: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;
}
}
: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));
--box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.5);
}
.service {
position: relative;
z-index: 5;
background: var(--bg-blue-800);
}
.service.psek {
background: var(--bg-biege-200);
}
.service.psek .service__content-header h2 {
color: var(--bg-temn-smaragd);
}
.service.psek .service__content-header .divider {
border: 2px solid var(--bg-temn-smaragd);
}
.service.smaragd {
background: var(--bg-blue-800);
}
.service__content {
width: 100%;
max-width: var(--content-max-width);
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;
gap: 1rem;
margin: 0 auto;
}
.service__content-header {
width: 100%;
max-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: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
padding-bottom: 2.9rem;
}
.service__content-cards {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: var(--content-max-width);
-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: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.service__content-cards.double-col .card {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
opacity: 0;
overflow: hidden;
-webkit-transform: translateY(20px);
transform: translateY(20px);
-webkit-transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease;
transition: opacity 0.5s ease, transform 0.5s ease, -webkit-transform 0.5s ease;
z-index: -1;
width: calc(50% - 0.5rem);
}
@media screen and (max-width: 500px) {
.service__content-cards.double-col .card {
width: calc(100% - 0rem);
}
}
.service__content-cards.double-col .card.visible {
position: static;
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
z-index: 3;
}
.service__content-cards.third-col .card {
width: calc(33.3333333333% - 0.6666666667rem);
}
@media screen and (max-width: 900px) {
.service__content-cards.third-col .card {
width: calc(50% - 0.5rem);
}
}
@media screen and (max-width: 500px) {
.service__content-cards.third-col .card {
width: calc(100% - 0rem);
}
}
.service__content-cards .card {
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;
padding: clamp(1.35rem, calc(0.675rem + 1.8vw), 4.5rem) clamp(1.2rem, calc(0.6rem + 1.6vw), 4rem);
gap: clamp(0.9rem, calc(0.45rem + 1.2vw), 3rem);
border-radius: 1rem;
border: 1px solid var(--bg-temn-smaragd);
background: var(--bg-temn-smaragd);
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.service__content-cards .card:hover {
border: 1px solid var(--color-primary);
scale: 1.015;
}
.service__content-cards .card:hover .btn--secondary {
background: var(--color-secondary);
color: var(--bg-temn-smaragd);
}
.service__content-cards .card-icon {
width: 100%;
max-width: 8rem;
height: 6.7368rem;
}
.service__content-cards .card-icon svg {
width: 100%;
max-width: 8rem;
height: 6.7368rem;
}
.service__content-cards .card-icon svg g path {
fill: var(--color-secondary);
}
.service__content-cards .card-text {
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;
-ms-flex-item-align: stretch;
align-self: stretch;
text-align: center;
gap: clamp(0.45rem, calc(0.225rem + 0.6vw), 1.5rem);
}
.service__content-cards .card-text h4 {
text-transform: uppercase;
color: var(--MEDOV-LUT, #ffc009);
text-align: center;
}
.service__content-cards .card-text p {
color: var(--color-secondary);
}
.service__content .button {
padding-top: 2.9rem;
}
:root {
--content-max-width: 123.2rem;
--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));
}
.reference {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: clamp(3rem, calc(1.5rem + 4vw), 10rem) clamp(0rem, calc(0rem + 0vw), 0rem);
-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: 1rem;
z-index: 6;
background: #fff;
}
@media screen and (max-width: 500px) {
.reference {
padding: 4rem 0 7rem 0;
}
}
.reference.reference-homepage {
margin-top: -10rem;
padding: 20rem 0 10.1rem 0;
}
.reference.reference-homepage .inner {
padding: 20rem 0 10.1rem 0;
}
.reference__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: var(--content-max-width);
-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;
margin: 0 auto;
gap: clamp(2.19rem, calc(1.095rem + 2.92vw), 7.3rem);
}
.reference__content-logos {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: var(--content-max-width);
-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;
-ms-flex-item-align: stretch;
align-self: stretch;
gap: clamp(3rem, calc(1.5rem + 4vw), 10rem);
}
.reference__content-logos-header {
width: 100%;
max-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: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
}
.reference__content-logos-header h2 {
color: var(--bg-temn-smaragd);
text-transform: uppercase;
}
.reference__content-logos-header .divider {
border: 1px solid var(--bg-temn-smaragd);
}
.reference__content-logos-swiper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 113.6rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-line-pack: center;
align-content: center;
gap: 1.6rem;
}
.reference__content-logos-swiper .swiper-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.reference__content-logos-swiper .logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 0rem 2rem;
-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: 1rem;
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media screen and (max-width: 500px) {
.reference__content-logos-swiper .logo {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.reference__content-logos .buttons {
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: 1.5rem;
}
.reference__content-logos .buttons .swiper-button-next,
.reference__content-logos .buttons .swiper-button-prev {
position: relative;
width: 5rem;
height: 5rem;
-ms-flex-negative: 0;
flex-shrink: 0;
aspect-ratio: 1/1;
top: var(--swiper-navigation-top-offset, 3.5rem);
}
.reference__content-logos .buttons .swiper-button-next::after,
.reference__content-logos .buttons .swiper-button-prev::after {
display: none;
}
.reference__content-logos .buttons .swiper-button-next svg g circle,
.reference__content-logos .buttons .swiper-button-prev svg g circle {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reference__content-logos .buttons .swiper-button-next svg g path,
.reference__content-logos .buttons .swiper-button-prev svg g path {
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.reference__content-logos .buttons .swiper-button-next:hover svg g circle,
.reference__content-logos .buttons .swiper-button-prev:hover svg g circle {
fill: var(--bg-temn-smaragd);
}
.reference__content-logos .buttons .swiper-button-next:hover svg g path,
.reference__content-logos .buttons .swiper-button-prev:hover svg g path {
stroke: var(--color-secondary);
}
.reference__content-logos .buttons .swiper-button-prev {
left: var(--swiper-navigation-sides-offset, -6.25rem);
}
.reference__content-logos .buttons .swiper-button-next {
right: var(--swiper-navigation-sides-offset, -6.25rem);
}
.reference__content-logos .swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 3.5rem;
}
.reference__content-logos .swiper-pagination {
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;
}
.reference__content-logos .swiper-pagination-bullet-active {
background: var(--Blue-400, #005b64) !important;
width: 2rem;
height: 2rem;
aspect-ratio: 1/1;
}
.reference__content-logos .swiper-pagination-bullet {
background: var(--Bov-psek, #ece7d4);
opacity: 1;
}
: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));
--box-shadow: 3px 3px 1px 0px rgba(0, 0, 0, 0.5);
}
.contact-form {
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: 1rem;
background: var(--bg-biege-200);
}
.contact-form__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-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;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0 auto;
gap: clamp(2.49rem, calc(1.245rem + 3.32vw), 8.3rem);
}
.contact-form__content-header {
width: 100%;
max-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: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
text-align: center;
}
.contact-form__content-header h2 {
color: var(--bg-temn-smaragd);
text-transform: uppercase;
}
.contact-form__content-header .divider {
border: 2px solid var(--bg-temn-smaragd);
}
.contact-form__content-form {
width: 100%;
max-width: 56rem;
}
.contact-form__content-form #gform_wrapper_1 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
-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;
}
.contact-form__content-form #gform_wrapper_1 .gform_heading .gform_title,
.contact-form__content-form #gform_wrapper_1 .gform_heading .gform_required_legend {
display: none;
}
.contact-form__content-form #gform_wrapper_1 .gfield_label {
font-family: "Gilroy-Regular", sans-serif;
font-weight: 400;
color: var(--bg-temn-smaragd);
}
.contact-form__content-form #gform_wrapper_1 input,
.contact-form__content-form #gform_wrapper_1 textarea {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
padding: 1.2rem 1.6rem;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
gap: 1rem;
border-radius: 0.8rem;
border: 1px solid var(--bg-temn-smaragd);
background: var(--bg-biege-200);
font-family: "Gilroy-Regular", sans-serif;
font-weight: 400;
color: var(--bg-temn-smaragd);
}
.contact-form__content-form #gform_wrapper_1 input {
height: 4.8rem;
}
.contact-form__content-form #gform_wrapper_1 textarea {
height: 11.6rem;
padding-bottom: 8rem;
}
.contact-form__content-form #gform_wrapper_1 select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 56rem;
padding: 1.2rem 1.6rem;
border-radius: 0.8rem;
border: 1px solid var(--bg-temn-smaragd);
background: var(--bg-biege-200);
color: var(--Biege-950, #918d7f);
font-size: 1.6rem;
line-height: 1.5;
}
.contact-form__content-form #gform_wrapper_1 .gfield_checkbox {
font-family: "Gilroy-Regular", sans-serif;
font-weight: 400;
color: var(--bg-temn-smaragd);
}
.contact-form__content-form #gform_wrapper_1 .gfield_checkbox label {
font-size: 1.6rem;
line-height: 1.2;
padding-top: 0.4rem;
}
.contact-form__content-form #gform_wrapper_1 .gfield_checkbox .gchoice {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.contact-form__content-form #gform_wrapper_1 .gfield_checkbox .icheckbox {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 2.4rem;
height: 2.4rem;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
border: 1px solid var(--bg-temn-smaragd);
background: transparent;
border-radius: unset;
}
.contact-form__content-form #gform_wrapper_1 .gfield_checkbox .icheckbox::after {
background: url(https://immix.cz/wp-content/uploads/2025/03/check.svg) no-repeat center;
background-size: 80%;
}
.contact-form__content-form #gform_wrapper_1 .gfield_checkbox a {
color: var(--bg-temn-smaragd);
border-bottom: 1px solid var(--bg-temn-smaragd);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-form__content-form #gform_wrapper_1 .gfield_checkbox a:hover {
border-color: transparent;
}
.contact-form__content-form #gform_wrapper_1 .gform_footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.contact-form__content-form #gform_wrapper_1 .gform_footer #gform_submit_button_1 {
margin-top: 4rem;
width: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 2rem 3.5rem 1.8rem 3.5rem;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
height: auto;
border-radius: 0.4rem;
border: 1px solid var(--bg-temn-smaragd);
background: var(--bg-biege-200);
font-family: "Gilroy-HeavyItalic", sans-serif;
font-weight: 700;
font-size: 1.4rem;
line-height: 1.15;
text-transform: uppercase;
-webkit-box-shadow: var(--box-shadow);
box-shadow: var(--box-shadow);
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.contact-form__content-form #gform_wrapper_1 .gform_footer #gform_submit_button_1:hover {
background: var(--bg-temn-smaragd);
border: 1px solid var(--bg-biege-200);
color: var(--bg-biege-200);
}
.contact-form__content-form #gform_wrapper_1 .gform_validation_errors {
display: none;
}
.contact-form__content-form form {
width: 100%;
}
.result-work {
position: relative;
z-index: 5;
background: var(--TEMN-SMARAGD, #003f45);
}
.result-work__content {
width: 100%;
max-width: 123.2rem;
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;
gap: 0.7rem;
margin: 0 auto;
}
.result-work__content-header {
width: 100%;
max-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: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
padding-bottom: clamp(0.87rem, calc(0.435rem + 1.16vw), 2.9rem);
}
.result-work__content-header h2 {
color: var(--MEDOV-LUT, #ffc009);
text-transform: uppercase;
}
.result-work__content-numbers {
width: 100%;
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-item-align: stretch;
align-self: stretch;
padding-top: clamp(3rem, calc(1.5rem + 4vw), 10rem);
gap: clamp(3.9rem, calc(1.95rem + 5.2vw), 13rem);
}
.result-work__content-numbers .numbers {
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;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
gap: clamp(1.92rem, calc(0.96rem + 2.56vw), 6.4rem);
}
@media screen and (max-width: 600px) {
.result-work__content-numbers .numbers {
-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;
}
}
.result-work__content-numbers .numbers .number-card {
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;
gap: 1rem;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
padding-bottom: 2rem;
}
.result-work__content-numbers .numbers .number-card .body-text {
color: var(--BOV-PSEK, var(--Bov-psek, #ece7d4));
text-align: center;
} .about-us {
position: relative;
background: var(--TEMN-SMARAGD, #003f45);
}
.about-us__content {
width: 100%;
max-width: 123.2rem;
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;
margin: 0 auto;
padding-top: 1rem;
gap: clamp(1.89rem, calc(0.945rem + 2.52vw), 6.3rem);
}
.about-us__content-header {
width: 100%;
max-width: 39rem;
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;
gap: 1.6rem;
}
.about-us__content-header h2 {
color: var(--MEDOV-LUT, #ffc009);
text-transform: uppercase;
}
.about-us__content-text {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 123.2rem;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
border-radius: 1rem;
z-index: 7;
}
@media screen and (max-width: 600px) {
.about-us__content-text {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
}
.about-us__content-text .col-left {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 51.3rem;
-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;
padding: clamp(1.2rem, calc(0.6rem + 1.6vw), 4rem) clamp(1.5rem, calc(0.75rem + 2vw), 5rem);
gap: clamp(0.9rem, calc(0.45rem + 1.2vw), 3rem);
border-radius: 1rem 0rem 0rem 1rem;
background: var(--BOV-PSEK, var(--Bov-psek, #ece7d4));
}
@media screen and (max-width: 600px) {
.about-us__content-text .col-left {
max-width: 100%;
border-radius: 1rem 1rem 0rem 0rem;
}
}
.about-us__content-text .col-left__title {
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: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.about-us__content-text .col-left__title .h4 {
color: var(--TEMN-SMARAGD, #003f45);
text-transform: uppercase;
}
@media screen and (max-width: 432px) {
.about-us__content-text .col-left__title .h4 {
width: 100%;
max-width: 31rem;
}
}
.about-us__content-text .col-left__title .body-text {
color: var(--Blue-800, #002b30);
}
.about-us__content-text .col-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
max-width: 71.9rem;
width: 100%;
}
.about-us__content-text .col-right__image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
-ms-flex-item-align: stretch;
align-self: stretch;
height: 100%;
}
.about-us__content-text .col-right__image img {
width: 100%;
height: 100%;
max-width: 71.9rem;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0rem 1rem 1rem 0rem;
aspect-ratio: 719/327;
}
@media screen and (max-width: 600px) {
.about-us__content-text .col-right__image img {
border-radius: 0rem 0rem 1rem 1rem;
}
}