section.gt-block.before-after.blue {
background: #f2f9fc;
}
section.gt-block.before-after .before-after__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: clamp(6rem, 8vw, 10rem) 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.before-after .before-after__content-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 120rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 3rem;
}
section.gt-block.before-after .before-after__content-header h2 {
line-height: 1;
}
section.gt-block.before-after .before-after__content-header p {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
color: #5e6f7e;
}
section.gt-block.before-after .before-after__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: 4rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 8rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 700px) {
section.gt-block.before-after .before-after__content-text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.gt-block.before-after .before-after__content-text .text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
max-width: 42.4rem;
}
section.gt-block.before-after .before-after__content-text .text .strong {
font-family: "Inter", sans-serif;
font-weight: 600;
color: #28323c;
font-size: 2rem;
font-style: normal;
line-height: 140%; }
section.gt-block.before-after .before-after__content-text .text p {
font-family: "Inter", sans-serif;
font-weight: 400;
color: #28323c;
}
section.gt-block.before-after .before-after__content-text .image {
position: relative;
-ms-touch-action: none;
touch-action: none;
-ms-user-select: none;
user-select: none;
-webkit-user-select: none;
-moz-user-select: none;
width: 100%;
max-width: 69.7rem;
margin: 0 auto;
}
section.gt-block.before-after .before-after__content-text .image .image-compare-container {
width: 100%;
max-width: 69.7rem;
max-height: 46.4rem;
}
section.gt-block.before-after .before-after__content-text .image .image-compare-container img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
aspect-ratio: 697/464;
}
section.gt-block.before-after .before-after__content-text .image .image-compare-container .icv__label-before,
section.gt-block.before-after .before-after__content-text .image .image-compare-container .icv__label-after {
display: none;
}
section.gt-block.before-after .before-after__content-text .image .image__text {
padding-top: 1rem;
}
section.gt-block.before-after .before-after__content-text .image .image__text p {
font-family: "Inter", sans-serif;
font-weight: 400;
color: #28323c;
}
#image-compare-container {
-ms-touch-action: none;
touch-action: none;
}