.section1C--7--left__block {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 14px 5px rgba(0, 100, 217, 0.2);
    -moz-box-shadow: 0px 0px 14px 5px rgba(0, 100, 217, 0.2);
    box-shadow: 0px 0px 14px 5px rgba(0, 100, 217, 0.2);
    margin-bottom: 10px;
    color: black;
    cursor: pointer;
    transition: 0.3s ease all;
}

.section1C--7--right__block {
    display: flex;
    align-items: center;
    background: white;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 14px 5px rgba(0, 100, 217, 0.2);
    -moz-box-shadow: 0px 0px 14px 5px rgba(0, 100, 217, 0.2);
    box-shadow: 0px 0px 14px 5px rgba(0, 100, 217, 0.2);
    margin-bottom: 10px;
    color: black;
    cursor: pointer;
    transition: 0.3s ease all;
}

.section1C--7--right__block:hover {
    transform: scale(1.1);
    margin: 10px 0;
}

.section1C--7--left__block:hover {
    transform: scale(1.1);
    margin: 10px 0;
}

.section1C--7--left {
    width: 33%;
}

.section1C--7--right {
    margin-top: 160px;
    width: 33%;
}

.section1C--7--left__block p {
    margin: 0;
    padding: 10px;
}

.section1C--7--right__block p {
    margin: 0;
    padding: 10px;
}

.section1C--7__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.block_7_img {
    width: 30%;
}

.section1C--7 {
    background: url("img/block7_background.webp");
}
.block1__grid__item_one  {
padding:7px !important;
}



@media(max-width:1000px) {
    .section1C--1--phrase {
        background: inherit;
        border-radius: 10px;
        padding: 15px 16px;
        margin-bottom: initial;
        font-weight: initial;
        color: black;
        display: flex;
        width: initial;
        align-items: center;
        transition: transform 0.3s ease;
        cursor: pointer;
        height: auto;
    }
    .header_title_block_grid_all {
        background:none !important;
    }
    .section1C--5 {
        padding-bottom:0;
        padding-top:0;
        margin-top:30px;
    }
    .section1C__form_wrapper {
        margin-top:30px !important;
    }
    .header_title_block_grid_all {
        margin-top: 70px;
        background-repeat: no-repeat;
        background-size: 426px;
        background-image: url("img/font_style_line-list.png");
    }
    .section1C--1--wrapper--left .section1C--1--phrase {
        transform: initial;
    }
    .section1C--1__men {
        max-width: 313px;
        height: 50%;
        order: 1;
    }

    .section1C--1__container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .section1C--1--wrapper--right .section1C--1--phrase {
        transform: initial;
    }

    .section1C--1 {
        background: url(/1c/img/first_block_mobail.png);
        background-size: 100%;
        background-position: bottom;
        background-repeat: no-repeat;
    }

    .section1C--1--wrapper--right {
        padding-bottom: 26px;
    }
    .section1C--2 {
        background:url('/1c/img/form_background_1.webp');
    }
    .section1C--1__title {
        margin: initial;
        font-weight: 500;
        color: black;
        width: fit-content;
        margin-top: 30px !important;
        font-size: 20px;
    }

    .section1C__form_wrapper {
        display: flex;
        padding: 50px 20px;
        flex-direction: column;
        justify-content: left;
        background-color: #DBE4F3;
    }

    .section1C__form_wrapper--title {
        font-size: 20px;
        line-height: 22px;
    }

    .form__type__2 {
        width: 100%;
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        gap: 16px;
        margin-left: initial;
    }

    .form__type__2 p {
        font-size: 11px;
        margin-bottom: initial;
    }

    .section1C--2 {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center;
        outline: 8px solid white;
        outline-offset: -8px;
        border-radius: 25px;
    }

    .section1C--3__block__title {
        font-weight: 600;
        color: black;
        display: flex;
    }

    .section1C--3__block img {
        margin-right: 16px;
    }

    .section1C--3__wrapper__margin {
        display: flex;
        flex-direction: column;
    }

    .section1C--3__block__text1 {
        max-width: 320px;
        color: black;
        margin-bottom: 1;
        margin-left: 15px;
        height: 120px;
        border-left: 1px solid #BACEF0;
        padding-left: 32px;
    }

    .section1C--3__block__text2 {
        max-width: 320px;
        color: black;
        margin-bottom: 1;
        margin-left: 15px;
        height: 100px;
        border-left: 1px solid #BACEF0;
        padding-left: 32px;
    }

    .section1C--3__wrapper {
        display: flex;
        flex-direction: column;
    }

    .section1C--3__arrow {
        display: none;
    }

    .section1C--3__wrapper__margin {
        margin-bottom: initial;
    }

    .border_none-1c {
        border: none !important;
    }

    .section1C--3__title {
        margin: 16px auto 24px auto;
        width: fit-content;
        color: black;
        font-weight: 500;
        font-size: 25px;
    }

    .section1C--3__absolute_arrow {
        display: none;
        position: absolute;
        left: -120px;
        top: 50%;
    }

    .section1C--4__wrapper {
        display: grid;
        grid-template-rows: 1fr 1fr;
        grid-template-columns: repeat(2, 49%);
        gap: 2%;
    }

    .product_1c__banner {
        grid-column: 3 / 1;
        padding: 15px;
        margin-bottom: 92px;
        border-radius: 20px;
        background: url(/1c/img/fon_product.png);
        background-position: center;
    }

    .product_1c {
        padding: 20px;
        border-radius: 20px;
        background: white;
        height: 185px;
    }

    .section1C--4__btn__wrapper div {
        padding: 15px 21px;
        font-size: 17px;
        font-weight: 500;
        cursor: pointer;
    }

    .spider {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }

    .line_round_block {
        display: none;
    }

    .round_block {
        align-self: self-start;
        display: flex;
    }

    .round_block img {
        display: none;
    }

    .div2 {
        order: 1;
    }

    .div1 {
        order: 2;
    }

    .div14 {
        order: 3;
    }

    .div11 {
        order: 4;
    }
    .blog-list__wrapper.grid-list__item  {
        -webkit-box-shadow: 0px 0px 15px 4px rgba(34, 60, 80, 0.2);
        -moz-box-shadow: 0px 0px 15px 4px rgba(34, 60, 80, 0.2);
        box-shadow: 0px 0px 15px 4px rgba(34, 60, 80, 0.2)
    }
    .section1C--6 .section1C__form_wrapper {
        background: url(/1c/img/form_fon_2.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        outline: 8px solid white;
        outline-offset: -8px;
        border-radius: 25px;
    }

    .section1C--7--left {
        width: initial;
        margin-bottom: 20px;
    }

    .section1C--7__wrapper {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
    }

    .section1C--7--left h2 {
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .block_7_img {
        width: 100%;
    }

    .section1C--7--right {
        margin-top: 20px;
        width: inherit;
    }

    .section1C--7--right h2 {
        font-size: 25px;
        line-height: 27px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .section1C--8__title {
        width: inherit;
        margin: 100px auto 0 auto !important;
        text-align: center;
        font-size: 23px;
        line-height: 25px;
        font-weight: 500;
        color: black;
    }

    .section1C--8__hint {
        width: inherit;
        margin: 14px auto 50px auto;
        text-align: center;
        font-size: 16px;
        font-weight: 500;
    }

    .section1C__ul {
        display: flex;
        flex-wrap: wrap;
    }

    .section1C--9__wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .section1C__li {
        margin: 5px 0;
        padding: 10px;
    }

    #section1C__slide--1 {
        background: url(/1c/img/fon_wrap_mobail.png);
        display: block;
        border-radius: 32px;
    }

    .section1C__slide p {
        margin: 0;
        color: initial;
    }

    .section1C__slide p span {
        color: initial !important;
    }

    .section1C__slide ul li {
        margin: 0;
        color: initial;
    }

    .section1C__slide ul li:before {
        display: none;
        color: initial;
    }

    .section1C__slide--btn {
        background: #E8EBF5;
    }

    .section1C__slide--title {
        font-size: 24px;
        font-weight: 400;
    }

    .section1C__slide {
        height:150vw;   
     }
    .section1C__slide ul li {
        font-size:14px;
    }
    .section1C__slide p {
        font-size:14px;
    }
    .section1C__slide--title {
        margin-bottom:8px;
    }
    .section1C__slide_mobile p {
        margin: 0;
        line-height: 15px;
    }

    .section1C__slide_mobile p span {
        color: initial !important;
    }

    .section1C__slide_mobile ul li {
        margin: 0;
        color: initial;
        line-height: 16px;
    }

    .section1C__slide_mobile ul li:before {
        display: none;
        color: initial;
    }
    .section1C--10 .section1C__form_wrapper {
        background:#bfd2f1;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        border-radius: 15px;
    }
    .section1C__ul {
        gap:10px;
    }
    .section1C--7 {
        margin-top:30px;
    }
    .section1C--7,.section1C--5  {
        background:none;
    }
    .round_block:hover {
        transform: unset !important;
    }
    .div4:hover {
        transform: unset !important;
    }
    .round_block:hover {
        transform: unset !important;
    }
    .div4:hover {
        transform: unset !important;
    }
    #main .mobile-scrolled--items-2>div {
        width: 364px;
    }

    .header_title_block_grid h2 {
        font-weight: 500;
        margin: 10px;
    }

    .header_title_block_grid_p {
        margin: 1px;
    }

    .header_title_block_grid_btn p {
        margin: 5px;
        color: #0064D9;
    }

    .header_title_block_grid_btn {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        border-radius: 10px;
        background-color: #E7EDFF;
        border: none;
    }

    .header_title_block_grid {
        border-radius: 10px;
        margin: 0px 10px;
        padding: 20px;
        background-color: white;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .parent-container div {
        padding-left: 15px;
        font-size: 15px;
        margin-left: -20px;
    }

    .parent-container {
        display: grid;
        grid-template-columns: 0.5fr repeat(3, 1fr) repeat(8, 0.2fr);
        grid-template-rows: 0.1fr repeat(2, 0.5fr) 0.1fr repeat(2, 0.5fr) 0.1fr repeat(2, 0.5fr) 0.1fr repeat(2, 0.5fr) 0.1fr repeat(2, 0.5fr) 0.1fr repeat(2, 0.5fr) 0.1fr repeat(2, 0.5fr) 0.1fr;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .step-user-training {
        border-radius: 5px;
        background: rgb(255, 255, 255);
        z-index: 1;
        display: flex;
        align-items: center;
        grid-area: 2 / 2 / 4 / 5;
    }

    .connector-1 {
        border-bottom: 2px dashed #0064D9;
        border-right: 2px dashed #0064D9;
        grid-area: 1 / 5 / 3 / 6;
    }

    .step-adaptation-1c {
        border-radius: 5px;
        background: rgb(255, 255, 255);
        z-index: 1;
        display: flex;
        align-items: center;
        grid-area: 5 / 2 / 7 / 5;
    }

    .connector-2 {
        border-bottom: 2px dashed #0064D9;
        border-right: 2px dashed #0064D9;
        grid-area: 1 / 5 / 6 / 7;
    }

    .step-commissioning {
        border-radius: 5px;
        background: rgb(255, 255, 255);
        z-index: 1;
        display: flex;
        align-items: center;
        grid-area: 8 / 2 / 10 / 5;
    }

    .connector-3 {
        border-bottom: 2px dashed #0064D9;
        border-right: 2px dashed #0064D9;
        grid-area: 1 / 5 / 9 / 8;
    }

    .step-classifiers-filling {
        border-radius: 5px;
        background: rgb(255, 255, 255);
        z-index: 1;
        display: flex;
        align-items: center;
        grid-area: 11 / 2 / 13 / 6;
    }

    .connector-4 {
        border-bottom: 2px dashed #0064D9;
        border-right: 2px dashed #0064D9;
        grid-area: 1 / 6 / 12 / 9;
    }

    .step-user-setup {
        border-radius: 5px;
        background: rgb(255, 255, 255);
        z-index: 1;
        display: flex;
        align-items: center;
        grid-area: 14 / 2 / 16 / 8;
    }

    .connector-5 {
        border-bottom: 2px dashed #0064D9;
        border-right: 2px dashed #0064D9;
        grid-area: 1 / 8 / 15 / 10;
    }

    .step-initial-1c-setup {
        border-radius: 5px;
        background: rgb(255, 255, 255);
        z-index: 1;
        display: flex;
        align-items: center;
        grid-area: 17 / 2 / 19 / 10;
    }

    .connector-6 {
        border-bottom: 2px dashed #0064D9;
        border-right: 2px dashed #0064D9;
        grid-area: 1 / 10 / 18 / 11;
    }

    .step-data-migration {
        border-radius: 5px;
        background: rgb(255, 255, 255);
        z-index: 1;
        display: flex;
        align-items: center;
        grid-area: 20 / 2 / 22 / 10;
    }

    .connector-7 {
        border-bottom: 2px dashed #0064D9;
        border-right: 2px dashed #0064D9;
        grid-area: 1 / 10 / 21 / 12;
    }
    .image_svg {
        display:none;
    }
    .maxwidth-theme .col-sm-12 {
        padding-left:0 !important;
        padding-right:0 !important;
    }
    .banners-big__text {
        align-items:center !important;
        justify-content: end !important;
        margin:0 0 10px 0 !important;
    }
    .banners-big__title,.banners-big__text-block {
        text-align:center;
    }
    .banners-big__title  {
        font-size:24px !important;
        font-weight: 300 !important;
    }
    .banners-big__text-block {
        width: 100% !important;
        margin: 20px 0 0 0 !important;
        font-size:15px;
    }
    .banners-big__top-text__main {
        font-size:12px !important;
    }
    .banner__text__bottom {
        display:none;
    }
    .banners-big__buttons {
        width: 100% !important;
        justify-content: space-between !important;
    }
    .banners-big__buttons-item {
        width:45%;
    }
    .banners-big__buttons .btn {
        width:48%;
        padding:20px 0 !important; 
        margin-bottom:20px;
    }
    .section1C--4 {
        margin-top:20px;
    }
    .logo_footer_mobile {
        font-size:24px !important; 
    }
    .number_phone_footer_mobile {
        font-size:24px !important;
    }
    #footer {
        display:none !important;
    }
    .section1C--10 {
        margin-top:30px;
    }
    .product_1c__banner--1 {
        font-size:18px;
    }
    .div4:hover~.div1 {
        transform: unset !important;
    }
    .div4:hover~.div2 {
        transform: unset !important;
    }
    .div4:hover~.div3 {
        transform: unset !important;
    }
    .div4:hover~.div11 {
        transform: unset !important;
    }
    .div4:hover~.div14 {
        transform: unset !important;
    }
    .div4:hover~.div15 {
        transform: unset !important;
    }
    .div4:hover~.div16 {
        transform: unset !important;
    }
    .section1C--9__title {
        margin: 30px auto 20px auto !important;
    }

}

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&family=Ubuntu&display=swap');

.sale-list__item {
    position: relative;
    overflow: hidden;
}
.title_grid_h3 {
    font-size: 20px;
    font-weight: 700;  /* Добавлено */
    font-family: "Manrope", serif;  /* Добавлено */
}

.wrapper {
    background-position: 50% 0%;
	background-repeat: no-repeat;
    background-image: url("/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/advantages/img/fon3.png");
}

.grid-list--no-gap .sale-list__item {
    overflow: visible;
}
.block1__grid__item_one {
    display: flex;
    flex-direction: column; /* Вертикальное расположение элементов внутри блока */
    justify-content: space-between; /* Распределение пространства между элементами */
    height: 100%; /* Устанавливаем высоту элемента */
    align-items: flex-start; /* Выравнивание элементов по верхнему краю */
   background: white;
	border-radius: 12px;
	padding: 0 24px 0 24px;
}
.title_img_block_video{
	display: none;
	align-items: center;
	justify-content: center;
}
.block1__grid__item--first {
    display: flex;
    align-items: center; /* Вертикальное выравнивание изображений и заголовков */
}

.block1__grid__item--first img {
    margin-right: 10px; /* Отступ между изображением и заголовком */
}

.block1__grid__item--second {
    margin-top: auto; /* Отодвигаем текст вниз */
    font-size: 17px;
    font-weight: 400;  /* Добавлено */
    font-family: "Manrope", serif;  /* Добавлено */
}

.block1__h4_title {
    font-size: 40px;
    font-family: sans-serif;
    font-weight: 600;  /* Добавлено */
    font-family: "Manrope", serif;  /* Добавлено */
}

.title_grid {
    font-size: 32px;
    font-weight: 700;  /* Добавлено */
    font-family: "Manrope", serif;  /* Добавлено */
}

.ul_title_block_content {
    list-style-type: none; /* Убираем стандартные маркеры */
    padding: 0; /* Убираем отступы */
    width: 100%; /* Изменено для адаптивности */
}
.title_img_block_text{
	margin-left: 320px;
}

.ul_li_title {
    position: relative; /* Для позиционирования псевдоэлемента */
    padding-left: 30px; /* Отступ для текста от маркера */
    color: black;
    font-family: sans-serif;
    font-weight: 400;  
    font-family: "Manrope", serif;  
    word-wrap: break-word; /* Позволяет переносить длинные слова на новую строку */
    overflow-wrap: break-word; /* Похожее свойство для более широкого браузерного охвата */
    margin-bottom: 10px; /* Добавлено для отступа между li */
}
.ul_li_title::before {
    content: ''; /* Псевдоэлемент для маркера */
    position: absolute;
    left: 2px; /* Позиция маркера относительно текста */
    top: 50%; /* Центрируем по вертикали */
    transform: translateY(-50%) rotate(25deg); /* Центрируем по вертикали и поворачиваем на 25 градусов */
    width: 9px; /* Ширина маркера */
    height: 9px; /* Высота маркера */
    background: linear-gradient(rgba(0, 100, 217, 1), rgba(57, 66, 227, 1)); /* Цвет маркера */
    border-radius: 20%; /* Закругление углов */
}

.grid-list--no-gap .sale-list__item-image--absolute {
    left: -1px;
}

.sale-list__item-image-wrapper {
    position: relative;
}

.sale-list__item-image {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
}

.sale-list__item-image--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
    width: 170px;
    height: 170px;
}

.sale-list__item-image-wrapper--BG {
    padding-top: 130%;
    overflow: hidden;
    width: 100%;
}

.sale-list__item-image-wrapper--BG .sale-list__item-image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sale-list__item-image-wrapper--BG:after {
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    top: 51%;
    bottom: 0%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.sale-list__item-image-wrapper--TOP {
    padding-top: 67%;
}

.sale-list__item-preview-wrapper {
    margin-top: 9px;
}

.sale-list__item-period {
    margin-bottom: 22px;
    position: relative;
}

.sale-list__item-period .svg {
    position: absolute;
    left: 0px;
    top: 5px;
}

.sale-list__item-period-date::first-letter {
    text-transform: uppercase;
}

.sale-list__item-period-date {
    display: block;
    padding-left: 19px;
}

.sale-list__item-period--FON .svg path {
    fill: #fff;
}

.sale-list__item-period--FON {
    color: #fff;
    opacity: 0.7;
}

.sale-list__item-text-wrapper--BOTTOM {
    position: absolute;
    bottom: 33px;
    left: 39px;
    right: 39px;
    z-index: 2;
}

.sale-list__item-text-wrapper--BOTTOM .svg path {
    fill: #fff;
}

.sale-list__item-text-wrapper--BOTTOM .sale-list__item-period {
    color: #fff;
    opacity: 0.7;
}

body .sale-list__item-text-wrapper--BOTTOM .dark_link,
.sale-list__item-text-wrapper--BOTTOM .sale-list__item-preview {
    color: #fff;
}

.sale-list__item-text-wrapper--BOTTOM .sale-list__item-period {
    margin-bottom: 8px;
}

.sale-list__item-text-wrapper--BOTTOM_RELATIVE {
    padding: 25px 29px;
}

.sale-list__item-text-wrapper--BOTTOM_RELATIVE .sale-list__item-period {
    margin-bottom: 9px;
}

.sale-list__item-sticker-value {
    background: #ffd600;
    font-weight: bold;
    display: inline-block;
    padding: 4px 10px 3px 9px;
    color: #333;
    vertical-align: top;
    height: 27px;
    margin-right: 7px;
    font-size: 12px;
    line-height: 20px;
}

.sale-list__item-sticker {
    position: absolute;
    font-size: 0px;
    line-height: 0px;
    z-index: 2;
}

.sale-list__item-sticker--TOP {
    top: 40px;
    left: 41px;
}

.sale-list__item-sticker--TOP_CORNER {
    top: 31px;
    left: 30px;
}

.sale-list__item-link--absolute {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

@media (min-width: 601px) {
    .sale-list__item--big-padding {
        padding: 33px 38px 40px;
    }

    .grid-list--items-3-wide .sale-list__item-image-wrapper--BG,
    .grid-list--items-3 .sale-list__item-image-wrapper--BG {
        padding-top: 100%;
    }

    .sale-list__item-sticker--BOTTOM {
        bottom: 35px;
        left: 36px;
    }

    .sale-list__item-sticker--BOTTOM_CORNER {
        bottom: 40px;
        left: 39px;
    }

    .sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
        margin-left: 20px;
    }

    .sale-list__item--with-discount .sale-list__item-text-wrapper--LEFT .sale-list__item-text-top-part {
        margin-bottom: 42px;
    }
}
@media (max-width: 1560px) {
    .title_img_block_text {
        margin-left: 280px; /* Уменьшенное значение */
    }
}
@media (max-width: 1525px) {
    .title_img_block_text {
        margin-left: 240px;
    }
}
@media (max-width: 1490px) {
    .title_img_block_text {
        margin-left: 200px;
    }
}
@media (max-width: 1450px) {
    .title_img_block_text {
        margin-left: 160px;
    }
}
@media (max-width: 1410px) {
    .title_img_block_text {
        margin-left: 120px;
    }
}
@media (max-width: 1370px) {
    .title_img_block_text {
        margin-left: 80px;
    }
}
@media (max-width: 1330px) {
    .title_img_block_text {
        margin-left: 40px;
    }
}
@media (max-width: 1290px) {
    .title_img_block_text {
        margin-left: 20px;
    }
}
@media (max-width: 1250px) {
.title_img_block_video{
	display: flex;
	align-items:center;
	justify-content:center;
}
    .title_img_block_text {
        display:none;

    }
	.block1__inner_text_content{
	padding-left:230px
	}
.title_grid{
	padding-left:230px 
	}
}
@media (max-width: 1210px) {
    .title_img_block_text {
        display:none;

    }
	.block1__inner_text_content{
	padding-left:190px
	}
.title_grid{
	padding-left:190px 
	}
}
@media (max-width: 1170px) {
    .title_img_block_text {
        display:none;

    }
	.block1__inner_text_content{
	padding-left:150px
	}
.title_grid{
	padding-left:150px 
	}
}
@media (max-width: 1130px) {
    .title_img_block_text {
        display:none;

    }
	.block1__inner_text_content{
	padding-left:110px
	}
.title_grid{
	padding-left:110px 
	}
}
@media (max-width: 1090px) {
    .title_img_block_text {
        display:none;

    }
	.block1__inner_text_content{
	padding-left:70px
	}
.title_grid{
	padding-left:70px 
	}
}
@media (max-width: 1050px) {
    .title_img_block_text {
        display:none;
    }
	.block1__inner_text_content{
	padding-left:30px
	}
.title_grid{
	padding-left:30px 
	}
.block1__grid__item_one{
	 width: 100%;
	}
}
@media (max-width: 1024px) {
    .title_img_block_text {
        display:none;

    }
    .wrapper {
        background-position: 50% 23%;
        background-image: url(/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/advantages/img/fon3.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
.block1__h4_title {
    font-size: 30px;
    font-weight: 600;
    font-family: "Manrope", serif;
}
.block1__grid {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
	}
.img_title_modile_phone{
	width: 100%;
    padding: 30px 10px 30px 10px;
	}
	.block1__inner_text_content{
	padding-left:10px
	}
    .title_grid_h3 {
        font-size: 15px;
        font-weight: 500;
        font-family: "Manrope", serif;
        margin-bottom: 10px;
	}
.title_grid {
        padding-left: 10px;
        font-size: 20px;
        font-weight: 500;
        margin-bottom: 10px;
	}
.ul_li_title:after{
	 content: "\A";
    white-space: pre;
	}
}
@media (max-width: 768px){
    .wrapper {
        background-position: 50% 37%;
        background-image: url(/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/advantages/img/fon3.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
	.block1__grid__item_title--second{
     font-size:14px;
	}
    .sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
        margin-top: 6px;
    }

    .sale-list__item-text-wrapper--LEFT {
        padding-right: 40px;
    }
}
@media (max-width: 450px) {
    .title_img_block_text {
        margin-left: 100px; /* Еще меньшее значение */
    }

}

@media (max-width: 504px){
    .wrapper {
        background-position: 50% 40%;
        background-image: url(/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/advantages/img/fon3.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
}
/* Медиазапрос для экранов шире 300px */
@media (max-width: 300px) {
    .title_img_block_text {
        margin-left: 50px; /* Минимальное значение */
    }
}
@media (max-width: 355px) {
    .wrapper {
        background-position: 50% 47%;
        background-image: url(/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/advantages/img/fon3.png);
        background-size: contain;
        background-repeat: no-repeat;
    }
}

@media (max-width: 600px) {
    .block1__h4_title {
        font-size: 24px;
        font-weight: 600;
        font-family: "Manrope", serif;
    }
	.block1__grid__item--second {
	    margin-top: auto;
	    font-size: 14px;
	    font-weight: 400;
	    font-family: "Manrope", serif;
	}
	.block1__grid__item_title--first{
		font-size: 15px;
    	margin-bottom: 15px;
	}
    .sale-list__item.flexbox--direction-row-reverse {
        flex-direction: column;
    }

    .sale-list__item--big-padding {
        padding: 29px;
    }

    .sale-list__item-image-wrapper--RIGHT {
        margin-bottom: 14px;
    }

    .sale-list__item-preview-wrapper {
        font-size: 13px;
        line-height: 20px;
        margin-bottom: 15px;
    }

    .sale-list__item.shadow-hovered:hover {
        box-shadow: none;
        border-color: #e5e5e5;
    }

    .sale-list__item-period {
        margin-bottom: 10px;
    }

    .sale-list__item--big-padding.sale-list__item--with-discount {
        padding-bottom: 64px;
    }

    .sale-list__item-sticker--BOTTOM,
    .sale-list__item-sticker--BOTTOM_CORNER {
        bottom: 24px;
        left: 27px;
    }

    .sale-list__item-image-wrapper--RIGHT .sale-list__item-image {
        padding-top: 100%;
        width: auto;
        height: auto;
    }

    .sale-list__item-image-wrapper--BG {
        padding-top: 150%;
    }

    .sale-list__item-image-wrapper--BG:after {
        top: 40%;
    }
}

@media (max-width: 450px) {
    .sale-list__item-text-wrapper--BOTTOM {
        bottom: 20px;
        left: 29px;
        right: 29px;
    }

    .sale-list__item-sticker--TOP {
        top: 30px;
        left: 31px;
    }
}
@media (max-width: 480px) {
	.title_grid{
	    padding-left: 10px;
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 10px;
        line-height: 25px;
	}
    .title_grid_h3 {
        font-size: 15px;
        font-weight: 600;
        font-family: "Manrope", serif;
        margin-bottom: 10px;
    }
	.ajax_load_btn {
		display:flex !important;
		align-items:center !important;
		justify-content:center !important;
	}
}

.bx-ie .faq-items.flex-grow-1 {
  flex-basis: 0px;
}
.faq-list{
	padding:0 auto;
	background: url(/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/questions/img/poops.png) no-repid;
}
.switcher_title_text_content{
	font-weight: 500;
	font-size: 1.1em;
}
	.img-content_acoordishon{
	width:70%;
	}
.img_content_acoord_phone{
   display:none;
}
.bg-theme{
display:none;
}
.detail-block .faq-list .accordion-head {
    padding: 24px 86px 16px 31px;
}
  
.detail-block .faq-list .accordion-head .svg-inline-right-arrow {
    right: 28px;
    top: 28px;
}
.accordion{
	background: border-box;
}
.detail-block .faq-list .accordion-preview {
    margin-top: 9px;
    margin-bottom: 19px;
}

.detail-block .faq-list .accordion-line {
    top: 31px;
    height: 11px;
}
.item-accordion-wrapper{
	margin: 10px 0 0 0;
	background: white;
    border-radius: 14px;
}
.accordion-body {
    position: relative;
    padding-bottom: 40px;
}
.flexbox--direction-row{ 
    background: url(img/poops.png) no-repeat;;
 }
  
.item-accordion-wrapper {
    position: relative;
    margin-bottom: 20px;
}

.accordion-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordion-icon-wrapper {
    position: absolute;
    top: 50%;
    right: 30px;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background-color: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(-50%);
    transition: background-color 0.3s ease;
}

.accordion-icon {
    transition: transform 0.3s ease, filter 0.3s ease;
    color: blue;
}

.accordion-icon.rotated {
    transform: rotate(90deg);
    filter: brightness(0) invert(1);
}

.accordion-icon-wrapper.active {
   background: linear-gradient(180deg, #0064D9 0%, #3942E3 100%);
}

.form_questions-contacts_mobile {
    display: none;
}

.p_phone_number_mobile {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    margin: 5px 0;
    font-weight: 600;
    font-family: "Manrope", serif;
}

.form_questions-contacts_mobile {
    padding: 10px 0 0 10px;
}

.forma {
    display: flex;
    box-sizing: border-box;
    max-width: 1600px;
    background-image: url('/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/questions/img/Group.png');
    padding: 10px 20px;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    border-radius: 50px;
    border: 8px solid rgba(255, 255, 255, 1);
    margin: 20px auto;
    overflow: hidden;
}

.form_questions {
    padding: 50px 0px 20px 20px;
}

.form_questions-send {
    padding: 20px 20px 20px 0px;
}

.p_forma_title {
    font-size: 32px;
    color: rgba(255, 255, 255, 1);
    font-weight: 600;
    font-family: "Manrope", serif;
}

.p_forma_text {
    color: rgba(255, 255, 255, 0.7);
    font-size: 18px;
    font-weight: 400;
    font-family: "Manrope", serif;
}

.form_questions-info {
    display: flex;
    flex-direction: column;
}

.coments {
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    resize: none;
    background: none;
    max-width: 100%;
    width: 100%;
    color: white;
    margin-bottom: 10px;
    padding: 10px;
}


.p_phone_number {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    margin: 5px 0;
    font-weight: 600;
    font-family: "Manrope", serif;
}

.form_questions-send {
    margin-left: auto;
    margin-top: 30px;
}

::placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-family: "Manrope", serif;
}

::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-family: "Manrope", serif;
}

::-moz-placeholder {
    color: rgba(255, 255, 255, 0.7);
    opacity: 1;
    font-weight: 400;
    font-family: "Manrope", serif;
}

:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.7);
    font-weight: 400;
    font-family: "Manrope", serif;
}

.form-send_button {
    cursor: pointer;
    width: 100%;
    height: 40px;
    background-color: rgba(251, 147, 51, 1);
    color: white;
    border: none;
    border-radius: 5px;
    font-weight: 500;
    font-family: "Manrope", serif;
}

.form_questions-send_button {
    max-width: 205px;
    max-height: 40px;
}
.form_questions {
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}
@media (max-width: 1515px) {
    .form_questions-contacts_mobile {
        display: none;
    }

    .forma {
        padding: 10px 20px;
    }
}

@media (max-width: 1415px) {
    .form_questions-contacts_mobile {
        display: none;
    }
    .forma {
        padding: 10px 20px;
    }
}

@media (max-width: 1280px) {
    .form_questions-contacts_mobile {
        display: none;
    }

    .forma {
        padding: 10px 20px;
    }
}

@media (max-width: 991px){
.svg_mobail-none{
	display:none;

	}
	.img_content_acoord_phone{
	display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}
 	.img_content_acoord{
	display:none;
	}
	.flexbox--direction-row {
    background: url(/bitrix/templates/aspro-allcorp3digital/components/bitrix/news.list/questions/img/poops.png);
}
} 
@media (max-width: 1024px) {
	.img_content_acoord {
    	margin-left: 10px;
    	height: fit-content;
    	width: 50%;
	}
	.switcher_title_text_content{
    	font-family: "Roboto", Arial, sans-serif;
    	font-size: 15px;
	}
    .form_questions-contacts_mobile {
        display: none;
    }
    .forma {
        padding: 10px 10px;
    }
}

@media (max-width: 768px) {
.img_content_acoord_phone svg{
	width: 90%;
	}
    .form_questions-contacts_mobile {
        display: flex;
        align-items: center;
        flex-direction: row;
        column-gap: 60px;
    }
    .form_questions-contacts {
        display: none;
    }
    .forma {
        flex-direction: column;
        padding: 10px;
    }
    .form_questions-send {
        margin-left: 0;
        margin-top: 20px;
    }
}

@media (max-width: 480px) {
  .form_questions{
    padding: 20px 0px 20px 20px;
  }
  .p_forma_title{
    font-size: 25px;
  }
  .form_questions-send_button{
    max-width: 250px;
    max-height: 80px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .coments{
    max-height: 90px;
  }
  .form_questions-info {
    padding: 0px 20px;
  }
  .form_questions-send_button{
    padding-left: 25px;
  }
  .form_questions-send {
    margin-left: 0;
    margin-top: -50px;
}
    .form_questions-contacts_mobile {
        display: flex;
        align-items: center;
        flex-direction: row;
        column-gap: 8px;
    }
    .form_questions-contacts {
        display: none;
    }
    .forma {
        padding: 10px;
    }
	.p_forma_title{
	    line-height: 1.3;
	}
}

@media (max-width: 322px) {
    .form_questions-contacts_mobile {
        display: flex;
        align-items: center;
        flex-direction: row;
    }
    .form_questions-contacts {
        display: none;
    }
    .forma {
        padding: 5px;
    }
}

    .svg_rect {
        transform-origin: center; /* Устанавливаем центр вращения в центр элемента */
        animation: rotate 5s linear infinite; /* Назначаем анимацию вращения */
    }

    @keyframes rotate {
        0% {
            transform: rotate(0deg); /* Начальное положение */
        }
        100% {
            transform: rotate(360deg); /* Конечное положение (360 градусов) */
        }
    }

.btn_active {
  background: linear-gradient(180deg, #0064D9 0%, #3942E3 100%);
  color: white;
border:none;
height: 60px;
}
.text_all_card_three{
color: black;
}

.btn_inactive {
  background: white;
  color:#0064D9;
border: 1px solid #0064D9;
height: 60px;
}
.btn_all_title_{
  display: flex;
  justify-content: center;
  align-items: center;
padding-bottom: 30px;
  padding-left: 24px;
  padding-right: 24px;

}
.btn_left{
  border-top-left-radius: 50px;
  border-bottom-left-radius:50px;
  font-size: 24px;
  max-width: 280px;
  width: 100%;
  font-weight: 600;
  font-family: "Manrope", serif;
}
.d-none {
  display: none;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  max-width: 1920px;
  margin: 0 auto;
  padding-bottom: 70px;
}

.btn_right{
  border-top-right-radius: 50px;
  border-bottom-right-radius :50px;
  max-width: 280px;
  width: 100%;
  font-size: 24px;
  font-weight: 600;
  font-family: "Manrope", serif;
}
.first_block_cards {
  perspective: 1000px; /* Устанавливаем перспективу для 3D эффекта */
}
.title_block_cards{
  font-weight: 600;
  font-family: "Manrope", serif;
}
text_block_cards{
  font-weight: 600;
  font-family: "Manrope", serif;
}
.turn_name_title-block_card{
font-size:32px;
margin:0;
color:white;
  font-weight: 600;
  font-family: "Manrope", serif;
}
.deteils{
font-weight: 600;
  font-family: "Manrope", serif;
}
.card-back ul {
  padding: 0; /* Убираем отступы */
  margin-top: 10px;
  column-count: 2; /* Делим на 2 колонки */
  column-gap: 20px; /* Отступ между колонками */
  height: 100%; /* Устанавливаем высоту на 100% для заполнения карточки */
  overflow: hidden; /* Скрываем переполнение */
  list-style-type: none; /* Убираем стандартные маркеры */
  color: white; /* Устанавливаем цвет текста в белый, если нужно */
}
.card-back ul li {
  margin-bottom: 5px;
  margin-left: 60px;
  text-indent: -1.5em;
  padding-left: 2em;
  position: relative; /* Устанавливаем позиционирование для псевдоэлемента */
}
.card-back ul li::before {
  content: ''; /* Пустое содержимое */
  left: 0; /* Позиция слева */
  transform: translateY(-50%); /* Центрируем по вертикали */
  width: 8px; /* Ширина точки */
  height: 8px; /* Высота точки */
  background-color: white; /* Цвет точки */
  border-radius: 50%; /* Делаем точку круглой */
}


.card-back ul li::marker {
  color: white; /* Устанавливаем цвет маркера в белый */
}
.card-back .btn_turn_cards {
  position: absolute;
}

.card {
  position: relative;
  width: 100%;
  height: 100%;
  transform-style: preserve-3d; /* Сохраняем 3D стиль */
  transition: transform 0.6s; /* Плавный переход */
}

.card.flipped {
  transform: rotateX(180deg); /* Переворот карточки */
}

.card-front, .card-back {
  position: absolute;
  width: 100%;
  backface-visibility: hidden; /* Скрываем обратную сторону */
  border-radius: 10px;

}
.card-front {
  display: flex;
padding: 20px;
  background: rgba(255, 255, 255, 1);
  z-index: 2; /* Убедимся, что передняя сторона выше */
  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(288.73deg, rgba(76, 117, 242, 0.1) 58.04%, rgba(230, 233, 243, 0.1) 98.86%);
  border: 1px solid;
  border-image-source: linear-gradient(180deg, rgba(0, 100, 217, 0.3) 0%, rgba(57, 66, 227, 0.3) 100%);
  box-shadow: 0px 3.42px 3.42px 0px rgba(76, 117, 242, 0.14);
  box-shadow: 0px 2.11px 4.22px 0px rgba(76, 117, 242, 0.06);
}

.card-back {
  background: linear-gradient(180deg, #0064D9 0%, #3942E3 100%);
  transform: rotateX(180deg); /* Поворачиваем заднюю сторону */
padding: 20px;
}

.all-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* Центрирование по горизонтали */
  gap: 20px; /* Отступ между карточками */
  max-width: 1920px;
  margin: 0 auto; /* Центрирование контейнера */
  padding-bottom: 70px;
}

.all_btn {
  display: flex;
  flex-direction: column;
  row-gap: 70px;
}

.first_block_cards {
  display: flex;
/* Ширина каждого блока */
  height: 320px;
  background: rgba(255, 255, 255, 1);
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.main_img_cards {
  padding-top: 10px; /* Уменьшите отступ сверху */
}

.deteils_block_cards {
  background: rgba(225, 232, 253, 1);
  color: rgba(0, 100, 217, 1);
  font-size: 15px;
  border: none;
  max-width: 120px;
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 10px; /* Отступ снизу */
  padding: 7px;
}

.btn_turn_cards {
width:40px;
height:40px;
  position: absolute;
  left: 20px; /* Отступ от левого края */
  bottom: 20px; /* Отступ от нижнего края */
		top: 250px;
  background: white;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
@media(min-width:481px){
.img_main_form {
  max-width: 200px;
  padding-top: 80px;
  padding-right: 13px;
}
}
@media(max-width:600px){
.btn_turn_cards {
  display: none;
  width: 40px;
  height: 40px;
  position: absolute;
  left: 20px;
  bottom: 20px;
  background: white;
  border-radius: 50%;
  border: none;
  cursor: pointer;
}
}
@media(max-width:480px){
  .first_block_cards{
	background: #E1E8FD;
	}
  .slick-slide{
    background: #E1E8FD;
  }
  .deteils_block_cards {
    display: flex;
    flex-direction: row;
	 min-width: 120px;
	align-items: center;
    column-gap: 10px;
    font-size: 13px;
  }
  .slick-slide{
    padding-right: 10px;
  }
	.card-front{
		height: 400px;
		}
	.slick-list{
		height: 400px;
		}
	.card-front {
	  display: flex;
	  flex-direction: column;
	  padding: 20px;
	  background: rgba(255, 255, 255, 1);
	  z-index: 2;
	  background: linear-gradient(0deg, #FFFFFF, #FFFFFF), linear-gradient(288.73deg, rgba(76, 117, 242, 0.1) 58.04%, rgba(230, 233, 243, 0.1) 98.86%);
	  border: 1px solid;
	  border-image-source: linear-gradient(180deg, rgba(0, 100, 217, 0.3) 0%, rgba(57, 66, 227, 0.3) 100%);
	  box-shadow: 0px 3.42px 3.42px 0px rgba(76, 117, 242, 0.14);
	  box-shadow: 0px 2.11px 4.22px 0px rgba(76, 117, 242, 0.06);
	}
	.title_block_cards {
	  font-size: 20px;
	  font-weight: 600;
	  font-family: "Manrope", serif;
	}
	.main_img_cards {
	  padding-top: 0; 
	}
	.img_main_form {
	  width: 70%;
	  margin-left: 95px;
	  margin-top: 5px;
	  padding-left: 25px;
	}
	.all_btn {
	  display: flex;
	  position: absolute;
	  flex-direction: column;
	  row-gap: 70px;
	}
}
.card-back {
	height:100%;
}
.main_banner {
	width:100%;
}

