@font-face {
  font-family: "CustomFont";
  src: url("./fonts/Montserrat-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PlayfairDisplay";
  src: url("./fonts/PlayfairDisplay-SemiBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "PlayfairDisplay2";
  src: url("./fonts/PlayfairDisplay-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
body {
  font-family: "CustomFont";
  overflow-x: hidden !important;
}

/* Smooth scroll behavior */
html {
  scroll-behavior: smooth;
}
/* Disable native smooth-scroll (GSAP will handle it) */
html {
  scroll-behavior: auto;
}

/* Custom scrollbar styling */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #0f0f0f;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #6a11cb, #2575fc);
  border-radius: 10px;
  transition: background 0.3s ease;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(180deg, #2575fc, #6a11cb);
}

/* Firefox */
* {
  scrollbar-width: thin;
  scrollbar-color: #e0e0e0 #0f0f0f;
}

.s1 {
  background-image: url(./images/s1/heroImg.png);
  background-position: 0 20px;
  background-size: cover;
  background-repeat: no-repeat;
}
@media (min-width: 250px) and (max-width: 768px) {
  .s1 {
    background-position: -600px 0px !important;
  }
}

.sliderCard {
  height: 400px;
  width: 100%;
  min-width: 410px;
  overflow: hidden;
}

.sliderImage {
  width: 100%;
  height: 100%;
  object-fit: fill;
}

/* Small screens (sm): 640px and up */
@media (min-width: 640px) {
  .sliderCard {
    height: 400px;
    min-width: 400px;
  }
}

/* Extra large screens (xl): 1280px and up */
@media (min-width: 1280px) {
  .sliderCard {
    height: 548px;
    min-width: 410px;
  }
}
@media (max-width: 1024px) {
  .s1 {
    background-image: url("https://exoticahousing.in/images/one32/exotica-one32-mob.webp");
    background-position: center !important;
    background-size: cover;
    background-repeat: no-repeat;
  }
}

#close-modal:hover {
  background: none !important;
  box-shadow: none !important;
}
.tyc {
  transition: transform 0.1s ease-in-out; /* smooth transition */
}

.tyc:hover {
  transform: scale(1.3); /* use transform instead of scale property */
}
.btsF {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

/* hCaptcha widget container – ensure checkbox and puzzle have space */
.h-captcha-container {
  overflow: visible;
  min-height: 78px;
}