:root {

    /* Colours */
    --color-primary: #f49600;
    --color-white: #fff;
    --color-black: #000;
    --color-info: #ddbd89;
    --color-gray: #f5f5f2;
    --color-gray-100: #b7b7b7;
    --color-gray-300: #646464;
    --color-light-gray: #e8e8e8;
    --color-medium-gray: #deddd9;
    --color-solid-gray: #d0d0d0;
    --color-orange: #ff9d00;
    --color-light-orange: #f49603;
    --color-medium-orange: #de7900;
    --color-dark-orange: #ce6f00;
    --color-green: #a8c550;
    --color-medium-green: #6a7f34;
    --color-dark-black: #2d2d2c;

    /* Containers */
    --container-padding: 32px;
    --container-padding-tablet: 32px;
    --container-padding-mobile: 32px;
    --container-max-width: calc(1440px + calc(var(--container-padding) * 2));
    --container-max-width-tablet: calc(1440px + calc(var(--container-padding-tablet) * 2));
    --container-max-width-mobile: calc(1440px + calc(var(--container-padding-mobile) * 2));
    --container-medium-max-width: calc(1160px + calc(var(--container-padding) * 2));
    --container-medium-max-width-tablet: calc(1160px + calc(var(--container-padding-tablet) * 2));
    --container-medium-max-width-mobile: calc(1160px + calc(var(--container-padding-mobile) * 2));

    /* Font */
    --font-verb: 'Verb', sans-serif;
    --font-family: var(--font-verb);
    --font-heading: var(--font-verb);
    --font-family-icon: 'icomoon', sans-serif;
    --font-size: 16px;
    --h1-font-size: 3.125rem;
    --h2-font-size: 5rem;
    --h3-font-size: 2rem;
    --h4-font-size: 1.563rem;
    --h5-font-size: 1.25rem;
    --h6-font-size: 1rem;
    --body-text-font-size: calc(17px / var(--font-size) * 1rem);


    /*  Properties  for timeline calc   */
    --h: 0;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-weight: 400;
    color: var(--color-black);
    font-size: 1.063rem;
    font-family: var(--font-family);
    background-color: var(--color-gray);
}

body.scroll-hide,
body.is-menu-open {
    overflow: hidden;
}

/* Paragraphs */
p {
    line-height: 2.05;
    margin-block-end: 20px;
}

/* Input */
input,
select,
textarea {
    padding-block-start: 11px;
    padding-block-end: 7px;
    padding-inline: 13px;
    width: 100%;
    font-size: var(--body-text-font-size);
    font-weight: 500;
    font-family: var(--font-family);
    color: var(--color-black);
    border: none;
    border-bottom: 2px solid var(--color-solid-gray);
}

input::placeholder,
textarea::placeholder {
    color: var(--color-black);
}

input:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
    outline: inherit;
}

textarea {
    resize: none;
    height: 112px;
}

.form-group {
    margin-block-end: 49px;
}

.form-group span {
    color: var(--color-primary);
}

/* img */
img {
    max-width: 100%;
    display: block;
    height: auto;
}

label {
    display: block;
}


/* Rich text editor fields*/
.rte {

    h2,
    .h2 {
        font-family: var(--font-heading);
        font-weight: 400;
        font-size: 1.25rem;
        line-height: 2;
    }

    h3,
    .h3 {
        font-family: var(--font-heading);
        font-weight: 400;
        font-size: 1.125rem;
        line-height: 1.667;
        text-transform: uppercase;
    }

    h4,
    .h4 {
        font-weight: 400;
        font-size: 1.0625rem;
        line-height: 1.76;
    }

    p {
        &:first-child {
            font-family: var(--font-family);
            font-size: 1.25rem;
            color: var(--color-black);
            line-height: 2;
            font-weight: 600;
        }
    }

    ul {
        position: relative;
        margin: 0;
        padding: 0;

        li {
            line-height: 1.76;
            font-family: var(--font-family);
            font-size: 1.0625rem;
            color: var(--color-black);
            font-weight: 500;
            padding-left: 26px;
            position: relative;

            &::before {
                content: '';
                width: 6px;
                height: 6px;
                border-radius: 50%;
                left: 0;
                background-color: var(--color-primary);
            }
        }
    }
}

.container {
    padding-inline: var(--container-padding);
    margin: 0 auto;
}

.container-medium {
    padding-inline: var(--container-padding);
    margin: 0 auto;
}

h1,
.h1 {
    font-size: var(--h1-font-size);
    font-family: var(--font-heading);
    font-weight: 800;
}

h2,
.h2 {
    font-size: var(--h2-font-size);
    font-family: var(--font-heading);
    font-weight: 600;

    @media(max-width: 767px) {
        font-size: 3.125rem;
    }
}

h3,
.h3 {
    font-size: var(--h3-font-size);
    font-family: var(--font-heading);
    font-weight: 800;
}

h4,
.h4 {
    font-size: var(--h4-font-size);
    font-family: var(--font-heading);
    font-weight: 800;
}

h5,
.h5 {
    font-size: var(--h5-font-size);
    font-family: var(--font-heading);
    font-weight: 800;
}

h6,
.h6 {
    font-size: var(--h6-font-size);
    font-family: var(--font-heading);
    font-weight: 700;
}

/* button */
.button {
    font-size: 1rem;
    color: var(--color-white);
    padding-block: 13px;
    padding-inline-start: 23px;
    padding-inline-end: 19px;
    background-color: var(--color-medium-orange);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    transition: clip-path 0.25s ease-in-out;
    clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0 100%, 0 0);
    border: 0;
    cursor: pointer;
}

.button strong {
    color: var(--color-primary);
    font-weight: 700;
    margin-inline-end: 12px;
}

.button em {
    font-style: normal;
    overflow: hidden;
    display: inline-block;
}

.button i {
    font-size: 0.875rem;
    margin-inline-end: 12px;
    color: var(--color-medium-orange);
}

.button span {
    position: relative;
    transition: all 0.25s ease-in-out;
    display: inline-block;
}

.button span:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
    transform: translateY(20px);
}

.button:hover span {
    transform: translateY(-20px);
}

.button:hover span:after {
    transform: translateY(20px);
}

.button:focus,
.button:hover {
    clip-path: polygon(95% 0, 100% 50%, 95% 100%, 0 100%, 0 0);
}

.button-white {
    color: var(--color-black);
    text-transform: inherit;
    background-color: var(--color-white);
}

.button-white strong {
    color: var(--color-primary);
    font-weight: 700;
    margin-inline-end: 12px;
}

.no-button {
    font-size: 0.875rem;
    padding: 0;
    color: var(--color-black);
    background-color: transparent;
    clip-path: inherit;
    margin-top: auto;
}

.no-button:hover {
    clip-path: inherit;
}

.button-label {
    font-size: 0.938rem;
    padding-block: 9px;
    padding-inline: 23px;
    border-radius: 75px;
    display: inline-flex;
    align-items: center;
    color: var(--color-white);
    margin-block-end: 11px;
    margin-inline-end: 12px;
    background-color: var(--color-primary);
}

.button-label i {
    font-size: 0.625rem;
    color: var(--color-dark-orange);
    margin-inline-end: 12px;
}

.button-green {
    background-color: var(--color-green);
}

.button-green i {
    color: var(--color-medium-green);
    background-color: var(--color-green);
}

.button-grey {
    font-size: 1rem;
    font-weight: 600;
    color: var(--color-black);
    background-color: var(--color-gray);
}

/* sub-title */
.sub-title {
    font-size: 1rem;
    font-weight: 800;
    margin-block-end: 6px;
    text-transform: uppercase;
    color: var(--color-medium-orange);
}


/* swiper-button */
.swiper-button-prev,
.swiper-button-next {
    position: relative;
    width: 51px;
    height: 51px;
    border: none;
    font-size: 1rem;
    left: 0;
    right: 0;
    margin: 0;
    overflow: hidden;
    color: var(--color-white);
    background-color: var(--color-medium-orange);
    transition: all 0.25s ease-in-out;

}

.swiper-button-prev {
    margin-inline-end: 14px;
    color: var(--color-primary);
    &.clicked {
        color: white;
    }
}

.swiper-button-prev:before,
.swiper-button-next:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 150px;
    height: 150px;
    border-radius: 100%;
    background-color: var(--color-white);
    transition: all 0.35s ease-in-out;
    transform: translate(-150px, 50px);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: var(--color-primary);
}

.swiper-button-prev:hover:before,
.swiper-button-next:hover:before {
    transform: translate(-35px, -35px);
    opacity: 1;
    visibility: visible;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    display: none;
}

/* wrapper */
.wrapper {
    width: 100%;
    display: block;
    overflow: hidden;
    min-height: 100%;
    padding-block-start: 84px;
}

/* header */
.header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    transition: all 0.25s ease-in-out;
    padding-block-start: 15px;
    padding-block-end: 15px;
    border-bottom: solid 1px rgba(222, 221, 217, .25);
}

.header:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background-color: rgba(0, 0, 0, .60);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
}

.header-holder {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.header-logo1,
.header-logo {
    width: 190px;
    display: inline-block;
}

.header-logo1 img,
.header-logo img {
    width: 100%;
}

.header-logo1 {
    display: none;
}

.header-right {
    position: absolute;
    top: calc(100% + 11px);
    width: 100%; /* calc(100% - 60px)*/
    height: calc(100vh - 150px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
    @media(max-width: 1200px) {
        overflow: hidden;
    }
}

.header.is-alt {
    .header-right {
        position: unset;
        opacity: 1;
        width: auto;
        height: auto;
        visibility: visible;
    }

    @media (width < 600px) {
        .header-logo, .header-logo1 {
            width: 160px;
        }

        .header-holder {
            gap: 25px;
        }
    }
}

.header-right-mm {
    width: 100%;
    overflow-y: clip;
    height: fit-content;
    padding-block-end: 50px;
    background-color: var(--color-white);
}

.header-menu ul {
    list-style: none;
    overflow-x: clip;
}

.header-menu li {
    position: relative;
    padding-inline: 32px;
    padding-block-start: 23px;
    padding-block-end: 22px;
    border-bottom: solid 1px var(--color-light-gray);
}

.header-menu li a {
    position: relative;
    color: var(--color-black);
    text-decoration: none;
    font-weight: 500;
}


.header-menu li ul {
    position: absolute;
    width: 100%;
    top: 0;
    left: 100%;
    z-index: 3;
    height: 60vh;
    transition: all 0.25s ease-in-out;
    background-color: var(--color-white);
}

.header-menu li.is-active ul {
    left: 0;
}

.header-menu ul .is-active {
    @media(max-width: 1200px) {
        position: unset;
    }
}

.header-menu li li:first-child {
    text-align: center;
}

.header-menu li li .header-mm-icon {
    left: 0;
    right: unset;
    border-left: 0;
    border-right: solid 1px var(--color-light-gray);
}

.header-menu li li a {
    display: block;
    color: var(--color-black);
    padding-block-end: 0;
    font-weight: 500;
    transition: all 0.25s ease-in-out;
}

.header-menu li li a:after {
    font-size: 0.5rem;
    content: "\e906";
    position: absolute;
    top: 5px;
    left: 1px;
    opacity: 0;
    visibility: hidden;
    color: var(--color-primary);
    font-family: var(--font-family-icon);
    transition: all 0.25s ease-in-out;
}

/*.header-menu li li a:before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    bottom: -3px;*/
/*    left: 50%;*/
/*    width: 0;*/
/*    height: 3px;*/
/*    transform: translateX(-50%);*/
/*    transition: all 0.25s ease-in-out;*/
/*    background-color: var(--color-primary);*/
/*}*/

.header-menu li li a:hover {
    padding-inline-start: 17px;
}

.header-menu li li a:hover:after {
    opacity: 1;
    visibility: visible;
}

.header-menu li li a:before {
    /*opacity: 0;*/
}

.header-info {
    list-style: none;
    padding-inline: 32px;
    padding-block-start: 30px;
    text-align: center;
    position: relative;
    z-index: 3;
}

.header-info li:not(:last-child) {
    margin-block-end: 30px;
}

.header-call {
    color: var(--color-black);
    text-decoration: none;
    display: inline-flex;
    overflow: hidden;
    align-items: center;
}

.header-call span {
    position: relative;
    transition: all 0.25s ease-in-out;
}

.header-call span:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
    transform: translateY(20px);
}

.header-call i {
    font-size: 0.75rem;
    margin-inline-end: 6px;
    color: var(--color-primary);
}

.header-call:hover span {
    transform: translateY(-20px);
}

.header-call:hover span:after {
    transform: translateY(20px);
}


.header.inner .header-logo {
    display: none;
}

.header.inner .header-logo1 {
    display: block;
}

.header.inner .header-call {
    color: var(--color-black);
    font-weight: 500;
}

.header.inner .header-menu li a {
    color: var(--color-black);
}

.header.sticky {
    background-color: var(--color-white);

    .header-back-link {
        color: var(--color-black);
    }
}

.header.sticky .header-call,
.header.sticky .header-menu li a {
    color: var(--color-black);
}

.header.sticky .header-logo {
    display: none;
}

.header.sticky .header-logo1 {
    display: block;
}

.header .no-button {
    color: var(--color-white);
}

.header .no-button b {
    font-weight: 700;
    display: none;
}

.header.sticky .no-button {
    color: var(--color-black);
}

.header-ribbon {
    position: absolute;
    bottom: -69px;
    right: -32px;
    width: 82px;
    z-index: 3;
}

.header-ribbon img {
    width: 100%;
}

.is-menu-open .header-right,
.is-menu-open .header:after {
    opacity: 1;
    visibility: visible;
}

.header-back-link {
    font-size: 1.063rem;
    color: var(--color-white);
    text-transform: uppercase;
    text-decoration: none;
    font-weight: 700;
    display: flex;
    gap: 12px;
    line-height: 1;

    &:hover, &:focus {
        span {
            transform: translateY(-20px);

            &:after {
                transform: translateY(20px);
            }
        }
    }

    em {
        font-style: normal;
        overflow: hidden;
        display: inline-block;
    }

    span {
        position: relative;
        display: inline-block;
        transition: 0.25s ease-in-out;
        line-height: 1;

        &:after {
            content: attr(data-title);
            position: absolute;
            top: 0;
            left: 0;
            transform: translateY(20px);
            transition: 0.25s ease-in-out;
        }
    }
}

.header-back-link i {
    font-size: 0.875rem;
    color: var(--color-primary);
    margin-inline-end: 5px;
}

.header.is-alt {
    padding-block-start: 23px;
    padding-block-end: 27px;
}

/* ### mobile toggle ### */
.header-mobile {
    position: absolute;
    top: 21px;
    right: 32px;
    z-index: 5;
    display: block;
    width: 40px;
    height: 40px;
    border: transparent;
    background-color: var(--color-primary);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.header-mobile span {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 16px;
    height: 2px;
    text-indent: -9999px;
    background: transparent;
    transform: translate(-50%, -50%);
    transition: all 0.2s ease-in-out;
}

.header-mobile span:before,
.header-mobile span:after {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background-color: var(--color-white);
    transition-duration: 0.2s, 0.2s;
    content: '';
}

.header-mobile span:before {
    top: -3px;
    width: 10px;
}

.header-mobile span:after {
    bottom: -3px;
}

.header-mobile.active span {
    background: none;
}

.header-mobile.active span:before,
.header-mobile.active span:after {
    background-color: var(--color-white);
    transition-delay: 0s, 0.2s;
    width: 100%;
}

.header-mobile.active span:before {
    top: 0;
    transform: rotate(45deg);
}

.header-mobile.active span:after {
    bottom: 0;
    transform: rotate(-45deg);
}

.header-mm-icon {
    font-size: 0.875rem;
    color: var(--color-primary);
    position: absolute;
    top: 0;
    right: 0;
    width: 63px;
    height: 67px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: solid 1px var(--color-light-gray);
}

/* hero */
.hero {
    position: relative;
    z-index: 1;
    height: 90vh;
    min-height: 450px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-block-start: -84px;
    padding-block-end: 12px;
}

.hero .container-medium {
    position: relative;
}

.hero h1 {
    font-size: 3.125rem;
    text-transform: uppercase;
    color: var(--color-white);
    line-height: 0.93;
    font-weight: 800;

    @media (width <= 430px) {
        font-size: 2.5rem;
    }
}

.hero-block {
    position: relative;
    z-index: 2;
    width: 100%;
    .container-medium {
        @media(max-width: 1200px) {
            opacity: 1;
            transform: translate3d(0, 0, 0);
        }
    }
}

.hero-intro {
    max-width: 510px;
    width: 100%;
    position: relative;
    z-index: 3;
}

.hero-play {
    color: var(--color-medium-orange);
    font-size: 3.063rem;
    width: 119px;
    height: 119px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: -174px;
    right: 32px;
    background-color: var(--color-primary);
    text-decoration: none;
}

.hero-play i {
    margin-inline-start: 8px;
}

.hero-play em {
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-white);
    font-style: normal;
    position: absolute;
    font-weight: 700;
    display: inline-block;
    padding-inline: 20px;
    text-align: center;
}

.hero-shape {
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 1;
    pointer-events: none;
    transform: translateY(-50%);
    margin-block-start: -51px;
    width: 336px;
}

.hero-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .50);
}


.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* region */
.region {
    position: relative;
    z-index: 1;
    padding-block-start: 176px;
    padding-block-end: 95px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.70) 20% 20%, rgba(0, 0, 0, 0) 100%);
}

.region-intro {
    font-size: 1.563rem;
    max-width: 990px;
    width: 100%;
    font-weight: 600;
    color: var(--color-white);
    margin-block-end: 75px;
}

.region-intro p {
    line-height: 1.4;
}

.region-intro p:last-of-type {
    margin-bottom: 0;
}

.region-title {
    color: var(--color-white);
    font-size: 1.875rem;
    font-weight: 700;
    position: relative;
    padding-block-end: 14px;
    margin-block-end: 79px;
    display: none;
}

.region-title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 57px;
    height: 2px;
    background-color: var(--color-primary);

}

.region-holder {
    display: grid;
    width: calc(100% + 2px);
    grid-template-columns: repeat(2, 1fr);


    @media (width < 430px) {
        grid-template-columns: repeat(1, 1fr);
    }
}

@media (min-width: 1024px) and (max-width: 1279px) {
    .region-holder {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* card-region */
.card-region {
    display: inline-flex;
    align-items: center;
    padding-block-start: 15px;
    padding-block-end: 23px;
    padding-inline-start: 19px;
    padding-inline-end: 15px;
    text-decoration: none;
    position: relative;
    min-height: 80px;
    /*border: solid 1px rgba(232, 232, 232, .40);*/

    &:nth-child(4n + 1), &:nth-child(4n + 2), &:nth-child(4n + 3) {
        border-top: solid 1px rgba(232, 232, 232, .40);
        border-left: solid 1px rgba(232, 232, 232, .40);
    }

    &:nth-child(4n + 4) {
        border-top: solid 1px rgba(232, 232, 232, .40);
        border-left: solid 1px rgba(232, 232, 232, .40);
        border-right: solid 1px rgba(232, 232, 232, .40);
    }

    &:nth-last-child(-n + 4) {
        border-bottom: solid 1px rgba(232, 232, 232, 0.40);

        @media (width < 768px) {
            &:not(:last-child) {
                border-bottom: 0;
            }
        }
    }

    @media (width < 768px) {
        border-right: solid 1px rgba(232, 232, 232, 0.40);
    }
}

.card-region-icon {
    width: 37px;
    margin-inline-end: 12px;
}

.card-region-icon img {
    width: 100%;
}

.card-region-lead {
    font-size: 1rem;
    font-weight: 600;
    flex: 1;
    position: relative;
    bottom: -2px;
    color: var(--color-white);
    hyphens: auto;
}

.card-region-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
}

.card-region-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(45deg, rgba(0, 0, 0, 0.7) 0%, rgba(222, 121, 0, 0.7) 100%);
}

.card-region-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-region:hover .card-region-image {
    opacity: 1;
    visibility: visible;
}

/* banner */
.banner {
    position: relative;
    min-height: 500px;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-block-end: 60px;
}

.banner .container-medium {
    position: relative;
}

.banner-intro {
    width: 100%;
    position: relative;
    z-index: 3;
    max-width: 815px;
}

.banner h1 {
    line-height: 0.9;
    font-weight: 800;
    font-size: 3.125rem;
    color: var(--color-white);
    text-transform: uppercase;
    word-wrap: break-word;
    padding-right: 20px;
    hyphens:auto;

    @media (width < 430px) {
        font-size: 2.5rem;
    }
}

.banner-intro em {
    font-size: 1.375rem;
    font-weight: 800;
    font-style: normal;
    display: block;
    margin-block-end: 20px;
    text-transform: uppercase;
    color: var(--color-medium-orange);
}

.banner-wrap {
    position: relative;
    z-index: 2;
    width: 100%;
}

.banner-shape {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    pointer-events: none;
}

.banner-shape img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 51px);
}

.banner-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(244, 150, 0, 0.2) 50%, rgba(0, 0, 0, 0.26) 100%);
}

.banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.banner.is-alt .banner-image:after {
    display: none;
}

.banner.is-alt h1 {
    font-size: 2.125rem;

    @media (width < 430px) {
        overflow-wrap: break-word;
    }
}

.banner-icon {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-block-end: 22px;
    margin-inline-start: 8px;
}

.banner-icon-bg {
    width: 63px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-inline-end: 24px;
    margin-block-end: 3px;
    background-color: var(--color-primary);
}

.banner-icon strong {
    font-weight: 500;
    font-size: 2rem;
    color: var(--color-gray);
    text-transform: uppercase;
}

.banner.inner2 {
    min-height: 550px;

    .banner-btn {
        gap: 9px;
        @media (width > 768px) {
            li {
                margin-inline-end: 0;

            }
        }
    }

    @media (width < 430px) {
        padding-block-end: 30px;

        .banner-btn {
            margin-block-start: 20px;

            display: flex;
            flex-wrap: wrap;
            gap: 10px;

            li {
                margin-block-end: 0;
            }

            .button, .button-white, .button-green {
                padding: 10px 20px;
                display: flex;
                align-items: center;
                width: auto;
                font-size: 0.625rem;
            }
        }
    }
}

.banner-btn {
    margin-block-start: 46px;
}

.banner-btn li {
    list-style: none;
    margin-block-end: 9px;
}

.banner-btn li a {
    width: 100%;
    display: block;
    text-decoration: none;
    color: var(--color-white);
    border-radius: 70px;
    text-transform: inherit;
}

.banner-btn .button {
    font-size: 1.188rem;
    font-weight: unset;
    padding-block: 15px;
    padding-inline-end: 29px;
    background-color: var(--color-orange);

    &:hover {
        clip-path: unset;
    }
}

.banner-btn .button i {
    margin-inline-end: 20px;
    color: var(--color-medium-orange);
}

.banner-btn .button-white {
    font-size: 1.063rem;
    color: var(--color-black);
    padding-block: 18px;
    padding-inline-start: 31px;
    padding-inline-end: 28px;
}

.banner-btn .button-green {
    padding-block: 18px;
    padding-inline-start: 30px;
    padding-inline-end: 33px;
}

.banner-btn .button-green i {
    font-size: 0.625rem;
    margin-inline-end: 12px;
}

.banner .breadcrumb li,
.banner .breadcrumb li a {
    color: rgba(255, 255, 255, 0.8);
}

.banner .breadcrumb li:not(:last-of-type):after {
    background-color: rgba(255, 255, 255, 0.8);
}

/* breadcrumb */
.breadcrumb {
    margin-block-end: 13px;
}

.breadcrumb ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.breadcrumb li {
    font-size: 0.75rem;
    text-transform: uppercase;
    color: var(--color-gray-100);
}

.breadcrumb img {
    display: inline-block;
}

.breadcrumb li a {
    text-decoration: none;
    color: var(--color-gray-100);
    transition: all 0.25s ease-in-out;
}

.breadcrumb li a:focus,
.breadcrumb li a:hover {
    color: var(--color-black);
}

.breadcrumb li:not(:last-of-type):after {
    content: '';
    display: inline-block;
    margin-inline: 8px;
    font-size: 0.75rem;
    width: 1px;
    height: 9px;
    background-color: var(--color-gray-100);
}

/* intro-text */
.intro-text {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 94px;
    background-color: var(--color-white);
}

.intro-title {
    font-size: 1.563rem;
    font-weight: 600;
    max-width: 870px;
    margin-block-end: 32px;
}

.intro-title p {
    line-height: 1.4;
}

.intro-block {
    font-size: 1rem;
    margin-block-end: 36px;
}

.intro-block p {
    line-height: 2;
    margin-block-end: 29px;
}

.intro-block ul {
    list-style: none;
}

.intro-block li {
    font-size: 1.063rem;
    position: relative;
    letter-spacing: -0.55px;
    padding-inline-start: 30px;
    line-height: 1.5;
    margin-block-end: 7px;
}

.intro-block li:before {
    content: '';
    position: absolute;
    top: 11px;
    left: 0;
    width: 7px;
    height: 7px;
    border-radius: 75px;
    background-color: var(--color-primary);
}

.intro-text-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end
}

.intro-text.is-alt,
.intro-text.inner {
    background-color: var(--color-gray);
}

.intro-text.is-alt .intro-block li:before {
    display: none;
}

.intro-text.is-alt .intro-block li:after {
    position: absolute;
    top: -3px;
    left: 1px;
    content: '\e903';
    font-size: 1.063rem;
    color: var(--color-primary);
    font-family: var(--font-family-icon);
}

.intro-text.is-alt .intro-block li strong {
    font-weight: 700;
}

.intro-text.inner strong {
    font-weight: 600;
    color: var(--color-primary);
}

.intro-text.inner .intro-title {
    margin-block-end: 45px;
}

.intro-text.inner .intro-block {
    display: block;
    max-width: 580px;
    margin-block-end: 30px;
}

.intro-text.inner2 .sub-title {
    font-size: 1.25rem;
    font-weight: 600;
    margin-block-end: 28px;
    color: var(--color-primary);
}

.intro-text.inner2 .intro-title {
    margin-block-end: 45px;
}

.intro-text.inner2 .intro-title b {
    font-weight: 600;
    color: var(--color-primary);
}

.intro-text.inner2 .intro-block {
    margin-block-end: 59px;
}

.intro-text.inner2 .intro-block strong {
    font-weight: 400;
    color: var(--color-primary);
}

.intro-text.inner2 .photo-holder {
    gap: 0 53px;
}

.intro-text.inner3 {
    border-bottom: solid 1px var(--color-medium-gray);
}

.intro-text.inner3 .intro-title a {
    text-decoration: none;
    color: var(--color-primary);
    transition: all 0.25s ease-in-out;
}

.intro-text.inner3 .intro-block a {
    font-weight: 600;
    text-decoration: none;
    color: var(--color-medium-orange);
    transition: all 0.25s ease-in-out;
}

.intro-text.inner3 .intro-title a:focus,
.intro-text.inner3 .intro-title a:hover,
.intro-text.inner3 .intro-block a:focus,
.intro-text.inner3 .intro-block a:hover {
    text-decoration: underline;
}

/* employees */
.employees {
    width: 100%;
    z-index: 1;
    position: relative;
    padding-block-start: 80px;
    padding-block-end: 80px;
    background-color: var(--color-primary);
}

.employees .container-medium {
    position: relative;
}

.employees .sub-title {
    margin-block-end: 33px;
}

.employees-wrap {
    margin-block-end: 40px;
}

.employees h2 {
    font-weight: 800;
    text-transform: uppercase;
    color: var(--color-white);
    line-height: 1;
    font-size: 2.5rem;
}

.employees-arrows {
    display: none;
}

.employees-holder {
    margin-block-end: 40px;
}

.employees-image {
    margin-block-end: 40px;
    position: relative;
    overflow: hidden;

    img {
        transition: all 0.25s ease-in-out;
    }

    &:has(.card-sector-icon) {
        &:hover {
            cursor: pointer;
            img {
                transform: scale(1.1);
            }
        }
    }
}

.employees-image:focus .card-sector-icon:before,
.employees-image:hover .card-sector-icon:before {
    transform: translate(45px, -45px);
    opacity: 0;
    visibility: hidden;
}

.employees-image:focus .card-sector-icon:after,
.employees-image:hover .card-sector-icon:after {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.employees-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.employees-text {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    flex-direction: column;
}

.employees-para {
    font-size: 1.25rem;
    font-weight: 600;
    margin-block-start: -8px;
    color: var(--color-white);
}

.employees-para p {
    line-height: 1.7;
}

.employees-bottom {
    font-size: 1rem;
    margin-block-end: -2px;
    color: rgba(255, 255, 255, 0.8);
}

.employees-name {
    font-size: 1.313rem;
    font-weight: 600;
    color: var(--color-white);
    margin-block-end: 5px;
}

.employees-arrows.show {
    display: flex;
    justify-content: center;
}

.employees-btn-mob {
    display: flex;
    justify-content: center;
    margin-block-start: 40px;
}

.employees-btn-mob i {
    margin-inline-start: 15px;
    color: var(--color-primary);
}

.employees-btn-mob {
    display: flex;
    justify-content: center;
    margin-block-start: 40px;
}

.employees-link {
    display: none;
}


/* vacancy */
.vacancy {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 70px;
    background-color: var(--color-gray);
}

.vacancy-title {
    margin-block-end: 50px;
    max-width: 480px;
}

.vacancy-title h2 {
    font-weight: 800;
    line-height: 1.07;
    font-size: 2.5rem;
    text-transform: uppercase;
}


/* ### card-vacancy ### */
.card-vacancy {
    display: block;
    width: 100%;
    text-decoration: none;
    margin-block-end: 30px;
    color: var(--color-black);
    background-color: var(--color-white);
}

.card-vacancy:last-of-type {
    margin-block-end: 0;
}

.card-vacancy-image {
    overflow: hidden;
}

.card-vacancy-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.card-vacancy-info {
    padding-inline: 20px;
    padding-block: 30px;
}

.card-vacancy-info h3 {
    font-weight: 800;
    font-size: 1.5rem;
    margin-block-end: 13px;
    text-transform: uppercase;
    color: var(--color-primary);
}

.card-vacancy-info ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-block-end: 20px;
}

.card-vacancy-info li {
    font-size: 1rem;
    font-weight: 300;
    line-height: 1.8;
}

.card-vacancy-info li:not(:last-of-type):after {
    display: inline-block;
    margin: 0 10px;
    content: '';
    width: 2px;
    height: 19px;
    vertical-align: middle;
    background-color: var(--color-solid-gray);
}

.card-vacancy:focus img,
.card-vacancy:hover img {
    transform: scale(1.05);
}

/* ### connect ### */
.connect {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 80px;
    padding-block-end: 80px;
    background-color: var(--color-white);
}

.connect h2 {
    font-weight: 800;
    line-height: 1.07;
    font-size: 3.125rem;
    text-transform: uppercase;

    @media (width <= 480px) {
        font-size: 2.5rem;
    }
}

.connect-title {
    max-width: 600px;
    margin-block-end: 30px;
}

.connect.inner .connect-title {
    max-width: 660px;
}


.connect-left {
    font-size: 1rem;
    margin-block-end: 50px;
}

.connect .sub-title {
    display: none;
}

.connect-left p {
    max-width: 478px;
}

.connect-left p:last-of-type {
    margin-block-end: 38px;
}

.connect-btn {
    display: flex;
    justify-content: flex-end;
}

.connect-btn .button {
    border: none;
    cursor: pointer;
}

.connect-shape {
    position: absolute;
    z-index: -1;
    top: 26px;
    right: -8px;
    pointer-events: none;
    width: 80px;
}

.connect-shape img {
    width: 100%;
}


/* ### card-help ### */
.card-help {
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.card-help-image {
    width: 113px;
    height: 113px;
    cursor: pointer;
    border-radius: 100%;
    flex: 0 0 auto;
    margin-inline-end: 22px;
    position: relative;
    z-index: 1;
    border: solid 11px var(--color-gray);
    transition: all 0.25s ease-in-out;
}

.card-help-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 91px;
    height: 91px;
    z-index: -1;
    border-radius: 100%;
    background-color: var(--color-primary);
}

.card-help-image img {
    margin-block-start: -15px;
}

.card-help-info {
    font-size: 1.125rem;
    font-weight: 500;
    padding-block-start: 18px;
}

.card-help-name {
    font-weight: 700;
    margin-block-end: 2px;
    color: var(--color-primary);
    text-transform: uppercase;
}

.card-help.alt .card-help-image {
    border: solid 11px rgba(255, 255, 255, 0.49);
    margin-inline-end: 25px;
}

.card-help-info p:last-of-type {
    margin-block-end: 0;
}

.card-help.is-alt {
    margin-inline-start: -1px;
    margin-block-start: -13px;
}

.card-help.is-alt .card-help-bg {
    width: 113px;
    height: 113px;
    background-color: rgba(255, 255, 255, 0.49);
    border-radius: 100%;
    flex: 0 0 auto;
    margin-inline-end: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.card-help.is-alt .card-help-image {
    width: 91px;
    height: 91px;
    flex: unset;
    margin-inline-end: unset;
    border: unset;
}

.card-help.is-alt .card-help-name {
    margin-block-end: -1px;
}

.card-help.is-alt .card-help-image img {
    margin-block-start: -19px;
}

.card-help.inner .card-help-image {
    border: none;
    margin-inline-end: 23px;
}

.card-help.inner .card-help-image:after {
    top: 20px;
    width: 105px;
    height: 105px;
}

.card-help.inner .card-help-info {
    font-size: 1.063rem;
    padding-block-start: 23px;
}

.card-help.inner .card-help-name {
    color: var(--color-black);
    text-transform: inherit;
    margin-block-end: -3px;
}

.card-help.inner p {
    font-weight: 400;
}

/* ### brand ### */
.brand {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 15px;
    padding-block-end: 15px;
    padding-inline: 10px;
    background-color: var(--color-white);
    border-top: 2px solid rgba(222, 221, 217, 0.25);
}

.brand-logo {
    opacity: 0.6;
    filter: grayscale(1);
    display: inline-block;
    transition: all 0.25s ease-in-out;
}

.brand-logo img {
    width: 100%;
}

.brand-logo:hover {
    opacity: 1;
    filter: grayscale(0);
}

.brand .swiper-wrapper {
    align-items: center;
}

.brand .swiper-slide {
    display: flex;
    justify-content: center;
}

/* ### testimonial ### */
.testimonial {
    position: relative;
    z-index: 2;
    padding-block-start: 94px;
    padding-block-end: 76px;
    background-color: var(--color-primary);
}

.testimonial h2 {
    font-size: 3.125rem;
    font-weight: 800;
    line-height: 1.1;
    position: relative;
    z-index: 1;
    padding-inline-end: 10%;
    text-transform: uppercase;
    color: var(--color-medium-orange);
}

.testimonial-top .swiper {
    padding-block-end: 57px;
}

.testimonial-top .swiper-slide {
    opacity: 0;
    visibility: hidden;
}

.testimonial-top .swiper-slide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
}

.testimonial-left {
    margin-block-end: 63px;
}

.testimonial-image {
    width: 100%;
    height: 235px;
    margin-block-start: -17px;
    position: relative;
}

.testimonial-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 70%;
    background: linear-gradient(to bottom, rgba(244, 150, 0, 0.99) 0%, rgba(244, 150, 0, 0) 100%);
}

.testimonial-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimonial-intro {
    font-size: 1.563rem;
    color: var(--color-white);
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.testimonial-intro:after {
    content: '';
    position: absolute;
    top: 0;
    left: -68px;
    width: 140px;
    height: 100%;
    z-index: -1;
    background-color: var(--color-primary);
}

.testimonial-intro p {
    line-height: 1.42;
    margin-block-end: 25px;
}

.testimonial-name {
    font-size: 1rem;
    font-weight: 600;
}

.testimonial-name span {
    font-weight: 400;
    margin-inline-start: 13px;
}

.testimonial-bottom {
    max-width: 440px;
    width: 100%;
    margin: 0 auto;
}

.testimonial-bottom .swiper {
    padding-block-end: 20px;
}

.testimonial-bottom .swiper-slide-thumb-active .testimonial-thumbnails {
    background-color: var(--color-white);
    border: solid 10px var(--color-medium-orange);
}

.testimonial-thumbnails {
    width: 105px;
    height: 105px;
    cursor: pointer;
    border-radius: 100%;
    border: solid 10px var(--color-primary);
    background-color: var(--color-medium-orange);
    transition: all 0.25s ease-in-out;
}

.testimonial-thumbnails img {
    border-radius: 100%;
    top: -20px;
    position: relative;
    @media(max-width: 1025px) {
        top: -16px;
    }
}

.testimonial-shape {
    position: absolute;
    top: 172px;
    right: 0;
    z-index: -1;
    pointer-events: none;
    width: 337px;
}

.testimonial-shape img {
    width: 100%;
}

/* ### photo ### */
.photo {
    position: relative;
    z-index: 1;
    padding-block-start: 94px;
    padding-block-end: 91px;
    background-color: var(--color-white);
}

.photo-image {
    margin-block-end: 22px;
}

.photo-image img {
    width: 100%;
}

.photo-image:last-child {
    margin-bottom: 0;
}

.photo + .intro-text {
    padding-block-start: 0;
}

/* ### except ### */
.except {
    position: relative;
    z-index: 1;
    padding-block-start: 94px;
    padding-block-end: 80px;
    background-color: var(--color-primary);
}

.except-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    margin-block-end: 38px;
}

.except h3, .except h2 {
    color: var(--color-white);
    font-size: 2rem;
    font-weight: 700;
}

.except .swiper {
    margin-block-end: 38px;
}

.except-mobile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.except-mm-arrow {
    display: flex;
    flex-wrap: wrap;
}

.except-arrow {
    display: none;
}

.except .link-button {
    font-size: 0.875rem;
    color: var(--color-white);
    font-weight: 700;
}

.except .swiper-button-prev,
.except .swiper-button-next {
    position: relative;
}

.except-play {
    color: var(--color-medium-orange);
    font-size: 3.063rem;
    width: 161px;
    height: 161px;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    position: absolute;
    top: -59.5px;
    left: -59.5px;
    z-index: 2;
    background-color: var(--color-primary);
    text-decoration: none;
    display: flex;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease-in-out;
}

.except-slider:has(.card-except:hover) {
    cursor: none;
}

.except-slider:has(.card-except:hover) .except-play {
    opacity: 1;
}

.except-play i {
    margin-inline-start: 8px;
}

.except-play em {
    font-size: 0.875rem;
    text-transform: uppercase;
    color: var(--color-white);
    font-style: normal;
    position: absolute;
    font-weight: 700;
    display: inline-block;
    padding-inline: 20px;
    text-align: center;
}


/* ### card-except ### */
.card-except {
    width: 100%;
    text-decoration: none;
}

.card-except-video {
    width: 100%;
    height: 255px;
    position: relative;
    margin-block-end: 22px;
    overflow: hidden;
}

.card-except-video iframe,
.card-except-video video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-except-video iframe {
    pointer-events: none;
    scale: 1.12;
}

.card-except-label {
    min-height: 40px;
    position: absolute;
    top: 24px;
    left: 24px;
    font-size: 0.875rem;
    letter-spacing: 0.3px;
    color: var(--color-white);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-inline-start: 19px;
    padding-inline-end: 20px;
    border-radius: 75px;
    background-color: var(--color-green);
}

.card-except-label.yellow {
    background-color: var(--color-primary);
}

.card-except-label.yellow i {
    color: var(--color-medium-orange);
}

.card-except-label i {
    font-size: 1.625rem;
    margin-inline-end: 11px;
    color: var(--color-medium-green);
}

.card-except-label img {
    display: inline-block;
    margin-inline-end: 11px;
}

.card-except-label .icon-store {
    font-size: 1.375rem;
}

.card-except-lead {
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--color-white);
}

/* ### location ### */
.location {
    position: relative;
    z-index: 2;
    padding-block-start: 95px;

}

.location:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
    height: calc(100% - 38px);
    background-color: var(--color-gray);
}

.location h2 {
    font-size: 3.125rem;
    line-height: 1.1;
    font-weight: 700;
}

.location-wrap {
    margin-block-end: 50px;
}

.location-title {
    margin-block-end: 32px;
}

.location-info {
    margin-inline-end: -13px;
    padding-block-end: 3px;
}

.location-info-text {
    font-size: 0.875rem;
    font-weight: 500;
    margin-block-end: 26px;
}

.location-info-text p:last-of-type {
    margin-block-end: 0;
}

.location-image {
    position: relative;
    width: 100%;
    height: 267px;
    margin-block-end: 168px;
    @media(max-width: 1030px) {
        margin-block-end: 100px
    }
}

.location-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.location-intro {
    max-width: 468px;
    width: 100%;
    position: relative;
    z-index: 2;
    padding-block-start: 30px;
    padding-block-end: 32px;
    padding-inline: 32px;
    color: var(--color-white);
    background-color: var(--color-primary);
}

.location-intro p {
    line-height: 1.58;
    font-size: 1rem;
    letter-spacing: 0.1px;
    margin-block-end: 18px;
}

.location-lead {
    font-weight: 700;
    font-size: 1.375rem;
    position: relative;
    color: var(--color-white);
    padding-block-end: 13px;
    margin-block-end: 21px;
}

.location-lead:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 57px;
    height: 2px;
    background-color: var(--color-medium-orange);
}

.location-btn {
    margin-block-end: -50px;
}

/* ### parallax ### */
.parallax {
    position: relative;
    z-index: 1;
    min-height: 500px;
}

.parallax:after {
    content: '';
    position: absolute;
    top: -40px;
    left: 0;
    width: 100%;
    height: calc(100% + 40px);
    pointer-events: none;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 20%, rgba(0, 0, 0, 0) 40%);
}

.parallax.is-alt:after {
    top: 0;
    /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(244, 150, 0, 0.2) 50%, rgba(0, 0, 0, 0.26) 100%);*/
    background: linear-gradient(to bottom, rgba(244, 150, 0, 0.2) 50%, rgba(0, 0, 0, 0.26) 100%);
}

.parallax-info {
    display: flex;
    justify-content: flex-end;
}

.parallax-intro {
    max-width: 468px;
    width: 100%;
    position: relative;
    z-index: 2;
    margin-block-start: -93px;
    padding-block-start: 48px;
    padding-block-end: 33px;
    padding-inline: 51px;
    color: var(--color-black);
    background-color: var(--color-white);
}

.parallax-intro p {
    line-height: 1.65;
    font-size: 1.125rem;
    letter-spacing: 0.1px;
    margin-block-end: 29px;
}

.parallax-lead {
    font-weight: 700;
    font-size: 1.563rem;
    position: relative;
    color: var(--color-black);
    padding-block-end: 13px;
    margin-block-end: 24px;
}

.parallax-lead:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 57px;
    height: 2px;
    background-color: var(--color-medium-orange);
}

.parallax-btn {
    margin-block-end: -50px;
}

/* ### customer ### */
.customer {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding-block-start: 80px;
    padding-block-end: 80px;
    background-color: var(--color-primary);
}

.customer-heading {
    max-width: 690px;
    text-align: center;
    margin: 0 auto;
    margin-block-end: 40px;

    @media(max-width: 1200px) {
        text-align: left;
    }
}

.customer .sub-title {
    margin-block-end: 40px;
}

.customer h2 {
    font-size: 3.125rem;
    font-weight: 800;
    line-height: 0.9;
    color: var(--color-white);
    text-transform: uppercase;
}

.customer-block {
    margin-block-end: 80px;
}

.customer .tabs {
    list-style: none;
    margin: 0;
}

.customer .tabs li {
    padding-block-start: 39px;
    padding-block-end: 42px;
    position: relative;
}

.customer .tabs li:after {
    content: "\e901";
    position: absolute;
    top: 50%;
    right: -2px;
    font-size: 1.188rem;
    transform: translateY(-50%);
    color: var(--color-white);
    font-family: var(--font-family-icon);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
    margin-block-start: -3px;
}

.customer .tabs li a {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.363rem;
    font-weight: 700;
    text-decoration: none;
    color: var(--color-medium-orange);
    padding-inline-start: 70px;
    transition: all 0.25s ease-in-out;
}

.customer .tabs li:not(:last-child) {
    border-bottom: solid 1px var(--color-medium-orange);
}

.customer .tabs i,
.customer .tabs .icon {
    position: absolute;
    top: 30px;
    left: 0;
    font-size: 1.254rem;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--color-white);
    background-color: var(--color-medium-orange);
    transition: all 0.25s ease-in-out;
}

.customer .tabs li:not(.active) .icon {
    img {
        filter: brightness(0) invert(1);
    }
}

.customer .tabs .icon-file-pen {
    font-size: 1.375rem;
}

.customer .tabs li.active:after {
    opacity: 1;
    visibility: visible;
}

.customer .tabs li.active a {
    color: var(--color-white);
    padding-inline-start: 80px;
}

.customer .tabs li.active a i,
.customer .tabs li.active a .icon {
    color: var(--color-primary);
    background-color: var(--color-white);
}

.customer .tab-content {
    display: none;
}

.customer .tab-content.active {
    display: block;
}

.customer .tabs-right {
    margin-block-start: 28px;
}

.customer-shape {
    position: absolute;
    top: 163px;
    right: -3px;
    width: 300px;
    z-index: -1;
    pointer-events: none;
}

.customer-shape img {
    width: 100%;
}

/* ### card-customer ### */
.card-customer {
    background-color: var(--color-white);
}

.card-customer-image {
    width: 100%;
    position: relative;
}

.card-customer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.card-customer-label {
    font-size: 1rem;
    position: absolute;
    top: 25px;
    left: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-weight: 800;
    text-transform: uppercase;
    min-height: 40px;
    border-radius: 75px;
    padding-inline: 30px;
    background-color: var(--color-primary);
}

.card-customer-list {
    padding-block-start: 32px;
    padding-block-end: 59px;
    padding-inline: 32px;
}

.card-customer-list ul {
    list-style: none;
    margin: 0;
}

.card-customer-list li {
    position: relative;
    padding-inline-start: 19px;
    line-height: 1.76;
}

.card-customer-list li:not(:last-child) {
    margin-block-end: 2px;
}

.card-customer-list li:after {
    font-size: 0.688rem;
    content: "\e901";
    color: var(--color-primary);
    position: absolute;
    top: 5px;
    left: 1px;
    font-family: var(--font-family-icon);
}

.card-customer-title {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-block-end: 34px;
    font-size: 1.563rem;
    font-weight: 800;
    color: var(--color-black);
    display: grid;
    grid-template-columns: 70px 1fr;
}

.card-customer-title h3,
.card-customer-title span {
    display: inline-block;
    @media(max-width: 767px) {
        font-size: 20px;
    }
}

.card-customer-title i, .card-customer-title .icon {
    font-size: 1.425rem;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    color: var(--color-white);
    background-color: var(--color-primary);
    transition: all 0.25s ease-in-out;
    margin-inline-end: 15px;
}

/* ### card-cta ### */
.card-cta {
    position: relative;
    padding-inline: 31px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.card-cta:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    height: calc(100% - 32px);
    pointer-events: none;
    background-color: var(--color-white);
    @media(max-width: 767px) {
        height: 105%;
    }
}

.card-cta-left {
    position: relative;
    z-index: 1;
    width: 100%;
}

.card-cta-user {
    position: relative;
    z-index: 1;
    width: 113px;
    height: 113px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 100%;
    border: solid 10px var(--color-gray);
    margin: 0 auto 15px;
}

.card-cta-user:after {
    content: '';
    position: absolute;
    top: 1px;
    left: 2px;
    width: 91px;
    height: 91px;
    z-index: -1;
    border-radius: 100%;
    background-color: var(--color-primary);
}

.card-cta-name {
    font-size: 1.125rem;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 700;
    margin-block-end: 15px;
}

.card-cta-name span {
    display: block;
    color: var(--color-black);
    text-transform: none;
    font-weight: 500;
}

/* ### text-block ### */
.text-block {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 80px;
    padding-block-end: 135px;
    background-color: var(--color-primary);
}

.text-block-heading {
    max-width: 760px;
    margin-block-end: 30px;
    color: var(--color-white);
    text-transform: uppercase;
}

.text-block-heading h2 {
    font-weight: 800;
    line-height: 1.15;
    font-size: 2.75rem;

    @media (width <= 480px) {
        font-size: 2.5rem;
    }
}

.text-block-holder {
    font-size: 1.125rem;
    color: var(--color-white);
}

.text-block-holder p {
    line-height: 1.73;
}

.text-block-right {
    margin-block-start: 4px;
}

.text-block .sub-title {
    margin-block-end: 28px;
}

.text-block-right ul {
    list-style: none;
}

.text-block-right li {
    position: relative;
    font-size: 1rem;
    padding-inline-start: 20px;
    margin-block-end: 11px;
}

.text-block-right li:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    background-color: var(--color-white);
}


/* ### offers ### */
.offer {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 53px;
    background-color: var(--color-gray);
}

.offer .sub-title {
    color: var(--color-primary);
    margin-block-end: 28px;
}

.offer-left {
    margin-block-end: 40px;
}

.offer-left h2 {
    font-weight: 800;
    line-height: 1.15;
    font-size: 2.5rem;
    text-transform: uppercase;
}

.offer-right {
    font-size: 1.125rem;
}

.offer-right .sub-title {
    margin-block-end: 23px;
    color: var(--color-gray-100);
}

.offer-right p {
    line-height: 1.76;
}

.offer-right p:last-of-type {
    margin-block-end: 16px;
}

.offer-right ul {
    list-style: none;
}

.offer-right li {
    position: relative;
    font-size: 1.125rem;
    padding-inline-start: 29px;
    margin-block-end: -3px;
    line-height: 1.97;
}

.offer-right li:before {
    position: absolute;
    top: 13px;
    left: 0;
    width: 7px;
    height: 7px;
    content: '';
    border-radius: 50%;
    pointer-events: none;
    background-color: var(--color-black);
}


/* about-block */
.about-block {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 70px;
    background-color: var(--color-gray);
}

.about-block-left {
    margin-block-end: 30px;
}

.about-block-left h2 {
    font-weight: 400;
    font-size: 1.375rem;
}

.about-block-left span {
    font-size: 1.063rem;
    display: block;
    font-weight: 700;
    margin-block-end: 9px;
    color: var(--color-primary);
}

.about-block-top {
    font-size: 1.25rem;
    font-weight: 600;
}

.about-block-top p {
    line-height: 1.63;
}

.about-block-bottom {
    max-width: 650px;
}

.about-block-bottom p:last-of-type {
    margin-bottom: 0;
}


/* ### built ### */
.built {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 30px;
    background-color: var(--color-primary);
}

.built .sub-title {
    margin-block-end: 30px;
}

.built-title {
    font-size: 1.375rem;
    font-weight: 800;
    text-transform: uppercase;
    color: var(--color-white);
}

.built-left ul {
    list-style: none;
    margin: 0;
}

.built-left li {
    padding-block-start: 26px;
    padding-block-end: 16px;
    position: relative;
    transition: all 0.25s ease-in-out;
}

.built-left li:after {
    content: "\e901";
    position: absolute;
    top: 56%;
    right: 31px;
    font-size: 1.188rem;
    transform: translateY(-50%);
    color: var(--color-white);
    font-family: var(--font-family-icon);
    opacity: 0;
    visibility: hidden;
    transition: all 0.25s ease-in-out;
    margin-block-start: -3px;
}

.built-left li a {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 1.375rem;
    font-weight: 700;
    text-decoration: none;
    color: var(--color-medium-orange);
    transition: all 0.25s ease-in-out;
}

.built-left li {
    border-bottom: solid 1px var(--color-medium-orange);
}

.built-left li.active:after {
    opacity: 1;
    visibility: visible;
}

.built-left li:focus a,
.built-left li:hover a {
    color: var(--color-white);
    padding-inline-start: 40px;
}

.built-left li:hover::after,
.built-left li:focus::after {
    opacity: 1;
    visibility: visible;
}

.built-left li.active a {
    color: var(--color-white);
    padding-inline-start: 20px;
}

.built-left li.active a i {
    color: var(--color-primary);
    background-color: var(--color-white);
}

.built-right {
    font-weight: 500;
    font-size: 1rem;
    margin-block-start: 30px;
    color: var(--color-white);
}

.built-right .tab-content {
    display: none;
}

.built-right .tab-content.active {
    display: block;
}

.built-right strong {
    font-weight: 700;
    font-size: 1.375rem;
    margin-block-end: 10px;
}

.built-right p {
    margin-block-end: 25px;
}


/* ### photo-block ### */
.photo-block {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 30px;
    padding-block-end: 60px;
    color: var(--color-white);
    background-color: var(--color-primary);
    /*margin-block-end: 20px;*/

    a {
        color: #fff;
    }
}

.photo-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-block-end: 20px;
}

.photo-block-right {
    margin-block-start: 40px;
}

.photo-block p strong {
    font-weight: 700;
    margin-inline-end: 9px
}


/* ### mission ### */
.mission {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 50px;
    background-color: var(--color-gray);
}

.mission-heading {
    margin-block-end: 20px;
}

.mission-heading h2 {
    font-weight: 800;
    text-transform: uppercase;
    margin-block-start: 10px;
    display: flex;
    flex-direction: column;

    @media (width < 768px) {
        display: flex;
        flex-direction: column;
        margin-block-start: -30px;
        span {
            position: unset !important;
        }
    }
}

.mission .sub-title {
    margin-block-end: -2px;
    position: unset;
    top: 22px;
    color: var(--color-solid-gray);
}

.mission-text p {
    line-height: 1.8;
}

/* ### team ### */
.team {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 70px;
    background-color: var(--color-gray);
}

.team-wrap {
    margin-block-end: 64px;
}

.team-heading {
    margin-block-end: 20px;
}

.team-heading h2 {
    font-size: 4rem;
    font-weight: 700;
    @media(max-width: 767px) {
        font-size: 3.125rem;
    }
}

.team-content {
    font-size: 1rem;
    font-weight: 500;
}

.team-content p {
    line-height: 1.95;
}

/* ### card-team ### */
.card-team {
    width: 100%;
    margin-block-end: 40px;
}

.card-team-bg {
    margin-block-end: 10px;
    background-color: var(--color-medium-orange);
}

.card-team-bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-team-bg.orange {
    background-color: var(--color-primary);
}

.card-team-info {
    font-size: 1rem;
    color: var(--color-primary);
}

.card-team-title {
    font-weight: 700;
    font-size: 1.125rem;
    margin-block-end: 10px;
    color: var(--color-black);
}


/* ### banner-block ### */
.banner-block {
    position: relative;
    min-height: 480px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    padding-block-end: 60px;
    margin-block-start: -84px;
}

.banner-block .container {
    position: relative;
}

.banner-block:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.8) 0%, rgba(244, 150, 0, 0.2) 100%, rgba(244, 150, 0, 0) 100%);
}

.banner-block h1 {
    font-size: 2.5rem;
    color: var(--color-white);
    text-transform: uppercase;
    line-height: 1.07;
    margin-block-end: 10px;

    @media (width <= 480px) {
        font-size: 2rem;
    }
}

.banner-block .sub-title {
    font-size: 1.438rem;
    margin-bottom: 0;
}

.banner-block-intro {
    position: relative;
    z-index: 1;
    width: 100%;
}

.banner-block .container-medium {
    position: relative;
}

.banner-block-image {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 620px;
}

.banner-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* ### contact ### */
.contact {
    padding-block-start: 60px;
    padding-block-end: 60px;
    position: relative;
    z-index: 1;
    background-color: var(--color-gray);

    .contact-intro {
        .button-white {
            &:focus, &:hover {
                clip-path: unset;
            }
        }
    }
}

.contact-intro {
    font-size: 1.25rem;
    font-weight: 500;
    margin-block-end: 50px;

}

.contact-intro p {
    line-height: 1.9;
    margin-block-end: 62px;
}

.contact-right {
    margin-block-start: 8px;
}

.contact.inner {
    background-color: var(--color-orange);
}

.contact.inner .contact-intro p {
    line-height: 2.1;
    color: var(--color-white);
    margin-block-end: 38px;
}

.contact.inner .card-support {
    border-bottom: solid 2px var(--color-primary);
}

.contact.inner .card-support-image:after {
    background-color: var(--color-medium-orange);
}

.contact.inner .card-support-name {
    color: var(--color-white);
}

.contact.inner .card-support-info em {
    color: var(--color-medium-orange);
}

.contact.inner .contact_call li a.button {
    text-transform: unset;
}

.contact.inner .card-support-dot {
    background-color: var(--color-orange);
}

.contact.inner .card-support-dot:after {
    background-color: var(--color-gray);
}

.contact.inner .form-group {
    margin-block-end: 39px;
}

.contact.inner .form-group:nth-child(2) {
    margin-block-end: 29px;
}

.contact.inner .form-group:nth-child(3) {
    margin-block-end: 48px;
}

.contact.inner .form-group:nth-child(4) {
    margin-block-end: 49px;
}

.contact.inner .form-group:nth-child(5) {
    margin-block-end: 51px;
}

.contact.inner .form-group:nth-child(6) {
    margin-block-end: 39px;
}

.contact.inner .form-group:nth-child(7) {
    margin-block-end: 48px;
}

.contact.inner .card-form textarea {
    height: 122px;
}

/* ### card-support ### */
.card-support {
    display: flex;
    flex-wrap: wrap;
    border-bottom: solid 2px var(--color-medium-gray);
    padding-block-end: 30px;
    margin-block-end: 28px;
}

.card-support-image {
    position: relative;
    z-index: 1;
    width: 113px;
    height: 113px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 100%;
    flex: 0 auto;
    margin-inline-end: 12px;
}

.card-support-image img {
    width: 107px;
    margin-block-end: -3px;
    margin-inline-start: -5px;
}

.card-support-image:after {
    content: '';
    position: absolute;
    top: 3px;
    left: -1px;
    width: 100%;
    height: 100%;
    z-index: -1;
    border-radius: 100%;
    background-color: var(--color-primary);
}

.card-support-dot {
    width: 31px;
    height: 31px;
    position: absolute;
    top: 4px;
    right: -1px;
    border-radius: 100%;
    background-color: var(--color-gray);
}

.card-support-dot:before,
.card-support-dot:after {
    content: '';
    width: 21px;
    height: 21px;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: rgba(168, 197, 80, 0.50);
}

.card-support-dot:before {
    content: '';
    width: 11px;
    height: 11px;
    z-index: 1;
    background-color: var(--color-green);
}


.card-support-info {
    padding-block-start: 20px;
}

.card-support-name {
    font-size: 1.25rem;
    font-weight: 700;
    margin-block-end: 7px;
    max-width: 170px;
    width: 100%;

}

.card-support-info em {
    font-size: 1.063rem;
    display: block;
    font-style: normal;
    font-weight: 600;
    color: var(--color-gray-100);
}


.contact_call {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin-block-end: 35px;
}

.contact_call li:not(:last-child) {
    margin-inline-end: 14px;
    margin-block-end: 14px;
}

.contact_info strong {
    font-size: 1.063rem;
    display: block;
    margin-block-end: 7px;
    color: var(--color-medium-orange);
}

.contact_info address {
    font-style: normal;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--color-dark-black);
    margin-block-end: 17px;
}

.contact_info ul {
    list-style: none;
}

.contact_info li {
    font-size: 1.063rem;
    display: flex;
    flex-wrap: wrap;
    margin-block-end: 7px;
    font-weight: 400;
    position: relative;
    padding-inline-start: 52px;
}

.contact_info li em {
    font-style: normal;
    font-weight: 600;
    position: absolute;
    top: 0;
    left: 0;
}

/* ### card-form ### */
.card-form {
    width: 100%;
    padding-block: 30px;
    padding-inline: 30px;
    background-color: var(--color-white);
}

.card-form label span {
    color: var(--color-primary);
}

.card-form-title {
    font-size: 1.375rem;
    font-weight: 700;
    margin-block-end: 29px;
}

.card-form-title.one {
    padding-block-start: 10px;
}

.contact .form-group {
    margin-block-end: 49px;
}

.form-group-checkboxes {
    display: flex;
    gap: 50px;
    flex-wrap: wrap;
    padding-block-start: 20px;
}

.card-form-upload {
    height: 100px;
    position: relative;
    margin-block-start: 20px;
    border: solid 1px var(--color-solid-gray);
}

.file-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0;
    margin: 0;
    list-style: none;

    li {
        display: flex;
        align-items: center;

        span {
            color: var(--color-black);
        }

        button {
            border: none;
            /*background-color: transparent;*/
            cursor: pointer;
            transition: all 0.25s ease-in-out;
            appearance: none;
            width: 30px;
            height: 30px;
            background-image: url("../images/icon-popup-close.svg");
            background-size: contain;
            border-radius: 50%;
            position: relative;
            font-size: 0;
        }
    }
}

.card-form-upload .input-file {
    height: 100%;
    width: 100%;
    border: 0;
    cursor: pointer;
    opacity: 0;
}

.card-form-upload .card-form-lead {
    position: absolute;
    top: 50%;
    left: 32px;
    transform: translateY(-50%);
    color: var(--color-solid-gray);
}

.contact-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

/* ### sector ### */
.sector {
    position: relative;
    z-index: 1;
    padding-block-start: 60px;
    padding-block-end: 60px;
}

.sector .container-medium {
    position: relative;
}

.sector h1 {
    font-size: 3.125rem;
    text-transform: uppercase;
}

.sector-wrap {
    margin-block-end: 50px;
}


.sector-intro p {
    margin-block-end: 36px;
}

.sector .breadcrumb li,
.sector .breadcrumb li a {
    color: var(--color-solid-gray);
}

.sector .breadcrumb li:not(:last-of-type):after {
    background-color: var(--color-solid-gray);
}

.sector-column {
    display: grid;
    gap: 22px 23px;
    grid-template-columns: repeat(1, 1fr);
}

.sector-shape {
    position: absolute;
    top: 25px;
    right: -7px;
    z-index: 1;
    pointer-events: none;
    width: 70px;
}

.sector-shape img {
    width: 100%;
}

/* ### card-sector ### */
.card-sector {
    display: block;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

.card-sector-image {
    position: relative;
    width: 100%;
    height: 160px;
    overflow: hidden;
}

.card-sector-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(45deg, rgba(244, 150, 0, 0.50) 0%, rgba(244, 150, 0, 0) 100%);
}

.card-sector-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.25s ease-in-out;
}

.card-sector-icon {
    width: 60px;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    overflow: hidden;
    background-color: var(--color-medium-orange);
}

.card-sector-icon:after,
.card-sector-icon:before {
    color: var(--color-gray);
    content: "\e91b";
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 1.188rem;
    font-family: var(--font-family-icon);
    transition: all 0.25s ease-in-out;
}

.card-sector-icon:after {
    opacity: 0;
    visibility: hidden;
    transform: translate(-45px, 45px);
}

.card-sector:focus .card-sector-icon:before,
.card-sector:hover .card-sector-icon:before {
    transform: translate(45px, -45px);
    opacity: 0;
    visibility: hidden;
}

.card-sector:focus .card-sector-icon:after,
.card-sector:hover .card-sector-icon:after {
    transform: translate(0, 0);
    opacity: 1;
    visibility: visible;
}

.card-sector-info {
    padding-block: 25px;
    padding-inline: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center; //flex-end;
    min-height: 110px;
    max-height: 111px;
    background-color: var(--color-primary);

    img {
        filter: brightness(0) saturate(100%) invert(43%) sepia(27%) saturate(2417%) hue-rotate(5deg) brightness(100%) contrast(103%);
        margin-inline-end: 20px;
        /* height: 52px; */
        width: 48px;
    }
}

.green-icon {
    .card-sector-info img {
        filter: none;
    }
}

.card-sector-info i {
    font-size: 3.25rem;
    flex: 0 auto;
    color: var(--color-dark-orange);
    margin-inline-end: 20px;
}

.card-sector-info span {
    font-size: 1.2rem;
    color: var(--color-white);
    display: inline-block;
    font-weight: 600;
    flex: 1;
    line-height: 1.25;
    hyphens: auto;
}

.card-sector:focus .card-sector-image img,
.card-sector:hover .card-sector-image img {
    transform: scale(1.06);
}

/* ### article-block ### */
.article-block {
    padding-block-start: 100px;
    padding-block-end: 50px;

    @media (width < 768px) {
        padding-block-start: 60px;
    }

    h1 {
        font-weight: 600;
        text-transform: uppercase;
    }
}

.article-block-wrap {
    position: relative;
    border-left: solid 2px var(--color-solid-gray);
    margin-top: 71px;

    @media (width < 768px) {
        margin-block-start: 30px;
    }
}

.article-block-wrap:before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 2px;
    height: var(--h);
    background-color: var(--color-primary);
    max-height: 100%;
}

.article-block-items {
    margin-block-end: 40px;
    position: relative;
    padding-inline-start: 35px;
}

.article-block-items.is-active .article-block-date {
    color: var(--color-primary);
}

.article-block-items.is-active .article-block-date:before {
    background-color: var(--color-primary);
}


.article-block-items:nth-child(2) {
    margin-block-end: 46px;
}

.article-block-date {
    position: relative;
    font-size: 1.125rem;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--color-solid-gray);
    margin-block-end: 10px;
}

.article-block-date:before {
    content: '';
    position: absolute;
    top: 0;
    left: -44px;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: var(--color-solid-gray);
}

/* ### card-article ### */
.card-article {
    display: flex;
    flex-wrap: wrap;
    background-color: var(--color-white);
    text-decoration: none;
    color: var(--color-black);

    &:hover {
        .button span {
            transform: translateY(-20px);
        }

        .button span:after {
            transform: translateY(20px);
        }
    }
}

.card-article h2,
.card-article h3 {
    font-size: 1.563rem;
    font-weight: 600;
    margin-block-end: 11px;
}

.card-article-image {
    width: 100%;
}

.card-article-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 1 / 0.5;
}

.card-article-intro {
    font-size: 1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding-block-start: 30px;
    padding-block-end: 35px;
    padding-inline: 25px;
}

.card-article-intro p {
    line-height: 1.6;
}

.card-article .button i {
    margin-inline-end: 17px;
}

/* ### knowledge ### */
.knowledge {
    padding-block-start: 53px;
    padding-block-end: 90px;
}

.knowledge h1 {
    font-size: 3.125rem;
    line-height: 1;
    color: var(--color-solid-gray);
    text-transform: uppercase;
    margin-block-start: -8px;
    margin-block-end: 18px;
}

.knowledge .container-medium {
    position: relative;
}

.knowledge-wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.knowledge .filter-btn {
    font-size: 1rem;
    border: 0;
    padding-inline: 32px;
    min-height: 45px;
    border-radius: 75px;
    background-color: var(--color-primary);
    color: var(--color-white);
    margin-block-end: 59px;
    font-family: var(--font-family);
}

.knowledge .filter-btn.hide {
    margin-block-end: 37px;
}

.knowledge-left {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    transform: translateX(-100%);
}

.knowledge-left.is-active {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);

}

.knowledge-left:after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 200%;
    height: 100vh;
    z-index: -1;
    pointer-events: none;
    background-color: rgba(0, 0, 0, 0.70);
}

.knowledge-left-filter {
    max-width: 320px;
    width: 100%;
    height: 100vh;
    padding-block: 15px;
    padding-inline: 32px;
    overflow-y: scroll;
    background-color: var(--color-gray);
}

.knowledge-left-close {
    font-size: 1.5rem;
    color: var(--color-white);
    position: absolute;
    top: 21px;
    right: 32px;
    z-index: 5;
    display: block;
    width: 40px;
    height: 40px;
    border: transparent;
    background-color: var(--color-primary);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}

.knowledge-left-close i {
    transform: rotate(45deg);
    display: block;
}

.knowledge-list {
    padding-block-end: 37px;
    margin-block-end: 36px;
    border-bottom: solid 2px var(--color-light-gray);
}

.knowledge-list ul {
    list-style: none;
}

.knowledge-list li label {
    font-size: 1rem;
    color: rgba(45, 45, 44, .50);
    text-decoration: none;
    transition: all .15s;
    cursor: pointer;

    input {
        width: 0;
        height: 0;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
    }
}

.knowledge-list li label:focus,
.knowledge-list li label:hover,
.knowledge-list li label:has(input:checked) {
    font-weight: 600;
    color: var(--color-dark-black);
}

.knowledge-list li:not(:last-child) {
    margin-block-end: 6px;
}

.knowledge-title {
    font-size: 1.188rem;
    font-weight: 700;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-block-end: 11px;
}

.knowledge-right {
    width: 100%;
    display: grid;
    gap: 32px;
    grid-template-columns: repeat(1, 1fr);
    margin-block-start: 1px;
}

/* ### card-knowledge ### */
.card-knowledge {
    color: var(--color-black);
    text-decoration: none;
    background-color: var(--color-white);
    padding-block-end: 18px;

    &:hover, &:focus {
        img {
            scale: 1.02;
        }
    }
}

.card-knowledge-image {
    position: relative;
    height: 200px;
    width: 100%;
    background-color: var(--color-orange);
    overflow: hidden;
}

.card-knowledge-image:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    background: linear-gradient(45deg, rgba(244, 150, 0, 0.50) 0%, rgba(244, 150, 0, 0) 100%);
}

.card-knowledge-image img {
    height: 100%;
    width: 100%;
    scale: 1;
    transition: all 0.25s ease-in-out;
}

.card-knowledge-shape {
    position: absolute;
    top: 33px;
    right: 0;
    width: 61px;
    pointer-events: none;
}

.card-knowledge-label {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    list-style: none;
    padding-block: 9px;
    padding-inline: 21px;
}

.card-knowledge-info {
    padding-block-start: 24px;
    padding-block-end: 48px;
    padding-inline: 20px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
}

.card-knowledge-date {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 19px;
}

.card-knowledge-date span {
    font-size: 1rem;
    color: var(--color-primary);
    text-transform: uppercase;
    font-weight: 600;
}

.card-knowledge-date em {
    font-size: 1rem;
    font-style: normal;
    font-weight: 500;
    color: var(--color-gray-100);
}

.card-knowledge-title {
    font-size: 1.375rem;
    font-weight: 500;
    line-height: 1.38;
}

.card-knowledge-user {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: auto;
    padding-inline: 20px;
}

.card-knowledge-small {
    position: relative;
    top: -4px;
    z-index: 1;
    width: 43px;
    height: 45px;
    overflow: hidden;
    border-radius: 100%;
    margin-inline-end: 16px;
}

.card-knowledge-small:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: var(--color-gray);
}

.card-knowledge-small img {
    width: 100%;
}

.card-knowledge-name {
    font-size: 1rem;
    flex: 1;
    color: var(--color-gray-300);
    font-weight: 400;
}

/* ### projects ### */
.projects {
    width: 100%;
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 70px;
    background-color: var(--color-primary);
}

.projects-wrap {
    margin-block-end: 30px;
}

.projects-heading {
}

.projects-heading h2 {
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 0.87;
    text-transform: uppercase;
    color: var(--color-medium-orange);
}

.projects-arrows {
    display: none;
}

.projects-arrows.mob-show {
    display: flex;
    justify-content: center;
    margin-block-start: 30px;
}

.projects .swiper {
    overflow: visible;
}

.projects .card-projects {
    background-color: transparent;
}

.projects .card-projects-image {
    height: auto;
    margin-block-end: 36px;
}

.projects .card-projects-title {
    font-size: 2.375rem;
    color: var(--color-white);

    @media (width <= 480px) {
        font-size: 2rem;
    }
}

.projects .card-projects-info {
    padding-inline: 0;
    padding-block-end: 0
}

.projects .card-projects-info span {
    margin-block-end: 1px;
}

.projects .card-projects-address {
    color: var(--color-white);
}

.projects .card-projects-tags .button-green {
    display: inline-flex;
}

.projects .card-projects-tags {
    padding-inline: 39px;
    padding-block: 27px;
    @media(max-width: 767px) {
        padding-inline: 15px;
        padding-block: 5px;
    }
}

.projects .card-projects-tags .button-label {
    padding-block: 13px;
    padding-inline: 25px;
    margin-block-end: 10px;
    margin-inline-end: 9px;
    @media(max-width: 767px) {
        font-size: .863rem;
    }
}

.projects .card-projects-tags .button-grey {
    font-size: 1.063rem;
    @media(max-width: 767px) {
        font-size: .863rem;
    }
}


/* ### card-projects ### */
.card-projects {
    display: block;
    width: 100%;
    text-decoration: none;
    background-color: var(--color-white);

    &.card-projects-callout {
        background: var(--color-orange) url('../images/ribbon-shape.svg') 100% 30px no-repeat;
        background-size: 100px auto;
        padding: 40px;
    }
}

.card-projects-callout-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card-projects-callout-content div {
    color: var(--color-white);
    font-size: 1.25rem;

    &:nth-child(2) {
        font-size: 10rem;
        margin-top: 1rem;
        line-height: 0.9;
        font-weight: 600;
    }

    &:nth-child(3) {
        font-size: 3.25rem;
        font-weight: 500;
    }

    &:last-child {
        font-size: 2.5rem;
        font-weight: 500;
    }
}

.card-projects-image {
    position: relative;
    overflow: hidden;
    height: 209px;
    margin-block-end: 24px;
}

.card-projects-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.05);
    transition: all 0.25s ease-in-out;
}

.card-projects-tags {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-inline: 26px;
    padding-block: 8px;
    width: 100%;
    transition: all 0.25s ease-in-out;
}

.card-projects-tags .button-label {
    padding-inline: 20px;
    padding-block: 7px;
    margin-block-end: 8px;
}

.card-projects-tags .button-green {
    font-size: 1.063rem;
    padding-inline-end: 17px;
    font-weight: 600;
    padding-inline-start: 22px;
    padding-block-start: 7px;
    padding-block-end: 8px;
    margin-block-end: 10px;
    color: var(--color-white);
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: 75px;
}

.card-projects-tags .button-green i {
    margin-inline-end: 8px;
}

.card-projects-label i {
    font-size: 1.875rem;
    margin-inline-end: 11px;
}

.card-projects-info {
    font-weight: 600;
    padding-inline: 25px;
    padding-block-end: 23px;
    color: var(--color-medium-orange);
    transition: all 0.25s ease-in-out;
}

.card-projects-info span {
    font-size: 0.938rem;
    display: block;
    margin-block-end: 3px;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}

.card-projects-title {
    font-size: 1.938rem;
    margin-block-end: 14px;
    color: var(--color-black);
    transition: all 0.25s ease-in-out;
    font-weight: 600;
    font-family: 'Verb Semibold';
}

.card-projects-address {
    font-size: 1rem;
    font-style: normal;
    color: var(--color-black);
    font-weight: 600;
}

.card-projects-address i {
    font-size: 0.875rem;
    margin-inline-end: 8px;
    color: var(--color-medium-orange);
}

.card-projects:focus img,
.card-projects:hover img {
    transform: scale(1.01);
}

.card-projects:focus .card-projects-tags,
.card-projects:hover .card-projects-tags {
    /*padding-block: 14px;*/
    padding-block-end: 15px;
}

.card-projects:hover .card-projects-info span,
.card-projects:hover .card-projects-info .card-projects-title {
    transform: translateY(-6px);
}

.location {
    .card-projects:hover .card-projects-info span,
    .card-projects:hover .card-projects-info .card-projects-title {
        transform: translateY(0);
    }
    .card-projects-tags {
        display: flex;
        flex-direction: column;
        .button-label {
            width: fit-content;
        }
    }
}


/* ### project-list ### */
.project-list {
    padding-block-start: 53px;
    padding-block-end: 90px;

    .card-projects-tags .button-label {
        font-size: 1rem;
        padding-block: 10px;
    }
}

.project-list .container-medium {
    position: relative;
}

.project-list h1 {
    font-weight: 700;
    text-transform: uppercase;
    margin-block-start: -13px;
    margin-block-end: 26px;
}

.project-list-filter {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-block-end: 32px;
    position: relative;
    z-index: 1;

    .status-list {
        display: flex;
        gap: 42px;
        margin: 0;
        padding: 0;
        list-style: none;
        flex-wrap: wrap;

        @media (max-width: 1025px) {
            padding-bottom: 20px;
        }

        @media(max-width: 800px) {
            gap: 22px;
        }

        li {
            padding-left: 31px;
            position: relative;
            font-size: 1.125rem;
            font-weight: 600;
            display: inline-block;

            &:before {
                content: '';
                width: 12px;
                height: 12px;
                position: absolute;
                display: block;
                border-radius: 50%;
                left: 0;
                background: var(--color-primary);
                top: 50%;
                transform: translateY(-50%);
            }

            &.green {
                &:before {
                    background: var(--color-green);
                }
            }

            &.medium-green {
                &:before {
                    background: var(--color-medium-green);
                }
            }

            &.dark-orange {
                &:before {
                    background: var(--color-dark-orange);
                }
            }

            &.orange {
                &:before {
                    background: var(--color-primary);
                }
            }

        }
    }
}

.map-container {
    width: 100%;
    height: 100vh;
    max-height: 733px;
    position: relative;


    #map {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 100%;
    }
}
.template-home .map-container {
    @media(max-width: 1200px) {
        height: 40vh;
    }
}
.project-list-filter span {
    font-size: 1.063rem;
    font-weight: 600;
    margin-block-end: 18px;
    display: block;
}

.project-list-form {
    width: 100%;
    order: 2;
}

.project-list-items {
    width: 100%;
    position: relative;
}

.project-list-select {
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.063rem;
    height: 55px;
    cursor: pointer;
    font-weight: 600;
    padding-inline: 28px;
    border: solid 1px var(--color-light-gray);
    margin-block-end: 14px;
    background-color: var(--color-white);
}

.project-list-select:after {
    content: "\e900";
    position: absolute;
    top: 20px;
    right: 30px;
    font-size: 0.875rem;
    color: var(--color-orange);
    transform: rotate(-90deg);
    font-family: var(--font-family-icon);
    transition: all 0.25s ease-in-out;
}

.project-list-select.is-active:after {
    transform: rotate(-272deg);
}

.project-list-hidden {
    list-style: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background-color: var(--color-white);
    border: solid 1px var(--color-light-gray);
    border-top: 0;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    padding-inline: 30px;
    opacity: 0;
    visibility: hidden;
}

.project-list-hidden.is-active {
    padding-block-start: 40px;
    padding-block-end: 17px;
    opacity: 1;
    visibility: visible;
    z-index: 9;
}

.project-list-hidden li {
    margin-block-end: 19px;
    position: relative;
}

.project-list-hidden li a,
.project-list-hidden li label {
    font-size: 1.063rem;
    text-decoration: none;
    color: var(--color-black);
    font-weight: 500;
    padding-inline-start: 49px;
    transition: all 0.25s ease-in-out;
    cursor: pointer;
}

.project-list-hidden li a:before,
.project-list-hidden li label:before {
    content: "\e906";
    position: absolute;
    font-size: 0.5rem;
    top: 5px;
    left: 49px;
    opacity: 0;
    visibility: hidden;
    color: var(--color-primary);
    font-family: var(--font-family-icon);
}

.project-list-hidden li a i,
.project-list-hidden li label i {
    font-size: 1.25rem;
    position: absolute;
    top: -8px;
    left: 0;
    color: var(--color-light-orange);
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-white);
    transition: all 0.25s ease-in-out;
}

.project-list-hidden li label .project-list-icon-img {
    position: absolute;
    top: -8px;
    left: 0;
    padding: 5px;
    width: 34px;
    height: 34px;
    display: flex;
    justify-content: center;

    img {
        max-width: 20px;
    }
}

.project-list-hidden li label:hover,
.project-list-hidden li label:focus {
    .project-list-icon-img {
        background: var(--color-primary);

        img {
            filter: brightness(0) invert(1);
        }
    }
}

.project-list-hidden li a .icon-car,
.project-list-hidden li label .icon-car {
    font-size: 0.75rem;
}

.project-list-hidden li label {
    input {
        opacity: 0;
        width: 0;
        height: 0;
        position: absolute;
        top: -100vh;
        left: -100vw;
    }
}

.project-list-hidden li a:focus i,
.project-list-hidden li a:hover i,
.project-list-hidden li label:focus i,
.project-list-hidden li label:hover i,
.project-list-hidden li label:has(input:checked) i {
    color: var(--color-white);
    background-color: var(--color-orange);
}

.project-list-hidden li a:focus,
.project-list-hidden li a:hover,
.project-list-hidden li label:focus,
.project-list-hidden li label:has(input:checked),
.project-list-hidden li label:hover {
    padding-inline-start: 63px;
}

.project-list-hidden li a:focus:before,
.project-list-hidden li a:hover:before,
.project-list-hidden li label:focus:before,
.project-list-hidden li label:has(input:checked):before,
.project-list-hidden li label:hover:before {
    opacity: 1;
    visibility: visible;
}

.project-list-hidden.check {
    padding-block-start: 30px;
    padding-block-end: 17px;
}

.project-list-option {
    width: 100%;
}

.form-group-checkboxes label,
.project-list-option label {
    font-size: 1.063rem;
    font-weight: 500;
    position: relative;
    margin: 0;
    margin-block-end: 11px;
    cursor: pointer;
    display: inline-block;
}

.form-group-checkboxes label em,
.project-list-option label em {
    position: relative;
    font-style: normal;
    padding-inline-start: 32px;
}

.form-group-checkboxes label em:after,
.form-group-checkboxes label em:before,
.project-list-option label em:after,
.project-list-option label em:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border: solid 1px var(--color-medium-gray);
}

.form-group-checkboxes label em:after,
.project-list-option label em:after {
    content: "\2713";
    border: 0;
    width: 18px;
    height: 18px;
    font-size: 0.8rem;
    color: var(--color-white);
    background-color: var(--color-primary);
    display: none;
    align-items: center;
    justify-content: center;
    font-family: var(--font-family-icon);
}

.form-group-checkboxes label input,
.project-list-option label input {
    width: 0;
    height: 0;
    display: none;
}

.form-group-checkboxes label input:checked + em:after,
.project-list-option label input:checked + em:after {
    display: flex;
}

.project-list-right {
    display: flex;
    align-items: center;
    order: 1;
    width: 100%;
    margin-block-end: 38px;

    @media(max-width: 800px) {
        order: -1;
    }
}

.project-list-right em {
    font-size: 1rem;
    font-style: normal;
    color: var(--color-gray-100);
}

.project-list-toggle {
    width: 101px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 75px;
    height: 45px;
    padding-block: 8px;
    padding-inline: 5px;
    margin-inline-end: 17px;
    background-color: var(--color-primary);
}

.project-list-toggle a,
.project-list-toggle button {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    width: 45px;
    height: 35px;
    border-radius: 75px;
    cursor: pointer;
    color: var(--color-medium-orange);
    background: transparent;
    transition: all 0.25s ease-in-out;
    text-decoration: none;
}

.project-list-toggle a .icon-map,
.project-list-toggle button .icon-map {
    font-size: 1.313rem;
}

.project-list-toggle button.is-active,
.project-list-toggle button:focus,
.project-list-toggle button:hover,
.project-list-toggle a.is-active,
.project-list-toggle a:focus,
.project-list-toggle a:hover {
    color: var(--color-white);
    background-color: var(--color-dark-orange);
}

.project-list-column {
    overflow: hidden;

    @media(min-width: 500px) {
        display: grid;
        gap: 32px 30px;
        grid-template-columns: repeat(1, 1fr);
        margin-block-end: 32px;
    }

    .card-projects {
        @media(max-width: 500px) {
            margin-bottom: 30px;
        }
    }
}

.project-list-bg {
    /*display: none;*/
    width: 100%;
    height: 100%;
    background-color: var(--color-orange);
    /*grid-column: 1 / -1;*/
}

.project-list .pagination {
    /*display: none;*/
}

/* ### information ### */
.information {
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 50px;
    background-color: var(--color-gray);
}

.information-left {
    margin-block-end: 40px;
}

.information-item:not(:last-of-type) {
    margin-block-end: 20px;
}

.information-item span {
    font-weight: 700;
    display: block;
    margin-block-end: 9px;
    color: var(--color-primary);
}

.information-item a {
    color: inherit;
    text-decoration: none;
}

/* ### pagination ### */
.pagination {
    width: 100%;
    display: flex;
    justify-content: center;
}

.information-text {
    font-size: 1.375rem;
    position: relative;
}

.pagination ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.information-item a.information-text:after {
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 2px;
    content: '';
    background-color: var(--color-primary);
    transition: all ease-out 0.3s;
}

.information-item a.information-text {
    &:hover, &:focus {
        &:after {
            bottom: -10px;
        }
    }
}

.information-title {
    font-size: 2rem;
    font-weight: 600;

    @media (width <= 430px ) {
        font-size: 1.5rem;
    }

    > * {
        font-size: inherit;
        line-height: 1.5;
    }
}

.information-content {
    max-width: 728px;
}

.information-content strong {
    font-weight: 700;
    color: var(--color-primary);
}

.information-content a {
    position: relative;
    text-decoration: none;
    color: inherit;

    &:after {
        position: absolute;
        bottom: -6px;
        left: 0;
        width: 100%;
        height: 2px;
        content: '';
        background-color: var(--color-primary);
        transition: all ease-out 0.3s;
    }

    &:hover, &:focus {
        &:after {
            bottom: -10px;
        }
    }
}


/* ### full-width ### */
.full-width {
    position: relative;
    z-index: 1;
    background-color: var(--color-gray);
}

.full-width-block {
    padding-inline-start: 29px;
    padding-inline-end: 32px;
}

.full-width-block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* ### news ### */
.news {
    position: relative;
    z-index: 1;
    padding-block-start: 70px;
    padding-block-end: 70px;
    background-color: var(--color-gray);
    border-bottom: 1px solid var(--color-medium-gray);
}

.news-wrap {
    margin-block-end: 30px;
}

.news-heading h2 {
    font-size: 2.5rem;
}

.news-title {
    font-weight: 700;
    margin-block-end: 3px;
    color: var(--color-primary);
}

.news-arrows {
    display: none;
}

.news-arrows.mob-show {
    display: flex;
    justify-content: center;
    margin-block-start: 50px;
}

.news .swiper-button-prev {
    margin-inline-end: 10px;
    color: var(--color-gray-100);
    background-color: var(--color-light-gray);
}

.news .swiper-slide {
    height: auto;
}

.news-dot {
    width: 100%;
    margin-block-end: 71px;
}

.news-dot:before,
.news-dot:after {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    content: '';
    width: 16px;
    height: 16px;
    border-radius: 100%;
    background-color: var(--color-primary);
}

.news-dot:after {
    z-index: -1;
    width: 100vw;
    height: 2px;
    top: 7px;
    background-color: var(--color-medium-gray);
}

/* ### card-news ### */
.card-news {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: var(--color-black);
    background-color: var(--color-white);
}

.card-news-image {
    width: 100%;
}

.card-news-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-news-info {
    padding-block: 28px;
    padding-inline: 20px;
    padding-block-end: 33px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    flex-direction: column;
}

.card-news-title {
    font-weight: 700;
    font-size: 1.25rem;
    margin-block-end: 7px;
    text-transform: uppercase;
    color: var(--color-primary);
}

.card-news-date {
    font-weight: 600;
    font-size: 1rem;
    margin-block-end: 10px;
}

.card-news-info p:last-of-type {
    margin-block-end: 35px;
}

.news .swiper-slide:nth-child(2) .card-news-info p {
    margin-block-end: 32px;
}

.card-news-btn {
    overflow: hidden;
    display: inline-flex;
}

.card-news-btn i {
    font-size: 0.938rem;
    margin-block-start: 1px;
    margin-inline-end: 12px;
    color: var(--color-medium-orange);
}

.card-news-btn span {
    font-weight: 700;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.25s ease-in-out;
}

.card-news-btn span:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
    transform: translateY(20px);
}

.card-news-btn:focus span,
.card-news-btn:hover span {
    transform: translateY(-20px);
}

.card-news-btn:focus span:after,
.card-news-btn:hover span:after {
    transform: translateY(20px);
}


/* ### collage ### */
.collage {
    position: relative;
    z-index: 1;
    padding-block-start: 60px;
    padding-block-end: 60px;
    background-color: var(--color-gray);
}

.collage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-block-end: 31px;

    @media (width < 480px) {
        min-height: 220px;
    }
}

.collage-image.large {
    position: relative;
}

.collage-play {
    position: absolute;
    bottom: 0;
    left: 0;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    padding-inline-start: 20px;
    padding-block-end: 20px;
    color: var(--color-white);
    width: max-content;

    @media (width < 480px) {
        bottom: 30px;
    }

    > button, span {
        cursor: pointer;
    }
}

.collage-play button {
    margin-inline-end: 15px;
    appearance: none;
    background: unset;
    border: unset;
}

.collage-play i {
    width: 50px;
    height: 50px;
    font-size: 1.25rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    padding-inline-start: 5px;
    color: var(--color-medium-orange);
    background-color: rgba(244, 150, 0, 0.98);
}

.collage-play span {
    padding-block-start: 4px;
}

.collage + .about-block {
    padding-block-start: 0;
    padding-block-end: 30px;
}

.collage.inner-1 {
    .collage-holder {
        flex-wrap: nowrap;
        gap: 32px;

        a {
            margin-bottom: 0;
        }

        + a {
            margin-top: 32px;
            display: block;
            width: 100%;
            margin-bottom: 0;
        }
    }

    &.reversed .collage-holder {
        flex-direction: row-reverse;
    }

    &:has(+ .collage) {
        padding-bottom: 1px;
    }
}

.collage-two-images {
    display: flex;
    flex-direction: column;
    gap: 32px;

    + a {
        @media (width < 767px) {
            margin-top: 32px;
            display: block;
        }
    }

    a {
        width: 100%;

        @media (width > 767px) {
            min-height: 460px;
        }

        img {
            margin-block-end: 0;
        }
    }
}

/* ### show-block ### */
.show-block {
    position: relative;
    z-index: 1;
    padding-block-start: 60px;
    padding-block-end: 70px;
    background-color: var(--color-white);
}

.show-block h2 {
    font-weight: 600;
    font-size: 2.375rem;
    margin-block-end: 48px;
    color: var(--color-medium-gray);
}

.show-block .card-projects {
    margin-block-end: 30px;
}

.show-block .card-projects-info span {
    margin-block-end: 0;
}

.show-block .card-projects-title {
    font-weight: 600;
    color: var(--color-black);
}

.show-block .card-projects-image {
    height: auto;
    margin-block-end: 38px;
}

.show-block .card-projects-title {
    font-size: 2.375rem;
}

.show-block .card-projects-tags .button-green {
    display: inline-flex;
}

.show-block .card-projects-tags {
    padding-inline: 39px;
    padding-block: 27px;
    @media(max-width: 1025px) {
        padding-block: 0;
        padding-inline: 10px;
    }
}

.show-block .card-projects-tags .button-label {
    padding-block: 13px;
    padding-inline: 25px;
    margin-block-end: 12px;
    margin-inline-end: 9px;
}

.show-block .card-projects-tags .button-grey {
    font-size: 1.063rem;
    @media(max-width: 1025px) {
        font-size: 0.75rem;
    }
}


.pagination li a {
    font-size: 1.125rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    text-decoration: none;
    color: var(--color-solid-gray);
}

.pagination li a.is-active,
.pagination li a:focus,
.pagination li a:hover {
    color: var(--color-white);
    background-color: var(--color-orange);
}

/* ### description ### */
.description {
    position: relative;
    padding-block-start: 50px;
    margin-block-end: 80px;
}

.description .container-medium {
    position: relative;
}

.description h1 {
    font-size: 3.125rem;
    color: var(--color-dark-black);
    text-transform: uppercase;
    margin-block-end: 9px;

    @media (width <= 768px) {
        font-size: 2.5rem;
    }
    @media (width <= 550px) {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}

.description-link {
    display: flex;
    justify-content: flex-end;
    margin-block-end: 58px;
}

.back-link {
    font-size: 1.125rem;
    font-weight: 600;
    color: var(--color-primary);
    text-transform: uppercase;
}

.back-link em {
    font-style: normal;
}

.description-block {
    position: relative;
    z-index: 1;
    padding-block: 50px;
    padding-inline: 50px;
    background-color: var(--color-white);

    @media (width <= 768px ) {
        padding-inline: 20px;
        padding-block: 20px;
    }
}

.description-lead {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
    align-items: center;
    color: var(--color-gray-100);
    margin-block-end: 50px;
}

.description-lead span {
    display: inline-flex;
    align-items: center;
}

.description-lead span i {
    font-size: 1.125rem;
    margin-inline-end: 10px;
}

.description-photo {
    width: 100%;
    margin-block-end: 50px;
    
    &.center {
        img {
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
    }
}

.description-block p {
    margin-block-end: 45px;
}

.description-block ul {
    margin-block-end: 45px;
}

.description-block li {
    line-height: 2.05;
}

.description-block strong {
    font-family: 'Verb Semibold';
}

.description-block h2 {
    font-size: 1rem;
    color: var(--color-primary);
    text-transform: uppercase;
    margin-block-end: 23px;
}

.description-block h3,
.description-block h4 {
    font-size: 1rem;
    color: #000;
    text-transform: uppercase;
    margin-block-end: 13px;
}

.detail-block :not(.detail-review-text) > p:first-of-type,
.description-block p:first-of-type {
    font-size: 1.563rem;
    font-weight: 600;
    line-height: 1.6;
    margin-block-end: 25px;

    @media (width < 768px) {
        font-size: 1.2rem;
    }
}

.description-social-media {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-block-start: 38px;
    margin-block-start: 70px;
    border-top: solid 1px var(--color-solid-gray);
}

.description-social-media span {
    color: var(--color-solid-gray);
    font-weight: 600;
}

.description-social-media ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.description-social-media ul li:before {
    display: none;
}

.description-social-media li a {
    font-size: 1.25rem;
    text-decoration: none;
    color: var(--color-solid-gray);
    transition: all 0.25s ease-in-out;
}

.description-social-media li a:focus,
.description-social-media li a:hover {
    color: var(--color-primary);
}

.description-social-media li:not(:last-child) {
    margin-inline-end: 27px;
}

.description-shape {
    position: absolute;
    top: 167px;
    right: 0;
    width: 747px;
    pointer-events: none;
}

.description-shape img {
    width: 100%;
}

/* ### related ### */
.related {
    margin-block-end: 80px;
}

.related h2 {
    font-size: 3.125rem;
    font-weight: 800;
    color: var(--color-medium-gray);
    text-transform: uppercase;
    margin-block-end: 40px;

    @media (width <= 768px ) {
        font-size: 2.5rem;
    }
}

.related-wrap {
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(1, 1fr);
}


.related .card-projects-tags .button-green {
    display: inline-flex;
}

.related .card-projects-image {
    height: auto;
    margin-block-end: 37px;
}


/* ### photo-slider ### */
.photo-slider {
    padding-block-end: 50px;
}

.photo-slider-image img {
    width: 100%;
}

.photo-slider-btn {
    display: flex;
}

.photo-slider .swiper {
    margin-block-end: 32px;
}

.photo-slider .swiper-button-prev,
.photo-slider .swiper-button-next {
    width: 55px;
    height: 55px;
    font-size: 0.938rem;
    color: var(--color-gray-100);
    background-color: var(--color-light-gray);
}

.photo-slider .swiper-button-prev {
    margin-inline-end: 12px;
}

.photo-slider .swiper-button-prev:hover,
.photo-slider .swiper-button-next:hover {
    color: var(--color-white);
}

.photo-slider .swiper-button-prev:before,
.photo-slider .swiper-button-next:before {
    background-color: var(--color-orange);
}

/* ### card-user ### */
.card-user {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.card-user-small {
    position: relative;
    top: -4px;
    z-index: 1;
    width: 43px;
    height: 45px;
    overflow: hidden;
    border-radius: 100%;
    margin-inline-end: 16px;
}

.card-user-small:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    pointer-events: none;
    background-color: var(--color-gray);
}

.card-user-small img {
    width: 100%;
}

.card-knowledge-name {
    font-size: 1rem;
    flex: 1;
    color: var(--color-gray-300);
    font-weight: 400;
}

/* ### detail-block ### */
.detail-block {
    position: relative;
    z-index: 1;
    background-color: var(--color-gray);
    padding-block-start: 80px;
    padding-block-end: 70px;

    @media (768px < width < 1024px) {
        padding-block-start: 80px !important;
    }

    @media (width < 768px) {
        padding-block-start: 50px;
        padding-block-end: 50px;
    }
}

.detail-block .detail-block-holder h2 span {
    font-size: 17px;
    line-height: 1;
    color: var(--color-primary);
    text-underline-offset: 6px;
    text-decoration-thickness: 2px !important;
}

.detail-block .container-medium {
    position: relative;
}

.detail-block-holder {
    max-width: 863px;
    margin: 0 auto;
    ul:not(.banner-btn) {
        li {
            position: relative;
            list-style: none;
            padding-left: 25px;
            margin-bottom: 10px;

            &:before {
                content: '';
                position: absolute;
                top: 5px;
                left: 0;
                width: 7px;
                height: 7px;
                border-radius: 75px;
                background-color: var(--color-primary);
            }
        }
    }
}

.detail-block {
    .detail-block-holder {
        strong {
            font-weight: 400;
            font-family: 'Verb Semibold';
        }
    }
}
.detail-block .sub-title {
    margin-block-end: 15px;
    color: var(--color-primary);
}

.detail-block h1 {
    font-size: 2.5rem;
    line-height: 1.18;
    color: var(--color-dark-black);
    text-transform: uppercase;
    margin-block-end: 16px;

    @media (width <= 480px) {
        font-size: 2rem;
    }
}

.detail-block-time {
    display: flex;
    font-weight: 500;
    align-items: center;
    color: var(--color-gray-100);
}

.detail-block-time i {
    font-size: 1.125rem;
    margin-inline-end: 11px;
}

.detail-block-link {
    margin-block-end: 82px;
}

.detail-block .banner-btn {
    margin-block-start: 29px;
}

.detail-block .banner-btn li {
    margin-inline-end: 11px;
}

.detail-block .banner-btn .button-white {
    padding-block: 17px;
    padding-inline-start: 30px;
    padding-inline-end: 28px;
    display: flex;
    align-items: center;
}

.detail-block .button-white i {
    margin-inline-end: 18px;
    font-size: 1rem;
    color: var(--color-primary);
}

.detail-block .banner-btn li:last-of-type {
    margin-block-start: 10px;
    width: 100%;
    display: flex;
}

.banner .banner-icon-bg img {
    filter: brightness(0) invert(1);
}

.detail-block .button-green {
    padding-block: 17px;
    padding-inline-end: 34px;
    display: flex;
    align-items: center;
}

.detail-block :not(.detail-review-text) > p:first-of-type {
    margin-block-end: 49px;
}

.detail-block .photo-slider {
    position: relative;
    padding-block-start: 55px;
}

.detail-number {
    position: absolute;
    top: 37px;
    left: 40px;
    font-size: 2.188rem;
    color: var(--color-gray);
    z-index: 2;
}

.detail-number sup {
    font-size: 1.063rem;
    margin-inline-start: 9px;
    color: rgba(245, 245, 242, 0.6);
}

.detail-block-review {
    position: relative;
    font-size: 1.063rem;
    font-weight: 700;
    margin-block-end: 36px;
    color: var(--color-primary);
}

.detail-block-review:after {
    position: absolute;
    bottom: -5px;
    left: 1px;
    width: 100px;
    height: 2px;
    content: '';
    background-color: var(--color-medium-orange);
}

.detail-review-text {
    font-size: 1.563rem;
    font-weight: 500;
    margin-block-end: 39px;
}

.detail-review-text p {
    line-height: 1.9;
}

.detail-review-text + p {
    margin-block-end: 25px;
    font-weight: 500;
}

.detail-block .description-social-media {
    padding-block-start: 38px;
    margin-block-start: 74px;
}

/* ### read-block ### */
.read-block {
    position: relative;
    z-index: 1;
    background-color: var(--color-gray);
    padding-block-start: 53px;
    padding-block-end: 50px;
}

.read-holder {
    max-width: 863px;
    margin: 0 auto;
}

.read-block h2 {
    font-size: 60px;
    font-weight: 800;
    text-transform: uppercase;
    margin-block-end: 55px;
    color: var(--color-medium-gray);

    @media (width < 768px) {
        font-size: 2.5rem;
    }
}

.read-block .card-article {
    margin-block-end: 50px;
}

.read-block .card-article-date {
    font-weight: 600;
    font-size: 1.063rem;
    text-transform: uppercase;
    margin-block-end: 7px;
    color: var(--color-medium-orange);
}

.read-block .card-article-intro {
    padding-block-start: 29px;
    padding-block-end: 24px;
    padding-inline: 20px;
}

.read-block .card-article-btn {
    margin-top: auto;

    @media (width < 768px) {
        display: flex;
        gap: 20px;
        flex-wrap: wrap;
    }
}

.read-block .card-article h2,
.read-block .card-article h3 {
    font-size: 1.563rem;
    line-height: 1.48;
}

.read-block .card-article-btn .no-button {
    margin-inline-end: 33px;
}


/* ### footer ### */
.footer {
    position: relative;
    z-index: 1;
    background-color: var(--color-primary);
}

.footer-top {
    padding-block-start: 70px;
    padding-block-end: 38px;
    border-bottom: solid 1px var(--color-medium-orange);
}

.footer-top .container-medium {
    position: relative;
}

.footer-heading {
    font-size: 2rem;
    color: var(--color-white);
    text-transform: uppercase;
    font-weight: 800;
    line-height: 1.1;

    > * {
        line-height: inherit;
    }
}

.footer-tag {
    max-width: 100px;
    width: 100%;
    min-height: 105px;
    position: absolute;
    top: -70px;
    right: 32px;
    padding-block-start: 5px;
    padding-block-end: 18px;
    padding-inline: 18px 18px;
    background-color: var(--color-medium-orange);
    clip-path: polygon(100% 0, 100% 71%, 50% 100%, 0 71%, 0 0);
    text-decoration: none;
}

.footer-tag span {
    font-size: 1.563rem;
    font-weight: 700;
    color: var(--color-white);
    display: inline-flex;
}

.footer-tag sup {
    font-size: 0.875rem;
    color: var(--color-primary);
    position: relative;
    top: 3px;
    left: 3px;
}

.footer-tag em {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 500;
    display: block;
    color: var(--color-white);
}

.footer-bottom {
    border-bottom: solid 1px var(--color-medium-orange);
}

.footer-left {
    padding-block-start: 40px;
    padding-block-end: 35px;
    position: relative;
}

.footer-left:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% + 60px);
    height: 1px;
    margin-inline-start: -30px;
    background-color: var(--color-medium-orange);
}

.footer-logo {
    width: 183px;
    display: inline-block;
}

.footer-right {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-block-start: 39px;
    padding-block-end: 56px;
}

.footer-title {
    font-size: 1rem;
    font-weight: 700;
    color: var(--color-medium-orange);
    text-transform: uppercase;
    margin-block-end: 15px;
}

.footer-info {
    width: 47.5%;
}

.footer-info address {
    font-size: 0.875rem;
    line-height: 1.8;
    color: var(--color-white);
    font-style: normal;
    margin-block-end: 15px;
}

.footer-info ul {
    list-style: none;
}

.footer-info li {
    font-size: 0.875rem;
}

.footer-info li:not(:last-child) {
    margin-block-end: 7px;
}

.footer-info li strong {
    margin-inline-end: 7px;
    color: var(--color-medium-orange);
}

.footer-info li a {
    overflow: hidden;
    display: inline-flex;
    text-decoration: none;
    color: var(--color-white);
}

.footer-info li a span {
    position: relative;
    transition: all 0.25s ease-in-out;
    display: inline-block;
}

.footer-info li a span:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
    transform: translateY(20px);
}

.footer-info li a:hover span {
    transform: translateY(-20px);
}

.footer-info li a:hover span:after {
    transform: translateY(20px);
}

.footer-menu {
    width: 42.3%;
}

.footer-menu ul {
    list-style: none;
}

.footer-menu li:not(:last-child) {
    margin-block-end: 3px;
}

.footer-menu li a {
    font-size: 0.875rem;
    color: var(--color-white);
    margin-block-end: 2px;
    text-decoration: none;
    overflow: hidden;
    display: inline-flex;
}

.footer-menu li a span {
    position: relative;
    transition: all 0.25s ease-in-out;
    display: inline-block;
}

.footer-menu li a span:after {
    content: attr(data-title);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.25s ease-in-out;
    transform: translateY(20px);
}

.footer-menu li a:focus span,
.footer-menu li a:hover span {
    transform: translateY(-20px);
}

.footer-menu li a:focus span:after,
.footer-menu li a:hover span:after {
    transform: translateY(20px);
}

.footer-social-media {
    width: 100%;
    padding-block-start: 32px;
}

.footer-social-media .footer-title {
    margin-block-end: 19px;
}

.footer-social-media ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.footer-social-media li:not(:last-child) {
    margin-inline-end: 19px;
}

.footer-social-media li a {
    font-size: 1.125rem;
    color: var(--color-white);
    text-decoration: none;
    display: inline-block;
    transition: all 0.25s ease-in-out;
}

.footer-social-media li a:focus,
.footer-social-media li a:hover {
    opacity: .7;
}

.footer-copyright {
    font-size: 0.813rem;
    padding-block-start: 18px;
    padding-block-end: 18px;
    color: var(--color-medium-orange);
    font-weight: 500;
    position: relative;
    text-align: center;
}

.footer-copyright p {
    margin-block-end: 11px;
}

.footer-copyright p a {
    color: var(--color-medium-orange);
    margin-inline-start: 6px;
    text-decoration: none;
    transition: all 0.25s ease-in-out;
}

.footer-copyright p a:focus,
.footer-copyright p a:hover {
    color: var(--color-white);
}

.footer-copyright ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-block-end: 14px;
}

.footer-copyright li {
    margin-inline: 11px;
    margin-block-end: 4px;
}

.footer-copyright li a {
    font-size: 1rem;
    color: var(--color-medium-orange);
    text-decoration: none;
    transition: all 0.25s ease-in-out;

    &:hover, &:focus {
        color: var(--color-white);
    }
}

.footer-horse {
    font-size: 1rem;
    text-decoration: none;
    color: var(--color-medium-orange);
    transition: all 0.25s ease-in-out;
}

.footer-horse:focus,
.footer-horse:hover {
    color: var(--color-white);
}

.mapbox-improve-map {
    display: none;
}

/* Media Queries */
@media only screen and (min-width: 768px) {
    :root {
        --h1-font-size: 4.375rem;
    }

    .header .no-button b {
        display: inline-block;
    }


    .header.inner {
        border-bottom: solid 1px var(--color-solid-gray);
    }

    .banner {
        align-items: flex-end;
        padding-block-end: 120px;
    }

    .banner h1 {
        font-size: 5rem;
    }


    .banner.is-alt h1 {
        font-size: 4rem;
    }

    .banner-shape {
        width: 500px;
    }

    .banner-block h1 {
        font-size: 3.75rem;
    }

    .banner-btn {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

    .banner-btn li {
        margin-inline-end: 9px;
    }

    .banner-btn li:nth-child(2) {
        margin-inline-end: 13px;
    }

    .banner-btn li:nth-child(3) {
        margin-inline-end: 11px;
    }

    .banner-btn li:last-of-type {
        margin-inline-end: 0;
    }

    .banner-btn li a {
        width: auto;
    }

    .intro-title {
        font-size: 2.188rem;
        margin-block-end: 55px;
    }

    .intro-block {
        font-size: 1.125rem;
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));        gap: 35px;
        margin-block-end: 22px;
    }

    .intro-block p {
        line-height: 1.92;
        margin-block-end: 20px;
    }

    .intro-block li {
        letter-spacing: 0.49px;
        line-height: 1.95;
        margin-block-end: 0;
    }

    .intro-text.inner {
        padding-block-end: 90px;
    }

    .intro-text.is-alt .intro-block {
        grid-column-gap: 49px;
        margin-block-end: 32px;
    }

    .intro-text.is-alt .intro-block li {
        letter-spacing: 0.01px;
        margin-block-end: 3px;
        padding-inline-start: 43px;
    }

    .photo-holder {
        display: grid;
        gap: 0 50px;
        grid-template-columns: repeat(2, 1fr);
    }

    .photo-image:nth-child(odd) {
        margin-block-start: 74px;
    }

    .employees {
        padding-block-start: 120px;
        padding-block-end: 120px;
    }

    .employees-wrap {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .employees-heading {
        width: 66%;
    }

    .employees-arrows {
        display: flex;
        flex-wrap: wrap;
        margin-block-start: 6px;
        margin-inline-end: 1px;
    }

    .employees-arrows.show {
        display: none;
    }

    .employees h2 {
        font-size: 3rem
    }

    .employees-holder {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 30px;
        margin-block-end: 0;
    }

    .employees-image {
        margin-block-end: 0;
    }

    .employees-btn-mob {
        display: none;
    }

    .employees-link {
        display: flex;
        position: absolute;
        z-index: 2;
        bottom: 0;
        left: 51px;
        width: 161px;
        height: 161px;
        border-radius: 100%;
        justify-content: center;
        align-items: center;
        text-align: center;
        text-transform: uppercase;
        padding-inline-start: 16px;
        padding-inline-end: 17px;
        cursor: pointer;
        background-color: var(--color-medium-orange);
        transition: all .2s ease-in-out;
    }

    .employees-link a {
        font-size: 1rem;
        font-weight: 700;
        text-decoration: none;
        color: var(--color-white);
        padding-inline-start: 1px;
        padding-block-start: 4px;
        transition: all 0.25s ease-in-out;
    }

    .employees-link i {
        font-size: 1.188rem;
        color: var(--color-primary);
    }

    .employees-link:focus,
    .employees-link:hover {
        width: 141px;
        height: 141px;
        transform: translate(10px, -10px);

        a {
            font-size: .8rem;
        }
    }


    .vacancy {
        padding-block-start: 120px;
        padding-block-end: 120px;
    }

    .vacancy-title {
        margin-block-end: 80px;
    }

    .vacancy-title h2 {
        font-size: 5rem;
    }

    .vacancy-list {
        margin-inline-start: 4px;
    }

    .card-vacancy {
        display: flex;
        max-width: 1156px;
        margin-block-end: 59px;
    }

    .card-vacancy-image {
        width: 40%;
    }

    .card-vacancy-info {
        width: 60%;
        padding-inline: 40px;
        padding-block: 40px;
    }

    .card-vacancy-info h3 {
        font-size: 2.5rem;
    }

    .card-vacancy-info ul {
        margin-block-end: 61px;
    }

    .card-vacancy-info li {
        font-size: 1.125rem;
    }

    .card-vacancy-info li:not(:last-of-type):after {
        height: 24px;
    }

    .connect h2 {
        font-size: 3.75rem;
    }

    .connect-title {
        margin-block-end: 70px;
    }

    .connect-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .connect-left {
        width: 42%;
        font-size: 1.25rem;
        letter-spacing: 0.14px;
        margin-block-end: 0;
    }

    .connect-left p {
        line-height: 2.09;
    }

    .connect-right {
        width: 50%;
        margin-block-start: -20px;
    }

    .connect .sub-title {
        font-size: 1.125rem;
        margin-block-end: 36px;
    }

    .brand {
        padding-block: 23px;
        padding-inline: 21px;
    }

    .brand-logo img {
        width: auto;
        height: unset;
    }

    .except .swiper {
        margin-inline-end: -482px;
    }

    .text-block {
        padding-block-start: 120px;
    }

    .text-block-heading {
        margin-block-end: 50px;
    }

    .text-block-heading h2 {
        font-size: 3.75rem;
    }

    .text-block-holder {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 35px;
    }

    .text-sub-title {
        font-size: 1.375rem;
    }

    .text-block-right li {
        font-size: 1.125rem;
        padding-inline-start: 29px;
    }

    .offer {
        padding-block-start: 158px;
        padding-block-end: 153px;
    }

    .offer-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .offer-left {
        width: 41%;
    }

    .offer-left h2 {
        font-size: 3rem;
        margin-block-end: 0;
    }

    .offer-right {
        margin-block-start: 6px;
        width: 53%;
        font-size: 1.25rem;
    }

    .about-block {
        padding-block-start: 120px;
        padding-block-end: 151px;
    }

    .about-block-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .about-block-left {
        width: 21%;
        margin-block-end: 0;
    }

    .about-block-right {
        width: 69.4%;
        margin-block-start: -8px;
    }

    .about-block.is-alt .about-block-left {
        width: 23%;
    }

    .built .sub-title {
        margin-block-end: 52px;
    }

    .built-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .built-left {
        width: 44.2%;
    }

    .built-left li a {
        font-size: 2rem;
    }

    .built-left li.active a {
        padding-inline-start: 30px;
    }

    .built-right {
        width: 49.7%;
        font-size: 1.25rem;
        margin-block-start: 58px;
    }

    .photo-block {
        padding-block-start: 73px;
        padding-block-end: 131px;
        margin-block-end: 0;
    }

    .photo-block-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .photo-block img {
        height: auto;
        object-fit: unset;
        margin-block-end: 34px;
    }

    .photo-block-left {
        width: 45.4%;
        margin-inline-start: -1px;
    }

    .photo-block-right {
        width: 49.7%;
        margin-block-start: 70px;
    }

    .mission {
        padding-block-start: 159px;
        padding-block-end: 133px;
    }

    .mission-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .mission-heading {
        width: 38%;
        margin-block-end: 0;
    }

    .mission-text {
        width: 55.7%;
        font-size: 1.25rem;
        margin-block-start: 33px;
    }

    .team {
        padding-block-start: 110px;
        padding-block-end: 110px;
    }

    .team-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .team-heading {
        width: 50%;
        margin-block-end: 0;
    }

    .team-content {
        width: 45%;
        font-size: 1.125rem;
        margin-block-start: 11px;
    }

    .team-holder {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 15px;
        grid-row-gap: 52px;
    }

    .card-team {
        margin-block-end: 0;
    }

    .card-team:nth-child(3n + 2) {
        margin-block-start: 40px;
    }

    .card-support-image {
        margin-inline-end: 35px;
    }

    .card-form {
        padding-block: 58px;
        padding-inline: 60px;
    }

    .contact_info address {
        font-size: 1.375rem;
    }

    .card-form-upload {
        margin-block-start: 40px;
        margin-block-end: 12px;
    }

    .sector h1 {
        font-size: 3.75rem;
    }

    .sector-column {
        grid-template-columns: repeat(2, 1fr);
    }

    .projects {
        padding-block-start: 110px;
        padding-block-end: 90px;
    }

    .projects-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: self-start;
        margin-block-end: 76px;
        justify-content: space-between;
    }

    .projects-heading {
        width: 54%;
    }

    .projects-heading h2 {
        font-size: 4rem;
    }

    .projects-arrows {
        display: flex;
        flex-wrap: wrap;
        margin-block-start: -8px;
        margin-inline-end: 1px;
    }

    .projects-arrows.mob-show {
        display: none;
    }

    .knowledge h1 {
        font-size: 5rem;
        margin-block-start: 0;
        color: var(--color-medium-gray);
    }

    .knowledge-right {
        gap: 32px;
        grid-template-columns: repeat(2, 1fr);
        margin-block-start: 1px;
    }

    .card-knowledge {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        min-height: 453px;
        padding-block-end: 29px;
    }

    .project-list-column {
        grid-template-columns: repeat(2, 1fr);
        margin-block-end: 79px;
    }

    .project-list .pagination {
        display: flex;
    }

    .information {
        padding-block-start: 120px;
        padding-block-end: 100px;
    }

    .information-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .information-left {
        width: 30%;
        margin-block-end: 0;
    }

    .information-item:not(:last-of-type) {
        margin-block-end: 39px;
    }

    .information-right {
        width: 65%;
        margin-block-start: -10px;
    }

    .information-title {
        font-size: 2.125rem;
    }

    .news {
        padding-block-start: 100px;
        padding-block-end: 100px;
    }

    .news-wrap {
        display: flex;
        position: relative;
        margin-block-end: 100px;
        justify-content: space-between;
    }

    .news-heading {
        width: 32%;
    }

    .news-heading h2 {
        font-size: 5.625rem;
        margin-inline-start: 3px;
    }

    .news-arrows {
        display: flex;
        margin-inline-end: 0;
        margin-block-start: -60px;
    }

    .news-arrows.mob-show {
        display: none;
    }

    .news .swiper {
        margin-inline-end: -482px;
    }

    .news .swiper-button-prev,
    .news .swiper-button-next {
        width: 70px;
        height: 70px;
        font-size: 1.25rem;
    }

    .card-news-info {
        padding-block: 48px;
        padding-inline: 50px;
        padding-block-end: 49px;
    }

    .card-news-title {
        font-size: 1.563rem;
    }

    .card-news-date {
        font-size: 1.125rem;
        margin-block-end: 22px;
    }

    .collage {
        padding-block-start: 110px;
        padding-block-end: 94px;
    }

    .collage-holder {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .collage-left {
        width: 48%;
        margin-block-end: 31px;
    }

    .collage-right {
        width: 48%;
        margin-block-end: 31px;
    }

    .collage img {
        margin-block-end: 0;
    }

    .collage-play {
        padding-inline-start: 60px;
        padding-block-end: 60px;
    }

    .collage + .about-block {
        padding-block-end: 12px;
    }

    .show-block {
        padding-block-start: 100px;
        padding-block-end: 100px;
    }

    .show-holder {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-column-gap: 25px;
    }

    .show-block .card-projects {
        margin-block-end: 0;
    }

    .related-wrap {
        grid-template-columns: repeat(2, 1fr);
    }

    .detail-block {
        padding-block-start: 183px;
    }

    .detail-block h1 {
        font-size: 3.75rem;
    }

    .read-block {
        padding-block-end: 110px;
    }

    .read-block .card-article-intro {
        padding-block-start: 49px;
        padding-block-end: 54px;
        padding-inline: 50px;
    }
}

@media only screen and (max-width: 1024px) {

    .header-menu li:nth-child(6),
    .header-menu li:nth-child(5),
    .header-menu li:nth-child(4),
    .header-menu li:nth-child(3),
    .header-menu li:nth-child(2) {
        padding-block-start: 22px;
        padding-block-end: 20px;
    }
}

@media only screen and (min-width: 1025px) {
    :root {
        --h1-font-size: 5.625rem;
        --h2-font-size: 5rem;
        --h3-font-size: 2rem;
    }

    .sub-title {
        font-size: 1.25rem;
    }

    .swiper-button-prev,
    .swiper-button-next {
        width: 75px;
        height: 75px;
        font-size: 1.25rem;
    }

    .swiper-button-prev {
        margin-inline-end: 20px;
    }

    .button {
        padding-block: 17px;
        padding-inline-start: 29px;
        padding-inline-end: 29px;
        font-size: 1.063rem;
    }

    .no-button {
        font-size: 1.063rem;
        padding: 0;
    }

    .button-white {
        padding-block: 18px;
        padding-inline-start: 26px;
        padding-inline-end: 25px;
    }

    .header.sticky .no-button {
        color: var(--color-black);
    }

    .hero h1 {
        font-size: 5rem;
    }

    .hero-play {
        font-size: 4.063rem;
        width: 161px;
        height: 161px;
        position: absolute;
        top: -59px;
        right: 13.8%;
    }

    .hero-play em {
        font-size: 1rem;
    }

    .banner {
        min-height: 884px;
        padding-block-end: 117px;
    }

    .banner h1 {
        font-size: 6.875rem;
    }

    .banner.is-alt {
        min-height: 743px;
        padding-block-end: 123px;
    }

    .banner-btn li {
        margin-block-end: 0;
    }

    .banner-block {
        min-height: 620px;
        padding-block-end: 135px;
    }

    .banner-block h1 {
        font-size: 5rem;
    }

    .banner.inner {
        min-height: 743px;
        padding-block-end: 117px;
    }

    .banner.inner2 {
        min-height: 865px;
        padding-block-end: 89px;
    }

    .region {
        padding-block-start: 180px;
        padding-block-end: 179px;
    }

    .region-holder {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }

    .region-intro {
        font-size: 3.125rem;
        margin-block-end: 145px;
    }

    .region-intro p {
        line-height: 1.5;
    }

    .region-title {
        display: block;
    }

    /* card-region */
    .card-region {
        min-height: 160px;
        /* padding was 30px; */
        padding-block-start: 25px;
        padding-block-end: 25px;
        padding-inline: 25px;
    }

    .card-region-icon {
        width: 48px;
        margin-inline-end: 20px;
    }

    .card-region-lead {
        font-size: 1.2rem;
        bottom: -2px;
    }

    .testimonial {
        padding-block-start: 169px;
        padding-block-end: 143px;
    }

    .testimonial h2 {
        font-size: 5.563rem;
        line-height: 0.9;
    }

    .testimonial-holder {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
    }

    .testimonial-left {
        width: 67.2%;
    }

    .testimonial-image {
        height: 493px;
        margin-block-start: -35px;
    }

    .testimonial-intro {
        flex: 1;
        width: 32%;
        font-size: 2.125rem;
        padding-block-start: 70px;
        margin-inline-start: -55px;
        margin-block-end: 45px;
    }

    .testimonial-intro p {
        line-height: 1.48;
        margin-block-end: 33px;
    }

    .testimonial-name {
        font-size: 1.063rem;
    }

    .testimonial-top .swiper {
        padding-block-end: 16px;
    }

    .testimonial-bottom {
        max-width: 440px;
        width: 100%;
        margin: 0 0 0 auto;
    }

    .testimonial-thumbnails {
        width: 127px;
        height: 127px;
        border: solid 10px var(--color-primary);
    }

    .testimonial-shape {
        top: 396px;
        width: 394px;
    }

    .photo {
        padding-block-start: 159px;
        padding-block-end: 127px;
    }

    .photo-holder {
        gap: 0 74px;
    }

    .intro-text {
        padding-block-end: 158px;
    }

    .intro-text.is-alt {
        padding-block-start: 149px;
        padding-block-end: 159px;
    }

    .intro-text.intro-large {
        padding-block-end: 170px;
    }

    .intro-text.intro-large .intro-block {
        width: calc(100% + 31px);
    }

    .intro-text.intro-large .intro-block li:after {
        top: -2px;
        left: 1px;
    }

    .intro-title {
        margin-block-end: 55px;
    }

    .intro-title p {
        line-height: 1.7;
    }

    .intro-text.inner {
        padding-block-start: 150px;
        padding-block-end: 137px;
    }

    .intro-text.inner .intro-block {
        margin-block-end: 74px;
    }

    .intro-text.inner2 {
        padding-block-start: 158px;
        padding-block-end: 138px;
    }

    .intro-text.inner3 {
        padding-block-start: 154px;
        padding-block-end: 164px;
    }

    .intro-text.inner3 .intro-title {
        margin-block-end: 45px;
    }

    .intro-text.inner3 .intro-block {
        grid-column-gap: 96px;
        margin-block-end: 26px;
    }

    .intro-text.inner3 .intro-text-btn {
        margin-inline-end: 2px;
    }

    .employees {
        padding-block-start: 158px;
        padding-block-end: 160px;
    }

    .employees-wrap {
        margin-block-end: 84px;
    }

    .employees h2 {
        font-size: 5rem
    }

    .employees-holder {
        grid-column-gap: 52px;
    }

    .employees-para {
        font-size: 1.563rem;
    }

    .parallax-info {
        margin-inline-end: 87px;
    }

    .vacancy {
        padding-block-start: 159px;
        padding-block-end: 161px;
    }

    .vacancy-title {
        margin-block-end: 119px;
    }

    .card-vacancy-image {
        width: 43.9%;
    }

    .card-vacancy-info {
        width: 56.1%;
        padding-inline: 60px;
        padding-block: 56px;
    }

    .card-vacancy-info li {
        line-height: unset;
        letter-spacing: 0.1px;
    }

    .card-vacancy-info li:not(:last-of-type):after {
        margin-inline: 19px;
    }

    .except {
        padding-block-start: 158px;
        padding-block-end: 157px;
    }

    .except h3, .except h2 {
        font-size: 3.125rem;
    }

    .except-wrap {
        margin-block-end: 55px;
    }

    .card-except-video {
        height: 390px;
        margin-block-end: 29px;
    }

    .card-except-label {
        font-size: 1.063rem;
        min-height: 50px;
        top: 32px;
        left: 31px;
        letter-spacing: 0.3px;
        padding-block: 4px;
        padding-inline-start: 21px;
        padding-inline-end: 25px;
    }

    .card-except-label i {
        font-size: 2.625rem;
    }

    .card-except-lead {
        font-size: 2rem;
    }

    .card-except-label .icon-store {
        font-size: 1.813rem;
    }

    .except-arrow {
        position: relative;
        display: flex;
        flex-wrap: wrap;
        margin-block-end: 5px;
    }

    .except .swiper {
        margin-block-end: 0;
    }

    .except-mobile,
    .except-mm-arrow {
        display: none;
    }

    .parallax {
        min-height: 832px;
    }

    .parallax.is-alt {
        min-height: 940px;
    }

    .text-block {
        padding-block-start: 158px;
    }

    .text-block-holder {
        font-size: 1.25rem;
        grid-column-gap: 54px;
    }

    .offer-left h2 {
        font-size: 3.75rem;
    }

    .offer-right {
        width: 47.7%;
    }

    .location {
        padding-block-start: 163px;
    }

    .location-wrap {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-end;
        justify-content: space-between;
        margin-block-end: 84px;
    }

    .location h2 {
        font-size: 5.625rem;
        line-height: 1;
    }

    .location-title {
        width: 45%;
        margin-block-end: 0;
    }

    .location-info {
        width: 36%;
        margin-inline-end: -13px;
        padding-block-end: 3px;
    }

    .location-info-text {
        font-size: 1.125rem;
        margin-block-end: 30px;
    }

    .location-image {
        height: 733px;
        margin-block-end: 0;
    }

    .location-lead {
        font-size: 1.563rem;
    }

    .location-intro {
        margin-block-start: -40px;
        padding-block-start: 48px;
        padding-block-end: 32px;
        padding-inline: 50px;
    }

    .location-intro p {
        line-height: 1.65;
        font-size: 1.125rem;
        margin-block-end: 28px;
    }

    .location-lead {
        margin-block-end: 24px;
    }

    .connect {
        padding-block-start: 164px;
        padding-block-end: 159px;
    }

    .connect h2 {
        font-size: 5rem;
    }

    .connect-right {
        margin-block-start: -50px;
    }

    .connect.is-alt {
        padding-block-start: 160px;
    }

    .connect.is-alt .connect-right {
        margin-block-start: 7px;
    }

    .connect.inner {
        padding-block-start: 160px;
    }

    .connect.inner .connect-right {
        margin-block-start: 7px;
    }

    .connect.inner2 {
        padding-block-start: 161px;
    }

    .connect.inner2 .connect-btn {
        margin-block-start: -3px;
    }

    .connect.inner2 .connect-shape {
        top: 215px;
    }

    .connect-shape {
        top: 150px;
        width: 131px;
    }

    .connect-btn {
        margin-block-start: -2px;
    }

    .customer {
        padding-block-start: 159px;
        padding-block-end: 166px;
    }

    .customer h2 {
        font-size: 6.563rem;
        line-height: 0.9;
    }

    .customer-heading {
        margin-block-end: 71px;
    }

    .customer-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-block-end: 173px;
    }

    .customer .tabs {
        width: 50%;
    }

    .tabs-right {
        width: 39.2%;
        margin-block-start: 28px;
    }

    .customer .tabs li a {
        font-size: 2rem;
        padding-inline-start: 82px;
    }

    .customer .tabs li:nth-child(3) {
        padding-block-start: 41px;
    }

    .customer .tabs li:nth-child(4) {
        padding-block-start: 42px;
    }

    .customer-shape {
        width: 701px;
    }

    .card-customer-label {
        font-size: 1.125rem;
        position: absolute;
        top: 32px;
        left: 32px;
        min-height: 48px;
        padding-inline: 30px;
    }

    .card-customer-list {
        padding-block-start: 52px;
        padding-block-end: 45px;
        padding-inline: 52px;
    }

    .card-customer-title {
        font-size: 2rem;
        display: grid;
        grid-template-columns: 70px 1fr;
    }

    .card-customer-title i, .card-customer-title .icon {
        font-size: 1.425rem;
        width: 55px;
        height: 55px;
        margin-inline-end: 15px;
    }

    .card-customer-image {
        height: 240px;
    }

    .customer .tabs li.active a {
        padding-inline-start: 112px;
    }

    .customer .tabs i,
    .customer .tabs .icon {
        position: absolute;
        top: 30px;
        left: 0;
        width: 60px;
        height: 60px;
        font-size: 1.625rem;
    }

    .card-cta {
        padding-inline: 31px;
        justify-content: space-between;
        text-align: inherit;
    }

    .card-cta:before {
        height: calc(100% - 19px);
    }

    .card-cta-left {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        z-index: 1;
        width: auto;
    }

    .card-cta-user {
        margin-inline-end: 33px;
        margin-block-end: 0;
    }

    .card-cta-name {
        flex: 1;
        margin-block-end: 0;
    }

    .card-cta-name span {
        margin-inline-start: 18px;
        display: inline-block;
    }

    .footer-top {
        padding-block-start: 110px;
        padding-block-end: 89px;
    }

    .footer-heading {
        width: 75%;
        font-size: 5rem;
        line-height: 0.9;
    }

    .footer-heading strong {
        display: block;
    }

    .footer-tag {
        max-width: 198px;
        top: -110px;
        right: 32px;
        padding-block-start: 34px;
        padding-block-end: 70px;
        padding-inline-start: 40px;
        padding-inline-end: 20px;
    }


    .footer-tag span {
        font-size: 3.25rem;
    }

    .footer-tag sup {
        font-size: 1.375rem;
        top: 3px;
        left: 3px;
    }

    .footer-tag em {
        font-size: 0.938rem;
        margin-block-start: -5px;
    }

    .footer-block {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .footer-left {
        width: 30%;
        padding-block-start: 109px;
    }

    .footer-left:after {
        display: none;
    }

    .footer-logo {
        display: inline-block;
        width: 230px;
    }

    .footer-right {
        width: 68%;
        display: flex;
        flex-wrap: wrap;
        padding-block-start: 107px;
        padding-block-end: 116px;
        padding-inline-start: 50px;
        border-left: solid 1px var(--color-medium-orange);
        justify-content: inherit;
    }

    .footer-title {
        font-size: 1.125rem;
        margin-block-end: 30px;
    }

    .footer-info address {
        font-size: 1.125rem;
        margin-block-end: 10px;
    }

    .footer-info li {
        font-size: 1.125rem;
    }

    .footer-info li strong {
        margin-inline-end: 5px;
    }

    .footer-info li:not(:last-child) {
        margin-block-end: 5px;
    }

    .footer-menu {
        width: auto;
    }

    .footer-menu li a {
        font-size: 1.125rem;
        margin-block-end: 2px;
    }

    .footer-social-media {
        width: auto;
        padding-block-start: 0;
        margin-inline-start: auto;
    }

    .footer-social-media .footer-title,
    .footer-menu .footer-title {
        margin-block-end: 36px;
    }

    .footer-menu li:not(:last-child) {
        margin-block-end: 6px;
    }

    .footer-copyright {
        font-size: 1rem;
        padding-block-start: 32px;
        padding-block-end: 32px;
        text-align: left;
        .container-medium {
            display: flex;
            justify-content: space-between;
        }
    }

    .footer-copyright p {
        margin-block-end: 0;
        padding-inline-start: 20px;
    }

    .footer-horse {
        position: absolute;
        top: 38px;
        left: 22px;
        font-size: 1rem;
        text-decoration: none;
        color: var(--color-medium-orange);
        transition: all 0.25s ease-in-out;
    }

    .about-block {
        padding-block-start: 159px;
    }

    .about-block-top {
        font-size: 2rem;
        margin-block-end: 46px;
    }

    .about-block.is-alt .about-block-top {
        margin-block-end: 55px;
    }

    .built {
        padding-block-start: 159px;
        padding-block-end: 90px;
    }

    .built-left li a {
        font-size: 3.125rem;
    }

    .built-left li.active a {
        padding-inline-start: 39px;
    }

    .team {
        padding-block-start: 152px;
        padding-block-end: 192px;
    }

    .team-heading h2 {
        font-size: 5.625rem;
    }

    .team-holder {
        grid-row-gap: 0;
        grid-column-gap: 35px;
        margin-inline-start: -1px;
    }

    .card-team-bg {
        margin-block-end: 33px;
    }

    .card-team-info {
        font-size: 1.125rem;
    }

    .card-team-title {
        font-size: 1.563rem;
    }

    .card-team:nth-child(3n + 2) {
        margin-block-start: 60px;
    }

    /* ### contact ### */
    .contact {
        padding-block-start: 130px;
        padding-block-end: 160px;
    }

    .contact-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .contact-intro {
        width: 40%;
        margin-block-end: 0;
    }

    .contact-right {
        width: 52.6%;
    }

    .projects {
        padding-block-start: 168px;
        padding-block-end: 115px;
    }

    .projects-heading h2 {
        font-size: 5rem;
    }

    .sector h1 {
        font-size: 5rem;
    }

    .sector-wrap {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-block-end: 82px;
    }

    .sector-title {
        width: 43%;
    }

    .sector-intro {
        width: 47.8%;
    }

    .sector-shape {
        top: 123px;
    }

    .sector-column {
        grid-template-columns: repeat(3, 1fr);
    }

    .article-block-items {
        padding-inline-start: 25.5%;
    }

    .article-block-date {
        position: absolute;
        top: -1px;
        left: 0;
        font-size: 1.125rem;
        padding-inline-start: 28px;
        margin-block-end: 0;
    }

    .article-block-date:before {
        top: 2px;
        left: -9px;
    }

    .card-article h2,
    .card-article h3 {
        font-size: 2rem;
    }

    .card-article-intro {
        padding-block-start: 45px;
        padding-block-end: 54px;
        padding-inline: 48px;
        flex: 1;
    }

    .card-article-image {
        max-width: 295px;
    }

    .card-article-image img {
        aspect-ratio: inherit;
    }

    .article-block {
        padding-block-end: 110px;
    }

    .knowledge {
        padding-block-start: 50px;
        padding-block-end: 50px;
    }

    .knowledge h1 {
        font-size: 6.875rem;
        margin-block-end: 80px;
    }

    .knowledge-left {
        width: 20%;
        display: block;
        position: relative;
        height: auto;
        top: unset;
        left: unset;
        z-index: unset;
        opacity: 1;
        visibility: visible;
        transform: unset;
    }

    .knowledge-left:after {
        display: none;
    }

    .knowledge-left-filter {
        padding-block: 0;
        padding-inline: 0;
        overflow: hidden;
        height: auto;
        background-color: transparent;
    }

    .knowledge-left-close {
        display: none;
    }

    .knowledge-right {
        width: 77.6%;
    }

    .card-knowledge-image {
        height: 220px;
    }

    .card-knowledge-label {
        padding-block: 14px;
        padding-inline: 33px;
    }

    .card-knowledge-info {
        padding-block-start: 34px;
        padding-block-end: 35px;
        padding-inline: 33px;
    }

    .card-knowledge-date {
        margin-block-end: 14px;
    }

    .card-knowledge-date span {
        font-size: 0.938rem;
    }

    .card-knowledge-title {
        font-size: 1.5rem;
        line-height: unset;
    }

    .card-knowledge-user {
        padding-inline: 33px;
    }

    .card-knowledge-small {
        width: 40px;
        height: 40px;
        margin-inline-end: 15px;
    }

    .knowledge .filter-btn {
        display: none;
    }

    .knowledge-title {
        font-size: 1.188rem;
    }

    .knowledge-list {
        padding-block-end: 38px;
        margin-block-end: 38px;
    }

    .knowledge-list li label {
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .knowledge-list li:not(:last-child) {
        margin-block-end: 8px;
    }

    .project-list {
        padding-block-start: 90px;
        padding-block-end: 90px;
    }

    .project-list h1 {
        margin-block-end: 46px;
    }

    .project-list-column {
        gap: 72px 30px;
        grid-template-columns: repeat(3, 1fr);
    }

    .project-list-bg {
        display: block;
        grid-column: 1 / -1;
        height: 254px;
        margin-block-end: 80px;
    }

    .card-projects-title {
        font-size: 2rem;
        margin-block-end: 11px;
        font-weight: 600;
        @media(max-width: 1025px) {
            h3 {
                font-weight: 600;
            }
        }
    }

    .project-list h1 {
        font-weight: 600;
        margin-block-start: 0;
    }

    .project-list-form {
        width: 83.5%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        order: 1;
    }

    .project-list-right {
        margin-block-end: -4px;
        order: 2;
        width: auto;
    }

    .project-list-filter {
        margin-block-end: 80px;
    }

    .project-list-filter span {
        margin-inline-end: 20px;
        margin-block-end: 0;
        display: inline-block;
    }

    .project-list-items {
        width: 39.2%;
        margin-inline-end: 32px;
    }

    .project-list-select {
        width: 100%;
        margin-block-end: 0;
        position: relative;
    }

    .project-list-items:last-child {
        margin-inline-end: 0;
    }

    .card-projects-image {
        height: 254px;
        margin-block-end: 20px;
    }

    .card-projects-address {
        font-size: 1.063rem;
    }

    .card-projects-tags {
        padding-inline: 20px;
        padding-block: 8px;
    }

    .card-projects {
        background-color: transparent;
    }

    .card-projects-info {
        padding-inline: 0;
        padding-block-end: 0;
    }

    .card-projects-info span {
        font-size: 1.063rem;
    }

    .card-projects-tags .button-label {
        padding-block: 9px;
        margin-block-end: 12px;
    }

    .project-list-filter {
        flex-wrap: nowrap;
    }

    .information {
        padding-block-start: 177px;
        padding-block-end: 149px;
    }

    .information-left {
        width: 22%;
    }

    .information-title {
        font-size: 2.8rem;
        margin-block-end: 42px;
    }

    .news {
        padding-block-start: 177px;
        padding-block-end: 165px;
    }

    .news-wrap {
        margin-block-end: 121px;
    }

    .collage {
        padding-block-start: 164px;
    }

    .collage-left {
        width: 48%;
    }

    .collage-right {
        width: 48%;
    }

    .collage.is-alt {
        padding-block-end: 164px;
    }

    .collage + .about-block {
        padding-block-start: 71px;
    }

    .show-block {
        padding-block-start: 160px;
        padding-block-end: 156px;
    }

    .show-holder {
        grid-column-gap: 53px;
    }

    .related .card-projects-title {
        font-size: 2.375rem;
        font-weight: 400;
    }

    .description {
        padding-block-start: 106px;
        margin-block-end: 116px;
    }

    .description h1 {
        font-size: 3.75rem;
    }

    .description-block {
        padding-block: 114px;
        padding-inline: 149px;
        p strong {
            font-weight: 400;
        }
    }

    .description-lead {
        gap: 42px;
        margin-block-end: 82px;
    }

    .description-photo {
        margin-block-end: 73px;
    }

    .detail-block :not(.detail-review-text) > p:first-of-type,
    .description-block p:first-of-type {
        font-size: 2rem;
        margin-block-end: 47px;
    }

    .photo-slider {
        padding-block-start: 28px;
        padding-block-end: 20px;
    }

    .related {
        margin-block-end: 154px;
    }

    .related h2 {
        font-size: 3.75rem;
        margin-block-end: 74px;
    }

    .related-wrap {
        gap: 50px;
    }

    .related .card-projects-tags {
        padding-inline: 40px;
        padding-block: 29px;
    }

    .form-group-checkboxes {
        gap: 134px;
    }

}

@media only screen and (min-width: 1200px) {
    .container-medium {
        max-width: var(--container-medium-max-width);
    }

    .wrapper {
        padding-block-start: 90px;
    }

    .header {
        padding-block-start: 0;
        padding-block-end: 0;
    }

    .header-right {
        position: relative;
        top: inherit;
        width: inherit;
        height: inherit;
        opacity: 1;
        visibility: visible;
    }

    .header-right-mm {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        background-color: transparent;
        height: auto;
        overflow: inherit;
        width: inherit;
        padding-block-end: 0;
    }

    .header-menu ul {
        display: flex;
        flex-wrap: wrap;
        overflow: unset;
    }

    .header-menu li {
        position: relative;
        padding-inline: 0;
        padding-block-start: 35px;
        padding-block-end: 32px;
        border-bottom: none;
    }

    .header-menu li:not(:last-child) {
        margin-inline-end: 20px;
    }

    .header-menu li a {
        color: var(--color-white);
        padding-block-end: 34px;
    }

    .header-menu li a:before {
        content: '';
        position: absolute;
        bottom: -3px;
        left: 50%;
        width: 0;
        height: 3px;
        transform: translateX(-50%);
        transition: all 0.25s ease-in-out;
        background-color: var(--color-primary);
    }

    .header-menu-arrow:after {
        font-size: 0.313rem;
        content: "\e904";
        display: inline-block;
        vertical-align: middle;
        color: var(--color-primary);
        font-family: var(--font-family-icon);
        margin-inline-start: 7px;
    }

    .header-menu li:not(.has-children) a:hover:before {
        width: 100%;
    }

    .header-menu li.has-children a:hover:before {
        width: auto;
    }


    .header-menu li:hover ul {
        top: 100%;
        opacity: 1;
        visibility: visible;
    }

    .header-menu li ul {
        position: absolute;
        top: 0;
        left: -30px;
        width: 200px;
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: all 0.25s ease-in-out;
        background-color: var(--color-white);
        height: auto;
        padding-block-start: 31px;
        padding-block-end: 17px;
        padding-inline-start: 32px;
        padding-inline-end: 42px;
    }

    .header-menu li li {
        padding: 0;
    }

    .header-menu li li:not(:last-child) {
        margin-inline-end: 0;
        margin-block-end: 12px;
    }

    .header-info {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        position: relative;
        margin-inline-start: 15px;
        padding-inline-start: 37px;
        padding-inline: 0;
        padding-block-start: 0;
    }

    .header-info:after {
        content: '';
        position: absolute;
        top: 4px;
        left: 0;
        width: 1px;
        height: 46px;
        background-color: rgba(222, 221, 217, .25);
    }

    .header-call {
        color: var(--color-white);
    }

    .header-call span {
        display: none;
    }

    .header-call i {
        font-size: 1.125rem;
        margin-inline-end: 10px;
    }

    .header-info li:not(:last-child) {
        padding-inline-start: 15px;
        margin-inline-end: 15px;
        margin-block-end: 0;
    }

    .header .button {
        width: 100%;
        padding-block: 17px;
        background-color: var(--color-primary);
        transition: all 0.25s ease-in-out;
    }

    .header .button:focus,
    .header .button:hover {
        background-color: var(--color-medium-orange);
    }

    .header .no-button {
        width: auto;
        color: var(--color-white);
        background-color: transparent;
    }

    .header .no-button:focus,
    .header .no-button:hover {
        background-color: transparent;
    }

    .header-menu li li:first-child {
        display: none;
    }

    .header-ribbon,
    .header-mm-icon,
    .header-mobile {
        display: none;
    }

    .hero {
        min-height: 550px;
        margin-block-start: -90px;
        padding-block-end: 196px;
    }

    .hero h1 {
        font-size: 6.875rem;
    }

    .hero-intro {
        max-width: 830px;
        width: 100%;
    }

    .hero-shape {
        margin-block-start: 32px;
        width: 646px;
    }

    .banner-shape {
        width: auto;
    }

    .banner.is-alt h1 {
        line-height: 1;
        font-size: 6.25rem;
    }

    .testimonial h2 {
        font-size: 6.563rem;
        line-height: 0.9;
    }

    .banner-block {
        margin-block-start: -90px;
    }

    .mission-heading {
        width: 24%;
    }

    .employees.is-alt {
        padding-block-end: 246px;
    }

    .employees-link {
        bottom: -81px;
        left: 83px;
    }

    .footer-logo {
        width: 300px;
    }

    .footer-right {
        width: 61.85%;
        padding-inline-start: 121px;
    }

    .footer-social-media {
        margin-inline-end: -37px;
    }

    .footer-heading {
        font-size: 5.625rem;
    }

    .sector-shape {
        width: 131px;
    }

    .sector {
        padding-block-start: 178px;
        padding-block-end: 158px;
    }

    .article-block {
        padding-block-start: 171px;
    }

    .knowledge {
        padding-block-start: 190px;
        padding-block-end: 163px;
    }

    .knowledge h1 {
        font-size: 9.375rem;
    }

    .project-list {
        padding-block-start: 170px;
        padding-block-end: 158px;
    }

    .project-list-filter {
        margin-block-end: 103px;
    }

    .project-list-filter span {
        margin-inline-end: 42px;
    }

    .project-list .pagination {
        padding-block-start: 74px;
    }

    .read-block .card-article-image {
        max-width: 326px;
    }
}

@media only screen and (min-width: 1440px) {
    .container {
        max-width: var(--container-max-width);
    }

    .header-logo1,
    .header-logo {
        width: 219px;
    }

    .header-menu li:not(:last-child) {
        margin-inline-end: 32px;
    }

    .header-info {
        margin-inline-start: 31px;
    }

    .header-call span {
        display: inline-block;
    }

    .header-call i {
        font-size: 0.75rem;
    }

    .header-info li:not(:last-child) {
        padding-inline-start: 38px;
        margin-inline-end: 39px;
    }

    .header .button {
        padding-inline-start: 26px;
        padding-inline-end: 24px;
    }

    .header .no-button {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }


    .testimonial-shape {
        top: 107px;
        width: 694px;
    }

    .banner-shape {
        bottom: -4px;
    }

    .banner.is-alt .banner-shape {
        bottom: -23px;
    }

    .connect-shape {
        top: 206px;
    }

    .connect.inner2 .connect-shape {
        top: 282px;
    }

    .team-heading {
        width: 37%;
    }

    .team-content {
        width: 31.3%;
    }

    .card-team {
        margin-block-end: -18px;
    }

    .card-team:nth-child(3n + 2) {
        margin-block-start: 90px;
    }

    .card-team-bg {
        min-height: 417px;
    }

    .footer-copyright p {
        padding-inline-start: 0;
    }

    .breadcrumb {
        writing-mode: vertical-rl;
        transform: rotate(180deg);
        margin-block-end: 0;
    }

    .breadcrumb li:not(:last-of-type):after {
        transform: rotate(90deg);
    }

    .breadcrumb img {
        transform: rotate(90deg);
    }

    .description .breadcrumb,
    .detail-block .breadcrumb,
    .project-list .breadcrumb,
    .knowledge .breadcrumb,
    .banner-block .breadcrumb,
    .sector .breadcrumb,
    .banner .breadcrumb,
    .hero .breadcrumb,
    .content-block .breadcrumb,
    .article-block .breadcrumb {
        position: absolute;
        top: 0;
        left: -110px;
    }

    .banner .breadcrumb {
        top: -384px;
    }

    .banner.is-alt .breadcrumb, .hero .breadcrumb {
        top: -235px;
    }

    .banner.inner2 .breadcrumb {
        top: -340px;
    }

    .knowledge .breadcrumb,
    .sector .breadcrumb,
    .banner.inner .breadcrumb {
        top: -163px;
    }

    .banner.inner .banner-shape {
        bottom: -19px;
        right: -7px;
    }

    .banner.inner2 .banner-shape {
        bottom: 0;
        right: -10px;
    }

    .banner-block .breadcrumb {
        position: absolute;
        top: 0;
        left: -110px;
    }

    .sector .breadcrumb {
        top: 7px;
    }

    .project-list .breadcrumb {
        top: 12px;
    }

    .knowledge .breadcrumb {
        top: -4px;
    }

    .description .breadcrumb {
        top: 79px;
    }

    .detail-block .breadcrumb,
    .content-block .breadcrumb {
        top: 3px;
    }

    .sector-column {
        grid-template-columns: repeat(4, 1fr);
    }

    .information-left {
        width: 17.6%;
    }

    .information-right {
        width: 69.4%;
    }

    .information-title {
        font-size: 3.125rem;
    }

    .news-arrows {
        margin-inline-end: -139px;
        margin-block-start: -44px;
    }

    .collage-left {
        width: 53.1%;
    }

    .collage-right {
        width: 44.8%;
    }

    .collage.is-alt .collage-left {
        width: 44.9%;
    }

    .collage.is-alt .collage-right {
        width: 53%;
    }

}

.header-menu {
    li.active, .has-children ul .active {
        a:before {
            width: 100%;
        }
    }
}

.region-text {
    @media (min-width: 1200px) {
        padding-block: 150px 140px;
    }
}

.form-group {
    label {
        transition: all ease-out 0.3s;
    }

    &.has-value {
        label {
            font-size: 0.875rem;
        }
    }
}

#location-box {
    display:none;
    position: absolute;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 1px 2px #0000001a;
    padding: 0;
    pointer-events: auto;

    @media (max-width: 768px) {
        left: 5%;
        right: 0;
        max-width: 90%;
        .card-projects-address {
            padding-left: 25px;
        }
    }

    .card-projects-content {
        padding: 20px 40px 40px 40px;
        @media(max-width: 768px) {
            padding: 0 40px 20px 0px;
        }
    }
}

.mapboxgl-popup-tip {
    display: none;
}

.mapboxgl-popup-content {
    padding: 0;
    max-width: 418px;
    width: 100vw;
    box-shadow: none;
    left: 25px;

    .card-projects-info, .card-projects-address {
        padding-inline: 32px;
        line-height: 1.09;
    }

    .card-projects-address {
        padding-block: 16px 34px;
    }
}

.mapboxgl-popup-close-button {
    width: 48px;
    height: 48px;
    font-size: 0;
    background-image: url('../images/icon-popup-close.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border: none;
    cursor: pointer;
    transition: all ease-out 0.3s;
    top: 25px;
    right: 25px;
}

.mapboxgl-popup-close-button:hover {
    background-color: transparent;
}

.mapboxgl-ctrl-top-right .mapboxgl-ctrl {
    float: right;
    margin: 40px 40px 0 0;
}

.mapboxgl-ctrl-group {
    display: flex;
    background-color: transparent;
    border: none;
}

.mapboxgl-ctrl-group:not(:empty) {
    box-shadow: none;
}

.mapboxgl-ctrl-group button {
    background-color: var(--color-primary);
    border: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 48px;
    outline: none;
    overflow: hidden;
    padding: 0;
    width: 50px;
}

.mapboxgl-ctrl button:not(:disabled):hover {
    background-color: var(--color-dark-orange);
}

.mapboxgl-ctrl-group button:first-child {
    border-radius: 50% 0 0 50%;
}

.mapboxgl-ctrl-group button + button {
    border-left: 1px solid #000000;
    border-top: none;
}

.mapboxgl-ctrl-group button:last-child {
    border-radius: 0 50% 50% 0;
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("/assets/templates/images/icon-plus.svg");
}

.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("/assets/templates/images/icon-minus.svg");
}

.content-block {
    padding-block: 171px 100px;
    z-index: 1;
    background-color: var(--color-gray);
    position: relative;

    @media (width < 1024px) {
        padding-block: 100px 50px;
    }

    @media (width < 768px) {
        padding-block: 50px 25px;
    }

    .container-medium {
        position: relative;
    }

    h1 {
        font-weight: 600;
        font-size: 5.625rem;
        text-transform: uppercase;
        margin-bottom: 51px;

        @media (width < 1024px) {
            font-size: 3.5rem;

        }

        @media (width < 768px) {
            font-size: 2.5rem;
            margin-bottom: 25px;
        }
    }

    p {
        max-width: 810px;
        margin-bottom: 17px;

        &:first-of-type {
            font-size: 1.375rem;
            line-height: 2.36;
            font-weight: 600;
            margin-bottom: 29px;
            max-width: 890px;

            @media (width < 768px) {
                font-size: 1.125rem;
                margin-bottom: 17px;
            }
        }
    }

    h2 {
        text-transform: uppercase;
        font-weight: 600;
        font-size: 1.375rem;
        line-height: 1.22;
        margin-top: 65px;
        margin-bottom: 0;

        @media (width < 768px) {
            margin-top: 30px;
        }

        + h3 {
            padding-top: 16px;
        }
    }

    h3 {
        text-transform: uppercase;
        color: var(--color-primary);
        font-size: 1rem;
        line-height: 1.25;
        font-weight: 600;
        margin-bottom: 22px;
        padding-top: 26px;

        @media (width < 768px) {
            padding-top: 20px;
        }

    }

    .content-block-holder {
        max-width: 890px;


        ul {
            list-style: none;
            gap: 2px;
            display: flex;
            flex-direction: column;
            margin-bottom: 18px;

            li {
                font-size: 1.0625rem;
                line-height: 1.764;
                font-weight: 400;
                /*margin-bottom: 10px;*/
                position: relative;
                padding-left: 29px;

                &:before {
                    content: '';
                    position: absolute;
                    top: 10px;
                    left: 0;
                    width: 7px;
                    height: 7px;
                    border-radius: 50%;
                    display: block;
                    background-color: var(--color-primary);
                }
            }
        }
    }
}

.template-werken-bij .intro-block li {
    @media only screen and (min-width: 768px) {
        letter-spacing: 0.01px;
        margin-block-end: 3px;
        padding-inline-start: 43px;
    }
    &:before {
        content: unset;
    }
    &:after {
        position: absolute;
        top: -3px;
        left: 1px;
        content: '\e903';
        font-size: 1.063rem;
        color: var(--color-primary);
        font-family: var(--font-family-icon);

        @media only screen and (min-width: 1025px) {
            top: -2px;
            left: 1px;
        }
    }
}

@media (width < 430px) {
    .template-projecten-detail {
        .banner {
            h1 {
                font-size: 2rem;
            }
        }

        .banner-shape {
            display: none;
        }
    }
}

.is-today .pika-button {
    color: var(--color-primary);
}

.is-selected .pika-button, .has-event .pika-button {
    background: var(--color-primary);
    box-shadow: none;
}

.is-disabled .pika-button, .is-inrange .pika-button {
    background: none;
}
.is-today.is-selected .pika-button {
    color: #fff;
}