@font-face{font-family:"freight-text-pro";src:url("../fonts/freight-text-pro.ttf") format("truetype");}
:root{--font-freight:"freight-text-pro",serif;--brand-dark:#0b1b2b;--accent:#f0a500;--dgreen:#154734;--lyellow:#fff6ed;--grnd1:#dcdfca;--grnd2:#f6f6f0;--font-weight-extralight:200;--font-weight-light:300;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-style-normal:normal;--font-style-italic:italic;}

.spectral-extralight,.spectral-light,.spectral-regular,.spectral-medium,.spectral-semibold,.spectral-bold,.spectral-extrabold{font-family:var(--font-freight);}
.spectral-extralight{font-weight:var(--font-weight-extralight);}
.spectral-light{font-weight:var(--font-weight-light);}
.spectral-regular{font-weight:var(--font-weight-regular);}
.spectral-medium{font-weight:var(--font-weight-medium);}
.spectral-semibold{font-weight:var(--font-weight-semibold);}
.spectral-bold{font-weight:var(--font-weight-bold);}
.spectral-extrabold{font-weight:var(--font-weight-extrabold);}
.spectral-extralight-italic{font-family:var(--font-freight);font-weight:var(--font-weight-extralight);font-style:var(--font-style-italic);}
.open-sans{font-family:"Open Sans",sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100;}
body{font-family:"open sans",sans-serif;color:#222;background:#fff;overflow-x:hidden;}

.line-8{line-height:1.8rem;}
.line-9{line-height:2.8rem;}
.font-9{font-size:9px;}
.font-10{font-size:10px;}
.font-11{font-size:11px;}
.font-12{font-size:12px;line-height:normal;}
.font-13{font-size:13px;line-height:normal;}
.font-14{font-size:14px;line-height:20px;}
.le_font-14{font-size:14px;}
.font-16{font-size:16px;}
.font-18{font-size:18px;}
.font-20{font-size:20px;}
.font-22{font-size:22px;}
.font-24{font-size:24px;}
.font-28{font-size:28px;}
.font-32{font-size:32px;}
.font-30{font-size:30px;}
.font-36{font-size:36px;}
.font-40{font-size:40px;}
.font-42{font-size:42px;}
.font-44{font-size:44px;}
.font-46{font-size:46px;}
.font-48{font-size:48px;}
.font-50{font-size:50px;}
.font-52{font-size:52px;}
.font-54{font-size:54px;}
.font-56{font-size:56px;}
.font-60{font-size:60px;}
.font-64{font-size:64px;}
.font-68{font-size:68px;}
.font-72{font-size:72px;}
.font-76{font-size:76px;}
.font-80{font-size:80px;}
.font-82{font-size:82px;}
.font-84{font-size:84px;}
.font-88{font-size:88px;}
.font-92{font-size:92px;}

.fw-100{font-weight:100;}
.fw-200{font-weight:200;}
.fw-300{font-weight:300;}
.fw-400{font-weight:400;}
.fw-500{font-weight:500;}
.fw-600{font-weight:600;}
.fw-700{font-weight:700;}
.fw-800{font-weight:800;}
.fw-900{font-weight:900;}
.right-3{right:1rem!important;}
.text-uppercase{text-transform:uppercase;}
.navmenubar{background:linear-gradient(to right,var(--grnd1),var(--grnd2));}
.navbar{backdrop-filter:blur(4px);box-shadow:0 1px 6px rgba(0,0,0,0.06);}
.bg-green{background:var(--dgreen);}
.text-green{color:var(--dgreen);}
.bg-lyellow{background:var(--lyellow);}
.text-lyellow{color:var(--lyellow);}
.navbar-brand img{height:65px;}
.nav-link{color:var(--dgreen);font-size:14px;font-weight:400;text-transform:uppercase;font-family:"Open Sans",sans-serif;}
.btn-booknow{border-radius:0;font-size:14px;max-width:170px;font-weight:300;}
.form-control{border-radius:0;border:1px solid #ddd;padding:.85rem;font-size:16px;background-color:#fff;}
.form-control:focus{border-color:var(--dgreen);box-shadow:0 0 0 .2rem rgba(21,71,52,0.25);}
.btn-submit{background-color:var(--grnd1);border:none;border-radius:0;padding:.75rem 2rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;}
.btn-submit:hover{background-color:var(--grnd2);color:#000;}
.btn-booknow:hover{background-color:var(--grnd1) !important;color:#000 !important;}
.letter-spacing-1{letter-spacing:.1em;}
.letter-spacing-2{letter-spacing:.2em;}
.letter-spacing-3{letter-spacing:.3em;}
.letter-spacing-4{letter-spacing:.4em;}
.letter-spacing-5{letter-spacing:.5em;}
.letter-spacing-6{letter-spacing:.6em;}
.letter-spacing-7{letter-spacing:.7em;}
.line-4{line-height:4rem;}
.text-titles{font-size:2.5rem;}
.section-title{font-family:var(--font-freight);font-size:4rem;font-weight:400;letter-spacing:0.05em;margin-bottom:2rem;}
.incentives-list{list-style:none;padding:0;}
.incentives-list li{font-family:"var(--font-freight)";line-height:1.8;margin-bottom:1rem;padding-left:0;}
.incentives-list li::before{content:"•";color:#fff;font-weight:bold;margin-right:0.5rem;}
.overlay-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,20,30,0.55);z-index:-1;border-radius:0rem;}
.unit-title{font-family:var(--font-freight);font-weight:200;font-size:7rem;line-height:6.5rem;letter-spacing:.02em;}
.sub-title{font-weight:400;font-size:2.25rem;letter-spacing:.05em;}
.divider-line{width:100%;height:1px;background:#fff;margin:1.5rem auto;border-radius:2px;}
.hero{min-height:72vh;display:flex;align-items:center;padding:3rem 0;}
.hero-left{background:url(../images/beu.jpeg) no-repeat center/cover;color:#fff;z-index:2;border-radius:0rem;}
.hero-panel{background-image:linear-gradient(180deg,rgba(10,20,30,0.55),rgba(10,20,30,0.55)),url('https://via.placeholder.com/1400x900');background-size:cover;background-position:center;border-radius:.5rem;padding:2rem;min-height:380px;display:flex;align-items:center;}
.hero-title{font-size:2.25rem;font-weight:700;margin-bottom:.5rem;}
.hero-sub{font-size:1.05rem;opacity:.9;}
.about-section{padding:2rem 0;background:url(../images/about-us-bg.jpg) no-repeat center/cover;height:100vh;}
.bg-image-yellow{background:url(../images/text-bg.png) no-repeat center/cover;}
.booking-card{background:#fff;border-radius:.5rem;padding:1.25rem;box-shadow:0 8px 30px rgba(10,20,30,0.08);}
.video-container{width:100%;height:100vh;overflow:hidden;position:relative;background-color:#000;}
.image-box{position:relative;overflow:hidden;}
.image-box img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.image-box .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity:0;transition:opacity .6s ease;z-index:1;}
.image-box:hover .overlay{opacity:1;}
.image-box:hover img{transform:scale(1.05);}
.overlay-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;z-index:2;text-align:center;}
.overlay-text h2{font-family:var(--font-freight);font-size:3.5rem;font-weight:400;margin-bottom:1rem;letter-spacing:0.02em;}
.overlay-text .divider{width:100%;height:1px;background-color:#fff;margin:0.2rem auto;border:none;}
.overlay-text p{font-family:var(--font-freight);font-size:1.8rem;font-weight:300;margin-top:1rem;letter-spacing:0.01em;}
@media (max-width:767px){.overlay-text h2{font-size:2.5rem;margin-bottom:0.8rem;}.overlay-text p{font-size:1.4rem;margin-top:0.8rem;}.overlay-text .divider{margin:1rem auto;}.bg-dark-green{padding:2rem!important;}}
.bg-flower-img{background:url(../images/bg-overlay.jpg) no-repeat center/cover;}
.info-section .overlay-bg{z-index:1;}
.video-container video{width:100%;height:100%;object-fit:cover;}
.video-controls{z-index:10;transition:opacity .3s ease;}
.play-btn svg{cursor:pointer;transition:transform .3s ease,opacity .3s ease;}
.play-btn:hover svg{transform:scale(1.1);}
.video-controls.hide{opacity:0;pointer-events:none;}
@media (max-width:768px){.video-container{height:60vh;}.play-btn svg{width:50px;height:50px;}}
.about-banner{background:url('https://via.placeholder.com/2200x500') center/cover no-repeat;min-height:280px;display:flex;align-items:center;color:#fff;padding:3rem 1rem;border-radius:.5rem;}
.about-content{background:rgba(0,0,0,0.28);padding:1rem;border-radius:.5rem;}
.video-wrap iframe,.video-wrap video{width:100%;height:480px;border-radius:.5rem;}
.feature-card{border:none;border-radius:.5rem;padding:1rem;box-shadow:0 6px 18px rgba(3,10,18,0.05);}
.feature-card img{border-radius:.45rem;max-height:160px;object-fit:cover;}
.gallery img{width:100%;height:220px;object-fit:cover;border-radius:.5rem;cursor:pointer;transition:transform .25s ease;border:1px solid #333;}
.gallery img:hover{transform:scale(1.03);}
.investment{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap;}
.incentives-list li{margin-bottom:.6rem;}
.incentives-list li::marker{color:var(--accent);font-weight:700;}
.text-treasour{background:#00000073;}
.teasourehill-section{padding:5rem 0;}
.developer{background:#f7f9fb;padding:2rem;border-radius:.5rem;}
footer{background:#0b1220;color:#cbd5df;padding:2rem 0;font-size:.95rem;}
footer a{color:#fff;text-decoration:none;font-weight:600;}
.animate-on-scroll{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.25,.46,.45,.94);}
.animate-on-scroll.animate-fade-in{opacity:0;transform:translateY(0);}
.animate-on-scroll.animate-slide-up{opacity:0;transform:translateY(50px);}
.animate-on-scroll.animate-slide-left{opacity:0;transform:translateX(-50px);}
.animate-on-scroll.animate-slide-right{opacity:0;transform:translateX(50px);}
.animate-on-scroll.animate-scale{opacity:0;transform:scale(.8);}
.animate-on-scroll.animate-rotate{opacity:0;transform:rotate(-10deg) scale(.9);}
.animate-delay-100{transition-delay:.1s;}
.animate-delay-200{transition-delay:.2s;}
.animate-delay-300{transition-delay:.3s;}
.animate-delay-400{transition-delay:.4s;}
.animate-delay-500{transition-delay:.5s;}
.animate-delay-600{transition-delay:.6s;}
.animate-delay-700{transition-delay:.7s;}
.animate-delay-800{transition-delay:.8s;}
.animate-duration-fast{transition-duration:.4s;}
.animate-duration-normal{transition-duration:.8s;}
.animate-duration-slow{transition-duration:1.2s;}
.animate-on-scroll.animated{opacity:1;transform:translateY(0) translateX(0) scale(1) rotate(0deg);}
.animate-stagger .animate-on-scroll:nth-child(1){transition-delay:.1s;}
.animate-stagger .animate-on-scroll:nth-child(2){transition-delay:.2s;}
.animate-stagger .animate-on-scroll:nth-child(3){transition-delay:.3s;}
.animate-stagger .animate-on-scroll:nth-child(4){transition-delay:.4s;}
.animate-stagger .animate-on-scroll:nth-child(5){transition-delay:.5s;}
.animate-stagger .animate-on-scroll:nth-child(6){transition-delay:.6s;}
.animate-stagger .animate-on-scroll:nth-child(7){transition-delay:.7s;}
.animate-stagger .animate-on-scroll:nth-child(8){transition-delay:.8s;}
.animate-stagger .animate-on-scroll:nth-child(9){transition-delay:.9s;}
.animate-on-scroll.animate-bounce-in{opacity:0;transform:scale(.3);transition:all .6s cubic-bezier(.68,-.55,.265,1.55);}
.animate-on-scroll.animate-flip{opacity:0;transform:perspective(400px) rotateY(90deg);transition:all .8s ease-in-out;}
.animate-on-scroll.animate-zoom-in{opacity:0;transform:scale(.5);transition:all .7s cubic-bezier(.25,.46,.45,.94);}
@media (max-width:768px){.animate-on-scroll{transform:translateY(20px);}
.animate-on-scroll.animate-slide-left,.animate-on-scroll.animate-slide-right{transform:translateY(20px);}}
@media (prefers-reduced-motion:reduce){.animate-on-scroll{opacity:1;transform:none;transition:none;}}
/* ================================
   📱 Responsive Font Sizes
   ================================ */

/* Large screens (1200px+) */
@media (min-width: 1200px) {
  .unit-title { font-size: 8rem; line-height: 7.5rem; }
  .section-title { font-size: 4.5rem; }
  .overlay-text h2 { font-size: 4rem; }
  .overlay-text p { font-size: 2rem; }
  .sub-title { font-size: 2.5rem; }
}

/* Desktop (992px - 1199px) */
@media (min-width: 992px) and (max-width: 1199px) {
  .unit-title { font-size: 7rem; line-height: 6.5rem; }
  .section-title { font-size: 4rem; }
  .overlay-text h2 { font-size: 3.5rem; }
  .overlay-text p { font-size: 1.8rem; }
  .sub-title { font-size: 2.25rem; }
}

/* Tablet (768px - 991px) */
@media (min-width: 768px) and (max-width: 991px) {
  .unit-title { font-size: 5.5rem; line-height: 5rem; }
  .section-title { font-size: 3.2rem; }
  .overlay-text h2 { font-size: 2.8rem; }
  .overlay-text p { font-size: 1.5rem; }
  .sub-title { font-size: 1.8rem; }
  .font-76 { font-size: 3.5rem; }
  .font-46 { font-size: 2rem; }
  .font-82 { font-size: 3.8rem; }
  .font-42 { font-size: 1.9rem; }
  .font-52 { font-size: 2.4rem; }
  .font-36 { font-size: 1.6rem; }
  .font-24 { font-size: 1.2rem; }
  .font-22 { font-size: 1.1rem; }
  .font-32 { font-size: 1.5rem; }
  .font-20 { font-size: 1rem; }
}

/* Mobile Large (576px - 767px) */
@media (min-width: 576px) and (max-width: 767px) {
  .unit-title { font-size: 4.5rem; line-height: 4rem; }
  .section-title { font-size: 2.8rem; }
  .overlay-text h2 { font-size: 2.2rem; }
  .overlay-text p { font-size: 1.2rem; }
  .sub-title { font-size: 1.5rem; }
  .font-76 { font-size: 2.8rem; }
  .font-46 { font-size: 1.6rem; }
  .font-82 { font-size: 3rem; }
  .font-42 { font-size: 1.5rem; }
  .font-52 { font-size: 2rem; }
  .font-36 { font-size: 1.3rem; }
  .font-24 { font-size: 1rem; }
  .font-22 { font-size: 0.95rem; }
  .font-32 { font-size: 1.3rem; }
  .font-20 { font-size: 0.9rem; }
}

/* Mobile Small (up to 575px) */
@media (max-width: 575px) {
  .unit-title { font-size: 3.5rem; line-height: 3rem; }
  .section-title { font-size: 2.2rem; }
  .overlay-text h2 { font-size: 1.8rem; }
  .overlay-text p { font-size: 1rem; }
  .sub-title { font-size: 1.2rem; }
  .font-76 { font-size: 2.2rem; }
  .font-46 { font-size: 1.3rem; }
  .font-82 { font-size: 2.4rem; }
  .font-42 { font-size: 1.2rem; }
  .font-52 { font-size: 1.6rem; }
  .font-36 { font-size: 1.1rem; }
  .font-24 { font-size: 0.9rem; }
  .font-22 { font-size: 0.85rem; }
  .font-32 { font-size: 1.1rem; }
  .font-20 { font-size: 0.8rem; }
  .font-16 { font-size: 0.8rem; }
  .font-14 { font-size: 0.75rem; }
  .font-12 { font-size: 0.7rem; }
}

/* Extra responsive adjustments */
@media (max-width: 991.98px) {
  .video-wrap iframe, .video-wrap video { height: 320px; }
  .hero-title { font-size: 1.8rem; }
  .incentives-list li { font-size: 1rem; }
  .line-9 { line-height: 2.2rem; }
}

@media (max-width: 767px) {
  .overlay-text h2 { font-size: 2rem; margin-bottom: 0.8rem; }
  .overlay-text p { font-size: 1.2rem; margin-top: 0.8rem; }
  .overlay-text .divider { margin: 1rem auto; }
  .bg-dark-green { padding: 2rem !important; }
  .incentives-list li { font-size: 0.9rem; margin-bottom: 0.8rem; }
  .section-title { margin-bottom: 1.5rem; }
}

@media (max-width: 575px) {
  .incentives-list li { font-size: 0.85rem; margin-bottom: 0.7rem; }
  .section-title { margin-bottom: 1.2rem; }
  .p-5 { padding: 2rem !important; }
  .m-5 { margin: 2rem !important; }
}

/* ================================
   🎉 Thank You Page Styling
   ================================ */

.thank-you-section {
  min-height: 80vh;
  display: flex;
  align-items: center;
  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
  padding: 4rem 0;
}

.thank-you-content {
  background: #fff;
  padding: 3rem;
  border-radius: 1rem;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(21, 71, 52, 0.1);
}

.success-icon {
  animation: bounceIn 0.8s ease-out;
}

.success-icon svg {
  filter: drop-shadow(0 4px 8px rgba(21, 71, 52, 0.3));
}

.thank-you-title {
  font-family: var(--font-freight);
  font-size: 3rem;
  font-weight: 400;
  color: var(--dgreen);
  letter-spacing: 0.02em;
  margin-bottom: 1.5rem;
}

.thank-you-message {
  color: #333;
  line-height: 1.8;
}

.thank-you-message .lead {
  font-size: 1.25rem;
  font-weight: 300;
  color: var(--dgreen);
  margin-bottom: 2rem;
}

.thank-you-message p {
  font-size: 1.1rem;
  margin-bottom: 1.5rem;
}

.thank-you-actions .btn {
  padding: 0.75rem 2rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  border-radius: 0;
  min-width: 180px;
}

.thank-you-actions .btn-primary {
  background-color: var(--dgreen);
  border-color: var(--dgreen);
}

.thank-you-actions .btn-primary:hover {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
}

.thank-you-actions .btn-outline-primary {
  color: var(--dgreen);
  border-color: var(--dgreen);
}

.thank-you-actions .btn-outline-primary:hover {
  background-color: var(--dgreen);
  border-color: var(--dgreen);
}

.thank-you-info {
  background: var(--lyellow) !important;
  border: 1px solid rgba(21, 71, 52, 0.1);
}

.thank-you-info h3 {
  color: var(--dgreen);
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.thank-you-info li {
  color: var(--dgreen);
  font-weight: 500;
  position: relative;
  padding-left: 1.5rem;
}

.thank-you-info li::before {
  content: "✓";
  position: absolute;
  left: 0;
  color: var(--dgreen);
  font-weight: bold;
  font-size: 1.1rem;
}

/* Animations */
@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: scale(0.3);
  }
  50% {
    opacity: 1;
    transform: scale(1.05);
  }
  70% {
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.thank-you-content {
  animation: fadeInUp 0.8s ease-out;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Responsive adjustments for thank you page */
@media (max-width: 768px) {
  .thank-you-section {
    padding: 2rem 0;
  }
  
  .thank-you-content {
    padding: 2rem;
    margin: 1rem;
  }
  
  .thank-you-title {
    font-size: 2.2rem;
  }
  
  .thank-you-message .lead {
    font-size: 1.1rem;
  }
  
  .thank-you-message p {
    font-size: 1rem;
  }
  
  .thank-you-actions {
    flex-direction: column;
    gap: 1rem;
  }
  
  .thank-you-actions .btn {
    width: 100%;
    margin: 0;
  }
}

@media (max-width: 575px) {
  .thank-you-content {
    padding: 1.5rem;
    margin: 0.5rem;
  }
  
  .thank-you-title {
    font-size: 1.8rem;
  }
  
  .success-icon svg {
    width: 60px;
    height: 60px;
  }
}