@import url("https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100;0,300;0,500;0,700;1,400;1,700&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --popup-main: #707070;
    --popup-blue: #64c2c8;
    --popup-black: #000;
    --popup-white: #fff;
    --popup-font-main: "Arial", sans-serif
}

#popup {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 8999
}

#popup.active {
    display: block
}

.popup__close-bg {
    animation-duration: .3s;
    animation-name: opacityPopupBg;
    background: rgba(0, 0, 0, .65);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .5s ease;
    z-index: -1
}

.popup__block {
    max-height: 70vh;
    overflow-y: auto;
    padding-right: 10px;
    scrollbar-color: #dce1e4 #0e1127;
    scrollbar-color: var(--popup-bl--black) var(--popup-dark-blue);
    scrollbar-width: thin
}

/* .popup__block::-webkit-scrollbar {
    width: 5px
}

.popup__block::-webkit-scrollbar-track {
    background: #dce1e4;
    background: var(--popup-bl--black);
    border-radius: 5px
}

.popup__block::-webkit-scrollbar-thumb {
    border-radius: 5px
}

.popup__block::-webkit-scrollbar-thumb,
.popup__block::-webkit-scrollbar-thumb:hover {
    background: #0e1127;
    background: var(--popup-dark-blue)
} */

.popup__block {
    --popup-default-translate-x-from: -50%;
    --popup-default-translate-x-to: -50%;
    --popup-default-translate-y-from: -50%;
    --popup-default-translate-y-to: -50%;
    --popup-opacity-from: 0;
    --popup-opacity-to: 1;
    animation-duration: .6s;
    background: #fff;
    background: var(--popup-white);
    left: 50%;
    padding: 60px 40px 60px 50px;
    position: absolute;
    top: 50%;
    transform: translateY(var(--popup-default-translate-y-to)) translateX(var(--popup-default-translate-x-to));
    transition: all .3s ease-out;
    width: 756px
}

.popup__block.without-opacity {
    --popup-opacity-from: 1
}

.popup__block.pos-l,
.popup__block.pos-r {
    --popup-default-translate-x-from: 0;
    --popup-default-translate-x-to: 0
}

.popup__block.pos-b,
.popup__block.pos-t {
    --popup-default-translate-y-from: 0;
    --popup-default-translate-y-to: 0
}

.popup__block.pos-t {
    bottom: auto;
    top: 0
}

.popup__block.pos-r {
    left: auto;
    right: 0
}

.popup__block.pos-b {
    bottom: 0;
    top: auto
}

.popup__block.pos-l {
    left: 0;
    right: auto
}

.popup__block.full-height {
    --popup-default-translate-x-from: 0;
    --popup-default-translate-x-to: 0;
    height: 100%;
    left: auto;
    max-height: 100vh;
    right: 0
}

.popup__block.full-height .popup__container {
    max-height: 90vh
}

.popup__block.slide-l {
    --popup-default-translate-x-from: 100%
}

.popup__block.slide-r {
    --popup-default-translate-x-from: -100%
}

.popup__block.slide-t {
    --popup-default-translate-y-from: -100%
}

.popup__block.slide-b {
    --popup-default-translate-y-from: 100%
}

.popup__block.slide-b,
.popup__block.slide-l,
.popup__block.slide-r,
.popup__block.slide-t {
    animation-name: popupSlide
}

@media only screen and (max-width:1025px) {
    .popup__block {
        min-height: auto;
        padding: 45px 35px 45px 45px;
        width: 95%
    }

    .popup__block:not(.full-height) {
        max-height: 90%
    }
}

@media only screen and (max-width:550px) {
    .popup__block {
        padding: 45px 10px 25px 20px
    }
}

.popup__title {
    text-transform: uppercase;
    color: #0e1127;
    color: var(--popup-dark-blue);
    font-family: Arial, sans-serif;
    font-family: var(--popup-font-main);
    font-size: 24px;
    font-weight: 700;
    margin-bottom: min(max(10px, 3.47vw), 16px)
}

@media only screen and (max-width:1025px) {
    .popup__title {
        font-size: 20px
    }
}

@media only screen and (max-width:550px) {
    .popup__title {
        font-size: 18px
    }
}

.popup__btn-close {
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: absolute;
    right: min(max(15px, 1.74vw), 25px);
    top: min(max(15px, 1.74vw), 25px);
    transition: all .3s ease-out
}

.popup__btn-close .cross-clip {
    background: #0e1127;
    background: var(--popup-dark-blue);
    -webkit-clip-path: polygon(20% 0, 0 20%, 30% 50%, 0 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0, 50% 30%);
    clip-path: polygon(20% 0, 0 20%, 30% 50%, 0 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0, 50% 30%);
    height: 24px;
    width: 24px
}

.popup__btn-close:hover .cross-clip {
    background: #000;
    background: var(--popup-black);
    transform: scale(1.05)
}

.upload-input {
    border-bottom: 1px solid #233645 !important;
    border-bottom: 1px solid var(--black-pearl) !important;
    color: #0d151c;
    color: var(--black);
    cursor: pointer;
    display: block;
    margin-bottom: 17px;
    padding-bottom: 17px;
    width: 100%
}

.upload-input input {
    display: none
}

.checkBox {
    color: #0d151c;
    color: var(--black);
    display: flex;
    transition: color .3s
}

.checkBox input {
    display: none
}

.checkBox input:checked+span:before {
    background: #CC5500;
    background: var(--orange)
}

.checkBox:hover {
    color: #CC5500;
    color: var(--orange)
}

.checkBox span {
    cursor: pointer;
    position: relative
}

.checkBox span:before {
    border: 1px solid #0d151c;
    border: 1px solid var(--black);
    border-radius: 2px;
    content: "";
    display: inline-block;
    flex-shrink: 0;
    height: 12px;
    margin-right: 8px;
    transition: background .3s;
    width: 12px
}

.checkBox span a {
    color: #0d151c;
    color: var(--black);
    text-decoration: underline;
    transition: color .3s
}

.checkBox span a:hover {
    color: #CC5500;
    color: var(--orange)
}

.old-popup-styles .title-popup {
    color: #64c2c8;
    color: var(--popup-blue);
    font-size: 50px;
    line-height: 130%;
    margin-bottom: 20px;
    text-transform: uppercase
}

.old-popup-styles .pf-flex {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

@media only screen and (max-width:720px) {
    .old-popup-styles .pf-flex {
        display: block
    }
}

.old-popup-styles .pf-flex .pf-column {
    margin-left: 38px;
    width: 332px
}

@media only screen and (max-width:720px) {
    .old-popup-styles .pf-flex .pf-column {
        margin-left: 0
    }
}

.old-popup-styles .pf-flex .pf-column:first-child {
    margin-left: 0
}

.old-popup-styles .pf-row {
    margin-bottom: 18px
}

.old-popup-styles .pf-row .pf-label {
    color: #0e1127;
    color: var(--popup-dark-blue);
    display: block;
    font-size: 24px;
    font-weight: 400;
    line-height: 130%;
    margin-bottom: 10px
}

.old-popup-styles .pf-row .pf-text-field {
    background: #fff;
    background: var(--popup-white);
    border: 1px solid #8b8b8b;
    box-sizing: border-box;
    color: #0e1127;
    color: var(--popup-dark-blue);
    display: block;
    font-size: 20px;
    height: 48px;
    line-height: 130%;
    padding: 0 17px;
    width: 100%
}

.old-popup-styles .pf-row .pf-text-field::-moz-placeholder {
    color: #d3d3d3;
    opacity: 1
}

.old-popup-styles .pf-row .pf-text-field::-webkit-input-placeholder {
    color: #d3d3d3;
    opacity: 1
}

.old-popup-styles .pf-row .pf-text-field:focus::-moz-placeholder {
    opacity: 0
}

.old-popup-styles .pf-row .pf-text-field:focus::-webkit-input-placeholder {
    opacity: 0
}

.old-popup-styles .checkBox {
    display: block;
    margin: 18px 0 42px;
    position: relative
}

.old-popup-styles .checkBox.col-span-full {
    grid-column: 1/-1
}

.old-popup-styles .checkBox input {
    cursor: pointer;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0
}

.old-popup-styles .checkBox input:checked+.check-title:before {
    background: #0e1127;
    background: var(--popup-dark-blue)
}

.old-popup-styles .checkBox .check-title {
    color: #0e1127;
    color: var(--popup-dark-blue);
    cursor: pointer;
    font-size: 16px;
    line-height: 130%;
    padding-left: 40px;
    position: relative
}

@media only screen and (max-width:1025px) {
    .old-popup-styles .checkBox .check-title {
        font-size: 14px
    }
}

.old-popup-styles .checkBox .check-title:before {
    background: #fff;
    background: var(--popup-white);
    border: 1px solid #0e1127;
    border: 1px solid var(--popup-dark-blue);
    box-sizing: border-box;
    content: "";
    height: 25px;
    left: 0;
    position: absolute;
    top: 1px;
    transition: all .3s ease-out;
    width: 25px
}

.old-popup-styles .checkBox .check-title a {
    color: inherit;
    font: inherit
}

.old-popup-styles .popup_btn,
.old-popup-styles a.popup_btn,
.old-popup-styles button.popup_btn {
    background: none;
    border: 1px solid #64c2c8;
    border: 1px solid var(--popup-blue);
    color: #64c2c8;
    color: var(--popup-blue);
    cursor: pointer;
    display: block;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 15px;
    text-align: center;
    text-transform: uppercase
}

.old-popup-styles .popup_btn:hover,
.old-popup-styles a.popup_btn:hover,
.old-popup-styles button.popup_btn:hover {
    background: #64c2c8;
    background: var(--popup-blue);
    color: #fff;
    color: var(--popup-white)
}

.old-popup-styles .file_img_block {
    cursor: pointer;
    margin-bottom: 40px;
    max-width: 502px;
    overflow: hidden;
    position: relative;
    width: 100%
}

.old-popup-styles .file_img_block input {
    cursor: pointer;
    height: 100%;
    left: -150px;
    opacity: 0;
    position: absolute;
    top: 0;
    width: calc(100% + 150px)
}

.old-popup-styles .file_img_block .file_img_btn {
    align-items: center;
    background: #f0eef0;
    border-radius: 4px;
    color: #272727;
    cursor: pointer;
    display: flex;
    font-size: 15px;
    height: 40px;
    justify-content: flex-start;
    padding: 0 15px
}

.old-popup-styles .file_img_block .file_img_btn span {
    cursor: pointer;
    margin-right: 12px
}

.old-popup-styles .img_grid_block {
    grid-gap: 22px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-top: 40px
}

.old-popup-styles .img_grid_block>div {
    position: relative
}

.old-popup-styles .img_grid_block>div:hover .igb-pic:before,
.old-popup-styles .img_grid_block>div:hover .img_del {
    opacity: 1
}

.old-popup-styles .img_grid_block>div .igb-pic {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    cursor: pointer;
    padding-top: 70%;
    position: relative
}

.old-popup-styles .img_grid_block>div .igb-pic:before {
    border: 2px solid #fe6b00;
    border-radius: 4px;
    bottom: 0;
    box-sizing: border-box;
    content: "";
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .3s linear
}

.old-popup-styles .img_grid_block>div .igb-pic img {
    border-radius: 2px;
    cursor: pointer;
    width: 100%
}

.old-popup-styles .img_grid_block>div .img_del {
    background-color: #fff;
    border-radius: 50%;
    color: #272727;
    cursor: pointer;
    font-size: 16px;
    line-height: 1;
    opacity: 0;
    position: absolute;
    right: -5px;
    top: -5px;
    transition: all .3s linear;
    z-index: 2
}

.old-popup-styles .pc-inner {
    grid-column-gap: 40px;
    grid-row-gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%
}

.old-popup-styles .pc-field {
    display: flex;
    flex-direction: column
}

.old-popup-styles .pc-field .pc-label {
    margin-bottom: 10px
}

.old-popup-styles .pc-field input {
    border: 1px solid #dce1e4;
    border: 1px solid var(--popup-bl--black);
    border-radius: 5px;
    caret-color: #0e1127;
    caret-color: var(--popup-dark-blue);
    color: #0e1127;
    color: var(--popup-dark-blue);
    font-size: 15px;
    padding: 16px;
    width: 100%
}

.old-popup-styles .pc-field input:-webkit-autofill,
.old-popup-styles .pc-field input:-webkit-autofill:active,
.old-popup-styles .pc-field input:-webkit-autofill:focus,
.old-popup-styles .pc-field input:-webkit-autofill:hover {
    -webkit-text-fill-color: #0e1127;
    -webkit-text-fill-color: var(--popup-dark-blue);
    -webkit-box-shadow: inset 0 0 0 30px #fff !important;
    -webkit-box-shadow: 0 0 0 30px var(--popup-white) inset !important
}

.old-popup-styles .pc-cv-field {
    display: flex;
    flex-direction: column;
    grid-column: 1/span 2
}

.old-popup-styles .pc-cv-field input[type=file] {
    display: none
}

.old-popup-styles .pc-cv-field .cv_file_name {
    color: #64c2c8;
    color: var(--popup-blue)
}

.old-popup-styles .pc-label {
    color: #0e1127;
    color: var(--popup-dark-blue);
    display: inline-block;
    font: 16px/130% Arial, sans-serif;
    font: 16px/130% var(--popup-font-main), sans-serif
}

.old-popup-styles .pc-label.pc-cv-name {
    margin-bottom: 10px
}

.old-popup-styles .pc-btn {
    background-color: #0e1127;
    background-color: var(--popup-dark-blue);
    border: none;
    border-radius: 5px;
    color: #fff;
    color: var(--popup-white);
    cursor: pointer;
    font: 16px/130% Arial, sans-serif;
    font: 16px/130% var(--popup-font-main), sans-serif;
    outline: none;
    padding: 16px;
    position: relative;
    transition: all .3s ease-in-out
}

.old-popup-styles .pc-btn:after {
    content: "";
    height: 100%;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    transform: skew(45deg);
    width: 100%
}

.old-popup-styles .pc-btn:hover:after {
    animation: gradientPopupBtn .3s linear forwards;
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, 0) 40%, hsla(0, 0%, 100%, .7))
}

.old-popup-styles .pc-captcha {
    grid-column: 1/span 2
}

.old-popup-styles .custom-file-upload {
    border: 1px dashed #dce1e4;
    border: 1px dashed var(--popup-bl--black);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    padding: 19px;
    position: relative;
    transition: all .3s ease-in-out
}

.old-popup-styles .custom-file-upload span {
    transition: all .3s ease-in-out
}

.old-popup-styles .custom-file-upload:hover {
    background-color: #0e1127;
    background-color: var(--popup-dark-blue);
    border: 1px solid #0e1127;
    border: 1px solid var(--popup-dark-blue)
}

.old-popup-styles .custom-file-upload:hover span {
    color: #fff;
    color: var(--popup-white)
}

@media only screen and (max-width:1024px) {
    .old-popup-styles .pc-inner {
        grid-gap: 20px
    }

    .old-popup-styles .pc-btn,
    .old-popup-styles .pc-field input {
        padding: 12px
    }

    .old-popup-styles .custom-file-upload {
        padding: 15px
    }
}

@media only screen and (max-width:720px) {
    .old-popup-styles .pc-captcha {
        transform: scale(.8);
        transform-origin: 0
    }

    .old-popup-styles .pc-captcha .g-recaptcha,
    .old-popup-styles .pc-captcha>div {
        height: 110px;
        width: 100%
    }

    .old-popup-styles .pc-captcha .g-recaptcha>div {
        height: 100% !important;
        width: 100% !important
    }

    .old-popup-styles .pc-captcha iframe {
        height: 100%;
        width: 304px
    }
}

@media only screen and (max-width:550px) {
    .old-popup-styles .pc-inner {
        grid-gap: 20px;
        grid-template-columns: 1fr
    }

    .old-popup-styles .pc-field input {
        padding: 11px
    }

    .old-popup-styles .pc-field .pc-label {
        margin-bottom: 7px
    }

    .old-popup-styles .pc-label {
        font-size: 15px
    }

    .old-popup-styles .pc-cv-field {
        grid-column: 1;
        margin-top: 10px
    }

    .old-popup-styles .pc-btn {
        margin-top: 20px;
        padding: 15px
    }

    .old-popup-styles .pc-captcha {
        grid-column: 1;
        transform-origin: center
    }

    .old-popup-styles .pc-captcha .g-recaptcha>div>div {
        display: flex;
        justify-content: center
    }

    .old-popup-styles .custom-file-upload {
        padding: 19px
    }
}

@media only screen and (max-width:420px) {
    .old-popup-styles .img_grid_block {
        grid-gap: 15px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media only screen and (max-width:360px) {
    .old-popup-styles .pc-captcha {
        overflow: hidden;
        transform: scale(.7)
    }

    .old-popup-styles .pc-captcha .g-recaptcha,
    .old-popup-styles .pc-captcha>div {
        height: 110px
    }

    .old-popup-styles .pc-captcha iframe {
        width: 300px
    }
}

@media only screen and (max-width:1024px) {
    .popup-center {
        height: 90%;
        max-height: none;
        min-height: auto;
        padding: 45px;
        width: 95%
    }

    .popup-center .title-popup {
        margin-bottom: 30px
    }

    .popup-center .checkBox {
        margin: 0
    }

    .pc-inner {
        grid-gap: 20px
    }

    .pc-btn,
    .pc-field input {
        padding: 12px
    }

    .custom-file-upload {
        padding: 15px
    }
}

@media only screen and (max-width:720px) {
    .pc-captcha {
        transform: scale(.8);
        transform-origin: 0
    }

    .pc-captcha .g-recaptcha,
    .pc-captcha>div {
        height: 110px;
        width: 100%
    }

    .pc-captcha .g-recaptcha>div {
        height: 100% !important;
        width: 100% !important
    }

    .pc-captcha iframe {
        height: 100%;
        width: 304px
    }
}

@media only screen and (max-width:550px) {
    .popup-center {
        height: 80%;
        padding: 20px 15px;
        width: 95%
    }

    .popup-center .title-popup {
        font-size: 18px;
        margin-bottom: 40px
    }

    .popup-center .checkBox {
        grid-column: 1;
        margin: 0
    }

    .popup-center .checkBox .check-title {
        font-size: 15px
    }

    .popup-center .close-popup {
        font-size: 20px;
        right: 15px;
        top: 20px
    }

    .pc-inner {
        grid-gap: 20px;
        grid-template-columns: 1fr
    }

    .pc-field input {
        padding: 11px
    }

    .pc-field .pc-label {
        margin-bottom: 7px
    }

    .pc-label {
        font-size: 15px
    }

    .pc-cv-field {
        grid-column: 1;
        margin-top: 10px
    }

    .pc-btn {
        margin-top: 20px;
        padding: 15px
    }

    .pc-captcha {
        grid-column: 1;
        transform-origin: center
    }

    .pc-captcha .g-recaptcha>div>div {
        display: flex;
        justify-content: center
    }

    .custom-file-upload {
        padding: 19px
    }
}

@media only screen and (max-width:420px) {
    .popup.popup_height_full {
        padding: 40px 20px
    }

    .img_grid_block {
        grid-gap: 15px;
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr
    }
}

@media only screen and (max-width:360px) {
    .pc-captcha {
        overflow: hidden;
        transform: scale(.7)
    }

    .pc-captcha .g-recaptcha,
    .pc-captcha>div {
        height: 110px
    }

    .pc-captcha iframe {
        width: 300px
    }
}

@keyframes popupSlide {
    0% {
        opacity: var(--popup-opacity-from);
        transform: translateY(var(--popup-default-translate-y-from)) translateX(var(--popup-default-translate-x-from))
    }

    to {
        opacity: var(--popup-opacity-to);
        transform: translateY(var(--popup-default-translate-y-to)) translateX(var(--popup-default-translate-x-to))
    }
}

@keyframes opacityPopupBg {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes gradientPopupBtn {
    0% {
        transform: translateX(-100%) skew(45deg)
    }

    to {
        transform: translateX(100%) skew(45deg)
    }
}

#popup-ad {
    bottom: 20px;
    height: 400px;
    position: fixed;
    right: 20px;
    transform: translateX(calc(100% + 20px));
    transition: .3s ease-in-out;
    width: 400px;
    z-index: 99
}

#popup-ad.active {
    transform: translateX(0)
}

.popup-advert {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    width: 100%
}

.popup-ad__close-btn {
    align-items: center;
    background: #fff;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 48px;
    justify-content: center;
    position: absolute;
    right: 10px;
    top: 10px;
    transition: .3s ease-in-out;
    width: 48px;
    z-index: 4
}

.popup-ad__close-btn:hover {
    border-radius: 10px
}

.popup-ad__content {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding: 20px;
    position: relative;
    z-index: 2
}

.popup-ad__title {
    color: #fff;
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 15px
}

.popup-ad__sub-title {
    color: #fff;
    font-size: 28px;
    font-weight: 700
}

.popup-ad__text {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    @include max-line-leng(4)
}

.popup-ad__text.bold {
    font-weight: 700
}

.popup-ad__text.location {
    margin-bottom: 20px
}

.popup-ad__btn,
.popup-ad__btn-wrap {
    align-items: center;
    display: flex;
    justify-content: center
}

.popup-ad__btn {
    border: 2px solid #fff;
    color: #fff;
    font-size: 18px;
    height: 42px;
    margin-top: 20px;
    text-decoration: none;
    transition: .3s ease-in-out;
    width: calc(50% - 8px)
}

.popup-ad__btn:not(:last-child) {
    margin-right: 16px
}

.popup-ad__btn:hover {
    background: #fff;
    border-radius: 8px;
    color: #707070
}

.popup-ad__blog img,
.popup-ad__blog:after {
    bottom: 0;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.popup-ad__blog:after {
    background: rgba(0, 0, 0, .4);
    content: "";
    z-index: 1
}

.popup-ad__job {
    background: #f2b825
}

.popup-ad__job .icons-wrap {
    align-items: center;
    display: flex;
    margin-bottom: 20px;
    -webkit-mask-image: -webkit-gradient(linear, 90% 100%, 100% bottom, from(#000), to(transparent));
    overflow: hidden
}

.popup-ad__job .icons-wrap img {
    height: 52px;
    margin-right: 10px;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: center;
    object-position: center;
    width: 52px
}

.popup-ad__job__btn-wrap {
    margin-top: auto
}

:root {
    --secondary: #088ded;
    --popup-dark-blue: #0e1127;
    --popup-dark-gray: #343434;
    --popup-bl--black: #dce1e4
}

.cookies-popup {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.cookies-popup.active {
    display: flex;
    transition: all .3s ease
}

.cookies-popup.active .cookies-popup__block {
    animation-duration: .6s;
    animation-name: transformPopupCookies
}

.cookies-popup__close {
    align-items: center;
    cursor: pointer;
    display: flex;
    height: 13px;
    position: absolute;
    right: 14px;
    top: 15px;
    transition: .3s ease;
    width: 13px
}

.cookies-popup__close:after,
.cookies-popup__close:before {
    background-color: #0e1127;
    background-color: var(--popup-dark-blue);
    border-radius: 2px;
    content: "";
    height: 6px;
    position: absolute;
    transition: all .3s ease-in-out;
    width: 100%
}

.cookies-popup__close:before {
    transform: rotate(-45deg)
}

.cookies-popup__close:after {
    transform: rotate(45deg)
}

.cookies-popup__close:hover {
    transform: scale(1.2) rotate(90deg);
    transition: all .3s ease
}

.cookies-popup__bg {
    background-color: transparent;
    height: 100%;
    position: absolute;
    width: 100%
}

.cookies-popup__block {
    align-items: center;
    background-color: #fff;
    background-color: var(--white);
    border-radius: 4px;
    bottom: 40px;
    box-shadow: 0 2px 10px #343434;
    box-shadow: 0 2px 10px var(--popup-dark-gray);
    display: flex;
    flex-direction: column;
    min-height: 300px;
    padding: 20px;
    position: absolute;
    right: 40px;
    transition: all .3s ease;
    width: 270px
}

.cookies-popup__block h4 {
    color: #0d151c;
    color: var(--black);
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 10px
}

.cookies-popup__block p {
    color: inherit;
    font-size: 14px;
    padding-bottom: 20px;
    text-align: center
}

.cookies-popup__block a {
    color: #088ded;
    color: var(--secondary);
    font-size: inherit;
    font-weight: inherit;
    position: relative
}

.cookies-popup__block a:before {
    background: #088ded;
    background: var(--secondary);
    bottom: 0;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    transition: .3s ease;
    width: 0
}

.cookies-popup__block a:hover:before {
    left: 0;
    right: auto;
    width: 100%
}

.cookies-popup__block:before {
    background: url(../images/panel/cookies-logo.svg) no-repeat 50%;
    content: "";
    display: block;
    height: 96px;
    margin-bottom: 10px;
    width: 96px
}

@media only screen and (max-width:550px) {
    .cookies-popup__block {
        bottom: 25px;
        left: 25px;
        right: 25px;
        width: auto
    }
}

.cookies-popup__btn {
    background-color: #088ded;
    background-color: var(--secondary);
    border-radius: 6px;
    color: #fff;
    color: var(--white);
    cursor: pointer;
    font-size: 15px;
    padding: 11px 40px;
    transition: all .3s ease-in-out
}

.cookies-popup__btn:hover {
    transform: scale(1.1)
}

@media only screen and (max-width:550px) {
    .cookies-popup {
        padding: 20px
    }
}

@keyframes transformPopupCookies {
    0% {
        opacity: 0;
        transform: translateX(150%) translateY(50%) scale(.5) skewX(30deg)
    }

    to {
        opacity: 1;
        transform: translateX(0) translateY(0) scale(1) skewX(0deg)
    }
}

#global-loader {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background-color: rgba(31, 41, 55, .6);
    opacity: 0;
    pointer-events: none;
    position: fixed;
    transition-duration: .15s;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    z-index: 9999
}

#global-loader,
#global-loader [role=status] {
    align-items: center;
    bottom: 0;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    width: 100%
}

#global-loader [role=status] svg {
    fill: #fff;
    animation: spin 1s linear infinite;
    color: hsla(0, 0%, 100%, .4);
    display: inline;
    height: 3rem;
    width: 3rem
}

#global-loader span {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.disabled-btn-loader {
    cursor: not-allowed;
    opacity: .8;
    pointer-events: none;
    position: relative
}

.disabled-btn-loader [role=status] {
    align-items: center;
    bottom: 0;
    display: flex;
    justify-content: center;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.disabled-btn-loader [role=status] svg {
    fill: #fff;
    animation: spin 1s linear infinite;
    color: hsla(0, 0%, 100%, .4);
    display: inline;
    height: 1.5rem;
    width: 1.5rem
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.disabled-btn-loader .disabled-btn-content {
    display: flex;
    opacity: 0
}

.disabled-btn-loader .disabled-btn-sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@font-face {
    font-display: block;
    font-family: icomoon;
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/icomoon.eot?sypinb);
    src: url(../fonts/icomoon.eot?sypinb#iefix) format("embedded-opentype"), url(../fonts/icomoon.ttf?sypinb) format("truetype"), url(../fonts/icomoon.woff?sypinb) format("woff"), url(../fonts/icomoon.svg?sypinb#icomoon) format("svg")
}

[class*=" icon-"],
[class^=icon-] {
    speak: never;
    font-feature-settings: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: icomoon !important;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none
}

.icon-email:before {
    content: "\e900"
}

.icon-chewron-down:before {
    content: "\e901"
}

.icon-chewron-up:before {
    content: "\e902"
}

.icon-chewron-left:before {
    content: "\e903"
}

.icon-chewron-right:before {
    content: "\e904"
}

.icon-arrow-right:before {
    content: "\e905"
}

.icon-arrow-down:before {
    content: "\e906"
}

.icon-arrow-left:before {
    content: "\e907"
}

.icon-arrow-up:before {
    content: "\e908"
}

.icon-arrow-down-long:before {
    content: "\e909"
}

.icon-arrow-down-right:before {
    content: "\e90a"
}

.icon-instagram:before {
    content: "\e90b"
}

.icon-linkedin:before {
    content: "\e90c"
}

.icon-twitter:before {
    content: "\e90d"
}




a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    background: transparent;
    border: 0;
    box-sizing: border-box;
    font-size: 100%;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
menu,
nav,
section {
    display: block
}

:focus {
    outline: 0
}

ol,
ul {
    list-style: none
}

a,
a:hover {
    text-decoration: none
}

input,
textarea {
    border: none;
    margin: 0;
    outline: none;
    padding: 0
}

button,
input[type=button],
input[type=submit],
label {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

body {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

img {
    vertical-align: middle;
    height: auto;
    max-width: 100%
}

button,
input[type=submit] {
    -webkit-appearance: none;
    -moz-appearance: none
}

* {
    box-sizing: border-box
}

:root {
    --black: #0d151c;
    --black-2: #050d14;
    --black-pearl: #233645;
    --orange: #CC5500;
    --primary: #CC5500;
    --green: #387B6B;
    --black: #0D151C;
    --blue: #1c6c89;
    --bg-second: #343434;
    --white: #fff;
    --fz: 16px;
    --font-main: "Montserrat", sans-serif;
    --sector-color: var(--primary);
    --aos-distance: 50px;
    --vh: 9px;
    --mobile-menu-start-point: 640;
    --sdv-mobile-breakpoint: 992;
    --become-sc-mobile-breakpoint: 992
}

@keyframes rotareScrollLabel {
    to {
        transform: rotate(1turn)
    }
}

@keyframes pulseDown {
    0% {
        transform: translate(-50%, -50%)
    }

    to {
        transform: translate(-50%, calc(-50% + 5px))
    }
}

/* .sc-hidden-wr,
.scroll-bar-style {
    scrollbar-color: #CC5500 #0D151C;
    scrollbar-color: var(--primary) var(--black);
    scrollbar-width: 5px
}

.sc-hidden-wr::-webkit-scrollbar,
.scroll-bar-style::-webkit-scrollbar {
    background: #0D151C;
    background: var(--black);
    border-radius: 3px;
    height: 2px;
    width: 4px
}

.sc-hidden-wr::-webkit-scrollbar-thumb,
.scroll-bar-style::-webkit-scrollbar-thumb {
    background: #CC5500;
    background: var(--primary);
    border-radius: 3px;
    cursor: pointer
} */

.clip-title {
    opacity: 0
}

.clip-down {
    opacity: 1
}

.clip-down span {
    animation: clip-path-down .6s ease-out .5s forwards;
    -webkit-clip-path: polygon(0 100%, 100% 0, 100% 0, 0 100%);
    clip-path: polygon(0 100%, 100% 0, 100% 0, 0 100%);
    display: inline-block;
    line-height: 98%;
    opacity: 0;
    transform: translateY(-15px) rotate(-3deg)
}

.clip-down span:first-of-type {
    animation-delay: .5s
}

.clip-down span:nth-of-type(2) {
    animation-delay: .4s
}

.clip-down span:nth-of-type(3) {
    animation-delay: .3s
}

.clip-down span:nth-of-type(4) {
    animation-delay: .2s
}

.clip-down span:nth-of-type(5) {
    animation-delay: .1s
}

.clip-down span:nth-of-type(6) {
    animation-delay: 0ms
}

@keyframes clip-path-down {
    0% {
        opacity: 0
    }

    to {
        -webkit-clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
        clip-path: polygon(0 0, 100% 0, 100% 120%, 0 120%);
        opacity: 1;
        transform: translateY(0) rotate(0deg)
    }
}

html {
    background: #F4F4F4;
    color: var(--black);
    font-family: "Montserrat", sans-serif !important;
    font-family: var(--font-main);
    font-size: var(--fz)
}

h1 {
    /* font-size: min(max(calc(26.42857px + 3.72024vw), 55px), 80px); */
    font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 1.9345)), 45px);
    line-height: 1;
    margin-bottom: min(max(calc(.85714px + 1.19048vw), 10px), 18px);
    text-transform: uppercase;
}

h2 {
    /* font-size: min(max(calc(-6px + 4.16667vw), 26px), 54px); */
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 35px);
    margin-bottom: 14px;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 125%;
}

h3 {
    font-size: min(max(calc(17.14286px + .89286vw), 24px), 30px);
    text-transform: uppercase;
    font-weight: 500;
    line-height: 125%;
}

h4 {
    font-size: min(max(calc(15.14286px + .89286vw), 22px), 28px);
    margin-bottom: min(max(calc(11.42857px + .59524vw), 16px), 20px);
    text-transform: uppercase;
    font-weight: 500;
}

h5 {
    font-size: min(max(calc(15.28571px + .74405vw), 21px), 26px);
    margin-bottom: min(max(calc(.85714px + 1.19048vw), 10px), 18px);
    text-transform: uppercase;
    font-weight: 500;
}

h6 {
    font-size: min(max(calc(15.42857px + .59524vw), 20px), 24px);
    text-transform: uppercase;
    font-weight: 500;
}

.progress-section {
    padding: 80px 0
}

.progress-section h2 {
    margin-bottom: 64px;
    text-align: center
}

.progress-chain {
    margin: 0 auto;
    max-width: 964px;
    position: relative
}

.progress-item {
    max-width: min(max(calc(191.71429px + 12.79762vw), 290px), 376px)
}

.progress-item h4 {
    margin: 0
}

.progress-item p {
    padding: 0
}

.progress-item:not(:last-of-type) {
    margin-bottom: min(max(calc(114.85714px - 7.14286vw), 12px), 60px)
}

.progress-item:nth-child(odd) {
    text-align: right;
    transform: translateX(-100%)
}

.progress-item:nth-child(2n) {
    margin-left: auto;
    transform: translateX(100%)
}

@media only screen and (max-width:769px) {
    .progress-item {
        max-width: 100%
    }

    .progress-item:nth-child(2n),
    .progress-item:nth-child(odd) {
        margin-left: min(max(calc(-12.82995px + 11.42132vw), 30px), 75px);
        text-align: left;
        transform: translateX(50%)
    }
}

.progress-line {
    background: #0D151C;
    background: var(--black);
    height: 100%;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: translateX(-25%);
    width: 2px
}

.progress-line .fill {
    background: #CC5500;
    background: var(--primary);
    height: 10%;
    width: 100%
}

@media only screen and (max-width:769px) {
    .progress-line {
        left: 0;
        transform: none
    }
}

html {
    font-size: 16px;
    overflow-y: auto;
    /* scrollbar-color: #CC5500 #fff;
    scrollbar-color: var(--orange) var(--white);
    scrollbar-width: 6px */
}

/* 
html::-webkit-scrollbar {
    background: #fff;
    background: var(--white);
    border-radius: 3px;
    height: 2px;
    width: 6px
}

html::-webkit-scrollbar-thumb {
    background: var(--green);
    border-radius: 3px;
    cursor: pointer
}
html::-webkit-scrollbar-track {
    background: transparent !important;
} */


.text-center {
    text-align: center
}

[data-aos=progress-anim] {
    opacity: 0;
    transition: transform .3s ease-in-out, opacity .5s ease
}

[data-aos=progress-anim].aos-animate {
    opacity: 1;
    transform: translateX(0)
}

.fp-watermark {
    display: none
}

img {
    transition: opacity .1s ease
}

img.lazyload {
    opacity: 0
}

img.lazyloaded {
    opacity: 1
}

body {
    margin: auto;
    min-width: 320px;
    overflow-x: hidden;
    position: relative;
}

body.disabled {
    overflow-y: auto;
    position: fixed;
    width: 100%
}

@media (min-width:641px) {
    .lg-hidden {
        display: none !important
    }
}

@media (max-width:640px) {
    .mb-hidden {
        display: none !important
    }
}

.swiper-wrapper {
    left: 0 !important
}

#site {
    overflow-x: hidden;
    position: relative
}

.main {
    flex-grow: 1
}

.bg-blue {
    background: #1c6c89 !important;
    background: var(--blue) !important
}

.bg-orange {
    background: #CC5500 !important;
    background: var(--orange) !important
}

.bg-gray {
    background: #0D151C !important;
    background: var(--black) !important
}

.bg-green {
    background: #3E8D7A !important;
    background: var(--green) !important
}

.bg-black {
    background: #0d151c !important;
    background: var(--black) !important
}

.text-bl--black {
    color: #97a2ac !important;
    color: var(--black) !important
}

.text-gray {
    color: #0D151C !important;
    color: var(--black) !important
}

.sector-energy {
    --sector-color: var(--green)
}

.sector-tech {
    --sector-color: var(--blue)
}

.sector-rail {
    --sector-color: var(--orange)
}

.sector-projects {
    --sector-color: var(--black)
}

.cont {
    margin: 0 auto 0 12.5vw;
    /* max-width: 1280px; */
    max-width: 1160px;
    padding: 0 20px;
    /* width: 80.55555555555556%; */
    width: 100%;
}

@media (min-width:1600px) {
    .cont {
        margin: 0 auto
    }
}

section {
    position: relative
}

#bold-credits {
    display: block;
    transition: .25s ease-in-out;
    width: 150px;
    margin: 0px;
}

#bold-credits:after,
#bold-credits:before {
    display: none
}

#bold-credits:hover {
    transform: scale(1.1)
}

.sticky:after,
.sticky:before {
    content: "";
    display: table
}

#site.cookie-terms-page {
    align-items: stretch;
    display: flex;
    flex-direction: column;
    justify-content: stretch;
    min-height: 100vh
}

#site.cookie-terms-page .main {
    flex-grow: 1;
    padding: 0
}

.cookie-terms-section {
    padding: min(max(calc(14.28571px + 16.36905vw), 140px), 250px) 0 min(max(calc(-64.28571px + 14.88095vw), 50px), 150px)
}

.cookie-terms-section p {
    margin-bottom: 10px;
    padding: 0
}

.cookie-terms-section ol,
.cookie-terms-section ul {
    padding-left: 20px
}

.cookie-terms-section ol li p,
.cookie-terms-section ul li p {
    margin-bottom: 0
}

.cookie-terms-section ul {
    list-style: circle
}

.cookie-terms-section ol {
    list-style: decimal
}

.cookie-terms-section a {
    display: inline;
    text-decoration: underline;
    transition: .2s
}

.cookie-terms-section a:hover {
    opacity: .7
}

.single-page-404 {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 100vh;
    padding: 20px
}

.single-page-404 h1 {
    font-size: min(max(calc(7.14286px + 2.97619vw), 30px), 50px)
}

.single-page-404 h1,
.single-page-404 p {
    margin-bottom: 30px;
    padding: 0
}

.single-page-404 a {
    display: inline-block
}

#container-test.\:container\(width\<1200px\) {
    background: orange
}

.scroll-down-label {
    bottom: 122px;
    cursor: pointer;
    left: 50%;
    position: absolute;
    transform: translate(0);
    width: 80px
}

.scroll-down-label i {
    display: block;
    font-size: 10px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%)
}

.scroll-down-label img {
    animation: rotareScrollLabel 15s linear infinite
}

.scroll-down-label:hover i {
    animation: pulseDown .5s linear infinite alternate
}

.hero-section-bg {
    z-index: -1
}

.hero-section-bg,
.hero-section-bg picture:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.hero-section-bg picture:before {
    background: #000;
    content: "";
    display: block;
    mix-blend-mode: color;
    z-index: 1
}

.hero-section-bg img {
    height: calc(100% - 1px)
}

.hero-section-bg img,
.hero-section-bg video {
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.hero-section-bg video {
    filter: grayscale(1);
    height: 100%;
    mix-blend-mode: color
}

@media (max-width:450px) {
    .hero-section-bg video {
        -o-object-position: 29% bottom;
        object-position: 29% bottom
    }
}

.hero-section-bg:before {
    /* background: radial-gradient(rgba(13, 21, 28, 0), #050d14); */
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1;
    background: linear-gradient(180deg, rgba(244, 244, 244, 0.3) 0%, #F4F4F4 100%);
}

.sector-hero-section .hero-sector-icons {
    display: block;
    position: absolute;
    right: 14%;
    top: 21.6%;
    width: -moz-fit-content;
    width: fit-content
}

.sector-hero-section-bg picture:before,
.sector-hero-section-bg:before {
    display: none
}

.sector-hero-section-bg div {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.sector-hero-section-bg div:first-of-type {
    z-index: 5
}

.sector-hero-section-bg div:nth-of-type(2) {
    z-index: 4
}

.sector-hero-section-bg div:nth-of-type(3) {
    z-index: 3
}

.sector-hero-section-bg div:nth-of-type(4) {
    z-index: 2
}

.sector-hero-section-bg div:nth-of-type(5) {
    z-index: 1
}

.sector-hero-section-bg div.hero-l-gradient {
    /* background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, 0)) */
    background-blend-mode: multiply;
    background: var(--Neutral, #F4F4F4);
    background: linear-gradient(180deg, rgba(244, 244, 244, 0.4) 0%, #F4F4F4 97.94%);
}

.sector-hero-section-bg div.hero-black-layer {
    /* background: #0d151c; */
    /* background: var(--black) */
}

.sector-hero-section-bg div.hero-r-gradient {
    /* background: radial-gradient(rgba(13, 21, 28, 0), #0d151c) */
}

.sector-hero-section-bg div.mx-color {
    /* mix-blend-mode: color */
}

.sector-hero-section-bg div.mx-soft-light {
    mix-blend-mode: soft-light
}

.sector-hero-section-bg img {
    z-index: 0
}

.sector-img-hover {
    pointer-events: none;
    z-index: 2
}

.sector-img-hover,
.sector-img-hover img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sector-img-hover img {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0
}

.sector-img-hover>div {
    opacity: 0;
    transition: opacity .3s
}

.sector-img-hover>div:after {
    background: inherit;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    mix-blend-mode: color;
    position: absolute;
    top: 0;
    width: 100%
}

.sector-img-hover>div[data-sector=rail] {
    background: #CC5500;
    background: var(--orange)
}

.sector-img-hover>div[data-sector=projects] {
    background: #0D151C;
    background: var(--black)
}

.sector-img-hover>div[data-sector=tech] {
    background: #3E8D7A;
    background: var(--blue)
}

.sector-img-hover>div[data-sector=energy] {
    background: #1c6c89;
    background: var(--green)
}

.show-hero-hover {
    position: relative;
    z-index: 999
}

.title-marker {
    padding-bottom: 16px;
    position: relative;
    line-height: 125%;
    /* margin-bottom: 40px !important; */
}

.title-marker:before {
    background: var(--orange);
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    width: 50px
}

.title-marker.title-marker-center:before {
    left: 50%;
    transform: translateX(-50%)
}

.title-marker-small:before {
    height: 6px;
    width: 40px
}

.case-study-card-text-content {
    font-size: 16px !important;
}

.interior-page .title-marker {
    padding-bottom: 9px
}

.hero-section {
    display: flex;
    max-height: 1080px;
    min-height: 100vh;
    overflow: visible;
    padding-bottom: 92px;
    padding-top: 120px
}

.hero-section .cont {
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.hero-section-caption-wr {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding-bottom: 26px
}

.hero-section-caption {
    flex: 1 0 auto;
    max-width: 100%
}

.hero-section-title {
    margin-bottom: 15px;
    padding-bottom: min(max(calc(3.14286px + 1.93452vw), 18px), 31px)
}

.hero-section-motto {
    color: #0D151C;
    color: var(--black);
    font-size: min(max(calc(19.28571px + .74405vw), 25px), 30px)
}

.hero-form-section {
    margin-top: -93px;
    padding-bottom: 32px
}

.hero-form {
    background: #fff;
    background: var(--white);
    /* border: 1.5px solid #0D151C; */
    /* border: 1.5px solid var(--black); */
    border-radius: 10px;
    display: flex;
    padding: 9px 10px;
    width: 100%
}

.hero-form .input-wr {
    align-items: center;
    display: flex;
    flex-grow: 1;
    flex-shrink: 0;
    font-size: min(max(calc(11.71429px + .29762vw), 14px), 16px);
    padding-left: min(max(calc(-33.14286px + 4.31548vw), 0px), 29px)
}

.hero-form input {
    letter-spacing: .25px;
    padding-right: min(max(calc(-26.28571px + 3.42262vw), 0px), 23px);
    width: 100%;
}

.hero-form input::-moz-placeholder {
    color: #0D151C;
    /* color: var(--black); */
    opacity: .55
}

.hero-form input::placeholder {
    color: #0D151C;
    /* color: var(--black); */
    opacity: .55
}

@media (max-width:768px) {
    .hero-form input {
        padding-right: 0
    }
}

.hero-form .select-wr {
    align-items: center;
    color: #233645;
    color: var(--black-pearl);
    display: flex;
    font-size: min(max(calc(11.71429px + .29762vw), 14px), 16px);
    letter-spacing: .25px;
    padding-right: 1px;
    position: relative
}

.hero-form .select-wr:nth-of-type(2) {
    border-left: 1px solid #233645;
    border-left: 1px solid var(--black-pearl);
    border-right: 1px solid #233645;
    border-right: 1px solid var(--black-pearl);
    flex-shrink: 0;
    max-width: 31%;
    width: 237px
}

.hero-form .select-wr:nth-of-type(3) {
    max-width: 25%;
    width: 184px
}

.hero-form .select-wr:nth-of-type(3) .select2-container {
    width: 100% !important
}

.hero-form-title {
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 35px);
    margin-bottom: min(max(calc(6.42857px + .59524vw), 11px), 15px);
    text-transform: uppercase;
    font-weight: 500;
    text-align: center;
}

.hero-form-wr {
    margin: 0 auto -32px;
    max-width: 100%;
    width: 790px
}

.hero-sector-icons {
    align-items: start;
    display: grid;
    grid-template-columns: 50% 50%;
    margin-right: min(max(calc(92.57143px - 12.05357vw), -81px), 0px);
    margin-top: -8px
}

.hero-sector-icons .sector-icon {
    border-radius: 50%;
    display: block;
    overflow: hidden;
    transform-origin: center;
    transition: transform .3s;
    width: min(max(calc(-37.14286px + 13.69048vw), 68px), 160px)
}

.hero-sector-icons .sector-icon:hover {
    transform: scale(1.05)
}

.hero-sector-icons .sector-icon:nth-of-type(2) {
    margin-top: min(max(calc(-63.46154px + 12.74038vw), 67px), 120px);
    transition-delay: .15s
}

.hero-sector-icons .sector-icon:nth-of-type(3) {
    margin-top: -40px;
    transition-delay: .3s
}

.hero-sector-icons .sector-icon:nth-of-type(4) {
    margin-top: min(max(calc(-90.61538px + 11.77885vw), 30px), 79px);
    transition-delay: .45s
}

.hero-sector-icons .sector-icon.active {
    position: relative;
    z-index: 3
}

.mission-section {
    padding: min(max(calc(-10.57143px + 7.8869vw), 50px), 103px) 0 min(max(calc(-9.85714px + 9.22619vw), 61px), 123px)
}

.mission-section-motto {
    margin: 0 auto min(max(calc(92.57143px - .59524vw), 84px), 88px);
    max-width: 836px;
    text-align: center
}

.mission-section-motto h3 {
    color: var(--black);
    font-size: clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.8929)), 22px);
    line-height: 1.7272;
    margin-bottom: min(max(calc(-2.42857px + 1.4881vw), 9px), 19px);
    text-transform: none;
    font-weight: 400;
}

.mission-section .swiper {
    padding-bottom: 2px
}

.mission-swiper-wr {
    margin-left: -4px;
    padding-bottom: 40px;
    padding-top: min(max(calc(45px + 1.04167vw), 53px), 60px);
    position: relative;
    width: calc(100% + 8px)
}

.mission-swiper-wr .swiper-slide {
    display: flex;
    height: auto
}

.mission-swiper-bg {
    left: 50%;
    min-width: 883px;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
    width: 113.3%
}

.mission-card {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    /* background: hsla(0, 0%, 100%, 0); */
    background: hsl(0deg 0% 96% / 50%);
    border: 2px solid var(--green);
    border-radius: 25px;
    color: #0D151C;
    color: var(--black);
    font-size: 14px;
    margin: 0 auto;
    max-width: min(max(calc(247.14286px + 7.14286vw), 302px), 350px);
    padding: 53px 35px 66px;
    text-align: center;
    transition: all .3s;
    width: 100%;
}

.mission-card-title {
    --pb: 15px;
    --fz: min(max(calc(17.71429px + 0.29762vw), 20px), 22px);
    --line-count: 4;
    --line-height: 1.45;
    font-size: 16px;
    font-size: var(--fz);
    line-height: var(--line-height);
    margin-bottom: 15px;
    max-height: calc(16px*var(--line-height)*var(--line-count) + var(--pb));
    max-height: calc(var(--fz)*var(--line-height)*var(--line-count) + var(--pb));
    overflow-y: auto;
    padding-bottom: var(--pb);
    padding-right: 10px;
    width: calc(100% + 10px);
    font-weight: 500;
    text-transform: uppercase;
}

.mission-card-title:before {
    left: 50%;
    transform: translate(-50%);
    width: 40px
}

.mission-card-text {
    --fz: 14px;
    --line-count: 7;
    --line-height: 1.72;
    font-size: 16px;
    font-size: var(--fz);
    line-height: var(--line-height);
    max-height: calc(16px*var(--line-height)*var(--line-count));
    max-height: calc(var(--fz)*var(--line-height)*var(--line-count));
    overflow-y: auto;
    padding-right: 10px;
    /* scrollbar-color: #CC5500 #0D151C;
    scrollbar-color: var(--primary) var(--black);
    scrollbar-width: 5px; */
    width: calc(100% + 10px)
}

/* .mission-card-text::-webkit-scrollbar {
    background: #0D151C;
    background: var(--black);
    border-radius: 3px;
    height: 2px;
    width: 4px
}

.mission-card-text::-webkit-scrollbar-thumb {
    background: #CC5500;
    background: var(--orange);
    border-radius: 3px;
    cursor: pointer
} */

.mission-card:hover {
    background: hsla(0, 0%, 100%, .17)
}

.section-bg {
    height: 100%;
    left: 0;
    overflow: hidden;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.section-bg:before {
    content: "";
    display: block;
    padding-top: 59.42%
}

.section-bg img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.stats-section {
    padding: min(max(calc(-7.14286px + 7.44048vw), 50px), 100px) 0 min(max(calc(-16.42857px + 6.69643vw), 35px), 80px)
}

.stats-section .title {
    font-size: min(max(calc(19.28571px + .74405vw), 25px), 30px);
    font-weight: 300;
    margin-bottom: min(max(calc(22.71429px + .29762vw), 25px), 27px);
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

.stats-grid {
    grid-gap: 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    margin: 0 auto;
    max-width: 969px;
    padding-left: min(max(calc(-13.71429px + 1.78571vw), 0px), 12px)
}

.stats-card {
    text-align: center
}

.stats-card-counter {
    /* font-size: 54px; */
    font-size: min(max(calc(15.14286px + .89286vw), 22px), 28px);
    font-weight: 500;
    color: var(--orange);
}

.stats-card-text {
    color: #0D151C;
    color: var(--black);
    opacity: .55
}

.latest-job-section {
    padding: min(max(calc(98.57143px - 3.72024vw), 45px), 70px) 0 45px
}

.latest-job-section .title {
    margin-bottom: 22px;
    padding-bottom: 7px
}

.latest-job-section .title-wr .btn {
    margin-top: -7px
}

.latest-job-swiper-wr {
    padding-bottom: min(max(calc(31.42857px + 1.6369vw), 44px), 55px);
    padding-right: min(max(calc(-57.14286px + 7.44048vw), 0px), 50px);
    position: relative
}

.latest-job-swiper-wr:before {
    background: #f4f4f4;
    /* background: var(--black); */
    content: "";
    display: block;
    height: calc(100% + 2px);
    position: absolute;
    right: calc(100% + 5px);
    top: -1px;
    width: 100%;
    z-index: 2
}

.latest-job-swiper-wr .swiper-button {
    margin-top: 25px;
    position: static
}

.swiper-pagination {
    position: absolute;
    transform: translateX(calc(-50% + min(max(calc(-6px + 60 * ((100vw - 768px) / 672)), -6px), 54px))) !important;
    width: 125px !important;
    z-index: 0
}

.swiper-pagination-bullet {
    --swiper-pagination-bullet-width: 5px;
    --swiper-pagination-bullet-height: 5px;
    --swiper-pagination-bullet-size: 5px;
    --swiper-pagination-bullet-horizontal-gap: 5px;
    background: #0D151C;
    background: var(--black);
    transform: none !important;
    transition: all .2s !important;
    opacity: 1;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active-main {
    --swiper-pagination-bullet-width: 15px;
    border-radius: 25px
}

.latest-job-swiper {
    overflow: visible
}

.latest-job-swiper .swiper-slide {
    height: auto;
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.sectors-section {
    padding: min(max(calc(-13.42857px + 6.69643vw), 38px), 83px) 0 50px
}

.sectors-section .title {
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.job-card {
    /* border: 1.5px solid #0D151C; */
    border: 2px solid var(--green);
    border-radius: 25px;
    /* color: #0D151C; */
    color: var(--black);
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 auto;
    max-width: 100%;
    padding: min(max(calc(11.71429px + 2.38095vw), 30px), 46px) min(max(calc(-25.71429px + 5.95238vw), 20px), 60px);
    transition: .3s;
    width: min(max(calc(323.94366px + 13.61502vw), 375px), 520px)
}

.job-card-sector {
    /* color: #fff; */
    color: var(--orange);
    font-size: min(max(calc(11.71429px + .29762vw), 14px), 16px);
    margin-bottom: 11px;
    transition: color .3s;
    font-weight: 500;
    text-transform: uppercase;
}

.job-card-title {
    font-size: min(max(calc(19.28571px + .74405vw), 25px), 30px);
    line-height: 1.26;
    margin: 0 0 11px;
    padding-bottom: 20px;
    color: var(--black);
}

.job-card-title:before {
    width: 40px
}

.job-card-params {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 10px;
    padding: 20px 0 25px
}

.job-card-params li {
    align-items: center;
    /* background: #233645; */
    background: var(--green);
    border-radius: 5px;
    color: #fff;
    color: var(--white);
    display: inline-flex;
    /* flex-shrink: 0; */
    font-size: 14px;
    justify-content: center;
    line-height: normal;
    padding: 7px 10px;
    text-align: center;
    transition: .3s
}

.job-card-params li div {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
    width: 100%;
    text-transform: uppercase;
    word-break: break-all;
}

.job-card-params li:last-of-type {
    margin-right: 0
}

.job-card-description {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    letter-spacing: .35px;
    line-height: 1.625;
    overflow: hidden
}

.job-card .btn {
    color: #fff;
    color: var(--white);
    font-size: 16px;
    margin-top: 19px;
    width: -moz-fit-content;
    width: fit-content
}

.job-card:hover {
    background: #fff;
    background: var(--white);
    color: #233645;
    color: var(--black-pearl)
}

.job-card:hover .btn {
    color: #0d151c;
    color: var(--black)
}

.job-card:hover .job-card-sector {
    color: inherit
}

.job-card:hover .job-card-params li {
    /* background: #0D151C; */
    background: var(--orange);
}

.sectors-list {
    display: flex
}

.sectors-list.sectors-list-smp .sector-card {
    margin-bottom: 0
}

.sector-card-wr {
    --duration: 300ms;
    flex-grow: 1;
    margin-right: 5px;
    transition: all;
    transition-duration: var(--duration)
}

.sector-card-wr:first-of-type .sector-card {
    border-radius: 15px 0 0 15px
}

.sector-card-wr:last-of-type {
    margin-right: 0
}

.sector-card-wr:last-of-type .sector-card {
    border-radius: 0 15px 15px 0
}

.sector-card-wr.active {
    flex-grow: 2.7
}

.sector-card-wr.active .sector-card-content-hidden {
    pointer-events: all
}

.sector-card-wr.active .sector-card-content-hidden .btn,
.sector-card-wr.active .sector-card-content-hidden-description,
.sector-card-wr.active .sector-card-content-hidden-title {
    opacity: 1;
    transform: translateY(0)
}

.sector-card-wr.active .sector-card-title {
    opacity: 0;
    pointer-events: none
}

.sector-card {
    /* background: linear-gradient(0deg, #97a2ac, #050d14); */
    background: linear-gradient(180deg, #f4f4f4, #CC5500);
    cursor: pointer;
    height: 536px;
    margin-bottom: 80px;
    padding: 2px;
    position: relative
}

/* .sector-card:hover {
    background: linear-gradient(45deg, #CC5500, #050d14 65%);
    background: linear-gradient(45deg, var(--sector-color), #050d14 65%)
}

.sector-card:hover h3.sector-card-title {
    color: #CC5500;
    color: var(--sector-color);
} */

.sector-card .sc-hidden-wr {
    --primary: var(--green) !important;
    margin-right: -20px;
    max-height: 100%;
    overflow-y: auto;
    padding-left: 10px;
    padding-right: 10px;
    width: calc(100% + 10px);
    width: calc(100% + 20px)
}

/* .sector-card .sc-hidden-wr.scrollbar-hidden::-webkit-scrollbar,
.sector-card .sc-hidden-wr.scrollbar-hidden::-webkit-scrollbar-thumb {
    background: transparent;
} */

.sector-card-content {
    /* background: #0d151c; */
    /* background: var(--black); */
    border-radius: inherit;
    height: 100%;
    width: 100%;
    /* border: 2px solid;
    border-image: linear-gradient(180deg, #F4F4F4 0%, #CC5500 100%);
    border-image-slice: 1; */

    background-color: #f4f4f4 !important;
    background-image: unset !important;
    width: 100%;
    height: 100%;
    /* border-radius: 0 0 10px 10px; */
}

.sector-card-content>h3 {
    /* font-size: min(max(calc(24px + 2.08333vw), 40px), 54px) */
    text-align: center;
    max-height: 350px;
    min-height: 350px;
}

.sector-card-content-hidden-wr {
    display: flex;
    flex-direction: column;
    justify-content: flex-end
}

.sector-card-content-hidden {
    display: flex;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: min(max(calc(-24px + 8.33333vw), 40px), 96px) min(max(calc(-27.85714px + 8.18452vw), 35px), 90px);
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.sector-card-content-hidden .btn,
.sector-card-content-hidden-description,
.sector-card-content-hidden-title {
    opacity: 0;
    transform: translateY(-10px);
    transition: .3s .5s
}

.sector-card-content-hidden-title {
    line-height: 1;
    margin-bottom: 15px
}

.sector-card-content-hidden-description {
    padding-bottom: 15px;
    transition-delay: .6s
}

.sector-card-content-hidden .btn {
    align-self: flex-start;
    opacity: 0;
    transform: translateY(10px);
    transition-delay: .75s
}

.sector-card-title {
    bottom: 90px;
    left: 50%;
    line-height: 1.2;
    position: absolute;
    transform: translate(-50%) scale(-1);
    transition: opacity .3s, color .3s;
    transition-duration: var(--duration);
    writing-mode: vertical-rl
}

.sector-card-icon {
    bottom: 0;
    left: 50%;
    position: absolute;
    transform: translate(-50%, 50%);
    width: min(max(calc(14.28571px + 5.95238vw), 60px), 100px);
    filter: unset;
}

.progress-section {
    overflow: visible;
    padding: min(max(calc(8.42857px + 5.80357vw), 53px), 92px) 0
}

.progress-section .cont {
    transition: padding .3s
}

.progress-swiper-wr {
    position: relative
}

.progress-swiper-wr .swiper {
    margin: 0 auto;
    overflow: visible
}

.progress-swiper-wr .swiper:not(.swiper-initialized) .swiper-wrapper {
    justify-content: space-between
}

.progress-swiper-wr .swiper-slide {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.progress-swiper-wr .swiper-slide:last-of-type {
    margin-right: 0 !important
}

.progress-swiper-wr .swiper-slide.swiper-slide-active {
    z-index: 2
}

.progress-swiper-wr .swiper-pagination {
    display: none;
    left: 0 !important;
    margin: 0 auto;
    padding-top: 40px;
    position: relative;
    transform: none !important
}

@media (max-width:1100px) {
    .progress-swiper-wr .swiper-pagination {
        display: block
    }
}

.progress-swiper-line {
    /* background: radial-gradient(#97a2ac, #0d151c); */
    /* background: radial-gradient(#97a2ac, var(--black)); */
    height: 3px;
    left: 0;
    position: absolute;
    /* top: 55.9%;
    transform: translateY(-50%); */
    top: 69px;
    transform: unset;
    width: 100%;
    background: linear-gradient(90deg, #F4F4F4 0%, #387B6B 50%, #F4F4F4 100%);
}

.progress-card {
    align-items: center;
    color: #0D151C;
    color: var(--black);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    line-height: 1;
    min-height: unset !important;
    min-width: 120px;
    position: relative;
    text-align: center
}

.progress-card h3 {
    color: #0D151C;
    color: var(--black);
    font-size: min(max(calc(25.71429px + .29762vw), 28px), 30px);
    font-weight: 500;

}

.progress-card-point {
    background: #387B6B;
    background: var(--green);
    border: 5px solid #f4f4f4;
    border-radius: 50%;
    height: 28px;
    width: 28px;
    margin: 20px 0 !important;
}

.progress-card-popup-wr {
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all .3s;
    width: -moz-fit-content;
    width: fit-content;
    z-index: 2
}

.progress-card-text {
    letter-spacing: .35px
}

.progress-card-popup {
    background: #0d151c;
    background: var(--black);
    border: 1.5px solid #0D151C;
    border: 1.5px solid var(--black);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    height: 352px;
    justify-content: center;
    max-width: 34.58vw;
    min-width: 302px;
    overflow: hidden;
    padding: min(max(calc(-2.85714px + 2.97619vw), 20px), 40px) min(max(calc(-3.57143px + 3.72024vw), 25px), 50px);
    position: relative;
    text-align: left;
    transform: scale(0);
    transform-origin: center;
    transition: all .3s;
    width: 498px
}

.progress-card-popup-bg {
    border: 25px;
    height: 100%;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.progress-card-popup-bg:before {
    /* background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, .65), #0d151c); */
    background: linear-gradient(0deg, #387B6B, hsl(166deg 37% 35% / 65%), #387B6B);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.progress-card-popup-bg img {
    border-radius: 25px;
    filter: grayscale(1);
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.progress-card-popup-container {
    max-height: 100%;
    overflow-y: auto;
    padding-right: 10px;
    /* scrollbar-color: #CC5500 #0D151C;
    scrollbar-color: var(--primary) var(--black);
    scrollbar-width: 5px; */
    width: calc(100% + 10px)
}

/* .progress-card-popup-container::-webkit-scrollbar {
    background: #0D151C;
    background: var(--black);
    border-radius: 3px;
    height: 2px;
    width: 4px
}

.progress-card-popup-container::-webkit-scrollbar-thumb {
    background: #CC5500;
    background: var(--orange);
    border-radius: 3px;
    cursor: pointer
} */

.progress-card-popup .progress-card-year {
    margin-bottom: 15px
}

.progress-card-popup .progress-card-text {
    line-height: 1.625;
    margin-bottom: 21px;
    position: relative;
    z-index: 1;
    color: #fff;
}

.progress-card .btn {
    color: #fff;
    color: var(--white);
    margin-bottom: 0
}

.active .progress-card-popup {
    opacity: 1;
    transform: scale(1)
}

.progress-swiper-wr .active {
    z-index: 5
}

.progress-swiper-wr .active .progress-card .progress-card-popup-wr {
    opacity: 1;
    pointer-events: all
}

.latest-news-section {
    padding: min(max(calc(25.85714px + 3.27381vw), 51px), 73px) 0
}

.latest-news-section .title {
    margin-bottom: 0;
    padding-bottom: 21px
}

.latest-news-section .title-wr {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-bottom: min(max(calc(1.71429px + 2.38095vw), 20px), 36px)
}

.latest-news-section .title-wr a {
    margin-top: 6px
}

.news-swiper-wr {
    padding-bottom: min(max(calc(34.71429px + 1.33929vw), 45px), 54px);
    position: relative
}

.news-swiper-wr .swiper-slide {
    display: flex;
    height: auto
}

.news-swiper {
    overflow: visible;
    position: relative
}

.news-swiper:before {
    background: #f4f4f4;
    content: "";
    display: block;
    height: calc(100% + 2px);
    position: absolute;
    right: calc(100% + 2px);
    top: -1px;
    width: 100%;
    z-index: 2;
}

.news-swiper .swiper-slide {
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.news-card {
    border: 2px solid #387B6B;
    border: 2px solid var(--green);
    border-radius: 25px;
    display: flex;
    justify-content: flex-end;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
    transition: background .3s;
    width: min(max(calc(323.94366px + 13.61502vw), 375px), 520px)
}

.news-card-text {
    flex-grow: 1;
    padding: min(max(calc(13.38462px + 2.40385vw), 38px), 48px) min(max(calc(-13.69231px + 5.04808vw), 38px), 59px) min(max(calc(-.76923px + 4.56731vw), 46px), 65px);
    transition: color .3s
}

.news-card-thumbnail {
    border-radius: inherit;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 33.26%
}

.news-card-thumbnail img {
    border-radius: inherit;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: transform .5s;
    width: 100%
}

.news-card-time {
    font-size: 14px;
    margin-bottom: 16px
}

.news-card-time span {
    color: var(--black);
    transition: color .3s;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
}

.news-card-time span:before {
    display: none !important;
    background: #CC5500;
    background: var(--primary);
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 4px;
    margin: 0 9px;
    transform: translateY(-3px);
    width: 4px
}

.news-card-title {
    color: var(--black);
    font-size: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.5952)), 22px);
    line-height: 1.41;
    margin-bottom: 28px;
    padding-bottom: 21px;
    position: relative;
    transition: color .3s;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-card-title:before {
    background: var(--orange);
    bottom: 0;
    content: "";
    display: block;
    height: 6px;
    left: 0;
    position: absolute;
    width: 40px;
    z-index: 1;
}
.news-card-title:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 22px;
    background-color: #f4f4f4;
    z-index: 0;
    transition: .3s linear;
}
.news-card:hover .news-card-title:after {
    background-color: #fff;
    transition: .3s linear;
}


.news-card-description {
    --line-count: 4;
    --fz: 14px;
    --line-height: 1.71;
    font-size: 16px;
    font-size: var(--fz);
    line-height: var(--line-height);
    max-height: calc(16px*var(--line-height)*var(--line-count));
    max-height: calc(var(--fz)*var(--line-height)*var(--line-count));
    overflow-y: auto !important;
    padding-right: 10px;
    transition: color .3s;
    width: calc(100% + 10px)
}


/* .news-card-description::-webkit-scrollbar {
    background: transparent;
    border-radius: 3px;
    height: 2px;
    width: 4px
}
.news-card-description::-webkit-scrollbar-track {
  background: transparent !important;
}

.news-card-description::-webkit-scrollbar-thumb {
    background: transparent;
    border-radius: 3px;
    cursor: pointer
} */

.news-card .btn {
    margin-top: 25px
}

.news-card:hover {
    background: #fff;
    background: var(--white)
}

.news-card:hover,
.news-card:hover .news-card-time span,
.news-card:hover .news-card-title {
    color: #233645;
    color: var(--black-pearl)
}

.news-card:hover .news-card-thumbnail img {
    transform: scale(1.1)
}

.partners-section {
    padding: min(max(calc(5px + 4.16667vw), 37px), 65px) 0
}

.partners-section .title {
    color: var(--black);
    font-size: 22px;
    margin-bottom: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 1.7857)), 40px);
    text-align: center;

}

.partners-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-left: 1px
}

.partners-card {
    align-items: center;
    /* border: 2px solid #CC5500;
    border: 2px solid var(--orange); */
    display: grid;
    height: min(max(calc(58.59155px + 7.04225vw), 85px), 160px);
    justify-items: center;
    margin-left: -1px;
    margin-top: -1px;
    min-width: 120px;
    /* padding: min(max(calc(19.30986px + 1.78404vw), 26px), 45px) min(max(calc(31.47887px + .93897vw), 35px), 45px); */
    padding: clamp(20px, calc(1.25rem + ((1vw - 7.68px) * 1.4881)), 30px);
    place-items: center;
    position: relative;
    width: 25%
}

.partners-card.rounded-tl-xl {
    border-top-left-radius: 15px
}

.partners-card.rounded-tr-xl {
    border-top-right-radius: 15px
}

.partners-card.rounded-bl-xl {
    border-bottom-left-radius: 15px
}

.partners-card.rounded-br-xl {
    border-bottom-right-radius: 15px
}

.partners-card img {
    /* height: calc(100% - min(max(calc(26px + 19 * ((100vw - 768px) / 672)), 26px), 45px) * 2); */
    max-height: clamp(60px, calc(3.75rem + ((1vw - 7.68px) * 5.9524)), 100px);
    height: 100%;
    left: 50%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - min(max(calc(35px + 10 * ((100vw - 375px) / 1065)), 35px), 45px) * 2)
}

.journey-section {
    padding: min(max(calc(29.28571px + 3.86905vw), 59px), 85px) 0 min(max(calc(-22.14286px + 7.44048vw), 35px), 85px)
}

.journey-section .title {
    margin-bottom: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 1.7857)), 40px);
    padding-bottom: 9px
}

.journey-list {
    grid-gap: 8px 10px;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    margin-bottom: 57px
}

.journey-list .col-first {
    grid-gap: inherit
}

.journey-list .col-first .journey-list-item:nth-of-type(2),
.journey-list .col-first .journey-list-item:nth-of-type(3) {
    grid-column: span 2
}

.journey-list .col-first .journey-list-item:nth-of-type(2):before,
.journey-list .col-first .journey-list-item:nth-of-type(3):before {
    padding-top: 50%
}

.journey-list .col-last {
    grid-gap: inherit
}

.journey-list .col-last .journey-list-item:first-of-type {
    grid-row: span 2
}

.journey-list-item {
    border-radius: min(max(calc(3.57143px + 1.4881vw), 15px), 25px);
    overflow: hidden;
    position: relative
}

.journey-list-item:before {
    content: "";
    display: block;
    padding-top: 100%
}

.journey-list-item img {
    border-radius: inherit;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: transform .5s;
    width: 100%
}

.journey-list-item:hover img {
    transform: scale(1.1)
}

.journey-text {
    display: flex;
    justify-content: space-between !important;
    margin: 0 auto;
    max-width: 836px;
}

.journey-text-title {
    color: #0D151C;
    color: var(--black);
    flex-shrink: 0;
    font-size: min(max(calc(12.85714px + 1.19048vw), 22px), 30px);
    line-height: 1.266;
    margin-bottom: 20px;
    margin-right: 0px;
    max-width: 100%;
}

.journey-text-caption {
    max-width: 270px;
    width: 100%;
}

.journey-text-description-wr {
    flex-grow: 1;
    max-width: 480px
}

.journey-text-description {
    color: #0D151C;
    color: var(--black);
    line-height: 1.625;
    margin-bottom: 0px !important;
    /* padding-top: 10px */
}

.journey-text-description a.btn {
    margin-top: 30px !important;
    font-size: 14px !important;
}

.journey-text .btn,
.journey-text-description {
    font-size: 16px;
    letter-spacing: .35px
}

.dive-section {
    padding: min(max(calc(52.14286px + .89286vw), 59px), 65px) 0
}

.dive-section .title {
    /* font-size: min(max(calc(23.42857px + 3.92857vw), 36px), 80px); */
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 35px);
    margin-bottom: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 1.7857)), 40px);
    padding-bottom: 9px;
}

.dive-section a {
    display: block;
    font-size: min(max(calc(19.28571px + .74405vw), 25px), 30px);
    font-weight: 300;
    margin: 0 auto;
    transition: color .3s;
    width: -moz-fit-content;
    width: fit-content
}

.dive-section a:hover {
    color: #CC5500;
    color: var(--primary)
}

.dive-section.dive-section-sectors .title {
    text-wrap: balance;
    font-size: min(max(calc(-2.85714px + 5.05952vw), 36px), 70px)
}

.hidden {
    display: none
}

.nf-jobs-result {
    padding-top: 100px
}

.popup__block:not(.popup__block__drop_cv) {
    background: #050d14;
    background: var(--black-2);
    border: 1px solid #fff;
    border: 1px solid var(--white);
    border-radius: 25px;
    max-height: 860px;
    max-height: calc(var(--vh, 1vh)*100 - 40px);
    padding: 50px 20px 20px
}

.popup__block:not(.popup__block__drop_cv) .popup__btn-close .cross-clip {
    background: #CC5500;
    background: var(--orange)
}

.popup__block:not(.popup__block__drop_cv) .popup__title {
    color: #fff;
    color: var(--white);
    font-size: min(max(calc(17.14286px + .89286vw), 24px), 30px);
    margin-bottom: 25px
}

.popup__block:not(.popup__block__drop_cv) form {
    background: #fff;
    background: var(--white);
    border-radius: 10px;
    padding: min(max(calc(-14.28571px + 4.46429vw), 20px), 50px)
}

.popup__block:not(.popup__block__drop_cv) h3 {
    color: #0d151c;
    color: var(--black)
}

.popup__block:not(.popup__block__drop_cv) input,
.popup__block:not(.popup__block__drop_cv) textarea {
    border-bottom: 1px solid #233645 !important;
    border-bottom: 1px solid var(--black-pearl) !important;
    margin-bottom: 17px;
    padding-bottom: 17px;
    width: 100%
}

.popup__block:not(.popup__block__drop_cv) input:-webkit-autofill,
.popup__block:not(.popup__block__drop_cv) input:-webkit-autofill:active,
.popup__block:not(.popup__block__drop_cv) input:-webkit-autofill:focus,
.popup__block:not(.popup__block__drop_cv) input:-webkit-autofill:hover,
.popup__block:not(.popup__block__drop_cv) textarea:-webkit-autofill,
.popup__block:not(.popup__block__drop_cv) textarea:-webkit-autofill:active,
.popup__block:not(.popup__block__drop_cv) textarea:-webkit-autofill:focus,
.popup__block:not(.popup__block__drop_cv) textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: inherit !important;
    -webkit-transition: background-color 50000s ease-in-out 0s;
    transition: background-color 50000s ease-in-out 0s
}

.popup__block:not(.popup__block__drop_cv) .buttons-wrap {
    display: flex;
    justify-content: flex-end;
    padding-top: 15px
}

.popup__block.popup__block__drop_cv {
    background: none;
    max-width: 100%;
    overflow: visible;
    padding: 20px;
    width: 1096px
}

.popup__block.popup__block__drop_cv .popup__btn-close .cross-clip {
    background: #CC5500;
    background: var(--orange);
    z-index: 1
}

.popup__block.popup__block__drop_cv .drop-form-wr {
    background: #050d14;
    background: var(--black-2);
    position: relative
}

@media (max-width:1100px) {
    @media (min-width:651px) {
        .progress-swiper-wr .swiper-slide {
            max-width: revert
        }
    }
}

@media (max-width:992px) {
    .news-card {
        flex-direction: column-reverse
    }

    .news-card-thumbnail {
        border-radius: inherit;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        height: 126px;
        width: 100%
    }

    .news-card-thumbnail:before {
        padding-top: 41.72%
    }
}

@media (max-width:768px) {
    .hero-section-form .select-wr:nth-of-type(2) {
        max-width: 31%
    }

    .hero-section-form .select-wr:nth-of-type(3) {
        max-width: 21%
    }

    .mission-swiper-wr .swiper {
        overflow: visible
    }

    .stats-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .journey-text {
        flex-direction: column
    }

    .journey-text-description-wr {
        max-width: none
    }
}

@media (max-width:650px) {
    .progress-swiper-line {
        width: 1010px
    }
}

.home-page .hero-section-bg:after {
    /* background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, 0) 50%); */
    content: "";
    display: block;
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 1
}

@media (max-width:768px) {
    .hero-form {
        flex-direction: column;
        padding: 26px 30px;
        position: relative
    }

    .hero-form .input-wr,
    .hero-form .select-wr {
        border: none !important;
        border-bottom: 1px solid #233645 !important;
        border-bottom: 1px solid var(--black-pearl) !important;
        margin-bottom: 14px;
        max-width: none !important;
        padding-bottom: 17px;
        width: 100% !important
    }

    .hero-form .select-wr {
        padding-left: 0 !important
    }

    .hero-form .select-wr:nth-of-type(2) {
        margin-bottom: 14px;
        padding-bottom: 14px
    }

    .hero-form .select-wr:nth-of-type(3) {
        margin-bottom: 0;
        padding-bottom: 8px;
        width: calc(100% - 65px) !important
    }

    .hero-form .submit-btn {
        bottom: 26px;
        position: absolute;
        right: 29px
    }

    .hero-form .select2-container--default .select2-selection--single .select2-selection__arrow {
        right: -7px
    }
}

@media (max-width:640px) {
    .sector-hero-section {
        padding-top: 264px !important
    }

    .sector-hero-section .hero-sector-icons {
        right: 34px;
        top: 131px
    }

    .sector-hero-section .hero-sector-icons .sector-icon {
        width: 108px
    }

    .team-swiper-wr .swiper:before {
        display: none !important
    }

    .cont {
        margin: 0 auto;
        padding: 0 34px;
        width: 100%
    }

    .hero-section-bg:before {
        /* background: radial-gradient(rgba(13, 21, 28, .31), #050d14) */
    }

    .news-swiper:before {
        display: none
    }

    .home-page .hero-section-bg {
        width: 101%
    }

    .home-page .hero-section-bg img {
        --imgHeight: 25px;
        height: calc(100% + var(--imgHeight));
        -o-object-position: 46% calc(var(--imgHeight)*-1);
        object-position: 46% calc(var(--imgHeight)*-1)
    }

    .news-page .hero-section .hero-section-caption {
        margin-bottom: 0
    }

    .partners-list {
        margin: 0 auto;
        max-width: 450px
    }

    .partners-card {
        width: 50%
    }

    .latest-job-swiper-wr:before {
        display: none
    }

    .hero-section-caption-wr {
        align-items: flex-start;
        flex-direction: column
    }

    .about-us-page .hero-section-caption-wr {
        justify-content: center;
        /* padding-bottom: 160px */
    }

    .hero-section {
        padding-bottom: 210px;
        padding-top: 152px
    }

    .hero-section-title {
        line-height: 1.1
    }

    .hero-section-caption {
        flex: 0 0 auto;
        margin: 0 auto 37px;
        max-width: 100%
    }

    .hero-sector-icons {
        grid-column-gap: 10px;
        grid-template-columns: repeat(4, 1fr);
        margin: 0 auto;
        width: -moz-fit-content;
        width: fit-content
    }

    .hero-sector-icons .sector-icon {
        margin-top: 0 !important
    }

    .hero-sector-icons .sector-icon:nth-of-type(2n) {
        margin-top: 33px !important
    }

    .scroll-down-label {
        bottom: 140px;
        transform: translate(-50%)
    }

    .mission-section {
        padding-top: 48px
    }

    .mission-section-motto {
        line-height: 1.8
    }

    .mission-section-motto h3 {
        line-height: inherit
    }

    .sectors-list {
        flex-direction: column;
        padding-left: 20px;
    }

    .sector-card-wr {
        margin-right: 0
    }

    .sector-card-wr:first-of-type .sector-card {
        border-radius: 15px 15px 0 0
    }

    .sector-card-wr:nth-of-type(4) .sector-card {
        border-radius: 0 0 15px 15px;
        margin-bottom: 0
    }

    .sector-card-wr.active .sector-card-title {
        bottom: calc(100% - 70px)
    }

    .sector-card-wr.active .sector-card-content-hidden {
        max-height: 600px
    }

    .sector-card {
        /* background: linear-gradient(90deg, #97a2ac, #050d14); */
        height: auto;
        margin-bottom: 3px;
        margin-left: auto
    }

    .sector-card-content {
        min-height: 163px
    }

    .sector-card-content-hidden {
        max-height: 0;
        padding-left: 50px;
        position: relative;
        transition: all .3s ease-out, max-height 1s ease-out !important
    }

    .sector-card-icon {
        bottom: 50%;
        left: 0 !important;
        transform: translate(-50%, 50%)
    }

    .sector-card-title {
        bottom: 50%;
        left: 53px !important;
        transform: translateY(45%);
        transition: .5s;
        transition-duration: var(--duration);
        writing-mode: revert
    }

    #progress-card-mobile-popup {
        margin: 25px auto 0;
        max-width: 95vw;
        opacity: 1;
        pointer-events: all;
        position: static;
        transform: none;
        transition: none;
        width: 300px
    }

    #progress-card-mobile-popup .progress-card-popup {
        max-width: 100%;
        min-width: 0;
        width: 100%
    }

    .progress-swiper-wr {
        margin-left: -2px
    }

    .progress-swiper-wr .swiper-wrapper {
        position: static
    }

    .progress-swiper-wr .swiper-slide {
        position: static;
        transform: none
    }

    .progress-swiper-wr .swiper-slide .progress-card {
        min-height: 111px;
        padding-right: 50px;
        position: static
    }

    .mission-swiper-wr {
        margin-left: 0;
        width: 100%
    }

    .mission-card {
        padding: 37px 25px 35px
    }

    .mission-card-title {
        line-height: 1.5;
        padding-bottom: 15px
    }

    .stats-section .title {
        line-height: 1.32;
        margin-bottom: 19px
    }

    .latest-job-section .title-wr {
        margin-bottom: 19px
    }

    .latest-job-section .title-wr .title {
        margin-bottom: 0;
        padding-bottom: 16px
    }

    .latest-job-section .title-wr .btn {
        align-self: flex-end;
        margin-bottom: 0;
        margin-top: 0
    }

    .job-card-sector {
        margin-bottom: 20px
    }

    .job-card-title {
        margin-bottom: 10px;
        padding-bottom: 27px
    }

    .job-card-params {
        padding-bottom: 26px
    }

    .job-card-description {
        font-size: 14px;
        line-height: 1.714
    }

    .sectors-section .title {
        margin-bottom: 67px
    }

    .journey-list {
        grid-gap: 3px 4px;
        margin-bottom: 57px
    }

    .journey-text-title {
        line-height: 1.72;
        margin-bottom: 10px;
        max-width: 100%
    }

    .dive-section .title {
        line-height: 1
    }

    .latest-news-section .title-wr {
        margin-bottom: 19px
    }

    .latest-news-section .title-wr .title {
        margin-bottom: 0;
        padding-bottom: 16px
    }

    .latest-news-section .title-wr .btn {
        align-self: flex-end;
        margin-bottom: 0
    }

    .swiper-pagination {
        width: 125px !important
    }

    .footer {
        padding-bottom: 80px !important
    }
}

@media (max-width:450px) {

    .hero-section-caption,
    .hero-sector-icons {
        width: 100%
    }

    #progress-card-mobile-popup {
        max-width: 100%;
        width: 100%
    }
}

@media (max-width:370px) {
    .progress-swiper-wr .swiper-slide .progress-card {
        padding-right: 30px
    }

    h1 {
        font-size: 44px
    }

    .video-section h3 {
        font-size: 20px;
        padding-bottom: 15px
    }

    .cont {
        padding: 0 20px
    }

    .hero-sector-icons .sector-icon {
        width: 62px
    }

    .job-card {
        padding: 20px
    }

    .diversity-wr {
        padding: 20px !important
    }

    .news-card-title {
        margin-bottom: 20px
    }

    .news-card-text {
        padding: 30px 20px 25px
    }
}

@media (max-height:770px) {
    .hero-section {
        padding-top: 120px
    }
}

.header {
    align-items: center;
    display: flex;
    left: 0;
    min-height: 128px;
    padding: min(max(calc(32.14286px - 2.23214vw), 0px), 15px) 0 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background .25s ease-in-out, height .25s ease-in-out;
    width: 100%;
    z-index: 2
}

.header-btn-wr {
    display: flex;
    gap: min(max(calc(-1.42857px + 1.4881vw), 10px), 20px)
}

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

.header.absolute {
    position: absolute
}

.header.fixed {
    position: fixed
}

.header.scrolled {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    background: rgba(var(--black-rgb), .8);
    height: min(max(calc(14.28571px + 5.95238vw), 60px), 100px)
}

.header.scrolled .logo {
    width: min(max(calc(-20px + 10.41667vw), 60px), 130px)
}

.header .logo {
    flex-shrink: 0;
    height: 100%;
    transition: transform .3s;
    width: 268px
}

.header .logo:before {
    display: none
}

.header .logo:hover {
    transform: scale(1.06)
}

.header .logo img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    filter: unset;
}

a#bold-credits img {
    filter: unset;
}

.main-menu {
    border-radius: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    transform: translateX(calc(-100% + min(max(calc(65px + 15 * ((100vw - 768px) / 672)), 65px), 80px)));
    width: min(max(calc(47.85714px + 2.23214vw), 65px), 80px);
    z-index: 80
}

.main-menu:before {
    background: #233645;
    background: var(--orange);
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%
}

.main-menu .navbar {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: space-between
}

.main-menu .navbar-nav {
    background: #233645;
    background: var(--orange);
    display: flex;
    height: 100%;
    left: 0;
    max-width: 100vw;
    padding-left: 160px;
    position: absolute;
    top: 0;
    transform: translateX(-100%);
    transition: .5s;
    width: 580px
}

.main-menu .navbar-nav.active {
    transform: none
}

.main-menu .menu {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
    width: 100%;
    overflow: auto;
}

.main-menu .menu-item {
    margin-right: 20px;
    position: relative;
    transition: .3s;
    margin-bottom: 20px;
}

.main-menu .menu-item.dropdown .dropdown-menu-link-wr {
    align-items: center;
    display: flex;
    justify-content: flex-start
}

.main-menu .menu-item.dropdown .plus {
    cursor: pointer;
    height: 24.7px;
    margin-left: 10px;
    position: relative;
    transition: transform .2s;
    width: 24.7px
}

.main-menu .menu-item.dropdown .plus:after,
.main-menu .menu-item.dropdown .plus:before {
    /* background: #fff; */
    background: #fff;
    content: "";
    display: block;
    flex-shrink: 0;
    height: 1px;
    left: 0;
    position: absolute;
    top: 50%;
    transform-origin: center;
    transition: .3s;
    width: 24.7px
}

.main-menu .menu-item.dropdown .plus:after {
    transform: rotate(90deg)
}

.main-menu .menu-item.dropdown .plus:hover {
    transform: scale(1.2)
}

.main-menu .menu-item.dropdown .plus:hover:after,
.main-menu .menu-item.dropdown .plus:hover:before {
    background: var(--green) !important;
}

.main-menu .menu-item.dropdown>.menu-link {
    align-items: center;
    display: inline-flex;
    justify-content: space-between
}

.main-menu .menu-item.dropdown:before {
    background: #fff;
    background: var(--white);
    content: "";
    display: block;
    height: 4px;
    left: 0;
    position: absolute;
    top: 25px;
    transition: .3s;
    width: 0;
    content: none;
}

.main-menu .menu-item.dropdown.active {
    padding-left: 0px
}

.main-menu .menu-item.dropdown.active .dropdown-menu-link-wr .menu-link {
    color: #fff;
    color: var(--white)
}

.main-menu .menu-item.dropdown.active:before {
    width: 40px
}

.main-menu .menu-item.dropdown.active .plus:after {
    opacity: 0;
    transform: rotate(90deg)
}

.main-menu .menu-item.dropdown.active .plus:hover:before {
    background: #CC5500;
    background: var(--primary)
}

.main-menu .menu-link {
    font-size: clamp(22px, calc(1.375rem + ((1vw - 7.68px) * 0.5952)), 26px);
    position: relative;
    transition: .25s ease-in-out;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
}

.main-menu .menu-link:hover {
    color: #0D151C;
    color: var(--green)
}

.main-menu .dropdown-menu {
    display: none;
    /* padding: 10px 0 */
}

.main-menu .dropdown-menu li {
    animation: slide-left .8s forwards;
    opacity: 0;
    transform: translateX(-25px)
}

.main-menu .dropdown-menu li .menu-link {
    /* font-size: min(max(calc(17.71429px + .29762vw), 20px), 22px); */
    font-size: clamp(22px, calc(1.375rem + ((1vw - 7.68px) * 0.5952)), 26px);
    font-weight: 400;
    padding: 5px 0;
    text-transform: uppercase;
}

@keyframes slide-left {
    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.menu-toggle {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 13px;
    justify-content: center;
    left: 50%;
    max-width: 55%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 40px
}

.menu-toggle:after,
.menu-toggle:before {
    background: #fff;
    background: var(--white);
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    transform-origin: center;
    transition: .3s;
    width: 100%
}

.menu-toggle:before {
    top: 0;
    width: 50%
}

.menu-toggle:after {
    bottom: 0
}

.menu-toggle {
    transition: .25s ease-in-out
}

.menu-toggle.active:before {
    top: 0;
    transform: rotate(-45deg);
    width: 100%
}

.menu-toggle.active:after {
    top: 0;
    transform: rotate(45deg)
}

.menu-toggle.active:hover:after,
.menu-toggle.active:hover:before {
    background: #CC5500;
    background: var(--white);
}

.menu-toggle:hover:before {
    width: 100%
}

.menu-toggle:hover:after,
.menu-toggle:hover:before {
    background: #3E8D7A;
    background: var(--white);
}

.header-close-wrapper {
    background: rgba(0, 0, 0, .7);
    bottom: 0;
    height: 100%;
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    transition: .25s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 77
}

.header-close-wrapper.active {
    cursor: pointer;
    opacity: 1;
    pointer-events: auto;
    visibility: visible
}

@media (max-width:640px) {
    .header {
        z-index: 81
    }

    .header .cont {
        justify-content: center
    }

    .header .cont .btn-contact {
        display: none
    }

    .main-menu {
        bottom: 0;
        height: 80px;
        top: auto;
        transform: translateX(0);
        width: 100%
    }

    .main-menu:before {
        opacity: 1;
    }

    .main-menu .navbar {
        height: 100vh
    }

    .main-menu .navbar-nav {
        align-items: center;
        height: 100vh;
        max-width: none;
        padding: 100px 36px 77px;
        top: 100%;
        transform: none;
        width: 100%
    }

    .main-menu .navbar-nav.active {
        border-radius: 0 0 50px 0;
        transform: translateY(-100%)
    }

    .main-menu .menu {
        height: auto;
        justify-content: flex-start;
        max-height: 100%;
        overflow-y: auto
    }
}

@media (max-height:555px) and (max-width:375px) {
    .header {
        min-height: 90px
    }

    .main-menu .navbar-nav {
        padding-top: 160px
    }
}

@media (max-height:618px) and (max-width:640px) {
    .header {
        min-height: 90px
    }

    .safari-12 .main-menu .navbar-nav,
    .safari-13 .main-menu .navbar-nav {
        padding-top: 160px
    }
}

.footer {
    overflow: hidden;
    /* padding-top: min(max(calc(-23.71429px + 8.03571vw), 38px), 92px) */
}

.footer-line {
    /* background: linear-gradient(90deg, #0D151C, #233645); */
    /* background: linear-gradient(90deg, var(--black), var(--black-pearl)); */
    background: 2px solid #2E625533;
    height: 1px;
    /* margin-bottom: min(max(calc(33.71429px + 4.46429vw), 68px), 98px); */
    width: 100%;
    background: linear-gradient(90deg, #F4F4F4 0%, #0D151C 50%, #F4F4F4 100%) !important;

}

.footer h4 {
    color: var(--black);
    font-size: 16px;
    margin-bottom: 25px !important;
    line-height: 100%;
}

.footer h4 a {
    transition: .3s
}

.footer h4 a:hover {
    color: #CC5500;
    color: var(--primary)
}

.footer-link {
    align-items: center;
    color: #0D151C;
    color: var(--black);
    cursor: pointer;
    display: flex;
    font-size: 14px;
    letter-spacing: .35px;
    margin-bottom: 25px;
    /* opacity: .55; */
    position: relative;
    transition: .3s;
    line-height: 100%;
}

.footer ul.policy-box a {
    font-size: 12px;
    text-transform: capitalize;
    color: var(--green);
}

.footer-link:after {
    align-self: flex-end;
    color: #CC5500;
    color: var(--primary);
    content: "\e90a";
    font-family: icomoon;
    font-size: 5px;
    padding-bottom: 4px;
    padding-left: 11px
}

.footer-link:hover {
    color: #CC5500;
    color: var(--orange);
    opacity: 1
}

.footer-link i {
    font-size: 18px;
    padding-right: 10px;
    color: var(--black);
}

.footer-copyright {
    color: #0D151C;
    color: var(--black);
    display: flex;
    /* flex-direction: column; */
    font-size: 14px;
    /* padding: min(max(calc(29.28571px - .29762vw), 25px), 27px) 0; */
    justify-content: space-between;
    align-items: center;
    padding: 35px 0 10px;
}

.footer-navbar {
    padding-right: min(max(calc(-51.42857px + 6.69643vw), 0px), 45px)
}

.footer nav,
.footer-navbar {
    display: flex;
    justify-content: space-between
}

.footer-navbar {
    justify-content: start;
}

.footer nav {
    flex-grow: 1;
    max-width: 668px
}

.footer-social-box {
    padding-right: 25px
}

.footer-locations {
    flex-grow: 1;
    max-width: 400px
}

.footer-locations-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.footer-locations li {
    max-width: 48%;
    width: 162px
}

.footer .policy-box {
    padding-top: 42px
}

.footer .policy-box h4 {
    margin-bottom: 13px
}

@media (max-width:768px) {

    .footer-navbar,
    .footer-navbar nav {
        flex-wrap: wrap
    }

    .footer-social-box {
        margin-bottom: 38px
    }

    .footer-locations {
        max-width: revert;
        width: 100%
    }

    .footer .policy-box {
        -moz-column-count: 2;
        column-count: 2;
        -moz-column-gap: 15px;
        column-gap: 15px;
        padding-right: 6px;
        padding-top: 37px;
        width: 100%
    }
}

@media (max-width:640px) {
    .footer-copyright {
        flex-direction: column;
        line-height: 2.28
    }
}

@media (max-width:370px) {
    .footer-link {
        font-size: 13px
    }

    .footer .policy-box h4 {
        font-size: 12px
    }
}

.btn-contact {
    align-items: center;
    /* background: #fff; */
    background: var(--orange);
    border-radius: 100px;
    color: #f4f4f4;
    /* color: var(--black-pearl); */
    cursor: pointer;
    display: inline-flex;
    font-size: 14px;
    justify-content: center;
    line-height: normal;
    min-width: min(max(calc(98.71429px + 3.42262vw), 125px), 148px);
    padding: min(max(calc(4.28571px + .74405vw), 10px), 15px);
    transition: .3s;
    text-transform: uppercase;
}

.btn-contact:hover {
    background: #f4f4f4;
    color: var(--orange);
}

.btn-contact.transparent-bg {
    background: transparent;
    border: 1.5px solid #fff;
    color: #fff
}

.btn-contact.transparent-bg:hover {
    background: #fff !important;
    color: var(--orange) !important;
}

.submit-btn {
    align-items: center;
    background: var(--green);
    border-radius: 8px;
    color: #fff;
    color: var(--white);
    cursor: pointer;
    display: flex;
    flex-shrink: 0;
    font-size: 14px;
    height: 45px;
    justify-content: center;
    transition: .3s;
    width: 45px
}

.submit-btn:hover {
    background: #3E8D7A;
    background: var(--green)
}

.submit-btn.submit-btn-text {
    padding: 0 10px;
    width: -moz-fit-content;
    width: fit-content
}

.submit-btn.submit-btn-text span {
    padding-right: 8px
}

.btn {
    --hover-btn-color: var(--primary);
    align-items: center;
    display: inline-flex;
    flex-shrink: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    overflow: hidden;
    position: relative
}

.btn span {
    font-size: inherit;
    line-height: inherit;
    transition: -webkit-clip-path .3s;
    transition: clip-path .3s;
    transition: clip-path .3s, -webkit-clip-path .3s
}

.btn span:after {
    content: "\e90a";
    font-family: icomoon;
    font-size: 5px;
    padding-left: 10px;
    color: var(--orange);
}

.btn span:first-of-type {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    text-transform: uppercase;
}

.btn span:last-of-type {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
    color: var(--orange);
    display: block;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1;
    text-transform: uppercase;
}

.btn.active-icon span:after {
    color: #CC5500;
    color: var(--orange);
}

.btn:hover span:first-of-type {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%)
}

.btn:hover span:last-of-type {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    left: 0;
    right: auto;
    width: 100%
}

.swiper-buttons {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    position: relative;
    width: 130px
}

.swiper-button {
    color: #CC5500;
    color: var(--orange);
    margin: 0
}

input,
textarea {
    /* color: #233645; */
    color: var(--black);
    font-family: "Montserrat", sans-serif !important;
    font-family: var(--font-main)
}

input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover,
textarea:-webkit-autofill,
textarea:-webkit-autofill:active,
textarea:-webkit-autofill:focus,
textarea:-webkit-autofill:hover {
    -webkit-text-fill-color: inherit !important;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    letter-spacing: .4px
}

input::placeholder,
textarea::placeholder {
    letter-spacing: .4px
}

.select2-container {
    left: 0 !important;
    width: 100% !important
}

.select2-container * {
    border: none !important;
    border-radius: 0 !important
}

.select2-container--open .select2-dropdown {
    color: #233645;
    color: var(--black-pearl);
    overflow: hidden
}

.select2-container--open .select2-dropdown.select2-dropdown--below {
    transform: translateY(11px);
    width: 100% !important
}

.select2-search--dropdown {
    display: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 21px;
    padding-right: 28px
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background: #CC5500;
    background: var(--green)
}

.select2-selection__arrow {
    align-items: center;
    color: #233645;
    color: var(--black-pearl);
    display: inline-flex;
    font-size: 8px;
    justify-content: center;
    right: 5px !important
}

.select2-selection__arrow b {
    display: none
}

.select2-selection__arrow:before {
    content: "\e901";
    display: inline-block;
    font-family: icomoon;
    transform-origin: center
}

.select2-container--focus .select2-selection__arrow:before,
.select2-container--open .select2-selection__arrow:before {
    transform: rotateX(180deg) translateZ(-1px)
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #0D151C;
}

.drop-form-wr {
    background: #f4f4f4 !important;
    /* background: var(--black); */
    border: 2px solid var(--green) !important;
    /* border: 1.5px solid var(--black); */
    border-radius: 25px;
    padding: min(max(calc(9px + 2.08333vw), 25px), 39px) min(max(calc(-25.71429px + 5.95238vw), 20px), 60px) min(max(calc(-13.14286px + 4.31548vw), 20px), 49px)
}

.upload-btn label {
    cursor: pointer;
    transition: .3s
}

.upload-btn label:hover {
    color: #CC5500;
    color: var(--orange)
}

.drop-cv-form {
    background: #fff;
    background: var(--white);
    border: 1.5px solid #0D151C;
    border: 1.5px solid var(--black);
    border-radius: 10px;
    color: #0d151c;
    color: var(--black);
    display: flex;
    padding: 9px 10px;
    width: 100%
}

.drop-cv-form-motto {
    font-size: 14px;
    line-height: 171%;
    margin-bottom: min(max(calc(-2.57143px + 2.67857vw), 18px), 36px);
    max-width: 410px
}

.drop-cv-form .input-wr {
    align-items: center;
    border-right: 1px solid #0d151c;
    border-right: 1px solid var(--black);
    display: flex;
    flex-shrink: 0;
    font-size: min(max(calc(11.71429px + .29762vw), 14px), 16px);
    padding-left: min(max(calc(-33.14286px + 4.31548vw), 0px), 29px);
    width: 28.3%
}

.drop-cv-form .input-wr:nth-of-type(2) {
    padding-left: 20px;
    width: 30.1%
}

.drop-cv-form .select-wr {
    align-items: center;
    border-right: 1px solid #0d151c;
    border-right: 1px solid var(--black);
    display: flex;
    flex-shrink: 0;
    font-size: min(max(calc(11.71429px + .29762vw), 14px), 16px);
    position: relative;
    width: 20%
}

.drop-cv-form .upload-btn {
    align-items: center;
    display: flex;
    flex-grow: 1;
    padding-left: 20px
}

.drop-cv-form .upload-btn label {
    display: block
}

.drop-cv-form .upload-btn .upload-status {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    width: 100%
}

.drop-cv-form .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 20px
}

.drop-cv-form .select2-container--default .select2-selection--single .select2-selection__arrow {
    right: 8px
}

.drop-cv-form .select2-selection__arrow {
    font-size: 11px;
    right: min(max(calc(-32.46154px + 3.36538vw), 2px), 16px) !important;
    top: 4px !important
}

.drop-cv-form .submit-btn {
    font-size: min(max(calc(5.42857px + .59524vw), 10px), 14px);
    height: min(max(calc(34.28571px + .74405vw), 40px), 45px);
    width: min(max(calc(34.28571px + .74405vw), 40px), 45px)
}

@media (min-width:993px) {
    .alerts-section.drop-cv-section .title {
        margin-bottom: min(max(calc(-4px + 3.125vw), 20px), 41px)
    }

    .alerts-section.drop-cv-section .drop-form-wr {
        padding-left: min(max(calc(-20px + 5.20833vw), 20px), 55px)
    }

    .alerts-section.drop-cv-section .drop-cv-form .input-wr {
        flex-grow: 0;
        width: 30.9%
    }

    .alerts-section.drop-cv-section .drop-cv-form .select-wr:nth-of-type(2) {
        width: 24.2%
    }

    .alerts-section.drop-cv-section .drop-cv-form .select-wr:nth-of-type(3) {
        width: 17.6%
    }

    .alerts-section.drop-cv-section .drop-cv-form .select-wr:nth-of-type(4) {
        flex-grow: 1;
        width: auto
    }
}

@media (max-width:992px) {
    .drop-cv-form {
        flex-wrap: wrap;
        padding: 10px 18px min(max(calc(27.14286px - 1.19048vw), 10px), 18px)
    }

    .drop-cv-form .input-wr,
    .drop-cv-form .select-wr {
        border: none;
        border-bottom: 1px solid #0d151c;
        border-bottom: 1px solid var(--black);
        max-width: 100% !important;
        min-height: 58px;
        padding-left: 0 !important;
        width: 100% !important
    }

    .drop-cv-form .select2-selection__arrow {
        font-size: 9px;
        right: -2px !important;
        top: 2px !important
    }

    .drop-cv-form .select2-container .select2-selection--single .select2-selection__rendered {
        padding-left: 0
    }

    .drop-cv-form .select-wr {
        margin-bottom: 7px
    }

    .drop-cv-form .upload-btn {
        font-size: 14px;
        padding-left: 0
    }
}

@media (max-width:768px) {
    .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-left: 0
    }
}

@media (max-width:640px) {
    .drop-form-wr {
        background: rgba(13, 21, 28, .5)
    }
}

.select2-container--default .select2-selection--multiple {
    background: none;
    border: none;
    border-bottom: 1px solid #0d151c;
    border-bottom: 1px solid var(--black);
    border-radius: 0;
    position: relative
}

.select2-container--default .select2-selection--multiple:before {
    color: inherit;
    content: "\e901";
    font-family: icomoon;
    font-size: 8px;
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%)
}

.select2-container--open .select2-selection--multiple:before {
    top: 5px;
    transform: rotateX(180deg)
}

.select2-container .select2-search--inline .select2-search__field {
    font-size: 12px;
    height: 18px
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none;
    border-bottom: 1px solid #0d151c;
    border-bottom: 1px solid var(--black)
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: none;
    border: none;
    font-size: 16px;
    padding-left: 13px
}

.select2-selection__choice__display {
    display: none;
    padding-right: 0
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: flex;
    flex-wrap: wrap
}

.select2-search {
    display: none !important
}

.select2-placeholder {
    align-items: center;
    display: flex;
    font-size: 16px;
    height: 100%;
    left: 0;
    padding: 0 28px 0 21px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%
}

.select2-container--default .select2-selection--multiple {
    cursor: pointer
}

.select2-container--default .select2-results>.select2-results__options {
    overflow-y: auto;
    /* scrollbar-color: #CC5500 rgba(0, 0, 0, .1);
    scrollbar-color: var(--primary) rgba(0, 0, 0, .1);
    scrollbar-width: 5px */
}

/* .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar {
    background: rgba(0, 0, 0, .1);
    border-radius: 3px;
    height: 2px;
    width: 4px
}

.select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb {
    background: #CC5500;
    background: var(--orange);
    border-radius: 3px;
    cursor: pointer
} */

.select2-container--default .select2-results>.select2-results__options {
    max-height: min(max(calc(149px + 2.08333vw), 165px), 179px)
}

.pagination {
    align-items: center;
    margin-top: min(max(calc(-26.14286px + 8.48214vw), 39px), 96px)
}

.pagination,
.pagination__arrow {
    display: flex;
    justify-content: center
}

.pagination__arrow {
    border: 1.5px solid #97a2ac;
    border: 1.5px solid var(--black);
    border-radius: 5px;
    cursor: pointer;
    height: 28px;
    margin-left: 17px;
    position: relative;
    transition: .3s ease;
    width: 28px
}

.pagination__arrow:hover {
    background-color: var(--green);
    /* background-color: var(--orange) */
}

.pagination__arrow:before {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' fill='none'%3E%3Cpath fill='%2397A2AC' d='M6.377 5 1.685 9.692l-.707-.707L4.963 5 .978 1.016l.707-.707L6.377 5Z'/%3E%3Cpath fill='%2397A2AC' d='M11.377 5 6.685 9.692l-.707-.707L9.963 5 5.978 1.016l.707-.707L11.377 5Z'/%3E%3C/svg%3E");
    background-position: 50%;
    background-repeat: no-repeat;
    content: "";
    height: 26px;
    width: 12px
}

.pagination__arrow--prev {
    margin-left: 0;
    margin-right: 17px
}

.pagination__arrow--prev:before {
    transform: scale(-1)
}

.pagination__arrow.disabled {
    opacity: .5;
    pointer-events: none
}

.pagination__num {
    /* border: 1.5px solid #97a2ac; */
    border: 1px solid var(--black);
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    font-size: 14px;
    height: 40px;
    justify-content: center;
    line-height: 39px;
    margin: 0 3px;
    transition: .3s ease;
    width: 40px;
    /* background-color: var(--green); */
    color: var(--black);
}

.pagination__num.active,
.pagination__num:hover {
    background-color: var(--green);
    color: #fff;
    border-color: var(--green);
}

.about-us-page .footer {
    /* padding-top: min(max(calc(1.42857px + 4.7619vw), 38px), 70px) */
}

.about-us-page .hero-section-caption-wr {
    /* padding-bottom: min(max(calc(-103.14286px + 19.94048vw), 50px), 184px) */
}

.about-us-page .latest-job-section {
    padding-top: min(max(calc(-37.14286px + 7.44048vw), 20px), 70px)
}

.vision-section {
    margin-top: min(max(calc(55.71429px - 26.78571vw), -330px), -150px);
    padding: 0 0 min(max(calc(17.85714px + 2.23214vw), 35px), 50px)
}

.vision-wr {
    display: flex;
    flex-direction: column
}

.vision-wr .video-wr {
    margin-left: auto;
    margin-right: 0;
    max-width: 78%;
    position: relative;
    z-index: 1
}

.vision-content-wr {
    background: #050d14;
    background: var(--black-2);
    border: 1.5px solid #97a2ac;
    border: 1.5px solid var(--black);
    border-radius: 25px;
    margin-top: min(max(calc(19.14286px - 6.39881vw), -73px), -30px);
    padding: 39px min(max(calc(22.28571px - .29762vw), 18px), 20px) min(max(calc(17.71429px + 3.42262vw), 44px), 67px) min(max(calc(-25.71429px + 5.95238vw), 20px), 60px)
}

.vision-content-wr .title {
    margin-bottom: 27px;
    padding-bottom: 9px
}

.vision-content {
    display: flex;
    gap: min(max(calc(-21.42857px + 6.69643vw), 30px), 75px)
}

.vision-content-caption {
    font-size: min(max(calc(15.71429px + .29762vw), 18px), 20px);
    line-height: 1.5;
    max-width: 268px
}

.vision-content-list {
    display: flex;
    flex-wrap: wrap;
    gap: 25px 0
}

.vision-content-list li {
    width: 33.3%
}

.vision-content-list li:last-of-type {
    width: 45%
}

.vision-content-list li h3 {
    font-size: min(max(calc(13.42857px + .59524vw), 18px), 22px);
    font-weight: 500;
    margin-bottom: 9px
}

.vision-content-list li p {
    color: #0D151C;
    color: var(--black);
    font-size: 14px
}

.vision-content .marker-line {
    background: linear-gradient(90deg, #0d151c, #97a2ac, #0d151c);
    background: linear-gradient(to right, var(--black), var(--black), var(--black));
    height: 6px;
    margin-bottom: 13px;
    width: 50px
}

.ab-cards-section {
    padding: min(max(calc(-17.85714px + 8.18452vw), 45px), 100px) 0 min(max(calc(-16.42857px + 6.69643vw), 35px), 80px)
}

.ab-cards-section .swiper-slide {
    display: flex;
    height: auto
}

.ab-cards-section .swiper:not(.swiper-initialized) {
    margin: 0 auto;
    max-width: 1120px
}

.ab-cards-section .swiper:not(.swiper-initialized) .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.ab-cards-section .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
    max-width: 498px;
    width: 49%
}

.ab-card {
    border: 1.5px solid #97a2ac;
    border: 1.5px solid var(--black);
    border-radius: 25px;
    font-size: 14px;
    line-height: 1.71;
    overflow: hidden;
    padding: min(max(calc(-7px + 4.16667vw), 25px), 53px) min(max(calc(-15px + 5.20833vw), 25px), 60px) min(max(calc(-26.42857px + 6.69643vw), 25px), 70px);
    position: relative;
    width: 100%
}

.ab-card-bg {
    background: #000;
    z-index: -1
}

.ab-card-bg,
.ab-card-bg:after,
.ab-card-bg:before {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ab-card-bg:after,
.ab-card-bg:before {
    background: linear-gradient(90deg, rgba(13, 21, 28, .8), rgba(13, 21, 28, .2), rgba(13, 21, 28, .8));
    content: "";
    display: block;
    opacity: .4;
    z-index: 4
}

.ab-card-bg:after {
    background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, .49), #0d151c);
    opacity: 1;
    z-index: 3
}

.ab-card-bg .bg-layer {
    background: #000;
    mix-blend-mode: saturation;
    z-index: 2
}

.ab-card-bg .bg-layer,
.ab-card-bg img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.ab-card-bg img {
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 1
}

.ab-card h2 {
    font-size: min(max(calc(-6px + 4.16667vw), 26px), 54px);
    line-height: 1;
    margin-bottom: 15px
}

.ab-card h3 {
    font-size: min(max(calc(8.57143px + 1.4881vw), 20px), 30px);
    font-weight: 300;
    margin-bottom: 17px;
    padding-bottom: 12px
}

.ab-card-text {
    --line-count: 6;
    --fz: 14px;
    --line-height: 1.71;
    font-size: 16px;
    font-size: var(--fz);
    line-height: var(--line-height);
    max-height: calc(16px*var(--line-height)*var(--line-count));
    max-height: calc(var(--fz)*var(--line-height)*var(--line-count))
}

.ab-card-text .simplebar-scrollbar:before {
    /* background-color: #CC5500; */
    background-color: var(--green);
    color: #CC5500;
    color: var(--orange);
    left: 1px;
    opacity: 1 !important;
    right: 1px
}

.ab-card-text .simplebar-track.simplebar-vertical {
    background: hsla(0, 0%, 100%, .2) !important;
    border-radius: 5px;
    opacity: 1 !important;
    right: -8px;
    width: 5px
}

.become-section {
    padding: min(max(calc(-23.28571px + 7.58929vw), 35px), 86px) 0
}

.become-tabs-body {
    /* align-items: flex-end; */
    display: flex;
    gap: 46px
}

.become-tabs {
    flex-grow: 1
}

.become-tabs-content-rt {
    border-radius: 25px;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 46.6%
}

.become-tabs-content-rt:before {
    content: "";
    display: block;
    /* padding-top: 114.94%; */
    padding-top: 100%;
}

.become-tabs-item {
    line-height: 150%;
    margin-bottom: 27px;
    position: relative;
    padding-bottom: 20px;
}

.become-tabs-item-thumbnail-text-wr {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    left: 0;
    padding: min(max(calc(-14.28571px + 4.46429vw), 20px), 50px) min(max(calc(-71.42857px + 11.90476vw), 20px), 100px) min(max(calc(-14.28571px + 4.46429vw), 20px), 50px) min(max(calc(-14.28571px + 4.46429vw), 20px), 50px);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.become-tabs-item-thumbnail-text-wr:before {
    /* background: linear-gradient(90deg, rgba(13, 21, 28, .58), #0d151c); */
    content: "";
    display: block;
    height: 100%;
    left: 0;
    opacity: .58;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.become-tabs-item-thumbnail-text {
    font-size: 14px;
    line-height: 171%;
    max-height: 100%;
    overflow-y: auto;
    padding-right: 15px;
    position: relative;
    /* scrollbar-color: hsla(0, 0%, 100%, .5) hsla(0, 0%, 100%, .1);
    scrollbar-width: 5px; */
    width: calc(100% + 15px);
    z-index: 2
}

/* .become-tabs-item-thumbnail-text::-webkit-scrollbar {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 3px;
    height: 2px;
    width: 4px
}

.become-tabs-item-thumbnail-text::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 3px;
    cursor: pointer
} */

.become-tabs-item-thumbnail-text .ski-story {
    margin-bottom: 20px
}

.become-tabs-item-thumbnail-text h3 {
    font-size: min(max(calc(11.14286px + .89286vw), 18px), 24px);
    margin-bottom: 20px
}

.become-tabs-item-thumbnail {
    overflow: hidden;
    max-height: 400px;
    border-radius: 20px;
}

.become-tabs-item-thumbnail,
.become-tabs-item-thumbnail img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.become-tabs-item-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover
}

.become-tabs-item .border-bottom {
    border-bottom: 2px solid;
    /* border-bottom: 2px solid var(--black); */
    bottom: 0;
    left: 0;
    max-width: 100%;
    position: absolute;
    width: min(max(calc(178.57143px + 16.07143vw), 338px), 410px);
    border-image: linear-gradient(90deg, #0D151C 0%, #F4F4F4 100%);
    border-image-slice: 1;
}

.become-tabs-item:last-of-type .border-bottom {
    display: none
}

.become-tabs-item .title-wr {
    color: #0D151C;
    color: var(--black);
    cursor: pointer;
    margin-bottom: 15px;
    position: relative;
    transition: color .3s;
    width: 100%
}

.become-tabs-item .title-wr:before {
    color: #CC5500;
    color: var(--primary);
    content: "+";
    display: block;
    font-size: min(max(calc(2.57143px + 3.57143vw), 30px), 54px);
    line-height: 1;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(calc(-54% - min(max(calc(9px + -9 * ((100vw - 768px) / 672)), 0px), 9px)));
    transition: opacity .3s
}

.become-tabs-item .title-wr:hover {
    color: #CC5500;
    color: var(--primary)
}

ul.become-tabs {
    padding-bottom: clamp(1px, calc(0.0625rem + ((1vw - 11px) * 13.8235)), 48px);
}

.become-tabs-item .title {
    /* font-size: min(max(calc(-6px + 4.16667vw), 26px), 54px);
    line-height: 1.2;
    margin-bottom: 0; */
    padding-bottom: 15px;
    padding-right: 20px;
    width: -moz-fit-content;
    width: fit-content
}

.become-tabs-item .title:before {
    /* opacity: 0 */
}

.become-tabs-item.active .title-wr {
    color: var(--black);
}

.become-tabs-item.active .title-wr:before {
    opacity: 0
}

.become-tabs-item.active .title:before {
    opacity: 1
}

.become-tabs-item.active .content-hidden {
    color: #0D151C;
    color: var(--black);
    display: block
}

.become-tabs-item .content-hidden {
    display: none;
    font-size: 14px;
    /* padding-bottom: 30px */
}

.become-tabs-item .content-hidden .become-tabs-item-thumbnail-wr {
    display: none
}

.become-tabs-item p {
    margin-bottom: 10px
}

.become-tabs-item p:last-of-type {
    margin-bottom: 0
}

.become-tabs-item:last-of-type {
    margin-bottom: -5px
}

.become-tabs-item:last-of-type .title-wr {
    margin-bottom: 0
}

.become-tabs-item:last-of-type .content-hidden {
    padding-bottom: 0;
    padding-top: 24px
}

@media (max-width:992px) {
    .become-tabs-content-rt {
        display: none
    }

    .become-tabs-item-thumbnail-wr {
        display: block !important
    }

    .become-tabs-item-thumbnail {
        border-radius: 25px;
        margin: 0 auto 30px;
        max-width: 400px;
        overflow: hidden;
        position: relative;
        width: 100%
    }

    .become-tabs-item-thumbnail:before {
        content: "";
        display: block;
        padding-top: 73.61%
    }

    .become-tabs-item-thumbnail-text-wr {
        height: revert;
        padding: 0;
        position: relative
    }

    .become-tabs-item-thumbnail-text {
        height: auto;
        padding-right: 0;
        width: 100%
    }

    .become-tabs-item-thumbnail-text p,
    .become-tabs-item-thumbnail-text p:last-of-type {
        margin-bottom: 10px
    }

    .become-tabs-item .border-bottom {
        width: 100%
    }
}

.diversity {
    padding: min(max(calc(.71429px + 4.46429vw), 35px), 65px) 0 min(max(calc(-31.42857px + 6.69643vw), 20px), 65px)
}

.diversity-wr {
    /* background: #050d14; */
    /* background: var(--black-2); */
    /* border: 2px solid #97a2ac; */
    border: 2px solid var(--green);
    border-radius: 25px;
    display: flex;
    gap: min(max(calc(-34px + 8.33333vw), 30px), 86px);
    padding: min(max(calc(10.57143px + 2.52976vw), 30px), 47px) min(max(calc(7.14286px + 2.97619vw), 30px), 50px);
    align-items: center;
}

.diversity .title {
    /* color: #fff; */
    /* color: var(--white); */
    /* font-size: min(max(calc(-6px + 4.16667vw), 26px), 54px); */
    /* line-height: 1.2; */
    margin-bottom: 15px;
    padding-bottom: 9px;
}

.diversity-thumbnail {
    align-self: center;
    border-radius: 25px;
    flex-shrink: 0;
    max-width: 30%;
    overflow: hidden;
    position: relative;
    width: 300px
}

.diversity-thumbnail:before {
    content: "";
    display: block;
    padding-top: 85.66%
}

.diversity-thumbnail img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.diversity .diversity-thumbnail-text {
    display: none
}

.diversity {
    color: #0D151C;
    color: var(--black);
    font-size: 14px
}

.diversity p {
    line-height: 171%;
    margin-bottom: 10px
}

.diversity p:last-of-type {
    margin-bottom: 0
}

.csr {
    padding: min(max(calc(-10.28571px + 6.54762vw), 40px), 84px) 0 0;
    position: relative
}

.csr-bg {
    height: auto;
    left: 50%;
    opacity: .06;
    overflow: visible;
    transform: translate(-48.1%, -27.4%);
    width: 132.99%;
    z-index: 0
}

.csr-bg:before {
    content: "";
    display: block;
    padding-top: 26.87%
}

.csr-content {
    /* display: flex;
    gap: 35px 16px */
}

.csr .title {
    line-height: 1.2;
    margin-bottom: 10px;
    padding-bottom: 9px
}

.csr-caption {
    flex-shrink: 0;
    max-width: 552px;
    width: 50%
}

.csr-caption-text {
    font-size: 14px;
    line-height: 170%;
    margin-bottom: 12px
}

.csr-motto {
    font-size: min(max(calc(8.57143px + 1.4881vw), 20px), 30px);
    font-weight: 300;
    line-height: 128%
}

.csr-motto b {
    color: #CC5500;
    color: var(--primary);
    font-weight: inherit
}

.csr .csr-video {
    /* padding: min(max(calc(.71429px + 4.46429vw), 35px), 65px) 0; */
    position: relative
}

.csr .csr-video .video-wr {
    margin: 0 auto
}

.latest-news-section-caption .title {
    margin-bottom: 12px;
    padding-bottom: 9px
}

.latest-news-section-motto {
    font-size: 14px;
    line-height: 170%;
    margin-bottom: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 1.7857)), 40px);
    max-width: 552px
}

.latest-section-bg {
    /* height: min(max(calc(-60.57143px + 50.59524vw), 328px), 668px); */
    left: 0;
    max-height: 100%;
    position: absolute;
    top: 50%;
    transform: translateY(-48%);
    width: 100%;
    z-index: -1
}

.latest-section-bg picture img {
    filter: grayscale(1);
}

.latest-section-bg:before {
    /* background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, .85), #0d151c); */
    content: "";
    display: block;
    height: 100%;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1;
    background: radial-gradient(50% 50% at 50% 50%, rgba(244, 244, 244, 0.78) 0%, #F4F4F4 100%);

}

.latest-section-bg img {
    height: calc(100% - 2px);
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 1px;
    width: 100%;
    z-index: 0
}

.latest-news-section-about .news-swiper {
    overflow: hidden;
    width: calc(59.725% + 20px + 38vw)
}


section.hero-section.home-page h1.hero-section-title {
    top: unset;
    position: static;
    transform: unset;
}

@media (min-width:1600px) {
    .latest-news-section-about .news-swiper {
        width: calc(100% - 620px + 50vw)
    }
}

.latest-news-section-about .news-swiper:before {
    display: none
}

@media (max-width:640px) {
    .latest-news-section-about .news-swiper {
        width: 100%
    }
}

.journey-section-about-page {
    padding-bottom: min(max(calc(-5.14286px + 3.27381vw), 20px), 42px);
    padding-top: min(max(calc(8px + 4.16667vw), 40px), 68px)
}

.journey-section-about-page .journey-text {
    gap: 14px;
    justify-content: flex-start
}

.journey-section-about-page .journey-text-title {
    margin-bottom: 25px
}

.journey-section-about-page .journey-text-description-wr {
    max-width: 510px
}

.journey-section-about-page .journey-text-description-wr p {
    margin-bottom: 10px
}

.journey-section-about-page .journey-text-description-wr p:last-of-type {
    margin-bottom: 0
}

.journey-section-about-page .journey-text-description-wr .btn {
    /* display: none */
}

@media (max-width:992px) {
    .ab-cards-section .swiper:not(.swiper-initialized) .swiper-wrapper {
        flex-direction: column;
        gap: 30px
    }

    .ab-cards-section .swiper:not(.swiper-initialized) .swiper-wrapper .swiper-slide {
        margin: 0 auto;
        max-width: 498px;
        width: 100%
    }

    .ab-card p {
        color: #0D151C;
        color: var(--black)
    }

    .vision-content-caption {
        max-width: 100%
    }

    .vision-content {
        flex-direction: column
    }
}

@media (max-width:768px) {
    .vision-content-list {
        gap: 20px 15px
    }

    .vision-content-list li {
        width: calc(50% - 15px)
    }

    .vision-content-list li:last-of-type {
        width: 100%
    }

    .journey-section-about-page .journey-text {
        gap: 0
    }

    .journey-section-about-page .journey-text-caption .btn {
        display: none
    }

    .journey-section-about-page .journey-text-title {
        font-size: 22px;
        line-height: 171%;
        margin-bottom: 20px;
        max-width: 100%
    }

    .journey-section-about-page .journey-text-description .btn {
        /* color: #fff;
        color: var(--white); */
        display: block;
        font-size: 16px;
        margin-top: 25px
    }

    .diversity-wr {
        flex-direction: column
    }

    .diversity-thumbnail {
        display: none
    }

    .diversity-thumbnail-text {
        display: block !important;
        margin: 0 auto 20px;
        max-width: 100%;
        width: 320px
    }

    .csr-content {
        /* flex-direction: column */
    }

    .csr-caption {
        max-width: 100%;
        width: 100%
    }

    .latest-section-bg {
        top: 0;
        transform: translateY(1%)
    }

    .latest-section-bg img {
        -o-object-position: 36% center;
        object-position: 36% center
    }
}

@media (max-width:640px) {
    .csr-motto {
        line-height: 1.9
    }
}

@media (max-width:450px) {
    .vision-wr .video-wr {
        max-width: 92%
    }

    .vision-content-wr,
    .vision-wr .video-wr,
    .vision-wr .video-wr video {
        border-radius: 15px
    }

    .video-wr:before {
        padding-top: 52.04%
    }
}

.tile-hill-popup {
    background: red
}

@media (min-width:1200px) {
    .energy-page .partners-section {
        padding-bottom: 87px
    }

    .rail-page .case-study-section {
        padding-top: 29px
    }

    .rail-page .partners-section {
        padding-bottom: 87px
    }

    .rail-page .latest-news-section {
        padding-bottom: 60px
    }

    .rail-page .latest-news-section .title {
        padding-bottom: 9px
    }

    .rail-page .latest-news-section .title-wr a {
        margin-top: 23px
    }

    .projects-page .stats-section {
        padding: 121px 0 82px
    }

    .projects-page .work-with-section {
        padding-bottom: 50px
    }

    .projects-page .case-study-section {
        padding-top: 70px
    }

    .projects-page .latest-job-section {
        padding-top: 65px
    }

    .projects-page .latest-news-section {
        padding-bottom: 60px
    }

    .projects-page .latest-news-section .title {
        padding-bottom: 9px
    }

    .projects-page .latest-news-section .title-wr a {
        margin-top: 23px
    }

    .tech-page .sector-mission-cards {
        padding: 95px 0 126px
    }

    .tech-page .sector-mission-cards-bg {
        transform: translateY(-6%)
    }

    .tech-page .sector-mission-cards .mission-card {
        padding-bottom: 44px
    }

    .tech-page .stats-section {
        padding-top: 113px
    }

    .tech-page .work-with-section {
        padding-bottom: 50px
    }

    .tech-page .case-study-section {
        padding-top: 74px
    }

    .tech-page .latest-job-section {
        padding-top: 65px
    }

    .tech-page .latest-job-section+.latest-news-section {
        padding-top: 0
    }

    .tech-page .latest-news-section {
        padding-bottom: 60px
    }

    .tech-page .latest-news-section .title {
        padding-bottom: 9px
    }

    .tech-page .latest-news-section .title-wr a {
        margin-top: 23px
    }
}

.tech-page .latest-job-section+.latest-news-section {
    padding-top: 0
}

.video-section {
    /* color: #97a2ac; */
    color: var(--black);
    /* margin-top: -86px; */
    padding: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) 0 !important;
}

.video-section-content {
    /* align-items: flex-end; */
    align-items: center;
    display: flex;
    justify-content: space-between
}

.video-section-text {
    line-height: 155%;
    margin-right: 25px;
    max-width: 460px;
    padding-bottom: 15px
}

.video-section .video-wr {
    max-width: 50%
}

.video-section h3 {
    color: #fff;
    color: var(--black);
    font-weight: 500;
    margin-bottom: 15px;
    padding-bottom: 15px;
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 35px);
}

.video-section p {
    font-size: 14px;
    /* margin-bottom: 30px; */
}

.video-section a.btn {
    margin-top: 30px;
}

.video-wr {
    --plyr-video-control-background-hover: var(--primary);
    --plyr-range-fill-background: var(--primary);
    --plyr-color-main: var(--primary);
    background: #97a2ac;
    background: var(--black);
    border: 1.5px solid #97a2ac;
    border: 1.5px solid var(--black);
    border-radius: 25px;
    flex-shrink: 0;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    width: 552px
}

.video-wr:before {
    content: "";
    display: block;
    padding-top: 56.04%
}

.video-wr video {
    border-radius: 25px;
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.video-wr .plyr {
    border-radius: inherit;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0
}

.video-wr .plyr:not(.start-playing) .plyr__controls {
    opacity: 0;
    pointer-events: none
}

.video-wr .plyr__video-wrapper {
    background: #97a2ac;
    background: var(--black)
}

.video-wr .plyr__poster {
    background-color: #97a2ac;
    background-color: var(--black);
    background-size: cover
}

.video-wr .plyr__control--overlaid {
    height: min(max(calc(32.14286px + 5.05952vw), 71px), 105px);
    left: 48.8%;
    width: min(max(calc(32.14286px + 5.05952vw), 71px), 105px)
}

.video-wr .plyr__control--overlaid svg {
    height: min(max(calc(-9.28571px + 5.50595vw), 33px), 70px);
    left: 9%;
    width: min(max(calc(9px + 4.16667vw), 41px), 69px)
}

.sector-mission-cards {
    /* padding: min(max(calc(-69.14286px + 16.81548vw), 60px), 173px) 0 min(max(calc(23.14286px + 7.14286vw), 78px), 126px); */
    padding: 0px !important;
    position: relative;
}

.sector-mission-cards .mission-card {
    padding-bottom: 50px
}

.sector-mission-cards .mission-card-title:before {
    transform: translate(-60%)
}

.sector-mission-cards .swiper {
    padding-bottom: 2px
}

.sector-mission-cards-bg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: translateY(5%);
    width: 100%
}

.sector-mission-cards-bg:before {
    /* background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, .85), #0d151c); */
    background: #F4F4F4;
    content: "";
    display: block;
    height: calc(100% + 2px);
    left: 0;
    position: absolute;
    top: -1px;
    width: 100%;
    z-index: 1
}

.sector-mission-cards-bg img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.sector-mission-swiper-wr .swiper-slide {
    display: flex;
    height: auto
}

.jt-section {
    padding: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) 0;
}

.jt-section-bg {
    height: auto;
    left: 50%;
    opacity: .06;
    overflow: visible;
    transform: translate(-49.7%, -20.3%);
    width: 132.99%;
    z-index: 0
}

.jt-section-bg:before {
    content: "";
    display: block;
    padding-top: 26.87%
}

.jt-section-content {
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 1;
    align-items: center;
}

.jt-section-thumbnail {
    /* align-self: flex-start; */
    align-self: center;
    border-radius: 25px;
    flex-shrink: 0;
    max-width: 40%;
    overflow: hidden;
    position: relative;
    width: 372px
}

.jt-section-thumbnail:before {
    /* content: "";
    display: block;
    padding-top: 71.23% */
}

.jt-section-thumbnail img {
    /* height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100% */
}

.jt-section-tabs {
    flex-grow: 1;
    font-size: 14px;
    padding: min(max(calc(10.85714px + 1.19048vw), 20px), 28px) min(max(calc(5.14286px + 1.93452vw), 20px), 33px) min(max(calc(-2.85714px + 2.97619vw), 20px), 40px) min(max(calc(1.42857px + 3.72024vw), 30px), 55px);
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    max-width: 460px;
    padding: 0px;
    margin-left: 25px;
}

/* .jt-section-thumbnail {
    max-width: 552px;
    width: 100%;
} */
.video-section-content picture,
.jt-section-thumbnail {
    max-width: 552px !important;
    width: 100% !important;
    border-radius: 25px;
    overflow: hidden;
    height: 311px;
}

.video-section-content picture img,
.jt-section-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.jt-section-tabs-list {
    display: flex;
    gap: min(max(calc(-5.14286px + 3.27381vw), 20px), 42px);
    margin-bottom: 17px
}

.jt-section-tabs-item-content {
    line-height: 171%;
    max-width: 552px
}

.jt-section-tab h3 {
    cursor: pointer;
    font-size: min(max(calc(16.15385px + .96154vw), 26px), 30px);
    line-height: 1.2;
    padding-bottom: 14px;
    transition: color .3s
}

.jt-section-tab h3:before {
    display: none
}

.jt-section-tab h3.active:before {
    display: block
}

.jt-section-tab h3:hover {
    color: #CC5500;
    color: var(--primary)
}

.sdv-section {
    padding: min(max(calc(-23.14286px + 9.52381vw), 50px), 114px) 0 49px
}

.sdv-section .title {
    margin-bottom: 52px;
    padding-bottom: 10px
}

.sdv-swiper {
    margin: 0 auto;
    max-width: 1040px;
    overflow: visible;
    position: relative
}

.sdv-swiper:before {
    background: linear-gradient(90deg, #0d151c, #3E8D7A, #0d151c);
    bottom: 0;
    content: "";
    display: block;
    height: 3px;
    position: absolute;
    width: 100%
}

.sdv-body {
    -moz-column-gap: 19px;
    column-gap: 19px;
    justify-content: space-between
}

.sdv-body,
.sdv-item {
    display: flex;
    position: relative
}

.sdv-item {
    --tr-duration: 500ms;
    cursor: pointer;
    flex-direction: column;
    justify-content: flex-end;
    min-height: 254px;
    padding-bottom: 28px;
    transition: all .5s;
    transition-duration: .38s;
    width: min(max(calc(27.42857px + .59524vw), 32px), 36px)
}

.sdv-item:before {
    background: #fff;
    background: var(--white);
    border: 5px solid #0d151c;
    border: 5px solid var(--black);
    border-radius: 50%;
    bottom: 0;
    content: "";
    display: block;
    height: 28px;
    left: 4px;
    position: absolute;
    transform: translateY(50%);
    transition-duration: inherit;
    width: 28px
}

.sdv-item-thumbnail {
    bottom: 4px;
    left: 0;
    max-width: 381px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    transform: scale(0);
    transform-origin: center;
    transition: all;
    transition-duration: inherit;
    width: 100%;
    z-index: -1
}

.sdv-item-thumbnail:before {
    content: "";
    display: block;
    padding-top: 66.66%
}

.sdv-item-thumbnail img {
    -o-object-fit: cover;
    object-fit: cover
}

.sdv-item-thumbnail .mixed-layer,
.sdv-item-thumbnail img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sdv-item-thumbnail .mixed-layer:first-of-type {
    background: linear-gradient(90deg, #0d151c, rgba(13, 21, 28, .65), #0d151c);
    z-index: 2
}

.sdv-item-thumbnail .mixed-layer:nth-of-type(2) {
    background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, .65), #0d151c);
    z-index: 1
}

.sdv-item-title {
    font-size: min(max(calc(21.42857px + .59524vw), 26px), 30px);
    font-weight: 300;
    margin-bottom: 0;
    transform: rotate(-90deg);
    transform-origin: 17px center;
    transition: all .3s;
    transition-duration: inherit;
    width: -moz-max-content;
    width: max-content
}

.sdv-item-content {
    display: none;
    font-size: 14px;
    padding-bottom: 22px
}

.sdv-item-content-text {
    margin-bottom: 20px;
    max-width: 500px
}

.sdv-item:hover:before {
    background: #CC5500;
    background: var(--primary)
}

.sdv-item:hover .sdv-item-title {
    color: #CC5500;
    color: var(--primary)
}

.sdv-item.active {
    flex-grow: 1
}

.sdv-item.active:before {
    background: #1c6c89;
    background: var(--blue)
}

.sdv-item.active .sdv-item-title {
    color: #CC5500;
    color: var(--primary);
    margin-bottom: 20px;
    transform: none
}

.sdv-item.active .sdv-item-thumbnail {
    opacity: 1;
    transform: none
}

#sdv-item-content-mobile {
    margin-top: 20px
}

#sdv-item-content-mobile .sdv-item-title {
    color: #CC5500;
    color: var(--orange);
    margin-bottom: 13px;
    transform: none
}

.stats-section.stats-section-col-3 .stats-grid {
    display: flex;
    flex-wrap: wrap;
    gap: min(max(calc(-87.42857px + 13.9881vw), 20px), 114px);
    justify-content: center
}

.stats-section.stats-section-col-3 .stats-card {
    flex-wrap: wrap;
    min-width: 136px
}

.team-swiper-section {
    padding: 45px 0
}

.team-swiper-section .title {
    margin-bottom: 35px;
    padding-bottom: 9px;
    width: calc(100% + 7px)
}

.team-swiper-wr {
    padding-bottom: 54px;
    position: relative
}

.team-swiper-wr .swiper {
    overflow: visible;
    position: relative
}

.team-swiper-wr .swiper:before {
    background: #0d151c;
    background: var(--black);
    content: "";
    display: block;
    height: calc(100% + 2px);
    position: absolute;
    right: calc(100% + 2px);
    top: -1px;
    width: 100%;
    z-index: 2
}

.team-swiper-wr .swiper-slide {
    display: flex;
    height: auto;
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

@media (min-width:1200px) {
    .team-swiper-wr .swiper-pagination {
        transform: translateX(-9px) !important
    }
}

.teammate-card {
    border: 2px solid var(--green);
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    max-width: 100%;
    overflow: hidden;
    transition: all .3s;
    width: 410px
}

.teammate-card-thumbnail {
    overflow: hidden;
    position: relative;
    min-height: 300px;
    border: 2px solid var(--green);
    border-radius: 28px;
    margin: -2px;
}

.team-mate-titl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}

.teammate-card-thumbnail:before {
    content: "";
    display: block;
    padding-top: 56.56%
}

.teammate-card-thumbnail img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    transition: transform .3s;
    width: 100%
}

.teammate-card-text {
    /* background: #0d151c;
    background: var(--black); */
    color: #0D151C;
    color: var(--black);
    flex-grow: 1;
    font-size: 14px;
    padding: min(max(calc(1.71429px + 2.38095vw), 20px), 36px) min(max(calc(-17.14286px + 5.35714vw), 24px), 60px) min(max(calc(8.57143px + 1.4881vw), 20px), 30px)
}

.teammate-card-text h3 {
    /* font-size: min(max(calc(15.42857px + .59524vw), 20px), 24px); */
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 0px;
    color: var(--green);
}

.teammate-card-text a {
    line-height: normal;
    transition: color .3s
}

.teammate-card-text a:hover {
    color: #CC5500;
    color: var(--primary)
}

.teammate-card-text i {
    font-size: 23px;
    color: var(--green);
}

.teammate-card-text i:hover {
    color: var(--orange);
}

.teammate-card-info {
    align-items: flex-start;
    display: flex;
    gap: 15px;
    justify-content: space-between
}

.teammate-card-info p {
    color: var(--orange);
    font-weight: 500;
    font-size: 13px;
    line-height: 125%;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.teammate-card-info-descr {
    line-height: 171%;
    margin-top: 15px
}

.work-with-section {
    padding: min(max(calc(2px + 6.25vw), 50px), 92px) 0
}

.work-with-section .ww-swiper-wr {
    margin: 0 0 0 12.5vw;
    padding: 0
}

@media (max-width:640px) {
    .work-with-section .ww-swiper-wr {
        margin: 0;
        padding: 0
    }

    .work-with-section .ww-swiper-wr .swiper {
        padding-left: 20px;
        padding-right: 20px
    }
}

.work-with-section .title {
    color: #0D151C;
    color: var(--black);
    font-size: 22px;
    margin-bottom: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 1.7857)), 40px);
    text-align: center
}

.work-with-section .swiper {
    overflow: visible;
    position: relative
}

.work-with-section .swiper:before {
    background: #f4f4f4;
    /* background: var(--black); */
    content: "";
    display: block;
    height: calc(100% + 2px);
    position: absolute;
    right: calc(100% + 2px);
    top: -1px;
    width: 100%;
    z-index: 2
}

@media (min-width:451px) {
    .work-with-section .swiper {
        width: 100%
    }
}

@media (max-width:640px) {
    .work-with-section .swiper:before {
        display: none
    }
}

.work-with-section .swiper-slide {
    --padding-right: min(max(calc(-4.62857px + 7.1131vw), 50px), 97.8px);
    align-items: center;
    display: flex;
    height: auto;
    max-height: 68px;
    padding-right: var(--padding-right)
}

.work-with-section .swiper-slide img {
    max-height: 100%
}

@media (max-width:450px) {
    .work-with-section .swiper-slide {
        --padding-right: 0;
        justify-content: center;
        max-width: 100%;
        padding-left: 19px;
        padding-right: 19px
    }
}

.work-with-section .swiper-button {
    margin-top: 35px;
    position: static
}

.case-study-section {
    padding: min(max(calc(-7.14286px + 7.44048vw), 50px), 100px) 0 min(max(calc(-8.42857px + 5.65476vw), 35px), 73px)
}

.case-study-section-content {
    margin: 0 auto;
    /* max-width: 836px */
}

.case-study-section .title {
    margin-bottom: 0;
    padding-bottom: min(max(calc(25.14286px - 1.19048vw), 8px), 16px)
}

.case-study-section .title-wr {
    align-items: flex-end;
    margin-bottom: clamp(28px, calc(1.75rem + ((1vw - 7.68px) * 1.7857)), 40px);
}

.case-study-card {
    /* border: 2px solid var(--green); */
    border-radius: 25px;
    display: flex;
    justify-content: space-between;
    overflow: hidden
}

.case-study-card-thumbnail {
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    width: 49%
}

.case-study-card-thumbnail:before {
    content: "";
    display: block;
    padding-top: 88.34%
}

.case-study-card-thumbnail img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.case-study-card-text {
    font-size: 14px;
    line-height: 171.4%;
    padding: min(max(calc(3.14286px + 2.97619vw), 26px), 46px) min(max(calc(17.14286px + 2.97619vw), 40px), 60px) min(max(calc(1.42857px + 3.72024vw), 30px), 55px);
    border: 2px solid var(--green);
    border-right: none;
    border-top-left-radius: 25px;
    border-bottom-left-radius: 25px;
}

.case-study-card-text h3 {
    font-size: min(max(calc(15.42857px + .59524vw), 20px), 24px);
    line-height: 1.41;
    margin-bottom: 40px;
    padding-bottom: 15px;
}

.case-study-card-text-content {
    --line-count: 7;
    --fz: 14px;
    --line-height: 1.714;
    font-size: 16px;
    font-size: var(--fz);
    line-height: var(--line-height);
    max-height: calc(16px*var(--line-height)*var(--line-count));
    max-height: calc(var(--fz)*var(--line-height)*var(--line-count))
}

.case-study-card-text-content .simplebar-scrollbar:before {
    /* background-color: #CC5500; */
    background-color: var(--green);
    color: #CC5500;
    color: var(--orange);
    left: 1px;
    opacity: 1 !important;
    right: 1px
}

.case-study-card-text-content .simplebar-track.simplebar-vertical {
    background: hsla(0, 0%, 100%, .2) !important;
    border-radius: 5px;
    opacity: 1 !important;
    right: -8px;
    width: 5px
}

.case-study-card-sector {
    font-size: 14px;
    margin-bottom: 15px;
    color: var(--orange) !important;
    text-transform: uppercase;
    font-weight: 500;
}

.drop-cv-section {
    padding: min(max(calc(-21px + 7.29167vw), 35px), 84px) 0 min(max(calc(-22.28571px + 5.50595vw), 20px), 57px)
}

.drop-cv-section .title {
    /* font-size: min(max(calc(-6px + 4.16667vw), 26px), 54px);
    margin-bottom: min(max(calc(28.85714px - .89286vw), 16px), 22px);
    padding-bottom: min(max(calc(27.14286px - 1.19048vw), 10px), 18px) */
    margin-bottom: 15px !important;
    padding-bottom: 9px !important;
}

@media (max-width:992px) {
    .sdv-body {
        gap: 0
    }

    .sdv-item {
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

    .sdv-item.active {
        flex-grow: 0;
        pointer-events: none
    }

    .sdv-item.active .sdv-item-title {
        opacity: 0;
        transform: rotate(-90deg) translateX(20px)
    }

    .sdv-item.active:before {
        pointer-events: all
    }

    .sdv-item-thumbnail {
        display: none
    }
}

@media (max-width:1024px) {
    .jt-section-content {
        flex-direction: column
    }

    .jt-section-thumbnail {
        margin: 0 auto 30px;
        max-width: 100%
    }

    .jt-section-thumbnail.mb-hidden {
        display: none !important
    }

    .jt-section-thumbnail.lg-hidden {
        display: block !important
    }

    .jt-section-tabs {
        padding: 0
    }

    .jt-section-tabs-list {
        justify-content: center
    }

    .jt-section-tabs-item-content {
        max-width: 100%
    }
}

.sdv-vertical-section {
    padding: min(max(calc(-28.85714px + 10.26786vw), 50px), 119px) 0 33px
}

/* .sdv-vertical-body {
    display: flex;
    gap: min(max(calc(-79.28571px + 14.88095vw), 35px), 135px);
    padding-left: min(max(calc(-161.14286px + 20.98214vw), 0px), 141px)
} */
.sdv-vertical-body {
    display: flex;
    /* gap: min(max(calc(-79.28571px + 14.88095vw), 35px), 135px); */
    padding-left: 0px;
    /* max-width: 872px; */
    max-width: 1200px;
    width: 100%;
    margin: auto;
    justify-content: space-between;
}

.sdv-vertical-body .title {
    align-self: flex-start;
    flex-shrink: 0;
    padding-bottom: 9px;
    padding-top: min(max(calc(-38.85714px + 5.05952vw), 0px), 34px)
}

.sdv-vertical-body-items {
    flex-grow: 1;
    flex-shrink: 0;
    max-width: 55%;
    padding: 39px 0;
    position: relative;
    transition: .3s
}

.sdv-vertical-body-items[\:has\(\.active\)] {
    padding-bottom: 15px
}

.sdv-vertical-body-items:has(.active) {
    padding-bottom: 15px
}

.sdv-vertical-body-items:before {
    background: linear-gradient(0deg, #0d151c, #1c6c89, #0d151c);
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 3px;
    z-index: 0
}

.sdv-vertical-item {
    --padding-left: 33px;
    margin-bottom: min(max(calc(3px + 4.16667vw), 35px), 63px)
}

.sdv-vertical-item:last-of-type {
    margin-bottom: 0
}

.sdv-vertical-item-content-wr {
    display: none;
    margin-bottom: -33px;
    padding-left: var(--padding-left)
}

.sdv-vertical-item-thumbnail {
    display: none;
    left: -10px;
    max-width: 545px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    transform: scale(0);
    transform-origin: center;
    transition: all .3s;
    width: 100%;
    z-index: -1
}

.sdv-vertical-item-thumbnail:before {
    content: "";
    display: block;
    padding-top: 60.55%
}

.sdv-vertical-item-thumbnail img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.sdv-vertical-item-thumbnail .mixed-layer {
    height: calc(100% + 2px);
    left: -1px;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px)
}

.sdv-vertical-item-thumbnail .mixed-layer:first-of-type {
    background: linear-gradient(90deg, #0d151c, rgba(13, 21, 28, .65), #0d151c);
    z-index: 2
}

.sdv-vertical-item-thumbnail .mixed-layer:nth-of-type(2) {
    background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, .65), #0d151c);
    z-index: 1
}

.sdv-vertical-item-title {
    cursor: pointer;
    padding-left: var(--padding-left);
    position: relative;
    transition: .3s;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--black);
}

.sdv-vertical-section-solutions-bg {
    display: none;
}

.jt-section a.btn {
    margin-top: 30px;
}

.sdv-vertical-item-title:before {
    /* background: #fff; */
    background: var(--green);
    border: 5px solid #f4f4f4;
    border-radius: 50%;
    content: "";
    display: block;
    height: 28px;
    left: 2px;
    position: absolute;
    top: min(max(calc(-.71429px + .74405vw), 5px), 10px);
    transform: translateX(-50%);
    transition: .3s;
    width: 28px
}

.sdv-vertical-item-title:hover {
    color: #CC5500;
    color: var(--primary);
    /* opacity: .8 */
}

.sdv-vertical-item-title:hover:before {
    background: #CC5500;
    background: var(--primary)
}

.sdv-vertical-item-text {
    color: #0D151C;
    color: var(--black);
    font-size: 14px;
    padding-bottom: 30px;
    padding-top: 15px
}

.sdv-vertical-item.active .sdv-vertical-item-title {
    color: var(--green)
}

.sdv-vertical-item.active .sdv-vertical-item-title:before {
    background: #CC5500;
    background: var(--primary)
}

.sdv-vertical-item.active .sdv-vertical-item-thumbnail {
    opacity: 1;
    transform: scale(1)
}

.sector-gallery-section {
    padding: 64px 0 72px
}

.sector-gallery-section .title {
    margin-bottom: min(max(calc(11px + 3.125vw), 35px), 56px)
}

.gallery-swiper-wr {
    padding-bottom: 55px;
    position: relative
}

.gallery-swiper-wr .swiper {
    overflow: visible
}

.gallery-swiper-wr .swiper-slide {
    max-width: 410px;
    width: 100%
}

.sw-gallery-item {
    border-radius: 25px;
    overflow: hidden;
    position: relative
}

.sw-gallery-item:before {
    content: "";
    display: block;
    padding-top: 60.97%
}

.sw-gallery-item img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%
}

.sm-swiper-wr {
    margin: 0 auto;
    max-width: 836px
}

.sm-swiper-wr .swiper-slide {
    display: flex;
    height: auto
}

.sm-swiper-wr .mission-card {
    max-width: 100%;
    width: 100%
}

@media (max-width:768px) {
    .video-section-content {
        align-items: center;
        flex-direction: column
    }

    .video-section-text {
        padding-bottom: 30px
    }

    .video-section .video-wr {
        max-width: 400px;
        width: 100%
    }

    .case-study-card {
        flex-direction: column-reverse
    }

    .case-study-card-thumbnail {
        height: 235px;
        width: 100%
    }

    .case-study-card-thumbnail:before {
        display: none
    }

    .swiper-slide .case-study-card-thumbnail {
        height: auto
    }

    .swiper-slide .case-study-card-thumbnail:before {
        content: "";
        display: block;
        padding-top: 41.72%
    }

    .swiper-slide .case-study-card-sector {
        margin-bottom: 16px
    }

    .swiper-slide .case-study-card-text h3 {
        margin-bottom: 20px;
        padding-bottom: 12px
    }

    .sdv-vertical-body {
        flex-direction: column;
        gap: 0
    }

    .sdv-vertical-body .title {
        align-self: center;
        margin-bottom: 10px
    }

    .sdv-vertical-body .title:before {
        left: 50%;
        transform: translate(-50%)
    }

    .sdv-vertical-body-items {
        max-width: 100%
    }
}

@media (max-width:640px) {
    .clients-page .hero-section-caption-wr {
        justify-content: center
    }

    .sector-gallery-section .title {
        text-align: center
    }
}

@media (max-width:425px) {
    .sdv-item {
        width: min(max(calc(-37.5px + 18vw), 30px), 39px)
    }
}

@media (max-width:370px) {
    .sdv-item {
        width: min(max(calc(-29px + 20vw), 35px), 45px)
    }
}

.job-search .hero-section {
    /* background: #0d151c; */
    /* background: var(--black); */
    /* min-height: 0; */
    /* min-height: auto; */
    padding-bottom: min(max(calc(78.57143px + 1.4881vw), 90px), 100px);
    padding-top: 226px
}

.job-search .hero-form-wr {
    padding-right: min(max(calc(-62.85714px + 8.18452vw), 0px), 55px);
    width: 100%
}

.job-search .hero-form-wr .select-wr:nth-child(3) {
    border-right: 1px solid #233645;
    border-right: 1px solid var(--black-pearl);
    border-right: none !important;
}

.job-search .hero-form-wr .select-wr:nth-child(2),
.job-search .hero-form-wr .select-wr:nth-child(3),
.job-search .hero-form-wr .select-wr:nth-child(4) {
    width: 22%
}

@media (min-width:641px) {
    .job-search .hero-form .input-wr {
        flex-grow: 1
    }

    .job-search .hero-form .select-wr {
        /* border-right: none; */
        margin-right: 5px;
        width: 26.4%
    }
}

.job-search__reset {
    /* margin-top: 28px; */
    margin-top: min(max(calc(16.28571px + 1.78571vw), 30px), 42px);
}

.job-search__reset .select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
    padding-right: 16px
}

.job-search__reset .select2-selection__arrow {
    right: -1px !important
}

.job-search__sort {
    align-items: center;
    display: inline-flex;
    margin-left: auto;
    /* margin-top: 17px; */
    position: relative
}

.job-search__sort>span {
    font-size: 14px;
    line-height: 32px;
    margin-right: 10px;
    /* text-transform: uppercase; */
}

.job-search__sort .select2-selection--single {
    background-color: transparent;
    cursor: pointer;
}

.job-search__sort .select2-selection--single .select2-selection__placeholder,
.job-search__sort .select2-selection--single .select2-selection__rendered {
    /* color: #fff; */
    /* color: var(--black); */
    color: var(--orange);
    font-size: 14px
}

.job-search__sort .select2-selection--single .select2-selection__arrow {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.083' height='6.577'%3E%3Cg fill='%23fff'%3E%3Cpath d='M3.041 0h1v6h-1z'/%3E%3Cpath d='m6.376 2.335.707.707-3.536 3.535-.707-.707z'/%3E%3Cpath d='m4.242 5.87-.707.707L0 3.04l.707-.707z'/%3E%3C/g%3E%3C/svg%3E") 50% /contain no-repeat;
    height: 7px;
    top: 11px;
    width: 7px;
    filter: invert(1);
}

.job-search__sort .select2-selection--single .select2-selection__arrow:before {
    display: none
}

.job-search__sort .select2-container--open .select2-selection__arrow {
    transform: rotate(180deg)
}

.job-search .jobs-box {
    margin-top: min(max(calc(16.28571px + 1.78571vw), 30px), 42px)
}

.job-search .jobs-box__wrapper {
    display: flex;
    width: 100%
}

.job-search .jobs-box__btn {
    align-items: center;
    /* background-color: #1c6c89; */
    background-color: var(--orange);
    border-radius: 8px;
    cursor: pointer;
    display: none;
    flex: 0 0 auto;
    height: 44px;
    justify-content: center;
    overflow: hidden;
    transition: .3s ease;
    width: 44px
}

.job-search .jobs-box__btn span {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='12' fill='none'%3E%3Cpath fill='%23fff' d='M6.333 11.833h3.334v-1.666H6.333v1.666ZM3 6.833h10V5.167H3v1.666ZM.5.167v1.666h15V.167H.5Z'/%3E%3C/svg%3E") 50% /contain no-repeat;
    height: 12px;
    width: 15px
}

.job-search .jobs-box__btn:hover {
    background-color: #3E8D7A;
    background-color: var(--green)
}

.job-search .jobs-box__close-btn {
    align-items: center;
    /* background-color: #233645; */
    background-color: var(--green);
    bottom: 0;
    display: none;
    height: 80px;
    justify-content: center;
    left: 0;
    position: fixed;
    transform: translateY(100%);
    transition: .3s ease;
    width: 100vw;
    z-index: 100
}

.job-search .jobs-box__close-btn span {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%23fff' d='M2.667 23.667.334 21.333 9.667 12 .334 2.667 2.667.333l9.334 9.334L21.334.333l2.333 2.334L14.334 12l9.333 9.333-2.333 2.334-9.333-9.334-9.334 9.334Z'/%3E%3C/svg%3E") 50% /contain no-repeat;
    cursor: pointer;
    height: 24px;
    transition: .3s ease;
    width: 24px
}

.job-search .jobs-box__close-btn span:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath fill='%2#CC5500' d='M2.667 23.667.334 21.333 9.667 12 .334 2.667 2.667.333l9.334 9.334L21.334.333l2.333 2.334L14.334 12l9.333 9.333-2.333 2.334-9.333-9.334-9.334 9.334Z'/%3E%3C/svg%3E") 50% /contain no-repeat
}

.job-search .jobs-box__close-btn.open {
    transform: translateY(0)
}

.job-search .jobs-box__bottom {
    align-items: center;
    display: none;
    justify-content: space-between;
    margin-top: auto;
    width: 100%
}

.job-search .jobs-box__filter {
    margin-right: 50px;
    max-width: 284px;
    width: 100%
}

.job-search .jobs-box__form .input-wr {
    align-items: center;
    background-color: #fff;
    background-color: var(--white);
    border: 1.5px solid #97a2ac;
    border: 1.5px solid var(--black);
    border-radius: 10px;
    display: flex;
    font-size: 16px;
    margin-bottom: 16px;
    overflow: hidden;
    padding: min(max(calc(13.57143px + .44643vw), 17px), 20px) min(max(calc(-2.85714px + 2.97619vw), 20px), 40px);
    width: 100%
}

.job-search .jobs-box__form input {
    letter-spacing: .25px;
    width: 100%
}

.job-search .jobs-box__form input::-moz-placeholder {
    color: #0D151C;
    color: var(--black);
    opacity: .55
}

.job-search .jobs-box__form input::placeholder {
    color: #0D151C;
    color: var(--black);
    opacity: .55
}

.job-search .jobs-box__accardion {
    position: relative
}

.job-search .jobs-box__accardion:before {
    background-color: #CC5500;
    background-color: var(--orange);
    bottom: -23px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 40px;
    display: none;
}

.job-search .jobs-box__accardion:not(:last-child) {
    margin-bottom: 20px;
}

.job-search .jobs-box__accardion:last-child:before {
    display: none
}

.job-search .jobs-box__accardion-title {
    margin-bottom: 15px;
    transition: .3s ease;
    width: -moz-fit-content;
    width: fit-content;
    font-weight: 500;
    text-transform: uppercase;
}

.job-search .jobs-box__accardion-title:hover {
    color: #CC5500;
    color: var(--primary);
    cursor: pointer
}

.job-search .jobs-box__accardion-content {
    align-items: flex-start;
    /* border-left: 1px solid #97a2ac; */
    border-left: 1px solid var(--orange);
    display: flex;
    flex-direction: column
}

.job-search .jobs-box__accardion-content label {
    align-items: center;
    cursor: pointer;
    display: flex;
    padding-left: 12px;
    position: relative;
    transition: .3s ease
}

.job-search .jobs-box__accardion-content label span:last-child {
    display: inline-block;
    font-size: 13px;
    /* margin-left: 7px; */
    margin-top: 2px
}

.job-search .jobs-box__accardion-content input[type=checkbox] {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.job-search .jobs-box__accardion-content input[type=checkbox]:checked~.jobs-box__checkbox {
    background: #CC5500;
    background: var(--green)
}

.job-search .jobs-box__checkbox {
    /* border: 1px solid #97a2ac; */
    border: 1px solid var(--green);
    border-radius: 3px;
    height: 14px;
    width: 14px;
    position: relative;
}

.job-search .jobs-box__checkbox:hover+.jobs-box__label-name {
    color: #CC5500;
    color: var(--orange)
}

.job-search .jobs-box__job-box {
    width: 100%
}

.job-search .jobs-box__job-box .job-card {
    height: auto;
    max-width: 100%;
    width: 100%
}

.job-search .jobs-box__job-box .job-card:not(:last-child) {
    margin-bottom: 16px
}

@media (max-width:1023px) {
    .job-search .hero-form-wr .hero-form {
        flex-direction: column;
        padding: 28px 20px 22px;
        position: relative
    }

    .job-search .hero-form-wr .hero-form .submit-btn {
        bottom: 20px;
        height: 40px;
        position: absolute;
        right: 20px;
        width: 40px
    }

    .job-search .hero-form-wr .hero-form .input-wr,
    .job-search .hero-form-wr .hero-form .select-wr {
        border: none !important;
        border-bottom: 1px solid #233645 !important;
        border-bottom: 1px solid var(--black-pearl) !important;
        margin-bottom: 14px;
        max-width: none !important;
        padding-bottom: 17px;
        width: 100% !important
    }

    .job-search .hero-form-wr .hero-form .select-wr {
        margin-bottom: 0 !important;
        padding-bottom: 0;
        padding-left: 0;
        width: calc(100% - 50px) !important
    }

    .job-search .hero-form-wr .hero-form .select-wr .select2-container--default .select2-selection--multiple {
        padding-bottom: 17px
    }

    .job-search .hero-form-wr .hero-form .select-wr .select2-container--open .select2-dropdown.select2-dropdown--below {
        transform: translateY(1px)
    }

    .job-search .hero-form-wr .hero-form .select-wr:nth-child(4) {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 8px;
        width: calc(100% - 65px) !important
    }

    .job-search .jobs-box__wrapper {
        flex-direction: column
    }

    .job-search .jobs-box__close-btn {
        display: flex
    }

    .job-search .jobs-box__btn {
        display: flex;
        margin-bottom: 20px
    }

    .job-search .jobs-box__filter {
        align-items: flex-end;
        background-color: #f4f4f4;
        /* background-color: var(--black); */
        display: flex;
        flex-direction: column;
        height: 100vh;
        left: 0;
        margin-right: 0;
        max-width: none;
        opacity: 0;
        padding: 30px 34px 110px;
        position: fixed;
        top: 0;
        transform: translateX(-100%);
        transition: .3s ease;
        visibility: hidden;
        width: 100vw;
        z-index: 100
    }

    .job-search .jobs-box__filter.open {
        opacity: 1;
        transform: translateX(0);
        visibility: visible
    }

    .job-search .jobs-box__form {
        max-height: calc(100vh - 200px);
        width: 100%
    }

    .job-search .jobs-box__form .simplebar-content {
        align-items: flex-start;
        display: flex;
        flex-direction: column
    }

    .job-search .jobs-box__form .simplebar-track {
        right: -10px
    }

    .job-search .jobs-box__form .simplebar-vertical {
        width: 7px
    }

    .job-search .jobs-box__form .simplebar-vertical .simplebar-scrollbar:before {
        /* background-color: #fff; */
        background-color: var(--green);
        opacity: 1
    }

    .job-search .jobs-box__bottom {
        display: flex
    }
}

@media (max-width:640px) {
    .job-search .hero-section-caption {
        margin: 0
    }
}

.filter-label-wr {
    position: relative;
    margin-bottom: 8px;
}

.filter-label-wr .filter-toggle {
    --bg-color: var(--white);
    cursor: pointer;
    flex-shrink: 0;
    height: 10px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
    transition: .15s;
    width: 10px;
}

.filter-label-wr .filter-toggle:hover {
    --bg-color: var(--primary);
    transform: scale(1.3)
}

.filter-label-wr .filter-toggle:after,
.filter-label-wr .filter-toggle:before {
    background: var(--black);
    content: "";
    display: block;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    transform-origin: center;
    transition: opacity .3s;
}

.filter-label-wr .filter-toggle:before {
    height: 100%;
    width: 1px
}

.filter-label-wr .filter-toggle:after {
    height: 1px;
    width: 100%
}

.filter-label-wr .filter-toggle+input+.jobs-box__checkbox {
    margin-left: 0 !important
}

.filter-label-wr ul {
    display: none;
    padding-left: 25px;
    margin-top: 10px;
}

.filter-label-wr ul label {
    padding-left: 0 !important
}

.filter-label-wr ul .jobs-box__checkbox {
    margin-left: 13px;
    flex: 0 0 auto;
}

.filter-label-wr label.active .filter-toggle:before {
    opacity: 0
}

.filter-label-wr .jobs-box__label-name {
    margin: 0 !important;
    padding-left: 7px;
    transition: color .3s;
    font-size: 13px;
    text-transform: capitalize;
}

.filter-label-wr .jobs-box__label-name:hover {
    color: #CC5500;
    color: var(--orange)
}

@media (min-width:768px) {
    .job-post-page .hero-section {
        /* min-height: min(max(calc(450px + 31.25vw), 690px), 900px); */
        padding-bottom: min(max(calc(-226.46154px + 22.11538vw), 0px), 92px)
    }
}

.job-post-page .hero-section .hero-section-tags {
    align-items: center;
    display: flex;
    flex-wrap: wrap
}

.job-post-page .hero-section .hero-section-tags span {
    background-color: #fff;
    color: var(--green);
    border-radius: 5px;
    font-size: min(max(calc(2.57143px + 1.4881vw), 14px), 24px);
    line-height: min(max(calc(12.57143px + 2.52976vw), 32px), 49px);
    margin-right: 10px;
    margin-top: 10px;
    padding: 0 min(max(calc(2px + 1.04167vw), 10px), 17px)
}

.job-post-page .hero-section .hero-section-social {
    align-items: center;
    display: flex;
    margin-top: min(max(calc(1.71429px + 2.38095vw), 20px), 36px)
}

@media (min-width:1800px) {
    .job-post-page .hero-section .hero-section-social {
        margin-right: 46px
    }
}

.job-post-page .hero-section .hero-section-social span {
    margin-right: 13px;
    /* color: var(--black); */
    color: var(--green);
    font-weight: 500;
    display: inline-block;
}

.job-post-page .hero-section .hero-section-social .social-btn {
    color: #0D151C;
    color: var(--black);
    cursor: pointer;
    font-size: 18px;
    margin-right: 10px;
    transition: .3s ease
}

.job-post-page .hero-section .hero-section-social .social-btn {
    color: var(--green)
}

.job-post-page .hero-section .hero-section-social .social-btn:hover {
    color: var(--green)
}

@media (min-width:1440px) {
    .job-post-page .hero-section .hero-section-caption-wr {
        max-width: 859px
    }
}

@media (min-width:1800px) {
    .job-post-page .hero-section .hero-section-caption-wr {
        max-width: 1100px
    }
}

@media (min-width:1960px) {
    .job-post-page .hero-section .hero-section-caption-wr {
        max-width: 100%
    }
}

@media (max-width:640px) {
    .job-post-page .hero-section .hero-section-caption-wr {
        justify-content: flex-end
    }
}

.job-post-page .job-post__post {
    /* margin-top: min(max(calc(410.28571px - 43.00595vw), -209px), 80px);   */
    position: relative;
    z-index: 1
}

.job-post-page .job-post__wrapper {
    display: flex
}

.job-post-page .job-post__col {
    padding-top: 13px;
    width: 100%
}

.job-post-page .job-post__col .teammate-card {
    width: 100%
}

.job-post-page .job-post__col .teammate-card .teammate-card-thumbnail:before {
    padding-top: 74.56%
}

.job-post-page .job-post__col .teammate-card .teammate-card-text {
    padding: 26px 26px 24px
}

.job-post-page .job-post__col .teammate-card .teammate-card-text p {
    font-size: 13px
}

.job-post-page .job-post__col .teammate-card .teammate-card-text span {
    display: inline-block;
    margin-top: 16px
}

.job-post-page .job-post__col .teammate-card .teammate-card-text span i {
    font-size: 19px
}

@media (min-width:1024px) {
    .job-post-page .job-post__col .teammate-card-info {
        align-items: flex-start;
        flex-direction: column;
        gap: 10px
    }
}

.job-post-page .job-post__text-box {
    align-items: flex-start;
    display: flex;
    flex: 0 0 auto;
    flex-direction: column;
    margin-right: min(max(calc(-215.84615px + 25.96154vw), 50px), 158px);
    max-width: min(max(calc(22.46154px + 46.63462vw), 500px), 694px);
    width: 100%
}

.job-post-page .job-post__text {
    color: #0D151C;
    color: var(--black);
    width: 100%
}

.job-post-page .job-post__text *,
.job-post-page .job-post__text span {
    color: #0D151C !important;
    color: var(--black) !important;
    font: inherit !important;
    line-height: 1.71 !important
}

.job-post-page .job-post__text h1,
.job-post-page .job-post__text h2,
.job-post-page .job-post__text h3,
.job-post-page .job-post__text h4,
.job-post-page .job-post__text h5,
.job-post-page .job-post__text h6 {
    color: #0D151C;
    color: var(--black);
    margin-bottom: min(max(calc(39.57143px - .59524vw), 31px), 35px);
    position: relative
}

.job-post-page .job-post__text h1:not(:first-child),
.job-post-page .job-post__text h2:not(:first-child),
.job-post-page .job-post__text h3:not(:first-child),
.job-post-page .job-post__text h4:not(:first-child),
.job-post-page .job-post__text h5:not(:first-child),
.job-post-page .job-post__text h6:not(:first-child) {
    margin-top: min(max(calc(9.28571px + 1.78571vw), 23px), 35px)
}

.job-post-page .job-post__text h1:before,
.job-post-page .job-post__text h2:before,
.job-post-page .job-post__text h3:before,
.job-post-page .job-post__text h4:before,
.job-post-page .job-post__text h5:before,
.job-post-page .job-post__text h6:before {
    background-color: #CC5500;
    /* background-color: var(--primary); */
    bottom: -15px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 50px
}

.job-post-page .job-post__text h1,
.job-post-page .job-post__text h2 {
    color: #fff;
    color: var(--white)
}

.job-post-page .job-post__text h3 {
    /* font-size: min(max(calc(17.14286px + .89286vw), 24px), 30px) !important; */
    font-weight: 600 !important;
    font-size: 16px !important;
}

.job-post-page .job-post__text p {
    font-size: 14px;
    line-height: 1.71
}

.job-post-page .job-post__text ol:not(:first-child),
.job-post-page .job-post__text p:not(:first-child),
.job-post-page .job-post__text ul:not(:first-child) {
    margin-top: min(max(calc(-11.42857px + 1.4881vw), 0px), 10px)
}

.job-post-page .job-post__text ol li,
.job-post-page .job-post__text ul li {
    font-size: 14px;
    line-height: 23px;
    padding-left: 15px;
    position: relative
}

.job-post-page .job-post__text ol li:before,
.job-post-page .job-post__text ul li:before {
    content: "";
    left: 0;
    position: absolute
}

.job-post-page .job-post__text ul li:before {
    border: 1.5px solid #0D151C;
    border: 1.5px solid var(--black);
    border-radius: 50%;
    height: 6px;
    left: 0;
    top: 9px;
    width: 6px
}

.job-post-page .job-post__text ol {
    counter-reset: my-counter
}

.job-post-page .job-post__text ol li {
    counter-increment: my-counter
}

.job-post-page .job-post__text ol li:before {
    color: #CC5500;
    color: var(--primary);
    content: counter(my-counter) ". "
}

.job-post-page .job-post__text a {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline
}

.job-post-page .job-post__text a:hover {
    color: #CC5500;
    color: var(--primary)
}

.job-post-page .job-post__social {
    align-items: center;
    display: flex;
    margin-top: min(max(calc(1.71429px + 2.38095vw), 20px), 36px)
}

.job-post-page .job-post__social span {
    margin-right: 13px
}

.job-post-page .job-post__social .social-btn {
    color: #0D151C;
    color: var(--black);
    cursor: pointer;
    font-size: 18px;
    margin-right: 10px;
    transition: .3s ease
}

.job-post-page .job-post__social .social-btn:hover {
    color: #CC5500;
    color: var(--primary)
}

.job-post-page .drop-cv-section {
    padding-top: min(max(calc(17.71429px + 8.63095vw), 84px), 142px)
}

.job-post-page .drop-cv-section .submit-btn {
    margin-left: auto
}

.job-post-page .drop-cv-section .select-wr:nth-child(4) {
    border-right: 0
}

@media (max-width:992px) {
    .job-post-page .drop-cv-section .drop-cv-form {
        flex-direction: column;
        padding: 28px 20px 22px;
        position: relative
    }

    .job-post-page .drop-cv-section .drop-cv-form .input-wr {
        border-bottom: 1px solid #233645;
        border-bottom: 1px solid var(--black-pearl);
        border-right: 0;
        margin-bottom: 14px;
        max-width: 100%;
        padding-bottom: 17px
    }

    .job-post-page .drop-cv-section .drop-cv-form .input-wr:first-child {
        max-width: 100%
    }

    .job-post-page .drop-cv-section .drop-cv-form .select-wr:nth-child(4) {
        border-bottom: 0;
        margin-bottom: 0;
        min-height: 40px;
        padding-bottom: 0;
        width: calc(100% - 65px) !important
    }

    .job-post-page .drop-cv-section .drop-cv-form .submit-btn {
        bottom: 18px;
        height: 40px;
        position: absolute;
        right: 20px;
        width: 40px
    }
}

@media (max-width:1023px) {
    .job-post-page .job-post__wrapper {
        flex-direction: column
    }

    .job-post-page .job-post__text-box {
        margin-right: 0;
        max-width: none
    }

    .job-post-page .job-post__col {
        padding-top: 40px
    }

    .job-post-page .job-post__col .teammate-card {
        margin: 0 auto;
        max-width: 300px
    }
}

.news-page .hero-section {
    padding-bottom: 38px;
    padding-top: 120px !important
}

.news-page .hero-section .hero-section-caption {
    align-items: flex-end;
    display: flex;
    justify-content: end;
    margin-top: auto;
    width: 100%
}

.news-page .hero-section .hero-section-col {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin-bottom: 17.2vh
}

.news-page .hero-section .hero-section-col>p:first-child {
    color: #CC5500;
    /* color: var(--primary); */
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 35px);
    line-height: 34px;
    font-weight: 500;
    letter-spacing: 0px;
    line-height: 125%;
    text-transform: uppercase;
}

.news-page .hero-section .hero-section-date span {
    font-size: 15px;
    color: #fff;
    font-weight: 500;
    color: var(---black) !important;
}

.news-page .hero-section .hero-section-col .btn {
    font-size: min(max(calc(11.71429px + .29762vw), 14px), 16px);
    letter-spacing: .4px;
    margin-top: 32px
}

.news-page .hero-section .hero-section-col .btn span {
    padding-right: 3px
}

.news-page .hero-section .hero-section-descr {
    /* color: #97a2ac; */
    color: var(--black);
    font-size: 20px;
    line-height: 1.26;
    padding-bottom: 9px;
    position: relative;
    text-align: right;
    font-weight: 500;
    margin-top: 20px;
}

.news-page .hero-section .hero-section-descr:before {
    background-color: #CC5500;
    /* background-color: var(--primary); */
    bottom: -9px;
    content: "";
    height: 6px;
    position: absolute;
    right: 0;
    width: 40px
}

.news-page .hero-section .hero-section-date {
    align-items: center;
    display: flex;
    margin-top: 20px;
}

.news-page .hero-section .hero-section-date span {
    color: #fff;
    color: var(--white);
    font-size: 14px;
    line-height: 32px
}

.news-page .hero-section .hero-section-date span:not(:last-child) {
    margin-right: 23px;
    position: relative
}

.news-page .hero-section .hero-section-date span:not(:last-child):before {
    background-color: #CC5500;
    /* background-color: var(--primary); */
    border-radius: 100%;
    content: "";
    height: 6px;
    position: absolute;
    right: -14px;
    top: 14px;
    width: 6px
}

.news-page .hero-section .hero-section-date span:last-child {
    color: var(--grey)
}

@media only screen and (max-width:551px) {
    .news-page .hero-section .hero-section-caption {
        flex-direction: column-reverse
    }

    .news-page .hero-section .hero-section-caption .hero-section-title {
        margin-right: auto
    }

    .news-page .hero-section .hero-section-col {
        margin-bottom: 8vh
    }
}

.news-page .hero-form-section {
    margin-top: -32px
}

.news-page .hero-form-section .hero-form-wr {
    margin: 0 auto -32px;
    width: 714px
}

.news-page .hero-form-section .hero-form .input-wr {
    width: 43.8%
}

.news-page .hero-form-section .hero-form .select-wr:nth-of-type(2) {
    width: 25%
}

.news-page .hero-form-section .hero-form .select-wr:nth-of-type(3) {
    width: 32%
}

.news-page .drop-cv-section {
    margin-top: min(max(calc(96.71429px - 6.99405vw), -4px), 43px)
}

.news-page .drop-cv-section .title {
    font-size: min(max(calc(21.42857px + .59524vw), 26px), 30px);
    font-weight: 500;
    line-height: 128%;
    margin-bottom: min(max(calc(7.85714px + 2.23214vw), 25px), 40px);
    padding-bottom: 16px
}

.news-page .drop-cv-section .drop-form-wr {
    padding: min(max(calc(14px + 2.08333vw), 30px), 44px) min(max(calc(-25.71429px + 5.95238vw), 20px), 60px) min(max(calc(-14.28571px + 4.46429vw), 20px), 50px)
}

.news-page .drop-cv-section .drop-cv-form .input-wr {
    max-width: 100%;
    width: 38.3%
}

.news-page .drop-cv-section .drop-cv-form .input-wr input {
    width: 100%
}

.news-page .drop-cv-section .drop-cv-form .input-wr:nth-child(2) {
    border-right: none;
    flex-grow: 1;
    margin-right: 20px;
    max-width: 100%
}

@media (max-width:1023px) {
    .news-page .drop-cv-section .drop-cv-form {
        flex-direction: column;
        padding: 25px 20px 20px;
        position: relative
    }

    .news-page .drop-cv-section .drop-cv-form .input-wr {
        border-bottom: 1px solid #233645;
        border-bottom: 1px solid var(--black-pearl);
        border-right: 0;
        margin-bottom: 6px;
        max-width: 100%;
        min-height: 40px;
        padding-bottom: 17px;
        position: relative
    }

    .news-page .drop-cv-section .drop-cv-form .input-wr:first-child {
        max-width: 100%
    }

    .news-page .drop-cv-section .drop-cv-form .input-wr:nth-child(2) {
        border-bottom: 0;
        margin-bottom: 0;
        margin-right: 0;
        padding-bottom: 0;
        padding-right: 50px;
        width: calc(100% - 65px)
    }

    .news-page .drop-cv-section .drop-cv-form .submit-btn {
        bottom: 20px;
        position: absolute;
        right: 20px
    }
}

.news-page .news-blog {
    margin-top: 42px
}

.news-page .news-blog__sort {
    align-items: center;
    display: inline-flex;
    margin-left: auto
}

.news-page .news-blog__sort>span {
    font-size: 14px;
    line-height: 32px;
    margin-right: 10px
}

.news-page .news-blog__sort .select2-selection--single {
    background-color: transparent
}

.news-page .news-blog__sort .select2-selection--single .select2-selection__placeholder,
.news-page .news-blog__sort .select2-selection--single .select2-selection__rendered {
    color: #fff;
    color: var(--white);
    font-size: 14px
}

.news-page .news-blog__sort .select2-selection--single .select2-selection__arrow {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.083' height='6.577'%3E%3Cg fill='%23fff'%3E%3Cpath d='M3.041 0h1v6h-1z'/%3E%3Cpath d='m6.376 2.335.707.707-3.536 3.535-.707-.707z'/%3E%3Cpath d='m4.242 5.87-.707.707L0 3.04l.707-.707z'/%3E%3C/g%3E%3C/svg%3E") 50% /contain no-repeat;
    height: 7px;
    top: 12px;
    width: 7px
}

.news-page .news-blog__sort .select2-selection--single .select2-selection__arrow:before {
    display: none
}

.news-page .news-blog__sort .select2-container--open .select2-selection__arrow {
    transform: rotate(180deg)
}

.news-page .news-blog__wrapper {
    grid-gap: min(max(calc(-150px + 14.16667vw), 20px), 54px) min(max(calc(-250px + 22.5vw), 20px), 74px);
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 27px
}

.news-page .news-blog__wrapper .news-card {
    max-width: 100%;
    width: 100%
}

.news-page .footer {
    padding-top: min(max(calc(3.57143px + 10.8631vw), 87px), 160px)
}

@media (min-width:750px) and (max-width:1100px) {
    .news-page .cont {
        margin: 0 auto 0 10.3vw;
        width: 88%
    }
}

@media (max-width:750px) {
    .news-page .news-blog__wrapper {
        grid-template-columns: 1fr
    }

    .news-page .news-blog__wrapper .news-card {
        max-width: 400px
    }
}

.news-post .hero-section .hero-section-caption-wr {
    align-items: flex-end;
    margin-bottom: 9.5vh
}

.news-post .hero-section .hero-section-title {
    /* font-size: min(max(calc(-1.42857px + 5.65476vw), 42px), 80px); */
    margin-bottom: 0;
    position: static;
    transform: unset;
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 35px) !important;
    font-weight: 500;
    /* text-transform: unset; */
    color: var(--black) !important;
}

.news-post .hero-section .hero-section-motto {
    align-items: center;
    display: flex;
    margin-bottom: 12px
}

.news-post .hero-section .hero-section-motto span {
    /* color: #fff; */
    color: var(--orange);
    font-size: 15px;
    line-height: 32px;
    font-weight: 500;
}

.news-post .hero-section .hero-section-motto span:not(:last-child) {
    margin-right: 23px;
    position: relative
}

.news-post .hero-section .hero-section-motto span:not(:last-child):before {
    background-color: #CC5500;
    /* background-color: var(--primary); */
    border-radius: 100%;
    content: "";
    height: 6px;
    position: absolute;
    right: -14px;
    top: 14px;
    width: 6px;
}

@media (max-width:640px) {
    .news-post .hero-section {
        padding-bottom: 144px
    }

    .news-post .hero-section .hero-section-caption-wr {
        justify-content: flex-end;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .news-post .hero-section .title-marker:before {
        bottom: -11px
    }
}

.news-post .news-text {
    /* margin-top: min(max(calc(-115.42857px + 16.07143vw), 8px), 116px) */
}

.news-post .news-text__wrapper {
    color: #0D151C;
    color: var(--black)
}

.news-post .news-text__wrapper h1,
.news-post .news-text__wrapper h2,
.news-post .news-text__wrapper h3,
.news-post .news-text__wrapper h4,
.news-post .news-text__wrapper h5,
.news-post .news-text__wrapper h6 {
    color: #0D151C;
    color: var(--black);
    margin-bottom: min(max(calc(39.57143px - .59524vw), 31px), 35px);
    position: relative
}

.news-post .news-text__wrapper h1:not(:first-child),
.news-post .news-text__wrapper h2:not(:first-child),
.news-post .news-text__wrapper h3:not(:first-child),
.news-post .news-text__wrapper h4:not(:first-child),
.news-post .news-text__wrapper h5:not(:first-child),
.news-post .news-text__wrapper h6:not(:first-child) {
    margin-top: min(max(calc(9.28571px + 1.78571vw), 23px), 35px)
}

.news-post .news-text__wrapper h1:before,
.news-post .news-text__wrapper h2:before,
.news-post .news-text__wrapper h3:before,
.news-post .news-text__wrapper h4:before,
.news-post .news-text__wrapper h5:before,
.news-post .news-text__wrapper h6:before {
    background-color: var(--orange);
    bottom: -9px;
    content: "";
    height: 6px;
    left: 0;
    position: absolute;
    width: 40px
}

.news-post .news-text__wrapper h1,
.news-post .news-text__wrapper h2 {
    color: #fff;
    color: var(--white)
}

.news-post .news-text__wrapper h3 {
    font-size: min(max(calc(17.14286px + .89286vw), 24px), 30px)
}

.news-post .news-text__wrapper p {
    font-size: 14px;
    line-height: 24px
}

.news-post .news-text__wrapper ol:not(:first-child),
.news-post .news-text__wrapper p:not(:first-child),
.news-post .news-text__wrapper ul:not(:first-child) {
    margin-top: min(max(calc(-11.42857px + 1.4881vw), 0px), 10px)
}

.news-post .news-text__wrapper ol li,
.news-post .news-text__wrapper ul li {
    font-size: 14px;
    line-height: 23px;
    padding-left: 15px;
    position: relative
}

.news-post .news-text__wrapper ol li:before,
.news-post .news-text__wrapper ul li:before {
    content: "";
    left: 0;
    position: absolute
}

.news-post .news-text__wrapper ul li:before {
    border: 1.5px solid #0D151C;
    border: 1.5px solid var(--black);
    border-radius: 50%;
    height: 6px;
    left: 0;
    top: 9px;
    width: 6px
}

.news-post .news-text__wrapper ol {
    counter-reset: my-counter
}

.news-post .news-text__wrapper ol li {
    counter-increment: my-counter
}

.news-post .news-text__wrapper ol li:before {
    color: #CC5500;
    color: var(--primary);
    content: counter(my-counter) ". "
}

.news-post .news-text__wrapper a {
    display: inline;
    font-size: inherit;
    line-height: inherit;
    text-decoration: underline
}

.news-post .news-text__wrapper a:hover {
    color: #CC5500;
    color: var(--primary)
}

.news-post .news-text__bottom {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    margin-top: 36px
}

.news-post .news-text__bottom .footer-line {
    margin-bottom: 37px
}

.news-post .news-text__bottom .footer-link {
    margin-right: 54px
}

.news-post .footer {
    /* padding-top: min(max(calc(17.28571px + 9.07738vw), 87px), 148px) */
}

.meet-team-page .hero-section-caption-wr {
    padding-bottom: 148px
}

.sector-hero-section-bg.sector-hero-section-bg-radial div.hero-mask-bg {
    mix-blend-mode: color
}

.sector-hero-section-bg.sector-hero-section-bg-radial div.hero-mask-layer {
    background: radial-gradient(rgba(13, 21, 28, 0), #0d151c);
    mix-blend-mode: normal
}

.teammate-section {
    /* margin-top: -181px; */
    padding-bottom: min(max(calc(-44.28571px + 8.63095vw), 22px), 80px)
}

.teammate-section .title {
    /* margin-bottom: min(max(calc(6.42857px + 3.72024vw), 35px), 60px); */
    margin-bottom: 15px;
    padding-bottom: 9px
}

.teammate-conbox p {
    max-width: 630px;
}

.teammate-grid {
    grid-gap: 35px min(max(calc(-49.70588px + 5.88235vw), 15px), 35px);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr
}

.teammate-grid .teammate-card {
    max-width: 100%;
    width: 100%
}

.teammate-grid .teammate-card-text {
    /* padding: min(max(calc(-.61538px + 2.40385vw), 24px), 34px) min(max(calc(-29.23077px + 4.80769vw), 20px), 40px) min(max(calc(-19.38462px + 3.84615vw), 20px), 36px) */
    padding: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 1.4881)), 28px);
}

.teammate-grid .teammate-card-thumbnail:before {
    padding-top: 57.46%
}

.team-mb-section {
    padding: 55px 0 min(max(calc(-20px + 5.20833vw), 20px), 55px)
}

.team-mb-section .title {
    /* font-size: min(max(calc(17.14286px + .89286vw), 24px), 30px); */
    /* font-weight: 300; */
    /* margin-bottom: min(max(calc(11.28571px + 1.78571vw), 25px), 37px) */
}

.team-mb-swiper-wr {
    padding-bottom: 56px;
    position: relative
}

.team-mb-swiper-wr .swiper {
    overflow: hidden;
    width: calc(59.725% + 20px + 38vw)
}

@media (min-width:1600px) {
    .team-mb-swiper-wr .swiper {
        width: calc(100% + 50vw - 640px)
    }
}

.team-mb-swiper-wr .swiper:before {
    display: none
}

@media (max-width:640px) {
    .team-mb-swiper-wr .swiper {
        overflow: visible;
        width: 100%
    }
}

.team-mb-swiper-wr .swiper-slide {
    display: flex;
    max-width: 100%;
    width: -moz-fit-content;
    width: fit-content
}

.team-mb-card {
    /* border: 1.5px solid #97a2ac; */
    border: 2px solid var(--green);
    border-radius: 25px;
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 268px
}

.team-mb-card-text {
    display: flex;
    flex-direction: column;
    padding: 28px 30px 0;
    min-height: 140px !important;
}

.team-mb-card h3 {
    font-size: min(max(calc(15.42857px + .59524vw), 20px), 24px);
    line-height: 1.2;
    margin-bottom: 8px;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: 0px;
    color: var(--green) !important;
    margin: 0px;
}

.team-mb-card-text .user-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px !important;
}

.team-mb-card h4 {
    flex-grow: 1;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 18px
}

.team-mb-card .links-wr {
    align-items: flex-end;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    padding-bottom: 0px
}

.team-mb-card-text h4 {
    color: var(--orange);
    font-weight: 500;
    font-size: 13px;
    line-height: 125%;
    letter-spacing: 0px;
    text-transform: uppercase;
}

.team-mb-card .links-wr i {
    color: var(--green);
}

.team-mb-card .links-wr i:hover {
    color: var(--orange);
}

.team-mb-card .links-wr .linkedin-link {
    color: #0D151C;
    color: var(--black);
    font-size: 24px;
    line-height: 1;
    transition: color .3s
}

.team-mb-card .links-wr .linkedin-link:hover {
    color: #CC5500;
    color: var(--primary)
}

.team-mb-card .links-wr .btn {
    font-weight: 400
}

.team-mb-card-thumbnail-wr {
    overflow: hidden;
    position: relative
}

.team-mb-card-thumbnail-wr:before {
    content: "";
    display: block;
    padding-top: 60.07%
}

.team-mb-card-thumbnail-wr .sectors-icon {
    bottom: 20px;
    height: 71px;
    left: 30px;
    position: absolute;
    width: 71px;
    z-index: 1
}

.team-mb-card-thumbnail img {
    height: 100%;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0
}

.team-mb-card-text-hidden {
    --line-count: 8;
    --fz: 14px;
    --line-height: 1.7;
    display: none;
    font-size: 16px;
    font-size: var(--fz);
    line-height: var(--line-height);
    margin-bottom: 25px;
    max-height: calc(16px*var(--line-height)*var(--line-count) + 30px);
    max-height: calc(var(--fz)*var(--line-height)*var(--line-count) + 30px);
    overflow-y: auto;
    /* padding-right: 15px;
    scrollbar-color: hsla(0, 0%, 100%, .5) hsla(0, 0%, 100%, .1);
    scrollbar-width: 5px; */
    width: calc(100% + 15px)
}

/* .team-mb-card-text-hidden::-webkit-scrollbar {
    background: hsla(0, 0%, 100%, .1);
    border-radius: 3px;
    height: 2px;
    width: 4px
}

.team-mb-card-text-hidden::-webkit-scrollbar-thumb {
    background: hsla(0, 0%, 100%, .5);
    border-radius: 3px;
    cursor: pointer
} */

.team-mb-card.active .btn span:after {
    display: inline-block;
    transform: rotateX(180deg)
}

@media (max-width:1100px) {
    .teammate-grid {
        grid-template-columns: 1fr 1fr;
        margin: 0 auto;
        max-width: 720px
    }
}

@media (max-width:992px) {
    .teammate-grid {
        grid-template-columns: 1fr 1fr
    }
}

@media (max-width:800px) {
    .teammate-grid {
        grid-template-columns: 1fr
    }

    .teammate-grid .teammate-card {
        margin: 0 auto;
        max-width: 350px
    }

    .team-mb-card {
        width: 307px
    }
}

@media (max-width:640px) {
    .meet-team-page .hero-section-caption-wr {
        justify-content: center;
        padding-bottom: 0
    }

    .team-mb-section .title {
        /* text-align: center */
    }
}

.clients-page .hero-section-caption-wr {
    padding-bottom: min(max(calc(-156.85714px + 23.80952vw), 26px), 186px)
}

.clients-page .mission-section {
    margin-top: min(max(calc(79.14286px - 16.81548vw), -163px), -50px)
}

.clients-page .sdv-vertical-section {
    padding-top: min(max(calc(-70px + 15.625vw), 50px), 155px)
}

@media (min-width:1200px) {
    .clients-page .sdv-vertical-body {
        gap: min(max(calc(-540px + 53.33333vw), 100px), 228px)
    }

    .clients-page .work-with-section {
        padding-top: 100px
    }
}

.clients-page .partners-section {
    padding-bottom: min(max(calc(-27.14286px + 7.44048vw), 30px), 80px)
}

.clients-page .footer {
    padding-top: min(max(calc(-32.42857px + 8.77976vw), 35px), 94px)
}

.case-studies-swiper-section {
    padding: 41px 0 min(max(calc(-6.57143px + 4.7619vw), 30px), 62px)
}

.case-studies-swiper-section .title-wr {
    align-items: center;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    margin-bottom: min(max(calc(8.57143px + 1.4881vw), 20px), 30px)
}

.case-studies-swiper-section .title-wr .btn {
    align-self: flex-end
}

.case-studies-swiper-section .title {
    margin-bottom: 0;
    padding-bottom: min(max(calc(24px - 1.04167vw), 9px), 16px)
}

.case-studies-swiper-wr {
    padding-bottom: 54px;
    position: relative
}

.case-studies-swiper-wr .swiper-slide {
    display: flex;
    height: auto;
    max-width: -moz-fit-content;
    max-width: fit-content;
    width: 100%
}

.case-studies-swiper-wr .swiper {
    overflow: visible;
    position: relative
}

@media (min-width:641px) {
    .case-studies-swiper-wr .swiper:before {
        background: #0d151c;
        background: var(--black);
        content: "";
        display: block;
        height: 100%;
        position: absolute;
        right: calc(100% + 2px);
        top: 0;
        width: 100%;
        z-index: 2
    }
}

.case-studies-swiper-wr .case-study-card {
    max-width: 100%;
    width: 836px
}

.sdv-vertical-section.sdv-vertical-section-solutions .sdv-vertical-item-thumbnail {
    display: none
}

.sdv-vertical-section-solutions-bg {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: -1
}

.sdv-vertical-section-solutions-bg img {
    height: calc(100% - 2px);
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    opacity: 0;
    position: absolute;
    top: 1px;
    transition: opacity .5s;
    width: 100%
}

.sdv-vertical-section-solutions-bg img.active {
    opacity: 1
}

.sdv-vertical-section-solutions-bg picture img {
    animation-duration: .3s
}

.sdv-vertical-section-solutions-bg .mixed-layer {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.sdv-vertical-section-solutions-bg .mixed-layer:first-of-type {
    background: linear-gradient(90deg, #0d151c, rgba(13, 21, 28, .65), #0d151c);
    z-index: 2
}

.sdv-vertical-section-solutions-bg .mixed-layer:nth-of-type(2) {
    background: linear-gradient(0deg, #0d151c, rgba(13, 21, 28, .65), #0d151c);
    z-index: 1
}

.candidates-page .hero-section-caption-wr {
    padding-bottom: min(max(calc(-158px + 23.95833vw), 26px), 187px)
}

.candidates-page .mission-section {
    padding-top: min(max(calc(-55.14286px + 13.69048vw), 50px), 142px)
}

.candidates-page .drop-cv-section {
    padding-top: min(max(calc(-6.14286px + 5.35714vw), 35px), 71px)
}

.sb-sectors-section {
    padding: min(max(calc(-96.42857px + 17.1131vw), 35px), 150px) 0 min(max(calc(-15.71429px + 5.95238vw), 30px), 70px)
}

.sb-sectors-section .title {
    margin-bottom: 10px;
    padding-bottom: 9px
}

.sb-sectors {
    display: flex;
    gap: 5px;
    min-height: 540px;
    width: 100%
}

.sb-sectors-item {
    background: linear-gradient(180deg, #97a2ac, #050d14);
    background: linear-gradient(to bottom, var(--black), #050d14);
    overflow: hidden;
    padding: 1.5px;
    transform: scale(-1);
    width: 25%;
    writing-mode: vertical-rl
}

.sb-sectors-item:first-of-type {
    border-radius: 0 25px 0 0
}

.sb-sectors-item:last-of-type {
    border-radius: 25px 0 0 0
}

.sb-sectors-item-content {
    align-items: center;
    background: #0d151c;
    background: var(--black);
    border-radius: inherit;
    display: flex;
    padding: 90px 25px 40px;
    width: 100%
}

.sb-sectors-item h3 {
    font-size: min(max(calc(2.57143px + 3.57143vw), 30px), 54px);
    line-height: 120%
}

.crc-section {
    padding: min(max(calc(6.85714px + 4.31548vw), 40px), 69px) 0 min(max(calc(-37.42857px + 8.77976vw), 30px), 89px)
}

.crc-section .title {
    margin: 0 auto 35px;
    width: -moz-fit-content;
    width: fit-content
}

.crc-list {
    grid-column-gap: 20px;
    grid-row-gap: min(max(calc(18.57143px + 1.4881vw), 30px), 40px);
    display: grid;
    grid-template-columns: repeat(4, 190px);
    justify-content: space-between
}

.crc-item-wr {
    max-width: min(max(calc(91.42857px + 6.84524vw), 144px), 190px);
    width: 100%
}

.crc-item {
    border: 1px solid #97a2ac;
    border: 1px solid var(--black);
    border-radius: 50%;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: relative;
    transition: background .3s;
    width: 100%
}

.crc-item:before {
    content: "";
    display: block;
    padding-top: 100%
}

.crc-item-content {
    padding: 6px
}

.crc-item-content,
.crc-item-content-hidden {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%
}

.crc-item-content-hidden {
    padding: 15px;
    text-wrap: balance;
    font-size: min(max(calc(15.71429px + .29762vw), 18px), 20px);
    transform: translateY(101%) scale(.5);
    transition: all .5s;
    z-index: 1
}

.crc-item-logo img {
    height: calc(100% + 2px);
    left: -1px;
    max-width: revert;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: -1px;
    width: calc(100% + 2px)
}

.crc-item h3 {
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-wrap: balance;
    align-items: center;
    color: #97a2ac;
    color: var(--black);
    display: -webkit-box;
    display: flex;
    font-size: min(max(calc(15.42857px + .59524vw), 20px), 24px);
    font-weight: 400;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow: hidden;
    padding: 0 15px !important;
    position: absolute;
    text-align: center;
    top: 0;
    transition: all .5s;
    width: 100%
}

.crc-item.crc-item-empty {
    cursor: auto
}

.crc-item:not(.crc-item-empty):hover h3 {
    color: #fff;
    color: var(--white);
    opacity: 0;
    transform: translateY(-101%) scale(.5)
}

.crc-item:not(.crc-item-empty):hover .crc-item-content-hidden {
    opacity: 1;
    transform: none
}

@media (max-width:1100px) {
    .crc-list {
        grid-gap: 15px;
        align-items: center;
        display: flex;
        flex-wrap: wrap;
        justify-content: center
    }
}

@media (max-width:640px) {
    .candidates-page .hero-section-caption-wr {
        justify-content: center
    }
}

@media (max-width:550px) {
    .sb-sectors {
        flex-direction: column;
        min-height: revert
    }

    .sb-sectors-item {
        background: linear-gradient(90deg, #97a2ac, #050d14);
        background: linear-gradient(to right, var(--black), #050d14);
        max-width: 100%;
        transform: none;
        width: 100%;
        writing-mode: revert
    }

    .sb-sectors-item-content {
        min-height: 110px;
        padding: 20px 30px
    }

    .sb-sectors-item:first-of-type {
        border-radius: 25px 0 0 0
    }

    .sb-sectors-item:last-of-type {
        border-radius: 0 0 0 25px
    }
}

@media (max-width:370px) {
    .crc-item {
        max-width: 120px
    }

    .crc-item h3 {
        font-size: 16px
    }
}

.hero-section-contact {
    padding-top: 227px
}

.hero-section-contact .hero-section-caption-wr {
    padding-bottom: 23px
}

.hero-sector-icons-contact {
    margin: 0;
    position: absolute;
    right: 42px;
    top: 185px;
    z-index: 3
}

.hero-sector-icons-contact .sector-icon {
    overflow: visible;
    position: relative;
    width: min(max(calc(87.90989px + 5.00626vw), 120px), 160px)
}

.hero-sector-icons-contact .sector-icon .hover-text {
    align-items: center;
    bottom: -20px;
    display: flex;
    flex-direction: column;
    font-size: min(max(calc(5.42857px + .59524vw), 10px), 14px);
    height: 100%;
    justify-content: flex-end;
    left: 50%;
    opacity: 0;
    position: absolute;
    text-align: center;
    transform: translateX(-50%);
    transition: .3s;
    width: 124.5%;
    z-index: 2
}

.hero-sector-icons-contact .sector-icon .hover-text a {
    overflow: hidden;
    text-overflow: ellipsis;
    transition: .3s;
    white-space: nowrap
}

.hero-sector-icons-contact .sector-icon .hover-text a:hover {
    text-decoration: underline
}

.hero-sector-icons-contact .sector-icon:before {
    background: inherit;
    border-radius: inherit;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform-origin: center top;
    transition: transform .3s;
    transition-delay: .15s;
    width: 100%;
    z-index: 0
}

.hero-sector-icons-contact .sector-icon img {
    position: relative;
    z-index: 1
}

.hero-sector-icons-contact .sector-icon:hover .hover-text {
    opacity: 1;
    transition-delay: .15s
}

.hero-sector-icons-contact .sector-icon:hover:before {
    transform: scale(1.425);
    transition-delay: 0ms
}

.hero-sector-icons-contact .sector-icon:first-of-type {
    z-index: 4
}

.hero-sector-icons-contact .sector-icon:nth-of-type(2) {
    z-index: 3
}

.hero-sector-icons-contact .sector-icon:nth-of-type(3) {
    z-index: 2
}

.hero-sector-icons-contact .sector-icon:nth-of-type(4) {
    z-index: 1
}

.contact-map {
    max-width: 100%;
    position: relative;
    width: 1260px
}

.contact-map img {
    width: 100%;
    filter: unset;
}

.contact-map-wr {
    display: flex;
    justify-content: center;
    left: 50%;
    min-width: 841px;
    padding-left: 57px;
    position: relative;
    transform: translateX(-50%);
    width: 100%;
    z-index: 2
}

.contact-map.active .map-pin {
    opacity: 1;
}

.contact-map.active .map-pin-item.active .map-pin {
    opacity: 1
}

.map-pin-items {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.map-pin-item {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    transform: translate(-50%, -50%)
}

.map-pin-item .map-pin {
    /* background: #fff; */
    background: var(--orange);
    border-radius: 50%;
    cursor: pointer;
    height: min(max(calc(5.71429px + .29762vw), 8px), 12px);
    position: absolute;
    transition: .3s;
    width: min(max(calc(5.71429px + .29762vw), 8px), 12px)
}

.map-pin-item .map-pin:hover {
    transform: scale(1.3)
}

.map-pin-item:first-of-type {
    left: 24%;
    top: 39%
}

.map-pin-item:nth-of-type(2) {
    left: 46.3%;
    top: 40.3%
}

.map-pin-item:nth-of-type(3) {
    left: 21%;
    top: 43.3%
}

.map-pin-item:nth-of-type(4) {
    left: 27.8%;
    top: 38%;
}

.map-pin-item:nth-of-type(5) {
    left: 46%;
    top: 30.7%;
}

.map-pin-item:nth-of-type(6) {
    left: 46.7%;
    top: 28.6%
}

.map-pin-item:nth-of-type(7) {
    left: 46.4%;
    top: 33%;
}

.map-pin-item:nth-of-type(8) {
    left: 47.3%;
    top: 31%;
}

.map-pin-item:nth-of-type(9) {
    left: 55.8%;
    top: 33.6%;
}

.map-pin-item:nth-of-type(10) {
    left: 49.8%;
    top: 31.6%;
}

.map-pin-item:nth-of-type(11) {
    left: 26.4%;
    top: 42%;
}

.map-pin-item.active {
    display: flex;
    z-index: 2
}

.map-pin-item.active .map-popup {
    transform: scale(1);
    z-index: 2
}

.map-popup {
    align-items: center;
    -webkit-backdrop-filter: blur(10px);
    /* backdrop-filter: blur(10px); */
    /* border: 1.5px solid #97a2ac; */
    border: 2px solid var(--orange);
    border-radius: 25px;
    display: flex;
    flex-direction: column;
    left: 130%;
    padding: 49px 37px;
    position: absolute;
    text-align: center;
    top: 6px;
    transform: scale(0);
    transform-origin: left top;
    transition: transform .3s;
    width: 268px;
    z-index: 1;
    background: #CC5500DE;
}

.map-popup,
.map-popup h3 {
    color: #0D151C;
    color: var(--black)
}

.map-popup h3 {
    font-size: min(max(calc(17.71429px + .29762vw), 20px), 22px);
    margin-bottom: 15px;
    padding-bottom: 20px;
    color: #fff;
    position: relative;
}

.map-popup h3::before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0px;
    height: 6px;
    width: 50px;
    background-color: #fff;
    transform: translateX(-50%);
}

.map-popup .tel-link {
    color: #fff;
    color: var(--white)
}

.map-popup a {
    transition: color .3s;
    color: #fff;
}

.map-popup a:hover {
    /* color: #CC5500; */
    color: #fff !important;
}

.contact-text-section {
    color: #0D151C;
    color: var(--black);
    font-size: 14px;
    padding: 21px 0 52px
}

.contact-text-section .title {
    /* font-size: min(max(calc(21.42857px + .59524vw), 26px), 30px); */
    margin-bottom: 20px;
    padding-bottom: 9px
}

.contact-text-section p {
    line-height: 171%;
    max-width: 694px
}

@media (max-width:768px) {
    .contact-map-wr {
        transform: translateX(-46.2%)
    }
}

@media (max-width:640px) {
    .hero-section-contact {
        padding-top: 210px
    }

    .hero-section-contact .hero-section-title {
        line-height: 1.3
    }

    .contact-page .hero-section-caption {
        margin: 0
    }

    .hero-sector-icons-contact {
        grid-column-gap: 0;
        grid-template-columns: 50% 50%;
        right: 13px;
        top: 153px;
        width: -moz-fit-content;
        width: fit-content
    }

    .hero-sector-icons-contact .sector-icon {
        width: 80px
    }

    .hero-sector-icons-contact .sector-icon .hover-text,
    .hero-sector-icons-contact .sector-icon:before {
        display: none
    }

    .hero-sector-icons-contact .sector-icon:first-of-type {
        left: 20px
    }

    .hero-sector-icons-contact .sector-icon:nth-of-type(2) {
        margin-top: 92px !important
    }

    .hero-sector-icons-contact .sector-icon:nth-of-type(3) {
        left: -14px;
        margin-top: -28px !important
    }

    .hero-sector-icons-contact .sector-icon:nth-of-type(4) {
        margin-top: 55px !important
    }

    .contact-map-wr {
        margin-top: 40px
    }
}

@media (max-width:370px) {
    .contact-map-wr {
        min-width: 720px;
        transform: translateX(-47%)
    }
}

#map #DE-pin,
#map g[id$=-pin] {
    display: none
}

#map #US path {
    fill: #266da3
}

/*# sourceMappingURL=style.css.map */







/* ----28-05-2024-start---- */

section.video-section.wot-video-section .cont .video-section-content .video-section-text {

    max-width: 50%;

    margin: 0px;

}

section.video-section.wot-video-section .cont .video-section-content {

    gap: 60px;

}

section.video-section.wot-video-section .cont .video-section-content .video-section-text a {

    color: #fff;

    display: flex;

    align-items: center;

    font-weight: 300;

    padding-top: 30px;

}

section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-tabs .jt-section-tab-content {

    font-weight: 300;

    color: #97A2AC;

    line-height: 25px;

}

section.video-section.wot-video-section .cont .video-section-content .video-section-text a img {

    margin-left: 8px;

}

section.team-swiper-section.wot-team-section h2.title.title-marker::before,
section.latest-job-section.wot-job-latest-section h2.title.title-marker::before,
section.latest-job-section.wot-job-latest-section .latest-job-swiper-wr h3.job-card-title.title-marker::before,
section.latest-news-section.wot-news-section h2.title.title-marker::before {

    background: #3E8D7A;

}

section.latest-news-section.wot-news-section h2.title.title-marker {

    padding-bottom: 5px;

}

section.video-section.wot-video-section .cont .video-section-content .wot-section-img {

    max-width: 50%;

    width: 100%;

    align-self: stretch;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid {

    display: flex;

    gap: 16px;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list {

    text-align: center;

    position: relative;

    height: 280px;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list .make-diff-img img.lazyloaded {

    margin: 0 auto;

    height: 50px;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list h6.title {

    margin-bottom: 10px;

    font-size: 25px;

    margin-top: 20px;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list .make-diff-img {

    height: 50px;

    display: inline-block;

    position: relative;

}

section.stats-section.stats-section-col-3.wot-stat-section .cont .stats-grid .stats-card .stats-card-text {

    color: #fff;

    opacity: 1;

    font-weight: 200;

}

section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-thumbnail {

    max-width: 50%;

    width: 100%;

    align-self: stretch;

}

section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-tabs {

    max-width: 50%;

    width: 100%;

    padding: 0px;

}

section.jt-section.wot-metor-section .cont .jt-section-content {

    gap: 60px;

    align-items: center;

}

section.stats-section.stats-section-col-3.wot-stat-section .cont .stats-grid .stats-card {

    width: 25.33%;

}

section.stats-section.stats-section-col-3.wot-stat-section .cont .stats-grid {

    padding: 0px;

    justify-content: space-between !important;

}

.wot-mentor-links {

    display: flex;

    padding-top: 20px;

    font-size: 15px;

    font-weight: 300;

}

section.latest-job-section.wot-happen-slider-section .teammate-card .teammate-card-text .teammate-card-info p {

    color: #97A2AC;

    line-height: 22px;

}

section.latest-job-section.wot-happen-slider-section .teammate-card .teammate-card-text h3 {

    color: #fff;

    position: relative;

    padding-bottom: 20px;

    margin-bottom: 15px;

    line-height: 30px;

}

section.latest-job-section.wot-happen-slider-section .teammate-card .teammate-card-text h3::before {

    background: #3E8D7A;

    bottom: 0;

    content: '';

    display: block;

    height: 3px;

    left: 0;

    position: absolute;

    width: 50px;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list .make-diff-img::before {

    background: #3E8D7A;

    content: '';

    display: block;

    height: 4px;

    position: absolute;

    width: 100%;

    bottom: -15px;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list a img {

    margin-left: 8px;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list a {

    position: absolute;

    width: 100%;

    left: 0;

    bottom: 0;

    font-weight: 300;

    display: flex;

    justify-content: center;

    align-items: center;

}

section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list #jt-content-container {

    height: 110px;

    overflow: auto;

    padding-right: 10px;

}

section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-tabs .jt-section-tabs-list h3.title-marker {

    font-size: 40px;

    font-weight: 300;

    margin-bottom: 15px;

}

section.latest-job-section.wot-happen-slider-section .teammate-card {

    border: none;

}

section.latest-job-section.wot-happen-slider-section .teammate-card .teammate-card-text {

    padding: 15px 20px;

}

section.latest-job-section.wot-happen-slider-section .teammate-card .teammate-card-text .teammate-card-info {

    display: unset;

    font-weight: 300;

    font-size: 16px;

}

section.latest-job-section.wot-happen-slider-section .cont h2.title.title-marker::before {

    display: none;

}

.wot-mentor-links a {

    display: flex;

    align-items: center;

    padding-right: 30px;

}

.wot-mentor-links a img {

    margin-left: 8px;

}

section.become-section.wot-become-section .become-tabs-body li.become-tabs-item .title-wr:before {

    color: #97A2AC;

}

section.become-section.wot-become-section .become-tabs-body li.become-tabs-item .title-wr span {

    font-weight: 300;


}

section.become-section.wot-become-section .content-hidden-text ul li {

    background: #233645;

    padding: 8px 12px 8px 12px;

    border-radius: 5px;

    display: inline-block;

}

section.become-section.wot-become-section .content-hidden-text ul {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-bottom: 10px;

}

section.video-section.wot-video-section .cont .video-section-content .wot-section-img img {

    height: 100%;

    object-fit: cover;

    border-radius: 30px;

    border: 1px solid #fff;

}







@media screen and (max-width:1200px) {

    section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid {

        flex-wrap: wrap;

        justify-content: center;

    }

    section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list {

        text-align: center;

        position: relative;

        height: 280px;

        width: 48%;

    }

}



@media screen and (max-width:1100px) {

    section.jt-section.wot-metor-section .cont .jt-section-content {

        flex-direction: column;

        align-items: unset !important;

    }

    section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-thumbnail {

        max-width: 100%;

        width: 100%;

        height: 500px;

        object-fit: cover;

        border-radius: 30px;

        border: 2px solid #fff;

    }

    section.video-section.wot-video-section .cont .video-section-content {

        flex-direction: column;

        align-items: unset;

    }

    section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-tabs {

        max-width: 100%;

        width: 100%;

        padding: 0px;

    }

    section.video-section.wot-video-section .cont .video-section-content .video-section-text {

        max-width: 100%;

        margin: 0px;

    }

    section.video-section.wot-video-section .cont .video-section-content .wot-section-img {

        max-width: 100%;

        width: 100%;

        height: 500px;

    }

    section.video-section.wot-video-section .cont .video-section-content .wot-section-img img {

        width: 100%;

        height: 500px;

        object-fit: cover;

        border-radius: 30px;

        border: 2px solid #fff;

    }

    .hero-section {

        /* min-height: 60vh; */

    }

    .become-tabs-body {

        flex-direction: column-reverse;

        align-items: unset;

    }

    .become-tabs-body .become-tabs-content-rt {

        width: 100%;

        height: 500px;

        object-fit: cover;

    }

    .become-tabs-item .border-bottom {

        width: 100%;

    }

    .become-tabs-item-thumbnail-wr .become-tabs-item-thumbnail {

        margin: 0px;

        max-width: 100%;

    }

}





@media screen and (max-width:767px) {

    section.video-section.wot-video-section .cont .video-section-content .wot-section-img img,
    section.video-section.wot-video-section .cont .video-section-content .wot-section-img {

        height: 400px;

    }

    section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-thumbnail {

        height: 400px;

    }

    section.stats-section.stats-section-col-3.wot-stat-section .cont .stats-grid .stats-card {

        width: 47%;

    }

    section.stats-section.stats-section-col-3.wot-stat-section .cont .stats-grid {

        justify-content: center !important;

    }

    section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list {

        width: 100%;

    }

    section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list #jt-content-container {

        height: auto;

        overflow: unset;

        padding-right: 0px;

    }

    h2.question-title {

        font-size: 24px;

    }

    section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-tabs .jt-section-tabs-list h3.title-marker {

        font-size: 24px;

    }

    section.team-swiper-section.wot-team-section h2.title.title-marker {

        font-size: 24px;

    }

    section.work-with-section.wot-work-with-section h3.title {

        font-size: 24px;

    }

    div#app {

        margin-top: 0px;

        margin-bottom: 0px;

    }

}



@media screen and (max-width:640px) {

    .hero-section-caption {

        margin: 0px;

    }

    .cont {

        padding: 0px 20px;

    }

    .hero-section {

        padding-bottom: 100px;

    }

    section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list a {

        position: unset;

        padding-top: 30px;

    }

    section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid .make-diff-list {

        height: auto;

    }

    section.wot-make-diffrence.stats-section.stats-section-col-3 .cont .make-diffrence-grid {

        gap: 30px;

    }

    section.hero-section.sector-hero-section.wot-hero-section h1.hero-section-title {

        font-size: 40px;

    }

    section.video-section.wot-video-section .cont .video-section-content {

        gap: 0px;

    }

}



/* ----28-05-2024-end---- */



/* ADDED@31MAY2024*/

.page-wot .wot-hero-section .cont h1.hero-section-title::before,

.page-wot section.wot-video-section .video-section-text h3::before,

.page-wot section.wot-metor-section .jt-section-tab h3::before,

.page-wot section.wot-team-section .cont h2.title-marker::before,

.page-wot section.wot-become-section .cont h2.title-marker::before,

.page-wot section.wot-job-latest-section .cont h2.title-marker::before,

.page-wot section.wot-job-latest-section .cont .latest-job-swiper-wr .swiper-wrapper .swiper-slide h3.job-card-title::before,

.page-wot section.drop-cv-section.aos-init.aos-animate .cont #form-cv-result h2.title-marker::before,

.page-wot section.wot-news-section .cont .title-wr h2::before,

.page-wot section.wot-news-section .cont .news-swiper-wr .swiper-wrapper .swiper-slide .news-card-text h3::before,

.page-wot section.wot-news-section .cont .news-swiper-wr .swiper-wrapper .swiper-slide .news-card-text .news-card-time span::before {

    background: #3E8D7A;

}



.page-wot section.wot-metor-section .cont .jt-section-content .jt-section-tabs.aos-init.aos-animate .jt-section-tabs-list .jt-section-tab h3::hover {

    color: #3E8D7A;

}



.page-wot section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-tabs .jt-section-tabs-list h3.title-marker:hover,
section.become-section.wot-become-section .become-tabs-body ul li.become-tabs-item .title-wr:hover,

.page-wot section.wot-team-section .cont .team-swiper-wr .swiper-wrapper .swiper-slide.aos-init.aos-animate .teammate-card .teammate-card-text .teammate-card-info a:hover {

    color: #3E8D7A;

}

html {
    /* scrollbar-colortt: #3E8D7A #fff !important; */
}


.page-wot section.jt-section.wot-metor-section .cont .jt-section-content .jt-section-tabs .jt-section-tabs-list {

    display: block;

}



/** ADDED AT 3MAY2024 */

.page-wot section.wot-become-section li.become-tabs-item div.content-script-link a {

    border: #fff 1px solid;

    padding: 10px 36px;

    border-radius: 28px;

    margin-top: 10px;

}

.modal.bots {
    max-width: 800px;
    padding: 0;

}


.page-wot section.wot-become-section li.become-tabs-item div.content-script-link {

    display: flex;

}

/* Added@18June2024 */
.sector-img-hover>div[data-sector="wot"] {
    background: var(--blue);
}

/* End Added@18June2024*/

.sector-img-hover>div[data-sector=wot] {
    background: var(--blue)
}

.sdv-vertical-body-items.rails:before {
    background: linear-gradient(0deg, #0d151c, #CC5500, #0d151c)
}

.swiper-slide.sdv-item.energy.active:before {
    background: var(--primary)
}

.sdv-vertical-body-items.tech:before {
    background: linear-gradient(0deg, #0d151c, #1c6c89, #0d151c);
    background: linear-gradient(180deg, #F4F4F4 0%, #387B6B 50%, #F4F4F4 100%);
}


/* Redesign site 27-11-25 */
.mb-40 {
    margin-bottom: 40px !important;
}

p {
    font-size: 14px;
    color: var(--black);
    line-height: 24px;
    letter-spacing: 0px;
}

.pt-0 {
    padding-top: 0px !important;
}

.pb-0 {
    padding-bottom: 0px !important;
}

.ptb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.pt-160 {
    padding-top: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
}

.pb-160 {
    padding-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
}

.ptb-160 {
    padding-top: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
    padding-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 11.9048)), 160px) !important;
}



h1.homepage.hero-section-title {
    font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 1.9345)), 45px) !important;
    text-transform: uppercase;
    line-height: 100%;
    letter-spacing: 0px;
    color: #fff !important;
}

section.hero-section.home-page h1 span {
    background-color: #CC5500;
    padding: 30px;
    border-radius: 10px;
    display: inline-block;
}

section.hero-section.home-page h1 {
    text-align: center;
    padding: 0px;
    margin: 0px;
}

section.hero-section.home-page h1::before {
    content: none !important;
}

section.hero-section.home-page .hero-section-caption-wr {
    align-items: end;
    padding-bottom: 100px;
}

section.hero-section.home-page h1 span:nth-child(1) {
    position: relative;
    top: 25px;
}

.stats-card-text {
    color: #0D151C;
    opacity: 1;
    text-transform: uppercase;
    font-weight: 500;
}

section.latest-job-section .title-wr {
    align-items: end;
    margin-bottom: 40px;
}

.progress-card-popup-container .btn span:after {
    color: #fff;
}

.progress-card-popup-container .btn span:last-of-type {
    color: #fff;
}

.latest-news-section .title-wr {
    align-items: end;
    margin-bottom: 40px;
}

.latest-news-section .title {
    padding-bottom: 9px;
    margin-bottom: 15px;
}

.news-card-time time {
    color: var(--orange);
    text-transform: uppercase;
    font-weight: 500;
}

.news-card-description {
    --fz: 16px;
    color: var(--black);
}

.footer .policy-box {
    padding-top: 0px;
    margin-top: 42px;
    padding-left: 80px;
    border-left: 1px solid #387B6B;
    align-self: start;
    margin-left: 30px;
}

.footer .policy-box li:last-child h4 {
    margin-bottom: 0px !important;
}

a.footer-link::after {
    content: none;
}

.footer-title {
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
    color: #CC5500;
    margin: 100px 0;
    font-size: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.8929)), 24px);
    line-height: 130%;
}

.bold-logo {
    padding-bottom: 50px;
}

.progress-card-popup .btn span:first-of-type,
.progress-card-popup .btn span:last-of-type,
.progress-card-popup .btn {
    color: #fff !important;
}

.bold-logo img {
    max-width: 2260px;
    filter: unset;
}

ul.dropdown-menu {
    padding: 0px;
    padding-left: 40px;
}

ul.dropdown-menu li {
    margin-top: 20px;
}

ul.dropdown-menu li:last-child {
    margin-bottom: 0px;
}

section.hero-section .hero-section-motto {
    display: none;
}

section.hero-section h1 span {
    /* background-color: #CC5500;
    padding: 30px 30px 30px 130px;
    border-radius: 10px;
    display: inline-block; */
}

.page-hero-subtitle {
    font-size: 20px;
}

section.hero-section h1 .page-hero-title {
    background-color: #CC5500;
    padding: 30px 30px 30px 60px;
    border-radius: 10px;
    display: inline-block;
}

section.hero-section h1.hero-section-title {
    /* font-size: clamp(32px, calc(2rem + ((1vw - 7.68px) * 1.9345)), 45px) !important; */
    font-size: clamp(28px, calc(1.75rem + ((1vw - 10.24px) * 4.0865)), 45px) !important;
    text-transform: uppercase;
    line-height: 100%;
    letter-spacing: 0px;
    color: #fff !important;
    padding: 0px !important;
    position: absolute;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
    margin: 0px;
}

section.hero-section h1.hero-section-title::before {
    content: none !important;
}

section.latest-news-section.latest-news-section-about a.news-card {
    background-color: #f4f4f4;
}

.hero-section-bg picture img {
    filter: grayscale(1) !important;
}

.jt-section-thumbnail {
    flex: 0 1 auto;
}

.video-section-text picture {
    display: none;
}

.sdv-vertical-body h2.title {
    padding-top: 213px;
    text-align: left;
}

.project-picture-box {
    border-radius: 28px;
    overflow: hidden;
    border: 2px solid var(--green);
}

section.project-pictures .project-picture-slider {
    margin-top: 26px;
}

.swiper-pagination-project-picture {
    text-align: center;
    margin-top: 40px;
}

.swiper-pagination-project-picture span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 15px;
    border-radius: 30px;
}

section.progress-section .swiper-pagination {
    position: static;
    margin: auto;
    transform: unset !important;
    margin-top: 60px;
}

.progress-card-popup .progress-card-text p {
    color: #fff;
}

section.sector-mission-cards.sector-mission-development .mission-card {
    position: relative;
    padding-top: 100px;
}

section.sector-mission-cards.sector-mission-development .mission-card img.mission-img {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    width: 124px;
    filter: unset;
}

section.sector-mission-cards.sector-mission-development .sector-mission-swiper .swiper-wrapper {
    padding-top: 62px;
}


.develp-cont>span {
    font-weight: 500;
    font-size: 14px;
    line-height: 32px;
    letter-spacing: 0px;
    text-transform: uppercase;
    color: var(--orange);
    display: block;
    margin-bottom: 5px;
}

.develp-cont .title.title-marker {
    margin: 0px;
    padding-bottom: 15px;
}

.develp-descp a.btn {
    margin-top: 30px;
}


.develp-box {
    /* width: 350px; */
    min-height: 360px;
    border-radius: 25px;
    overflow: hidden;
    border: 2px solid var(--green);
    position: relative;
}

.develp-box picture {
    position: absolute;
    z-index: 1;
}

.develp-box picture img {
    filter: grayscale(1);
}

.develp-box:hover picture img {
    /* filter: unset !important; */
}

.develp-cont {
    position: absolute;
    bottom: 0px;
    left: 0px;
    padding: 35px;
    z-index: 2;
    /* transition: .1s linear; */
}

.develp-cont .title.title-marker h2 {
    margin-bottom: 0px;
}

.develp-box picture::before {
    content: "";
    background: #F4F4F4B2;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.develp-box:hover picture::before {
    /* background: #F4F4F4E5; */
}

.develp-cont2 {
    /* height: 0px; */
    height: 100%;
    opacity: 0;
    visibility: hidden;
    /* transition: .1s linear; */
    /* margin-top: 15px; */
    /* backdrop-filter: blur(10px);
    background: #F4F4F4E5; */
    background-color: hsl(0deg 0% 100% / 60%);
}

.develp-cont2 .develp-descp {
    margin-top: 15px;
}

.develp-cont2 .develp-descp p {
    max-height: 140px;
    overflow: auto;
    padding-right: 4px;
}

.develp-box:hover .develp-cont {
    opacity: 0;
    visibility: hidden;
}

.develp-box:hover .develp-cont2 {
    /* transition: .5s linear; */
    height: 100%;
    opacity: 1;
    visibility: visible;
}

.develp-industry-slider .swiper-pagination-indust {
    text-align: center;
    margin-top: 40px;
}

.develp-industry-slider .swiper-pagination-indust span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 15px;
    border-radius: 20px;
}

.develp-box picture {
    width: 100%;
    height: 100%;
}

.develp-box picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.footer-link svg {
    margin-right: 10px;
}

.csr-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.csr-descp {
    max-width: 552px;
    /* margin-left: 84px; */
    margin-left: 30px;
}

.csr .csr-video {
    /* max-width: 484px; */
    width: 43%;
    flex: 0 0 auto;
        border-radius: 25px;
    overflow: hidden;
}

.csr-descp h2 {
    margin-bottom: 15px !important;
}

.journey-section-about-page .journey-text {
    max-width: 856px;
}

.journey-section-about-page .journey-text .journey-text-caption {
    max-width: 280px !important;
}

section.video-section.video-sect-aboutpage .video-section-text .video-wr {
    margin-bottom: 20px;
    display: none;
}


ul.values-ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}

ul.values-ul li .value-ulbox {
    border-radius: 15px;
    border: 2px solid #387B6B;
    background-color: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

ul.values-ul li {
    flex: 0 0 auto;
    width: 25%;
    padding: 0 8px;
    height: auto;
}

ul.values-ul .value-ulbox h5 {
    font-weight: 400;
    font-size: clamp(18px, calc(1.125rem + ((1vw - 10.24px) * 0.9615)), 22px);
    line-height: 32px;
    letter-spacing: 0px;
    text-align: center;
    text-transform: uppercase;
    margin: 0px;
}

.values-para p {
    max-width: 836px;
    margin: auto;
    width: 100%;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
    letter-spacing: 0px;
    text-align: center;
}

.news-post .news-text .blog-first-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.first-sec-contetn {
    padding-right: 30px;
    flex: 0 0 auto;
    width: 55%;
}

.news-post .news-text .blog-first-img {
    flex: 0 0 auto;
    width: 40%;
    height: 100%;
    border-radius: 28px;
    overflow: hidden;
    position: relative;
    top: -80px;
    border: 2px solid var(--green);
}

.blog.first-sec-wrapper {
    justify-content: space-between;
    margin-bottom: 20px;
}

.cont.flex.flex-col.blog-difren .news-blog__wrapper {
    display: block;
}

section.latest-news-section.latest-newsblog-section .news-swiper-wr {
    /* padding-bottom: 0px !important; */
}

section.news-text {

    h1,
    h2,
    h3,
    h4,
    h5,
    h5 {
        strong {
            font-weight: 500;
        }
    }
}

.news-post .news-text__bottom svg {
    margin-right: 10px;
}

.news-post .news-text__bottom .footer-link:hover {
    color: var(--green);
}

body.jobs-view .hero-section-caption-wr {
    align-items: end;
    /* display: block; */
}

.job-search__sort span.select2-selection__placeholder {
    /* color: var(--black) !important; */
    color: var(--orange) !important;
}

.job-search__reset>.cont {
    align-items: center;
}

.filter-label-wr .filter-toggle:hover:before,
.filter-label-wr .filter-toggle:hover::after {
    background-color: var(--orange);
}

.job-post__text iframe {
    margin: 50px 0 !important;
}


body.jobs-view .hero-section-caption-wr .Sector-sec {
    margin-bottom: 0px;
    margin-top: 30px;
    font-weight: 600;
    font-size: 18px;
    line-height: 125%;
    letter-spacing: 0px;
    color: #000;
    color: var(--green);
}

body.jobs-view section.hero-section h1.hero-section-title {
    position: static;
    transform: unset;
}

.hero-section-tags {
    margin-top: 28px;
}

body.jobs-view .hero-section-caption-wr {
    align-items: end;
    /* display: block; */
    position: absolute;
    left: 70px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 100% !important;
    padding-bottom: 0px;
    padding-top: 216px;
}

body.jobs-view .hero-section-caption-wr .Sector-sec,
.hero-section-tags,
.hero-section-social {
    padding-left: 60px;
}

.teamate-box-link {
    display: flex;
    align-items: start;
    margin-bottom: 7px;
    justify-content: space-between;
}

.become-tabs-item-thumbnail-text-wr .become-tabs-item-thumbnail-text {
    /* opacity: 0; */
    /* display: none; */
    color: #fff;
}

.become-tabs-item-thumbnail-text-wr {
    height: auto !important;
}

.become-tabs-item-thumbnail-text-wr .become-tabs-item-thumbnail-text p {
    color: #fff;
}

.news-post .news-text__bottom .pointer.footer-link::after {
    display: none;
}

img {
    filter: grayscale(1);
}

.plyr__poster {
    filter: grayscale(1);
}

.mission-swiper-bg img {
    filter: unset;
}

section.latest-news-section .swiper-pagination {
    width: unset !important;
    max-width: 100% !important;
    position: static;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: unset !important;
    padding-top: 40px;
}

.sdv-vertical-body h2.title span br {
    display: none;
}

.sdv-vertical-body h2.title {
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 10.24px) * 3.6058)), 40px) !important;
}

h3.sdv-vertical-item-title {
    font-size: clamp(20px, calc(1.25rem + ((1vw - 10.24px) * 2.4038)), 26px);
}

.sdv-vertical-item-content-wr a.btn {
    display: none;
}


.leadoo-bot {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* right: 0; */
    /* bottom: 0; */
    z-index: 9;
    overflow: auto;
    opacity: 0;
    visibility: hidden;
    transition: .3s linear;
    width: 50%;
    height: 90%;
}

.leadoo-bot.active {
    opacity: 1;
    visibility: visible;
    transition: .3s linear;
}

.leadoo-bot-close {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
    cursor: pointer;
}

.leadoo-bot-close img {
    filter: unset;
}

section.csr .csr-descp h2 {
    font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 32px);
}

.diversity-thumbnail.diversity-thumbnail-text.desktop-hide {
    display: none !important;
}


section.video-section.video-sect-aboutpage picture {
    height: 600px;
    /* height: 100%; */
}

section.video-section.video-sect-aboutpage picture img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


.sdv-vertical-item-text li {
    padding-left: 15px !important;
    position: relative;
}

.sdv-vertical-item-text li::marker {
    content: none;
}

.sdv-vertical-item-text li::before {
    content: "";
    position: absolute;
    left: 1px;
    top: 9px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--black);
}

section.hero-section h1 .page-hero-title span {
    font-weight: 500;
    margin-left: -2px;
}
.project-picture-slider .swiper-wrapper {
    display: flex;
}

.project-picture-slider .swiper-wrapper .swiper-slide {
    height: auto;
}

.project-picture-slider .swiper-wrapper .swiper-slide .project-picture-box {
    height: 276px;
}

.project-picture-slider .swiper-wrapper .swiper-slide .project-picture-box picture {
    height: 100%;
}

.project-picture-slider .swiper-wrapper .swiper-slide .project-picture-box picture img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

@media(max-width:1400px) {
    .develp-box .develp-cont2 h3 {
        font-size: 24px;
    }

    .develp-cont>span {
        line-height: 125%;
    }

    .develp-cont {
        padding: 35px 30px;
    }

    .cont {
        width: 80.55555555555556%;
    }
}

@media(max-width:1100px) {
    body.jobs-view .hero-section {
        min-height: 100vh;
    }
}

@media(max-width:1025px) {
    section.hero-section h1.hero-section-title {
        left: 60px;
    }

    .video-section-content>picture {
        display: none;
    }

    .video-section-text picture {
        display: block;
        margin-bottom: 30px;
        margin-top: 3px;
    }

    .video-section-text.aos-init.aos-animate.fade-right {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
    }

    .jt-section-tabs {
        flex: 0 0 auto;
        width: 100%;
        max-width: 100%;
        margin: 0px;
    }

    .jt-section-tabs-list {
        justify-content: start;
    }

    .jt-section-thumbnail.lg-hidden {
        margin: 0 0 30px;
    }

    section.video-section.video-sect-aboutpage .video-section-text .video-wr {
        display: block;
    }

    section.video-section.video-sect-aboutpage .video-section-content>.video-wr {
        display: none;
    }

    ul.values-ul {
        row-gap: 16px;
    }

    ul.values-ul li {
        width: 50%;
    }

    .csr-box {
        flex-direction: column;
        align-items: start;
        row-gap: 30px;
    }

    .csr-descp {
        margin-left: 0px;
    }

    .csr .csr-video {
        width: 100%;
    }

    .first-sec-contetn {
        padding-right: 0px;
        padding-top: 30px;
        width: 100%;
    }

    .blog.first-sec-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .news-post .news-text .blog-first-img {
        width: 60%;
        top: 0;
    }

    body.jobs-view form#job-alerts {
        background: transparent;
        /* border: none;
        padding: 0px;
        padding-top: 10px;
        padding-bottom: 22px; */
    }

    body.jobs-view form#job-alerts input,
    body.jobs-view form#job-alerts .select2-container--default .select2-selection--single {
        background-color: transparent !important;
    }

    section.video-section.video-sect-aboutpage picture {
        height: auto;
        /* height: 100%; */
    }

    .cont {
        width: 80.55555555555556%;
    }
}

@media(max-width:992px) {
    .content-hidden-text {
        margin-top: 12px;
    }

    body.jobs-view .hero-section-caption-wr {
        left: 60px;
    }

    .leadoo-bot {
        padding-left: 60px;
    }

    .become-tabs-item-thumbnail-text-wr .become-tabs-item-thumbnail-text {
        color: var(--black);
        /* margin-top: 20px; */
    }

    .become-tabs-item-thumbnail-text .ski-story {
        margin-top: 20px;
    }

    .become-tabs-item-thumbnail-text-wr .become-tabs-item-thumbnail-text {
        /* display: none; */
    }

    .become-tabs-item-thumbnail-text-wr .become-tabs-item-thumbnail-text p {
        color: var(--black);

    }

    .news-page .hero-section .hero-section-col {
        margin-bottom: 30px;
    }

    .news-page .hero-section .hero-section-descr {
        max-width: 350px;
    }

    .leadoo-bot {
        width: 90%;
        height: 90%;
    }

    .news-page .hero-section .hero-section-date {
        margin-top: 10px;
        flex-direction: column;
        align-items: end;
    }

    .news-page .hero-section .hero-section-date span:not(:last-child):before {
        display: none !important;
    }

    .news-page .hero-section .hero-section-date span:not(:last-child) {
        margin-right: 0px;
    }
}

@media(max-width:769px) {
    .footer .policy-box {
        margin-top: 10px;
        padding-top: 30px;
        padding-left: 0px;
        border-left: none;
        border-top: 1px solid #387B6B;
        margin-left: 0px;
    }

    .sdv-vertical-body h2 span br {
        display: none;
    }

    .sdv-vertical-item-content-wr {
        margin-bottom: 30px;
    }

    .video-section-text {
        margin: 0px !important;
    }

    .sdv-vertical-body h2.title {
        padding-top: 0px;
    }

    .video-section-text {
        padding-bottom: 0px;
    }

    .case-study-card-text {
        border: 2px solid var(--green) !important;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;
        border-top: none !important;
    }

    body.jobs-view .hero-section-caption-wr {
        max-width: 80% !important;
    }

    .footer-social-box {
        margin-bottom: 38px;
        width: 100%;
        padding-right: 0px;
    }

    .footer-social-box ul.social-links {
        display: flex;
        flex-wrap: wrap;
    }

    .footer-social-box ul.social-links li {
        flex: 0 0 auto;
        width: 50%;
    }

    .footer .policy-box h4 {
        margin-bottom: 10px !important;
    }

    .footer-link {
        margin-bottom: 15px;
    }

    .journey-section-about-page .journey-text .journey-text-caption {
        max-width: 100% !important;
    }

    .journey-text-caption {
        max-width: 100%;
        width: 100%;
    }
}

@media(max-width:640px) {
    .sector-card-content>h3 {
        max-height: unset;
        min-height: unset;
        font-size: 20px;
        left: 50% !important;
        transform: translateX(-50%)translateY(50%);
        min-width: 250px;
    }

    h3.sector-card-content-hidden-title {
        font-size: 17px;
        line-height: 130%;
    }

    .sector-card-content-hidden {
        padding-left: 30px;
    }

    .dive-section a {
        font-size: 18px;
    }

    .partners-card {
        padding: 10px 20px !important;
    }

    section.hero-section.home-page h1 span:nth-child(1) {
        position: relative;
        top: 0px;
    }

    section.hero-section.home-page h1 span {
        background-color: transparent;
        padding: 0px;
        border-radius: 10px;
        font-size: 20px;
        line-height: 130%;
    }

    section.hero-section.home-page h1 {
        padding: 15px !important;
        border-radius: 15px;
        background-color: var(--orange);
    }

    section.hero-section.home-page .hero-section-caption-wr {
        align-items: end;
        padding-bottom: 50px;
        justify-content: end;
    }

    .footer-title {
        margin: 40px 0;
    }

    .bold-logo img {
        margin: auto;
        max-width: 150px;

    }

    .footer-copyright {
        font-size: 12px;
        padding-top: 20px;
    }

    .footer-copyright p {
        margin-bottom: 10px;
        font-size: 12px;
    }

    .bold-logo {
        padding-bottom: 20px;
    }

    .footer-social-box {
        margin-bottom: 20px;
    }

    section.hero-section h1 span {
        /* padding: 30px 30px 30px 30px; */
    }

    section.hero-section h1 .page-hero-title {
        padding: 30px 30px 30px 30px;
    }

    section.hero-section h1.hero-section-title {
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }

    section.hero-section h1 span {
        font-size: 20px;
        /* padding: 15px; */
        text-align: center;
    }

    section.hero-section h1 .page-hero-title .page-hero-subtitle {
        /* font-size: 20px; */
        /* padding: 15px; */
        /* text-align: center; */
    }

    .video-section-text.aos-init.aos-animate.fade-right {
        margin: 0px;
    }

    section.hero-section h1.hero-section-title {
        position: static;
        transform: unset;
    }

    section.hero-section .hero-section-caption-wr {
        justify-content: end;
        align-items: center;
    }

    ul.values-ul li {
        width: 100%;
    }

    ul.values-ul .value-ulbox h5 {
        font-size: 16px;
    }

    .values-para p {
        font-size: 18px;
    }

    .news-post .news-text .blog-first-img {
        width: 100%;
    }

    body.jobs-view .hero-section-caption-wr .Sector-sec,
    .hero-section-tags,
    .hero-section-social {
        padding-left: 0px;
    }

    body.jobs-view .hero-section-caption-wr .Sector-sec {
        margin-bottom: 0px;
        margin-top: 15px;
    }

    .hero-section-tags {
        margin-top: 10px;
    }

    body.jobs-view .hero-section-caption-wr .hero-section-caption {
        text-align: center;
    }

    body.jobs-view .hero-section-caption-wr .hero-section-social {
        justify-content: center;
    }

    body.jobs-view .hero-section-caption-wr {
        padding-top: 0px;
    }

    .job-post-page .hero-section .hero-section-tags {
        justify-content: center;
    }

    body.jobs-view .hero-section-caption-wr {
        max-width: 100% !important;
        position: static;
        transform: unset !important;
    }

    body.jobs-view .hero-section {
        min-height: auto;
    }

    .work-with-section .swiper-slide {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .footer .policy-box {
        padding-top: 20px;
    }

    h3.sdv-vertical-item-title {
        font-size: 18px;
    }

    section.hero-section h1 .page-hero-title {
        padding: 15px 50px 20px 50px;
    }

    section.hero-section h1 .page-hero-title .page-hero-subtitle {
        font-size: 14px;
        text-align: center;
        line-height: 100%;
        margin-bottom: 10px;
    }

    .leadoo-bot {
        padding-left: 0px;
    }

    .diversity-thumbnail.diversity-thumbnail-text.desktop-hide {
        display: block !important;
        width: 100%;
    }

    .diversity-thumbnail.diversity-thumbnail-text {
        display: none !important;
    }

    .news-page .hero-section .hero-section-col {
        align-items: center;
        margin: auto !important;
        margin-bottom: 30px !important;
        margin-top: 30px !important;
    }

    .news-page .hero-section .hero-section-caption .hero-section-title {
        margin: auto;
    }

    .news-page .hero-section .hero-section-descr {
        text-align: center;
        margin-top: 10px;
    }

    .news-page .hero-section .hero-section-descr:before {
        right: unset;
        left: 50%;
        transform: translateX(-50%);
    }

    .hero-section {

        min-height: 60vh;

    }

    .news-page .hero-section .hero-section-caption {
        flex-direction: column-reverse;
    }

    .news-page .hero-section .hero-section-date {
        margin-top: 10px;
        flex-direction: column;
    }

    .news-post .hero-section .hero-section-motto {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .news-page .hero-section .hero-section-date span:not(:last-child):before {
        display: none !important;
    }

    .news-post .hero-section .hero-section-motto {
        flex-direction: column;
        align-items: start;
    }

    .news-post .hero-section .hero-section-motto span:not(:last-child):before {
        display: none !important;
    }

    .news-post .hero-section .hero-section-motto span {
        line-height: 140% !important;
    }

    .news-post .hero-section .hero-section-date span {
        text-align: center;
    }

    .news-page .hero-section .hero-section-date span:last-child {
        text-align: center;
        line-height: 140%;
    }

    .cont {
        width: 100%;
    }

    .news-page .hero-section .hero-section-date {
        align-items: center;
    }

    .news-post .hero-section .hero-section-motto span:not(:last-child) {
        margin-bottom: 5px;
    }
}

@media(max-width:450px) {
    .hero-section .hero-section-caption {
        width: max-content;
    }

    .diversity .title {
        font-size: 20px;
    }

    .journey-section-about-page .journey-text-title {
        font-size: 4.8vw;
    }

    .video-section-content picture,
    .jt-section-thumbnail {
        height: 250px;
    }
}




/* WINDOW SCROLLBAR (html / body) */
html::-webkit-scrollbar,
body::-webkit-scrollbar {
    width: 8px;
}

html::-webkit-scrollbar-track,
body::-webkit-scrollbar-track {
    background: transparent;
}

html::-webkit-scrollbar-thumb,
body::-webkit-scrollbar-thumb {
    background: #387B6B;
    border-radius: 10px;
}

/* ALL OTHER ELEMENT SCROLLBARS */
*:not(html):not(body)::-webkit-scrollbar {
    width: 5px;
}

*:not(html):not(body)::-webkit-scrollbar-track {
    background: transparent;
}

*:not(html):not(body)::-webkit-scrollbar-thumb {
    background: #387B6B;
    border-radius: 10px;
}

.header-main-contact .btn-new-contact {
    background: #fff !important;
    color: var(--orange) !important;
}

@media (min-width: 1401px) {
    .develp-box .develp-cont2 h3 {
        font-size: 24px;
    }
}