@import url(https://fonts.googleapis.com/css?family=PT+Sans&text=%E2%82%B6);
@import url('https://fonts.googleapis.com/css2?family=Geologica');

/* Запрет увеличения текста браузером */
textarea, input, button {-webkit-appearance: none; -moz-appearance: none; appearance: none;}

*, *::before, *::after {box-sizing: border-box;}
::-moz-selection {background: #31333e; color: #fff; text-shadow: none;}
::selection {background: #31333e; color: #fff; text-shadow: none;}
html {-webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -ms-text-size-adjust: 100%; text-size-adjust: 100%;}
body {font-family: 'Inter'; font-size: 16px; color: #363636; line-height: 22px; background: #F7F7FA; overflow-x: hidden !important; font-weight: 400; margin: 0; text-align: left;}
body.overflow-hidden {overflow: hidden; -ms-touch-action: none; touch-action: none; -webkit-overflow-scrolling: none; overscroll-behavior: none;}
a {color: #212121; -webkit-transition: all .2s; transition: all .2s; background-color: transparent; -webkit-text-decoration-skip: objects;}
a, a:hover, a:active, a:focus {text-decoration: none; outline: none;}
p {margin-top: 0; margin-bottom: 1rem; font-family: 'Inter'; margin-bottom: 25px; font-weight: 400; line-height: 23px; font-size: 16px; color: #5F597A;}
ul {margin-top: 0;}
ul, li {margin-bottom: 0; list-style: none; padding: 0;}
footer, header, nav, section {display: block;}
img {vertical-align: middle; border-style: none;}
h1, h2, h3 {margin-top: 0; margin-bottom: 0.5rem; font-family: inherit; font-weight: 500; line-height: 1.2; color: inherit;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Rubik'; font-weight: 600; text-transform: uppercase;}
h1, .h1 {font-size: 48px; line-height: 52px;}
h2, .h2 {font-size: 39px; line-height: 45px;}
h3, .h3 { font-size: 30px; }


/* 1.4: Padding/Margin */
.pt-200 { padding-top: 200px; }
.pb-200 { padding-bottom: 200px; }
.pt-150 { padding-top: 150px; }
.pb-150 { padding-bottom: 150px; }
.pt-140 { padding-top: 140px; }
.pb-140 { padding-bottom: 140px; }
.pt-130 { padding-top: 130px; }
.pb-130 { padding-bottom: 130px; }
.pt-120 { padding-top: 120px; }
.pt-115{ padding-top: 115px; }
.pb-115{ padding-bottom: 115px; }
.pb-120 { padding-bottom: 120px; }
.pt-110 { padding-top: 110px; }
.pb-110 { padding-bottom: 110px; }
.pt-100 { padding-top: 100px; }
.pb-100 { padding-bottom: 100px; }
.pt-90 { padding-top: 90px; }
.pb-90 { padding-bottom: 90px; }
.pt-80 { padding-top: 80px; }
.pb-80 { padding-bottom: 80px; }
.pt-70 { padding-top: 70px; }
.pb-70 { padding-bottom: 70px; }
.pt-60 { padding-top: 60px; }
.pb-60 { padding-bottom: 60px; }
.pt-55 { padding-top: 55px; }
.pb-55 { padding-bottom: 55px; }
.pt-50 { padding-top: 50px; }
.pb-50 { padding-bottom: 50px }
.pt-40 { padding-top: 40px; }
.pb-40 { padding-bottom: 40px; }
.pt-30 { padding-top: 30px; }
.pb-30 { padding-bottom: 30px; }
.pt-20 { padding-top: 20px; }
.pb-20 { padding-bottom: 20px; }

.mt-140 { margin-top: 140px; }
.mb-140 { margin-bottom: 140px; }
.mt-120 { margin-top: 120px; }
.mb-120 { margin-bottom: 120px; }
.mt-70 {margin-top: 70px;}
.mb-70 {margin-bottom: 70px;}
.mt-60 { margin-top: 60px; }
.mb-60 { margin-bottom: 60px; }
.mt-50 { margin-top: 50px; }
.mb-50 { margin-bottom: 50px; }
.mt-40 { margin-top: 40px; }
.mb-40 { margin-bottom: 40px; }
.mt-30 { margin-top: 30px; }
.mb-30 { margin-bottom: 30px; }


/* heaader */
.main-header {box-shadow: none; position: fixed; z-index: 999; width: 100%; top: 0; left: 0; -webkit-transition: background .3s; transition: background .3s; height: 80px; display: flex; justify-content: center; align-items: center;}
.main-header.white {background: #F7F7FA;}

.main-header.scrolled, body.overflow-hidden .main-header {background: #FCFCFF;}
.main-header.scrolled .header-menu > ul > li > a, .main-header.scrolled .logo p, .main-header.scrolled .main-menu-wrap .btn-log,
.main-header.white .header-menu > ul > li > a, .main-header.white .logo p, .main-header.white .main-menu-wrap .btn-log, 
body.overflow-hidden .main-header .header-menu > ul > li > a, body.overflow-hidden .main-header .logo p, .main-header.scrolled .main-menu-wrap .btn-log {color: #0D072D;}
.main-header.scrolled .logo a:nth-child(1), .main-header.white .logo a:nth-child(1), body.overflow-hidden .main-header .logo a:nth-child(1){display:none;}
.main-header.scrolled .logo a.logo-dark, .main-header.white .logo a.logo-dark, body.overflow-hidden .main-header .logo a.logo-dark{display:block;}

.main-menu-wrap {width: 100%;}
.container {width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto;}
@media (min-width: 576px){
.container{max-width:540px;}
}
@media (min-width: 768px){
.container{max-width:720px;}
}
@media (min-width: 992px){
.container{max-width:960px;}
}
@media (min-width: 1200px){
.container{max-width:1246px;}
}
.main-menu-wrap .container {max-width: 1632px;}
.row {display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px;}
.col-md-6,.col-md-12,.col-lg-6,.col-lg-8,.col-lg-12{position:relative; width:100%; min-height:1px; padding-right:15px; padding-left:15px;}
@media (min-width: 768px){
.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
@media (min-width: 992px){
.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%;}
.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%;}
.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%;}
}
.align-items-center {-ms-flex-align: center !important; align-items: center !important;}
.header-inner {display: flex; align-items: center; justify-content: space-between; width: 100%;}
.logotype {margin-left: 15px;}
.logo {display: flex; align-items: center;}
.logo a {padding: 3px 12px; background: url("../img/logo-white-new.svg") center left; width: 145px; height: 56px; display: block; background-repeat: no-repeat;}
.logo a.logo-dark {background: url(../img/logo-dark-new.svg) center left no-repeat; display: none;}
.logo .line-division {background: #E9E8EC; height: 32px; width: 1px; margin: 0 12px;}
.logo p {font-size: 12px; line-height: 14px; font-weight: 300; color: #FCFCFF; margin-bottom: 0; width: 113px;}
.menu-wraper {float: right;}
.clearfix::after {display: block; clear: both; content: "";}
.header-menu, .header-menu ul, .header-menu ul li, .header-menu ul li a, .header-menu #menu-button {margin: 0; padding: 0; border: 0; list-style: none; line-height: 1; display: block; position: relative;}
.header-menu {-webkit-transition: .3s all linear; transition: .3s all linear;}
.header-menu > ul {-webkit-transition: .3s all linear; transition: .3s all linear;}
.header-menu > ul > li {display: inline-block; float: left;}
.header-menu > ul > li > a {padding: 12px 16px; font-size: 16px; color: #FCFCFF; transition: 0.5s; font-weight: 300; border-radius: 8px; -webkit-border-radius: 8px; position: relative;}
.header-menu > ul > li > a:after{content: ''; position: absolute; width: 0; height: 3px; display: block; margin-top: 5px; right: 16px; background: #FD835E; transition: width .2s ease; -webkit-transition: width .2s ease;}
.header-menu > ul > li > a:hover:after{width: 100%; width: calc(100% - 32px); left: 16px; background: #FD835E;}
#widgets-menu-link {cursor: pointer;}
.main-header .down {display: inline-block; background: url("../img/icons/chevron-up.svg") center center no-repeat; width: 16px; height: 16px; margin-left: 5px; vertical-align: middle; filter: brightness(100%);}
.main-header.scrolled .down, .main-header.white .down, body.overflow-hidden .main-header.down {background: url("../img/icons/chevron-up2.svg") center center no-repeat;}
.header-menu > ul > li > a:after {content: ''; position: absolute; width: 0; height: 3px; display: block; margin-top: 5px; right: 16px; background: #FD835E; transition: width .2s ease; -webkit-transition: width .2s ease;}
.sub-menu {position: absolute; width: 190px; height: auto; padding: 6px; gap: 6px; flex-direction: column; justify-content: center; align-items: flex-start; border-radius: 10px; background: #FCFCFF; top: 50px; left: -47px; box-shadow: inset 0px 0px 0px 1px #F0F0F7; display: none;}
.sub-menu a {color: #0D072D; font-family: 'Inter'; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; display: block; margin-left: 0px; border-radius: 8px; width: 100%;}
.sub-menu a:hover {background: #F0F0F7;}
.sub-menu img {width: 32px; height: 32px; margin-right: 8px; margin-bottom: 0px; vertical-align: middle;}
.hidden {display: flex;}
.header-menu > ul > li:last-child {margin-right: 0;}
.auth-block {margin-right: 16px;}
.auth-blk {display: flex; justify-content: flex-end;}
.text-right {text-align: right !important;}
.btn {cursor: pointer; z-index: 1; position: relative; padding: 16px 36px; color: #5b39c9; font-weight: 500; border: 2px solid #5b39c9; border-radius: 50px; overflow: hidden; -webkit-transition: .3s all linear; transition: .3s all linear; font-size: 14px; display: inline-block; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; line-height: 1.5;}
@media screen and (prefers-reduced-motion: reduce){
.btn{transition:none;}
}
.btn:hover,.btn:focus{text-decoration:none;}
.btn:focus{outline:0;box-shadow:0 0 0 0.2rem rgba(0, 123, 255, 0.25);}
.btn:disabled{opacity:0.65;}
.main-menu-wrap .btn {color: #FCFCFF; border: none; font-weight: 300; font-size: 16px; border-radius: 8px; -webkit-border-radius: 8px; text-align: center; padding: 8px 16px;}
.main-menu-wrap .btn:hover {border-color: #36324a; background: #36324a; color: #fff;}
.main-menu-wrap .btn-reg {background: linear-gradient(90deg, #ff7b54 0%, #ff5722 100%); color: #fcfcff; font-family: 'Inter'; font-weight: 300; font-size: 16px; line-height: 22px; border-radius: 12px; padding: 9px; -webkit-border-radius: 12px; width: 162px; height: 40px; border: 1px solid #dd4a1d; border-top: none; transition: all 200ms ease; cursor: pointer; appearance: none;}
.main-menu-wrap .btn-reg:hover {background: linear-gradient(90deg, #ff6b44 0%, #ff4712 100%); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); transition: all 200ms ease; cursor: pointer; border: 1px solid #dd4a1d; border-top: none;}
.main-menu-wrap .btn-log:hover {background:#E9E8EC; color:#36324A;}
.mob-header-blk {display: none;}
a.sign-mob {background: #F0F0F7; width: 44px; height: 44px; text-align: center; line-height: 40px; border-radius: 50%; -webkit-border-radius: 50%; margin-right: 66px;}
.header_mobi {z-index: 9; position: relative; right: 50px; width: 44px; height: 44px; margin-right: -30px; border-radius: 50%; cursor: pointer; background: #F0F0F7; text-align: center; line-height: 40px;}
.mob-header-blk.opened .header_mobi img {display: none;}
.mob-header-blk.opened .header_mobi img.cross {display: inline-block !important;}
.header-menu-mob {display: none;}
.main-header .header-menu-mob .down {position: absolute; top: 50%; margin-top: -8px; right: 15px; transition: all .2s; filter: brightness(0%);}
.link-primary {color: #5F597A; font-size: 16px; line-height: 24px;}


/* div.banner-area-inner */
.banner-inner-area {padding: 122px 0 0 0; position: relative; overflow: hidden; background: radial-gradient(50% 100% at 50% 0%, #515AC3 0%, rgba(81, 90, 195, 0) 100%), linear-gradient(0deg, #0D072D, #0D072D); border-radius: 0 0 48px 48px; -webkit-border-radius: 0 0 48px 48px;}
.banner-text-inner {margin: 0 auto; text-align: center;}
.banner-text-inner h1 {color: #ffffff; margin-bottom: 33px; font-family: 'Geologica'; text-transform: none; font-size: 74px; line-height: 74px; font-weight: 400;}
.banner-text-inner p {margin-bottom: 43px; color: #ffffff; width: 600px; margin: 0 auto; line-height: 26px; font-size: 18px; font-weight: 300;}
.our-widget-outer {width: 1152px; margin: 56px auto;}
.our-widgets {display: flex; margin-top: 16px; justify-content: center;}
.active-widget {background: radial-gradient(91.44% 67.33% at 50% 100%, #515AC3 0%, rgba(81, 90, 195, 0) 100%), linear-gradient(0deg, #0D072D, #0D072D); width: 384px; border-radius: 24px; height: 541px; -webkit-border-radius: 24px; margin-right: 32px; overflow: hidden; display: flex; flex-direction: column; padding-bottom: 32px; box-sizing: border-box;}
.active-widget-buttons {padding: 0 32px; margin-top: auto;}
.our-widgets span {display: block; padding: 10px 0 7px 0; color: #FCFCFF; font-size: 24px; line-height: 32px; font-weight: 500; text-align: center;}
.active-widget a {margin: 16px 0; display: block; font-size: 18px; line-height: 26px; font-weight: 300;}
.secondary-outline-s {color: #F0F0F7; background: none; border: 1px #474993 solid; border-radius: 12px; -webkit-border-radius: 12px; width: 100%; height: 54px; padding: 13px 13px; display: block; text-align: center;}
.secondary-outline-s:hover {background: #E9E8EC; color: #5F597A;}
.primary-s {border-radius: 12px; -webkit-border-radius: 12px; width: 100%; height: 54px; padding: 14px 13px; display: block; text-align: center; background: linear-gradient(90deg, #ff7b54 0%, #ff5722 100%); color: #fcfcff; font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; font-weight: 300; border: 1px solid #dd4a1d; border-top: none; transition: all 200ms ease; cursor: pointer; appearance: none;}
.primary-s:hover {color: #fcfcff; background: linear-gradient(90deg, #ff6b44 0%, #ff4712 100%); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); transition: all 200ms ease; cursor: pointer; border: 1px solid #dd4a1d; border-top: none;}
.active-widget a.primary-s {margin: 0;}
.active-widget-last {margin-right: 0;}
.soon {color: #FCFCFF; border: 1px #FCFCFF solid; border-radius: 8px; width: 94px; height: 24px; font-size: 12px; line-height: 14px; text-align: center; padding: 4px 8px; margin: 17px auto 0 auto;}


/* section#widget-abilities */
.justify-content-center {-ms-flex-pack: center!important; justify-content: center !important;}
.justify-content-right {-ms-flex-pack: right!important; justify-content: right !important;}
.widget-heading {font-family: 'Inter'; font-size: 32px; height: 38px; font-weight: 400; color: #0D072D; margin-bottom: 16px; text-transform: unset;}
.widget-heading::after {content: ""; position: absolute; left: 15px; right: 15px; bottom: 0; height: 1px; width: auto; background-color: #E4E7EC;}
.wa-tabs {display: flex; flex-wrap: wrap; gap: 1px; margin-bottom: 18px; margin-top: 24px;}
.wa-tab {border: none; background: none; border-radius: 12px; padding: 8px 16px; line-height: 22px; font-weight: 400; font-size: 16px; cursor: pointer; font-family: 'Inter'; color: #36324A; transition: 0.2s; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.wa-tab:hover, .wa-tab.is-active, .wa-tab:active {background: #F0F0F7; border-radius: 12px; color: #302951; transition:0.2s; stroke: none;}
.wa-preview {background: #f7f7fa; border: 1px solid #f0f0f7; border-radius: 16px; min-height: 360px; display: flex; align-items: center; justify-content: center; padding: 0px;}
.wa-preview img {max-width: 100%; height: auto; border-radius: 16px;}


/* section.widget-section.who */
.widget-wrapper {max-width: 1246px; margin: 0 auto; padding: 0 20px;}
.widget-row {display: flex; gap: 24px; flex-wrap: wrap; margin-bottom: 32px;}
.widget-card {background: #F0F0F7; border-radius: 20px; padding: 24px; display: flex; flex-direction: column; justify-content: flex-start; transition: 0.3s ease; width: 384px;}
.widget-card:hover {transform: translateY(-4px);}
.widget-row.two-cols > .widget-card {flex: 1 1 calc(50% - 12px);}
.widget-card .icon {margin-bottom: 16px; width: 24px;}
.widget-card span {font-size: 24px; font-weight: 500; line-height: 32px; margin-bottom: 8px; color: #0D072D;}
.widget-card p {font-size: 16px; color: #302951; line-height: 22px; margin: 0; font-weight: 400;}
.widget-row.with-center {justify-content: space-between;}
.widget-row.three-cols > .widget-card {flex: 0 1 calc(33.333% - 16px);}
.widget-card--cta {align-items: center; justify-content: center; text-align: center; gap: 12px;}
.widget-card.widget-card--cta {background: none; box-shadow: unset;}
.widget-row.three-cols > .widget-card {flex: 0 1 calc(33.333% - 16px);}
.primary-m {background: #0D072D; border: 1px #2A263E solid; border-radius: 12px; color: #FCFCFF; padding: 14px 27px; font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'Inter';}
.primary-m:hover {background: #302951; color: #FCFCFF;}
.widget-card span.widget-subtext {font-size: 14px; color: #302951; line-height: 19px;}
.widget-row.one-centered {justify-content: center;}


/* section.widget-section2 */


/* section.pt-90.integr */
.services-line {padding-top: 32px; display: flex; justify-content: space-between; column-gap: 42px; flex-wrap: wrap; padding-left: 0px; padding-right: 0px;}
.service {margin-bottom: 55px;}
.service:hover img {transform: rotate(-4deg);}
.service:last-child {margin-right: auto;}
.service img {display: block; image-rendering: -webkit-optimize-contrast; width: 104px; height: 104px; max-width: 100%; transition: 0.3s ease; border: 8px solid #fff; border-radius: 24px; box-shadow: 0px 1px 3px 0px #5F597A3D;}
.service > span {width: 110px; display: block; margin-top: 8px; text-align: center; color: #302951; font-size: 16px; line-height: 22px; border-bottom: none; font-weight: 400; position: relative; cursor: pointer;}


/* section#features */
.who-needs {display: flex; justify-content: space-around;}
.text-center {text-align: center !important;}
.single-feature-inner {padding: 20px 24px 20px 24px; border-radius: 20px; -webkit-border-radius: 20px; width: 280px; background: #f0f0f7; margin-top: 24px;}
.single-feature-inner span {display: block; color: #0D072D; font-size: 24px; line-height: 32px; text-align: left; font-weight: 500; margin-bottom: 8px;}
.single-feature-inner p {text-align: left; margin-bottom: 5px; font-size: 16px; color: #302951; line-height: 22px; font-weight: 400;}
.single-feature-inner p:last-child {margin-bottom: 0px;}


/* section.widget-section.where */
.widget-why {margin-top: 24px;}
.card-tg-app {background: linear-gradient(256.52deg, rgba(249, 137, 145, 0.2) 0%, rgba(213, 127, 238, 0.2) 50.48%, rgba(27, 146, 250, 0.2) 100%);}
.widget-why-apps img.preview-app {width: 375px; margin: 16px auto 0 auto;}
.card-vk-app {background: linear-gradient(0deg, #EAF4FF, #EAF4FF), linear-gradient(0deg, #F7F7FA, #F7F7FA);}
.widget-why-apps img.preview-app {width: 375px; margin: 16px auto 0 auto;}


/* section.library */
.library {margin-bottom: -190px; position: relative; z-index: 1;}
.library h2 {margin-bottom: 50px; color: #0D072D; font-family: 'Geologica'; text-transform: none; font-size: 64px; line-height: 64px; font-weight: 400;}
.library .col-md-5, .library2 .col-md-5 {width: 50%;}
.library .fw-bold, .library2 .fw-bold {color: #0D072D; font-family: 'Inter'; font-size: 24px; line-height: 32px; font-weight: 500; max-width: 330px; margin-bottom: 15px;}
.library .mb-2, .library .list, .library2 .mb-2, .library2 .list {color: #0D072D; font-size: 18px; line-height: 26px; font-weight: 400; margin-bottom: 12px;}
.library .list {padding: 8px 12px; padding-left: 44px; display: inline-block; background: #F0F0F7; border-radius: 12px; margin-bottom: 2px; position: relative;}
.library .list img {position: absolute; top: 50%; margin-top: -12px; left: 12px;}


/* section.carousel-wrapper */
.carousel-wrapper, .carousel {touch-action: pan-y; -ms-touch-action: pan-y;}
.carousel {position: relative; z-index: 2; height: 100vh; overflow: hidden; pointer-events: none;}
.carousel1 {height: 900px;}
.carousel-item { --items: 10; --width: clamp(150px, 30vw, 300px); --height: clamp(200px, 40vw, 400px); --x: calc(var(--active) * 800%); --y: calc(var(--active) * 200%); --rot: calc(var(--active) * 120deg); --opacity: calc(var(--zIndex) / var(--items) * 3 - 1); overflow: hidden; position: absolute; z-index: var(--zIndex); width: var(--width); height: var(--height); margin: calc(var(--height) * -0.5) 0 0 calc(var(--width) * -0.5); border-radius: 24px; top: 50%; left: 50%; user-select: none; transform-origin: 0% 100%; pointer-events: all; transform: translate(var(--x), var(--y)) rotate(var(--rot)); transition: transform .8s cubic-bezier(0, 0.02, 0, 1);}
.carousel1 .carousel-item { --width: 600px; --height: 319px; --x: calc(var(--active) * 350%); --y: calc(var(--active) * 40%); --rot: calc(var(--active) * 50deg);}
.carousel-item .carousel-box {position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .8s cubic-bezier(0, 0.02, 0, 1);}
.carousel-item img {width: 100%; height: 100%; object-fit: cover; pointer-events: none;}


/* section.library-widget */
.library-widget {margin-top: -57px; position: relative; z-index: 1;}
.library-widget .widget-card {padding: 0px;}


/* section.library2 */
.library2 {margin-bottom: -160px; position: relative; z-index: 1;}
.library2 .justify-content-center {margin-bottom: 50px;}
.library2 .fw-bold {max-width: 370px;}
.library2 .mb-2 {max-width: 330px;}


/* div.carousel-wrapper */
.carousel2 {height: 1000px;}
.carousel2 .carousel-item { --width: 325px; --height: 600px; --x: calc(var(--active) * 400%); --y: calc(var(--active) * 40%); --rot: calc(var(--active) * 40deg);}


/* section.library-widget2 */
.library-widget2 {margin-top: -70px; position: relative; z-index: 1;}
.library-widget2 .widget-card {padding: 0px;}


/* section.reviews */
#reviews {margin-top: 205px; background: radial-gradient(50% 100% at 50% 0%, #515AC3 0%, rgba(81, 90, 195, 0) 100%), linear-gradient(0deg, #0D072D, #0D072D); border-radius: 48px;}
#reviews .section-title-center h2 {color: #ffffff; margin-bottom: 33px; font-family: 'Geologica'; text-transform: none; font-size: 74px; line-height: 74px; font-weight: 400; text-align: center; margin-left: auto; margin-right: auto; max-width: 800px;}
#reviews .link-right {position: relative;}
#reviews .widget-heading {color: #FCFCFF;}
#reviews .widget-heading::after {background-color: #C2C2E7;}
#reviews .link-right-href {position: absolute; right: 17px; top: 6px; color: #F7F7FA; font-size: 18px; line-height: 26px;}
#reviews .link-right-href img {margin-left: 5px; margin-top: -2px;}
#reviews .link-right-href:hover {text-decoration: underline;}
.widget-rev {margin-top: 47px;}
#reviews .widget-card {min-height: 536px; border-radius: 24px; display: flex; justify-content: space-between;}
#reviews .name {color: #302951; font-size: 14px; line-height: 19px; font-weight: 400; margin-bottom: 3px;}
#reviews .job {color: #716D89; font-size: 12px; line-height: 14px; font-weight: 400;}
#reviews .dop {position: relative; color: #0D072D; margin-top: 12px; margin-bottom: 16px; font-size: 14px; line-height: 19px; font-weight: 400; background: #fff; padding: 6px 14px; display: inline-block; border-radius: 10px; box-shadow: 0px 1px 2px 0px #5F597A24;}
#reviews .dop:after {content: ""; border: 10px solid transparent; border-bottom: 11px solid #ffffff; position: absolute; left: 10px; top: -21px;}
#reviews .dop:empty:after {display: none;}
#reviews .zag {color: #0D072D; font-size: 32px; line-height: 38px; font-weight: 400; margin-top: 13px; margin-bottom: 7px;}
#reviews .text {color: #302951; font-size: 16px; line-height: 22px; font-weight: 400;}
#reviews .name:empty {display: none;}
#reviews .dop:empty {background: none; padding: 0px;}
#reviews .widget-card.widget-card--cta {justify-content: center;}
#reviews .primary-m {font-weight: 400; background: linear-gradient(90deg, #ff7b54 0%, #ff5722 100%); border: 1px solid #dd4a1d;}
#reviews .primary-m:hover {background: linear-gradient(90deg, #ff6b44 0%, #ff4712 100%); border: 1px solid #dd4a1d;}
#reviews .widget-subtext {color: #F0F0F7;}
#reviews .widget-card.offer {position: relative; background: none; border: 1px solid #C2C2E7;}
#reviews .card1, #reviews .card2 {height: 100%; display: flex; justify-content: space-between; flex-direction: column;}
#reviews .voskl, #reviews .voskl2 {position: absolute; right: 10px; top: 10px; width: 24px; height: 24px; border-radius: 50%; box-sizing: border-box; cursor: pointer;}
#reviews .offer .zag {color: #FCFCFF; padding-right: 17px; display: block; margin: 0px;}
#reviews .offer .text {margin-top: 17px; color: #F0F0F7;}
.price {margin-bottom: 62px; position: relative;}
#reviews .price {margin-bottom: 0px; margin-top: 20px;}
#reviews .offer .price p {color: #FCFCFF; font-size: 36px; line-height: 36px; font-weight: 600; margin-bottom: 11px;}
#reviews .primary-s {padding: 14px 27px; font-size: 18px; line-height: 26px; font-weight: 400;}
#reviews .offer .card2 .text {position: relative; padding-left: 28px;}
#reviews .offer .text img {margin-right: 8px; vertical-align: middle; position: relative; top: -2px;}
#reviews .offer .card2 .text img {position: absolute; top: 1px; left: 0px;}


/* section.price */
#price .link-right {position: relative;}
#price .link-right-href {position: absolute; right: 17px; top: 6px;}
#price .tabs {display: inline-block; vertical-align: middle; padding: 8px 16px; border-radius: 12px; transition: 0.2s; cursor: pointer;}
#price .tabs:hover, #price .tabs.selected {background: #F0F0F7;}
.prices {display: flex; justify-content: space-around;}
.price.price-standard {position: relative;}
.price .single-feature-inner {height: 580px; width: 384px;}
.price-standard .single-feature-inner {background: radial-gradient(110.2% 149% at 50% 118.14%, #D6D9FF 0%, rgba(227, 229, 255, 0) 100%), linear-gradient(0deg, #F7F7FA, #F7F7FA);}
.price .single-feature-inner span.name-tariff {font-family: 'Inter'; font-weight: 500; font-size: 32px; line-height: 38px; padding-top: 7px;}
ul.tariff-options {font-family: 'Inter'; margin: 20px 0 0 0px;}
ul.tariff-options li {list-style: none; background: url("../img/icons/checkbox-circle-dark.svg") no-repeat 0 6px; text-align: left; font-size: 16px; line-height: 22px; color: #302951; font-weight: 400; margin-bottom: 5px; position: relative; padding: 4px 0 0 27px;}
.target-price {position: absolute; bottom: 24px; left: 20px; right: 20px;}
p.price-line {font-family: "Helvetica Neue", Helvetica, Arial, 'PT Sans', sans-serif; font-size: 18px; font-weight: 400; color: #5F597A; display: flex; flex-wrap: wrap; align-items: flex-start; line-height: 32px;}
.single-feature-inner p.price-line {margin-bottom: 5px;}
p.price-line span {display: inline; font-weight: 700; font-size: 48px; line-height: 58px; color: #36324A; margin-top: -3px; margin-right: 5px;}
.single-feature-inner .price-line span {margin-bottom: 0px;}
a.try {margin-top: 12px; display: block; width: 100%; background: linear-gradient(90deg, #ff7b54 0%, #ff5722 100%); color: #fcfcff; font-family: 'Inter'; font-weight: 300; font-size: 18px; line-height: 26px; border-radius: 12px; padding: 13px; -webkit-border-radius: 12px; height: 54px; border: 1px solid #dd4a1d; border-top: none; transition: all 200ms ease; cursor: pointer; appearance: none;}
a.try:hover {background: linear-gradient(90deg, #ff6b44 0%, #ff4712 100%); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1); transition: all 200ms ease; cursor: pointer; border: 1px solid #dd4a1d; border-top: none;}
a.try.blue {background: #0D072D; border: 1px #2A263E solid;}
a.try.blue:hover {background: #48445A; color: #FCFCFF;}
#price a.try {font-size: 18px; line-height: 26px; font-weight: 400; height: auto; padding: 14px 27px; margin-top: 0px;}
.price-premium .single-feature-inner {background: radial-gradient(78.6% 106.27% at 50% 106.27%, #515AC3 0%, rgba(81, 90, 195, 0) 100%), linear-gradient(0deg, #0D072D, #0D072D);}
.price.price-premium .single-feature-inner span {color: #FCFCFF; display: block; margin-right: 5px; margin-top: -3px;}
.price-premium ul.tariff-options li {background: url("../img/icons/checkbox-circle.svg") no-repeat 0 6px;color: #F0F0F7;}
.price-premium p.price-line span, .price-premium p.price-line {color: #FCFCFF; font-family: "Helvetica Neue", Helvetica, Arial, 'PT Sans', sans-serif;}


/* section.compare */
.max-1060 {width: 66.25rem; max-width: 100%; margin-left: auto; margin-right: auto;}
.p-table {flex-direction: column; padding-bottom: 6.56rem; display: flex; grid-row-gap: 0.06rem; width: 100%;}
.p-table__line {grid-template-rows: auto; grid-template-columns: 33.6rem 1fr 1fr 1fr; transition: background-color .3s; display: grid; align-items: center;}
.p-table__line.is-br-20--is-m-br-n--slide-in:hover {background: #f0f0f7; border-radius: 16px; transition: background-color .2s ease; overflow: hidden;}
.p-table__line.top {height: 5.5rem; grid-column-gap: .53rem; grid-template-rows: auto;}
.p-table__row-1 {background-color: none; justify-content: left; padding: 1.06rem 1.25rem;}
.p-table__line > div, .p-table__line.top > div {grid-area: span 1 / span 1 / span 1;}
.p-table__row-2 {max-height: 3.5rem; text-align: center; justify-content: center; padding: 1.06rem 1.25rem; display: flex;}
.p-table__row-2.top-row--is-m-br-8--slide-in {background: none;}
.p-table__line > div, .p-table__line.top > div {grid-area: span 1 / span 1 / span 1;}
p.text-36-b.m-text-16-sb {color: #0D072D; font-family: 'Inter'; font-size: 24px; font-weight: 500; line-height: 32px;}
[class*="is-br-20"] {border-radius: 20px;}
.text-16-sb {font-size: 18px; font-weight: 400; color: #0D072D; text-transform: unset; line-height: 26px; font-family: 'Inter'; margin: 0;}
.p-table__line small {color: #7f7998; font-size: 14px; line-height: 19px; margin-top: 4px; font-weight: 400;}
p.is-t-gr {font-size: 18px; font-weight: 300; color: #0d072d; line-height: 26px; font-family: 'Inter';}
.p-table img {width: 32px; height: 32px;}
.p-table__row-2 img {width: 24px; height: 24px;}


/* section.free */
.free .container {max-width: 1216px; position: relative; overflow: hidden; background: radial-gradient(50% 100% at 50% 0%, #515AC3 0%, rgba(81, 90, 195, 0) 100%), linear-gradient(0deg, #0D072D, #0D072D); border-radius: 48px;}
.free .gift1 {position: absolute; left: 50%; top: 20px; transform: translateX(-50%); pointer-events: none; z-index: 1;}
.free h2 {color: #FCFCFF; font-family: 'Geologica'; text-transform: none; font-size: 64px; line-height: 64px; font-weight: 400; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 22px; max-width: 600px; position: relative; z-index: 2;}
.free p {color: #F0F0F7; font-family: 'Inter'; font-size: 18px; line-height: 26px; font-weight: 400; text-align: center; margin-left: auto; margin-right: auto; max-width: 300px; margin-bottom: 19px; position: relative; z-index: 2;}
.free .primary-m {padding: 14px 27px; font-size: 18px; line-height: 26px; font-weight: 400; background: linear-gradient(90deg, #ff7b54 0%, #ff5722 100%); position: relative; z-index: 2; border: 1px solid #dd4a1d;}
.free .primary-m:hover {background: linear-gradient(90deg, #ff6b44 0%, #ff4712 100%); border: 1px solid #dd4a1d;}
.free .gift2 {position: absolute; left: 24%; bottom: 23%; transform: scaleX(-1) rotate(25deg); pointer-events: none; z-index: 1;}
.free .gift3 {position: absolute; right: 22%; bottom: -4%; transform: rotate(15deg); pointer-events: none; z-index: 1;}


/* section.partner */
.partner-work {display: flex; gap: 32px; flex-wrap: wrap; margin-right: 0px; margin-left: 0px;}
.partner-work .work {position: relative; flex: 0 1 calc(33.333% - 22px);}
.partner-work .single-feature-inner {width: auto; transition: 0.3s ease;}
.partner-work .single-feature-inner:hover {transform: translateY(-4px);}
.feature-icon {width: 40px; height: 40px; margin-bottom: 16px;}
.feature-icon .svg {background: #FFFFFF; border: 1px dashed #E9E8EC; border-radius: 10px; padding: 8px; width: 40px; height: 40px;}
.partner-work .feature-icon .svg {background: none; border: none;}
.partner-work .work.w4 {margin-left: auto; margin-right: auto; margin-top: 35px;}
.partner-work .work img.off {position: absolute; right: -15px; top: -15px; z-index: 1;}
.partner-work .work.w4 .single-feature-inner {margin-top: 12px; background: #FCFCFF; border: 1px solid #F0F0F7;}
.partner-work .btns {margin-top: 24px; display: flex; justify-content: space-between; gap: 12px;}
.partner-work .btns .primary-m {display: inline-block; width: 61%; text-align: center; font-size: 18px; line-height: 26px; font-weight: 400; padding: 14px 27px; height: auto;}
.primary-m:hover {background: #302951; color: #FCFCFF;}
.partner-work .btns .primary-m.white {width: 39%; background: #fff; border-color: #C2C2E7; color: #302951;}
.partner-work .btns .primary-m.white:hover {background: #F0F0F7; border-color: #F0F0F7;}

/* footer */
footer.footer {position: relative; background: radial-gradient(50% 100% at 50% 0%, #515AC3 0%, rgba(81, 90, 195, 0) 100%), linear-gradient(0deg, #0D072D, #0D072D);}
.footer-top {padding-top: 40px;}
.footer-top .row {justify-content: space-between; margin: 0 0 55px 0;}
footer.footer .col-footer-1 {width: 30%;}
.col-footer-3 {margin-top: 23px;}
.footer-contacts {width: 100%; max-width: 286px; background: #F0F0F7; border-radius: 16px; position: relative; padding: 17px;}
.footer-contacts span {font-weight: 500; color: #0D072D; font-size: 18px; line-height: 26px; font-family: 'Inter'; display: block;}
.footer-contacts img {display: inline-block;}
.footer-contacts .contact-icon-new {margin-right: 10px; vertical-align: top;}
.footer-btns {display: flex; gap: 12px; justify-content: space-between;}
.footer-btns a {display: inline-block; border-radius: 10px; border: 1px solid #C2C2E7; font-size: 14px; line-height: 19px; font-weight: 400; color: #0D072D; padding: 10px 10px; width: 48%; text-align: center; margin-top: 9px; transition: all .2s;}
.footer-btns a:hover {background: #F7F7FA; border-color: #F7F7FA;}
.footer-menu {display: flex; justify-content: space-evenly;}
footer.footer .col-footer-2 {width: 70%;}
.footer-link {margin-top: 17px;}
.widget-header {color: #FCFCFF; font-weight: 600; font-family: 'Inter'; margin-bottom: 13px; font-size: 18px; line-height: 24px;}
.footer-link a {display: block; color: #F0F0F7; padding: 8px 0; font-size: 16px; line-height: 22px;}
.footer-link a:hover, .footer-link a:active {text-decoration: underline;}
.footer-bottom {margin-top: 150px; padding-bottom: 25px;}
.footer-widget {display: flex; align-items: center;}
.footer-copyright {margin-right: 15px; color: #F0F0F7;}
.footer-widget p {margin-bottom: 0;}
.footer-widget a {margin-left: 25px; color: #F0F0F7;}
.footer-widget a:hover, .footer-widget a:active {text-decoration: underline;}
.footer-widget .copy-img {vertical-align: text-bottom; margin-left: 8px;}
.footer-links {margin-left: auto;}


/* div.back-to-top */
.back-to-top {opacity: 0; visibility: hidden; -webkit-transition: .3s all linear; transition: .3s all linear;}
.back-to-top a {width: 35px; height: 35px; background: #36324a; box-shadow: 1px 5px 19px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.2s; transition: all 0.2s; font-size: 16px; color: #fff; border-radius: 50%; display: inline-block; text-align: center; line-height: 35px; bottom: 10%; right: 4%; position: fixed; z-index: 999;}
.back-to-top a:hover {background: #fff; color: #36324a;}
.back-to-top a i {-webkit-animation: bounce2 3s linear infinite; animation: bounce2 3s linear infinite;}


/* Журналы */
.journals.pt-105 {padding-top: 105px;}
.journals .justify-content-center {margin-bottom: 25px;}
.journals .col-md-5 {/*width: 50%;*/ margin-right: 25px;}
.journals .fw-bold {color: #0D072D; font-family: 'Inter'; font-size: 24px; line-height: 32px; font-weight: 500; max-width: 416px; margin-bottom: 15px;}
.journals .mb-2 {color: #0D072D; font-family: 'Inter'; font-size: 18px; line-height: 26px; font-weight: 400; max-width: 416px; margin-bottom: 0px;}

.breadcrumbs {margin-bottom: 20px; font-family: 'Inter'; font-size: 14px; line-height: 19px; font-weight: 400; color: #0D072D;}
.breadcrumbs ul {display: block;}
.breadcrumbs__item {display: inline-block; vertical-align: middle;}
.breadcrumbs__link {display: block; padding: 6px 8px; background: #F0F0F7; border-radius: 8px; color: #0D072D; transition: 0.2s ease;}
.breadcrumbs__link:hover {text-decoration: none; background: #FFFFFF; color: #0D072D;}
.breadcrumbs__current {display: block; padding: 5px 0px; color: #302951;}
.breadcrumbs__current {white-space: nowrap;}
@media (max-width: 800px) {
  .breadcrumbs__current {
    display: inline-block;
    max-width: 42vw;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
  }
}

.meta-tags {margin-top: 55px; margin-bottom: 33px;}
.meta-tags__label {white-space: nowrap; display: inline-block; color: #0D072D; margin-right: 10px;}
.meta-tags__label img {vertical-align: middle; margin-right: 4px;}
.meta-tags__list {display: inline;}
.meta-tags__list li {display: inline-block; vertical-align: middle; margin-right: 4px;}
.meta-tags__list li:last-child {margin-right: 0px;}
.meta-tags__list a {/*display: block;*/ background: #E9E9F8; padding: 4px 10px; border-radius: 20px; font-family: 'Inter'; font-size: 14px; line-height: 19px; font-weight: 400; color: #212AD3; text-decoration: none; transition: 0.2s ease;}
.meta-tags__list a:hover {text-decoration: none; color: #212AD3; background: #D6D6F8;}

.journals-row {display: flex; /* Для высоты по конткнту: */ align-items: flex-start; gap: 24px; flex-wrap: wrap;}
.journals-row .col1 {display: flex; flex-direction: column; flex: 0 1 calc(33.333% - 12px);}
.journals-row .col2 {display: flex; flex: 0 1 calc(66.666% - 12px);}
.journal {overflow: hidden; margin-bottom: 19px; border-radius: 28px; border: 1px solid #C2C2E7; padding: 12px; transition: 0.3s ease;}
.journal:hover {transform: translateY(-4px);}
.journal:last-child {margin-bottom: 0px;}
.journal img {float: left; border-radius: 16px; margin-right: 16px;}
.journal .date, .journal-big .date {display: inline-block; vertical-align: middle; color: #0D072D; font-family: 'Inter'; font-size: 14px; line-height: 19px; font-weight: 400; margin-right: 8px;}
.journal .tag, .journal-big .tag {display: inline-block; vertical-align: middle; background: #E9E9F8; padding: 4px 10px; border-radius: 20px; font-family: 'Inter'; font-size: 14px; line-height: 19px; font-weight: 400; color: #212AD3; text-decoration: none; transition: 0.2s ease;}
.journal .tag:hover, .journal-big .tag:hover {text-decoration: none; color: #212AD3; background: #D6D6F8;}
.journal .zag {display: block; padding-left: 120px; color: #0D072D; font-family: 'Inter'; font-size: 15px; line-height: 20px; font-weight: 600; margin-top: 8px; text-decoration: none;}
.journal .zag:hover {text-decoration: none;}
.journal-big {display: flex; flex-direction: column; border-radius: 28px; background: #F0F0F7; transition: 0.3s ease; margin-bottom: 40px;}
.journal-big:hover {transform: translateY(-4px);}
.journal-big img {width: 100%; height: auto; border-radius: 28px 28px 0px 0px;}
.journal-big .padd {padding: 16px;}
.journal-big .tag {margin-right: 8px;}
.journal-big .zag {display: block; color: #0D072D; font-family: 'Inter'; font-size: 24px; line-height: 32px; font-weight: 500; margin-top: 8px; text-decoration: none;}
.journal-big .zag:hover {text-decoration: none;}
.journal-big .text {margin-top: 4px; margin-bottom: 0px; display: block; color: #302951; font-family: 'Inter'; font-size: 16px; line-height: 22px; font-weight: 400;}
.journal-big .category-tag, .journal .category-tag{display: inline-block;vertical-align: middle;background: #E9E9F8;padding: 4px 10px;border-radius: 20px;font-family: 'Inter';font-size: 14px;line-height: 19px;font-weight: 400;text-decoration: none;transition: 0.2s ease;}
.journal-big .category-tag a, .journal .category-tag a{color: #212AD3;}
.journal-big .category-tag:hover, .journal .category-tag:hover{background: #D6D6F8;}
.journal-big .category-tag a:hover, .journal .category-tag a:hover{text-decoration: none;color: #212AD3;}

.category-page .journal-big {flex-direction: unset;}
.category-page .journal-big img {width: 45%; height: auto; border-radius: 28px}
.category-page .journal-big .padd {padding: 20px;}

.psychology .justify-content-center {margin-bottom: 32px;}
.psychology .journal-big {flex: 0 1 calc(33.333% - 16px);}
.psychology .journal-big img {max-height: 207px; object-fit: cover; object-position: top center;}

.cases.pt-75 {padding-top: 75px;}
.cases .justify-content-center {margin-bottom: 32px;}
.cases .journal-big {flex: 0 1 calc(33.333% - 16px);}
.cases .journal-big img {max-height: 207px; object-fit: cover; object-position: top center;}

.psychology .link-right-href, .cases .link-right-href {position: absolute; right: 17px; top: 6px; color: #0D072D; font-size: 18px; line-height: 26px;}
.psychology .link-right-href:hover, .cases .link-right-href:hover {text-decoration: underline;}
.psychology .link-right-href img, .cases .link-right-href img {margin-left: 5px; margin-top: -2px;}

/* Маскот */
.mascot-wrap{
  position: relative;
  display: inline-block;
  overflow: visible;
}

.mascot-img{
  max-width: 100%;
  height: auto;
  display: block;
}

/* Бабл */
.mascot-bubble{
  position: absolute;
  top: 20%;
  right: 100%;
  margin-right: 16px;
  width: 235px;
  max-width: none;
  padding: 12px 16px;
  background: #ffffff;
  border-radius: 16px;
  font-size: 15px;
  line-height: 1.4;
  color: #111;
  box-shadow: 0 10px 30px rgba(0,0,0,.08);

  /* fade-in */
  opacity: 0;
  transform: translateY(6px);
  transition: opacity .35s ease, transform .35s ease;
}

.mascot-bubble::before{
  content: '';
  position: absolute;
  right: -8px;
  top: 12px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #fff;
}

.mascot-bubble.is-show{
  opacity: 1;
  transform: translateY(0);
}

.mascot-bubble__ghost{
  visibility: hidden;
  pointer-events: none;
  display: block;
}

.mascot-bubble__text{
  position: absolute;
  inset: 12px 16px;
  display: block;
}

/* курсор */
.mascot-bubble.is-typing .mascot-bubble__text::after{
  content: '▍';
  margin-left: 2px;
  animation: caretBlink .8s step-end infinite;
}

@keyframes caretBlink { 50% { opacity: 0; } }


/* Статья */
.statya.pt-105 {padding-top: 105px;}
.statya-info {display: flex;}
.main {position: relative; max-width: 632px; margin-left: auto; margin-right: 280px;}
.main .img {width: 100%; height: auto; margin-bottom: 24px;}
.main .date {display: block; color: #0D072D; font-family: 'Inter'; font-size: 14px; line-height: 19px; font-weight: 400; margin-bottom: 10px;}
.main .author {position: relative; display: inline-block; overflow: hidden; line-height: 0px;}
.main .readtime {margin-left: 12px;font-size: 14px;white-space: nowrap;color: #0D072D;font-family: 'Inter';line-height: 19px;}
.main .author img {float: left; margin-right: 10px;}
.main .author .name {display: inline-block; font-size: 14px; line-height: 16px; font-weight: 600; color: #2D215A;}
.main .author .job {display: block; font-size: 14px; line-height: 16px; font-weight: 400; color: #6F6690;}
.main h1 {font-family: 'Inter'; font-size: 32px; line-height: 38px; font-weight: 400; color: #0D072D; text-transform: none; margin-top: 24px; margin-bottom: 24px;}
.main .content {padding: 16px; border-radius: 16px; background: #F0F0F7; display: flex; gap: 8px; flex-direction: column; margin-top: 24px; margin-bottom: 24px;}
.main .content a {display: block; color: #302951;}
.main .content a:hover {text-decoration: underline;}
.main .content .zag {font-size: 24px; line-height: 32px; font-weight: 500; color: #0D072D;}
.main .shareme {display: inline-flex; flex-wrap: wrap; justify-content: center; align-items: center; background: #FFFFFF; padding: 4px; border-radius: 29px; gap: 6px; font-family: 'Inter'; font-size: 18px; line-height: 26px; font-weight: 400; color: #000; margin-bottom: 24px;}
.main .shareme span {display: inline-block; vertical-align: middle; margin-left: 10px; margin-right: 10px;}
.main .shareme:last-child {margin-bottom: 0px;}
.main .shareme img {vertical-align: middle; transition: 0.3s ease;}
.main .shareme img:hover {opacity: 70%;}
.main .shareme a {position: relative;}
.main .shareme__hint {position: absolute;bottom: -30px;left: 50%;transform: translateX(-50%);background: #111;color: #fff;font-size: 12px;line-height: 16px;padding: 4px 8px;border-radius: 6px;white-space: nowrap;opacity: 0;pointer-events: none;transition: opacity .25s ease, transform .25s ease;z-index: 10;}
.main .shareme__hint.show {opacity: 1;transform: translateX(-50%) translateY(2px);}
.main p, .main ul, .main ol, .main table {margin-bottom: 24px; font-size: 17px; line-height: 24px; font-weight: 300; color: #0D072D;}
.main p:last-child {margin-bottom: 0px;}
.main .inv {display: flex; align-items: center; justify-content: space-between; /*flex-wrap: wrap;*/ margin-bottom: 24px; color: #0D072D; background: #F0F0F7; padding: 16px; border-radius: 16px; position: relative; font-size: 18px; line-height: 26px; font-weight: 500; overflow: hidden;}
.main .inv a {font-size: 16px; line-height: 22px; font-weight: 400; color: #FCFCFF; border: 1px solid #5392e3; background: linear-gradient(180deg, #34B0DF 0%, #1E88D3 100%); padding: 9px 14px; margin-left: 10px; border-radius: 12px; float: right; text-decoration: none; transition: 0.2s ease;}
.main .inv a:hover {text-decoration: none; background: #1E88D3; background: linear-gradient(180deg, #1E88D3 0%, #1E88D3 100%); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}
.main h2 {margin-bottom: 24px; font-family: 'Inter'; font-size: 24px; line-height: 32px; font-weight: 500; color: #0D072D; text-transform: none;}
.main h3 {margin-bottom: 24px; font-family: 'Inter'; font-size: 20px; line-height: 28px; font-weight: 500; color: #0D072D; text-transform: none;}
.main blockquote {margin: 0;color: #231E28;padding: 30px 30px 30px 60px;border-left: 8px solid #ff7147;position: relative;background-color: rgb(249, 242, 240);font-weight: 300;}
.main blockquote:before {content: "\201C";font-family: Inter;color: #ff7147;font-size: 70px;position: absolute;left: 15px;top: 35px;}
.main blockquote ul {margin: 10px 0 0 0;}
.main .gray-blockquote {
    margin: 0px 0px 24px;
    padding: 0px 16px;
    border-left: 4px solid #D0CFDC;
    font-family: 'Inter';
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    letter-spacing: 0px;
    color: #0D072D;
}
.main blockquote:before
.main h3 {margin-bottom: 24px; font-family: 'Inter'; font-size: 24px; line-height: 32px; font-weight: 500; color: #0D072D; text-transform: none;}
.main h4 {margin-bottom: 24px; font-family: 'Inter'; font-size: 18px; line-height: 26px; font-weight: 500; color: #0D072D; text-transform: none;}
.main .meta-tags {margin-top: 20px; margin-bottom: 15px;}
.main .fullstory-text a {color: #ff6f43;border-bottom: 1px #ff6f43 solid;}
.main .fullstory-text a:hover{border-bottom:none;}
.main .fullstory-text table tr td {border-bottom: 1px #eee solid;}
.main .fullstory-text{overflow-x:hidden;}
.main .fullstory-text table{width:100%;border-collapse:collapse;border-spacing:0;margin:0 0 24px;border:1px solid rgba(16,24,40,.08);border-radius:14px;background:#fff;table-layout:auto;display:block;overflow-y: hidden;}
.main .fullstory-text table tr:last-child td{border-bottom:0;}
.main .fullstory-text table th,.main .fullstory-text table td{padding:12px 14px;vertical-align:top;font-size:16px;line-height:24px;text-align:left;border-bottom:1px solid rgba(16,24,40,.08);white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;}
.main .fullstory-text table thead th{font-weight:600;background:#F7F7FA;}
.main .fullstory-text table td p{margin:0;}
@media (max-width:700px){.main .fullstory-text table{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;border-radius:14px;}}

.blog-tg-card {background: linear-gradient(-90deg, #f6e1e9 0%, #f0dff8 50%, #d4e2f9 100%); padding: 64px; border-radius: 40px; position: relative;}
.blog-tg-card h2 {margin-bottom: 20px; max-width: 343px; font-family: 'Inter'; font-size: 32px; line-height: 38px; font-weight: 400; color: #0D072D; text-transform: none;}
.blog-tg-card p {margin-bottom: 0px; max-width: 343px; font-family: 'Inter'; font-size: 18px; line-height: 26px; font-weight: 400; color: #0D072D;}
.blog-tg-card .blog-tg-link {font-size: 16px;line-height: 22px; font-weight: 400; color: #FCFCFF; border: 1px solid #5392e3; background: linear-gradient(180deg, #34B0DF 0%, #1E88D3 100%); padding: 9px 14px; border-radius: 12px; text-decoration: none; margin-right: 8px; transition: all 200ms ease;}
.blog-tg-card .blog-tg-link:hover {text-decoration: none; background: #1E88D3; background: linear-gradient(180deg, #1E88D3 0%, #1E88D3 100%); box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);}
.blog-tg-card .btns {margin-top: 33px; display: inline-flex; justify-content: flex-start; align-items: center;}
.blog-tg-card .blogtg-arr {position: absolute; left: 32%; top: 45%; pointer-events: none; z-index: 1;}
.blog-tg-card .blogtg1 {position: absolute; right: 24%; top: 7%; transform: rotate(-2deg); pointer-events: none; z-index: 1;}
.blog-tg-card .blogtg2 {position: absolute; right: 10%; top: -12%; transform: rotate(2deg); pointer-events: none; z-index: 2;}

/* Заметка в статье справа */
.bnnr {display:block;position: absolute; left: 100%; margin-left: 22px; width: 256px; min-height: 142px; background: #F7F7FA; border: 1px solid #C2C2E7; padding: 24px; border-radius: 16px; z-index: 3;}
.bnnr img {margin-bottom: 10px;}
.bnnr span {display: block; font-size: 16px;line-height: 22px; font-weight: 500; color: #0D072D; margin-bottom: 10px;}
.bnnr p {font-size: 14px;line-height: 19px; font-weight: 400; color: #0D072D; margin-bottom: 0px;}
.main a.bnnr-link{color:#0D072D;text-decoration:none;border-bottom:1px solid #C2C2E7;transition:background-color .2s,border-color .2s,transform .2s,box-shadow .2s;}
@media (hover:hover) and (pointer:fine){.main a.bnnr-link:hover{color:#0D072D;background:#F0F0F7;border-color:#9E9ED5;transform:translateY(-2px);box-shadow:0 8px 20px rgba(13,7,45,.08);}}
.main a.bnnr-link:focus-visible{outline:3px solid rgba(255,111,67,.35);outline-offset:3px;}
.bnnr-anchor{display:block;height:0;line-height:0;font-size:0;overflow:hidden;visibility:hidden}
.bnnr-anchor-row{display:block;height:0;margin:0!important;padding:0!important;line-height:0;overflow:hidden}
@media (min-width:961px){.main .bnnr.is-anchored{position:absolute!important;top:0;}}
.main .fullstory-text .bnnr img{display:block;width:22px;height:22px;margin:0 0 10px;border-radius:0;}
.main .fullstory-text .bnnr p{margin:0;font-size:14px;line-height:19px;}

#sod {display: none; position: fixed; left: 20px; left: calc(50% - 632px / 2 - 240px - 22px); bottom: 20px; z-index: 3; white-space: nowrap;}
#sod .sod1 {transition: all 0ms; height: 42px; display: inline-block; width: 210px; background-color: #0D072D; padding: 10px 16px; border-radius: 40px; font-family: 'Inter'; font-size: 16px; line-height: 22px; font-weight: 400; color: #FCFCFF; cursor: pointer; background-image: url("../img/icons/sod1.svg"); background-repeat: no-repeat; background-position: 92% center;}
#sod .sod1:hover {background-color: #302951;}
#sod.opnd .sod1{
width: 338px; /* Ширина левого оглавления при открытии */
background-image: url("../img/icons/sod1-cross.svg");
background-position: 95% center;}
#sod .sod2 {background-color: #0D072D; cursor: pointer; width: 42px; height: 42px; display: inline-block; vertical-align: top; margin-left: 6px; border-radius: 50%; background-image: url("../img/icons/sod2.svg"); background-position: center center; background-repeat: no-repeat;}
#sod .sod2:hover {background-color: #302951;}
#sod .sod3 {display: none; white-space: normal; background-color: #0D072D; width: 100%; color: #FCFCFF; padding: 10px 16px; border-radius: 16px; margin-top: 6px; max-height: min(52vh, 420px); overflow-y: auto; overflow-x: hidden; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #6F6690 transparent;}
#sod .sod3::-webkit-scrollbar {width: 7px;}
#sod .sod3::-webkit-scrollbar-track {background: transparent;}
#sod .sod3::-webkit-scrollbar-thumb {background: #6F6690; border-radius: 8px;}
#sod .sod3 a {display: block; font-family: 'Inter'; font-size: 16px; line-height: 22px; font-weight: 400; color: #ACAAB8; margin-bottom: 4px;}
#sod .sod3 a:last-child {margin-bottom: 0px;}
#sod .sod3 a:hover {text-decoration: underline; color: #FCFCFF;}

.content__link {display: inline-block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: bottom;}
ul.content .content__link {max-width: 570px;}
#sod .sod3 .content__link {max-width: 335px;}
ul.content li.is-h3 { padding-left: 18px; }
div#main img {max-width: 632px;height: auto;}

/* Текст статьи */
.main .fullstory-text {font-size: 17px; line-height: 24px; color: #0D072D;}
.main .fullstory-text p {margin: 0px 0px 16px;}
.main .fullstory-text p:last-child {margin-bottom: 0px;}
.main .fullstory-text h2,
.main .fullstory-text h3,
.main .fullstory-text h4 {margin: 28px 0px 16px;}
.main .fullstory-text h2:first-child,
.main .fullstory-text h3:first-child,
.main .fullstory-text h4:first-child {margin-top: 0px;}
.main .fullstory-text ul,
.main .fullstory-text ol {margin: 0px 0px 18px; padding-left: 26px;list-style: disc;}
.main .fullstory-text > ul,
.main .fullstory-text > ol {list-style: none;}
/* .main .fullstory-text ul {list-style: disc;} */
/* .main .fullstory-text ol {list-style: decimal;} */
.main .fullstory-text li {margin: 8px 0px; padding: 0px;}
.main .fullstory-text ul > li,
.main .fullstory-text ol > li {list-style: inherit;}
.main .fullstory-text li > ul,
.main .fullstory-text li > ol {margin: 10px 0px 0px;}
.main .fullstory-text li > p {margin: 0px;}
.main .fullstory-text blockquote {margin: 0px 0px 18px;}
.main .fullstory-text figure {display: block; width: 100%; max-width: 100%; margin: 24px 0px;}
.main .fullstory-text figure img {max-width: 100%; height: auto; margin-bottom: 0px;}
.main .fullstory-text figure figcaption {margin-top: 6px !important; color: #6b6b78; font-size: 14px; line-height: 20px;}
.main .fullstory-text img {display: block; max-width: 100%; height: auto; margin: 16px 0px 18px; border-radius: 12px;}

/* =================== Форма комментариев =================== */
.box.cmt { margin-top: 32px; }

.cmt__card{
  background: #fff;
  border: 1px solid rgba(16, 24, 40, .10);
  border-radius: 24px;
  padding: 25px;
  margin-bottom:40px;
}

.cmt__title{
  font-family: 'Inter';
  font-size: 32px;
  height: 38px;
  font-weight: 400;
  color: #0D072D;
  margin-bottom: 16px;
  text-transform: unset;
}

.cmt__row{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 12px;
}
@media (max-width: 768px){
  .cmt__row{ grid-template-columns: 1fr; }
}

.cmt__card input.wide,
.cmt__input{
  width: 100%;
  border: 1px solid rgba(16, 24, 40, .12);
  border-radius: 14px;
  padding: 12px 14px;
  font-size: 15px;
  line-height: 20px;
  outline: none;
  background: #fff;
  transition: border-color .2s ease, box-shadow .2s ease;
}
.cmt__card input.wide:focus,
.cmt__input:focus{
  border-color: rgba(99, 102, 241, .65);
  box-shadow: 0 0 0 4px rgba(99, 102, 241, .12);
}

.cmt__editor{
  position: relative;
  margin: 0;
}

/* textarea */
#comment-editor textarea{
  width: 100%;
  min-height: 120px;
  height: 120px;
  max-height: 260px;
  border: 1px solid rgba(16, 24, 40, .12);
  border-radius: 18px;
  padding: 16px 16px 60px;
  font-size: 16px;
  line-height: 24px;
  outline: none;
  background: #fff;
  resize: none;
  transition: border-color .2s ease, box-shadow .2s ease, height .2s ease;
}

#comment-editor textarea:focus{
  border-color: rgba(99, 102, 241, .65);
  box-shadow: 0 0 0 6px rgba(99, 102, 241, .12);
}

.cmt__card.is-open #comment-editor textarea{
  height: 150px;
}

.cmt__tools--inside{
  position: absolute;
  left: 10px;
  bottom: 10px;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  padding: 6px 8px;
  background: rgba(255,255,255,.92);
  backdrop-filter: blur(6px);
  z-index: 3;
  pointer-events: auto;
}

.cmt__toolbtn{
  width: 34px;
  height: 34px;
  border-radius: 999px;
  border: 1px solid rgba(16, 24, 40, .10);
  background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform .15s ease, box-shadow .15s ease, border-color .15s ease;
  font-size: 14px;
  line-height: 1;
  pointer-events: auto;
}
.cmt__toolbtn:hover{
  border-color: rgba(16, 24, 40, .18);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  transform: translateY(-1px);
}

.cmt__actions{
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
  padding-top: 12px;
}

.cmt__cancel{
  background: transparent;
  border: none;
  padding: 10px 6px;
  font-size: 14px;
  color: rgba(16, 24, 40, .65);
  cursor: pointer;
}
.cmt__cancel:hover{ color: rgba(16, 24, 40, .90); }

.cmt__btn{
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  line-height: 16px !important;
  background-color: #0D072D;
  color: #ffffff;
  border: none;
}

.cmt__btn:hover{
  background-color:#302951;
}


.cmt__btn.is-disabled{
  opacity: .45;
  pointer-events: none;
}

.cmt__cancel{ display: none; }
.cmt__card.is-open .cmt__cancel{ display: inline-block; }

#comment-editor textarea{
  position: relative;
  z-index: 1;
}

.cmt__btn:disabled{
  opacity: .45;
  pointer-events: none;
}

#comment-editor .tox-tinymce {
  width: 100% !important;
  min-height: 100px !important;
  max-height: 400px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(16, 24, 40, 0.12) !important;
  overflow: hidden !important;
  transition: height 0.2s ease-out !important;
}

#comment-editor .tox-edit-area {
  min-height: calc(100% - 39px) !important; /* 39px - высота тулбара */
  overflow-y: auto !important;
}

#comment-editor .tox-edit-area__iframe {
  min-height: 100% !important;
}

/* Фокус */
#comment-editor .tox-tinymce:focus-within {
  border-color: rgba(99, 102, 241, 0.65) !important;
  box-shadow: 0 0 0 6px rgba(99, 102, 241, 0.12) !important;
}

.cmt__tools--inside {
  position: absolute !important;
  left: 5px !important;
  bottom: 5px !important;
  z-index: 9 !important;
  pointer-events: auto !important;
}

#comment-editor textarea {
  display: none !important;
}

#comment-editor .tox-edit-area {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(16, 24, 40, 0.2) transparent !important;
}

#comment-editor .tox-edit-area::-webkit-scrollbar {
  width: 6px !important;
}

#comment-editor .tox-edit-area::-webkit-scrollbar-track {
  background: transparent !important;
}

#comment-editor .tox-edit-area::-webkit-scrollbar-thumb {
  background-color: rgba(16, 24, 40, 0.2) !important;
  border-radius: 3px !important;
}

.tox-placeholder {
  color: rgba(16, 24, 40, 0.45) !important;
  font-style: normal !important;
}

/* =================== Список комментариев =================== */

.comment{
  padding: 24px 0;
  border-bottom: 1px solid rgba(16,24,40,.08);
}

.com_info{
  display: grid;
  grid-template-columns: 40px 1fr;
  column-gap: 14px;
}

.comment .avatar .cover{
  display:block !important;
  width:40px !important;
  height:40px !important;
  border-radius:50% !important;
  background-color:#e9ecf3 !important;
  background-image:url("/blog/templates/Default/dleimages/noavatar.png") !important; /* fallback */
  background-size:cover !important;
  background-position:center !important;
  background-repeat:no-repeat !important;
  color:transparent !important;
  font-size:0 !important;
  overflow:hidden !important;
}

.com_user{
  grid-column: 2 / -1;
  display: flex;
  flex-direction: column;
  margin-bottom: 6px;
}

.com_user .name{
  font-size: 14px;
  font-weight: 600;
}

.com_user .grey{
  font-size: 12px;
  color: rgba(16,24,40,.55);
}

.comment_text,
.comment .text,
.comment p{
  font-size: 15px;
  line-height: 1.6;
  color: #101828;
}

.meta{
  grid-column: 2 / -1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 10px;
  gap: 16px;
}

.rate_like-dislike{
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  color: rgba(16,24,40,.6);
}

.rate_like-dislike svg{
  width: 16px;
  height: 16px;
  cursor: pointer;
  transition: transform .15s ease, color .15s ease;
}

.rate_like-dislike svg:hover{
  transform: translateY(-1px);
}

.meta ul.left{
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.meta ul.left li{
  font-size: 13px;
  color: rgba(16,24,40,.6);
  cursor: pointer;
  transition: color .15s ease;
}

.meta ul.left li:hover{
  color: rgba(16,24,40,.9);
}

.meta .edit_btn,
.meta .del{
  opacity: .6;
}
.meta .edit_btn:hover,
.meta .del:hover{
  opacity: 1;
}

.meta ul.left{
  opacity: 0;
  transition: opacity .15s ease;
}

.comment:hover .meta ul.left{
  opacity: 1;
}

.com_text{
  grid-column: 2 / -1;
  margin-top: 6px;
  font-size: 15px;
  line-height: 1.6;
  color: #101828;
}

/* ===== Лайк / дизлайк в комментариях ===== */

.comment .rate_like-dislike{
  display: flex;
  align-items: center;
  gap: 8px;
}

/* кликабельные кнопки */
.comment .rate_like-dislike a{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  border: 1px solid rgba(16,24,40,.12);
  background: #fff;
  text-decoration: none;
  cursor: pointer;
  transition: 
    transform .12s ease,
    box-shadow .12s ease,
    border-color .12s ease;
}

.comment .rate_like-dislike a:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  border-color: rgba(16,24,40,.22);
}

/* иконки */
.comment .rate_like-dislike svg{
  width: 16px;
  height: 16px;
  display: block;
  fill: currentColor;
}

/* числа рейтинга */
.comment .ratingtypeplusminus{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  font-size: 13px;
  font-weight: 600;
}

/* цвета */
.comment .ratingplus,
.comment .rate_plus{
  color: #16a34a; /* зелёный */
}

.comment .ratingminus,
.comment .rate_minus{
  color: #dc2626; /* красный */
}

#comment-editor .tox-editor-header,
#comment-editor .tox-toolbar,
#comment-editor .tox-toolbar__primary,
#comment-editor .tox-statusbar{
  display:none !important;
}

#comment-editor{ position: relative; }

#comment-editor .tox-tinymce{
  border: 1px solid rgba(16,24,40,.12) !important;
  border-radius: 18px !important;
  overflow: hidden;
  box-shadow: none !important;
  background: #fff;
}

#comment-editor .tox-tinymce,
#comment-editor .tox-editor-container,
#comment-editor .tox-edit-area,
#comment-editor iframe#comments_ifr{
  min-height:130px !important;
}

#comment-editor .tox-edit-area__iframe{ background:#fff; }
#comment-editor .tox-edit-area{ padding:0 !important; position: relative; }

button[data-mce-name="dlespoiler"] {
  display: none !important;
}

button[data-mce-name="dlehide"] {
  display: none !important;
}

/* ===== Toast ===== */
.toast-wrap{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 99999;
  display: grid;
  gap: 10px;
  pointer-events: none;
}

.toast{
  pointer-events: auto;
  background: #111827;
  color: #fff;
  border-radius: 14px;
  padding: 12px 14px;
  min-width: 260px;
  max-width: 360px;
  box-shadow: 0 14px 40px rgba(0,0,0,.22);
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.35;
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .18s ease, transform .18s ease;
}

.toast.is-show{
  opacity: 1;
  transform: translateY(0);
}

.toast--error{ background:#991b1b; }
.toast--success{ background:#065f46; }

/* ===== DLEPush ===== */
.DLEPush-notification{
  position: fixed !important;
  right: 16px !important;
  bottom: 16px !important;
  z-index: 99999 !important;

  display: block !important;
  max-width: 360px !important;
  min-width: 260px !important;

  border-radius: 14px !important;
  padding: 12px 14px !important;

  box-shadow: 0 14px 40px rgba(0,0,0,.22) !important;
  font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.35 !important;

  opacity: 1 !important;
  transform: translateY(0) !important;
}

.DLEPush-notification .DLEPush-close,
.DLEPush-notification .DLEPush-icon,
.DLEPush-notification .DLEPush-header{
  display: none !important;
}

.DLEPush-notification .DLEPush-message{
  margin: 0 !important;
  padding: 0 !important;
  color: #fff !important;
}

.DLEPush-notification.push-error{
  background: #991b1b !important; /* toast--error */
  color: #fff !important;
}

.DLEPush-notification.push-success{
  background: #065f46 !important; /* toast--success */
  color: #fff !important;
}

.DLEPush-notification.push-warning{
  background: #111827 !important;
  color: #fff !important;
}

.DLEPush-notification.push-info{
  background: #111827 !important;
  color: #fff !important;
}

/* ============= Рейтинг материала ============ */
.rate .rating,
.rate .unit-rating {
  width: 120px;
  height: 24px;
}

.rate {
    margin-bottom: 15px;
}

.rate .unit-rating {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 120px;
  height: 24px;

  background-image: url("/blog/templates/Default/img/stars_new.svg");
  background-repeat: repeat-x;
  background-size: 24px 88px;
  background-position: 0 -64px;
}

.rate .unit-rating li {
  margin: 0;
  padding: 0;
  float: left;
  text-indent: -9999px;
}

.rate .unit-rating li.current-rating {
  position: absolute;
  left: 0;
  top: 0;
  height: 24px;
  z-index: 0;
  overflow: hidden;
  text-indent: -9999px;
  pointer-events: none;
  background-image: url("/blog/templates/Default/img/stars_new.svg");
  background-repeat: repeat-x;
  background-size: 24px 88px;
  background-position: 0 0;
}

.rate .unit-rating li a {
  position: absolute;
  top: 0;
  height: 24px;
  display: block;
  border: 0 !important;
  text-decoration: none;
  text-indent: -9999px;
  overflow: hidden;
  background: none !important;
  transition: none !important;
}

.rate .unit-rating li a:hover {
  left: 0;
  background-image: url("/blog/templates/Default/img/stars_new.svg") !important;
  background-repeat: repeat-x !important;
  background-size: 24px 88px !important;
  background-position: 0 0 !important;
}

.rate .unit-rating a.r1-unit { left: 0;  width: 24px;  z-index: 5; }
.rate .unit-rating a.r2-unit { left: 24px; width: 24px; z-index: 4; }
.rate .unit-rating a.r3-unit { left: 48px; width: 24px; z-index: 3; }
.rate .unit-rating a.r4-unit { left: 72px; width: 24px; z-index: 2; }
.rate .unit-rating a.r5-unit { left: 96px; width: 24px; z-index: 1; }

.rate .unit-rating a.r1-unit:hover { width: 24px; }
.rate .unit-rating a.r2-unit:hover { width: 48px; }
.rate .unit-rating a.r3-unit:hover { width: 72px; }
.rate .unit-rating a.r4-unit:hover { width: 96px; }
.rate .unit-rating a.r5-unit:hover { width: 120px; }

/* ==================== Стили для всех форм комментариев ==================== */

#comment-editor .tox-editor-header,
#comment-editor .tox-toolbar-overlord,
#comment-editor .tox-toolbar__primary,
#comment-editor .tox-statusbar,
form[id^="dle-comments-form-"] .tox-editor-header,
form[id^="dle-comments-form-"] .tox-toolbar-overlord,
form[id^="dle-comments-form-"] .tox-toolbar__primary,
form[id^="dle-comments-form-"] .tox-statusbar,
.comment-form .tox-editor-header,
.comment-form .tox-toolbar-overlord,
.comment-form .tox-toolbar__primary,
.comment-form .tox-statusbar{
  display: none !important;
  height: 0 !important;
  min-height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}

/* 2. Контейнер TinyMCE для всех форм */
#dle-comments-form .tox-tinymce,
form[id^="dle-comments-form-"] .tox-tinymce,
.comment-form .tox-tinymce {
  width: 100% !important;
  min-height: 100px !important;
  max-height: 400px !important;
  border-radius: 18px !important;
  border: 1px solid rgba(16, 24, 40, 0.12) !important;
  overflow: hidden !important;
  transition: height 0.2s ease-out !important;
  margin: 0 !important;
}

/* 3. Фокус на редакторе */
.tox-tinymce:focus-within {
  border-color: rgba(99, 102, 241, 0.65) !important;
  box-shadow: 0 0 0 6px rgba(99, 102, 241, 0.12) !important;
}

/* 4. кнопки форматирования */
.cmt__tools--inside {
  position: absolute !important;
  left: 14px !important;
  bottom: 10px !important;
  z-index: 10000 !important;
  display: inline-flex !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 6px 8px !important;
  background: rgba(255, 255, 255, 0.98) !important;
  backdrop-filter: blur(10px) !important;
  border-radius: 12px !important;
  border: 1px solid rgba(16, 24, 40, 0.08) !important;
  pointer-events: auto !important;
}

.cmt__toolbtn {
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(16, 24, 40, 0.1) !important;
  background: #fff !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease !important;
  font-size: 14px !important;
  line-height: 1 !important;
  pointer-events: auto !important;
  color: #333 !important;
}

.cmt__toolbtn:hover {
  border-color: rgba(16, 24, 40, 0.18) !important;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06) !important;
  transform: translateY(-1px) !important;
}

.cmt__toolbtn svg {
  width: 16px !important;
  height: 16px !important;
  fill: currentColor !important;
}

/* 5. Форма ответа */
.comment-form,
form[id^="dle-comments-form-"] {
  background: #fff !important;
  border: 1px solid rgba(16, 24, 40, .10) !important;
  border-radius: 24px !important;
  padding: 25px !important;
  margin-top: 10px !important;
  margin-bottom: 20px !important;
  position: relative !important;
}

/* 6. Поля ввода в форме ответа */
.commentsreplyname,
.commentsreplymail {
  width: 100% !important;
  margin-bottom: 12px !important;
  float: none !important;
  padding: 0 !important;
}

.commentsreplyname input,
.commentsreplymail input {
  width: 100% !important;
  border: 1px solid rgba(16, 24, 40, .12) !important;
  border-radius: 14px !important;
  padding: 12px 14px !important;
  font-size: 15px !important;
  line-height: 20px !important;
  outline: none !important;
  background: #fff !important;
  transition: border-color .2s ease, box-shadow .2s ease !important;
  box-sizing: border-box !important;
}

.commentsreplyname input:focus,
.commentsreplymail input:focus {
  border-color: rgba(99, 102, 241, .65) !important;
  box-shadow: 0 0 0 4px rgba(99, 102, 241, .12) !important;
}

/* 7. Кнопки отправки в форме ответа */
.save-buttons {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px !important;
  margin-top: 15px !important;
  padding-top: 15px !important;
  border-top: 1px solid rgba(16, 24, 40, .08) !important;
}

.bbcodes {
  border-radius: 999px !important;
  padding: 10px 16px !important;
  font-size: 14px !important;
  line-height: 16px !important;
  cursor: pointer !important;
  border: none !important;
  transition: opacity .2s ease !important;
}

.bbcodes.cancelchanges {
  background: rgba(16, 24, 40, 0.08) !important;
  color: rgba(16, 24, 40, 0.65) !important;
}

/* 8. Скрываем стандартные textarea */
textarea[name^="comments"],
textarea#comments {
  display: none !important;
}

/* 9. Скроллбар для редактора */
.tox-edit-area {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(16, 24, 40, 0.2) transparent !important;
}

.tox-edit-area::-webkit-scrollbar {
  width: 6px !important;
}

.tox-edit-area::-webkit-scrollbar-track {
  background: transparent !important;
}

.tox-edit-area::-webkit-scrollbar-thumb {
  background-color: rgba(16, 24, 40, 0.2) !important;
  border-radius: 3px !important;
}

/* 10. Адаптивность */
@media (max-width: 768px) {
  .comment-form,
  form[id^="dle-comments-form-"] {
    padding: 15px !important;
    border-radius: 16px !important;
  }
  
  .cmt__tools--inside {
    left: 10px !important;
    bottom: 8px !important;
    padding: 4px 6px !important;
  }
  
  .cmt__toolbtn {
    width: 30px !important;
    height: 30px !important;
  }
}

.styled-reply-form .cmt__tools--inside {
    left: 35px !important;
    bottom: 50px !important;
}

.reply-description {
  font-size: 18px !important;
  font-weight: 600 !important;
  margin-top: 10px !important;
  color: #333 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
}

.reply-description b {
  color: #4f46e5 !important;
  font-weight: 700 !important;
}

ol.comments-tree-list {
    padding: 0;
    margin-top: 0;
}

/* ===== Цитата внутри комментария ===== */
.comment .quote_block{
  margin: 12px 0;
  border: 1px solid rgba(16,24,40,.10);
  border-radius: 16px;
  overflow: hidden;
  background: rgba(16,24,40,.03);
  width:500px;
}

/* title цитаты */
.comment .title_quote{
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 10px 12px;
  font-size: 13px;
  line-height: 18px;
  color: rgba(16,24,40,.65);
  background: rgba(255,255,255,.75);
  border-bottom: 1px solid rgba(16,24,40,.08);
}

.comment .title_quote a{
  color: #4f46e5;
  text-decoration: none;
  font-weight: 600;
}

.comment .title_quote a:hover{
  text-decoration: underline;
}

/* кнопка "показать сообщение" с иконкой */
.comment .title_quote .quote_link{
  margin-left: auto;
  width: 30px;
  height: 30px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid rgba(16,24,40,.10);
  background: #fff;
  color: rgba(16,24,40,.70);
  transition: transform .12s ease, box-shadow .12s ease, border-color .12s ease;
}

.comment .title_quote .quote_link:hover{
  transform: translateY(-1px);
  box-shadow: 0 8px 18px rgba(0,0,0,.06);
  border-color: rgba(16,24,40,.18);
}

/* тело цитаты */
.comment .quote{
  padding: 10px 12px 12px;
}

.comment .quote .quote_body{
  border-left: 3px solid rgba(99,102,241,.45);
  padding-left: 12px;
  color: #101828;
  font-size: 14px;
  line-height: 1.6;
}

.comment .quote .quote_body p{
  margin: 0 0 8px;
}

.comment .quote .quote_body p:last-child{
  margin-bottom: 0;
}

/* вложенные цитаты (если кто-то цитирует цитату) */
.comment .quote_body .quote_block{
  margin-top: 10px;
  background: rgba(255,255,255,.65);
}

.main .fullstory-text .title_spoiler {
  display: flex;
  align-items: center;
  gap: 8px;
     padding: 5px 16px;
  background: #f5f7fa;
  border: 1px solid #e3e6ea;
  border-radius: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  margin-bottom:10px;
}

/* Убираем стандартный вид ссылок */
.main .fullstory-text .title_spoiler a {
  text-decoration: none;
  color: #1f2937;
  font-size: 16px;
  font-weight: 500;
  border-bottom:none !important;
  text-transform: lowercase;
}

/* Hover эффект */
.main .fullstory-text .title_spoiler:hover {
  background: #fff;
}

/* Иконка */
.main .fullstory-text .title_spoiler svg {
     transition: transform 0.3s ease;
    color: #6b7280;
    margin-top: 9px;
    display: inline-block;
}

/* Контент */
.main .fullstory-text .text_spoiler {
  padding: 14px 16px;
  margin-top: 6px;
  border: 1px solid #e3e6ea;
  border-radius: 10px;
  background: #ffffff;
  line-height: 1.6;
  color: #374151;
  animation: fadeIn 0.3s ease;
      margin-bottom: 18px;
}


.main .fullstory-text .quote_block {
    color: #231E28;
    padding: 30px 30px 30px 60px;
    border-left: 8px solid #ff7147;
    position: relative;
    background-color: rgb(249, 242, 240);
    font-weight: 300;
    margin: 0px 0px 18px;
}

.main .fullstory-text .quote_block:before {
    content: "\201C";
    font-family: Inter;
    color: #ff7147;
    font-size: 70px;
    position: absolute;
    left: 15px;
    top: 35px;
}

.main .fullstory-text .quote_info {
  color: #012144;
    padding: 30px 30px 30px 60px;
    border-left: 8px solid #1d436c;
    position: relative;
    background-color: #F0F0F7;
    margin: 0px 0px 18px;
}

.main .fullstory-text .quote_info:before {
    /* content: "\2148"; */
    content: "i";
    font-family: Inter;
    color: #1d436c;
    font-size: 35px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    font-weight: bold;
    left: 14px;
    width: 36px;
    height: 36px;
    top: 20px;
    border-radius: 50%;
    /* background: #f3f4f6; */
}

.main .fullstory-text .quote_warning {
    color: #231E28;
    padding: 30px 30px 30px 60px;
    border-left: 8px solid #ffba00;
    position: relative;
    background-color: rgb(249 249 240);
    font-weight: 300;
    margin: 0px 0px 18px;
}

.main .fullstory-text .quote_warning:before {
    content: "\0021";
    font-family: Inter;
    color: #ffba00;
        font-size: 35px;
    line-height: 35px;
    position: absolute;
    text-align: center;
    font-weight: bold;
    left: 14px;
    width: 36px;
    height: 36px;
    top: 20px;
    border-radius: 50%;
    /* background: #fff; */
}

.main .fullstory-text .quote_default {
    color: #252525;
    padding: 30px 30px 30px 60px;
    border-left: 8px solid #878787;
    position: relative;
    background-color: rgb(231 231 231 / 26%);
    margin: 0px 0px 18px;
}

.main .fullstory-text .quote_default:before {
    content: "\201D";
    font-family: Inter;
    color:#878787;
    font-size: 70px;
    position: absolute;
    left: 15px;
    top: 35px;
}

.main .fullstory-text .quote_success {
        color: #252525;
    padding: 30px 30px 30px 60px;
    border-left: 8px solid #00df4d;
    position: relative;
    background-color: rgb(171 255 169 / 26%);
    margin: 0px 0px 18px;
}

.main .fullstory-text .quote_success:before {
    content: "\2714";
    font-family: Inter;
    color: #00df4d;
    font-size: 47px;
    position: absolute;
    left: 15px;
    top: 24px;
}


/* Анимация появления */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.main .fullstory-text .mce-accordion {
  max-width: 700px;
  margin: 12px 0;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  background: #ffffff;
  overflow: hidden;
  transition: box-shadow 0.3s ease;
}

.main .fullstory-text .mce-accordion[open] {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.06);
}

/* Заголовок */
.main .fullstory-text .mce-accordion summary {
  list-style: none;
  cursor: pointer;
  padding: 16px 20px;
  font-size: 16px;
  position: relative;
  transition: background 0.3s ease;
}

.main .fullstory-text .mce-accordion summary:hover {
  background: #f9fafb;
}

/* Убираем стандартную стрелку */
.main .fullstory-text .mce-accordion summary::-webkit-details-marker {
  display: none;
}

/* Кастомная стрелка */
.main .fullstory-text .mce-accordion summary::after {
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  width: 8px;
  height: 8px;
  border-right: 2px solid #6b7280;
  border-bottom: 2px solid #6b7280;
  transform: translateY(-50%) rotate(45deg);
  transition: transform 0.3s ease;
}

/* Поворот стрелки */
.main .fullstory-text .mce-accordion[open] summary::after {
  transform: translateY(-50%) rotate(225deg);
}

/* Контент */
.main .fullstory-text .mce-accordion p, .main .fullstory-text .mce-accordion ul {
  padding: 10px 20px 18px 20px;
  margin: 0;
  font-size: 16px;
  line-height: 1.7;
  color: #4b5563;
  animation: fadeIn 0.3s ease;
}

.main .fullstory-text .mce-accordion ul {
	margin-left: 30px;
	padding-top: 0;
}

.main .fullstory-text .mce-accordion ul li {
	margin-top: 0;
    margin: 0;
    position: relative;
}

/* Анимация появления */
@keyframes fadeIn {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0); }
}

.main .fullstory-text > ul.list-default-style {
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}

.main .fullstory-text > ul.list-default-style li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  line-height: 1.6;
  color: #374151;
}

.main .fullstory-text > ul.list-default-style li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #0D072D;
}

.main .fullstory-text > ul.list-disc-style {
  list-style: none;
  padding-left: 0;
  margin: 16px 0;
}

.main .fullstory-text > ul.list-disc-style li {
  position: relative;
  padding-left: 28px;
  margin-bottom: 10px;
  line-height: 1.6;
  color: #374151;
}

.main .fullstory-text > ul.list-disc-style li::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 9px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #0d072d;
  box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.15);
}

.main .fullstory-text > ul.list-square-style {
  list-style: none;
  padding: 0;
  margin: 20px 0;
}

.main .fullstory-text > ul.list-square-style li {
  padding: 14px 18px 14px 44px;
    margin-bottom: 10px;
    border-radius: 0;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    transition: all 0.3s ease;
    position: relative;
	    border-radius: 6px;
}

.main .fullstory-text > ul.list-square-style li:hover {
  background: #f3f4f6;
  transform: translateY(-2px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

.main .fullstory-text > ul.list-square-style li::before {
    content: "";
    position: absolute;
    left: 20px;
    top: 50%;
    width: 10px;
    height: 10px;
    transform: translateY(-50%);
    border-radius: 2px;
    background: #ff5925;
    box-shadow: 0 0 0 5px rgb(255 88 36 / 15%);
}

.main .fullstory-text > ul.list-circle-style {
  list-style: none;
  padding: 0;
  counter-reset: item;
}

.main .fullstory-text > ul.list-circle-style li {
  counter-increment: item;
  position: relative;
  padding-left: 28px;
  margin-bottom: 14px;
}

.main .fullstory-text > ul.list-circle-style li::before {
  content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 15px;
    height: 15px;
    background: none;
    color: #ff5824;
    border-radius: 50%;
    border: 3px solid;
    display: flex;
    align-items: center;
    justify-content: center;
}


.main .fullstory-text > ol.list-num-default-style {
  list-style: none;
  padding: 0;
  counter-reset: item;
}

.main .fullstory-text > ol.list-num-default-style li {
  counter-increment: item;
  position: relative;
  padding-left: 40px;
  margin-bottom: 14px;
}

.main .fullstory-text > ol.list-num-default-style li::before {
  content: counter(item);
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  background: #111827;
  color: #fff;
  border-radius: 50%;
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.main .fullstory-text > ol.list-lower-alpha-style {
  list-style: none;
  counter-reset: alpha;
  padding-left: 0;
  margin: 20px 0;
  border-left: 3px solid #6366f1;
}

.main .fullstory-text > ol.list-lower-alpha-style li {
  counter-increment: alpha;
  position: relative;
  padding: 10px 16px 10px 46px;
  margin-bottom: 8px;
  background: #f9fafb;
  border-radius: 8px;
  transition: all 0.25s ease;
}

.main .fullstory-text > ol.list-lower-alpha-style li:hover {
  transform: translateX(4px);
  background: #eef2ff;
}

.main .fullstory-text > ol.list-lower-alpha-style li::before {
  content: counter(alpha, lower-alpha) ".";
  position: absolute;
  left: 16px;
  top: 10px;
  font-weight: 600;
  color: #4f46e5;
}

.main .fullstory-text > ol.list-lower-greek-style {
  list-style: none;
  counter-reset: greek;
  padding-left: 0;
  margin: 24px 0;
  position: relative;
}

/* Вертикальная "колонна" */
.main .fullstory-text > ol.list-lower-greek-style::before {
  content: "";
  position: absolute;
  left: 29px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, #ff602e, #ff673887);
}

.main .fullstory-text > ol.list-lower-greek-style li {
  counter-increment: greek;
  position: relative;
  padding: 12px 16px 12px 60px;
  margin-bottom: 14px;
  background: #fcfbf7;
  border-radius: 10px;
  border: 1px solid #ffd5c8;
  /* font-size: 15px; */
  /* line-height: 1.7; */
  color: #3a3a3a;
  transition: all 0.25s ease;
}

.main .fullstory-text > ol.list-lower-greek-style li:hover {
  transform: translateX(6px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.05);
}

/* Греческая буква */
.main .fullstory-text > ol.list-lower-greek-style li::before {
content: counter(greek, lower-greek);
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background: linear-gradient(135deg, #ff9272, #ff744b);
    color: #fff;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.formula-card {margin: 24px 0; padding: 22px 24px; border: 1px solid #ffd5c8; border-left: 5px solid #ff6738; border-radius: 14px; background: linear-gradient(135deg, #fffaf7 0%, #fff 100%); box-shadow: 0 8px 24px rgba(13,7,45,.06);}
.formula-card__label {display:block; margin-bottom:10px; color:#6f6690; font-size:14px; font-weight:600; text-transform:uppercase; letter-spacing:.04em;}
.formula-card__value {display:block; color:#0D072D; font-size:24px; line-height:1.35; font-weight:700;}
.formula-card__note {display:block; margin-top:10px; color:#5b576b; font-size:15px; line-height:1.5;}
@media (max-width: 768px) {#sod .sod3 {max-height:min(48vh, 340px);} .formula-card {padding:18px; margin:20px 0;} .formula-card__value {font-size:20px;}}

.main .fullstory-text > ol.list-lower-roman-style {
  list-style: lower-greek;
  padding-left: 28px;
  margin: 20px 0;
}

.main .fullstory-text > ol.list-lower-roman-style li {
  margin-bottom: 12px;
  padding: 8px 12px;
  border-left: 3px solid #6366f1;
  background: #f8fafc;
  border-radius: 6px;
  line-height: 1.6;
  transition: background 0.2s ease;
}

.main .fullstory-text > ol.list-lower-roman-style li:hover {
  background: #eef2ff;
}

.main .fullstory-text > ol.list-lower-roman-style li::marker {
  font-weight: 600;
  color: #4f46e5;
}

.main .fullstory-text > ol.list-upper-alpha-style {
  list-style: none;
  counter-reset: upperAlpha;
  padding-left: 0;
  margin: 28px 0;
}

.main .fullstory-text > ol.list-upper-alpha-style li {
  counter-increment: upperAlpha;
  position: relative;
  padding: 16px 20px 16px 70px;
  margin-bottom: 8px;
  border-radius: 14px;
  background: linear-gradient(145deg, #ffffff, #f3f4f6);
  border: 1px solid #e5e7eb;
  line-height: 1.7;
  color: #1f2937;
  transition: all 0.25s ease;
}

.main .fullstory-text > ol.list-upper-alpha-style li:hover {
  transform: translateY(-3px);
  box-shadow: 0 12px 28px rgba(0, 0, 0, 0.06);
}

/* Буква */
.main .fullstory-text > ol.list-upper-alpha-style li::before {
  content: counter(upperAlpha, upper-alpha);
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  border-radius: 12px;
  background: #111827;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
}


.main .fullstory-text > ol.list-upper-roman-style {
  list-style: none;
  counter-reset: upperRoman;
  padding-left: 0;
  margin: 28px 0;
}

.main .fullstory-text > ol.list-upper-roman-style li {
  counter-increment: upperRoman;
    position: relative;
    padding: 24px 20px;
    margin-bottom: 9px;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    line-height: 1.7;
    overflow: hidden;
}

.main .fullstory-text > ol.list-upper-roman-style li::before {
 content: counter(upperRoman, upper-roman);
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 50px;
    font-weight: 800;
    color: rgba(17, 24, 39, 0.05);
    pointer-events: none;
}

/* =================== АДАПТИВ =================== */
@media (max-width: 1681px) {
.our-widgets {z-index: 99; position: relative;}
}
@media (max-width: 1239px) {
.footer-copyright {margin-left: 0px;}
.link-primary.link1 {white-space: nowrap;}
.footer-links {margin-right: 0px; display: flex; justify-content: space-between;}
}
@media (max-width: 1227px) {
.widget-heading {height: auto; min-height: 38px;}
#reviews .image img {max-width: 100%; height: auto;}
#sod {height: 42px; left: 15px; bottom: 15px;}
#sod.opnd {height: auto;}
#sod .sod1 {width: 160px;}
.blog-tg-card .blogtg-arr {width: 170px;}
.widget-heading {height: auto; min-height: 38px;}
}
@media (max-width: 1199px) {
.container {width: 100%; max-width: 100%;}
.our-widget-outer {width: 100%;}
lottie-player.lottie-hover.lottie-wheel {margin-top: -65px !important;}
.active-widget.active-widget-last {margin-right: 0px;}
.wa-tabs {margin-bottom: 20px; margin-top: 13px; display: block; white-space: nowrap; overflow: auto; overflow-y: hidden;}
.wa-preview {min-height: auto;}
.widget-section {padding: 0 15px;}
.widget-section .widget-wrapper {padding: 0px; display: flex; overflow: auto; overflow-y: hidden; min-width: 100%; flex-wrap: nowrap; justify-content: flex-start;gap: 8px;}
.widget-section .widget-wrapper .widget-row {display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin-bottom: 0px;}
.widget-section .widget-wrapper .widget-row {display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin-bottom: 0px;}
section.widget-section.who .widget-row.three-cols > .widget-card {flex: 0 1 100%;}
.widget-section .widget-card.widget-card--cta {display: none !important;}
.primary-m {padding: 11px 27px;}
.widget-section .widget-wrapper .widget-row {display: flex; flex-wrap: nowrap; justify-content: flex-start; gap: 8px; margin-bottom: 0px;}
.widget-section2 {display: block !important;}
.widget-section2 .widget-wrapper {display: flex; justify-content: center; margin-top: 57px;}
.integr.pt-90 {padding-top: 8px;}
.integr .justify-content-center {display: none;}
.services-line {column-gap: 10px; padding: 0px; justify-content: center;}
.service {margin-bottom: 22px;}
.service:last-child {margin-right: 0px;}
#features.pt-90 {padding-top: 43px; padding-bottom: 43px;}
.who-needs {display: block; overflow: auto; overflow-y: hidden; width: 100%; min-width: 100%; flex-wrap: nowrap; justify-content: flex-start; margin: 0px !important; white-space: nowrap;}
.need {margin-right: 8px; display: inline-block; white-space: normal; vertical-align: top;}
.single-feature-inner {padding: 15px; width: 298px;}
.need:last-child {margin-right: 0px;}
.widget-why {display: block; gap: 8px; overflow: auto; overflow-y: hidden; min-width: 100%; flex-wrap: nowrap; justify-content: flex-start; white-space: nowrap;}
.widget-why .widget-card {display: inline-block; vertical-align: top; width: 280px; width: calc(33.3% - 8px); min-width: 280px; white-space: normal; margin-right: 8px;}
.library-widget .row {margin-right: 0px; margin-left: 0px;}
.library-widget2 .row {margin-right: 0px; margin-left: 0px;}
.price, .add-option {margin-bottom: 20px;}
.partner-work {display: block; gap: 8px; overflow: auto; overflow-y: hidden; min-width: 100%; flex-wrap: nowrap; justify-content: flex-start; white-space: nowrap; margin-right: 0px; margin-left: 0px;}
.partner-work .work {margin-right: 8px; display: inline-block; vertical-align: top; white-space: normal;}
.work {margin-right: 0px;}
.work:first-child {margin-left: 0px;}
.work:last-child {margin-right: 0px;}
.partner-work .single-feature-inner {width: 298px;}
.partner-work .work:last-child {margin-right: 0px;}
.partner-work .work.w4 {flex: 0 1 100%; width: 100%;}
.partner-work .work.w4 .work {display: block; margin-right: 0px;}
.partner-work .work img.off {right: 0px;}
.partner-work .work.w4 .single-feature-inner {width: 100%;}
.partner-work .work.w4 .btns {display: flex; margin-right: 0px;}
.footer-link {margin-right: 90px;}
.footer-bottom {width: 100%;}
.meta-tags {overflow: auto; overflow-y: hidden; white-space: nowrap;}
.cases.pb-140 {padding-bottom: 66px;}
.journals-row .col1 {flex: 0 1 100%; display: flex; flex-direction: row; flex-wrap: wrap; gap: 24px;}
.journals-row .col2 {flex: 0 1 100%;}
.psychology.pt-80 {padding-top: 43px;}
.cases.pt-75 {padding-top: 43px;}
.cases.pb-140 {padding-bottom: 66px;}
.journal {margin-bottom: 0px; flex: 0 1 calc(50% - 12px);}
}
@media (max-width: 1180px) {
#sod .sod1 {width: 42px; padding: 0px; background-position: center center;}
#sod .sod1-text {display: none;}
}
@media (max-width: 1160px) {
.blog-tg-card .blogtg-arr {display: none;}
}
@media (max-width: 1143px) {
.blog-tg-card .blogtg1 {right: 20%;}
}
@media (max-width: 1140px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -80px !important;}
.footer-link {margin: 24px 0 0 0;}
}
@media (max-width: 1101px) {
.header-menu > ul > li > a {padding: 12px 12px;}
}
@media (max-width: 1090px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -90px !important;}
}
@media (max-width: 1061px) {
.header-menu > ul > li > a {padding: 12px 8px;}
}
@media (max-width: 1050px) {
footer.footer .col-footer-1 {width: 100%;}
.footer-menu {justify-content: space-between;}
footer.footer .col-footer-2 {width: 100%;}
}
@media (max-width: 1045px) {
p.text-36-b.m-text-16-sb {font-size: 22px;line-height: 28px;}
.text-16-sb {font-size: 17px; line-height: 23px;}
}
@media (max-width: 1043px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -105px !important;}
.blog-tg-card .blogtg2 {right: 3%;}
}
@media (max-width: 1040px) {
footer.footer {height: auto;}
.footer-top {padding-top: 24px;}
.footer-top .row {flex-direction: column;}
.footer-contacts {background: #FFFFFF; border-radius: 16px; -webkit-border-radius: 16px; position: relative; margin: 36px 0 21px 0; border-radius: 8px; -webkit-border-radius: 8px;}
.footer-contacts span {font-weight: 700; color: #0D072D; font-size: 18px; line-height: 26px; padding: 0px 0px 8px 0px; display: block;}
.footer-contacts img {display: inline-block; width: 24px;}
.footer-menu {flex-direction: column;}
.col-footer-2.footer-menu .footer-link:nth-child(1) {margin-left: 0;}
.footer-link {margin: 24px 0 0 0;}
}
@media (max-width: 1035px) {
.main-header {height: 64px;}
.logo p {font-size: 11px; line-height: 12px; font-weight: 400;}
.auth-block, .header-menu {display: none;}
.header-menu ul {background: #ffffff; width: 100% !important; border: none; box-shadow: none; top: 55px !important; margin-right: 0; position: absolute !important; max-height: 350px; overflow-y: auto;}
.header-menu ul li {border: none;}
.header-menu ul li a {text-align: center; border: none; color: #36324A; font-size: 14px; line-height: 19px;}
.mob-header-blk {display: flex; margin-left: auto;}
.header-menu-mob {overscroll-behavior: contain; position: fixed; background: #fff; top: 60px; width: 100%; padding-top: 30px; height: auto; overflow: auto; overflow-x: hidden; bottom: 0px; z-index: 100;}
.header-menu-mob ul {text-align: center; padding: 0px 15px;}
.header-menu-mob ul li {margin-bottom: 8px;}
.header-menu-mob ul li a {position: relative; color: #0D072D; font-size: 14px; line-height: 18px; background: #F0F0F7; display: block; padding: 11px 27px; border-radius: 10px;}
.header-menu-mob ul li a:hover {background: #F7F7FA;}
.header-menu-mob .dop {margin-top: 8px; padding: 0px; width: 100% !important;}
.header-menu-mob .dop img {position: absolute; right: 4px; top: 4px; height: 32px; width: 32px;}
.line-mob {width: 289px; height: 1px; background: none; margin: 0 auto 27px auto;}
.auth-mob-block .auth-blk {justify-content: space-between; padding: 0px 15px;}
.auth-mob-block a {padding: 9px 24px;}
.auth-mob-block a.btn-log {width: 49%; font-size: 16px; line-height: 22px; font-weight: 400; background: #F0F0F7; color: #0D072D;}
.auth-mob-block a.btn-reg {color: #FCFCFF; font-size: 16px; line-height: 22px; width: 49%; font-weight: 400;}
.contacts-mob-menu {width: auto; height: auto; background: #F0F0F7; border-radius: 16px; position: absolute; left: 15px; bottom: 15px; right: 15px; padding: 17px; z-index: 110;}
.contacts-mob-menu span {font-weight: 500; color: #0D072D; font-size: 18px; line-height: 26px; font-family: 'Open Sans'; padding: 0px; display: block;}
.contacts-mob-menu img {display: inline-block; margin-right: 10px; vertical-align: top;}
.contacts-mob-menu a {display: inline-block; border-radius: 10px; border: 1px solid #C2C2E7; font-size: 14px; line-height: 19px; font-weight: 400; color: #0D072D; padding: 10px 10px; width: 48%; text-align: center; margin-top: 9px; transition: all .2s;}
.contacts-mob-menu a:hover {color: #0D072D; background: #F7F7FA; border-color: #F7F7FA;}
}
@media (max-width: 990px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -115px !important;}
}
@media (max-width: 979px) {
.footer-copyright {margin-right: 10px;}
}
@media (max-width: 960px) {
.widget-row.three-cols > .widget-card {flex: 0 1 calc(50% - 16px);}
.widget-row.three-cols > .widget-card.widget-card--cta {display: none;}
.widget-card.widget-card--cta {width: 100%;}
.library, .library2 {margin-bottom: 0px;}
.library .col-md-5, .library2 .col-md-5, .journals .col-md-5 {width: 100%; padding: 0px 15px;}
.library .list {display: block;}
.carousel1 {height: 450px;}
.carousel1 .carousel-item { --width: 241px; --height: 125px;}
.library-widget {margin-top: 0px;}
.library2 .fw-bold, .library2 .mb-2 {max-width: 100%;}
.carousel2 {height: 560px;}
.carousel2 .carousel-item { --width: 184px; --height: 370px;}
.library-widget2 {margin-top: 0px;}
#reviews .widget-card.widget-card--cta {flex: 0 1 calc(100% - 16px);}
.free .gift2, .free .gift3 {display: none;}
.main {margin-right: auto;}
.bnnr {position: static; width: 100%; max-width: 256px; box-sizing: border-box; margin: 24px 0px;}
.main .fullstory-text .bnnr.is-inline {position:static!important;left:auto;width:100%;max-width:100%;min-height:0;margin:8px 0 24px;box-sizing:border-box;}
.main .fullstory-text a.bnnr-link.is-inline:hover,.main .fullstory-text a.bnnr-link.is-inline:active{color:#0D072D;background:#F7F7FA;border:1px solid #C2C2E7;transform:none;box-shadow:none;}
.journals-row {justify-content: space-around;}
.psychology .journal-big, .cases .journal-big {flex: 0 1 calc(50% - 12px);}
.blog-tg-card {text-align: center;}
.blog-tg-card h2, .blog-tg-card p {margin-left: auto; margin-right: auto;}
.blog-tg-card .blogtg1, .blog-tg-card .blogtg2 {display: none;}
.journals-row {justify-content: space-around;}
.journals .fw-bold, .journals .mb-2 {max-width: 100%;}
}
@media (max-width: 941px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -125px !important;}
}
@media (max-width: 899px) {
.banner-inner-area {padding: 82px 0 0; height: auto;}
.banner-text-inner {width: auto;}
.banner-text-inner h1 {font-size: 39px; line-height: 39px; margin-bottom: 20px; letter-spacing: -2px;}
.banner-text-inner p {line-height: 22px; font-size: 16px;}
.our-widget-outer {margin: 25px auto;}
lottie-player.lottie-hover.lottie-wheel {margin-top: -140px !important;}
.active-widget-buttons {padding: 0px 15px; position: relative;}
.our-widgets span {line-height: 28px; font-weight: 400;}
.active-widget-buttons {padding: 0px 15px; position: relative;}
.pt-130 {padding-top: 50px;}
#widget-abilities.pb-110 {padding-bottom: 25px;}
.widget-heading {min-height: 0px; font-size: 24px; line-height: 28px; margin-bottom: 10px;}
.widget-section {padding: 0px;}
.widget-section.who {padding: 0px 15px;}
.widget-row {margin-bottom: 15px;}
.widget-card span {font-size: 20px; line-height: 24px;}
.widget-row.three-cols > .widget-card {width: 298px;}
.widget-card {padding: 15px;}
.widget-card.widget-card--cta {padding: 15px 0px;}
.primary-m {width: 100%; padding: 11px 5px;}
.widget-heading .hide899 {display: none;}
.single-feature-inner span {font-size: 20px; line-height: 24px;}
.single-feature-inner p:last-child {margin-bottom: 0px;}
.pb-130 {padding-bottom: 50px;}
.widget-section.pb-130 {padding-bottom: 3px;}
.widget-section .widget-row.widget-why-apps.two-cols {margin-left: -15px; margin-right: -15px;}
.widget-why-apps img.preview-app {width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; max-width: calc(100% + 30px);}
.library h2 {font-size: 35px; line-height: 39px; margin-bottom: 24px;}
.library .fw-bold, .library2 .fw-bold, .journals .fw-bold {font-size: 20px; line-height: 24px; max-width: 100%;}
.library .mb-2, .library .list, .library2 .mb-2, .library2 .list {font-size: 16px; line-height: 22px; padding: 12px;}
.library .list {padding-left: 44px;}
body .carousel1 {height: 345px;}
body .library-widget {margin-top: 20px;}
.library-widget .primary-m, .library-widget2 .primary-m {font-size: 16px; line-height: 22px; font-weight: 400;}
.library-widget .widget-card span.widget-subtext, .library-widget2 .widget-card span.widget-subtext {font-size: 16px; line-height: 22px; font-weight: 400;}
.library2.pt-140 {padding-top: 80px;}
.library2 .justify-content-center {margin-bottom: 17px;}
.library2 .mb-2 {padding-right: 0px; padding-left: 0px;}
body .library-widget2 {margin-top: 44px;}
#reviews {margin-top: 140px; border-radius: 24px 24px 32px 32px;}
#reviews.pb-115 {padding-bottom: 1px;}
#reviews .section-title-center h2 {font-size: 39px; line-height: 39px; margin-bottom: 30px; max-width: 420px; padding: 0px 15px; letter-spacing: -1px;}
#reviews .hide899 {display: none;}
#reviews .link-right-href {font-size: 16px; line-height: 22px; font-weight: 400;}
#reviews .link-right-href img {margin-top: -1px;}
#reviews .widget-card {min-height: 394px;}
#reviews .name {font-size: 16px; line-height: 22px;}
#reviews .job {font-size: 14px; line-height: 19px;}
#reviews .dop {font-size: 16px; line-height: 22px; margin-bottom: 22px;}
#reviews .zag {font-size: 24px; line-height: 28px; letter-spacing: -1px;}
#reviews .widget-card.widget-card--cta {flex: 0 1 100% !important; padding: 33px 0px 21px; min-height: auto;}
#reviews .widget-subtext {margin-top: 6px; margin-bottom: 9px;}
#reviews .offer .text {margin-top: 15px;}
#reviews .offer .price p {margin-top: 17px; line-height: 38px;}
#reviews .widget-card.offer .primary-s {height: auto; padding: 13px; font-size: 16px; line-height: 22px; font-weight: 400;}
#price.pt-110 {padding-top: 55px;}
#price .link-right-href {right: 15px; top: -3px;}
#price .tabs {padding: 6px 8px; border-radius: 10px;}
#price .tab1, #price .tab3 {text-transform: capitalize;}
#price .tabs .hide899 {display: none;}
.single-feature-inner {padding: 15px; width: 298px;}
.price .single-feature-inner {height: 540px; width: 350px;}
.price .single-feature-inner span.name-tariff {font-size: 24px; line-height: 28px; font-weight: 400; padding-top: 5px; margin-bottom: 0px; margin-right: 0px;}
ul.tariff-options {margin: 12px 0 0 0px;}
ul.tariff-options li {font-size: 16px; line-height: 22px;}
.single-feature-inner p {font-size: 16px; line-height: 22px; margin-bottom: 0px;}
p.price-line {font-size: 16px; line-height: 22px; color: #7F7998;}
p.price-line span {font-size: 36px; line-height: 38px; font-weight: 600;}
a.try {height: auto; padding: 13px;}
#price a.try {padding: 14px; font-size: 16px; line-height: 22px; font-weight: 400;}
#compare {padding-top: 12px; padding-bottom: 65px;}
.free .container {border-radius: 24px; padding-bottom: 15px;}
.free .gift1 {width: 103px; height: 108px;}
.free h2 {font-size: 39px; line-height: 39px; letter-spacing: -1px;}
.free p {font-size: 16px; line-height: 22px; max-width: none;}
.free .justify-content-center {text-align: center; padding: 0px 15px;}
.free .primary-m {font-size: 16px; line-height: 22px; font-weight: 400; letter-spacing: -0.5px;}
#partner.pt-110 {padding-top: 48px;}
#partner.pb-110 {padding-bottom: 66px;}
.feature-icon {margin-bottom: 10px; width: 24px; height: 24px;}
.feature-icon .svg {padding: 0px; width: 24px; height: 24px;}
.single-feature-inner span {font-size: 20px; line-height: 24px;}
.footer-top .row {margin: 0 0 21px 0;}
footer.footer .col-footer-1 {width: 100%;}
.footer-contacts {width: 100%; height: auto; max-width: 100%; margin: 20px 0 0px 0;}
.footer-contacts a {margin: 0px;}
.footer-menu {height: auto;}
footer.footer .col-footer-2 {width: 100%;}
footer.footer .col-footer-2 {display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-link {width: 25%; margin: 20px 0 10px 0;}
.widget-header {margin-bottom: 12px; font-size: 18px; line-height: 24px;}
.footer-link a {display: block; margin-bottom: 12px; padding: 0px 0; line-height: 22px; font-size: 16px; font-weight: 400;}
.footer-link a:last-child {margin-bottom: 0px;}
.footer-bottom {width: 100%; margin-top: 30px; padding-bottom: 15px;}
.meta-tags {margin-top: 43px; margin-bottom: 24px;}
.psychology .justify-content-center {margin-bottom: 17px;}
.journal-big .zag {font-size: 20px; line-height: 24px;}
.journal-big .text {font-size: 16px; line-height: 22px;}
.blog-tg-card h2, .blog-tg-card p {max-width: none;}
.blog-tg-card h2, .blog-tg-card p {max-width: none;}
.cases .justify-content-center {margin-bottom: 17px;}
.journals .justify-content-center {margin-bottom: 17px;}
.journals .mb-2 {font-size: 16px; line-height: 22px;}
.psychology .link-right-href, .cases .link-right-href {font-size: 16px; line-height: 22px; font-weight: 400; top: 4px;}
}
@media (max-width: 868px) {
p.text-36-b.m-text-16-sb {font-size: 20px; line-height: 26px; font-weight: 600;}
.text-16-sb {font-size: 16px; line-height: 22px;}
}
@media (max-width: 860px) {
.widget-row.three-cols > .widget-card {flex: 0 1 calc(50% - 16px);}
.widget-card.widget-card--cta {width: 100%;}
}
@media (max-width: 859px) {
.our-widget-outer{width: 100%;}
.our-widgets {width: 100%; margin-top: 8px; flex-wrap: wrap;}
.active-widget {width: 48%; margin-right: 8px;}
lottie-player.lottie-hover.lottie-wheel {margin-top: -56px !important;}
.active-widget {width: 48%; margin-right: 8px;}
.footer-bottom {height: auto;}
.footer-widget {flex-direction: column;}
.footer-copyright {padding-top: 18px; margin-right: 0; margin-left: 0;}
.footer-widget a {margin-left: 0; display: block; padding-top: 10px; text-align: center;}
.link-primary.link1 {border: 1px solid #A4A4EB2E; margin-top: 14px; margin-bottom: 22px; padding: 7px 12px; border-radius: 12px;}
.link-primary.link1:hover {background: #E9E8EC; color: #5F597A; text-decoration: none;}
.link-primary.link1 img {transition: all .2s; vertical-align: middle;}
.link-primary.link1:hover img {filter: brightness(40%);}
.footer-links {margin: 15px auto 0px auto; display: block; width: 100%;}
.link-primary.link2 {border-radius: 12px; background: #302951; padding: 11px; margin-top: 10px; font-size: 14px; line-height: 19px; font-weight: 400;}
.link-primary.link2:hover {background: #E9E8EC; color: #5F597A; text-decoration: none;}
.footer-links a:first-child {margin: 0 auto;}
}
@media (max-width: 800px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -79px !important;}
lottie-player.lottie-hover.lottie-tapalka {max-width: 100%;}
}
@media (max-width: 799px) {
.p-table {grid-row-gap: 1.06rem; padding-bottom: 0px;}
.p-table__line {grid-template-rows: auto auto; grid-template-columns: 1fr 1fr 1fr;}
.p-table__line.top {height: auto; grid-column-gap: 0.53rem; grid-template-rows: auto; position: sticky; top: 60px; margin-top: 24px; z-index: 1;}
[class*="is-m-hide"] {display: none;}
.p-table__row-1 {justify-content: center; padding: 12px 8px; border-radius: 10px; background: #F0F0F7;}
.p-table__line > div.p-table__row-1 {grid-area: span 1 / span 4 / span 1 / span 4;text-align: center;}
[class*="is-m-br-8"] {border-radius: 8px;}
.p-table__row-2 {max-height: none; padding: 15px 0 15px 0;}
.p-table__row-2.top-row--is-m-br-8--slide-in {padding: 12px 8px; border-radius: 10px; background: #F0F0F7;}
p.text-36-b.m-text-16-sb {margin: 0;}
p.is-t-gr {font-family: 'Inter'; font-size: 18px; font-style: normal; font-weight: 200; line-height: 24px; color: #5F597A;}
}
@media (max-width: 735px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -93px !important;}
}
@media (max-width: 700px) {
.widget-row.two-cols > .widget-card {flex: 1 1 100%; margin-left: -15px; margin-right: -15px; width: 100%;}
.widget-section .widget-row.two-cols > .widget-card {flex: 1 1 100%; margin-left: 0px; margin-right: 0px; width: 298px;}
.widget-section.who .widget-row.two-cols > .widget-card {width: 298px;}
.widget-row.three-cols > .widget-card {flex: 0 1 100%;}
.service img {width: 103px; height: auto;}
.service span {width: 100%;}
.service span.hide700 {display: none !important;}
.prices {display: block; margin-right: 0px; margin-left: 0px;}
.price .single-feature-inner {width: auto; height: auto; min-height: 500px; padding-bottom: 147px;}
.target-price {bottom: 17px; left: 16px; right: 16px;}
#price .target-price .price-line span {margin-bottom: 0px;}
ul.tariff-options li {bottom: 17px; left: 16px; right: 16px;}
.footer-link {width: 48%;}
.psychology .journal-big, .cases .journal-big {flex: 0 1 100%;}
.psychology .journal-big img, .cases .journal-big img {max-height: none;}
.journal {flex: 0 1 100%;}
.category-page .journal-big {
    flex-direction: column;
}
.category-page .journal-big img {
    width: 100%;
    border-radius: 28px 28px 0px 0px;
}
.category-page .journal-big .padd {padding: 16px;}
}
@media (max-width: 695px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -112px !important;}
}
@media (max-width: 649px) {
.banner-text-inner p {width: auto;}
}
@media (max-width: 640px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -127px !important;}
div#main img {max-width: 100%;}
}
@media (max-width: 600px) {
.our-widgets {justify-content: center; flex-wrap: wrap; flex-direction: row;}
.active-widget { margin-right: 0px; width: 100%; max-width: 384px; margin-bottom: 24px;}
lottie-player.lottie-hover.lottie-wheel {margin-top: -40px !important;}
.active-widget {margin-right: 0px; width: 100%; max-width: 384px; margin-bottom: 24px;}
.comment .quote_block{width:300px;}
}
@media (max-width: 569px) {
.our-widget-outer {width: 100%;}
.our-widgets {width: 100%;}
.active-widget {height: 504px; margin-bottom: 25px; margin-right: 0px; padding-bottom: 16px; border-radius: 24px;}
.active-widget {height: 504px; margin-bottom: 25px; margin-right: 0px; padding-bottom: 16px; border-radius: 24px;}
.active-widget + .active-widget {margin-bottom: 0px;}
}
@media (max-width: 550px) {
.psychology .link-right-href, .cases .link-right-href {position: static; display: inline-block; margin-bottom: 10px;}
}
@media (max-width: 539px) {
.p-table__line.top {grid-column-gap: 0.33rem;}
p.text-36-b.m-text-16-sb {font-size: 14px; line-height: 19px; font-weight: 500;}
.text-16-sb {font-size: 16px; line-height: 22px; font-weight: 400;}
p.is-t-gr {font-size: 16px; line-height: 22px; font-weight: 400; color: #0D072D; margin-bottom: 0px;}
.com_user{margin-left:50px;}
.com_info{grid-template-columns: 0 1fr;column-gap: 0;}
}
@media (max-width: 479px) {
.logo a {width: 39px;}
.footer-top .logo a {width: 172px;}
}
@media (max-width: 459px) {
p.text-36-b.m-text-16-sb {font-size: 16px; line-height: 22px; font-weight: 600;}
}
@media (max-width: 451px) {
.services-line {justify-content: space-evenly;}
.price.price-head p, .price .single-feature-inner, .add-option .single-feature-inner {width: 100%;}
}
@media (max-width: 444px) {
.hide444 {display: none !important;}
}
@media (max-width: 430px) {
.footer-contacts a {margin: 0px;}
.footer-link:nth-child(odd) {width: 38%;}
.footer-link:nth-child(even) {width: 58%;}
}
@media (max-width: 420px) {
.partner-work .btns .primary-m {width: 50%; font-size: 16px; line-height: 22px; font-weight: 400; padding: 14px 5px; letter-spacing: 0px;}
.partner-work .btns .primary-m.white {width: 46%; font-size: 18px; line-height: 26px;}
.blog-tg-card {padding: 20px;}
}
@media (max-width: 414px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -51px !important;}
}
@media (max-width: 409px) {
.banner-text-inner p br {display: none;}
.our-widget-outer {width: 100%;}
.our-widgets {width: 100%;}
.our-widgets span {font-size: 24px;line-height: 28px; font-weight: 400;}
.active-widget a {font-size: 16px; line-height: 22px; height: auto; font-weight: 400;}
}
@media (max-width: 395px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -71px !important;}
p.text-36-b.m-text-16-sb {font-size: 14px; line-height: 19px; font-weight: 500;}
.text-16-sb {font-size: 16px; line-height: 22px; font-weight: 400;}
}
@media (max-width: 390px) {
.footer-bottom {width: 100%;}
}
@media (max-width: 369px) {
.logotype {margin-left: 12px;}
.logo .line-division {margin: 0 7px;}
.logo p {font-size: 10px; line-height: 12px;}
.header_mobi {margin-right: -35px;}
.single-feature-inner {padding: 20px 18px 20px 18px;}
ul.tariff-options li {font-size: 15px; padding: 5px 0 0 30px;}
}
@media (max-width: 367px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -77px !important;}
}
@media (max-width: 356px){
lottie-player.lottie-hover.lottie-wheel {margin-top: -99px !important;}
#price .link-right-href {position: static; margin-bottom: 10px;}
.partner-work .btns {flex-wrap: wrap;}
.partner-work .work.w4 .btns {flex-direction: column; flex-wrap: wrap;}
.partner-work .btns .primary-m, .partner-work .btns .primary-m.white {width: 100%;}
}
@media (max-width: 348px){
.noactive-widget {margin-right: 4px; height: 80px;width: 136px;padding: 8px;}
}
@media (max-width: 338px) {
.free-block.free-block-instrukcii {margin: 80px auto 0px auto; border-radius: 16px 16px 0 0; -webkit-border-radius: 16px 16px 0 0;}
}
@media (max-width: 330px) {
.no-card .primary-m {font-size: 15px; line-height: 20px;}
lottie-player.lottie-hover.lottie-wheel {margin-top: -110px !important;}
}
@media (max-width: 318px) {
lottie-player.lottie-hover.lottie-wheel {margin-top: -130px !important;}
}


/* По высоте */
@media (max-height: 630px) {
body.dop-opnd .contacts-mob-menu {position: static; margin-top: 37px; margin-left: 15px; margin-right: 15px;}
}
@media (max-height: 485px) {
.contacts-mob-menu {position: static; margin-top: 37px; margin-left: 15px; margin-right: 15px;}
}

/* Адаптив маскот */
@media (max-width: 1008px){
  .mascot-bubble{
    position: relative;
    right: auto;
    top: auto;
    margin: 12px auto 20px auto;
  }

  .mascot-bubble::before{
    right: auto;
    left: 24px;
    top: -8px;
    border-left: none;
    border-top: none;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
  }
  
  .col-md-5.empty {
    text-align: center;
  }
}

/* Article media: keep wide tables touch-scrollable inside the text column. */
.main .fullstory-text > div:has(> table) {
  display: block;
  width: 100%;
  max-width: 100%;
  overflow-x: auto !important;
  overflow-y: hidden;
  overscroll-behavior-inline: contain;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-x pan-y;
  scrollbar-width: thin;
}

.main .fullstory-text > div:has(> table) > table {
  max-width: none !important;
}

/* Article screenshot groups: separate source files, real gaps and sharp responsive rendering. */
.main .fullstory-text figure + figure {
  margin-top: 32px !important;
}

.main .fullstory-text .gl-widget-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  width: 100%;
}

.main .fullstory-text .gl-widget-grid img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  margin: 0;
  border-radius: 14px;
}

.main .fullstory-text .gl-widget-grid--mobile {
  max-width: 620px;
  margin-inline: auto;
  gap: 16px;
}

@media (max-width: 600px) {
  .main .fullstory-text .gl-widget-grid {
    grid-template-columns: 1fr;
  }

  .main .fullstory-text .gl-widget-grid--mobile {
    max-width: 300px;
  }
}