section.gt-block.media .media__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: clamp(6rem, 8vw, 15rem) 0rem clamp(3rem, 8vw, 15rem) 0;
-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(4rem, 8vw, 8rem);
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.media .media__content-header {
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: 3rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.media .media__content-header h1 {
color: #004b89;
}
section.gt-block.media .media__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(3rem, 5vw, 8rem);
-ms-flex-item-align: stretch;
align-self: stretch;
}
@media screen and (max-width: 600px) {
section.gt-block.media .media__content-text {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
section.gt-block.media .media__content-text .person {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.gt-block.media .media__content-text .person figure {
position: relative;
cursor: pointer;
}
section.gt-block.media .media__content-text .person:hover .person__hover-image {
opacity: 1;
}
section.gt-block.media .media__content-text .person .person__image {
position: relative;
}
section.gt-block.media .media__content-text .person .person__hover-image {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.4s;
transition: 0.4s;
}
section.gt-block.media .media__content-text .person img {
position: relative;
width: 100%;
max-width: 16.5rem;
height: 16.5rem;
aspect-ratio: 1/1;
border-radius: 30rem;
}
section.gt-block.media .media__content-text .person__name {
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: 2rem;
}
section.gt-block.media .media__content-text .person__name .inter-text-md {
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
color: #5e6f7e;
text-transform: uppercase;
}
section.gt-block.media .media__content-text .media-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: clamp(3rem, 3vw, 8rem);
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
section.gt-block.media .media__content-text .media-contact .tel,
section.gt-block.media .media__content-text .media-contact .email {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
}
section.gt-block.media .media__content-text .media-contact .tel i svg,
section.gt-block.media .media__content-text .media-contact .email i svg {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 2.3rem;
-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;
-ms-flex-item-align: stretch;
align-self: stretch;
}
section.gt-block.media .media__content-text .media-contact .tel-text,
section.gt-block.media .media__content-text .media-contact .email-text {
color: #004b89;
font-size: calc(var(--fs-rate) * 3rem);
font-style: normal;
line-height: 100%;
text-transform: uppercase;
font-family: "Avenir Next LT Pro", sans-serif;
font-weight: 600;
}