@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
* {
    box-sizing: border-box;
    font-family: Manrope, Arial, 'Helvetica Neue', Helvetica, 'Arial Rub', sans-serif;
}
:root {
    --text-black: #181616;
    --text-grey2: #8B8B8B;
    --green: #79C70D;
    --blue: #0CA3ED;
    --blue-light: #E8F7FF;
    --green-light: #F2FAE7;
    --grey-bg: #F8F8F8;
    --white: #FFFFFF;
    --grey85: #858585;
}
html {
    scroll-behavior: smooth;
    overflow-x: hidden;
}
body {
    font-family: Manrope, Arial, 'Helvetica Neue', Helvetica, 'Arial Rub', sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    line-height: 1.2;
    font-size: 16px;
    margin: 0;
    padding: 0;
    color: var(--text-black);
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    scroll-behavior: smooth;
    width: 100%;
}

body::-webkit-scrollbar {
    width: 6px;
}
body::-webkit-scrollbar-track {
    background: #FFF;
}
body::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}
.w75px {
    width: 75px;
}
.padding-top-20 {
    padding-top: 20px;
}
.margin-bottom-20 {
    margin-bottom: 20px;
}
.noborder {
    border: 0!important;
}
.text-grey2 {
    color: var(--text-grey2);
}
.body1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    margin: 0;
}
.body1-s1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 164%;
    margin: 0;
}
.h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}
.h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
    margin: 0;
}
.h5 {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    margin: 0;
}
.grey {
    color: var(--text-grey2);
}
.grey85 {
    color: var(--grey85);
}
.body2 {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    margin: 0;
}
.body2-s2 {
    font-size: 14px;
    font-weight: 700;
    line-height: 132%;
    margin: 0;
}
.body2-s1z {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    margin: 0;
}
.fields {
    font-size: 16px;
    font-weight: 500;
    line-height: 132%;
}
.a-border-grey85 {
    border-bottom: 1px solid var(--grey85);
    transition: all 0.5s;
}
.a-border-grey85:hover {
    border-bottom: 1px solid var(--blue);
    color: var(--blue);
}
.text-center {
    text-align: center;
}



input {
    outline: 0;
}
section {
    margin-left: auto;
    margin-right: auto;
}

.green {
    color: var(--green);
}
.blue {
    color: var(--blue);
}
.white {
    color: var(--white);
}
.text-black {
    color: var(--text-black);
}
h1 {
    font-size: 40px;
    margin-bottom: 10px;
    font-weight: 600;
}
h2 {
    font-size: 32px;
    margin-top: 10px;
    font-weight: 600;
}
h3 {
    font-size: 22px;
    margin-top: 10px;
    font-weight: 600;
}
h4 {
    font-size: 16px;
    margin-top: 10px;
    font-weight: 600;
}
.h1 {
    font-size: 40px;
    margin-bottom: 10px;
}
/*.h4 {*/
/*    font-size: 16px;*/
/*    margin-top: 10px;*/
/*}*/
p {
    font-size: 16px;
    margin-bottom: 15px;
}
a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.5s;
}
a:hover {
    text-decoration: none;
}
button {
    font-family: Manrope, Arial, 'Helvetica Neue', Helvetica, 'Arial Rub', sans-serif;
    width: fit-content;
    height: 46px;
    background-color: var(--blue);
    color: #FFFFFF;
    border: 1px solid var(--blue);
    border-radius: 8px;
    padding: 10px 14px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    text-wrap: nowrap;
    transition: all 0.5s;
}
button.disable {
    background-color: #CAEEFF;
    color: #46C2FF;
    border: 1px solid #CAEEFF;
}
button.h34 {
    height: 34px;
    padding: 6px 14px;
}
button.enter i {
    background: url(/img/button-right.svg) center center no-repeat;
    background-size: contain;
    width: 8px;
    height: 11px;
    position: absolute;
    margin-left: 9px;
    margin-top: 6px;
}
header button {
    font-weight: 500;
}
button.enter {
    padding-right: 25px;
    width: 110px;
}
button.btn-green {
    background-color: var(--green);
    color: #FFF;
    border: 1px solid var(--green);
    transition: all 0.5s;
}
button.btn-blue-zero {
    background-color: transparent;
    color: var(--blue);
    border: 1px solid var(--blue);
    transition: all 0.5s;
}
button.btn-blue-zero:hover {
    background-color: #d1efff;
    color: var(--blue);
    border: 1px solid #d1efff;
}
button.btn-green-zero {
    background-color: transparent;
    color: var(--green);
    border: 1px solid var(--green);
    transition: all 0.5s;
}
button.btn-green-zero:hover {
    background-color: #e3f5ca;
    color: var(--green);
    border: 1px solid #e3f5ca;
}
button.btn-white {
    background-color: #FFF;
    color: var(--blue);
    border: 1px solid #FFF;
    transition: all 0.5s;
}
button.btn-white-zero {
    background-color: transparent;
    color: #FFF;
    border: 1px solid #FFF;
    transition: all 0.5s;
}
button.btn-white-zero:hover {
    background-color: #FFF;
    color: var(--blue);
    border: 1px solid #FFF;
    transition: all 0.5s;
}
/*button:hover {
 background-color: #0056b3;
 }*/
ul {
    list-style-type: disc;
    margin-left: 20px;
}
li {
    margin-bottom: 5px;
}

header {
    background: #FFF;
    z-index: 9;
}

#header .osn .lang {
    display: block;
    color: var(--blue);
    border-bottom: 1px dotted var(--blue);
    font-weight: 500;
    font-size: 16px;
    z-index: 2;
    margin-bottom: -2px;
}

#header .osn .lang .more-lang {
    background-color: #FFF;
    padding: 10px;
    display: none;
    gap: 10px;
    box-shadow: 0 0px 24px #b6b6b670;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 14px;
    position: absolute;
    margin-left: -3px;
    margin-top: 6px;
    z-index: -1;
    color: var(--text-black);
}
#header .osn .more-lang.active {
    display: flex;
}
#header .osn .lang .more-lang a:hover {
    color: var(--blue);
}
.header-mobile-menu {
    display: none;
}
.header-box {
    width: 1450px;
    height: 124px;
    padding: 5px 50px;
    background: #FFF;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    margin: 0 auto;
}
.header-box .logo {
    width: 110px;
    height: 124px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: center;
}
.header-box .osn {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-wrap: nowrap;
    height: 124px;
    flex-grow: 1;
    justify-content: center;
}
.header-box .osn .line {
    width: 100%;
    height: 0px;
    border-top: 1px solid #EBEBEB;
}
.header-box .osn .first {
    width: 100%;
    height: 42px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
}
.header-box .osn .first .left {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
    position: relative;
}
.header-box .osn .first .left .location a {
    font-size: 16px;
    border-bottom: 1px dotted var(--blue);
    color: var(--blue);
}
.header-box .osn .first .left .location a i {
    background: url(/img/menu-i.svg) center center no-repeat;
    background-size: contain;
    width: 9px;
    height: 6px;
    position: absolute;
    margin-left: 5px;
    margin-top: 10px;
    transform: translateY(-50%);
    transition: transform 0.5s;
}

.header-box .osn .first .left .location a i.rotated {
    transform: translateY(-50%) rotate(180deg);
}

.pop-location {
    position: absolute;
    width: 120px;
    padding: 10px;
    display: none;
    flex-direction: column;
    gap: 10px;
    flex-wrap: nowrap;
    overflow-y: auto;
    height: fit-content;
    max-height: 70vh;
    box-shadow: 0 0px 24px #b6b6b670;
    background: #FFF;
    border-radius: 14px;
    z-index: 3;
    top: 36px;
    left: 4px;
}
.pop-location.active {
    display: flex;
}
.pop-location::-webkit-scrollbar {
    width: 6px;
}
.pop-location::-webkit-scrollbar-track {
    background: #FFF;
}
.pop-location::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}
.pop-location a.choose {
    color: var(--text-black);
    border: 0;
    font-size: 16px;
}

.header-box .osn .first .left .support {
    display: flex;
    flex-direction: row;
    gap: 12px;
    height: 42px;
    align-items: center;
}
.header-box .osn .first .left .support .icon {
    width: 40px;
    height: 40px;
    background: var(--blue-light);
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 2px 0 0 1px;
}
.header-box .osn .first .left .support .icon a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}
.header-box .osn .first .left .support .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.header-box .osn .first .left .support .icon:hover {
    background: var(--blue);
}
.header-box .osn .first .left .support .icon:hover svg {
    fill: #FFF;
}
.header-box .osn .first .left .support .tel {
    display: flex;
    flex-direction: column;
    font-size: 12px;
    font-weight: 500;
    color: var(--text-black);
    gap: 4px;
}
.header-box .osn .first .left .support .tel a {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    transition: all 0.5s;
}
.header-box .osn .first .left .support .tel a:hover {
    color: var(--blue);
}
.header-box .osn .first .right {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: center;
}
.header-box .osn .first .right .icons {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    gap: 17px;
    position: relative;
}
.header-box .osn .first .right .icons .icon {
    width: 40px;
    height: 40px;
    background: var(--blue-light);
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.header-box .osn .first .right .icons .icon a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}
.header-box .osn .first .right .icons .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.header-box .osn .first .right .icons .icon:hover {
    background: var(--blue);
}
.header-box .osn .first .right .icons .icon:hover svg {
    fill: #FFF;
}


/* Авторизованный */
.header-box .osn .first .right .buttons {
    align-items: center;
}
.header-box .osn .first .right .buttons .personal-icon-name {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: fit-content;
    height: 40px;
    gap: 10px;
}
.header-box .osn .first .right .buttons .personal-icon-name .icon {
    width: 40px;
    height: 40px;
    background: var(--blue-light);
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.header-box .osn .first .right .buttons .personal-icon-name span {
    font-size: 14px;
    font-weight: 500;
}
.header-box .osn .first .right .buttons .personal-icon-name a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
}
.header-box .osn .first .right .buttons .personal-icon-name .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.header-box .osn .first .right .buttons .personal-icon-name:hover .icon {
    background: var(--blue);
}
.header-box .osn .first .right .buttons .personal-icon-name:hover svg {
    fill: #FFF;
}


.header-box .osn .first .right .buttons {
    display: flex;
    flex-direction: row;
    gap: 14px;
}
.header-box .osn .second #nav {
    position: relative;
}
.header-box .osn .second #nav .menu {
    position: relative;
    display: flex;
    gap: 24px;
    justify-content: space-between;
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.header-box .osn .second #nav .menu .menu-item {
    cursor: pointer;
    font-size: 16px;
    color: var(--text-black);
    font-weight: 500;
    display: inline-block;
    padding: 10px;
    transition: all 0.5s;
}
.header-box .osn .second #nav .menu .menu-item:hover {
    color: var(--blue);
}
.header-box .osn .second #nav .menu .menu-item:hover .submenu {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
}
.header-box .osn .second #nav .menu .menu-item i {
    background: url(/img/menu-i.svg) center center no-repeat;
    background-size: contain;
    width: 11px;
    height: 8px;
    position: absolute;
    margin-left: 5px;
    margin-top: 11px;
    transform: translateY(-50%);
    transition: transform 0.5s;
}
.header-box .osn .second #nav .menu .menu-item.dropdown:hover i {
    transform: translateY(-50%) rotate(180deg);
}
.header-box .osn .second #nav .menu .menu-item .submenu {
    display: none;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 10px;
    background-color: #FFF;
    padding: 16px;
    position: absolute;
    top: 38px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
    width: fit-content;
    box-shadow: 0 0px 24px #b6b6b670;
    border-radius: 16px;
}
.header-box .osn .second #nav .menu .menu-item .submenu a {
    color: var(--text-black);
    font-weight: 500;
    font-size: 16px;
    transition: all 0.5s;
}
.header-box .osn .second #nav .menu .menu-item .submenu a:hover {
    color: var(--blue);
    font-size: 16px;
}
.header-box .osn .second #nav .menu .menu-item .dropdown:hover i {
    transform: translateY(-50%) rotate(180deg);
}

main.osn-page {
    display: flex;
    flex-direction: column;
    gap: 80px;
    flex-wrap: nowrap;
}

.mobile-nav-bottom {
    display: none;
}

footer {
    width: 100%;
    padding: 40px 0 30px 0;
    background-color: var(--blue-light);
    border-radius: 48px 48px 0 0;
    margin-top: 80px;
}

footer section {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 30px;
}
footer .first-line,
footer .second-line,
footer .third-line {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}

footer .first-line .menu-links {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
}

footer .first-line .menu-links a {
    color: #787777;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.5s;
}
footer .first-line .menu-links a.zag {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 12px;
    color: var(--text-black);
}

footer .first-line .menu-links a:hover,
footer .first-line .menu-links a.zag:hover {
    color: var(--blue);
}

footer .first-line .menu-links-main {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}

footer .first-line .menu-links-main a {
    font-size: 16px;
    font-weight: 500;
    color: var(--text-black);
    transition: all 0.5s;
}

footer .first-line .menu-links-main a:hover {
    color: var(--blue);
}

footer .second-line .location {
    font-size: 16px;
    color: var(--blue);
    line-height: 140%;
    font-weight: 500;
}

footer .second-line .support {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
footer .second-line .support a {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    transition: all 0.5s;
}
footer .second-line .support a:hover {
    color: var(--blue);
}
footer .second-line .support span {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-block);
}


footer .second-line .support2 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}
footer .second-line .support2 a {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    transition: all 0.5s;
}
footer .second-line .support2 a:hover {
    color: var(--blue);
}
footer .second-line .support2 a:nth-child(2) {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-block);
}
footer .second-line .support2 a:nth-child(2):hover {
    color: var(--blue);
}

footer .second-line .social .icons {
    display: flex;
    flex-direction: row;
    gap: 14px;
}
footer .second-line .social .icons .icon {
    width: 40px;
    height: 40px;
    background-color: #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 5px 0 0 1px;
    transition: all 0.5s;
}
footer .second-line .social .icons .icon svg {
    fill: var(--blue);
    transition: all 0.5s;
}
footer .second-line .social .icons .icon:hover {
    background-color: var(--blue);
}

footer .second-line .social .icons .icon:hover svg {
    fill: #FFF;
}


footer .line {
    border-top: 1px solid #EBEBEB;
    width: 100%;
    margin: 30px auto;
}


footer .third-line a,
footer .third-line span {
    font-size: 14px;
    color: #838383;
    font-weight: 400;
    transition: all 0.5s;
}
footer .third-line a {
    border-bottom: 1px solid #83838350;
}
footer .third-line a:hover {
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
}

.mobile-header {
    display: none;
}
section.full-width-section {
    width: 100%;
    margin: 0;
    padding: 0;
}
section.full-width-section.main-section {
    background-color: #79C70D20;
    height: calc(100vh - 124px);
    min-height: 600px;
    max-height: 777px;
    min-width: 100vw;
}
.full-width-section .full-width-section-div {
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.full-width-section .full-width-section-div .images-container {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.full-width-section .full-width-section-div .images-container img {
    bottom: 0;
    position: absolute;
}
.full-width-section .full-width-section-div .images-container .image1 {
   right: 0;
    max-height: 86%;
    max-width: 55%;
}
.full-width-section .full-width-section-div .images-container .image2 {
    right: 40%;
}
.full-width-section .full-width-section-div .images-container .image3 {
    right: 10%;
    bottom: 75%;
}

.full-width-section .full-width-section-div .hello {
    position: absolute;
    top: 20%;
    width: 50%;
    max-width: 658px;
}
.full-width-section .full-width-section-div .hello h1 {
    color: var(--text-black);
    text-wrap: balance;
}
.full-width-section .full-width-section-div .hello h1 span {
    color: var(--blue);
}
.full-width-section .full-width-section-div .hello p {
    font-size: 16px;
    color: var(--text-black);
    font-weight: 400;
    line-height: 148%;
    text-wrap: balance;
}

.full-width-section .full-width-section-div .hello .green-buttons {
    width: fit-content;
    background-color: #DAF0BB;
    padding: 5px;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    z-index: 2;
    position: relative;
}

.full-width-section .full-width-section-div .hello .green-buttons .btn-green {
    background-color: transparent;
    border: 1px solid transparent;
    color: var(--text-black);
    transition: all 0.5s;
}
.full-width-section .full-width-section-div .hello .green-buttons .btn-green:hover {
    background-color: #388b2514;
}

.full-width-section .full-width-section-div .hello .image4 {
    margin-left: -160px;
    margin-top: 10px;
}

.osn-four-blocks {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    gap: 24px;
}
.osn-four-blocks .div-all {
    padding: 40px 20px 30px 20px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 350px;
    position: relative;
    overflow: hidden;
}
.osn-four-blocks .div-all.div1 {
    background-color: var(--blue-light);
    width: 56%;
}

.osn-four-blocks .div-all.div1 .up {
    width: 60%;
    z-index: 2;
}
.osn-four-blocks .div-all.div2 .up {
    width: 80%;
    z-index: 2;
}
.osn-four-blocks .div-all.div3 .up {
    width: 70%;
    z-index: 2;
}
.osn-four-blocks .div-all.div4 .up {
    width: 70%;
    z-index: 2;
}

.osn-four-blocks .div-all.div1 .podpis,
.osn-four-blocks .div-all.div3 .podpis,
.osn-four-blocks .div-all.div4 .podpis,
.osn-four-blocks .div-all.div2 .podpis {
    font-size: 14px;
    color: #858585;
    font-weight: 400;
    line-height: 132%;

}
.osn-four-blocks .div-all.div1 .zag,
.osn-four-blocks .div-all.div3 .zag,
.osn-four-blocks .div-all.div4 .zag,
.osn-four-blocks .div-all.div2 .zag {
    font-size: 22px;
    color: var(--text-black);
    font-weight: 600;
    line-height: 132%;
    margin-top: 7px;
}
.osn-four-blocks .div-all.div1 .podpis2,
.osn-four-blocks .div-all.div3 .podpis2,
.osn-four-blocks .div-all.div4 .podpis2,
.osn-four-blocks .div-all.div2 .podpis2 {
    font-size: 16px;
    color: var(--text-black);
    font-weight: 400;
    line-height: 140%;
    text-wrap: balance;
}
.osn-four-blocks .div-all.div1 .down span.price,
.osn-four-blocks .div-all.div3 .down span.price,
.osn-four-blocks .div-all.div4 .down span.price,
.osn-four-blocks .div-all.div2 .down span.price {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
    color: var(--text-black);
}
.osn-four-blocks .div-all.div1 .down,
.osn-four-blocks .div-all.div3 .down,
.osn-four-blocks .div-all.div4 .down,
.osn-four-blocks .div-all.div2 .down {
    display: flex;
    flex-direction: column;
    gap: 20px;
    z-index: 2;
}
.osn-four-blocks .div-all .down .row-buttons {
    width: 50%;
    display: flex;
    flex-direction: row;
    gap: 14px;
}

.osn-four-blocks .div-all.div2 {
    background-color: var(--green-light);
    width: 44%;
    z-index: 2;
}
.osn-four-blocks .div-all.div1 .four-block1 {
    width: auto;
    height: 115%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.osn-four-blocks .div-all.div1 .four-block2 {
    width: auto;
    height: 90%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.osn-four-blocks .div-all.div2 .four-block3 {
    width: auto;
    height: 60%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.osn-four-blocks .div-all.div2 .four-block4 {
    width: auto;
    height: 40%;
    position: absolute;
    bottom: 0;
    right: 7%;
}

.osn-four-blocks .div-all.div3 .four-block5 {
    width: auto;
    height: 80%;
    position: absolute;
    bottom: -20%;
    right: -10%;
}
.osn-four-blocks .div-all.div3 .four-block6 {
    width: auto;
    height: 34%;
    position: absolute;
    bottom: 6%;
    right: 5%;
}
.osn-four-blocks .div-all.div4 .four-block8 {
    width: auto;
    height: 45%;
    position: absolute;
    bottom: 6%;
    right: 5%;
}
.osn-four-blocks .div-all.div4 .four-block7 {
    width: auto;
    height: 115%;
    position: absolute;
    bottom: 0;
    right: -22%;
}

.osn-four-blocks .osn-four-blocks__inner {
    width: 100%;
    gap: 24px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.osn-four-blocks .div-all.div3 {
    background-color: var(--green-light);
    width: 50%;
    z-index: 2;
}

.osn-four-blocks .div-all.div4 {
    background-color: var(--blue-light);
    width: 50%;
    z-index: 2;
}

.out-pict1 {
    position: absolute;
    left: -167px;
    top: 359px;
}
.out-pict1 img {
    width: 150px;
}

.osn-page .h-podpis {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: var(--text-black);
    width: 50%;
    text-wrap: balance;
}

.section-head {
    margin-bottom: 40px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    gap: 14px;
}
.section-head h1,
.section-head h2,
.section-head h3,
.section-head h4,
.section-head p {
    margin: 0;
    padding: 0;
}

.owl-carousel .owl-nav button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(255, 255, 255, 0.7);
    border: none;
    padding: 10px;
    font-size: 24px;
    cursor: pointer;
}
.owl-carousel .owl-prev {
    width: 40px;
    height: 40px;
    left: 0;
    background: url(/img/owl-left.svg) center center / contain no-repeat !important;
    margin-left: -50px !important;
}
.owl-carousel .owl-next {
    width: 40px;
    height: 40px;
    right: 0;
    margin-right: -50px !important;
    background: url(/img/owl-right.svg) center center / contain no-repeat !important;
}
.owl-carousel .owl-nav button span {
    display: none;
}
.center-buttons {
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.specialist-item {
    min-height: 500px;
    border-radius: 24px;
    overflow: hidden;
    background-color: var(--grey-bg);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
}
.specialist-item .item-img {
    width: 100%;
    height: 224px;
    min-height: 224px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
}
.specialist-item .content {
    width: 100%;
    padding: 0 16px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.specialist-item .content .zag {
    height: 2em;
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
    color: var(--text-black);
}
.specialist-item .content .podpis {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
}
.specialist-item .content .meta {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.specialist-item .content .meta .price {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    color: var(--text-block);
}
.specialist-item .content .meta .meta-in {
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.specialist-item .content .meta .meta-in p {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    color: #000;
    margin: 0;
}
.specialist-item .content .meta .meta-in span {
    color: var(--text-grey2);
    font-weight: 400;
}

.specialist-item .meta button {
    width: 100%;
}

/*   Рейтинг   */
.raiting {
    width: fit-content;
    display: flex;
    flex-direction: row;
    gap: 5px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin: 0;
}
.stars i {
    width: 17px;
    height: 17px;
    background-image: url("/img/star.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
}
.s4-5 i:nth-last-child(-n+1) {
    background-image: url("/img/star-dis.svg");
}
.s3-5 i:nth-last-child(-n+2) {
    background-image: url("/img/star-dis.svg");
}
.s2-5 i:nth-last-child(-n+3) {
    background-image: url("/img/star-dis.svg");
}
.s1-5 i:nth-last-child(-n+4) {
    background-image: url("/img/star-dis.svg");
}
/*   Конец рейтинг   */

.full-width-div {
    width: 100%;
}

/*   Переключатель слайдеров   */
.switcher {
    display: flex;
    flex-direction: row;
    gap: 15px;
}

.switcher .item {
    border-radius: 14px;
    background-color: transparent;
    border: 1px solid #7C7C7C;
    height: 46px;
    padding: 0 28px;
    color: #7C7C7C;
    cursor: pointer;
    transition: all 0.5s;
}
.switcher .item:hover {
    background-color: var(--blue-light);
    border: 1px solid var(--blue-light);
}
.switcher .item.active {
    color: #FFF;
    background-color: var(--blue);
    border: 1px solid var(--blue);
}

.i-block {
    display: none;
}
.i-block.active {
    display: block;
}
.item.active {
    background-color: #007bff;
    color: white;
}

/*   Конец переключателя слайдеров   */

.owl-carousel .products-item {
    min-height: fit-content;
    border-radius: 24px;
    overflow: hidden;
    background-color: var(--grey-bg);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
}
.owl-carousel .products-item .item-img {
    width: 100%;
    height: 224px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12px 12px 0 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-items: right;
    justify-content: flex-end;
    align-content: flex-start;
}
.owl-carousel .products-item .item-img .icon {
    width: 32px;
    height: 32px;
    background: #EBEBEB;
    transition: all 0.5s;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 3px 0 0 0;
}
.owl-carousel .products-item .item-img .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.owl-carousel .products-item .item-img .icon:hover {
    background-color: var(--blue-light);
}
.owl-carousel .products-item .item-img .icon:hover svg {
    fill: var(--blue);
    transition: all 0.5s;
}
.owl-carousel .products-item .item-img .icon.active {
    background-color: var(--blue);
}
.owl-carousel .products-item .item-img .icon.active svg {
    fill: #FFF;
    transition: all 0.5s;
}
.owl-carousel .products-item .content {
    width: 100%;
    padding: 0 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.owl-carousel .products-item .content .zag {
    height: 3em;
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
    color: var(--text-black);
}
.owl-carousel .products-item .content .podpis {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
}
.owl-carousel .products-item .content .meta {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.owl-carousel .products-item .content .meta .price {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    color: var(--text-block);
}

.owl-carousel .products-item .card-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 6px;
}
.owl-carousel .products-item .card-buttons .icon {
    width: 46px;
    height: 46px;
    background: #EBEBEB;
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.owl-carousel .products-item .card-buttons .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.owl-carousel .products-item .card-buttons .icon:hover {
    background-color: var(--blue-light);
}
.owl-carousel .products-item .card-buttons .icon:hover svg {
    fill: var(--blue);
    transition: all 0.5s;
}
.owl-carousel .products-item .card-buttons .icon.active {
    background-color: var(--blue);
}
.owl-carousel .products-item .card-buttons .icon.active svg {
    fill: #FFF;
    transition: all 0.5s;
}
.owl-carousel .products-item .card-buttons a{
    flex-grow: 1;
}

.owl-carousel .products-item .meta button {
    width: 100%;
}

.ask-w-u-w {
    width: 100%;
    background-color: var(--blue-light);
    padding: 40px;
    border-radius: 24px;
    margin-top: 30px;
    position: relative;
}
.ask-w-u-w img {
    position: absolute;
    width: 250px;
    height: 160px;
    top: -50px;
    right: 10%;
}
.ask-w-u-w .anketa {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    gap: 80px;
}
.ask-w-u-w .anketa .left {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 40px;
    flex-grow: 1;
}
.ask-w-u-w .anketa .right ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.ask-w-u-w .anketa .left .up {
    display: flex;
    flex-direction: row;
    gap: 105px;
    justify-content: space-between;
}
.ask-w-u-w .anketa .left .down {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 19px;
    width: 100%;
}

form ul {
    list-style-type: none;
    margin: 0;
    padding: 10px 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}

form input[type=radio],
form input[type=checkbox] {
    display: none;
    outline: 0;
}
form.main-page-anketa label.custom-radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    line-height: 18px;
    user-select: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 140%;
}
form.main-page-anketa label.custom-radio:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url(/img/radio-default.svg) 0 0 no-repeat;
    transition: all 0.1s;
}
form.main-page-anketa input[type=radio]:checked + label.custom-radio:before {
    background: url(/img/radio-checked.svg) 0 0 no-repeat;
}
form.main-page-anketa legend {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 118%;
}

form.main-page-anketa label.custom-checkbox {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    user-select: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 140%;
}
form.main-page-anketa label.custom-checkbox:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url(/img/custom-checkbox.svg) 0 0 no-repeat;
    transition: all 0.1s;
}
form.main-page-anketa input[type=checkbox]:checked + label.custom-checkbox:before {
    background: url(/img/custom-checkbox-checked.svg) 0 0 no-repeat;
}

.ask-w-u-w .anketa .left .down ul {
    display: flex;
    flex-direction: row;
    gap: 19px;
    justify-content: space-between;
    width: 100%;
}
.ask-w-u-w .anketa .left .down ul li {
    display: flex;
    flex-direction: column;
    gap: 14px;
    flex-grow: 1;
}

form.main-page-anketa input.custom-input-text {
    height: 46px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    padding: 9px 14px;
    background-color: #F8F8F8;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    transition: all 0.2s;
}
form.main-page-anketa input.custom-input-text:focus {
    border: 1px solid var(--blue) !important;
}
form.main-page-anketa label.custom-text {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 118%;
}
.full-width-section2 {
    width: 100%;
    padding-left: 50px;
    padding-right: 50px;
}
.full-width-section2-inner {
    padding: 60px 40px 60px 40px;
    width: 100%;
    border-radius: 48px;
    display: flex;
    flex-direction: column;
    gap: 80px;
    background: #79C70D20 url("/img/main-page-about.svg") bottom right no-repeat;
    background-size: 47%;
}
.full-width-section2 section {
    padding: 0;
    max-width: 100%;
}
.full-width-section2 section .section-head {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.full-width-section2 section .section-head div:nth-child(1) {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.full-width-section2 section .section-head .h-podpis {
    width: 100%;
}
.full-width-section2 section .section-head div:nth-child(1) {
    width: 65%;
}
.full-width-section2 section .section-head div:nth-child(2) {
    width: 35%;
}
.full-width-section2 section .section-head div:nth-child(2) img:nth-child(1) {
    height: 80px;
    transform: rotate(10deg);
}
.full-width-section2 section .section-head div:nth-child(2) img:nth-child(2) {
    height: 100px;
}
.full-width-section2 .courses {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.full-width-section2 .courses .courses-3col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.full-width-section2 .courses .courses-3col div {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.full-width-section2 .courses .courses-3col div.courses-3col-1col div.backimg {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 24px;
    width: 100%;
    height: 295px;
}
.full-width-section2 .courses .courses-3col div.courses-3col-1col span {
    font-size: 16px;
    line-height: 118%;
    color: var(--text-black);
    font-weight: 600;
}
.full-width-section2 .courses .courses-3col div.courses-3col-1col span br {
    display: none;
}

.main-page-about {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}
.main-page-about .backimg {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    border-radius: 24px;
    width: 100%;
    height: 100%;
}
.main-page-about p {
    font-size: 16px;
    line-height: 164%;
    font-weight: 500;
    color: var(--text-black);
}
.main-page-about a {
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
}

.main-page-about .citata {
    background-color: #FFF;
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    gap: 22px;
    padding: 20px;
}
.main-page-about .citata .kavichka {
    width: 68px;
    min-width: 68px;
    min-height: 68px;
}
.main-page-about .citata .kavichka img {
    width: 100%;
}
.main-page-about .citata p {
    font-size: 18px;
    line-height: 140%;
    font-weight: 600;
    color: var(--text-black);
}
.main-page-about .citata p {
    margin: 0;
}

.main-page-about .two-cols-m20 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}
.main-page-about .two-cols-m20 .back-blue {
    border-radius: 24px;
    background-color: var(--blue);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
}
.main-page-about .two-cols-m20 .back-green {
    border-radius: 24px;
    background-color: var(--green);
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
}
.main-page-about .two-cols-m20 .back-blue span.zag,
.main-page-about .two-cols-m20 .back-green span.zag {
    font-size: 40px;
    line-height: 120%;
    font-weight: 600;
    color: #FFF;
}
.main-page-about .two-cols-m20 .back-blue span.text,
.main-page-about .two-cols-m20 .back-green span.text {
    font-size: 16px;
    font-weight: 600;
    color: #FFF;
    text-align: center;
}

.main-page-four-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
.main-page-four-cols .main-page-four-cols__box {
    min-height: 350px;
    width: 100%;
    border-radius: 24px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.owl-carousel .main-page-four-cols__box {
    min-height: 310px;
    width: 100%;
    border-radius: 24px;
    padding: 20px 15px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.main-page-four-cols .main-page-four-cols__box:nth-child(odd),
.owl-carousel .main-page-four-cols__box {
    background-color: var(--blue-light);
}
.main-page-four-cols .main-page-four-cols__box:nth-child(even),
.owl-carousel .main-page-four-cols__box.back-green {
    background-color: var(--green-light);
}
.main-page-four-cols .main-page-four-cols__box .up,
.owl-carousel .main-page-four-cols__box .up {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.main-page-four-cols .main-page-four-cols__box .up img {
    width: 48px;
    height: 48px;
}
.owl-carousel .main-page-four-cols__box .up img {
    width: 32px;
    height: 32px;
}
.main-page-four-cols .main-page-four-cols__box .up p {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    color: var(--text-black);
    margin: 0;
}
.main-page-four-cols .main-page-four-cols__box .down {
    display: flex;
    flex-direction: column;
}
.main-page-four-cols .main-page-four-cols__box .down p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: var(--text-black);
    margin: 0;
}
.main-page-four-cols .main-page-four-cols__box.ads {
    padding: 30px 20px 0 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--blue) url("/img/image-222.png") bottom center no-repeat;
    background-size: contain;
}
.main-page-four-cols .main-page-four-cols__box.ads .up {
    gap: 8px;
}
.main-page-four-cols .main-page-four-cols__box.ads .up p {
    color: #FFF;
    line-height: 140%;
    font-weight: 400;
}
.main-page-four-cols .main-page-four-cols__box.ads .up p.zag {
    color: #FFF;
    line-height: 118%;
    font-weight: 600;
}
.main-page-four-cols .main-page-four-cols__box.ads .down {
    padding-bottom: 30px;
    height: 100%;
    justify-content: flex-end;
}
.slider_preimushestva {
    display: none !important;
}

.main-page-news-item .news-item {
    min-height: fit-content;
    border-radius: 24px;
    overflow: hidden;
    background-color: var(--grey-bg);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
}
.main-page-news-item .news-item .item-img {
    width: 100%;
    height: 224px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12px 12px 0 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-items: right;
    justify-content: flex-end;
}
.main-page-news-item .news-item .content .rub {
    line-height: 118%;
    font-weight: 600;
    font-size: 14px;
    padding: 6px 13px;
    border-radius: 24px;
    width: fit-content;
}
.main-page-news-item .news-item .content .rub.blue  {
    color: var(--blue);
    border: 1px solid var(--blue);
}
.main-page-news-item .news-item .content .rub.green  {
    color: var(--green);
    border: 1px solid var(--green);
}
.main-page-news-item .news-item .content {
    width: 100%;
    padding: 0 16px;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.main-page-news-item .news-item .content .zag {
    line-height: 118%;
    font-weight: 600;
    font-size: 16px;
}
.main-page-news-item .news-item .content .podpis {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: #8B8B8B;
    height: 4em;
}
.main-page-news-item .news-item .content a {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: var(--blue);
    border-bottom: 1px solid #0ca3ed60;
    width: fit-content;
    transition: all 0.5s;
}
.main-page-news-item .news-item .content a:hover {
    border-bottom: 1px solid var(--blue);
}

.owl-carousel.slider_partners .partners-box {
    width: 100%;
    height: 116px;
    padding: 14px 19px;
    border-radius: 14px;
    background-color: var(--grey-bg);
}
.owl-carousel.slider_partners .partners-box img {
    height: 100%;
}
section.full-width-slider {
    /*padding-bottom: 120px;*/
    position: relative;
    margin-top: 60px;
    width: 100vw;
    max-width: 100vw;
}
section.full-width-slider .owl-carousel.slider_partners {
    position: absolute;
    bottom: 0;
}

.main-page-partners-two-cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 53px;
}
.main-page-partners-two-cols-flex .section-head {
    gap: 0px;
}
.main-page-partners-two-cols-flex .section-head .h-podpis {
    margin-top: 20px;
}
.main-page-partners-two-cols-flex .section-head button {
    margin-top: 32px;
}
.main-page-partners-two-cols-flex .h-podpis {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 164%;
    padding-right: 50px;
}
.main-page-partners-two-cols-flex {
    display: flex;
    flex-direction: row;
}
.main-page-partners-two-cols-flex .flex {
    flex: 1;
    width: 50%;
}

.slider_part-foto .back-img {
    width: 100%;
    height: 400px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 24px;
    overflow: hidden;
}

.owl-carousel.slider_part-foto .owl-dots .owl-dot span {
    width: 6px;
    height: 6px;
}
.owl-carousel.slider_part-foto .owl-dots .owl-dot span {
    background: #D9D9D9 !important;
}
.owl-carousel.slider_part-foto .owl-dots .owl-dot.active span {
    background: var(--blue) !important;
}
.owl-carousel.slider_part-foto .owl-next {
    width: 12px;
    height: 14px;
    right: 50%;
    background: url(/img/owl-right-partner.svg) center center / contain no-repeat !important;
}
.owl-carousel.slider_part-foto .owl-prev {
    width: 12px;
    height: 14px;
    left: 50%;
    background: url(/img/owl-left-partner.svg) center center / contain no-repeat !important;
}
.owl-carousel.slider_part-foto .owl-nav button {
    position: absolute;
    bottom: 8px;
    top: auto;
    transform: translateY(-50%);
}

main.inner-page {
    display: flex;
    flex-direction: column;
    gap: 60px;
}

main.inner-page section {
    padding: 0 20px;
}
main.shop-page {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
main.shop-page section {
    padding: 0 50px;
}
.head-info {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 30px;
}
.breadcrumbs {
    font-size: 16px;
    line-height: 164%;
    font-weight: 500;
    color: var(--text-grey2);
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;
}
.breadcrumbs a {
    color: var(--text-grey2);
    transition: all 0.5s;
}
.breadcrumbs a:hover {
    color: var(--blue);
}
.breadcrumbs .target-page {
    color: var(--text-black);
}
.head-info h1 {
    color: var(--text-black);
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.four-cols {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}
.four-cols .one-card {
    display: flex;
    flex-direction: column;
    gap: 12px;
    position: relative;
}
.four-cols .one-card .back-img {
    width: 100%;
    height: 158px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 8px;
    overflow: hidden;
}
.four-cols .one-card a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.four-cols .one-card span {
    font-size: 16px;
    font-weight: 500;
}

.banner1 {
    width: 100%;
    height: 200px;
    background: rgb(21,107,236);
    background: linear-gradient(90deg, rgba(21,107,236,1) 0%, rgba(12,163,237,1) 100%);
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    position: relative;
}
.banner1 .first {
    width: 50%;
    padding: 30px 0 30px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
}
.banner1 .first .zag {
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 120%;
    color: #FFF;
    font-weight: 600;
}
.banner1 .first .t1 {
    font-size: 16px;
    line-height: 140%;
    color: #FFF;
    font-weight: 400;
}
.banner1 .first .t2 {
    font-size: 22px;
    line-height: 132%;
    color: #FFF;
    font-weight: 600;
}
.banner1 .back {
    position: absolute;
    left: 15%;
    width: 30%;
    background: url(/img/image-224.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 100%;
}
.banner1 .second {
    width: 50%;
    padding: 30px 40px 30px 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;

}
.banner1 .second .zag {
    font-size: 22px;
    line-height: 132%;
    color: #FFF;
    font-weight: 600;
}
.banner1 .second .t1 {
    font-size: 16px;
    line-height: 140%;
    color: #FFF;
    font-weight: 400;
    text-wrap: balance;
}
.banner1 .second .b1 img {
    height: 37px;
    width: auto;
}
.banner1 .second .b1 {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: flex-start;
}

main.inner-page .section-head h2,
main.shop-page .section-head h2 {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
    margin: 0;
}
main.inner-page .section-head h2.big,
main.shop-page .section-head h2.big {
    font-size: 40px;
    line-height: 120%;
    font-weight: 600;
    margin: 0;
}

.products-item {
    min-height: fit-content;
    border-radius: 24px;
    overflow: hidden;
    background-color: var(--grey-bg);
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding-bottom: 16px;
}
.products-item .item-img {
    width: 100%;
    height: 224px;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 12px 12px 0 0;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-items: right;
    justify-content: flex-end;
    align-content: flex-start;
}
.products-item .item-img .icon {
    width: 32px;
    height: 32px;
    background: #EBEBEB;
    transition: all 0.5s;
    border-radius: 50%;
    display: none;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 3px 0 0 0;
}
.products-item .item-img .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.products-item .item-img .icon:hover {
    background-color: var(--blue-light);
}
.products-item .item-img .icon:hover svg {
    fill: var(--blue);
    transition: all 0.5s;
}
.products-item .item-img .icon.active {
    background-color: var(--blue);
}
.products-item .item-img .icon.active svg {
    fill: #FFF;
    transition: all 0.5s;
}
.products-item .content {
    width: 100%;
    padding: 0 16px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.products-item .content .zag {
    height: 3em;
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
    color: var(--text-black);
}
.products-item .content .podpis {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
}
.products-item .content .meta {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.products-item .content .meta .price {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    color: var(--text-block);
}

.products-item .card-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 6px;
}
.products-item .card-buttons .icon {
    width: 46px;
    height: 46px;
    background: #EBEBEB;
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.products-item .card-buttons .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.products-item .card-buttons .icon:hover {
    background-color: var(--blue-light);
}
.products-item .card-buttons .icon:hover svg {
    fill: var(--blue);
    transition: all 0.5s;
}
.products-item .card-buttons .icon.active {
    background-color: var(--blue);
}
.products-item .card-buttons .icon.active svg {
    fill: #FFF;
    transition: all 0.5s;
}
.products-item .card-buttons a{
    flex-grow: 1;
}

.products-item .meta button {
    width: 100%;
}
.accordion {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.accordion details {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    background: var(--blue-light);
    padding: 33px 28px;
    border-radius: 24px;
    overflow: hidden;
    min-height: 106px;
}
.accordion p {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    color: var(--text-black);
    margin-top: 30px;
}
.accordion summary::-webkit-details-marker {
    display: none;
}
.accordion summary::-moz-list-bullet {
    list-style-type: none;
}
.accordion summary::marker {
    display: none;
}
.accordion summary {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
    cursor: pointer;
    width: 100%;
    list-style-type: none;
    position: relative;
    padding-right: 50px;
}
.accordion summary:before {
    content: "+";
    color: #FFF;
    width: 40px;
    height: 40px;
    display: flex;
    position: absolute;
    background: var(--blue);
    border-radius: 50%;
    font-size: 37px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
    right: 0;
}
.accordion details[open] > summary:before {
    content: "–";
    color: #FFF;
    width: 40px;
    height: 40px;
    display: flex;
    position: absolute;
    background: var(--blue);
    border-radius: 50%;
    font-size: 37px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0;
}

.otzivi-item {
    width: 100%;
    border: 1px solid #D2D2D2;
    border-radius: 16px;
    padding: 30px 30px;
    display: flex;
    flex-direction: row;
    gap: 60px;
    height: 285px;
}
.otzivi-item .l,
.otzivi-item .left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    width: 30%;
}
.otzivi-item .l .raiting,
.otzivi-item .left .raiting {
    flex-direction: column;
}
.otzivi-item .l .raiting div,
.otzivi-item .left .raiting div {
    display: flex;
    flex-direction: row;
    align-items: center;
}
.otzivi-item .l .zag .name,
.otzivi-item .left .zag .name {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
    color: var(--text-block);
}
.otzivi-item .l .zag,
.otzivi-item .left .zag {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.otzivi-item .l .zag .about,
.otzivi-item .left .zag .about {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
}
.otzivi-item .r,
.otzivi-item .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 40px;
    width: 70%;
}
.otzivi-item .r p.text,
.otzivi-item .right p.text {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-wrap: balance;
    margin: 0;
}
.otzivi-item .r p.date,
.otzivi-item .right p.date {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    text-wrap: balance;
    margin: 0;
    color: #858585;
}
.owl-carousel.slider_otzivi .owl-nav button {
    top: -70px;
}
.owl-carousel.slider_otzivi .owl-prev {
    right: 50px;
    left: auto;
}
.owl-carousel.slider_otzivi .owl-next {
    margin-right: 0 !important;
}

.shop-section {
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.sidebar {
    width: 264px;
    min-width: 264px;
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 24px;

}
.sidebar .categories {
    margin-top: -8px;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.sidebar .categories span {
    font-size: 14px;
    font-weight: 700;
    line-height: 132%;
    color: var(--text-black);
}
.sidebar .categories a,
.sidebar a {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    color: var(--text-black);
}
.sidebar .categories a:hover {
    color: var(--blue);
}

.sidebar a {
    color: var(--text-black);
    transition: all 0.5s;
}
.sidebar a:hover {
    color: var(--blue);
}
.sidebar .filter {
    display: flex;
    flex-direction: column;
    gap: 24px;
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    color: var(--text-black);
}
.sidebar button {
    width: 100%;
}

.sidebar legend {
    font-size: 14px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 118%;
}
.hidden {
    display: none;
    transition: all 0.5s;
}
.sidebar .reset-rayon,
.sidebar .reset-duration,
.sidebar .reset-education,
.sidebar .reset-opit,
.sidebar .reset-employment,
.sidebar .reset-gender,
.sidebar .reset-brand,
.sidebar .reset-cvet {
    color: #909090;
    font-size: 14px;
    font-weight: 400;
    line-height: 118%;
    margin-left: 20px;
    cursor: pointer;
    transition: all 0.5s;
}
.sidebar .reset-rayon:hover,
.sidebar .reset-duration:hover,
.sidebar .reset-education:hover,
.sidebar .reset-opit:hover,
.sidebar .reset-employment:hover,
.sidebar .reset-gender:hover,
.sidebar .reset-brand:hover,
.sidebar .reset-cvet:hover{
    color: var(--blue);
}
.sidebar ul {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}
.sidebar ul li {
    margin: 0;
}
.sidebar label.custom-checkbox {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    user-select: none;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 140%;
}
.sidebar label.custom-checkbox:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url(/img/custom-checkbox.svg) 0 0 no-repeat;
    transition: all 0.1s;
}
.sidebar input[type=checkbox]:checked + label.custom-checkbox:before {
    background: url(/img/custom-checkbox-checked.svg) 0 0 no-repeat;
}
.flex-space {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.checkbox-ios {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    height: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 132%;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    user-select: none;
}
.checkbox-ios .checkbox-ios-switch {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    width: 32px;
    height: 16px;
    border-radius: 25%/50%;
    vertical-align: top;
    background: #DBDBDB;
    transition: .2s;
}
.checkbox-ios .checkbox-ios-switch:before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #FFF;
    transition: .3s;
}
.checkbox-ios input[type=checkbox] {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch {
    background: var(--blue);
}
.checkbox-ios input[type=checkbox]:checked + .checkbox-ios-switch:before {
    transform:translateX(15px);
}
.checkbox-ios input[type="checkbox"]:not(:disabled) + .checkbox-ios-switch {
    cursor: pointer;
}

.two-cols-text-input {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 11px;
}
.two-cols-text-input input {
    margin-top: 8px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background-color: #FFF;
    padding: 10px 12px;
    width: 100%;
}

.all-content .three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}
.all-content {
    flex-grow: 1;
    display: flex;
    gap: 24px;
    flex-direction: column;
}
.fast-filter {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 14px;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
}
.fast-filter a.item {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    color: var(--text-black);
    background-color: var(--grey-bg);
    transition: all 0.5s;
    border-radius: 14px;
    text-wrap: nowrap;
}
.fast-filter a.item:hover {
    background-color: var(--blue-light);
}
.fast-filter a.item.active {
    color: #FFF;
    background-color: var(--blue);
}
.fast-filter a.item i {
    display: none;
}
.fast-filter a.item.active i {
    display: block;
    content: "";
    width: 9px;
    height: 9px;
    background: url("/img/close-filter.svg");
    margin-left: 9px;
    position: inherit;
}
.sortby {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-content: center;
    align-items: center;
    gap: 20px;
}
.sortby a.item {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    color: var(--text-grey2);
}
.sortby a.item.active {
    color: var(--text-black);
    background-color: #FFF;
}

.pagination_section {
    position: relative;
    margin: 30px auto 0 auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
    gap: 5px;
}
.pagination_section a {
    color: #333;
    width: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #F1F1F1;
}
.pagination_section span {
    color: #333;
    width: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination_section a:hover:not(.active) {
    background-color: var(--blue-light);
    border: 1px solid var(--blue-light);
}
.pagination_section a.active {
    background-color: var(--blue);
    border: 1px solid var(--blue);
    color: #FFF;
}
.pagination_section a:nth-child(1) {
    font-weight: 700;
}
.pagination_section a:nth-child(7) {
    font-weight: 700;
}
.open-sidebar-mobile {
    display: none;
    width: 32px;
    height: 32px;
    background: url("/img/open-sidebar-mobile.svg") center center/contain no-repeat;
}

.item-section {
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: flex-start;
    flex-wrap: nowrap;
}
.item-section .item-main {
    display: flex;
    flex-direction: row;
    gap: 40px;
    align-items: flex-start;
    flex-wrap: nowrap;
    width: 100%;
}
.item-section .item-main .image {
    width: 100%;
}
.item-section .item-main .meta {
    width: 475px;
    min-width: 475px;
}
.meta-box {
    width: 100%;
    border-radius: 24px;
    background-color: #F8F8F8;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.meta-box .head {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.meta-box .head .zag {
    font-size: 22px;
    color: var(--text-black);
    font-weight: 700;
    line-height: 132%;
}
.meta-box .head .pod {
    font-size: 14px;
    color: #858585;
    font-weight: 400;
    line-height: 132%;
}
.meta-box .buy {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.quantity_inner {
    display: flex;
    justify-content: center;
}
.quantity_inner .bt_minus,
.quantity_inner .bt_plus,
.quantity_inner .quantity {
    color: #BFE2FF;
    height: 46px;
    width: 46px;
    padding: 0;
    margin: 0 2px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    cursor: pointer;
    outline: 0;
}
.quantity_inner .quantity {
    width: 66px;
    text-align: center;
    font-size: 16px;
    color: #000;
    background: #f8f8f8;
}
.quantity_inner .bt_minus svg,
.quantity_inner .bt_plus svg {
    stroke: #000;
    stroke-width: 1;
    transition: 0.3s;
    margin: 10px;
}
.quantity_inner .bt_minus:hover svg,
.quantity_inner .bt_plus:hover svg {
    stroke: var(--blue);
}
.quantity_inner .bt_minus:hover,
.quantity_inner .bt_plus:hover {
    background-color: var(--blue-light);
    border-color: var(--blue-light);
}

.meta-box .icon {
    width: 46px;
    min-width: 46px;
    height: 46px;
    background: #EBEBEB;
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
}
.meta-box .icon:hover {
    background-color: var(--blue-light);
}
.meta-box .icon:hover svg {
    fill: var(--blue);
    transition: all 0.5s;
}
.meta-box .icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.meta-box .icon.active svg {
    fill: #FFF;
    transition: all 0.5s;
}
.meta-box .icon.active {
    background-color: var(--blue);
}
.meta-box button {
    width: 100%;
}
.meta-box .q-days {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 14px;
}
.meta-box .q-days label {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
}
.select-trigger-input {
    display: flex;
    justify-content: flex-start;
    padding: 14px;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    cursor: pointer;
    background: #F8F8F8 url(/img/input-options.svg) 96% center no-repeat;
    background-size: 12px 8px;
    font-size: 15px;
    height: 46px;
    text-align: left;
}
.options-input {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 1000;
    border: 1px solid #D2D2D2;
    border-radius: 14px;
    background: white;
    height: 85px;
    overflow-y: auto;
    border-top: 0;
    font-size: 15px;
    line-height: 132%;
    font-weight: 400;
}
.options-input div {
    padding: 4px 10px;
    cursor: pointer;
    border-top: 0;
    overflow: hidden;
}
.custom-select-input {
    position: relative;
    width: 220px;
}

.options-input::-webkit-scrollbar {
    width: 5px;
}
.options-input::-webkit-scrollbar-track {
    background: #EDEDED;
}
.options-input::-webkit-scrollbar-thumb {
    background-color: #C6C6C6;
    border-radius: 5px;
    border: 1px solid #C6C6C6;
}

.fotorama .fotorama__stage__shaft {
    border-radius: 24px;
    overflow: hidden;
}
.fotorama__thumb {
    border-radius: 8px;
    overflow: hidden;
}
.fotorama__thumb-border{
    border-radius: 8px;
    overflow: hidden;
    border-width: 3px !important;
    border-color: var(--blue) !important;
}

.item-main .meta .delivery p,
.item-main .meta .delivery a {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
}
.item-main .meta .delivery .hor-line {
    width: 100%;
    height: 1px;
    margin: 16px 0;
    background-color: #EBEBEB;
}
.item-main .meta .delivery a.sposobi-dostavki:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("/img/fi_1670965.svg") center center/contain no-repeat;
    margin: 0 0 -5px -28px;
    position: absolute;
}
.item-main .meta .delivery a.sposobi-dostavki,
.item-main .meta .delivery a.sposobi-oplati{
    color: var(--text-black);
    border-bottom: 1px solid #00000050;
    transition: all 0.5s;
    position: relative;
    margin-left: 28px;
}
.item-main .meta .delivery a.sposobi-dostavki:hover,
.item-main .meta .delivery a.sposobi-oplati:hover{
    color: var(--blue);
    border-bottom: 1px solid var(--blue);
}
.item-main .meta .delivery a.sposobi-oplati:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/img/fi_16709650.svg") center center/contain no-repeat;
    margin: 0 0 -5px -28px;
    position: absolute;
}
.tabs-head {
    display: flex;
    flex-direction: row;
    gap: 10px;
    width: 100%;
    border-bottom: 1px solid #EBEBEB;
}
.tabs-head .tab-name {
    width: fit-content;
    height: 46px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    background-color: #FFF;
    transition: all 0.5s;
    padding: 0 15px;
    border-radius: 14px 14px 0 0;
}
.tabs-head .tab-name.active {
    background-color: var(--green);
    color: #FFF;
    border-radius: 14px 14px 0 0;
}
.tabs-items .tab-content {
    width: 100%;
}
.tabs-items .tab-content p,
.tabs-items .tab-content ul li{
    font-size: 16px;
    line-height: 164%;
    font-weight: 500;
}
.tabs-items .tab-content strong {
    font-weight: 600;
    line-height: 118%;
}
.tabs-items .tab-content ul {
    margin-left: 0px;
}

.owl-carousel .item-img,
.products-item .item-img {
    position: relative;
}
.owl-carousel .item-img a,
.products-item .item-img a {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(18, 17, 17, 0.5);
    z-index: 9999;
    opacity: 0;
    -webkit-transition: opacity 200ms ease-in;
    -moz-transition: opacity 200ms ease-in;
    transition: opacity 200ms ease-in;
    pointer-events: none;
    margin: 0;
    padding: 0;
}
.modal:target {
    opacity: 1;
    pointer-events: auto;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: 490px;
    max-width: 490px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: #FFF;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border-radius: 24px;
    outline: 0;
    padding: 30px 40px;
    gap: 20px;
}
.modal-header {
    display: flex;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.modal-osn-dialog {
    position: relative;
    width: 490px;
    max-width: 490px;
    margin: auto;
    top: 50%;
    transform: translateY(-50%);
}
.modal-osn {
    width: 100%;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
}
.modal-header-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--blue);
    padding: 10px;
    border-radius: 24px 24px 0 0;
}
.modal-osn-content {
    background-color: #FFF;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 40px;
    border-radius: 0 0 24px 24px;
}
.modal-osn-content .zag {
    line-height: 132%;
    font-size: 22px;
    font-weight: 600;
    color: var(--text-black);
}
.modal-osn-content input[type=text],
.password-container,
.modal-osn-content input[type=email] {
    background-color: #F8F8F8;
    padding: 9px 14px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
}
.modal-osn-content input[type=text]::placeholder,
.password-container input::placeholder,
.modal-osn-content input[type=email]::placeholder {
    color: #8B8B8B;
    font-size: 15px;
    font-weight: 400;
}
.modal-osn-content input[type=text]:focus,
.password-container input:focus,
.modal-osn-content input[type=email]:focus {
    color: var(--text-black);
    border-color: #B7B7B7;
}
.modal-osn-content p.osn-text {
    line-height: 140%;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-black);
}
.modal .two-buttons {
    display: grid;
    grid-template-columns: 3fr 2fr;
    gap: 30px;
    align-items: center;
    justify-items: start;
}
.modal .done {
    line-height: 132%;
    font-size: 22px;
    font-weight: 600;
    color: var(--text-black);
}
.modal .done i {
    display: inline-block;
    margin: 0 10px -4px 0;
    width: 24px;
    height: 24px;
    background: url("/img/modal-done.svg") center center/contain no-repeat;
}
.modal-title {
    line-height: 132%;
    font-size: 22px;
    font-weight: 600;
    color: var(--text-black);
}

form.enter-regist {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 100%;
}
.enter-regist input {
    height: 46px;
}
.enter-regist button.base {
    width: auto;
    margin-top: 15px;
    margin-bottom: 30px;
}
.modal .modal-osn-content button.base {
    width: 100%;
    margin-top: 15px;
    margin-bottom: 30px;
}
.to-center {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.base-link {
    color: var(--blue);
    font-size: 16px;
    font-weight: 600;
    /*border-bottom: 1px solid var(--blue-light);*/
    transition: all 0.5s;
    width: fit-content;
}

.base-link:hover {
    /*border-bottom: 1px solid var(--blue);*/
}
.base-link-14 {
    color: var(--blue);
    font-size: 14px;
    font-weight: 600;
    /*border-bottom: 1px solid var(--blue-light);*/
    transition: all 0.5s;
    width: fit-content;
}

.base-link-14:hover {
    /*border-bottom: 1px solid var(--blue);*/
}
.under-form {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.under-form a {
    line-height: 132%;
    font-size: 14px;
    font-weight: 500;
    color: var(--blue);
}
.under-form label {
    line-height: 132%;
    font-size: 14px;
    font-weight: 400;
    color: var(--text-black);
}
.password-container {
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    padding: 0;
    overflow: hidden;
}
button.password-button {
    background-color: transparent;
    border: 0;
    appearance: none;
    padding: 0;
    width: 30px;
    cursor: pointer;
    margin: 0;
    background-image: url(/img/pas2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px 18px;
    margin: 0;
    width: 50px;
    height: 46px;
    border-left: 1px solid #D2D2D2;
    border-radius: 0;
}
button.password-button--view {
    background-image: url(/img/pas.svg);
}
.password-input {
    border: 0;
    padding: 9px 14px;
    background: transparent;
    margin: 0;
    width: 100%;
}

.close {
    width: 20px;
    height: 20px;
    background: url("/img/popup-close.svg") center center/contain no-repeat;
    position: absolute;
    right: -35px;
    top: 0px;
}
.close:focus,
.close:hover {
    cursor: pointer;
    transform: scale(110%);
}
.modal-body {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.modal-body .box {
    display: flex;
    flex-direction: row;
    gap: 24px;
}
.modal-body .box .left {
    width: 32px;
    min-width: 32px;
    display: flex;
    flex-direction: column;
}
.modal-body .box .left img {
    width: 32px;
    height: auto;
}
.modal-body .box .right {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
}
.modal-body .box .right p {
    margin: 0;
}
.modal-body .box .right p.zag {
    line-height: 118%;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
}
.modal-body .box .right p.text {
    line-height: 132%;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-black);
    width: 80%;
}
.modal-body .box .right p.text-akcent {
    line-height: 164%;
    font-size: 16px;
    font-weight: 500;
    color: var(--blue);
}
.not-auth {
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.not-auth .first {
    line-height: 132%;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-black);
}
.not-auth .second {
    display: flex;
    flex-direction: row;
    gap: 14px;
}
.not-auth .second a,
.not-auth .second button {
    width: 100%;
}


i.to-left {
    width: 10px;
    height: 6px;
    background: url("/img/to-left.svg") center center no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 8px;
}
.pconly {
    display: inherit;
}
.mobileonly {
    display: none;
}
#ostalis-voprosi .modal-content {
    background-color: var(--blue);
    color: #FFF;
}

#ostalis-voprosi .modal-title {
    color: #FFF;
}
.modal-body p {
    margin: 0;
    line-height: 140%;
}

#ostalis-voprosi form {
    margin-top: 12px;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
#ostalis-voprosi form button {
    width: 100%;
}

input.custom-input-text {
    height: 46px;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    padding: 9px 14px;
    background-color: #F8F8F8;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    transition: all 0.2s;
}
input.custom-input-text:focus {
    border: 1px solid #B7B7B7;
}
label.custom-checkbox {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    user-select: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 140%;
}
label.custom-checkbox:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url(/img/custom-checkbox.svg) 0 0 no-repeat;
    transition: all 0.1s;
}
input[type=checkbox]:checked + label.custom-checkbox:before {
    background: url(/img/custom-checkbox-checked.svg) 0 0 no-repeat;
}
form input[type=checkbox]:checked + label.custom-checkbox.white:before {
    background: url(/img/checkbox-white.svg) 0 0 no-repeat;
}
label.custom-radio,
label.custom-radio-btn {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 0;
    user-select: none;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 140%;
}
label.custom-radio:before,
label.custom-radio-btn:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 2px;
    background: url(/img/radio-default.svg) 0 0 no-repeat;
    transition: all 0.1s;
}
input[type=radio]:checked + label.custom-radio:before,
input[type=radio]:checked + label.custom-radio-btn:before {
    background: url(/img/radio-checked.svg) 0 0 no-repeat;
}
form legend {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 118%;
}

form .input-error {
    width: 100%;
    position: relative;
    display: none;
}
form .input-error p {
    color: #DF0C25;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
    padding-left: 30px;
}
form .input-error p:before {
    content: '';
    width: 16px;
    height: 16px;
    background: url("/img/error.svg") center center/contain no-repeat;
    margin-left: -24px;
    margin-top: -2px;
    display: block;
    position: absolute;
}
.custom-checkbox.white {
    color: #FFF;
}
#ostalis-voprosi .custom-checkbox {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
}
.modal-body ol {
    margin: 0;
    padding-left: 20px;
    font-size: 14px;
}
#personal-phone .modal-body {
    gap: 8px;
}
#personal-phone .modal-body .price,
#oplata .modal-body .price,
#oplata2 .modal-body .price {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    margin-top: 14px;
    align-items: flex-end;
}
#personal-phone .modal-body .price span,
#oplata .modal-body .price span,
#oplata2 .modal-body .price span {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #8B8B8B;
}
#personal-phone .modal-body .price span.tenge,
#oplata .modal-body .price span.tenge,
#oplata2 .modal-body .price span.tenge {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
    color: var(--text-block);
}
.w100 {
    width: 100%;
}
.choose-pay {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
    width: 100%;
}
#oplata label.custom-radio,
#oplata2 label.custom-radio {
    cursor: pointer;
    position: relative;
    user-select: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-black);
    line-height: 132%;
    width: 100%;
    height: 94px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    padding: 15px;
    text-align: center;
}
#oplata label.custom-radio:before,
#oplata2 label.custom-radio:before {
    display: none;
}
#oplata input[type=radio]:checked + label.custom-radio,
#oplata2 input[type=radio]:checked + label.custom-radio {
    border: 2px solid var(--blue);
}
.personal-banners {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.add-banner {
    width: 100%;
    height: 124px;
    border-radius: 24px;
    padding: 30px;
    background-color: var(--blue-light);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.add-banner .left {
    display: flex;
    flex-direction: column;
    width: 50%;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
}
.add-banner .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
}
.add-banner img {
    position: absolute;
    top: 16px;
    left: 43%;
    width: 250px;
    transform: rotate(19deg);
}
.add-banner .left .zag {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
}
.add-banner .left .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}

.check-banner {
    width: 100%;
    height: 236px;
    border-radius: 24px;
    padding: 30px;
    background-color: var(--green-light);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
}
.check-banner .left {
    display: flex;
    flex-direction: column;
    width: fit-content;
    align-items: flex-start;
    gap: 32px;
}
.check-banner .right {
    display: flex;
    flex-direction: column;
    max-width: 335px;
    gap: 10px;
}
.check-banner .right .zag {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.check-banner .right .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
}
.check-banner .left .up .zag {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
}
.check-banner .left .up .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.check-banner .left .up {
    display: flex;
    flex-direction: column;
    gap: 8px;
    max-width: 583px;
    text-wrap: balance;
}
.check-banner .left .down {
    display: flex;
    flex-direction: row;
    gap: 40px;
}
.check-banner .left .down .cols {
    display: flex;
    flex-direction: row;
    gap: 16px;
}
.check-banner .left .down .cols .icon {
    min-width: 40px;
    width: 40px;
    height: 40px;
}
.check-banner .left .down .cols .text {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.check-banner .left .down .cols .text span.zag {
    font-size: 16px;
    font-weight: 500;
    line-height: 132%;
}
.check-banner .left .down .cols .text span.text {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
}
.check-banner img.back {
    display: block;
    position: absolute;
    bottom: -14px;
    right: -21px;
    width: 456px;
    z-index: 0;
}
.personal-item-main {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.personal-item-main .left,
.personal-item-main .right {
    border-radius: 24px;
    background-color: #F8F8F8;
    padding: 20px;
}
.personal-item-main .left.vakancii {
    background-color: var(--blue-light);
    position: relative;
}
.personal-item-main .left.vakancii .badge {
    position: absolute;
    top: 30px;
    right: 30px;
    display: flex;
    flex-direction: row;
    gap: 6px;
    font-size: 14px;
    line-height: 132%;
    font-weight: 400;
    color: #858585;
}
.personal-item-main .left.vakancii .badge .name {
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
    color: var(--text-black);
}


.personal-item-main .right button.h42 {
    height: 42px;
}
.personal-item-main .left {
    width: 70%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    height: fit-content;
}
.personal-item-main .right {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: fit-content;
}
.personal-item-main .main-img {
    width: 220px;
    min-width: 220px;
    height: 245px;
    border-radius: 24px;
    overflow: hidden;
    background: url("/img/personal-item2.png") center center/cover no-repeat;
}
.personal-item-main .main-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    width: 100%;
}
.personal-item-main .main-content .name {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.personal-item-main .main-content .name h2 {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
    margin: 0;
}
.personal-item-main .main-content .name h2 i {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-bottom: -3px;
    background: url("/img/medal.svg") center center/contain no-repeat;
}
.personal-item-main .main-content .name span {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    margin: 0;
    color: #858585;
}
.personal-item-main .main-content .main-content-raiting {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.personal-item-main .main-content .main-content-raiting .adress {
    font-size: 14px;
    line-height: 132%;
    color: #858585;
    font-weight: 400;
    position: relative;
    padding-left: 20px;
}
.personal-item-main .main-content .main-content-raiting .adress:before {
    content: '';
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    margin-left: -20px;
    margin-top: 0;
    background: url("/img/map.svg");

}
.personal-item-main .main-content .meta {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
}
.personal-item-main .left.vakancii .main-content .meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}
.personal-item-main .left.vakancii .main-content .meta {
    margin-top: 20px;
}
.personal-item-main .main-content .meta p {
    margin: 0;
    font-size: 16px;
    font-weight: 400;
    color: #8B8B8B;
    line-height: 132%;
}
.personal-item-main .main-content .meta p strong {
    font-weight: 500;
    color: #000;
}
.personal-item-main .main-content .meta .s1 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: fit-content;
}
.personal-item-main .main-content .meta .s2 {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: fit-content;
}
.personal-item-main .right span.price {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
}
.personal-item-main .right button {
    width: 100%;
    height: 64px;
}
.personal-item-main .right .sert {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    margin-top: -4px;
}
.personal-item-main .right .sert i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-left: 5px;
    margin-bottom: -3px;
    background: url(/img/download.svg) center center / contain no-repeat;
}

.personal-item-main2 {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.personal-item-main2 .left,
.personal-item-main2 .right {
    background-color: #FFF;
}
.personal-item-main2 .left {
    width: 70%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    height: fit-content;
}
.personal-item-main2 .right {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: fit-content;
}
.personal-item-main2 .right .zag {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
}

.tab-content .otzivi-item {
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
    height: fit-content;
    padding: 20px 0 20px 0;
}
.component-check {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.component-check .zag {
    font-size: 14px;
    font-weight: 700;
    line-height: 132%;
}
.component-check .three-cols {
    background-color: var(--blue-light);
    padding: 8px 25px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    border-radius: 14px;
    height: 68px;
}
.component-check .three-cols .item {
    display: flex;
    flex-direction: row;
    gap: 10px;
    font-size: 14px;
    line-height: 132%;
    font-weight: 500;
    align-items: center;
}
.component-check .three-cols .item img {
    width: 40px;
    height: 40px;
}
.mobile-head {
    display: none;
}
.sidebar .sidebar-ads {
    padding: 30px 20px 0 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--blue) url(/img/image-222.png) bottom center no-repeat;
    background-size: contain;
    width: 100%;
    min-height: 410px;
    border-radius: 24px;
    justify-content: space-between;
}
.sidebar-ads .up {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sidebar-ads .up p.zag {
    color: #FFF;
    line-height: 118%;
    font-weight: 600;
    margin: 0;
}
.sidebar-ads .up p {
    color: #FFF;
    line-height: 140%;
    font-weight: 400;
    margin: 0;
}
.sidebar-ads .down {
    padding-bottom: 30px;
    height: 100%;
    justify-content: flex-end;
}
.sidebar-ads {
    display: none;
}
.otzivi-item.pc {
    display: flex;
}
.add-banner2 {
    width: 100%;
    height: 124px;
    border-radius: 24px;
    padding: 30px;
    background-color: var(--blue);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    position: relative;
    color: #FFF;
}
.add-banner2 .left {
    display: flex;
    flex-direction: column;
    width: 42%;
    align-items: flex-start;
    justify-content: center;
    gap: 8px;
    z-index: 2;
}
.add-banner2 .right {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    z-index: 2;
}
.add-banner2 .img1 {
    position: absolute;
    top: 0;
    left: 35%;
    width: auto;
    height: 100%;
}
.add-banner2 .img2 {
    position: absolute;
    top: 12px;
    left: 60%;
    width: 63px;
}
.add-banner2 .left .zag {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
}
.add-banner2 .left .text {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
}
.two-col-cards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
}
.hh-card {
    position: relative;
    width: 100%;
    border-radius: 24px;
    padding: 20px;
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.hh-card a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.hh-green-light {
    background-color: var(--green-light);
}
.hh-blue-light {
    background-color: var(--blue-light);
}
.hh-card .hh-card-head {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}
.hh-card .hh-card-head span {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
}
.hh-card .hh-card-head h6 {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    color: #141414;
    margin: 0;
}
.hh-card .hh-card-meta {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
    width: 100%;
}
.hh-card .hh-card-meta .hh-card-left {
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.hh-card .hh-card-meta .hh-card-left span {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
}
.hh-card .hh-card-meta .hh-card-left span.name {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    color: var(--text-black);
}
.hh-card .hh-card-meta .hh-card-right {
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-end;
}
.hh-card .hh-card-meta .hh-card-right span {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    color: #000;
}
.hh-card .hh-card-meta .hh-card-right span.price {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.hh-card .hh-card-badge {
    color: #FFF;
    font-size: 12px;
    font-weight: 500;
    width: 53px;
    height: ;
    padding: 5px 12px;
    position: absolute;
    top: 20px;
    right: 0;
    background-color: #FF9812;
    border-radius: 4px 0 0 4px;
}

.tabs-items .two-cols-ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    gap: 20px;
}
.tabs-items .one-cols-ul ul,
.tabs-items .two-cols-ul ul {
    padding-left: 25px;
}
.tabs-items .one-cols-ul ul li,
.tabs-items .two-cols-ul ul li {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
}
.tabs-items .one-cols-ul p.
.tabs-items .two-cols-ul p {
    font-size: 14px;
    font-weight: 700;
    line-height: 132%;
}
.tabs-items .one-cols-ul {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.tabs-items .one-cols-ul ul {
    column-count: 2;
}
.two-cols-education {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 20px;
    row-gap: 32px;
}
.education-card {
    width: 100%;
    position: relative;
    padding: 20px;
    background-color: var(--grey-bg);
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.education-card .e1 ul {
    margin: 0;
    padding-left: 25px;
}
.education-card .e1 ul li {
    color: var(--blue);
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
}
.education-card .e2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.education-card .e3 {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.education-card .e3 .education-time:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url("/img/education-time.svg") center center/contain no-repeat;
    margin-bottom: -10px;
}
.education-card .e3 .education-price:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url("/img/education-price.svg") center center/contain no-repeat;
    margin-bottom: -10px;
}
.education-card .e3-5 {
    color: #8B8B8B;
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
}
.education-card .e4 span {
    color: #8B8B8B;
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
}
.education-card .e4 {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
}
.education-card .e4-5 {
    display: none;
    color: #8B8B8B;
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
}

.sidebar .sidebar-ads2 {
    padding: 30px 20px 0 20px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    background: var(--blue) url(/img/ads-vector.svg) bottom right no-repeat;
    background-size: 170px;
    width: 100%;
    gap: 40px;
    border-radius: 24px;
    justify-content: space-between;
}
.sidebar-ads2 .up {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.sidebar-ads2 .up p.zag {
    color: #FFF;
    font-size: 22px;
    line-height: 118%;
    font-weight: 600;
    margin: 0;
}
.sidebar-ads2 .up p {
    color: #FFF;
    line-height: 140%;
    font-weight: 400;
    margin: 0;
}
.sidebar-ads2 .down {
    padding-bottom: 30px;
    height: 100%;
    justify-content: flex-end;
}
.sidebar-ads2 {
    display: none;
}
.about-main {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 100%;
}
.about-main .big {
    display: flex;
    flex-direction: row;
    gap: 20px;
    width: 100%;
    height: 324px;
    border-radius: 14px;
    background-color: var(--blue-light);
    background-image: url("/img/1111111.svg");
    background-size: 550px;
    background-position: bottom center;
    background-repeat: no-repeat;
    padding: 30px;
    justify-content: space-between;
    align-items: center;
}
.about-main .big .text {
    display: flex;
    flex-direction: column;
    gap: 14px;
    width: 40%;
}
.about-main .big .text h2 {
    font-size: 26px;
    line-height: 124%;
    font-weight: 600;
    margin: 0;
}
.about-main .big .text p {
    font-size: 16px;
    line-height: 148%;
    font-weight: 400;
    margin: 0;
}
.about-main .big .image {
    width: 30%;
    height: 100%;
    background: url("/img/image-211.png") top center/cover no-repeat;
    border-radius: 24px;
}
.about-main .mini {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 100%;
}
.about-main .mini .green {
    background: var(--green);
    border-radius: 14px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}
.about-main .mini .blue {
    background: var(--blue);
    border-radius: 14px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: center;
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;

}
.about-main .mini .zag {
    color: #FFF;
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    text-align: center;
}
.about-main .mini .text {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
}

.napravleniya {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
}
.napravleniya .item {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
    padding: 30px;
    background-color: var(--blue-light);
    border-radius: 24px;
}
.napravleniya .item.green {
    background-color: var(--green-light);
}
.napravleniya .item img {
    width: 100%;
    height: auto;
    border-radius: 24px;
}
.napravleniya .item .zag {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
}
.napravleniya .item .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-wrap: balance;
}
.napravleniya .item {
    color: var(--text-black);
}

.napravleniya-item-big {
    width: 100%;
    margin-top: 20px;
}
.napravleniya-item-big .item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
    gap: 40px;
    padding: 30px;
    background-color: #F8F8F8;
    border-radius: 24px;
}
.napravleniya-item-big .item img {
    width: 100%;
    height: auto;
    border-radius: 24px;
}
.napravleniya-item-big .item .inner {
    display: flex;
    flex-direction: column;
    gap: 8px;
    justify-content: center;
}
.napravleniya-item-big .item .inner .zag {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
}
.napravleniya-item-big .item .inner .text {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
    text-wrap: balance;
}
.three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}
.news-two-col {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 40px;
    margin-top: -60px;
}
.news-two-col .main-content {
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.news-two-col .news-sidebar {
    display: flex;
    flex-direction: column;
    gap: 24px;
    width: 323px;
    min-width: 323px;
}
.news-two-col .news-sidebar h4 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    line-height: 132%;
    margin: 0;
}
.news-two-col .main-content .data {
    font-size: 16px;
    color: #7C7C7C;
    font-weight: 400;
    line-height: 160%;
}
.news-two-col .main-content .body-content,
.news-two-col .main-content .body-content p {
    font-size: 16px;
    font-weight: 500;
    line-height: 164%;
    margin: 0;
}
.news-two-col .main-content .body-content h1,
.news-two-col .main-content .body-content h2 {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    margin: 0;
}
.news-two-col .main-content .body-content h4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
    margin: 0;
}
.news-two-col .main-content .body-content p.akcent {
    font-size: 40px;
    font-weight: 600;
    line-height: 120%;
    color: var(--blue);
}
.news-two-col .main-content .body-content img {
    width: 100%;
    border-radius: 24px;
}
.news-two-col .main-content .body-content {
    gap: 30px;
    display: flex;
    flex-direction: column;
}
.news-pagination {
    gap: 30px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.news-pagination .prev a,
.news-pagination .next a {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    transition: all 0.5s;
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.news-pagination .next a i,
.news-pagination .prev a i {
    color: #333;
    width: 32px;
    height: 32px;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #F1F1F1;
    font-weight: 700;
    font-style: normal;
    transition: all 0.5s;
}
.news-pagination .next a:hover i,
.news-pagination .prev a:hover i {
    background-color: var(--blue-light);
    border: 1px solid var(--blue-light);
}
.news-pagination .next a:hover,
.news-pagination .prev a:hover {
    color: var(--blue);
}
.news-sidebar .news-pc {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.contacts-three-cols {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.contacts-three-cols .item {
    width: 100%;
    border-radius: 24px;
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 293px;
    justify-content: space-between;
}
.contacts-three-cols .item.blue-light {
    position: relative;
    overflow: hidden;
    background-color: var(--blue-light);
}
.contacts-three-cols .item.green-light {
    position: relative;
    overflow: hidden;
    background-color: var(--green-light);
}
.contacts-three-cols .item .up-tel {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.contacts-three-cols .item .up-tel .icon-box {
    padding: 0 10px;
}
.contacts-three-cols .item .icon {
    width: 40px;
    height: 40px;
    background-color: #FFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    padding: 5px 0 0 1px;
    transition: all 0.5s;
}
.contacts-three-cols .item .icon svg {
    fill: var(--blue);
    transition: all 0.5s;
}
.contacts-three-cols .item .icon:hover {
    background-color: var(--blue);
}
.contacts-three-cols .item .icon:hover svg {
    fill: #FFF;
}
.contacts-three-cols .item .up-tel .tel {
    display: flex;
    flex-direction: column;
    gap: 0px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    line-height: 132%;
}
.contacts-three-cols .item .up-tel .tel .podpis {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 132%;
}
.contacts-three-cols .item .adress {
    font-size: 16px;
    font-weight: 500;
    color: var(--blue);
    line-height: 140%;
}
.contacts-three-cols .item .icons {
    display: flex;
    flex-direction: row;
    gap: 14px;
}
.contacts-three-cols .item .head {
    font-size: 22px;
    font-weight: 600;
    color: #000;
    line-height: 132%;
}
.contacts-three-cols .item .foot {
    display: flex;
    flex-direction: column;
    gap: 0px;
    font-size: 22px;
    font-weight: 600;
    color: #000;
    line-height: 132%;
}
.contacts-three-cols .item .foot .podpis {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 132%;
}
.contacts-three-cols .item .foot a:hover {
    color: var(--blue);
}
.contacts-three-cols .item.green-light img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: -65px;
}
.contacts-map {
    overflow: hidden;
    width: 100%;
    border-radius: 24px;
    height: 450px;
}
.mobile-popup-close {
    display: none;
}
.after-input {
    font-size: 14px;
    font-weight: 400;
    color: var(--text-black);
    line-height: 132%;
}
.after-input.fs16 {
    font-size: 16px;
}
a.change-phone {
    font-size: 14px;
    color: var(--blue);
    font-weight: 600;
}
.nomargin {
    margin: 0 !important;
}
.space-between {
    justify-content: space-between;
}
.two-cols-popup {
    display: flex;
    flex-direction: row;
    gap: 30px;
    justify-content: space-between;
}

.modal .choose-var {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 8px;
    width: 100%;
}
.modal .choose-var button {
    height: 34px;
    padding: 5px 14px;
}
.modal-osn-content label.custom-checkbox {
    font-size: 14px;
}

.modal-osn-dialog:has(.three-cols-popup) {
    max-width: 707px;
    width: 707px;
}
.three-cols-popup {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}
.three-cols-popup .col {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: var(--grey-bg);
    border-radius: 8px;
    overflow: hidden;
    position: relative;
}
.three-cols-popup .col .pict-box {
    height: 142px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 8px;
}
.three-cols-popup .col .zag {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 118%;
    padding: 20px 0;
}
.three-cols-popup .col a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
body:has(.special-regist-page) {
    background-color: var(--grey-bg);
}
.special-regist-page .white-paper {
    background-color: #FFF;
    border-radius: 24px;
    padding: 40px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.special-regist-page .white-paper .list {
    margin: auto;
    max-width: 556px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 32px;
}
.special-regist-page .white-paper .list .head {

}
.special-regist-page .white-paper .list .head .progress-bar {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 22px;
    align-items: center;
}
.special-regist-page .white-paper .list .head .progress-bar span {
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 118%;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-body {
    width: 100%;
    height: 12px;
    background-color: var(--grey-bg);
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    padding: 0;
    align-items: start;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-already {
    height: 12px;
    background-color: var(--blue);
    border-radius: 24px;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-already.w25 {
    width: 25%;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-already.w50 {
    width: 50%;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-already.w75 {
    width: 75%;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-already.w100 {
    width: 100%;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-already.w33 {
    width: 33%;
}
.special-regist-page .white-paper .list .head .progress-bar .progress-bar-already.w66 {
    width: 66%;
}
.special-regist-page .white-paper .list .content {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.special-regist-page .white-paper .list .content form {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.special-regist-page .white-paper .list .content form label {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.special-regist-page .white-paper .list .content .two-cols {
    display: flex;
    flex-direction: row;
    gap: 24px;
    align-items: center;
}
.wallet-box {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
}

.wallet-box .icon-wallet {
    width: 20px;
    height: 20px;
    background: url("/img/wallet-head.svg") center center/contain no-repeat;
}

.wallet-box .summary-wallet {
    font-size: 12px;
    font-weight: 600;
    line-height: 132%;
    color: var(--text-black);
    text-wrap: nowrap;
}
.white-paper h1 {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
    color: var(--text-black);
    margin: 0;
}
form.special-regist-page ul {
    padding: 0;
}
form.special-regist-page .inner-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}
form .inner-box.with-two-cols {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    width: 100%;
    align-items: center;
}

form.special-regist-page label.custom-radio-btn {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding: 12px 28px;
    user-select: none;
    font-size: 16px;
    font-weight: 600;
    color: #7C7C7C;
    line-height: 140%;
    border-radius: 14px;
    border: 1px solid #7C7C7C;
    background-color: transparent;
    transition: all 0.5s;
}
form.special-regist-page label.custom-radio-btn:before {
    display: none;
}
form.special-regist-page input[type=radio]:checked + label.custom-radio-btn {
    color: #FFF;
    border: 1px solid var(--blue);
    background-color: var(--blue);
}
form.special-regist-page legend {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-black);
    line-height: 132%;
}
.custom-select {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.custom-select .custom-select-input {
    width: 100%;
}
.custom-select .select-trigger-input {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border: 1px solid #D2D2D2;
    border-radius: 8px;
    cursor: pointer;
    background: #F8F8F8 url(/img/input-options.svg) 96% center no-repeat;
    background-size: 12px 8px;
    font-size: 15px;
    padding: 9px 14px;
    height: 46px;
}
.custom-select .options-input {
    background-color: #F8F8F8;
}
form.special-regist-page label,
form.special-regist-page lagend {
    font-size: 14px;
    font-weight: 700;
    color: var(--text-black);
    line-height: 132%;
}
form.special-regist-page label.custom-checkbox {
    font-size: 14px;
    font-weight: 500;
    color: var(--text-black);
    line-height: 132%;
    text-wrap: nowrap;
}
form.special-regist-page label.custom-checkbox:before {
    top: 0;
}
form.special-regist-page .inner-box ul {
    flex-wrap: wrap;
    column-gap: 20px;
    row-gap: 5px;
}
ul.ul-two-col {
    display: block;
    columns: 2;
}
.special-regist-page label.checkbox-ios {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between;
    height: 16px;
    font-size: 14px;
    font-weight: 700;
    line-height: 132%;
    margin-right: 10px;
    position: relative;
    vertical-align: middle;
    user-select: none;
}
.special-regist-page form .two-cols {
    flex-wrap: wrap;
}


.upload-container {
    border: 2px dashed #BEBEBE;
    border-radius: 14px;
    padding: 20px;
    background-color: transparent;
    width: 100%;
    height: 93px;
    margin: 8px auto 0 auto;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
}
.upload-container p {
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    color: #2D2D2D;
}
.upload-container p:nth-child(2) {
    margin-top: 8px;
    color: #858585;
    font-size: 11px;
    font-weight: 400;
    line-height: 100%;
}
.upload-container label.upload-button {
    background-color: transparent;
    color: var(--blue);
    border: 0;
    cursor: pointer;
    display: inline-block;
    text-decoration: none;
    width: fit-content !important;
}
input[type=file] {
    display: none;
}
p.before-end {
    font-size: 16px;
    font-weight: 500;
    line-height: 132%;
    color: var(--text-black);
    text-wrap: balance;
}
ul.only-column {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}
form.special-regist-page label.custom-radio {
    font-weight: 500;
}
.list-grid-2-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.inner-box .two-cols-text-input input {
    margin-top: 0;
    height: 46px;
    border-radius: 8px;
    border: 1px solid #C6C6C6;
    background-color: #f8f8f8;
    padding: 10px 12px;
    width: 100%;
}
textarea {
    width: 100%;
    height: 225px;
    border-radius: 14px;
    background-color: #FFF;
    border: 1px solid #BEBEBE;
    padding: 15px;
    resize: none;
}
#charCount {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
    position: absolute;
    bottom: 20px;
    right: 20px;
}
.modal .two-buttons.row {
    display: flex;
    flex-direction: row;
    margin-top: 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
}

.modal form.spec-radio label.custom-radio {
    display: flex;
    flex-direction: column;
    gap: 10px;
    cursor: pointer;
    position: relative;
    padding-left: 41px;
    margin-right: 0;
    user-select: none;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 140%;
}
.modal form.spec-radio label.custom-radio span {
    font-weight: 400;
}
.modal form.spec-radio label.custom-radio:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 13px;
    background: url('/img/radio-default.svg') 0 0 no-repeat;
    transition: all 0.1s;
}
.modal form.spec-radio input[type=radio]:checked + label.custom-radio:before {
    background: url('/img/radio-checked.svg') 0 0 no-repeat;
}

.modal form.spec-radio ul.only-column {
    gap: 14px;
}
.modal form label span {
    font-width: 700;
}
.special-regist-page .upload-container {
    margin: 0;
}
form.tarif-choose ul.only-column {
    display: flex;
    flex-direction: row;
    gap: 30px;
    margin-top: -10px;
}
.before-ul-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 132%;
}

form.tarif-choose label.custom-radio {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 41px;
    margin-right: 0;
    user-select: none;
    font-size: 16px;
    font-weight: 600;
    color: var(--text-black);
    line-height: 140%;
}
form.tarif-choose label.custom-radio span.blue {
    font-weight: 400;
}
form.tarif-choose label.custom-radio:before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 13px;
    background: url('/img/radio-default.svg') 0 0 no-repeat;
    transition: all 0.1s;
}
form.tarif-choose input[type=radio]:checked + label.custom-radio:before {
    background: url('/img/radio-checked.svg') 0 0 no-repeat;
}
.gap0 {
    gap: 0 !important;
}

.tarif-offer {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 20px;
    margin-top: 20px;
    margin-bottom: 14px;
}
.tarif-offer div:nth-child(2n) {
    text-align: right;
}
.tarif-offer .to1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 140%;
}
.tarif-offer .to2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.tarif-offer .to3,
.tarif-offer .to4 {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
}
.before-basket,
.basket-main {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
    gap: 20px;
}
.basket-box {
    width: 100%;
    padding: 20px 16px;
    border-radius: 24px;
    border: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.basket-box .basket-box-item {
    display: flex;
    flex-direction: row;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #EBEBEB;
    gap: 30px;
    justify-content: space-between;
}
.basket-box .basket-box-item .first {
    display: flex;
    flex-direction: row;
    gap: 18px;
    align-items: center;
    justify-content: space-between;
    width: 56%;
}
.basket-box .basket-box-item .first .custom-checkbox {
    padding-left: 18px;
}

.basket-box .basket-box-item .first .basket-img {
    width: 114px;
    min-width: 114px;
    height: 93px;
    border-radius: 14px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.basket-box .basket-box-item .first .basket-item-zag {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.basket-box .basket-box-item .first .basket-item-zag .podpis {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    color: #858585;
}

.basket-box .basket-box-item .second {
    display: flex;
    flex-direction: row;
    gap: 28px;
    align-items: center;
}
.basket-box .quant-text {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
}
.basket-box .quant-text a {
    color: var(--blue);
}
.basket-box .quant-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}
.basket-box .basket-box-item .second .item-price {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.basket-box .quantity_inner .bt_minus,
.basket-box .quantity_inner .bt_plus {
    height: 30px;
    width: 30px;
    padding: 0;
    margin: 0;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    cursor: pointer;
    outline: 0;
    text-align: center;
    font-size: 12px;
    color: #000;
}
.basket-box .quantity_inner {
    gap: 4px;
}
.basket-box .quantity_inner .quantity {
    height: 30px;
    flex: 1;
    padding: 0;
    border-radius: 8px;
    border: 1px solid #D2D2D2;
    background-color: #FFF;
    cursor: pointer;
    outline: 0;
    text-align: center;
    font-size: 12px;
    color: #000;
}
.basket-box .second .item-price * {
    text-align: right;
}
.basket-box .second .item-price .price {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.basket-box .second .item-price .akc {
    font-size: 14px;
    font-weight: 500;
    line-height: 132%;
    color: #8B8B8B;
    text-decoration: line-through;
}
.basket-box .second .item-price .action {
    display: flex;
    flex-direction: row;
    gap: 8px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 14px;
}
.basket-box .second .item-price .action .favorite-icon,
.basket-box .second .item-price .action .delete-icon {
    width: 20px;
    height: 20px;
}
.action .favorite-icon svg,
.action .delete-icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.basket-box .basket-box-item:last-child {
    border: 0;
}
.meta-box .head .your-basket {
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
    margin-bottom: 20px;
}
.meta-box .head .basket-calc-box {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4px;
}
.meta-box .head .basket-calc-box div:nth-child(2n) {
    text-align: right;
}
.meta-box .head .line {
    margin: 14px 0;
    border-top: 1px solid #EBEBEB;
}
.meta-box .head .your-basket {
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
}
.meta-box .head .basket-calc-box__text1 {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}
.meta-box .head .basket-calc-box__text2 {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
}
.meta-box .head .basket-calc-box__text3 {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
}
.meta-box .head .basket-calc-box__text4 {
    font-size: 16px;
    line-height: 140%;
    font-weight: 400;
    color: #8B8B8B;
}
.meta-box .head .basket-calc-box__text5 {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
}
.meta-box .head .basket-calc-box__text6 {
    font-size: 22px;
    line-height: 132%;
    font-weight: 600;
}
.meta-box:has(.your-basket) {
    gap: 24px;
}
.before-basket .edit-items {
    display: flex;
    flex-direction: row;
    gap: 37px;
    margin-bottom: 20px;
    justify-content: flex-end;
}
.before-basket .edit-items .delete-icon svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.before-basket .edit-items .delete-icon {
    width: 20px;
    height: 20px;
}
.before-basket .edit-items .all-choose {
    font-size: 14px;
    line-height: 132%;
    font-weight: 700;
}
.before-basket label.custom-checkbox:before {
    top: 0;
}
.empty-basket {
    display: flex;
    flex-direction: column;
    gap: 32px;
    align-items: center;
    width: 100%;
    padding: 32px 0;
}
.empty-basket h2,
.empty-basket p {
    margin: 0;
    text-align: center;
}
.order-box .block-header,
.basket-main .block-header {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
}
.order-box  .block-header i,
.basket-main .block-header i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.order-box  .personal-order-info,
.basket-main .personal-order-info {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    gap: 20px;
}
.order-box  .personal-order-info .text,
.basket-main .personal-order-info .text {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.order-box .personal-order-info .text .name,
.basket-main .personal-order-info .text .name {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.order-box .personal-order-info .text .mail,
.basket-main .personal-order-info .text .mail {
    font-size: 16px;
    font-weight: 600;
    line-height: 118%;
}
.order-box .personal-order-info .text .tel-number,
.basket-main .personal-order-info .text .tel-number {
    font-size: 22px;
    font-weight: 600;
    line-height: 132%;
}

.basket-meta {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

section.full-width-slider .owl-carousel.slider_partners {
    left: 0;
}

.meta-box .head .order-calc-box {
    width: 100%;
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 4px;
}
.meta-box .head .order-calc-box div:nth-child(2n) {
    text-align: right;
}

#form-personal-order-info {
    display: none;
}
.order-box .personal-order-info input,
.basket-main .personal-order-info input {
    width: 100%;
}
.order-box .personal-order-info .text,
.basket-main .personal-order-info .text {
    width: 50%;
}
.order-box .personal-order-info form,
.basket-main .personal-order-info form {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.order-box {
    width: 100%;
    padding: 20px 16px;
    border-radius: 24px;
    border: 1px solid #D2D2D2;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.dostavka-order {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.dostavka-order-box .right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.dostavka-order-box {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 20px;
}
.dostavka-order .hor-line {
    border-top: 1px solid #EBEBEB;
    width: 100%;
}
.dostavka-order-box label.custom-radio:before, label.custom-radio-btn:before {
    top: -18px;
}

.two-col-m-one-col {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    width: 100%;
}
.two-col-m-one-col div {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.two-col-m-one-col .custom-select-input,
.two-col-m-one-col div:has(input) {
    width: 100%;
}
.two-col-m-one-col .custom-select-input .options-input {
    height: 142px;
}
.two-col-m-one-col input {
    width: 100%;
}
.one-col .inner-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.dostavka-order .one-col .inner-box textarea {
    height: 92px;
}
.item-section form {
    width: 100%;
}
.dostavka-order .choose-pay {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 12px;
    width: 100%;
    margin-top: 18px;
}
.dostavka-order .choose-pay label.custom-radio {
    cursor: pointer;
    position: relative;
    user-select: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-black);
    line-height: 132%;
    width: 100%;
    height: 94px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    padding: 15px;
}
.dostavka-order .choose-pay label.custom-radio {
    cursor: pointer;
    position: relative;
    user-select: none;
    font-size: 14px;
    font-weight: 500;
    color: var(--text-black);
    line-height: 132%;
    width: 100%;
    height: 94px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    padding: 15px;
}
.dostavka-order .choose-pay label.custom-radio:before {
    display: none;
}
.dostavka-order .choose-pay input[type=radio]:checked + label.custom-radio {
    border: 2px solid var(--blue);
}

.modal .wallet-pay-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.modal .wallet-pay-box .first {
    display: flex;
    flex-direction: column;
    gap: 1px;
    text-align: left;
}
.modal .wallet-pay-box .first a {
    font-size: 14px;
    font-weight: 600;
    line-height: 100%;
    color: var(--blue);
    border-bottom: 1px solid var(--blue-light);
    width: fit-content;
    transition: all 0.5s;
}
.modal .wallet-pay-box .first a:hover {
    border-bottom: 1px solid var(--blue);
}
.modal .wallet-pay-box .second img {
    width: 49px;
    height: 44px;
}
.modal .wallet-pay-box .second,
.modal .wallet-pay-box .four {
    text-align: right;
}

.search-main {
    display: grid;
    grid-template-columns: 2.5fr 1fr;
}

.search-main .basket-box {
    width: 100%;
    padding: 0;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.search-main .basket-box .basket-box-item .second .item-price {
    width: 100%;
}

.search-on-page {
    width: 50%;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.search-on-page form input {
    border: 0;
    padding: 0;
    width: 100%;
}
.search-on-page form input:focus {
    border: 0;
    outline: 0;
}
.search-box {
    width: 100%;
    height: 40px;
    border: 1px solid #D2D2D2;
    border-radius: 24px;
    padding: 10px 14px;
    display: flex;
    flex-direction: row;
    gap: 0;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}
.search-on-page form {
    display: flex;
    flex-direction: row;
    gap: 0;
}
.search-on-page form button svg {
    fill: #0CA3ED;
    transition: all 0.5s;
    height: 18px;
}
.search-on-page form button {
    height: 40px;
    width: 40px;
    margin-right: -14px;
    border: 0;
    background: var(--blue-light);
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.search-on-page form button:hover {
    background: var(--blue);
}
.search-on-page form button:hover svg {
    fill: #FFF;
    transition: all 0.5s;
}

#search-header {
    display: none;
    background-color: #FFF;
    border-radius: 24px;
    position: absolute;
    top: -4px;
    left: -336px;
    width: 370px;
    z-index: 10;
}
#search-header.active {
    display: block;
}

#search-header form input {
    border: 0;
    padding: 0;
    width: 100%;
}
#search-header form input:focus {
    border: 0;
    outline: 0;
}
#search-header form button svg {
    fill: #0CA3ED;
    transition: all 0.5s;
    height: 18px;
}
#search-header form button {
    height: 40px;
    width: 40px;
    margin-right: -14px;
    border: 0;
    background: var(--blue-light);
    transition: all 0.5s;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
#search-header form button:hover {
    background: var(--blue);
}
#search-header form button:hover svg {
    fill: #FFF;
    transition: all 0.5s;
}

.fast-search-results .search-item {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.fast-search-results {
    width: 100%;
    padding: 25px 20px 20px 20px;
    border-radius: 24px;
    gap: 20px;
    box-shadow: 0 0px 24px #b6b6b670;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
}
.fast-search-results .all-result a.all-result-a {
    position: relative !important;
    width: fit-content !important;
    height: fit-content !important;
    display: inherit !important;
    color: var(--blue);
    font-size: 12px;
    border-bottom: 1px solid var(--blue-light);
    transition: all 0.5s;
}
.fast-search-results .all-result a.all-result-a:hover {
    border-bottom: 1px solid var(--blue);
}
.fast-search-results .basket-box .basket-box-item {
    flex-direction: column;
}
.fast-search-results .basket-box .basket-box-item .first {
    gap: 15px;
    width: 100%;
}

.fast-search-results .basket-box .basket-box-item .first .basket-img {
    width: 54px;
    min-width: 54px;
    height: 54px;
    border-radius: 4px;
}
.fast-search-results .basket-box {
    width: 100%;
    padding: 0;
    border-radius: 0;
    border: 0;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.fast-search-results .basket-box .basket-box-item {
    gap: 10px;
    padding: 0;
    border-bottom: 0;
}
.fast-search-results .basket-box .basket-box-item .second {
    display: flex;
    flex-direction: row;
    gap: 28px;
    align-items: center;
    justify-content: flex-end;
}
.fast-search-results .basket-box .basket-box-item .second .item-price {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: center;
}
.four-col-lk {
    display: grid;
    grid-template-columns: 1fr 2fr 1fr;
    gap: 20px;
    align-items: start;
    width: 100%;
}
.four-col-lk .bordered-col {
    width: 100%;
    padding: 20px;
    border: 1px solid #D2D2D2;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
}
.four-col-lk .unbordered-col {
    width: 100%;
    padding: 0;
    border: 0;
    border-radius: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
}


.wallet-history {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 27px;
}
.wallet-history .one-date {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.wallet-history .one-date:first-child {
    gap: 13px;
}
.wallet-history .one-date .one-note {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
}
.wallet-history .one-date .one-note .left {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.banner-chastyami-pay {
    color: #FFF;
    width: 100%;
    background-color: var(--blue);
    padding: 20px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.banner-chastyami-pay a {
    margin-top: 16px;
}
.modal .two-cols-center {
    display: flex;
    flex-direction: row;
    gap: 32px;
    align-items: center;
    justify-content: center;
}

.banner-lk-right {
    color: #FFF;
    width: 100%;
    background-color: var(--blue);
    padding: 20px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    gap: 8px;
    position: relative;
}
.banner-lk-right a {
    margin-top: 16px;
}


.lk-sidebar {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: flex-start;
    justify-content: flex-start;
}
.lk-sidebar .profile-info {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 0;
}
.profile-info > div {
    margin: 0;
}
.profile-info > div:nth-child(2) {
    margin-top: 11px;
}
.profile-info > div:nth-child(3) {
    margin-top: 9px;
}
.lk-sidebar .profile-info .avatar {
    width: 108px;
    height: 108px;
    background-color: var(--green-light);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    color: rgba(121, 199, 13, 0.4);
}
.lk-sidebar .profile-info .name {

}
.lk-sidebar .profile-menu {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 19px;
}
.lk-sidebar .profile-menu .profile-menu__item {
    position: relative;
    width: 100%;
    height: fit-content;
    background-color: #FFF;
    border-radius: 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    padding: 0 13px 0 28px;
}
.lk-sidebar .profile-menu .profile-menu__item.active {
    background-color: var(--blue-light);
    padding: 0 13px 0 40px;
    height: 44px;
}
.lk-sidebar .profile-menu .profile-menu__item.active i:before {
    left: 12px;
}
.lk-sidebar .profile-menu .profile-menu__item a {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.lk-sidebar .profile-menu .profile-menu__item .numb-notes {
    width: 24px;
    height: 24px;
    background-color: var(--blue);
    color: #FFF;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 132%;
}
.profile-menu__item i:before {
    content: '';
    position: absolute;
    left: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
}
.p-m-item1 i:before {
    background: url("/img/lk-1.svg") center center/contain no-repeat;
}
.p-m-item2 i:before {
    background: url("/img/lk-2.svg") center center/contain no-repeat;
}
.p-m-item3 i:before {
    background: url("/img/lk-3.svg") center center/contain no-repeat;
}
.p-m-item4 i:before {
    background: url("/img/lk-4.svg") center center/contain no-repeat;
}
.p-m-item5 i:before {
    background: url("/img/lk-5.svg") center center/contain no-repeat;
}
.p-m-item6 i:before {
    background: url("/img/lk-6.svg") center center/contain no-repeat;
}

.block-header {
    display: flex;
    flex-direction: row;
    gap: 12px;
    align-items: center;
    font-size: 16px;
    line-height: 118%;
    font-weight: 600;
}
.block-header i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.max-w315-m-100 {
    max-width: 315px;
}
.lk-page-modif {
    padding-top: 40px;
}

.back-white-line {
    background-image: url(/img/ads-vector.svg);
    background-repeat: no-repeat;
    background-size: 54%;
    background-position: bottom right;
}
.lk-tabs-over {
    width: 100%;
    overflow: hidden;
}
.lk-tabs {
    width: 100%;
    flex-wrap: nowrap;
    overflow-x: auto;
    display: flex;
    flex-direction: row;
    gap: 0;
    align-items: flex-end;
    position: relative;
}
.lk-tabs:after {
    content: '';
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 3px solid #E1E1E1;
}
.fit-content {
    width: fit-content !important;
}

.lk-tabs-item {
    width: 100%;
    padding: 15px 18px;
    color: #8B8B8B;
    border-bottom: 3px solid #E1E1E1;
    text-align: center;
    text-wrap: nowrap;
    cursor: pointer;
    transition: all 0.5s;
}
.lk-tabs-item:hover {
    color: #858585;
    border-color: #9b9b9b;
}
.lk-tabs-item.active {
    color: var(--blue);
    border-color: var(--blue);
}

.lk-my-active-ads {
    padding: 20px;
    border: 1px solid var(--green);
    border-radius: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-my-active-ads .block-header {
    color: var(--green);
}
.lk-content-tabs .ads-text {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 9px;
}
.lk-content-tabs .actions-buttons {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 9px;
}
.lk-content-tabs .actions-buttons .action-but-item {
    width: fit-content;
    padding: 5px 8px 5px 25px;
    border-radius: 4px;
    border: 1px solid #EAEAEA;
    position: relative;
    cursor: pointer;
}
.lk-content-tabs .actions-buttons .action-but-item i:before {
    content: '';
    width: 16px;
    height: 16px;
    left: 4px;
    position: absolute;
    display: inline-block;
}
.lk-content-tabs .actions-buttons .action-but-item.react i:before {
    background: url("/img/lk-001.svg") center center/contain no-repeat;
}
.lk-content-tabs .actions-buttons .action-but-item.end i:before {
    background: url("/img/lk-002.svg") center center/contain no-repeat;
}
.lk-content-tabs .actions-buttons .action-but-item.edit i:before {
    background: url("/img/lk-003.svg") center center/contain no-repeat;
}
.lk-content-tabs .actions-buttons .action-but-item.totop i:before {
    background: url("/img/lk-004.svg") center center/contain no-repeat;
}

.lk-my-moderate-ads {
    padding: 20px;
    border: 1px solid #E48220;
    border-radius: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-my-moderate-ads .block-header {
    color: #E48220;
}

.lk-my-archive-ads {
    padding: 20px;
    border: 1px solid #8B8B8B;
    border-radius: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-my-archive-ads .block-header {
    color: #8B8B8B;
}

.lk-my-error-ads {
    padding: 20px;
    border: 1px solid #DF0C25;
    border-radius: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-my-error-ads .block-header {
    color: #DF0C25;
}
.lk-error-tab,
.lk-active-tab,
.lk-moderate-tab,
.lk-archive-tab,
.lk-react-tab {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

ul.lk-error-desc {
    margin-left: 0;
    padding-left: 22px;
    list-style: disc;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
}
ul.lk-error-desc li {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin: 0;
    position: relative;
}
ul.lk-error-desc li span:nth-child(2) {
    color: var(--text-grey2);
    margin-left: -22px;
}
ul.lk-error-desc li::before {
    content: "\2022";
    color: var(--text-black);
    font-weight: bold;
    display: block;
    width: 1em;
    position: absolute;
    left: -17px;
}

.lk-my-react-ads {
    padding: 20px;
    border: 1px solid #C7C7C7;
    border-radius: 24px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.lk-my-react-ads .block-header {
    color: #C7C7C7;
}

.lk-react-box {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 40px;
}
.lk-react-box-up {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 4px;
}
.lk-react-box-down {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.lk-react-box-down-inner {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.lk-react-box-down-inner:last-child {
    text-align: right;
}


.lk-raiting-tab,
.lk-feedback-tab {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.lk-raiting-your-rate {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.lk-content-tabs .otzivi-item {
    gap: 20px;
    height: fit-content;
    padding: 30px 0;
}
.flex-column-8 {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.flex-column-14 {
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.flex-row-14 {
    display: flex;
    flex-direction: row;
    gap: 14px;
}
.flex-column-20 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pos-rel {
    position: relative;
}

.lk-content-tabs .img-order-boxes .img-order-boxes__item {
    width: 54px;
    min-width: 54px;
    height: 54px;
    border-radius: 4px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.lk-content-tabs .orders-three-col {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    width: 100%;
}
.active-order-box {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
}
.orders-three-col .orders-three-col__item {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.more-info .more-info__inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.more-info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 14px;
}
.more-info__inner {
    display: grid;
    grid-template-columns: 2fr 1fr;
    gap: 14px;
}
.more-info__inner .right {
    text-align: right;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.open-more-info i {
    background: url(/img/menu-i.svg) center center no-repeat;
    background-size: contain;
    width: 9px;
    height: 7px;
    position: absolute;
    margin-left: 4px;
    margin-top: 8px;
    transition: transform 0.5s;
}
.lk-content-tabs a.cancel-order {
    border-bottom: 1px solid #85858550;
    transition: all 0.5s;
    position: absolute;
    top: 0;
    right: 0;
}
.lk-content-tabs a.cancel-order:hover {
    border-bottom: 1px solid #858585;
}
.lk-courses-box__status {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
}
.lk-courses-box__status ul {
    margin: 0;
    padding-left: 25px;
}
.lk-courses-box__status ul li {
    color: var(--blue);
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
}
.lk-courses-box__status .right {
    text-align: right;
}
.lk-content-tabs .courses-meta {
    display: flex;
    flex-direction: row;
    gap: 20px;
}
.lk-content-tabs .courses-meta .education-time:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url(/img/education-time.svg) center center / contain no-repeat;
    margin-bottom: -10px;
}

.lk-content-tabs .courses-meta .education-price:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 32px;
    height: 32px;
    background: url(/img/education-price.svg) center center / contain no-repeat;
    margin-bottom: -10px;
}

.lk-certificates-box {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr 1fr;
    gap: 20px;
    align-items: center;
    margin: 12px 0px;
}
.lk-certificates-box img {
    width: 100%;
    height: 100%;
}
.lk-content-tabs .certificates-box__meta .education-time:before {
    margin-right: 0;
    margin-left: -7px;
}

.lk-certificates-box a {
    text-align: right;
}

.two-col-lk {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 3fr;
    gap: 20px;
    align-items: start;
}

.lk-mes-window {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border: 1px solid #C7C7C7;
    border-radius: 24px;
}
.lk-mes-window-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 14px;
    border-bottom: 1px solid #EBEBEB;
}
.lk-mes-window-item__left {
    display: flex;
    flex-direction: row;
    gap: 25px;
    width: 65%;
    align-items: center;
}
.lk-mes-window-item__left .avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: var(--green-light);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    color: rgba(121, 199, 13, 0.4);
    font-size: 14px;
    font-weight: 600;
}
.lk-mes-window-item__left .last-messages {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
.lk-mes-window-item__left .last-messages .from {
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: #000;
}
.lk-mes-window-item__right {
    display: flex;
    flex-direction: row;
    gap: 25px;
    max-width: 150px;
    width: 25%;
    align-items: center;
    justify-content: space-between;
}

.lk-mes-window-item__right .numb-notes {
    width: 24px;
    height: 24px;
    background-color: var(--blue);
    color: #FFF;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 132%;
}
.lk-mes-window-item__right .date {
    font-size: 12px;
    font-weight: 400;
    line-height: 132%;
}

.chat {
    width: 100%;
    height: 100%;
    padding: 0;
    display: grid;
    grid-template-rows: 80px 1fr 80px;
    gap: 0;
    background-color: #FFF;
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid #C7C7C7;
}

.chat .header {
    width: 100%;
    padding: 20px;
    display: flex;
    flex-direction: row;
    gap: 20px;
    background-color: #FFF;
    padding-bottom: 20px;
    border-bottom: 1px solid #EBEBEB;
    justify-content: space-between;
    align-items: center;
}
.chat .header .left {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
    width: 65%;
}
.chat .header .left .avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: var(--green-light);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    color: rgba(121, 199, 13, 0.4);
    font-size: 14px;
    font-weight: 600;
}
.chat .header .left .from {
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: #000;
}
.chat .header .right {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 16px;
    position: relative;
}
.chat .header .right .more,
.chat .header .right .more svg {
    width: 16px;
    height: 16px;
    cursor: pointer;
}
#more-message-modal {
    display: none;
}
#more-message-modal.show {
    display: flex;
}
#more-message-modal {
    background-color: #FFF;
    padding: 16px;
    display: none;
    gap: 10px;
    box-shadow: 0 0px 24px #b6b6b670;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 14px;
    position: absolute;
    z-index: 1;
    color: var(--text-black);
    top: 21px;
    right: 0;
    width: fit-content;
}
#more-message-modal a {
    font-size: 16px;
    font-weight: 500;
    line-height: 120%;
    color: var(--text-black);
    text-wrap: nowrap;
}
.chat .write {
    width: 100%;
    background-color: #F5F5F5;
    display: flex;
    padding: 10px;
}
.chat .write .new-message-box {
    width: 100%;
    padding: 4px 4px 4px 14px;
    height: fit-content;
    min-height: 48px;
    background-color: #FFF;
    border-radius: 24px;
    display: flex;
    flex-direction: row;
    gap: 30px;
    align-items: flex-start;
}
.chat .write .new-message-box input {
    flex: 1;
    border: 0;
}
.chat .write .new-message-box button {
    width: 40px;
    height: 40px;
    background: url("/img/send-message.svg") center center/contain no-repeat;
    cursor: pointer;
    border: 0;
    padding: 0;
}

.chat .chat-wall {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #FFF;
    padding: 20px;
    height: 100%;
    max-height: 450px;
    overflow-y: scroll;
    align-items: center;
}
.chat .chat-wall .one-day {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 100%;
}
.chat .chat-wall .one-day .message + .message {
    margin-top: -45px;
}
.chat .chat-wall .date {
    font-size: 12px;
    color: #858585;
    line-height: 132%;
    font-weight: 400;
    background-color: #F2F2F2;
    padding: 10px;
    border-radius: 4px;
}
.chat .chat-wall .message-from {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}
.chat .chat-wall .message-from .text {
    width: calc(50% - 20px);
    text-align: left;
    background-color: #F7F7F7;
    padding: 20px 14px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.chat .chat-wall .text .time {
    font-size: 12px;
    font-weight: 400;
    color: #858585;
    line-height: 132%;
    text-align: right;
}
.chat .chat-wall .message-to {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}
.chat .chat-wall .message-to .text {
    width: calc(50% - 20px);
    text-align: left;
    background-color: var(--blue-light);
    padding: 20px 14px;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.chat .chat-wall::-webkit-scrollbar {
    width: 6px;
}
.chat .chat-wall::-webkit-scrollbar-track {
    background: #FFF;
}
.chat .chat-wall::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border-radius: 5px;
}

.two-col-lk .unbordered-col:has(.lk-mes-window) {
    height: 100%;
}

.lk-react-window {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    border: 1px solid #C7C7C7;
    border-radius: 24px;
}
.lk-react-window .lk-react-box {
    margin-bottom: 20px;
}
.lk-react-item {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 10px;
}
.lk-react-item__left {
    display: flex;
    flex-direction: row;
    gap: 25px;
    width: 50%;
    align-items: center;
}
.lk-react-item__left .avatar {
    width: 40px;
    min-width: 40px;
    height: 40px;
    background-color: var(--green-light);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    gap: 0;
    align-items: center;
    justify-content: center;
    color: rgba(121, 199, 13, 0.4);
    font-size: 14px;
    font-weight: 600;
}
.lk-react-item__left .last-messages {
    display: flex;
    flex-direction: column;
    gap: 5px;
    width: 100%;
}
.lk-react-item__left .last-messages .from {
    font-size: 14px;
    font-weight: 600;
    line-height: 120%;
    color: #000;
}
.lk-react-item__right {
    display: flex;
    flex-direction: row;
    gap: 25px;
    width: 50%;
    align-items: center;
    justify-content: space-between;
}

.lk-react-item__right .numb-notes {
    width: 24px;
    height: 24px;
    background-color: var(--blue);
    color: #FFF;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 500;
    line-height: 132%;
}
.lk-react-item__right .date {
    font-size: 12px;
    font-weight: 400;
    line-height: 132%;
}

.lk-react-item__left .last-messages .text i {
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: url("/img/lk-map-point.svg") center center/contain no-repeat;
    margin-bottom: -2px;
}
.lk-react-item__right span i {
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: url("/img/lk-time-react.svg") center center/contain no-repeat;
    margin-bottom: -2px;
    margin-right: 12px;
}

.lk-react-window .lk-react-box:last-child {
    margin-bottom: 0;
}

.no-padding {
    padding: 0 !important;
}

.lk-react-advert-box__inner {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.lk-react-advert-box__inner .left {
    display: flex;
    flex-direction: column;
    gap: 8px;
    align-items: flex-start;
}
.lk-react-advert-box__inner .left .address i {
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: url("/img/lk-map-point.svg") center center/contain no-repeat;
    margin-bottom: -2px;
    margin-right: 8px;
}
.lk-react-advert-box__inner .right {
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: flex-start;
    justify-content: flex-end;
}
.lk-react-advert-meta {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
    width: 100%;
}
.lk-react-advert-meta__inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.lk-react-advert-meta__inner div {
    text-wrap: balance;
}
.lk-react-advert-meta__inner div span:first-child {
    font-size: 16px;
    font-weight: 400;
    color: #8B8B8B;
    line-height: 132%;
}
.lk-react-advert-meta__inner div span:last-child {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 132%;
}
.ads-text-reach {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.ads-text-reach .first {
    display: flex;
    flex-direction: column;
    gap: 0px;
}
.ads-text-reach .address i {
    display: inline-block;
    width: 16px;
    min-width: 16px;
    height: 16px;
    background: url(/img/lk-map-point.svg) center center / contain no-repeat;
    margin-bottom: -2px;
    margin-right: 8px;
}
.ads-text-meta {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    width: 100%;
}
.ads-text-meta__inner {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.ads-text-meta__inner div span:first-child {
    font-size: 16px;
    font-weight: 400;
    color: #8B8B8B;
    line-height: 132%;
}
.ads-text-meta__inner div span:last-child {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    line-height: 132%;
}

ul.advert-remark {
    margin: 0 0 -24px 0;
    padding-left: 25px;
}
ul.advert-remark li {
    color: var(--blue);
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
}
ul.advert-remark a {
    font-size: 14px;
    font-weight: 400;
    line-height: 132%;
    margin: 0;
}
.education-two-col {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    background-color: var(--blue-light);
    border-radius: 24px;
    padding: 30px;
}
.education-two-col .right {
    background: url("/img/education-pict-img.png") center center/contain no-repeat;
    min-height: 250px;
}
.education-two-col .left {
    display: flex;
    flex-direction: column;
    gap: 0;
}
.education-two-col .left .first {
    display: flex;
    flex-direction: column;
    gap: 4px;
    width: 100%;
}
.education-two-col .left .first .advert-remark {
    margin: 0;
}
.education-two-col .left .first h1 {
    font-size: 26px;
    font-weight: 600;
    line-height: 124%;
    margin: 0;
    text-wrap: balance;
}
.education-two-col .left .first p {
    font-size: 16px;
    font-weight: 400;
    line-height: 148%;
    margin: 14px 0 0 0;
    text-wrap: balance;
}
.education-two-col .left .second {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: 100%;
    margin-top: 19px;
}
.education-two-col .left .second .table {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
}
.education-two-col .left .second .table .item {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.education-two-col .left .second .buttons-sec {
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 8px;
}
.education-two-col .left .second .buttons-sec .btn-favorite {
    width: 46px;
    min-width: 46px;
    height: 46px;
    background-color: #FFF;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0;
    transition: all 0.5s;
    border: 0;
}
.education-two-col .left .second .buttons-sec .btn-favorite svg {
    fill: #0CA3ED;
    transition: all 0.5s;
}
.education-two-col .left .second .buttons-sec .btn-favorite:hover {
    background-color: var(--blue);
}
.education-two-col .left .second .buttons-sec .btn-favorite:hover svg {
    fill: #FFF;
}
.education-two-col .left .second .buttons-sec.mobileonly {
    display: none;
}
.ed-two-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    width: 100%;
}
.ed-two-cols .left {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ed-two-cols .left .points-box {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(1, 32px 1fr);
    gap: 24px;
    align-items: center;
    margin-top: 4px;
}
.ed-two-cols .left .points-box .point-numb {
    width: 32px;
    display: flex;
    flex-direction: column;
    height: 32px;
    background-color: var(--green);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    color: #FFF;
    font-size: 16px;
    font-weight: 500;
}
.ed-two-cols .left .points-box .point-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 6px;
}
.ed-two-cols .right .img {
    width: 100%;
    height: 325px;
    border-radius: 24px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.ed-two-cols .right {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ed-benefits {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    justify-content: center;
    margin-top: 40px;
}
.ed-benefits .ed-ben {
    width: 100%;
    border-radius: 24px;
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
    justify-content: center;
    background-color: var(--blue-light);
}
.ed-benefits .ed-ben:nth-child(2n) {
    background-color: var(--green-light);
}
.ed-urok {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    border-radius: 24px;
    background-color: var(--blue-light);
    padding: 20px;
}
.ed-urok-header {
    font-size: 32px;
    font-weight: 600;
    line-height: 120%;
}

.ed-urok-podpis {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ed-urok .owl-carousel .item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    gap: 24px;
}
.ed-urok .owl-carousel .item img {
    width: 54px;
    min-width: 54px;
    height: 54px;
}
.ed-urok .owl-out .thumbs {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 14px;
    height: 135px;
    width: 100%;
    overflow-x: scroll;
}
.ed-urok .owl-out .thumbs::-webkit-scrollbar {
    height: 6px;
}
.ed-urok .owl-out .thumbs::-webkit-scrollbar-track {
    background: var(--blue-light);
}
.ed-urok .owl-out .thumbs::-webkit-scrollbar-thumb {
    background-color: var(--blue);
    border-radius: 5px;
}
.ed-urok .owl-out .thumbs button {
    background: unset;
    border: unset;
    color: var(--text-black);
    display: flex;
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
    height: 105px;
    padding: 0;
    margin-top: 14px;
    border-radius: 14px;
    overflow: hidden;
    width: 158px;
    min-width: 158px;
}

.ed-urok .owl-out .thumbs .thumb-block {
    width: 158px;
    min-width: 158px;
    height: 83px;
    border-radius: 14px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.specialist-item .raiting i:last-child {
    margin-right: 20px;
}

@media (max-width: 1350px) {
    .full-width-section .full-width-section-div .hello h1 br {
        display: none;
    }
}




@media (min-width: 1064px) and (max-width: 1231px) {


    .full-width-section2 .courses .courses-3col div.courses-3col-1col div.backimg {
        height: 246px;
    }

    section.full-width-section.main-section {
        background-color: #79C70D20;
        height: calc(100vh - 124px);
        min-height: 500px;
        max-height: 600px;
    }

    .full-width-section .full-width-section-div .hello h1 {
        font-size: 34px;
    }

    .full-width-section .full-width-section-div .hello p {
        font-size: 14px;
    }

    .full-width-section .full-width-section-div .hello .image4 {
        margin-left: -50px;
    }

    .slider_part-foto .back-img {
        height: 325px;
    }

    .otzivi-item {
        gap: 40px;
    }

    .otzivi-item .left {
        width: 35%;
    }

    .otzivi-item .right {
        width: 65%;
    }
}







@media (min-width: 1133px) and (max-width: 1349px) {
    .item-section .item-main {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 1132px;
    }
}


@media (min-width: 1064px) and (max-width: 1231px) {

    section {
        width: 1064px;
        margin: auto;
    }

    .header-box {
        width: 1064px;
        padding: 5px 50px;
    }

    .item-section .item-main {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        width: 1064px;
    }

    .before-basket,
    .basket-main {
        grid-template-columns: 2fr 1fr;
    }

    .basket-box .basket-box-item .first .basket-item-zag {
        font-size: 12px;
    }

    .basket-box .basket-box-item .first {
        width: 65%;
        gap: 10px;
    }

    .basket-box .basket-box-item {
        gap: 20px;
    }

    .basket-box .basket-box-item .second {
        gap: 12px;
    }

    .basket-box .quantity_inner .quantity {
        width: 30px;
    }

    .basket-box .basket-box-item {
        gap: 15px;
    }

    .basket-box .basket-box-item .second .item-price {
        width: 50%;
    }

    .basket-box .second .item-price .price {
        font-size: 12px;
    }

    .basket-box .basket-box-item .first .basket-img {
        width: 90px;
        min-width: 90px;
        height: 75px;
    }

    .basket-box {
        padding: 15px 10px;
    }

    .action .favorite-icon svg, .action .delete-icon svg {
        width: 18px;
        height: 18px;
    }

    .basket-box .second .item-price .action {
        gap: 4px;
    }

    .basket-box .basket-box-item .first .basket-item-zag,
    .basket-box .basket-box-item .first .basket-item-zag .podpis {
        font-size: 12px !important;
    }
    .meta-box .head .your-basket {
        font-size: 14px;
    }
    .meta-box .head .basket-calc-box__text1 {
        font-size: 14px;
    }
    .meta-box .head .basket-calc-box__text2 {
        font-size: 18px;
    }
    .meta-box .head .basket-calc-box__text3 {
        font-size: 14px;
    }
    .meta-box .head .basket-calc-box__text4 {
        font-size: 16px;
    }
    .meta-box .head .basket-calc-box__text5 {
        font-size: 18px;
    }
    .meta-box .head .basket-calc-box__text6 {
        font-size: 18px;
    }
}



@media (min-width: 1064px) and (max-width: 1449px) {

    .header-box .osn .first .left .location a,
    .header-box .osn .second #nav .menu .menu-item,
    .header-box button,
    .header-box .osn .first .left .support .tel a {
        font-size: 12px;
    }

    .header-box .osn .first .right {
        gap: 14px;
    }

    .header-box .osn .first .left {
        gap: 14px;
    }

    .header-box .osn .first .right .icons {
        gap: 7px;
    }

    .header-box .osn .second #nav .menu {
        gap: 10px;
    }

    .header-box .osn .second #nav .menu .menu-item {
        padding: 6px;
    }

    .header-box .osn .second #nav .menu .menu-item i {
        background: url(/img/menu-i.svg) center center no-repeat;
        background-size: contain;
        width: 9px;
        height: 7px;
        position: absolute;
        margin-left: 4px;
        margin-top: 8px;
    }

    .header-box .osn .first .right .icons .icon {
        width: 32px;
        height: 32px;
    }

    .pop-location a.choose {
        color: var(--text-black);
        border: 0;
        font-size: 12px;
    }

    .pop-location {
        left: 1px;
    }

    .header-box .osn .first .left .support .icon {
        width: 32px;
        height: 32px;
    }
    .header-box .osn .first .left .support .icon svg {
        height: 20px;
    }

    .header-box .osn .first .left .location a i {
        width: 7px;
        height: 5px;
        position: absolute;
        margin-left: 5px;
        margin-top: 11px;
    }

    footer .first-line .menu-links a.zag,
    footer .first-line .menu-links-main a,
    footer .second-line .location {
        font-size: 14px;
    }

    footer .first-line .menu-links a,
    footer .second-line .support span,
    footer .second-line .support2 a:nth-child(2),
    footer .third-line a, footer .third-line span {
        font-size: 12px;
    }

    .footer .second-line .support a,
    footer .second-line .support2 a {
        font-size: 18px;
    }

    .osn-four-blocks .div-all.div1 .podpis2,
    .osn-four-blocks .div-all.div3 .podpis2,
    .osn-four-blocks .div-all.div4 .podpis2,
    .osn-four-blocks .div-all.div2 .podpis2 {
        font-size: 13px;
    }

    .osn-four-blocks .div-all.div1 .down span.price,
    .osn-four-blocks .div-all.div3 .down span.price,
    .osn-four-blocks .div-all.div4 .down span.price,
    .osn-four-blocks .div-all.div2 .down span.price {
        font-size: 18px;
    }

    button {
        font-size: 14px;
    }

    .osn-four-blocks .div-all.div1 .four-block2 {
        height: 70%;
    }

    .osn-four-blocks .div-all.div1 .four-block1 {
        height: 87%;
    }

    .osn-four-blocks .div-all.div3 .four-block5 {
        height: 70%;
    }

    .osn-four-blocks .div-all.div4 .four-block7 {
        height: 105%;
    }

    .osn-four-blocks .div-all.div4 .four-block8 {
        height: 40%;
    }

    .ask-w-u-w .anketa .left .up {
        gap: 24px;
    }

    .main-page-news-item .news-item .content .podpis,
    .main-page-news-item .news-item .content a,
    .main-page-news-item .news-item .content .zag {
        font-size: 14px;
    }

    .main-page-news-item .news-item .content .rub {
        font-size: 12px;
    }



    .tabs-items .tab-content p,
    .tabs-items .tab-content ul li {
        font-size: 14px;
        line-height: 132%;
    }

    .tabs-items .tab-content {
        width: 100%;
    }

    .tabs-head .tab-name {
        font-size: 14px;
    }

    .breadcrumbs {
        font-size: 14px;
    }

    .item-section .item-main {
        gap: 25px;
    }


    .item-section .item-main .meta,
    .item-section .item-main .image {
        width: 100%;
        min-width: 100%;
    }

    .personal-item-main .main-content .meta {
        display: flex;
        flex-direction: column;
        gap: 20px;
        width: 100%;
    }

    .personal-item-main .right span.price {
        font-size: 18px;
    }

    .header-box .osn .second #nav .menu .menu-item .submenu {
        top: 27px;
    }

    .header-box .osn .second #nav .menu .menu-item .submenu a {
        font-size: 12px;
    }

    .header-box .osn .second #nav .menu .menu-item .submenu a:hover {
        font-size: 12px;
    }

    .fast-filter a.item {
        font-size: 12px;
    }

    .fast-filter {
        gap: 10px;
    }

    .sortby a.item {
        font-size: 12px;
    }

    .add-banner img {
        width: 158px;
        top: 23px;
        left: 43%;
    }

    .add-banner .left {
        z-index: 2;
        width: 60%;
    }

    .add-banner .left .zag {
        font-size: 18px;
    }

    .add-banner .left .text {
        font-size: 14px;
    }

    .add-banner2 {
        padding: 20px;
    }

    .add-banner2 .left {
        width: 50%;
    }

    .add-banner2 .img1 {
        position: absolute;
        top: 0;
        left: 30%;
        width: auto;
        height: 100%;
    }

    .add-banner2 .img2 {
        position: absolute;
        top: 1px;
        left: 67%;
        width: 40px;
    }

    .add-banner2 .left .zag {
        font-size: 18px;
    }

    .add-banner2 .left .text {
        font-size: 14px;
    }

    .personal-item-main2 .right .zag {
        font-size: 18px;
    }
    .personal-item-main2 .right .hh-card .hh-card-head h6,
    .personal-item-main2 .right .hh-card .hh-card-meta .hh-card-left span.name {
        font-size: 14px;
    }
    .personal-item-main2 .right .hh-card .hh-card-head span,
    .personal-item-main2 .right .hh-card .hh-card-meta .hh-card-left span {
        font-size: 12px;
    }
    .personal-item-main2 .right .hh-card .hh-card-meta {
        gap: 20px
    }
    .personal-item-main2 .right .hh-card .hh-card-meta .hh-card-right span {
        font-size: 12px;
    }
    .about-main .big .text {
        width: 55%;
    }
    .about-main .big .image {
        width: 40%;
    }
    .contacts-three-cols .item .up-tel .icon-box {
        padding: 0;
    }
    .contacts-three-cols .item {
        padding: 20px;
    }
    button.enter i {
        margin-top: 3px;
    }
    #header .osn .lang {
        font-size: 12px;
        margin-left: 10px;
    }
    .header-box .osn .first .right .icons .icon svg {
        height: 18px;
    }
    .basket-box .basket-box-item .first .basket-item-zag {
        font-size: 14px;
        font-weight: 600;
        line-height: 118%;
    }
    .basket-box .basket-box-item .first .basket-item-zag .podpis {
        font-size: 14px;
        font-weight: 400;
        line-height: 132%;
        color: #858585;
    }
    .basket-box .quant-text {
        font-size: 12px;
        font-weight: 500;
        line-height: 132%;
    }
    .basket-box .second .item-price .price {
        font-size: 14px;
        font-weight: 600;
        line-height: 118%;
    }
    .basket-box .second .item-price .akc {
        font-size: 12px;
        font-weight: 500;
        line-height: 132%;
        color: #8B8B8B;
        text-decoration: line-through;
    }

}




















section {
    max-width: 1450px;
    padding-left: 50px;
    padding-right: 50px;
}
main.inner-page section {
    max-width: 1450px;
    padding-left: 50px;
    padding-right: 50px;
}



    @media screen and (min-width: 1451px) {
        section {
            width: 100%;
            max-width: 1450px;
            padding-left: 50px;
            padding-right: 50px;
        }
        #search-header {
            top: 0;
            left: -327px;
        }

    }


    @media screen and (min-width: 1232px) and (max-width: 1450px) {
        section {
            width: 100%;
            max-width: 1232px;
            padding-left: 50px;
            padding-right: 50px;
        }

        .header-box {
            width: 1232px;
            padding: 5px 50px;
        }
        .header-box .osn .second #nav .menu .menu-item {
            font-size: 12px;
        }
        .header-box .osn .second #nav .menu .menu-item i {
            margin-top: 8px;
        }
        .item-section .item-main {
            display: grid;
            grid-template-columns: repeat(2, 1fr);
            width: 1232px;
        }
        main.inner-page section {
            width: 100%;
            max-width: 1232px;
            padding-left: 50px;
            padding-right: 50px;
        }
    }


    @media screen and (min-width: 1064px) and (max-width: 1231px) {
        section {
            width: 100%;
            max-width: 1064px;
            padding-left: 50px;
            padding-right: 50px;
        }
        main.inner-page section {
            width: 100%;
            max-width: 1064px;
            padding-left: 50px;
            padding-right: 50px;
        }
        .all-content .three-col {
            grid-template-columns: repeat(3, 1fr);
        }
    }



@media (max-width: 1064px) {
    html, body {
        height: 100%;
    }
    header {
        position: sticky;
        top: 0;
        z-index: 9;
    }
    button {
        font-size: 14px;
    }
    .full-width-div {
        width: 100vw;
        margin-left: -20px;
    }
    .full-width-div .owl-carousel.owl-drag .owl-item {
        margin-left: 20px;
        margin-right: 0 !important;
    }
    .full-width-section .full-width-section-div section {
        padding: 0;
    }


    main.osn-page section {
        padding: 0 20px;
    }
    main.osn-page section.full-width-section {
        padding: 0;
    }

    body {
        overflow-x: hidden;
    }

    main.osn-page h2 {
        font-weight: 600;
        font-size: 22px;
        line-height: 110%;
    }
    .header-box {
        width: 100%;
        height: 80px;
        padding: 5px 20px;
        border-bottom: 1px solid #F5F4F4;
    }

    section {
        width: 100%;
        max-width: 1064px;
    }

    .header-box .osn {
        display: none;
    }

    .header-box .logo {
        width: 63px;
    }

    .header-box .logo img {
        width: 63px;
        height: 56px;
    }
    .mobile-header {
        flex-grow: 1;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    .location-mob a {
        font-size: 14px;
        border-bottom: 1px dotted var(--blue);
        color: var(--blue);
    }
    .location-mob a i {
        background: url(/img/menu-i.svg) center center no-repeat;
        background-size: contain;
        width: 9px;
        height: 6px;
        position: absolute;
        margin-left: 5px;
        margin-top: 10px;
        transform: translateY(-50%);
        transition: transform 0.5s;
    }
    .location-mob a i.rotated {
        transform: translateY(-50%) rotate(180deg);
    }
    .header-box .mobile-header .second {
        display: flex;
        flex-direction: row;
        align-items: center;
        gap: 20px;
    }

    .header-box .mobile-header .second .icon {
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background-color: var(--blue-light);
    }
    .header-box .mobile-header .second .icon svg {
        fill: #0CA3ED;
        transition: all 0.5s;
    }

    .pop-location-mob {
        position: absolute;
        width: 120px;
        padding: 10px;
        display: none;
        flex-direction: column;
        gap: 10px;
        flex-wrap: nowrap;
        overflow-y: auto;
        height: fit-content;
        max-height: 70vh;
        box-shadow: 0 0px 24px #b6b6b670;
        background: #FFF;
        border-radius: 14px;
        z-index: 3;
        top: 53px;
        left: 92px;
    }
    .pop-location-mob.active {
        display: flex;
    }
    .pop-location-mob::-webkit-scrollbar {
        width: 6px;
    }
    .pop-location-mob::-webkit-scrollbar-track {
        background: #FFF;
    }
    .pop-location-mob::-webkit-scrollbar-thumb {
        background-color: #ccc;
        border-radius: 5px;
    }
    .pop-location-mob a.choose {
        color: var(--text-black);
        border: 0;
        font-size: 14px;
    }

    .mobile-menu .active {
        display: flex !important;
    }

    .mobile-menu .ham {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: transform 400ms;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }
    .mobile-menu .ham {
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        transition: transform 400ms;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin-top: 4px;
    }
    .mobile-menu .hamRotate.active {
        transform: rotate(45deg);
    }

    .mobile-menu .hamRotate180.active {
        transform: rotate(180deg);
    }

    .mobile-menu .line {
        fill:none;
        transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
        stroke: var(--blue);
        stroke-width:5.5;
        stroke-linecap:round;
    }
    .mobile-menu .ham8 .top {
        stroke-dasharray: 40 160;
    }
    .mobile-menu .ham8 .middle {
        stroke-dasharray: 40 142;
        transform-origin: 50%;
        transition: transform 400ms;
    }
    .mobile-menu .ham8 .bottom {
        stroke-dasharray: 40 85;
        transform-origin: 50%;
        transition: transform 400ms, stroke-dashoffset 400ms;
    }
    .mobile-menu .ham8.active .top {
        stroke-dashoffset: -64px;
    }
    .mobile-menu .ham8.active .middle {
    //stroke-dashoffset: -20px;
        transform: rotate(90deg);
    }
    .mobile-menu .ham8.active .bottom {
        stroke-dashoffset: -64px;
    }

    header .header-mobile-menu.active {
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        align-content: flex-start;
        justify-content: space-between;
        flex-grow: 1;
        padding: 40px 20px 80px 20px;
    }

    .header-mobile-menu ul.menu {
        position: relative;
        display: flex;
        flex-direction: column;
        gap: 20px;
        justify-content: space-between;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    .header-mobile-menu ul.menu .menu-item {
        cursor: pointer;
        font-size: 16px;
        color: var(--text-black);
        font-weight: 500;
        display: inline-block;
        padding: 0px;
        transition: all 0.5s;
    }
    .header-mobile-menu ul.menu .menu-item a {
        color: var(--text-black);
        font-weight: 500;
    }

    .header-mobile-menu ul.menu .menu-item .submenu {
        display: none;
        flex-direction: column;
        gap: 8px;
        background-color: transparent;
        padding: 0 0 20px 0;
        position: relative;
        left: 0;
        top: 15px;
        box-shadow: none;
        border-radius: 0;
    }
    .header-mobile-menu ul.menu .menu-item .submenu.active {
        display: flex;
    }
    .header-mobile-menu ul.menu .menu-item .submenu a {
        font-size: 16px;
        color: #787777;
        font-weight: 400;
    }

    .header-mobile-menu ul.menu .menu-item i {
        background: url(/img/menu-mobile-i.svg) center center no-repeat;
        background-size: contain;
        width: 9px;
        height: 7px;
        position: absolute;
        margin-left: 4px;
        margin-top: 8px;
    }
    .header-mobile-menu .else {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
        height: 100%;
        justify-content: space-between;
        padding-top: 30px;
    }
    .header-mobile-menu .else .buttons {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .header-mobile-menu .else .down {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 28px;
    }

    .header-mobile-menu .support {
        display: flex;
        flex-direction: row;
        gap: 12px;
        height: 42px;
    }
    .header-mobile-menu .support .icon {
        width: 40px;
        height: 40px;
        background: var(--blue-light);
        transition: all 0.5s;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative;
        padding: 2px 0 0 1px;
    }
    .header-mobile-menu .support .icon svg{
        fill: #0CA3ED;
        transition: all 0.5s;
    }

    .header-mobile-menu .tel {
        display: flex;
        flex-direction: column;
        font-size: 12px;
        font-weight: 500;
        color: var(--text-black);
        gap: 4px;
    }
    .header-mobile-menu .tel a {
        font-size: 16px;
        font-weight: 600;
        color: var(--text-black);
        transition: all 0.5s;
    }


    header .active {
        display: flex !important;
    }

    header.active {
        height: 100vh;
        overflow-y: scroll;
        position: fixed;
        z-index: 99;
        width: 100vw;
        top: 0;
        left: 0;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        flex-wrap: nowrap;
    }

    .mobile-nav-bottom {
        display: block;
        position: fixed;
        z-index: 5;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 54px;
        background-color: #FFF;
        border-top: 1px solid #F5F4F4;
        padding: 5px 20px;
    }

    .mobile-nav-bottom .menu {
        margin-top: 0;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        gap: 0;
        align-items: center;
        justify-content: space-between;
    }
    .mobile-nav-bottom .menu .item {
        gap: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        border-left: 0;
        transition: all 0.5s;
        color: var(--text-grey2);
        font-size: 11px;
        font-weight: 600;
        cursor: pointer;
        align-items: center;
        height: 100%;
        transition: all 0.5s;
    }
    .mobile-nav-bottom .menu .item div {
        height: 24px;
        display: flex;
        align-items: center;
    }
    .mobile-nav-bottom .menu .item svg {
        fill: var(--text-grey2);
        transition: all 0.5s;
    }
    .mobile-nav-bottom .menu .item:hover svg {
        fill: var(--blue);
    }
    .mobile-nav-bottom .menu .item:hover {
        color: var(--blue);
    }

    .mobile-nav-bottom .menu .item.item1 {

    }

    footer {
        padding: 40px 0 80px 0;
        background-color: var(--blue-light);
        border-radius: 24px 24px 0 0;
    }
    footer .mobileonly {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    footer .mobileonly .location {
        font-size: 14px;
        font-weight: 500;
        color: var(--blue);
        margin-top: 15px;
    }
    footer .mobileonly .menu-links {
        display: flex;
        flex-direction: column;
        gap: 8px;
    }
    footer .mobileonly .menu-links a {
        font-size: 14px;
        font-weight: 400;
        color: #787777;
    }
    footer .mobileonly .menu-links a.zag {
        font-size: 14px;
        font-weight: 500;
        color: var(--text-black);
        margin-bottom: 6px;
    }
    footer .mobileonly .menu-links-main {
        display: flex;
        flex-direction: column;
        gap: 14px;
    }
    footer .mobileonly .menu-links-main a {
        font-size: 14px;
        font-weight: 500;
        color: var(--text-black);
    }
    footer .mobileonly .support {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
    footer .mobileonly .support div:nth-child(1) {
        display: flex;
        flex-direction: column;
        gap: 10px;

    }
    footer .mobileonly .support a {
        font-size: 18px;
        font-weight: 500;
        color: #000;
    }
    footer .mobileonly .support span {
        font-size: 14px;
        font-weight: 500;
        color: var(--text-black);
    }
    footer .mobileonly .support2 {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    footer .mobileonly .support2 a {
        font-size: 18px;
        font-weight: 500;
        color: #000;
    }
    footer .mobileonly .menu-links a:hover,
    footer .mobileonly .menu-links-main a:hover,
    footer .mobileonly .support a:hover,
    footer .mobileonly .support2 a:hover {
        color: var(--blue);
    }
    footer .mobileonly .support2 a:nth-child(2) {
        font-size: 14px;
        font-weight: 500;
        color: var(--text-black);
    }
    footer .mobileonly .titri {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    footer .mobileonly .titri a,
    footer .mobileonly .titri span {
        font-size: 14px;
        font-weight: 400;
        color: #838383;
        transition: all 0.5s;
    }
    footer .mobileonly .titri a {
        border-bottom: 1px solid #83838350;
        width: fit-content;
    }
    footer .mobileonly .titri a:hover {
        color: var(--blue);
        border-bottom: 1px solid var(--blue);
    }

    footer section {
        padding: 0 20px;
        width: 100%;
        margin-bottom: 24px;
        display: block;
    }

    section.full-width-section.main-section {
        height: calc(100vh - 124px - 54px);
        max-height: 650px;
        overflow: hidden;
    }
    .full-width-section .full-width-section-div .hello h1 {
        font-size: 28px;
    }
    .full-width-section .full-width-section-div .hello p {
        font-size: 14px;
    }
    .full-width-section .full-width-section-div .hello .image4 {
        margin-left: -50px;
    }

    .full-width-section .full-width-section-div .hello {
        position: relative;
        top: 0;
        width: 100%;
        max-width: 100%;
        padding: 0 20px;
    }
    .full-width-section .full-width-section-div .hello .green-buttons {
        width: 100%;
    }
    .full-width-section .full-width-section-div .images-container .image1 {
        max-width: 95%;
    }
    .full-width-section .full-width-section-div .images-container .image3 {
        right: 6%;
        top: -11px;
        transform: rotate(350deg);
        width: 36px;
    }
    .full-width-section .full-width-section-div .images-container .image2 {
        right: -20%;
        bottom: 7%;
    }

    .osn-four-blocks .osn-four-blocks__inner {
        flex-direction: column;
    }
    .osn-four-blocks .div-all.div1,
    .osn-four-blocks .div-all.div2,
    .osn-four-blocks .div-all.div3,
    .osn-four-blocks .div-all.div4 {
        width: 100%;
    }
    .osn-four-blocks .div-all {
        height: fit-content;
    }
    .osn-four-blocks .div-all.div1 .down .row-buttons,
    .osn-four-blocks .div-all.div2 .down .row-buttons,
    .osn-four-blocks .div-all.div3 .down .row-buttons,
    .osn-four-blocks .div-all.div4 .down .row-buttons {
        flex-direction: column;
        display: flex;
        gap: 8px;
        margin-top: 20px;
    }

    .osn-four-blocks .div-all.div1 .podpis,
    .osn-four-blocks .div-all.div3 .podpis,
    .osn-four-blocks .div-all.div4 .podpis,
    .osn-four-blocks .div-all.div2 .podpis {
        font-size: 12px;
    }
    .osn-four-blocks .div-all.div1 .zag,
    .osn-four-blocks .div-all.div3 .zag,
    .osn-four-blocks .div-all.div4 .zag,
    .osn-four-blocks .div-all.div2 .zag {
        font-size: 18px;
        line-height: 122%;
    }
    .osn-four-blocks .div-all.div1 .podpis2,
    .osn-four-blocks .div-all.div3 .podpis2,
    .osn-four-blocks .div-all.div4 .podpis2,
    .osn-four-blocks .div-all.div2 .podpis2 {
        font-size: 14px;
        line-height: 132%;
    }
    .osn-four-blocks .div-all.div1 .down span.price,
    .osn-four-blocks .div-all.div3 .down span.price,
    .osn-four-blocks .div-all.div4 .down span.price,
    .osn-four-blocks .div-all.div2 .down span.price {
        font-size: 18px;
        line-height: 122%;
    }

    .osn-four-blocks .div-all.div1 .four-block1 {
        height: 69%;
    }
    .osn-four-blocks .div-all.div1 .four-block2 {
        height: 66%;
        bottom: -27px;
    }
    .osn-four-blocks .div-all.div2 .four-block4 {
        height: 44%;
    }
    .osn-four-blocks .div-all.div2 .four-block3 {
        height: 80%;
        bottom: -74px;
        right: -47px;
    }
    .osn-four-blocks .osn-four-blocks__inner:nth-child(2) {
        flex-direction: column-reverse;
    }
    .osn-four-blocks .div-all.div4 .four-block8 {
        height: 45%;
        bottom: 0%;
        right: 6%;
    }
    .osn-four-blocks .div-all.div4 .four-block7 {
        height: 96%;
        bottom: -4px;
        right: -27%;
    }
    .osn-four-blocks .div-all.div3 .four-block6 {
        height: 30%;
        bottom: 0%;
        right: 12%;
    }
    .osn-four-blocks .div-all.div3 .four-block5 {
        height: 66%;
        bottom: -12%;
        right: -20%;
    }
    .out-pict1 {
        display: none;
    }


    .specialist-item {
        min-height: fit-content;
        padding-bottom: 12px;
    }
    .specialist-item .item-img {
        height: 137px;
        min-height: 137px;
    }
    .specialist-item .content {
        padding: 0 12px;
        gap: 10px;
    }
    .specialist-item .content .zag {
        font-size: 14px;
    }
    .specialist-item .content .podpis {
        font-size: 12px;
    }
    .specialist-item .content .meta {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
    .specialist-item .content .meta .price {
        font-size: 16px;
        font-weight: 600;
        line-height: 118%;
        color: var(--text-block);
    }
    .specialist-item .content .meta .meta-in {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }
    .specialist-item .content .meta .meta-in p {
        font-size: 14px;
    }
    .specialist-item .meta button {
        font-size: 12px;
        padding: 10px 12px;
    }
    .specialist-item .raiting i:last-child {
        margin-right: 10px;
    }
    .specialist-item .stars i {
        width: 16px;
        height: 16px;
    }
    .raiting {
        font-size: 14px;
    }
    .stars i {
        width: 13px;
        height: 13px;
    }
    .owl-carousel .owl-nav button {
        position: relative;
        transform: translateY(0%);
    }
    .center-buttons {
        margin-top: 10px;
    }
    .center-buttons a,
    .center-buttons button {
        width: 100%;
    }

    .owl-carousel .products-item .content {
        padding: 0 12px;
    }
    .owl-carousel .products-item .content .zag {
        height: 3rem;
    }
    .owl-carousel .products-item .item-img {
        height: 137px;
    }
    .owl-carousel .item-img {
        position: relative;
    }
    .owl-carousel .item-img a {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
    .owl-carousel .products-item .content .zag {
        font-size: 12px;
        line-height: 124%;
    }
    .owl-carousel .products-item .content .podpis {
        font-size: 12px;
        line-height: 132%;
    }
    .owl-carousel .products-item .content .meta .price {
        font-size: 14px;
        line-height: 118%;
    }
    .owl-carousel .products-item .meta button {
        height: 36px;
        font-size: 12px;
    }

    .ask-w-u-w img {
        display: none;
    }
    .ask-w-u-w {
        width: 100%;
        background-color: var(--blue-light);
        padding: 30px 20px;
        border-radius: 24px;
        margin-top: 0;
        position: relative;
    }
    .osn-page .h-podpis {
        width: 100%;
    }
    .ask-w-u-w .anketa {
        gap: 16px;
        flex-direction: column;
    }
    .ask-w-u-w .anketa .left .up {
        flex-direction: column;
        gap: 16px;
    }
    .ask-w-u-w .anketa .left .up div:nth-child(2) ul {
        flex-direction: column;
        gap: 14px;
        align-items: flex-start;
    }
    .ask-w-u-w .anketa .right ul {
        gap: 14px;
    }
    .section-head {
        margin-bottom: 24px;
    }
    .ask-w-u-w .anketa .inputs {
        width: 100%;
    }
    .ask-w-u-w .anketa .inputs ul {
        list-style-type: none;
        margin: 0;
        padding: 10px 0;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 14px;
        width: 100%;
    }
    .ask-w-u-w .anketa .inputs ul li {
        display: flex;
        flex-direction: column;
        gap: 8px;
        width: 100%;
    }
    .ask-w-u-w .anketa .inputs button {
        width: 50%;
    }
    form.main-page-anketa legend,
    form.main-page-anketa label.custom-radio,
    form.main-page-anketa label.custom-checkbox,
    form.main-page-anketa label.custom-text,
    .ask-w-u-w .anketa .inputs button {
        font-size: 14px;
    }
    main.osn-page .full-width-section2 section {
        padding: 30px 0;
    }
    .full-width-section2 {
        border-radius: 24px;
    }
    .full-width-section2 .courses .courses-3col div.courses-3col-1col div.backimg {
        height: 92px;
    }
    .full-width-section2 .courses .courses-3col div.courses-3col-1col span {
        font-size: 12px;
        line-height: 124%;
    }
    .full-width-section2 .courses .courses-3col div.courses-3col-1col span br {
        display: block;
    }
    .main-page-about {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
    .main-page-about .backimg {
        height: 350px;
    }
    .main-page-about .citata .kavichka {
        width: 34px;
        min-width: 34px;
        min-height: 34px;
    }
    .main-page-about .citata {
        gap: 15px;
    }
    .main-page-about .citata p {
        margin: 0;
    }

    .main-page-four-cols {
        display: none;
    }

    .main-page-four-cols__box.ads {
        width: 100%;
        padding: 20px 20px 0 20px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: var(--blue) url("/img/image-222.png") bottom center no-repeat;
        background-size: auto 220px;
        border-radius: 24px;
        height: 310px;
    }
    .main-page-four-cols__box.ads .up {
        gap: 8px;
    }
    .main-page-four-cols__box.ads .up p {
        color: #FFF;
        line-height: 140%;
        font-weight: 400;
    }
    .main-page-four-cols__box.ads .up p.zag {
        color: #FFF;
        line-height: 118%;
        font-weight: 600;
    }
    .main-page-four-cols__box.ads .down {
        padding-bottom: 30px;
        height: 100%;
        justify-content: flex-end;
        display: flex;
        flex-direction: column;
    }
    .owl-carousel .main-page-four-cols__box .up p {
        font-size: 14px;
        font-weight: 600;
        line-height: 118%;
        color: var(--text-black);
        margin: 0;
    }
    .owl-carousel .main-page-four-cols__box .down {
        display: flex;
        flex-direction: column;
    }
    .owl-carousel .main-page-four-cols__box .down p {
        font-size: 14px;
        font-weight: 400;
        line-height: 132%;
        color: var(--text-black);
        margin: 0;
    }
    .slider_preimushestva {
        display: block;
    }
    .full-width-section2 {
        gap: 0;
    }
    .main-page-news-item .news-item .content .podpis,
    .main-page-news-item .news-item .content a,
    .main-page-news-item .news-item .content .zag {
        font-size: 14px;
    }
    .main-page-news-item .news-item .content .rub {
        font-size: 11px;
    }
    .main-page-news-item .news-item .content .podpis {
        height: 100%;
    }
    .main-page-news-item .news-item .content {
        padding: 0 12px;
    }
    .main-page-partners-two-cols-flex {
        display: flex;
        flex-direction: column-reverse;
    }
    .main-page-partners-two-cols-flex .flex {
        width: 100%;
        flex: auto;
    }
    .breadcrumbs {
        font-size: 12px;
        line-height: 132%;
    }
    .four-cols.personal {
        grid-template-columns: repeat(3, 1fr);
        gap: 8px;
    }
    .four-cols {
        grid-template-columns: repeat(2, 1fr);
        gap: 14px;
    }
    .four-cols .one-card {
        gap: 6px;
    }
    .four-cols .one-card span {
        font-size: 12px;
        font-weight: 600;
    }
    .four-cols .one-card .back-img {
        height: 90px;
    }
    .gap8 {
        gap: 8px;
    }
    .banner1 {
        height: 220px;
        flex-direction: column;
        align-items: flex-start;
        justify-content: space-between;
        gap: 0;
    }
    .banner1 .back {
        right: -27px;
        left: auto;
        bottom: -40px;
        width: 64%;
    }
    .banner1 .first {
        width: 50%;
        padding: 0 0 15px 15px;
    }
    .banner1 .first p {
        margin: 0;
    }
    .banner1 .first .zag {
        margin-bottom: 0;
        font-size: 12px;
        line-height: 1;
    }
    .banner1 .first .t1,
    .banner1 .first .t2 {
        font-size: 12px;
        line-height: 132%;
        font-weight: 400;
    }
    .banner1 .first .t1 br {
        display: none;
    }
    .banner1 .first { order: 2; }
    .banner1 .second { order: 1; }
    .banner1 .second {
        width: 85%;
        padding: 15px 0 0 15px;
        gap: 6px;
    }
    .banner1 .second .zag {
        font-size: 18px;
        line-height: 122%;
    }
    .banner1 .second .t1 {
        font-size: 12px;
        line-height: 132%;
    }
    .banner1 .second .b1 {
        flex-direction: column;
        gap: 8px;
        justify-content: flex-start;
        max-width: 140px;
    }

    .banner1 .second .b1 button.btn-white {
        background-color: #FFF;
        color: var(--blue);
        border: 1px solid #FFF;
        transition: all 0.5s;
        width: 140px;
        font-size: 12px;
        padding: 10px 10px !important;
        height: fit-content;
    }
    .banner1 .second .b1 img {
        height: 33px;
    }
    .products-item .item-img .icon {
        display: flex;
    }
    .owl-carousel .products-item .item-img .icon {
        display: flex;
    }

    .products-item .content {
        padding: 0 12px;
    }
    .products-item .content .zag {
        height: 3rem;
    }
    .products-item .item-img {
        height: 137px;
    }
    .products-item .content .zag {
        font-size: 12px;
        line-height: 124%;
    }
    .products-item .content .podpis {
        font-size: 12px;
        line-height: 132%;
    }
    .products-item .content .meta .price {
        font-size: 14px;
        line-height: 118%;
    }
    .products-item .meta button {
        height: 36px;
        font-size: 12px;
    }
    main.inner-page .section-head h2 {
        font-size: 18px;
        line-height: 122%;
        font-weight: 600;
        margin: 0;
    }
    main.inner-page .section-head h2.big {
        font-size: 22px;
        line-height: 110%;
        font-weight: 600;
        margin: 0;
    }
    .accordion summary {
        font-size: 14px;
        line-height: 118%;
        font-weight: 600;
    }
    .accordion p {
        font-size: 12px;
        line-height: 132%;
    }
    .accordion summary:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
    }
    .accordion details[open] > summary:before {
        width: 24px;
        height: 24px;
        font-size: 24px;
    }
    .otzivi-item {
        height: fit-content;
        flex-direction: column;
        gap: 20px;
        padding: 16px 16px;
    }
    .otzivi-item .left {
        width: 100%;
    }
    .otzivi-item .left .raiting {
        display: none;
    }
    .otzivi-item .left .zag .name {
        font-size: 18px;
        line-height: 122%;
    }
    .otzivi-item .left .zag {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .otzivi-item .left .zag .about {
        font-size: 12px;
    }
    .otzivi-item .right {
        width: 100%;
    }
    .otzivi-item .right p.text {
        font-size: 14px;
        line-height: 132%;
    }
    .otzivi-item .right p.date {
        font-size: 12px;
    }
    .otzivi-item .right .mobileonly {
        display: flex;
        flex-direction: row;
        gap: 50px;
    }
    .otzivi-item .right .mobileonly .raiting div {
        display: flex;
        flex-direction: row;
    }
    .otzivi-item .right .mobileonly .raiting {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 10px;
    }
    .owl-carousel.slider_otzivi .owl-nav button {
        top: 50%;
    }
    .owl-carousel.slider_otzivi .owl-prev {
        right: auto;
        left: auto;
    }
    .owl-carousel .owl-next {
        margin-right: -50px !important;
    }
    .owl-carousel.slider_otzivi {
        margin-bottom: 40px;
    }
    .open-sidebar-mobile {
        display: block;
    }
    .sidebar form.form-sidebar {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        background: #FFF;
        z-index: 9999;
        width: 100vw;
        height: 100%;
        min-height: 100vh;
        overflow-y: auto;
    }
    .sidebar form.form-sidebar .filter {
        padding: 20px;
    }
    .mobile-head {
        padding: 20px 40px;
        border-bottom: 1px solid #F5F4F4;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .mobile-head .close {
        position: absolute;
        right: 35px;
        width: 15px;
        height: 15px;
        background: url(/img/close-mobile-sidebar.svg);
        top: 25px;
    }
    .mobile-head h3 {
        color: var(--text-black);
        font-size: 18px;
        font-weight: 700;
        line-height: 122%;
        margin: 0;
    }
    .shop-section,
    .item-section {
        flex-direction: column;
    }

    .mibile-sidebar {
        display: none;
        z-index: 9999;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        overflow-y: auto;
        background-color: #FFF;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .mobile-sidebar-content {
        padding: 20px;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .mibile-sidebar .head {
        padding: 20px 40px;
        border-bottom: 1px solid #F5F4F4;
        position: relative;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
    }
    .mibile-sidebar .head h3 {
        color: var(--text-black);
        font-size: 18px;
        font-weight: 700;
        line-height: 122%;
        margin: 0;
    }
    .mibile-sidebar .head .close {
        position: absolute;
        right: 35px;
        width: 15px;
        height: 15px;
        background: url("/img/close-mobile-sidebar.svg");
        top: 25px;
    }
    .all-content .three-col {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .mibile-sidebar a {
        font-size: 14px;
        font-weight: 500;
        line-height: 132%;
        color: var(--text-black);
        transition: all 0.5s;
    }
    .mibile-sidebar a:hover {
        color: var(--blue);
    }
    .mibile-sidebar .filter {
        display: flex;
        flex-direction: column;
        gap: 24px;
        font-size: 14px;
        font-weight: 500;
        line-height: 132%;
        color: var(--text-black);
    }
    .mibile-sidebar button {
        width: 100%;
    }

    .mibile-sidebar legend {
        font-size: 14px;
        font-weight: 600;
        color: var(--text-black);
        line-height: 118%;
    }
    .mibile-sidebar .reset-rayon,
    .mibile-sidebar .reset-duration,
    .mibile-sidebar .reset-education,
    .mibile-sidebar .reset-employment,
    .mibile-sidebar .reset-gender,
    .mibile-sidebar .reset-opit,
    .mibile-sidebar .reset-brand,
    .mibile-sidebar .reset-cvet {
        color: #909090;
        font-size: 14px;
        font-weight: 400;
        line-height: 118%;
        margin-left: 20px;
        cursor: pointer;
        transition: all 0.5s;
    }
    .mibile-sidebar .reset-rayon:hover,
    .mibile-sidebar .reset-duration:hover,
    .mibile-sidebar .reset-education:hover,
    .mibile-sidebar .reset-employment:hover,
    .mibile-sidebar .reset-gender:hover,
    .mibile-sidebar .reset-opit:hover,
    .mibile-sidebar .reset-brand:hover,
    .mibile-sidebar .reset-cvet:hover{
        color: var(--blue);
    }
    .mibile-sidebar ul {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .mibile-sidebar ul li {
        margin: 0;
    }
    .mibile-sidebar label.custom-checkbox {
        display: inline-block;
        cursor: pointer;
        position: relative;
        padding-left: 25px;
        margin-right: 0;
        user-select: none;
        font-size: 14px;
        font-weight: 400;
        color: var(--text-black);
        line-height: 140%;
    }
    .mibile-sidebar label.custom-checkbox:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        position: absolute;
        left: 0;
        top: 2px;
        background: url(/img/custom-checkbox.svg) 0 0 no-repeat;
        transition: all 0.1s;
    }
    .mibile-sidebar input[type=checkbox]:checked + label.custom-checkbox:before {
        background: url(/img/custom-checkbox-checked.svg) 0 0 no-repeat;
    }
    .two-cols-text-input {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 11px;
    }
    .two-cols-text-input input {
        margin-top: 8px;
        height: 40px;
        border-radius: 8px;
        border: 1px solid #C6C6C6;
        background-color: #FFF;
        padding: 10px 12px;
        width: 100%;
    }
    .all-content {
        width: 100%;
    }
    .fast-filter {
        flex-wrap: nowrap;
        overflow-x: scroll;
        width: calc(100% + 40px);
        padding: 0 20px;
        position: relative;
        margin-left: -20px;
    }
    .sortby {
        justify-content: space-between;
    }
    .item-section .item-main {
        flex-direction: column;
    }
    .item-section .item-main .meta {
        width: 100%;
        min-width: 100%;
    }
    .meta-box {
        padding: 20px;
    }
    .meta-box .head .zag {
        font-size: 18px;
        line-height: 122%;
    }
    .meta-box .head .pod {
        font-size: 14px;
        line-height: 132%;
    }
    .quantity_inner .quantity {
        width: 50px;
        font-size: 12px;
    }
    .quantity_inner .bt_minus, .quantity_inner .bt_plus, .quantity_inner .quantity {
        height: 30px;
        width: 30px;
    }
    .quantity_inner .bt_minus svg, .quantity_inner .bt_plus svg {
        stroke-width: 2px;
        margin: 7px;
    }
    .meta-box button {
        width: 100%;
        height: 36px;
        font-size: 12px;
        padding: 0;
    }
    .meta-box .icon {
        width: 36px;
        min-width: 36px;
        height: 36px;
    }
    .tabs-items .tab-content {
        width: 100%;
    }

    .modal-dialog {
        width: 100%;
        max-width: 100%;
        margin: auto;
        top: 50%;
        transform: translateY(-50%);
        padding: 0 25px 0 15px;
    }
    .close {
        width: 16px;
        height: 16px;
        right: -14px;
        top: -12px;
    }
    .modal-title {
        line-height: 122%;
        font-size: 18px;
    }
    .modal-body .box {
        gap: 14px;
    }
    .modal-body .box .left img {
        width: 24px;
    }
    .modal-body .box .right p.zag {
        font-size: 14px;
    }
    .modal-body .box .right p.text {
        font-size: 12px;
        width: 100%;
    }
    .modal-body .box .right p.text-akcent {
        line-height: 132%;
        font-size: 12px;
    }
    .not-auth .second {
        flex-direction: column;
    }
    .mw100 {
        width: 100% !important;
    }
    #ostalis-voprosi .custom-checkbox {
        font-size: 12px;
    }
    .modal-body p {
        font-size: 14px;
        line-height: 132%;
    }
    #personal-phone .modal-body .price span.tenge,
    #oplata .modal-body .price span.tenge{
        font-size: 18px;
        font-weight: 600;
        line-height: 132%;
        color: var(--text-block);
    }

    .add-banner {
        height: fit-content;
        padding: 20px;
        flex-direction: column;
        gap: 14px;
    }
    .add-banner .left {
        width: 100%;
    }
    .add-banner img {
        position: absolute;
        top: 76px;
        left: 57%;
        width: 173px;
        transform: rotate(166deg);
    }
    .add-banner .left .zag {
        font-size: 18px;
        line-height: 122%;
    }
    .add-banner .left .text {
        font-size: 12px;
        line-height: 132%;
    }
    .add-banner .right {
        align-items: flex-start;
    }

    .check-banner {
        height: fit-content;
        padding: 20px;
        flex-direction: column;
        gap: 18px;
    }
    .check-banner .right {
        max-width: 100%;
    }
    .check-banner .right .zag {
        font-size: 14px;

    }
    .check-banner .right .text {
        font-size: 12px;
    }
    .check-banner .left .up .zag {
        font-size: 18px;
        line-height: 122%;
    }
    .check-banner .left .up .text {
        font-size: 12px;
        line-height: 132%;
    }
    .check-banner .left .up {
        max-width: 100%;
    }
    .check-banner .left .down {
        flex-direction: column;
        gap: 20px;
    }
    .check-banner .left .down .cols {
        display: flex;
        flex-direction: row;
        gap: 16px;
    }
    .check-banner .left .down .cols .text {
        gap: 4px;
    }
    .check-banner .left .down .cols .text span.zag {
        font-size: 16px;
        font-weight: 500;
        line-height: 132%;
    }
    .check-banner .left .down .cols .text span.text {
        font-size: 14px;
        font-weight: 400;
        line-height: 132%;
    }
    .check-banner img.back {
        display: none;
    }
    .personal-item-main {
        flex-direction: column;
    }
    .personal-item-main .left {
        width: 100%;
        flex-direction: column;
    }
    .personal-item-main .main-content {
        gap: 14px;
    }
    .personal-item-main .main-content .meta {
        flex-direction: column;
        gap: 8px;
    }
    .personal-item-main .main-img {
        width: 100%;
        min-width: 100%;
    }
    .personal-item-main .main-content .name h2 {
        font-size: 18px;
        line-height: 122%;
    }
    .personal-item-main .main-content-raiting .stars i {
        width: 17px;
        height: 17px;
    }
    .personal-item-main .right {
        width: 100%;
        gap: 7px;
    }
    .personal-item-main .right .sert {
        font-size: 14px;
        margin-top: 0;
    }
    .personal-item-main .right span.price {
        font-size: 18px;
        line-height: 122%;
    }
    .personal-item-main2 {
        flex-direction: column;
    }
    .personal-item-main2 .left {
        width: 100%;
        flex-direction: column;
    }
    .personal-item-main2 .main-content {
        gap: 14px;
    }
    .personal-item-main2 .main-content .meta {
        flex-direction: column;
        gap: 8px;
    }
    .personal-item-main2 .main-img {
        width: 100%;
        min-width: 100%;
    }
    .personal-item-main2 .main-content .name h2 {
        font-size: 18px;
        line-height: 122%;
    }
    .personal-item-main2 .main-content-raiting .stars i {
        width: 17px;
        height: 17px;
    }
    .personal-item-main2 .right {
        width: 100%;
        gap: 7px;
    }

    .personal-item-main .right .sert {
        font-size: 14px;
        margin-top: 0;
    }
    .personal-item-main .right span.price {
        font-size: 18px;
        line-height: 122%;
    }
    .tab-content .otzivi-item {
        gap: 17px;
        display: flex;
        flex-direction: column;
        border: 0;
    }
    .otzivi-item .first {
        display: flex;
        align-items: flex-end;
        flex-direction: row;
        justify-content: space-between;
    }
    .otzivi-item .second {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 4px;
    }
    .otzivi-item .raiting {
        display: flex;
        flex-direction: column;
        gap: 7px;
    }
    .otzivi-item .raiting div {
        display: flex;
        align-items: center;
        flex-direction: row;
        gap: 5px;
    }
    .otzivi-item .raiting.stars i {
        width: 17px;
        height: 17px;
    }
    .otzivi-item .first .date {
        font-size: 14px;
        font-weight: 400;
        line-height: 132%;
        color: #858585;
    }
    .otzivi-item .second .zag {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .otzivi-item .second .zag .name {
        font-size: 16px;
        font-weight: 600;
        line-height: 118%;
    }
    .otzivi-item .second .zag .about {
        font-size: 14px;
        font-weight: 400;
        line-height: 132%;
        color: #858585;
    }
    .otzivi-item .second .text {
        font-size: 16px;
        line-height: 140%;
        font-weight: 400;
        margin: 0;
    }
    .component-check .three-cols {
        background-color: var(--blue-light);
        padding: 20px 20px;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 14px;
        border-radius: 14px;
        height: fit-content;
    }
    .sidebar .sidebar-ads {
        display: none;
    }
    .sidebar-ads {
        padding: 30px 20px 0 20px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: var(--blue) url(/img/image-222.png) bottom center no-repeat;
        background-size: contain;
        width: 100%;
        min-height: 410px;
        border-radius: 24px;
        justify-content: space-between;
    }
    .otzivi-item.pc {
        display: none;
    }
    .add-banner2 {
        padding: 20px;
        height: 152px;
        flex-direction: column;
        gap: 14px;
    }
    .add-banner2 .left {
        width: 100%;
    }
    .add-banner2 .right {
        align-items: flex-start;
    }
    .add-banner2 .right button {
        height: 36px;
        padding: 5px 14px;
    }
    .add-banner2 .img1 {
        position: absolute;
        top: 0;
        right: 0;
        width: auto;
        height: 100%;
    }
    .add-banner2 .img2 {
        position: absolute;
        top: 0;
        left: 58%;
        width: 40px;
    }
    .add-banner2 .left .zag {
        font-size: 18px;
    }
    .add-banner2 .left .text {
        font-size: 14px;
    }
    .two-col-cards {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }
    .personal-item-main .left.vakancii .badge {
        position: inherit;
        top: 0;
        right: 0;
    }
    .personal-item-main .left.vakancii .main-content .meta {
        grid-template-columns: repeat(1, 1fr);
    }
    .personal-item-main .left.vakancii .main-content .meta {
        margin-top: 0px;
    }
    .tabs-items .two-cols-ul {
        grid-template-columns: repeat(1, 1fr);
        gap: 0px;
    }
    .tabs-items .one-cols-ul ul {
        column-count: 1;
    }
    .personal-item-main2 .right .zag {
        font-size: 18px;
    }
    .two-cols-education {
        grid-template-columns: repeat(1, 1fr);
    }
    .education-card .e4 {
        flex-direction: column;
        align-items: flex-start;
    }
    .education-card .e3-5 {
        display: none;
    }
    .education-card .e4-5 {
        display: block;
    }
    .sidebar .sidebar-ads2 {
        display: none;
    }
    .sidebar-ads2 {
        padding: 30px 20px 0 20px;
        display: flex;
        flex-direction: column;
        overflow: hidden;
        background: var(--blue) url(/img/ads-vector.svg) bottom right no-repeat;
        background-size: 170px;
        width: 100%;
        gap: 40px;
        border-radius: 24px;
        justify-content: space-between;
    }
    .sidebar-ads2 .up p.zag {
        font-size: 18px;
    }
    .sidebar-ads2 .up p {
        font-size: 12px;
    }
    .sidebar-ads2 .up {
        width: 70%;
    }
    .about-main .big .text {
        width: 100%;
    }
    .about-main .big .text h2 {
        font-size: 18px;
        line-height: 122%;
        color: #000;
    }
    .about-main .big .text p {
        font-size: 12px;
        line-height: 132%;
    }
    .about-main .big .image {
        width: 100%;
        height: 206px;
    }
    .about-main .big {
        flex-direction: column;
        height: 100%;
        padding: 20px;
        gap: 30px;
    }
    .about-main .mini {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .about-main .big {
        background-color: var(--blue-light);
        background-image: none;
    }
    .about-main .mini .zag {
        font-size: 22px;
        line-height: 110%;
    }
    .about-main .mini .text {
        font-size: 12px;
    }
    .about-main .mini .item:nth-child(3) {
        background-color: var(--blue);
    }
    .about-main .mini .item:nth-child(4) {
        background-color: var(--green);
    }
    .napravleniya .item.mgreen {
        background-color: var(--green-light);
    }
    .napravleniya .item.green.mgreen {
        background-color: var(--green-light);
    }
    .napravleniya .item.mblue {
        background-color: var(--blue-light);
    }
    .napravleniya,
    .napravleniya-item-big .item {
        grid-template-columns: repeat(1, 1fr);
    }
    .napravleniya-item-big br {
        display: none;
    }
    .napravleniya .item .zag,
    .napravleniya-item-big .item .inner .zag {
        font-size: 18px;
        line-height: 122%;
    }
    .napravleniya .item .text,
    .napravleniya-item-big .item .inner .text {
        font-size: 14px;
    }
    .napravleniya .item,
    .napravleniya-item-big .item {
        padding: 15px;
        gap: 14px;
    }
    .three-col {
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
    }
    .switcher .item {
        border-radius: 12px;
        background-color: transparent;
        border: 1px solid #7C7C7C;
        height: 34px;
        padding: 0 28px;
        color: #7C7C7C;
        cursor: pointer;
        transition: all 0.5s;
        font-size: 14px;
        font-weight: 600;
    }
    .news-two-col {
        flex-direction: column;
    }
    .news-two-col .main-content .data {
        font-size: 12px;
        line-height: 132%;
    }
    .news-two-col .main-content .body-content,
    .news-two-col .main-content .body-content p {
        font-size: 14px;
        line-height: 140%;
    }
    .news-two-col .main-content .body-content h1,
    .news-two-col .main-content .body-content h2 {
        font-size: 22px;
        line-height: 110%;
    }
    .news-two-col .main-content .body-content h4 {
        font-size: 18px;
        line-height: 122%;
    }
    .news-two-col .main-content .body-content p.akcent {
        font-size: 22px;
        line-height: 110%;
    }
    .news-pagination {
        gap: 20px;
        flex-direction: column-reverse;
        justify-content: space-between;
        align-items: center;
    }
    .main-content .center-buttons a,
    .main-content .center-buttons button {
        width: 100%;
    }
    .news-sidebar .news-pc {
        display: none;
    }
    .contacts-three-cols {
        grid-template-columns: repeat(1, 1fr);
    }
    .contacts-three-cols .item {
        height: 250px;
    }
    .modal-osn-dialog {
        position: fixed;
        top: 80px;
        left: 0;
        width: 100vw;
        max-width: 100vw;
        height: fit-content;
        min-height: calc(100vh - 80px);
        transform: translateY(0%);
    }
    .modal-header-brand {
        display: none;
    }
    .modal-osn-content {
        height: calc(100vh - 80px);
    }
    .modal:has(.modal-osn-dialog) {
        top: 80px;
        height: calc(100vh - 80px);
        background-color: transparent;
    }
    .mobile-popup-close {
        display: block;
        font-size: 14px;
        line-height: 132%;
        font-weight: 500;
    }
    .modal-osn-content {
        padding: 20px;
    }
    .modal .two-buttons {
        display: flex;
        flex-direction: column;
        margin-top: 20px;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 15px;
    }
    .modal .two-buttons.row {
        display: flex;
        flex-direction: row;
        margin-top: 20px;
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }
    .modal .done {
        line-height: 122%;
        font-size: 18px;
        font-weight: 600;
        color: var(--text-black);
        text-align: center;
    }
    .base-link {
        font-size: 14px;
    }
    .after-input.fs16 {
        font-size: 16px;
    }
    .two-cols-popup {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }
    .modal-osn-dialog:has(.three-cols-popup) {
        max-width: 100vw;
        width: 100vw;
    }
    .three-cols-popup .col .pict-box {
        height: 112px;
        width: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        border-radius: 8px;
    }
    .three-cols-popup .col .zag {
        text-align: center;
        font-size: 12px;
        font-weight: 600;
        color: var(--text-black);
        line-height: 132%;
        padding: 20px 0;
    }
    .modal-osn-content .zag {
        line-height: 122%;
        font-size: 18px;
        font-weight: 600;
        color: var(--text-black);
    }
    #header .osn .lang {
        font-size: 12px;
    }
    .header-mobile-menu .else .lang {
        display: flex;
        flex-direction: row;
        gap: 18px;
    }
    .header-mobile-menu .else .lang a {
        font-size: 16px;
        font-weight: 500;
        color: #8B8B8B;
        border-bottom: 1px dotted #8B8B8B;
    }
    .header-mobile-menu .else .lang a.active {
        color: var(--blue);
        border-bottom: 1px dotted var(--blue);
    }
    .white-paper h1 {
        font-size: 18px;
        line-height: 122%;
    }
    .special-regist-page .white-paper {
        background-color: #FFF;
        border-radius: 0;
        padding: 20px;
        margin-top: 0;
    }
    .full-width-section2 section .section-head div:nth-child(1) {
        width: 100%;
    }
    .center-buttons a {
        width: 100%;
    }
    .m100 {
        width: 100%;
    }
    .special-regist-page .white-paper .list {
        width: 100%;
    }
    ul.ul-two-col {
        columns: 1;
    }
    form.special-regist-page label.custom-radio-btn {
        font-size: 14px;
        font-weight: 600;
        padding: 9px 20px;
        border-radius: 8px;
        line-height: 100%;
    }
    body:has(.special-regist-page) {
        background-color: #FFF;
    }
    .list-grid-2-col {
        grid-template-columns: 1fr;
    }
    textarea {
        font-size: 14px;
        height: 162px;
    }
    #charCount {
        font-size: 12px;
    }
    .modal-content {
        padding: 20px;
    }
    #charCount {
        bottom: 10px;
        right: 10px;
    }
    form.tarif-choose ul.only-column {
        flex-direction: column;
        gap: 8px;
    }
    .tarif-offer .to1 {
        font-size: 14px;
        line-height: 132%;
    }
    .tarif-offer {
        gap: 8px;
    }
    .basket-box .basket-box-item .first .basket-item-zag {
        font-size: 12px;
    }
    .basket-box .basket-box-item .first .basket-item-zag .podpis {
        font-size: 12px;
    }
    .before-basket {
        display: none;
    }
    .before-basket, .basket-main {
        grid-template-columns: 1fr;
    }
    .basket-box .basket-box-item {
        flex-direction: column;
        gap: 8px;
    }
    .basket-box .basket-box-item .first,
    .basket-box .basket-box-item .second {
        width: 100%;
        justify-content: space-between;
    }
    .basket-box .basket-box-item .first .basket-img {
        width: 78px;
        min-width: 78px;
        height: 63px;
    }
    .basket-box .second .item-price .price {
        font-size: 14px;
    }
    .basket-box {
        padding: 0;
        border: 0;
    }
    .basket-box .basket-box-item {
        padding: 0;
        border-bottom: 0;
    }
    .meta-box .head .your-basket {
        font-size: 14px;
    }
    .meta-box .head .basket-calc-box__text1 {
        font-size: 14px;
    }
    .meta-box .head .basket-calc-box__text2 {
        font-size: 18px;
    }
    .meta-box .head .basket-calc-box__text3 {
        font-size: 14px;
    }
    .meta-box .head .basket-calc-box__text4 {
        font-size: 16px;
    }
    .meta-box .head .basket-calc-box__text5 {
        font-size: 18px;
    }
    .meta-box .head .basket-calc-box__text6 {
        font-size: 18px;
    }
    .empty-basket h2 {
        font-size: 18px;
    }
    .empty-basket p {
        font-size: 14px;
    }

    .body1 {
        font-size: 14px;
        line-height: 132%;
    }
    .h4 {
        font-size: 18px;
        font-weight: 600;
        line-height: 122%;
    }
    .h5 {
        font-size: 14px;
        line-height: 118%;
    }
    .body2 {
        font-size: 14px;
        font-weight: 400;
        line-height: 132%;
    }
    .body2-s2 {
        font-size: 14px;
        font-weight: 700;
        line-height: 132%;
    }
    .body2-s1z {
        font-size: 14px;
        font-weight: 500;
        line-height: 132%;
    }
    .order-box .personal-order-info .text,
    .basket-main .personal-order-info .text {
        width: 100%;
    }
    .order-box .personal-order-info,
    .basket-main .personal-order-info {
        align-items: flex-start;
    }
    .order-box  .personal-order-info#form-personal-order-info,
    .basket-main .personal-order-info#form-personal-order-info {
        flex-direction: column;
        align-items: flex-start;
    }

    main.inner-page section {
        max-width: 100%;
        padding-right: 20px;
        padding-left: 20px;
    }
    .two-col-m-one-col {
        display: grid;
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .dostavka-order .choose-pay {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 8px;
        width: 100%;
        margin-top: 18px;
    }
    .search-main {
        grid-template-columns: 1fr;
    }
    .search-main .basket-box .basket-box-item .second .item-price {
        align-items: flex-start;
    }
    .search-main .basket-box .basket-box-item {
        padding: 20px 0;
        border-bottom: 1px solid #EBEBEB;
    }
    .search-main .basket-box .basket-box-item:last-child {
        padding: 20px 0;
        border-bottom: 0;
    }
    .search-main .basket-box {
        gap: 0;
    }
    .search-on-page {
        width: 100%;
    }
    .search-box {
        width: 100%;
        height: 54px;
        border: 1px solid #D2D2D2;
        border-radius: 24px;
        padding: 10px 14px;
        display: flex;
        flex-direction: row;
        gap: 0;
        justify-content: space-between;
        align-items: center;
        overflow: hidden;
    }

    .search-on-page form input {
    }
    .search-on-page form button svg {
        fill: #0CA3ED;
        transition: all 0.5s;
        height: 38px;
    }
    .search-on-page form button {
        height: 40px;
        width: 40px;
        margin-right: -4px;
    }

    .pconly {
        display: none !important;
    }

    .mobileonly {
        display: inherit;
    }
    .four-col-lk {
        grid-template-columns: 1fr;
    }
    main.shop-page section {
        padding: 0 20px;
    }

    .max-w315-m-100 {
        max-width: 100%;
        width: 100%;
    }
    .lk-page-modif {
        padding-top: 0;
    }
    .back-white-line {
        background-size: 33%;
    }
    .lk-tabs-over {
        width: 100%;
        overflow: visible;
        position: relative;
        height: 55px;
    }
    .lk-tabs {
        width: 100vw;
        overflow-x: scroll;
        margin-left: -20px;
        padding-left: 20px;
        padding-right: 20px;
        position: absolute;
        top: 0;
    }
    .lk-react-box {
        gap: 20px;
    }
    .lk-react-box-down {
        width: 100%;
        display: flex;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .lk-react-box-down-inner:nth-child(1) {
        width: 50%;
        flex: 1;
    }
    .lk-react-box-down-inner:nth-child(2) {
        width: 50%;
        flex: 1;
    }
    .lk-react-box-down-inner:nth-child(3) {
        width: 100%;
        text-align: left;
    }
    .more-info__inner {
        grid-template-columns: 1fr 2fr;
    }
    .lk-content-tabs a.cancel-order {
        border-bottom: 1px solid #85858550;
        transition: all 0.5s;
        position: relative;
    }
    .orders-three-col {
        grid-template-columns: repeat(1, 1fr);
        gap: 12px;
    }
    .lk-courses-box .courses-meta {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .lk-certificates-box {
        grid-template-columns: 1fr 2fr;
        gap: 14px;
        margin: 7px 0;
    }
    .lk-certificates-box a {
        text-align: left;
    }
    .two-col-lk .lk-sidebar {
        display: none;
    }
    .two-col-lk {
        grid-template-columns: 1fr;
    }
    .lk-mes-window {
        border: 0;
        padding: 0;
        margin-top: 10px;
    }
    .lk-mes-window-item__right .date {
        display: none;
    }
    .lk-mes-window-item__right {
        width: fit-content;
    }
    .lk-mes-window-item__left {
        width: 100%;
        gap: 8px;
    }
    #more-message-modal a {
        font-size: 12px;
    }
    .chat {
        border: 0;
        border-radius: 0;
    }
    .chat .chat-wall {
        max-height: calc(100vh - 342px);
    }
    .chat-special {
        gap: 0 !important;
        position: fixed;
        width: 100vw;
        height: 100%;
        top: 80px;
        bottom: 54px;
        left: 0;
        background: #FFF;
        padding: 0 !important;
        display: flex;
    }
    .chat-special .head-info {
        padding-left: 20px;
    }
    .chat .chat-wall .message-to .text,
    .chat .chat-wall .message-from .text {
        width: 75%;
    }
    .chat .chat-wall .one-day .message + .message {
        margin-top: 0;
    }

    .fields {
        font-size: 14px;
    }
    .lk-react-item {
        flex-direction: column;
        gap: 16px;
    }
    .lk-react-item__left,
    .lk-react-item__right {
        width: 100%;
    }
    .lk-react-item__right {
        display: flex;
        flex-direction: column;
        gap: 8px;
        align-items: flex-start;
        justify-content: space-between;
    }
    .lk-react-advert-box {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .lk-react-advert-box__inner {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .lk-react-advert-box__inner .right {
        justify-content: flex-start;
    }
    .lk-react-advert-meta {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px;
    }
    .ads-text-meta {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 6px;
        width: 100%;
    }
    ul.advert-remark a {
        font-size: 12px;
    }
    .education-two-col .left .second .table {
        width: 100%;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
    }
    .education-two-col {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 20px;
    }
    .education-two-col .left .first ul.advert-remark a {
        font-size: 14px;
    }
    .education-two-col .left .first h1 {
        font-size: 18px;
        line-height: 122%;
    }
    .education-two-col .left .first p {
        font-size: 12px;
        line-height: 132%;
    }
    .education-two-col .left .second .buttons-sec {
        display: grid;
        grid-template-columns: 1fr;
        gap: 8px;
        width: 100%;
    }
    .education-two-col .left .second .buttons-sec .up {
        display: grid;
        grid-template-columns: 1fr 32px;
        gap: 8px;
        width: 100%;
    }
    .education-two-col .left .second .buttons-sec .down {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
    }
    .education-two-col .left .second .buttons-sec .up .btn-favorite {
        width: 32px;
        min-width: 32px;
        height: 32px;
        background-color: #FFF;
        border-radius: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 0;
        transition: all 0.5s;
        border: 0;
    }
    .education-two-col .left .second .buttons-sec .up .btn-favorite svg {
        fill: #0CA3ED;
        transition: all 0.5s;
    }
    .education-two-col .left .second .buttons-sec .up .btn-favorite:hover {
        background-color: var(--blue);
    }
    .education-two-col .left .second .buttons-sec .up .btn-favorite:hover svg {
        background-color: #FFF;
    }
    .education-two-col .left .second .buttons-sec.mobileonly {
        display: grid;
    }
    .education-two-col .left .second .buttons-sec button {
        height: 36px;
        padding: unset;
    }
    .ed-two-cols {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }
    .h2 {
        font-size: 22px;
        font-weight: 600;
        line-height: 110%;
        margin: 0;
    }
    .ed-two-cols .left .points-box {
        row-gap: 9px;
    }
    .ed-benefits {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
        justify-content: center;
        margin-top: 40px;
    }
    .ed-benefits .ed-ben {
        height: 158px;
    }
    .ed-benefits .ed-ben img {
        width: 48px;
        height: 48px;
    }
    .full-width-div .ed-urok .owl-carousel.owl-drag .owl-item {
        margin: 0;
    }
    .ed-urok .owl-out .thumbs {
        width: 100vw;
        padding: 0 20px;
        margin-left: -20px;
    }

    .sidebar button {
        width: calc(100% - 40px);
        position: fixed;
        bottom: 10px;
    }
    .sidebar form.form-sidebar .filter {
        margin-bottom: 60px;
    }

}

@media screen and (max-width: 375px) {
    .header-box {
        padding: 5px 10px;
    }
    .location-mob a {
        font-size: 12px;
    }
    .location-mob a i {
        margin-top: 12px;
    }
    .header-box .mobile-header .second {
        gap: 12px;
    }
    .header-box .mobile-menu {
        margin-left: -5px;
    }
}