.section-image-with-description{display:flex;align-items:center;gap:50px;padding-bottom:80px;flex-direction:column;line-height:normal;font-weight:200}.flex-image img{width:100%;height:400px;object-fit:cover;position:absolute;top:0;box-shadow:0 0 29px 4px #0000003d;border-radius:25px}.flex-image{padding-top:100%;position:relative}.section-image-with-description .img-wrapper img{border-radius:25px;width:100%;height:100%;object-fit:cover}.section-image-with-description .two-col-item{width:100%}.section-image-with-description .content__wrapper h2{margin:0 0 30px;font-size:2rem;font-weight:700;letter-spacing:normal}.section-image-with-description .content__wrapper .description{margin:0 0 50px;color:#000;font-size:1.6rem;font-family:var(--font-heading-family);font-weight:200}.section-image-with-description .content__wrapper .description p{margin:0}.section-image-with-description .content__wrapper .button{padding:20px 70px;font-weight:700;font-size:2.4rem;text-align:center;color:#82b8e6;background:#82b8e633}@media screen and (min-width: 300px){.flex-image img{height:350px}.section-image-with-description{gap:25x}.section-image-with-description .content__wrapper h2{margin-bottom:10px;font-size:3rem}.section-image-with-description .content__wrapper .description{margin-bottom:25px}.section-image-with-description .content__wrapper .button{font-size:2.2rem;padding:16px 65px}}@media screen and (min-width: 750px){.section-image-with-description{flex-direction:row}.flex-image img{position:relative;top:unset}.flex-image{padding-top:unset}.section-image-with-description.reverse{flex-direction:row-reverse}}@media screen and (min-width: 570px){.section-image-with-description .content__wrapper h2{font-size:3.3rem}.section-image-with-description .content__wrapper .description{font-size:1.6rem}}@media screen and (min-width: 750px){.section-image-with-description .content__wrapper h2{font-size:2.25rem}.section-image-with-description .content__wrapper .description{font-size:1.6rem}}@media screen and (min-width: 1024px){.section-image-with-description .content__wrapper h2{font-size:2.75rem}.section-image-with-description .content__wrapper .description{font-size:1.6rem}}@media screen and (min-width: 1200px){.section-image-with-description .content__wrapper h2{font-size:3rem}.section-image-with-description .content__wrapper .description{font-size:1.6rem}.flex-image img{height:400px}}@media screen and (max-width:749px){.flex-image img{height:100%!important}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-image-with-description.css.map */
