:root {
    --color-1: #0062FF;
    --color-2: #A251FF;
    --color-3: #363E5E;
    --btn-height:50px;
    --btn-height-m:50px;
    --btn-blue-color: #0060FF;
}
.elementor-widget-container{width: 100%}
.r-color-1{
    color: var(--color-1);
}
.r-color-2{
    color: var(--color-2);
}
.btn-color-1{
    border-radius: 30px;
    opacity: 1;
    background-image: linear-gradient(270deg, rgba(81, 204, 255, 1) 0%, rgba(0, 96, 255, 1) 100%);
}
.btn-color-2{
    border-radius: 30px;
    opacity: 1;
    background-image: linear-gradient(270deg, rgba(162, 81, 255, 1) 0%, rgba(0, 96, 255, 1) 100%);
}
.blue{
    color: var(--color-1) !important;
}
body,html{margin: 0; padding: 0; width: 100%; position: relative}
.none{display: none!important;}
.hidden{visibility: hidden!important;}
.error-input{border: 1px solid red!important;}
*{box-sizing: border-box;  font-family: "Roboto", sans-serif;
    -webkit-font-smoothing: antialiased; /* для Safari и Chrome */
    -moz-osx-font-smoothing: grayscale; /* для Firefox на macOS */
    font-smoothing: antialiased;
}
.HYPE_scene *{
    font-family: "Roboto", sans-serif!important;
}
.partner-form-sent{color: #0cad00; margin: 15px auto; text-align: center}
.center{text-align: center}
.element-page-100vh {
    width: 100%;
    height: 100vh;
}
.a-link{
    font-weight: 500;
    text-decoration: none;
    color: var(--color-1);
}

.h1{
    color: var(--color-3);
    font-size: 35px;
    font-weight: 500;
    text-align: center;
    margin: 45px 0 40px 0;
}
.h2{
    color: var(--color-3);
    font-size: 33px;
    font-weight: 500;
    text-align: center;
    margin: 65px 0 40px 0;
}
.h3{
    color: var(--color-3);
    font-size: 31px;
    font-weight: 500;
    text-align: center;
    margin: 65px 0 40px 0;
}
.h3.m-ban{
    margin: 65px 0 30px 0;
}
.h3.title-consult{
    margin: 40px 0;
}
.h1 span, .h2 span,.h3 span, .h4 span{display: block}
.h1 b{font-weight: 500}
.h4{
    color: var(--color-3);
    font-size: 30px;
    font-weight: 500;
    text-align: center;
    margin: 65px 0 40px 0;
}
ul{
    padding-left: 25px;
    margin: 20px 0;
    color: var(--color-3);
}
ul.mbt-35{
    margin: 35px 0;
}
li{
    font-size: 22px;
    font-weight: 300;
    margin: 10px 0;
    line-height: 25px;
    color: var(--color-3);
}
li b{ font-weight: 500;}
ul.number {
    list-style-type: decimal;
}
.mb-last{
    margin-bottom: 30px!important;
}
.w-100-mb-40{
    width: 100%;
    margin: 0 0 30px 0;
}
.w-100{width: 100%}
.max-80 {
    max-width: 80%;
    margin: 0 auto;
}
.main-iframe{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
}
.tour-main-2-col{
    display: flex;
    justify-content: center;
    gap: 15px;
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
}
.tour-left,.tour-right{
    width: 100%;
}
.link{
    /*color: var(--color-3);*/
    text-decoration: none;
    cursor: pointer;
    color: #551A8B;
}
.link:active{
    color: #491678;
}
.link:hover{
    color: var(--color-1);
}
.lang-it{
    text-transform: uppercase;
}
/*elementor*/
.elementor-widget-text-editor{
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
}
.elementor-widget-text-editor p{
    margin: 20px 0;
    font-size: 22px;
    font-weight: 300;
    line-height: 25px;
    color: var(--color-3);
    -webkit-font-smoothing: antialiased; /* для Safari и Chrome */
    -moz-osx-font-smoothing: grayscale; /* для Firefox на macOS */
    font-smoothing: antialiased;
}
.elementor-widget-text-editor p b, .elementor-widget-text-editor p strong, .elementor-widget-text-editor li b{
    font-weight: 500;
}
.elementor-widget-text-editor a{
    text-decoration: none;
    cursor: pointer;
    color: #551A8B;
}
.elementor-widget-text-editor a:hover{
    color: var(--color-1);
}
.elementor-widget-text-editor.justify p{
    text-align: justify;
}
ul, ol{
    padding-left: 25px;
    margin: 20px 0;
    color: var(--color-3);
}
ul.mbt-35{
    margin: 35px 0;
}
li{
    font-size: 22px;
    font-weight: 300;
    margin: 10px 0;
    line-height: 25px;
    color: var(--color-3);
}
li b{ font-weight: 500!important;}
ul.number {
    list-style-type: decimal;
}
@media screen and (max-width: 930px) {
    .elementor-widget-text-editor p {
        font-size: 18px;
    }
    .max-80 {
        max-width: 100%;
        padding: 0 15px;
        margin: 0 auto;
    }
}
/*end elementor*/


/* header and menu */
.logo{
    width: 90px;
    height: auto;
}
.imitation-h{display:block; height: 110px; width: 100%}
.header{
    position: fixed;
    width: 100%;
    z-index: 9;
    background: rgba(255, 255, 255, 0.9);
}
.area-menu-pc{
    height: 96px;
    /*height: 80px;*/
    width: 100%;
    padding: 0 15px;
    max-width: 1180px;
    margin: 0 auto;
    display: flex;
    gap: 15px;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    color:#FFFFFF;
}
.area-menu-pc a, .hello-user{
    cursor: pointer;
    color: var(--color-3);
    text-decoration: none;
    font-weight: 500;
    font-size: 18px;
}

.mobile-logo{width: 65px}
.area-menu-mobile{
    display: none;
}
.burger-menu{
    width: 35px;
    height: 35px;
}
.menu-right{
    display: flex;
    align-items: center;
    gap: 35px;
    flex-shrink: 0
}
.menu-left{
    width: 100%;
    max-width: 450px;
    display: flex;
    justify-content: start;
    align-content: center;
    gap: 35px;
}
.link-flex{
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    gap:20px
}
.menu-icon{width: 25px}
.icon-close-menu{
    margin-left: auto;
    display: none;
    width: 30px;
    height: 30px;
}
.btn-in-head{
    background: transparent;
    width: 135px;
    height: 40px;
    display: flex;
    gap: 5px;
    border-radius: 20px;
    border: 1px solid var(--color-3);
    justify-content: center;
    align-items: center;
}
/*.btn-in-head.only-mobile{*/
/*    display: none;*/
/*}*/
.btn-in-head img{
    width: 15px;
}
.btn-in-head span{
    display: block;
    color: var(--color-3);
    font-size: 18px;
    font-weight: 500;
}
.social-in-mob-sidebar{
    display: none;
}
.social-in-mob-sidebar img{
    width: 40px;
    height: 40px;
}
@media screen and (max-width: 900px){
    .icon-close-menu{
        display: block;
    }
    .area-menu-pc{
        padding: 10px 15px 0 15px;
        max-width: 260px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        background: #FFFFFF;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        height: 100%;
        width: 50%;
        gap: 15px;
        justify-content: start;
        align-content: start;
        align-items: start;
        color: #FFFFFF;
    }
    .area-menu-pc.hide-menu{display: none;}
    .menu-left{
       display: none;
    }
   .menu-right{
       width: 100%;
        flex-direction: column;
        align-items: start;
       gap: 10px;
    }
    .area-menu-mobile{
        display: flex;
        justify-content: space-between;
        padding: 0 15px;
        height: 63px;
        align-items: center;
    }
    /**/
    .circle-lang-no-fixed{
        width: 100%;
    }
    .circle-lang-no-fixed .circle-lang-cur{
        padding: 0 0 10px 0;
        margin-bottom: 0px;
        border-bottom: 1px solid #f2f2f2;
        width: 100%;
    }
    /*.circle-lang-cur img{display: none}*/
    .circle-lang-no-fixed:hover .circle-lang-content{
        width: 100%!important;
    }
    .circle-lang-content{
        display: flex!important;
        flex-direction: column;
        gap: 15px;
        width: 100%;
        position: relative!important;
        box-shadow: none!important;
        margin-bottom: 15px;
    }
    .circle-lang-no-fixed .circle-lang-content a{
        padding: 0;
        font-size: 16px;
        font-weight: 300;
    }
    /*.circle-lang-cur{display: none!important;}*/
    .circle-lang-cur img{pointer-events: none}
    .menu-right .link-flex, .circle-lang-cur{
        font-size: 16px!important;
        border-bottom: 1px solid #f2f2f2;
        width: 100%;
        padding-bottom: 10px;
        justify-content: start;
    }
    .none-menu{display: none!important;}

    /*.btn-in-head.only-mobile{*/
    /*    display: flex;*/
    /*}*/
    /*.btn-in-head.only-pc{*/
    /*    display: none;*/
    /*}*/
    .social-in-mob-sidebar{
        display: flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        gap: 10px;
        margin: 20px 0 0 0;
    }
    .social-in-mob-sidebar a{
        display: flex;
    }
    .social-in-mob-sidebar img{
        width: 40px;
        height: 40px;
    }
    .mobile-lang{
        margin-bottom: 5px;
    }
}
@media screen and (max-width: 600px){
    .area-menu-pc{
        max-width: 260px;
        width: 60%;
    }
}
/*  Choose Lang  */
.language {
    position: fixed;
    right: 15px;
    top: 15px;
    display: inline-block;
    z-index: 99;
}
.language-content {
    display: none;
    right: 0px;
    position: absolute;
    min-width: 40px;
    z-index: 1;
}
.language:hover .language-content {
    display: block;
}
.lanS {
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 55;
    color: #fff;
    line-height: 20px;
    width: 50px;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-bottom: 10px;
    background-color: #131313;
}
.lanS a {color: #fff; text-decoration: none}
/*choose lang header*/
.circle-lang {
    position: fixed;
    top: 20px;
    right: 20px;
}
.circle-lang-cur {
    background-color: transparent;
    color:  var(--color-3);
    padding: 16px 0;
    font-size: 18px;
    font-weight: 500;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
}
.circle-lang-cur img{
    padding-top: 2px;
    width: 17px;
    height: auto;
}
.circle-lang-content {
    display: none;
    position: absolute;
    background-color: #FFFFFF;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.circle-lang-content a {
    color: var(--color-3);
    font-weight: 500;
    padding: 12px;
    text-decoration: none;
    display: block;
}
.no-cur-lang.blue-menu{ color: #0060ff;}
.circle-lang-content a:hover {background-color: #0060ff; color: #ffffff;}
.circle-lang:hover .circle-lang-content {display: block;}
.circle-lang:hover .circle-lang-cur {background-color: #FFFFFF;}
.current-lang {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    color: var(--color-3);
    padding: 16px;
    border: none;
    font-weight: 500;
    font-size: 18px;
}
.select-lang {
    position: relative;
    cursor: pointer;
}
.select-lang-content {
    display: none;
    color: #FFFFFF;
    position: absolute;
    background-color: #131313;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}
.select-lang-content a {
    color: #FFFFFF;
    padding: 12px 16px;
    text-decoration: none;
    display: flex;
    cursor: pointer;
    align-items: center;
}
.circle-lang-no-fixed{
    position: relative;
}
.circle-lang-no-fixed:hover .circle-lang-content {display: block; width: 285px}
.circle-lang-no-fixed:hover .circle-lang-content.lang {display: block; width: 48px}
.circle-lang-no-fixed:hover .circle-lang-cur {background-color: transparent;}
.mobile-lang{display: none}

.mobile-lang-a.cyrcle-item{
    border-radius: 50px;
    border: 1px solid var(--color-3);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0;
}
.mobile-lang-a.cyrcle-item span{padding: 0; margin: 0}
@media screen and (max-width: 900px){
    .mobile-lang{display: flex; gap: 15px;}
    .circle-lang-no-fixed.lang-pc{display: none!important;}
    /*.select-lang:hover .select-lang-content {display: block;  width: 100%;}*/
    /*.select-lang:hover .current-lang {background-color: transparent;  width: 100%;}*/
    /*.circle-lang-no-fixed:hover .circle-lang-content:hover{*/
    /*    width: 100%;*/
    /*}*/
    .circle-lang-content a:hover {background-color: #ffffff; color: var(--color-3);}

}

.r-container{
    width: 100%;
    max-width: 1230px;
    padding: 0 15px;
    margin: 40px auto 65px auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.r-item{
    width: 100%;
    border-radius: 17px;
    padding: 12px;
    background-image: url('https://miabiznes.pl/wp-content/uploads/img/bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    /*box-shadow: 0px 1px 9px rgba(184, 184, 184, 1);*/
}
.r-container .r-item:hover{
    box-shadow: 0px 2px 18px rgba(1, 98, 255, 1);
}
.r-item-body{
    background: rgba(255, 255, 255, 0.86);
    border-radius: 17px;
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
    align-items: stretch;
}
.r-item-head{
    min-height: 95px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 2px solid #ffffff;
}
.r-item-body .r-title{
    margin: 0;
    text-transform: uppercase;
    padding: 15px 0;
    font-size: 25px;
    text-align: center;
    font-weight: 300;
    border-bottom: 2px solid #ffffff;
}
.r-item-head .r-title{
    border-bottom: none;
}
.r-item-h-100{
    width: 100%;
    height: 100%;
}
.r-item-body .r-title span{font-weight: 700}
.r-item-desc{
    padding: 20px 20px 30px 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.r-item-desc-p{
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    color: var(--color-3);
}
.r-item-desc-p b{
    font-weight: 500;
    color: var(--color-3);
}
.r-item-price{
    text-align: center;
    margin: 0;
    font-weight: 400;
    font-size: 25px;
    color: var(--color-3);
}
.r-item-price span{
    font-size: 40px;
}
.r-item-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    width: 100%;
    max-width: 260px;
    margin: 0 auto;
    height: var(--btn-height);
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    cursor: pointer;
}

@media screen and (max-width: 1100px) {
    .r-container {
        grid-template-columns: 1fr;
    }
}
@media screen and (width <= 930px){
    .r-container, .r-container.grid-2 {
        grid-template-columns: 1fr;
        margin: 0 0 25px 0;
        gap: 15px;
    }
    .r-item-desc{
        padding: 15px;
        gap: 15px;
    }
    .r-item-body{
        padding-bottom: 15px;
    }
}
/*    */
.w-1300{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
}
.w-1300 p{
    color:  var(--color-3);
}

.sub-title-h1{
    color:  var(--color-3);
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    margin: 0;
}
.sub-title-h1 b{
    font-weight: 500;
}
.sub-title-h1-b{
    color:  var(--color-3);
    font-size: 22px;
    font-weight: 500;
    text-align: center;
    margin: 20px 0 40px 0;
}
.co-container{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap:25px;
    column-gap:50px;
}
.co-container .co-container-item{
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
}
.co-container .co-container-icon{
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    box-shadow: 0px 7px 11px rgba(182, 182, 182, 0.5);
}
.co-container .co-container-icon img{
    width: 100%;
}
.co-container .co-container-desc{
    display: flex;
    flex-direction: column;
    padding: 20px 10px 20px 25px;
    background: #F8F9FE;
    border-radius: 13px;
    gap: 15px;
}
.co-container .co-container-desc-t{
    color:var(--color-3);
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    margin: 0;
}
.co-container .co-container-desc-d{
    color: var(--color-3);
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    text-align: left;
    margin: 0;
}
@media screen and (max-width: 1100px) {
    .co-container{
        grid-template-columns: 1fr;
        margin: 25px auto;
        gap: 15px;
    }
    .co-container .co-container-icon , .adv-container .adv-container-icon{
        width: 100px;
        height: 100px;
    }
    .co-container .co-container-desc{
        width: 100%;
    }
}
@media screen and (max-width: 930px) {
    .co-container .co-container-desc{
        padding: 15px;
    }
    .co-container{
        gap: 15px;
    }
    .co-container .co-container-icon{
        display: none;
    }
}
@media screen and (min-width: 650px) {
    .co-container-icon-mobile {
        display: none;
    }
}
@media screen and (max-width: 650px) {
    .co-container{
        grid-template-columns: 1fr;
    }
    .co-container .co-container-item {
        flex-direction: column;
        align-items: center;
    }
    .co-container .co-container-desc-t, .co-container .co-container-desc-d{text-align: left}
    /*.co-container .co-container-desc-t, .co-container .co-container-desc-d{text-align: center}*/
    .co-container-mobile{
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .co-container-desc-d{ text-align: left;}
    .co-container-icon-mobile {
        border-radius: 5px;
        display: block;
        width: 100%;
        max-width: 45px;
        height: auto;
    }
}

/*    adv    */

.adv-container{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap:25px;
    column-gap:50px;
}
.adv-container .adv-container-item{
    width: 100%;
    display: flex;
    gap: 20px;
    justify-content: center;
}
.adv-container .adv-container-icon{
    flex-shrink: 0;
    width: 150px;
    height: 150px;
    border-radius: 13px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    /*box-shadow: 0px 7px 11px rgba(182, 182, 182, 0.5);*/
}
.adv-container .adv-container-icon img{
    width: 100%;
    border-radius: 13px;
}
.adv-container .adv-container-desc{
    display: flex;
    flex-direction: column;
    padding: 20px 10px 20px 25px;
    background: #F8F9FE;
    border-radius: 13px;
    gap: 15px;
    justify-content: center;
}
.adv-container-desc-d b{font-weight: 500}
.adv-container .adv-container-desc-t{
    color:var(--color-3);
    font-size: 20px;
    font-weight: 500;
    text-align: left;
    margin: 0;
}
.adv-container .adv-container-desc-d{
    color: var(--color-3);
    font-size: 18px;
    line-height: 25px;
    font-weight: 300;
    text-align: left;
    margin: 0;
}
@media screen and (max-width: 1100px) {
    .adv-container{
        grid-template-columns: 1fr;
        margin: 25px auto;
    }
    .adv-container .adv-container-icon{
        width: 100px;
        height: 100px;
    }
}
@media screen and (max-width: 930px) {
    .adv-container{
        gap:15px;
        margin: 0;
    }
    .imitation-h{height: 65px}
    .adv-container-icon{display: none!important;}
    .adv-container .adv-container-desc{
        width: 100%;
    }
}
@media screen and (max-width: 650px) {
    .adv-container{
        grid-template-columns: 1fr;
    }
    .adv-container .adv-container-item {
        flex-direction: column;
        align-items: center;
    }
    .adv-container .adv-container-desc-t, .adv-container .adv-container-desc-d{text-align: left}
    /*.adv-container .adv-container-desc-t, .adv-container .adv-container-desc-d{text-align: center}*/
    .adv-container-icon{display: none!important;}
}

/*  block-col-3  */
.block-col-3-background{
    width: 100%;
    background-image: linear-gradient(270deg, rgba(162, 81, 255, 1) 0%, rgba(84, 183, 255, 1) 53%, rgba(0, 96, 255, 1) 100%);
}
.block-col-3{
    display: flex;
    gap: 25px;
    max-width: 1330px;
    padding: 50px 15px;
    margin: 0 auto;
}
.block-col-3-one{
    border: 1px solid transparent;
    padding: 20px 25px;
    width: 100%;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.2);
    color: #FFFFFF;
}
.block-col-3-one:hover{
    border: 1px solid rgba(255, 255, 255, 1);
    box-shadow: 8px 6px 17px rgba(255, 255, 255, 0.5) inset;
    opacity: 1;
    background: transparent;
}
.block-col-3-one-img{width: 50px;  margin: 0 0 15px 0;}
.block-col-3-one-title{
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.block-col-3-one-title.m-0{
    margin: 0;
}
/*.block-col-3-one-title span{*/
/*    display: block;*/
/*}*/
.block-col-3-one-desc{
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}
/*    */
.p-about{
    font-size: 22px;
    font-weight: 300;
    text-align: center;
    margin: 0;
    line-height: 25px;
    color: var(--color-3);
}
.p-about.justify{text-align: justify}
.p-about.left{text-align: left}
.p-about.m-20{
    margin-bottom: 20px;
}
.p-about.lh-30{
    line-height: 30px;
}

@media screen and (max-width: 1100px) {
    .block-col-3{
       flex-wrap: wrap;
        text-align: center;
    }
    .block-col-3-one.m-flex{
        display: flex;
        align-items: center;
        gap: 8px;
        justify-content: start;
        padding: 15px;
        text-align: left;
    }
    .block-col-3-one.m-flex .block-col-3-one-img{
        margin: 0;
    }
}
@media screen and (max-width: 930px) {
    .block-col-3{
       padding: 15px;
        gap: 15px;
    }
    .block-col-3-one{
        padding: 15px;
    }
}

@media screen and (max-width: 600px) {
    .block-col-3-background {
        background: none;
    }
    .block-col-3-referal-one {
        background-image: linear-gradient(270deg, rgba(162, 81, 255, 1) 0%, rgba(84, 183, 255, 1) 53%, rgba(0, 96, 255, 1) 100%);
        border-radius: 13px;
        padding: 15px;
    }
}
/*  gallery  */

.gallery-container {
    width: 100%;
    max-width: 1330px;
    margin: 40px auto 0px auto;
    padding: 0 15px;
    /*display: flex;*/
    gap: 30px;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* Два блока в строке */
    grid-template-rows: repeat(2, auto); /* Две строки */
}

.gallery-container-l, .gallery-container-r {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.gallery-overlay.none {
    display: none;
}

.g-big-img, .g-mini-img{
    box-shadow: 0px 8px 8px rgba(128, 128, 128, 0.5);
    border-radius: 15px;
    object-fit: cover;
    cursor: pointer;
}
.g-big-img{
    width: 100%;
}
.g-mini-img {
    width: 100%;
    max-width: 300px;
    height: 300px;
}

.gallery-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;

}

.max-80-h-w {
    position: relative;
    max-width: 80%; /* Максимальная ширина изображения */
    max-height: 80%; /* Максимальная высота изображения */
}
.gallery-overlay #galleryOverlayImg, .gallery-overlay #galleryOverlayVideo {
    width: 100%;
    height: 100%;
}
.close-gallery-img{
    position: absolute;
    right: 0;
    top:0;
    width: 35px;
    height: 35px;
    background: #ffffff;
    padding: 5px;
    cursor: pointer;
}

.btn-go-load-gallery{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    width: 100%;
    max-width: 200px;
    margin: 10px auto 0 auto;
    background: var(--btn-blue-color);
    border-radius: 35px;
    height: var(--btn-height);
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    cursor: pointer;
}
.btn-go-load-gallery.show-m{
    margin: 40px auto 0 auto;
}
@media screen and (max-width: 1320px){
    .gallery-container{
        grid-template-columns: 1fr;
        gap: 15px;
        margin: 40px auto 30px auto;
    }
    .g-mini-img{
        max-width: 23%;
        height: auto;
    }
    .gallery-container-l, .gallery-container-r{
        gap: 15px;
        justify-content: center;
    }
    .btn-go-load-gallery.show-m{
        margin: -15px auto 0 auto;
    }
}
@media screen and (max-width: 1025px) {
    .gallery-container{
        /*margin: 0px auto;*/
    }
}
@media screen and (max-width: 860px) {
    .g-mini-img {
        max-width: 48.5%;
        height: auto;
    }
    .gallery-container{
        margin: 20px auto;
    }
}
@media screen and (max-width: 530px) {
    .g-mini-img {
        max-width: 47.5%;
        height: auto;
    }
}
@media screen and (max-width: 340px) {
    .g-mini-img {
        max-width: 46.5%;
        height: auto;
    }
}
/*       Contact     */
.contact-title-form{
    color: var(--color-3);
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 25px 0;
}
.contact-title-sub{
    color: var(--color-3);
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    line-height: 25px;
}
.contact-col{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contact-container{
    width: 100%;
    max-width: 1280px;
    padding: 40px 15px 0 15px;
    margin: 0 auto 50px auto;
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    position: relative;
}
.contact-form{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.contact-inp{
    border-radius: 25px;
    border: 1px solid #979797;
    width: 100%;
    height: 40px;
    padding: 15px 30px;
    outline: none;
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    color: #7B7B7B;
}
.text-area-contact{
    width: 100%;
    height: 120px;
    padding: 15px 30px;
    border: 1px solid #979797;
    outline: none;
    border-radius: 20px;
    background: #FFFFFF;
    font-size: 16px;
    font-weight: 300;
    color: #7B7B7B;
    resize: none;
}
.contact-column-line{
    width: 100%;
    max-width: 1180px;
    padding: 0 15px;
    margin: 0 auto 140px auto;
    display: grid;
    grid-template-columns: 1.5fr 1fr 1fr;
    gap: 20px;
}
.contact-column-item{
    width: 100%;
}
.contact-column-title{
    font-size: 25px;
    font-weight: 500;
    color: #3A66EB;
    margin: 0 0 15px 0;
}
.contact-column-sub-title{
    font-size: 25px;
    font-weight: 300;
    color: #9E9E9E;
    margin: 0;
}
.send-mob{display: none; margin: 0 auto}
.btn-contact{
    border-radius: 35px;
    background-color: var(--btn-blue-color);
    width: 100%;
    max-width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    border: none;
    height: var(--btn-height);
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    flex-shrink: 0;
    cursor: pointer;
}
.h-100 {
    height: 100%;
}
.send-mob {
    display: none;
    margin: 0 auto;
}
.google-maps{
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    gap: 25px;
}
.one-map{
    width: 100%;
}
@media screen and (width<=930px){
    .btn-go-load-gallery.show-m{
        margin: -10px auto 0 auto;
    }
    .contact-container{
        grid-template-columns: 1fr;
        max-width: 550px;
        margin: 0 auto 30px auto;
        padding: 25px 15px 0px 15px;
        gap: 15px;
    }
    .contact-form{ gap: 15px;}
    .contact-column-line{
        grid-template-columns: 1fr;
        justify-content: center;
        margin: 0 auto 30px auto;
    }
    .contact-column-title, .contact-column-sub-title{text-align: center}
    .send-pc{display: none}
    .send-mob{display: flex}
    .google-maps{flex-wrap: wrap}
}

/*  footer  */
#statusFormFooter ,#statusFormFooter_m{
    border: 1px solid #00cd00;
    color: #00cd00;
    width: 150px;
    display: flex;
    height: 40px;
    justify-content: center;
    align-items: center;
    border-radius: 13px;
}
.form-btn-footer{
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    align-items: center;
}
.main-footer{
    background-color: var(--btn-blue-color);
    width: 100%;
    padding: 50px 15px 30px 15px;
}
.footer{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}
.line-footer-1{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    justify-content: space-between;
    gap: 30px;
    margin: 0 auto 45px auto;
}
.line-footer-item{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.l-footer-title{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 10px 0;
}
.l-footer-infolinia{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    margin: 10px 0;
}
.l-footer-text{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    text-decoration: none;
}
.l-footer-text span{display: block}
.line-footer-2{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 15px;
    margin: 0 auto 30px auto;
}
.line-footer-2 img{
    width: 100%;
    max-width: 75px;
}
.line-footer-3{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 15px;
    margin: 0 auto 50px auto;
}
.line-footer-3 a{
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    text-decoration: none;
}
.f-vertical-line{
    height: 22px;
    width: 3px;
    background: #FFFFFF;
}
.line-footer-4{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 15px;
    margin: 0;
}
.line-footer-4 img{
    width: 100%;
    max-width: 162px;
}
.line-footer-5{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 10px;
    margin: 30px 0 0 0;
}
.line-footer-5 a{
    display: flex;
}
.line-footer-5 img{
    width: 50px;
    height: 50px;
}
@media screen and (width<=930px){
    .form-btn-footer{
        flex-direction: column;
    }
    .line-footer-1{
        grid-template-columns: 1fr;
        gap: 15px;
    }
    .line-footer-item{
        text-align: center;
    }
    .main-footer{
        padding: 20px 15px;
    }
    .line-footer-3{
        flex-direction: column;
    }
    .f-vertical-line{display: none}
    .line-footer-3 a{font-size: 16px}
    .line-footer-2 img{max-width: 55px;}
    .line-footer-4{flex-wrap: wrap}
    .line-footer-5 img{
        width: 40px;
        height: 40px;
    }
}
@media screen and (width<=460px){
    .line-footer-4 img{
        max-width: 120px;
    }
    .line-footer-2 img{
        max-width: 45px;
    }
}



/*  area-system-description-cons  */
.area-system-description-cons{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 40px auto 50px auto;
}

.sys-desc-item-cons{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    /*padding: 25px 0;*/
    /*border-top: 1px solid #A7A7A7;*/
    /*border-bottom: 1px solid #A7A7A7;*/
    /*border: 1px solid;*/
}
.sys-desc-item-cons:first-child{border-top: 1px solid #A7A7A7;}
.sys-desc-item-cons:last-child{border-top:none}
.sys-desc-item-head-cons{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 25px 15px;
    display: flex;
    border-radius: 5px;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    cursor: pointer;
    background: #F8F9FE;
}
.sys-desc-item-head-cons *{pointer-events: none}
.sys-desc-item-body-cons{width: 100%; margin-bottom: 15px}

.sys-desc-item-title-cons{
    width: 100%;
    color: var(--color-3);
    margin: 0;
    font-weight: 500;
    font-size: 22px;
}
.sys-desc-item-text-cons{
    width: 100%;
    color: var(--color-3);
    margin: 0;
    font-weight: 300;
    font-size: 22px;
}
.sys-desc-item-text-cons.mb-2{
    margin-top: 0;
    margin-bottom: 20px;
}
.sys-desc-item-sub-title-cons{
    width: 100%;
    color: #A7A7A7;
    margin: 0;
    font-weight: 700;
    font-size: 25px;
}
.sys-desc-item-sub-title-cons.mb-2{
    margin-top: 0;
    margin-bottom: 20px;
}
.sys-imit-li-cons{
    display: block;
}

.sys-desc-item-img-cons{width:28px}

/*  Page about  */
.line-about-puzzle{
    display: grid;
    gap: 25px;
    justify-content: center;
    grid-template-columns: repeat(auto-fit, minmax(0, 305px));
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
}
.one-puzzle{
    width: 100%;
    max-width: 305px;
    border-radius: 15px;
    border: 1px solid rgba(0, 96, 255, 1);
    /*background: red;*/
    min-height: 140px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    font-weight: 300;
    gap: 5px;
    color: #FFFFFF;
    background-image: url('https://miabiznes.pl/wp-content/uploads/img/wpmini.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    cursor: pointer;
}
.one-puzzle b{font-weight: 500; pointer-events: none}
.one-puzzle:hover{
    border-radius: 15px;
    border: 1px solid rgba(0, 96, 255, 1);
    box-shadow: 0px 2px 10px rgba(0, 96, 255, 1);
}
@media screen and (width<=900px){

}

.modal-send-title{
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px auto 5px auto;
}
.modal-send-text{
    font-size: 20px;
    color: #FFFFFF;
    margin: 0px auto 25px auto;

}

/*  Contact */
.contact-line{
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 50px auto;
    display: flex;
    justify-content: space-between;
}
.contact-line{width: 100%}
.contact-col-t{
    color: var(--color-2);
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 15px 0;
}
.contact-col-d{
    opacity: 1;
    color: #9E9E9E;
    text-decoration: none;
    font-size: 25px;
    font-weight: 300;
    margin: 0;
}

@media screen and (width<=1000px){
    .contact-col {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        width: 100%;
    }
    .contact-line{
        flex-direction: column;
    }
    .contact-col-t{
        font-size: 20px;
        margin: 15px auto;
    }
}
@media screen and (width<=930px){
    .contact-line{
        margin: 0px auto 15px auto;
    }
    .google-maps{
        gap: 15px;
    }
}


/*  Consult */
.consult-q{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 40px auto 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.consult-q-item{
    width: 100%;
    background: #F8F9FE;
    padding: 20px 25px;
    display: flex;
    align-items: center;
    gap: 15px;
    border-radius: 15px;
}
.consult-q-item-title{
    color: var(--color-2);
    font-size: 18px;
    font-weight: 500;
    letter-spacing: 0px;
    text-align: left;
}

.consult-q-item-img{
    width: 45px;
    max-width: 45px;
    height: 45px;
    display: block;
}
.consult-q-item-p{
    font-size: 18px;
    font-weight: 500;
    margin: 0;
    color: var(--color-3);
}
#checkWorkTime{
    display: block;
    text-align: center;
    margin: 30px auto;
}
.p-check-time{
    font-weight: 500;
    font-size: 20px;
    margin: 0 auto 15px auto;
}
.text-check-time{
    font-weight: 300;
    font-size: 18px;
}
.line-pay-consult{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 0 15px;
    gap: 15px;
    margin: 30px auto 30px auto;
}
.line-pay-consult img{
    width: 100%;
    max-width: 110px;
    box-shadow: 0px 2px 6px rgba(148, 148, 148, 0.5);
    border-radius: 10px;
}
.video-block-back{
    width: 100%;
    max-width: 1330px;
    margin: 40px auto;
    border-radius: 35px;
    box-shadow: 0px 0px 16px rgba(170, 170, 170, 0.5);
    background: #F8F9FE;
    padding: 15px 15px 11px 15px;
}
.video-block video{border-radius: 23px;}
.video-block{
    border-radius: 20px;
}
@media screen and (width <= 1100px) {
    .consult-q{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media screen and (width <= 930px) {
    .line-pay-consult{
        margin: 15px auto;
    }
    .line-pay-consult img {
        max-width: 55px;
    }
    .consult-q-item{
        padding: 15px;
    }
    .consult-q{
        margin: 15px auto 15px auto;
        gap: 15px;
    }
    #checkWorkTime{
        margin: 5px auto 15px auto;
    }
    .video-block-back{
        margin: 15px auto 0px auto;
        border-radius: 20px;
    }
    .video-block video{
        border-radius: 15px;
    }
}

@media screen and (width <= 700px) {
    .consult-q{
        grid-template-columns: 1fr;
    }
    .video-block-back{
        padding: 10px 10px 6px 10px;
    }
}
p.justify{text-align: justify}
.menu-mrgb{margin-bottom: 15px!important;}

/*   Typography Media   */
@media screen and (width <= 930px) {
    .h1 {
        font-size: 25px;
        margin: 25px 0 15px 0;
    }
    .h2 {
        font-size: 23px;
        margin: 25px 0 15px 0;
    }
    .h3, .h4{
        font-size: 20px;
        margin: 25px 0 15px 0;
    }
    .h3.m-ban{
        margin: 25px 0 5px 0;
    }
    .h3.title-consult{
        margin: 10px 0 25px 0;
    }
    .w-100-mb-40{
        margin: 0 0 5px 0;
    }

    .advantages-text, .item-adv-desc{font-size: 18px!important;}

    .sub-title-h1, .p-about{font-size: 18px}
    .sub-title-h1, .co-container .co-container-desc-t, .adv-container .adv-container-desc-t{font-size: 18px;}
    .co-container .co-container-desc-d, .adv-container .adv-container-desc-d{font-size: 16px;}
    .r-item-body .r-title{
        font-size: 23px;
        padding: 15px 5px;
    }
    .r-item-price span{
        font-size: 30px;
    }
    .consult-q-item-p{font-size: 16px}
    .r-item-desc-p{
        font-size: 18px;
    }
    .r-item-btn, .btn-go-load-gallery , .btn-contact{
        font-size: 16px;
        max-width: 260px;
        height: var(--btn-height-m);
    }
    /*.btn-go-load-gallery{margin: }*/
    .block-col-3-one-title{font-size: 16px; margin: 0 0 15px 0}
    .block-col-3-one-desc{font-size: 16px}
    .contact-title-form{
        font-size: 18px;
        text-align: center;
        margin: 0 0 15px 0;
    }
    .contact-title-sub{
        font-size: 18px;
        text-align: center;
    }
    li, .l-footer-title, .l-footer-infolinia{
        font-size: 18px;
    }
    .l-footer-text{
        font-size: 16px;
    }
    .line-footer-3 a{font-weight: 300}
}
@media screen and (width <= 600px) {
    .h1 span.no-br, .h2 span.no-br, .h3 span.no-br, .h4 span.no-br{
        display: initial
    }
}



.error-calc, .modal-inp-error {
    border: 1px solid red !important
}


@media screen and (max-width: 765px) {
    .HYPE_scene div .mc-calc-block {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        gap: 15px !important
    }

    .HYPE_scene div .mc-calc-block-right-title {
        margin: 15px 0 !important
    }

    .HYPE_scene div .mc-calc-block-left, .mc-calc-block-right {
        padding: 0 !important;
        border: none !important
    }

    .HYPE_scene div .mc-calc-select-div .mc-calc-select, .HYPE_scene div .mc-calc-title-left {
        font-size: 14px
    }

    .mc-non-mob, .only-pc {
        display: none
    }
}

/*  Modal form with banner*/
.HYPE_scene div .mc-form-in-modal, .creative-a-item-right {
    display: flex;
    flex-direction: column;
    gap: 15px
}
.mc-modal {
    position: fixed;
    background-color: rgba(0, 0, 0, .4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: .3s;
    height: 100%;
    width: 100%;
    z-index: 999
}

.mc-modal-content {
    border-radius: 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0;
    width: 100%;
    max-width: 500px;
    height: 400px;
    overflow: hidden
}
.mc-modal-content.send-f{
    height: auto;
    padding: 25px 20px;
}

.HYPE_scene div .mc-form-in-modal-input {
    background: #fff;
    color: #000;
    width: 100%;
    height: 38px;
    max-height: 38px;
    border-radius: 7px !important;
    border: none;
    padding: 5px 15px;
    outline: 0;
    box-sizing: border-box
}

.HYPE_scene div .mc-form-in-modal-textarea {
    background: #fff;
    width: 100%;
    resize: none;
    min-height: 65px;
    border-radius: 7px;
    border: none;
    padding: 5px 15px;
    outline: 0;
    box-sizing: border-box
}

.HYPE_scene div .mc-form-in-modal-button {
    width: 150px;
    height: 38px;
    border: none;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: 7px;
    font-size: 16px;
    line-height: 10px;
    color: #000
}

@media screen and (max-width: 550px) {
    .mc-modal-content {
        max-width: 90%;
        margin: 0 auto
    }
}

@media screen and (max-width: 350px) {
    .form-section > .mc-title-form {
        font-size: 22px
    }
}
/* end Modal form with banner*/



/* gallery */
.gallery-item {
    width: 100%;
}

.gallery-item img{
    width: 100%;
    height: 100%;
    cursor: pointer;
    object-fit: cover;
    border-radius: 15px;
    box-shadow: 0px 7px 11px rgba(182, 182, 182, 0.5);
}
.gallery-item video {
    width: 100%;
    height: 100%;
    cursor: pointer;
    object-fit: cover;
    box-shadow: 0px 7px 11px rgba(182, 182, 182, 0.5);
    border-radius: 15px;
}

.lightbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 9;
}

.lightbox-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    height: 90%;
    position: relative;
}

.lightbox-content {
    max-width: 80%;
    max-height: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.lightbox img:not(.arrow-gallery-img){
    max-width: 100%;
    max-height: 100%;
}
.lightbox video {
    max-width: 1200px;
    width: 100%;
    height: 100%;
    max-height: 720px;
}

.close {
    position: absolute;
    top: 20px;
    right: 20px;
    color: white;
    font-size: 50px;
    cursor: pointer;
}

.arrow {
    background-color: transparent;
    border: none;
    cursor: pointer;
    padding: 10px;
    z-index: 10;
    display: flex;
    align-items: center;
    border-radius: 50px;
}

.left-arrow {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.right-arrow {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.arrow-gallery-img{
    width: 100%;
    max-width: 45px;
}
@media screen and (max-width: 930px){
    .gallery-item img, .gallery-item video{
        border-radius: 10px;
    }
}
@media screen and (max-width: 550px){
    .right-arrow {
        position: absolute;
        right: 30%;
        top: auto;
        bottom: 0;
        transform: translateY(-50%);
    }
    .left-arrow {
        position: absolute;
        left: 30%;
        top: auto;
        bottom: 0;
        transform: translateY(-50%);
    }
    .arrow-gallery-img {
        max-width: 45px;
    }
    .lightbox-wrapper{
        width: 100%;
    }
}
/* END gallery */

/* cookie*/
.cookie-consent {
    position: fixed;
    bottom: 0;
    max-width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    border-radius: 5px;
    width: 100%;
    background: #FFFFFF;
    color: var(--color-3);
    text-align: center;
    padding: 15px;
    display: none;
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(182, 182, 182, 0.5);
    flex-direction: column;
}

.cookie-consent p {
    display: block;
    font-size: 16px;
    line-height: 25px;
}

.cookie-consent button {
    background-image: linear-gradient(270deg, rgba(162, 81, 255, 1) 0%, rgba(0, 96, 255, 1) 100%);
    color: white;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    width: 200px;
    margin: 0 auto;
    font-weight: 300;
    border-radius: 30px;
    font-size: 18px;
}

.cookie-consent button:hover {
    background-color: #45a049;
}
@media screen and (max-width:900px) {
    .cookie-consent {
        max-width: 90%;
    }
}
/* END cookie*/


/*   CLOUD   */
.block-select-oc {
    display: grid;
    gap: 25px;
    justify-content: center;
    grid-template-columns: repeat(4, 1fr);
    /*grid-template-columns: repeat(3, minmax(250px, 415px));*/
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 40px auto 0 auto;
}

.one-oc {
    width: 100%;
    height: 100%;
    /*display: flex;*/
    /*justify-content: center;*/
    /*align-items: center;*/
    border-radius: 20px;
    position: relative;
}

.one-oc-text {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    opacity: 1;
    color: #FFFFFF;
    font-size: 35px;
    font-weight: 500;
    letter-spacing: 0px;
}

.one-oc-img {
    width: 100%;
    cursor: pointer;
}

/**/
.cloud-one-root {
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin: 40px auto;
    flex-direction: column;
}

.cloud-multi-root {
    width: 100%;
    display: flex;
    background: #F8F9FE;
    justify-content: center;
    align-items: center;
    gap: 35px;
    padding: 30px;
    flex-direction: column;
    border-radius: 20px;
}
.cloud-one-mobile{
    width: 100%;
    display: flex;
    background: #F8F9FE;
    justify-content: center;
    align-items: center;
    padding: 30px;
    flex-direction: column;
    border-radius: 20px;
}
.cloud-multi-mobile-root {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    flex-direction: column;
}
.cloud-one-line {
    width: 100%;
    padding: 30px;
    background: #F8F9FE;
    border-radius: 20px;
    display: flex;
    justify-content: center;
    align-items: start;
    gap: 30px;
}

.cloud-multi-root .cloud-one-line , .cloud-multi-mobile-root .cloud-one-line{
    padding: 0;
}

.cloud-one-right {
    width: 100%;
}

.cloud-img-500 {
    width: 100%;
    max-width: 500px
}

.cloud-title {
    color: var(--color-3);
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}
.cloud-title.mbt-40{
    margin: 40px 0;
}
.cloud-title.mt-40mb-5{
    margin: 40px 0 5px 0;
}

.cloud-text {
    color: var(--color-3);
    font-size: 20px;
    font-weight: 300;
    margin: 0;
    line-height: 30px;
}
.cloud-one-mobile-line{
    width: 100%;
    display: flex;
    gap: 30px;
}
.cloud-line-mob-btn{
    width: 100%;
    margin: 40px auto;
    display: flex;
    gap: 15px;
    justify-content: start;
    align-items: center;
}
.cloud-one-m-l{
    width: 100%;
    max-width: 455px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}
.cloud-one-m-r{
    width: 100%;
}
.cloud-img-mobile-oc{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 200px;
    cursor: pointer;
}

.cloud-text b {
    font-weight: 500
}

.cloud-text.mb-25, .cloud-title.mb-25 {
    margin: 0 0 25px 0
}

.cloud-text.mb-20 {
    margin: 0 0 20px 0
}
.cloud-btn-mobile-oc{
    border-radius: 35px;
    width: 100%;
    background-color: transparent;
    max-width: 200px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0060FF;
    border: 1px solid #0060FF;
    height: var(--btn-height);
    font-size: 18px;
    font-weight: 300;
    text-decoration: none;
    flex-shrink: 0;
    cursor: pointer;
}
.cloud-btn-mobile-oc.active{
    background-color: var(--btn-blue-color);
    color: #FFFFFF;
}
.cloud-img-220{
    width: 100%;
    max-width: 220px;
}

/**/
@media screen and (max-width: 1300px) {
    .cloud-img-500{
        max-width: 400px;
    }
    .cloud-text{line-height: normal; font-size: 18px}
}
@media screen and (max-width: 1152px) {
    .one-oc-text {
        font-size: 25px;
    }
}
@media screen and (max-width: 1020px) {
    .cloud-one-line{
        flex-direction: column;
    }
    .cloud-one-mobile-line{flex-wrap: wrap;}
}
@media screen and (max-width: 930px) {
    .cloud-text{font-size: 16px}
    .cloud-title{font-size: 22px}
    .cloud-multi-root{
        gap: 15px;
        padding: 15px;
    }
    .cloud-text.mb-25, .cloud-title.mb-25 {
        margin: 0 0 15px 0
    }
    .cloud-one-root {
        margin: 15px 0;
    }
    .cloud-one-line{
        padding: 15px;
        gap: 15px;
    }
    .cloud-one-mobile{
        padding: 15px;
    }
    .cloud-one-mobile-line{
        gap: 15px;
    }
    .cloud-line-mob-btn{
        margin: 15px auto;
    }
    .cloud-multi-mobile-root {
        gap: 15px;
    }
    .block-select-oc {
        margin: 15px auto;
    }
}
@media screen and (max-width: 600px) {
    .one-oc-text {
        font-size: 18px;
    }
    .cloud-img-mobile-oc{
        max-width: 130px;
    }
    .cloud-line-mob-btn{flex-wrap: wrap}
    .block-select-oc {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media screen and (max-width: 380px) {
    .one-oc-text {
        font-size: 14px;
    }
}
/*  END  CLOUD   */

/*   Activities    */
.our-activities-main {
    display: flex;
    flex-direction: column;
    gap: 40px;
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
}

.our-activity-one {
    width: 100%;
    border-radius: 20px;
    background: #F8F9FE;
    padding: 25px 40px 20px 25px;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.our-activity-body {
    width: 100%;
    border-radius: 20px;
    background: #F8F9FE;
    display: flex;
    gap: 35px;
}

.our-activity-img {
    width: 100%;
    max-width: 250px;
    border-radius: 15px;
}

.our-activity-right {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 20px;
    height: 100%;
}

.our-activity-t {
    color: #363E5E;
    font-size: 30px;
    font-weight: 500;
    margin: 0;
}

.our-activity-desc {
    color: #363E5E;
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}

.btn-activity {
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    width: 100%;
    max-width: 180px;
    margin-left: auto;
    height: 50px;
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    cursor: pointer;
    background: #0060FF;
    border-radius: 30px;
}

.our-activity-gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, 231px);
    gap: 15px;
}

.activity-gallery-img {
    width: 100%;
    cursor: pointer;
    border-radius: 15px;
}

@media screen and (min-width: 930px) {
    .co-container-icon-mobile {
        display: none;
    }
}

@media screen and (max-width: 930px) {
    .our-activities-main {
        gap: 15px;
    }
    .co-container-mobile{
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .co-container-icon-mobile {
        border-radius: 5px;
        display: block;
        width: 100%;
        max-width: 60px;
        height: auto;
    }
    .our-activity-img {
        display: none;
    }
    .our-activity-body {
        /*flex-direction: column;*/
        gap: 15px;
    }
    .our-activity-one {
        padding: 15px;
        gap: 15px;
    }

    .btn-activity {
        margin-left: 0;
    }

    .our-activity-right {
        gap: 15px;
    }

    .our-activity-img {
        margin: 0 auto;
        max-width: 200px
    }

    .our-activity-t {
        font-size: 18px;
        text-align: left;
    }

    .our-activity-desc {
        font-size: 18px;
        text-align: left;
    }

    .our-activity-gallery {
        grid-template-columns: repeat(2, auto);
        justify-content: center
    }
}
/*  END  Activities    */



/*   About page   */

.about-single-block {
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    gap: 30px;
}
.about-single-img{
    width: 100%;
    max-width: 300px;
    box-shadow: 0px 7px 11px rgba(182, 182, 182, 0.5);
    border-radius: 20px;
}
.about-single-right{
    width: 100%;
    background: #F8F9FE;
    padding: 30px;
    border-radius: 20px;
}
.about-single-name{
    margin: 0 0 15px 0;
    font-size: 25px;
    font-weight: 500;
}
.about-single-block .about-single-name{color: #0060FF;}
.about-multi-block .about-single-name{color: #A251FF;}
.about-single-position{
    margin: 0 0 30px 0;
    font-size: 20px;
    font-weight: 300;
    color: #8BB7FF;
}
.about-multi-block .about-single-position{color: #8BB7FF;}
.about-multi-block .about-single-position{color: #C28CFF;}
.about-single-text{
    margin: 0;
    font-size: 20px;
    line-height: 30px;
    font-weight: 300;
    color: #363E5E;
}
.about-one-user{
    width: 100%;
}
.about-user-name{
    margin: 0 0 10px 0;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #A251FF;
}
.about-user-position{
    margin: 0;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #C28CFF;
}
.navigation-about{
    width: 100%;
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.btn-about-back{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    border: none;
    outline: none;
    width: 100%;
    max-width: 150px;
    margin: 0 auto;
    border-radius: 35px;
    height: var(--btn-height);
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    cursor: pointer;
}
.btn-about-back *{pointer-events: none}
.imitation-w{width: 100%;max-width: 150px;}
.btn-about-back img{width: 20px; height: 20px}

.about-col-4{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 27px;
}
.about-multi-one{
    width: 100%;
    border-radius: 20px;
    text-align: center;
    padding: 15px;
    min-height: 305px;
}
.about-one-img{
    width: 100%;
    max-width: 180px;
    border-radius: 50px;
    margin-bottom: 20px;
}
.back-purple{
    background-image: linear-gradient(270deg, rgba(162, 81, 255, 0.5) 0%, rgba(0, 96, 255, 0.5) 100%);
}
.back-purple p{color: #FFFFFF;}
.back-pink{
    background-color: rgba(250, 246, 255, 1);
}

@media screen and (max-width: 1000px) {
    .about-single-block {
        align-items: start;
        gap: 15px;
    }
    .about-multi-top{
        gap: 15px;
        align-items: start;
    }
    .about-multi-bottom {
        gap: 15px;
    }
    .about-single-img{max-width: 250px}
    .about-one-img{max-width: 200px}
    /*    */
    .about-single-text{font-size: 16px}

    .about-user-name{
        font-size: 15px;
        margin: 0 0 5px 0;
    }
    .about-user-position{font-size: 15px;}

    .about-col-4{
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}
@media screen and (max-width: 930px) {
    .line-about-puzzle{
        gap: 15px;
    }
    .about-single-right{
        padding: 15px;
    }
    .about-single-position{
        margin: 0 0 15px 0;
    }
    .about-one-img{
        margin-bottom: 15px;
    }
    .about-col-4{
        margin: 0 auto;
    }
    .about-single-block.mb-mob {
        margin-bottom: 15px;
    }

}
@media screen and (max-width: 720px) {
    .about-single-block ,.about-multi-top{
        flex-direction: column;
        align-items: center;
        gap: 15px;
    }
    /*    */
    .about-single-name{
        font-size: 20px;
    }
    .about-single-position{
        font-size: 18px;
    }
}
@media screen and (max-width: 600px) {
    .navigation-about{
        flex-wrap: wrap;
    }
    .about-single-img {
        max-width: 100%;
    }
    .about-single-text{
        line-height: 25px;
    }
    .about-multi-one{
        min-height: auto;
    }
    .btn-about-back.hidden{
        display: none!important;
    }
}
@media screen and (max-width: 376px) {
    .about-multi-bottom {
        grid-template-columns: repeat(auto-fit, minmax(100px, 120px));
        gap: 15px;
    }
}
/*   END About page   */


/*   rates   */
.rate-section{
    display: grid;
    grid-template-columns: repeat(4, minmax(280px, 385px));
    justify-content: center;
    width: 100%;
    max-width: 1645px;
    padding: 0 30px;
    margin: 0 auto;
    gap: 20px;
}
.one-rate{
    width: 100%;
    margin: 0 auto;
    /*max-width: 370px;*/
    background: transparent;
    border-radius: 20px;
    border: 1px solid #007AFF;
    opacity: 1;
    color: var(--color-3);
}
.one-rate:hover{
    box-shadow: 0px 0px 23px rgba(0, 122, 255, 0.45);
}
.one-rate.rate-blue{
    border-radius: 20px;
    opacity: 1;
    border: 1px solid transparent;
    color: #FFFFFF;
    background-image: linear-gradient(270deg, rgba(162, 81, 255, 1) 0%, rgba(0, 123, 255, 1) 100%);
}
.one-rate-item{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 10px;
}

.one-rate-item p {
    margin: 0;
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: var(--color-3);
    line-height: 20px;
}
.one-rate.rate-blue .one-rate-item p{
    color: #FFFFFF;
}
.one-rate-head p{
    font-size: 25px;
    color: var(--color-3);
    font-weight: 700;
    margin: 25px auto;
    text-align: center;
}
.one-rate-head p.blue{
    color: #FFFFFF!important;
}
.one-rate-body{
    padding: 0 20px;
    display: flex;
    gap: 15px;
    flex-direction: column;
}
.one-rate-bottom{
    text-align: center;
    margin-top: 25px;
    margin-bottom: 20px ;
}
.one-rate-bottom-title{
    text-decoration: none;
    font-size: 22px;
    line-height: 20px;
    font-weight: 400;
    margin: 0 0 5px 0;
}
.one-rate-bottom-title.blue{color:#007AFF; }

.one-rate-bottom-price{
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 20px 0;
    color: var(--color-3);
}
.rate-blue .one-rate-bottom-price{
    color: #FFFFFF!important;
}
.rate-slider{display: none}

.btn-order{
    border-radius: 23px;
    background-color: #007AFF;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    height: 50px;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid #007AFF;
    cursor: pointer;
    text-decoration: none;
    box-sizing: border-box;
}
.one-rate-accountant-info{
    margin: 20px 0 0 0;
    display: flex;
    align-items: center;
    padding: 0 25px;
    width: 100%;
    gap: 10px;
}
.one-rate-accountant-info img{
    width: 20px;
    height: 20px;
}
.one-rate-accountant-info p{
    font-size: 12px;
    line-height: 13px;
    font-weight: 400;
    color: #007AFF;
    text-align: left;
    margin: 0;
}
.one-rate-accountant-info p.one-rate-demo{
    color: #ffffff;
}
.one-rate-accountant-info.inline-b{
    justify-content: center;
    margin: 30px auto 20px auto;
}
.one-rate-accountant-info.inline-b p{
    font-size: 18px;
    line-height: 21px;
}
.important-hidden{
    visibility: hidden;
}
.t-one-l{
    white-space: nowrap;
}
.btn-order.white-border {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #007AFF;
}
.pad-5{
    padding-bottom: 5px;
}
@media screen and (width<=1315px){
    .rate-section {
        grid-template-columns: repeat(2, minmax(330px, 385px));
        padding: 0 15px;
    }
}
@media screen and (width<=830px){
    .one-rate-item p{
        font-size: 16px;
    }
}
/*    .rate-section{display: none}*/
/*    .rate-slider{*/
/*        display: block;*/
/*        width: 100%;*/
/*        max-width: 100%;*/
/*        !*max-width: 360px;*!*/
/*        margin: 0 auto;*/
/*        overflow: hidden;*/
/*        padding: 0 15px;*/
/*    }*/
/*}*/
/*  END rates   */

/*   rates MINI  */
.rate-section-mini{
    display: grid;
    grid-template-columns: repeat(4, minmax(280px, 385px));
    justify-content: center;
    width: 100%;
    max-width: 1645px;
    padding: 0 15px;
    margin: 0 auto;
    gap: 20px;
}
.rate-section-mini.one-item{
    display: grid;
    grid-template-columns: minmax(280px, 450px);
}
.rate-section-mini.without-title{
    margin: 40px auto;
}
.rate-section-mini.marg-40-60{
    margin: 40px auto 60px auto;
}

.one-rate-mini{
    padding: 20px 20px 25px 20px;
    width: 100%;
    margin: 0 auto;
    /*max-width: 370px;*/
    background: transparent;
    border-radius: 20px;
    border: 1px solid #007AFF;
    opacity: 1;
    color: var(--color-3);
}

.one-rate-mini-top{
    height: 100%;
}
.one-rate-mini.e-doc {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.one-rate-mini-head{
    border-radius: 24px;
    width: 100%;
    height: 48px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    background-image: linear-gradient(270deg, rgba(157, 82, 255, 1) 0%, rgba(0, 122, 255, 1) 100%);
}
.one-rate-mini-head p{
    font-size: 20px;
    font-weight: 500;
    margin: 0;
    color: #FFFFFF;
    padding: 0 5px;
}
.one-rate-mini:hover{
    box-shadow: 0px 0px 23px rgba(0, 122, 255, 0.45);
}

.one-rate-mini-desc{
    color: var(--color-3);
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    line-height: 20px;
    margin: 0 0 25px 0;
}
.one-rate-mini-price{
    font-size: 30px;
    font-weight: 700;
    text-align: center;
    margin: 0 0 25px 0;
    color: var(--color-3);
}
.desc-with-icon{
    display: flex;
    justify-content: start;
    gap: 12px;
    margin-bottom: 25px;
}
.desc-with-icon.first{
    margin-bottom: 20px;
}
.one-rate-mini-img{
    width: 23px;
    height: 23px;
}
.desc-with-icon .one-rate-mini-desc{
    margin: 0;
}
.one-rate-mini-btn{
    border-radius: 23px;
    background-color: #007AFF;
    width: 100%;
    max-width: 180px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    height: 50px;
    font-size: 18px;
    font-weight: 300;
    border: 1px solid #007AFF;
    cursor: pointer;
    text-decoration: none;
}

@media screen and (width <= 1400px) {
    .rate-section-mini {
        display: grid;
        grid-template-columns: repeat(2, minmax(280px, 385px));
    }
}
@media screen and (width <= 810px) {
    .rate-section-mini {
        display: grid;
        grid-template-columns: minmax(280px, 385px);
    }
    .rate-section-mini.without-title{
        margin: 0;
    }
}

/* end  rates MINI  */

/*  mia-start  */
.mia-start-register{
    width: 100%;
    max-width: 1210px;
    margin:  0 auto 40px auto;
    padding: 0 15px;
}
.mia-start-main-pc,.mia-start-main-mobile{
    width: 100%;
}
.mia-start-r-head{
    display: grid;
    width: 100%;
    gap: 40px;
    margin-bottom: 40px;
    grid-template-columns: repeat(3, 1fr);
}
.mia-start-r-hea-item{
    display: flex;
    border-radius: 37px;
    height: 73px;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 0 15px;
    cursor: pointer;
}
.mia-start-r-hea-item p{
    font-size: 18px;
    font-weight: 400;
    margin: 0;
}
.mia-start-r-hea-item img{
    width: 35px;
    height: 35px;
}
.mia-start-r-hea-item *{
    pointer-events: none;
}
.mia-start-r-hea-item.reg-blue{
    background: #0060FF;
    color: #ffffff;
}
.mia-start-r-hea-item.purple{
    background: #9D52FF;
    color: #ffffff;
}
.mia-start-r-hea-item.gray{
    background: #F8F9FE;
    color: #363E5E;
}
/*jdg*/
.mia-start-main-jdg, .mia-start-main-company{
    width: 100%;
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}
.mia-start-one{
    border-radius: 17px;
    border: 1px solid #0060FF;
    padding: 20px 20px 25px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    max-width: 100%;
    margin: 0 auto;
}
.mia-start-one:hover{
    box-shadow: 0px 0px 23px rgba(0, 122, 255, 0.45);
}
.mia-start-main-company .mia-start-one{
    border: 1px solid #9D52FF;
}
.mia-start-main-company .mia-start-one:hover{
    box-shadow: 0px 0px 23px rgba(157, 82, 255, 0.45);
    border-radius: 23px;
}

.mia-start-one-head{
    border-radius: 24px;
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    font-weight: 500;
}
.mia-start-one-head.jdg{
    background-image: linear-gradient(270deg, rgba(81, 204, 255, 1) 0%, rgba(1, 98, 255, 1) 100%);
    color: #FFFFFF;
}
.mia-start-one-head.company{
    background-image: linear-gradient(270deg, rgba(204, 160, 255, 1) 0%, rgba(162, 81, 255, 1) 100%);
    color: #FFFFFF;
}
.mia-start-one-text p{
    color: var(--color-3);
    font-size: 16px;
    font-weight: 400;
    margin: 0;
}
.mia-start-one-text span{
    display: block;
    width: 100%;
    border-radius: 20px;
    background-color: #ECF3FF;
    color: var(--color-3);
    padding: 5px 15px;
    font-size: 13px;
    font-weight: 300;
    margin-top: 5px;
}
.mia-start-main-company .mia-start-one-text span, .mia-start-main-company-mob .mia-start-one-text span{
    background: #F0E5FF;
}
.mia-start-one-top{
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.mia-start-one-bottom{
    color: #0161FF;
    font-size: 13px;
    font-weight: 300;
    text-align: center;
    margin-top: 20px;
}
.mia-start-main-company .mia-start-one-bottom, .mia-start-main-company-mob .mia-start-one-bottom{
    color: #9D52FF;
}
.mia-start-one-bottom-text{
    padding: 0 5px;
    margin: 0;
}
.mia-start-price{
    color: var(--color-3);
    font-size: 40px;
    font-weight: 400;
    text-align: center;
    margin: 25px auto;
}
.mia-start-price span{ font-size: 25px;}
.mia-start-one-btn{
    border-radius: 23px;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #FFFFFF;
    height: 50px;
    font-size: 18px;
    font-weight: 300;
    cursor: pointer;
    text-decoration: none;
}
.mia-start-main-jdg .mia-start-one-btn, .mia-start-main-jdg-mob .mia-start-one-btn{
    background-color: #007AFF;
    border: 1px solid #007AFF;
}
.mia-start-main-company .mia-start-one-btn, .mia-start-main-company-mob .mia-start-one-btn{
    background-color: #9D52FF;
    border: 1px solid #9D52FF;
}
.mia-start-main-company-mob  .mia-start-one{
    border: 1px solid #9D52FF;
}
.mia-start-main-company-mob  .mia-start-one:hover {
    box-shadow: 0px 0px 23px rgba(157, 82, 255, 0.45);
}
.mia-start-main-mobile, .mia-start-main-company-mob{
    /*overflow: hidden;*/
    display: none;
}
.mia-start-main-jdg-mob, .mia-start-main-company-mob{
    position: relative;
    padding-bottom: 35px;
}
/**/
.mia-start-steps{
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.mia-start-step{
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 15px;
    background: #F8F9FE;
    border-radius: 13px;
    padding: 20px 25px;
}
.mia-start-step-title{
    font-size: 25px;
    font-weight: 500;
    color: #0060FF;
    margin: 0;
}
.mia-start-step-p{
    font-size: 20px;
    font-weight: 300;
    color: #363E5E;
    margin: 0;
}
.mia-start-step-p span{
    display: block;
    font-size: 16px;
}
/* modal mia star*/
/* Основной контейнер модального окна */
.mia-start-mc-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .4);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}

/* Скрытое модальное окно */
.none {
    display: none;
}
.mia-start-mc-modal .mc-modal-content {
    background-color: #000000d9;
    margin: auto;
    padding: 20px;
    text-align: center;
    color: #fff;
    /*border: 1px solid #888;*/
    width: 100%;
    max-width: 540px;
    border-radius: 15px;
    background-image: linear-gradient(270deg, rgba(157, 82, 255, 0.9) 0%, rgba(0, 122, 255, 0.9) 100%);
    /*box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2), 0 6px 20px 0 rgba(0, 0, 0, .19);*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: .4s;
    animation-name: animatetop;
    animation-duration: .4s;
}

/* Логотип внутри модального окна */
.miastart-logo {
    width: 200px;
    margin-bottom: 30px;
    margin-top: 15px;
}
.miastart-logo.send-f {
    margin-bottom: 25px;
}

/* Заголовок модального окна */
.mc-modal-content-title {
    font-size: 18px;
    margin: 0 auto 15px auto;
}

/* Поля ввода */
.mia-start-modal-input {
    width: 100%;
    padding: 10px 20px;
    border-radius: 19px;
    /*max-width: px;*/
    margin: 0 auto 15px auto;
    border: 1px solid #FFFFFF;
    background: transparent;
    color: #FFFFFF;
    font-size: 16px;
}
.mia-start-modal-input::placeholder {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    opacity: 1; /* Убедитесь, что placeholder полностью виден */
}

/* Для Mozilla Firefox */
.mia-start-modal-input::-moz-placeholder {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    opacity: 1;
}

/* Для Microsoft Edge и Internet Explorer */
.mia-start-modal-input:-ms-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
}

/* Для старых версий IE 10 */
.mia-start-modal-input::-ms-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
}

/* Для WebKit-браузеров, таких как Chrome и Safari */
.mia-start-modal-input::-webkit-input-placeholder {
    font-size: 16px;
    font-weight: 300;
    color: #FFFFFF;
    opacity: 1;
}
.mia-start-modal-input:focus{
    outline: none;
}

/* Кнопка отправки формы */
.mia-start-send-form-fcl {
    background-color: #FFFFFF;
    color: #0060FF;
    border: none;
    /*padding: 10px 20px;*/
    border-radius: 30px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s ease;
    width: 180px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px auto 0 auto;
}
.mia-start-send-form-result {
    background-color: #FFFFFF;
    color: #0060FF;
    border: none;
    /*padding: 10px 20px;*/
    border-radius: 30px;
    cursor: pointer;
    font-size: 18px;
    transition: background-color 0.3s ease;
    width: 180px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 5px auto 0 auto;
}

/* Ховер эффект для кнопки */
.mia-start-send-form-fcl:hover {
    background-color: #f1f1f1;
}

/* Сообщение об ошибке */
.mia-start-fcl-form-error {
    color: #ff0009;
    font-size: 14px;
    margin: 10px 0;
    display: block;
}
.form-client-before, .form-client-after{
    width: 100%;
}
/* END modal mia star*/


@media screen and (width<=1000px) {
    .mia-start-r-head{
        width: 100%;
        gap: 15px;
        justify-content: center;
        grid-template-columns: minmax(200px, 370px);
        margin-bottom: 15px;
    }
    .mia-start-main-pc {
        display: none;
    }
    .mia-start-main-mobile, .mia-start-main-company-mob{
        display: block;
    }
    .mia-start-main-mobile{
        padding: 15px;
    }
    .mia-start-one-top{
        gap: 15px;
    }
}
@media screen and (width<=1000px) {
    .mia-start-step-title {
        font-size: 18px;
    }
    .mia-start-one{width: 100%}
    .mia-start-step-p{  font-size: 18px;}
    .mia-start-register{
        padding: 0;
        margin: 0 auto;
    }
}
@media screen and (width<=550px) {
    .mia-start-mc-modal .mc-modal-content{
        max-width: 95%;
    }
}


/* END mia-start  */

/* how-work-mia-start  */

.how-work-mia-start{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 0 auto 40px auto;
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 1fr;
}
.how-work-mia-one{
    background: #F8F9FE;
    border-radius: 25px;
    box-shadow: 0px 3px 10px rgba(128, 128, 128, 0.5);
    padding: 10px;
}
.how-work-mia-one-body{
    border-radius: 20px;
    background-color: #FFFFFF;
    height: 100%;
    padding: 20px 25px;
}

.how-work-mia-one-head{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
}
.how-work-mia-one-head img{
    width: 45px;
    height: 45px;
}
.how-work-mia-one-head p{
    color: var(--color-3);
    font-size: 25px;
    font-weight: 500;
    margin: 0;
}
.how-work-mia-one-list p{
    color: var(--color-3);
    font-size: 20px;
    font-weight: 300;
    line-height: 25px;
    margin: 0;
}
.how-work-mia-one-list a{
    color: #0060FF;
    text-decoration: none;
    font-weight: 500;
}

.how-work-mia-one-list{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
@media screen and (width<=1000px) {
    .how-work-mia-start{
        display: grid;
        gap: 15px;
        justify-content: center;
        grid-template-columns: minmax(250px, 500px);
    }
    .how-work-mia-one-list{
        gap: 15px;
    }
    .how-work-mia-one-head p{
        font-size: 18px;
    }
    .how-work-mia-one-list p{
        font-size: 18px;
    }

}

/* END how-work-mia-start  */


/*  Steps invoice*/
.invoice-steps{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
    max-width: 1350px;
    padding: 0 15px;
    margin: 0 auto;
}
.invoice-step-item{
    background: #F8F9FE;
    border: 2px solid transparent;
    border-radius: 20px;
    padding: 25px;
}
.invoice-step-item:hover{
    border: 2px solid #DCE1FC;
}
.invoice-step-item p{
    color: var(--color-3);
    font-size: 20px;
    font-weight: 300;
    margin: 0;
}
.invoice-step-item img{
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide{
    height: 100% !important;
}
.rate-slider{
    position: relative;
    padding-bottom: 35px;
}
@media screen and (width<=930px){
    .invoice-steps{
        display: grid;
        grid-template-columns: 1fr;
        gap: 15px;
        max-width: 500px;
        margin: 0 auto;
    }
    .invoice-step-item{
        background: #F8F9FE;
        border: 2px solid transparent;
        justify-content: center;
        border-radius: 20px;
        padding: 15px;
        align-items: center;
        gap: 10px;
        display: flex;
    }
    .advantages-slider>.swiper-pagination, .area-reviews>.swiper-pagination, .rate-slider>.swiper-pagination{
        bottom: 0!important;
    }
    .rate-section{display: none}
    .rate-slider{
        display: block;
        width: 100%;
        max-width: 100%;
        padding: 0 15px;
        margin: 0 auto;
        overflow: hidden;
    }
    .invoice-step-item p{
        text-align: left;
        font-size: 18px;
    }
    .invoice-step-item img{
        width: 35px;
        height: 35px;
        margin-bottom: 0;
    }
}
/*  END Steps invoice*/

/* advantages*/
.area-advantages-background{
    width: 100%;
    background-image: linear-gradient(270deg, rgba(162, 81, 255, 1) 0%, rgba(84, 183, 255, 1) 53%, rgba(0, 96, 255, 1) 100%);
    padding: 40px 0;
}
.area-advantages{
    width: 100%;
    max-width: 1400px;
    padding: 40px 15px;
    margin: 0 auto;
    border-radius: 15px;
    border: 1px solid #FFFFFF;
    overflow: hidden;
}
.area-advantages.no-mrg{
    margin: 0 auto;
}
.area-advantages-title-top{
    font-size: 20px;
    font-weight: 500;
    color: #FFFFFF;
    margin: 0 auto 40px auto;
    text-align: center;
}
.item-adv{
    width: 100%;
    display: flex!important;
    gap: 15px;
    height: 100px;
    justify-content: start;
    align-items: center;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 30px 15px;
}
.item-adv-desc{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 300;
}
.advantages-text{
    text-align: center;
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    padding: 0 15px;
    margin: 40px auto 0 auto;
}
.advantages-text span{display: block; width: 100%; font-weight: 300;}
/*.advantages-text.consult-te{*/
/*    margin: 40px auto 0 auto;*/
/*}*/
.swiper-pagination {
    bottom: 10px;
}
/*.advantages-slider, .area-reviews, .rate-slider{*/
.area-reviews, .rate-slider{
    position: relative;
    padding-bottom: 35px;
}
.advantages-slider>.swiper-pagination, .area-reviews>.swiper-pagination, .rate-slider>.swiper-pagination {
    bottom: 0!important;
}

.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #838383 !important; /* Change to your desired color */
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background-color: #007AFF!important; /* Change to your desired color for the active dot */
}

@media screen and (max-width: 930px){

    .item-adv.invoice-sl{
        height: 100px;
    }
    .item-adv.doc-sl{
        height: 110px;
    }
    .item-adv.cons-sl{
        height: 130px;
    }
    .item-adv{
        height: 130px;
    }

    .area-advantages-title-top{
        font-size: 18px;
    }
}
/*box-shadow: 0px 0px 23px rgba(0, 122, 255, 0.45);*/

/* END advantages*/


/*   referal   */
.block-col-3-referal{
    display: flex;
    gap: 105px;
    max-width: 1160px;
    padding: 50px 15px;
    margin: 0 auto;
    justify-content: center;
}
.block-col-3-ref-white{
    height: 135px;
    width: 3px;
    background: #FFFFFF;
}
.block-col-3-ref-title{
    color: #FFFFFF;
    font-size: 100px;
    font-weight: 700;
    text-align: center;
    line-height: 85px;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}
.block-col-3-ref-text{
    color: #FFFFFF;
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin: 0;
}
/*   referal steps   */
.block-col-1-background-pad{
    padding: 0 15px;
}
.block-col-1-background{
    max-width: 1160px;
    padding: 20px 25px;
    margin: 0 auto;
    justify-content: center;
    background: #F8F9FE;
    border-radius: 13px;
}
.block-col-1-title{
    color: #007AFF;
    font-size: 25px;
    margin: 0 0 15px 0;
}
.block-col-1-text{
    color: #363E5E;
    font-weight: 300;
    font-size: 20px;
    margin: 0;
}
.block-col-1-background-body{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
/*  referal form  */
.referal-form-back{
    width: 100%;
    background-image: url('https://miabiznes.pl/wp-content/uploads/2024/08/bg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin:  0 0 50px 0;
    padding: 15px;
    /*box-shadow: 0px 1px 9px rgba(184, 184, 184, 1);*/
}
.referal-form-body{
    background: rgba(255, 255, 255, 0.8);
    border-radius: 20px;
    width: 100%;
    padding: 20px 20px;
    max-width: 630px;
    margin: 0 auto;
}
.part-one-block{
    width: 100%;
}
.part-one-block.mb-15, .part-three-block.mb-15, .part-two-block.mb-15 {
    margin: 0 0 15px 0;
}
.part-two-block.mb-20 {
    margin: 0 0 20px 0;
}
.part-three-block{
    display: flex;
    gap: 10px;
}
.part-two-block{
    display: flex;
    gap: 10px;
}
.mia-input{
    width: 100%;
    height: 40px;
    border-radius: 25px;
    padding: 10px 20px;
    font-size: 14px;
    font-weight: 300;
    border: 1px solid transparent;
    color: #7B7B7B;
}
.mia-input::placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #7B7B7B;
    opacity: 1; /* Убедитесь, что placeholder полностью виден */
}

/* Для Mozilla Firefox */
.mia-input::-moz-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #7B7B7B;
    opacity: 1;
}

/* Для Microsoft Edge и Internet Explorer */
.mia-input:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #7B7B7B;
}

/* Для старых версий IE 10 */
.mia-input::-ms-input-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #7B7B7B;
}

/* Для WebKit-браузеров, таких как Chrome и Safari */
.mia-input::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 300;
    color: #7B7B7B;
    opacity: 1;
}
.mia-input:focus{
    outline: none;
    border: 1px solid #e3e3e3;
}
select.mia-input{
    appearance: none; /* Убирает стандартную стрелку */
    -webkit-appearance: none; /* Для Safari */
    -moz-appearance: none; /* Для Firefox */
    background-color: #FFFFFF;
    border: none;
    border-radius: 25px;
    padding: 10px 20px 10px 20px;
    font-size: 16px;
    font-weight: 300;
    color: #7B7B7B;
    cursor: pointer;
    width: 100%; /* Измените на нужную ширину */
    box-sizing: border-box; /* Для корректного расчета ширины */
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 22px;
    -webkit-padding-end: 40px; /* Исправление для Safari */
}
.form-partners-bottom{text-align: center}
.mia-send-btn{
    width: 180px;
    height: 50px;
    border-radius: 30px;
    font-size: 18px;
    font-weight: 300;
    color: #FFFFFF;
    margin: 0 auto;
    cursor: pointer;
    border: none;
    background-image: linear-gradient(270deg, rgba(162, 81, 255, 1) 0%, rgba(0, 96, 255, 1) 100%);
}
.mia-send-btn.disabled-btn{
    pointer-events: none;
    opacity: 0.6;
}
.sent-mess{
    text-align: center;
    color: #363E5E;
    margin: 15px auto;
}

@media screen and (width <= 1100px) {
    .block-col-3-referal{
        gap: 40px;
    }
}
@media screen and (width <= 930px) {
    .block-col-1-text{font-size: 18px}
    .block-col-1-background{
        padding: 15px;
    }
}
@media screen and (width <= 800px) {
    .block-col-3-referal{
        gap: 15px;
    }
    .block-col-3-ref-white{display: none}
    .block-col-3-ref-title{font-size: 35px; line-height: 35px;  margin: 0 0 5px 0;}
    .block-col-3-ref-text{font-size: 18px}
    .referal-form-back{
        margin: 0 0 20px 0;
    }
}
@media screen and (width <= 520px) {
    .block-col-3-referal{
        gap: 15px;
        padding: 0 15px;
        flex-direction: column;
    }
}
/*  How get pobyt   */
.how-get-pobyt{
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 40px auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.how-get-pobyt-item{
    width: 100%;
    background: #F8F9FE;
    border-radius: 13px;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 30px 20px;
}


/*  terms-receipt   */
.terms-receipt{
    width: 100%;
    max-width: 1330px;
    padding: 0 15px;
    margin: 40px auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}
.term-item{
    width: 100%;
    padding: 10px;
    background: #F8F9FE;
    border-radius: 25px;
    box-shadow: 0px 3px 10px rgba(128, 128, 128, 0.5);
}
.term-item:hover{
    box-shadow: 0px 2px 18px rgba(1, 98, 255, 1);
}
.term-item-body{
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    padding: 20px 25px;
    border-radius: 20px;
    background: #FFFFFF;
}
.term-item-body-top{
    height: 100%;
}
.term-item-img{
    width: 70px;
    height: 70px;
    margin: 0 0 15px 0;
}
.term-item-title{
    color: var(--color-3);
    font-size: 25px;
    font-weight: 500;
    margin: 0 0 20px 0;
}
.term-item-text{
    width: 100%;
    margin-bottom: 40px;
}
.term-item-p{
    margin: 0;
    color: var(--color-3);
    font-size: 20px;
    font-weight: 300;
}
.term-item-p.mb20{margin: 0 0 20px 0}
.btn-go-load-terms{
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    outline: none;
    width: 100%;
    max-width: 200px;
    margin: 0 auto;
    background: var(--btn-blue-color);
    border-radius: 35px;
    height: var(--btn-height);
    font-size: 18px;
    color: #ffffff;
    font-weight: 300;
    cursor: pointer;
}


@media screen and (width <= 950px) {
    .terms-receipt{
        grid-template-columns: 1fr;
    }
    .term-item-title{
        font-size: 18px;
    }
    .term-item-p{font-size: 16px}
    .btn-go-load-terms{
        margin: 40px auto;
    }
}
@media screen and (width <= 930px) {
    .how-get-pobyt{
        margin: 0 auto;
        gap: 15px;
    }
    .how-get-pobyt-item{
        padding: 15px;
        gap: 15px;
    }
    .terms-receipt{
        margin: 0 auto;
        gap: 15px;
    }
}

/*  How get pobyt   */
.how-get-pobyt{
    width: 100%;
    max-width: 1170px;
    padding: 0 15px;
    margin: 40px auto 0 auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.how-get-pobyt-item{
    width: 100%;
    background: #F8F9FE;
    border-radius: 13px;
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 30px 20px;
}
.how-get-pobyt-p{
    margin: 0;
    color: var(--color-3);
    font-size: 20px;
    font-weight: 500;
}
@media screen and (width <= 930px) {
    .how-get-pobyt{
        margin: 0 auto;
        gap: 15px;
    }
    .how-get-pobyt-item{
        padding: 15px;
        gap: 15px;
    }
    .how-get-pobyt-p{font-size: 18px}
}

/* end How get pobyt   */


/*   adaptive Ipad   */
@media screen and (min-device-width: 1101px) and (max-device-width: 1295px) {
    .co-container .co-container-icon{
        width: 200px;
        height: 200px;
    }
}

@media screen and (max-device-width: 1250px) {
    .consult-q, .r-container, .block-col-3, .r-container.grid-2, .terms-receipt, .co-container, .adv-container, .line-about-puzzle, .google-maps, .adv-container .adv-container-item, .co-container .co-container-item{
        gap: 15px;
    }
    .contact-line{margin: 20px auto}
    .adv-one{padding: 15px}
    .adv-container .adv-container-desc{
        padding: 15px;
        width: 100%;
    }
}
@media screen and (max-device-width: 650px) {
    .h1 span, .h2 span, .h3 span, .h4 span {
        display: initial;
    }
}

/*   end adaptive Ipad   */

/*  ios adaptive  */
@media (max-width: 800px) {
    .ban-mobile {
        height: 100vh;
    }
}
/*  end ios adaptive  */