* {
    padding: 0;
    margin: 0;
    font-family: 'Montserrat', sans-serif;
}
a {
    text-decoration: none;
    color: inherit;
}
ul li {
    list-style-type: none;
}
ol{margin-left:30px; margin-bottom:10px;}
input,
button {
    box-sizing: border-box;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
}
body {
    background: #fff;
    transition: transform 0.3s ease;
}
.box-content {
    max-width: 1220px;
    padding-right: 10px;
    padding-left: 10px;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
}
.bg-body {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px);
    background: rgba(0, 0, 0, 0.0784313725);
    z-index: 1002;
	}
.btn {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 34px;
    border-radius: 30px;
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    line-height: 22px;
    box-sizing: border-box;
    color: #fff;
    padding: 0 5px;
    transition: 0.4s;
    box-sizing: border-box;
}
.btn.link {
    padding: 0 30px;
    height: 48px;
    width: -moz-fit-content;
    width: fit-content;
}
.btn.big {
    height: 48px;
}
.btn.center {
    margin: 10px auto 0;
}
@media (max-width: 768px) {
    .btn.center {
        width: 100%;
        margin: 20px 0 0;
    }
}
.btn.green {
    background: #01c48d;
}
.btn.green:hover {
    background: #057656;
}
.btn.blue {
    background: #057ac0;
}
.btn.blue:hover {
    background: #004271;
}
.btn.empty {
    height: 38px;
    border: 2px solid #057ac0;
    color: #004271;
    font-weight: 400;
    font-size: 14px;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0 30px;
    line-height: 22px;
}
.btn.empty:hover {
    background-color: #057ac0;
    color: #ffffff;
}
.btn.empty.big {
    height: 42px;
    width: 100%;
}
.btn.gray {
    background-color: #6a7275;
    color: #fff;
}
.btn.text {
    display: flex;
    align-items: center;
    gap: 15px;
}
.input-text,
.input-textarea {
    display: flex;
    position: relative;
}
.input-text input,
.input-text textarea,
.input-textarea input,
.input-textarea textarea {
    width: 100%;
    padding: 13px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    border-radius: 30px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #004271;
    box-sizing: border-box;
    transition: 0.4s;
}
.input-text input:focus,
.input-text textarea:focus,
.input-textarea input:focus,
.input-textarea textarea:focus {
    border-color: #057ac0;
}
.input-text input::-moz-placeholder,
.input-text textarea::-moz-placeholder,
.input-textarea input::-moz-placeholder,
.input-textarea textarea::-moz-placeholder {
    color: #6d6d6d;
}
.input-text input::placeholder,
.input-text textarea::placeholder,
.input-textarea input::placeholder,
.input-textarea textarea::placeholder {
    color: #6d6d6d;
}
.input-text.white input,
.input-text.white textarea,
.input-textarea.white input,
.input-textarea.white textarea {
    background: #fff;
}
.input-text.big,
.input-textarea.big {
    height: 48px;
}
.input-text.big input,
.input-text.big textarea,
.input-textarea.big input,
.input-textarea.big textarea {
    font-size: 15px;
    line-height: 22px;
}
.input-textarea textarea {
    outline: 0;
    border-radius: 20px;
    min-height: 100px;
    max-width: 100%;
    min-width: 100%;
    padding: 13px;
}
.input-text .error {
    font-weight: 400;
    font-size: 12px;
    line-height: 160%;
    color: #ff3b30;
    position: absolute;
    top: 100%;
    left: 15px;
}
.input-stars {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.input-stars .name {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.input-stars .stars {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.input-stars .stars label {
    display: flex;
    cursor: pointer;
}
.input-stars .stars input {
    display: none;
}
.input-stars .stars input:checked ~ label svg path {
    fill: #ffa900;
}
.input-select {
    display: flex;
    flex-direction: column;
    position: relative;
}
.input-select__head {
    height: 50px;
    border-radius: 30px;
    background-color: #f5f5f5;
    border: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px;
    cursor: pointer;
}
.input-select__head svg {
    transition: 0.4s;
}
.input-select__head span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #6d6d6d;
}
.input-select__head.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.input-select__head.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.delivery-info .input-select__head.active{border-radius: 30px;}
.delivery-info .input-select__head:focus{border-bottom-left-radius: 0;    border-bottom-right-radius: 0;}
.input-select__head.active svg {
    transform: rotate(180deg);
}
.input-select__list {
    top: 100%;
    left: 1px;
    right: 1px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 5px 10px 15px;
    border: 1px solid #ebebeb;
    background: #f5f5f5;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    max-height: 200px;
    overflow: auto;
}
.input-select__list > * {
    color: #004271;
    cursor: pointer;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}
.title-h2 {
    font-weight: 700;
    font-size: 35px;
    line-height: 42px;
    color: #004271;
    margin-bottom: 30px;
}
@media (max-width: 768px) {
    .title-h2 {
        font-size: 22px;
        line-height: 26px;
    }
}
.title-h2 .mini {
    margin-bottom: 20px;
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
}
@media (max-width: 768px) {
    .title-h2 .mini {
        font-size: 26px;
        line-height: 30px;
    }
}
.title-h2.white {
    color: #fff;
}
.title-h2.center {
    text-align: center;
}
section:not(:last-child) {
    margin-bottom: 60px;
}
@media (max-width: 768px) {
    section:not(:last-child) {
        margin-bottom: 30px;
    }
}
section.no-margin {
    margin-bottom: 0;
}
.text-p {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #004271;
    margin-top: 30px;
}
.text-p.lite {
    margin-top: 0;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
}
.header > * {
    border-bottom: 1px solid #f5f5f5;
}
.header__log {
    display: flex;
}
@media (max-width: 1200px) {
    .header__log {
        order: 4;
    }
}
@media (max-width: 768px) {
    .header__log {
        align-items: center;
        justify-content: center;
    }
    .header__log svg {
        width: 120px;
    }
}
.header__log a {
    display: flex;
}
.header__phone {
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    .header__phone {
        display: none;
    }
}
.header__phone > * {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #057ac0;
    transition: 0.4s;
}
.header__phone > *:hover {
    color: #004271;
}
.header__lang {
    display: flex;
    align-items: center;
    position: relative;
    width: 75px;
    height: 30px;
}
.header__lang-social {
    display: flex;
    align-items: center;
    gap: 22px;
}
@media (max-width: 768px) {
    .header__lang-social {
        display: none;
    }
}
@media (max-width: 1200px) {
    .header__lang {
        display: none;
    }
}
.header__lang .controll {
    display: flex;
    flex-direction: column;
    padding: 5px;
    top: 0px;
    right: 0;
    position: absolute;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    background-color: #fff;
}
.header__lang .controll:hover {
    border-color: #057ac0;
}
.header__lang .controll:hover .list {
    display: flex;
}
.header__lang .controll > span {
    display: flex;
    align-items: center;
    gap: 8px;
}
.header__lang .controll > span span {
    font-weight: 700;
    font-size: 14px;
    color: #004271;
}
.header__lang .controll .list {
    flex-direction: column;
    margin-top: 5px;
    display: none;
    top: 100%;
}
.header__lang .controll .list > * {
    font-weight: 500;
    font-size: 14px;
    color: #004271;
}
.header__social {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 768px) {
    .header__social {
        display: none;
    }
}
.header__social > * {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 58px;
    height: 58px;
    border: 2px solid #057ac0;
    background: #fff;
    border-radius: 50%;
    position: relative;
    transition: 0.4s;
    box-sizing: border-box;
}
.header__social > *:hover {
    background: #f5f5f5;
}
.header__social > * svg {
    position: relative;
    z-index: 2;
}
.header__social > *::after {
    content: '';
    position: absolute;
    z-index: 1;
    width: 29px;
    height: 29px;
    border-radius: 50%;
    background: #ebebeb;
}
.header__menu > ul {
    display: flex;
    align-items: center;
}
@media (max-width: 1200px) {
    .header__menu > ul {
        display: none;
    }
}
.header__menu > ul > * {
    padding: 10px;
    position: relative;
}
.header__menu > ul > *:hover ul {
    display: flex;
}
.header__menu > ul > *:hover > a svg {
    transform: rotate(180deg);
}
.header__menu > ul > * > a {
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #004271;
    display: flex;
    align-items: center;
    gap: 5px;
    transition: 0.4s;
}
.header__menu > ul > * > a:hover {
    color: #057ac0;
}
.header__menu > ul > * > a svg {
    transition: 0.4s;
}
.header__menu > ul > * ul {
    flex-direction: column;
    top: 100%;
    left: 0;
    min-width: -moz-fit-content;
    min-width: fit-content;
    right: 0;
    background: #fff;
    z-index: 10;
    display: none;
    position: absolute;
    border-top: 1px solid #07b6ee;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-shadow: 0px 20px 34px 0px rgba(0, 0, 0, 0.2);
}
.header__menu > ul > * ul > * {
    padding: 7px 15px;
    font-size: 13px;
    color: #004271;
    white-space: nowrap;
    text-transform: none;
    background-color: rgba(0, 0, 0, 0);
    transition: 0.4s;
}
.header__menu > ul > * ul > *:hover {
    color: #057ac0;
    background-color: #ebebeb;
}
/*.header__menu-mobile {*/
/*    position: fixed;*/
/*    z-index: 1001;*/
/*    top: 0;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    background-color: #fff;*/
/*    max-height: 100svh;*/
/*    overflow: auto;*/
/*}*/
.header__menu-mobile {
    position: fixed;
    top: 0;
    left: -80%;
    width: 80%;
    height: 100%;
    background: #fff;
    transition: left 0.3s ease;
    z-index: 1000;
}
@media (max-width: 1040px) {
    .header__menu-mobile {
        left: -30%;
        width: 30%;
    }
}

@media (max-width: 900px) {
    .header__menu-mobile {
        left: -40%;
        width: 40%;
    }
}

@media (max-width: 768px) {
    .header__menu-mobile {
        left: -80%;
        width: 80%;
    }
}

.menu-open .header__menu-mobile {
    border-right: 1px solid #e4e4e4;
}
.menu-open .header_mobile__menu {
    left: 0;
}

.menu-open {
    transform: translateX(80%);
    overflow: hidden;
    height: 100vh;
}

@media (max-width: 1040px) {
    .menu-open {
        transform: translateX(30%);
    }
}

@media (max-width: 900px) {
    .menu-open {
        transform: translateX(40%);
    }
}

@media (max-width: 768px) {
    .menu-open {
        transform: translateX(80%);
    }
}

.burger {
    width: 32px;
    height: 24px;
    cursor: pointer;
    left: 2rem;
    top: 2rem;
    z-index: 20;
}

.burger {
    display: none;
}
@media (max-width: 1200px) {
    .burger {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.burger span {
    width: 100%;
    height: 4px;
    background-color: rgb(5, 122, 192);
    border-radius: 12px;
    display: block;
    transition: background-color 0.5s ease-in-out;
}

.burger span::before,
.burger span::after {
    content: "";
    width: 100%;
    background-color: rgb(5, 122, 192);
    display: block;
    transition: all 0.5s ease-in-out;
    border-radius: 12px;
    height: 4px;
}

.burger span::before {
    transform: translateY(-10px);

}

.burger span::after {
    transform: translateY(10px);
    margin-top: -4px;
}


.burger.active span {
    background-color: transparent;
}

.burger.active span::before {
    transform: rotateZ(45deg) translateY(0);
}

.burger.active span::after {
    transform: rotateZ(-45deg) translateY(0);
}
.header__menu-mobile .close {
    display: flex;
    cursor: pointer;
}
.header__menu-mobile .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 20px;
}
@media (max-width: 768px) {
    .header__menu-mobile .top {
        padding: 10px;
        padding-bottom: 20px;
    }
}
.header__menu-mobile .top .lang {
    display: flex;
    height: 34px;
}
.header__menu-mobile .top .lang > * {
    padding: 0 10px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f5f5f5;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    cursor: pointer;
    color: #057ac0;
}
.header__menu-mobile .top .lang > *.active {
    background-color: #057ac0;
    color: #fff;
}
.header__menu-mobile .top .lang > *:first-child {
    border-top-left-radius: 30px;
    border-bottom-left-radius: 30px;
}
.header__menu-mobile .top .lang > *:last-child {
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.header__menu-mobile .top .phone {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #057ac0;
}
.header__menu-mobile .menu .menu-list {
    display: flex;
    flex-direction: column;
}
.header__menu-mobile .menu .menu-list li .name,
.header__menu-mobile .menu .menu-list li .subname {
    display: flex;
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #004271;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
}
@media (max-width: 768px) {
    .header__menu-mobile .menu .menu-list li .name,
    .header__menu-mobile .menu .menu-list li .subname {
        padding: 15px 10px;
    }
}
.header__menu-mobile .menu .menu-list li .name svg,
.header__menu-mobile .menu .menu-list li .subname svg {
    transition: 0.4s;
}
.header__menu-mobile .menu .menu-list li .name.active svg,
.header__menu-mobile .menu .menu-list li .subname.active svg {
    transform: rotate(180deg);
}
.header__menu-mobile .menu .menu-list li .subname.active ~ .submenu-list {
    display: flex;
    flex-direction: column;
}
.header__menu-mobile .menu .menu-list .submenu-list {
    display: none;
    background: #f5f5f5;
}
.header__menu-mobile .menu .menu-list .submenu-list .submenu {
    display: flex;
    width: 100%;
    padding: 15px 30px;
    border-bottom: 1px solid #ebebeb;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #004271;
    align-items: center;
    justify-content: space-between;
    box-sizing: border-box;
    cursor: pointer;
}
@media (max-width: 768px) {
    .header__menu-mobile .menu .menu-list .submenu-list .submenu {
        padding: 15px 10px;
    }
}
.header__menu-mobile .menu .menu-list .submenu-modal {
    display: none;
    position: fixed;
    z-index: 1002;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    max-height: 100svh;
    overflow: auto;
}

@media (max-width: 1040px) {
    .header__menu-mobile .menu .menu-list .submenu-modal {
        left: -30%;
        width: 30%;
    }
}

@media (max-width: 900px) {
    .header__menu-mobile .menu .menu-list .submenu-modal {
        left: -40%;
        width: 40%;
    }
}

@media (max-width: 768px) {
    .header__menu-mobile .menu .menu-list .submenu-modal {
        left: -80%;
        width: 80%;
    }
}
.menu-list .menu-with-submenu {
    display: flex;
    width: 100%;
    border-bottom: 1px solid #ebebeb;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}
.menu-list .menu-with-submenu .name,
.menu-list .menu-with-submenu .submenu-list .subname {
    border-bottom: 0 !important;
}
.menu-list .submenu-dropdown {
    padding: 15px 10px;
}
.menu-list .submenu-dropdown svg {
    transition: .4s;
}
.menu-list .submenu-dropdown.active svg {
    transform: rotate(180deg);
}

.header__menu-mobile .menu .menu-list .submenu-modal .submenu-header {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 30px;
    padding-right: 20px;
    background: #057ac0;
}
@media (max-width: 768px) {
    .header__menu-mobile .menu .menu-list .submenu-modal .submenu-header {
        height: auto;
        padding: 10px;
        padding-bottom: 15px;
    }
}
.header__menu-mobile .menu .menu-list .submenu-modal .submenu-header .title {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header__menu-mobile .menu .menu-list .submenu-modal .submenu-header .title span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
}
.header__menu-mobile .menu .menu-list .submenu-modal .submenu-header .title .close-modal {
    display: flex;
    cursor: pointer;
}
.header__menu-mobile .menu .dop {
    display: flex;
    padding: 0 15px;
    margin-top: 20px;
    flex-direction: column;
    gap: 10px;
}
.header__menu-mobile .menu .dop a {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #004271;
}
.header__controll {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding-bottom: 20px;
    gap: 10px;
    padding-top: 10px;
}
@media (max-width: 768px) {
    .header__controll {
        padding-bottom: 20px;
        padding-top: 12px;
    }
}
.header__navigation {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header__navigation > * {
    cursor: pointer;
}
.header__navigation > * svg path {
    transition: 0.4s;
}
.header__navigation > *:hover svg path {
    fill: #057ac0;
}
.header__navigation .basket {
    position: relative;
}
.header__navigation .basket span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 21px;
    height: 21px;
    border-radius: 50%;
    background: #00b4ee;
    border: 1px solid #fff;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 100%;
}
.header__search {
    max-width: 300px;
    width: 100%;
}
@media (max-width: 768px) {
    .header__search {
        display: none;
    }
}
.header__search-mobile {
    display: none;
}
@media (max-width: 768px) {
    .header__search-mobile {
        display: flex;
        justify-content: flex-end;
        order: 5;
    }
}
.header__form {
    display: flex;
    flex-direction: column;
    max-width: 540px;
    width: 100%;
}
@media (max-width: 1200px) {
    .header__form {
        width: -moz-fit-content;
        width: fit-content;
    }
}
.header__form .title {
    font-weight: 600;
    font-size: 12px;
    margin-left: 10px;
    line-height: 21px;
    color: #004271;
}
@media (max-width: 1200px) {
    .header__form .title {
        cursor: pointer;
        display: flex;
        height: 33px;
        padding: 0 30px;
        background: #004271;
        border-radius: 30px;
        color: #fff;
        align-items: center;
        margin: 0;
        justify-content: center;
    }
}
@media (max-width: 768px) {
    .header__form .title {
        padding: 0 10px;
    }
}
.header__form form {
    display: grid;
    align-items: center;
    gap: 5px;
    grid-template-columns: 1fr 1fr 50px;
}
@media (max-width: 1200px) {
    .header__form form {
        display: none;
    }
}
.header__form form .btn {
    background-color: #004271;
    transition: 0.4s;
}
.header__form form .btn:hover {
    background-color: #057ac0;
}
@media (max-width: 1200px) {
    .header__catalog {
        display: none;
    }
}
.header__catalog > ul {
    display: flex;
    align-items: center;
}
.header__catalog > ul > li {
    width: 100%;
    height: 75px;
    transition: 0.4s;
    position: relative;
}
.header__catalog > ul > li ul {
    left: 0;
    top: 100%;
    z-index: 12;
    flex-direction: column;
    display: none;
    position: absolute;
    border-top: 1px solid #00b4ee;
    background-color: #fff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    box-shadow: 0px 20px 34px 0px rgba(0, 0, 0, 0.2);
    overflow: hidden;
    min-width: 210%;
    max-width: 300px;
}
.header__catalog > ul > li ul a {
    padding: 10px;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    color: #004271;
    background-color: rgba(0, 0, 0, 0);
    transition: 0.4s;
    display: flex;
}
.header__catalog > ul > li ul a:hover {
    color: #057ac0;
    background-color: #ebebeb;
}
.header__catalog > ul > li > a {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 15px;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    color: #057ac0;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    text-align: center;
    transition: 0.4s;
}
.header__catalog > ul > li > a::after {
    height: 40px;
    position: absolute;
    left: 0;
    width: 1px;
    background: #e2dbeb;
    content: '';
}
.header__catalog > ul > li:first-child a::after {
    display: none;
}
.header__catalog > ul > li:hover {
    background: #00b4ee;
}
.header__catalog > ul > li:hover ul {
    display: flex;
}
.header__catalog > ul > li:hover > a {
    color: #fff;
}
.header__burger {
    display: none;
    position: relative;
    height: 32px;
    width: 30px;
}
@media (max-width: 1200px) {
    .header__burger {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.header__burger > span::after,
.header__burger > span::before,
.header__burger > span span {
    height: 4px;
    width: 30px;
    border-radius: 4px;
    display: flex;
    background-color: #057ac0;
}
.header__burger > span::after,
.header__burger > span::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    height: 4px;
}
.header__burger > span::after {
    top: 0;
}
.header__burger > span::before {
    bottom: 0;
}
.header__modal-form {
    display: none;
    padding: 20px 20px 30px;
    background: #fff;
    position: relative;
    border-top: 1px solid #f5f5f5;
}
.header__modal-form .close {
    top: 5px;
    right: 20px;
    display: flex;
    position: absolute;
    cursor: pointer;
}
.header__modal-form .title {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    margin-left: 10px;
    color: #004271;
}
.header__modal-form form {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
@media (max-width: 1200px) {
    .header__modal-form form {
        gap: 20px;
    }
}
.header__modal-form form .btn {
    background-color: #004271;
}
.header__modal {
    position: fixed;
    z-index: 1005;
    top: 0;
    right: 0;
    bottom: 0;
    width: 400px;
    padding: 30px 10px;
    box-sizing: border-box;
    background-color: #fff;
    max-height: 100%;
    overflow: auto;
    overflow-x: hidden;
}
@media (max-width: 768px) {
    .header__modal {
        left: 0;
        width: 100%;
    }
}
.header__modal .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
.header__modal .head.user {
    padding-bottom: 10px;
}
.header__modal .head .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #000;
}
.header__modal .head .close {
    display: flex;
    cursor: pointer;
}
.header__modal .head .user-modal-title {
    display: flex;
    flex-direction: column;
}
.header__modal .head .user-modal-title .user-name {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #004271;
}
.header__modal .head .user-modal-title .user-email {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #c2c2c2;
}
.header__basket {
    display: flex;
    flex-direction: column;
}
.header__basket .list {
    display: flex;
    flex-direction: column;
}
.header__basket .list .basket-item {
    display: flex;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
    gap: 10px;
}
@media (max-width: 768px) {
    .header__basket .list .basket-item {
        padding: 10px 0;
    }
}
.header__basket .list .basket-item img {
    width: 111px;
    height: 111px;
}
@media (max-width: 768px) {
    .header__basket .list .basket-item img {
        width: 43px;
        height: 43px;
    }
}
.header__basket .list .basket-item .info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}
@media (max-width: 768px) {
    .header__basket .list .basket-item .info {
        gap: 5px;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: space-between;
    }
}
.header__basket .list .basket-item .name {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
@media (max-width: 768px) {
    .header__basket .list .basket-item .name {
        font-size: 13px;
        line-height: 20px;
    }
}
.header__basket .list .basket-item .article {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #6d6d6d;
}
@media (max-width: 768px) {
    .header__basket .list .basket-item .article {
        display: none;
    }
}
.header__basket .list .basket-item .controll {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .header__basket .list .basket-item .controll {
        order: 4;
        gap: 30px;
    }
}
.header__basket .list .basket-item .controll .price {
    display: flex;
    flex-direction: column;
}
.header__basket .list .basket-item .controll .price .old-price {
    display: flex;
    align-items: center;
    gap: 10px;
}
.header__basket .list .basket-item .controll .price .old-price > *:not(.percent) {
    font-weight: 400;
    font-size: 10px;
    line-height: 21px;
    text-decoration: line-through;
    color: #6d6d6d;
}
.header__basket .list .basket-item .controll .price .old-price .percent {
    height: 22px;
    padding: 0 8px;
    background: #f40000;
    border-radius: 20px;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
}
.header__basket .list .basket-item .controll .price > *:not(.old-price) {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.header__basket .list .basket-item .controll .delete {
    display: flex;
    cursor: pointer;
}
.header__basket .list .basket-item .quantity-box {
    display: flex;
    align-items: center;
    padding: 2px;
    width: -moz-fit-content;
    width: fit-content;
    gap: 5px;
}
.header__basket .list .basket-item .quantity-box span {
    font-weight: 600;
    cursor: pointer;
    font-size: 14px;
    line-height: 23px;
    letter-spacing: 0%;
    user-select: none;
    text-align: center;
    width: 20px;
    height: 23px;
}
.header__basket .order-detail {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 10px;
}
.header__basket .order-detail .price-detail {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.header__basket .order-detail .price-detail > * {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
}
.header__basket .order-detail .price-all {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #004271;
}
@media (max-width: 768px) {
    .header__basket .order-detail .price-all {
        border-top: 1px solid #ebebeb;
        padding-top: 10px;
    }
}
.header__basket .order-detail .btn-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.header__basket .order-detail .btn-box .top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media (max-width: 768px) {
    .header__basket .order-detail .btn-box .top {
        grid-template-columns: 1fr;
    }
}
.header__basket .other-product {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-top: 50px;
    position: relative;
}
@media (max-width: 768px) {
    .header__basket .other-product {
        margin-top: 20px;
    }
}
.header__basket .other-product .slider-product-mini {
    max-width: 70%;
}
.header__basket .other-product .slider-product-mini .slick-list {
    overflow: visible;
}
.header__basket .other-product > span {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.header__basket .other-product .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.1215686275);
    z-index: 12;
}
.header__basket .other-product .arrow.arrow-prev {
    left: 0;
}
.header__basket .other-product .arrow.arrow-next {
    right: 0;
}
.header .top {
    padding-top: 22px;
    padding-bottom: 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1200px) {
    .header .top {
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
@media (max-width: 768px) {
    .header .top {
        padding-top: 8px;
        padding-bottom: 8px;
        display: grid;
        grid-template-columns: 40px 1fr 40px;
    }
}
.footer {
    margin-top: 75px;
}
.footer .top {
    padding-top: 50px;
    padding-bottom: 50px;
    display: grid;
    grid-template-columns: 5fr 3fr 3fr 3fr 5fr;
    gap: 30px;
}
@media (max-width: 1200px) {
    .footer .top {
        grid-template-columns: 1fr 1fr;
        gap: 25px;
    }
}
@media (max-width: 768px) {
    .footer .top {
        grid-template-columns: 1fr;
    }
}
.footer .top .left {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 1200px) {
    .footer .top .left {
        grid-area: 1/1/2/3;
        align-items: center;
    }
    .footer .top .left .header__lang {
        display: flex;
    }
}
@media (max-width: 768px) {
    .footer .top .left {
        grid-area: 1/1/2/2;
    }
    .footer .top .left .header__social {
        display: flex;
    }
}
.footer .top .column {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 1200px) {
    .footer .top .column {
        align-items: center;
    }
}
.footer .top .column ul {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 1200px) {
    .footer .top .column ul {
        align-items: center;
    }
}
.footer .top .column ul a {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}
.footer .top .info {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 1200px) {
    .footer .top .info {
        align-items: center;
    }
}
.footer .top .title {
    display: flex;
    align-items: center;
    gap: 8px;
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #004271;
}
.footer .top .title img {
    width: 20px;
    height: 20px;
    -o-object-fit: contain;
    object-fit: contain;
}
.footer .top .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer .top .link {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #004271;
}
.footer .top a.link {
    color: #057ac0;
}
.footer .bottom {
    padding-top: 12px;
    border-top: 1px solid #ebebeb;
    padding-bottom: 12px;
}
.footer .bottom .box-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .footer .bottom .box-content {
        flex-direction: column;
        gap: 10px;
    }
    .footer .top .title{
        position: relative;
    }
    .footer .top .title::after{
        content: url('data:image/svg+xml,<svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(%23clip0_1071_22386)"><path d="M8.625 3.08486C8.5125 2.97236 8.33145 2.97236 8.2207 3.08486L4.66289 6.64971L1.09805 3.08486C0.985547 2.97236 0.804492 2.97236 0.69375 3.08486C0.58125 3.19736 0.58125 3.37842 0.69375 3.48916L4.45371 7.24912C4.50996 7.30537 4.57852 7.3335 4.65586 7.3335C4.72617 7.3335 4.80176 7.30537 4.85801 7.24912L8.61797 3.48916C8.7375 3.37842 8.7375 3.19736 8.625 3.08486Z" fill="black"/></g><defs><clipPath id="clip0_1071_22386"><rect width="10" height="10" fill="white" transform="translate(0.15625 0.666992)"/></clipPath></defs></svg>');
        height: 20px;
    }
    .footer .top .title.active::after{
        transform: rotate(180deg);
    }
    .footer .top .column ul, footer .top .column > .info{
        display: none;
    }
    .footer .top .column.active ul, footer .top .column.active > .info{
        display: flex;
    }
    .footer > .top > .info{
        gap: 25px;
    }
}
.footer .bottom span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
}
.footer .bottom .payment {
    display: flex;
    align-items: center;
    gap: 15px;
}
.section-main-slider {
    display: flex;
}
.section-main-slider .left {
    /*width: 75%;*/
	width: 100%;
}
.section-main-slider .right {
    width: 25%;
    display: grid;
    grid-template-rows: 1fr 1fr;
}
.section-main-slider .right img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 900px) {
    .section-main-slider .left {
        width: 100%;
    }
    .section-main-slider .right {
        display: none;
    }
}
.section-main-slider .slider-banner {
    position: relative;
}
.section-main-slider .slider-banner .banner-item {
    display: flex;
}
.section-main-slider .slider-banner .banner-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.section-main-slider .slider-banner .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
}
@media (max-width: 768px) {
    .section-main-slider .slider-banner .arrow {
        width: 40px;
        height: 40px;
    }
    .section-main-slider .slider-banner .arrow svg {
        height: 22px;
    }
}
.section-main-slider .slider-banner .arrow.arrow-prev {
    left: 15px;
}
@media (max-width: 768px) {
    .section-main-slider .slider-banner .arrow.arrow-prev {
        left: 10px;
    }
}
.section-main-slider .slider-banner .arrow.arrow-next {
    right: 15px;
}
@media (max-width: 768px) {
    .section-main-slider .slider-banner .arrow.arrow-next {
        right: 10px;
    }
}
.section-main-slider .slider-banner .slick-dots {
    position: absolute;
    bottom: 30px;
    display: flex !important;
    left: 50%;
    transform: translateX(-50%);
    gap: 10px;
}
.section-main-slider .slider-banner .slick-dots li {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    box-sizing: border-box;
    border: 1.5px solid #057ac0;
    transition: 0.4s;
	cursor:pointer;
}
@media (max-width: 768px) {
    .section-main-slider .slider-banner .slick-dots li {
        width: 8px;
        height: 8px;
    }
}
.section-main-slider .slider-banner .slick-dots li button {
    font-size: 0;
    height: 0;
    width: 0;
    opacity: 0;
    overflow: hidden;
}
.section-main-slider .slider-banner .slick-dots li.slick-active {
    background: #057ac0;
}
.section-categories {
    background: #00b4ee;
    position: relative;
    padding-top: 30px;
    margin-bottom: 110px;
    padding-bottom: 30px;
}
@media (max-width: 1200px) {
    .section-categories {
        margin-bottom: 90px;
    }
}
.section-categories > img {
    position: absolute;
    max-height: 330px;
    max-width: 480px;
    right: 10px;
    top: 20px;
}
@media (max-width: 1200px) {
    .section-categories > img {
        display: none;
    }
}
.section-categories .list {
    display: flex;
    gap: 100px;
}
@media (max-width: 1200px) {
    .section-categories .list {
        gap: 15px;
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    .section-categories .list {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
}
.section-categories .list .categories-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 12px;
}
.section-categories .list .categories-item .icon {
    width: 75px;
    height: 75px;
    border-radius: 50%;
    background: #62d9ff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
.section-categories .list .categories-item .icon:hover {
    background: #057ac0;
}
.section-categories .list .categories-item .icon > * {
    width: 44px;
    object-fit: contain;
    height: 44px;
}
.section-categories .list .categories-item .name {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #fff;
}
.section-product-slider .slider-product {
    position: relative;
}
.section-product-slider .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    z-index: 12;
}
@media (max-width: 768px) {
    .section-product-slider .arrow {
        width: 40px;
        height: 40px;
    }
    .section-product-slider .arrow svg {
        height: 22px;
    }
}
.section-product-slider .arrow.arrow-prev {
    left: 15px;
}
@media (max-width: 768px) {
    .section-product-slider .arrow.arrow-prev {
        left: -5px;
    }
}
.section-product-slider .arrow.arrow-next {
    right: 15px;
}
@media (max-width: 768px) {
    .section-product-slider .arrow.arrow-next {
        right: -5px;
    }
}
.section-form-phone {
    background: #00b4ee;
}
.section-form-phone.mini {
    background-color: rgba(0, 0, 0, 0);
}
.section-form-phone.mini .box-content {
    background: #00b4ee;
    border-radius: 20px;
    padding: 30px 20px;
}
@media (max-width: 768px) {
    .section-form-phone.mini .box-content {
        margin: 0 10px;
        width: calc(100% - 20px);
    }
}
.section-form-phone .box-content {
    display: grid;
    grid-template-columns: 2fr 3fr;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    box-sizing: border-box;
}
@media (max-width: 1000px) {
    .section-form-phone .box-content {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .section-form-phone .box-content {
        padding-top: 30px;
        padding-bottom: 30px;
    }
}
.section-form-phone .box-content .left {
    display: flex;
    flex-direction: column;
}
.section-form-phone .box-content .left h2 {
    margin-bottom: 0;
}
.section-form-phone .box-content .left p {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
}
.section-form-phone .box-content .right {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 768px) {
    .section-form-phone .box-content .right {
        flex-direction: column;
        gap: 20px;
    }
}
.section-form-phone .box-content .right button {
    padding: 0 30px;
    white-space: nowrap;
}
@media (max-width: 768px) {
    .section-form-phone .box-content .right button {
        width: 100%;
    }
}
.section-form-phone .box-content .right .input-text {
    height: 48px;
    width: 100%;
    max-width: 233px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .section-form-phone .box-content .right .input-text {
        max-width: 100%;
    }
}
.section-brands {
    background: #00b4ee;
}
.section-brands.big {
    padding: 80px 0;
}
@media (max-width: 768px) {
    .section-brands.big {
        padding: 30px 0;
    }
    .section-brands.big .box-content {
        padding: 0 20px;
    }
}
.section-brands.big .list {
    margin-top: 30px;
}
.section-brands .list {
}
.section-brands .list > * {
}
.section-brands .list > * img {
}

.section-brands .slick-slide img{max-width:100%;}
@media (max-width: 1200px) {
    .section-brands .list {
        overflow: auto;
    }

}
.section-brands .slider-brands .slider-product {
    margin: 0 -7.5px;
}
.section-brands .slider-brands .work-item {
    margin: 0 7.5px;
}
.section-brands .slider-brands .work-item .info::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #00b4ee 60%);
    height: 80px;
}
.section-brands .slider-brands .work-item .info .link,
.section-brands .slider-brands .work-item .info .title,
.section-brands .slider-brands .work-item .info .text {
    color: #fff;
}
.section-block-info .list {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 60px;
}
@media (max-width: 1200px) {
    .section-block-info .list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .section-block-info .list {
        grid-template-columns: 1fr;
    }
}
.section-block-info .list > * {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
}
.section-block-info .list > * img {
    width: 125px;
    height: 75px;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-block-info .list > * span {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #004271;
}
.section-robots .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 33px;
}
@media (max-width: 1200px) {
    .section-robots .list {
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
}
@media (max-width: 768px) {
    .section-robots .list {
        gap: 10px;
    }
    .section-brands .list {
        grid-template-columns: repeat(2, 1fr);
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
}
.section-robots .list .robots-item {
    display: flex;
    flex-direction: column;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    transition: 0.4s;
}
.section-robots .list .robots-item:hover {
    transform: translateY(-5px);
}
.section-robots .list .robots-item::after {
    content: '';
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(179.84deg, rgba(0, 0, 0, 0) 40.58%, rgba(0, 0, 0, 0.85) 99.73%);
}
.section-robots .list .robots-item img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    border-radius: 10px;
    -o-object-fit: cover;
    object-fit: cover;
}
.section-robots .list .robots-item span {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    z-index: 2;
    color: #fff;
    position: absolute;
    bottom: 25px;
    right: 25px;
    left: 25px;
}
@media (max-width: 768px) {
    .section-robots .list .robots-item span {
        bottom: 10px;
        right: 10px;
        left: 10px;
        font-size: 14px;
        line-height: 18px;
    }
}
.section-robots.mini {
    margin-bottom: 50px;
}
.section-robots.mini .list {
    gap: 25px;
}
@media (max-width: 768px) {
    .section-robots.mini .list {
        gap: 15px;
        grid-template-columns: 1fr;
    }
}
.section-robots.mini .list .robots-item img {
    aspect-ratio: 280/190;
}
@media (max-width: 768px) {
    .section-robots.mini .list .robots-item img {
        aspect-ratio: 300/190;
    }
}
.section-robots.mini .list .robots-item span {
    bottom: 10px;
    right: 10px;
    left: 10px;
    font-size: 20px;
    line-height: 30px;
}
.section-service {
    position: relative;
}
.section-service > img {
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
    width: 90%;
    height: 90%;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 900px) {
    .section-service > img {
        bottom: auto;
        top: 23%;
        width: 100%;
        height: auto;
        left: 0;
    }
}
.section-service > *:not(img) {
    position: relative;
    z-index: 2;
}
.section-service .top {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
@media (max-width: 900px) {
    .section-service .top {
        grid-template-columns: 1fr;
        gap: 50px;
    }
}
.section-service .top .left h2 {
    margin-bottom: 20px;
}
@media (max-width: 900px) {
    .section-service .top .left h2 {
        margin-bottom: 30px;
    }
}
.section-service .top .left p {
    max-width: 430px;
    margin: 0;
}
@media (max-width: 900px) {
    .section-service .top .left p {
        max-width: 100%;
    }
}
.section-service .top .left .btn {
    margin-top: 20px;
}
@media (max-width: 900px) {
    .section-service .top .left .btn {
        margin-top: 30px;
    }
}
@media (max-width: 768px) {
    .section-service .top .left .btn {
        width: 100%;
    }
}
.section-service .top .right ul {
    display: flex;
    flex-direction: column;
}
.section-service .top .right ul > * {
    padding-bottom: 20px;
    border-bottom: 1px solid #ebebeb;
}
@media (max-width: 768px) {
    .section-service .top .right ul > * {
        padding-bottom: 10px;
    }
}
.section-service .top .right ul > *:not(:first-child) {
    padding-top: 20px;
}
@media (max-width: 768px) {
    .section-service .top .right ul > *:not(:first-child) {
        padding-top: 10px;
    }
}
.section-service .top .right ul > * a {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #004271;
    transition: 0.4s;
}
.section-service .top .right ul > * a:hover {
    color: #057ac0;
}
@media (max-width: 768px) {
    .section-service .top .right ul > * a {
        font-size: 14px;
        line-height: 18px;
    }
}
.section-service .bottom {
    margin-top: 90px;
}
@media (max-width: 768px) {
    .section-service .bottom {
        margin-top: 30px;
    }
}
.section-service .bottom .list {
    margin-top: 40px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}
@media (max-width: 900px) {
    .section-service .bottom .list {
        grid-template-columns: 1fr;
    }
}
@media (max-width: 768px) {
    .section-service .bottom .list {
        margin-top: 30px;
        gap: 10px;
    }
}
.section-service .bottom .list .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 20px;
}
@media (max-width: 768px) {
    .section-service .bottom .list .item {
        padding: 10px;
        padding-bottom: 54px;
    }
}
.section-service .bottom .list .item:first-child {
    background-color: #00b4ee;
}
.section-service .bottom .list .item:nth-child(2) {
    background-color: #057ac0;
}
.section-service .bottom .list .item:nth-child(3) {
    background-color: #004271;
}
.section-service .bottom .list .item .number {
    font-weight: 600;
    font-size: 60px;
    line-height: 70px;
    text-align: center;
    color: #fff;
    padding: 20px 0;
}
.section-service .bottom .list .item svg {
    margin: 28px 0;
}
.section-service .bottom .list .item p {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    margin: 12px 0;
}
.section-info-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
}
.section-info-text p {
    font-weight: 400;
    font-size: 15px;
    line-height: 40px;
    text-align: center;
    color: #057ac0;
}
.section-info-text p a {
    font-weight: 700;
}
@media (max-width: 768px) {
    .section-info-text .btn {
        width: 100%;
    }
}
.section-seo-block {
    position: relative;
}
.section-seo-block .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    max-height: 130px;
    overflow: hidden;
}
.section-seo-block .text::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -36.68%, #ffffff 72.25%);
    height: 70px;
    z-index: 1;
}
.section-seo-block .btn-toggle {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    cursor: pointer;
    color: #057ac0;
    position: relative;
    z-index: 2;
}
.section-breadcrumbs {
    padding: 8px 0;
    background: #f5f5f5;
    border-bottom: 1px solid #f5f5f5;
    margin-bottom: 50px !important;
    opacity: 0.7;
}
.section-breadcrumbs.not-margin {
    margin-bottom: 0 !important;
}
@media (max-width: 1200px) {
    .section-breadcrumbs {
        margin-bottom: 20px !important;
    }
}
.section-breadcrumbs .box-content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    padding: 0 30px;
}
@media (max-width: 1200px) {
    .section-breadcrumbs .box-content {
        padding: 0 10px;
    }
}
.section-breadcrumbs .box-content > * {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
}
.section-breadcrumbs .box-content a {
    color: #057ac0;
    display: flex;
    align-items: center;
    gap: 9px;
}
.section-breadcrumbs .box-content a::after {
    content: '›';
}
.section-breadcrumbs .box-content span {
    color: #004271;
}
.section-document {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 12px;
    border: 1px dashed #00b4ee;
    border-radius: 20px;
    margin-bottom: 50px !important;
}
@media (max-width: 1200px) {
    .section-document {
        flex-wrap: wrap;
    }
}
@media (max-width: 768px) {
    .section-document {
        margin-bottom: 35px !important;
    }
}
.section-document .document-item {
    display: flex;
    align-items: center;
    gap: 15px;
}
.section-document .document-item img {
    width: 60px;
    height: 60px;
}
.section-document .document-item .name {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
    color: #004271;
}
.section-title {
    margin-top: 30px;
    margin-bottom: 30px !important;
}
.section-title .title-h2 {
    margin: 0;
}
.section-title .text {
    font-weight: 500;
    font-size: 15px;
    line-height: 22.5px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 700px;
    color: #004271;
    margin: 35px auto;
}
.section-user {
    display: grid;
    grid-template-columns: 380px 1fr;
    gap: 30px;
}
.section-user.comparison {
    display: flex;
}
.section-user.comparison > .left {
    width: 380px;
}
.section-user.comparison > .right {
    width: calc(100% - 410px);
}
@media (max-width: 1200px) {
    .section-user.comparison {
        flex-direction: column;
        gap: 20px;
    }
    .section-user.comparison > .left,
    .section-user.comparison > .right {
        width: 100%;
    }
}
@media (max-width: 900px) {
    .section-user {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.section-user .user-info {
    display: flex;
    flex-direction: column;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    height: -moz-fit-content;
    height: fit-content;
}
.section-user .user-info .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #004271;
}
.section-user .user-info .email {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #c2c2c2;
}
.section-user .menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
}
.section-user .menu a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    border-radius: 30px;
    transition: 0.4s;
}
.section-user .menu a:hover,
.section-user .menu a.active {
    background-color: rgba(5, 122, 192, 0.0509803922);
}
.section-user .menu a .icon {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(5, 122, 192, 0.0509803922);
}
.section-user > .right .user-info-detail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px 10px;
}
@media (max-width: 900px) {
    .section-user > .right .user-info-detail {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}
.section-user > .right .user-info-detail > * {
    display: flex;
    flex-direction: column;
}
.section-user > .right .user-info-detail > * span:first-child {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #c2c2c2;
}
.section-user > .right .user-info-detail > * span:last-child {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-user > .right .btn-box {
    display: grid;
    grid-template-columns: 188px 188px;
    gap: 10px;
    margin-top: 30px;
}
@media (max-width: 900px) {
    .section-user > .right .btn-box {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .section-user > .right .btn-box {
        grid-template-columns: 1fr;
    }
}
.section-user > .right .btn-box > * {
    width: auto;
}
.section-user > .right .user-favorite {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.user-favorite .product-card .title {
    width: 100%;
}
@media (max-width: 1200px) {
    .section-user > .right .user-favorite {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 600px) {
    .section-user > .right .user-favorite {
        grid-template-columns: 1fr;
    }
}
.section-user > .right .user-comparison {
    width: 100%;
    border-right: 1px solid #ebebeb;
    max-width: 100%;
    overflow-x: auto;
}
.section-user > .right .user-comparison table {
    border-collapse: collapse;
}
.section-user > .right .user-comparison table tbody > tr td {
    border-left: 1px solid #ebebeb;
}
.section-user > .right .user-comparison table tbody > tr .product-card {
    min-width: 280px;
}
@media (max-width: 768px) {
    .section-user > .right .user-comparison table tbody > tr .product-card {
        min-width: 140px;
    }
}
.section-user > .right .user-comparison table tbody > tr:nth-child(2n + 1) {
    background-color: #ebebeb;
}
.section-user > .right .user-comparison table tbody > tr:first-child,
.section-user > .right .user-comparison table tbody > tr.buy-box {
    background-color: rgba(0, 0, 0, 0);
}
@media (max-width: 700px) {
    .section-user > .right .user-comparison .image .info {
        display: none;
    }
    .section-user > .right .user-comparison .controll,
    .section-user > .right .user-comparison .controll-table {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    .section-user > .right .user-comparison .controll .product-buy,
    .section-user > .right .user-comparison .controll-table .product-buy {
        width: 100%;
        box-sizing: border-box;
    }
}
@media (max-width: 700px) and (max-width: 700px) {
    .section-user > .right .user-comparison .controll .old-price,
    .section-user > .right .user-comparison .controll-table .old-price {
        order: 2;
    }
}
.section-user > .right .user-comparison .property > * {
    padding: 10px;
}
.section-user > .right .user-comparison .property > *:first-child {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-user > .right .user-comparison .property > *:not(:first-child) {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    color: #000;
}
.section-user > .right .user-comparison .controll-table {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    gap: 15px;
}
@media (max-width: 700px) {
    .section-user > .right .user-comparison .controll-table {
        align-items: center;
    }
}
.section-user > .right .user-comparison .controll-table .price-box {
    display: flex;
    flex-direction: column;
}
.section-user > .right .user-comparison .controll-table .price-box .old-price {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 700px) {
    .section-user > .right .user-comparison .controll-table .price-box .old-price {
        justify-content: center;
    }
}
.section-user > .right .user-comparison .controll-table .price-box .old-price > *:not(.percent) {
    font-weight: 400;
    font-size: 10px;
    line-height: 21px;
    text-decoration: line-through;
    color: #6d6d6d;
}
.section-user > .right .user-comparison .controll-table .price-box .old-price .percent {
    height: 22px;
    padding: 0 8px;
    background: #f40000;
    border-radius: 20px;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
}
.section-user > .right .user-comparison .controll-table .price-box > *:not(.old-price) {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #057ac0;
}
.section-user > .right .user-comparison .controll-table .product-buy {
    height: 30px;
    padding: 0 13px;
    background-color: #00b4ee;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #fff;
    cursor: pointer;
}
.section-user > .right .user-order {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-user > .right .user-order .order-item {
    background: rgba(5, 122, 192, 0.0509803922);
    border-radius: 16px;
    padding: 20px;
    padding-bottom: 0;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item {
        padding: 20px 10px;
        padding-bottom: 0;
    }
}
.section-user > .right .user-order .order-item .title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 20px;
    cursor: pointer;
    gap: 20px;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .title {
        flex-direction: column;
        align-items: flex-end;
    }
}
.section-user > .right .user-order .order-item .title svg {
    transition: 0.4s;
}
.section-user > .right .user-order .order-item .title.active svg {
    transform: rotate(180deg);
}
.section-user > .right .user-order .order-item .title > div {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .title > div {
        width: 100%;
    }
}
.section-user > .right .user-order .order-item .title > div .icon {
    display: flex;
}
.section-user > .right .user-order .order-item .title .name {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #004271;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .title .name {
        font-size: 14px;
        line-height: 18px;
    }
}
.section-user > .right .user-order .order-item .title .status {
    padding: 4px 10px;
    border-radius: 5px;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #fff;
}
.section-user > .right .user-order .order-item .title .status.new {
    background-color: #00b4ee;
}
.section-user > .right .user-order .order-item .title .status.completed {
    background-color: #089439;
}
.section-user > .right .user-order .order-item .title .status.accept {
    background-color: #ffa900;
}
.section-user > .right .user-order .order-item .title .status.cancelled {
    background-color: #f40000;
}
.section-user > .right .user-order .order-item .order-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid #ebebeb;
}
.section-user > .right .user-order .order-item .order-detail .order-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .order-info {
        grid-template-columns: 1fr;
    }
}
.section-user > .right .user-order .order-item .order-detail .order-info > * {
    display: flex;
    flex-direction: column;
}
.section-user > .right .user-order .order-item .order-detail .order-info > * span:first-child {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #6d6d6d;
}
.section-user > .right .user-order .order-item .order-detail .order-info > * span:last-child {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #000;
}
.section-user > .right .user-order .order-item .order-detail .products {
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 15px;
    border: 1px solid #057ac0;
    border-radius: 16px;
}
.section-user > .right .user-order .order-item .order-detail .products > * {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr 1fr;
    gap: 12px;
}
@media (max-width: 1200px) {
    .section-user > .right .user-order .order-item .order-detail .products > * {
        grid-template-columns: 3fr 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .products > * {
        grid-template-columns: 42px 1fr;
        gap: 15px;
    }
}
.section-user > .right .user-order .order-item .order-detail .products > * > *:not(:first-child) {
    display: flex;
    justify-content: center;
}
@media (max-width: 1200px) {
    .section-user > .right .user-order .order-item .order-detail .products > * > *:last-child {
        display: none !important;
    }
}
.section-user > .right .user-order .order-item .order-detail .products .head {
    padding-bottom: 10px;
    border-bottom: 1px solid #057ac0;
}
.section-user > .right .user-order .order-item .order-detail .products .head > * {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .products .head > *:not(:first-child) {
        display: none;
    }
}
.section-user > .right .user-order .order-item .order-detail .products .product .info {
    display: grid;
    grid-template-columns: 42px 1fr;
    gap: 15px;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .products .product .info {
        grid-area: 1/1/2/3;
    }
}
.section-user > .right .user-order .order-item .order-detail .products .product .info img {
    width: 100%;
    height: 42px;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-user > .right .user-order .order-item .order-detail .products .product .info span {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
}
.section-user > .right .user-order .order-item .order-detail .products .product > *:not(.info) {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .products .product > *:not(.info) {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
.section-user > .right .user-order .order-item .order-detail .products .product > *:not(.info) > *:first-child {
    display: none;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .products .product > *:not(.info) > *:first-child {
        display: flex;
    }
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .products .product .price-one {
        grid-area: 2/2/3/3;
    }
    .section-user > .right .user-order .order-item .order-detail .products .product .quantity {
        grid-area: 3/2/4/3;
    }
}
.section-user > .right .user-order .order-item .order-detail .order-price {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
    max-width: 313px;
    margin-left: auto;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .section-user > .right .user-order .order-item .order-detail .order-price {
        max-width: 100%;
    }
}
.section-user > .right .user-order .order-item .order-detail .order-price .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-user > .right .user-order .order-item .order-detail .order-price .top span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}
.section-user > .right .user-order .order-item .order-detail .order-price .bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
    border-top: 1px solid #ebebeb;
}
.section-user > .right .user-order .order-item .order-detail .order-price .bottom span {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #004271;
}
.section-user-modal .menu {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.section-user-modal .logout {
    margin-top: 20px;
}
.section-user-modal a {
    display: flex;
    align-items: center;
    gap: 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    border-radius: 30px;
    transition: 0.4s;
}
.section-user-modal a:hover {
    background-color: rgba(5, 122, 192, 0.0509803922);
}
.section-user-modal .icon,
.section-user-modal .icon-logout {
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(5, 122, 192, 0.0509803922);
}
.section-user-modal .icon-logout {
    background: rgba(244, 0, 0, 0.0509803922);
}
.section-user-modal-password,
.section-user-modal-auth {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section-user-modal-password p,
.section-user-modal-auth p {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}
.section-user-modal-password form,
.section-user-modal-auth form {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.section-user-modal-auth .btn-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
.section-user-modal-auth .title-center {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    color: #6d6d6d;
}
.section-user-modal-auth .register-text {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-user-modal-auth .register-text span {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #6d6d6d;
}
.section-user-modal-auth .register-text a {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-decoration: underline;
    color: #000000;
}
.section-services {
    display: flex;
    flex-direction: column;
    gap: 25px;
    margin-bottom: 60px !important;
}
.section-services .top {
    border-radius: 10px;
    overflow: hidden;
    display: grid;
    grid-template-columns: 5fr 6fr;
    background-color: #f5f5f5;
}
@media (max-width: 768px) {
    .section-services .top {
        grid-template-columns: 1fr;
    }
}
.section-services .top .left {
    display: flex;
}
.section-services .top .left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
@media (max-width: 768px) {
    .section-services .top .left img {
        border-radius: 10px;
    }
}
.section-services .top .right {
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}
@media (max-width: 768px) {
    .section-services .top .right {
        padding: 25px 10px;
    }
}
.section-services .top .right .title-h2 {
    padding: 35px 0 10px;
    margin: 0;
}
@media (max-width: 768px) {
    .section-services .top .right .title-h2 {
        padding: 0;
    }
}
.section-services .top .right .text {
    display: flex;
    flex-direction: column;
    gap: 25px;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #004271;
}
.section-services .top .right div.link {
    display: flex;
    flex-direction: column;
}
.section-services .top .right .link.btn {
    display: flex;
    align-items: center;
    gap: 4px;

    margin: 0 auto;
}
.section-services .top .right .link.btn span {
    text-transform: lowercase;
}
.section-services .top .right div.link > * {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #057ac0;
}
.section-services .bottom {
    border-radius: 10px;
    padding: 50px 50px;
    background-color: transparent;
    display: flex;
    flex-direction: column;
    gap: 30px;
}
@media (max-width: 768px) {
    .section-services .bottom {
        padding: 20px;
    }
}
.section-services .bottom .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}

.section-services .bottom .title-h3{margin-top:10px; margin-bottom:20px; font-size:18px; color:#004271;}
.section-services .bottom ul{margin-left:30px; margin-bottom:20px;}
.section-services .bottom p{margin-bottom:20px;}
.bot-but{text-align:center}
.bot-but button{display:inline;}
.bot-but button span{text-transform: lowercase;}
.section-services .bottom .text ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 15px;
}
.section-services .bottom .text ul li {
    list-style-type: disc;
}
.section-text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
}
.section-text.black {
    color: #000;
}
.section-text > *:not(:last-child) {
    margin-bottom: 15px;
}
.section-text img {
    max-width: 100%;
    display: flex;
    margin: 0 auto;
    height: auto;
}
.section-text a {
    color: #004271;
    font-weight: 700;
}
.section-text ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 15px;
}
.section-text ul li {
    list-style-type: disc;
}
.section-text ol {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 15px;
}
.section-text ol li {
    list-style-type: inherit;
}
.section-text h2 {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #057ac0;
    text-align: center;
    margin-bottom: 20px !important;
}
.section-text .center {
    text-align: center;
}
.section-works {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin-bottom: 60px !important;
}
@media (max-width: 1200px) {
    .section-works {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .section-works {
        grid-template-columns: 1fr;
        gap: 10px;
    }
}
.section-works-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
@media (max-width: 1200px) {
    .section-works-list {
        grid-template-columns: repeat(3, 1fr);
    }
}

.ws-pk{display:grid;}
.ws-mob{display:none;}
@media (max-width: 700px) {
    .section-works-list {
        grid-template-columns: 1fr 1fr;
        gap: 10px;
    }
	.ws-pk{display:none;}
	.ws-mob{display:block; }
	.ws-mob .slick-slide .work-item.cat span{font-size:15px;}
	.ws-mob .slick-slide {margin: 0 5px;}
	 .ws-mob .arrow.arrow-prev {        left: 0px;    }
	 .ws-mob .arrow.arrow-next {        right: 0px;    }
	 .ws-mob .slider-works{position:relative;}
	 .ws-mob .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border: none;
    cursor: pointer;
    background: transparent;
    z-index: 12;
}
}
.section-blogs .list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.section-blogs .list.three {
    grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1200px) {
    .section-blogs .list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .section-blogs .list {
        grid-template-columns: 1fr 1fr !important;
    }
}
@media (max-width: 600px) {
    .section-blogs .list {
        grid-template-columns: 1fr !important;
    }
}
.section-blogs .section-pagination {
    margin-top: 50px;
}
.section-blogs .blog-item {
    display: flex;
    flex-direction: column;
    gap: 30px;
    border: 1px solid #f5f5f5;
    overflow: hidden;
    border-radius: 10px;
}
.section-blogs .blog-item img {
    aspect-ratio: 388/316;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
}
.section-blogs .blog-item .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 0 20px 20px;
}
.section-blogs .blog-item .info .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #004271;
}
.section-blogs .blog-item .info .text {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #004271;
}
.section-contact {
    display: grid;
    grid-template-columns: 375px 1fr;
    gap: 25px;
}
@media (max-width: 1000px) {
    .section-contact {
        grid-template-columns: 6fr 5fr;
    }
}
@media (max-width: 768px) {
    .section-contact {
        grid-template-columns: 1fr;
    }
}
.section-contact > .right .contact-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.section-contact > .right .contact-list .contact-item {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.section-contact > .right .contact-list .contact-item .title {
    display: flex;
    align-items: center;
    padding-top: 16px;
    gap: 5px;
    border-top: 1px solid #ebebeb;
}
.section-contact > .right .contact-list .contact-item .title span {
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #004271;
}
.section-contact > .right .contact-list .contact-item .list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-contact > .right .contact-list .contact-item .list > * {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}
.section-contact > .right .contact-list .contact-item .list a {
    color: #057ac0;
}
.section-contact > .right .contact-list .contact-item .list p {
    color: #004271;
}
.section-contact > .right .contact-list .contact-item .graphics-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.section-contact > .right .contact-list .contact-item .graphics-list > * {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
}
.section-contact > .right .contact-list .contact-item .graphics-list > * > span {
    font-weight: 700;
    color: #057ac0;
}
.section-contact > .left {
    display: flex;
}
.section-contact > .left img {
    width: 100%;
    height: -moz-fit-content;
    height: fit-content;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 10px;
}
.section-map .map {
    display: flex;
}
.section-map .map > * {
    width: 100%;
    height: 500px;
    -o-object-fit: cover;
    object-fit: cover;
}
.section-preview-block {
    display: grid;
    grid-template-columns: 1fr 1fr;
    background-color: #f2f2f2;
}
@media (max-width: 1100px) {
    .section-preview-block {
        display: flex;
        flex-direction: column;
    }
}
.section-preview-block > .left {
    display: flex;
}
@media (max-width: 1100px) {
    .section-preview-block > .left {
        order: 2;
    }
}
.section-preview-block > .left img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}
.section-preview-block > .right {
    display: flex;
    justify-content: center;
    flex-direction: column;
    gap: 30px;
    padding: 80px 70px;
}
@media (max-width: 1100px) {
    .section-preview-block > .right {
        order: 1;
        padding: 80px 20px;
    }
}
@media (max-width: 768px) {
    .section-preview-block > .right {
        padding: 55px 10px;
    }
    .section-preview-block > .right .btn {
        width: 100%;
    }
}
.section-preview-block > .right .title-h2 {
    margin: 0;
}
.section-preview-block > .right p {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #057ac0;
}
.section-preview-block > .right .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media (max-width: 1100px) {
    .section-preview-block > .right .list {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media (max-width: 768px) {
    .section-preview-block > .right .list {
        grid-template-columns: 1fr 1fr;
    }
}
.section-preview-block > .right .list > * {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    padding: 0 14px 14px;
}
@media (max-width: 768px) {
    .section-preview-block > .right .list > * {
        padding: 0 5px 5px;
    }
}
.section-preview-block > .right .list > * .icon {
    display: flex;
    height: 50px;
    align-items: center;
}
.section-preview-block > .right .list > * .icon > *{
    max-height: 100%;
    max-width: 100%;
    object-fit: cover;
    height: 100%;
}
.section-preview-block > .right .list > * span:not(.icon) {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #057ac0;
}
.section-tab-product {
    margin: 0 auto 30px !important;
    max-width: 950px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid #057ac0;
}
@media (max-width: 768px) {
    .section-tab-product {
        grid-template-columns: 1fr;
        border-radius: 20px;
    }
}
.section-tab-product > * {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: 51px;
    color: #004271;
    transition: 0.4s;
    padding: 5px;
    box-sizing: border-box;
}
.section-tab-product > *:not(:last-child) {
    border-right: 1px solid #057ac0;
}
@media (max-width: 768px) {
    .section-tab-product > *:not(:last-child) {
        border-right: 0;
        border-bottom: 1px solid #057ac0;
    }
}
.section-tab-product > *.active {
    background-color: #057ac0;
    color: #fff;
}
.section-image img {
    width: 100% !important;
    height: auto;
}
.section-how-works .slider-how-works {
    position: relative;
    padding: 26px;
}
.section-how-works .slider-how-works .sliders {
    margin: 0 -25px;
}
.section-how-works .slider-how-works .arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    cursor: pointer;
    background: rgba(255, 255, 255, 0.4);
    z-index: 12;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1607843137);
}
@media (max-width: 768px) {
    .section-how-works .slider-how-works .arrow {
        width: 40px;
        height: 40px;
    }
    .section-how-works .slider-how-works .arrow svg {
        height: 22px;
    }
}
.section-how-works .slider-how-works .arrow.arrow-prev {
    left: -25px;
}
@media (max-width: 1300px) {
    .section-how-works .slider-how-works .arrow.arrow-prev {
        left: -5px;
    }
}
@media (max-width: 768px) {
    .section-how-works .slider-how-works .arrow.arrow-prev {
        left: -5px;
    }
}
.section-how-works .slider-how-works .arrow.arrow-next {
    right: -25px;
}
@media (max-width: 1300px) {
    .section-how-works .slider-how-works .arrow.arrow-next {
        right: -5px;
    }
}
@media (max-width: 768px) {
    .section-how-works .slider-how-works .arrow.arrow-next {
        right: -5px;
    }
}
.section-how-works .item-how-works {
    display: grid !important;
    grid-template-columns: 175px 1fr;
    border: 1px solid rgba(5, 122, 192, 0.6);
    border-radius: 10px;
    margin: 0 25px;
}
@media (max-width: 600px) {
    .section-how-works .item-how-works {
        grid-template-columns: 1fr;
    }
}
.section-how-works .item-how-works .left {
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-how-works .item-how-works .left img {
    width: 160px;
    height: 160px;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-how-works .item-how-works .right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 15px;
    background: rgba(5, 122, 192, 0.0509803922);
}
.section-how-works .item-how-works .right .title {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
}
.section-how-works .item-how-works .right .property {
    display: flex;
    flex-direction: column;
}
.section-how-works .item-how-works .right .property > * {
    font-weight: 400;
    font-size: 14px;
    line-height: 23px;
    color: #004271;
}
.section-how-works .item-how-works .right .property > * span {
    font-weight: 700;
}
.section-how-works .item-how-works .right p {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #004271;
    padding-top: 14px;
    border-top: 1px solid #057ac0;
}
.section-pollution .list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 65px;
}
@media (max-width: 768px) {
    .section-pollution .list {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.section-pollution .item-pollution {
    display: grid;
    grid-template-columns: 107px 1fr;
}
@media (max-width: 768px) {
    .section-pollution .item-pollution {
        grid-template-columns: 52px 1fr;
    }
}
.section-pollution .item-pollution .image {
    display: flex;
    align-items: center;
    padding: 12px 0;
}
@media (max-width: 768px) {
    .section-pollution .item-pollution .image {
        padding: 8px 0;
    }
}
.section-pollution .item-pollution .image img {
    width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-pollution .item-pollution .info {
    display: flex;
    flex-direction: column;
    gap: 11px;
    padding-top: 11px;
}
@media (max-width: 768px) {
    .section-pollution .item-pollution .info {
        padding-top: 8px;
    }
}
.section-pollution .item-pollution .info .title {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #057ac0;
}
.section-pollution .item-pollution .info ul {
    display: flex;
    flex-direction: column;
    padding-left: 25px;
    gap: 4px;
}
.section-pollution .item-pollution .info ul li {
    list-style-type: unset;
    font-weight: 400;
    font-size: 15px;
    line-height: 22.5px;
    color: #004271;
}
.work-item {
    display: flex !important;
    flex-direction: column;
}
.work-item.cat {
    transition: .4s;
    border: 1px solid #f5f5f5;
}
.work-item.cat span {
    padding: 10px 0 10px 10px;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #004271;
}
.work-item.cat:hover{
    transform: translateY(-5px);
}
.work-item img {
    aspect-ratio: 1/1;
    width: 100%;
    height: auto;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 7px;
}
.work-item .info {
    display: flex;
    flex-direction: column;
    gap: 5px;
    overflow: hidden;
    position: relative;
}
.work-item .work-link{position:relative;}
.work-item .work-link::after {
    content: '';
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) -36.68%, #ffffff 45.25%);

    z-index: 1;

      height:0;
    position: absolute;
    bottom: 0px;
    width: 100%;
	display:block;
}
.work-item.item-show .work-link::after {height:0;}
.work-item .work-link.hider::after {height:40px;}
	
.work-item .info .title {
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #057ac0;
}
.work-item .work-link .text {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    max-height: 30px;
    color: #004271;
	position:relative;
	}


.work-item .link-hide{display:none; margin-top:10px; transition: all 0.1s linear;}
.work-item .link-show{display:inline-block; transition: all 0.1s linear;}
.work-item.item-show .link-hide{display:inline-block;}
.work-item.item-show .link-show{display:none;}

.work-item .work-link .link {
    font-weight: 600;
    font-size: 15px;
    position: relative;
    line-height: 22px;
    z-index: 2;
    color: #057ac0;
	cursor:pointer;
	top:0px;
}
.product-card {
    padding: 20px 15px;
    display: flex !important;
    flex-direction: column;
    gap: 7px;
    position: relative;
    transition: 0.4s;
}
.product-card > a {
    display: flex;
}
.product-card .image {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
}
.product-card .image .favorite {
    z-index: 11;
    position: absolute;
    top: 0;
    left: 0;
}
.product-card .image .compare {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
}
.product-card .image .delete {
    position: absolute;
    z-index: 11;
    top: 0px;
    right: 0px;
}
.product-card .image .info {
    position: absolute;
    bottom: 0;
    left: 0;
    justify-content: center;
    background: #f40000;
    height: 42px;
    width: 75px;
    border-radius: 5px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0%;
    text-align: center;
    color: #fff;
    display: flex;
    align-items: center;
    z-index: 10;
}
.product-card .image a {
    display: flex;
    width: 100%;
}
.product-card .image a img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%;
    max-height: 220px;
    min-height: 220px;
    transition: 1s;
}
@media (max-width: 768px) {
    .product-card .image a img {
        aspect-ratio: 270/220;
    }
}
.product-card:hover .image a img {
    transform: scale(1.05);
}
.product-card .rating {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
}
.product-card .rating .starts {
    display: flex;
}
.product-card .rating .comments {
    display: flex;
    gap: 4px;
    align-items: center;
}
.product-card .rating .starts {
    display: flex;
    align-items: center;
    gap: 2px;
}
.product-card .rating .comments span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #6d6d6d;
}
.product-card .title {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    text-align: center;
    color: #004271;
}
.product-card .product-info {
    display: flex;
    margin-top: auto;
    align-items: center;
    justify-content: space-between;
}
.product-card .product-info > span {
    height: 22px;
    padding: 0 10px;
    background: rgba(5, 122, 192, 0.0509803922);
    border-radius: 10px;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    color: #057ac0;
}
.product-card .product-info > span span {
    font-weight: 700;
}
.product-card .product-info .credits {
    display: flex;
    gap: 2px;
}
.product-card .product-info .credits > * {
    padding: 4px;
    position: relative;
}
.product-card .product-info .credits > * span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 20px 34px 0px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 7.23px;
    line-height: 13.01px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0px;
}
.product-card .controll {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.product-card .controll .price-box {
    display: flex;
    flex-direction: column;
    min-height: 42px;
    justify-content: flex-end;
}
.product-card .controll .price-box .old-price {
    display: flex;
    align-items: center;
    gap: 10px;
}
.product-card .controll .price-box .old-price > *:not(.percent) {
    font-weight: 400;
    font-size: 10px;
    line-height: 21px;
    text-decoration: line-through;
    color: #6d6d6d;
}
.product-card .controll .price-box .old-price .percent {
    height: 22px;
    padding: 0 8px;
    background: #f40000;
    border-radius: 20px;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
}
.product-card .controll .price-box > *:not(.old-price) {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #057ac0;
}
.product-card .controll .product-buy {
    height: 30px;
    padding: 0 13px;
    background-color: #00b4ee;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    letter-spacing: 0%;
    color: #fff;
    cursor: pointer;
    transition: 0.4s;
    margin-top: auto;
}
.product-card .controll .product-buy:hover {
    background-color: #057ac0;
}
.product-card .controll.empty,
.product-card .controll.favorite {
    margin-top: auto;
}
.product-card .controll.empty .product-buy,
.product-card .controll.favorite .product-buy {
    width: 100%;
}
.product-card .attributes {
    opacity: 0;
    pointer-events: none;
    flex-direction: column;
    transition: 0.2s;
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    z-index: 12;
    background: #fff;
    padding: 0 15px 20px;
}
.product-card .attributes::after {
    content: '';
    position: absolute;
    box-shadow: 0px 39px 34px 0px rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.product-card .attributes > * {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.product-card .attributes > * span {
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
}
.product-card .attributes > * span:first-child {
    color: #6d6d6d;
}
.product-card .attributes > * span:last-child {
    color: #000;
    text-align: right;
}
@media (min-width: 768px) {
    .product-card:not(.nohover):hover {
        box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
    }
    .product-card:not(.nohover):hover .attributes {
        opacity: 1;
        pointer-events: all;
    }
}
.section-catalog {
    display: grid;
    grid-template-columns: 275px 1fr;
    gap: 25px;
}
@media (max-width: 1000px) {
    .section-catalog {
        grid-template-columns: 1fr;
    }
}
.section-catalog .right .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}
.section-catalog .right .top .title-h2 {
    margin-bottom: 0;
}
.section-catalog .right .top .info {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 1000px) {
    .section-catalog .right .top .info {
        width: 100%;
        justify-content: space-between;
    }
}
.section-catalog .right .top .info .open-filter-modal {
    display: none;
    cursor: pointer;
}
@media (max-width: 1000px) {
    .section-catalog .right .top .info .open-filter-modal {
        display: flex;
    }
}
.section-catalog .right .top .sort {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: max-content;
}
@media (max-width: 1000px) {
    .section-catalog .right .top {
        flex-wrap: wrap;
    }
}
.section-catalog .right .top .sort > span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-catalog .right .top .sort .sort-list {
    padding: 6px 11px;
    border-radius: 6px;
    position: relative;
    background: rgba(5, 122, 192, 0.0509803922);
}
.section-catalog .right .top .sort .sort-list > span {
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
    line-height: 18px;
    color: #000;
}
.section-catalog .right .top .sort .sort-list > span svg {
    transition: 0.4s;
}
.section-catalog .right .top .sort .sort-list > span.active svg {
    transform: rotate(180deg);
}
.section-catalog .right .top .sort .sort-list .list {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    z-index: 12;
    flex-direction: column;
    padding: 5px 10px;
    box-shadow: 0px 20px 34px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
}
.section-catalog .right .top .sort .sort-list .list > * {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #057ac0;
    white-space: nowrap;
    transition: 0.4s;
}
.section-catalog .right .top .sort .sort-list .list > *:hover {
    background: #ebebeb;
}
.section-catalog .right .categories-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}
@media (max-width: 1200px) {
    .section-catalog .right .categories-list {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 768px) {
    .section-catalog .right .categories-list {
        gap: 5px;
    }
}
.section-catalog .right .categories-list .item {
    display: flex;
    flex-direction: column;
    border: 1px solid rgba(0, 180, 238, 0.3019607843);
    border-radius: 5px;
    overflow: hidden;
}
.section-catalog .right .categories-list .item img {
    width: 100%;
    aspect-ratio: 293/136;
    -o-object-fit: cover;
    object-fit: cover;
}
.section-catalog .right .categories-list .item span {
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    text-align: center;
    color: #057ac0;
    padding: 10px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .section-catalog .right .categories-list .item span {
        font-size: 13px;
        line-height: 15px;
    }
}
.section-catalog .right .products-list {
    display: grid;
    margin-top: 20px;
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
    .section-catalog .right .products-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 768px) {
    .section-catalog .right .products-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 550px) {
    .section-catalog .right .products-list {
        grid-template-columns: 1fr;
    }
}
.section-catalog .list-cat {
    display: flex;
    flex-direction: column;
}
.section-catalog .list-cat a {
    padding: 5px 0;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    display: flex;
    color: #004271;
    transition: 0.4s;
}
.section-catalog .list-cat a:hover {
    color: #057ac0;
}
.section-catalog .left .header {
    display: none;
}
@media (max-width: 1000px) {
    .section-catalog .left {
        display: none;
        position: fixed;
        z-index: 1001;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        max-height: 100svh;
        overflow: auto;
        padding: 20px;
        box-sizing: border-box;
    }
    .section-catalog .left .header {
        display: flex;
        padding: 0 20px 20px;
        justify-content: flex-end;
        border-bottom: 1px solid #ebebeb;
        margin-left: -20px;
        margin-right: -20px;
        cursor: pointer;
    }
}
@media (max-width: 768px) {
    .section-catalog .left {
        padding: 10px;
    }
    .section-catalog .left .header {
        display: flex;
        margin-left: -10px;
        margin-right: -10px;
        padding: 0 10px 10px;
    }
}
.section-pagination {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
}
.section-pagination > * {
    width: 35px;
    height: 35px;
    border: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    line-height: 21px;
    text-align: center;
    color: #004271;
}
.section-pagination > *.active {
    color: #fff;
    background-color: #057ac0;
}
.section-filter .title {
    padding: 15px 0;
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
    border-bottom: 1px solid #ebebeb;
    width: 100%;
    display: flex;
}
.section-filter .filter-list {
    display: flex;
    flex-direction: column;
}
.section-filter .filter-list .filter-item {
    display: flex;
    flex-direction: column;
}
.section-filter .filter-list .filter-item .name {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0 10px;
    cursor: pointer;
}
.section-filter .filter-list .filter-item .name svg {
    transition: 0.4s;
}
.section-filter .filter-list .filter-item .name span {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #004271;
}
.section-filter .filter-list .filter-item .name.active svg {
    transform: rotate(180deg);
}
.section-filter .filter-list .filter-item .list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-filter .filter-list .filter-item .list .checbox {
    display: flex;
}
.section-filter .filter-list .filter-item .list .checbox input {
    display: none;
}
.section-filter .filter-list .filter-item .list .checbox label {
    display: flex;
    align-items: center;
    gap: 15px;
    width: 100%;
    cursor: pointer;
}
.section-filter .filter-list .filter-item .list .checbox label .input {
    width: 20px;
    min-width: 20px;
    height: 20px;
    border-radius: 2px;
    border: 1px solid #c2c2c2;
    transition: 0.4s;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-filter .filter-list .filter-item .list .checbox label div {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.section-filter .filter-list .filter-item .list .checbox label div span {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
}
.section-filter .filter-list .filter-item .list .checbox label div span:first-child {
    color: #6d6d6d;
}
.section-filter .filter-list .filter-item .list .checbox label div span:last-child {
    color: #c2c2c2;
}
.section-filter .filter-list .filter-item .list .checbox input:checked ~ label .input {
    background-color: #057ac0;
}
.section-filter .filter-list .filter-item .list .checbox input:checked ~ label .input::after {
    content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.46378 16.2154L0.262695 10.5575L2.32015 7.72846L6.69223 11.329L14.1505 0.784561L16.9795 2.58483L7.46378 16.2154Z" fill="white"/></svg>');
}
.section-filter .filter-list .filter-item .slider-price {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section-filter .filter-list .filter-item .slider-price .ui-slider .ui-slider-range {
    background-color: #6d6d6d;
}
.section-filter .filter-list .filter-item .slider-price .ui-slider-horizontal .ui-slider-handle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #fff;
    background: #6d6d6d;
}
.section-filter .filter-list .filter-item .slider-price .ui-slider-horizontal {
    height: 9px;
}
.section-filter .filter-list .filter-item .slider-price .ui-widget-content {
    margin: 0;
}
.section-filter .filter-list .filter-item .slider-price .ui-slider-horizontal .ui-slider-handle {
    top: -7px;
    margin-left: -15px;
}
.section-filter .filter-list .filter-item .slider-price .inputs {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-filter .filter-list .filter-item .slider-price .inputs > span {
    min-width: 47px;
    width: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #fff;
    background-color: #057ac0;
    border-radius: 2px;
    height: 31px;
}
.section-filter .filter-list .filter-item .slider-price .inputs div {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-filter .filter-list .filter-item .slider-price .inputs div > * {
    height: 31px;
}
.section-filter .filter-list .filter-item .slider-price .inputs div span {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    display: flex;
    align-items: center;
}
.section-filter .filter-list .filter-item .slider-price .inputs div input {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    text-align: center;
    color: #004271;
    width: 100%;
    border: 1px solid #ebebeb;
}
.section-product-detail {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
@media (max-width: 768px) {
    .section-product-detail {
        margin-top: 50px;
        gap: 35px;
    }
}
.section-product-detail .preview {
    display: flex;
    gap: 25px;
}
@media (max-width: 1200px) {
    .section-product-detail .preview {
        flex-direction: column;
    }
}
.section-product-detail .preview > .left {
    width: 50%;
    height: -moz-fit-content;
    height: fit-content;
    display: flex;
    gap: 6px;
    position: relative;
    top: 0px;
}
@media (max-width: 1200px) {
    .section-product-detail .preview > .left {
        width: 100%;
        position: initial;
        max-height: 600px;
    }
}
.section-product-detail .preview > .left .sliders-mini-nav {
    width: 87px;
    margin: -5px 0;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .left .sliders-mini-nav {
        display: none;
    }
}
.section-product-detail .preview > .left .sliders-mini-nav .slirder-dop-item {
    cursor: pointer;
    margin: 5px 0;
}
.section-product-detail .preview > .left .sliders-mini-nav .slirder-dop-item img {
    aspect-ratio: 1/1;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-product-detail .preview > .left .sliders-mini-nav .slirder-dop-item.slick-active {
    border: 1px solid #ebebeb;
    border-radius: 3px;
}
.section-product-detail .preview > .left .slider-gallery {
    width: calc(100% - 93px);
    position: relative;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .left .slider-gallery {
        width: 100%;
    }
}
.section-product-detail .preview > .left .slider-gallery .sliders,
.section-product-detail .preview > .left .slider-gallery .slick-list,
.section-product-detail .preview > .left .slider-gallery .slick-track {
    height: 100%;
}
.section-product-detail .preview > .left .slider-gallery .slider-item {
    aspect-ratio: 1/1;
    display: flex;
}
@media (max-width: 1200px) {
    .section-product-detail .preview > .left .slider-gallery .slider-item {
        aspect-ratio: auto;
    }
}
.section-product-detail .preview > .left .slider-gallery .slider-item img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-product-detail .preview > .left .slider-gallery .hit {
    position: absolute;
    left: 8px;
    bottom: 13px;
    background-color: #f40000;
    padding: 5px 7px;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #fff;
    text-align: center;
    z-index: 2;
    max-width: 90px;
    border-radius: 5px;
    box-sizing: border-box;
}
.section-product-detail .preview > .left .slider-gallery .arrow {
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    position: absolute;
}
.section-product-detail .preview > .left .slider-gallery .arrow.arrow-prev {
    left: 15px;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .left .slider-gallery .arrow.arrow-prev {
        left: 10px;
    }
}
.section-product-detail .preview > .left .slider-gallery .arrow.arrow-next {
    right: 15px;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .left .slider-gallery .arrow.arrow-next {
        right: 10px;
    }
}
.section-product-detail .preview > .left img {
    width: 100%;
}
.section-product-detail .preview > .right {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 35px;
}
.section-product-detail .preview > .right .title-h2 {
    margin: 0;
}
@media (max-width: 1200px) {
    .section-product-detail .preview > .right {
        width: 100%;
    }
}
.section-product-detail .preview > .right .option-block {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section-product-detail .preview > .right .option-block .rating {
    display: flex;
    align-items: center;
    gap: 8px;
}
.section-product-detail .preview > .right .option-block .rating .starts {
    display: flex;
    gap: 2px;
}
.section-product-detail .preview > .right .option-block .rating .comments {
    display: flex;
    gap: 4px;
    align-items: center;
}
.section-product-detail .preview > .right .option-block .rating .comments span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #6d6d6d;
}
.section-product-detail .preview > .right .option-block .info-box {
    display: flex;
    align-items: center;
    gap: 5px;
}
.section-product-detail .preview > .right .option-block .info-box > * {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-product-detail .preview > .right .option-block .info-box > *:last-child {
    font-weight: 600;
}
.section-product-detail .preview > .right .option-block .info-box a {
    color: #057ac0;
}
.section-product-detail .preview > .right .option-block .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.section-product-detail .preview > .right .option-block .price-box .price {
    display: flex;
    flex-direction: column;
}
.section-product-detail .preview > .right .option-block .price-box .price .old-price {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-product-detail .preview > .right .option-block .price-box .price .old-price > *:not(.percent) {
    font-weight: 400;
    font-size: 10px;
    line-height: 21px;
    text-decoration: line-through;
    color: #6d6d6d;
}
.section-product-detail .preview > .right .option-block .price-box .price .old-price .percent {
    height: 22px;
    padding: 0 8px;
    background: #f40000;
    border-radius: 20px;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    color: #fff;
    display: flex;
    align-items: center;
}
.section-product-detail .preview > .right .option-block .price-box .price > *:not(.old-price) {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #057ac0;
}
.section-product-detail .preview > .right .option-block .price-box .right {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-product-detail .preview > .right .option-block .price-box .right > * {
    width: 49px;
    height: 49px;
    min-width: 49px;
    border-radius: 50%;
    background-color: #00b4ee;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
.section-product-detail .preview > .right .option-block .price-box .right > *:hover {
    background-color: #057ac0;
}
.section-product-detail .preview > .right .buy-credit {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .right .buy-credit {
        flex-direction: column;
    }
}
.section-product-detail .preview > .right .buy-credit .buy {
    height: 48px;
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
    letter-spacing: 0%;
    padding: 0 30px;
    background-color: #00b4ee;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    transition: 0.4s;
}
.section-product-detail .preview > .right .buy-credit .buy:hover {
    background-color: #057ac0;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .right .buy-credit .buy {
        width: 100%;
        box-sizing: border-box;
    }
}
.section-product-detail .preview > .right .buy-credit .credit {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    height: 48px;
    box-sizing: border-box;
    padding: 5px 10px;
    border: 1px dashed #00b4ee;
    border-radius: 20px;
}
@media (max-width: 1200px) {
    .section-product-detail .preview > .right .buy-credit .credit {
        width: -moz-fit-content;
        width: fit-content;
    }
}
@media (max-width: 768px) {
    .section-product-detail .preview > .right .buy-credit .credit {
        width: 100%;
        height: auto;
    }
}
@media (max-width: 500px) {
    .section-product-detail .preview > .right .buy-credit .credit {
        flex-wrap: wrap;
    }
}
.section-product-detail .preview > .right .buy-credit .credit .sum {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #000;
}
.section-product-detail .preview > .right .buy-credit .credit .sum span {
    font-weight: 600;
}
@media (max-width: 500px) {
    .section-product-detail .preview > .right .buy-credit .credit .sum {
        width: 50%;
    }
}
.section-product-detail .preview > .right .buy-credit .credit > .info {
    display: flex;
    position: relative;
}
.section-product-detail .preview > .right .buy-credit .credit > .info .list-credit-bank {
    opacity: 0;
    pointer-events: none;
    width: 255px;
    transition: 0.4s;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 10px;
    right: 15px;
    top: 0;
    box-shadow: 0px 20px 34px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
    border-radius: 30px;
    padding: 20px 25px;
    z-index: 3;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .right .buy-credit .credit > .info .list-credit-bank {
        position: fixed;
        left: 0;
        top: auto;
        width: 100%;
        right: 0;
        bottom: 0;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
    }
}
.section-product-detail .preview > .right .buy-credit .credit > .info .list-credit-bank .bank {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-product-detail .preview > .right .buy-credit .credit > .info .list-credit-bank .bank svg {
    min-width: 20px;
    width: 20px;
    height: auto;
}
.section-product-detail .preview > .right .buy-credit .credit > .info .list-credit-bank .bank .info {
    display: flex;
    flex-direction: column;
}
.section-product-detail .preview > .right .buy-credit .credit > .info .list-credit-bank .bank .info .name {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}
.section-product-detail .preview > .right .buy-credit .credit > .info .list-credit-bank .bank .info .payment {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0%;
    text-align: center;
    color: #c2c2c2;
}
.section-product-detail .preview > .right .buy-credit .credit > .info:hover .list-credit-bank {
    opacity: 1;
    pointer-events: all;
}
.section-product-detail .preview > .right .buy-credit .credit .credits-list {
    display: flex;
    position: relative;
    align-items: center;
    padding-right: 20px;
    gap: 2px;
}
@media (max-width: 500px) {
    .section-product-detail .preview > .right .buy-credit .credit .credits-list {
        width: 45%;
        box-sizing: border-box;
        justify-content: flex-end;
    }
}
.section-product-detail .preview > .right .buy-credit .credit .credits-list > * {
    padding: 4px;
    position: relative;
    display: flex;
}
.section-product-detail .preview > .right .buy-credit .credit .credits-list > * span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0px 20px 34px 0px rgba(0, 0, 0, 0.2);
    font-weight: 400;
    font-size: 7.23px;
    line-height: 13.01px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0px;
    right: 0px;
}
.section-product-detail .preview > .right .buy-credit .credit .credits-list > *.other {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    text-align: center;
    z-index: 2;
    width: 20px;
    height: 20px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 0;
    padding: 0;
}
.section-product-detail .preview > .right .buy-credit .credit .credits-list::after {
    content: '';
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    width: 70px;
    background: linear-gradient(270deg, #ffffff 62%, rgba(255, 255, 255, 0) 100%);
}
@media (max-width: 500px) {
    .section-product-detail .preview > .right .buy-credit .credit .credits-list::after {
        right: 0;
        width: 40px;
    }
}
.section-product-detail .preview > .right .buy-credit .credit .btn {
    position: relative;
    z-index: 3;
}
@media (max-width: 500px) {
    .section-product-detail .preview > .right .buy-credit .credit .btn {
        width: calc(100% - 35px);
    }
}
.section-product-detail .preview > .right .info-block .list-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 12px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .section-product-detail .preview > .right .info-block .list-tabs {
        grid-template-columns: 1fr 1fr;
    }
}
@media (max-width: 500px) {
    .section-product-detail .preview > .right .info-block .list-tabs {
        grid-template-columns: 1fr;
    }
}
.section-product-detail .preview > .right .info-block .tab-item {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 11px;
    border: 1px solid #00b4ee;
    border-radius: 20px;
}
.section-product-detail .preview > .right .info-block .tab-item .name {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid #00b4ee;
}
.section-product-detail .preview > .right .info-block .tab-item .name img {
    width: 40px;
    height: 40px;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-product-detail .preview > .right .info-block .tab-item .name span {
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #00b4ee;
}
.section-product-detail .preview > .right .info-block .tab-item ul {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.section-product-detail .preview > .right .info-block .tab-item ul li {
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    color: #004271;
}
.section-product-detail .preview > .right .info-block .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #004271;
}
.section-product-detail .preview > .right .info-block .list-char-mini {
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section-product-detail .preview > .right .info-block .list-char-mini > * {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}
.section-product-detail .preview > .right .info-block .list-char-mini > * span:first-child {
    font-weight: 700;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-product-detail .preview > .right .info-block .list-char-mini > * span:last-child, .section-product-detail .preview > .right .info-block .list-char-mini > * a {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #057ac0;
}
.section-product-detail .preview > .right .info-block .list-char-mini > * span:last-child{
    color: #000;
}
.section-product-detail .preview > .right .info-block .list-char-mini .anhor {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #057ac0;
    cursor: pointer;
    position: relative;
    width: -moz-fit-content;
    width: fit-content;
}
.section-product-detail .preview > .right .info-block .list-char-mini .anhor::after {
    content: '';
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    border-bottom: 1px dashed #057ac0;
}
.section-product-detail .description {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 25px;
}
@media (max-width: 1200px) {
    .section-product-detail .description {
        gap: 35px;
        grid-template-columns: 1fr;
    }
}
.section-product-detail .description .left .head {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    margin-bottom: 15px;
}
@media (max-width: 768px) {
    .section-product-detail .description .left .head {
        flex-direction: column;
    }
}
.section-product-detail .description .left .head > * {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    height: 41px;
    cursor: pointer;
    padding: 0 12px;
    font-weight: 600;
    font-size: 12px;
    transition: 0.4s;
    line-height: 21px;
    color: #004271;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.section-product-detail .description .left .head > *.active {
    color: #fff;
    background-color: #057ac0;
}
@media (max-width: 768px) {
    .section-product-detail .description .left .head > * {
        justify-content: flex-start;
    }
    .section-product-detail .description .left .head > *:not(:first-child) {
        border-radius: 0;
    }
}
.section-product-detail .description .left .description-box .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}
.section-product-detail .description .left .description-box .text > *:not(:last-child) {
    margin-bottom: 15px;
}
.section-product-detail .description .left .description-box .text ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-product-detail .description .left .description-box .text ul li {
    display: flex;
    gap: 15px;
    padding-left: 10px;
}
.section-product-detail .description .left .description-box .text ul li::before {
    width: 24px;
    height: 24px;
    content: url('../image/icon_ul.png');
}
.section-product-detail .description .left .description-box .text img {
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-product-detail .description .left .description-box .characteristics table {
    width: 100%;
}
.section-product-detail .description .left .description-box .characteristics table tbody {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.section-product-detail .description .left .description-box .characteristics table tbody tr {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    height: 66px;
    padding: 0 10px;
}
.section-product-detail .description .left .description-box .characteristics table tbody tr:nth-child(2n + 1) {
    background: rgba(5, 122, 192, 0.0509803922);
}
.section-product-detail .description .left .description-box .characteristics table tbody tr th {
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
}
.section-product-detail .description .left .description-box .characteristics table tbody tr th a{
    color: #057ac0;
}
.section-product-detail .description .right .reviews-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}
.section-product-detail .description .right .header-review {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.section-product-detail .description .right .header-review .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #004271;
}
.section-product-detail .description .right .header-review .send {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
    color: #057ac0;
    cursor: pointer;
}
.section-product-detail .description .right .section-pagination {
    margin-top: 0;
}
.section-product-detail .description .right .list {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 10px;
}
.section-product-detail .description .right .list .review-item {
    padding: 20px 25px;
    background-color: #f5f5f5;
    border-radius: 4px;
}
.section-product-detail .description .right .list .review-item .info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 25px;
}
.section-product-detail .description .right .list .review-item .info .name {
    font-weight: 600;
    font-size: 15px;
    line-height: 22px;
}
.section-product-detail .description .right .list .review-item .info .stars {
    display: flex;
    align-items: center;
    gap: 3px;
}
.section-product-detail .description .right .list .review-item .share {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 8px;
}
.section-product-detail .description .right .list .review-item .share span {
    font-weight: 700;
    font-size: 13px;
    line-height: 15px;
}
.section-product-detail .description .right .list .review-item .text {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
}
.section-product-detail .description .right .review-form {
    display: flex;
    flex-direction: column;
    padding: 35px;
    background-color: #f5f5f5;
    position: relative;
    gap: 30px;
    border-radius: 20px;
}
@media (max-width: 768px) {
    .section-product-detail .description .right .review-form {
        padding: 15px;
    }
}
.section-product-detail .description .right .review-form .close {
    top: 20px;
    right: 20px;
    position: absolute;
    cursor: pointer;
}
.section-product-detail .description .right .review-form .title {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-product-detail .description .right .review-form .title .name {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #004271;
}
.section-product-detail .description .right .review-form .title .count {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #6d6d6d;
}
.section-product-detail .description .right .review-form form {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.section-basket {
    display: grid;
    grid-template-columns: 1fr 374px;
    gap: 70px;
}
@media (max-width: 1000px) {
    .section-basket {
        grid-template-columns: 1fr;
    }
}
.section-basket > .left {
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.section-basket > .left .account {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .section-basket > .left .account {
        align-items: flex-end;
        flex-direction: column;
        gap: 10px;
    }
}
.section-basket > .left .account .link {
    display: flex;
    align-items: center;
    gap: 30px;
}
@media (max-width: 768px) {
    .section-basket > .left .account .link {
        width: 100%;
        gap: 10px;
        flex-direction: column;
    }
}
.section-basket > .left .account .link > * {
    font-weight: 600;
    font-size: 15px;
    cursor: pointer;
    line-height: 22px;
}
@media (max-width: 768px) {
    .section-basket > .left .account .link > * {
        width: 100%;
        border-radius: 30px;
        height: 48px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.section-basket > .left .account .link .old-account {
    color: rgba(5, 122, 192, 0.6);
}
@media (max-width: 768px) {
    .section-basket > .left .account .link .old-account {
        border: 2px solid #057ac0;
    }
}
.section-basket > .left .account .link .new-account {
    color: #057ac0;
}
@media (max-width: 768px) {
    .section-basket > .left .account .link .new-account {
        background-color: #057ac0;
        color: #fff;
    }
}
.section-basket > .left .account .social {
    display: flex;
    align-items: center;
    gap: 30px;
}
.section-basket > .left .account .social > * {
    display: flex;
}
.section-basket > .left .btn-box {
    padding-top: 10px;
    display: flex;
    justify-content: flex-end;
}
@media (max-width: 1000px) {
    .section-basket > .left .btn-box {
        justify-content: center;
    }
}
.section-basket > .left .btn-box .btn {
    min-width: 248px;
}
@media (max-width: 768px) {
    .section-basket > .left .btn-box .btn {
        min-width: 100%;
        width: 100%;
    }
}
.section-basket > .left .basket-block {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-basket > .left .basket-block .title {
    padding: 25px 0;
}
.section-basket > .left .basket-block .title span {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #000;
}
.section-basket > .left .basket-block .inputs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 25px 20px;
}
@media (max-width: 768px) {
    .section-basket > .left .basket-block .inputs {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}
.section-basket > .left .basket-block .city-box {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.section-basket > .left .basket-block .city-box .city-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.section-basket > .left .basket-block .city-box .city-list > * {
    color: #057ac0;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    line-height: 22px;
    border-bottom: 1px dashed #004271;
}
.section-basket > .left .basket-block .delivery-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-basket > .left .basket-block .delivery-box .emptyk {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
    padding: 20px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.section-basket > .left .basket-block .delivery-item {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid rgba(0, 0, 0, 0);
}
.section-basket > .left .basket-block .delivery-item.active {
    border-color: #ebebeb;
}
@media (max-width: 768px) {
    .section-basket > .left .basket-block .delivery-item {
        padding: 0;
    }
    .section-basket > .left .basket-block .delivery-item.active {
        padding: 20px;
    }
}
.section-basket > .left .basket-block .delivery-title label {
    align-items: flex-start !important;
}
.section-basket > .left .basket-block .delivery-title__info {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}
.section-basket > .left .basket-block .delivery-title__info .delivery-type {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.section-basket > .left .basket-block .delivery-title__info p {
    width: 100%;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    color: #089439;
}
.section-basket > .left .basket-block .delivery-info {
    display: flex;
    flex-direction: column;
    gap: 25px;
    padding-left: 35px;
}
.section-basket > .left .basket-block .delivery-info .map {
    font-weight: 400;
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
    color: #057ac0;
}
.section-basket > .left .basket-block .delivery-courier {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 10px;
}
@media (max-width: 768px) {
    .section-basket > .left .basket-block .delivery-courier {
        grid-template-columns: 1fr;
    }
}
.section-basket > .left .basket-block .input-checkbox {
    display: flex;
}
.section-basket > .left .basket-block .input-checkbox input {
    display: none;
}
.section-basket > .left .basket-block .input-checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.section-basket > .left .basket-block .input-checkbox label .input {
    min-width: 24px;
    width: 24px;
    height: 24px;
    border: 1px solid #c2c2c2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-basket > .left .basket-block .input-checkbox label .input::after {
    border-radius: 50%;
    width: 12px;
    height: 12px;
    content: '';
    background-color: #057ac0;
    opacity: 0;
    transition: 0.4s;
}
.section-basket > .left .basket-block .input-checkbox label .label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    display: flex;
    align-items: center;
    transition: 0.4s;
    gap: 5px;
}

.section-basket > .left .basket-block .input-checkbox input:checked ~ label .input {
    border-color: #057ac0;
}
.section-basket > .left .basket-block .input-checkbox input:checked ~ label .input::after {
    opacity: 1;
}
.section-basket > .left .basket-block .other-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}
.section-basket > .left .basket-block .other-info .delivery-user {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-basket > .left .comment-box {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-basket > .left .comment-box .comment {
    color: #057ac0;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    line-height: 22px;
    border-bottom: 1px dashed #004271;
    width: -moz-fit-content;
    width: fit-content;
}
.section-basket > .left .basket-block .send-messange {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
@media (max-width: 768px) {
    .section-basket > .left .basket-block .send-messange {
        grid-template-columns: 1fr;
    }
}
.section-basket > .left .basket-block .payments-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.section-basket > .left .basket-block .payments-list .payment-item {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-basket > .left .basket-block .payments-list .payment-bank {
    padding-left: 35px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-basket > .left .basket-block .payments-list .payment-bank .edit {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #057ac0;
    width: -moz-fit-content;
    width: fit-content;
    border-bottom: 1px dashed #057ac0;
    cursor: pointer;
}
.section-basket > .left .basket-block .payments-list .payment-bank .bank {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.section-basket > .left .basket-block .payments-list .payment-bank .bank .payment {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #000;
}
.section-basket > .left .basket-block .payments-list .payment-bank .bank .payment span {
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
.section-basket > .left .basket-block .payments-list .payment-bank .bank .item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-basket > .left .basket-block .payments-list .payment-bank .bank .item > div {
    display: flex;
    flex-direction: column;
}
.section-basket > .left .basket-block .payments-list .payment-bank .bank .item > div .name {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #000;
}
.section-basket > .left .basket-block .payments-list .payment-bank .bank .item > div .count {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #c2c2c2;
}
@media (max-width: 1000px) {
    .section-basket > .right .basket-info {
        display: none;
    }
}
.section-basket .basket-info {
    border-radius: 20px;
    background: #f5f5f5;
    padding: 30px 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
}
.section-basket .basket-info > * {
    padding: 0 40px;
}
.section-basket .basket-info .products-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.section-basket .basket-info .products-info .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.section-basket .basket-info .products-info .head .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #000;
}
.section-basket .basket-info .products-info .head .link {
    color: #057ac0;
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    line-height: 22px;
    border-bottom: 1px dashed #004271;
}
.section-basket .basket-info .products-info .info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.section-basket .basket-info .products-info .info > * {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}
.section-basket .basket-info .products-info .info > * span {
    color: #000;
}
.section-basket .basket-info .products-info .info > * span:first-child {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}
.section-basket .basket-info .products-info .info > * span:last-child {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
}
.section-basket .basket-info .promocode {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed #ebebeb;
    border-top: 1px dashed #ebebeb;
}
.section-basket .basket-info .promocode .title {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000;
}
.section-basket .basket-info .promocode form {
    display: grid;
    grid-template-columns: 1fr 47px;
    gap: 10px;
}
.section-basket .basket-info .promocode form input {
    padding: 8px 11px;
    height: 34px;
}
.section-basket .basket-info .promocode form .btn {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
}
.section-basket .basket-info .all-price {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}
.section-basket .basket-info .all-price span {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px;
}
.section-basket .basket-info .products {
    display: flex;
    flex-direction: column;
}
.section-basket .basket-info .products .product-item {
    padding: 20px 0;
    display: grid;
    grid-template-columns: 86px 1fr;
    gap: 10px;
    border-bottom: 1px solid #ebebeb;
}
.section-basket .basket-info .products .product-item img {
    width: 86px;
    height: 86px;
    border: 1px solid #ebebeb;
    -o-object-fit: contain;
    object-fit: contain;
}
.section-basket .basket-info .products .product-item .product-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.section-basket .basket-info .products .product-item .product-info .name {
    font-weight: 700;
    font-size: 14px;
    line-height: 23px;
    color: #057ac0;
}
.section-basket .basket-info .products .product-item .product-info .article {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #6d6d6d;
}
.section-basket .basket-info .products .product-item .product-info .delete {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    cursor: pointer;
    color: #057ac0;
}
.section-basket .basket-info .products .product-item .product-info .price-quantity {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-basket .basket-info .products .product-item .product-info .price-quantity .price {
    display: flex;
    flex-direction: column;
}
.section-basket .basket-info .products .product-item .product-info .price-quantity .price .total {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-basket .basket-info .products .product-item .product-info .price-quantity .price .old {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    color: #6d6d6d;
    text-decoration: line-through;
}
.section-basket .basket-info .products .product-item .product-info .price-quantity .quantity {
    border: 1px solid #c2c2c2;
    display: flex;
}
.section-basket .basket-info .products .product-item .product-info .price-quantity .quantity .minus,
.section-basket .basket-info .products .product-item .product-info .price-quantity .quantity .plus {
    width: 21px;
    height: 23px;
    background-color: #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    line-height: 23px;
    color: #000;
}
.section-basket .basket-info .products .product-item .product-info .price-quantity .quantity .number {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    width: 30px;
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
}
.section-basket .fixed-basket {
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 30px 40px;
    background-color: #fff;
    z-index: 10;
}
@media (max-width: 1000px) {
    .section-basket .fixed-basket {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}
@media (max-width: 768px) {
    .section-basket .fixed-basket {
        padding: 20px 10px;
    }
}
.section-basket .fixed-basket .title {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #000;
}
@media (max-width: 768px) {
    .section-basket .fixed-basket .title {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        color: #6d6d6d;
    }
}
.section-basket .fixed-basket .price {
    display: flex;
    align-items: center;
    gap: 10px;
}
.section-basket .fixed-basket .price span {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000;
}
.section-basket .fixed-basket .price span:not(.price) {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #6d6d6d;
}
@media (max-width: 768px) {
    .section-basket .fixed-basket .price span:not(.price) {
        display: none;
    }
}
.section-basket .fixed-basket .edit {
    font-weight: 400;
    font-size: 14px;
    cursor: pointer;
    line-height: 22px;
    color: #057ac0;
}
.section-modal-payments {
    padding-bottom: 90px;
}
.section-modal-payments .list {
    display: flex;
    flex-direction: column;
    margin-top: 20px;
    gap: 10px;
}
.section-modal-payments .list .payment-item {
    border: 1px solid #f5f5f5;
    border-radius: 16px;
    transition: 0.4s;
}
.section-modal-payments .list .payment-item.active {
    background-color: #f5f5f5;
}
.section-modal-payments .list .payment-item.active .close {
    transform: rotate(180deg);
}
.section-modal-payments .list .payment-item .payment-head {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2px;
    cursor: pointer;
    position: relative;
}
@media (max-width: 768px) {
    .section-modal-payments .list .payment-item .payment-head {
        flex-wrap: wrap;
        padding-right: 24px;
    }
}
.section-modal-payments .list .payment-item .payment-head .bank-name {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 768px) {
    .section-modal-payments .list .payment-item .payment-head .bank-name {
        width: 100%;
    }
}
.section-modal-payments .list .payment-item .payment-head .bank-name svg {
    width: 25px;
    height: auto;
    min-width: 25px;
}
.section-modal-payments .list .payment-item .payment-head .bank-name > div {
    display: flex;
    flex-direction: column;
}
.section-modal-payments .list .payment-item .payment-head .bank-name > div span:first-child {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #c2c2c2;
}
.section-modal-payments .list .payment-item .payment-head .bank-name > div span:nth-child(2) {
    font-weight: 500;
    font-size: 13px;
    line-height: 15px;
    color: #000;
}
.section-modal-payments .list .payment-item .payment-head .bank-name > div span:last-child {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #c2c2c2;
}
.section-modal-payments .list .payment-item .payment-head .one-payment {
    display: flex;
    gap: 4px;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    align-items: flex-end;
}
.section-modal-payments .list .payment-item .payment-head .one-payment span {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
}
.section-modal-payments .list .payment-item .payment-head .close {
    transition: 0.4s;
    display: flex;
}
@media (max-width: 768px) {
    .section-modal-payments .list .payment-item .payment-head .close {
        position: absolute;
        right: 10px;
    }
}
.section-modal-payments .list .payment-item .payment-head .month-select {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 6px;
    background-color: rgba(5, 122, 192, 0.0509803922);
}
.section-modal-payments .list .payment-item .payment-head .month-select .top {
    display: flex;
    align-items: center;
    gap: 2px;
}
.section-modal-payments .list .payment-item .payment-head .month-select .top span {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
.section-modal-payments .list .payment-item .payment-head .month-select .top svg {
    transition: 0.4s;
}
.section-modal-payments .list .payment-item .payment-head .month-select .top.active svg {
    transform: rotate(180deg);
}
.section-modal-payments .list .payment-item .payment-head .month-select .month-list {
    top: 100%;
    z-index: 4;
    left: 0;
    right: 0;
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 5px 10px;
    background-color: #fff;
}
.section-modal-payments .list .payment-item .payment-head .month-select .month-list > * {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    display: flex;
    justify-content: flex-end;
}
.section-modal-payments .list .payment-item .bank-info {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border-top: 1px solid #fff;
}
@media (max-width: 768px) {
    .section-modal-payments .list .payment-item .bank-info {
        flex-direction: column;
        gap: 10px;
    }
}
.section-modal-payments .list .payment-item .bank-info .price {
    display: flex;
    flex-direction: column;
}
@media (max-width: 768px) {
    .section-modal-payments .list .payment-item .bank-info .price {
        flex-direction: row;
        gap: 10px;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
}
.section-modal-payments .list .payment-item .bank-info .price span:first-child {
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #6d6d6d;
}
.section-modal-payments .list .payment-item .bank-info .price span:last-child {
    font-weight: 600;
    font-size: 18px;
    line-height: 21px;
    color: #000;
}
.section-modal-payments .list .payment-item .bank-info .btn {
    background-color: #00b4ee;
}
@media (max-width: 768px) {
    .section-modal-payments .list .payment-item .bank-info .btn {
        width: 100%;
    }
}
.section-modal-payments .payment-btn {
    position: fixed;
    bottom: 0;
    right: 10px;
    padding: 20px 0;
    border-top: 1px solid #ebebeb;
    background-color: #fff;
    width: 380px;
    box-sizing: border-box;
}
@media (max-width: 768px) {
    .section-modal-payments .payment-btn {
        left: 10px;
        width: calc(100% - 20px);
        box-sizing: border-box;
    }
}
.section-modal-payments .payment-btn .btn {
    width: 100%;
}
.section-basket-list .table-basket .head,
.section-basket-list .table-basket .body > * {
    display: grid;
    grid-template-columns: 6fr 215px 1fr 1fr 24px;
    gap: 25px;
}
@media (max-width: 1100px) {
    .section-basket-list .table-basket .head,
    .section-basket-list .table-basket .body > * {
        grid-template-columns: 4fr 215px 1fr 1fr 24px;
    }
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .head,
    .section-basket-list .table-basket .body > * {
        grid-template-columns: 90px 1fr 18px;
        gap: 10px;
    }
}
.section-basket-list .table-basket .head {
    padding-bottom: 25px;
    padding-left: 20px;
    border-bottom: 1px solid #ebebeb;
}
.section-basket-list .table-basket .head > *:not(:first-child) {
    display: flex;
    justify-content: center;
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .head > *:not(:first-child) {
        display: none;
    }
}
.section-basket-list .table-basket .head > * {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-basket-list .table-basket .basket-item {
    padding: 20px 0;
    border-bottom: 1px solid #ebebeb;
}
.section-basket-list .table-basket .basket-item .info {
    display: grid;
    grid-template-columns: 175px 1fr;
    gap: 20px;
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .basket-item .info {
        grid-area: 1/1/2/4;
        grid-template-columns: 90px 1fr;
        gap: 10px;
    }
}
.section-basket-list .table-basket .basket-item .info img {
    width: 100%;
    height: 175px;
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .basket-item .info img {
        height: 90px;
    }
}
.section-basket-list .table-basket .basket-item .info .title {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.section-basket-list .table-basket .basket-item .info .title .name {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}
.section-basket-list .table-basket .basket-item .info .title .article {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #6d6d6d;
}
@media (max-width: 768px) {
    .section-basket-list .table-basket .basket-item .info .title .article {
        display: none;
    }
}
.section-basket-list .table-basket .basket-item .price {
    display: flex;
    align-items: center;
    height: -moz-fit-content;
    height: fit-content;
    justify-content: center;
    gap: 10px;
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .basket-item .price {
        grid-area: 2/2/3/3;
        justify-content: flex-start;
    }
}
@media (max-width: 768px) {
    .section-basket-list .table-basket .basket-item .price {
        flex-direction: column;
        align-items: flex-start;
        gap: 0;
    }
}
.section-basket-list .table-basket .basket-item .price > *:not(.old-price) {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
}
@media (max-width: 768px) {
    .section-basket-list .table-basket .basket-item .price > *:not(.old-price) {
        order: 2;
    }
}
.section-basket-list .table-basket .basket-item .price .old-price {
    display: flex;
    align-items: center;
    gap: 5px;
}
@media (max-width: 768px) {
    .section-basket-list .table-basket .basket-item .price .old-price {
        order: 1;
    }
}
.section-basket-list .table-basket .basket-item .price .old-price span:not(.percent) {
    font-weight: 400;
    font-size: 10px;
    line-height: 21px;
    text-decoration: line-through;
    color: #6d6d6d;
}
.section-basket-list .table-basket .basket-item .price .old-price span.percent {
    background-color: #f40000;
    font-weight: 400;
    font-size: 10px;
    line-height: 18px;
    padding: 2px 8px;
    color: #fff;
    border-radius: 20px;
}
.section-basket-list .table-basket .basket-item .price-all {
    display: flex;
    justify-content: center;
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .basket-item .price-all {
        display: none;
    }
}
.section-basket-list .table-basket .basket-item .price-all span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
}
.section-basket-list .table-basket .basket-item .quantity {
    display: flex;
    justify-content: center;
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .basket-item .quantity {
        grid-area: 3/2/4/3;
        justify-content: flex-start;
    }
}
.section-basket-list .table-basket .basket-item .quantity .quantity-box {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
}
.section-basket-list .table-basket .basket-item .quantity .quantity-box > * {
    font-weight: 600;
    font-size: 14px;
    line-height: 23px;
    color: #000;
    width: 23px;
    height: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.section-basket-list .table-basket .basket-item .quantity .quantity-box .minus,
.section-basket-list .table-basket .basket-item .quantity .quantity-box .plus {
    cursor: pointer;
}
.section-basket-list .table-basket .basket-item .delete {
    display: flex;
    height: -moz-fit-content;
    height: fit-content;
    cursor: pointer;
}
@media (max-width: 900px) {
    .section-basket-list .table-basket .basket-item .delete {
        grid-area: 2/3/3/4;
    }
}
.section-basket-list .basket-info {
    display: flex;
    margin-top: 25px;
    justify-content: flex-end;
}
.section-basket-list .basket-info .box {
    max-width: 300px;
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 15px;
}
@media (max-width: 900px) {
    .section-basket-list .basket-info .box {
        max-width: 100%;
    }
}
.section-basket-list .basket-info .box .price-box {
    display: flex;
    justify-content: space-between;
}
.section-basket-list .basket-info .box .price-box .text {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #004271;
}
.section-basket-list .basket-info .box .price-box .price-list {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.section-basket-list .basket-info .box .price-box .price-list .sales {
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-decoration: line-through;
    text-align: right;
    color: #c2c2c2;
}
.section-basket-list .basket-info .box .price-box .price-list .all {
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-align: right;
}
.section-basket-list .basket-info .box .price-box .price-list .number {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #c2c2c2;
}
.cart-empty {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    margin-top: 20px;

    display: flex;
    flex-direction: column;
    align-items: center;
}
.cart-empty-favorite {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    margin-top: 20px;
    width: 100%;
    display: flex;
    justify-content: center;
    text-align: center;
}
@media (max-width: 768px) {
    .cart-empty-favorite {
        font-size: 14px;
        line-height: 14px;
    }
}
.cart-empty .btn {
    margin-top: 20px;
    position: fixed;
    bottom: 20px;
    width: 380px;
}
@media (max-width: 768px) {
    .cart-empty .btn {
        width: 355px;
    }
}
.close-js {
    cursor: pointer;
}
.filter-btns {
    margin-top: 25px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 10px;
}
.filter-btns .clear {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    background-color: #eceef2;
    border: 0;
    border-radius: 4px;
}
.empty-basket {
    font-weight: 500;
    font-size: 30px;
    line-height: 42px;
    color: #004271;
    text-align: center;
    display: flex;
    justify-content: center;
}
@media (max-width: 768px) {
    .empty-basket {
        font-size: 22px;
        line-height: 26px;
    }
}
.checkbox-auth {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.checkbox-auth > .password {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    text-decoration: underline;
    color: #6d6d6d;
    cursor: pointer;
}
.input-checkbox-auth {
    display: flex;
}
.input-checkbox-auth input {
    display: none;
}
.input-checkbox-auth label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
}
.input-checkbox-auth label .input {
    min-width: 24px;
    width: 24px;
    height: 24px;
    border: 1px solid #c2c2c2;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.input-checkbox-auth label .input::after {
    border-radius: 2px;
    width: 14px;
    height: 14px;
    content: '';
    background-color: #057ac0;
    opacity: 0;
    transition: 0.4s;
}
.input-checkbox-auth label .label {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    transition: 0.4s;
}
.input-checkbox-auth input:checked ~ label .label {
    font-weight: 600;
}
.input-checkbox-auth input:checked ~ label .input {
    border-color: #057ac0;
}
.input-checkbox-auth input:checked ~ label .input::after {
    opacity: 1;
}
.add-favorite-js {
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.add-favorite-js svg {
    transition: 0.4s;
}
.add-favorite-js .is-favorite {
    position: absolute;
    opacity: 0;
}
.add-favorite-js.active .is-favorite {
    opacity: 1;
}
.add-favorite-js.active svg:not(.is-favorite) {
    opacity: 0;
}
.toggle-compare-js {
    position: relative;
    cursor: pointer;
}
.toggle-compare-js::after {
    position: absolute;
    right: 10px;
    top: 10px;
    content: '';
    width: 12px;
    height: 12px;
    opacity: 0;
    transition: 0.4s;
    background: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 12C9.31371 12 12 9.31371 12 6C12 2.68629 9.31371 0 6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12Z" fill="%23089439"/><path d="M5.5002 9.19995L2.7002 6.99995L3.5002 5.89995L5.2002 7.29995L8.1002 3.19995L9.2002 3.89995L5.5002 9.19995Z" fill="white"/></svg>');
}
.toggle-compare-js.active::after {
    opacity: 1;
}
.product-other-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
@media (max-width: 1200px) {
    .product-other-list {
        grid-template-columns: repeat(3, 1fr);
    }
}
@media (max-width: 900px) {
    .product-other-list {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 700px) {
    .product-other-list {
        grid-template-columns: 1fr;
    }
}
.toast {
    display: flex;
    min-width: 300px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    background-color: #fff;
    border: 1px solid #00b4ee;
    cursor: pointer;
    animation: slideInRight 0.5s ease forwards;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
    color: #004271;
}

.toast2 {
    display: flex;
    min-width: 300px;
    margin-bottom: 10px;
    border-radius: 4px;
    color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    font-family: Arial, sans-serif;
    background-color: #004271;
    cursor: pointer;
    animation: slideInRight 0.5s ease forwards;
    font-weight: 600;
    font-size: 12px;
    line-height: 21px;
}

.toast-icon {
    padding: 6px 12px;
    background-color: #00b4ee;
}

.toast .toast-text {
    padding: 12px 18px 12px 10px;
}
.toast-success .toast-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-rosette-discount-check"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M5 7.2a2.2 2.2 0 0 1 2.2 -2.2h1a2.2 2.2 0 0 0 1.55 -.64l.7 -.7a2.2 2.2 0 0 1 3.12 0l.7 .7c.412 .41 .97 .64 1.55 .64h1a2.2 2.2 0 0 1 2.2 2.2v1c0 .58 .23 1.138 .64 1.55l.7 .7a2.2 2.2 0 0 1 0 3.12l-.7 .7a2.2 2.2 0 0 0 -.64 1.55v1a2.2 2.2 0 0 1 -2.2 2.2h-1a2.2 2.2 0 0 0 -1.55 .64l-.7 .7a2.2 2.2 0 0 1 -3.12 0l-.7 -.7a2.2 2.2 0 0 0 -1.55 -.64h-1a2.2 2.2 0 0 1 -2.2 -2.2v-1a2.2 2.2 0 0 0 -.64 -1.55l-.7 -.7a2.2 2.2 0 0 1 0 -3.12l.7 -.7a2.2 2.2 0 0 0 .64 -1.55v-1" /><path d="M9 12l2 2l4 -4" /></svg>');
    background-color: #4caf50;
}
.toast-error .toast-icon {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon icon-tabler icons-tabler-outline icon-tabler-exclamation-circle"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M12 12m-9 0a9 9 0 1 0 18 0a9 9 0 1 0 -18 0" /><path d="M12 9v4" /><path d="M12 16v.01" /></svg>');
    background-color: #f44336;
}


.toast2 .toast-text {
    padding: 12px 18px 12px 10px;
}


@keyframes slideInRight {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}
.text_empty_list {
    font-weight: 500;
    font-size: 20px;
    line-height: 20px;
    color: #000;
    margin-top: 20px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.seo-block-js.active .text {
    max-height: max-content;
    padding-bottom: 10px;
}
.seo-block-js.active .text::after {
    display: none;
}
.city-list-hidden {
    top: 100%;
    left: 1px;
    right: 1px;
    position: absolute;
    display: flex;
    flex-direction: column;
    gap: 3px;
    padding: 5px 10px 15px;
    border: 1px solid #ebebeb;
    background: #f5f5f5;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    max-height: 200px;
    overflow: auto;
}
.city-list-hidden > * {
    color: #004271;
    font-weight: 400;
    cursor: pointer;
    font-size: 15px;
    line-height: 22px;
}
.city-ajax-np .active input[type='text'] {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
#map-modal {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* тень */
    z-index: 10000;
    justify-content: center;
    align-items: center;
}

/* Контейнер с картой */
.map-modal-content {
    position: relative;
    width: 90%;
    max-width: 1000px;
    height: 90%;
    background-color: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.3);
    animation: fadeIn 0.3s ease;
}

/* Кнопка закрытия */
.close-map-btn {
    position: absolute;
    top: 10px;
    right: 15px;
    z-index: 1000;
    cursor: pointer;
}

/* Сама карта */
#map {
    width: 100%;
    height: 100%;
}

/* Анимация появления */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: scale(0.97);
    }
    to {
        opacity: 1;
        transform: scale(1);
    }
}
.select-wh {
    cursor: pointer;
    display: flex;
    height: 25px;
    padding: 0 30px;
    background: #004271;
    border-radius: 30px;
    color: #fff;
    align-items: center;
    width: fit-content;
    margin: 10px 0 0;
    justify-content: center;
}
.slider-product .slick-list {
    padding: 30px 10px;
}
@media (max-width: 768px) {
    .slider-product .slick-list {
/*        padding: 0; */
    }
}
.ocf-header {
    font-weight: 700;
    font-style: Bold;
    font-size: 15px;
    line-height: 22px;
    color: #004271;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--Color-Grey-03, #ebebeb);
}
.ocf-container {
    margin-top: 25px;
}
.ocf-filter-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #004271;
}
.ocf-theme-light .ocf-search-btn-static:hover,
.ocf-theme-light .ocf-search-btn-popover:hover {
    background: #004271 !important;
}
.ocf-search-btn-static,
.ocf-search-btn-popover {
    background: #057ac0 !important;
    transition: 0.4s;
}
.ocf-selected .ocf-value-input-checkbox::after {
    content: url('data:image/svg+xml,<svg width="13" height="13" viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M7.46378 16.2154L0.262695 10.5575L2.32015 7.72846L6.69223 11.329L14.1505 0.784561L16.9795 2.58483L7.46378 16.2154Z" fill="white"/></svg>');
    background: none !important;
    position: inherit;
    width: 15px;
    height: 15px;
}
.ocf-value-input {
    width: 20px !important;
    height: 20px !important;
    flex: none !important;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0px !important;
}
.ocf-value-input::before {
    border: 1px solid #c2c2c2 !important;
}
.ocf-value,
.ocf-value:active,
.ocf-value:focus,
.ocf-value:visited,
.ocf-value:hover {
    margin-bottom: 10px !important;
}
.ocf-value-name {
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    color: #6d6d6d;
}
.ocf-selected-header {
    color: #004271;
}
.ocf-btn-mobile-static.ocf-mobile {
    display: none !important;
}
@media (max-width: 767px) {
    .ocf-container {
        position: initial;
        z-index: 1 !important;
        width: 100% !important;
    }
}
@media (max-width: 767px) {
    .ocf-popover.ocf-in.ocf-right {
        display: none !important;
    }
}
.empty-text {
    text-align: center;
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 50px;
    font-weight: 700;
    font-size: 30px;
    line-height: 30px;
    color: #004271;
}
.section-product-slider .title-h2 {
    position: relative;
}
.section-service:not(:last-child) {
    margin-bottom: 30px;
}
.ocf-popover.ocf-fade.ocf-right.ocf-in {
    display: none !important;
}
#go_to_top{position:fixed;right:20px;bottom:20px;width:47px;height:47px;border-radius:50%;box-sizing:border-box;border:1px solid #00b4ee;background:#fff;display:flex;align-items:center;justify-content:center;z-index:14;cursor:pointer}@media(max-width: 920px){#go_to_top{bottom:85px}}

.section-product-slider .slick-track {
    display: flex !important;
}
.section-product-slider .slick-slide {
    height: inherit !important;
}
.work-item.active .info .text{
    max-height: auto;
}
.work-item.active .info::after{
    display: none;
}

@media (max-width: 768px) {
    .section-document.box-content {
        width: calc(100% - 20px);
    }
}

.section-text table td{
    padding: 10px;
}
.section-text table {
    border-collapse: collapse;
    max-width: 100%;
    overflow: auto;
    display: flex;
}
 .section-text th, .section-text td {
  border: 1px solid #057ac0;
}

.section-seo-block .text p{
    margin-bottom: 5px;
}
.section-seo-block .text > h1{
    font-weight: 700;
    font-size: 30px;
    line-height: 100%;
    color: #004271;
    margin-bottom: 20px;
}
.section-seo-block .text h2{
    font-weight: 600;
    font-size: 22px;
    line-height: 100%;
    color: #004271;
    margin-top: 15px;
    margin-bottom: 15px;
}
.section-seo-block .text h3{
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #004271;
    margin-top: 10px;
    margin-bottom: 10px;
}
.section-seo-block .text ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-left: 15px;
}
.section-seo-block .text ul li {
    list-style-type: disc;
}
.section-seo-block .textol {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding-left: 15px;
}
.section-seo-block .text ol li {
    list-style-type: inherit;
}
.manuf-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.section-manuf .manuf-list .item {
    display: flex;
    flex-direction: column;
    border: 1px solid #f0f0f0;
    border-radius: 10px;
    overflow: hidden;
    transition: 1s ease all;
}

.section-manuf .manuf-list .item .item-img {
    width: 275px;
    height: 275px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.section-manuf .manuf-list .item img {
    width: 100%;
}

.section-manuf .manuf-list .item span {
    margin-top: 15px;
    line-height: 120%;
    text-align: center;
    font-style: normal;
    color: #004271;
    letter-spacing: 0.5px;
    font-weight: 700;
    font-size: 18px;
    padding: 0px 25px 25px;
}

.section-manuf .manuf-list .item:hover {
    transform: translateY(-4px);
}







.section-manuf-info .products-list {
    display: grid;
    margin-top: 20px;
    grid-template-columns: repeat(5, 1fr);
}

.section-manuf-info .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.section-manuf-info .top .info {
    display: flex;
    align-items: center;
    gap: 10px;
}

.section-manuf-info .top .title-h2 {
    margin-bottom: 0;
}

.section-manuf-info .top .sort {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: max-content;
}

.section-manuf-info .top .sort>span {
    font-weight: 400;
    font-size: 15px;
    line-height: 22px;
    color: #000;
}

.section-manuf-info .top .sort .sort-list {
    padding: 6px 11px;
    border-radius: 6px;
    position: relative;
    background: rgba(5, 122, 192, 0.0509803922);
}

.section-manuf-info .top .sort .sort-list>span svg {
    transition: 0.4s;
}

.section-manuf-info .top .sort .sort-list>span.active svg {
    transform: rotate(180deg);
}

.section-manuf-info .top .sort .sort-list>span {
    display: flex;
    align-items: center;
    gap: 2px;
    font-weight: 400;
    font-size: 12px;
    cursor: pointer;
    line-height: 18px;
    color: #000;
}

.section-manuf-info .top .sort .sort-list .list {
    position: absolute;
    top: 100%;
    right: 0;
    display: flex;
    z-index: 12;
    flex-direction: column;
    padding: 5px 10px;
    box-shadow: 0px 20px 34px 0px rgba(0, 0, 0, 0.2);
    background: #fff;
}

.section-manuf-info .top .sort .sort-list .list>* {
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    text-align: right;
    color: #057ac0;
    white-space: nowrap;
    transition: 0.4s;
}

.manuf-desc {
    display: flex;
    width: 100%;
    gap: 20px;
    margin-top: 50px;
}

.manuf-desc .image {
    width: 120px;
}

.manuf-desc .image img {
    width: 100%;
}

.manuf-desc .text {
    width: calc(100% - 150px);
}

.manuf-desc .text p {
    margin-bottom: 10px;
	font-size: 15px;
}

@media (max-width: 1240px) {
    .manuf-list {
        grid-template-columns: 1fr 1fr 1fr;
    }
}

@media (max-width: 1200px) {
    .section-manuf-info .products-list {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (max-width: 1000px) {
    .section-manuf-info .products-list {
        grid-template-columns: repeat(3, 1fr);
    }
	.section-main-slider .slider-banner .slick-dots {
		bottom:20%;
	}
}


@media (max-width: 900px) {
    .manuf-list {
        grid-template-columns: 1fr 1fr;
    }

    .section-manuf .manuf-list .item .item-img {
        margin: 0 auto;
    }
}

@media (max-width: 800px) {
    .section-manuf-info .products-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .section-manuf-info .top {
        flex-wrap: wrap;
    }

    .section-manuf-info .top .info {
        width: 100%;
    }
}

@media (max-width: 550px) {
    .section-manuf-info .products-list {
        grid-template-columns: repeat(1, 1fr);
    }

    .manuf-desc {
        flex-wrap: wrap;
        gap: 10px;
    }

    .manuf-desc .text {
        width: 100%;
    }

    .manuf-desc .image {
        width: 100%;
        max-width: 250px;
        margin: 0 auto;
    }

    .section-manuf .manuf-list .item .item-img {
        width: 100%;
        height: 100%;
    }
}


.prop_info .ui-widget.ui-widget-content{border:none; margin-top:20px;}
.prop_info .ui-slider .ui-slider-handle{height: 18px;    width: 13px;}
.prop_info .progress {height: 10px;}
#ukrcredit-popup .proposition{width:auto;}
#ukrcredit-popup{border-radius:20px;}

.promocode_form{
	display: grid;
    grid-template-columns: 1fr 47px;
    gap: 10px;
	}
.section-basket .basket-info .promocode .promocode_form input {
    padding: 8px 11px;
    height: 34px;
}

.section-basket .basket-info .products .product-item .product-info .price-quantity .quantity .minus .btn, .section-basket .basket-info .products .product-item .product-info .price-quantity .quantity .plus .btn
 {
    width: 21px;
    height: 23px;
    background-color: #ebebeb;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    line-height: 23px;
 color: #000;}
 
 .section-brands .list a{
padding:27px;
	 }
	 
@media (max-width: 700px) {	 
    .section-brands .list a
 {
        padding: 21px;
        border-radius: 50%;
        width: auto;
        height: auto;
        max-width: 100px;
        max-height: 100px;
    }
	 .section-brands .list a img{
	    width: 100%;
    height: 100%;
		}
	}
	
.popup-overlay{display:none;}

.ip-block-body{
	display: flex;
    flex-wrap: nowrap;
    width: 100%;
    gap: 30px;
}
.ip-item{
    padding: 20px 30px;
    background: #f2f2f2;
    border-radius: 15px;
}

.ip-block2 .ip-item{width: calc(100% / 2 - 20px);}
.ip-block3 .ip-item{width: calc(100% / 3 - 40px);}
.ip-block4 .ip-item{width: calc(100% / 4 - 60px);}
.ip-item p{margin: 12px 0;    font-size: 15px;    line-height: 150%;    color: #004271;}
.ip-item p strong{color: #057ac0;}
.info-page-block h2{color: #004271; font-size:28px; margin-top:40px; margin-bottom:40px !important;}
.section-text .ip-item ol{gap:0;}
.table-show td{border:0;}
.politics p{
	margin: 12px 0;
    font-size: 15px;
    line-height: 150%;
    color: #004271;
}
.politics h3{
	margin: 20px 0;
    font-size: 25px;
    text-align: center;
    color: #004271;
}
.politics p a{color: #057ac0; text-decoration:underline; font-weight:400;}
.politics p a:hover{color: #004271; text-decoration:none;}
.politics p strong {
    color: #057ac0;
}

.section-brands .slick-track{display:flex; align-items:center;}
.description-box #text a{color: #057ac0;}