/*Write Css*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif !important;
}
body, p, li, span,a,span,button,input {
    font-family: 'Roboto', sans-serif !important;
}

.tabs-product-section .section-title h1 {
    font-weight: 600 !important;
}
/* navbar */
.furniture .headermid-wrapper {
    padding: 0 0 !important;
}
.mango-section-title h1 {
    margin-bottom: 12px !important;   
}
.middle-entry ul.main-nav > li > a {
    font-weight: 600 !important;
}



/* Testimonial */
.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;
}

/* blog of homepage */
.blog .sectiontitle-wrap .subtitle{
    text-align: center !important; 
    font-weight: 600 !important;
    color: #f5633b !important;
    text-transform: none !important;
    font-size: 44px !important;
    font-family: 'Montserrat', sans-serif !important;

}

.sectiontitle-wrap {
    display: flex !important;
}

.section-title {
    margin: 0 auto !important;
    text-align: center !important;
   
}
.blog .sectiontitle-wrap .section-title .subtitle {
    display: inline-block;
    margin-bottom: 25px !important;
}


/* blog section */
.singleBlog-global .blogCaption .tittle {
    font-weight: 600 !important;
}

  
.mango-product-tabs-container .product-container .product-card-content .tag {
    font-weight: bold !important;
}

.blog .row .col-lg-6:first-child .mainblog-contents h3 a {
    font-size: 18px !important;
    font-weight: 700 !important;
}

/* Footer */
.furniture .footer_ecommerce-widget .footerTittle, .furniture .footer_mango-widget .footerTittle {
    font-size: 21px !important;
    font-weight: 500 !important;
}

/* #### */

@media (max-width: 576px){
    .tabsproducts-listing .section-title h2 {
        font-size: 26px !important;
    }
    .logo-wrapper {
        
    }
    .item{
        width:100px;
        height:178px;
    }
    .nav-item{
            padding: 0 30px;
    }
    .agro_banner .slick-slide img {
        height: 68vh !important;
    }
    
    .tabs-product-section .section-title h1 {
        font-size: 26px !important;
    }
    .blog .sectiontitle-wrap .subtitle {
         font-size: 26px !important;
    }
    .blog .row .col-lg-6:first-child .mainblog-contents h3 a {
        font-size: 17px !important;
    }
 
/* Mobile carousel items round and small */
 @media (max-width: 430px) {
 .promo-banner-box,
 .promo-banner-box .cat-contents { 
   height: 110px !important; 
   width: 110px !important; 
   border-radius: 50%; 
   overflow: hidden;
   margin: auto;
 }

 .promo -banner-box img { 
   max-width: 100%; 
   max-height: 100%; 
   object-fit: cover; 
   border-radius: 50%; 
     
 }

@media (max-width: 430px) {
  /* Make item itself small and round */
  .owl-item .item {
    width: 110px !important;
    height: 110px !important;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px; 

  .owl-item .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
  }

  /* Make the stage display flex so items wrap nicely */
  .owl-stage {
    display: flex !important;
    justify-content: start;
    gap: 5px; /* space between items */
  }

  /* Optional: remove Owl Carousel inline width */
  .owl-item {
    width: auto !important;
  }
}