/*
Theme Name: Digital Theme
Theme URI: https://digital.spb.ru
Author: Digital
Author URI: https://digital.spb.ru
Description: Digital oaia aey WordPress
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: digital-theme
*/
@charset "UTF-8"; 
@font-face {
	font-family: 'Simple-Line-Icons';
	src:url('fonts/Simple-Line-Icons.eot');
	src:url('fonts/Simple-Line-Icons.eot?#iefix') format('embedded-opentype'),
		url('fonts/Simple-Line-Icons.woff') format('woff'),
		url('fonts/Simple-Line-Icons.ttf') format('truetype'),
		url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
    font-family: 'font-icons';
    src: url('fonts/font-icons.eot');
    src: url('fonts/font-icons.eot') format('embedded-opentype'), url('fonts/font-icons.woff') format('woff'), url('fonts/font-icons.ttf') format('truetype'), url('fonts/font-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
/*
@font-face {
    font-family: 'Nunito';
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito.ttf');
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito-bold.ttf');
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito-bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito-bold-italic.ttf');
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito-bold-italic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Nunito';
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito-italic.ttf');
    src: url('https://getsiteleads.com/fonts/Nunito/Nunito-italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
	font-display: swap;
}
@font-face {
    font-family: 'Tektur';
    src: url('https://getsiteleads.com/fonts/Tektur/Tektur.ttf');
    src: url('https://getsiteleads.com/fonts/Tektur/Tektur.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
	font-display: swap;
}
@font-face {
    font-family: 'Tektur';
    src: url('https://getsiteleads.com/fonts/Tektur/Tektur.ttf');
    src: url('https://getsiteleads.com/fonts/Tektur/Tektur.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
	font-display: swap;
}
*/
@font-face {
  font-family: 'Figtree';
  src: url('/fonts/Figtree/Figtree-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900; /* диапазон! */
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Figtree';
  src: url('/fonts/Figtree/Figtree-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900; /* диапазон! */
  font-style: italic;
  font-display: swap;
}
@keyframes menu-up-in {
    from {opacity: 0; transform: translateY(20px); filter: brightness(75%);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes menu-down-out {
    from {opacity: 1; transform: translateY(0px);}
    to {opacity: 0; transform: translateY(20px); filter: brightness(75%);}
}
@keyframes fade {
    from {opacity: 0;}
    to {opacity: 1;}
}
@keyframes fade-down {
    from {opacity: 0; transform: translateY(-40px);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes fade-up-out {
    from {opacity: 1; transform: translateY(0px);}
    to {opacity: 0; transform: translateY(-40px);}
}
@keyframes fade-up {
    from {opacity: 0; transform: translateY(40px);}
    to {opacity: 1; transform: translateY(0);}
}
@keyframes zoom-in {
  from {opacity: 0; transform: scale(0.5);}
  to {opacity: 1; transform: scale(1);}
}
@keyframes zoom-out {
  from {opacity: 0; transform: scale(1.5);}
  to {opacity: 1; transform: scale(1);}
}
/* Eeannu aieiaoee */
div[data-animate="fade"].animate, div[data-animate="fade"] .animate, .fade {animation: fade 1s ease forwards;}
div[data-animate="fade-up"].animate, div[data-animate="fade-up"] .animate, .fade-up{animation: fade-up 1s ease forwards;}
div[data-animate="fade-down"].animate, div[data-animate="fade-down"] .animate, .fade-down {animation: fade-down 1s ease forwards;}
div[data-animate="zoom-out"].animate, div[data-animate="zoom-out"] .animate, .zoom-out {animation: zoom-out 1s ease forwards;}
div[data-animate="zoom-in"].animate, div[data-animate="zoom-in"] .animate, .zoom-in {animation: zoom-in 1s ease forwards;}
div[data-animhover="flip-left"], div[data-animhover="flip-right"], div[data-animhover="flip-up"], div[data-animhover="flip-down"], div[data-animhover="zoom-in-hover"],
.flip-left, .flip-right, .flip-up, .flip-down, .zoom-in-hover {transition: transform 0.7s ease;}
div[data-animhover="flip-left"]:hover, .flip-left:hover {transform: rotateY(-180deg);}
div[data-animhover="flip-right"]:hover, .flip-right:hover {transform: rotateY(180deg);}
div[data-animhover="flip-up"]:hover, .flip-up:hover {transform: rotateX(-180deg);}
div[data-animhover="flip-down"]:hover, .flip-down:hover {transform: rotateX(180deg);}
div[data-animhover="zoom-in-hover"]:hover, .zoom-in-hover:hover {transform: scale(1.2);}
* {box-sizing:border-box;}
body {font-family: "Figtree", Arial, sans-serif;margin: 0;padding: 0;color: #3b3b3b;background: #ffffff;font-size:14px;line-height:16px;}
p{margin:0;}
ul, ol{margin:0;padding:0;}
ul li, ol li{list-style:none;}
small{font-size: 13px; line-height: 16px; color: #5d79a4; display: block; margin: 10px 0;}
a {text-decoration:none;color: #8864e4;transition:all 0.7s ease-in;}
a:hover {color: #8864e4;transition:all 0.7s ease-in;}
img{max-width:100%;}
h1, h2, h3, h4{font-family: "Figtree", Arial, sans-serif; font-weight:normal; text-transform:uppercase;}
p#breadcrumbs {color: #fff;}
p#breadcrumbs a {color: #cfe0f9;}
p#breadcrumbs a:hover{color:#ffffff;}
/*Noeee aeaaiie no?aieou*/
/*Hero ye?ai*/
.hero-main {padding:80px 0; width: 100%;max-width: 1250px;margin: 0 auto;overflow: hidden;position: relative;display: grid;justify-content: center;align-items: start;align-content: space-between;}
.hero-main.free-image{height: auto; grid-template-columns: 60%; padding: 40px 0;}
.hero-img.left, .hero-img.right {display: flex; position:relative;}
.hero-center {display: grid; align-items: start; display:block;}
.hero-textin{padding-top: 40px;}
.hero-main.free-image .hero-textin{padding-top:40px;}
.hero-textin h1, .hero-textin .hero-grid, .hero-textin .hero-btn{animation: fade 0.4s ease forwards; opacity:0;} 
.hero-textin .h1-desc {animation: fade 0.6s ease forwards; opacity:0; font-size:17px; line-height:22px;padding-bottom:10px;} 
.hero-textin h1{ animation-delay: 1.5s; line-height:36px;}
.hero-textin .h1-desc{animation-delay: 1.7s;}
.hero-textin .hero-grid{animation-delay: 2.1s;}
.hero-textin .hero-btn{animation-delay: 2.3s;}
.hero-img .left1,.hero-img .left2,.hero-img .left3 { position: absolute; top: 0; left: 0;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);}
.hero-img .right1, .hero-img .right2, .hero-img .right3{position:absolute;top:0;right:0;transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s);}
.hero-img.left > div{margin: 0; display: grid; justify-items: end;}
.hero-img.left .left1, .hero-img .right1{padding-top:0px; z-index:3;}
.hero-img.left .left2, .hero-img .right2{padding-top:0px; z-index:2;}
.hero-img.left .left3, .hero-img .right3{padding-top:0px; z-index:1;}
.hero-img.right > div{margin: 0; display: grid; justify-items: start;}
.hero-img img{vertical-align: middle; display: inline-block; height: auto; max-width: 100%; border: none; border-radius: 0; box-shadow: none;}
.hero-img.left .left1 img {
    -webkit-animation: slide-right 2s cubic-bezier(.395,0,0,1) .6s both;
    animation: slide-right 2s cubic-bezier(.395,0,0,1) .6s both
}
.hero-img.left .left2 img {
    -webkit-animation: slide-right 2s cubic-bezier(.395,0,0,1) .4s both;
    animation: slide-right 2s cubic-bezier(.395,0,0,1) .4s both
}
.hero-img.left .left3 img {
    -webkit-animation: slide-right 2s cubic-bezier(.395,0,0,1) .2s both;
    animation: slide-right 2s cubic-bezier(.395,0,0,1) .2s both
}
.hero-img.right .right1 img {
    -webkit-animation: slide-left 2s cubic-bezier(.395,0,0,1) .4s both;
    animation: slide-left 2s cubic-bezier(.395,0,0,1) .4s both
}
.hero-img.right .right2 img {
    -webkit-animation: slide-left 2s cubic-bezier(.395,0,0,1) .2s both;
    animation: slide-left 2s cubic-bezier(.395,0,0,1) .2s both
}
.hero-img.right .right3 img {
    -webkit-animation: slide-left 2s cubic-bezier(.395,0,0,1) 0s both;
    animation: slide-left 2s cubic-bezier(.395,0,0,1) 0s both
}
@-webkit-keyframes slide-right {
    0% {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}
@keyframes slide-right {
    0% {-webkit-transform: translateX(-100%); transform: translateX(-100%)}
    100% {-webkit-transform: translateX(0);transform: translateX(0)}
}
@-webkit-keyframes slide-left {
    0% { -webkit-transform: translateX(100%);transform: translateX(100%)}
    100% {-webkit-transform: translateX(0); transform: translateX(0)}
}
@keyframes slide-left {
    0% {-webkit-transform: translateX(100%); transform: translateX(100%)}
    100% { -webkit-transform: translateX(0);transform: translateX(0)}
}
#callvk{position:fixed;right:15px;width:40px;height:40px;border-radius:8px; z-index: 10; cursor: pointer; box-shadow: 1px 0px 2px 0px #ffffff5c;}
#callvk{bottom:160px;background:#0077ff;}
#callvk a{display:block;padding:5px;}
/*#calltg a::before, #calltg a::after {content: ""; position: absolute; top: 50%; left: 50%; border-radius: 8px; transform: translate(-50%, -50%); animation: pulse 3s infinite ease-out;  z-index: -1; width: 40px; height: 40px; background: #039be5;}
#calltg a::after {animation-delay: 1.25s;}
@keyframes pulse {0% {transform: translate(-50%, -50%) scale(1);opacity: 1;} 100% {transform: translate(-50%, -50%) scale(1.8);opacity: 0;}}*/
#calltg {
  position: fixed; right: 15px; bottom: 15px; width: 115px; height: 115px; border-radius:50%; z-index:10;
  border: 8px solid #ffffff63; background:transparent !important;}
#tg-marquee { position: absolute; inset: 0; pointer-events: none; background:#039be5;top:0;
left:0; border-radius:50%;}
#calltg  a.tg-btn {position: absolute;inset: 40px;border-radius: 50%; z-index: 0; width: 100%;
 height: 100%; top: 0; left: 0; padding: 23px;}
.tg-btn img {width: 100%;height: 100%;}
#callvk a img, #calltg a img{max-width:100%;max-height:100%;}
.hero-grid {display: grid; grid-template-columns: repeat(4, max-content); gap: 15px; font-weight: bold; align-items: end; color: #000000; font-size: 16px; margin: 10px 0; justify-content: start;}
.hero-grid.eightgrid{grid-template-columns: repeat(8, max-content); }
.hero-grid a.btn {border-radius: 40px; padding:10px 20px;}
.hero-btn {display: grid; grid-auto-flow: column; gap: 10px; justify-content: start; padding-top:30px;}
.hero-grid.full {grid-template-columns: 1fr; line-height: 16px;}
.hero-btn a {max-width: max-content;}
.hero-btn .full  a {max-width: max-content;}
.animate {display: inline-block;position: relative;width: 22ch;vertical-align: top;color: #8864e4;}
.animate span { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; opacity: 0;
  animation: typing 4.5s steps(45) forwards infinite, hide 18s linear infinite;}
/* Caaa??ee aey ea?aiai neiaa */
.animate span:nth-child(1) { animation-delay: 0s, 0s; }
.animate span:nth-child(2) { animation-delay: 4.5s, 4.5s; }
.animate span:nth-child(3) { animation-delay: 9s, 9s; }
.animate span:nth-child(4) { animation-delay: 13.5s, 13.5s; }
@keyframes typing {
  0% {width: 0; opacity: 1;}
  15% {width: 50%; opacity: 0.5;}
  30% {width: 100%; opacity: 1;}
  70% {width: 100%; opacity: 1;}
  95% {width: 0%; opacity: 0;}  
  100% {width: 0; opacity: 0;}
}
@keyframes hide {
  0% {opacity:0;}
  7% {opacity: 1;}
  8%, 18% {opacity: 1;}
  19%, 24% {opacity:1;}
  25%, 100% {opacity: 0;}
}
/*End Hero Ye?ai*/
/*Iai?*/
.top-menu-list {
    width: 600px;
    max-width: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    /*background: #ffffffd1;*/
	background: #ffffff;
    box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
    transition: right 0.5s ease;
    padding: 60px 20px;
	padding-top:90px;
    z-index: 1000;
    opacity: 0;
    overflow-y: scroll;
	/*backdrop-filter:blur(15px);*/
}
.top-menu-list.active {right: 0; opacity: 1;}
.top-menu-close {
    background: #e3dcf7;
    width: 100%;
    height: 80px;
    position: absolute;
    top: 0;
    right: 0;
	cursor:pointer;
}
.top-close-in{color: #8864e4; margin: 0;margin-bottom: 10px; position:relative; z-index: 100; font-size: 20px; text-transform: uppercase; 
    display:grid; grid-auto-flow: column; align-items: center; justify-content: end; text-align: center; line-height: 80px;}
svg.close-top-arrow {width: 80px;    height: 32px;   color: #8864e4;    transition: all 0.3s ease; transform: rotate(90deg);}
.top-close-in span, svg.close-top-arrow {transition: transform 0.3s ease;}
.top-close-in:hover svg.close-top-arrow {transform: rotate(90deg) translateY(-6px);}
.top-close-in:hover span {transform: translateX(12px);}
/*.top-close-in:before, .top-close-in:after {content: ''; position: absolute; top: 30px; width: 20px; height: 20px; border-top:3px solid #fff; border-left:3px solid #fff; transform:rotate(135deg); transition:all 0.5s ease-in;}
.top-close-in:before{right: 28px;}
.top-close-in:after {right: 48px;}
.top-close-in:hover:before{ right:20px}
.top-close-in:hover:after {right:30px}
*/
.menu-content{display:grid; grid-template-columns:repeat(2,1fr);}
.menu-item:before{font-family: 'font-icons';
    font-size: 28px;
    position: absolute;
    top: 10px;
    left: 0;
    width: 48px;
    height: 48px;
    display: grid;
    align-items: center;
    justify-content: center;}
.menu-item.form-menu:before{content: "\e6ab"; background: #b2e1f7; border-radius: 10px; color: #1a84b6;}
.menu-item.calc-menu:before{content: "\e674"; background: #e9c6e8; border-radius: 10px; color: #a730a3;}
.menu-item.banner-menu:before{ content: "\e631"; background: #e5f4d4; border-radius: 10px; color: #8ec71b;}
.menu-item.lucky-menu:before{ content: "\ed47"; background: #fedee1; border-radius: 10px; color: #f07178;}
.menu-item.start-manual:before{ content: "\ed87"; background: #ffe9cd; border-radius: 10px; color: #f2a017;}
.menu-item.zapisi-menu:before{content: "\ec52"; background: #ffe9cd; border-radius: 10px; color: #f2a017;}
.menu-item.quiz-menu:before{ content: "\edf4"; background: #c9dfff; border-radius: 10px; color: #4786e5;}
.menu-item.topic-menu:before{ content: "\e721"; background: #ffe9cd; border-radius: 10px; color: #f2a017;}
.menu-item.price-menu:before{content: "\ec9e";  background: #f8e4e3; border-radius: 10px; color: #ef7375;}
.menu-item.contact-menu:before{ content: "\ee27"; background: #c9dfff; border-radius: 10px; color: #4786e5;}
.menu-item.calc-menu:before{ content: "\eb89"; background: #d4e6da; border-radius: 10px; color: #54b37c;}
.menu-item.blog-menu:before{content:"\e6e6"; background: #e5f4d4; border-radius: 10px; color: #8ec71b;}
.menu-item.agent-menu:before{ content: "\e68a"; background: #ffe9cd; border-radius: 10px; color: #f2a017;}
.title-menu {
    font-size: 13px;
    text-transform: uppercase;
    color: #555;
    padding-left: 20px;
    font-weight: bold;
    padding-top: 10px;	
}
.menu-item {padding: 10px; position: relative; top: 0;}
.menu-item a{color:#000000;}
.menu-item-in {padding-left: 45px;}
.menu-head {color: #3b3b3b; font-weight: bold; font-size: 16px; line-height: 18px; transition:all 0.5s ease-in;}
.menu-text {color: #3b3b3b; font-size: 12px;line-height: 12px;  padding-top: 3px; transition:all 0.5s ease-in;}
.menu-item:hover .menu-head, .menu-item:hover .menu-text{color:#8864e4;}
/*End Iai?*/
.main-page {display: grid; align-items: stretch; align-content: space-between; justify-items: stretch; margin: 30px auto; gap: 20px; max-width: 1310px; width: 100%; text-align: center;}
.main-page h2 { padding: 30px 20px; margin:0;font-size:25px;line-height:25px;}
.tarif-items h2 {padding: 25px 10px;}
.main-tab {margin: 0; padding: 0; text-align: center; display: grid;  position: relative;}
.maintab-body {display: block; overflow: hidden; border-radius: 8px; background: #ffffff78; border-top-left-radius: 0; border-top-right-radius: 0; margin-top: 0px; padding-bottom: 60px; box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
ul.widgets-ul, .price-ul {display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 290px)); gap: 20px;  margin: 0 auto; justify-content: center; justify-items: center; max-width: 1250px; width: 100%;}
.main-page .widgets-ul li, .main-page .price-ul li,  section .price-ul li{border: 1px solid #c7cfd9; gap:5px; background: #ffffff; border-radius: 8px; list-style: none; padding: 30px 20px; display: grid; align-content: space-between; width: 290px; justify-content:space-around;}
.main-page .widgets-ul li{grid-template-rows: 50px 220px 1fr 50px}
.main-page .price-ul li, section .price-ul li{grid-template-rows: 50px 1fr 80px 50px 20px; gap:15px;grid-template-columns:100%;}
.main-page .widget-title, .main-page .price-title, section .widget-title {color: #8864e4; font-size: 22px; line-height:24px; font-weight: bold; padding-bottom:5px;}
.main-image {padding: 0; height: 240px; overflow: hidden; border-radius: 8px;}
.main-image img {width: 100%; max-width: 100%;}
.widgets-ul li .main-text {padding: 0; font-size: 15px; text-align: left;padding-bottom:10px;}
.main-button a {margin: 0; cursor: pointer; padding: 15px 20px; display: block; width: auto; border-radius: 5px; text-transform: uppercase; text-decoration: none; font-size: 12px; font-weight: bold; transition: all 0.7s ease-in; text-align: center; position: relative;}
.maintab-title { display: grid; grid-auto-flow: column; justify-content: start; align-items: center; justify-items: center; background: #fff; border-bottom: 0; border-radius: 8px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; align-content: center;}
.maintab-title .widgets-head:first-child {border-top-left-radius: 8px; padding-left: 37px; position: relative;}
.maintab-title a {display: block;  width: auto; position: relative; padding: 15px 20px; font-size: 18px; line-height: 22px; border-right: 1px solid #efefef; color: #8864e4; font-weight: bold;cursor: pointer; transition: all ease-in 0.7s;}
.maintab-title a.active, .maintab-title a:hover {background: #8864e4; color: #fff;}
.mainitem-body {padding: 0; text-align: center; display: none; position: relative;}
.mainitem-body.active{display:grid;}
.main-text ul { margin: 0; padding: 0;}
.main-page .main-text li, section .main-text li {text-align:left; padding: 8px 0; border-radius:0; display: block; border: 0; width: auto; font-size: 15px; position: relative; padding-left: 16px; line-height: 17px; color: #424242;}
.main-page .widgets-ul li.most_popular, .main-page .price-ul li.most_popular, section .price-ul li.most_popular {background: #f2eefd;}
.main-text p {background: #fff; text-align: left; color: #525252; padding: 10px 10px; font-weight: bold;}
.main-page .main-text li b, section .main-text li b {font-size: 17px;  line-height: 19px; color: #555;}
.main-page .main-text li:nth-child(odd), section .main-text li:nth-child(odd) {background: #f2eefd;}
.main-page .main-text li:before, section .main-text li:before {content: ''; left: 0px; height: 90%; margin-top: -5px; width: 1px; position: absolute; top: 9%;}
.main-button {height: 50px;}
.widget-price {height: 80px; display: flex; align-items: center; font-size: 18px; font-weight: bold; justify-content: center;flex-flow:wrap;}
.widget-price span.sprice {color: #8864e4;font-size: 33px; padding: 0 5px; display: block;}
span.oldprice {text-decoration: line-through; color: #aaaaaa; padding-top: 1px; padding-right: 5px;}
.widget-price span.measure {font-size: 15px; width: 100%; flex: 0 0 100%;}
span.price-comment {display: block; width: 100%;  flex: 0 0 100%;  font-size: 13px;  color: #5b5b5b;}
span.oldpricem {text-decoration: line-through; color: #a9a9a9; font-size: 12px; padding: 0 0px 0 2px; transform: translateY(-1px); display: inline-block;}
.month-price {color: #555; font-weight: bold;}
section {
    display: grid;
    align-items: stretch;
    align-content: space-between;
    justify-items: stretch;
    margin: 20px auto;
    padding:30px 0;
    gap:30px;
    background: #ffffff;
    min-height: 100px;
    border-radius: 8px;
    text-align:center;
    max-width:1310px;
    box-shadow:0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05)
    }
section h2{margin:0;padding:0;/* color:#ecf4ff; */}
.intro-main h2 {padding-bottom: 30px;/* color:#ecf4ff; */}
.intro-main p{/* color:#ffffff; */font-size: 16px;line-height: 22px;padding: 0 80px;}
.intro-bottom{padding-top:40px;}
.intro-bottom h2 {padding-bottom: 30px;color:#ecf4ff;}
.intro-bottom p{color:#ffffff;font-size: 16px; line-height: 22px; padding: 0 80px;}
section .section-in{padding:0; margin: 0 auto; text-align:center; width:100%; max-width:1250px;}
.inside-title{padding:0 20px;}
.section-title {text-align: center; padding: 0px 40px;padding-top:0; padding-bottom:15px;}
.section-title a {color: #a9ff8d;}
.section-title a:hover{color:#ffffff;} 
.main-widget-text .section-title{padding:0; padding-bottom:20px;}
.section-title h2 {margin: 0;margin-bottom:20px;/* color:#ecf4ff; */text-align:center;font-size:22px;line-height:30px;}
.bgwhite .section-title h2{color:#1e5dbd;}
.site-main .section-title h2{margin-bottom:10px;}
.main-widget-text .section-title h2{text-align:left; text-transform:uppercase;color: #000000;}
.section-title p {padding: 5px 0; font-size: 16px; line-height: 22px;}
.section-content {background: #fff; padding: 40px; border-radius: 8px;text-align: left;}
.section-blocks {max-width: 1350px;margin: 0 auto; text-align: center;}
.profit {display: grid;  grid-template-columns: repeat(auto-fit, minmax(32%, 1fr));  gap: 20px; justify-content: space-between; justify-items: stretch;}
.profit.double{grid-template-columns: repeat(auto-fit, minmax(49%, 1fr));}
.profit-item {background: #f9f7ff;padding: 40px;text-align:left;border: 1px solid #e3dcf7;border-radius: 8px;cursor:pointer;transition:all 0.3s ease-in;}
.profit-item, .main-widget-content, .main-page .widgets-ul li, .main-page .price-ul li, section .price-ul li{transition:all 0.3s ease-in}
.profit-item:hover, .main-widget-content:hover, .main-page .widgets-ul li:hover, .main-page .price-ul li:hover, section .price-ul li:hover{-webkit-transform: translateY(-1px); transform: translateY(-1px); box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.profit-item h3{margin:0;text-align:left; font-size:18px;line-height:22px;padding-bottom:5px;}
.profit-text{font-size:14px;text-align:left;}
.profit-text p{padding:7px 0;}
span.word-first {float: left; font-size: 60px; font-weight: bold; padding: 0; margin: 0; line-height: 62px; padding-right: 15px; color:#8864e4;}
.profit.double .profit-text{text-align:left;}
.profit.double .profit-text b{font-size:18px;}
.section-in.half p {font-size: 16px; line-height: 18px;}
.double .profit-text {font-size: 16px; line-height: 18px;}
.profit .icon:before, .profit .icon2:before {
    content:'';
    display: inline-block;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    color: #a788ff;
    text-transform: none;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 36px;
    height: 36px;
    font-size: 36px;
    }
.invite-bottom {margin: 0; padding: 0; margin-top: 30px;}
.profit .icon:before{font-family: 'Simple-Line-Icons';}
.profit .icon2:before{font-family: 'font-icons';}
.icon2.allinone:before{content:"\e943";}
.icon2.animation:before{content:"\e773";}
.icon2.art:before{content:"\ea88";}
.icon2.attention:before{content:"\e754";}
.icon2.auto:before{content:"\e975";}
.icon2.b2b:before{content:"\ea6c";}
.icon2.bezlimit:before{content:"\ea8d";}
.icon2.cafe:before{content:"\e9bc";}
.icon2.cms:before{content:"\e88f";}
.icon2.comein:before {content: "\e765";}
.icon2.consulting:before{content:"\e965";}
.icon2.conversiya:before{content:"\e68a";}
.icon2.couche:before{content:"\ec09";}
.icon.design:before {content: "\e017";}
.icon2.effect:before {content: "\e630";}
.icon2.exit:before{content:"\e66b";}
.icon2.eye:before{content:"\ec56";}
.icon2.field:before{content:"\ebb6";}
.icon2.fitnes:before{content:"\e62e";}
.icon2.home:before{content:"\e61e";}
.icon2.ifselect:before{content:"\e670";}
.icon2.game:before{content:"\e9e9";}
.icon2.gamepad:before{content:"\ea38";}
.icon2.gibkosti:before{content:"\e9ca";}
.icon2.interes:before{content:"\e764";}
.icon2.klinika:before{content:"\ea75";}
.icon2.lead:before{content:"\ea6a";}
.icon2.made:before{content:"\e9c1";}
.icon2.mail:before{content:"\e9f2";}
.icon2.marketing:before{content:"\ec40";}
.icon2.mesto:before{content:"\ea89";}
.icon.metrika:before {content: "\e077";}
.icon2.mobpk:before{content:"\e623";}
.icon2.news:before{content:"\e797";}
.icon2.newshop:before{content:"\e66f";}
.icon2.nocode:before{content:"\e7bf";}
.icon2.notarius:before{content:"\e932";}
.icon2.onpage:before{content:"\e62d";}
.icon2.order:before{content:"\e97f";}
.icon2.order2:before{content:"\e604";}
.icon.paneli:before {content: "\e007";}
.icon2.pay:before{content:"\eae0";}
.icon2.percent:before{content:"\eb0e";}
.icon2.play:before{content:"\e703"}
.icon2.politika:before{content: "\e6ac";}
.icon2.potrebnosti:before{content: "\e78a";}
.icon2.prosmotr:before{content:"\e641";}
.icon2.rost:before{content:"\e986";}
.icon2.ready:before{content:"\ea88";}
.icon2.saas:before{content:"\ea9e";}
.icon.safe:before {content: "\e08e";}
.icon2.sale:before{content:"\e6b7";}
.icon2.selfbutton:before{content:"\e759";}
.icon2.school:before{content:"\ea47";}
.icon2.shop:before{content:"\eb64";}
.icon2.simple:before{content:"\e659";}
.icon2.spa:before{content:"\eb87";}
.icon2.star:before{content:"\e68e";}
.icon2.target:before{content:"\e712";}
.icon2.timesecond:before{content:"\e62f";}
.icon2.voronka:before{content:"\ea36";}
.icon2.welcome:before{content:"\ea61";}
.icon2.zanyatosti:before{content:"\e728";}
.section-invite{padding-bottom:30px;}
.section-clients {position: relative;	left: 0; bottom: 0; width: 100%;}
.section-clients .container{max-width: 1250px;margin:0 auto;text-align:center;display: grid;grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));grid-auto-rows: 1fr;gap: 20px;justify-content: center; padding: 20px; background:#ffffff; border-radius:8px;}
.section-clients img {/* width: 120px; */max-width:100%;transition: all 0.5s ease-in;}
.section-clients:hover img {filter: grayscale(0); opacity: 1;} 
.main-widget-block {display: grid; grid-template-columns: 30% 68%; align-items: stretch; gap: 20px; max-width: 1250px; width: 100%;}
.main-widget-block.right{grid-template-columns: 68% 30%;}
.section-in.half .main-widget-block{grid-template-columns:50% 50%;}
.main-widget-img{display: grid; align-items: center;}
.section-in.half .main-widget-img{background:transparent;}
.main-widget-block.full {display: block; text-align: center;}
.main-widget-block.full .main-widget-img {width: 100%; justify-content: stretch; padding-bottom:20px;}
.main-widget-block.full .main-widget-content .section-title {text-align: left; padding: 0 0 20px 0;}
.main-widget-block .main-widget-img img {max-width: 100%;border-radius: 8px;}
.main-widget-content {
    background: #f9f7ff;
    padding: 40px;
    border: 1px solid #ede8fb;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease-in;
    display: grid;
    grid-auto-flow: row;
    align-content: space-around;
    text-align: left;
    }
.main-widget-text p {margin: 0; padding-bottom: 22px; font-size: 16px; line-height: 20px;}
.site-main .main-widget-text p {margin: 0; padding-bottom: 10px; font-size: 16px; line-height: 22px;}
.main-widget-block .main-widget-button {display: grid; grid-auto-flow: column; justify-content: end; gap: 20px; margin-top: 10px;}
.main-widget-block.right .main-widget-button{justify-content:start;}
.main-widget-button a {min-width: 140px; max-width: 50%;}
.section-double, .section-4060{display:grid;gap:20px; width: calc(100% - 40px); max-width:1350px; margin:0 auto; text-align:center;}
.section-double{grid-template-columns:repeat(2,1fr);}
.section-4060{grid-template-columns:40% 60%}
.flex-vcenter{display: flex; align-items: center;}
.flex-vcenter .desc{padding:5px 0;font-size:18px;}
.section-item {background: transparent; justify-content: center; padding: 30px 20px; border-radius: 8px;}
.inside-title h1 {margin-top: 0; color:#ecf4ff;}
.inside-title p{color:#ffffff;}
p.desc {margin: 0;}
.section-item .main-widget-block {grid-template-columns: 1fr;}
.section-item .main-widget-content {background: #ecf4ff; box-shadow: none; border: 0;}
.section-double .main-widget-img {background: transparent; justify-content: center; padding: 0;}
.section-form { padding: 0px;}
.section-form .section-item { background: transparent; text-align: left;}
p.tg-span {margin-top: 20px;}
p.tg-span a{display:block; line-height:36px;height:36px;display:grid;grid-auto-flow:column;justify-content:start;margin-top:10px; font-size:20px}
p.tg-span a img{width:36px;height:36px;margin-right:7px;padding:4px;background:#ffffff78; border-radius:50%;}
.btn-green, .btn { margin: 0; cursor: pointer; padding: 15px 20px; display: block; width: auto; border-radius: 5px; text-transform: uppercase;
    text-decoration: none; font-size: 12px;font-weight: bold; transition: all 0.7s ease-in; text-align: center; position: relative;}
.btn{color: #8864e4;background: #fff;}
.btn-green { border: 1px solid #2ecc71; color: #2ecc71; background: #ffffff;}
.btn-green.fon{color:#ffffff; background:#2ecc71;border: 1px solid #2ecc71}
.btn:hover{color:#ffffff;background: #8864e4;}
.btn-green:hover{color:#ffffff; background:#2ecc71;}
.btn-green.fon:hover {color: #2ecc71; background: #ffffff;}
.header-container .btn, .header-container .button span, .header-container .button a, .header-container button{padding:12px 14px;}
/*End Noeee aeaaiie no?aieou*/
.form-activate{color:#8864e4;}
.form-message{color:#448344;}
.form-error{color:#cd0000;}
.button{display:grid; justify-content:center;}
.button span, .button a, button {position:relative; display: block;	margin: 0; padding: 15px 20px; cursor:pointer; width:auto;	background:#8864e4;
    color: #fff; border:0; border-radius: 5px; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none;
    text-align: center;	transition: all 0.7s ease-in; opacity: 0.85;}
.login-form-container button, .login-form-container .button a{width:100%;}
.button span:hover, .button a:hover, button:hover {transition: all 0.7s ease-in; opacity: 1; filter: brightness(1.1);}
button.button-light, .button-light a{color:#8864e4; background: #fff; border:1px solid #8864e4;}
button.button-light:hover, .button-light:hover a{background:#8864e4; color: #fff;  border:1px solid #8864e4;}
button.button-dark, .button-dark a{background: #8864e4;color: #fff;border: 1px solid #8864e4;}
button.button-dark:hover, .button-dark:hover a{color: #8864e4;background: #fff;border: 1px solid #8864e4;}
button.button-green-light,.button-green-light a{color:#96d432; color:#a3c7c7; background:#fff; border:1px solid #96d432;border:1px solid #a3c7c7;}
button.button-green-light:hover,.button-green-light:hover a{background:#a3c7c7; color:#fff; border:1px solid #96d432;border:1px solid #a3c7c7;}
button.button-green,.button-green a{background:#96d432; color:#222222; border:1px solid #96d432;}
button.button-green:hover,.button-green:hover a{color:#96d432; background:#fff; border:1px solid #96d432;}
button.button-red, .button-red a{background:#e43100;color:#fff; border:1px solid #e43100;}
button.button-red:hover, .button-red:hover a{color:#e43100;background:#fff; border:1px solid #e43100;}
.button span:before, .button a:before, button:before {font-family: 'font-icons'; position: absolute; top: 50%; left: 8px; margin-top: -7px; font-size: 14px;font-weight:normal;}
.add:before{content:"+";  font-weight:normal;font-family:"Figtree", Arial, sans-serif;font-size:34px; margin-top:-19px;}
.add.addwidget:before{content:"+"; left: 50%; margin-left: -90px;}
.edit:before{content:"\e635";}
.stop:before{content:"\e704";}
.play:before{content:"\e703";}
.delete:before{content:"\e617";}
.ok:before{content:"\e6c8";}
.pay:before{content:"\e629";}
.widget:before{content:"\e6ad";}
.site-header {
    background-color: #e3dcf7;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    color:#fff;
    transition:all 0.7s ease-in;
    }
.header-container {display: grid; grid-template-columns: 160px 1fr; align-items: center; width: 100%; justify-content: space-between;
    align-content: center; padding: 10px 20px; color:#fff;}
.header-container.guest {grid-template-columns: repeat(2, 1fr);}
.grid-child{position: relative; display: grid; align-content: center; align-items: center;}
.grid-child.logo a{display:grid;align-items:end;align-content:space-around;grid-auto-flow: column;justify-content: center;gap: 12px;font-size: 25px;}
.grid-child.account{position: relative; display: grid; gap:10px; align-content: center; align-items: end; grid-auto-flow: column; justify-content: end; padding-right:60px;}
.login-need{text-align:right;}
.logo{display: block; width: auto; max-width: 150px;}
.logo img {width: 100%;filter: hue-rotate(45deg);}
.grid-child .button{display:grid;justify-content:end;}
.grid-child .button .pay{color: #8864e4; background: #eff2f7; border: 1px solid #8864e4;}
.account-status {font-size: 14px; color: #fff; text-align: right; padding-right: 40px; letter-spacing:0.01em;}
.account-status b{font-size:16px;}
.project-widgets {background: #e2e8f1;}
.grid-child.top-menu{position: absolute; top: 0px; right: 5px;  height: 100%; padding: 0; display: grid; transition: all 0.7s ease-in; align-items: center; align-content: center;}
.menu-wrapper {position: relative; padding-right: 0; cursor: pointer;}
.hamburger-menu {width: 60px; height: 60px; padding-right: 0px; padding-top: 0; cursor: pointer; position: relative;}
.hamburger-menu::before {
    content: "|||";
    transform: rotate(90deg);
    padding-left: 0px;
    display: block;
    color: #8864e4;
    font-size: 24px;
	letter-spacing:0.1em;
    line-height: 60px;
    font-weight: normal;
    transition: all 0.5s ease-in;
    width: 60px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 0;
    right: 0;
	height:100%;
}
.dropdown{position: absolute; top: 48px;  right: 0; display: block; z-index: 1;}
.dropdown-menu {
    color: #fff;
    display: none;
    margin: 0;
    padding: 0;
    margin-top: 11px;
    list-style: none;
    background: #fff;
    border: 1px solid #1f6fe0;
    border-bottom-left-radius: 13px;
    transition: all 0.7s ease-in;
    animation: 0.3s linear 0s menu-down-out;
}
.menu-wrapper:hover .dropdown-menu{display: block; transition: all 0.7s ease-in;  animation: 0.5s linear 0s menu-up-in;}
.dropdown-menu li {
    position: relative;
    text-align: left;
    padding: 0px;
    margin: 0;
    border-top: 1px solid #d7e8ff;
    border-bottom: 1px solid #b6c8e1;
    background: #3774cf;
}
.dropdown-menu li:last-child {border-bottom-left-radius: 13px;}
.dropdown-menu li a {
    font-size: 14px;
    color: #cbdcf5;
    text-decoration: none;
    display: block;
    padding: 8px 40px;
    position: relative;
    transition: all 0.5s ease-in;
}
.dropdown-menu li a:hover {background: #4786e5; color: #fff;}
.dropdown-menu li a{position:relative;}
.dropdown-menu li a:before {
    font-family: 'font-icons';
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -12px;
    font-size: 18px;
}
.dropdown-menu li a.settings:before, .dropdown-menu li a.setting:before {content: "\e60f";}
.dropdown-menu li a.finance:before {content: "\e629";}
.dropdown-menu li a.help:before, .dropdown-menu li a.support:before {content: "\e61b";}
.dropdown-menu li a.logout:before {content: "\e664";}
main{min-height:82vh;}
.welcome p{margin: 0; padding: 10px 20px; color: #8f8f8f; text-align: right;}
button.visible:before{content:"\e724";}
button.novisible:before{content:"\e725";}
.button-vk {width: 200px; height: 42px;overflow: hidden;}
/*Aeia*/
.blog-h1 {padding: 20px 0; display: flex; width: 100%; justify-content: center;}
.blog-h1 h1 {width: 800px; max-width: 100%; font-size:28px; line-height: 36px; margin: 50px auto; padding:0 20px;}
ul.blog-listmain {display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 290px)); gap: 20px; margin: 0 auto;
    justify-content: center; justify-items: center; max-width: 1250px; width: 100%;}
li.blog-item {border: 1px solid #c7cfd9;  background: #ffffff;  border-radius: 8px; list-style: none; padding: 30px 20px; padding-bottom: 25px;
    display: grid; align-content: space-between; width: 290px; justify-content: space-around; grid-template-rows: 78px 186px 1fr; gap: 10px; transition: all 0.3s ease-in;}
li.blog-item:hover{  -webkit-transform: translateY(-1px);  transform: translateY(-1px);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.blog-info { padding-top: 20px; text-align: left; display: grid; grid-template-rows: 128px 50px; gap: 10px;}
a.blog-thumb {width: 248px;height: 186px; overflow: hidden; display: grid; justify-content: center; align-items: center; border-radius:8px;}
.blog-thumb img {min-width: 100%; min-height: 100%; max-width: max-content;display: block;}
.blog-title {margin: 0;text-align: left; overflow:hidden; font-family: "Figtree", Arial, sans-serif;text-transform: none;}
.blog-title a {text-align: left; font-size: 17px;  text-align: left; line-height: 19px;}
.blog-excerpt {color: #333;overflow: hidden;}
.blog-readmore {display: flex;  justify-content: space-around;  margin-top: 15px;}
.blog-readmore a.btn {max-width: 200px; padding: 10px 20px;}
.blog-wrapper {max-width: 1250px; margin: 40px auto; padding: 40px 20px; border: 1px solid #c7cfd9; border-radius: 8px; background: #ffffff; position: relative;}
.blog-in {display: grid; grid-template-columns: 28% 72%; justify-content: space-evenly; justify-items: center; max-width: 1140px; margin: 0 auto;}
.blog-sidebar {border-right: 1px solid #e0e0e0; padding-right: 20px; max-width: 300px; width: 100%;    display: flex; flex-direction: column;
    height: 100%; min-height: 400px; position: sticky; top: 0; height: 100vh; overflow-y: auto;}
.blog-sidebar h2 {font-size: 18px; margin-bottom: 15px; color: #333; font-weight: 600; padding: 0; color: #2c3e50;}
.blog-list {list-style: none; margin: 0; padding: 0;}
.blog-list li {margin-bottom: 8px;}
.blog-list  a {display: block; padding: 8px 12px; text-decoration: none; color: #8864e4; border-radius: 6px; transition: background 0.2s, color 0.2s;}
.blog-list  a:hover, .blog-list a.active {background: #4786e5; color: #fff; font-weight: 600;border-color: #4786e5;}
.blog-content {line-height: 1.7;color: #333; max-width: 800px; padding-left: 20px; width: 100%;}
.blog-content h1 {margin-top: 0; color: #111; font-size: 26px; line-height: 30px;}
.blog-toggle {display: none; position: absolute; top: 20px; right: 20px; background: #4786e5; color: #fff; border: none; border-radius: 6px; padding: 10px 16px; font-size: 15px; cursor: pointer; z-index: 1001;}
.blog-content ul {margin: 20px 0; padding-left: 1.6em;list-style: none; counter-reset: custom-counter;}
.blog-content li {position: relative; margin-bottom: 3px; padding-left: 15px; line-height: 1.6; color: #333;}
.blog-content li::before {content: ""; position: absolute; left: 0; top: 0.5em; width: 8px; height: 8px; background-color: #4786e5; border-radius: 50%; box-shadow: 0 0 0 3px rgba(71,134,229,0.15); transition: transform 0.2s, box-shadow 0.2s;}
.blog-content li:hover::before {transform: scale(1.3); box-shadow: 0 0 0 4px rgba(71,134,229,0.25);}
.blog-content ul ul { margin-top: 8px; border-left: 2px solid rgba(71,134,229,0.1); padding-left: 1.2em;}
.blog-content ul ul li::before { background-color: rgba(71,134,229,0.7); width: 6px; height: 6px;}
.blog-content ol { margin: 20px 0; padding-left: 2em; counter-reset: ordered; list-style: none;}
.blog-content ol li {counter-increment: ordered; margin-bottom: 10px; padding-left: 30px; position: relative;}
.blog-content ol li::before {content: counter(ordered) "."; position: absolute; left: 0; top: 0; color: #4786e5; font-weight: 600;}
.block-body img{margin:20px 0; border-radius:8px;}
.glossarii {background: #f8f9fa; padding: 20px; margin-bottom: 30px; border-radius: 8px; margin-top: 40px;}
.glossarii p {font-size: 14px; line-height: 16px; margin: 8px 0; position:relative; padding-left:20px}
.glossarii p:before{content: ""; position: absolute; left: 0; top: 6px; width: 6px; height: 6px; background-color: #4786e5;
    border-radius: 50%;  box-shadow: 0 0 0 4px rgba(71, 134, 229, 0.15); transition: transform 0.2s, box-shadow 0.2s; transform: scale(1.2);}
.glossarii h2 {margin: 10px 0;}
.glossarii strong, .glossarii b {color: #376a9d;}
.glossarii i, .glossarii em {color: #797777;}
.inline-digital {display: flex;  gap: 10px; flex-direction: row; align-content: center; justify-content: space-between; align-items: center; flex-wrap:nowrap;}
/*Aeia*/
/*Aeiee aey no?aieo*/
.sections-block.three-column{display:grid;grid-template-columns:repeat(3,1fr);    gap: 10px;
    justify-content: center; align-items: stretch; align-content: space-between; margin-bottom: 20px;}
.sections-block.two-column{display:grid;grid-template-columns:repeat(2,1fr);    gap: 10px;
    justify-content: center; align-items: stretch; align-content: space-between; margin-bottom: 20px;}
.widget-column {padding: 40px 30px; background: #ffffff; border-radius: 8px; display: grid; align-content: stretch; gap: 20px;}
.widget-content p {text-align: left;}
.second-block{margin-top:30px;}
.bgwhite{background:#ffffff;}
.intro-center{padding:20px; border-radius:8px;}
.center-img img{border-radius:8px;}
/*End Aeiee no?aieo*/
/*Aeaai*/
.section-video {margin:auto;text-align:center; width:100%; background: #3b75cb; border-radius: 8px;}
.section-video video{max-width:100%;height:auto; background: #3b75cb; padding: 5px; border-radius: 8px; accent-color: #3b75cb;}
.timeline-chapters {display: flex; flex-flow:wrap; gap:10px 15px; justify-content: space-between;color: #fff; font-size: 14px; padding:10px;padding-top:5px;}
.timeline-chapters span {cursor: pointer;    color: #cee1ff; position: relative;transition: color .2s;}
.timeline-chapters span::before {content: '';position: absolute;top: -6px;left: 50%;transform: translateX(-50%); width: 2px; height: 6px; background: #3b75cb;}
.timeline-chapters span.active {color: #fff; font-weight: 600;}
.timeline-chapters span.active::before {background: #fff;}

/*Aeaai*/
/*Manual*/
.manual-wrapper {max-width: 1250px; margin: 40px auto; padding: 40px 20px; border: 1px solid #c7cfd9; border-radius: 8px; background: #ffffff; position: relative;}
.manual-in {display: grid; grid-template-columns: 28% 72%; justify-content: space-evenly; justify-items: center; max-width: 1140px; margin: 0 auto;}
.manual-sidebar {border-right: 1px solid #e0e0e0; padding-right: 20px; max-width: 300px; width: 100%;}
.manual-sidebar h2 {font-size: 18px; margin-bottom: 15px; color: #333; font-weight: 600;}
.manual-list {list-style: none; margin: 0; padding: 0;}
.manual-list li {margin-bottom: 8px;}
.manual-list a {display: block; padding: 8px 12px; text-decoration: none; color: #333; border-radius: 6px; transition: background 0.2s, color 0.2s;}
.manual-list a:hover {background: #f5f5f5;}
.manual-list a.active {background: #4786e5; color: #fff; font-weight: 600;}
.manual-content {line-height: 1.7;color: #333; max-width: 800px; padding-left: 20px; width: 100%;}
.manual-content h1 {margin-top: 0; color: #111;}
article p {margin: 5px 0;}
.manual-toggle {display: none; position: absolute; top: 20px; right: 20px; background: #4786e5; color: #fff; border: none; border-radius: 6px; padding: 10px 16px; font-size: 15px; cursor: pointer; z-index: 1001;}
.manual-content ul {margin: 20px 0; padding-left: 1.6em;list-style: none; counter-reset: custom-counter;}
.manual-content li {position: relative; margin-bottom: 3px; padding-left: 15px; line-height: 1.6; color: #333;}
.manual-content li::before {content: ""; position: absolute; left: 0; top: 0.5em; width: 8px; height: 8px; background-color: #4786e5; border-radius: 50%; box-shadow: 0 0 0 3px rgba(71,134,229,0.15); transition: transform 0.2s, box-shadow 0.2s;}
.manual-content li:hover::before {transform: scale(1.3); box-shadow: 0 0 0 4px rgba(71,134,229,0.25);}
.manual-content ul ul { margin-top: 8px; border-left: 2px solid rgba(71,134,229,0.1); padding-left: 1.2em;}
.manual-content ul ul li::before { background-color: rgba(71,134,229,0.7); width: 6px; height: 6px;}
.manual-content ol { margin: 20px 0; padding-left: 2em; counter-reset: ordered; list-style: none;}
.manual-content ol li {counter-increment: ordered; margin-bottom: 10px; padding-left: 30px; position: relative;}
.manual-content ol li::before {content: counter(ordered) "."; position: absolute; left: 0; top: 0; color: #4786e5; font-weight: 600;}
.manual-sidebar {display: flex; flex-direction: column; height: 100%; min-height: 400px; position: sticky;top: 0; height: 100vh; overflow-y: auto;}
.manual-sidebar h2 {margin: 0 0 20px 0; padding: 0; color: #2c3e50; font-size: 1.5em; flex-shrink: 0;}
.manual-list {list-style: none; padding: 0; margin: 0; flex-shrink: 0;}
.manual-list li {margin-bottom: 8px;}
.manual-list a {display: block; padding: 12px 16px; text-decoration: none; color: #34495e; border-radius: 6px;  transition: all 0.3s ease; border: 1px solid transparent;}
.manual-list a:hover, .manual-list a.active {background: #4786e5; color: white;  border-color: #4786e5;}
/*End Manual*/
/*Footer*/
.site-footer {position: relative;overflow: hidden;background: #e3dcf7;color: #3b3b3b;text-align: center;padding: 40px 20px;display: block;}
.site-footer p{margin:0;/* color: #ffffff; */}
.site-footer .block-footer{display:grid;max-width: 1310px;width:100%;grid-template-columns: 31% 67%;position: relative;z-index: 1;color: #3b3b3b;justify-content:space-between;font-size:14px;margin: 0 auto;text-align: center;gap: 90px;}
.footer-about {display: grid;grid-auto-flow: row;gap: 15px;text-align: left; align-content:center;}
.footer-company {text-align: left;display: grid;/* grid-template-columns: 1fr 2fr; */align-items: center;gap: 10px;}
.footer-about .logo-img {display: block;width: 150px;filter: brightness(0) invert(0.95);max-width:100%;}
.footer-company span {margin: 0;font-size: 19px;line-height:19px;text-align: left;color: #7c7c7d;}
.messenger {display: grid; grid-auto-flow:column; gap: 25px; align-items: center; font-size: 14px; line-height: 15px;  margin: 0; padding: 0; justify-content:start;}
.messenger-right {display: grid; grid-auto-flow: column; justify-content: start; align-items: center; gap: 15px;}
.site-footer .messenger a {border: 0; display: block; width: 30px; height: 30px;}
.site-footer .messenger a:last-child { margin-top: 7px;}
.messenger img{max-height: 30px; max-width: 30px;}
.pay-footer span {display: block; padding: 0; padding-bottom: 0px; font-size: 14px; line-height: 15px;}
.pay-beznal { padding-top: 0px; font-size: 14px; line-height: 15px; padding-bottom:20px;}
.pay-icon {display: grid;  grid-auto-flow: column;  gap: 10px; justify-content: start;}
.pay-icon img {min-width: 30px;max-height:25px; height:20px;}
.footer-right{grid-auto-flow:column; display: grid; justify-items: stretch;}
.site-footer .f-left{text-align:left;}
.site-footer .f-right{text-align:right; font-size:11px;}
.footer-item {text-align: left; margin-top: 10px;}
.footer-title {font-weight: normal;font-size: 18px;line-height:19px;color: #8864e4;padding-bottom: 10px;}
.footer-item li {padding-bottom: 10px;}
.site-footer a {color: #3b3b3b;border-bottom: 1px dotted #3b3b3b;transition:all 0.5s ease-in;}
.site-footer a:hover{color:#8864e4;}
.site-footer .footer-company a {color: #8864e4; font-size: 34px; white-space:nowrap; border-bottom:0;}
.site-footer .footer-company a b{font-size: 26px;}
/*End Footer*/
p.f-center {font-size: 14px; margin-top: 60px;}
.button-start a {
    width:100%;
    max-width:1310px;
    margin:0 auto;
    padding:8px 0;
    background: #2ecc71;
    border: 1px solid #2ecc71;
    color:#fff;
    display:block;
    font-size:18px;
    text-transform:uppercase;
    border-radius:8px;
    line-height:36px;
    display: grid;
    grid-auto-flow: column;
    align-items: center;
    justify-content: center;
}
.button-start a:before{content:"\e703"; font-family:'font-icons'; padding-right:15px;}
.button-start:hover a {background:#01dd5e; border:1px solid #01dd5e;}
/*#dotsCanvas {position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; z-index: 0;}*/
/*End Footer*/
.overload, #overload-cancel{display:none; width: 100%;height: 100%; position: fixed; top: 0; left: 0; z-index: 10000; background: #ffffff4d; -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); align-items: center; justify-content: center; align-content: space-evenly; justify-items: center;}
#overload-cancel.visible{display:block;}
.modal-buttons {display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px;}
#confirm-cancel{
    margin: 0;
    cursor: pointer;
    padding: 15px 20px;
    display: block;
    width: auto;
    background: #8864e4;
    color: #fff;
    border-radius: 5px;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    transition: all 0.7sease-in;
    opacity: 0.85;
    text-align: center;
    border: 0;
    transition: all 0.7sease-in;
    position: relative;
    padding-left: 28px;
}
#confirm-cancel:hover{transition: all 0.7s ease-in; opacity: 1; filter: brightness(1.1);}
#answer-message, #cancel-modal{width: 450px; height: 250px; background: #fff; max-width: 90%; padding: 40px; box-shadow: 3px -1px 5px 2px #d1d1d1; border: 2px solid #1E88E5; border-radius: 8px; display: grid; align-content: center; justify-content: center; align-items: center;  text-align: center; position: relative;padding:20px;}
#answer-message p, #cancel-modal p, #answer_text{font-size: 16px;}
div#answer-close{position: absolute;right: 0;top: 0;z-index: 1;width: 60px;height: 60px;cursor: pointer;}
div#answer-close:before, div#answer-close:after {content: '';  width: 40px;  height: 3px;  background: #8864e4;  display: block;  position:absolute; top:25px; right:8px;}
div#answer-close:before{transform: rotate(45deg); transition:all 0.7s ease-out;}
div#answer-close:after{transform: rotate(135deg);transition:all 0.7s ease-out;}
div#answer-close:hover:before{transform: rotate(405deg);transition:all 0.7s ease-out;}
div#answer-close:hover:after{transform: rotate(495deg);transition:all 0.7s ease-out;}
div#answer-text{display:block;max-width:100%;}
div#answer-text .button-add-block {display: grid; gap: 10px; grid-auto-flow: dense; grid-template-columns: repeat(2, 1fr);}
div#answer-text .button-add-block .confirm-add-block, div#answer-text .button-add-block .cancel-add-block{display: grid; justify-content: center; align-items: stretch; align-content: stretch; gap: 10px; width: fit-content;}
div#answer-text .button-add-block a{display: grid; align-content: center; font-size: 12px;}
.button-ready-widget{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-top:20px;}
.confirm-load-ready-widget, .cancel-load-ready-widget{width: 100%; justify-content: stretch;}
#preloader {position: fixed; top: 0;left: 0; right: 0; bottom: 0; z-index: 9999999; opacity: 1; background: radial-gradient(#ffffff, #ffffff80););}
#preloader #status { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#preloader #status .spinner { width: 40px; height: 40px; position: relative; margin: 50px auto;}
#preloader #status .spinner .double-bounce1, #preloader #status .spinner .double-bounce2 {width: 100%;height: 100%;border-radius: 50%;background-color: #6495ed;opacity: 0.6;position: absolute;top: 0;left: 0;-webkit-animation: sk-bounce 2.0s infinite ease-in-out;animation: sk-bounce 2.0s infinite ease-in-out;}
#preloader #status .spinner .double-bounce2 { -webkit-animation-delay: -1.0s; animation-delay: -1.0s;}
#preloader p{min-width: 320px;max-width: 100%;padding: 0 20px; text-align: center; font-size: 33px;font-family:Arial, sans-serif;}
#preloader p i{font-style:normal;display: block;font-size: 18px; color: #40417b;}
@-webkit-keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); }}
@keyframes sk-bounce { 0%, 100% { -webkit-transform: scale(0); transform: scale(0); } 50% { -webkit-transform: scale(1); transform: scale(1); }}
.table-contents {background: #f8f9fa; border-left: 1px solid #4786e5; padding: 20px; margin-bottom: 30px; border-radius: 8px; border-right: 1px solid #4786e552;}
.table-contents h3 {margin-top: 0; color: #2c3e50; font-size: 1.2em;}
.table-contents ul {list-style: none; padding-left: 0; margin-bottom: 0; display: grid;
    grid-template-columns: repeat(2, 1fr); justify-content: space-between;  align-items: start;  gap: 10px;}
.table-contents li {margin-bottom: 8px; position: relative; padding-left: 16px;}
.table-contents a {text-decoration: none; color: #376a9d; transition: color 0.2s ease;}
.table-contents a:hover {color: #4786e5;}
.scroll-top { flex: 1; position: relative; min-height: 100px; cursor: pointer;}
.scroll-top-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(71 134 229 / 0%); transition: background 0.4s ease; pointer-events: none;}
.scroll-top:hover .scroll-top-overlay { background: rgb(71 134 229 / 11%);}
.scroll-top-content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; transition: all 0.4s ease; opacity: 0;
    visibility: hidden; display: flex; flex-direction: column; align-items: center; justify-content: space-evenly; width: 70%; height: 50vh; pointer-events: none; text-align: center;}
.scroll-top-content span {color: #fff; font-weight: bold; font-size: 18px;}
.scroll-top:hover .scroll-top-content {opacity: 1; visibility: visible;}
.scroll-top-arrow {width: 70px; height: 140px; color: white; transition: all 0.3s ease;}
.scroll-top:hover .scroll-top-arrow {transform: scale(1.05);}
section.page {padding: 40px 20px;}
.section-page {padding: 40px; margin: 0 auto; text-align: left; max-width: 1350px; background: #ffffff33; border-radius: 8px;}
.VkIdSdk_oauth_link_text{color:#ffffff!important; margin-bottom:5px !important; text-transform:uppercase; font-size:12px; font-weight:bold;}
table.pros {width: 100%; background: #ffffff50; border-radius: 8px;}
table.pros td {padding: 20px;}
table.pros tr:nth-child(odd){background:#ffffff60}
table.pros tr:nth-child(even){background:#ffffff78}
table.pros thead td {background: #4685e4; color: #ffffff; font-size: 12px; text-transform: uppercase; font-weight: bold;}
table.pros thead td:first-child{border-top-left-radius:8px}
table.pros thead td:last-child{border-top-right-radius:8px}
table.pros tbody td:nth-child(1){text-align:left; padding-left:30px}
table.pros tbody td:nth-child(2){color:#008b62; font-weight:bold;}
table.pros tbody td:nth-child(3){color:#424242; font-weight:normal; font-size:14px;}
.faq-question {cursor:pointer; position:relative; transition:all 0.5s ease-in; background: #e3dcf7; padding: 0px; text-align: left; border-radius: 4px;font-size: 20px; line-height: 22px; font-weight: normal; color: #8864e4; border-bottom-left-radius: 0;  border-bottom-right-radius: 0;}
.faq-question a{color: #8864e4;display:block;padding:20px; padding-right:60px;}
.faq-question:hover, .faq-question a:hover{color:#653ccd;}
.faq-question a:before, .faq-question a:after {position: absolute; right: 15px; content: ''; background: #8864e4; width: 15px; height: 1px; transition:all 0.5s ease-in;}
.faq-question a:before{top:50%;margin-top:-2px;}
.faq-question a:after{top:50%;margin-top:-2px;transform:rotate(90deg);height: 1px;}
.faq-question.factive a:after{transform:rotate(180deg);}
.faq-question:hover a:before, .faq-question:hover a:after{background:#653ccd;}
.faq-list {display: grid; grid-auto-flow: row; gap: 10px;}
.faq-answer {background: #f9f7ff;border: 1px solid #ede8fb;display:block; padding: 20px; padding-bottom: 0; max-height: 20px; overflow: hidden; transition:all 0.7s ease-in; text-align: left; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.faq-answer.factive{max-height:1000px; transition:all 0.3s ease-in;padding-bottom:20px;}
header.site-header.fixed {position: fixed;background: #e3dcf7;backdrop-filter:blur(4px);top: 0;left: 0;right:0;z-index:99999;animation: slideDown 0.3s ease;}
@keyframes slideDown {from {transform: translateY(-100%); opacity: 0;} to {transform: translateY(0); opacity: 1;}}
header.site-header.fixed .vk-auth-title{display:none !important;}
.mobhead-auth {display: none; padding: 10px 0; gap: 10px;}
.mobhead-auth a.btn, .mobhead-auth .button a {padding: 10px 15px;}
.mobblock, .mobflex, .mobgrid{display:none;}
.destkshow{display:block;}
@media (max-width:1330px){
.main-tab{margin:0px 20px;}
section {margin: 20px;max-width: 100%;}
}
@media (max-width:1310px){
section .section-in {width: 100%; max-width: 100%; padding: 20px;}
.section-clients .container{width:100%;max-width:100%;padding:20px;}
ul.widgets-ul, .price-ul{width:100%;  max-width:100%;}
.main-widget-block, .blog-widget-block {width:100%;max-width:100%;padding: 0;margin: 0;}
.manual-wrapper, .blog-wrapper{margin:40px 20px;padding-top:100px;}
.hero-main{padding:80px 20px;}
.hero-textin{padding-top:0;}
.button-start {padding: 0;}
.grid-child.top-menu{right:20px;}
.hamburger-menu {width:30px;height:30px;}
.hamburger-menu::before{width:30px; height:30px; line-height:30px;}
}
@media (max-width: 1250px) {
  .section-in{overflow-x:hidden;}
}
@media (max-width: 1150px) {
  .footer-company{grid-auto-flow: row; grid-template-columns: 1fr;}
}
@media (max-width: 1100px) {
  .site-footer{padding:30px 20px;}
.manual-in, .blog-in {display: block;}
.manual-toggle, .blog-toggle {display: inline-block; z-index:1;}
.manual-sidebar, .blog-sidebar {position: fixed;top: 0; left: -290px; width: 260px; height: 100vh; background: #fff; border-right: 1px solid #e0e0e0;
 box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1); padding: 20px;overflow-y: auto;transition: left 0.3s ease; z-index: 1000;}
.manual-sidebar.open, .blog-sidebar.open {left: 0;}
.manual-content, .blog-content { padding-left: 0; max-width: 100%;}
body.manual-menu-open::before, body.blog-menu-open::before {content: ""; position: fixed;inset: 0; background: rgba(0,0,0,0.3); z-index: 999; transition: opacity 0.3s ease;}
.hero-textin{padding-top:8%;}
.hero-textin h1{font-size:26px; line-height:30px;}
.hero-textin .h1-desc{font-size:15px; line-height:19px;}
.hero-grid{font-size:13px;}
.hero-main{min-height: 80vh;  height: auto;}
.hero-img.right img{max-width:135%;}
/*.hero-img.left > div{margin:0 0 0 -20%;}*/
/*.hero-img.right > div {margin: 0 -20% 0 0;}*/
}
@media (max-width: 980px) {
.hero-textin h1{font-size:26px; line-height:30px;}
.hero-textin .h1-desc{font-size:15px; line-height:19px;}
.hero-grid{font-size:13px;}
/*.hero-img.left > div{margin:0 0 0 -30%;}*/
/*.hero-img.right > div {margin: 0 -30% 0 0;}*/
.hero-img.right img{max-width:150%;}
.hero-img.left img{max-width:110%;}
.grid-child.account .button b{display:none;}
.section-in.half p{font-size:14px;line-height:16px;padding-bottom:5px;}
.footer-right{grid-auto-flow:row;}
.site-footer .block-footer{gap:50px;}
.footer-item ul {grid-template-columns: repeat(2, 1fr); display: grid;}
}
@media (max-width:920px){
    .inline-digital{flex-direction:column; justify-content:center;}
} 
@media (max-width:860px){
  .site-footer .block-footer{grid-template-columns:repeat(1,1fr);}
  .site-footer .f-left{margin-bottom:10px;}
  .site-footer .f-left, .site-footer .f-right{text-align:center;}
  .sections-block.three-column{display:grid;grid-template-columns:repeat(1,1fr);}
}
@media (max-width:768px){
.profit{grid-template-columns: repeat(auto-fit, minmax(99%, 1fr));}
.main-widget-block, .main-widget-block.right {width:100%;max-width:100%;padding: 0;margin: 0;grid-template-columns: repeat(1,1fr);justify-content: center;}
.main-widget-content{padding:40px 20px;}
.main-widget-img {max-width:350px;width: 100%;margin: 0 auto;}
.section-item .main-widget-img {max-width:100%;}
.section-in.half .main-widget-block{grid-template-columns:1fr;}
.section-in.half .main-widget-img{max-width:550px;}
.hero-img.right img{max-width:190%;}
.hero-img.left img{max-width:130%;}
.section-double, .section-4060{grid-template-columns:repeat(1,1fr);}
.button b{display:none}
.button-vk{width:44px;}
.header-container{grid-template-columns:80px 1fr;}
.grid-child.account{padding-right:40px;}
.grid-child.logo img{padding-bottom:8px;}
.grid-child.account .button a{padding:11px 14px;}
.header-container .btn, .header-container .button span, .header-container .button a, .header-container button {padding: 11px 14px;}
.VkIdSdk_oauth_list{max-height:40px;}
.menu-wrapper{height: 40px; width: 40px;display: flex;align-items: center;justify-content: end;}
.vk-auth-section{position:relative;}
.vk-auth-title{position: absolute; top: -20px; left: 0; width: max-content;}
.sections-block.three-column, .sections-block.two-column{grid-template-columns:1fr;}
.manual-wrapper, .blog-wrapper{margin:40px 20px;}
.profit-item{padding:40px 20px;}
.site-footer .block-footer{gap:20px;}
}
@media (max-width:680px){
.account-status{padding-right:0;}
header .button a b{display:none;}
.div_current_tarif, .change_div_grid, .pay_tarif1{grid-auto-flow:row}
 .pay_tarif1{grid-template-columns: 1fr 150px;}
 p.change_title{text-align:left;}
.payment_div h1{padding-left:10px;}
.main-page h1 { font-size: 26px;}
.main-page .widget-title, .main-page .price-title{font-size:23px;}
.widget-price span.sprice{font-size:28px;}
.hero-img.left{display:none;}
.destkshow{display:none;}
ul.widgets-ul, .price-ul{justify-content:center;}
.btn-green, .btn{padding:15px 10px;}
.intro-main p{padding:0 40px;}
}
@media (max-width:580px){
.header-container{grid-template-columns: 100px 40px; padding-right:0; padding-top:60px;}
.fixed .header-container{padding-top:10px;}
.button span, .button a, button{padding:10px 12px;}
.main-widget-block .main-widget-button, .main-widget-block.right .main-widget-button{grid-auto-flow:row; justify-content:center;}
.main-widget-content{padding:40px 20px;}
.fixed .grid-child.logo img{padding-bottom:0;}
.grid-child.account{position: absolute; top: 5px; left: 20px; padding-right: 0; width: calc(100% - 40px); justify-content: center; gap: 10px; grid-template-columns: 90px 100px 1fr;}
.fixed .grid-child.account{display:none;}
.grid-child.account .button a, .header-container .btn, .header-container .button span, .header-container .button a, .header-container button{font-size:10px;}
.grid-child.top-menu{position:relative;}
.menu-wrapper{text-align:right; display:grid;}
.vk-auth-title{display:none;}
table.pros td{padding:10px;}
table.pros tbody td{font-size:12px;}
table.pros thead td{text-transform:none;}
table.pros tbody td:nth-child(1){padding-left:15px;}
.mobhead-auth{display: flex;}
.mobblock{display:block;}
.mobflex{display:flex;}
.mobgrid{display:grid;}
.faq-question a{font-size:16px; line-height:20px;}
.faq-question a:before, .faq-question a:after{width:25px;}
h1, .blog-h1 h1, .inside-title h1, .blog-content h1, .manual-content h1, .main-page h1, .payment_div h1{font-size:24px; line-height:28px; padding:0 20px; margin:20px 0;}
.table-contents ul{grid-template-columns:repeat(1,1fr);}
}
@media (max-width:480px){
h2{font-size:18px; line-height:24px;}
.hero-img.right{display:none;}
.hero-main{background: #ffffff78; margin: 20px; padding: 20px; box-sizing: border-box; max-width: 100%; width: auto; height: auto; min-height: 100%; display: grid; border-radius: 8px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.05), 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 4px 4px rgba(0, 0, 0, 0.05), 0px 8px 8px rgba(0, 0, 0, 0.05), 0px 16px 16px rgba(0, 0, 0, 0.05);}
.hero-center { align-items: start;display: block;}
.hero-textin{padding-top:20px;}
.hero-textin h1{padding:0;margin:0;font-size:20px; line-height:24px;padding-bottom:20px;}
.hero-textin h1 .animate{font-size:18px; line-height:22px; margin-top:10px;}
.hero-textin .hero-grid{display: flex; flex-flow: wrap; row-gap: 5px;}
.hero-textin .hero-btn{padding-top:0;}
.hero-btn a{max-width: max-content; padding: 15px 10px; font-size: 11px;}
.menu-content{grid-template-columns:repeat(1,1fr);}
.grid-child.account{grid-template-columns: 70px 85px 1fr;}
.grid-child.account .button a, .grid-child.account a.btn {padding: 12px 8px; font-size: 9px;}
.section-title { padding: 0; padding-bottom: 20px;text-align: left;}
section > .section-title {padding: 20px;}
.section-title h2{margin-bottom:10px; font-size:18px;line-height:22px;}
.profit-title {display: flex; align-items: flex-end; gap: 15px;text-align:left;}
.icon2, .icon {display: flex;  align-content: center; align-items: center;}
.profit-title  h3{min-height:40px;}
.profit-text{text-align:left;}
table.pros{background:#ffffffa1;}
table.pros td{padding:10px 5px;}
table.pros tbody td {font-size: 12px; line-height: 14px; padding: 2px; transform: scale(0.9);}
table.pros tbody td:nth-child(2), table.pros tbody td:nth-child(3){font-weight:normal;font-size:12px;}
.timeline-chapters{font-size:11px;line-height:13px;}
.section-clients{padding:20px;}
.section-clients .container{grid-template-columns: repeat(auto-fit, minmax(80px, 1fr));}
.intro-main p{padding:0 20px;}
.profit-item h3{font-size:14px; line-height:16px;}
.blog-content h1{font-size:18px;line-height:28px;padding-left:0;}
.inside-title h1{padding-left:0;}
.flex-vcenter .desc, p.desc{font-size:16px; line-height:22px;}
section .section-in{padding:20px 12px;}
.section-double, .section-4060{width:100%;}
.section-item{padding:30px 0;}
}