.career-header {
    width: 100%;
    display: flex;
    flex-direction: column;

    position: relative;

    box-sizing: border-box;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: 0.5vw;
}
.career-header .career-inner{
    position: absolute;

    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    padding-left: 4vw;
    padding-right: 4vw;

    z-index: 2;

    display: flex;
    flex-direction: column;

    justify-content: flex-end;
    align-items: flex-start;

    box-sizing: border-box;
}
.career-header img{
    max-width: 100%;
    width: 100%;
}
.career-header .career-inner h1{
    color: #F8F8F8;
    font-family: "NeueMachina";
    font-size: 4.9vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
}
.career-header .career-inner p{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.26vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    margin-bottom: 2vw;
}

.career-search{
    padding-left: 4vw;
    padding-right: 4vw;

    box-sizing: border-box;

    padding-top: 1vw;
}
.career-search form{
    display: flex;
    width: 100%;
    flex-direction: row;
}
.select-wrapper select{
    border-radius: 1.1vw;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: rgba(255, 255, 255, 0.84);

    color: rgba(3, 3, 3, 0.70);
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    padding: 2vw 2.5vw;

    box-sizing: border-box;

    -webkit-appearance: none;
    appearance: none;

    width: 100%;
}
.career-search .select-wrapper{
    position: relative;
    margin-right: 4px;

    width: 19vw;
}

.career-search .select-wrapper::after {
    content: "▼";
    font-size: 0.8vw;
    top: 2.4vw;
    right: 1vw;
    position: absolute;
    color: rgba(0, 0, 0, 0.70);
}

.career-search form input{
    border-radius: 1.1vw;
    border: 1px solid rgba(255, 255, 255, 0.10);
    background: #FFF;

    padding: 2vw 2.5vw;
    box-sizing: border-box;
    margin-right: 1.11vw;
    margin-left: 1.11vw;

    color: #030303;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    width: 49vw;

    outline: none;
}
.career-search form button{
    background: rgba(255,119,29,0.3);
    border: 0;
    width: 10vw;
    text-align: center;

    cursor: pointer;
    margin-left: 4px;

    border-radius: 1.1vw;
}
.career-search form button svg path,.career-search form button svg rect{
    stroke: rgb(255,119,29)!important;
}
.career-search form button svg rect{
    fill: rgb(255,119,29)!important;
}
.featured-roles{
    padding-left: 4vw;
    padding-right: 4vw;
    
    padding-top: 4.5vw;

    box-sizing: border-box;
}
.featured-roles h2{
    color: #F8F8F8;
    font-family: "NeueMachina";
    font-size: 2.69vw;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;

    margin-bottom: 1.5vw;
}

.vacancies-list{
    display: flex;
    flex-direction: column;
}
.vacancies-list .vacancy-v2{
    border-radius: 2.1vw;
    background: #202020;

    padding: 2vw 3vw;

    display: flex;

    margin-bottom: 0.5vw;

    text-decoration: none;
    flex-direction: row;
}
.vacancies-list .vacancy-v2 h3{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.944vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;

    margin-bottom: 2vw;
    width: 90%;
}
.vacancies-list .vacancy-inner{
    width: 62vw;
}
.vacancies-list .vacancy-inner .vacancy-data{
    display: flex;
    flex-direction: row;
    align-items: stretch;
}
.vacancies-list .vacancy-inner .vacancy-data .learn-more{
    border-radius: 2vw;
    background: rgba(255,255,255,0.1);

    text-align: center;

    padding: 0.4vw 1.1vw;

    color: rgba(255,255,255,0.4);
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    margin-right: 2.3vw;

    display: block;
}

.vacancies-list .vacancy-inner .vacancy-data .tags{
    display: flex;
    flex-direction: row;

    align-items: stretch;
}
.vacancies-list .vacancy-inner .vacancy-data .tags span{
    color: rgba(255,255,255,0.4);
    font-family: "NeueMachina";
    font-size: 0.9vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    display: flex;
    text-align: center;

    justify-content: center;
    align-items: center;

    border-right: 1px solid rgba(217,217,217,0.16);
    padding-left: 0.9vw;
    padding-right: 0.9vw;
}
.vacancies-list .vacancy-inner .vacancy-data .tags span:last-child{
    border-right: 0!important;
}

.vacancies-list .vacancy-inner .vacancy-data .tags span svg{
    margin-right: 0.2vw;
}
.vacancies-list .vacancy-v2{
    transition: 0.3s;
}
.vacancies-list .vacancy-v2:hover{
    background: #2D2D2D;
}
.vacancies-list .vacancy-buttons{
    display: flex;
    flex-direction: column;

    position: relative;

    min-height: 6.4vw;

    opacity: 0;
    transition: opacity 0.3s;
}

.vacancies-list .vacancy-v2:hover .vacancy-buttons{
    opacity: 1;
}
.vacancies-list .vacancy-buttons .apply-now{
    border-radius: 50px;
    background: #FF771D;

    color: #000;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    padding: 1.1vw 2.1vw;
    box-sizing: border-box;

    display: block;
    text-align: center;

    cursor: pointer;

    position: relative;
    z-index: 4;

    min-width: 13vw;
}

.vacancies-list .vacancy-buttons .refer-friend{
    border-radius: 22px;
    background: rgba(255,119,29,0.1);

    padding: 1.1vw 2.1vw;

    color: rgba(255,119,29,0.8);
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    text-align: center;

    cursor: pointer;

    position: absolute;
    top: 0;
    left: 0;

    padding-top: 4vw;
    z-index: 3;

    width: 8.8vw;
}

.vacancies-list .vacancy-v2{
    justify-content: space-between;
    align-items: center;
}

.dive-into{
    padding-left: 4vw;
    padding-right: 4vw;

    padding-top: 20vw;
}
.dive-into-content{
    position: relative;
}
.dive-into-content .bg-list{
    width: 50%;
    position: absolute;
    top: 5vw;
    left: 0;
    right: 0;

    margin: 0 auto;
    z-index: 2;

    height: 210vw;
}
.dive-into-content .tomorrow-animate{
    width: 100%;
    position: relative;
    z-index: 3;
}
.dive-into h2{
    margin-bottom: 2.5vw;
}
.dive-into p{
    max-width: 40vw;

    line-height: 130%;
}
.our-interview{
    margin-top: 24vw;
    position: relative;
    z-index: 3;
}
.our-interview h2{
    width: 100%;
    text-align: center;

    margin-bottom: 2vw;

    text-transform: uppercase;
}
.our-interview p{
    max-width: 60vw;

    text-align: center;
    margin: 0 auto;
    opacity: 0.8;

    line-height: 130%;
}
.our-interview .our-interview-content{
    position: relative;
}
.our-interview .car{
    width: 100%;
    position: relative;
    z-index: 3;
    top: 0;
}

.line-numbers-block{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;

    position: absolute;
    top: 50%;
    width: 100%;
    z-index: 4;

    padding-left: 4vw;
    padding-right: 4vw;
    box-sizing: border-box;
}
.line-numbers-block .number label {
    background: #FF771D;

    width: 5.5vw;
    height: 5.5vw;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    color: #000;
    font-family: "NeueMachina";
    font-size: 3.17vw;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;

    border-radius: 100%;
}
.line-numbers-block .number .number-container{
    border-radius: 0.95vw;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(4px);
    padding: 1.7vw 2.5vw;
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.26vw;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    position: relative;
    top: -0.6vw;
    box-sizing: border-box;
}
.line-numbers-block .number{
    position: relative;
}
.line-numbers-block .number:nth-child(1){
    top: -2vw;
}
.line-numbers-block .number:nth-child(2){
    top: -1vw;
}
.line-numbers-block .number:nth-child(3){
    top: 0.5vw;
}
.line-numbers-block .number:nth-child(4){
    top: 2vw;
}
.line-numbers-block .number:nth-child(5){
    top: 3vw;
}

.offer{
    position: relative;
    z-index: 4;
}
.offer .finish-bg{
    width: 100%;

    margin-top: -23vw;
}

.finish-title{
    width: 38vw;
    position: absolute;
    top: 4vw;
    right: 11vw;
}
.offer h2{
    color: #F8F8F8;
    font-family: "NeueMachina";
    font-size: 4.11vw;
    font-style: normal;
    font-weight: 400;
    line-height: 110%; /* 57.2px */
    text-transform: uppercase;
    margin-bottom: 2.5vw;
}

.offer p{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.4vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    margin-bottom: 1.9vw;
}
.offer span{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    opacity: 0.5;
}

.benefits{
    position: relative;
    z-index: 4;
    padding-left: 4vw;
    padding-right: 4vw;

    padding-top: 10vw;
}
.benefits .title-wrap{
    width: 52.3vw;
}
.benefits .title-wrap h2{
    margin-bottom: 2.3vw;
}
.benefits .title-wrap p{
    line-height: 130%;
    margin-bottom: 5.9vw;
}

.benefits-list{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

    align-items: stretch;
}
.benefits-list .benefit{
    width: 33%;
    margin: 0.08vw;

    padding: 2.2vw 1.9vw;

    border-radius: 1.58vw;
    background: #202020;

    position: relative;

    box-sizing: border-box;

    display: flex;
    flex-direction: column;
}
.benefits-list .benefit .icon{
    width: 5.5vw;
    height: 5.5vw;

    background: #F7C614;

    border-radius: 100%;

    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    position: absolute;
    top: 0.7vw;
    right: 1.4vw;
}
.benefits-list .benefit .name{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.6vw;
    font-style: normal;
    font-weight: 500;
    line-height: 130%; /* 28.6px */
    text-transform: uppercase;

    display: block;

    width: 22vw;
    height: 4.6vw;
    margin-bottom: 2.8vw;
}
.benefits-list .benefit p{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    opacity: 0.5;
}

.contacts-world {
    position: relative;
    padding: 17.36111vw 4.16667vw 6.94444vw; }
@media screen and (max-width: 960px) {
    .contacts-world {
        padding: 53.33333vw 0 18.66667vw; } }
.contacts-world .contacts-globe {
    position: absolute;
    left: 50%;
    top: 0;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1; }
.contacts-world .contacts-globe canvas {
    width: 52.08333vw;
    height: 52.08333vw;
    z-index: 2; }
@media screen and (max-width: 960px) {
    .contacts-world .contacts-globe canvas {
        width: 80vw;
        height: 80vw; } }
.contacts-world .title-wrap {
    position: relative;
    z-index: 2;
    margin-bottom: 4.51389vw; }
@media screen and (max-width: 960px) {
    .contacts-world .title-wrap {
        margin-bottom: 9.33333vw;
        padding: 0 4.26667vw; } }
.contacts-world .contacts-world-list {
    margin-bottom: 6.04167vw;
    position: relative;
    z-index: 2; }
@media screen and (max-width: 960px) {
    .contacts-world .contacts-world-list {
        padding: 0 8vw;
        margin-bottom: 16.53333vw; }
    .contacts-world .contacts-world-list .slick-list {
        overflow: visible; } }
.contacts-world .contacts-world-list .slick-track {
    margin-left: 0; }
.contacts-world .contacts-world-list .contacts-world-list-item {
    padding: 1.45833vw 11.59722vw 0.97222vw 2.08333vw;
    border-radius: 1.38889vw;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: solid 1px rgba(255, 255, 255, 0.05);
    background-color: #202020;
    height: 11.38889vw;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-right: 0.34722vw;
    -webkit-transition: .2s ease-in-out background;
    -o-transition: .2s ease-in-out background;
    transition: .2s ease-in-out background; }
@media screen and (min-width: 960px) {
    .contacts-world .contacts-world-list .contacts-world-list-item:hover {
        background-color: #3a1d0a; }
    .contacts-world .contacts-world-list .contacts-world-list-item:hover .country, .contacts-world .contacts-world-list .contacts-world-list-item:hover .address {
        color: #ff771d; } }
@media screen and (max-width: 960px) {
    .contacts-world .contacts-world-list .contacts-world-list-item {
        padding: 4.26667vw;
        border-radius: 5.33333vw;
        height: 37.33333vw;
        margin-right: 1.06667vw; }
    .contacts-world .contacts-world-list .contacts-world-list-item.slick-current {
        background-color: #3a1d0a; }
    .contacts-world .contacts-world-list .contacts-world-list-item.slick-current .country, .contacts-world .contacts-world-list .contacts-world-list-item.slick-current .address {
        color: #ff771d; } }
.contacts-world .contacts-world-list .contacts-world-list-item:last-child {
    margin-right: 0; }
.contacts-world .contacts-world-list .contacts-world-list-item .country {
    font-size: 1.66667vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    -webkit-transition: .2s ease-in-out color;
    -o-transition: .2s ease-in-out color;
    transition: .2s ease-in-out color;
    text-transform: uppercase; }
@media screen and (max-width: 960px) {
    .contacts-world .contacts-world-list .contacts-world-list-item .country {
        font-size: 4.8vw; } }
.contacts-world .contacts-world-list .contacts-world-list-item .address {
    font-size: 1.25vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #f8f8f8;
    -webkit-transition: .2s ease-in-out color;
    -o-transition: .2s ease-in-out color;
    transition: .2s ease-in-out color; }
@media screen and (max-width: 960px) {
    .contacts-world .contacts-world-list .contacts-world-list-item .address {
        font-size: 3.73333vw; } }
.contacts-world .socials-wrap {
    position: relative;
    z-index: 2; }
@media screen and (max-width: 960px) {
    .contacts-world .socials-wrap {
        padding: 0 24vw 0 4.26667vw; } }
.contacts-world .socials-wrap .t {
    text-transform: uppercase;
    font-size: 2.22222vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: left;
    color: #f8f8f8;
    margin-bottom: 1.31944vw; }
@media screen and (max-width: 960px) {
    .contacts-world .socials-wrap .t {
        font-size: 4.8vw;
        margin-bottom: 6.4vw; } }
.contacts-world .socials-wrap .social-list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
.contacts-world .socials-wrap .social-list ul li {
    margin-right: 0.27778vw; }
@media screen and (max-width: 960px) {
    .contacts-world .socials-wrap .social-list ul li {
        margin-right: 1.6vw;
        margin-bottom: 1.6vw; } }
.contacts-world .socials-wrap .social-list ul li:last-child {
    margin-right: 0; }
.contacts-world .socials-wrap .social-list ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 4.16667vw;
    height: 4.16667vw;
    border-radius: 0.97222vw;
    background-color: rgba(255, 255, 255, 0.06);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s ease-in-out background;
    -o-transition: .2s ease-in-out background;
    transition: .2s ease-in-out background; }
@media screen and (min-width: 960px) {
    .contacts-world .socials-wrap .social-list ul li a:hover {
        background-color: #542b11; }
    .contacts-world .socials-wrap .social-list ul li a:hover svg * {
        fill: #ff771d; } }
@media screen and (max-width: 960px) {
    .contacts-world .socials-wrap .social-list ul li a {
        width: 16vw;
        height: 16vw;
        border-radius: 3.73333vw; } }
.contacts-world .socials-wrap .social-list ul li a svg {
    width: 1.11111vw;
    height: 1.11111vw; }
@media screen and (max-width: 960px) {
    .contacts-world .socials-wrap .social-list ul li a svg {
        width: 4.26667vw;
        height: 4.26667vw; } }

.exploremore {
    padding: 9.02778vw 4.16667vw 4.16667vw; }
@media screen and (max-width: 960px) {
    .exploremore {
        padding: 26.66667vw 4.26667vw 32vw; } }
.exploremore .title-wrap {
    margin-bottom: 4.51389vw; }
@media screen and (max-width: 960px) {
    .exploremore .title-wrap {
        margin-bottom: 9.33333vw; }
    .exploremore .title-wrap h2 {
        font-size: 7.46667vw; } }
.exploremore .exploremore-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list {
        display: block; } }
.exploremore .exploremore-list .exploremore-list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    width: 49.8%;
    padding: 2.56944vw 2.63889vw 2.63889vw 2.08333vw;
    border-radius: 2.08333vw;
    overflow: hidden;
    text-decoration: none;
    height: 20.69444vw; }
@media screen and (min-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item:hover .bg {
        opacity: 1; } }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item {
        width: 100%;
        padding: 8vw 6.4vw;
        border-radius: 8vw;
        height: 70.66667vw;
        margin-bottom: 2.13333vw; } }
.exploremore .exploremore-list .exploremore-list-item .bg {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
    -webkit-transition: .2s ease-in-out opacity;
    -o-transition: .2s ease-in-out opacity;
    transition: .2s ease-in-out opacity;
    opacity: 0; }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item .bg {
        opacity: 1; } }
.exploremore .exploremore-list .exploremore-list-item .bg svg {
    width: auto;
    height: 20.69444vw;
    opacity: .12;
    display: block; }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item .bg svg {
        height: 70.66667vw;
        opacity: 1; } }
.exploremore .exploremore-list .exploremore-list-item:nth-child(1) {
    background: -webkit-linear-gradient(166deg, #222 0.61%, #FF771D 101.2%);
    background: -o-linear-gradient(166deg, #222 0.61%, #FF771D 101.2%);
    background: linear-gradient(284deg, #222 0.61%, #FF771D 101.2%); }
.exploremore .exploremore-list .exploremore-list-item:nth-child(2) {
    background: -webkit-linear-gradient(167deg, #222 0%, #F7C614 100%);
    background: -o-linear-gradient(167deg, #222 0%, #F7C614 100%);
    background: linear-gradient(283deg, #222 0%, #F7C614 100%); }
.exploremore .exploremore-list .exploremore-list-item .name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-transform: uppercase;
    font-size: 2.63889vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #f8f8f8;
    position: relative;
    z-index: 2; }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item .name {
        font-size: 6.4vw; } }
.exploremore .exploremore-list .exploremore-list-item .name svg {
    width: 2.08333vw;
    height: 2.08333vw;
    margin-right: 0.97222vw;
    display: block;
    -webkit-transform: translateY(-0.27778vw);
    -ms-transform: translateY(-0.27778vw);
    transform: translateY(-0.27778vw); }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item .name svg {
        width: 6.4vw;
        height: 6.4vw;
        margin-right: 3.2vw;
        -webkit-transform: translateY(-0.8vw);
        -ms-transform: translateY(-0.8vw);
        transform: translateY(-0.8vw); } }
.exploremore .exploremore-list .exploremore-list-item .desc {
    margin-top: 2.08333vw;
    font-size: 1.11111vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 2;
    width: 24.30556vw; }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item .desc {
        margin-top: 8vw;
        font-size: 3.2vw;
        width: auto; } }
.exploremore .exploremore-list .exploremore-list-item .btn {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0.48611vw 1.11111vw 0.34722vw;
    border-radius: 16.66667vw;
    background-color: #fff;
    font-size: 1.11111vw;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.4;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin-right: auto;
    -webkit-transition: .2s ease-in-out background, .2s ease-in-out color;
    -o-transition: .2s ease-in-out background, .2s ease-in-out color;
    transition: .2s ease-in-out background, .2s ease-in-out color; }
@media screen and (max-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item .btn {
        padding: 1.86667vw 4.26667vw 1.33333vw;
        border-radius: 64vw;
        font-size: 3.73333vw;
        margin-right: auto; } }
@media screen and (min-width: 960px) {
    .exploremore .exploremore-list .exploremore-list-item .btn:hover {
        background-color: rgba(255, 255, 255, 0.4);
        color: #fff; } }

.contacts-globe img{
    max-width: 100%;
}

.contacts-world .contacts-globe {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: unset;
    -ms-transform: unset;
    transform: unset;
    z-index: 1;
    width: 100%;
    max-width: 100%;
}

.benefits{
    margin-bottom: 12.6vw;
}
.contacts-world .title-wrap{
    margin-top: 12vw;
}


.sportsbook-margins-btn {
    margin-top: 1.25vw;
    margin-left: 0.83333vw;
    margin-right: 0.83333vw;

    height: 19.583vw;
    border-radius: 2.22222vw;
    background: #462F20;
    overflow: hidden;
    display: block;
    text-decoration: none;
    padding: 4.16667vw 29.86111vw 1.45833vw;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s ease-in-out background;
    -o-transition: .2s ease-in-out background;
    transition: .2s ease-in-out background; }
@media screen and (min-width: 960px) {
    .sportsbook-margins-btn:hover {
        background-color: #ff771d; }
    .sportsbook-margins-btn:hover .bg {
        opacity: 1; }
    .sportsbook-margins-btn:hover .name {
        color: #030303; }
    .sportsbook-margins-btn:hover .description {
        color: #030303; }
    .sportsbook-margins-btn:hover .link {
        color: #030303; }
    .sportsbook-margins-btn:hover .link .arrow {
        width: 1.52778vw;
        opacity: 1;
        -webkit-transform: translate(0, -0.13889vw);
        -ms-transform: translate(0, -0.13889vw);
        transform: translate(0, -0.13889vw); }
    .sportsbook-margins-btn:hover .link .arrow svg path {
        stroke: #ff771d; } }
.sportsbook-margins-btn .bg {
    position: absolute;
    z-index: 1;
    left: 7.5vw;
    top: 0;
    bottom: 0;
    width: 43.33333vw;
    opacity: 0;
    -webkit-transition: .2s ease-in-out opacity;
    -o-transition: .2s ease-in-out opacity;
    transition: .2s ease-in-out opacity; }
@media screen and (max-width: 960px) {
    .sportsbook-margins-btn .bg {
        left: 4.26667vw;
        width: 89.06667vw; } }
.sportsbook-margins-btn .bg img {
    display: block;
    width: 100%;
    height: 100%; }
.sportsbook-margins-btn .name {
    text-transform: uppercase;
    font-size: 1.94444vw;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    position: relative;
    z-index: 2;
    margin-bottom: 1.278vw;
    -webkit-transition: .2s ease-in-out color;
    -o-transition: .2s ease-in-out color;
    transition: .2s ease-in-out color; }
.sportsbook-margins-btn .description{
    color: #fff;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.41vw;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;
    position: relative;
    z-index: 10;
    -webkit-transition: .2s ease-in-out color;
    -o-transition: .2s ease-in-out color;
    transition: .2s ease-in-out color;

    margin-bottom: 2.7vw;
}
@media screen and (max-width: 960px) {
    .sportsbook-margins-btn .name {
        font-size: 5.33333vw;
        margin-bottom: 11.46667vw; } }
.sportsbook-margins-btn .link {
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #FF771D;
    font-size: 0.97222vw;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    -webkit-transition: .2s ease-in-out color;
    -o-transition: .2s ease-in-out color;
    transition: .2s ease-in-out color; }
@media screen and (max-width: 960px) {
    .sportsbook-margins-btn .link {
        font-size: 3.73333vw; } }
.sportsbook-margins-btn .link .arrow {
    margin-left: 0.69444vw;
    -webkit-transform: translate(-200%, -0.13889vw);
    -ms-transform: translate(-200%, -0.13889vw);
    transform: translate(-200%, -0.13889vw);
    width: 0;
    opacity: 0;
    -webkit-transition: .2s ease-in-out width, .2s ease-in-out opacity, .2s ease-in-out transform;
    -o-transition: .2s ease-in-out width, .2s ease-in-out opacity, .2s ease-in-out transform;
    transition: .2s ease-in-out width, .2s ease-in-out opacity, .2s ease-in-out transform; }
@media screen and (max-width: 960px) {
    .sportsbook-margins-btn .link .arrow {
        margin-left: 2.66667vw;
        -webkit-transform: translate(-200%, -0.53333vw);
        -ms-transform: translate(-200%, -0.53333vw);
        transform: translate(-200%, -0.53333vw); } }
.sportsbook-margins-btn .link .arrow svg {
    width: 1.52778vw;
    height: 1.52778vw;
    display: block; }
@media screen and (max-width: 960px) {
    .sportsbook-margins-btn .link .arrow svg {
        width: 5.86667vw;
        height: 5.86667vw; } }
@media screen and (max-width: 960px) {
    .sportsbook-margins-btn {
        height: 53.33333vw;
        border-radius: 4.8vw;
        padding: 18.66667vw 3.2vw 4.8vw;
        background-color: #ff771d; }
    .sportsbook-margins-btn .bg {
        opacity: 1; }
    .sportsbook-margins-btn .name {
        color: #030303; }
    .sportsbook-margins-btn .description{
        color: #030303;
    }
    .sportsbook-margins-btn .link {
        color: #030303; }
    .sportsbook-margins-btn .link .arrow {
        width: 1.52778vw;
        opacity: 1;
        -webkit-transform: translate(0, -0.13889vw);
        -ms-transform: translate(0, -0.13889vw);
        transform: translate(0, -0.13889vw); }
    .sportsbook-margins-btn .link .arrow svg path {
        stroke: #ff771d; } }

.sportsbook-margins-btn{
    z-index: 4;
    top: -1vw;

    padding: 4.16667vw 24.861vw 1.45833vw;
    height: 23.583vw;
}

.exploremore .exploremore-list .exploremore-list-item:nth-child(1){
    background: linear-gradient(283deg, #222 0%, #F7C614 100%);
}
.exploremore .exploremore-list .exploremore-list-item:nth-child(2){
    background: linear-gradient(275deg, #0E835A 5.03%, #1C4235 96.88%);
}
.exploremore .exploremore-list .exploremore-list-item {
    height: 30vw;
}

.exploremore .exploremore-list .exploremore-list-item .bg svg {
    width: 75%;
    height: unset;
    opacity: .12;
    display: block;
    margin: 0 auto;
}
.exploremore .exploremore-list .exploremore-list-item:nth-child(2) .bg svg {
    width: 100%;
    height: unset;
    opacity: .12;
    display: block;
    margin: 0 auto;
}
.exploremore .exploremore-list .exploremore-list-item .bg{
    left: 0;
    width: 100%;
}

.exploremore .exploremore-list .exploremore-list-item .name {
    font-size: 3.5vw;
}

.exploremore .exploremore-list .exploremore-list-item .desc {
    width: 37vw;
}

.exploremore .exploremore-list .exploremore-list-item:nth-child(1) .btn{
    margin-left: unset;
    margin-right: auto;
}

.all-pos{
    background: #FF771D;

    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.58vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    display: inline-block;

    padding-left: 2.2vw;
    padding-top: 1.1vw;
    padding-bottom: 1.1vw;
    padding-right: 4.59vw;

    position: relative;
    text-decoration: none;

    margin-bottom: 2vw;
}
.all-pos svg{
    position: absolute;
    top: 1.8vw;
    right: 2.2vw;
}

.career-header .career-inner{
    display: flex;
    flex-direction: row;

    justify-content: space-between;
    align-items: flex-end;
}

.right-job{
    margin-left: 4vw;
    margin-right: 4vw;

    margin-top: 1.58vw;

    padding: 4.83vw;

    display: flex;
    flex-direction: column;

    background: linear-gradient(0deg, #886B00 0%, #463700 100%);

    border-radius: 1.58vw;

    justify-content: center;
    align-items: center;

    text-decoration: none;
}
.right-job h2{
    color: #FFF;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.58vw;
    font-style: normal;
    font-weight: 700;
    line-height: 100%; /* 20px */
    text-transform: uppercase;

    text-align: center;

    margin-bottom: 1.18vw;
}
.right-job p{
    color: #FFF;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    text-align: center;

    display: block;
    margin-bottom: 2.29vw;
}
.right-job span{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.26vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    padding: 0.63vw 1.58vw;

    border-radius: 20vw;
    background: rgba(255, 255, 255, 0.40);

    display: inline-block;
}

.vacancies-page-container{
    padding-left: 4vw;
    padding-right: 4vw;
    padding-top: 5vw;

    box-sizing: border-box;
}

.breadcrumbs {
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: lowercase;
    display: flex;
    flex-direction: row;
}
.breadcrumbs > * {
    margin-right: 0.7vw;
    text-decoration: none;
}
.breadcrumbs > * {
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    text-transform: lowercase;
    opacity: 0.3;
}

.vacancies-page-container .title-wrap h1{
    color: #F8F8F8;
    text-shadow: 0px 1.42vw 3.95vw rgba(0, 0, 0, 0.60);
    font-family: "NeueMachina";
    font-size: 3.48vw;
    font-style: normal;
    font-weight: 500;
    line-height: 110%; /* 48.4px */
    text-transform: uppercase;

    margin-top: 3.32vw;
    margin-bottom: 3.8vw;
}
.title-wrap p{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    opacity: 0.5;

    max-width: 47.5vw;
    display: block;
    margin-bottom: 2vw;
}

.vacancies-page-content{
    padding-left: 4vw;
    padding-right: 4vw;

    box-sizing: border-box;

    padding-top: 7.6vw;

    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.vacancies-page-content .filters{
    width: 35%;

    margin-right: 2.53vw;
}
.vacancies-page-content .vacancies-pager{
    width: 65%;
}

.friend-popup{
    display: block;
    height: 0;
}
.apply-click{
    display: block;
    height: 0;
}

.vacancies-page-content h4{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.58vw;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;

    margin-bottom: 2vw;
}
.filter-item{
    display: flex;
    width: 100%;

    border-radius: 0.63vw;
    background: rgba(255,255,255,0.08);

    padding: 1.26vw 1.58vw;

    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    margin-top: 0.158vw;
    margin-bottom: 0.158vw;

    text-decoration: none;
    box-sizing: border-box;

    transition: 0.3s;
}
.filter-item label{
    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.26vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    transition: 0.3s;
}
.filter-item span{
    color: #FFF;
    text-align: right;
    font-family: "NeueMachina";
    font-size: 1.26vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    opacity: 0.5;
    transition: 0.3s;
}
.filter-item:hover{
    background: #342104;
}
.filter-item:hover label, .filter-item:hover span{
    color: #FFAF15;
    opacity: 1;
}

.filter-item.active{
    background: #FF771D;
}
.filter-item.active label, .filter-item.active span{
    color: white!important;
    opacity: 1;
}

.filters{
    position: sticky;
    top: 8vw;
}

.vacancies-page-content{
    margin-bottom: 9.5vw;
}

.vacancies-margins-btn{
    margin-bottom: 7.33vw!important;
}

.post-inner-white .post-inner-header .title-cat {
    text-align: center;
}
.post-inner-white .post-inner-header .title-cat h1{
    text-align: center;
    width: 100%;

    margin-bottom: 2vw;
}
.post-inner-white .post-inner-header {
    justify-content: unset;
}

body {
    background-color: #151515!important;
}
.benefits-list {
    padding: 0!important;
}

.post-inner-white .post-inner-meta {
    margin-top: unset;
}

.title-cat .tags{
    display: flex;
    flex-direction: row;

    justify-content: center;
    margin-bottom: 0.9vw;
}
.title-cat .tags span{
    border-right: 1px solid rgba(0,0,0,0.16);

    color: rgba(0,0,0,0.4);
    font-family: "NeueMachina";
    font-size: 0.95vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 0.31vw 0.95vw;
}
.title-cat .tags span:last-child{
    border-right: 0!important;
}
.title-cat .tags span svg{
    margin-right: 0.31vw;
}

.vacancy-buttons-inner .apply-now{
    border-radius: 3.95vw;
    background: #FF771D;

    padding: 1.1vw 2.05vw;

    color: #000;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;

    text-decoration: none;

    box-sizing: border-box;
    display: block;
}
.vacancy-buttons-inner .refer-friend{
    display: block;
    border-radius: 3.95vw;
    background: rgba(255,119,29,0.2);

    color: #FF771D;
    font-family: "NeueMachina";
    font-size: 1.1vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;


    padding: 1.1vw 2.05vw;

    padding-left: 5.5vw;
    box-sizing: border-box;
    text-decoration: none;

    position: relative;
    left: -4vw;
}
.vacancy-buttons-inner{
    display: flex;
    flex-direction: row;
    justify-content: center;
    box-sizing: border-box;
    padding-left: 4vw;
}

.post-inner-content .text-block li {
    margin-bottom: 0.53vw;
    position: relative;
    text-indent: unset !important;
}

.post-inner-content .text-block p {
    margin-bottom: 1.083vw;
}

@media(max-width: 960px){
    .career-header .career-inner h1 {
        font-size: 9.47vw;
        margin-bottom: 1.6vw;
    }

    .career-header .career-inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;

        padding-left: 5vw;
    }

    .career-header .career-inner p {
        font-size: 3.9vw;
        margin-bottom: 6.68vw;
    }

    .all-pos svg {
        position: relative;
        top: 0.5vw;
        right: unset;
        margin-left: 3vw;
    }

    .all-pos {
        background: #FF771D;
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 4.45vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        display: inline-block;
        padding-left: 11.6vw;
        padding-top: 3.6vw;
        padding-bottom: 3.6vw;
        padding-right: 11.6vw;
        position: relative;
        text-decoration: none;
        margin-bottom: 6.68vw;
    }

    .career-search form {
        flex-wrap: wrap;
    }
    .career-search form input {
        width: 72vw;
    }
    .career-search form button {
        width: 16vw;
        border-radius: 2.78vw;
    }

    .career-search form input {
        font-size: 3.62vw;
        border-radius: 2.78vw;
    }
    .career-search form button svg{
        width: 8vw;
    }

    .career-search {
        padding-top: 6.68vw;
    }

    .career-search .select-wrapper {
        position: relative;
        margin-right: 4px;
        width: 90vw;
    }

    .select-wrapper select {
        border-radius: 2.78vw;
        border: 1px solid rgba(255, 255, 255, 0.10);
        background: rgba(255, 255, 255, 0.84);
        color: rgba(3, 3, 3, 0.70);
        font-family: "NeueMachina";
        font-size: 3.62vw;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        padding: 4vw 2.5vw;
        box-sizing: border-box;
        -webkit-appearance: none;
        appearance: none;
        width: 100%;
        margin-left: 1vw;
        margin-top: 2.78vw;
    }

    .career-search .select-wrapper::after {
        content: "▼";
        font-size: 2.62vw;
        top: 7.8vw;
        right: 4vw;
        position: absolute;
        color: rgba(0, 0, 0, 0.70);
    }

    .featured-roles {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-top: 25vw;
        box-sizing: border-box;
    }

    .featured-roles h2 {
        color: #F8F8F8;
        font-family: "NeueMachina";
        font-size: 6.68vw;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        margin-bottom: 5.5vw;
    }

    element {
    }
    .vacancies-list .vacancy-v2 {
        justify-content: space-between;

        align-items: center;

    }
    .vacancies-list .vacancy-v2 {
        transition: 0.3s;

    }
    .vacancies-list .vacancy-v2 {
        border-radius: 2.78vw;
        background: #202020;
        padding: 7.7vw 4.45vw;
        display: flex;
        margin-bottom: 1.11vw;
        text-decoration: none;
        flex-direction: column;
    }

    .vacancies-list .vacancy-v2 h3 {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 5.0vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 7.799vw;
    }

    .vacancies-list .vacancy-inner {
        width: 100%;
        position: relative;
    }

    .vacancies-list .vacancy-inner .vacancy-data {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .vacancies-list .vacancy-inner .vacancy-data .learn-more {
        border-radius: 5.5vw;
        background: rgba(255,255,255,0.1);
        text-align: center;
        padding: 1.1vw 3.9vw;
        color: rgba(255,255,255,0.4);
        font-family: "NeueMachina";
        font-size: 3.9vw;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        margin-right: 2.3vw;
        display: inline-block;

        z-index: 2;
        position: relative;
    }

    .vacancies-list .vacancy-inner .vacancy-data .tags span svg {
        margin-right: 1.11vw;
    }

    .vacancies-list .vacancy-inner .vacancy-data .tags span {
        color: rgba(255,255,255,0.4);
        font-family: "NeueMachina";
        font-size: 3vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        display: flex;
        text-align: center;
        justify-content: center;
        align-items: center;
        border-right: 1px solid rgba(217,217,217,0.16);
        padding-left: 2.2vw;
        padding-right: 2.2vw;
    }
    .vacancies-list .vacancy-inner .vacancy-data .tags span:first-child{

        padding-left: unset!important;
    }

    .vacancy-buttons{
        display: none!important;
    }



    .vacancy-buttons-mob .apply-now{
        border-radius: 13.92vw;
        background: #FF771D;

        padding: 3.34vw 8.03vw;

        color: #000;
        font-family: "NeueMachina";
        font-size: 3.62vw;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;

        text-decoration: none;

        box-sizing: border-box;
        display: block;

        position: relative;
        left: -9vw;
    }
    .vacancy-buttons-mob .refer-friend{
        display: block;
        border-radius: 13.92vw;
        background: rgba(255,119,29,0.2);
        color: #FF771D;
        font-family: "NeueMachina";
        font-size: 3.62vw;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        padding: 3.34vw 8.03vw;
        padding-right: 12.5vw;
        box-sizing: border-box;
        text-decoration: none;
    }

    .vacancy-inner .vacancy-data .vacancy-buttons-mob {
        display: flex !important;
        flex-direction: row;
        justify-content: center;
        box-sizing: border-box;
        position: relative;
        background: #202020;
        top: -10vw;
        z-index: 1;
        opacity: 0;

        transition: opacity 0.3s;
    }
    .active-menu .vacancy-inner .vacancy-data .vacancy-buttons-mob{
        z-index: 3;
        opacity: 1;
    }

    .vacancy-v2{
        position: relative;
    }
    .apply-menu{
        position: absolute;
        top:7.7vw;
        right: 4.45vw;

        z-index: 3;

        width: 20vw;
        height: 20vw;
        text-align: right;
    }
    .apply-menu.act svg{
        transform: rotate(90deg);
        position: relative;
        right: 3vw;
    }

    .vacancies-list .vacancy-v2:hover{
        background: #202020!important;
    }

    .right-job{
        margin-left: 2vw;
        margin-right: 2vw;

        padding: 15.59vw 9.47vw;

        border-radius: 5.571vw;
    }
    .right-job h2 {
        color: #FFF;
        text-align: center;
        font-family: "NeueMachina";
        font-size: 5.0vw;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 5vw;
    }
    .right-job p {
        color: #FFF;
        text-align: center;
        font-family: "NeueMachina";
        font-size: 3.6vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        text-align: center;
        display: block;
        margin-bottom: 11.14vw;
    }

    .right-job span {
        color: #5A4701;
        font-family: "NeueMachina";
        font-size: 3.9vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        padding: 1.67vw 9.47vw;
        border-radius: 66.85vw;
        background: #FFF;
        display: inline-block;
    }

    .title-wrap h2 {
        font-size: 7.79vw;
        margin-bottom: 7.79vw;
    }
    .title-wrap p{
        font-size: 3.9vw;
        line-height: 140%;

        margin-bottom: 11.699vw;
        color: #FFF;
        opacity: 1;
        width: 100%;
        max-width: 100%;
    }

    .dive-into-content .bg-list {
        width: 100%;
        position: absolute;
        top: 5vw;
        left: 0;
        right: 0;
        margin: 0 auto;
        z-index: 2;
        height: auto;
    }

    .our-interview {
        margin-top: 66.85vw;
        position: relative;
        z-index: 3;
    }

    .our-interview .car {
        width: 100%;
        position: relative;
        z-index: 3;
        top: 0;
        margin-top: -71vw;
    }

    .our-interview .title-wrap{
        margin-left: 4vw;
        margin-right: 4vw;
    }

    .line-numbers-block {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-start;
        position: absolute;
        top: 67%;
        width: 100%;
        z-index: 4;
        padding-left: 4vw;
        padding-right: 4vw;
        box-sizing: border-box;
    }

    .line-numbers-block .number {
        position: relative;
        display: flex;

        top: 0!important;
        margin-bottom: 5.571vw;
    }

    .line-numbers-block .number label {
        background: #FF771D;
        width: 13.92vw;
        height: 13.92vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #000;
        font-family: "NeueMachina";
        font-size: 8.35vw;
        font-style: normal;
        font-weight: 500;
        line-height: 100%;
        border-radius: 100%;
    }

    .offer {
        position: relative;
        z-index: 4;
        margin-top: 50vw;

        height: 190vw;
    }

    .line-numbers-block .number .number-container {
        border-radius: 0.95vw;
        background: rgba(255, 255, 255, 0.05);
        backdrop-filter: blur(4px);
        padding: 1.7vw 2.5vw;
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 4.45vw;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        position: relative;
        top: 0;
        box-sizing: border-box;
        left: -1vw;
        justify-content: center;
        align-items: center;
        display: flex;
    }

    .finish-title {
        width: 92vw;
        position: absolute;
        top: 83.28vw;
        right: unset;
        left: 4vw;
    }

    .offer h2 {
        color: #F8F8F8;
        font-family: "NeueMachina";
        font-size: 8.91vw;
        font-style: normal;
        font-weight: 400;
        line-height: 110%;
        text-transform: uppercase;
        margin-bottom: 8.91vw;
    }

    .offer p {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 4.45vw;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        margin-bottom: 6.12vw;
    }

    .offer span {
        font-size: 3.34vw;
    }

    .benefits .title-wrap {
        width: 100%;
    }

    .benefits .title-wrap h2 {
        margin-bottom: 8.35vw;
    }

    .benefits .title-wrap p {
        line-height: 140%;
        margin-bottom: 11.14vw;
    }

    .benefits-list {
        margin-top: 11.14vw;
        padding: 0 4vw;

        flex-direction: column;
    }

    .benefits-list .benefit {
        width: 100%;
        margin: unset;
        margin-bottom: unset;
        padding: 6.68vw 5.57vw;
        border-radius: 5.57vw;
        background: #202020;
        position: relative;
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        margin-bottom: 1.14vw;
    }

    .benefits-list .benefit .name {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 5.0vw;
        font-style: normal;
        font-weight: 500;
        line-height: 140%;
        text-transform: uppercase;
        display: block;
        width: 70vw;
        height: 15.6vw;
        margin-bottom: 2.8vw;
    }

    .benefits-list .benefit .icon {
        width: 12.25vw;
        height: 12.25vw;
        background: #F7C614;
        border-radius: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 3.68vw;
        right: 3.68vw;
    }
    .benefits-list .benefit .icon svg{
        width: 6.12vw;
    }

    .benefits-list .benefit p {
        font-size: 3.34vw!important;
    }

    .contacts-world .title-wrap {
        margin-top: 47vw;
    }

    .sportsbook-margins-btn .name {
        font-size: 5.33333vw;
        margin-bottom: 6.467vw;
    }

    .sportsbook-margins-btn .description {
        text-align: center;
        font-family: "NeueMachina";
        font-size: 4.45vw;
        font-style: normal;
        font-weight: 500;
        line-height: 130%;
        position: relative;
        z-index: 10;
        -webkit-transition: .2s ease-in-out color;
        -o-transition: .2s ease-in-out color;
        transition: .2s ease-in-out color;
        margin-bottom: 9.7vw;
    }

    .sportsbook-margins-btn {
        z-index: 4;
        top: 2vw;
        padding: 19.77vw 4.861vw 1.45833vw;
        height: 86.583vw;
    }
    .sportsbook-margins-btn .bg {
        top: -60vw;
    }

    .exploremore .exploremore-list .exploremore-list-item .desc {
        width: 100%;
    }

    .exploremore .exploremore-list .exploremore-list-item .desc {
        margin-top: 8vw;
        font-size: 3.34vw;
        width: auto;
        line-height: 140%;
    }

    .exploremore .exploremore-list .exploremore-list-item .top{
        width: 100%;
    }

    .exploremore .exploremore-list .exploremore-list-item .name {
        font-size: 8.3vw;
    }

    .exploremore .exploremore-list .exploremore-list-item {
        height: 78vw;
    }
    .exploremore .exploremore-list .exploremore-list-item:nth-child(1) .btn {
        margin-left: auto;
        margin-right: auto;
    }

    .vacancies-page-content {
        flex-direction: column;
    }

    .vacancies-page-content .vacancies-pager {
        width: 100%;
    }

    .vacancies-page-content h4 {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 5.57vw;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        margin-bottom: 6.12vw;
    }

    .vacancies-page-container .title-wrap h1{
        font-size: 8vw;
        margin-bottom: 16.16vw;

        margin-top: 1vw;
    }

    .title-wrap p {
        font-size: 3.62vw;
        line-height: 140%;
        opacity: 0.5;
        margin-bottom: 8.91vw;
    }

    .vacancies-search {
        padding-top: 0!important;
    }
    .vacancies-search input, .vacancies-search .select-wrapper select{
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .vacancies-page-container {
        padding-left: 4vw;
        padding-right: 4vw;
        padding-top: 19vw;
        box-sizing: border-box;
    }

    .breadcrumbs > * {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 3.0vw;
        font-style: normal;
        font-weight: 400;
        line-height: 130%;
        text-transform: lowercase;
        opacity: 0.3;
    }

    .vacancies-page-container .title-wrap h1 br{
        display: none;
    }

    .filters-mob{
        width: 100%;
        margin-bottom: 15.04vw;

        position: relative;
    }

    .filters-mob .current-item{
        border-radius: 2.78vw;
        background: #FF771D;

        padding: 4.45vw 5.57vw;

        width: 100%;

        box-sizing: border-box;

        color: #FFF;
        font-family: "NeueMachina";
        font-size: 4.45vw;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;

        position: relative;

        z-index: 9;
    }
    .filters-mob .current-item svg{
        position: absolute;

        top: 6.45vw;
        right: 5.57vw;
        transition: transform 0.3s;
    }
    .filters-mob .current-item.active svg{
        transform: rotate(180deg);
    }

    .filters-mob .list-items {
        border-radius: 3.34vw;
        background: #202020;
        position: absolute;
        z-index: 8;
        top: 11vw;
        padding-top: 20vw!important;
        width: 104%;
        left: -2vw;

        padding: 2.78vw;
        box-sizing: border-box;
    }

    .filter-item label {
        color: #FFF;
        font-family: "NeueMachina";
        font-size: 4.45vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        transition: 0.3s;
    }

    .filter-item span {
        color: #FFF;
        text-align: right;
        font-family: "NeueMachina";
        font-size: 4.45vw;
        font-style: normal;
        font-weight: 400;
        line-height: 120%;
        opacity: 1;
        transition: 0.3s;
    }
    .filter-item{
        background: unset;

        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
        padding-bottom: 2.22vw;
    }
    .list-items .filter-item:last-child{
        border-bottom: 0!important;
    }

    .post-inner-white .post-inner-header .title-cat a.cat {
        font-size: 2.93333vw;
        padding: 0.8vw 2.66667vw 0.26667vw;
        border-radius: 14.66667vw;
        margin-bottom: 3.2vw;
        position: absolute;
        top: 12vw;
        right: 6vw;
    }

    .post-inner-white .post-inner-meta .share-wrap {
        width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        text-align: center;
    }

    .post-inner-white .post-inner-header .title-cat h1 {
        text-align: center;
        width: 100%;
        margin-bottom: 6.68vw;
        padding-left: 5vw;
        padding-right: 5vw;
        box-sizing: border-box;
    }

    .title-cat .tags span {
        border-right: 1px solid rgba(0,0,0,0.16);
        color: rgba(0,0,0,0.4);
        font-family: "NeueMachina";
        font-size: 3vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 1.31vw 2.95vw;
    }

    .title-cat .tags span svg {
        margin-right: 1.31vw;
    }

    .title-cat .tags {
        display: flex;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 4.45vw;
    }

    .vacancy-buttons-inner{
        margin-bottom: 5.5vw;
    }

    .lwptoc-autoWidth .lwptoc_i {
        width: 100%!important;
    }

    .vacancy-buttons-inner .refer-friend {
        display: block;
        border-radius: 13.92vw;
        background: rgba(255,119,29,0.2);
        color: #FF771D;
        font-family: "NeueMachina";
        font-size: 3.62vw;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        padding: 3.29vw 7.24vw;
        padding-left: 7.24vw;
        padding-left: 11.5vw;
        box-sizing: border-box;
        text-decoration: none;
        position: relative;
        left: -9vw;
    }

    .vacancy-buttons-inner .apply-now {
        border-radius: 13.92vw;
        background: #FF771D;
        padding: 3.29vw 7.24vw;
        color: #000;
        font-family: "NeueMachina";
        font-size: 3.62vw;
        font-style: normal;
        font-weight: 500;
        line-height: 120%;
        text-decoration: none;
        box-sizing: border-box;
        display: block;
    }

    .vacancy-buttons-inner {
        display: flex;
        flex-direction: row;
        justify-content: center;
        box-sizing: border-box;
        padding-left: 8vw;
    }

    .benefits{
        margin-top: 40vw;
    }
    .vacancies-list .vacancy-inner .vacancy-data .tags {
        width: 100%;
    }
}

.contacts-world{
    overflow: hidden!important;
}

@media(min-width: 960px){
    .vacancies-list .vacancy-inner .vacancy-data .learn-more{
        width: 18%;
        align-self: center;
    }
    .vacancies-list .vacancy-inner .vacancy-data .tags {
        width: 70%;
    }
}


.vacancies-list .vacancy-inner .vacancy-data .tags span:first-child{
    max-width: 25%!important;
}

.contacts-world-list-item{
    text-decoration: none!important;
}
.contacts-world-list-item .country{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.contacts-world-list-item .country svg{
    margin-right: 0.47vw;
}
.contacts-world-list-item span{
    color: #F8F8F8;
    font-family: "NeueMachina";
    font-size: 1.58vw;
    font-style: normal;
    font-weight: 500;
    line-height: 130%;

    display: block;

    transition: 0.3s;
}
.contacts-world-list-item:hover span{
    color: #FF771D;
}
.contacts-world-list-item svg path{
    transition: 0.3s;
}
.contacts-world-list-item:hover svg path{
    fill: #FF771D!important;
}

.contacts-world .contacts-world-list .contacts-world-list-item {
    padding: 1.45833vw 5.597vw 0.97222vw 2.08333vw;
}

@media(max-width: 960px){
    .contacts-world-list-item.slick-current span{
        color: #FF771D;
    }
    .contacts-world-list-item.slick-current svg path{
        fill: #FF771D!important;
    }

    .contacts-world-list-item span{
        font-size: 5.57vw;
    }
}

.career-search .select-wrapper-v2{
    width: 17.222vw;
}

@media(max-width: 960px){
    .career-search form input {
        padding: 5.995vw;
        margin-left: 0!important;
        margin-right: 0!important;
        width: 100%;
    }

    .career-search .select-wrapper-v2 {
        width: 100%;
    }
    .select-wrapper-v2{
        margin-bottom: 2.725vw;
    }
    .career-search button{
        display: none;
    }
}
@media(min-width: 960px){
    .contacts-world .contacts-world-list .contacts-world-list-item .address {
        max-width: 21vw;
    }
}
@media(max-width: 960px){
    .contacts-globe img{
        top: 22vw;
        position: relative;
    }
}

.benefits p {
    margin-bottom: unset!important;
}
.career-search .all-pos{
    margin-bottom: 0!important;

    display: inline-flex;
    align-items: center;

    border-radius: 0.972vw;
}
.career-search .all-pos svg {
    position: absolute;
    top: 2.2vw;
    right: 2.2vw;
}

.career-search-field{
    position: relative;
}
.career-search-field svg{
    position: absolute;
    top: 1.3vw;
    right: 1.6vw;

    cursor: pointer;
}

.vacancies-search .career-search-field{
    width: 73vw;
}.vacancies-search .career-search-field input{
     width: 100%;
 }
@media(max-width: 960px){
    .career-search-field {
        position: relative;
        width: 100%;
    }

    .career-search-field svg {
        position: absolute;
        top: 2.6vw;
        right: 4.6vw;
        cursor: pointer;
        width: 8vw;
    }
    .career-inner .left-cont{
        text-align: center!important;
    }

    .career-inner .right-cont{
        width: 100%;
        display: flex !important;
        justify-content: center;
    }

    .vacancies-search .career-search-field{
        width: 100%;
    }

    h4 svg {
        position: relative;
        top: 1.4vw;
    }
}
@media(min-width: 960px){
    .right-job {
        background: url(/wp-content/themes/pmtech/tmp-content/career/button-new.webp);
        background-size: 100% 100%;

        padding: 3.83vw;
    }

    .vacancies-list .vacancy-inner .vacancy-data .learn-more {
        width: 8vw;
        align-self: center;
    }
}

.vacancies-page-container .title-wrap h1 span{
    color: #F8C614!important;
}
.featured-title{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.featured-title h4 span{
    color: #F8C614!important;
}
h4 svg{
    position: relative;
    top: 0.4vw;
}

.select-wrapper-v2 .select2{
    display: none!important;
}

.work-anywhere .wa-bg{
    position: relative;
}
.work-anywhere .wa-bg img{
    max-width: 100%;
    width: 100%;
    position: absolute;
}

.work-anywhere-inner{
    padding-left: 4vw;
    padding-right: 4vw;

    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

    position: relative;
    z-index: 3;

    padding-top: 20.833vw;
}

.work-anywhere-image{
    position: relative;
}
.work-anywhere-image .radial-bg{
    position: absolute;
    width: 100%;
    max-width: 100%;

    top: -13vw;
    left: 0vw;
}

.sl{
    display: none;

    width: 44.792vw;
    height: 27.778vw;

    object-fit: cover;

    border-radius: 2.083vw;

    position: relative;
    z-index: 2;
}
.sl.active{
    display: block;
}
.work-anywhere-content{
    max-width: 38.889vw;
}
.work-anywhere-content h2{
    color: #F8F8F8;
    /* H2 */
    font-family: "NeueMachina";
    font-size: 3.611vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;

    margin-bottom: 1.736vw;
    margin-top: 0;
}
.work-anywhere-content p{
    display: block;

    color: #FFF;
    /* Body 3 */
    font-family: "NeueMachina";
    font-size: 1.111vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;

    margin-top: 0;
    margin-bottom: 3.611vw;
}

.slider-els{
    border-radius: 2.083vw;
    background: rgba(255, 255, 255, 0.14);
    display: inline-flex;
    flex-direction: row;

    padding: 0.278vw 0.4vw;
    box-sizing: border-box;
}
.slider-els a{
    display: flex;
    height: 2.361vw;
    padding: 0.417vw 1.111vw;
    justify-content: center;
    align-items: center;

    text-decoration: none;

    color: #FFF;
    font-family: "NeueMachina";
    font-size: 1.111vw;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    margin-left: 0.278vw;
    margin-right: 0.278vw;

    box-sizing: border-box;

    border-radius: 1.389vw;
    transition: 0.3s;
}
.slider-els a:first-child{
    margin-left: 0;
}
.slider-els a:last-child{
    margin-right: 0;
}
.slider-els a.active{
    border-radius: 1.389vw;
    background: #FFF;

    color: #000;
}
.slider-els a:hover{

    border-radius: 1.389vw;
    background: rgba(255,255,255,0.6);

    color: #000;
}
@media(max-width: 960px){
    .work-anywhere-inner{
        flex-direction: column;
    }
    .work-anywhere-content{
        max-width: 100%;
        width: 100%;
        margin-bottom: 10.133vw;
    }

    .sl {
        display: none;
        width: 100%;
        height: unset;
        object-fit: cover;
        border-radius: 5.333vw;
        position: relative;
        z-index: 2;
    }
    .work-anywhere-content h2{
        font-size: 7.467vw;
        margin-bottom: 7.467vw;

        max-width: 71.733vw;
    }
    .work-anywhere-content p{
        font-size: 3.733vw;

        margin-bottom: 7.467vw;
    }

    .slider-els{
        border-radius: 8vw;
        background: rgba(255, 255, 255, 0.14);
        display: inline-flex;
        flex-direction: row;

        padding: 1.067vw 1.4vw;
        box-sizing: border-box;
    }
    .slider-els a{
        display: flex;
        height: 9.067vw;
        padding: 1.6vw 3.2vw;
        justify-content: center;
        align-items: center;

        text-decoration: none;

        color: #FFF;
        font-family: "NeueMachina";
        font-size: 3.2vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
        margin-left: 1.067vw;
        margin-right: 1.067vw;

        box-sizing: border-box;

        border-radius: 5.333vw;
        transition: 0.3s;
    }


    .slider-els a.active{
        border-radius: 5.333vw;
        background: #FFF;

        color: #000;
    }
    .slider-els a:hover{

        border-radius: 5.333vw;
        background: rgba(255,255,255,0.6);

        color: #000;
    }

    .work-anywhere .wa-bg img {
        max-width: 200%;
        width: 200%;
    }
    body,html{
        overflow-x: hidden!important;
    }
}

.values{
    border-radius: 2.778vw;
    min-height: 47.778vw;

    padding-top: 4.028vw;
    overflow: hidden;

    margin-bottom: 2.778vw;

    margin-left: 1vw;
    margin-right: 1vw;
    box-sizing: border-box;
}
.values.card1{
    background: linear-gradient(209deg, rgba(48, 255, 131, 0.08) 16.14%, rgba(9, 82, 38, 0.08) 57.3%);
}
.values.card2{
    background: linear-gradient(311deg, rgba(25, 34, 230, 0) 41.51%, rgba(25, 34, 230, 0.25) 96.54%);
}
.values.card3{
    background: linear-gradient(177deg, rgba(253, 102, 31, 0.15) 0.94%, rgba(23, 41, 53, 0.15) 97.22%);
}
.values.card4{
    background: linear-gradient(179deg, rgba(247, 198, 20, 0.80) 6.26%, rgba(15, 11, 0, 0.60) 56.58%);
}
.values.card5{
    background: linear-gradient(211deg, rgba(94, 152, 199, 0.25) 18.45%, rgba(25, 67, 229, 0.25) 101.08%);
}

.values h2{
    color: #FFF;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 3.611vw;
    font-style: normal;
    font-weight: 400;
    line-height: 120%; /* 62.4px */
    text-transform: uppercase;

    margin-bottom: 6.944vw;
}
.values .icon svg{
    position: absolute;

    transition: opacity 0.3s;
}

.values .values-inner{
    display: flex;
    flex-direction: row;
}
.values .values-inner > div{
    max-width: 50%;
}

.op0, .opacity0{
    opacity: 0;
}

.values .bg-values{
    position: absolute;

    top: 14vw;
}
.values .bg-values img{
    position: absolute;
    width: 59.861vw;
}

.values .values-inner .animated-cards{
    padding-left: 4.514vw;
    padding-top: 6.458vw;

    box-sizing: border-box;
}
.values .values-inner .animated-cards h3{
    color: #30FF83;
    font-family: "NeueMachina";
    font-size: 2.639vw;
    font-style: normal;
    font-weight: 700;
    line-height: 120%; /* 45.6px */
    letter-spacing: -0.76px;
    text-transform: uppercase;

    margin-bottom: 1.667vw;
}
.values .values-inner .animated-cards p{
    color: #FFF;
    /* Body 2 */
    font-family: "NeueMachina";
    font-size: 1.25vw;
    font-style: normal;
    font-weight: 300;
    line-height: 140%;

    opacity: 0.8;
}

.values{
    position: relative;
}

.active-dots a{
    position: absolute;
}
.active-dots a svg{
    position: absolute;
}

.active-dots .act .act-dot{
    display: block!important;

    left: -26vw;
    top: -8vw;
}

.values .icon {
    position: absolute;
    width: 15vw;
    height: 15vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.values .circled-anim{
    display: flex;
    justify-content: center;
    align-items: center;

    width: 100%;
}
.values .active-dots{
    height: 20vw;
    width: 35vw;
}
.circled-anim{
    position: relative;
}

.active-dots .act span{
    display: none;
}
.values .active-dots a:not(.act) .act-dot{
    display: none;
}
.values .active-dots a:not(.act) svg circle{
    stroke: #30FF83!important;
}
.values .active-dots a{
    z-index: 12;
}
.values .values-inner > div {
    width: 100%;
}

.dot1{
    top: 9vw;
    left: 5vw;
}
.dot2{
    top: 19vw;
    left: 10vw;
}
.dot3{
    top: 19vw;
    left: 22vw;
}
.dot4{
    left: 27vw;
    top: 9vw;
}
.dot5{
    left: 16vw;
    top: -1vw;
}

.active-dots .act svg, .active-dots .act svg circle{
    stroke: #30FF83;
    fill: #30FF83;
}

.active-dots .act:after{
    width: 15vw;
    height: 15vw;
    content: ' ';
    background: radial-gradient(circle, rgba(48,255,131,0.5533613103444504) 1%, rgba(21,21,21,0) 70%);
    display: block;
    position: absolute;
    top: -7vw;
    left: -6.5vw;
    opacity: 0.4;
}

.active-dots{
    transition: opacity 0.3s, transform 0.6s;
    opacity: 0;
    transform: rotate(100deg);

    top: 3vw;
    left: 7vw;
    position: absolute;
}
.rotate2{
    transition: unset!important;
    transform: rotate(-90deg);
    opacity: 0;
}
.trans2{
    transition: opacity 0.3s, transform 0.6s!important;
}
.rotate1{
    transform: rotate(0deg);
    opacity: 1;

    z-index: 12;
}
.active-dots a{
    text-decoration: none!important;

    width: 18vw;
}
.active-dots span{
    border-radius: 0.833vw;
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(4px);

    color: #30FF83;
    text-align: center;
    font-family: "NeueMachina";
    font-size: 1.389vw;
    font-style: normal;
    font-weight: 500;
    line-height: 120%; /* 24px */
    letter-spacing: -0.4px;
    text-transform: uppercase;

    display: block;
    padding: 0.833vw 0.972vw;

    box-sizing: border-box;
}

.dot2 span{
    position: absolute;
    top: 2vw;
    left: -10vw;
    width: auto!important;
}
.dot3 span{
    position: absolute;
    top: 2vw;
    left: -3vw;
    width: auto !important;
}
.dot4 span{
    position: absolute;
    top: -1vw;
    left: 2vw;
}
.dot5 span{
    position: absolute;
    top: -4vw;
    left: -4.8vw;
    width: auto !important;
}

.values h3{
    transition: 0.3s;
}
.values span{
    transition: 0.3s;
}

.values .active-dots svg circle, .values .active-dots svg{
    transition: 0.3s;
}
.card2 h3{
    color: #2D68FF!important;
}
.card2 span{
    color: #2D68FF!important;
}
.card2 .active-dots svg circle, .card2 .active-dots a:not(.act)  svg circle{
    stroke: #2D68FF!important;
}
.card2 .active-dots a.act svg,.card2 .active-dots a.act svg circle{
    fill: #2D68FF!important;
}
.card2 .active-dots .act::after {
    background: radial-gradient(circle, rgba(45, 104, 255,0.5533613103444504) 1%, rgba(21,21,21,0) 70%);
}

.values h2{
    transition: 0.3s;
}

.card4 h2{
    color: #000!important;
}
.card4 h3{
    color: #FCC006!important;
}
.card4 span{
    color: #FCC006!important;
}
.card4 .active-dots svg circle, .card4 .active-dots a:not(.act)  svg circle{
    stroke: #FCC006!important;
}
.card4 .active-dots a.act svg,.card4 .active-dots a.act svg circle{
    fill: #FCC006!important;
}
.card4 .active-dots .act::after {
    background: radial-gradient(circle, rgba(252, 192, 6,0.5533613103444504) 1%, rgba(21,21,21,0) 70%);
}

.card3 h3{
    background: linear-gradient(249deg, #FD661F 55.72%, #FCC006 99.5%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.card3 span{
    color: #FF771D!important;
}
.card3 .active-dots svg circle, .card3 .active-dots a:not(.act)  svg circle{
    stroke: #FF771D!important;
}
.card3 .active-dots a.act svg,.card3 .active-dots a.act svg circle{
    fill: #FF771D!important;
}
.card3 .active-dots .act::after {
    background: radial-gradient(circle, rgba(255, 119, 29,0.5533613103444504) 1%, rgba(21,21,21,0) 70%);
}

.card5 h3{
    color: #4B9DCF!important;
}
.card5 span{
    color: #4B9DCF!important;
}
.card5 .active-dots svg circle, .card5 .active-dots a:not(.act)  svg circle{
    stroke: #4B9DCF!important;
}
.card5 .active-dots a.act svg,.card5 .active-dots a.act svg circle{
    fill: #4B9DCF!important;
}
.card5 .active-dots .act::after {
    background: radial-gradient(circle, rgba(75, 157, 207,0.5533613103444504) 1%, rgba(21,21,21,0) 70%);
}

.bg-values img{
    transition: opacity 0.3s;
}

.card2 .dot5 span, .card3 .dot5 span, .card4 .dot5 span, .card1 .dot5 span{
    position: absolute;
    top: -4vw;
    left: -5.8vw;
    width: auto !important;
}

.active-dots a svg{
    width: 1.111vw;
    height: 1.111vw;
}
.active-dots a.act svg{
    width: 1.528vw;
    height: 1.528vw;
}
.values .icon svg{
    width: 12.5vw;
    height: 9.722vw;
}

@media(max-width: 960px){
    .values h2{
        font-size: 8.533vw;
        line-height: 120%;
    }
    .values{
        padding-top: 7.2vw;
        padding-left: 2.667vw;
        padding-right: 2.667vw;

        border-radius: 8vw;

        min-height: 140vw;
    }

    .values .bg-values img {
        position: absolute;
        width: 180vw;
    }

    .values .values-inner {
        display: flex;
        flex-direction: column-reverse;
    }
    .values .bg-values{
        left: 33vw;
    }
    .values .icon svg{
        width: 32vw;
        height: 25.333vw;
    }

    .values .icon{
        left: 10vw;
    }
    .values .values-inner > div {
        max-width: 100%;
    }
    .circled-anim{
        min-height: 30vw;
    }

    .active-dots a svg{
        width: 4.8vw;
        height: 4.8vw;
    }
    .active-dots a.act svg{
        width: 4.8vw;
        height: 4.8vw;
    }

    .dot1 {
        top: 32vw;
        left: -3vw;
    }
    .dot2 {
        top: 31vw;
        left: 25vw;
    }
    .dot3 {
        top: 14vw;
        left: 35vw;
    }
    .dot4 {
        left: 32vw;
        top: -2vw;
    }
    .dot5 {
        left: -3vw;
        top: -17vw;
    }

    .values h2{
        margin-bottom: 24.944vw;
    }

    .active-dots a{
        width: 60vw;
    }
    .active-dots span{
        font-family: "NeueMachina";
        font-size: 3.733vw;
        font-style: normal;
        font-weight: 500;
        line-height: 120%; /* 16.8px */
        letter-spacing: -0.075vw;
        text-transform: uppercase;

        padding:  2.667vw 4.533vw;

        top: -2.5vw!important;
        left: 7vw!important;

        border-radius: 3.2vw;
    }

    .values .active-dots {
        height: 37vw;
        width: 76vw;
    }

    .active-dots{
        transform-origin: bottom left;
        transform: rotate(10deg);

    }

    .rotate2{
        transform: rotate(-20deg);
    }
    .rotate1{
        transform: rotate(0deg);
    }

    .dot1 {
        top: 46vw;
    }

    .values .values-inner .animated-cards h3{
        font-family: "NeueMachina";
        font-size: 5.333vw;
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
        letter-spacing: -0.107vw;
        text-transform: uppercase;

        padding-left: 9vw;

        margin-bottom:6.4vw;
    }
    .values .values-inner .animated-cards {
        padding-top: 18.1vw;
    }
    .values .values-inner .animated-cards p{
        font-family: "NeueMachina";
        font-size: 4.267vw;
        font-style: normal;
        font-weight: 400;
        line-height: 140%;
    }
}
.circled-anim{
    cursor: pointer;
}

.active-dots:not(.actt){
    display: none;
}
.active-dots a:before{
    content: ' ';
    position: absolute;
    top: -7vw;
    left: -7vw;
    width: 17vw;
    height: 10vw;
}