:root {
    --cont:1400;
    --cont-padding:20px;
    --headerTop: 80px;
    --c-red:#E50054;
    --c-white:#ffffff;
    --c-pink:#FF00E5;
    --c-black:#181818;
    --c-purple:#662FFB;
    --gilroyFont: "Gilroy";
    --montserratFont:"Montserrat";
    --br-40:40px;
    --br-30:30px;
    --br-70:70px;
    --fz18:18px;
    --fw600:600;
    --fw900:900;
}
/*BTN*/


:root {
    --shiny-cta-bg: var(--c-pink);
    --shiny-cta-bg-subtle: var(--c-pink);
    --shiny-cta-fg: #ffffff;
    --shiny-cta-highlight: #FF00E5;
    --shiny-cta-highlight-subtle: #8484ff;
}

@property --gradient-angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-angle-offset {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

@property --gradient-percent {
    syntax: "<percentage>";
    initial-value: 5%;
    inherits: false;
}

@property --gradient-shine {
    syntax: "<color>";
    initial-value: white;
    inherits: false;
}
.grecaptcha-badge {
	display:none !important;
}
.shiny-cta {
    --animation: gradient-angle linear infinite;
    --duration: 3s;
    --shadow-size: 2px;
    isolation: isolate;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    outline-offset: 4px;
    padding: 1.25rem 2.5rem;
    font-family: inherit;
    font-size: 1.125rem;
    line-height: 1.2;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--shiny-cta-fg);
    background: linear-gradient(var(--shiny-cta-bg), var(--shiny-cta-bg))
    padding-box,
    conic-gradient(
            from calc(var(--gradient-angle) - var(--gradient-angle-offset)),
            transparent,
            var(--shiny-cta-highlight) var(--gradient-percent),
            var(--gradient-shine) calc(var(--gradient-percent) * 2),
            var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),
            transparent calc(var(--gradient-percent) * 4)
    )
    border-box;
    box-shadow: inset 0 0 0 1px var(--shiny-cta-bg-subtle);

    &::before,
    &::after,
    span::before {
        content: "";
        pointer-events: none;
        position: absolute;
        inset-inline-start: 50%;
        inset-block-start: 50%;
        translate: -50% -50%;
        z-index: -1;
    }

    &:active {
        translate: 0 1px;
    }
}

/* Dots pattern */
.shiny-cta::before {
    --size: calc(100% - var(--shadow-size) * 3);
    --position: 2px;
    --space: calc(var(--position) * 2);
    width: var(--size);
    height: var(--size);
    background: radial-gradient(
            circle at var(--position) var(--position),
            white calc(var(--position) / 4),
            transparent 0
    )
    padding-box;
    background-size: var(--space) var(--space);
    background-repeat: space;
    mask-image: conic-gradient(
            from calc(var(--gradient-angle) + 45deg),
            black,
            transparent 10% 90%,
            black
    );
    border-radius: inherit;
    opacity: 0.4;
    z-index: -1;
}

/* Inner shimmer */
.shiny-cta::after {
    --animation: shimmer linear infinite;
    width: 100%;
    aspect-ratio: 1;
    background: linear-gradient(
            -50deg,
            transparent,
            var(--shiny-cta-highlight),
            transparent
    );
    mask-image: radial-gradient(circle at bottom, transparent 40%, black);
    opacity: 0.6;
}

.shiny-cta span {
    z-index: 1;

    &::before {
        --size: calc(100% + 1rem);
        width: var(--size);
        height: var(--size);
        box-shadow: inset 0 -1ex 2rem 4px var(--shiny-cta-highlight);
        opacity: 0;
    }
}

/* Animate */
.shiny-cta {
    --transition: 800ms cubic-bezier(0.25, 1, 0.5, 1);
    transition: var(--transition);
    transition-property: --gradient-angle-offset, --gradient-percent,
    --gradient-shine;
    width: 100%;
    margin-top: 40px;

    &,
    &::before,
    &::after {
        animation: var(--animation) var(--duration),
        var(--animation) calc(var(--duration) / 0.4) reverse paused;
        animation-composition: add;
    }

    span::before {
        transition: opacity var(--transition);
        animation: calc(var(--duration) * 1.5) breathe linear infinite;
    }
}

.shiny-cta:is(:hover, :focus-visible) {
    --gradient-percent: 20%;
    --gradient-angle-offset: 95deg;
    --gradient-shine: var(--shiny-cta-highlight-subtle);

    &,
    &::before,
    &::after {
        animation-play-state: running;
    }

    span::before {
        opacity: 1;
    }
}

@keyframes gradient-angle {
    to {
        --gradient-angle: 360deg;
    }
}

@keyframes shimmer {
    to {
        rotate: 360deg;
    }
}

@keyframes breathe {
    from,
    to {
        scale: 1;
    }
    50% {
        scale: 1.2;
    }
}
/******/

.container {
    max-width: calc(var(--cont) * 1px);
    width: calc(100% - var(--cont-padding) * 2);
    margin-left: auto;
    margin-right: auto;
}
/*POPUP*/
body.showZapis {
    overflow: hidden;
}

body.showZapis .zapis_modal {
    visibility: visible;
    opacity: 1;
}
.zapis_modal {
    position: fixed;
    z-index: 200;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}
.zm_bg {
    background-color: rgba(0, 0, 0, 0.6666666667);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.zapis_form {
    max-height: 100%;
    overflow-y: auto;
    z-index: 1;
    position: relative;
    border-radius: 35px;
    max-width: 430px;
    width: 100%;
}
.innr_zf {
    background-color: var(--c-black);
    padding: 20px;
    border-radius: 5px;
    position: relative;
}
.zf_krest {
    position: absolute;
    top: 30px;
    right: 30px;
    width: 18px;
    height: 18px;
    transition: 0.3s;
    cursor: pointer;
}
#hero {
    position: relative;
}
#hero > img  {
    position: absolute;
    top: 0;
    right: 60px;
    height: 100%;
    max-width: 662px;
    object-fit: cover;
    bottom: 0;
}
.hi_btn {
    cursor: pointer;
    transition: .3s;
}
.hi_btn:hover {
    opacity: .7;
}
.wpcf7 {
    padding: 25px 0 0 0;
}
.innhl_plashka {
    display: flex;
    align-items: center;
    gap: 0 10px;
    padding: 3px 4px;
    border-radius: 100px;
    border: 3px solid transparent;
    background: linear-gradient(90deg, rgba(183, 0, 255, 1), rgba(78, 15, 255, 1));
    background-clip: padding-box;
    position: relative;
    margin-top: 50px;
}
.innhl_plashka::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background:transparent;
    border-radius: 103px; /* 100px + 3px рамка */
    z-index: -1;
    width: 100%;
    height: 100%;
}
.burger_bar {
    background-color: #333;
    height: 4px;
    width: 30px;
    margin: 4px 0;
    transition: 0.4s;
}
.showBurger .burger_bar:nth-child(1) {
    transform: rotate(-45deg) translate(-8px,9px);
}
.showBurger .burger_bar:nth-child(2) {
    opacity: 0;
}
.showBurger .burger_bar:nth-child(3) {
    transform: rotate(45deg) translate(-5px,-5px);
}
.grad {
    display: flex;
    gap: 0 10px;
    align-items: center;
    background: var(--c-black);
    border-radius: 100px;
    padding: 10px 16px;
}
.innhl_plashka p {
    font-size: 1.125rem;
    color: var(--c-white);
    font-weight: 500;
}
.popup_head {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: var(--c-purple);
    border-radius: 0 0 50% 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 150px;
}
.pc_title {
    color: var(--c-white);
    font-size: 30px;
    text-align: center;
    font-family: "Unbounded";
    color: var(--c-pink);
}
.wpcf7-submit {
    background-color: var(--c-pink) !important;
    color: var(--c-white);
    cursor: pointer;
    border: 1px solid transparent !important;
}
.pc_inp + .pc_inp {
    margin-top: 10px;
}
.pc_cont p {
    font-size: 18px;
    color: var(--c-white);
    text-align: center;
    margin: 20px 0 0 0;
    font-family: "Montserrat";
}
.pc_inps {
    margin-top: 15px;
}
.pc_inp input {
    width: 100%;
    height: 50px;
    display: flex;
    border-radius: 10px;
    border: unset;
    outline: none;
    padding: 0 15px;
    font-family: "Montserrat" !important;
    font-size: 16px;
    background-color: #3A3A3A;
    font-weight: 500;
    color: var(--c-white);
}
.zf_krest svg {
    transition: .3s;
}
.zf_krest svg path {
    fill: var(--c-white);
    transition: .3s;
}
.zf_krest:hover svg {
    transform: rotate(180deg);
}
.zf_krest:hover svg path{
    opacity: .7;
}
.popup_head svg{
    width: 90px;
    height: 90px;
}
/*MOBILE MENU*/
/*header .header__burger {*/
/*    display: none;*/
/*}*/

/*header .header__mobile {*/
/*    display: none;*/
/*}*/
header {
    background-color: var(--c-white);
}
.header__mobile {
    z-index: 2;
    position: fixed;
    left: 40px;
    transform:translate(0,-50%);
    top: var(--headerTop);
}

body.scrolling .header.hidden{
    transform: translateY(-100%);
}
body.showBurger {
    overflow: hidden;
}
/*body.scrolling .header {*/
/*    background-color: var(--c-black);*/
/*}*/

body.showBurger header .header__mobile {
    opacity: 1;
    visibility: visible;
    bottom: 0;
    top: var(--headerTop);
    right: 0;
    display: flex;
    justify-content: flex-end;
    transform: translate(0,0);
}
#burger svg {
    width: 30px;
}
#quit svg {
    width: 20px;
    height: 20px;
}
#quit {
    top: 5px;
    right: 5px;
    z-index: 9999999;
}
#burger svg line {
    stroke: var(--c-white);
}
.glink {
    overflow: hidden;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    border: 2px solid var(--c-white);
    display: flex;
    justify-content: center;
    align-items: center;
}
.glink img {
    object-fit: cover;
    height: 100%;
    width: 100%;
}
a.glink img {
    vertical-align: unset !important;
    display: initial !important;
    border: initial !important;
    padding: initial !important;
    margin: initial !important;
    opacity: 1 !important;
    margin-right: unset !important;
}
.gtranslate_wrapper {
    display: flex;
    gap: 30px;
}
    /*HEADER*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    color: #fff;
    z-index: 100;
    transition: background .3s, transform .4s;
}
.header_wrap {
    display: flex;
    align-items: center;
    height: var(--headerTop);
    transition: .4s;
}
.header.hidden {
    transform: translateY(-100%);
}
.menu_wrap {
    display: flex;
    align-items: center;
    height: 100%;
    margin-left: auto;
}
.gt_float_switcher .gt-selected .gt-current-lang span.gt-lang-code {
    position: relative;
    top: 2px;
    font-family: "Montserrat";
    text-transform: capitalize;
    font-size: 16px;
    font-weight: 500;
    color: var(--c-black);
}
.gt_float_switcher {
    box-shadow: unset !important;
}
.gt_float_switcher .gt_options {
    position: absolute !important;
    opacity: 0;
    cursor: pointer;
    transition: all .8s cubic-bezier(.3,1.1,.4,1.1);
    background-color: var(--c-white) !important;
    border-radius: 0 0 20px 20px !important;
}
.gt_float_switcher img {
    vertical-align: middle;
    display: inline-block;
    width: 20px !important;
    height: 20px !important;
    margin: 0 5px 0 0 !important;
    border: 2px solid #D7D7D7 !important;
    border-radius: 50% !important;
    object-fit: cover !important;
}
.gt_float_switcher .gt-selected .gt-current-lang {
    padding: 5px !important;
    border: 1px solid var(--c-black) !important;
    border-radius: 50px !important;
    box-shadow: unset !important;
}
.menu_wrap li {
    position: relative;
    transition: .25s;
    overflow: hidden;
    height: 100%;
    border-radius: unset;
    display: flex;
    justify-content: center;
    align-items: center;
}
.menu_wrap li:after {
    position: absolute;
    bottom: 1px;
    left: 50%;
    right: 50%;
    content: "";
    transition: .3s;
    background-color: var(--c-purple);
    height: 3px;
    opacity: 0;
}
.menu_wrap li:hover:after {
    left: 0;
    right: 0;
    opacity: 1;
}
.menu_wrap li + li {
    margin-left: 25px;
}
.menu_wrap li a{
    display: flex;
    align-items: center;
    position: relative;
    transition: color .3s, opacity .3s , bacground .3s;
    font-size: 18px;
    color: var(--c-black);
    font-weight: 500;
    font-family: "Montserrat";
    height: 100%;
}

/*.menu_wrap li:not(:last-of-type):before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    right: 0px;*/
/*    top: 50%;*/
/*    transform: translateY(-50%);*/
/*    width: 1px;*/
/*    height: 10px;*/
/*    background: var(--c-red);*/
/*}*/
/*.menu_wrap li:hover::before {*/
/*    opacity: 0;*/
/*}*/
/*.menu_wrap li.no-before::before {*/
/*    opacity: 0;*/
/*}*/

/*.menu_wrap li:hover,*/
/*.menu_wrap li.active{*/
/*    background-color: var(--c-red);*/
/*}*/
/*HEADER LANGS*/
.header__langs {
    display: flex;
    align-items: center;
    margin-left: 84px;
}
.header__lang {
    height: 26px;
    width: 26px;
}
.header__lang + .header__lang {
    margin-left: 31px;
}
.header__lang svg {
    border: 2px solid #fff;
    border-radius: 50%;
}
.header__info {
    margin-left: auto;
    display: flex;
    gap: 0 20px;
}
.hi_btn {
    background-color: var(--c-purple);
    color: var(--c-white);
    border-radius: 4px;
    overflow: hidden;
    display: flex;
    height: 57px;
    padding: 0 1vw;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    font-size: .7vw;
}
.bnr_mech_select {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.bnr_ms_data {
    width: 100%;
    height: 50px;
    display: flex;
    border-radius: 10px;
    border: unset;
    outline: none;
    padding: 0 15px;
    font-family: "Montserrat" !important;
    font-size: 16px;
    background-color: #3A3A3A;
    font-weight: 500;
    color: var(--c-white);
}
.bnr_ms_data p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    margin-bottom: 0;
}
.bnr_ms_data svg {
    transition: .3s ease-in-out;
    width: 2.5vh;
    height: 2.5vh;
}
.bnr_ms_data svg path {
    fill: var(--c-white);
}
.bnr_ms_data.show_list svg {
    transform: rotate(-180deg);
}
.bnr_msl_opt + .bnr_msl_opt {
    margin-top: 10px;
}
.bnr_ms_list {
    z-index: 1;
    top: 100%;
    padding: 0px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    visibility: hidden;
    background-color: #fff;
    position: absolute;
    width: 40%;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 0 0 5px 5px;
    border: 3px solid #F1F1F1;
    display: none;

}
.bnr_ms_data.show_list ~ .bnr_ms_list {
    width: 100%;
}
.bnr_ms_val {
    font-size: var(--fz28);
    color: var(--c-white);
    font-weight: 400;
}
.bnr_ms_data.show_list ~ .bnr_ms_list {
    top: calc(100% + -5px);
    visibility: visible;
    opacity: 1;
    max-height: 350px;
    overflow-y: scroll;
    display: block;
    padding: 1.6vh 2vh;
    z-index: 100;
}
.wpcf7-response-output {
    color: var(--c-white);
}
.bnr_msl_opt {
    font-weight: 500;
    font-size: 2vh;
    line-height: 150%;
    color: #1E1E1E;
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    cursor: pointer;
}
.header__info .tel {
    padding: 11px 14px 12px 11px;
    background-color: var(--c-red);
    border-radius: var(--br-40);
    font-size: 19px;
}
.header__info .tel .tel_black {
    font-weight: var(--fw900);
    font-size: 19px;
}
.telefo {
    margin-right: 5px;
}
/*HERO*/
.hero {
    background-color: #0001;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    border-radius: 30px;
    overflow: hidden;
    margin-top: var(--headerTop);
    /*height: calc(100vmin - var(--headerTop));*/
    padding-bottom: 250px;
}
.innhlt_icon svg{
    width: 12px;
    height: 12px;
    margin-right: 12px;
    min-height: 12px;
    min-width: 12px;
}
.innhlt_icon svg path {
    transition: .4s;
}
.innhl_list li:hover svg path {
    stroke: var(--c-white);
}
.innhl_list li {
    display: flex;
    align-items: center;
    color: var(--c-white);
    font-size: 21px;
    font-weight: 500;
    line-height: 40px;
    opacity: 0;
    cursor: pointer;
}
.kw_w_r {
    display: none;
}
.inn_hero {
    height: 100%;
    display: flex;
    justify-content: space-between;
    padding-top: 120px;
    z-index: 2;
    position: relative;
}
.innhl_title strong {
    color: #FF00E5;
}
.inn_h_right {
    margin-top: auto;
    height: 100%;
}
.inn_h_left {
    max-width: 808px;
}
.innhl_title h1{
    font-size: 70px;
    color: var(--c-white);
    line-height: 120% !important;
}
.dn {
    display: none !important;
}
.inn_h_right img {
    height: 100%;
    max-width: 662px;
    max-height: 870px;
    object-fit: contain;
}
.innhl_star {
    margin-top: 30px;
}
 .mobtel {
     opacity: 0;
     transform: scale(0.95);
     transition: opacity 1.2s ease-out, transform 1.2s ease-out;
 }
.mobtel.show {
    opacity: 1;
    transform: scale(1);
}
.innhl_star p {
    font-size: 1.625rem;
    color: var(--c-white);
    font-weight: 400;
    line-height: 130%;
    max-width: 693px;
    min-height: 67px;
}
.adv_img {
    display: none;
}
.innhl_title {
    max-width: 780px;
}
.innhlp_svg svg {
    width: 1.375rem;
}
.innhl_btns {
    display: flex;
    margin-top: 64px;
    flex-direction: column;
    position: relative;
    height: max-content;
    width: max-content;
    display: flex;
    align-items: center;
}
.innhl_btn {
    height: 85px;
    padding: 0 60px;
    font-size: 20px;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    cursor: pointer;
    transition: transform 0.2s,box-shadow 0.2s;
    border: none;
    outline: none;
    position: relative;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
    opacity: 0;
}
.upsale-button {
    position: relative;
    z-index: 0;
    height: 85px;
    overflow: hidden;
    border: none !important;
    background: var(--c-pink);
    color: #656565;
    border-radius: 6px;
    width: max-content;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
    transition: .2s all linear;
    text-decoration: initial;
    white-space: nowrap;
    cursor: pointer;
}
.upsale-button:hover {
    opacity: .7;
}

.upsale-button span{
    position: relative;
    z-index: 1;
    height: calc( 100% - 4px );
    width: calc( 100% - 4px );
    top: 2px;
    left: 2px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 6px;
    color: white;
    background: var(--c-pink);
    padding: 0 60px;
}

.upsale-button:after{
    content: "";
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(90deg, rgba(255,255,255,0)    0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    -webkit-animation: rotate 7s linear infinite;
    animation: rotate 7s linear infinite;
    -webkit-box-shadow: -5px -10px 30px 10px rgba(255, 255, 255, 0.6);
    -moz-box-shadow: -5px -10px 30px 10px rgba(255, 255, 255, 0.6);
    box-shadow: -5px -10px 30px 10px rgba(255, 255, 255, 0.6);
}


@-webkit-keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotate {
    100% {
        transform: rotate(360deg);
    }
}
.innhl_btn-info {
    font-size: 14px;
    font-weight: 400;
    color: var(--c-white);
    margin-top: 10px;
}
.innhl_btn:hover {
    opacity: .7;
    transform: translateY(2px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
.innhl_btn + .innhl_btn {
    margin-left: 25px;
}
.innhl_btn:nth-child(1) {
    color: var(--c-white);
    background-color: #FF00E5;
}
.innhl_btn:nth-child(2) {
    color: var(--c-black);
    background-color: var(--c-white);
}
.innhl_btn_podlojka {
    display: inline-block;
    background: rgba(255, 255, 255, 0.4);
    padding: 12px;
    border-radius: 50px;
    transition: background 0.4s, padding 0.5s;
}
.innhl_btn_podlojka:hover,
.innhl_btn_podlojka:active {
    background: rgba(255, 255, 255, 0.1);
    padding: 8px;
}

.innhl_btn_kons {
    padding: 15px 30px;
    font-size: 18px;
    font-weight: bold;
    color: white;
    background: #e50054;
    border-radius: 50px;
    box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
    text-align: center;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
    position: relative;
    transition: transform 0.2s ease, box-shadow 0.2s;
    opacity: 0;
}

.innhl_btn_kons:active,
.innhl_btn_kons:hover {
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.3);
    transform: scale(0.98);
}

.hero:before {
    position: absolute;
    background: rgba(0, 0, 0, 0.25);
    content: '';
    width: 100%;
    height: 100%;
}
/*CARDS TSENI*/
.ts {
    margin-top: 133px;
}
.ts_title {
    text-align: center;
    max-width: 85%;
    width: 100%;
    margin: 0 auto;
}
.ts_title h3 {
    font-size: 60px;
    font-weight: var(--fw900);
    color: var(--c-black);
    line-height: 60px !important;
    text-transform: uppercase;
}
.tscards {
    --elems:3;
    --gap:60px;
    gap: var(--gap);
    margin-top: 140px;
    display: flex;
}
.tscard {
    opacity: 0;
    position: relative;
    width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
    padding: 113px 20px 42px;
    border-radius: var(--br-30);
    transition:box-shadow .5s;
}
.tscard_svg {
    width: 191px;
    height: 191px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 50%;
    padding: 23px;
}
.tscard_title {
    font-size: 38px;
    text-transform: uppercase;
    color: var(--c-white);
    font-weight: var(--fw900);
    text-align: center;
    line-height: 100%;
}
.tscard_desc p {
    font-size: 26px;
    font-weight: 700;
    color: var(--c-white);
    margin-top: 33px;
    text-align: center;
    text-transform: uppercase;
    line-height: 110% !important;
}
.tscard_minidesc {
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    color: var(--c-white);
    margin-top: 21px;
    text-transform: initial;
    line-height: 118% !important;
}
.tscard_btn {
    height: 57px;
    width: 340px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--c-white);
    margin: 36px auto 0;
    border-radius: var(--br-40);
    font-weight: 700;
    font-size: 26px;
    text-transform: uppercase;
    text-align: center;
    color: #dcdcdc;
    cursor: pointer;
    transition: all 0.4s ease-in-out;
    border: none;
    outline: none;
    position: relative;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}
.tscard:nth-child(1) {
    background-color: #FF5F99;
}
.tscard:nth-child(2) {
    background-color: #FF2F7B;
}
.tscard:nth-child(3) {
    background-color: #E50054;
}
.tscard:nth-child(1) .tscard_svg  {
    background: linear-gradient(180deg, #ff5f99 0%, #eb3677 100%);
}
.tscard:nth-child(2) .tscard_svg  {
    background: linear-gradient(180deg, #ff2f7b 0%, #e41963 100%);
}
.tscard:nth-child(3) .tscard_svg  {
    background: linear-gradient(180deg, #e50054 0%, #c50048 100%);
}
.tscard:hover .tscard_btn {
    color: var(--c-black);
}
.tscard:hover {
    box-shadow: 15px 17px 16px 0 rgba(0, 0, 0, 0.2);
}
.tscard .tscard_svg {
    transition: transform 0.3s ease;
}
@keyframes pulse {
    0% { transform: scale(1) translate(-50%,-50%); }
    50% { transform: scale(1.025) translate(-50%,-50%); }
    100% { transform: scale(1) translate(-50%,-50%); }
}
.tscard:hover .tscard_svg {
    animation: pulse 0.6s ease infinite;
}
.card .button:active {
    transform: scale(0.95);
}
/***
Секция с акциями
***/
#karti {
    background-image: url('/wp-content/uploads/2025/02/cards-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 900px;
    display: flex;
    flex-flow: wrap column;
    justify-content: center;
    opacity: 0;
}
.kw_w_inner{
    position: relative;
    opacity: 0;
}
.karti_wrap {
    color: white;
    margin-top: 395px;
}
.sale-content {
    text-align: left;
}
.sale-content h2 {
    font-size: 32px;
    font-weight: bold;
    text-transform: uppercase;
}
.sale-content p {
    font-size: 18px;
    margin: 10px 0 20px;
}
.sale-btn {
    background: white;
    color: var(--c-red);
    height: 62px;
    border-radius: var(--br-30);
    font-weight: bold;
    padding: 0 48px;
    text-transform: uppercase;
    font-size: 28px;
    border: none;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 50px;
    transition: all 0.2s ease-in-out;
    border: none;
    outline: none;
    position: relative;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}
.sale-btn:hover {
    transform: translateY(2px);
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
}
#preimushestva {
    background-image: url('/wp-content/uploads/2025/02/apparati-bg.png');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 900px;
    display: flex;
    flex-flow: wrap column;
    justify-content: center;
}
.inn_apleft h4 {
    font-size: 72px;
    font-weight: var(--fw900);
    color: var(--c-red);
    line-height: 103% !important;
    text-transform: uppercase;
}
.inn_apleft>p {
    font-size: 42px;
    font-weight: 500;
    line-height: 143%;
    color: var(--c-black);
    margin-top: 50px;
}
.inn_apright {
    display: none;
}
.inn_apleft {
    max-width: 671px;
    opacity: 0;
}
.kww_i h2 {
    font-size: 72px;
    font-weight: var(--fw900);
    text-transform: uppercase;
    color: var(--c-white);
    line-height: 100% !important;
}
.kww_i h2 span {
    font-size: 52px;
}
.kww_i p {
    font-size: 42px;
    font-weight: 500;
    color: var(--c-white);
    line-height: 143%;
    margin-top: 50px;
}
.innt_list {
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.innt_list_item {
    font-size: 22px;
    color: var(--c-black);
    text-transform: uppercase;
    font-weight: 500;
    display: flex;
    align-items: center;
}
.innt_list_item + .innt_list_item {
    margin-top: 45px;
}
.innt_list_item span {
    font-weight: 900;
    margin-left: 5px;
    margin-right: 5px;
}
/*ABOUT US*/
.about {
    margin-top: 150px;
}
.about_wrap_title {
    font-weight: 500;
    font-size: 50px;
    line-height: 110%;
    color: var(--c-black);
}
.about_wrap_title span {
    color: var(--c-purple);
}
.about_wrap {
    margin-top: 30px;
}
.aboutwrbw_title {
    font-size: 20px;
    font-weight: 500;
    text-transform: inherit;
    color: var(--c-white);
    transition: .3s;
}
.aboutwrb_img {
    position: absolute;
    right: 0;
    bottom: 0;
}
.aboutwr_bx .aboutwrb_wrap {
    max-width: 251px;
}
.aboutwr_bxinner .aboutwrb_wrap {
    height: 100%;
    padding: 26px 32px;
    border: 2px solid var(--c-purple);
    border-radius: 20px;
}
.aboutwr_bxinner .aboutwrbw_title {
    font-size: 18px;
    font-weight: 500;
    color: var(--c-purple);
}
.aboutwr_bxinner .aboutwrbw_subtitle {
    font-size: 18px;
    color: var(--c-black);
    font-weight: 400;
}
.aboutwrbw_subtitle {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: #9d9d9d;
    margin-top: 14px;
}
.about_wrap p {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: var(--c-black);
    font-family: "Montserrat";
}
.about_wrap_rep {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: repeat(2,200px);
    grid-gap: 20px;
    margin-top: 50px;
}
.aboutwr_bx {
    border-radius: 20px;
    position: relative;
    padding: 40px 0 0 34px;
    overflow: hidden;
}

/*GIRLS*/
#girls {
    background-image: url('/wp-content/uploads/2025/02/girls_bg.png');
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
    min-height: 900px;
    display: flex;
    flex-flow: wrap column;
    justify-content: center;
}
.girls {
    padding-top: 120px;
}
.inner_girls {
    --elems:3;
    --gap:0;
    gap: var(--gap);
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.inng_text {
    margin: 175px 0 30px;
    text-align: center;
}
.inngt_title {
    font-size: 64px;
    line-height: 100% !important;
    text-transform: uppercase;
    font-weight: var(--fw900);
    color: var(--c-black);
}
.inng_text p{
    font-size: 28px;
    font-weight: 700;
    color: var(--c-black);
    text-transform: initial;
    margin-top: 93px;
    position: relative;
    line-height: 100%;
}
.inng_text p:after {
    content: '';
    position: absolute;
    top: -42px;
    left: 0;
    right: 0;
    width: 100% ;
    height: 9px;
    background-color: var(--c-red);
    border-radius: 30px;
}
.inng_text p span {
    margin-top: 30px;
    display: block;
}
.inner_girls > div img {
    height: 100%;
    object-fit: cover;
    width: 100%;
    display: block;
}
.inner_girls > div {
    width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
}
.inngt_btn {
    box-shadow: 2px 5px 61px 0 #ff0035;
    height: 62px;
    color: var(--c-white);
    text-transform: uppercase;
    padding: 0 47px 0 48px;
    background-color: var(--c-red);
    transition: .3s;
    width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 71px auto 0;
    font-size: 28px;
    font-weight: 700;
    border-radius: var(--br-70);
    line-height: 140%;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    border: none;
    outline: none;
    position: relative;
}
.inngt_btn:hover {
    transform: translateY(2px);
    box-shadow: 2px 3px 30px 0 #ff0035; /* уменьшаем тень */
}
/*Секция ЦЕНЫ*/
.tseni {
    text-align: center;
}

.tseni_title h4 {
    font-size: 56px;
    font-weight: var(--fw900);
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 107% !important;
}

.tseni_tabs {
    display: flex;
    justify-content: center;
    gap: 73px;
    margin-top: 59px;
}

.tseni_tab {
    border: 2px solid var(--c-red);
    border-radius: 62px;
    background: transparent;
    cursor: pointer;
    transition: 0.3s;
    height: 71px;
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    padding: 0 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: 700;
    text-transform: uppercase;
}
.tseni_tab.active {
    border-color: transparent;
}
.tseni_tab.active {
    background: #E50054;
    color: white;
}
.tseni_tab:hover {
    background: rgba(229, 0, 84, 0.8);
    color: white;
}
.tab_content {
    display: none;
}
.tab_content.active {
    display: block;
}
.tab_content_list {
    display: flex;
    --elems:3;
    --gap: 90px;
    gap: var(--gap);
    margin-top: 60px;
}
.tab_column {
    width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
    border-radius: var(--br-30);
    padding: 40px;
    border: 1px solid var(--c-red);
}
.tbi_name {
    display: flex;
    align-items: center;
    font-size: var(--fz18);
    font-weight: 700;
    text-transform: uppercase;
    color: var(--c-black);
    line-height: 120% !important;
}
.tab_content_item {
    display: flex;
    justify-content: space-between;
    align-items: center;

    text-align: left;
}
.tbi_name .innhlt_icon {
    margin-right: 10px;
}
.tab_content_item + .tab_content_item {
    margin-top: 42px;
}
.tbi_price {
    font-size: var(--fz18);
    text-transform: uppercase;
    color: var(--c-red);
    font-weight: var(--fw900);
    white-space: nowrap;
}
.inno_title .sw_btns {
    display: none;
}
#tseni {
    margin-top: 150px;
}
.twl_item {
    display: flex;
    align-items: center;
    gap: 0 30px;
    text-align: left;
}
.tseni_wrap {
    display: flex;
    gap: 20px;
}
.twl_list {
    margin-top: 40px;
}
.twl_title h4 {
    font-size: 46px;
    line-height: 120%;
    font-weight: 500;
    color: var(--c-purple);
    text-align: left;
}
.tseni_wrap > div {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.tseni_wrap_left {
    width: 572px;
    border-radius: 30px;
    border: 3px solid var(--c-purple);
    padding: 46px 60px;
}
.twli_img {
    min-width: 50px;
    min-height: 50px;
    max-width: 50px;
    max-height: 50px;
}
.twli_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.tseni_wrap_right {
    width: calc(100% - 572px - 10px);
    border-radius: 30px;
    padding: 46px 30px 50px;
    background-image: url("/wp-content/uploads/2025/03/skolko_stoit4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.twr_title h4 {
	text-align: left;
    font-size: 46px;
    font-weight: 500;
    line-height: 120%;
    color: var(--c-white);
}
.twr_title span {
    color: var(--c-pink);
    display: inline-block;
    width: 100%;
    text-align: left;
}
.twr_subtitle > p:nth-child(1) {
    font-size: 28px;
    color: var(--c-white);
    line-height: 130%;
    font-weight: 400;
    text-align: left;
    font-family: "Montserrat";
}
.twr_subtitle > p:nth-child(1) br {
    margin-bottom: 10px;
}

.twr_subtitle > p:nth-child(1) span {
    font-weight: bold;
}
.twr_subtitle {
    backdrop-filter: blur(10px);
    background: rgba(53, 53, 53, 0.15);
    width: 100%;
    border-radius: 20px;
    padding: 30px;
    margin-top: 30px;
}
/*Подключение*/
#podklychenie {
    background-image: url("/wp-content/uploads/2025/03/whyweare.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0 100px;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 150px;
}
.podkl_title {
    text-align: center;
}
.podkl_title h3 {
    font-size: 50px;
    font-weight: 500;
    line-height: 120%;
    color: var(--c-white);
}
.podkl_title span {
    color: var(--c-pink);
}
.podkl_wrap {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-template-rows: 190px;
    margin-top: 50px;
    grid-gap: 20px;
}
.podkl_subtitle {
    font-size: 22px;
    font-weight: 500;
    line-height: 130%;
    color: var(--c-white);
    z-index: 2;
    position: relative;
}
.podkl_item {
    padding: 50px 70px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    position: relative;
    padding: 10px;
    background: linear-gradient(135deg, #252525 0%, #1f1e26 100%);
    border-radius: 10px;
}
.animated-border-box, .animated-border-box-glow{
    max-height: 190px;
    max-width: 453px;
    height: 100%;
    width: 100%;
    position: absolute;
    overflow: hidden;
    z-index: 0;
    /* Border Radius */
    border-radius: 10px;
}

.animated-border-box-glow{
    overflow: hidden;
}

.animated-border-box:before, .animated-border-box-glow:before {
    content: '';
    z-index: -2;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(0deg);
    position: absolute;
    width: 99999px;
    height: 99999px;
    background-repeat: no-repeat;
    background-position: 0 0;
    /*border color, change middle color*/
    background-image: conic-gradient(from 0deg, rgba(0, 0, 0, 0) 0%, #4E0FFF 0%, #FF00E5 6%, transparent 30%);
    animation: rotate 4s linear infinite;
}

.animated-border-box:after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 2px;
    top: 2px;
    width: calc(100% - 3px);
    height: calc(100% - 3px);
    background: linear-gradient(135deg, #252525 0%, #1f1e26 100%);
    border-radius: 10px;
}

@keyframes rotate {
    100% {
        transform: translate(-50%, -50%) rotate(1turn);
    }
}

.block:after {
    filter: blur(50px);
}
.podkl_num {
    position: absolute;
    left: -35px;
    top: 50%;
    bottom: 0;
    font-size: 200px;
    color: var(--c-black);
}


.podkl_tbot {
    margin-top: 30px;
    text-align: center;
}
.podkl_tbot p {
    font-size: 20px;
    font-weight: 400;
    line-height: 130%;
    color: var(--c-white);
    font-family: "Montserrat";
}
.twrb_btn {
    margin: 50px auto;
}
.melkiy_text {
    display: inline-block;
    width: 100%;
    text-align: left;
    margin-top: 10px;
    color: var(--c-white);
    font-family: "Montserrat";
    font-size: 18px;
    font-weight: 400;
    line-height: 130%;
}
.animated-border-box {
    padding: 50px 70px;
}
.twrb_btn {
    height: 65px;
}
.twrb_info {
    text-align: left;

}
.twrb_info p {
    text-align: left;
    font-size: 18px;
    font-weight: 600;
    color: var(--c-white);
    font-family: "Montserrat";
    line-height: 130%;

}
.twr_bot {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 0 30px;
    align-items: center;
    margin-top: 15px;
}
.purple_plashka {
    width: max-content;
    background-color: var(--c-purple);
    margin-right: auto;
    padding: 7px 20px;
    border-radius: 50px;
    color: var(--c-white);
    font-size: 24px;
    font-weight: 500;
    margin-top: 70px;
}
.twl_list {
    display: flex;
    flex-direction: column;
    gap: 40px 0;
}
.tseni {
    background-image: url('/wp-content/uploads/2025/02/tseni_bg.png');
    background-size: cover;
    background-position: center -50vh;
    background-repeat: no-repeat;
}
.timer {
    position: relative;
    --imgWidth:850px;
    padding-top: 180px;
}
.timer:after {
    content: '';
    position: absolute;
    width: calc(100% - var(--imgWidth) + 183px);
    background-color: var(--c-red);
    height: 650px;
    top: 350px;
    left: 0;
    border-radius: 0 200px 200px 0;
}
.timer_wrap {
    display: flex;

}
.timerimg {
    width: var(--imgWidth);
}
.timerimg img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 2;
}
.timerw {
    width: calc(100% - var(--imgWidth));
    position: relative;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    z-index: 2;
}
.timer__title {
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 15px;
}

.timer__wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 5vh;
    width: 100%;
}

.timer__bg {
    fill: none;
    stroke: #fff;
    stroke-width: 6;
    opacity: 0.3;
}
.timer__circle {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.canvas_wrap {
    min-height:134px;
    min-width:134px;
    max-height:134px;
    max-width:134px;
}
.canvas_wrap canvas {
    width: 100%;
    height: 100%;
}
.timer_btnss {
    margin-top:5vh;
    text-align: left;
    margin-right: auto;
}
.timerw_title {
    font-size: 5vh;
    font-weight: var(--fw900);
    line-height: 115% !important;
    text-transform: uppercase;
    color: var(--c-white);
    width: 100%;
}
.tc_wrap {
    font-size: 3vh;
    font-weight: var(--fw900);
    line-height: 100%;
    text-transform: uppercase;
    color: var(--c-white);
    margin-top: 30px;
    width: 150px;
    white-space: nowrap;
}
.timerw_desc {
    font-size: 3vh;
    font-weight: 700;
    line-height: 100%;
    color: var(--c-white);
}
.timerw_btn {
    color: var(--c-red);
    height: 62px;
    padding: 0 48px;
    background-color: var(--c-white);
    text-transform: uppercase;
    font-size: 3vh;
    font-weight: 700;
    width: max-content;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--br-30);
    margin-top: 50px;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    border: none;
    outline: none;
    position: relative;
    box-shadow: 0 4px 0 rgba(0, 0, 0, 0.2);
}
.timerw_btn:hover {
    transform: translateY(2px);
    box-shadow: 2px 3px 30px 0 #ff0035; /* уменьшаем тень */
}
.timer__circle canvas {
    width: 134px !important;
    height: 134px !important;
}
/*
ADVANTAGES
*/
#advantages {
    background-image: url("/wp-content/uploads/2025/03/whyweare.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0 0;
    border-radius: 30px;
    overflow: hidden;
    margin-top: 200px;
}
.adv_wrap {
    display: flex;
    gap: 0 20px;
    margin-top: 70px;
    justify-content: space-between;
}
.advw_img {
    max-height: 620px;
    max-width: 690px;
    position: relative;
}
.advw_img img {
    object-fit: contain;
    height: 100%;
    display: block;
    width: 100%;
}
.advwwr_bx {
    max-width: 288px;
}
.adv_wrap .advwwr_bx:last-child .advw_title {
    text-align: right;
}
.adv_wrap .advwwr_bx:last-child .advw_subtitle {
    text-align: right;
}
.advw_title {
    font-size: 20px;
    font-weight: 500;
    line-height: 120%;
    color: var(--c-white);
}
.advwwr_bx {
    display: flex;
    flex-direction: column;
    gap: 54px 0;
    padding-top: 20px;
}
.advwi_btn {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c-white);
    margin: 0 auto;
    position: absolute;
    bottom: 40px;
    right: 50%;
    transform: translate(50%,0);
}
.advw_subtitle {
    font-size: 18px;
    margin-top: 14px;
    font-weight: 400;
    line-height: 130%;
    color: #9d9d9d;
}
.adv_title {
    width: 100%;
    text-align: center;
    max-width: 612px;
    margin: 0 auto;
    font-size: 50px;
    font-weight: 500;
    line-height: 120%;
    color: var(--c-white);
}
header .header__burger {
    display: none;
}
.adv_title span {
    color: var(--c-pink);
}
/*usloviya*/
#usloviya {
    background-image: url('/wp-content/uploads/2025/02/usloviya.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height:100vh;
    padding-top: 65px;
}
.usloviya {
    display: flex;
    align-items: flex-end;
    gap: 135px;
}
.usloviya_left {
    padding-bottom: 163px;
}
.usll_title {
    font-weight: var(--fw900);
    font-size: 5.5vh;
    color: var(--c-black);
    text-transform: uppercase;
    line-height: 110%;
    opacity: 0;
}
.usll_list {
    opacity: 0;
}
.usll_list li {
    gap: 40px;
    font-size: 24px;
    font-weight: 500;
    line-height: 125%;
    color: var(--c-black);
    display: flex;
    align-items: flex-start;
}
.usll_list li p {
    line-height: 150% !important;
}
.usll_list li p b {
    font-weight: var(--fw900);
}
.usll_list {
    margin-top: 70px;
    gap: 30px;
    display: flex;
    flex-direction: column;
}
.usll_list li span {
    font-weight: 900;
}
.usll_list .innhlt_icon {
    padding-top: 10px;
}
.usloviya_right {
    height: 100%;
    opacity: 0;
}
.usr_img {
    height: 100%;
}
.usr_img img {
    height: 100%;
    display: block;
    width: 100%;
    object-fit: cover;
}
.ussl_btn {
    width: max-content;
    height: 62px;
    background-color: var(--c-red);
    color: var(--c-white);
    text-transform: uppercase;
    font-size: 28px;
    line-height: 100%;
    font-weight: 700;
    margin-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--br-30);
    padding: 0 48px;
    cursor: pointer;
    /*transition: all 0.2s ease-in-out;*/
    border: none;
    outline: none;
    position: relative;
    opacity: 0;
}
.ussl_btn:hover {
    transform: translateY(2px);
    opacity: .7;
}
/*OTZIVI*/
#otzivi {
    background-color: #F4F4F4;
    padding: 190px 0 190px;
}
.otzivi {

    position: relative;
}
.otziv_img {
    width: 50px;
    height: 50px;
    background-color: #D9D9D9;
    border-radius: 50%;
}
.otziv_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.otziv_content {
    margin-top: 14px;
}
.otziv_content p {
    font-size: 18px;
    font-weight: 400;
    line-height: 125%;
    color: var(--c-black);
}
.otziv_gallery {
    display: flex;
    gap: 10px;
    margin-top: 19px;
}
.otziv_gallery img {
    width: 81px;
    height: 81px;
    object-fit: contain;
}
.stars {
    display: flex;
    gap: 4px;
    align-items: center;
    margin-left: 8px;
}
.name_date {
    margin-left: 17px;
}
.name_date h4 {
    font-size: 22px;
    font-weight: var(--fw900);
    line-height: 100%;
    color: var(--c-black);
}
.ndate {
    font-weight: 500;
    font-size: 14px;
    line-height: 143%;
    color: #717171;
}
.stars svg {
    width: 25px;
    height: 25px;
}
.otz_wrap {
    display: flex;
    align-items: flex-start;
    height: 50px;
}
.otziv_wrap {
    padding: 33px 32px 28px 31px;
    background-color: var(--c-white);
    border-radius: var(--br-30);
    min-height: 305px;
}
.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after,
.swiper-button-prev::after, .swiper-rtl .swiper-button-next::after{
    display: none;
}
.sw_btns {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
}
.sw_prev {
    left: 30px;
}
.sw_next {
    right: 30px;
}
.inno_top {
    margin-top: 60px;
}
.inno_title h3 {
    font-size: 50px;
    font-weight: var(--fw900);
    color: var(--c-black);
    line-height: 140%;
    text-transform: uppercase;
    text-align: center;
}
.inno_title span {
    padding: 2px 40px;
    background-color: var(--c-red);
    border-radius: var(--br-70);
    color: var(--c-white);
    text-transform: uppercase;
    line-height: 100%;
}
.inner_otzbot {
    display: flex;
    gap: var(--gap);
    --gap: 24px;
    margin-top: 58px;
    --elems:3;
}
.iowp_img {
    width: 55px;
    height: 55px;
}
.iowp_img img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.inner_otzbot > div {
    width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
    display: flex;
    align-items: center;
    background-color: var(--c-white);
    border-radius: var(--br-30);
    padding: 0 30px 0 10px;
    height: 71px;
}
.iowp_counter {
    display: flex;
    align-items: center;
    margin-left: 19px;
    gap: 10px;
    font-size: 28px;
}
.iowpc_num {
    font-weight: var(--fw900);
    color: var(--c-black);
    line-height: 100%;
}
.iowpc_slovo {
    font-weight: 500;
}
.inno_wrap .stars {
    margin-left: auto;
}
.innotzb_title {
    font-size: 50px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 72%;
    color: var(--c-black);
    text-align: center;
}
.inntt_span {
    font-weight: var(--fw900);
    color: var(--c-white);
    background-color: var(--c-red);
    padding: 10px 30px;
    display: inline-block;
    margin: 0 0 0 10px;
    border-radius: var(--br-30);
}
.strong_span {
    font-weight: var(--fw900);
}
.innotzb_title {
    margin: 60px auto 0;
}
.innotzb_btn {
    height: 71px;
    border-radius: var(--br-70);
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: var(--c-red);
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin: 37px auto 0;
    font-size: 28px;
    padding: 0 48px 0 47px;
    font-weight: 700;
    cursor: pointer;
    text-transform: uppercase;
    line-height: 100%;
    color: var(--c-white);
    transition: all 0.2s ease-in-out;
    border: none;
    outline: none;
    position: relative;
}
.innotzb_btn:hover {
    transform: translateY(2px);
    box-shadow: 2px 3px 4px 0 #ff0035; /* уменьшаем тень */
}
/*TEEAM*/
.team {
    background-color: var(--c-red);
    padding: 159px 0 129px;
}
.innt_sw-btns {
    display: flex;
    max-width: max-content;
    margin: 68px auto 0;
    justify-content: space-between;
}
.sw_pag  .swiper-pagination-bullet{
    width: 22px;
    height: 22px;
}
.sw_pag {
    margin-left: 51px;
    margin-right: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#komanda .swiper-button-next, .swiper-button-prev {
    position: relative;
    margin: unset;
}
#komanda .swiper-pagination-bullet-active {
    background-color: var(--c-white) !important;
}
#komanda .swiper-pagination-bullet {
    background-color: #95001F;
    opacity: 1;
}
.innt_title {
    text-align: center;
}
.innt_title h4 {
    font-size: 56px;
    font-weight: var(--fw900);
    color: var(--c-white);
    line-height: 110%;
    text-transform: uppercase;
}
.team_sl {
    margin-top: 100px;
}
.inner_tbmw_wrap {
    background-color: var(--c-white);
    padding: 50% 21px 33px;
    border-radius: 37px;
}
.teammber_wrap {
    position: relative;
    overflow: visible;
}
.tmbw_img {
    position: relative;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
    padding-bottom: 40%;
}
.tmbw_img img {
    position: absolute;
    top: 15%;
    width: 90%;
    margin: 0 auto;
    left: 50%;
    transform: translate(-50%,0);
}
.inner_tbmw_wrap .name {
    font-size: 32px;
    font-weight: var(--fw900);
    line-height: 100%;
    text-align: center;
    color: var(--c-red);
}
.inner_tbmw_wrap .position {
    font-size: 23px;
    font-weight: 500;
    color: var(--c-black);
    text-align: center;
    margin-top: 10px;
    line-height: 110%;
}
.ft_logos {
    display: flex;
    gap: 32px;
    align-items: center;
}
.ft_logos svg {
    width: 32px;
    height: 32px;
}
.footer {

}
.foot_webnow {
    align-items: center;
    font-family: "Montserrat";
}

.foot_webnow a {
    display: inline-block;
    margin-left: 6px;
    font-weight: 700;
}
.footer_top {
    display: flex;
    justify-content: space-between;
    padding: 25px 0;
}
.footer .innfb_wrapper {
    --elems:4;
    --gap: 70px;
    gap: 0 var(--gap);
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
}
.footer .innfb_wrapper > div {
    width: calc((100% - var(--gap) * (var(--elems) - 1)) / var(--elems));
    color: var(--c-white);
}
.her .animated-border-box::before, .animated-border-box-glow::before {
    background-image: conic-gradient(from 0deg, rgba(0, 0, 0, 0) 0%, #FFF 0%, #A6A6A6 6%, transparent 30%);
}
.her .animated-border-box::after {
    background: var(--c-pink);
}
.her .animated-border-box, .animated-border-box-glow {
    max-height: 85px;
    max-width: 350px;
}

.her .animated-border-box {
    padding: unset;
}
.her .animated-border-box {
    display: flex;
    align-items: center;
    justify-content: center;
}
.her {
    bottom: 0;
    position: relative;
    height: 65px;
    width: 295px;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    justify-self: flex-start;
    transition: .3s;
    cursor: pointer;
}
.her:hover {
    opacity: .7;
}
.innfbwi_city {
    font-size: 24px;
    font-weight: var(--fw900);
    line-height: 140%;
    color: var(--c-red);
}
.innfbwi_adres {
    font-weight: 500;
    color: var(--c-white);
    margin-top: 15px;
}
.innfbwi_tel a {
    font-weight: var(--fw900);
    color: var(--c-white);
}
.innfbwi_tel {
    margin-top: 15px;
}
.innfbw_item:nth-child(1),
.innfbw_item:nth-child(2),
.innfbw_item:nth-child(3),
.innfbw_item:nth-child(4) {
    border-bottom: 1px solid #272727;
    padding-bottom: 45px;
}
.innfbw_item:nth-child(5),
.innfbw_item:nth-child(6),
.innfbw_item:nth-child(7),
.innfbw_item:nth-child(8) {
    padding-top: 61px;
}

/*BURGER*/
#burger{
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    background: var(--c-red);
    font-size: 32px;
    padding: 16px 16px 32px 32px;
    border-radius: 0% 0% 0% 100%;
    transition: .5s;
    cursor: pointer;
    display: none;
}

#quit{
    position: fixed;
    top: 5px;
    right: 5px;
    color: white;
    font-size: 32px;
    padding: 16px;
    display: none;
    cursor: pointer;
}
#quit svg path {
    fill: var(--c-white);
}
/*#quit svg {*/
/*    width: 30px;*/
/*    height: 30px;*/
/*}*/
body.showBurger #burger svg{
    display: none;
}
#links{
    display: none;
    flex-direction: column;
    width: 100vw;
    height: 50vh;
    padding: 25vh 0;
    justify-content: space-around;
}

#links a{
    text-align: center;
    text-decoration: none;
    color: white;
    font-size: 2em;
    font-family: 'Roboto';
    z-index: 10;
}
.header__mobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
    transform: translateX(-100%);
    transition: transform 0.4s ease-in-out;
}
html[lang="uz"] .inno_title span {
    color: var(--c-black);
    background-color: initial;
    padding: 0;
}
.header__mobile.active {
    transform: translateX(0);
}

.menu_mob {
    list-style: none;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    text-align: center;
    backdrop-filter: blur(10px);
    box-shadow: 0 0 15px rgba(255, 255, 255, 0.2);
    width: 90%;
    max-width: 320px;
    padding: 30px;
    margin: 0 auto;
}

.menu_mob li {
    margin: 15px 0;
}

.menu_mob a {
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 600;
    transition: color 0.3s ease;
}

.menu_mob a:hover {
    color: #ff3366;
}

.header__mob-info {
    margin-bottom: 20px;
    text-align: center;
}

.header__mob-info a {
    display: block;
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    transition: color 0.3s ease;
}

.header__mob-info a:hover {
    color: #ff3366;
}

.header__right-lang {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-bottom: 20px;
}

.header__right-lang img {
    width: 28px;
    height: 28px;
    cursor: pointer;
    transition: transform 0.3s ease;
}

.header__right-lang img:hover {
    transform: scale(1.2);
}