@charset "UTF-8"; 

@font-face { font-family: Inter; font-style: normal; src: url("/fonts/Inter.ttf"); }

html, body{ min-height: 100vh; margin: 0; padding: 0; scroll-behavior: smooth; }
body{ display: flex; flex-direction: column; background: #f6f7f9; font: 400 20px/150% Inter; letter-spacing: -0.2px; color: #596780; }
p{ margin: 20px 0; }
p:first-child{ margin-top: 0; }
p:last-child{ margin-bottom: 0; }
h1{ margin: 0 0 30px 0; font-weight: 700; font-size: 36px; line-height: 1.1; letter-spacing: -0.3px; color: #1a202c; }
h2{ margin: 0 0 30px 0; font-weight: 700; font-size: 36px; line-height: 1.1; letter-spacing: -0.3px; color: #1a202c; }
h3{ margin: 0 0 20px 0; font-weight: 600; font-size: 24px; line-height: 1.5; letter-spacing: -0.3px; color: #1a202c; }
body.lk h1{ margin: 0 0 15px 0; font-weight: 600; font-size: 16px; line-height: 1.5; letter-spacing: -0.2px; }
body.lk h2{ margin: 0 0 15px 0; font-weight: 600; font-size: 16px; line-height: 1.5; letter-spacing: -0.2px; }
a{ text-decoration: underline; color: #0f62fe; }
a.nounderline{ text-decoration: none; }

input[type="text"], input[type="password"], input[type="tel"], input[type="email"], input[type="number"]{ box-sizing: border-box; padding: 13px 16px; border: 1px solid rgb(189, 189, 189); border-radius: 22px; background: #fff; font: 400 14px/17px Inter; letter-spacing: 0; color: #333333; }
::-webkit-input-placeholder{ color: #979696; }
:-moz-placeholder{ color: #979696; opacity:  1; }
::-moz-placeholder{ color: #979696; opacity:  1; }
:-ms-input-placeholder{ color: #979696; }
::-ms-input-placeholder{ color: #979696; }
::placeholder{ color: #979696; }
input:focus, select:focus, button:focus{ outline: 0; }

p.field{ font-weight: 500; letter-spacing: 0; color: #333; }
p.field > span{ color: #ff3b3b; }
p.field > input{ display: block; width: 100%; margin-top: 5px; }

label.checkbox{ letter-spacing: 0; }
label.checkbox input{ display: none; }
label.checkbox::before{ content: ""; display: inline-block; box-sizing: border-box; width: 24px; height: 24px; margin: 0 5px -5px 0; border: 1px solid rgb(189, 189, 189); border-radius: 2px; background: #fff; }
label.checkbox:has(input:checked)::before{ background: url(/images/tick.svg) center no-repeat; }

button{ box-sizing: border-box; padding: 13px 25px; border: 1px solid #0f62fe; border-radius: 30px; background: #0f62fe; font: 600 16px/1.5 sans-serif; color: #fff; cursor: pointer; }
a.button{ display: inline-block; vertical-align: middle; box-sizing: border-box; padding: 13px 25px; border: 1px solid #0f62fe; border-radius: 30px; background: #0f62fe; text-decoration: none; font: 600 16px/1.5 sans-serif; color: #fff; cursor: pointer; }
button.dark, a.button.dark{ border-color: #024fdf; background: #024fdf; }
button.white, a.button.white{ border-color: #fff; background: #fff; color: #0f62fe; }
button.grey, a.button.grey{ border-color: #c3d4e9; background: #c3d4e9; color: #596780; }
button.empty, a.button.empty{ border-color: #fff; background: transparent; }
button.emptyBlue, a.button.emptyBlue{ border-color: #0f62fe; background: transparent; color: #0f62fe; }

a.button.cat{ padding: 5px 10px 5px 5px; font-size: 12px; color: #1a202c; }
a.button.cat.allCat{ padding: 14.5px 25px; color: #fff; }
a.button.cat img{ vertical-align: middle; margin-right: 7px; }

header{ flex: none; display: flex; align-items: center; justify-content: space-between; padding: 30px 120px; background: #fff; }
body.lk header{ margin: 0 0 0 120px; padding: 30px 20px 30px 0; }
.logo{ margin: 0; line-height: 1; }
body.lk .logo{ margin-left: 25px; }
.logo img{ width: 110px; }
header nav{ display: flex; align-items: center; gap: 10px; margin: 0; }
header nav a{ text-decoration: none; font-size: 16px; line-height: 1; color: #596780; }
header nav a:first-child{ margin-right: 20px; }
header nav a:not(:first-child){ display: flex; align-items: center; gap: 11px; padding: 8px 20px; border: 1px solid #c3d4e9; border-radius: 30px; }
header nav a.active:not(:first-child){ border-color: #0f62fe; color: #0f62fe; }
header nav a:not(:first-child)::before{ content: url(/images/doc.svg); }
header nav a.active:not(:first-child)::before{ content: url(/images/doc_b.svg); }
header nav a:nth-child(2)::before{ content: url(/images/leads.svg); }
header nav a.active:nth-child(2)::before{ content: url(/images/leads_b.svg); }
.lang{ width: 25px; line-height: 1; }
.lang img{ width: 25px; }
.headFloat{ display: flex; align-items: center; gap: 5px; }
.headFloat > button:not(:last-child){ flex: none; display: flex; align-items: center; justify-content: center; position: relative; box-sizing: border-box; width: 36px; height: 36px; margin: 0; padding: 0; border: 1px solid #c3d4e9; border-radius: 28px; background: transparent; line-height: 1; }
.headFloat > button:nth-child(5){ display: none; }
.headFloat > button span{ position: absolute; right: -4px; top: -4px; width: 17px; height: 17px; border-radius: 28px; background: #ff4423; text-align: center; font-weight: 500; font-size: 10px; line-height: 20px; color: #fff; }
.headFloat > button span:empty{ display: none; }
.headUser{ display: flex; align-items: center; gap: 8px; margin-left: 15px; text-decoration: none; }
.headUser.login{ box-sizing: border-box; padding: 10px 20px; border: 1px solid #0f62fe; border-radius: 30px; background: #0f62fe; font-size: 16px; line-height: 1; color: #fff; }
.headUser > img{ width: 36px; height: 36px; border-radius: 28px; overflow: hidden; }
.headUser > div{ display: flex; flex-direction: column; gap: 4px; }
.headUser > div strong{ font-weight: 600; font-size: 13px; line-height: 1; color: #1a202c; }
.headUser > div span{ border-radius: 8px; background: rgba(57, 135, 253, 0.1); text-align: center; font-size: 10px; line-height: 17px; color: #3987fd; }
header > button:last-child{ display: none; margin-left: 25px; padding: 10px 20px; border: none; border-radius: 30px; background: #0f62fe; font-weight: 400; font-size: 16px; line-height: 1; letter-spacing: 0; color: #fff; }
header > button:last-child img{ margin-right: 10px; }

body > nav{ display: none; }

main{ flex: auto; padding: 45px 120px 100px 120px; }
body.lk main{ display: flex; padding: 0 0 0 120px; }

.sidebar{ flex: none; display: flex; flex-direction: column; padding: 38px 20px 30px 25px; background: #fff; }
.sidebar ul{ flex: auto; margin: 0; padding: 0; list-style: none; }
.sidebar li{ position: relative; margin: 10px 0; padding: 0; line-height: 150%; font-size: 15px; }
.sidebar li:first-child{ margin-top: 0; }
.sidebar p{ position: relative; }
.sidebar a{ padding-left: 30px; font-weight: 500; font-size: 15px; text-decoration: none; color: #596780; }
.sidebar a::before{ position: absolute; left: 10px; top: 50%; transform: translate(-50%, -35%); }
.sidebar a.lk_380::before{ content: url(/images/m_stat.svg); }
.sidebar a.lk_341::before{ content: url(/images/m_profile.svg); }
.sidebar a.lk_381::before{ content: url(/images/m_balance.svg); }
.sidebar a.lk_382::before{ content: url(/images/m_ref.svg); }
.sidebar a.lk_383::before{ content: url(/images/m_history.svg); }
.sidebar a.lk_384::before{ content: url(/images/m_leads.svg); }
.sidebar a.lk_385::before{ content: url(/images/m_packs.svg); }
.sidebar a.lk_386::before{ content: url(/images/m_tasks.svg); }
.sidebar a.lk_387::before{ content: url(/images/m_settings.svg); }
.sidebar a.lk_388::before{ content: url(/images/m_services.svg); }
.sidebar a.lk_389::before{ content: url(/images/m_education.svg); }
.sidebar a.lk_390::before{ content: url(/images/m_help.svg); }
.sidebar a.lk_391::before{ content: url(/images/m_docs.svg); }
.sidebar a.logout::before{ content: url(/images/logout.svg); }
.sidebar a:hover, .sidebar a.active{ color: #0f62fe; }
.sidebar a:hover::before, .sidebar a.active::before{ filter: invert(26%) sepia(77%) saturate(5531%) hue-rotate(220deg) brightness(103%) contrast(98%); }

/*section.faq{ padding: 20px 0; border-radius: 20px; background: #fff; }
section.faq > p{ padding-left: 20px; padding-right: 20px; }*/

body:not(.lk) section{ position: relative; }
section.blueBG{ position: relative; height: 911px; margin: -45px -120px -867px -120px; background: #000E27; }
section.blueBG.inline{ height: auto; margin: 0 -120px; padding: 65px 120px 45px 120px; }

body.lk section{ flex: auto; display: flex; flex-direction: column; gap: 20px; padding: 20px; }
body.lk section > div{ padding/ 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); border-radius: 10px; background: #fff; font-size: 16px; letter-spacing: 0px; }

section.blueBG.home{ height: 691px; margin-bottom: -691px; }

section.homeTop{ margin-top: 35px; }
section.homeTop h1{ max-width: 650px; margin: 0 auto 20px auto; text-align: center; font-size: 48px; line-height: 1.1; color: #fff; }
section.homeTop > p:nth-child(2){ max-width: 900px; margin: 20px auto 30px auto; text-align: center; font-size: 24px; color: #90a3bf; }
section.homeTop > p:nth-child(3){ display: flex; gap: 25px; justify-content: center; margin: 30px 0 60px 0; }
section.homeTop h2{ margin: 60px 0 30px 0; text-align: center; font-size: 24px; color: #fff; }
section.homeTop div:last-child p{ display: flex; gap: 10px; flex-wrap: wrap; margin: 0; }
@media (min-width: 1270px){
    section.homeTop div:last-child p{ justify-content: space-between; }
}

section.homeBanner{ margin-top: 30px !important; }
section.homeBanner img{ width: 100%; height: 220px; object-fit: cover; border-radius: 10px; overflow: hidden; }

section.homeWe{ margin-top: 30px !important; padding: 50px 45px 65px 45px; border-radius: 12px; background: #fff; }
section.homeWe > :first-child{ text-align: center; font-weight: 600; font-size: 20px; color: #0f62fe; }
section.homeWe h2{ margin: 20px 0 20px 0; text-align: center; font-size: 40px; }
section.homeWe > p:nth-child(3){ max-width: 720px; margin: 16px auto 70px auto; text-align: center; font-size: 20px; color: #596780; opacity: 0.64; }
section.homeWe div{ display: flex; gap: 95px; }
section.homeWe div > *{ width: calc((100% - 95px) / 2); }
section.homeWe ul{ display: flex; flex-direction: column; gap: 44px; margin: 0; padding: 0; list-style: none; }
section.homeWe li{ position: relative; margin: 0; padding: 0 0 0 82px; }
section.homeWe li > :first-child{ position: absolute; left: 0; top: 0; display: flex; align-items: center; justify-content: center; margin: 0; width: 50px; height: 50px; border-radius: 12px; background: #0f62fe; line-height: 1px; }
section.homeWe li:nth-child(2) > :first-child{ background: #33B938; }
section.homeWe li h3{ margin: 0; }
section.homeWe li p{ margin: 12px 0 0 0; font-size: 16px; color: #596780; line-height: 1.5; }

section.homeCat{ margin-top: 120px !important; }
section.homeCat > :last-child > :first-child{ margin: 0; text-align: center; font-weight: 600; font-size: 20px; color: #0f62fe; }
section.homeCat h2{ margin: 20px 0 20px 0; text-align: center; font-size: 40px; color: #fff; }
section.homeCat > :last-child > p:nth-child(3){ max-width: 720px; margin: 16px auto 50px auto; text-align: center; font-size: 20px; color: #c3d4e9; opacity: 0.64; }
section.homeCat > :last-child > :last-child{ margin: 50px 0 0 0; text-align: center; }

ul.il{ display: flex; gap: 25px; flex-wrap: wrap; margin: 0; padding: 0; list-style: none; }
ul.il li{ display: flex; flex-direction: column; gap: 4px; box-sizing: border-box; width: calc((100% - 75px) / 4); padding: 8px; border-radius: 16px; background: #fff; box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05), 0px 0px 1px 0px rgba(12, 26, 75, 0.24); }
ul.il li > p, ul.il li > h3{ flex: none; margin: 0; }
.ilTop{ position: relative; line-height: 1px; }
.ilTop > img{ width: 100%; height: 200px; object-fit: cover; border-radius: 16px; overflow: hidden; }
.ilTop > .label{ display: block; position: absolute; top: 6px; left: 10px; padding: 0 10px; border-radius: 15px; font-size: 12px; line-height: 25px; letter-spacing: 0; }
.ilTop > .label.hot{ background: #ff4423; color: #fff; }
.ilTop > .fav{ display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; right: 6px; width: 48px; height: 48px; border-radius: 24px; background: #fff; text-decoration: none; line-height: 1px; }
.ilTop > .fav::before{ content: url(/images/heart_blank.svg); }
.ilTop > .fav.active::before{ content: url(/images/heart_red.svg); }
.ilCat{ font-weight: 600; font-size: 14px; line-height: 24px; color: #425466;}
h3.ilName{ font-size: 16px; }
.ilDesc{ flex: auto !important; font-size: 14px; line-height: 150%; color: #596780; }
.ilPerson{ display: flex; gap: 14px; align-items: center; }
.ilPerson p{ margin: 0; }
.ilPerson > :first-child{ flex: 0; }
.ilPerson > :first-child img{ width: 46px; height: 46px; object-fit: cover; border-radius: 23px; }
.ilPerson > :last-child{ flex: auto; }
.ilPerson > :last-child > :first-child{ font-weight: 600; font-size: 14px; line-height: 25px; letter-spacing: 0; color: #16192c; }
.ilPerson > :last-child > :last-child{ display: flex; align-items: center; gap: 5px; font-weight: 600; font-size: 14px; line-height: 24px; letter-spacing: 0; }
.ilPerson > :last-child > :last-child > :last-child{ display: flex; align-items: center; gap: 8px; margin-top: -2px; line-height: 1px; }
.ilPerson > :last-child > :last-child > :last-child img{ width: 16px; }
.ilNote{ min-height: 24px; font-weight: 600; font-size: 14px; line-height: 24px; color: #425466; }
.ilPrice{ font-weight: 600; font-size: 24px; line-height: 36px; letter-spacing: -0.3px; color: #0f62fe; }
.ilPrice span{ font-weight: 400; font-size: 10px; color: #596780; }
ul.il button{ margin-top: 8px; }

section.events{ margin-top: 60px !important; }
section.events h2{ margin: 0 0 30px 0; }
.eventsC{ box-sizing: border-box; width: calc(100% + 240px); overflow: auto; margin: 0 -120px 0 -120px; }
.eventsC::-webkit-scrollbar{ width: 0; }
.eventsL{ display: flex; gap: 20px; width: 100%; margin: 0; padding: 0; list-style: none; }
.eventsL::before, .eventsL::after{ content: ''; flex: none; width: 100px; }
.eventsL li{ flex: none; display: flex; flex-direction: column; gap: 10px; box-sizing: border-box; width: 486px; margin: 0; padding: 10px 10px 20px 10px; border-radius: 16px; background: #fff; box-shadow: 0px 0px 1px 0px rgba(12, 26, 75, 0.24); }
.eventsL li > *{ margin: 0; }
.eventsL li > :first-child{ height: 317px; line-height: 1; }
.eventsL li > :first-child img{ width: 100%; height: 100%; object-fit: cover; border-radius: 10px; }
.eventsL li button{ min-width: 50%; }

section.homeFaq{ margin-top: 110px !important; }
section.homeFaq > :first-child{ text-align: center; font-weight: 600; font-size: 20px; color: #0f62fe; }
section.homeFaq h2{ margin: 15px 0; text-align: center; font-size: 40px; }
section.homeFaq > p:nth-child(3){ max-width: 720px; margin: 15px auto 50px auto; text-align: center; font-size: 20px; opacity: 0.64; }
.faq{ display: flex; flex-direction: column; gap: 1px; margin: 0; padding: 0; list-style: none; border-radius: 12px; overflow: hidden; }
section.homeFaq .faq{ margin: 0 70px; }
.faq li{ margin: 0; padding: 0; background: #fff; }
.faq li > p{ position: relative; margin: 0; padding: 20px 22px; font-weight: 500; font-size: 18px; color: #061c3d; cursor: pointer; }
.faq li > p::before{ content: ""; display: block; position: absolute; right: 36px; top: 50%; transform: translate(50%, -50%); width: 18px; height: 2px; border-radius: 1px; background: #061c3d; transition: .2s; }
.faq li > p::after{ content: ""; display: block; position: absolute; right: 36px; top: 50%; transform: translate(50%, -50%); width: 2px; height: 18px; border-radius: 1px; background: #061c3d; transition: .2s; }
.faq li.active > p{ background: #0f62fe; color: #fff; }
.faq li.active > p::before{ transform: translate(50%, -50%) rotate(135deg); background: #fff; }
.faq li.active > p::after{ transform: translate(50%, -50%) rotate(135deg); background: #fff; }
.faq li > div{ display: none; box-sizing: border-box; padding: 0 22px; overflow: hidden; font-size: 16px; line-height: 24px; letter-spacing: 0; }
.faq li.active > div{ display: block; }
.faq li > div p:first-child{ margin-top: 10px; }
.faq li > div p:last-child{ margin-bottom: 10px; }

footer{ position: relative; flex: none; padding: 120px; padding-bottom: 0; background: #fff; }

footer > :first-child{ display: flex; align-items: flex-start; gap: 60px; }
footer > :first-child > :first-child{ flex: none; display: flex; flex-direction: column; gap: 30px; width: 28%; }
footer > :first-child > :first-child > :first-child{ line-height: 1; }
footer > :first-child > :last-child{ flex: auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; }

footer p{ margin: 0; font-size: 18px; }
footer ul { margin: 0; padding: 0; list-style: none; }
footer ul li{ margin: 0; padding: 0; }
footer ul li:first-child{ margin-bottom: 32px; }
footer ul li:not(:first-child){ margin-top: 22px; }
footer ul li strong{ font-weight: 600; font-size: 20px; color: #1a202c; }
footer ul li a{ text-decoration: none; font-size: 16px; color: #596780; }

footer > :last-child{ display: flex; gap: 80px; margin-top: 65px; padding: 32px 0; border-top: 1.5px solid #cebefe; }
footer > :last-child a{ flex: none; position: relative; text-decoration: none; font: 600 18px/1.5 sans-serif; color: #1a202c; }
footer > :last-child a:not(:first-child):before{ content: "|"; position: absolute; top: -1px; left: -40px; font-weight: 400; }
footer > :last-child p{ flex: auto; font: 500 16px/1.5 sans-serif; text-align: right; }

.popup{ display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; overflow-y: auto; background: rgba(0, 0, 0, 0.64); backdrop-filter: blur(6.8px); }
.popupWrap{ display: flex; align-items: center; justify-content: center; width: 100%; min-height: 100%; padding: 45px; box-sizing: border-box; }
.popupFrame{ position: relative; box-sizing: border-box; padding: 30px; border-radius: 16px; background: #fff; box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05),0px 0px 1px 0px rgba(12, 26, 75, 0.24); font-size: 14px; line-height: 1.5; }
.popupClose{ display: none; position: absolute; right: 0; top: -43px; width: 62px; height: 43px; border: none; border-radius: 5px 0px 0px 0px; background: #1a202c; }
.popupButtons{ display: flex; flex-direction: column; gap: 15px; margin-top: 20px; }
.popup button:not(.popupClose){ width: 100%; }
.popupTitle{ font-weight: 700; font-size: 24px; color: #1a202c; }

#loginFrame .popupFrame{ max-width: 380px; }
#registerFrame .popupFrame{ max-width: 380px; }
.loginAlternative{ position: relative; text-align: center; }
.loginAlternative::before{ content: ""; position: absolute; left: 0; top: 50%; width: 40%; height: 1px; background: #c3d4e9; line-height: 1; }
.loginAlternative::after{ content: ""; position: absolute; right: 0; top: 50%; width: 40%; height: 1px; background: #c3d4e9; line-height: 1; }
.loginSN{ display: flex; align-items: center; justify-content: center; gap: 12px; }
.loginSN > a{ flex: none; display: flex; align-items: center; justify-content: center; width: 52px; height: 52px; border: 1px solid rgba(195, 212, 233, 0.35); border-radius: 30px; background: #fff; box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05),0px 0px 1px 0px rgba(12, 26, 75, 0.24); }
.logintoreg{ font-weight: 500; letter-spacing: 0; text-align: center; color: #333; }

.mobileCenter{ text-align: center; }

@media (max-width: 1280px) {
    body{ font-size: 14px; }
    p{ margin: 15px 0; }
    h1{ margin-bottom: 20px; }

    header{ padding: 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05),0px 0px 1px 0px rgba(12, 26, 75, 0.24); }
    body.lk header{ margin: 0; padding: 15px 15px 15px 0; }
    .logo{ flex: auto; }
    body.lk .logo{ margin-left: 20px; }
    header nav{ display: none; }
    .lang{ margin-right: 15px; }
    .headFloat{ gap: 10px; }
    .headUser{ margin-left: 0; }
    header > button:last-child{ display: block; }

    body > nav{ display: none; flex-direction: column; align-items: center; gap: 10px; position: absolute; z-index: 1; top: 80px; right: 15px; margin: 0; padding: 10px; border-radius: 10px; background: #fff; box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05),0px 0px 1px 0px rgba(12, 26, 75, 0.24); }
    body > nav a{ flex: auto; width: 100%; box-sizing: border-box; padding: 10px 20px; border: 1px solid #c3d4e9; border-radius: 30px; text-decoration: none; font-size: 16px; line-height: 1; color: #596780; }
    body > nav a.active{ border-color: #0f62fe; color: #0f62fe; }

    main{ flex: auto; padding: 20px 15px 50px 15px; }
    body.lk main{ padding: 0; }
    
    .sidebar{ padding: 29px 18px 30px 18px; background: #fff; }

    section.blueBG{ height: 691px; margin: -20px -15px -669px -15px; }
    section.blueBG.inline{ margin: 0 -15px; padding: 30px 15px; }

    body.lk section{ gap: 15px; padding: 10px; }

    section.homeTop h1{ max-width: 500px; margin: 0 auto 25px auto; font-size: 36px; }
    section.homeTop > p:nth-child(2){ max-width: 500px; margin: 25px auto 20px auto; font-size: 18px; }
    section.homeTop > p:nth-child(3){ margin: 18px 0 45px 0; }
    section.homeTop h2{ margin: 45px 0 18px 0; }

    section.homeBanner{ margin-top: 60px !important; }
    section.homeBanner img{ height: 138px; }
    
    section.homeWe{ margin-top: 60px !important; }
    section.homeWe > :first-child{ padding-top: 0; }
    section.homeWe h2{ font-size: 36px; }
    section.homeWe > p:nth-child(3){ max-width: 500px; font-size: 18px; }
    section.homeWe div{ flex-direction: column; gap: 60px; }
    section.homeWe div > *{ width: 100%; }
    
    section.homeCat{ margin-top: 50px !important; }
    section.homeCat h2{ font-size: 36px; }
    section.homeCat > :last-child > p:nth-child(3){ max-width: 500px; margin: 16px auto 30px auto; font-size: 18px; }
    section.homeCat > :last-child > :last-child{ margin: 35px 0 0 0; }
    section.homeCat ul.il li:nth-child(7), section.homeCat ul.il li:nth-child(8){ display: none; }
    
    ul.il{ gap: 15px; }
    ul.il li{ width: calc((100% - 30px) / 3); }

    .eventsC{ width: calc(100% + 30px); margin: 0 -15px 0 -15px; }
    .eventsL::before{ width: 1px; margin-right: -6px; }
    .eventsL::after{ width: 1px; margin-left: -6px; }

    section.homeFaq{ margin-top: 45px !important; }
    section.homeFaq > :first-child{ display: none; }
    section.homeFaq h2{ margin: 15px 0; text-align: left; font-size: 36px; }
    section.homeFaq > p:nth-child(3){ max-width: unset; margin: 15px auto 20px auto; text-align: left; }
    section.homeFaq .faq{ margin: 0; }

    footer{ padding: 40px 15px 30px 15px; }

    footer > :first-child{ flex-direction: column; gap: 55px; }
    footer > :first-child > :first-child{ flex: auto; flex-direction: row; gap: 30px; width: auto; font-size: 18px; }
    footer > :first-child > :first-child > :last-child{ margin-top: 7px; }
    footer > :first-child > :last-child{ flex: auto; display: flex; align-items: flex-start; justify-content: space-between; gap: 30px; width: 100%; }
    
    footer > :last-child{ gap: 36px; margin-top: 40px; padding: 20px 0 0 0; }
    footer > :last-child a{ font: 400 12px/1.5 Inter; }
    footer > :last-child a:not(:first-child):before{ top: 0; left: -18px; }
}

@media (max-width: 900px) {
    h1{ margin: 0 0 10px 0; font-size: 18px; line-height: 1.5; letter-spacing: -0.2px; }
    h2{ margin: 0 0 10px 0; font-size: 18px; line-height: 1.5; letter-spacing: -0.2px; }
    h3{ margin: 0 0 10px 0; font-size: 16px; line-height: 1.5; }

    a.button.cat{ padding: 8px 10px 7px 5px; }
    a.button.cat.allCat{ padding: 9px 25px; color: #fff; }
    a.button.cat img{ width: 23px; height: 23px; margin-top: -2px; }
    
    header{ padding: 8px 15px !important; }
    body.lk .logo{ margin-left: 0; }
    .logo img{ width: 78px; }
    .lang{ margin-right: 0; }
    header > button:last-child img{ margin-right: 10px; }

    .headFloat{ justify-content: space-between; gap: 0; position: fixed; z-index: 1; bottom: 0; left: 0; width: 100%; height: 65px; padding: 10px 20px; box-sizing: border-box; border-radius: 10px 10px 0px 0px; background: #fff; box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05),0px 0px 1px 0px rgba(12, 26, 75, 0.24); }
    .headFloat > *{ order: 5; }
    .headFloat > button:not(:last-child){ width: 55px; height: 30px; border: none; }
    .headFloat > button span{ right: 0; top: -8px; }
    .headFloat > button:first-child{ display: none; }
    .headFloat > button:nth-child(3){ order: 2; }
    .headFloat > button:nth-child(4){ order: 1; }
    .headFloat > button:nth-child(5){ display: flex; order: 3; width: 50px; height: 50px; margin: 0 5px; border: none; border-radius: 30px; background: #0F62FE; }
    .headUser{ justify-content: center; gap: 0; margin-left: 0; width: 55px; height: 30px; }
    .headUser > div{ display: none; }
    .headUser.login{ padding: 0; border: none; background: transparent; font-size: 0; }

    .headFloat > button:nth-child(2) img, .headFloat > button:nth-child(3) img, .headFloat > button:nth-child(4) img{ display: none; }
    .headFloat > button:nth-child(2)::before{ content: url(/images/app_message.svg); }
    .headFloat > button:nth-child(3)::before{ content: url(/images/app_bell.svg); }
    .headFloat > button:nth-child(4)::before{ content: url(/images/app_heart.svg); }
    .headUser.login::before{ content: url(/images/app_user.svg); }

    header nav{ display: none; flex-direction: column; position: fixed; z-index: 1; bottom: 70px; left: 50%; transform: translateX(-50%); padding: 10px; border-radius: 10px; background: #fff; box-shadow: 0px 3px 8px -1px rgba(50, 50, 71, 0.05),0px 0px 1px 0px rgba(12, 26, 75, 0.24); }
    header nav > a{ box-sizing: border-box; width: 175px; padding: 10px 20px; text-align: center; }
    header nav a:first-child{ display: flex; align-items: center; gap: 11px; margin-right: 0; border: 1px solid #c3d4e9; border-radius: 30px; }
    header nav > a::before{ display: none; }

    body > nav{ top: 60px; }

    main{ padding: 10px 15px 50px 15px; }
    
    .sidebar{ display: none; position: fixed; left: 0; top: 53px; bottom: 65px; }

    section.blueBG{ height: 761px; margin: -10px -15px -739px -15px; }
    section.blueBG.inline{ padding: 40px 15px; }

    body.lk section{ gap: 10px; padding: 10px 15px; }
    body.lk section > div{ padding: 15px; }

    section.homeTop{ margin-top: 25px; }
    section.homeTop h1{ max-width: auto; margin: 0 auto 17px auto; text-align: center; font-size: 24px; }
    section.homeTop > p:nth-child(2){ max-width: auto; margin: 17px auto 25px auto; text-align: center; font-size: 14px; }
    section.homeTop > p:nth-child(3){ gap: 10px; margin: 25px 0 40px 0; }
    section.homeTop p:nth-child(3) a.button{ padding: 10px 20px; font-weight: 400; line-height: 1; }
    section.homeTop h2{ margin: 40px 0 18px 0; font-size: 18px; }
    section.homeTop div:last-child{ width: 100%; margin: 0 -15px; padding: 0 15px; overflow: auto; }
    section.homeTop div:last-child::-webkit-scrollbar{ width: 0; }
    section.homeTop div:last-child p{ margin-right: -270px; }

    section.homeBanner{ margin-top: 20px !important; }
    section.homeBanner img{ height: 144px; }
    
    section.homeWe{ margin-top: 15px !important; padding: 15px 10px; }
    section.homeWe h2{ margin: 24px; font-size: 18px; }
    section.homeWe > p:nth-child(3){ max-width: unset; margin: 16px auto 24px auto; font-size: 14px; }
    section.homeWe div{ gap: 25px; }
    section.homeWe ul{ gap: 25px; }
    section.homeWe li{ padding: 0 0 0 50px; }
    section.homeWe li > :first-child{ width: 35px; height: 35px; border-radius: 8px; }
    section.homeWe li p{ margin: 5px 0 0 0; font-size: 14px; }

    section.homeCat{ margin-top: 40px !important; }
    section.homeCat > :last-child > :first-child{ font-size: 16px; }
    section.homeCat h2{ margin: 15px 0; font-size: 24px; }
    section.homeCat > :last-child > p:nth-child(3){ max-width: 350px; margin: 15px auto 30px auto; font-size: 14px; }
    section.homeCat > :last-child > :last-child{ margin: 35px 0 0 0; }
    section.homeCat ul.il li:nth-child(5), section.homeCat ul.il li:nth-child(6){ display: none; }

    ul.il li{ gap: 2px; width: calc((100% - 15px) / 2); }
    .ilTop > img{ height: 105px; }
    .ilTop > .label{ top: unset; bottom: 5px; left: 50%; transform: translateX(-50%); }
    .ilTop > .fav{ top: 4px; right: 4px; width: 36px; height: 36px; border-radius: 18px; }
    .ilTop > .fav::before{ zoom: 0.75; }
    .ilCat{ font-size: 12px; }
    h3.ilName{ font-size: 14px; }
    .ilDesc{ font-size: 12px; }
    .ilPerson{ gap: 6px; }
    .ilPerson > :first-child img{ width: 25px; height: 25px; border-radius: 13px; }
    .ilPerson > :last-child > :first-child{ font-size: 10px; line-height: 20px; }
    .ilPerson > :last-child > :last-child{ font-size: 10px; line-height: 20px; }
    .ilPerson > :last-child > :last-child > :last-child{ gap: 5px; margin-top: -1px; }
    .ilPerson > :last-child > :last-child > :last-child img{ width: 10px; }
    .ilNote{ font-size: 10px; }
    .ilPrice{ font-size: 18px; line-height: 24px; }
    ul.il button{ padding-top: 6px; padding-bottom: 6px; }
        
    section.events{ margin-top: 30px !important; }
    section.events h2{ margin: 0 0 15px 0; }
    .eventsL li{ gap: 4px; width: 280px; padding: 8px 8px 15px 8px; }
    .eventsL li > :first-child{ height: 200px; }
    .eventsL li > :first-child img{ border-radius: 16px; }
    .eventsL li button{ min-width: 100%; }

    section.homeFaq{ margin-top: 30px !important; }
    section.homeFaq h2{ margin: 5px 0; font-size: 18px; }
    section.homeFaq > p:nth-child(3){ margin: 5px auto 10px auto; font-size: 14px; }
    .faq li > p{ padding: 10px 15px; font-size: 14px; }
    .faq li > p::before{ content: ""; display: block; position: absolute; right: 18px; width: 15px; }
    .faq li > p::after{ display: none; right: 18px; height: 15px; }
    .faq li.active > p::after{ display: block; }
    .faq li > div{ padding: 0 15px; font-size: 14px; }
    .faq li > div p:first-child{ margin-top: 15px; }
    .faq li > div p:last-child{ margin-bottom: 15px; }
    
    footer{ padding: 10px 15px 90px 15px; }
    footer > :first-child > :first-child{ flex: auto; flex-direction: column; gap: 10px; width: auto; font-size: 12px; letter-spacing: 0; }
    footer > :first-child > :first-child > :last-child{ margin-top: 0; }
    footer > :first-child > :last-child{ display: none; }
    footer > :last-child{ display: none; }
    footer p{ font-size: 12px; }
    
    .popupWrap{ align-items: flex-end; padding: 43px 0 0 0; }
    .popupFrame{ width: 100%; padding: 15px 15px 30px 15px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); border-radius: 16px 0 0 0; box-shadow: none; }
    .popupClose{ display: block; }
}