/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 version
*/

/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 10 version
*/

@font-face {
    font-family: "Helvetica";
    src: url('../../fonts/Helvetica/HelveticaNeue-Roman.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica";
    src: url('../../fonts/Helvetica/HelveticaNeue-Medium.woff2') format('woff2');
    font-weight: 550;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Helvetica";
    src: url('../../fonts/Helvetica/HelveticaNeue-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

:root {
    --white: #FFFEFD;
    --orange: #ED6B2D;
    --orange-hover: #DD4B19;
    --red: #B83716;
    --light-orange: #F5B07C;
    --light-orange-bg: #FDEAD7;
    --orange-50: #FEF6EE;
    --orange-100: #FDEAD7;
    --orange-200: #F9D1AF;
    --orange-300: #F5B07C;
    --orange-400: #F08447;
    --orange-600: #DD4B19;
    --orange-700: #B83716;
    --orange-800: #922E1A;
    --orange-900: #762818;
    --text-color: #0F1B24;
    --black: #0F1B24;
    --font-primary: "Helvetica", sans-serif;
    --trans: all .2s ease;
    --color-yellow: #FFD84D;
    --width-container: calc(100% - 30px);
    --white-space-container: calc((100vw - var(--width-container)) / 2);
    --header-height: 72px;
    --block-padding: 80px;
    --error: #F90000;
}

html {
    margin-top: var(--header-height) !important;
    overflow-x: hidden;
}

body {
    background-color: var(--white);
    font-family: var(--font-primary);
    color: #fff;
    font-weight: 400;
    overflow-x: hidden;
}

.container {
    width: var(--width-container);
    margin-left: auto;
    margin-right: auto;
}

.btn {
    width: 100%;
    display: inline-block;
    outline: 1px solid transparent;
    text-decoration: none;
    background: var(--red);
    border-radius: 4px;
    border: none;
    font-size: 15px;
    font-weight: 550;
    line-height: 1;
    font-family: var(--font-primary);
    padding: 18.5px 24px;
    text-transform: uppercase;
    color: #fff;
    cursor: pointer;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
    text-align: center;
}

.btn:hover {
    background: var(--orange-hover);
}

.btn:focus {
    background: var(--red);
}

.btn:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.btn-white {
    background: var(--white);
    color: var(--orange-700);
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    color: var(--text-color);
    background: var(--orange-300);
}

.btn-orange {
    background: var(--orange);
}

.btn-transparent-red {
    background: transparent;
    border: 1px solid var(--orange-700);
    color: var(--orange-700);
}

.btn-transparent-red:hover,
.btn-transparent-red:focus,
.btn-transparent-red:active {
    color: var(--white);
}

.btn-transparent-white {
    background: transparent;
    border: 1px solid var(--white);
    color: var(--white);
}

.btn-transparent-white:hover {
    border: 1px solid var(--orange-hover);
    background: var(--orange-hover);
}

.btn-transparent-white:focus,
.btn-transparent-white:active {
    border: 1px solid var(--red);
    background: var(--red);
}

.text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.title {
    font-size: 28px;
    font-weight: 400;
    line-height: 130%;
    text-transform: capitalize;
}

.title span {
    color: var(--red);
}

.subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 133.333%;
    text-transform: uppercase;
    margin-bottom: 12px;
}

.text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.inp {
    width: 100%;
    color: rgba(0, 0, 0, 1);
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.20);
    padding: 14px 16px;
    outline: none;
}

.inp::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.inp::-moz-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.inp:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.inp::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.inp::placeholder {
    color: rgba(0, 0, 0, 0.50);
}

.inp:focus {
    border: 1px solid rgba(0, 0, 0, 0.40);
}

.inp::-webkit-calendar-picker-indicator {
    opacity: 0;
}

.inp::-webkit-outer-spin-button,
.inp::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -webkit-appearance: none;
    -moz-appearance: textfield;
}

.inp-name {
    margin-bottom: 4px;
    font-size: 14px;
}

.logo {
    text-decoration: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo-text {
    margin-left: 9px;
}

.block-padding {
    padding: var(--block-padding) 0;
}

.block-padding-top {
    padding-top: var(--block-padding);
}

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

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

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

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

.border-top-200 {
    border-top: 1px solid var(--orange-200);
}

.decoration-underline {
    text-decoration: underline !important;
    text-underline-offset: 2px;
}

.text-transform-none {
    text-transform: none;
}


/* Header */
.header {
    padding: 21px 0;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    background-color: var(--white);
    z-index: 10;
    height: var(--header-height);
    border-bottom: 1px solid #F7F8F9;
}

.header-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.mobile-menu {
    display: block;
    position: relative;
    width: 30px;
    height: 24px;
    cursor: pointer;
}

.mobile-menu span {
    position: absolute;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: var(--black);
    border-radius: 1px;
    -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    transition: opacity 0.3s ease, -webkit-transform 0.3s ease;
    -o-transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease;
    transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease;
    top: 50%;
}

.mobile-menu span:nth-child(1) {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
    width: 24px;
}

.mobile-menu span:nth-child(2) {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
}

.mobile-menu span:nth-child(3) {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    width: 16px;
}

.mobile-menu.active span {
    width: 24px;
}

.mobile-menu.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.mobile-menu.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.mobile-menu.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
}

.mobile-menu.active span:nth-child(2) {
    opacity: 0;
}

.mobile-menu.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 50%;
}

.header-content {
    z-index: 99;
    position: fixed;
    top: var(--header-height);
    height: calc(100% - var(--header-height));
    min-height: calc(100% - var(--header-height));
    right: -1000px;
    width: 100%;
    background: var(--white);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 24px 0;
    overflow-y: scroll;
}

.header-content.active {
    right: 0;
}

.header-social {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -35px;
    margin-right: -35px;
}

.header-social .social-item {
    border: 1px solid var(--red);
    margin: 0 34px 32px;
}

.header-menu {
    margin-bottom: 40px;
}

.header-menu {
    list-style-type: none;
}

.header-menu li {
    margin-bottom: 32px;
}

.header-menu li:last-child {
    margin-bottom: 0;
}

.header-menu li a {
    text-decoration: none;
    color: var(--text-color);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
}

.header-social {
    margin-top: 56px;
}

.header-social .social-item svg {
    fill: var(--red);
}

.header-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.header-btn svg {
    margin-right: 12px;
}


/* Head */
.head {
    background-image: url(../../images/agency/dark-landing-head-mobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 82px 0 100px;
    position: relative;
    overflow: hidden;
}

.head .btn {
    max-width: 450px;
}

.head.version_2 {
    padding: 40px 0 80px;
}

.head.version_3 {
    padding: 40px 0 35px;
}

.head .subtext {
    margin-top: 0;
}

.head .subtext span {
    color: var(--red);
}

.head.version_2 .subtext {
    padding: 16px 8px;
    border: 1px solid #ED6B2D;
    border-radius: 25px;
    margin: 0px;
    max-width: 345px;
    font-size: 16px;
}

.head-bonus-text {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    max-width: 305px;
}

.head-bonus-text span {
    color: var(--red);
}

.head-img {
    line-height: 0;
    display: none;
}

.head .container {
    position: relative;
}

.head-btn {
    padding: 27px 24px;
    font-size: 18px;
}

.head-chip-img {
    position: absolute;
    top: -50px;
    right: -7px;
    -webkit-filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));
    max-width: 80px;
    z-index: 0;
}

.pair-chip-img {
    position: absolute;
    bottom: -130px;
    right: -10px;
    -webkit-filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.4));
    opacity: 0.7;
    max-width: 161px;
}

.head-content {
    position: relative;
    z-index: 1;
}

.breadcrumbs {
    padding: 12px 0;
}

.breadcrumbs-back {
    display: block;
    position: relative;
    padding-left: 15px;
}

.breadcrumbs-back::before {
    content: '';
    background-image: url(../../images/agency/breadcrumbs-back.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 7px;
    height: 18px;
    position: absolute;
    top: -1px;
    left: 0;
}

.breadcrumbs-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    color: var(--text-color);
}

.breadcrumbs-list a {
    color: #fff;
    text-decoration: none;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

.breadcrumbs-black .breadcrumbs-list a {
    color: var(--text-color);
}

/* .breadcrumbs-list a:hover {
    color: var(--orange-hover);
} */

.breadcrumbs-list li+li::before {
    content: "/";
    padding: 0 4px 0 8px;
    color: #fff;
}

.breadcrumbs-black .breadcrumbs-list li+li::before {
    color: var(--text-color);
}

.head-title-wrapp {
    position: relative;
    display: inline-block;
}

.head-title {
    font-size: 36px;
    font-weight: 550;
    line-height: 115%;
    margin-bottom: 23px;
    position: relative;
    z-index: 1;
}

.head-title span {
    color: #B83716;
}

.head.version_2 .head-title {
    font-size: 28px;
    line-height: 120%;
    margin-bottom: 0;
}

.head-subtitle {
    margin-bottom: 24px;
    margin-top: 8px;
    font-size: 22px;
    font-weight: 550;
    line-height: 120%;
}

.head.version_3 .head-title {
    font-size: 30px;
    margin-bottom: 0;
}

.subtext {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 16px;
}

.head-note {
    padding-left: 34px;
    font-size: 18px;
    font-weight: 550;
    line-height: 150%;
    margin: 32px 0 40px;
    font-style: italic;
    position: relative;
    color: #fff;
}

.head-note::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../../images/agency/asterisk.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
}

.head.version_2 .head-note {
    margin: 24px 0;
    font-size: 16px;
}

.head.version_3 .head-note1 {
    max-width: 140px;
    font-size: 12px;
    margin: 0;
    margin-left: auto;
}

.head-note2 {
    font-style: normal;
    font-size: 16px;
    margin: 32px 0;
}

.head-note2::before {
    background-image: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M21.6 8.12538H7.2L8.6544 4.42537C8.77601 4.11627 8.83424 3.78514 8.82549 3.45231C8.81674 3.11948 8.74121 2.79199 8.60354 2.48995C8.46587 2.18792 8.26896 1.91772 8.02491 1.69595C7.78087 1.47418 7.49484 1.30554 7.1844 1.20038L6.7764 1.06239C6.54743 0.984907 6.30083 0.979468 6.06878 1.04678C5.83673 1.11409 5.63001 1.25103 5.4756 1.43972L0.2772 7.7859C0.0978706 8.00543 -0.000210308 8.28195 3.38595e-07 8.56742V21.5578C3.38595e-07 22.2055 0.252857 22.8267 0.702944 23.2847C1.15303 23.7427 1.76348 24 2.4 24H11.052C11.6424 23.9998 12.2121 23.7781 12.652 23.3773C13.0919 22.9765 13.3712 22.4248 13.4364 21.8276L14.4 13.0099H21.6C22.2365 13.0099 22.847 12.7526 23.2971 12.2946C23.7471 11.8365 24 11.2154 24 10.5676C24 9.9199 23.7471 9.29871 23.2971 8.84069C22.847 8.38268 22.2365 8.12538 21.6 8.12538Z" fill="%23B83716"/></svg>');
}

.head-audit {
    max-width: 345px;
    position: relative;
    border-radius: 20px;
    border: 1px solid var(--orange-100);
    background: #5A3123;
    height: 173px;
    padding: 28px 10px 22px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 32px 0;
    text-decoration: none;
}

.head-audit__text {
    padding: 4px 11px;
    border-radius: 100px;
    background: #FEF6EE;
    width: 223px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.head-audit__text p {
    color: #B83716;
    font-size: 14px;
    font-weight: 550;
    line-height: 150%;
    text-transform: capitalize;
}

.head-audit__text svg {
    margin-right: 6px;
    max-width: 28px;
    height: auto;
}

.head-audit__img {
    line-height: 0;
    position: absolute;
    bottom: 0;
    left: 5px;
}

.head-audit__img img {
    max-width: 130px;
    z-index: 1;
}

.head-audit-btn {
    width: 160px;
    margin-left: auto;
    display: block;
    padding: 18.5px 8px;
    position: relative;
    z-index: 2;
}

.head3-subtext {
    color: #FFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
    max-width: 340px;
    margin-top: 32px;
}

.head3-subtext a {
    text-underline-offset: 3px;
    color: #DD4B19;
}

/* Team */
.team {
    background-image: url(../../images/agency/team-background-mobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

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

.team-images {
    margin-top: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.team-images__item {
    line-height: 0;
    max-width: calc(50% - 6px);
}

.team-images__item img {
    max-width: 100%;
}

.team-subtitle {
    text-align: center;
    font-size: 20px;
    font-weight: 550;
    line-height: 130%;
    text-transform: capitalize;
    margin: 24px 0 16px;
}

.team-names {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}

.team-names__item {
    color: #fff;
    font-size: 14px;
    font-weight: 550;
    line-height: 150%;
    text-transform: capitalize;
    text-decoration: none;
    position: relative;
    padding-left: 32px;
}

.team-names__item:nth-child(2) {
    width: calc(50% - 24px);
}

.team-names__item:last-child {
    margin-right: 0;
}

.team-names__item::before {
    content: '';
    width: 24px;
    height: 24px;
    background-image: url(../../images/agency/team-linkedin.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: -2px;
    left: 0;
}


/* Points */
.points {
    background-image: url(../../images/agency/resolve-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.points .container {
    position: relative;
}

.points-box {
    margin: 40px 0;
}

.points-item {
    display: block;
    width: 100%;
    padding: 24px 20px;
    border-radius: 30px;
    border: 1px solid var(--orange);
    text-decoration: none;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
    margin-bottom: 24px;
}

.points-item:last-child {
    margin-bottom: 0;
}

.points-item__title {
    color: #FFF;
    font-size: 24px;
    font-weight: 400;
    line-height: 140%;
    text-transform: capitalize;
}

.points-item__title span {
    color: var(--red);
}


/* Our Clients */
.our-partners {
    background-image: url(../../images/agency/dark-clients-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.our-partners-wrapper {
    padding-top: 80px;
    margin-top: 16px;
}

.our-partners-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.our-partners__item {
    width: 115px;
    height: 100px;
    padding: 14px;
    border-radius: 20px;
    background: var(--white);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    margin: 0 6px;
}

.our-partners__item img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}

.scrolling-content {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-animation-name: scroll-left;
    animation-name: scroll-left;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.scrolling-wrapper:hover .scrolling-content {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

.scrolling-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    white-space: nowrap;
}

@-webkit-keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}

@keyframes scroll-left {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%);
    }
}


/* Services2 */
.services2 {
    background-image: url(../../images/agency/dark-digital-services-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.section-content .btn {
    margin-top: 40px;
}

.services2-circle {
    padding-top: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative;
}

.services2-circle__img {
    position: relative;
    z-index: 0;
    top: 0px;
    left: -100px;
    z-index: 0;
    width: 100%;
}

.services2-circle__img img {
    max-width: 550px;
    min-width: 550px;
}

.services2-circle__item {
    display: block;
    text-decoration: none;
    position: absolute;
    width: 140px;
    height: 140px;
    z-index: 1;
}

.services2-circle__item-title {
    padding: 18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--red);
    color: #fff;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 18px;
    font-weight: 550;
    line-height: 120%;
    text-transform: capitalize;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
}

.services2-circle__item:nth-child(2) .services2-circle__item-title,
.services2-circle__item:nth-child(3) .services2-circle__item-title {
    background-color: var(--orange-900);
}

.services2-circle__item-icon {
    position: absolute;
    width: 80px;
    height: 80px;
}

.services2-circle__item-icon img {
    max-width: 100%;
}

.services2-circle__item:nth-child(1) {
    top: calc(40px + 57px);
    left: 0;
}

.services2-circle__item:nth-child(1) .services2-circle__item-icon {
    top: -57px;
    left: 0;
    z-index: 0;
}

.services2-circle__item:nth-child(2) {
    top: 40px;
    right: 0;
}

.services2-circle__item:nth-child(2) .services2-circle__item-icon {
    bottom: -66px;
    right: 0;
    z-index: 0;
}

.services2-circle__item:nth-child(3) {
    bottom: -30px;
    left: 0;
}

.services2-circle__item:nth-child(3) .services2-circle__item-icon {
    left: 37px;
    z-index: 3;
    top: -58px;
}

.services2-circle__item:nth-child(4) {
    bottom: 13px;
    right: 0;
}

.services2-circle__item:nth-child(4) .services2-circle__item-icon {
    bottom: -60px;
    right: 0;
    z-index: 0;
}


/* actionBlock */
.actionBlock-main {
    position: relative;
}

.actionBlock-main-content .title {
    padding-left: 70px;
}

.actionBlock-main__img {
    position: absolute;
    top: 11px;
    left: 0;
}

.actionBlock-main__img img {
    max-width: 50px;
}

.actionBlock-text {
    margin-top: 20px;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
}

.actionBlock-btn {
    margin-top: 32px;
}


/* feedbacks2 */
.feedbacks2 {
    background-color: #0F1B24;
}

.feedbacks2-slider {
    margin-bottom: 40px;
    margin-top: 24px;
    margin-left: -8px;
    margin-right: -8px;
    padding-bottom: calc(24px + 52px);
}

.feedbacks2-slider__item {
    margin: 0 8px;
    padding: 20px;
    border-radius: 32px;
    border: 1px solid var(--orange);
    background: var(--white);
    color: var(--text-color);
}

.feedbacks-trustpilot-link {
    width: 100%;
    text-decoration: none;
    color: #00B67A;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.feedbacks-trustpilot-link p {
    margin: 0 6px 0 10px;
    font-size: 13px;
    font-weight: 550;
    line-height: 150%;
    text-transform: uppercase;
    color: #00B67A;
}

.feedbacks2-item-up {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.feedbacks2-item__img {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 24px;
    line-height: 0;
}

.feedbacks2-item__img img {
    max-width: 100%;
}

.feedbacks2-item__name {
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.feedbacks2-item__position {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 2px;
}

.feedbacks2-item__text {
    font-size: 18px;
    margin: 24px 0;
}

.feedbacks2-item__source-text {
    font-size: 18px;
    font-weight: 550;
    line-height: 150%;
    text-align: right;
}

.slick-arrow {
    font-size: 0;
    background: transparent;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 1px solid var(--orange-700);
    cursor: pointer;
    margin: 0;
    position: absolute;
    bottom: 0px;
}

.slick-arrow::before {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../../images/agency/slider-arrow.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
    left: 0;
}

.slick-prev::before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.feedbacks2-slider .slick-prev {
    left: calc(50% - 12px - 52px);
}

.feedbacks2-slider .slick-next {
    left: auto;
    right: calc(50% - 12px - 52px);
}


/* About */
.about {
    background-image: url(../../images/agency/dark-digital-services-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.about .container {
    position: relative;
}

.about .pair-chip-img {
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    transform: scaleX(-1);
    right: auto;
    left: -30px;
}

.about-main {
    margin-top: 40px;
    border-radius: 40px;
    border: 1px solid var(--orange);
    padding: 32px 20px;
    max-width: 335px;
    margin-left: auto;
    margin-right: auto;
}

.about-item {
    margin-bottom: 28px;
    text-align: center;
}

.about-item:last-child {
    margin-bottom: 0;
}

.about-item__number {
    color: var(--red);
    font-size: 40px;
    font-weight: 700;
    line-height: 100%;
    margin-bottom: 8px;
}

.about-item__text {
    color: var(--white);
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

/* Footer */
.footer {
    padding: 64px 0;
    background-image: url(../../images/agency/dark-footer-mobile.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.footer .container {
    position: relative;
}

.footer .pair-chip-img {
    bottom: auto;
    top: -105px;
    right: -25px;
    -webkit-transform: rotate(13deg);
    -ms-transform: rotate(13deg);
    transform: rotate(13deg);
}

.footer .logo {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.footer-text {
    font-size: 15px;
    font-weight: 400;
    line-height: 140%;
    margin-top: 24px;
}

.social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.footer-social {
    margin: 48px auto;
    max-width: 380px;
}

.social-item {
    width: 40px;
    height: 40px;
    border: 1px solid var(--white);
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

.social-item:hover {
    border: 1px solid var(--red);
}

.social-item svg {
    width: 100% !important;
    height: 100% !important;
}

.social-item svg {
    fill: var(--white);
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

.social-item:hover svg {
    fill: var(--red);
}

.footer-copyright {
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 40px;
}



/* Popup play */
.popup-play,
.popup-guide {
    visibility: hidden;
    opacity: 0;
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 60%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-y: scroll;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.popup-play.active,
.popup-guide.active {
    visibility: visible !important;
    opacity: 1;
}

.popup-play-wrapper,
.popup-guide-wrapper {
    width: 100%;
    min-height: 100%;
    margin-top: auto;
    margin-bottom: auto;
    background: url(../../images/agency/popup-play-background.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 70px;
    -webkit-box-shadow: 0 0 18px 0 rgba(54, 54, 54, 0.09);
    box-shadow: 0 0 18px 0 rgba(54, 54, 54, 0.09);
    color: #fff;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transform: scale(0.9);
    transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
}

.popup-play.active .popup-play-wrapper,
.popup-guide.active .popup-guide-wrapper {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
    transition-delay: 0.2s;
}

.popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
    z-index: 99;
}

.popup-close__icon {
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3.16113 21L20.8388 3.32233" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M3.16113 3L20.8388 20.6777" stroke="%23FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
}

.popup-play.active .popup-close__icon {
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.popup-close:hover .popup-close__icon {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.popup-play-container {
    padding-left: 16px;
    padding-right: 16px;
}

.viewport {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.play-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding: 54px 0 48px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    -webkit-transition: padding 0.5s ease;
    -o-transition: padding 0.5s ease;
    transition: padding 0.5s ease;
}

.play-track.selected {
    padding: 100px 0 115px;
}

.popup_play_space {
    height: 0;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.popup_play_space.active {
    height: 140px;
}

.card {
    /* width: 100px; */
    width: 128px;
    height: 180px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
    padding: 26px 18px;
    border-radius: 6px;
    border: 3px solid #DD4B19;
    background: #0F1B24;
    -webkit-box-shadow: 0 0 8px 0 rgba(237, 107, 45, 0.50) inset, 0 0 40px 0 rgba(240, 132, 71, 0.40), 0 0 20px 0 rgba(237, 107, 45, 0.80);
    box-shadow: 0 0 8px 0 rgba(237, 107, 45, 0.50) inset, 0 0 40px 0 rgba(240, 132, 71, 0.40), 0 0 20px 0 rgba(237, 107, 45, 0.80);
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.play-track.selected .card {
    opacity: 0.4;
}

.card-icon-wrapp {
    min-height: 33px;
    margin-bottom: 10px;
}

.card-icon {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.selected .card-icon {
    scale: 1.15;
}

.card.active .card-icon {
    scale: 1.3;
}

.card[data-key="first_slide"] .card-icon {
    width: 29px;
    height: 29px;
    background-image: url('data:image/svg+xml,<svg width="29" height="29" viewBox="0 0 29 29" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_5207_4617)"><path d="M11.0234 17.4336C11.1637 17.4639 11.3033 17.4984 11.4414 17.54C12.295 17.7975 13.0982 18.2752 13.7539 18.9561L13.7568 18.9541C13.7712 18.9689 13.7846 18.985 13.7988 19C13.8105 19.0124 13.8233 19.0245 13.835 19.0371L13.833 19.0381C13.9956 19.2131 14.1474 19.399 14.2861 19.5957C14.4432 19.3727 14.6169 19.1622 14.8047 18.9668L14.8066 18.9678C15.4645 18.2801 16.2739 17.7992 17.1328 17.54L17.3672 17.4766L22.3877 22.0195C21.9621 22.1102 21.5267 22.1687 21.0859 22.1904L20.7188 22.2002H20.6426C20.0403 22.1944 19.4408 22.1217 18.8574 21.9834C18.7318 21.9558 18.5993 21.961 18.4766 21.998C18.3541 22.0351 18.2448 22.1027 18.1611 22.1934L18.0889 22.2822C18.0244 22.3753 17.9837 22.4817 17.9717 22.5928L17.9658 22.6807C17.9664 22.7681 17.9861 22.855 18.0244 22.9355L20.0146 27.541C20.059 27.6472 20.0756 27.7618 20.0625 27.875L20.0469 27.959C20.0263 28.0418 19.9893 28.1211 19.9385 28.1924L19.8828 28.2598C19.8221 28.3243 19.7482 28.3786 19.666 28.4189L19.582 28.4541C19.4958 28.4845 19.4034 28.5001 19.3105 28.5H9.2627C9.16977 28.5001 9.07751 28.4846 8.99121 28.4541L8.90723 28.4189C8.82517 28.3787 8.75209 28.3242 8.69141 28.2598L8.63477 28.1924C8.58401 28.1211 8.54794 28.0417 8.52734 27.959L8.51172 27.875C8.49858 27.7618 8.51524 27.6472 8.55957 27.541L8.59668 27.4502L9.2627 25.9092L10.5488 22.9355C10.6041 22.8126 10.6208 22.6772 10.5967 22.5459C10.5786 22.4477 10.538 22.3547 10.4785 22.2725L10.4131 22.1934C10.3292 22.1025 10.2194 22.0351 10.0967 21.998C9.97395 21.9611 9.84235 21.9557 9.7168 21.9834C8.87518 22.182 8.00356 22.245 7.14062 22.1699L6.77148 22.1299C6.50888 22.0949 6.24938 22.0454 5.99316 21.9854L11.0234 17.4336ZM10.6641 26.54C10.6821 26.5363 10.7007 26.5342 10.7188 26.5303L10.7178 26.5283C10.7 26.5324 10.6819 26.536 10.6641 26.54ZM15.5801 0.679688C16.6818 0.918072 17.7165 1.38926 18.5996 2.06348L18.6074 2.07031C18.6314 2.09711 18.6593 2.12111 18.6904 2.14062C19.6722 2.90087 20.4389 3.87121 20.9229 4.96777C21.2528 5.69866 21.4375 6.47896 21.4678 7.27051C21.4741 7.30519 21.4759 7.34083 21.4746 7.37598C21.4746 7.65581 21.4599 7.94266 21.4297 8.22949C22.9146 8.35295 24.3252 8.88751 25.4775 9.7627C25.7137 9.93423 25.9365 10.1211 26.1436 10.3223C26.5686 10.725 26.9395 11.1741 27.248 11.6592C27.9742 12.7923 28.3335 14.0946 28.2842 15.4111C28.2145 17.2274 27.3886 18.9484 25.9785 20.2139L25.708 20.4453C25.6713 20.4752 25.633 20.503 25.5957 20.5322L22.0049 17.2822C22.334 17.1459 22.6273 16.9651 22.8682 16.749C23.3851 16.2852 23.6127 15.731 23.6318 15.2324C23.6438 14.8881 23.5525 14.5221 23.3281 14.1719L23.3232 14.165L23.3193 14.1582C23.2197 14.0015 23.0942 13.8469 22.9414 13.7021L22.9199 13.6826L22.8994 13.6621C22.853 13.617 22.8001 13.5721 22.7412 13.5293L22.6611 13.4707C22.2357 13.1476 21.6743 12.9216 21.0439 12.8691L16.2998 12.4756L16.7998 7.74121C16.8088 7.65561 16.8126 7.57157 16.8154 7.49121L16.8145 7.44824C16.8074 7.26446 16.7646 7.0741 16.6787 6.88379L16.6709 6.86523L16.6631 6.84766C16.5032 6.48541 16.2324 6.12524 15.8398 5.82129V5.82031C15.7972 5.7878 15.7547 5.75471 15.7129 5.7207C15.6816 5.69822 15.6488 5.67765 15.6162 5.65625L15.5801 0.679688ZM12.0352 5.71973C11.843 5.85203 11.6752 6.0016 11.5352 6.16113C11.1638 6.58448 11.0027 7.05392 10.998 7.48633C10.9989 7.55346 11.0042 7.62111 11.0137 7.68848L11.6377 12.1396L7.24023 12.9141L7.1582 12.9385L7.04883 12.9639C6.21274 13.1613 5.60007 13.6337 5.2666 14.1533C4.94414 14.6561 4.87428 15.2009 5.01172 15.6992C5.15291 16.211 5.54149 16.7623 6.23047 17.1406C6.28587 17.171 6.34424 17.1972 6.40234 17.2246L2.8418 20.4463C1.80694 19.5999 1.0362 18.5031 0.625 17.2705L0.523438 16.9375C0.0588058 15.253 0.290457 13.4724 1.16406 11.9424L1.34766 11.6396C2.37069 10.0449 4.03716 8.89116 5.97949 8.43262C6.11824 8.39269 6.25961 8.36014 6.40234 8.33496C6.38297 8.19677 6.36849 8.05791 6.3584 7.91895L6.3418 7.50195C6.34273 5.99549 6.86907 4.53208 7.83691 3.32715L8.03711 3.08887C9.0544 1.93018 10.4432 1.10512 11.998 0.728516L12.0352 5.71973Z" fill="url(%23paint0_linear_5207_4617)" /></g><defs><linearGradient id="paint0_linear_5207_4617" x1="14.289" y1="0.679687" x2="14.289" y2="28.5" gradientUnits="userSpaceOnUse"><stop stop-color="%23ED6B2D" /><stop offset="0.495192" stop-color="%23EF9A68" /><stop offset="0.742788" stop-color="%23F0B185" /><stop offset="0.866587" stop-color="%23F1BC93" /><stop offset="0.990385" stop-color="%23F1C8A2" /></linearGradient><clipPath id="clip0_5207_4617"><rect width="28.6512" height="28" fill="white" transform="translate(0.174805 0.5)" /></clipPath></defs></svg>');
}

.card[data-key="second_slide"] .card-icon {
    width: 33px;
    height: 29px;
    background-image: url('data:image/svg+xml,<svg width="33" height="29" viewBox="0 0 33 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.92871 7.6709C4.73437 8.17434 4.62893 8.72387 4.62891 9.30078C4.62892 10.8578 5.30326 12.6317 7.42871 15.1934C9.22435 17.3575 11.7158 19.6904 14.9385 22.5898L14.9785 28.499L14.1445 27.752C5.77889 20.2789 0.255895 15.3336 0.255859 9.30078C0.255892 7.57316 0.736383 5.97863 1.57422 4.63477L4.92871 7.6709ZM31.4229 4.63379C32.2615 5.97805 32.7441 7.57228 32.7441 9.30078C32.7441 15.3336 27.2211 20.2789 18.8555 27.752L18.1016 28.4268L18.0625 22.5879C21.2845 19.689 23.7759 17.3572 25.5713 15.1934C27.6967 12.6317 28.3711 10.8578 28.3711 9.30078C28.3711 8.72297 28.2643 8.17303 28.0693 7.66895L31.4229 4.63379ZM24.0439 0.50293C26.0461 0.551304 27.8669 1.21874 29.3193 2.32422L25.9609 5.36328C25.3315 5.0505 24.6043 4.87306 23.8096 4.87305C22.2812 4.87316 20.7601 5.5968 19.7979 6.70117L16.5 10.4854L13.2021 6.70117C12.2399 5.59681 10.7188 4.87316 9.19043 4.87305C8.39458 4.87306 7.66618 5.05063 7.03613 5.36426L3.67969 2.32715C5.18889 1.17773 7.09519 0.500026 9.19043 0.5C12.0167 0.500114 14.7295 1.796 16.5 3.82812C18.2705 1.796 20.9833 0.500114 23.8096 0.5L24.0439 0.50293Z" fill="url(%23paint0_linear_5207_4605)" /><defs><linearGradient id="paint0_linear_5207_4605" x1="16.5" y1="0.5" x2="16.5" y2="28.499" gradientUnits="userSpaceOnUse"><stop stop-color="%23ED6B2D" /><stop offset="0.495192" stop-color="%23EF9A68" /><stop offset="0.742788" stop-color="%23F0B185" /><stop offset="0.866587" stop-color="%23F1BC93" /><stop offset="0.990385" stop-color="%23F1C8A2" /></linearGradient></defs></svg>');
}

.card[data-key="third_slide"] .card-icon {
    width: 27px;
    height: 29px;
    background-image: url('data:image/svg+xml,<svg width="27" height="29" viewBox="0 0 27 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0879 7.5166C11.3213 8.37586 10.5547 9.23554 9.78809 10.0947C8.43721 11.6087 7.08622 13.1228 5.73535 14.6367C7.83729 16.9924 9.93905 19.3484 12.041 21.7041L12.083 27.876C12.0577 27.8505 12.0309 27.8258 12.0068 27.7988C8.49649 23.8646 4.98595 19.9303 1.47559 15.9961C0.784764 15.2217 0.78481 14.0517 1.47559 13.2773L12.0068 1.47461C12.0192 1.46078 12.0332 1.44802 12.0459 1.43457L12.0879 7.5166ZM15.0547 1.47461C16.8097 3.44156 18.5643 5.40901 20.3193 7.37598C22.0746 9.34311 23.8307 11.3102 25.5859 13.2773C26.2767 14.0517 26.2767 15.2217 25.5859 15.9961C23.8307 17.9632 22.0746 19.9303 20.3193 21.8975C18.5643 23.8644 16.8097 25.8319 15.0547 27.7988C15.0374 27.8182 15.0169 27.8349 14.999 27.8535L14.959 21.7715C15.7303 20.9072 16.5022 20.043 17.2734 19.1787C18.6242 17.6649 19.9744 16.1506 21.3252 14.6367C19.9744 13.1229 18.6242 11.6086 17.2734 10.0947C16.5171 9.2471 15.7602 8.39938 15.0039 7.55176L14.9629 1.38184C14.9937 1.4122 15.0257 1.44214 15.0547 1.47461Z" fill="url(%23paint0_linear_5207_4642)" /><defs><linearGradient id="paint0_linear_5207_4642" x1="13.5309" y1="1.38184" x2="13.5309" y2="27.875" gradientUnits="userSpaceOnUse"><stop stop-color="%23ED6B2D" /><stop offset="0.495192" stop-color="%23EF9A68" /><stop offset="0.742788" stop-color="%23F0B185" /><stop offset="0.866587" stop-color="%23F1BC93" /><stop offset="0.990385" stop-color="%23F1C8A2" /></linearGradient></defs></svg>');
}

.card[data-key="fourth_slide"] .card-icon {
    width: 32px;
    height: 27px;
    background-image: url('data:image/svg+xml,<svg width="32" height="27" viewBox="0 0 32 27" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M4.48926 6.8877C4.30225 7.37168 4.20119 7.90038 4.20117 8.45508C4.20129 9.95071 4.84901 11.6546 6.89062 14.1152C8.61577 16.1944 11.0092 18.4359 14.1055 21.2217L14.1436 26.8975L13.3418 26.1787C5.30589 19.0002 0.00024806 14.2502 0 8.45508C3.10635e-05 6.79502 0.462314 5.26286 1.26758 3.97168L4.48926 6.8877ZM29.9395 3.9707C30.7453 5.26219 31.209 6.79432 31.209 8.45508C31.2087 14.2502 25.9031 19.0002 17.8672 26.1787L17.1445 26.8262L17.1064 21.2188C20.2013 18.4343 22.5938 16.1937 24.3184 14.1152C26.36 11.6546 27.0077 9.95071 27.0078 8.45508C27.0078 7.89948 26.9054 7.37037 26.7178 6.88574L29.9395 3.9707ZM22.8516 0.00292969C24.7749 0.0494218 26.5237 0.691028 27.9189 1.75293L24.6934 4.67188C24.0888 4.37139 23.3903 4.20123 22.627 4.20117C21.1587 4.20117 19.6969 4.89615 18.7725 5.95703L15.6045 9.59277L12.4365 5.95703C11.5121 4.89616 10.0503 4.20117 8.58203 4.20117C7.81784 4.20124 7.11871 4.37176 6.51367 4.67285L3.28906 1.75488C4.73869 0.650985 6.56962 9.58716e-05 8.58203 0C11.2971 0 13.9036 1.24507 15.6045 3.19727C17.3054 1.24506 19.9118 0 22.627 0L22.8516 0.00292969Z" fill="url(%23paint0_linear_1074_4885)" /><defs><linearGradient id="paint0_linear_1074_4885" x1="15.6045" y1="0" x2="15.6045" y2="26.8975" gradientUnits="userSpaceOnUse"><stop stop-color="%23ED6B2D" /><stop offset="0.495192" stop-color="%23EF9A68" /><stop offset="0.742788" stop-color="%23F0B185" /><stop offset="0.866587" stop-color="%23F1BC93" /><stop offset="0.990385" stop-color="%23F1C8A2" /></linearGradient></defs></svg>');
}


.card[data-key="fifth_slide"] .card-icon {
    width: 27px;
    height: 29px;
    background-image: url('data:image/svg+xml,<svg width="27" height="29" viewBox="0 0 27 29" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.0879 7.5166C11.3213 8.37586 10.5547 9.23554 9.78809 10.0947C8.43721 11.6087 7.08622 13.1228 5.73535 14.6367C7.83729 16.9924 9.93905 19.3484 12.041 21.7041L12.083 27.876C12.0577 27.8505 12.0309 27.8258 12.0068 27.7988C8.49649 23.8646 4.98595 19.9303 1.47559 15.9961C0.784764 15.2217 0.78481 14.0517 1.47559 13.2773L12.0068 1.47461C12.0192 1.46078 12.0332 1.44802 12.0459 1.43457L12.0879 7.5166ZM15.0547 1.47461C16.8097 3.44156 18.5643 5.40901 20.3193 7.37598C22.0746 9.34311 23.8307 11.3102 25.5859 13.2773C26.2767 14.0517 26.2767 15.2217 25.5859 15.9961C23.8307 17.9632 22.0746 19.9303 20.3193 21.8975C18.5643 23.8644 16.8097 25.8319 15.0547 27.7988C15.0374 27.8182 15.0169 27.8349 14.999 27.8535L14.959 21.7715C15.7303 20.9072 16.5022 20.043 17.2734 19.1787C18.6242 17.6649 19.9744 16.1506 21.3252 14.6367C19.9744 13.1229 18.6242 11.6086 17.2734 10.0947C16.5171 9.2471 15.7602 8.39938 15.0039 7.55176L14.9629 1.38184C14.9937 1.4122 15.0257 1.44214 15.0547 1.47461Z" fill="url(%23paint0_linear_5207_4642)" /><defs><linearGradient id="paint0_linear_5207_4642" x1="13.5309" y1="1.38184" x2="13.5309" y2="27.875" gradientUnits="userSpaceOnUse"><stop stop-color="%23ED6B2D" /><stop offset="0.495192" stop-color="%23EF9A68" /><stop offset="0.742788" stop-color="%23F0B185" /><stop offset="0.866587" stop-color="%23F1BC93" /><stop offset="0.990385" stop-color="%23F1C8A2" /></linearGradient></defs></svg>');
}


.card[data-key="sixth_slide"] .card-icon {
    width: 32px;
    height: 33px;
    background-image: url('data:image/svg+xml,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.2969 21.1123C12.2875 19.967 14.2907 20.1159 15.8574 21.0088C17.3875 20.1845 19.3155 20.0631 21.2393 21.1348C21.284 21.1597 21.3301 21.1822 21.376 21.2051L26.6201 25.9512C25.4826 26.5039 24.2057 26.8144 22.8564 26.8145L22.5732 26.8105C21.1624 26.7648 19.8388 26.3776 18.6787 25.7314C18.3157 25.5292 17.8986 25.8978 18.041 26.291C18.7131 28.143 19.6584 29.862 20.8291 31.3965C21.2815 31.9895 20.8484 32.8493 20.1074 32.8496H11.4756L11.3408 32.8398C10.6842 32.7434 10.3289 31.9533 10.7529 31.3975C11.9373 29.8455 12.8909 28.1048 13.5645 26.2285C13.7064 25.8329 13.2829 25.4646 12.9209 25.6729C11.6585 26.3991 10.1954 26.8144 8.63477 26.8145L8.41211 26.8115C7.14409 26.7794 5.94456 26.4721 4.86914 25.9492L10.0996 21.2158C10.1664 21.1831 10.2326 21.1493 10.2969 21.1123ZM17.6309 0.0078125C21.8116 2.75306 31.4907 9.98995 31.4912 18.166C31.4912 20.2127 30.7793 22.0922 29.5928 23.5732L25.6738 20.0264C26.0238 19.4932 26.2295 18.8548 26.2295 18.166C26.2292 15.791 24.5199 12.8028 21.3203 9.64844C20.1145 8.45974 18.8458 7.39383 17.6748 6.49219L17.6309 0.0078125ZM13.916 6.41602C12.7176 7.33364 11.4109 8.42596 10.1709 9.64844C6.97126 12.8028 5.262 15.791 5.26172 18.166C5.26172 18.8536 5.46547 19.4918 5.81445 20.0244L1.89453 23.5713C0.709459 22.0907 0 20.2113 0 18.166C0.000463486 9.98218 9.69786 2.7393 13.8721 0L13.916 6.41602Z" fill="url(%23paint0_linear_1073_4879)" /><defs><linearGradient id="paint0_linear_1073_4879" x1="15.7456" y1="0" x2="15.7456" y2="32.8496" gradientUnits="userSpaceOnUse"><stop stop-color="%23ED6B2D" /><stop offset="0.495192" stop-color="%23EF9A68" /><stop offset="0.742788" stop-color="%23F0B185" /><stop offset="0.866587" stop-color="%23F1BC93" /><stop offset="0.990385" stop-color="%23F1C8A2" /></linearGradient></defs></svg>');
}


/* .card svg {
    width: auto;
    height: 28px;
    margin-bottom: 10px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.card.active svg {
    height: 44px;
} */

.card p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    line-height: 130%;
}

.card p span {
    display: block;
    font-size: 28px;
    margin-bottom: 4px;
}

.card.selected {
    -webkit-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
    will-change: transform;
}

.card.active {
    opacity: 1 !important;
    z-index: 1;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3);
    /* box-shadow: 0 0 8px 0 rgba(237, 107, 45, 0.50) inset, 0 0 15px 0 rgba(240, 132, 71, 0.40), 0 0 10px 0 rgba(237, 107, 45, 0.80); */
    -webkit-box-shadow: 0 0 13.333px 0 rgba(237, 107, 45, 0.50) inset, 0 0 66.667px 0 rgba(240, 132, 71, 0.40), 0 0 33.333px 0 rgba(237, 107, 45, 0.80);
    box-shadow: 0 0 13.333px 0 rgba(237, 107, 45, 0.50) inset, 0 0 66.667px 0 rgba(240, 132, 71, 0.40), 0 0 33.333px 0 rgba(237, 107, 45, 0.80);
}

.no-scrollbar {
    scrollbar-width: none
}

.no-scrollbar::-webkit-scrollbar {
    display: none
}

.popup-play__title {
    margin-top: 48px;
    color: #FFF;
    text-align: center;
    font-size: 30px;
    font-weight: 550;
    line-height: 130%;
}

.popup-play__text {
    margin: 24px 0;
    font-size: 24px;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    max-width: 332px;
    margin-left: auto;
    margin-right: auto;
}

.popup-play__exit {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    text-transform: capitalize;
    text-align: center;
    position: absolute;
    bottom: 32px;
    left: 0;
    right: 0;
}

.popup-play__exit span {
    color: #DD4B19;
    cursor: pointer;
}

.promo-code {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 6px;
    position: relative;
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}

.promo-code-inp {
    width: 100%;
    text-align: center;
    padding: 5px;
    height: 64px;
    background: transparent;
    border-radius: 6px;
    border: 2px solid #CECECE;
    outline: none;
    color: #FFF;
    font-family: "Helvetica", sans-serif;
    font-size: 22px;
    font-weight: 400;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    -moz-appearance: textfield;
}

.promo-code-inp.error {
    border: 2px solid #F42D2B;
}

.promo-code-inp::-webkit-outer-spin-button,
.promo-code-inp::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.promo-code-inp::-webkit-input-placeholder {
    color: #ADADAD;
}

.promo-code-inp::-moz-placeholder {
    color: #ADADAD;
}

.promo-code-inp:-ms-input-placeholder {
    color: #ADADAD;
}

.promo-code-inp::-ms-input-placeholder {
    color: #ADADAD;
}

.promo-code-inp::placeholder {
    color: #ADADAD;
}

.promo-code__error {
    color: #F52A2A;
    text-align: center;
    font-size: 16px;
    font-weight: 550;
    line-height: 20px;
    position: absolute;
    bottom: -28px;
    left: 0;
    right: 0;
}

.prize {
    padding-bottom: 24px;
    margin-top: -56px;
    position: relative;
}

.prize-background {
    position: absolute;
    top: -28px;
    left: 6px;
    z-index: 0;
    display: none;
}

.prize-content {
    position: relative;
    z-index: 1;
}

.prize-title-small {
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    line-height: 130%;
    margin-bottom: 4px;
}

.prize-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 130%;
}

.prize-block {
    border-radius: 40px;
    border: 1px solid var(--orange);
    background: rgba(255, 254, 253, 0.03);
    padding: 24px 20px;
    margin: 24px 0;
}

.prize-block__title {
    font-size: 20px;
    font-weight: 700;
    line-height: 120%;
    margin-bottom: 12px;
}

.prize-block__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
}

.popup-play .btn,
.popup-guide .btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
    height: 52px;
}

.popup-guide .btn {
    padding-left: 10px;
    padding-right: 10px;
}

.popup-play .btn svg,
.popup-guide .btn svg {
    margin-left: 8px;
}

.popup-guide-main {
    position: relative;
    padding: 70px 16px 20px;
    z-index: 2;
}

.popup-guide-main__title {
    font-size: 30px;
    font-weight: 550;
    line-height: 130%;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.popup-guide .popup-form {
    padding: 0;
    margin: 0 0 32px;
}

.popup-guide .popup-form .btn {
    margin-top: 32px;
}

.popup-guide .popup-form .inp-item {
    margin-top: 16px;
}

.popup-guide__text {
    font-size: 18px;
    font-weight: 500;
    line-height: 150%;
}

.popup-guide__text span {
    color: #868C91;
}

.popup-guide__nospam {
    color: #868C91;
    font-size: 14px;
    font-weight: 550;
    line-height: 150%;
    text-transform: uppercase;
}

.popup-guide-background {
    width: 345px;
    position: absolute;
    top: -20px;
    left: 22px;
    z-index: 0;
}

.popup-guide-success {
    padding: 124px 20px 150px;
    position: relative;
    z-index: 2;
}

.popup-guide-success .btn {
    margin-top: 40px;
}

.popup-guide-success__title {
    font-size: 28px;
    font-weight: 550;
    line-height: 130%;
    text-transform: capitalize;
}

.popup-guide-success__bigtitle {
    font-size: 36px;
    font-weight: 550;
    line-height: 130%;
    text-transform: capitalize;
    color: #DD4B19;
    margin-top: 8px;
}

.popup-play-form {
    padding-bottom: 24px;
    padding-top: 64px;
}

.popup-play-form__title {
    font-size: 24px;
    font-weight: 550;
    line-height: 130%;
    text-transform: capitalize;
    margin-bottom: 8px;
    font-size: 22px;
}

.inp-item {
    margin-top: 16px;
    width: 100%;
    position: relative;
}

.error-hint {
    position: absolute;
    bottom: -18px;
    left: 0;
    color: #F52A2A;
    font-size: 12px;
    line-height: 150%;
    border: none !important;
}

.label {
    font-size: 14px;
    font-weight: 400;
    line-height: 150%;
    margin-bottom: 4px;
}

.popup-play-form .inp {
    background: transparent;
    border-radius: 2px;
    border: 1px solid #CECECE;
    color: #fff;
}

.popup-play-form .inp::-webkit-input-placeholder {
    color: #ADADAD;
}

.popup-play-form .inp::-moz-placeholder {
    color: #ADADAD;
}

.popup-play-form .inp:-ms-input-placeholder {
    color: #ADADAD;
}

.popup-play-form .inp::-ms-input-placeholder {
    color: #ADADAD;
}

.popup-play-form .inp::placeholder {
    color: #ADADAD;
}

.checkbox-permission {
    padding-left: 40px;
    margin: 24px 0;
    position: relative;
}

.checkbox-permission label {
    color: #FFF;
    font-size: 14px;
    font-weight: 400;
    line-height: 140%;
    position: relative;
    cursor: pointer;
    display: block;
}

.checkbox-permission label::before {
    content: '';
    width: 24px;
    height: 24px;
    border: 1px solid #CECECE;
    border-radius: 2px;
    position: absolute;
    top: 1px;
    left: -40px;
    cursor: pointer;
}

.checkbox-permission label::after {
    display: none;
    content: '';
    width: 14px;
    height: 11px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 21 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 5.5L8 12.5L19.5 1" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 8px;
    left: -35px;
}

.checkbox-permission input:checked+label::before {
    border: 1px solid #fff;
}

.checkbox-permission input:checked+label::after {
    display: block;
}

.checkbox-permission input[type="checkbox"] {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.checkbox-permission label a {
    color: #fff;
    text-decoration: none;
}

.checkbox-permission input.error-text+label {
    border: none !important;
}

.checkbox-permission input.error-text+label::before {
    border: 1px solid #F52A2A;
}

.popup-play-success {
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
}

.popup-play-success-content {
    position: relative;
    z-index: 1;
}

.success-gifts-background {
    position: absolute;
    top: -50px;
    left: 0;
    z-index: 0;
}

.popup-play-success__title {
    font-size: 46px;
    font-weight: 550;
    line-height: 150%;
    text-transform: capitalize;
}

.popup-play-success__subtitle {
    width: 100%;
    padding: 16px;
    border-radius: 24px;
    background: #FFF;
    font-size: 20px;
    font-weight: 550;
    line-height: 140%;
    margin: 24px 0 24px;
    color: var(--text-color);
    text-align: left;
    position: relative;
}

.popup-guide-success .popup-play-success__subtitle {
    margin: 38px 0 24px;
    font-size: 18px;
}

.popup-play-success__line {
    position: absolute;
    top: -39px;
    right: 0px;
}

.popup-play-success__subtitle span {
    color: #B83716;
    font-weight: 700;
}

.popup-play-success__text {
    font-size: 14px;
    font-weight: 550;
    line-height: 150%;
    text-align: left;
}

.popup-play-success__text a {
    color: #fff;
}

.popup-play-success-content .btn {
    margin-top: 32px;
    height: 52px;
}


#loader {
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#loader.active {
    visibility: visible;
}

.loading {
    width: 50px;
    padding: 8px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: var(--orange);
    --_m:
        conic-gradient(#0000 10%, #000),
        linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    -webkit-animation: l3 1s infinite linear;
    animation: l3 1s infinite linear;
}

@-webkit-keyframes l3 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes l3 {
    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.popup-play-chip1 {
    position: absolute;
    bottom: 0;
    left: 0;
    max-width: 100px;
}

.popup-play-chip2 {
    position: absolute;
    bottom: 0;
    right: 0;
    max-width: 110px;
}

.promo-code-inp.shake {
    -webkit-animation: shake 0.3s;
    animation: shake 0.3s;
}

@-webkit-keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20%,
    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    40%,
    80% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}

@keyframes shake {

    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    20%,
    60% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }

    40%,
    80% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px);
    }
}


/* Contacts */
.contacts {
    padding: 48px 0;
    color: var(--text-color);
}

.contacts-title {
    font-weight: 400;
    margin-bottom: 16px;
}

.contacts-gift {
    margin: 32px 0;
    border-radius: 4px;
    border: 1px solid var(--orange);
    background: #EFC1A8;
    padding: 23px 24px;
    position: relative;
}

.contacts-gift p {
    max-width: 209px;
    color: var(--orange-900);
    font-size: 14px;
    font-weight: 550;
    line-height: 140%;
    position: relative;
    z-index: 1;
}

.contacts-gift__img1 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    display: none;
}

.contacts-gift__img2 {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
}

.contacts-content {
    position: relative;
    width: 100%;
    max-width: 485px;
}

/* .contacts-content .text {
    max-width: 344px;
    margin-top: 24px;
} */

.contacts-content .text span,
.contacts-content .text a {
    color: var(--text-color);
    text-decoration: none;
}

.contacts-top-line {
    position: absolute;
    top: -6px;
    left: 130px;
    z-index: -1;
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
}

.contacts-form {
    position: relative;
}

.contacts-form__item {
    position: relative;
    width: 100%;
    margin-top: 12px;
}

.contacts-form__lastitem {
    margin-top: 12px;
}

.contacts-form__lastitem,
.inp-item {
    position: relative;
}

.contacts-form__title {
    margin-bottom: 16px;
}

.contacts .checkbox-permission label {
    color: rgba(15, 27, 36, 0.50);
}

.contacts .checkbox-permission label a {
    color: var(--text-color);
}

.contacts .checkbox-permission input:checked+label::before {
    border: 1px solid var(--orange);
}

.contacts .checkbox-permission label::after {
    background: url(../../images/agency/check-mark-primary.svg);
}

.contacts .checkbox-permission {
    margin: 32px 0 40px;
}

.contacts-form textarea {
    resize: none;
    width: 100%;
    height: 203px;
    min-height: 50px;
}

.contacts-form-services {
    margin: 32px 0;
}

.contacts-form-services__list {
    margin-top: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    border: 1px solid transparent;
}

.contacts-form-services__list input {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}

.contacts-form-services__list label {
    display: inline-block;
    color: var(--text-color);
    font-size: 15px;
    font-weight: 400;
    line-height: 150%;
    border-radius: 36px;
    border: 1px solid var(--orange);
    cursor: pointer;
    text-align: left;
    margin-top: 8px;
    padding: 8px 16px;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

.contacts-form-services__list input:checked+label {
    border: 1px solid var(--orange-hover);
    background: var(--orange-hover);
    color: #fff;
    padding-right: 46px;
    position: relative;
}

.contacts-form-services__list label::before {
    content: '';
    width: 15px;
    height: 10px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 15 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 3.85714L6.14286 9L14.1429 1" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 0;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

.contacts-form-services__list input:checked+label::before {
    opacity: 1;
}



.contact-thanks__title {
    font-size: 24px;
    font-weight: 550;
    line-height: 133%;
}

.contact-thanks__text {
    margin-top: 16px;
    font-size: 14px;
}

.contact-thanks__text a {
    text-decoration: none;
    color: var(--text-color);
    font-weight: 700;
    white-space: nowrap;
}

.contact-thanks .btn {
    margin-top: 32px;
}

.contact-thanks__line {
    width: 100%;
    border-bottom: 1px solid var(--orange-200);
    margin: 32px 0px 40px;
}

.contact-thanks-info__text {
    color: var(--text-color);
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 24px;
}

.contact-thanks-info__item {
    margin-bottom: 16px;
}

.contact-thanks-info__item:last-child {
    margin-bottom: 0;
}

.contact-thanks-info__item a {
    color: var(--text-color);
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    line-height: 160%;
    font-weight: 550;
    font-size: 15px;
    text-underline-offset: 3px;
    -webkit-transition: var(--trans);
    -o-transition: var(--trans);
    transition: var(--trans);
}

/* .contact-thanks-info__item a:hover {
    color: var(--orange-hover);
} */

.contact-thanks-social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 8px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: auto;
    margin-right: auto;
    max-width: 260px;
}

.contact-thanks-social .social-item {
    border: 1px solid var(--red);
    margin-top: 32px;
    margin-right: 70px;
}

.contact-thanks-social .social-item:nth-child(3n) {
    margin-right: 0;
}

.contact-thanks-social .social-item svg {
    fill: var(--red);
}


.grab-reward {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9999999999;
    opacity: 0;
    visibility: hidden;
    border-radius: 0;
    transform: translateY(100%);
    transition: all 500ms ease-out;
    border-radius: 8px 8px 0 0;
    border: 1px solid #ED6B2D;
    background: var(--Black, #0F1B24);
    box-shadow: 0 0 18px 0 rgba(54, 54, 54, 0.09);
}

.grab-reward.show {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.grab-reward-content {
    padding: 4px 0px 4px 20px;
    margin-right: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.grab-reward-content.second-style {
    padding: 14px 0px 14px 20px;
}

.grab-reward p {
    color: #fff;
    font-size: 12px;
    font-weight: 550;
    line-height: 150%;
    max-width: 244px;
    margin-left: 12px;
}

.grab-reward-content.second-style p {
    max-width: 264px;
}

.grab-reward img {
    max-width: 56px;
}

.grab-reward-content.second-style img {
    max-width: 24px;
}

.reward-close {
    position: absolute;
    top: 20px;
    right: 12px;
    width: 16px;
    height: 16px;
    background-image: url('data:image/svg+xml,<svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M2.10742 14L13.8925 2.21489" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.10742 2L13.8925 13.7851" stroke="white" stroke-width="1.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
}

@media screen and (min-width: 359px) {

    .popup-guide-success {
        padding: 124px 16px 150px;
    }

    .popup-guide-success__title {
        font-size: 30px;
    }

    .popup-guide-success__bigtitle {
        font-size: 42px;
    }

    .popup-guide-success .popup-play-success__subtitle {
        margin: 24px 0 24px;
        font-size: 20px;
    }

    .popup-guide-main__title {
        font-size: 32px;
    }

    .popup-guide-main {
        padding: 96px 20px 84px;
    }

    .popup-guide__text {
        font-size: 20px;
    }

    .popup-guide-background {
        top: 0px;
    }

    .popup-guide .popup-form .inp-item {
        margin-top: 24px;
    }

    .popup-guide__nospam {
        font-size: 15px;
    }

    .head.version_2 {
        padding: 80px 0;
    }

    .head-title {
        font-size: 42px;
    }

    .success-gifts-background {
        top: 36px;
    }

    .popup-play-success {
        padding-top: 124px;
        padding-bottom: 130px;
    }

    .popup-play-success__subtitle {
        margin: 32px 0;
    }

    .head.version_3 .head-title {
        font-size: 32px;
    }

    .team-names {
        justify-content: space-between;
        max-width: 335px;
    }

    .team-images,
    .team-names {
        max-width: 346px;
        margin-left: auto;
        margin-right: auto;
    }

    .team-images__item img {
        max-width: 166px;
    }

    .team-names__item {
        width: calc(50% - 6px);
    }

    .header-social {
        max-width: 340px;
        margin-left: auto;
        margin-right: auto;
    }

    .subtext {
        font-size: 20px;
    }

    .points-item {
        padding: 28px 24px;
        border-radius: 40px;
    }

    .services2-circle__item {
        width: 160px;
        height: 160px;
    }

    .services2-circle__item-title {
        font-size: 20px;
    }

    .services2-circle__item-icon {
        width: 86px;
        height: 86px;
    }

    .about-main {
        padding: 32px 30px;
    }

    .feedbacks2-item__text {
        font-size: 20px;
        margin: 32px 0 24px;
    }

    .feedbacks2-slider__item {
        padding: 24px;
    }

    .feedbacks-trustpilot-link {
        width: 330px;
    }

    .feedbacks-trustpilot-link p {
        font-size: 15px;
        margin: 0 8px 0 16px;
    }

    .head-chip-img {
        max-width: 88px;
    }

    .footer .pair-chip-img {
        top: -96px;
    }

    .contacts-gift {
        max-width: 335px;
    }

    .contacts-gift p {
        margin-left: auto;
    }

    .contacts-gift__img1 {
        display: block;
    }

    .head.version_2 .subtext {
        padding: 16px 20px;
        border-radius: 40px;
    }

    .head.version_2 .head-note {
        margin: 24px 0 40px;
    }

    .head.version_2 .head-title {
        font-size: 30px;
    }

    .head-audit {
        border-radius: 40px;
    }

    .head-audit__img {
        left: 24px;
    }

    .head-audit__img img {
        max-width: 156px;
    }

    .head.version_3 .head-note1 {
        margin-right: 17px;
    }
}


@media screen and (min-width: 410px) {
    :root {
        --width-container: 380px;
    }

    .popup-guide-wrapper {
        min-height: auto;
    }

    .head.version_2 {
        padding: 10px 0 80px;
    }

    .head2-wrapper {
        display: flex;
        flex-direction: column-reverse;
    }

    .head.version_2 .head-img {
        display: block !important;
        text-align: center;
        margin-bottom: 8px;
    }

    .head.version_2 .head-img img {
        max-width: 260px;
    }

    .popup-play-wrapper {
        width: 390px;
        min-height: 670px;
        border-radius: 8px;
    }

    .popup-guide-wrapper {
        border-radius: 8px;
        width: 390px;
    }

    .popup-close__icon {
        top: 24px;
        right: 24px;
    }

    .popup-play__title {
        font-size: 35px;
    }

    .popup-play__text {
        margin: 40px auto 24px;
    }

    .popup-play-container {
        padding-left: 20px;
        padding-right: 20px;
    }

    .promo-code {
        gap: 8px;
    }

    .promo-code-inp {
        padding: 12px;
        font-size: 24px;
    }

    .popup-play-chip1 {
        max-width: 118px;
    }

    .popup-play-chip2 {
        max-width: 124px;
    }

    .popup-play-form__title {
        font-size: 24px;
    }


    .popup_play_space.active {
        height: 220px;
    }

    .our-partners__item {
        width: 150px;
        height: 120px;
    }

    .head-audit {
        padding: 28px 30px 22px;
        max-width: 400px;
    }

    .popup_play_space.active {
        height: 180px;
    }

    .grab-reward p,
    .grab-reward-content.second-style p {
        max-width: 100%;
    }
}


@media screen and (min-width: 575px) {
    :root {
        --width-container: 540px;
    }

    .our-partners__item {
        padding: 30px;
    }

    .points-box {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 20px;
    }

    .points-item {
        width: calc(50% - 10px);
        margin: 0;
    }

    .points-item:last-child {
        margin: 0;
    }

    .services2-circle__img {
        left: 0;
        text-align: center;
    }

    .services2-circle__img img {
        max-width: 100%;
    }

    .actionBlock-main__img {
        position: static;
    }

    .actionBlock-main-content {
        margin-left: 20px;
    }

    .actionBlock-main-content .title {
        padding-left: 0;
    }

    .actionBlock-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .actionBlock-main__img img {
        max-width: 64px;
        min-width: 64px;
    }

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

    .actionBlock-text {
        margin-top: 0;
    }

    .our-partners__item {
        width: 200px;
        height: 170px;
    }

    .contacts-form-row {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .contacts-form__item {
        width: calc(50% - 8px);
    }

    .contact-thanks-social {
        max-width: 440px;
        margin-left: 0;
    }

    .contact-thanks-social .social-item {
        margin: 0;
    }

    .contact-thanks-social {
        margin-top: 40px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .contact-thanks-info-items {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        max-width: 520px;
    }

    .contact-thanks-info__item {
        width: 48%;
    }
}

@media screen and (min-width: 767px) {
    :root {
        --width-container: 720px;
        --block-padding: 100px;
    }

    .popup-guide-success {
        padding: 200px 32px 120px;
    }

    .popup-guide-success__title {
        font-size: 40px;
    }

    .popup-guide-success__bigtitle {
        font-size: 46px;
    }

    .popup-guide-success .popup-play-success__subtitle {
        font-size: 24px;
        padding-right: 110px;
    }

    .popup-guide-success .popup-play-success__line {
        right: -10px;
        width: 203px;
        top: -48px;
    }

    .head-subtitle {
        margin: 8px 0 64px;
        font-size: 48px;
    }

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

    .header-content {
        padding: 48px 0;
    }

    .header-btn {
        max-width: 220px;
        margin-left: auto;
        margin-right: auto;
    }

    .header-social {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 72px;
    }

    .btn {
        width: auto;
    }

    .title {
        font-size: 32px;
        line-height: 120%;
    }

    .head-btn {
        padding: 27px 90px;
    }

    .head {
        padding: 143px 0 116px;
        background-image: url(../../images/agency/dark-landing-head-tablet.jpg);
    }

    .head-title {
        font-size: 64px;
        margin-bottom: 0;
    }

    .head .subtext {
        margin: 64px 0;
        font-size: 24px;
    }

    .head .subtext,
    .head-note {
        max-width: 325px;
        max-width: 325px;
    }

    .head .pair-chip-img {
        display: none;
    }

    .head-chip-img {
        top: -50px;
        right: 25px;
    }

    .head-img {
        display: block !important;
        position: absolute;
        bottom: 60px;
        right: 0;
        z-index: 0;
    }

    .head-img img,
    .head.version_2 .head-img img {
        max-width: 370px;
    }

    .team-images__item img {
        max-width: 280px;
    }

    .team-images {
        max-width: 600px;
        margin-top: 58px;
    }

    .team-subtitle {
        font-size: 24px;
        line-height: 120%;
        margin: 40px 0;
    }

    .team {
        background-image: url(../../images/agency/team-background-tablet.jpg);
    }

    .subtext {
        font-size: 24px;
    }

    .subtitle {
        font-size: 15px;
    }

    .points-box {
        margin: 48px 0 40px;
    }

    .points-item {
        padding: 24px 20px;
    }

    .points {
        background-image: url(../../images/agency/resolve-background-tablet.jpg);
    }

    .services2-circle__item:nth-child(2),
    .services2-circle__item:nth-child(4) {
        right: 80px;
    }

    .services2-circle__item:nth-child(1) {
        left: 90px;
        top: 50px;
    }

    .services2-circle__item:nth-child(2) {
        top: 65px;
    }

    .services2-circle__item:nth-child(3),
    .services2-circle__item:nth-child(4) {
        bottom: 50px;
    }

    .services2-circle__img img {
        max-width: 90%;
    }

    .services2-circle__item-icon {
        width: 104px;
        height: 104px;
    }

    .services2-circle__item:nth-child(1) .services2-circle__item-icon {
        top: 0;
        left: -80px;
    }

    .services2-circle__item:nth-child(2) .services2-circle__item-icon {
        bottom: auto;
        top: -60px;
        right: -50px;
    }

    .services2-circle__item:nth-child(3) .services2-circle__item-icon {
        left: auto;
        right: -84px;
        top: 26px;
    }

    .services2-circle__item:nth-child(4) .services2-circle__item-icon {
        right: -79px;
        bottom: 11px;
    }

    .services2-circle {
        padding-top: 0;
        margin-top: 100px;
    }

    .services2 {
        background-image: url(../../images/agency/dark-digital-services-tablet.jpg);
    }

    .about-main {
        margin-top: 48px;
        max-width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 40px;
        padding: 24px 20px;
    }

    .about-item {
        width: calc(33.33% - 40px * 2 / 3);
    }

    .about-item__number {
        font-size: 48px;
        margin-bottom: 16px;
    }

    .about {
        background-image: url(../../images/agency/dark-about-tablet.jpg);
    }

    .our-partners {
        background-image: url(../../images/agency/dark-clients-tablet.jpg);
    }

    .our-partners__item {
        width: 290px;
        height: 256px;
        padding: 45px;
        border-radius: 32px;
    }

    .footer {
        background-image: url(../../images/agency/dark-footer-tablet.jpg);
    }

    .feedbacks2-slider {
        margin-top: 32px;
    }

    .contacts {
        padding: 64px 0;
    }

    .contacts-gift {
        padding: 42px 37px;
        max-width: 430px;
    }

    .contacts-gift p {
        font-size: 16px;
    }

    .contacts-gift p {
        max-width: 255px;
    }

    .contacts-gift__img1 {
        width: 130px;
        top: 10px;
    }

    .contacts-gift__img2 {
        width: 170px;
        top: 5px;
    }

    .contacts-form__submit {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-top: 22px;
    }

    .contacts .checkbox-permission {
        max-width: 480px;
        margin: 0;
    }

    .contact-thanks__title {
        font-size: 50px;
        line-height: 128%;
        font-weight: 400;
        margin-bottom: 40px;
        max-width: 640px;
    }

    .contact-thanks__text {
        margin-top: 24px;
        font-size: 16px;
    }

    .contact-thanks .btn {
        margin-top: 40px;
    }

    .contact-thanks__line {
        margin: 40px 0 60px;
    }

    .head.version_2 {
        padding: 90px 0 97px;
    }

    .head.version_2 .head-title {
        font-size: 64px;
    }

    .head.version_2 .subtext {
        font-size: 20px;
        padding: 24px;
    }

    .head-bonus-text {
        font-size: 20px;
    }

    .head.version_2 .head-note {
        margin: 64px 0;
        font-size: 18px;
    }

    .head.version_2 .head-img {
        bottom: 70px;
        right: 0px;
    }

    .head.version_3 {
        padding: 114px 0 61px;
    }

    /* .head.version_3 .head-note {
        width: 310px;
        margin: 48px auto;
    } */

    .head.version_3 .head-title {
        font-size: 64px;
    }

    .head3-subtext {
        margin-left: auto;
        margin-right: auto;
        margin-top: 48px;
        max-width: 380px;
        text-align: center;
    }

    .head-audit {
        max-width: 530px;
        height: 280px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 60px;
        padding: 46px 24px 48px;
    }

    .head-audit__img {
        left: 38px;
    }

    .head-audit__img img {
        max-width: 252px;
    }

    .head-audit__text {
        width: 344px;
    }

    .head-audit__text p {
        font-size: 22px;
    }

    .head-audit__text svg {
        max-width: 44px;
    }

    .head-audit-btn {
        padding: 18.5px 24px;
    }

    .popup-play-wrapper {
        width: 520px;
        min-height: 632px;
    }

    .popup-guide-wrapper {
        width: 520px;
    }

    .popup-guide-main {
        padding: 156px 32px 100px;
    }

    .popup-guide__text {
        font-size: 24px;
    }

    .popup-guide-main__title {
        font-size: 46px;
    }

    .popup-guide .popup-form {
        margin-bottom: 40px;
    }

    .popup-guide .popup-form .btn {
        margin-top: 40px;
    }

    .popup-play__title {
        font-size: 40px;
    }

    .promo-code {
        gap: 12px;
    }

    .popup_play_space.active {
        height: 160px;
    }

    .prize-title {
        font-size: 32px;
    }

    .prize-block {
        padding: 24px 20px;
        margin: 24px 0;
    }

    .popup-play-form__title {
        font-size: 32px;
    }

    .popup-play-success__text {
        font-size: 16px;
    }

    .popup-play-success-content {
        padding: 0 12px;
    }

    .success-gifts-background {
        left: 65px;
    }

    .popup-play-success__line {
        right: 60px;
    }

    .popup-play-success__subtitle {
        padding: 20px;
        font-size: 22px;
    }

    .popup-guide-background {
        width: 407px;
        top: 23px;
        left: 57px;
    }

    .head3-box {
        margin: 48px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 20px;
        max-width: 750px;
        margin-left: auto;
        margin-right: auto;
    }

    .head3-box-notes {
        width: 352px;
    }

    .head.version_3 .head-note1 {
        font-size: 20px;
        margin-right: 0px;
        max-width: 230px;
    }

    .head-note2 {
        width: 360px;
        max-width: 360px;
        margin: 48px auto 32px;
    }

    /* .head.version_3 .head-note {
        width: 100%;
        max-width: 100%;
        margin: 0;
        margin-bottom: 20px;
        font-size: 20px;
    } */

    .head3-btn-wrapp {
        text-align: center;
    }

    .grab-reward p {
        font-size: 14px;
    }

    .grab-reward-content.second-style img {
        max-width: 40px;
    }
}

@media screen and (min-width: 991px) {
    :root {
        --width-container: 960px;
        --header-height: 84px;
    }


    .title {
        font-size: 40px;
    }

    .mobile-menu {
        display: none;
    }

    .header-content {
        position: static;
        height: auto;
        min-height: auto;
        width: calc(100% - 175px);
        padding: 0;
        background: transparent;
        overflow: visible;
    }

    .header {
        padding: 16px 0;
    }

    .header-social {
        display: none;
    }

    .header-btn {
        margin: 0;
    }

    .header-menu {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 0;
        margin-right: 0px;
    }

    .header-content .container {
        margin: 0;
        width: auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end;
    }

    .header-menu li {
        margin-bottom: 0;
        margin-right: 24px;
    }

    .header-menu li a {
        font-size: 14px;
        -webkit-transition: var(--trans);
        -o-transition: var(--trans);
        transition: var(--trans);
    }


    .head-title {
        max-width: 950px;
    }

    .head-img {
        bottom: 30px;
        right: 90px;
    }

    .services2-circle__img img {
        max-width: 80%;
    }

    .services2-circle__item {
        width: 210px;
        height: 210px;
    }

    .services2-circle__item-title {
        font-size: 24px;
    }

    .services2-circle__item-icon {
        width: 120px;
        height: 120px;
    }

    .footer {
        padding: 80px 0;
    }

    .footer .logo {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
    }

    .footer-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .footer-copyright {
        text-align: center;
        margin-top: 60px;
    }

    .footer-social {
        margin: 0 24px;
        gap: 24px;
    }

    .footer .pair-chip-img {
        right: 180px;
        top: -115px;
    }

    .head.version_2 .head-img {
        bottom: 0px;
    }

    .head.version_2 .head-img img {
        max-width: 470px;
    }
}

@media screen and (min-width: 1199px) {
    :root {
        --width-container: 1140px;
        --block-padding: 120px;
    }

    .header-menu {
        margin-right: 20px;
    }

    .header-menu li a {
        font-size: 16px;
    }

    .header-menu li a:hover {
        color: var(--red);
    }

    .header-menu li {
        margin-right: 32px;
    }

    .header-menu {
        margin-right: 53px;
    }

    .head-title {
        font-size: 78px;
        max-width: 790px;
    }

    .head-img img {
        max-width: 440px;
    }

    .head-chip-img {
        max-width: 100px;
        right: -68px;
    }

    .head-img {
        bottom: 90px;
        right: -40px;
    }

    .head .subtext {
        margin: 0;
        margin-top: 48px;
    }

    .head {
        padding: 120px 0 97px;
        background-image: url(../../images/agency/dark-landing-head-desk.jpg);
    }

    .head-textbox {
        display: flex;
        margin: 48px 0;
    }

    .head-textbox .subtext {
        margin-top: 0;
    }

    .head-note {
        max-width: 282px;
        margin: 0;
        margin-left: 70px;
    }

    .team {
        background-image: url(../../images/agency/team-background-desk.jpg);
    }

    .team-names__item,
    .team-images__item {
        -webkit-transition: var(--trans);
        -o-transition: var(--trans);
        transition: var(--trans);
    }

    .team-names__item:hover,
    .team-images__item:hover {
        opacity: 0.8;
    }

    .points-item {
        width: calc(25% - 24px * 3 / 4);
        -webkit-transition: var(--trans);
        -o-transition: var(--trans);
        transition: var(--trans);
    }

    .points-item:hover {
        background: rgba(184, 55, 22, 0.10);
    }

    .points-box {
        gap: 24px;
    }

    .subtext {
        max-width: 864px;
    }

    .pair-chip-img {
        bottom: -145px;
    }

    .points {
        background-image: url(../../images/agency/resolve-background-desk.jpg);
    }

    .services2-circle__item:nth-child(4) {
        right: 152px;
    }

    .services2 {
        background-image: url(../../images/agency/dark-digital-services-desk.jpg);
    }

    .services2-circle__item {
        -webkit-transition: var(--trans);
        -o-transition: var(--trans);
        transition: var(--trans);
    }

    .services2-circle__item:hover {
        scale: 1.04;
    }

    .about-item__number {
        font-size: 56px;
    }

    .about-item__text {
        font-size: 24px;
    }

    .about {
        background-image: url(../../images/agency/dark-about-desk.jpg);
    }

    .our-partners {
        background-image: url(../../images/agency/dark-clients-desk.jpg)
    }

    .our-partners__item {
        margin: 0 6px;
    }

    .our-partners-wrapper {
        padding-top: 120px;
        margin-top: 32px;
    }

    .footer {
        background-image: url(../../images/agency/dark-footer-desk.jpg);
        text-align: left;
    }

    .contacts-main {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .contacts-left {
        width: 460px;
        margin-top: 12px;
    }

    .contacts-form {
        width: calc(100% - 460px - 36px);
    }

    .contacts .checkbox-permission {
        max-width: 400px;
    }

    .contacts {
        padding: 52px 0 100px;
    }

    .contact-thanks {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

    .contact-thanks__title {
        font-size: 42px;
        max-width: 540px;
    }

    .contact-thanks-right {
        width: 550px;
    }

    .head2-wrapper {
        flex-direction: row;
        justify-content: space-between;
    }

    .head2-wrapper-content {
        max-width: 650px;
    }

    .head.version_2 .head-img {
        position: static;
    }

    .head.version_2 .head-img img {
        max-width: 460px;
    }

    .head-subtitle {
        margin-bottom: 0;
    }

    .head.version_2 .head-text-wrapp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        margin: 48px 0;
    }

    .head.version_2 .subtext {
        margin: 0;
        margin-right: 48px;
        max-width: 400px;
    }

    .head.version_2 .head-note {
        max-width: 180px;
        margin: 0;
    }

    .head.version_3 .head-title {
        max-width: 100%;
        font-size: 64px;
    }

    .head.version_3 {
        padding: 60px 0 90px;
    }

    .head3-box-notes {
        width: 100%;
    }

    .head-note2 {
        max-width: 360px;
        margin: 48px auto 32px;
    }

    .head-audit {
        max-width: 650px;
        min-width: 650px;
        height: 336px;
        padding: 54px 30px 58px;
    }

    .head-audit__img img {
        max-width: 306px;
    }

    .head-audit__text {
        width: 410px;
        padding: 9px 16px;
    }

    .head-audit__text p {
        font-size: 26px;
    }

    .head-audit__text svg {
        max-width: 52px;
        margin-right: 16px;
    }

    .head-audit-btn {
        font-size: 18px;
        padding: 18.5px 30px;
    }


    .grab-reward p {
        font-size: 16px;
    }
}

@media screen and (min-width: 1439px) {
    :root {
        --width-container: 1400px;
    }

    .title {
        font-size: 50px;
    }

    .header-menu {
        margin-right: 180px;
    }

    .head-title {
        font-size: 90px;
        max-width: 950px;
    }

    .head-chip-img {
        right: -36px;
        top: -53px;
        max-width: 110px;
    }

    .head .subtext {
        max-width: 393px;
        font-size: 28px;
    }

    .head-img {
        right: -58px;
        bottom: 61px;
    }

    .head-img img {
        max-width: 579px;
    }

    .head-note {
        margin-left: 130px;
    }

    .team-images {
        max-width: 640px;
    }

    .team-subtitle {
        font-size: 32px;
    }

    .subtext {
        font-size: 28px;
        max-width: 1043px;
    }

    .points-box {
        margin: 64px 0 40px;
    }

    .points-item {
        padding: 32px 28px;
    }

    .points-item__title {
        font-size: 32px;
    }

    .services2-circle__img img {
        max-width: 100%;
    }

    .services2-circle__item {
        width: 320px;
        height: 320px;
    }

    .services2-circle__item-icon {
        width: 200px;
        height: 200px;
    }

    .services2-circle__item-title {
        font-size: 32px;
        padding: 40px;
    }

    .services2-circle {
        margin-top: 80px;
    }

    .services2-circle__item:nth-child(2) {
        top: 115px;
        right: 153px;
    }

    .services2-circle__item:nth-child(2) .services2-circle__item-icon {
        top: -115px;
        right: -89px;
    }

    .services2-circle__item:nth-child(1) {
        left: 172px;
        top: 80px;
    }

    .services2-circle__item:nth-child(1) .services2-circle__item-icon {
        left: -149px;
    }

    .services2-circle__item:nth-child(3) .services2-circle__item-icon {
        top: 52px;
        right: -170px;
    }

    .services2-circle__item:nth-child(4) .services2-circle__item-icon {
        bottom: 23px;
        right: -151px;
    }

    .actionBlock .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .actionBlock-text {
        font-size: 40px;
    }

    .actionBlock-main {
        max-width: 1050px;
    }

    .actionBlock-main__img img {
        max-width: 100px;
        min-width: 100px;
    }

    .actionBlock-main-content {
        margin-left: 40px;
    }

    .actionBlock-btn {
        margin-top: 0;
        margin-left: 32px;
    }

    .about-main {
        padding: 40px 80px;
    }

    .feedbacks2-slider__item {
        padding: 40px;
        margin: 0 24px;
    }

    .feedbacks2-slider {
        margin-left: -24px;
        margin-right: -24px;
        padding-bottom: calc(24px + 84px);
        margin-bottom: 48px;
        margin-top: 64px;
    }

    .footer .pair-chip-img {
        right: 255px;
        top: -115px;
        max-width: 200px;
    }

    .contacts-content .title {
        font-size: 50px;
        margin-bottom: 24px;
    }

    .contacts-content .text {
        max-width: 344px;
    }

    .contacts-left {
        width: 596px;
    }

    .contacts-content {
        max-width: 100%;
    }

    .contacts-form {
        width: calc(100% - 596px - 60px);
    }

    .contacts-gift {
        margin-top: 40px;
    }

    .contacts .checkbox-permission {
        max-width: 490px;
    }

    .contact-thanks__title {
        font-size: 50px;
        max-width: 640px;
    }

    .contact-thanks-right {
        width: 660px;
    }

    .head.version_2 .head-title {
        font-size: 72px;
    }

    .head2-wrapper-content {
        padding-top: 46px;
        max-width: 740px;
    }

    .head.version_2 .head-img {
        bottom: auto;
        top: -46px;
    }

    .head.version_2 .head-img img {
        max-width: 579px;
    }

    .head.version_3 .head-title {
        font-size: 72px;
        max-width: 685px;
    }

    .head-audit {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
    }

    .head-note2 {
        margin-left: 0;
        margin-top: 72px;
        margin-bottom: 32px;
    }

    .head3-btn-wrapp {
        text-align: left;
    }

    .head3-subtext {
        width: 100%;
        text-align: left;
        max-width: 100%;
        margin-top: 64px;
    }

    .head.version_3 {
        padding: 98px 0;
    }


}