/*Write Css*/
@import url("https://use.typekit.net/your-unique-id.css");

h1, h2, h3, h4, h5, h6 {
   font-family: "Futura", sans-serif !important;
}

body, p, li, span,a,span,button,input {
    font-family: "Futura", sans-serif !important;
}


.furniture .header-middle .main-nav li a {
    font-weight: 700 !important; 
    font-size: 17px !important; 
}

.furniture .header-middle .main-nav li a:hover {
    color: #e3a300 !important;
}
 

/* ########### Banner ########## */
/* 1. Show the container but remove any background color/overlays */
.slider-contents.d-none, 
.slider-contents {
    display: flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999 !important;
    background: transparent !important; 
}

/* 2. Remove any dark overlay that might be on the container */
.slider-contents::before, 
.slider-contents::after {
    display: none !important;
}

/* 3. Center the button exactly in the middle of the banner */
.slider-contents .container,
.slider-contentswrap {
    display: flex !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    justify-content: center !important; 
    align-items: center !important;    
    margin: 0 !important;
    padding: 0 !important;
}

/* 4. Hide all other elements inside */
.contents-left h1, 
.contents-left p, 
.banner-small-thumbs, 
.contents-right {
    display: none !important;
}

/* 5. Style the button to look clean in the center */
a.agro_cmn_btn {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    z-index: 1000 !important;
    pointer-events: auto !important;
    text-align: center !important;
    margin-top: 293px !important;
}
/* Button ko main design */
a.agro_cmn_btn {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: #e3a300 !important; 
    color: #ffffff !important;
    padding: 11px 31px !important;
    border-radius: 40px !important; 
    font-weight: 700 !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    text-decoration: none !important;
    
    /* Shadow and Border */
    border: none !important;
    
    
    /* Animation */
    transition: all 0.3s ease !important;
    cursor: pointer !important;
}

/*### Banner Ends here #### */


/* ########## Removing login#########  */
.form-Wrapper .cmn-btn-outline0 {
    display: none !important;
}
.cmn-btn-outline0 {
    display: none !important;
}
/* Breadcrums */
nav[aria-label="breadcrumb"] .breadcrumb,
nav[aria-label="breadcrumb"] .breadcrumb li,
nav[aria-label="breadcrumb"] .breadcrumb li a {
    color: #000 !important;  /* pure black color */
}
/* Shop Page */
.coupon-contents-details-list,
.coupon-contents-details-list li,
.coupon-contents-details-list li span,
.coupon-contents-details-list li b {
    color: #000 !important;  /* black color */
}

/* Order details */
.billing-wrappers .billing-title {
    color: #fff !important;  
}
.billing-wrappers .billing-details,
.billing-wrappers .billing-details li,
.billing-wrappers .billing-details li span,
.billing-wrappers .billing-details li strong {
    color: #000 !important;  /* black color for details */
}

/* navbar */
.furniture .headermid-wrapper {
    padding: 0 0 !important;
}
/* Services page Starts Here */
.sectionBg2 {
    background: #F1F5F8 !important;
}

/* Aboutus Section */
.photography_story__thumb__main::before {
    display: none!important;
}


.singleCategories .cap .pera {
    margin: -10px !important;
}
.photography_cmn_btn.btn_bg_1 {
      display: none!important;
}
    
.photography_story__quality__icon {
    background-color: white !important;
}

.faqArea .collapse-wrapper .accordion-header .accordion-button::after {
    color : white !important;
    background-color: #e3a300 !important;
}
/* Change the color of the title */
.section-tittle .tittle {
    color: #1a73e8 !important; 
    margin-bottom: 15px !important; 
}

/* Optional: style the subtitle too */
.section-tittle h4 {
    color: #555 !important;
      margin-bottom: 30px !important; 
}
    
/* aboutus ourvalues text */
.section-caption{
    text-align: center !important;
    padding-bottom: 20px;
}

.aboutCaption-global .tittle {
    font-size: 27px !important;
}
.aboutCaption-global h1 b {
    font-weight: 700 !important; 
    font-size: 18px !important;   
    color: #000 !important;      
}
/* ########## Aboutus Page ############ */
.aboutCaption-global .pera {
    color: black !important;
    font-size: 17px !important;
}

/* ############# Our values ################ */
.section-caption {
    color: black !important;
    font-size: 22px !important;
}

.singleCategories .cap .pera {
    color: black !important;
}


/* ################## Aboutus enter your payment paragraph ####################### */
.cta_2 .cta_2-txt p, .cta_no_bg .cta_2-txt p {
     font-size: 18px !important;
}
section.cta_no_bg .cta_2-txt p {
    font-size: 17px !important;
    line-height: 1.6 !important;
}


/* ############## About cta section ############# */
#call-to-action .contents {
    max-width: 100% !important;
    /*margin-left: auto !important;*/
    /*margin-right: auto !important;*/
    text-align: center !important;
        padding-right: 0rem !important;
}

#call-to-action .contents h1,
#call-to-action .contents h4,
#call-to-action .contents p {
    text-align: center !important;
}

#call-to-action .btn-box {
    text-align: center !important;
    margin-top: 10px !important;
}

#call-to-action .btn-box a {
    display: inline-block !important;
    float: none !important;
    margin: 0 10px !important;
}

/* Cta Title */
#call-to-action .contents h1, #call-to-action .contents h4, #call-to-action .contents p {
    color: white !important;
}


/* cta btn color */
#call-to-action .btn-box a {
    background: #fff!important;
    color: #c2c20d !important;
}
#call-to-action .btn-box a {
    display: inline-block !important;
    float: none !important;
    margin: 0 10px !important;
    background: #fff !important; /* corrected */
    color: #c2c20d !important;
    padding: 12px 30px !important;
    border-radius: 6px !important;
    text-decoration: none !important;
}



@media (min-width: 768px) {
    .call-to-action .col-md-8{
        width: 100%;
    }
    
    .call-to-action .col-md-4{
        width: 0%;
    }
    .call-to-action .col-md-8 .btn-box{
        display: block !important;
    }
}
@media (max-width: 767px) {
    .call-to-action .col-md-8 .btn-box{
        gap: 10px !important;
        align-items: center;
        display: flex !important;
        flex-direction: column;
    }
    
    .call-to-action .col-md-4{
        width: 0%;
    }
    
    .singleTeam-global .team-img{
        display:flex;
        justify-content: center;
        
    }
    .singleTeam-global .team-img img{
        width: 60% !important;
    }
}

/* ########### Removing unwanted things from aboutus ############# */
.photography_story__thumb__sign {
    display: none !important;
}

/* About cta section Ends Here*/



/* ############# services SEction Starts here ############## */
   
.faqArea .collapse-wrapper .accordion-header .accordion-button.collapsed {
     color: black !important;
}

.section-tittle .tittle {
     color: black !important;
}
/* services SEction Ends here */





/* ############ Footer  SEction Starts here ############# */

/* Footer */
.footer-bottom-navigation .cell-view{
    background: #e3a300 !important;
    display: table-cell !important;
}
.payment-methods{
    display: none;
}

    .footer-bottom-navigation{
        padding: 5px !important;
    }


@media (min-width: 767px){
    .footer-wrapper.style-3 .footer-columns-entry .row .col-xxl-2{
        width: 20%;
    }

    

}

/* Footer  SEction Ends here */



/* ##############  How to place an Order Starts here ############  */

/*How to place an order */
ul li {
    color : white !important;
     background: #green !important;
}
    
.cta_2 .cta_2-txt h1, .cta_no_bg .cta_2-txt h1 {
    font-size: 25px !important;
}

.cta_no_bg {
    background: white !important;
}

.cta_no_bg .cta_2-txt .btn-box a.left-btn {
      background: #D69C00 !important;
}

.cta_2 .cta_2-txt p, .cta_no_bg .cta_2-txt p {
    font-size: 14px !important;
}
.agency_contact_footer {
    background: #D69C00 !important;
}
.cmn-agency-btn.cmn-agency-btn-bg-1 {
    color: black !important;          
    background-color: white !important; 
    display: block !important;           
    width: 300px !important;              
    text-align: center !important;     
    padding: 12px 0 !important;          
    border: none !important;            
    border-radius: 30px !important;      
}
.agency_section__title.white .title {
    color: #fff;
    font-size: 14px !important;
    line-height: 1.2rem !important;
    
}
.categoriesArea p:nth-of-type(2) {
    color: black !important;
}
.categoriesArea div p:nth-of-type(1) {
    color: black !important;
}
.abutArea-global1 {
    color: #000 !important;
}
/* ###### How to place an Order Ends here ####### *//



/* ######## color of order ######## */
/* 1. Button normal state */
.abutArea-global1 .link-lists .listItem a {
    background-color: #e3a300 !important; /* full yellow */
    color: #ffffff !important;
    display: inline-block !important;
    padding: 14px 35px !important;
    border-radius: 50px !important; 
    text-decoration: none !important;
    font-weight: 600 !important;
    font-size: 16px !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    box-shadow: 0 4px 15px rgba(255, 133, 161, 0.4) !important; 
    transition: all 0.3s ease !important; 
    border: none !important;
}

/* 2. Ensure span inside button is same yellow */
.abutArea-global1 .link-lists .listItem a span {
    background-color: #e3a300 !important; /* full yellow */
    color: #ffffff !important;
    display: inline-block !important;
}

/* 3. Hover state */
.abutArea-global1 .link-lists .listItem a:hover,
.abutArea-global1 .link-lists .listItem a:focus,
.abutArea-global1 .link-lists .listItem a:active {
    background-color: #e3a300 !important; /* full yellow */
    color: #ffffff !important;
    box-shadow: 0 6px 20px rgba(227, 163, 0) !important;
    transform: translateY(-3px) !important;
}

/* 4. Make span inside also follow hover/click */
.abutArea-global1 .link-lists .listItem a:hover span,
.abutArea-global1 .link-lists .listItem a:focus span,
.abutArea-global1 .link-lists .listItem a:active span {
    background-color: #e3a300 !important; /* full yellow */
    color: #ffffff !important;
}
.aboutCaption-global .link-lists a {
    background: #e3a300 !important;
}


/* for title bold of order page */
/* Target specific heading text inside the categories area */
.categoriesArea .col-lg-12 p span b {
    color: #000000 !important; /* Pure Black */
    font-weight: 900 !important; /* Extra Bold */
    display: inline-block;
    margin-bottom: 10px;
    font-size: 23px !important;
}


.text-editor-wrap .categoriesArea p b {
    color: #000000 !important;
    font-weight: 600 !important;
    font-size: 23px !important;
}
.text-editor-wrap .categoriesArea .container .row .col-lg-12 p b span {
    font-size: 23px !important;
}

/* choose your glass online */
.aboutCaption-global .tittle {
    /*font-size: 21px !important;*/
}


/* Removing btn from how to order glasses online */
.btn-box {
    display: none !important;
}

/* homepage featured product title */
.mango-product-tabs-container .product-container .product-card-content .tag {
    font-weight: bold !important;
}


/* footer */
.footer-logo {
    margin-bottom: -10px !important;
}
.footer-bottom-navigation {
    padding: 20px !important;
}


.furniture .footer_ecommerce-widget .footerTittle, .furniture .footer_mango-widget .footerTittle {
    color: #e2a300 !important;
}


/* ################## Mobile Responsive ############## */
@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;
    }
   
    .furniture .header-middle .main-nav {
        font-weight: bold !important;
    }
    
    /* NavBar Responsive */
    /* header */
    .furniture .header-top-entry{
        padding:0px !important;
    }
    .furniture .header-top-entry .title{
        display: flex;
        gap: 10px;
        align-items: center;
    }
    .furniture .header-top-entry .title a{
        margin: 0px !important;
    }
    
    .header-top-entry .title .fa:first-child{
        margin-right: 0px !important;
    }
    
    .owl-carousel .owl-item{
        width: fit-content !important;
        margin-right: 5px !important;
    }
    
    .product-slide-entry .product-image{
        height: 10rem;
    }
    
    .cat-roundslider .cat-sl .owl-dots{
        margin-top: 10px;
    }
    
    .furniture .copyright p{
        line-height: 20px;
    }
    .header-top-entry .title b {
        font-size: 11px !important;
    }
    .cta_3 .cta-section {
        padding-left: 15px !important;
        padding-right: 15px !important;
        margin-top: 40px !important;
    }
    .cta_3 .row {
        flex-direction: column !important;
        text-align: center !important;
    }
    .cta_3 .image-box {
        margin-bottom: 25px !important;
    }

    .cta_3 .image-box img {
        max-width: 100% !important;
        height: auto !important;
    } 
    .cta_3 h2,
    .cta_3 p {
        margin-bottom: 15px !important;
    }

    /* Button center */
    .cta_3 .btn-box {
        text-align: center !important;
        margin-top: 20px !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%; 
     
 }
  /* 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;
  }
}


/* navbar font*/

.furniture .header-middle .main-nav li a {
    font-weight: 700 !important;
}


/*###### Appointment ########### */ 
.barberShop_scheduleTabs ul.tabs li {
    color: #000 !important;
}

.barberShop_scheduleTabs ul.tabs li span {
    color: #000 !important;
}

.barberShop_scheduleTabs ul.tabs li.active {
    color: #000 !important;
}

.barberShop__bookingInfo__billing__list__item span {
    color: #000 !important;
}

.barberShop__bookingInfo__billing__list__item .price {
    color: #000 !important;
}
/* ######### Product Sections ########## */
.swiper-tabs .title {
    color: #fff !important;
}

.swiper-tabs .nav-link.active {
    color: #fff !important;
}


/* ########### Category page ########## */
/* Default size style */
.size-lists .size-filter a {
    
    color: black !important;
    border: 1px solid #000 !important;
}

/* Clicked / Active size */
.size-lists .size-filter.active a {
   
    color: black !important;
    border: 1px solid #000 !important;
}

/* Hover effect */
.size-lists .size-filter a:hover {
    
    color: black !important;
}

/* ######## Sort by ########## */
.list .option {
    color: #000 !important;
}
.list .option.selected {
    color: #000 !important;
}
.list .option:hover {
    color: #000 !important;
}
.list .option.focus {
    color: #000 !important;
}


/* ######### homepage shop by ###### */
.btn-wrapper .btn{
    background-color: #e3a300 !important;
    border: none !important;
}
.btn-wrapper .btn{
    font-size: 0 !important;
}

.btn-wrapper .btn::after{
    content: "View More"!important;
    font-size: 14px;

}

.agency_work_area .first-bg {
    display: none !important;
}
.agency_work_area .last-bg {
      display: none !important;
}
.agency_section__title .title {
    padding-bottom: 10px !important;
}
  
/* ########## Product title color ########### */
.products-gridall .product-card-content .title{
    color: black !important;
}



/* ############Appointment section ########### */
.billing-details li,
.billing-details li strong,
.billing-details li span,
.billing-details {
    color: #000 !important;
}

/* Heading pani black */
.billing-title {
    color: #000 !important;
}