/* ---------------------------------------------------------------------------------- content-top-slider ---------------------------------------------------------------------------------------*/

.content-top-slider {
    margin: 3em 0;
}

.top-slider-slide {
    display: flex !important;
    justify-content: space-between;
    align-items: center;
    background:  #E2EFFE;
    padding: 80px;
    
}
.top-slider-wrapper .slick-list {
    border-radius: 1.5em;
}
.top-slider-slide {
    /*background-image: url(../img/image-16.png);*/
    /*background-repeat: no-repeat;*/
    /*background-position: right bottom;*/
    /*background-size: auto;*/
    /*background-blend-mode: multiply;*/
    /*position: relative;*/
    /*background-position-y: 5px ;*/
    /*background-position-x: 655px ;*/
   
}
.top-slider-slide::before {
    content:'';
    background-color: var(--color-main);
    position: absolute;
    width: 675px;
    height: 675px;
    right: -55px;
    left: auto;
    opacity: 0.1;
    border-radius: 50%;
}
.top-slider-text-blocks {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 1em;
}
.top-slider-title {
    font-size: 16px;
    color: var(--additional-text);
}
.top-slider-description-title {
    font-size: 32px;
    color: var(--color-333);
    font-weight: 500;
}
.top-slider-description {
    font-size: 20px;
    color: var(--color-333);
}
.top-slider-more-btn {
    padding: 9px 20px;
    background: var(--color-main);
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.3em;
    transition: all 0.3s ease;
}
.top-slider-more-btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.top-slider-wrapper .slick-prev {
    top: 42%;
    left: -18px;
    background: none;
}
.top-slider-wrapper .slick-next {
    top: 42%;
    right: -18px;
  background: none;
}
.top-slider-wrapper .slick-next::before {
    content: '';
    background-color: var(--color-white);
       width: 40px;
       background-image: url(../img/ic_arrow-next.svg);
       background-repeat: no-repeat;
       background-position: center;
    height: 40px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
position: absolute;
transition: all 0.3s ease;
}
.top-slider-wrapper .slick-next:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}
.top-slider-wrapper .slick-prev::before {
    content: '';
    background-color: var(--color-white);
       width: 40px;
       background-image: url(../img/ic_arrow-prev.svg);
       background-repeat: no-repeat;
       background-position: center;
    height: 40px;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
position: absolute;
transition: all 0.3s ease;
}
.top-slider-wrapper .slick-prev:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}

/* ---------------------------------------------------------------------------------- content-category-main ---------------------------------------------------------------------------------------*/
/* .category-main-wrapper {
    display: flex;
} */
.category-main-blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(255px, 1fr));
    gap: 1em;
}
#bx-soa-total {
    padding: unset !important;
    margin-bottom: 3em !important;
}
.bx-soa-sidebar {
    padding-left: unset !important;
}
.category-main-link {
    background-color: #E2EFFE;
    position: relative;
    overflow: hidden;
    display: flex;
    /*padding: 1.3em;*/
    padding: 1.3em 4em 1.3em 1.3em;
    border-radius: 1.3em;
    height: 100%;
    transition: all 0.3s ease;
}
.category-main-link:hover {
    background-color: #b7d0ee;
    transition: all 0.3s ease;
}
.category-main-1::after {
    content: url('../img/bg-category-1.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-2::after {
    content: url('../img/bg-category-2.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}

.category-main-3::after {
    content: url('../img/bg-category-3.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-4::after {
    content: url('../img/bg-category-4.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-5::after {
    content: url('../img/bg-category-5.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-6::after {
    content: url('../img/bg-category-6.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-7::after {
    content: url('../img/bg-category-7.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-8::after {
    content: url('../img/bg-category-8.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-9::after {
    content: url('../img/bg-category-9.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-10::after {
    content: url('../img/bg-category-10.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-11::after {
    content: url('../img/bg-category-11.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}
.category-main-12::after {
    content: url('../img/bg-category-12.svg');

    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
top: 0;
    left: 0;
    opacity: 0.1;
}

.category-main-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--color-333);
    text-align: left;
}
.image-category-title-1::before {
    content: url('../img/ic_firework_professional.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: -5px;
right: 0;
top: auto;
}
.image-category-title-2::before {
    content: url('../img/ic_firework_battery.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: 4px;
right: 0;
top: auto;
}
.image-category-title-3::before {
    content: url('../img/ic_firework_bengal.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: 4px;
right: 0;
top: auto;
}
.image-category-title-4::before {
    content: url('../img/ic_firework_fly.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: 4px;
right: 0;
top: auto;
}
.image-category-title-5::before {
    content: url('../img/land.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: 12px;
    right: 15px;
top: auto;
}
.image-category-title-6::before {
    content: url('../img/firecrackers.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: 4px;
right: 0;
top: auto;
}
.image-category-title-7::before {
    content: url('../img/ic_firework_rocket.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: 4px;
right: 0;
top: auto;
}
.image-category-title-8::before {
    content: url('../img/ic_firework_candle.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: 4px;
right: 0;
top: auto;
}
.image-category-title-9::before {
    content: url('../img/ic_firework_ball.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: -4px;
right: 0;
top: auto;
}
.image-category-title-10::before {
    content: url('../img/ic_firework_fontain.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: -4px;
right: 0;
top: auto;
}
.image-category-title-11::before {
    content: url('../img/ic_firework_hlopok.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: -4px;
right: 0;
top: auto;
}
.image-category-title-12::before {
    content: url('../img/ic_firework_equipment.svg');
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
position: absolute;
bottom: -4px;
right: 0;
top: auto;
}


/* ---------------------------------------------------------------------------------- content-main-price ---------------------------------------------------------------------------------------*/

.content-main-price {
    margin: 3em 0;
}
.main-price-wrapper {
    display: flex;   
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 1.5em;
    align-items: center;
    padding: 60px 90px;
    gap: 4em;
    background-image: url(../img/img-catalog.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
}
.main-price-text-blocks {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 2em;
}
.main-price-form {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.main-price-form input {
    padding: 9px 16px;
    font-size: 14px;
    border: 1px solid  #CDDAEA;
    border-radius: 0.3em;
    width: 260px;
    color: var(--color-333);
}
.main-price-form input::placeholder {
    color: var(--color-placeholder);
}

.main-price-title {
    font-size: 32px;
    color: var(--color-333);
    font-weight: 500;
}
.main-price-description {
font-size: 20px;
color: var(--color-333);
}
.main-price-btn {
    display: flex;
    padding: 9px 20px;
    align-items: center;
    justify-content: center;
    background-color: var(--color-main);
    gap: 0.5em;
    border-radius: 0.3em;
    color: var(--color-white);
}
.main-price-btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}

.js-validate-error-label {
    display: none;
}
.main-price-form label {
    display: flex;
    align-items: flex-start;
}
label .agree-inp {
    width: 30px;
    padding: 5px;
}
.agree-text {
    font-size: 12px;
    color: var(--color-333);
    text-align: left;
}
.agree-link {
    color: var(--color-main);
}

/* ---------------------------------------------------------------------------------- content-best-collection -------------------------------------------------------------------------------*/

.content-best-collection {
    margin: 3em 0;
}
.best-collection-wrapper {
    display: flex;
    gap: 5em;
}
.best-collection-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    text-align: left;
}
.best-collection-title {
    font-size: 24px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.best-collection-title-block {
    margin-bottom: 1.5em;
}
.best-collection-description-blocks {
    font-size: 14px;
    color: var(--color-333);
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.best-collection-image-block {
    object-fit: cover;
    width: 100%;
}
.best-collection-image-block-mob {
    display: none;
}
.best-collection-content-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    justify-content: space-between;
}
.best-collection-content-slider {
    max-width: 525px;
}
.best-collection-slide.slick-slide img {
    display: block;
    width: 100%;
    object-fit: contain;
    height: auto;
    padding-right: 32px;
}
.best-collection-content-slider .slick-prev {
    top: 42%;
    left: -40px;
    background: none;
    font-size: unset;
}
.best-collection-content-slider .slick-next {
    top: 42%;
    right: -5px;
  background: none;
  font-size: unset;
}
.best-collection-content-slider .slick-next::before {
    content: '';
    background-color: var(--color-white);
       width: 32px;
       background-image: url(../img/ic_arrow-next.svg);
       background-repeat: no-repeat;
       background-position: center;
       box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    height: 155px;
    left: 0;
    top: -65px;
    right: 0;
    bottom: 0;
    border-radius: 1em;
position: absolute;
transition: all 0.3s ease;
}
.best-collection-content-slider .slick-next:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}
.best-collection-content-slider .slick-prev.slick-arrow::before {
    content: '';
    background-color: var(--color-white);
       width:32px;
       background-image: url(../img/ic_arrow-prev.svg);
       background-repeat: no-repeat;
       background-position: center;
       box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
       height: 155px;
       left: 0;
       top: -65px;
       right: 0;
       bottom: 0;
       border-radius: 1em;
   position: absolute;
   transition: all 0.3s ease;
}
.best-collection-content-slider .slick-prev:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}

/* ---------------------------------------------------------------------------------- content-main-site-cards -------------------------------------------------------------------------------*/

.content-main-site-cards {
    margin: 3em 0;
}
.main-site-cards-blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5em;
}
.main-site-cards-block {
    background-color: #E2EFFE;
    background-image: url(../img/img-salut.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    padding: 2em;
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 0.5em;
    justify-content: flex-start;
    border-radius: 0.5em;
}
.main-site-cards-title {
    font-size: 32px;
    font-weight: 500;
    color: var(--color-main);
}
.main-site-cards-description {
font-size: 14px;
color: var(--color-333);
}

/* ---------------------------------------------------------------------------------- content-main-news -------------------------------------------------------------------------------*/
.content-main-news {
    margin: 3em 0;
}
.main-news-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.main-news-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--color-333);
    text-align: left;
}
.main-news-more-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-news-more-link-blocks {
    display: flex;
    gap: 12px;
}
.main-news-more-link {
    font-size: 12px;
    color: var(--color-333);
    background-color:#E2EFFE;
    border-radius: 0.3em;
    padding: 5px 10px;
    font-weight: 500;
}
.main-news-more-link:focus,
.main-news-more-link:hover,
.main-news-more-link:active {
background-color: var(--color-main);
color: var(--color-white);
}
.main-news-link-checked {
    font-size: 14px;
    color: var(--color-main);
}
.main-news-slider-text-blocks {
    display: flex;
    flex-direction: column;
}
.main-news-slider-product-block {
    display: flex;
    margin: 1.5em 0;
    gap: 1em;
    align-items: center;
}
.main-news-slider-product-text {
    padding: 2px 10px;
    font-size:12px ;
    color: var(--color-white);
    background-color: var(--color-main);
    border-radius: 0.3em;
}
.main-news-slider-pruduct-date {
    font-size: 14px;
    color:var(--additional-text);
}
.main-news-slider-description {
    text-align: left;
    font-size: 16px;
    color: var(--color-333);
}

.main-news-slider-wrapper .slick-prev {
    top: 42%;
    left: -18px;
    background: none;
}
.main-news-slider-wrapper .slick-next {
    top: 42%;
    right: -18px;
  background: none;
}
.main-news-slider-wrapper .slick-next::before {
    content: '';
    background-color: var(--color-white);
       width: 40px;
       background-image: url(../img/ic_arrow-next.svg);
       background-repeat: no-repeat;
       background-position: center;
    height: 40px;
    left: 0;
    
    top: -40px;
    right: 0;
    bottom: 0;
    border-radius: 50%;
position: absolute;
box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
transition: all 0.3s ease;
}
.main-news-slider-wrapper .slick-next:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}
.main-news-slider-wrapper .slick-prev::before {
    content: '';
    background-color: var(--color-white);
       width: 40px;
       background-image: url(../img/ic_arrow-prev.svg);
       background-repeat: no-repeat;
       background-position: center;
    height: 40px;
    left: 0;
    top: -40px;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    right: 0;
    bottom: 0;
    border-radius: 50%;
position: absolute;
transition: all 0.3s ease;
}
.main-news-slider-wrapper .slick-prev:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}
.main-news-slider-link.slick-slide {
    width: 415px;
    overflow: hidden;
    margin: 0 10px;
    
}
.main-news-slider-link img {
    width: 415px;
    height: 208px;
    object-fit: cover;
    transition: all 0.5s ease;
}
.main-news-slider-link:hover img {
 filter:    brightness(110%);
 transition: all 0.5s ease;
}
.bx-auth-reg p {
    padding-bottom: 8em !important;
}

/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/
@media all and (max-width:1250px) {
    .top-slider-slide {background-position-x: 565px;}
    .category-main-block  {height: 130px;}
}
@media all and (max-width:1050px) {
    .best-collection-content-blocks { gap: 5.5em;justify-content: flex-start;}
     .main-site-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
    .main-news-slider-link.slick-slide {width: 420px;}
    .category-main-block  {height: 130px;}
    .top-slider-slide::before {top: -160px;left: 28%;width: 450px;height: 450px;}
    .top-slider-slide {flex-direction: column; padding-top: 16em;background-size: 400px;background-position-y: -10px;    background-position-x: 52%;}
    .top-slider-wrapper .slick-dots {position: absolute;bottom: 20px;left: 50%;right: auto;}
    .slick-dots li.slick-active {width: 8px; background: var(--color-main);}
    .slick-dots li {width: 8px;height: 8px; background: var(--color-white);}
 }
 @media all and (max-width:1000px) {
    .best-collection-image-block {display: none;}
    .best-collection-image-block-mob {display: block;}
    .best-collection-wrapper {flex-direction: column;}
    .best-collection-title {text-align: center;}
    .best-collection-content-blocks {justify-content: center;align-items: center;}
    .main-site-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
    .main-news-slider-link.slick-slide {width: 420px;}
    .top-slider-wrapper .slick-dots {left: 45%;}
 }
 @media all and (max-width:900px) {
    .top-slider-slide {background-position-x: 57%;}
    .main-price-wrapper {flex-direction: column;background-size: 535px;background-position: center bottom;}
    .main-price-form input {width: 100%;}
    .main-price-form {width: 500px;}
    .agree-inp {width: 30px !important;}
 }
 @media all and (max-width:800px) {
    .top-slider-slide::before {left: 22%;}
    .top-slider-slide {background-position-x: 55%;}
    .best-collection-slide.slick-slide img {padding-right: unset}
 }
 @media all and (max-width:680px) {
    .top-slider-slide::before {left: 15%;}
    .top-slider-slide {background-position-x: 55%;}
 }
 @media all and (max-width:600px) {
    .top-slider-slide::before {width: 350px;height: 350px;left: 22%;}
    .top-slider-slide {background-size: 250px; background-position-y: 0; }
    
 }
 @media all and (max-width:550px) {
    .top-slider-slide::before {left: 14%;}
    .main-price-form,.main-price-form input {width: 100%;}
    .best-collection-title {text-align: left;}
   
    .best-collection-content-blocks {    align-items: unset;}
    .best-collection-image-block-mob img {width: 100%;}
    /* .best-collection-content-slider .slick-track {display: flex;gap: 4em;} */
    .best-collection-slide img {width: 100%;height: 155px; object-fit: contain;}
    
 }
 @media all and (max-width:480px) {
    .top-slider-slide::before {left: 7%;}
    .main-news-slider-link img {width: 400px;height: 200px;}
    .main-price-wrapper {background-size: 400px;}
 }
 @media all and (max-width:400px) {
    .top-slider-slide::before {left: -1%;}
    .top-slider-description-title {font-size: 28px;}
    .main-news-link-checked-block {display: none;}
   
 }
 @media all and (max-width:350px) {
    .top-slider-slide::before {left: 1%;width: 300px; }
    .top-slider-slide {padding-top: 10em;}
    .main-site-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
    .main-news-slider-link img {width: 280px;height: 145px;}
 }


 /* ---------------------------------------------------------------------------------- catalog-content -------------------------------------------------------------------*/
.category-main-wrapper {
	margin: 1.5em 0 3em;
}
.category-title-block {
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5em;
}
.category-title {
	font-size: 32px;
    font-weight: 500;
    color: var(--color-333);
}
.cart-main-card__product-order-add-text-block {
	color: #EB5757;
}
.catalog-content {
    margin: 1.5em 0;
}
.catalog-title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.catalog-sort-blocks {
    display: flex;
    gap: 1.5em;
}
.catalog-title {
    font-size: 32px;
    font-weight: 500;
    color: var(--color-333);
}
.catalog-sort-link {
    display: flex;
    gap: 0.2em;
    align-items: stretch;
    font-size: 14px;
    color: var(--color-main);
}
.catalog-sort-link:hover,
.catalog-sort-link:active,
.catalog-sort-link:focus {
    color: var(--color-333);
}
.img-sort {
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
}
.img-sort.active {
    transform: rotate(180deg);
    transition: all .3s ease;
    opacity: 1;
    visibility: visible;
    color: var(--color-333);
}
.img-sort.non-active {
    transform: rotate(0deg);
    transition: all .3s ease;
    opacity: 1;
    visibility: visible;
    color: var(--color-333);
}

 /* ---------------------------------------------------------------------------------- main-catalog-content-------------------------------------------------------------------*/

 .main-catalog-content {
    margin: 1.5em 0;
    
 }
 .main-catalog-wrapper {
    display: flex;
    border-radius: 0.5em;
    gap: 4em;
 }
.main-catalog-filter {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    padding: 24px 16px;
    background-color: rgba(39, 94, 189, 0.05);
    height: fit-content;
    border-radius: 0.5em;
}
.main-catalog-block {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}
.checbox-block{
    display: flex;
    gap: 0.2em;
}
.checbox-block input[type="checkbox"] {
    width: 16px;
    height: 16px;
}
.form-price-slide {
    display: flex;
    gap: 0.5em;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}
.form-price-slide span {
margin-right: 2px;
}
.form-price-slide label {
    width: 100px;
    padding: 5px 8px;
    border-radius: 0.5em;
    border: 1px solid #CDDAEA;
    display: flex;
    background-color: var(--color-white);
}
.form-price-slide label input {
    width: 100%;
    border: none;
}
.form-price-slide label span {
    color: var(--additional-text);
}

.range-slide-title {
    font-size: 16px;
    text-align: left;
    font-weight: 700;
}
.noUi-horizontal {
 height: 4px;   
}
.noUi-target {
    background-color:#CDDAEA ;
    border: none;
}
.noUi-connect {
    background-color: var(--color-main);
}
.range-slide__slider {
    width: 90%;
}
.noUi-horizontal .noUi-handle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: var(--color-main);
    box-shadow: none;
    border: none;
}
.noUi-horizontal .noUi-handle::after,
.noUi-horizontal .noUi-handle::before{
    display: none;
}
.range-slide-block {
    gap: 2em;
}
.filter-btn-block {
    margin-top: -0.5em;
}
.filter-btn-block .filter-btn-normal {
    background-color:#E2EFFE ;
    color: var(--color-main);
    font-size: 14px;
    font-weight: 600;
    padding: 7px 16px;
    border-radius: 0.3em;
    width: 100%;
    transition: all .3s ease;
}
.filter-btn-block .filter-btn-normal:hover {
    background-color:#acccf0 ; 
    transition: all .3s ease;
}
.checbox-text {
    color: var(--color-333);
    font-weight: 400;
}
.main-catalog-cards {
    width: 100%;
}
.main-catalog-cards-block {
    display: flex;
    flex-direction: column;
    gap: .5em;
    padding: 20px;
   
}
.main-catalog-cards-up-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-catalog-cards-up-title-block {
    display: flex;
    gap: 0.5em;
}
.main-catalog-cards-image-block {
}
.main-catalog-cards-image-block img{
    object-fit: contain;
    height: 180px;
    width: 100%;

}
.main-catalog-cards-image-video {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.main-catalog-cards-article-block {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    text-align: left;
    margin-bottom: 0.5em;
}
.main-catalog-cards-properties-blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(75px, 1fr));
    gap: 1em;
}
.main-catalog-cards-properties-block {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.main-catalog-cards-properties-text {
    font-size: 12px;
    color: #000000;
    font-weight: 500;
}
.main-catalog-cards-price-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 0.6em;
}
.main-catalog-cards-article-title {
    font-size: 14px;
    color: var(--color-placeholder);
}
.main-catalog-cards-article {
    font-size: 14px;
    color: var(--color-333);
    font-weight: 500;
}
.main-catalog-cards-in-stock-text {
    font-size: 12px;
    text-align: left;
    color: var(--color-333);
    font-weight: 500;
}
.main-catalog-cards-price-text {
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}
.main-catalog-cards-price-cart {
    background-color: var(--color-main);
    border-radius: 0.3em;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    gap: 0.5em;
    padding: 7px 16px;
    transition: all 0.3s ease;
}
.main-catalog-cards-price-cart:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.main-catalog-cards-title {
    background-color: var(--color-main);
    border-radius: 0.3em;
    color: var(--color-white);
    font-size: 12px;
    padding: 5px 10px;

}
.cart-main-card__price-ask-span {
    display: flex;
    background: gainsboro;
    padding: 0 5px;
    border-radius: 50%;
    font-size: 10px;
    cursor: pointer;
    color: #fff;
}
.cart-main-card__price-ask {
    padding: 1em;
    border-radius: 5px;
    display: none;
    z-index: 1251;
    background:#fff;
    bottom: 37px;
    box-shadow: 0 4px 16px 1px rgba(0,26,52,.16);
    font-size: 12px;
}
.cart-main-card__price-ask a {
    font-size: 12px;
}
.cart-main-card__price-ask-span.click + .cart-main-card__price-ask{
    display: block;
    position:absolute;


}
.main-catalog-cards-price-block {
    position: relative;
}
.black-title {
    background-color: #E2EFFE;
    border-radius: 0.3em;
    color:var(--color-333);
    font-size: 12px;
    padding: 5px 10px;
    font-weight: 500;
}
.img-fav{
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
.img-fav.active{
    filter: grayscale(0%);
    transition: all 0.3s ease;
}
.card-link-video img{
    filter: grayscale(100%);
    transition: all 0.3s ease;
}
.card-link-video:hover img{
    filter: grayscale(0%);
    transition: all 0.3s ease;
}
.card-link-fav {
    display: flex;
    align-items: center;
}
.main-catalog-cards-blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 0fr));
    gap: 1em;
}

.main-catalog-filter-mob {
    position: fixed;
    left: 0;
    top: 0;
    max-width: 400px;
    width: 100%;
    height: 100vh;
    z-index: 100;
    box-shadow: 5px 0 15px -5px rgba(0,0,0, 0.8);
    background-color: #fff;
    transform: translateX(-150vw);
    overflow-x: hidden;
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    gap: 1.5em;

}
.filter-title-block-mob {
    display: flex;
    align-items: center;
    gap: 1em;
}
.filter-arrpove-btn {
    background-color: var(--color-main);
    border-radius: 0.3em;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    justify-content: center;
    gap: 0.5em;
    padding: 7px 16px;
    transition: all 0.3s ease;
    width: 100%;
}
.filter-arrpove-btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.catalog-filter-block {display: none;}
 /* ---------------------------------------------------------------------------------- Адаптив -------------------------------------------------------------------*/
@media all and (max-width:1300px) {
    .main-catalog-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
}
@media all and (max-width:1299px) {
    .main-catalog-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(350px, 0fr));}
}
@media all and (max-width:1050px) {
.main-catalog-wrapper {gap: 2em}
    .main-catalog-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(300px, 0fr));}
}
@media all and (max-width:910px) {
    .main-catalog-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(270px, 0fr));}

}
@media all and (max-width:880px) {
  .main-catalog-filter {display: none;}
  .catalog-filter-block {display: block;}
.catalog-sort-blocks {display: none;}
.catalog-sort-blocks-mob {display: block;}
.main-catalog-filter-mob.open {
    transform: translateX(0);
    transition: all 0.3s;
    padding: 16px;
    width: 300px;
}
.filter-title-block-mob {
    font-size: 20px;
    font-weight: 500;
    color: var(--color-333);
}
   .range-slide__slider {width: 65%;}
    .form-price-slide {justify-content: flex-start;}
    .form-price-slide label {width: 100%;}
    .main-catalog-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
    .bx_filter_section {display: none}
 }
 @media all and (max-width:400px) {
    .main-catalog-filter-mob.open {width: 100%;}
     .main-catalog-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
     .main-catalog-wrapper {gap: unset;}
 }
 /* ----------------------------------------------------------------------------------  main-catalog-inner-content -------------------------------------------------------------------*/
.main-catalog-inner-content {
    margin: 2em 0;
}
.main-catalog-inner-wrapper {
    display: flex;
    flex-direction: column;
    position: relative;
}
.main-catalog-product-blocks {
    display: flex;
    gap: 2em;
 
}
.main-catalog-inner-back-block {
    width: 170px;
    position: absolute;
}
.main-catalog-inner-title-link {
    color: var(--color-white);
    font-weight: 500;
    display: flex;
    gap: 0.5em;
    align-items: center;
    font-size: 14px;
    background-color: var(--color-main);
    padding: 7px 16px;
    border-radius: .4em;
    transition: all 0.3s ease;
}

.main-catalog-inner-title-link:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.main-catalog-product-block {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    margin-top: 3em;
}
.main-catalog-product-block-slide img {
    width: 100px;
    object-fit: contain;
    height: 100px;
}


.main-catalog-product-block-slider-big img {
    width: 100%;
    height: 350px;
    object-fit: contain;
}

.main-catalog-product-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.main-catalog-product-existence-text-blocks {
    display: flex;
    gap: 0.8em;
    align-items: center;
}
.main-catalog-product-existence-article {
    font-size: 14px;
    color: var(--color-placeholder);
    text-transform: uppercase;
}
.main-catalog-product-existence-available-block {
    background-color: var(--color-main);
    padding: 2px 10px;
    border-radius: .2em;
}
.main-catalog-product-existence-available {
    color: var(--color-white);
    font-size: 12px;

}
.main-catalog-product-existence-card-block {
    background-color: #E2EFFE;
    padding: 2px 10px;
    border-radius: .2em;
}
.main-catalog-product-existence-card {
    color: var(--color-333);
    font-size: 12px;
    font-weight: 500;
}
.main-catalog-product-text-title {
    text-align: left;
    font-size: 32px;
    color: var(--color-333);
    font-weight: 500;
}
.main-catalog-product-select-wrapper {
    display: flex;
    gap: 0.5em;
    width: 400px;
    padding: 10px 16px;
    border: 1px solid  #CDDAEA ;
    border-radius: 0.3em;
}
.main-catalog-product-select-title {
    font-size: 14px;
    color: var(--color-placeholder);
}
.main-catalog-product-selection {
    width: 100%;
    outline: none;
    border: none;
    appearance: none;
    background-image: url(../img/ic_arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right;
}
.main-catalog-product-selection:focus-visible {
    outline: none;
    border: none;
}
.main-catalog-product-select {
    font-size: 14px;
    color: var(--color-333);
}
.main-catalog-product-add-blocks {
    display: flex;
    gap: 1em;
    width: 400px;
    align-items: center;
    justify-content: space-between;
}
.main-catalog-product-add-btn-blocks {
    display: flex;
    gap: 0.5em;
    align-items: center;
}
.main-catalog-product-price {
    font-size: 32px;
    font-weight: 500;
    color: var(--color-333);
}

.main-catalog-product-add-btn{
    color: var(--color-white);
    font-weight: 500;
    display: flex;
    gap: 0.5em;
    align-items: center;
    font-size: 14px;
    background-color: var(--color-main);
    padding: 10px 20px;
    border-radius: .4em;
    transition: all 0.3s ease;
}

.main-catalog-product-add-btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}

.main-catalog-product-feature-blocks {
    display: flex;
    flex-direction: column;
}
.main-catalog-product-feature-title {
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-333);
}

.main-catalog-product-feature-blocks__main {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    column-gap: 2em;
    row-gap: 1em;
    margin-bottom: 2em;
}
.main-catalog-product-feature-block__main {
    display: flex;
    gap: 0.5em;
    align-items: center;
    justify-content: flex-end;
}
.main-catalog-product-feature-block__main-title {
    font-size: 14px;
    color: var(--additional-text);
    overflow: hidden;
}


.main-catalog-product-feature-block__main-description {
    font-size: 14px;
    color: var(--color-333);
    font-weight: 400;
}
.main-catalog-product-feature-block__main-title::after {
    content: '.............................................................................................................................................................................................................................................';
    display: flex;
  white-space: nowrap;
  overflow: hidden;
  color: var(--color-placeholder);
}
.main-catalog-product-feature-block__main-title span:first-of-type {
    float:left;
    margin-right: 10px;
  }
.main-catalog-product-feature-block__main-title span:last-of-type {
    float:right;
    margin-left: 10px;
  }
  
.main-catalog-product-feature-block__main-title:last-of-type{
    margin-left: 0px;
}
.main-catalog-product-feature-block__main:nth-of-type(6),
.main-catalog-product-feature-block__main:nth-of-type(7),
.main-catalog-product-feature-block__main:nth-of-type(8),
.main-catalog-product-feature-block__main:nth-of-type(9) {
    margin-left: 24px;
}
.main-catalog-product-description__title {
    font-size: 14px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.main-catalog-product-thumb-slide-block {
    display: flex;

}
.gallery-thumbs {
    width: 100%;
    padding: 0 20px;
    overflow: hidden;
}
.gallery-thumbs .swiper-wrapper .swiper-slide {
   
    height: 64px;
    overflow: hidden;
    border-radius: 0.5em;
}
.gallery-thumbs .swiper-wrapper .swiper-slide img {
    width: auto;
    height: 100%;
}
.gallery-thumbs .swiper-wrapper .swiper-slide iframe {
    width: 100%;
    height: 100%;
    position: relative;
  
}
.gallery-thumbs .swiper-wrapper .swiper-slide iframe::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1414;
    background-image: url(../img/best-slider-2.png);
} 
video:-webkit-full-page-media {
    display: none;
}
.gallery-thumbs .swiper-wrapper .swiper-slide-thumb-active {
    border: 2px solid var(--color-main);
} 
.gallery-slider {
    display: flex;
    flex-direction: column;
    max-width: 550px;
    overflow: hidden;
}
.gallery-slider .swiper-wrapper .swiper-slide {
    width: auto;
    height: 400px;
}
.gallery-slider .swiper-wrapper .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    object-fit: contain;
}
.gallery-slider .swiper-wrapper .swiper-slide iframe{
    display: block;
    width: 100%;
    height: 350px;
  
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-weight: 700;
    font-size: 20px;
}

.swiper-button-prev,
.swiper-button-next {
    position: relative;
    height:100%;
    background-color: var(--color-white);
    border-radius: 0.5em;
    box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
    top: 30%;
    width: calc(var(--swiper-navigation-size)/ 44 * 32);
}
.swiper-button-next {right: -4px;}
.swiper-button-prev {left: -4px;}
.main-catalog-product-description__about {
    text-align: left;
    font-size: 14px;
    color: var(--color-333);
}
.main-catalog-product-description__blocks {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.main-catalog-product-feature-blocks {
    gap: 1em;
}
.main-catalog-product-sertificte_link-download {
    display: flex;
    gap: 0.5em;
    padding:7px 16px;
    align-items: center;
    background-color: #E2EFFE;
    border-radius: 0.3em;
    width: fit-content;
    transition: all .3s ease;
}
.main-catalog-product-sertificte_link-download:hover {
    background-color: #c0daf8;
    transition: all .3s ease;
}
 /* ---------------------------------------------------------------------------------- Адаптив -------------------------------------------------------------------*/

 @media all and (max-width:1050px) {
.main-catalog-product-blocks {flex-direction: column; align-items: center;}
.swiper-button-prev, .swiper-button-next {height: 100px !important;margin-top:unset; top: 150px !important;}

 }
 @media all and (max-width:520px) {
    .gallery-slider .swiper-wrapper .swiper-slide {height: 280px;}
    .main-catalog-product-block,.gallery-slider {max-width: 100%;}
    .main-catalog-product-block {gap: 1.5em;}
    .gallery-thumbs .swiper-wrapper .swiper-slide,  .swiper-button-prev, .swiper-button-next {height: 100px;}
   .main-catalog-product-text-title {font-size: 24px;}
   .main-catalog-product-select-wrapper,.main-catalog-product-add-blocks {width: 100%;}
   .main-catalog-product-add-blocks {flex-direction: column;align-items: flex-start;}
   .main-catalog-product-price {text-align: left;}
   .main-catalog-product-add-btn-blocks,.main-catalog-product-btn-block,.main-catalog-product-add-btn {width: 100%;justify-content: center;}
 }
 @media all and (max-width:400px) {
    .gallery-thumbs .swiper-wrapper .swiper-slide img {width: 100%;height: auto;}
 }



 /* ---------------------------------------------------------------------------------- cart-content -------------------------------------------------------------------*/

 .cart-content {
    margin: 2em 0 7em 0;
 }
 .cartForm {
    display: flex;
    justify-content: space-between;
    gap: 2.5em;
 }
 .cart-left-blocks {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 2em;
 }
 .cart-left-title-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
 }
 .cart-left-delete-cart-block {
    display: flex;
    align-items: center;
    gap: 0.5em;
 }
 .cart-left-title {
    font-size: 24px;
    font-weight: 500;
    color: #1d1d1d;
 }
 .cart-left-delete-cart-text {
    font-size: 14px;
    color: #EB5757;
 }
 .cart-main-header-text-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 1em;
 }
 .cart-main-blocks-up-wrap {
    padding: 16px 24px;
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 0.5em;
 }
 .cart-main-blocks {
    display: flex;
    flex-direction: column;
    gap: 4em;
 }
 
 .cart-main-quantity-text-blocks {
    display: flex;
    align-items: center; 
 }
 .cart-main-quantity-text-block {
    /*width: 140px;*/
    width: 160px;
 }
.cart-main-quantity-text-block:first-child {
    width: 144px;
    margin-right: 16px;
}
.cart-main-quantity-text-block:last-child {
    width: 144px;
    margin-left: 16px;
}
 .cart-main-description,
 .cart-main-quantity__text {
    font-size: 14px;
    color: var(--additional-text);
 }
 .cart-main-card__product-blocks {
    display: flex;
    flex-direction: column;
 }
.cart-main-card__product-block {
    display: flex;
    /*padding: 14px 12px;*/
    padding: 14px 0;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #CDDAEA ;
}
.cart-main-card__product-image-block img {
    /*width: 80px;*/
    width: 70px;
    height: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
    margin-right: 10px;
}
.cart-main-card__product-text-blocks {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 0.2em;
}
.cart-main-card__product-title {
    font-size: 14px;
    color: var(--color-333);
}
.cart-main-card__product-article {
    font-size: 14px;
    color: var(--additional-text);
    text-transform: uppercase;
}
.cart-main-card__product-action-blocks {
    display: flex;
    gap: 0.5em;
}
.cart-main-card__product-fav-action {
    background-image: url(../img/ic_fav-cart-blue.svg);
    width: 20px;
    height: 20px;
}
.cart-main-card__product-wrapper-action {
    display: flex;
    align-items: center;
}
.cart-main-card__count-blocks {
    display: flex;
    /*width: 150px;*/
    width: 144px;
    flex-direction: column;
}
.cart-main-card__count-blocks > div {
    display: flex;
    flex-direction: column;
}
.cart-main-card__count-blocks input {
    background: 0 0;
    padding: 0;
    border: none;
    text-align: center;
    /*cursor: pointer;*/
    position: relative;
    bottom: 0;
    top: auto;
    display: inline;
    width: calc(100% - 80px);
    font-size: 16px;
    font-weight: 700;
    color: var(--color-333);
    line-height: 40px;
}
.cart-main-card__product-wrap {
    display: flex;
    /*gap: 1.5em;*/
    align-items: center;
    /*width: 100%;*/
    width: 480px;
    /*justify-content: flex-end;*/
    justify-content: space-between;
}
.cart-main-card__product-wrap__noflex {
    justify-content: flex-start;
    width: calc(100% - 495px);
    gap: 0;
}
.cart-main-card__count-btn {
    background-color: #E2EFFE;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    position: relative;
}
.cart-main-card__count-blocks-boxes {
    display: block;
    font-size: 12px;
    color: var(--color-333);
    background: #E2EFFE;
    line-height: 20px;
    width: fit-content;
    border-radius: 8px;
    padding: 2px 4px;
    margin: 0 0 12px auto;
}
.cart-main-card__count-blocks-boxes img {
    margin-right: 2px;
    position: relative;
    left: 2px;
    top: 1px;
}
.cart-main-card_count-blocks-buttons {
    background: #FFF;
    border-radius: 8px;
    display: flex;
    place-self: end;
    width: 100%;
}
.cart-main-card__count-blocks-heading {
    display: block;
    margin-top: 15px;
    margin-bottom: 5px;
    font-size: 14px;
    color: var(--additional-text);
    line-height: 14px;
}
.cart-minus::before {
    content: '';
    width: 12px;
    height: 2px;
    background-color: var(--color-main);
    position: absolute;
    right: 33%;
    top: 50%;
    border-radius: 1px;
}
.cart-plus::before {
    content: '';
    width: 12px;
    height: 2px;
    background-color: var(--color-main);
    position: absolute;
    right: 33%;
    top: 50%;
    border-radius: 1px;
}
.cart-plus::after {
    content: '';
    width: 12px;
    height: 2px;
    background-color: var(--color-main);
    position: absolute;
    right: 33%;
    top: 50%;
    transform: rotate(90deg);
    border-radius: 1px;
}
input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}
.cart-main-card__price-list-blocks {
    /*width: 100px;*/
    width: 144px;
}
.cart-main-card__price-list-new-title {
    font-size: 20px;
    font-weight: 700;
    color: var(--color-333);
    text-align: center;
}
.cart-main-card__price-list-old-title {
    font-size: 14px;
    font-weight: 700;
    color:  #EB5757;
    text-align: center;
    text-decoration: line-through;
}
.cart-main-choose__delivery-block-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 95%;
}
.cart-main-choose__delivery-block-form-title-block {
    margin-bottom: 1em;
}
.cart-main-choose__delivery-block-form--title {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    color: #1d1d1d;
}
.cart-main-choose__delivery-label__form  {
    padding: 24px;
    background-color:rgba(39, 94, 189, 0.05) ;
    display: flex;
    gap: 20px;
    align-items: center;
    border: 0.5px solid #CDDAEA;
    border-radius: 0.5em;
}
.label__form-active {
    border: 0.5px solid var(--color-main);
    background: #E2EFFE;
}

.delivery-img {
    background-image: url(../img/delivery_ic.svg);
    width: 65px;
    height: 50px;
    background-repeat: no-repeat;
    transition: all .3s ease;
}
.car-img {
    background-image: url(../img/car_ic.svg);
    width: 65px;
    height: 50px;
    background-repeat: no-repeat;
    transition: all .3s ease;
}
.label__form-active > .delivery-img {
    background-image: url(../img/delivery_ic-active.svg);
    transition: all .3s ease;
}
.label__form-active > .car-img {
    background-image: url(../img/car_ic-active.svg);
    transition: all .3s ease;
}
.cart-main-choose__delivery-label__form input[type="radio"] {
   display: none;
}

.radio-custom-check {
    display: inline-block;
    position: relative;
    width: 18px;
    height: 16px;
    margin-right: 10px;
    border: 1px solid #CDDAEA;
    border-radius: 50%;
  }

  .radio-custom-check:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-white);
    transition: all 0.2s ease-in-out;
  }
  .cart-main-choose__delivery-label__form input[type="radio"]:checked ~ .radio-custom-check::before {
    transform: translate(-50%, -50%) scale(2);
    border: 2px solid var(--color-main);
  }

.cart-main-choose__text_blocks {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}
.cart-main-choose__delivery-label_adress {
    text-align: left;
    padding-left: unset;
    width: 257px;
    font-size: 14px;
    color: var(--additional-text);
    transition: all .3s ease;
}
.label__form-active .cart-main-choose__delivery-label_adress {
    color: var(--color-main);
    transition: all .3s ease;
    padding-right: 16px;
  }
.cart-main-choose__delivery-label_title,
.cart-main-choose__delivery-label_title-mob,
.cart-main-choose__delivery-label_title.-to {
    font-size:16px ;
    color: #1d1d1d;
    font-weight: 400;
}
.cart-main-choose__delivery-label_title-mob {
    display: none;
}
.cart-main-choose__delivery-adress_info {
    font-size: 14px;
    color: var(--additional-text);
    display: flex;
    gap: .5em;
}
.label__form-active .cart-main-choose__delivery-adress_info {
    color: var(--color-main);
    transition: all .3s ease;
  }
  .cart-right-blocks-wrapper {
    position: relative;
  }
  .cart-right-blocks__sticky-wrap {
    position: sticky;
    top: 10px;
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color:rgba(39, 94, 189, 0.05) ;
    border-radius: 0.5em;
    width: 400px;
    gap: 1.5em;
  }
  .cart-right-text-blocks {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding-bottom: 1em;
  }
  .cart-right-title-blocks,
  .cart-right-product-title-blocks,
  .cart-right-discount-title-blocks,
  .cart-right-conditions-title-blocks,
  .cart-right-final-summary-block {
    display: flex;
    
    justify-content: space-between;
  }
  .cart-right-title {
    font-size: 20px;
    font-weight: 700;
    color: #1d1d1d;
  }
  .cart-right-decription {
    font-size: 14px;
    color: var(--additional-text);
  }
  .cart-right-product-title {
    font-size: 14px;
    color: #1d1d1d;
  }
  .cart-right-product-decription {
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 700;
  }
  .cart-right-discount-title {
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 700;
    text-transform: uppercase;
  }
  .cart-right-discount-decription {
    font-size: 14px;
    color: #1d1d1d;
    font-weight: 700;
  }
  .cart-right-conditions-title {
    font-size: 14px;
    color: #1d1d1d;
  }
  .cart-right-text-blocks {
    border-bottom: 1px solid #CDDAEA;
  }
  .cart-right-final-summary-title {
    font-size: 24px;
    color: #1d1d1d;
  }
  .cart-right-final-summary-price {
    font-size: 24px;
    font-weight: 700;
    color: #1d1d1d;
  }

  .cart-right-promo-label {
    width: 100%;
    display: flex;
    padding: 5px 5px;
    border: 1px solid  #CDDAEA;
    align-items: center;
    justify-content: space-between;
    border-radius: 4px;
    background-color: var(--color-white);
  }
  .cart-right-promo-label input {
    width: 100%;
    outline: none;
    border: none;
  }
  .cart-right-promo-label input::placeholder {
    color: var(--color-placeholder);
  }
  .cart-right-promo-label button {
    background-color: var(--color-main);
    border-radius: 4px;
    padding: 8px 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
  }
  .cart-right-promo-label:hover button {
    background-color: #2376f3;
    transition: all 0.3s ease;
  }
  .cart-right-finally-buttons__block {
    display: flex;
    flex-direction: column;
    gap: 1em;
  }
  .cart-right-finally-button  {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 500;
  }

  .__cancel {
    background: transparent;
    color: #EB5757;
    transition: all 0.3s ease;
  }
  .__cancel:hover {
    color: #ce0000;
    transition: all 0.3s ease;
  }
  .__approve {
    background-color: var(--color-main);
    border-radius: 4px;
    color: var(--color-white);
    transition: all 0.3s ease;
  }
  .__approve:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
  }
.cart-main-card__count-blocks__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2em;
}

  /* ---------------------------------------------------------------------------------- Адаптив -------------------------------------------------------------------*/

 @media all and (max-width:1250px) {
    .cart-right-blocks__sticky-wrap {width: 300px;}
 }
@media all and (max-width:1250px) {
    .cart-main-card__product-wrap__noflex {flex-direction: column;align-items: flex-start; gap: 0.5em;}
    .cart-main-card__product-fav-action-text-block,.cart-main-card__product-fav-action-delete-text-block {padding: unset}
    .card-fav-action-text {white-space: nowrap;}
}
@media all and (max-width:1060px)  {
    .cartForm {gap: 1.5em}
 }
@media all and (max-width:1020px) {
    .cart-main-card__product-action-blocks {display: none;}
    .cart-main-card__product-block {flex-direction: column;align-items: flex-start;gap: 1em;}
    .cart-main-card__product-wrap {justify-content: space-between;width: 100%;}
    .cart-main-quantity__text-nodisp {display: none}
    /*.cart-main-card__count-multiblock {margin-left: 7em}*/
}
@media all and (max-width:1000px) {
    .cartForm {flex-direction: column;align-items: center;
        justify-content: center;}
    .cart-right-blocks__sticky-wrap,.cart-main-choose__delivery-block-form,.cart-right-blocks-wrapper {width: 100%;}
    .cart-content {margin: 2em 0 4em 0;}
    /*.cart-main-card__count-multiblock {margin-left: 24em}*/
    .cart-main-card__count-blocks__container {justify-content: space-between;width: 81%;}
}
 @media all and (max-width:860px) {
    .radio-custom-check {width: 20px;height: 16px;margin-right: unset;}
     /*.cart-main-card__count-multiblock {margin-left: 19em}*/
 }
@media all and (max-width:810px) {
    /*.cart-main-card__count-multiblock {margin-left: 16em}*/
}
 @media all and (max-width:768px) {
    .cart-left-title-blocks {flex-direction: column;align-items: flex-start;gap: 1em;}
    .cart-main-header-text-blocks {display: none;}
    .cart-main-card__product-block {border-top: none;}
    .cart-main-card__product-block:not(:last-child ) {border-bottom: 1px solid #CDDAEA;}
     .cart-main-card__count-multiblock {margin: unset;}

 }
@media all and (max-width:550px) {
    .cart-main-card__count-blocks__container {flex-direction: column;gap: 1em;width: unset;}
}
 @media all and (max-width:470px) {
.radio-custom-check {width: 18px;
    height: 16px;}
    .cart-main-choose__delivery-label_adress {width: unset; padding-right: 1em;}
    .cart-main-choose__text_blocks {width: 82%;}
    .delivery-img,.car-img {background-size: 45px;
        background-position: center;}
.cart-main-choose__delivery-label_title,.cart-main-choose__delivery-label_title-mob {font-size: 14px;}
.cart-main-choose__delivery-label__form {gap: unset;padding: 16px;}
.cart-main-choose__delivery-label_title.-to {display: none;}
.cart-main-choose__delivery-label_title-mob {display: block;}
     .cart-left-title {text-align: left;}
 }


 /* ----------------------------------------------------------------------------------  delivery-content -------------------------------------------------------------------*/

 .delivery-content {
    margin: 2em 0 7em 0;
 }

.cart-delivery-main-blocks {
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.cart-delivery-main-blocks-up-wrap {
    padding: 16px 24px;
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 0.5em;
 }
 .cart-main-face-delivery {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
 }
 .delivery-blocks-radio {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 70px;
 }

.delivery-blocks-radio--label {
    display: flex;
    gap: 0.8em;
    padding: 5px;
    align-items: center;
    width: 100%;
}

.deliveryForm {
    display: flex;
    justify-content: space-between;
    gap: 2.5em;
}
.delivery-left-blocks {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.delivery-blocks-radio--label input[type="radio"] {
    display: none;
 }
 .__check-form {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    border: 1px solid #CDDAEA;
    border-radius: 50%;
  }

  .__check-form:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-white);
    transition: all 0.2s ease-in-out;
  }

   .delivery-blocks-radio--label input[type="radio"]:checked ~ .__check-form::before {
     transform: translate(-50%, -50%) scale(1);
     border: 4px solid var(--color-main);
   }
.delivery-blocks-radio-text {
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}
.delivery-left-title {
    text-align: left;
    font-size: 24px;
    font-weight: 500;
    color: var(--color-333);
}
.delivery-blocks__input-text-input {
    width: 100%;
    border: none;
    outline: none;
}
.delivery-blocks__input-text-label {
    text-align: left;
    background-color: var(--color-white);
    padding: 3px 16px;
    border-radius: 4px;
    border: 1px solid  #CDDAEA;
    display: flex;
    flex-direction: column;
}
.delivery-blocks__input-text-label:focus-visible {
    border: none;
    outline: none;
}
.delivery-blocks__input-text {
    font-size: 12px;
    color: var(--color-placeholder);
    padding-top: 3px;
    text-transform: uppercase;

}
.delivery-main-blocks__personal {
    background-color: rgba(39, 94, 189, 0.05);
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    border-radius: 0.5em
}
.delivery-blocks__personal-label,
.delivery-blocks__personal-text-label {
    text-align: left;
    background-color: var(--color-white);
    padding: 3px 16px;
    border-radius: 4px;
    border: 1px solid  #CDDAEA;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.cart-main-face-delivery__personal {
    display: flex;
    align-items: center;
    gap: 1.5em;

}
.delivery-blocks__personal-text {
    font-size: 12px;
    color: var(--color-placeholder);
    padding-top: 3px;
    
}
.delivery-main-blocks__personal-title {
    text-align: left;
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}


.delivery-main-blocks__delivery-block-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
   
}
.delivery-main-blocks__delivery-block-form-title-block {
    margin-bottom: 1em;
}
.delivery-main-blocks__delivery-block-form--title {
    text-align: left;
    font-size: 20px;
    font-weight: 500;
    color: #1d1d1d;
}
.delivery-main-blocks__delivery-block {
    background-color: rgba(39, 94, 189, 0.05);
    padding: 16px 24px;
    border-radius: 0.5em;
}
.delivery-main-blocks__delivery-label__form  {
    padding: 24px;
    background-color:var(--color-white) ;
    display: flex;
    gap: 20px;
    align-items: center;
    border: 0.5px solid #CDDAEA;
    border-radius: 0.5em;
}

.delivery-main-blocks__delivery-label__form input[type="radio"] {
    display: none;
 }
 .delivery-main-blocks__delivery-label__form input[type="radio"]:checked ~ .radio-custom-check::before {
    transform: translate(-50%, -50%) scale(2);
    border: 2px solid var(--color-main);
  }

.delivery-main-blocks__text_blocks {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-align: left;
}
.delivery-main-blocks__delivery-label_adress {
    text-align: left;
    padding-left: unset;
    width: 257px;
    font-size: 14px;
    color: var(--additional-text);
    transition: all .3s ease;
}
.label__form-active .delivery-main-blocks__delivery-label_adress {
    color: var(--color-main);
    transition: all .3s ease;
    padding-right: 16px;
  }
.delivery-main-blocks__delivery-label_title,
.delivery-main-blocks__delivery-label_title-mob,
.delivery-main-blocks__delivery-label_title.-to {
    font-size:16px ;
    color: #1d1d1d;
    font-weight: 400;
}
.delivery-main-blocks__delivery-label_title-mob {
    display: none;
}
.delivery-main-blocks__delivery-adress_info {
    font-size: 14px;
    color: var(--additional-text);
    display: flex;
    gap: .5em;
}
.label__form-active .delivery-main-blocks__delivery-adress_info {
    color: var(--color-main);
    transition: all .3s ease;
  }
.delivery-main-blocks__delivery-label__form.label__form-active {
    background-color: #E2EFFE;
    transition: all .3s ease;
    border: 0.5px solid var(--color-main);
}
.delivery-main-blocks__delivery-adress_info-mob {
    display: none;
    font-size: 14px;
    color: var(--additional-text);
    display: flex;
    gap: .5em;
}
.label__form-active .delivery-main-blocks__delivery-adress_info-mob {
    color: var(--color-main);
    transition: all .3s ease;
  }

.delivery-main-blocks__location {
    background-color: rgba(39, 94, 189, 0.05);
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    border-radius: 0.5em
}
.delivery-blocks__location-label,
.delivery-blocks__location-text-label {
    text-align: left;
    background-color: var(--color-white);
    padding: 3px 16px;
    border-radius: 4px;
    border: 1px solid  #CDDAEA;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.cart-main-face-delivery__location {
    display: flex;
    align-items: center;
    gap: 1.5em;

}
.delivery-blocks__location-text {
    font-size: 12px;
    color: var(--color-placeholder);
    padding-top: 3px;
    
}
.delivery-main-blocks__location-title {
    text-align: left;
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}
.cart-main-delivery__location-form {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.delivery-blocks__location--main-blocks {
    display: flex;
    gap: 1.5em;
}
.delivery-main-location_btn {
    background-color: var(--color-main);
    padding: 10px 20px;
    display: flex;
    flex: 1 0 auto;
    border-radius: 4px;
    align-items: center;
    gap: 0.5em;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.delivery-main-location_btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.delivery-blocks__location--about-blocks {
    display: flex;
    gap: 1.5em;
}


.delivery-main-blocks__payment--blocks {
    background-color: rgba(39, 94, 189, 0.05);
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    border-radius: 0.5em;
}
.delivery-main-blocks__payment-title {
    text-align: left;
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}

.delivery-main-blocks__payment-label__form {
    padding: 16px 20px;
    background-color: var(--color-white);
    display: flex;
    gap: 20px;
    align-items: center;
    border: 0.5px solid #CDDAEA;
    border-radius: 0.5em;
    width: 300px;
}
.delivery-main-blocks__payment-label__form:nth-child(3){
    display: flex;
    justify-content: flex-end;
}
.delivery-main-blocks__payment-label__form.label__form-active {
    background-color: #E2EFFE;
    transition: all .3s ease;
    border: 0.5px solid var(--color-main);

}
.delivery-main-blocks__payment-label__form input[type="radio"] {
display: none;
}
.__check-payment {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    margin-left:auto ;
    border: 1px solid #CDDAEA;
    border-radius: 50%;
  }

  .__check-payment:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: var(--color-white);
    transition: all 0.2s ease-in-out;
  }
.delivery-main-blocks__payment-label__form input[type="radio"]:checked ~ .__check-payment::before {
    transform: translate(-50%, -50%) scale(1);
    border: 4px solid var(--color-main);
  }

.delivery-main-blocks__payment--blocks-labels {
    display: flex;
    gap: 3em;
}
.card-img {
    background-image: url(../img/ic_card-nonactive.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    transition: all .3s ease;
}
.wallet-img {
    background-image: url(../img/ic_wallet-nonactive.svg);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    transition: all .3s ease;
}
.label__form-active > .card-img {
    background-image: url(../img/ic_card.svg);
    transition: all .3s ease;
}
.label__form-active > .wallet-img {
    background-image: url(../img/ic_wallet.svg);
    transition: all .3s ease;
}
.delivery-main-blocks__delivery-label_title {
    font-size: 16px;
    color: #1d1d1d;
    font-weight: 400;
    white-space: nowrap;
}
.delivery-main-blocks__contact--blocks {
    background-color: rgba(39, 94, 189, 0.05);
    padding: 16px 24px;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    border-radius: 0.5em;
}
.delivery-main-blocks__contact-label {
    text-align: left;
    background-color: var(--color-white);
    padding: 3px 16px;
    border-radius: 4px;
    border: 1px solid  #CDDAEA;
    display: flex;
    flex-direction: column;
    width: 70%;
}
.delivery-main-blocks__contact-text {
    font-size: 12px;
    color: var(--color-placeholder);
    padding-top: 3px;
}
.delivery-main-blocks__contact-title {
    text-align: left;
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}

.delivery-main-submit_btn {
    background-color: var(--color-main);
    padding: 12px 22px;
    display: flex;
    flex: 1 0 auto;
    border-radius: 4px;
    align-items: center;
    gap: 0.5em;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
    width: 160px;
}
.delivery-main-submit_btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}

  /* ---------------------------------------------------------------------------------- Адаптив -------------------------------------------------------------------*/

  @media all and (max-width:1150px) {
    .delivery-main-blocks__payment--blocks-labels {flex-direction: column;gap: 1em;}
    .delivery-main-blocks__payment-label__form  {width: 100%;}
    .delivery-blocks-radio {gap: unset;}
 }
 @media all and (max-width:900px) {
    .deliveryForm {flex-direction: column;}
    .delivery--wrap {width: 100%;}
 }
 @media all and (max-width:600px) {
    .delivery-blocks-radio {flex-direction: column; gap: 0.5em;}
    .delivery-blocks-radio--label {justify-content: space-between;}
    .cart-main-face-delivery__personal,.delivery-blocks__location--main-blocks,.delivery-blocks__location--about-blocks {flex-direction: column;}
    .delivery-main-location_btn {justify-content: center;}
    .delivery-main-blocks__contact-label {width: 100%;}
 }
 @media all and (max-width:550px) {
    .delivery-main-blocks__delivery-label_title.-to {display: none;}
    .delivery-main-blocks__delivery-label_title-mob {display: block;}
    .delivery-main-blocks__delivery-adress_info {display: none;}
    .delivery-main-blocks__delivery-adress_info-mob {display: block;}
    .delivery-main-blocks__delivery-label_adress {width: unset;}
    .delivery-main-blocks__delivery-label__form {gap: 4px;}
    .delivery-main-blocks__delivery-label_title,.delivery-main-blocks__delivery-label_title-mob {white-space: pre-line; font-size: 14px;}
    .delivery-main-blocks__payment-label__form {gap: unset;}
 }


 /* --------------------------------------------------------------------------- content-about-best-collection------------------------------------------------------------------------------*/

.content-about-best-collection {
    margin: 3em 0;
}
.about-best-collection-wrapper {
    display: flex;
    gap: 5em;
}
.about-best-collection-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    text-align: left;
}
.about-best-collection-title {
    font-size: 24px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.about-best-collection-title-block {
    margin-bottom: 1.5em;
}
.about-best-collection-description-blocks {
    font-size: 14px;
    color: var(--color-333);
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.about-best-collection-image-block {
    object-fit: cover;
    width: 100%;
}
.about-best-collection-image-block-mob {
    display: none;
}
.about-best-collection-content-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    justify-content: space-between;
}


/* ------------------------------------------------------------------------------ content-about-main-site-cards --------------------------------------------------------------------------*/

.content-about-main-site-cards {
    margin: 3em 0;
}
.about-main-site-cards-blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 1.5em;
}
.about-main-site-cards-block {
    background-color: #E2EFFE;
    background-image: url(../img/img-salut.svg);
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    padding: 2em;
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 0.5em;
    justify-content: flex-start;
    border-radius: 0.5em;
}
.about-main-site-cards-title {
    font-size: 32px;
    font-weight: 500;
    color: var(--color-main);
}
.about-main-site-cards-description {
font-size: 14px;
color: var(--color-333);
}


/* ---------------------------------------------------------------------------------- content-main-news -------------------------------------------------------------------------------*/
.content-about-main-news {
    margin: 3em 0;
}
.about-main-news-wrapper {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.about-main-news-title {
    font-size: 24px;
    font-weight: 500;
    color: var(--color-333);
    text-align: left;
}
.about-main-news-more-blocks {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.about-main-news-more-link-blocks {
    display: flex;
    gap: 12px;
}
.about-main-news-more-link {
    font-size: 12px;
    color: var(--color-333);
    background-color:#E2EFFE;
    border-radius: 0.3em;
    padding: 5px 10px;
    font-weight: 500;
}
.about-main-news-more-link:focus,
.about-main-news-more-link:hover,
.about-main-news-more-link:active {
background-color: var(--color-main);
color: var(--color-white);
}

.about-main-news-slider-product-block {
    display: flex;
    margin: 1.5em 0;
    gap: 1em;
    align-items: center;
}
.about-main-news-slider-product-text {
    padding: 2px 10px;
    font-size:12px ;
    color: var(--color-white);
    background-color: var(--color-main);
    border-radius: 0.3em;
}
.about-main-news-slider-pruduct-date {
    font-size: 14px;
    color:var(--additional-text);
}
.about-main-news-slider-description {
    text-align: left;
    font-size: 16px;
    color: var(--color-333);
}

.about-main-news-slider-wrapper .slick-prev {
    top: 42%;
    left: -40px;
    background: none;
    font-size: unset;
}
.about-main-news-slider-wrapper .slick-next {
    top: 42%;
    right: -5px;
  background: none;
  font-size: unset;
}
.about-main-news-slider-wrapper .slick-next::before {
    content: '';
    background-color: var(--color-white);
       width: 32px;
       background-image: url(../img/ic_arrow-next.svg);
       background-repeat: no-repeat;
       background-position: center;
       box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
       height: 240px;
    left: 35px;
    top: -100px;
    right: 0;
    bottom: 0;
    border-radius: 1em;
position: absolute;
transition: all 0.3s ease;
}
.about-main-news-slider-wrapper .slick-next:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}
.about-main-news-slider-wrapper .slick-prev.slick-arrow::before {
    content: '';
    background-color: var(--color-white);
       width:32px;
       background-image: url(../img/ic_arrow-prev.svg);
       background-repeat: no-repeat;
       background-position: center;
       box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.12);
       height: 240px;
       left: 0;
       top: -100px;
       right: 0;
       bottom: 0;
       border-radius: 1em;
   position: absolute;
   transition: all 0.3s ease;
}
.about-main-news-slider-wrapper .slick-prev:hover::before {
    background-blend-mode: hard-light;
    transition: all 0.3s ease;
}
.about-main-news-slider.slick-slide {
    width: 350px;
    overflow: hidden;
    margin: 0 10px;
    
}
.about-main-news-slider img {
    width: 350px;
    height: 240px;
    object-fit: cover;
    transition: all 0.5s ease;
}
.about-main-news-slider:hover img {
 filter:    brightness(110%);
 transition: all 0.5s ease;
}


/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:1300px) {
    .about-main-news-slider-wrapper .slick-prev.slick-arrow::before {height: 250px; left: 30px; top: -107px;}
    .about-main-news-slider-wrapper .slick-next::before {height: 250px; left: 0; top: -107px;}
}
@media all and (max-width:1050px) {
    .about-best-collection-content-blocks { gap: 5.5em;justify-content: flex-start;}
    .about-main-site-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
    .about-main-news-slider-link.slick-slide {width: 420px;}
    .slick-dots li.slick-active {width: 8px; background: var(--color-main);}
    .slick-dots li {width: 8px;height: 8px; background: var(--color-white);}
    .about-best-collection-content-blocks {justify-content: center;align-items: center;}
    .about-main-site-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
 }
 @media all and (max-width:1000px) {
    .about-best-collection-image-block {display: none;}
    .about-best-collection-image-block-mob {display: block;}
    .about-best-collection-wrapper {flex-direction: column;}
    .about-best-collection-title {text-align: center;}
    .about-main-news-slider.slick-slide {width: 420px;}
    .about-main-news-slider img {width: 100%;}
 }

 @media all and (max-width:550px) {
    .about-best-collection-title {text-align: left;}
    .about-best-collection-content-blocks {    align-items: unset;}
    .about-best-collection-image-block-mob img {width: 100%;}
    /* .best-collection-content-slider .slick-track {display: flex;gap: 4em;} */
    .about-best-collection-slide img {width: 100%;height: 155px; object-fit: contain;}
    .about-main-news-more-link-blocks {flex-wrap: wrap;}
    
 }
 @media all and (max-width:500px) {
    .about-main-news-slider img {width: 220px;height: 140px;}
    .about-main-news-slider.slick-slide {width: auto;}
 }
 @media all and (max-width:350px) {
    .about-main-site-cards-blocks {grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));}
    .about-main-news-slider img {width: 180px;height: 120px;}
    .about-main-news-slider.slick-slide {width: auto;}
    .about-best-collection-wrapper {gap: 2em;}
   
 }


 /* ---------------------------------------------------------------------------------- content-news -------------------------------------------------------------------------------*/
 .news-title {
    font-size: 24px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
 }
 .news-selection-blocks {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5em;
    margin: 1.5em 0;

 }
 .news-selection-blocks-mob {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 1.5em;
    margin: 1.5em 0;
    display: none;

 }
 .news-select-title-block {
    flex: 1 0 auto;
 }
 .news-select-wrapper {
    display: flex;
    gap: 0.5em;
    width: 240px;
    padding: 5px 16px;
    border: 1px solid  #CDDAEA ;
    border-radius: 0.3em;
}
.news-select-title {
    font-size: 14px;
    color: var(--color-333);
}
.news-selection {
    width: 100%;
    outline: none;
    border: none;
    appearance: none;
    background-image: url(../img/ic_arrow-down.svg);
    background-repeat: no-repeat;
    background-position: right;
    font-family: 'Roboto';
}
.news-selection:focus-visible {
    outline: none;
    border: none;
}
.news-select {
    font-size: 14px;
    color: var(--color-333);
}

.news-main-blocks__news {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 1em;
    padding: 1.5em 0;
    border-top: 1px solid #CDDAEA;
}
.main-news-block-text-blocks {
    display: flex;
    flex-direction: column;
}
.main-news-block-product-block {
    display: flex;
    margin: 1em 0;
    gap: 1em;
    align-items: center;
}
.main-news-block-product-text {
    padding: 2px 10px;
    font-size:12px ;
    color: var(--color-white);
    background-color: var(--color-main);
    border-radius: 0.3em;
}
.main-news-block-pruduct-date {
    font-size: 14px;
    color: var(--additional-text);
}
.main-news-block-description {
    text-align: left;
    font-size: 16px;
    color: var(--color-333);
}
.main-news-link img {
    width: 100%;
    height: 208px;
    object-fit: cover;
    transition: all 0.5s ease;
}
.main-news-link:hover img {
 filter:    brightness(110%);
 transition: all 0.5s ease;
 opacity: 0.9;
}
.pagination-block {
    margin: 2em 0 4em 0;
}
.pagination {
    display: flex;
    gap: 1em;
    align-items: center;
    max-width: 320px;
}
.pages-image {
    background-color: var(--color-main);
    padding: 9px 12px;
    display: flex;
    align-items: center;
    border-radius: 50%;
    transition: all .3s ease;
  
}
.pages-image img {
    object-fit: contain;
    width: 100%;
    object-position: center;
}
.pages-image:hover {
    background-color: #2376f3;
    transition: all .3s ease;
}
.pages {
    padding: 4px 10px;
    background-color: #E2EFFE;
    border-radius: 4px;
    color: var(--color-333);
    font-size: 15px;
    font-weight: 700;
    transition: all .3s ease;
}

.pages.active {
    background-color: var(--color-main);
    transition: all .3s ease;
    color: var(--color-white);
}
.pages:hover:not(.active) {
    background-color: var(--color-main);
    transition: all .3s ease;
    color: var(--color-white);
}

.news-filter-block {
display: flex;
justify-content: flex-end;
flex: 1;
display: none;
}
/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:880px) {
    .news-filter-block {display: flex;}
    .news-selection-blocks .news-select-block {display: none;}
    .news-selection-blocks-mob {display: block;}
    .news-selection-blocks  {display: none;}
    .news-selection-blocks .news-select-block-mob {display: block;}
    .news-title-block {display: flex;}
    .news-main-blocks__news {grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));}
}
@media all and (max-width:768px) {
    .news-main-blocks__news {grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));}
}
@media all and (max-width:400px) {
    .news-main-blocks__news {grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));}
    .pagination {display: none;}
}

/* ----------------------------------------------------------------------------------  content-news-inner-------------------------------------------------------------------*/
.news-inner-wrapper {
    display: flex;
    justify-content: space-between;
}
.news-inner-left-blocks {
    width: 740px;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.news-inner-left-title {
    text-align: left;
    font-size:24px;
    font-weight: 500;
    color: #1d1d1d;
}
.news-inner-left-description-blocks {
    display: flex;
    gap: 1em;

}
.news-inner-left-date {
    font-size: 14px;
    color: var(--color-placeholder);
    font-weight: 400;
}
.news-inner-left-description-product {
    background-color: #E2EFFE;
    border-radius: 2px;
    padding: 2px 8px;
    color: var(--color-333);
    font-size: 12px;
}
.news-inner-left-image-block img {
    width: 100%;
    object-fit: cover;
    height: 370px;
}
.news-inner-left-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}
.news-inner-left-text {
    font-size:16px;
    color: var(--color-333);
    font-weight: 400;
    text-align: left;
}
.news-inner-right-blocks-wrapper {
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    width: 240px;
    height: fit-content;

}
.news-inner-right-blocks {
    padding: 16px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    text-align: left;

}
.news-inner-right-title {
font-size: 20px;
color: var(--color-333);
font-weight: 700;
}
.news-inner-right-last-news-date {
    font-size: 16px;
    color: var(--additional-text);
}
.news-inner-right-last-news-text {
    font-size: 16px;
    color: var(--color-333);
    transition: all .3s ease;
}
.news-inner-right-last-news-text:hover {
    color: var(--color-main);
    transition: all .3s ease;
}
.news-inner-right-last-news {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
    padding: 1em 0;
}
.news-inner-right-last-news:not(:last-child) {
    border-bottom: 1px solid #CDDAEA;
}
.news-inner__another-news-title-block {
    padding: 1.5em 0;
}
.news-inner__another-news-title {
    font-size: 20px;
color: var(--color-333);
font-weight: 700;
text-align: left;
}

.news-inner__another-news-link.slick-slide {
    width: 415px;
    overflow: hidden;
    margin: 0 10px;
    
}
.news-inner__another-news-link img {
    width: 415px;
    height: 208px;
    object-fit: cover;
    transition: all 0.5s ease;
}
.news-inner__another-news-link:hover img {
 filter:    brightness(110%);
 transition: all 0.5s ease;
}

.news-inner__another-news-product-block {
    display: flex;
    margin: 1.5em 0;
    gap: 1em;
    align-items: center;
}
.news-inner__another-news-product-text {
    padding: 2px 10px;
    font-size:12px ;
    color: var(--color-white);
    background-color: var(--color-main);
    border-radius: 0.3em;
}
.news-inner__another-news-pruduct-date {
    font-size: 14px;
    color:var(--additional-text);
}
.news-inner__another-news-description {
    text-align: left;
    font-size: 16px;
    color: var(--color-333);
}
.content-news-inner__another-news {
    margin-bottom: 4em;
}
/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:1100px) {
.news-inner-right-blocks-wrapper {display: none;}
.news-inner-left-blocks {width: 100%;}
.breadcrumb {text-align: left;}
.certificate-hero-block {gap: unset !important;}
}
@media all and (max-width:950px) {
    .certificate-hero-block {flex-direction: column;}
}
@media all and (max-width:600px) {
    .news-inner__another-news-link img {width: 280px; height: 140px;}
    .news-inner-left-image-block img {height: 200px;}
    .certificate-search-input-block form label {width: 200px !important;}
    .certificate-image-block img {width: 70%;}
    .certificate-image-block {display: flex;justify-content: center;}
}
@media all and (max-width:450px) {
    .news-inner__another-news-link img {width: 380px; height: 200px;}
}
@media all and (max-width:410px) {
.certificate-search-wrap {flex-direction: column;}
}
@media all and (max-width:400px) {
    .news-inner-left-image-block img {height: 150px;}
    .news-inner-left-description-blocks {gap: 0.7em;}
    .news-inner__another-news-link img {width: 280px; height: 140px;}
    .certificate-main-block a img {width: 300px;}
}

/* ----------------------------------------------------------------------------------  content-orders-------------------------------------------------------------------*/

.orders-wrapper {
    display: flex;
    gap: 4em;
    justify-content: space-between;
    margin: 1.5em 0 5em 0;
}
.order-right-blocks-wrapper {
    position: relative;
}
.orders-right-blocks {
    width: 240px;
    background-color:rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    padding: 16px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    gap: 1.2em;
    text-align: left;
    position: sticky;
    top: 10px;
}
.orders-right-list {
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}
.orders-right-title {
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}
.orders-right-item-link {
    font-size: 16px;
    color: var(--color-333);
    transition: color .3s ease;
}
.orders-right-item-link:hover {
    color: var(--color-main);
    transition: color .3s ease;
}
.active--link__item {
    color: var(--color-main);
    transition: color .3s ease;
}
.orders-left__order-wrapper {
    background-color:rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    padding: 24px;
}
.orders-left-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    width: 100%;
}
.orders-left-title {
    font-size: 24px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.orders-left-date-block {
    display: flex;
    gap: 0.5em;
}

.orders-left-date {
    font-size: 20px;
    color: var(--color-333);
}
.specify-order-date {
    font-size: 20px;
    color: var(--color-placeholder);
}
.orders-left__order-blocks {
    display: flex;
    justify-content: space-between;
}

.orders-left__order-about-block {
    display: flex;
    gap: 0.5em;
    align-items: center;
}
.orders-left__order-title {
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}
.orders-left__order-about {
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    padding: 2px 10px;
    color: var(--color-main);
    font-size: 12px;
    font-weight: 500;
}
.delivery-confirm {
    background-color: var(--color-main);
    color: var(--color-white);
    font-weight: 400;
}
.orders-left__order-payment-blocks {
    display: flex;
    gap: 1.5em;
}
.orders-left__order-payment-block {
    display: flex;
    align-items: center;
    gap: 0.5em;
}
.orders-left__order-payment {
    font-size: 12px;
    color: var(--additional-text);

}
.order-left__order-product-blocks {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 1.5em 0;
}
.order-left__order-product-block {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #CDDAEA;
    border-top: 1px solid #CDDAEA;
}
.order-left__order-product-image-block img{
    height: 80px;
    width: auto;
    object-fit: contain;
    mix-blend-mode: multiply;
}
.order-left__order-product-block-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}
.order-left__order-product-block-article {
    font-size: 14px;
    color: var(--additional-text);
    text-transform: uppercase;
    text-align: left;
}
.order-left__order-product-block-name {
    font-size: 14px;
    color: var(--color-333);
    text-align: left;
}
.order-left__product--left-content {
    display: flex;
    gap: 1em;
    align-items: center;
}
.order-left__product--right-content {
    display: flex;
    gap: 1.5em;
    width: 27%;
}
.order-left__order-product-block-quantity-block,
.order-left__order-product-block-total-block {
    width: 100%;
}
.order-left__order-product-block-total {
    text-align: right;
}
.order-left__order-product-block-quantity {
    font-size: 14px;
    color: var(--additional-text);
}
.order-left__order-product-block-total {
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
}
.orders-left__adress-blocks {
    display: flex;
    flex-direction: column;
    gap: 0.2em;
}
.orders-left__adress-title {
    font-size: 16px;
    color: var(--additional-text);
    text-align: left;
}
.orders-left__adress-description {
    font-size: 16px;
    color: var(--color-333);
    text-align: left;
}
.orders-left__btn-blocks {
    display: flex;
    gap: 1em;
    padding-top: 2em;
}
.orders-left-btn-link {
    display: flex;
    align-items: center;
    gap: 0.5em;
    padding: 10px 21px;
    background-color:rgba(39, 94, 189, 0.05);
    color: var( --color-main);
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.3s ease;
}
.orders-left-btn-link:hover:not(.btn-link-repeat) {
    color: var(--additional-text);
    transition: all 0.3s ease;
}
.btn-link-repeat {
    background-color: var( --color-main);
    color: var(--color-white);
    transition: all 0.3s ease;
}
.btn-link-repeat:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}


/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:1050px) {
    .order-left__product--right-content {width: 39%;}
}
@media all and (max-width:910px) {
.orders-left__order-payment-blocks {flex-direction: column;gap: 0.2em;}
}
@media all and (max-width:880px) {
.order-right-blocks-wrapper {display: none;}
.orders-left__order-payment-blocks {flex-direction: row;gap: 1.2em;}
}
@media all and (max-width:600px) {
.orders-left__order-blocks {flex-direction: column;gap: 0.5em;padding: 0.5em 0;}
.orders-left__order-payment-blocks {flex-direction: column;gap: 0.2em;}
.orders-left__order-title {text-align: left;}
.order-left__order-product-block,.order-left__product--left-content,.order-left__product--right-content {flex-direction: column;align-items: flex-start;gap: 1em;}
.order-left__order-product-block {padding: 0.5em 0;}
.order-left__order-product-block-quantity,.order-left__order-product-block-total {text-align: left;}
}
@media all and (max-width:460px) {
    .orders-left__btn-blocks {flex-direction: column;}
    .orders-left-btn-link {align-items:center;justify-content: center;}
}

/* ----------------------------------------------------------------------------------  main-cabinet-content -------------------------------------------------------------------*/
.main-cabinet-wrapper {
    width: 70%;
    margin-bottom: 5em;
}
.main-cabinet-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.main-cabinet-title {
    font-size: 24px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.main-cabinet__main-blocks {
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.main-cabinet-blocks__personal {
    display: flex;
    flex-direction: column;
    gap: 2em;
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    padding: 24px;
}
.main-cabinet-blocks__personal-title {
    font-size: 20px;
    color: var(--color-333);
    font-weight: 700;
    text-align: left;
}
.main-cabinet__personal-form {
    display: flex;
}
.main-cabinet-blocks__personal--main-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    width: 100%;
    align-items: flex-start;
}
.main-cabinet-blocks__personal-label {
    display: flex;
    gap: 1.5em;
    width: 100%;
}
.main-cabinet--label__wrap{
    width: 100%;
    display: flex;
    flex-direction: column;

}
.main-cabinet-blocks__personal-label__max {
    width: 100%;
}
.main-cabinet-blocks__personal-text {
    font-size: 12px;
    color: var(--additional-text);
    text-align: left;
}
.main-cabinet-blocks__input-text-input {
    outline: none;
    border: none;
    position: relative;
    width: 100%;
}

.main-cabinet--label__wrap {
    background-color: var(--color-white);
    padding: 5px 14px;
    border: 1px solid  #CDDAEA;
    border-radius: 4px;
}
.main-cabinet__location-form {
    display: flex;
    flex-direction: column;
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    padding: 24px;
    gap: 1.5em;
}
.main-cabinet-blocks__location--main-blocks {
    display: flex;
    gap: 1.5em;
}
.main-cabinet-blocks__location-label {
    width: 100%;
    background-color: var(--color-white);
    padding: 2px 12px;
    border: 1px solid  #CDDAEA;
    border-radius: 4px;
}
.main-cabinet-blocks__location-label input {
    width: 100%;
}
.main-cabinet-blocks__location-text {
    font-size: 12px;
    color: var(--additional-text);
    text-align: left;
}
.main-cabinet-blocks__location--about-blocks {
    display: flex;
    width: 100%;
    gap: 1.5em;
}
.main-cabinet-blocks__location-text-label {
    width: 100%;
    background-color: var(--color-white);
    padding: 2px 12px;
    border: 1px solid  #CDDAEA;
    border-radius: 4px;
}
.main-cabinet-main-location_btn {
    display: flex;
    align-items: center;
    gap: 0.5em;
    background-color: var(--color-main);
    border-radius: 4px;
    color: var(--color-white);
    padding: 10px 20px;
    white-space: nowrap;
    transition: all 0.3s ease;
}
.main-cabinet-main-location_btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.main-cabinet--label__recovery-pass {
    font-size: 16px;
    font-weight: 700;
    color: var(--color-main);
    transition: all 0.3s ease;
}
.main-cabinet--label__recovery-pass:hover {
    color: #2376f3;
    transition: all 0.3s ease;
}

.main-cabinet-notifications-block {
    width: 40px;
    height: 24px;
    position: relative;
  }
  
  .notification-checkbox {
    opacity: 0;
    width: 0;
    height: 0;
    position: absolute;
  }
  
  .notification-switch {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #e9e9eb;
    border-radius: 16px;
    cursor: pointer;
    transition: all 0.2s ease-out;
  }
  
  .notification-slider {
    width: 20px;
    height: 20px;
    position: absolute;
    left: calc(50% - 24px/2 - 10px);
    top: calc(50% - 20px/2);
    border-radius: 50%;
    background: #FFFFFF;
    box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.15), 0px 3px 1px rgba(0, 0, 0, 0.06);
    transition: all 0.2s ease-out;
    cursor: pointer;
  }
  
  .notification-checkbox:checked + .notification-switch {
    background-color: var(--color-main);
  }
  
  .notification-checkbox:checked + .notification-switch .notification-slider {
    left: calc(50% - 24px/2 + 10px);
    top: calc(50% - 20px/2);
  }
  .main-cabinet-notification__blocks {
    display: flex;
    gap: 1em;
    align-items: center;
  }
  .notification-text {
    font-size: 14px;
    color: var(--color-333);
  }
  .main-cabinet-notification-wrapper {
    display: flex;
    flex-direction: column;
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    padding: 24px;
    gap: 1.5em;
  }
  .main-cabinet__btn-blocks {
    display: flex;
    gap: 1em;
  }
  .main-cabinet-main-submit_btn {
    background-color: var(--color-main);
    padding: 10px 22px;
    color: var(--color-white);
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease;
  }
  .main-cabinet-main-submit_btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
  }
  .logout-main {
    background-color: #EB5757;
    padding: 10px 22px;
    color: var(--color-white);
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease;
  }
  .logout-main:hover {
    background-color: #ef7171;
    transition: all 0.3s ease;
  }
  

  /* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:1050px) {
    .main-cabinet-wrapper {width: 100%;}
}
@media all and (max-width:780px) {
    .main-cabinet-blocks__personal-label {flex-direction: column;}
    .main-cabinet-blocks__location--about-blocks {flex-direction: column;}
    .main-cabinet-blocks__personalm,.main-cabinet__location-form,.main-cabinet-notification-wrapper {padding: 16px;}
}
@media all and (max-width:520px) {
    .main-cabinet-blocks__location--main-blocks,.main-cabinet__btn-blocks {flex-direction: column;}
    .main-cabinet-main-submit_btn {width: 100%;}
    .main-cabinet-main-location_btn {padding: 14px 20px;justify-content: center;}
}


/* ---------------------------------------------------------------------------------- content-help -------------------------------------------------------------------*/
.help-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 5em;
}
.help-left-blocks {
    width: 740px;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.help-left-title {
    text-align: left;
    font-size:24px;
    font-weight: 500;
    color: #1d1d1d;
}
.help-left-description-blocks {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.help-left-description-title {
    font-size: 20px;
    text-align: left;
    color: #1d1d1d;
    font-weight: 500;
}
.help-left-description {
    font-size: 16px;
    color: var(--color-333);
    text-align: left;
}

.help-left-image-block img {
    width: 100%;
    object-fit: cover;
    height: 370px;
}
.help-left-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.2em;
}
.help-left-text-title {
    font-size: 24px;
    text-align: left;
    color: #1d1d1d;
    font-weight: 500;
}
.help-left-text-description {
    font-size: 20px;
    text-align: left;
    color: #1d1d1d;
    font-weight: 500;
}
.help-left-text-about-blocks {
display: flex;
flex-direction: column;
gap: 1.2em;
}
.help-left-text-about-text {
    font-size: 16px;
    color: var(--color-333);
    text-align: left;
}

.help-right-blocks-wrapper {
    background-color: rgba(39, 94, 189, 0.05);
    border-radius: 4px;
    width: 240px;
    height: fit-content;

}
.help-right-blocks {
    padding: 16px 16px 24px 16px;
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 1.2em;

}
.help-right-title {
font-size: 20px;
color: var(--color-333);
font-weight: 700;
}
.help-right-last-news-text {
    font-size: 16px;
    color: var(--color-333);
    transition: all .3s ease;
}
.help-right-last-news-text:hover {
    color: var(--color-main);
    transition: all .3s ease;
}
.help-right-last-news {
    display: flex;
    flex-direction: column;
    gap: 0.5em;

}

.active--link__item-help {
    color: var(--color-main);
    transition: color .3s ease;
}

/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:1050px)   {
    .help-right-blocks-wrapper {display: none;}
    .help-left-blocks {width: 100%;}
    .help-left-image-block img {height: 100%;}
}


/* ----------------------------------------------------------------------------------  content-error -------------------------------------------------------------------*/

.error-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 2em;
    margin-bottom: 5em;
}
.error-image-block img {
    padding: 60px;
}
.error-text-blocks {
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.error-title {
    font-size: 70px;
    color: #1d1d1d;
    font-weight: 700;
}
.error-description {
    font-size: 40px;
    color: #1d1d1d;
    font-weight: 500;
}
.error-about-description {
    font-size: 20px;
    color: #1d1d1d;
    font-weight: 400;
}
.error-link {
    background-color: rgba(39, 94, 189, 0.05);
    padding: 10px 22px;
    color: var(--color-main);
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.prev-link__error {
    background-color: var(--color-main);
    padding: 10px 22px;
    color: var(--color-white);
    font-size: 14px;
    text-align: center;
    border-radius: 4px;
    transition: all 0.3s ease;
}
.error-link:hover:not(.prev-link__error) {
    color: var(--additional-text);
    transition: all 0.3s ease;
}
.prev-link__error {
    background-color: var( --color-main);
    color: var(--color-white);
    transition: all 0.3s ease;
}
.prev-link__error:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.error-btn-blocks {
    display: flex;
    gap: 1em;
    align-items: center;
}
/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:1050px) {
    .error-image-block img {padding: unset;}
}
@media all and (max-width:870px) {
    .error-image-block img {height: 100%;width: 100%;object-fit: cover;padding-top: 4em;}
    .error-wrapper {align-items: flex-start;}
}
@media all and (max-width:768px) {
    .error-image-block img {height: 150px;width: auto;object-fit: cover;padding-top: 2em;}
    .error-title {font-size: 50px;}
    .error-description {font-size: 36px;}
    .error-btn-blocks {flex-direction: column;align-items: flex-start;}
}
@media all and (max-width:450px) {
    .error-image-block img {height: 100px;width: auto;object-fit: cover;padding-top: 2em;}
    .prev-link__error {white-space: nowrap;}
    .error-text-blocks {gap: 1em;}
}
@media all and (max-width:400px) {
    .error-title {font-size: 33px;}
    .error-description {font-size: 28px;}
}

/* ----------------------------------------------------------------------------------  login-content -------------------------------------------------------------------*/
.content-login {
    margin: 3em 0;
}
.login-content {
    display: flex;
    flex-direction: column;
    width: 400px;
    margin: 0 auto;
    border-radius: 1em;
    box-shadow: 0px 10px 27px 17px rgba(0,0,0,0.1);
 
}
.login-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 24px;
}
.login-authorizate-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 70%;
    margin: 0 auto;
}
.login-title {
    font-size: 28px;
    color: var(--color-main);
    font-weight: 500;
    padding: 1em 0;
}
.login-authorizate-form input {
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid  #CDDAEA;
    border-radius: 0.3em;
    width: 100%;
    color: var(--color-333);
}
.login-authorizate-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.login-description {
    font-size: 19px;
    color: var(--color-333);
}
.login-authorizate-btn {
    padding: 10px 20px;
    background-color: var(--color-main);
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.3em;
    transition: all 0.3s ease;
}
.login-authorizate-btn-2 {
    padding: 10px 20px;
    background-color: #E2EFFE;
    color: var(--color-main);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.3em;
    transition: all 0.3s ease;
}
.login-authorizate-btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.login-authorizate-btn-2:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
    color: var(--color-white);
}
.login-agree {
    font-size: 14px;
    color: var(--color-333);
}
/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:500px) {
    .login-content {width: 300px;}
    .login-authorizate-form {width: 80%;}
}
@media all and (max-width:400px) {
    .login-content {width: 100%;}
    .login-form-wrapper {padding: 16px;}
    .login-authorizate-form {width: 100%;}
}



/* ----------------------------------------------------------------------------------  login-content -------------------------------------------------------------------*/
.content-registration {
    margin: 3em 0;
}
.registration-content {
    display: flex;
    flex-direction: column;
    width: 400px;
    margin: 0 auto;
    border-radius: 1em;
    box-shadow: 0px 10px 27px 17px rgba(0,0,0,0.1);
 
}
.registration-form-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1em;
    padding: 24px;
}
.registration-authorizate-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
    width: 70%;
    margin: 0 auto;
}
.registration-title {
    font-size: 28px;
    color: var(--color-main);
    font-weight: 500;
    padding: 1em 0;
}
.registration-authorizate-form input {
    padding: 10px 12px;
    font-size: 14px;
    border: 1px solid  #CDDAEA;
    border-radius: 0.3em;
    width: 100%;
    color: var(--color-333);
}
.registration-authorizate-form {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.registration-description {
    font-size: 19px;
    color: var(--color-333);
}
.registration-authorizate-btn {
    padding: 10px 20px;
    background-color: var(--color-main);
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.3em;
    transition: all 0.3s ease;
}
.registration-authorizate-btn-2 {
    padding: 10px 20px;
    background-color: #E2EFFE;
    color: var(--color-main);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.3em;
    transition: all 0.3s ease;
}
.registration-authorizate-btn:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.registration-authorizate-btn-2:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
    color: var(--color-white);
}
.registration-agree {
    font-size: 14px;
    color: var(--color-333);
}
.description-registration {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-333);
}
.registration-authorizate-description {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-333);
}
.ul-lico-registration {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ul-lico-registration input {
    width: auto;
}
/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:500px) {
    .registration-content {width: 300px;}
    .registration-authorizate-form {width: 80%;}
}
@media all and (max-width:400px) {
    .registration-content {width: 100%;}
    .registration-form-wrapper {padding: 16px;}
    .registration-authorizate-form {width: 100%;}
}



/* ---------------------------------------------------------------------------------- content-contact-------------------------------------------------------------------*/

.contact-wrapper {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    padding-bottom: 2em;
}
.contact-title {
    font-size: 24px;
    font-weight: 500;
    color: #1d1d1d;
    text-align: left;
}
.contact-adres-blocks {
    display: flex;
    gap: 2em;
}
.contact-adres-block {
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}
.contact-adres {
    font-size: 16px;
    color: var(--color-333);
    font-weight: 400;
    text-align: left;
}
.bold {
    font-weight: 500;
}
.contact-main-blocks {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2em;
    padding: 2em 0;
    border-top: 1px solid #CDDAEA;
    border-bottom: 1px solid #CDDAEA;
}
.contact-main-block {
    font-size: 16px;
    text-align: left;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}
.contact-main-title {
    color: #000000;
    font-weight: 500;
}
.contact-main-description {
    color: var(--color-333);
    font-weight: 400;
}
.contact-main-link {
    color: var(--color-main);
}
.contact-main-link:hover {
    text-decoration: underline;
}

.contact-down-blocks {
    display: flex;
    gap: 2em;
    margin-bottom: 1em;
}
.contact-down-block {
    display: flex;
    flex-direction: column;
    gap: 0.3em;
}
.contact-down-title {
    font-size: 16px;
    color: #000000;
    font-weight: 500;
    text-align: left;
}
.contact-down-description {
    font-size: 16px;
    color: var(--color-333);
    font-weight: 400;
    text-align: left;
}
.contact-map-block {
    height: 320px;
    overflow: hidden;
}

/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:700px) {
    .contact-down-blocks {flex-wrap: wrap;}
    .contact-map-block {border-radius: 20px;}
}
@media all and (max-width:500px) {
.contact-adres-blocks {flex-direction: column;}
.contact-down-blocks {flex-direction: column;flex-wrap: nowrap;}
}


/* ----------------------------------------------------------------------------------  content-show -------------------------------------------------------------------*/

.show-wrapper {
    display: flex;
    gap: 8em;
    overflow: hidden;
}
.show-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 2em;
}
.show-timeline-wrapper{
    margin-bottom: 17em;
}
.show-title {
    font-size: 40px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.show-description-blocks {
    display: flex;
    flex-direction: column;
    gap: 2em;
    text-align: left;
}
.show-description-text {
    font-size: 14px;
    color: var(--color-333);

}

.show-timeline-blocks {
    display: flex;
    flex-direction: column;
    gap: 3em;
    position: relative;
}
.show-timeline-blocks-mob {
    display: flex;
    flex-direction: column;
    gap: 3em;
    position: relative;
    display: none;
}
.video-link  {
    width: 360px;
    position: relative;
    transition: all .3s ease;
}
.video-link img:not(.video-play-image) {
    width: 360px;
    height: 240px;
    border-radius: 10px;
}
.video-play-image {
    position: absolute;
    top: 37%;
    right: 77%;
}
.video-link:hover img {
    transform: scale(1.01);
    transition: all .3s ease;
}
.show-timeline-text {
    font-size: 14px;
    text-align: left;
}
.show-timeline-block-wrap {
    display: flex;
    flex-direction: column;
    gap: 2em;

}
.show-timeline-block-wrap::before {
    content: '';
    width: 17px;
    height: 17px;
    border-radius: 50%;
    left: -50px;
    position: absolute;
    background-color: var(--color-main);
    z-index: 5;

}
.show-timeline-block-wrap:not(:last-child)::after {
    content: '';
    width: 3px;
    height:calc(100% - 5rem);
    left: -43px;
    top: 1px;
    position: absolute;
    background-color: var(--color-main);
    z-index: 4;

}

.show-year {
    position: absolute;
    left: -108px;
    font-size: 18px;
    font-weight: 700;
    color: #000000;
}
.show-timeline {
    width: 504px;
}
.show-timeline-blocks .slick-list {
    display: flex;
    flex-direction: column;
    gap: 2em;
    overflow: visible;
}
.show-timeline-text-block {
    padding: 2em 0;
}
.content-show {
    position: relative;
}
.linear-overlay {
    position: absolute;
    bottom: 0;
    height: 190px;
    width: 100%;
    background: linear-gradient(0deg, #FFF 2.67%, rgba(255, 255, 255, 0.00) 39.3%);
    z-index: 65635;
}
/* ----------------------------------------------------------------------------------  Адаптив -------------------------------------------------------------------*/

@media all and (max-width:800px) {
    .show-timeline-blocks {display: none;}
    .show-timeline-blocks-mob {display: block;}
    .show-wrapper {flex-direction: column;gap: 2em;}
    .show-timeline-wrapper {margin-bottom: 2em;margin-left: 7em;}
    .show-timeline-block-wrap::before {left: -39px;}
    .show-timeline-block-wrap:not(:last-child)::after {left: -32px;height: calc(100% - 19rem);}
    .show-timeline-block {width: 360px;}
    .linear-overlay {display: none;}
    .show-year {left: -90px;}
    .video-play-image {top: -135px;right: 135px;}
    .show-timeline-text-block {padding: 0.8em 0;}
    .sale-order-detail-about-order-inner-container-repeat {margin: unset !important;padding: unset !important;}

}
@media all and (max-width:520px)  {
    .show-timeline-block {width: 200px;}
    .video-link img:not(.video-play-image) {width: 200px;height: auto;}
    .video-play-image { top: -83px;right: 67px;}
    .show-timeline-block-wrap:not(:last-child)::after {left: -32px;height: calc(100% - 14rem);}
    .show-timeline-wrapper {margin-left: 5em;}
    .show-year {font-size: 16px;left: -80px;}
}

.certificate-hero-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1em;
}
.certificate-search-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 1em;
}
.certificate-hero-block {
    display: flex;
    gap: 4em;
    align-items: center;
    justify-content: space-between;
}
.certificate-text-blocks {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}
.certificate-title {
    font-size: 24px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.certificate-search-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.certificate-description{
    font-size: 14px;
    color: var(--color-333);
    text-align: left;
}
.certificate-search-title {
    font-size: 24px;
    color: var(--color-333);
    font-weight: 500;
    text-align: left;
}
.certificate-search-input-block form label {
    width: 310px;
    display: flex;
    align-items: center;
    padding: 0.5em 0.2em;
    border: 1px solid #CDDAEA;
    justify-content: space-between;
}
.certificate_search {
    width: 100%;
}
.certificate_search>input {
    outline: none;
    border: none;
    width: 100%;
}
.certificate_search::placeholder {
    font-size: 14px;
    color: #6276AC;
}
.button-blocks {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1em;
}
.button-blocks input {
    width: 100%;
}
.certificate-search-input-block form {
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}
.certificate-search-wrap {
    margin: 3em 0;
}
.blue-btn__filter {
    padding: 9px 20px;
    background: var(--color-main);
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.3em;
    transition: all 0.3s ease;
    outline: none;
    border: none;
}
.blue-btn__filter:hover {
    background-color: #2376f3;
    transition: all 0.3s ease;
}
.red-btn__filter {
    padding: 9px 20px;
    background-color: #EB5757;
    color: var(--color-white);
    font-size: 14px;
    font-weight: 500;
    border-radius: 0.3em;
    transition: all 0.3s ease;
    outline: none;
    border: none;
}
.red-btn__filter:hover {
    background-color: #ef7171;
    transition: all 0.3s ease;
}