html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
body {
    line-height:1;
}
* {
    -webkit-tap-highlight-color: transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}

nav ul {
    list-style:none;
}
input, select {
    vertical-align:middle;
}
*,
*::after,
*::before{
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}
a{
    color: inherit;
    text-decoration: none;
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


@font-face {
    font-family: 'Gilroy Bold';
    font-weight: 700;
    font-style: normal;
    src: url('../fonts/Gilroy-Bold.eot');
    src: url('../fonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Bold.woff') format('woff'),
         url('../fonts/Gilroy-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Gilroy Light';
    font-weight: 300;
    font-style: normal;
    src: url('../fonts/Gilroy-Light.eot');
    src: url('../fonts/Gilroy-Light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Light.woff') format('woff'),
         url('../fonts/Gilroy-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Gilroy Medium';
    font-weight: 500;
    font-style: normal;
    src: url('../fonts/Gilroy-Medium.eot');
    src: url('../fonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Medium.woff') format('woff'),
         url('../fonts/Gilroy-Medium.ttf') format('truetype');
}
@font-face {
    font-family: 'Gilroy Regular';
    font-weight: 400;
    font-style: normal;
    src: url('../fonts/Gilroy-Regular.eot');
    src: url('../fonts/Gilroy-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-Regular.woff') format('woff'),
         url('../fonts/Gilroy-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Gilroy SemiBold';
    font-weight: 600;
    font-style: normal;
    src: url('../fonts/Gilroy-SemiBold.eot');
    src: url('../fonts/Gilroy-SemiBold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Gilroy-SemiBold.woff') format('woff'),
         url('../fonts/Gilroy-SemiBold.ttf') format('truetype');
}


html,body{
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    font-style: normal;
    scroll-behavior: smooth;
    background-color: #fff;
    color: #717171;
    min-width: 354px;
}
body{
    min-width: 354px;
}
.container{
    max-width: 1210px;
    padding: 0 15px;
    margin: 0 auto;
}





.header{
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    background: #FFF;
    z-index: 333;
    padding: 15px 0;
}
.header__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.header__logo{
    width: 86px;
    height: 60px;
}
.header__logo-img{
    width: 100%;
}
.header__menu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 32px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__menu-link{
    color: #333;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
}

.header__end{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__btns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.header__btn-item{
    padding: 8px;
    border-radius: 100px;
    border: 1px solid #DDD;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.header__end-num{
    color: #333;
    font-family: 'Gilroy SemiBold', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.header__end-schedule{
    color: #606060;
    font-family: 'Gilroy Light', sans-serif;
    font-size: 12px;
    font-weight: 300;
}
.header__end-btn{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 100px;
    border: 1px solid #DDD;
    padding: 8px;
    position: relative;
    cursor: pointer;
}
.header__btn-total{
    position: absolute;
    z-index: 2;
    color: #FFF8F8;
    text-align: center;
    font-size: 12px;
    background-color: #4A52EB;
    width: 20px;
    height: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
    border-radius: 50%;
    top: -6px;
    right: -5px;
}




.main__content{
    max-width: 579px;
}
.main__title{
    color: #333;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 20px;
}
.main__sub-title{
    margin-bottom: 44px;
    color: #4A52EB;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
}
.main__action{
    color: #333;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    letter-spacing: 0.72px;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.main__propose{
    color: #4A52EB;
    font-size: 24px;
}
.main{
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.main::after{
    position: absolute;
    content: '';
    background: url('../img2/main/bg-2.webp');
    background-size: cover;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.main::before{
    position: absolute;
    content: '';
    background: url('../img2/main/bg.webp');
    background-size: 100%;
    background-repeat: no-repeat;
    top: 52%;
    left: 60%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1548px;
    height: 532px;

}
.main__inner{
    height: calc(100vh - 49px);
    min-height: 518px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
}

.main__discount{
    position: relative;
    z-index: 6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background: #4A52EB;
    padding: 7px 0;
}
.main__discount-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 120px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.discount__timer{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 21px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.main__discount-name{
    color: #FFF;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0.72px;
    text-transform: uppercase;
}

.discount__timer-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.discount__timer-box{
    color: #FFF;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0.8px;
    text-transform: uppercase;
}
.discount__timer-label{
    color: #FFF;
    font-size: 10px;
    letter-spacing: 0.4px;
}






















.category__block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    padding: 24px 0;
}
.category__block-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.category__block-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.category__block-descr{
    color: #333;
    font-size: 18px;
}
.category__selector{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}
.category__selector-item{
    text-wrap: nowrap;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 100px;
    padding: 14px 22px;
    color: #4A52EB;
    text-align: center;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #4A52EB;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.category__selector-item.active{
    color: #FFF;
    background: #4A52EB;
}
.category__selector-item:hover{
    color: #FFF;
    background: #4A52EB;
}
.category__bg{
    background: #F8F8F8;
    padding: 13px 0;
}

.category__content{
    margin-top: 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}
.category__item{
    position: relative;
    width: calc(33.33% - 14px);
    border-radius: 4px;
    background: #FFF;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.12);
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.category__item:hover{
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.30);
            box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.30);
}
.category__image{
    border-radius: 4px 4px 0 0;
    overflow: hidden;
    position: relative;
}
.category__slider .slick-dots {
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
    bottom: 49px;
    gap: 6px;
}
.category__slider .slick-dots li {
    list-style: none;
}
.category__slider .slick-dots button {
    background-color: #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
    border: none;
    font-size: 0;
    width: 12px;
    height: 12px;
}
.category__slider .slick-dots li.slick-active button {
    background-color: #4A52EB;
}


.category__slider .swiper-pagination{
    bottom: 50px !important;
}
.category__slider .swiper-pagination-bullet{
    background-color: #FFFFFF !important;
    opacity: 1 !important;
    width: 15px;
    height: 15px;
}
.category__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #4A52EB !important;
}


.category__top-sale{
    position: absolute;
    top: 12px;
    left: 12px;
    color: #FFF;
    text-align: center;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 34px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 100px;
    background: #4A52EB;
    width: 101px;
    z-index: 2;
}

.category__top-block{
    position: absolute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 6px;
    top: 12px;
    right: -1px;
    z-index: 2;
}

.category__top-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 8px;
    border-radius: 8px 0px 0px 8px;
    background: rgba(255, 255, 255, 0.63);
    -webkit-backdrop-filter: blur(6px);
            backdrop-filter: blur(6px);
    padding: 9px;
}
.category__top-name{
    color: #333;
    text-align: center;
    font-size: 12px;
}
.category__top-name.active{
    color: #4A52EB;
}
.category__item-middle{
    background: #333;
    margin-top: -35px;
    position: relative;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 11px 24px 10px;
}
.category__middle-name{
    color: #FFF;
    font-size: 12px;
}

.category__item-content{
    padding: 24px;
}

.category__sizes-name{
    color: #333;
    font-size: 14px;
    margin-bottom: 12px;
}
.category__sizes-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 20px;
}
.category__sizes-item{
    text-wrap: nowrap;
    outline: none;
    cursor: pointer;
    border: none;
    border-radius: 8px;
    padding: 10px;
    color: #333333;
    text-align: center;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
    background-color: transparent;
    border: 1px solid #DDD;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
    position: relative;
    z-index: 1;    posi
}
.category__sizes-item.active{
    color: #FFF;
    background: #4A52EB;
}
.category__sizes-item:hover{
    color: #FFF;
    background: #4A52EB;
}
.size-item-hidden:after {
    content: "";
    display: block;
    height: 53px;
    width: 1px;
    background: #DDD;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(49deg);
    z-index: -1;
}
.size-item-hidden{
    background-color: transparent !important;
    border: 1px solid #DDD !important;
    color: #717171 !important;
    cursor: default !important;
}
.category__item-characteristic{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
    margin-bottom: 16px;
}
.category__characteristic-item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.category__characteristic-name{
    color: #606060;
    font-family: 'Gilroy Light', sans-serif;
    font-size: 14px;
    font-weight: 300;
}
.category__characteristic-descr{
    color: #000000;
    text-align: right;
    font-size: 14px;
}
.category__prise{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 18px;
}
.category__prise-name {
    display: block;
    font-size: 12px;
    color: #717171;
}
.category__price-new{
    color: #4A52EB;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 36px;
    font-weight: 700;
}
.category__price-old{
color: #717171;
text-align: right;
font-size: 30px;
font-weight: bold;
position: relative;
}
.category__price-old:before {
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    content: "";
    border-bottom: 1px solid #999;
}

.category__buy{
    width: 100%;
    padding: 18px;
    color: #FFF;
    text-align: center;
    font-family: 'Gilroy SemiBold', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    border-radius: 8px;
    border: 1px solid #4A52EB;
    background: #4A52EB;
    cursor: pointer;
    outline: none;
}



.category__pages{
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid #F0F0F0;;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 24px;
}

.category__page-prev,
.category__page-next,
.category__page-link{
    outline: none;
    background: transparent;
    border: none;
    cursor: pointer;
}

.category__page-link{
    color: #1B1B1B;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    padding: 11px 16px;
    border-radius: 4px;
    -webkit-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.category__pages-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
}
.category__page-link.active{
    background: #4A52EB;
    color: #fff;
}

.category__page-link:hover{
    background: #4A52EB;
    color: #fff;
}






.reviews{
    margin-top: 100px;
    position: relative;
}
#reviews{
    position: absolute;
    top: -100px;
}
.reviews__title{
    color: #333;
    text-align: center;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.reviews__img{
    width: 100%;
}

.reviews__slider{
    position: relative;
}
.reviews__slider::after{
    pointer-events: none;
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    width: 88px;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#FFF), to(rgba(255, 255, 255, 0.00)));
    background: -o-linear-gradient(left, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    background: linear-gradient(90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    z-index: 234;
}
.reviews__slider::before{
    pointer-events: none;
    position: absolute;
    content: '';
    right: 0;
    top: 0;
    width: 88px;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(#FFF), to(rgba(255, 255, 255, 0.00)));
    background: -o-linear-gradient(right, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);
    background: linear-gradient(-90deg, #FFF 0%, rgba(255, 255, 255, 0.00) 100%);    z-index: 234;
}

.reviews__slider-item{
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.12);
            box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.12);
    position: relative;
    opacity: 0.3;
}
.reviews__slider-item::after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: rgba(211, 211, 211, 0.5);
}

.reviews__slider.swiper-container {
    width: 100%;
    padding-top: 44px;
    padding-bottom: 50px;
    overflow: hidden;
}
.reviews__slider .swiper-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.reviews__slider .swiper-slide-prev,
.reviews__slider .swiper-slide-active{
    opacity: 1;
}
.reviews__slider .swiper-slide-prev::after,
.reviews__slider .swiper-slide-active::after{
    content: none;
}

.reviews__slider .swiper-pagination-bullet{
    background-color: #E6E6E6 !important;
    opacity: 1 !important;
    width: 16px;
    height: 16px;
}

.reviews__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #4A52EB !important;
}
.reviews__slider .swiper-pagination{
    bottom: 0px !important;
}





.about{
    margin-top: 100px;
    background: #F8F8F8;
    padding-top: 100px;
    padding-bottom: 95px;
    overflow: hidden;
    position: relative;
}
#about{
    position: absolute;
    top: -50px;
}
.about__title{
    text-align: center;
    color: #333;
    text-align: center;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 44px;
}
.about__block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 152px;
}
.about__block-content{
    max-width: 50%
}
.about__descr{
    color: #333;
    font-size: 16px;
    line-height: 23px; /* 143.75% */
}
.about__images{
    position: relative;
    right: 4px;
    top: 20px;
    pointer-events: none;
}
.about__img-1{
    position: relative;
    top: -8px;
    right: -10px;
    z-index: 2;
}
.about__img-2 {
    position: absolute;
    left: -170px;
    bottom: -41px;
    z-index: 3;
}
.video{
    display: none;
    margin-top: 100px;
}
.video__title{
    text-align: center;
    color: #333;
    text-align: center;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 44px;
}
.video__block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    max-width: 779px;
    margin: 0 auto;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.video__img{
    width: 100%;
    border-radius: 41.645px;
    border: 15.302px solid #FFF;
    -webkit-box-shadow: 8.32896px 12.49344px 62.46718px 0px rgba(74, 82, 235, 0.21);
            box-shadow: 8.32896px 12.49344px 62.46718px 0px rgba(74, 82, 235, 0.21);
}
.video__block:hover{
    -webkit-transform: scale(1.015);
        -ms-transform: scale(1.015);
            transform: scale(1.015);
}

.video__btn{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    cursor: pointer;
    outline: none;
    background: transparent;
    border: none;
    z-index: 1;
}
.video__btn::after{
    position: absolute;
    content: '';
    width: 155.455px;
    height: 155.455px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    fill: rgba(255, 255, 255, 0.32);
    stroke-width: 1.727px;
    border-radius: 50%;
    -webkit-backdrop-filter: blur(6.909055709838867px);
            backdrop-filter: blur(6.909055709838867px);
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="156" height="156" viewBox="0 0 156 156" fill="none"><g filter="url(%23filter0_b_321_2699)"><circle cx="78.0007" cy="78.0007" r="77.7273" fill="white" fill-opacity="0.32"/><circle cx="78.0007" cy="78.0007" r="76.8636" stroke="white" stroke-width="1.72726"/></g><defs><filter id="filter0_b_321_2699" x="-13.5447" y="-13.5447" width="183.09" height="183.089" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feGaussianBlur in="BackgroundImageFix" stdDeviation="6.90906"/><feComposite in2="SourceAlpha" operator="in" result="effect1_backgroundBlur_321_2699"/><feBlend mode="normal" in="SourceGraphic" in2="effect1_backgroundBlur_321_2699" result="shape"/></filter></defs></svg>');
    z-index: -1;
}
.video__btn::before{
    position: absolute;
    content: '';
    width: 190px;
    height: 190px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.32);
    border-radius: 50%;
    z-index: -1;
}

.partners{
    margin-top: 100px;
    position: relative;
}
#partners{
    position: absolute;
    top: -100px;
}
.partners__img{
    width: 100%;
    max-width: 80%;
    height: max-content;
}
.partners__top{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.partners__title{
    color: #333;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}

.partners__btn-prev,
.partners__btn-next{
    outline: none;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

.partners__btns{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.partners__btn-prev:hover svg{
    fill: #F4F4F4;
}

.partners__slider-item{
    border-radius: 12px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 145px !important;
}

.partners__slider-item{
    border-radius: 12px;
    border: 1px solid #F0F0F0;
    background: #FFF;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 145px !important;
}

.partners__inner{
    overflow: hidden;
}
.partners__slider.swiper-container{
    padding-top: 44px;
    padding-bottom: 49px;
}
.partners__slider {
    position: relative;
}
.partners__slider .swiper-slide-prev,
.partners__slider .swiper-slide-active{
    opacity: 1;
}
.partners__slider .swiper-slide-prev::after,
.partners__slider .swiper-slide-active::after{
    content: none;
}

.partners__slider .swiper-pagination-bullet{
    background-color: #E6E6E6 !important;
    opacity: 1 !important;
    width: 16px;
    height: 16px;
}

.partners__slider .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: #4A52EB !important;
}
.partners__slider .swiper-pagination{
    bottom: 0px !important;
}

.swiper-grid-column>.swiper-wrapper {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
}


.info{
    margin-top: 100px;
    background: #4A52EB;
    padding: 32px 0;
}
.info__block{
    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;
    gap: 35px;
}
.info__block.svg{
    min-height: 45px;
    min-width: 2px;
    width: 2px !important;
}
.info__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
    max-width: 344px;
}
.info__item-icon{
    border-radius: 100px;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.info__item-name{
    color: #FFF;
    font-family: 'Gilroy SemiBold', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.56px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.info__item-descr{
    color: #FFF;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}



.footer{
    padding: 32px 0;
}
.footer__inner{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.footer__content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 85px;
}

.footer__content-links{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 32px;
}
.footer__block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 37px;
}

.foote__link{
    color: #333;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-transform: uppercase;
}


.footer__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
    gap: 14px;
}
.footer__item-icon{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 12px;
    border-radius: 100px;
    border: 1px solid #DDD;
}

.footer__item-name{
    color: #333;
    font-family: 'Gilroy Medium', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 5px;
}
.footer__item-descr{
    color: #606060;
    font-family: 'Gilroy Light', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.footer__end{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 24px;
    margin-top: -63px;
}
.footer__end-name{
    color: #606060;
    font-family: 'Gilroy Light', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: normal;
}

.cart{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 118, 251, 0.23)), to(rgba(111, 118, 251, 0.23))), rgba(255, 255, 255, 0.85);
    background: -o-linear-gradient(bottom, rgba(111, 118, 251, 0.23) 0%, rgba(111, 118, 251, 0.23) 100%), rgba(255, 255, 255, 0.85);
    background: linear-gradient(0deg, rgba(111, 118, 251, 0.23) 0%, rgba(111, 118, 251, 0.23) 100%), rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(11px);
            backdrop-filter: blur(11px);
    z-index: 999;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.cart.show{
    opacity: 1;
    pointer-events: all;
}
.cart__inner{
    border-radius: 18px;
    background: #F8F6EF;
    padding: 54px;
    max-width: 780px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 40px;
    position: relative;
}
.cart__title{
    color: #333;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 17px;
}

.cart__item{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
    padding: 14px 0;
    border-bottom: 1px solid #E5E5E5;
}
.cart__item-image{
    min-width: 90px;
    width: 90px;
    min-height: 90px;
    height: 90px;
    border-radius: 8px;
    -o-object-fit: contain;
       object-fit: contain;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.cart__item-img{
    height: 100%;
}

.cart__item-content{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: flex-start;
    width: 100%;
    gap: 10px;
}
.cart__item-name{
    color: #333;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
}

.cart__item-bottom{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.cart__item-about{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 12px;
}
.cart__item-descr{
    color: #333;
    font-size: 14px;
}
.cart__item-end{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 40px;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
}
.cart__item-price{
    min-width: 4.5em;
    color: #4A52EB;
    text-align: right;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 18px;
    font-weight: 700;
}
.cart__item-delete{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 13px;
    cursor: pointer;
}

.cart__content{
    margin-top: 28px;
}
.cart__content-descr{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin-bottom: 35px;
}
.cart__content-rows{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
    margin-bottom: 15px;
}
.cart__content-name{
    color: #333;
    font-size: 14px;
}
.cart__content-total, .cart__content-coupon_discount, .cart__content-packing {
    color: #4A52EB;
    text-align: right;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 24px;
    font-weight: 700;
}
.cart__fomr-name{
    color: #333;
    font-size: 20px;
    margin-bottom: 20px;
}

.cart__form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 20px;
}
.cart__form-input{
    width: calc(50% - 10px);
    border-radius: 8px;
    border: 1px solid #B3B5E4;
    color: #6E6E6E;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 18px;
}
.cart__form-input::-webkit-input-placeholder{
    color: #6E6E6E;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cart__form-input::-moz-placeholder{
    color: #6E6E6E;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cart__form-input:-ms-input-placeholder{
    color: #6E6E6E;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cart__form-input::-ms-input-placeholder{
    color: #6E6E6E;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cart__form-input::placeholder{
    color: #6E6E6E;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.cart__form-label{
    width: calc(50% - 10px);
}

.cart__form-label{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    color: #333;
    font-family: 'Gilroy SemiBold', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin: 21px 0;
    cursor: pointer;
}
.cart__form-promo{
    opacity: 0;
    pointer-events: none;
    position: absolute;
}
.cart__form-promo.show{
    opacity: 1;
    pointer-events: all;
    position: relative;
}
.cart__form-btns{
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 20px;
}
.cart__form-confirm{
    width: 100%;
    cursor: pointer;
    outline: none;
    padding: 18px;
    border-radius: 8px;
    border: 1px solid #4A52EB;
    background: #4A52EB;
    color: #FFF;
text-align: center;
font-family: 'Gilroy SemiBold', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.cart__form-close{
    width: 100%;
    cursor: pointer;
    outline: none;
    padding: 18px;
    border-radius: 8px;
    border: 1px solid #4A52EB;
    background: rgba(74, 82, 235, 0.18);
    color: #FFF;
text-align: center;
font-family: 'Gilroy SemiBold', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
color: #4A52EB;
}

.cart__form-checkbox {
    -moz-appearance: none;
    appearance: none;
    -webkit-appearance: none;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.cart__form-checkbox + .checkmark {
    position: relative;
    top: 0;
    left: 0;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
}
.cart__form-checkbox + .checkmark:before {
    content: '';
    position: absolute;
    left: 0;
    bottom: -12px;
    width: 24px;
    height: 24px;
    border: 1px solid #4A52EB;
    border-radius: 4px;
}
.cart__form-checkbox:checked + .checkmark:before {
    background-color: #4A52EB;
}
.cart__form-checkbox:checked + .checkmark:after {
    content: '';
    position: absolute;
    left: 5px;
    top: -6px;
    width: 14px;
    height: 14px;
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><g clip-path="url(%23clip0_321_4692)"><path fill-rule="evenodd" clip-rule="evenodd" d="M12.5682 2.98304C12.7322 3.14713 12.8244 3.36965 12.8244 3.60167C12.8244 3.83369 12.7322 4.05621 12.5682 4.22029L6.00977 10.7787C5.9231 10.8654 5.8202 10.9342 5.70695 10.9811C5.5937 11.028 5.47232 11.0522 5.34973 11.0522C5.22715 11.0522 5.10576 11.028 4.99251 10.9811C4.87926 10.9342 4.77636 10.8654 4.68969 10.7787L1.43119 7.52079C1.34762 7.44008 1.28096 7.34352 1.2351 7.23677C1.18924 7.13002 1.16511 7.0152 1.1641 6.89902C1.16309 6.78284 1.18523 6.66762 1.22922 6.56008C1.27322 6.45255 1.33819 6.35485 1.42034 6.2727C1.5025 6.19054 1.6002 6.12557 1.70773 6.08157C1.81526 6.03758 1.93048 6.01544 2.04667 6.01645C2.16285 6.01746 2.27767 6.0416 2.38442 6.08745C2.49117 6.13331 2.58772 6.19997 2.66844 6.28354L5.34944 8.96454L11.3304 2.98304C11.4116 2.90173 11.5081 2.83723 11.6143 2.79322C11.7205 2.74921 11.8343 2.72656 11.9493 2.72656C12.0642 2.72656 12.1781 2.74921 12.2843 2.79322C12.3904 2.83723 12.4869 2.90173 12.5682 2.98304Z" fill="white"/></g><defs><clipPath id="clip0_321_4692"><rect width="14" height="14" fill="white"/></clipPath></defs></svg>');
}
.cart__close{
    cursor: pointer;
    outline: none;
    background: transparent;
    border: none;
    position: absolute;
    top: -58px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}





.confirm{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 118, 251, 0.23)), to(rgba(111, 118, 251, 0.23))), rgba(255, 255, 255, 0.85);
    background: -o-linear-gradient(bottom, rgba(111, 118, 251, 0.23) 0%, rgba(111, 118, 251, 0.23) 100%), rgba(255, 255, 255, 0.85);
    background: linear-gradient(0deg, rgba(111, 118, 251, 0.23) 0%, rgba(111, 118, 251, 0.23) 100%), rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(11px);
            backdrop-filter: blur(11px);
    z-index: 999;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.confirm.show{
    opacity: 1;
    pointer-events: all;
}
.confirm__inner{
    border-radius: 18px;
    background: #F8F6EF;
    padding: 100px;
    max-width: 580px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 40px;
    position: relative;
}
.confirm__title{
    color: #333;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 44px;
    text-align: center;
}
.confirm__descr{
    color: #333;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 24px;
}

.code__form{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}
.code__form-block{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    max-width: 216px;
    margin: 0 auto;
    margin-bottom: 16px;
}
.code__form-input{
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #B3B5E4;
    padding: 18px;
    width: 100%;
}
.code__form-label{
    text-align: center;
    display: block;
    color: #6E6E6E;
    text-align: center;
    font-family: 'Gilroy Light', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 300;
    line-height: 21px; /* 150% */
    margin-bottom: 32px;
}
.code__form-btn{
    width: 100%;
    border-radius: 8px;
    border: 1px solid #4A52EB;
    background: #4A52EB;
    padding: 18px;
    color: #FFF;
    text-align: center;
    font-family: 'Gilroy SemiBold', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    outline: none;
    cursor: pointer;
}

.confirm__close{
    cursor: pointer;
    outline: none;
    background: transparent;
    border: none;
    position: absolute;
    top: -58px;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}



.thank{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(111, 118, 251, 0.23)), to(rgba(111, 118, 251, 0.23))), rgba(255, 255, 255, 0.85);
    background: -o-linear-gradient(bottom, rgba(111, 118, 251, 0.23) 0%, rgba(111, 118, 251, 0.23) 100%), rgba(255, 255, 255, 0.85);
    background: linear-gradient(0deg, rgba(111, 118, 251, 0.23) 0%, rgba(111, 118, 251, 0.23) 100%), rgba(255, 255, 255, 0.85);
    -webkit-backdrop-filter: blur(11px);
            backdrop-filter: blur(11px);
    z-index: 999;
    overflow-y: auto;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.thank.show{
    opacity: 1;
    pointer-events: all;
}
.thank__inner{
    border-radius: 18px;
    background: #F8F6EF;
    padding: 35px;
    max-width: 580px;
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 40px;
    position: relative;
}
.thank__image{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 32px;
}
.thank__title{
    color: #333;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 50px;
    font-weight: 400;
    margin-bottom: 24px;
    text-align: center;
}
.thank__descr{
    color: #333;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    max-width: 380px;
    margin: 0 auto;
}
.thank__close{
    cursor: pointer;
    outline: none;
    background: transparent;
    border: none;
    position: absolute;
    top: 20px;
    right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
@property --rotate {
    syntax: "<angle>";
    initial-value: 132deg;
    inherits: false;
}
.thank__block{
    margin-top: 30px;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    z-index: 1;
    background: #F8F6EF;
}
.thank__block:hover {
    color: rgb(88 199 250 / 100%);
    transition: color 1s;
}
.thank__block::before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 20px;
    background-image: linear-gradient(
      var(--rotate)
      , #5ddcff, #3c67e3 43%, #4e00c2);
      position: absolute;
      z-index: -1;
    top: 0;
    left: 0;
    animation: spin 2.5s linear infinite;
}  
.thank__block::after {
    position: absolute;
    content: "";
    top: 30px;
    left: 0;
    right: 0;
    z-index: -2;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    transform: scale(0.8);
    filter: blur(50px);
    background-image: linear-gradient(
      var(--rotate)
      , #5ddcff, #3c67e3 43%, #4e00c2);
      opacity: 1;
    transition: opacity .5s;
    animation: spin 2.5s linear infinite;
}
@keyframes spin {
    0% {
      --rotate: 0deg;
    }
    100% {
      --rotate: 360deg;
    }
}
.thank__block-bg{
    position: absolute;
    background-color: #F8F6EF;
    top: 4px;
    left: 5px;
    right: 5px;
    bottom: 4px;
    border-radius: 16px;
    z-index: -1;
}
.thank__block-name{
    color: #333;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
}
.thank__block-content{
    display: flex;
    align-items: start;
    gap: 10px;
}
.thank__content-block{
    max-width: 296px;
}
.thank__content-block ul li{
    position: relative;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #333;
    font-family: 'Gilroy Regular', sans-serif;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.thank__content-block ul li + li{
    margin-top: 10px;
}
.thank__content-block ul li::before{
    content: '';
    position: relative;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='26' viewBox='0 0 24 26' fill='none'%3E%3Cpath d='M12 24.5C5.64873 24.5 0.5 19.3513 0.5 13C0.5 6.64873 5.64873 1.5 12 1.5C18.3513 1.5 23.5 6.64873 23.5 13C23.5 19.3513 18.3513 24.5 12 24.5Z' fill='%234A52EB' stroke='%234A52EB'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5682 8.98304C17.7322 9.14713 17.8244 9.36965 17.8244 9.60167C17.8244 9.83369 17.7322 10.0562 17.5682 10.2203L11.0098 16.7787C10.9231 16.8654 10.8202 16.9342 10.707 16.9811C10.5937 17.028 10.4723 17.0522 10.3497 17.0522C10.2271 17.0522 10.1058 17.028 9.99251 16.9811C9.87926 16.9342 9.77636 16.8654 9.68969 16.7787L6.43119 13.5208C6.34762 13.4401 6.28096 13.3435 6.2351 13.2368C6.18924 13.13 6.16511 13.0152 6.1641 12.899C6.16309 12.7828 6.18523 12.6676 6.22922 12.5601C6.27322 12.4525 6.33819 12.3549 6.42034 12.2727C6.5025 12.1905 6.6002 12.1256 6.70773 12.0816C6.81526 12.0376 6.93048 12.0154 7.04667 12.0164C7.16285 12.0175 7.27767 12.0416 7.38442 12.0875C7.49117 12.1333 7.58772 12.2 7.66844 12.2835L10.3494 14.9645L16.3304 8.98304C16.4116 8.90173 16.5081 8.83723 16.6143 8.79322C16.7205 8.74921 16.8343 8.72656 16.9493 8.72656C17.0642 8.72656 17.1781 8.74921 17.2843 8.79322C17.3904 8.83723 17.4869 8.90173 17.5682 8.98304Z' fill='white'/%3E%3C/svg%3E");
    width: 24px;
    min-width: 24px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%; 
}
.thank__content-image{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 157px;
    border-radius: 20px;
    overflow: hidden;
}
.thank__content-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
.thank__block-btn{
    margin-top: 10px;
    background-color: #279fd3;
    color: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    font-size: 12px;
    color: #FFF;
    text-align: center;
    font-family: 'Gilroy Bold', sans-serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    border-radius: 8px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    height: 40px;
    transition: all .2s ease;
    position: relative;
    animation: pulse 1.5s infinite;
}
.thank__block-btn:hover {
    color: #fff;
    box-shadow: 0 3px 11px 0 rgba(0, 0, 0, 0.18),
    0 4px 13px 0 rgba(0, 0, 0, 0.15);
    background-color: hsla(198, 69%, 49%, 0.8);
}
.thank__block-btn::before{
    content: '';
    background-image: url("data:image/svg+xml,%0A%3Csvg fill='%23FFFFFF' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px'%3E%3Cpath d='M46.137,6.552c-0.75-0.636-1.928-0.727-3.146-0.238l-0.002,0C41.708,6.828,6.728,21.832,5.304,22.445	c-0.259,0.09-2.521,0.934-2.288,2.814c0.208,1.695,2.026,2.397,2.248,2.478l8.893,3.045c0.59,1.964,2.765,9.21,3.246,10.758	c0.3,0.965,0.789,2.233,1.646,2.494c0.752,0.29,1.5,0.025,1.984-0.355l5.437-5.043l8.777,6.845l0.209,0.125	c0.596,0.264,1.167,0.396,1.712,0.396c0.421,0,0.825-0.079,1.211-0.237c1.315-0.54,1.841-1.793,1.896-1.935l6.556-34.077	C47.231,7.933,46.675,7.007,46.137,6.552z M22,32l-3,8l-3-10l23-17L22,32z'/%3E%3C/svg%3E");
    width: 16px;
    min-width: 16px;
    height: 16px;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
}
@keyframes pulse {
    0% {
      transform: scale(0.9);
    }
    50% {
      transform: scale(1.02);
    }
    100% {
      transform: scale(0.9);
    }
}
.on-mobile{
    display: none;
}
.header__mobile-menu{
    display: none;
}



@media (max-width: 1019px){
    .partners__img {
      width: 52%;
    }
}


@media (max-width: 1000px){
    .main__inner {
        min-height: 574px;
    }
    .no-mobile{
        display: none;
    }
    .on-mobile{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        padding: 8px;
        border-radius: 100px;
        border: 1px solid #DDD;
        height: 40px;
        width: 40px;
    }

    .header{
        padding-top: 38px;
        border-bottom: 1px solid #EEE;
    }
    .header__mobile-menu{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        opacity: 1;
        overflow: scroll;
        position: fixed;
        top: 96px;
        left: 0;
        right: 0;
        bottom: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        background-color: #fff;
        z-index: 333;
        padding: 65px 15px;
        -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
                transform: translateX(-100%);
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }
    .header__mobile-menu.active{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .header__mobile-close{
        position: absolute;
        top: 20px;
        right: 30px;
    }

    .header__mobile-name{
        background: rgba(74, 82, 235, 0.15);
        padding: 15px 44px 15px 15px;
        color: #4A52EB;
        font-family: 'Gilroy SemiBold', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        text-transform: uppercase;
        position: relative;
    }
    .header__block-link{
        color: #333;
        font-family: 'Gilroy Light', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
        padding: 10px;
        margin: -10px;
    }

    .header__block-link.active{
        color: #FFF;
        background: #4A52EB;
    }

    .header__mobile-name::after{
        position: absolute;
        content: '';
        width: 14px;
        height: 14px;
        background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M12.2563 9.69895C12.5421 9.41312 12.5421 8.95229 12.2563 8.66645L7.40879 3.81895C7.35482 3.76488 7.29072 3.72197 7.22015 3.6927C7.14959 3.66343 7.07394 3.64836 6.99754 3.64836C6.92114 3.64836 6.84549 3.66343 6.77493 3.6927C6.70436 3.72197 6.64026 3.76488 6.58629 3.81895L1.73879 8.66645C1.45296 8.95229 1.45296 9.41312 1.73879 9.69895C2.02462 9.98479 2.48546 9.98479 2.77129 9.69895L7.00046 5.47562L11.2296 9.70479C11.5096 9.98479 11.9763 9.98479 12.2563 9.69895Z" fill="%234A52EB"/></svg>');
        right: 15px;
        top: 17px;
        -webkit-transform: rotate(-180deg);
            -ms-transform: rotate(-180deg);
                transform: rotate(-180deg);
    }
    .header__block-content{
        display: none;
        padding: 22px 15px;
        border-bottom: 1px solid #EEE;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 22px;
        color: #333;
        font-family: 'Gilroy Light', sans-serif;
        font-size: 12px;
        font-style: normal;
        font-weight: 300;
        line-height: normal;
        letter-spacing: 0.48px;
        text-transform: uppercase;
    }
    .header__mobile-block.active .header__block-content{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .header__mobile-block.active .header__mobile-name::after{
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
    }
    .header__content{
        padding: 22px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 22px;
        border-bottom: 1px solid #EEE;
    }

    .header__mobile-end{
        padding: 22px 0;
    }
    .header__mobile-info{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        gap: 28px;
    }
    .header__content-link{
        color: #333;
        font-family: 'Gilroy Medium', sans-serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        text-transform: uppercase;
    }
}

@media (max-width: 1020px){
    .category__selector {
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .category__item{
        width: calc(50% - 14px);
    }
    img.category__img {
        width: 100%;
    }
    .main::before {
        top: 56%;
        left: 68%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
        width: 1078px;
        height: 356px;
    }
    .partners__slider-item{
        height: 124px !important;
    }
    .partners__slider-item {
        margin-top: 10px;
    }
    .category__block{
        display: flex;
        align-items: center;
    }

    .category__block-item{

        position: absolute;
        left: 50%;
        transform: translateX(-50%) !important;
        opacity: 0 !important;
        pointer-events: none !important;
        transition: all 0.1s ease !important;
        width: 100%;
        align-items: center;
        justify-content: center;
    }
    .category__block-item.active{
        opacity: 1 !important;
        pointer-events: all !important;
    }
    .category__block > svg{
        opacity: 0;
    }


}


@media (max-width: 900px){
    .about__block {
        gap: 36px;
    }
    .about__img-2 {
        position: absolute;
        left: -34px;
        bottom: -41px;
        z-index: 3;
    }
    .info__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .info__item{
        width: 100%;
        max-width: 100%;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: start;
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: start;
    }
    .info__item-svg{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .info__item svg{
        -webkit-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .footer__content {
        gap: 32px;
    }


    .about__img-1 {
        width: 282px;
    }
    .about__img-2 {
        width: 382px;
        bottom: 99px;
    }
}

@media (max-width: 690px){
    .category__item{
        width: 100%;
        max-width: 345px;
        margin: 0 auto;
    }
    .category__pages {
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        gap: 42px;
    }

    .main__content{
        text-align: center;
    }

    .main__title{
        font-size: 32px;
        margin-bottom: 14px;
    }
    .main__sub-title{
        font-size: 32px;
        margin-bottom: 54px;
    }

    .main__action{
        font-size: 14px;
        letter-spacing: 0.56px;
    }
    .main__propose{
        font-size: 18px;
    }

    .main::before {
        top: initial;
        bottom: -1px;
        left: initial;
        right: 50%;
        background-size: cover;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
        /* width: 1078px; */
        width: 954px;
        height: 328px;
    }
    .main__inner{
        display: block;
    }
    .main__content{
        margin-top: 120px;
    }
    .main__inner {
        height: calc(100vh - 169px);
        min-height: 374px;
    }

    .category__block{
        overflow-x: scroll;
    }
    .category__bg{
        padding: 24px 0;
    }
    .category__selector-item:first-child,
    .category__selector-item:nth-child(4),
    .category__selector-item:last-child {
        width: calc(60% - 9px);
    }
    .category__selector{
        gap: 9px;
    }
    .category__selector-item:nth-child(2),
    .category__selector-item:nth-child(3),
    .category__selector-item:nth-child(5) {
        width: 40%;
    }
    .category__selector-item:last-of-type{
        width: max-content;
    }

    .main__discount-name{
        font-size: 14px;
    }
    .discount__timer{
        gap: 14px;
    }
    .category__block{
        padding: 20px 0;
    }
    .category__top-sale{
        font-size: 24px;
        padding: 8px;
    }
    .category__item-middle{
        padding: 11px 18px;
    }
    .category__item-content{
        padding: 10px 18px;
    }


    .about__block{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .about__block-content{
        max-width: 100%;
        text-align: center;
    }


    .about__descr-mobile{
        margin-top: 326px;
    }

    .about__block{
        position: relative;
    }
    .about__images {
        position: absolute;
        right: 50%;
        -webkit-transform: translateX(50%);
            -ms-transform: translateX(50%);
                transform: translateX(50%);
        top: 41%;
        pointer-events: none;
    }

    .about__img-1{
        width: 205.898px;
        top: -75px;
    right: -76px;
    }
    .about__img-2 {
        width: 214.117px;
        left: -32px;
        bottom: -25px;
    }

    .video__block{
        min-height: 264px;
    }
    .video__img{
        border-radius: 16.329px;
        border: 6px solid #FFF;
        -webkit-box-shadow: 3.26588px 4.89882px 24.49411px 0px rgba(74, 82, 235, 0.21);
                box-shadow: 3.26588px 4.89882px 24.49411px 0px rgba(74, 82, 235, 0.21);
    }

    .video__btn svg{
        width: 46px;
        height: 46px;
    }
    .video__btn::after{
        background-size: 90px;
        width: 90px;
        height: 90px;
    }
    .video__btn::before{
        width: 110px;
        height: 110px;
    }
    .partners__btns{
        display: none;
    }
    .partners__title{
        text-align: center;
    }
    .partners__img{
        width: 100%;
        max-width: 90%;
        padding: 21px;
    }

    .info__block{
        gap: 30px;
    }

    .footer__inner{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .footer__content-links{
        display: none;
    }
    .footer__block{
        border-top: 1px solid #F0F0F0;
        padding: 32px 0;
        margin-top: 31px;
        border-bottom: 1px solid #F0F0F0;
    }
    .footer__block{
        gap: 28px;
    }
    .footer__logo{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        width: 86px;
        margin: 0 auto;
    }
    .footer__logo-img{
        width: 100%;
    }
    .footer__end{
        margin-top: 18px;
        text-align: center;
        gap: 13px;
    }


    .header__logo{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
    }
    .category__pages{
        gap: 10px;
    }
    .reviews__slider::before,
    .reviews__slider::after{
        content: none;
    }
    .reviews__slider-item::after{
        content: none;
    }
    .reviews__slider .swiper-slide-prev {
        opacity: 0.3;
    }

    .category__selector-item{
        font-size: 12px;
    }
    .category__content{
        margin-top: 70px;
    }


    .reviews__title,
    .about__title,
    .video__title,
    .partners__title{
        font-size: 32px;
        text-align: center;
    }
    .partners__top{
        width: 100%;
    }
    .partners__title{
        width: 100%;
    }

    .reviews__slider.swiper-container {
        padding-top: 30px;

    }


    .video,
    .info,
    .partners{
        margin-top: 70px;
    }
    .about{
        margin-top: 70px;
        padding: 70px 0;
    }
    .main__discount .container{
        width: 100%;
    }





    .cart__inner{
        margin-top: 82px;
        padding: 20px 24px 24px;
    }

    .cart__title{
        font-size: 32px;
        margin-bottom: 18px;
    }
    .cart__content{
        margin-top: 11px;
    }
    .cart__item-image {
        min-width: 80px;
        width: 80px;
        min-height: 80px;
        height: 80px;
        border-radius: 0;
    }
    .cart__item{
        gap: 14px;
        padding: 14px 0;
    }
    .cart__item-name{
        font-size: 14px;
    }
    .cart__item-end{
        gap: 10px;
    }
    .cart__item-descr{
        font-size: 12px;
    }

    .cart__item-bottom{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .cart__item-end{
        margin-top: 14px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        /*margin-left: -94px;*/
    }

    .cart__item-delete{
        margin-bottom: 0;
    }
    .cart__content-total, .cart__content-coupon_discount, .cart__content-packing {
        font-size: 18px;
    }
    .cart__content-descr{
        margin-bottom: 32px;
    }
    .cart__fomr-name{
        font-size: 20px;
        margin-bottom: 16px;
    }
    .cart__form-input{
        width: 100%;
    }
    .cart__form{
        gap: 10px;
    }
    .cart__form-label{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 6px;
    }
    .cart__form-btns{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }
    .confirm__inner{
        margin-top: 132px;
        padding: 44px;
    }
    .confirm__title{
        font-size: 32px;
        margin-bottom: 32px;
    }
    .confirm__descr{
        font-size: 14px;
        margin-bottom: 20px;
    }
    .code__form-label{
        font-size: 12px;
    }

    .thank__inner{
        margin-top: 20px;  
        padding: 20px;
    }
    .thank__image{
        width: 92px;
        height: 92px;
        margin: 0 auto;
        margin-bottom: 10px;
    }
    .thank__title{
        font-size: 32px;
        margin-bottom: 22px;
    }
    .thank__descr{
        font-size: 14px;
        line-height: 21px; 
    }
    .thank__block-content{
        flex-direction: column-reverse;
        align-items: center;
    }
    .thank__block-name{
        text-align: center;
    }
    .thank__content-block ul li{
        font-size: 16px;
    }
    .reviews__slider-item{
        width: 70% !important;
    }
}

@media (max-width: 510px){
    .main__discount-block{
        gap: 10px;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    .category__item{
        max-width: 100%;
    }
    .video{
        display: block;
    }
}

.btn-loading {
    position: relative
}

.btn-loading,.btn-loading.disabled,.btn-loading.focus,.btn-loading:disabled,.btn-loading:focus,.btn-loading:hover,.btn-loading:not(:disabled):not(.disabled).active,.btn-loading:not(:disabled):not(.disabled):active {
    color: transparent;
    fill: transparent
}

.btn-loading:after {
    display: block;
    content: "";
    position: absolute;
    border: 2px solid rgba(0,0,0,.1);
    border-top-color: rgba(0,0,0,.5);
    transition: border-color .1s;
    animation-name: a;
    animation-duration: .5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    left: calc(50% - 11px);
    top: calc(50% - 11px);
    width: 22px;
    height: 22px;
    border-radius: 11px;
}

@keyframes a {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.promotion {
    float: left;
    width: 24rem;
    margin-bottom: 1.5rem;
  }
  
  .promotion > label {
    float: left;
    width: 100%;
    margin-bottom: 1rem;
  }
  
  .promotion > input {
    float: left;
    width: 80%;
    font-size: 1rem;
    height: 2.5rem;
    padding: 0.5rem 0 0.5rem 1.8rem;
    border: 1px solid #B3B5E4;
    border-radius: 2rem 0 0 2rem;
  }
  
  .promotion:hover > input {
    border-color: #B3B5E4;
  }
  
  .promotion > button {
    float: left;
    width: 20%;
    padding: 0.5rem 0;
    border-radius: 0 2rem 2rem 0;
  }
  
  .promotion:hover > button {
    border-color: #B3B5E4;
    background-color: #4A52EB;
  }
  
  .promotion > button::after {
    content: "\276f";
    font-size: 1rem;
  }

  .promotion {
  button {
    background-color: #4A52EB;
    border: 1px solid #B3B5E4;
    color: #ffffff;
    transition: all 0.25s linear;
    cursor: pointer;
  }
  
  button::after {
    position: relative;
    right: 0;
    content: " \276f";
    transition: all 0.15s linear;
  }
  
  button:hover {
    background-color: #4A52EB;
    border-color: #B3B5E4;
  }
  
  button:hover::after {
    right: -5px;
  }
  
  button:focus {
    outline: none;
  }
}

.cart__item-content {
    span.minus, span.plus{
        width:23px;
        height:23px;
        background-color: rgb(255, 255, 255);
        border-radius:4px;
        padding:3px 5px 3px 5px;
        border:1px solid rgb(179, 181, 228);
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        cursor:pointer;
        font-weight: 700;
        font-family: 'Gilroy Bold', sans-serif;
        color: #4A52EB;
    }
    input{
        background-color: rgb(255, 255, 255);
        color: #4A52EB;
        font-weight: 700;
        font-family: 'Gilroy Bold', sans-serif;
        height:23px;
        width: 53px;
        text-align: center;
        font-size: 18px;
        border:1px solid rgb(179, 181, 228);
        border-radius:4px;
        display: inline-block;
        vertical-align: middle;
    }
}

.cssload-container * {
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}
.cssload-container {
	margin: 13px auto 0 auto;
	/* max-width: 363px; */
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1001;
    width: 100%;
    height:100%;
    background: rgba(255,255,255,0.8);
}

.cssload-container ul li{
	list-style: none;
}

.cssload-flex-container {
    height: 100%;
    justify-content: center;
    align-items: center;

	display: flex;
		display: -o-flex;
		display: -ms-flex;
		display: -webkit-flex;
		display: -moz-flex;
	flex-direction: row;
		-o-flex-direction: row;
		-ms-flex-direction: row;
		-webkit-flex-direction: row;
		-moz-flex-direction: row;
	flex-wrap: wrap;
		-o-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-moz-flex-wrap: wrap;
	justify-content: space-around;
}
.cssload-flex-container li {
	padding: 6px;
	height: 65px;
	width: 65px;
	margin: 19px 13px;
	position: relative;
	text-align: center;
}

.cssload-loading {
	display: inline-block;
	position: relative;
	width: 55px;
	height: 55px;
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	border: 3px solid transparent;
	border-bottom: 4px solid rgba(74,82,235,0.52);
	border-left: 4px solid rgba(74,82,235,0.52);
	animation: cssload-spinR 1.9s linear infinite;
		-o-animation: cssload-spinR 1.9s linear infinite;
		-ms-animation: cssload-spinR 1.9s linear infinite;
		-webkit-animation: cssload-spinR 1.9s linear infinite;
		-moz-animation: cssload-spinR 1.9s linear infinite;
}
.cssload-loading:before, .cssload-loading:after {
	content: '';
	display: block;
	border-radius: 100%;
		-o-border-radius: 100%;
		-ms-border-radius: 100%;
		-webkit-border-radius: 100%;
		-moz-border-radius: 100%;
	position: absolute;
}
.cssload-loading:before {
	height: 32px;
	width: 32px;
	border: 2px solid transparent;
	border-top: 3px solid rgba(74,82,235,0.88);
	border-right: 3px solid rgba(74,82,235,0.9);
	animation: cssload-spinL 0.7075s linear infinite;
		-o-animation: cssload-spinL 0.7075s linear infinite;
		-ms-animation: cssload-spinL 0.7075s linear infinite;
		-webkit-animation: cssload-spinL 0.7075s linear infinite;
		-moz-animation: cssload-spinL 0.7075s linear infinite;
	transform-origin: center center;
		-o-transform-origin: center center;
		-ms-transform-origin: center center;
		-webkit-transform-origin: center center;
		-moz-transform-origin: center center;
	top: 11%;
	left: 11%;
}
.cssload-loading:after {
	height: 6px;
	width: 6px;
	background: transparent;
	border: 2px solid rgba(74,82,235,0.45);
	top: 35.5%;
	left: 35.5%;
}


@keyframes cssload-spinR {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

@-o-keyframes cssload-spinR {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(360deg);
	}
}

@-ms-keyframes cssload-spinR {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-webkit-keyframes cssload-spinR {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@-moz-keyframes cssload-spinR {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@keyframes cssload-spinL {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(-360deg);
	}
}

@-o-keyframes cssload-spinL {
	from {
		-o-transform: rotate(0deg);
	}
	to {
		-o-transform: rotate(-360deg);
	}
}

@-ms-keyframes cssload-spinL {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(-360deg);
	}
}

@-webkit-keyframes cssload-spinL {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(-360deg);
	}
}

@-moz-keyframes cssload-spinL {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(-360deg);
	}
}