/* ? Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap');
/* ? Bootstrap icons  */
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");

:root {
    --lightcolor: #fff;
    /* --mainColor: #f5821e; */
    --mainColor: var(--main-color);
    /* --subColor: #fbedd0; */
    --subColor: var(--hover-color);
    --darkColor: #000;
    --lightTextColor: #888888;
    --swiper-pagination-color: var(--main-color);
}


* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

a {
    color: var(--darkColor);
    text-decoration: none;
}

html,
body {
    overflow-x: hidden;
}

.mt-50 {
    margin-top: 5rem;
}

.mb-50 {
    margin-bottom: 5rem;
}

.fs-4_5 {
    font-size: 22px;
}

.lightText {
    color: var(--lightTextColor);
}

.mainColorText {
    color: var(--mainColor);
}

.trans {
    transition: all 0.3s ease;
}

.sectionTitleWrap {
    display: flex;
    justify-content: center;
}

.sectionTitleWrap h2 {
    width: fit-content;
    font-weight: 400;
    background-color: var(--subColor);
    padding: .5rem 0rem .5rem 0rem;
    border-radius: 1rem;
}

.sectionTitleWrap .sbSpan {
    background-color: var(--subColor);
    padding: 0rem .5rem 0rem 1rem;
    border-top-left-radius: 1rem;
    border-bottom-left-radius: 1rem;
}

.sectionTitleWrap .spSpan {
    padding: .3rem 2rem .3rem 1rem;
    color: var(--lightcolor);
    background-color: var(--mainColor);
    border-radius: 1rem;
}

.showmoreBtn {
    color: #ffffff;
    padding: 1rem 2rem;
    border-radius: 24px;
    background-color: #000000;
    font-weight: 500;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/** Header Section */

.headerSection {
    height: 15vh;
    display: flex;
    align-items: center;
}

.headerSection ul li a:hover {
    text-decoration: underline;
}

.headerSection nav .has-submemu:hover .submenu {
    visibility: visible;
    opacity: 1;
}

.headerSection nav .submenu {
    min-width: 100px;
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 2rem;
    width: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 0.5rem 0.5rem;
    border-radius: 8px;
    z-index: 3;
    background-color: #ffffff;
    width: -webkit-fill-available;
}

.headerSection nav .submenu:hover {
    opacity: 1;
    visibility: visible;
}

.phoneNav {
    background-color: var(--lightcolor);
    z-index: 5;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding: 1rem 1rem;
    min-width: 155px;
    border-radius: 1rem;
}

/** Hero Section */
.heroSection .swiper .swiper-card {
    height: 85vh;
}

/* .heroSection .swiper .swiper-card::after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    top: 0;
} */
.heroSection .swiper .swiper-card .siper-cardText {
    position: absolute;
    top: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    padding: 0 7rem;
    color: var(--lightcolor);
    z-index: 5;
}

.heroSection .swiper .swiper-card .siper-cardText h2 {
    font-size: 52px;
}

.heroSection .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.heroSection .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: none;
}

.heroSection .heroSwiper-button-next,
.heroSection .heroSwiper-button-prev {
    color: var(--subColor);
}

/** Featured Categorie Section */
.featuredCategorieSection .categorieCard {
    max-height: 250px;
}

/** Feature Section */
.featureWrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 1.5rem;
}

.featureCard {
    text-align: center;
    background-color: var(--subColor);
    flex: 1;
    border-radius: 1rem;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.featureCard:hover {
    transform: translateY(-3rem) !important;
}

.featureCard .imgsection {
    background-color: var(--mainColor);
    padding: 2.5rem 0;
    color: var(--lightcolor);
    border-radius: 1rem;
    font-size: 50px;
}

.featureCard .textSection {
    padding: 1rem 1rem;
}

/** About Section */
.aboutSection img {
    border-radius: 18px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/** Featured Product Section */
.featuredProductSection .featProductCardWrap {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 2rem;
    padding: 0 2rem;
    word-wrap: break-word;
}

.featuredProductSection .featProductCardWrap .featProductCard {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    color: var(--drakTextColor);
}

.featuredProductSection .featProductCardWrap .featProductCard p {
    color: var(--garyColor);
}

.featuredProductSection .featProductCardWrap .featProductText h6 {
    font-weight: 300;
    font-size: 18px;
}

.featuredProductSection .featProductCardWrap .featProductCard .featProductCardImgWrap {
    max-height: 250px;
    overflow: hidden;
    position: relative;
    z-index: 99;
    animation: myAnim 2s ease 0s 1 normal forwards;
}

@keyframes featProductCardImgWrapAnim {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.featuredProductSection .featProductCardWrap .featProductCard:hover {
    transition: transform 0.5s ease-in-out;
    transform: scale(1.1);
}

.featuredProductSection .featProductCardWrap .featProductCard:hover h5,
.featuredProductSection .featProductCardWrap .featProductCard:hover h6 {
    transition: color 0.3s ease;
    color: var(--white);
}

.featuredProductSection .featProductCardWrap .featProductCard:hover::before {
    height: 100%;
    width: 100%;
}

.featuredProductSection .featProductCardWrap .featProductCard::before {
    transition: all 0.5s ease;
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 0;
    background-color: var(--darkBackgroudColor);
}

/* .staractive {
    color: #FFDF00 !important;
} */
.featuredProductSection .price {
    color: var(--mainColor);
    font-weight: 600;
}

.featuredProductSection .previous-price {
    text-decoration: line-through;
    color: #DDD;

}

.feProBtn a {
    background-color: var(--mainColor);
}

/** Video Section */
.videoSection {
    background-color: var(--subColor);
}

.videoSection iframe {
    border-radius: 18px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    width: 560px;
    height: 315px;
}

.videoSection .box1 {
    border-radius: 18px;
    position: absolute;
    top: -1.5rem;
    width: 150px;
    height: 150px;
    background-color: var(--mainColor);
    left: -1.5rem;
}

.videoSection .box2 {
    border-radius: 18px;
    position: absolute;
    bottom: -1.5rem;
    width: 150px;
    height: 150px;
    background-color: var(--mainColor);
    right: -1.5rem;
}

/** Product Section */

.productSection h2 {
    font-size: 36px;
}

.productSection h5 {
    color: var(--mainColor);
}

.productCardWrap .productCard {
    background-color: var(--lightcolor);
    border-radius: 18px;
    overflow: hidden;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transition: transform 0.5s ease, box-shadow 0.4s ease;

}

.productCard:hover {
    transform: scale(1.05);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.productCard:hover .bottomSection h5 {
    color: var(--mainColor) !important;
}

.productCard .bottomSection {
    padding: 1rem 1rem;
}

.productCard .bottomSection h5 {
    transition: all 0.3s ease;
    color: #5E6282 !important;
}

.productCard .bottomSection p {
    color: var(--lightTextColor);
}

.productsSwiper {
    padding: 2.5rem 1.5rem 3rem 1.5rem;
}

.productsSwiper .swiper-pagination-bullet-active {
    background-color: var(--mainColor);
}

/** butterWood Section */
.butterWoodSection .topSection h5 {
    color: var(--mainColor);
    font-weight: 300;
}

.butterWoodSection .topSection h2 {
    color: var(--darkColor);
    font-size: 42px;
}

.butterWoodSection .butterCard .cardIcon {
    color: var(--lightcolor);
    padding: .8rem 1rem;
    border-radius: 13px;
}

.butterWoodSection .butterCard:nth-child(1) .cardIcon {
    background-color: #F1A501;

}

.butterCardWrap .butterCard:nth-child(1) h5 {
    color: #F1A501;
}

.butterWoodSection .butterCard:nth-child(2) .cardIcon {
    background-color: #DF6951;

}

.butterCardWrap .butterCard:nth-child(2) h5 {
    color: #DF6951;
}

.butterWoodSection .butterCard:nth-child(3) .cardIcon {
    background-color: #006380;

}

.butterCardWrap .butterCard:nth-child(3) h5 {
    color: #006380;
}

.butterWoodSection img {
    border-radius: 18px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/** Brand Section */
.brandWrap {
    /* background-image: linear-gradient(185deg, rgb(251, 237, 208), rgb(245, 130, 30)); */
    padding: 5rem 1rem;
}

.brandCard {
    max-width: 150px;
}

/** Testimonail Section */
.testimonailSection .firstcol h6 {
    color: var(--mainColor);
}

.testimonailSection .firstcol h2 {
    font-size: 52px;
}

.testimaialCard {
    position: relative;
}

.testimaialCard .profile {
    position: absolute;
    top: -2rem;
    left: -2rem;
}

.testimaialCard .profile img {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
}

.testimaialCard .bottom p {
    margin: 0;
}

.cardShowd {
    border-radius: 18px;
    position: absolute;
    bottom: -1.5rem;
    right: -1.5rem;
    background-color: var(--lightcolor);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    z-index: -1;
}

.cardBox {
    background: var(--lightcolor);
    position: relative;
    z-index: 5;
    padding: 2rem;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    border-radius: 18px;
}

.testimonailSwiper {
    height: 350px;
}

.testimonailSwiper .swiper-slide {
    padding: 2.5rem 6rem 2.5rem 2.5rem;
}

.testimonailSwiper-button-next,
.testimonailSwiper-button-prev {
    left: 92%;
    color: var(--darkColor);
}

.testimonailSwiper-button-prev {
    top: 40%;
}

.testimonailSwiper-button-next {
    top: 55%;
}

.testimonailSwiper .swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.testimonailSwiper .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: none;
}

/** Blog Section */
.blogSection .topSection a {
    color: var(--darkColor);
    padding: 1rem 2rem;
    border-radius: 24px;
    background-color: var(--subColor);
    font-weight: 500;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.blogSection .topSection a:hover {
    border: 1px solid var(--darkColor);
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.blogSection .blogCardWrap .blogCard .post-date {
    left: 2rem;
    bottom: 2rem;
    background-color: var(--mainColor);
    color: var(--lightcolor);
    padding: 1rem 1.5rem;
    border-radius: 40px;
}

.blogSection .blogCardWrap .blogCard .textSection {
    background-color: #DDD;
    padding: 1rem 1.5rem;
}

.blogSection .blogCardWrap .blogCard .textSection a {
    text-decoration: underline;
    font-weight: 500;
}

/** Gallery Section */
.gallerySection .galleryPreWrap .galleryPreCard .imgWrap {
    width: 200px;
    height: 200px;
    border-radius: 18px;
    overflow: hidden;
    filter: grayscale(1);
}

.gallerySection .galleryPreWrap .swiper-slide:first .galleryPreCard .imgWrap {
    filter: grayscale(0) !important;
}

.gallerySection .galleryPreWrap .galleryPreCard .imgWrap img {
    object-fit: cover;
}


/** Subscribe Section */
.subscribeSection .subscribeWrap {
    /* background-color: var(--subColor); */
    background-image: linear-gradient(185deg, var(--subColor), var(--mainColor));
    padding: 5rem 1rem;
    border-radius: 18px;
    border-top-left-radius: 5rem !important;
}

.subscribeSection .subscribeWrap input {
    background-color: var(--lightcolor);
    background-color: #ffffff;
    border-radius: 10px;
    color: #39425D;
    padding: 1rem 1rem 1rem 1rem;
    border: none;
    font-size: 14px;
    width: 35%;
}

.subscribeSection .subscribeWrap button {
    /* background-image: linear-gradient(to bottom, #FF946D, #FF7D68); */
    background-color: var(--darkColor);
    border: none;
    border-radius: 0.625rem;
    padding: .7rem 2.5rem;
    color: var(--lightcolor);
}

.subscribeSection img {
    position: absolute;
    top: -1rem;
    right: -1rem;
}

/** Footer Section */
.footerSection {
    padding-top: 5rem;
    /* background-color: var(--subColor); */
}

footer .logoSection {
    padding-right: 2rem;
}

footer .socialSection ul li a {
    background-color: var(--lightcolor);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    display: grid;
    place-content: center;
    transition: all 0.5s ease;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

footer .socialSection ul li a:hover {
    background-color: var(--mainColor);
    color: var(--lightcolor);
}

footer .linkSection ul a:hover {
    color: var(--mainColor);
}

footer .copySection {
    color: var(--lightTextColor);
    text-align: center;
    margin-top: 4rem;
    padding: 1rem 0;
    border-top: 1px solid var(--lightTextColor);
}

footer .callbtn {
    font-size: 30px;
}

/***** Home page End *****/

/*! Gallery Section */
.galleryCardWrap {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem;
}

.galleryCardWrap .galleryCard {
    border-radius: 18px;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    transition: all 0.5s ease;
}

.galleryCardWrap .galleryCard a::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    z-index: 99;
    opacity: 0;
    transition: opacity 0.4s;
}

.galleryCardWrap .galleryCard:hover {
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.galleryCardWrap .galleryCard:hover a::before {
    opacity: 0.3;
}

.galleryCardWrap .galleryCard:hover a img {
    transform: scale(1.1);
}


/* ! midea Query */
@media only screen and (max-width: 1200px) {

    /*? Testimonial section */
    .testimonailSwiper {
        height: 450px;
    }
}

@media only screen and (max-width: 1200px) {

    /*? Testimonial section */
    .testimonailSwiper {
        height: 550px;
    }
}

@media only screen and (max-width: 768px) {

    /*? Hero Section */
    .heroSection .swiper .swiper-card .siper-cardText h2 {
        font-size: 46px;
    }

    /*? Featured Product Section */
    .featuredProductSection .featProductCardWrap {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    /*? Features Section */
    .featureWrap {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    /*? Testimonial section */
    .testimonailSwiper .swiper-slide {
        padding: 2.5rem 2.5rem 2.5rem 2.5rem;
    }

    /*? Subscribe Section */
    .subscribeSection .subscribeWrap input {
        width: 100%;
    }

    /*! Gallery Section */
    .galleryCardWrap {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media only screen and (max-width: 600px) {

    /*? Hero Section */
    .heroSection .swiper .swiper-card {
        height: 100% !important;
    }

    .heroSection .swiper .swiper-card .siper-cardText {
        padding: 0 5rem;
    }

    .heroSection .swiper .swiper-card .siper-cardText h2 {
        font-size: 44px;
    }

    /*? Featured Product Section */
    .featuredProductSection .featProductCardWrap {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        grid-column-gap: 0.5rem;
        grid-row-gap: 1rem;
        padding: 0;
        word-wrap: break-word;
    }

    .featuredProductSection .featProductCardWrap p {
        font-size: 14px;
    }


    /*? Video Section */
    .videoSection iframe {
        width: 100%;
    }

    /*? Testimonial section */
    .testimonailSwiper {
        height: auto !important;
    }
}

@media only screen and (max-width: 430px) {

    /*? Hero Section */

    .heroSection .swiper .swiper-card .siper-cardText {
        padding: 0 2rem;
    }

    .heroSection .swiper .swiper-card .siper-cardText h2 {
        font-size: 44px;
    }

    /*? Features Section */
    .featureWrap {
        grid-template-columns: minmax(0, 1fr);
    }

    /*? Product Section */
    .productsSwiper .swiper-slide-active .productCard {
        transform: scale(1.05);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .productsSwiper .swiper-slide-active .productCard {
        animation-name: productsAni;
        animation-duration: 1s;
    }

    /*? butterWood Section */
    .butterWoodSection .topSection br {
        display: none;
    }

    /** Subscribe Section */
    .subscribeSection .subscribeWrap h3 {
        font-size: 20px;
    }

    /*? Testimonial section */
    .testimonailSwiper {
        height: auto !important;
    }

    /*! Gallery Section */
    .galleryCardWrap {
        grid-template-columns: repeat(1, 1fr);
    }
}


@keyframes productsAni {
    from {
        transform: scale(0.9);
        box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    }

    to {
        transform: scale(1.05);
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }
}




/* ! customize the Core */
.learnMoreBtn {
    color: var(--darkColor);
    padding: 0.5rem 2rem;
    border-radius: 24px;
    background-color: var(--subColor);
    font-weight: 500;
}

/** aboutPage */
.aboutPage {
    background-color: var(--subColor);
}

.aboutusBottom {
    padding: 1rem 0;
    border-top: 1px solid var(--mainColor);
}

.ourStorySection .ourStoryWrap {
    background-color: var(--lightcolor);
    text-align: center;
    padding: 1rem 2rem;
    border-radius: 18px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.ourStorySection .ourStoryWrap .user p {
    color: var(--darkColor);
    font-weight: 600;
}

.ourVisionSection {
    padding-bottom: 4rem;
}

.ourVisionSection .imgCard {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 18px;
}

.ourVisionSection .imgCard img {
    object-fit: cover;
}

/*! Shop Page */
.vintagefurShop .product-shorting select {
    line-height: normal !important;

}