/*-------------------------------
 Header Css start from here 
 ---------------------------------- */
.header-layout6 .header-logo img {width: 100%;}
/*-------------------------------
 Banner Css start from here 
 ---------------------------------- */
/* .vs-hero-wrapper .vs-carousel .vs-hero-inner .hero-content .hero-title span{
    font-family: sans-serif;
    text-transform: capitalize;
} */
/*-------------------------------
TAB MENU Css start from here 
 ---------------------------------- */
.cstm-tab-menu .tab-button span{color: #000;}
.cstm-tab-menu .tab-button.active span{color: #dc5936;}
.cate-tab {
    background: #f6f6f6;
    padding: 15px;
    margin-bottom: 25px;
    text-align: center
}
.cate-tab h2{
	    margin-bottom: 0px;
font-size: 1.6rem;
    font-weight: 700;
}
/*-------------------------------
Offer Cards Css start from here 
 ---------------------------------- */
section.offers-cards .vs-food-box{
    box-shadow: 0 0 10px #ebebeb;
    border-radius: 10px;
    padding: 25px;
}
section.offers-cards .vs-food-box{
    box-shadow: 0 0 10px #ebebeb;
    border-radius: 10px;
    padding: 25px;
    height: 350px;
    overflow-y: scroll;
}

section.offers-cards .vs-food-box h3{
    color: #72bb4d;
}
section.offers-cards .vs-food-box h4{
    color: #c34f2c;
    font-size: 1.2rem
}

/*-------------------------------
Pagination Css start from here 
 ---------------------------------- */
.th-pagination a, .th-pagination span {
    display: inline-block;
    text-align: center;
    position: relative;
    border: none;
    color: black;
    border: 2px solid #e89441;
    width: 56px;
    height: 56px;
    line-height: 56px;
    z-index: 1;
    font-size: 18px;
    font-weight: 500;
}

.th-pagination a:hover, .th-pagination span:hover {
    color: #fff;
    background-color: #ed994e;
}

.th-pagination .nav-links {
    text-align: center;
    margin: 0 auto;
}
.th-pagination .page-numbers.current {
    color: #fff;
    background-color: #ed994e;
}

/* -----------------------------
 * FAQ CSS  
 * ---------------------------------*/
.faq-section {
  background: #f9faf7;
}

.faq-title {
  font-weight: 700;
  position: relative;
  display: inline-block;
}

.faq-section .faq-title::after {
  content: "";
  width: 50%;
  height: 3px;
  background: #82b83a; /* subtle accent */
  display: block;
  margin: 8px auto 0;
  border-radius: 5px;
}

.faq-section .faq-card {
  border: none;
  border-radius: 8px;
  margin-bottom: 15px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}

.faq-section .faq-card .card-header {
  background: #fff;
  border: none;
  padding: 0;
}

.faq-section .faq-btn {
  width: 100%;
  text-align: left;
  font-weight: 600;
  color: #333;
  padding: 18px 20px;
  text-decoration: none;
	font-size: 20px;
}

.faq-section .faq-btn:hover,
.faq-section .faq-btn:focus {
  text-decoration: none;
  color: #82b83a; /* light hover touch */
}

.faq-section .faq-btn::after {
  content: "+";
  float: right;
  font-size: 18px;
  transition: 0.3s;
  color: #000;
	font-size: 20px;
}

.faq-section .faq-btn[aria-expanded="true"]::after {
  content: "−";
  transform: rotate(180deg);
}

.faq-section .card-body {
  padding: 20px;
  color: #555;
  border-top: 1px solid #eee;
}

/*--------------------------
 *  Contact FORM CSS 
 * -----------------------------*/
section.vs-contact-wrapper.vs-contact-layout1.space  .wpcf7-response-output {
    color: #000 !important;
}