/* рекламный баннер вверху страницы*/
@media (min-width: 1921px) {
    [data-banner="main"] {
        height: 78px;
    }
}
@media (max-width: 1920px) and (min-width: 542px) {
    [data-banner="main"] {
        height: calc(100vw / 24.62);
    }
}
@media (max-width: 541px) and (min-width: 541px){
    [data-banner="main"] {
        height: 84px;
    }
}

@media (max-width: 540px) {
    [data-banner="main"] {
        height: calc(100vw / 6.44);
    }
}
/*___________________*/

/* меню страницы*/
.header .header__inner:not(:has(button)), .header .header__inner:not(:has(nav)) {
    height: 0px;
}

@media (min-width: 1301px) {
    .header .header__top-logo {
        height: 38px;
        width: 148px;
    }
}

@media (max-width: 1300px) and (min-width: 769px){
    .header .header__top-logo {
        height: 28.75px;
        width: 148px;
    }
}

@media (min-width: 1201px) {

    .header .header__top-box {
        height: 42px;
    }

    .header .header__inner {
      height: 41px;
  }
}

@media (max-width: 1200px) and (min-width: 1024px){

    .header .header__top-box {
        height: 35px;
    }

    .header .header__inner {
        height: 37px;
    }
}

@media (max-width: 1023px) and (min-width: 769px){
    .header .header__top-box {
        height: 34.3px;
    }
    
    .header .header__inner {
        height: 39.4px;
    }
}

@media (max-width: 768px) {
    .header__top-search--mobile, .header__top-search--mobile .header__search-block,.header__search-block .header__top-search-field {
        height: 40px;
    }
}
/*___________________*/

/* статичный слайдер разделов каталога */

@media (min-width: 1025px) {
    .catalog__header img.category-slider__image {
        height: 76px;
        width: 114px;
    }
    .catalog__header a.category-slider__link {
        width: 114px;
    }
}

@media (max-width: 1024px) {
    .catalog__header img.category-slider__image {
        height: 76px;
        width: 96px;
    }
}

@media (min-width: 1441px) {
    .catalog__header .catalog__title {
        height: 44px;
    }
    .catalog__header .splide {
        height: 124px;
    }
}

@media (min-width: 1820px) {
    #catalog-slider li.splide__slide {
        width: 169px
    }
}
@media (max-width: 1819px) and (min-width: 1720px) {
    #catalog-slider li.splide__slide {
        width: 159px
    }
}

@media (max-width: 1719px) and (min-width: 1620px) {
    #catalog-slider li.splide__slide {
        width: 149px
    }
}

@media (max-width: 1619px) and (min-width: 1520px) {
    #catalog-slider li.splide__slide {
        width: 139px
    }
}

@media (max-width: 1519px) and (min-width: 1367px) {
    #catalog-slider li.splide__slide {
        width: 129px
    }
}

@media (max-width: 1024px) and (min-width: 781px) {
    #catalog-slider li.splide__slide {
        width: calc(10%) !important;
    }
}
@media (max-width: 1024px) and (min-width: 981px) {
    #catalog-slider.splide__preload li.splide__slide {
        margin-right: 45px;
    }
}

@media (max-width: 980px) and (min-width: 781px) {
    #catalog-slider.splide__preload li.splide__slide {
        margin-right: 32px;
    }
}

@media (min-width: 1025px) {
    #catalog-slider ul {
        justify-content: center !important;
    }

    #catalog-slider ul:has(li:nth-last-child(5):first-child,
li:nth-last-child(5):first-child ~ li),#catalog-slider ul:has(li:nth-last-child(6):first-child,
li:nth-last-child(6):first-child ~ li), #catalog-slider ul:has(li:nth-last-child(7):first-child,
li:nth-last-child(7):first-child ~ li), #catalog-slider ul:has(li:nth-last-child(8):first-child,
li:nth-last-child(8):first-child ~ li), #catalog-slider ul:has(li:nth-last-child(9):first-child,
li:nth-last-child(9):first-child ~ li), #catalog-slider ul:has(li:nth-last-child(10):first-child,
li:nth-last-child(10):first-child ~ li),#catalog-slider ul:has(li:nth-last-child(11):first-child,
li:nth-last-child(11):first-child ~ li) {
        justify-content: space-evenly !important;
    }

    #catalog-slider ul:has(li:nth-last-child(n+10),
    li:nth-last-child(n+10) ~ li) {
        justify-content: unset !important;
    }
}

@media (max-width: 1024px) {
    #catalog-slider ul {
        justify-content: space-evenly !important;
        transform: translateX(0px);
    }
}
@media (max-width: 1024px) and (min-width: 767px){
    #catalog-slider ul:has(li:nth-last-child(3):first-child,
li:nth-last-child(3):first-child ~ li), #catalog-slider ul:has(li:nth-last-child(2):first-child,
li:nth-last-child(2):first-child ~ li), #catalog-slider ul:has(li:nth-last-child(1):first-child,
li:nth-last-child(1):first-child ~ li) {
        justify-content: center !important;
    }
    #catalog-slider li:nth-last-child(3):first-child,
    #catalog-slider li:nth-last-child(3):first-child ~ li {
        margin-right: 32px;
    }
}
@media (max-width: 1022px) and (min-width: 981px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(4):first-child,
li:nth-last-child(4):first-child ~ li), .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(5):first-child,
li:nth-last-child(5):first-child ~ li) {
         padding-left: 45px;
    }
}

@media (max-width: 980px) and (min-width: 781px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(4):first-child,
li:nth-last-child(4):first-child ~ li), .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(5):first-child,
li:nth-last-child(5):first-child ~ li) {
        padding-left: 34px;
    }
}

@media (max-width: 1024px) and (min-width: 1023px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(5):first-child,
li:nth-last-child(5):first-child ~ li),.container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(4):first-child,
li:nth-last-child(4):first-child ~ li) {
        padding-left: 58px;
    }
}

@media (max-width: 894px) and (min-width: 880px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(6):first-child,
li:nth-last-child(6):first-child ~ li) {
        padding-left: 18px;
    }
}
@media (max-width: 910px) and (min-width: 895px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(6):first-child,
li:nth-last-child(6):first-child ~ li) {
        padding-left: 24px;
    }
}

@media (max-width: 1024px) and (min-width: 1023px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(6):first-child,
li:nth-last-child(6):first-child ~ li) {
        padding-left: 58px;
    }
}

@media (max-width: 1022px) and (min-width: 981px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(6):first-child,
li:nth-last-child(6):first-child ~ li) {
        padding-left: 44px;
    }
}

@media (max-width: 980px) and (min-width: 911px){
    .container .category-slider#catalog-slider.splide__preload:has(li:nth-last-child(6):first-child,
li:nth-last-child(6):first-child ~ li) {
        padding-left: 32px;
    }
}

@media (max-width: 910px) and (min-width: 781px){

    #catalog-slider ul:has(li:nth-last-child(6):first-child,
li:nth-last-child(6):first-child ~ li) {
        justify-content: unset !important;
        transform: translateX(18.5px) !important;
    }
}

@media (max-width: 1023px) and (min-width: 981px){
    #catalog-slider.splide__preload li:nth-last-child(10):first-child,
    #catalog-slider.splide__preload li:nth-last-child(10):first-child ~ li
    {
        margin-right: 45px;
    }

    #catalog-slider.splide__preload li:nth-last-child(n+7),
    #catalog-slider.splide__preload li:nth-last-child(n+7) ~ li
    {
        margin-right: 45px;
    }

    #catalog-slider ul:has(li:nth-last-child(n+7),
    li:nth-last-child(n+7) ~ li)
    {
        justify-content: unset !important;
    }
}


#catalog-slider.splide__preload .splide__arrow {
    display: none;
}


@media (max-width: 1440px) and (min-width: 1025px) {
    .catalog__header .catalog__title {
        height: 44px;
    }
    .catalog__header .splide {
        height: 120px;
    }
}

@media (max-width: 1024px) and (min-width: 781px) {
    .catalog__header .catalog__title {
        height: 44px;
    }
    .catalog__header .splide {
        height: 110px;
    }
}

@media (max-width: 780px) and (min-width: 769px) {
    .catalog__header .catalog__title {
        height: 44px;
    }
    .catalog__header .splide {
        height: 120px;
    }
}

@media (max-width: 768px) and (min-width: 768px) {
    .catalog__header .catalog__title {
        height: 32px;
    }
    .catalog__header .splide {
        height: 120px;
    }
}

@media (max-width: 767px) {
    .catalog__header .catalog__title {
        height: auto;
    }
    .catalog__header .splide {
        height: 48px;
    }
}

#catalog-slider ul {
    transform: translateX(0px);
}

@media (max-width: 1366px) and (min-width: 1201px) {
    #catalog-slider li.splide__slide {
        width: calc(11.1111%);
    }
}

@media (max-width: 1200px) and (min-width: 1025px) {
    #catalog-slider li.splide__slide {
        width: calc(12.5%);
    }
}

@media (max-width: 1024px) and (min-width: 767px) {
    #catalog-slider li.splide__slide {
        width: 114px;
    }
}

/*@media (max-width: 768px) and (min-width: 766px) {
    #catalog-slider li.splide__slide {
        width: 114px !important;
    }
}*/

@media (max-width: 780px) {
    #catalog-slider li.splide__slide {
        margin-right: 32px;
        width: auto;
    }
}
/* ------------------------ */


/* хлебные крошки */
.breadcrumbs {
    height: 40px;
}

@media (max-width: 768px) {
    .breadcrumbs {
        height: 28px;
    }
}
/* ------------------------ */


/* слайдер с разделами */
.category-slider_main a > img {
    height: 76px;

}
@media (min-width: 581px) {
    .category-slider_main li {
        margin-right: 32px;
    }
}

@media (min-width: 407px) {
    .category-slider_main a > img {
        width: 114px;
    }
}

@media (max-width: 640px) and (min-width: 581px) {
    .category-slider_main a > img {
        width: 82.5px;
    }
}
@media (min-width: 681px) {
    .category-slider_main, .category-slider_main ul, .category-slider_main li  {
        height: 142px;
    }
}

@media (max-width: 768px) {
    .category-slider_main.splide__preload a > img {
        height: 76px;
    }
    .category-slider_main.splide__preload li {
        width: 33%;
    }
}
@media (min-width: 768px) {
    .category-slider_main.splide__preload a > img {
        max-width: 150px;
    }
}

.category-slider_main.splide__preload .splide__arrows {
    display: none;
}

@media (min-width: 1721px) {
    .category-slider_main .splide__list {
        justify-content: space-between;
    }
}

@media (max-width: 580px) and (min-width:580px) {
    .category-slider_main {
        height: 233px;
    }
    .category-slider_main.splide__preload ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
    .category-slider_main.splide__preload ul > li {
        flex: 0 0 calc(31.3333% - 12px);
    }
    .category-slider_main.splide__preload ul > li:nth-child(n+7) {
        display: none;
    }
    .category-slider_main .splide__list > li.splide__slide{
        margin-right: 18px;
        width: calc(33.3333% - 12px);
    }
}

@media (max-width: 579px) and (min-width:408px) {
    .category-slider_main {
        height: 275px;
    }
    .category-slider_main.splide__preload ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
    .category-slider_main.splide__preload ul > li {
        flex: 0 0 calc(31.3333% - 12px);
    }
    .category-slider_main.splide__preload ul > li:nth-child(n+7) {
        display: none;
    }
    .category-slider_main .splide__list > li.splide__slide{
        margin-right: 18px;
        width: calc(33.3333% - 12px);
    }
}

@media (max-width: 407px) {
    .category-slider_main {
        height: 260px;
    }
    .category-slider_main.splide__preload ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: end;
    }
    .category-slider_main.splide__preload ul > li {
        flex: 0 0 calc(31.3333% - 12px);
    }
    .category-slider_main.splide__preload ul > li:nth-child(n+7) {
        display: none;
    }
    .category-slider_main .splide__list > li.splide__slide{
        margin-right: 18px;
        width: calc(33.3333% - 12px);
    }
}

/* стили для слайдеров товраов */
.splide__list .product-slider__slide {
    margin-right: 32px;
    width: calc(25% - 24px);
}

@media (min-width: 901px) and (max-width: 1440px) {
    .splide__list .product-slider__slide {
        margin-right: 32px;
        width: calc(33.3333% - 21.3333px);
    }
}

@media (min-width: 581px) and (max-width: 900px) {
    .splide__list .product-slider__slide {
        margin-right: 32px;
        width: calc(50% - 16px);
    }
}

@media (min-width: 391px) and (max-width: 580px) {
    .splide__list .product-slider__slide {
        margin-right: 20px;
        width: calc(66.6667% - 6.66667px);
    }
}

@media (min-width: 375px) and (max-width: 390px) {
    .splide__list .product-slider__slide {
        margin-right: 10px;
        width: calc(66.6667% - 3.33333px);
    }
}

@media (max-width: 374px) {
    .splide__list .product-slider__slide {
        margin-right: 4px;
        width: calc(100% + 0px);
    }
}

.splide__slide .splide__slide__row {
    height: calc(50%);
    display: flex;
    margin: 0px;
    padding: 0px;
}
/* -------------- */

#main {
    transition-duration: 0.2s;
    padding-top: 146px;
}
#main.margin_banner {
    padding-top: 224px;
}

@media (max-width: 768px) and (min-width: 521px){
    #main {
        padding-top: 111px;
    }
}

@media (max-width: 520px) {
    #main {
        padding-top: 106px;
    }
}

@media (max-width: 1920px) and (min-width: 1201px) {
    #main {
        padding-top: 146px;
    }
    #main.margin_banner {
        padding-top: calc(100vw / 24.62 + 146px);
    }
}

@media (max-width: 1200px) and (min-width: 1024px) {
    #main {
        padding-top: 135px;
    }
    #main.margin_banner {
        padding-top: calc(100vw / 24.62 + 135px);
    }
}

@media (max-width: 1023px) and (min-width: 769px) {
    #main {
        padding-top: 137px;
    }
    #main.margin_banner {
        padding-top: calc(100vw / 24.62 + 137px);
    }
}

@media (max-width: 768px) and (min-width: 542px) {
    #main.margin_banner {
        padding-top: calc(100vw / 24.62 + 111px);
    }
}

@media (max-width: 541px) and (min-width: 541px) {
    #main.margin_banner {
        padding-top: calc(84px + 111px);
    }
}

@media (max-width: 540px) and (min-width: 521px){
    #main.margin_banner {
        padding-top: calc(100vw / 6.44 + 111px);
    }
}


@media (max-width: 520px) {
    #main.margin_banner {
        padding-top: calc(100vw / 6.44 + 106px);
    }
}

.filter-btn__preload {
    display: none !important;
}

/* ****** страница комплектов ******** */

@media (max-width: 768px) {
    .card-preview .splide.card-slider__thumbs:not(.is-initialized) {
        max-height: 76px;
        overflow: hidden;
    }    
}

.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{-ms-flex-align:center;align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:-ms-flexbox;display:flex;height:2em;-ms-flex-pack:center;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__pagination__page:focus{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide.is-focus-in .splide__toggle:focus{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid transparent;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}
.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;height:100%;width:100%;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{top:-100%;width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;bottom:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px}
 :root {--ts-pr-clear-button: 0;--ts-pr-caret: 0;--ts-pr-min: .75rem;}.ts-wrapper.single .ts-control, .ts-wrapper.single .ts-control input {cursor: pointer;}.ts-control {padding-right: max(var(--ts-pr-min), var(--ts-pr-clear-button) + var(--ts-pr-caret)) !important;}.ts-wrapper.plugin-drag_drop.multi > .ts-control > div.ui-sortable-placeholder {visibility: visible !important;background: #f2f2f2 !important;background: rgba(0, 0, 0, 0.06) !important;border: 0 none !important;-webkit-box-shadow: inset 0 0 12px 4px #fff;box-shadow: inset 0 0 12px 4px #fff;}.ts-wrapper.plugin-drag_drop .ui-sortable-placeholder::after {content: "!";visibility: hidden;}.ts-wrapper.plugin-drag_drop .ui-sortable-helper {-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);}.plugin-checkbox_options .option input {margin-right: 0.5rem;}.plugin-clear_button {--ts-pr-clear-button: 1em;}.plugin-clear_button .clear-button {opacity: 0;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 2px;margin-right: 0 !important;background: transparent !important;-webkit-transition: opacity 0.5s;-o-transition: opacity 0.5s;transition: opacity 0.5s;cursor: pointer;}.plugin-clear_button.form-select .clear-button, .plugin-clear_button.single .clear-button {right: max(var(--ts-pr-caret), 8px);}.plugin-clear_button.focus.has-items .clear-button, .plugin-clear_button:not(.disabled):hover.has-items .clear-button {opacity: 1;}.ts-wrapper .dropdown-header {position: relative;padding: 10px 8px;border-bottom: 1px solid #d0d0d0;background: #f8f8f8;border-radius: 3px 3px 0 0;}.ts-wrapper .dropdown-header-close {position: absolute;right: 8px;top: 50%;color: #303030;opacity: 0.4;margin-top: -12px;line-height: 20px;font-size: 20px !important;}.ts-wrapper .dropdown-header-close:hover {color: black;}.plugin-dropdown_input.focus.dropdown-active .ts-control {-webkit-box-shadow: none;box-shadow: none;border: 1px solid #d0d0d0;}.plugin-dropdown_input .dropdown-input {border: 1px solid #d0d0d0;border-width: 0 0 1px 0;display: block;padding: 8px 8px;-webkit-box-shadow: none;box-shadow: none;width: 100%;background: transparent;}.plugin-dropdown_input .items-placeholder {border: 0 none !important;-webkit-box-shadow: none !important;box-shadow: none !important;width: 100%;}.plugin-dropdown_input.has-items .items-placeholder, .plugin-dropdown_input.dropdown-active .items-placeholder {display: none !important;}.ts-wrapper.plugin-input_autogrow.has-items .ts-control > input {min-width: 0;}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input {-webkit-box-flex: 0;-ms-flex: none;flex: none;min-width: 4px;}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-ms-input-placeholder {color: transparent;}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-webkit-input-placeholder {color: transparent;}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::-moz-placeholder {color: transparent;}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input:-ms-input-placeholder {color: transparent;}.ts-wrapper.plugin-input_autogrow.has-items.focus .ts-control > input::placeholder {color: transparent;}.ts-dropdown.plugin-optgroup_columns .ts-dropdown-content {display: -webkit-box;display: -ms-flexbox;display: flex;}.ts-dropdown.plugin-optgroup_columns .optgroup {border-right: 1px solid #f2f2f2;border-top: 0 none;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;-ms-flex-preferred-size: 0;flex-basis: 0;min-width: 0;}.ts-dropdown.plugin-optgroup_columns .optgroup:last-child {border-right: 0 none;}.ts-dropdown.plugin-optgroup_columns .optgroup:before {display: none;}.ts-dropdown.plugin-optgroup_columns .optgroup-header {border-top: 0 none;}.ts-wrapper.plugin-remove_button .item {display: -webkit-inline-box;display: -ms-inline-flexbox;display: inline-flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-right: 0 !important;}.ts-wrapper.plugin-remove_button .item .remove {color: inherit;text-decoration: none;vertical-align: middle;display: inline-block;padding: 0 6px;border-radius: 0 2px 2px 0;-webkit-box-sizing: border-box;box-sizing: border-box;}.ts-wrapper.plugin-remove_button .item .remove:hover {background: rgba(0, 0, 0, 0.05);}.ts-wrapper.plugin-remove_button.disabled .item .remove:hover {background: none;}.ts-wrapper.plugin-remove_button .remove-single {position: absolute;right: 0;top: 0;font-size: 23px;}.ts-wrapper.plugin-remove_button:not(.rtl) .item .remove {border-left: 1px solid #d0d0d0;margin-left: 6px;}.ts-wrapper.plugin-remove_button:not(.rtl) .item.active .remove {border-left-color: #cacaca;}.ts-wrapper.plugin-remove_button:not(.rtl).disabled .item .remove {border-left-color: white;}.ts-wrapper.plugin-remove_button.rtl .item .remove {border-right: 1px solid #d0d0d0;margin-right: 6px;}.ts-wrapper.plugin-remove_button.rtl .item.active .remove {border-right-color: #cacaca;}.ts-wrapper.plugin-remove_button.rtl.disabled .item .remove {border-right-color: white;}.ts-wrapper {position: relative;}.ts-dropdown, .ts-control, .ts-control input {color: #303030;font-family: inherit;font-size: 13px;line-height: 18px;font-smoothing: inherit;}.ts-control, .ts-wrapper.single.input-active .ts-control {background: #fff;cursor: text;}.ts-control {border: 1px solid #d0d0d0;padding: 8px 8px;width: 100%;overflow: hidden;position: relative;z-index: 1;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: none;box-shadow: none;border-radius: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.ts-wrapper.multi.has-items .ts-control {padding: 6px 8px 3px;}.full .ts-control {background-color: #fff;}.disabled .ts-control, .disabled .ts-control * {cursor: default !important;}.focus .ts-control {-webkit-box-shadow: none;box-shadow: none;}.ts-control > * {vertical-align: baseline;display: inline-block;}.ts-wrapper.multi .ts-control > div {cursor: pointer;margin: 0 3px 3px 0;padding: 2px 6px;background: #f2f2f2;color: #303030;border: 0px solid #d0d0d0;}.ts-wrapper.multi .ts-control > div.active {background: #e8e8e8;color: #303030;border: 0px solid #cacaca;}.ts-wrapper.multi.disabled .ts-control > div, .ts-wrapper.multi.disabled .ts-control > div.active {color: #7d7d7d;background: white;border: 0px solid white;}.ts-control > input {-webkit-box-flex: 1;-ms-flex: 1 1 auto;flex: 1 1 auto;min-width: 7rem;display: inline-block !important;padding: 0 !important;min-height: 0 !important;max-height: none !important;max-width: 100% !important;margin: 0 !important;text-indent: 0 !important;border: 0 none !important;background: none !important;line-height: inherit !important;-webkit-user-select: auto !important;-moz-user-select: auto !important;-ms-user-select: auto !important;user-select: auto !important;-webkit-box-shadow: none !important;box-shadow: none !important;}.ts-control > input::-ms-clear {display: none;}.ts-control > input:focus {outline: none !important;}.has-items .ts-control > input {margin: 0px 4px !important;}.ts-control.rtl {text-align: right;}.ts-control.rtl.single .ts-control:after {left: 15px;right: auto;}.ts-control.rtl .ts-control > input {margin: 0px 4px 0px -2px !important;}.disabled .ts-control {opacity: 0.5;background-color: #fafafa;}.input-hidden .ts-control > input {opacity: 0;position: absolute;left: -10000px;}.ts-dropdown {position: absolute;top: 100%;left: 0;width: 100%;z-index: 10;border: 1px solid #d0d0d0;background: #fff;margin: 0.25rem 0 0 0;border-top: 0 none;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);border-radius: 0 0 3px 3px;}.ts-dropdown [data-selectable] {cursor: pointer;overflow: hidden;}.ts-dropdown [data-selectable] .highlight {background: rgba(125, 168, 208, 0.2);border-radius: 1px;}.ts-dropdown .option, .ts-dropdown .optgroup-header, .ts-dropdown .no-results, .ts-dropdown .create {padding: 5px 8px;}.ts-dropdown .option, .ts-dropdown [data-disabled], .ts-dropdown [data-disabled] [data-selectable].option {cursor: inherit;opacity: 0.5;}.ts-dropdown [data-selectable].option {opacity: 1;cursor: pointer;}.ts-dropdown .optgroup:first-child .optgroup-header {border-top: 0 none;}.ts-dropdown .optgroup-header {color: #303030;background: #fff;cursor: default;}.ts-dropdown .active {background-color: #f5fafd;color: #495c68;}.ts-dropdown .active.create {color: #495c68;}.ts-dropdown .create {color: rgba(48, 48, 48, 0.5);}.ts-dropdown .spinner {display: inline-block;width: 30px;height: 30px;margin: 5px 8px;}.ts-dropdown .spinner:after {content: " ";display: block;width: 24px;height: 24px;margin: 3px;border-radius: 50%;border: 5px solid #d0d0d0;border-color: #d0d0d0 transparent #d0d0d0 transparent;-webkit-animation: lds-dual-ring 1.2s linear infinite;animation: lds-dual-ring 1.2s linear infinite;}@-webkit-keyframes lds-dual-ring {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}@keyframes lds-dual-ring {0% {-webkit-transform: rotate(0deg);transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);transform: rotate(360deg);}}.ts-dropdown-content {overflow-y: auto;overflow-x: hidden;max-height: 200px;overflow-scrolling: touch;scroll-behavior: smooth;}.ts-hidden-accessible {border: 0 !important;clip: rect(0 0 0 0) !important;-webkit-clip-path: inset(50%) !important;clip-path: inset(50%) !important;overflow: hidden !important;padding: 0 !important;position: absolute !important;width: 1px !important;white-space: nowrap !important;}
.info__items {
  display: flex;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 80px;
  margin-top: 64px;
}

.info__box {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 4px;
  position: relative;
  aspect-ratio: 1 / 1;
  width: calc(100% / 3);
}
.info__box-container {
  position: absolute;
  /* left: 40px;
  bottom: 56px;
  width: calc(100% - 80px); */
  width: 100%;
  height: 100%;
}
.info__box .info__box-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px;
}
.info__box-title {
  font-weight: 600;
  font-size: 36px;
  line-height: 42.95px;
  color: #212121;
  margin-bottom: 24px;
}
.info__box-text {
  font-weight: 500;
  font-size: 16px;
  line-height: 18.83px;
  max-width: 65%;
  color: #000;
  margin-bottom: 24px;
}
.info__box-button {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 800;
  padding: 0 16px 0 8px;
  color: #e5a500;
  background-color: #fff8e4;
  height: 80px;
  border-radius: 8px;
  justify-content: space-between;
  align-items: center;
}
.info__box-button-title {
  display: flex;
  align-items: center;
}
.info__box-button-title img {
  width: 80px;
  height: 80px;
}
.info__box-button svg {
  width: 15px;
  height: 15px;
}
.shops-btn__mobile {
  display: none;
}

@media (min-width: 902px) {
  #info-slider-list {
    justify-content: space-between;
  }
}
@media (max-width: 1440px) {
  .info__box-title {
    font-size: 26px;
    line-height: 31.02px;
  }
  .info__box-text {
    font-size: 14px;
    line-height: 16.48px;
  }
  .info__box-container .info__box-button {
    font-size: 16px;
    line-height: 18.83px;
  }
}
@media (max-width: 1200px) {
  .info__items {
    gap: 16px;
    margin-top: 54px;
    margin-bottom: 54px;
  }
  
  .info__box-container .info__box-button {
    max-width: 189px;
  }
  .info__box {
    padding: 0 10px;
    border-radius: 4px;
  }
  .info__box-title {
    line-height: 29px;
    margin-bottom: 15px;
    font-size: 24px;
  }
  .info__box-text {
    font-size: 14px;
    line-height: 19px;
    max-width: 265px;
    margin-bottom: 16px;
  }
}
@media (max-width: 901px) {
  .info__box-button {
    bottom: 20px;
  }
  .info__box {
    max-width: none;
  }
  .info__box-title {
    font-size: 24px;
    line-height: 22px;
  }
  .info__box-text {
    font-size: 18px;
    line-height: 16px;
  }
}
@media (max-width: 768px) {
  .info__items {
    flex-direction: column;
    margin-top: 32px;
    margin-bottom: 32px;
  }
  .info__box {
    width: 100%;
  }
  .shops-btn__desktop {
    display: none;
  }
  .shops-btn__mobile {
    display: flex;
  }
  .info__box-title {
    font-size: 20px;
  }
  .info__box-text {
    font-size: 12px;
  }
  .info__box-button {
    font-size: 16px;
  }
}
.btn-gift {
	margin-top: 12px;
	justify-content: center;
}

@media (max-width: 360px) {
	.btn-gift {
		font-size: 13px;
	}
}

.btn-gift .gift-icon {
	margin-top: -3px;
}

.gift-icon {
	width: 20px;
	height: 20px;
}

.header__top-buttons__item .gift-icon {
	width: 16px;
	height: 16px;
	position: absolute;
	right: 1px;
	top: -11px;
	transform: rotate(-9deg);
	color: #00B9BF;
	z-index: -1;
}

.header__top-buttons__item {
	z-index: 1;
}

@media (max-width: 1200px) {
	.header__top-buttons__item .gift-icon {
		width: 12px;
		height: 12px;
		right: -1px;
		top: -7px;
	}
}

.mobile-menu__item .gift-icon {
	width: 16px;
    height: 16px;
    position: absolute;
    left: 50%;
    margin-left: 2px;
    top: 0px;
    transform: rotate(-10deg) translateX(-50%);
    color: #00B9BF;
    z-index: -2;
}

.mobile-menu__item:has(>.gift-icon)::after {
	width: 17px;
	height: 8px;
	background: #fff;
	content: '';
	display: block;
	position: absolute;
	margin-left: 14px;
    top: 14px;
    transform: translateX(-50%);
	z-index: -1;
}

.cart-item--gift-order:not(.--selected)::after {
    background: #FFFFFF;
    opacity: 0.7;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
	pointer-events: none;
}
.cart-item--gift-order {
	position: relative;
}
.cart-item--gift-order:not(.--selected) .cart-item__product-counter {
    opacity: 0;
	pointer-events: none;
}
.cart-item--gift-order:not(.--selected) .cart-item__info-btn--remove {
    opacity: 0;
	pointer-events: none;
}
.cart-item--gift-order.--selected .cart-item__info-btn--gift {
	display: none;
}

.cart-item__info-btn--gift {
	position: relative;
	z-index: 10;
}
@media (min-width: 767px) {
	.cart-item__info-btn--gift {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
		font-size: 12px;
		z-index: 10;
		margin-top: -4px;
		display: inline-grid;
		grid-auto-flow: column;
		align-items: center;
		-webkit-column-gap: 1em;
		-moz-column-gap: 1em;
		column-gap: 1em;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		border-radius: 4px;
		padding: 0.7em 0.9em;
		color: #262626;
		line-height: 1.1;
		border: 0;
		font-weight: 500;
		font-size: 16px;
		text-align: center;
		cursor: pointer;
		text-decoration: none;
		background-color: #00B9BF;
		color: #fff;
	}
	.cart-item__info-btn--gift:hover {
		background-color: #33c5d4;
	}
}

.cart-item--gift-order .cart-item__info-btn--add {
    opacity: 0;
	pointer-events: none;
	display: none;
}

.cart-item--gift {
	position: relative;
}

.cart-item--gift .cart-item__info-buttonsItem--add {
    opacity: 0;
	pointer-events: none;
	display: none;
}

.cart-item--gift .cart-item__info-buttonsItem--gift {
    z-index: 10;
}
.cart-item--gift:not(.--selected) .cart-item__product-counter {
    opacity: 0;
	pointer-events: none;
}
.cart-item--gift:not(.--selected) .cart-item__info-buttonsItem--remove {
    opacity: 0;
	pointer-events: none;
}

.cart-item--gift.--selected .cart-item__info-buttonsItem--gift {
	display: none;
}

.cart-item--gift:not(.--selected)::after {
    background: #FFFFFF;
    opacity: 0.7;
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
	pointer-events: none;
}
@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";

#brokerage-root, .brokerage-font {
    font-family: Inter, sans-serif
}

.brokerage-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 10px;
    width: 100%;
    min-height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #0000009f;
    z-index: 10000000;
    font-family: Inter, sans-serif
}

.brg-content {
    display: flex;
    margin-top: 16px
}

.brg-order-info {
    margin-left: 8px;
    flex: 1
}

.brokerage-wrapper button {
    font-weight: initial
}

.brokerage-wrapper textarea::placeholder {
    color: #344563;
    font-size: 14px
}

.brokerage-wrapper input {
    font-family: Inter, sans-serif;
    -webkit-appearance: auto !important;
    -moz-appearance: auto !important;
    appearance: auto !important;
    padding: 0;
    margin: 0;
    display: initial !important
}

.brokerage-wrapper p {
    padding: 0;
    margin: 0;
    line-height: initial !important
}

.brokerage-wrapper input, textarea, button {
    font-family: Inter, sans-serif
}

@media screen and (max-width: 768px) {
    .brokerage-layout {
        height: 100dvh;
        overflow-y: scroll
    }
}

.brokerage-layout {
    position: relative;
    width: 815px;
    min-height: 600px !important;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #fff;
    padding: 16px 36px 12px;
    margin: 0 10px;
    transition: .3s;
    animation: fadeIn .5s
}

.brg-cart-block {
    min-height: 96px;
    box-sizing: border-box;
    margin-top: 10px;
    border: 1px solid #d2d6dc;
    border-radius: 4px;
    padding: 30px
}

.brg-title {
    color: #3667d6;
    font-size: 18px;
    font-weight: 600
}

.brg-cart-header {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    margin-bottom: 30px
}

.brg-cart-info {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 27px
}

.brg-product-list {
    margin-top: 30px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap
}

.brg-credit-step {
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    max-width: 320px;
    height: 56px;
    padding: 18px 24px;
    background: #f5fbff;
    border: 1px solid #7dabf8
}

.brg-step-count {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50%;
    border: 1px solid #7dabf8
}

.brg-step-text {
    font-size: 14px;
    font-weight: 600
}

.brg-input:focus {
    border: 1px solid #3667d6
}

.brg-otp-container {
    display: flex;
    gap: 20px
}

.brg-tooltip {
    max-width: 200px;
    background: #fff !important;
    color: #6b778c !important;
    box-shadow: 0 4px 16px #0000001a
}

.brg-tooltip:after {
    border-top-color: #fff !important
}

@media screen and (max-width: 920px) {
    .brg-input {
        max-width: 100% !important;
        width: 100%
    }
}

@media screen and (max-width: 768px) {
    .brokerage-layout {
        padding: 10px;
        border-radius: 0;
        margin: 0;
        overflow-y: auto
    }

    .brg-content {
        display: block
    }

    .brg-order-info {
        margin-left: 0;
        margin-top: 12px
    }

    .brokerage-wrapper {
        align-items: center;
        padding-top: 0
    }

    .brg-cart-header {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start
    }

    .brg-product-list {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 10px
    }

    .brg-cart-block {
        min-height: auto
    }
}

@media screen and (max-width: 380px) {
    .brg-otp-container {
        gap: 10px
    }

    .brg-otp-container div {
        width: 45px !important;
        height: 45px;
        text-align: center
    }

    .brg-otp-container input {
        width: 100% !important;
        padding: 13px 5px !important
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.brokerage-layout::-webkit-scrollbar {
    width: 5px
}

.brokerage-layout::-webkit-scrollbar-track {
    background: #fff;
    width: 3px
}

.brokerage-layout::-webkit-scrollbar-thumb {
    background: #bebebe
}