/*Write Css*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

h1, h2, h3, h4, h5, h6 {

    font-family: 'Playfair Display', serif !important;
}



body, p, li, span,a,span,button,input {
   font-family: 'Playfair Display', serif !important;
}

/* header top */
/* Add this to your stylesheet or in cPanel custom CSS */
.header-top-entry .title {
    display: flex !important;         
    align-items: center !important;   
    gap: 8px !important;             
    justify-content: flex-start !important; 
    white-space: nowrap !important;  
    flex-wrap: nowrap;              
}

.header-top-entry .title a {
    margin: 0 !important;            
    color: #fff !important;         
    text-decoration: none !important; 
}




/* ####ends here */
/* Fix product image size */
.mango-product-tabs-container .product-container img {
    width: 100% !important;
    height: 200px !important;         
    object-fit: contain !important;   
    display: block;
}
/* Product image fix size */
.product-slide-entry .product-image img {
    width: 100% !important;
    height: 200px !important;
    object-fit: contain !important;
    display: block !important;
}



/* navbar */
.furniture .headermid-wrapper {
    padding: 0 0 !important;
}

.furniture .main-nav-show li {
    border-bottom: none!important;
}

/* Testimonial */
.barberShop_testimonial_area {
     max-width: 100% !important;
     display: block !important;

}
.barberShop_testimonial_area .container {
    max-width: 100% !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

@media (max-width: 400px) {
    .furniture .header-top .topheader-wrapper .header-top-entry{
        padding: 0 !important;
    }
    .header-top-entry .title{
        display: flex !important;
    }
    .furniture .header-top .topheader-wrapper .title a{
        line-height: 1.5;
        margin-left: 10px;
    }
    .header-top-entry .title .fa:first-child{
        line-height: 1.5;
    }
    .furniture .header-top-entry .title{
        font-size: 12px;
    }
    .furniture .main-nav-show li{
        border-bottom: none !important;
    }
}



/* ===== CENTER TESTIMONIAL TITLE ===== */
.barberShop_sectionTitle {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    flex-direction: column !important;
}

/* ===== TITLE STYLE ===== */
.barberShop_sectionTitle .title {
    text-align: center !important;
    margin: 0 auto !important;
}
/* Removing from login */
.form-Wrapper .cmn-btn-outline0 {
    display: none!important;
}

/* Navbar main links hover color pink */
/*.middle-entry .main-nav > li > a:hover {*/
/*    color: #d65a7f !important;*/
/*}*/

 /*Sub-menu links hover color pink */
/*.middle-entry .main-nav li.menu-item-has-children .sub-menu li a:hover {*/
/*    color: #d65a7f !important;*/
/*}*/
/*.sub-menu .show-sub-menu*/



/* home page why choose */
/* ===== SECTION BACKGROUND ===== */
.categoriesTwo {
  background: #f8e9e4 !important;
  padding: 60px 0 !important;
}

/* ===== TITLE CENTER ===== */
.section-tittle h2 {
  font-weight: 700 !important;
  font-size: 40px !important;
  color: #7b3f36 !important;
}

.section_para {
  color: #8b6a63 !important;
  font-size: 18px !important;
}

/* ===== CARD BOX ===== */
.singleCat {
  background: #ffffff !important;
  border-radius: 14px !important;
  padding: 35px 25px !important;
  text-align: center !important;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08) !important;
  transition: all 0.3s ease !important;
  height: 100% !important;
}

/* hover effect */
.singleCat:hover {
  transform: translateY(-6px) !important;
}

/* ===== ICON CIRCLE ===== */
.cat-icon {
  width: 70px !important;
  height: 70px !important;
  /*background: #c77b6f !important;*/
  border-radius: 50% !important;
  margin: 0 auto 20px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important; 
}

.cat-icon img {
  /*width: 38px !important;*/
  height: 100% !important;
  background: transparent !important;
  border-radius: 50% !important;
  display: block !important;
}





/* ===== CARD TITLE ===== */
.cat-cap h5 a {
  font-size: 18px !important;
  font-weight: 600 !important;
  color: #7b3f36 !important;
  text-decoration: none !important;
}

/* ===== CARD TEXT ===== */
.cat-cap .pera {
  font-size: 14px !important;
  color: #8b6a63 !important;
  line-height: 1.6 !important;
  margin-top: 10px !important;
}

/* ===== GRID SPACING FIX ===== */
.row > .col-md-4 {
  margin-bottom: 30px !important;
}


/* #####Our collection ##### */
/* 1. Main Background & Spacing */
.big-columns-cat {
    background-color: #fff9f9 !important;
    padding: 60px 0 !important;
}

/* 2. Header Styling */
.section-title {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.section-title h2 {
    color: #632a2a !important;
    font-size: 40px !important;
    font-weight: 700 !important;
    font-family: serif !important;
    margin-bottom: 10px !important;
}

.section-title p {
    color: #8c6a6a !important;
    font-size: 18px !important;
}

/* 3. Fixing the Grid with Gaps (4 items per row) */
.information-blockss .banner-column {
    width: 23.5% !important; 
    float: left !important;
    margin-right: 2% !important; 
    box-sizing: border-box !important;
}

/* Last box ko margin-right hatayeko */
.information-blockss .banner-column:nth-child(4n) {
    margin-right: 0 !important;
}

/* 4. The White Card Design */
.information-blockss .banner-column {
    background: #ffffff !important;
    border: 1px solid #f0e4e4 !important;
    border-radius: 12px !important;
    padding: 15px !important;
    margin-bottom: 30px !important;
    display: block !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.02) !important; 
}

/* 5. Image Styling */
.information-blockss img {
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
}

/* 6. Title Styling */
.cat-contents .title {
    color: #632a2a !important;
    font-size: 20px !important;
    margin: 10px 0 !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* 7. Shop Now Button - CENTERED */
.cat-contents .btn-wrapper {
    text-align: center !important;
    display: block !important;
    width: 100% !important;
    margin-top: 15px !important;
}

.cat-contents .btn-wrapper .btn {
    background-color: #d18292 !important;
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 6px !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: none !important;
    border: none !important;
    display: inline-block !important;
    text-decoration: none !important;
}

/* Clearfix */
.information-blockss .row::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* Responsive Design */
@media (max-width: 991px) {
    .information-blockss .banner-column {
        width: 48% !important; 
        margin-right: 4% !important;
    }
    .information-blockss .banner-column:nth-child(2n) {
        margin-right: 0 !important;
    }
}

@media (max-width: 600px) {
    .information-blockss .banner-column {
        width: 100% !important;
        margin-right: 0 !important;
        float: none !important;
    }
}


/*Mobile Responsive */
@media (max-width: 576px){
    .big-columns-cat .section-title h2 {
        font-size: 24px !important;
    }
    .section-title p {
        font-size: 16px !important;
    }
    .big-columns-cat .section-title {
        padding: 0 !important;
    }
    .section-title h2 {
        font-size: 24px !important;
    }
    
   .agro_banner_temp2 figure img {
       font-size: 160px !important;
   }
    .menu-item-has-children .sub-menu {
        background: #ca154b !important;
   }
   
}