body
		{
			background:white;
			

		
		
		}
		
    input,textarea
    {
      box-shadow: none !important;
      outline: none !important;
      border: none !important;
      border-radius: 20px !important;
    }
 a{
  text-decoration: none !important;
  font-size: 18px;
 }



.lora-regular {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


.raleway-regular {
  font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
}
  .responsive-square {
    width: 100%; /* Full width of parent container */
    padding-top: 100%; /* Aspect ratio for a square */
    position: relative;
    overflow: hidden;

}
.responsive-square img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Ensures the image fills the square without distortion */
    border-radius: 0px !important;
}


.responsive-square-review-dp
 {
     margin: 0 auto;
  position: relative;
  top: 9px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height:150px;width: 150px;background-color: transparent;d
}
.responsive-square-review-dp img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 100%;
     border-radius: 10000px;
    object-fit: cover; /* Ensures the image fills the square without distortion */
}

.card01-link
{
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
}

.property-card01
{
  position: relative;
  background-color: white;
}

/* Card wrapper */
.property-card {
  background: #ffffff;
  border-radius: 15px;
  margin-top: 15px;
  overflow: hidden;
  box-shadow: 0 20px 45px rgba(31, 143, 74, 0.15); /* subtle green */
  transition: all 0.35s ease;
}

/* Hover effect */
.property-card:hover {
  transform: translateY(-8px);
    box-shadow: 0 14px 35px rgba(0,0,0,0.08);

  cursor: pointer;
}

/* Image */
.property-image {
  position: relative;
  overflow: hidden;
  padding-bottom: 0px; /* adds breathing space */
}

.property-image img {
  width: 100%;
  height: 260px;
  object-fit: cover;
  transition: transform 0.4s ease;
}

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

/* Price badge */
.property-price {
  position: absolute;
  bottom: 10px !important; /* instead of 16px */
  right: 16px;
  background: rgba(0,0,0,0.85);
  color: #fff;
  padding: 8px 14px;
  border-radius: 20px;
  font-size: 14px;
   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

/* Content */
.property-content {
  padding: 22px 22px 26px;
}

.property-content h4 {
  font-size: 20px !important;
    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    color: black;
  font-weight: 600;
  margin-bottom: 6px;

}

/* Location */
.property-location {
    font-size: 16px;
   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  color: #666;
  margin-bottom: 14px;
}

.property-location i {
  color: #098610;
  margin-right: 6px;
}

/* View link */
.property-link {

  font-weight: 500;
  color: #098610;
  font-size: 16px !important;
    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;

  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.3s ease;
}

.property-link i {
  font-size: 13px;
}

.property-link:hover {
  gap: 10px;
   color: #098610;
   opacity: 0.7;
}

/* Responsive */
@media (max-width: 767px) {
  .property-image img {
    height: 220px;
  }
}

.property-price
{
  position: absolute;
  bottom: 0px;right: 10px;
  color: black !important;
  background-color: white !important;
  padding: 15px;
 padding-top: 10px;
 padding-bottom: 10px;

}


/* Wrapper */
.banquet-listing-wrapper {
  display: flex;
  flex-direction: column;
  gap: 30px;
}

/* Card */
.banquet-card {

  display: flex;
  background: #ffffff;
  border-radius: 20px;
  overflow: hidden;
    box-shadow:
  0 -4px 10px rgba(31, 143, 74, 0.06),   /* top soft green shadow */
  0 20px 45px rgba(31, 143, 74, 0.14);   /* existing bottom shadow */

  transition: all 0.35s ease;
}

.banquet-card:hover {
  transform: translateY(-6px);
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

/* Image */
.banquet-image {
  width: 40%;
  min-height: 260px;
  overflow: hidden;
}

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

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

/* Content */
.banquet-content {
  width: 60%;
  padding: 35px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.banquet-content h3 {
 
  margin-bottom: 10px;
  font-size: 24px !important;
    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    color: black;
}

/* Description */
.banquet-desc {
 font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 16px;
  color: #707070;
  margin-bottom: 16px;
}

/* Meta info */
.banquet-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;

  color: #666;

    font-size: 14px;
   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  margin-bottom: 18px;
}

.banquet-meta i {
  color: #1f8f4a;
  margin-right: 6px;
}

/* Enquiry link */
.banquet-link {
  font-size: 15px;
  font-weight: 500;
  color: #1f8f4a;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: gap 0.3s ease;
}

.banquet-link:hover {
  gap: 10px;
}

/* Responsive */
@media (max-width: 991px) {
  .banquet-card {
    flex-direction: column;
  }

  .banquet-image,
  .banquet-content {
    width: 100%;
  }

  .banquet-image {
    height: 240px;
  }

  .banquet-content {
    padding: 28px 25px;
  }
}

.uppercase
{
  text-transform: uppercase !important;
}
.hide
{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  top: -1000000px;
  left: -100000px;
}


.ats-banquet-card {
    display: flex;
    gap: 25px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 0px;
    padding: 20px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}



.btn
{
  border-radius: 0px !important;
}
.banquet-content {
    display: flex;
    flex-direction: column;
    justify-content: center;   /* vertical centering */
    text-align: left !important;
}
.banquet-image {
    width: 260px;
    height: 260px;
    flex-shrink: 0;
    border-radius: 0px;
    overflow: hidden;
}

.banquet-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banquet-content i {
    margin-right: 6px;
}

.banquet-actions {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .ats-banquet-card {
        flex-direction: column;
    }

    .banquet-image {
        width: 100%;
        height: 220px;
    }
}


@media(max-width: 576px)
{
      .ats-banquet-card {
        padding: 10px;
    }

}



#secition2
{
  background-color: #FFF2D9 !important;
}

    #navbar1
    {

      background-color:white ;
      transition: all .5s linear;
      padding-top: 15px;
      padding-bottom: 15px;
    }
.padding-top-20
{
  padding-top: 20px !important;
}
    .review_fullname
    {
      text-transform: uppercase;
    }
    .review_sub_title
    {
      font-size: 14px;
    }
#saved-prompt
{
  background-color:#000D7B;
  color: white;
  position: fixed;
  bottom: -100px;
  right: 10px;
  padding: 15px;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 12px;
  transition: all .2s;
}

p
{
  font-size: 18px;
  line-height: 1.4;
  letter-spacing: 0px;
   font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
}
button
{

  box-shadow: none !important;
}

.dark-color1
{
  color: #313131 !important;
}

.theme-color1
{
  color: #4cc4d4 !important;
}

.bg-theme-color1
{
  background-color: #4cc4d4 !important;
}

.bdiv01-section1
{
  z-index: 2000;
  position: relative;

}

.padding-left-15
{
  padding-left: 15px !important;
}

.padding-right-15
{
  padding-right: 15px !important;
}


.portfolio-card-content
{
  margin-top:-65px !important;
  text-align: left !important;
}

.padding-top-15
{
  padding-top: 15px !important;
}

.padding-bottom-15
{
  padding-bottom: 15px !important;
}


.main-head-01
{
  font-size: 40px;
  line-height: 1;
}

.nunito-sans-regular {
  
 font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}


.off-white
{
    color: #EDEDED !important;
}

.sub-head-01
{

font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
  font-size: 40px;

  }
.sub-head-12
{

font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
  font-size: 24px;

  }

  .sub-head-10
{

font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
  font-size: 24px;

  }






  .content01
  {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 16px;
  color: black;
  }


  .content02
  {
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 16px;
  color: #EDEDED;
  }

  .content05
  {
      font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 16px;
  color:rgba(255,255,255, 0.6);
  }

.sub-head-02
{
  font-size: 16px;
    line-height: 1;
    text-transform: uppercase;
}

.sub-head-08
{
  font-size: 20px;
    line-height: 1;
   
}
.sub-head-04
{
  font-size: 26px;
        font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
}

.hospitality-card
{
  border: 1px solid rgba(255,255,255,0.1);
  background-color: rgba(255,255,255,0.02);
  padding: 15px;
  border-radius: 15px;
}
.main-head-02
{
  font-size: 36px;
}


.sub-head-021
{
margin-top: -5px !important;
}

/* ABOUT US badge */
.section-badge {
  display: inline-flex;   /* not block */
  width: auto;
  max-width: fit-content;            /* prevent full width */
  padding: 6px 14px;
  font-size: 12px;
    font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 10px;
  letter-spacing: 1px;
  color: rgba(0, 0, 0,0.6);

background-color: rgba(255,255,255,0.8);
border: 1px solid rgba(0, 0, 0,0.1);
  
  border-radius: 20px;
}

.section-badge2 {
  display: inline-flex;   /* not block */
  width: auto;
  max-width: fit-content;            /* prevent full width */
  padding: 6px 14px;
  font-size: 12px;
    font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 10px;
  letter-spacing: 1px;
  color: rgba(255,255, 255,0.6);

background-color: rgba(255,255,255,0.05);
border: 1px solid rgba(255, 255, 255,0.08);
  
  border-radius: 20px;
}



/* Feature grid */
.ats-feature-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 15px;
}

/* Feature box */
.ats-feature-box {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px 5px;
  border: 1px solid #e5e5e5;
  border-radius: 1000px;
  background: rgba(255,255,255,0.5);
  transition: all 0.3s ease;
}

.ats-feature-box:hover {
  box-shadow: 0 10px 25px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}

/* Icon box */
.ats-feature-box .icon-box {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: #098610 !important;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

/* Feature text */
.ats-feature-box p {
  margin: 0;
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 16px;
  color: #474747;
}

/* Mobile stacking */
@media (max-width: 575px) {
  .ats-feature-grid {
    grid-template-columns: 1fr;
  }
}

.location-grid-main-div
{
  margin: 0 auto;
  background-color: white;
  padding: 15px;
  padding-top: 25px;padding-bottom: 25px;
  border-radius: 15px;
  margin-top: 50px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
/* Location grid */
.ats-location-grid {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;

}

/* Location card */
.ats-location-box {
    border: 1px solid #dadada;
  background: #ffffff;
  border-radius: 16px;
  padding: 30px 22px;
  text-align: center;
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  transition: all 0.3s ease;
}

.ats-location-box:hover {
  transform: translateY(-6px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.12);
}

/* Icon */
.location-icon {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #1f8f4a; /* theme green */
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  margin: 0 auto 15px;
}

/* Title */
.ats-location-box h5 {
  font-size: 18px;

  margin-bottom: 8px;
  margin-top: -40px;
    
font-size: 20px !important;
    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    color: black;
}

/* Description */
.ats-location-box p {
  font-size: 16px;

 font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  color: #555;
  margin: 0;
  line-height: 1.6;
}

/* Responsive */
@media (max-width: 991px) {
  .ats-location-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 575px) {
  .ats-location-grid {
    grid-template-columns: 1fr;
  }
}


/* Location image wrapper */
.location-image {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto 15px;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.4); /* theme green */
}

/* Image */
.location-image img {
  width: 100%;
  border-radius: 10000px;
  height: 100%;
  object-fit: cover;
}



/* ======================================
   WHY CHOOSE ATS GROUP – SECTION
====================================== */

/* Section layout */
.why-ats-section {
  display: flex;
  width: 100%;
  min-height: 100vh;
  background: #fff;
}

/* Left image (edge to edge) */
.why-ats-image {
  width: 50%;
  position: relative;
}

.why-ats-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Right content */
.why-ats-content {
  width: 50%;
  padding: 50px 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: left;
}

/* ======================================
   ACCORDION
====================================== */

/* Accordion wrapper */
.why-ats-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 25px;
}

/* Accordion card */
.accordion-item {
  background: #ffffff;
  border: 1px solid #e6e6e6  !important;
  border-radius: 20px !important;
  padding: 0 22px;
  transition: box-shadow 0.3s ease, border-color 0.3s ease;
  box-shadow: 0 12px 30px rgba(31, 143, 74, 0.12);
}

/* Hover */
.accordion-item:hover {
  box-shadow: 0 12px 30px rgba(0,0,0,0.08);
  border-color: #dcdcdc;
}

/* Title button */
.accordion-title {
  width: 100%;
  background: none;
  border: none;
  padding: 22px 0;
font-size: 16px !important;
    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
  color: #000;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  text-align: left;
}

/* Plus icon */
.accordion-icon {
  font-size: 22px;
  line-height: 1;
  transition: transform 0.3s ease;
}

/* Content (hidden) */
.accordion-content {
  max-height: 0;
  overflow: hidden;
 font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 16px;
  color: #555;
  line-height: 1.7;
  transition: max-height 0.4s ease, padding 0.3s ease;
}

/* Active accordion */
.accordion-item.active .accordion-content {
  max-height: 160px;
  padding-bottom: 22px;
}

.accordion-item.active .accordion-icon {
  transform: rotate(45deg);
}

/* ======================================
   RESPONSIVE
====================================== */

@media (max-width: 1199px) {
  .why-ats-content {
    padding: 20px;
    padding-top: 30px;
    padding-bottom: 50px;
  }
}

@media (max-width: 991px) {

    .why-ats-content {
    padding: 0px;
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .why-ats-section {
    flex-direction: column;
    min-height: auto;
  }

  .why-ats-image,
  .why-ats-content {
    width: 100%;
  }

  .why-ats-image {
    height: 400px;
  }


}

@media (max-width: 575px) {


  .accordion-item {
    padding: 0 18px;
  }

  .accordion-title {
    font-size: 16px;
  }

  .accordion-content {
    font-size: 14px;
  }
}

.theme_button1
{
  border: 1px solid black !important;
  padding-top: 10px !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  color: black !important;
}


.theme_button1:hover
{
  border: 1px solid black !important;
  padding-top: 10px !important;
  border-radius: 0px !important;
    background-color: black !important;
  color: white !important;
}


.theme_button6
{
 background-color: #098610 !important;
  color: #ffffff !important;
  
font-size: 14px !important;
    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:500 !important;
    font-style: normal !important;
    text-transform: uppercase;

  transition: all 0.5s ease;
  border-radius: 10000px !important;
  position: relative;
  top: -2px;
}



.theme_button6:hover {
  opacity: 0.7;
}




.theme_button2
{
  border: 1px solid white !important;
  padding-top: 10px !important;
  border-radius: 0px !important;
  background-color: transparent !important;
  color: white !important;
}


.theme_button2:hover
{
  border: 1px solid white !important;
  padding-top: 10px !important;
  border-radius: 0px !important;
    background-color: white !important;
  color: black !important;
}
.main-head-03
{
  font-size: 30px;
}

.main-head-04
{
  font-size: 26px;
  border-left: 2px solid rgba(255,255,255, 0.5) !important;

  padding-left: 10px;
  padding-top: 7px;
  text-transform: uppercase;

}

.main-head-05
{
  font-size: 26px;
  border-left: 2px solid black !important;

  padding-left: 10px;
  padding-top: 7px;
  text-transform: uppercase;

}

/* Section base */
.bg-overlay-section {
  position: relative;
  background-color: #ffffff !important; /* fallback */
  overflow: hidden;
}

/* Background image layer */
.bg-overlay-section::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: url("../img/contact-section.PNG"); /* change image */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  opacity: 0.05; /* 👈 adjust image opacity here */
  z-index: 0;
}

/* Keep content above background */
.bg-overlay-section > * {
  position: relative;
  z-index: 1;
}



/* ===============================
   CONTACT INFO
================================ */

/* Wrapper stays normal */
.contact-info-wrapper {
  display: flex;
  flex-direction: column;
  gap: 26px;
  width: 100%;
}

/* Card – force left alignment */
.contact-info-card {
  display: flex;
  align-items: flex-start;   /* align from top-left */
  justify-content: flex-start;
  gap: 20px;

  padding: 26px 30px;
  border-radius: 18px;
  background: rgba(255,255,255,1) !important;

  box-shadow:
    0 -3px 8px rgba(31,143,74,0.05),
    0 18px 40px rgba(31,143,74,0.14);

  text-align: left;          /* important */
}

/* Icon aligned to top */
.contact-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  background: rgba(31,143,74,0.15);

  display: flex;
  align-items: center;
  justify-content: center;

  margin-top: 2px;           /* optical alignment */
  flex-shrink: 0;
}

/* Text block */
.contact-text {
  text-align: left;
}

/* Label */
.contact-text span {
  display: block;
  font-size: 20px;

    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
  letter-spacing: 1px;
  
  color:black
  margin-bottom: 6px;
}

/* Content */
.contact-text p {
  font-size: 16px;

   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  margin: 0;
  color: #808080;
}


/* ===============================
   CONTACT FORM
================================ */

.contact-form-card {
  text-align: left;
  background: #ffffff;
  border-radius: 20px;
  padding: 40px 38px;
  box-shadow: 
    0 -4px 10px rgba(31,143,74,0.05),
    0 20px 45px rgba(31,143,74,0.14);
}

.form-group {
  margin-bottom: 18px;
}

/* Contact form inputs */
.contact-input {
  width: 100% !important;
  padding: 14px 16px !important;
  border-radius: 12px !important;

  border: 1px solid rgba(0, 0, 0,0.05) !important;   /* visible but elegant */
  background: #F5F5F5 !important;

  font-size: 14px !important;

   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  color: #000 !important;
  outline: none !important;

  transition: all 0.3s ease !important;
}

/* Hover */
.contact-input:hover {
  border-color: #bfbfbf;
}

/* Focus (luxury green accent) */
.contact-input:focus {
  border-color: #1f8f4a;
  box-shadow: 0 0 0 3px rgba(31, 143, 74, 0.08);
}

/* Placeholder */
.contact-input::placeholder {
  color: #9a9a9a;
}


.contact-input:focus {
  border-color: #1f8f4a;
  box-shadow: 0 0 0 3px rgba(31,143,74,0.08);
}

.contact-input::placeholder {
  color: #999;
}

/* Mobile */
@media (max-width: 767px) {
  .contact-form-card {
    padding: 30px 22px;
  }
}



.menu-icon
{
position:absolute;
background-color: transparent;
height: 20px;
width: 22px;
right: 30px;
cursor: pointer;
display: none;
}

#menu-icon-line1
{
height: 2px;
width: 100%;
background-color: black;
position: absolute;
top: 0px;
left: 0px;
transition: all .2s linear;


}



#menu-icon-line2
{
height: 2px;
width: 75%;
background-color: black;
position: absolute;
top: 7px;
left: 0px;
transition: all .2s linear;
}

#menu-icon-line3
{
height: 2px;
width: 90%;
background-color: black;
top: 14px;
position: absolute;
left: 0px;
transition: all .2s linear;
}



.menu-icon:hover #menu-icon-line2
{

width: 100%;
background-color: #4cc4d4;


}

.menu-icon:hover #menu-icon-line3
{

width: 100%;
background-color: #4cc4d4;


}
.menu-icon:hover #menu-icon-line1
{

width: 100%;
background-color: #4cc4d4;


}

#mobile-menu-div01
{
  position: fixed;
  height: 100%;
  width:100%;
  top: 0px;
  background-color: white;
  z-index: 9999;
  right: 0px;right: -100%;
  transition: all .3s ease-in;
}

.mobile-menu-container
{
padding-left: 15px;
padding-right: 25px;
position: relative;
  top: 30%;
  transform: translateY(-30%);
}

#mobile-menu-head-div
{
  background-color: white;
  width: 100%;
 padding-top: 25px;
 padding-left: 15px;
 padding-bottom: 15px;
 position: relative;
}

.close1 {
  position: absolute;
  right: 32px;
  top:25px;
  width: 32px;
  height: 32px;
  opacity: 1;
}
.close1:hover {
  opacity: 0.5;
}
.close1:before, .close1:after {
  position: absolute;
  left: 15px;
  content: ' ';
  height: 33px;
  width: 2px;
  background-color: #333;
}
.close1:before {
  transform: rotate(45deg);
}
.close1:after {
  transform: rotate(-45deg);
}


.menu-close-button
{
  position: absolute;
  right: 30px;
}

.relative
{
  position: relative !important;
}
.bg-card1
{
  width:100%;height:100%;background-color: #dedede;position: absolute;top: -10px;left: -10px;border-radius: 20px;z-index: 100;
}

.sub-head-05
{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  left: 0px;
  right: 0px;
  font-size: 30px;
  text-transform: uppercase;
  z-index: 400;
}

.controllers-div1
{
  background-color: rgba(0, 0, 0,0.5);
  height:50px;
  width: 100%;
  position: absolute;
  top: 0px;left: 0px;
  border-radius: 20px;
  z-index: 1000;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
}
.edit_button03
{
  position: absolute;
top: 16px;
  right: 60px;
  font-size: 20px !important;
  color: white !important;
    z-index: 1001;
    cursor: pointer;

}
.contents_div06,.testimonial_div
{
  transition: all .2s linear;
  opacity: 1;
}
.delete_button04
{
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 20px !important;
  color: white !important;
    z-index: 1001;
    cursor: pointer;
}
.img3
{

background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height1:100%;
}
.delete_button03
{
  position: absolute;
  top: 15px;
  right: 30px;
  font-size: 20px !important;
  color: white !important;
    z-index: 1001;
    cursor: pointer;
}
.hidden_button03,.show_button03
{
  position: absolute;
  top: 15px;
  right: 95px;
  font-size: 20px !important;
  color: white !important;
    z-index: 1001;
    cursor: pointer;
}

.hidden_button04,.show_button04
{
  position: absolute;
  top: 15px;
  right: 60px;
  font-size: 20px !important;
  color: white !important;
    z-index: 10001;
    cursor: pointer;
}
.sub-head-06
{
  position: absolute;
  top: 60%;
  transform: translateY(-60%);
  text-align: center;
  left: 0px;
  right: 0px;
  font-size: 20px;
  z-index: 400;
}

.main-menu-head
{
padding-bottom: 15px;
font-size: 25px;

}


.mobile-menu-item
{
  color: black;
  text-decoration: none;
  padding-top: 15px;
  padding-bottom: 10px;

  position: relative;

}

.mobile-menu-item > a
{
  font-size: 20px;
  transition: all .2s linear;
  opacity: 1;

}

.mobile-menu-item > a:hover
{
  font-size: 26px;
  transition: all .2s linear;
  opacity: 0.5;

}


.right-arrow1
{
   position: absolute;
  right: 4px;
  top: 10px;
  font-size: 22px;
  display: none !important;
}


.btn-theme1
{
  background-color: black !important;
  color: white !important;
  border-radius: 0px !important;
  margin: 2px !important;
}
.about-item
{
  border-left: 3px solid black;
  padding-left: 5px;
 
  padding-top: 15px;
  padding-bottom: 15px;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
  border-radius: 10px;
  
}

#section3
{
  background-color: #004144;
}

#section4
{
 background: linear-gradient(
  135deg,
  #0b0b0b 0%,
  #0f1110 55%,
  #102218 75%,
  #0b0b0b 100%
);
  padding-top: 70px;
  padding-bottom: 150px !important;
}


.numbering-01
{
  font-size: 70px;

    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    text-transform: uppercase;
    opacity: 0.1;
}

.opacity-05
{
  opacity: 0.5 !important;
}
.white-dim
{
 color: black;

  text-shadow: -1px -1px 0 rgba(255,255,255, 0.5), 1px -1px 0 rgba(255,255,255, 0.5), -1px 1px 0 rgba(255,255,255, 0.5), 1px 1px 0 rgba(255,255,255, 0.5);
}

.whatsapp-pulse
{
  position:fixed;
  bottom: 100px;
  right:25px;
  width: 60px;
  height: 60px;
  background-color:#25D366;
  border-radius: 10000px;
  transform: scale(1);
  opacity: 0;
  animation-name: whatsapppulse;

  opacity: 0;
  animation-duration: 1s;
  animation-iteration-count: infinite;
}

@keyframes whatsapppulse {
  0% {
     transform: scale(1);
     opacity: 1;
  }
  
  100% {
   transform: scale(1.4);
     opacity: 0;

  }
}
.bdiv01-card
{
  position:fixed;
  top: 55px !important;
  right:0px;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  background-color: white;
  z-index: 1000;
  border-radius: 20px;
  padding: 15px;
  padding-top: 17px;
  border-top-right-radius: 0px;
   border-top-left-radius: 0px;
   left:0px;
   margin:0 auto !important;
   padding-bottom: 0px;
   opacity: 0;
   transition: all .5s linear;

}

.bdiv01-card-price
{
  margin-top:-40px;
  margin-left: -12px;
  font-size: 12px !important;
  opacity: 0.6;
}

.upfront
{
  z-index: 1000 !important;
  position: relative;
}
.bg-normal
{
  background-color: #998B02 !important;
}
.padding-top-100
{
  padding-top: 100px !important;
}

.padding-top-150
{
  padding-top: 150px !important;
}


.padding-bottom-100
{
  padding-bottom: 100px !important;
}
.slider-item {
  position: relative;
  width: 100%;
  height: 100vh; /* or your slider height */
  background-size: cover;
  background-position: center;
}

/* Overlay */
.dark-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9),
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0)
  );
  z-index: 1;
}

/* Caption must be above overlay */
.slider-caption2 {
  position: relative;
  z-index: 2;
}


.card01-div-img
{
  background-size: cover;background-position:center;background-repeat: no-repeat;min-height:300px;width: 100%;border-radius: 10px !important;position: relative;
}

.dark-overlay
{
  height: 100%;width: 100%;position: absolute;background-color: rgba(0, 0, 0, 0.6);border-radius: 0px;
}
.slider-caption1
{
  position: absolute;bottom: 10px;left: 0px;right: 0px;text-align: center;
}


.bdiv01s-jumbtron-p
{
  margin: 0 auto;margin-top: 15px;
}


.bdiv01-caption1
{
  position: absolute;top: 85px;left: 0px;right: 0px;text-align: center;
  z-index: 6000;
filter: brightness(100%);
padding-left: 10px;
padding-right: 10px;
color: white !important;

  
}


.bdiv01-caption3
{
  position: absolute;bottom: 15px;left: 15px;text-align: center;
  z-index: 6000;
filter: brightness(100%);
padding-left: 10px;
padding-right: 10px;
color: white !important;
text-align: left;

  
}


.bdiv01-caption3 > p
{

font-size: 20px !important;
text-align: left;

}

.carousel-item{
  position: relative;
}
.slider-caption2
{
  text-align: left;
  padding-top: 50px;
  padding-bottom: 50px;
z-index: 1000;


  position: absolute;
  bottom: 25px;
  padding-left: 100px;
  padding-right: 100px;


}

.slider-caption
{


  font-size: 60px !important;

    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    text-transform: uppercase;

  position: relative;
  animation-name: animation1;
  animation-delay: 1s;
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  letter-spacing: 5px;
}





@keyframes animation1 {
  0% {
   left: 5px;
   opacity: 0;
     letter-spacing: 5px;
  }
  
  100% {
   left: 0px;
    opacity: 1;
      letter-spacing: 2px;

  }
}

.slider-subcaption
{


   font-size:20px !important;
 font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  left: 5px;
  top: 40px;
  position: relative;
  animation-name: animation2;
  animation-delay: 2s;

  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards; 

}

@keyframes animation2 {
  0% {
   top: 10px;
   opacity: 0;
  }
  
  100% {
   top: 0px;
    opacity: 1;

  }
}


.transparent-btn
{
    background: rgba(255, 255, 255, 0.05) !important;
  background-position: right bottom;

  background-size: 200% 100%;
  color: white;
  text-decoration: none;box-shadow: none;
  border: 1px solid rgba(255,255,255,0.5);

  padding-left:15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 15px;
  font-size: 14px;
  left: 5px;
  top: 0px;
  position: relative;
  border-radius: 1000px;

  animation-name: animation3;
  animation-delay: 2.1s;
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  transition: all .2s ease-out;
   font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:500 !important;
}

.transparent-btn:hover
{

background: rgba(255, 255, 255, 0.8) !important;
  color: black !important;
}

@keyframes animation3 {
  0% {
   top: 10px ;
   opacity: 0;
  }
  
  100% {
   top: 0px ;
    opacity: 1;

  }
}


.carousel-inner
{
  height: 600px;
  margin-top: 80px;
}

.carousel-item
{
  height: 100%;
}
.slider-sub-caption
{
  position: relative;
  top:0px;
  font-size: 20px;
}

.bdiv01-caption1 > p
{

font-size: 20px !important;

}

.bdiv01-sub-caption
{
  position: relative;
  top: -10px;
  font-size: 14px;
}

.bg-closed
{
  background-color:#00C103 !important;
}
		.navbar{

			position:fixed !important;top:0px !important;width:100% !important;z-index:1000;
      transition: all .5s;
      box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
`

		}


.hide
{
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute;
left: -10000px;
top: -10000px;
}


/* ================================
   FULL SCREEN MOBILE MENU
================================ */

/* Overlay container */
.mobile-menu-overlay {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: #ffffff;
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  transition: right 0.3s ease;
}

/* Active (menu open) */
.mobile-menu-overlay.active {
  right: 0;
}

/* Close icon (top right) */
.mobile-menu-close {
  position: absolute;
  top: 18px;
  right: 18px;
  font-size: 34px;
  color: #000;
  cursor: pointer;
  line-height: 1;
}

/* Menu UL */
.mobile-menu-links {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;

}

/* Menu LI – hidden initially */
.mobile-menu-links li {
  margin: 14px 0;
  opacity: 0;
  transform: translateY(22px);
}

/* Trigger link animation ONLY after menu opens */
.mobile-menu-overlay.active .mobile-menu-links li {
  animation: mobileFadeUp 0.3s ease forwards;
}

/* Staggered animation delay */
.mobile-menu-overlay.active .mobile-menu-links li:nth-child(1) { animation-delay: 0.2s; }
.mobile-menu-overlay.active .mobile-menu-links li:nth-child(2) { animation-delay: 0.25s; }
.mobile-menu-overlay.active .mobile-menu-links li:nth-child(3) { animation-delay: 0.3s; }
.mobile-menu-overlay.active .mobile-menu-links li:nth-child(4) { animation-delay: 0.35s; }
.mobile-menu-overlay.active .mobile-menu-links li:nth-child(5) { animation-delay: 0.4s; }
.mobile-menu-overlay.active .mobile-menu-links li:nth-child(6) { animation-delay: 0.45s; }
.mobile-menu-overlay.active .mobile-menu-links li:nth-child(7) { animation-delay: 0.5s; }
/* Menu links */
.mobile-menu-links a {
  font-size: 14px !important;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    text-transform: uppercase;;
  color: #000;
  text-decoration: none;
  display: inline-block;
}

.mobile-menu-links a:hover {
  font-size: 14px !important;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    text-transform: uppercase;;
  color: #000;
  text-decoration: none;
  display: inline-block;
}

/* Fade-up animation */
@keyframes mobileFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.book-now-btn {
  background-color: #098610 !important;
  color: #ffffff !important;
  
font-size: 14px !important;
    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:500 !important;
    font-style: normal !important;
    text-transform: uppercase;

  transition: all 0.5s ease;
  border-radius: 10000px !important;
  position: relative;
  top: -2px;
}

.book-now-btn i {
  font-size: 16px;
}

.book-now-btn:hover {
  opacity: 0.7;
}


    .nav-link
    {
      color:black !important;
      transition: all .2s linear;
      opacity: 1;
      
      padding-left: 15px !important;
      padding-right: 15px !important;
   border-bottom: 2px solid transparent;
   background-color: transparent;
   letter-spacing: 2px;
    font-size: 12px;
    font-family: "Raleway", sans-serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    text-transform: uppercase;





    }

     .nav-link:hover
    {
    

     
       opacity: 0.5;
      
      

    }

    .ql1
    {
      color:black !important ;
    }


.dropdown-item
{
   color:#3f3f3f !important;
      transition: all .5s;
      font-size: 14px;
}
		
		#full
		{

					transition: all 1s;
			display:table-cell;vertical-align: middle;margin:0 auto;text-align: center;
				opacity: 1;
		}


		#img
		{
			border-radius: 1000px;text-align: center;width: 200px;
		}






h5
{

	padding-top: 50px;

}


.playfair-display-thin {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
}

.playfair-display-light {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}

.playfair-display-normal {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
}


.playfair-display-medium {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}



.playfair-display-bold {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}


.playfair-display-bolder {
  font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-weight: 900;
  font-style: normal;
}



.josefin-sans-light {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:100;
  font-style: normal;
}

.josefin-sans-thin {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:200;
  font-style: normal;
}

.josefin-sans-regular {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
}

.josefin-sans-thick {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400;
  font-style: normal;
}

.josefin-sans-medium {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
}

.josefin-sans-semibold {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:700;
  font-style: normal;
}


.josefin-sans-bold {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:900;
  font-style: normal;
}



#underline
{
	width: 25px;
	background-color: black;
	margin:0 auto;
	height: 1.5px;
	margin-bottom: 30px;
}

.center-align
{
  position: relative;
  top: 45%;
  transform: translateY(-45%);
}

		b
		{
			font-weight: normal;
		}


.color1
{


 
	
 color:#000B76 !important ;
}

.dim1
{
  color: rgba(0, 0, 0, 0.5) !important;
}

.dim3
{
  color: rgba(255,255,255, 0.5) !important;
}
.color3{

color:#00A97B !important;
}

.red
{
  color:red !important;
}

.black{

	color :black !important;
}

.bg-color1
{
	background-color: #000B76 !important ;

}

.bg-color2
{
	background-color:#00A97B !important;
}
.divider1
{
	background-color: #F2F2F2;
	width: 70% !important;
	height: 5px;
	margin: 0 auto;
	margin-top: 50px !important;
	margin-bottom: 50px;
}


.white
{
	color:white !important;
}

.scontentdiv
{
  cursor: pointer;
}
.scontent
{
  overflow: hidden;
  height: 0px;
  transition: all .1s linear;
}

.sarrow
{
  transition: all .1s linear;
}

.padding-top-150
{
  padding-top: 150px !important;
}
.margin-top-10
{
  margin-top: 10px !important;
}


.margin-top-5
{
  margin-top: 5px !important;
}




.margin-top-15
{
  margin-top: 15px !important;
}



.margin-top-20
{
	margin-top: 20px !important;
}


.margin-top-25
{
  margin-top: 25px !important;
}


.margin-top-30
{
  margin-top: 30px !important;
}


.margin-top-40
{
  margin-top: 40px !important;
}


.margin-top-50
{
  margin-top: 50px !important;
}

.padding-bottom-20
{
  padding-bottom: 20px !important;
}


.padding-left-20
{
  padding-left: 20px !important;
}

.padding-top-15
{
  padding-top: 15px !important;
}



.padding-top-10
{
  padding-top: 10px !important;
}


.padding-15
{
	padding: 15px !important;
}
.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}


.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.norican-regular {
  font-family: "Norican", cursive;
  font-weight: 400;
  font-style: normal;
}




.playfair-normal {
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}

.playfair-bold {
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}


.playfair-bolder {
  font-family: "Playfair", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;

}


.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}

.align-left
{
  text-align: left !important;
}

.text-decoration-normal
{
  text-decoration: none !important;
}


.align-center
{
  text-align: center !important;
}

.review-content
{
  font-size: 20px;
}

.review-quote
{
  font-size: 16px;
}
.review-carousel
{
  padding-bottom:30px;
  padding-top: 30px;
}

.review-dp
{
  border-radius: 10000px;margin-right: 5px;
  position: relative;
  top: 9px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  height:150px;width: 150px;background-color: transparent;display: inline-block;
}

.head045
{
  font-size: 26px;
  color: black;
  margin-top: 10px;
}

.rating-yellow
{
  color: #eebe3d !important;
}

.rating-grey
{
  color: #d6d6d6 !important;
}

.underline02
{
  text-decoration: underline !important;
}
.bdiv01-main-banner
{
  padding-top: 100px;padding-bottom: 50px;background-size: cover;background-repeat: no-repeat;background-position:center;
}

.main-inclusions-icons
{
  display: inline-block;text-align: center;margin: 5px;
}


.inclusions-main-div
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;padding: 15px;padding-top: 30px;
}

.accomodation-main-div
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;padding: 15px;padding-top: 30px;
}

.accommodation-row
{
box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;
  max-width: 99% !important;margin:0 auto !important;
  margin-top:20px !important;padding-bottom: 20px;
  background-color: #f3f3f3;
}

.inclusions-slider-item
{
  background-position: center;background-size: cover;height: 100%;width: 100%;min-height: 300px;
}

.price-tag1
{
  background-color:#010c47 !important;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.book-now-btn1
{
  background-color:#010c47 !important;box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.itinerary-div
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;padding: 15px;padding-top: 30px;
}


.exclusions-div
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;padding: 15px;padding-top: 30px;
}


.tips-div
{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;padding: 15px;padding-top: 30px;
}

.day-head > span
{
  background-color:#010c47;color:white;padding: 15px;
}

.underline1
{
  height: 1px;width: 100%;background-color: #dadada;position: relative;top: 6px;
}
.itinerary-img-div
{
  background-position: center;background-size: cover;height: 100%;width: 100%;min-height: 300px;
}

.green1
{
  color:#00A97B !important;
}
#header-logo
{
  width:120px;

}

.full-body-optimize
{
max-width: 1150px !important;margin:0 auto;
padding-left: 0px !important;
padding-right: 0px !important;
text-align: center;
}


.full-body-optimize-header
{
max-width: 100% !important;
padding-left: 15px !important;
padding-right:15px !important;
text-align: center !important;
margin: 0 auto !important;

}


.slider
{
	margin-top: 0px !important;
}

.form-input1
{
	border:none !important;
	outline: none !important;
	background-color: #ECECEC !important;
	padding: 10px;
	border-radius: 10px !important;
  margin-top: 5px;

}


.heading-02
{
	font-size: 40px;
}


.heading-021
{
  font-size: 40px;
}

.heading-05
{
  font-size: 30px;
}
.heading-03
{
	font-size: 24px;
}

.title02
{
	padding-top: 10px;
}

.bdiv01-item

{
  margin-top: -10px;
}


.price-box1
{
background-color:#00A97B !important;
color: white;
width: 100px;
padding: 10px;
border-radius: 1000px;
margin: 0 auto;


text-align: center;
}

.price-box2
{
background-color:#00A97B !important;
color: white;
width: 150px;
padding: 10px;
border-radius: 1000px;
margin: 0 auto;


text-align: center;
}
.sections
{
	padding-top: 50px;

  padding-bottom: 100px;
	

}



[data-testimonials-bg="testimonials"]
{

  background-image:url("../img/testimonials.webp");
background-size: cover;
background-position: center;

}


[data-dubai4-bg="dubai4"]
{

  background-image:url("../img/dubai-01.webp");
background-size: cover;
background-position: center;


}


[data-dubai5-bg="dubai5"]
{

  background-image:url("../img/dubai-02.webp");
background-size: cover;
background-position: center;


}

[data-baku5-bg="baku5"]
{

  background-image:url("../img/azerbaijan-03.webp");
background-size: cover;
background-position: center;


}


[data-bali5-bg="bali5"]
{

  background-image:url("../img/bali-01.webp");
background-size: cover;
background-position: center;


}


[data-vietnam8-bg="vietnam8"]
{

  background-image:url("../img/vietnam-04.webp");
background-size: cover;
background-position: center;


}


[data-vietnam5-bg="vietnam5"]
{

  background-image:url("../img/vietnam-02.webp");
background-size: cover;
background-position: center;


}


[data-malaysia6-bg="malaysia6"]
{

  background-image:url("../img/malaysia-04.webp");
background-size: cover;
background-position: center;


}




[data-malaysia4-bg="malaysia4"]
{

  background-image:url("../img/malaysia-02.webp");
background-size: cover;
background-position: center;


}




[data-malaysia3-bg="malaysia3"]
{

  background-image:url("../img/malaysia-01.webp");
background-size: cover;
background-position: center;


}




[data-singapore3-bg="singapore3"]
{

  background-image:url("../img/singapore-bdiv01-01.webp");
background-size: cover;
background-position: center;


}

[data-singapore4-bg="singapore4"]
{

  background-image:url("../img/singapore-bdiv01-02.webp");
background-size: cover;
background-position: center;


}

[data-singapore5-bg="singapore5"]
{

  background-image:url("../img/singapore-09.webp");
background-size: cover;
background-position: center;


}





[data-thailand9-bg="thailand9"]
{

  background-image:url("../img/thailand-03.webp");
background-size: cover;
background-position: center;

}



[data-thailand5-bg="thailand5"]
{

  background-image:url("../img/thailand-02.webp");
background-size: cover;
background-position: center;


}


[data-cruise-bg="cruise"]
{

  background-image:url("../img/cruise-bdiv01s.webp");
background-size: cover;
background-position: center;


}
[data-kerala-bg="kerala"]
{

  background-image:url("../img/kerala-tour-bdiv01s.webp");
background-size: cover;
background-position: center;


}


[data-destinationw-bg="destinationw"]
{

  background-image:url("../img/destination-wedding-bdiv01s.webp");
background-size: cover;
background-position: center;


}


[data-ayurveda-bg="ayurveda"]
{

  background-image:url("../img/ayurveda-03.webp");
background-size: cover;
background-position: center;


}


[data-ayurveda1-bg="ayurveda1"]
{

  background-image:url("../img/ayurveda-bdiv01-01.webp");
background-size: cover;
background-position: center;


}


[data-ayurveda2-bg="ayurveda2"]
{

  background-image:url("../img/ayurveda-bdiv01-02.webp");
background-size: cover;
background-position: center;


}

[data-ayurveda3-bg="ayurveda3"]
{

  background-image:url("../img/ayurveda-bdiv01-03.webp");
background-size: cover;
background-position: center;


}


[data-ayurveda4-bg="ayurveda4"]
{

  background-image:url("../img/ayurveda-bdiv01-04.webp");
background-size: cover;
background-position: center;


}


[data-ayurveda5-bg="ayurveda5"]
{

  background-image:url("../img/ayurveda-bdiv01-05.webp");
background-size: cover;
background-position: center;


}

[data-ayurveda6-bg="ayurveda6"]
{

  background-image:url("../img/ayurveda-bdiv01-06.webp");
background-size: cover;
background-position: center;


}

[data-international-bg="international"]
{

  background-image:url("../img/singapore-03.webp");
background-size: cover;
background-position: center;


}


[data-indian-bg="indian"]
{

  background-image:url("../img/india-bdiv01.webp");
background-size: cover;
background-position: center;


}


[data-singapore-bg="singapore"]
{

  background-image:url("../img/singapore-14.webp");
background-size: cover;
background-position: center;

padding-top: 100px;
padding-bottom: 40px;
}





[data-thailand-bg="thailand"]
{

  background-image:url("../img/thailand-bg-01.webp");
background-size: cover;
background-position: center;

padding-top: 100px;
padding-bottom: 40px;
}


[data-malaysia-bg="malaysia"]
{

  background-image:url("../img/malaysia-bg-01.webp");
background-size: cover;
background-position: center;

padding-top: 100px;
padding-bottom: 40px;
}


[data-vietnam-bg="vietnam"]
{

  background-image:url("../img/vietnam-bg-01.webp");
background-size: cover;
background-position: center;

padding-top: 100px;
padding-bottom: 40px;
}



[data-dubai-bg="dubai"]
{

  background-image:url("../img/dubai-bg-02.webp");
background-size: cover;
background-position: center;

padding-top:100px;
padding-bottom: 40px;
}




[data-bali-bg="bali"]
{

  background-image:url("../img/bali-bg-01.webp");
background-size: cover;
background-position: center;

padding-top: 100px;
padding-bottom: 40px;
}


[data-azerbaijan-bg="azerbaijan"]
{

  background-image:url("../img/azerbaijan-cover.webp");
background-size: cover;
background-position: center;

padding-top: 100px;
padding-bottom: 40px;
}




.bdiv01-sections
{
  padding-bottom: 100px;
  padding-top: 50px;
}
.padding-bottom-0
{
  padding-bottom: 0px !important;
}


.section2-row
{
	padding-top: 30px;
	text-align: left !important;
}
.section3-row
{
		padding-top: 0px;
	text-align: center !important;
}

.section4-row
{
		padding-top: 30px;
	text-align: center !important;
}

#section3
{
	background-color: white;
  margin-top: -80px;
}




#section5
{
  background-color: #fafafa;
}

#section6
{
  background-color: black;
  padding-bottom: 120px;
}

.steps1
{
  background-color: #333333;color: white;position: absolute;right: 20px;top: -15px;text-align: center;width: 100px;border-radius: 1000px;padding-top: 3px;
}
#section7
{
  background-color: white;
  text-align: left !important;
}


#section8
{
    background-color: #d33131 !important;
  padding-top: 100px;
   background-color: white;
   background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.bdiv01-content
{
	opacity: 0.8;
	padding-top: 10px;
}

.card01-div
{
	background-color: white;
 
	border-radius: 10px !important;

	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.card01-div_itnry
{
	position:absolute;right: 10px;bottom: 10px;
}

.card01-div_itnry-whatsapp
{
  position:absolute;left: 10px;bottom: 15px;
  padding: 0px;
  z-index: 7000;

}

.card01-div_itnry-whatsapp >img
{
width: 30px;
border-radius: 1000px;
 
}


.contact-heads
{
	
	
}




.hightlight-div
{
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;padding: 5px;border-radius: 10px;padding-left: 10px;padding-right: 10px;
  background-color: white;
}

.hightlight-div > p
{
  position:relative;top: 8px
}


.attractions-div
{
  border-radius:100px;position: relative;box-shadow: rgba(50, 50, 93, 0.25) 0px 30px 60px -12px, rgba(0, 0, 0, 0.3) 0px 18px 36px -18px;
}

.bg-color11{
  background-color: #010c47 !important;

}

.theme-color11
{
  color: #010c47 !important;
}

.attractions-div > img
{
  width:100%;border-radius: 10px;border-top-left-radius: 50px;border-bottom-right-radius: 50px;
}

.attractions-div > h3
{
  position:absolute;bottom: 10px;font-size: 16px;left: 10px;background-color: #010c47;padding: 10px;border-radius: 10px;border-left: 3px solid white;
}
.whatsapp-btn1
{
  background-color: #25D366 !important;
  border-radius: 5px !important;
  margin-bottom: 15px;
}

.whatsapp-btn2
{
  background-color: white !important;
  border-radius: 0px !important;
  margin-bottom: 15px;
}
.contact-form1
{
	box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	padding: 15px;
  position: relative;

  margin-bottom: 100px;

}


.heading-045
{
  text-align:left;margin-bottom: 20px;position: relative;left:0px;border-bottom: 1px solid #dadada;padding: 15px;
}

.heading-045-icon
{
  display:inline-block;padding: 15px;background-color: #010c47;margin-right: 15px;
}
.heading-045-icon2
{
  display:inline-block;padding: 15px;background-color: #af0909;margin-right: 15px;margin-left: -15px;
}

.heading-045-icon > i,.heading-045-icon2 > i
{
  color:white;font-size: 36px;
}



.heading-045-text
{
  display:block;


}

.heading-045-text1
{
  position:relative;top: -10px;
  left: -8px;
  color: #010c47;
}


.heading-045-text2
{
position:absolute;top: 40px;left: 80px;font-size: 14px;color: grey; 
}
.heading-045-text22
{
position:relative;top: 00px;left: -7px;font-size: 14px;color: grey;margin-top: -15px; 
}

.heading-045-text23
{
position:absolute;top: 40px;left: 78px;font-size: 14px;color: grey; 
}
.fixed-contact-div
{
  width: 100%;
  position: fixed;
  background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 55px;
  bottom: 0px;
  z-index:9999;
  padding-top: 10px;
  transition: all .5s;
  opacity: 1;
  display: none;

}



.mobile-menu
{
    width: 100%;
  position: fixed;
  background-color: white;
  
  height: 100%;
  bottom: 0px;
  z-index: 8000;
  padding-top: 10px;
  transition: all .5s;
  opacity: 1;
  text-align: center;
  right: -1000px;
  display: none;

}


#close-icon
{
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 30px; 
  cursor: pointer;
  z-index: 9999;
}

#open-icon
{
    position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px; 
  display: none;
  cursor: pointer;
  z-index: 1000;
}





#footer-div2
{
  background-color:black;width:100%;padding:15px;

}

.footer-cd
{
  position: relative;
}


.footer-icons2
{
  position: absolute;
  top:2.5px;
  left: 0px;
  color: #EDEDED !important;
}

#hewocraft
{
  color:white !important;
}

#hewocraft:hover
{
  color:white !important;
}
@media(max-width: 1101px)
{
.full-body-optimize
{
	max-width: 100% !important;
width: 100% !important;
padding-left: 15px !important;
padding-right: 15px !important;overflow-x: hidden;
}

}


@media(max-width:992px)
{

  .mobile-menu
{
    width: 100%;
  position: fixed;
  background-color: white;
  
  height: 100%;
  bottom: 0px;
  z-index: 8000;
  padding-top: 10px;
  transition: all .5s;
  opacity: 1;
  text-align: center;
  right: -1000px;
  display: block;

}

.menu-icon
{
position:absolute;
background-color: transparent;
height: 20px;
width: 22px;
right: 30px;
cursor: pointer;
display: block;
}
.center-align
{
  position: relative;
  top: 0%;
  transform: translateY(0%);
}


#open-icon
{
    position: absolute;
  top: 10px;
  right: 15px;
  font-size: 24px; 
  display: block;
}


#header-logo
{
  width: 90px !important;
  
}



.carousel-item{
  position: relative;
}
.slider-caption2
{
  text-align: left;
  padding-top: 50px;
  padding-bottom: 50px;
z-index: 1000;


  position: absolute;
  bottom: 25px;
  padding-left: 75px;
  padding-right: 75px;

    font-style: normal !important;

}

.slider-caption
{


  font-size: 50px !important;

    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    text-transform: uppercase;

  position: relative;
  animation-name: animation1;
  animation-delay: .5s;
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  letter-spacing: 5px;
}





@keyframes animation1 {
  0% {
   left: 5px;
   opacity: 0;
     letter-spacing: 5px;
  }
  
  100% {
   left: 0px;
    opacity: 1;
      letter-spacing: 2px;

  }
}

.slider-subcaption
{


  left: 5px;
  top: 40px;
  position: relative;
  animation-name: animation2;
  animation-delay: 1.5s;

  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards; 

}

@keyframes animation2 {
  0% {
   top: 10px;
   opacity: 0;
  }
  
  100% {
   top: 0px;
    opacity: 1;

  }
}


.transparent-btn
{
    background: linear-gradient(to right, white 50%, transparent 50%);
  background-position: right bottom;

  background-size: 200% 100%;
  color: white;
  text-decoration: none;box-shadow: none;
  border: 1px solid rgba(255,255,255,1);

padding-left:15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 15px;
  left: 5px;
  top: 0px;
  position: relative;

   
  animation-name: animation3;
  animation-delay: 1.6s;
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  transition: all .2s ease-out;

}

.transparent-btn:hover
{

    color: black;
  text-decoration: none;box-shadow: none;
  border: 1px solid rgba(255,255,255,1);

  background-position: left bottom;


  left: 5px;
  top: 0px;
  position: relative;

  animation-name: animation3;
  animation-delay: 1.6s;
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;

}

@keyframes animation3 {
  0% {
   top: 10px ;
   opacity: 0;
  }
  
  100% {
   top: 0px ;
    opacity: 1;

  }
}


.carousel-inner
{
  height: 600px;
  margin-top: 80px;
}

.carousel-item
{
  height: 100%;
}
.slider-sub-caption
{
  position: relative;
  top:0px;
  font-size: 20px;
}

}


@media(max-width:768px)
{

.sub-head-01
{

font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
  font-size: 36px;

  }


.heading-021
{
  font-size: 30px;
}


.carousel-item{
  position: relative;
}
.slider-caption2
{
  text-align: left;
  padding-top: 50px;
  padding-bottom: 50px;
z-index: 1000;


  position: absolute;
  bottom: 25px;
  padding-left: 50px;
  padding-right: 50px;


}

.slider-caption
{


  font-size: 46px !important;

    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    text-transform: uppercase;

  position: relative;
  animation-name: animation1;
  animation-delay: .5s;
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  letter-spacing: 5px;
}





@keyframes animation1 {
  0% {
   left: 5px;
   opacity: 0;
     letter-spacing: 5px;
  }
  
  100% {
   left: 0px;
    opacity: 1;
      letter-spacing: 2px;

  }
}

.slider-subcaption
{


  
  left: 5px;
  top: 40px;
  position: relative;
  animation-name: animation2;
  animation-delay: 1.5s;

  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards; 

}

@keyframes animation2 {
  0% {
   top: 10px;
   opacity: 0;
  }
  
  100% {
   top: 0px;
    opacity: 1;

  }
}


.transparent-btn
{
    background: linear-gradient(to right, white 50%, transparent 50%);
  background-position: right bottom;

  background-size: 200% 100%;
  color: white;
  text-decoration: none;box-shadow: none;
  border: 1px solid rgba(255,255,255,1);

padding-left:15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 15px;
  left: 5px;
  top: 0px;
  position: relative;


  animation-name: animation3;
  animation-delay: 1.6s;
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  transition: all .2s ease-out;

}

.transparent-btn:hover
{

    color: black;
  text-decoration: none;box-shadow: none;
  border: 1px solid rgba(255,255,255,1);

  background-position: left bottom;


padding-left:15px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-right: 15px;
  left: 5px;
  top: 0px;
  position: relative;


  animation-name: animation3;
  animation-delay: 1.6s;
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;

}

@keyframes animation3 {
  0% {
   top: 10px ;
   opacity: 0;
  }
  
  100% {
   top: 0px ;
    opacity: 1;

  }
}




.carousel-inner
{
  height: 600px;
  margin-top: 80px;
}

.carousel-item
{
  height: 100%;
}
.slider-sub-caption
{
  position: relative;
  top:0px;
  font-size: 20px;
}




[data-singapore-bg="singapore"]
{

  background-image:url("../img/singapore-14.webp");
background-size: cover;
background-position: center;

padding-top: 200px;
padding-bottom: 40px;
}


[data-thailand-bg="thailand"]
{

  background-image:url("../img/thailand-01.webp");
background-size: cover;
background-position: center;

padding-top: 200px;
padding-bottom: 40px;
}

.fixed-contact-div
{
  width: 100%;
  position: fixed;
  background-color: white;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  height: 55px;
  bottom: 0px;
  z-index: 9999;
  padding-top: 10px;
  transition: all .5s;
  opacity: 1;
  display: block;

}



}






@media(max-width: 650px)
{
  .carousel-item{
  position: relative;
}
.slider-caption2
{
  text-align: left;
  padding-top: 50px;
  padding-bottom: 50px;
z-index: 1000;


  position: absolute;
  bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;


}





@keyframes animation1 {
  0% {
   left: 5px;
   opacity: 0;
     letter-spacing: 5px;
  }
  
  100% {
   left: 0px;
    opacity: 1;
      letter-spacing: 2px;

  }
}

.slider-subcaption
{


  font-size: 20px;
  left: 5px;
  top: 40px;
  position: relative;
  animation-name: animation2;
  animation-delay: 1.5s;

  opacity: 0;
  animation-duration: .5s;
  animation-fill-mode: forwards; 

}

@keyframes animation2 {
  0% {
   top: 10px;
   opacity: 0;
  }
  
  100% {
   top: 0px;
    opacity: 1;

  }
}


.transparent-btn
{
    background: linear-gradient(to right, white 50%, transparent 50%);
  background-position: right bottom;

  background-size: 200% 100%;
  color: white;
  text-decoration: none;box-shadow: none;
  border: 1px solid rgba(255,255,255,1);

  padding: 15px;
    padding-top: 5px;
  padding-bottom: 5px;
  left: 5px;
  top: 0px;
  position: relative;


  animation-name: animation3;
  animation-delay: 1.6s;
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;
  transition: all .2s ease-out;

}

.transparent-btn:hover
{

    color: black;
  text-decoration: none;box-shadow: none;
  border: 1px solid rgba(255,255,255,1);

  background-position: left bottom;


  padding: 15px;
    padding-top: 5px;
  padding-bottom: 5px;
  left: 5px;
  top: 0px;
  position: relative;


  animation-name: animation3;
  animation-delay: 1.6s;
  opacity: 0;
  animation-duration: .7s;
  animation-fill-mode: forwards;

}

@keyframes animation3 {
  0% {
   top: 10px ;
   opacity: 0;
  }
  
  100% {
   top: 0px ;
    opacity: 1;

  }
}




.carousel-inner
{
  height: 600px;
  margin-top: 80px;
}

.carousel-item
{
  height: 100%;
}
.slider-sub-caption
{
  position: relative;
  top:0px;
  font-size:18px;
}


}


@media(max-width: 576px)
{

  .sub-head-01
{

font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
  font-size: 30px;

  }
.sub-head-12
{

font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
  font-size: 20px;

  }

  .slider-caption2
{
  text-align: left;
  padding-top: 50px;
  padding-bottom: 50px;
z-index: 1000;


  position: absolute;
  bottom: 10px;
  padding-left: 15px;
  padding-right: 15px;


}

  .main-head-01
{
  font-size: 36px;
}

.main-head-02
{
  font-size: 30px;
}

.card01-div-img
{
  background-size: cover;background-position:center;background-repeat: no-repeat;min-height:250px;width: 100%;border-radius: 0px !important;position: relative;
}

.slider-caption{
    font-size:40px !important;

    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    text-transform: uppercase;
}
.main-head-03
{
  font-size: 24px;
}
}



/* ===============================
   PAGE HERO
================================ */

.page-hero {
  position: relative;
  width: 100%;
  height: 60vh;
  min-height: 420px;
  margin-top: 100px;

  background-image: url("../img/56cf6e4088c811e78f79025f77df004f.jpg"); /* change per page */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  display: flex;
  align-items: flex-end;
}

/* Overlay gradient (bottom → top) */
.page-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
    to top,
    rgba(0,0,0,0.85),
    rgba(0,0,0,0.75),
    rgba(0,0,0,0)
  );
  z-index: 1;
}

/* Content */
.page-hero-content {
  position: relative;
  z-index: 2;

  padding-left: 80px;
  padding-bottom: 60px;
  padding-right: 30px;

  max-width: 720px;

  animation: heroFadeUp 1s ease forwards;
}

/* Headline */
.page-hero-title {
  font-size: 60px;

    font-family: "Raleway", sans-serif !important;
    font-optical-sizing: auto;
    font-weight:600 !important;
    font-style: normal !important;
    text-transform: uppercase;
  color: #ffffff;
  margin-bottom: 10px;
  opacity: 0;
  transform: translateY(20px);
  animation: heroFadeUp 1s ease forwards;
}

/* Caption */
.page-hero-caption {

    font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  font-size: 18px;
  color: rgba(255,255,255,0.85);
  line-height: 1.6;
  max-width: 600px;

  opacity: 0;
  transform: translateY(20px);
  animation: heroFadeUp 1.1s ease forwards;
  animation-delay: 0.15s;
}

/* Fade up animation */
@keyframes heroFadeUp {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===============================
   RESPONSIVE
================================ */

@media (max-width: 991px) {
  .page-hero-content {
    padding-left: 40px;
    padding-bottom: 45px;
  }

  .page-hero-title {
    font-size: 50px;
  }
}



@media (max-width: 768px) {


  .page-hero-title {
    font-size: 40px;
  }
}


@media (max-width: 575px) {
  .page-hero {
    height: 55vh;
    min-height: 360px;
  }

  .page-hero-content {
    padding-left: 22px;
    padding-bottom: 35px;
  }

  .page-hero-title {
    font-size: 28px;
  }

  .page-hero-caption {
    font-size: 18px;
  }
}

/* ===============================
   OUR STORY – MODERN LUXURY
================================ */

.our-story-modern {
 padding-top: 50px;
padding-bottom: 75px;
}

/* Title */
.story-title {
  font-size: 36px;
  font-weight: 600;
  margin-top: 12px;
  margin-bottom: 10px;
}

.story-intro {
  font-size: 16px;
  color: #555;
  line-height: 1.7;
}

/* Main card */
.story-card {
  display: grid;
  grid-template-columns: 1.2fr 1fr;
  background: #ffffff;
  border-radius: 24px;
  overflow: hidden;
  box-shadow:
    0 -6px 14px rgba(31,143,74,0.06),
    0 30px 60px rgba(31,143,74,0.14);
}

/* Content */
.story-card-content {
  padding: 50px 55px;
  font-size: 15px;
  color: #333;
  line-height: 1.8;
  text-align: left;
}

/* Image */
.story-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Highlight box */
.story-highlight {
  background: #f9f9f9;
  padding: 30px 40px;
  border-radius: 18px;
  font-size: 16px;
  line-height: 1.7;
  color: #333;
}

/* Responsive */
@media (max-width: 991px) {
  .story-card {
    grid-template-columns: 1fr;
  }

  .story-card-content {
    padding: 35px 28px;
  }

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


.story-lead {
  position: relative;
  font-size: 16px;

  color: black;
  font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:400 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;

  border-radius: 15px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 20px 18px 18px;
  margin-bottom: 36px;

  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

/* Icon */
.story-lead-icon {
  position: absolute;
  top: -14px;
  left: 18px;

  width: 34px;
  height: 34px;
  border-radius: 50%;

  background: #1f8f4a; /* theme green */
  color: #ffffff;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 14px;
  box-shadow: 0 6px 16px rgba(31,143,74,0.35);
}


/* Existing styles (keep) */
.story-card-content {
  padding: 50px 55px;
  position: relative;
}

.story-card-content::before {
  content: "";
  position: absolute;
  left: 28px;
  top: 110px;
  bottom: 50px;
  width: 2px;
  background: rgba(31,143,74,0.25);
}

.story-point {
  display: flex;
  gap: 22px;
  margin-bottom: 28px;
}

.story-dot {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #1f8f4a;
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
     font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
}

.story-point p {
  margin: 0;
  font-size: 15px;
  line-height: 1.8;
  color: #333;
}

/* Mobile */
@media (max-width: 991px) {
  .story-card-content {
    padding: 35px 28px;
  }

  .story-card-content::before {
    left: 20px;
    top: 100px;
  }
}



.story-signature {
  position: relative;
  background: #ffffff;
  padding: 40px 45px;
  border-radius: 24px;

  box-shadow:
    0 -4px 10px rgba(31,143,74,0.05),
    0 25px 50px rgba(31,143,74,0.14);
}

/* Icon */
.story-signature-icon {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background: rgba(31,143,74,0.15);
  color: #1f8f4a;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 20px;
  margin-bottom: 16px;
}

/* Text */
.story-signature p {
  font-size: 16px;
  line-height: 1.8;
  color: #222;
  margin-bottom: 22px;
}

/* Image strip */
.story-signature-images {
  display: flex;
  gap: 12px;
}

.story-signature-images img {
  width: 80px;
  height: 55px;
  object-fit: cover;
  border-radius: 10px;
  opacity: 0.85;
}

/* Mobile */
@media (max-width: 767px) {
  .story-signature {
    padding: 28px 22px;
  }

  .story-signature-images img {
    width: 65px;
    height: 45px;
  }
}


/* Story signature must stretch */
.story-signature {
  height: 100%;
  display: flex;
  flex-direction: column;
}

/* Side image wrapper fills column */
.story-side-image {
  width: 100%;
  height: 100%;          /* THIS is the key */
  border-radius: 24px;
  overflow: hidden;
  margin-top: -10px;
  box-shadow:
    0 -4px 10px rgba(31,143,74,0.06),
    0 25px 50px rgba(31,143,74,0.16);
}

/* Image fills wrapper */
.story-side-image img {
  width: 100%;
    min-height: 100%;

  height: 100%;
  object-fit: cover;
  display: block;
}


/* Ensure equal height feel */
.story-signature {
  height: 100%;

}

/* Mobile spacing fix */
@media (max-width: 991px) {
  .story-side-image {
    margin-top: 0px;
    height: 280px;
  }
}



.luxury-mv-section {
background: linear-gradient(
  135deg,
  #0b0b0b 0%,
  #0f1110 55%,
  #102218 75%,
  #0b0b0b 100%
);

  padding: 90px 0;
  color: #ffffff;
}

.luxury-mv-header {
  text-align: center;
  margin-bottom: 60px;
}

.luxury-mv-header h2 {
  font-size: 40px;
  font-weight: 600;
  letter-spacing: 1px;
}

.luxury-mv-header p {
  color: #c7c7c7;
  font-size: 16px;
  margin-top: 10px;
}

.luxury-mv-row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}

.luxury-card {
  position: relative;
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(12px);
  border-radius: 18px;
  padding: 50px 40px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  transition: all 0.4s ease;
  overflow: hidden;
  text-align: left;
}

.luxury-card:hover {
  transform: translateY(-10px);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6);
  border-color: rgba(255,255,255, 0.2);
}

.luxury-icon {
  font-size: 30px !important;
  color: #d4af37;
  margin-bottom: 20px;
}

.luxury-card h3 {
    font-size: 26px;
   font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
  margin-bottom: 15px;
  font-weight: 500;
}

.luxury-card p {
 font-size: 16px;
   font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  line-height: 1.7;
  color: #d0d0d0;
}

.luxury-watermark {
  position: absolute;
  right: 20px;
  bottom: 10px;
  font-size: 90px;
  font-weight: 700;
  color: rgba(255, 255, 255, 0.02);
  pointer-events: none;

   font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
}

/* Responsive */
@media (max-width: 768px) {
  .luxury-mv-row {
    grid-template-columns: 1fr;
  }
}

.ats-luxury-image-section {
  width: 100%;
}

.ats-luxury-image-section img {
  width: 100%;
  height: auto;
  display: block;
}

/* Mobile view – square image feel */
@media (max-width: 768px) {
  .ats-luxury-image-section {
    aspect-ratio: 1 / 1; /* square */
    overflow: hidden;
  }

  .ats-luxury-image-section img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}



/* SECTION */
.hotel-details-luxury {
  background: #f7f7f6;
padding-bottom: 140px;
padding-top: 120px;
  color: #1a1a1a;
}

/* CARDS */
.hotel-gallery-card {
  background: #ffffff;
  border-radius: 22px;
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 20px 40px rgba(0,0,0,0.06);
  text-align: left !important;
}


.hotel-info-card {
  background: #ffffff;
  border-radius: 22px;
  padding: 15px;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 20px 40px rgba(0,0,0,0.06);
  text-align: left !important;
}

/* ================================
   HOTEL IMAGE SLIDER (FIXED)
================================ */

.hotel-image-slider {
  position: relative;
  width: 100%;
  height: 420px;          /* FIXED HEIGHT = arrow reference */
  overflow: hidden;
  border-radius: 18px;
  background: #eee;      /* prevents height collapse while loading */
}

/* SLIDES */
.hotel-slide {
  position: absolute;    /* prevent layout shift */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 0.4s ease;
}

.hotel-slide.active {
  opacity: 1;
}

/* NAVIGATION ARROWS */
.slider-btn {
  position: absolute;
  top: 50%;                          /* TRUE CENTER */
  transform: translateY(-50%);
  background: rgba(255,255,255,0.9);
  color: #222;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 6px 18px rgba(0,0,0,0.18);
  z-index: 20;
  user-select: none;
  transition: all 0.25s ease;
}

/* LEFT / RIGHT */
.slider-btn.left {
  left: 16px;
}

.slider-btn.right {
  right: 16px;
}

/* HOVER EFFECT */
.slider-btn:hover {
  background: #b89b5e;
  color: #fff;
}

/* MOBILE ADJUSTMENT */
@media (max-width: 768px) {
  .hotel-image-slider {
    height: 260px;       /* mobile height */
  }

  .slider-btn {
    width: 38px;
    height: 38px;
    font-size: 14px;
  }
}

/* TITLE */
.hotel-luxury-title {
  font-size: 34px;
  font-weight: 600;
  margin-bottom: 8px;
  color: #111;
}

/* META */
.hotel-luxury-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  font-size: 14px;
  color: #666;
}

.hotel-luxury-meta i {
  color: #098610 !important; /* muted gold */
}

.hotel-luxury-meta .dot {
  width: 4px;
  height: 4px;
  background: #D1D1D1;
  border-radius: 50%;
  align-self: center;
}

/* SECTION BLOCKS */
.hotel-section {
  margin-top: 30px;
}

.hotel-section-title {
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #858585;
  margin-bottom: 15px;
}

/* ROOM BADGES */
.luxury-badge-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.luxury-badge {
  padding: 8px 16px;
  border-radius: 30px;
  background: #F0F0F0;
  color: #2E2E2E;
  font-size: 13px;
  border: 1px solid #E6E6E6;
}

/* AMENITIES */
.luxury-amenities-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 14px;
}

.luxury-amenity {
  display: flex;
  gap: 5px;
  font-size: 14px;
  color: #444;

}

.luxury-amenity i {
  color: #098610 !important;
      position: relative;
  top: 3px;
}

/* ABOUT */
.hotel-about-luxury p {
  color: #555;
  line-height: 1.8;
  font-size: 15px;

}

/* ACTION BUTTONS */
.hotel-actions-luxury {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  margin-top: 35px;
}

.lux-btn {
  padding: 12px 24px;
  border-radius: 50px;
  background: #ffffff;
  color: #222;
  text-decoration: none;
  border: 1px solid rgba(0,0,0,0.15);
  transition: all 0.3s ease;
  font-size: 14px;
}

.lux-btn i {
  color: #098610 !important;
}

.lux-btn:hover {
  background: #b89b5e;
  color: #fff;
  border-color: #b89b5e;
}

.lux-btn:hover i {
  color: #fff;
}

/* MOBILE */
@media (max-width: 768px) {
  .hotel-slide {
    height: 260px;
  }

  .hotel-details-luxury {
    padding-bottom: 140px;
padding-top: 100px;
text-align: left !important;
  }
}



/* CARD */
.lux-room-card {
   display: grid;
  grid-template-columns: minmax(420px, 520px) 1fr;
  background: #fff;
  text-align: left;
  border-radius: 22px;
  overflow: hidden;
  border: 1px solid rgba(0,0,0,0.06);
  box-shadow: 0 20px 40px rgba(0,0,0,0.06);
}

/* IMAGE */
.lux-room-media {
  position: relative;
  height: 100%;
}

.lux-room-slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity .4s ease;
}

.lux-room-slide.active {
  opacity: 1;
}

/* NAV */
.lux-room-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  background: rgba(255,255,255,.9);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.lux-room-nav.left { left: 12px; }
.lux-room-nav.right { right: 12px; }

/* PRICE BADGE */
.lux-room-price {
  position: absolute;
  bottom: 14px;
  right: 14px;
  background: #098610;
  color: #fff;
  padding: 8px 14px;
  border-radius: 30px;
  font-size: 13px;
}

/* CONTENT */
.lux-room-content {
  padding:15px;
  padding-top: 25px;
  padding-bottom: 25px;
}

/* HEADER */
.lux-room-header h3 {
  font-size: 22px;
  margin-bottom: 4px;
   font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
}

.lux-room-header p {
  font-size: 14px;
  color: #666;
    font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

/* META */
.lux-room-meta {
  display: flex;
  gap: 12px;
  font-size: 14px;
  color: black;
  margin-top: 12px;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.lux-room-meta i,
.lux-room-capacity i,
.lux-amenity-pill i {
  color: #098610;
}

.dot {
  width: 4px;
  height: 4px;
  background: #098610;
  border-radius: 50%;
  align-self: center;
}

/* CAPACITY */
.lux-room-capacity {
  display: flex;
  gap: 20px;
  margin-top: 14px;
  font-size: 14px;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

/* AMENITIES */
.lux-room-amenities {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
  margin-top: 18px;
}

.lux-amenity-pill {
  padding: 6px 12px;
  background: #f2f8f4;
  border-radius: 30px;
  font-size: 13px;
  border: 1px solid rgba(9,134,16,.25);
}

/* DESCRIPTION */
.lux-room-desc {
  margin-top: 18px;
  color: #555;
  font-size: 16px;
  line-height: 1.8;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

/* ACTIONS */
.lux-room-actions {
  display: flex;
  gap: 14px;
  margin-top: 24px;
  align-items: center;
}

.lux-book-btn {
  background: #098610;
  color: #fff;
  padding: 12px 26px;
  border-radius: 50px;
  text-decoration: none;
  font-size: 14px;
}

.lux-book-btn:hover {
  background: #098610;
  color: #fff;
}

/* MOBILE */
@media (max-width: 992px) {
  .lux-room-card {
    grid-template-columns: 1fr;
  }

  .lux-room-media {
    height: 400px;
  }
}

@media (max-width: 768px) {
  .lux-room-meta {
    flex-wrap: wrap;
    row-gap: 8px;
  }
}

/* PRICING BLOCK */
.lux-room-pricing {
  margin-top: 26px;
  padding-top: 18px;
  border-top: 1px dashed rgba(9,134,16,0.25);
}

.lux-room-price-main {
  font-size: 24px;

  color: #098610;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.lux-room-price-main span {
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin-left: 4px;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:300 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.lux-room-price-sub {
  margin-top: 6px;
  font-size: 13px;
  color: #666;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:500 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.book-now-button
{
  width: auto;
}




@media (max-width: 992px) {
  .lux-room-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .lux-room-actions a,
  .lux-room-actions .dropdown,
  .lux-room-actions .dropdown button {
    width: 100%;
  }

  .book-now-button
{
  width: 100%;
}

  .lux-room-actions .dropdown button {
    text-align: center;
  }
}

.lux-room-time {
  display: flex;
  align-items: center;
  gap: 3px;
  color: rgba(0, 0, 0,0.7);
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}

.lux-room-time small {
  font-size: 14px;
  
  letter-spacing: .6px;
  color: black;
  margin-right: 0px;
     font-family: "Nunito Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight:600 !important;
  font-style: normal;
  font-variation-settings:
    "wdth" 100,
    "YTLC" 500;
}



footer
{
background: linear-gradient(
  200deg,
  #0b0b0b 0%,
  #0f1110 60%,
  #102218 78%,
  #0b0b0b 100%
);

}



.social-connect {
  text-align: left;
  color: #EDEDED !important;
}

.social-icons
{
   color: #EDEDED !important; 
}

.social-icons i {
  font-size: 22px;      /* slightly larger */
  margin-right: 14px;  /* clean spacing */
  cursor: pointer;
  transition: transform 0.25s ease, opacity 0.25s ease;
}

.social-icons i:last-child {
  margin-right: 0;
}

.social-icons i:hover {
  transform: translateY(-3px);
  opacity: 0.85;
}

.footer-heads
{
  margin-bottom: 15px !important;
  padding-top: 38px;
  font-size: 24px;
   font-family: "Raleway", sans-serif;
  font-optical-sizing: auto;
  font-weight:500;
  font-style: normal;
 color: #EDEDED !important;
}


.footer-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 2;
  text-decoration: none;
}

.footer-link:hover
{
  color: #EDEDED !important;
  opacity: 0.7;
}

.footer-link i {
  font-size: 14px;
  opacity: 0.6;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.footer-link:hover i {
  transform: translateX(3px);
  opacity: 1;
}

/* Footer links grid */
.footer-links-grid {
  display: grid;
  grid-template-columns: 1fr; /* mobile default */
  row-gap: 10px;
  column-gap: 30px;
}

/* Desktop & above */
@media (min-width: 992px) {
  .footer-links-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* Keep link alignment clean */
.footer-link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  line-height: 1.9;
  text-decoration: none;
}