.body {
    background: #FFFFFF;
    width: 100%;
    height: 100%;
}
.content {
    width: 100%;
    margin: 0 auto;
    background: #FFFFFF;
}
.content.fixed-top {
    z-index: 11000;
}
.fancybox__container {
    z-index: 12000 !important;
}
/*@import url(../blocks/header/header.css?v=1);*/
.header {
    max-width: 1440px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 20px 90px;
    background: #FFFFFF;
    margin: 0 auto;
    justify-content: space-between;
}

.header .navbar-header {
    width: 100%;
}

@media(min-width: 1200px) {
    .header .navbar-header {
        display: none;
    }
}

@media(max-width: 1439px) {
    .header {
        padding: 20px;
    }
}

@media(max-width: 1310px) {
    .header {
       justify-content: space-between;
       align-items: center;
    }
}

@media(max-width: 1199px) {
    .header {
        padding: 0;

        position: fixed;
        top: 0;
        right: 0;
        left: 0;
        z-index: 1030;
    }

    .header .navbar-header {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}

.scrolled .header {
    padding-top: 10px;
    padding-bottom: 10px;
}

/*@import url(../blocks/header/__logo/header__logo.css?v=1);*/
.header__logo {
    max-width: 240px;
    width: 100%;
    height: auto;
    margin-right: 63px;
}

.scrolled .header__logo {
    max-width: 160px;
}

@media(max-width: 1199px) {
    .header__logo {
        max-width: 167px;
        margin-left: 15px;
    }
}

@media(max-width: 660px) {
    .header__logo {
        margin-right: 0;
        margin-left: 10px;
    }
}
/*@import url(../blocks/header/__navbar/header__navbar.css);*/
.header__navbar {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    max-width: 591px;
    width: 100%;
    margin-right: 63px;
    border: none;
}
/*@import url(../blocks/header/__nav-link/header__nav-link.css);*/
.header__nav-link a,
.header__nav-link a:hover,
.header__nav-link a:active,
.header__nav-link a:focus {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 17px;
    line-height: 23px !important;
    letter-spacing: 0.03em;
    color: #191D54;
    cursor: pointer;
    padding: .5rem 0 !important;
    background: transparent !important;
}
/*@import url(../blocks/header/__btn/header__btn.css);*/
.header__btn {
    background: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(17, 33, 190, 0.14);
    width: 53px;
    min-width: 53px;
    height: 53px;
    font-family: 'Arial';
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    letter-spacing: 0.03em;
    color: #191D54;
    padding: 13px 10px 16px;
    margin-right: 41px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    float: left;
}

.header__btn:hover,
.header__btn:active,
.header__btn:focus {
    cursor: pointer;
    color: #191D54;
    text-decoration: none;
}

@media (max-width: 1199px) {
    .header__btn {
        margin-bottom: 10px;
    }
}
/*@import url(../blocks/header/__button/header__button.css);*/
.header__button {
    max-width: 209px;
    height: 42px;
    border: 1px solid #E2255E;
    border-radius: 10px;
    padding: 10px 10px 14px;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    line-height: 18px;
    letter-spacing: 0.03em;
    color: #E2255E;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.header__button:hover,
.header__button:active,
.header__button:focus {
    cursor: pointer;
    color: #FFFFFF;
    background-color: #E2255E;
    text-decoration: none;
}

.header__button-login {
    display: none;
    margin-right: 0;
}
.s-640 .header__button-login {
    display: flex;
    margin-right: 0;
}
.s-640 .header__button-consult {
    display: none;
}

.main__video {

}

.header__button.with-icon {
    display: inline-flex;
    align-items: center;
    max-width: unset;
    position: relative;
    width: auto;
    line-height: 1.5em;
    box-sizing: border-box;
    height: auto;
    padding: 4px 12px;
    margin-bottom: 30px;
}

.header__button i {
    display: inline-block;
    width: 36px;
    margin-left: 12px;
}
.header__button i svg {
    max-width: 100%;
    height: auto;
}
.header__button:hover svg {
    fill: #fff;
}

@media (max-width: 1199px) {
    .header__button {
        margin-bottom: 20px;
        margin-top: 10px;
        display: inline-flex;
        height: auto;
        align-items: center;
        vertical-align: middle;
    }
}

@media(max-width: 440px) {
    .header__button {
        font-size: 12px;
    }
}

.consult-form {

}
.consult-form__title {
    text-align: center;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.2em;
    margin-bottom: 1em;
}
.consult-form__desc {
    text-align: center;
    line-height: 1.2em;
    font-size: 16px;
    margin-bottom: 1.5em;
}
.consult-form__submit {

}
.consult-form__submit-wrapper {
    text-align: center;
}

.consult-form .consult-form__result div {
    display: none;
    font-size: 24px;
    padding: 12px;
}
.consult-form.result-ok .consult-form__inner,
.consult-form.result-error .consult-form__inner {
    display: none;
}
.consult-form .consult-form__result-ok::before,
.consult-form .consult-form__result-error::before {
    content: '';
    width: 128px;
    height: 128px;
    display: block;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.consult-form .consult-form__result-ok::before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%2300d27a' width='800px' height='800px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M12,2 C17.5228475,2 22,6.4771525 22,12 C22,17.5228475 17.5228475,22 12,22 C6.4771525,22 2,17.5228475 2,12 C2,6.4771525 6.4771525,2 12,2 Z M12,4 C7.581722,4 4,7.581722 4,12 C4,16.418278 7.581722,20 12,20 C16.418278,20 20,16.418278 20,12 C20,7.581722 16.418278,4 12,4 Z M15.2928932,8.29289322 L10,13.5857864 L8.70710678,12.2928932 C8.31658249,11.9023689 7.68341751,11.9023689 7.29289322,12.2928932 C6.90236893,12.6834175 6.90236893,13.3165825 7.29289322,13.7071068 L9.29289322,15.7071068 C9.68341751,16.0976311 10.3165825,16.0976311 10.7071068,15.7071068 L16.7071068,9.70710678 C17.0976311,9.31658249 17.0976311,8.68341751 16.7071068,8.29289322 C16.3165825,7.90236893 15.6834175,7.90236893 15.2928932,8.29289322 Z'/%3E%3C/svg%3E%0A");
}
.consult-form .consult-form__result-error:before {
    background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg fill='%23e2255e' width='800px' height='800px' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M13.1784199,2.2788327 C13.6884947,2.53387012 14.102091,2.94746641 14.3571284,3.45754124 L21.7211673,18.185619 C22.37215,19.4875845 21.8444243,21.0707619 20.5424588,21.7217447 C20.1764813,21.9047334 19.7729254,22 19.3637502,22 L4.63567242,22 C3.18003074,22 2,20.8199693 2,19.3643276 C2,18.9551524 2.09526662,18.5515965 2.27825534,18.185619 L9.64229424,3.45754124 C10.293277,2.15557574 11.8764544,1.62784995 13.1784199,2.2788327 Z M11.2372377,4.47154211 L4.09002086,18.7659757 C4.03082055,18.8843764 4,19.0149343 4,19.1473102 C4,19.6182378 4.38176222,20 4.85268979,20 L19.1471234,20 C19.2794993,20 19.4100573,19.9691794 19.5284579,19.9099791 C19.9496683,19.6993739 20.1203976,19.1871862 19.9097924,18.7659757 L12.7625755,4.47154211 C12.6800661,4.30652327 12.5462599,4.17271706 12.3812411,4.09020764 C11.9600307,3.87960243 11.4478429,4.05033169 11.2372377,4.47154211 Z M12,16 C12.5522847,16 13,16.4477153 13,17 C13,17.5522847 12.5522847,18 12,18 C11.4477153,18 11,17.5522847 11,17 C11,16.4477153 11.4477153,16 12,16 Z M12,8 C12.5522847,8 13,8.44771525 13,9 L13,13 C13,13.5522847 12.5522847,14 12,14 C11.4477153,14 11,13.5522847 11,13 L11,9 C11,8.44771525 11.4477153,8 12,8 Z'/%3E%3C/svg%3E%0A");
}
.consult-form.result-ok .consult-form__result .consult-form__result-ok,
.consult-form.result-error .consult-form__result .consult-form__result-error {
    display: block;
}
.consult-form.result-ok .consult-form__result .consult-form__result-error,
.consult-form.result-error .consult-form__result .consult-form__result-ok {
    display: none;
}

/*@import url(../blocks/main/__content/main__content.css);*/
.main__content {
    margin: 0 auto;
    width: 100%;
    padding: 152px 0 253px 89px;
    display: flex;
    flex-direction: row;
    background: no-repeat url("../../../../../uploads/images/bgmain.png");
    background-size: auto;
    background-size: cover;
    background-position-y: 93%;
    position: relative;
    background-position-x: 100%;
}

@media(max-width: 1440px) {
    .main__content {
        max-width: 1440px;
        max-width: 1440px;
        padding: 110px 0 136px 89px;
        display: flex;
        flex-direction: row;
        background-position-y: 92%;
        background-size: auto, cover;
        background-position-x: 100%;
    }
}

@media(max-width: 1099px) {
    .main__content {
        padding: 40px 0px 40px 15px;
    }
}

@media(max-width: 970px) {
    .main__content-log {
        flex-direction: column;
    }
}

@media(max-width: 781px) {
    .main__content {
        padding: 40px 0 15px 15px;
        flex-direction: column;
        background: none;
    }
}

@media(max-width: 690px) {
    .main__content-log {
        max-width: 690px;
        padding: 82px 20px 115px 20px;
    }
}

@media(max-width: 660px) {
    .main__content {
        padding: 40px 15px 40px 15px;
    }
}

/*@import url(../blocks/main/__content-left/main__content-left.css);*/
.main__content-left {
    width: 100%;
    margin-right: 134px;
    margin-left: auto;
    margin-right: auto;
    max-width: 1353px;
}

@media(max-width: 781px) {
    .main__content-left {
        max-width: 557px;
        width: 100%;
        margin-right: 134px;
    }
}

@media(max-width: 781px) {
    .main__content-left {
        margin-right: 0;
        margin-left: 0;
    }
}
/*@import url(../blocks/main/__title/main__title.css);*/
.main__title {
    font-weight: 700;
    font-size: 56px;
    line-height: 53px;
    margin-bottom: 37px;
}

.main__title1 {
    font-size: 31px;
    line-height: 20px;
}

@media(max-width: 781px) {
    .main__title {
        margin-bottom: 18px;
    }
}

@media(max-width: 440px) {
    .main__title {
        font-size: 40px;
        line-height: 44px;
    }
}
/*@import url(../blocks/span/span.css);*/
.span {
    color: #E2255E;
}
/*@import url(../blocks/main/__par/main__par.css);*/
.main__par {
    font-weight: 400;
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 30px;
}

@media(max-width: 781px) {
    .main__par {
        margin-bottom: 30px;
    } 
}
/*@import url(../blocks/main/__row/main__row.css);*/
.main__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* .main__row1 {
    display: none !important;
} */

@media(max-width: 1023px) {
    .main__row {
        flex-direction: column;
        align-items: baseline;
    } 
}

/*@import url(../blocks/button/__red/button__red.css);*/
.button__red {
    background: #E2255E;
    border-radius: 10px;
    max-width: 215px;
    width: 100%;
    text-align: center;
    padding: 17px 73px;
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
    margin-right: 29px;
}

.button__red:hover,
.button__red:active,
.button__red:focus {
    cursor: pointer;
    color: #FFFFFF;
}

@media(max-width: 1026px) {
    .button__red {
        margin-bottom: 10px;
    } 
}

@media(max-width: 970px) {
    .button__red-log {
        max-width: 460px;
    } 
}

@media(max-width: 781px) {
    .button__red {
        max-width: 460px;
        padding-left: 20px;
        padding-right: 20px;
    } 

    #free-trial-request-form .button__red {
        padding-left: 10px;
        padding-right: 10px;
        font-size: 15px;
        margin-top: 40px;
    }
}
/*@import url(../blocks/button/__blue/button__blue.css);*/
.button__blue,
.button__blue:hover,
.button__blue:active,
.button__blue:focus {
    display: block;
    border: 1px solid #575FCC;
    border-radius: 10px;
    max-width: 215px;
    width: 100%;
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #3B45C3;
    padding: 17px 15px;
    cursor: pointer;
}

.button__blue-log,
.button__blue-log:hover,
.button__blue-log:active,
.button__blue-log:focus {
    max-width: 460px;
    width: 100%;
    cursor: pointer;
}

.button__blue-log.active {
    color: #FFFFFF;
    background: #575FCC;
}

@media(max-width: 970px) {
    .button__blue-log1 {
        max-width: 460px;
    }
}

@media(max-width: 781px) {
    .button__blue,
    .button__blue:hover,
    .button__blue:active,
    .button__blue:focus {
        max-width: 460px;
    }
}
/*@import url(../blocks/main/__content-right/main__content-right.css);*/
.main__content-right {
    position: absolute;
    width: 790px;
    overflow: hidden;
    background: no-repeat url("../../../../../uploads/images/nout.png");
    background-size: auto;
    padding: 22px 0 66px 75px;
    background-position: right;
    height: 557px;
    background-position: 100% 50%;
    right: 0;
}


@media(max-width: 1250px) {
    .main__content-right {
        width: 500px;
        height: 450px;
        background-size: contain;
    }

    .main__content-right_log {
        align-self: flex-end;
        margin-bottom: -20px;
    }
}

@media(max-width: 1100px) {
    .main__content-right_log {
        align-self: flex-end;
        margin-bottom: -20px;
        top: 26%;
    }
}

@media(max-width: 1039px) {
    .main__content-right {
        top: 60%;
    }
}

@media(max-width: 1055px) {
    .main__content-right_log {
        display: none;
    }
}

@media(max-width: 970px) {
    .main__content-right1 {
        display: none;
    }
}

@media(max-width: 781px) {
    .main__content-right {
        display: none;
    }
}
/*@import url(../blocks/main/__img/main__img.css);*/
.main__img {
    max-width: 660px;
    width: 100%;
    height: auto;
}
/*@import url(../blocks/main/__gif/main__gif.css?v=2);*/
.main__gif {
    max-width: 647px;
    height: 100%;
    max-height: 469px;
    /*
    background: no-repeat url("../../../../../uploads/images/toolkeeper_gif/617f9adfce743176710b87de_ezgif-2-216474c9da1b.gif");
    margin-left: 128px;
    background-position-x: 20%;
    */
    background: no-repeat url("../../../../../uploads/images/toolkeeper_gif/pc.gif");
    margin-left: 115px;
    background-position-x: 15%;
}

@media(max-width: 1250px) {
    .main__gif {
        max-height: 340px;
        margin-top: 10px;
        /*margin-left: 0;
        background-position-x: 15%;*/
        margin-left: -25px;
        background-position-x: 13%;
    }
}

@media(max-width: 970px) {
    .main__gif-log {
        margin-left: 35px;
        background-position-x: 16%;
        max-width: 369px;
        margin-top: 38px;
        background-size: contain;
        max-height: 200px;
    }
}

@media(max-width: 781px) {
    .main__gif {
        background-image: none;
        margin-left: 35px;
        background-position-x: 16%;
        max-width: 369px;
        margin-top: 38px;
        background-size: contain;
        max-height: 200px;
    }
}


@media(max-width: 518px) {
    .main__gif {
        max-width: 250px;
        margin-left: 26px;
        margin-top: 30px;
        height: 130px;
        background-size: cover;
    }
}

@media(max-width: 400px) {
    .main__gif {
        width: 82%;
        height: 47%;
        margin-top: 21px;
        max-height: 136px;
    }
}

@media(max-width: 380px) {
    .main__gif {
        height: 44%;
    }
}

@media(max-width: 360px) {
    .main__gif {
        height: 40%;
    }
}

@media(max-width: 340px) {
    .main__gif {
        height: 35%;
        margin-left: 22px;
    }
}

/*@import url(../blocks/header/__container-fluid/header__container-fluid.css);*/
.header__container-fluid {
    width: 100%;
    padding: 0;
}
/*@import url(../blocks/header/__navbar-nav/header__navbar-nav.css);*/
.header__navbar-nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    margin-right: 73px !important;
    padding-left: 0;
    margin-bottom: 0 !important;
    list-style: none;
}

@media (min-width: 1200px) and (max-width: 1439px) {
    .header__navbar-nav {
        width: auto;
        justify-content: unset;
        gap: 20px;
        margin-right: 0 !important;
/*            margin-top: 10px !important;*/
    }
}

@media (max-width: 1199px) {
    .header__navbar-nav {
        flex-direction: column;
        margin: 0 !important;
    }
}
/*@import url(../blocks/header/__btn-collapse/header__btn-collapse.css);*/
.header__btn-collapse {
    display: none;
    background: transparent;
    padding: 0;
    border: none;
}

#navbarSupportedContent {
    max-width: 988px;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    /*padding-top: 6px;*/
    width: 100%;
    margin-bottom: 0;
}

#navbarSupportedContent .navbar-toggle .icon-bar {
    background: #191D54;
}

#navbarSupportedContent>.container {
    padding: 0;
    width: 100%;
    margin: 0;
    display: unset;
}

#navbarSupportedContent-collapse {
    /*display: flex;*/
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    width: 100%;
}

@media (min-width: 1200px) {
    #navbarSupportedContent-collapse {
        display: flex !important;
    }
}

@media (max-width: 1199px) {
    .header__btn-collapse {
        display: block;
    }

    #navbarSupportedContent-collapse {
        flex-direction: column;
        align-items: baseline;
        position: absolute;
        top: 0px;
        z-index: 10;
        background: #FFFFFF url(../../../../../uploads/images/Tool_Keeper_ICON-BLUE.png) no-repeat;
        background-position: right bottom;
        max-width: none;
        right: 0px;
        padding: 10px 25px;
        max-width: 1310px;
        width: 100vw;
        height: 100vh !important;
        box-shadow: 0px 20px 20px rgba(17, 33, 190, 0.14);
        opacity: 0;
    }

    #navbarSupportedContent-collapse.collapse.in,
    #navbarSupportedContent-collapse.collapsing[aria-expanded="true"] {
        opacity: 1;
    }

    .fa-grip-line {
        background: #2F3467;
        width: 20px;
        height: 2px;
        margin-bottom: 3px;
    }

    .fa-grip-line:last-of-type {
        margin-bottom: 0;
    }

    .fa-grip-lines::before {
        content: "";
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    #navbarSupportedContent-collapse.navbar-collapse.collapse {
        display: none !important; 
    }

    #navbarSupportedContent-collapse.navbar-collapse.in {
        overflow-y: auto !important;
    }

    #navbarSupportedContent-collapse.collapse.in {
        display: block !important;
    }

    /*#navbarSupportedContent-collapse {
        top: 70px;
        right: -25px;
    }*/
}


/*@import url(../blocks/header/__content/header__content.css);*/
.header__content {
    width: 100%;
    box-shadow: 0px 0px 20px rgba(17, 33, 190, 0.14);
    position: relative;
    z-index: 100;
}

@media(max-width: 660px) {
    .header__content {
        padding: 0 15px;
    }
}

/*@import url(../blocks/solution/solution.css);*/
.solution {
    width: 100%;
}
/*@import url(../blocks/solution/__section/solution__section.css);*/
.solution__section {
    max-width: 1440px;
    margin: 0 auto 125px;
    width: 100%;
    padding: 11px 50px 11px 89px;
}

@media(max-width: 1299px) {
    .solution__section {
        padding: 40px 15px;
    }
}

@media(max-width: 1100px) {
    .solution__section {
        margin-top: 200px;
    }
}

@media(max-width: 781px) {
    .solution__section {
        margin-top: 0;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

@media(max-width: 660px) {
    .solution__section {
        padding: 11px 15px 50px;
        margin-bottom: 0;
    }
}
/*@import url(../blocks/solution/__container/solutions__container.css);*/
.solutions__container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 107px;
}

.solutions__container1 {
    max-width: 1155px;
}

@media(max-width: 1210px) {
    .solutions__container {
        flex-direction: column;
        margin-bottom: 40px;
        align-items: start;
    }
}
/*@import url(../blocks/solution/__contain/solution__contain.css);*/
.solution__contain {
    max-width: 630px;
    width: 100;
}
/*@import url(../blocks/solution/__wrap/solution__wrap.css);*/
.solution__wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 40px;
}
/*@import url(../blocks/solution/__icon-bg/solution__icon-bg.css);*/
.solution__icon-bg {
    min-width: 72px;
    height: 72px;
    background-color: #ffe2d8;
    align-items: center;
    justify-content: center;
    border-radius: 24px;
    display: flex;
    margin-right: 32px;
}

.green {
    background-color: #ddf3e9;
}

@media(max-width: 660px) {
    .solution__icon-bg {
        margin-right: 13px;
    }
}
/*@import url(../blocks/solution/__icon/solution__icon.css);*/
.solution__icon {
    width: 40px;
    height: 40px;
}
/*@import url(../blocks/solution/__par/solution__par.css);*/
.solution__par {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    font-size: 22px;
    line-height: 30px;
    color: #22263A;
    margin-bottom: 8px;
}
/*@import url(../blocks/solution/__text/solution__text.css);*/
.solution__text {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.5;
    color: #474b51;
}
/*@import url(../blocks/solution/__text-block/solution__text-block.css);*/
.solution__text-block {
    max-width: 420px;
}
/*@import url(../blocks/loose/__container/loose__container.css);*/
.loose__container {
    width: 100%;
    padding: 60px 15px;
    border-radius: 40px;
    background-image: url(../../../../../uploads/images/bgyellow.svg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 147px;
}

.loose__container1 {
    background-image: url(../../../../../uploads/images/bggrey.svg);
}

@media(max-width: 781px) {
    .loose__container {
        margin-bottom: 40px;
    }
}


@media(max-width: 767px) {
    .loose__container {
        background-image: url(../../../../../uploads/images/bgsmallsize.png);
        background-size: cover;
        padding-bottom: 40px;
        background-position: 50% 90%;
    }

    .loose__container1 {
        background-image: url(../../../../../uploads/images/bgsmallsize2.png);
    }
}

@media screen and (max-width: 479px) {
    .loose-container {
        padding-top: 35px;
        padding-bottom: 68px;
    }
}
/*@import url(../blocks/loose/__title/loose__title.css);*/
.loose__title {
    margin-bottom: 18px !important;
    color: #575fcc !important;
    line-height: 1.3 !important;
}

@media(max-width: 1099px) {
    .loose__title {
        text-align: center;
    }
}
/*@import url(../blocks/loose/__par/loose__par.css);*/
.loose__par {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    color: #22263A;
    margin-bottom: 30px;
}
/*@import url(../blocks/loose/__btn/loose__btn.css);*/
.loose__btn,
.loose__btn:focus,
.loose__btn:active,
.loose__btn:hover
 {
    max-width: 282px;
    width: 100%;
    padding: 17px 35px 15px;
    border-radius: 14px;
    background-color: #e2255e;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    font-family: 'Exo 2';
    margin: 0 auto;
    border: none;
}

.loose__btn1,
.loose__btn1:focus,
.loose__btn1:active,
.loose__btn1:hover
{
    background-color: #575fcc;
}
/*@import url(../blocks/slider/slider-box.css);*/
.slider-box {
    max-width: 1260px;
    margin: 0 auto;
}

.w-icon-slider-left {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.w-icon-slider-right {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}

.icon-btn {
    font-size: 20px;
    border: solid #575fcc;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    opacity: 1;
    margin: auto;
    width: 1em;
    height: 1em;
}

.carousel-control-prev {
    max-width: 60px;
    max-height: 490px;
}

.carousel-control-next {
    max-width: 60px;
    max-height: 490px;
}
/*@import url(../blocks/slider/__container/slider__container.css);*/
.slider__container {
    width: 100%;
    padding-left: 60px;
    padding-right: 60px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.carousel-item {
    width: 100%;
}

@media(max-width: 1300px) {
    .slider__container {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }
}

@media(max-width: 395px) {
    .slider__container {
        padding-left: 30px;
        padding-right: 30px;
    }
}
/*@import url(../blocks/slider/__img/slider__img.css);*/
.slider__img {
    max-width: 525px;
    width: 100%;
    height: 490px;
    border-radius: 40px;
    background-image: url(../../../../../uploads/images/slide1.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: space-between;
}

.slider__img2 {
    background-image: url(../../../../../uploads/images/slide2.jpeg);
}

.slider__img3 {
    background-image: url(../../../../../uploads/images/slide3.jpeg);
}

@media(max-width: 650px) {
    .slider__img {
        height: 300px;
    }
}

@media(max-width: 475px) {
    .slider__img {
        height: 250px;
    }
}

@media(max-width: 345px) {
    .slider__img {
        height: 200px;
    }
}
/*@import url(../blocks/slider/__contetnt/slider__contetnt.css);*/
.slider__contetnt {
    max-width: 520px;
}
/*@import url(../blocks/slider/__text/slider__text.css);*/
.slider__text {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 20px;
}

@media(max-width: 395px) {
    .slider__text {
        flex-direction: column;
        align-items: start;
    }
}
/*@import url(../blocks/slider/__number/slider__number.css);*/
.slider__number {
    margin: 0;
    margin-right: 24px;
    color: rgba(150, 155, 223, 0.2);
    font-size: 44px;
    font-weight: 700;
}

@media(max-width: 650px) {
    .slider__number {
        font-size: 38px;
    }
}
/*@import url(../blocks/slider/__title/slider__title.css);*/
.slider__title {
    font-size: 36px;
    line-height: 39px;
    font-weight: 500;
    color: #22263A;
    font-family: 'Exo 2';
    margin: 0;
}

@media(max-width: 650px) {
    .slider__title {
        font-size: 32px;
    }
}
/*@import url(../blocks/slider/__par/slider__par.css);*/
.slider__par {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 27px;
    color: #22263A;
    margin-top: 12px;
}   

.slider__par1 {
    font-weight: 500;
    width: 65%;
    font-size: 13px;
    line-height: 18px;
}

.slider__par2 {
    font-weight: 500;
    width: 42%;
    font-size: 13px;
    line-height: 18px;
}

.slider__par3 {
    font-size: 13px;
    line-height: 18px;
    width: 63%;
    font-weight: 500;
}

.slider__par4 {
   font-size: 13px;
    line-height: 18px;
    width: 100%;
    font-weight: 500; 
}

.slider__par-red {
    color: #E2255E;
    margin-bottom: 12px;
}

@media(max-width: 650px) {
    .slider__par1 {
        margin-bottom: 10px;
        width: 100%;
    }
}
/*@import url(../blocks/slider/__case/slider__case.css);*/
.slider__case {
    width: 100%;
   display: flex;
   flex-direction: row;
   justify-content: space-between;
   align-items: end;
}

@media(max-width: 650px) {
    .slider__case {
       flex-direction: column;
       align-items: start;
    }
}
/*@import url(../blocks/slider/__price-par/slider__price-par.css);*/
.slider__price-par {
    font-family: 'Exo 2';
    font-style: normal;
    font-size: 24px;
    line-height: 24px;
    font-weight: 500;
    text-align: center;
    color: #22263A;
}
/*@import url(../blocks/span/__rub/span__rub.css);*/
.span__rub {
    font-size: 18px;
}
/*@import url(../blocks/span/__year/span__year.css);*/
.span__year {
    font-size: 12px;
}
/*@import url(../blocks/slider/__count1/slider__count1.css);*/
.slider__count1 {
    width: 100%;
    padding: 16px 24px 20px;
    border-radius: 40px;
    background-color: #ddf3e9;
    box-shadow: none;
    margin-bottom: 25px;
}
/*@import url(../blocks/slider/__count/slider__count.css);*/
.slider__count {
    padding: 16px 24px 20px;
}
/*@import url(../blocks/slider/__row/slider__row.css);*/
.slider__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    margin-bottom: 5px;
    align-items: end;
}
/*@import url(../blocks/span/__red-ok/span__red-ok.css);*/
.span__red-ok {
    font-size: 12px;
    line-height: 14px;
    font-weight: 700;
    color: #E2255E;
    font-family: 'Exo 2';
    margin-right: 7px;
}
/*@import url(../blocks/slider/__row-par/slider__row-par.css);*/
.slider__row-par {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #474b51;
    font-family: 'Exo 2';
    margin: 0;
}
/*@import url(../blocks/slider/__blue/slider-button__blue.css);*/
.slider-button__blue {
    max-width: 510px;
    width: 100%;
}

.slider-button__blue:hover {
    max-width: 510px;
    width: 100%;
}

/*@import url(../blocks/slider/__par-loss/slider__par-loss.css);*/
.slider__par-loss {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 500;
    font-size: 10px;
    line-height: 24px;
    color: #22263A;
}
/*@import url(../blocks/functions/functions.css);*/
.functions {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 24px;
    margin-bottom: 60px;
}
/*@import url(../blocks/functions/__block/functions__block.css);*/
.functions__block {
    max-width: 290px;
    width: 100%;
    min-height: 148px;
    border-radius: 30px;
    background-color: #575fcc;
    box-shadow: 7px 7px 150px 10px rgb(87 95 204 / 30%);
    padding: 28px 5px 5px 28px;
    margin-bottom: 10px;
}

.functions__block1 {
    background-color: #fbbf48;
    box-shadow: 7px 7px 150px 10px rgba(251, 191, 72, 0.3);
}

.functions__block2 {
    background-color: #8fd8b5;
    box-shadow: 7px 7px 150px 10px rgba(143, 216, 181, 0.3);
}

.functions__block3 {
    background-color: #739ef1;
    box-shadow: 7px 7px 150px 10px rgba(115, 158, 241, 0.3);
}

@media(max-width: 767px) {
    .functions__block {
        max-width: 100%;
        min-height: 148px;
        display: flex;
        flex-direction: row;
        align-items: center;
        padding: 28px 5px 28px 28px;
    }
}
/*@import url(../blocks/functions/__block-par/functions__block-par.css);*/
.functions__block-par {
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 700;
    margin-bottom: 8px;
    color: #fff;
    font-size: 36px;
    line-height: 39px;
}

.functions__block-par1 {
    line-height: 22px;
    font-size: 16px;
}

.span__text {
    font-size: 36px;
    line-height: 39px;
}

.span__text1 {
    font-size: 24px;
    line-height: 26px;
}

@media(max-width: 767px) {
    .functions__block-par {
        margin-right: 15px;
    }
    /*.functions__block-par1 {
        margin-bottom: -5px;
    }*/
    .functions__block-par:not(.functions__block-par1) {
        display: flex;
        flex-direction: column;
    }
}
/*@import url(../blocks/functions/__phone/functions__phone.css);*/
.functions__phone {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-bottom: 40px;
}
/*@import url(../blocks/functions/__img/functions__img.css);*/
.functions__img {
    max-width: 600px;
    width: 100%;
}
/*@import url(../blocks/work/work.css);*/
.work {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 147px;
    min-height: 755px;
    max-width: 1250px;
}

@media(max-width: 1195px) {
    .work {
        margin-bottom: 306px;
        flex-direction: column;
        position: relative;
    }
}

@media(max-width: 825px) {
    .work {
        margin-top: 40px;
        min-height: auto;
        margin-bottom: 40px;
    }
}
/*@import url(../blocks/work/__left/work__left.css);*/
.work__left {
    max-width: 460px;
}
/*@import url(../blocks/work/__text/work__text.css);*/
.work__text {
    font-weight: 300;
    margin-bottom: 32px;
    font-size: 16px;
}
/*@import url(../blocks/tabs/tabs.css);*/
.tabs {
    max-width: 630px;
    width: 100%;
}

@media(max-width: 1195px) {
    .tabs {
        position: absolute;
        top: 325px;
        right: 0;
    }
}

@media(max-width: 825px) {
    .tabs {
        display: none;
    }
}
/*@import url(../blocks/tabs/__menu/tabs__menu.css);*/
.tabs__menu {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 60px;
}
/*@import url(../blocks/tabs/__link/tabs__link.css);*/
.tabs__link.active {
    max-width: 275px;
    width: 100%;
    border-style: none none solid;
    border-width: 1px 1px 2px;
    border-color: #000 #000 #575fcc;
    text-align: center;
    padding: 9px 30px;
}
/*@import url(../blocks/for/for.css);*/
.for {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media(max-width: 1285px) {
    .for {
        flex-direction: column;
        align-items: start;
    }
}
/*@import url(../blocks/for/__title/for__title.css);*/
.for__title {
    line-height: 63px !important;
    font-weight: 700 !important;
    margin-top: 45px;
}

@media(max-width: 660px) {
    .for__title {
        margin-top: 0;
    }
}
/*@import url(../blocks/for/__wrap/for__wrap.css);*/
.for__wrap {
    max-width: 403px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media(max-width: 1285px) {
    .for__wrap {
        justify-content: start;
    }
}
/*@import url(../blocks/for/__img/for__img.css);*/
.for__img {
    max-width: 380px;
    width: 100%;
    max-height: 520px;
}

@media(max-width: 1285px) {
    .for__img {
        display: none;
    }
}
/*@import url(../blocks/for/__list/for__list.css);*/
.for__list {
    max-width: 415px;
    width: 100%;
}
/*@import url(../blocks/for/__block/for__block.css);*/
.for__block {
    width: 100%;
    display: flex;
    flex-direction: row;
    /* justify-content: space-between; */
    margin-bottom: 45px;
}

.for__block:last-of-type {
    margin-bottom: 0;
}

.for__block1 {
    margin-bottom: 32px;
}
/*@import url(../blocks/for/__circle-count/for__circle-count.css);*/
.for__circle-count {
    min-width: 60px;
    height: 60px;
    background: no-repeat url(../../../../../uploads/images/bgor.svg);
    background-size: contain;
    border-radius: 50%;
    color: #fff;
    font-size: 24px;
    line-height: 36px;
    font-weight: 700;
    text-align: center;
    font-family: 'Exo 2';
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 24px;
}

.for__circle-count {
    min-width: 50px;
    height: 50px;
    color: #fff;
}

.bg-yeelow {
    background: no-repeat url(../../../../../uploads/images/bgyellowcirc.svg);
}

.bg-green {
    background: no-repeat url(../../../../../uploads/images/bggreen.svg);
}

.bg-blue-light {
    background: no-repeat url(../../../../../uploads/images/bgbluelight.svg);
}

.bg-blue {
    background: no-repeat url(../../../../../uploads/images/bgblue.svg);
}

.bg-green-shadow {
    box-shadow: 10px 10px 50px 14px rgba(143, 216, 181, 0.4);
    background-position: center;
}

.bg-yeelow-shadow {
    box-shadow: 10px 10px 50px 14px rgba(251, 191, 72, 0.4);
    background-position: center;
}

.bg-shadow {
    box-shadow: 10px 10px 50px 14px rgba(255, 109, 59, 0.4);
    background-position: center;
}
/*@import url(../blocks/for/__text/for__text.css);*/
.for__text {
    max-width: 276px;
}
/*@import url(../blocks/for/__heading/for__heading.css);*/
.for__heading {
    font-family: 'Exo 2';
    color: #22263A;;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}

.for__heading1 {
    color: #191d54;
    font-size: 20px;
}
/*@import url(../blocks/for/__par/for__par.css);*/
.for__par {
    font-family: 'Exo 2';
    font-weight: 400;
    color: #666;
    font-size: 16px;
    line-height: 24px;
}

.for__par1 {
    color: #474b51;
    font-size: 14px;
    line-height: 19px;
}
/*@import url(../blocks/how/how.css);*/
.how {
    width: 100%;
    margin-top: 147px;
}

.how__content {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

@media(max-width: 781px) {
    .how {
        margin-top: 40px;
    }
    
}
/*@import url(../blocks/how/__container/how__container.css?v=1);*/
.how__container {
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 50px;
}

@media(max-width: 1250px) {
    .how__container {
        flex-wrap: wrap;
    }
}
@media(max-width: 1140px) {
    .how__container {
        gap: 20px;
        flex-wrap: nowrap;
        /*overflow: scroll hidden;*/
        padding-bottom: 30px;
    }

    .how__container::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
        border-radius: 10px;
        background-color: rgba(82, 67, 194, 0.1);
    }

    .how__container::-webkit-scrollbar
    {
        /*width: 12px;*/
        height: 8px;
        width: 8px;
        background-color: rgba(82, 67, 194, 0.1);
    }

    .how__container::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
        background-color: #575FCC;
    }
}
@media(max-width: 991px) {
    .how__container {
        flex-wrap: wrap;
        justify-items: center;
    }
}

/*@media(max-width: 862px) {
    .how__container {
        flex-wrap: wrap;
        justify-content: flex-start;
        overflow: hidden;
    }
}*/

/*@import url(../blocks/how/__block/how__block.css?v=1);*/
.how__block {
    position: relative;
}

@media(max-width: 1250px) {
    .how__box {
        flex: 1 auto;
    }
}
@media(max-width: 1140px) {
    .how__box {
        min-width: 280px;
    }
}
@media(max-width: 743px) {
    .how__block {
        max-width: 750px;
        width: 100%;
    }
}

/*@import url(../blocks/how/__box/how__box.css?v=1);*/
.how__box {
    display: block;
    max-width: 264px;
    padding: 28px;
    border-radius: 30px;
    background-color: #f0eff5;
    min-height: 250px;
    /*max-height: 250px;*/
    border: none;
    outline: none;
    transition: background-color 0.3s;
}


.how__box1 {
    background-color: #ff6d3b;
    box-shadow: 7px 7px 150px 10px rgb(255 109 59 / 30%);
    margin-top: 131px;
}
.how__box1:hover {
    background-color: #fd6241;
}

.how__box2 {
    background-color: #8fd8b5;
    box-shadow: 7px 7px 150px 10px rgb(143 216 181 / 40%);
}

.how__box3 {
    margin-top: 255px;
}
.how__box3:hover {
    background-color: #e4e1f3;
}

@media(max-width: 1250px) {
    .how__box {
        /*margin-bottom: 20px;*/
        margin-right: 10px;
        margin-bottom: 0px;
        height: 100%;
    }
    .how__box3 {
        margin-top: 0;
    }
    .how__box1 {
        margin-top: 0;
    }
}
@media(max-width: 991px) {
    .how__box {
        max-width: 350px;
        width: 100%;
        margin-right: 7px;
    }
}

@media(max-width: 743px) {
    .how__box {
        max-width: 750px;
        width: 100%;
        margin-right: 0;
    }
}
/*@import url(../blocks/how/__box-top/how__box-top.css);*/
.how__box-top {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
/*@import url(../blocks/how/__box-img/how__box-img.css);*/
.how__box-img {
    min-width: 60px;
    height: 60px;
}
/*@import url(../blocks/how/__box-count/how__box-count.css);*/
.how__box-count {
    font-family: 'Exo 2';
    font-style: normal;
    color: rgba(87, 95, 204, 0.2);
    font-size: 36px;
    font-weight: 700;
    line-height: 60px;
}
/*@import url(../blocks/how/__box-title/how__box-title.css);*/
.how__box-title {
    font-family: 'Exo 2';
    font-style: normal;
    margin-bottom: 14px;
    color: #575fcc;
    line-height: 22px;
    font-weight: 700;
    font-size: 16px;
}

.how__box-title1 {
    color: #FFFFFF;
}
/*@import url(../blocks/how/__box-icons/how__box-icons.css?v=1);*/
.how__box-icons {
    /*width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;*/

    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 8px;
    flex-wrap: wrap;
}

/*@import url(../blocks/how/__box-icon/how__box-icon.css?v=1);*/
.how__box-icon {
    /*max-width: 105px;
    width: 100%;
    padding: 12px 10px;
    border-radius: 14px;
    background-color: #575fcc;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-right: 1px;*/

    display: block;
    width: unset;
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    text-decoration: none;
    cursor: pointer;
    flex: 0 0 auto;
    max-width: calc(50% - 8px);
}

/*.how__box-icon:last-of-type {
    margin-right: -5px;
}*/

/*@import url(../blocks/how/__box-ic/how__box-ic.css?v=1);*/
.how__box-ic {
    /*min-width: 21px;
    height: 24px;
    margin-right: 9px;*/
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
}
/*@import url(../blocks/how/__box-text/how__box-text.css);*/
.how__box-text {
    font-family: 'Exo 2';
    font-style: normal;
    color: #fff;
    font-size: 10px;
    line-height: 12px;
    font-weight: 400;
    margin-bottom: 0;
}
/*@import url(../blocks/how/__box-info/how__box-info.css);*/
.how__box-info {
    font-family: 'Exo 2';
    font-style: normal;
    color: #FFFFFF;
    line-height: 19px;
    font-weight: 400;
    font-size: 14px;
}

.how__box-info1 {
    font-family: 'Exo 2';
    font-style: normal;
    color: #575fcc;
    line-height: 19px;
    font-weight: 400;
    font-size: 14px;
}
/*@import url(../blocks/how/__box-btn/how__box-btn.css);*/
.how__box-btn,
.how__box-btn:focus,
.how__box-btn:active,
.how__box-btn:hover 
{
    width: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Exo 2';
    font-style: normal;
    color: #575fcc;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    border-radius: 14px;
    background-color: #fff;
}
/*@import url(../blocks/how/__box-line/how__box-line.css);*/
.how__box-line {
    width: 100px;
    height: 100px;
    position: absolute;
}

.how__box-line1 {
    top: 19px;
    left: 268px;
}

.how__box-line2 {
    top: 146px;
    left: 269px;
}

.how__box-line3 {
    top: 146px;
    left: 226px;
}

@media(max-width: 1250px) {
    .how__box-line {
        display: none;
    }
}

/*@import url(../blocks/grey/grey.css);*/
.grey {
    max-width: 1300px;
    width: 100%;
    margin: 0 auto;
    background-color: #f9f9fd;
    margin-top: 50px;
    border-radius: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

@media(max-width: 660px) {
    .grey {
        margin-top: 40px;
        padding-top: 10px;
        padding-bottom: 20px;
        margin-bottom: 40px;
    }
}
/*@import url(../blocks/grey/__container/grey__container.css);*/
.grey__container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
}

@media(max-width: 1345px) {
    .grey__container {
        flex-direction: column;
    }
}

@media(max-width: 862px) {
    .grey__container {
        padding-left: 10px;
        padding-right: 10px;
    }
}

/*@import url(../blocks/grey/__img/grey__img.css);*/
.grey__img {
    max-width: 1026px;
}

@media(max-width: 862px) {
    .grey__img {
       display: none;
    }
}
/*@import url(../blocks/grey/__block/grey__block.css);*/
.grey__block {
    max-width: 290px;
    max-height: 340px;
    padding: 28px 28px 32px;
    border-radius: 40px;
    background-color: #fbbf48;
    box-shadow: 14px 14px 150px 30px rgba(251, 191, 72, 0.3);
    min-width: 290px;
    margin-right: -167px;
    margin-top: 52px;
    margin-left: 20px;
}

.grey__block1 {
    border-radius: 40px;
    background-color: #575fcc;
    box-shadow: 14px 14px 150px 30px rgba(87, 95, 204, 0.3);
    margin-left: -246px;
    margin-top: 215px;
    margin-right: 0;
}

@media(max-width: 1345px) {
    .grey__block {
        margin-right: 0;
        max-width: 545px;
        width: 100%;
        margin-top: 20px;
        margin-bottom: -121px;

    }

    .grey__block1 {
        margin-left: 442px;
        margin-top: -331px;
    }
}

@media(max-width: 1020px) {
    .grey__block {
        max-width: 445px;

    }
}

@media(max-width: 920px) {
    .grey__block1 {
        margin-left: 390px;
    }
}

@media(max-width: 862px) {
    .grey__block1 {
        margin-left: 320px;
    }
}

@media(max-width: 862px) {
    .grey__block {
        margin: 0;
        max-width: 750px;
    }

    .grey__block1 {
        margin: 0;
        margin-top: 20px;
    }

}



@media(max-width: 350px) {
    .grey__block {
        min-width: auto;
    }
}
/*@import url(../blocks/grey/__title/grey__title.css);*/
.grey__title {
    font-family: 'Exo 2';
    font-style: normal;
    color: #fff;
    font-size: 28px;
    line-height: 31px;
    font-weight: 500;
}

.grey__title1 {
    font-size: 22px;
    line-height: 24px;
}
/*@import url(../blocks/grey/__line/grey__line.css);*/
.grey__line {
    width: 100%;
    height: 2px;
    margin-bottom: 18px;
    margin-top: 32px;
    background-color: #fff;
}
/*@import url(../blocks/grey/__par/grey__par.css);*/
.grey__par {
    font-family: 'Exo 2';
    font-style: normal;
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    margin-bottom: 52px;
}

.grey__par1 {
    margin-bottom: 20px;
}
/*@import url(../blocks/grey/__btn/grey__btn.css);*/
.grey__btn,
.grey__btn:focus,
.grey__btn:active,
.grey__btn:hover 
{
    max-width: 234px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    background-color: #fff;
    color: #fbbf48;
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    font-family: 'Exo 2';
    font-style: normal;
    padding: 10px;
}

.grey__btn1,
.grey__btn1:focus,
.grey__btn1:active,
.grey__btn1:hover 
{
    color: #575fcc;
}
/*@import url(../blocks/grey/__content/grey__content.css);*/
.grey__content {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1260px;
    margin: 140px auto 0;
}

.grey__content .tariff__over {
    padding-left: 20px;
    padding-right: 20px;
    margin-left: -20px;
    margin-right: -20px;
}

@media(max-width: 1345px) {
    .grey__content {
        margin-top: 280px;
    }
}

@media(max-width: 862px) {
    .grey__content {
        margin-top: 140px;
    }
}

@media(max-width: 781px) {
    .grey__content {
        margin-top: 40px;
    }
}
/*@import url(../blocks/grey/__functions/grey__functions.css);*/
.grey__functions {
    width: 100%;
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
    gap: 20px;
    margin-bottom: 50px;
}
/*@import url(../blocks/grey/__birka/grey__birka.css);*/
.grey__birka {
    min-width: 290px;
    max-width: 290px;
    width: 100%;
    padding: 28px;
    border-radius: 40px;
    background-color: #fff;
}
/*@import url(../blocks/grey/__birka-img/grey__birka-img.css);*/
.grey__birka-img {
    width: 170px;
    height: 170px;
    margin-bottom: 32px;
}
/*@import url(../blocks/grey/__birka-title/grey__birka-title.css);*/
.grey__birka-title {
    font-family: 'Exo 2';
    font-style: normal;
    color: #191d54;
    font-size: 22px;
    line-height: 24px;
    font-weight: 500;
    height: 72px;
}
/*@import url(../blocks/grey/__birka-wrap/grey__birka-wrap.css);*/
.grey__birka-wrap {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 22px;
}
/*@import url(../blocks/grey/__birka-par/grey__birka-par.css);*/
.grey__birka-par {
    font-family: 'Exo 2';
    font-style: normal;
    color: #575fcc;
    font-size: 12px;
    line-height: 16px;
    font-weight: 500;
    max-width: 129px;
}
/*@import url(../blocks/grey/__birka-price/grey__birka-price.css);*/
.grey__birka-price {
    font-family: 'Exo 2';
    font-style: normal;
    color: #191d54;
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
}

.span-birka {
    font-size: 24px;
}

@media(max-width: 660px) {
    .grey__birka-price {
        font-size: 26px;
    }
}
/*@import url(../blocks/grey/__button/grey__button.css);*/
.grey__button,
.grey__button:hover,
.grey__button:active,
.grey__button:focus
 {
    max-width: 272px;
    width: 100%;
    margin: 0 auto;
}

/*@import url(../blocks/container/container.css);*/
.container.container_custom {
    width: 100% !important;
    display: flex !important;
    flex-direction: row !important;
    max-width: 100% !important;
    padding: 0 !important;
}

@media(max-width: 1200px) {
    .container.container_custom {
        flex-direction: column !important;
    }
}
/*@import url(../blocks/container/__left/container__left.css);*/
.container__left {
    width: 50%;
    background-color: #f9f9fd;
    display: flex;
    flex-direction: column;
    padding-bottom: 100px;
}

@media(max-width: 1200px) {
    .container__left {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        justify-content: center;
        padding-bottom: 50px;
    }
}
/*@import url(../blocks/container/__right/container__right.css);*/
.container__right {
    width: 50%;
    background: no-repeat url(../../../../../uploads/images/bglasrblock.svg);
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    padding-bottom: 100px;
}

@media(max-width: 1200px) {
    .container__right {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
        display: flex;
        justify-content: center;
        padding-bottom: 50px;
    }
}
/*@import url(../blocks/container/__bock/container__bock.css);*/
.container__bock {
    max-width: 600px;
    width: 100%;
    align-self: flex-end;
    padding-top: 60px;
}

.container__bock1 {
    max-width: 600px;
    width: 100%;
    align-self: flex-start;
    padding-left: 50px;
}

@media(max-width: 1200px) {
    .container__bock {
        align-self: center;
    }

    .container__bock1 {
        align-self: center;
        padding-left: 0;
    }
}

@media(max-width: 781px) {
    .container__bock {
        padding-top: 15px;
    }

}
/*@import url(../blocks/container/__form/container__form.css);*/
.container__form {
    max-width: 505px;
    width: 100%;
}
/*@import url(../blocks/container/__form-name/container__form-name.css);*/
.container__form-name {
    font-family: 'Exo 2';
    font-style: normal;
    color: #FFFFFF;
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
    margin-bottom: 14px;
}

#free-trial-request-form .container__form-name {
    margin-bottom: 7px;
}

@media(max-width: 781px) {
    #free-trial-request-form .container__form-name {
        margin-bottom: 5px;
    }
}
/*@import url(../blocks/container/__form-input/container__form-input.css);*/
.container__form-input {
    padding: 0px 12px 8px 24px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    width: 100%;
    margin-bottom: 18px;
    border-radius: 14px;
    max-height: 48px;
}

.container__form-input:last-of-type {
    margin-bottom: 40px;
}

.container__form-input > div {
    margin-bottom: 0 !important;
}

.container__form-input label {
    position: absolute;
    display: none;
}

.container__form-input .help-block {
    margin-top: 0;
}

#free-trial-request-form .container__form-input .help-block,
#phone-request-form .container__form-input .help-block {
    margin-left: -25px;
}

#free-trial-request-form .container__form-input .has-error .help-block {
    color: pink;
}

#free-trial-request-form .container__form-input {
    margin-bottom: 25px;
}
/*@import url(../blocks/container/__input/container__input.css);*/
.container__input,
.container__input:hover,
.container__input:active,
.container__input:focus {
    width: 100%;
    border: none;
    outline: none;
    font-family: 'Exo 2';
    font-style: normal;
    font-weight: 400;
    font-size: 23px;
    line-height: 28px;
    color: #303466;
    height: 45px;
}
/*@import url(../blocks/container/__btn/container__btn.css);*/
.container__btn,
.container__btn:active,
.container__btn:focus,
.container__btn:hover
 {
    max-width: 505px !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    box-shadow: none;
}
/*@import url(../blocks/container/__row/container__row.css?v=1);*/
.container__row {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 32px;
    gap: 8px;
    justify-content: space-between;
}

@media(max-width: 480px) {
    .container__row {
        flex-wrap: wrap;
        justify-content: center;
        gap: 20px;
    }
}

/*@import url(../blocks/container/__box-icon/container__box-icon.css?v=1);*/
.container__box-icon {
    background: transparent;
    /*max-width: 160px;
    width: 100%;*/
    flex: 0 0 30%;
    max-width: 30%;
}
@media(max-width: 480px) {
    .container__box-icon {
        flex: 0 0 50%;
        max-width: 50%;
    }
}
@media(max-width: 360px) {
    .container__box-icon {
        flex: 1 0 auto;
        max-width: 200px;
    }
}


/*@import url(../blocks/tabs/__btns/tabs__btns.css);*/
.tabs__btns {
    width: 100%;
    margin-bottom: 60px;
}
/*@import url(../blocks/tabs/__pills/tabs__pills.css);*/
.tabs__pills {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
/*@import url(../blocks/tabs/__item/tabs__item.css);*/
.tabs__item {
    
}
/*@import url(../blocks/tabs/__btn/tabs__btn.css);*/
.tabs__btn {
    border: none;
    background: transparent;
    cursor: pointer;
    font-family: 'Exo 2';
    font-style: normal;
    font-size: 18px;
    line-height: 25px;
    font-weight: 700;
    text-align: center;
    max-width: 275px;
    width: 100%;
    color: #222222;
    padding: 9px 20px;
}

.tabs__btn.active {
    border-style: none none solid;
    border-width: 1px 1px 2px;
    border-color: #000 #000 #575fcc;
}
/*@import url('../blocks/tabs/__phone/tab__phone.css?v=2');*/
.tab__phone {
    max-width: 400px;
    width: 100%;
    background: no-repeat url(../../../../../uploads/images/bgphone.png);
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 10;
    height: 610px;
    left: -37px;
}
/*@import url(../blocks/tabs/__img/tab__img.css?v=2);*/
.tab__img {
    /*max-width: 267px;
    width: 100%;
    position: absolute;
    max-height: 574px;
    z-index: 1;
    top: 17px;
    left: 10px;*/

    max-width: 262px;
    width: 100%;
    position: absolute;
    max-height: 574px;
    top: 14px;
    left: 10px;
    object-fit: cover;
    /*height: 100%;*/
    height: 564px;
    width: 100%;
    z-index: 1;
}
@media screen and (max-width: 825px) {
    .tab__img {
        display: none;
    }
}

/*@import url(../blocks/tabs/__gif/tab__gif.css?v=2);*/
.tab__gif {
    position: relative;
}

.tab-pane1 {
    position: relative;
}
/*@import url(../blocks/tabs/__list/tabs__list.css);*/
.tabs__list {
    position: absolute;
    z-index: 10000;
    right: -5px;
    top: 249px;
}

.tabs__list1 {
    right: 0;
    top: 128px;
    left: -100px;
}
/*@import url(../blocks/tabs/__content-right/tabs__content-right.css);*/
.tabs__content-right {
    width: 556px;
    padding: 0;
    left: 169px;
    background-position: -15% 50%;
}

@media(max-width: 1250px) {
    .tabs__content-right {
        width: 532px;
        padding: 0;
        left: 146px;
        background-position: -15% 50%;
    }
}
/*@import url(../blocks/tabs/__main-gif/tabs__main-gif.css);*/
.tabs__main-gif {
    max-width: 600px;
    height: 458px;
    margin-left: 82px;
    margin-top: 25px;
}

@media(max-width: 1250px) {
    .tabs__main-gif {
        max-width: 475px;
        height: 458px;
        margin-left: 54px;
        margin-top: 25px;
    }
}
/*@import url(../blocks/tabs/__for-block/tab__for-block.css);*/
.tab__for-block {
    border-radius: 40px;
    background-color: #fff;
    padding: 12px 20px;
    margin-bottom: 8px;
}

/*@import url(../blocks/footer/footer.css);*/
.footer {
    width: 100%;
    background-color: #191d54 !important;
    height: unset !important;
}
/*@import url(../blocks/footer/__container/footer__container.css);*/
.footer__container {
    max-width: 1440px;
    padding: 90px 50px 40px 89px;
    margin: 0 auto;
}

@media(max-width: 660px) {
    .footer__container {
        padding: 40px 15px;
    }
}
/*@import url(../blocks/footer/__row/footer__row.css);*/
.footer__row {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
}

@media(max-width: 1070px) {
    .footer__row {
        flex-direction: column;
        align-items: center;
        justify-content: space-around;
    }
}
/*@import url(../blocks/footer/__block/footer__block.css);*/
.footer__block {
    max-width: 265px;
    display: flex;
    flex-direction: column;
}

.footer__block-row {
    width: 42%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

@media(max-width: 1200px) {
    .footer__block-row {
        width: 47%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
    }
}

@media(max-width: 1070px) {
    .footer__block {
        margin-bottom: 20px;
    }

    .footer__block-row {
        margin-bottom: 10px;
        width: 100%;
        justify-content: space-around;
    }
}

@media(max-width: 475px) {
    .footer__block-row {
        margin: 0 auto;
        flex-direction: column;
    }

    .footer__block {
       align-self: center;
    }

    .footer__block1 {
        display: none;
    }
}
/*@import url(../blocks/footer/__logo/footer__logo.css);*/
.footer__logo {
    max-width: 250px;
    width: 100%;
    margin-bottom: 25px;
}
/*@import url(../blocks/footer/__par/footer__par.css);*/
.footer__par {
    font-family: 'Exo 2';
    font-style: normal;
    color: #8187d9;
    line-height: 24px;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 20px;
}
/*@import url(../blocks/footer/__block-title/footer__block-title.css);*/
.footer__block-title {
    font-family: 'Exo 2';
    font-style: normal;
    margin-bottom: 25px;
    color: #d5d7f2;
    font-size: 18px;
    font-weight: 500;
    text-align: left;
    line-height: 1.5;
}
/*@import url(../blocks/footer/__link/foote__link.css);*/
.foote__link,
.foote__link:focus,
.foote__link:active,
.foote__link:hover {
    font-family: 'Exo 2';
    font-style: normal;
    color: #d9dbe1;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    padding-top: 3px;
    padding-bottom: 12px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mail::before {
    content: "";
    background: no-repeat url(../../../../../uploads/images/mailicon.svg);
    min-width: 20px;
    height: 16px;
    margin-right: 10px;
}

.phone::before {
    content: "";
    background: no-repeat url(../../../../../uploads/images/phoneicon.svg);
    min-width: 18px;
    height: 18px;
    margin-right: 10px;
}

.foote__link-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #575fcc;
    padding-top: 11px;
}

.foote__link-icon:hover,
.foote__link-icon:focus,
.foote__link-icon:active
{
    background: #575fcc;
    padding-top: 11px;
}

.footer__link-darck,
.footer__link-darck:focus,
.footer__link-darck:active,
.footer__link-darck:hover {
    color: #575fcc;
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
}

.footer__link-site {
    margin-left: 5px;
}

@media(max-width: 1070px) {
    .footer__link-darck {
        text-align: center;
    }
}
/*@import url(../blocks/footer/__links/footer__links.css);*/
.footer__links {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
/*@import url(../blocks/footer/__btn/footer__btn.css);*/
.footer__btn,
.footer__btn:active,
.footer__btn:focus,
.footer__btn:hover {
    max-width: 198px !important;
    width: 100%;
    margin: 0;
}
/*@import url(../blocks/footer/__row-bottom/footer__row-bottom.css);*/
.footer__row-bottom {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}

@media(max-width: 1070px) {
    .footer__row-bottom {
        flex-direction: column;
        align-items: center;
    }
}
/*@import url(../blocks/footer/__row-box/footer__row-box.css);*/
.footer__row-box {
    display: flex;
    flex-direction: row;
    align-items: end;
}

@media(max-width:1070px) {
    .footer__row-box {
        flex-direction: column;
        align-items: center;
    }
}
/*@import url(../blocks/footer/__img/footer__img.css);*/
.footer__img {
    max-width: 104px;
    width: 100%;
    height: 15px;
}
/*@import url(../blocks/solution/__line/solution__line.css);*/
@media(max-width: 1210px) {
    .solution__line {
        display: none;
    }
}
/*@import url(../blocks/slider/__bg/slider__bg.css);*/
.slider__bg {
    background-color: #fff;
    padding: 16px 0 0;
    border-radius: 40px;
    box-shadow: 14px 14px 150px 20px rgba(221, 243, 233, 0.3);
}

/*@import url(../blocks/mob/mob__title.css);*/
.mob__title {
    display: none;
}

@media(max-width: 479px) {
    .mob__title {
        display: block;
        font-family: 'Exo 2';
        font-style: normal;
        margin-bottom: 44px;
        font-size: 30px;
        line-height: 33px;
        font-weight: 700;
        color: #e2255e;
    }

    .mob__title1 {
        color: #575fcc;
    }
}
/*@import url(../blocks/tariff/__over/tariff__over.css?v=3);*/
.tariff__over {
    /*max-width: 1395px;*/
    /*overflow: scroll;*/
    /*margin-right: -15px;
    margin-left: -15px;*/
    padding-right: 15px;
    padding-left: 15px;
    /*-ms-overflow-style: none;*/ /* for Internet Explorer, Edge */
    /*scrollbar-width: none;*/ /* for Firefox */
    overflow-y: hidden; 
    overflow-x: auto;
    text-align: center;

    max-width: 100%;
}

.tariff__over::-webkit-scrollbar {
    /*display: none;*/ /* for Chrome, Safari, and Opera */

}

.tariff__over::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
    border-radius: 10px;
    background-color: rgba(82, 67, 194, 0.1);
}

.tariff__over::-webkit-scrollbar
{
    /*width: 12px;*/
    height: 8px;
    width: 8px;
    background-color: rgba(82, 67, 194, 0.1);
}

.tariff__over::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #575FCC;
}

@media(max-width: 1640px) {
    .tariff__over {
        margin-bottom: 85px;
    }
}

/*@import url(../blocks/btn-tooltip/btn-tooltip.css);*/
.btn-tooltip {
    background-color: transparent;
    border: none;
    position: relative;
    padding-left: 0;
    padding-right: 0;
    margin-left: 5px;
    text-align: left;
}

.btn-tooltip::after {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    border-bottom: 2px dashed #7C83DD;
}

.btn-tooltip__tooltip.tooltip {
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
    border-radius: 15px !important;
}

.btn-tooltip__tooltip.tooltip.show {
    opacity: 1;
    padding-top: 0 !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-bottom: 0 !important;
}

.btn-tooltip__tooltip .tooltip-inner {
    background: #eff0fb;
    border-radius: 15px;
    color: #5E629B;
    font-family: 'Exo 2';
    font-size: 14px;
}

/*@import url(../layouts/normalize.css);*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

*,
*::before,
*::after {
    box-sizing: border-box;
}
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
    margin: 0;
}
html {
    line-height: 1.15; /* 1 */
    -webkit-text-size-adjust: 100%; /* 2 */
}
.table > :not(caption) > * > *,
tbody, td, tfoot, th, thead, tr{
    border: none;
    padding: 0;
}

/* Sections
     ========================================================================== */

/**
   * Remove the margin in all browsers.
   */

body {
    margin: 0;
}

/**
   * Render the `main` element consistently in IE.
   */

main {
    display: block;
}

/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */

h1 {
    font-size: 2em;
    /* margin: 0.67em 0; */
}

/* Grouping content
     ========================================================================== */

/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */

hr {
    box-sizing: content-box; /* 1 */
    height: 0; /* 1 */
    overflow: visible; /* 2 */
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

pre {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/* Text-level semantics
     ========================================================================== */

/**
   * Remove the gray background on active links in IE 10.
   */

a {
    background-color: transparent;
    text-decoration: none;
}
a:hover {
    text-decoration: none;
}
a:not([class]) {
    text-decoration-skip-ink: auto;
}
ul,
ol {
    padding: 0;
}
ul,
ol{
    list-style: none;
}
/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */

abbr[title] {
    border-bottom: none; /* 1 */
    text-decoration: underline; /* 2 */
    text-decoration: underline dotted; /* 2 */
}

/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */

b,
strong {
    font-weight: bolder;
}

/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */

code,
kbd,
samp {
    font-family: monospace, monospace; /* 1 */
    font-size: 1em; /* 2 */
}

/**
   * Add the correct font size in all browsers.
   */

small {
    font-size: 80%;
}

/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/* Embedded content
     ========================================================================== */

/**
   * Remove the border on images inside links in IE 10.
   */

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

/* Forms
     ========================================================================== */

/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */

button,
input,
optgroup,
select,
textarea {
    font-family: inherit; /* 1 */
    font-size: 100%; /* 1 */
    line-height: 1.15; /* 1 */
    margin: 0; /* 2 */
}

/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */

button,
input {
    /* 1 */
    overflow: visible;
}

/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */

button,
select {
    /* 1 */
    text-transform: none;
}

/**
   * Correct the inability to style clickable types in iOS and Safari.
   */

button,
[type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

/**
   * Remove the inner border and padding in Firefox.
   */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

/**
   * Restore the focus styles unset by the previous rule.
   */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

/**
   * Correct the padding in Firefox.
   */

fieldset {
    padding: 0.35em 0.75em 0.625em;
}

/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */

legend {
    box-sizing: border-box; /* 1 */
    color: inherit; /* 2 */
    display: table; /* 1 */
    max-width: 100%; /* 1 */
    padding: 0; /* 3 */
    white-space: normal; /* 1 */
}

/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */

progress {
    vertical-align: baseline;
}

/**
   * Remove the default vertical scrollbar in IE 10+.
   */

textarea {
    overflow: auto;
}

/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */

[type="checkbox"],
[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */

[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    outline-offset: -2px; /* 2 */
}

/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */

::-webkit-file-upload-button {
    -webkit-appearance: button; /* 1 */
    font: inherit; /* 2 */
}

/* Interactive
     ========================================================================== */

/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */

details {
    display: block;
}

/*
   * Add the correct display in all browsers.
   */

summary {
    display: list-item;
}

/* Misc
     ========================================================================== */

/**
   * Add the correct display in IE 10+.
   */

template {
    display: none;
}

/**
   * Add the correct display in IE 10.
   */

[hidden] {
    display: none;
}
p {
    margin: 0;
}

/*@import url(../layouts/layout.css);*/

/*@import url(../blocks/marks/marks.css?v=1);*/
.marks {
  position: relative;
  background: #FFFFFF;
  width: 100%;
  padding-top: 38px;
  padding-bottom: 79px;
  padding-left: 20px;
  padding-right: 20px;
}

@media (min-width: 768px) and (max-width: 1329px) {
  .marks {
    margin-top: 120px;
  }
}

/*@import url(../blocks/marks/__title/marks__title.css);*/
.marks__title {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  font-size: 44px;
  line-height: 36px;
  color: #2f3467;
  margin-bottom: 33px;
}

@media (max-width: 390px) {
  .marks__title {
    font-size: 36px;
    line-height: 34px;
    margin-bottom: 20px;
  }
}

/*@import url(../blocks/marks/__par/marks__par.css);*/
.marks__par {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 35px;
  letter-spacing: 0.02em;
  color: #303466;
  margin: 0;
  max-width: 576px;
  margin-bottom: 28px;
}

/*@import url(../blocks/marks/__cards/marks__cards.css);*/
.marks__cards {
  display: flex;
  flex-direction: row;
  min-width: 1276px;
  width: 100%;
  padding-right: 20px;
}

/*@import url(../blocks/marks/__card/marks__card.css);*/
.marks__card {
  width: 290px;
  background: #ffffff;
  box-shadow: 0px 3px 24px rgba(82, 67, 194, 0.15);
  border-radius: 26px;
  padding: 26px 32px 52px;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 32px;
  position: relative;
}

.marks__card:last-of-type {
  margin-right: 0;
}

/*@import url(../blocks/marks/__card-img/marks__card-img.css);*/
.marks__card-img {
  width: 143px;
  height: 143px;
  margin-top: 56px;
  margin-bottom: 77px;
}

.marks__card-img_sm {
  width: 60px;
  height: 60px;
}

/*@import url(../blocks/marks/__card-line/marks__card-line.css);*/
.marks__card-line {
    width: 100%;
    height: 1px;
    background: #575FCC;
    margin-bottom: 22px;
}
/*@import url(../blocks/marks/__card-par/marks__card-par.css);*/
.marks__card-par {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  font-size: 22px;
  line-height: 32px;
  text-align: center;
  letter-spacing: 0.01em;
  color: #575fcc;
  margin: 0;
}

/*@import url(../blocks/span/span.css);*/
.span {
    color: #E2255E;
}
/*@import url(../blocks/marks/__content/marks__content.css);*/
.marks__content {
    margin: 0 auto;
    max-width: 1260px;
    display: flex;
    flex-direction: column;
}
/*@import url(../blocks/marks/__card-img1/marks__card-img1.css);*/
.marks__card-img1 {
    width: 137px;
    height: 220px;
    margin-top: 21px;
    margin-bottom: 36px;
}

.marks__card-img1_sm {
    width: 70px;
    height: 110px;
    margin-bottom: 17px;
}

.marks__card-img1_sml {
    width: 60px;
    height: 96px;
}
/*@import url(../blocks/marks/__card-sb/marks__card-sb.css);*/
.marks__card-sb {
    width: 34px;
    height: 34px;
    border-radius: 50%;
    background: rgba(87, 95, 204, 0.37);
    padding: 10px;
    margin: 0 auto;
}
/*@import url(../blocks/marks/__card-ss/marks__card-ss.css);*/
.marks__card-ss {
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
}

/*@import url(../blocks/marks/__card-block/marks__card-block.css);*/
.marks__card-block {
    width: 92px;
    height: 238px;
    margin-top: 11px;
    margin-bottom: 27px;
    padding: 22px 11px;
    background: no-repeat url('../../../../../uploads/images/bgpen.png');
    background-size: cover;
}
/*@import url(../blocks/marks/__card-flex/marks__card-flex.css);*/
.marks__card-flex {
    max-width: 139px;
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: baseline;
    justify-content: space-between;
    margin-bottom: 25px;
}
/*@import url(../blocks/marks/__card-row/marks__card-row.css);*/
.marks__card-row {
  display: flex;
  flex-direction: row;
  margin-bottom: 14px;
  width: 100%;
}

.marks__card-row1 {
  margin-bottom: 38px;
}

/*@import url(../blocks/marks/__card-ok/marks__card-ok.css);*/
.marks__card-ok {
    width: 17px;
    height: 14px;
    margin-right: 15px;
    margin-top: 11px;
}
/*@import url(../blocks/marks/__card-parag/__card-parag.css);*/
.marks__card-parag {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 26px;
  color: #575fcc;
  margin: 0;
}

/*@import url('../blocks/marks/__scroll/marks__scroll.css?v=3');*/
.marks__scroll {
  margin-bottom: 60px;
  overflow: scroll;
  scrollbar-width: none;
  margin-left: -20px;
  margin-right: -20px;
  padding: 20px 23px;
  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll; 
}

.marks__scroll::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

@media (max-width: 560px) {
  .marks__par {
    margin-bottom: 50px;
  }
}

/*@import url(../blocks/marks/__btn/marks__btn.css?v=1);*/
.marks__btn {
  padding: 11px 20px 14px;
  border: 1.5px solid #7c83dd;
  border-radius: 18px;
  display: inline-block;
  min-width: 260px;
  margin: 0 auto;
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 32px;
  color: #575fcc;
  text-align: center;
  align-self: center;
  background: #ffffff;
}

.marks__btn:hover,
.marks__btn:focus,
.marks__btn:active {
  background: #5e629b;
  border-color: #5e629b;
  color: #ffffff;
}

@media (max-width: 560px) {
  .marks__btn {
    width: 100%;
  }
}

/*@import url(../blocks/marks/__card-btn/marks__card-btn.css);*/
.marks__card-btn,
.marks__card-btn:hover {
  padding: 8px 10px 11px;
  background: #575fcc;
  border-radius: 30px;
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  font-size: 26px;
  line-height: 32px;
  letter-spacing: 0.01em;
  color: #ffffff;
  text-align: center;
  display: inline-block;
  min-width: 172px;
  position: absolute;
  bottom: -20px;
  left: 60px;
}

/*@import url(../blocks/details/details.css);*/
.details {
  width: 100%;
  background: #ffffff;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 38px;
}

@media (max-width: 767px) {
  .details {
    padding-left: 0;
    padding-right: 0;
  }
}

/*@import url(../blocks/details/__content/details__content.css);*/
.details__content {
    max-width: 1260px;
    margin: 0 -15px;
}

@media (max-width: 767px) {
    .details__content {
        margin: 0 auto;
    }
}
/*@import url(../blocks/details/__title/details__title.css);*/
.details__title {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  font-size: 44px;
  line-height: 36px;
  color: #2f3467;
  margin-bottom: 97px;
}

@media (max-width: 420px) {
  .details__title {
    margin-bottom: 40px;
  }
}

/*@import url(../blocks/details/__title/details__title.css);*/
/*@import url(../blocks/details-span/span.css);*/
.span {
  color: #e2255e;
}

/*@import url(../blocks/details/__block/details__block.css);*/
.details__block {
  width: 100%;
  display: flex;
  flex-direction: row;
  gap: 48px;
  /*justify-content: space-between;
  padding-left: 50px;
  padding-right: 50px;*/
}

@media (max-width: 1200px) {
  .details__block {
    padding-left: 0;
    padding-right: 0;
    gap: 10px;
  }
}

@media (max-width: 1060px) {
  .details__block {
    flex-direction: column;
  }
}

/*@import url(../blocks/details/__block-left/details__block-left.css);*/
.details__block-left {
  max-width: 400px;
  width: 100%;
  padding: 33px 24px 30px 31px;
  background: #40e09d;
  border-radius: 4px;
  min-height: 553px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

@media (max-width: 420px) {
  .details__block-left {
    padding: 20px 15px;
  }
}

/*@import url(../blocks/details/__block-num/details__block-num.css);*/
.details__block-num {
  position: relative;
  margin-left: -33px;
  margin-bottom: 16px;
}

@media (max-width: 420px) {
  .details__block-num {
    margin-left: -17px;
  }
}

/*@import url(../blocks/details/__block-number/details__block-number.css);*/
.details__block-number {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  font-size: 97px;
  line-height: 36px;
  color: #ffffff;
  margin: 0;
  position: absolute;
  bottom: 43px;
  left: 32px;
}

/*@import url(../blocks/details/__block-title/details__block-title.css);*/
.details__block-title {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  font-size: 39px;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 28px;
  height: 72px;
}

@media (max-width: 420px) {
  .details__block-title {
    margin-bottom: 15px;
  }
}

/*@import url(../blocks/details/__block-par/details__block-par.css);*/
.details__block-par {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-bottom: 7px;
}

/*@import url(../blocks/details/__block-parag/details__block-parag.css);*/
.details__block-parag {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-bottom: 21px;
}

.details__block-parag_lc {
  margin-bottom: 15px;
}

/*@import url(../blocks/details/__block-paragraf/details__block-paragraf.css);*/
.details__block-paragraf {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #ffffff;
  margin-bottom: 34px;
}

.details__block-paragraf_lc {
  margin-bottom: 9px;
}

.details__block-paragraf_lc:last-of-type {
  margin-bottom: 1px;
}

@media (max-width: 420px) {
  .details__block-paragraf {
    margin-bottom: 15px;
  }
}

/*@import url(../blocks/carousel-details/carousel-details.css);*/
.carousel-control-prev_details,
.carousel-control-next_details {
  position: static;
  width: 60px;
  height: 60px;
  opacity: 1;
}

.carousel-control-prev_details {
  margin-right: 6px;
}

.carousel-control-next-icon_details {
  background: no-repeat url("../../../../../uploads/images/arractive.png");
  background-size: cover;
  width: 20px;
  height: 40px;
  background-position: center;
  transform: rotate(180deg);
  opacity: 1;
}

.carousel-control-next-icon_details.dis {
  background: no-repeat url('../../../../../uploads/images/arrnotactive.png');
  background-size: cover;
  width: 20px;
  height: 40px;
  background-position: center;
  transform: rotate(180deg);
  opacity: 1;
}

.carousel-control-prev-icon_details {
  background: no-repeat url('../../../../../uploads/images/arractive.png');
  background-size: cover;
  width: 20px;
  height: 40px;
  background-position: center;
  opacity: 1;
}

.carousel-control-prev-icon_details.dis {
  background: no-repeat url('../../../../../uploads/images/arrnotactive.png');
  background-size: cover;
  width: 20px;
  height: 40px;
  background-position: center;
  opacity: 1;
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: none;
}

.carousel-inner_details {
  overflow: visible;
}

.carousel-item_details {
  transition: unset;
}

/*@import url(../blocks/details/__block-btns/details__block-btns.css);*/
.details__block-btns {
  display: flex;
  flex-direction: row;
  justify-content: end;
}

/*@import url(../blocks/details/__block-right/details__block-right.css);*/
.details__block-right {
  max-width: 713px;
  width: 100%;
}

@media (max-width: 1060px) {
  .details__block-right {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}

@media (max-width: 767px) {
  .details__block-right {
    margin-top: 0;
  }
}

/*@import url(../blocks/details/__block-box/details__block-box.css);*/
.details__block-box {
  width: 100%;
  padding: 9px 15px 16px 35px;
  position: relative;
}

.details__block-box_gr {
  border: 1px solid rgba(64, 224, 157, 0.91);
  border-radius: 5px;
  padding: 19px 15px 10px 30px;
  min-height: 344px;
}

@media (max-width: 655px) {
  .details__block-box {
    padding: 15px;
  }

  .details__block-box_gr {
    padding: 15px;
    min-height: unset;
  }
}

/*@import url(../blocks/details/__block-t/details__block-t.css);*/
.details__block-t {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 36px;
  color: #22263a;
  margin-top: 0;
  margin-bottom: 7px;
}

/*@import url(../blocks/details/__block-pi/details__block-pi.css);*/
.details__block-pi {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 500;
  font-size: 13px;
  line-height: 35px;
  letter-spacing: 0.02em;
  color: #2f3467;
  margin-bottom: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.details__block-pi:last-of-type {
  margin-bottom: 0;
}

.details__block-pi::before {
  content: "";
  background: no-repeat url("../../../../../uploads/images/pmicons.png");
  background-size: cover;
  min-width: 19px;
  height: 18px;
  margin-right: 4px;
}

.pm::before {
  background-position-x: 0;
}

.pp::before {
  background-position-x: 100%;
  margin-right: 7px;
}

@media (max-width: 767px) {
  .details__block-pi {
    line-height: 20px;
    margin-bottom: 10px;
  }
}

/*@import url(../blocks/details/__block-info/details__block-info.css);*/
.details__block-info {
  max-width: 247px;
  width: 100%;
  background: rgba(147, 146, 181, 0.12);
  border-radius: 90px;
  padding: 26px 33px 19px 44px;
  position: absolute;
  top: 19px;
  right: 0;
}

@media (max-width: 655px) {
  .details__block-info {
    position: static;
    margin-top: 20px;
  }
}

/*@import url(../blocks/details-span/__size/span__size.css);*/
.span__size {
  font-size: 26px;
  line-height: 24px;
}

/*@import url(../blocks/details/__block-span/details__block-span.css);*/
.details__block-span {
  font-family: "Exo 2";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.02em;
  color: #e2255e;
  margin: 0;
}

/*@import url(../blocks/details-span/__green/span__green.css);*/
.span__green {
  color: #00d27a;
}

/*@import url(../blocks/details/__block-btn/details__block-btn.css);*/
.details__block-btn {
  border: 1px solid #575fcc;
  border-radius: 10px;
  text-align: center;
  padding: 16px 19px 15px;
  display: inline-block;
  min-width: 286px;
  font-family: "Arial";
  font-style: normal;
  font-weight: 700;
  font-size: 19px;
  line-height: 22px;
  text-align: center;
  letter-spacing: 0.03em;
  color: #3b45c3;
  margin-top: 17px;
  margin-bottom: 23px;
}

.details__block-btn:hover,
.details__block-btn:active,
.details__block-btn:focus {
  background: #5e629b;
  color: #ffffff;
  cursor: pointer;
}

@media (max-width: 420px) {
  .details__block-btn {
    min-width: auto;
    width: 100%;
    margin-bottom: 0;
  }
}

/*@import url(../blocks/details/__block-img/details__block-img.css);*/
.details__block-img {
    width: 100%;
    height: auto;
    max-width: 368px;
}
/*@import url(../blocks/details-span/__s/span__s.css);*/
.span__s {
  font-size: 13px;
}


.head__download_container {
    display: none;
    flex-wrap: wrap;
}
@media screen and (max-width: 1199px) {
    .head__download_container {
        display: flex;
        gap: 20px;
        max-width: 640px;
    }
    .head__download_container .container__box-icon {

    }
}
@media screen and (max-width: 700px) {
    .head__download_container {
        max-width: 100%;
    }
}
@media screen and (max-width: 480px) {
    .head__download_container {
        gap: 12px;
    }
    .head__download_container .container__box-icon {
        max-width: 170px;
    }
}