*,
*::before,
*::after {
    box-sizing: border-box;
    outline: none;
}

ul[class],
ol[class] {
    padding: 0;
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}

body {
    min-height: 100vh;
    scroll-behavior: smooth;
    text-rendering: optimizeSpeed;
    line-height: 1.5;
    color: #1E1D30;
}

ul[class],
ol[class] {
    list-style: none;
}

a:not([class]) {
    text-decoration-skip-ink: auto;
}

img {
    max-width: 100%;
    display: block;
}

article > * + * {
    margin-top: 1em;
}

button {cursor: pointer;}

input,
button,
textarea,
select {
    font: inherit;
}

.mob {display: none;}

p {font-size: 18px; line-height: 24px;}

@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
        scroll-behavior: auto !important;
    }
}

*
{
    font-family: 'Roboto', Arial sans-serif;
}
.nodisplay {display: none;}
.noscroll {overflow: hidden;}
.mobile-nav {width: 100%;  padding: 10px 15px; position: relative; background: #fff;  z-index: 3; top: -100%; transition: 0.3s all;position: fixed;}
.mobile-nav.active {top: 0;}
.mobile-nav .logo .mobile {display: none;}
.mobile-nav .logo img {height: 36px;}
.mobile-nav .phone {display: flex; align-items: center;     position: absolute;    right: 60px;}
.mobile-nav .phone a {font-size: 18px; line-height: 24px; text-decoration: none; color: #1E1D30;}
.mobile-nav .phone img {margin-right: 10px;}
.mobile-nav .nav-block {max-width: 1530px; margin: 0 auto; width: 100%; display: flex;  justify-content: space-between; align-items: center; position: relative;}
.mobile-nav .hidden {background-color: #fff;    position: fixed;    top: 0;    right: -100%;    height: 100%;    float: none;    width: 280px;    z-index: 998;    max-height: 100%;    overflow: auto;    display: block; transition: 0.3s all;}
.mobile-nav .hidden .inner {width: 100%; padding: 60px 25px; position: relative; z-index: 998; height: 100%; background: #fff;}
.mobile-nav .hidden .overlay {display: none; content: '';    background: rgba(0,0,0,0.4);    position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 997;    cursor: pointer;}
.mobile-nav .hidden.visible {right: 0;}
.mobile-nav .hidden.visible .overlay {display: block;}
.mobile-nav .hidden .menu {display: flex; flex-direction: column; margin-bottom: 30px;}
.mobile-nav .hidden .menu a {color: #1E1D30; font-size: 18px; text-decoration: none; padding: 5px 0;}
.mobile-nav .hidden .menu a:hover {text-decoration: underline;}
.mobile-nav .hidden .phone {position: relative; right: auto; margin-bottom: 20px;}
.mobile-nav .hidden .btn {padding: 20px 30px;}

.burger {cursor: pointer; position: relative; height: 22px; width: 28px; transition: 0.3s all; position: relative; z-index: 999;}
.burger span:nth-child(1) {width: 100%; height: 2px; background: #1E1D30; position: absolute; transition: 0.3s all; top: 0; left:0}
.burger span:nth-child(2) {width: 60%; height: 2px; background: #1E1D30; position: absolute; transition: 0.3s all; top: 8px; left:0}
.burger span:nth-child(3) {width: 85%; height: 2px; background: #1E1D30; position: absolute; transition: 0.3s all; top: 16px; left:0}
.burger.active span:nth-child(1) {transform: rotate(45deg); top: 50%; margin-top: -1px;}
.burger.active span:nth-child(2) {opacity: 0;}
.burger.active span:nth-child(3) {transform: rotate(-45deg); width: 100%; top: 50%; margin-top: -1px;}

.wrapper {max-width: 1530px; width: 100%; margin: 0 auto; padding: 0 15px;}
section {padding: 100px 90px; position: relative; z-index: 2;}
section .title h2 {max-width: 910px; margin-left: auto; margin-right: auto; font-size: 55px; line-height: 74px;}

button.btn {border: none; padding: 20px 78px; border-radius: 7px; font-size: 21px; transition: 0.3s all;}
.btn.white {background: #fff; color: #3B35BA;}
.btn.white:hover {background: #E5ECF8;}
.btn.white:active {background: #fff;}
.btn.purple {color: #fff; background: linear-gradient(273.63deg, #3B35BA 0%, #4A43E0 100%); box-shadow: 0px 10px 20px rgba(59, 53, 186, 0.3);border-radius: 5px;}
.btn.purple:hover {background: linear-gradient(273.63deg, #4A43E0 0%, #4A43E0 100%); }
.btn.purple:active {background: linear-gradient(273.63deg, #3B35BA 0%, #3B35BA 100%);}
.header {background: url(../img/bg.jpg) #FEF9E5; background-size: cover; padding-top: 40px; padding-bottom: 115px;}
.header.header-page.v2{padding-bottom: 0;background-color: #e5ecf8;}
.nav {display: flex; justify-content: space-between;}

.header .logo {display: flex; align-items: flex-end; font-size: 14px; color: #3B35BA; flex-direction: column;}
.header .logo img {}
.header .logo .descript {margin-top: 10px; text-align: center;}

.header .contacts {display: flex; align-items: center;}
.header .contacts span, .mobile-nav .phone span {font-weight: bold; font-size: 21px;}
.header .contacts .phone {margin-right: 40px; display: flex; align-items: center; color: #1E1D30;}
.header .contacts .phone a {text-decoration: none; color: #1E1D30;}
.header .contacts img {margin-right: 10px;}

.header .contacts .btn {color: #3B35BA; border: 1.5px solid #3B35BA; padding: 12px 20px; background: none; border-radius: 7px; transition: 0.3s all;}
.header .contacts .btn:hover {background: #4A43E0; color: #fff;}
.header .contacts .btn:active {background: #3B35BA; color: #fff;}

.header.v2 {background: linear-gradient(180deg, #E5ECF8 0%, rgba(229, 236, 248, 0) 100%);}
.header.v2 .headline_v2 {margin-top: 120px; color: #3B35BA; text-align: center; margin-left: auto; margin-right: auto; max-width: 1140px;}
.header.v2 .headline_v2 h1 {font-size: 55px; line-height: 1.4; font-weight: 300;}
.header.v2 .headline_v2 h1 span {font-weight: 800;}
.benefits {display: flex; justify-content: center; flex-wrap: wrap; max-width: 90%; margin: 60px auto 0 auto;align-items: baseline;}
.benefits div {width: 33%; display: flex; flex-direction: column; align-items: center; justify-content:center; padding: 25px; font-size: 17px;}
.benefits div img {margin-bottom: 25px; width: 64px;}
.headline_v2 .subtitle {font-size: 21px; max-width: 600px; margin: 60px auto 0 auto;}
.headline_v2 .btn {background: linear-gradient(281.53deg, #8C28DA 0%, #3B35BA 100%);box-shadow: 0px 10px 20px rgba(59, 53, 186, 0.3); color: #fff; margin-top: 25px; border-radius: 7px;}
.headline_v2 .btn:hover {background: linear-gradient(273.63deg, #3B35BA 0%, #4A43E0 100%); box-shadow: 0px 10px 20px rgba(59, 53, 186, 0.3);}
.headline_v2 .arrow {text-align: center; margin-top: 25px;}
.headline_v2 .arrow img {width: 64px; margin: 0 auto;}


.pros {margin-top: 80px; display: flex; align-items: stretch;}
.pros .item {margin-right: 30px; padding: 20px 30px;  background: linear-gradient(90deg, #FFFFFF 0%, rgba(255, 255, 255, 0.3) 100%);}
.pros .item .inner {display: flex; align-items: end;}
.pros .item:last-child {margin-right: 0;}
.pros .item img {margin-right: 20px;}

.headline {position: relative; padding: 80px 80px 80px 0; max-width: 750px;margin-top: 60px;}
.headline:before {content: ''; display: block; position: absolute; left: -28%; top: 0; background: linear-gradient(281.53deg, rgba(140, 40, 218, 0.8) 0%, rgba(59, 53, 186, 0.8) 100%);backdrop-filter: blur(10px); border-radius: 0px 7px 7px 0px; width: 128%; height: 100%; z-index: 1;}
.headline .content {position: relative; z-index: 2;}
.headline h1 {color: #fff; font-weight: 400; font-size: 42px; line-height: 1.3; margin: 0; padding: 0;}
h1.mobile {display: none;}
.headline span {font-weight: bold;}
.headline .btn {margin-top: 60px;}
.headline .subtitle {margin-top: 40px; color: #fff; font-size: 21px;}

section .title {margin: 0 0 80px 0; padding: 0; font-size: 55px; font-weight: 800; line-height: 1.4; color: #3B35BA; text-align: center;}

.free, .header {overflow-x: hidden;}
.free.v2 {background: #F4F7FC;}
.free .content {display: flex; align-items: flex-start; justify-content: space-between;}
.free .left {margin-right: 160px;}
.free .highlight {position: relative; padding: 31px 0 31px 31px; font-size: 18px; line-height: 24px; margin-bottom: 60px;}
.free .highlight .inner {position: relative; z-index: 2; display: flex; align-items: center; color: #fff;}
.free .highlight:before {content: ''; display: block; position: absolute; right: -22%; top: 0; height: 100%; width: 122%; background: linear-gradient(281.53deg, #8C28DA 0%, #3B35BA 100%);box-shadow: 0px 10px 20px rgba(59, 53, 186, 0.3);border-radius: 5px 0px 0px 5px; z-index: 1;}
.free .highlight img {margin-right: 30px;}
.free .highlight a {color: #fff;}

.free .right {max-width: 750px;}
.free .list {font-size: 24px; line-height: 32px;}
.free .list-item:first-child {margin-bottom: 60px;}
.free .number {text-decoration: underline; padding-right: 20px;}
.free .icons {margin-top: 30px; display: flex; justify-content: space-between;}
.free .icons .item {margin-right: 40px; display: flex; align-items: center; font-size: 18px; line-height: 24px;}
.free .icons .item img {margin-right: 10px;}
.free .icons .item:first-child {color: #3B35BA;}
.free .icons .item:nth-child(2) {color: #6028D1;}
.free .icons .item:nth-child(3) {color: #8C28DA;}
.free .icons .item:last-child {margin: 0; color: #9E1F88;}
.free .ucan {margin-top: 60px; display: flex; align-items: center; font-weight: 700; color: #3B35BA;}
.free .ucan img {margin-right: 30px;}


.headache {background: #fff; position: relative;}
.headache:before {  content: '';  position: absolute;  top: 0; left: 0; right: 0;  height:40%;  background:#E5ECF8;  transform: skew(0deg, -2deg); z-index: 1;}
.headache:after {  content: '';  position: absolute;  bottom: 0; left: 0; right: 0;  height:70%;  background:#E5ECF8;  z-index: 1;}
.headache .wrapper {position: relative; z-index: 2;}
.headache .content {display: flex; align-items: flex-start;}
.headache .item {margin-right: 70px; width: 33%;}
.headache .item:last-child {margin:0;}
.headache .item .text {padding-left: 40px; padding-right: 20px;}
.headache .item h3 {font-size: 24px; font-weight: bold; line-height: 32px; margin: 0 0 20px 0; padding: 0;}
.headache .item p {padding: 0; margin: 0;}
.headache .button {margin: 60px auto 0 auto; text-align: center;}


.after .title p {padding: 0; text-align: center;color: #555560; max-width: 720px; font-weight: 400; margin: 20px auto 0 auto;}
.after a {color: #3B35BA;}
.after .content {margin-top: 90px;}
.after .content h3 {font-size: 32px; line-height: 42px; margin-left: auto; margin-right: auto; padding: 0; text-align: center;}
.after .items {margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 1140px; margin-left: auto; margin-right: auto; align-items: end;}
.after .item {width: 45%; display: flex; align-items: center; margin-bottom: 80px;}
.after .item img {margin-right: 40px;}
.after .item h4 {font-size: 24px; font-weight: bold; line-height: 32px; margin-bottom: 10px;}
.after .item p {margin: 0; padding: 0;}

.after .alter {margin-top: 40px;}
.after h3 {text-align: center; max-width: 910px;}
.after div.purple {max-width: 1000px; margin: 60px auto 30px auto; padding: 36px 60px; background: linear-gradient(281.53deg, #8C28DA 0%, #3B35BA 100%);border-radius: 7px; color: #fff; display: flex; align-items: center;}
.after div.purple img {margin-right: 60px;}
.after div.purple b {display: block; padding-bottom: 15px;}
.after div.alter p {margin: 0; padding: 0; text-align: center;}
.after div.alter .arrow img {margin: 30px auto; text-align: center;}
.after div.alter div.btn {margin: 0 auto; text-align: center;}


.steps {background: #fff; position: relative;}
.steps .wrapper {max-width: 1600px;}
.steps:before {  content: '';  position: absolute;  top: 0; left: 0; right: 0;  height:40%;  background:#E5ECF8;  transform: skew(0deg, -2deg); z-index: 1;}
.steps:after {  content: '';  position: absolute;  bottom: 0; left: 0; right: 0;  height:70%;  background:#E5ECF8;  z-index: 1;}
.steps .wrapper {position: relative; z-index: 2;}

.steps .content {   display: grid;   grid-template-columns: 360px 360px 360px;   grid-template-rows: 1fr 1fr;   gap: 80px 160px;   grid-template-areas:     ". . ."    ". . .";   justify-content: center;      justify-items: end; }
.steps .swiper-container {padding-bottom: 30px;}
.steps .item {cursor: pointer; transition: 0.3s all; background:#E5ECF8; position: relative; padding: 30px 30px 60px 30px; border-radius: 7px; }
.steps .item .inner {position: relative; z-index: 2;}
.steps .item:before {transition: 0.3s all; content: '';  position: absolute;  top: 0; left: 0; right: 0;  height:70%;  background:#fff;  z-index: 1; border-radius: 7px;}
.steps .item:after {transition: 0.3s all; content: '';  position: absolute;  bottom: 16px; left: 0; right: 0;  height:40%;  background:#fff;  transform: skew(0deg, -6deg); z-index: 1; border-radius: 7px;}
.steps .item:hover:before, .steps .item:hover:after {box-shadow: 0px 15px 30px rgba(59, 53, 186, 0.3); background: linear-gradient(281.53deg, #8C28DA 0%, #3B35BA 100%);}
.steps .item:hover .step, .steps .item:hover h4, .steps .item:hover p {color: #fff;}
.steps .item .step {text-align: center; font-weight: bold; font-size: 18px; line-height: 24px; margin-bottom: 30px; color: #3B35BA;}
.steps .item div.st {margin: 0 auto 30px auto; text-align: center;}
.steps .item div.st .inner {margin: 0 auto; position: relative; display: flex; align-items: center; justify-content:center;}
.steps .item div.st .inner img {margin: 0 auto;}
.steps .item div.st .inner img.hov, .steps .item:hover div.st .inner img.nohov {display: none;}
.steps .item:hover div.st .inner img.hov {display: block;}
.steps .item h4 {font-weight: bold; font-size: 24px; line-height: 32px; margin: 0 0 30px 0; text-align: center; color: #3B35BA;}
.steps .item p:nth-child(n+1) {margin-top: 25px;}
.steps .item p.bold {font-weight: bold; font-size: 24px; line-height: 32px;}

.steps .item .arrow {position: absolute; content: ''; right: -80px; top: 50%; margin-top: -12px; transform: rotate(-90deg);}


.payment .items {display: flex; align-items: center;}
.payment .items>div {width: 50%; max-width: 50%; }
.payment .left {margin-right: 160px;}

.payment h3 {margin-bottom: 30px; font-size: 42px; line-height: 55px;}
.payment .text {font-size: 24px; line-height: 32px; margin-bottom: 60px;}
.payment div.btn {margin: 0;}


.numbers {background: linear-gradient(281.53deg, #8C28DA 0%, #3B35BA 100%); color: #fff;}
.numbers .title h2 {color: #fff;}
.numbers .items {display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between;}
.numbers .item {margin-bottom: 90px; width: 33%; flex: 1 1 33%; text-align: center; }
.numbers .number {font-size: 74px; font-weight: bold; line-height: 74px; margin-bottom: 10px;}


.faces{
    position: relative;
}
.faces .wrapper{
    position: static;
}

.gallery-thumbs{
    max-width: 100%;
}


.gallery {
    background: #fff;
    display: flex;
    overflow: hidden;
}

.gallery {
    background: #fff;
    display: flex;
    overflow: hidden;
}

.gallery .left {
    padding-left: 115px;
    width: 56%;
    flex: 0 0 56%;
    position: relative;
}

.gallery .left .owl-nav{
    pointer-events: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.gallery .left .owl-nav button{
    width: 32px;
    height: 24px;
    background: url(../img/arrow-left.svg) no-repeat !important;
    cursor: pointer;
    background-color: transparent;
    border: 0;
    position: absolute;
    margin: auto;
    pointer-events: all;
}

.gallery-thumbs-slide {cursor: pointer; transition: 0.3s all;}
.gallery-thumbs-slide:hover {opacity: 0.8;}

.gallery .left .owl-prev{
    left: -95px;
    top: 0;
    bottom: 0;
}

.gallery .left .owl-next{
    transform: rotate(180deg);
    right: -95px;
    top: 0;
    bottom: 0;
}

.gallery .left .owl-nav button span{
    display: none;
}

.gallery .right {
    position: absolute;
    right: 0;
    width: calc(42% - 115px);
}
.gallery-thumbs{

}

.gallery-texts {
    margin-top: 19px;
    max-width: 620px;
    margin-left: 0;
    padding-right: 15px;
}

.gallery-texts h3 {
    color: #1E1D30;
    font-size: 32px;
    line-height: 42px;
    margin-bottom: 20px;
}

.gallery-texts .subtitle {
    color: #555560;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px;
}

.gallery-texts .desc {
    font-style: italic;
    font-size: 18px;
    color: #1E1D30;
}

.gallery .button-next,
.gallery .button-prev {
    transition: 0.3s all;
    position: absolute;
    top: 50%;
    margin-top: -12px;
    width: 32px;
    height: 24px;
    background: url(../img/arrow-left.svg) no-repeat;
    cursor: pointer;
}

.gallery .button-next {
    transform: rotate(180deg);
    right: 0;
}

.gallery .button-prev {
    left: 0;
}

.gallery .button-next:hover,
.gallery .button-prev:hover {
    opacity: 0.7;
}

.gallery .pagination {
    color: #3B35BA;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 20px;
}

.gallery .thumbs img {
    transition: 0.3s all;
    cursor: pointer;
}

.gallery .thumbs img:hover {
    opacity: 0.9;
}

.gallery-math{
    margin-top: 111px;
}

.gallery-math span{
    color: #3B35BA;
    font-size: 18px;
    line-height: 24ox;
}


.docs {background: #E5ECF8; position: relative;}
.docs-page h1{
    max-width: 910px;
    margin-left: auto;
    margin-right: auto;
    font-size: 55px;
    line-height: 74px;
}
/*
.docs:before {  content: '';  position: absolute;  top: 0; left: 0; right: 0;  height:40%;  background:#E5ECF8;  transform: skew(0deg, -2deg); z-index: 1;}
.docs:after {  content: '';  position: absolute;  bottom: 0; left: 0; right: 0;  height:70%;  background:#E5ECF8;  z-index: 1;}
*/
.docs .wrapper {position: relative; z-index: 2;}
.docs .inner {position: relative; z-index: 2;}

.docs .items {display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }
.docs .left a {position: relative;}
.docs .left a:after {transition: 0.3s all; opacity: 0; content: ''; display: block; position: absolute; left:0; right: 0; top: 0; bottom: 0; background: linear-gradient(281.53deg, #8C28DA 0%, #3B35BA 100%); z-index: 2;}
.docs .left a:before {text-align: center; transition: 0.3s all; opacity: 0; content: '+'; display: block; position: absolute; left:0; right: 0; top: 50%; bottom: 0; color: #fff; font-size: 24px; line-height: 0; z-index: 3; font-style: normal;}
.docs .left img {border-radius: 7px; position: relative; z-index: 1;}
.docs .left a:hover:after {opacity: 0.7;}
.docs .left a:hover:before {opacity: 1;}
.doc-gallery.mobile {display: none;}
.doc-gallery.mobile .items {flex-wrap: nowrap; align-items: flex-start;}
.docs .item {max-width: 48%;   background: #E5ECF8;    position: relative;    padding: 50px 50px 60px 50px;    border-radius: 7px; margin-right: 30px; margin-bottom: 80px;}
.docs .item:nth-child(2n) {margin-right: 0;}
.docs .item:before {content: '';  position: absolute;  top: 0; left: 0; right: 0;  height:70%;  background:#fff;  z-index: 1; border-radius: 7px;}
.docs .item:after {content: '';  position: absolute;  bottom: 0; left: 0; right: 0;  height:40%;  background:#fff;  transform: skew(0deg, -2deg); z-index: 1; border-radius: 7px;}
.docs .item .content {display: flex; align-items: flex-start;}
.docs .item .content .left {margin-right: 60px; width: 210px;}
.docs .item .content .left a {display: block; border: 4px solid #8C28DA; border-radius: 7px;}
.docs .item h3 {font-size: 32px; line-height: 42px; font-weight: bold; color: #3B35BA; margin-bottom: 40px; padding: 0;}
.docs .item .right p {color: #555560; margin-bottom: 10px;}
.docs .item .right span {color: #1E1D30;}
.docs .debt {margin-top: 60px; font-weight: bold; position: relative;}
.docs .debt b {display: block;}
.docs .debt s {font-size: 42px; line-height: 55px; position: relative;}
.docs .debt s:before {content: ''; display: block; width: 100px; height: 100px; background: url(../img/done.svg) center center; position: absolute;     right: -33%;    top: -35px;}
.docs .details {margin-top: 20px;}
.docs .details a {display: inline-block; padding: 12px 20px; background: #f1f1fa; color: #3B35BA; text-decoration: none; border-radius: 7px;}

.showmore {margin: 0 auto; text-align: center;}
.showmore div {display: flex; align-items: center; justify-content: center; cursor: pointer;}
.showmore img {margin-right: 10px;}
.showmore-doc.cases a {color: #fff;    background: linear-gradient( 273.63deg , #3B35BA 0%, #4A43E0 100%);    box-shadow: 0px 10px 20px rgb(59 53 186 / 30%);    border-radius: 5px;    border: none;    padding: 20px 78px;    border-radius: 7px;    font-size: 21px;    transition: 0.3s all;}
.showmore-doc.cases a:hover {background: linear-gradient(273.63deg, #4A43E0 0%, #4A43E0 100%);}
.showmore-doc-mobile.showmore-doc.cases a {padding: 20px 48px; max-width: 300px; font-size: 18px;}

.showmore-doc a {
    text-decoration: none;
    color: #1E1D30;
    display: flex;
    align-items: center;
}

.faq {background: #fff;}
.faq-block{
    max-width: 100%;
    width: 750px;
    margin: auto;
    border-radius: 5px;
    background-color: #fff;
}

.faq-item{
    display: block;
    border-bottom: 1px solid #E5ECF8;
    position: relative;
}

.faq-item b{
    position: relative;
    display: block;
    padding: 18px 50px 18px 20px;
    font-weight: 600;
    cursor: pointer;
    transition: ease .2s all;
    font-size: 16px;
}

.faq-item b:hover,
.faq-item b:active,
.faq-item.active b,
.faq-item.active::after,
.faq-item:hover::after,
.faq-item:active::after {
    color: #4A43E0;
    transition: ease .2s all;
}


.faq-item b {display: block; position: relative;}
.faq-item b::after{
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 20px;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    transition: ease .2s all;
    background: #4A469B;
}
.faq-item b::before{
    content: "";
    display: block;
    position: absolute;
    width: 2px;
    height: 20px;
    right: 15px;
    top: 50%;
    margin-top: -10px;
    transition: ease .2s all;
    background: #4A469B;
    transform: rotate(90deg)
}
.faq-item b.active::after{
    transform: rotate(90deg);
    transition: ease .2s all;
}

.faq-item div{
    display: none;
    overflow: hidden;
    margin-bottom: 0;
    padding: 0 30px 60px 30px;
    line-height: 1.5;
    color: #333;
}

.faq-item div p {color: #333;}
.faq-item li {margin-bottom: 15px;}



.reviews {background: #fff; position: relative;}
.reviews:before {  content: '';  position: absolute;  top: 0; left: 0; right: 0;  height:40%;  background:#E5ECF8;  transform: skew(0deg, -2deg); z-index: 1;}
.reviews:after {  content: '';  position: absolute;  bottom: 0; left: 0; right: 0;  height:70%;  background:#E5ECF8;  z-index: 1;}
.reviews .wrapper {position: relative; z-index: 2;}



.reviews .item {max-width: 490px; width: 30%; margin-right: 30px; position: relative; padding: 70px 30px 40px 30px; margin-bottom: 120px;}
.reviews .item:before {transition: 0.3s all; content: '';  position: absolute;  top: 0; left: 0; right: 0;  height:70%;  background:#fff;  z-index: 1; border-radius: 7px;}
.reviews .item:after {transition: 0.3s all; content: '';  position: absolute;  bottom: 0; left: 0; right: 0;  height:40%;  background:#fff;  transform: skew(0deg, -6deg); z-index: 1; border-radius: 7px;}
.reviews .inner {position: relative; z-index: 2;}
.reviews .inner:before { content: '';  position: absolute; top:-110px; width: 80px; height: 80px; background: url(../img/quote.svg) center center no-repeat; left: 50%; margin-left: -40px; box-shadow: 0px 15px 30px rgba(59, 53, 186, 0.3); border-radius: 50%;}
.reviews .content {display: flex; flex-wrap: wrap;}
.rev-gallery.mobile {display: none;}
.reviews .rev-gallery.mobile .content {flex-wrap: nowrap;}
.reviews .item:nth-child(3n) {margin-right: 0;}
.reviews .quote {font-style: italic; color: #1E1D30; text-align: center; font-size: 18px;}
.reviews .quote .debt {font-style: normal; margin-top: 30px; font-weight: bold;}
.reviews .quote .img {display: flex; align-items: center; justify-content: center;}
.reviews .quote .img a{margin-top: 20px; margin-left: 10px; margin-right: 10px;}
.reviews .quote .img a:first-child {margin-left: 0;}
.reviews .quote .img a:last-child {margin-right: 0;}
.reviews .quote .img a {transition: 0.3s all; display: inline-block; border: 1px solid #8A8996; border-radius: 7px; position: relative;}
.reviews .quote .img a:after {transition: 0.3s all; opacity: 0; content: ''; display: block; position: absolute; left:0; right: 0; top: 0; bottom: 0; background: linear-gradient(281.53deg, #8C28DA 0%, #3B35BA 100%); z-index: 2; border-radius: 7px;}
.reviews .quote .img a:before {transition: 0.3s all; opacity: 0; content: '+'; display: block; position: absolute; left:0; right: 0; top: 50%; bottom: 0; color: #fff; font-size: 24px; line-height: 0; z-index: 3; font-style: normal;}
.reviews .quote .img img {border-radius: 7px; position: relative; z-index: 1;}
.reviews .quote .img a:hover:after {opacity: 0.7;}
.reviews .quote .img a:hover:before {opacity: 1;}


.more-reviews .title h2 {color: #1E1D30;}
.more-reviews .content {display: flex; justify-content: space-between; max-width: 970px; margin: 0 auto;}
.more-reviews .item {text-align: center;}
.more-reviews img {margin-bottom: 30px;}
.more-reviews .item div {width: 64px; height: 64px; border-radius: 50%; line-height: 64px; display: flex; align-items: center; justify-content: center; margin: 0 auto;}
.more-reviews svg {transition: 0.3s all;}
.more-reviews a:hover svg {margin-left: 8px;}

.more-reviews .ya div {background: #ffe6e6;}

.more-reviews .google div {background: #e9f1fd;}
.more-reviews .google div svg path {fill: #1A73E8;}

.more-reviews .gis div {background: #f6faea;}
.more-reviews .gis div svg path {fill: #A3C626;}


/* .start {padding-top: 0;} */
.start .content {display: flex; align-items: center;}
.start .left {width: 60%; max-width: 620px;}
.start .right {max-width: 40%}
.start .left .title {margin-bottom: 60px;}
.start .left .title h2 {text-align: left;}
.start .right {margin-left: 160px;}

.start .form {max-width: 750px;}
.start .inputs {display: flex;}
.start .input {width: 50%;}
.start .input input {width: 100%;}
.start .input:first-child {margin-right: 30px;}

.start div.btn {margin-top: 40px;}
.start .agree {font-size: 11px; margin-top: 20px;}

.map-block {display: flex;}
.map-block #map, .map-block .contacts-block {width: 50%; max-width: 50%;}
.map {padding: 0; position: relative;}
#map {position:relative;}

.contacts-block {padding: 60px; position: relative;}
.contacts-block .bg {position: absolute; z-index: 1; left:0; right:0; top:0; bottom:0; border-radius: 7px; background: #fff; opacity: 0.9;}
.contacts-block .inner {position:relative; z-index: 2;}

.contacts-block h2 {color: #3B35BA; margin-bottom: 30px;}
.contacts-block .icons {display: flex; align-items: center;}
.contacts-block .icons .item {display: flex; align-items: center; max-width: 280px;}
.contacts-block .item:first-child {margin-right: 45px;}
.contacts-block .item img {margin-right: 20px;}
.contacts-block .info {margin-top: 40px; display: flex; justify-content: flex-start; align-items: flex-start;}
.contacts-block .info:nth-child(2n) {margin-top: 0;}
.contacts-block .left, .contacts-block .right {max-width: 250px;}
.contacts-block .left {margin-right: 100px;}
.contacts-block h3 {font-size: 18px; line-height: 24px; margin-bottom: 20px;}

.contacts-block .flex {display: flex; justify-content: flex-start; flex-direction: column;}
.contacts-block a {color: #1E1D30; text-decoration: none;}
.contacts-block .info .left .item {display: flex; align-items: center; margin-bottom: 20px;}
.contacts-block .info .right .item a{display: flex; align-items: center; margin-bottom: 20px;}
.contacts-block .info .item img {margin-right: 10px;}
.contacts-block .info .right .flex .item:last-child {margin-bottom: 0;}


.contacts-block .soc {margin-top: 40px; max-width: 300px; font-weight: bold;}
.contacts-block .imgs {display: flex; justify-content: flex-start;}
.contacts-block .imgs a {margin-top: 20px; margin-right: 10px; display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; border-radius: 50%;}
.contacts-block .imgs a:last-child {margin-right: 0;}
.contacts-block .imgs a.vk {background: #e3eef7;}
.contacts-block .imgs a.fb {background: #e1edf7;}
.contacts-block .imgs a.ig {background: #f4e5ec;}


.footer {padding: 40px 0; background: #3B35BA; color: #fff;}
.footer .wrapper {display: flex; justify-content: space-between; align-items: center;}
.footer a {color: #fff;}

.footer .logo {display: flex; align-items: flex-end; font-size: 14px; color: #fff;}
.footer .logo img {margin-right: 30px;}
.footer .logo .descript {width: 100px;}

.footer .contacts {display: flex; align-items: center;}
.footer .contacts .phone {margin-right: 40px; display: flex; align-items: center; color: #fff;}
.footer .contacts .phone a {text-decoration: none; color: #fff;}
.footer .contacts img {margin-right: 10px;}

.footer .contacts .btn {color: #fff; border: 1.5px solid #fff; padding: 12px 20px; background: none; border-radius: 7px;}

.footer .copy {text-align: right;}

.form {max-width: 400px; width: 100%; margin: 0 auto;}
.form.inwin form {max-width: 320px; width: 100%; margin: 0 auto;}
.form.inwin {padding: 40px;}

.form.inwin button.btn {padding: 20px 20px; width: 100%; justify-content: center;}
.form h2 {font-size: 24px;    line-height: 32px;    margin-bottom: 20px; color: #3B35BA; text-align: center;}
.form p {text-align: center; margin-bottom: 30px;}

.form form {text-align: center;}
.form form input {padding-top: 15px; margin-bottom: 20px; width: 100%; max-width: 300px; transition: 0.3s all;}
.form .inputs {margin-bottom: 20px;}
.form .agree {font-size: 11px; margin-top: 15px;}
.form form input.error {border-color: red;}
label.error {color: red;    font-size: 12px;    display: block;    text-align: left;    max-width: 300px;    width: 100%;    margin: 0 auto;}
.form.success .inner {display: none;}

.fancybox-slide button[type=submit] {display: flex; align-items: center; margin: 0 auto;}
.loading {margin-left: 20px; width: 20px; height: 20px; background: url(../img/loading.svg); content: ''; display: block; background-size: 20px;}

.success-checkmark {
    width: 80px;
    height: 115px;
    margin: 0 auto;
}

.check-icon {
    width: 80px;
    height: 80px;
    position: relative;
    border-radius: 50%;
    box-sizing: content-box;
    border: 4px solid #4CAF50;
    margin: 0 auto 40px auto;
}

.check-icon::before {
    top: 3px;
    left: -2px;
    width: 30px;
    transform-origin: 100% 50%;
    border-radius: 100px 0 0 100px;
}

.check-icon::after {
    top: 0;
    left: 30px;
    width: 60px;
    transform-origin: 0 50%;
    border-radius: 0 100px 100px 0;
    animation: rotate-circle 4.25s ease-in;
}

.check-icon::before, .check-icon::after {
    content: '';
    height: 100px;
    position: absolute;
    background: #FFFFFF;
    transform: rotate(-45deg);
}

.icon-line {
    height: 5px;
    background-color: #4CAF50;
    display: block;
    border-radius: 2px;
    position: absolute;
    z-index: 10;
}

.icon-line.line-tip {
    top: 46px;
    left: 14px;
    width: 25px;
    transform: rotate(45deg);
    animation: icon-line-tip 0.75s;
}

.icon-line.line-long {
    top: 38px;
    right: 8px;
    width: 47px;
    transform: rotate(-45deg);
    animation: icon-line-long 0.75s;
}

.icon-circle {
    top: -4px;
    left: -4px;
    z-index: 10;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    position: absolute;
    box-sizing: content-box;
    border: 4px solid rgba(76, 175, 80, .5);
}

.icon-fix {
    top: 8px;
    width: 5px;
    left: 26px;
    z-index: 1;
    height: 85px;
    position: absolute;
    transform: rotate(-45deg);
    background-color: #FFFFFF;
}

@keyframes rotate-circle {
    0% {
        transform: rotate(-45deg);
    }
    5% {
        transform: rotate(-45deg);
    }
    12% {
        transform: rotate(-405deg);
    }
    100% {
        transform: rotate(-405deg);
    }
}

@keyframes icon-line-tip {
    0% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    54% {
        width: 0;
        left: 1px;
        top: 19px;
    }
    70% {
        width: 50px;
        left: -8px;
        top: 37px;
    }
    84% {
        width: 17px;
        left: 21px;
        top: 48px;
    }
    100% {
        width: 25px;
        left: 14px;
        top: 45px;
    }
}

@keyframes icon-line-long {
    0% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    65% {
        width: 0;
        right: 46px;
        top: 54px;
    }
    84% {
        width: 55px;
        right: 0px;
        top: 35px;
    }
    100% {
        width: 47px;
        right: 8px;
        top: 38px;
    }
}


/* Inputs */
input {border: none; border-bottom: 2px solid #3B35BA; padding-bottom: 10px; padding-left: 0; padding-right: 30px;}
input[type=text] {background: url(../img/user.svg) no-repeat bottom 10px right 10px;}
input[type=tel] {background: url(../img/phone.svg) no-repeat bottom 10px right 10px;}


.sub {padding-left: 20px; color: #555560; font-size: 18px;}