/*стили сброса и общие стили*/

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: none;
    font-family: 'Jost', sans-serif;
}

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

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

body {
    line-height: 1
}

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

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

button {
    background: transparent
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

h1 {
    font-size: 64px;
    font-style: normal;
    font-weight: 450;
    line-height: 72px;
    font-family: 'Jost', sans-serif;
}

h2 {
    font-size: 32px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    font-family: 'Jost', sans-serif;
}

h3 {
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    font-family: 'Jost', sans-serif;
}

h4 {
    font-size: 20px;
    font-family: 'Jost', sans-serif;
}

h5 {
    font-size: 24px;
    font-family: 'Jost', sans-serif;
}

h6 {
    font-size: 16px;
    font-family: 'Jost', sans-serif;
}

p, a, span.div, li {

    font-family: 'Jost', sans-serif;

    text-decoration: none;

}

strong {

    font-weight: 600;

}

.mobile-price {

    display: none;

}

.b24-widget-button-inner-container {
    top: -100px;
}

.b24-widget-button-social {
    position: relative;
    top: -100px;
}

.ui-icon-service-bitrix_whatcrm_net_70680444 > i {
    background-size: 78% !important;
}

@media (max-width: 720px) {

    .b24-widget-button-inner-container {
        top: -170px;
    }

}


p {

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

    margin-bottom: 15px;

}

* {

    -webkit-box-sizing: border-box;

    box-sizing: border-box;

}

body {

    position: relative;

    background: #fff;

}

header {

    position: relative;

    min-height: 126px;

}

.overflow {

    overflow: hidden;

}

.wrap-header {

    width: 100%;

    position: relative;

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.container {

    width: 100%;

    max-width: 1750px;

    padding: 0 15px;

    margin: 0 auto;

}

.wrap-header .container {

    position: relative;

    z-index: 5;

}

.wrap-header-content {

    width: 100%;

    padding: 30px 0 20px;

    display: flex;

    align-items: center;

    gap: 20px;

    min-height: 126px;

}

nav {

    margin-left: auto;

    margin-right: 136px;

}

nav ul {

    display: flex;

    align-items: center;

    gap: 44px;

    margin: 0;

    padding: 0;

    list-style-type: none;

}

nav ul li {

    position: relative;

}

nav ul li a {

    position: relative;

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.header-btn {

    position: relative;

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}


.header-btn:after {

    position: absolute;

    content: "";

    width: 100%;

    bottom: 0;

    left: 0;

    border-bottom: 0.5px solid #0A0A0A;

    opacity: 0.4;

}

.header-btn:hover:after {

    border-bottom: 0.5px solid #23BD87;

}

.gamb {

    border-radius: 24px;

    width: 76px;

    height: 76px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-left: 115px;

    cursor: pointer;

    transition: all 0.3s;

}

.gamb:hover {

    background: #F6F6F6;

    transition: all 0.3s;

}

.gamb span {

    position: relative;

    width: 30px;

    height: 2px;

}

.gamb span:after {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    left: 0;

    top: -7px;

    background: #0A0A0A;

    transition: all 0.3s;

}

.gamb span:before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    left: 0;

    top: 5px;

    background: #0A0A0A;

    transition: all 0.3s;

}

.gamb.open span:before {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    left: 0;

    top: 0px;

    background: #0A0A0A;

    transform: rotate(-45deg);

    transition: all 0.3s;

}

.gamb.open span:after {

    position: absolute;

    content: "";

    width: 30px;

    height: 2px;

    left: 0;

    top: 0px;

    background: #0A0A0A;

    transform: rotate(45deg);

    transition: all 0.3s;

}

.main-top {

    padding-top: 100px;

}

.main-top h1, .name_form_block {

    color: #0A0A0A;

    font-size: 140px;

    font-style: normal;

    font-weight: 450;

    line-height: 128px;

    padding-right: 50px;

}

.main-top h1 span.decor {

    color: #D8D8D8;

    font-size: 140px;

    font-style: normal;

    font-weight: 450;

    line-height: 132px;

}

.wrap-bottom-top {

    margin-top: 60px;

    display: flex;

    align-items: center;

    gap: 96px;

}

.star-block {

    display: flex;

    align-items: center;

}

.star-block .golo {

    position: relative;

    z-index: 1;

    width: 64px;

    height: 64px;

    margin: 24px;

    display: flex;


    border-radius: 50%;

}

.golo .sticker-img {

    background-image: url('./../imgs/golo.png');

    background-size: contain;

}

.star-block p {

    color: rgba(10, 10, 10, 0.60);

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.min-block {

    display: flex;

    align-items: center;

    gap: 24px;

}

.wrap-min-img {

    display: flex;

    height: 64px;

    padding: 0 24px;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    border-radius: 24px;

    border: 1px solid rgba(10, 10, 10, 0.08);

}

.min-block p {

    display: flex;

    flex-direction: column;

    color: rgba(10, 10, 10, 0.60);

    font-family: "Open Sans", sans-serif;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

    margin: 0;

}

.min-block p a {

    width: fit-content;

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

    margin-bottom: 10px;

    /*  text-decoration: underline;

  text-decoration-color:  #909090;

  text-decoration-thickness: 1px;

  text-underline-offset: 4px;*/

}

.wrap-nav-top-fix {

    margin: 70px auto 0;

    width: fit-content;

    height: 142px;

    position: relative;

    overflow: hidden;

}

.glass-filter {

    position: absolute;

    inset: 0;

    z-index: 0;

    backdrop-filter: blur(3px);

    filter: url(#lg-dist);

    isolation: isolate;

}


.glass-overlay {

    position: absolute;

    inset: 0;

    z-index: 1;

    background: var(--lg-bg-color);

}


.glass-specular {

    position: absolute;

    inset: 0;

    z-index: 2;

    border-radius: inherit;

    overflow: hidden;

    box-shadow: inset 1px 1px 0 var(--lg-highlight),
    inset 0 0 5px var(--lg-highlight);

}

.wrap-nav-top {

    width: fit-content;

    border-radius: 46px;

    border-top: 16px solid rgba(255, 255, 255, 0.54);

    border-right: 16px solid rgba(255, 255, 255, 0.54);

    border-bottom: 16px solid rgba(255, 255, 255, 0.54);

    border-left: 16px solid rgba(255, 255, 255, 0.54);

    background: rgba(255, 255, 255, 0.10);

    box-shadow: inset 0 16px 10px rgba(0, 0, 0, 0.03);

    display: flex;

    align-items: center;

    padding: 16px;

    overflow: hidden;

    gap: 16px;

}

.wrap-nav-top.fix {

    position: fixed;

    bottom: 30px;

    left: 50%;

    width: auto;

    top: auto;

    border: none;

    transform: translateX(-50%);

    z-index: 10;

}

.wrap-nav-top ul {

    display: flex;

    margin: 0;

    padding: 0;

    gap: 4px;

    padding: 12px;

    align-items: center;

    border-radius: 32px;

    background: rgba(10, 10, 10, 0.08);

    backdrop-filter: blur(6px);

    position: relative;

    z-index: 6;

}

.wrap-nav-top ul li {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 54px;

    border-radius: 24px;

    background: #FFF;

    padding: 0 24px;

}

.wrap-nav-top ul li a {

    position: relative;

    margin-left: 16px;

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

    transition: all 0.3s;

}

.wrap-nav-top ul li a:after {

    left: -16px;

    position: absolute;

    content: "";

    top: 7px;

    width: 6px;

    height: 6px;

    border-radius: 50%;

    background: #0A0A0A;

    transition: all 0.3s;

}

.wrap-nav-top ul li a:hover {

    margin-left: 0;

    transition: all 0.3s;

}

.wrap-nav-top ul li a:hover:after {

    width: 0;

    height: 0;

    transition: all 0.3s;

}

.nav-top-btn {

    position: relative;

    color: #23BD87;

    font-size: 18px;

    background: #fff;

    font-style: normal;

    font-weight: 500;

    line-height: 18px;

    margin: 0px 32px;

    height: 54px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 24px;

    background: #FFF;

    padding: 0 24px;

    position: relative;

    overflow: hidden;

    z-index: 3;

    transition: all 0.3s;

}

.nav-top-btn span {

    position: relative;

    z-index: 5;

    transition: all 0.3s;

}

.nav-top-btn:after {

    position: absolute;

    content: "";

    left: 50%;

    top: 50%;

    width: 0%;

    border-radius: 50%;

    height: 0%;

    transform: translate(-50%, -50%);

    z-index: 4;

    background: #23BD87;

    transition: all 0.3s;

}

.nav-top-btn:hover {

    color: #fff;

    transition: all 0.3s;

}

.nav-top-btn:hover:after {

    width: 100%;

    height: 200%;

    transition: all 0.3s;

}

.main-cases {

    margin-top: 50px;

}

.wrap-case-slider {

    display: none;

}

.block-title {

    color: #0A0A0A;

    font-size: 80px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

}

.block-title span {

    color: #23BD87;

}

.main-cases .block-title {

    margin-bottom: 100px;

}

.main-case-item {

    display: flex;

    gap: 120px;

    align-items: center;

    margin-bottom: 97px;

}

.main-case-item-info {

    display: flex;

    flex-direction: column;

    justify-content: center;

    width: calc(38% - 60px);

}

.main-case-item-info h3 {

    color: #0A0A0A;

    font-size: 60px;

    font-style: normal;

    font-weight: 500;

    line-height: 48px;

    margin-bottom: 44px;

}

.main-case-item-info h3 + p {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    opacity: 0.6;

    margin-bottom: 44px;

}

.wrap-tag-case {

    display: flex;

    align-items: center;

    gap: 8px;

    flex-wrap: wrap;

}

.wrap-tag-case span {

    display: flex;

    align-items: center;

    justify-content: center;

    border: 0.5px solid #3b3b3a;

    color: #898989;

    border-radius: 32px;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

    padding: 0 12px;

    height: 32px;

}

.wrap-case-achievements {

    display: flex;

    gap: 64px;

    margin-top: 55px;

}

.case-achievements-item {

    flex: 1;

    display: flex;

    flex-direction: column;

    color: #0A0A0A;

    font-size: 80px;

    font-style: normal;

    font-weight: 500;

    line-height: 80px;

    gap: 40px;

}

.case-achievements-item span {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    opacity: 0.8;

}

.case-main-img {

    width: calc(63% - 60px);

    height: auto;

    position: relative;

    border-radius: 40px;

    overflow: hidden;

}

.case-main-img video {

    width: 100%;

    height: auto;

    position: relative;

    opacity: 0;

    z-index: 1;

}

.case-main-img .img-case-logo {

    position: absolute;

    left: 25px;

    top: 30px;

    z-index: 8;

}

.case-main-img .img-case-main {

    width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    z-index: 2;

    transform: translate(-50%, -50%);

    height: auto;

    transition: all 0.3s;

}

.wrap-case-sticker-img {

    width: 161px;

    height: 161px;

    position: absolute;

    right: 0px;

    top: 0px;

    display: block;

    padding: 30px;

    z-index: 5;

}

.case-sticker-img {

    position: relative;

    width: 100%;

    height: 100%;

}

.case-sticker-img .sticker-img {

    background-image: url('./../imgs/mgus.png');

    background-repeat: no-repeat;

    background-size: contain;

}

/*.case-color-1 {

  background: radial-gradient(50% 50% at 50% 50%, #49BFF8 0%, #048ACE 100%);

}

.case-color-2 {

  background: radial-gradient(50% 50% at 50% 50%, #8ED06A 0%, #52C417 100%);

}

.case-color-3 {

  background: radial-gradient(50% 50% at 50% 50%, #CC2236 0%, #A81022 100%);

}

.case-color-4 {

  background: radial-gradient(50% 50% at 50% 50%, #50647D 0%, #2E4057 100%);

}*/

.case-main-img:hover .img-case-main {

    transform: translate(-50%, -50%) scale(1.08);

    transition: all 0.3s;

}

.case-main-img:hover video {

    opacity: 1;

    z-index: 5;

    transition: all 0.3s;

}

.img-case-main {

    width: 100%;

}

/*.case-color-1 .img-case-main {

  max-width: 84%;

}

.case-color-2 .img-case-main {

  max-width: 81%;

}

.case-color-3 .img-case-main {

  max-width: 100%;

}

.case-color-4 .img-case-main {

  max-width: 68%;

}*/

.main-case-item:nth-child(odd) .main-case-item-info {

    order: 2;

}

.main-case-item:nth-child(odd) .case-main-img {

    order: 1;

}

.wrap-case-bottom {

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-top: 135px;

}

.wrap-case-bottom p {

    color: #0A0A0A;

    font-size: 56px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px;

    margin: 0;

}

.wrap-case-bottom p span {

    color: #23BD87;

}

.block-btn {
    cursor: pointer;

    width: fit-content;

    position: relative;

    color: #2D2D2D;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 32px;

    padding-right: 72px;

    transition: all 0.3s;

}

.block-btn img {

    position: absolute;

    right: 0;

    top: -51px;

    border-radius: 24px;

    transition: all 0.3s;

}

.block-btn:hover img {

    right: -11px;

    top: -62px;

    background: #F6F6F6;

    transition: all 0.3s;

}

.creation {

    margin: 289px 0;

}

.wrap-creation-side {

    display: flex;

    gap: 30px;

    margin-top: 110px;

}

.creation-left {

    flex: 1;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

}

.creation-left p {

    color: #0A0A0A;

    font-size: 120px;

    font-style: normal;

    font-weight: 400;

    line-height: 120px;

    letter-spacing: -3.6px;

    margin-bottom: 35px;

}

.creation-left span {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

    opacity: 0.6;

}

.creation-right {

    flex: 1;

    display: flex;

    flex-direction: column;

    gap: 34px;

}

.creation-right p {

    color: rgba(10, 10, 10, 0.60);

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

    margin: 0;

}

.top-places {

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    gap: 20px;

    margin-top: 100px;

}

.wrap-top-places-left {

    display: flex;

    flex-direction: column;

    gap: 33px;

}

.wrap-top-places-left p {

    color: #0A0A0A;

    font-size: 120px;

    font-style: normal;

    font-weight: 400;

    line-height: 120px;

    letter-spacing: -3.6px;

    margin: 0;

}

.wrap-top-places-left span {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

    opacity: 0.6;

}

.wrap-places-items {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

    margin-top: 116px;

}

.places-item {

    display: flex;

    flex-direction: column;

    border-radius: 50px;

    background: #F6F6F6;

    width: calc(33.3333% - 20px);

    min-height: 554px;

    padding: 60px 60px 56px;

}

.places-item h3 {

    color: #0A0A0A;

    font-size: 80px;

    font-style: normal;

    font-weight: 500;

    line-height: 80px;

    letter-spacing: -2.4px;

    text-transform: uppercase;

    margin-bottom: 30px;

}

.places-item h3 sup {

    position: relative;

    top: -31px;

    opacity: 0.32;

    color: #0A0A0A;

    font-size: 44px;

    font-style: normal;

    font-weight: 500;

    line-height: 44px;

    letter-spacing: -1.32px;

    text-transform: uppercase;

}

.places-item p {

    color: rgba(10, 10, 10, 0.44);

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 44px;

    letter-spacing: 0.18px;

    margin: 0;

}

.places-item p a {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 44px;

    letter-spacing: 0.18px;

    margin-bottom: 10px;

    text-decoration: underline;

    text-decoration-color: #909090;

    text-decoration-thickness: 1px;

    text-underline-offset: 8px;

    transition: all 0.3s;

}

.places-item p a:hover {

    text-decoration-color: #23BD87;

    transition: all 0.3s;

}

.places-item img {

    width: fit-content;

    margin-top: auto;

}

.wrap-tarif-items {

    border-radius: 40px;

    background: #F6F6F6;

    padding: 32px;

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

}

.tarif-item {

    position: relative;

    padding: 44px 32px;

    border-radius: 24px;

    background: #FFF;

    display: flex;

    flex-direction: column;

    width: calc(33.3333% - 20px);

    transition: all 0.3s;

}

.tarif-item:hover {

    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);

    transition: all 0.3s;

}

.wrap-tarif-tag {

    display: flex;

    gap: 8px;

    position: relative;

    align-items: center;

    min-height: 42px;

}

.tag-img {

    width: 42px;

    height: 42px;

    position: relative;

    z-index: 1;

}

.sticker {

    cursor: pointer;

}

.tag-img .sticker-img {

    background-image: url('./../imgs/ai.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}

.tag-img.sticker-bg {

    background-image: url('./../imgs/ai.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}

.tt3 .tag-img,
.tt4 .tag-img {

    position: absolute;

    right: 10px;

    top: 10px;

}

.tag {

    position: relative;


}

.tag span {

    color: #8a8a8a;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

    border-radius: 32px;

    border: 0.5px solid #3e3e3e;

    padding: 0 16px;

    height: 42px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all 0.3s;

}

.tag:hover span {

    transform: scale(1.1);

    transition: all 0.3s;

    cursor: pointer;

}

.tag.long:hover span {

    transform: scale(1.06);

    transition: all 0.3s;

    cursor: pointer;

}

@media (min-width: 1301px) {

    .wrap-win-tag {

        display: block;

        position: absolute;

        width: 320px;

        left: calc(50% - 160px);

        bottom: 100%;

        visibility: hidden;

        opacity: 0;

        padding: 16px 20px;

        border-radius: 30px;

        background: #FFF;

        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        transition: all 0.3s;

    }

    .wrap-win-tag:after {

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

        bottom: -10px;

        border-left: 10px solid transparent;

        border-right: 10px solid transparent;

        border-top: 20px solid #fff;

        content: "";

    }

    .tag-img:hover .wrap-win-tag,
    .tag:hover .wrap-win-tag {

        opacity: 1;

        visibility: visible;

        bottom: calc(100% + 25px);

        transition: all 0.3s;

    }

}

@media (min-width: 1741px) {

    .tarif-item:last-child {

        width: 100%;

    }

}

.tarif-item h5 {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

    margin-bottom: 9px;

}

.tarif-item p {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    opacity: 0.6;

    margin-bottom: 28px;

}

.wrap-tarif-price {

    color: #0A0A0A;

    font-size: 64px;

    font-style: normal;

    font-weight: 400;

    line-height: 64px;

    margin-bottom: 30px;

    margin-top: 32px;

}

.tarif-item:nth-child(4) .wrap-tarif-price {

    margin-top: 0;

}

.wrap-tarif-price span {

    color: #0A0A0A;

    font-size: 64px;

    font-style: normal;

    font-weight: 300;

    line-height: normal;

}

.tarif-btn {

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    border: 1px solid #23BD87;

    width: 100%;

    height: 75px;

    max-width: 468px;

    color: #00CF87;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    transition: all 0.3s;

}

.tarif-btn:hover {

    color: #fff;

    background: #23BD87;

    transition: all 0.3s;

}

.tarif-more-btn {

    cursor: pointer;

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-top: 30px;

    width: fit-content;

}

.wrap-all-stickers-items {

    position: absolute;

    right: 0;

    top: 0;

    width: calc(100% - 470px);

    height: 380px;

    padding-right: 40px;

}

.wrap-stickers-items {

    width: 100%;

    height: auto;

    position: relative;

}

.wrap-stickers-items .wrap-stickers-item .sticker,
.wrap-stickers-items .wrap-stickers-item {

    position: relative;

    width: 14.6vw;

    height: 14.6vw;

    border-radius: 50%;

}


.wrap-stickers-items .stickers-item-1 {

    position: absolute;

    right: 35vw;

    top: 2.5vw;

    z-index: 1;

}

.wrap-stickers-items .stickers-item-1 .sticker .sticker-img {

    background-image: url('./../imgs/st1.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-stickers-items .stickers-item-1 .sticker-bg {

    background-image: url('./../imgs/st1.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-stickers-items .stickers-item-2 {

    position: absolute;

    right: 23.2vw;

    top: 4.5vw;

    z-index: 2;

}

.wrap-stickers-items .stickers-item-2 .sticker .sticker-img {

    background-image: url('./../imgs/st2.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-stickers-items .stickers-item-2 .sticker-bg {

    background-image: url('./../imgs/st2.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-stickers-items .stickers-item-3 {

    position: absolute;

    right: 10.5vw;

    top: 1vw;

    z-index: 3;

}

.wrap-stickers-items .stickers-item-3 .sticker .sticker-img {

    background-image: url('./../imgs/st3.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-stickers-items .stickers-item-3 .sticker-bg {

    background-image: url('./../imgs/st3.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-stickers-items .stickers-item-4 {

    position: absolute;

    right: -1vw;

    top: 4.35vw;

    z-index: 4;

}

.wrap-stickers-items .stickers-item-4 .sticker .sticker-img {

    background-image: url('./../imgs/st4.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-stickers-items .stickers-item-4 .sticker-bg {

    background-image: url('./../imgs/st4.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.tarifs {

    margin-top: 289px;

}

.wrap-tarif-items {

    margin-top: 80px;

}

.marq {

    margin: 300px 0;

}

.marq h2 {

    margin-bottom: 80px;

}

.marquee {

    position: relative;

    overflow: hidden;

    background: transparent !important;

}

.marquee-line:not(.str_wrap),
.marquee .str_move {

    display: flex;

    padding: 10px 0;

    align-items: flex-start;

    position: absolute;


}

.marquee-line.str_wrap {

    background: transparent !important;

}

.marq-item {

    width: 554px;

    height: auto;

    display: flex;

    flex-direction: column;

    align-items: center;

    cursor: pointer;

}

.wrap-marq-img {

    position: relative;

}

.wrap-marq-img img {

    width: 554px;

    height: 230px;

}

.grey-img {

    position: relative;

    z-index: 1;

    opacity: 1;

    transition: all 0.3s;

}

.color-img {

    position: absolute;

    width: 100%;

    height: auto;

    left: 0;

    top: 0;

    opacity: 0;

    z-index: 2;

    transition: all 0.3s;

}

.marq-item:hover img.color-img {

    opacity: 1;

    transition: all 0.3s;

}

.marq-item:hover img.grey-img {

    opacity: 0;

    transition: all 0.3s;

}

.marq-item p {

    color: #A2A2A2;

    text-align: center;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

}

.partners {

    margin-top: 386px;

}

.wrap-partners-items {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

    margin-top: 88px;

}

.partners-item:nth-child(1) {

    width: 100%;

    padding: 0;

}

.partners-long-item {

    position: relative;

    width: 100%;

    display: flex;

    gap: 30px;

    height: 722px;

    justify-content: space-between;

}

.wrap-partners-item-img {

    width: calc(58% - 15px);

    overflow: hidden;

    z-index: 5;

    transition: all 0.3s;

}


.wrap-partners-item-img.expanded {

    width: 100%;

    position: absolute;

    top: 0;

    left: 0;

}


.wrap-video-content {

    position: relative;

    width: 100%;


    transition: all 0.3s;

}

.wrap-video-content img,
.wrap-video-content video {

    border-radius: 40px;

}

.partners-long-item {

    gap: 0;

    transition: all 0.3s;

}

.wrap-partners-item-img:hover .steps1 {

    display: none;

}

.partners-long-item .wrap-partners-item-img:hover {

    width: 1720px;

    transition: all 0.3s;

}

.partners-long-item .wrap-partners-item-img:hover + .wrap-partner-pseudo-item {

    width: 0;

    padding: 0;

    transition: all 0.3s;

}

.steps1 {

    position: relative;

    z-index: 1;

    opacity: 1;

    height: 722px;

    width: 100%;

    object-fit: cover;

    object-position: center;

    top: 0;

    left: 0;

}


.steps2 {

    position: absolute;

    opacity: 0;

    height: 722px;

    width: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 40px;

    z-index: 1;

}

.partners-long-item .wrap-partners-item-img:hover .steps2 {

    opacity: 1;

}

.steps3 {

    position: absolute;

    opacity: 0;

    height: 722px;

    width: 100%;

    object-fit: cover;

    object-position: center;

    border-radius: 40px;

    z-index: 1;

}

.steps3.see {

    opacity: 1;

    z-index: 5;

}

.partners-item:nth-child(1) .wrap-partners-item-img img {

    width: auto;

    max-width: 100%;

    height: 722px;

    object-fit: cover;

    object-position: left;

    object-fit: scale-down;

}

.wrap-partner-pseudo-item {

    width: calc(41% - 15px);

    padding: 56px 44px;

    border-radius: 40px;

    background: #F6F6F6;

    display: flex;

    overflow: hidden;

    flex-direction: column;

    position: relative;

    z-index: 1;

}

.wrap-partner-pseudo-item h4 {

    color: #0A0A0A;

    font-size: 64px;

    font-style: normal;

    font-weight: 500;

    line-height: 64px;

}

.wrap-acr {

    margin-top: auto;

}

.wrap-partner-pseudo-item img {


    width: fit-content;

}

.wrap-partner-pseudo-item p {

    display: flex;

    flex-direction: column;

    color: rgba(10, 10, 10, 0.60);

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.wrap-partner-pseudo-item p span {

    margin-top: 17px;

    font-family: "Open Sans", sans-serif;

}

.wrap-partner-pseudo-item p a {

    color: rgba(10, 10, 10, 0.60);

    font-size: 24px;

    font-style: normal;

    font-family: "Open Sans", sans-serif;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 10px;

    text-decoration: underline;

    text-decoration-color: rgba(10, 10, 10, 0.60);

    text-decoration-thickness: 1px;

    text-underline-offset: 4px;

    margin-bottom: 17px;

    margin-top: 51px;

}

.partners-item {

    width: calc(33.333% - 20px);

    border-radius: 40px;

    background: #F6F6F6;

    padding: 31px 44px 49px;

    display: flex;

    min-height: 560px;

    flex-direction: column;

}

.partners-item h4 {

    color: #0A0A0A;

    font-size: 64px;

    font-style: normal;

    font-weight: 500;

    line-height: 64px;

}

.partners-item:nth-child(2) img {

    margin-top: auto;

    margin-bottom: 49px;

    width: fit-content;

}

.partners-item h3 {

    color: #0A0A0A;

    font-size: 120px;

    font-style: normal;

    font-weight: 400;

    line-height: 120px;

    letter-spacing: -3.6px;

}

.partners-item p {

    margin: 0;

    color: #0A0A0A;

    font-size: 44px;

    font-style: normal;

    font-weight: 400;

    line-height: 56px;

    margin-top: auto;

}

.partners-item img + p {

    margin-top: 0;

}

.partners-item:nth-child(7),
.partners-item:nth-child(5),
.partners-item:nth-child(6) {

    padding-bottom: 50px;

    padding-top: 47px;

}

.partners-item:nth-child(7) p,
.partners-item:nth-child(5) p,
.partners-item:nth-child(6) p {

    margin-top: auto;

    color: rgba(10, 10, 10, 0.64);

    font-family: "Open Sans", sans-serif;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 56px;

}

.partners-item strong {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

}

.partners-item:nth-child(7) img,
.partners-item:nth-child(6) img {

    width: fit-content;

}

.partners .wrap-case-bottom {

    margin-top: 117px;

}

.managers {

    margin: 300px 0;

}

.managers h2 {

    margin-bottom: 80px;

}

.wrap-managers-items {

    display: flex;

    flex-wrap: wrap;

    gap: 58px 262px;

    justify-content: center;

}

.managers-item {

    width: 584px;

}

.managers-item img {

    width: 100%;

    border-radius: 40px;

    height: auto;

    margin-bottom: 41px;

    transition: all 0.3s;

}

.managers-item:hover img {

    transform: scale(1.08);

    transition: all 0.3s;

}

.managers-item p {

    color: #0A0A0A;

    font-size: 45px;

    font-style: normal;

    font-weight: 500;

    line-height: 44px;

    margin: 0;

}

.managers-item:nth-child(even) {

    padding-top: 100px;

}

.managers-item p span {

    display: block;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

    opacity: 0.6;

    margin-top: 24px;

}

.wrap-cert-items {

    display: flex;

    margin-top: 80px;

    gap: 28px;

    margin-bottom: 53px;

}

.cert-item {

    width: calc(25% - 21px);

    box-shadow: 0 0 23.664px 0 rgba(0, 0, 0, 0.08);

}

.cert-hidden {

    display: none;

}

.cert-item img {

    width: 100%;

    height: auto;

}

.cert-btn {

    width: 236px;

    height: 76px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    border: 1px solid #23BD87;

    color: #23BD87;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 18px;

    transition: all 0.3s;

    margin: auto;

}

.cert-btn:hover {

    background: #23BD87;

    color: #fff;

    transition: all 0.3s;

}

.instruments {

    margin: 300px 0;

}

.wrap-instruments-items {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

    margin-top: 81px;

}

.instruments-item {

    width: calc(25% - 23px);

    display: flex;

    cursor: pointer;

    align-items: center;

    justify-content: center;

    border-radius: 40px;

    background: #F8F9FA;

    height: 248px;

}

.instruments-item img {

    max-width: 95%;

    height: auto;

    width: auto;

    opacity: 0.5;

    max-height: 95%;

    transition: all 0.3s;

}

.instruments-item:hover img {

    opacity: 1;

    transition: all 0.3s;

}

.insane {

    margin: 200px 0 300px;

}

.wrap-insane-items {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

    margin-top: 80px;

}

.insane-item {

    display: block;

    position: relative;

    border-radius: 40px;

    height: 450px;

    width: calc(25% - 23px);

    overflow: hidden;

}

.wrap-insane-data {

    position: absolute;

    left: 32px;

    z-index: 3;

    border-radius: 12px;

    bottom: 32px;

    overflow: hidden;

}

.insane-data {

    position: relative;

    z-index: 10;

    display: flex;

    padding: 0px 10px;

    justify-content: center;

    align-items: center;

    gap: 8px;

    color: #FFF;

    overflow: hidden;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

    height: 32px;

    border-radius: 12px;

    background: rgba(255, 255, 255, 0.24);

}

.insane-item img {

    width: 100%;

    height: 100%;

    position: relative;

    z-index: 1;

    transition: all 0.3s;

}

.insane-item:hover img {

    transform: scale(1.25);

    transition: all 0.3s;

}

.insane-item p {

    font-family: Jost;

    position: absolute;

    left: 32px;

    top: 32px;

    z-index: 3;

    color: #FFF;

    font-size: 24px;

    font-style: normal;

    font-weight: 500;

    line-height: 26px;

}

.insane-item.long {

    width: calc(50% - 20px);

}

.insane-item.long p {

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 36px;

}

.insane-item.txt {

    background: #F6F6F6;

    display: flex;

    justify-content: flex-end;

    flex-direction: column;

    padding: 32px;

}

.insane-item.txt span {

    position: relative;

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 32px;

}

.insane-item.txt span img {

    width: fit-content;

    position: absolute;

    right: -10px;

    width: 72px;

    height: 72px;

    top: -72px;

}

.wrap-steps-items {

    display: flex;

    flex-direction: column;

    margin-top: 80px;

}

.steps-item {

    width: 100%;

    border-radius: 40px 40px 0 0;

    margin-top: -36px;

    padding: 34px 42px 34px 64px;

}

.steps-item:nth-child(1) {

    margin-top: 0;

}

.steps-item:nth-child(odd) {

    background: #F6F6F6;

}

.steps-item:nth-child(even) {

    background: #fff;

}

.steps-item-top {

    display: flex;

    align-items: flex-start;

    position: relative;

}

.steps-item-number {

    color: #23BD87;

    font-size: 64px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin: 0 40px 0 0;

}

.steps-item-title {

    cursor: pointer;

    position: relative;

    color: #2D2D2D;

    font-size: 56px;

    font-style: normal;

    font-weight: 400;

    line-height: 56px;

    border-bottom: 1px solid transparent;

    margin: 0;

    flex: 1;

    margin-right: 8%;

    padding-bottom: 44px;

    padding-top: 16px;

    margin-bottom: 0;

    transition: all 0.3s;

}

.steps-item-title:hover {

    border-bottom: 1px solid #A2A2A2;

    margin-bottom: 45px;

    transition: all 0.3s;

}

.steps-item.active .steps-item-title:hover {

    margin-bottom: 0px;

    transition: all 0.3s;

}

.steps-item-arr {

    position: absolute;

    top: 8px;

    right: -2px;

    width: 50px;

    height: 50px;

    background-image: url('./../imgs/arr.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    transform: rotate(180deg);

    opacity: 0.16;

    transition: all 0.3s;

}

.steps-item-content {

    display: none;

    padding-left: 120px;

}

.steps-item.active .steps-item-arr {

    opacity: 1;

    transform: rotate(0deg);

    transition: all 0.3s;

}

.steps-item.active .steps-item-title {

    border-color: #A2A2A2;

}

.steps-item.active .steps-item-content {

    display: block;

    padding-top: 44px;

    padding-bottom: 44px;

}

.steps-item-content h6 {

    color: #2D2D2D;

    font-size: 16px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 15px;

}

.steps-item-content p {

    margin: 15px 0;

    color: #2D2D2D;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.steps-item-content ul {

    padding-left: 32px;

}

.steps-item-content ul li {

    position: relative;

    color: #2D2D2D;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.steps-item-content ul li:after {

    position: absolute;

    content: "";

    left: -32px;

    top: 7px;

    width: 14px;

    height: 11px;

    background-image: url('./../imgs/i-check.svg');

    background-repeat: no-repeat;

    background-position: center;

}

.steps-item-content a {

    color: #2D2D2D;

    position: relative;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 18px;

    transition: all 0.3s;

}

.steps-item-content a:after {

    position: absolute;

    content: "";

    width: 100%;

    bottom: 0;

    left: 0;

    border-bottom: 0.5px solid #0A0A0A;

    opacity: 0.4;

    transition: all 0.3s;

}

.steps-item-content a:hover:after {

    border-bottom: 0.5px solid #23BD87;

    transition: all 0.3s;

}

footer {

    position: relative;

    background: #fff;

    z-index: 20;

    padding-top: 200px;

}

.footer-top {

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

    margin-bottom: 100px;

}

.footer-link {

    width: 80px;

    height: 80px;

    display: none;

    margin-left: auto;

    margin-bottom: 24px;

}

.wrap-footer-block-items {

    display: flex;

    gap: 30px;

    flex-wrap: wrap;

}

.footer-block-item {

    display: flex;

    border-radius: 40px;

    background: #F6F6F6;

    min-height: 410px;

    width: calc(25% - 24px);

    overflow: hidden;

    flex-direction: column;

    padding: 32px;

}

.footer-block-item.fbi-4,
.footer-block-item.fbi-3 {

    min-height: 575px;

}

.footer-block-item.long {

    width: calc(75% - 15px);

}

.footer-block-item.after-fif {

    width: calc(33.33% - 15px);

}

.footer-block-item.before-fif {

    width: calc(66.6666% - 15px);

    padding: 35px 26px;

}

.footer-block-item.medium {

    width: calc(50% - 15px);

    min-height: 435px;

}

.footer-block-item iframe {

    width: 100%;

    height: 100%;

    border-radius: 16px;

    overflow: hidden;

}

.np {

    padding: 0;

}

.footer-social {

    margin-top: auto;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.footer-social a {

    position: relative;

    display: flex;

    width: 56px;

    height: 56px;

    padding: 0px;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    border: 0.5px solid #A2A2A2;

}

.footer-block-item ul.tab_li {

    display: flex;

    gap: 44px;

    margin-bottom: 30px;

}

.footer-block-item ul.tab_li li {

    margin: 0;

}

.footer-block-item ul.tab_li li a {

    display: block;

    padding-bottom: 19px;

    color: #0A0A0A;

    font-size: 56px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px;

    position: relative;

    transition: all 0.3s;

}

.footer-block-item ul.tab_li li a.curent,
.footer-block-item ul.tab_li li a:hover {

    color: #23BD87;

    transition: all 0.3s;

}

.footer-block-item ul.tab_li li a.curent:after {

    position: absolute;

    content: "";

    bottom: 0;

    width: 100%;

    left: 0;

    height: 4px;

    background: #23BD87;

}

.tabs-content,
.tab_box {

    height: 100%;

}

.wrap-burger-social a img,
.footer-social a img {

    position: relative;

    z-index: 2;

}

.wrap-burger-social a {

    position: relative;

}

.wrap-burger-social a:after,
.footer-social a:after {

    position: absolute;

    left: 50%;

    top: 50%;

    content: "";

    width: 0;

    height: 0;

    border-radius: 50%;

    z-index: 1;

    transform: translate(-50%, -50%);

    transition: all 0.3s;

}

.wrap-burger-social a:nth-child(1):after,
.footer-social a:nth-child(1):after {

    background: #011F31;

}

.wrap-burger-social a:nth-child(2):after,
.footer-social a:nth-child(2):after {

    background: #32AADE;

}

.wrap-burger-social a:nth-child(3):after,
.footer-social a:nth-child(3):after {

    background: #0078FF;

}

.wrap-burger-social a:nth-child(4):after,
.footer-social a:nth-child(4):after {

    background: #F00;

}

.wrap-burger-social a:hover,
.footer-social a:hover {

    border-color: transparent;

}

.wrap-burger-social a:hover:after,
.footer-social a:hover:after {

    width: 100%;

    height: 100%;

    transition: all 0.3s;

}

.wrap-burger-social a:nth-child(1):hover img,
.wrap-burger-social a:nth-child(2):hover img,
.wrap-burger-social a:nth-child(3):hover img,
.wrap-burger-social a:nth-child(4):hover img,
.footer-social a:nth-child(1):hover img,
.footer-social a:nth-child(2):hover img,
.footer-social a:nth-child(3):hover img,
.footer-social a:nth-child(4):hover img {

    filter: invert(1);

}

.footer-block-item h5 {

    color: rgba(10, 10, 10, 0.50);

    font-size: 56px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px;

}

.footer-block-item h5 span {

    color: #23BD87;

}

.footer-block-item-botton {

    width: 100%;

    margin-top: auto;

    display: flex;

    align-items: flex-end;

    justify-content: space-between;

}

.footer-block-item-botton p {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

    opacity: 0.6;

    margin: 0;

}

.footer-contacts p {

    color: #686868;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 0;

    margin-top: 45px;

    display: flex;

    flex-direction: column;

}

.footer-contacts p a {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 32px;

    margin-bottom: 10px;

    transition: all 0.3s;

}

.footer-contacts p a:hover {

    color: #23BD87;

    transition: all 0.3s;

}

.footer-contacts p span {

    text-decoration: underline;

}

.footer-contacts-title {

    color: rgba(10, 10, 10, 0.50);

    font-size: 56px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px;

}

.footer-title-link {

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    text-transform: uppercase;

    width: fit-content;

    position: relative;

}

.footer-title-link + .footer-title-link {

    margin-top: 64px;

}

.footer-title-link:after {

    position: absolute;

    content: "";

    bottom: -2px;

    left: 0;

    width: 100%;

    height: 1px;

    background: #999999;

}

.footer-block-item ul {


}

.footer-block-item ul li {

    margin-top: 16px;

}

.footer-block-item ul li a {

    color: #797979;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

}

.footer-title-link-bg {

    display: flex;

    align-items: center;

    gap: 8px;

}

.footer-title-link-bg + .footer-title-link-bg {

    margin-top: 64px;

}

.footer-title-link-bg span {

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    text-transform: uppercase;

    width: fit-content;

    position: relative;

}

.footer-title-link-bg span:after {

    position: absolute;

    content: "";

    bottom: -2px;

    left: 0;

    width: 100%;

    height: 1px;

    background: #999999;

}

.wrap-footer-img-link {

    margin-top: auto;

    display: flex;

    flex-wrap: wrap;

    gap: 24px;

}

.footer-bottom {

    margin-top: 56px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.footer-bottom p {

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    opacity: 0.6;

}

.footer-bottom a {

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    opacity: 0.6;

}

.wrap-burger-menu {

    position: fixed;

    left: 0;

    width: 100%;

    top: 127px;

    display: none;

    opacity: 0;

    visibility: hidden;

    background: #fff;

    height: calc(100vh - 127px);

    z-index: 99;

    padding-top: 73px;

    overflow: auto;

}

.wrap-burger-menu-col {

    width: 100%;

    display: flex;

    gap: 30px;

    justify-content: space-between;

}

.wrap-burger-column {

    gap: 50px;

    width: 1094px;

    display: flex;

    justify-content: space-between;

}

.wrap-burger-info {

    width: 550px;

    padding-top: 6px;

}

.wrap-burger-column {

    display: flex;

    flex-wrap: wrap;

    gap: 92px 70px;

}

.burger-column {

    display: flex;

    flex-direction: column;

    width: calc(50% - 35px);

    justify-content: space-between;

}

.col-title {

    color: #0A0A0A;

    font-size: 48px;

    font-style: normal;

    font-weight: 500;

    line-height: 48px;

    text-decoration: underline;

    text-decoration-color: #23BD87;

    text-decoration-thickness: 2px;

    text-underline-offset: 8px;

}

.col-title.dont-link {
    text-decoration: none;
}

.col-title + .col-title {

    margin-top: 60px;

}

.burger-column ul {

    margin-top: 10px;

    padding-left: 0px;

}

.burger-column ul li {

    margin-top: 10px;

}

.burger-column ul li a {

    color: #0A0A0A;

    opacity: 0.6;

    font-size: 20px;

    font-family: "Open Sans", sans-serif;

    font-style: normal;

    font-weight: 400;

    line-height: 28px;

    transition: all 0.3s;

}

.burger-column ul li a:hover {

    opacity: 1;

    transition: all 0.3s;

}

.col-pretitle {

    color: #0A0A0A;

    font-size: 48px;

    font-style: normal;

    font-weight: 400;

    line-height: 48px;

}

.col-pretitle:hover {

    color: #23BD87;

    transition: all 0.3s;

}

.col-pretitle + .col-pretitle {

    margin-top: 15px;

}

.burger-info-btn {

    display: flex;

    height: 84px;

    width: 100%;

    padding: 0px 24px;

    justify-content: center;

    align-items: center;

    border-radius: 32px;

    border: 1px solid #23BD87;

    color: #23BD87;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    transition: all 0.3s;

}

.burger-info-btn:hover {

    color: #fff;

    background: #23BD87;

    transition: all 0.3s;

}

.wrap-burger-contacts {

    border-radius: 40px;

    background: #F6F6F6;

    display: flex;

    padding: 4px 44px 44px;

    flex-direction: column;

    align-items: center;

    margin: 30px 0;

}

.wrap-burger-contacts p {

    color: #686868;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 0;

    text-align: center;

    margin-top: 40px;

    display: flex;

    flex-direction: column;

}

.wrap-burger-contacts p span {

    text-decoration: underline;

}

.wrap-burger-contacts p a {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 32px;

    margin-bottom: 10px;

    transition: all 0.3s;

}

.wrap-burger-contacts p a:hover {

    color: #23BD87;

    transition: all 0.3s;

}

.wrap-burger-social {

    border-radius: 40px;

    background: #F6F6F6;

    display: flex;

    padding: 44px;

    gap: 30px;

    justify-content: center;

    align-items: center;

    align-self: stretch;

}

.wrap-burger-social a {

    display: flex;

    width: 56px;

    height: 56px;

    padding: 24px;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    border: 0.5px solid #A2A2A2;

}

.wrap-manager-slider {

    display: none;

}

@media (min-width: 1921px) {

    .wrap-all-stickers-items {

        width: 1000px;

    }

    .wrap-stickers-items .wrap-stickers-item .sticker,
    .wrap-stickers-items .wrap-stickers-item {

        position: relative;

        width: 280px;

        height: 280px;

        border-radius: 50%;

    }

    .wrap-stickers-items .stickers-item-4 {

        position: absolute;

        right: -17px;

        top: 83px;

        z-index: 4;

    }

    .wrap-stickers-items .stickers-item-3 {

        position: absolute;

        right: 203px;

        top: 18px;

        z-index: 3;

    }

    .wrap-stickers-items .stickers-item-2 {

        position: absolute;

        right: 445px;

        top: 81px;

        z-index: 2;

    }

    .wrap-stickers-items .stickers-item-1 {

        position: absolute;

        right: 671px;

        top: 44px;

        z-index: 1;

    }

}

@media (max-width: 1740px) {


    .container {

        padding: 0 36px;

    }

    .partners-long-item .wrap-partners-item-img:hover {

        width: calc(100vw - 72px);

        transition: all 0.3s;

    }

    .wrap-header-content {

        width: 100%;

        padding: 15px 0px 9px;

        display: flex;

        align-items: center;

        gap: 20px;

        min-height: 99px;

    }

    .gamb {

        margin-left: 7px;

    }

    .main-top {

        padding-top: 75px;

    }

    .main-top h1, .name_form_block {

        color: #0A0A0A;

        font-size: 100px;

        font-style: normal;

        font-weight: 450;

        line-height: 96px;

        padding-right: 92px;

    }

    .macos .main-top h1 {

        color: #0A0A0A;

        font-size: 8vw;

        font-style: normal;

        font-weight: 450;

        line-height: 0.9;

        padding-right: 92px;

    }

    /*.main-top h1 span {

  position: relative;

  text-decoration: underline;

  text-decoration-color: #23BD87;

  text-decoration-thickness: 2px;

  text-underline-offset: 16px;

}*/
    .star-block {

        align-items: center;

        gap: 24px;

        width: 46%;

    }

    .star-block p {

        font-size: 20px;

        line-height: 22px;

        margin: 0;

    }

    .min-block {

        align-items: center;

        gap: 24px;

        width: 52%;

    }

    .wrap-nav-top-fix {

        margin: 49px auto 0;

    }

    .wrap-nav-top {

        width: fit-content;


    }

    .wrap-nav-top ul li a {

        position: relative;

        margin-left: 20px;

        color: #0A0A0A;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

    }

    .wrap-nav-top ul li {

        height: 50px;

        border-radius: 24px;

        background: #FFF;

        padding: 0 20px;

    }

    .wrap-nav-top ul {

        padding: 10px 12px;

    }

    .block-title {

        font-size: 60px;

        line-height: 60px;

    }

    .main-cases {

        margin-top: 30px;

    }

    .main-cases .block-title {

        margin-bottom: 61px;

    }

    .main-case-item-info h3 {

        font-size: 48px;

        margin-bottom: 25px;

    }

    .main-case-item-info h3 + p {

        font-size: 18px;

        margin-bottom: 25px;

    }

    .wrap-tag-case {

        gap: 6px;

    }

    .wrap-tag-case span {

        font-size: 18px;

    }

    .case-achievements-item {

        font-size: 60px;

        line-height: 60px;

        gap: 30px;

    }

    .case-achievements-item span {

        font-size: 18px;

    }

    .case-main-img {

        border-radius: 30px;

        width: calc(63% - 40px);

    }

    .main-case-item-info {

        width: calc(38% - 40px);

    }

    .main-case-item {

        gap: 80px;

        margin-bottom: 77px;

    }

    .wrap-case-bottom p {

        font-size: 48px;

    }

    .block-btn {

        font-size: 24px;

    }

    .wrap-case-bottom {

        margin-top: 105px;

    }

    .creation {

        margin: 250px 0 200px;

    }

    .creation-right p {

        font-size: 18px;

        line-height: 140%;

    }

    .wrap-creation-side {

        margin-top: 78px;

    }

    .creation-right {

        gap: 25px;

    }

    .creation-left p {

        color: #0A0A0A;

        font-size: 100px;

        font-style: normal;

        font-weight: 400;

        line-height: 100px;

        letter-spacing: -3px;

        margin-bottom: 25px;

    }

    .creation-left span {

        font-size: 26px;

        line-height: 26px;

        opacity: 0.6;

    }

    .wrap-top-places-left p {

        color: #0A0A0A;

        font-size: 100px;

        font-style: normal;

        font-weight: 400;

        line-height: 100px;

        letter-spacing: -3px;

        margin: 0;

    }

    .top-places {

        margin-top: 85px;

    }

    .wrap-top-places-left span {

        color: #0A0A0A;

        font-size: 26px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        opacity: 0.6;

    }

    .wrap-top-places-left {

        gap: 28px;

    }

    .wrap-places-items {

        margin-top: 124px;

    }

    .places-item {

        min-height: 410px;

        padding: 39px 29px 56px;

    }

    .places-item h3 {

        color: #0A0A0A;

        font-size: 60px;

        font-style: normal;

        font-weight: 500;

        line-height: 60px;

        letter-spacing: -1.6px;

        text-transform: uppercase;

        margin-bottom: 20px;

    }

    .places-item h3 sup {

        position: relative;

        top: -21px;

        opacity: 0.32;

        color: #0A0A0A;

        font-size: 32px;

        font-style: normal;

        font-weight: 500;

        line-height: 32px;

        letter-spacing: -1.32px;

        text-transform: uppercase;

    }

    .places-item p {

        color: rgba(10, 10, 10, 0.44);

        font-family: "Open Sans", sans-serif;

        font-size: 20px;

        font-style: normal;

        font-weight: 400;

        line-height: 36px;

        letter-spacing: 0.15px;

        margin: 0;

    }

    .places-item p a {

        font-size: 20px;

        line-height: 36px;

        letter-spacing: 0.15px;

    }

    .places-item img {


        display: block;

        margin-right: auto;

    }

    .places-item:nth-child(1) img,
    .places-item:nth-child(2) img,
    .places-item:nth-child(3) img,
    .places-item:nth-child(4) img {

        max-width: 51px;

    }

    .places-item:nth-child(5) img {

        max-width: 122px;

    }

    .places-item:nth-child(6) img {

        max-width: 250px;

    }

    .tarifs {

        margin-top: 198px;

    }

    .wrap-tarif-items {

        margin-top: 60px;

    }

    .tarif-item {

        padding: 44px 32px;

        border-radius: 24px;

        width: calc(50% - 15px);

        transition: all 0.3s;

    }

    .tarif-item h5 {

        font-size: 30px;

    }

    .tarif-item p {

        font-size: 16px;

        margin-bottom: 9px;

    }

    .wrap-tarif-price {

        color: #0A0A0A;

        font-size: 56px;

        font-style: normal;

        font-weight: 400;

        line-height: 56px;

        margin-bottom: 11px;

    }

    .tarif-item:nth-child(4) .wrap-tarif-price {

        margin-top: auto;

    }

    .wrap-all-stickers-items {

        position: absolute;

        right: 19px;

        top: 22px;

        width: 230px;

        height: 230px;

        padding-right: 0px;

    }

    .wrap-stickers-items .wrap-stickers-item .sticker,
    .wrap-stickers-items .wrap-stickers-item {

        position: relative;

        width: 128px;

        height: 128px;

    }

    .wrap-stickers-items .stickers-item-1 {

        position: absolute;

        right: auto;

        left: 0;

        top: 102px;

        z-index: 1;

    }

    .wrap-stickers-items .stickers-item-2 {

        position: absolute;

        right: 0;

        top: 102px;

        z-index: 2;

    }

    .wrap-stickers-items .stickers-item-3 {

        position: absolute;

        right: auto;

        left: 0;

        top: 0;

        z-index: 3;

    }

    .wrap-stickers-items .stickers-item-4 {

        position: absolute;

        right: 0;

        top: 0;

        z-index: 4;

    }

    .wrap-tarif-price span {

        font-size: 56px;

    }

    .tarif-btn {

        max-width: 100%;

    }

    .tarif-more-btn {

        margin-top: 22px;

    }

    .marq {

        margin: 191px 0 150px;

    }

    .marq h2 {

        margin-bottom: 45px;

    }

    .marq-item img {

        height: 175px;

    }

    .marq-item p {

        font-size: 20px;

        font-style: normal;

        font-weight: 400;

        line-height: 30px;

    }

    .partners {

        margin-top: 172px;

    }

    .wrap-partners-items {

        margin-top: 59px;

    }

    /*.partners-long-item {

  height: 539px;

}*/
    /*.steps1 {

  height: 539px;

}*/
    .wrap-partner-pseudo-item h4 {

        color: #0A0A0A;

        font-size: 40px;

        font-style: normal;

        font-weight: 500;

        line-height: 48px;

    }

    .wrap-partner-pseudo-item {

        padding: 49px 24px;

    }

    .wrap-partner-pseudo-item img {

        margin-top: auto;

        width: fit-content;

        max-width: 64%;

    }


    .wrap-partner-pseudo-item p {

        font-size: 20px;

        line-height: 20px;

    }

    .wrap-partner-pseudo-item p a {

        margin-top: 29px;

        font-size: 20px;

        line-height: 20px;

    }

    .partners-item {

        padding: 25px 32px 40px;

        min-height: 414px;

    }

    .partners-item h3 {

        font-size: 80px;

        line-height: 80px;

    }

    .partners-item:nth-child(2) img {

        margin-top: auto;

        margin-bottom: 49px;

        width: fit-content;

        max-width: 76%;

    }

    .partners-item p {

        font-size: 32px;

        line-height: 129%;

    }

    .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {

        margin-top: auto;

        color: rgba(10, 10, 10, 0.64);

        font-family: "Open Sans", sans-serif;

        font-size: 24px;

        font-style: normal;

        font-weight: 400;

        line-height: 40px;

    }

    .partners-item:nth-child(7) img {

        max-width: 50%;

    }

    .partners-item:nth-child(6) img {

        max-width: 80%;

    }

    .partners .wrap-case-bottom {

        margin-top: 87px;

    }

    .managers {

        margin: 190px 0 212px;

    }

    .managers h2 {

        margin-bottom: 58px;

    }

    .managers-item {

        width: 438px;

    }

    .wrap-managers-items {

        gap: 77px 184px;

        justify-content: center;

    }

    .managers-item img {

        width: 100%;

        border-radius: 30px;

        height: auto;

        margin-bottom: 27px;

    }

    .managers-item p {

        font-size: 40px;

    }

    .managers-item p span {

        display: block;

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 24px;

        font-style: normal;

        font-weight: 400;

        line-height: 25px;

        opacity: 0.6;

        margin-top: 16px;

    }

    .managers-item:nth-child(even) {

        padding-top: 42px;

    }

    .wrap-cert-items {

        margin-top: 60px;

        gap: 28px;

        margin-bottom: 47px;

    }

    .cert-btn {

        width: 199px;

        height: 61px;

        align-items: center;

        justify-content: center;

        border-radius: 32px;

        border: 1px solid #23BD87;

        color: #23BD87;

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        line-height: 18px;

        transition: all 0.3s;

        margin: auto;

    }

    .instruments {

        margin: 202px 0;

    }

    .instruments-item {

        height: 182px;

    }

    .instruments-item img {

        max-width: 64%;

        height: auto;

        width: auto;

        max-height: 48%;

    }

    .wrap-insane-items {

        margin-top: 57px;

    }

    .insane-item {

        border-radius: 30px;

        height: 328px;

    }

    .insane-item.long p {

        font-size: 24px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

    }

    .insane-item p {

        top: 22px;

        left: 24px;

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: 19px;

    }

    .insane-item.txt {

        padding: 24px;

    }

    .insane-item.txt span {

        font-size: 24px;

        line-height: 24px;

    }

    .insane {

        margin: 200px 0 203px;

    }

    .steps-item {

        padding: 27px 42px 34px 57px;

    }

    .steps-item-number {

        margin-right: 45px;

    }

    .steps-item-title {

        font-size: 40px;

        line-height: 36px;

        padding-top: 25px;

        padding-bottom: 10px;

    }

    .footer-top {

        display: none;

    }

    .footer-block-item {

        min-height: 307px;

        padding: 20px;

    }

    .footer-logo {

        width: 100%;

    }

    .footer-logo img {

        width: 100%;

        max-width: 233px;

    }

    .footer-social a {

        width: 42px;

        height: 42px;

        padding: 0px;

        justify-content: center;

        align-items: center;

        border-radius: 50%;

        border: 1px solid #A2A2A2;

    }

    .footer-social a img {

        max-width: 70%;

        max-height: 70%;

    }

    .footer-block-item h5 {

        font-size: 40px;

    }

    .footer-block-item-botton p {

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        opacity: 0.6;

        margin: 0;

    }

    .np {

        padding: 0;

    }

    .footer-block-item.medium {

        min-height: 324px;

    }

    .footer-contacts-title {

        color: rgba(10, 10, 10, 0.50);

        font-size: 40px;

        font-style: normal;

        font-weight: 500;

        line-height: 40px;

    }

    .footer-contacts p a {

        color: #0A0A0A;

        font-size: 24px;

        font-style: normal;

        font-weight: 500;

        line-height: 24px;

        margin-bottom: 8px;

    }

    .footer-contacts p {

        color: #686868;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 18px;

        margin-bottom: 0;

        margin-top: 31px;

        flex-direction: column;

    }

    .footer-title-link {

        font-size: 18px;

        line-height: 18px;

    }

    .footer-block-item ul li a {

        color: #797979;

        font-size: 13.4px;

        font-style: normal;

        font-weight: 400;

        line-height: 14px;

    }

    .footer-block-item ul li {

        margin-top: 11px;

    }

    .footer-title-link-bg span {

        font-size: 18px;

        line-height: 18px;

    }

    .footer-title-link + .footer-title-link {

        margin-top: 48px;

    }

    .footer-title-link-bg + .footer-title-link-bg {

        margin-top: 44px;

    }

    .wrap-footer-img-link {

        gap: 18px;

    }

    .wrap-footer-img-link img {

        max-height: 50px;

    }

}

@media (max-width: 1480px) and (min-width: 1301px) {

    .macos .tarif-item {

        width: calc(33.3333% - 20px);

        transition: all 0.3s;

    }


    .macos .tarif-item:nth-child(4),
    .macos .tarif-item:last-child {

        width: 100%;

    }

    .macos .wrap-all-stickers-items {

        position: absolute;

        right: 0;

        top: 0;

        width: calc(100% - 470px);

        height: 380px;

        padding-right: 40px;

    }

    .macos .wrap-stickers-items {

        width: 100%;

        height: auto;

        position: relative;

    }

    .macos .wrap-stickers-items .wrap-stickers-item .sticker,
    .macos .wrap-stickers-items .wrap-stickers-item {

        position: relative;

        width: 14.6vw;

        height: 14.6vw;

        border-radius: 50%;

    }


    .macos .wrap-stickers-items .stickers-item-1 {

        position: absolute;

        right: 35vw;

        left: auto;

        top: 2.5vw;

        z-index: 1;

    }

    .macos .wrap-stickers-items .stickers-item-1 .sticker .sticker-img {

        background-image: url('./../imgs/st1.png');

        background-repeat: no-repeat;

        background-position: center;

        background-size: 100%;

        width: 100%;

        height: 100%;

    }

    .macos .wrap-stickers-items .stickers-item-2 {

        position: absolute;

        right: 23.2vw;

        left: auto;

        top: 4.5vw;

        z-index: 2;

    }

    .macos .wrap-stickers-items .stickers-item-2 .sticker .sticker-img {

        background-image: url('./../imgs/st2.png');

        background-repeat: no-repeat;

        background-position: center;

        background-size: 100%;

        width: 100%;

        height: 100%;

    }

    .macos .wrap-stickers-items .stickers-item-3 {

        position: absolute;

        right: 10.5vw;

        top: 1vw;

        left: auto;

        z-index: 3;

    }

    .macos .wrap-stickers-items .stickers-item-3 .sticker .sticker-img {

        background-image: url('./../imgs/st3.png');

        background-repeat: no-repeat;

        background-position: center;

        background-size: 100%;

        width: 100%;

        height: 100%;

    }

    .macos .wrap-stickers-items .stickers-item-4 {

        position: absolute;

        right: -1vw;

        top: 4.35vw;

        z-index: 4;

    }

    .macos .wrap-stickers-items .stickers-item-4 .sticker .sticker-img {

        background-image: url('./../imgs/st4.png');

        background-repeat: no-repeat;

        background-position: center;

        background-size: 100%;

        width: 100%;

        height: 100%;

    }

    .macos .tag span {

        font-size: 11px;

    }

    .macos .tarif-btn {

        max-width: 468px;

    }

}

@media (max-width: 1300px) {

    .main-case-item {

        display: none;

    }

    .footer {

        padding-top: 138px;

    }

    .partners-long-item .wrap-partners-item-img:hover {

        width: 100%;

        transition: all 0.3s;

    }

    .partners-long-item .wrap-partners-item-img:hover + .wrap-partner-pseudo-item {

        width: 100%;

        padding: 20px;

        transition: all 0.3s;

    }

    .wrap-case-slider {

        display: block;

        position: relative;

        padding-bottom: 80px;

    }

    .wrap-header-content nav {

        display: none;

    }

    .header-btn {

        margin-left: auto;

        margin-right: 55px;

    }

    .container {

        padding: 0 31px;

    }

    header {

        position: relative;

        min-height: 80px;

    }

    .wrap-header-content {

        width: 100%;

        padding: 2px 0px 2px;

        gap: 20px;

        min-height: 80px;

    }

    .gamb {

        width: 60px;

        height: 60px;

    }

    .main-top h1, .name_form_block {

        color: #0A0A0A;

        font-size: 60px;

        font-style: normal;

        font-weight: 500;

        line-height: 60px;

        padding-right: 0;

    }

    .main-top {

        padding-top: 63px;

    }

    /*  .main-top h1 span {

    position: relative;

    text-decoration: underline;

    text-decoration-color: #23BD87;

    text-decoration-thickness: 2px;

    text-underline-offset: 11px;

  }*/
    .wrap-bottom-top {

        margin-top: 64px;

        align-items: flex-start;

        gap: 30px;

        flex-direction: column;

    }

    .star-block {

        align-items: center;

        gap: 22px;

        width: 100%;

    }

    .star-block p {

        font-size: 18px;

    }

    .min-block {

        align-items: center;

        gap: 18px;

        width: 100%;

    }

    .min-block p a {

        font-size: 16px;

    }

    .min-block p {

        font-size: 12px;

    }

    .wrap-nav-top-fix {

        margin: 48px auto 0;

    }

    .wrap-nav-top {

        width: fit-content;


    }

    .wrap-nav-top ul li {

        height: 46px;

    }

    .wrap-nav-top ul li a:after {

        top: 5px;

    }

    .wrap-nav-top ul li a {

        font-size: 14px;

    }

    .nav-top-btn {

        font-size: 16px;

        margin: 0px;

        white-space: nowrap;

    }

    .main-cases {

        margin-top: 20px;

    }

    .main-case-item-info {

        width: 100%;

    }

    .case-main-img {

        border-radius: 30px;

        width: 100%;

        margin-top: 60px;

    }

    .main-cases .block-title {

        margin-bottom: 41px;

        font-size: 60px;

        line-height: 60px;

    }

    .main-case-item-info h3 {

        font-size: 40px;

        margin-bottom: 13px;

    }

    .main-case-item-info h3 + p {

        font-size: 18px;

        margin-bottom: 19px;

    }

    .wrap-case-achievements {

        gap: 64px;

        margin-top: 33px;

    }

    .case-achievements-item {

        font-size: 50px;

        line-height: 50px;

        gap: 11px;

    }

    .case-achievements-item span {

        font-size: 16px;

    }

    .swiper-pagination-fraction {

        color: #2D2D2D;

        font-size: 40px;

        font-family: "Open Sans", sans-serif;

        font-style: normal;

        font-weight: 400;

        line-height: 27px;

    }

    .swiper-pagination-current {

        color: #2D2D2D;

        font-size: 30px;

        font-family: "Open Sans", sans-serif;

        font-style: normal;

        font-weight: 700;

        line-height: 120%;

    }

    .swiper-pagination-total {

        color: #2D2D2D;

        font-family: "Open Sans", sans-serif;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

    }

    .swiper-button-prev.arrow {

        top: auto;

        bottom: 15px;

        left: 0;

        width: 73px;

        height: 16px;

    }

    .swiper-button-next.arrow {

        top: auto;

        bottom: 15px;

        right: 0;

        width: 73px;

        height: 16px;

    }

    .arrow:after {

        display: none;

    }

    .wrap-case-bottom {

        margin-top: 60px;

        padding: 0 29px;

    }

    .wrap-case-bottom p {

        font-size: 20px;

    }

    .block-btn img {

        position: absolute;

        right: -9px;

        top: -20px;

        width: 42px;

        height: 42px;

    }

    .block-btn {

        font-size: 20px;

        padding-right: 35px;

    }

    .creation {

        margin: 119px 0 137px;

    }

    .block-title {

        font-size: 48px;

        line-height: 48px;

    }

    .wrap-creation-side {

        margin-top: 57px;

        gap: 39px;

    }

    .creation-right {

        gap: 21px;

    }

    .creation-right p {

        font-size: 16px;

        line-height: 140%;

    }

    .creation-left p {

        font-size: 81px;

        margin-bottom: 14px;

    }

    .creation-left span {

        font-size: 22px;

        line-height: 22px;

        opacity: 0.6;

    }

    .wrap-top-places-left p {

        font-size: 81px;

    }

    .top-places {

        margin-top: 36px;

    }

    .wrap-top-places-left span {

        font-size: 22px;

    }

    .wrap-top-places-left {

        gap: 13px;

    }

    .places-item {

        width: calc(50% - 15px);

        min-height: 339px;

        padding: 30px;

        border-radius: 35px;

    }

    .wrap-places-items {

        margin-top: 55px;

    }

    .places-item {

        width: calc(50% - 15px);

        min-height: 339px;

        padding: 38px 30px;

        border-radius: 35px;

    }

    .places-item h3 {

        color: #0A0A0A;

        font-size: 50px;

        font-style: normal;

        font-weight: 500;

        line-height: 52px;

        letter-spacing: -1.5px;

        text-transform: uppercase;

        margin-bottom: 15px;

    }

    .places-item h3 sup {

        top: -17px;

    }

    .places-item p {

        font-size: 18px;

        line-height: 32px;

        letter-spacing: 0.135px;

        margin: 0;

    }

    .places-item p br {

        display: none;

    }

    .places-item p a {

        font-size: 18px;

        line-height: 31px;

        letter-spacing: 0.135px;

        text-underline-offset: 4px;

    }

    .places-item img {

        display: block;

        margin-right: auto;

    }

    .places-item:nth-child(1) img,
    .places-item:nth-child(2) img,
    .places-item:nth-child(3) img,
    .places-item:nth-child(4) img {

        max-width: 42px;

    }

    .places-item:nth-child(5) img {

        max-width: 106px;

    }

    .places-item:nth-child(6) img {

        max-width: 216px;

    }

    .tarifs {

        margin-top: 143px;

    }

    .wrap-tarif-items {

        margin-top: 48px;

    }

    .tarif-item {

        width: 100%;

    }

    .tarif-item h5 {

        font-size: 26px;

    }

    .tarif-item p {

        font-size: 15px;

        margin-bottom: 9px;

    }

    .wrap-tarif-price {

        color: #0A0A0A;

        font-size: 40px;

        font-style: normal;

        font-weight: 400;

        line-height: 40px;

        margin-bottom: 14px;

    }

    .wrap-tarif-price span {

        font-size: 40px;

    }

    .tarif-btn {

        height: 81px;

        font-size: 16px;

    }

    .marq {

        display: none;

    }

    .partners {

        margin-top: 144px;

    }

    .wrap-partners-items {

        margin-top: 47px;

        gap: 20px;

    }

    .partners-long-item {

        height: auto;

        flex-direction: column;

        gap: 20px;

    }

    .steps1 {

        height: auto;

        border-radius: 20px;

    }

    .steps2 {

        display: none;

    }

    .steps3 {

        display: none;

    }

    .wrap-partner-pseudo-item {

        width: 100%;

        border-radius: 20px;

        padding: 21px 18px;

        min-height: 263px;

    }

    .wrap-partner-pseudo-item h4 {

        color: #0A0A0A;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 120%;

    }

    .wrap-acr {

        display: flex;

        gap: 28px;

        align-items: center;

        margin-top: auto;

    }

    .wrap-partner-pseudo-item p {

        font-size: 12px;

        line-height: 12px;

    }

    .wrap-partner-pseudo-item p span {

        margin-top: 5px;

    }

    .wrap-acr img {

        width: 207px;

        height: auto;

    }

    .wrap-partner-pseudo-item p a {

        margin-top: 0;

        font-size: 12px;

        line-height: 12px;

        margin-bottom: 10px;

    }

    .partners-item {

        border-radius: 20px;

        padding: 20px 19px 20px;

        min-height: 330px;

        width: calc(50% - 10px);

    }

    .partners-item h3 {

        font-size: 70px;

        line-height: normal;

        letter-spacing: -2.1px;

    }

    .partners-item:nth-child(2) img {

        margin-top: auto;

        margin-bottom: 30px;

        width: fit-content;

        max-width: 95%;

    }

    .partners-item p {

        font-size: 24px;

        line-height: 140%;

    }

    .partners-item:nth-child(7), .partners-item:nth-child(5), .partners-item:nth-child(6) {

        padding-bottom: 17px;

        padding-top: 20px;

    }

    .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {

        margin-top: auto;

        color: rgba(10, 10, 10, 0.64);

        font-family: "Open Sans", sans-serif;

        font-size: 24px;

        font-style: normal;

        font-weight: 400;

        line-height: 35px;

    }

    .partners-item:nth-child(6) img {

        max-width: 81%;

    }

    .partners-item:nth-child(7) img {

        max-width: 51%;

    }

    .partners .wrap-case-bottom {

        margin-top: 58px;

        padding: 0;

    }

    .managers {

        margin: 117px 0 133px;

    }

    .wrap-managers-items {

        display: none;

    }

    .wrap-manager-slider {

        display: block;

        position: relative;

        padding-bottom: 80px;

    }

    .managers h2 {

        margin-bottom: 50px;

    }

    .wrap-manager-slider .swiper-slide img {

        width: 100%;

        border-radius: 23.475px;

        margin-bottom: 44px;

    }

    .wrap-manager-slider .swiper-slide p {

        color: #0A0A0A;

        text-align: left;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 25.823px;

    }

    .wrap-manager-slider .swiper-slide p span {

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 18.78px;

        opacity: 0.6;

        display: block;

        margin-top: 14px;

    }

    .wrap-cert-items {

        margin-top: 49px;

        gap: 20px;

        margin-bottom: 47px;

        flex-wrap: wrap;

    }

    .cert-item {

        width: calc(50% - 10px);

    }

    .cert-btn {

        width: 168px;

        height: 58px;

        font-size: 14px;

        line-height: 14px;

    }

    .instruments {

        display: none;

    }

    .insane {

        margin: 141px 0 100px;

    }

    .wrap-insane-items {

        margin-top: 51px;

        gap: 28px;

    }

    .insane-item,
    .insane-item.long {

        width: calc(50% - 14px);

        height: 383px;

    }

    .insane-item img {

        width: 100%;

        height: 100%;

        object-fit: cover;

        object-position: center;

        position: relative;

        z-index: 1;

    }

    .insane-item.long p {

        font-size: 30px;

        line-height: 36px;

    }

    .insane-item p {

        top: 25px;

        left: 23px;

        font-size: 20px;

        font-style: normal;

        font-weight: 500;

        line-height: 24px;

        max-width: 87%;

    }

    .insane-item.txt {

        padding: 24px;

        width: 100%;

        height: 118px;

    }

    .insane-item.txt span {

        font-size: 20px;

        line-height: 20px;

        width: fit-content;

        margin-left: auto;

        padding-right: 42px;

    }

    .insane-item.txt span img {

        width: fit-content;

        position: absolute;

        right: -10px;

        width: 42px;

        height: 42px;

        top: -20px;

    }

    /*  .steps {

    display: none;

  }*/
    .steps.geo-steps {

        display: block;

    }


    .fbi-5,
    .fbi-6,
    .fbi-7 {

        display: none;

    }

    .footer-logo {

        width: fit-content;

        margin: 0 auto;

    }

    .footer-logo img {

        width: 156px;

        height: auto;

    }

    .footer-block-item {

        border-radius: 20px;

        padding: 30px;

        width: calc(50% - 15px);

    }

    .fbi-1 {

        order: 1;

        width: 100%;

        height: 200px;

        min-height: 200px;

    }

    .fbi-2 {

        order: 2;

    }

    .fbi-4 {

        order: 3;

    }

    .fbi-3 {

        order: 4;

        width: 100%;

    }

    .fbi-8 {

        order: 5;

        width: 100%;

    }

    .wrap-footer-block-items {

        border-top: 1px solid rgba(0, 0, 0, 0.08);

        padding-top: 15px;

        gap: 30px;

    }

    .footer-block-item.before-fif {

        width: 100%;

        padding: 36px 30px;

    }

    .footer-block-item ul.tab_li {

        display: flex;

        gap: 23px;

        margin-bottom: 24px;

    }

    .footer-block-item.fbi-4 {

        min-height: auto;

    }

    .footer-block-item.fbi-3 {

        min-height: 540px;

    }

    .footer-block-item.after-fif {

        width: calc(50% - 15px);

    }

    .footer-social a {

        width: 56px;

        height: 56px;

    }

    .footer-block-item.long {

        width: calc(50% - 15px);

    }

    .footer-block-item ul.tab_li li a.curent:after {

        height: 2px;

    }

    .footer-block-item h5 {

        font-size: 36px;

        line-height: 120%;

    }

    .fbi-2 {

        padding: 33px 31px 20px;

        min-height: 433px;

    }

    .fbi-2 .block-btn {

        font-size: 18px;

        padding-right: 35px;

        margin-top: 84px;

    }

    .footer-block-item-botton {

        width: 100%;

        margin-top: auto;

        display: flex;

        align-items: flex-start;

        justify-content: space-between;

        flex-direction: column;

    }

    .footer-block-item ul.tab_li li a {

        display: block;

        padding-bottom: 7px;

        color: #0A0A0A;

        font-size: 36px;

        font-style: normal;

        font-weight: 500;

        line-height: 36px;

        position: relative;

        transition: all 0.3s;

    }

    .fbi-4 {

        padding: 45px 31px 31px;

    }

    .footer-contacts-title {

        color: rgba(10, 10, 10, 0.50);

        font-size: 36px;

        font-style: normal;

        font-weight: 500;

        line-height: 36px;

        margin-bottom: 33px;

    }

    .footer-contacts p {

        margin-top: 26px;

    }

    .footer-contacts p a {

        margin-bottom: 18px;

    }

    .footer-bottom a {

        margin-bottom: 10px;

    }

    .wrap-video-content {

        display: none;

    }

    .wrap-partners-item-img {

        width: 100%;

    }

    .wrap-mobile-content img {

        width: 100%;

    }

    .tarif-item:nth-child(4) {

        height: 445px;

    }

}

@media (max-width: 720px) {

    footer {

        padding-top: 149px;

    }

    .header-btn {

        display: none;

    }

    .container {

        padding: 0 10px;

    }

    .logo img {

        width: 93px;

        height: auto;

    }

    .gamb {

        width: 36px;

        height: 36px;

        margin-left: auto;

    }

    .gamb span {

        position: relative;

        width: 20px;

        height: 2px;

    }

    .gamb span:after,
    .gamb span:before {

        width: 20px;

    }

    header {

        position: relative;

        min-height: 60px;

    }

    .wrap-header-content {

        width: 100%;

        padding: 6px 0px 0px;

        gap: 20px;

        min-height: 60px;

    }

    .main-top h1, .name_form_block {

        color: #0A0A0A;

        font-size: 45px;

        font-style: normal;

        font-weight: 500;

        line-height: 46px;

        padding-right: 0;

    }

    .main-top {

        padding-top: 77px;

    }

    .star-block span {

        width: 48px;

        min-width: 48px;

        max-width: 48px;

        height: 48px;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

        border: 1px solid rgba(10, 10, 10, 0.08);

    }

    .star-block img {

        width: 20px;

        height: 20px;

    }

    .wrap-bottom-top {

        margin-top: 43px;

        align-items: flex-start;

        gap: 18px;

        flex-direction: column;

    }

    .star-block {

        align-items: center;

        gap: 16px;

        width: 100%;

    }

    .star-block p {

        font-size: 15px;

    }

    .wrap-min-img {

        height: 52px;

        padding: 0px 19px;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        border-radius: 20px;

        border: 1px solid rgba(10, 10, 10, 0.08);

    }

    .wrap-min-img img {

        width: 118px;

    }

    .min-block p a {

        font-size: 14px;

        line-height: 15px;

    }

    .min-block p {

        font-size: 11px;

    }

    .min-block {

        align-items: center;

        gap: 22px;

        width: 100%;

    }

    .main-cases {

        margin-top: 48px;

    }

    .main-cases .block-title {

        margin-bottom: 37px;

        font-size: 36px;

        line-height: 36px;

    }

    .main-case-item-info h3 {

        font-size: 30px;

        margin-bottom: 30px;

        line-height: 30px;

    }

    .main-case-item-info h3 + p {

        font-size: 20px;

        margin-bottom: 29px;

        line-height: 24px;

    }

    .wrap-tag-case span {

        font-size: 14px;

    }

    .case-achievements-item {

        font-size: 44px;

        line-height: 41px;

        gap: 14px;

    }

    .case-achievements-item span {

        font-size: 15px;

    }

    .case-main-img {

        border-radius: 20px;

        width: 100%;

        margin-top: 37px;

    }

    .wrap-case-slider {

        padding-bottom: 64px;

    }

    .wrap-case-bottom p {

        font-size: 26px;

        line-height: 26px;

        max-width: 100%;

    }

    .wrap-case-bottom {

        margin-top: 35px;

        padding: 0px;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }

    .wrap-case-bottom .block-btn {

        margin-left: auto;

        font-size: 26px;

        margin-top: 28px;

    }

    .block-title {

        font-size: 37px;

        line-height: 36px;

    }

    .creation {

        margin: 143px 0 150px;

    }

    .creation .block-title {

        font-size: 40px;

        line-height: 40px;

        font-weight: 500;

    }

    .wrap-creation-side {

        margin-top: 38px;

        gap: 39px;

        flex-direction: column;

    }

    .creation-left p {

        font-size: 58px;

        margin-bottom: 28px;

        line-height: 80%;

        font-weight: 500;

        letter-spacing: 0;

    }

    .creation-left span {

        font-size: 24px;

        line-height: 24px;

        opacity: 0.6;

    }

    .creation-right p {

        font-size: 14px;

        line-height: 140%;

    }

    .wrap-top-places-left p {

        letter-spacing: 0;

        line-height: 40px;

        font-size: 58px;

        margin-bottom: 24px;

        font-weight: 500;

    }

    .top-places {

        margin-top: 44px;

        display: flex;

        flex-direction: column;

        align-items: flex-start;

    }

    .top-places .block-btn {

        margin-left: auto;

    }

    .wrap-top-places-left span {

        font-size: 24px;

    }

    .places .block-title {

        font-size: 42px;

        line-height: 40px;

        font-weight: 500;

    }

    .wrap-places-items {

        margin-top: 40px;

        gap: 10px;

    }

    .places-item {

        width: 100%;

        min-height: none;

        height: calc(100vw - 20px);

        padding: 27px 18px;

        border-radius: 20px;

    }

    .ios .places-item h3 {

        margin-bottom: 12px;

    }


    .places-item h3 {

        color: #0A0A0A;

        font-size: 44px;

        font-style: normal;

        font-weight: 500;

        line-height: 44px;

        letter-spacing: -0.72px;

        text-transform: uppercase;

        margin-bottom: 6px;

    }

    .places-item h3 sup {

        top: -14px;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

        letter-spacing: -0.32px;

    }

    .places-item p a {

        text-underline-offset: 1px;

    }

    .places-item p a,
    .places-item p {

        font-size: 18px;

        line-height: 29px;

        letter-spacing: 0.135px;

        margin: 0;

    }

    .wrap-nav-top {

        border-radius: 40px;

        border-top: 10px solid rgba(255, 255, 255, 0.54);

        border-right: 8px solid rgba(255, 255, 255, 0.54);

        border-bottom: 0px solid rgba(255, 255, 255, 0.54);

        border-left: 8px solid rgba(255, 255, 255, 0.54);

        background: rgba(255, 255, 255, 0.10);

        box-shadow: inset 0 8px 16px rgba(0, 0, 0, 0.03);

        align-items: center;

        padding: 0 8px;

        gap: 16px;

        margin: 15px auto 0;

        flex-direction: column;

    }

    .wrap-nav-top ul li a:after {

        display: none;

    }

    .wrap-nav-top ul li a {

        margin-left: 0;

        font-size: 14px;

        line-height: 18px;

    }

    .wrap-nav-top ul li {

        height: 40px;

        padding: 0 15px;

    }

    .nav-top-btn {

        font-size: 18px;

        margin: 0px;

    }

    .wrap-top-places-left {

        gap: 7px;

    }

    .places-item:nth-child(1) img,
    .places-item:nth-child(2) img,
    .places-item:nth-child(3) img,
    .places-item:nth-child(4) img {

        max-width: 55px;

    }

    .ios .places-item:nth-child(1) img,
    .ios .places-item:nth-child(2) img,
    .ios .places-item:nth-child(3) img,
    .ios .places-item:nth-child(4) img {

        max-width: 75px;

    }

    .places-item:nth-child(5) img {

        max-width: 135px;

    }

    .places-item:nth-child(6) img {

        max-width: 220px;

    }


    .ios .places-item {

        padding-top: 46px;

        padding-bottom: 34px;

        padding-left: 30px;

        padding-right: 30px;

    }

    .tarifs {

        margin-top: 150px;

    }

    .tarifs .block-title {

        font-size: 40px;

    }

    .wrap-tarif-items {

        margin-top: 41px;

        border-radius: 20px;

        padding: 20px;

        gap: 10px;

    }

    .tarif-item {

        padding: 29px 19px;

        border-radius: 10px;

        transition: all 0.3s;

    }

    .tarif-item h5 {

        font-size: 30px;

    }

    .tarif-item p {

        font-size: 18px;

        margin-bottom: 19px;

    }

    .wrap-tarif-price {

        margin-bottom: 16px;

        font-size: 36px;

    }

    .tarif-btn {

        height: 56px;

        font-size: 18px;

        border-radius: 20px;

    }

    .tarif-more-btn {

        margin-top: 32px;

        font-size: 16px;

    }

    .partners {

        margin-top: 212px;

    }

    .partners .block-title {

        font-size: 40px;

        line-height: 40px;

    }

    .wrap-partners-items {

        margin-top: 39px;

        gap: 20px;

    }

    .wrap-partner-pseudo-item {

        width: 100%;

        border-radius: 20px;

        padding: 18px 20px;

        min-height: 263px;

    }

    .wrap-partner-pseudo-item h4 {

        font-size: 32px;

    }

    .wrap-acr img {

        width: 255px;

        height: auto;

        max-width: 85%;

    }

    .wrap-acr {

        gap: 28px;

        align-items: flex-start;

        margin-top: auto;

        flex-direction: column;

        margin-top: 38px;

    }

    .wrap-partner-pseudo-item p a {

        font-size: 16px;

    }

    .wrap-partner-pseudo-item p {

        font-size: 16px;

        line-height: 20px;

    }

    .partners-item {

        width: 100%;

    }

    .partners-item h3 {

        font-size: 60px;

        letter-spacing: -1.8px;

    }

    .partners-item p {

        font-size: 32px;

    }

    .partners-item:nth-child(6) img {

        max-width: 100%;

    }

    .partners-item:nth-child(7) img {

        max-width: 63%;

    }

    .partners-item:nth-child(7) p, .partners-item:nth-child(5) p, .partners-item:nth-child(6) p {

        margin-top: auto;

        color: rgba(10, 10, 10, 0.64);

        font-family: "Open Sans", sans-serif;

        font-size: 22px;

        font-style: normal;

        font-weight: 400;

        line-height: 31px;

    }

    .partners-item:nth-child(2) img {

        margin-top: 45px;

        margin-bottom: 30px;

        width: fit-content;

        max-width: 90%;

    }

    .ios .wrap-partner-pseudo-item,
    .ios .partners-item {

        width: 100%;

        height: calc(100vw - 20px);

        padding-top: 46px;

        padding-bottom: 34px;

        padding-left: 30px;

        padding-right: 30px;

    }

    .ios .wrap-partner-pseudo-item h4 {

        font-size: 40px;

    }

    .ios .partners-item:nth-child(2) h3,
    .ios .partners-item:nth-child(3) h3,
    .ios .partners-item:nth-child(4) h3 {

        font-size: 72px;

    }

    .ios .partners-item:nth-child(7) p,
    .ios .partners-item:nth-child(5) p,
    .ios .partners-item:nth-child(6) p {

        margin-top: auto;

        color: rgba(10, 10, 10, 0.64);

        font-family: "Open Sans", sans-serif;

        font-size: 1.75rem;

        font-style: normal;

        font-weight: 400;

        line-height: 40px;

    }

    .block-btn {

        font-size: 18px;

        padding-right: 43px;

    }

    .partners .wrap-case-bottom {

        margin-top: 50px;

        padding: 0;

    }

    .managers {

        margin: 100px 0 148px;

    }

    .managers h2 {

        margin-bottom: 39px;

        font-weight: 500;

        font-size: 38px;

    }

    .wrap-manager-slider {

        padding-bottom: 65px;

    }

    .wrap-manager-slider .swiper-slide img {

        width: 100%;

        border-radius: 23.475px;

        margin-bottom: 31px;

    }

    .wrap-manager-slider .swiper-slide p {

        font-size: 32px;

    }

    .insane .block-title,
    .certificates .block-title {

        font-size: 40px;

        line-height: 40px;

    }

    .wrap-cert-items {

        margin-top: 39px;

    }

    .cert-btn {

        width: 168px;

        height: 49px;

        font-size: 16px;

        line-height: 14px;

    }


    .insane {

        margin: 121px 0 118px;

        overflow: hidden;

    }

    .wrap-insane-items {

        margin-top: 39px;

        gap: 10px;

        flex-wrap: nowrap;

        overflow: auto;

        padding-bottom: 30px;

    }

    .wrap-insane-items::-webkit-scrollbar {

        opacity: 1;

        padding: 2px 0 !important;

    }

    .wrap-insane-items::-webkit-scrollbar-track {


    }

    .wrap-insane-items::-webkit-scrollbar-thumb {

        border-radius: 32px;

        background: #ECECEC;

        opacity: 1;

        display: block;

        width: fit-content;

        transform: scale(2.0);

        height: 10px !important;

        margin: 2px 0 !important;

    }

    .insane-item.txt,
    .insane-item,
    .insane-item.long {

        width: 340px;

        min-width: 340px;

        height: 383px;

    }

    .footer-block-item.long {

        width: 100%;

    }

    .footer-block-item h5 {

        font-size: 30px;

        line-height: 119%;

        margin-bottom: 39px;

    }

    .wrap-footer-block-items {

        border-top: 1px solid rgba(0, 0, 0, 0.08);

        padding-top: 15px;

        gap: 12px;

    }

    .fbi-2 .block-btn {

        font-size: 18px;

        padding-right: 35px;

        margin-top: 58px;

    }

    .footer-block-item-botton {

        margin-top: 0;

    }

    .footer-block-item.medium {

        min-height: 434px;

        width: 100%;

    }

    .footer-block-item {

        border-radius: 20px;

        padding: 30px 32px;

        width: 100%;

    }

    .fbi-2 {

        padding: 33px 25px 24px;

        min-height: auto;

    }

    .fbi-3 {

        order: 4;

        padding: 0;

        min-height: 361px;

    }

    .footer-bottom {

        flex-direction: column;

    }

    .footer-block-item.after-fif {

        width: 100%;

    }

    .footer-contacts-title {

        color: rgba(10, 10, 10, 0.50);

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

        margin-bottom: 21px;

    }

    .footer-block-item.before-fif {

        width: 100%;

        padding: 32px 32px;

    }

    .footer-block-item ul.tab_li li a {

        display: block;

        padding-bottom: 7px;

        color: #0A0A0A;

        font-size: 30px;

        font-style: normal;

        font-weight: 500;

        line-height: 30px;

        position: relative;

        width: fit-content;

        transition: all 0.3s;

    }

    .footer-block-item ul.tab_li {

        display: flex;

        gap: 20px;

        margin-bottom: 24px;

        flex-direction: column;

    }

    .footer-block-item.fbi-3 {

        min-height: 580px;

    }

}

.prefix .wrap-header {

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

    /*  background: rgba(255, 255, 255, 0.50);

  backdrop-filter: blur(5px);*/

    position: fixed;

    top: -80px;

    left: 0;

    width: 100%;

    height: auto;

    z-index: 30;

    transition: all 0.3s;

}

.prefix .wrap-header .container {

    position: relative;

    z-index: 5;

}

.prefix.fix .wrap-header {

    top: 0;

    padding: 6px 0;

    background: #ffffffc9;

    transition: all 0.3s;

}

.prefix .wrap-header-content {

    width: 100%;

    padding: 0px 0 0px;

    display: flex;

    align-items: center;

    gap: 20px;

    min-height: 76px;

}

.prefix .wrap-burger-menu {

    position: fixed;

    left: 0;

    width: 100%;

    top: 76px;

    background: #fff;

    height: calc(100% - 76px);

    z-index: 99;

    padding-top: 73px;

    padding-bottom: 10px;

    overflow: auto;

    transition: all 0.3s;

}

.wrap-burger-menu.open {

    display: block;

    opacity: 1;

    visibility: visible;

    transition: all 0.3s;

}


@media (max-width: 1740px) {

    .wrap-burger-menu {

        padding-top: 27px;

    }

    .col-title {

        color: #0A0A0A;

        font-size: 36px;

        font-style: normal;

        font-weight: 500;

        line-height: 40px;

        /*text-decoration: underline;

  text-decoration-color: #23BD87;

  text-decoration-thickness: 2px;

  text-underline-offset: 6px;*/

    }

    .col-title + .col-title {

        margin-top: 33px;

    }

    .burger-column ul li a {

        font-size: 18px;

        line-height: 24px;

    }

    .wrap-burger-column {

        gap: 70px;

    }

    .col-pretitle {

        font-size: 36px;

        line-height: 40px;

    }

    .wrap-burger-info {

        width: 410px;

        min-width: 410px;

        max-width: 410px;

        padding-top: 6px;

    }

    .burger-info-btn {

        height: 80px;

    }

    .wrap-burger-contacts p {

        margin-top: 28px;

        font-size: 20px;

        line-height: 100%;

    }

    .wrap-burger-contacts p a {

        color: #0A0A0A;

        font-size: 24px;

        font-style: normal;

        font-weight: 500;

        line-height: 100%;

        margin-bottom: 10px;

    }

    .wrap-burger-social a {

        width: 42px;

        height: 42px;

        padding: 0;

        justify-content: center;

        align-items: center;

        border-radius: 50%;

        border: 1px solid #A2A2A2;

    }

    .wrap-burger-social a img {

        max-width: 42%;

    }

    .wrap-burger-social {

        padding: 20px;

    }

}

@media (max-width: 1300px) {

    .gamb.open span:before {

        position: absolute;

        content: "";

        width: 20px;

        height: 2px;

        left: 0;

        top: 0px;

        background: #0A0A0A;

        transform: rotate(-45deg);

        transition: all 0.3s;

    }

    .gamb.open span:after {

        position: absolute;

        content: "";

        width: 20px;

        height: 2px;

        left: 0;

        top: 0px;

        background: #0A0A0A;

        transform: rotate(45deg);

        transition: all 0.3s;

    }

    .wrap-burger-menu-col {

        flex-wrap: wrap;

        gap: 45px;

    }

    .wrap-burger-column {

        gap: 47px 60px;

    }

    .burger-column {

        flex-direction: column;

        width: calc(50% - 30px);

    }

    .col-title {

        font-size: 32px;

        line-height: 100%;

    }

    .wrap-burger-menu {

        padding-top: 13px;

    }

    .col-title + .col-title {

        margin-top: 26px;

    }

    .burger-column ul li a {

        font-size: 16px;

        line-height: 22px;

    }

    .col-pretitle {

        font-size: 32px;

        line-height: 38px;

    }

    .wrap-burger-info {

        width: 100%;

        min-width: 100%;

        max-width: 100%;

        padding-top: 6px;

    }

    .burger-info-btn {

        font-size: 14px;

    }

}

@media (max-width: 720px) {

    .wrap-burger-column {

        gap: 15px 0px;

        flex-direction: column;

    }

    .wrap-burger-menu {

        top: 61px;

        height: calc(100vh - 61px);

        padding: 0;

    }

    .burger-column {

        flex-direction: column;

        width: 100%;

    }

    .col-pretitle {

        font-size: 20px;

        line-height: 20px;

    }

    .burger-info-btn {

        height: 48px;

        font-size: 16px;

    }

    .wrap-burger-contacts {

        border-radius: 20px;

        background: #F6F6F6;

        padding: 4px 24px 24px;

        flex-direction: column;

        align-items: flex-start;

        margin: 20px 0;

    }

    .wrap-burger-contacts p a {

        font-size: 20px;

    }

    .wrap-burger-contacts p {

        margin-top: 20px;

        font-size: 18px;

        line-height: 130%;

        text-align: left;

    }

    .wrap-burger-social {

        border-radius: 20px;

    }

}

.custom-cursor {

    position: fixed;

    opacity: 0;

    top: 0;

    left: 0;

    pointer-events: none;

    cursor: none;

    /*  mix-blend-mode: difference;*/

    width: 72px;

    height: 72px;

    margin-left: -36px;

    margin-top: -36px;

    aspect-ratio: 1;

    border-radius: 50%;

    background-color: #2D2D2D;

    /*  transition-property: transform, scale, opacity;

  transition-duration: 250ms;

  transition-timing-function: ease-in-out;*/

    scale: 0.1;

    z-index: 1110;

    transition: all 0.3s;

}

.custom-cursor.custom-cursor--link {

    width: 223px;

    height: 100px;

    margin-left: -112px;

    margin-top: -50px;

    aspect-ratio: auto;

    border-radius: 1500px;

    background-color: #fff;

}

.custom-cursor.custom-cursor-ins {

    width: 184px;

    height: 100px;

    margin-left: -92px;

    margin-top: -50px;

    aspect-ratio: auto;

    border-radius: 1500px;

    background-color: #fff;

}

.custom-cursor.custom-cursor--link2,
.custom-cursor.custom-cursor--link1 {

    width: 262px;

    height: 332px;

    margin-left: 10px;

    margin-top: -166px;

    aspect-ratio: 1;

    scale: 1;

    opacity: 1;

    pointer-events: none;

    border-radius: 18px;

}

.custom-cursor #img {

    width: 100%;

    height: 100%;

    display: block;

    background-image: url('./../imgs/cursor-s.png');

    opacity: 0;

    transition: all 0.3s;

}

.custom-cursor.custom-cursor-ins #img {

    width: 100%;

    height: 100%;

    display: block;

    background-image: url('./../imgs/read.png');

    opacity: 1;

    transition: all 0.3s;

}

.custom-cursor.custom-cursor--link1 #img {

    width: 262px;

    height: 332px;

    display: block;

    background-image: url('./../imgs/img1.png');

    opacity: 1;

    background-color: transparent;

    transition: all 0.3s;

}

.custom-cursor.custom-cursor--link2 #img {

    width: 262px;

    height: 332px;

    display: block;

    background-image: url('./../imgs/img2.png');

    opacity: 1;

    background-color: transparent;

    transition: all 0.3s;

}

.hover-btn:hover {

    /*  cursor: none;*/

}

.custom-cursor--link {

    scale: 1;

    opacity: 1;

    pointer-events: none;

    background-color: transparent;

}

.custom-cursor-ins {

    scale: 1;

    opacity: 1;

    pointer-events: none;

    background-color: transparent;

}

.custom-cursor--link #img {

    opacity: 1;

    transition: all 0.3s;

    pointer-events: none;

}

.custom-cursor-ins #img {

    opacity: 1;

    transition: all 0.3s;

    pointer-events: none;

}

.custom-cursor--init {

    /*  opacity: 1;*/

}

.custom-cursor--hidden {

    opacity: 0;

    pointer-events: none;

}

.burger-column ul li a,
.nav-top-btn,
.places-item p a,
.header-btn,
.min-block p a,
.tarif-more-btn,
nav ul li a,
.footer-block-item ul li a {

    position: relative;

    transition: all 0.3s;

}

.burger-column ul li a:after,

    /*.nav-top-btn:after,*/

    /*.places-item p a:after,*/

    /*.header-btn:after,*/

.min-block p a:after,
.tarif-more-btn:after,
nav ul li a:after,
.footer-block-item ul li a:after {

    position: absolute;

    bottom: 0;

    content: "";

    left: 0;

    width: 0;

    height: 1px;

    background: #797979;

    transition: all 0.3s;

}

.min-block p a:after {

    background: #909090;

}

.burger-column ul li a:hover:after,
.nav-top-btn:hover:after,

    /*.places-item p a:hover:after,*/

    /*.header-btn:hover:after,*/

.min-block p a:hover:after,
.tarif-more-btn:hover:after,
nav ul li a:hover:after,
.footer-block-item ul li a:hover:after {

    width: 100%;

    transition: all 0.3s;

}

/*конец главной*/

/*начало формы*/

.call-page .main-top h1 {

    letter-spacing: -3.1px;

}

.call-page .wrap-nav-top-fix {

    height: 30px;

}

.breadcrumb {

    margin-top: 75px;

    margin-bottom: 100px;

}

.breadcrumb ul {

    list-style-type: none;

    display: flex;

    flex-direction: column;

    padding: 0;

    margin: 0;

}

.breadcrumb ul li {

    position: relative;

    list-style-type: none;

}

.breadcrumb ul li + li {

    padding-left: 13px;

}

.breadcrumb ul li + li:after {

    position: absolute;

    left: 0;

    top: 0;

    content: '/';

    color: rgba(10, 10, 10, 0.24);

    font-size: 18.211px;

    font-style: normal;

    font-weight: 400;

    line-height: 31.51px;

}

.breadcrumb ul li a {

    color: rgba(10, 10, 10, 0.40);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

}

.breadcrumb ul li:last-child a {

    color: rgba(10, 10, 10, 0.64);

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

}

.wrap-bottom-text {

    margin-top: 99px;

}

.wrap-bottom-text p {

    color: rgba(10, 10, 10, 0.60);

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 125%;

}

.call-form {

    margin-bottom: 196px;

}

.call-form h2 {

    color: #0A0A0A;

    font-size: 80px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

    margin-bottom: 60px;

}

.form-title {

    color: #0A0A0A;

    font-size: 48px;

    font-style: normal;

    font-weight: 400;

    line-height: 40px;

}

.wrap-check-items {

    display: flex;

    flex-wrap: wrap;

    gap: 20px;

    margin-top: 40px;

}

.check-item {

    position: relative;

    width: auto;

}

.check-item label {

    position: relative;

    cursor: pointer;

}

.check-item label input + p {

    height: 64px;

    border-radius: 32px;

    background: #F6F6F6;

    display: flex;

    align-items: center;

    border: 0.5px solid #F6F6F6;

    justify-content: center;

    color: rgba(10, 10, 10, 0.64);

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    padding: 0 32px;

    margin: 0;

    transition: all 0.3s;

}

.check-item label input + p {


}

.check-item label input:checked + p {

    border: 0.5px solid rgba(35, 189, 135, 0.16);

    background: rgba(35, 189, 135, 0.16);

    transition: all 0.3s;

}

.check-item:hover label input + p {

    border: 0.5px solid #23BD87;

    background: #fff;

    transition: all 0.3s;

}

.check-item:hover label input:checked + p {

    border: 0.5px solid rgba(35, 189, 135, 0.16);

    background: rgba(35, 189, 135, 0.16);

    transition: all 0.3s;

}

.wrap-form-body {

    width: 100%;

    display: flex;

    align-items: center;

    align-content: center;

    gap: 64px;

    flex-wrap: wrap;

    margin-top: 103px;

}

.wrap-form-body .wrap-input {

    position: relative;

    width: calc(50% - 32px);

}

.wrap-input textarea,
.wrap-input input {

    width: 100%;

    border-radius: 0px;

    background: #FFF;

    border: none;

    border-bottom: 2px solid #E8E8E8;

    height: 78px;

    padding: 0 24px;


    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 26px;

}

.wrap-input textarea {

    height: 152px;

    resize: none;

    padding: 24px;

    line-height: 32px;

}

.wrap-input textarea:focus,
.wrap-input textarea:active,
.wrap-input input:focus,
.wrap-input input:active {

    border-bottom: 2px solid #6C6C6C;

}

.wrap-bottom-block {

    width: calc(50% - 32px);

    display: flex;

    gap: 24px;

}

.wrap-checked {

    width: calc(50% - 12px);

}

.wrap-checked label {

    display: flex;

    gap: 16px;

    cursor: pointer;

}

.wrap-bottom-block button[type="submit"] {

    width: calc(50% - 12px);

    display: flex;

    height: 81px;

    padding: 0px 24px;

    justify-content: center;

    align-items: center;

    border-radius: 24px;

    border: 1px solid #23BD87;

    background: #23BD87;

    color: #FFF;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 18px;

    cursor: pointer;

}

.wrap-checked span {

    width: 24px;

    min-width: 24px;

    max-width: 24px;

    height: 24px;

    border-radius: 8px;

    border: 1px solid #A2A2A2;

    background: #FFF;

}

.wrap-checked label input:checked + span {

    background: url('./../imgs/check.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

}

.wrap-checked p {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    opacity: 0.4;

    margin: 0;

}

.wrap-checked p a {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    text-decoration: underline;

}

@media (max-width: 1740px) {

    .wrap-bottom-text p {

        color: rgba(10, 10, 10, 0.60);

        font-family: "Open Sans", sans-serif;

        font-size: 20px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

    }

    .wrap-bottom-text {

        margin-top: 64px;

    }

    .breadcrumb {

        margin-top: 27px;

        margin-bottom: 100px;

    }

    .call-form h2 {

        font-size: 60px;

        line-height: 60px;

        margin-bottom: 60px;

    }

    .form-title {

        font-size: 36px;

        line-height: 30px;

    }

    .check-item label input + p {

        height: 44px;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 120%;

        padding: 0 22px;

    }

    .wrap-form-body {

        width: 100%;

        align-items: center;

        justify-content: space-between;

        gap: 44px;

        flex-wrap: wrap;

        margin-top: 80px;

    }

    .wrap-form-body .wrap-input {

        width: calc(50% - 22px);

    }

    .wrap-input textarea,
    .wrap-input input {

        height: 64px;

        font-size: 20px;

    }

    .wrap-bottom-block {

        width: calc(50% - 22px);

        display: flex;

        /*    gap: 15px;

    flex-direction: column;*/

    }

    .wrap-checked {

        width: 100%;

    }

    .wrap-bottom-block button[type="submit"] {

        width: 54%;

    }

    .wrap-input textarea {

        height: 128px;

    }

}

@media (max-width: 1300px) {

    .call-page .main-top h1 {

        letter-spacing: -1.3px;

    }

    .wrap-nav-top-fix {

        margin: 36px auto 0;

    }

    .wrap-bottom-text p {

        font-size: 18px;

        line-height: 20px;

    }

    .breadcrumb {

        margin-top: 17px;

        margin-bottom: 69px;

    }

    .call-form h2 {

        font-size: 48px;

        line-height: 49px;

        margin-bottom: 49px;

    }

    .wrap-check-items {

        flex-wrap: wrap;

        gap: 12px 10px;

        margin-top: 40px;

    }

    .wrap-form-body {

        width: 100%;

        align-items: center;

        justify-content: space-between;

        gap: 32px;

        flex-wrap: wrap;

        flex-direction: column;

        margin-top: 72px;

    }

    .wrap-form-body .wrap-input {

        position: relative;

        width: 100%;

    }

    .wrap-bottom-block {

        width: 100%;

        flex-direction: column;

    }

    .wrap-input textarea {

        height: 172px;

    }

    .wrap-bottom-block button[type="submit"] {

        width: 100%;

    }

}

@media (max-width: 720px) {


    .call-page .main-top h1 {

        letter-spacing: -0.8px;

        line-height: 41px;

    }

    .wrap-nav-top-fix {

        margin: 40px auto 0;

    }

    .check-item label input + p {

        padding: 0 15px;

    }

    .wrap-bottom-text p {

        font-size: 15px;

        line-height: 120%;

    }

    .wrap-bottom-text {

        margin-top: 30px;

    }

    .breadcrumb {

        margin-top: 76px;

        margin-bottom: 34px;

    }

    .call-form h2 {

        font-size: 30px;

        line-height: 30px;

        margin-bottom: 32px;

    }

    .form-title {

        font-size: 24px;

        line-height: 24px;

    }

    .check-item label input + p {

        height: 33px;

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 120%;

    }

    .wrap-check-items {

        margin-top: 31px;

    }

    .wrap-form-body {

        width: 100%;

        align-items: center;

        justify-content: space-between;

        gap: 24px;

        flex-wrap: wrap;

        flex-direction: column;

        margin-top: 56px;

    }

    .wrap-input textarea, .wrap-input input {

        height: 44px;

        font-size: 15px;

        line-height: 20px;

    }

    .wrap-input textarea {

        height: 128px;

        padding-top: 11px;

    }

    .wrap-checked label {

        gap: 12px;

        cursor: pointer;

    }

    .wrap-checked p a,
    .wrap-checked p {

        font-size: 14px;

        line-height: 22px;

    }

    .wrap-bottom-block button[type="submit"] {

        height: 44px;

    }

}

/*конец формы*/

.dont-click {

    user-select: none;

    pointer-events: none;

}

/*начало 2 новых блока*/

.faq {

    margin: 300px 0;

}

.faq-side {

    display: flex;

    gap: 80px;

}

.faq-left {

    width: 650px;

}

.wrap-faq-title {

    position: sticky;

    top: 0;

    left: 0;

}

.faq-right {

    width: calc(100% - 730px);

}

.faq-item {

    border-radius: 50px;

    background: #F6F6F6;

    padding: 48px 40px;

}

.faq-item + .faq-item {

    margin-top: 30px;

}

.faq-item-top {

    display: flex;

    gap: 40px;

    justify-content: space-between;

}

.faq-item-top p {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 125%;

    margin: 0;

}

.faq-arr {

    position: relative;

    display: flex;

    width: 56px;

    min-width: 56px;

    max-width: 56px;

    height: 56px;

    border: 0.5px solid transparent;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    transition: all 0.3s;

}

.faq-arr:after {

    position: absolute;

    content: "";

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    width: 40px;

    height: 4px;

    border-radius: 4px;

    background: #939393;

    transition: all 0.3s;

}

.faq-arr:before {

    position: absolute;

    content: "";

    left: 50%;

    top: 50%;

    border-radius: 4px;

    transform: translate(-50%, -50%);

    width: 4px;

    height: 40px;

    background: #939393;

    transition: all 0.3s;

}

.faq-arr:hover {

    border-color: #0A0A0A;

    transition: all 0.3s;

}

.faq-arr:hover:after,
.faq-arr:hover:before {

    background: #0A0A0A;

    transition: all 0.3s;

}

.open .faq-arr {

    background: #0A0A0A;

    transform: rotate(45deg);

    transition: all 0.3s;

}

.open .faq-arr:hover:after,
.open .faq-arr:hover:before,
.open .faq-arr:after,
.open .faq-arr:before {

    background: #fff;

    transition: all 0.3s;

}

.faq-item-content {

    overflow: hidden;

    height: 0;

    opacity: 0;

    padding-top: 0;

    transition: height 0.3s ease, opacity 0.3s ease, padding 0.3s ease;

}


.open .faq-item-content {

    height: auto;

    opacity: 1;

    padding-top: 30px;

}

.faq-item-content ul {

    margin: 20px 0;

}

.faq-item-content ul li,
.faq-item-content p {

    color: #6C6C6C;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

}

.faq-item-content ul li {

    margin-bottom: 10px;

}

.faq-item-content p a {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

}

.wrap-faq-title .block-title {

    margin-bottom: 350px;

}

.new-slid-side {

    display: flex;

    gap: 30px;

    position: relative;

    z-index: 20;

    justify-content: space-between;

    background: #fff;

}

.new-slid-left {

    width: 553px;

}

.wrap-new-slider {

    width: 100%;

    position: relative;

    padding-bottom: 140px;

}

.new-slid-right .arrow,
.wrap-new-slider .arrow {

    top: auto;

    bottom: 30px;

    margin: 0;

    width: 60px;

    height: 30px;

}

.new-slid-right .swiper-button-prev svg,
.new-slid-right .swiper-button-next svg,
.new-slid-right .swiper-button-prev:after,
.new-slid-right .swiper-button-next:after,
.wrap-new-slider .swiper-button-prev:after,
.wrap-new-slider .swiper-button-next:after {

    display: none;

}

.new-slider img {
    width: 100%;
}

.new-slid-right .swiper-pagination-fraction,
.wrap-new-slider .swiper-pagination-fraction {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #B0B0B0;

    font-size: 70px;

    font-style: normal;

    font-weight: 400;

    line-height: 70px;

}

.new-slid-right .swiper-pagination-current,
.wrap-new-slider .swiper-pagination-current {

    color: #0A0A0A;

    font-size: 56px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px;

}

.new-slid-right .swiper-pagination-total,
.wrap-new-slider .swiper-pagination-total {

    color: #6C6C6C;

    font-size: 30px;

    font-style: normal;

    font-weight: 400;

    line-height: 30px;

    margin-top: 20px;

}

.new-slid-right .swiper-pagination,
.new-slid-right .arrow {

    display: none;

}

.new-slid-right {

    width: 991px;

    position: relative;

}

.wrap-new-slider-text {

    width: 100%;

    border-radius: 50px;

    background: #FFF;

    padding: 40px;

    margin-top: 80px;

    border: 1px solid rgba(0, 0, 0, 0.05);

    box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);

}

.top-slide-img {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 40px;

}

/*    .r-logo {
      display: none;
    }
*/
.pretitle-text {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 125%;

}

.wrap-new-slider-text-clamp {

    max-height: 330px;

    overflow: hidden;

    margin-bottom: 20px;

}

.wrap-new-slider-text-clamp p {

    color: #6C6C6C;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

    transition: max-height 0.3s ease;

}

.wrap-new-slider-text-clamp.active {

    max-height: none;

    transition: max-height 0.3s ease;

}

.new-slid {

    margin: 200px 0 0;

    background: #fff;

}

@media (max-width: 1740px) {

    .faq-left {

        width: 525px;

    }

    .faq-right {

        width: calc(100% - 605px);

    }

    .new-slid-left {

        width: 465px;

    }

    .new-slider img {

        width: 100%;

    }

    .new-slid-right {

        width: calc(100% - 500px);

    }

}

@media (max-width: 1300px) {

    .faq-side {

        flex-direction: column;

        gap: 41px;

    }

    .faq-left {

        width: 100%;

    }

    .faq {

        margin: 140px 0;

    }

    .wrap-faq-title {

        position: relative;

        top: 0;

        left: 0;

    }

    .wrap-faq-title .block-title {

        margin-bottom: 80px;

        max-width: 500px;

    }

    .wrap-faq-title .block-btn {

        margin-left: auto;

        width: fit-content;

        display: block;

    }

    .faq-right {

        width: 100%;

    }

    .faq-item {

        border-radius: 50px;

        background: #F6F6F6;

        padding: 34px 23px;

    }

    .faq-item-top p {

        font-size: 26px;

    }

    .faq-arr {

        width: 44px;

        min-width: 44px;

        max-width: 44px;

        height: 44px;

    }

    .faq-item-content ul li, .faq-item-content p {

        color: #6C6C6C;

        font-family: "Open Sans", sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        margin-bottom: 25px;

    }

    .faq-item-content {

        padding-top: 26px;

    }

    .new-slid-left {

        display: none;

    }

    .faq-right {

        width: 100%;

    }

    .new-slid-right {

        width: 100%;

    }

    .new-slid {

        margin: 138px 0 0;

    }

    .wrap-new-slider-text {

        width: 100%;

        border-radius: 50px;

        background: #FFF;

        padding: 31px 23px;

        margin-top: 46px;

        border: 1px solid rgba(0, 0, 0, 0.05);

        box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);

    }

    .rait {

        width: 215px;

    }

    .top-slide-img {

        margin-bottom: 30px;

    }

    .pretitle-text {

        font-size: 24px;

        margin-bottom: 20px;

    }

    .wrap-new-slider-text-clamp p {

        color: #6C6C6C;

        font-family: "Open Sans", sans-serif;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        transition: max-height 0.3s ease;

    }

    .creation-right {

        display: none;

    }

    .new-slid-right {

        padding-bottom: 100px;

    }

    .new-slid-right .swiper-pagination,
    .new-slid-right .arrow {

        display: block;

    }

    .new-slid-right .swiper-pagination-fraction {

        font-size: 40px;

        line-height: 40px;

    }

    .new-slid-right .swiper-pagination-current {

        font-size: 36px;

        line-height: 120%;

    }

    .new-slid-right .swiper-pagination-total {

        font-size: 16px;

        line-height: 24px;

        margin-top: 0px;

    }

    .new-slid-right .arrow {

        width: 73px;

        height: 12px;

        background-repeat: no-repeat;

        background-position: center;

        background-size: contain;

    }

    .new-slid-right .swiper-button-prev {

        background-image: url('./../imgs/arr-prev-1.png');

    }

    .new-slid-right .swiper-button-next {

        background-image: url('./../imgs/arr-next-1.png');

    }

}

@media (max-width: 720px) {


    .new-slid-right .swiper-pagination-fraction {

        font-size: 40px;

        line-height: 40px;

    }

    .new-slid-right .swiper-pagination-current {

        font-size: 30px;

        line-height: 120%;

    }

    .new-slid-right .swiper-pagination-total {

        font-size: 16px;

        line-height: 24px;

        margin-top: 0px;

    }

    .new-slid-right .arrow {

        width: 31px;

        height: 8px;

        background-repeat: no-repeat;

        background-position: center;

        background-size: contain;

    }

    .new-slid-right .swiper-button-prev {

        background-image: url('./../imgs/arr-prev-2.png');

    }

    .new-slid-right .swiper-button-next {

        background-image: url('./../imgs/arr-next-2.png');

    }

    .faq {

        margin: 187px 0;

    }

    .faq-item-content p a {

        font-size: 14px;

    }

    .wrap-faq-title .block-title {

        margin-bottom: 50px;

        max-width: 500px;

        font-size: 40px;

        line-height: 40px;

    }

    .wrap-faq-title .block-btn {

        font-size: 24px;

        line-height: 100%;

    }

    .faq-item {

        border-radius: 32px;

        background: #F6F6F6;

        padding: 20px;

    }

    .faq-item-top p {

        font-size: 18px;

    }

    .faq-arr {

        width: 32px;

        min-width: 32px;

        max-width: 32px;

        height: 32px;

    }

    .faq-arr:after {

        width: 24px;

    }

    .faq-arr:before {

        height: 24px;

    }

    .faq-item-top {

        gap: 28px;

    }


    .faq-item-content {

        padding-top: 13px;

    }

    .faq-item-content ul li,
    .faq-item-content p {

        font-size: 14px;

    }

    .new-slid-side .block-title {

        font-size: 40px;

        line-height: 100%;

    }

    .new-slid {

        margin: 149px 0 0;

    }

    .wrap-new-slider-text {

        width: 100%;

        border-radius: 20px;

        background: #FFF;

        padding: 30px 20px;

        margin-top: 36px;

        border: 1px solid rgba(0, 0, 0, 0.05);

        box-shadow: 0 0 12.411px 0 rgba(0, 0, 0, 0.05);

    }

    .top-slide-img {

        margin-bottom: 30px;

        flex-direction: column;

        align-items: flex-start;

    }

    .rait {

        width: 156px;

    }

    .r-logo {


        width: 170px;

        margin-top: 23px;

    }

    .pretitle-text {

        font-size: 22px;

        margin-bottom: 20px;

    }

    .wrap-new-slider-text-clamp p {

        font-size: 14px;

    }

    .star-block .golo {

        position: relative;

        z-index: 1;

        width: 56px;

        height: 56px;

        margin: 0px;

        border-radius: 50%;

    }

    .tarif-item:nth-child(1) .wrap-tarif-tag {

        display: none;

    }

    .tarif-item:nth-child(1) .wrap-tarif-price {

        margin-top: 0px;

        margin-bottom: 0;

    }

    .tag-img {

        width: 30px;

        height: 30px;

    }

    .tag span {

        height: 30px;

        color: #8a8a8a;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 18px;

        border-radius: 32px;

        border: 0.5px solid #3e3e3e;

        padding: 0 8px;

    }

    .wrap-tarif-tag {

        display: flex;

        gap: 6px;

        align-items: center;

        flex-wrap: wrap;

        min-height: 30px;

    }

    .wrap-all-stickers-items {

        position: relative;

        right: 0;

        top: 0;

        width: 259px;

        height: 100px;

        padding-right: 0px;

    }

    .wrap-stickers-items .wrap-stickers-item .sticker,
    .wrap-stickers-items .wrap-stickers-item {

        position: relative;

        width: 100px;

        height: 100px;

    }

    .wrap-stickers-items .stickers-item-1 {

        position: absolute;

        right: auto;

        left: 0;

        top: 0px;

        z-index: 1;

    }

    .wrap-stickers-items .stickers-item-2 {

        position: absolute;

        right: auto;

        left: 106px;

        top: 0px;

        z-index: 3;

    }

    .wrap-stickers-items .stickers-item-3 {

        position: absolute;

        right: auto;

        left: 53px;

        top: 0;

        z-index: 2;

    }

    .wrap-stickers-items .stickers-item-4 {

        position: absolute;

        right: 0;

        top: 0;

        z-index: 4;

    }

    .tarif-item:nth-child(4) {

        height: auto;

    }

    .tarif-item:nth-child(4) .wrap-tarif-price {

        margin-top: 32px;

        margin-bottom: 10px;

    }

}

/*конец 2 новых блока*/

.wrap-nav-menu {

    position: absolute;

    left: 50%;

    display: none;

    top: 100%;

    padding-top: 20px;

    transform: translateX(-50%);

}

.wrap-nav-menu:after {

    position: absolute;

    content: "";

    top: 10px;

    left: 50%;

    width: 0;

    height: 0;

    transform: translateX(-50%);

    border-left: 5px solid transparent;

    border-right: 5px solid transparent;

    border-bottom: 10px solid #F6F6F6;

}

.wrap-nav-menu ul {

    display: flex;

    border-radius: 30px;

    background: #F6F6F6;

    padding: 24px;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    gap: 16px;

}

.wrap-nav-menu ul li {

    margin: 0;

}

.wrap-nav-menu ul li a {

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    white-space: nowrap;

    line-height: 18px;

}

nav ul li .wrap-nav-menu a:hover:after {

    display: none;

}

nav ul li .wrap-nav-menu a:hover {

    color: #23BD87;

}

.parent-menu:hover .wrap-nav-menu {

    display: block;

}

.citys {

    margin-top: 100px;

}

.map-container {

    height: 650px;

    border-radius: 20px;

    transition: all 0.3s;

    overflow: hidden;

}

.pulse-container {

    position: relative;

    width: 100px;

    height: 100px;

}


.pulse-center {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 44px;

    height: 44px;

    border: 11px solid #2ecc71;

    background: #fff;

    border-radius: 50%;

    z-index: 2;

}


.pulse-ring {

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translate(-50%, -50%);

    width: 60px;

    height: 60px;

    background: rgba(46, 204, 113, 0.3);

    border-radius: 50%;

    animation: pulse 2s infinite ease-out;

    z-index: 1;

}


@keyframes pulse {

    0% {

        transform: translate(-50%, -50%) scale(1);

        opacity: 0.8;

    }

    100% {

        transform: translate(-50%, -50%) scale(3);

        opacity: 0;

    }

}

.city-item {

    position: relative;

}

.wrap-city-content-side {

    display: flex;

    gap: 30px;

    justify-content: space-between;

}

.city-content-left {

    width: 425px;

    display: flex;

    flex-direction: column;

    gap: 40px;

}

.city-content-map {

    width: calc(100% - 450px);

}

.map-container:hover {

    border-radius: 40px;

    transition: all 0.3s;

}

.city-item {

    padding-top: 56px;

    padding-bottom: 64px;

    border-top: 1px solid rgba(0, 0, 0, 0.08);

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.city-item-top {

    display: flex;

    align-items: center;

    cursor: pointer;

}

.city-item-name {

    color: #0A0A0A;

    text-align: left;

    font-size: 80px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

}

.city-item.open .steps-item-title:hover {

    margin-bottom: 0px;

    transition: all 0.3s;

}

.city-item-arr {

    position: absolute;

    top: 72px;

    right: -2px;

    width: 50px;

    height: 50px;

    background-image: url('./../imgs/arr1.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: contain;

    transform: rotate(0deg);

    opacity: 0.16;

    transition: all 0.3s;

}

.city-item-content {

    display: none;

}

.city-item.open .city-item-arr {

    opacity: 1;

    transform: rotate(180deg);

    transition: all 0.3s;

}

.city-item.open .city-item-content {

    display: block;

    padding-top: 80px;

}

.city-content-item + .block-btn {

    margin-top: auto;

}

.city-content-item p,
.city-content-item p a {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 125%;

    transition: all 0.3s;

}

.city-content-item p a:hover {

    color: #23BD87;

    transition: all 0.3s;

}

.city-content-item span {

    display: block;

    margin-top: 15px;

    color: #939393;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 100%;

}

@media (max-width: 1740px) {

    .citys {

        margin-top: 79px;

    }

    .city-item-name {

        font-size: 60px;

        line-height: 60px;

    }

    .city-item-arr {

        position: absolute;

        top: 65px;

        right: 4px;

        width: 36px;

        height: 40px;

    }

    .city-content-item p, .city-content-item p a {

        font-size: 24px;

    }

    .city-content-item span {

        font-size: 17px;

    }

    .city-content-left {

        gap: 31px;

    }

    .city-content-map {

        width: calc(100% - 420px);

    }

    .map-container {

        height: 517px;

    }

}

.fancybox__container {

    --fancybox-bg: rgba(0, 0, 0, 0.5);

}

@media (max-width: 1300px) {

    .citys {

        margin-top: 64px;

    }

    .city-item {

        padding: 40px 0 49px;

    }

    .city-item-name {

        font-size: 48px;

        line-height: 48px;

    }

    .city-item-arr {

        position: absolute;

        top: 48px;

        right: 4px;

        width: 30px;

        height: 30px;

    }

    .wrap-city-content-side {

        display: flex;

        gap: 30px;

        justify-content: space-between;

        flex-direction: column;

    }

    .city-content-left {

        gap: 30px 15px;

        width: 100%;

        flex-direction: row;

        flex-wrap: wrap;

    }

    .city-content-item p, .city-content-item p a {

        font-size: 20px;

    }

    .city-item.open .city-item-content {

        display: block;

        padding-top: 49px;

    }

    .city-content-item {

        width: calc(50% - 8px);

    }

    .city-content-item + .block-btn {

        margin-top: 53px;

    }

    .city-content-map {

        width: 100%;

        margin-top: 15px;

    }

    .map-container {

        height: 402px;

    }

}

@media (max-width: 720px) {

    .city-item {

        padding: 30px 0 40px;

    }

    .city-item-name {

        font-size: 36px;

        line-height: 36px;

    }

    .city-item-arr {

        top: 34px;

    }

    .city-content-left {

        gap: 30px 15px;

        width: 100%;

        flex-direction: column;

        flex-wrap: wrap;

    }

    .city-content-item {

        width: 100%;

    }

    .city-content-item p, .city-content-item p a {

        font-size: 24px;

    }

    .city-content-item span {

        font-size: 18px;

    }

    .city-item.open .city-item-content {

        display: block;

        padding-top: 53px;

    }

    .city-content-item + .block-btn {

        margin-top: 39px;

        font-size: 26px;

        margin-left: auto;

    }

    .map-container {

        height: 503px;

    }

}


.popup {

    position: fixed;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-pack: center;

    justify-content: center;

    margin: 0 auto;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 999999;

    overflow-x: hidden;

    background: rgba(10, 10, 10, 0.20);

    backdrop-filter: blur(12px);

    pointer-events: none;

    opacity: 0;

    transition: opacity 250ms 700ms ease;

}

.popup-body {

    position: relative;

    display: block;

    width: 100%;

    max-width: 700px;

    margin: auto;

    align-items: flex-start;

    justify-content: center;

    opacity: 0;

    padding: 0;

    transform: scale(0.6);

    transition: opacity 250ms 250ms ease, transform 300ms 250ms ease;

}

#tarik .popup-body {

    transform: scale(1);

}

.popup-content {

    position: relative;

    border-radius: 40px;

    padding: 56px 56px;

    background: #fff;

}

.popup.active {

    pointer-events: auto;

    opacity: 1;

    transition: all 300ms ease-in-out;

}

.popup-close {

    position: absolute;

    right: 29px;

    top: 29px;

    display: flex;

    width: 50px;

    height: 50px;

    cursor: pointer;

    transition: all 0.3s;

    align-items: center;

    justify-content: center;

}

.popup-close:hover {

    opacity: 1;

    transition: all 0.3s;

}

.popup.active .popup-body {

    opacity: 1;

    transform: scale(1);

    transition: opacity 250ms 500ms ease, transform 350ms 500ms ease;

}

.popup-title {

    color: #0A0A0A;

    font-size: 48px;

    font-style: normal;

    font-weight: 400;

    line-height: 48px;

    margin-bottom: 30px;

}

.popup-text {

    color: #6C6C6C;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

}

.popup .wrap-input textarea, .popup .wrap-input input {

    width: 100%;

    border-radius: 0px;

    background: #FFF;

    border: none;

    border-bottom: 2px solid #E8E8E8;

    height: 64px;

    padding: 0 16px;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.popup .wrap-input + .wrap-input {

    margin-top: 21px;

}

.popup .wrap-input textarea:focus,
.popup .wrap-input textarea:active,
.popup .wrap-input input:focus,
.popup .wrap-input input:active {

    border-bottom: 2px solid #23BD87;

}

.popup-body .wrap-form-input label input {

    border-radius: 10px;

    border: 1px solid #E5E5E5;

    background: #FFF;

    width: 100%;

    height: 48px;

    padding: 0 16px;

    color: #808080;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 20px;

}

.popup .wrap-checked {

    width: 100%;

    margin-top: 30px;

}

.popup-body button[disabled] {

    background: #9D9FA6;

    border: 1px solid #9D9FA6;

}

.popup-body button[type='submit'] {

    margin-top: 24px;

    border-radius: 24px;

    border: 1px solid #23BD87;

    background: #23BD87;

    height: 64px;

    display: flex;

    align-items: center;

    justify-content: center;

    width: 100%;

    color: #FFF;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    cursor: pointer;

    line-height: 18px;

    transition: all 0.3s;

}

.popup-body button[type='submit']:hover {

    color: #23BD87;

    background: #fff;

}

.thx-text {

    color: #5B5F6B;

    text-align: center;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 145%;

    margin-top: 20px;

    margin-bottom: 30px;

}

.thx-btn {

    display: flex;

    width: 195px;

    height: 51px;

    justify-content: center;

    align-items: center;

    border-radius: 89.009px;

    border: 1px solid #2B2B2B;

    color: #2B2B2B;

    text-align: center;

    font-size: 12px;

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: 1.08px;

    text-transform: uppercase;

    margin: 0 auto;

    transition: all 0.3s;

}

.thx-btn:hover {

    background: #2B2B2B;

    color: #fff;

    transition: all 0.3s;

}

.popup-form {

    margin: auto;

    width: 100%;

    max-width: 300px;

}

.warn-text {

    color: rgba(0, 0, 0, 0.40);

    text-align: center;

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 17.4px;

    margin-top: 30px;

}

.warn-text a {

    color: rgba(0, 0, 0, 0.40);

    font-size: 14px;

    font-style: normal;

    font-weight: 400;

    line-height: 17.4px;

    text-decoration-line: underline;

}

.popup-bottom-content {

    background: #fff;

    position: relative;

    height: 88px;

    display: flex;

    margin-top: 10px;

    align-items: center;

    border-radius: 40px;

    padding: 0px 16px 0 36px;

    background: #fff;

}

.wrap-pop-social {

    display: flex;

    align-items: center;

    width: 100%;

    gap: 12px;

}

.pop-text {

    color: #0A0A0A;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    white-space: nowrap;

    margin-bottom: 0;

    margin-right: 30px;

}

.wrap-pop-social a {

    display: flex;

    align-items: center;

    gap: 10px;

    border-radius: 32px;

    height: 56px;

    width: calc(33.333% - 7px);

    padding: 0 20px;

}

.wrap-pop-social a span {

    color: #FFF;

    font-size: 16px;

    font-style: normal;

    font-weight: 600;

    line-height: 16px;

    letter-spacing: -0.16px;

}

.soc-color-1 {
    background: #32AADE;
}

.soc-color-2 {
    background: #0078FF;
}

.soc-color-3 {
    background: #32D951;
}

@media (max-width: 1560px) {

    .popup-body {

        max-width: 520px;

    }

    .popup-content {

        position: relative;

        border-radius: 30px;

        padding: 44px 32px 32px;

        background: #fff;

    }

    .popup-title {

        color: #0A0A0A;

        font-size: 36px;

        font-style: normal;

        font-weight: 400;

        line-height: 36px;

        margin-bottom: 20px;

    }

    .popup-text {

        font-size: 18px;

    }

    .popup-close svg {

        width: 18px;

        height: 18px;

    }

    .popup .wrap-input textarea, .popup .wrap-input input {

        width: 100%;

        border-radius: 0px;

        background: #FFF;

        border: none;

        border-bottom: 2px solid #E8E8E8;

        height: 48px;

        padding: 0px 12px;

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

    }

    .popup .wrap-input + .wrap-input {

        margin-top: 11px;

    }

    .popup-close {

        position: absolute;

        right: 15px;

        top: 15px;

    }

    .wrap-checked span {

        width: 18px;

        min-width: 18px;

        max-width: 18px;

        height: 18px;

        border-radius: 6px;

        border: 0.7px solid #A2A2A2;

        background: #FFF;

    }

    .wrap-checked p a,
    .wrap-checked p {

        font-size: 12px;

        font-style: normal;

        font-weight: 400;

        line-height: 18px;

    }

    .wrap-checked label {

        gap: 12px;

        cursor: pointer;

    }

    .popup .wrap-checked {

        width: 100%;

        margin-top: 19px;

    }

    .popup-body button[type='submit'] {

        margin-top: 17px;

        border-radius: 18px;

        border: 1px solid #23BD87;

        background: #23BD87;

        height: 56px;

        display: flex;

        align-items: center;

        justify-content: center;

        width: 100%;

        color: #FFF;

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        cursor: pointer;

        line-height: 16px;

        transition: all 0.3s;

    }

    .popup-bottom-content {

        background: #fff;

        position: relative;

        height: 64px;

        display: flex;

        margin-top: 8px;

        align-items: center;

        border-radius: 30px;

        padding: 0px 12px 0 24px;

        background: #fff;

    }

    .pop-text {

        color: #0A0A0A;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        white-space: nowrap;

        margin-bottom: 0;

        margin-right: 12px;

    }

    .wrap-pop-social {

        display: flex;

        align-items: center;

        width: 100%;

        gap: 8px;

    }

    .wrap-pop-social a {

        gap: 6px;

        border-radius: 24px;

        height: 40px;

        width: calc(33.333% - 6px);

        padding: 0 12px;

    }

    .wrap-pop-social a svg {

        max-width: 16px;

        max-height: 16px;

    }

    .wrap-pop-social a span {

        font-size: 14px;

        line-height: 14px;

        letter-spacing: -0.14px;

    }

}

@media (max-width: 768px) {

    .thx-btn {

        display: flex;

        width: 230px;

        height: 48px;

        font-size: 16px;

    }

    .popup-content {

        border-radius: 20px;

        position: relative;

        padding: 44px 16px 24px;

        background: #fff;

    }

    .popup-title {

        color: #0A0A0A;

        font-size: 24px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

        margin-bottom: 10px;

    }

    .popup-close {

        right: 1px;

        top: 2px;

    }

    .popup-close svg path,
    .popup-close svg circle {

        stroke: #000;

    }

    .popup-text {

        font-size: 14px;

    }

    .popup .wrap-input textarea, .popup .wrap-input input {

        width: 100%;

        border-radius: 0px;

        background: #FFF;

        border: none;

        border-bottom: 2px solid #E8E8E8;

        height: 44px;

        padding: 0px 8px;

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

    }

    .wrap-checked span {

        width: 24px;

        min-width: 24px;

        max-width: 24px;

        height: 24px;

        border-radius: 8px;

        border: 1px solid #A2A2A2;

        background: #FFF;

    }

    .popup-body {

        max-width: 340px;

    }

    .popup textarea {

        height: 71px;

    }

    .popup .wrap-checked {

        margin-bottom: 10px;

        margin-top: 18px;

    }

    .popup-body button[type='submit'] {

        height: 45px;

        font-size: 18px;

    }

    .thx-text {

        font-size: 16px;

    }

    .wrap-pop-social a span {

        display: none;

    }

    .wrap-pop-social a {

        gap: 0;

        align-items: center;

        justify-content: center;

        border-radius: 50%;

        height: 42px;

        width: 42px;

        padding: 0;

    }

    .pop-text {

        margin-right: 24px;

    }

}

.wrap-popup-content-header {

    position: relative;

    z-index: 99;

    height: 126px;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.popup-header {

    background: rgba(0, 0, 0, 0.1);

}

.wrap-popup-content-header .container {

    position: relative;

    z-index: 1;

}

.wrap-popup-content-header .popup-close {

    position: relative;

    top: 0;

    right: 0;

}

#tarik .popup-body {

    background: #F6F6F6;

}

#tarik.popup {

    overflow: hidden;

}

#tarik .popup-body {

    width: 100%;

    max-width: 100%;

    margin: 0 auto;

    position: relative;

}

#tarik .popup-content {

    position: relative;

    border-radius: 0;

    padding: 0;

    z-index: 5;

    background: transparent;

}

.wrap-popup-table-block {

    margin-top: 24px;

    overflow: auto;

    position: relative;

    z-index: 2;

    height: calc(100vh - 126px);

    padding-bottom: 50px;

}

.wrap-popup-table-block::-webkit-scrollbar {

    opacity: 0;

}

.wrap-popup-table {

    width: 100%;

    position: relative;

}

.wrap-popup-table table tr,
.wrap-popup-table table tr th,
.wrap-popup-table table tr td {

    position: relative;

    background: transparent;

}

.wrap-popup-table table tr th,
.wrap-popup-table table tr td {

    padding: 11px 47px;

}

.wrap-popup-table table tr th {

    padding-top: 32px;

}

.wrap-popup-table table tr td {

    border-top: 0.5px solid #BEBEBE;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 16px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

}

.wrap-popup-table .tarif-btn {

    margin-bottom: 20px;

}

.wrap-popup-table table tr td:first-child {

    padding-left: 0;

}

.wrap-popup-table table tr th p {

    color: #0A0A0A;

    font-size: 32px;

    text-align: left;

    font-weight: 500;

    line-height: 100%;

}

.wrap-popup-table table tr th span {

    font-family: "Open Sans", sans-serif;

    display: block;

    color: #0A0A0A;

    font-size: 12px;

    font-style: normal;

    font-weight: 400;

    text-align: left;

    line-height: 20px;

    opacity: 0.6;

}

.wrap-false-table {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    display: flex;

    gap: 30px;

    z-index: 1;

}

.wrap-popup-table table {

    position: relative;

    z-index: 2;

    background: transparent;

}

.table-col {

    width: calc(25% - 13px);

}

.table-col-2,
.table-col-3,
.table-col-4 {

    background: #fff;

    border-radius: 32px;

}

.popup-table-price {

    color: #0A0A0A;

    font-size: 64px;

    font-style: normal;

    font-weight: 400;

    line-height: 64px;

}

.popup-table-price span {

    color: #0A0A0A;

    font-size: 64px;

    font-style: normal;

    font-weight: 300;

    line-height: normal;

    margin-left: 6px;

}

.wrap-tarif-popup-item {

    margin-top: 30px;

    padding-left: calc(25% + 5px);

}

.wrap-tarif-popup-item .wrap-stickers-items {


}

.wrap-tarif-popup-item .tarif-item {

    padding-top: 30px;

}

.wrap-tarif-popup-item .tarif-item p {

    font-size: 12px;

    margin-bottom: 0;

}

.wrap-tarif-popup-item .wrap-tarif-price {

    margin-bottom: 11px;

}

.wrap-tarif-popup-item .tarif-btn {

    max-width: 343px;

}

.wrap-tarif-popup-item .wrap-all-stickers-items {

    position: absolute;

    right: 0;

    top: 0;

    width: 850px;

    height: 311px;

    padding-right: 40px;

}

.wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item .sticker div:not(.sticker-shadow),
.wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item .sticker,
.wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item {

    position: relative;

    width: 238px;

    height: 238px;

    border-radius: 50%;

}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-1 {

    position: absolute;

    right: 576px;

    top: 41px;

    z-index: 1;

}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-2 {

    position: absolute;

    right: 382px;

    top: 74px;

    z-index: 2;

}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-3 {

    position: absolute;

    right: 175px;

    top: 20px;

    z-index: 3;

}

.wrap-tarif-popup-item .wrap-stickers-items .stickers-item-4 {

    position: absolute;

    right: -13px;

    top: 75px;

    z-index: 4;

}

@media (max-width: 1740px) {

    .wrap-popup-content-header {

        height: 100px;

    }

    .popup .container {

        max-width: 1300px;

        padding: 0px 10px;

    }

    .wrap-popup-table table tr td {

        /*font-size: 14px;*/

    }

    .wrap-popup-table table tr th {

        padding: 11px 31px;

    }

    .wrap-popup-table table tr td {

        padding: 5px 31px;

    }

    .wrap-popup-table table tr th:nth-child(2),
    .wrap-popup-table table tr td:nth-child(2) {

        padding-left: 16px;

    }

    .table-col-2, .table-col-3, .table-col-4 {

        border-radius: 26px;

    }

    .wrap-popup-table table tr th {

        padding-top: 24px;

    }

    .wrap-popup-table table tr th p {

        font-size: 26px;

        margin-bottom: 7px;

    }

    .popup-table-price span,
    .popup-table-price {

        color: #0A0A0A;

        font-size: 44px;

        font-style: normal;

        font-weight: 400;

        line-height: 44px;

    }

    .wrap-popup-table .tarif-btn {

        height: 65px;

        font-size: 16px;

    }

    .table-col {

        width: calc(25% - 25px);

    }

    .wrap-popup-table table tr td {

        font-size: 13px;

    }

    .wrap-tarif-popup-item .tarif-item {

        padding-top: 30px;

        width: 100%;

    }

    .popup .tarif-item {

        padding: 20px 20px;

    }

    .popup .tarif-item h5 {

        font-size: 26px;

    }

    .wrap-tarif-popup-item .wrap-tarif-price {

        margin-bottom: 11px;

        margin-top: 18px;

        font-size: 44px;

        line-height: 44px;

    }

    .popup .tarif-btn {

        height: 65px;

        font-size: 16px;

        border-radius: 26px;

        margin-bottom: 10px;

    }

    .wrap-tarif-popup-item .wrap-all-stickers-items {

        position: absolute;

        right: 0;

        top: 0;

        width: 587px;

        height: 212px;

        padding-right: 33px;

    }

    .wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item .sticker,
    .wrap-tarif-popup-item .wrap-stickers-items .wrap-stickers-item {

        position: relative;

        width: 160px;

        height: 160px;

        border-radius: 50%;

    }

    .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-1 {

        position: absolute;

        right: 576px;

        top: 27px;

        z-index: 1;

    }

    .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-2 {

        position: absolute;

        right: 265px;

        top: 49px;

        z-index: 2;

    }

    .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-3 {

        position: absolute;

        right: 125px;

        top: 12px;

        left: auto;

        z-index: 3;

    }

    .wrap-tarif-popup-item .wrap-stickers-items .stickers-item-4 {

        position: absolute;

        right: 0px;

        top: 49px;

        z-index: 4;

    }

}

.wrap-hand-trigger {

    margin-left: 24px;

}

.wrap-hand-trigger img {

    animation: sway 4s infinite ease-in-out;

}

@keyframes sway {

    0%, 100% {

        transform: translateX(-20px);

    }

    50% {

        transform: translateX(20px);

    }

}

@media (max-width: 1300px) {

    #tarik {

        display: none !important;

    }

}

.tarif-more-btn-mobile {

    display: none;

}

.wrap-mobile-info {

    display: none;

}


@media (max-width: 1300px) {

    .tarif-more-btn {

        display: none;

    }

    .tarif-more-btn-mobile {

        display: flex;

        color: #0A0A0A;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

        align-items: center;

        margin: 20px 0;

    }

    .tarif-more-btn-mobile span {

        margin-left: 5px;

        transform: rotate(0deg);

        transition: all 0.3s;

    }

    .tarif-more-btn-mobile.active span {

        transform: rotate(-180deg);

        transition: all 0.3s;

    }

    .tarif-mobile-item {

        border-top: 1px solid #BEBEBE;

        padding-top: 16px;

        padding-bottom: 20px;

    }

    .mt-title {

        margin-bottom: 8px;

        color: #0A0A0A;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

    }

    .mt-title span {

        display: block;

        color: #6C6C6C;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

    }

    .tarif-mobile-item:last-child {

        border-bottom: 1px solid #BEBEBE;

    }

    .mt-text {

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 17px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

    }

    .tag-img,
    .tag {

        position: unset;

    }

    .wrap-win-tag:after {

        display: none;

    }

    .wrap-win-tag {

        display: block;

        position: absolute;

        width: 320px;

        left: calc(50% - 160px);

        bottom: 100%;

        visibility: hidden;

        opacity: 0;

        padding: 16px 20px;

        border-radius: 30px;

        background: #FFF;

        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.32);

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        transition: all 0.3s;

    }

    .tag-img.up .wrap-win-tag,
    .tag.up .wrap-win-tag {

        opacity: 1;

        visibility: visible;

        bottom: calc(100% + 15px);

        transition: all 0.3s;

    }

}

@media (max-width: 720px) {

    .tarif-more-btn-mobile {

        display: flex;

        color: #0A0A0A;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

        align-items: center;

        margin: 20px 0;

    }

    .tarif-more-btn-mobile span {

        margin-left: 5px;

        transform: rotate(0deg);

        transition: all 0.3s;

    }

    .tarif-more-btn-mobile.active span {

        transform: rotate(-180deg);

        transition: all 0.3s;

    }

    .mt-title {

        margin-bottom: 8px;

        color: #0A0A0A;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

    }

    .mt-title span {

        display: block;

        color: #6C6C6C;

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

    }

    .mt-text {

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

    }

    .wrap-hand-trigger {

        position: relative;

        margin-left: 0;

    }

    .hand-trigger {

        position: absolute;

        top: 38px;

        left: -62px;

        transform: rotate(90deg);

    }

}

.table-col.hov {

    box-shadow: 0 4px 32px 0px rgba(0, 0, 0, 0.08);

    transition: all 0.3s;

}

.price-list {

    margin-top: 103px;

}

.price-list h2 {

    color: #0A0A0A;

    font-size: 80px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

    margin-bottom: 50px;

}

.price_li {

    display: flex;

    gap: 4px;

}

.price_li li {
}

.price_li li a {

    height: 64px;

    font-family: "Open Sans", sans-serif;

    display: flex;

    align-items: center;

    justify-content: center;

    padding: 0 31.2px;

    border: 0.5px solid #F6F6F6;

    border-radius: 32px;

    background: #F6F6F6;

    color: rgba(10, 10, 10, 0.64);

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    transition: all 0.3s;

}

.price_li li a:hover {

    background: transparent;

    border: 0.5px solid #23BD87;

    transition: all 0.3s;

}

.price_li li a.curent:hover,
.price_li li a.curent {

    background: #DCF4EC;

    border: 0.5px solid #DCF4EC;

    transition: all 0.3s;

}

/*начало страница цены*/

.price-tabs-content {

    margin-top: 60px;

}

.wrap-cards-price {

    display: flex;

    gap: 30px;

    padding: 32px;

    border-radius: 40px;

    background: #F6F6F6;

}

.geo-card {

    width: calc(33.333% - 20px);

    padding: 44px 32px;

    border-radius: 32px;

    background: #FFF;

}

.top-geo {

    position: relative;

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

    padding-bottom: 30px;

}

.top-geo p {

    display: flex;

    flex-direction: column;

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

    margin-bottom: 0;

}

.top-geo p span {

    font-family: "Open Sans", sans-serif;

    opacity: 0.6;

    color: #0A0A0A;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    margin-top: 10px;

}

.content-geo {

    padding: 30px 0 40px;

    min-height: 218px;

}

.content-geo ul {

    padding-left: 23px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.content-geo ul li {

    position: relative;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.content-geo ul li span {

    display: block;

    color: #808080;

    font-family: "Open Sans", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-top: 3px;

}

.content-geo ul li:after {

    position: absolute;

    content: "";

    left: -14px;

    top: 11px;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #0A0A0A;

}

.wrap-tags-geo {

    min-height: 108px;

}

.tags-geo {

    display: flex;

    gap: 2px;

    flex-wrap: wrap;


}

.tag-item {

    display: flex;

    height: 52px;

    gap: 8px;

    align-items: center;

    width: fit-content;

    padding: 0 12px;

    border-radius: 20px;

    border: 1px solid rgba(0, 0, 0, 0.08);

}

.tag-item p {

    margin: 0;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 15px;

}

.wrap-tag-sticker {

    position: relative;

    width: 36px;

    height: 36px;

}

.wrap-tag-sticker .sticker {

    width: 36px;

    height: 36px;

}

.wrap-tag-sticker.tag-sticker-1 .sticker .sticker-img {

    background-image: url('./../imgs/alice.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-2 .sticker .sticker-img {

    background-image: url('./../imgs/gpt.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-3 .sticker .sticker-img {

    background-image: url('./../imgs/deep.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-4 .sticker .sticker-img {

    background-image: url('./../imgs/google.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-5 .sticker .sticker-img {

    background-image: url('./../imgs/perp.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}


.wrap-tag-sticker.tag-sticker-1 .sticker-bg {

    background-image: url('./../imgs/alice.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-2 .sticker-bg {

    background-image: url('./../imgs/gpt.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-3 .sticker-bg {

    background-image: url('./../imgs/deep.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-4 .sticker-bg {

    background-image: url('./../imgs/google.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.wrap-tag-sticker.tag-sticker-5 .sticker-bg {

    background-image: url('./../imgs/perp.svg');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.tag-sticker-geo {

    right: -22px;

    top: -33px;

    width: 56px;

    height: 56px;

    position: absolute;

}

.tag-sticker-geo .sticker {

    position: relative;

    width: 56px;

    height: 56px;

}

.tag-sticker-geo .sticker .sticker-img {

    background-image: url('./../imgs/hit.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

}

.tag-sticker-geo .sticker-bg {

    background-image: url('./../imgs/hit.png');

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100%;

    width: 100%;

    height: 100%;

    border-radius: 50%;

}

.price-geo {

    margin-top: 39px;

    margin-bottom: 37px;

}

.price-geo p {

    display: flex;

    align-items: center;

    gap: 16px;

    color: #23BD87;

    font-size: 64px;

    font-style: normal;

    font-weight: 400;

    line-height: 64px;

}

.price-geo span {

    color: #23BD87;

    font-size: 64px;

    font-style: normal;

    font-weight: 300;

    line-height: 64px;

}

.price-card-btn {

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 32px;

    border: 1px solid #0A0A0A;

    width: 100%;

    height: 75px;

    max-width: 468px;

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: normal;

    transition: all 0.3s;

}

.price-card-btn:hover {

    color: #fff;

    border: 1px solid #23BD87;

    background: #23BD87;

    transition: all 0.3s;

}

@media (max-width: 1740px) {

    .price-list {

        margin-top: 76px;

    }

    .price-list h2 {

        color: #0A0A0A;

        font-size: 36px;

        font-style: normal;

        font-weight: 400;

        line-height: 36px;

        margin-bottom: 35px;

    }

    .price_li li a {

        height: 44px;

        font-family: "Open Sans", sans-serif;

        display: flex;

        align-items: center;

        justify-content: center;

        padding: 0px 24px;

        border: 0.5px solid #F6F6F6;

        border-radius: 32px;

        background: #F6F6F6;

        color: rgba(10, 10, 10, 0.64);

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        transition: all 0.3s;

    }

    .price-tabs-content {

        margin-top: 40px;

    }

    .wrap-cards-price {

        display: flex;

        gap: 30px;

        padding: 24px;

        border-radius: 30px;

        background: #F6F6F6;

    }

    .geo-card {

        padding: 34px 24px;

        border-radius: 24px;

        background: #FFF;

    }

    .top-geo p {

        font-size: 26px;

    }

    .top-geo p span {

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        margin-top: 7px;

    }

    .top-geo {

        padding-bottom: 18px;

    }

    .content-geo ul {

        padding-left: 25px;

        display: flex;

        flex-direction: column;

        gap: 8px;

    }

    .content-geo {

        padding: 15px 0 32px;

        min-height: 192px;

    }

    .tag-item {

        height: 48px;

        gap: 8px;

        align-items: center;

        width: fit-content;

        padding: 0 13px;

        border-radius: 20px;

        border: 1px solid rgba(0, 0, 0, 0.08);

    }

    .wrap-tag-sticker {

        position: relative;

        width: 32px;

        height: 32px;

    }

    .wrap-tag-sticker .sticker {

        width: 32px;

        height: 32px;

    }

    .wrap-tags-geo {

        min-height: 183px;

    }

    .tags-geo {

        gap: 7px 5px;

        flex-wrap: wrap;

        align-items: flex-start;

    }

    .price-geo p {

        gap: 16px;

        font-size: 56px;

        line-height: 56px;

    }

    .price-geo span {

        font-size: 56px;

        line-height: 56px;

    }

    .price-geo {

        margin-top: 0;

        margin-bottom: 37px;

    }

    .price-card-btn {

        cursor: pointer;

        align-items: center;

        justify-content: center;

        border-radius: 26px;

        border: 1px solid #0A0A0A;

        width: 100%;

        height: 65px;

        max-width: 468px;

        color: #0A0A0A;

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        transition: all 0.3s;

    }

    .tag-sticker-geo {

        right: -13px;

        top: -22px;

        width: 48px;

        height: 48px;

        position: absolute;

    }

    .tag-sticker-geo .sticker {

        position: relative;

        width: 48px;

        height: 48px;

    }

}

@media (max-width: 1200px) {

    .price-list {

        margin-top: 62px;

    }

    .price_li {

        display: flex;

        gap: 16px;

        flex-wrap: wrap;

    }

    .price_li li {

        width: calc(33.333% - 11px);

    }

    .price_li li a {

        width: 100%;

    }

    .wrap-cards-price {

        gap: 30px;

        padding: 24px;

        border-radius: 16px;

        background: #F6F6F6;

        flex-direction: column;

    }

    .geo-card {

        padding: 32px 24px;

        border-radius: 16px;

        width: 100%;

        background: #FFF;

    }

    .content-geo ul {

        padding-left: 22px;

    }

    .content-geo {

        padding: 15px 0 30px;

        min-height: auto;

    }

    .tag-item {

        padding: 0 11px;

    }

    .wrap-tags-geo {

        min-height: auto;

    }

    .wrap-tags-geo {

        min-height: auto;

        margin-bottom: 32px;

    }

    .price-card-btn {

        max-width: none;

    }

    .tag-sticker-geo {

        right: -9px;

        top: -17px;

        width: 56px;

        height: 56px;

        position: absolute;

    }

    .tag-sticker-geo .sticker {

        position: relative;

        width: 56px;

        height: 56px;

    }

    .tags-geo {

        gap: 3px 5px;

        flex-wrap: wrap;

        align-items: flex-start;

    }


}

@media (max-width: 720px) {

    .price-list {

        margin-top: 58px;

    }

    .price-list h2 {

        color: #0A0A0A;

        font-size: 24px;

        font-style: normal;

        font-weight: 400;

        line-height: 24px;

        margin-bottom: 30px;

    }

    .price_li {

        display: flex;

        gap: 8px;

        flex-wrap: wrap;

    }

    .price_li li {

        width: calc(50% - 4px);

    }

    .price_li li a {

        height: 33px;

        padding: 0px 10px;

        border: 0.5px solid #F6F6F6;

        border-radius: 32px;

        background: #F6F6F6;

        color: rgba(10, 10, 10, 0.64);

        font-size: 14px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        transition: all 0.3s;

    }

    .wrap-cards-price {

        gap: 10px;

        padding: 16px;

        border-radius: 32px;

        background: #F6F6F6;

        flex-direction: column;

    }

    .geo-card {

        padding: 24px 20px 32px;

        border-radius: 24px;

        width: 100%;

        background: #FFF;

    }

    .top-geo p {

        font-size: 30px;

    }

    .top-geo {

        padding-bottom: 21px;

    }

    .content-geo {

        padding: 19px 0 30px;

        min-height: auto;

    }

    .wrap-tag-sticker {

        position: relative;

        width: 26px;

        height: 26px;

    }

    .wrap-tag-sticker .sticker {

        width: 26px;

        height: 26px;

    }

    .tag-item {

        height: 43px;

    }

    .price-geo p {

        gap: 16px;

        font-size: 36px;

        line-height: 36px;

    }

    .wrap-tags-geo {

        min-height: auto;

        margin-bottom: 30px;

    }

    .price-geo span {

        font-size: 36px;

        line-height: 36px;

    }

    .price-geo {

        margin-top: 0;

        margin-bottom: 24px;

    }

    .price-card-btn {

        height: 56px;

    }

    .tag-sticker-geo {

        right: -5px;

        top: -8px;

        width: 44px;

        height: 44px;

        position: absolute;

    }

    .tag-sticker-geo .sticker {

        position: relative;

        width: 44px;

        height: 44px;

    }

}

.dev-card {

    width: calc(33.333% - 20px);

    padding: 44px 32px;

    border-radius: 32px;

    background: #FFF;

}

.top-dev {

    position: relative;

    padding-bottom: 30px;

}

.top-dev p {

    display: flex;

    flex-direction: column;

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

    margin-bottom: 0;

}

.top-dev p span {

    font-family: "Open Sans", sans-serif;

    opacity: 0.6;

    color: #0A0A0A;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    margin-top: 10px;

}

.dev-content {

    margin-top: 30px;

}

.dev-content p {

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.dev-price {

    margin-top: 30px;

    margin-bottom: 35px;

}

.dev-price p {

    display: flex;

    align-items: center;

    gap: 16px;

    color: #23BD87;

    font-size: 64px;

    font-style: normal;

    font-weight: 400;

    line-height: 64px;

    margin-bottom: 0;

}

.dev-price span {

    color: #23BD87;

    font-size: 64px;

    font-style: normal;

    font-weight: 300;

    line-height: 64px;

}

@media (max-width: 1740px) {

    .dev-card {

        padding: 34px 23px;

        border-radius: 24px;

        background: #FFF;

    }

    .top-dev p {

        font-size: 26px;

    }

    .top-dev p span {

        font-family: "Open Sans", sans-serif;

        opacity: 0.6;

        color: #0A0A0A;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 120%;

        margin-top: 10px;

    }

    .dev-content p {

        color: #0A0A0A;

        font-size: 16px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

    }

    .dev-content {

        margin-top: 21px;

    }

    .dev-price p {

        gap: 16px;

        font-size: 56px;

        line-height: 56px;

    }

    .dev-price span {

        font-size: 56px;

        line-height: 56px;

    }

    .dev-price {

        margin-top: 21px;

        margin-bottom: 19px;

    }

}

@media (max-width: 1200px) {

    .dev-card {

        padding: 32px 24px;

        border-radius: 16px;

        width: 100%;

        background: #FFF;

    }

    .dev-content {

        margin-top: 2px;

    }

    .wrap-cards-price.dev-cards {

        gap: 11px;

    }

}

@media (max-width: 720px) {

    .dev-card {

        padding: 24px 20px 32px 19px;

        border-radius: 24px;

        width: 100%;

        background: #FFF;

    }

    .dev-price p {

        gap: 16px;

        font-size: 36px;

        line-height: 36px;

    }

    .dev-price span {

        font-size: 36px;

        line-height: 36px;

    }

    .top-dev p {

        font-size: 30px;

    }

    .top-dev p span {

        font-family: "Open Sans", sans-serif;

        opacity: 0.6;

        color: #0A0A0A;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 140%;

        margin-top: 13px;

    }

    .dev-content p {

        color: #0A0A0A;

        font-size: 17.2px;

        font-style: normal;

        font-weight: 400;

        line-height: 16px;

    }

    .dev-content {

        margin-top: 0px;

    }

    .dev-price {

        margin-top: 24px;

        margin-bottom: 23px;

    }

}

.price_li-tab {

    display: flex;

    gap: 44px;

    margin-bottom: 66px;

}

.price_li-tab li a {

    position: relative;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    border-bottom: 2px solid transparent;

    padding-bottom: 6px;

    transition: all 0.3s;

}

.price_li-tab li a:hover,
.price_li-tab li a.curent {

    color: #23BD87;

    border-bottom: 2px solid #23BD87;

    transition: all 0.3s;

}

.dir-card {

    width: calc(25% - 13px);

    padding: 44px 32px;

    border-radius: 32px;

    background: #FFF;

    height: fit-content;

}

.dir-content-btn {

    display: flex;

    width: 100%;

    height: 44px;

    align-items: center;

    justify-content: space-between;

    border-radius: 32px;

    border: 1px solid #B0B0B0;

    padding: 0 24px;

    color: #808080;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 140%;

    transition: all 0.3s;

}

.dir-content-btn span {

    color: #808080;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 140%;

    transform: rotate(0deg);

    transition: all 0.3s;

}

.dir-content-btn:hover {

    color: #0A0A0A;

    border: 1px solid #0A0A0A;

    transition: all 0.3s;

}

.dir-content-btn.active span {

    transform: rotate(-180deg);

    transition: all 0.3s;

}

.dir-content {

    display: none;

}

.dir-content-card {

    margin: 38px 0;

    padding: 30px 0;

    border-top: 1px solid #ECECEC;

    border-bottom: 1px solid #ECECEC;

}

.dir-content-card p {

    margin-bottom: 0;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #0A0A0A;

    font-size: 18px;

    font-style: normal;

    font-weight: 400;

    line-height: 18px;

}

.dir-content-card p + p {

    margin-top: 20px;

}

.dir-content-card p span {

    color: #23BD87;

    font-size: 20px;

    font-style: normal;

    font-weight: 500;

    line-height: 20px;

}

.dir-text {

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    min-height: 50px;

}

.dir-card .dev-price p {

    gap: 16px;

    font-size: 56px;

    line-height: 56px;

    margin-bottom: 0;

}

.dir-card .dev-price p span {

    font-size: 56px;

    line-height: 56px;

}

.dir-card .dev-price {

    margin-top: 30px;

    margin-bottom: 29px;

}

.dir-content-title {

    margin-top: 30px;

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.dir-content p {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 0;

    margin-top: 10px;

}

.dir-content p.text-d {

    color: #B0B0B0;

    text-decoration-line: line-through;

}

@media (max-width: 1740px) {

    .dir-content-title {

        margin-top: 30px;

        font-size: 22px;

        line-height: 22px;

    }

    .dir-content p {

        font-size: 15px;

        line-height: 24px;


        margin-top: 10px;

    }

    .price_li-tab {

        display: flex;

        gap: 44px;

        margin-bottom: 46px;

    }

    .price-tab-second_box .wrap-cards-price {

        gap: 8px;

    }

    .dir-card {

        width: calc(25% - 7px);

        padding: 33px 25px;

        border-radius: 32px;

        background: #FFF;

    }

    .price-tab-second_box .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 123px;

    }

    .dir-content-btn {

        height: 38px;

        padding: 0 24px;

        font-size: 18px;

        transition: all 0.3s;

    }

    .dir-content-card {

        margin: 27px 0;

        padding: 23px 0;

    }

    .dir-content-card p {

        margin-bottom: 0;

        color: #0A0A0A;

        font-size: 15px;

        font-style: normal;

        font-weight: 400;

        line-height: 15px;

    }

    .dir-content-card p span {

        color: #23BD87;

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        line-height: 16px;

    }

    .dir-text {

        font-size: 16px;

        line-height: 16px;

    }

    .dir-card .dev-price p {

        gap: 16px;

        font-size: 44px;

        line-height: 44px;

        margin-bottom: 0;

    }

    .dir-card .dev-price p span {

        font-size: 44px;

        line-height: 44px;

    }

    .dir-card .dev-price {

        margin-top: 20px;

        margin-bottom: 19px;

    }


}

@media (max-width: 1200px) {

    .price-tab-second_box .wrap-cards-price {

        flex-direction: row;

        flex-wrap: wrap;

    }

    .dir-card {

        width: calc(50% - 12px);

        padding: 33px 25px;

        border-radius: 32px;

        background: #FFF;

    }

    .price-tab-second_box .wrap-cards-price {

        gap: 24px;

    }

    .dir-text {

        font-size: 18px;

        line-height: 18px;

        min-height: auto;

    }

    .dir-content-card {

        margin: 27px 0 23px;

        padding: 23px 0;

    }

    .dir-card .dev-price p {

        gap: 16px;

        font-size: 48px;

        line-height: 48px;

        margin-bottom: 0;

    }

    .dir-card .dev-price p span {

        font-size: 48px;

        line-height: 48px;

    }

    .dir-content-title {

        margin-top: 24px;

        font-size: 22px;

        line-height: 22px;

    }

    .dir-content p {

        font-size: 15px;

        line-height: 24px;


        margin-top: 10px;

    }

}

@media (max-width: 720px) {

    .dir-content-title {

        margin-top: 26px;

        font-size: 22px;

        line-height: 22px;

    }

    .dir-content p {

        font-size: 15px;

        line-height: 24px;


        margin-top: 10px;

    }

    .price-tab-second_box .wrap-cards-price {

        gap: 10px;

    }

    .price_li-tab li a {

        font-size: 20px;

    }

    .dir-card {

        width: 100%;

        padding: 22px 19px 35px;

        border-radius: 24px;

        background: #FFF;

    }

    .price-tab-second_box .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: auto;

    }

    .wrap-dir-content {

        margin-top: 15px;

    }

    .dir-text {

        font-size: 21px;

        line-height: 21px;

    }

    .dir-card .dev-price p {

        gap: 16px;

        font-size: 36px;

        line-height: 36px;

        margin-bottom: 0;

    }

    .dir-card .dev-price p span {

        font-size: 36px;

        line-height: 36px;

    }

}

.targ-card {

    width: calc(33.333% - 20px);

    padding: 44px 32px;

    border-radius: 32px;

    background: #FFF;


}

.top-targ {

    margin-bottom: 30px;

}

.top-targ p {

    color: #0A0A0A;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 100%;

    margin-bottom: 0;

}

.targ-content {

    padding: 32px 0;

    min-height: 185px;

    border-top: 1px solid rgba(0, 0, 0, 0.08);

    border-bottom: 1px solid rgba(0, 0, 0, 0.08);

}

.targ-content ul {

    padding-left: 23px;

    display: flex;

    flex-direction: column;

    gap: 8px;

}

.targ-content ul li {

    position: relative;

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.targ-content ul li span {

    display: block;

    color: #808080;

    font-family: "Open Sans", sans-serif;

    font-size: 15px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-top: 3px;

}

.targ-content ul li:after {

    position: absolute;

    content: "";

    left: -14px;

    top: 11px;

    width: 4px;

    height: 4px;

    border-radius: 50%;

    background: #0A0A0A;

}

.targ-price {

    margin-top: 40px;

    margin-bottom: 36px;

    display: flex;

    gap: 16px;

}

.targ-price p {

    display: flex;

    align-items: center;

    gap: 16px;

    color: #23BD87;

    font-size: 44px;

    font-style: normal;

    font-weight: 400;

    line-height: 44px;

    margin-bottom: 0;

}

.targ-price p span {

    color: #23BD87;

    font-size: 44px;

    font-style: normal;

    font-weight: 300;

    line-height: 44px;

}

.targ-price .slash {

    color: #B0B0B0;

    font-size: 44px;

    font-style: normal;

    font-weight: 300;

    line-height: 44px;

}

.targ-price .month {

    color: #0A0A0A;

    font-size: 44px;

    font-style: normal;

    font-weight: 300;

    line-height: 44px;

}

@media (max-width: 1740px) {

    .targ-card {

        padding: 34px 24px;

        border-radius: 24px;

        background: #FFF;

    }

    .top-targ p {

        font-size: 26px;

    }

    .top-targ {

        margin-bottom: 24px;

    }

    .targ-content {

        padding: 22px 0;

        min-height: 168px;

    }

    .targ-price p {

        gap: 11px;

    }

    .targ-price {

        gap: 7px;

    }

}

@media (max-width: 1200px) {

    .targ-card {

        width: 100%;

        padding: 34px 24px;

        border-radius: 24px;

        background: #FFF;

    }

    .targ-content {

        padding: 22px 0;

        min-height: auto;

    }

    .targ-price p {

        gap: 7px;

        color: #23BD87;

        font-size: 56px;

        font-style: normal;

        font-weight: 400;

        line-height: 56px;

        margin-bottom: 0;

    }

    .targ-price p span {

        font-size: 56px;

        line-height: 56px;

    }

    .targ-price .slash {

        color: #B0B0B0;

        font-size: 56px;

        font-style: normal;

        font-weight: 300;

        line-height: 56px;

    }

    .targ-price .month {

        color: #0A0A0A;

        font-size: 56px;

        font-style: normal;

        font-weight: 300;

        line-height: 56px;

    }

    .targ-price {

        margin-top: 45px;

    }

}

@media (max-width: 720px) {

    .top-targ p {

        font-size: 30px;

    }

    .targ-card {

        width: 100%;

        padding: 24px 19px 32px;

        border-radius: 24px;

        background: #FFF;

    }

    .top-targ {

        margin-bottom: 20px;

    }

    .targ-content {

        padding: 19px 0;

        min-height: auto;

    }

    .targ-price .month,
    .targ-price .slash,
    .targ-price p span,
    .targ-price p {

        font-size: 36px;

        line-height: 36px;

    }

    .targ-price {

        margin-top: 32px;

        margin-bottom: 23px;

        gap: 9px;

    }

}

.anal-tabs-type-1 .targ-content {

    min-height: 280px;

}

.anal-tabs-type-1 .top-dev {

    min-height: 102px;

}

.anal-tabs-type-1 .price-geo p span,
.anal-tabs-type-1 .price-geo p {

    font-size: 56px;

    line-height: 56px;

}

@media (max-width: 1740px) {

    .anal-tabs-type-1 .dir-card {

        padding: 26px 18px;

    }

    .price-tab-second_box.anal-tabs-type-1 .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 80px;

    }

    .anal-tabs-type-1 .price-geo p span,
    .anal-tabs-type-1 .price-geo p {

        font-size: 44px;

        line-height: 44px;

    }

    .anal-tabs-type-1 .targ-content {

        min-height: 288px;

        margin-bottom: 28px;

    }

}

@media (max-width: 1200px) {

    .anal-tabs-type-1 .dir-card {

        padding: 32px 23px;

        width: 100%;

    }

    .anal-tabs-type-1 .targ-content {

        min-height: auto;

        margin-bottom: 28px;

        padding: 24px 0;

    }

    .anal-tabs-type-1 .price-geo p span, .anal-tabs-type-1 .price-geo p {

        font-size: 56px;

        line-height: 56px;

    }

    .price-tab-second_box.anal-tabs-type-1 .wrap-cards-price {

        gap: 12px;

    }

}

@media (max-width: 720px) {

    .price_li-tab {

        gap: 39px;

        margin-bottom: 46px;

        flex-wrap: wrap;

    }

    .anal-tabs-type-1 .dir-card {

        padding: 23px 19px 32px;

        width: 100%;

    }

    .anal-tabs-type-1 .top-dev p span {

        margin-top: 8px;

    }

    .anal-tabs-type-1 .price-geo p span, .anal-tabs-type-1 .price-geo p {

        font-size: 36px;

        line-height: 36px;

    }

    .anal-tabs-type-1 .targ-content {

        min-height: auto;

        margin-bottom: 23px;

        padding: 24px 0;

    }

    .anal-tabs-type-1 .price-geo p {

        gap: 9px;

    }

}

.anal-tabs-type-2 .targ-content p {

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin-bottom: 10px;

}

.price-text {

    color: #23BD87;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 32px;

}

.anal-tabs-type-1.anal-tabs-type-2 .targ-content {

    min-height: 320px;

}

.anal-tabs-type-1 .price-geo {

    min-height: 66px;

}

@media (max-width: 1740px) {

    .anal-tabs-type-1.anal-tabs-type-2 .targ-content {

        min-height: 320px;

    }

    .anal-tabs-type-1.anal-tabs-type-2 .dir-card:nth-child(4) .targ-content {

        min-height: 300px;

    }

    .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 106px;

    }

    .anal-tabs-type-2 .targ-content p {

        color: #0A0A0A;

        font-size: 22px;

        font-style: normal;

        font-weight: 400;

        line-height: 22px;

        margin-bottom: 10px;

    }

}

@media (max-width: 1200px) {

    .top-dev p br {

        display: none;

    }

    .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 79px;

    }

    .anal-tabs-type-1.anal-tabs-type-2 .targ-content {

        min-height: auto;

    }

    .price-text {

        color: #23BD87;

        font-size: 44px;

        font-style: normal;

        font-weight: 400;

        line-height: 44px;

    }

}

@media (max-width: 720px) {

    .price-tab-second_box.anal-tabs-type-1.anal-tabs-type-2 .top-dev {

        position: relative;

        padding-bottom: 10px;

        min-height: 110px;

    }

    .price-text {

        color: #23BD87;

        font-size: 32px;

        font-style: normal;

        font-weight: 400;

        line-height: 32px;

    }

}

.wrap-cards-price .wrap-popup-table-block {

    margin-top: 0;

    overflow: visible;

    position: relative;

    z-index: 2;

    height: auto;

    padding-bottom: 0;

}

.wrap-cards-price .table-col.table-col-4 {

    width: 422px;

}

.wrap-cards-price .table-col.table-col-2,
.wrap-cards-price .table-col.table-col-3 {

    width: 437px;

}

.wrap-cards-price .table-col.table-col-1 {

    width: 359px;

}

.wrap-cards-price .wrap-popup-table table tr th p {

    margin-bottom: 9px;

}

.wrap-cards-price .wrap-popup-table table tr th {

    padding: 31px 47px 21px;

}

.wrap-cards-price .wrap-popup-table table tr td {

    padding: 10px 47px 10px;

    font-size: 15px;

}

.wrap-cards-price .wrap-popup-table table tr td:first-child {

    padding-left: 0;

    padding-right: 20px;

}

.wrap-cards-price .popup-table-price span,
.wrap-cards-price .popup-table-price {

    color: #23BD87;

}

.wrap-cards-price .tarif-btn {

    color: #0A0A0A;

    border: 1px solid #0A0A0A;

}

.wrap-cards-price .tarif-btn:hover {

    color: #fff;

    border: 1px solid #23BD87;

}

.wrap-cards-price .wrap-tarif-popup-item {

    margin-top: 30px;

    padding-left: 364px;

}

.header-t-1 {

    width: 359px;

}

.header-t-2 {

    width: 437px;

}

.header-t-3 {

    width: 437px;

}

.header-t-4 {

    width: 422px;

}

.wrap-table-btn {

    position: absolute;

    bottom: 40px;

    left: 23px;

}

.wrap-table-btn a {

    position: relative;

    color: #B0B0B0;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 32px;

    margin: 0;

}

.wrap-cards-price .wrap-tarif-price span,
.wrap-cards-price .wrap-tarif-price {

    color: #23BD87;

}

@media (max-width: 1740px) {

    .header-t-1 {

        width: 312px;

    }

    .header-t-2 {

        width: 310px;

    }

    .header-t-3 {

        width: 310px;

    }

    .header-t-4 {

        width: 310px;

    }

    .wrap-false-table {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 0;

        left: 0;

        display: flex;

        gap: 10px;

        z-index: 1;

    }

    .wrap-cards-price .wrap-popup-table table tr th {

        padding: 26px 27px 13px;

    }

    .wrap-cards-price .table-col.table-col-4 {

        width: 312px;

    }

    .wrap-cards-price .table-col.table-col-2,
    .wrap-cards-price .table-col.table-col-3 {

        width: 310px;

    }

    .wrap-cards-price .table-col.table-col-1 {

        width: 310px;

    }

    .wrap-cards-price .wrap-popup-table table tr td {

        padding: 3px 28px 4px;

        font-size: 14px;

    }

    .wrap-cards-price .wrap-tarif-popup-item {

        margin-top: 10px;

        padding-left: 312px;

    }

    .wrap-cards-price .wrap-tarif-popup-item .tarif-item {

        padding-top: 22px;

        width: 100%;

    }

    .wrap-cards-price .tarif-item h5 {

        font-size: 26px;

    }

    .wrap-cards-price .wrap-tarif-price span {

        font-size: 44px;

    }

    .wrap-cards-price .popup-table-price {

        margin-top: 24px;

    }

}


@media (max-width: 1279px) {

    .wrap-cards-price .desctop-price {

        display: none;

    }

    .mobile-price {

        display: flex;

        flex-direction: column;

        gap: 10px;

        width: 100%;

    }

    .seo-card {

        border-radius: 16px;

        background: #FFF;

        width: 100%;

        padding: 36px 32px 32px;

    }

    .top-seo {

        position: relative;

        width: 100%;

        margin-bottom: 32px;

    }

    .top-seo p {

        color: #0A0A0A;

        font-size: 26px;

        font-style: normal;

        font-weight: 500;

        line-height: 100%;

        margin-bottom: 0;

    }

    .top-seo p span {

        display: block;

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 12px;

        font-style: normal;

        font-weight: 400;

        line-height: 20px;

        margin-top: 9px;

    }

    .seo-card .tarif-more-btn-mobile {

        margin: 20px 0 23px;

    }

    .seo-card .mt-title {

        margin-bottom: 7px;

    }

    .seo-price {

        margin-top: 30px;

        margin-bottom: 25px;

    }

    .seo-price p {

        display: flex;

        align-items: center;

        gap: 16px;

        color: #23BD87;

        font-size: 44px;

        font-style: normal;

        font-weight: 400;

        line-height: 44px;

    }

    .seo-price p span {

        color: #23BD87;

        font-size: 44px;

        font-style: normal;

        font-weight: 300;

        line-height: 44px;

    }

    .top-seo .tag-img {

        width: 56px;

        height: 56px;

    }

    .top-seo .tag-img {

        position: absolute;

        right: -25px;

        top: -27px;

    }


}

@media (max-width: 720px) {

    .top-seo p {

        font-size: 30px;

    }

    .seo-card {

        border-radius: 16px;

        background: #FFF;

        width: 100%;

        padding: 23px 20px 32px;

    }

    .top-seo p span {

        display: block;

        color: #0A0A0A;

        font-family: "Open Sans", sans-serif;

        font-size: 18px;

        font-style: normal;

        font-weight: 400;

        line-height: 25px;

        margin-top: 9px;

    }

    .seo-price p span,
    .seo-price p {

        gap: 16px;

        font-size: 36px;

        line-height: 36px;

    }

    .top-seo .tag-img {

        width: 44px;

        height: 44px;

    }

    .top-seo .tag-img {

        position: absolute;

        right: -14px;

        top: -18px;

    }

}

.geo-card,
.dev-card,
.dir-card,
.targ-card {

    transition: all 0.3s;

}

.geo-card:hover,
.dev-card:hover,
.dir-card:hover,
.targ-card:hover {

    box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);

    transition: all 0.3s;

}

/*конец страница цены*/

/*начало страницы гео*/


.wrap-top-ii-items {

    display: flex;

    align-items: center;

    gap: 96px;

    margin-top: 67px;

}

.ii-item {

    display: flex;

    align-items: center;

    gap: 24px;

}

.ii-item img {

    width: 64px;

    height: 64px;

}

.ii-item p {

    color: #6C6C6C;

    font-family: "Open Sans", sans-serif;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

    margin: 0;

}

.about-geo {

    margin-top: 170px;

}

.wrap-abuot-geo-side {

    width: 100%;

    display: flex;

    gap: 10px;

}

.geo-right,
.geo-left {

    width: 50%;

}

.geo-left {

    padding-right: 137px;

}

.geo-right video {

    width: 100%;

    height: auto;

}

.geo-left h2 {

    margin-bottom: 90px;

}

.geo-left p {

    color: #6C6C6C;

    font-family: "Open Sans", sans-serif;

    font-size: 20px;

    font-style: normal;

    font-weight: 400;

    line-height: 160%;

    margin-bottom: 0;

}

.geo-left p span {

    color: #0A0A0A;

    font-size: 24px;

    font-style: normal;

    font-weight: 400;

    line-height: 24px;

}

.geo-left p + p {

    margin-top: 32px;

}

.geo-left a {
    cursor: pointer;

    border-radius: 32px;

    border: 1px solid #23BD87;

    background: #23BD87;

    display: flex;

    width: 468px;

    height: 76px;

    justify-content: center;

    padding: 0px 24px;

    align-items: center;

    margin-top: 56px;

    color: #FFF;

    font-size: 18px;

    font-style: normal;

    font-weight: 500;

    line-height: 18px;

    transition: all 0.3s;

}

.geo-left a:hover {

    color: #23BD87;

    background: #fff;

    transition: all 0.3s;

}

.geo-now {

    margin-top: 250px;

}

.wrap-geo-now-items {

    margin-top: 96px;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}

.geo-now-item {

    width: calc(50% - 15px);

    border-radius: 40px;

    background: #F6F6F6;

    display: flex;

    min-height: 560px;

    flex-direction: column;

    padding: 50px 44px 30px;

}

.geo-now-item-title {

    color: #0A0A0A;

    font-size: 56px;

    font-style: normal;

    font-weight: 400;

    line-height: 64px;

}

.geo-now-item-number {

    margin-top: auto;

    color: #0A0A0A;

    font-size: 80px;

    font-style: normal;

    font-weight: 400;

    line-height: 80px;

    margin-bottom: 40px;

}

.wrap-geo-now-item-number {

    margin-top: auto;

}

.wrap-geo-now-item-number p,
.geo-now-item p {

    margin-top: auto;

    color: rgba(10, 10, 10, 0.64);

    font-family: "Open Sans", sans-serif;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 56px;

}

.geo-now-item p span {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px;

}

.geo-optimization {

    margin-top: 300px;

    margin-bottom: 300px;

}

.wrap-geo-opt-side {

    display: flex;

    gap: 10px;

    position: relative;

}

.geo-opt-left {

    position: relative;

    width: 33.3337%;

}

.wrap-geo-title {

    position: sticky;

    top: 90px;

    left: 0;

}

.geo-opt-right {

    width: 66.6667%;

}

.wrap-geo-opt-items {

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    gap: 30px;

}

.geo-opt-item {

    width: calc(50% - 15px);

    border-radius: 40px;

    height: 600px;

    display: flex;

    justify-content: center;

    flex-direction: column;

    padding: 64px 56px;

}

.geo-opt-item:not(.color) {

    background: #F6F6F6;

    padding-bottom: 52px;

}

.color.color-1 {

    background: radial-gradient(59.83% 75.41% at 50% 45.58%, #F9646A 0%, #FD4249 100%);

}

.color.color-2 {

    background: radial-gradient(59.83% 75.41% at 50% 45.58%, #78A8EC 0%, #3287FF 100%);

}

.color.color-3 {

    background: linear-gradient(217deg, #A995EB -14.38%, #A18AED 101.76%), radial-gradient(59.83% 75.41% at 50% 45.58%, #F3CC71 0%, #FCBB23 100%);

}

.color.color-4 {

    background: radial-gradient(59.83% 75.41% at 50% 45.58%, #F3CC71 0%, #FCBB23 100%);

}

.geo-opt-item.color {

    text-align: left;

}

.geo-opt-item img {

    width: 100%;

    max-width: 100%;

    height: auto;
    margin: auto;

    max-height: 80%;

    object-fit: contain;

    object-position: center;

}

.geo-opt-item h6 {

    color: #FFF;

    font-size: 48px;

    font-style: normal;

    font-weight: 400;

    line-height: 40px;

    margin-top: auto;

}

.geo-opt-item p {

    color: rgba(10, 10, 10, 0.64);

    font-family: "Open Sans", sans-serif;

    font-size: 32px;

    font-style: normal;

    font-weight: 400;

    line-height: 56px;

    margin-top: auto;

    margin-bottom: 0;

}

.geo-opt-item p span {

    color: #0A0A0A;

    font-family: "Open Sans", sans-serif;

    font-size: 32px;

    font-style: normal;

    font-weight: 500;

    line-height: 56px;

}

.wrap-geo-title h2 {

    line-height: 109%;

    margin-bottom: 150px;

}

.traditional {

    margin-bottom: 300px;

}

.wrap-trad-block {

    position: relative;

    width: 100%;

    margin-top: 96px;

}

.wrap-trad-top-items {

    position: sticky;

    top: 90px;

    left: 0;

    display: flex;

    gap: 30px;

    z-index: 3;

}

.trad-top-item {

    display: flex;

    align-items: center;

    justify-content: center;

    height: 127px;

    width: calc(33.333% - 20px);

    border-radius: 40px;

    background: linear-gradient(0deg, #F6F6F6 0%, #F6F6F6 100%), #DCF4EC;

}

.trad-top-item p {

    color: #0A0A0A;

    font-size: 56px;

    font-style: normal;

    font-weight: 400;

    line-height: 64px;

    margin: 0;

}

.trad-top-item:nth-child(3) {

    background: #FFF;

    box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);

}

.wrap-trad-body-items {

    margin-top: 30px;

    width: 100%;

    display: flex;

    gap: 60px;

    flex-direction: column;

}

.trad-body-item-row {

    width: 100%;

    display: flex;

    gap: 30px;

}

.trad-body-item-row.op {

    opacity: 0.5;

}

.trad-body-item {

    display: flex;

    justify-content: center;

    height: auto;

    width: calc(33.333% - 20px);

    border-radius: 40px;

    padding: 64px 44px;

}

.trad-body-item:nth-child(1) p {

    color: #0A0A0A;

    font-size: 40px;

    font-style: normal;

    font-weight: 400;

    line-height: 36px;

    margin: 0;

}


.trad-body-item:nth-child(2) {

    background: #F6F6F6;

}

.trad-body-item:nth-child(3) {

    background: #FFF;

    box-shadow: 0 4px 64px 0 rgba(0, 0, 0, 0.08);

}


.trad-body-item:nth-child(1) p {

    color: #0A0A0A;

    font-size: 40px;

    font-style: normal;

    font-weight: 400;

    line-height: 36px;

    margin: 0;

}

.trad-body-item:nth-child(2) p,
.trad-body-item:nth-child(3) p {

    color: rgba(10, 10, 10, 0.64);

    font-family: "Open Sans", sans-serif;

    font-size: 26px;

    font-style: normal;

    font-weight: 400;

    line-height: 44px;

    margin: 0;

}

.trad-body-item:nth-child(2) p span,
.trad-body-item:nth-child(3) p span {
    font-family: "Open Sans", sans-serif;
    color: #0A0A0A;

}


.geo-promotion .wrap-cards-price {

    margin-top: 96px;

}

.geo-steps.steps {

    margin-top: 300px;

}

.contact-call-form {
    margin-top: 120px;
    margin-bottom: 0px;
}

.contact-call-form .call-form {
    margin-bottom: 0px;
}

@media (max-width: 1740px) {

    .wrap-top-ii-items {

        display: flex;

        align-items: center;

        gap: 55px;

        margin-top: 63px;

    }

    .ii-item p {

        font-size: 20px;

        line-height: 20px;

    }

    .main-top h1 span.decor {

        color: #D8D8D8;

        font-size: 96px;

        font-style: normal;

        font-weight: 450;

        line-height: 96px;

    }

    .about-geo {

        margin-top: 101px;

    }

    .geo-left p span {

        font-size: 22px;

        line-height: 22px;

    }

    .geo-left h2 {

        margin-bottom: 59px;

    }

    .geo-left {

        padding-right: 0;

    }

    .geo-left p {

        font-size: 18px;

        line-height: 140%;

        margin-bottom: 0;

    }

    .geo-left p + p {

        margin-top: 24px;

    }

    .geo-left a {

        border-radius: 26px;

        border: 1px solid #23BD87;

        background: #23BD87;

        width: 370px;

        height: 64px;

        justify-content: center;

        padding: 0px 24px;

        align-items: center;

        margin-top: 42px;

        color: #FFF;

        font-size: 16px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        transition: all 0.3s;

    }

    .geo-now {

        margin-top: 167px;

    }

    .wrap-geo-now-items {

        margin-top: 58px;

        display: flex;

        flex-wrap: wrap;

        gap: 30px;

    }

    .geo-now-item-title {

        color: #0A0A0A;

        font-size: 40px;

        font-style: normal;

        font-weight: 400;

        line-height: 40px;

    }

    .geo-now-item {

        min-height: 430px;

        padding: 54px 33px 30px;

    }

    .wrap-geo-now-item-number p, .geo-now-item p {

        margin-top: auto;

        font-size: 24px;

        line-height: 40px;

    }

    .geo-now-item p span {

        font-size: 24px;

        line-height: 40px;

    }

    .geo-now-item-number {

        margin-top: auto;

        color: #0A0A0A;

        font-size: 58px;

        font-style: normal;

        font-weight: 400;

        line-height: 58px;

        margin-bottom: 35px;

    }

    .geo-optimization {

        margin-top: 200px;

        margin-bottom: 200px;

    }

    .geo-opt-item {

        border-radius: 30px;

        height: 470px;

        padding: 48px 32px;

    }

    .geo-opt-item h6 {

        color: #FFF;

        font-size: 36px;

        font-style: normal;

        font-weight: 400;

        line-height: 36px;

        margin-top: auto;

    }

    .geo-opt-item p span,
    .geo-opt-item p {

        font-size: 24px;

        line-height: 40px;

    }

    .geo-opt-item:not(.color) {

        padding-bottom: 47px;

    }

    .wrap-trad-block {

        margin-top: 64px;

    }

    .trad-top-item p {

        font-size: 40px;

        line-height: 40px;

    }

    .trad-top-item {

        height: 100px;

    }

    .wrap-trad-body-items {

        margin-top: 20px;

        gap: 40px;

    }

    .trad-body-item {

        height: auto;

        min-height: 280px;

        padding: 41px 28px;

    }

    .trad-body-item:nth-child(2) p,
    .trad-body-item:nth-child(3) p {

        font-size: 20px;

        line-height: 32px;

        margin: 0;

    }

    .trad-body-item:nth-child(1) p {

        color: #0A0A0A;

        font-size: 30px;

        line-height: 30px;

        margin: 0;

    }

    .traditional {

        margin-bottom: 220px;

    }

    .geo-promotion .wrap-cards-price {

        margin-top: 59px;

    }

    .geo-steps.steps {

        margin-top: 194px;

    }

}

@media (max-width: 1240px) {

    .main-top h1 span.decor {

        font-size: 60px;

        line-height: 60px;

    }

    .wrap-top-ii-items {

        gap: 24px 44px;

        margin-top: 63px;

        flex-wrap: wrap;

    }

    .ii-item p {

        font-size: 18px;

        line-height: 18px;

    }

    .wrap-abuot-geo-side {

        width: 100%;

        gap: 10px;

        flex-direction: column;

    }

    .about-geo {

        margin-top: 106px;

    }

    .geo-right, .geo-left {

        width: 100%;

    }

    .geo-left p span {

        font-size: 20px;

        line-height: 20px;

    }

    .geo-left h2 {

        margin-bottom: 48px;

    }

    .geo-left p {

        font-size: 16px;

        line-height: 140%;

        margin-bottom: 0;

    }

    .geo-left a {

        border-radius: 26px;

        border: 1px solid #23BD87;

        background: #23BD87;

        width: 295px;

        height: 60px;

        justify-content: center;

        padding: 0px 24px;

        align-items: center;

        margin-top: 38px;

        color: #FFF;

        font-size: 15px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        transition: all 0.3s;

    }

    .geo-now {

        margin-top: 60px;

    }

    .wrap-geo-now-items {

        margin-top: 48px;

        gap: 20px;

    }

    .geo-now-item {

        width: 100%;

        min-height: 400px;

        padding: 49px 29px 50px;

    }

    .wrap-geo-now-item-number p, .geo-now-item p {

        margin-top: auto;

        font-size: 24px;

        line-height: 24px;

        margin-bottom: 0;

    }

    .wrap-geo-opt-side {

        display: flex;

        gap: 48px;

        position: relative;

        flex-direction: column;

    }

    .geo-optimization {

        margin-top: 137px;

        margin-bottom: 139px;

    }

    .geo-opt-left {

        position: relative;

        width: 100%;

    }

    .wrap-geo-title {

        position: relative;

        top: 0;

        left: 0;

        display: flex;

        justify-content: space-between;

        align-items: self-end;

    }

    .wrap-geo-title h2 {

        line-height: 109%;

        margin-bottom: 0;

    }

    .wrap-geo-title .block-btn img {

        position: absolute;

        right: -2px;

        top: -41px;

        width: 72px;

        height: 72px;

    }

    .wrap-geo-title .block-btn {

        font-size: 24px;

        padding-right: 71px;

    }

    .geo-opt-item {

        border-radius: 20px;

        height: 390px;

        padding: 48px 32px;

    }

    .geo-opt-item h6 {

        color: #FFF;

        font-size: 26px;

        font-style: normal;

        font-weight: 400;

        line-height: 26px;

        margin-top: auto;

    }

    .geo-opt-right {

        width: 100%;

    }

    .geo-opt-item p span, .geo-opt-item p {

        font-size: 24px;

        line-height: 33px;

    }

    .wrap-trad-block {

        margin-top: 60px;

        display: flex;

        gap: 30px;

    }

    .wrap-trad-top-items {

        position: relative;

        top: 0px;

        left: 0;

        display: flex;

        gap: 30px;

        z-index: 3;

        width: 185px;

        min-width: 185px;

        flex-direction: column;

        max-width: 185px;

    }

    .trad-body-item-row {

        width: 100%;

        gap: 30px;

        flex-direction: column;

    }

    .wrap-trad-body-items {

        margin-top: 20px;

        gap: 40px;

    }

    .wrap-trad-body-items {

        margin-top: 0px;

        gap: 30px;

        width: calc(100% - 215px);

        overflow: auto;

        flex-direction: row;

        padding-right: 30px;

    }

    .trad-body-item-row.op {

        opacity: 1;

    }

    .trad-top-item {

        border-radius: 30px;

        width: 100%;

    }

    .trad-top-item p {

        font-size: 32px;

        line-height: 26px;

    }

    .trad-top-item:nth-child(1) {

        height: 146px;

    }

    .trad-top-item:nth-child(2) {

        height: 218px;

    }

    .trad-top-item:nth-child(3) {

        height: 218px;

    }

    .trad-body-item-row {

        margin-right: 30px;

    }

    .trad-body-item {

        height: auto;

        min-height: auto;

        display: flex;

        align-items: center;

        padding: 30px;

        border-radius: 30px;

        width: 493px;


    }

    .trad-body-item:nth-child(1) {

        height: 146px;

        border: 1px solid #D9D9D9;

    }

    .trad-body-item:nth-child(3),
    .trad-body-item:nth-child(2) {

        height: 218px;

    }

    .trad-body-item:nth-child(1) p {

        color: #0A0A0A;

        font-size: 26px;

        line-height: 28px;

        margin: 0;

    }

}

@media (max-width: 740px) {

    .main-top h1 span.decor {

        font-size: 45px;

        line-height: 46px;

    }

    .ii-item img {

        width: 56px;

        height: 56px;

    }

    .ii-item {

        display: flex;

        align-items: center;

        gap: 16px;

    }

    .ii-item p {

        font-size: 15px;

        line-height: 19px;

    }

    .wrap-top-ii-items {

        gap: 20px 20px;

        margin-top: 37px;

        flex-wrap: wrap;

    }

    .geo-now .block-title,
    .about-geo .block-title {

        font-size: 40px;

        line-height: 40px;

    }

    .about-geo {

        margin-top: 87px;

    }

    .geo-left p span {

        font-size: 18px;

        line-height: 18px;

    }

    .geo-left h2 {

        margin-bottom: 39px;

    }

    .geo-left p {

        font-size: 14px;

    }

    .geo-left a {

        border-radius: 20px;

        border: 1px solid #23BD87;

        background: #23BD87;

        width: 300px;

        height: 56px;

        justify-content: center;

        padding: 0px 24px;

        align-items: center;

        margin-top: 42px;

        color: #FFF;

        font-size: 18px;

        font-style: normal;

        font-weight: 500;

        line-height: normal;

        transition: all 0.3s;

    }

    .geo-now {

        margin-top: 190px;

    }

    .wrap-geo-now-items {

        margin-top: 38px;

        gap: 20px;

    }

    .geo-now-item-title {

        color: #0A0A0A;

        font-size: 32px;

        font-style: normal;

        font-weight: 400;

        line-height: 44px;

    }

    .geo-now-item {

        border-radius: 20px;

        width: 100%;

        min-height: 340px;

        padding: 30px 20px;

    }

    .wrap-geo-now-item-number {

        margin-top: 40px;

    }

    .geo-now-item-number {

        margin-top: auto;

        color: #0A0A0A;

        font-size: 48px;

        font-style: normal;

        font-weight: 400;

        line-height: 50px;

        margin-bottom: 19px;

    }

    .wrap-geo-now-item-number p, .geo-now-item p {

        margin-top: auto;

        font-size: 24px;

        line-height: 36px;

        margin-bottom: 0;

    }

    .wrap-geo-title h2 {

        font-size: 40px;

    }

    .geo-optimization {

        margin-top: 150px;

        margin-bottom: 139px;

    }

    .wrap-geo-title {

        position: relative;

        top: 0;

        left: 0;

        display: flex;

        justify-content: space-between;

        align-items: flex-start;

        flex-direction: column;

    }

    .wrap-geo-title .block-btn {

        font-size: 24px;

        padding-right: 43px;

        margin-left: auto;

        margin-top: 50px;

    }

    .wrap-geo-title .block-btn img {

        position: absolute;

        right: -2px;

        top: -22px;

        width: 46px;

        height: 46px;

    }

    .wrap-geo-opt-items {

        width: 100%;

        display: flex;

        flex-wrap: wrap;

        gap: 30px;

        flex-direction: column;

    }

    .wrap-geo-opt-side {

        gap: 30px;

    }

    .geo-opt-item {

        border-radius: 20px;

        height: 108vw;

        width: 100%;

        padding: 30px 20px;

    }

    .geo-opt-item:not(.color) {

        padding-bottom: 33px;

    }

    .traditional {

        display: none;

    }

    .det-blog-bg {
      WIDTH: 100%;
      padding: 35px 30px;
      border-radius: 30px;
    }
    .table_block {
      width: 100%;
      overflow: auto;
    }
}

@media (max-width: 1279px) {
    .wrap-steps-items {
        margin-top: 48px;
    }

    .steps-item {
        padding: 17px 42px 63px 32px;
    }

    .steps-item-number {
        font-size: 46px;
        margin-right: 34px;
    }

    .steps-item-title {
        font-size: 40px;
        line-height: 36px;
        padding-top: 14px;
        padding-bottom: 10px;
    }

    .steps-item.active .steps-item-content {
        display: block;
        padding-top: 59px;
        padding-left: 0;
        padding-bottom: 44px;
    }

    .steps-item-content h6 {
        color: #2D2D2D;
        font-size: 20px;
        font-family: "Open Sans", sans-serif;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 15px;
    }

    .steps-item-content ul li:after {
        position: absolute;
        content: "";
        left: -57px;
        top: 7px;
        width: 25px;
        height: 30px;
        background-image: url(./../imgs/i-check.svg);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .steps-item-content ul {
        padding-left: 56px;
    }

    .steps-item-content ul li {
        color: #2D2D2D;
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 32px;
        margin-bottom: 10px;
    }
}

@media (max-width: 720px) {
    .steps .block-title {
        font-size: 40px;
        line-height: 40px;
    }

    .wrap-steps-items {
        margin-top: 40px;
    }

    .steps-item-number {
        font-size: 38px;
        margin-right: 0;
    }

    .steps-item {
        border-radius: 30px 30px 0 0;
        padding: 13px 11px 53px 21px;
    }

    .steps-item-top {
        display: flex;
        align-items: flex-start;
        position: relative;
        flex-direction: column;
    }

    .steps-item-title {
        font-size: 30px;
        line-height: 36px;
        padding-top: 6px;
        padding-bottom: 10px;
        width: 100%;
    }

    .steps-item.active .steps-item-content {
        display: block;
        padding-top: 82px;
        padding-left: 0;
        padding-bottom: 44px;
    }

    .steps-item-content ul {
        padding-left: 44px;
    }

    .steps-item-content ul li:after {
        left: -45px;
    }
}

/*конец страницы гео*/
.dont-link:after {
    display: none !important;
}

.cookie-win {
    display: none;
    position: fixed;
    bottom: 20px;
    left: 12px;
    border-radius: 8px;
    background: #F6F6F6;
    z-index: 1000;
    padding: 20px 30px;
    width: 563px;

}

.cookie-win-content {
    width: 100%;
    display: flex;
    gap: 15px;
    justify-content: space-between;
}

.coockie-btn {
    width: 70px;
    min-width: 70px;
    max-width: 70px;
    border-radius: 26.4px;
    border: 1px solid #2D2D2D;
    background: #fff;
    height: 30px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #2D2D2D;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14.85px;
    transition: all 0.3s;
}

.coockie-btn:hover {
    background: #000;
    color: #fff;
    transition: all 0.3s;
}

.cookie-win-content p {
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    margin: 0;
    padding: 0;
}

.cookie-win-content p a {
    color: #000;
    font-size: 11px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
    line-height: 120%;
    margin: 0;
    padding: 0;
}

@media (min-width: 1921px) {
    .cookie-win {
        width: 700px;
        padding: 30px;
    }

    .cookie-win-content p,
    .cookie-win-content p a {
        font-size: 16px;
    }

    .coockie-btn {
        width: 120px;
        min-width: 120px;
        max-width: 120px;
        border-radius: 30px;
        height: 50px;
    }

}

@media (max-width: 768px) {
    .cookie-win {
        width: 100%;
        padding: 15px 10px;
        bottom: 0;
        right: 0;
    }

    .cookie-win-content p,
    .cookie-win-content p span {
        font-size: 12px;
    }

    .coockie-btn {
        width: 160px;
        min-width: 160px;
        max-width: 160px;
        height: 47px;
        padding: 20px 10px;
    }

    .cookie-win-content {
        width: 100%;
        display: flex;
        gap: 15px;
        justify-content: space-between;
        flex-direction: column;
        align-items: center;
    }
}

/*стили Блога*/
.container {
    width: 100%;
    max-width: 1750px;
    padding: 0 15px;
    margin: 0 auto;
}

.blog-title {
    color: #0A0A0A;
    font-family: Jost;
    font-size: 140px;
    font-style: normal;
    font-weight: 450;
    line-height: 128px;
    margin-bottom: 60px;
}

.blog-desc {
    color: #6C6C6C;
    font-family: Jost;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 100px;
}

.blog-btn-line {
    display: flex;
    padding: 17px 32px 19px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    background: #F6F6F6;
    color: rgba(10, 10, 10, 0.64);
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    text-decoration: none;
}

.blog-btn-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 100px;
}

.blog-btn-box-bottom {
    padding: 32px;
    border-radius: 40px;
    position: relative;
    bottom: 35px;
    background: #F6F6F6;
}

.blog-cart {
    flex-basis: calc(33% - 15px);
}


.blog-btn-box-bottom:hover {
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.blog-btn-line:hover {
    background: rgba(35, 189, 135, 0.16);
}

.blog-cart-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 30px;
    margin-bottom: 100px;
}

.blog-cart img {
    max-width: 100%;
    border-radius: 40px 40px 0px 0px;
}

.stiker {
    border-radius: 32px;
    border: 1px solid #D9D9D9;
    display: flex;
    padding: 6px 20px 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #6C6C6C;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    margin-bottom: 24px;
    width: 100px;
}

.title-cart {
    color: #0A0A0A;
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    margin-bottom: 30px;
}

.blog-btn-box-bottom:hover .title-cart {
    color: #23BD87;
}

.date-cart {
    color: #808080;
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 100% */
}


.btn-add {
    color: #2F2F2F;
    leading-trim: both;
    text-edge: cap;
    font-family: Jost;
    font-size: 32px;
    font-style: normal;
    font-weight: 450;
    line-height: 32px; /* 100% */
    text-align: center;
    margin-bottom: 50px;
    cursor: pointer;
}

.btn-next {
    display: flex;
    width: 72px;
    height: 72px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid #D9D9D9;
    color: #0A0A0A;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    cursor: pointer;
}

.btn-next:hover, .btn-next.active {
    border: 1px solid rgba(217, 217, 217, 0.00);
    background: #DCF4EC;
}

.btn-blog-all {
    gap: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 200px;
}

.btn-blog-arrow {
    cursor: pointer;
}

@media (max-width: 720px) {
    .blog-cart img {
        max-width: 100%;
        height: auto;
    }

    .blog-title {
        font-size: 45px;
        line-height: 40px;
    }

    .blog-desc {
        font-size: 14px;
        line-height: 32px;
        margin-bottom: 54px;
    }

    .blog-btn-line {
        font-size: 14px;
    }

    .blog-btn-box {
        margin-bottom: 60px;
    }

    .blog-cart {
        flex-basis: calc(100%);
    }
}

/*стили блога детальной страницы*/
body {
    background: #fff;
}

.breadcrumbs {
    margin-top: 100px;
    margin-bottom: 40px;
}

.main-top .breadcrumbs {
    margin-top: 0px;
}

.breadcrumbs .home a {
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    vertical-align: middle;
    color: #0A0A0A66;
}

.breadcrumbs .level-row {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.breadcrumbs .level-row span {
    color: #B0B0B0;
    font-family: Inter;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    vertical-align: middle;

}

.breadcrumbs .level-row .level {
    opacity: 1;
    gap: 12px;
    border-radius: 8px;
    padding: 4px 8px;
    background: #ECECEC;
    text-decoration: none;
    color: #808080;
    font-family: Open Sans;
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    vertical-align: middle;
}

.breadcrumbs .home a:hover, .breadcrumbs .level-row .level:hover {
    color: #0A0A0A;
}

.bg-body {
    background: #F6F6F6;
    padding-bottom: 150px;
    display: flex;
    flex-wrap: wrap;
    margin-top: -25px;
}

.img-detail-news {
    margin-bottom: 60px;
    max-width: 100%;
}

.container {
    width: 100%;
    max-width: 1750px;
    padding: 0 15px;
    margin: 0 auto;
}

.container-blog {
    width: 100%;
    max-width: 845px;
    padding: 0 15px;
    margin: 0 auto;
}

.container-blog img {
    max-width: 100%;
}

.blog-date-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0px 0 40px;
    gap: 20px;
    color: #6C6C6C;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}

.stiker {
    display: flex;
    padding: 6px 20px 10px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #6C6C6C;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    border-radius: 32px;
    background: #FFF;
    margin: 0px;
}

.sticker-block {
    display: flex;
    gap: 10px
}

.info-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 24px;
}

.h1blog {
    color: #0A0A0A;
    font-family: Jost;
    font-size: 44px;
    font-style: normal;
    font-weight: 400;
    line-height: 56px; /* 127.273% */
    margin-bottom: 20px;
}

.det-blog-text {
    color: #2F2F2F;
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px; /* 150% */
    margin-bottom: 80px;
}

.det-blog-bg {
    padding: 56px 44px;
    border-radius: 40px;
    background: #fff;
}

.det-blog-bg h1, .det-blog-bg h2, .det-blog-bg h3, .det-blog-bg h4, .det-blog-bg > img {
    margin-bottom: 20px;
}

.det-blog-bg ul {
    margin-bottom: 40px;
    color: #2F2F2F;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-left: 25px;
    list-style-type: disc;
}

.det-blog-bg ol {
    margin-bottom: 40px;
    color: #2F2F2F;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    padding-left: 25px;
    list-style-type: decimal;
}

p {
    margin-bottom: 40px;
    color: #2F2F2F;
    leading-trim: both;
    text-edge: cap;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
}

.det-blog-colored {
    padding: 32px 0 36px 40px;
    border-left: 4px solid #23BD87;
    color: #2F2F2F;
    leading-trim: both;
    text-edge: cap;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
    margin-bottom: 30px;
}

.personal-flex {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.personal-flex-title {
    color: #2F2F2F;
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 10px;
}

.personal-flex-desc {
    color: #808080;
    font-family: Jost;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 100% */
}

.personal-flex img {
    margin-right: 20px;
}

.h2blog {
    color: #0A0A0A;
    font-family: Jost;
    font-size: 32px;
    font-style: normal;
    font-weight: 450;
    line-height: 100%;
    margin-bottom: 40px;
}

.h2blog-1 {
    color: #0A0A0A;
    /* desktop/H/H2 */
    font-family: Jost;
    font-size: 80px;
    font-style: normal;
    font-weight: 400;
    line-height: 80px; /* 100% */
    margin: 0.83em 0;
}


.det-blog-colored2 {
    padding: 32px 44px 36px 44px;
    border-radius: 40px;
    background: #EEFAF6;
    color: #2F2F2F;
    leading-trim: both;
    text-edge: cap;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
    margin-bottom: 40px;
}

.table-blog {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

.table-blog tr th {
    padding: 25px 24px;
    border: 1px solid #EBEBEB;
    background: #F9F9F9;
    color: #0A0A0A;
    leading-trim: both;
    text-edge: cap;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%; /* 32px */
}

.table-blog tr td {
    border: 1px solid #EBEBEB;
    color: #2F2F2F;
    font-family: "Open Sans";
    padding: 25px 22px;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px; /* 144.444% */
}

.list-blog-2 {
    color: #2F2F2F;
    leading-trim: both;
    text-edge: cap;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
}

.list-blog-3 {
    color: #2F2F2F;
    leading-trim: both;
    text-edge: cap;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%; /* 32px */
}

.list-blog-3 li {
    margin-bottom: 40px;
}

.blog-bottom-social {
    margin-top: 10px;
    display: flex;
    padding: 16px 16px 16px 36px;
    justify-content: space-between;
    align-items: center;
    align-self: stretch;
    border-radius: 40px;
    background: var(--White, #FFF);
    color: #0A0A0A;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
}


.blog-desc {
    color: #6C6C6C;
    font-family: Jost;
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    margin-bottom: 100px;
}

.blog-btn-line {
    display: flex;
    padding: 17px 32px 19px 32px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 32px;
    background: #F6F6F6;
    color: rgba(10, 10, 10, 0.64);
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 28px */
    text-decoration: none;
}

.blog-btn-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 100px;
}

.blog-btn-box-bottom {
    padding: 32px;
    border-radius: 40px;
    position: relative;
    bottom: 35px;
    background: #F6F6F6;
    height: 225px;
}

.blog-cart {
    flex-basis: calc(33% - 15px);
}

.blog-btn-box-bottom:hover {
    background: #fff;
    box-shadow: 0 4px 32px 0 rgba(0, 0, 0, 0.08);
    cursor: pointer;
}

.blog-btn-line:hover, .blog-btn-line.active {
    background: rgba(35, 189, 135, 0.16);
}

.blog-cart-box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0px 30px;
    margin-bottom: 100px;
}

.blog-cart img {
    border-radius: 40px 40px 0px 0px;
}

.stiker {
    border-radius: 32px;
    border: 1px solid #D9D9D9;
    display: flex;
    padding: 5px 20px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    color: #6C6C6C;
    font-family: "Open Sans";
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    width: auto;
}

.title-cart {
    color: #0A0A0A;
    font-family: Jost;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px; /* 133.333% */
    margin-bottom: 30px;
}

.blog-btn-box-bottom:hover .title-cart {
    color: #23BD87;
}

.date-cart {
    color: #808080;
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px; /* 100% */
}


.box-interes {
    margin-top: 0px;
}

.all-st {
    color: #0A0A0A;
    text-align: right;
    leading-trim: both;
    text-edge: cap;
    /* desktop/buttons/button medium */
    font-family: Jost;
    font-size: 32px;
    font-style: normal;
    font-weight: 450;
    line-height: 32px; /* 100% */
}

.box-all-st {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


@media (max-width: 1199px) {
    .blog-btn-box-bottom {
        height: auto;
    }
}

@media (max-width: 720px) {
    .blog-cart {
        flex-basis: calc(100%);
    }

    .all-st {
        font-size: 26px;
        text-align: right;
        width: 100%;
        margin-bottom: 44px;
    }

    .h2blog-1 {
        font-size: 36px;
        line-height: 38px;
    }

    .box-all-st {
        flex-wrap: wrap;
    }

    .blog-btn-box-bottom {
        padding: 20px;
        border-radius: 20px;
    }

    .stiker {
        font-size: 14px;
    }

    .date-cart {
        font-size: 14px;
    }

    .det-blog-bg h1 {
        font-size: 38px;
        line-height: 40px;
    }
}

.hockey-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}

.hockey-gallery a img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
    object-fit: cover;
}

.hockey-gallery a.long img {
    grid-column: span 2;
}


/*Модальное окно TG*/
.modal-tg {
    position: fixed;
    width: 407px;
    height: 228px;
    opacity: 1;
    gap: 10px;
    border-radius: 40px;
    padding: 36px 32px;
    background: #0A0A0AE5;
    bottom: 65px;
    left: 100px;
    z-index: 999;
}

.modal-tg .close {
    position: absolute;
    right: 30px;
    top: 30px;
}

.modal-tg .name-modal {
    font-family: Jost;
    font-weight: 450;
    font-size: 24px;
    line-height: 26px;
    color: white;
}

.modal-tg p {
    font-family: Jost;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: white;
}

.modal-tg .btn-tg {
    width: 342px;
    height: 56px;
    opacity: 1;
    gap: 10px;
    border-radius: 16px;
    padding: 15px 24px 18px;
    background: #23BD87;
    display: flex;
}

.modal-tg .btn-tg a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    color: white;
    text-decoration: none;
    font-family: Jost;
    font-weight: 400;
    font-size: 18px;
    line-height: 18px;
}

.modal-tg .btn-tg a img {
    width: 23px;
    height: 23px;
    margin-left: 10px;
}

@media (max-width: 720px) {
    .modal-tg {
        width: 100%;
        left: 0;
        bottom: 0;
        border-radius: 0;
    }
}

.text-content {
    display: flex;
    position: relative;
}

.table_of_contents {
    position: absolute;
    top: 0px;
    left: -21vw;
    border-width: 1px 1px 2px 1px;
    border-style: solid;
    border-color: white;
    width: 19vw;
    max-width: 400px;
    height: auto;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 2px;
    border-left-width: 1px;
    opacity: 1;
    gap: 16px;
    padding: 40px 30px;
    border-radius: 40px;
}

.table_of_contents ul {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.table_of_contents ul li {
    width: 100%;
}

.table_of_contents ul li.active {
    list-style: disc;
}

.table_of_contents ul li a {
    font-family: Jost;
    font-weight: 400;
    color: #6C6C6C;
    font-size: 18px;
    line-height: 22px;
    vertical-align: middle;
}

.table_of_contents ul li.active a {
    color: #2F2F2F;
}

@media (max-width: 1280px) {
    .table_of_contents {
        display: none;
    }
}