/*Main styles(for all pages)*/
    iframe{
        max-width: 100%;
    }
    @media (max-width: 1024px) {
        .group-type-2 > div{
            flex-wrap: wrap;
        }
        .group-type-3  div, .group-type-2  div, .group-type-3  img, .group-type-3  p, .group-type-3  select, .group-type-2  img, .group-type-2  p, .group-type-2  select, .preview_block > div > div, .group-type-3  h2, .group-type-2  h2, .group-type-3  h1, .group-type-2  h1{
            margin: auto  !important;
            text-align: center !important;
            padding: 5px  !important;
        }
        .group-type-3  input, .group-type-2  input, .group-type-3  button, .group-type-2  button{
            margin: auto  !important; 
            max-width: 100% !important;
        }
        .group-type-2, .group-type-3{
            max-height: fit-content !important;
        }
        .group-type-1{
            background-size: 100% 400px !important;
            max-height: fit-content !important;
        }
        .group-type-1 #adraggable{
            padding-top: 415px !important;
            height: fit-content !important;
        }
        #adraggable > div, #getImageFromHere iframe{
            position: unset !important; 
            width: 100% !important;
            text-align: center !important;
            padding: 10px !important;
            max-width: 100% !important;
        }
        #adraggable > div p, #adraggable > div h1, #adraggable > div h2{
            position: unset !important; 
            width: 100% !important;
            text-align: center !important;
            color: #000 !important;
            max-width: 100% !important;
        }
        .group-type-1 button, .group-type-2 button, .group-type-3 button,.preview_block a {
            float: none !important;
        }
        .group-type-1 p, .group-type-2 p, .group-type-3 p, .group-type-1 h1, .group-type-2 h1, .group-type-3 h1, .group-type-1 h2, .group-type-2 h2, .group-type-3 h2 {
            background: none !important;
            float: none !important;
        }
    }
    @media (max-width: 480px) {
        .group-type-3  div, .group-type-2  div, .group-type-3  img, .group-type-3  p, .group-type-3  select, .group-type-2  img, .group-type-2  p, .group-type-2  select, .preview_block > div > div
        .group-type-3  input, .group-type-2  input, .group-type-3  button, .group-type-2  button, .group-type-1  input,.group-type-1  button,.group-type-1  p ,.group-type-1  h1, .group-type-3  h1, .group-type-2  h1,
        .group-type-1  h2, .group-type-3  h2, .group-type-2  h2{
            width: 100% !important;
            max-width: 100% !important;
        }
        .preview_block .preview_group div.hovered-options{
            display: none;
        }
    }
/*Same styles for all pages? but for mobile preview function*/
    .mobilePr .group-type-2 > div{
        flex-wrap: wrap;
    }
    .mobilePr  .group-type-3  div, .mobilePr  .group-type-2  div, .mobilePr  .group-type-3  img, .mobilePr  .group-type-3  p, .mobilePr  .group-type-3  select, .mobilePr  .group-type-2  img,
    .mobilePr  .group-type-2  p, .mobilePr  .group-type-2  select, .mobilePr  .preview_block > div > div, .mobilePr .group-type-3  h2, .mobilePr .group-type-2  h2, .mobilePr .group-type-3  h1, 
    .mobilePr .group-type-2  h1, .mobilePr .group-type-2  span, .mobilePr .group-type-2  span, .mobilePr .group-type-2  span{
        margin: auto  !important;
        text-align: center !important;
        padding: 5px  !important;
    }
    .mobilePr  .group-type-3  input, .mobilePr  .group-type-2  input, .mobilePr  .group-type-3  button, .mobilePr  .group-type-2  button{
        margin: auto  !important; 
        max-width: 100% !important;
    }
    .mobilePr  .group-type-2, .mobilePr  .group-type-3{
        max-height: fit-content !important;
    }
    .mobilePr .group-type-1{
        background-size: 100% 400px !important;
        max-height: fit-content !important;
    }
    .mobilePr  .group-type-1 #adraggable, .mobilePr  .group-type-1 > div{
        padding-top: 415px !important;
        height: fit-content !important;
    }
    .mobilePr #adraggable > div, .mobilePr .group-type-1 > div > div{
        position: unset !important; 
        width: 100% !important;
        text-align: center !important;
        padding: 10px !important;
        max-width: 100% !important;
    }
    .mobilePr #adraggable > div p, .mobilePr .group-type-1 > div > div p, .mobilePr #getImageFromHere iframe, .mobilePr #adraggable > div h1, .mobilePr #adraggable > div h2, .mobilePr .group-type-1 > div > div h1, 
    .mobilePr .group-type-1 > div > div h2, .mobilePr #adraggable > div span, .mobilePr .group-type-1 > div > div span{
        position: unset !important; 
        width: 100% !important;
        text-align: center !important;
        color: #000 !important;
        max-width: 100% !important;
    }
    .mobilePr  .group-type-1 button, .mobilePr  .group-type-2 button, .mobilePr .group-type-3 button {
        float: none !important;
    }

    .mobilePr #getImageFromHere{
        max-width: 100%;
    }

    .mobilePr .preview_parent {
        overflow-x: hidden;
    }

    .mobilePr .group-type-1 p, .mobilePr .group-type-2 p, .mobilePr .group-type-3 p, .mobilePr .group-type-1 h1, .mobilePr .group-type-2 h1, .mobilePr .group-type-3 h1, .mobilePr .group-type-1 h2, 
    .mobilePr .group-type-2 h2, .mobilePr .group-type-3 h2,  .mobilePr .group-type-1 span, .mobilePr .group-type-2 span, .mobilePr .group-type-3 span{
        background: none !important;
        float: none !important;
    }

    .mobilePr button, .mobilePr input{
        width: 100% !important;
        max-width: 100% !important;
    }
    .mobilePr .preview_block .preview_group div.hovered-options{
        display: none;
    }
/*Styles for template named "first" */
    .first #Footer input::placeholder{
        color: #FFF
    }
    .first #blocks-3-content #text p, .first #blocks-3-content span{
        margin: auto !important;
    }
    .first div[id='question blocks'] #text p, .first div[id='question blocks'] span{
        margin: auto !important;
    }
    .first div[id='Reviews blocks'] #text p, .first div[id='Reviews blocks'] span{
        margin: auto !important;
    }
    .first div[id='final question'] #text p, .first div[id='final question'] span{
        margin: auto !important;
    }
    .first div[id='Reviews'] #text p, .first div[id='Reviews'] span{
        margin: auto !important;
    }
    @media (max-width: 1024px) {
        .first .group-type-1 #adraggable {
            padding-top: 650px !important;
        }
        .first .group-type-1 {
            background-size: 100% calc(100% - 535px) !important;
        } 
        .first .group-type-1 #image:nth-last-of-type(1){
            display: none;
        }
        .first p{
            border: none !important;
        }
        .first .group-type-2 div{
            background-image: none !important;
        }
    }
    @media (max-width: 700px) {
        .first .group-type-1 #adraggable {
            padding-top: 580px !important;
        }
        .first .group-type-1 {
            background-size: 100% calc(100% - 640px) !important;
        }
    }
    @media (max-width: 480px) {
        .first .group-type-2 #image img, .first .group-type-3 #image img{
            max-width: fit-content !important;
        }
        .first .group-type-1 #adraggable {
            padding-top: 410px !important;
        }
        .first .group-type-1 {
            background-size: 100% calc(100% - 640px) !important;
        }
        .first h1{
            font-size: 40px !important;
        }
    }
    @media (max-width: 430px) {
        .first .group-type-1 #adraggable {
            padding-top: 410px !important;
        }
        .first .group-type-1 {
            background-size: 100% calc(100% - 720px) !important;
        }
    }
    .first.mobilePr .group-type-1 #adraggable {
        padding-top: 410px !important;
    }
    .first.mobilePr .group-type-1 {
        background-size: 100% calc(100% - 720px) !important;
    }
    .first.mobilePr .group-type-2 img, .first.mobilePr .group-type-3 img{
        max-width: fit-content !important;
        width: 100%;
    }
    .first.mobilePr .group-type-2 div{
        background-image: none !important;
    }
    .first.mobilePr .group-type-1 img:nth-last-of-type(1){
        display: none;
    }
    .first.mobilePr p{
        border: none !important;
    }
/*Styles for template named "second" */
    .second #Footer input::placeholder{
        color: #FFF
    }
    @media (max-width: 1650px) {
        .second #adraggable button {
            top: 0 !important;
            right: auto !important;
            left: -25px;
            position: absolute;
        }
    }
    @media (max-width: 1350px) {
        .second #adraggable button {
            top: 90px !important;
            right: auto !important;
            left: 266px;
            position: absolute;
        }
        .second #adraggable a {
            top: -64px !important;
            right: auto !important;
            left: -34px;
            position: absolute;
        }
    }
    @media (max-width: 1150px) {
        .second #adraggable div[id='header text'] h1 {
            margin-top: -25px !important;
        }
    }
    @media (max-width: 1024px) {
        .second .group-type-1 #adraggable {
            padding: 0px !important;
        }
        .second div{
            border: none !important;
        }
        .second #adraggable a, .second #adraggable button{
            position: inherit;
        }
        .second #adraggable div[id='header text'] h1 {
            margin-top: 0px !important;
        }
    }
    @media (max-width: 480px) {
        .second input{
            padding: 10px !important;
            width: 100%;
        }
        .second div[id='Inputs line'] div {
            max-width: 100% !important;
        }
        .second div[id='Inputs line'] button {
            padding: 5px !important;
        }
        .second div[id='after-inputs'] img,  .second div[id='Footer'] img{
            width: fit-content !important;
            max-width: 100%;
        }
    }
    .second.mobilePr  input{
        padding: 10px !important;
        width: 100%;
    }
    .second.mobilePr  div[id='Inputs line'] div {
        max-width: 100% !important;
    }
    .second.mobilePr  div[id='Inputs line'] button {
        padding: 5px !important;
    }
    .second.mobilePr  div[id='after-inputs'] img,  .second.mobilePr  div[id='Footer'] img{
        width: fit-content !important;
        max-width: 100%;
    }
    .second.mobilePr.group-type-1 #adraggable {
        padding: 0px !important;
    }
    .second.mobilePr .group-type-1 > div{
        padding: 0 !important;
    }
/*Styles for template named "third" */
    .third #Footer input::placeholder{
        color: #FFF
    }
    @media (max-width: 1024px) {
        .third div[id='Lists'] p {
            padding: 0 !important;
        }
        .third #blue-line{
            display: none;
        }
    }
    @media (max-width: 480px) {
        .third div[id='Footer'] img{
            width: fit-content !important;
            max-width: 100%;
        }
    }
    .third.mobilePr div[id='Lists'] p {
        padding: 0 !important;
    }
    .third.mobilePr #blue-line{
        display: none;
    }
    .third.mobilePr div[id='Footer'] img{
        width: fit-content !important;
        max-width: 100%;
    }
/*Styles for template named "fourth" */
    .fourth #Footer input::placeholder{
        color: #FFF
    }
    .fourth div[id='Grey text'] #text p, .fourth div[id='Grey text'] span{
        margin: auto !important;
    }
    @media (max-width: 1024px) {
        .fourth .group-type-1 #adraggable {
            padding-bottom: 530px !important;
            padding-top: 0 !important;
            height: fit-content !important;
        }
        .fourth .group-type-1:first-of-type {
            background-position: bottom left !important;
            background-size: auto 523px !important;
            background-color: #c8e4ff !important;
        }
        .fourth #three-blocks-wrapper > div{
            max-width: 100% !important;
            background: none !important;
            box-shadow: none !important;
            border: none !important;
        }
    }
    @media (max-width: 480px) {
        .fourth div[id='form-inputs-add'] img,  .fourth div[id='Footer'] img{
            width: fit-content !important;
            max-width: 100%;
        }
    }
    .fourth.mobilePr div[id='form-inputs-add'] img,  .fourth div[id='Footer'] img{
        width: fit-content !important;
        max-width: 100%;
    }
    .fourth.mobilePr .group-type-1 #adraggable, .fourth.mobilePr .group-type-1 > div {
        padding-bottom: 530px !important;
        padding-top: 0 !important;
        height: fit-content !important;
    }
    .fourth.mobilePr .group-type-1:first-of-type {
        background-position: bottom left !important;
        background-size: auto 523px !important;
        background-color: #c8e4ff !important;
    }
    .fourth.mobilePr #three-blocks-wrapper > div{
        max-width: 100% !important;
        background: none !important;
        box-shadow: none !important;
        border: none !important;
    }
/*Styles for template named "fifth" */
    .fifth #Footer input::placeholder{
        color: #FFF
    }
    .fifth div[id='text-black'] #text p, .fifth div[id='text-black'] span{
        margin: auto !important;
    }
    @media (max-width: 1024px) {
        .fifth .group-type-1{
            background-size: 100% 100% !important;
        }
        .fifth .group-type-1 #adraggable {
            padding-top: 215px !important;
            padding-bottom: 200px !important;
        }
    }
    @media (max-width: 950px) {
        .fifth div[id='2-blocks-first'] > div, .fifth div[id='blocks-second-2'] > div {
            margin: 10px auto !important;
        }
        .fifth .group-type-1 #adraggable {
            padding-top: 150px !important;
            padding-bottom: 100px !important;
        }
    }
    @media (max-width: 680px) {
        .fifth .group-type-1 #adraggable {
            padding-top: 50px !important;
            padding-bottom: 40px !important;
        }
    }
    @media (max-width: 480px) {
        .fifth .group-type-1 #adraggable {
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }
        .fifth .group-type-1 {
            background-size: auto 520px !important;
        }
        .fifth div[id='Footer'] img{
            width: fit-content !important;
            max-width: 100%;
        }
    }
    .fifth.mobilePr .group-type-1 > div {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }
    .fifth.mobilePr .group-type-1 {
        background-size: auto 520px !important;
    }
    .fifth.mobilePr div[id='Footer'] img{
        width: fit-content !important;
        max-width: 100%;
    }
    .fifth.mobilePr div[id='2-blocks-first'] > div, .fifth.mobilePr div[id='blocks-second-2'] > div {
        margin: 10px auto !important;
    }
/*Styles for template named "sixth" */
    .sixth #Footer input::placeholder{
        color: #FFF
    } 
    @media (max-width: 1024px) {
        .sixth div[id='logo-block'] img {
            float: none !important;
        }
        .sixth .group-type-1 {
            background-size: auto 100% !important;
            background-position: bottom left !important;
        }
        .sixth .group-type-1 #adraggable {
            padding-top: 215px !important;
            padding-bottom: 200px !important;
        }
        .sixth div[id='text with image'] p{
            padding: 0 !important;
        }
        .sixth div[id='reviews bottom text']{
            display: none;
        }
    }
    @media (max-width: 900px) {
        .sixth div[id='6-blocks-wrapper-first'] > div, .sixth div[id='6-blocks-wrapper-second'] > div {
            margin: 10px auto !important;
        }
    }
    @media (max-width: 680px) {
        .sixth .group-type-1 #adraggable {
            padding-top: 115px !important;
            padding-bottom: 100px !important;
        }
    }
    @media (max-width: 480px) {
        .sixth img{
            width: fit-content !important;
            max-width: 100%;
        }
    }
    .sixth.mobilePr .group-type-1 {
        background-size: auto 100% !important;
        background-position: bottom left !important;
    }
    .sixth.mobilePr img{
        width: fit-content !important;
        max-width: 100%;
    }
    .sixth.mobilePr .group-type-1 > div {
        padding-top: 115px !important;
        padding-bottom: 100px !important;
    }
    .sixth.mobilePr div[id='6-blocks-wrapper-first'] > div, .sixth.mobilePr div[id='6-blocks-wrapper-second'] > div {
        margin: 10px auto !important;
    }
    .sixth.mobilePr div[id='text with image'] p{
        padding: 0 !important;
    }
    .sixth.mobilePr div[id='reviews bottom text']{
        display: none;
    }
    .sixth.mobilePr div[id='logo-block'] img {
        float: none !important;
    }
/*Styles for template named "seventh" */
    .seventh #Header .preview_group.preview_group_elements{
        text-align: right;
    }
    .seventh #Footer input::placeholder{
        color: #FFF
    }
    @media (max-width: 1200px) {
        .seventh div[id='first2blocks'] {
            flex-wrap: wrap;
        }
        .seventh div[id='first2blocks'] > div {
            margin: auto !important;
        }
        .seventh div[id='second2blocks'] {
            flex-wrap: wrap;
        }
        .seventh div[id='second2blocks'] > div {
            margin: auto !important;
        }
    }
    @media (max-width: 1024px) {
        .seventh div[id='first2blocks'] p {
            text-align: right !important;
            float: right !important;
            margin-left: 100px !important;
        }
        .seventh div[id='second2blocks'] p{
            text-align: right !important;
            float: right !important;
            margin-left: 100px !important;
        }
    }
    @media (max-width: 579px) {
        .seventh div[id='first2blocks'] p {
            max-width: 50% !important;
        }
        .seventh div[id='second2blocks'] p{
            max-width: 50% !important;
        }
    }
    .seventh.mobilePr div[id='first2blocks'] span {
        max-width: 50% !important;
        text-align: right !important;
        float: right !important;
        margin-left: 100px !important;
    }
    .seventh.mobilePr div[id='second2blocks'] span{
        max-width: 50% !important;
        text-align: right !important;
        float: right !important;
        margin-left: 100px !important;
    }
/*Styles for template named "last" */
    .last #Footer input::placeholder{
        color: #FFF
    }
    @media(max-width: 1024px){
        .last #Header{
            flex-direction: column-reverse;
        }
        .last #Header > div{
            background-size: cover !important;
        }
        .last #text-with-image1, .last #text-with-image-3 {
            flex-direction: column-reverse;
        }
        .last div[id='3blocks'] > div{
            margin: 10px 125px !important;
        }
    }
    @media(max-width: 480px){
        .last img{
            max-width: fit-content !important;
            width: 100% !important;
        }
        .last div[id='3blocks'] > div{
            margin: 10px auto !important;
        }
    }
    .last.mobilePr img{
        max-width: fit-content !important;
        width: 100% !important;
    }
    .last.mobilePr div[id='3blocks'] > div{
        margin: 10px auto !important;
    }
    .last.mobilePr #Header{
        flex-direction: column-reverse;
    }
    .last.mobilePr #Header > div{
        background-size: cover !important;
    }
    .last.mobilePr #text-with-image1, .last.mobilePr #text-with-image-3 {
        flex-direction: column-reverse;
    }
/*Styles for template named "seo" */
    @media(max-width: 1200px){
        .seo #Header > div{
            max-width: 50% !important;
        }
        .seo #Header input {
            max-width: 95% !important;
        }
        .seo .preview_block > div > .group-type-3:first-of-type{
            background-size: 49% auto !important;
        }
    }
    @media(max-width: 1024px){
        .seo .preview_block > div > .group-type-3:first-of-type{
            background-size: auto 480px !important;
            background-position: top center !important;
        }
        .seo #Header > div{
            max-width: 100% !important;
        }
        .seo #Header {      
            padding-top: 480px !important;
        }
        .seo #Header > div .preview_group > div{
            flex-wrap: nowrap !important;
        }
    }
    @media(max-width: 480px){
        .seo img{
            max-width: fit-content !important;
            width: 100% !important;
        }
    }
    .seo.mobilePr img{
        max-width: fit-content !important;
        width: 100% !important;
    }
    .seo.mobilePr .preview_block > div > .group-type-3:first-of-type{
        background-size: auto 480px !important;
        background-position: top center !important;
    }
    .seo.mobilePr #Header > div{
        max-width: 100% !important;
    }
    .seo.mobilePr #Header {      
        padding-top: 480px !important;
    }
    .seo.mobilePr #Header > div .preview_group > div{
        flex-wrap: nowrap !important;
    }
    .seo.mobilePr #Header input {
        max-width: 95% !important;
    }
/*Styles for template named "comp234" */
    .comp234 #Header .preview_group{
         text-align: right;
    } 
    .comp234 #Footer input::placeholder{
        color: #FFF
    }
    @media(max-width: 1024px){
        .comp234 #logo-block{
            display: none;
        }
        .comp234 #Header{
            flex-direction: column-reverse;
        }
        .comp234 #Lists p{
            padding: 0 !important;
        }
    }
    @media(max-width: 480px){
        .comp234 #Footer img{
            max-width: fit-content !important;
            width: 100%;
        }
    }
    .comp234.mobilePr #Footer img{
        max-width: fit-content !important;
        width: 100%;
    }
    .comp234.mobilePr #logo-block{
        display: none;
    }
    .comp234.mobilePr #Header{
        flex-direction: column-reverse;
    }
    .comp234.mobilePr #Lists p{
        padding: 0 !important;
    }
/*Styles for template named "gym" */
    .gym #Header #button{
        max-width: 650px;
        margin-inline: auto;
    }
    .gym #Header #text p{
        margin: auto !important;
    }
    .gym #Footer input::placeholder{
        color: #FFF
    }
    @media (max-width: 1480px) {
        .gym #Header #spacer{
            max-height: 590px;
        }
    }
    @media (max-width: 1280px) {
        .gym #Header #spacer{
            max-height: 510px;
        }
    }
    @media (max-width: 1024px) {
        .gym #Header{
            flex-direction: column-reverse;
        }
        .gym #Header #spacer {
            max-height: 700px;
        }
        .gym #plans #image{
            display: none;
        }
        .gym #plans #spacer{
            display: none;
        }
        .gym #img-with-text{
            flex-direction: column-reverse;
        }
    }
    @media (max-width: 650px) {
        .gym #Header #spacer {
            max-height: 530px;
        }
        .gym #plans > div {
            margin-block: 15px !important;
        }
    }
    @media (max-width: 480px) {
        .gym #Header #spacer {
            max-height: 370px;
        }
        .gym img{
            max-width: fit-content !important;
            width: 100%;
        }
    }
    .gym.mobilePr #img-with-text{
        flex-direction: column-reverse;
    }
    .gym.mobilePr #Header .preview_group div > a > div {
        max-height: 370px;
    }
    .gym.mobilePr #plans > div {
        margin-block: 15px !important;
    }
    .gym.mobilePr #Header{
        flex-direction: column-reverse;
    }
    .gym.mobilePr #plans img{
        display: none;
    }
    .gym.mobilePr img{
        max-width: fit-content !important;
        width: 100%;
    }
/*Styles for template named "clean" */
    .clean #Header #text p, .clean #Header h1{
        margin: auto !important;
    }
    .clean #Footer input::placeholder{
        color: #FFF
    }
    @media (max-width: 1600px){
        .clean #Header .preview_group > div{
            max-height: 500px !important;
        }
    }
    @media (max-width: 1200px){
        .clean #Header .preview_group > div{
            max-height: 420px !important;
        }
        .clean #Header > div:first-of-type{
            padding: 8px !important;
        }
    }
    @media (max-width: 1024px){
        .clean #Header{
            flex-direction: column-reverse;
        }
        .clean #Header > div:nth-child(2){
            background-size: auto 480px !important;
            background-position: top center !important;
        }
        .clean div[id='3circle']{
            max-width: 337px;
            margin: 10px;
        }
        .clean #buttons-with-img{
            flex-direction: column-reverse;
        }
    }
    @media (max-width: 480px){
        .clean img{
            max-width: fit-content !important;
            width: 100%;
        }
    }
    .clean.mobilePr img{
        max-width: fit-content !important;
        width: 100%;
    }
    .clean.mobilePr #Header{
        flex-direction: column-reverse;
    }
    .clean.mobilePr #Header > div:nth-child(2){
        background-size: auto 480px !important;
        background-position: top center !important;
    }
    .clean.mobilePr div[id='3circle']{
        max-width: 337px;
        margin: 10px;
    }
    .clean.mobilePr #buttons-with-img{
        flex-direction: column-reverse;
    }
    .clean.mobilePr #Header .preview_group > div{
        max-height: 420px !important;
    }
    .clean.mobilePr #Header > div:first-of-type{
        padding: 8px !important;
    }
/*Styles for template named "thnx-page" */
    .form-send-thnx{
        text-align: right;
        width: 100%;
        height: 100vh;
        padding-top: 30vh;
        background: url(/business/images/thnx.png) no-repeat top left;
        background-size: auto 100%;
        font-family: 'Assistant';
        font-style: normal;
        font-weight: 700;
        font-size: 40px;
        line-height: 35px;
        letter-spacing: -0.408px;

        color: #000000;

        text-shadow: 0px -2px 9px rgba(0, 0, 0, 0.25);
        border-radius: 44px;
        padding-right: 2vw;
        position: fixed;
    }
    @media (max-width: 1200px){
        .form-send-thnx{
            padding-top: 50px;
            padding-right: 0;
            margin-right: -2%;
            text-align: center;
            border-radius: 0;
            background-position: top 147px center;
            overflow: auto;
            background-size: contain;
        }
    }