:root {
    --font-family: "Forum", sans-serif;
    --second-family: "Open Sans", sans-serif;
    --roboto-family: "Roboto", sans-serif;
}

html {
    scroll-behavior: smooth;
}

.comagic-c-buttons {
    bottom: 67px !important;
}

#slide_top {
    position: fixed;
    display: none;
    text-align: center;
    bottom: 67px;
    right: 5px;
    z-index: 99999;
    color: #fff;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-decoration: none
}

#slide_top:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: url(../img/top.png) center/cover no-repeat;
    content: '';
    z-index: 999
}

@media all and (max-width: 477px) {
    .comagic-c-buttons {
        bottom: 20px !important;
        top: auto !important;
    }
}

@media all and (max-width: 433px) {
    .comagic-c-buttons {
        left: auto !important;
        right: 31px;
    }

    #slide_top {
        width: 64px;
        height: 64px;
        right: 31px;
    }
}

@media all and (max-width: 405px) {
    .comagic-c-buttons {
        left: auto !important;
        right: 31px;
    }

    #slide_top {
        width: 57px;
        height: 57px;
    }
}

.new-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-gap: var(--layout-column-gap);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    margin: 0;
    padding-bottom: 60px;
}

/*.new-grid .cell:nth-child(1), .new-grid .cell:nth-child(6n+1) {
    grid-column: 1 / span 2;
}

.new-grid .cell:nth-child(6n), .new-grid .cell:nth-child(38) {
    grid-column: 3 / span 2;
}*/

.new-grid .cell {
    display: block;
    width: 100%;
    padding: 0;
    height: 309px;
    overflow: hidden;
    position: relative;
}

.block-img {
    height: 309px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.new-style-shori .page_title {
    margin: 0;
    padding: 0;
}

.new-grid .cell a.title {
    background: linear-gradient(#FFFFFF00, #E2C5B0);
    height: 100%;
    display: grid;
    align-items: end;
    padding-bottom: 30px;
    text-align: left;
    padding-left: 15px;
    text-transform: uppercase;
    color: #402714;
    font-weight: 400;
    font-family: 'Forum';
    font-size: 26px;
    line-height: 28px;
}

.new-grid .cell a.title span {
    display: block;
    max-width: 290px;
}

.new-grid .descr {
    position: absolute;
    top: 0;
    height: 100%;
    background: #402714CC;
    display: grid;
    align-items: end;
    width: 100%;
    padding-bottom: 15px;
    opacity: 0;
}

.new-grid .descr p {
    color: #ffffff;
    font-weight: 400;
    font-family: 'Forum';
    font-size: 16px;
    line-height: 18px;
    max-width: 406px;
    padding-left: 20px;
}

.new-grid .descr a.p {
    height: 100%;
    width: 100%;
    position: absolute;
}

.new-grid .cell:hover .descr {
    opacity: 1;
}

.video-wrapper-vk {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video-wrapper-vk iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media all and (max-width: 1024px) {
    .new-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    /*.new-grid .cell:nth-child(6n+1), .new-grid .cell:nth-child(6n), .new-grid .cell:nth-child(1), .new-grid .cell:nth-child(38) {
        grid-column: 1 / span 2;
    }*/
}

@media all and (max-width: 767px) {
    /*.new-grid {
        grid-template-columns: repeat(1, minmax(0, 1fr));
    }

    .new-grid .cell:nth-child(6n+1), .new-grid .cell:nth-child(6n), .new-grid .cell:nth-child(1), .new-grid .cell:nth-child(38) {
        grid-column: inherit;
    }*/
}

.mod-info {
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
    padding-bottom: 6.25rem;
    font-family: var(--second-family);
    font-weight: 400;
    font-size: 14px;
    color: #271c14;
}

.mod-info__block {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}

.mod-info__title {
    font-family: var(--font-family);
    font-size: 36px;
    color: #402714;
}

.mod-info__question {
    display: flex;
    flex-direction: column;
    gap: 3.125rem;
}

.question__top {
    display: flex;
    flex-direction: column;
    gap: 1.875rem;
}

.question__top-text {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.question__title {
    font-family: var(--font-family);
    font-size: 24px;
    color: #402714;
}

.question__answer {
    display: flex;
    gap: 0.9375rem;
    align-items: flex-start;
}

.question__answer:before {
    min-width: 53px;
    height: 53px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: var(--font-family);
    font-weight: 400;
    font-size: 24px;
    color: #fff;
    background: #b19582;
    border-radius: 50%;
}

.question__answer_01:before {
    content: '01';
}

.question__answer_02:before {
    content: '02';
}

.question__answer_03:before {
    content: '03';
}

.question__answer_04:before {
    content: '04';
}

.question__answer_05:before {
    content: '05';
}

.answer__body {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.answer__name {
    font-family: var(--font-family);
    font-size: 24px;
    color: #402714;
}

.mod-info__illustration {
    display: flex;
    align-items: center;
    column-gap: 1.875rem;
    flex-wrap: wrap;
}

.illustration__image {
    flex: 5 0 673px;
}

.illustration__text {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
    flex: 4 0 517px;
}

.mod-info__illustration_reverse {
    flex-direction: row-reverse;
}

.answer__desc-text {
    padding: 1.875rem 0;
    border-top: 1px solid #9d8d82;
    border-bottom: 1px solid #9d8d82;
    flex: 3 0 449px;
}

.answer__desc-images {
    display: flex;
    gap: 0.625rem;
    flex: 4 0 673px;
}

.answer__desc-image img {
    height: 100% !important;
    object-fit: cover;
}

.answer__advantages {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.advantages-list {
    display: flex;
    flex-direction: column;
    gap: 0.9375rem;
}

.advantages-list__item {
    display: flex;
    align-items: center;
    gap: 0.9375rem;
}

.advantages-list__item:before {
    content: '';
    background: url('data:image/svg+xml,<svg width="18" height="14" viewBox="0 0 18 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.11408 13.448L0.264081 7.59801C-0.087376 7.24655 -0.087376 6.6767 0.264081 6.32521L1.53684 5.05241C1.8883 4.70092 2.45818 4.70092 2.80964 5.05241L6.75048 8.99322L15.1913 0.552411C15.5428 0.200954 16.1127 0.200954 16.4641 0.552411L17.7369 1.82521C18.0883 2.17667 18.0883 2.74651 17.7369 3.09801L7.38688 13.448C7.03539 13.7995 6.46554 13.7995 6.11408 13.448Z" fill="%23B19582" /></svg>');
    display: block;
    min-width: 18px;
    height: 14px;
}

.mod-info__quote {
    font-style: italic;
    color: #402714;
    padding-left: 1.25rem;
    border-left: 1px solid #cca588;
}

.mod-info__info {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 1.25rem;
    background: #EBE3DE;
}

.mod-info__info:before {
    content: '';
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='29' viewBox='0 0 30 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25.8762 14.6518L25.2049 12.7444L17.9642 19.9854C17.2568 20.6942 16.3143 21.084 15.313 21.084C14.3119 21.084 13.3694 20.6942 12.662 19.9854L7.34969 14.6731C6.64088 13.9657 6.25089 13.0232 6.25089 12.0221C6.25089 11.0208 6.64088 10.0783 7.34969 9.3709C8.05713 8.66232 8.99961 8.27233 10.0007 8.27233C11.002 8.27233 11.9445 8.66232 12.6519 9.3709L15.313 12.0308L22.4427 4.90131L21.9625 3.53886L21.7415 2.21645C21.6028 1.36894 21.0439 0.666545 20.2501 0.337659C19.4528 0.00648531 18.5629 0.109019 17.8642 0.610243L14.3906 3.12506L10.8782 0.603834C10.1733 0.106501 9.28089 0.00762975 8.48832 0.340177C7.701 0.670207 7.14714 1.37146 7.00845 2.21393L6.32848 6.44733L2.0699 7.15476C1.22377 7.29369 0.521373 7.85236 0.191344 8.64607C-0.138686 9.44231 -0.0361526 10.3347 0.465071 11.0334L2.97874 14.507L0.457519 18.0192C-0.0386701 18.7241 -0.138686 19.6178 0.193861 20.409C0.525035 21.1966 1.22492 21.7502 2.06739 21.8891L6.30101 22.5703L7.00845 26.8275C7.146 27.6724 7.701 28.3737 8.48832 28.7037C9.28203 29.036 10.1758 28.9374 10.8871 28.4337L14.3606 25.9188L17.8642 28.4337C18.2929 28.7399 18.7916 28.8974 19.2978 28.8974C19.6189 28.8974 19.9414 28.8349 20.2501 28.7062C21.0452 28.3762 21.6028 27.6738 21.7415 26.83L22.4226 22.5966L26.6798 21.8891C27.5248 21.7502 28.2249 21.1966 28.556 20.409C28.8886 19.6178 28.7897 18.7241 28.286 18.0105L25.8762 14.6518Z' fill='%239D8D82'/%3E%3Cpath d='M15.3129 18.5844C14.9929 18.5844 14.673 18.4619 14.4292 18.2182L9.11696 12.9059C8.62833 12.4173 8.62833 11.6272 9.11696 11.1386C9.60583 10.6497 10.3957 10.6497 10.8845 11.1386L15.3129 15.567L27.8659 3.01394C28.3548 2.5253 29.1446 2.5253 29.6335 3.01394C30.1221 3.50257 30.1221 4.29263 29.6335 4.78127L16.1966 18.2182C15.9528 18.4619 15.6329 18.5844 15.3129 18.5844Z' fill='%239D8D82'/%3E%3C/svg%3E%0A");
    max-width: 30px;
    height: 29px;
    width: -webkit-fill-available;
}

.mod-listcurtains-detail__banner {
    padding: 14.4375rem 11rem 5.375rem;
    background: url('/assets/images/modules/mod-listcurtains-detail/001.jpg');
    background-size: cover;
    background-position-x: center;
    background-repeat: no-repeat;
}

.mod-listcurtains-detail__title {
    font-family: var(--font-family);
    font-size: 4.5rem;
    line-height: 130%;
    color: #fff;
    margin-bottom: 3.3125rem;
}

.mod-listcurtains-detail__block {
    padding: 7.5rem 0;
}

.mod-listcurtains-detail__material {
    padding-top: 7.5rem;
}

.mod-listcurtains-detail__block .mod-listcurtains-detail__container {
    display: flex;
    align-items: center;
    gap: 1.25rem;
}

.mod-listcurtains-detail__block_reverse {
    background: linear-gradient(315deg, #e8dfda 0%, #fff 100%);
}

.mod-listcurtains-detail__block_reverse .mod-listcurtains-detail__container {
    flex-direction: row-reverse;
    gap: 4.375rem;
    justify-content: space-between;
}

.mod-listcurtains-detail__text {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    flex: 1 0 774px;
}

.mod-listcurtains-detail__image {
    flex: 1 0 774px;
}

.mod-listcurtains-detail__text-title {
    font-family: var(--font-family);
    font-size: 2.875rem;
    line-height: 130%;
    color: #271c14;
}

.mod-listcurtains-detail__text-desc {
    font-family: var(--roboto-family);
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 130%;
    color: #000;
}

@media screen and (min-width: 1920px) {
    .mod-listcurtains-detail__container {
        max-width: 1568px;
    }
}

.mod-listcurtains-detail__material .mod-listcurtains-detail__container, .mod-listcurtains-detail__bottom .mod-listcurtains-detail__container {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.mod-listcurtains-detail__materials {
    display: flex;
    gap: 1.125rem;
}

.mod-listcurtains-detail__materials-item {
    flex: 1 0;
}

.materials-item__image img {
    width: 100%;
    object-fit: cover;
}

.materials-item__title {
    font-family: var(--font-family);
    font-size: 2rem;
    line-height: 130%;
    color: #000;
    margin-bottom: 0.3125rem;
}

.materials-item__text {
    font-family: var(--roboto-family);
    font-weight: 300;
    font-size: 0.875rem;
    line-height: 130%;
    color: #000;
}

.mod-listcurtains-detail__bottom .mod-listcurtains-detail__container {
    margin-bottom: 2.5rem;
}

.mod-listcurtains-detail img {
    width: 100%;
}

@media screen and (max-width: 1920px) {
    .mod-listcurtains-detail__text, .mod-listcurtains-detail__image {
        flex: 1 0 574px;
    }
}

@media screen and (max-width: 1200px) {
    .mod-listcurtains-detail__block .mod-listcurtains-detail__container {
        flex-wrap: wrap;
    }

    .mod-listcurtains-detail__text, .mod-listcurtains-detail__image {
        flex: unset;
    }

    .mod-listcurtains-detail__materials {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .mod-listcurtains-detail__block {
        padding: 3.125rem 0;
    }

    .mod-listcurtains-detail__material {
        padding-top: 3.125rem;
    }

    .mod-listcurtains-detail__banner {
        padding: 18.9375rem 1.875rem 3.0625rem;
        background: url('/assets/images/modules/mod-listcurtains-detail/001_mobile.jpg');
    }

    .mod-listcurtains-detail__bottom .mod-listcurtains-detail__container {
        margin-bottom: 1.875rem;
    }

    .mod-listcurtains-detail__title {
        margin-bottom: 1.25rem;
    }
}

@media screen and (max-width: 768px) {
    .mod-info__illustration_reverse {
        flex-direction: column-reverse;
    }

    .answer__desc-images, .answer__desc-text, .illustration__text, .illustration__image {
        flex: unset;
        width: 100%;
    }

    .mod-info__illustration {
        row-gap: 1.875rem;
        column-gap: 0;
    }

    .mod-info__illustration img {
        width: 100%;
    }
}

@media screen and (max-width: 576px) {
    .mod-info__title {
        font-size: 24px;
    }

    .answer__name {
        font-size: 18px;
    }

    .answer__desc-image:not(:first-child) {
        display: none;
    }

    .answer__desc-image {
        width: 100%;
    }

    .mod-info__info {
        flex-wrap: wrap;
        justify-content: center;
    }

    .mod-listcurtains-detail__title {
        font-size: 2rem;
    }

    .mod-listcurtains-detail__text-title {
        font-size: 1.5rem;
    }

    .mod-listcurtains-detail__text-desc {
        font-size: 0.875rem;
    }

    .mod-listcurtains-detail__block {
        padding: 2.5rem 0;
    }

    .mod-listcurtains-detail__material {
        padding-top: 2.5rem;
    }

    .mod-listcurtains-detail__block_reverse .mod-listcurtains-detail__container {
        gap: 1.25rem;
    }

    .mod-listcurtains-detail__materials {
        grid-template-columns: 1fr;
    }

    .mod-listcurtains-detail__banner {
        padding: 20.5625rem 0.625rem 2.5rem;
    }
}

@media all and (max-width: 992px) {
    #step-start {
        text-align: center;
    }
}


/**/
#question_form {
    padding: 30px 40% 30px 30px;
    background: linear-gradient(to right, #EBE3DE 70%, rgba(250, 250, 250, 0)), url("/assets/templates/belladone/images/question_form.png") center right;
    background-size: auto 100%;
    margin-bottom: 50px;
}

#question_form .title {
    font-size: 36px;
    font-family: Forum, serif;
    color: #402714;
}

#question_form .text {
    color: #402714;
    font-size: 14px;
}

#question_form form {
    margin-top: 30px;
}

#question_form .row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

#question_form .row .col {
    flex: 1;
}

#question_form .col-full {
    width: 100%;
}

#question_form input {
    border: 1px solid #D7CEC8;
    background: #fff;
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
}

#question_form input::placeholder {
    text-decoration: none;
    text-transform: none;
    color: rgba(39, 28, 20, 0.53);
}

#question_form label {
    display: flex;
    gap: 10px;
    align-items: center;
}

#question_form label::before {
    content: "";
    display: block;
    background: #fff;
    border-radius: 3px;
    width: 18px;
    height: 18px;
    flex: 0 0 auto;
}

#question_form label svg {
    flex: 0 0 auto;
}

#question_form input#whatsapp:checked + label::before {
    background: url("/assets/templates/belladone/images/icons/check.svg");
}

#question_form input#whatsapp {
    display: none;
}

#question_form .button {
    width: 100%;
    background: #E2C5B0;
    color: #532F13;
    font-family: Forum, serif;
    font-size: 16px;
}

.pop_up_box.answer_form {
    border: none;
    background: #EBE3DE;
    padding: 30px 25px;
}

.pop_up_box.answer_form .title_block {
    color: #402714;
    font-size: 24px;
    text-align: center;
    font-family: Forum, serif;
}

.pop_up_box.answer_form .text {
    color: #271C14;
    text-align: center;
}

.pop_up_box.answer_form .button_close {
    background: #E2C5B0;
    display: inline-flex;
    cursor: pointer;
    padding: 10px 15px;
    font-size: 16px;
    color: #532F13;
    margin: auto;
}

.pop_up_box.answer_form {
    max-width: 100%;
    width: 360px;
}

.pop_up_box.answer_form .pop_up_box_inner {
    display: flex;
    flex-direction: column;
    gap: 15px;
}


@media screen and (max-width: 1140px) {
    #question_form {
        padding: 30px;
    }
}

@media screen and (max-width: 991px) {
    #question_form .row .policy {
        flex: 0 0 100%;
    }

    #question_form .row .button_col {
        flex: 0 0 calc(33.333333333% - 10px);
    }
}

@media screen and (max-width: 568px) {
    #question_form .row .col {
        flex: 0 0 100%;
    }

    #question_form {
        background: #EBE3DE;
    }
}

.banner-v1 {
    margin-top: 190px;
    min-height: 432px;
    display: flex;
    justify-content: space-between;
    max-width: 1220px;
    margin-left: auto;
    margin-right: auto;
    padding: 40px;
    position: relative;
    gap: 40px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-v1::before {
    content: '';
    width: 100%;
    height: 100%;
    background: #271C1480;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.banner-v1__content {
    z-index: 2;
    position: relative;
    align-self: flex-end;
    max-width: 746px;
    padding: 10px;
}

.banner-v1__form {
    z-index: 2;
    position: relative;
}

.banner-v1__title {
    color: #E2C5B0;
    font-size: 36px;
    font-weight: 400;
    line-height: 1.1;
    margin-bottom: 14px;
    text-align: left;
}

.banner-v1__text {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: #fff;
}



.form-v1 {
    max-width: 310px;
    min-width: 310px;
    padding: 30px;
    position: relative;
    backdrop-filter: blur(20px);
    background: #FFFFFF33;
    display: flex;
    flex-direction: column;
    gap: 14px;
}




.form-v1__title {
    font-family: 'Forum';
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    color: #E2C5B0;
}

.form-v1__subtitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3;
    color: white;
}


.form-v1__input input {
    font-family: 'Open Sans';
    font-size: 14px;
    padding: 12px 20px;
    border: 1px solid #D7CEC8;
    background: white;
    line-height: 1.3;
}

.form-v1__button .button {
    padding: 12px 20px;
    line-height: 1.1;
    font-size: 16px;
    color: #532F13;
    font-weight: 400;
    font-family: 'Forum';
    width: 100%;
    text-align: center;
}


.form-v1__agree,
.form-v1__agree a {
    color: #FFFFFF80;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.3;
    text-decoration: none;
}


@media (max-width: 800px) {
    .banner-v1 {
        padding: 44px 30px;
    }
    .banner-v1__content {
        align-self: flex-start;
        padding: 0;
    }

    .form-v1 {
        padding: 50px 36.5px;
        max-width: 100%;
        width: 323px;
    }
}

@media (max-width: 640px) {
    .banner-v1 {
        padding: 30px 17px 35px;
        flex-direction: column;
        gap: 30px;
        align-items: center
    }
}


.content-section-v1 {
    margin: 60px 0;
}
@media (max-width: 414px) {
    .content-section-v1 {
        margin: 40px 0;
    }
}

.container-v1 {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
}

.container-v2 {
    max-width: 1760px;
    padding: 0 20px;
    margin: 0 auto;
    width: 100%;
}

@media (max-width: 414px) {
    .container-v1 {
        padding: 0 20px;
    }
}





.h2-v1 {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.1;
    color: #402714;
    font-family: 'Forum';
    margin-bottom: 30px;
}


.iconed-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    margin: 30px 0;
}

.iconed-list__item {
    display: flex;
    flex-direction: column;
    gap: 14px;
    align-items: center;
}

.iconed-list__item-icon {
    width: 113px;
    height: 113px;
    overflow: hidden;
}

.iconed-list__item-icon img {
    object-fit: contain;
    width: 100%;
}

.iconed-list__item-title {
    font-size: 20px;
    font-weight: 400;
    font-family: 'Forum';
    line-height: 1.5;
    text-align: center;
    color: #402714;
    text-transform: uppercase;
}

.iconed-list__item-text {
    font-size: 16px;
    text-align: center;
    line-height: 1.3;
    color: #271C14;
}

.content-section-v1 p {
    font-size: 16px;
}

@media (max-width: 1024px) {
    .iconed-list {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 30px;
        grid-column-gap: 20px;
    }
}

@media (max-width: 540px) {
    .iconed-list {
        grid-template-columns: 1fr;
    }
}




.banner-v2 {
    margin-top: 92px;
height: calc(100vh - 92px);
    display: flex;
    align-items: flex-end;
    padding: 80px 100px;
    position: relative;
}

.banner-v2::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #271C1466;
}

.banner-v2::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(191.11deg, rgba(255, 255, 255, 0.51) 0%, rgba(224, 188, 162, 0) 49.43%, rgba(57, 53, 50, 0.74) 73.96%);
}

.banner-v2__content {
    position: relative;
    z-index: 2;
    max-width: 720px;
    display: flex;
    gap: 30px;
    flex-direction: column;
    width: 100%;
}

.banner-v2__title {
    color: white;
    font-size: 73px;
    line-height: 1;
    font-family: 'Forum';
    font-weight: 400;
    text-align: left;
    margin: 0;
}

.banner-v2__text {
    color: white;
    font-family: 'Open Sans';
    font-size: 18px;
    line-height: 1.6;
    text-align: left;
}

.banner-v2__buttons {
    display: flex;
    gap: 14px;
}

@media (max-width: 991px) {
    .banner-v2 {
        padding: 70px 30px;
        margin-top: 0;
    }
}


@media (max-width: 768px) {
    .banner-v2 {
        height: max-content;
        min-height: 400px;
    }

    .banner-v2__title {
        font-size: 30px;
        line-height: 1.1;
    }

    .banner-v2__content {
        max-width: 630px;
        gap: 24px;
    }

    .banner-v2::after {
        background: #0000004D;
    }
    .banner-v2::before {
        background: linear-gradient(180deg, rgba(64, 39, 20, 0) 0%, rgba(64, 39, 20, 0.8) 80%);
    }
}

@media (max-width: 600px) {
    .banner-v2__buttons {
        flex-direction: column;
    }
}

@media (max-width: 414px) {
    .banner-v2 {
        padding: 33px 12px;
        min-height: 640px;
    }
    .banner-v2::after {
        display: none;
    }
    .banner-v2::before {
        background: linear-gradient(180deg, rgba(64, 39, 20, 0) 0%, rgba(64, 39, 20, 0.8) 80%);
    }

    .banner-v2__buttons > * {
        width: 100% !important;
    }

    .banner-v2__title {
        text-align: center;
        font-size: 32px;
        line-height: 1.2;
        letter-spacing: 1.6px;
    }

    .banner-v2__text {
        font-size: 14px;
        line-height: 1.5;
        text-align: center;
    }

    .banner-v2__content {
        gap: 20px;
    }
}



.content-block-with-image-v2 {
    display: flex;
    justify-content: space-between;
    gap: 30px;
    align-items: center;
    margin-bottom: 100px;
    margin-top: 40px;
}

.content-block-with-image-v2__content {
    flex: 1;
    max-width: 775px;
}

.content-block-with-image-v2__image {
    flex: 1;
    max-width: 825px;
}

.content-block-with-image-v2__image img {
    max-width: 100%;
}

.content-block-with-image-v2__title {
    font-size: 44px;
    font-weight: 400;
    line-height: 1;
    font-family: 'Forum';
    color: #402714;
}

.content-block-with-image-v2__text {
    margin: 40px 0;
}

.content-block-with-image-v2__text > *:last-child {
    margin-bottom: 0;
}

@media (max-width: 1024px) {
    .content-block-with-image-v2__image,
    .content-block-with-image-v2__content {
        max-width: 100%;
    }
    .content-block-with-image-v2 {
        flex-direction: column;
        gap: 30px;
        align-items: flex-start;
    }
}


@media (max-width: 768px) {
    .content-block-with-image-v2__text {
        margin-top: 30px;
        margin-bottom: 0;
    }
    .content-block-with-image-v2 {
        position: relative;
        padding-bottom: 90px;
    }
    .content-block-with-image-v2__buttons {
        position: absolute;
        bottom: 0;
        width: 100%;
        left: 0;
    }
}

@media (max-width: 480px) {
    .content-block-with-image-v2__title {
        font-size: 28px;
        line-height: 1.4;
        text-align: center;
    }

    .content-block-with-image-v2__text {
        text-align: center;
        margin-top: 40px;
    }
    .content-block-with-image-v2 {
        gap: 20px;
    }
}

@media (max-width: 414px) {
    .content-block-with-image-v2__buttons > * {
        width: 100% !important;
    }
}


.section-gradient-v1 {
    background: linear-gradient(285.48deg, #E8DFDA 18.09%, rgba(255, 255, 255, 0) 144.95%);
    padding: 84px 0;
}

.text-with-slider-v2 {
    display: flex;
    flex-direction: column;
    gap: 77px;
}
.text-with-slider-v2__title {
    font-size: 44px;
    font-weight: 400;
    font-family: 'Forum';
    line-height: 1.3;
    margin-bottom: 30px;
    color: #402714;
}

.text-with-slider-v2__text > *:last-child {
    margin-bottom: 0;
}


.text-with-slider-v2__text {
    font-size: 16px;
    line-height: 1.8;
    color: #402714;
}

.text-with-slider-v2__slide {
    height: 266px;
    background: white;
    display: flex;
    justify-content: center;
    padding: 15px;
}

.text-with-slider-v2__slide img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.text-with-slider-v2__slider .slick-list {margin: 0 -5px;}
.text-with-slider-v2__slider .slick-slide {padding: 0 5px;}


.text-with-slider-v2__slider-wrapper {
    padding: 0 60px;
}


.text-with-slider-v2__slider-arrow {
    position: absolute;
    width: 41px;
    height: 41px;
    border-width: 3px 0px 0px 3px;
    border-style: solid;
    border-color: #B19582;
    top: 50%;
    position: absolute;
    cursor: pointer;
}


.text-with-slider-v2__slider-arrow-prev {
    left: -45px;
    transform: translateY(-50%) rotate(-45deg);
}

.text-with-slider-v2__slider-arrow-next {
    right: -45px;
    transform: translateY(-50%) rotate(135deg);
}

@media (max-width: 768px) {
    .text-with-slider-v2__slide {
        height: 180px;
    }
    .section-gradient-v1 {
        padding: 54px 0;
    }
    .text-with-slider-v2 {
        padding: 0 30px;
        gap: 50px;
    }
    .text-with-slider-v2__slider-wrapper {
        padding: 0 10px;
    }
    .text-with-slider-v2__slider-arrow {
        width: 20px;
        height: 20px;
    }
}



@media (max-width: 414px) {
    .section-gradient-v1 {
        padding: 40px 0;
    }
    .text-with-slider-v2 {
        padding: 0;
        gap: 20px;
    }
    .text-with-slider-v2__text {
        font-size: 16px;
        line-height: 1.3;
        text-align: center;
    }
    .text-with-slider-v2__title {
        font-size: 28px;
        line-height: 1.2;
        margin-bottom: 40px;
        text-align: center;
    }   
    .text-with-slider-v2__slider-wrapper {
        padding: 0 30px;
    }
    .text-with-slider-v2__slider-arrow {
        width: 14px;
        height: 14px;
    }
    .text-with-slider-v2__slider-arrow-prev {
        left: -25px;
    }
    .text-with-slider-v2__slider-arrow-next {
        right: -25px;
    }
    .text-with-slider-v2__slide {
        height: 106px;
    }
}


.section-gradient-v2 {
    background: linear-gradient(0deg, #FFFFFF 0%, #E8DFDA 100%);
    padding: 80px 0;
}

.content-block-with-image-v3 {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 60px;
}

.content-block-with-image-v3__image {
    max-width: 825px;
    flex: 1;
}

.content-block-with-image-v3__image img {
    max-width: 100%;
}

.content-block-with-image-v3__title {
    font-family: 'Forum';
    font-size: 44px;
    font-weight: 400;
    line-height: 1;
    color: #402714;
    margin-bottom: 46px;
}
.content-block-with-image-v3__text {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 30px;
}

.ul-check {
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.ul-check li {
    padding-left: 43px;
    position: relative;
    font-size: 16px;
    line-height: 1.3;
}


.ul-check li::before {
    content: '';
    position: absolute;
    background-image: url(/assets/templates/belladone/images/icons/gray-check-icon.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 18px;
    height: 14px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


@media (max-width: 1024px) {
    .content-block-with-image-v3__image {
        max-width: 100%;
    }
    .content-block-with-image-v3 {
        flex-direction: column;
        gap: 55px;
        align-items: flex-start;
        padding: 0 30px;
    }
    .section-gradient-v2 {
        padding: 60px 0;
    }
}

@media (max-width: 480px) {
    .content-block-with-image-v3 {
        gap: 30px;
        padding: 0;
    }

    

    .section-gradient-v2 {
        padding: 40px 0;
    }
}

@media (max-width: 414px) {
    .content-block-with-image-v3__title {
        font-size: 24px;
        text-align: center;
        line-height: 1;
    }
}

