:root {
    --back-color: #292929;
    --font-color: #F8F9FE;
}

html {
    font-size: 1vw;
}

@font-face {
    font-family: 'Europe';
    src: url('../fonts/Europe.otf') format('opentype');
}

@font-face {
    font-family: 'EuropeB';
    src: url('../fonts/EuropeB.otf') format('opentype');
}

* {
    font-family: 'Europe';
}



body {
    background: var(--back-color);
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

body>div {
    max-width: 100%;
}

.container {
    width: 94.6%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.top-nav {
    box-shadow: 0px 10px 9px 0px #00000080;
    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.footer {
    margin-top: auto;
}

.main-menu {
    display: inline-flex;
    flex-direction: row;
    padding: 0;
    list-style: none;
    column-gap: 1.25rem;
    padding: 0 !important;
}

.main-menu>li {
    min-width: 8.375rem;
    text-align: center;
    display: flex;
    justify-content: center;
    border-bottom: .0625rem solid #F8F9FE
}

.link {
    color: var(--font-color);

    display: flex;
    text-decoration: none;
    font-size: 1.4rem;
    line-height: 1.5rem;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.flex-row {
    flex-direction: row;
}

.justify-content-center {
    justify-content: center;
}

.justify-content-between {
    justify-content: space-between;
}

.justify-content-stretch {
    justify-content: stretch;
}

.gx-30px {
    column-gap: 1.875rem;
}

.align-items-center {
    align-items: center;
}

.align-self-center {
    align-self: center;
}

.logo {
    padding: 0;
    display: flex;
    align-items: center;
}

.logo>img {
    width: 9rem;
}

.language {
    position: relative;
}

.language:hover>.dropdown {
    max-height: 9999px;
}

.dropdown {
    list-style: none;
    max-height: 0;
    height: max-content;
    overflow: hidden;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    transition: 1s;
    position: absolute;
    z-index: 9999;
    background: var(--back-color);
    margin: 0 !important;
    padding-left: 0;
    padding-top: 1rem;
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 50%; /* Center the dropdown menu horizontally */
    transform: translateX(-50%); /* Center the dropdown menu horizontally */
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
}

.dropdown>li {
    padding: .5rem;
}

.dropdown>li>a {
    color: var(--font-color);
    text-decoration: none;
    font-size: 1.25rem;
    line-height: 1.5rem;
    
}

button {
    background: transparent;
    border: 0;
    outline: none;
    cursor: pointer;
}

.search-icon {
    height: 1.1875rem;
}

.gx-20px {
    column-gap: 1.25rem;
}

.header-image-section {
    height: 80vh;
    position: relative;
    margin-bottom: 3.75rem;
    width: 100%;
    background-size: cover;
    background-position: center;
    padding-bottom: 3.75rem;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.header-image-section > .position-absolute:nth-child(1) {
    width: 30.9375rem;
    height: 100%;
    bottom:0;
    left:0; 
}

.header-image-section > .position-absolute:nth-child(2) {
    width: 43.25rem;
    left: 21.625rem;
    bottom:0;
}

.header-image-section > .position-absolute:nth-child(3) {
    width: 25.5rem;
    top:0;
    right:0;
}

.header-image-section > .position-absolute:nth-child(4) {
    width: 40rem;
    bottom:0;
    right:0;
}

.header-image-title {
    font-family: 'EuropeB';
    font-size: 5rem;
    font-weight: 700;
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
    z-index: 10 !important;
}

.big-swiper {
    height: 80vh;
    position: relative;
    margin-bottom: 3.75rem;
    margin-left: 0;
    margin-right: 0;
}

.main-swiper {
    height: 80vh;
    position: relative;
    margin-bottom: 3.75rem;
    margin-left: 0;
    margin-right: 0;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    position: relative;
}

.slider-content {
    margin-top: auto;
    margin-bottom: 5rem;
    justify-content: space-between;
    display: flex;
    flex-direction: row;
}

.read-more {
    background: #EE1D24;
    border-radius: .25rem;
    padding: .625rem 1.875rem;
    text-transform: uppercase;
    height: max-content;
    margin-top: auto;
    margin-bottom: 0;
}

.slider-title {
    font-family: 'EuropeB';
    font-weight: 700;
    font-size: 5rem;
    line-height: 6rem;
    color: #fff;
    margin: 0;
}

.slider-subtitle {
    font-size: 1.875rem;
    line-height: 2.25rem;
    color: #fff;
    font-weight: 400;
    margin: 0;
}

.main-swiper-pagination {
    position: absolute;
    bottom: 2.5rem !important;
    left: 50% !important;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    width: max-content !important;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: auto .8125rem !important;
    width: .875rem;
    height: .875rem;
}

.swiper-pagination-bullet {
    background: #F8F9FE;
    opacity: 1;
}

.swiper-pagination-bullet-active {
    height: 1.25rem !important;
    width: 1.25rem !important;
}

.main-page-categories {
    width: 100%;
    margin-bottom: 3.75rem;
    display: flex;
    flex-direction: row;
    row-gap: 0;

}

.categories-hover {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: stretch;
    height: initial;
}

.category {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-self: stretch;
    flex-grow: 1;
    padding: 1.875rem;
}

.category:hover {
    background: #D9D9D926;
}

.category:hover>.category-description {
    opacity: 1;
}



.category:hover>span {
    opacity: 0;
}


.category>a>img {
    height: 3.75rem;
    opacity: 0;
    -webkit-transform: translateX(-1.25rem);
    -moz-transform: translateX(-1.25rem);
    -ms-transform: translateX(-1.25rem);
    -o-transform: translateX(-1.25rem);
    transform: translateX(-1.25rem);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.category:hover>a>img {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}


.category>span {
    color: var(--font-color);
    font-family: 'EuropeB';
    font-weight: 700;
    font-size: 2.8125rem;
    line-height: 3.375rem;
    margin-bottom: .5rem;
    margin-top: auto;
    margin-left: 0;
    margin-bottom: auto;
    display: flex;
    position: absolute;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}

.category-description {
    display: flex;
    flex-direction: column;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 0;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}

.category-description>h2 {
    color: var(--font-color);
    font-family: 'EuropeB';
    font-weight: 700;
    font-size: 2.8125rem;
    line-height: 3.375rem;
    margin-bottom: .5rem;
    margin-top: 0;
}

.category-description>p {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
}

.category-image {
    width: 50%;
    min-height: 33.125rem;
    background-size: cover;
    background-position: left;
    display: flex;
    position: relative;
}

.image-group {
    opacity: 0;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    position: absolute;
    width: 0;
    height: 100%;
    right: 0;
    bottom: 0;
    display: flex;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    flex-wrap: wrap;
}

.prev-el{
    min-width: 50%;
    width: 50%;
    min-height: 50%;
    height: 50%;
    background-size: cover;
    background-position: center;
}

.prev-el-h {
    min-width: 50%;
    width: 50%;
    min-height: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.active-number {
    opacity: 1;
    width: 100%;
}

.advantages {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: stretch;
    margin-bottom: 3.75rem;
}

.advantages>div {
    border-right: .0625rem solid #F8F9FE;
    min-height: 11.875rem;
    flex-grow: 1;
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
}

.advantages>div:last-child {
    border-right: 0;
}

.advantages>div>h1 {
    font-family: 'EuropeB';
    font-size: 5rem;
    font-weight: 700;
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--font-color);
    margin-top: 0;
    margin-bottom: 0;
}

.advantages>div>h3 {
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: center;
    color: var(--font-color);
    margin-top: 0;
    margin-bottom: 0;
}

.about {
    min-height: 34.6875rem;
    margin-bottom: 3.75rem;
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
}

.about-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, #D9D9D9 0%, rgba(217, 217, 217, 0) 93.08%);
    border-radius: 2px;
    z-index: 1;
}

.about-container {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
    display: flex;
    flex-direction: column;

}

.about-container>p {
    max-width: 37.25rem;
    font-size: 1.875rem;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 2rem;
    z-index: 2;
}

.about-container>h2 {
    font-family: 'EuropeB';
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 3.375rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: .625rem;
    z-index: 2;

}

.my-60px {
    margin-top: 3.75rem;
    margin-bottom: 3.75rem;
}

.my-auto {
    margin-top: auto;
    margin-bottom: auto;
}

.limit-size {
    max-width: max-content;
    z-index: 2;
}

.why-us-title {
    font-size: 2.8125rem;
    font-weight: 400;
    line-height: 3.375rem;
    letter-spacing: 0em;
    text-align: left;
    color: var(--font-color);
    margin-top: 0;
    margin-bottom: 2.1875rem;
    width: max-content;
    display: flex;
}

.why-us {
    margin-bottom: 3.75rem;
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: stretch;
}

.why-us>div {
    border-right: .0625rem solid #F8F9FE;
    flex-grow: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}

.why-us>div>img {
    height: 6.25rem;
}

.why-us>div>h3 {
    color: var(--font-color);
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 400;
}

.why-us>div:last-child {
    border-right: 0;
}

.contact-us {
    background-color: var(--font-color);
    min-height: 30.8125rem;
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 3.75rem;
}

.text-column {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    width: 50.9375rem;
    box-sizing: border-box;
}

.text-column>h1 {
    margin-top: 12.4375rem;
    color: #000;
    font-family: 'EuropeB';
    font-size: 5rem;
    font-weight: 700;
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: .75rem;
}

.text-column>div>h3 {
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    display: flex;
    width: max-content;
    margin-right: 1.5rem;
    margin-bottom: 0;
    margin-top: 0;
}

.text-column>div>a {
    text-decoration: none;
    padding: 0;
    margin: 0;
    height: max-content;
    line-height: 1 !important;
}

.red-circle {
    height: 3rem;
}

.image-column {
    background-size: cover;
    background-position: left;
    flex: 1;
}

.partner-logo>img {
    width: 12.5rem;
}

.partners {
    margin-bottom: 1.875rem;
}

.footer {
    border-top: 1px solid #F8F9FE;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.footer-row {
    column-gap: 2.75rem;
}

.footer-row>div>p {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0;
}

.justify-content-end {
    justify-content: end;
}

.social-link-f {
    height: 2.5rem;
}

.gx-16px {
    column-gap: 1rem;
}

.mb-8px {
    margin-bottom: .5rem;
}

.position-relative {
    position: relative;
}

.position-absolute {
    position: absolute;
}

.absolute-title {
    position: absolute;
    bottom: 3.75rem;
    width: 94.6%;
    left: 50%;
    transform: translateX(-50%);
}

.s-container {
    height: 100%;
    width: 100%;
    max-height: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--back-color);
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    display: flex;
    align-items: center;
    z-index: -9999;
    pointer-events: none;
}

.searchbar {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: .0625rem solid #F8F9FE;
    overflow: hidden;
    height: max-content;

    padding-left: .625rem;
    padding-right: .625rem;

    margin-top: auto;
    margin-bottom: auto;

}

.visible-searchbar {
    max-height: 9999px !important;
    opacity: 1;
    z-index: 9999;
    pointer-events: all;
}

.search-form-input {
    border: 0 !important;
    height: 1.5rem;
    flex: 1;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    color: #fff;
    text-align: left;
    background: transparent;
}

.search-form-input:focus {
    outline: none !important;
}

.search-form-input::placeholder {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F9FE;
    opacity: .3;
}

.search-form-submit {
    background: transparent;
    color: #EE1D24;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    outline: 0;
    border: 0;
    padding: 0;
}

.mt-auto {
    margin-top: auto;
}

.mt-60px {
    margin-top: 3.75rem;
}

.products-grid {
    margin-bottom: 3.75rem;
}

.categories-columns {
    display: flex;
    flex-direction: row;

    justify-content: space-between;
}

.category-column {
    flex-basis: calc(50% - .5625rem);
    display: flex;
    flex-direction: column;
}

.category-column>h2 {
    margin-top: 0;
    margin-left: .625rem;
    margin-bottom: .5625rem;
    color: #fff;
    font-family: 'EuropeB';
    font-style: normal;
    font-weight: 700;
    font-size: 2.8125rem;
    line-height: 120%;
}

.category-column>h2>a {
    color: #fff;
    text-decoration: none;
}

.blue-separator {
    border-top: .125rem solid #296EB4;
    width: 100%;
    margin-bottom: 1.25rem;
}

.blue-separator~div>.prod>h4 {
    text-shadow: .25rem .25rem .25rem #296EB4;
}

.red-separator {
    border-top: .125rem solid #EE1D24;
    width: 100%;
    margin-bottom: 1.25rem;
}

.red-separator~div>.prod>h4 {
    text-shadow: .25rem .25rem .25rem #EE1D24;
}

.prod {
    position: relative;
    height: 18.0625rem;
    border-radius: .1875rem;
    box-shadow: 0px 4px 4px 0px #00000040;
    box-sizing: border-box;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: end;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    text-decoration: none;
}

.prod>h4 {
    font-family: 'EuropeB';
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    margin: 0;
    z-index: 1;
}

.bluetext-shadow {
    text-shadow: 0 0 .1rem #296EB4;
}

.redtext-shadow {
    text-shadow: 0 0 .1rem #EE1D24;
}

.grid3x1 {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: 1.125rem;
}

.grid3x1>.project-item {
    flex-basis: calc(33% - .5625rem);
}

.grid2x2 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 1.125rem;
}



.grid2x2>.prod {
    flex-basis: calc(50% - .5625rem);

}

.d-gap {
    column-gap: 1rem;
}

.grid1x2 {
    display: flex;
    align-items: stretch;
    gap: 1.125rem;
    flex-direction: column;
}

.flex-wrap {
    flex-wrap: wrap;
}

.g-20px {
    gap: 1.25rem;
}

.decor {
    position: absolute;
    height: 100%;
    width: 50%;
    top:0;
    left:0;
    bottom:0;
    background-size: contain;
    background-repeat: no-repeat;
}




.highlight-section {
    background: #D9D9D9;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    width: 100%;
    margin-bottom: 3.75rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    box-sizing: border-box;
}

.highlight-section>.container>h1 {

    font-family: 'EuropeB';
    font-size: 5rem;
    font-weight: 700;
    line-height: 6rem;
    letter-spacing: 0em;
    text-align: center;

}

.highlight-section>.container>h2 {

    font-family: 'EuropeB';
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 3.375rem;
    letter-spacing: 0em;
    color: #000;
    margin-top: 0;
    margin-bottom: 1.25rem;

}

.highlight-section>.container>h3 {
    font-family: 'EuropeB';
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    margin-top: 0;
    margin-bottom: 1.25rem;
}

.highlight-section>.container>p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    letter-spacing: 0em;
}

.text-center {
    text-align: center;
}

.video-section {
    margin-bottom: 3.75rem;
}

video {

}

.video-container > * {
    max-width: 100%;
}

.my-video-dimensions {
    width: 100% !important;
    height: 720px !important;
}

.mb-20px {
    margin-bottom: 1.25rem;
}

.quality-check {
    height: 3.125rem !important;
}

.quality-why-us>div {
    align-items: start;
    column-gap: 1.5625rem;
    padding-left: 1rem;
    padding-right: .6875rem;
    width: 33.33%;
}

.quality-why-us>div:first-child {
    padding-left: 0;
}

.quality-why-us>div:last-child {
    padding-right: 0;
}


.quality-why-us>div>h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.grid2x2>.project-item {
    flex-basis: calc(50% - .625rem);
}

.project-item {
    border-radius: .625rem;
    background: #D9D9D9;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    height: initial;
    overflow: hidden;
    min-height: max-content;
    padding-bottom: 1rem;
    text-decoration: none;
}

.project-image {
    height: 18.75rem;
    width: 100%;
    position: relative;
    background-size: cover;
    background-position: center;
}

.project-info {
    flex-grow: 1;
    padding: 1.1875rem 1.1875rem 0 .625rem;
    display: flex;
    flex-direction: column;
}

.project-info>h4 {
    font-family: 'EuropeB';
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: .625rem;
    color: #000;
}

.project-info>p {
    font-size: 1.25rem;
    line-height: 1.5rem;
    margin-bottom: 0;
    color: #000;
}

.archive {
    margin-bottom: 3.75rem;
}

.g-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #121212;
    mix-blend-mode: color;
    border-radius: 10px 10px 0px 0px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
}

.project-item:hover>.project-image>.g-layer {
    opacity: 0;
}

.w-maxcontent {
    width: max-content;
    max-width: 100%;
}

.ms-auto {
    margin-left: auto;
}

.mx-auto {
    margin-left: auto;
    margin-right: auto;
}

.header-project-title {
    font-family: 'EuropeB';
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 3.375rem;
    letter-spacing: 0em;
    text-align: left;
    max-width: 38.75rem;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--font-color);
}

.project-description {
    margin-bottom: 3.75rem;
}

.project-description>.container>p {

    margin-top: 0;
    margin-bottom: 2.25rem;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;

}

.project-description>.container>p:last-child {
    margin-bottom: 0;
}

.project-slider {
    margin-bottom: 3.75rem;
}

.project-slide {
    height: 29.375rem;
    border-radius: .3125rem;
    position: relative;
    background-position: center;
    background-size: cover;
    display: flex;
}

.project-slide>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.project-swiper>.swiper-wrapper>.swiper-slide {
    transition: transform 0.5s ease;
}

.project-swiper>.swiper-wrapper {
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.project-swiper>.swiper-wrapper>.swiper-slide-active {
    transform: scale(1.1);
    z-index: 99;
}

.previous-slide,
.next-slide {
    top: 50%;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 5;
}

.previous-slide {
    right: 9.625rem;
}

.next-slide {
    left: 9.625rem;
}

.circle-nav {
    height: 6.25rem;
}

.project-swiper>.swiper-button-disabled {
    opacity: .1 !important;
}

.about-top-block {
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    column-gap: 0;
    margin-bottom: 3.75rem;
}

.about-top-text-block {
    background: #D9D9D9;
    padding: 1.875rem 1.875rem 1.875rem 2.125rem;
    width: 48.6875rem;
    box-sizing: border-box;
    min-height: 26.375rem;
}

.about-top-text-block>p {

    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 2.25rem;

}

.about-top-text-block>p:last-child {
    margin-bottom: 0;
}

.about-top-image-block {
    background-size: cover;
    background-position: left;
    height: inherit;
    flex-grow: 1;

}

.image-about-section {
    height: 35rem;
    width: 100%;
    background-position: center;
    background-size: cover;
    margin-bottom: 3.75rem;
}

.license-section {
    margin-bottom: 3.75rem;
}

.w-100 {
    width: 100%;
}

.cert {
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: contain;
    height: 318px;
    width: 225px;
}

.cert-flex {
    width: 56.25rem;
    flex-wrap: wrap;
}

.cert-flex > .d-flex {
    max-width: min-content;
}

.cert-title {

    padding: 1.25rem !important;
    color: var(--font-color);
    font-size: 1rem;
    line-height: 1.15rem;
    min-height: 2.3rem;
    margin-top: auto;
    margin-bottom: 0;
    font-weight: 700;
    font-family: 'EuropeB';
    display: flex;
    align-items: center;
    white-space: break-word;
    flex-wrap: wrap;
}


.contacts-section {
    display: flex;
    flex-direction: row;
    margin-bottom: 3.75rem;
}

.gy-20px {
    row-gap: 1.25rem;
}

.contacts-title {
    font-size: 2.8125rem;
    font-weight: 400;
    line-height: 3.375rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 0;
    color: var(--font-color);
}

.contact-group {
    width: 14.375rem;
}

.group-value {
    flex-grow: 1;
}

.gx-10px {
    column-gap: .625rem;
}

.group-title>p,
.group-value>p {

    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    color: var(--font-color);
    margin-top: 0;
    margin-bottom: 0;

}

.contact-icon {
    height: 1.1563rem !important;
    width: 1.1563rem !important;
    background-size: contain;
    display: flex;
}

.contacts-section>.container {
    justify-content: stretch;
    column-gap: 2.5rem;

}

.iframe-container {
    width: 100%;
    border-radius: .3125rem;
    overflow: hidden;
}

.iframe-container>iframe {
    width: 100% !important;
    height: 21.9375rem;
}

.flex-1 {
    flex-grow: 1;
}

.contacts-highlight {
    background: #D9D9D9;
    width: 100%;
    margin-bottom: 3.75rem;
    box-sizing: border-box;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
}

.contacts-highlight>.container {
    column-gap: 5.375rem;
}

.contact-form-title {
    width: max-content;
    display: flex;
    font-family: 'EuropeB';
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 3.375rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
}

.input-row {
    display: flex;
    flex-direction: row;
    column-gap: 1.25rem;

}

.input-label {
    display: flex;
    flex-direction: column;
    width: 14.25rem;
}

.input-label>button:disabled {
    background: #777D8B;
}

.input-label>button {
    background: #EE1D24;
    padding: .625rem 1.875rem;
    color: var(--font-color);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: center;
    width: max-content;
    border-radius: .25rem;

}



.input-label>span {

    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;

}

.gx-15px {
    row-gap: .9375rem;
}

.input-form {
    flex: 1;
}

.input-form>* {
    background: #777D8B1A;
    line-height: 3.125rem;
    border-top: .0625rem solid transparent;
    border-left: .0625rem solid transparent;
    border-right: .0625rem solid transparent;
    border-bottom: .0625rem solid #000000 !important;
    width: 100%;
    font-size: 1.875rem;
}

.product-highlight {
    background: #D9D9D9;
    display: flex;
    justify-content: stretch;
    column-gap: 3.9375rem;
    margin-bottom: 3.75rem;
}

.product-highlight>.highlight-text {
    padding: 1.875rem;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.product-highlight>.highlight-text>p {

    font-size: 1.875rem;
    font-weight: 400;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 2.25rem;

}

.product-highlight>.highlight-text>h1,.product-highlight>.highlight-text>h2,.product-highlight>.highlight-text>h3,.product-highlight>.highlight-text>h4,.product-highlight>.highlight-text>h5,.product-highlight>.highlight-text>h6, .product-highlight>.highlight-text>strong {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 3rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 2.25rem;
}

.product-highlight>.highlight-text>p:last-child {
    margin-bottom: 0;
}

.product-highlight>.highlight-image {
    background-size: cover;
    background-position: center;
    width: 45%;
}

.project-description>.container>h2, .project-description>.container>.h3,.project-description>.container>h4,.project-description>.container>h5, .project-description>.container>.h6, .project-description>.container>strong, .project-description>.container>h3>strong {
    color: #fff;
    font-family: 'EuropeB';
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 3.375rem;
    letter-spacing: 0em;
    text-align: left;
    margin-top: 0;
    margin-bottom: 1.25rem;

}

.project-description>.container>ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    row-gap: 1.875rem;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.project-description>.container>ul>li {
    margin: 0;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 120%;
    min-height: 3.125rem;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    display: block;
    background-image: url("../resources/quality-ul.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 3.125rem;
    padding-left: 4.8125rem;

}

thead {
    height: 6.25rem;
    color: #fff;
}

tr>th {
    height: 2.125rem;
    background-color: #F8F9FE;
    color: #000;
}

tr>td {
    height: 2.75rem;
}

thead>tr>th {
    height: 6.25rem;
    background-color: transparent;
    color: #fff;
}

table {
    width: 50%;
    color: #fff;
}

td {
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #777D8B;
}

th>h4 {

    font-family: 'EuropeB';
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.25rem;
    letter-spacing: 0em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 0;

}

.directions {
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
    width: 100%;
    background: #D9D9D9;
    box-sizing: border-box;
}

.directions>.container>h2 {
    color: #292929;
    margin-top: 0;
    margin-bottom: 2.8125rem;
    font-family: 'EuropeB';
    font-size: 2.8125rem;
    font-weight: 700;
    line-height: 3.375rem;
    letter-spacing: 0em;
    text-align: left;

}

.gy-5px {
    row-gap: .3125rem;
}

.direction-name {
    color: #292929;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.5rem;
    letter-spacing: 0em;
    text-align: center;
    max-width: max-content;

}

.direction-image {
    height: 8.375rem;
    width: auto;
}

.bg-red {
    background-color: #EE1D24;
}

.bg-blue {
    background-color: #296EB4;
}

.swiper-slide > .ellipse {
    position: absolute;
    z-index: -1;
    height: auto;
}

.swiper-slide > .ellipse:nth-child(1) {
    top:0;
    left:0;
    width: 14.125rem;
    
}

.swiper-slide > .ellipse:nth-child(2) {
    bottom:0;
    left:0;
    width: 41rem;

}

.swiper-slide > .ellipse:nth-child(3) {
    width: 11.375rem;
    top:0;
    right:0;
}

.swiper-slide > .ellipse:nth-child(4) {
    width: 35.625rem;
    bottom: 0;
    right:0;
}

.image-group:first-child > .position-absolute {
    width: 35.875rem;
    bottom: 0;
    left:0;
}

.image-group:last-child > .position-absolute {
    width: 100%;
    bottom: 0;
    left:0;
}

.cert > .position-absolute {
    width: 100%;
    bottom: 0;
    left:0;
}

@media (max-width: 992px) {
    html {
        font-size: 1.4vw;
    }
    .header-image-section {
        height: 35rem;
    }

    .main-swiper {
        height: 35rem;
    }

    .big-swiper {
        height: 35rem;
    }

    .my-video-dimensions {
        height: 35rem !important; 
    }
}