.whyus{
    padding-top: 80px;
    padding-bottom: 60px;
    background-color: #0F0F0F;
    background-image: url(/image/Frame99.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

.whyus::after{
    content: '';
    width: 491px;
    height: 673px;
    position: absolute;
    right: 0;
    top: -42%;
    background: url(/image/leaf.webp) no-repeat center / contain;
    pointer-events: none;
}

.whyus__heading{
    font-weight: 300;
    font-size: 64px;
    line-height: 83%;
    color: #fff;
    font-family: "Cormorant Garamond", serif;
    margin-bottom: 30px;
}

.whyus__title{
    margin: 0;
    font: inherit;
    color: inherit;
}

.whyus__subtitle{
    display: block;
    font-weight: 400;
    font-size: 36px;
    line-height: 147%;
    color: #b78e43;
    padding-left: 155px;
    font-family: 'Copyright-House-Industries-Not-Licensed-for-Desktop-Use';
    transform: translateY(-25px);
}

.whyus__wrapper{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.whyus__list{
    display: flex;
    flex-direction: column;
    gap: 18px;
    width: 380px;
    flex-shrink: 0;
}

.whyus__list-item{
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 0 10px;
    height: 75px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px) saturate(150%);
    -webkit-backdrop-filter: blur(10px) saturate(150%);
}

.whyus__number{
    font-weight: 600;
    font-size: 64px;
    background: linear-gradient(90deg, #bca687 0%, #b8a284 6.65%, #fff8ee 8.25%, #dac5a5 30.69%, #ab8f76 34.31%, #735b42 65.92%, #a68b6e 74.36%, #b79a7a 91.3%, #8f7e61 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.whyus__text{
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.whyus__item-title{
    font-weight: 400;
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
}

.whyus__item-subtitle{
    font-weight: 400;
    font-size: 12px;
    color: #a0a0a0;
}

.whyus__slider{
    position: relative;
    width: calc(100% - 480px);
    height: 447px;
    min-width: 1px;
}

.whyus__slider .swiper-container{
    border-radius: 10px;
    overflow: hidden;
}

.whyus__slide-image{
    border-radius: 10px;
    width: 100%;
    height: 447px;
    object-fit: cover;
    display: block;
}

/* стрелки и пагинация */
.whyus__slider .product__carousel--next{
    position: absolute;
    top: 50%;
    right: -30px;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-15.503' y='-15.503' width='91.006' height='91.006'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.75px);clip-path:url(%23bgblur_0_56_4047_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Ccircle opacity='0.3' data-figma-bg-blur-radius='15.503' cx='30' cy='30' r='29.5941' fill='black' fill-opacity='0.4' stroke='white' stroke-width='0.811845' /%3E%3Ccircle cx='29.9997' cy='30' r='11.6667' fill='white' /%3E%3Cpath d='M30.7996 32.3986C30.7996 32.1442 31.0562 31.7643 31.3159 31.4454C31.6498 31.034 32.0488 30.675 32.5062 30.4011C32.8492 30.1957 33.265 29.9986 33.5996 29.9986M33.5996 29.9986C33.265 29.9986 32.8489 29.8014 32.5062 29.596C32.0488 29.3218 31.6498 28.9628 31.3159 28.552C31.0562 28.2328 30.7996 27.8523 30.7996 27.5986M33.5996 29.9986L25.1996 29.9986' stroke='%23464330' stroke-width='0.9' /%3E%3Cdefs%3E%3CclipPath id='bgblur_0_56_4047_clip_path' transform='translate(15.503 15.503)'%3E%3Ccircle cx='30' cy='30' r='29.5941' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 60px 60px;
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.whyus__slider .product__carousel--prev{
    position: absolute;
    top: 50%;
    left: -30px;
    width: 60px;
    height: 60px;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-15.503' y='-15.503' width='91.006' height='91.006'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(7.75px);clip-path:url(%23bgblur_0_56_4053_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Ccircle opacity='0.3' data-figma-bg-blur-radius='15.503' cx='30' cy='30' r='29.5941' transform='matrix(-1 0 0 1 60 0)' fill='black' fill-opacity='0.4' stroke='white' stroke-width='0.811845' /%3E%3Ccircle cx='11.6667' cy='11.6667' r='11.6667' transform='matrix(-1 0 0 1 41.667 18.3334)' fill='white' /%3E%3Cpath d='M29.2004 32.3986C29.2004 32.1442 28.9438 31.7643 28.6841 31.4454C28.3502 31.034 27.9512 30.675 27.4938 30.4011C27.1508 30.1957 26.735 29.9986 26.4004 29.9986M26.4004 29.9986C26.735 29.9986 27.1511 29.8014 27.4938 29.596C27.9512 29.3218 28.3502 28.9628 28.6841 28.552C28.9438 28.2328 29.2004 27.8523 29.2004 27.5986M26.4004 29.9986L34.8004 29.9986' stroke='%23464330' stroke-width='0.9' /%3E%3Cdefs%3E%3CclipPath id='bgblur_0_56_4053_clip_path' transform='translate(15.503 15.503)'%3E%3Ccircle cx='30' cy='30' r='29.5941' transform='matrix(-1 0 0 1 60 0)' /%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
    background-size: 60px 60px;
    border-radius: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
}

.whyus__slider  .product__carousel--pagination{
    text-align: center;
    margin-top: 20px;
}

.whyus__slider  .product__carousel--pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background:  #404040;
}

.whyus__slider  .product__carousel--pagination .swiper-pagination-bullet-active{
    background: #BB8D37;
}

/* адаптив */

@media (max-width: 1680px) {
    .whyus__slider .product__carousel--prev{
        left: 0;
    }
    .whyus__slider .product__carousel--next{
        right: 0;
    }
}

@media (max-width: 1440px) {
    .whyus__slider{
        width: calc(100% - 420px);
    }
}

@media (max-width: 1023px) {
    .whyus__wrapper{
        flex-direction: column;
        gap: 30px;
    }
    .whyus__list{
        width: 100%;
    }
    .whyus__slider{
        width: 100%;
        height: auto;
    }
    .whyus__slide-image{
        height: 447px;
    }
    .whyus__slider .product__carousel--prev,
    .whyus__slider .product__carousel--next{
        display: none;
    }
    .whyus::after{
        width: 350px;
        height: 505px;
        right: 0;
        top: -18%;
        background-image: url(/image/leaf1.webp);
    }
}

@media (max-width: 767px) {
    .whyus{
        padding-top: 155px;
        padding-bottom: 25px;
        background-image: url(/image/Frame257.webp);
    }
    .whyus__slider  .product__carousel--pagination{
        text-align: left;
    }
    .whyus__heading{
        font-size: 48px;
        max-width: 210px;
        margin-bottom: 0;
    }
    .whyus__subtitle{
        font-size: 24px;
        padding-left: 40px;
        transform: translateY(-16px);
        white-space: nowrap;
    }
    .whyus__slide-image{
        height: 335px;
    }
}