:root {
--content-max-width: 123.2rem;
--max-width-col-right: 71.5rem;
--max-width-col-left: 69.1rem;
--bg-blue-800: var(--Blue-800, #002b30);
--bg-temn-smaragd: var(--TEMN-SMARAGD, #003f45);
--bg-biege-200: var(--Biege-200, #f6f4ed);
--color-primary: var(--MEDOV-LUT, #ffc009);
--color-secondary: var(--BOV-PSEK, var(--Bov-psek, #ece7d4));
}
.hero-section {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
min-height: clamp(30rem, 45vw, 45rem);
-ms-flex-negative: 0;
flex-shrink: 0;
overflow: hidden;
}
.hero-section.homepage, .hero-section.services-hero {
min-height: 64rem;
}
.hero-section.homepage .hero-section__content .col-right img, .hero-section.services-hero .hero-section__content .col-right img {
top: -10.7rem;
}
@media screen and (max-width: 1040px) {
.hero-section.homepage .hero-section__content .col-right img, .hero-section.services-hero .hero-section__content .col-right img {
top: -9.7rem;
max-width: 64.7rem;
}
}
@media screen and (max-width: 900px) {
.hero-section.homepage .hero-section__content .col-right img, .hero-section.services-hero .hero-section__content .col-right img {
max-width: 54.7rem;
}
}
@media screen and (max-width: 768px) {
.hero-section.homepage .hero-section__content .col-right, .hero-section.services-hero .hero-section__content .col-right {
display: none;
}
}
.hero-section.services-hero .hero-section__content {
min-height: 34.2rem;
}
.hero-section.services-hero .hero-section__content .col-right img {
top: -19.7rem;
}
@media screen and (max-width: 768px) {
.hero-section .inner {
padding-bottom: 4.3rem;
}
}
.hero-section__content {
width: 100%;
max-width: var(--content-max-width);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.hero-section__content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.hero-section__content .mobile-image {
display: none;
}
@media screen and (max-width: 768px) {
.hero-section__content .mobile-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding-bottom: 2rem;
}
.hero-section__content .mobile-image img {
width: 100%;
}
.hero-section__content .mobile-image .divider {
max-width: 64rem;
}
}
@media screen and (max-width: 768px) and (max-width: 614px) {
.hero-section__content .mobile-image .divider {
max-width: 43rem;
}
}
.hero-section__content .col-left {
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: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: clamp(30rem, 50%, var(--max-width-col-left));
gap: clamp(1.2rem, calc(0.6rem + 1.6vw), 4rem);
}
@media screen and (max-width: 768px) {
.hero-section__content .col-left {
max-width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.hero-section__content .col-left__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;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: clamp(0.48rem, calc(0.24rem + 0.64vw), 1.6rem);
}
@media screen and (max-width: 768px) {
.hero-section__content .col-left__header {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
}
}
.hero-section__content .col-left__header h1 {
color: var(--color-primary);
text-transform: uppercase;
}
.hero-section__content .col-left__header .body-text--md {
color: var(--color-primary);
}
.hero-section__content .col-left__buttons {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 1.6rem;
}
@media screen and (max-width: 566px) {
.hero-section__content .col-left__buttons {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
.hero-section__content .col-right {
position: relative;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: var(--max-width-col-right);
-webkit-box-flex: 1;
-ms-flex: 1 0 var(--max-width-col-right);
flex: 1 0 var(--max-width-col-right);
}
@media screen and (max-width: 1040px) {
.hero-section__content .col-right {
max-width: 64.7rem;
}
}
@media screen and (max-width: 900px) {
.hero-section__content .col-right {
max-width: 54.7rem;
}
}
.hero-section__content .col-right img {
position: absolute;
max-width: 71.6rem;
-ms-flex-negative: 0;
flex-shrink: 0;
top: -23.7rem;
left: 0;
}
@media screen and (max-width: 1040px) {
.hero-section__content .col-right img {
top: -23.7rem;
max-width: 64.7rem;
}
}
@media screen and (max-width: 900px) {
.hero-section__content .col-right img {
max-width: 54.7rem;
}
}
@media screen and (max-width: 768px) {
.hero-section__content .col-right {
display: none;
}
}
.text-block {
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: center;
-ms-flex-align: center;
align-items: center;
background: var(--Biege-200, #f6f4ed);
}
.text-block__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 98.8rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
margin: 0 auto;
}
.text-block__content .dt-1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
.text-block__content .dt-1 h2 {
text-align: center;
font-size: calc(var(--fs-small-rate) * 3.6rem);
line-height: 1.3333333333;
font-family: "Gilroy-Medium", sans-serif;
font-weight: 500;
color: var(--TEMN-SMARAGD, #003f45);
text-transform: none;
}
.text-block__content .dt-1 h3 {
font-family: "Gilroy-Regular", sans-serif;
font-weight: 400;
font-size: calc(var(--fs-small-rate) * 2.3rem);
line-height: 1.1739130435;
text-align: center;
color: var(--TEMN-SMARAGD, #003f45);
text-transform: none;
}
.reference-cards {
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;
-ms-flex-line-pack: start;
align-content: flex-start;
gap: 1.6rem;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background: var(--Biege-200, #f6f4ed);
padding: 2rem 0;
}
.reference-cards__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 1.6rem;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
width: 100%;
max-width: 123.2rem;
margin: 0 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.reference-cards__content .card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2.4rem;
-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: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
width: 100%;
max-width: 56rem;
border-radius: 0.8rem;
background: var(--White, #fff);
-webkit-box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.5);
box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.5);
}
.reference-cards__content .card .body-text {
color: var(--TEMN-SMARAGD, #003f45);
}
.reference-cards__content .card-firm {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 5.6rem;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.reference-cards__content .card-firm .body-text {
color: var(--TEMN-SMARAGD, #003f45);
}
.reference-cards__content .card-firm__icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 5.6rem;
height: 5.6rem;
padding: 0.4rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border-radius: 1000rem;
background: var(--Grey-20, #dce0e6);
}
.reference-cards__content .card-manager {
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: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.reference-cards__content .card-manager .h4 {
color: var(--TEMN-SMARAGD, #003f45);
}
.reference-cards__content .card-manager .body-text {
color: var(--TEMN-SMARAGD, #003f45);
}
.text-block-button {
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: center;
-ms-flex-align: center;
align-items: center;
background: var(--Biege-200, #f6f4ed);
}
.text-block-button__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 123.2rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 4rem;
-ms-flex-item-align: stretch;
align-self: stretch;
margin: 0 auto;
}
.text-block-button__content .dt-1 {
width: 100%;
max-width: 65rem;
text-align: center;
}
.text-block-button__content .dt-1 p {
font-family: "Gilroy-Medium", sans-serif;
font-weight: 500;
font-size: calc(var(--fs-small-rate) * 3.6rem);
line-height: 1.3333333333;
}