/*
Theme Name: Classic Squares Theme
Theme URI: https://example.com/classic-squares-theme
Author: Your Name
Description: Custom WordPress theme with video hero and luxury layout.
Version: 1.0.0
Text Domain: classic-squares
*/

/* Reset & base */
* { box-sizing: border-box; }
html, body { margin:0; padding:0; }
body { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol", sans-serif; color:#000000; background:#FFFAEB !important; }
a { color:inherit; text-decoration:none !important; }

:root{
  background-color: #FFFAEB;
}



.font-lato{
  font-family: "Lato", sans-serif;
}
.font-delius{
  font-family: "Delius", cursive;
}

.font-inter{
  font-family: "Inter", sans-serif;
}


.color1{
  color: var(--color-accent-1);
}
.color2{
  color: var(--color-black);
}

.color-beige{
  color: #FFFAEB;
}


.gap-20{
  gap:20px;
}



 .hero-section {
      background-image: url('images/bg1.webp');
      background-size: cover;
      background-position: center;
      color: #fff;
      padding: 60px 20px;
      text-align: center;
      position: relative;
    }

    .hero-section::before {
      content: "";
      position: absolute;
      inset: 0;
      /* background: rgba(0, 0, 0, 0.4); */
    }

    .hero-content {
      position: relative;
      z-index: 2;
      /* max-width: 800px; */
      margin: auto;
    }


   
    /* Our Outlets Section */
    .outlets-section {
      text-align: center;
      padding: 70px 0;
    }

  

    .outlet-card {
      position: relative;
      overflow: hidden;
      color: #fff;
    }

    .outlet-card img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform 0.4s ease;
    }

    .outlet-card:hover img {
      transform: scale(1.05);
    }

    .outlet-overlay {
 position: absolute;
    inset: 0;
    /* background: rgba(0, 0, 0, 0.55); */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;
    text-align: left;
    padding: 50px;
    transition: background 0.3s 
ease;
    }

    .outlet-overlay .t1{
    font-weight: 300;
      font-size: 38px;
      text-transform: capitalize;
    }

    .outlet-overlay .t2{
    font-weight: 700;
    font-size: 78px;
    line-height: 68px;
    text-transform: capitalize;
    letter-spacing: -1px;
    }

   
.icon-arrow-left:before {
    content: url(images/left-arrow.webp);
}
.icon-arrow-right:before {
    content: url(images/right-arrow.webp);
}






      .stats-section {
      text-align: center;
      padding: 50px 0;
    }

    .stat-item h2 {
      color: #C12C2A;
      font: 400 60px / 68px "Delius", cursive;
    }

    .stat-item p {
      margin: 0;
      color: #000;
          font: 400 22px / 32px "Lato", sans-serif;
    }

  
    @media (max-width: 767px) {
      .separator {
        /* display: none; */
      }
      .stat-item {
        margin-bottom: 30px;
      }
    }

    .top-badge{
  position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    transition: all 0.3s ease;
    z-index: 1000;
}


.icon-footer-location{
  content:url('images/location-icon.webp');
  width: 18px;
  height: 18px;
  margin-top: 5px;
}

.icon-location{
  content:url('images/location-icon.webp');
  width: 18px;
  height: 18px;
}

.icon-location-black{
  content:url('images/location-icon-black.webp');
  width: 18px;
  height: 18px;
}


.icon-time{
  content:url('images/clock.webp');
  width: 18px;
  height: 18px;
    margin-top: 5px;
}

.icon1{
    content:url('images/icon/birthday-cake.webp');
    width:fit-content;
}
.icon2{
    content:url('images/icon/business.webp');
    width:fit-content;
}
.icon3{
    content:url('images/icon/party.webp');
    width:fit-content;
}
.icon4{
    content:url('images/icon/hall.webp');
    width:fit-content;
}
.icon5{ 
    content:url('images/icon/retreat.webp');
    width:fit-content;
}

.icon-call{
  content:url('images/call.webp');
    margin-top: 5px;
}


.icon-email-red{
  content:url('images/email.webp');
  width: 18px;
  height: 18px;
    margin-top: 5px;
}


.icon-swiggy{
  content:url('images/swiggy.webp');
  width: 20%;
  height: 100%;
}


.icon-zomato{
  content:url('images/zomato.webp');
  width: 20%;
  height: 100%;
}



.swiper-pagination-bullet-active{
  border: 1px solid var(--color-accent-1);
  /* z-index: -1; */
  transition: all 0.1s ease-out;
border-radius: 0;
  transform: rotate(45deg);
  background-color: transparent !important;
      width: 12px !important;
    height: 12px !important;
}

.swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background-color: var(--color-accent-1);
    opacity: 1;

}


.mw-unset{
  max-width: unset !important;
}

    .menu-section {
      display: flex;
      overflow: hidden;
    }

    /* Sidebar */
    .sidebar {
      /* width: 280px; */
      background: url("images/sidebarbg.webp")
        center/cover no-repeat;
      position: relative;
      color: white;
      border-top-right-radius: 60px;
      border-bottom-right-radius: 60px;
    }

    .sidebar::before {
      content: "";
      position: absolute;
      inset: 0;
      /* background: rgba(0, 0, 0, 0.7); */
      border-top-right-radius: 60px;
      border-bottom-right-radius: 60px;
    }

    .menu-content {
      position: relative;
      z-index: 2;
      padding: 100px 20px;
      text-align: center;
    }

    .menu-content h2 {
      margin-bottom: 30px;
    }

    .accordion {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }

    .accordion button {
      background: transparent;
      color: #fff;
      border: none;
      font: 300 25px / 32px "Inter", sans-serif;
      padding: 20px 0;
      cursor: pointer;
      border-bottom: 1px solid rgba(255, 255, 255, 0.3);
      transition: all 0.3s ease;
    }

    .accordion button.active {
      /*color: #d54b3d;*/
      /* font-weight: 600; */
          color: white;
    background: #d54b3d;
    border-radius: 12px;
    padding: 12px;
    }

    .accordion button:hover {
      color:white;
    }

    /* Right Content */
    .main-content {
      flex: 1;
      padding: 40px;
      text-align: center;
      transition: all 0.4s ease;
    }

    .tab-content {
      display: none;
      animation: fadeIn 0.5s ease;
    }

    .tab-content.active {
      display: block;
    }

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translateY(10px);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }

    @media (max-width: 768px) {
      .menu-section {
        flex-direction: column;
      }

      .sidebar {
        width: 100%;
        border-radius: 0;
      }
      
      
      .outlet-overlay {
         padding: 20px !important;
      }
      
    }


    footer h6 {
      font: 700 16px / 28px "Inter", sans-serif;
    }

    footer li {
      font: 400 16px / 28px "Inter", sans-serif;
      padding-top: 8px;
    padding-bottom: 8px;
    }



    footer h5 {
font: 400 30px / 34px "Delius", cursive;
    }


        footer p {
      font: 400 16px / 28px "Inter", sans-serif;
    }



    footer a {
      color: #fff;
      text-decoration: none;
    }
    footer a:hover {
      color: #f4b400;
    }
    .footer-divider {
      border-left: 1px solid #808080;
      height: 80%;
    }
    .social-icons a {
      color: #fff;
      margin-right: 10px;
      font-size: 25px;
    }
    .footer-bottom {
      border-top: 1px solid #808080;
      padding: 20px 0px;
    }
    @media (max-width: 767px) {
      .footer-divider {
        display: none;
      }
      .footer-section {
        /* border-bottom: 1px solid #FFFFFF; */
        /* padding-bottom: 20px;
        margin-bottom: 20px; */
      }
    }



    .ft-300{
      font-weight:300;
    }

.lh-28{
  line-height: 28px;
}

.pt-70{
  padding-top:70px;
}

.pb-70{
  padding-bottom:70px;
}



.bg1{
  background-image: url(images/pagebg.webp);
    background-size: cover;
    background-position: center;
}


.bg2{
background-image: url(images/outlet1.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.bg3{
background-image: url(images/outlet2.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}




.menu-bg{
  background-image: url(images/1.png);
    background-size: cover;
    background-position: center;
}


.home-section-bg{
  background-image: url(images/home-section-bg.webp);
    background-size: cover;
    background-position: center;
}



.sangolda-bg{
  background-image: url(images/2.png);
    background-size: cover;
    background-position: center;
}


.mapusa-bg{
  background-image: url(images/3.png);
    background-size: cover;
    background-position: center;
}


.outlet-bg{
  background-image: url(images/outlet.webp);
    background-size: cover;
    background-position: center;
}



.videos-section video {
    height: 90vh;
    width: 100%;
    object-fit: unset;
}








.text1{
  font-size: clamp(45px, 5.5vw, 60px);
  line-height: 1.15;
}


.text2{
  font-size: clamp(30px, 5.5vw, 45px);
  letter-spacing:-2px;
}



.text3{
  font-size: clamp(20px, 3.5vw, 25px);
  letter-spacing:-2px;
}

/*h3 {*/
/*  font-size: clamp(22px, 1.9vw, 36px);*/
/*}*/


/*h4 {*/
/*  font-size: clamp(18px, 1.4vw, 28px);*/
/*}*/


/*h5 {*/
/*  font-size: clamp(16px, 1.2vw, 22px);*/
/*}*/


/*h6 {*/
/*  font-size: clamp(14px, 1vw, 18px);*/
/*}*/


@media (min-width: 1400px) {
  .text1 { font-size: 72px; line-height: 1.2; }
  .text2{ font-size: 56px; }
  /*h3 { font-size: 42px; }*/
  /*h4 { font-size: 32px; }*/
  /*body { font-size: 20px; }*/
}


@media (min-width: 1920px) {
  .text1 { font-size: 84px; line-height: 1.25; }
  .text2 { font-size: 64px; }
  /*h3 { font-size: 48px; }*/
  /*h4 { font-size: 36px; }*/
  /*body { font-size: 22px; }*/
}




.floatingbtn {
    position: fixed;
    bottom: 100px;
    right: 25px;
    z-index: 99999;
    transition: all 0.3s;
}

   .certificates {
       display: grid;
       grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
       gap: 30px;
       margin-top: 50px;
   }
   .certificates img {
       border-radius: 16px;
       width: 100%;
       height: auto;
       box-shadow: 0 4px 15px rgba(0,0,0,0.1);
       transition: transform 0.3s ease;
   }
       .certificates img:hover {
       transform: scale(1.05);
   }
   


.info-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap; 
    gap:10px;
}

.info-wrap1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap; 
    gap:10px;
}
   
.gallery-img{
    aspect-ratio: 3 / 3;
    border-radius: 30px;
    object-fit: cover;
}

@media (max-width: 1199px) {
    .mob-row-reverse{
        flex-direction: column-reverse !important;
    }
    
    .hero.-type-1 {
        height: 100vh;
    }
}

@media (max-width: 991px) {
    .videos-section video {
    height: auto !important;
    }
    
    .outlet-overlay {
    padding: 20px !important;
    }


    .outlet-overlay .t1{
      font-size: 28px !important;
    }
    
    .outlet-overlay .t2{
      font-size: 58px !important;
    }
    
.floatingbtn {
    bottom: 20px;
    right:0;
}
.floatingbtn img{
    width:70%;
}    
}



@media (max-width: 767px) {
    
  .info-wrap1 {
    flex-direction: column-reverse !important;
  }
  
  .infocon .gap-5 {
     gap: 0rem !important; 
  }
  
  .bottom-div {
    position: initial !important; 
    transform: translate(0%, -25%) !important;
  }
  
}


.rounded-32 {
           border-radius: 32px;
}

.ambience-img{
    aspect-ratio: 4 / 5;
    object-fit: cover;
}


.bottom-div{
    margin: 0;
    position: absolute;
    bottom: 0%;
    left: 50%;
    transform: translate(-50%, -25%);
    z-index: 9;
}



.flex-column{
    flex-direction: column;
}


.gap-12{
    gap:12px;
}


.w-80{
    width:80%;
}

.cta-buttons {
  display: flex;
  gap: 15px;
  flex-wrap: wrap; /* Allows wrapping on mobile */
}

@media (max-width: 768px) {
  .cta-buttons a {
    /*width: 100%; */
    text-align: center;
  }
}