/* ---------- ********** ШРИФТЫ ********** ----------- */


@font-face {
	font-family: 'Montserrat';
    font-weight: 400;
	src: url('../fonts/montserrat_regular.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/montserrat_regular.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/montserrat_regular.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/montserrat_regular.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/montserrat_regular.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/montserrat_regular.svg#montserrat_regular') format('svg'); /* Chrome < 4, Legacy iOS */
}




@font-face {
	font-family: 'Montserrat';
    font-weight: 500;
	src: url('../fonts/montserrat_medium.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/montserrat_medium.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/montserrat_medium.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/montserrat_medium.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/montserrat_medium.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/montserrat_medium.svg#montserrat_medium') format('svg'); /* Chrome < 4, Legacy iOS */
}




@font-face {
	font-family: 'Montserrat';
    font-weight: 600;
	src: url('../fonts/montserrat_semibold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/montserrat_semibold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/montserrat_semibold.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/montserrat_semibold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/montserrat_semibold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/montserrat_semibold.svg#montserrat_semibold') format('svg'); /* Chrome < 4, Legacy iOS */
}




@font-face {
	font-family: 'Montserrat';
    font-weight: 700;
	src: url('../fonts/montserrat_bold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/montserrat_bold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/montserrat_bold.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/montserrat_bold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/montserrat_bold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/montserrat_bold.svg#montserrat_bold') format('svg'); /* Chrome < 4, Legacy iOS */
}




@font-face {
	font-family: 'Montserrat';
    font-weight: 800;
	src: url('../fonts/montserrat_extrabold.eot'); /* IE 9 Compatibility Mode */
	src: url('../fonts/montserrat_extrabold.eot?#iefix') format('embedded-opentype'), /* IE < 9 */
		url('../fonts/montserrat_extrabold.woff2') format('woff2'), /* Super Modern Browsers */
		url('../fonts/montserrat_extrabold.woff') format('woff'), /* Firefox >= 3.6, any other modern browser */
		url('../fonts/montserrat_extrabold.ttf') format('truetype'), /* Safari, Android, iOS */
		url('../fonts/montserrat_extrabold.svg#montserrat_extrabold') format('svg'); /* Chrome < 4, Legacy iOS */
}




@font-face {
	font-family: 'Oswald Heavy';
	src: 
		url('../fonts/oswald_heavy.woff2') format('woff2'), 
		url('../fonts/oswald_heavy.woff') format('woff'), 
		url('../fonts/oswald_heavy.ttf') format('truetype');
}




:root {
    --font-family: 'Montserrat';
    -webkit-tap-highlight-color: transparent;
}














/* *************** *************** ГЛАВНАЯ *************** **************** */


/* ---------- ********** HEADER ********** ----------- */


@media (min-width: 1200px) {
    .max-width {
        min-width: 1200px;
    }
}



.header-b_sticky.header-b_main {
    background-color: #102254;
    box-shadow: 0px 4px 4px 0px #E96D6D33;
}




.header-b__grid {
    height: 80px;
}
@media (min-width: 1200px) {
    .header-b__grid {
        height: 100px;
    }
}




.header-b__logo img {
    width: 115px;
}
@media (min-width: 1200px) {
    .header-b__logo img {
        width: 170px;
    }
}





.header-b__middle {
    margin-right: 0;
    padding-right: 0;
    flex-grow: 0;
}




.header-b__nav {
    gap: 85px;
}




.header-b__item {
    flex-grow: 0;
}




.header-b__links {
    padding-top: 3px;
    line-height: 18px;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    transition: text-decoration-color 0.3s;
}
@media (any-hover: hover) {
    .header-b__links:hover {
        text-decoration-color: #fff;
    }
}
.header-b__links:active {
    text-decoration-color: #fff;
}




.header-b__contacts {
    margin-top: 5px;
    margin-right: 0;
}




.header-b__contacts svg {
    top: 43%;
}




.header-b__contacts-phone {
    font-weight: 500;
    line-height: 18px;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 6px;
    transition: all 0.3s;
}
@media (any-hover: hover) {
    .header-b__contacts-phone:hover {
        text-decoration-color: #fff;
    }
}
.header-b__contacts-phone:active {
    text-decoration-color: #fff;
}




.header-b__mobile {
    background: #102254;
}




.header-b__phone svg {
    transition: all 0.3s;
}
.header-b__phone:active svg {
    filter: brightness(120%);
}




.button.button-yellow, 
.header-b__mob-form-btn {
    position: relative;
    color: #fff;
    background: linear-gradient(hsl(14, 81%, 52%), hsl(14, 81%, 52%));
}
.header-b__mob-form-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.button.button-yellow::before {
    content: "ОТПРАВИТЬ ЗАЯВКУ";
}

.button.button-yellow::before,
.header-b__mob-form-btn::before {
    padding: 2px 20px 0px;
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(hsl(14, 81%, 62%), hsl(14, 81%, 52%));
    opacity: 0;
    border-radius: 2px;
    transition: all 0.3s;
}
.header-b__mob-form-btn::before {
    content: "ПРИГЛАСИТЬ НА ТЕНДЕР";
    padding: 0px 20px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.1em;
}
.button.button-yellow:active::before, 
.header-b__mob-form-btn:active::before {
    opacity: 1;
}




.button.button-yellow, 
.header-b__mob-form-btn a {
    font-weight: 700;
}




.header-b__mob-form-btn a {
    color: #fff;
}




.header-b__mob-form-btn {
    border-radius: 2px;
}



.header-b__mobile-contacts a {
    transition: all 0.3s;
}
.header-b__mobile-contacts a:active {
    text-shadow: 0 0 1px hsl(0, 0%, 100%);
}







/* ---------- ********** SECTION HERO ********** ----------- */


.main-b.main-b_start {
    margin-top: 75px;
    height: 675px;
    background-color: #102254;
}
@media (min-width: 1200px) {
    .main-b.main-b_start {
        margin-top: 95px;
        height: auto;
    }
}




.main-b__block {
    display: none;
}
@media (min-width: 1200px) {
    .main-b__block {
        display: block;
        background-image: url("../images/home/hero-left.svg");
        background-color: transparent;
        pointer-events: none;
    }
}




@media (min-width: 1200px) {
    .main-b__block img {
        width: 74%;
        position: absolute;
        top: 104px;
        left: 0px;
        pointer-events: none;
    }
}




@media (max-width: 1200px) {
    .main-b__slide {
      height: 416px !important;
    }
}
@media (max-width: 1700px) {
    .main-b__slide {
      height: 740px;
    }
}
@media (min-width: 1700px) {
    .main-b__slide {
      height: 810px;
    }
}




@media (max-width: 1200px) {
    .main-b__slide img {
      height: 416px !important;
    }
}
.main-b__slide img {
    object-fit: cover;
    pointer-events: none;
}




.main-b__title {
    font-family: "Oswald Heavy";
    font-size: 26px;
    line-height: 112%;
    opacity: 1;
}
@media (max-width: 1200px) {
    .main-b__title {
        top: 180px !important;
    }
}
@media (min-width: 1200px) {
    .main-b__title {
        margin-right: 110px;
        font-size: 40px;
    }
}
@media (min-width: 1700px) {
    .main-b__title {
        max-width: 750px;
        top: 44%;
        font-size: 50px;
    }
}
@media (min-width: 1900px) {
    .main-b__title {
        top: 47%;
    }
}



.main-b__end {
    z-index: 7;
}
@media (max-width: 1200px) {
    .main-b__end {
        width: 100%;
        bottom: 131px !important;
    }
}
@media (max-width: 380px) {
    .main-b__end {
        bottom: 100px !important;
    }
}
@media (min-width: 1200px) {
    .main-b__end {
        width: 50%;
        bottom: 131px;
        justify-content: flex-end;
    }
}




.button {
    border-radius: 2px;
}




.main-b__end .button {
    padding: 0px 10px;
    height: 60px;
    position: relative;
    max-width: 370px;
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    letter-spacing: 0em;
    text-align: center;
    background-image: linear-gradient(hsl(14, 81%, 52%), hsl(14, 81%, 52%));
}
@media (min-width: 1200px) {
    .main-b__end .button {
        margin-right: 9%;
        padding: 0 25px;
        height: 70px;
        max-width: none;
        font-size: 24px;
    }
}
@media (min-width: 1700px) {
    .main-b__end .button {
        margin-right: 7.5%;
        padding: 0 55px;
    }
}
.main-b__end .button::before {
    padding: 0px 5px;
    content: "Оценить возможность внедрения";
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    background-image: linear-gradient(hsl(14, 81%, 62%), hsl(14, 81%, 52%));
    border-radius: 2px;
    transition: opacity 0.3s;
}
@media (min-width: 1200px) {
    .main-b__end .button::before {
        padding: 0 25px;
    }
}
@media (min-width: 1700px) {
    .main-b__end .button::before {
        padding: 0 55px;
    }
}
@media (any-hover: hover) {
    .main-b__end .button:hover::before {
        opacity: 1;
    }
}
.main-b__end .button:active::before {
    opacity: 1;
}




.main-b.main-b_start > img {
    position: absolute;
    left: 20px;
    top: 345px;
    z-index: 5;
}
@media (max-width: 380px) {
    .main-b.main-b_start > img {
        top: 400px;
    }
}
@media (min-width: 1200px) {
    .main-b.main-b_start > img {
        display: none;
    }
}




.main-b__right {
    position: absolute;
    bottom: 32px;
    right: 0;
    left: 0;
    z-index: 6;
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .main-b__right {
        position: absolute;
        top: 78px;
        bottom: auto;
        left: auto;
        right: 0;
        z-index: 6;
        display: flex;
        flex-direction: column;
    }
}




.main-b__right p {
    margin: 0;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #fff;
    text-align: center;
}
@media (min-width: 1200px) {
    .main-b__right p {
        align-self: center;
        font-size: 24px;
        text-align: right;
        line-height: 33px;
    }
}




.main-b__right br:last-child {
    display: none;
}
@media (min-width: 1200px) {
    .main-b__right br:last-child {
        display: inline;
    }
}




.main-b__right img {
    display: none;
}
@media (min-width: 1200px) {
    .main-b__right img {
        width: 370px;
        display: block;
    }
}







/* ---------- ********** SECTION OFFER ********** ----------- */


.hm-offer {
    padding: 70px 0px 0px;
    background-color: #fff;
}
@media (min-width: 1200px) {
    .hm-offer {
        padding: 100px 0px 230px;
    }
}
@media (min-width: 1500px) {
    .hm-offer {
        padding: 130px 0px 230px;
    }
}
@media (min-width: 1900px) {
    .hm-offer {
        padding: 140px 0px 150px;
    }
}




.hm-offer--div__WRAPPER {
    position: relative;
}




.title_main.title_blue {
    margin-bottom: 34px;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .title_main.title_blue {
        margin-bottom: 48px;
        font-size: 40px;
    }
}
@media (min-width: 1500px) {
    .title_main.title_blue {
        margin-bottom: 68px;
        font-size: 60px;
    }
}




.hm-offer--div__SWIPER {
    width: 100%;
    position: relative;
    background-color: #102254;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .hm-offer--div__SWIPER {
        overflow: visible;
    }
}




.hm-offer--div__SWIPER_WRAPPER {
    align-items: stretch;
}




.hm-offer--div__SWIPER_SLIDE {
    height: auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    transform: scale(100%);
    transition: transform 0.7s;
}
.hm-offer--div__SWIPER_SLIDE .hm-offer--a__ITEM.sv-offer--a{
    margin-top: 80px;
}
@media (any-hover: hover) {
    .hm-offer--div__SWIPER_SLIDE:hover {
        transform: scale(105%);
        z-index: 10;
    }
}




.hm-offer--div__SWIPER_SLIDE:nth-of-type(1) {
    background: linear-gradient(#10225400 0%, #102254 80%), url("../images/home/hm-offer1.jpeg") center/cover no-repeat;
}
.hm-offer--div__SWIPER_SLIDE:nth-of-type(2) {
    background: linear-gradient(#10225400 0%, #102254 80%), url("../images/home/hm-offer2.png") center/cover no-repeat;
}
.hm-offer--div__SWIPER_SLIDE:nth-of-type(3) {
    background: linear-gradient(#10225400 0%, #102254 80%), url("../images/home/hm-offer3.png") center/cover no-repeat;
}
.hm-offer--div__SWIPER_SLIDE:nth-of-type(4) {
    background: linear-gradient(#10225400 0%, #102254 80%), url("../images/home/hm-offer4.png") center/cover no-repeat;
}
.hm-offer--div__SWIPER_SLIDE:nth-of-type(5) {
    background: linear-gradient(#10225400 0%, #102254 80%), url("../images/home/hm-offer5.png") center/cover no-repeat;
}




.hm-offer--div__WR {
    padding: 70px 15px 45px;
    height: 700px;
    width: 100%;
    display: flex;
    flex-direction: column;
    background-color: #0815364D;
    transition: all 0.7s;
    transform: translateY(0px);
}
@media (min-width: 380px) {
    .hm-offer--div__WR {
        height: 660px;
    }
}
@media (min-width: 1200px) {
    .hm-offer--div__WR {
/*        padding-top: 40px;*/
        padding: 40px 50px 45px;
        height: 600px;
        background-color: transparent;
        transform: translateY(400px);
    }
}
@media (min-width: 1900px) {
    .hm-offer--div__WR {
        height: 660px;
    }
}
@media (any-hover: hover) {
    .hm-offer--div__SWIPER_SLIDE:hover .hm-offer--div__WR {
        padding-top: 70px;
        background-color: #0815364D;
        transform: translateY(0px);
    }
}




.hm-offer--h3 {
    align-self: center;
    width: 90%;
    font-weight: 700;
    font-size: 25px;
    line-height: 110%;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
}
@media (min-width: 1200px) {
    .hm-offer--h3 {
        font-size: 20px;
    }
}
@media (min-width: 1900px) {
    .hm-offer--h3 {
        width: 100%;
        font-size: 24px;
    }
}
@media (min-width: 490px) and (max-width: 768px) {
    .hm-offer--h3 span {
        display: none;
    }
}
@media (min-width: 950px) and (max-width: 1900px) {
    .hm-offer--h3 span {
        display: none;
    }
}




.hm-offer--a__ITEM {
    margin: 20px 5px;
    padding: 6px 10px;
    display: block;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.2;
    letter-spacing: 0em;
    color: #fff;
    background-color: #434E8F80;
    border: 1px solid #102254;
    border-radius: 8px;
    text-align: center;
    transition: opacity 0.7s, transform 0.5s, background-color 0.5s;
    opacity: 1;
}
@media (min-width: 1200px) {
    .hm-offer--a__ITEM {
        opacity: 0;
    }
}
@media (min-width: 1500px) {
    .hm-offer--a__ITEM {
        font-size: 18px;
    }
}
@media (any-hover: hover) {
    .hm-offer--a__ITEM:hover {
        background-color: #E84F22F2;
        transform: scale(105%);
        box-shadow: 2px 2px 2px 0px #081741;
    }
    .hm-offer--div__SWIPER_SLIDE:hover .hm-offer--a__ITEM {
        opacity: 1;
    }
}
.hm-offer--a__ITEM:active {
    background-color: #E84F22F2;
    transform: scale(105%);
    box-shadow: 2px 2px 2px 0px #081741;
}




.hm-offer--div__SWIPER_PAG {
    bottom: 19px !important;
}
@media (min-width: 1200px) {
    .hm-offer--div__SWIPER_PAG {
        display: none;
    }
}




.hm-offer--div__SWIPER_PAG .swiper-pagination-bullet {
    margin: 0px 7px !important;
    height: 14px;
    width: 14px;
    background-color: #d9d9d9;
}




.hm-offer--div__SWIPER_PAG .swiper-pagination-bullet-active {
    background-color: #fff;
    opacity: 1 !important;
}




.hm-offer--div__BUTTONS {
    display: none;
}
@media (min-width: 1200px) {
    .hm-offer--div__BUTTONS {
        position: absolute;
        left: 20px;
        right: 20px;
        bottom: -100px;
        z-index: 11;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 50px;
    }
}




.hm-offer--div__BUTTONS button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}




.hm-offer--div__BUTTONS button.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
}




.hm-offer--div__BUTTONS button img {
    width: 40px;
    transition: all 0.3s;
}
@media (any-hover: hover) {
    .hm-offer--div__BUTTONS button img:hover {
        filter: brightness(120%);
    }
    .hm-offer--div__BUTTONS button.swiper-button-disabled img:hover {
        filter: brightness(100%);
    }
}
.hm-offer--div__BUTTONS button img:active {
    filter: brightness(120%);
}
.hm-offer--div__BUTTONS button.swiper-button-disabled img:active {
    filter: brightness(100%);
}







/* ---------- ********** SECTION ABOUT ********** ----------- */


.hm-about {
    padding: 70px 0px;
    background: linear-gradient(300deg, #10225400 0%, #102254 80%) bottom / 100% 480px no-repeat, url("../images/home/hm-about_m.jpeg") bottom / 100% 480px no-repeat;
    background-color: #fff;
}
@media (min-width: 1200px) {
    .hm-about {
        padding: 100px 0px 70px;
        background: linear-gradient(270deg, #10225400 0%, #102254 60%), url("../images/home/hm-about.jpeg") bottom / cover no-repeat;
    }
}




.hm-about--div__WRAPPER {
    position: relative;
}




.hm-about .title_main.title_blue {
    margin-bottom: 18px;
}
@media (min-width: 1200px) {
    .hm-about .title_main.title_blue {
        margin-bottom: 65px;
        color: #fff;
    }
}




.hm-about--div__WRAPPER > svg {
    display: none;
}
@media (min-width: 1200px) {
    .hm-about--div__WRAPPER > svg {
        width: 50%;
        position: absolute;
        left: 0px;
        top: 55px;
        z-index: 10;
        display: block;
    }
}
@media (min-width: 1400px) {
    .hm-about--div__WRAPPER > svg {
        top: 50px;
    }
}
@media (min-width: 1500px) {
    .hm-about--div__WRAPPER > svg {
        top: 75px;
    }
}
@media (min-width: 1810px) {
    .hm-about--div__WRAPPER > svg {
        left: 20px;
    }
}
@media (min-width: 1900px) {
    .hm-about--div__WRAPPER > svg {
        top: 70px;
    }
}




.hm-about--div__BODY {
    display: flex;
    flex-direction: column;
    gap: 27px;
}
@media (min-width: 1200px) {
    .hm-about--div__BODY {
        flex-direction: row;
        gap: 27px;
    }
}




.hm-about--div__TEXT {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .hm-about--div__TEXT {
        width: 50%;
    }
}




.hm-about--p__TEXT_HEAD {
    margin-top: 0;
}
@media (min-width: 1200px) {
    .hm-about--p__TEXT_HEAD {
        margin-bottom: 30px;
    }
}




.hm-about--div__TEXT p {
    font-size: 16px;
    line-height: 24px;
}
@media (min-width: 1200px) {
    .hm-about--div__TEXT p {
        margin-bottom: 25px;
        font-size: 18px;
        line-height: 1.4;
        color: #fff;
    }
}
@media (min-width: 1500px) {
    .hm-about--div__TEXT p {
        margin-bottom: 35px;
        font-size: 20px;
        line-height: 1.4;
        color: #fff;
    }
}




.hm-about--div__TEXT_ROW {
    margin-bottom: 12px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    gap: 10px;
}




.hm-about--div__TEXT_ROW svg {
    margin-top: 2px;
    flex-shrink: 0;
}




.hm-about--p__TEXT_ITEM {
    margin: 0;
}




.hm-about--div__FEAT {
    padding: 42px 20px 100px 20px;
}
@media (min-width: 1200px) {
    .hm-about--div__FEAT {
        padding: 0px 20px 180px 60px;
        width: 50%;
    }
}
@media (min-width: 1500px) {
    .hm-about--div__FEAT {
        padding: 0px 20px 180px 100px;
        width: 50%;
    }
}




.hm-about--div__FEAT_HEAD {
    margin-top: 2px;
    font-weight: 700;
    font-size: 18px;
    line-height: 20.5px;
    color: #fff;
}




.hm-about--div__FEAT_ROW {
    display: flex;
    align-items: center;
    gap: 10px;
}




.hm-about--p__FEAT_ITEM {
    margin: 0;
    font-weight: 800;
    font-size: 32px;
    line-height: 71px;
    text-transform: uppercase;
    color: #fff;
}
@media (min-width: 1200px) {
    .hm-about--p__FEAT_ITEM {
        font-size: 35px;
    }
}
@media (min-width: 1500px) {
    .hm-about--p__FEAT_ITEM {
        font-size: 50px;
    }
}







/* ---------- ********** SECTION INTEG ********** ----------- */ 


.hm-integ {
    padding-top: 75px;
}
@media (min-width: 1200px) {
    .hm-integ {
        padding-top: 100px;
    }
}
@media (min-width: 1500px) {
    .hm-integ {
        padding-top: 130px;
    }
}




.hm-integ--div__WRAPPER {
    position: relative;
}
@media (min-width: 1200px) {
    .hm-integ--div__WRAPPER {
        height: 890px;
    }
}
@media (min-width: 1500px) {
    .hm-integ--div__WRAPPER {
        height: 1000px;
    }
}
@media (min-width: 1900px) {
    .hm-integ--div__WRAPPER {
        height: 1111px;
    }
}




.hm-integ .title_main.title_blue {
    margin-bottom: 25px;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .hm-integ .title_main.title_blue {
        margin-bottom: 40px;
    }
}




.hm-integMob {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .hm-integMob {
        display: none;
    }
}




.hm-integMob--div__ITEM {
    display: flex;
    flex-direction: column;
}




.hm-integMob--h3 {
    margin: 0;
    padding: 21px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #102254;
    border-bottom: 1px solid #d9d9d9;
    cursor: pointer;
    transition: all 0.5s;
}
.__hm-integMob--h3__LINE {
    border-bottom: 2px solid #102254;
}




.hm-integMob--h3 svg {
    transition: all 0.5s;
}
.__hm-integMob--h3 {
    transform: rotate(180deg);
}




.hm-integMob--div__ITEM_BODY {
    margin-top: 0px;
    max-height: 0px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    overflow: hidden;
    transition: all 0.5s;
}
@media (min-width: 600px) and (max-width: 1200px) {
    .hm-integMob--div__ITEM_BODY {
        margin: 0px auto;
        width: 600px;
        gap: 0px;
    }
}
.__hm-integMob--div__ITEM_BODY {
    margin-top: 40px;
    max-height: 1200px;
}




.hm-integ--div__ELEM {
    display: flex;
    flex-direction: column;
    align-items: center;
}




.hm-integ--div__ELEM:nth-of-type(2n) {
    align-self: flex-end;
}




.hm-integ--p__ELEM {
    width: 257px;
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #333;
    text-align: center;
}
@media (min-width: 1200px) {
    .hm-integ--p__ELEM {
        margin-bottom: 0px;
    }
}
@media (min-width: 1500px) {
    .hm-integ--p__ELEM {
        font-size: 18px;
        line-height: 25px;
    }
}
@media (min-width: 1900px) {
    .hm-integ--p__ELEM {
        font-size: 24px;
        line-height: 32px;
    }
}




.hm-integBig {
    display: none;
}
@media (min-width: 1200px) {
    .hm-integBig {
        width: 100%;
        display: flex;
        flex-direction: column;
        background: url("../images/home/hm-integ-back.svg") center / cover no-repeat;
    }
}




.hm-integBig--div__TOP {
    margin-bottom: 70px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}




.hm-integBig--h3 {
    margin: 0;
    padding: 27px 10px;
    flex: 1 0 auto;
    font-weight: 700;
    font-size: 20px;
    line-height: 16px;
    color: #102254;
    border-bottom: 2px solid #10225400;
    text-align: center;
    cursor: pointer;
    transition: border-bottom 0.7s;
}
@media (min-width: 1900px) {
    .hm-integBig--h3 {
        font-size: 24px;
    }
}
.__hm-integBig--h3 {
    border-bottom: 2px solid #102254;
}




.hm-integBig--div__BODY_GRID {
    display: none;
    opacity: 0;
    transition: opacity 0.7s;
}
.__hm-integBig--div__BODY_GRID {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 18px;
    justify-items: center;
}
.__hm-integBig--div__BODY_GRID2 {
    opacity: 1;
}




.hm-integ--button {
    margin-top: 60px;
    padding: 27px 55px;
    position: absolute;
    bottom: 40px;
    left: calc(50% - 278px);
    z-index: 2;
    align-self: center;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 24px;
    line-height: 16px;
    color: #fff;
    background: linear-gradient(hsl(14, 81%, 52%), hsl(14, 81%, 52%));
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
.hm-integ--button::before {
    content: "Оценить возможность внедрения";
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(hsl(14, 81%, 60%), hsl(14, 81%, 52%));
    opacity: 0;
    border-radius: 2px;
    transition: opacity 0.3s;
}
@media (any-hover: hover) {
    .hm-integ--button:hover::before {
        opacity: 1;
    }
}
.hm-integ--button:active::before {
    opacity: 1;
}




.hm-integ--button.mob {
    padding: 22px 15px;
    width: 100%;
    max-width: 370px;
    position: relative;
    bottom: 0;
    left: 0;
    font-size: 18px;
    letter-spacing: 0em;
}




.hm-integ--button.mob::before {
    padding: 22px 15px;
}







/* ---------- ********** SECTION COMPL ********** ----------- */ 


.hm-compl {
    padding: 75px 0;
}
@media (min-width: 1200px) {
    .hm-compl {
        padding: 100px 0;
    }
}
@media (min-width: 1500px) {
    .hm-compl {
        padding: 100px 0 130px;
    }
}




.hm-compl--div__WRAPPER {
    position: relative;
}




.hm-compl .title_main.title_blue {
    margin-bottom: 20px;
    line-height: 1.2;
}
@media (min-width: 1200px) {
    .hm-compl .title_main.title_blue {
        margin-bottom: 38px;
    }
}




.hm-compl--div__ADD {
    position: relative;
}




.hm-compl--div__SWIPER {
    padding-bottom: 60px;
    width: 100%;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .hm-compl--div__SWIPER {
        padding-bottom: 0px;
    }
}




.hm-compl--div__SWIPER_SLIDE {
    position: relative;
    display: flex;
    flex-direction: column;
}




.hm-compl--p__TAG {
    margin: 0;
    padding: 1px 6px;
    position: absolute;
    top: 8px;
    right: 8px;
    font-weight: 500;
    font-size: 14px;
    line-height: 23px;
    color: #e84f22;
    background-color: #fff6f8;
    border: 1px solid #e84f22;
    border-radius: 2px;
}
@media (min-width: 1200px) {
    .hm-compl--p__TAG {
        padding: 7px 16px;
        font-size: 20px;
    }
}

/*
.hm-compl--img-wrap{
    height: 238px;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    margin-bottom: 16px;
}
@media (min-width: 1200px) {
    .hm-compl--img-wrap{
        height: 570px;
        width: 570px;
    }
}

.hm-compl--img {
    height: auto;
    width: 100%;
    pointer-events: none;
    border-radius: 2px;
    
}
@media (min-width: 1200px) {
    .hm-compl--img {
        margin-bottom: 20px;
        height: 100%;
        width: auto;
        object-fit: cover;
    }
}
*/                            

.hm-compl--img {
    margin-bottom: 16px;   
    width: 100%;
    pointer-events: none;
    border-radius: 2px;  
}
@media (min-width: 1200px) {
    .hm-compl--img {
        margin-bottom: 20px;   
    }
}




.hm-compl--h3 {
    margin: 0 0 12px;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    color: #333;
}
@media (min-width: 1200px) {
    .hm-compl--h3 {
        font-size: 30px;
        line-height: 40px;
    }
}




.hm-compl--p {
    margin: 0 0 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
}
@media (min-width: 1200px) {
    .hm-compl--p {
        margin: 0 0 14px;
        font-size: 18px;
        line-height: 1.4;
    }
}
@media (min-width: 1500px) {
    .hm-compl--p {
        font-size: 20px;
    }
}




.hm-compl--a {
    font-weight: 700;
    font-size: 16px;
    line-height: 30px;
    color: #e84f22;
    text-decoration: underline;
    text-underline-offset: 4px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .hm-compl--a {
        align-self: flex-start;
        font-size: 20px;
    }
}
@media (any-hover: hover) {
    .hm-compl--a:hover {
        color: hsl(14, 81%, 65%);
    }
}
.hm-compl--a:active {
    color: hsl(14, 81%, 65%);
}




.hm-compl--div__SWIPER_PAGINATION {
    bottom: 0px !important;
}
@media (min-width: 1200px) {
    .hm-compl--div__SWIPER_PAGINATION {
        display: none;
    }
}




.hm-compl--div__SWIPER_PAGINATION .swiper-pagination-bullet {
    margin: 0 7px !important;
    height: 14px;
    width: 14px;
    background-color: #d9d9d9;
    opacity: 1;
}




.hm-compl--div__SWIPER_PAGINATION .swiper-pagination-bullet-active {
    background-color: #102254;
}




.hm-compl--div__BUTTONS {
    position: absolute;
    top: calc(50% - 140px);
    left: -23px;
    right: -23px;
    z-index: 7;
    display: none;
    justify-content: space-between;
}
@media (min-width: 426px) {
    .hm-compl--div__BUTTONS {
        top: calc(50% - 125px);
    }
}
@media (min-width: 528px) {
    .hm-compl--div__BUTTONS {
        top: calc(50% - 110px);
    }
}
@media (min-width: 768px) {
    .hm-compl--div__BUTTONS {
        top: calc(50% - 135px);
    }
}
@media (min-width: 1200px) {
    .hm-compl--div__BUTTONS {
        top: calc(40% - 95px);   
        display: flex;
    }
}
@media (min-width: 1609px) {
    .hm-compl--div__BUTTONS {
        top: calc(40% - 85px);
    }
}
@media (min-width: 1780px) {
    .hm-compl--div__BUTTONS {
        top: calc(40% - 80px);
    }
}
@media (min-width: 1900px) {
    .hm-compl--div__BUTTONS {
        left: -55px;
        right: -55px;
    }
}




.hm-compl--div__BUTTONS button {
    background-color: transparent;
    border: none;
    cursor: pointer;
}




.hm-compl--div__BUTTONS button.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
}




.hm-compl--div__BUTTONS button img {
    width: 21px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .hm-compl--div__BUTTONS button img {
        width: 40px;
    }
}
@media (any-hover: hover) {
    .hm-compl--div__BUTTONS button img:hover {
        filter: brightness(120%);
    }
    .hm-compl--div__BUTTONS button.swiper-button-disabled img:hover {
        filter: brightness(100%);
    }
}
.hm-compl--div__BUTTONS button img:active {
    filter: brightness(120%);
}
.hm-compl--div__BUTTONS button.swiper-button-disabled img:active {
    filter: brightness(100%);
}







/* ---------- ********** SECTION FORM ********** ----------- */


.order-b.footer-order-form {
    padding: 242px 0px 75px;
    background: linear-gradient(#10225400 0%, #102254 50%) top / 100% 70% no-repeat, url("../images/home/hm-form1_m.jpg") top / 100% auto no-repeat;
    background-color: #102254;
    border-bottom: none;
}
@media (min-width: 600px) {
    .order-b.footer-order-form {
        background: linear-gradient(#10225400 0%, #102254 50%) top / 100% 100% no-repeat, url("../images/home/hm-form1_m.jpg") top / 100% auto no-repeat;
    }
}
@media (min-width: 1200px) {
    .order-b.footer-order-form {
        padding: 85px 0px 95px 0px;
        background: linear-gradient(270deg, #10225400 0%, #102254 60%), url("../images/home/hm-form1.jpg") right / auto 100% no-repeat;
    }
}
@media (min-width: 2400px) {
    .order-b.footer-order-form {
        background: linear-gradient(270deg, #10225400 0%, #102254 60%), url("../images/home/hm-form1.jpg") center / cover no-repeat;
    }
}




.order-b.footer-order-form > svg {
    width: 83%;
    position: absolute;
    left: 0;
    bottom: 430px;
}
@media (min-width: 404px) {
    .order-b.footer-order-form > svg {
        bottom: 405px;
    }
}
@media (min-width: 609px) {
    .order-b.footer-order-form > svg {
        bottom: 395px;
    }
}
@media (min-width: 992px) {
    .order-b.footer-order-form > svg {
        width: 65%;
        bottom: 395px;
    }
}
@media (min-width: 1200px) {
    .order-b.footer-order-form > svg {
        width: 53%;
        bottom: 570px;
    }
}
@media (min-width: 1810px) {
    .order-b.footer-order-form > svg {
        bottom: 560px;
        max-width: 1000px;
        left: calc((100vw - 1770px) / 2);
    }
}




.order-b__end .button {
    width: 100%;
    color: #fff;
    font-weight: 700;
    margin-top: 10px;
    text-wrap: auto;
    line-height: 21px;
}
.order-b__agree{width: 100%;}

.order-b__form .success-msg{color: #fff}
#form_14.order-b__form .success-msg{color: #304168}

.order-b__grid {
    flex-direction: column;
    gap: 0;
}




.footer-order-form .order-b__form {
    margin: 0;
}




.footer-order-form .order-b__form p {
    margin: 0 0 20px;
    position: relative;
    max-width: 570px;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
@media (min-width: 1200px) {
    .footer-order-form .order-b__form p {
        margin-bottom: 48px;
        font-size: 24px;
        line-height: 40px;
    }
}




.order-b__field {
    margin-bottom: 10px;
    max-width: 570px;
}




.order-b__end {
    margin-top: 24px;
}




.order-b__title {
    margin-bottom: 0;
    max-width: none;
    font-weight: 800;
    font-size: 30px;
    line-height: 1.2;
    color: #fff;
}
@media (min-width: 1200px) {
    .order-b__title {
        margin-bottom: 0;
        font-size: 40px;
    } 
}
@media (min-width: 1500px) {
    .order-b__title {
        margin-bottom: 0;
        font-size: 60px;
    } 
}




@media (min-width: 1200px) {
    .order-b__form {
        max-width: 61.2%;
    }
}




.order-b__end {
    max-width: 570px;
    position: relative;
}




.hm-form--button__SUBMIT {
    padding: 2px 20px 0px;
    height: 60px;
    width: 100%;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #fff;
    background: linear-gradient(hsl(14, 81%, 52%), hsl(14, 81%, 52%));
    background-color: transparent;
    border: none;
    border-radius: 2px;
    letter-spacing: 0em;
}
@media (min-width: 1200px) {
    .hm-form--button__SUBMIT {
        height: 70px;
        font-size: 20px;
    }
}
.hm-form--button__SUBMIT::before {
    padding: 2px 20px 0px;
    content: "ОТПРАВИТЬ ЗАЯВКУ";
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 16px;
    color: #fff;
    background: linear-gradient(hsl(14, 81%, 62%), hsl(14, 81%, 52%));
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.3s;
}
@media (min-width: 1200px) {
    .hm-form--button__SUBMIT::before {
        font-size: 20px;
    }
}
@media (any-hover: hover) {
    .hm-form--button__SUBMIT:hover::before {
        opacity: 1;
    }
}
.hm-form--button__SUBMIT:active::before {
    opacity: 1;
}







/* ---------- ********** FOOTER ********** ----------- */

.footer-b__grid {
    flex-direction: column;
    align-items: center;
    gap: 28px;
    flex-wrap: nowrap;
}
@media (min-width: 1200px) {
    .footer-b__grid {
        flex-direction: row;
        align-items: flex-start;
    }
}



.footer-b__logo {
    margin-top: 14px;
    margin-bottom: 0;
}
@media (min-width: 1200px) {
    .footer-b__logo {
        margin: 0;
    }
}




.footer-b__menu {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
@media (min-width: 1200px) {
    .footer-b__menu {
        margin-top: -5px;
        align-items: flex-start;
    }
}




.footer-b__menu a {
    font-size: 18px;
    line-height: 30px;
    color: #102254;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .footer-b__menu a {
        font-size: 16px;
    }
}
@media (any-hover: hover) {
    .footer-b__menu a:hover {
        text-decoration-color: #102254;
    }
}
.footer-b__menu a:active {
    text-decoration-color: #102254;
}




.footer-b__address-insta img {
    transition: all 0.3s;
}
@media (any-hover: hover) {
    .footer-b__address-insta img:hover {
        filter: brightness(130%);
    }
}
.footer-b__address-insta img:active {
    filter: brightness(130%);
}




.footer-b__contacts {
    display: flex;
    flex-direction: column;
    gap: 18px;
    align-items: center;
}
@media (min-width: 1200px) {
    .footer-b__contacts {
        align-items: flex-end;
    }
}




.footer-b__contacts-call {
    margin: 0;
    font-weight: 700;
    color: #e84f22;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 6px;
    transition: all 0.3s;
}
@media (any-hover: hover) {
    .footer-b__contacts-call:hover {
        text-decoration-color: #e84f22;
    }
}
.footer-b__contacts-call:active {
    text-decoration-color: #e84f22;
}




.footer-b__contacts-phone {
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 6px;
    transition: all 0.3s;
}
@media (any-hover: hover) {
    .footer-b__contacts-phone:hover {
        color: #102254;
        text-decoration-color: #102254;
    }
}
.footer-b__contacts-phone:active {
    color: #102254;
    text-decoration-color: #102254;
}




.footer-b__contacts-mail {
    text-transform: lowercase;
    color: #102254;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 6px;
    transition: all 0.3s;
}
@media (any-hover: hover) {
    .footer-b__contacts-mail:hover {
        text-decoration-color: #102254;
    }
}
.footer-b__contacts-mail:active {
    text-decoration-color: #102254;
}




.footer-b__address {
    max-width: 300px;
}




@media (max-width: 1200px) {
    .footer-b__address-insta-wrap {
        justify-content: center;
    }
    .footer-b__address-insta {
        display: flex;
        justify-content: center;
    }
    .footer-b__address-insta img {
        margin-right: 12px;
        width: 41px;
    }
}




.footer-b__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}




.footer-b__politic {
    transition: all 0.3s;
}




@media (max-width: 1200px) {
    .footer-b__bottom .footer-b__grid {
        gap: 0;
    }
}
.footer-b__bottom .footer-b__grid {
    align-items: center;
}




.footer-b__copy {
    margin-top: 3px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}
@media (min-width: 1500px) {
    .footer-b__copy {
        flex-direction: row;
        gap: 26px;
    }
}




.footer-b__copy span {
    text-align: center;
}




.footer-b__copy span:nth-last-of-type(2) {
    display: none;
}
@media (min-width: 1500px) {
    .footer-b__copy span:nth-last-of-type(2) {
        display: block;
    }
}




.cookie_agree a {
    transition: all 0.3s;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 4px;
}
@media (any-hover: hover) {
    .cookie_agree a:hover {
        color: #fff;
        text-decoration-color: #fff;
    }
}
.cookie_agree a:active {
    color: #fff;
    text-decoration-color: #fff;
}




.cookie_agree span {
    transition: all 0.3s;
}
@media (max-width: 1200px) {
    .cookie_agree span {
        margin: 10px auto !important;
        max-width: 90px;
        display: block;
    }
}
@media (any-hover: hover) {
    .cookie_agree span:hover {
        color: hsl(0, 0%, 98%);
        background-color: hsla(0, 0%, 30%, 30%);
    }
}
.cookie_agree span:active {
    color: hsl(0, 0%, 98%);
    background-color: hsla(0, 0%, 15%, 50%);
}















/* *************** *************** УСЛУГИ *************** **************** */


/* ---------- ********** SECTION OFFER ********** ----------- */

.hm-offer.sv {
    margin-bottom: 40px;
    padding-top: 120px;
}
@media (min-width: 1200px) {
    .hm-offer.sv {
        margin-bottom: 0px;
        padding-top: 200px;
    }
}
@media (min-width: 1500px) {
    .hm-offer.sv {
        margin-bottom: 0px;
        padding-top: 218px;
    }
}




.sv-offer--div__TITLE {
    margin: 0 !important;
    height: 200px;
    line-height: 1.2 !important;
    opacity: 1;
    transition: height 0.7s, opacity 0.35s;
}
@media (min-width: 440px) {
    .sv-offer--div__TITLE {
        height: 164px;
    }
}
@media (min-width: 768px) {
    .sv-offer--div__TITLE {
        height: 92px;
    }
}
@media (min-width: 1200px) {
    .sv-offer--div__TITLE {
        height: 48px;
    }
}
@media (min-width: 1500px) {
    .sv-offer--div__TITLE {
        height: 72px;
    }
}




@media (min-width: 1200px) {
    .sv-offer--div__TITLE.n2 {
        height: 96px;
    }
}
@media (min-width: 1300px) {
    .sv-offer--div__TITLE.n2 {
        height: 48px;
    }
}
@media (min-width: 1500px) {
    .sv-offer--div__TITLE.n2 {
        height: 144px;
    }
}




@media (min-width: 1200px) {
    .sv-offer--div__TITLE.n3 {
        height: 96px;
    }
}
@media (min-width: 1500px) {
    .sv-offer--div__TITLE.n3 {
        height: 144px;
    }
}




@media (min-width: 1200px) {
    .sv-offer--div__TITLE.n4 {
        height: 96px;
    }
}
@media (min-width: 1500px) {
    .sv-offer--div__TITLE.n4 {
        height: 144px;
    }
}
.__sv-offer--div__TITLE {
    opacity: 0;
}




@media (min-width: 500px) {
    .sv-offer--div__TITLE span {
        display: none;
    }
}




.sv-offer--div__TOP {
    padding: 20px 0px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
@media (min-width: 1200px) {
    .sv-offer--div__TOP {
        padding: 40px 0px;
    }
}




.sv-offer--button__TOP {
    padding: 6px 15px 5px;
    min-height: 58px;
    width: 100%;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    background-color: transparent;
    border: 1px solid #102254;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.5s;
}
@media (min-width: 768px) {
    .sv-offer--button__TOP {
        min-height: auto;
        width: auto;
    }
}
@media (min-width: 1200px) {
    .sv-offer--button__TOP {
        padding: 6px 35px 5px;
    }
}
@media (min-width: 1500px) {
    .sv-offer--button__TOP {
        font-size: 18px;
    }
}
.__sv-offer--button__TOP {
    color: #fff;
    background-color: #102254;
}




.sv-offer--div__WRAP {
    display: none;
    opacity: 0;
    transition: 0.7s opacity;
}
.__sv-offer--div__WRAP {
    display: block;
}
.__sv-offer--div__WRAP2 {
    opacity: 1;
}




.hm-offer--h3.sv {
    margin-bottom: 30px;
    transition: all 0.7s;
}
@media (min-width: 1200px) {
    .hm-offer--h3.sv {
        margin-bottom: 150px;
    }
}




@media (max-width: 1199px) {
    .hm-offer--div__SWIPER_SLIDE.sv .hm-offer--div__WR {
        padding-top: 25px;
    }
}
@media (min-width: 1200px) {
    .hm-offer--div__SWIPER_SLIDE.sv .hm-offer--div__WR {
        transform: translateY(380px);
    }
}
@media (min-width: 1900px) {
    .hm-offer--div__SWIPER_SLIDE.sv .hm-offer--div__WR {
        padding-top: 40px;
        transform: translateY(380px);
    }
}
@media (any-hover: hover) {
    .hm-offer--div__SWIPER_SLIDE.sv:hover .hm-offer--div__WR {
        transform: translateY(0px);
    }
    .hm-offer--div__SWIPER_SLIDE.sv:hover .hm-offer--h3.sv {
        margin-bottom: 50px;
    }
}




.hm-offer--div__SWIPER_SLIDE.sv:nth-of-type(1) {
    background: linear-gradient(#10225400 0%, #102254 80%), url("../images/services/sv-offer1.png") center/cover no-repeat;
}




.sv-offer--p__LIST,
.sv-offer--ul {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
@media (min-width: 1500px) {
    .sv-offer--p__LIST
    .sv-offer--ul {
        font-size: 18px;
    }
}




.sv-offer--p__LIST {
    margin: 0 0 0 5px;
    line-height: 1.3;
}




.sv-offer--ul {
    padding: 14px 0 0 21px;
    margin: 0 0 20px;
    line-height: 1.3;
}
@media (min-width: 1500px) {
    .sv-offer--ul {
        margin: 0 0 30px;
    }
}




.sv-offer--li {
    padding-top: 5px;
    color: #e84f22;
}




.sv-offer--span {
    color: #fff;
}




.sv-offer--a {
    margin-top: 20px;
    padding: 10px;
/*    min-width: 300px;*/
    align-self: center;
    font-weight: 500;
    font-size: 16px;
    color: #fff;
    background-color: #434E8F80;
    border: 1px solid #102254;
    border-radius: 8px;
    text-align: center;
    transition: all 0.3s;
}
@media (min-width: 400px) {
    .sv-offer--a {
/*        min-width: 326px;*/
    }
}
@media (min-width: 1500px) {
    .sv-offer--a {
        font-size: 18px;
    }
}
@media (min-width: 1900px) {
    .sv-offer--a {
        margin-top: 10px;
    }
}
@media (any-hover: hover) {
    .sv-offer--a:hover {
        background-color: #e84f22;
    }
}














/* *************** *************** СТРАНИЦА УСЛУГИ1 *************** **************** */


/* ---------- ********** SECTION HERO ********** ----------- */


.sv1-hero {
    padding: 130px 0px 80px;
    background: linear-gradient(330deg, #10225400, #102254 65%), url("../images/sevices1/sv1-hero1.jpg") right / auto 100% no-repeat;
}
@media (min-width: 1200px) {
    .sv1-hero {
        padding: 140px 0px 120px;
        background: linear-gradient(280deg, #10225400, #102254 55%), url("../images/sevices1/sv1-hero1.jpg") right / auto 100% no-repeat;
    }
}
@media (min-width: 1500px) {
    .sv1-hero {
        padding-bottom: 130px;
    }
}




.sv1-hero--div__WRAPPER {
    display: flex;
    flex-direction: column;
}




.sv1-hero--ul__BC {
    margin: 0 0 60px;
    padding: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    list-style-type: none;
}
@media (min-width: 1200px) {
    .sv1-hero--ul__BC {
        margin: 0 0 80px;
    }
}




.sv1-hero--li__BC {
    display: flex;
    align-items: center;
    gap: 8px;
}




.sv1-hero--li__BC:last-of-type {
    align-items: flex-start;
}




.sv1-hero--li__BC:not(:first-of-type)::before {
    content: "/";
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #828DA4;
}




.sv1-hero--a__BC {
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #828DA4;
    color: hsl(221, 16%, 78%);
    text-decoration: underline;
    text-underline-offset: 5px;
    text-decoration-color: transparent;
    transition: all 0.3s;
}
@media (any-hover: hover) {
    .sv1-hero--a__BC:hover {
        text-decoration-color: #828DA4;
    }
}




.sv1-hero--li__BC:last-of-type .sv1-hero--a__BC {
    color: #fff;
    pointer-events: none;
}




.sv1-hero .title_main.title_blue {
    margin-bottom: 60px;
    color: #fff;
}
@media (min-width: 800px) {
    .sv1-hero .title_main.title_blue {
        max-width: 780px;
    }
}
@media (min-width: 1200px) {
    .sv1-hero .title_main.title_blue {
        max-width: none;
        margin-bottom: 50px;
        width: 60%;
    }
}




.sv1-hero--button {
    padding: 0px 10px;
    height: 60px;
    max-width: 420px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 700;
    font-size: 18px;
    line-height: 1.2;
    color: #fff;
    background: linear-gradient(hsl(14, 81%, 52%), hsl(14, 81%, 52%));
    border: none;
    border-radius: 2px;
    cursor: pointer;
}
@media (min-width: 1200px) {
    .sv1-hero--button {
        padding: 0px 25px;
        height: 70px;
        font-size: 24px;
    }
}
.sv1-hero--button::before {
    content: "Отправить запрос";
    position: absolute;
    inset: 0;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(hsl(14, 81%, 60%), hsl(14, 81%, 52%));
    opacity: 0;
    border-radius: 2px;
    transition: opacity 0.3s;
}
.sv1-hero--button.big::before{
    content: "Оставить заявку на демонстрацию";    
}
@media (any-hover: hover) {
    .sv1-hero--button:hover::before {
        opacity: 1;
    }
}
.sv1-hero--button:active::before {
    opacity: 1;
}







/* ---------- ********** SECTION PROC ********** ----------- */


.sv1-proc {
    padding: 75px 0px;
}
@media (min-width: 1200px) {
    .sv1-proc {
        padding: 100px 0px 100px;
        background: url("../images/sevices1/sv1-procBig.svg") 0px 130px / 100% no-repeat;
    }
}
@media (min-width: 1500px) {
    .sv1-proc {
        padding: 130px 0px 130px;
        background: url("../images/sevices1/sv1-procBig.svg") 0px 180px / 100% no-repeat;
    }
}




.sv1-proc .title_main.title_blue {
    margin-bottom: 30px;
}




.sv1-proc--p__ABOUT {
    font-size: 16px;
    line-height: 1.4;
}
@media (min-width: 600px) and (max-width: 1200px) {
    .sv1-proc--p__ABOUT {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .sv1-proc--p__ABOUT {
        max-width: 85%;
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .sv1-proc--p__ABOUT {
        max-width: 60%;
        font-size: 20px;
    }
}




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




.hm-integMob--div__ITEM_BODY.sv1 {
    margin-top: 40px;
    max-height: none;
}
@media (min-width: 600px) and (max-width: 1200px) {
    .hm-integMob--div__ITEM_BODY.sv1 {
        margin: 50px auto 0px;
        max-width: 600px;
        gap: 0px;
    }
}




.hm-integ--p__ELEM {
    max-width: 257px;
    width: auto;
}
@media (min-width: 1200px) {
    .hm-integ--p__ELEM {
        max-width: 380px;
    }
}




.sv1-procBig {
    display: none;
}
@media (min-width: 1200px) {
    .sv1-procBig {
        display: block;
    }
}




.hm-integBig--div__BODY_GRID.sv {
    margin-top: 50px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-row-gap: 18px;
    justify-items: center;
    opacity: 1;
}







/* ---------- ********** SECTION PROBLEMS ********** ----------- */


.sv1-problems,  .sv1-tasks, .sv1-benefits, .sv1-work{
    padding: 75px 0px;
    background: url("../images/sevices1/sv1-problems.jpg") left / cover no-repeat;
}
@media (min-width: 1200px) {
    .sv1-problems, .sv1-tasks, .sv1-benefits, .sv1-work {
        padding: 100px 0px 100px;
        background: url("../images/sevices1/sv1-problems.jpg") center / cover no-repeat;
    }
}
@media (min-width: 1500px) {
    .sv1-problems, .sv1-tasks, .sv1-benefits, .sv1-work {
        padding: 130px 0px 130px;
    }
}
.sv1-work--div__WRAP{
    position: relative;
}
.sv1-work--div__SWIPER{
    margin: 0 40px;
    overflow: hidden;
}

.sv1-benefits{
    position: relative;
}
.benefits-item{
    background-color: #fff;
    padding: 20px;
    height: auto;
}
.sv1-benefits--p__ITEM{
    color: #333333;
    font-weight: bold;
    font-size: 20px;
}
.sv1-benefits--div__SWIPER-wrap{
    margin: 0 20px;
    position: relative;
}
/*.sv1-benefits--div__SWIPER{
    margin: 0 20px;
} */

.sv1-problems--div__WRAP, .sv1-tasks--div__WRAP {
    position: relative;
}




.sv1-problems--div__SWIPER, .sv1-tasks--div__SWIPER, .sv1-interface--div__SWIPER {
    overflow: hidden;
}




.sv1-problems--div__SWIPER_SLIDE, .sv1-tasks--div__SWIPER_SLIDE, .sv1-interface--div__SWIPER_SLIDE {
    display: flex;
    flex-direction: column;
}
@media (min-width: 1200px) {
    .sv1-problems--div__SWIPER_SLIDE, .sv1-tasks--div__SWIPER_SLIDE, .sv1-interface--div__SWIPER_SLIDE {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}




.sv1-problems--div__SWIPER_SLIDE > img, .sv1-tasks--div__SWIPER_SLIDE > img, .sv1-interface--div__SWIPER_SLIDE > img {
    align-self: center;
    width: calc(100% - 26px);
    border-radius: 2px;
    pointer-events: none;
    box-shadow: 7px 7px 0px #e84f22;
}
@media (min-width: 600px) {
    .sv1-problems--div__SWIPER_SLIDE > img, .sv1-tasks--div__SWIPER_SLIDE > img, .sv1-interface--div__SWIPER_SLIDE > img {
        max-width: 600px;
    }
}
@media (min-width: 1200px) {
    .sv1-problems--div__SWIPER_SLIDE > img, .sv1-tasks--div__SWIPER_SLIDE > img, .sv1-interface--div__SWIPER_SLIDE > img {
        margin-right: 3%;
        margin-bottom: 13px;
        max-width: 43%;
        width: auto;
        box-shadow: 13px 13px 0px #e84f22;
    }
    .sv1-tasks--div__SWIPER_SLIDE > img{
        width: auto;
    }
}




.sv1-problems--div__TEXT, .sv1-tasks--div__TEXT {
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (min-width: 1200px) {
    .sv1-problems--div__TEXT, .sv1-tasks--div__TEXT {
        margin: 0;
        padding: 0 20px;
        width: 49%;
        justify-content: center;
        align-items: center;
    }
}




.sv1-problems--div__TEXT_WR, .sv1-tasks--div__TEXT_WR {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

@media (min-width: 1200px) {
    .sv1-problems--div__TEXT_WR, .sv1-tasks--div__TEXT_WR {
        max-width: 75%;
        align-items: flex-start;
    }
}




.sv1-problems--p__TITLE, .sv1-tasks--p__TITLE {
    margin: 0 0 30px;
    font-weight: 700;
    font-size: 20px;
    color: #102254;
    text-align: center;
}
@media (min-width: 1200px) {
    .sv1-problems--p__TITLE, .sv1-tasks--p__TITLE {
        font-size: 28px;
        color: #102254;
        text-align: left;
    }
}



.sv1-tasks--ul li p{
    font-weight: bold;
}
.sv1-problems--ul, .sv1-tasks--ul {
    margin: 0 0 50px;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    font-size: 16px;
}
@media (min-width: 1200px) {
    .sv1-problems--ul, .sv1-tasks--ul {
        margin: 0px;
        align-self: auto;
        font-size: 20px;
    }
}




.sv1-problems--div__SWIPER_PAG, .sv1-tasks--div__SWIPER_PAG, .sv1-decs--div__SWIPER_PAG, .sv1-benefits--div__SWIPER_PAG, .sv1-work--div__SWIPER_PAG {
    bottom: 0 !important;
}
.sv1-decs--div__SWIPER_PAG{
    display: none;
}
@media (min-width: 1200px) {
    .sv1-problems--div__SWIPER_PAG, .sv1-tasks--div__SWIPER_PAG, .sv1-decs--div__SWIPER_PAG, .sv1-benefits--div__SWIPER_PAG, .sv1-work--div__SWIPER_PAG {
        display: none;
    }
}




.sv1-problems--div__SWIPER_PAG .swiper-pagination-bullet, .sv1-tasks--div__SWIPER_PAG .swiper-pagination-bullet, sv1-decs--div__SWIPER_PAG  .swiper-pagination-bullet, .sv1-benefits--div__SWIPER_PAG  .swiper-pagination-bullet, .sv1-work--div__SWIPER_PAG  .swiper-pagination-bullet{
    margin: 0 7px !important;
    height: 14px;
    width: 14px;
    background-color: #d9d9d9;
    opacity: 1;
}




.sv1-problems--div__SWIPER_PAG .swiper-pagination-bullet-active, .sv1-tasks--div__SWIPER_PAG .swiper-pagination-bullet-active, sv1-decs--div__SWIPER_PAG  .swiper-pagination-bullet-active, .sv1-benefits--div__SWIPER_PAG .swiper-pagination-bullet-active, .sv1-work--div__SWIPER_PAG .swiper-pagination-bullet-active {
    background-color: #102254;
}




.sv1-decs--button__PREV,
.sv1-decs--button__NEXT,
.sv1-work--button__PREV,
.sv1-work--button__NEXT,
.sv1-benefits--button__PREV,
.sv1-benefits--button__NEXT,
.sv1-problems--button__PREV,
.sv1-problems--button__NEXT,
.sv1-interface--button__PREV,
.sv1-interface--button__NEXT,
.sv1-tasks--button__PREV,
.sv1-tasks--button__NEXT {
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
.sv1-problems--button__PREV,
.sv1-problems--button__NEXT{
    display: none;
}
.sv1-problems--button__PREV, .sv1-tasks--button__PREV, .sv1-decs--button__PREV, .sv1-benefits--button__PREV, .sv1-interface--button__PREV {
    left: -20px;
}
.sv1-work--button__PREV{
    left: 0;
}
.sv1-work--button__PREV{
    left: -5px
}    
.sv1-benefits--button__PREV{
    left: -35px
}    
.sv1-decs--button__PREV{
    left: 15px
}
@media (min-width: 600px) {
    .sv1-problems--button__PREV, .sv1-tasks--button__PREV, .sv1-decs--button__PREV, .sv1-interface--button__PREV {
        left: -10px;
    }
    .sv1-benefits--button__PREV{
        left: -35px
    }
    .sv1-decs--button__PREV{
        left: 15px
    }
    .sv1-work--button__PREV {
        left: 0;
    }
}
@media (min-width: 1200px) {
    .sv1-problems--button__PREV, .sv1-tasks--button__PREV, .sv1-decs--button__PREV, .sv1-interface--button__PREV {
        left: -23px;
    }
    .sv1-benefits--button__PREV{
        left: -30px
    }
    .sv1-work--button__PREV{
        left: -38px;
    }
    .sv1-decs--button__PREV{
        left: 20px;  
    }
    .sv1-work--button__PREV,
    .sv1-work--button__NEXT{
        display: none;
    }
    .sv1-problems--button__PREV,
    .sv1-problems--button__NEXT{
        display: flex;
    }
}
@media (min-width: 1900px) {
    .sv1-problems--button__PREV, .sv1-tasks--button__PREV, .sv1-interface--button__PREV{
        left: -60px;
    }
}




.sv1-problems--button__NEXT, .sv1-tasks--button__NEXT, .sv1-decs--button__NEXT, .sv1-benefits--button__NEXT, .sv1-benefits--button__NEXT, .sv1-interface--button__NEXT{
    right: -20px;
}
.sv1-work--button__NEXT {
    right: 0;
}
.sv1-benefits--button__NEXT{
    right: -35px;
}                          
.sv1-decs--button__NEXT{
    right: 15px;
}
@media (min-width: 600px) {
    .sv1-problems--button__NEXT, .sv1-tasks--button__NEXT, .sv1-decs--button__NEXT, .sv1-interface--button__NEXT {
        right: -10px;
    }
    .sv1-benefits--button__NEXT{
        right: -35px;
    }
    .sv1-decs--button__NEXT{
        right: 15px;
    }
    .sv1-work--button__NEXT {
        right: 0;
    }
}
@media (min-width: 1200px) {
    .sv1-problems--button__NEXT, .sv1-tasks--button__NEXT, .sv1-decs--button__NEXT, .sv1-benefits--button__NEXT, .sv1-interface--button__NEXT {
        right: -23px;
    }
    .sv1-work--button__NEXT {
        right: -38px;
    }
    .sv1-decs--button__NEXT{
        right: 20px; 
    }
    .sv1-benefits--button__NEXT{
        right: -30px;    
    }

}
@media (min-width: 1900px) {
    .sv1-problems--button__NEXT, .sv1-tasks--button__NEXT, .sv1-interface--button__NEXT {
        right: -60px;
    }
    .sv1-benefits--button__PREV{
        left: -60px
    }
    .sv1-benefits--button__NEXT{
        right: -60px
    }
    .sv1-benefits--button__NEXT img, .sv1-benefits--button__PREV img{
        width: 40px;
    }
}




.sv1-interface--button__PREV.swiper-button-disabled,
.sv1-interface--button__NEXT.swiper-button-disabled,
.sv1-problems--button__PREV.swiper-button-disabled,
.sv1-problems--button__NEXT.swiper-button-disabled,
.sv1-tasks--button__PREV.swiper-button-disabled,
.sv1-decs--button__PREV.swiper-button-disabled,
.sv1-benefits--button__PREV.swiper-button-disabled,
.sv1-work--button__PREV.swiper-button-disabled,
.sv1-tasks--button__NEXT.swiper-button-disabled,
.sv1-decs--button__NEXT.swiper-button-disabled,
.sv1-benefits--button__NEXT.swiper-button-disabled,
.sv1-work--button__NEXT.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
}




.sv1-problems--button__PREV img,
.sv1-problems--button__NEXT img,
.sv1-interface--button__PREV img,
.sv1-interface--button__NEXT img,
.sv1-tasks--button__PREV img,
.sv1-decs--button__PREV img,
/*.sv1-benefits--button__PREV img,*/
.sv1-work--button__PREV img,
.sv1-tasks--button__NEXT img,
.sv1-decs--button__NEXT img,
/*.sv1-benefits--button__NEXT img,*/
.sv1-work--button__NEXT img {
    width: 21px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .sv1-problems--button__PREV img,
    .sv1-problems--button__NEXT img,
    .sv1-interface--button__PREV img,
    .sv1-interface--button__NEXT img,
    .sv1-tasks--button__PREV img,
    .sv1-decs--button__PREV img,
/*    .sv1-benefits--button__PREV img,*/
/*    .sv1-benefits--button__NEXT img,*/
    .sv1-work--button__PREV img,
    .sv1-work--button__NEXT img,
    .sv1-tasks--button__NEXT img,
    .sv1-decs--button__NEXT img {
        width: 40px;
    }
}
@media (any-hover: hover) {
    .sv1-problems--button__PREV img:hover,
    .sv1-problems--button__NEXT img:hover,
    .sv1-interface--button__PREV img:hover,
    .sv1-interface--button__NEXT img:hover,
    .sv1-decs--button__PREV img:hover,
    .sv1-decs--button__NEXT img:hover,
    .sv1-benefits--button__PREV img:hover,
    .sv1-benefits--button__NEXT img:hover,
    .sv1-work--button__PREV img:hover,
    .sv1-work--button__NEXT img:hover,
    .sv1-tasks--button__PREV img:hover,
    .sv1-tasks--button__NEXT img:hover {
        filter: brightness(120%);
    }
    .sv1-decs--button__PREV.swiper-button-disabled img:hover,
    .sv1-decs--button__NEXT.swiper-button-disabled img:hover,
    .sv1-benefits--button__PREV.swiper-button-disabled img:hover,
    .sv1-benefits--button__NEXT.swiper-button-disabled img:hover,
    .sv1-work--button__PREV.swiper-button-disabled img:hover,
    .sv1-work--button__NEXT.swiper-button-disabled img:hover,
    .sv1-problems--button__PREV.swiper-button-disabled img:hover,
    .sv1-problems--button__NEXT.swiper-button-disabled img:hover,
    .sv1-interface--button__PREV.swiper-button-disabled img:hover,
    .sv1-interface--button__NEXT.swiper-button-disabled img:hover,
    .sv1-tasks--button__PREV.swiper-button-disabled img:hover,
    .sv1-tasks--button__NEXT.swiper-button-disabled img:hover {
        filter: brightness(100%);
    }
}
.sv1-decs--button__PREV img:active,
.sv1-decs--button__NEXT img:active,
.sv1-benefits--button__PREV img:active,
.sv1-benefits--button__NEXT img:active,
.sv1-work--button__PREV img:active,
.sv1-work--button__NEXT img:active,
.sv1-problems--button__PREV img:active,
.sv1-problems--button__NEXT img:active,
.sv1-interface--button__PREV img:active,
.sv1-interface--button__NEXT img:active,
.sv1-tasks--button__PREV img:active,
.sv1-tasks--button__NEXT img:active {
    filter: brightness(120%);
}
.sv1-decs--button__PREV.swiper-button-disabled img:active,
.sv1-decs--button__NEXT.swiper-button-disabled img:active,
.sv1-benefits--button__PREV.swiper-button-disabled img:active,
.sv1-benefits--button__NEXT.swiper-button-disabled img:active,
.sv1-work--button__PREV.swiper-button-disabled img:active,
.sv1-work--button__NEXT.swiper-button-disabled img:active,
.sv1-problems--button__PREV.swiper-button-disabled img:active,
.sv1-problems--button__NEXT.swiper-button-disabled img:active,
.sv1-interface--button__PREV.swiper-button-disabled img:active,
.sv1-interface--button__NEXT.swiper-button-disabled img:active,
.sv1-tasks--button__PREV.swiper-button-disabled img:active,
.sv1-tasks--button__NEXT.swiper-button-disabled img:active {
    filter: brightness(100%);
}







/* ---------- ********** SECTION DECS ********** ----------- */


.sv1-decs {
    padding: 75px 0px;
    background: linear-gradient(190deg, #10225488, #102254 65%), linear-gradient(270deg, #10225488, #102254 65%), url("../images/sevices1/sv1-decs1.jpg") top right / auto 30% no-repeat;
}
@media (min-width: 768px) {
    .sv1-decs {
        background: linear-gradient(200deg, #10225455, #102254 45%), linear-gradient(270deg, #10225455, #102254 50%), url("../images/sevices1/sv1-decs1.jpg") top right / auto 60% no-repeat;
    }
}
@media (min-width: 1200px) {
    .sv1-decs {
        padding: 100px 0px 100px;
        background: linear-gradient(200deg, #10225433, #102254 45%), linear-gradient(270deg, #10225433, #102254 50%), url("../images/sevices1/sv1-decs1.jpg") top right / auto 70% no-repeat;
    }
}
@media (min-width: 1500px) {
    .sv1-decs {
        padding: 130px 0px 130px;
    }
}




.sv1-decs--div__WRAPPER {
    position: relative;
}




.sv1-decs .title_main.title_blue {
    color: #fff;
}
@media (min-width: 1200px) {
    .sv1-decs .title_main.title_blue {
        margin-bottom: 0;
    }
    .sv1-decs svg{
        max-width: 60%;
        margin: 5px 0;
    }
}




.sv1-decs--div__WRAPPER > svg {
    display: none;
}
@media (min-width: 500px) {
    .sv1-decs--div__WRAPPER > svg {
        margin-right: 20px;
        max-width: 540px;
        position: absolute;
        left: 0;
        top: 33px;
        z-index: 10;
        display: block;
    }
    .sv1-decs--div__WRAPPER.big > svg {
        top: 140px;
    }
}
@media (min-width: 536px) {
    .sv1-decs--div__WRAPPER.big > svg {
        top: 105px;
    }
}
@media (min-width: 691px) {
    .sv1-decs--div__WRAPPER.big > svg {
        top: 72px;
    }
}
@media (min-width: 1200px) {
    .sv1-decs--div__WRAPPER > svg {
        width: 60%;max-width: none;
        position: absolute;
        left: 0;
        top: 55px;
        z-index: 10;
    }
    .sv1-decs--div__WRAPPER.big > svg {
        top: 85px;
    }
}
@media (min-width: 1500px) {
    .sv1-decs--div__WRAPPER > svg {
        top: 115px;
        display: none;
    }
    .sv1-decs--div__WRAPPER.big > svg {
        top: 125px;
    }
}
@media (min-width: 1810px) {
    .sv1-decs--div__WRAPPER > svg {
        left: 20px
    }
}




.sv1-decs--p__TOP, .sv1-decs--p__BOTTOM {
    margin-top: 0;
    font-size: 16px;
    line-height: 1.4;
    color: #fff;
}
.sv1-decs--p__BOTTOM{
    margin-top: 40px;
    font-size: 20px;
    font-weight: 700;
}
@media (min-width: 600px) and (max-width: 1200px) {
    .sv1-decs--p__TOP {
        max-width: 800px;
    }
}
@media (min-width: 1200px) {
    .sv1-decs--p__TOP {
        max-width: 85%;
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .sv1-decs--p__TOP {
        max-width: 60%;
        font-size: 20px;
    }
}




.sv1-decs--p__RES {
    margin: 40px 0 20px;
    font-weight: 800;
    font-size: 24px;
    color: #fff;
    text-transform: uppercase;
}
@media (min-width: 1200px) {
    .sv1-decs--p__RES {
        margin: 60px 0 25px;
        font-size: 36px;
    }
}
@media (min-width: 1500px) {
    .sv1-decs--p__RES {
        margin: 80px 0 30px;
        font-size: 50px;
    }
}




.sv1-decs--div__GRID {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}
@media (min-width: 768px) {
    .sv1-decs--div__GRID {
        grid-template-columns: 1fr 1fr;
    }
}




.sv1-decs--div__ITEM {
    padding: 10px 40px;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #9fa7bb;
    border-radius: 2px;
    border-left: 10px solid #e84f22;
    display: flex;
    align-items: stretch;
    height: auto;
    flex-direction: column;
}
.sv1-decs--div__ITEM.realization-item{
    display: block;
    gap: 0;
}
@media (min-width: 600px) {
    .sv1-decs--div__ITEM {
        padding: 12px 45px;
        gap: 20px;
    }
    .sv1-decs--div__ITEM.realization-item{
        gap:0;
    }
}
@media (min-width: 1200px) {
    .sv1-decs--div__ITEM {
        padding: 27px 90px;
        gap: 38px;
    }
    .sv1-decs--div__ITEM.realization-item{
/*        gap:0;*/
    }

}
.realization-header span{
    font-weight: bold;
    color: #102254;
}




.sv1-decs--p__ITEM {
    font-weight: 500;
    font-size: 16px;
    color: #fff;
}
@media (min-width: 1200px) {
    .sv1-decs--p__ITEM {
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .sv1-decs--p__ITEM {
        font-size: 20px;
    }
}
@media (min-width: 1900px) {
    .sv1-decs--p__ITEM {
        font-size: 24px;
    }
}







/* ---------- ********** SECTION FEAT ********** ----------- */


.sv1-feat {
    padding: 75px 0px;
}
@media (min-width: 1200px) {
    .sv1-feat {
        padding: 100px 0px 100px;
    }
}
@media (min-width: 1500px) {
    .sv1-feat {
        padding: 130px 0px 130px;
    }
}




.sv1-feat--div__BODY {
    display: flex;
    flex-direction: column;
    gap: 16px;
}




.sv1-feat--div__ITEM {
    display: flex;
    flex-direction: column;
    transition: all 0.7s;
}
.__sv1-feat--div__ITEM {
    box-shadow: 2px 2px 11px #10225433;
}




.sv1-feat--h3 {
    margin: 0;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-weight: 600;
    font-size: 16px;
    color: #fff;
    background-color: #102254;
    border-left: 10px solid #e84f22;
    border-radius: 2px;
    cursor: pointer;
}
@media (min-width: 1200px) {
    .sv1-feat--h3 {
        padding: 27px 36px;
        font-size: 20px;
    }
}
@media (min-width: 1500px) {
    .sv1-feat--h3 {
        font-size: 24px;
    }
}




.sv1-feat--h3 svg {
    width: 14px;
    flex: 0 0 auto;
    transition: transform 0.7s;
}
.__sv1-feat--svg {
    transform: rotate(180deg);
}




.sv1-feat--ul {
    margin: 0;
    padding: 0px 40px;
    max-height: 0px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    transition: all 0.7s;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .sv1-feat--ul {
        padding: 0px 60px;
        gap: 40px;
    } 
}
@media (min-width: 1500px) {
    .sv1-feat--ul {
        padding: 0px 60px 0px 80px;
        gap: 40px;
    } 
}
.__sv1-feat--ul {
    max-height: 1500px;
    padding: 30px 40px;
}
@media (min-width: 1200px) {
    .__sv1-feat--ul {
        padding: 30px 60px;
    }
}
@media (min-width: 1500px) {
    .__sv1-feat--ul {
        padding: 30px 60px 30px 80px;
    }
}




.sv1-feat--li {
    font-size: 16px;
}
@media (min-width: 1200px) {
    .sv1-feat--li {
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .sv1-feat--li {
        font-size: 20px;
    }
}




.sv1-feat--li span {
    font-weight: 500;
}







/* ---------- ********** SECTION COMPL ********** ----------- */


.hm-compl.sv1 {
    padding: 75px 0px;
    background: url("../images/sevices1/sv1-compl.jpg") top left / cover no-repeat;
}
@media (min-width: 1200px) {
    .hm-compl.sv1 {
        padding: 100px 0px 100px;
        background: url("../images/sevices1/sv1-compl.jpg") center / cover no-repeat;
    }
}
@media (min-width: 1500px) {
    .hm-compl.sv1 {
        padding: 130px 0px 130px;
    }
}







/* ---------- ********** SECTION FORM ********** ----------- */


.order-b.footer-order-form.sv1 {
    padding: 242px 0px 75px;
    background: linear-gradient(#10225400 0%, #102254 55%) top / 100% 60% no-repeat, url("../images/sevices1/sv1-form1.jpeg") top / 100% auto no-repeat;
    background-color: #102254;
    border-bottom: none;
}
@media (min-width: 600px) {
    .order-b.footer-order-form.sv1 {
        background: linear-gradient(#10225400 0%, #102254 50%) top / 100% 100% no-repeat, url("../images/sevices1/sv1-form1.jpeg") top / 100% auto no-repeat;
    }
}
@media (min-width: 1200px) {
    .order-b.footer-order-form.sv1 {
        padding: 85px 0px 95px 0px;
        background: linear-gradient(270deg, #10225400 0%, #102254 60%), url("../images/sevices1/sv1-form1.jpeg") right / auto 100% no-repeat;
    }
}
@media (min-width: 2200px) {
    .order-b.footer-order-form.sv1 {
        background: linear-gradient(270deg, #10225400 0%, #102254 60%), url("../images/sevices1/sv1-form1.jpeg") center / cover no-repeat;
    }
}




.order-b.footer-order-form.sv1 > svg {
    width: 83%;
    position: absolute;
    left: 0;
    bottom: 430px;
}
@media (min-width: 401px) {
    .order-b.footer-order-form.sv1 > svg {
        bottom: 405px;
    }
}
@media (min-width: 609px) {
    .order-b.footer-order-form.sv1 > svg {
        bottom: 395px;
    }
}
@media (min-width: 992px) {
    .order-b.footer-order-form.sv1 > svg {
        width: 65%;
        bottom: 395px;
    }
}
@media (min-width: 1200px) {
    .order-b.footer-order-form.sv1 > svg {
        width: 53%;
        bottom: 570px;
    }
}
@media (min-width: 1800px) {
    .order-b.footer-order-form.sv1 > svg {
        bottom: 560px;
        max-width: 1000px;
    }
}
@media (min-width: 1810px) {
    .order-b.footer-order-form.sv1 > svg {
        left: calc((100vw - 1770px) / 2);
    }
}














/* *************** *************** ПРОЕКТЫ *************** **************** */


/* ---------- ********** SECTION OFFER ********** ----------- */


@media (min-width: 1200px) {
    .hm-offer.sv.cs {
        padding-bottom: 100px;
    }
}
@media (min-width: 1500px) {
    .hm-offer.sv.cs {
        padding-bottom: 130px;
    }
}





.sv-offer--div__TOP.cs {
    padding-bottom: 60px;
}




.cs-offer--div__WRAP {
    display: none;
    opacity: 0;
    transition: 0.7s opacity;
}
.__cs-offer--div__WRAP {
    display: block;
}
.__cs-offer--div__WRAP2 {
    opacity: 1;
}




.cs-offer--div__SWIPER {
    overflow: hidden;
    transition: padding 0.7s;
}
.__cs-offer--div__SWIPER__PADD {
    padding-bottom: 80px;
}
@media (min-width: 1200px) {
    .__cs-offer--div__SWIPER__PADD {
        padding-bottom: 100px;
    }
}




.cs-offer--div__SWIPER_SLIDE {
    display: grid;
    grid-template-columns: 1fr;
    gap: 40px;
}
@media (min-width: 768px) {
    .cs-offer--div__SWIPER_SLIDE {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: 1fr;
    }
}
@media (min-width: 1200px) {
    .cs-offer--div__SWIPER_SLIDE {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 60px;
    }
}




.cs-offer--div__BLOCK {
    position: relative;
    display: flex;
    flex-direction: column;
}




.cs-offer--div__SWIPER_PAG {
    bottom: 0 !important;
    display: flex;
    justify-content: center;
}




.cs-offer--div__SWIPER_PAG .swiper-pagination-bullet {
    padding: 10px 19px;
    height: 44px;
    width: 44px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--theme-font-family);
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    color: #333;
    background-color: transparent;
    border-radius: 2px;
    opacity: 1;
    transition: background-color 0.3s;
}
@media (any-hover: hover) {
    .cs-offer--div__SWIPER_PAG .swiper-pagination-bullet:hover {
        background-color: #EF8364;
    }
}




.cs-offer--div__SWIPER_PAG .swiper-pagination-bullet.swiper-pagination-bullet-active {
    color: #fff;
    background-color: #e84f22;
}




.__cs-offer--div__SWIPER_PAG {
    display: none !important;
}














/* *************** *************** ПРОЕКТ1 *************** **************** */


/* ---------- ********** SECTION HERO ********** ----------- */


.cs1-hero {
    padding: 130px 0px 0px;
    background: none;
}
@media (min-width: 1200px) {
    .cs1-hero {
        padding: 140px 0px 0px;
    }
}
@media (min-width: 1500px) {
    .cs1-hero {
        max-width: 1920px;
    }
}




.sv1-hero--ul__BC.cs1 {
    margin: 0;
    padding-bottom: 40px;
}




.sv1-hero--a__BC.cs1 {
    color: #828DA4;
}




.sv1-hero--li__BC.cs1:last-of-type a {
    color: #3A4585;
}




.cs1-hero--div__BODY {
    display: flex;
    flex-direction: column;
}
@media (min-width: 992px) {
    .cs1-hero--div__BODY {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
    } 
}




.cs1-hero--img {
    width: 100%;
    pointer-events: none;
}
@media (min-width: 992px) {
    .cs1-hero--img {
        width: 49%;
        flex-grow: 1;
        object-fit: cover;
    }
}




.cs1-hero--div__TEXT {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    background-color: #102254;
}
@media (min-width: 400px) {
    .cs1-hero--div__TEXT {
        padding: 40px;
    }
}
@media (min-width: 992px) {
    .cs1-hero--div__TEXT {
        padding: 48px;
        width: 50%;
        flex-grow: 1;
    }
}
@media (min-width: 1500px) {
    .cs1-hero--div__TEXT {
        padding: 60px;
    }
}
@media (min-width: 1900px) {
    .cs1-hero--div__TEXT {
        padding: 100px;
    }
}




.cs1-hero--div__TEXT .title_main.title_blue {
    margin: 0;
    color: #fff;
}




.cs1-hero--p__DESCR {
    margin: 35px 0 0;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}
@media (min-width: 1200px) {
    .cs1-hero--p__DESCR {
        margin: 40px 0 0;
        font-size: 24px;
    }
}
@media (min-width: 1500px) {
    .cs1-hero--p__DESCR {
        margin: 65px 0 0;
        font-size: 30px;
    }
}




.cs1-hero--p__GRID_CAPT {
    margin: 35px 0 0;
    font-weight: 700;
    font-size: 20px;
    color: #fff;
}
@media (min-width: 1200px) {
    .cs1-hero--p__GRID_CAPT {
        margin: 40px 0 0;
        font-size: 24px;
    }
}
@media (min-width: 1500px) {
    .cs1-hero--p__GRID_CAPT {
        margin: 65px 0 0;
        font-size: 30px;
    }
}




.cs1-hero--div__CONT {
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
@media (min-width: 1200px) {
    .cs1-hero--div__CONT {
        margin-top: 20px;
    }
}
@media (min-width: 1500px) {
    .cs1-hero--div__CONT {
        margin-top: 25px;
    }
}




.cs1-hero--div__ITEM {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 7px;
}




.cs1-hero--span__ITEM {
    font-size: 16px;
    color: #fff;
}
@media (min-width: 1200px) {
    .cs1-hero--span__ITEM {
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .cs1-hero--span__ITEM {
        font-size: 24px;
    }
}



.cs1-hero--span__ITEM.n2 {
    font-weight: 800;
    color: #e84f22;
}







/* ---------- ********** SECTION DESCR ********** ----------- */


.cs1-descr {
    padding: 75px 0px;
}
@media (min-width: 1200px) {
    .cs1-descr {
        padding: 100px 0px 85px;
    }
}
@media (min-width: 1500px) {
    .cs1-descr {
        padding: 130px 0px 115px;
    }
}




.cs1-descr--div__WRAPPER {
    display: flex;
    flex-direction: column;
}
@media (min-width: 992px) {
    .cs1-descr--div__WRAPPER {
        flex-direction: row;
        justify-content: space-between;
    }
}




.cs1-descr--img {
    width: 100%;
    pointer-events: none;
    border-radius: 2px;
    box-shadow: 7px 7px 0px #e84f22;
}
@media (min-width: 992px) {
    .cs1-descr--img {
        width: 49%;
        flex-grow: 1;
        object-fit: cover;
        box-shadow: 13px 13px 0px #e84f22;
    }
}




.cs1-descr--div__TEXT {
    padding: 45px 0px 0px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}
@media (min-width: 992px) {
    .cs1-descr--div__TEXT {
        padding: 25px 0px 25px 40px;
        width: 49%;
        flex-grow: 1;
    }
}
@media (min-width: 1200px) {
    .cs1-descr--div__TEXT {
        gap: 30px;
    }
}
@media (min-width: 1500px) {
    .cs1-descr--div__TEXT {
        padding: 45px 0px 45px 60px;
        gap: 40px;
    }
}




.cs1-descr--div__TEXT .title_main.title_blue {
    margin: 0 0 5px;
}




.cs1-descr--p__TEXT {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
}
@media (min-width: 1200px) {
    .cs1-descr--p__TEXT {
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .cs1-descr--p__TEXT {
        font-size: 20px;
    }
}




.cs1-descr--p__TEXT span {
    font-weight: 700;
    color: #102254;
}







/* ---------- ********** SECTION PURP ********** ----------- */


.sv1-decs.cs1 {
    padding: 75px 0px;
    background: linear-gradient(190deg, #10225488, #102254 65%), linear-gradient(270deg, #10225488, #102254 65%), url("../images/case1/cs1-purp.jpeg") top right / auto 30% no-repeat;
}
@media (min-width: 768px) {
    .sv1-decs.cs1 {
        background: linear-gradient(200deg, #10225455, #102254 45%), linear-gradient(270deg, #10225455, #102254 50%), url("../images/case1/cs1-purp.jpeg") top right / auto 60% no-repeat;
    }
}
@media (min-width: 1200px) {
    .sv1-decs.cs1 {
        padding: 100px 0px 100px;
        background: linear-gradient(200deg, #10225455, #102254 45%), linear-gradient(270deg, #10225455, #102254 50%), url("../images/case1/cs1-purp.jpeg") top right / auto 70% no-repeat;
    }
}
@media (min-width: 1500px) {
    .sv1-decs.cs1 {
        padding: 130px 0px 130px;
    }
}




.sv1-decs--p__TOP.cs1 {
    margin-top: 60px;
}
@media (min-width: 1200px) {
    .sv1-decs--p__TOP.cs1 {
        margin-top: 85px;
        margin-bottom: 25px;
    }
}
@media (min-width: 1500px) {
    .sv1-decs--p__TOP.cs1 {
        margin-top: 95px;
        margin-bottom: 35px;
    }
}




@media (min-width: 1200px) {
    .sv1-decs--div__GRID.cs1 {
        grid-template-columns: 1fr 1fr 1fr;
        grid-column-gap: 20px;
        grid-row-gap: 16px;
    }
}




.sv1-decs--div__ITEM.cs1 {
    padding: 20px;
    gap: 30px;
    border: none;
}



.cs1-purp--p {
    margin: 0;
    font-weight: 800;
    font-size: 36px;
    color: #fff;
}
@media (min-width: 1200px) {
    .cs1-purp--p {
        font-size: 40px;
    }
}
@media (min-width: 1500px) {
    .cs1-purp--p {
        font-size: 45px;
    }
}




.sv1-decs--p__ITEM.cs1 {
    margin: 0;
}







/* ---------- ********** SECTION COMPL ********** ----------- */


.sv1-feat--h3.cs1 {
    justify-content: flex-start;
    gap: 15px;
}
@media (min-width: 1200px) {
    .sv1-feat--h3.cs1 {
        gap: 20px;
    }
}
@media (min-width: 1500px) {
    .sv1-feat--h3.cs1 {
        gap: 36px;
    }
}




.sv1-feat--h3.cs1 > svg {
    margin-left: auto;
}




@media (min-width: 1200px) {
    .sv1-feat--ul.cs1 {
        gap: 30px;
    }
}




.cs1-compl--div__WRAP {
    margin-top: 20px;
    position: relative;
}
@media (min-width: 1200px) {
    .cs1-compl--div__WRAP {
        margin-top: 30px;
        padding: 0 40px;
    }
}
@media (min-width: 1500px) {
    .cs1-compl--div__WRAP {
        margin-top: 40px;
        padding: 0 60px;
    }
}




.cs1-compl--div__SWIPER {
    padding-bottom: 60px;
    overflow: hidden;
}
@media (min-width: 1200px) {
    .cs1-compl--div__SWIPER {
        padding-bottom: none;
    }
}




.cs1-compl--img__SCHEME {
    width: 100%;
}




.cs1-compl--div__SWIPER_PAG {
    bottom: 0 !important;
}
@media (min-width: 1200px) {
    .cs1-compl--div__SWIPER_PAG {
        display: none;
    }
}




.cs1-compl--div__SWIPER_PAG .swiper-pagination-bullet {
    margin: 0 7px !important;
    height: 14px;
    width: 14px;
    background-color: #d9d9d9;
    opacity: 1;
}




.cs1-compl--div__SWIPER_PAG .swiper-pagination-bullet-active {
    background-color: #102254;
}




.cs1-compl--button__PREV,
.cs1-compl--button__NEXT {
    position: absolute;
    z-index: 2;
    display: none;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}
@media (min-width: 1200px) {
    .cs1-compl--button__PREV,
    .cs1-compl--button__NEXT {
        display: flex;
    }
}




@media (min-width: 1200px) {
    .cs1-compl--button__PREV {
        left: -23px;
    }
}




@media (min-width: 1200px) {
    .cs1-compl--button__NEXT {
        right: -23px;
    }
}




.cs1-compl--button__PREV.swiper-button-disabled,
.cs1-compl--button__NEXT.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
}




.cs1-compl--button__PREV img,
.cs1-compl--button__NEXT img {
    width: 21px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .cs1-compl--button__PREV img,
    .cs1-compl--button__NEXT img {
        width: 40px;
    }
}
@media (any-hover: hover) {
    .cs1-compl--button__PREV img:hover,
    .cs1-compl--button__NEXT img:hover {
        filter: brightness(120%);
    }
    .cs1-compl--button__PREV.swiper-button-disabled img:hover,
    .cs1-compl--button__NEXT.swiper-button-disabled img:hover {
        filter: brightness(100%);
    }
}
.cs1-compl--button__PREV img:active,
.cs1-compl--button__NEXT img:active {
    filter: brightness(120%);
}
.cs1-compl--button__PREV.swiper-button-disabled img:active,
.cs1-compl--button__NEXT.swiper-button-disabled img:active {
    filter: brightness(100%);
}







/* ---------- ********** SECTION REAL ********** ----------- */


.cs1-real {
    padding: 75px 0px;
    background: #102254;
}
@media (min-width: 1200px) {
    .cs1-real {
        padding: 100px 0px;
    }
}
@media (min-width: 1500px) {
    .cs1-real {
        padding: 130px 0px;
    }
}




.cs1-real .title_main.title_blue {
    color: #fff;
}




.sv1-decs--div__GRID.cs11 {
    grid-auto-rows: auto;
}




.sv1-decs--div__ITEM.cs11 {
    padding: 15px 20px;
    flex-direction: column;
    align-items: stretch;
    gap: 20px;
}
@media (min-width: 1200px) {
    .sv1-decs--div__ITEM.cs11 {
        padding: 25px 40px;
        gap: 30px;
    }
}
@media (min-width: 1500px) {
    .sv1-decs--div__ITEM.cs11 {
        padding: 30px 50px;
    }
}




.cs1-real--p__ITEM_CAPT {
    margin: 0;
    font-weight: 700;
    font-size: 18px;
    color: #fff;
}
@media (min-width: 1200px) {
    .cs1-real--p__ITEM_CAPT {
        font-size: 20px;
    }
}
@media (min-width: 1500px) {
    .cs1-real--p__ITEM_CAPT {
        font-size: 24px;
    }
}




.cs1-real--ul {
    margin: 0;
    padding-left: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}




.cs1-real--li {
    margin: 0;
    font-size: 16px;
    color: #fff;
}
@media (min-width: 1200px) {
    .cs1-real--li{
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .cs1-real--li {
        font-size: 20px;
    }
}




.cs1-real--div__WRAP {
    position: relative;
}




.cs1-real--div__SWIPER {
    margin: 40px 40px 0px;
    padding-bottom: 60px;
    overflow: hidden;
}
@media (min-width: 768px) {
    .cs1-real--div__SWIPER {
        margin: 60px 40px 0px;
    }
}
@media (min-width: 1200px) {
    .cs1-real--div__SWIPER {
        margin: 60px 60px 0px;
        padding-bottom: 80px;
    }
}
@media (min-width: 1500px) {
    .cs1-real--div__SWIPER {
        margin: 80px 60px 0px;
    }
}




.cs1-real--div__SWIPER_WRAPPER {
    align-items: stretch;
}




.cs1-real--div__SWIPER_SLIDE {
    height: auto;
}




.cs1-real--div__SWIPER_SLIDE img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}




.cs1-real--div__SWIPER_PAG {
    bottom: 0 !important;
}




.cs1-real--div__SWIPER_PAG .swiper-pagination-bullet {
    margin: 0 7px !important;
    height: 14px;
    width: 14px;
    background-color: #d9d9d9;
    opacity: 1;
}




.cs1-real--div__SWIPER_PAG .swiper-pagination-bullet-active {
    background-color: #E84F22;
}




.cs1-real--button__PREV,
.cs1-real--button__NEXT {
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}




.cs1-real--button__PREV {
    left: 0px;
}




.cs1-real--button__NEXT {
    right: 0px;
}




.cs1-real--button__PREV.swiper-button-disabled,
.cs1-real--button__NEXT.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
}




.cs1-real--button__PREV img,
.cs1-real--button__NEXT img {
    width: 21px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .cs1-real--button__PREV img,
    .cs1-real--button__NEXT img {
        width: 40px;
    }
}
@media (any-hover: hover) {
    .cs1-real--button__PREV img:hover,
    .cs1-real--button__NEXT img:hover {
        filter: brightness(120%);
    }
    .cs1-real--button__PREV.swiper-button-disabled img:hover,
    .cs1-real--button__NEXT.swiper-button-disabled img:hover {
        filter: brightness(100%);
    }
}
.cs1-real--button__PREV img:active,
.cs1-real--button__NEXT img:active {
    filter: brightness(120%);
}
.cs1-real--button__PREV.swiper-button-disabled img:active,
.cs1-real--button__NEXT.swiper-button-disabled img:active {
    filter: brightness(100%);
}







/* ---------- ********** SECTION DIFFS ********** ----------- */


.sv1-feat.cs12 {
    padding: 75px 0px;
    background: url("../images/case1/cs1-diffs.jpg") left / cover no-repeat;
}
@media (min-width: 1200px) {
    .sv1-feat.cs12{
        padding: 100px 0px 100px;
        background: url("../images/case1/cs1-diffs.jpg") center / cover no-repeat;
    }
}
@media (min-width: 1500px) {
    .sv1-feat.cs12 {
        padding: 130px 0px 130px;
    }
}




.cs1-diffs--div__CONT {
    padding-bottom: 30px;
    display: flex;
    flex-direction: column;
    background-color: #fff;
    box-shadow: 2px 0px 11px #10225433;
}




.sv1-feat--ul.cs12 {
    max-height: 1500px;
    padding: 30px 15px 15px 35px;
    gap: 15px;
}
@media (min-width: 1200px) {
    .sv1-feat--ul.cs12 {
        padding: 30px 20px 20px 50px;
        gap: 20px;
    }
}
@media (min-width: 1500px) {
    .sv1-feat--ul.cs12 {
        padding: 30px 20px 20px 80px;
        gap: 20px;
    }
}




.cs1-diffs--ol {
    margin-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}
@media (min-width: 1200px) {
    .cs1-diffs--ol {
        margin-top: 20px;
        gap: 15px;
    }
}




.cs1-diffs--p__RES {
    margin: 0;
    padding: 0px 15px 0px 35px;
    font-size: 16px;
}
@media (min-width: 1200px) {
    .cs1-diffs--p__RES {
        padding: 0px 20px 0px 50px;
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .cs1-diffs--p__RES {
        padding: 0px 20px 0px 75px;
        font-size: 20px;
    }
}







/* ---------- ********** SECTION DONE ********** ----------- */


.cs1-done {
    padding: 75px 0px;
    background: #fff;
}
@media (min-width: 1200px) {
    .cs1-done {
        padding: 100px 0px;
    }
}
@media (min-width: 1500px) {
    .cs1-done {
        padding: 130px 0px;
    }
}




.cs1-done--div__CONT {
    display: flex;
    flex-direction: column;
    gap: 26px;
}
@media (min-width: 1200px) {
    .cs1-done--div__CONT {
        flex-direction: row;
        justify-content: space-between;
        gap: 30px;
    }
}




.cs1-done--div__COL {
    display: flex;
    flex-direction: column;
    gap: 26px;
}
@media (min-width: 1200px) {
    .cs1-done--div__COL {
        width: 49%;
    }
}




.sv1-decs--div__ITEM.cs11.cs13 {
    background-color: #DEE1E7;
    border-left-color: #102254;
    box-shadow: 2px 2px 11px #10225433;
    gap: 20px;
}




.sv1-decs--div__ITEM.cs11.cs13 p {
    color: #102254;
}




.sv1-decs--div__ITEM.cs11.cs13 li {
    color: #333;
}




.cs1-done--div__WRAP {
    margin-top: 30px;
    padding-bottom: 30px;
    position: relative;
    display: flex;
    background-color: #354778;
    border-radius: 4px;
}
@media (min-width: 1200px) {
    .cs1-done--div__WRAP {
        margin-top: 50px;
        padding-bottom: 40px;
    }
}
@media (min-width: 1500px) {
    .cs1-done--div__WRAP {
        margin-top: 70px;
        padding-bottom: 45px;
    }
}




.cs1-done--div__SWIPER {
    margin: 40px 40px 0px;
    padding-bottom: 50px;
    position: relative;
    overflow: hidden;
}
@media (min-width: 768px) {
    .cs1-done--div__SWIPER {
        margin: 60px 40px 0px;
    }
}
@media (min-width: 1200px) {
    .cs1-done--div__SWIPER {
        margin: 60px 60px 0px;
        padding-bottom: 60px;
    }
}
@media (min-width: 1500px) {
    .cs1-done--div__SWIPER {
        margin: 80px 60px 0px;
    }
}




.cs1-done--div__SWIPER_WRAPPER {
    align-items: stretch;
}




.cs1-done--div__SWIPER_SLIDE {
    height: auto;
}




.cs1-done--div__SWIPER_SLIDE img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}




.cs1-done--div__SWIPER_PAG {
    bottom: 0 !important;
}




.cs1-done--div__SWIPER_PAG .swiper-pagination-bullet {
    margin: 0 7px !important;
    height: 14px;
    width: 14px;
    background-color: #d9d9d9;
    opacity: 1;
}




.cs1-done--div__SWIPER_PAG .swiper-pagination-bullet-active {
    background-color: #E84F22;
}




.cs1-done--button__PREV,
.cs1-done--button__NEXT {
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    border: none;
    cursor: pointer;
}




.cs1-done--button__PREV {
    left: 0px;
}




.cs1-done--button__NEXT {
    right: 0px;
}




.cs1-done--button__PREV.swiper-button-disabled,
.cs1-done--button__NEXT.swiper-button-disabled {
    opacity: 0.5;
    cursor: auto;
}




.cs1-done--button__PREV img,
.cs1-done--button__NEXT img {
    width: 21px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .cs1-done--button__PREV img,
    .cs1-done--button__NEXT img {
        width: 40px;
    }
}
@media (any-hover: hover) {
    .cs1-done--button__PREV img:hover,
    .cs1-done--button__NEXT img:hover {
        filter: brightness(120%);
    }
    .cs1-done--button__PREV.swiper-button-disabled img:hover,
    .cs1-done--button__NEXT.swiper-button-disabled img:hover {
        filter: brightness(100%);
    }
}
.cs1-done--button__PREV img:active,
.cs1-done--button__NEXT img:active {
    filter: brightness(120%);
}
.cs1-done--button__PREV.swiper-button-disabled img:active,
.cs1-done--button__NEXT.swiper-button-disabled img:active {
    filter: brightness(100%);
}







/* ---------- ********** SECTION RESULTS ********** ----------- */


.sv1-decs--div__ITEM.cs11.cs14 {
    flex-direction: row;
    gap: 20px;
}
@media (min-width: 420px) {
    .sv1-decs--div__ITEM.cs11.cs14 {
        gap: 25px;
    }
}
@media (min-width: 1200px) {
    .sv1-decs--div__ITEM.cs11.cs14 {
        padding: 25px;
        gap: 30px;
    }
}
@media (min-width: 1500px) {
    .sv1-decs--div__ITEM.cs11.cs14 {
        padding: 30px;
        gap: 30px;
    }
}



@media (min-width: 768px) and (max-width: 992px) {
    .sv1-decs--div__GRID.cs11.cs14 {
        grid-template-columns: 1fr;
    }
}




.sv1-decs--div__ITEM.cs11.cs14 > img {
    display: none;
}
@media (min-width: 560px)  {
    .sv1-decs--div__ITEM.cs11.cs14 > img {
        width: 60px;
        display: block;
    }
}
@media (min-width: 1200px)  {
    .sv1-decs--div__ITEM.cs11.cs14 > img {
        width: 100px;
        align-self: center;
    }
}




.cs1-real--p__ITEM_CAPT.cs14 {
    margin-bottom: 12px;
}




.cs1-results--div__END {
    margin-top: 40px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #354778;
    border-radius: 4px;
}
@media (min-width: 992px) {
    .cs1-results--div__END {
        padding: 30px 20px;
        flex-direction: row;
        justify-content: space-between;
    }
}
@media (min-width: 1200px) {
    .cs1-results--div__END {
        margin-top: 60px;
        padding: 40px 25px;
    }
}
@media (min-width: 1500px) {
    .cs1-results--div__END {
        margin-top: 90px;
        padding: 80px 30px;
        gap: 30px;
    }
}




.cs1-results--img {
    width: 100%;
    pointer-events: none;
    border-radius: 2px;
    box-shadow: 7px 7px 0px #e84f22;
}
@media (min-width: 992px) {
    .cs1-results--img {
        width: 49%;
        pointer-events: none;
        flex-grow: 1;
        object-fit: cover;
        box-shadow: 13px 13px 0px #e84f22;
    }
}




.cs1-results--div__END_TEXT {
    padding: 30px 0px;
    display: flex;
    flex-direction: column;
    gap: 17px;
}
@media (min-width: 992px) {
    .cs1-results--div__END_TEXT {
        padding: 25px 0px 25px 40px;
        width: 49%;
        flex-grow: 1;
    }
}
@media (min-width: 1200px) {
    .cs1-results--div__END_TEXT {
        gap: 30px;
    }
}
@media (min-width: 1500px) {
    .cs1-results--div__END_TEXT {
        padding: 45px 0px 45px 60px;
        gap: 40px;
    }
}




.cs1-results--div__END_TEXT .title_main.title_blue {
    margin: 0;
}




.cs1-results--p__END {
    margin: 0;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}
@media (min-width: 1200px) {
    .cs1-results--p__END {
        font-size: 18px;
    }
}
@media (min-width: 1500px) {
    .cs1-results--p__END {
        font-size: 20px;
    }
}







/* ---------- ********** SECTION OTHERS ********** ----------- */


.hm-compl.sv1.cs15 {
    background: #fff;
}














/* *************** *************** КОНТАКТЫ *************** **************** */


/* ---------- ********** SECTION MAIN ********** ----------- */


.ct-main {
    padding: 130px 0px 75px;
    background: none;
}
@media (min-width: 1200px) {
    .ct-main {
        padding: 140px 0px 100px;
    }
}
@media (min-width: 1500px) {
    .ct-main {
        padding: 140px 0px 130px;
    }
}




@media (max-width: 1200px) {
    .ct-main .sv1-hero--ul__BC.cs1 {
        padding-bottom: 30px;
    }
}




@media (max-width: 1200px) {
    .ct-main .title_main.title_blue {
        margin-bottom: 40px;
    }
}




.ct-main--div__MAIN {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
@media (min-width: 1200px) {
    .ct-main--div__MAIN {
        flex-direction: row-reverse;
        justify-content: space-between;
    }
}




.ct-main--div__MAP {
    padding: 4px 15px;
    height: 400px;
    width: 100%;
    position: relative;
    border-radius: 2px;
    overflow: visible;
}
@media (min-width: 1200px) {
    .ct-main--div__MAP {
        padding: 4px;
        height: auto;
        width: 62%;
    }
}
@media (min-width: 1500px) {
    .ct-main--div__MAP {
        width: 63%;
    }
}




.ct-main--iframe {
    height: 100%;
    width: 100%;
    box-shadow: 0px 0px 4px #0815364D;
}




.ct-main--div__MAP_LOGO {
    padding: 4px;
    width: 30%;
    max-width: 150px;
    position: absolute;
    top: 40%;
    left: 40%;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0px 0px 6px #0815364D;
}
@media (min-width: 1200px) {
    .ct-main--div__MAP_LOGO {
        padding: 4px;
        width: 200px;
        max-width: none;
    }
}
@media (min-width: 1500px) {
    .ct-main--div__MAP_LOGO {
        width: 280px;
    }
}




.ct-main--img__LOGO {
    width: 100%;
}




.ct-main--div__PIN {
    height: 14px;
    width: 14px;
    position: absolute;
    top: 55%;
    left: calc(50% - 7px);
    background-color: #e84f22;
    border: 1px solid #fff;
    border-radius: 50%;
    box-shadow: 0px 0px 6px #0815364D;
}




.ct-main--div__TEXT {
    padding: 20px 0px;
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
@media (min-width: 1200px) {
    .ct-main--div__TEXT {
        padding: 30px 0px;
        width: 33%;
        gap: 30px;
    }
}
@media (min-width: 1500px) {
    .ct-main--div__TEXT {
        padding: 50px 0px;
        width: 34%;
    }
}




.ct-main--p__TITLE {
    margin: 0;
    font-weight: 800;
    font-size: 28px;
    color: #102254;
}
@media (min-width: 1200px) {
    .ct-main--p__TITLE {
        font-size: 36px;
    }
}
@media (min-width: 1500px) {
    .ct-main--p__TITLE {
        font-size: 48px;
    }
}




.ct-main--a__ADDRESS,
.ct-main--a__MAIL {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    font-size: 20px;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 6px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .ct-main--a__ADDRESS,
    .ct-main--a__MAIL {
        gap: 20px;
        font-size: 24px;
    }
}
@media (min-width: 1500px) {
    .ct-main--a__ADDRESS,
    .ct-main--a__MAIL {
        gap: 25px;
        font-size: 28px;
    }
}
@media (any-hover: hover) {
    .ct-main--a__ADDRESS:hover,
    .ct-main--a__MAIL:hover {
        text-decoration-color: #333;
    }
}
.ct-main--a__ADDRESS:active,
.ct-main--a__MAIL:active {
    text-decoration-color: #333;
}




.ct-main--a__MAIL {
    align-items: center;
}




.ct-main--img {
    margin-top: 5px;
    width: 30px;
}




.ct-main--a__TEL {
    display: flex;
    align-items: center;
    gap: 15px;
    font-weight: 700;
    font-size: 20px;
    color: #E84F22;
    text-decoration: underline;
    text-decoration-color: transparent;
    text-underline-offset: 6px;
    transition: all 0.3s;
}
@media (min-width: 1200px) {
    .ct-main--a__TEL {
        gap: 20px;
        font-size: 24px;
    }
}
@media (min-width: 1500px) {
    .ct-main--a__TEL {
        gap: 25px;
        font-size: 28px;
    }
}
@media (any-hover: hover) {
    .ct-main--a__TEL:hover {
        text-decoration-color: #e84f22;
    }
}
.ct-main--a__TEL:active {
    text-decoration-color: #e84f22;
}

.sv1-digit--div__WRAP{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.sv1-digit--div__WRAP .about-b__company-block{
    width: 100%;
    height: auto;
}
@media (min-width: 570px) {
    .sv1-digit--div__WRAP .about-b__company-block{
        width: 50%;
    }
}
@media (min-width: 1200px) {
    .sv1-digit--div__WRAP .about-b__company-block{
        width: 20%;
    }
}
.form_bonus{
    font-size: 25px;
}
.sv-offer--div__BODY, .cs-offer--div__BODY{
    margin-top: 40px;
}
.sv1-decs--div__SWIPER_WRAP{position: relative;}


.sv1-interface--div__SWIPER_img, .sv1-problems--div__SWIPER_img{
    width: 100%;
}
@media (min-width: 1200px) {
    .sv1-interface--div__SWIPER_img, .sv1-problems--div__SWIPER_img{
        width: 50%;
    }
}
.sv1-interface--div__SWIPER_img img, .sv1-problems--div__SWIPER_img img{
    margin: 0 auto;
}