/*
Theme Name: Compass Pro
Theme URI: https://compasspro.ca/
Author: Andrei Druta
Author URI: https://www.estatim.com
Description: Practice Management System.
Version: 1.0.2
Updated: 2024-12-30 18:19:48
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

@import url("https://fonts.googleapis.com/css2?family=Geologica:wght@100..900&display=swap");
@font-face {
    font-family: "helvetica-light";
    src: url("https://compasspro.ca/wp-content/themes/compass-child/fonts/helvetica-l.otf") format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "helvetica";
    src: url("https://compasspro.ca/wp-content/themes/compass-child/fonts/helvetica.ttf") format('truetype');
    font-style: normal;
    font-weight: normal;
}
@font-face {
    font-family: "helvetica-rounded";
    src: url("https://compasspro.ca/wp-content/themes/compass-child/fonts/helvetica.ttf") format('truetype');
    font-style: normal;
    font-weight: normal;
}
:root {
    --primary: #0BB9EE;
    --primary-2: #2947D3;
    --primary-hover: #2cccfd;
    --black-blue: #030344;
    --grey-1: #D9D9D9;
    --grey-2: #7B7B7B;
    --black: #1f2025;
}

html, body {
    margin: 0;
    padding: 0;
    line-height: normal;
    font-family: "helvetica-light", sans-serif;
    background: #FAF6F3;
}

h1 {
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

.overflow_hidden {
    overflow: hidden !important;
}
@media all and (min-width: 981px) {
    .overflow_hidden {
        padding-right: 17px;
    }
}

form .form-field:not(:first-child) {
    margin-top: 20px;
}
@media all and (max-width: 980px) {
    form .form-field:not(:first-child) {
        margin-top: 10px;
    }
}
form .form-field input[type=text], form .form-field input[type=tel], form .form-field input[type=email], form .form-field textarea, form .form-field select {
    width: 100%;
    outline: none;
    padding: 17px 28px;
    border: 1px solid var(--grey-1);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #000;
}
@media all and (max-width: 980px) {
    form .form-field input[type=text], form .form-field input[type=tel], form .form-field input[type=email], form .form-field textarea, form .form-field select {
        padding: 12px 20px;
    }
}
form .form-field input[type=text]:hover, form .form-field input[type=text]:focus, form .form-field input[type=tel]:hover, form .form-field input[type=tel]:focus, form .form-field input[type=email]:hover, form .form-field input[type=email]:focus, form .form-field textarea:hover, form .form-field textarea:focus, form .form-field select:hover, form .form-field select:focus {
    border-color: #000;
}
form .form-field button {
    margin-top: 10px;
    position: relative;
    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;
    cursor: pointer;
    border: none;
    border-radius: 5px;
    background: var(--primary);
    gap: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: "helvetica", sans-serif;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    width: 100%;
    padding: 13px;
}
form .form-field button:hover {
    background: var(--primary-hover);
}
form .form-field button:after {
    content: "";
    position: relative;
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 15px;
    background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9835 8.60261C21.374 8.21209 21.374 7.57893 20.9835 7.1884L14.6195 0.82444C14.229 0.433916 13.5958 0.433916 13.2053 0.82444C12.8148 1.21496 12.8148 1.84813 13.2053 2.23865L18.8622 7.89551L13.2053 13.5524C12.8148 13.9429 12.8148 14.5761 13.2053 14.9666C13.5958 15.3571 14.229 15.3571 14.6195 14.9666L20.9835 8.60261ZM0.276367 8.89551H20.2764V6.89551H0.276367V8.89551Z' fill='white'/%3E%3C/svg%3E%0A") 50%/cover no-repeat;
}

.swiper-notification {
    display: none;
}

.swiper {
    overflow: hidden;
}

.hide {
    display: none !important;
}

* {
    font-family: "helvetica-light", sans-serif;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    scroll-behavior: smooth;
}

ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

a {
    text-decoration: none;
}

img, iframe, video {
    max-width: 100%;
}

.block-padding {
    padding-left: 20px;
    padding-right: 20px;
}

.block-width {
    width: 100%;
    max-width: 1320px;
    margin: 0 auto;
}

.block-title {
    font-family: "helvetica-light", sans-serif;
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    color: var(--black-blue);
    text-transform: uppercase;
}
@media all and (max-width: 980px) {
    .block-title {
        font-size: 36px;
    }
}

#page-wrapper {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

main {
  flex: 1 0 auto; /* Makes the main content grow and fill the space */
}

footer {
  flex-shrink: 0; /* Prevents the footer from shrinking */
}

.site-header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 20;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
@media all and (max-width: 980px) {
    .site-header {
        padding: 0 10px;
    }
}
.site-header .black_logo {
    display: none;
}
.site-header.fixed {
    background: #fff;
}
.site-header.fixed .black_logo {
    display: block;
}
.site-header.fixed .white_logo {
    display: none;
}
.site-header.fixed .site-header__button {
    display: block;
}

/* ### */
.site-header.fixedall .site-header__menu nav ul li a {
    color: #000;
}
.site-header.fixedall {
    background: #fff;
}
.site-header.fixedall .black_logo {
    display: block;
}
.site-header.fixedall .white_logo {
    display: none;
}
.site-header.fixedall .site-header__button {
    display: block;
}

@media all and (max-width: 480px) {
    .site-header.fixed .site-header__logo img {
        max-width: 116px;
    }
    /* ### */
    .site-header.fixedall .site-header__menu nav ul li a {
        color: #000;
    }
}
.site-header.fixed .site-header__burger-btn.active {
    background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5764 1.60205L1.65613 23.5224' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M1.65613 1.60205L23.5764 23.5224' stroke='black' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
}
.site-header__inner {
    padding: 20px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 34px;
}
@media all and (max-width: 980px) {
    .site-header__inner {
        gap: 5px;
        padding: 15px 0;
    }
}
.site-header__left {
    margin-right: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 40px;
}
@media all and (max-width: 980px) {
    .site-header__left {
        gap: 13px;
    }
}
.site-header__logo {
    font-size: 0;
    cursor: pointer;
}
.site-header__logo img {
    max-width: 155px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.site-header__button {
    display: none;
}
.site-header__button a {
    border-radius: 250px;
    color: #fff;
    padding: 8px 28px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: "helvetica", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    background: var(--primary);
    position: relative;
    overflow: hidden;
}
@media all and (max-width: 980px) {
    .site-header__button a {
        padding: 3px 18px;
    }
}
.site-header__button a:hover {
    background: var(--primary-hover);
}
.site-header__button a:hover:after {
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    -webkit-transform-origin: bottom left;
            transform-origin: bottom left;
}
.site-header__button a:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: var(--primary-2);
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s, -webkit-transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) 0s;
    border-radius: 250px;
    width: 100%;
    height: 100%;
    display: block;
}
.site-header__button a span {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    z-index: 2;
}
.site-header__button a span:after {
    content: "";
    position: relative;
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 15px;
    background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9835 8.60261C21.374 8.21209 21.374 7.57893 20.9835 7.1884L14.6195 0.82444C14.229 0.433916 13.5958 0.433916 13.2053 0.82444C12.8148 1.21496 12.8148 1.84813 13.2053 2.23865L18.8622 7.89551L13.2053 13.5524C12.8148 13.9429 12.8148 14.5761 13.2053 14.9666C13.5958 15.3571 14.229 15.3571 14.6195 14.9666L20.9835 8.60261ZM0.276367 8.89551H20.2764V6.89551H0.276367V8.89551Z' fill='white'/%3E%3C/svg%3E%0A") 50%/cover no-repeat;
}
@media all and (max-width: 980px) {
    .site-header__button a span:after {
        display: none;
    }
}
.site-header__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 34px;
}
@media all and (max-width: 1200px) {
    .site-header__right {
        -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;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        -webkit-transform: translateX(100%);
                transform: translateX(100%);
        position: absolute;
        top: 100%;
        right: 0;
        width: 306px;
        background: rgba(0, 0, 0, 0.9);
        z-index: 10;
        padding: 33px 52px;
        will-change: transform;
        max-height: calc(100vh - 60px);
        overflow: auto;
    }
    .site-header__right.opened {
        -webkit-transform: translateX(0);
                transform: translateX(0);
    }
}
.site-header__menu nav ul {
    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;
    gap: 22px;
}



@media all and (max-width: 1200px) {
    .site-header__menu nav ul {
        -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;
        gap: 30px;
    }
}
.site-header__menu nav ul li a {
    color: #FFF;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media all and (max-width: 1200px) {
    .site-header__menu nav ul li a {
        color: #fff;
        font-size: 24px;
    }
}
@media all and (min-width: 1201px) {
    .site-header__menu nav ul li a:hover {
        color: var(--primary);
    }
}

.site-header__menu a.active {
    font-weight: bold;
    color: #0bb9ee !important; /* Highlight color */
}

.site-header__langs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 5px;
    font-family: mainfont1;
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    color: #7B7B7B;
}
.site-header__langs a {
    color: #7B7B7B;
}
@media all and (max-width: 1200px) {
    .site-header__langs a {
        color: rgba(255, 255, 255, 0.6);
    }
}
.site-header__langs a:hover {
    color: var(--primary);
}
.site-header__langs a.active {
    color: #030344;
}
@media all and (max-width: 1200px) {
    .site-header__langs a.active {
        color: var(--grey-2);
    }
}
.site-header__burger-btn {
    display: none;
}
@media all and (max-width: 1200px) {
    .site-header__burger-btn {
        display: block;
        cursor: pointer;
        width: 45px;
        height: 40px;
        -webkit-transition: all 0.3s ease;
        transition: all 0.3s ease;
        background: url("data:image/svg+xml,%3Csvg width='35' height='28' viewBox='0 0 35 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.24347 1.56201H33.2435' stroke='%230BB9EE' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2.24347 13.562H33.2435' stroke='%230BB9EE' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M2.24347 25.562H33.2435' stroke='%230BB9EE' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A") 50% no-repeat;
    }
    .site-header__burger-btn.active {
        background-image: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5764 1.60205L1.65613 23.5224' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3Cpath d='M1.65613 1.60205L23.5764 23.5224' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    }
}

body .first-block {
    position: relative !important;
    padding-top: 171px;
    padding-bottom: 128px;
}
@media all and (max-width: 980px) {
   body .first-block {
        padding-top: 98px;
        padding-bottom: 20px;
    }
}
body .first-block:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 57%;
    background: var(--black);
    border-radius: 0 0 150px 0;
}
@media all and (max-width: 980px) {
    body .first-block:before {
        border-radius: 0;
        width: 100%;
        bottom: auto;
        height: 30%;
    }
}
body .first-block:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 75px;
    right: 0;
    width: 56%;
    border-radius: 0 150px 0 0;
    background: linear-gradient(240.03deg, rgba(11, 185, 238, 0.3) 10.19%, rgba(59, 60, 254, 0.3) 44.73%, rgba(220, 128, 254, 0.3) 91.47%);
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
@media all and (max-width: 980px) {
   body .first-block:after {
        display: none;
    }
}
body .first-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    position: relative;
    z-index: 2;
    gap: 170px;
}
@media all and (max-width: 1200px) {
   body .first-block__inner {
        gap: 70px;
    }
}
@media all and (max-width: 980px) {
    body .first-block__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 36px;
    }
}
body .first-block__left {
    width: calc(50% - 165px);
}
@media all and (max-width: 1200px) {
    body .first-block__left {
        width: calc(50% - 95px);
    }
}
@media all and (max-width: 980px) {
    body .first-block__left {
        width: 100%;
        position: relative;
    }
    body .first-block__left:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: -96px;
        left: -20px;
        right: -20px;
        background: var(--black);
        border-radius: 0 0 150px 0;
    }
}
body .first-block__title {
    font-family: "Geologica", sans-serif;
    font-size: 40px;
    font-weight: 700;
    line-height: 50px;
    color: #fff;
    margin: 0 0 15px;
}
@media all and (max-width: 980px) {
    body .first-block__title {
        position: relative;
        font-size: 36px;
        line-height: 45px;
        margin-bottom: 13px;
    }
}
body .first-block__desc {
    font-family: "helvetica", sans-serif;
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    text-align: left;
    color: var(--primary);
}
@media all and (max-width: 980px) {
    body .first-block__desc {
        position: relative;
    }
}
.first-block__text {
    padding-top: 25px;
    margin-top: 32px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-family: "helvetica-light", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #A9A9A9;
}
@media all and (max-width: 980px) {
    body .first-block__text {
        position: relative;
        padding-top: 13px;
        margin-top: 13px;
    }
}
body .first-block__btn {
    margin-top: 14px !important;
    -webkit-transition: all 1s ease !important;
    transition: all 1s ease !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}
body .first-block__btn.active {
    width: 100% !important;
    height: 100% !important;
}
@media all and (max-width: 980px) {
    body .first-block__btn {
        position: relative !important;
        margin-top: 35px !important;
    }
}
body .first-block__btn a button {
    border-radius: 250px !important;
    color: #fff !important;
    padding: 12.5px 53.5px !important;
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    gap: 10px !important;
    -webkit-transition: all 0.5s ease !important;
    transition: all 0.5s ease !important;
    font-family: "helvetica", sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    background: var(--primary) !important;
    position: relative !important;
    white-space: nowrap !important;
}
@media all and (max-width: 980px) {
    body .first-block__btn a button {
        padding: 12.5px 47px !important;
    }
}
body .first-block__btn a:hover button:hover {
    background: var(--primary-hover) !important;
}
body .first-block__btn a:after button:after {
    content: "" !important;
    position: relative !important;
    display: inline-block !important;
    min-width: 20px !important;
    width: 20px !important;
    height: 15px !important;
    background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9835 8.60261C21.374 8.21209 21.374 7.57893 20.9835 7.1884L14.6195 0.82444C14.229 0.433916 13.5958 0.433916 13.2053 0.82444C12.8148 1.21496 12.8148 1.84813 13.2053 2.23865L18.8622 7.89551L13.2053 13.5524C12.8148 13.9429 12.8148 14.5761 13.2053 14.9666C13.5958 15.3571 14.229 15.3571 14.6195 14.9666L20.9835 8.60261ZM0.276367 8.89551H20.2764V6.89551H0.276367V8.89551Z' fill='white'/%3E%3C/svg%3E%0A") 50%/cover no-repeat !important;
}
body .first-block__right {
    width: calc(50% - 10px);
    font-size: 0;
    padding-right: 26px;
}
@media all and (max-width: 1200px) {
    body .first-block__right {
        width: calc(50% - 5px);
    }
}
@media all and (max-width: 980px) {
    body .first-block__right {
        width: 100%;
        position: relative;
        padding: 42px 0 25px;
    }
    body .first-block__right:before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -20px;
        right: -20px;
        border-radius: 0 100px 0 0;
        background: linear-gradient(240.03deg, rgba(11, 185, 238, 0.3) 10.19%, rgba(59, 60, 254, 0.3) 44.73%, rgba(220, 128, 254, 0.3) 91.47%);
        -webkit-backdrop-filter: blur(20px);
                backdrop-filter: blur(20px);
    }
}
body .first-block__video {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    -webkit-filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.32));
            filter: drop-shadow(0px 6px 14px rgba(0, 0, 0, 0.32));
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    -webkit-transform: scale(0);
            transform: scale(0);
    will-change: transform;
}
body .first-block__video.active {
    -webkit-transform: scale(1);
            transform: scale(1);
}
body .first-block__video iframe {
    width: 100%;
}
@media all and (max-width: 480px) {
    body .first-block__video iframe {
        height: auto;
        min-height: 204px;
    }
}

.problems-block {
    padding-top: 100px;
    padding-bottom: 48px;
}
@media all and (max-width: 980px) {
    .problems-block {
        padding-top: 20px;
    }
}
.problems-block__inner {
    width: 100%;
    max-width: calc((100% + 1320px) / 2);
    margin-left: auto;
    padding-right: 28px;
}
@media all and (max-width: 980px) {
    .problems-block__inner {
        max-width: 100%;
        padding-right: 0;
    }
}
.problems-block__top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px;
    margin-bottom: 20px;
    max-width: 1320px;
}
@media all and (max-width: 980px) {
    .problems-block__top {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
    }
}
.problems-block__desc {
    font-family: "helvetica-light", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #6A6A6A;
    max-width: 725px;
}
.problems-block__list {
    position: relative;
    z-index: 1;
}
@media all and (max-width: 980px) {
    .problems-block__list {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}
.problems-block__list-slider {
    padding: 30px 12px 55px;
    margin-left: -12px;
    position: relative;
}
.problems-block__item {
    padding: 20px 27px;
    background: #fff;
    border-radius: 5px 8px 5px 5px;
    -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1882352941);
            box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.1882352941);
    position: relative;
    height: auto;
}
@media all and (max-width: 980px) {
    .problems-block__item {
        padding: 20px 22px;
    }
}
.problems-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: var(--black-blue);
    margin-bottom: 20px;
    padding-right: 23px;
}
.problems-block__item-icon {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    font-size: 0;
    width: 48px;
    height: 48px;
    border-bottom: 8px solid #FAF6F3;
    border-left: 8px solid #FAF6F3;
    border-radius: 0 8px 0 8px;
    background: #FAF6F3;
}
.problems-block__item-icon span {
    width: 40px;
    height: 40px;
    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;
    font-size: 0;
    background: var(--primary);
    border-radius: 8px;
}
.problems-block__item-problemTitle {
    padding: 2px 7px;
    border-radius: 7px;
    background: #D9F4FC;
    display: inline-block;
    width: auto;
    margin-bottom: 10px;
    color: var(--black);
    font-family: "Geologica", sans-serif;
    font-size: 15px;
    font-weight: 250;
    line-height: 15px;
    text-align: left;
}
.problems-block__item-problemText {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--black);
}
.problems-block__item-impact {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #F3EFEB;
}
.problems-block__item-impactTitle {
    font-family: "helvetica", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: var(--black);
}
.problems-block__item-impactText {
    margin-top: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--grey-2);
}
.problems-block__check-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--grey-2);
    position: relative;
    max-width: 725px;
    margin-top: -20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.problems-block__check-text .icon {
    position: relative;
    width: 40px;
    margin-top: 4px;
}
.problems-block__check-text .icon img {
    max-width: 40px;
}
.problems-block__check-text:before {
    content: "";
    position: absolute;
    top: -115px;
    bottom: -48px;
    right: -232px;
    background: #F3EFEB;
    border-radius: 0 0 250px 0;
    width: 999999px;
}
@media all and (max-width: 1024px) {
    .problems-block__check-text:before {
        right: -70px;
    }
}
@media all and (max-width: 980px) {
    .problems-block__check-text:before {
        top: -65px;
        right: -20px;
        border-radius: 0 0 150px 0;
    }
}
.problems-block__check-text .text {
    position: relative;
}
@media all and (max-width: 980px) {
    .problems-block__slider-controls {
        display: none;
    }
}
.problems-block__slider-controls div {
    width: 47px;
    height: 47px;
    border-radius: 5px;
    background: rgba(123, 123, 123, 0.1);
    cursor: pointer;
    pointer-events: auto;
    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;
    position: absolute;
    top: calc(50% - 23px);
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.problems-block__slider-controls div:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 7.91831C9.3387 8.32143 9.3387 8.97502 8.93557 9.37814L1.96783 16.3459C1.56471 16.749 0.911119 16.749 0.507997 16.3459C0.104875 15.9428 0.104875 15.2892 0.507997 14.8861L7.47574 7.91831C7.87886 7.51519 8.53245 7.51519 8.93557 7.91831Z' fill='%23121212'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 9.37811C8.53245 9.78123 7.87886 9.78123 7.47574 9.37811L0.507997 2.41037C0.104876 2.00725 0.104876 1.35366 0.507997 0.950534C0.911119 0.547413 1.56471 0.547413 1.96783 0.950534L8.93557 7.91828C9.3387 8.3214 9.3387 8.97499 8.93557 9.37811Z' fill='%23121212'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
@media all and (min-width: 981px) {
    .problems-block__slider-controls div:hover {
        background: var(--primary);
    }
    .problems-block__slider-controls div:hover:before {
        background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 7.91831C9.3387 8.32143 9.3387 8.97502 8.93557 9.37814L1.96783 16.3459C1.56471 16.749 0.911119 16.749 0.507997 16.3459C0.104875 15.9428 0.104875 15.2892 0.507997 14.8861L7.47574 7.91831C7.87886 7.51519 8.53245 7.51519 8.93557 7.91831Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 9.37811C8.53245 9.78123 7.87886 9.78123 7.47574 9.37811L0.507997 2.41037C0.104876 2.00725 0.104876 1.35366 0.507997 0.950534C0.911119 0.547413 1.56471 0.547413 1.96783 0.950534L8.93557 7.91828C9.3387 8.3214 9.3387 8.97499 8.93557 9.37811Z' fill='%23fff'/%3E%3C/svg%3E%0A") 50% no-repeat;
    }
}
.problems-block__slider-controls div.swiper-button-disabled {
    display: none;
}
.problems-block__slider-controls div.swiper-button-prev {
    left: -33px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.problems-block__slider-controls div.swiper-button-next {
    right: -23px;
}

.solutions-block {
    padding-top: 77px;
    padding-bottom: 100px;
}
@media all and (max-width: 980px) {
    .solutions-block {
        padding-top: 40px;
        padding-bottom: 20px;
    }
}
.solutions-block__inner {
    max-width: 1182px;
}
.solutions-block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 45px;
    margin-bottom: 52px;
}
@media all and (max-width: 980px) {
    .solutions-block__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 15px;
    }
}
.solutions-block__header-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
}
.solutions-block__header-list .list-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #6a6a6a;
}
.solutions-block__header-list .list-item:before {
    content: "";
    width: 32px;
    margin-top: -4px;
    height: 32px;
    min-width: 32px;
    background: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_102_564)'%3E%3Cpath d='M21.9783 2.55107C16.4323 15.1849 15.7222 15.5022 2.61079 11.2056C15.2446 16.7515 15.5619 17.4617 11.2653 30.5731C16.8112 17.9393 17.5214 17.6219 30.6328 21.9186C17.999 16.3726 17.6817 15.6625 21.9783 2.55107Z' fill='%230BB9EE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_102_564'%3E%3Crect width='32' height='32' fill='white' transform='translate(0.621826 0.562012)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat;
}
.solutions-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 70px;
}
@media all and (max-width: 980px) {
    .solutions-block__list {
        gap: 50px;
    }
}
.solutions-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 60px;
    width: 100%;
}
@media all and (max-width: 980px) {
    .solutions-block__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 20px;
    }
}
@media all and (min-width: 981px) {
    .solutions-block__item:nth-child(2n) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
            -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
    }
}
.solutions-block__item-image {
    width: calc(50% - 30px);
    font-size: 0;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
            box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
    padding: 13px 22px 36px 15px;
}
@media all and (max-width: 980px) {
    .solutions-block__item-image {
        width: 100%;
        padding: 8px 9px 20px;
    }
}
.solutions-block__item-image .image-btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 9.5px;
    width: 100%;
    border-bottom: 1px solid #F3EFEB;
    margin-bottom: 25px;
    padding-bottom: 12px;
}
@media all and (max-width: 980px) {
    .solutions-block__item-image .image-btns {
        gap: 6px;
        padding-bottom: 7px;
        margin-bottom: 12px;
    }
}
.solutions-block__item-image .image-btns > div {
    width: 11.5px;
    height: 11.5px;
    border-radius: 100%;
    background: #F3EFEB;
}
@media all and (max-width: 980px) {
    .solutions-block__item-image .image-btns > div {
        width: 7px;
        height: 7px;
    }
}
.solutions-block__item-right {
    width: calc(50% - 30px);
}
@media all and (max-width: 980px) {
    .solutions-block__item-right {
        width: 100%;
    }
}
.solutions-block__item-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    margin-bottom: 18px;
}
.solutions-block__item-title .icon {
    font-size: 0;
}
.solutions-block__item-title .icon img {
    max-width: 92px;
}
.solutions-block__item-title .title {
    font-family: "helvetica", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--black-blue);
}
@media all and (max-width: 980px) {
    .solutions-block__item-title .title {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
    }
}
.solutions-block__item-text {
    font-family: "helvetica-light", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--black);
}
.solutions-block__bottom {
    margin-top: 70px;
}
@media all and (max-width: 980px) {
    .solutions-block__bottom {
        width: calc(100% + 20px);
        margin-right: -20px;
        margin-top: 30px;
    }
}
.solutions-block__bottom-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 36px;
}
@media all and (min-width: 981px) {
    .solutions-block__bottom-list .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 36px;
    }
}
.solutions-block__bottom-item {
    width: calc(33.3% - 24px);
    padding: 29px 22px 22px 23px;
    border: 1px solid var(--grey-1);
    border-radius: 5px 8px 5px 5px;
    position: relative;
    height: auto;
}
@media all and (max-width: 980px) {
    .solutions-block__bottom-item {
        width: calc(50% - 18px);
        padding: 19px;
    }
}
@media all and (min-width: 981px) {
    .solutions-block__bottom-item {
        margin: 0 !important;
        width: calc(33.3% - 24px) !important;
    }
}
.solutions-block__bottom-item:before {
    content: "";
    position: absolute;
    right: -1px;
    top: -1px;
    width: 50px;
    height: 50px;
    border-bottom: 1px solid var(--grey-1);
    border-left: 1px solid var(--grey-1);
    border-radius: 0 8px 0 8px;
    background: #FAF6F3;
    z-index: 1;
}
.solutions-block__bottom-item:after {
    content: "";
    width: 42px;
    height: 42px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 8px;
    z-index: 2;
    background: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8694 24.8812L26.5487 11.1271L24.6579 9.2467L12.8644 21.1049L7.21252 15.4531L5.3269 17.3388L12.8694 24.8812Z' fill='white'/%3E%3C/svg%3E%0A") 50% no-repeat var(--primary);
}
.solutions-block__botItem-title {
    font-family: "helvetica", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: var(--black-blue);
    padding-right: 30px;
}
@media all and (max-width: 980px) {
    .solutions-block__botItem-title {
        font-size: 22px;
        font-weight: 700;
        line-height: 30px;
        text-align: left;
    }
}
.solutions-block__botItem-text {
    margin-top: 12px;
    font-family: "helvetica-light", sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--black);
}
@media all and (max-width: 980px) {
    .solutions-block__botItem-text {
        margin-top: 5px;
    }
}

.features-block {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
    margin-top: 20px;
    padding-bottom: 100px;
}
@media all and (max-width: 980px) {
    .features-block {
        margin-top: 20px;
        padding-top: 0;
        padding-bottom: 18px;
    }
}
.features-block:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    height: 120px;
    background: rgba(143, 175, 185, 0.1019607843);
    top: 169px;
}
@media all and (max-width: 980px) {
    .features-block:before {
        display: none;
    }
}
.features-block__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
}
@media all and (max-width: 1100px) {
    .features-block__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
.features-block__image {
    width: 494px;
    position: relative;
    z-index: 2;
    font-size: 0;
}
@media all and (max-width: 1100px) {
    .features-block__image {
        width: auto;
    }
    .features-block__image img {
        max-height: 250px;
    }
}
@media all and (max-width: 980px) {
    .features-block__image:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 136px;
        background: rgba(143, 175, 185, 0.1019607843);
        bottom: -70px;
        z-index: -1;
    }
}
.features-block__right {
    width: calc(100% - 504px);
    overflow: hidden;
    padding-left: 32px;
    margin-left: 10px;
}
@media all and (max-width: 1100px) {
    .features-block__right {
        width: 100%;
        margin-left: 0;
        padding-left: 20px;
        padding-right: 20px;
    }
}
@media all and (max-width: 980px) {
    .features-block__right {
        position: relative;
        overflow: visible;
        z-index: 2;
        margin-top: -7px;
    }
    .features-block__right:before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        height: 80px;
        background: rgba(143, 175, 185, 0.1019607843);
        top: 37px;
    }
}
@media all and (max-width: 980px) and (max-width: 980px) {
    .features-block__right:before {
        display: none;
    }
}
.features-block__title {
    position: relative;
}
@media all and (max-width: 980px) {
    .features-block__title {
        margin-bottom: 35px;
    }
}
.features-block__title .bg-title {
    font-family: "helvetica-light", sans-serif;
    font-size: 145.51px;
    font-weight: 400;
    line-height: 145.51px;
    text-align: left;
    color: #EFEFED;
    text-transform: uppercase;
    position: relative;
    left: -40px;
    top: -10px;
}
@media all and (max-width: 980px) {
    .features-block__title .bg-title {
        left: -15px;
        font-size: 71.38px;
        line-height: 71.38px;
        top: -30px;
        display: none;
    }
}
.features-block__title .title {
    position: absolute;
    left: 0;
    bottom: 33px;
}
@media all and (max-width: 980px) {
    .features-block__title .title {
        left: 10px;
        bottom: auto;
        top: -50px;
        color: #fff;
    }
}
.features-block__list {
    position: relative;
}
@media all and (max-width: 1100px) {
    .features-block__list {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}
.features-block__slider {
    overflow: visible;
    position: relative;
}
.features-block__item:nth-child(2n) .features-block__item-list .item .title {
    color: #5E5F7B;
}
.features-block__item:nth-child(3n) .features-block__item-list .item .title {
    color: #A1744B;
}
.features-block__item:nth-child(4n) .features-block__item-list .item .title {
    color: #0DA6D5;
}
.features-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 28px;
    text-align: left;
    color: var(--black-blue);
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 17px;
    -webkit-box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
            box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
    padding-right: 87px;
    min-height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.features-block__item-title .title {
    font-family: inherit;
}
.features-block__item-list .item {
    background: #fff;
    border-radius: 5px;
    margin-bottom: 15px;
    padding: 10px 17px 10px;
    padding-right: 20px;
}
.features-block__item-list .item .title {
    font-family: "helvetica-rounded", sans-serif;
    color: #6E6ED4;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
}
.features-block__item-list .item .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #000;
}
@media all and (max-width: 1100px) {
    .features-block__slider-controls {
        display: none;
    }
}
.features-block__slider-controls div {
    width: 47px;
    height: 47px;
    border-radius: 5px;
    background: rgba(123, 123, 123, 0.1);
    cursor: pointer;
    pointer-events: auto;
    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;
    position: absolute;
    top: calc(50% - 23px);
    -webkit-transform: none;
            transform: none;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.features-block__slider-controls div:before {
    content: "";
    width: 32px;
    height: 32px;
    display: inline-block;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 7.91831C9.3387 8.32143 9.3387 8.97502 8.93557 9.37814L1.96783 16.3459C1.56471 16.749 0.911119 16.749 0.507997 16.3459C0.104875 15.9428 0.104875 15.2892 0.507997 14.8861L7.47574 7.91831C7.87886 7.51519 8.53245 7.51519 8.93557 7.91831Z' fill='%23121212'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 9.37811C8.53245 9.78123 7.87886 9.78123 7.47574 9.37811L0.507997 2.41037C0.104876 2.00725 0.104876 1.35366 0.507997 0.950534C0.911119 0.547413 1.56471 0.547413 1.96783 0.950534L8.93557 7.91828C9.3387 8.3214 9.3387 8.97499 8.93557 9.37811Z' fill='%23121212'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
@media all and (min-width: 981px) {
    .features-block__slider-controls div:hover {
        background: var(--primary);
    }
    .features-block__slider-controls div:hover:before {
        background: url("data:image/svg+xml,%3Csvg width='10' height='17' viewBox='0 0 10 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 7.91831C9.3387 8.32143 9.3387 8.97502 8.93557 9.37814L1.96783 16.3459C1.56471 16.749 0.911119 16.749 0.507997 16.3459C0.104875 15.9428 0.104875 15.2892 0.507997 14.8861L7.47574 7.91831C7.87886 7.51519 8.53245 7.51519 8.93557 7.91831Z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.93557 9.37811C8.53245 9.78123 7.87886 9.78123 7.47574 9.37811L0.507997 2.41037C0.104876 2.00725 0.104876 1.35366 0.507997 0.950534C0.911119 0.547413 1.56471 0.547413 1.96783 0.950534L8.93557 7.91828C9.3387 8.3214 9.3387 8.97499 8.93557 9.37811Z' fill='%23fff'/%3E%3C/svg%3E%0A") 50% no-repeat;
    }
}
.features-block__slider-controls div.swiper-button-disabled {
    display: none;
}
.features-block__slider-controls div.swiper-button-prev {
    left: 0px;
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
}
.features-block__slider-controls div.swiper-button-next {
    right: 115px;
}

.benefits-block {
    padding-top: 50px;
    padding-bottom: 50px;
    background: url("images/benefits_bg.svg") top 0px left calc(50% - 35px) no-repeat;
}
@media all and (max-width: 980px) {
    .benefits-block {
        padding-top: 0;
        padding-bottom: 127px;
        background: url("images/benefits_mob_bg.svg") top 0 left 10px no-repeat, url("images/benefits_compass_bg.svg") bottom 61px left 50% no-repeat;
    }
}
.benefits-block__center {
    width: 100%;
    max-width: 1310px;
    margin: 0 auto;
    padding-top: 30px;
}
@media all and (max-width: 980px) {
    .benefits-block__center {
        padding-top: 23px;
    }
}
.benefits-block__title {
    margin-bottom: 35px;
}
@media all and (max-width: 980px) {
    .benefits-block__title {
        margin-bottom: 15px;
    }
}
.benefits-block__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 56px;
}
@media all and (max-width: 1100px) {
    .benefits-block__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
}
@media all and (max-width: 980px) {
    .benefits-block__body {
        gap: 30px;
    }
}
.benefits-block__left {
    width: 360px;
}
@media all and (max-width: 1100px) {
    .benefits-block__left {
        width: 100%;
    }
}
.benefits-block__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--black);
}
.benefits-block__btn {
    margin-top: 22px;
}
.benefits-block__btn a {
    border-radius: 250px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    font-family: "helvetica", sans-serif;
    font-weight: 700;
    line-height: 24px;
    background: var(--primary);
    position: relative;
    font-size: 0;
    width: 0;
    overflow: hidden;
}
.benefits-block__btn a:hover {
    background: var(--primary-hover);
}
.benefits-block__btn a:after {
    content: "";
    position: relative;
    display: inline-block;
    min-width: 20px;
    width: 20px;
    height: 15px;
    background: url("data:image/svg+xml,%3Csvg width='22' height='16' viewBox='0 0 22 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9835 8.60261C21.374 8.21209 21.374 7.57893 20.9835 7.1884L14.6195 0.82444C14.229 0.433916 13.5958 0.433916 13.2053 0.82444C12.8148 1.21496 12.8148 1.84813 13.2053 2.23865L18.8622 7.89551L13.2053 13.5524C12.8148 13.9429 12.8148 14.5761 13.2053 14.9666C13.5958 15.3571 14.229 15.3571 14.6195 14.9666L20.9835 8.60261ZM0.276367 8.89551H20.2764V6.89551H0.276367V8.89551Z' fill='white'/%3E%3C/svg%3E%0A") 50%/cover no-repeat;
}
.benefits-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 18px 34px;
    width: calc(100% - 416px);
}
@media all and (max-width: 1100px) {
    .benefits-block__list {
        width: 100%;
    }
}
@media all and (max-width: 550px) {
    .benefits-block__list {
        gap: 20px;
    }
}
.benefits-block__item {
    width: calc(50% - 17px);
    padding-left: 44px;
    position: relative;
    padding-right: 20px;
}
@media all and (max-width: 550px) {
    .benefits-block__item {
        width: 100%;
    }
}
.benefits-block__item:before {
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: 0;
    top: 0;
    background: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8769 24.4809L26.5562 10.7268L24.6654 8.84634L12.872 20.7046L7.22009 15.0527L5.33447 16.9385L12.8769 24.4809Z' fill='%230BB9EE'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
.benefits-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 27px;
    color: var(--black-blue);
}
.benefits-block__item-text {
    margin-top: 4px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--black);
}

.steps-block {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 50px;
}
@media all and (max-width: 980px) {
    .steps-block {
        padding: 22px;
        padding-bottom: 20px;
    }
}
.steps-block__header {
    margin-bottom: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}
@media all and (max-width: 980px) {
    .steps-block__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}
.steps-block__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--grey-2);
}
.steps-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 48px;
}
@media all and (max-width: 550px) {
    .steps-block__list {
        gap: 30px;
    }
}
.steps-block__item {
    width: calc(33.3% - 32px);
}
@media all and (max-width: 768px) {
    .steps-block__item {
        width: calc(50% - 24px);
    }
}
@media all and (max-width: 550px) {
    .steps-block__item {
        width: 100%;
    }
}
.steps-block__item:last-child .steps-block__item-title:before {
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='2' viewBox='0 0 89 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.3' x1='0.0993661' y1='0.991211' x2='88.991' y2='0.991364' stroke='black'/%3E%3C/svg%3E%0A");
}
.steps-block__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-bottom: 40px;
}
.steps-block__item-number {
    font-family: "helvetica", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 39px;
    text-align: left;
    color: var(--primary);
    position: relative;
}
.steps-block__item-number span {
    position: relative;
}
.steps-block__item-circle {
    position: absolute;
    top: -16px;
    left: -14px;
    width: 0;
    height: 0;
    border-radius: 100%;
    background: #F3EFEB;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.steps-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: var(--black);
    position: relative;
}
.steps-block__item-title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13px;
    width: 89px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg width='90' height='8' viewBox='0 0 90 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M89.2361 4.34492C89.4314 4.14966 89.4314 3.83307 89.2361 3.63781L86.0541 0.455825C85.8589 0.260562 85.5423 0.260562 85.347 0.455824C85.1518 0.651085 85.1518 0.967668 85.347 1.16293L88.1755 3.99136L85.347 6.81978C85.1518 7.01505 85.1518 7.33163 85.347 7.52689C85.5423 7.72215 85.8589 7.72215 86.0541 7.52689L89.2361 4.34492ZM-0.00903406 4.49121L88.8826 4.49136L88.8826 3.49136L-0.00903234 3.49121L-0.00903406 4.49121Z' fill='black'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
.steps-block__item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 13px;
}
.steps-block__item-list .list-item {
    padding-left: 36px;
    position: relative;
}
.steps-block__item-list .list-item:before {
    content: "";
    width: 11.5px;
    height: 11.5px;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 100%;
    background: var(--primary);
}
.steps-block__item-list .list-item__title {
    font-family: "helvetica", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: var(--black-blue);
}
.steps-block__item-list .list-item__desc {
    margin-top: 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--grey-2);
}

.services-block {
    padding-top: 50px;
    padding-bottom: 100px;
    background: #fff;
}
.services-block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 63px;
    margin-bottom: 40px;
}
@media all and (max-width: 980px) {
    .services-block__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        margin-bottom: 25px;
    }
}
.services-block__title {
    width: 440px;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
}
@media all and (max-width: 980px) {
    .services-block__title {
        width: auto;
    }
}
.services-block__desc {
    width: calc(100% - 503px);
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--grey-2);
}
@media all and (max-width: 980px) {
    .services-block__desc {
        width: 100%;
    }
}
.services-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 26px 20px;
}
@media all and (max-width: 980px) {
    .services-block__list {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}
@media all and (min-width: 981px) {
    .services-block__list .swiper-wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 26px 20px;
    }
}
.services-block__item {
    width: calc(50% - 10px);
    background: #FAF6F3;
    padding: 18px 30px 22px 20px;
    border-radius: 5px;
    position: relative;
    height: auto;
}
@media all and (min-width: 981px) {
    .services-block__item {
        width: calc(50% - 10px) !important;
        margin: 0 !important;
    }
}
@media all and (max-width: 980px) {
    .services-block__item {
        padding: 13px 17px 21px;
    }
}
.services-block__item-header {
    margin-left: -20px;
    margin-top: -18px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 35px;
    margin-bottom: 20px;
}
@media all and (max-width: 980px) {
    .services-block__item-header {
        gap: 20px;
        margin-left: -17px;
        margin-top: -13px;
    }
}
.services-block__item-icon {
    position: relative;
    width: 84px;
    height: 84px;
    border-bottom: 9px solid #fff;
    border-right: 9px solid #fff;
    border-radius: 0 0 8px 0;
    background: #fff;
    -ms-flex-item-align: start;
        align-self: flex-start;
}
.services-block__item-icon span {
    width: 75px;
    height: 75px;
    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: var(--primary);
    border-radius: 8px;
}
.services-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    color: var(--black-blue);
    max-width: 70%;
    padding-top: 10px;
}
@media all and (max-width: 980px) {
    .services-block__item-title {
        font-size: 22px;
        line-height: 30px;
    }
}
.services-block__item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
}
.services-block__item-list .list-item {
    padding-left: 44px;
    position: relative;
}
.services-block__item-list .list-item:before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0;
    background: url("data:image/svg+xml,%3Csvg width='33' height='33' viewBox='0 0 33 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2861 25.0129L26.9654 11.2589L25.0746 9.37842L13.2811 21.2367L7.62927 15.5848L5.74365 17.4705L13.2861 25.0129Z' fill='%230BB9EE'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
.services-block__item-list .list-item__title {
    font-family: "helvetica-rounded", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: #000;
}
.services-block__item-list .list-item__desc {
    margin-top: 3px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--black);
}

.stories-block {
    padding-top: 60px;
    padding-bottom: 80px;
    position: relative;
    background: #fff;
    overflow: hidden;
}
@media all and (max-width: 980px) {
    .stories-block {
        padding-top: 26px;
        padding-bottom: 26px;
    }
}
.stories-block:before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 50%;
    border-bottom-right-radius: 150px;
    background: #1f2025;
}
@media all and (max-width: 980px) {
    .stories-block:before {
        width: 100%;
        border-radius: 0;
        bottom: auto;
        height: 20%;
    }
}
.stories-block__inner {
    position: relative;
}
.stories-block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 46px;
}
@media all and (max-width: 980px) {
    .stories-block__header {
        margin-bottom: 0;
    }
}
.stories-block__title {
    width: 50%;
    color: var(--grey-2);
}
@media all and (max-width: 980px) {
    .stories-block__title {
        width: 100%;
    }
}
.stories-block__desc {
    width: 50%;
    padding-left: 42px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--grey-2);
}
@media all and (max-width: 980px) {
    .stories-block__desc {
        display: none;
    }
}
.stories-block__desc.mobile-desc {
    display: none;
}
@media all and (max-width: 980px) {
    .stories-block__desc.mobile-desc {
        display: block;
        padding-left: 0;
        margin-top: 17px;
        width: auto;
    }
}
@media all and (max-width: 980px) {
    .stories-block__body {
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
}
.stories-block__body .swiper-pagination {
    margin-top: 10px;
    position: static;
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 7px;
}
@media all and (max-width: 980px) {
    .stories-block__body .swiper-pagination {
        padding: 0 20px;
        margin-top: 17px;
    }
}
.stories-block__body .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0;
    border-radius: 100%;
    cursor: pointer;
    pointer-events: auto;
    background: rgba(217, 217, 217, 0.6980392157);
    border: 1px solid rgba(217, 217, 217, 0.6980392157);
    opacity: 1;
}
.stories-block__body .swiper-pagination .swiper-pagination-bullet:hover {
    background: var(--primary);
    border-color: var(--primary);
}
.stories-block__body .swiper-pagination .swiper-pagination-bullet-active {
    border-color: var(--primary);
    background: none;
}
.stories-block__slider {
    overflow: visible;
}
.stories-block__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
    opacity: 1 !important;
    visibility: hidden;
}
@media all and (max-width: 1024px) {
    .stories-block__item {
        visibility: visible;
    }
}
@media all and (max-width: 980px) {
    .stories-block__item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 0;
    }
}
@media all and (min-width: 1025px) {
    .stories-block__item:not(.swiper-slide-active) {
        visibility: hidden;
    }
    .stories-block__item.swiper-slide-active {
        visibility: visible;
    }
}
.stories-block__left {
    width: 40%;
}
@media all and (max-width: 980px) {
    .stories-block__left {
        width: 100%;
        background: #1f2025;
        padding: 20px 20px 76px;
        border-radius: 0 0 150px 0;
    }
}
.stories-block__case-study {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--primary);
    margin-bottom: 4px;
}
.stories-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: #fff;
    margin-bottom: 37px;
}
@media all and (max-width: 980px) {
    .stories-block__item-title {
        margin-bottom: 25px;
    }
}
.stories-block__challenge {
    font-family: "helvetica", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: left;
    color: #fff;
    margin-bottom: 10px;
}
.stories-block__challenge-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--grey-1);
    margin-bottom: 10px;
}
.stories-block__solution {
    padding: 2px 7px;
    border-radius: 7px;
    color: #fff;
    background: linear-gradient(240.03deg, rgba(11, 185, 238, 0.5) 10.19%, rgba(59, 60, 254, 0.5) 44.73%, rgba(220, 128, 254, 0.5) 91.47%);
    font-family: "Geologica", sans-serif;
    font-size: 15px;
    font-weight: 200;
    line-height: normal;
    text-align: left;
    margin-bottom: 10px;
    display: inline-block;
    width: auto;
}
.stories-block__solution-text {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--grey-1);
}
.stories-block__right {
    width: calc(60% - 20px);
    padding-left: 60px;
    position: relative;
    padding-top: 47px;
    padding-bottom: 57px;
}
@media all and (max-width: 980px) {
    .stories-block__right {
        width: 100%;
        padding: 34px 20px 35px;
        margin-top: -40px;
    }
}
.stories-block__right:before {
    content: "";
    border-radius: 0 150px 0 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    background: linear-gradient(240.03deg, rgba(11, 185, 238, 0.3) 10.19%, rgba(59, 60, 254, 0.3) 44.73%, rgba(220, 128, 254, 0.3) 91.47%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
@media all and (max-width: 980px) {
    .stories-block__right:before {
        border-radius: 0 100px 0 0;
        -webkit-transform: none;
                transform: none;
        width: 100%;
    }
}
.stories-block__results {
    padding-left: 70px;
    position: relative;
}
@media all and (max-width: 980px) {
    .stories-block__results {
        padding-left: 0;
    }
}
.stories-block__results:before {
    content: "";
    width: 41px;
    height: 41px;
    position: absolute;
    top: -5px;
    left: 0;
    background: url("data:image/svg+xml,%3Csvg width='41' height='41' viewBox='0 0 41 41' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M40.8027 20.6426C40.8027 24.5903 39.6074 28.4295 37.3462 31.7452C37.039 32.1959 36.5341 32.4395 36.0199 32.4395C35.7155 32.4395 35.4076 32.3543 35.1355 32.1758C34.4037 31.6964 34.2073 30.7259 34.6963 30.0084C36.606 27.2084 37.6152 23.9699 37.6152 20.6426C37.6152 19.2128 37.4328 17.7929 37.0729 16.4226C36.8535 15.587 37.3668 14.735 38.2191 14.5198C39.072 14.305 39.9405 14.8079 40.1599 15.6435C40.5864 17.2683 40.8027 18.9501 40.8027 20.6426ZM29.3065 35.0875C26.6295 36.6771 23.5507 37.5176 20.4027 37.5176C10.9118 37.5176 3.19019 29.9474 3.19019 20.6426C3.19019 11.3378 10.9118 3.76758 20.4027 3.76758C23.9167 3.76758 27.2957 4.79846 30.1747 6.74884C30.8987 7.23926 31.8914 7.06134 32.3919 6.3515C32.8922 5.64166 32.711 4.66846 31.9866 4.17774C28.5725 1.86511 24.567 0.642578 20.4027 0.642578C14.9537 0.642578 9.83071 2.72296 5.97769 6.50043C2.12468 10.2779 0.00268555 15.3005 0.00268555 20.6426C0.00268555 25.9847 2.12468 31.0073 5.97769 34.7847C9.83071 38.5622 14.9537 40.6426 20.4027 40.6426C24.1331 40.6426 27.7831 39.6459 30.9582 37.7602C31.7112 37.3131 31.9518 36.3524 31.4958 35.6142C31.0394 34.876 30.0595 34.6404 29.3065 35.0875ZM20.5565 25.1732C20.304 25.183 20.0684 25.0951 19.8853 24.9242L11.5384 17.1651C10.8996 16.5712 9.89079 16.5975 9.28535 17.2237C8.6796 17.8499 8.70637 18.839 9.34511 19.4326L17.6905 27.1904C18.4612 27.9088 19.4583 28.2988 20.5148 28.2988C20.5714 28.2988 20.6281 28.2976 20.6847 28.2955C21.8038 28.2512 22.8316 27.7764 23.5787 26.9582C23.5977 26.9378 23.6157 26.9167 23.6335 26.895L40.451 6.38721C41.0025 5.7146 40.8936 4.73102 40.2075 4.19055C39.5218 3.64978 38.5182 3.75659 37.9666 4.4292L21.1821 24.897C21.0172 25.0658 20.7961 25.1638 20.5565 25.1732Z' fill='%230BB9EE'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
.stories-block__results-title {
    font-family: "helvetica", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    color: var(--black-blue);
    margin-bottom: 32px;
}
@media all and (max-width: 980px) {
    .stories-block__results-title {
        padding-left: 70px;
        margin-bottom: 20px;
    }
}
.stories-block__results-list {
    max-width: 499px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 8px;
}
@media all and (max-width: 980px) {
    .stories-block__results-list {
        max-width: 100%;
    }
}
.stories-block__result-item {
    padding-left: 24px;
    position: relative;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #000;
}
.stories-block__result-item:before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 100%;
    position: absolute;
    background: #000;
    top: 11px;
    left: 9px;
}
.stories-block__result-item b {
    font-weight: 700;
    font-family: "helvetica-rounded", sans-serif;
}

.support-block {
    padding-top: 100px;
    padding-bottom: 76px;
    background: #fff;
}
@media all and (max-width: 980px) {
    .support-block {
        padding-top: 26px;
        padding-bottom: 28px;
    }
}
.support-block__title {
    text-align: center;
    margin-bottom: 50px;
}
@media all and (max-width: 980px) {
    .support-block__title {
        margin-bottom: 25px;
    }
}
.support-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px 20px;
}
.support-block__item {
    width: calc(33.3% - 14px);
    padding: 38px 33px;
    background: #F3EFEB;
    border-radius: 5px 8px 5px 5px;
    cursor: pointer;
    pointer-events: auto;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@media all and (max-width: 980px) {
    .support-block__item {
        padding: 19px 56px 25px 23px;
    }
}
@media all and (max-width: 768px) {
    .support-block__item {
        width: calc(50% - 10px);
    }
}
@media all and (max-width: 550px) {
    .support-block__item {
        width: 100%;
    }
}
.support-block__item:hover {
    background: #fff;
    -webkit-box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
            box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
}
.support-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 22px;
    font-weight: 400;
    line-height: 30px;
    text-align: left;
    color: var(--black-blue);
}
.support-block__item-icon {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0;
    border-left: 8px solid #fff;
    border-bottom: 8px solid #fff;
    border-radius: 0 8px 0 8px;
    background: #fff;
}
.support-block__item-icon span {
    display: block;
    width: 42px;
    height: 42px;
    border-radius: 8px;
    background: #fff;
    -webkit-box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
            box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
    background: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.6247 8.56453C18.0152 8.174 18.0152 7.54084 17.6247 7.15032L11.2607 0.786354C10.8702 0.39583 10.2371 0.39583 9.84653 0.786354C9.45601 1.17688 9.45601 1.81004 9.84653 2.20057L15.5034 7.85742L9.84653 13.5143C9.45601 13.9048 9.45601 14.538 9.84653 14.9285C10.2371 15.319 10.8702 15.319 11.2607 14.9285L17.6247 8.56453ZM0.690552 8.85742H16.9176V6.85742H0.690552V8.85742Z' fill='white'/%3E%3C/svg%3E%0A") 50% no-repeat var(--primary);
}

.pricing-block {
    background: #fff;
    padding-top: 77px;
    padding-bottom: 87px;
}
@media all and (max-width: 980px) {
    .pricing-block {
        padding-top: 28px;
        padding-bottom: 0;
    }
}
.pricing-block__header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 50px;
    gap: 47px;
}
@media all and (max-width: 980px) {
    .pricing-block__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        margin-bottom: 18px;
    }
}
.pricing-block__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--grey-2);
    max-width: 725px;
}
@media all and (max-width: 980px) {
    .pricing-block__desc {
        max-width: 100%;
    }
}
.pricing-block__body {
    background: #F3EFEB;
    border-radius: 5px;
    padding: 35px 27px 42px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
@media all and (max-width: 980px) {
    .pricing-block__body {
        border-radius: 0;
        padding: 47px 20px 60px;
        width: calc(100% + 40px);
        margin: 0 -20px;
    }
}
.pricing-block__items-titles {
    width: calc(25% - 10px);
    margin-top: 58px;
}
@media all and (max-width: 980px) {
    .pricing-block__items-titles {
        display: none;
    }
}
.pricing-block__items-title {
    min-height: 75.5px;
    margin-bottom: 5.5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px;
    font-family: "helvetica", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: var(--grey-2);
}
.pricing-block__items-title:not(:last-child) {
    border-bottom: 1px solid var(--grey-1);
}
.pricing-block__slider {
    width: calc(75% - 10px);
}
@media all and (max-width: 980px) {
    .pricing-block__slider {
        width: calc(100% + 20px);
        margin-right: -20px;
    }
}
.pricing-block__item:nth-child(2n) .pricing-block__item-title {
    color: var(--black-blue);
}
.pricing-block__item:nth-child(2n) .pricing-block__item-btn a {
    background: var(--black-blue);
}
.pricing-block__item:nth-child(3n) .pricing-block__item-title {
    color: var(--primary-2);
}
.pricing-block__item:nth-child(3n) .pricing-block__item-btn a {
    background: var(--primary-2);
}
.pricing-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
    margin-bottom: 28px;
    text-align: center;
    color: var(--primary);
}
.pricing-block__item-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5.5px;
}
.pricing-block__item-price {
    background: #fff;
    padding: 15px 20px;
    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-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 74px;
}
.pricing-block__item-price .mobile-title {
    display: none;
}
@media all and (max-width: 980px) {
    .pricing-block__item-price .mobile-title {
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        color: var(--grey-2);
    }
}
.pricing-block__item-price .title {
    font-family: "helvetica", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    color: var(--black-blue);
}
.pricing-block__item-price .title b {
    font-family: "helvetica", sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}
.pricing-block__item-btn {
    margin-top: 22px;
    padding: 0 36px;
    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;
    min-height: 30px;
}
@media all and (max-width: 480px) {
    .pricing-block__item-btn {
        padding: 0;
    }
}
.pricing-block__item-btn a {
    display: block;
    text-decoration: none;
    color: #fff;
    border-radius: 250px;
    background: var(--primary);
    font-size: 0;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    width: 0;
}
.pricing-block__item-btn a:hover {
    opacity: 0.8;
}

.demobook-block {
    position: relative;
    padding-top: 60px;
    padding-bottom: 71px;
    overflow: hidden;
}
@media all and (max-width: 980px) {
    .demobook-block {
        padding-top: 23px;
        padding-bottom: 20px;
    }
}
.demobook-block:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(129.89deg, rgba(116, 12, 255, 0.4) 5.88%, rgba(11, 185, 238, 0.4) 98.56%);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
    opacity: 0.2;
}
.demobook-block__inner {
    position: relative;
}
.demobook-block__title {
    margin-bottom: 34px;
}
.demobook-block__form-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px 22px;
}
@media all and (max-width: 980px) {
    .demobook-block__form-inner {
        gap: 16px 22px;
    }
}
.demobook-block__form-field {
    width: calc(33.3% - 14.7px);
}
@media all and (max-width: 980px) {
    .demobook-block__form-field {
        width: calc(50% - 11px);
    }
}
@media all and (max-width: 600px) {
    .demobook-block__form-field {
        width: 100%;
    }
}
.demobook-block__form-field.form-button {
    width: 100%;
    margin-top: 8px;
}
@media all and (max-width: 600px) {
    .demobook-block__form-field.form-button {
        margin-top: 2px;
    }
}
.demobook-block__form-field.half-width {
    width: calc(50% - 11px);
}
@media all and (max-width: 600px) {
    .demobook-block__form-field.half-width {
        width: 100%;
    }
}
.demobook-block__form-field input[type=text], .demobook-block__form-field input[type=phone], .demobook-block__form-field input[type=email], .demobook-block__form-field select, .demobook-block__form-field textarea, .demobook-block__form-field input[type=tel] {
    width: 100%;
    border: none;
    border-radius: 0;
    background: #fff;
    padding: 17px 28px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: #000;
    outline: none;
    border: 1px solid #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media all and (max-width: 980px) {
    .demobook-block__form-field input[type=text], .demobook-block__form-field input[type=phone], .demobook-block__form-field input[type=email], .demobook-block__form-field select, .demobook-block__form-field textarea, .demobook-block__form-field input[type=tel] {
        padding: 17px 13px;
        padding-right: 30px;
    }
}
.demobook-block__form-field input[type=text]:focus, .demobook-block__form-field input[type=phone]:focus, .demobook-block__form-field input[type=email]:focus, .demobook-block__form-field select:focus, .demobook-block__form-field textarea:focus, .demobook-block__form-field input[type=tel]:focus {
    border-color: var(--black);
}
@media all and (min-width: 981px) {
    .demobook-block__form-field input[type=text]:hover, .demobook-block__form-field input[type=phone]:hover, .demobook-block__form-field input[type=email]:hover, .demobook-block__form-field select:hover, .demobook-block__form-field textarea:hover, .demobook-block__form-field input[type=tel]:hover {
        border-color: var(--black);
    }
}
.demobook-block__form-field select {
    cursor: pointer;
    padding: 19.5px 28px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.27881 0.567139L6.19537 5.43286L10.8882 0.567139' stroke='black' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    background-position: top 50% right 31px;
    background-repeat: no-repeat;
}
@media all and (max-width: 980px) {
    .demobook-block__form-field select {
        padding: 17px 13px;
        padding-right: 30px;
        background-position: top 50% right 10px;
    }
}
.demobook-block__form-field button {
    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;
    gap: 10px;
    width: 100%;
    border: none;
    border-radius: 5px;
    background: var(--primary);
    color: #fff;
    font-family: "helvetica", sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding: 13px 20px;
    cursor: pointer;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.demobook-block__form-field button:hover {
    background: var(--primary-hover);
}
.demobook-block__form-field button span {
    font-family: inherit;
}
.demobook-block__form-field button .icon {
    font-size: 0;
    line-height: normal;
}
.demobook-block .delim {
    width: 100%;
    height: 1px;
    background: var(--grey-1);
}
.demobook-block .form_success {
    font-size: 20px;
    color: var(--black-blue);
    font-weight: 600;
    font-family: "helvetica", sans-serif;
}


/* Section for all pages-block */
.pages-block {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 50px;
}
@media all and (max-width: 980px) {
    .pages-block {
        padding: 22px;
        padding-bottom: 20px;
    }
}
.pages-block__header {
    margin-bottom: 66px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
}
@media all and (max-width: 980px) {
    .pages-block__header {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 10px;
        margin-bottom: 30px;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;
    }
}
.pages-block__desc {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: var(--grey-2);
}
.pages-block__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 48px;
}
@media all and (max-width: 550px) {
    .pages-block__list {
        gap: 30px;
    }
}
.pages-block__item {
    width: calc(33.3% - 32px);
}
@media all and (max-width: 768px) {
    .pages-block__item {
        width: calc(50% - 24px);
    }
}
@media all and (max-width: 550px) {
    .pages-block__item {
        width: 100%;
    }
}
.pages-block__item:last-child .pages-block__item-title:before {
    background-image: url("data:image/svg+xml,%3Csvg width='89' height='2' viewBox='0 0 89 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline opacity='0.3' x1='0.0993661' y1='0.991211' x2='88.991' y2='0.991364' stroke='black'/%3E%3C/svg%3E%0A");
}
.pages-block__item-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 15px;
    margin-bottom: 40px;
}
.pages-block__item-number {
    font-family: "helvetica", sans-serif;
    font-size: 26px;
    font-weight: 700;
    line-height: 39px;
    text-align: left;
    color: var(--primary);
    position: relative;
}
.pages-block__item-number span {
    position: relative;
}
.pages-block__item-circle {
    position: absolute;
    top: -16px;
    left: -14px;
    width: 0;
    height: 0;
    border-radius: 100%;
    background: #F3EFEB;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pages-block__item-title {
    font-family: "helvetica", sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: left;
    color: var(--black);
    position: relative;
}
.pages-block__item-title:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -13px;
    width: 89px;
    height: 8px;
    background: url("data:image/svg+xml,%3Csvg width='90' height='8' viewBox='0 0 90 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.3' d='M89.2361 4.34492C89.4314 4.14966 89.4314 3.83307 89.2361 3.63781L86.0541 0.455825C85.8589 0.260562 85.5423 0.260562 85.347 0.455824C85.1518 0.651085 85.1518 0.967668 85.347 1.16293L88.1755 3.99136L85.347 6.81978C85.1518 7.01505 85.1518 7.33163 85.347 7.52689C85.5423 7.72215 85.8589 7.72215 86.0541 7.52689L89.2361 4.34492ZM-0.00903406 4.49121L88.8826 4.49136L88.8826 3.49136L-0.00903234 3.49121L-0.00903406 4.49121Z' fill='black'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
.pages-block__item-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 13px;
}
.pages-block__item-list .list-item {
    padding-left: 36px;
    position: relative;
}
.pages-block__item-list .list-item:before {
    content: "";
    width: 11.5px;
    height: 11.5px;
    position: absolute;
    left: 0;
    top: 7px;
    border-radius: 100%;
    background: var(--primary);
}
.pages-block__item-list .list-item__title {
    font-family: "helvetica", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: left;
    color: var(--black-blue);
}
.pages-block__item-list .list-item__desc {
    margin-top: 13px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--grey-2);
}
/* End of pages-block */

.site-footer {
    background: var(--black);
    padding-top: 26px;
    padding-bottom: 20px;
}
.site-footer__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
@media all and (max-width: 1024px) {
    .site-footer__inner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        gap: 20px;
    }
}
@media all and (max-width: 1024px) {
    .site-footer__left {
        width: 100%;
    }
}
.site-footer__logo {
    margin-bottom: 3px;
}
@media all and (max-width: 1024px) {
    .site-footer__logo {
        width: 100%;
        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;
    }
}
.site-footer__copyright {
/*   padding-left: 53px; */
    color: #fff;
    font-family: "Geologica", sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 18px;
    text-align: left;
}
@media all and (max-width: 1024px) {
    .site-footer__copyright {
        display: none;
        padding-left: 0;
    }
}
@media all and (max-width: 700px) {
    .site-footer__copyright {
        text-align: center;
    }
}
.site-footer__copyright.mobile-copyright {
    display: none;
}
@media all and (max-width: 1024px) {
    .site-footer__copyright.mobile-copyright {
        display: block;
        width: 100%;
    }
}
.site-footer__right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    gap: 25px;
}
@media all and (max-width: 1024px) {
    .site-footer__right {
        width: 100%;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
}
@media all and (max-width: 700px) {
    .site-footer__right {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        padding-left: 50px;
        gap: 10px;
    }
}
.site-footer__address {
    width: 100%;
    max-width: 260px;
    padding-left: 28px;
    position: relative;
}
@media all and (max-width: 700px) {
    .site-footer__address {
        max-width: 100%;
        -webkit-box-ordinal-group: 100;
            -ms-flex-order: 99;
                order: 99;
    }
}
.site-footer__address:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_106_1289)'%3E%3Cpath d='M10.797 3.55664C8.49906 3.55664 6.63037 5.42584 6.63037 7.72331C6.63037 10.0208 8.49906 11.89 10.797 11.89C13.095 11.89 14.9637 10.0208 14.9637 7.72331C14.9637 5.42584 13.095 3.55664 10.797 3.55664ZM10.797 10.8483C9.07381 10.8483 7.67204 9.44653 7.67204 7.72331C7.67204 6.00008 9.07381 4.59831 10.797 4.59831C12.5203 4.59831 13.922 6.00008 13.922 7.72331C13.922 9.44653 12.5203 10.8483 10.797 10.8483Z' fill='white'/%3E%3Cpath d='M10.8076 0.992621C10.7993 0.992246 10.7926 0.992246 10.7843 0.992621C10.7753 0.992246 10.7685 0.99187 10.761 0.992621C6.89607 1.01178 3.7583 4.15856 3.7583 8.02349C3.7583 9.8583 4.55683 11.3735 5.23141 12.3256C5.23516 12.332 5.23967 12.3384 5.24493 12.3448L10.3073 19.2194C10.4155 19.367 10.6138 19.4542 10.7971 19.4542C10.9804 19.4542 11.1531 19.367 11.2613 19.2194L16.3237 12.3448C16.3289 12.3384 16.3334 12.332 16.3372 12.3256C17.0118 11.3735 17.8103 9.8583 17.8103 8.02349C17.8103 4.15856 14.6725 1.01178 10.8076 0.992621ZM15.3877 11.6702C15.3877 11.6706 15.3877 11.6706 15.3877 11.6706L10.7843 17.9217L6.18093 11.6706C6.18093 11.6706 6.18093 11.6706 6.18093 11.6702C5.60175 10.8559 4.91215 9.56233 4.91215 8.02349C4.91215 4.78694 7.54511 2.15323 10.7843 2.14647C14.0235 2.15323 16.6564 4.78694 16.6564 8.02349C16.6564 9.56233 15.9668 10.8559 15.3877 11.6702Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_106_1289'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.797119 0.223633)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat;
}
.site-footer__address-text {
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    color: #fff;
}
.site-footer__socials {
    margin-top: 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
}
@media all and (max-width: 1024px) {
    .site-footer__socials {
        display: none;
    }
}
.site-footer__socials.mobile-socials {
    display: none;
}
@media all and (max-width: 1024px) {
    .site-footer__socials.mobile-socials {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-top: 0;
    }
}
.site-footer__socials-item a {
    font-size: 0;
    line-height: normal;
}
.site-footer__socials-item a:hover img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.site-footer__socials-item a img {
    max-width: 25px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    will-change: transform;
}
.site-footer__contacts {
    width: 100%;
    max-width: 220px;
}
@media all and (max-width: 700px) {
    .site-footer__contacts {
        max-width: 100%;
    }
}
.site-footer__phones {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    margin-bottom: 6px;
}
.site-footer__phones .messengers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
}
.site-footer__phones .messengers a {
    font-size: 0;
    line-height: normal;
}
.site-footer__phones .messengers a:hover img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.site-footer__phones .messengers a img {
    max-width: 25px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    will-change: transform;
}
.site-footer__phone-item {
    position: relative;
    padding-left: 24px;
}
.site-footer__phone-item:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
    background: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_106_1308)'%3E%3Cpath d='M4.06076 11.1181C5.51285 12.8473 7.26085 14.2088 9.25595 15.1722C10.0156 15.5308 11.0314 15.9563 12.1632 16.0292C12.2334 16.0323 12.3005 16.0353 12.3706 16.0353C13.1302 16.0353 13.7404 15.774 14.2376 15.236C14.2407 15.233 14.2468 15.2269 14.2498 15.2208C14.4267 15.0081 14.6281 14.8166 14.8386 14.613C14.982 14.4763 15.1284 14.3334 15.2687 14.1875C15.9185 13.5129 15.9185 12.6558 15.2626 12.0024L13.4292 10.1759C13.118 9.8538 12.7459 9.68361 12.3554 9.68361C11.9649 9.68361 11.5897 9.8538 11.2694 10.1729L10.1772 11.2609C10.0766 11.2032 9.97285 11.1515 9.87523 11.1029C9.7532 11.0421 9.64033 10.9843 9.53966 10.9205C8.54516 10.2914 7.64218 9.47088 6.77885 8.41631C6.34262 7.86623 6.04976 7.40429 5.84537 6.93323C6.13212 6.67491 6.40058 6.40443 6.65988 6.14003C6.7514 6.04582 6.84597 5.95161 6.94054 5.85739C7.27 5.52917 7.44694 5.14928 7.44694 4.76332C7.44694 4.37736 7.27305 3.99747 6.94054 3.66925L6.03145 2.7636C5.92468 2.65723 5.82401 2.5539 5.72029 2.44753C5.51895 2.24087 5.30846 2.02814 5.10102 1.83667C4.7868 1.52972 4.41768 1.36865 4.0272 1.36865C3.63977 1.36865 3.2676 1.52972 2.94118 1.83971L1.80025 2.97633C1.38537 3.38965 1.15047 3.8911 1.10166 4.47157C1.0437 5.19791 1.17793 5.96984 1.5257 6.90284C2.05955 8.34641 2.86492 9.68665 4.06076 11.1181ZM1.84601 4.53539C1.88262 4.13119 2.0382 3.79385 2.33106 3.5021L3.46589 2.37155C3.64282 2.20136 3.83806 2.11323 4.0272 2.11323C4.21329 2.11323 4.40243 2.20136 4.57631 2.37763C4.7807 2.56606 4.97289 2.7636 5.18033 2.97329C5.28405 3.07966 5.39082 3.18603 5.4976 3.29544L6.40668 4.20109C6.59582 4.38951 6.69344 4.58097 6.69344 4.7694C6.69344 4.95782 6.59582 5.14929 6.40668 5.33771C6.31211 5.43192 6.21754 5.52917 6.12297 5.62338C5.83927 5.90906 5.57386 6.17954 5.281 6.43786C5.2749 6.44394 5.27185 6.44698 5.26575 6.45306C5.01255 6.7053 5.05221 6.94539 5.11322 7.12773C5.11627 7.13685 5.11932 7.14293 5.12237 7.15205C5.35727 7.71428 5.68368 8.24916 6.19314 8.88737C7.10832 10.0118 8.07231 10.8841 9.13393 11.5557C9.26511 11.6408 9.40543 11.7076 9.53661 11.7745C9.65863 11.8353 9.77151 11.893 9.87218 11.9569C9.88438 11.9629 9.89353 11.969 9.90573 11.9751C10.0064 12.0268 10.104 12.0511 10.2016 12.0511C10.4457 12.0511 10.6043 11.8961 10.6562 11.8444L11.7971 10.7078C11.9741 10.5315 12.1662 10.4373 12.3554 10.4373C12.5872 10.4373 12.7764 10.5801 12.8953 10.7078L14.7349 12.5373C15.1009 12.902 15.0979 13.2971 14.7257 13.6831C14.5976 13.8198 14.4634 13.9505 14.32 14.0873C14.1064 14.2939 13.8837 14.5067 13.6824 14.7467C13.3316 15.1236 12.9136 15.2999 12.3737 15.2999C12.3218 15.2999 12.2669 15.2968 12.215 15.2938C11.2144 15.23 10.284 14.841 9.58542 14.5097C7.68794 13.5949 6.0223 12.2972 4.64037 10.65C3.50249 9.28549 2.73679 8.01515 2.23039 6.65364C1.91618 5.81789 1.7972 5.14625 1.84601 4.53539Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_106_1308'%3E%3Crect width='16' height='16' fill='white' transform='translate(0.421875 0.702148)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") 50% no-repeat;
}
.site-footer__phone-item a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.site-footer__phone-item a:hover {
    color: var(--primary);
}
.site-footer__mails {
    position: relative;
    padding-left: 24px;
}
.site-footer__mails:before {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 4px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9351 6.12451L8.97291 8.5332C8.41325 8.97721 7.62583 8.97721 7.06617 8.5332L4.07898 6.12451' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.2726 14.2236C13.3002 14.2292 14.6667 12.5633 14.6667 10.5159V5.93697C14.6667 3.88952 13.3002 2.22363 11.2726 2.22363H4.72747C2.6999 2.22363 1.33337 3.88952 1.33337 5.93697V10.5159C1.33337 12.5633 2.6999 14.2292 4.72747 14.2236H11.2726Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") 50% no-repeat;
}
.site-footer__mail-item a {
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    text-align: left;
    color: #fff;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.site-footer__mail-item a:hover {
    color: var(--primary);
}
@media all and (max-width: 700px) {
    .site-footer__btn {
        width: calc(100% + 50px);
        margin-left: -50px;
        margin-top: 15px;
        -webkit-box-ordinal-group: 1000;
            -ms-flex-order: 999;
                order: 999;
    }
}
.site-footer__btn a {
    border: 1px solid #fff;
    border-radius: 250px;
    color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 12.5px 29px;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
@media all and (max-width: 700px) {
    .site-footer__btn a {
        width: 100%;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
}
.site-footer__btn a:hover {
    background: var(--primary);
    border-color: var(--primary);
}
.site-footer__btn a .icon {
    font-size: 0;
    line-height: normal;
}

.to-top-btn {
    position: fixed;
    z-index: 5;
    bottom: 20px;
    right: 20px;
}
.to-top-btn a {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    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;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: rgba(122, 122, 122, 0.3);
    will-change: transform;
    opacity: 0;
    visibility: hidden;
}
.to-top-btn a.active {
    opacity: 1;
    visibility: visible;
}
.to-top-btn a:hover {
    background: var(--primary);
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
}
.to-top-btn a:hover svg path {
    fill: #fff;
}
.to-top-btn a svg path {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.popup-block {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px;
    z-index: 20;
    overflow: auto;
    background: rgba(0, 0, 0, 0.3);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    opacity: 0;
    visibility: hidden;
}
.popup-block.opened {
    opacity: 1;
    visibility: visible;
}
.popup-block.opened .popup-block__inner {
    -webkit-transform: scale(1);
            transform: scale(1);
}
.popup-block.popup-form .popup-block__title {
    color: var(--primary-2);
}
@media all and (min-width: 981px) {
    .popup-block.popup-form .popup-block__title {
        margin-bottom: 60px;
    }
}
.popup-block.popup-form .popup-block__inner {
    max-width: 580px;
    max-height: unset;
    height: auto;
}
@media all and (min-width: 981px) {
    .popup-block.popup-form .popup-block__inner {
        padding: 32px 42px 80px;
    }
}
@media all and (min-width: 981px) {
    .popup-block.popup-form .popup-block__body {
        padding: 0 38px;
    }
}
.popup-block__inner {
    padding: 40px 38px 60px;
    position: relative;
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
            box-shadow: 0px 8px 39px 0px rgba(0, 0, 0, 0.1882352941);
    margin: auto;
    width: 100%;
    max-height: 600px;
    max-width: 1000px;
    height: 100%;
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    will-change: transform;
}
@media all and (max-width: 980px) {
    .popup-block__inner {
        padding: 20px;
    }
}
.popup-block__closer {
    position: absolute;
    cursor: pointer;
    pointer-events: auto;
    width: 36px;
    height: 36px;
    top: 24px;
    right: 29px;
    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;
}
@media all and (max-width: 980px) {
    .popup-block__closer {
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        padding: 5px;
    }
}
.popup-block__closer:hover svg line {
    stroke: var(--primary);
}
.popup-block__closer svg line {
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.popup-block__title {
    font-size: 40px;
    font-weight: 400;
    line-height: 40px;
    text-align: left;
    text-transform: uppercase;
    color: var(--black-blue);
    margin-bottom: 37px;
}
@media all and (max-width: 980px) {
    .popup-block__title {
        font-size: 30px;
        padding-right: 20px;
        margin-bottom: 15px;
    }
}
.popup-block__body {
    max-height: calc(100% - 100px);
    overflow: auto;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: left;
    color: var(--black-blue);
    padding-right: 20px;
}
.popup-block__body::-webkit-scrollbar {
    width: 10px;
}
.popup-block__body::-webkit-scrollbar-track {
    background: #d9d9d9;
    border-radius: 22px;
}
.popup-block__body::-webkit-scrollbar-thumb {
    background-color: var(--primary);
    border-radius: 22px;
    border: none;
}
.popup-block__body ul, .popup-block__body ol {
    margin: 0;
    padding: 0;
    padding-left: 25px;
}
.popup-block__body ul > li {
    position: relative;
}
.popup-block__body ul > li:before {
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background: var(--black-blue);
    top: 10px;
    left: -15px;
    position: absolute;
}
.popup-block__body b {
    font-weight: 700;
    font-family: "helvetica", sans-serif;
}
.popup-block__body p:first-child {
    margin-top: 0;
}
.popup-block__body p:last-child {
    margin-bottom: 0;
}

/* Popup */
.popup-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

.popup-body {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

.popup-overlay {
    position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
    background: rgba(0, 0, 0, 0.7);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.popup-overlay.open {
    display: flex;
}

.popup-container {
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 8px;
    width: 500px;
    max-width: 90%;
}

.popup-loader {
    text-align: center;
    font-size: 16px;
    color: #666;
}

.popup-close {
    margin-top: 10px;
    padding: 10px 20px;
    background: #f00;
    color: #fff;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.popup-close-icon {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    background: transparent;
    border: none;
    line-height: 1;
    z-index: 1000; /* Ensure it's above other elements */
}

.popup-close-icon:hover {
    color: #f00;
}