section.gt-block.section-hero .section-hero--content {
width: 100%;
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;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.gt-block.section-hero .section-hero--content-header {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
}
@media screen and (max-width: 768px) {
section.gt-block.section-hero .section-hero--content-header {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.gt-block.section-hero .section-hero--content-header .left-col {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: clamp(2rem, calc(1rem + 3vw), 5rem);
}
@media screen and (max-width: 768px) {
section.gt-block.section-hero .section-hero--content-header .left-col {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
}
section.gt-block.section-hero .section-hero--content-header .left-col .title--heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
@media screen and (max-width: 768px) {
section.gt-block.section-hero .section-hero--content-header .left-col .title--heading {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
section.gt-block.section-hero .section-hero--content-header .left-col .title--heading h1 {
padding-bottom: 1rem;
}
section.gt-block.section-hero .section-hero--content-header .left-col .hero-desc p {
font-family: var(--ternary-font);
font-size: 2rem;
font-style: normal;
line-height: 1.5;
color: var(--base-white, #fff);
}
@media screen and (max-width: 600px) {
section.gt-block.section-hero .section-hero--content-header .left-col .hero-desc p {
font-size: 1.6rem;
}
}
section.gt-block.section-hero .section-hero--content-header .left-col .hero-desc p {
font-weight: 400;
}
section.gt-block.section-hero .section-hero--content-header .left-col .buttons {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 2rem;
}
@media screen and (max-width: 768px) {
section.gt-block.section-hero .section-hero--content-header .left-col .buttons {
gap: 1rem;
}
}
@media screen and (max-width: 341px) {
section.gt-block.section-hero .section-hero--content-header .left-col .buttons.row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
}
@media screen and (max-width: 341px) {
section.gt-block.section-hero .section-hero--content-header .left-col .buttons.col {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
section.gt-block.section-hero .section-hero--content-header .hero-image {
width: 100%;
max-width: -webkit-max-content;
max-width: -moz-max-content;
max-width: max-content;
height: auto;
}
section.gt-block.section-hero .section-hero--content-header .hero-image img {
width: 100%;
max-width: 54.4rem;
height: auto;
-ms-flex-negative: 0;
flex-shrink: 0;
aspect-ratio: 544/569;
}
@media screen and (max-width: 768px) {
section.gt-block.section-hero .section-hero--content-header .hero-image img {
max-width: 40.4rem;
}
}
@media screen and (max-width: 550px) {
section.gt-block.section-hero .section-hero--content-header .hero-image img {
max-width: 30.4rem;
}
}