/* Reset */

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

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

a {
    text-decoration: none;
}

ul, ol, li {
    list-style-position: outside;
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

body {
    color: #000000;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
}

/* Common */

.overflow-hidden {
    overflow: hidden;
}

.overflow-hidden .about-content {
    position: relative!important;
}

.logo {
    position: fixed;
    top: 1.458vw;
    z-index: 99;
    left: 50%;
    transform: translateX(-50%);
    padding: 1.042vw 1.302vw;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(60px);
    box-shadow: 0 4px 52px 0 rgba(255, 255, 255, 0.05) inset;
    border-radius: 200px;
    display: flex;
    z-index: 99999;
}

.logo img {
    max-width: 10.677vw;
}

.subtitle {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 24px;
    color: #EB4527;
}

.title {
    font-family: 'Unbounded';
    font-weight: 800;
    font-size: 3.3vw;
    line-height: 1.3;
    margin-bottom: 20px;
}

.title span {
    color: #EB4527;
}

.description {
    font-weight: 400;
    font-size: 20px;
    line-height: 1.6;
}

.btn {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.042vw;
    line-height: 1.2;
    background: rgba(255, 255, 255, .3);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    box-shadow: 0 4px 24px 0 #FFFFFF40 inset;
    width: 11.667vw;
    height: 11.667vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: .3s;
    z-index: 1;
    position: relative;
}

.btn:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    width: 11.667vw;
    height: 11.667vw;
    background-color: #fff;
    transition: .3s;
    opacity: 0;
}

.btn:hover {
    color: #EB4527;
}

.btn:hover:after {
    width: 14.167vw;
    height: 14.167vw;
    opacity: 1;
}

/* Home */

.hero-section {
    padding: 24.262vh 80px 50px;
    min-height: 100vh;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.hero-section .logo {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.hero-section .logo img {
    -webkit-backdrop-filter: blur(60px);
    backdrop-filter: blur(60px);
    background-color: rgba(255, 255, 255, .2);
    box-shadow: 0 4px 52px 0 #FFFFFF26 inset;
    border-radius: 200px;
    padding: 20px 25px;
    max-width: 256px;
}

.hero-section .hero-title {
    font-family: 'Unbounded';
    font-weight: 800;
    font-size: 5vw;
    line-height: 1.2;
    color: #fff;
    padding-left: 6.25vw;
}

.hero-section .hero-subtitle {
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 18px;
    line-height: 1.4;
    color: #fff;
    max-width: 356px;
    padding-left: 11.458vw;
    box-sizing: content-box;
    margin-top: 4.2vh;
}

.hero-section .btn {
    position: absolute;
    bottom: 11vh;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(/wp-content/themes/traffic-label/assets/img/btn.png);
    background-position: center;
    background-size: cover;
}

.hero-section .hero-experience {
    max-width: 11.042vw;
    align-self: flex-end;
}

.services-section {
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 15.612vh 80px 26px;
}

.services-section:before,
.services-section:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/traffic-label/assets/img/service-decor-2.svg);
    background-position: left;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0;
    transition: .3s;
    z-index: -1;
    top: 0;
}

.services-section:after {
    background-image: url(/wp-content/themes/traffic-label/assets/img/service-decor-1.svg);
    background-position: right;
}

.services-section.left:before,
.services-section.right:after {
    opacity: 1;
}

.services-section .title {
    font-size: 2.9vw;
}

.services-section .description {
    max-width: 516px;
    font-size: 16px;
}

.services-container {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 90px;
    text-align: left;
}

.services-container .services-description {
    max-width: 20%;
    opacity: 0;
    transition: .7s;
    position: absolute;
    top: 50%;
    font-weight: 400;
}

.services-section  .services-description:first-child {
    left: 80px;
}

.services-section  .services-description:last-child {
    right: 80px;
}

.services-container .services-description img {
    display: block;
    margin-bottom: 24px;
    height: 40px;
}

.services-section.left .services-description:last-child,
.services-section.right .services-description:first-child {
    opacity: 1;
}

.services-section .services-link {
    display: none;
}

.services-section .services-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 48px;
}

.services-section .services-item {
    background-color: #F2F2F2;
    border-radius: 50%;
    width: 23.75vw;
    height: 23.75vw;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.667vw;
    line-height: 1.25;
    border: 8px solid #fff;
    transition: .5s;
    vertical-align: bottom;
    text-align: left;
    position: relative;
    background-position: center;
    background-size: cover;
    color: #000000;
}

.services-section .services-item:first-child {
    margin-right: -5.208vw;
    z-index: 1;
}

.services-section .services-item:hover {
    width: 26.667vw;
    height: 26.667vw;
    transition: .5s;
    color: #fff;
    font-size: 2.292vw;
}

.services-section .services-item:first-child:hover {
    background-image: url(/wp-content/themes/traffic-label/assets/img/service-1.png);
}

.services-section .services-item:last-child:hover {
    z-index: 2;
    background-image: url(/wp-content/themes/traffic-label/assets/img/service-2.png);
}

.services-section .btn {
    font-size: 0.833vw;
    line-height: 1.5;
    -webkit-backdrop-filter: blur(45px);
    backdrop-filter: blur(45px);
    width: 8.5vw;
    height: 8.5vw;
    position: absolute;
    left: calc(50% - 4.25vw);
    top: calc(50% - 4.25vw);
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    color: #fff!important;
}

.services-section .btn:after {
    content: unset;
}

.services-section .services-item:hover .btn {
    opacity: 1;
    visibility: visible;
    left: calc(100% - 8.5vw);
    top: calc(100% - 8.5vw);
}

.services-section .services-item:first-child:hover .btn {
    left: 0;
}

.features-section {
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 26px 80px;
}

.features-section .features-wrap {
    display: flex;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.features-section .features-item {
    padding: 4.167vw 2.604vw 2.292vw 1.875vw;
    background-color: #F2F2F2;
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 1.5;
    max-width: 29.688vw;
    text-align: left;
    position: absolute;
    z-index: 9999999;
    min-height: 16.875vw;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.features-section .features-item.first {
    font-size: 1.7vw;
    line-height: 1.4;
    max-width: 37.5vw;
    left: 80px;
    top: 0;
    padding: 4.167vw 6vw 2.292vw 1.875vw;
}

.features-section .features-item.second {
    right: 80px;
    top: 0;
}

.features-section .features-item.third {
    left: 12%;
    top: 50%;
}

.features-section .features-item span {
    background-color: #EB4527;
    color: #fff;
    padding: 5px;
}

.features-section .features-number {
    margin-bottom: 32px;
}

.about-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    position: relative;
    background-color: #000;
    background-image: url(/wp-content/themes/traffic-label/assets/img/bg-2.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    color: #fff;
    z-index: 2;
    min-height: 100vh;
}

.home .about-section {
    background: unset;
    position: relative;
}

.about-section .about-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.about-section .description {
    max-width: 25vw;
    color: #F2F2F2;
}

.about-section .btn {
    background: rgba(49, 49, 49, 0.3);
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
}

.about-section .btn.btn-mob,
.about-section .tab-descriptions .title-mob {
    display: none;
}

.about-section .about-numbers {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.about-section .about-item {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 1.3;
    padding: 44px 10px;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #BFBFBF;
    border-radius: 80px;
    display: flex;
    justify-content: center;
    gap: 8px;
    width: 21.8vw;
}

.about-section .about-item span {
    color: #EB4527;
}

.hiring-wrap .description {
    max-width: 27.292vw;
    margin-top: 12px;
}

.hiring-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    -webkit-scroll-snap-align: start;
    scroll-snap-align: start;
    min-height: 100vh;
    padding: 22.152vh 10vw;
}

.hiring-wrap > div:first-child {
    display: flex;
    flex-direction: column;
}

.hiring-wrap > div:last-child {
    margin-top: 48px;
}

.hiring-wrap .hiring-item {
    padding: 44px 70px;
    background: rgba(49, 49, 49, 0.3);
    border: 1px solid #3C3C3C;
    -webkit-backdrop-filter: blur(40px);
    backdrop-filter: blur(40px);
    border-radius: 200px;
    margin-bottom: 36px;
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 20px;
    width: 38.646vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #fff;
}

.hiring-wrap .hiring-item div {
    display: flex;
}

.hiring-wrap .hiring-item span {
    margin-right: 20px;
}

.hiring-wrap .btn {
    align-self: flex-end;
    margin-top: 28px;
}

.contact-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 0 0 45px;
}

.contact-section .contact-details,
.contact-section .footer-container {
    padding-right: 80px;
    padding-left: 80px;
    z-index: 99999999;
    width: 100%;
    position: relative;
}

.contact-section .title {
    height: 24vh;
}

.contact-section .contact-wrap {
    margin-bottom: 8.646vw;
    padding-top: 11.25vw;
    width: 100%;
}

.contact-section .title {
    font-size: 9vw;
    text-transform: uppercase;
    margin-bottom: 7.292vw;
}

.contact-section .title img {
    position: absolute;
    top: 0;
    left: -15.5vw;
    width: calc(100% + 15vw)!important;
}

.contact-section .title img:last-child {
    display: none;
}

.contact-section .btn {
    z-index: 9999;
    background-color: #EB4527;
}

.contact-section .footer {
    background: #000;
    padding: 78px 72px 34px;
    border-radius: 39px;
    width: 100%;
}

.contact-section .contact-details {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.contact-section .contacts {
    display: flex;
    gap: 2.813vw;
    font-size: 14px;
    margin-bottom: 30px;
}

.contact-section .contacts p {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    line-height: 1;
}

.contact-section .contacts a {
    font-family: 'Unbounded';
    color: #000;
    font-weight: 600;
    font-size: 16px;
}

.contact-section .contacts a img {
    width: 32px;
}

.footer-wrap {
    display: flex;
}

.footer .description {
    color: #BFBFBF;
    max-width: 497px;
    margin-top: 32px;
    font-size: 16px;
}

.footer .footer-col:first-child {
    width: 53%;
}

.footer .footer-col:nth-child(2) {
    width: 37%;
    border-left: 1px solid #818181;
    border-right: 1px solid #818181;
    padding: 87px 80px;
}

.footer .footer-col:nth-child(3) {
    width: 10%;
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
    justify-content: center;
}

.footer .footer-col a svg circle {
    transition: .3s;
}

.footer .footer-col a:hover svg circle {
    fill: #fff;
    transition: .3s;
}

.footer .footer-menu {
    display: flex;
    justify-content: center;
    gap: 80px;
}

.footer .footer-menu div {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.footer .footer-menu a {
    color: #BFBFBF;
    transition: .3s;
}

.footer .footer-menu a:hover {
    color: #fff;
    transition: .3s;
}

.footer .copyright {
    margin-top: 24px;
    color: #fff;
    font-size: 12px;
    display: flex;
    gap: 49px;
}

.footer .copyright a {
    color: #fff;
}


html {
    scroll-snap-type: y mandatory;
    scroll-behavior: smooth;
}

body {
    min-height: 100vh;
    overflow-x: hidden!important;
}

html, body {
    overscroll-behavior-y: none;
}

.home section:nth-of-type(1) {
    scroll-snap-align: start;
    min-height: 100vh;
}

.home .back section:nth-of-type(2) {
    scroll-snap-align: start;
}

.home article {
    min-height: 100vh;
}

:is(section, article) {
    position: relative;
}

.fixed .bg {
    height: 100%;
    width: 150%;
    z-index: -1;
    position: absolute;
    inset: 0;
    left: 50%;
    translate: -50% 0;
    background-color: #fff;
}

section:first-of-type .fixed {
    z-index: 5;
}

.back {
    position: relative;
    z-index: 1;
    min-height: 100vh;
}

.back::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("/wp-content/themes/traffic-label/assets/img/bg.png");
    background-position: center;
    background-size: cover;
    background-color: #EB4527;
    z-index: -1;
}

section:nth-of-type(2) article:first-of-type .fixed {
    z-index: 2;
}

section:nth-of-type(2) article:first-of-type .content {
    align-content: end;
}

section:nth-of-type(2) article:first-of-type h2 {
    padding: 1rem 0;
}

section:nth-of-type(2) article:nth-of-type(2) .fixed {
    background: black;
    z-index: 2;
}

section:nth-of-type(2) article:nth-of-type(3) .content {
    align-content: start;
}

section:nth-of-type(2) article:nth-of-type(3) .fixed {
    z-index: 2;
}
.content {
    will-change: transform, opacity;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.features-section {
    position: relative;
    z-index: 4;
    background: white;
    padding: 100px 0;
}

.features-section .title {
    transform-origin: center bottom;
    will-change: transform, opacity, filter;
    backface-visibility: hidden;
    perspective: 1000px;
    min-width: 100%;
}

section:nth-of-type(2) article .content {
    will-change: transform, opacity, filter;
    backface-visibility: hidden;
    transition: none !important;
}

.features-section {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}

.features-item {
    will-change: transform, opacity;
    transition: none !important;
    position: absolute !important;
    backface-visibility: hidden;
}
.features-section {
    position: relative;
    overflow: hidden;
}

.features-item {
    will-change: transform, opacity;
    transition: none !important;
    position: absolute !important;
}

.features-item.second {
    right: 80px !important;
    top: 0 !important;
}
.features-item.third {
    left: 12% !important;
    top: 50% !important;
}

section:nth-of-type(2) article .content {
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.features-section {
    position: relative;
    overflow: hidden;
}

.features-item {
    will-change: transform, opacity;
    transition: none !important;
    position: absolute !important;
}



.features-section {
    position: relative;
    overflow: hidden;
}

.features-item {
    will-change: transform, opacity;
    transition: none !important;
    backface-visibility: hidden;
    transform-style: preserve-3d;
}

.features-item.first {
    left: 80px !important;
    top: 25% !important;
}
.features-item.second {
    top: 40% !important;
}
.features-item.third {
    left: 12% !important;
    top: 55% !important;
}

.features-item {
    will-change: transform, opacity;
    transition: opacity 0.3s ease-out;
    position: relative;
}

.features-section .title {
    will-change: opacity, transform;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}


.features-section {
    position: relative;
    background: #fff;
    z-index: 15;
    clip-path: ellipse(100% 100% at 50% 50%);
}

.features-section .title {
    will-change: transform, opacity;
}

.features-section {
    position: relative;
    min-height: 300vh;
    overflow: hidden;
}

.about-section .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 5;
    display: none;
    will-change: clip-path, opacity;
    transition:
            clip-path 0.5s ease-out,
            opacity 0.5s ease-out;
    opacity: 1;
}

.about-content {
    -webkit-scroll-snap-align: start;
    scroll-snap-align: start;
    height: 100vh;
    padding: 22.152vh 80px 19.198vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.about-section .logo {
    position: fixed;
    top: 26px;
}


.about-content {
    position: relative;
    flex-direction: column;
    width: 100%;
}

.contact-section {
    position: relative;
    z-index: 100;
    scroll-snap-type: y mandatory;
    -webkit-scroll-snap-align: start;
    scroll-snap-align: start;
}

.home .contact-section {
    background-image: url(/wp-content/themes/traffic-label/assets/img/bg-2.png);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #000;
}

.contact-wrap, .footer {
    -webkit-scroll-snap-align: start;
    scroll-snap-align: start;
    z-index: 99999999;
}

.contact-section .bg {
    background-color: #F2F2F2;
}

.contact-section {
    position: relative;
    min-height: 100vh;
    z-index: 15;
}

.contact-section .fixed {
    position: fixed;
    inset: 0;
    background: #F2F2F2;
    z-index: 5;
    clip-path: ellipse(80% 200% at 50% 300%);
    display: none;
}

.contact-section .contact-wrap {
    position: relative;
}

.footer-col:first-child img {
    max-width: 15.99vw;
    display: block;
}

@media screen and (max-width: 1800px) {
    .footer .footer-col:first-child {
        width: 50%;
    }
    .footer .footer-col:nth-child(2) {
        width: 40%;
        padding: 40px 30px;
    }
}

@media screen and (max-width: 1600px){
    .services-container .services-description {
        font-size: 14px;
    }

    .hero-section .hero-subtitle {
        font-size: 17px;
    }
    .hero-section {
        padding: 20vh 80px 50px;
    }

    .hiring-wrap {
        padding-right: 80px;
        padding-left: 80px;
    }
    .hiring-wrap .hiring-item {
        font-size: 20px;
        padding: 30px;
    }
    .description {
        font-size: 16px;
    }
    .about-section .about-item {
        width: calc(100% / 4 - 20px);
        padding: 25px 10px;
    }
    .footer .footer-menu a {
        font-size: 14px;
    }
}

.affiliate-section,
.ppc-section,
.team-section {
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 8vw 80px 26px;
    overflow-x: hidden;
    scroll-snap-align: start;
}

.affiliate-section .title {
    font-size: 2.9vw;
}

.affiliate-section .description {
    font-size: 16px;
}

.affiliate-section .affiliate-wrap {
    display: flex;
    align-items: center;
    margin-top: 3vw;
    height: 18.958vw;
}

.affiliate-section .affiliate-item {
    width: 17.5vw;
    height: 17.5vw;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.25vw;
    line-height: 1.5;
    background-image: url(/wp-content/themes/traffic-label/assets/img/ellipse.svg);
    background-size: cover;
    transition: .3s;
    position: relative;
    color: #000000;
}

.affiliate-section .affiliate-item:first-child,
.affiliate-section .affiliate-item:last-child {
    z-index: 2;
}

.affiliate-section .affiliate-item:hover {
    width: 18.958vw;
    height: 18.958vw;
    background-image: url(/wp-content/themes/traffic-label/assets/img/ellipse-active.png);
    background-color: #EB4527;
    color: #fff;
    z-index: 3;
}

.affiliate-section .affiliate-item:nth-child(2) {
    margin: 0 -2vw;
}

.affiliate-section .affiliate-text {
    font-family: 'Unbounded';
    font-weight: 800;
    font-size: 3.75vw;
    line-height: 1;
    color: #F2F2F2;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    bottom: 4.5vw;
    width: 100%;
}

.affiliate-section .affiliate-text-track {
    display: flex;
}

.affiliate-section .affiliate-text-item {
    flex-shrink: 0;
    margin: 0;
    white-space: nowrap;
    animation-name: affiliateText;
    animation-duration: 7s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    display: flex;
    align-items: center;
}

.affiliate-text-item img {
    width: 40px;
    margin: 0 37px;
}

@keyframes affiliateText {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.seo-section,
.ppc-section {
    background-color: #F2F2F2;
}

.seo-section {
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 6.7vw 0 0;
    overflow-x: hidden;
    scroll-snap-align: start;
}

.seo-section .seo-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    width: 100%;
    padding: 0 80px;
}

.seo-section .title,
.ppc-section .title {
    font-weight: 700;
    font-size: 2vw;
}

.seo-section .title span {
    display: block;
    color: #E1E1E1;
}

.seo-section .description,
.ppc-section .description {
    max-width: 38.698vw;
    font-size: 16px;
}

.seo-section .seo-wrap {
    display: flex;
    gap: 24px;
    width: 100%;
    flex-wrap: wrap;
    padding-top: 3.542vw;
    padding-left: 80px;
}

.seo-section .seo-item {
    margin: 0 12px;
}

.seo-section .seo-item-inner  {
    width: calc(((100vw - 160px) / 3) - 15px)
}

.seo-section .seo-item-img {
    position: relative;
}

.seo-section .seo-item:hover .btn {
    opacity: 1;
}

.seo-section .seo-item .btn {
    position: absolute;
    width: 8.542vw;
    height: 8.542vw;
    right: 24px;
    bottom: 40px;
    background-color: #EB4527;
    box-shadow: 0 4px 24px 0 #FFFFFF40 inset;
    font-size: 0.833vw;
    color: #fff;
    opacity: 0;
}

.seo-section .seo-item .btn:after {
    content: unset;
}

.seo-section .seo-item-img img {
    width: 100%;
    border-radius: 12px 12px 0 0;
}

.seo-section .seo-item-info {
    border-radius: 12px;
    background-color: #fff;
    padding: 24px 28px 24px 24px;
    margin-top: -16px;
    position: relative;
    text-align: left;
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.seo-section .seo-item-title {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 14px;
    line-height: 1.7;
}

.seo-section .seo-item-title span {
    display: block;
    font-family: 'Montserrat';
    font-weight: 400;
}

.slick-arrow {
    width: 60px;
    height: 40px;
    background-color: #fff;
    border-radius: 35px;
    background-image: url('/wp-content/themes/traffic-label/assets/img/arr.svg');
    border: unset;
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    bottom: -3.594vw;
    right: 145px;
    cursor: pointer;
    transition: .3s;
}

.slick-arrow:hover {
    background-color: #000;
    background-image: url('/wp-content/themes/traffic-label/assets/img/arr-white.svg');
}

.seo-section .slick-arrow.slick-next {
    right: 80px;
    transform: scaleX(-1);
}

.ppc-section {
    display: flex;
    align-items: center;
    justify-content: center;
}

.ppc-section .subtitle {
    font-size: 14px;
    line-height: 1.7;
    color: #000000;
    margin-bottom: 12px;
}

.ppc-section .ppc-header {
    max-width: 23.6vw;
}

.ppc-section .title {
    display: inline-block;
    text-align: center;
    min-width: 100%;
}

.ppc-section .description {
    margin: 0 auto;
}

.ppc-section .title-wrapper {
    display: inline-block;
    overflow: hidden !important;
    min-width: 100%;
}

.ppc-section .title-block {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    width: 100% !important;
}

.ppc-section .title-line {
    display: block;
    line-height: 1.2em;
    height: 1.2em;
    white-space: nowrap;
    min-width: 100%;
}

.ppc-section .ppc-flags {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
    max-width: 85%;
    margin: 0 auto;
}

.ppc-section .ppc-flag {
    padding: 4px 8px;
    background-color: #fff;
    box-shadow: 0 4px 20px 0 #4343431F;
    border-radius: 4px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 9px;
    font-family: 'Unbounded';
    font-weight: 400;
    line-height: 1;
}

.ppc-section .ppc-item:nth-child(1) img {
    position: absolute;
    top: 3.073vw;
    left: 3.073vw;
    width: 22.083vw;
    opacity: 1;
}

.ppc-section .ppc-item:nth-child(2) img {
    position: absolute;
    top: 5.365vw;
    right: 11.406vw;
    width: 19.688vw;
    opacity: 1;
}

.ppc-section .ppc-item:nth-child(3) img {
    position: absolute;
    top: 36.146vw;
    left: 10.844vw;
    width: 18.958vw;
    opacity: 1;
}

.ppc-section .ppc-item:nth-child(4) img {
    position: absolute;
    top: 42.188vw;
    right: 1.302vw;
    width: 21.771vw;
    opacity: 1;
}

.ppc-section .ppc-item:nth-child(5) img {
    position: absolute;
    top: calc(36.146vw + 18.958vw + 5vw);
    left: 2.917vw;
    width: 19.688vw;
    opacity: 0;
}

.ppc-section .ppc-item:nth-child(6) img {
    position: absolute;
    top: calc(42.188vw + 21.771vw + 5vw);
    right: 0;
    width: 17.292vw;
    opacity: 0;
}

.opus-section {
    background-image: url(/wp-content/themes/traffic-label/assets/img/opus.png);
    background-size: 100%;
    background-position: center 120%;
    background-repeat: no-repeat;
    z-index: 2;
}

.team-section.managers-section .team-wrap {
    gap: 24px;
}

.team-section.managers-section .team-item {
    width: calc(100% / 4 - 18px)!important;
}

.team-section.managers-section .team-info {
    justify-content: space-between;
    padding: 24px;
}

.team-section.managers-section .team-title {
    display: block;
}

.team-section.managers-section .team-info span {
    font-size: 1.25vw;
}

/* About */

.about-page .about-section:nth-child(2) {
    z-index: 5;
    position: relative;
    scroll-snap-align: start;
    background-image: unset;
}


.about-page .about-section:nth-child(2):before {
    content: '';
    display: block;
    position: absolute;
    height: 100vh;
    width: 100%;
    background-color: #000;
    background-image: url(/wp-content/themes/traffic-label/assets/img/bg-about.png);
    background-position: center;
    background-size: cover;
    top: 0;
    z-index: -1;
}


.about-section.about-title,
.about-section.about-animation {
    position: relative;
    overflow-x: hidden;
    scroll-snap-align: start;
    background: unset;
}

.about-section.about-title {
    position: relative;
    background-image: unset;
}

.about-title .about-content {
    position: fixed;
    top: 50vh;
    transform: translateY(-50%);
    padding: 27.532vh 80px 13.924vh;
    will-change: transform, opacity;
    backface-visibility: hidden;
}

.about-title .transition-marker {
    position: absolute;
    height: 20vh;
    width: 100%;
    bottom: 0;
    pointer-events: none;
}

.about-animation {
    position: relative;
    overflow: hidden;
}

.about-animation .about-content {
    z-index: 1;
}

.about-decor {
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
    left: 50%;
    transform: translateX(-50%);
    display: none;
}

.about-content.about-hero {
    flex-direction: row;
    padding: 20.359vh 80px 8.65vh;
}

.about-content.about-hero:after {
    content: '';
    position: absolute;
    width: 70%;
    height: 20%;
    background-color: #000;
    filter: blur(50px);
    bottom: -10%;
    left: 50%;
    transform: translateX(-50%);
}

.about-hero .about-wrap {
    flex-direction: column;
    align-items: flex-start;
    max-width: 30%;
    align-self: flex-start;
}

.about-hero .about-wrap .btn {
    align-self: flex-end;
    margin-top: 35px;
}

.about-hero .about-wrap .title {
    margin-bottom: 48px;
}

.about-hero .about-wrap + .description {
    margin-top: 5%;
    width: 25.729vw;
    max-width: 494px;
}

.about-content .title.animated {
    font-size: 2.5vw;
    color: #858585;
}

.about-content .title.animated i {
    font-style: unset;
    display: block;
    color: #858585;
    transition: .3s;
}

.about-content .title.animated i:first-child {
    color: #fff;
}

.about-content .tab-wrap {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    height: 100vh;
}

.about-content .tab-title {
    color: #858585;
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.667vw;
    line-height: 1.4;
    display: flex;
    gap: 21px;
    margin-bottom: 32px;
    padding-left: 45px;
    transition: .3s;
}

.about-content .tab-title span {
    width: 56px;
    text-align: center;
}

.about-content .tab-title.active {
    color: #fff;
    position: relative;
}

.about-content .tab-title.active:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/themes/traffic-label/assets/img/tab-logo.svg');
    left: 0;
    top: calc(50% - 12px);
}

.about-content .tab-img {
    width: 20.833vw;
    height: 20.833vw;
    transform: rotate(-60deg);
}

.about-content .tab-descriptions {
    width: 23%;
}

.about-content .tab-descriptions .description {
    max-width: 22%;
    font-size: 1.042vw;
    position: absolute;
}

.team-section {
    background-color: #F2F2F2;
    z-index: 2;
    padding: 13.08vh 80px 20vh;
}

.team-section .title {
    font-size: 2vw;
    font-weight: 700;
}

.team-section .description {
    font-size: 16px;
    max-width: 52.448vw;
    margin: 0 auto;
}

.team-section .team-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0.7vw;
    padding-top: 2.083vw;
    flex-wrap: wrap;
}

.team-section .team-category {
    border: 1px solid #E1E1E1;
    border-radius: 48px;
    padding: 8px 8px 8px 18px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: .3s;
    font-size: 0.833vw;
}

.team-section .team-category:hover {
    background-color: #fff;
}

.team-section .team-category span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #E1E1E1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.team-section .team-category.active {
    background-color: #000;
    color: #fff;
}

.team-section .team-category.active span {
    background-color: #fff;
    color: #000;
}

.team-section .team-wrap {
    padding-top: 2.5vw;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.team-section .slick-list {
    width: 100%;
}

.team-section .slick-track {
    margin: 0;
}

.team-section .slick-slide > div {
    display: flex;
    gap: 1vw;
    padding: 0 0.5vw;
}

.team-section .slick-arrow {
    bottom: -40px;
}

.team-section .slick-arrow.slick-prev{
    left: calc(50% - 63px);
}

.team-section .slick-arrow.slick-next {
    left: calc(50% + 3px);
    transform: scaleX(-1);
}

.team-section .team-item {
    width: calc(100% / 5 - 0.8vw)!important;
    background-color: #D9D9D9;
    border-radius: 32px;
    padding-top: 20px;
    position: relative;
    overflow: hidden;
    margin-bottom: 1vw;
}

.team-section .team-item img {
    width: 100%;
    position: relative;
    bottom: -12px;
    z-index: 2;
    filter: grayscale(1);
    transition: .3s;
}

.team-section .team-overlay {
    background: linear-gradient(180.1deg, rgba(217, 217, 217, 0) 50%, #D9D9D9 99.91%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 32px;
    z-index: 3;
}

.team-section .team-info {
    display: flex;
    position: absolute;
    bottom: 0;
    padding: 16px 7px;
    justify-content: center;
    align-items: center;
    text-align: left;
    font-weight: 400;
    font-size: 0.729vw;
    line-height: 1.4;
    z-index: 4;
    width: 100%;
}

.team-section .team-info span {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 0.833vw;
    line-height: 1.5;
}

.team-section .team-title {
    display: flex;
    align-items: center;
    gap: 0.417vw;
}

.team-section .team-title i {
    font-style: unset;
}

.team-section .team-title p {
    color: #000000;
    margin: 4px 0 0;
    line-height: 1;
    display: flex;
    align-items: center;
    gap: 4px;
}

.team-section .team-title p img {
    width: 16px;
    height: 16px;
}

.team-section .team-info img {
    width: 40px;
    height: 40px;
    display: block;
    filter: unset;
    bottom: unset;
}

@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.team-section .team-item:hover .background {
    opacity: 1;
}

.team-section .team-item:hover .team-overlay {
    background: linear-gradient(180.1deg, rgba(255, 110, 84, 0) 50%, #731902 99.91%);
}

.team-section .team-item:hover .team-info,
.team-section .team-item:hover .team-title a,
.team-section .team-item:hover .team-title p {
    color: #fff;
}

.team-section .team-item:hover img {
    filter: unset;
}

.team-section .team-item:hover .background  span {
    animation: move;
    animation-duration: 4s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
}

.team-item .background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #c33d18;
    overflow: hidden;
    opacity: 0;
    transition: .3s;
}

.team-item .background:before {
    content: '';
    background-image: url("/wp-content/themes/traffic-label/assets/img/overlay.png");
    background-size: contain;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}


@keyframes move {
    100% {
        transform: translate3d(0, 0, 1px) rotate(360deg);
    }
}

.team-item .background span {
    width: 45vmin;
    height: 45vmin;
    border-radius: 45vmin;
    backface-visibility: hidden;
    position: absolute;
}

.team-section .team-item:hover .background span {
    animation: move 3s linear infinite;
    animation-delay: 0s !important;
}

.team-item .background span:nth-child(0) {
    color: #f5a463;
    top: 69%;
    left: 11%;
    animation-duration: 36s;
    animation-delay: -19s;
    transform-origin: 21vw -18vh;
    box-shadow: 90vmin 0 12.018366099720284vmin currentColor;
}

.team-item .background span:nth-child(1) {
    color: #f5a463;
    top: 98%;
    left: 25%;
    animation-duration: 33s;
    animation-delay: -18s;
    transform-origin: -5vw -6vh;
    box-shadow: -90vmin 0 11.630890175891835vmin currentColor;
}

.team-item .background span:nth-child(2) {
    color: #f5a463;
    top: 17%;
    left: 24%;
    animation-duration: 32s;
    animation-delay: -8s;
    transform-origin: 1vw 1vh;
    box-shadow: -90vmin 0 11.84456403535018vmin currentColor;
}

.team-item .background span:nth-child(3) {
    color: #f5a463;
    top: 27%;
    left: 90%;
    animation-duration: 18s;
    animation-delay: -15s;
    transform-origin: 21vw -8vh;
    box-shadow: 90vmin 0 12.212345750146927vmin currentColor;
}

.team-item .background span:nth-child(4) {
    color: #f5a463;
    top: 25%;
    left: 41%;
    animation-duration: 40s;
    animation-delay: -29s;
    transform-origin: 22vw -14vh;
    box-shadow: 90vmin 0 11.324450348682538vmin currentColor;
}

.team-item .background span:nth-child(5) {
    color: #e5542b;
    top: 42%;
    left: 18%;
    animation-duration: 52s;
    animation-delay: -34s;
    transform-origin: 18vw 17vh;
    box-shadow: 90vmin 0 11.65978746407846vmin currentColor;
}

.team-item .background span:nth-child(6) {
    color: #f5a463;
    top: 45%;
    left: 80%;
    animation-duration: 15s;
    animation-delay: -50s;
    transform-origin: 20vw 5vh;
    box-shadow: -90vmin 0 11.52159562585889vmin currentColor;
}

.team-item .background span:nth-child(7) {
    color: #e5542b;
    top: 57%;
    left: 34%;
    animation-duration: 18s;
    animation-delay: -11s;
    transform-origin: -5vw -1vh;
    box-shadow: 90vmin 0 11.555579824955966vmin currentColor;
}

.team-item .background span:nth-child(8) {
    color: #e5542b;
    top: 66%;
    left: 98%;
    animation-duration: 7s;
    animation-delay: -49s;
    transform-origin: 25vw 9vh;
    box-shadow: 90vmin 0 12.090600073429172vmin currentColor;
}

.team-item .background span:nth-child(9) {
    color: #e5542b;
    top: 33%;
    left: 75%;
    animation-duration: 54s;
    animation-delay: -10s;
    transform-origin: -7vw -22vh;
    box-shadow: -90vmin 0 11.388355191441045vmin currentColor;
}

/* Contact */

.team-section.managers-section {
    background-color: #fff;
    padding: 16.245vh 80px 10vh;
    z-index: 2;
}

.team-section.managers-section .description {
    max-width: 38.958vw;
}

.contact-page .contact-section {
    background-color: #fff;
    min-height: unset;
}

.contact-page .contact-decor {
    display: none!important;
}

.collaboration-section {
    background-color: #fff;
    min-height: 100vh;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    padding: 9.583vw 80px 3.073vw;
    overflow-x: hidden;
    scroll-snap-align: start;
    background-image: url('/wp-content/themes/traffic-label/assets/img/form-decor.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right;
}

.collaboration-section .collaboration-wrap {
    width: 40%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100%;
}

.collaboration-section .title {
    font-size: 2.9vw;
}

.collaboration-section .description {
    font-size: 16px;
}

.collaboration-section .contact-info {
    display: flex;
    font-size: 14px;
    justify-content: space-between;
}

.collaboration-section .contact-info-mob {
    display: none;
}

.collaboration-section .contact-col {
    display: flex;
    flex-direction: column;
    gap: 3.281vw;
}

.collaboration-section .contact-info b {
    display: block;
    margin-bottom: 5px;
}

.collaboration-section .contact-info a {
    color: #000;
}

.collaboration-section .social-media {
    display: flex;
    gap: 26px;
}

.collaboration-section .social-media a svg circle {
    transition: .3s;
}

.collaboration-section .social-media a:hover svg circle {
    fill: #EB4527;
    transition: .3s;
}

.collaboration-section .form-wrap {
    border: 1px solid #E1E1E1;
    background: rgba(255, 255, 255, 0.72);
    backdrop-filter: blur(15px);
    border-radius: 32px;
    padding: 3.125vw;
    width: 34%;
    margin-right: 8.854vw;
}

.collaboration-section .form-wrap .title {
    font-size: 1.667vw;
}

.collaboration-section input:not(.wpcf7-submit),
.collaboration-section textarea {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #3C3C3C;
    width: 100%;
    font-family: 'Montserrat';
    font-weight: 500;
    font-size: 1.042vw;
    line-height: 1.4;
    color: #3C3C3C;
    padding: 10px 0;
    margin-top: 2.083vw;
    border-radius: 0;
}

.collaboration-section textarea {
    height: 5.521vw;
    min-height: 80px;
}

::-webkit-input-placeholder {
    color: #3C3C3C;
}

::-moz-placeholder {
    color: #3C3C3C;
}

:-ms-input-placeholder {
    color: #3C3C3C;
}

:-moz-placeholder {
    color: #3C3C3C;
}

.collaboration-section .wpcf7-not-valid-tip {
    display: none!important;
}

.collaboration-section .wpcf7-submit {
    position: absolute;
    border: unset;
    background-color: #EB4527;
    right: -7.031vw;
    bottom: -20px;
    cursor: pointer;
}

.collaboration-section .wpcf7-submit:hover:after {
    border: 1px solid #E1E1E1;
}

.collaboration-section input:not(.wpcf7-submit).wpcf7-not-valid,
.collaboration-section textarea.wpcf7-not-valid {
    border-color: #dc3232;
}

.collaboration-section .wpcf7 .wpcf7-response-output {
    margin: 10px 0 0;
    padding: 0;
    border: unset;
    font-size: 14px;
    width: 90%;
    line-height: 1;
}

/* Operators */

.operators-page .affiliate-section .description {
    max-width: 53.333vw;
    margin: 0 auto;
}

.operators-page .affiliate-section .affiliate-wrap {
    margin-top: 2vw;
}

.operators-page .affiliate-section .affiliate-item img {
    width: 58%;
    filter: contrast(0.5);
}

.operators-page .affiliate-section .affiliate-item:first-child {
    z-index: 3;
}

.operators-page .affiliate-section .affiliate-item:first-child:hover {
    background-image: url(/wp-content/themes/traffic-label/assets/img/ellipse.svg), url(/wp-content/themes/traffic-label/assets/img/item-overlay.png), linear-gradient(180deg, #5361F5 0%, #30398F 100%);
}

.operators-page .affiliate-section .affiliate-item:last-child:hover {
    background-image: url(/wp-content/themes/traffic-label/assets/img/ellipse.svg), url(/wp-content/themes/traffic-label/assets/img/item-overlay.png), linear-gradient(180deg, #FF9029 0%, #EB4527 100%);
}

.operators-page .affiliate-section .affiliate-item:hover img {
    filter: unset;
}

.operator-section {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    padding: 8vw 80px 2.76vw 8.333vw;
    overflow-x: hidden;
    scroll-snap-align: start;
    background-color: #F2F2F2;
}

.operator-section.vegas {
    padding: 6.979vw 80px 0;
}

.operator-section img {
    max-width: 53vw;
}

.operator-section .title {
    font-weight: 700;
    font-size: 2vw;
}

.operator-section .description {
    max-width: 26.406vw;
    font-size: 16px;
}

.operator-section .operator-wrap {
    display: flex;
    flex-direction: column;
}

.operator-section.vegas .operator-wrap {
    padding-right: 80px;
}

.operator-section .btn {
    align-self: flex-end;
    margin-top: 1.667vw;
    text-align: center;
    background-color: #EB4527;
    width: 8.542vw;
    height: 8.542vw;
    font-size: 0.833vw;
    margin-right: -4.688vw;
}

.operator-section .btn:after {
    width: 8.542vw;
    height: 8.542vw;
}

.operator-section .btn:hover::after {
    width: 10.104vw;
    height: 10.104vw;
    opacity: 1;
}

.operator-section .btn-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.49vw;
    margin-top: 8px;
}

.operator-section .partner-wrap {
    display: flex;
    align-items: center;
    gap: 13px;
}

.operator-section .partner {
    padding: 17px 35px;
    background-color: #fff;
    border-radius: 8px;
}

.operator-section .btn-wrap .btn {
    margin: 0;
}

.operator-section .partner img {
    opacity: .6;
    filter: grayscale(1);
    transition: .3s;
}

.operator-section .partner:hover img {
    opacity: 1;
    filter: unset;
}

.brand-section {
    min-height: 100vh;
    text-align: center;
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    padding: 7.8vw 80px 4vw;
    overflow-x: hidden;
    scroll-snap-align: start;
    background-color: #F2F2F2;
}

.brand-section .title {
    font-weight: 700;
    font-size: 2vw;
    margin-bottom: 12px;
}

.brand-section .description {
    max-width: 38.958vw;
    font-size: 16px;
}

.brand-section .brand-wrap {
    padding-top: 3.073vw;
    display: flex;
    gap: 1.25vw;
    width: 100%;
    flex-wrap: wrap;
}

.brand-section .brand-item {
    background-color: #fff;
    padding: 1.667vw;
    border-radius: 16px;
    width: calc(100% / 4 - 18px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.brand-section .brand-item img {
    opacity: .6;
    filter: grayscale(1);
    transition: .3s;
    max-width: 10.417vw;
}

.brand-section .brand-item:hover img {
    opacity: 1;
    filter: unset;
}

/* Vacancies */

.vacancies-section {
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    padding: 6.458vw 80px 10vw;
    overflow-x: hidden;
    scroll-snap-align: start;
    background-color: #0D0D0D;
}

.vacancies-section .title {
    font-size: 2vw;
    font-weight: 700;
    color: #fff;
}

.vacancies-section .description {
    font-size: 16px;
    max-width: 50vw;
    margin: 0 auto;
    color: #fff;
}

.vacancies-section .vacancies-filter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    gap: 0.7vw;
    padding-top: 2.083vw;
    flex-wrap: wrap;
}

.vacancies-section .vacancies-category {
    border: 1px solid #3C3C3C;
    border-radius: 48px;
    padding: 8px 8px 8px 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
    transition: .3s;
    color: #fff;
    font-size: 0.833vw;
}

.vacancies-section .vacancies-category span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: #3C3C3C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.vacancies-section .vacancies-category:hover {
    background-color: #333333;
}

.vacancies-section .vacancies-category.disabled {
    border-color: #3C3C3C;
    color: #3C3C3C;
    pointer-events: none;
}

.vacancies-section .vacancies-category.disabled span {
    background-color: #3C3C3C;
    color: #000;
}

.vacancies-section .vacancies-category.active {
    background-color: #EB4527;
    color: #fff;
}

.vacancies-section .vacancies-category.active span {
    background-color: #fff;
    color: #000;
}

.vacancies-section .vacancies-wrap {
    padding-top: 3.229vw;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    gap: 25px;
}

.vacancies-section .vacancies-item {
    width: calc(100% / 2 - 13px);
    border: 1px solid #3C3C3C;
    color: #fff;
    border-radius: 40px;
    padding: 32px 40px 50px;
    text-align: left;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-1.png');
    background-size: cover;
    background-position: center;
    position: relative;
}

.vacancies-section .vacancies-item:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0.1) 50%, #000000 100%);
    backdrop-filter: blur(20px);
    opacity: .4;
    border-radius: 40px;
}

/*.vacancies-section .vacancies-item:nth-child(9n+1) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-1.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+2) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-2.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+3) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-3.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+4) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-4.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+5) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-5.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+6) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-6.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+7) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-7.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+8) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-8.png');*/
/*}*/

/*.vacancies-section .vacancies-item:nth-child(9n+9) {*/
/*    background-image: url('/wp-content/themes/traffic-label/assets/img/vacancies-9.png');*/
/*}*/

.vacancies-section .vacancies-labels {
    margin-bottom: 7.708vw;
    display: flex;
    gap: 12px;
    position: relative;
}

.vacancies-section .label {
    border: 1px solid #3C3C3C;
    padding: 8px 20px;
    border-radius: 48px;
    text-transform: capitalize;
}

.vacancies-section .vacancies-title {
    font-family: 'Unbounded';
    font-weight: 700;
    font-size: 2.083vw;
    line-height: 1.3;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

.vacancies-section .vacancies-title span {
    width: 75%;
}

.vacancies-section + .contact-section {
    background-color: #0D0D0D;
}


/* Menu */

header {
    position: relative;
    width: 100%;
}

.header-wrap {
    padding: 1.667vw 80px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 999;
    position: fixed;
}

header .email-wrap {
    padding: 1.042vw 1.302vw;
    background: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(72px);
    box-shadow: 0 4.8px 62.4px 0 #FFFFFF0D inset;
    border-radius: 200px;
    text-align: center;
}

header .email-wrap a {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 14px;
    line-height: 1.7;
    display: block;
    color: #3C3C3C;
    transition: .3s;
}

header .email-wrap.active a {
    color: #3C3C3C!important;
}

header .burger-wrap {
    background-color: rgba(255, 255, 255, 0.01);
    backdrop-filter: blur(72px);
    box-shadow: 0 4.8px 62.4px 0 rgba(255, 255, 255, 0.05) inset;
    padding: 0 0.625vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 3.333vw;
    height: 3.333vw;
}

header .burger {
    width: 100%;
    height: 100%;
    position: relative;
    cursor: pointer;
}

header .burger span {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    background: #3C3C3C;
    border-radius: 12px;
    transition: transform 0.3s ease, top 0.3s ease;
}

header .burger span:nth-child(1) {
    top: 1.302vw;
}

header .burger span:nth-child(2) {
    top: 1.823vw;
}

header .burger.active span:nth-child(1) {
    top: 1.563vw;
    transform: rotate(45deg);
    background: #EB4527!important;
}

header .burger.active span:nth-child(2) {
    top: 1.563vw;
    transform: rotate(-45deg);
    background: #EB4527!important;
}

header .menu {
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    height: 34.375vw;
    border-radius: 0 0 64px 64px;
    padding-bottom: 10.625vw;
    padding-left: 88px;
    padding-right: 55px;
    display: none;
    border-bottom: 1px solid #F2F2F2;
    box-shadow: 0 8px 40px 0 rgba(0, 0, 0, 0.08);
    z-index: 99;
}

header .menu .menu-wrap {
    display: flex;
    align-items: flex-end;
    width: 100%;
    height: 100%;
}

header .menu .menu-wrap-mob {
    display: none;
}

header .menu ul {
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

header .menu ul li {
    width: 50%;
    margin: 2.5vw 0 0;
    font-family: 'Unbounded';
    font-weight: 600;
    line-height: 1;
    color: #858585;
    height: 1.25vw;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

header .menu ul li span {
    display: block;
    line-height: 1;
    font-size: 1.25vw;
    transition: transform 0.4s ease;
}

header .menu ul li .front-text {
    color: #858585;
    transform: translateY(0);
}

header .menu ul li .back-text {
    color: #000000;
    position: absolute;
    top: 40px;
    left: 0;
    width: 100%;
    transform: translateY(0);
}

header .menu ul li a.active .front-text {
    color: #EB4527;
}

header .menu ul li:hover a:not(.active) .front-text {
    transform: translateY(-40px);
}

header .menu ul li:hover a:not(.active) .back-text {
    transform: translateY(-40px);
}

header .image-wrapper {
    margin-bottom: -10.625vw;
    position: relative;
    overflow: hidden;
    width: 57%;
    height: 100%;
}

header .image-wrapper img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    opacity: 0;
    width: 100%;
    height: auto;
    z-index: 0;
}

header .image-wrapper img.active {
    z-index: 1;
}

.page-template-template-vacancies header .burger span,
.page-template-template-home header .burger span,
.page-template-template-about header .burger span {
    background-color: #fff;
}

.page-template-template-vacancies header .email-wrap a,
.page-template-template-home header .email-wrap a,
.page-template-template-about header .email-wrap a {
    color: #fff;
}


.page-template-template-about .contact-section {
    background-color: #F2F2F2;
}

.cpc-section {
    background-color: #fff;
    background-image: url('/wp-content/themes/traffic-label/assets/img/cpc-bg.png');
    background-size: cover;
    background-position: center;
    min-height: 100vh;
    text-align: center;
    display: flex;
    align-items: stretch;
    position: relative;
    padding: 16.878vh 80px 12.025vh;
    overflow-x: hidden;
    scroll-snap-align: start;
    z-index: 2;
}

.cpc-wrap {
    position: relative;
    width: 100%;
}

.cpc-section .title {
    font-size: 2.9vw;
    margin-top: 3.797vh;
    width: 100%;
}

.cpc-section .description {
    max-width: 32.448vw;
    font-size: 16px;
    margin: 0 auto 10px;
}

.cpc-section .cpc-item {
    position: absolute;
    top: 0;
    left: 13.333vw;
    width: 12.083vw;
    height: 7.76vw;
    background: #DBDBDB1A;
    border: 1px solid #FFFFFF;
    backdrop-filter: blur(20px);
    border-radius: 336px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.cpc-section .cpc-item svg {
    max-width: 6.771vw;
    transition: .3s;
}

.cpc-section .cpc-item:hover {
    transition: .3s;
    background-color: #fff;
}

.cpc-section .cpc-item:not(:hover) svg path,
.cpc-section .cpc-item:not(:hover) svg rect {
    transition: .3s;
}

.cpc-section .cpc-item:not(:hover) svg path:not([fill="white"]),
.cpc-section .cpc-item:not(:hover) svg rect:not([fill="white"]) {
    fill: #979797;
    transition: .3s;
}

.cpc-section .cpc-item:nth-child(5):not(:hover) svg line:not([fill="white"]) {
    stroke: #979797;
}

.cpc-section .cpc-item:nth-child(2) {
    top: 24.684vh;
    left: 5.156vw;
}

.cpc-section .cpc-item:nth-child(3) {
    top: 49.895vh;
    left: 11.146vw;
}

.cpc-section .cpc-item:nth-child(4) {
    top: unset;
    bottom: 0;
    left: 27.448vw;
}

.cpc-section .cpc-item:nth-child(5) {
    top: 0;
    left: unset;
    right: 13.333vw;
}

.cpc-section .cpc-item:nth-child(6) {
    top: 24.684vh;
    left: unset;
    right: 5.156vw;
}

.cpc-section .btn {
    z-index: 9999;
    background-color: #EB4527;
}

.cpc-section .cpc-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    max-width: 55%;
    margin: 0 auto;
}

.cpc-compare-section {
    color: #fff;
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 17.827vh 80px 11.92vh;
    overflow-x: hidden;
    scroll-snap-align: start;
}

.cpc-compare-section .title {
    font-size: 2.083vw;
}

.cpc-compare-section .description {
    max-width: 45.313vw;
    font-size: 16px;
    margin: 0 auto 2.813vw;
}

.cpc-compare-section .cpc-compare-table {
    display: flex;
    gap: 24px;
    justify-content: center;
    align-items: flex-start;
}

.cpc-compare-section .cpc-compare-item {
    background: rgba(49, 49, 49, 0.3);
    border: 1px solid #3C3C3C;
    backdrop-filter: blur(20px);
    padding: 2.5vw 3.802vw;
    border-radius: 48px;
    width: 100%;
    max-width: 719px;
    text-align: left;
    font-weight: 400;
}

.cpc-compare-section .cpc-compare-title {
    font-family: 'Unbounded';
    font-weight: 500;
    font-size: 1.25vw;
    margin-bottom: 1.25vw;
    line-height: 1.5;
}

.cpc-compare-section .cpc-compare-title b {
    color: #89EB27;
}

.cpc-compare-section .cpc-compare-item:last-child .cpc-compare-title b {
    color: #EB4527;
}

.cpc-compare-section .cpc-compare-subtitle  {
    font-family: 'Unbounded';
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 4px;
    padding-left: 34px;
    position: relative;
}

.cpc-compare-section .cpc-compare-subtitle:before {
    content: '';
    position: absolute;
    width: 24px;
    height: 24px;
    background-image: url('/wp-content/themes/traffic-label/assets/img/check.svg');
    left: 0;
    top: 0;
}

.cpc-compare-section .cpc-compare-item:last-child .cpc-compare-subtitle:before {
    background-image: url('/wp-content/themes/traffic-label/assets/img/cross.svg');
}

.cpc-compare-section .cpc-compare-item p {
    margin-bottom: 24px;
}

.cpc-page .about-content .tab-title {
    font-size: 18px;
}

.cpc-page .about-content .tab-title span {
    width: 32px;
}

.cpc-page .about-content .tab-descriptions .description {
    font-size: 16px;
}

.cpc-page .about-content .tab-title-main {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.667vw;
    line-height: 1.3;
    margin-bottom: 3.333vw;
    padding-left: 45px;
}

.cpc-page .about-content .tab-title-main span {
    color: #EB4527;
}

.cpc-page .about-section {
    background: unset;
}

.cpc-page .about-section-background {
    background-image: url('/wp-content/themes/traffic-label/assets/img/compare-bg.png');
}

.model-section {
    background-color: #fff;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 20.359vh 80px 3vh;
    overflow-x: hidden;
    scroll-snap-align: start;
    background-image: url('/wp-content/themes/traffic-label/assets/img/model-bg.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 15%;
}

.model-section .model-heading {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 9.916vh;
}

.model-section .description {
    max-width: 42.188vw;
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.25vw;
    color: #3C3C3C;
}

.model-section .description span {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    max-width: 420px;
    width: 90%;
    display: block;
    margin-top: 1.458vw;
}

.model-section .title {
    font-size: 2.9vw;
}

.model-section .title span {
    color: #E1E1E1;
}

.model-section .model-wrap {
    display: flex;
    gap: 11px;
}

.model-section .model-item {
    background: rgba(242, 242, 242, 0.7);
    padding: 1.25vw;
    width: calc(100% / 6);
    color: #3C3C3C;
    font-weight: 300;
}

.model-section .model-item .model-title {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 8px;
}

.model-section .model-wrap + .description {
    align-self: flex-end;
}

.model-section .model-wrap + .description span {
    width: 100%;
    max-width: 100%;
    margin-top: 6.962vh;
}

.package-section {
    color: #fff;
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 18.143vh 80px 2vh;
    overflow-x: hidden;
    scroll-snap-align: start;
}

.package-section .title {
    font-size: 2.5vw;
}

.package-section .description {
    max-width: 45.313vw;
    font-size: 16px;
    margin: 0 auto 0.885vw;
}

.package-section .package-wrap {
    display: flex;
    gap: 12px;
    align-items: stretch;
    flex: 1;
}

.package-section .package-item {
    border: 1px solid #3C3C3C;
    border-radius: 8px;
    width: calc(100% / 5);
    background-image: url('/wp-content/themes/traffic-label/assets/img/package-1.png');
    background-size: cover;
    background-position: center;
    padding: 3.125vw 1.25vw;
    text-align: left;
    font-family: 'Unbounded';
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7;
}

.package-section .package-item:nth-child(2) {
    background-image: url('/wp-content/themes/traffic-label/assets/img/package-2.png');
}

.package-section .package-item:nth-child(3) {
    background-image: url('/wp-content/themes/traffic-label/assets/img/package-3.png');
}

.package-section .package-item:nth-child(4) {
    background-image: url('/wp-content/themes/traffic-label/assets/img/package-4.png');
}

.package-section .package-item:nth-child(5) {
    background-image: url('/wp-content/themes/traffic-label/assets/img/package-5.png');
}

.package-section .package-item .package-number {
    margin-bottom: 3.333vw;
}

.pricing-section {
    color: #fff;
    min-height: 100vh;
    text-align: center;
    display: flex;
    flex-direction: column;
    position: relative;
    padding: 13.08vh 80px 12vh;
    overflow-x: hidden;
    scroll-snap-align: start;
    justify-content: space-between;
    z-index: 5;
}

.pricing-section .title {
    font-size: 2.5vw;
    margin-bottom: 1.266vw;
}

.pricing-section .description {
    font-size: 16px;
    margin: 0 auto;
}

.pricing-section .pricing-wrap {
    display: none;
    gap: 16px;
    padding: 0 2.604vw;
}

.pricing-section .pricing-wrap.active  {
    display: flex;
}

.pricing-section .pricing-item {
    background: rgba(49, 49, 49, 0.3);
    border: 1px solid #3C3C3C;
    backdrop-filter: blur(20px);
    border-radius: 24px;
    padding: 32px 0 10.745vh;
    width: calc(100% / 4);
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    position: relative;
}

.pricing-section .pricing-item .pricing-header {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #3C3C3C;
}

.pricing-section .pricing-item .pricing-price {
    vertical-align: bottom;
    margin-bottom: 13px;
}

.pricing-section .pricing-item .pricing-price span:first-child {
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 1.667vw;
    line-height: 1;
}

.pricing-section .pricing-item .pricing-price span:nth-child(2) {
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
    vertical-align: bottom;
    display: inline-block;
    margin: 0 4px 0 8px;
}

.pricing-section .pricing-item b {
    font-weight: 600;
}

.pricing-section .pricing-item .pricing-body div {
    display: flex;
    gap: 8px;
    justify-content: center;
    margin-bottom: 13px;
}

.pricing-section .pricing-item .pricing-body span {
    color: #858585;
}

.pricing-section .pricing-item .btn {
    position: absolute;
    right: 20px;
    width: 7.031vw;
    height: 7.031vw;
    font-size: 11px;
    background: #1d1d1d;
    backdrop-filter: blur(24px);
    box-shadow: 0 2.41px 14.47px 0 rgba(255, 255, 255, 0.25) inset;
    bottom: -20%;
}

.pricing-section .pricing-item .btn:after {
    content: unset;
}

.pricing-section .pricing-item .btn:hover {
    background-color: #fff;
}

.pricing-section .pricing-item.popular {
    border-color: #EB4527;
}

.pricing-section .pricing-item.popular:before {
    content: 'Most Popular';
    position: absolute;
    background-color: #EB4527;
    color: #fff;
    font-size: 14px;
    padding: 8px 1.615vw;
    border-radius: 24px;
    bottom: -20px;
    left: 20px;
    font-weight: 600;
}

.pricing-section .pricing-item.popular .pricing-price span:first-child {
    color: #EB4527;
}

.pricing-section .pricing-license {
    margin: 1.094vw 0 1.927vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 16px;
}

.pricing-section .pricing-license .pricing-switcher {
    background-color: #EB4527;
    width: 32px;
    height: 14px;
    border-radius: 100px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.pricing-section .pricing-license .pricing-btn {
    background-color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    transition: .3s;
    transform: translateX(-4px);
}

.pricing-section .pricing-license.other .pricing-btn {
    transform: translateX(16px);
    transition: .3s;
}

.pricing-section .pricing-license span {
    font-size: 18px;
    line-height: 2;
    color: #858585;
    transition: .3s;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}

.pricing-section .pricing-license:not(.other) span:first-child,
.pricing-section .pricing-license.other span:last-child {
    color: #fff;
    font-weight: 600;
    transition: .3s;
}

.pricing-section .pricing-license span svg path {
    transition: .3s;
}

.pricing-section .pricing-license.other span svg path {
    fill: #fff;
    transition: .3s;
}

.pricing-section .pricing-note {
    font-weight: 400;
}

.pricing-section .pricing-note span {
    display: flex;
    gap: 13px;
    font-family: 'Unbounded';
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    justify-content: center;
    line-height: 1;
}

.pricing-section .pricing-note span a {
    color: #EB4527;
    transition: .3s;
}

.pricing-section .pricing-note span a:hover {
    color: #fff;
    transition: .3s;
}

.cpc-page .learn-more .fixed {
    background-color: #F2F2F2;
}

.cpc-page .ppc-section {
    background-color: unset;
    color: #fff;
}

.cpc-page .ppc-section .ppc-item:nth-child(1) img {
    width: 11.25vw;
    left: 19.479vw;
    top: 6.51vw;
}

.cpc-page .ppc-section .ppc-item:nth-child(2) img {
    width: 12.552vw;
    right: 16.615vw;
    top: 8.698vw;
}

.cpc-page .ppc-section .ppc-item:nth-child(3) img {
    width: 15.781vw;
    left: 0;
    top: 23.125vw;
}

.cpc-page .ppc-section .ppc-item:nth-child(4) img {
    width: 13.229vw;
    right: -30px;
    top: 20.677vw;
}

.cpc-page .ppc-section .ppc-item:nth-child(5) img {
    width: 17.917vw;
    left: 18.698vw;
    top: 45vw;
}

.cpc-page .ppc-section .ppc-item:nth-child(6) img {
    width: 24.792vw;
    right: 8.646vw;
    top: 40vw;
}

.cpc-page .ppc-section .ppc-header {
    max-width: 40vw;
    width: 100%;
}

.cpc-page .ppc-section .title-line {
    line-height: 1.5em;
    height: 1.5em;
}

.cpc-page .team-section {
    background-color: #F2F2F2;
}

.faq-section {
    min-height: 100vh;
    display: flex;
    align-items: flex-start;
    position: relative;
    padding: 21.203vh 80px 12vh;
    overflow-x: hidden;
    scroll-snap-align: start;
    background-color: #fff;
    justify-content: space-between;
}

.faq-section .title {
    font-family: 'Unbounded';
    font-weight: 500;
    font-size: 14.583vw;
    line-height: 1.4;
    position: relative;
}

.faq-section .title:after {
    content: '';
    width: 100%;
    bottom: 0;
    height: 7.1vw;
    position: absolute;
    left: 0;
    background: #fff;
}

.faq-section .faq-description {
    font-weight: 400;
    margin-top: -7vw;
    position: relative;
    margin-left: 15px;
}

.faq-section .faq {
    max-width: 37.448vw;
}

.faq-section .faq-item {
    border: 1px solid #F2F2F2;
    border-radius: 36px;
    padding: 24px 48px;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    margin-bottom: 14px;
    transition: .3s;
}

.faq-section .faq-item.active {
    background-color: #F2F2F2;
    transition: .3s;
}

.faq-section .faq-item:after {
    content: '';
    position: absolute;
    width: 20px;
    height: 20px;
    top: 24px;
    right: 48px;
    -webkit-mask: url('/wp-content/themes/traffic-label/assets/img/faq.svg') no-repeat 50% 50%;
    mask: url('/wp-content/themes/traffic-label/assets/img/faq.svg') no-repeat 50% 50%;
    -webkit-mask-size: cover;
    mask-size: cover;
    background-color: #000;
    transition: .3s;
}

.faq-section .faq-item.active:after {
    transform: rotate(45deg);
}

.faq-section .faq-question {
    font-family: 'Unbounded';
    font-weight: 600;
    line-height: 1.7;
    padding-right: 25px;
}

.faq-section .faq-answer {
    display: none;
    font-weight: 400;
    margin-top: 24px;
}

.faq-section .faq-answer a {
    color: #000;
    text-decoration: underline;
}

.cpc-page .contact-section {
    background-color: #fff;
}

.after-anim .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 5;
    display: none;
    will-change: clip-path, opacity;
    transition: clip-path 0.5s ease-out, opacity 0.5s ease-out;
    opacity: 1;
}

.before-anim {
    transition: opacity 0.3s ease;
    will-change: opacity;
    z-index: 2;
}

@media screen and (max-width: 1600px) {
    .collaboration-section .contact-col:first-child {
        padding-right: 30px;
    }
    .team-section.managers-section {
        justify-content: center;
    }
    .affiliate-section .affiliate-text {
        bottom: 3vw;
    }
    .brand-section {
        padding: 7vw 80px;
    }
    .vacancies-section .vacancies-category,
    .team-section .team-category,
    .cpc-section .description,
    .cpc-compare-section .cpc-compare-table,
    .cpc-page .about-content .tab-descriptions .description,
    .model-section .model-item,
    .cpc-compare-section .description,
    .package-section .description,
    .pricing-section .pricing-item,
    .pricing-section .description,
    .pricing-section .pricing-note,
    .cpc-page .ppc-section .title-line {
        font-size: 14px;
    }
    .cpc-page .about-content .tab-title,
    .model-section .model-item .model-title,
    .pricing-section .pricing-item .pricing-price span:nth-child(2),
    .pricing-section .pricing-note span {
        font-size: 16px;
    }
    .model-section .model-item,
    .package-section .package-item {
        font-size: 13px;
    }
    .pricing-section .pricing-item .btn {
        width: 110px;
        height: 110px;
    }
    .pricing-section .pricing-wrap {
        padding: 0;
    }
    .pricing-section {
        padding-bottom: 5vh;
    }
}

@media screen and (max-width: 1200px) {
    .header-wrap {
        padding-left: 30px;
        padding-right: 30px;
    }
    header .email-wrap {
        padding: 10px 20px;
    }
    header .email-wrap a {
        font-size: 13px;
    }
    .footer .footer-col:first-child {
        width: 55%;
        padding-right: 10px;
    }
    .footer .footer-col:nth-child(2) {
        width: 35%;
    }
    .footer .footer-col:nth-child(3) img {
        width: 36px;
    }
    .footer .footer-menu {
        justify-content: space-between;
        gap: unset;
    }

    .contact-section {
        padding: 0 0 45px;
    }
    .contact-section .contact-details {
        flex-wrap: wrap;
        gap: 30px;
    }

    .contact-section .contact-details,
    .contact-section .footer-container {
        padding-left: 30px;
        padding-right: 30px;
    }

    .affiliate-section,
    .ppc-section,
    .operator-section,
    .operator-section.vegas,
    .brand-section,
    .cpc-compare-section,
    .model-section,
    .package-section,
    .pricing-section {
        padding: 9.583vw 30px 3.073vw;
    }
    .team-section.managers-section .team-info {
        padding: 20px 10px;
    }
    .team-section .team-info img {
        width: 36px;
        height: 36px;
    }
    .team-section.managers-section .team-wrap {
        gap: 10px;
    }
    .team-section.managers-section .team-item {
        width: calc(100% / 4 - 8px) !important;
    }
    .team-section .team-info {
        font-size: 9px;
    }
    .team-section.managers-section .title,
    .about-content .title.animated {
        font-size: 24px;
    }


    .vacancies-section {
        padding: 9.583vw 30px 6vw;
    }
    .vacancies-section .title {
        font-size: 32px;
    }
    .vacancies-section .vacancies-title {
        font-size: 24px;
    }
    .vacancies-section .vacancies-category,
    .team-section .team-category {
        padding: 7px 6px 7px 16px;
        height: 48px;
    }
    .vacancies-section .vacancies-labels {
        font-size: 12px;
        flex-wrap: wrap;
    }
    .vacancies-section .vacancies-item {
        padding: 32px 30px 50px;
    }
    .vacancies-section .description,
    .operators-page .affiliate-section .description,
    .team-section .description {
        max-width: 700px;
    }


    .title,
    .affiliate-section .title,
    .operator-section .title,
    .brand-section .title,
    .ppc-section .title,
    .about-hero .about-wrap .title,
    .team-section .title,
    .services-section .title,
    .cpc-section .title,
    .model-section .title,
    .package-section .title,
    .pricing-section .title {
        font-size: 32px;
    }
    .operator-section .btn,
    .operator-section .btn::after {
        font-size: 1.042vw;
        width: 11.667vw;
        height: 11.667vw;
    }
    .operator-section .btn:hover::after {
        width: 14.167vw;
        height: 14.167vw;
    }
    .operator-section.vegas .operator-wrap {
        padding-right: 0;
    }
    .operator-section .partner-wrap {
        flex-direction: column;
    }
    .operator-section .description {
        max-width: 100%;
    }


    .collaboration-section {
        padding: 9.583vw 30px 3.073vw;
    }
    .collaboration-section .title {
        font-size: 32px;
    }
    .description,
    .collaboration-section .description,
    .team-section .description,
    .vacancies-section .description,
    .affiliate-section .description,
    .operator-section .description,
    .brand-section .description,
    .seo-section .description,
    .ppc-section .description,
    .services-section .description,
    .faq-section .faq-description {
        font-size: 14px;
    }
    .collaboration-section .form-wrap {
        margin-right: 45px;
        width: 40%;
        padding-bottom: 100px;
        align-self: flex-start;
    }
    .collaboration-section .collaboration-wrap {
        min-height: unset;
        width: 50%;
    }
    .team-section.managers-section .description,
    .brand-section .description {
        max-width: 500px;
    }
    .contact-section .footer {
        padding: 60px 40px 34px;
    }
    .brand-section {
        justify-content: center;
    }

    .seo-section .seo-wrap {
        padding-left: 30px;
    }
    .seo-section .seo-header {
        padding: 0 30px;
    }
    .seo-section .seo-item-info {
        padding: 16px 16px;
    }
    .seo-section .seo-item-inner {
        width: calc(((100vw - 60px) / 3) - 25px);
    }
    .seo-section .seo-item-title {
        font-size: 13px;
    }
    .slick-arrow {
        bottom: -65px;
    }
    .seo-section .title {
        font-size: 24px;
    }
    .ppc-section .ppc-header {
        max-width: 350px;
    }



    .hero-section,
    .about-content,
    .hiring-wrap,
    .services-section,
    .about-content.about-hero,
    .about-title .about-content,
    .about-animation .about-content,
    .team-section,
    .team-section.managers-section,
    .cpc-section,
    .faq-section {
        padding-left: 30px;
        padding-right: 30px;
    }
    .team-section .team-title {
        flex-direction: column;
    }
    .team-section .team-title i {
        display: none;
    }
    .team-section .team-info span {
        font-size: 12px;
        line-height: 1;
    }
    .about-content .tab-descriptions .description {
        font-size: 12px;
    }
    .about-content.about-hero .description {
        font-size: 14px;
    }
    .about-hero .about-wrap {
        max-width: 40%;
    }

    .hero-section .hero-subtitle {
        font-size: 14px;
        max-width: 300px;
    }
    .about-section .description {
        max-width: 32vw;
    }
    .hiring-wrap .hiring-item {
        font-size: 14px;
        padding: 20px 16px;
    }
    .services-container .services-description {
        font-size: 13px;
    }
    .services-section .services-description:last-child {
        right: 30px;
    }
    .services-section .services-description:first-child {
        left: 30px;
    }
    .cpc-section .description {
        max-width: 80%;
    }
    .cpc-compare-section .title,
    .cpc-page .ppc-section .title {
        font-size: 24px;
    }
    .faq-section .faq {
        width: 50%;
        max-width: unset;
    }
    .cpc-page .ppc-section .description {
        max-width: 75%;
    }
    .cpc-page .ppc-section .ppc-header {
        max-width: 100%;
        width: 100%;
    }
    .pricing-section .pricing-item .btn {
        width: 90px;
        height: 90px;
        right: 0;
    }
    .pricing-section .pricing-item.popular:before {
        font-size: 12px;
        left: 0;
    }
}

@media screen and (max-width: 991px) {
    .header-wrap {
        padding-top: 16px;
    }
    header .email-wrap a {
        font-size: 11px;
    }
    header .burger-wrap {
        width: 40px;
        height: 40px;
        padding: 0 7.5px;
    }
    header .burger span {
        height: 2px;
    }
    header .burger span:nth-child(1) {
        top: 15px;
    }
    header .burger span:nth-child(2) {
        top: 22px;
    }
    header .burger.active span:nth-child(1),
    header .burger.active span:nth-child(2) {
        top: 20px;
    }
    main .logo {
        top: 12px;
        padding: 13px 17px;
    }
    main .logo img {
        max-width: 136px;
    }
    .footer .footer-col:nth-child(2) {
        padding: 40px 20px;
    }


    .contact-section .contact-details {
        flex-direction: column;
        align-items: baseline;
        gap: 30px;
    }
    .contact-section .contacts {
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    .contact-section .contacts p {
        margin: 0;
    }
    .contact-section .contacts a {
        font-size: 14px;
    }
    .contact-section .btn {
        width: 154px;
        height: 154px;
        font-size: 14px;
        align-self: flex-end;
        margin-right: 20px;
    }
    .contact-section .btn:after {
        width: 154px;
        height: 154px;
    }
    .contact-section .btn:hover:after {
        width: 188px;
        height: 188px;
    }
    .vacancies-section + .contact-section {
        background-color: #F2F2F2;
    }
    .team-section.managers-section {
        padding-left: 0;
        padding-right: 0;
    }
    .team-section.managers-section .team-wrap {
        gap: 15px;
        padding: 25px 30px 0;
        flex-wrap: nowrap;
        justify-content: flex-start;
        position: relative;
        scrollbar-color: #fff #fff;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .team-section.managers-section .team-wrap::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
    }
    .team-section.managers-section .team-item {
        min-width: 30%;
        width: auto!important;
    }
    .vacancies-section .vacancies-filter,
    .team-section .team-filter {
        gap: 10px;
        padding: 0 30px;
        margin-top: 20px;
        flex-wrap: nowrap;
        width: calc(100% + 60px);
        justify-content: flex-start;
        min-height: 60px;
        align-items: flex-start;
    	scrollbar-color: transparent transparent;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .vacancies-section .vacancies-filter::-webkit-scrollbar,
    .team-section .team-filter::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
    }

    .affiliate-section .affiliate-item {
        width: 188px;
        height: 188px;
        font-size: 14px;
    }
    .affiliate-section .affiliate-item:hover {
        width: 212px;
        height: 212px;
        font-size: 18px;
    }
    .affiliate-section .affiliate-item:first-child {
        margin: 0 -11px 0 0;
    }
    .affiliate-section .affiliate-item:nth-child(2) {
        margin: 0 -11px;
    }
    .affiliate-section .affiliate-item:last-child {
        margin: 0 0 0 -11px;
    }
    .seo-section .seo-item-inner {
        width: calc(((100vw - 60px) / 2) - 30px);
    }
    .opus-section {
        background-position: bottom;
    }
    .about-section .about-item {
        width: calc(100% / 4 - 10px);
    }
    .about-content .tab-title {
        gap: 0;
        padding-left: 20px;
    }
    .team-section .team-item {
        width: calc(100% / 4 - 0.8vw)!important;
    }

    .home .contact-section {
        background-image: unset;
        background-color: #F2F2F2;
    }
    .hiring-wrap .hiring-item img {
        width: 40px;
    }

    .cpc-section .btn {
        width: 154px;
        height: 154px;
        font-size: 14px;
    }
    .cpc-section .btn:after {
        width: 188px;
        height: 188px;
    }
    .cpc-section .cpc-item {
        width: 125px;
        height: 80px;
    }
    .cpc-section .cpc-item svg {
        max-width: 70px;
    }
    .cpc-compare-section .cpc-compare-title {
        font-size: 14px;
    }
}

@media screen and (max-width: 767px) {
    .header-wrap {
        padding-right: 8px;
        padding-left: 8px;
    }
    header .email-wrap {
        display: none;
    }
    header .menu {
        height: 100vh;
        border-radius: 0;
        padding: 25px 0 15vh;
        position: fixed;
    }
    header .menu .menu-wrap {
        display: none;
    }
    header .menu .menu-wrap-mob {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
        padding-top: 55px;
    }
    header .menu .menu-wrap-mob .menu-inner {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 35px;
    }
    header .menu .menu-wrap-mob ul {
        flex-direction: column;
        text-align: center;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    header .menu .menu-wrap-mob ul li {
        margin: 0;
        padding: 20px 0;
        height: auto;
        border-bottom: 1px solid #F2F2F2;
        width: 100%;
    }
    header .menu .menu-wrap-mob ul li:first-child {
        border-top: 1px solid #F2F2F2;
    }
    header .menu .menu-wrap-mob ul li a {
        font-size: 15px;
        line-height: 1.5;
        color: #858585;
    }
    header .menu .menu-wrap-mob ul li a.active {
        color: #000000;
    }
    header .menu .menu-wrap-mob .menu-contact a {
        color: #3C3C3C;
        font-weight: 600;
        font-size: 14px;
    }
    header .menu .menu-wrap-mob .menu-social {
        margin-top: 16px;
        display: flex;
        gap: 32px;
        justify-content: center;
    }
    header .menu .menu-wrap-mob .menu-logo {
        max-width: 136px;
    }
    .contact-section .footer {
        padding: 24px 12px;
    }
    .footer-wrap {
        flex-direction: column;
    }
    .footer .footer-col:first-child,
    .footer .footer-col:nth-child(2),
    .footer .footer-col:nth-child(3) {
        width: 100%;
    }
    .footer-col:first-child img {
        max-width: 255px;
        margin: 0 auto;
    }
    .footer .description {
        margin-top: 16px;
        text-align: center;
        font-size: 14px;
    }
    .footer .footer-col:nth-child(2) {
        padding: 35px 20px;
        margin: 32px 0;
        border: unset;
    }
    .footer .footer-menu {
        justify-content: center;
        gap: 49px;
    }
    .footer .footer-col:nth-child(3) {
        flex-direction: row;
        gap: 32px;
    }
    .footer .copyright {
        margin-top: 40px;
        flex-direction: column;
        gap: 6px;
        align-items: center;
    }


    .contact-section {
        padding: 0 0 16px;
    }
    .contact-section .fixed {
        display: none!important;
    }
    .contact-section .contact-details,
    .contact-section .footer-container {
        padding-left: 8px;
        padding-right: 8px;
    }
    .contact-section .contacts {
        flex-direction: column;
        gap: 24px;
    }
    .contact-section .contact-wrap {
        padding-top: 16vh;
        margin-bottom: 8vh;
    }
    .contact-section .title {
        text-align: center;
        font-size: 64px;
        height: 18vh;
    }
    .contact-section .title img {
        left: 0;
        width: 100% !important;
        display: block!important;
    }
    .contact-section .title img:first-child {
        display: none!important;
    }
    .contact-section .contact-details {
        gap: 80px;
    }


    .team-section.managers-section {
        padding: 11.823vh 8px 30px;
        justify-content: flex-start;
    }
    .team-section .title {
        font-size: 24px;
        margin-bottom: 12px;
    }
    .team-section.managers-section .team-wrap {
        gap: 12px;
        padding: 36px 8px 0;
        flex-wrap: nowrap;
        margin: 0 -8px;
        box-sizing: content-box;
        justify-content: flex-start;
    }
    .team-section.managers-section .team-item {
        min-width: 70%;
    }
    .team-section.managers-section .team-info {
        flex-direction: column-reverse;
        align-items: flex-start;
        padding: 0 18px 24px;
        font-size: 12px;
    }
    .team-section.managers-section .team-info span {
        font-size: 14px;
    }
    .team-section .team-info {
        padding: 10px 5px;
    }
    .team-section .team-info .team-teams img {
        margin-bottom: 8px;
    }
    .team-section .team-item .background {
        opacity: 1;
    }

    .team-section .team-item .team-overlay {
        background: linear-gradient(180.1deg, rgba(255, 110, 84, 0) 50%, #731902 99.91%);
    }

    .team-section .team-item .team-info,
    .team-section .team-item .team-title a,
    .team-section .team-item .team-title p {
        color: #fff;
    }

    .team-section .team-item img {
        filter: unset;
        margin: 0 auto;
        bottom: 0;
    }

    .team-section .team-item .background  span {
        display: none;
    }
    .collaboration-section {
        flex-direction: column;
        padding: 80px 8px;
        background-attachment: local;
        background-image: url(/wp-content/themes/traffic-label/assets/img/form-decor-mob.png);
    }
    .collaboration-section .title {
        margin-bottom: 8px;
    }
    .collaboration-section .collaboration-wrap {
        width: 100%;
        text-align: center;
    }
    .collaboration-section .contact-info {
        display: none;
    }
    .collaboration-section .contact-info-mob {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .collaboration-section .form-wrap {
        width: 100%;
        margin: 24px 0 136px;
        padding: 24px 12px 80px;
    }
    .collaboration-section .form-wrap .title {
        font-size: 14px;
    }
    .collaboration-section .form-wrap .description {
        font-size: 12px;
    }
    .collaboration-section input:not(.wpcf7-submit), .collaboration-section textarea {
        font-size: 14px;
        padding: 0 0 20px;
        margin-top: 24px;
    }
    .collaboration-section .form-wrap form p {
        max-width: 100%;
    }
    .collaboration-section .wpcf7-submit {
        height: 154px;
        width: 154px;
        font-size: 14px;
        right: 8px;
        bottom: -100px;
    }
    .collaboration-section .wpcf7-submit:after {
        height: 154px;
        width: 154px;
    }
    .collaboration-section .wpcf7-submit:hover:after {
        width: 188px;
        height: 188px;
    }
    .vacancies-section {
        padding: 100px 8px 250px;
    }
    .vacancies-section .title {
        margin-bottom: 12px;
    }
    .vacancies-section .vacancies-filter,
    .team-section .team-filter {
        gap: 4px;
        padding: 0 8px;
        margin: 20px -8px 0;
        box-sizing: content-box;
        width: 100%;
    }
    .vacancies-section .vacancies-wrap {
        padding-top: 40px;
        gap: 12px;
    }
    .vacancies-section .vacancies-item {
        width: 100%;
        padding: 24px 20px;
    }
    .vacancies-section .vacancies-labels {
        gap: 4px;
        margin-bottom: 100px;
        font-size: 14px;
    }

    .affiliate-section {
        padding: 114px 8px 50px;
    }
    .affiliate-section .title,
    .brand-section .title {
        margin-bottom: 8px;
    }
    .operators-page .affiliate-section .affiliate-wrap {
        margin-top: 50px;
    }
    .affiliate-section .affiliate-text {
        font-size: 32px;
        bottom: 13vh;
    }
    .operator-section {
        padding: 116px 8px 18px;
        flex-direction: column;
        text-align: center;
        justify-content: flex-start;
    }
    .operator-section .btn {
        width: 154px;
        height: 154px;
        font-size: 14px;
        margin: 40px 16px;
    }
    .operator-section .btn::after {
        width: 154px;
        height: 154px;
    }
    .operator-section .btn:hover:after {
        width: 188px;
        height: 188px;
    }
    .operator-section img {
        max-width: 100%;
    }
    .brand-section {
        padding: 100px 8px;
        justify-content: flex-start;
        scroll-padding-top: 100px;
        scroll-snap-stop: always;

    }
    .brand-section .brand-wrap {
        padding-top: 32px;
        gap: 12px;
    }
    .brand-section .brand-item {
        width: calc(100% / 2 - 6px);
        padding: 21px 11px;
    }
    .brand-section .brand-item img,
    .operator-section .partner img {
        max-width: 150px;
        opacity: 1;
        filter: unset;
    }
    .operator-section.vegas {
        flex-direction: column-reverse;
        padding: 84px 8px 12px;
        justify-content: flex-end;
    }
    .operator-section .btn-wrap {
        margin: 34px 0 24px;
        gap: 25px;
        justify-content: center;
    }
    .operator-section .partner {
        padding: 14px 30px;
    }
    .operator-section .btn-wrap .btn {
        align-self: unset;
    }

    .affiliate-section .affiliate-wrap {
        flex-wrap: wrap;
        justify-content: center;
    }
    .affiliate-section .affiliate-item {
        pointer-events: none;
    }
    .affiliate-section .affiliate-item:nth-child(2) {
        margin: 0 0 0 -11px;
    }
    .affiliate-section .affiliate-item:nth-child(3) {
        margin: -40px 0 0 0;
    }
    .seo-section {
        padding: 100px 0 128px;
        background-color: #fff;
    }
    .seo-section .seo-header {
        padding: 0 8px;
        flex-direction: column;
        text-align: center;
    }
    .seo-section .title, .ppc-section .title {
        margin-bottom: 8px;
    }
    .seo-section .description, .ppc-section .description {
        max-width: 100%;
    }
    .seo-section .seo-item {
        margin: 0 8px;
    }
    .seo-section .seo-wrap {
        padding-left: 8px;
        padding-top: 48px;
    }
    .seo-section .seo-item-inner {
        width: calc((100vw - 16px) - 35px);
    }
    .seo-section .seo-item-info {
        background-color: #F2F2F2;
        padding: 10px 16px;
    }
    .seo-section .seo-item-title {
        font-size: 14px;
    }
    .seo-section .seo-item-info img {
        max-width: 64px;
    }
    .seo-section .seo-item .btn {
        width: 110px;
        height: 110px;
        font-size: 12px;
		opacity: 1;
    }
    .slick-arrow {
        border: 1px solid #F2F2F2;
    }
    .affiliate-page .slick-arrow.slick-next,
    .cpc-page .slick-arrow.slick-next {
        right: unset;
        left: calc(50% - 30px);
        transform: scaleX(-1) translateX(-50%);
    }
    .affiliate-page .slick-arrow.slick-prev,
    .cpc-page .slick-arrow.slick-prev {
        left: calc(50% - 38px);
        transform: translateX(-50%);
    }
    .ppc-section {
        padding: 92px 0 45px;
        justify-content: flex-start;
        background-color: #fff;
    }
    .ppc-section .ppc-item {
        display: none;
    }
    .ppc-section .ppc-header {
        max-width: 100%;
        padding: 0 8px;
    }
    .ppc-section .subtitle {
        margin-bottom: 8px;
    }
    .ppc-section .ppc-flags {
        max-width: 100%;
        padding: 20px 20px 32px;
    }
    .ppc-section .ppc-flag {
        font-size: 10px;
    }
    .ppc-section .ppc-sites-mob {
        display: block;
        width: 100%;
    }
    .ppc-section .ppc-sites {
        padding-left: 8px;
    }
    .ppc-section .ppc-sites-inner {
        width: calc(((100vw - 16px) / 2) - 20px);
        margin: 0 4px;
    }
    .ppc-section .ppc-sites-inner img {
        width: 100%;
    }
    .opus-section {
        background-size: 190%;
        padding: 184px 8px 50px;
    }

    .about-page .about-section {
        overflow: hidden;
    }
    .about-content.about-hero {
        padding: 100px 8px 50px;
        flex-direction: column;
        justify-content: flex-start;
    }
    .about-hero .about-wrap {
        max-width: 100%;
    }
    .about-hero .about-wrap .title {
        margin-bottom: 16px;
    }
    .about-content.about-hero .description {
        font-size: 14px;
        line-height: 20px;
    }
    .about-hero .about-wrap + .description {
        width: 100%;
        margin-top: 12px;
    }
    .about-page .about-section:nth-child(2):before,
    .about-page .about-section-background {
        background-image: url(/wp-content/themes/traffic-label/assets/img/about-page-mob.png) !important;
    }
    .about-decor {
        bottom: 0;
        height: auto;
        top: unset;
        width: 100%;
        display: block;
    }
    .about-hero .about-wrap .btn {
        display: none;
    }
    .about-section .btn.btn-mob {
        display: flex;
        align-self: flex-end;
        width: 154px;
        height: 154px;
        font-size: 14px;
        margin: 17px 26px;
    }
    .about-section .btn.btn-mob::after {
        width: 154px;
        height: 154px;
    }
    .about-section .btn.btn-mob:hover:after {
        width: 188px;
        height: 188px;
    }
    .about-title .about-content {
        padding: 134px 8px;
        justify-content: space-between;
        position: unset;
        transform: unset;
    }
    .about-content .title.animated i {
        color: #fff;
        display: inline;
    }
    .about-section .about-numbers {
        flex-direction: column;
        gap: 12px;
    }
    .about-section .about-item {
        width: 100%;
        padding: 12px;
        font-size: 14px;
    }
    .about-section.about-animation {
        height: 100vh;
        padding: 11.33vh 0 50px;
    }

    .about-section.about-animation .about-content {
        width: 100%;
        padding: 0;
    }
    .about-content .tab-titles {
        display: none;
    }
    .about-content .tab-wrap {
        flex-direction: column-reverse;
    }
    .about-content .tab-descriptions {
        width: 100%;
        display: flex;
        gap: 12px;
        scrollbar-color: transparent transparent;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 8px;
    }
    .about-content .tab-descriptions::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
    }
    .about-content .tab-descriptions .description {
        max-width: 100%;
        min-width: 85%;
        font-size: 14px;
        transform: unset!important;
        line-height: 1.4;
        position: unset;
        padding: 32px 16px;
        background: #3131314D;
        border: 1px solid #3C3C3C;
        border-radius: 8px;
        color: #F2F2F2;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        z-index: 1;
        min-height: 280px;
    }
    .about-content .tab-descriptions .description:first-child {
        margin-left: 8px;
    }
    .about-content .tab-img {
        width: 51vh;
        height: 51vh;
        margin-bottom: 0;
        right: -30%;
        bottom: 12%;
        position: relative;
    }
    .about-section .tab-descriptions .title-mob {
        display: block;
        font-family: 'Unbounded';
        font-weight: 500;
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 12px;
        color: #fff;
    }
    .about-section .tab-descriptions .title-mob span {
        display: inline-block;
        margin-right: 12px;
        width: 30px;
    }
    .team-section {
        padding: 9.852vh 8px;
    }
    .team-section .slick-arrow {
        bottom: -50px;
    }
    .team-section .slick-slide > div {
        gap: 7px;
        padding: 0 4px;
    }
    .team-section .team-item {
        margin-bottom: 7px;
    }
    .about-page .team-section .team-item {
        width: calc(100% / 2)!important;
        height: 196px;
        padding-top: 10px;
    }

    .hero-section {
        padding: 22vh 8px 15vh;
    }
    .back::before {
        background-image: url(/wp-content/themes/traffic-label/assets/img/bg-mob.png);
    }
    .hero-section .hero-title {
        padding: 0;
        font-size: 40px;
        margin-bottom: 20px;
    }
    .hero-section .hero-subtitle {
        margin: 0;
        padding: 0;
        max-width: 221px;
    }
    .hero-section .hero-experience {
        max-width: 123px;
        align-self: flex-start;
    }
    .hero-section > div {
        display: flex;
        flex-direction: column;
    }
    .hero-section .btn {
        position: unset;
        transform: unset;
        width: 154px;
        height: 154px;
        font-size: 14px;
        margin: 17px;
        align-self: flex-end;
    }
    .hero-section .btn::after {
        width: 154px;
        height: 154px;
    }
    .hero-section .btn:hover:after {
        width: 188px;
        height: 188px;
    }
    .services-section {
        padding: 14vh 8px;
    }
    .services-container {
        flex-direction: column;
        gap: 0;
    }
    .services-section .title {
        margin-bottom: 8px;
    }
    .services-section .services-wrap {
        min-height: 212px;
    }
    .services-section .services-item {
        width: 188px;
        height: 188px;
        font-size: 13px;
        border-width: 3px;
        transition: .5s;
        z-index: 99;
    }
    .services-section.right .services-item:first-child {
        background-image: url(/wp-content/themes/traffic-label/assets/img/service-1.png);
        background-color: #EB4527;
        width: 212px;
        height: 212px;
        font-size: 18px;
        transition: .5s;
        color: #fff;
        z-index: 9999;
    }
    .services-section.left .services-item:last-child {
        background-image: url(/wp-content/themes/traffic-label/assets/img/service-2.png);
        background-color: #EB4527;
        width: 212px;
        height: 212px;
        font-size: 18px;
        transition: .5s;
        color: #fff;
        z-index: 9999;
    }
    .services-section .services-item .btn {
        display: none;
    }
    .services-section .services-item:first-child {
        margin-right: -35px;
    }
    .services-container .services-description {
        max-width: 100%;
        position: unset;
        display: none;
        margin-top: 32px;
    }
    .services-section.left .services-description:last-child,
    .services-section.right .services-description:first-child {
        opacity: 1;
        display: block;
    }
    .services-section .services-description:first-child {
        order: 1;
    }
    .services-section:before, .services-section:after {
        content: unset!important;
    }
    .services-section .services-link {
        display: block;
        font-family: 'Unbounded';
        font-weight: 600;
        font-size: 14px;
        margin-top: 8px;
        text-decoration: underline;
        color: #EB4527;
    }
    .features-section .features-number {
        margin-bottom: 15px;
        font-size: 12px;
    }
    .features-section .features-item.first {
        left: 8px !important;
        padding: 48px 50px 23px 21px;
        font-size: 14px;
        max-width: 320px;
    }
    .features-section .features-item.second {
        max-width: 280px;
        padding: 39px 21px 20px 18px;
        right: 10px !important;
        font-size: 12px;
    }
    .features-section .features-item.third {
        left: 8px !important;
        padding: 60px 25px 25px 20px;
        font-size: 14px;
        max-width: 320px;
    }
    .about-section-background  {
        opacity: 1!important;
        background-image: url(/wp-content/themes/traffic-label/assets/img/about-bg-mob.png)!important;
    }
    .about-content {
        padding: 10vh 8px 20px;
        justify-content: flex-start;
    }
    .about-section .about-wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    .about-section .description {
        max-width: 100%;
    }
    .home .about-section .about-wrap .title,
    .home .about-section .hiring-wrap .title {
        width: 100%;
        font-size: 24px;
        margin-bottom: 16px;
    }
    .home .about-section .about-wrap .title span,
    .about-section .about-content.about-hero .title span{
        display: block;
    }
    main:not(.about-page) .about-section .about-wrap .title br {
        display: none;
    }
    .about-section .btn {
        position: unset;
        transform: unset;
        width: 154px;
        height: 154px;
        font-size: 14px;
        margin: 17px 17px 38px;
        align-self: flex-end;
    }
    .about-section .btn::after {
        width: 154px;
        height: 154px;
    }
    .about-section .btn:hover:after {
        width: 188px;
        height: 188px;
    }
    .about-section .hiring-wrap {
        padding: 14vh 8px 20px;
        flex-direction: column;
        justify-content: flex-start;
    }
    .about-section .hiring-wrap .subtitle {
        font-size: 14px;
    }
    .about-section .hiring-wrap .description {
        margin-top: 0;
        max-width: 80%;
    }
    .about-section .hiring-wrap > div:last-child {
        margin-top: 0;
    }
    .about-section .hiring-wrap .hiring-item {
        width: 100%;
        margin-bottom: 12px;
    }
    .about-section .hiring-wrap .hiring-item img {
        width: 32px;
    }
    .home .contact-section {
        background-color: #fff;
        z-index: 5;
    }

    #snap-loader {
        position: fixed;
        inset: 0;
        background: white;
        z-index: 99999999;
        pointer-events: all;
        touch-action: none;
        opacity: 1;
        transition: opacity 0.4s ease;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    #snap-loader.fade-out {
        opacity: 0;
        pointer-events: none;
    }
    #lottie {
        opacity: 0;
        max-width: 80%;
    }
    html.no-snap {
        scroll-snap-type: none !important;
    }
    .cpc-section {
        padding: 10.837vh 8px 14vh;
    }
    .cpc-section .cpc-heading,
    .cpc-section .description,
    .cpc-compare-section .description {
        max-width: 100%;
    }
    .cpc-section .title,
    .cpc-compare-section .title {
        margin-top: 0;
        margin-bottom: 8px;
    }
    .cpc-section .btn {
        margin-top: 15px;
        margin-right: 8px;
    }
    .cpc-compare-section {
        padding: 10.345vh 8px 8vh;
    }
    .cpc-compare-section .description {
        margin-bottom: 30px;
    }
    .cpc-compare-section .cpc-compare-table {
        gap: 4px;
    }
    .cpc-compare-section .cpc-compare-item {
        border-radius: 24px;
        padding: 12px;
    }
    .cpc-compare-section .cpc-compare-title {
        margin-bottom: 16px;
    }
    .cpc-compare-section .cpc-compare-title span {
        display: none;
    }
    .cpc-compare-section .cpc-compare-subtitle {
        font-size: 12px;
        padding-left: 0;
        padding-top: 28px;
    }
    .cpc-compare-section .cpc-compare-item p {
        margin-bottom: 12px;
        font-size: 12px;
    }
    .model-section {
        padding: 10vh 8px 6.087vh;
        background-size: 180%;
        background-position: 13% top;
    }
    .model-section .model-heading {
        flex-direction: column;
        margin-bottom: 24px;
    }
    .model-section .title {
        margin-bottom: 16px;
    }
    .model-section .description {
        max-width: 100%;
        font-size: 14px;
        padding: 0 8px;
    }
    .model-section .description span {
        margin-top: 8px;
		width: 100%;
    }
    .model-section .model-wrap {
        gap: 4px;
        width: calc(100% + 8px);
        padding-right: 8px;
        scrollbar-color: transparent transparent;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .model-section .model-wrap::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
    }
    .model-section .model-item {
        min-width: 128px;
        width: 128px;
        padding: 24px 16px;
        font-size: 14px;
    }
    .model-section .model-item .model-title {
        font-size: 14px;
    }
    .model-section .model-wrap + .description span {
        margin-top: 24px;
        font-size: 12px;
    }
    .package-section {
        padding: 10.837vh 8px 13.424vh;
    }
    .package-section .title {
        margin-bottom: 16px;
    }
    .package-section .description {
        max-width: 100%;
        margin-bottom: 36px;
    }
    .package-section .package-wrap {
        gap: 4px;
        width: calc(100% + 16px);
        padding-right: 24px;
        padding-left: 8px;
        scrollbar-color: transparent transparent;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .package-section .package-wrap::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
    }
    .package-section .package-item {
        width: 196px;
        min-width: 196px;
        padding: 30px 24px;
        font-size: 14px;
        max-height: 314px;
    }
    .cpc-section .cpc-item {
        position: unset;
        min-width: 125px;
    }
    .cpc-section .cpc-wrap {
        display: flex;
        flex-direction: column-reverse;
        justify-content: space-between;
    }
    .cpc-section .cpc-logo {
        display: flex;
        gap: 4px;
        width: calc(100% + 8px);
        scrollbar-color: transparent transparent;
        overflow: auto;
        -ms-overflow-style: none;
        scrollbar-width: none;
        padding-right: 8px;
    }
    .about-content .tab-descriptions::-webkit-scrollbar {
        width: 0;
        height: 0;
        background: transparent;
    }
    .pricing-section {
        padding: 9.36vh 8px;
    }
    .pricing-section .title {
        margin-bottom: 8px;
    }
    .pricing-section .pricing-license {
        margin: 12px 0 24px;
    }
    .pricing-section .pricing-license span {
        font-size: 14px;
        line-height: 1.7;
    }
    .pricing-section .pricing-wrap {
        flex-direction: column;
        gap: 56px;
        margin-bottom: 56px;
    }
    .pricing-section .pricing-item {
        width: 100%;
        padding: 20px 15px 47px;
    }
    .pricing-section .pricing-item .pricing-price {
        margin-bottom: 5px;
        font-size: 16px;
    }
    .pricing-section .pricing-item .pricing-price span:first-child {
        font-size: 24px;
    }
    .pricing-section .pricing-item .pricing-price span:nth-child(2) {
        font-size: 20px;
    }
    .pricing-section .pricing-item .pricing-header {
        padding-bottom: 14px;
        margin-bottom: 10px;
    }
    .pricing-section .pricing-item .pricing-body div {
        margin-bottom: 8px;
    }
    .pricing-section .pricing-item .btn {
        width: calc(100% - 40px);
        height: 48px;
        right: 0;
        border-radius: 120px;
        margin: 0 20px;
        bottom: -24px;
        color: #EB4527;
        font-size: 14px;
    }
    .pricing-section .pricing-item .btn br {
        display: none
    }
    .pricing-section .pricing-item.popular:before {
        font-size: 12px;
        left: 50%;
        transform: translateX(-50%);
        top: -15px;
        bottom: unset;
        padding: 4px 23px;
    }
    .pricing-section .pricing-item.popular .btn {
        border: 1px solid #EB4527;
    }
    .pricing-section .pricing-note span {
        flex-direction: column;
        gap: 8px;
    }
    .cpc-page .ppc-section {
        padding: 11.453vh 0;
    }
    .cpc-page .ppc-section .title {
        margin-bottom: 16px;
    }
    .cpc-page .ppc-section .description {
        max-width: 100%;
        line-height: 1.4;
        margin-bottom: 48px;
    }
    .cpc-page .ppc-section .ppc-header {
        padding: 0 8px;
    }
    .cpc-page .ppc-section .ppc-sites-inner {
        width: calc(((100vw - 16px) / 2) - 40px);
        margin: 0 4px;
    }
    .cpc-page .ppc-section .slick-arrow {
        background-color: unset;
        border: 1px solid #3C3C3C;
        border-bottom: unset;
        background-image: url(/wp-content/themes/traffic-label/assets/img/arr-white.svg);
    }
    .faq-section {
        padding: 9vh 8px;
        flex-direction: column;
        justify-content: flex-start;
    }
    .faq-section .title {
        font-size: 38vw;
        margin-bottom: 0;
        margin-left: -8px;
    }
    .faq-section .title:after {
        height: 19vw;
    }
    .faq-section .faq {
        width: 100%;
    }
    .faq-section .faq-item {
        padding: 24px;
        border-radius: 28px;
    }
    .faq-section .faq-item:after {
        right: 24px;
    }
    .faq-section .faq-question {
        padding-right: 40px;
    }
    .faq-section .faq-answer {
        margin-top: 12px;
    }
    .faq-section .faq-description {
        margin-top: -15vw;
        margin-left: 0;
        margin-bottom: 28px;
    }
    .about-page .team-section {
        scroll-snap-type: none!important;
    }
    .about-page .team-wrap {
        scroll-snap-align: none!important;
        touch-action: pan-y!important;
    }
    .about-page .team-item {
        scroll-snap-align: none !important;
        touch-action: pan-y!important;
    }
	.cpc-section .cpc-item:hover svg path:not([fill="white"]), 
	.cpc-section .cpc-item:hover svg rect:not([fill="white"]) {
		fill: #979797;
	}
	.cpc-section .cpc-item:hover {
		background: #DBDBDB1A;
	}
	
/* 	.slick-slider {
  		touch-action: pan-y;
		touch-action: none;
		overscroll-behavior-x: contain;
  		overscroll-behavior-y: none;
	}
	
	.slick-slider,
	.slick-slider * {
	  scroll-snap-align: none !important;
	} */
}

#scroll-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.4s ease;
    z-index: 9999;
}

#scroll-overlay.active {
    opacity: 1;
    pointer-events: auto;
}

.about-section-background {
    position: fixed;
    height: 100vh;
    width: 100%;
    background-color: #000;
    background-image: url(/wp-content/themes/traffic-label/assets/img/bg-2.png);
    background-position: center;
    background-size: cover;
    top: 0;
}

.home .about-section-background {
    z-index: -1;
}

section {
    scroll-snap-stop: always;
}

.brand-section,
.vacancies-section {
    overflow-anchor: none;
    overflow-y: scroll;
}

.brand-section > *,
.vacancies-section > *{
    overflow-anchor: none;
}

.grecaptcha-badge {
    z-index: 9999999;
}