section.gt-block.image-text-block.blue {
background: #f2f9fc;
}
section.gt-block.image-text-block .image-text-block__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: clamp(1rem, 3vw, 4rem);
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.image-text-block .image-text-block__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: clamp(1rem, 2vw, 3rem);
}
section.gt-block.image-text-block .image-text-block__content-header h2 {
line-height: 1;
}
@media screen and (max-width: 640px) {
section.gt-block.image-text-block .image-text-block__content-header h2 {
font-size: 2.5rem;
line-height: 1.2;
}
}
section.gt-block.image-text-block .image-text-block__content-header p {
color: #5e6f7e;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}
section.gt-block.image-text-block .image-text-block__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-bottom: clamp(2rem, 3vw, 4rem);
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(3rem, 8vw, 8rem);
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.image-text-block .image-text-block__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;
}
section.gt-block.image-text-block .image-text-block__content-text .text .strong {
font-family: "Inter", sans-serif;
font-weight: 600;
color: #28323c;
font-size: calc(var(--fs-small-rate) * 2rem);
font-style: normal;
line-height: 140%; }
section.gt-block.image-text-block .image-text-block__content-text .text p {
font-family: "Inter", sans-serif;
font-weight: 400;
color: #28323c;
}
section.gt-block.image-text-block .image-text-block__content-images {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(3rem, 4vw, 6rem);
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.gt-block.image-text-block .image-text-block__content-images .image {
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-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: clamp(1.5rem, 2vw, 3rem);
width: 100%;
max-width: 36rem;
}
@media screen and (max-width: 800px) {
section.gt-block.image-text-block .image-text-block__content-images .image {
width: 100%;
max-width: 100%;
}
}
section.gt-block.image-text-block .image-text-block__content-images .image .ref-text p { font-size: calc(var(--fs-small-rate) * 2rem);
line-height: 1.4;
font-family: "Inter", sans-serif;
font-weight: 400;
}
section.gt-block.image-text-block .image-text-block__content-images .image picture {
border-radius: 0rem 2rem 2rem 2rem;
}
@media screen and (max-width: 800px) {
section.gt-block.image-text-block .image-text-block__content-images .image picture {
width: 100%;
max-width: 100%;
height: 36rem;
}
}
section.gt-block.image-text-block .image-text-block__content-images .image picture img {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 36rem;
-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: 2rem;
-ms-flex-item-align: stretch;
align-self: stretch;
aspect-ratio: auto 360/360;
border-radius: 0rem 2rem 2rem 2rem;
-o-object-fit: cover;
object-fit: cover;
}
@media screen and (max-width: 800px) {
section.gt-block.image-text-block .image-text-block__content-images .image picture img {
width: 100%;
max-width: 100%;
height: 36rem;
}
}