/*--------general---------*/
body, h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5  {
    /*font-family: 'Inter', sans-serif !important;*/
    font-weight: 400;
}
body {
    /*background: #F3F3F3 !important;*/
    line-height: 140%;}
body.lock{overflow: hidden}
b, strong {font-weight: 600;}
button{outline: none;border: unset;}
.font-weight-bold {font-weight: 600!important;}
.d-grid{
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    grid-gap: 24px;
}
.column-1{grid-column: span 1;}
.column-2{grid-column: span 2;}
.column-3{grid-column: span 3;}
.column-4{grid-column: span 4;}
.column-5{grid-column: span 5;}
.column-6{grid-column: span 6;}
.column-7{grid-column: span 7;}
.column-8{grid-column: span 8;}
.column-9{grid-column: span 9;}
.column-10{grid-column: span 10;}
.column-11{grid-column: span 11;}
.column-12{grid-column: span 12;}
.c-purple{color:#9931CC}
.btn-white {
    font-weight: 600;
    border: 1px solid rgba(0, 0, 0, 0.4);
    padding: 14px 35px;
    border-radius: 54px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all 0.6s ease;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    color: #000;
}
.btn-white::before {
    background: #9931CC;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    transition: all 0.6s ease;
    display: block;
    height: 102%;
    width: 0;
    z-index: -1;
}
.btn-white svg{stroke: #000}
.btn-white:hover::before {width: 102%;}
.btn-white:hover{color: #fff;}
.btn-white:hover svg{stroke: #fff}
.purple-btn {
    max-width: 320px;
    padding: 14px 15px;
    background: var(--color-1);
    color: #fff;
    display: block;
    border-radius: 54px;
    width: 100%;
    border: unset;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    text-align: center;
    cursor: pointer;
}
.purple-btn:hover {background:var(--color-2);color: #fff !important;}
.btn-purple{
    padding: 12px 5px;
    width: 210px;
    color: #fff !important;
    background: #9931CC;
    border-radius: 54px;
    position: relative;
    line-height: 20px;
    z-index: 1;
    display: flex;
    height: fit-content;
    cursor: pointer;
    justify-content: center;
}
.btn-purple:after {
    content: '';
    display: block;
    width: 76px;
    height: 37px;
    background: rgb(153, 49, 204);
    position: absolute;
    left: 50%;
    bottom: 19px;
    transform: translate(-50%,50%);
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 0 29px 17px rgb(153 49 204);
    opacity: 0.7;
}
.btn-purple img {
    width: 24px !important;
    display: block;
    margin-right: 10px;
}
.black-btn, .white-btn {
    background: #1D1D20;
    border-radius: 54px;
    height: 57px;
    display: inline-flex;
    padding: 0 9%;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
}
.black-btn {color: #fff;}
.white-btn {background: #fff;color: var(--color-1) !important;}
.doptext-img {display: flex; width: 380px;}
.doptext-img>div{padding: 15px 5px 15px 15px;line-height: 120%;background: #fff;align-self: stretch;display: flex;flex-direction: column;justify-content: center}
.doptext-img img{align-self: stretch;flex-shrink: 0;}
.text-purple{color: var(--color-1);}
.t-purple-line{
    font-weight: bold;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.t-purple-line:after{
    content: "";
    display: block;
    background: var(--color-1);
    width: 100%;
    height: 73%;
    left: 0;
    top: 0;
    transform: translate(0,63%);
    position: absolute;
    z-index: -1;
}
mark {
    background-color: var(--color-1);
    color: #fff;
    font-weight: bold;
}
img{max-width: 100%;}
.ol-purple {list-style: none;counter-increment: ol-purple;padding-left: 0; counter-reset: ol-purple -1;}
.ol-purple li{margin-bottom: 10px}
.ol-purple li:before {
    counter-increment: ol-purple;
    content: counter(ol-purple)".";
    color: var(--color-1);
    font-weight: bold;
    margin-right: 10px;
    font-size: 1.4rem;
}
.c-var(--color-2) {color: #40B3E0 !important;}
.t-black {color: #000 !important;}
/*------------header----------------*/
.header{
    /*position: sticky;*/
    /*width: 100%;*/
    padding: 10px 0;
    /*top: 0;*/
    /*left: 0;*/
    z-index: 1000;
    background: #1D1D20;
    position: relative;
}
.header.fix {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 100;
    transition: transform linear .3s;
}
.header__logo{max-width: 183px;}
.header__logo img{width: 100%;}
.header__menu-btn .btn-purple,.menu-burger{display: none;}
@media screen and (min-width: 1200px) {
    .header__menu-btn .container {max-width: unset !important;width: unset !important;padding: 0 !important; margin:0 !important; }
}
#main-menu {
    display: flex;
    align-items: center;
    list-style: none;
    padding-left: 0;
}
#main-menu li{
    padding: 15px;
    position: relative;
}
#main-menu li a{color: #fff;}
#main-menu .sub-menu{
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(0, 100%);
    list-style: none;
    padding: 0;
    background-color: #1D1D20;
    width: fit-content;
    min-width: 250px;
    z-index: 10;
}
#main-menu .sub-menu li{margin-bottom: 15px; padding: 0 15px;}
#main-menu .sub-menu>li>.sub-menu {
    left: unset;
    right: 0;
    transform: translate(100%, 0);
    top: 0;
    bottom: unset;
}
@media screen and (min-width: 1201px) {
    #main-menu li:hover>.sub-menu{display: block;}
    #main-menu a:hover{color: #9931CC;}
}
#main-menu .menu-item-has-children>a:after{
    content: '';
    display: inline-block;
    margin-left: 10px;
    width: 10px;
    height: 6px;
    -webkit-mask: url(/wp-content/themes/i-complex/res/img/arr-menu.svg) no-repeat center/cover;
    vertical-align: middle;
    background-color: #fff;
}
#main-menu>.menu-item-has-children:hover:after{background-color: #9931CC;}
.location {cursor: pointer;position: relative;}
.location:hover>div {color: #fff !important;}
.location a {
    padding: 5px 10px;
    background: #1D1D20;
    color: #fff;
    position: absolute;
    bottom: 0;
    transform: translateY(102%);
}
.location a:hover{color:#9931CC}
@media screen and (min-width: 767px) {
    .location:hover a {display: block !important;}
}
/*main-block*/
.main-block{
    background-color: #1D1D20;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 180px;
    position: relative;
}
.main-block .purple-btn{padding: 20px 15px}
.main-block .purple-btn:after {
    content: '';
    display: block;
    width: 181px;
    height: 37px;
    background: var(--color-1);
    position: absolute;
    left: 50%;
    bottom: 19px;
    transform: translate(-50%,50%);
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 0 48px 13px var(--color-1);
    opacity: 0.7;
    transition: all 0.3s ease;
}
.main-block ul{padding-left: 20px}
.main-block .purple-btn:hover:after{
    background: var(--color-2);
    box-shadow: 0 0 48px 13px var(--color-2);
}
.main-block__img{position: unset;}
.main-block__img img, .main-block-slider__wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 97%;
}
.main-block-slider__wrap{max-width:unset;width: 800px;padding: 0;flex-direction: column;display: flex;justify-content: flex-end;}
.main-block-slider .owl-item:not(.active){opacity: 0;}
.main-block ol {
    font-size: 20px;
    list-style: none;
    counter-reset: li;
    padding-left: 0;
    margin-top: 35px;
}
.main-block ol li {margin-bottom: 28px;position: relative;padding-left: 50px}
.main-block ol li:before {
    counter-increment: li;
    content: counter(li)'.';
    color: var(--color-1);
    font-size: 37px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}
.main-block ul li {margin-bottom: 15px;}
.main-block ul li:hover a {color:var(--color-1)}
.main-block ul a {color: #fff;cursor: pointer;}
.main-block__subtitle{display: flex; align-items: end;}
.main-block__subtitle span{margin: 0 0 0 5%; width: 72%;font-weight: 300;
    display: block;
    font-size: 24px;
    line-height: 28px;}
.main-block__btn-down{
    width: 43px !important;
    animation: eye 1.5s ease-in-out infinite;
    cursor: pointer;
    margin-right: 20px;
}
.main-block .col-lg-7{
    position: relative;
    z-index: 1;
}
@keyframes eye {
    0% { transform: translate(0,-15%); }
    50% { transform: translate(0,15%) }
    50% { transform: translate(0,15%) }
    100% { transform: translate(0,-15%) }
}
.darkness {
    position: absolute;
    left: -50%;
    top: -50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 47px 23px rgb(153 49 204);
    background: rgb(153, 49, 204);
}
/*faq-slider*/
.faq-slider-owl{margin-top: 35px;}
.faq-slider__subtitle,.faq-slider__descript{opacity: 0.6}
.faq-slider .container{position: relative;}
.faq-slider .container:before{
    content: '';
    display: block;
    width: 300px;
    height: 300px;
    background: var(--color-1);
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translate(50%,8%);
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 0 147px 230px var(--color-1);
    opacity: 0.4;
}
.faq__item>div {
    padding: 30px;
    background: #fff;
    margin-bottom: 35px;
    border-radius: 20px;
}
.faq__question{color: var(--color-1);position: relative;}
.faq__item .purple-btn{padding: 10px 15px;margin-top: 20px;}
.faq__item .purple-btn:after{opacity: 0;transition: 0.3s opacity ease}
.faq__item .purple-btn:hover:after{opacity: 1}
.faq__answer{
    font-size: 1.2rem;
    line-height: 150%;
}
.faq-slider__img{
    height: 90%;
    right: 0;
    bottom: 0;
    position: absolute;
}
.faq__question:after {
    content: "";
    border: 13px solid transparent;
    border-left: 13px solid #fff;
    border-top: 13px solid #fff;
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    bottom: 1px;
    left: 10%;
    transform: translate(0,100%);
}
.faq-slider__name,.faq-slider__descript{text-align: right;max-width: 250px;margin-left: auto;padding-right: 15px;}
.faq-slider__name{font-weight: bold}
.faq-slider__descript{font-size: 0.8rem;line-height: 1rem}
/*project-slider*/
.project-similar .project {color: #000 !important;}
.project-similar .project:hover {color: var(--color-1)!important;;}
.project-slider,.slider-icon-text{overflow: hidden}
.project-slider__img{
    position: relative;
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: calc(100% * (396/589));
    margin-bottom: 20px;
}
.project-slider__img img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.project-slider__item a{color: #000}

.project-slider-owl .owl-stage-outer,
.slider-icon-text-owl .owl-stage-outer {overflow: visible !important;}

.project-slider-owl .owl-item:not(.active),
.slider-icon-text-owl .owl-item:not(.active) {opacity: 0.5}

.project-slider-owl .owl-item.active,
.slider-icon-text-owl .owl-item.active {opacity: 1}

.project-slider,.slider-icon-text{position: relative;}
.project-slider:after, .slider-icon-text:after {
    content: "";
    display: block;
    height: 100%;
    width: 90%;
    background: #fff;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    position: absolute;
    border-bottom: 1px solid #D7D7D7;
    z-index: -1;
}
.project-slider__title, .slider-icon-text__title{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap}
.project-slider__arrs{display: flex;align-items: center;margin-left: auto;}
.project-slider__arr, .slider-owl__arr,.articles-slider__arr{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid rgba(29, 29, 32,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.project-slider__arr:first-child, .slider-icon-text-owl__arr:first-child{margin-right: 35px;}
/*articles-slider*/
.articles-slider .container{position: relative;}
.articles-slider__arr, .articles-owl__arr {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid #7538A1;
    color: #7538A1;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.articles-slider__arr_prev{left: -60px;}
.articles-slider__arr_next{right: -60px;}
.articles-slider .purple-btn{max-width: 200px}
 /*.slider-icon-text*/
.slider-icon-text__title h2{max-width: 500px;}
.slider-icon-text:after{border-bottom: unset}
.slider-icon-text-owl__item{display: flex;width: 100%;}
.slider-icon-text-owl__item img{width: 86px !important;height: fit-content;}
.slider-icon-text .container{position: relative;}
.slider-icon-text .slider-owl__arr{position: absolute; top: 75%;z-index: 12;}
.slider-icon-text .slider-owl__arr_next, .etaps-slider .slider-owl__arr_next{right: 0;transform: translate(100%,-50%);}
.slider-icon-text .slider-owl__arr_prev, .etaps-slider .slider-owl__arr_prev{left: 0;transform: translate(-100%,-50%);}
/*img-text*/
.img-text .doptext-img {width: unset;}
/*img-text-bg*/
/*.img-text-bg{margin-top: 80px}*/
.img-text-over .container{position: relative;}
.img-text-over .col-lg-7{padding-bottom: 120px;padding-top: 80px;}
.img-text-over__img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80%;
}
.img-text-bg__img.right{right: 0;left:unset;}
.img-text-over .col-md-5{position: unset !important;}
.img-text-over p{font-weight: 300;font-size: 18px;}
.img-text-over .h6 {font-size: 1.15rem;}
/*steps*/
.steps__btns{counter-reset: btn-num;}
.steps__btn{position: relative;padding: 15px 15px 15px 65px;cursor: pointer;}
.steps__btn:before {
    counter-increment: btn-num;
    content: counter(btn-num);
    color: var(--color-1);
    margin-right: 30px;
    font-size: 2.5rem;
    line-height: 150%;
    position: absolute;
    top: 50%;
    left: 15px;
    transform: translate(0,-50%);
}
.steps__btn>span:first-child{font-weight: 600;margin-bottom: 0}
.steps__btn[aria-expanded="true"] {background: #fff;}
.steps__btn[aria-expanded="true"]>span:first-child {color:var(--color-1);}
.steps__btn>span:last-child{display: none;opacity: 0.6}
.steps__btn[aria-expanded="true"]>span:last-child {display: block}
.steps__img {
    position: relative;
    height: 0;
    overflow: hidden;
    width: 100%;
    padding-bottom: calc(100% * (420/645));
    margin-bottom: 30px;
}
.steps__img img{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.steps .doptext-img{width: 430px;}
/*feedbacks-slider*/
.feedbacks-slider{background: #1D1D20;color: #fff;}
.feedbacks-slider .container{position: relative;}
.feedbacks-slider .container:after{
    content:'';
    position: absolute;
    display: block;
    width: 120px;
    height: 93px;
    background: url("/wp-content/uploads/2022/07/quotes3.png") no-repeat center/contain;
    right: 0;
    bottom: 20px;
}
.feedbacks-slider__item .popup img{width: unset !important;}
.feedbacks-slider__item{padding-bottom: 100px}
.feedbacks-slider__logo{display: block;background: #fff;padding: 15px;width:100%;}
.feedbacks-slider__name{color: var(--color-1);font-size: 1.2rem;font-weight: 600}
.feedbacks-slider__position{font-size: 0.8rem}
#feedbacks-slider a[data-slide]{background: unset;box-shadow: unset;border: 1px solid #FFFFFF;color:#fff;opacity: 0.7;}
.feedbacks-slider__text{font-size: 1.2rem;line-height: 120%;}
/*compare-block*/
.compare-block .purple-btn:after{display: none}
.compare__positive{margin-bottom: 20px}
.compare__positive,.compare__negative{list-style: none;padding-left: 0;}
.compare__positive li,.compare__negative li{ position: relative;padding-left: 25px;margin-bottom: 10px;}
.compare__positive li:before {
    content: "";
    -webkit-mask: url(/wp-content/themes/i-complex/res/img/check2.svg) no-repeat center / contain;
    background: var(--color-1);
    display: block;
    position: absolute;
    left: 0;
    top: 5px;
    width: 14px;
    height: 14px;
}
.compare__negative li:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 12px;
    width: 12px;
    height: 2px;
    background: var(--color-1);
}
.compare__item>div{background: #fff;height: 100%;}
.compare__item {height: 100%;display: flex;flex-direction: column;}
/*quote*/
.quote__position{opacity: 0.7;line-height: 130%;font-size: 0.8rem}
.quote-block img{border-radius: 50%}
.quote__text{line-height: 150%}
.quote-block .container{position: relative;padding-bottom: 80px;}
.quote-block .container:after{
    content:'';
    position: absolute;
    display: block;
    width: 120px;
    height: 93px;
    background: url("/wp-content/uploads/2022/07/quotes3.png") no-repeat center/contain;
    right: 0;
    bottom: 40px;
}
.quote-block a{color: var(--color-1)}
/*fill-brif*/
.fill-brif__item{color: #000;background: #fff;}
.fill-brif__description{max-width: 820px;}
/*img-text-bg-over*/
.img-text-bg-over,.form-photo,.type-contact{overflow: hidden;}
.img-text-bg-over__img{
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(37%,0);
    height: 90%;
}
.img-text-bg-over__img.left{left: 15px;right: unset;transform: translate(-15%,0);}
.img-text-bg-over__doptext{
    padding: 15px 0 15px 30px;
    position: relative;
    z-index: 1;
    line-height: 130%;
}
.img-text-bg-over__doptext:after{
    content: "";
    display: block;
    height: 100%;
    width: 100px;
    background: var(--color-1);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}
/*etaps-slider*/
.etaps-slider__item{background: #fff;position: relative;margin-top: 20px}
.etaps-slider__item:after{
    content: "";
    display: block;
    width: 38px;
    height: 38px;
    background: url(/wp-content/themes/i-complex/res/img/chec-bg.svg) no-repeat center/contain;
    position: absolute;
    top: 0;
    left: 1.5rem;
    transform: translate(0,-40%);
}
.etaps-slider__num{
    width: 38px;
    height: 38px;
    position: absolute;
    top: 0;
    left: 1.5rem;
    transform: translate(0,-40%);
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    background: var(--color-1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.etaps-slider .slider-owl__arr{position: absolute; top: 54%;z-index: 12;flex-shrink: 0;}
.etaps-slider__item.no-check:after{display: none;}
/*faq*/
.faq .faq__item {
    display: flex;
    flex-direction: column;
}
.faq .faq__question{max-width: 850px; position: relative;cursor:pointer;display: flex;flex-direction: column;}
.faq .faq__item:nth-child(2n) .faq__question {margin-left: auto}
.faq .faq__item:nth-child(2n) .faq__answer {margin-right: auto}
.faq .faq__answer{margin-left: auto;max-width: 1000px;}
.faq .faq__question:after {right: 6%;left:unset}
.faq .faq__item:nth-child(2n) .faq__question:after {left: 6%;right: unset;}
.faq__short-answ{
    background: rgba(153, 49, 204, 0.1);
    border-radius: 5px;
    color: var(--color-1);
    padding: 4px 20px;
    display: inline-block;
    margin-bottom: 15px;
    font-weight: 600;
}
.faq .faq__answer{
    font-size: 1.2rem;
    line-height: 150%;
    transform: translate(0,-100%);
    opacity: 0;
    display: none;
    transition: 0.6s transform ease, 0.8s opacity ease;
}
.faq .faq__answer.show {
    transform: translate(0,0);
    opacity: 1;
}
.faq .container{position: relative;z-index: 1}
.faq .container:after{
    content: '';
    display: block;
    width: 300px;
    height: 300px;
    background: var(--color-1);
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(8%,119%);
    border-radius: 50%;
    z-index: -1;
    box-shadow: 0 0 147px 230px var(--color-1);
    opacity: 0.3;
}
.faq .faq__item:nth-child(2n) .faq__question i {margin-left: auto;}
.faq .faq__item .faq__question i {animation: eye 1.5s ease-in-out infinite;}
@keyframes eye {
    0% { transform: translate(0,-15%); }
    50% { transform: translate(0,15%) }
    50% { transform: translate(0,15%) }
    100% { transform: translate(0,-15%) }
}
/*faq-mini*/
#faq-mini div[aria-expanded='true'] {
    color: #7538a1;
}
#faq-mini div span {
    width: 28px !important;
    height: 28px !important;
    position: relative;
    flex-shrink: 0;
}
#faq-mini div span:after,
#faq-mini div span:before {
    content: '';
    display: block;
    background: #7538a1;
    position: absolute;
}
#faq-mini div span:after{
    width: 100%;
    height: 2px;
    top: 50%;
    left: 0;
    transform: translate(0,-50%);
}
#faq-mini div span:before{
    height: 100%;
    width: 2px;
    left: 50%;
    top: 0;
    transform: rotate(90deg) translate(-50%,0);
    opacity: 0;
    transition: all 0.3s ease;
}
#faq-mini div[aria-expanded='true'] span:before {
    transform:  rotate(0deg) translate(-50%,0);
    opacity: 1;
}
#faq-mini .btn-ink {display: none;}
#faq-mini>div {border-bottom: 1px solid rgba(29, 29, 32, 0.5);}
/*form-photo*/
.form-photo, .type-contact,.img-text-over,.text-col{overflow: hidden}
.form-photo .container, .type-contact .container,.img-text-over .container,.text-col .container{position: relative;z-index: 1;}
.form-photo .container:after, .type-contact .container:after,
.img-text-over .container:after,.text-col .container:after{
    content: "";
    display: block;
    position: absolute;
    width: 125%;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
    background: inherit;
    z-index: -1;
}
.form-photo form {position: relative;}
.form-photo .wpcf7 input{background: unset;border-bottom: 1px solid #1D1D20;font-size: 18px;color: #fff;border-radius: unset;}
.form-photo .wpcf7 input::placeholder{font-size: 18px;color: #fff;}
.form-photo .wpcf7 input:focus{outline: none}
.form-photo .wpcf7 .wpcf7-submit {
    background: #1D1D20;
    border-radius: 54px;
    border: unset;
}
.form-photo .agreement{text-align: center;color: #fff}
.form-photo a{color:#fff;text-decoration: underline}
.form-photo a:hover{text-decoration: unset}
.form-photo .col-md-4{align-self: self-end}
.form-photo .wpcf7-form-control-wrap{position: relative;}
.form-photo .wpcf7-not-valid-tip{
    position: absolute;
    left: 0;
    bottom: -37px;
    font-size: 12px;
}
.form-photo .wpcf7-not-valid{border-color: #f00;}
.form-photo .wpcf7-response-output {
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: -12px;
    font-size: 12px;
    transform: translate(-50%, 100%);
    line-height: 15px;
    text-align: center;
    width: 100%;
}
/*services*/
.services__items{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    grid-gap: 24px;
}
.services__item{
    grid-row: span 1;
    height: 420px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    color: #fff !important;
    opacity: 0;
    transform: translate(0,30%);
    display: block;
}
.services__item:not(.services__item_tile):first-child{background-size: contain}
.services__item.show{
    opacity: 1;
    transform: translate(0,0);
    transition: all 0.5s ease;
}
.services__item:not(.services__item_tile):first-child{
    grid-row: span 2;
    height: 100%;
}
.services__item>div{
    height: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    padding: 0 10% 5% 10%;
}
.services__title{
    font-weight: 400;
    font-size: 30px;
    line-height: 36px;
    margin-bottom: 10px;
}
.services__excerpt{
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
}
.services__item_tile>div {
    background:linear-gradient(0deg,#9304d9 0,rgba(153, 49, 204,0.9) 0,rgba(186, 83, 237,.6) 48.58px,rgba(186, 83, 237,0) 200.83px);
}
.services .shadow-hover:hover {
    box-shadow: 0 0.5rem 1.5rem rgba(153, 49, 204,0.3) !important;
}
/*row-url*/
.row-url-block .col .img {
    position: relative;overflow: hidden;
    width: 100%;
    height: 0;
    padding-bottom: calc(100% * (200/350));
}
.row-url-block .col img {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.row-url-block .col>div {
    display: flex;
    flex-direction: column;
}
.row-url-block .col .p-3{flex-grow: 3;border-radius: 10px;border: 1px solid transparent;}
.row-url-block .col:hover .p-3 {
    border: 1px solid  var(--color-2) !important;
    transition: all 0.5s ease-in;
}
.row-url-block .col > div, .row-url-block .col i, .row-url-block .img-hover {
    transition: all 0.7s 0s;
}
/*.row-url-block .col.hover:hover * {color: white !important;}*/
.row-url-block .col.hover:hover i {margin-left: 20px !important;}

/*people-grid*/
.people-grid .rounded-circle{width: 80%;margin: 0 auto;}
/*content*/
.content ul {list-style-type: disc !important;padding-left: 22px;}
.content ul li {padding-left: 0 !important;}
.content ul li:before{display: none;}
/*slider block*/
.slider-block__prev, .slider-block__next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    box-shadow:  0 0 13px rgba(0,0,0,0.4);;
    cursor: pointer;
    z-index: 10;
}
.slider-block__prev {left: -25px;}
.slider-block__next {right: -25px;}
/*blocks-icon*/
.blocks-icon .black-btn,.blocks-icon .btn-white{
    height: 50px;
    display: flex;
    width: 100%;
    max-width: 320px;
    justify-content: center;
}
/*---------------------portfolio page--------------------*/
.main-block__page{
    height: 350px;
    display: flex;
    align-items: flex-end;
    margin-bottom: 0;
    text-align: left;
    padding-bottom: 25px;
}
.main-block__page h1{margin-bottom: 0;}
.main-block__page .container {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.main-block__page a{color: #fff;}
.main-block__page .portfolio__types a:after,.main-block__page .portfolio__types div:after {background: #fff;}
.portfolio__wrap img {width: 100%;transition: all 0.3s ease}
.portfolio__wrap img:hover {transform: scale(1.03);}
.portfolio__link {
    display: flex;
    text-transform: uppercase;
    opacity: 0.5;
    align-items: center;
    flex-shrink: 0;
    margin-bottom: 20px;
}
.portfolio__link svg{margin-left: 15px; width: 18px;}
.main-block__page.portfolio .container{align-items: flex-end}
.portfolio__excerpt{
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
    text-align: left;
    margin-top: 15px;
    color: #000 !important;
}
.main-block__page .portfolio__excerpt{color: #fff !important}
.portfolio__child-types {justify-content: flex-end;}
.portfolio__child-types a, .portfolio__child-types div{font-size: 20px !important;}
/*portfolio*/
.portfolio { text-align: center;overflow: hidden;}
.portfolio__name{margin-bottom: 75px;text-align: left}
.portfolio__title{
    font-size: 28px;
    line-height: 34px;
    margin-bottom: 10px;
    color: #000 !important;
    display: flex;
}
.portfolio__title:hover {color: var(--color-2) !important;text-decoration: unset}
.portfolio__title .arr {margin-left: 5px;}
.portfolio__title .arr i {opacity: 0;transition: opacity 0.3s ease}
.portfolio__title:hover  .arr i {opacity: 1}
.portfolio__excerpt{
    font-weight: 300;
    font-size: 18px;
    line-height: 22px;
}
.portfolio .d-flex{border-bottom: 1px solid rgba(0, 0, 0, 0.2);padding-bottom: 35px; margin-bottom: 50px;justify-content: space-between;}
.portfolio .main__title{margin-bottom: 0;}
.portfolio__types{display: flex;align-items: center;justify-content: flex-end;}
.portfolio__types a, .portfolio__types div{
    display: inline-block;
    font-size: 24px;
    line-height: 29px;
    margin-right: 30px;
    position: relative;
    color: #000;
}
.main-block .portfolio__types a,.main-block .portfolio__types div {color: #fff;}
.portfolio__types a:after, .portfolio__types div:after{
    position: absolute;
    content: '';
    display: none;
    width: 100%;
    height: 2px;
    background: #000;
    left: 0;
    bottom: -7px;
}
.portfolio__types div:after{display: block}
.portfolio__types a:last-child,.portfolio__types div:last-child{margin-right: 0;}
.portfolio__types a:hover:after{display: block;}
.portfolio .row>div:first-child{
    opacity: 0;
    transform: translate(-50%,0);
}
.portfolio .row>div:last-child{
    opacity: 0;
    transform: translate(50%,0);
}
.portfolio .row.show>div{
    opacity: 1;
    transform: translate(0,0);
    transition: all 0.5s ease;
}
/*text-block*/
.text-portfolio-block__text, .text-portfolio-block__text * {
    max-width: 900px;
    font-weight: 300;
    font-size: 24px;
    line-height: 29px;
}
.text-portfolio-block__text p:last-child{margin-bottom: 0}
/*main-img*/
.main-img,.mobile-img{padding-top: 15px;padding-bottom: 25px;}
.main-img__wrap, .mobile-img .portfolio-single {
    padding: 95px 0;
}
.main-img__wrap{
    width: 87%;
    margin: 0 auto;
}
.main-img__wrap img{border-radius: 20px}
/*desc-img*/
.desc-img__name{
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    padding: 2px 0 2px 30px;
    border-left: 3px solid #000;
    margin-bottom: 25px;
}
.desc-img img{width: 100%;}
.desc-img .column-6>.shadow{margin-bottom: 70px}
.desc-img .col-6 img:last-child{margin-bottom: 0;}
.desc-img #image-modal .img.next {display: none}
.desc-img #image-modal .modal-lg {max-width: 1300px !important;width: 90% !important;margin: 0 auto;}
.content #image-modal .modal-lg {max-width: 1300px !important;width: 90% !important;margin: 0 auto;}
.content-inner img {cursor: pointer;}
.content .d-flex.arr>div:not(.personal-slider__num) {
    position: unset;
    border: 1px solid #7538A1;
    box-shadow: unset;
    color: #7538A1;
    background: unset;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
}
.content .d-flex.arr a:first-child{margin-right: 15px}
/*personal-slider*/
.personal-slider__num {
    margin: 0 20px;
    font-size: 1.25rem;
}
#personal-slider ul, .site-functional ul {padding-left: 0;}
#personal-slider ul li, .site-functional ul li {position: relative;padding-left: 30px !important;list-style: none;}
#personal-slider ul li:before, .site-functional ul li:before {
    content: '' !important;
    display: block !important;
    width: 21px !important;
    height: 10px !important;
    background: url(/wp-content/themes/i-complex/res/img/check-purple.svg) no-repeat center/contain;
    position: absolute !important;
    left: 0 !important;
    top: 7px !important;
    background-color: unset !important;
    border-radius: unset !important;
}
#personal-slider.owl-carousel .owl-stage-outer{overflow: unset !important;}
.content {overflow: hidden}
/*mobile-img*/
.mobile-img__item{
    width: 338px;
    overflow: hidden;
    border: 8px solid #FFFFFF;
    border-radius: 30px;
    position: relative;
    height: 540px;
    flex-shrink: 0;
}
.mobile-img__item>a>img{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
}
.desc-img__item{position: relative;}
.mobile-img__item a:after, .desc-img__item:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.4) url(/wp-content/uploads/2022/11/icons8-priblizit-30.png) no-repeat center;
}
.mobile-img__item a:hover:after, .desc-img__item:hover:after {display: block}
.portfolio__posts-link .d-flex{flex-wrap: wrap}
.portfolio__posts-link .btn-white{margin-bottom: 15px}
.portfolio__prev svg{margin-right: 15px; width: 8px;}
.portfolio__next svg{margin-left: 15px;width: 8px;}
.portfolio__next {margin-left: auto;}
/*desc-img*/
.desc-img__name{
    font-weight: 400;
    font-size: 24px;
    line-height: 29px;
    padding: 2px 0 2px 30px;
    border-left: 3px solid #000;
    margin-bottom: 25px;
}
.desc-img .col-6 img:last-child{margin-bottom: 0;}
/*main-img*/
.main-img,.mobile-img{padding-top: 15px;padding-bottom: 25px;}
.main-img__wrap, .mobile-img .portfolio-single {
    padding: 95px 0;
}
.main-img__wrap{
    width: 87%;
    margin: 0 auto;
}
.main-img__wrap img{border-radius: 20px}
/*link-page*/
.link-page .h3{width: 80%;z-index: 1;position: relative;}
.link-page__img{
    display: block;
    margin-left: auto;
    width: 60% !important;
    margin-top: -150px;
}
/*form-block*/
.form-block .agreement,.form-block .agreement a,
.form-block .form-photo .wpcf7 input:not(input[type=submit]),
.form-block .form-photo .wpcf7 input::placeholder
{color: #000}
.form-block .form-photo{overflow: unset}
/*table-block*/
.table table{width: 100%;border-bottom: 1px solid darkgrey;border-left: 1px solid darkgrey;min-width: 600px;background: #F3F3F3;}
.table table td{border-right: 1px solid darkgrey;vertical-align: middle;text-align: center;}
.table td, .table th {border-color: darkgrey}
.table table td:hover .table-link {display: inline;}
.table-link{display: none;color: var(--color-1);cursor: pointer;text-decoration: underline;}
/*accordion*/
.accordion .item .text {position: absolute;left: 0;bottom: 0;transform: translateY(100%);z-index: 100;width: 100%;}
.accordion .item:hover .text{display: block !important;}
.accordion .item .text ul{padding-left: 10px;}
/*accord-text*/
.accord-text-btn{color: #007bff;cursor: pointer;border-bottom: 1px dashed #007bff;display: inline-block}
.accord-text-btn:hover{border: unset}
/*switcher-points*/
.switcher__text {
    display: none;
    font-size: 1.15rem;
}
.switcher__text.active {
    display: block;
}
.switcher__point {
    padding: 20px 16px;
    border: 1px solid #DCDCDC;
    cursor: pointer;
    font-size: 1.1rem;
}
.switcher__point span {
    display: block;
    margin-bottom: 5px;
    color: #7538A1;
    font-size: 1.1rem;
}
.switcher__point.active {
    border-bottom: 4px solid #7538A1;
    background: linear-gradient(90deg, rgba(153, 49, 204, 0.09) 0%, rgba(153, 49, 204, 0) 100%);
}
.switcher__title {
    display: flex;
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 40px;
    line-height: 120%;
}
.switcher__title span {
    margin-right: 10px;
    color: #7538A1;
}
.switcher__text img {
    max-width: 72px;
    margin-bottom: 10px;
}
/*reviews-big*/
.reviews-big {
    overflow: hidden;
}
.reviews-big-logo {
    width: 170px !important;
    margin: 0 auto;
}
.reviews-big-logo.owl-carousel .owl-stage-outer{
    overflow: unset !important;
}
.reviews-big__logo {
    height: 90px;
    width: 170px;
    overflow: hidden;
    position: relative;
}
.reviews-big__logo img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-height: 100%;
    width: auto !important;
}
.reviews-big__content{
    position: relative;
    width: 80%;
    margin: 0 auto;
    padding-bottom: 30px;
}
.reviews-big__content>div {
    background-color: #fff;
    border: 1px solid #0000001A;
    border-radius: 10px;
    position: relative;
}
.reviews-big__content img {
    height: auto;
}
.reviews-big__content:before {
    content: "";
    display: block;
    border: 20px solid transparent;
    border-top: 20px solid #fff;
    position: absolute;
    bottom: 31px;
    left: 50%;
    transform:translate(-50%,100%);
    z-index: 1;
}
.reviews-big__content:after {
    content: "";
    display: block;
    border: 21px solid transparent;
    border-top: 21px solid #0000001A;
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translate(-50%,100%);
}
.reviews-big .no_logo .reviews-big__content:before,.reviews-big .no_logo .reviews-big__content:after{display: none}
.reviews-big-logo .owl-item{opacity: 0.5}
.reviews-big-logo .owl-item.active{opacity: 1}
.reviews-big .carousel-control-prev,.reviews-big .carousel-control-next {
    border: 1px solid #7538A1;
    box-shadow: unset;
    color: #7538A1;
    background: unset;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    position: unset;
    /*top: 57%;*/
    /*transform: translate(0, -50%);*/
}
.reviews-big .d-flex{width: 80%;margin: 0 auto;}
/*.reviews-big .no_logo .carousel-control-prev, .reviews-big .no_logo .carousel-control-next{top: 65%;}*/
/*animation-site*/
.animation__wrap {
    display: flex;
}
.anim-score {
    height: 140px;
    position: relative;
    overflow: hidden;
}
.animation_design .anim-score {
    background-color: #ED9DE8;
}
.animation_dev .anim-score {
    background-color: #383D4D;
}
.animation_market .anim-score {
    background-color: #7538A1;
}
.animation_exp .anim-score {
    background-color: #ACFF42;
}
.animation_soul .anim-score {
    background-color: #FEA722;
}
.animation_design {
    width: 20%;
}
.animation_dev  {
    width: 30%;
}
.animation_market {
    width: 30%;
}
.animation_exp {
    width: 20%;
}
.animation_soul{
    width: 10%;
}
.animation_dev img{
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translateY(100%);
    transition: all 0.7s ease-in-out;
    max-width: unset;
    width: 160%;
}
.animation_dev:hover img{transform: translateY(0);}
.animation_soul img{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-100%);
    transition: all 1s cubic-bezier(.14,.57,.5,.82);
    width: 50%;
    max-width: unset;
}
.animation_soul:hover img{transform: translate(-50%,0);}
.animation_design .design-img1{
    position: absolute;
    top: unset;
    left: 50%;
    transform: translate(-50%,100%);
    bottom: 0;
    transition: all 0.2s ease;
    width: 90%;
    height: 37%;
}
.animation_design .design-img2{
    position: absolute;
    bottom: 0;
    left: 0;
    transform: translate(-100%,-11px);
    transition: all 0.2s ease;
    width: 62%;
    height: 39%;
}
.animation_design .design-img3{
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(100%,-11px);
    transition: all 0.2s ease;
    height: 39%;
    width: 23%;
}
.animation_design:hover .design-img1{transform: translate(-50%,9px);bottom: 0;top: 0;}
.animation_design:hover .design-img2{transform: translate(8px,-11px);}
.animation_design:hover .design-img3{transform: translate(-8px,-11px);}
.animation_exp .exp-img1{
    position: absolute;
    right: 0;
    top: -36%;
    max-width: unset;
    transition: all 0.2s ease;
    width: 140%;
    transform: translate(-85%, 74%);
}
.animation_exp .exp-img2{
    position: absolute;
    right: 11%;
    top: 20%;
    max-width: unset;
    transition: all 0.3s ease;
    width: 140%;
    transform: translate(-62%, 46%);
}
.animation_exp .exp-img3{
    position: absolute;
    right: -19%;
    top: 27%;
    max-width: unset;
    transition: all 0.35s ease;
    width: 140%;
    transform: translate(-62%, 46%);
}
.animation_exp .exp-img4{
    position: absolute;
    right: 69%;
    top: 9%;
    max-width: unset;
    transition: all 0.4s ease;
    width: 140%;
    transform: translate(-85%, 74%);
}
.animation_exp:hover .exp-img1,.animation_exp:hover .exp-img2,
.animation_exp:hover .exp-img3,.animation_exp:hover .exp-img4{transform: translate(0, 0);}
.animation_market img {transform: translate(0,-700%);
    transition: all 0.4s ease;}
.market-img1 {
    position: absolute;
    bottom: 4%;
    left: 2.5%;
    width: 41%;
    max-width: unset;
}
.market-img2 {
    position: absolute;
    bottom: 4%;
    left: 67%;
    width: 22%;
    max-width: unset;
}
.market-img3 {
    position: absolute;
    bottom: 0;
    left: 35%;
    width: 30%;
    max-width: unset;
}
.market-img4 {
    position: absolute;
    bottom: 17%;
    right: 0;
    width: 21%;
    max-width: unset;
}
.market-img5 {
    position: absolute;
    bottom: 30%;
    left: 56%;
    width: 24%;
    max-width: unset;
}
.market-img6 {
    position: absolute;
    bottom: 30%;
    left: 0;
    width: 30%;
    max-width: unset;
}
.market-img7 {
    position: absolute;
    bottom: 45%;
    left: 43%;
    width: 23%;
    max-width: unset;
}
.animation_market:hover img {transform: translate(0,0)}
.anim-name{
    padding: 20px;
    margin: 5px 0;
    font-size: 24px;
    height: 100px;
    display: flex;
    align-items: center;
}
.anim-name.text{border-left: 1px solid #000;}
/*site-functional*/
.site-functional ul li{font-size: 1.4rem;margin-bottom: 20px;}
.site-functional ul {column-count: 2;}
@media screen and (max-width: 600px) {
.site-functional ul li{font-size: 1.2rem;margin-bottom: 15px;}
.site-functional ul {column-count: unset;}
}
/*------------footer-------------------*/
.footer{
    color: #fff;
    background: #1D1D20;
    font-weight: 400;
    font-size: 14px;
    line-height: 17px;
}
.footer>div:nth-child(2) {
    padding: 35px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.footer>div:nth-child(2) .d-flex{justify-content: space-between;text-transform: uppercase;}
.footer a{color:#fff !important;}
.footer a:hover{text-decoration: underline}
.footer>div:first-child{position: relative;z-index: 1;}
.footer>div:first-child:after{
    content: '';
    display: block;
    width: 100px;
    height: 100px;
    background: var(--color-1);
    position: absolute;
    left: 20px;
    top: 164px;
    border-radius: 50%;
    box-shadow: 0 0 148px 164px var(--color-1);
    opacity: 0.3;
    z-index: -1;
}
.footer>div:first-child>.d-flex {
    padding-top: 90px;
    padding-bottom: 130px;
}
.footer #menu-footer li, .footer #menu-footer2 li{
    display: block;
    background-color: unset;
    margin: 0 0 20px 0;
    width: auto;
    text-align: left;
    border-left: unset !important;
    padding: 0;
}
.footer #menu-footer li:hover, .footer #menu-footer2 li:hover {
    background: unset;
}
.footer li a {
    padding: 0 !important;
    font-size: 1.2rem !important;
    line-height: 130%;
}
.footer a[href^="mailto:"] {color: var(--color-1) !important;text-decoration: underline}
.footer a[href^="mailto:"]:hover {text-decoration: unset}
.footer a[href^="tel:"] i{transform: scale(-1,1)}
/*about-icomplex*/
.about-icomplex__year span{
    position: absolute;
    color: #fff;
    font-size: 32px;
    top: 6px;
    left: 25px;
    font-family: 'Montserrat';
}
/*---------------------tariff block---------------*/
.tariff .h5.pb-4{border-bottom:1px solid rgba(196, 196, 196, 0.2);font-size: 1.5rem;
    font-weight: bold;}
.tariff .row>div{padding:0 !important;border-right:1px solid #1D1D20;border-left:1px solid #1D1D20;margin-bottom: 0 !important;border-bottom:1px solid #1D1D20;}
.tariff .bg-white {
    height: 100%;
    display: flex;
    flex-direction: column;
}
.tariff {overflow:hidden;}
.tariff .row{position:relative;}
.tariff .row:after {
    content: '';
    display: block;
    width: 75px;
    height: 75px;
    background: var(--color-1);
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 50%;
    box-shadow: 0 0 131px 166px var(--color-1);
    opacity: 0.4;
    z-index: -1;
}
.tariff ul{padding-left: 0;}
.tariff ul li{list-style:none;padding-left: 30px;position:relative;margin-bottom:10px;}
.tariff ul li:before{
    content: '';
    display: block;
    width: 21px;
    height: 10px;
    background: url(/wp-content/uploads/2023/02/vector-156.png) no-repeat center/contain;
    position: absolute;
    left: 0;
    top: 7px;
}
@media screen and (max-width: 986px) {
    .tariff .row .purple-btn{margin-right:auto;margin-left:auto;}
}
@media screen and (max-width: 600px) {
    .tariff .row>div {
        padding: 0 15px !important;
        border-right: unset;
        border-left: unset;
    }
}
/*---------------------develop-price block--------------------*/
@media screen and (max-width: 986px) {.develop-price .row .d-none{display: none !important}}
/*=================media===================*/
@media screen and (max-width: 1600px) {
    .project-slider:after, .slider-icon-text:after{width: 95%;}
    .img-text-over .row>div:first-child,.main-block .row>div:first-child{position: relative;z-index: 1}
    .main-block__img img, .main-block-slider__wrap>.main-block-slider {opacity: 0.3}
    .portfolio .d-flex {padding-bottom: 20px;}
}
@media screen and (max-width: 1400px) {
    .link-page__img {margin-top: -175px;}
}
@media screen and (max-width: 1250px){
    .portfolio .d-flex { margin-bottom: 15px; }
    .portfolio__types a, .portfolio__types div {font-size: 20px;line-height: 26px;}
    /*services*/
    .services__item {height: 300px;}
    .services__item>div{padding: 0 6% 5% 6%;}
    .services__title {font-size: 26px; line-height: 32px; }
    .services__excerpt {font-size: 16px; line-height: 20px;}

    .link-page .h3 {width: 100%; }
}
@media screen and (max-width: 1200px) {
    /*-----header--------*/
    .header .d-flex>.btn-purple{display: none}
    .header__menu-btn{
        /*position: fixed;*/
        left: 0;
        width: 100%;
        /*top: 114px;*/
        /*height: calc(100vh - 114px);*/
        background: #1D1D20;
        z-index: 1000;
        padding: 20px;
        transform: translate(-200%,0);
        transition: all 0.5s ease;
        /*overflow-y: scroll;*/
        height: 100vh;
        height: calc((var(--vh, 1vh) * 100) - (var(--heightHeader) * 100) + 1px);
        top: calc((var(--heightHeader) * 100) - 1px);
        position: absolute !important;
        overflow: auto;
    }

    .header__menu-btn::-webkit-scrollbar{display: none}
    .header__menu-btn{scrollbar-width: thin;}
    .header__menu-btn .btn-purple{display: inline-flex}
    .header__menu-btn .btn-purple:after{display: none}
    .header__menu-btn.show-menu{transform: translate(0,0);}
    #main-menu{display: block;}
    #main-menu li a{
        font-weight: 400;
        font-size: 22px;
        line-height: 27px;
    }
    #main-menu li{padding-left: 0}
    #main-menu .sub-menu{
        position: unset;
        background: none;
        transform: unset;
        padding-top: 15px;
    }
    #main-menu .sub-menu>li>.sub-menu {
        right: unset;
        transform: unset;
        top: unset;
        position: unset;
    }
    #main-menu .sub-menu a{
        font-weight: 400;
        font-size: 19px;
        line-height: 23px;
        color: rgba(255, 255, 255, 0.7);
    }
    #main-menu .sub-menu li {
        margin-bottom: 0;
        padding: 10px 15px;
    }
    .header__menu { margin-bottom: 50px;}
    .menu-burger {
        width: 50px;
        height: 50px;
        border-radius: 50%;
        background: #9931CC;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        flex-shrink: 0;
    }
    .menu-burger__ico {
        width: 19px;
        height: 12px;
        position: relative;
        cursor: pointer;
    }
    .menu-burger__ico span {
        width: 100%;
        height: 2px;
        background: #fff;
        display: block;
        position: absolute;
        top: 5px;
        transition: .3s;
    }
    .menu-burger__ico::after, .menu-burger__ico::before {
        width: 100%;
        height: 2px;
        background: #fff;
        display: block;
        content: "";
        position: absolute;
        transition: .3s;
    }
    .menu-burger__ico::before {top: 0;}
    .menu-burger__ico::after {bottom: 0;}
    .menu-burger.show-menu .menu-burger__ico span { transform: scale(0);}
    .menu-burger.show-menu .menu-burger__ico::before {
        transform: rotate(45deg);
        top: 5px;
    }
    .menu-burger.show-menu .menu-burger__ico::after {
        transform: rotate(-45deg);
        bottom: 5px;
    }
    /*-----header--------*/
    .main-block {padding-bottom: 70px;}
    .etaps-slider .slider-owl__arr{
        position: unset;
        left: unset;
        right: unset;
        top: unset;
        transform: unset;
    }
    .etaps-slider h2{margin-right: 30px;}
    .etaps-slider .slider-owl__arr_prev{margin-right: 15px;margin-left: auto;}
    .faq-slider__name, .faq-slider__descript{text-align: left}
    .mobile-img .d-flex {overflow: scroll;}
    .mobile-img .d-flex::-webkit-scrollbar{display: none}
    .mobile-img .d-flex{scrollbar-width: thin;}
    .mobile-img__item{margin-bottom: 30px;margin-right: 20px;height: 385px;width: 240px;}
    .mobile-img__item:last-child{margin-right: 0}

    .switcher__point{
        font-size: 1rem;
        padding: 15px 10px;
    }
    .switcher__point span{
        font-size: 1rem;
    }
}
@media screen and (max-width: 986px) {
    .display-4 {font-size: 2.7rem;}
    h4, .h4 {font-size: 1.5rem;}
    h5, .h5 {font-size: 1.1rem;}
    .main-block__img{margin-top: 40px}
    .main-block__img img, .main-block-slider__wrap{
        position: unset;
        bottom: unset;
        right: unset;
        height: auto;
        width: 100%;
        opacity: 1;
    }
    .main-block{padding-bottom: 0;padding-top: 40px}
    .main-block__subtitle span {  width: 80%;  font-size: 20px;line-height: 26px;}
    .main-block__subtitle{margin-bottom: 30px;}
    .faq-slider{overflow: hidden}
    .faq-slider__img { transform: translate(30%, 0);}
    .faq__answer{font-size: 1rem;}
    .faq__item>div {padding: 20px;border-radius: 10px;}
    .project-slider:after, .slider-icon-text:after{width: 100%;}
    .slider-icon-text .slider-owl__arr{display: none;}
    .feedbacks-slider__item .row{flex-direction: column}
    .feedbacks-slider .container:after,.quote-block .container:after {width: 90px;height: 65px;}
    .feedbacks-slider__item {padding-bottom: 60px;}
    .img-text-bg-over__img {opacity: 0.5}
    .form-photo img {
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        width: 130% !important;
        transform: translate(30%,0);
        height: auto;
    }
    /*page*/
    .main-block__page{height: auto; padding: 200px 0 25px 0;}
    .desc-img__name {
        font-size: 20px;
        line-height: 26px;
        padding: 2px 0 2px 20px;
    }
    .main-img__wrap, .mobile-img .portfolio-single {
        padding: 45px 0;
    }
    /*portfolio*/
    .portfolio__name { margin-bottom: 25px; }
    .portfolio__title { font-size: 24px; line-height: 30px; }
    .portfolio__excerpt {
        font-size: 16px;
        line-height: 20px;
    }
    /*services*/
    .services__title {font-size: 22px; line-height: 30px;}
    /*footer*/
    .footer>div:first-child>.d-flex {flex-wrap: wrap}
    .footer>div:first-child>.d-flex {
        padding-top: 60px;
        padding-bottom: 90px;
    }
    /*faq*/
    #faq-mini div span {
        width: 20px !important;
        height: 20px !important;
    }
    .anim-score {
        height: 110px;
    }
    .anim-name {
        padding: 12px;
        font-size: 16px;
        height: 70px;
        line-height: 120%;
    }
}
@media screen and (max-width: 768px) {
     h4, .h4 {font-size: 1.3rem; }
    /*.header__menu-btn{top: 98px;}*/
    .header__logo {max-width: 105px;}
    .doptext-img img{min-width: 50px;}
    .doptext-img>div {padding: 10px 3px 10px 10px;}
    .main-block {padding-top: 20px;}
    .main-block ol li:before {font-size: 28px;}
    .main-block ol li {padding-left: 40px;margin-bottom: 20px;}
    .main-block__subtitle span {font-size: 16px; line-height: 22px;}
    .faq-slider__img,.faq-slider__name,.faq-slider__descript{display: none}
    .faq-slider .container:before {width: 150px;height: 150px;}
    .faq-slider .faq__answer{margin-bottom: 0 !important;}
    .project-slider__arr:first-child, .slider-icon-text-owl__arr:first-child { margin-right: 15px; }
    .project-slider__arr, .slider-owl__arr, .articles-slider__arr {width: 40px;height: 40px;}
    .slider-icon-text-owl__item img {width: 60px !important;}
    .img-text-bg-over__img{
        position: unset;
        top:unset;
        bottom: unset;
        left:unset;
        right: unset;
        transform: unset;
        width: 100%;
        height: auto;
        max-width: 420px;
        margin: 0 auto;
        display: block;
        opacity: 1;
    }
    .img-text-over .col-lg-7{padding-bottom: 0}
    .steps .horizon {
        padding: 0 !important;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        display: block;
    }
    .steps .horizon > div {
        display: inline-block;
        width: 90%;
        margin-right: 40px;
        white-space: initial;
        vertical-align: top;
    }
    .steps .steps__item { width: 75%; margin-right: 30px;}
    .steps__num{color: var(--color-1);}
    #feedbacks-slider a[data-slide]{display: none}
    .feedbacks-slider__text{font-size: 1rem}
    .img-text-bg-over__doptext {padding: 15px 0 15px 20px; }
    .img-text-bg-over__doptext::after{width: 70px;}
    /*page*/
    .main-block__page.portfolio .container {display: block;}
    .main-block__page .display-4 { font-size: 2rem;text-align: center}
    .main-block__page .portfolio__excerpt{ text-align: center}
    .portfolio__link { margin-top: 20px;}
    .portfolio__link svg {width: 12px;}
    .desc-img__name {
        font-size: 16px;
        line-height: 22px;
        padding-left: 15px;
        border-left: 2px solid #000;
        margin-bottom: 10px;
    }
    .mobile-img__item {
        width: 180px;
        height: 285px;
    }
    .mobile-img .portfolio-single {
        padding: 25px 0;
    }
    /*portfolio*/
    .portfolio .d-flex{display: block !important;text-align: left}
    .portfolio .main__title{margin-bottom: 20px;}
    .portfolio__types{margin-top: 20px;}
    .portfolio__types a , .portfolio__types div {
        font-size: 16px;
        line-height: 22px;
        margin-right: 20px;
    }
    .portfolio__types{
        justify-content: flex-start;
    }

    .portfolio .col-md-4 img {display: none}
    .portfolio .row{display: flex;flex-direction: column;}
    .portfolio .row:nth-child(2n){flex-direction: column-reverse}
    .portfolio__title { font-size: 20px;line-height: 26px;margin-bottom: 0;}
    .portfolio__excerpt { font-size: 14px;margin-top: 5px; }
    .main-block__page .portfolio__types {margin-top: 25px;justify-content: center;}
    .main-block__page.portfolio .container {align-items: flex-start;}
    .main-block__page .container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .portfolio__child-types{justify-content: center;}
    .portfolio__child-types a, .portfolio__child-types div{font-size: 14px !important;}
    /*services*/
    .services__items {
        grid-template-columns: repeat(1, 1fr);
        grid-template-rows: repeat(1, 1fr);
        grid-gap: 15px;
    }
    .services__item,.services__item:not(.services__item_tile):first-child{ height: 420px;}
    .services__item:not(.services__item_tile):first-child {background-size: cover;color: #000 }
    .services__item>div { background: linear-gradient(0deg,#9304d9 0,rgba(153, 49, 204,0.9) 0,rgba(186, 83, 237,.6) 117.58px,rgba(186, 83, 237,0) 190.83px)}
    /*link-page*/
    .link-page__img {
        margin-left: unset;
        width: 100% !important;
        margin-top: 30px;
    }
    .footer__copy, .footer>div:nth-child(2) .d-flex a{font-size: 10px;line-height: 16px}
    /*faq*/
    .faq .faq__answer{font-size: 1rem}
    /*table*/
    .table-wrap__outer {position: relative;}
    .table-wrap{overflow-x: scroll;margin-left: 80px;}
    .table-wrap td {width: 180px !important;}
    .table-wrap .fixed {
        position: absolute;
        left: -1px;
        z-index: 2;
        width: 140px !important;
        border-left: 1px solid darkgrey;
        background: #F3F3F3;
    }
    .table-wrap tr:last-child .fixed {border-bottom: 1px solid darkgrey;}
    .table-wrap td {height: 100px}
    .accordion .item .text {position: unset;left: unset;bottom: unset;transform: unset;}
    /*articles-slider*/
    .articles-slider__arr {position: unset;transform: unset;right: unset;left: unset;display: inline-flex;}
    .articles-slider__arr_prev{margin-right: 15px}

    #personal-slider.owl-carousel .owl-stage-outer{overflow: hidden !important;}
    /*.reviews-big .carousel-control-prev, .reviews-big .carousel-control-next {*/
    /*    position: unset;left: unset;right: unset;transform: unset;top: unset;*/
    /*}*/
    .reviews-big .d-flex{width: 100%;}
    .reviews-big .carousel-control-prev, .reviews-big .carousel-control-next{width: 40px;height: 40px;}

    .switcher__title{font-size: 28px}

    .reviews-big__content{width: 100%;}
    .reviews-big__content:after {
        border: 15px solid transparent;
        border-top: 15px solid #0000001A;
        bottom: 30px;
    }
    .reviews-big__content:before {
        border: 15px solid transparent;
        border-top: 15px solid #fff;
    }
    .animation__wrap{
        display: block;
    }
    .animation__wrap>div{display: flex;width: 100%;align-items: center;justify-content: center;}
    .anim-name:not(.text){display: none}
    .anim-name{height: auto;border-left: unset !important;}
    .anim-score{width: 200px}
    .animation_soul img {width: 25%;}
}
@media screen and (max-width: 600px) {
    .column-4, .column-3, .column-6, .column-2 {
        grid-column: span 12;
    }
    .feedbacks-slider .container:after,.quote-block .container:after {
        width: 70px;
        height: 45px;
        bottom: 15px;
    }
    .quote-block .container{padding-bottom: 40px}
    .quote-block .container:after {bottom: 30px;}
    .etaps-slider h2{margin-right: 0;}
    .etaps-slider .slider-owl__arr{display: none}
    .desc-img__name {
        font-size: 14px;
        line-height: 20px;
    }
    .footer>div:first-child>.d-flex {
        padding-top: 50px;
        padding-bottom: 70px;
    }
    .slider-block__prev, .slider-block__next {width: 34px;height: 34px;}
    .slider-block__prev {left: -14px;}
    .slider-block__next{right: -14px;}
    .black-btn, .white-btn {height: 50px;padding: 0px 5%;}
    #slider-block {
        width: 90% !important;
    }
}
.blog-navigation{
    margin: 20px 0;
}
.blog-navigation ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog-navigation ol{
    margin: 0;
    padding: 0 0 0 25px;
}

.personal-slider-section .faq__doptext{text-decoration:underline;text-decoration-color: #7538a1;}
.personal-slider-section .flex-column{flex-direction: column-reverse !important;border-bottom: 2px solid var(--color-1);}
.personal-slider-section .mt-auto{margin-bottom:auto;align-self: flex-start;margin-bottom: 20px}


.owl-carousel-new{
    position: relative;
}

.owl-carousel-new .owl-stage{
    display: flex;
}

.owl-carousel-new .owl-item{
    height: auto;
}

.owl-carousel-new a[data-slide]{
    top: 50%;
    transform: translateY(-50%);
}






@media (min-width: 1250px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1230px;
    }
}
#rotatable-group {
    animation: bounceRotate1  6s .0s cubic-bezier(0.680, -0.200, 0.265, 1.450) infinite ;
    transform-origin: center;

}
#rotatable-group-2 {
    animation: bounceRotate2 6s  cubic-bezier(0.680, -0.200, 0.265, 1.450) infinite ;
    transform-origin: center;

}
#rotatable-group-3 {
    animation: bounceRotate3  6s .0s cubic-bezier(0.680, -0.200, 0.265, 1.450) infinite ;
    transform-origin: center;
}
@keyframes bounceRotate3 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(40deg);
    }
    100% {
        transform: rotate(0deg);
    }
}
@keyframes bounceRotate2 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-180deg);
    }
    100% {
        transform: rotate(0deg);
    }
}

@keyframes bounceRotate1 {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(-40deg);
    }
    100% {
        transform: rotate(0deg);
    }
}


/**/

.new-btn{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    background: var(--color-1);
    text-decoration: none;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    max-width: 233px;
    height: 52px;
    transition: .2s ease-in-out background, .2s ease-in-out color;
    border-radius: 54px;
}
.new-btn:hover{
    background: var(--color-2);
}
.string-animation{
    background: transparent;
    white-space: nowrap;
    padding-right: 15px;
    overflow: hidden;
}
.string-animation .blink{
    background: #C283E0;
    animation:  blink-char .5s step-end infinite alternate;
    width: 8px;
    height: 55px;
    display: inline-block;
    vertical-align: bottom;
    margin-left: 8px;
    margin-bottom: 17px;
}

@keyframes typing { from { width: 0; } }
@keyframes blink-caret {
    50% { border-color: transparent; }
}

@keyframes blink-char {
    50% {
        background: transparent;
    }
}


.main-banner{
    background: #1D1D20;
    color: #fff;
    /*padding: 120px 0 210px;*/
    /*padding-top: 120px;*/
    line-height: 1.2;
    overflow: hidden;
    position: relative;

    padding-top: 40px;
    padding-bottom: 130px;
    max-height: 850px;
    min-height: 600px;
    height: 100vh;
}

.main-banner__decor{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 0;
    max-width: 1920px;


    transform-origin: 50% 0;
}

.main-banner__decor svg{
    margin: 0;
    position: absolute;
    opacity: 0;
}

.main-banner__decor svg:nth-of-type(1){
    left: calc(50% + 450px);
    transform: translateX(-50%) translateY(-50%);
    top: calc(50% + 20px);

    width: 638px;
    height: 649px;
}
.main-banner__decor svg:nth-of-type(2){
    /*left: calc(50% - 810px);*/
    /*transform: translateX(-50%);*/
    left: -26px;
    bottom: -115px;
    width: 330px;
    height: 330px;
}

.main-banner__decor svg:nth-of-type(3){
    left: calc(50% - 830px);
    transform: translateX(-50%);
    /*left: 90px;*/
    bottom: 333px;
    width: 60px;
    height: 60px;
}
.main-banner__decor svg:nth-of-type(4){
    left: calc(50% - 710px);
    transform: translateX(-50%) translateY(-50%);
    /*left: 230px;*/
    top: calc(50% - 175px);
    width: 82px;
    height: 82px;
}
.main-banner__decor svg:nth-of-type(5){
    left: calc(50% - 175px);
    transform: translateX(-50%);
    bottom: 50px;
    width: 42px;
    height: 42px;
}
.main-banner__decor svg:nth-of-type(6){
    right: calc(50% - 300px);
    transform: translateX(-50%) translateY(-50%);
    top: calc(50% - 255px);
    width: 45px;
    height: 45px;
}
.main-banner__decor svg:nth-of-type(7){
    /*right: calc(50% - 940px);*/
    /*transform: translateX(-50%);*/
    right: 100px;
    bottom: 60px;
    width: 104px;
    height: 104px;
}


.main-banner__wrap{
    display: flex;
    position: relative;
    flex-direction: column;
    height: 100%;
}
.main-banner__text{
    width: 100%;
    max-width: 775px;
    margin-top: auto;
    margin-bottom: auto;
    opacity: 0;

}
.main-banner h1{
    font-size: 80px;
    font-size: 74px;
    font-weight: 600;
    text-transform: uppercase;
    margin: 0 0 30px;
}
.main-banner__desc{
    font-weight: 300;
    font-size: 28px;
    margin-bottom: 45px;
}
.main-banner__desc p{
    margin: 0;
}
.main-banner__advantages{
    max-width: 600px;
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 15px;
    margin: 0;
    margin-top: 45px;
    padding: 0;
    list-style-type: none;
}
.main-banner__advantages li{
    margin: 0;
    padding: 0;
    max-width: 180px;
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
    align-items: flex-start;
}
.main-banner__advantages img{
    width: 32px;
    height: 32px;
}
.main-banner__advantages p{
    margin: 0;
    padding: 0;
    font-size: 16px;
}
.main-banner__btn{
    margin-top: 64px;
    cursor: pointer;
}

.main-title {
    margin: 0 0 80px;
}
.main-title h2{
    font-weight: 600;
    font-size: 46px !important;
    margin: 0;
}
.services-block{
    margin: 90px 0;
}
.services-block__list{
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 24px;
}

.services-block__list>li{
    margin: 0;
    padding: 0;
    background: linear-gradient(132.45deg, #F4EBFC 59.47%, #DABEF4 146.67%);
    line-height: 1.2;
    min-height: 360px;
    opacity: 0;
    transform: translateY(20px);
}
.services-block__list>li a{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 30px;
    text-decoration: none;
    color: #1D1D20;
    overflow: hidden;
    position: relative;
    transition: .2s ease-in-out all;
    height: 100%;
}

.services-block__list>li a:hover{

}
.services-block__list>li a:hover .services-block__info{
    transform: translateY(-30px);
    opacity: 0;
    visibility: hidden;
}
.services-block__list>li a:hover .services-block__desc{

}
.services-block__list>li a:hover img{


}


.services-block__list>li a:hover .services-block__hidden{
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition-duration: 0.3s, 0.3s, 0.5s;
    /*transition-delay: 0s, 0s, 0s;*/
    transition-property: opacity, visibility, transform;
}
.services-block__list>li a:hover .services-block__hidden:after{
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.services-block__info{
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);

    transition-duration: 0.4s, 0.4s, .5s;
    /*transition-delay: .3s, .3s, .3s;*/
    transition-property: opacity, visibility, transform;
}

.services-block__list img{
    display: block;
    margin-bottom: 20px;
    height: 130px;
    transition: .2s ease-in-out all;
}
.services-block__title{
    font-size: 24px;
    font-weight: 600;
    margin: 0 0 12px;
    position: relative;
    z-index: 1;
    color: #1D1D20;
    transition: .2s ease-in-out all;
}

.services-block__desc{
    color: #fff;
    font-size: 16px;
    position: relative;
    z-index: 1;
}

.services-block__hidden{
    opacity: 0;
    visibility: hidden;
    transition-duration: 0.3s, 0.3s, .3s;
    /*transition-delay: .3s, .3s, .3s;*/
    transition-property: opacity, visibility, transform;

    background: #1D1D20;
    transform: translateY(100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: inherit;
}

.services-block__hidden:after{
    content: '';
    background: #9931CC80;
    filter: blur(40px);
    /*box-shadow: 0 0 20px 20px #9931CC80;*/
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    position: absolute;
    border-radius: 50%;
    transition: .4s .2s ease-in-out all;
    opacity: 0;
    visibility: hidden;
    transform: scale(0.5);
}
.services-block__hidden .services-block__title{
    color: #fff;
}

.home-new .portfolio>.container{
    padding-top: 20px;
}
.home-new .portfolio h2.display-5{
    font-weight: 600;
    font-size: 46px !important;
}

.home-new .h2.display-5{
    font-weight: 600;
    font-size: 46px !important;
}


.home-new .content iframe[src*=youtube]{
    min-height: 680px;
}








.form-wide{
    background: #F3F3F3;
    position: relative;
    overflow: hidden;
    padding: 100px;
}
.form-wide:before{

    content: '';
    position: absolute;
    transform: translateX(-50%);
    left: calc(50% - 675px);
    bottom: -186px;
    width: 728px;
    height: 702px;
    border-radius: 50%;
    /*background: radial-gradient(circle, #9931CC33, transparent 70%);*/

    background: #9931CC33;
    filter: blur(90px);
}

.form-wide__wrap{
    background: #fff;
    display: flex;
    grid-gap: 50px;
    padding: 35px 45px;
    z-index: 1;
    position: relative;
}
.form-wide__info{
    display: flex;
    flex-direction: column;
    flex: 1;
}
.form-wide__info h3{
    display: flex;
    flex-direction: column;
    font-size: 38px !important;
    color: var(--color-1);
    font-weight: 400;
    margin: 0 0 auto;
}
.form-wide__contacts{
    margin-top: -40px;
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    grid-gap: 12px;
}

.form-wide__contacts a{
    font-size: 22px;
    color: #404040;
    opacity: 1;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: .2s ease-in-out color;
}
.form-wide__contacts a:hover{
    color: var(--color-1);
}


.form-wide__tel i{
    transform: scale(-1, 1);
    color: var(--color-1);
    margin-right: 14px;
    font-size: 24px;
}
.form-wide__tg i{
    color: var(--color-1);
    font-size: 27px;
    margin-right: 14px;

}

.form-wide__form{
    padding: 10px 0 0;
    display: flex;
    flex-direction: column;
    grid-gap: 24px;
    width: 100%;
}

.form-wide__form-title{
    font-size: 28px;
}
.form-wide__form-wrap{

}

.form-new-style{

}
.form-new-style form{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 24px;
}

.wpcf7-row{
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-gap: 24px;
    width: 100%;
}
.wpcf7-row--2{
    grid-template-columns: repeat(2, 1fr);
}

.wpcf7-row p{
    margin: 0;
}

form .wpcf7-form-control-wrap {
    /*display: block;*/
    /*text-align: left;*/
    /*width: auto;*/
    /*position: relative;*/
}

.wpcf7-footer{
    margin-top: 20px;
}


.form-new-style input[type="text"],
.form-new-style input[type="tel"],
.form-new-style input[type="email"],
.form-new-style textarea
{
    background: transparent;
    border: 1px solid #D7DDE2;
    outline: none;
    border-radius: 0;
    font-size: 16px;
    color: #1D1D20;
    padding: 12px;
    margin: 0;
    text-align: left;
}


.form-new-style input::-webkit-input-placeholder,
.form-new-style textarea::-webkit-input-placeholder{
    color: #B4BBC3;
    transition:opacity .3s ease
}
.form-new-style input::-moz-placeholder,
.form-new-style textarea::-moz-placeholder{
    color: #B4BBC3;
    transition:opacity .3s ease
}
.form-new-style input::-moz-placeholder,
.form-new-style textarea::-moz-placeholder{
    color: #B4BBC3;
    transition:opacity .3s ease
}
.form-new-style input:-ms-input-placeholder,
.form-new-style textarea:-ms-input-placeholder{
    color: #B4BBC3;
    transition:opacity .3s ease
}

.form-new-style input:focus::-webkit-input-placeholder,
.form-new-style textarea:focus::-webkit-input-placeholder{
     opacity: 0;
     transition: opacity 0.3s ease;
 }
.form-new-style input:focus::-moz-placeholder,
.form-new-style textarea:focus::-webkit-input-placeholder{
     opacity: 0;
     transition: opacity 0.3s ease;
 }
.form-new-style input:focus:-moz-placeholder,
.form-new-style textarea:focus::-webkit-input-placeholder{
     opacity: 0;
     transition: opacity 0.3s ease;
 }
.form-new-style input:focus:-ms-input-placeholder,
.form-new-style textarea:focus::-webkit-input-placeholder{
     opacity: 0;
     transition: opacity 0.3s ease;
 }


.form-new-style textarea{
    resize: none;
    height: 200px;
}

.form-new-style span.wpcf7-not-valid-tip{
    font-size: 12px !important;
    position: absolute !important;
    bottom: -20px !important;
    left: 0 !important;
    text-align: left;
    color: #f00;
}

.form-new-style input.wpcf7-not-valid, .form-new-style textarea.wpcf7-not-valid{
    border-color: #f00;
}

.form-new-style .wpcf7-form-control-wrap{
    height: 100%;
    display: block;
}



.form-new-style .wpcf7-response-output{
    font-size: 12px;
    position: static;
    bottom: 0;
    left: 50%;
    transform: translate(0);
    margin: 0;
    line-height: 16px;
    width: 100%;
}
.form-new-style .policy-link{
    font-size: 16px;
    color: #404040;
    margin: 0;
    padding: 0;
    line-height: 1.2;
}
.form-new-style .policy-link a{
    text-decoration: underline;
    color: var(--color-1);
    transition: .2s ease-in-out color, .2s ease-in-out text-decoration-color;
}
.form-new-style .policy-link a:hover{
    color: var(--color-2);
    text-decoration-color: transparent;
}

.form-new-style .wpcf7-submit{
    transition: .2s ease-in-out all;
    border: none;
    line-height: 1.2;
    font-weight: 400;
    font-size: 16px;
    color: white;
    background-color: var(--color-1);
    text-align: center;
    width: 100%;
    max-width: 330px;
    border-radius: 54px;
    padding: 23px 5px;
    height: auto;

}
.form-new-style .wpcf7-submit:hover{
    background-color: var(--color-2);
    box-shadow: 0 2px 3px rgba(0, 0, 0, .1), 0 4px 8px rgba(0, 0, 0, .3);
}



/*upload files*/
.codedropz-upload-handler {
    border: none;
    border-radius: 0px;
    margin-bottom: 0;
}
.codedropz-upload-container {
    padding: 0;
}
.codedropz-upload-inner {
    display: flex;
}

.codedropz-upload-inner  > div:first-of-type {
    display: none;
}

.codedropz-upload-inner > span {
    display: none;
}

.dnd-upload-counter {
    display: none;
}
div.codedropz-btn-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: opacity .2s ease-in-out;
    position: relative;
    text-align: left;
    font-weight: 400;
    line-height: 1.2;
}

div.codedropz-btn-wrap  .cd-upload-btn {
    color: var(--color-1);;
    display: inline-block;
    border-bottom: none;
    transition: .2s ease-in-out color;
    font-size: 16px;
}
div.codedropz-btn-wrap:before {
    content: "";
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/themes/i-complex/res/img/icon/file.svg);
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
}
div.codedropz-btn-wrap:hover{
    /*border-bottom-color: transparent;*/
    /*opacity: .8;*/
}

div.codedropz-btn-wrap:hover .cd-upload-btn{
    color: var(--color-2);;
}
.dnd-upload-status .dnd-upload-image {
    display: none;
}
.dnd-upload-status .dnd-upload-details {
    padding-left: 0;
    width: 100%;
}

.dnd-upload-status .dnd-upload-details .name {
    position: relative;
    z-index: 1;
    font-weight: 400;
    font-size: 14px;
    color: #fff;
    max-width: calc(100% - 80px);
    width: 100%;
    padding: 7px 12px;
    align-items: baseline;
}
.dnd-upload-status .dnd-upload-details .name span{
    max-width: 450px;
}

.dnd-upload-status .dnd-upload-details .name em {
    font-style: normal;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
}
.dnd-upload-status .dnd-upload-details .remove-file {
    z-index: 1;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    transition: .2s ease-in-out opacity;
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(/wp-content/themes/i-complex/res/img/icon/close.svg);
    width: 16px;
    height: 16px;
}
.dnd-upload-status .dnd-upload-details .remove-file:hover {
    opacity: .7;
}
.dnd-upload-status {
    margin-top: 10px;
    padding: 0;
}

.dnd-upload-status .dnd-upload-details .dnd-progress-bar{
    top: 0;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 0;

    border-radius: 0px;
    background: #D7DDE2;
    height: auto;
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar > span{
    background: var(--color-2);
    color: transparent;
}
.dnd-upload-status .dnd-upload-details span.has-error{
    position: relative;
    font-size: 12px;
    display: block;
    padding: 7px 12px;
}

.codedropz-upload-wrapper span.has-error-msg {
    font-size: 14px;
    color: #f00;
    font-style: normal;
}
.codedropz-upload-wrapper{
    border: 2px dashed #D7DDE2;
    padding: 12px;
}
.dnd-icon-remove.deleting{
    color: #fff;
    top: 0;
}
/*.home-new .portfolio .portfolio__wrap .col-md-8{*/
/*    display: flex;*/
/*}*/
/*.home-new .portfolio__wrap img{*/
/*    object-fit: cover;*/
/*}*/
/*.home-new .portfolio__wrap>.row{*/
/*    align-items: unset !important;*/
/*}*/


.dnd-upload-status *{
    box-sizing: border-box !important;
}


.products-block{
    margin: 90px 0;
}
.products-block__list{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 100px 70px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.products-block__item{
    margin: 0;
    padding: 0;
    line-height: 1.2;
    opacity: 0;
    transform: translateY(-20px);
}
.products-block__item:nth-of-type(even) .products-block__img{
    background: linear-gradient(to bottom right, #283043, #206597);
}
.products-block__item>a{
    display: flex;
    flex-direction: column;
    grid-gap: 32px;
    color: #1D1D20;
}
.products-block__img{
    width: 100%;
    min-height: 558px;
    /*background: linear-gradient(to bottom right, #ccf5c0, #b094e4);*/
    background: linear-gradient(140deg, #ccf5c0 0%, transparent 50%, #ac25ce73 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px;
    position: relative;
    overflow: hidden;
}
.products-block__img:before{
    content: '';
    width: 100%;
    height: 100%;
    background: #DBEDF5;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: -1;
}
.products-block__img:after{
    background-image: url(/wp-content/themes/i-complex/res/img/frame-border.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: calc(100% - 80px);
    height: calc(100% - 80px);
    content: '';
    position: absolute;
    left: 40px;
    top: 40px;
}
.products-block__img img{
    position: relative;
    z-index: 1;
    max-width: calc(100% - 40px);
    border-radius: 20px;
    object-fit: cover;
    height: 100%;
    width: 100%;
    max-height: 305px;
    background-color: #fff;
}
.products-block__img i{
    width: 100px;
    height: 100px;

    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0.5);
    transition-duration: 0.3s, 0.2s, .2s;
    transition-delay: .1s, .2s, .2s;
    transition-property: transform, visibility, opacity;
    content: '';
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    background-color: #1D1D20;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/wp-content/themes/i-complex/res/img/icon/arr-r-mini.svg);
    opacity: 0;
    visibility: hidden;
}
.products-block__item>a:hover .products-block__img i{
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%) scale(1);

    transition-duration: 0.3s, 0.3s, .3s;
    transition-delay: .0s, .0s, .0s;
    transition-property: transform, visibility, opacity;
}
.products-block__name{
    font-size: 26px;
    max-width: 445px;

}
.products-block__desc{
    font-size: 20px;
    font-weight: 300;
    max-width: 420px;
}


.team-block{
    margin: 90px 0;
}
.team-block__wrap{
    display: flex;
    grid-gap: 24px;
    justify-content: space-between;
}
.team-block__info{
    width: 100%;
    max-width: 290px;
    opacity: 0;
    transform: translate(-20px, 0);

}
.team-block__info .main-title{
    margin: 0 0 15px;
}
.team-block__info p{
    line-height: 1.2;
}
.team-block__list{
    width: 100%;
    flex: 1;
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 48px 24px;
    max-width: 790px;
}

.team-block__list>li{
    margin: 0;
    padding: 0;

    opacity: 0;
    transform: translate(0, -20px);
    border-bottom: 1px solid #D2D2D2;
    padding-bottom: 16px;
}
.team-block__photo{
    width: 100%;
    height: 456px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
.team-block__photo.team-block__photo--hover:hover .team-block__hidden-text{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;

    transition-duration: 0.3s, 0.3s, 0.5s;
    /* transition-delay: 0s, 0s, 0s; */
    transition-property: opacity, visibility, transform;
}
.team-block__photo img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
    transition-duration: 0.4s, 0.4s, .5s;
    /* transition-delay: .3s, .3s, .3s; */
    transition-property: opacity, visibility, transform;
}
.team-block__photo.team-block__photo--hover:hover img{
    transform: translateX(20px);
    opacity: 0;
    visibility: hidden;
}
.team-block__name{
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 8px;
}
.team-block__spec{
}
.team-block__hidden-text{

    line-height: 1.2;
    min-height: 360px;

    opacity: 0;
    visibility: hidden;
    transition-duration: 0.2s, 0.2s, .3s;
    /* transition-delay: .3s, .3s, .3s; */
    transition-property: opacity, visibility, transform;
    background: linear-gradient(132.45deg, #F4EBFC 59.47%, #DABEF4 146.67%);
    /*transform: translateY(100%);*/
    transform: translateX(-100px);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    padding: 30px;
    cursor: default;
}
.team-block__btn{
    display: none;
    margin-left: auto;
    margin-right: auto;
}
.team-block__btn:hover{
    color: #fff;
}

.team-block__list--3{
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 45px 15px;
}
.team-block__list--3 .team-block__photo {
    height: 310px;
}
.team-block__list--3 .team-block__name {
    font-size: 20px;
}
.team-block__list--3 .team-block__hidden-text {
    font-size: 14px;
    padding: 20px 15px;
}
.team-block__list--3 .team-block__spec{
    font-size: 14px;
}


.slider-blog{
    background: #F3F3F3;
    padding: 90px 0;
}

.slider-blog + .slider-blog {
    padding-top: 0 !important;
}

.slider-blog + .slider-blog ~ .slider-blog {
    padding-top: 0 !important;
}

.slider-blog .main-title{
    margin: 0 0 47px;
}

.slider-blog__subtitle{
    display: flex;
    align-items: baseline;
    grid-gap: 24px;
    margin-bottom: 34px;
}
.slider-blog__subtitle p{
    margin: 0;
    font-size: 28px;
    line-height: 1.2;
    width: 100%;
}
.slider-blog__nav {
    flex: 1;
    display: flex;
    align-items: center;
    grid-gap: 24px;
    margin-left: auto;
}
.slider-blog__nav a {
    border-radius: 50%;
    border: 1px solid rgba(29, 29, 32, 0.2) !important;
    color: #1D1D20 !important;
    width: 50px;
    height: 50px;
    transition: .2s ease-in-out border-color, .2s ease-in-out color, .2s ease-in-out background;
    background-color: transparent;
    box-shadow: none;
    display: inline-flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    opacity: 1 !important;
}
.slider-blog__nav a:hover{
    color: #fff !important;
    background: #7538A1 !important;
    border-color: #7538A1;

}
.slider-blog__nav-prev{
    padding-right: 3px;
}
.slider-blog__nav-next{
    padding-left: 3px;
}
.slider-blog__img{
    width: 100%;
    height: 308px;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}
.slider-blog__info{
    display: flex;
    flex-direction: column;
    line-height: 1.2;
    grid-gap: 16px;
    padding: 24px 0 0;
    height: 100%;
    flex: 1;
}
.slider-blog__img img{

    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    max-width: 100%;
}
.slider-blog__title{
    margin: 0;
}
.slider-blog__date{
    font-size: 14px;
}
.slider-blog__text{
    font-size: 22px;
    font-weight: 600;
    transition: .2s ease-in-out color;
}
.slider-blog__author{
    display: flex;
    align-items: center;
    grid-gap: 8px;
    margin-top: auto;
}
.slider-blog__author-name{
    flex: 1;
    font-weight: 600;
    font-size: 16px;
}
.slider-blog__author-photo{
    width: 48px;
    height: 48px;
    border-radius: 50%;
    overflow: hidden;
}
.slider-blog__author-photo img{
    width: 100%;
    height: 100%;
    margin: 0;
    object-fit: cover;
}
.slider-blog .owl-item {
    height: auto;

}
.slider-blog__item{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.slider-blog .owl-stage{
    display: flex;
    font-size: 0;
}
.slider-blog__item:hover .slider-blog__text{
    color: var(--color-1);;
}
.slider-blog--blog-decor .slider-blog__img:after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(/wp-content/themes/i-complex/res/img/blog-decor.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.slider-blog__anchor{
    display: flex;
    align-items: center;
    grid-gap: 8px;
}

.slider-blog__anchor-img{
    height: 48px;

}
.slider-blog__anchor-img img{
    object-fit: contain;
    height: 100%;
}
.slider-blog__anchor-title{
    font-size: 16px;
    font-weight: 600;
}

.modal-body .d-sm-flex.mb-4{
    align-items: center;
}
.modal-body .w-100.mr-sm-2{
    flex: 1;
}
.modal-body .d-sm-flex.mb-4 .agreement{
    margin: 0 0 5px;
}

@media screen and (max-width: 1600px) {
    .main-banner__decor {
        transform:translateX(-50%) scale(0.9);
        width: calc(100% / 0.9);
        height: calc(100% / 0.9);
    }
}
@media screen and (max-width: 1400px){
    .main-banner__decor {
        transform:translateX(-50%) scale(0.8);
        width: calc(100% / 0.8);
        height: calc(100% / 0.8);
    }
    .main-banner__decor svg:nth-of-type(4){
        left: calc(50% - 770px);
    }

    .form-wide{
        padding: 80px 0;
    }
}
@media screen and (max-width: 1200px){
    .home-new .content iframe[src*=youtube]{
        min-height: 530px;
    }


    .main-title{
        margin: 0 0 60px;
    }
    .main-title h2{
        font-size: 42px !important;
    }

    .main-banner__decor {
        transform:translateX(-50%) scale(0.7);
        width: calc(100% / 0.7);
        height: calc(100% / 0.7);
    }
    .main-banner {
        /*padding: 60px 0 110px;*/
        padding-bottom: 90px;
        max-height: 650px;
    }
    .main-banner__text {
        max-width: 675px;
    }
    .main-banner h1 {
        font-size: 62px;
    }
    .main-banner__desc {
        font-size: 24px;
    }
    .main-banner__decor svg:nth-of-type(4){
        left: calc(50% - 700px);
    }

    .string-animation .blink{
        height: 45px;
        margin-bottom: 14px;
    }

    .services-block {
        margin: 80px 0;
    }
    .services-block__list>li {
        min-height: 340px;
    }
    .services-block__list img {
        height: 110px;
    }
    .services-block__title{
        font-size: 21px;
    }

    .form-wide__info h3 {
        font-size: 32px !important;
    }
    .form-wide__form-title{
        font-size: 24px;
    }
    .form-wide__contacts a{
        font-size: 20px;
    }
    .form-wide__tel i {
        font-size: 21px;
    }
    .form-wide__tg i {
        font-size: 24px;
    }
    .form-new-style .policy-link{
        font-size: 14px;
        order: 2;
    }
    .wpcf7-row {
        grid-gap: 15px;
    }
    .form-new-style form {
        grid-gap: 15px;
    }
    .form-wide__wrap {
        grid-gap: 30px;
        padding: 35px 35px;
    }
    .wpcf7-footer{
        grid-template-columns: repeat(1, 1fr);
    }

    .products-block {
        margin: 80px 0;
    }
    .products-block__list {
        grid-gap: 70px 40px;
    }
    .products-block__img {
        min-height: 450px;
    }
    .products-block__name {
        font-size: 24px;
    }
    .products-block__desc {
        font-size: 19px;
    }
    .products-block__item > a {
        grid-gap: 20px;
    }
    .products-block__img img {
        border-radius: 16px;
    }


    .team-block {
        margin: 80px 0;
    }
    .team-block__photo {
        height: 350px;
    }
    .team-block__hidden-text{
        font-size: 14px;
        padding: 20px 15px
    }
    .team-block__name {
        font-size: 20px;
    }
    .team-block__list--3{
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 45px 15px;
    }
    .team-block__list--3 .team-block__photo {
        height: 350px;
    }
    .team-block__list--3 .team-block__name {
        font-size: 20px;
    }

    .slider-blog{
        padding: 80px 0;
    }
    .slider-blog__text{
        font-size: 20px;
    }
    .slider-blog__author-name {
        font-size: 14px;
    }
    .slider-blog__img {
        height: 230px;
    }
    .slider-blog .main-title {
        margin: 0 0 25px;
    }
    .slider-blog__subtitle p {
        font-size: 26px;
    }


    #main-menu .open-mobile>.sub-menu{
        display: block;
    }
}
@media screen and (max-width: 986px){
    .home-new .content iframe[src*=youtube]{
        min-height: 395px;
    }
    .main-title{
        margin: 0 0 40px;
    }
    .main-title h2{
        font-size: 36px !important;
    }

    .main-banner  {
        padding-bottom: 60px;
        max-height: 600px;
    }
    .main-banner__decor {
        transform:translateX(-50%) scale(0.6);
        width: calc(100% / 0.6);
        height: calc(100% / 0.6);
    }
    .main-banner h1 {
        font-size: 54px;
    }
    .string-animation .blink{
        height: 38px;
        margin-bottom: 13px;
        width: 6px;
    }
    .main-banner__desc {
        font-size: 21px;
    }
    .main-banner__text {
        max-width: 580px;
    }
    .main-banner__advantages {
        max-width: 535px;
    }
    .main-banner__btn {
        margin-top: 50px;
    }

    .services-block {
        margin: 60px 0;
    }
    .services-block__list {
        grid-gap: 15px 10px;
    }
    .services-block__list>li {
        min-height: 300px;
    }
    .services-block__list>li a{
        padding: 15px;
    }
    .services-block__desc {
        font-size: 14px;
    }
    .services-block__title {
        font-size: 18px;
    }
    .services-block__list img {
        height: 85px;
    }


    .form-wide__wrap{
        flex-direction: column;
        grid-gap: 40px;
    }
    .form-wide__contacts {
        margin-top: 20px;
    }
    .form-wide__contacts a{
        font-size: 18px;
    }

    .products-block__img{
        padding: 20px;
        min-height: 400px;
    }
    .products-block__img img{
        border-radius: 12px;
    }
    .products-block__img:after {
        width: calc(100% - 40px);
        height: calc(100% - 40px);
        left: 20px;
        top: 20px;
    }
    .products-block__img i{
        width: 50px;
        height: 50px;
        background-size: 10px;
    }
    .products-block__list{
        grid-gap: 50px 20px;
    }
    .products-block__name {
        font-size: 22px;
    }
    .products-block__desc {
        font-size: 16px;
    }

    .team-block__wrap{
        flex-direction: column;
    }
    .team-block__info{
        max-width: 600px;
    }
    .team-block__list {
        grid-gap: 48px 20px;
    }


}
@media screen and (max-width: 768px){
    .home-new .content iframe[src*=youtube]{
        min-height: 290px;
    }
    .main-title {
        margin-bottom: 30px;
    }
    .main-title h2{
        font-size: 32px !important;
    }

    .main-banner  {
        padding-bottom: 40px;
        max-height: none;
        height: auto;
        min-height: auto;
    }
    .main-banner__decor {
        /*display: none;*/
        opacity: .5;
    }
    .main-banner__decor svg:nth-of-type(1){
        /*display: none;*/
    }
    .main-banner__decor svg:nth-of-type(2){
        /*display: none;*/
    }
    .main-banner h1 {
        font-size: 42px;
    }
    .string-animation .blink {
        height: 31px;
        margin-bottom: 10px;

    }
    .main-banner__desc {
        font-size: 18px;
    }
    .main-banner__text {
        max-width: 580px;
    }
    .main-banner__advantages {
        max-width: 535px;
    }
    .main-banner__btn {
    }
    .main-banner__advantages p{
        font-size: 14px;
    }

    .services-block {
    }
    .services-block__list {
        grid-template-columns: repeat(1, 1fr);
    }
    .services-block__list>li {
        min-height: auto;
    }
    .services-block__hidden{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        position: static;
        background: transparent;
        padding: 0;
    }
    .services-block__hidden:after{
        opacity: 1;
        visibility: visible;
        transform: scale(1);
    }
    .services-block__hidden .services-block__title{
        display: none;
    }
    .services-block__desc{
        color: #1D1D20;
    }
    .services-block__list>li a .services-block__info{
        transform: translateY(0px) !important;
        opacity: 1 !important;
        visibility: visible !important;
    }

    .wpcf7-row--2{
        grid-template-columns: repeat(1, 1fr);
    }
    .form-new-style input[type="text"], .form-new-style input[type="tel"], .form-new-style input[type="email"], .form-new-style textarea{
        font-size: 14px;
    }
    .form-new-style textarea{
        height: 150px;
    }
    div.codedropz-btn-wrap .cd-upload-btn{
        font-size: 14px;
    }
    .form-new-style .wpcf7-submit {
        font-size: 14px;
        max-width: 100%;
        padding: 15px 5px;
    }
    .form-wide__wrap{
        padding: 25px 20px;
    }
    .form-new-style .policy-link{
        font-size: 12px;
    }
    .form-wide__info h3 {
        font-size: 26px !important;
    }
    .form-wide__form-title {
        font-size: 22px;
    }
    .form-wide {
        padding: 60px 0;
    }

    .products-block{
        margin: 60px 0;
    }
    .products-block__list{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 60px 20px;
    }
    .products-block__img{
        order: 1;
    }
    .products-block__img img {
        border-radius: 20px;
    }
    .products-block__item > a {
        grid-gap: 15px;
    }
    .products-block__name {
        font-size: 20px;
    }

    .team-block {
        margin: 60px 0;
    }
    .team-block__name {
        font-size: 18px;
        margin-bottom: 3px;
    }
    .team-block__photo{
        margin-bottom: 20px;
    }
    .team-block__spec{
        font-size: 14px;
    }
    .team-block__list {
        grid-gap: 35px 15px;
    }
    .team-block__list>li{
        padding-bottom: 12px;
    }

    .team-block__list--3 .team-block__name{
        grid-gap: 35px 15px;
        font-size: 18px;
    }

    .slider-blog{
        padding: 60px 0;
    }
    .slider-blog__subtitle p {
        font-size: 24px;
    }
    .slider-blog__text {
        font-size: 18px;
    }
    .slider-blog__info {
        grid-gap: 12px;
        padding: 20px 0 0;
    }
    .slider-blog__nav a {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }
    .slider-blog__nav {
        grid-gap: 15px;
    }
    .slider-blog__nav-prev {
        padding-right: 1px;
    }
    .slider-blog__nav-next {
        padding-left: 1px;
    }
    .slider-blog__subtitle {
        margin-bottom: 20px;
    }
    .slider-blog .main-title {
        margin: 0 0 15px;
    }
    .slider-blog__img {
        height: 270px;
    }
    .slider-blog--blog-decor .slider-blog__img:after{
        display: none;
    }

    .dnd-upload-status .dnd-upload-details .name span{
        max-width: 350px;
    }

}
@media screen and (max-width: 600px){
    .main-banner h1 {
        font-size: 32px;
    }
    .string-animation .blink{
        height: 24px;
        margin-bottom: 8px;
        width: 4px;
        margin-left: 6px;
    }
    .main-banner__desc {
        margin-bottom: 30px;
    }
    .main-banner__btn {
        margin-top: 25px;
    }
    .main-banner__advantages{
        margin-top: 30px;
    }

    .form-wide__wrap {
        padding: 20px 15px;
    }


    .team-block__list .team-block__item:nth-child(n+4) {
        display: none;
    }
    .team-block__list{
        grid-template-columns: repeat(1, 1fr);
    }
    .team-block__list--3{
        grid-template-columns: repeat(1, 1fr);
    }

    .toggleButton {
        display: inline-flex;
    }

    .dnd-upload-status .dnd-upload-details .name span{
        max-width: 250px;
    }

}
@media screen and (max-width: 480px){
    .products-block__img {
        min-height: 320px;
    }
    .products-block__img img {
        border-radius: 15px;
        max-width: calc(100% - 30px);
    }
    .slider-blog__img {
        height: 230px;
    }

    .string-animation{
        white-space: normal;
        height: 77px;
        display: block;
    }
    .main-banner__advantages {
        grid-gap: 10px;
    }

    .dnd-upload-status .dnd-upload-details .name {
        max-width: calc(100% - 40px);
    }
    .dnd-upload-status .dnd-upload-details .name span{
        max-width: 220px;
    }
}
@media screen and (max-width: 390px){
    .products-block__img {
        min-height: 300px;
    }
    .products-block__img img {
        border-radius: 12px;
    }

    .dnd-upload-status .dnd-upload-details .name span{
        max-width: 160px;
    }
}