.design-presentation__style-filter::-webkit-scrollbar,
.design-presentation__design-filter::-webkit-scrollbar,
.design-presentation__design-child-filter::-webkit-scrollbar {
    display: none;
}

.design-presentation__style-filter,
.design-presentation__design-filter,
.design-presentation__design-child-filter {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.design-presentation__design-filter label span,
.design-presentation__design-child-filter label span {
    transition-property: color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.design-presentation__design-child-filter input:checked + label span,
.design-presentation__design-filter input:checked + label span {
    color: #FFFFFF;
}

@media (min-width: 992px) {
    .design-presentation__design-child-filter label:hover span,
    .design-presentation__design-filter label:hover span {
        color: #FFFFFF;
    }
}

.design-presentation__design-child-filter label svg,
.design-presentation__design-filter label svg {
    fill: transparent;
    transition-property: fill;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.design-presentation__design-child-filter input:checked + label svg,
.design-presentation__design-filter input:checked + label svg {
    stroke: #FFFFFF;
    fill: #212529;
}

@media (min-width: 992px) {
    .design-presentation__design-child-filter label:hover svg,
    .design-presentation__design-filter label:hover svg {
        stroke: #FFFFFF;
        fill: #212529;
    }
}

.design-presentation__style-filter .fill-when-active {
    opacity: 0;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

@media (min-width: 992px) {
    .design-presentation__style-filter label:hover .fill-when-active {
        opacity: 1;
    }
}
.design-presentation__style-filter input:checked + label .fill-when-active {
    opacity: 1;
}

.design-presentation__style-filter .elegance .fill-when-active {
    fill: #e6e8cb;
}

.design-presentation__style-filter .industrial .fill-when-active {
    fill: #bfbfb8;
}

.design-presentation__style-filter .modern .fill-when-active {
    fill: #dadddc;
}

.design-presentation__style-filter .natural .fill-when-active {
    fill: #b6c0ac;
}

.design-presentation__style-filter .retro .fill-when-active {
    fill: #dbbea2;
}

.design-presentation .swiper-button-prev,
.design-presentation .swiper-button-next {
    width: auto;
    height: auto;
    color: currentColor;
}

.design-presentation .swiper-button-prev:after,
.design-presentation .swiper-button-next:after {
    content: "";
}

.design-presentation__design {
    display: none;
}

.design-presentation__design--visible {
    display: block;
}

.design-presentation__design-swiper-image {
    padding-bottom: 130%;
}

.design-presentation__design--popup-is-open .design-presentation__popup {
    visibility: visible;
    opacity: 1;
}

@media (min-width: 768px) {
    .design-presentation__design-swiper-image {
        padding-bottom: 90%;
    }

    .design-presentation__design[data-i="0"] .design-presentation__design-inner {
        width: 70%;
        margin-left: 0;
    }

    .design-presentation__design[data-i="1"] .design-presentation__design-inner {
        width: 80%;
        margin-right: 0;
        margin-left: auto;
    }

    .design-presentation__design[data-i="2"] .design-presentation__design-inner {
        width: 75%;
        margin-left: 0;
    }

    .design-presentation__design[data-i="3"] .design-presentation__design-inner {
        width: 75%;
        margin-right: 0;
        margin-left: auto;
    }

    .design-presentation__design[data-i="4"] .design-presentation__design-inner {
        width: 65%;
        margin-left: 0;
    }

    .design-presentation__design[data-i="5"] .design-presentation__design-inner {
        width: 65%;
        margin-right: 0;
        margin-left: auto;
    }
}

@media (min-width: 992px) {
    .design-presentation__design-swiper-image {
        padding-bottom: 62.5%;
    }

    .design-presentation__design[data-i="0"] .design-presentation__design-inner {
        width: 50%;
    }
    .design-presentation__design[data-i="0"] .design-presentation__design-swiper-image {
        padding-bottom: 80%;
    }

    .design-presentation__design[data-i="1"] .design-presentation__design-inner {
        margin-top: -8rem;
        width: 50%;
    }
    .design-presentation__design[data-i="1"] .design-presentation__design-swiper-image {
        padding-bottom: 110%;
    }

    .design-presentation__design[data-i="2"] .design-presentation__design-inner {
        margin-top: -16rem;
        margin-left: 5%;
        width: 45%;
    }
    .design-presentation__design[data-i="2"] .design-presentation__design-swiper-image {
        padding-bottom: 110%;
    }

    .design-presentation__design[data-i="3"] .design-presentation__design-inner {
        width: 55%;
    }
    .design-presentation__design[data-i="3"] .design-presentation__project-swiper-image {
        padding-bottom: 85%;
    }

    .design-presentation__design[data-i="4"] .design-presentation__design-inner {
        width: 45%;
        margin-top: -8rem;
    }
    .design-presentation__design[data-i="4"] .design-presentation__project-swiper-image {
        padding-bottom: 105%;
    }

    .design-presentation__design[data-i="5"] .design-presentation__design-inner {
        width: 50%;
        margin-top: -8rem;
    }
    .design-presentation__design[data-i="5"] .design-presentation__project-swiper-image {
        padding-bottom: 105%;
    }
}


@media (max-width: 767.99px) {
    .design-presentation__design h4.text-xl.mb-8 {
        margin-bottom: 1rem;
    }
    .design-presentation__design .wysiwyg-content.text-base p {
        margin-bottom: 0.4rem;
    }
}
.design-presentation__design .text-wrapper:hover p, .design-presentation__design .text-wrapper:hover h4 {
    text-decoration: underline;
}
/* .design-presentation__design .text-base:hover p, .design-presentation__design .text-base:hover h4 {
    text-decoration: underline!important;
} */
.design-presentation__design .shop-btn span p {
    font-size: 18px;
    color: #212529;
    transition-property: color;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.design-presentation__design .shop-btn:hover span p {
    color: #FFFFFF;
}
.design-presentation__design .shop-btn svg {
    fill: transparent;
    transition-property: fill;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}
.design-presentation__design .shop-btn:hover svg {
    fill: #212529;
}
.design-presentation__like svg {
    cursor: pointer;
    fill: #FFFFFF00;
    transition: fill 150ms ease-in-out;
}
.design-presentation__like.liked svg {
    fill: #FFFFFF;
}
@media (max-width: 991.99px) {
    
.slider-button{
    padding-bottom: 115% !important; 
}    
}