/* ===========================
   Global Styles
   =========================== */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: 'Lato', sans-serif;
  color: #000;
}

/* ===========================
   Top Bar
   =========================== */
.top-bar {
  background-color: #621506;
  padding: 15px 0;
  border-bottom: 1px solid #722C1F;
  color: #fff;
}


.contact-info {
    display: flex;
    gap: 35px;
    align-items: center;
    justify-content: flex-end;
}

.contact-info a {color:#fff;text-decoration:none}

.contact-info2 {
    display: flex;
    gap: 16px;
    align-items: center;
    justify-content:flex-start;
}

.contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 15px;
  font-weight: 300;
}

.contact-item a {color:#fff}

.contact-item img {
  width: 20px;
  height: 20px;
}

.btn-contact {
    display: inline-block;
    padding: 13px 30px;
    background-color: transparent;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 30px;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    transition: all 0.3s ease;
    gap: 20px;
    align-items: center;
    margin-left: 50px;
}

.btn-contact:hover {
  background-color: #fff;
  color: #621506;
}

.btn-contact svg {
   top: 0 !important;
    position: relative;
    right:0px;
}

.btn-contact:hover path {
    top: 0 !important;
    position: relative;
    right: -20px;
	fill:#000;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width:1400px !important}

.about-content {
    padding-left: 100px;
}

.col-12.abt-img {
    padding-top: 30px;
}

.about-section h2.section-title {
    margin-top: 20px;
}

.center-col {
   position:relative;
}


.center-col::before {
  background: #6c362c;
    position: absolute;
    left: 16px;
    width: 1px;
    height: 80px;
    content: '';
    top: 2px;
}

.center-col::after {
    background: #6c362c;
    position: absolute;
    right: -12px;
    width: 1px;
    height: 80px;
    content: '';
    top: 2px;
}



/* ===========================
   Navigation
   =========================== */
   
ul.navbar-nav {
    align-items: center;
}
   
.main-nav {
  background-color: #621506;
  /* padding: 20px 0; */
  padding: 5px 0;
}

.navbar-brand .logo {
  height: auto;
}

.navbar-nav .nav-link {
  color: #fff !important;
  font-size: 16px;
  font-weight: 500;
  padding: 10px 20px !important;
  transition: all 0.3s ease;
}

.navbar-nav .nav-link:hover {
  color: #ffd700 !important;
}
.navbar-nav .nav-link.btn-contact:hover {
  color: #621506 !important;
}


/* ===========================
   Hero Section
   =========================== */
.hero-section {
  position: relative;
}

.hero-section .carousel-item {
  height: 600px;
}

.hero-section .carousel-item img {
  height: 600px;
  object-fit: cover;
}

.hero-section .carousel-caption {
  top: 50%;
  transform: translateY(-50%);
  bottom: auto;
}

.hero-section .carousel-caption h1 {
  font-size: 70px;
  font-weight: 600;
  line-height: 1.2;
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
  margin-bottom: 20px;
}

.hero-section .carousel-caption p {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.8px;
  text-shadow: 0 0 50px rgba(0, 0, 0, 0.8);
}

/* ===========================
   Section Titles
   =========================== */
.section-title {
  font-size: 42px;
  font-weight: 600;
  color: #621506;
  margin-bottom: 15px;
}

.section-description {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.4px;
  color: #000;
}


/* ===========================
   About Section
   =========================== */
.about-section {
  padding:100px 0 !important;
}

.about-text {
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  letter-spacing: 0.4px;
  margin-bottom: 20px;
}

/* ===========================
   Events Section
   =========================== */
.events-section {
  padding: 100px 0 0 0 !important;
  background-color:#FFF5F3;
}

#eventsCarousel .col-lg-2 {
    width: 20%;
}

.event-card {
  position: relative;
  overflow: hidden;
  border-radius:0px;
  height:578px;
  overflow:hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

.event-card:hover {
  transform: translateY(-10px);
}

.event-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.event-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 30px;
}

.event-overlay h3 {
  color: #fff;
  font-size: 22px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1.1px;
  line-height: 26px;
  margin: 0;
}

/* Events Carousel Controls */
#eventsCarousel .carousel-control-prev,
#eventsCarousel .carousel-control-next {
  width:;
}

/* ===========================
   Why Us Section
   =========================== */
.why-us-section {
  padding: 100px 0 !important;;
}

.feature-card {
  background-color: #fff;
  border: 1px solid #e0e0ec;
  border-radius: 12px;
  /* padding: 40px 20px; */
  padding: 0px;
  text-align: center;
  height: 100%;
  transition: all 0.3s ease;
  overflow: hidden;
}

.feature-card:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-5px);
}

.feature-card img {
  /* width: 60px;
  height: 60px; */
  width: 100%;
  margin-bottom: 15px;
}

.feature-card h4 {
	font-size: 22px;
	font-weight: 500;
	line-height: 25px;
	color: #000;
	padding: 10px 20px 15px;
}

.carousel-item img {
    padding: 0;
    width: 100%;
}


section {
    overflow: hidden;
}
/* ===========================
   Menus Section
   =========================== */
   
/* #veg {background:url(../images/veg.webp) no-repeat center top;}    */
/* #nonveg {background:url(../images/non-veg.webp) no-repeat center top;}    */
/* #livestation {background:url(../images/live-station.webp) no-repeat center top;}    */
/* #regional {background:url(../images/regional-cuisine.webp) no-repeat center top;}    */
   
/* Modal Background Blur */


.custom-modal .modal-content {
    border-radius: 16px;
    padding: 10px;
    border: none;
    background: url(../images/pop-bg.webp) no-repeat center top #621500; 
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
    background-attachment: fixed;
    background-size: auto 100%;
}

.modal-header .btn-close {background:url(../images/close-btn2.svg) no-repeat center top;}
.about-modal .modal-content{background:#621506;}
.white-color{color:#fff;}
.left-align{text-align:left !important;}
/* Header */
.custom-modal .modal-title {
    font-weight: 600;
    font-size: 24px;
    text-transform: uppercase;
	color: #bb9437;
}

.menu-section {
    float: left;
    width: 100%;
    margin-bottom: 30px;
}

.modal.show .modal-dialog {max-width:950px;}

.modal-header {
    padding-left: 17px;
	border-bottom-color:#9f7464;
}

/* Drink List */
.drink-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Each Item */
.drink-item {
  padding: 12px 15px;
  border-radius: 10px;
  background: #f8f8f8;
  transition: all 0.3s ease;
  cursor: pointer;
}

/* Hover Effect */
.drink-item:hover {
  background: #ffefe6;
  transform: translateX(5px);
}

/* Text */
.drink-item span {
  font-size: 15px;
  font-weight: 500;
}

.menu-section ul.menu-100 li {
    width: 100%;
    font-weight: normal;
}
   
.tab-content>.tab-pane {
    height: 576px;
	background:#FFF2E8;
} 

.tab-title {
    font-family: Lato;
    font-weight: 600;
    font-style: SemiBold;
    font-size: 42px;
    color: #621506;
    line-height: 68.1px;
    letter-spacing: 0px;
    vertical-align: middle;
    text-transform: capitalize;} 
   
.menus-section {
  padding:100px 0 0 0 !important;
  background-color: #f8f9fa;
}

.menu-tabs {
  border: none;
  margin-bottom: 43px !important;	
  gap:0px;
}

.modal-body {
    position: relative;
    background:none;
    text-align: center;
    height: 390px;
    overflow-y: scroll;
}



.menus-section li.nav-item { padding: 0 30px; border-right: 1px solid #00000026; }
.menus-section li.nav-item:last-child { border-right: 0; }
.menu-section ul { width: 100%; float: left; margin: 0; padding: 0; }
.menu-section ul li {
    width: 46%;
    float: left;
    text-align: left;
    list-style: none;
    padding: 11px 0px 11px 0;
    margin: 0;
    border-bottom:1px solid #9f74646e;
    margin-right: 29px;
    position: relative;
    color: #fff;
}

.menu-section ul li::before {
    position: absolute;
    width: 15px;
    height: 1px;
    content: '';
    left: 0;
    bottom: 0;
    background: #621506;
}

.menu-title { text-align: left; margin: 10px 0 12px 0; color: #bb9437; font-weight: bold; font-size: 23px; }

.sub-title { float: left; width: 100%; text-align: left; padding: 12px 0 0 0; font-weight: bold; }

.menu-section ul.menu-50 li { width:47%; float: left; font-weight: normal; }

.menu-section ul.menu-50 {
    margin-bottom: 0;
}

.note {
    width: 100%;
    text-align: left;
    float: left;
    font-weight: bold;
    margin-top: 30px;
    color: #fff;
}

.tab-content-area {
    display: flex;
    align-items: center;
    width: 100%;
    height:575px;
    align-content: center;
}

li.nav-item:nth-child(1) {
padding-left: 0;
}

li.nav-item:nth-child(4) {
    padding-right: 0;
}

.menu-tabs .nav-link {
  border: none;
  background: transparent;
  color: #000;
  font-size: 24px;
  font-weight: 300;
  letter-spacing: 0.96px;
  padding:0px;
  position: relative;
}

.menu-tabs .nav-link.active {
  color: #621506;
  font-weight: 600;
  background: transparent;
}

.menu-tabs .nav-link.active::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 80%;
  height: 2px;
  background-color: #621506;
}

.menu-content {
    padding: 0;
    border-radius: 0;
    width: 80%;
    height: auto;
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    align-items: center;
}

.menu-item {
    display: flex;
    align-items: center;
    gap: 10px;
    padding:12px 0;
    border-bottom: 1px solid #d9d6d4;
    cursor: pointer;
}

.menu-item:last-child {
  border-bottom: none;
}

.menu-divider {
  width: 2px;
  height: 16px;
  background-color: #621506;
}

.menu-item span {
  font-size: 18px;
  font-weight: 400;
  color: #000;
}

.right-col .menu-item {
    border-bottom: 1px solid #d9d6d4;
}

/* Mobile Accordion */
.accordion-item {
  border: 1px solid #e0e0ec;
  margin-bottom: 10px;
  border-radius: 8px;
  overflow: hidden;
}

.accordion-button {
  font-size: 20px;
  font-weight: 600;
  color: #621506;
  background-color: #fff;
}

.accordion-button:not(.collapsed) {
  background-color: #fff1e7;
  color: #621506;
}

.accordion-button:focus {
  box-shadow: none;
  border-color: #621506;
}

.accordion-body {
  padding: 20px;
}

.veg-slider-area .event-card, .veg-slider-area .event-card:hover {
    transform: translateY(0px);
}

.event-card1 {
  position: relative;
  overflow: hidden;
  border-radius:0px;
  height:578px;
  overflow:hidden;
  cursor: pointer;
  transition: transform 0.3s ease;
}

/* ===========================
   Clients Section
   =========================== */
.clients-section {
    padding: 100px 0 100px 0 !important;
    background-color: #FFF2E8;
    margin-top: 15px;
}

.client-logos {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  border: 1px solid #ddd;
  border-radius: 24px;
  overflow: hidden; /* keeps inner items inside rounded corners */
}

.logo-item {
    border-right: 1px solid #D8D8D8;
    border-bottom: 1px solid #D8D8D8;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px;
    background: #ffffff;
    width: 100%;
    height: 180px;
}

.logo-item:nth-child(5n) {
  border-right: none;
}

.logo-item:nth-last-child(-n+5) {
  border-bottom: none;
}

.logo-item img {
  height: auto;
}

/* ===========================
   Testimonials Section
   =========================== */
.testimonials-section {
  padding: 100px 0 !important;
  background-color: #ffffff;
}

.testimonial-card {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.06);
    height: 100%;
    display: flex;
    flex-direction: column;
    gap: 20px;
    height: 300px;
}

.quote-icon {
  width: 100%;
  height: auto;
  max-width: 50px;
}

.testimonial-text {
  font-size: 18px;
  font-weight: 300;
  line-height: 26.6px;
  color: #000;
  flex-grow: 1;
}

.testimonial-author {
  font-size: 17px;
  font-weight: 400;
  color: #621506;
  letter-spacing: 0.34px;
  margin: 0;
}

#testimonialsCarousel .carousel-control-prev,
#testimonialsCarousel .carousel-control-next {
  width: 40px;
  height: 40px;
  border: 1px solid rgba(98, 21, 6, 0.6);
  border-radius: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

#testimonialsCarousel .carousel-control-prev {
  left: -60px;
}

#testimonialsCarousel .carousel-control-next {
  right: -60px;
}

#testimonialsCarousel .carousel-control-prev-icon,
#testimonialsCarousel .carousel-control-next-icon {
  width: 18px;
  height: auto;
}

/* ===========================
   Gallery Section
   =========================== */
.gallery-section {
    padding: 100px 0 0 0 !important;
    background-color: #fff;
}

.gallery-img {
    width: 100%;
    border-radius: 0px;
    cursor: pointer;
    transition: all 0.3s ease;
    padding: 0;
}



.gallery-img:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.gal-img {overflow:hidden;padding:0}

#galleryCarousel .carousel-control-prev,
#galleryCarousel .carousel-control-next {
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

#galleryCarousel .carousel-control-prev {
  left: 10%;
}

#galleryCarousel .carousel-control-next {
  right: 10%;
}

#galleryCarousel .carousel-control-prev-icon,
#galleryCarousel .carousel-control-next-icon {
  width: 18px;
  height:auto;
}

/* Gallery Modal */
.modal-content {
  background-color: transparent;
  border: none;
}

.modal-body {
    position: relative;
    text-align: center;
    padding-right: 0;
}

.menu-section ul.menu-50 li:nth-child(even) {
    margin-right: 0;
}

.modal-body .btn-close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 10;
  background:none;
  opacity: 1;
  border-radius: 50%;
  padding: 10px;
}

#modalImage {
  border-radius: 8px;
}

/* ===========================
   Contact Section
   =========================== */
.contact-section {
    background-color: #fff1e7;
    padding: 0 !important;
}

form#contactForm {
    width: 80%;
	padding-top: 50px;
    padding-left: 40px;
}

.contact-section .col-lg-6 {
    margin: 0 !important;
}

.form-control,
.form-select {
  border: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 0;
  padding: 10px 0;
  font-size: 16px;
  background-color: transparent;
}

.form-control:focus,
.form-select:focus {
  box-shadow: none;
  border-bottom-color: #621506;
  background-color: transparent;
}

.form-img-area img {
    height: 715px;
    object-fit: cover;
    width: 100%;
}
.btn-submit {
    background-color: #621506;
    color: #fff;
    border: none;
    border-radius: 50px;
    padding: 15px 0px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.6px;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    transition: all 0.3s ease;
    width: 130px;
    text-align: center;
    justify-content: center;
}

.btn-submit:hover {
  background-color: #8a1d08;
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(98, 21, 6, 0.3);
  color:#fff;
}

.btn-submit img {
  width: 15px;
  height: auto;
}

/* ===========================
   Footer
   =========================== */
.footer {
  background-color:#4c0d00;
  color: #fff;
}

.footer-item {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.footer-item img {
  width: 75px;
  height: 75px;
}

.footer-item a {
    color: #fff;
}

.footer-item p,
.footer-item span {
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.34px;
  line-height: 27.2px;
  margin: 0;
}

.footer-link {
  color: #fff;
  text-decoration: underline;
  font-size: 16px;
  font-weight: 500;
}

.footer-link:hover {
  color: #ffd700;
}

.copyright {
  font-size: 16px;
  font-weight: 300;
  color: #000;
  margin:30px 0;
}

section {
  scroll-margin-top: 100px;
}
  
.footer-item-img {
    width: 75px;
    height: 75px;
    background: #9D584B;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
}

.footer-item-img img {
width: 36px;
height: 36px;
}	

.form-img-area img {}

.btn-book-experience {display:none}

.hero-section button.carousel-control-prev {
    left: 2%;
    background: #000000;
    width: 50px;
    height: 50px;
    top: 46%;
    font-size: 0;
    line-height: 35px;
}

.hero-section button.carousel-control-next {
    right:2%;
    background: #000000;
    width: 50px;
    height: 50px;
    top: 46%;
    font-size: 99px;
    line-height: 35px;
}

.about-section2 {
	padding:60px 0 !important;
    min-height: 510px;
}

.about-section2 .container {
    max-width: 1310px !important;
}

.privacy-policy {max-width:100%; margin:0 auto}
.common-padding {padding-top:50px !important; padding-bottom:50px !important}
.privacy-policy h2 { font-size: 22px; line-height: 1.2; margin: 8px 0 15px 0; font-weight: 400; color: #000; float: left; width: 100%; }
ul.common-list { margin: 0 0 30px 0; display: flex; width: 100%; flex-wrap: wrap; padding: 0; }
ul.common-list li {display:block; padding:0 0 0 15px; position:relative; margin:0 0 10px 0; width:100%} 
ul.common-list li:before {content:''; position:absolute; color: #c6c6c6; display:block; top: 4px; line-height: normal; width: 2px; height: 16px; background:#621506; left:0}
.privacy-policy strong {font-weight:600}
.privacy-policy a { color: #000; }
.about-section2 h2.section-title { margin-top: 0; }

.copyright a {color:#000}

#eventsCarousel button {display:none}

#eventsCarousel .carousel-inner {
    overflow: hidden;
}

/* Slider spacing */
.events-section{
padding:50px 0;
}

/* Event Card */

.event-card{
position:relative;
overflow:hidden;
}

.event-card img{
width:100%;
object-fit:cover;
display:block;
transition:0.5s;
}

/* zoom effect */

.event-card:hover img{
transform:scale(1.1);
}

/* Title */

.event-overlay{
position:absolute;
bottom:15px;
left:15px;
color:#fff;
z-index:2;
}

.event-overlay h3{
margin:0;
font-size:22px;
}

/* Hover description */

.event-overlay2{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.75);
color:#fff;

display:flex;
align-items:center;
justify-content:center;
text-align:center;
padding:20px;

opacity:0;
transition:0.4s;
}

.event-card:hover .event-overlay2{
opacity:1;
}


.swiper-button-next {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(98, 21, 6, 0.6);
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    right: 10% !important;
    background: #ffffff9c;
}

.swiper-button-prev {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(98, 21, 6, 0.6);
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
    left: 10% !important;
    background: #ffffff9c;
}

svg.swiper-navigation-icon {
    display: none;
}

.photo-section2 {
    display: flex;
    align-items: start;
}

.photo-section h2.section-title {
    font-size: 33px;
}

.photo-section2 p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0.4px;
    margin-bottom: 20px;
}

.photo-section.desk {
  display:block;
  margin-top: 40px;
}
.photo-section.desk h2.section-title {margin-bottom: 20px;}

.photo-section.mob {
  display:none
}
.more-btn{text-align:center;margin-top: 30px;}
.more-btn .btn-submit{width:auto;padding: 15px 20px;}

.popup-sub-hd { font-size: 25px; display: block; margin: 0 0 20px; font-weight: 500;color: #bb9437;}

.vision-mission-wrap { display: flex; width: 100%; flex-wrap: wrap; justify-content: space-between;margin:25px 0 25px;}
.vision-mission-box { width: 48%;border: 1px solid rgba(255,255,255,0.3);padding: 25px;text-align: center;border-radius: 12px;}
.vision-mission-wrap img{max-width:100%;}
.vision-mission-hd { display: block; margin: 10px 0 10px; font-size: 23px; font-weight: 500;color: #bb9437;}
.pioneer-wrap .vision-mission-box{border: 0;padding: 0;width: 23%;border-radius: 0;}
.pioneer-wrap .vision-mission-hd{font-size: 18px;margin-bottom:0;color: #fff;}
.quote { font-style: italic; font-size: 17px; }
.list1 { padding: 0; list-style: none; margin: 0 0 20px; }
.list1 li{display:block;position:relative;padding:5px 0 5px 12px;}
.list1 li:before{content:'';width: 2px; height: 16px; background-color: #bb9437;position: absolute;left: 0;top: 10px;}
.about-modal .modal-body{padding-right:20px;}

.label-hide{display:none;}


/* ===========================
   Responsive Styles
   =========================== */

/* Tablet */

@media (max-width:1539px) {
.event-card {
    height: 388px;
}	
.tab-content>.tab-pane {
    background-size: auto 100% !important;
}
.testimonials-section .container {
    width: 88%;
}
}

@media (max-width:1440px) {
.tab-content>.tab-pane {
	background-size: auto 100% !important;
}
.tab-content-area {
    height:574px;
}
}

@media (max-width:1194px) {
.client-logos {
display: grid;
width: 98%;
grid-template-columns: repeat(5, 1fr);
}

@media (max-width:1024px) {
.logo-item {padding:4px;}
.logo-item.logo-item2 img {
    width: 131px;
}
.client-logos {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(5, 1fr);
        margin: 0 auto;
    }	
}


@media (max-width: 991px) {
.menu-item {
    padding: 6px 0;
}	
.menu-content .col-md-6 {
    width: 100%;
}	
.menu-item:last-child {
      border-bottom: 1px solid #d9d6d4;
}
.menu-content {
    padding: 0;
    border-radius: 0;
    width: 87%;
}	
.tab-title {
    font-size: 29px;

}	
form#contactForm {
    width: 96%;
    padding-top: 50px;
    padding-left: 15px;
    padding-bottom: 50px;
}	
.menus-section li.nav-item {
    padding: 0 18px;
    border-right: 1px solid #00000026;
}	
.photo-section2 {
display: flex;
align-items: start;
gap: 15px;
}
.about-content {
    padding-left: 15px;
}	
.photo-section.desk {
  display:none
}

.photo-section.mob {
  display:block
}	
	
.navbar-nav .nav-link {
    color: #000 !important;
    font-size: 16px;
    font-weight: 500;
    padding:15px 20px 15px 0 !important;
    transition: all 0.3s ease;
    text-align: left;
}	
li.nav-item:nth-child(4) {
    padding-right: 0;
}
  .navbar-collapse {
    background: #000;
    padding: 20px;
    margin-top: 10px;
  }

  .navbar-nav {
    text-align: center;
  }

.navbar-nav .nav-item {
		width: 100%;
		border-bottom: 1px solid #000;
		margin: 0;
		padding-left: 0 !important;
}	
 .client-logos {
    grid-template-columns: repeat(3, 1fr);
  }	
  .hero-section .carousel-caption h1 {
    font-size: 50px;
  }

  .section-title {
    font-size: 36px;
  }

  .event-card {
    height: 600px;
  }

  #testimonialsCarousel .carousel-control-prev {
    left: -20px;
  }

  #testimonialsCarousel .carousel-control-next {
    right: -20px;
  }
}


/* Mobile */
@media (max-width: 767px) {

.tab-content-area {
        height: auto;
    }

.about-section2 .container {
    max-width: 91% !important;
}

.menu-section ul li {margin-right:0 !important;width:97% !important}

.menus-section li.nav-item {
    padding: 0 9px;
    width:24%;
    line-height: 20px;
}

section#gallery {
    padding-bottom: 0 !important;
}


section#clients {
    margin: 0;
}

.menu-content {
padding-bottom: 40px;
width: 90%;
}

.menu-item {
    gap: 10px;
    padding: 9px 0;
}

.tab-content>.tab-pane {
    height: auto;
    background: #FFF2E8;
}

.event-card1 {height:auto;}

section#menus {
    padding-bottom: 0 !important;
}

.event-card1 img {
    width: 100%;
}

.menu-section ul li {
    width: 100%;
}

.photo-section h2.section-title {
    font-size: 24px;
}

.photo-section2 {
    display: grid;
    align-items: center;
}

.photo-section2 p {
    margin-bottom: 0;
}

.event-overlay2 {
    padding: 20px 100px;
}

.contact-item a {
    color: #fff;
    display: flex;
    gap: 11px;
    text-decoration: none;
}

.contact-item img {
    width:auto;
    height: 27px;
}

.why-us-section .col-lg-3.col-md-6 {
    width: 50%;
}

.hero-section .carousel-caption p {
    font-size: 17px;
}

.events-slider .carousel-item{
display:block;
}
#eventsCarousel .col-lg-2 {
    width: 100%;
}


.offcanvas-header {
    justify-content: flex-end;
}

.offcanvas {
    max-width: 88%;
    background: rgb(255, 242, 232);
}

.navbar-nav .nav-link:hover {
    color: #621506 !important;
}	
.veg-img img {
    width: 100%;
    padding: 10px 0;
}	
.btn-book-experience.mob-btn::after {
background: #DF9D40;
content: '';
position: absolute;
left:56%;
width: 1px;
height: 66px;
}
.center-col {
    position: relative;
    padding: 20px 0;
    border-bottom: 1px solid #6c362c;
    border-top: 1px solid #6c362c;
}
.form-img-area img {
    height: auto;
;
}	
.footer .container {
    width: 90%;
}
.center-col::after, .center-col::before {display:none}	
.contact-section {
    background-color: #fff1e7;
    padding: 50px 0 !important;
}	
.contact-item img {
    width:30px;
    height: 30px;
}
.copyright-container {
    padding-bottom: 60px;
}	

.btn-book-experience.mob-btn {
bottom: 0;
width: 100%;
text-align: center;
position: fixed;
z-index: 999;
display: flex;
background:#bb6d01;
align-items: center;
padding: 18px 0;
justify-content: space-around;
}

form#contactForm {
    width: 97%;
    padding-top: 50px;
    padding-left: 15px;
    padding-right: 15px;
}	
.logo-item:nth-child(5n) {
    border-right: 1px solid #D8D8D8;
}
	
.events-section .carousel-control-prev, .events-section .carousel-control-next {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
}	
	
	
.events-section .carousel-control-prev {
    left: 30px;
}

.carousel-control-next {
    right: 30px;
    left: auto !important;
}

	
.logo-item:nth-last-child(-n+5) {
    border-bottom: 1px solid #D8D8D8;
	
}
.about-content {
    padding-left:10px;
}
	
  .client-logos {
    grid-template-columns: repeat(2, 1fr);
  }	
	
  .top-bar {
    padding: 10px 0;
	display:none;
  }

.contact-info {
	flex-direction: row;
	gap: 18px;
	align-items: flex-start;
}

.contact-item {
font-size: 20px;
color: #fff;
gap:10px;
}

.navbar-nav .nav-link.btn-contact { padding: 10px 20px!important; font-size: 14px; margin: 10px 0 0 0; color: #fff!important; border: 1px solid #000 !important; background: #621506; width: 130px!important; text-align: center; }
li.nav-item:nth-child(6), li.nav-item:nth-child(7) {
    border: 0;
}

  .hero-section .carousel-item {
    height: 400px;
  }

  .hero-section .carousel-item img {
    height: 400px;
  }

  .hero-section .carousel-caption h1 {
    font-size: 32px;
  }

  .section-title {
    font-size: 28px;
  }

  .section-description {
    font-size: 16px;
  }

.events-section  {
  padding:50px 0 0 0 !important;
}

  .about-section,
  .why-us-section,
  .menus-section,
  .clients-section,
  .testimonials-section,
  .gallery-section,
  .contact-section {
    padding:50px 0 !important;
  }

  .event-card {
    height: 600;
  }

  .feature-card {
    padding: 30px 15px;
  }

  .gallery-img {
    height: auto;
  }

  .footer-item {
    flex-direction: column;
    text-align: center;
  }


  #testimonialsCarousel .carousel-control-prev,
  #testimonialsCarousel .carousel-control-next {
    background:#fff
  }

  #testimonialsMobileCarousel .carousel-control-prev,
  #testimonialsMobileCarousel .carousel-control-next {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(98, 21, 6, 0.6);
    border-radius: 0;
    top: 50%;
    transform: translateY(-50%);
    opacity: 1;
  }

  #testimonialsMobileCarousel .carousel-control-prev {
    left: -20px;
  }

  #testimonialsMobileCarousel .carousel-control-next {
    right: -20px;
  }
  .vision-mission-box,.pioneer-wrap .vision-mission-box{width:100%;margin:8px;}
 .about-modal .modal-body{padding-right:15px;}
.navbar-nav .nav-link.btn-contact:hover { color: #fff !important; }
 
}

/* Extra Small Mobile */
@media (max-width: 575px) {
.menu-tabs .nav-link {
    font-size: 16px;
}	
  .hero-section .carousel-caption h1 {
    font-size:28px;
  }

..gallery-section {padding-bottom:0 !important}

  .section-title {
    font-size: 28px;
  }
div#menuAccordion {
    padding: 0 12px;
}
.section-description br {
    display: none;
}
  .section-description {
    font-size: 16px;
	line-height:25px;
	padding: 0 20px;
  }

  .event-overlay h3 {
    font-size: 18px;
  }

  .feature-card h4 {
    font-size: 18px;
  }
}

/* ===========================
   Smooth Scroll
   =========================== */
html {
  scroll-behavior: smooth;
}

/* ===========================
   Animation Delays
   =========================== */
.animate__delay-1s {
  animation-delay: 0.3s;
}

.animate__delay-2s {
  animation-delay: 0.6s;
}

.animate__delay-3s {
  animation-delay: 0.9s;
}

.animate__delay-4s {
  animation-delay: 1.2s;
}
