

/* Start:/bitrix/templates/linter_1bit_documentations/template_styles.css?1738240554296950*/
.informaltable {
    max-width: 600px; /* Установите максимальную ширину */
    overflow-x: auto; /* Включите скролл по горизонтали */
}

.frame-all {
    width: 100%; /* Ширина таблицы 100% от контейнера */
    border-collapse: collapse; /* Уберите отступы между ячейками */
}

.frame-all th, .frame-all td {
    border: 1px solid #ccc; /* Граница ячеек */
    padding: 8px; /* Отступ внутри ячеек */
    text-align: left; /* Выравнивание текста */
}

.rowsep {
    /* Дополнительные стили для ячеек при необходимости */
}

/* --- normalize css --- */
*{padding: 0;margin: 0;border: 0;}


html {
  --top-spacing: 105px;
  scroll-padding-top: var(--top-spacing);
}

/* --- Артур css --- */
.itemizedlist li {
  list-style: circle !important;
}
.doc-item-body ul li:before {
        left: 1% !important;
}
.itemizedlist ul {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

h1,h2,h3,h4,h5,h6 {
  text-transform: none !important;
}

.table-title
{
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  text-transform: none !important;

}

.listitem pre{
  padding-left: 5px !important;
  max-width: 680px !important;
  padding-right: 10px !important;

}

element.style {
    vertical-align: top !important;
}
.article table.frame-all, .article table.frame-all th, .article table.frame-all td, #doc_content table.frame-all, #doc_content table.frame-all th, #doc_content table.frame-all td {
    border-style: solid !important;
}

/* ---------------------------*/



*,*:before,*:after{
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
        height: 100%;
        width: 100%;
        font-size: 100%;
        -ms-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0 !important;border:0;}
a, a:visited{text-decoration: none;color: #2B2B2B;}
a:hover{text-decoration: none;}
ul li{list-style: none !important;}
img{vertical-align: top;}
p{margin-bottom: 15px;}


/* ---------------------------*/


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

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

}


/* common-style */
html, body{
                font-family: 'Manrope', sans-serif;
                font-size: 16px;
                line-height: 1.5;
                color: #2D2D2D;
}

.font-play{
                font-family: 'Play', sans-serif;
}

:root {
                --black: #000;
                --white: #fff;
                --lite-grey: #F9F9F9;

                --main-theme: #0178be;
                --text-blue: #0078BF;

                --title-dark: #2B2B2B;
                --text-dark: #2D2D2D;

                --light-blue: #249DE3;
                --bright-blue: #56C1FF;
                --bg-dark: #323232;

                --bg-grad-to-right: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                --bg-grad-to-left:  linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);

                --shadow: rgb(180, 180, 180);

                --size-12: 12px;
                --size-14: 14px;
                --size-16: 16px;
                --size-18: 18px;
                --size-20: 20px;
                --size-22: 22px;
                --size-28: 28px;
}
h1{
                font-family: 'Play';
                font-size: 42px;
                font-weight: 700;
                text-transform: uppercase;
}
h2{
                font-family: 'Play';
                font-size: 42px;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 40px;
}
h3{
                font-family: 'Play';
                font-size: 38px;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 20px;
                color: var(--title-dark);
}
@media screen and (max-width: 1024px) {
                h1{
                                font-size: 34px;
                }
                h2{
                                font-size: 34px;
                                margin-bottom: 30px;
                }
                h3{
                                font-size: 28px;
                }
}
@media screen and (max-width: 576px) {
                h1{
                                font-size: 22px;
                }
                h2{
                                font-size: 22px;
                                margin-bottom: 20px;
                }
                h3{
                                font-size: 18px;
                                margin-bottom: 10px;
                }
}


.text-center{
                text-align: center;
}
.text-left{
                text-align: left;
}
.text-right{
                text-align: right;
}
.color-w{
                color: var(--white);
}
.color-b{
                color: var(--text-dark);
}

/* all-buttons-here */
/* .btn-main, .btn-main:link,.btn-main:visited {
                font-family: 'Play';
                font-size: 24px;
                font-weight: 700;
                text-transform: uppercase;
                opacity: 100%;
                border-radius: 9px;
                padding: 20px 55px;
                color: #fff;
                display: inline-block;
                line-height: 1em;
}
.btn-main:hover{
                opacity: 50%;
                transition: 0.3s;
}
.btn-main:focus{
                opacity: 100%;
                transition: 0.3s;
}


.btn-main-white, .btn-main-white:link, .btn-main-white:visited{
                background-color: var(--white);
                color: var(--text-blue);

}
.btn-main-white:focus{
                background-color: var(--text-blue);
                color: var(--white);
                transition: 0.3s;
}
.btn-main-blue{
                background-color: var(--text-blue);
                color: var(--white);
}
.btn-main-blue:focus{
                background-color: var(--white);
                color: var(--text-blue);
                transition: 0.3s;
}
.btn-main-light-blue{
                background-color: var(--light-blue);
                color: var(--white);
}
.btn-main-light-blue:focus{
                background-color: var(--black);
                color: var(--white);
                transition: 0.3s;
}
.btn-main-black{
                background-color: var(--bg-dark);
                color: var(--white);
}
.btn-main-black:focus{
                background-color: var(--white);
                color: var(--bg-dark);
                transition: 0.3s;
}
@media screen and (max-width: 1024px) {
                .btn-main{
                                font-size: 20px;
                                padding: 16px 40px;
                                border-radius: 7px;
                }
}

@media screen and (max-width: 576px) {
                .btn-main{
                                font-size: 12px;
                                padding: 10px 25px;
                                border-radius: 5px;
                }

} */

/* */
.btn-main{
        display: inline-block;
        font-family: 'Play';
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        opacity: 100%;
        border-radius: 9px;
        padding: 20px 55px;
        text-align: center;
        line-height: 1.2;
        -webkit-appearance: none;
        appearance: none;
        cursor: pointer;
}
.btn-main:hover{
        opacity: 50%;
        transition: 0.3s;
}
.btn-main:focus{
        opacity: 100%;
        transition: 0.3s;
}

.btn-main:link, .btn-main:visited{
        display: inline-block;
        font-family: 'Play';
        font-size: 24px;
        font-weight: 700;
        text-transform: uppercase;
        opacity: 100%;
        border-radius: 9px;
        padding: 20px 55px;
        -webkit-appearance: none;
        appearance: none;
        transition: 0.3s;
}
.btn-main:hover, .btn-main:active{
        opacity: 50%;
}
/* !!!!! */
.btn-main:disabled{
                background: #929397;
                color: #fff;
}
@media screen and (max-width: 1024px) {
        .btn-main{
                font-size: 20px;
                padding: 16px 40px;
                border-radius: 7px;
        }
        .btn-main:link, .btn-main:visited{
                font-size: 20px;
                padding: 16px 40px;
                border-radius: 7px;
        }
        .btn-main:hover, .btn-main:active{}
}
@media screen and (max-width: 576px) {
        .btn-main{
                font-size: 12px;
                padding: 10px 25px;
                border-radius: 5px;
        }
        .btn-main:link, .btn-main:visited{
                font-size: 12px;
                padding: 10px 25px;
                border-radius: 5px;
        }
        .btn-main:hover, .btn-main:active{}
}
/*  */

.btn-main-white{
        background-color: var(--white);
        color: var(--text-blue);
}
.btn-main-white:focus{
        background-color: var(--text-blue);
        color: var(--white);
        transform: 0.3s;
}
.btn-main-white:link, .btn-main-white:visited{
        background-color: var(--white);
        color: var(--text-blue);
}
.btn-main-white:hover, .btn-main-white:active{
        background-color: var(--text-blue);
        color: var(--white);
        transform: 0.3s;
}
/*  */

.btn-main-blue{
        background-color: var(--text-blue);
        color: var(--white);
}
.btn-main-blue:focus{
        background-color: var(--white);
        color: var(--text-blue);
        transform: 0.3s;
}
.btn-main-blue:link, .btn-main-blue:visited{
        background-color: var(--text-blue);
        color: var(--white);
}
.btn-main-blue:hover, .btn-main-blue:active{
        background-color: var(--white);
        color: var(--text-blue);
        transform: 0.3s;
}
/*  */

.btn-main-light-blue{
        background-color: var(--light-blue);
        color: var(--white);
}
.btn-main-light-blue:focus{
        background-color: var(--black);
        color: var(--white);
        transform: 0.3s;
}
.btn-main-light-blue:link, .btn-main-light-blue:visited{
        background-color: var(--light-blue);
        color: var(--white);
}
.btn-main-light-blue:hover, .btn-main-light-blue:active{
        background-color: var(--black);
        color: var(--white);
        transform: 0.3s;
}
/*  */

.btn-main-black{
        background-color: var(--text-blue);
        color: var(--white);
}
.btn-main-black:focus{
        background-color: var(--white);
        color: var(--bg-dark);
        transform: 0.3s;
}
.btn-main-black:link, .btn-main-black:visited{
        background-color: var(--bg-dark);
        color: var(--white);
}
.btn-main-black:hover, .btn-main-black:active{
        background-color: var(--white);
        color: var(--bg-dark);
        transform: 0.3s;
        background: #929397;
        color: #fff;
}
/*  */




.main-container{
                overflow: hidden;
}
.content{
                position: relative;
                z-index: 50;
                padding: 50px 0;
}
.container{
                width: 100%;
                padding: 0 20px;
                margin: 0 auto;
                overflow: hidden;
}
.page-content-wrap{
                max-width: 1030px;
}
.paragraph-info{
                font-size: 20px;
                font-weight: 400;
                color: #2D2D2D;
}
.correct-image{
                width: 100%;
                height: 100%;
                overflow: hidden;
}
.correct-image img{
                width: 100%;
                height: auto;
                object-fit: cover;
                overflow: hidden;
}
.block-title{
                margin: 0 auto 40px;
}
.block-content{
                margin-bottom: 40px;
}

.fs-title-width{}


@media screen and (max-width: 768px) {
                .content{
                                padding: 30px 0;
                }
                .container{
                                width: 100%;
                                padding: 0 20px;
                                margin: 0 auto;
                                overflow: hidden;
                }
                .page-content-wrap{
                                max-width: 768px;
                }
                .paragraph-info{
                                font-size: 16px;
                                font-weight: 400;
                                line-height: 22px;
                }
                .block-title{
                                margin: 0 auto 30px;
                }
}
@media screen and (max-width: 320px) {
                .content{
                                padding: 20px 0;
                }
                .container{
                                width: 100%;
                                padding: 0 10px;
                                margin: 0 auto;
                                overflow: hidden;
                }
                .page-content-wrap{
                                max-width: 320px;
                }
                .paragraph-info{
                                font-size: 12px;
                                font-weight: 400;
                                line-height: 16px;
                }
                .block-title{
                                margin: 0 auto 20px;
                }
}

/* ________________________________________________ */
/* all-backgrounds */
.bg-grad-to-right{
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
}
.bg-grad-to-left{
                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
}
.bg-dark{
                background-color: var(--bg-dark);
}
.bg-blu-grad-right{
                position: relative;
}
.bg-blu-grad-right:before{
                position: absolute;
                content: " ";
                top: 0;
                left: 22%;
                width: 100%;
                height: 100%;
                background: linear-gradient(-90deg, #0C8BD6 6.1%, #56C1FF 100%);
                border-radius: 30px 0 0 30px;
                z-index: 10;
                margin-left: auto;
}
.bg-blu-grad-left{
                position: relative;
}
.bg-blu-grad-left:before{
                position: absolute;
                content: " ";
                top: 0;
                right: 22%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                border-radius: 0px 30px 30px 0px;
                z-index: 10;
                margin-left: auto;
}
.bg-wh-grad-left{
                position: relative;
}
.bg-wh-grad-left:before{
                position: absolute;
                content: " ";
                top: 0;
                right: 22%;
                width: 100%;
                height: 100%;
                background: var(--white);
                border-radius: 0px 30px 30px 0px;
                z-index: 10;
                margin-left: auto;
}
.bg-wh-grad-right{
                position: relative;
}
.bg-wh-grad-right:before{
                position: absolute;
                content: " ";
                top: 0;
                left: 22%;
                width: 100%;
                height: 100%;
                background: var(--white);
                border-radius: 30px 0 0 30px;
                z-index: 10;
                margin-left: auto;
}
.bg-bl-grad-right{
                position: relative;
}
.bg-bl-grad-right:before{
                position: absolute;
                content: " ";
                top: 0;
                left: 22%;
                width: 100%;
                height: 100%;
                background: var(--bg-dark);
                border-radius: 30px 0 0 30px;
                z-index: 10;
                margin-left: auto;
}
.bg-bl-grad-left{
                position: relative;
}
.bg-bl-grad-left:before{
                position: absolute;
                content: " ";
                top: 0;
                right: 22%;
                width: 100%;
                height: 100%;
                background: var(--bg-dark);
                border-radius: 0 30px 30px 0;
                z-index: 10;
                margin-left: auto;
}
.bg-big-dots{
                position: relative;
}
.bg-big-dots:before{
                position: absolute;
                content: url('/assets/background-big-dots.svg');
                top: 0;
                left: 0;
                z-index: -30;
}
@media screen and (max-width: 2180px){
                .bg-blu-grad-left:before{
                                right: 14%;
                }
                .bg-bl-grad-right:before{
                                left: 14%;
                }
                .bg-bl-grad-left:before{
                                right: 14%;
                }
                .bg-wh-grad-left:before{
                                right: 14%;
                }
                .bg-wh-grad-right:before{
                                left: 14%;
                }
                .bg-blu-grad-right:before{
                                left: 14%;
                }
}
@media screen and (max-width: 1920px){
                .bg-blu-grad-left:before{
                                right: 10%;
                }
                .bg-bl-grad-right:before{
                                left: 10%;
                }
                .bg-bl-grad-left:before{
                                right: 10%;
                }
                .bg-wh-grad-left:before{
                                right: 10%;
                }
                .bg-wh-grad-right:before{
                                left: 10%;
                }
                .bg-blu-grad-right:before{
                                left: 10%;
                }
}
@media screen and (max-width: 1440px) {
                .bg-blu-grad-left:before{
                                right: 5%;
                }
                .bg-bl-grad-right:before{
                                left: 5%;
                }
                .bg-bl-grad-left:before{
                                right: 5%;
                }
                .bg-wh-grad-left:before{
                                right: 5%;
                }
                .bg-wh-grad-right:before{
                                left: 5%;
                }
                .bg-blu-grad-right:before{
                                left: 5%;
                }
}
@media screen and (max-width: 1280px) {
                .bg-blu-grad-left:before{
                                right: 2%;
                }
                .bg-bl-grad-right:before{
                                left: 2%;
                }
                .bg-bl-grad-left:before{
                                right: 2%;
                }
                .bg-wh-grad-left:before{
                                right: 2%;
                }
                .bg-wh-grad-right:before{
                                left: 2%;
                }
                .bg-blu-grad-right:before{
                                left: 2%;
                }
}
@media screen and (max-width: 1024px) {
                .bg-blu-grad-left:before{
                                right: 7%;
                }
                .bg-bl-grad-right:before{
                                left: 7%;
                }
                .bg-bl-grad-left:before{
                                right: 7%;
                }
                .bg-wh-grad-left:before{
                                right: 7%;
                }
                .bg-wh-grad-right:before{
                                left: 7%;
                }
                .bg-blu-grad-right:before{
                                left: 7%;
                }
}
@media screen and (max-width: 860px) {
                .bg-blu-grad-left:before{
                                right: 0;
                                border-radius: 0;
                }
                .bg-bl-grad-right:before{
                                left: 0;
                                border-radius: 0;
                }
                .bg-bl-grad-left:before{
                                right: 0;
                                border-radius: 0;
                }
                .bg-wh-grad-left:before{
                                right: 0;
                                border-radius: 0;
                }
                .bg-wh-grad-right:before{
                                left: 0;
                                border-radius: 0;
                }
                .bg-blu-grad-right:before{
                                left: 0;
                                border-radius: 0;
                }
}
@media screen and (max-width: 576px) {
                .bg-blu-grad-left:before{
                                right: 2%;
                                border-radius: 0px 10px 10px 0px;
                }
                .bg-bl-grad-right:before{
                                left: 2%;
                                border-radius: 10px 0 0 10px;
                }
                .bg-bl-grad-left:before{
                                right: 2%;
                                border-radius: 0px 10px 10px 0px;
                }
                .bg-wh-grad-left:before{
                                right: 2%;
                                border-radius: 0px 10px 10px 0px;
                }
                .bg-wh-grad-right:before{
                                left: 2%;
                                border-radius: 10px 0 0 10px;
                }
                .bg-blu-grad-right:before{
                                left: 2%;
                                border-radius: 10px 0 0 10px;
                }
}
@media screen and (max-width: 320px) {
                .bg-blu-grad-left:before{
                                right: 0;
                                border-radius: 0;
                }
                .bg-bl-grad-right:before{
                                left: 0;
                                border-radius: 0;
                }
                .bg-bl-grad-left:before{
                                right: 0;
                                border-radius: 0;
                }
                .bg-wh-grad-left:before{
                                right: 0;
                                border-radius: 0;
                }
                .bg-wh-grad-right:before{
                                left: 0;
                                border-radius: 0;
                }
                .bg-blu-grad-right:before{
                                left: 0;
                                border-radius: 0;
                }
}

.border-grad-blue{
                background-color: #fff;
                position: relative;
                border-radius: 22px;
                font-size: 20px;
                opacity: 100%;
}
.border-grad-blue:before{
                position: absolute;
                content: " ";
                border-radius: 23px;
                inset: calc(0px - 2px);
                padding: 3px;
                background: linear-gradient(-90deg, #42FFFF , #0C92E1);
                z-index: -10;
}
@media screen and (max-width: 1024px) {
                .border-grad-blue{
                                background-color: #fff;
                                position: relative;
                                border-radius: 11px;
                                font-size: 20px;
                                opacity: 100%;
                }
                .border-grad-blue:before{
                                position: absolute;
                                content: " ";
                                border-radius: 13px;
                                inset: calc(0px - 2px);
                                padding: 3px;
                                background: linear-gradient(-90deg, #42FFFF , #0C92E1);
                                z-index: -10;
                }
}
@media screen and (max-width: 576px) {
                .border-grad-blue{
                                background-color: #fff;
                                position: relative;
                                border-radius: 7px;
                                font-size: 20px;
                                opacity: 100%;
                }
                .border-grad-blue:before{
                                position: absolute;
                                content: " ";
                                border-radius: 9px;
                                inset: calc(0px - 2px);
                                padding: 3px;
                                background: linear-gradient(-90deg, #42FFFF , #0C92E1);
                                z-index: -10;
                }
}
.area-btm-wh-container{
                position: relative;
}
.area-btm-wh-container:before{
                position: absolute;
                content: url('/assets/background-big-dots.svg');
                top: 55%;
                left: 0;
                z-index: 15;
}
.area-btm-wh-content{
                position: relative;
                z-index: 10;
                padding-top: 180px;
                padding-bottom: 0;
                margin-top: -80px;
                background-color: #fff;
}
@media screen and (max-width: 414px) {
                .area-btm-wh-content{
                                padding-top: 120px;
                }
}



/* ________________________________________________ */
.header {
                line-height: 1;
                z-index: 99;
                /* position: sticky; */
                /* top: 0px; */
                background: #fff;
                color: #131313;
}
.header a{
                color: #131313;
}
.header-wrap{
                z-index: 99;
                /* position: sticky; */
                /* top: 0px; */
                background: #fff;
                position: fixed;
                top: 0;
                width: 100%;
}
.header-desctop{
                display: grid;
                gap: 60px;
                grid-template-columns: 130px 1fr;
                grid-template-rows: auto;
                padding-top: 30px;
                padding-bottom: 17px;

}
.header-bar.flex-col{
                gap: 13px 0;
}
.header-bar-info.flex-row{
                /* gap: 40px; */
                justify-content: space-between;
}
.site-search{
                position: relative;
}
.site-search::before{
                content: url('/assets/icon-search.svg');
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                width: 15px;
                height: 14px;
                margin: 3px 0 0;
}
.site-search-input{
                max-width: 157px;
                border-bottom: 1px solid var(--black);
                padding: 0 0 2px 5px;
                margin-left: 15px;
}
.site-search-input::placeholder{
                font-size: 12px;
                color: rgba(6, 6, 6, 0.41);
}
.site-doc{
                position: relative;
                margin-left: 15px;
}
.site-doc::before{
                content: url('/assets/icon-doc.svg');
                display: block;
                position: absolute;
                top: 0;
                left: -18px;
                width: 23px;
                height: 21px;
                margin-top: -2px;
}
.login{
                position: relative;
                margin-left: 25px;
}
.login::before{
                content: url('/assets/icon-income.svg');
                display: block;
                position: absolute;
                top: 0;
                left: -18px;
                width: 17px;
                height: 27px;
                margin-top: -2px;
}
.need-call a:link, .need-call:visited{
                text-decoration: underline;
}
.need-call a:hover, .need-call:active{
                text-decoration: none;
                transition: 0.3s;
}
.header-menu-desctop.flex-row{
                justify-content: space-between;
}
.header-menu-desctop a.active{
                position: relative;
}
.header-menu-desctop a.active::before{
                content: " ";
                position: absolute;
                bottom: -5px;
                left: 50%;
                margin-left: -27px;
                width: 54px;
                height: 2px;
                background-color: var(--text-blue);
}
.header-menu-desctop a:link, .header-menu-desctop a:visited{
}
.header-menu-desctop a:hover, .header-menu-desctop a:active{
                color:var(--text-blue);
                transition: 0.3s;
}
.main-menu-point{
                font-size: 16px;
                text-transform: uppercase;
                font-weight: 600;

}



.header-mobile{
                display: none;
}


@media screen and (max-width: 1024px){
                .page-content-wrap{
                                max-width: 768px;
                                margin: 0 auto;
                }
}
@media screen and (max-width: 576px){
                .page-content-wrap{
                                max-width: 320px;
                                margin: 0 auto;
                }
}
@media screen and (max-width: 1024px) {
                .header-desctop{
                                display: none;
                }
                .header-mobile{
                                display: block;
                                height: 78px;
                }
                .header-menu-mobile{
                                /* padding-top: 20px; */
                                padding-bottom: 20px;
                }

                .nav-top {
                                display: flex;
                                align-items: center;
                                position: fixed;
                                z-index: 101;
                                padding: 10px 20px;
                                width: 100%;
                                height: 78px;
                                background-color: var(--white);
                }
                .nav-top .hamburger {
                                margin-left: auto;
                                color: var(--white);
                                cursor: pointer;
                }
                .nav-top.flex-row{
                                justify-content: space-between;
                                max-width: 768px;
                }
                .nav-drill {
                                margin-top: 78px;
                                transform: translateX(100%);
                }
                .nav-drill-wrap{
                                width: 100%;
                                display: grid;
                                gap: 60px;
                                grid-template-columns: 1fr 1fr;
                                grid-template-rows: auto;
                                justify-content: center;
                                padding: 30px;
                }

                .nav-is-toggled .nav-drill {
                                transform: translateX(0);
                }

                .nav-is-toggled::after {
                                opacity: 1;
                                visibility: visible;
                }

                .nav-drill {
                                display: flex;
                                position: fixed;
                                z-index: 100;
                                top: 0;
                                right: 0;
                                width: 80%;
                                height: 100vh;
                                background-color: var(--white);
                                overflow-y: auto;
                                overflow-x: hidden;
                                -webkit-overflow-scrolling: touch;
                                transition: 0.45s;
                }

                .nav-items {
                                flex: 0 0 100%;

                }
                .nav-items.flex-col{
                                gap: 35px;

                }
                .mobile-bar-info{

                }
                .mobile-bar-info.flex-col{
                                gap: 35px;
                }
                .nav-item:not(:last-child) {
                        /* border-bottom: solid 1px #daf9f4;  */
                }

                .nav-link {
                                display: block;
                                background-color: var(--white);
                                font-size: 16px;
                                font-weight: 600;
                                text-transform: uppercase;
                }
                .variable-420-visible{
                                display: none;
                }
                /* .nav-expand-content {
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 100%;
                                height: 100%;
                                transform: translateX(100%);
                                background-color: #daf9f4;
                                transition: 0.3s;
                                visibility: hidden;
                }
                .nav-expand-content .nav-item:not(:last-child) {
                                border-bottom: solid 1px #20b49c;
                }
                .nav-expand-content .nav-link {
                                background-color: #daf9f4;
                }
                .nav-expand-content .nav-back-link {
                                display: flex;
                                align-items: center;
                                background-color: #20b49c !important;
                                color: #fff;
                }
                .nav-expand-content .nav-back-link::before {
                                content: "chevron_left";
                                margin-right: 0.5em;
                }

                .nav-expand-link {
                                display: flex;
                                justify-content: space-between;
                }
                .nav-expand-link::after {
                                content: "x";
                                flex: 0 1 auto;
                }

                .nav-expand.active > .nav-expand-content {
                                transform: translateX(0);
                                visibility: visible;
                } */




}
@media screen and (max-width: 576px) {
                .header-mobile{
                                height: 66px;
                }
                .header-menu-mobile{
                                /* padding-top: 15px; */
                                padding-bottom: 17px;
                }
                .nav-top.flex-row{
                                justify-content: space-between;
                                max-width: 320px;
                }
                .nav-drill {
                                margin-top: 66px;
                                transform: translateX(100%);
                }
                .nav-top {
                                display: flex;
                                align-items: center;
                                position: fixed;
                                z-index: 101;
                                padding: 10px 20px;
                                width: 100%;
                                height: 66px;
                                background-color: var(--white);
                }
                .nav-drill {
                                display: flex;
                                position: fixed;
                                z-index: 100;
                                top: 0;
                                right: 0;
                                width: 100%;
                                height: 100vh;
                                background-color: var(--white);
                                overflow-y: auto;
                                overflow-x: hidden;
                                -webkit-overflow-scrolling: touch;
                                transition: 0.45s;
                }
                .header-menu-mobile{
                                font-size: 12px;
                }
                .variable-420-hidden{
                                display: none;
                }
                .variable-420-visible{
                                display: block;
                }
                .nav-drill-wrap{
                                width: 100%;
                                display: grid;
                                gap: 30px;
                                grid-template-columns: 1fr 1fr;
                                grid-template-rows: auto;
                                justify-content: center;
                                padding: 30px 20px;
                }
                .nav-link {
                                font-size: 12px;
                }
                .site-search-input{
                                max-width: 95px;
                }
}
@media screen and (max-width: 420px) {

}

/* ________________________________________________ */
/* common-flex-box */
.flex-row{
                display: flex;
                flex-direction: row;
}
.flex-col{
                display: flex;
                flex-direction: column;
}

/* common-grid */
.grid-1{
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: auto;
}

/* ________________________________________________ */
/* ������� */
.slick-slider{
                position: relative;
}
/* ������� ������� */
.slick-slider.slick-initialized{}
/* ������� � ������� */
.slick-slider.slick-dotted{}
/* �������������� �������� */
.slick-list {
                overflow: hidden;
                border: none;
}
/* ����� ������� */
.slick-track{
                display: flex;

}
/* ����� */
.slick-slide{

}
/* ����� �������� (������������) */
.slick-slide.slick-active{}
/* ����� �������� */
.slick-slide.slick-current{}
/* ����� �� ������ */
.slick-slide.slick-center{}
/* ������������� ����� */
.slick-slide.slick-cloned{}
/* ������� */
.slick-arrow{
                position: absolute;
                bottom: 0;
                font-size: 0;
                width: 70px;
                height: 70px;
}
/* ������� ����� */
.slick-arrow.slick-prev{
                left: 25%;
                background: url(/assets/arrow-prev.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
}
.slick-arrow.slick-prev:hover{
                opacity: 50%;
                transition: 0.3s;
}
.slick-arrow.slick-prev:active{
                background: url(/assets/arrow-prev-white.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
                transition: 0.3s;
}
/* ������� ������ */
.slick-arrow.slick-next{
                right: 25%;
                background: url(/assets/arrow-next.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
}
.slick-arrow.slick-next:hover{
                opacity: 50%;
                transition: 0.3s;
}
.slick-arrow.slick-next:active{
                background: url(/assets/arrow-next-white.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
                transition: 0.3s;
}
/* ������� �� �������� */
.slick-arrow.slick-disabled{}

/* ����� (������) */
.slick-dots{
                display: flex;
                align-items: center;
                justify-content: center;
                margin-top: 50px;
}
.slick-dots li{
                list-style: none;
                margin: 0 10px;
                padding-bottom: 25px;
}
.slick-dots li button{
                font-size: 0;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background-color: transparent;
                border: 2px solid var(--main-theme);
}
.slick-dots li.slick-active button{
                background-color: var(--main-theme);
}
/* �������� ����� */
.slick-dots li.slick-active{}
/* ������� ����� */
.slick-dots li button{}

@media screen and (max-width: 1024px) {
                .slick-arrow{
                                width: 56px;
                                height: 56px;
                }
                .slick-dots{
                                margin-top: 10px;
                }
                .slick-dots li button{
                                width: 12px;
                                height: 12px;
                }
}
@media screen and (max-width: 576px) {
                .slick-arrow{
                                width: 34px;
                                height: 34px;
                }
                .slick-dots{
                                margin-top: 0px;
                }
                .slick-dots li button{
                                width: 8px;
                                height: 8px;
                                border: 1px solid var(--main-theme);
                }
                .slick-dots li{
                                padding-bottom: 10px;
                }
                .slick-arrow.slick-next{
                                right: 10%;
                                background: url(/assets/arrow-next.svg)  0 0 / 100% no-repeat;
                                opacity: 100%;
                }
                .slick-arrow.slick-prev{
                                left: 10%;
                                background: url(/assets/arrow-prev.svg)  0 0 / 100% no-repeat;
                                opacity: 100%;
                }
}


/* ________________________________________________ */
/* footer-style */
.footer{
                width: 100%;
                color: var(--white);
}
.footer-container{
                padding: 100px 20px;
}
.footer-bar{
                display: grid;
                gap: 30px;
                grid-template-columns: 1fr 2fr;
                grid-template-rows: auto;
}
.footer-logo{
                margin-bottom: 10px;
}
.footer-contacts{
                margin-top: 8px;
                line-height: 27px;
}
/* .footer-contacts.flex-col{
                gap: 30px;
} */
.footer-contacts.grid-1{
                gap: 30px;
}
.footer-tel a:link, .footer-tel a:visited{
                font-size: 24px;
                font-weight: 700;
                color: var(--white);
                text-decoration: none;
}
.footer-tel a:hover, .footer-tel a:active{
                text-decoration: underline;
}
.footer-tel span{
                font-size: 20px;
}
.contact-us{
                font-size: 20px;
                font-weight: 500;
}
.social-icons{
                margin: 20px 0 0;
}
.social-icons.flex-row{
                gap: 14px;
}
.social-icon:link, .social-icon:visited{
                width: 50px;
                height: 50px;
                opacity: 100%;
}
.social-icon:hover, .social-icon:active{
                opacity: 50%;
                transition: 0.3s;
}
.footer-mail-to{
                font-size: 24px;
                font-weight: 700;
}
.footer-mail-to a:link, .footer-mail-toa:visited{
                font-size: 24px;
                font-weight: 700;
                color: var(--white);
                text-decoration: none;
}
.footer-mail-to a:hover, .footer-mail-to a:active{
                text-decoration: underline;
}
.footer-menu.flex-row{
                gap: 10px;
                justify-content: space-between;
}
.footer-menu-point:link, .footer-menu-point:visited{
                font-size: 20px;
                color: var(--white);
                text-transform: uppercase;
                font-weight: 600;
                line-height: 2.2;
                text-decoration: none;
}
.footer-menu-point:hover, .footer-menu-point:active{
                text-decoration: underline;
}
.footer-menu-add-point:link, .footer-menu-add-point:visited{
                font-size: 18px;
                color: var(--white);
                font-weight: 400;
                line-height: 1.7;
}
.footer-menu-add-point:hover, .footer-menu-add-point:active{
                text-decoration: underline;
}

@media screen and (max-width: 768px) {
                .footer-container{
                                padding: 70px 20px;
                }
                .footer-logo img{
                                width: 129px;
                                height: 52px;
                }
                .footer-tel a:link, .footer-tel a:visited{
                                font-size: 18px;
                                font-weight: 700;
                                color: var(--white);
                                text-decoration: none;
                }
                .footer-tel a:hover, .footer-tel a:active{
                                text-decoration: underline;
                }
                .footer-tel span{
                                font-size: 14px;
                                line-height: 19px;
                }
                .contact-us{
                                font-size: 14px;
                                line-height: 1.5;
                                font-weight: 500;
                }
                .social-icons.flex-row{
                                gap: 10px;
                }
                .social-icon:link, .social-icon:visited{
                                width: 36px;
                                height: 36px;
                }
                .footer-menu-point:link, .footer-menu-point:visited{
                                font-size: 14px;
                                line-height: 2.5;
                                text-decoration: none;
                }
                .footer-menu-point:hover, .footer-menu-point:active{
                                text-decoration: underline;
                }
                .footer-mail-to a:link, .footer-mail-toa:visited{
                                font-size: 18px;
                }
                .footer-menu-add-point:link, .footer-menu-add-point:visited{
                                font-size: 12px;
                                color: var(--white);
                                font-weight: 400;
                                line-height: 2.5;
                }
}
@media screen and (max-width: 579px) {
                .footer-container{
                                padding: 40px 20px ;
                }
                .footer-logo{
                                margin-bottom: 0px;
                }
                .footer-bar{
                                display: grid;
                                gap: 30px;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                }
                .footer-logo img{
                                width: 93px;
                                height: 37px;
                }
                .footer-contacts.grid-1{
                                grid-template-columns: 1fr 1fr;
                                gap: 10px;
                }
                .footer-tel, .footer-mail-to, .footer-menu-support{
                                text-align: right;
                }
                .footer-tel a:link, .footer-tel a:visited{
                                font-size: 14px;
                }
                .footer-mail-to a:link, .footer-mail-toa:visited{
                                font-size: 14px;
                }
                .footer-tel span, .contact-us{
                                font-size: 12px;
                }
                .social-icon:link, .social-icon:visited{
                                width: 29px;
                                height: 29px;
                }
                .social-icons{
                                margin: 5px 0 0;
                }
                .footer-menu-add-point:link, .footer-menu-add-point:visited{
                                font-size: 10px;
                }
}
@media screen and (max-width: 420px) {
                .footer-contacts.grid-1{
                                grid-template-columns: 1fr 1fr;
                                gap: 0px;
                }
}






/* _____________________________________________________ */
/* main-page */

.first-screen{
                background: url(/assets/fs-background.svg) center /cover no-repeat;
                width: 100%;
                /* height: 900px; */
                padding-top: 100px;
}
.first-screen-container{
                position: relative;
                max-width: 2000px;
                margin: 0 auto;
}
.first-screen-l-img{
                position: absolute;
                top: 10%;
                left: 70%;
                z-index: 40;
}
.first-screen-l-img img{
                max-width: 700px;
                height: auto;
}

.linter-fs-l-img{
                position: absolute;
                top: 15%;
                left: 58%;
                z-index: 40;
}
.linter-fs-l-img img{
                max-width: 717px;
                height: auto;
}
@media screen and (max-width: 1024px){
                .linter-fs-l-img{
                                position: absolute;
                                top: 9%;
                                left: 62%;
                                z-index: 40;
                }
                .linter-fs-l-img img{
                                max-width: 530px;
                                height: auto;
                }
}
@media screen and (max-width: 768px){
                .linter-fs-l-img {
                                position: absolute;
                                top: 9%;
                                left: 67%;
                                z-index: 40;
                }
}
@media screen and (max-width: 576px){
                .linter-fs-l-img img{
                                max-width: 240px;
                                height: auto;
                }
                .linter-fs-l-img {
                                position: absolute;
                                top: 24%;
                                left: 67%;
                                z-index: 40;
                }
}


.first-screen-wrap{
                padding-top: 50px;
}
.first-screen-subtitle{
                font-size: 20px;
                margin-bottom: 55px;
                position: relative;
                z-index: 50;
}
.linter-fs-subtitle{
                max-width: 870px;
                margin-right:auto;
}
.first-screen-subtitle-hor-line{
                position: relative;
}
.first-screen-subtitle-hor-line:before{
                position: absolute;
                content: url('/assets/fs-bg-dotted-line-1.svg');
                top: -70%;
                left: 0;
}
.first-screen-subtitle-hor-line:after{
                position: absolute;
                content: url('/assets/fs-bg-dotted-line-2.svg');
                bottom: -75%;
                left: 0;
}
@media screen and (max-width: 1280px) {
                .first-screen-subtitle-hor-line:before{
                                left: -30%;
                }
                .first-screen-subtitle-hor-line:after{
                                left: -30%;
                }

}
@media screen and (max-width: 1024px) {
                .first-screen-subtitle-hor-line:before{
                                left: -40%;
                }
                .first-screen-subtitle-hor-line:after{
                                left: -40%;
                }

}
@media screen and (max-width: 1024px) {
                .first-screen-subtitle-hor-line:before{
                                left: -60%;
                }
                .first-screen-subtitle-hor-line:after{
                                left: -66%;
                }
}
@media screen and (max-width: 576px) {
                .first-screen-subtitle-hor-line:before{
                                top: -90%;
                                left: -50%;
                }
                .first-screen-subtitle-hor-line:after{
                                left: -55%;
                                bottom: -50%;
                }
}
@media screen and (max-width: 420px) {
                .first-screen-subtitle-hor-line:before{
                                top: -90%;
                                left: -90%;
                }
                .first-screen-subtitle-hor-line:after{
                                left: -95%;
                                bottom: -50%;
                }
}
@media screen and (max-width: 420px) {
                .first-screen-subtitle-hor-line:before{
                                top: -90%;
                                left: -120%;
                }
                .first-screen-subtitle-hor-line:after{
                                left: -135%;
                                bottom: -50%;
                }
}

.first-screen-title{
                margin-bottom: 35px;
                position: relative;
                z-index: 50;
}
.first-screen-title h1{
                max-width: 860px;
}
.linter-fs-title h1{
                max-width: 830px;
}
.first-screen-buttons{
                margin-bottom: 50px;
                position: relative;
                z-index: 50;
}
.first-screen-offer{
                color: var(--white);
                font-size: 18px;
                line-height: 2.5;
                padding: 37px 0 100px;
                width: 100%;
}
.first-screen-offer-wrap{
                position: relative;
                z-index: 30;
}
.first-screen-offer-wrap:after{
                position: absolute;
                content: " ";
                top: 0;
                right: 35%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                z-index: 40;
                border-radius: 0px 30px 30px 0px;
}
.first-screen-offer-list{
                position: relative;
                overflow: visible;
                margin: 0 auto;
}
.first-screen-offer-list:before{
                position: absolute;
                content: " ";
                background: var(--white);
                width: 2px;
                height: 170%;
                left: 1%;
                bottom: -60%;
                z-index: 50;
                overflow: visible;
}
.first-screen-offer-list:after{
                position: absolute;
                content: " ";
                background: var(--white);
                width: 2px;
                height: 80%;
                left: -6%;
                bottom: -50%;
                z-index: 50;
                overflow: visible;
}
.first-screen-offer-list li{
                position: relative;
                padding-left: 80px;
                padding-bottom: 10px;
                z-index: 50;
                max-width: 660px;
                margin-right: auto;
                line-height: 1.8;
}
.first-screen-offer-list li:before{
                position: absolute;
                content: " ";
                background: var(--white);
                top: 15px;
                left: 0;
                width: 67px;
                height: 3px;
                z-index: 50;
}

@media screen and (max-width: 1024px) {
                .first-screen-offer-wrap:after{
                                right: 20%;
                }
                .first-screen-l-img{
                                left: 70%;
                }
                .linter-fs-title h1{
                                max-width: 670px;
                }
                .first-screen-wrap{
                                padding-top: 10px;
                }
                .first-screen-subtitle{
                                font-size: 16px;
                                margin-bottom: 50px;
                }
                .first-screen-title {
                                margin-bottom: 30px;
                }
                .first-screen-buttons{
                                margin-bottom: 45px;
                }
                .first-screen-offer-list{
                                position: relative;
                                z-index: 50;
                                padding-right: 40px;
                }
                .first-screen-l-img{
                                top: 7%;
                                left: 72%;
                }
                .first-screen-l-img img{
                                max-width: 500px;
                }
                .first-screen-offer{
                                font-size: 16px;
                                line-height: 2;
                                padding: 30px 0 75px;
                }
                .first-screen-offer-list li{
                                position: relative;
                                padding-left: 80px;
                                padding-bottom: 8px;
                                z-index: 50;
                                max-width: 560px;
                                margin-right: auto;
                                line-height: 1.8;
                }
                .first-screen-offer-list li:before{
                                position: absolute;
                                content: " ";
                                background: var(--white);
                                top: 12px;
                                left: 0;
                                width: 67px;
                                height: 3px;
                                z-index: 50;
                }
}

@media screen and (max-width: 768px) {
                .first-screen-offer-wrap:after{
                                right: 10%;
                }
}

@media screen and (max-width: 576px) {
                .first-screen-wrap{
                                padding-top: 0px;
                }
                .first-screen-subtitle{
                                font-size: 10px;
                                margin-bottom: 20px;
                }
                .first-screen-l-img{
                                top: 7%;
                                left: 75%;
                }
                .first-screen-l-img img{
                                max-width: 300px;
                }
                .first-screen-title {
                                margin-bottom: 20px;
                }
                .first-screen-buttons{
                                margin-bottom: 25px;
                }
                .first-screen-offer{
                                font-size: 10px;
                                line-height: 2;
                                padding: 20px 0 40px;
                }
                .first-screen-offer-list li{
                                position: relative;
                                padding-left: 50px;
                                z-index: 50;
                                padding-bottom: 8px;
                                max-width: 270px;
                                margin-right: auto;
                                line-height: 1.6;
                }
                .first-screen-offer-list li:before{
                                left: -10%;
                                height: 2px;
                                top: 7px;
                }
                .first-screen-offer-wrap:after{
                                right: 2%;
                                border-radius: 0 30px 30px 0;
                }
                .first-screen-offer-list{
                                padding-right: 0;
                }
}



/* _____________________________________________________ */
.trust-container{
                position: relative;
}
.trust-container:before{
                position: absolute;
                content: url('/assets/background-big-dots.svg');
                top: 55%;
                left: 0;
                z-index: 15;
}
.title-add-line-blue{
                position: relative;
}
.title-add-line-blue:after{
                position: absolute;
                content: url('/assets/title-h2-line.svg');
                top: -10%;
                left: 0;
                z-index: 50;
}
@media screen and (max-width: 1280px) {
                .title-add-line-blue:after{
                                left: -25%;
                }
}
@media screen and (max-width: 1024px) {
                .title-add-line-blue:after{
                                left: -35%;
                }
}
.trust-content{
                position: relative;
                z-index: 10;
                padding-top: 180px;
                padding-bottom: 0;
                margin-top: -80px;
                background-color: #fff;
}
.brands-content{
                margin-top: 40px;
                margin-bottom: 110px;
}
.trust-item{
                margin: 10px 20px;
}
.trust-item img{
                width: 100%;
                height: 100%;
                object-fit: contain;
}

@media screen and (max-width: 1024px) {
                .brands-content{
                                margin-bottom: 70px;
                }
}
@media screen and (max-width: 576px) {
                .brands-content{
                                margin-bottom: 40px;
                }
}

@media screen and (max-width: 414px) {
                .trust-content{
                                padding-top: 120px;
                }
}


/* _____________________________________________________ */
.triggers-container{
                color: var(--white);
                position: relative;
}
.triggers-wrap.bg-blu-grad-right:before{
                height: 90%;
}
.triggers-content-wrap{
                padding-top: 90px;
                position: relative;
                z-index: 20;
}
.triggers-items{
                margin-bottom: 70px;
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                grid-template-rows: 3;
}
.trigger-el-1{
                grid-column-start: 2;
                grid-column-end: 12;
                grid-row-start: 1;
                grid-row-end: 2;
                position: relative;
}
.trigger-el-1:before{
                position: absolute;
                content: url('/assets/triggers-hor-line.svg');
                top: 30%;
                left: 45%;
}
.trigger-el-2{
                grid-column-start: 4;
                grid-column-end: 12;
                grid-row-start: 2;
                grid-row-end: 3;
                margin-top: -40px;
                position: relative;
}
.trigger-el-2:before{
                position: absolute;
                content: url('/assets/triggers-hor-line.svg');
                top: 30%;
                left: 55%;
}
.trigger-el-3{
                grid-column-start: 7;
                grid-column-end: 12;
                grid-row-start: 3;
                grid-row-end: 4;
                margin-top: -40px;
                position: relative;
}
.trigger-el-3:before{
                position: absolute;
                content: url('/assets/triggers-hor-line.svg');
                top: 30%;
                left: 60%;
}
.triggers-subtitle, .block-subtitle{
                font-size: 24px;
                font-weight: 600;
                margin-bottom: 30px;
}
.trigger-item-wrap{
                position: relative;
}
.trigger-item-text{
                max-width: 485px;
}
.trigger-number{
                font-family: 'Play';
                font-size: 98px;
                font-weight: 700;
                margin-right: 10px;
}
.trigger-description{
                display: flex;
                flex-direction: column;
                align-items: center;
                align-self: center;
                font-size: 24px;
                font-weight: 600;
}
.triggers-add-info-wrap{
                border-top: 2px solid #fff;
                padding-bottom: 30px;
}
.triggers-add-info-items{
                display: grid;
                grid-template-columns: 1fr;
                justify-content: center;
                justify-items: center;
                align-items: stretch;
                padding-top: 30px;
}
.triggers-add-info-item{
                border-radius: 17px;
                padding: 30px 25px;
                background-color: var(--white);
                color: var(--bg-dark);
                margin: 15px 20px;
                position: relative;
}
.tr-add-el-1, .tr-add-el-2, .tr-add-el-3{
                position: relative;
                width: 305px;
}
.tr-add-el-1:before, .tr-add-el-2:before, .tr-add-el-3:before{
                position: absolute;
                content: " ";
                top: -230%;
                left: 50%;
                width: 2px;
                height: 300%;
                background-color: #fff;
                z-index: -1;
}
.tr-add-el-4, .tr-add-el-5{
                position: relative;
                width: 345px;
}
.tr-add-el-4:before{
                position: absolute;
                content: " ";
                top: -160%;
                left: 55%;
                width: 2px;
                height: 200%;
                background-color: #fff;
                z-index: -1;
}
.tr-add-el-5:before{
                position: absolute;
                content: " ";
                top: -160%;
                left: 45%;
                width: 2px;
                height: 200%;
                background-color: #fff;
                z-index: -1;
}
@media screen and (max-width: 1024px) {
                .triggers-subtitle, .block-subtitle{
                                font-size: 20px;
                                margin-bottom: 15px;
                }
                .trust-container:before{
                                top: 55%;
                                left: -30%;
                }
                .title-add-line-blue:after{
                                left: -55%;
                }
                .triggers-content-wrap{
                                padding-top: 70px;
                }
                .trigger-number{
                                font-size: 72px;
                                margin-right: 10px;
                }
                .trigger-description{
                                font-size: 18px;
                }
                .trigger-item-text{
                                max-width: 365px;
                }
                .trigger-el-1{
                                grid-column-start: 1;
                }
                .trigger-el-2{
                                grid-column-start: 3;
                                margin-top: -20px;
                }
                .trigger-el-3{
                                grid-column-start: 6;
                                margin-top: -20px;
                }
                .triggers-items{
                                margin-bottom: 40px;
                }
                .tr-add-el-1, .tr-add-el-2, .tr-add-el-3{
                                font-size: 14px;
                                width: 230px;
                }
                .tr-add-el-4, .tr-add-el-5{
                                font-size: 14px;
                                width: 310px;
                }
                .tr-add-el-4:before{
                                left: 63%;
                }
                .tr-add-el-5:before{
                                left: 37%;
                }
                .triggers-add-info-item{
                                padding:15px;
                                margin: 10px;
                }
                .triggers-wrap.bg-blu-grad-right:before{
                                height: 100%;
                }
}

@media screen and (max-width: 576px) {
                .triggers-subtitle, .block-subtitle{
                                font-size: 12px;
                                margin-bottom: 10px;
                }
                .title-add-line-blue:after{
                                left: -125%;
                }
                .triggers-content-wrap{
                                padding-top: 40px;
                }
                .trigger-number{
                                font-size: 40px;
                                margin-right: 10px;
                }
                .trigger-description{
                                font-size: 10px;
                }
                .trigger-item-text{
                                max-width: 205px;
                }
                .triggers-items{
                                margin-bottom: 30px;
                }
                .tr-add-el-4, .tr-add-el-5{
                                font-size: 10px;
                                width: 180px;
                }
                .triggers-add-info-item-wrap.flex-row{
                                flex-wrap: wrap;
                                justify-content: center;
                }
                .tr-add-el-4:before{
                                left: 20%;
                }
                .tr-add-el-5:before{
                                left: 80%;
                }
                .tr-add-el-1, .tr-add-el-2, .tr-add-el-3{
                                font-size: 10px;
                                width: 180px;
                }
                .title-add-line-blue:after{
                                left: -125%;
                }
                .trigger-el-1{
                                grid-column-start: 1;
                }
                .trigger-el-2{
                                grid-column-start: 2;
                                margin-top: -15px;
                }
                .trigger-el-3{
                                grid-column-start: 4;
                                margin-top: -15px;
                }
                .triggers-add-info-item{
                                padding:10px;
                                margin: 5px;
                }
                .title-add-line-blue:after{
                                left: -175%;
                }
                .tr-add-el-1, .tr-add-el-2, .tr-add-el-3, .tr-add-el-4, .tr-add-el-5{
                                font-size: 10px;
                                width: 150px;
                }
}



/* _____________________________________________________ */
.services {
                position: relative;
                padding-top: 285px;
                padding-bottom: 240px;
                margin-top: -180px;
                background-color: var(--bg-dark);
                color: var(--white);
}
.services-container{}
.services-container .title-add-line-blue:after{
                transform: scale(-1, 1);
                margin-top: 120px;
                right: -5%;
}
.services-content{
                position: relative;
                z-index: 20;
}
.services-items{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
                gap: 65px 50px ;
                padding-top: 40px;
}
.services-items.container{
                overflow: visible;
}
.services-item{
                position: relative;
                text-align: center;
                padding: 140px 20px 20px;
                border: 2px solid #0C8BD6;
                border-radius: 15px;
}
.services-item.flex-col{
                align-items: center;
}
.services-item img{
                position: absolute;
                top: -40px;
                left: 30%;
                z-index: 50;
                overflow: visible;
                /* width: 60%;
                margin-left: -20px; */
}
.services-item-text{}
.serv-el-1, .serv-el-2, .serv-el-3{
                position: relative;
                margin-left: -30px;
}
.serv-el-4, .serv-el-5, .serv-el-6{
                position: relative;
                margin-right: -30px;
}
.serv-el-1:before{
                position: absolute;
                content: url('/assets/services-bg-dotted.png');
                top: -22%;
                left: 26%;
}
.serv-el-2:before{
                position: absolute;
                content: url('/assets/services-bg-dotted.png');
                top: 18%;
                left: -25%;
}
.serv-el-3:before{
                position: absolute;
                content: url('/assets/services-bg-dotted.png');
                top: -10%;
                left: -11%;
}
.serv-el-4:before{
                position: absolute;
                content: url('/assets/services-bg-dotted.png');
                top: -12%;
                left: 2%;
}
.serv-el-5:before{
                position: absolute;
                content: url('/assets/services-bg-dotted.png');
                top: 21%;
                left: -14%;
}
.serv-el-6:before{
                position: absolute;
                content: url('/assets/services-bg-dotted.png');
                top: -7%;
                left: 36%;
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 1024px) {
                .services {
                                padding-top: 240px;
                                padding-bottom: 200px;
                }
                .services-item{
                                font-size: 12px;
                                padding: 130px 10px 15px;
                }
                .services-container .title-add-line-blue:after{
                                transform: scale(-1, 1);
                                margin-top: 85px;
                                right: -40%;
                }
}
@media screen and (max-width: 576px) {
                .services {
                                padding-top: 220px;
                                padding-bottom: 180px;
                }
                .services-item{
                                font-size: 10px;
                                padding: 120px 10px 15px;
                }
                .services-items{
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 25px;
                                padding: 0;
                                justify-content: space-between;
                }
                .serv-el-1, .serv-el-3, .serv-el-5{
                                position: relative;
                                margin-right: auto;
                                margin-left: 0;
                                width: 240px;
                }
                .serv-el-2, .serv-el-4, .serv-el-6{
                                position: relative;
                                margin-left: auto;
                                margin-right: 0;
                                width: 240px;
                }
                .services-item img{
                                position: absolute;
                                top: -20px;
                                left: 30%;
                                z-index: 50;
                                overflow: visible;
                                height: 60%;
                }
                .services-item{
                                padding: 80px 10px 15px;
                }
                .services-container .title-add-line-blue:after{
                                transform: scale(-1, 1);
                                margin-top: 55px;
                                right: -80%;
                }
                .serv-el-1, .serv-el-3, .serv-el-5{
                                position: relative;
                                margin-right: auto;
                                margin-left: 0;
                                width: 200px;
                                height: 150px;
                }
                .serv-el-2, .serv-el-4, .serv-el-6{
                                position: relative;
                                margin-left: auto;
                                margin-right: 0;
                                width: 200px;
                                height: 150px;
                }
                .services-container .title-add-line-blue:after{
                                transform: scale(-1, 1);
                                margin-top: 95px;
                                right: -125%;
                }
                .services-container .title-add-line-blue:after{
                                transform: scale(-1, 1);
                                margin-top: 95px;
                                right: -180%;
                }
}




/* _____________________________________________________ */
.online-order-wrap{
                margin-top: -140px;
}
.online-order-content{
                padding-top: 70px;
                padding-bottom: 70px;
                position: relative;
                z-index: 20;
}
@media screen and (max-width: 576px) {
                .online-order-content{
                                padding-top: 40px;
                                padding-bottom: 40px;
                }
                .online-order .block-title{
                                margin-bottom: 20px;
                }
}


/* _____________________________________________________ */
.reviews{
                padding-top: 335px;
                margin-top: -218px;
}
.reviews-container{
                position: relative;
}
.reviews-container:before{
                position: absolute;
                content: url('/assets/background-big-dots.svg');
                top: 0;
                right: -25%;
                z-index: 0;
}
.reviews-container.container{
                overflow: visible;
}
.reviews-content{
                margin-bottom: 105px;
}
.reviews-item{
                position: relative;
                margin: 70px 20px 50px;
}
.reviews-item.flex-col{
                align-items: flex-start;
                align-self: stretch;
}
.review-logo{
                position: absolute;
                top: -15%;
                left: 30px;
}
.review-logo-image{
                background-color: var(--white);
                border-radius: 15px;
                box-shadow:  0px 5px 3px #0079bf56;
                width: 235px;
                height: 100px;
                overflow: hidden;
                padding: 20px;
}
.review-logo-image img{
                width: 100%;
                height: 100%;
                object-fit: contain;
                object-position: center;
                overflow: hidden;
}
.review-text{
                height: 100%;
                background-color: var(--lite-grey);
                padding: 70px 30px 30px;
                border-radius: 20px;
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                align-self: stretch;
}
.review-title{
                font-size: 20px;
                font-weight: 700;
                color: var(--text-blue);
                text-transform: uppercase;
                margin-bottom: 10px;
}
.review-description{
                margin-bottom: 10px;
}
.review-author{
                margin-top: auto;
                color: var(--text-blue);
}
@media screen and (max-width: 1024px) {
                .reviews{
                                padding-top: 290px;
                                margin-top: -218px;
                }
                .reviews .title-add-line-blue:after{
                                top: -5%;
                                left: -60%;
                }
                .review-title{
                                font-size: 16px;
                }
                .review-description, .review-author{
                                font-size: 12px;
                }
                .review-logo-image{
                                background-color: var(--white);
                                border-radius: 11px;
                                box-shadow:  0px 5px 3px #0079bf56;
                                width: 170px;
                                height: 73px;
                                overflow: hidden;
                                padding: 10px 15px;
                }
                .review-text{
                                padding: 50px 20px 20px;
                                border-radius: 13px;
                }
                .reviews-container:before{
                                width: 40%;
                }
                .reviews-content {
                                margin-bottom: 70px;
                }
                .reviews-item {
                                position: relative;
                                margin: 60px 20px 30px;
                }
                .review-logo{
                                left: 20px;
                }
}
@media screen and (max-width: 576px) {
                .reviews{
                                padding-top: 270px;
                                margin-top: -218px;
                }
                .reviews .block-title{
                                margin-bottom: 0px;
                }
                .reviews .title-add-line-blue:after{
                                top: -5%;
                                left: -85%;
                }
                .review-title{
                                font-size: 12px;
                }
                .review-description, .review-author{
                                font-size: 10px;
                }
                .review-logo-image{
                                background-color: var(--white);
                                border-radius: 8px;
                                box-shadow:  0px 5px 3px #0079bf56;
                                width: 130px;
                                height: 55px;
                                overflow: hidden;
                                padding: 10px 15px;
                }
                .reviews-item {
                                position: relative;
                                margin: 40px 20px 30px;
                }
                .review-text{
                                padding: 50px 15px 15px;
                                border-radius: 10px;
                }
                .reviews-content {
                                margin-bottom: 40px;
                }
                .review-logo{
                                position: absolute;
                                top: -10%;
                                left: 15px;
                }
}
@media screen and (max-width: 414px) {
                .reviews .title-add-line-blue:after{
                                top: -5%;
                                left: -165%;
                }
}
@media screen and (max-width: 320px) {

}



/* _____________________________________________________ */
.team-wrap{
                padding-top: 100px;
                padding-bottom: 100px;
}
.team-container{
                position: relative;
}
.team-container:before{
                position: absolute;
                content: url('/assets/title-h2-line-white.svg');
                top: 10%;
                right: 0;
                z-index: 20;
}
.team-content-wrap{
                position: relative;
                z-index: 20;
}
.team-items{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
                align-items: flex-end;
                gap: 10px 20px;
}
.team-item{}
.team-item img{
                max-width: 317px;
                height: 100%;
                border-radius: 10px;
}
.team-el-1{
                grid-column-start: 1;
                grid-column-end: 3;
                grid-row-start: 1;
                grid-row-end: 1;
                align-self: flex-start;
                font-size: 24px;
                font-weight: 600;
}
.team-el-2{
                grid-column-start: 3;
                grid-column-end: 3;
                grid-row-start: 1;
                grid-row-end: 3;
}
.team-el-3{
                grid-column-start: 1;
                grid-column-end: 1;
                grid-row-start: 2;
                grid-row-end: 2;
                max-height: 220px;
}
.team-el-4{
                grid-column-start: 2;
                grid-column-end: 2;
                grid-row-start: 2;
                grid-row-end: 2;
                max-height: 220px;
}
.team-item img{
                border-radius: 10px;
}
@media screen and (max-width: 1024px) {
                .team-container:before{
                                right: -30%;
                }
}
@media screen and (max-width: 1024px) {
                .team-wrap{
                                padding-top: 65px;
                                padding-bottom: 65px;
                }
                .team-el-1{
                                font-size: 18px;
                }
                .team-container:before{
                                right: 60%;
                                width: 20%;
                }
}
@media screen and (max-width: 576px) {
                .team-el-1{
                                font-size: 14px;
                }
                .team-wrap{
                                padding-top: 40px;
                                padding-bottom: 40px;
                }
                .team-container:before{
                                right: 100%;
                                top: 2%;
                }
                .team-items{
                                display: grid;
                                grid-template-columns: repeat(2, 1fr);
                                grid-template-rows: auto;
                                align-items: flex-end;
                                gap: 10px;
                }
                .team-el-1{
                                grid-column-start: 1;
                                grid-column-end: 3;
                                grid-row-start: 1;
                                grid-row-end: 1;
                                margin-bottom: 15px;
                }
                .team-el-2{
                                grid-column-start: 2;
                                grid-column-end: 3;
                                grid-row-start: 2;
                                grid-row-end: 4;
                }
                .team-el-3{
                                grid-column-start: 1;
                                grid-column-end: 2;
                                grid-row-start: 2;
                                grid-row-end: 3;
                }
                .team-el-4{
                                grid-column-start: 1;
                                grid-column-end: 2;
                                grid-row-start: 3;
                                grid-row-end: 4;
                }
}
@media screen and (max-width: 414px) {
                .team-container:before{

                }
}
@media screen and (max-width: 320px) {
                .team-container:before{

                }
}


/* _____________________________________________________ */
.form-content{
                position: relative;
                z-index: 20;
                /* overflow: visible; */
}
.form-container{
                position: relative;
                background-color: var(--bg-dark);
}
.form-container:before{
                position: absolute;
                content: url('/assets/background-little-big-dots.svg');
                top: 20%;
                right: 0;
                z-index: 0;
}
.form-wrap{
                padding-top: 225px;
                padding-bottom: 180px;
                margin-top: -120px;
                position: relative;
}
.form-item-image{
                position: absolute;
                top: 17%;
                left: 67%;
                z-index: 10;
}
.form-item-image img{
                max-width: 490px;
}
.standart-form-title-h2 h2{
                max-width: 710px;
}
@media screen and (max-width: 1440px){
                .form-item-image{
                                position: absolute;
                                top: 17%;
                                left: 72%;
                                z-index: 10;
                }
}
@media screen and (max-width: 1024px){
                .form-item-image{
                                position: absolute;
                                top: 2%;
                                left: 74%;
                                z-index: 10;
                }
                .form-item-image img{
                                max-width: 400px;
                }
}
@media screen and (max-width: 768px){
                .form-item-image {
                                position: absolute;
                                top: 2%;
                                left: 86%;
                                z-index: 10;
                }
}
@media screen and (max-width: 576px){
                .form-item-image {
                                position: absolute;
                                top: 41%;
                                left: 78%;
                                z-index: 10;
                }
                .form-item-image img{
                                max-width: 225px;
                }
}
@media screen and (max-width: 320px){
                .form-item-image {
                                position: absolute;
                                top: 41%;
                                left: 87%;
                                z-index: 10;
                }
}


.main-page-form-img{
                position: absolute;
                top: 25%;
                left: 61%;
                z-index: 10;
}
.form-inputs.flex-row{
                gap: 10px;
}
.form-inputs .flex-row{
                gap: 10px;
}
.form-input{
                /* background: transparent;
                border: 2px solid #249DE3;
                border-radius: 10px;
                padding: 22px 20px 18px;
                width: 280px;
                height: 68px; */
                background: transparent;
                border: 2px solid #249DE3;
                border-radius: 10px;
                width: 280px;
                height: 69px;
                font-family: 'Play';
                font-size: 24px;
                color: #fff;
                text-transform: uppercase;
                padding-left: 20px;
}
            /*
.form-input:hover{
                border: 2px solid #fff;
                color: var(--text-blue);
                transition: 0.3s;
}
*/
/*  */   /*
.form-input:focus {

                border: 2px solid #7DB9DF;
        color: #323232;
        font-family: 'Play';
        font-size: 22px;
        background: #eaf0fd;
        padding: 22px 20px 18px;
        width: 280px;
        height: 69px;
}
*/

.form-input:focus::placeholder{
                color: #5F5F5F;
                margin: 10px auto auto;
}
/* .form-item-add-info{
                color: var(--white);
                font-size: 12px;
                font-weight: 300;
} */
/*  */
.form-item-add-info {
                color: var(--white);
                font-size: 12px;
                font-weight: 300;
                max-width: 280px;
}
.form-item-add-info a:link, .form-item-add-info a:visited{
                color: var(--white);
                text-decoration: none;
}
.form-item-add-info a:hover, .form-item-add-info a:active{
                text-decoration: underline;
}
/*  */
.form-item-add-info.flex-row{
                justify-content: flex-start;
                margin-top: 10px;
}
/* .btn-form{
                max-width: 280px;
                padding: 20px;
} */

/*  */
.btn-form{
        max-width: 280px;
        padding: 20px;
        -webkit-appearance: none;
        appearance: none;
}
.btn-form:link, .btn-form:visited{
        max-width: 280px;
        padding: 20px;
        -webkit-appearance: none;
        appearance: none;
}
.btn-form:hover, .btn-form:active{}
/*  */

.form-main-page-title{
                max-width: 800px;
                margin-left: 0;
}
@media screen and (max-width: 1024px) {
                .form-wrap{
                                padding-top: 180px;
                                padding-bottom: 180px;
                                margin-top: -120px;
                                position: relative;
                }
                .form-input{
                                width: 230px;
                                height: 55px;
                                padding: 22px 20px 18px;
                                border-radius: 9px;
                }
                .form-item-add-info{
                                font-size: 10px;
                                font-weight: 300;
                }
                /* .form-input::placeholder{
                                font-size: 20px;
                }
                .form-input:focus{
                                font-size: 20px;
                } */
                /* .btn-form{
                                max-width: 280px;
                                padding: 16px;
                } */

                /*  */
                .btn-form{
                                padding: 16px;
                }
                .btn-form:link, .btn-form:visited{
                                padding: 16px;
                }
                .btn-form:hover, .btn-form:active{}
                /*  */

                .form-container:before{
                                display: none;
                }
                .main-page-form-img{
                                position: absolute;
                                top: 22%;
                                left: 75%;
                                z-index: 10;
                }
                .main-page-form-img img{
                                width: 400px;
                }
                .form-main-page-title{
                                max-width: 600px;
                                margin-left: 0;
                }
}
@media screen and (max-width: 768px) {
                .form-inputs{
                                flex-wrap: wrap;
                                justify-content: center;
                }
}
@media screen and (max-width: 576px) {
                .form-input{
                                width: 150px;
                                height: 40px;
                                padding: 12px 15px 10px;
                                border-radius: 6px;
                                font-size: 12px;
                }
                .form-input::placeholder{
                                font-size: 12px;
                }
                .form-input:focus{
                                font-size: 12px;
                                padding: 12px 15px 10px;
                }
                /* .btn-form{
                                max-width: 280px;
                                padding: 12px;
                } */

                /*  */
                .btn-form{
                                padding: 12px;
                }
                .btn-form:link, .btn-form:visited{
                                padding: 12px;
                }
                .btn-form:hover, .btn-form:active{}
                /*  */

                .main-page-form-img{
                                position: absolute;
                                top: 45%;
                                left: 75%;
                                z-index: 10;
                }
                .main-page-form-img img{
                                width: 225px;
                }
}
@media screen and (max-width: 320px){
                .main-page-form-img {
                                position: absolute;
                                top: 45%;
                                left: 86%;
                                z-index: 10;
                }
}
@media screen and (max-width: 320px) {
                /* .btn-form{
                                max-width: 280px;
                                padding: 10px;
                } */
                /*  */
                .btn-form{
                                padding: 10px;
                }
                .btn-form:link, .btn-form:visited{
                                padding: 10px;
                }
                .btn-form:hover, .btn-form:active{}
                /*  */
}


/* _____________________________________________________ */
.news{
                position: relative;
}
.news:before{
                position: absolute;
                top: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                z-index: -40;
}
.news-content{
                position: relative;
                z-index: 20;
}
.news-wrap{
                padding-top: 100px;
                padding-bottom: 100px;
                margin-top: -125px;
}
.news-items{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
                gap: 20px;
                align-items: flex-start;
}
.news-item{}
.news-item-image{
                border-radius: 15px;
                overflow: hidden;
                margin-bottom: 20px;
                max-width: 317px;
                max-height: 195px;
                position: relative;
}
.news-item-image:before{
                position: absolute;
                content: " ";
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                background: linear-gradient(180deg,rgba(255, 255, 255, 0.055) 0%, #fff 100%);
                border-radius: 15px;
}
.news-title{
                font-size: 18px;
                font-weight: 700;
                color: var(--text-blue);
                margin-bottom: 10px;
}
.news-title a:link, .news-title a:visited {
                color: var(--text-blue);
                text-decoration: none;
}
.news-title a:hover, .news-title a:active {
                text-decoration: underline;
}
.news-description{
                font-size: 18px;
                font-weight: 500;
}
.news-date{
                position: absolute;
                bottom: 12px;
                left: 20px;
                font-size: 18px;
                font-weight: 700;
                color: var(--text-blue);
}
@media screen and (max-width: 1024px) {
                .news-wrap {
                                padding-top: 70px;
                                padding-bottom: 70px;
                }
                .news-title, .news-description{
                                font-size: 14px;
                }
                .news-date{
                                font-size: 12px;
                }
}
@media screen and (max-width: 576px) {
                .news-wrap {
                                padding-top: 40px;
                                padding-bottom: 40px;
                }
                .news-items{
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 20px;
                                align-items: flex-start;
                }
                .news-title, .news-description{
                                font-size: 12px;
                }
}






/* __________________________________________________________________________________________________________ */
/* main-page */
/* standart */
.standart-fs-l-img{
                position: absolute;
                top: 20%;
                left: 65%;
                z-index: 40;
}
.standart-fs-l-img img{
                max-width: 570px;
}
.standart-fs-title h1{
                max-width: 860px;
}
.standart-trust-content {
                position: relative;
                z-index: 10;
                padding-top: 180px;
                padding-bottom: 0;
                margin-top: -80px;
                background-color: #fff;
}
.standart-trust-container.title-add-line-blue:after {
                position: absolute;
                transform: scale(-1, 1);
                content: url(/assets/title-h2-line.svg);
                top: -5%;
                right: 0;
                z-index: 50;
}
.standart-content-wrap{
                margin-bottom: 90px;
}
.standart-trust-container{
                position: relative;
}
.standart-trust-container:before {
                position: absolute;
                content: url(/assets/background-big-dots.svg);
                top: -3%;
                left: 0;
                z-index: 15;
}
.standart-edu-content{
                padding-bottom: 70px;
}
.standart-edu-container:before{
                position: absolute;
                content: url('/assets/background-big-dots.svg');
                top: -2%;
                left: 0;
                z-index: 15;
}
.standart-edu-content .title-add-line-blue:after{
                transform: scale(-1, 1);
                margin-top: 40px;
                right: -5%;
}
.standart-edu-image{
                margin-bottom: 90px;
}
@media screen and (max-width: 1024px) {
                .standart-edu-content .title-add-line-blue:after{
                                right: -35%;
                }
                .standart-fs-l-img{
                                position: absolute;
                                top: 23%;
                                left: 67%;
                                z-index: 40;
                }
                .standart-fs-l-img img{
                                max-width: 480px;
                }
                .standart-fs-title h1{
                                max-width: 640px;
                }
                .standart-trust-container.title-add-line-blue:after {
                                position: absolute;
                                transform: scale(-1, 1);
                                content: url(/assets/title-h2-line.svg);
                                top: -5%;
                                right: -30%;
                                z-index: 50;
                }
                .standart-trust-container:before {
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: -43%;
                                left: -30%;
                                z-index: 15;
                }
}
@media screen and (max-width: 576px) {
                .standart-fs-l-img{
                                position: absolute;
                                top: 18%;
                                left: 67%;
                                z-index: 40;
                }
                .standart-fs-l-img img{
                                max-width: 270px;
                }
                .standart-edu-content{
                                padding-bottom: 30px;
                }
                .standart-edu-content .title-add-line-blue:after{
                                margin-top: 15px;
                                right: -110%;
                }
                .standart-edu-container:before{
                                position: absolute;
                                content: url('/assets/background-big-dots.svg');
                                top: -50%;
                                left: -115%;
                                z-index: 15;
                }
                .standart-edu-image{
                                margin-bottom: 40px;
                }
                .standart-trust-container.title-add-line-blue:after {
                                position: absolute;
                                transform: scale(-1, 1);
                                content: url(/assets/title-h2-line.svg);
                                top: -5%;
                                right: -80%;
                                z-index: 50;
                }
                .standart-trust-content {
                                position: relative;
                                z-index: 10;
                                padding-top: 130px;
                                padding-bottom: 0;
                                margin-top: -80px;
                                background-color: #fff;
                }
                .standart-content-wrap {
                                margin-bottom: 50px;
                }
                .standart-trust-container:before {
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: -43%;
                                left: -70%;
                                z-index: 15;
                }
                .standart-fs-title h1{
                                max-width: 280px;
                }
}
@media screen and (max-width: 320px) {
                .standart-trust-container.title-add-line-blue:after {
                                position: absolute;
                                transform: scale(-1, 1);
                                content: url(/assets/title-h2-line.svg);
                                top: -5%;
                                right: -150%;
                                z-index: 50;
                }
                .standart-trust-container:before {
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: -43%;
                                left: -130%;
                                z-index: 15;
                                width: 50%;
                }

}

/* _____________________________________________________ */
.profit-container{
                position: relative;
}
.profit-container:after{
                position: absolute;
                content: url('/assets/title-h2-line-white.svg');
                top: 13%;
                right: -7%;
                z-index: 50;
}
.profit-wrap{
                padding: 100px 0;
}
.profit-content{
                color: var(--white);
}
.profit-items{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
                gap: 45px;
                margin: 70px 0 0;
}
.profit-item.flex-col{
                gap: 20px;
                justify-content: flex-start;
}
.profit-item-image{
                width: 85px;
                height: 85px;
                padding: 12px;
                border-radius: 17px;
                background: linear-gradient(180deg, #FFFFFF 0%, #F7F7F7 100%);
}
.profit-item-description{
                font-size: 30px;
                font-weight: 600;
                text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
                .profit-container:after{
                                top: 13%;
                                right: -50%;
                }
}
@media screen and (max-width: 1024px) {
                .profit-container:after{
                                top: 10%;
                                right: -50%;
                }
                .profit-wrap{
                                padding: 70px 0;
                }
                .profit-items{
                                gap: 33px;
                                margin: 40px 0 0;
                }
                .profit-item-image{
                                width: 62px;
                                height: 62px;
                                border-radius: 12px;
                                padding: 10px;
                }
                .profit-item.flex-col{
                                gap: 13px;
                }
                .profit-item-description{
                                font-size: 22px;
                }
}
@media screen and (max-width: 576px) {
                .profit-container:after{
                                top: 8%;
                                right: -130%;
                }
                .profit-wrap{
                                padding: 40px 0;
                }
                .profit-items{
                                display: grid;
                                grid-template-columns: repeat(2, 1fr);
                                grid-template-rows: auto;
                                justify-content: space-between;
                                gap: 45px;
                }
                .profit-item.flex-col{
                                gap: 13px;
                                align-items: center;
                }
                .profit-item-description{
                                font-size: 14px;
                }
                .profit-item-image{
                                width: 40px;
                                height: 40px;
                                border-radius: 8px;
                                padding: 6px;
                }
}
@media screen and (max-width: 414px) {
                .profit-container:after{
                                top: 4%;
                                right: -200%;
                }
}


/* _____________________________________________________ */
.options{
                position: relative;
}
.options:before{
                position: absolute;
                top: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                z-index: -40;
}
.options-container.title-add-line-blue:after{
                top: 3%;
                left: -25%;
}
.options-content{
                position: relative;
                z-index: 20;
}
.options-wrap{
                padding-top: 100px;
                padding-bottom: 100px;
                margin-top: -125px;
}
.table-options{
                width: 100%;
                height: auto;
                border-spacing: 20px 0;
}
.table-options td, .table-options th {
                border: 1px solid var(--text-blue);
                border-top: none;
}
.table-options td, .table-options th {
                padding: 6px 30px;
}
.table-options th {
                background: var(--text-blue);
                color: #fff;
                font-weight: normal;
}
.table-options td {
                width: 50%;
}

.table-title{
        font-size: 22px;
        text-transform: uppercase;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        position: relative;
}

.bastion-options-wrap .table-title, .options-items .table-title{
        text-align: center;
        background-color: var(--text-blue);
        border-radius: 10px;
        color: var(--white);
        font-size: 24px;
        font-weight: 600;
        text-transform: uppercase;
        padding-top: 12px !important;
        padding-bottom: 12px !important;
        position: relative;
}

.bastion-options-wrap .table-title:before, .options-items .table-title:before{
        position: absolute;
        bottom: -1px;
        left: -1px;
        content: " ";
        width: 1px;
        height: 10px;
        background-color: var(--text-blue);
}
.bastion-options-wrap .table-title:after, .options-items .table-title:after{
        position: absolute;
        bottom: -1px;
        right: -1px;
        content: " ";
        width: 1px;
        height: 10px;
        background-color: var(--text-blue);
}

@media screen and (max-width: 1024px) {
                .options-wrap{
                                padding-top: 70px;
                                padding-bottom: 70px;
                                margin-top: -125px;
                }
                .options-container.title-add-line-blue:after{
                                top: 3%;
                                left: -65%;
                }
                .table-options td, .table-options th {
                                padding: 5px 20px;
                                font-size: 12px;
                }
                .table-title{
                                font-size: 18px;
                                padding-top: 8px !important;
                                padding-bottom: 8px !important;
                                border-radius: 6px;
                }
}
@media screen and (max-width: 576px) {
                .options-wrap{
                                padding-top: 40px;
                                padding-bottom: 40px;
                                margin-top: -125px;
                }
                .options-container.title-add-line-blue:after{
                                top: 1%;
                                left: -90%;
                }
                .table-options{
                                border-spacing: 5px 0;
                }
                .table-options td, .table-options th {
                                padding: 5px;
                                font-size: 8px;
                }
                .table-title{
                                font-size: 10px;
                                padding-top: 8px !important;
                                padding-bottom: 8px !important;
                                border-radius: 2px;
                }
}
@media screen and (max-width: 414px) {
                .options-container.title-add-line-blue:after{
                                top: 1%;
                                left: -130%;
                }
}


/* _____________________________________________________ */
.download{
                position: relative;
                padding: 50px 0 200px;
                color: var(--white);
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
}
.download:before{
                position: absolute;
                content: url('/assets/background-big-dots.svg');
                top: 0;
                right: 0;
                z-index: 0;
}
.download:after{
                position: absolute;
                content: url('/assets/title-h2-line-white.svg');
                transform: scale(-1, 1);
                top: 6%;
                left: -15%;
                z-index: 50;
}
.download-items{
                display: grid;
                grid-template-columns: repeat(3, 1fr);
                grid-template-rows: auto;
                gap: 20px;
}
.download-item{
                display: flex;
                flex-direction: column;
                gap: 40px;
                justify-content: flex-start;
                align-items: stretch;
                align-self: stretch;
}
.download-item-image{
                background: linear-gradient(180deg, #FFFFFF 0%, #BCE1F7 100%);
                border-radius: 20px;
                display: flex;
                flex-direction: column;
}
.download-item-image{}
.download-img{
                display: flex;
                justify-content: center;
                align-items: center;
}
.download-item-title{
                font-size: 30px;
                font-weight: 600;
                text-align: center;
                color: #2A2A2A;
                border-radius: 20px;
                background-color: var(--white);
                /* margin-top: auto; */
                /* margin-bottom: 30px; */
                padding: 20px 0;
                height: 120px;
                line-height: 1.1;
                width: 100%;
}
.download-item-title.flex-row{
                align-items: center;
                align-self: center;
                justify-content: center;
}
@media screen and (max-width: 1024px) {
                .download:after{
                                top: 9%;
                                left: -63%;
                }
}
@media screen and (max-width: 1024px) {
                .download{
                                padding: 40px 0 170px;
                }
                .download-item{
                                gap: 30px;
                }
                .download-item-title{
                                font-size: 22px;
                                padding: 20px 0;
                                height: 100px;
                                border-radius: 14px;
                }
                .download-item-image{
                                border-radius: 14px;
                }
                .download:before{
                                position: absolute;
                                content: url('/assets/background-big-dots.svg');
                                top: 0;
                                right: -40%;
                                z-index: 0;
                }
}
@media screen and (max-width: 576px) {
                .download:after{
                                top: 1%;
                                left: -150%;
                }
                .download-items{
                                display: grid;
                                grid-template-columns: 1fr 1fr;
                                grid-template-rows: 13;
                                gap: 20px;
                }
                .download{
                                padding: 20px 0 150px;
                }
                .download-item{
                                gap: 10px;
                }
                .download-item-title{
                                font-size: 14px;
                                padding: 20px 0;
                                height: 50px;
                                border-radius: 8px;
                }
                .download-item-image{
                                border-radius: 8px;
                }
                .down-el-1{
                                grid-column-start: 1;
                                grid-column-end: 2;
                                grid-row-start: 1;
                                grid-row-end: 6;
                }
                .down-el-2{
                                grid-column-start: 2;
                                grid-column-end: 3;
                                grid-row-start: 4;
                                grid-row-end: 10;
                }
                .down-el-3{
                                grid-column-start: 1;
                                grid-column-end: 2;
                                grid-row-start: 8;
                                grid-row-end: 13;
                }
}


/* _____________________________________________________ */
.form-standart-container{
                position: relative;
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
}
.form-standart-wrap{
                padding-top: 100px;
                padding-bottom: 100px;
                margin-top: -120px;
                position: relative;
}

@media screen and (max-width: 1024px) {
                .form-standart-wrap{
                                padding-top: 70px;
                                padding-bottom: 40px;
                }
}
@media screen and (max-width: 576px) {
                .form-standart-wrap{
                                padding-top: 40px;
                                padding-bottom: 30px;
                }
}




/* __________________________________________________________________________________________________________ */
/* main-page */
/* bastion */
.bastion-fs-l-img{
                position: absolute;
                top: 25%;
                left: 61%;
                z-index: 40;
}
.bastion-fs-title h1{
                max-width: 870px;
}
.bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:before {
                position: absolute;
                content: url(/assets/fs-bg-dotted-line-1.svg);
                top: -47%;
                left: -2%;
}
.bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:after{
                position: absolute;
                content: url(/assets/fs-bg-dotted-line-2.svg);
                bottom: -30%;
                left: -5%;
}
.bastion-fs-offer-list{

}
.bastion-fs-subtitle{
                max-width: 885px;
                font-size: 26px;
                margin-right: auto;
}
@media screen and (max-width: 1024px){
                .bastion-fs-l-img{
                                position: absolute;
                                top: 28%;
                                left: 64%;
                                z-index: 40;
                }
                .bastion-fs-l-img img{
                                max-width: 490px;
                }
                .bastion-fs-title h1{
                                max-width: 650px;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -67%;
                                left: -28%;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:after{
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -37%;
                                left: -29%;
                }
                .bastion-fs-offer-list li{
                                max-width: 530px;
                                margin-right: auto;
                }
                .bastion-fs-subtitle{
                                max-width: 885px;
                                font-size: 18px;
                                margin-right: auto;
                }
}

@media screen and (max-width: 768px){
                .bastion-fs-l-img {
                                position: absolute;
                                top: 28%;
                                left: 68%;
                                z-index: 40;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -67%;
                                left: -52%;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:after{
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -37%;
                                left: -55%;
                }
}
@media screen and (max-width: 576px){
                .bastion-fs-l-img {
                                position: absolute;
                                top: 31%;
                                left: 68%;
                                z-index: 30;
                }
                .bastion-fs-subtitle{
                                max-width: 885px;
                                font-size: 10px;
                                margin-right: auto;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -85%;
                                left: -55%;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:after{
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -39%;
                                left: -52%;
                }
                .bastion-fs-l-img img{
                                max-width: 240px;
                }
                .bastion-fs-title h1{
                                max-width: 280px;
                }
}
@media screen and (max-width: 420px){
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -85%;
                                left: -93%;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:after{
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -39%;
                                left: -99%;
                }
}
@media screen and (max-width: 320px){
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -85%;
                                left: -135%;
                }
                .bastion-fs-subtitle-hor-line.first-screen-subtitle-hor-line:after{
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -39%;
                                left: -138%;
                }
}


.certificate-container{
                padding: 110px 20px 100px;
                margin-top: -80px;
}
.certificate-content.area-btm-wh-content{
                background: transparent;
}
.certificate-items{
                display: grid;
                grid-template-columns: repeat(2, 1fr);
                grid-template-rows: auto;
                gap: 20px;
                position: relative;
}
.certificate-items:before{
                position: absolute;
                content: url(/assets/bastion-block2-hor-lines.svg);
                top: -55px;
}
.certificate-item{
                background-color: var(--bg-dark);
                border-radius: 20px;
                color: var(--white);
                padding: 30px 60px;
}
.cert-el-1, .cert-el-2{
                position: relative;
                z-index: 20;
}
.cert-el-1:before{
                position: absolute;
                content: " ";
                top: -50px;
                left: 45%;
                height: 50px;
                width: 2px;
                background-color: #0078BF;
}
.cert-el-1:after{
                position: absolute;
                content: url(/assets/bastion-block2-item-inner-dots.svg);
                top: 0;
                left: 0;
}
.cert-el-2:before{
                position: absolute;
                content: " ";
                top: -50px;
                left: 50%;
                height: 50px;
                width: 2px;
                background-color: #0C92E1;
}
.cert-el-2:after{
                position: absolute;
                content: url(/assets/bastion-block2-item-inner-dots-2.svg);
                bottom: 0;
                left: 10%;
}
.certificate-item-title{
                font-size: 24px;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 20px;
                text-align: center;
}
.certificate-item-description li{
                position: relative;
                padding-bottom: 15px;
                font-size: 18px;
}
.certificate-item-description li:before{
                position: absolute;
                content: " ";
                width: 40px;
                height: 3px;
                background-color: var(--white);
                left: -60px;
                top: 10px;
}
@media screen and (max-width: 1024px){
                .certificate-item-title{
                                font-size: 18px;
                                margin-bottom: 15px;
                }
                .certificate-item-description li{
                                position: relative;
                                padding-bottom: 10px;
                                font-size: 14px;
                }
}
@media screen and (max-width: 576px) {
                .certificate-container{
                                padding: 110px 10px 40px;
                                margin-top: -80px;
                }
                .certificate-items{
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 10px;
                                position: relative;
                }
                .certificate-items:before{
                                position: absolute;
                                content: url(/assets/bastion-block2-hor-lines-2.svg);
                                top: -55px;
                }
                .certificate-item{
                                border-radius: 10px;
                                padding: 15px 20px;
                }
                .certificate-item-title{
                                font-size: 12px;
                                margin-bottom: 15px;
                }
                .certificate-item-description li{
                                position: relative;
                                padding-bottom: 10px;
                                font-size: 10px;
                                padding-left: 7px;
                }
                .cert-el-1{
                                position: relative;
                                z-index: 20;
                                width: 70%;
                                margin-right: auto;
                }
                .cert-el-1:before{
                                position: absolute;
                                content: " ";
                                top: -50px;
                                left: 15%;
                                height: 50px;
                                width: 1px;
                                background-color: #0078BF;
                }
                .certificate-item-description li:before{
                                position: absolute;
                                content: " ";
                                width: 20px;
                                height: 1px;
                                background-color: var(--white);
                                left: -25px;
                                top: 5px;
                }
                .cert-el-2{
                                position: relative;
                                z-index: 20;
                                width: 70%;
                                margin-left: auto;
                }
                .cert-el-1:after{
                                position: absolute;
                                content: url(/assets/bastion-block2-item-inner-dots.svg);
                                top: 0;
                                left: 0;
                }
                .cert-el-2:before{
                                position: absolute;
                                content: " ";
                                top: -141%;
                                left: 69%;
                                height: 141%;
                                width: 1px;
                                background-color: #0C92E1;
                }
}
@media screen and (max-width: 414px) {
                .cert-el-1:before{
                                position: absolute;
                                content: " ";
                                top: -43px;
                                left: 15%;
                                height: 43px;
                                width: 1px;
                                background-color: #0078BF;
                }
                .cert-el-2:before{
                                position: absolute;
                                content: " ";
                                top: -137%;
                                left: 69%;
                                height: 137%;
                                width: 1px;
                                background-color: #0C92E1;
                }
}


/* ________________________________________________ */

.bastion-profit-container{
                position: relative;
}
.bastion-profit-container:after{
                position: absolute;
                content: url('/assets/title-h2-line-white.svg');
                top: 10%;
                right: -7%;
                z-index: 50;
}
.bastion-profit-items{
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto;
                gap: 30px 20px;
                padding-top: 30px;
}
.bastion-profit-item{
                position: relative;
                border-radius: 15px;
                border: 2px solid #fff;
                padding: 30px 25px;
                font-size: 18px;
}
.bastion-profit-item:before{
                position: absolute;
                content: url(/assets/bastion-add-figure-bl-wh-sq.svg);
                top: -23px;
                left: -23px;
}

.bast-prof-el-5{
                grid-column-start: 1;
                grid-column-end: 3;
}

.bastion-profit-item-description-list ul{
                -moz-column-count: 2;
                -webkit-column-count: 2;
                column-count: 2;
}
.bastion-profit-item-description-list li{
                list-style-type: none;
                padding-left: 25px;
                position: relative;
}
.bastion-profit-item-description-list li:before{
                position: absolute;
                top: 11px;
                left: 10px;
                content: " ";
                width: 5px;
                height: 5px;
                border-radius: 50%;
                background-color: #fff;
}
.bastion-triggers {
                position: relative;
                padding-top: 180px;
                margin-top: -180px;
                background-color: var(--bg-dark);
                color: var(--white);
}
.bastion-triggers:before{
                position: absolute;
                content: url(/assets/background-big-dots.svg);
                top: 26%;
                left: -7%;
                z-index: 15;
}
.bastion-triggers .triggers-items{
                color: var(--bright-blue);
}
.bastion-triggers .trigger-el-1:before{
                position: absolute;
                content: url('/assets/triggers-hor-line-br-blue.svg');
                top: 30%;
                left: 45%;
}
.bastion-triggers .trigger-el-2:before{
                position: absolute;
                content: url('/assets/triggers-hor-line-br-blue.svg');
                top: 30%;
                left: 55%;
}
.bastion-triggers .trigger-el-3:before{
                position: absolute;
                content: url('/assets/triggers-hor-line-br-blue.svg');
                top: 30%;
                left: 60%;
}
.bastion-triggers-image{
                position: relative;
}
.bastion-triggers-image:before{
                position: absolute;
                content: url(/assets/bastion-block3-little-dots.svg);
                top: 16%;
                left: 30%;
}
@media screen and (max-width: 1024px){
                .bastion-triggers:before {
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: 26%;
                                left: -50%;
                                z-index: 15;
                }
}
@media screen and (max-width: 1024px) {
                .bastion-triggers-image:before{
                                display: none;
                }
                .bastion-triggers:before {
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: 26%;
                                left: -57%;
                                z-index: 15;
                }
                .bastion-profit-container:after{
                                position: absolute;
                                content: url('/assets/title-h2-line-white.svg');
                                top: 8%;
                                right: -30%;
                                z-index: 50;
                }
                .bastion-profit-item{
                                position: relative;
                                border-radius: 11px;
                                border: 2px solid #fff;
                                padding: 20px;
                                font-size: 14px;
                }
}
@media screen and (max-width: 576px) {
                .bastion-profit-container:after{
                                position: absolute;
                                content: url('/assets/title-h2-line-white.svg');
                                top: 3%;
                                right: -100%;
                                z-index: 50;
                }
                .bastion-profit-items{
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 30px 20px;
                                padding-top: 30px;
                }
                .bast-prof-el-5{
                                grid-column-start: 1;
                                grid-column-end: 2;
                }
                .bastion-profit-item{
                                position: relative;
                                border-radius: 11px;
                                border: 2px solid #fff;
                                padding: 15px;
                                font-size: 12px;
                }
                .bastion-profit-item-description-list ul{
                                -moz-column-count: 1;
                                -webkit-column-count: 1;
                                column-count: 1;
                }
                .bastion-profit-item-description-list li:before {
                                position: absolute;
                                top: 7px;
                                left: 13px;
                                content: " ";
                                width: 3px;
                                height: 3px;
                                border-radius: 50%;
                                background-color: #fff;
                }
                .bastion-triggers:before{
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: 26%;
                                left: -90%;
                                z-index: 15;
                }
}
@media screen and (max-width: 414px) {
                .bastion-triggers:before {
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: 14%;
                                left: -124%;
                                z-index: 15;
                }
}
@media screen and (max-width: 320px) {
                .bastion-triggers:before {
                                position: absolute;
                                content: url(/assets/background-big-dots.svg);
                                top: 9%;
                                left: -176%;
                                z-index: 15;
                                width: 80%;
                }
}
/* ________________________________________________ */
.attribute-container{
                margin-top: 140px;
}
.attribute-content{
                position: relative;
                z-index: 20;
                padding: 95px 20px 105px;
                overflow: visible;
}
.attribute-items{
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: auto;
                gap: 45px 20px;
                margin-top: 60px;
}
.attribute-item{
                position: relative;
                border-radius: 15px;
}
.attribute-item-image{
                position: absolute;
                top: -15%;
                left: -5%;
                overflow: visible;
                padding: 10px;
                border-radius: 17px;
}
.att-it-1, .att-it-2, .att-it-3, .att-it-4{
                background-color: #0C92E1;
}
.att-it-1 .att-it-im-bg-bl, .att-it-2 .att-it-im-bg-bl, .att-it-3 .att-it-im-bg-bl, .att-it-4 .att-it-im-bg-bl{
                background: #0078BF;
}
.att-it-5, .att-it-6, .att-it-7, .att-it-8{
                background-color: #0078BF;
}
.att-it-5 .att-it-im-bg-bl, .att-it-6 .att-it-im-bg-bl, .att-it-7 .att-it-im-bg-bl, .att-it-8 .att-it-im-bg-bl{
                background: #0C92E1;
}
.att-it-9, .att-it-10, .att-it-11, .att-it-12{
                background-color: #0C92E1;
}
.att-it-9 .att-it-im-bg-bl, .att-it-10 .att-it-im-bg-bl, .att-it-11 .att-it-im-bg-bl, .att-it-12 .att-it-im-bg-bl{
                background: #0078BF;
}
.attribute-item{
                display: flex;
                flex-direction: column;
                align-items: flex-start;
                align-self: stretch;
}
.attribute-item-description{
                font-size: 20px;
                font-weight: 700;
                padding: 75px 10px 35px 10px;
                text-transform: uppercase;
                text-align: left;
}
.attribute-container.title-add-line-blue:after {
                position: absolute;
                content: url(/assets/bastion-block4-title-line.svg);
                top: 7%;
                left: 0;
                z-index: 50;
}
@media screen and (max-width: 1024px) {
                .attribute-content{
                                position: relative;
                                z-index: 20;
                                padding:70px 20px 80px;
                                overflow: visible;
                }
                .attribute-items{
                                display: grid;
                                grid-template-columns: repeat(4, 1fr);
                                grid-template-rows: auto;
                                gap: 32px 17px;
                                padding-top: 30px;
                                justify-items: stretch;
                }
                .attribute-item{
                                position: relative;
                                border-radius: 10px;
                }
                .attribute-item-wrap{
                                background-color: #0C92E1;
                                position: relative;
                                border-radius: 10px;
                }
                .attribute-item-image{
                                position: absolute;
                                top: -15%;
                                left: -5%;
                                overflow: visible;
                                padding: 10px;
                                border-radius: 12px;
                }
                .attribute-item-image img{
                                width: 48px;
                                height: 48px;
                                object-fit: cover;
                }
                .attribute-item-description{
                                font-size: 14px;
                                font-weight: 700;
                }
                .attribute-container.title-add-line-blue:after {
                                position: absolute;
                                content: url(/assets/bastion-block4-title-line.svg);
                                top: 7%;
                                left: -50%;
                                z-index: 50;
                }

}
@media screen and (max-width: 576px) {
                .attribute-items{
                                display: grid;
                                grid-template-columns: repeat(3, 1fr);
                                grid-template-rows: auto;
                                gap: 30px 10px;
                                padding-top: 30px;
                                justify-items: stretch;
                }
                .attribute-container{
                                margin-top: 80px;
                }
                .attribute-item{
                                position: relative;
                                border-radius: 5px;
                }
                .attribute-item-image {
                                position: absolute;
                                top: -20px;
                                left: -3%;
                                overflow: visible;
                                padding: 5px;
                                border-radius: 6px;
                }
                .attribute-item-image img{
                                width: 30px;
                                height: 30px;
                                object-fit: cover;
                }
                .attribute-item-description {
                                font-size: 8px;
                                font-weight: 700;
                                padding: 26px 7px 10px;
                                text-transform: uppercase;
                }
                .att-it-1, .att-it-2, .att-it-3{
                                background-color: #0C92E1;
                }
                .att-it-1 .att-it-im-bg-bl, .att-it-2 .att-it-im-bg-bl, .att-it-3 .att-it-im-bg-bl{
                                background: #0078BF;
                }
                .att-it-4, .att-it-5, .att-it-6{
                                background-color: #0078BF;
                }
                .att-it-4 .att-it-im-bg-bl, .att-it-5 .att-it-im-bg-bl, .att-it-6 .att-it-im-bg-bl{
                                background: #0C92E1;
                }
                .att-it-7, .att-it-8, .att-it-9{
                                background-color: #0C92E1;
                }
                .att-it-7 .att-it-im-bg-bl, .att-it-8 .att-it-im-bg-bl, .att-it-9 .att-it-im-bg-bl{
                                background: #0078BF;
                }
                .att-it-10, .att-it-11, .att-it-12{
                                background-color: #0078BF;
                }
                .att-it-10 .att-it-im-bg-bl, .att-it-11 .att-it-im-bg-bl, .att-it-12 .att-it-im-bg-bl{
                                background: #0C92E1;
                }
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 320px) {
                .attribute-items{
                                display: grid;
                                grid-template-columns: repeat(3, 1fr);
                                grid-template-rows: auto;
                                gap: 30px 10px;
                                padding-top: 30px;
                                justify-items: stretch;
                }
                .attribute-item-description {
                                font-size: 8px;
                                font-weight: 700;
                                padding: 22px 7px 5px;
                                text-transform: uppercase;
                }
}

/* ________________________________________________ */
.bastion-reviews-container.container {
                overflow: visible;
}
.bastion-reviews{
                padding: 70px 0 0;
                position: relative;
}
.bastion-reviews:after{
                position: absolute;
                content: url(/assets/title-h2-line-white.svg);
                top: 12%;
                right: -15%;
                z-index: 50;
}
.bastion-reviews-slider{}
.bastion-reviews-slider .slick-arrow.slick-prev{
                left: 25%;
                background: url(/assets/arrow-prev-white.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
}
.bastion-reviews-slider .slick-arrow.slick-prev:hover{
                opacity: 50%;
                transition: 0.3s;
}
.bastion-reviews-slider .slick-arrow.slick-prev:active{
                background: url(/assets/arrow-prev.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
                transition: 0.3s;
}
/* ������� ������ */
.bastion-reviews-slider .slick-arrow.slick-next{
                right: 25%;
                background: url(/assets/arrow-next-white.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
}
.bastion-reviews-slider .slick-arrow.slick-next:hover{
                opacity: 50%;
                transition: 0.3s;
}
.bastion-reviews-slider .slick-arrow.slick-next:active{
                background: url(/assets/arrow-next.svg)  0 0 / 100% no-repeat;
                opacity: 100%;
                transition: 0.3s;
}
.bastion-reviews-slider .slick-dots li button{
                font-size: 0;
                width: 15px;
                height: 15px;
                border-radius: 50%;
                background-color: transparent;
                border: 2px solid var(--white);
}
.bastion-reviews-slider .slick-dots li.slick-active button{
                background-color: var(--white);
}
@media screen and (max-width: 1024px) {
                .bastion-reviews:after {
                                position: absolute;
                                content: url(/assets/title-h2-line-white.svg);
                                top: 9%;
                                right: -46%;
                                z-index: 50;
                }
                .bastion-reviews {
                                padding: 30px 0 0;
                                position: relative;
                }
}
@media screen and (max-width: 576px){

                .slick-dots li {
                        list-style: none;
                        margin: 0 5px;
                }

                .bastion-reviews:after {
                                position: absolute;
                                content: url(/assets/title-h2-line-white.svg);
                                top: 9%;
                                right: -110%;
                                z-index: 50;
                }
                .bastion-reviews-slider .slick-dots li button{
                                font-size: 0;
                                width: 8px;
                                height: 8px;
                                border-radius: 50%;
                                background-color: transparent;
                                border: 1px solid var(--white);
                }
                .bastion-reviews-slider .slick-arrow.slick-prev{
                                left: 15%;
                                background: url(/assets/arrow-prev-white.svg)  0 0 / 100% no-repeat;
                                opacity: 100%;
                }
                .bastion-reviews-slider .slick-arrow.slick-next{
                                right: 15%;
                                background: url(/assets/arrow-next-white.svg)  0 0 / 100% no-repeat;
                                opacity: 100%;
                }
}

/* ________________________________________________ */
.form-bastion-block-title{
                margin-left: auto;
                max-width: 875px;
                position: relative;
}
.form-bastion-container{
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                margin-top: -40px;
                padding: 65px 0;
}
.form-bastion-content{
                position: relative;
                z-index: 50;
}
.bast-cont-add-wrap{
                overflow: visible;
                width: 100%;
                padding: 0 20px;
                margin: 0 auto;
}
.form-bastion-wrap{
                position: relative;
}
.form-bastion-image{
                position: absolute;
                top: -32%;
                left: -40%;
                z-index: -10;
}
.form-bastion-image img{
                max-width: 460px;
}
.form-bastion-item{}

/*  */
.btn-bastion-form{
                max-width: max-content;
}
.btn-bastion-form:link, .btn-bastion-form:visited{
                max-width: max-content;
}
.btn-bastion-form:hover, .btn-bastion-form:active{}
/*  */

.form-bastion-item.flex-col{
                align-items: flex-end;
                gap: 30px;
}
.form-bastion-item-add-info{
                font-size: 12px;
}
@media screen and (max-width: 1280px) {
                .form-bastion-image{
                                position: absolute;
                                top: -32%;
                                left: -36%;
                                z-index: -10;
                }

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

                .form-bastion-block-title{
                                margin-left: auto;
                                max-width: 750px;
                }
}
@media screen and (max-width: 1024px) {
                .form-bastion-container{
                                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                                margin-top: -40px;
                                padding: 50px 0;
                }
                .form-bastion-image {
                                position: absolute;
                                top: -17%;
                                left: -42%;
                                z-index: -10;
                }
                .form-bastion-image img{
                                max-width: 390px;
                }
                .form-bastion-block-title{
                                margin-left: auto;
                                max-width: 600px;
                }
                .form-bastion-item-add-info{
                                font-size: 8px;
                }
}
@media screen and (max-width: 768px) {
                .form-bastion-image {

                }
}
@media screen and (max-width: 576px) {
                .form-bastion-container{
                                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                                margin-top: -40px;
                                padding: 40px 0;
                }
                .form-bastion-image {
                                display: none;
                }
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 320px) {
}



/* __________________________________________________________________________________________________________ */
/* main-page */
/* courses */
.courses-fs-title h1{
                max-width: 905px;
}
.first-screen-courses-offer {
                color: var(--white);
                padding: 40px 20px 60px;
                width: 100%;
}
.fs-courses-img{
                position: absolute;
                top: 5%;
                left: 61%;
                z-index: 40;
}
.fs-courses-img img{
                max-width: 565px;
}
.fs-courses-form{
                position: relative;
                z-index: 50;
}
.fs-courses-offer{
                position: relative;
                padding-right: 40px;
}
.fs-courses-offer:after{
                position: absolute;
                content: " ";
                top: 0;
                right: 35%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                z-index: 40;
                border-radius: 0px 30px 30px 0px;
}
.fs-courses-form-title{
                font-family: 'Play';
                font-size: 30px;
                font-weight: 700;
                text-transform: uppercase;
                margin-bottom: 15px;
                max-width: 800px;
}
.fs-courses-form-desc{
                font-size: 20px;
                margin-bottom: 25px;
                max-width: 690px;
}
.fs-courses-form-inputs.flex-row{
                gap: 10px;
}
.fs-courses-form-inputs .flex-row{
                gap: 10px;
}
.fs-courses-form-input{
                background: transparent;
                border: 2px solid #fff;
                border-radius: 10px;
                width: 240px;
                height: 60px;
                font-size: 20px;
                padding: 20px;
                font-family: 'Play';
                /* color: #A8DCFB; */
                color: #fff;
                text-transform: uppercase;
}
.fs-courses-form-input::placeholder{
                /* font-family: 'Play'; */
                color: #A8DCFB;
                /* text-transform: uppercase;
                font-size: 20px;
                padding: 20px 20px 20px 0px; */
}
/* .fs-courses-form-input:hover{
                border: 2px solid #fff;
                color: var(--text-blue);
                transition: 0.3s;
                font-size: 20px;
                padding: 20px;
} */
.fs-courses-form-input:focus{
                /* border: 1px solid #fff;
                color: #fff; */
                /* font-family: 'Play';
                font-size: 20px;
                padding: 20px; */
}
.fs-courses-form-input:focus::placeholder{
                color: #A8DCFB;
                /* margin: 10px auto auto; */
                /* font-size: 20px; */
                padding: 20px 20px 20px 0px;
}
.fs-courses-form-item-add-info {
        color: var(--white);
        font-size: 11px;
        font-weight: 300;
        max-width: 260px;
        margin-top: 10px;
}
.fs-courses-form-item-add-info a:link, .fs-courses-form-item-add-info a:visited{
        color: #fff;
        text-decoration: none;
}
.fs-courses-form-item-add-info a:hover, .fs-courses-form-item-add-info a:active{
        text-decoration: underline;
}
.fs-courses-form-item-add-info.flex-row{
                justify-content: flex-start;
                margin-top: 10px;
                max-width: 280px;
}
/* .btn-form{
                max-width: 280px;
                padding: 20px;
                white-space: nowrap;
} */

/* .btn-fs-courses{
                height: 60px;
                padding: 15px;
                max-width: 240px;
                font-size: 20px;
} */

/*  */
.btn-fs-courses{
                height: 60px;
                padding: 15px;
                max-width: 240px;
                font-size: 20px;
                -webkit-appearance: none;
                appearance: none;
}
.btn-fs-courses:link, .btn-fs-courses:visited{
                height: 60px;
                padding: 15px;
                max-width: 240px;
                font-size: 20px;
                -webkit-appearance: none;
                appearance: none;
}
.btn-fs-courses:hover, .btn-fs-courses:active{}
/*  */

@media screen and (max-width: 1770px) {
                .fs-courses-offer:after{
                                right: 30%;
                }
                .fs-courses-img {
                                position: absolute;
                                top: 5%;
                                left: 66%;
                                z-index: 40;
                }
}
@media screen and (max-width: 1440px) {
                .fs-courses-offer:after{
                                right: 25%;
                }
                .fs-courses-img {
                                position: absolute;
                                top: 5%;
                                left: 70%;
                                z-index: 40;
                }
}
@media screen and (max-width: 1280px) {
                .fs-courses-offer:after{
                                right: 20%;
                }
                .fs-courses-img {
                                position: absolute;
                                top: 5%;
                                left: 74%;
                                z-index: 40;
                }
}
@media screen and (max-width: 1024px) {
                .fs-courses-img img{
                                max-width: 420px;
                }
                .fs-courses-form-inputs.flex-row{
                                flex-wrap: wrap;
                }
                .fs-courses-form-title{
                                max-width: 580px;
                                font-size: 24px;
                }
                .fs-courses-form-desc{
                                font-size: 16px;
                                margin-bottom: 25px;
                                max-width: 500px;
                }
                .flex-row-mob{
                                flex-direction: row;
                                gap: 10px;
                }
                .fs-courses-form-item-add-info{
                                font-size: 10px;
                }
                /* .fs-courses-form-input::placeholder{
                                font-family: 'Play';
                                font-size: 20px;
                                color: #A8DCFB;
                                text-transform: uppercase;
                                margin: 10px auto auto;
                } */
                .fs-courses-offer:after{
                                position: absolute;
                                content: " ";
                                top: 0;
                                right: 20%;
                                width: 100%;
                                height: 100%;
                                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                                z-index: 40;
                                border-radius: 0px 30px 30px 0px;
                }
                .first-screen-courses-offer {
                                color: var(--white);
                                padding: 35px 0 30px;
                                width: 100%;
                }
                .fs-courses-img {
                                position: absolute;
                                top: 12%;
                                left: 68%;
                                z-index: 40;
                }
}
@media screen and (max-width: 768px){
                .fs-courses-offer:after{
                                position: absolute;
                                content: " ";
                                top: 0;
                                right: 10%;
                                width: 100%;
                                height: 100%;
                                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                                z-index: 40;
                                border-radius: 0px 30px 30px 0px;
                }
                .fs-courses-img {
                                position: absolute;
                                top: 12%;
                                left: 74%;
                                z-index: 40;
                }
}
@media screen and (max-width: 576px) {
                .fs-courses-img img{
                                max-width: 210px;
                }
                .fs-courses-offer{
                                position: relative;
                                padding-right: 40px;
                }
                .fs-courses-offer:after{
                                right: 2%;
                }
                .fs-courses-img {
                                position: absolute;
                                top: 24%;
                                left: 74%;
                                z-index: 40;
                }
                .courses-fs-title h1 {
                                width: 320px;
                }
                .fs-courses-form-title{
                                max-width: 580px;
                                font-size: 14px;
                                margin-bottom: 6px;
                }
                .fs-courses-form-desc{
                                font-size: 10px;
                                margin-bottom: 25px;
                                max-width: 500px;
                                margin-bottom: 10px;
                }
                .fs-courses-form-input{
                                background: transparent;
                                border: 1px solid #fff;
                                border-radius: 6px;
                                padding: 12px 10px;
                                width: 140px;
                                height: 35px;
                                font-family: 'Play';
                                font-size: 12px;
                                /* color: #A8DCFB; */
                                text-transform: uppercase;
                                margin: 10px auto auto;
                }
                .fs-courses-form-input::placeholder{
                                font-size: 12px;
                                /* color: #A8DCFB;
                                text-transform: uppercase;
                                margin: 10px auto auto; */
                }
                .btn-fs-form{
                                padding: 10px 15px;
                                white-space: nowrap;
                }
                /*  */
                .btn-fs-form:link, .btn-fs-form:visited{
                                padding: 10px 15px;
                                white-space: nowrap;
                        }
                .btn-fs-form:hover, .btn-fs-form:active{}
                /*  */
                .fs-courses-form-item-add-info{
                                font-size: 6px;
                                width: 160px;
                }
                /*
                .btn-fs-courses{
                                height: auto;
                                padding: 12px;
                                max-width: 240px;
                                font-size: 12px;
                } */
                /*  */
                .btn-fs-courses{
                                height: auto;
                                padding: 12px;
                                max-width: 240px;
                                font-size: 12px;
                }
                .btn-fs-courses:link, .btn-fs-courses:visited{
                                height: auto;
                                padding: 12px;
                                max-width: 240px;
                                font-size: 12px;
                }
                .btn-fs-courses:hover, .btn-fs-courses:active{}
                /*  */
}
@media screen and (max-width: 414px) {
                .fs-courses-offer{
                                position: relative;
                                padding-right: 0;
                }
                .fs-courses-img {
                                position: absolute;
                                top: 24%;
                                left: 85%;
                                z-index: 40;
                }
}
@media screen and (max-width: 320px) {
                .first-screen-courses-offer {
                                color: var(--white);
                                padding: 25px 0 30px;
                                width: 100%;
                }
                .fs-courses-offer:after{
                                right: 0;
                                border-radius: 0;
                }
}



/* ________________________________________________ */
.edu-items{
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: auto;
                gap: 25px;
}
.edu-item{
                border-radius: 20px;
                padding: 45px 50px 50px;
                width: 80%;
                color: var(--white);
                position: relative;
                z-index: 20;
}
.edu-item:nth-child(odd){
                background-color: #0078BF;
                margin-right: auto;
                position: relative;
}
.edu-item:nth-child(odd):before{
                position: absolute;
                content: url(/assets/courses-edu-el-1.svg);
                bottom: 0%;
                right: 0%;
}
.edu-item:nth-child(odd) .edu-item-title, .edu-item-desc{
                position: relative;
}
.edu-item:nth-child(odd) .edu-item-title:before, .edu-item-desc:before{
                position: absolute;
                content: " ";
                top: 50%;
                left: -6%;
                width: 30px;
                height: 3px;
                background: #fff;
}
.edu-item:nth-child(odd) .edu-item-title:after{
                position: absolute;
                content: " ";
                top: -20%;
                left: -5%;
                width: 3px;
                height: 250px;
                background: #fff;
}
.edu-item:nth-child(even){
                background-color: #0C92E1;
                margin-left: auto;
                position: relative;
}
.edu-item:nth-child(even):before{
                position: absolute;
                content: url(/assets/courses-edu-el-1.svg);
                bottom: 0%;
                right: 0%;
}
.edu-item-title{
                font-size: 30px;
                font-weight: 700;
                margin-bottom: 20px;
}
.edu-item-desc{
                margin-bottom: 35px;
                font-size: 24px;
                font-weight: 500;
}
/* .btn-edu{
                margin-top: 20px;
}
.btn-edu a{
                color: var(--text-blue);
} */

/*  */
.btn-edu{
                margin-top: 20px;
}
.btn-edu a:link, .btn-edu a:visited{
                color: var(--text-blue);
                margin-top: 20px;
                transition: .3s;
}
.btn-edu a:hover, .btn-edu a:active{
                color: var(--white);
                margin-top: 20px;
                background: #4eb3f2;
}
/*  */
@media screen and (max-width: 1024px) {
                .edu-items{
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 15px;
                }
                .edu-item{
                                border-radius: 18px;
                                padding: 35px 40px 40px;
                                width: 90%;
                                color: var(--white);
                                position: relative;
                                z-index: 20;
                }
                .edu-item-title {
                                font-size: 24px;
                                font-weight: 700;
                                margin-bottom: 10px;
                }
                .edu-item-desc{
                                margin-bottom: 15px;
                                font-size: 22px;
                                font-weight: 500;
                }

                .area-btm-wh-content {
                                position: relative;
                                z-index: 10;
                                padding-top: 140px;
                                padding-bottom: 0;
                                margin-top: -80px;
                                background-color: #fff;
                }
                .standart-edu-content {
                                padding-bottom: 40px;
                }
                /* .btn-edu{
                                margin-top: 15px;
                } */
                /*  */
                .btn-edu{
                                margin-top: 15px;
                }
                .btn-edu a:link, .btn-edu a:visited{
                                margin-top: 15px;
                }
                .btn-edu a:hover, .btn-edu a:active{}
                /*  */
                .edu-item:nth-child(odd) .edu-item-title:after, .edu-item:nth-child(odd) .edu-item-title:before, .edu-item-desc:before{
                                display: none;
                }
                .edu-item:nth-child(even):before, .edu-item:nth-child(odd):before{
                                display: none;
                }
}
@media screen and (max-width: 576px) {
                .edu-items{
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 10px;
                }
                .edu-item{
                                border-radius: 8px;
                                padding: 15px 20px 20px;
                                width: 100%;
                                color: var(--white);
                                position: relative;
                                z-index: 20;
                }
                .edu-item-title {
                                font-size: 12px;
                                font-weight: 700;
                                margin-bottom: 10px;
                }
                .edu-item-desc{
                                margin-bottom: 15px;
                                font-size: 10px;
                                font-weight: 500;
                }
                /* .btn-edu{
                                margin-top: 5px;
                } */
                /*  */
                .btn-edu{
                                margin-top: 5px;
                }
                .btn-edu a:link, .btn-edu a:visited{
                                margin-top: 5px;
                }
                .btn-edu a:hover, .btn-edu a:active{}
                /*  */
}

/* __________________________________________________________________________________________________________ */
/* main-page */
/* support */

.fs-title-support h1{
                max-width: 890px;
}
.support-fs-subtitle{
                max-width: 660px;
}
.support-fs-image{
                position: absolute;
                top: 24%;
                left: 62%;
                z-index: 40;
}
.support-fs-image img{
                max-width: 685px;
}
.fs-support-form{
                position: relative;
                z-index: 50;
                overflow: visible;
}
.support-fs-offer-wrap.first-screen-offer-wrap:after{
                position: absolute;
                content: " ";
                top: 0;
                right: 33%;
                width: 100%;
                height: 100%;
                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                z-index: 40;
                border-radius: 0px 30px 30px 0px;
}
@media screen and (max-width: 1770px) {
                .support-fs-offer-wrap.first-screen-offer-wrap:after{
                                right: 30%;
                }
                /* .support-fs-image {
                                position: absolute;
                                top: 5%;
                                left: 66%;
                                z-index: 40;
                } */
}
@media screen and (max-width: 1440px) {
                .support-fs-offer-wrap.first-screen-offer-wrap:after{
                                right: 25%;
                }
                .support-fs-image {
                                position: absolute;
                                top: 25%;
                                left: 70%;
                                z-index: 40;
                }
}
@media screen and (max-width: 1280px) {
                .support-fs-offer-wrap.first-screen-offer-wrap:after{
                                right: 20%;
                }
                .support-fs-image {
                                position: absolute;
                                top: 25%;
                                left: 74%;
                                z-index: 40;
                }
}
.support-fs-courses-offer.first-screen-courses-offer{
                color: var(--white);
                padding: 55px 20px 80px;
                width: 100%;
}
.fs-support-content{
                max-width: 800px;
                padding-right: 40px;
}
.fs-support-form-desc{
                font-size: 20px;
                font-weight: 700;
                margin-bottom: 25px;
                max-width: 750px;
}
.fs-support-insrt{
                position: relative;
                border-radius: 15px;
                text-align: center;
                color: var(--white);
                padding: 20px 40px;
                border: 2px solid #fff;
}
.fs-support-insrt:before{
                position: absolute;
                content: url(/assets/support-link-finger.svg);
                bottom: -47%;
                right: -7%;
                z-index: -10;
}
.fs-support-insrt a:link, .fs-support-insrt a:visited{
                font-size: 20px;
                text-align: center;
                color: var(--white);
                text-decoration: underline !important;
}
.fs-support-insrt a:hover, .fs-support-insrt a:active{
                font-size: 20px;
                text-align: center;
                color: var(--white);
                text-decoration: none !important;
}
.fs-support-form-link{
                display: grid;
                grid-template-columns: 3fr 2fr;
                grid-template-rows: auto;
                gap: 55px;
}
.fs-supp-btns{
                display: flex;
                flex-direction: column;
}
/* .btn-fs-support{
                font-size: 20px !important;
                max-width: 268px;
                padding: 17px 34px !important;
                text-align: center;
} */

/*  */

.btn-fs-support{
                font-size: 20px;
                max-width: 268px;
                padding: 18px 12px;
                text-align: center;
        }
        .btn-fs-support:link, .btn-fs-support:visited{
                font-size: 20px;
                max-width: 268px;
                padding: 18px 12px;
                text-align: center;
        }
        .btn-fs-support:hover, .btn-fs-support:active{}
/*  */

@media screen and (max-width: 1024px) {
                .fs-support-content{
                                max-width: 665px;
                                padding-right: 40px;
                }
                .support-fs-subtitle{
                                max-width: 590px;
                }
                .support-fs-image{
                                position: absolute;
                                top: 37%;
                                left: 71%;
                                z-index: 40;
                }
                .support-fs-image img{
                                max-width: 425px;
                }
                .support-fs-offer-wrap.first-screen-offer-wrap:after{
                                position: absolute;
                                content: " ";
                                top: 0;
                                right: 18%;
                                width: 100%;
                                height: 100%;
                                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                                z-index: 40;
                                border-radius: 0px 30px 30px 0px;
                }
                .fs-support-form-link{
                                display: grid;
                                grid-template-columns: 3fr 2fr;
                                grid-template-rows: auto;
                                gap: 20px;
                }
                .fs-support-insrt{
                                position: relative;
                                border-radius: 15px;
                                text-align: center;
                                color: var(--white);
                                padding: 20px;
                                text-decoration: underline;
                                border: 2px solid #fff;
                }
                .fs-support-insrt a:link, .fs-support-insrt a:visited{
                                font-size: 18px;
                                text-align: center;
                                color: var(--white);
                                text-decoration: underline !important;
                }
                .fs-support-insrt a:hover, .fs-support-insrt a:active{
                                font-size: 18px;
                                text-align: center;
                                color: var(--white);
                                text-decoration: none !important;
                }
                .fs-support-form-desc{
                                font-size: 18px;
                                font-weight: 700;
                                margin-bottom: 25px;
                                max-width: 600px;
                }
                .fs-support-insrt:before{
                                position: absolute;
                                content: url(/assets/support-link-finger-sm.svg);
                                bottom: -32%;
                                right: -7%;
                                z-index: -10;
                }
}
@media screen and (max-width: 576px){
                .fs-support-form-link {
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 15px;
                }
                .fs-supp-btns{
                                display: flex;
                                flex-direction: row;
                                gap: 15px;
                }
                .fs-support-form-desc {
                                font-size: 12px;
                                font-weight: 700;
                                margin-bottom: 10px;
                                max-width: 600px;
                }
                .fs-support-insrt a:link, .fs-support-insrt a:visited {
                                font-size: 12px;
                }
                .fs-support-insrt:before {
                                position: absolute;
                                content: url(/assets/support-link-finger-sm.svg);
                                bottom: -45%;
                                right: -5%;
                                z-index: -10;
                }
                .fs-support-insrt {
                                position: relative;
                                border-radius: 8px;
                                text-align: center;
                                color: var(--white);
                                padding: 12px;
                                text-decoration: underline;
                                border: 2px solid #fff;
                                max-width: 225px;
                                max-height: 55px;
                                line-height: 1.2;
                                font-size: 12px;
                }
                .fs-support-insrt:before {
                                position: absolute;
                                content: url(/assets/support-link-finger-sm.svg);
                                bottom: -60%;
                                right: -13%;
                                z-index: -10;
                }
                .fs-courses-form-item-add-info.flex-row {
                                justify-content: flex-start;
                                margin-top: 10px;
                                width: 160px;
                }
                .support-fs-courses-offer.first-screen-courses-offer {
                                color: var(--white);
                                padding: 15px 20px 30px;
                                width: 100%;
                }
                .fs-title-support h1 {
                                width: 320px;
                                font-size: 20px;
                }
                .support-fs-image{
                                position: absolute;
                                top: 37%;
                                left: 71%;
                                z-index: 40;
                }
                .support-fs-image img{
                                max-width: 200px;
                }
}
@media screen and (max-width: 414px) {
                /* .fs-support-insrt:before {
                                position: absolute;
                                content: url(/assets/support-link-finger-sm.svg);
                                bottom: -54%;
                                right: -9%;
                                z-index: -10;
                }
                .fs-support-insrt{
                                position: relative;
                                border-radius: 8px;
                                text-align: center;
                                color: var(--white);
                                padding: 10px 5px;
                                text-decoration: underline;
                                border: 2px solid #fff;
                                max-width: 280px;
                } */
}




/* ________________________________________________ */
.support-programm-wrap{
                margin: 100px 0;
}
.support-programm-container.title-add-line-blue:after{
                transform: scale(-1, 1);
                margin-top: 40px;
                right: -5%;
}
.support-programm-item{
                background-color: var(--text-blue);
                padding: 47px 65px;
}
.support-programm-item:nth-child(2){
                background-color: #0C92E1;
}
.support-programm-item-description a:link, .support-programm-item-description a:visited{
                color: #fff;
                text-decoration: underline;
}
.support-programm-item-description a:hover, .support-programm-item-description a:active{
                color: #fff;
                text-decoration: none;
}
.support-programm-item-description ul{
                position: relative;
}
.support-programm-item-description ul:before {
                position: absolute;
                content: " ";
                height: 130%;
                width: 3px;
                background-color: #fff;
                left: -14%;
                top: -4%;
}
.support-programm-item-description li{
                position: relative;
                padding-bottom: 15px;
                font-size: 18px;
}
.support-programm-item-description li:before{
                position: absolute;
                content: " ";
                width: 40px;
                height: 3px;
                background-color: var(--white);
                left: -60px;
                top: 10px;
}
.support-programm-item.cert-el-1:after{
                position: absolute;
                content: url(/assets/bastion-block2-item-inner-dots.svg);
                top: 0;
                left: 50%;
}
.support-programm-item.cert-el-2:after{
                position: absolute;
                transform: scale(-1, 1);
                content: url(/assets/bastion-block2-item-inner-dots.svg);
                top: 0;
                left: 0%;
}
.support-programm-add-info{
                padding: 32px 70px;
                margin-top: 40px;
                background-color: #fff;
                position: relative;
                border-radius: 22px;
                font-size: 20px;
}

.border-grad-blue:before.support-programm-add-info{
                background: linear-gradient(-90deg, #42FFFF , #0C92E1);
}
@media screen and (max-width: 1024px) {

                .support-programm-item-description , .support-programm-item-description li{
                                position: relative;
                                padding-bottom: 15px;
                                font-size: 14px;
                }
                .support-programm-item {
                                background-color: var(--text-blue);
                                padding: 20px 40px;
                }
                .support-programm-item-description ul:before {
                                position: absolute;
                                content: " ";
                                height: 130%;
                                width: 2px;
                                background-color: #fff;
                                left: -10%;
                                top: -4%;
                }
                .support-programm-item-description li:before {
                                position: absolute;
                                content: " ";
                                width: 40px;
                                height: 2px;
                                background-color: var(--white);
                                left: -50px;
                                top: 10px;
                }
                .support-programm-add-info{
                                padding: 30px 20px;
                                margin-top: 40px;
                                background-color: #fff;
                                position: relative;
                                border-radius: 11px;
                                font-size: 18px;
                }
}
@media screen and (max-width: 576px) {
                .support-programm-wrap{
                                margin: 100px 0 60px;
                }
                .support-programm-item-description, .support-programm-item-description li {
                                position: relative;
                                padding-bottom: 10px;
                                font-size: 10px;
                }
                .supp-el-1{
                                position: relative;
                                z-index: 20;
                                width: 85%;
                                margin-right: auto;
                }
                .supp-el-2{
                                position: relative;
                                z-index: 20;
                                width: 85%;
                                margin-left: auto;
                }
                .supp-el-2:before {
                                position: absolute;
                                content: " ";
                                top: -100%;
                                left: 91%;
                                height: 137%;
                                width: 1px;
                                background-color: #0C92E1;
                }
                .support-programm-add-info{
                                padding: 20px 13px;
                                margin-top: 40px;
                                background-color: #fff;
                                position: relative;
                                border-radius: 7px;
                                font-size: 12px;
                }
}
@media screen and (max-width: 414px) {
                .supp-el-2:before {
                                position: absolute;
                                content: " ";
                                top: -125%;
                                left: 91%;
                                height: 137%;
                                width: 1px;
                                background-color: #0C92E1;
                }
}
@media screen and (max-width: 320px) {
                .supp-el-2:before {
                                position: absolute;
                                content: " ";
                                top: -117%;
                                left: 91%;
                                height: 137%;
                                width: 1px;
                                background-color: #0C92E1;
                }
}




/* ________________________________________________ */
.support-solution-content{
                padding-top: 90px;
                padding-bottom: 90px;
}
.support-solution-items.flex-col{
                gap: 63px;
                padding-top: 50px;
}
.support-solution-item{
                position: relative;
                border-radius: 15px;
                border: 2px solid #fff;
                padding: 40px 30px;
                font-size: 18px;
}
.support-solution-item a:link, .support-solution-item a:visited{
                color: #fff;
                text-transform: uppercase;
                text-decoration: underline;
}
.support-solution-item a:hover, .support-solution-item a:active{
                text-decoration: none;
}
.support-solution-item a{
                position: relative;
                white-space: nowrap;
}
.support-solution-item a:after{
                position: absolute;
                content: url(/assets/support-link-finger-sm.svg);
                bottom: -158%;
                right: 5%;
}
.support-solution-item-step{
                border-radius: 7px;
                background-color: #fff;
                padding: 2px 10px 15px;
                font-family: 'Play';
                font-size: 42px;
                font-weight: 700;
                color: var(--text-blue);
                max-width: 70px;
                max-height: 70px;
                position: absolute;
                top: -50px;
                left: -2px;
}
.support-solution-item-description ul{
                position: relative;
}
.support-solution-item-description ul:before {
                position: absolute;
                content: " ";
                height: 150%;
                width: 3px;
                background-color: #fff;
                left: 0%;
                top: 4%;
}
.support-solution-item-description li{
                position: relative;
                padding-left: 40px;
                padding-bottom: 10px;
}
.support-solution-item-description li:before {
                position: absolute;
                content: " ";
                width: 37px;
                height: 3px;
                background-color: var(--white);
                left: -1%;
                top: 35%;
}
@media screen and (max-width: 1024px) {
                .support-solution-content{
                                padding-top: 40px;
                                padding-bottom: 50px;
                }
                .support-solution-item{
                                position: relative;
                                border-radius: 12px;
                                border: 2px solid #fff;
                                padding: 40px 30px;
                                font-size: 16px;
                }
                .support-solution-item-description ul:before {
                                position: absolute;
                                content: " ";
                                height: 135%;
                                width: 2px;
                                background-color: #fff;
                                left: 0%;
                                top: 9%;
                }
                .support-solution-item-description li{
                                position: relative;
                                padding-left: 40px;
                                padding-bottom: 10px;
                }
                .support-solution-item-description li:before {
                                position: absolute;
                                content: " ";
                                width: 37px;
                                height: 2px;
                                background-color: var(--white);
                                left: -1%;
                                top: 35%;
                }
                .support-solution-items.flex-col{
                                gap: 55px;
                                padding-top: 30px;
                }
                .support-solution-item-step{
                                border-radius: 7px;
                                background-color: #fff;
                                padding: 2px 10px 15px;
                                font-family: 'Play';
                                font-size: 35px;
                                font-weight: 700;
                                color: var(--text-blue);
                                max-width: 58px;
                                max-height: 58px;
                                position: absolute;
                                top: -28px;
                                left: -2px;
                }
}
@media screen and (max-width: 576px) {
                .support-solution-item{
                                position: relative;
                                border-radius: 7px;
                                border: 2px solid #fff;
                                padding: 20px 15px;
                                font-size: 10px;
                }
                .support-solution-item a:after{
                                position: absolute;
                                content: url(/assets/support-link-finger-lit.svg);
                                bottom: -158%;
                                right: 5%;
                }
                .support-solution-item-description ul:before {
                                position: absolute;
                                content: " ";
                                height: 140%;
                                width: 2px;
                                background-color: #fff;
                                left: 0%;
                                top: -7%;
                }
                .support-solution-items.flex-col{
                                gap: 30px;
                                padding-top: 10px;
                }
                .support-solution-item-step{
                                border-radius: 7px;
                                background-color: #fff;
                                padding: 1px 5px 8px;
                                font-family: 'Play';
                                font-size: 20px;
                                font-weight: 700;
                                color: var(--text-blue);
                                max-width: 33px;
                                max-height: 33px;
                                position: absolute;
                                top: -18px;
                                left: -2px;
                }
}
@media screen and (max-width: 414px) {
                .support-solution-item-description li {
                                position: relative;
                                padding-left: 20px;
                                padding-bottom: 10px;
                }
                .support-solution-item-description li:before {
                                position: absolute;
                                content: " ";
                                width: 20px;
                                height: 2px;
                                background-color: var(--white);
                                left: -1%;
                                top: 35%;
                }
}
@media screen and (max-width: 320px) {
                .support-solution-item-description ul:before {
                                position: absolute;
                                content: " ";
                                height: 130%;
                                width: 2px;
                                background-color: #fff;
                                left: 0%;
                                top: -7%;
                }
}


/* ________________________________________________ */
.reasons{
                position: relative;
}
.reasons:before {
                position: absolute;
                top: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                z-index: -40;
}
.reasons-wrap {
                padding-top: 100px;
                padding-bottom: 100px;
                margin-top: -125px;
}
.reasons-content{
                position: relative;
                z-index: 20;
}
/* ________________________________________________ */
.support-form-wrap{
                padding-bottom: 225px;
}
.support-form-title.block-title{
                margin-bottom: 10px;
}
.support-form-title h2{
                margin-bottom: 10px;
}
.support-form-subtitle{
                color: #fff;
                font-size: 30px;
                max-width: 800px;
                margin-bottom: 30px;
}
.support-form-link {
                display: grid;
                grid-template-columns: 4fr 3fr;
                grid-template-rows: auto;
                gap: 35px;
                max-width: 800px;
}
.support-form-insrt{
                position: relative;
                padding: 30px 20px;
                font-size: 24px;
                font-weight: 300;
}
.support-form-link:before{
                position: absolute;
                content: url(/assets/support-link-finger.svg);
                bottom: -24%;
                left: 47%;
                z-index: 50;
                background: #323232;
}
.border-grad-blue.support-form-insrt{
                background-color: var(--bg-dark);
                color: #fff;
}

 .support-form-insrt a:link, .support-form-insrt a:visited{
                text-align: center;
                color: var(--white);
                text-decoration: underline;
}
.support-form-insrt a:hover, .support-form-insrt a:active{
                text-align: center;
                color: var(--white);
                text-decoration: none;
}
.support-form-content{
                position: relative;
                z-index: 20;
                overflow: visible;
}
.support-form-link{
                position: relative;
}
/* .support-form-link:before{
                position: absolute;
                content: url(/assets/support-link-border-finger.svg);
                top: 0;
                left: 0;
} */
.support-form-buttons.flex-col{
                align-items: flex-start;
                align-self: center;
}
.support-form-item-image{
                position: absolute;
                top: 22%;
                left: 65%;
                z-index: 15;
}
.support-form-item-image img{
                max-width: 730px;
}



@media screen and (max-width: 1024px) {
                .support-form-subtitle{
                                color: #fff;
                                font-size: 24px;
                                max-width: 600px;
                                margin-bottom: 30px;
                }
                .support-form-link {
                                display: grid;
                                grid-template-columns: 4fr 3fr;
                                grid-template-rows: auto;
                                gap: 35px;
                                max-width: 800px;
                }
                .support-form-insrt{
                                position: relative;
                                padding: 30px 20px;
                                font-size: 22px;
                                font-weight: 300;
                }
                .support-form-item-image {
                                position: absolute;
                                top: 14%;
                                left: 67%;
                                z-index: 15;
                }
                .support-form-item-image img{
                                max-width: 600px;
                }
}
@media screen and (max-width: 860px){
                .support-form-item-image{
                                position: absolute;
                                top: 15%;
                                left: 69%;
                                z-index: 15;
                }
                .support-form-item-image img{
                                width: 600px;
                }
                .support-fs-offer-wrap.first-screen-offer-wrap:after {
                                position: absolute;
                                content: " ";
                                top: 0;
                                right: 9%;
                                width: 100%;
                                height: 100%;
                                background: linear-gradient(90deg, #0C8BD6 6.1%, #56C1FF 100%);
                                z-index: 40;
                                border-radius: 0px 30px 30px 0px;
                }
                .support-fs-image {
                                position: absolute;
                                top: 37%;
                                left: 77%;
                                z-index: 40;
                }
}
@media screen and (max-width: 576px) {
                .support-form-wrap{
                                padding-top: 140px;
                                padding-bottom: 180px;
                                margin-top: -100px;
                                position: relative;
                }
                .support-form-subtitle{
                                color: #fff;
                                font-size: 16px;
                                max-width: 600px;
                                margin-bottom: 30px;
                }
                .support-form-link {
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                justify-content: center;
                                justify-items: center;
                                gap: 35px;
                                max-width: 800px;
                }
                .support-form-insrt{
                                position: relative;
                                padding: 20px;
                                font-size: 14px;
                                font-weight: 300;
                                max-width: 280px;
                }
                .support-form-link:before {
                                position: absolute;
                                content: url(/assets/support-link-finger-sm.svg);
                                bottom: 30%;
                                left: 68%;
                                z-index: 50;
                                background: #323232;
                }
                .support-form-item-image{
                                display: none;
                }
                /* .btn-fs-support {
                                font-size: 12px;
                                max-width: 268px;
                                padding: 6px 12px;
                                white-space: nowrap;
                                height: 34px;
                } */
                /*  */
                .btn-fs-support {
                                font-size: 12px;
                                max-width: 268px;
                                padding: 9px 12px;
                                white-space: nowrap;
                                height: 34px;
                }
                .btn-fs-support:link, .btn-fs-support:visited{
                                font-size: 12px;
                                max-width: 268px;
                                padding: 9px 12px;
                                white-space: nowrap;
                                height: 34px;
                }
                .btn-fs-support:hover, .btn-fs-support:active{}
                /*  */
                .support-fs-image {
                                position: absolute;
                                top: 47%;
                                left: 77%;
                                z-index: 40;
                }
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 320px) {
}



/* ________________________________________________ */


.reasons-item-wrap{
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: auto;
                gap: 35px;
                margin-bottom: 50px;
}
.reasons-item-images{}
.reasons-item-image{
                border-radius: 11px;
                overflow: hidden;
                width: 90%;
}
.reas-img-el-1{
                position: relative;
                z-index: 20;
}
.reas-img-el-2{
                margin-top: -40px;
                margin-left: auto;
}
.reasons-item-text li{
                position: relative;
                font-size: 20px;
                padding-bottom: 60px;
                padding-left: 60px;
}
.reasons-item-text li:before {
                position: absolute;
                content: " ";
                width: 55px;
                height: 3px;
                background-color: #0C92E1;
                left: -3%;
                top: 7%;
}
.reasons-item-text ul{
                position: relative;
}
.reasons-item-text ul:before {
                position: absolute;
                content: " ";
                height: 100%;
                width: 3px;
                background-color: #0C92E1;
                left: -1%;
                top: -2%;
}
.reasons-item-image img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: hidden;
}
.reasons-buttons .flex-row{
                gap: 30px;
                padding: 15px 0;
}
.reasons-button{
                display: block;
                min-width: 225px;
                padding: 20px 25px;
                white-space: nowrap;
                font-size: 20px;
}
.reas-btn-add-padding{
                padding: 20px 65px;
}
.reasons-buttons .border-grad-blue:hover{
                color: rgba(0, 0, 0, 0.5);
                transition: 0.3s;
}
.reasons-button:hover.border-grad-blue:before{
                transition: 0.3s;
                background: linear-gradient(-90deg, #42ffff8a , #0c93e18a);
}
.reasons-buttons .border-grad-blue{
                /* border-radius: 16px; */
}
.reasons-buttons .border-grad-blue:before{
                /* border-radius: 18px; */
}
.reasons-button:active.border-grad-blue{
                opacity: 90%;
                color: #fff;
                transition: 0.3s;
                background: linear-gradient(-90deg, #42FFFF , #0C92E1);
}
.reasons-button:active.border-grad-blue:before{
                transition: 0.3s;
                background: linear-gradient(-90deg, #42FFFF , #0C92E1);
}
@media screen and (max-width: 1024px) {
                .reasons-item-text li {
                                position: relative;
                                font-size: 16px;
                                padding-bottom: 35px;
                                padding-left: 60px;
                }
                .reasons-item-text li:before {
                                position: absolute;
                                content: " ";
                                width: 55px;
                                height: 2px;
                                background-color: #0C92E1;
                                left: -3%;
                                top: 7%;
                }
                .reasons-item-text ul:before {
                                position: absolute;
                                content: " ";
                                height: 100%;
                                width: 2px;
                                background-color: #0C92E1;
                                left: -1%;
                                top: -2%;
                }
                .reasons-button{
                                display: block;
                                min-width: auto;
                                padding: 10px;
                                white-space: nowrap;
                                font-size: 16px;
                }
}
@media screen and (max-width: 576px) {
                .reasons-wrap{
                                padding-top: 40px;
                                padding-bottom: 50px;
                }
                .reasons-item-text li {
                                position: relative;
                                font-size: 12px;
                                padding-bottom: 20px;
                                padding-left: 40px;
                }
                .reasons-item-wrap{
                                display: grid;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                                gap: 20px;
                                margin-bottom: 20px;
                }
                .reasons-item-images{
                                grid-row-start: 2;
                }
                .reasons-item-image{
                                border-radius: 11px;
                                overflow: hidden;
                                width: 80%;
                }
                .reasons-item-text li:before {
                                position: absolute;
                                content: " ";
                                width: 45px;
                                height: 2px;
                                background-color: #0C92E1;
                                left: -3%;
                                top: 15%;
                }
                .reasons-buttons .flex-row{
                                gap: 10px;
                                padding: 10px 0;
                }
                .reasons-button{
                                display: block;
                                min-width: auto;
                                padding: 10px;
                                white-space: nowrap;
                                font-size: 10px;
                }
                .reasons-buttons .flex-row{
                                gap: 6px;
                                padding: 5px 0;
                }
                .reasons-button{
                                display: block;
                                min-width: auto;
                                padding: 7px 3px;
                                white-space: nowrap;
                                font-size: 9px;
                }
                .reasons-button.border-grad-blue:before{
                                position: absolute;
                                content: " ";
                                inset: calc(0px - 1.5px);
                                padding: 2px;
                                background: linear-gradient(-90deg, #42FFFF , #0C92E1);
                                z-index: -10;
                }
}




/* __________________________________________________________________________________________________________ */
/* news-page */

.news-page.first-screen{
                height: 750px;
}
.fs-all-news-l-img img{
                max-width: 530px;
}
.fs-all-news-content{
                margin-top: 150px;
}
.fs-all-news-subtitle-hor-line{
                position: relative;
}
.fs-all-news-subtitle-hor-line:before {
                position: absolute;
                content: url(/assets/fs-bg-dotted-line-1.svg);
                top: -30%;
                left: 0;
}
.fs-all-news-subtitle-hor-line:after {
                position: absolute;
                content: url(/assets/fs-bg-dotted-line-2.svg);
                bottom: -30%;
                left: 0;
}
.fs-all-news-l-img {
                position: absolute;
                top: 15%;
                left: 58%;
                z-index: 40;
}
@media screen and (max-width: 1024px) {
                .news-page.first-screen{
                                height: 70vh;
                }
                .fs-all-news-l-img img{
                                max-width: 470px;
                }
                .fs-all-news-l-img {
                                position: absolute;
                                top: 15%;
                                left: 62%;
                                z-index: 40;
                }
                .all-news:before{
                                display: none;
                }
                .all-news {
                                padding-top: 140px;
                                padding-bottom: 120px;
                                position: relative;
                }
                .fs-all-news-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -40%;
                                left: -40%;
                }
                .fs-all-news-subtitle-hor-line:after {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -35%;
                                left: -45%;
                }
}
@media screen and (max-width: 576px) {
                .news-page.first-screen{
                                height: 80vh;
                }
                .fs-all-news-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -60%;
                                left: -65%;
                }
                .fs-all-news-subtitle-hor-line:after {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -20%;
                                left: -72%;
                }
                .fs-all-news-l-img img{
                                max-width: 250px;
                }
                .fs-all-news-l-img {
                                position: absolute;
                                top: 15%;
                                left: 62%;
                                z-index: 40;
                }
                .fs-all-news-content {
                                margin-top: 59px;
                }
                .fs-all-news-l-img {
                                position: absolute;
                                top: 54%;
                                left: 68%;
                                z-index: 40;
                }
}
@media screen and (max-width: 414px) {
                .fs-all-news-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -62%;
                                left: -87%;
                }
                .fs-all-news-subtitle-hor-line:after {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -18%;
                                left: -100%;
                }
}
@media screen and (max-width: 320px) {
                .news-page.first-screen{
                                height: 100vh;
                }
                .fs-all-news-subtitle-hor-line:before {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-1.svg);
                                top: -57%;
                                left: -120%;
                }
                .fs-all-news-subtitle-hor-line:after {
                                position: absolute;
                                content: url(/assets/fs-bg-dotted-line-2.svg);
                                bottom: -18%;
                                left: -133%;
                }
}

/* ________________________________________________ */
.all-news{
                padding-top: 140px;
                padding-bottom: 180px;
                position: relative;
}
.all-news:before{
                position: absolute;
                content: url(/assets/background-big-dots.svg);
                top: -20%;
                left: 0;
                z-index: 15;
}
.all-news:after{
                position: absolute;
                content: url(/assets/background-big-dots.svg);
                bottom: -30%;
                right: -10%;
                transform: scale(-1, 1);
                z-index: 10;
}

.all-news-content{
                position: relative;
                z-index: 20;
}
.all-news-item-wrap{
                min-height: 460px;
}
.all-news-item{
                /* min-height: 400px; */
                padding: 15px;
}
/* .all-news-item.flex-col{
                align-items: flex-start;
                align-self: stretch;
                justify-content: flex-start;
} */
@media screen and (max-width: 1024px) {
                .all-news{
                                padding-top: 100px;
                                padding-bottom: 120px;
                                position: relative;
                }
}
@media screen and (max-width: 576px) {
                .all-news {
                                padding-top: 70px;
                                padding-bottom: 80px;
                                position: relative;
                }
                .all-news-item-wrap{
                                min-height: 320px;
                }
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 320px) {
}

/* ________________________________________________ */
.smm-follow{
                position: relative;
}
.smm-follow:before {
                position: absolute;
                top: 0;
                left: 0;
                content: " ";
                width: 100%;
                height: 100%;
                background: linear-gradient(-90deg, #0C92E1 6.1%, #71CBFF 104.78%);
                z-index: -40;
                margin-top: 150px;
}
.smm-follow-content{
                position: relative;
                z-index: 20;
                padding-top: 105px;
                padding-bottom: 105px;
}
.smm-follow-items-wrap.flex-row{
                justify-content: center;
                gap: 70px;
}

.smm-follow-item:link, .smm-follow-item:visited{

                opacity: 100%;
}
.smm-follow-item:hover, .smm-follow-item:active{
                opacity: 50%;
}

@media screen and (max-width: 1024px) {
                .smm-follow-content{
                                position: relative;
                                z-index: 20;
                                padding-top: 70px;
                                padding-bottom: 70px;
                }
                .smm-follow-items-wrap.flex-row{
                                justify-content: center;
                                gap: 50px;
                }
                .smm-follow-item img{
                                width: 60px;
                                height: 60px;
                                opacity: 100%;
                }
}
@media screen and (max-width: 576px) {
                .smm-follow-content{
                                position: relative;
                                z-index: 20;
                                padding-top: 40px;
                                padding-bottom: 50px;
                }
                .smm-follow-items-wrap.flex-row{
                                justify-content: center;
                                gap: 35px;
                }
                .smm-follow-item img{
                                width: 40px;
                                height: 40px;
                                opacity: 100%;
                }
}
@media screen and (max-width: 414px) {
}
@media screen and (max-width: 320px) {
}


/* ________________________________________________ */

/* ________________________________________________ */

/* ________________________________________________ */

/* ________________________________________________ */

/* ________________________________________________ */

/* ________________________________________________ */

/* ________________________________________________ */

/* ________________________________________________ */

/* ________________________________________________ */



/* __________________________________________________________________________________________________________ */
/* inner-page */
/* life-circle */
.inner-page{
                min-height: 145px;
                padding-top: 100px;
}
.inner-page-title h3{
                font-family: 'Play';
                font-weight: 700 !important;
                display: inline-block;
                line-height: 44px;
                text-transform: uppercase;
                color: var(--white);
                margin: 50px 0;
}
.inner-page-title{
                margin: auto 0;
}
@media screen and (max-width: 1024px) {
                .inner-page{
                                min-height: 82px;
                                padding-top: 78px;
                }
                .inner-page-title h3{
                                line-height: 21px;
                                margin: 30px 0;
                }
}
@media screen and (max-width: 576px) {
                .inner-page{
                                min-height: 70px;
                                padding-top: 66px;
                }
                .inner-page-title h3{
                                line-height: 1.2;
                                margin: 30px 0;
                }
}


/* __________________________________________________________________________________________________________ */
/* inner-page */
/* list */
.filter-title{
                text-transform: uppercase;
                font-size: 20px;
                font-weight: 700;
                background-color: #BCE1F7;
                padding: 17px 43px;
}
.filter-title-wrap.flex-row{
                gap: 20px;
}
.filter-add select{
                border: 2px solid #BCE1F7 ;
                width: 63px;
                height: 63px;
                font-size: 20px;
                font-weight: 700;
                text-align: center;
}
.filter-var option{

}
.filter-body{
                background-color: #BCE1F7;
                padding: 30px 40px 45px;
}
.filter-btns-wrap{
                margin-top: 30px;
}
.filter-btns-wrap.flex-row{
                justify-content: space-between;
}
.filter-body span{
                flex-shrink: 0;
                align-items: center;
                align-self: center;
}
.filter-body input{
                width: 100%;
                height: 48px;
                padding: 0 20px;
}
.filter-body .flex-row{
                gap: 50px;
}
.filter-btns.flex-row{
                gap: 20px;
}

/* .btn-filter{
                border-radius: 0;
                padding: 12px 50px;
                border: 1px solid var(--bg-dark);
                background: transparent;
}
.btn-filter-bl{
                background: var(--bg-dark);
                color: var(--white);
}

.btn-filter-sq{
                padding: 12px;
                width: 50px;
                height: 50px;
} */
/*  */
.btn-filter{
                border-radius: 0;
                padding: 12px 50px;
                border: 1px solid var(--bg-dark);
                background: transparent;
}
.btn-filter:link, .btn-filter:visited{
                border-radius: 0;
                padding: 12px 50px;
                border: 1px solid var(--bg-dark);
                background: transparent;
}
.btn-filter:hover, .btn-filter:active{}

.btn-filter-bl{
                background: var(--bg-dark);
                color: var(--white);
}
.btn-filter-bl:link, .btn-filter-bl:visited{
                background: var(--bg-dark);
                color: var(--white);
}
.btn-filter-bl:hover, .btn-filter-bl:active{}

.btn-filter-sq{
                padding: 12px;
                width: 50px;
                height: 50px;
}
.btn-filter-sq:link, .btn-filter-sq:visited{
                padding: 12px;
                width: 50px;
                height: 50px;
}
.btn-filter-sq:hover, .btn-filter-sq:active{}
/*  */

@media screen and (max-width: 768px) {
                .btn-filter{
                                padding: 12px;
                }
                .btn-filter:link, .btn-filter:visited{
                                padding: 12px;
                }
                .btn-filter:hover, .btn-filter:active{}
}
@media screen and (max-width: 576px) {
                .filter-body{
                                background-color: #BCE1F7;
                                padding: 20px 10px;
                }
                .filter-body .flex-row {
                                gap: 5px;
                }
                .filter-btns.flex-row{
                                gap: 5px;
                }
                .filter-title{
                                text-transform: uppercase;
                                font-size: 14px;
                                font-weight: 700;
                                background-color: #BCE1F7;
                                padding: 10px 20px;
                }
                .filter-title-wrap.flex-row{
                                gap: 20px;
                }
                .filter-add select{
                                border: 2px solid #BCE1F7 ;
                                width: 40px;
                                height: 40px;
                                font-size: 14px;
                                font-weight: 700;
                                text-align: center;
                }
}



.list-table table{
                width: 100%;
                border: 1px;
}
.list-table{
                border: 1px solid #D0D0D0;
}
.list-table-body th{
                background: #D0D0D0;
}
.list-table-body th, td{
                padding: 12px 20px;
                border-right: 1px solid #fff;
}
.list-status.flex-col{
                gap: 10px;
                margin: 30px 0;
}
.status-mark{
                width: 20px;
                height: 20px;
                border-radius: 50%;
                margin: 2px 5px;
                flex-shrink: 0;
}
.status-mark-red{
                background: #EE3636;
}
.status-mark-green{
                background: #2F8E33;
}
.status-mark-grey{
                background: #B7B7B7;
}

@media screen and (max-width: 1024px) {
                .list-table{
                                font-size: 14px;
                }
                .list-table-body th, td{
                                padding: 6px 10px;
                }
                .list-status{
                                font-size: 14px;
                }
}
@media screen and (max-width: 576px) {
                .list-table{
                                font-size: 10px;
                }
                .list-table-body th, td{
                                padding: 6px;
                }
}
@media screen and (max-width: 414px) {
                .list-table{
                                font-size: 8px;
                }
                .list-table-body th, td{
                                padding: 3px;
                }
                .list-status{
                                font-size: 12px;
                }
}



/* __________________________________________________________________________________________________________ */
/* inner-page */
/* request */

.paragraph-info{
                font-size: 20px;
                font-weight: 400;
                line-height: 1.5;
}
.paragraph-bl-text{
                color: var(--text-blue);
}
.request-items a{
                white-space: nowrap;
                color: var(--text-blue);
                position: relative;
}
.request-items a:after{
                position: absolute;
                content: url(/assets/request-link-finger.svg);
                top: 90%;
                right: -5%;
}
.paragraph-info a:link, .paragraph-info a:visited{
                text-decoration: underline;
}
.paragraph-info a:hover, .paragraph-info a:active{
                text-decoration: none;
}
.request-items li{
                position: relative;
                font-size: 18px;
                padding-bottom: 20px;
}
.request-items li:before{
                position: absolute;
                content: " ";
                top: 12px;
                left: -6%;
                width: 30px;
                height: 3px;
                background: #0C92E1;
}
.request-items ul{
                padding-left: 60px;
                padding-bottom: 20px;
}
.request-items span p::first-letter{
                font-weight: 700;
                color: #0C92E1;
                padding-right: 10px;
}


@media screen and (max-width: 768px){
                .request-items ul {
                                padding-left: 40px;
                                padding-bottom: 15px;
                }
                .request-items li:before {
                                position: absolute;
                                content: " ";
                                top: 12px;
                                left: -6%;
                                width: 30px;
                                height: 3px;
                                background: #0C92E1;
                }

}
@media screen and (max-width: 576px) {
                .paragraph-info{
                                font-size: 14px;
                                font-weight: 400;
                }

                .paragraph-info-bl{
                                font-size: 14px;
                                font-weight: 400;
                                color: var(--text-blue);
                }
                .request-items li{
                                position: relative;
                                padding-left: 10px;
                                padding-bottom: 15px;
                                font-size: 14px;
                }
                .request-items ul {
                                padding-left: 30px;
                                padding-bottom: 15px;
                }
                .request-items li:before {
                                position: absolute;
                                content: " ";
                                top: 10px;
                                left: -6%;
                                width: 20px;
                                height: 2px;
                                background: #0C92E1;
                }
}




/* __________________________________________________________________________________________________________ */
/* inner-page */
/* work-regulation */


.sq-ahead{
                position: relative;
                margin-left: 30px;
}
.sq-ahead:before{
                position: absolute;
                content: " ";
                width: 20px;
                height: 20px;
                background-color: var(--text-blue);
                top: 2px;
                left: 0%;
                margin-left: -30px;
}


/* ________________________________________________ */
.paragraph-info-18{
                font-size: 18px;
                font-weight: 400;
                line-height: 1.5;
                color: #2D2D2D;
}
.paragraph-info-16{
                font-size: 16px;
                font-weight: 400;
                line-height: 1.5;
                color: #2D2D2D;
}
.p-title{
                margin-bottom: 7px;
}
.li-m-left-75 li{
                margin-left: 75px;
}
.li-m-left-45 li{
                margin-left: 45px;
}
.line-li li{
                position: relative;
                padding-bottom: 20px;
}
.line-li li:before{
                position: absolute;
                content: " ";
                top: 13px;
                left: -5%;
                width: 30px;
                height: 3px;
                background: #0C92E1;
}
@media screen and (max-width: 768px){
                .line-li li:before {
                                position: absolute;
                                content: " ";
                                top: 13px;
                                left: -7%;
                                width: 30px;
                                height: 3px;
                                background: #0C92E1;
                }
}
@media screen and (max-width: 576px){
                .paragraph-info-16{
                                font-size: 14px;
                }
                .paragraph-info-18{
                                font-size: 16px;
                }
                .li-m-left-45 li{
                                margin-left: 50px;
                }
}


/* ________________________________________________ */
.regulation-accord-wrap .accordion {
                background-color: #BCE1F7;
                color: #444;
                cursor: pointer;
                padding: 18px  18px 18px 68px;
                width: 100%;
                border: none;
                text-align: left;
                outline: none;
                font-size: 18px;
                transition: 0.4s;
                font-weight: 700;
                position: relative;
}

.regulation-accord-wrap .active {
                background-color: #BCE1F7;
}
.regulation-accord-wrap .accordion:hover{
                color: var(--text-blue);
}
.regulation-accord-wrap .accordion:after {
                content: '\002B';
                color: #fff;
                font-size: 43px;
                font-weight: 300;
                line-height: 0.6;
                float: left;
                /* margin-left: -40px; */
                position: absolute;
                top: 18px;
                left: 25px;
}

.regulation-accord-wrap .active:after {
                color: var(--text-blue);
                transition: 0.4s;
}

.regulation-accord-wrap .panel {
                padding: 0 18px;
                background-color: #EBF5FB;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease-out;
                margin-bottom: 2px;
}

.regulation-accord-wrap .panel-content-wrap{
                padding: 25px 10px;
}

@media screen and (max-width: 576px){
                .regulation-accord-wrap .accordion {
                                background-color: #BCE1F7;
                                color: #444;
                                cursor: pointer;
                                padding: 16px 16px 16px 58px;
                                width: 100%;
                                border: none;
                                text-align: left;
                                outline: none;
                                font-size: 16px;
                                transition: 0.4s;
                                font-weight: 700;
                }
                .regulation-accord-wrap .accordion:after {
                                content: '\002B';
                                color: #fff;
                                font-size: 34px;
                                font-weight: 300;
                                line-height: 0.6;
                                float: left;
                                /* margin-left: -40px; */
                                top: 16px;
                }
                .line-li li:before {
                                position: absolute;
                                content: " ";
                                top: 10px;
                                left: -24%;
                                width: 30px;
                                height: 3px;
                                background: #0C92E1;
                }
}


/* __________________________________________________________________________________________________________ */
/* inner-page */
/* agreement */
.agreement-accord-wrap .accordion {
                background-color: #EBF5FB;
                color: #444;
                cursor: pointer;
                padding: 18px  18px 18px 68px;
                width: 100%;
                border: none;
                text-align: left;
                outline: none;
                font-size: 18px;
                transition: 0.4s;
                font-weight: 700;
                position: relative;
}

.agreement-accord-wrap .active {
                background-color: #EBF5FB;
                color: var(--text-blue);
}
.agreement-accord-wrap .accordion:hover{
                color: var(--text-blue);
}
.agreement-accord-wrap .accordion:after {
                content: '\002B';
                color: #323232;
                font-size: 43px;
                font-weight: 300;
                line-height: 0.6;
                float: left;
                /* margin-left: -40px; */
                margin-top: 0;
                position: absolute;
                top: 18px;
                left: 25px;
}

.agreement-accord-wrap .active:after {
                color: var(--text-blue);
                transition: 0.4s;
}

.agreement-accord-wrap .panel {
                padding: 0;
                background-color: #fff;
                max-height: 0;
                overflow: hidden;
                transition: max-height 0.3s ease-out;
                margin-bottom: 2px;
}

.agreement-accord-wrap .panel-content-wrap{
                padding: 25px 0px;
                /* overflow-x: scroll; */
}
.agreement-accord-wrap li{
                position: relative;
                padding-left: 30px;
}
.agreement-accord-wrap li:before{
                position: absolute;
                content: " ";
                top: 10px;
                left: 0;
                width: 20px;
                height: 3px;
                background: #0C92E1;
}

.table-agree{
                border-spacing: 0 1px;
}
.table-agree thead{}

.table-agree td{
                border-top: 1px solid var(--text-blue);
                border-right: 1px solid var(--text-blue);
                border-bottom: 1px solid var(--text-blue);
}
.table-agree td:nth-child(1){
                border-left: 1px solid var(--text-blue);
}
.table-agree th{
                text-align: center;
                background-color: var(--text-blue);
                color: var(--white);
                padding: 10px 50px;
                white-space: nowrap;
                border-right: 1px solid #fff;
                border-bottom: none;
}
.table-agree td{
                display: table-cell;
                vertical-align: top;
}

/* .matrix-table tr:nth-child(4){
                max-height: 170px;
} */
@media screen and (max-width: 1024px) {
                .table-agree th{
                                padding: 7px 10px;
                }
}
@media screen and (max-width: 576px) {
                .table-agree{
                                font-size: 10px;
                }
                .agreement-accord-wrap .accordion{
                                font-size: 16px;
                                padding: 16px 16px 16px 58px;
                }
                .agreement-accord-wrap .accordion:after {
                                content: '\002B';
                                color: #323232;
                                font-size: 34px;
                                font-weight: 300;
                                line-height: 0.6;
                                float: left;
                                top: 16px;

                }
                .agreement-accord-wrap li:before{
                                position: absolute;
                                content: " ";
                                top: 5px;
                                left: 0;
                                width: 20px;
                                height: 3px;
                                background: #0C92E1;
                }
}
@media screen and (max-width: 420px) {
                .table-agree{
                                font-size: 7px;
                }
                .agreement-accord-wrap li:before {
                                position: absolute;
                                content: " ";
                                top: 5px;
                                left: 0;
                                width: 20px;
                                height: 1px;
                                background: #0C92E1;
                }

}



/* __________________________________________________________________________________________________________ */
/* inner-page */
/* news-page */

.fs-single-news{
                height: 700px;
                width: 100%;
                padding-top: 100px;
                position: relative;
}
.fs-single-news-l-img{
                position: absolute;
                border-radius: 50px 0 0 50px;
                top: 0;
                right: 0%;
                z-index: 40;
                width: 45%;
                height: 700px;
                overflow: hidden;
                padding-top: 110px;
}
.fs-single-news-l-img img{
                width: 100%;
                height: 100%;
                object-fit: cover;
                overflow: hidden;
                border-radius: 52px 0 0 52px;
}
.fs-single-news-l-img:before {
                position: absolute;
                content: " ";
                width: 100%;
                height: 100%;
                bottom: 0;
                left: 0;
                background: linear-gradient(180deg,rgba(255, 255, 255, 0.055) 0%, #fff 100%);
                border-radius: 50px 0 0 50px;
}
.fs-single-news-title-width{
                max-width: 500px;
                position: relative;
                z-index: 50;
}
.fs-single-news-date{
                font-size: 24px;
                font-weight: 700;
}
.fs-single-news-title{
                font-size: 30px;
                font-weight: 700;
                color: var(--text-blue);
}
.single-news-page.flex-col{
                align-content: center;
                justify-content: center;
                align-self: center;
}
.single-news{
                padding-top: 70px;
                padding-bottom: 105px;
}
.single-news-smm.smm-follow:before{
                margin-top: 190px;
}

.news-body-text{
                margin-bottom: 50px;
}

.news-body-text ul {
        padding: 0 0 15px 45px;
}

.news-body-text ul li {
        list-style: disc;
        padding-bottom: 5px;
}

.border-blue{
                border: 2px solid var(--text-blue);
}
.news-body-btns.flex-row{
                gap: 20px;
}
.news-body-text a{
                color: var(--text-blue);
                font-weight: 700;
}
.paragraph-info-22{
                font-size: 22px;
                font-weight: 400;
                line-height: 1.5;
                color: #2D2D2D;
}
@media screen and (max-width: 576px) {
                .paragraph-info-22{
                                font-size: 16px;
                                font-weight: 400;
                                line-height: 1.5;
                                color: #2D2D2D;
                }
                .fs-single-news-l-img{
                                width: 100%;
                                opacity: 40%;
                                border-radius: 0;
                                padding-top: 70px;
                }
                .fs-single-news-l-img img{
                                border-radius: 0;
                }
                .fs-single-news-l-img:before {
                                border-radius: 0;
                }
                .fs-single-news-title {
                                font-size: 24px;
                                font-weight: 700;
                                color: var(--text-blue);
                }
                .fs-single-news-date {
                                font-size: 18px;
                                font-weight: 700;
                }
                .single-news {
                                padding-top: 40px;
                                padding-bottom: 40px;
                }
}


/* __________________________________________________________________________________________________________ */
/* inner-page */
/* documentation */


.documentation-title{
                font-size: 18px;
                font-weight: 700;
                /*text-transform: uppercase;*/
                color: #fff;
                padding: 40px 0;
}
.documentation-title span{
                white-space: nowrap;
                text-decoration: underline;
}
.documentation-title a:link, .documentation-title a:visited{
                position: relative;
                margin-right: 30px;
                display: block;
                white-space: nowrap;
                text-decoration: none !important;
                color: #fff;
}
.documentation-title a:hover, .documentation-title a:active{
                position: relative;
                margin-right: 30px;
                display: block;
                white-space: nowrap;
                text-decoration: underline;
                color: #fff;
}

.documentation-title a:after{
                position: absolute;
                content: url(/assets/breadcrumb-arrow.svg);
                width: 17px;
                height: 17px;
                top: 3px;
                right: 0;
                margin-right: -25px;
}
/*  */
.breadcrumb.flex-row{
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
}
/*  */
.left-menu-mobile{
                display: none;
}
.documentation-items{
                display: grid;
                gap: 30px;
                grid-template-columns: 260px 1fr;
                grid-template-rows: auto;
}
.left-menu{
                background: #EBF5FB;
}
.left-menu-desctop-links{
                padding: 40px 20px 0;
}
.left-menu-desctop-links li{
                padding-bottom: 17px;
}
.left-menu-desctop-links a:link, .left-menu-desctop-links a:visited{
                text-decoration: none;
}
.left-menu-desctop-links a:hover, .left-menu-desctop-links a:active, .left-menu-desctop-links a.active{
                text-decoration: underline;
}
.left-menu-desctop-search{
                padding: 60px 12px 0;
}
.left-menu-desctop-search input{
                border: 1px solid #9ABCD0;
                background: #fff;
                margin-bottom: 15px;
                width: 100%;
                padding: 12px;
}
.left-menu-desctop-versions{
                padding: 86px 20px 46px;
                font-size: 12px;
}

.doc-item-body{
                padding-top: 40px;
}
.documentation-item-title{
                font-size: 24px;
                font-weight: 700;
                color: var(--text-blue);
}
.doc-item-body-wrap.flex-row{
                justify-content: space-between;
}
.documentation-item-arrows.flex-row{
                gap: 30px;
}
.documentation-item-arrows button{
                outline: none;
                border: none;
                background-color: transparent;
}
/* .btn-left-menu-desctop{
                padding: 10px 40px;
                border-radius: 1px;
                font-size: 16px;
                font-weight: 400;
} */

/*  */
.btn-left-menu-desctop{
                padding: 10px 40px;
                border-radius: 1px;
                font-size: 16px;
                font-weight: 400;
}
.btn-left-menu-desctop:link, .btn-left-menu-desctop:visited{
                padding: 10px 40px;
                border-radius: 1px;
                font-size: 16px;
                font-weight: 400;
}
.btn-left-menu-desctop:hover, .btn-left-menu-desctop:active{}
/*  */

.left-menu-desctop-copyright{
                font-size: 12px;
                color: #fff;
                padding: 30px 30px 15px;
}

.doc-item-body-list{
                font-size: 18px;
                padding: 15px 0 50px 30px;
}
.doc-item-body-list li{
                position: relative;
                padding-bottom: 10px;
}
.doc-item-body-list li:before{
                position: absolute;
                content: " ";
                width: 16px;
                height: 16px;
                background-color: var(--text-blue);
                top: 6px;
                left: 0%;
                margin-left: -30px;
}
.doc-item-body-some-error{
                color: var(--text-blue);
                font-size: 12px;
                background: #EBF5FB;
                padding: 20px;
                max-width: 280px;
}

@media screen and (max-width: 768px){
                .documentation-items{
                                display: grid;
                                gap: 30px;
                                grid-template-columns: 225px 1fr;
                                grid-template-rows: auto;
                }
                .left-menu-desctop-links a:link, .left-menu-desctop-links a:visited{
                                font-size: 14px;
                }
                .left-menu-desctop-links a:hover, .left-menu-desctop-links a:active{
                                font-size: 14px;
                }
                .documentation-item-title{
                                font-size: 20px;
                }
                .doc-item-body-list{
                                font-size: 16px;
                                padding: 15px 0 50px 30px;
                }
}
@media screen and (max-width: 576px){
                .documentation-title {
                                font-size: 12px;
                                font-weight: 700;
                                text-transform: uppercase;
                                color: #fff;
                                padding: 20px 0;
                }
                .documentation-title a:after {
                                position: absolute;
                                content: url(/assets/breadcrumb-arrow.svg);
                                width: 17px;
                                height: 17px;
                                top: -1px;
                                margin-left: 5px;
                }
                .documentation block{
                                height: 150vh;
                }
                .left-menu-desctop{
                                display: none;
                }
                .documentation-items{
                                display: grid;
                                gap: 0px;
                                grid-template-columns: 1fr;
                                grid-template-rows: auto;
                }
                .doc-item-body-list{
                                font-size: 16px;
                                padding: 15px 0 50px 20px;
                }
                .doc-item-body-list li{
                                position: relative;
                                padding-bottom: 10px;
                                font-size: 14px;
                }
                .doc-item-body-list li:before{
                                position: absolute;
                                content: " ";
                                width: 12px;
                                height: 12px;
                                background-color: var(--text-blue);
                                top: 5px;
                                left: 0%;
                                margin-left: -20px;
                }
                .left-menu-mobile{
                                display: block;
                }

                .left-menu-mobile-wrap{
                                background: #EBF5FB;
                                padding: 10px;
                }
                .left-menu-mobile-item.flex-row{
                                justify-content: space-between;
                                font-size: 12px;
                }
                .left-menu-mobile-items{
                                cursor: pointer;
                }
                .left-menu-mobile-item li{
                                position: relative;
                }
                .left-menu-mobile-item li:hover{
                                text-decoration: underline;
                }
                .left-menu-mob-subtitle{
                                display: none;
                                /* display: block; */
                                position: absolute;
                                left: -20px;
                                top: 15px;
                                width: 1000%;
                                height: auto;
                                padding: 30px 0 0 20px;
                                z-index: 50;
                }
                .left-menu-mobile-item>li:hover .left-menu-mob-subtitle{
                                display: block;
                }
                .left-menu-mob-subtitle li{
                                font-size: 12px;
                                padding-bottom: 10px;
                }
                .left-menu-desctop-search{
                                font-size: 12px;
                                padding: 20px 0;
                }
                .left-menu-desctop-versions{
                                font-size: 10px;
                                padding: 0 0 15px;
                }
                .left-menu-desctop-search input{
                                max-width: 170px;
                                height: 30px;
                }
                .left-menu-desctop-copyright{
                                padding: 15px 25px;
                                margin-left: -20px;
                }
                .left-menu-desctop-copyright p{
                                margin-bottom: 0;
                }
                .left-menu-desctop-search .flex-row{
                                gap: 10px;
                }
                /* .btn-left-menu-desctop{
                                padding: 5px 40px;
                                border-radius: 1px;
                                font-size: 12px;
                                font-weight: 400;
                                height: 30px;
                } */
                /*  */
                .btn-left-menu-desctop{
                                padding: 5px 40px;
                                border-radius: 1px;
                                font-size: 12px;
                                font-weight: 400;
                                height: 30px;
                }
                .btn-left-menu-desctop:link, .btn-left-menu-desctop:visited{
                                padding: 5px 40px;
                                border-radius: 1px;
                                font-size: 12px;
                                font-weight: 400;
                                height: 30px;
                }
                .btn-left-menu-desctop:hover, .btn-left-menu-desctop:active{}
                /*  */
}
















/* __________________________________________________________________________________________________________ */
/* inner-page */

/* pop-up */
.all-pop-up{
                background: #EBF5FB;
}


.pop-up{
                max-width: 700px;
                margin: auto;
}
.pop-up-wrap{
                border-radius: 1px;
                background: #fff;
                margin: 20px;
}
.pop-up-items{
                padding: 0px 125px 55px;
}
.pop-up-title{
                font-family: 'Play';
                font-size: 30px;
                font-weight: 700;
                text-align: center;
                text-transform: uppercase;
                margin-bottom: 25px;
}
.close-pop-up{
                width: 40px;
                height: 40px;
                border-radius: 40px;
                position: relative;
                z-index: 1;
                margin: 0 0 0 auto;
                cursor: pointer;
}
.close-pop-up:before {
                content: url(/assets/pop-up-close.svg);
                position: absolute;
                z-index: 2;
                font-size: 50px;
                font-weight: 700;
                line-height: 1;
                top: 20px;
                left: -20px;
                transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
}
.close-pop-up:hover:after {
                transform: scale(-2);
}
.close-pop-up:hover:before {
                transform: scale(0.8) rotate(90deg);
                color: #fff;
}
.pop-up-inputs-wrap {
                display: grid;
                grid-template-columns: 1fr;
                grid-template-rows: auto;
                justify-content: center;
                align-self: stretch;
                align-items: stretch;
}
.pop-up-input{
                border: 2px solid #249DE3;
                border-radius: 9px;
                background: #fff;
                width: 100%;
                height: 50px;
                margin: 0px auto 10px;
                padding: 2px 2px 2px 55px;
                font-family: 'Play';
                font-size: 18px;
                font-weight: 300;
                text-transform: uppercase;
                width: 100%;
}
.pop-up-name{
                display: block;
                position: relative;
                overflow: visible;
}
.pop-up-name:before{
                position: absolute;
                content: url(/assets/pop-up-chel.svg);
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                padding-top: 10px;
                padding-left: 12px;
}
.pop-up-tel{
                display: block;
                position: relative;
                overflow: visible;
}
.pop-up-tel:before{
                position: absolute;
                content: url(/assets/pop-up-tel.svg);
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                padding-top: 10px;
                padding-left: 12px;
}
.pop-up-theme{
                display: block;
                position: relative;
                overflow: visible;
}
.pop-up-theme:before{
                position: absolute;
                content: url(/assets/pop-up-theme.svg);
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                padding-top: 10px;
                padding-left: 12px;
}
.pop-up-email{
                display: block;
                position: relative;
                overflow: visible;
}
.pop-up-email:before{
                position: absolute;
                content: url(/assets/pop-up-theme.svg);
                top: 0;
                left: 0;
                width: 30px;
                height: 30px;
                padding-top: 10px;
                padding-left: 12px;
}
.pop-up-agree-wrap.flex-col{
                justify-content: center;
                align-items: flex-start;
                margin-left: 20px;
}
.pop-up-agree.flex-row {
        justify-content: center;
        margin-top: 20px;
        font-size: 14px;
        color: #0178be;
}

.pop-up-agree a:link, .pop-up-agree a:visited {
        color: var(--text-blue);
        text-decoration: underline;
}

.pop-up-agree a:hover, .pop-up-agree a:active{
        text-decoration: none;
}

label input{
                display: none;
}
label span{
                display: inline-block;
                width: 18px;
                height: 18px;
                border: 1px solid #249DE3;
                position: relative;
                background-color:#249DE3;
                border-radius: 3px;
                padding: 3px;
                margin-top: 5px;
                margin-right: 10px;
                overflow: hidden;
}
[type=checkbox]:checked + span:before {
        content: '\2714';
        background: #249DE3;
        position: absolute;
        top: -5px;
        left: 0;
        font-size: 20px;
        color: #fff;
}
.pop-up-checkbox{
                margin-top: 5px;
                margin-right: 10px;
}
.pop-up-capcha{
                margin: 20px auto 10px;
                max-width: 250px;
}
.pop-up-login span{
                display: block;
                margin-bottom: 15px;
}
.input-login, .input-password{
                padding-left: 20px;
}

.other-login{
                margin-top: 65px;
}
.other-login img{
                width: 60px;
                height: 60px;
                border-radius: 100%;
}
.other-login .flex-row{
                gap: 10px;
                justify-content: space-between;
                margin: 20px auto;
}

.login-add-link{
                margin-top: 90px;
}
.login-add-link.flex-row{
                justify-content: center;
}
.login-add-link a:link, .login-add-link a:visited{
                display: block;
                color: var(--text-blue);
                text-decoration: none;
                font-size: 20px;
}
.login-add-link a:hover, .login-add-link a:active{
                text-decoration: underline;
}
.login-add-link span{
                margin: 0 10px;
                color: var(--text-blue);
}
/*  */
.btn-pop-up{
                display: block;
                margin: 20px auto;
                width: 100%;
                cursor: pointer;
}
.btn-pop-up:link, .btn-pop-up:visited{
                display: block;
                margin: 20px auto;
                width: 100%;
                cursor: pointer;
}
.btn-pop-up:hover, .btn-pop-up:active{
                transition: 0.3s;
                cursor: pointer;
}
/*  */

@media screen and (max-width: 768px){
                .pop-up-items{
                                padding: 0px 70px 40px;
                }
}
@media screen and (max-width: 576px){
                .pop-up-title{
                                font-family: 'Play';
                                font-size: 24px;
                                font-weight: 700;
                                text-align: center;
                                text-transform: uppercase;
                                margin-bottom: 25px;
                }
                .pop-up-items{
                                padding: 0px 40px 30px;
                }
                /*  */
                .btn-pop-up{
                                display: block;
                                margin: 20px auto;
                                width: 100%;
                                padding: 15px;
                                font-size: 18px;
                }
                .btn-pop-up:link, .btn-pop-up:visited{
                                display: block;
                                margin: 20px auto;
                                width: 100%;
                                padding: 15px;
                                font-size: 18px;
                }
                .btn-pop-up:hover, .btn-pop-up:active{}
                /*  */

}
@media screen and (max-width: 414px){
                .pop-up-title{
                                font-family: 'Play';
                                font-size: 20px;
                                font-weight: 700;
                                text-align: center;
                                text-transform: uppercase;
                                margin-bottom: 25px;
                }
                .close-pop-up{
                                width: 30px;
                                height: 30px;
                                border-radius: 40px;
                                position: relative;
                                z-index: 1;
                                margin: 0 0 0 auto;
                                cursor: pointer;
                }
                .close-pop-up:before {
                                content: url(/assets/pop-up-close.svg);
                                color: #cccccc;
                                position: absolute;
                                z-index: 2;
                                font-size: 50px;
                                font-weight: 700;
                                line-height: 1;
                                top: 5px;
                                left: -15px;
                                transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85);
                }
                .login-add-link{
                                margin-top: 40px;
                }
                .other-login{
                                margin-top: 30px;
                                cursor: pointer;
                }
                .other-login img {
                                width: 50px;
                                height: 50px;
                                border-radius: 100%;
                }
                .login-add-link.flex-row{
                                justify-content: center;
                                flex-wrap: wrap;
                }
                .login-add-link a:link, .login-add-link a:visited{
                                display: block;
                                font-size: 16px;
                                padding: 20px;
                }
                .login-add-link a:hover, .login-add-link a:active{
                                text-decoration: underline;
                }
                .login-add-link span{
                                display: none;
                }
                .pop-up-agree-wrap.flex-col{
                                justify-content: center;
                                align-items: flex-start;
                                margin-left: 0px;
                }
}
@media screen and (max-width: 320px){
                .other-login img {
                                width: 40px;
                                height: 40px;
                                border-radius: 100%;
                }
                .login-add-link a:link, .login-add-link a:visited{
                                display: block;
                                font-size: 16px;
                                padding: 20px 0;
                }
                .pop-up-items{
                                padding: 0px 20px 20px;
                }

}

/* ------------------------------------------------------------------------------------ */

.article ADDRESS, #doc_content ADDRESS {
                line-height: 1.3;
                margin: .6em 0;
}

.article BLOCKQUOTE, #doc_content BLOCKQUOTE {
                margin-top: .75em;
                line-height: 1.5;
                margin-bottom: .75em;
}

.article, #doc_content, .article p, #doc_content p {
                /*margin: 1em 10% 1em 10%;*/
                line-height: 1.2;
                color: rgb(42,42,42);

 font-family: 'Manrope', sans-serif;
    font-size: 13pt !important;
}

.article DIV.example-output, #doc_content DIV.example-output {
        padding-left: 15px;
        border-style: solid;
        border-width: 0px;
        border-left-width: 2px;
        border-color: black;
}

.article div.note, #doc_content div.note {
        border: 1px solid #ccc;
        border-radius:5px;
        -webkit-border-radius:6px;
        -moz-border-radius:5px;
        -khtml-border-radius:5px;
        margin-bottom: 1em;
}

.article div.note .title, #doc_content div.note .title {
        background-color: rgb(235,235,235);
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding-top: 10px;
        padding-left: 20px;
        padding-bottom:10px;
        font-size: 110%;
}

.article div.note p, #doc_content div.note p {
        padding-left: 20px;
        padding-right: 20px;
        margin-top: 1em;
        margin-bottom: 1em;
}

.article pre, #doc_content pre {
                white-space: pre-wrap;       /* Since CSS 2.1 */
                white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
                white-space: -pre-wrap;      /* Opera 4-6 */
                white-space: -o-pre-wrap;    /* Opera 7 */
                word-wrap: break-word;       /* Internet Explorer 5.5+ */
                overflow-x: hidden;
}

.article pre.screen, #doc_content pre.screen {
        background: #E8E8E8;
        padding: 5px;
        border: 1px solid #ccc;
        margin-bottom: 30px;
}

.article pre.synopsis, #doc_content pre.synopsis {
        background: white;
        border: 1px solid #ccc;
        padding: 5px;
        /*background: rgb(255,255,255); /* Old browsers */
        /*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(223,223,223,1) 100%); /* FF3.6+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfdfdf',GradientType=0 ); /* IE6-8 */
        border-radius:5px;
 -webkit-border-radius:6px;
 -moz-border-radius:5px;
 -khtml-border-radius:5px;
}

.article pre.programlisting, #doc_content pre.programlisting {
                background-color: rgb(237,237,237);
                padding: 15px;
                border: 1pt solid #ccc;
                border-style: solid;
                font-family: Courier New;
                font-size : 80%;
        overflow-y: hidden;
}

.article div.example-source, #doc_content div.example-source {
        background: #E8E8E8;
}

.article p.publisher, #doc_content p.publisher {
        text-align: center;
}

.article div.component-title, #doc_content div.component-title {
        text-align: right;
}

.article h1,.article h2,.article h3,.article h4,.article h5,.article h6,
#doc_content h1, #doc_content h2, #doc_content h3, #doc_content h4, #doc_content h5, #doc_content h6 {
        font-family: "Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
        color: #000;
        border: none;
}

.article h1, #doc_content h1 {
        font-size: 200%;
}

.article h2, #doc_content h2 {
        padding-top: 20px;
        font-size: 180%;
}

.article h3, #doc_content h3 {
        padding-top: 10px;
        font-size: 170%;
}

.article h4, #doc_content h4 {
        font-size: 160%;
}

.article h5, #doc_content h5 {
        font-size: 150%;
}

.article h6, #doc_content h6 {
        font-size: 140%;
}

#doc_content .titlepage h1, #doc_content .titlepage h2, #doc_content .titlepage h3, #doc_content .titlepage h4, #doc_content .titlepage h5, #doc_content .titlepage h6,
#doc_content > h1 {
        font-family: "Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
        color: #000;
        border: none;
        font-size: 160%;
        font-weight: normal;
        padding:0;
        margin: 0;
}

#doc_content .titlepage, #doc_content > h1 {
        margin-bottom: 20px;
}

.article h1.label, #doc_content h1.label {
        font-size: 150pt;
        font-weight: normal;
        font-family: sans-serif;
        margin-bottom: 0px;
        padding-bottom: 0px;
        margin-top: 0px;
        padding-top: 0px;
}

.article div.component-title h1.title, #doc_content div.component-title h1.title {
        font-family: sans-serif;
        margin-top: 0px;
        padding-top: 0px;
        margin-right: 20px;
        font-size: 36pt;
}

.article p.alpha-version, #doc_content p.alpha-version {
        margin-top: 0px;
        padding-top: 0px;
}

.article hr.component-separator, #doc_content hr.component-separator {
        height: 1px;
}

.article div.refentry div.titlepage, #doc_content div.refentry div.titlepage {
        margin-left: 20px;
}

.article div.refentry div.titlepage h1.title, #doc_content div.refentry div.titlepage h1.title {
        margin-left: -20px;
        margin-bottom: 0px;
        font-size: 36pt;
}

.article body, #doc_content body {
        margin-top: 0px;
        padding-top: 0px;
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
}

.article div.navheader, #doc_content div.navheader {
        padding-top: 2px;
        background-color: #c6bec6;
        padding-right: 2px;
        border-bottom-style: solid;
        border-bottom-width: 1px;
}

.article div.navfooter, #doc_content div.navfooter {
        background-color: #c6bec6;
        margin-bottom: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
        padding-right: 10px;
        border-top-style: solid;
        border-top-width: 1px;
        padding-top: 2px;
}

.article div.copyrightfooter, #doc_content div.copyrightfooter {
        background-color: #c6bec6;
        margin-top: 0px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        padding-bottom: 2px;
}

.article div.copyrightfooter p, #doc_content div.copyrightfooter p {
        margin-top: 0px;
        padding-top: 10px;
}

.article div.refentry,
.article div.preface,
.article div.chapter,
.article div.appendix,
.article div.reference,
.article div.part,
.article div.bibliography,
.article div.glossary,
.article div.index,
.article div.colophon,
.article div.legalnotice,
#doc_content div.refentry,
#doc_content div.preface,
#doc_content div.chapter,
#doc_content div.appendix,
#doc_content div.reference,
#doc_content div.part,
#doc_content div.bibliography,
#doc_content div.glossary,
#doc_content div.index,
#doc_content div.colophon,
#doc_content div.legalnotice{
        margin-left: 10px;
        margin-right: 10px;
}

div.book, #doc_content div.book {
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 5px;
}

.article thead, #doc_content thead {
        background-color: rgb(235,235,235);
        color: #000;
        text-align:center;
}

.article td.segtitle, #doc_content td.segtitle {
border: 1px;
}

.article table, #doc_content table {
        margin:0 auto 5px;
        width:98%;
        border-collapse:collapse;
        border-width: 1px;
        border-color: #bbb;
        clear:both;
}

.article table th, .article table td,
#doc_content table th, #doc_content table td {
        padding: 8px 10px;
        border-width: 1px;
        border-color: #bbb;
}
.frame-none td {
        border-color: #bbb0 !important;
}
.article table.frame-topbot, #doc_content table.frame-topbot {
        border-top-style: solid;
        border-bottom-style: solid;
}

.article table.frame-top, #doc_content table.frame-top {
        border-top-style: solid;
}

.article table.frame-bottom, #doc_content table.frame-bottom {
        border-bottom-style: solid;
}

.article table.frame-sides, #doc_content table.frame-sides {
        border-right-style: solid;
        border-left-style: solid;
}

.article table.frame-all, .article table.frame-all th, .article table.frame-all td,
#doc_content table.frame-all, #doc_content table.frame-all th, #doc_content table.frame-all td {
        border-style: solid;
}

.article table.productionset, #doc_content table.productionset {
        border: 0px;
}

.article div.docbookng-synopsis, #doc_content div.docbookng-synopsis {
        border-left: 0.5pt solid black;
        margin-left: 0.25in;
        padding-left: 0.25in;
        border-top: 0.5pt solid black;
        margin-top: 0.25in;
        border-bottom: 0.5pt solid black;
        margin-bottom: 0.25in;
}

.article div.docbookng-synopsis div.define-next, #doc_content div.docbookng-synopsis div.define-next {
        border-top: 0.5pt solid black;
        margin-top: 0.25in;
        padding-top: 0.25in;
}
/*
div.toc-wrapper, #doc_content div.toc-wrapper {
        width: 280px;
        position: fixed;
        height: 100%;
        bottom: 0;
        overflow: hidden;
        background-color: #fff;
}
*/
.chunk-toc-wrapper, #doc_content .chunk-toc-wrapper {
        height: 100%;
}

.article .chunk-content {
        position: absolute;
        padding-left: 320px;
        padding-bottom: 100px;
}

#doc_content .chunk-content {
        padding-left: 0px;
}

.article .chunk-content .article > .section, #doc_content .chunk-content .article > .section {
        padding-left: 0px;
}

iframe.toc-frame, #doc_content iframe.toc-frame {
        width: 320px;
        height: 100%;
        position: fixed;
        border: none;
}

iframe.toc-frame div.toc-wrapper, #doc_content iframe.toc-frame div.toc-wrapper {
        height: 100%;
}

div.toc, #doc_content  div.toc {
        width: 280px;
        height: 100%;
        overflow: auto;
        color: rgb(76,76,76);
}

div.toc a, #doc_content  div.toc a {
        color: rgb(76,76,76);
        padding-left: 2px;
        border-left-style: solid;
        border-left-width: 3px;
        border-left-color: transparent;
}

div.toc a:hover, #doc_content  div.toc a:hover {
        background-color: rgb(240,240,240);
        color: #000;
        border-left-color: #007DC5;
}

div.toc ul, #doc_content div.toc ul{
        list-style: none;
        padding-left: 0px;
}

div.toc ul.toc, #doc_content div.toc ul.toc {
        padding-bottom: 50px;
}

div.toc li ul a, #doc_content div.toc li ul a {
        padding-left: 12px;
}

div.toc li ul li ul a, #doc_content div.toc li ul li ul a {
        padding-left: 22px;
}

div.toc li ul li ul li ul a, #doc_content div.toc li ul li ul li ul a {
        padding-left: 32px;
}

div.toc li a, #doc_content div.toc li a {
        text-decoration: none;
        font-size: 13px;
        font-family: "Segoe UI", Verdana, Arial;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-right: 5px;
        display: block;
}

.article {
        position: relative;
        padding-bottom: 100px;
}

#doc_content, #doc_content .article {
        padding-bottom: 0px;
}

.article > .titlepage, .article > .section, .article > .appendix, .article > .index {
        padding-left: 20px;
}

.article > .titlepage hr{
        display: none;
}

#doc_content > .titlepage, #doc_content > .article > .titlepage, #doc_content > .section, #doc_content > .appendix, #doc_content > .index {
        padding-left: 0px;
}

.article > .titlepage .title, #doc_content > .titlepage .title, #doc_content > .article > .titlepage .title {
        margin-bottom: 15px;
        font-style: normal;
}

.article > .titlepage .subtitle, #doc_content > .titlepage .subtitle, #doc_content > .article > .titlepage .subtitle {
        margin: -15px 0px 0px 0px;
        padding: 0;
        font-style: normal;
}

.article > .titlepage .subtitle em {
        font-style: normal;
}

#doc_content > .titlepage .subtitle em, #doc_content > .article > .titlepage .subtitle em {
        font-style: normal;
        font-weight: normal;
}

 .article .arrow-right, #doc_content .arrow-right {
        width: 0;
        height: 0;
        border-top: 5px solid transparent;
        border-bottom: 5px solid transparent;

        border-left: 5px solid black;
}

.article  .arrow-down, #doc_content  .arrow-down {
        width: 0;
        height: 0;
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;

        border-top: 5px solid black;
}

.article code, #doc_content code {
        color: #000;
        background-color: rgb(237,237,237);
        font-weight: bold;
        font-family: Helvetica, Arial;
        //font-size: 15px;

}

.article code.option, .article code.function, .article code.filename, .parameter code,
#doc_content code.option, #doc_content code.function, #doc_content code.filename, #doc_content .parameter code {
        font-family: Courier, Helvetica, Arial;
        font-weight: normal;
}

.article div.productionset, #doc_content div.productionset {
        padding: 0px 20px 5px 20px;
        background-color: rgb(237,237,237);
        border: solid 1px #ccc;
        border-radius:3px;
        -webkit-border-radius:4px;
        -moz-border-radius:3px;
        -khtml-border-radius:3px;
}

.article div.production-line, #doc_content div.production-line {
        margin-top: 10px;
        margin-bottom: 10px;
}

.article div.production-lhs, #doc_content div.production-lhs {
        display: inline-block;
        vertical-align: top;
        /*font-weight: bold;*/
}

.article div.production-lhs code, #doc_content div.production-lhs code {
        font-weight: normal;
        background-color: transparent;
}

.article div.production-rhs, #doc_content div.production-rhs {
        display: inline-block;
        vertical-align: bottom;
        color: #000;
        padding-left: 10px;
}

.article .orderedlist.nonum, #doc_content .orderedlist.nonum {
        list-style: none;
        padding-left: 20px;
}

.article .orderedlist.nonum > li, #doc_content .orderedlist.nonum > li {
        padding-bottom: 15px;
}

section.section > p, section.section li, section.appendix > p, section.appendix li,
#doc_content section.section > p, #doc_content section.section li, #doc_content section.appendix > p, #doc_content section.appendix li {
        text-align: justify;
 font-family: 'Manrope', sans-serif;
    font-size: 13pt !important;
}

.article a.nonterminal:before, #doc_content a.nonterminal:before {
        content: '<'
}
.article a.nonterminal:after, #doc_content a.nonterminal:after {
        content: '>'
}

.article .segtitle, #doc_content .segtitle {
        text-align: left;
}

.article .figure .figure-title, #doc_content .figure .figure-title {
        font-weight: normal;
        margin-top: 0.5em;
        margin-bottom: 1em;
}

.article .table .table-title, #doc_content .table .table-title {
        font-weight: normal;
        margin-bottom: 1em;
}

.article .table .table-contents td p, #doc_content .table .table-contents td p {
        margin: 0;
}

.article .guimenu, #doc_content .guimenu {
        font-weight: bold;
}

.article .errorname, .article .application,
#doc_content .errorname, #doc_content .application {
        font-family: Courier, Helvetica, Arial;
}

.article pre.synopsis, #doc_content pre.synopsis {
        border: none;
}

.article .informaltable thead, #doc_content .informaltable thead {
        background-color: transparent;
}

.article th.rowsep, #doc_content th.rowsep {
        border-bottom: 1px solid #bbb;
}

.article section h5, #doc_content section h5 {
        margin-bottom: 0px;
}

.article .hide, #doc_content .hide {
        display: none
}

.article .phrase, #doc_content .phrase {
        display: inline-block;
}

.article .pre-title, #doc_content .pre-title {
        margin-bottom: 0px;
        padding: 0;
}

.article .pre-title+.title {
        font-style: normal;
        padding: 0;
}

#doc_content .pre-title+.title {
        font-weight: normal;
}

.article dl.variablelist dt, #doc_content dl.variablelist dt {
        padding-top: 10px;
}

.article .figure-contents .mediaobject table, #doc_content .figure-contents .mediaobject table {
        margin-left: 0px;
        margin-right: 0px;
}

.article .figure-contents .mediaobject table td, #doc_content .figure-contents .mediaobject table td {
        padding-left: 0px;
        padding-right: 0px;
}

#doc_content td, #doc_content td p {
        font-size: inherit;
}

#doc_content td p {
        margin: 0;
}

ol.orderedlist[type="1)"] {
        counter-reset: item;
        margin-left: 0;
        padding-left: 0;
}
ol.orderedlist[type="1)"] > li.listitem {
        list-style: none;
        display: block;
        margin-left: 40px
}
ol.orderedlist[type="1)"] > li.listitem > :first-child:before {
        display: inline-block;
        content: counter(item) ") ";
        counter-increment: item;
        width: 40px;
        margin-left: -40px;
        padding-right: 2px;
        text-align: right;
}
/* #DOC-1771: Сломана нумерация примеров */
#doc_content ol.orderedlist[type="1)"] > li.listitem > pre.programlisting {
        padding-left: 30px
}

ol.orderedlist[type="1"] {
        counter-reset: item;
        margin-left: 0;
        padding-left: 0;
}
ol.orderedlist[type="1"] > li.listitem {
        list-style: none;
        display: block;
        margin-left: 40px
}
ol.orderedlist[type="1"] > li.listitem > :first-child:before {
        display: inline-block;
        content: counter(item) ". ";
        counter-increment: item;
        width: 40px;
        margin-left: -40px;
        padding-right: 2px;
        text-align: right;
}

.doc-item-body ul {
        font-size: 18px;
        padding: 15px 0 50px 30px;
}

.doc-item-body ul li {
        position: relative;
        padding-bottom: 0px;
}

.doc-item-body ul li:before {
        position: absolute;
        content: " ";
        width: 16px;
        height: 16px;
        background-color: var(--text-blue);
        top: 3px;
        left: 2px;
        margin-left: -30px;
}

/* ------------------------------------------------------------------------------------ */
.popup-window {
        /* padding: 45px 60px !important; */
                width: 700px;
                padding: 55px 125px !important;
}
.popup-window h3{
        font-family: 'Play';
        font-size: 28px;
        font-weight: 500;
        text-align: center;
        text-transform: uppercase;
        margin-bottom: 20px;
        color: var(--title-dark);
}
/*  */
.popup-window-titlebar {
        /* height: auto;
        text-align: center;
        padding-bottom: 30px; */
        height: auto;
        text-align: center;
        width: 100%;
        padding: 0px 0px 30px;
        margin: 0 auto;
}
/*  */
@media screen and (max-width: 1280px){
                .popup-window {
                        /* padding: 45px 60px !important; */
                        max-width: 100%;
                }
                .popup-window-titlebar {
                                /* height: auto;
                                text-align: center;
                                padding-bottom: 30px; */
                                height: auto;
                                text-align: center;
                                width: 100%;
                                padding: 0px 0px 30px;
                                margin: 0 auto;
                }
}
@media screen and (max-width: 768px){
                .popup-window {
                                padding: 45px 60px !important;
                        }
}
@media screen and (max-width: 576px){
                .popup-window {
                                padding: 40px 30px !important;
                        }
}
.popup-window-titlebar span {
        padding: 0 !important;
        text-transform: uppercase;
        text-align: center;
}

.popup-window-close-icon:after {
        display: block;
        position: absolute;
        top: 40px;
        left: -20px;
        -webkit-transform: translate3d(-50%,-50%,0);
        transform: translate3d(-50%,-50%,0);
        width: 40px;
        height: 40px;
        background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.787 1L5 3.787 2.213 1 1 2.213 3.787 5 1 7.787 2.213 9 5 6.213 7.787 9 9 7.787 6.213 5 9 2.213' fill='%23999' fill-rule='evenodd'/%3E%3C/svg%3E);
        background-repeat: no-repeat;
        background-size: cover;
        content: "";
        /* content: url(/assets/pop-up-close.svg);
        transition: all 0.3s cubic-bezier(0.77, 0, 0.2, 0.85); */
}
@media screen and (max-width: 576px){
                .popup-window-close-icon:after {
                                top: 20px;
                                left: 10px;
                                width: 30px;
                                height: 30px;

                        }
}
/*  */
.popup-window-with-titlebar .popup-window-content {
                padding: 0 15px 15px 15px;
}

.popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content {
                background-color: #fff;
}

.hidden {
                display: none;
}

.text-center {
                text-align: center;
}

.popup-window-titlebar span {
                text-align: center;
                font-size: 28px;
                font-weight: 600;
                padding: 15px 0 0 15px;
}
@media screen and (max-width: 576px){
                .popup-window-titlebar span {
                                text-align: center;
                                font-size: 20px;
                                font-weight: 600;
                }
}
.popup-window.popup-window-with-titlebar {
                padding: 15px 0;
}
/*  */

.input-name{
        display: block;
        background: url(/assets/pop-up-chel.svg) left no-repeat;
        background-position-x: 10px;
}

.input-tel{
        display: block;
        background: url(/assets/pop-up-tel.svg) left no-repeat;
        background-position-x: 10px;
}

.input-theme{
        display: block;
        background: url(/assets/pop-up-theme.svg) left no-repeat;
        background-position-x: 10px;
}
.input-mail{
                display: block;
                background: url(/assets/pop-up-email.svg) left no-repeat;
                background-position-x: 10px;
        }

#doc_content .titlepage {
        max-width: calc(100% - 80px);
}

.block-content.content ol {
        font-size: 18px;
        padding: 15px 0 50px 30px;
}

.block-content.content ol li {
        position: relative;
        padding-bottom: 10px;
}


.block-content.content ul {
        font-size: 18px;
        padding: 15px 0 50px 30px;
}

.block-content.content ul li {
        position: relative;
        padding-bottom: 10px;
        list-style: disc;
}





#cookie_notification{
        display: none;
        justify-content: space-between;
        align-items: flex-end;
        position: fixed;
        bottom: 15px;
        left: 50%;
        width: 1000px;
        max-width: 90%;
        transform: translateX(-50%);
        padding: 25px;
        background-color: white;
        border-radius: 4px;
        box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
        z-index: 1000;

}

.cookie_accept {
        padding: 5px 15px;
        cursor: pointer;
        background: #0178BE;
        color: #fff;
        border: none;
        font-size: 18px;
        top: -8px;
        position: relative;

}

#cookie_notification p{
        margin: 0;
        font-size: 1rem;
        text-align: left;
        color: #000;
}

#cookie_notification a:link,#cookie_notification a:visited {
        text-decoration: underline;
}

#cookie_notification a:hover,#cookie_notification a:active {
        text-decoration: none;
}

@media (min-width: 576px){
        #cookie_notification.show{
                display: flex;
        }
        .cookie_accept{
                margin: 0 0 0 25px;
        }
}

@media (max-width: 575px){
        #cookie_notification.show{
                display: block;
                text-align: left;
        }
        .cookie_accept{
                margin: 10px 0 0 0;
        }
}

body.admin_panel {
        padding-top: 150px;
}

/* ------------------------------------------------------------------------------------ */
#doc_content img {
        max-width: 100%;
}

/*
#doc_content table td {
        border: none !important;
        border-color: transparent !important;
}
*/

#doc_content a:link, #doc_content a:visited {
        text-decoration: underline;
}

#doc_content a:hover, #doc_content a:active{
        text-decoration: none;
}

.doc-item-body ol li:before {
        display: none;
}

h1,h2,h3,h4,h5,h6 {
        font-family: "Segoe UI","Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
        color: #000;
        border: none;
        font-weight: normal;
        padding:0;
        margin: 0;
        text-transform: none !important;
}

div.toc-wrapper, #doc_content div.toc-wrapper {
    display: none !important;
}



pre {
    margin-bottom: 10px;
    margin-top: 10px;
}
/* End */
/* /bitrix/templates/linter_1bit_documentations/template_styles.css?1738240554296950 */
