:root{
    --clr-primary: #E89F71;
    --clr-secondary: #97451B;
    --clr-red: #FF0000;
    --clr-black: #000000;
    --clr-yellow: #ffe135;
    --clr-white: #FFFFFF;
    --clr-slate-500: #64748b;
    --clr-slate-800: #1e293b;
    --clr-gray-100: #f3f4f6;
    --clr-gray-300: #d1d5db;
    --clr-deep-blue: #000f23;
    --clr-blue-900: #172554;
    --clr-blue-500: #3b82f6;
    --clr-green-500: #28a745;
    --clr-text: #3A3A3A;
    --clr-text-50: #616161;
    --icon-font: "Font Awesome 6 Free";
	--body-font-family: 'Poppins', sans-serif;
	--title-font-family: 'Poppins', sans-serif;
}
h1,h2,h3,h4,h5,h6{
    color: var(--clr-text);
    font-family: var(--title-font-family);
}
body{
    font-family: var(--body-font-family);
    font-size: 100%;
    font-weight: 400;
    color: var(--clr-deep-blue);
}
@media (min-width: 992px){
    section .section-header p{
        font-size: 1.125rem;
    }
}
/*|==================================================================================
    EXTER CSS
====================================================================================|*/
.container{
    max-width: 1260px;
}
section .btn-solid{
    border-color: var(--clr-secondary);
    background-color: var(--clr-secondary);
}
section .btn-solid:hover{
    border-color: var(--clr-primary);
    background-color: var(--clr-primary);
}
section{
    position: relative;
}
section .section-title{
    font-weight: 600;
    line-height: 1.3;
}
.swiper {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: var(--clr-white);
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*| Swiper Navigation =====================================================================|*/
.swiper-button-prev,.swiper-button-next{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: var(--clr-white);
}
.swiper-button-prev::after,.swiper-button-next::after{
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: 18px;
}
.swiper-button-next::after{
    content: '\f105';
}
.swiper-button-prev::after{
    content: '\f104';
}
/*| Swiper Pagination =====================================================================|*/
.swiper-pagination-bullet{
    position: relative;
    width: 16px;
    height: 16px;
    border: 3px solid var(--clr-white);
}
.swiper-pagination-bullet-active::after{
    width: 8px;
    height: 8px;
    border-radius: 19px;
    /* background-color: var(--clr-black); */
}
.swiper-pagination-bullet-active{
    position: relative;
    opacity: 1;
    border: 1px solid var(--clr-primary);
    background-color: var(--clr-white);
}
.swiper-pagination-bullet-active::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 8px;
    height: 8px;
    border-radius: 19px;
    background-color: var(--clr-primary);
    z-index: 2;
    opacity: 1;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){
    section .btn{
        padding: 10px 20px;
    }
}
@media (min-width: 992px){
    section .section-title{
        /* font-size: 32px; */
    }
}
@media (max-width: 991.98px){}
.social-list{
    display: flex;
    align-items: center;
}
.social-list li{}
.social-list li .social-link{
    display: block;
    padding: .25rem .75rem;
}
.social-list li .social-link:hover{
    color: var(--clr-primary);
} 
.scroll-top {
    position: fixed;
    bottom: 105%;
    right: 20px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    z-index: 11;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: all .5s linear;
}
.scroll-top.scrolltopactive {
    bottom: 30px;
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}
.scroll-top:hover .scroll-top-inner {
    color: var(--clr-white);
}
.scroll-top:after {
    position: absolute;
    z-index: -1;
    content: "";
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center,rgba(0,0,0,.25) 0,transparent 80%);
}
.scroll-top-inner {
    transition: all .3s linear;
    color: var(--clr-white);
    background: var(--clr-primary);
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    border-radius: 50%;
}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    .topbar-section .topbar-right{
        justify-content: flex-end;
    }
}
@media (max-width: 991.98px){
    .scroll-top{
        display: none;
    }
}
/*|==================================================================================
    Header
====================================================================================|*/
.header{
    position: relative;
}
.header::after,.header::before{
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
}
.header::before{
    left: 0;
    width: 75%;
    background-color: #F9F1E7;
}
.header::after{
    right: 0;
    width: 25%;
    background-color: #FCF8F3;
}
#header.fixed-top{
    position: fixed;
    box-shadow: 0 9px 54px 0 rgba(32,32,32,.1);
    background-color: var(--clr-white);
    animation: fadeInDown .5s running;
    transition: all .5s;
}
.navbar .navbar-brand img{
    max-width: 150px;
}
.navbar-nav .nav-item .nav-link{
    position: relative;
    overflow: hidden;
    color: var(--clr-gray-800);
    font-size: 1rem;
    font-weight: 500;
    padding: .5rem 0;
}
.navbar-nav .nav-item .nav-link.active,.navbar-nav .nav-item .nav-link:hover{
    color: var(--clr-primary);
}
.navbar-nav .dropdown-toggle::after{
    border: none;
    content: '\f107';
    font-family: var(--icon-font);
    font-weight: 900;
    font-size: .875rem;
    vertical-align: middle;
}
.navbar-nav .dropdown-menu{
    margin: 0;
    padding: 0;
    border-radius: 0;
    border-top: 2px solid var(--clr-primary);
    background-color: var(--clr-white);
}
.navbar-nav .dropdown-menu .dropdown-item{
    padding: .5rem 1rem;
}
.navbar-nav .dropdown-menu .dropdown-item:focus,.navbar-nav .dropdown-menu .dropdown-item:active{
    color: var(--clr-primary);
    background-color: transparent;
}
.navbar-nav .dropdown-menu li .dropdown-item:hover{
    color: var(--clr-white);
    background-color: var(--clr-primary);
}
.navbar-nav .dropdown-menu li:last-child .dropdown-item:hover{
    border-radius: 0;
}

.header-search{}
.header-search .input-icon-group{
/* display: block; */
}
.header-search .input-group-text{
    position: absolute;
    padding: 12px;

    /* text-outline: 1px 1px #000; */
    border: none;
    background-color: transparent;
}
.header-search .input-icon-group .form-control{
    padding: 8px;
    padding-left: 40px;
    border-radius: 0;
    border-color: #D8D8D8;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .header{
        padding: 0px 0;
    }
    .header.fixed-top{
        padding: 0;
    }
    .navbar{
        padding: 0;
    }
    .navbar-nav .dropdown:hover > .dropdown-menu{
		display: block;
	}
	.navbar-nav .dropdown >.dropdown-toggle:active{
		pointer-events: none;
	}
    .navbar-nav .nav-item .nav-link{
        padding: 36px 16px;
    }
    .navbar-nav .dropdown-menu .dropdown-item{
        padding: .625rem 1.25rem;
    }
    .header-search {
        width: 35%;
    }
    
}
@media (max-width: 991.98px){
    .navbar-nav .dropdown-toggle::after{
        position: absolute;
        right: 0;
    }
    
}
@media (max-width:575.98px){
    .navbar{
        padding: 10px 0;
    }
    .header-search{
        margin-bottom: 16px;
    }
    .navbar-collapse{
        padding-top: 16px;
    }
}
/*|==================================================================================
    Navbar Toggler
====================================================================================|*/
.navbar-toggler {
    padding: 8px 0;
}
.navbar-toggler,.navbar-toggler:focus,.navbar-toggler:active {
    border: none !important;
    background: 0 0 !important;
    outline: none !important;
    box-shadow: none;
}
.navbar-toggler .icon-bar {
    background-color: var(--clr-primary);
    transform: rotate(0deg) translate(0px, 0px);
    transition: ease all .2s;
}
.navbar-toggler .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    /* background-color: var(--clr-primary) */
}
.navbar-toggler .icon-bar+.icon-bar {
    margin-top: 4px;
}
.navbar-toggler .icon-bar:nth-child(2) {
    width: 16px;
    transition: ease all .2s;
}
.navbar-toggler:hover>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}
.navbar-toggler:active>.icon-bar:nth-child(2) {
    width: 22px;
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(1) {
    transform: rotate(45deg) translate(5px, 4px);
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(2) {
    opacity: 0;
    transition: ease all .2s;
}
.navbar-toggler:not(.collapsed) .icon-bar:nth-child(3) {
    transform: rotate(-45deg) translate(4px, -4px);
    transition: ease all .2s;
}
/*|==================================================================================
    Hero Section
====================================================================================|*/
.hero-section{
    position: relative;
}
.hero-section::before,.hero-section::after{
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    z-index: -1;
}
.hero-section::before{
    left: 0;
    width: 75%;
    background-color: #F9F1E7;
}
.hero-section::after{
    right: 0;
    width: 25%;
    background-color: #FCF8F3;
}
.hero-section .hero-fixed-content{
    position: absolute;
    top:0;
    left: 0;
    width: 33%;
    padding: 16px;
    background-color: rgba(255, 255, 255, .72);
    z-index: 11;
}
.hero-section .hero-fixed-content .section-title{}
.hero-section .hero-fixed-content p{
    color: var(--clr-text-50);
}
.heroSwiper{
    position: static;
}
.heroSwiper .swiper-wrapper{}
.heroSwiper .swiper-slide {
    position: relative;
    width: 100%;
}
.heroSwiper .swiper-slide{} 
.heroSwiper .swiper-slide .slide-content{
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 16px;
    margin: 20px;
    text-align: left;
    background-color: rgba(255, 255, 255, .72);
    z-index: 2;
    visibility: hidden;
} 
.heroSwiper .swiper-slide .slide-content .title{
    font-size: 18px;
}
.heroSwiper .swiper-slide .slide-content p{
    font-size: 15px;
}
.heroSwiper .swiper-slide .slide-content .slide-btn{}
.heroSwiper .swiper-slide .slide-content .slide-btn a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    font-weight: 600;
}
.heroSwiper .swiper-slide .slide-content .slide-btn a i{}
.heroSwiper .swiper-slide.swiper-slide-active .slide-content{
    visibility: visible;
}
.heroSwiper .swiper-button-next,.heroSwiper .swiper-button-prev{
    position: absolute;
    top: 40px;
}
.heroSwiper .swiper-button-next{
    right: 65px;
}
.heroSwiper .swiper-button-prev{
    left: auto;
    right: 110px;
    background-color: rgba(232, 159, 113, .30);
}
.heroSwiper .swiper-button-prev::after{
    color: var(--clr-primary);
}
.heroSwiper .swiper-button-next{
    background-color: var(--clr-secondary);
}
.heroSwiper .swiper-button-next::after{
    color: var(--clr-white);
}
.productSwiper .swiper-button-prev.swiper-button-disabled,.productSwiper .swiper-button-next.swiper-button-disabled{
    background-color: rgb(232, 159, 113) !important;
} 
.productSwiper .swiper-button-prev::after.swiper-button-disabled,.productSwiper .swiper-button-next::after.swiper-button-disabled{
    color: var(--clr-primary);
}
.heroSwiper .swiper-horizontal>.swiper-pagination-bullets,.heroSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: -40px;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .hero-section{
        /* padding-top: 20px; */
    }
    .hero-section .hero-fixed-content{
        top: 0;
        left: 5%;
        width: 30%;
        padding: 50px 32px;
    }
    .hero-section .hero-fixed-content .section-title{
        font-size: 3rem;
    }
    .hero-section .hero-fixed-content p{
        font-size: 18px;
    }
    .heroSwiper{
    }
    .heroSwiper .swiper-slide {
        width: 100%;
    }
    .heroSwiper .swiper-slide .slide-content .title{
        font-size: 22px;
    }
    .heroSwiper .swiper-button-next,.heroSwiper .swiper-button-prev{
        position: absolute;
        top: 50px;
    }
    .heroSwiper .swiper-horizontal>.swiper-pagination-bullets,.heroSwiper .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: -40px;
    }
}
@media (max-width: 575.98px){
    .hero-section{
        margin-bottom: 20px;
    }
    .heroSwiper .swiper-button-next,.heroSwiper .swiper-button-prev{
        display: none;
    }
}
/*|==================================================================================
    Featured Section
====================================================================================|*/
.featured-section{}
.featured-section .featured-content{}
.featured-section .featured-content .section-title{}
.featured-section .featured-content p{}
.featured-section .featured-content .btn{}
.featured-section .grid{}
.featured-section .grid .card{
    border: none;
    text-align: center;
}
.featured-section .grid .card .img-box{}
.featured-section .grid .card .img-box img{
    height: 250px;
    object-fit: contain;
}
.featured-section .grid .card .title{
    font-size: 18px;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .featured-section .grid .card .img-box img{
        height: 350px;
        object-fit: contain;
    }
}
@media (max-width: 991.98px){}
/*|==================================================================================
    Why Section
====================================================================================|*/
.why-section{
    background-color: #FCF8F3;
}
.why-section .dot-img{
    position: absolute;
    top: 10%;
    left: 1.5%;
    z-index: 1;
}
.why-section .why-img{
    position: relative;
    z-index: 2;
}
.why-section .why-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.why-section .why-content{}
.why-section .why-content .grid{}
.why-section .why-content .grid .card{
    border: none;
    background-color: transparent;
}
.why-section .why-content .grid .card .icon-box{}
.why-section .why-content .grid .card .icon-box img{
    height: 40px;
}
.why-section .why-content .grid .card .card-body{
    padding: 1rem 0;
}
.why-section .why-content .grid .card .card-body .title{
    font-size: 18px;
}
.why-section .why-content .grid .card .card-body p{}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .why-section{
        padding-top: 8rem !important;
    }
    .why-section .why-content{
        padding-left: 32px;
    }
    .why-section .why-content .grid .card .card-body .title{
        font-size: 22px;
    }
    .why-section .why-content .grid .card .card-body{
        padding-bottom: 0;
    }
}
@media (max-width: 991.98px){
    .why-section .dot-img{
        display: none;
    }
    .why-section .why-img{
        margin-bottom: 20px;
    }
}
/*|==================================================================================
    Home Product Section
====================================================================================|*/
.home-product-section{
    position: relative;
}
.productSwiper-container{
    position: relative;
}
.productSwiper-container .dot-img{
    position: absolute;
    top: -60px;
    left: -45px;
}
.productSwiper-container .inner-container{}
.home-product-section .productSwiper{}
.productSwiper .card{
    border: none;
    border-radius: 0;
}
.productSwiper .card .img-box{}
.productSwiper .card .img-box img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.productSwiper .card .card-img-overlay{
    display: flex;
    align-items: flex-end;
    visibility: hidden;
}
.productSwiper .card .card-img-overlay .card-body{
    max-width: max-content;
    background-color: rgba(255,255,255,.72);
}
.productSwiper .card .card-img-overlay .card-body .pro-meta{
    display: flex;
    gap: 8px;
    align-items: center;
    margin-bottom: 12px;
}
.productSwiper .card .card-img-overlay .card-body .pro-meta span{
    display: block;
    color: var(--clr-text-50);
    font-size: 16px;
}
.productSwiper .card .card-img-overlay .card-body .pro-meta .number{}
.productSwiper .card .card-img-overlay .card-body .pro-meta .dash{
    width: 20px;
    height: 1px;
    background-color: var(--clr-text-50);
}
.productSwiper .card .card-img-overlay .card-body .pro-meta .pro-cat{
    margin-bottom: 0;
}
.productSwiper .card .card-img-overlay .card-body .title{
    font-size: 20px;
}
.productSwiper .card .card-img-overlay .product-cta-btn{}
.productSwiper .card .card-img-overlay .product-cta-btn .btn-solid{
    border-color: var(--clr-primary);
    background-color: var(--clr-primary);
}
.productSwiper .card .card-img-overlay .product-cta-btn .btn img{
    width: 22px;
}
/* .productSwiper .swiper-slide-active{}
.productSwiper .swiper-slide-active .card{}
.productSwiper .swiper-slide-active .card .img-box{}
.productSwiper .swiper-slide-active .card .img-box img{} */
.productSwiper .swiper-slide-active .card .card-img-overlay{
    visibility: visible;
}
/*| Swiper Navigation =====================================================================|*/
.productSwiper .swiper-button-prev,.productSwiper .swiper-button-next{
    box-shadow: 0px 4px 14px 1px #00000029;
}
.productSwiper .swiper-button-next::after,.productSwiper .swiper-button-prev::after{
    /* font-size: 16px; */
    color: var(--clr-primary);
}
.productSwiper .swiper-button-prev{}
.productSwiper .swiper-button-next{}
.productSwiper .swiper-button-prev.swiper-button-disabled,.productSwiper .swiper-button-next.swiper-button-disabled {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}
/*| Swiper Pagination =====================================================================|*/
.productSwiper  .swiper-horizontal>.swiper-pagination-bullets, .productSwiper  .swiper-pagination-bullets.swiper-pagination-horizontal{
    bottom: 70px;
    top: auto;
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .home-product-section{
        padding-top: 7rem !important;
    }
    .swiper-wrapper {
        display: flex;
        transition: transform 0.3s ease;
      }
      /* .swiper-slide {
        width: 287px;
        height: 350px;
        flex-shrink: 0;
        transition: all 0.3s ease;
        background-color: #eee;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .swiper-slide img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.3s ease;
      }
      .swiper-slide-active {
        width: 346px;
        height: 480px;
        z-index: 1;
        margin-left: 0; 
      }
      .swiper-slide-next {
        margin-left: -50px;
      } */
    .productSwiper .swiper-slide {
        width: 33%;
    }  
    .productSwiper .swiper-slide .card{}
    .productSwiper .swiper-slide-active.swiper-slide{
        width: 40%;
    }
    .productSwiper .swiper-slide .card .img-box img{
        height: 350px;
    }
    .productSwiper .swiper-slide-active.swiper-slide .card .img-box img{
        width: 100%;
        height: 480px;
        object-fit: cover;
    }
    .productSwiper .card .card-img-overlay .card-body{
        padding: 20px;
    } 
    .productSwiper .card .card-img-overlay .card-body .pro-meta span{
        font-size: 18px;
    }
    .productSwiper .card .card-img-overlay .card-body .title{
        font-size: 22px;
    }
    .productSwiper .card .card-img-overlay .product-cta-btn .btn{
        padding: 16px;
    }
    .productSwiper .swiper-button-next{
        right: 190px;
    }
}
@media (max-width: 991.98px){
    .productSwiper{
        position: static;
    }
    .productSwiper-container .dot-img{
        display: none;
    }
    .home-product-section .section-header{
        margin-bottom: 20px;
    }
    .productSwiper .swiper-slide-active.swiper-slide{
        width: 80%;
    }
}
@media (max-width: 575.98px){
    .productSwiper .card .img-box img{
        height: 380px;
    }
    .productSwiper .card .card-img-overlay .card-body{
        padding: 10px;
        text-align: left;
    }
    .productSwiper .card .card-img-overlay .card-body .title{
        font-size: 16px;
        margin-bottom: 0;
    }
    .productSwiper .card .card-img-overlay .card-body .pro-meta{
        gap: 4px;
    }
    .productSwiper .card .card-img-overlay .card-body .pro-meta span{
        font-size: 14px;
    }
    .productSwiper .card .card-img-overlay .card-body .pro-meta .dash{
        width: 12px;
    }
   
    .productSwiper .card .card-img-overlay .product-cta-btn .btn{
        padding: 12px;
    }
    .productSwiper .card .card-img-overlay .product-cta-btn .btn img{
        width: 16px;
    }
    .productSwiper  .swiper-horizontal>.swiper-pagination-bullets, .productSwiper  .swiper-pagination-bullets.swiper-pagination-horizontal{
        bottom: -40px;
    }
}
/*|==================================================================================
    Gallery Section
====================================================================================|*/
.gallery-section{
    position: relative;
    width: 100%;
    height: 100%;
    background-image: url(../images/gallery-bg.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    background-color: #FCF8F3;
}
.gallery-section .eyebrow-title{
    color: var(--clr-text-50);
    font-size: 16px !important;
    font-weight: 400 !important;
}


.masonry-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  
    margin: 0 auto;
    overflow-x: auto;
    white-space: nowrap;
    /* padding: 10px; */
    box-sizing: border-box;
}
.masonry-column {
    display: inline-block;
    vertical-align: top;
    margin-right: 24px; 
    box-sizing: border-box;
}
.masonry-column:last-child{
    margin-right: 0;
} 
.masonry-item {
    width: auto;
    margin-bottom: 24px;
}
.masonry-item.single {
    max-width: 300px;
}
.masonry-item img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
}
.masonry-container::-webkit-scrollbar {
    display: none;
}
.masonry-container {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}




/* .gallery-masonary{
    position: relative;
    display: grid;
    grid-template-columns: repeat(10, minmax(0, 1fr));
    grid-template-rows: repeat(4, minmax(0, 1fr));
    grid-auto-rows: 16px;
    gap: 16px;
    
   column-count: 4;
   column-gap: 16px;
} */
/* .gallery-masonary .gallery-item{
    margin-bottom: 16px;
}
.gallery-masonary .gallery-item img{
    width: 100%;
    height: auto;
    object-fit: cover;
} */
/* .item5 { grid-row: span 2; background-color: #ffb347; } */
/* .item1 { grid-row: span 1; grid-column: span 1;}
.item2 { grid-row: span 1; grid-column: 1;}
.item3 { grid-row: span 1; grid-column: 1;}
.item4 { grid-row: span 1; grid-column: 1;}
.item5 { grid-row: span 2; grid-column:  span 2;}
.item6 { grid-row: span 1; }
.item7 { grid-row: span 1; }
.item8 { grid-row: span 1;  }
.item9 { grid-row: span 1; } */
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (max-width: 991.98px){
    .gallery-section{
        margin-top: 20px;
    }
    .masonry-container{
        flex-direction: column;
    }
    .masonry-column{
        margin-right: 0;
    }
    .masonry-item{
        padding: 10px 16px;
        margin-bottom: 0;
    } 
    .masonry-item img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
/*|==================================================================================
    Testimonial Section
====================================================================================|*/
.testimonial-section{
    position: relative;
}
.testimonial-section .section-header{}
.testimonial-section .section-header p{
}
.testimonialSwiper{}
.testimonialSwiper .card{
    border: none;
    background-color: #FCF8F3;
}
.testimonialSwiper .card .card-body .icon-box{
    margin-bottom: 12px;
}
.testimonialSwiper .card .card-body .icon-box img{
    width: auto;
    height: 28px;
    object-fit: contain;
}
.testimonialSwiper .card .card-body p{
    font-size: 16px;
    text-align: left;
}
.testimonialSwiper .card .card-body .customer-info{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.testimonialSwiper .card .card-body .customer-info .customer-bio{
    display: flex;
    gap: 12px;
    align-items: center;
}
.testimonialSwiper .card .card-body .customer-info .avater{}
.testimonialSwiper .card .card-body .customer-info .avater img{
    width: 36px;
    height: 36px;
    border-radius: 30px;
}
.testimonialSwiper .card .card-body .customer-info .customer-name{
    flex: 1;
    font-size: 18px;
    margin-bottom: 0;
}
.testimonialSwiper .card .card-body .customer-info .customer-rating{}
.testimonialSwiper .card .card-body .customer-info .customer-rating .rating-star{}
.testimonialSwiper .card .card-body .customer-info .customer-rating .rating-star i{
    color: #FFC728;
}
.testimonialSwiper {}
.testimonialSwiper .swiper-slide {
    width: 80%;
}
/* .testimonialSwiper .swiper-slide:nth-child(2n) {
    width: 60%;
}
.testimonialSwiper .swiper-slide:nth-child(3n) {
    width: 60%;
  } */
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .testimonialSwiper .swiper-slide {
        width: 40%;
    }
    .testimonial-section .section-header p{
        width: 59%;
        margin: auto;
    }
    .testimonialSwiper .card .card-body{
        padding: 1.75rem;
    }
}
@media (max-width: 575.98px){
    .testimonialSwiper .card .card-body .customer-info .customer-bio{
        gap: 6px;
    }
    .testimonialSwiper .card .card-body .customer-info .avater img{
        width: 32px;
        height: 32px;
    }
    .testimonialSwiper .card .card-body .customer-info .customer-name{
        font-size: 16px;
    }
    .testimonialSwiper .card .card-body .customer-info .customer-rating .rating-star{
        font-size: 14px;
    }
}
/*|==================================================================================
    Featured Section
====================================================================================|*/
.commitment-section{
    background-color: #FCF8F3;
}
.commitment-section .commitment-content{}
.rating-group{
    display: flex;
    gap: 16px;
    align-items: center;
}
.rating-group .rating-item{}
.rating-group .rating-item .rating-star{
    margin-bottom: 1rem;
}
.rating-group .rating-item .rating-star i{
    color: #FFC728;
}
.rating-group .rating-item span{
    display: block;
    margin-bottom: .5rem;
}
.rating-group .rating-item b{}
.commitment-section .commitment-featured{}
.commitment-section .commitment-featured .card{
    flex-direction: row;
    gap: 16px;
    border: none;
    background-color: transparent;
}
.commitment-section .commitment-featured .card .icon-box{}
.commitment-section .commitment-featured .card .icon-box img{
    /* height: 24px; */
}
.commitment-section .commitment-featured .card .card-body{
    flex: 1;
    padding: 0;
}
.commitment-section .commitment-featured .card .card-body .title{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: .75rem;
}
.commitment-section .commitment-featured .card .card-body p{
    color: var(--clr-text-50);
}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .commitment-section .commitment-content{
        padding-right: 20px;
    }
    .rating-group{
        gap: 80px;
    }
    .commitment-section .commitment-featured .card{
        gap: 20px;
        margin-bottom: 20px;
    }
    .commitment-section .commitment-featured .card .card-body .title{
        font-size: 22px;
        margin-bottom: 12px;
    }
}
@media (max-width: 991.98px){
    .commitment-section .commitment-content{
        margin-bottom: 20px;
    }
}
/*|==================================================================================
    Home Blog Section
====================================================================================|*/
.home-blog-section{
    position: relative;
}
.home-blog-section .card{
    border: none;
}
.home-blog-section .card .img-box{}
.home-blog-section .card .img-box img{
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}
.home-blog-section .card .card-body{
    padding-inline: 0;
    padding-bottom: 0;
}
.home-blog-section .card .card-body .title{
    font-size: 18px;
    margin-bottom: 12px;
}
.home-blog-section .card .card-body p{}
.home-blog-section .home-blog-fixed-img{}
.home-blog-section .home-blog-fixed-img img{}
/*| Media Query ====================================================================|*/
@media (min-width: 768px){}
@media (min-width: 992px){
    .home-blog-section .card .card-body .title{
        font-size: 20px;
    }
    .home-blog-section .card .img-box{
        height: 265px;
    }
    .home-blog-section .home-blog-fixed-img{
        position: absolute;
        bottom: -60px;
        background-color: var(--clr-white);
    }
}
@media (max-width: 575.98px){
    .home-blog-section .home-blog-fixed-img{
        position: relative;
        bottom: -65px;
        /* background-color: var(--clr-white); */
        z-index: 5;
    }
}
/*|==================================================================================
    Footer
=====================================================================================|*/
.footer{
    position: relative;
    /* background-color: #f4f8ff; */
}
.border-top{
    position: absolute;
    top: 0;
    width: 100%;
    border-top: 1px solid #D8D8D8;
}
.footer-widget{
    margin-bottom: 1.25rem;
}
.footer-widget .footer-title{
    font-size: 1.125rem;
    margin-bottom: 1rem;
}
.footer-logo{}
.footer-logo img{
    width: 110px;
    object-fit: contain;
}
.footer-about{}
.footer-about p{
    color: var(--clr-text-50);
    font-weight: 300;
    line-height: 1.6;
}
.footer-contact-list{}
.footer-contact-list ul{}
.footer-contact-list ul li{}
.footer-contact-list ul li a{
    display: block;
    color: var(--clr-text-50);
    font-weight: 300;
    padding: 8px 0;
}
.footer-contact-list ul li a i{
    color: #898989;
    font-size: 18px;
    margin-right: 12px;
}

.footer-links{}
.footer-links ul li a{
    display: block;
    color: var(--clr-text-50);
    font-family: var(--title-font-family);
    font-size: 1rem;
    font-weight: 400;
    padding: 8px 0;
}
.footer-links ul li:first-child a{
    padding-top: 0;
}
.footer-links ul li a:hover{
    color: var(--clr-primary);
}
.footer-newsletter{
    height: 45px;
}
.footer-newsletter .form-control{
    font-size: 16px;
    border-radius: 0;
    border: none;
    background-color: #F4F5F7;
}
.footer-newsletter .form-control::placeholder{}
.footer-newsletter .input-group-text{
    border: none;
    color: var(--clr-white);
    border-radius: 0;
    width: 45px;
    background-color: var(--clr-primary);
}
.footer-newsletter .input-group-text{}
/*| Media Query ====================================================================|*/
@media (min-width: 992px){
    .footer-widget .footer-title{
        font-size: 1.375rem;
    }
    .border-top{
        width: 76%;
    }
}
@media (min-width: 991.98px){}
/*|==================================================================================
    Section
=====================================================================================|*/

/*| Media Query ====================================================================|*/
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 991.98px){}
/*|==================================================================================
    KeyFrames
=====================================================================================|*/
@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    to {
        opacity: 1;
        transform: translateZ(0)
    }
}
@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.2), 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.2), 0 0 0 20px rgba(255, 255, 255, 0.2), 0 0 0 35px rgba(255, 255, 255, 0.2), 0 0 0 45px rgba(255, 255, 255, 0);
    }
}
@-webkit-keyframes rippleprimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
        box-shadow: 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
    }
}
@keyframes rippleprimary {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
        box-shadow: 0 0 0 0 rgba(255, 75, 52, 0.2), 0 0 0 5px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2);
    }

    100% {
        -webkit-box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
        box-shadow: 0 0 0 10px rgba(255, 75, 52, 0.2), 0 0 0 20px rgba(255, 75, 52, 0.2), 0 0 0 35px rgba(255, 75, 52, 0.2), 0 0 0 45px rgba(255, 75, 52, 0);
    }
}
@keyframes fadeInLeft {
    from {
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

/* =============== CSSS NEW =========================== */
.copyright_p_text{
font-size:13px;
color: #898989;
text-align: center;
}
.sub_page_heading{
    margin-top:20px;
}
#navbarSupportedContent{
    padding-left:32%;
}

@media (max-width: 1260px) {
    #navbarSupportedContent{
        padding-left:25%;
    }
}
@media (max-width:1150px) {
    #navbarSupportedContent{
        padding-left:15%;
    }
}
@media (max-width:1099px) {
    #navbarSupportedContent{
        padding-left:10%;
    }
}

/*|====================================================================================
    Contact Section
=======================================================================================|*/
.contact-section{}
.contact-section .contact-info{}
.contact-info .contact-info-item{
    display: flex;
    gap: 1.25rem;
    align-items: center;
    margin-bottom: 1.25rem;
    transition: all 0.5s ease;
}
.contact-info .contact-info-item .icon-box{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    background-color: var(--clr-secondary);
    transition: all 0.4s ease-in;
}
.contact-info .contact-info-item:hover .icon-box{
    transform: rotate(45deg);
}
.contact-info .contact-info-item .icon-box i{
    color: var(--clr-white);
    font-size: 1.25rem;
}
.contact-info .contact-info-item .contact-info-content{
    flex: 1;
}
.contact-info .contact-info-item .title{
    /* font-family: var(--title-font-family); */
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: .5rem;
}
.contact-info :is(p, a){
    font-size: 1rem;
    font-weight: 400;
}
.contact-info :is(.title, p, a){
    color: var(--clr-black);
}
.contact-info .contact-info-item a:hover{
    color: var(--clr-primary);
}
/*| Contact Form ====================================================================|*/
.contact-section .contact-form {
    padding: 1rem;
    /* border-radius: .75rem; */
    outline: 2px solid #000000;
    background-color: #fbf1e8;
}
.contact-section .contact-form .card{
    border: none;
    border-radius: 1rem;
    box-shadow: rgba(58, 58, 221, 0.2) 0px 7px 29px 0px;
}
.contact-section .contact-form .card .card-header{
    padding: 0;
    display: flex;
    gap: 2rem;
    background-color: var(--clr-primary-100);
    border-radius: 1rem 1rem 0 0;
    border-bottom: none;
}
.contact-section .contact-form .card .card-header .title{
    font-family: var(--title-font-family);
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 0;
    padding: 1rem;
    width: 50%;
}
.contact-section .contact-form .card .card-header .title a{
    display: block;
    padding: 1rem;
    border-radius: 1rem 1rem 0 0;
    background-color: var(--clr-secondary);
}
.contact-section .contact-form .card .card-header .title a:hover{
    color: var(--clr-white);
}
.contact-section .contact-form .card .card-body{}
.contact-section .contact-form .card .card-body .title{
    font-size: 1.25rem;
    font-weight: 600;
    margin-bottom: 1rem;
}
.contact-section .contact-form .form-group{}
.contact-section .contact-form .form-control{
    padding: .75rem 1rem;
    border-radius: .5rem;
    border-color: rgba(0, 0, 0, .25);
}
.contact-section .contact-form .form-control:focus{
    border-color: var(--clr-primary);
    box-shadow: 0 0 0 .25rem rgba(23, 68, 68, .25);
}
.contact-section .contact-form .form-control::placeholder{
    color: rgba(100, 100, 111, 0.5);
    font-weight: 500;
}
.contact-section .contact-form textarea.form-control{
    max-height: 120px;
}
.error {
    color: #ff0000;
}
/*| Media Query |======================================================================|*/
@media (min-width: 768px){
    .contact-info .contact-info-item .icon-box{
        width: 50px;
        height: 50px;
    }
    .contact-info .contact-info-item .icon-box i{
        font-size: 1.75rem;
    }
}
@media (min-width: 992px){
    .contact-section .contact-form {
        padding: 2.5rem;
    }
    .contact-info .contact-info-item{
        margin-bottom: 1.5rem;
    }
    .contact-info .contact-info-item .icon-box{
        width: 75px;
        height: 75px;
    }
    .contact-info .contact-info-item .icon-box i{
        font-size: 2rem;
    }
    .contact-info .contact-info-item .title{
        font-size: 1.25rem;
    }
    /*| Contact Form ==================================|*/
    .contact-section .contact-form .card .card-header{}
    .contact-section .contact-form .card .card-header .title{
        font-size: 1.5rem;
        padding: 1.5rem;
    }
    .contact-section .contact-form .card .card-header .title a{
        padding: 1.5rem;
    }
    .contact-section .contact-form .card .card-body{
        padding: 2rem;
    }
    .contact-section .contact-form .card .card-body .title{
        margin-bottom: 1.5rem;
    }
    .contact-section .contact-form .form-group{
        margin-bottom: 1.75rem;
    }
    /* .contact-section .contact-form .form-control{
        padding: 1rem;
    } */
}
@media (max-width: 575.98px){
    .contact-section{
        padding-top: 0 !important;
    }
    .contact-info .contact-info-item .title{
        font-size: 1rem;
    }
    .contact-info :is(p, a){
        font-size: .875rem;
    }
    .contact-section .contact-form{
        padding: 3rem 1rem;
        margin-left: -16px;
        margin-right: -16px;
        outline: none;
        background-color: #fdcc9f;
    }
    .contact-section .contact-form .form-group{
        margin-bottom: 1.5rem;
    }
    .contact-section .contact-form .btn{
        padding: 10px 1rem;
        width: 100%;
    }
    #navbarSupportedContent{
        padding-left:0%;
    }
}
/* ============ New Page CSS Start Here.. =========== */
  
  .products_banner {
    background-color: #fff;
    padding: 60px 20px;
  }
  
  .products_banner .content {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .products_banner .text-content {
    flex: 1 1 600px;
  }
  
  .products_banner .text-content h1 {
    font-size: 2.5rem;
    font-weight: bold;
    color: #2e2e2e;
    margin-bottom: 20px;
  }
  
  .products_banner .text-content p {
    font-size: 1rem;
    color: #6e6e6e;
    margin-bottom: 30px;
  }
  
  .products_banner .btn {
    background-color: #8B3E19;
    color: #fff;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 20px;
  }
  
  .products_banner .dots {
    display: flex;
    gap: 8px;
  }
  
 .products_banner  .dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #ccc;
  }
  
 .products_banner  .dot.active {
    background-color: #8B3E19;
    border: 2px solid #8B3E19;
  }
  
  .products_banner .image-content {
    flex: 1 1 500px;
    text-align: center;
    background: #eee;
    border-radius: 6px;
  }
  
  .products_banner .image-content img {
    max-width: 100%;
    height: auto;
    max-height: 430px;
  }

  .product-section {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 20px;
    padding: 30px;
    max-width: 1200px;
    margin: auto;
  }
  
  .product-card {
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 16px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  }
  
  .product-card img {
    width: 100%;
    height: auto;
    margin-bottom: 12px;
  }
  
  .product-card h3 {
    font-size: 1rem;
    color: #222;
    margin-bottom: 8px;
  }
  
  .tag {
    background-color: #f0f0f0;
    color: #333;
    padding: 4px 8px;
    font-size: 0.8rem;
    display: inline-block;
    margin-bottom: 6px;
    border-radius: 4px;
  }
  
  .variant-link {
    color: #017185;
    font-size: 0.85rem;
    margin-bottom: 6px;
    display: inline-block;
    text-decoration: none;
  }
  
  
  .highlight {
    font-size: 0.85rem;
    color: #333;
    margin-bottom: 6px;
    font-weight: 600;
  }
  
  .badge {
    background-color: #b12704;
    color: #fff;
    font-size: 0.8rem;
    padding: 4px 8px;
    border-radius: 4px;
    margin-bottom: 8px;
    display: inline-block;
  }
  
  .price {
    font-size: 1.1rem;
    font-weight: bold;
    color: #111;
    margin-bottom: 6px;
  }
  
  .old-price {
    text-decoration: line-through;
    color: #888;
    margin-left: 6px;
    font-weight: normal;
    font-size: 0.9rem;
  }
  
  .discount {
    color: #b12704;
    font-size: 0.9rem;
    margin-left: 6px;
  }
  
  
/* ========================= */