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

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

    font-family: 'Montserrat', sans-serif;
}


body, p, li, span,a,span,button,input {
  font-family: 'Montserrat', sans-serif;
}
/* ### login*/
.header-info-right .user-account .listItem a[href*="login"] {
    color: #ffffff !important;
    font-weight: 600 !important;
}
.header-info-right .user-account .listItem a[href*="register"] {
    color: #ffffff !important;
    font-weight: 600 !important;
}
/* removing google from login */
.form-Wrapper .cmn-btn-outline0 {
    display: none !important;
}

/* remaking login and signup */
.btn-wrapper.text-center {
    display: flex !important;
    flex-direction: column !important;
}
#web-based-login-btn {
    order: 1 !important; 
    margin-bottom: 20px !important; 
    width: 100% !important;
}
.sinUp {
    order: 2 !important;
    margin: 0 !important;
}
.cmn-btn-outline0 {
    display: none !important;
}
.mb-40, .mb-20 {
    margin: 0 !important;
}
/* #####Logion section ends here */


/* ###########shop */
h5 {
    font-size: 13px !important;
}    
.singleProduct .btn-wrapper .cmn-btn-outline3 {
    padding: 3px 9px !important;
}

.singleProduct .btn-wrapper .cmn-btn-outline3 {
    font-size: 9px !important;
}

.productPrice-shop .current {
    font-weight: 700 !important;
    color: #c62828 !important;
}

/* shop */
.add-to-buy-now-btn {
    display: inline-flex !important; 
    align-items: center !important;
    justify-content: center !important;
    width: max-content !important; 
    min-width: 120px !important;   
    height: 38px !important;       
    padding: 5px 20px !important;
    border: 1px solid #d9534f !important; 
    text-decoration: none !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    border-radius: 4px !important;
    transition: 0.3s !important;
}

 
.add-to-buy-now-btn:hover {
    background-color: #d9534f !important;
    color: #fff !important;
}

div.productCap .btn-wrapper a.add-to-buy-now-btn.cmn-btn-outline3 {
    display: inline-block !important;
    width: auto !important;
    padding: 8px 20px !important;
    background-color: #c72828 !important; 
    color: white!important;              
    border: 1px solid #ffcc00 !important;
    text-align: center !important;
    text-decoration: none !important;
    border-radius: 4px !important;
}

.btn-wrapper {
    display: flex !important;
    justify-content: center !important; /* 🔥 main fix */
    align-items: center !important;
    width: 100% !important;
}



/*### navbar */
.navbar-area.barberShop_nav .nav-container .logo-wrapper .logo img {
    max-width: 170px !important;
}
.barberShop_nav.navbar-padding {
    padding: 7px 0 !important;
}
/* #### Footer section */
.copyright-contents > p, .footer-pera > p, .listing li > a, .listing-info li > a {
    color: white !important;
}
.barberShop_footer_area .footer-tittle .footerTittle {
    color: white !important;
} 

.title{
    display: none !important;
}
.big-columns-cat {
    padding: 0 0 !important;
}

/* Removing footer logo padding-bottom */
.mb-40 {
    margin-bottom: 5px !important;
}

/* ######Removing width of our products #####*/


/* ### homepage why choose */

#NexSection {
    background-color: #fafffc !important; 
    padding: 10px 0 !important;
}
/* Force 4 items in a line */
#NexSection .row {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: center !important;
}
/* 4 columns (25% each) */
#NexSection .col-md-4 {
    flex: 0 0 25% !important;
    max-width: 25% !important;
    padding: 15px !important;
}
/* The White Box Styling */
#NexSection .singleCategories {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 40px 20px !important;
    text-align: center !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.05) !important;
    height: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    border: none !important;
}
#NexSection .icon-wrap .icon {
    background-color: transparent !important; 
    border: none !important;
    width: auto !important;
    height: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto 20px auto !important;
}
#NexSection .icon img {
    max-width: 60px !important; 
    height: auto !important;
}
#NexSection .title {
    color: #5a3d31 !important;
    font-weight: 600 !important;
    font-size: 18px !important;
    text-decoration: none !important;
    display: block !important;
    margin-top: 10px !important;
}
#NexSection .pera {
    color: #777 !important;
    font-size: 14px !important;
    margin-top: 10px !important;
    line-height: 1.5 !important;
}
/* Responsive for Mobile */
@media (max-width: 991px) {
    #NexSection .col-md-4 {
        flex: 0 0 50% !important;
        max-width: 50% !important;
    }
}
@media (max-width: 575px) {
    #NexSection .col-md-4 {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}
/* Removing unwanted things from why choose */
.heartbeat2, .sliderArea .heroCaption .tittle::after, .section-tittle .tittle::after {
    display: none !important;
}
.routedOne, .section-tittle .tittle::before {
      display: none !important;
}
/* ######################whychoose section ends here */

/* ### Appointment */


/* ####product category */

/* ===== MAIN SECTION ===== */
.big-columns-cat {
    background-color: #fafffc !important;
    padding: 60px 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

/* ===== TITLE ===== */
.big-columns-cat .section-title {
    text-align: center !important;
    margin-bottom: 45px !important;
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 10 !important;
    padding: 0px 0 0px 0 !important;
    color: red !important;
}

.big-columns-cat .section-title h2 {
    font-size: 44px !important;
    font-weight: 700 !important;
    color: #2e5e4d !important;
    margin-bottom: 10px !important;
    display: block !important;
}
.big-columns-cat .section-title p {
    font-size: 16px !important;
    color: #666 !important;
    max-width: 600px !important;
    margin: 0 auto !important;
    display: block !important;
}

/* ===== ROW FIX ===== */
.big-columns-cat .row {
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
}

/* ===== CARD ===== */
.banner-column {
    background: #ffffff !important;
    border-radius: 12px !important;
    padding: 15px !important;
    margin: 10px !important;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.05) !important;
    flex: 0 0 calc(25% - 20px) !important;
    max-width: calc(25% - 20px) !important;
    text-align: center !important;
    display: block !important;
}

/* IMAGE */
.banner-column img {
    width: 100% !important;
    height: 280px !important;
    object-fit: cover !important;
    border-radius: 8px !important;
    margin-bottom: 15px !important;
    display: block !important;
}

/* CATEGORY TITLE */
.banner-column .title {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: black !important;
    text-transform: uppercase !important;
    margin-bottom: 12px !important;
    display: block !important;
}

/* BUTTON */
.banner-column .btn {
    background-color: #C62828 !important;
    color: #ffffff !important;
    padding: 8px 25px !important;
    border-radius: 5px !important;
    font-size: 14px !important;
    text-decoration: none !important;
    display: inline-block !important;
    border: none !important;
}

.banner-column .btn:hover {
    background-color: #a81f1f !important;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 991px) {
    .banner-column {
        flex: 0 0 calc(50% - 20px) !important;
        max-width: calc(50% - 20px) !important;
    }
}

@media (max-width: 575px) {
    .banner-column {
        flex: 0 0 100% !important;
        max-width: 100% !important;
    }
}




/* #### Our Services */
/* Card Container Design */
.agency_work {
    background: #ffffff !important;
    border-radius: 15px !important;
    padding: 20px !important;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.08) !important;
    transition: all 0.3s ease !important;
    height: 100% !important;
    margin: 15px !important;
    text-align: center !important;
    border: 1px solid #f0f0f0 !important;
}

.agency_work:hover {
    transform: translateY(-5px) !important;
    box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.12) !important;
}

/* Image Styling */
.agency_work__thumb img {
    border-radius: 10px !important;
    width: 100% !important;
    height: 220px !important;
    object-fit: cover !important;
}

/* Title Styling */
.agency_work__title {
    font-size: 20px !important;
    font-weight: 700 !important;
    color: #333 !important;
    margin-top: 20px !important;
    line-height: 1.4 !important;
}

.agency_work__title a {
    color: #333 !important;
    text-decoration: none !important;
}

/* Paragraph Styling */
.agency_work__para {
    font-size: 14px !important;
    color: #666 !important;
    line-height: 1.6 !important;
    margin-bottom: 25px !important;
}

.agency_section__title {
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-bottom: 0 !important; 
    visibility: visible !important;
    opacity: 1 !important;
}

.agency_section__title .title {
    font-size: 44px !important;
    font-weight: 700 !important;
    color: #02783f !important; 
    display: block !important;
    margin: 0 auto !important;
    text-transform: capitalize !important;
}


.agency_work_area {
    padding: 0 0 !important;
    background-color: #fff !important; 
}


.title_flex {
    justify-content: center !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}
/* Button Styling */
.agency_service__btn {
    background-color: #c72828 !important;
    color: #ffffff !important;
    padding: 10px 25px !important;
    border-radius: 5px !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    display: inline-block !important;
    transition: background 0.3s ease !important;
    border: none !important;
}

.agency_service__btn:hover {
    background-color: #c72828 !important;
    color: #fff !important;
}

/* Section Title Centering */
.agency_section__title {
    text-align: center !important;
    margin-bottom: 40px !important;
}

.agency_section__title .title {
    font-size: 44px !important;
    font-weight: 700 !important;
    position: relative !important;
    padding-bottom: 10px !important;
}

/* Slick Slider Arrow adjustments (Optional) */
.prev-icon, .next-icon {
    background: #fff !important;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.1) !important;
    cursor: pointer !important;
}
.agency_section__title {
    margin-bottom: 1px !important;
}


/* Our Feature Products */
.mango-product-tabs-container .mango-section-title h2 {
    font-weight: 700 !important;
    
    
}

#pills-tabContent .tabs-entry .row {
    max-width: 1250px !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    padding: 0 20px !important;
}

/* 2. Image ko box lai clean square banaune */
.product-container.paddings-container {
    padding: 0 !important; 
    border: 1px solid #f0f0f0 !important;
    background: #fff !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.05) !important;
    margin-bottom: 30px !important;
    position: relative !important;
    overflow: hidden !important;
    height: 100% !important;
    border-radius: 4px !important;
}


.product-image {
    width: 100% !important;
    height: auto !important;
    display: block !important;
    position: relative !important;
}

.product-image img {
    width: 100% !important;
    height: 200px !important; 
    object-fit: contain !important; 
    padding: 10px !important;
}


.bottom-line {
    position: absolute !important;
    bottom: -60px !important; /* Suruma hide garne */
    left: 0 !important;
    width: 100% !important;
    transition: 0.3s ease !important;
    z-index: 10 !important;
}

/*   button design  */
.add-to-cart-btn {
    background-color: #c72828 !important;
    color: white !important;
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    padding: 12px 0 !important;
    border: none !important;
    font-size: 14px !important;
    font-weight: 600 !important;
}


.product-image a.tag:active ~ .bottom-line,
.product-image a.tag:focus ~ .bottom-line,
.product-slide-entry:active .bottom-line {
    bottom: 0 !important;
}


.product-card-content {
    padding: 15px !important;
    text-align: center !important;
}

.product-card-content a.tag {
    color: #333 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    margin-bottom: 5px !important;
    display: block !important;
}

.price .current {
    color: #c72828 !important;
    font-weight: bold !important;
}



/* add to card of feature product*/
/* Product image container */
.product-image {
    position: relative !important;
    overflow: hidden !important;
}

/* Top icons (compare & wishlist) */
.product-image .top-line-a {
    position: absolute !important;
    top: 10px !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
    z-index: 9 !important;
}

.product-image .top-line-a.left {
    left: 10px !important;
}

.product-image .top-line-a.right {
    right: 10px !important;
}

/* Bottom Add to Cart */
.product-image .bottom-line {
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 100% !important;
    background: #c72828 !important;
    text-align: center !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transition: all 0.3s ease !important;
}

.product-image .bottom-line-a {
    display: block !important;
    color: #fff !important;
    padding: 10px 0 !important;
    font-weight: 600 !important;
}

/* Hover effect (Desktop) */
.product-image:hover .top-line-a,
.product-image:hover .bottom-line {
    opacity: 1 !important;
    visibility: visible !important;
}

/* Mobile click support */
.product-image:active .top-line-a,
.product-image:active .bottom-line {
    opacity: 1 !important;
    visibility: visible !important;
}




/* Removing view more products from featured products*/
.swiper-tabs .go-to-shop-link {
    display: none !important;
}
/* remove from top picks of featured product */
.price .prev {
    display: none !important;
}



/* ### Features section end here ####*/














/* #### OUr Product section */

.mango-product-container .mango-section-title h2 {
    font-size: 44px !important;
    font-weight: 700 !important;
}
.tabs-product-section .section-title h1 {
     font-weight: 700 !important;
}

/* Force show product title */
.product-card-content .title {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #000 !important;
    margin-top: 6px !important;
    line-height: 1.4 !important;
}

.product-card-content a.tag {
    font-size: 12px !important;
}
    
/* ####ourproducts ends here */


/* ##### offerarea 2banner image of homepage */
/* Container adjustments for 3 banners side-by-side */
.offer-area-info-block .row {
    display: flex !important;
    flex-wrap: nowrap !important; 
    gap: 10px !important; 
    justify-content: center !important;
}

/* Individual banner column styling - adjusted for 3 items */
.offer-area-info-block .information-entry {
    flex: 0 0 33.33% !important; 
    max-width: 33.33% !important;
    padding: 0 !important;
}

/* Entry wrapper styling */
.special-item-entry {
    position: relative !important;
    overflow: hidden !important;
    border-radius: 10px !important; 
    transition: transform 0.3s ease !important;
}

.special-item-entry:hover {
    transform: scale(1.03) !important;
}

/* Banner Image Styling */
.special-item-entry img {
    width: 98% !important;
    height: auto !important;
    display: block !important;
    object-fit: cover !important;
    border-radius: 10px !important;
}

/* "SHOP NOW" button effect */

.special-item-entry a.button.style-6 {
    position: absolute !important;
    bottom: 15px !important;
    left: 50% !important;
    transform: translateX(-50%) !important; 
    background: #C62828 !important; 
    color: #ffffff !important;
    padding: 6px 15px !important; 
    font-weight: bold !important;
    font-size: 12px !important;
    border-radius: 50px !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.2) !important;
    white-space: nowrap !important;
}

/* Mobile Responsiveness */
@media (max-width: 768px) {
    .offer-area-info-block .row {
        flex-wrap: wrap !important;
    }
    .offer-area-info-block .information-entry {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-bottom: 20px !important;
    }
    .special-item-entry::after {
        font-size: 14px !important;
        padding: 8px 20px !important;
    }
}

/*Testimonial */



/* Force display and center align */
.barberShop_sectionTitle, 
.barberShop_sectionTitle .title {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    color: #02783f !important; /* Green color */
    width: 100% !important;
    font-size: 44px !important;
    font-weight: bold !important;
    margin: 0 !important;
    visibility: visible !important;
}
/* shop page */
.productCap .global-card-contents-title a {
    display: block !important;             
    width: 100% !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    color: black !important;
}
/* Testimonial 3 paragraph  */

.barberShop_testimonial__single__contents__para {
    display: -webkit-box !important;
    -webkit-line-clamp: 3 !important; 
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important; 
    max-height: 4.8em; !important; 
    line-height: 1.6em !important;
}

/* Hover garda matra full text dekhaune (Click garna namilne bhayeko le) */
.barberShop_testimonial__single__contents__para:hover {
    -webkit-line-clamp: unset !important;
    display: block !important;
    max-height: none !important;
    overflow: visible !important;
    cursor: pointer !important;
}




/* #### blog */

/* Blog section main title - forced visible */
.construction_blog_area.featured-blog .construction_sectionTitle__two h2.title {
    display: block !important;       
    color: #02783f !important;       
    text-align: center !important; 
    font-weight: 600 !important;    
    margin-bottom: 20px !important;
    visibility: visible !important; 
    z-index: 10 !important;        
}



/* Blog post titles - 2 lines only */
.construction_blog_area.featured-blog .construction_blog__contents__title a {
    display: -webkit-box;
    -webkit-line-clamp: 2  !important;     
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: black !important;
}


/* #### Service pages */
.singleServices-global .btn-wrapper a {
    background: #c72828 !important;
    color: white !important;
}
/* ####Appointment */
.barberShop_banner_area {
    background: white !important;
}

.barberShop_banner__title {
    font-size: 44px !important;
}

@media (min-width: 1400px) and (max-width: 1599.98px) {
    .barberShop_banner__title {
    font-size: 44px !important;
   }
}
/* ######Aboutus page */
.aboutCaption-global .pera {
    color: black !important;
}

/* Mobile Responsive */
@media only screen and (max-width: 575px) {
    .navbar-area.barberShop_nav .nav-container {
        padding: 0px 14px 0px !important;
    }
    .navbar-area.barberShop_nav .nav-container .logo-wrapper .logo img {
        max-height: 130px !important;
    }
   
    .big-columns-cat .section-title h2 {
        font-size: 25px !important;
    }
    .big-columns-cat .section-title p {
        font-size: 15px !important;
    }
    .product-card-content {
        padding: 0 !important;
    }
    .tabs-product-section .section-title h1 {
        font-size: 25px !important;
    }
    .agency_section__title .title {
        font-size: 25px !important;
    }
    .barberShop_sectionTitle, .barberShop_sectionTitle .title {
        font-size: 25px !important;
    }
    .navbar-area.barberShop_nav .nav-container .logo-wrapper .logo img {
     max-width: 123px !important;
   }
   .header-info-right .user-account .listItem a[href*="login"] {
       font-size: 14px !important;
       
   }
   
   .header-info-right .user-account .listItem a[href*="register"] {
        font-size: 14px !important;
    }
    .header-info-left {
        display: block !important;    /* make sure it is visible */
        width: 100% !important;       /* full width */
        text-align: center;            /* center align numbers */
        margin-bottom: 1px !important;
    }

    .listing {
        display: block !important;    /* ensure ul is block */
    }

    .listing li {
        display: block !important;    /* each li in new line */
        margin-bottom: 5px !important;
    }

    .d-flex {
        flex-direction: column !important;  /* stack left and right vertically */
        align-items: center !important;
    }
     .listing li:has(i.fa-envelope),
     .listing li:has(i.fa-map-marker-alt) {
        display: none !important;
    }

   
    .header-info-left .listing {
        display: flex !important;
        gap: 1px !important;
        justify-content: center !important;
        align-items: center !important;
        flex-wrap: nowrap !important;
    }

    
    .header-info-left .listing li {
        font-size: 14px !important;      
        white-space: nowrap !important; 
    }

    /* Icon pani sano */
    .header-info-left .listing li i {
        font-size: 12px !important;
        margin-right: 4px !important;
    }
    
    .header-top .header-info-left .listing .listItem {
        margin-right: 4px !important;
    }
    #NexSection .singleCategories {
        padding : 8px 8px !important;
    }
}