/* =========================================================================
   BDP DANUBE PROMOTE — MAIN STYLESHEET
   Organised section-by-section. Each section contains its own base styles
   followed immediately by its own responsive (max-width) rules.
   ========================================================================= */

/* =========================================================================
   0. ROOT VARIABLES, RESET, BASE TYPOGRAPHY
   ========================================================================= */
:root{
  --navy-950:#060f1e;
  --navy-900:#0a1830;
  --navy-800:#0d2140;
  --navy-700:#132a4d;
  --gold-500:#f0b23f;
  --gold-400:#f5c95f;
  --gold-600:#d68f1e;
  --gold-gradient:linear-gradient(135deg,#f7d27a 0%,#f0b23f 45%,#d68f1e 100%);
  --red-600:#e31e24;
  --white:#ffffff;
  --off-white:#eef2f8;
  --muted:#aeb9c9;
  --muted-dim:#7f8ba0;
  --card-bg:rgba(255,255,255,0.035);
  --card-border:rgba(255,255,255,0.12);
  --card-border-hover:rgba(240,178,63,0.65);
  --shadow-gold:0 10px 30px rgba(240,178,63,0.18);
  --radius-md:14px;
  --radius-lg:22px;
  --radius-pill:999px;
  --font-serif:'Playfair Display', Georgia, serif;
  --font-display:'Oswald', 'Arial Narrow', sans-serif;
  --font-body:'Poppins', -apple-system, BlinkMacSystemFont, sans-serif;
  --container:1320px;
  --nav-h:84px;
  --nav-h-scrolled:66px;
}

*,*::before,*::after{ box-sizing:border-box; }

html{ scroll-behavior:smooth; scroll-padding-top:var(--nav-h-scrolled); }
@media (prefers-reduced-motion: reduce){ html{ scroll-behavior:auto; } }

.bdp-page{
  background:var(--navy-950);
  color:var(--off-white);
  font-family:var(--font-body);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

.bdp-page img{ max-width:100%; display:block; }
.bdp-page a{ text-decoration:none; color:inherit; }
.bdp-page ul{ list-style:none; margin:0; padding:0; }
.bdp-page button{ font-family:inherit; cursor:pointer; }
.bdp-page input,.bdp-page textarea,.bdp-page select{ font-family:inherit; }

.bdp-container{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
}

/* Hero only — full browser width */
.bdp-hero .bdp-container{
  width:100%;
  max-width:none;
  margin-left:0;
  margin-right:0;
  padding-left:clamp(32px,4vw,70px);
  padding-right:clamp(32px,4vw,70px);
}















.bdp-eyebrow{
  font-family:var(--font-body);
  font-weight:600;
  letter-spacing:.22em;
  text-transform:uppercase;
  font-size:13px;
  color:var(--gold-500);
  display:inline-flex;
  align-items:center;
  gap:12px;
}
.bdp-eyebrow::before{
  content:"";
  width:34px;height:2px;
  background:var(--gold-gradient);
  display:inline-block;
}

.bdp-section-title{
  font-family:var(--font-serif);
  font-weight:700;
  font-size:clamp(30px,4vw,48px);
  color:var(--white);
  margin:14px 0 18px;
}
.bdp-section-title em{ color:var(--gold-500); font-style:italic; }

.bdp-section-sub{
  color:var(--muted);
  font-size:16px;
  max-width:620px;
  margin-bottom:44px;
}

.bdp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  font-family:var(--font-body);
  font-weight:600;
  font-size:15px;
  letter-spacing:.03em;
  padding:16px 34px;
  border-radius:var(--radius-pill);
  border:none;
  cursor:pointer;
  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s ease, filter .35s ease;
}
.bdp-btn-gold{
  background:var(--gold-gradient);
  color:var(--navy-950);
  box-shadow:var(--shadow-gold);
}
.bdp-btn-gold:hover{
  transform:translateY(-3px) scale(1.02);
  box-shadow:0 16px 40px rgba(240,178,63,0.32);
  filter:brightness(1.05);
}
.bdp-btn-outline{
  background:transparent;
  color:var(--gold-500);
  border:1.5px solid rgba(240,178,63,0.55);
}
.bdp-btn-outline:hover{
  background:rgba(240,178,63,0.08);
  border-color:var(--gold-500);
  transform:translateY(-2px);
}

@media (max-width:600px){
  .bdp-container{ padding:0 20px; }
  .bdp-section-sub{ font-size:14.5px; margin-bottom:30px; }
  .bdp-btn{ padding:14px 26px; font-size:14px; }
}

/* =========================================================================
   1. SCROLL-REVEAL ANIMATION UTILITIES (paired with IntersectionObserver JS)
   ========================================================================= */
.bdp-reveal{
  opacity:0;
  transform:translateY(36px);
  transition:opacity .8s cubic-bezier(.2,.7,.2,1), transform .8s cubic-bezier(.2,.7,.2,1);
  will-change:opacity, transform;
}
.bdp-reveal.is-visible{ opacity:1; transform:translateY(0); }

.bdp-reveal-left{ transform:translateX(-50px); }
.bdp-reveal-left.is-visible{ transform:translateX(0); }

.bdp-reveal-right{ transform:translateX(50px); }
.bdp-reveal-right.is-visible{ transform:translateX(0); }

.bdp-reveal-scale{ transform:scale(.85); }
.bdp-reveal-scale.is-visible{ transform:scale(1); }

.bdp-stagger > *{ transition-delay:calc(var(--i,0) * 90ms); }

@media (prefers-reduced-motion: reduce){
  .bdp-reveal,.bdp-reveal-left,.bdp-reveal-right,.bdp-reveal-scale{
    opacity:1 !important; transform:none !important; transition:none !important;
  }
}

/* =========================================================================
   2. STICKY NAVBAR
   ========================================================================= */
.bdp-nav{
  position:fixed;
  top:0; left:0; right:0;
  z-index:9999;
  height:var(--nav-h);
  display:flex;
  align-items:center;
  background:linear-gradient(180deg, rgba(6,15,30,0.92) 0%, rgba(6,15,30,0.75) 100%);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(255,255,255,0.06);
  transition:height .35s ease, background .35s ease, box-shadow .35s ease;
}
.bdp-nav.is-scrolled{
  height:var(--nav-h-scrolled);
  background:rgba(6,15,30,0.97);
  box-shadow:0 8px 30px rgba(0,0,0,0.35);
}
.bdp-nav-inner{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}
.bdp-logo-group{ display:flex; align-items:center; gap:16px; }
.bdp-logo-group img{ height:44px; width:auto; transition:height .35s ease; }
.bdp-nav.is-scrolled .bdp-logo-group img{ height:55px; }
.bdp-logo-divider{ width:1px; height:32px; background:rgba(255,255,255,0.2); }

.bdp-nav-links{
  display:flex;
  align-items:center;
  gap:40px;
}
.bdp-nav-links a{
  font-size:15px;
  font-weight:500;
  color:var(--off-white);
  position:relative;
  padding:6px 0;
  transition:color .3s ease;
}
.bdp-nav-links a::after{
  content:"";
  position:absolute; left:0; bottom:0;
  width:0; height:2px;
  background:var(--gold-gradient);
  transition:width .35s ease;
}
.bdp-nav-links a:hover,
.bdp-nav-links a.is-active{ color:var(--gold-400); }
.bdp-nav-links a:hover::after,
.bdp-nav-links a.is-active::after{ width:100%; }

.bdp-nav-phone{
  display:flex;
  align-items:center;
  gap:10px;
  border:1.5px solid rgba(240,178,63,0.55);
  border-radius:var(--radius-pill);
  padding:10px 20px;
  font-weight:600;
  font-size:14.5px;
  color:var(--gold-400);
  transition:all .3s ease;
  white-space:nowrap;
}
.bdp-nav-phone:hover{
  background:var(--gold-gradient);
  color:var(--navy-950);
  transform:translateY(-2px);
}
.bdp-nav-phone svg{ flex-shrink:0; }

.bdp-nav-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  background:none;
  border:none;
  padding:8px;
}
.bdp-nav-toggle span{
  width:26px; height:2px;
  background:var(--gold-500);
  transition:all .3s ease;
}
.bdp-nav-toggle.is-open span:nth-child(1){ transform:translateY(7px) rotate(45deg); }
.bdp-nav-toggle.is-open span:nth-child(2){ opacity:0; }
.bdp-nav-toggle.is-open span:nth-child(3){ transform:translateY(-7px) rotate(-45deg); }

@media (max-width:1080px){
  .bdp-nav-inner{ padding:0 22px; }
  .bdp-nav-links{ gap:22px; }
  .bdp-nav-phone span.bdp-phone-text{ display:none; }
  .bdp-nav-phone{ padding:10px 14px; }
}
@media (max-width:860px){
  .bdp-nav-links{
    position:fixed;
    top:var(--nav-h-scrolled);
    left:0; right:0;
    flex-direction:column;
    align-items:flex-start;
    gap:0;
    background:rgba(6,15,30,0.98);
    backdrop-filter:blur(12px);
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    border-bottom:1px solid rgba(255,255,255,0.08);
  }
  .bdp-nav-links.is-open{ max-height:420px; }
  .bdp-nav-links a{
    width:100%;
    padding:16px 24px;
    border-bottom:1px solid rgba(255,255,255,0.05);
  }
  .bdp-nav-links a::after{ display:none; }
  .bdp-nav-toggle{ display:flex; }
  .bdp-nav-phone .bdp-phone-text{ display:none; }
}
@media (max-width:480px){
  .bdp-logo-group img{ height:34px; }
  .bdp-nav.is-scrolled .bdp-logo-group img{ height:28px; }
  .bdp-logo-divider{ height:24px; }
}

/* =========================================================================
   3. HERO SECTION ( #home ) — background building, animated plane, clouds
   ========================================================================= */
.bdp-hero{
  position:relative;
  min-height:100vh;
  padding-top:var(--nav-h);
  display:flex;
  align-items:center;
  overflow:hidden;
  background-color:var(--navy-950);
}
.bdp-hero-bg{
  position:absolute;
  inset:0;
  background-image:url('../images/hero-bg-01.png');
  background-repeat:no-repeat;
  background-position:center center;
  background-size:cover;
  z-index:0;
}


.bdp-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg, rgba(6,12,24,0.94) 0%, rgba(6,12,24,0.55) 42%, rgba(6,12,24,0.15) 68%, rgba(6,12,24,0.55) 100%),
             linear-gradient(0deg, rgba(6,12,24,0.85) 0%, rgba(6,12,24,0) 30%);
  z-index:1;
}

/* clouds */
.bdp-clouds{ position:absolute; inset:0; z-index:1; pointer-events:none; overflow:hidden; }
.bdp-cloud{
  position:absolute;
  background:rgba(255,255,255,0.18);
  border-radius:50%;
  filter:blur(6px);
  animation:bdp-drift linear infinite;
}
.bdp-cloud::before,.bdp-cloud::after{
  content:"";
  position:absolute;
  background:inherit;
  border-radius:50%;
  filter:inherit;
}
.bdp-cloud-1{ width:140px; height:34px; top:14%; left:-220px; animation-duration:48s; }
.bdp-cloud-1::before{ width:80px; height:44px; top:-18px; left:20px; }
.bdp-cloud-1::after{ width:60px; height:30px; top:-10px; left:70px; }
.bdp-cloud-2{ width:100px; height:26px; top:26%; left:-180px; animation-duration:65s; animation-delay:-15s; opacity:.7; }
.bdp-cloud-2::before{ width:60px; height:32px; top:-14px; left:14px; }
.bdp-cloud-3{ width:170px; height:38px; top:9%; left:-260px; animation-duration:80s; animation-delay:-40s; opacity:.5; }
.bdp-cloud-3::before{ width:90px; height:46px; top:-20px; left:30px; }
.bdp-cloud-3::after{ width:70px; height:34px; top:-12px; left:90px; }
@keyframes bdp-drift{
  from{ transform:translateX(0); }
  to{ transform:translateX(calc(100vw + 300px)); }
}

/* plane — floats up/down independently, positioned to avoid overlapping headline/building */
.bdp-plane{
  position:absolute;
  top:16%;
  left:33%;
  width:min(20vw,300px);
  z-index:2;
  animation:bdp-plane-bob 4.5s ease-in-out infinite;
  filter:drop-shadow(0 18px 22px rgba(0,0,0,0.45));
}
@keyframes bdp-plane-bob{
  0%,100%{ transform:translateY(0) rotate(-2deg); }
  50%{ transform:translateY(-22px) rotate(0deg); }
}
/*
.bdp-hero-grid{
  position:relative;
  z-index:3;
  width:100%;
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:40px;
  align-items:center;
  padding-top:60px;
  padding-bottom:60px;
}
*/
/* =========================================================
   HERO — FULL SCREEN WIDTH
   ========================================================= */

.bdp-hero > .bdp-container{
  width:100%;
  max-width:none;
  padding-left:clamp(32px,5vw,90px);
  padding-right:clamp(32px,5vw,90px);
}

.bdp-hero-grid{
  position:relative;
  z-index:3;
  width:100%;
  display:grid;

  /* MORE SPACE FOR TEXT / LESS SPACE FOR FORM */
  grid-template-columns:minmax(0,1.45fr) minmax(360px,0.55fr);

  gap:70px;

  align-items:center;

  padding-top:60px;
  padding-bottom:60px;
}

.bdp-hero-desc{
  max-width:760px;
}

.bdp-feature-grid{
  width:100%;
  max-width:none;
}

.bdp-enquiry-card{
  width:100%;
  max-width:310px;
  margin-left:auto;

  padding:18px 18px;

  border-radius:15px;
}

  border:1px solid rgba(240,178,63,0.4);

  border-radius:16px;

  padding:20px 20px;

  box-shadow:0 24px 55px rgba(0,0,0,0.50);
}







/* HERO TITLE — WHITE + GOLD */
.bdp-hero-title {
  color: #ffffff;
}

.bdp-hero-title em {
  color: #F0B23F;
  font-style: italic;
}
.bdp-hero-copy .bdp-hero-title{
  font-family:var(--font-serif);
  font-size:clamp(38px,4.6vw,64px);
  line-height:1.05;
  color:var(--white);
  margin:0 0 6px;
}
.bdp-hero-copy .bdp-hero-title em{
  font-style:italic;
  color:var(--gold-500);
  font-weight:500;
}
.bdp-hero-tagline{
  font-family:var(--font-body);
  font-size:14px;
  font-weight:600;
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--off-white);
  margin:18px 0;
  position:relative;
  display:inline-block;
  padding:0 0 12px;
}
.bdp-hero-tagline::before,.bdp-hero-tagline::after{
  content:"";
  position:absolute;
  top:50%;
  width:36px; height:1px;
  background:rgba(240,178,63,0.6);
}
.bdp-hero-tagline::before{ left:-52px; }
.bdp-hero-tagline::after{ right:-52px; }

.bdp-hero-headline{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-weight:700;
  font-size:clamp(34px,5.4vw,58px);
  line-height:1.02;
  color:var(--white);
  margin:0 0 4px;
  letter-spacing:.01em;
}
.bdp-hero-headline .bdp-gold-text{
  background:var(--gold-gradient);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.bdp-hero-pill{
  display:inline-block;
  margin:22px 0 20px;
  padding:14px 30px;
  border-radius:var(--radius-pill);
  background:var(--gold-gradient);
  color:var(--navy-950);
  font-weight:700;
  font-size:14px;
  letter-spacing:.06em;
  text-transform:uppercase;
  box-shadow:var(--shadow-gold);
  transition:transform .35s ease, box-shadow .35s ease;
}
.bdp-hero-pill:hover{ transform:translateY(-3px); box-shadow:0 16px 36px rgba(240,178,63,0.34); }

.bdp-hero-desc{
  color:var(--muted);
  font-size:16px;
  max-width:460px;
  margin-bottom:34px;
}

/* feature mini-cards */
.bdp-feature-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:16px;
  max-width:560px;
}
.bdp-feature-card{
  display:flex;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border:1px solid var(--card-border);
  border-radius:var(--radius-md);
  background:var(--card-bg);
  transition:transform .35s cubic-bezier(.2,.8,.2,1), border-color .35s ease, background .35s ease, box-shadow .35s ease;
}
.bdp-feature-card:hover{
  transform:translateY(-6px);
  border-color:var(--card-border-hover);
  background:rgba(240,178,63,0.06);
  box-shadow:0 14px 34px rgba(0,0,0,0.35);
}
.bdp-feature-icon{
  flex-shrink:0;
  width:46px; height:46px;
  border-radius:50%;
  border:1.5px solid rgba(240,178,63,0.55);
  display:flex; align-items:center; justify-content:center;
  color:var(--gold-500);
  transition:background .35s ease, color .35s ease, transform .35s ease;
}
.bdp-feature-card:hover .bdp-feature-icon{
  background:var(--gold-gradient);
  color:var(--navy-950);
  transform:rotate(-8deg) scale(1.08);
}
.bdp-feature-text{ font-size:13.5px; line-height:1.4; }
.bdp-feature-text strong{ display:block; color:var(--white); font-size:14.5px; font-weight:700; }
.bdp-feature-text .bdp-highlight{ color:var(--gold-500); font-weight:700; }













/* =========================================================
   SLEEK ENQUIRY FORM
   ========================================================= */

.bdp-enquiry-card{
  position:relative;
  width:100%;
  max-width:560px;
  margin-left:auto;

  background:linear-gradient(
    160deg,
    rgba(13,33,64,0.94),
    rgba(6,15,30,0.97)
  );

  border:1px solid rgba(240,178,63,0.38);
  border-radius:18px;

  /* slimmer outer spacing */
  padding:26px 26px;

  box-shadow:0 24px 55px rgba(0,0,0,0.48);
}


/* ---- Heading ---- */

.bdp-enquiry-title{
  font-family:var(--font-display);
  text-transform:uppercase;
  font-size:22px;
  font-weight:700;
  letter-spacing:.02em;
  line-height:1.15;
  color:var(--white);
  margin:0 0 3px;
}

.bdp-enquiry-title span{
  color:var(--gold-500);
}

.bdp-enquiry-sub{
  color:var(--muted);
  font-size:12.5px;
  line-height:1.4;
  margin:0 0 16px;
}


/* ---- Fields ---- */

.bdp-field{
  position:relative;
  margin-bottom:8px;
}

.bdp-field input,
.bdp-field textarea,
.bdp-field select{
  width:100%;

  background:rgba(255,255,255,0.04);

  border:1px solid rgba(255,255,255,0.16);

  border-radius:7px;

  padding:10px 13px 10px 40px;

  color:var(--white);

  font-size:13px;

  line-height:1.35;

  box-sizing:border-box;

  transition:
    border-color .3s ease,
    background .3s ease,
    box-shadow .3s ease;
}


/* ---- Message ---- */
.bdp-field textarea{
  padding:10px 13px;

  min-height:62px;
  height:62px;

  line-height:1.4;

  resize:vertical;
}

.bdp-field input::placeholder,
.bdp-field textarea::placeholder{
  color:var(--muted-dim);
}


/* ---- Focus ---- */

.bdp-field input:focus,
.bdp-field textarea:focus,
.bdp-field select:focus{
  outline:none;

  border-color:var(--gold-500);

  background:rgba(240,178,63,0.055);

  box-shadow:0 0 0 2px rgba(240,178,63,0.12);
}


/* ---- Icons ---- */

.bdp-field-icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);

  color:var(--muted-dim);

  pointer-events:none;
}


/* ---- Select ---- */

.bdp-field select{
  appearance:none;
  padding-left:42px;

  color:#000000 !important;
  background-color:#ffffff;
}

.bdp-field select option{
  color:#000000 !important;
  background:#ffffff;
}


/* ---- Phone ---- */

.bdp-phone-row{
  display:flex;
  gap:7px;
}

.bdp-phone-row .bdp-code{
  flex:0 0 72px;
}

.bdp-phone-row .bdp-code select{
  padding-left:30px;
  padding-right:5px;
}

.bdp-phone-row .bdp-code select{
  padding-left:35px;
  padding-right:8px;

  color:#000000 !important;
  background:#ffffff;
}

.bdp-phone-row .bdp-code select option{
  color:#000000 !important;
  background:#ffffff;
}

.bdp-phone-row .bdp-num{
  flex:1;
}


/* =========================================================
   CONSENT
   ========================================================= */

.bdp-consent{
  display:flex;
  align-items:flex-start;

  gap:7px;

  font-size:11px;
  line-height:1.4;

  color:var(--muted);

  margin:10px 0 12px;
}

.bdp-consent input{
  margin-top:2px;
  accent-color:var(--gold-500);
}


/* =========================================================
   BUTTON
   ========================================================= */

.bdp-enquiry-card .bdp-btn{
  width:100%;

  min-height:43px;

  padding:11px 18px;

  font-size:13px;
}


/* =========================================================
   PRIVACY NOTE
   ========================================================= */

.bdp-privacy-note{
  display:flex;
  align-items:center;

  gap:6px;

  margin-top:10px;

  font-size:10.5px;
  line-height:1.3;

  color:var(--muted-dim);
}


/* =========================================================
   FORM MESSAGE
   ========================================================= */

.bdp-form-msg{
  display:none;

  margin-top:12px;

  padding:12px;

  border-radius:8px;

  font-size:13px;

  text-align:center;
}

.bdp-form-msg.is-success{
  display:block;

  background:rgba(48,196,120,0.12);
  border:1px solid rgba(48,196,120,0.45);

  color:#8ff0bb;
}

.bdp-form-msg.is-error{
  display:block;

  background:rgba(227,30,36,0.12);
  border:1px solid rgba(227,30,36,0.5);

  color:#ff9a9d;
}

.bdp-form-msg .bdp-whatsapp-inline{
  display:inline-flex;
  align-items:center;
  gap:7px;

  margin-top:10px;

  padding:9px 18px;

  border-radius:var(--radius-pill);

  background:#25D366;
  color:#06381f;

  font-weight:700;
  font-size:12.5px;
}


/* =========================================================
   TABLET
   ========================================================= */

@media (max-width:1080px){

  .bdp-hero .bdp-container{
    max-width:none;
    padding-left:32px;
    padding-right:32px;
  }

  .bdp-hero-grid{
    grid-template-columns:1fr;
    gap:35px;
  }

  .bdp-enquiry-card{
    width:100%;
    max-width:440px;
    margin-left:auto;
    margin-right:auto;
  }

  .bdp-plane{
    top:8%;
    left:auto;
    right:6%;
    width:min(30vw,220px);
  }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width:768px){

  .bdp-hero{
    min-height:auto;
    padding-bottom:60px;
  }

  .bdp-hero-grid{
    padding-top:40px;
    gap:36px;
  }

  .bdp-hero-tagline::before,
  .bdp-hero-tagline::after{
    display:none;
  }

  .bdp-feature-grid{
    grid-template-columns:1fr;
    max-width:none;
  }

  .bdp-plane{
    top:4%;
    right:4%;
    width:130px;
    opacity:.9;
  }

  .bdp-enquiry-card{
    max-width:100%;
    padding:23px 20px;
  }
}


/* =========================================================
   SMALL MOBILE
   ========================================================= */

@media (max-width:480px){

  .bdp-hero-headline{
    font-size:32px;
  }

  .bdp-hero-title{
    font-size:34px;
  }

  .bdp-enquiry-card{
    padding:22px 17px;
    border-radius:15px;
  }

  .bdp-enquiry-title{
    font-size:20px;
  }

  .bdp-field input,
  .bdp-field textarea,
  .bdp-field select{
    font-size:13px;
  }

  .bdp-field textarea{
    min-height:68px;
    height:68px;
  }

  .bdp-phone-row .bdp-code{
    flex:0 0 78px;
  }

  .bdp-plane{
    width:100px;
    top:2%;
  }
}














/* =========================================================================
   5. AMENITIES SECTION
   ========================================================================= */
.bdp-amenities{
  padding:120px 0;
  background:var(--navy-950);
}
.bdp-amenities-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.bdp-amenity-card{
  padding:34px 24px;
  text-align:center;
  border-radius:var(--radius-lg);
  border:1px solid var(--card-border);
  background:var(--card-bg);
  transition:transform .4s cubic-bezier(.2,.8,.2,1), border-color .4s ease, background .4s ease, box-shadow .4s ease;
}
.bdp-amenity-card:hover{
  transform:translateY(-10px);
  border-color:var(--card-border-hover);
  background:linear-gradient(160deg, rgba(240,178,63,0.08), rgba(255,255,255,0.02));
  box-shadow:0 20px 44px rgba(0,0,0,0.4);
}
.bdp-amenity-icon{
  width:64px; height:64px;
  margin:0 auto 18px;
  border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  border:1.5px solid rgba(240,178,63,0.5);
  color:var(--gold-500);
  transition:transform .4s ease, background .4s ease, color .4s ease;
}
.bdp-amenity-card:hover .bdp-amenity-icon{
  background:var(--gold-gradient);
  color:var(--navy-950);
  transform:scale(1.1) rotate(6deg);
}
.bdp-amenity-card h3{ font-family:var(--font-serif); font-size:19px; color:var(--white); margin:0 0 8px; }
.bdp-amenity-card p{ font-size:13.5px; color:var(--muted); margin:0; }

@media (max-width:960px){
  .bdp-amenities{ padding:80px 0; }
  .bdp-amenities-grid{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:480px){
  .bdp-amenities-grid{ grid-template-columns:1fr; gap:16px; }
  .bdp-amenity-card{ padding:26px 20px; }
}










/* =========================================================================
   6. PAYMENT PLAN SECTION (signature section — kept extra attractive)
   ========================================================================= */
/* =========================================================================
   6. PAYMENT PLAN SECTION
   ========================================================================= */

.bdp-payment {
	position: relative;

	padding: 130px 0;

	background:
		radial-gradient(
			ellipse 60% 60% at 80% 10%,
			rgba(240,178,63,0.10),
			transparent 60%
		),
		radial-gradient(
			ellipse 50% 50% at 10% 90%,
			rgba(19,42,77,0.6),
			transparent 60%
		),
		var(--navy-900);

	overflow: hidden;
}


/* Decorative glow */

.bdp-payment::before {
	content: "";

	position: absolute;

	top: -120px;
	right: -120px;

	width: 420px;
	height: 420px;

	border-radius: 50%;

	background:
		radial-gradient(
			circle,
			rgba(240,178,63,0.16),
			transparent 70%
		);

	filter: blur(10px);

	pointer-events: none;
}


/* =========================================================================
   PAYMENT HEADER
   ========================================================================= */

.bdp-payment-head {
	text-align: center;

	max-width: 760px;

	margin: 0 auto 60px;

	position: relative;

	z-index: 1;
}


.bdp-payment-head .bdp-eyebrow {
	justify-content: center;
}


.bdp-payment-head .bdp-section-title {
	margin-left: auto;
	margin-right: auto;
}


.bdp-payment-head .bdp-section-sub {
	max-width: 760px;

	margin-left: auto;
	margin-right: auto;

	text-align: center;
}


/* =========================================================================
   PAYMENT STEPS — 3 IN ONE ROW
   ========================================================================= */

.bdp-payment-track {
	position: relative;

	display: grid !important;

	grid-template-columns:
		repeat(3, minmax(0, 1fr)) !important;

	gap: 0 !important;

	width: 100%;

	border-radius: var(--radius-lg);

	overflow: hidden;

	border: 1px solid rgba(240,178,63,0.30);

	background: rgba(255,255,255,0.015);

	z-index: 1;
}


/* Individual step */

.bdp-payment-step {
	position: relative;

	min-width: 0;

	padding: 44px 28px 38px;

	background: rgba(255,255,255,0.02);

	border-right: 1px solid rgba(255,255,255,0.08);

	transition:
		background .4s ease,
		transform .4s ease;

	text-align: center;
}


/* Remove border from last step */

.bdp-payment-track
.bdp-payment-step:last-child {
	border-right: none;
}


/* Hover */

.bdp-payment-step:hover {
	background:
		linear-gradient(
			180deg,
			rgba(240,178,63,0.12),
			rgba(240,178,63,0.02)
		);

	transform: translateY(-8px);

	z-index: 2;
}


/* =========================================================================
   STEP NUMBER
   ========================================================================= */

.bdp-payment-step .bdp-step-num {
	display: block;

	margin-bottom: 14px;

	font-family: var(--font-serif);

	font-size: 15px;

	color: var(--gold-500);

	letter-spacing: .1em;

	text-transform: uppercase;
}


/* =========================================================================
   STEP PERCENTAGE
   ========================================================================= */

.bdp-payment-step .bdp-step-pct {
	font-family: var(--font-display);

	font-size: 48px;

	font-weight: 700;

	color: var(--white);

	line-height: 1;

	margin-bottom: 12px;
}


.bdp-payment-step .bdp-step-pct span {
	font-size: 21px;

	vertical-align: top;
}


/* =========================================================================
   STEP LABEL
   ========================================================================= */

.bdp-payment-step .bdp-step-label {
	font-size: 13.5px;

	color: var(--muted);

	text-transform: uppercase;

	letter-spacing: .05em;

	line-height: 1.5;
}


/* =========================================================================
   PAYMENT HIGHLIGHTS — 4 IN ONE ROW
   ========================================================================= */

.bdp-payment-highlight {
	margin-top: 40px;

	display: grid !important;

	grid-template-columns:
		repeat(4, minmax(0, 1fr)) !important;

	gap: 16px !important;

	width: 100%;

	position: relative;

	z-index: 1;
}


/* Individual chip */

.bdp-payment-highlight .bdp-pay-chip {
	display: flex;

	flex-direction: column;

	align-items: flex-start;

	justify-content: center;

	min-width: 0;

	min-height: 105px;

	padding: 22px 22px;

	border-radius: var(--radius-md);

	border: 1px solid var(--card-border);

	background: var(--card-bg);

	box-sizing: border-box;

	transition:
		transform .35s ease,
		border-color .35s ease,
		background .35s ease;
}


/* Chip hover */

.bdp-payment-highlight .bdp-pay-chip:hover {
	transform: translateY(-6px);

	border-color: var(--card-border-hover);

	background: rgba(240,178,63,0.06);
}


/* Chip title */

.bdp-pay-chip strong {
	display: block;

	margin-bottom: 7px;

	color: var(--gold-500);

	font-family: var(--font-serif);

	font-size: 22px;

	line-height: 1.15;
}


/* Chip description */

.bdp-pay-chip span {
	display: block;

	font-size: 12.5px;

	line-height: 1.4;

	color: var(--muted);
}


/* =========================================================================
   CTA
   ========================================================================= */

.bdp-payment-cta {
	margin-top: 50px;

	display: flex;

	align-items: center;

	justify-content: center;

	gap: 20px;

	flex-wrap: wrap;

	position: relative;

	z-index: 1;
}


/* =========================================================================
   TABLET
   ========================================================================= */

@media (max-width: 960px) {

	.bdp-payment {
		padding: 90px 0;
	}


	/* Steps remain 3 columns */

	.bdp-payment-track {
		grid-template-columns:
			repeat(3, minmax(0, 1fr)) !important;
	}


	.bdp-payment-step {
		padding: 36px 18px 32px;
	}


	.bdp-payment-step .bdp-step-pct {
		font-size: 40px;
	}


	/* Highlights become 2 × 2 */

	.bdp-payment-highlight {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 14px !important;
	}

}


/* =========================================================================
   MOBILE
   ========================================================================= */

@media (max-width: 767px) {

	.bdp-payment {
		padding: 75px 0;
	}


	.bdp-payment-head {
		margin-bottom: 40px;
	}


	.bdp-payment-head .bdp-section-sub {
		font-size: 14px;

		line-height: 1.65;
	}


	/* ---------------------------------------------------------
	   STEPS
	   --------------------------------------------------------- */

	.bdp-payment-track {
		grid-template-columns: 1fr !important;

		border-radius: var(--radius-md);
	}


	.bdp-payment-step {
		padding: 32px 20px;

		border-right: none;

		border-bottom:
			1px solid rgba(255,255,255,0.08);
	}


	.bdp-payment-step:last-child {
		border-bottom: none;
	}


	.bdp-payment-step:hover {
		transform: none;
	}


	.bdp-payment-step .bdp-step-pct {
		font-size: 38px;

		margin-bottom: 10px;
	}


	/* ---------------------------------------------------------
	   HIGHLIGHTS
	   --------------------------------------------------------- */

	.bdp-payment-highlight {
		grid-template-columns:
			repeat(2, minmax(0, 1fr)) !important;

		gap: 10px !important;

		margin-top: 25px;
	}


	.bdp-payment-highlight .bdp-pay-chip {
		min-height: 95px;

		padding: 16px 13px;

		align-items: center;

		text-align: center;
	}


	.bdp-pay-chip strong {
		font-size: 18px;
	}


	.bdp-pay-chip span {
		font-size: 11px;
	}


	/* ---------------------------------------------------------
	   CTA
	   --------------------------------------------------------- */

	.bdp-payment-cta {
		flex-direction: column;

		gap: 12px;

		margin-top: 35px;
	}


	.bdp-payment-cta .bdp-btn {
		width: 100%;

		text-align: center;

		box-sizing: border-box;
	}

}


/* =========================================================================
   VERY SMALL PHONES
   ========================================================================= */

@media (max-width: 380px) {

	.bdp-payment {
		padding: 65px 0;
	}


	.bdp-payment-highlight {
		grid-template-columns: 1fr !important;
	}


	.bdp-payment-highlight .bdp-pay-chip {
		min-height: 82px;
	}


	.bdp-payment-step .bdp-step-pct {
		font-size: 36px;
	}

}











/* =========================================================================
   7. GALLERY SECTION — sticky stretched boxes desktop / slideshow mobile
   ========================================================================= */
.bdp-gallery{
  padding:120px 0 100px;
  background:var(--navy-950);
}
.bdp-gallery-head{ text-align:center; max-width:640px; margin:0 auto 50px; }
.bdp-gallery-head .bdp-eyebrow{ justify-content:center; }
.bdp-gallery-head .bdp-section-title{ margin-left:auto; margin-right:auto; }
.bdp-gallery-head .bdp-section-sub{ margin-left:auto; margin-right:auto; text-align:center; }

.bdp-gallery-strip{
  display:flex;
  width:100%;
  height:520px;
  border-top:1px solid rgba(255,255,255,0.08);
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.bdp-gallery-item{
  position:relative;
  flex:1;
  overflow:hidden;
  border-right:1px solid rgba(255,255,255,0.08);
  cursor:pointer;
  transition:flex .6s cubic-bezier(.2,.8,.2,1);
}
.bdp-gallery-strip .bdp-gallery-item:last-child{ border-right:none; }
.bdp-gallery-item img{
  position:absolute; inset:0;
  width:100%; height:100%; object-fit:cover;
  transition:transform .6s ease, filter .6s ease;
  filter:grayscale(35%) brightness(.75);
}
.bdp-gallery-item:hover{ flex:2.6; }
.bdp-gallery-item:hover img{ transform:scale(1.05); filter:grayscale(0%) brightness(1); }
.bdp-gallery-caption{
  position:absolute; left:0; right:0; bottom:0;
  padding:22px 20px;
  background:linear-gradient(0deg, rgba(6,12,24,0.92), transparent);
  opacity:0; transform:translateY(10px);
  transition:opacity .4s ease, transform .4s ease;
}
.bdp-gallery-item:hover .bdp-gallery-caption{ opacity:1; transform:translateY(0); }
.bdp-gallery-caption strong{ display:block; color:var(--white); font-family:var(--font-serif); font-size:17px; }
.bdp-gallery-caption span{ font-size:12px; color:var(--gold-400); text-transform:uppercase; letter-spacing:.08em; }

/* mobile slideshow */
.bdp-gallery-slideshow{ display:none; }

@media (max-width:960px){
  .bdp-gallery{ padding:80px 0 70px; }
  .bdp-gallery-strip{ height:420px; }
}
@media (max-width:768px){
  .bdp-gallery-strip{ display:none; }
  .bdp-gallery-slideshow{
    display:block;
    position:relative;
    border-radius:var(--radius-md);
    overflow:hidden;
    border:1px solid var(--card-border);
  }
  .bdp-slide-track{
    display:flex;
    transition:transform .5s cubic-bezier(.2,.8,.2,1);
  }
  .bdp-slide{
    position:relative;
    min-width:100%;
    height:360px;
  }
  .bdp-slide img{ width:100%; height:100%; object-fit:cover; }
  .bdp-slide-caption{
    position:absolute; left:0; right:0; bottom:0;
    padding:18px;
    background:linear-gradient(0deg, rgba(6,12,24,0.92), transparent);
  }
  .bdp-slide-caption strong{ color:var(--white); font-family:var(--font-serif); font-size:16px; display:block; }
  .bdp-slide-caption span{ color:var(--gold-400); font-size:11.5px; text-transform:uppercase; letter-spacing:.08em; }
  .bdp-slide-nav{
    position:absolute; top:50%; transform:translateY(-50%);
    width:42px; height:42px; border-radius:50%;
    background:rgba(6,12,24,0.7);
    border:1px solid rgba(240,178,63,0.5);
    color:var(--gold-500);
    display:flex; align-items:center; justify-content:center;
    z-index:3;
    transition:background .3s ease;
  }
  .bdp-slide-nav:hover{ background:var(--gold-gradient); color:var(--navy-950); }
  .bdp-slide-prev{ left:12px; }
  .bdp-slide-next{ right:12px; }
  .bdp-slide-dots{
    display:flex; justify-content:center; gap:8px;
    margin-top:16px;
  }
  .bdp-slide-dot{
    width:8px; height:8px; border-radius:50%;
    background:rgba(255,255,255,0.25);
    transition:background .3s ease, transform .3s ease;
  }
  .bdp-slide-dot.is-active{ background:var(--gold-500); transform:scale(1.3); }
}
@media (max-width:480px){
  .bdp-slide{ height:260px; }
}

/* =========================================================================
   8. LOCATION STRIP (supports "Location" reference / adds trust + SEO copy)
   ========================================================================= */
.bdp-location{
  padding:100px 0;
  background:linear-gradient(180deg, var(--navy-900), var(--navy-950));
}
.bdp-location-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:50px;
  align-items:center;
}
.bdp-location-points{ display:grid; gap:16px; margin-top:26px; }
.bdp-location-points li{
  display:flex; gap:12px; align-items:flex-start;
  font-size:14.5px; color:var(--off-white);
}
.bdp-location-points li svg{ color:var(--gold-500); flex-shrink:0; margin-top:3px; }
.bdp-location-map{
  border-radius:var(--radius-lg);
  overflow:hidden;
  border:1px solid var(--card-border);
  aspect-ratio:4/3;
}
.bdp-location-map img{ width:100%; height:100%; object-fit:cover; transition:transform .7s ease; }
.bdp-location-map:hover img{ transform:scale(1.05); }

@media (max-width:960px){
  .bdp-location{ padding:70px 0; }
  .bdp-location-grid{ grid-template-columns:1fr; gap:32px; }
}

/* =========================================================================
   9. FOOTER / CONTACT STRIP
   ========================================================================= */
.bdp-footer{
  padding:60px 0 30px;
  background:var(--navy-950);
  border-top:1px solid rgba(255,255,255,0.08);
}
.bdp-footer-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:40px;
  flex-wrap:wrap;
  padding-bottom:36px;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.bdp-footer-brand img{ height:40px; margin-bottom:14px; }
.bdp-footer-brand p{ color:var(--muted); font-size:13.5px; max-width:320px; }
.bdp-footer-cols{ display:flex; gap:70px; flex-wrap:wrap; }
.bdp-footer-col h4{ color:var(--white); font-size:15px; margin:0 0 16px; font-family:var(--font-serif); }
.bdp-footer-col li{ margin-bottom:10px; }
.bdp-footer-col a{ color:var(--muted); font-size:13.5px; transition:color .3s ease, padding-left .3s ease; }
.bdp-footer-col a:hover{ color:var(--gold-500); padding-left:4px; }
.bdp-footer-bottom{
  display:flex; justify-content:space-between; align-items:center;
  flex-wrap:wrap; gap:12px;
  padding-top:24px;
  font-size:12.5px; color:var(--muted-dim);
}
.bdp-footer-social{ display:flex; gap:12px; }
.bdp-footer-social a{
  width:36px; height:36px; border-radius:50%;
  border:1px solid rgba(255,255,255,0.15);
  display:flex; align-items:center; justify-content:center;
  color:var(--muted);
  transition:all .3s ease;
}
.bdp-footer-social a:hover{ background:var(--gold-gradient); color:var(--navy-950); border-color:transparent; transform:translateY(-3px); }

@media (max-width:768px){
  .bdp-footer-top{ flex-direction:column; }
  .bdp-footer-cols{ gap:40px; }
  .bdp-footer-bottom{ flex-direction:column; text-align:center; }
}

/* =========================================================================
   10. FLOATING ACTION BUTTONS — scroll-to-top (bottom-left) + WhatsApp (bottom-right)
   ========================================================================= */
.bdp-scroll-top{
  position:fixed;
  left:24px; bottom:24px;
  width:50px; height:50px;
  border-radius:50%;
  background:var(--gold-gradient);
  color:var(--navy-950);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 12px 26px rgba(0,0,0,0.4);
  z-index:9998;
  border:none;
  opacity:0; visibility:hidden; transform:translateY(16px);
  transition:opacity .35s ease, transform .35s ease, visibility .35s ease, box-shadow .3s ease;
}
.bdp-scroll-top.is-visible{ opacity:1; visibility:visible; transform:translateY(0); }
.bdp-scroll-top:hover{ box-shadow:0 16px 34px rgba(240,178,63,0.4); transform:translateY(-4px); }/* =========================================================
   SCROLL TO TOP — PERFECT CIRCLE
   ========================================================= */

#bdpScrollTop {
	position: fixed !important;

	right: 24px !important;
	bottom: 24px !important;

	width: 48px !important;
	height: 48px !important;

	min-width: 48px !important;
	min-height: 48px !important;

	padding: 0 !important;
	margin: 0 !important;

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

	border-radius: 50% !important;

	border: 1px solid #c9a227 !important;

	background: #c9a227 !important;

	color: #ffffff !important;

	box-sizing: border-box !important;

	z-index: 99999 !important;

	cursor: pointer !important;

	line-height: 1 !important;

	appearance: none !important;
	-webkit-appearance: none !important;

	overflow: hidden !important;

	transition:
		background-color 0.25s ease,
		transform 0.25s ease,
		box-shadow 0.25s ease !important;
}


/* SVG ARROW */

#bdpScrollTop svg {
	display: block !important;

	width: 20px !important;
	height: 20px !important;

	min-width: 20px !important;
	min-height: 20px !important;

	margin: 0 !important;
	padding: 0 !important;

	color: #ffffff !important;

	stroke: #ffffff !important;

	fill: none !important;

	stroke-width: 2.4 !important;

	overflow: visible !important;

	pointer-events: none !important;
}


/* SVG PATH */

#bdpScrollTop svg path {
	fill: none !important;

	stroke: #ffffff !important;

	stroke-width: 2.4 !important;

	stroke-linecap: round !important;

	stroke-linejoin: round !important;
}


/* HOVER */

#bdpScrollTop:hover {
	background: #b8941f !important;

	transform: translateY(-3px) !important;

	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.20) !important;
}


/* ACTIVE */

#bdpScrollTop:active {
	transform: translateY(0) !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {

	#bdpScrollTop {
		right: 16px !important;
		bottom: 18px !important;

		width: 44px !important;
		height: 44px !important;

		min-width: 44px !important;
		min-height: 44px !important;
	}

	#bdpScrollTop svg {
		width: 18px !important;
		height: 18px !important;

		min-width: 18px !important;
		min-height: 18px !important;
	}
}

/* =========================================================
   WHATSAPP FLOATING BUTTON
========================================================= */

.bdp-whatsapp-float{
  position:fixed !important;

  right:24px !important;
  bottom:24px !important;

  width:56px !important;
  height:56px !important;

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

  padding:0 !important;
  margin:0 !important;

  border-radius:50% !important;

  background:#25D366 !important;

  color:#ffffff !important;

  text-decoration:none !important;

  box-shadow:0 12px 26px rgba(0,0,0,.4) !important;

  z-index:9998 !important;

  animation:bdp-wa-pulse 2.6s ease-in-out infinite;

  line-height:0 !important;
}


/* FORCE WHATSAPP ICON TO SHOW */

.bdp-whatsapp-float svg{
  display:block !important;

  width:26px !important;
  height:26px !important;

  min-width:26px !important;
  min-height:26px !important;

  max-width:26px !important;
  max-height:26px !important;

  fill:#ffffff !important;

  color:#ffffff !important;

  opacity:1 !important;

  visibility:visible !important;

  flex:none !important;
}


/* Keep icon white on hover */

.bdp-whatsapp-float:hover{
  color:#ffffff !important;

  background:#25D366 !important;

  transform:scale(1.08);
}

.bdp-whatsapp-float:hover svg{
  fill:#ffffff !important;
  color:#ffffff !important;
}


/* Pulse */

@keyframes bdp-wa-pulse{

  0%,100%{
    box-shadow:
      0 12px 26px rgba(0,0,0,.4),
      0 0 0 0 rgba(37,211,102,.5);
  }

  50%{
    box-shadow:
      0 12px 26px rgba(0,0,0,.4),
      0 0 0 10px rgba(37,211,102,0);
  }

}


/* Mobile */

@media (max-width:480px){

  .bdp-whatsapp-float{
    width:50px !important;
    height:50px !important;

    right:16px !important;
    bottom:16px !important;
  }

  .bdp-whatsapp-float svg{
    width:24px !important;
    height:24px !important;

    min-width:24px !important;
    min-height:24px !important;

    max-width:24px !important;
    max-height:24px !important;
  }

}
.bdp-whatsapp-float:hover{ transform:scale(1.08); }
@keyframes bdp-wa-pulse{
  0%,100%{ box-shadow:0 12px 26px rgba(0,0,0,0.4), 0 0 0 0 rgba(37,211,102,0.5); }
  50%{ box-shadow:0 12px 26px rgba(0,0,0,0.4), 0 0 0 10px rgba(37,211,102,0); }
}

@media (max-width:480px){
  .bdp-scroll-top{ width:44px; height:44px; left:16px; bottom:16px; }
  .bdp-whatsapp-float{ width:50px; height:50px; right:16px; bottom:16px; }
}

/* =========================================================================
   11. THANK-YOU TOAST (global success confirmation, in addition to inline msg)
   ========================================================================= */
.bdp-toast{
  position:fixed;
  top:calc(var(--nav-h-scrolled) + 16px);
  right:24px;
  max-width:340px;
  background:linear-gradient(160deg, rgba(13,33,64,0.97), rgba(6,15,30,0.98));
  border:1px solid rgba(48,196,120,0.5);
  border-radius:var(--radius-md);
  padding:18px 20px;
  box-shadow:0 20px 46px rgba(0,0,0,0.5);
  z-index:10000;
  display:flex; gap:14px; align-items:flex-start;
  transform:translateX(120%);
  transition:transform .5s cubic-bezier(.2,.8,.2,1);
}
.bdp-toast.is-visible{ transform:translateX(0); }
.bdp-toast-icon{ color:#4be08a; flex-shrink:0; }
.bdp-toast strong{ display:block; color:var(--white); font-size:14.5px; margin-bottom:3px; }
.bdp-toast p{ margin:0; font-size:13px; color:var(--muted); }
.bdp-toast-close{ margin-left:auto; background:none; border:none; color:var(--muted-dim); font-size:16px; padding:0 4px; }

@media (max-width:480px){
  .bdp-toast{ left:16px; right:16px; max-width:none; }
}

/* =========================================================================
   12. SKIP LINK / ACCESSIBILITY / FOCUS STATES
   ========================================================================= */
.bdp-page a:focus-visible,
.bdp-page button:focus-visible,
.bdp-page input:focus-visible,
.bdp-page textarea:focus-visible,
.bdp-page select:focus-visible{
  outline:2px solid var(--gold-500);
  outline-offset:3px;
}



















/* =========================================================
   HERO FINAL FIX — FULL WIDTH + SLEEK FORM
   ========================================================= */

/* ---------------------------------------------------------
   1. FORCE HERO TO FULL SCREEN WIDTH
   --------------------------------------------------------- */

.bdp-hero > .bdp-container{
  width:100% !important;
  max-width:none !important;
  margin-left:0 !important;
  margin-right:0 !important;

  padding-left:clamp(32px,4.5vw,72px) !important;
  padding-right:clamp(32px,4.5vw,72px) !important;
}


/* Give the two sides more breathing room */
.bdp-hero-grid{
  width:100% !important;
  max-width:none !important;

  grid-template-columns:minmax(0,1.35fr) minmax(400px,0.65fr) !important;

  gap:clamp(45px,5vw,90px) !important;
}


/* ---------------------------------------------------------
   2. SLEEK / NARROW ENQUIRY CARD
   --------------------------------------------------------- */

.bdp-enquiry-card{
  width:100% !important;

  /* THIS is the important part */
  max-width:500px !important;

  margin-left:auto !important;
  margin-right:0 !important;

  padding:22px 22px !important;

  border-radius:16px !important;

  box-shadow:0 22px 50px rgba(0,0,0,0.48) !important;
}


/* ---------------------------------------------------------
   3. SMALLER HEADING
   --------------------------------------------------------- */

.bdp-enquiry-title{
  font-size:21px !important;
  line-height:1.1 !important;
  margin-bottom:2px !important;
}

.bdp-enquiry-sub{
  font-size:12px !important;
  line-height:1.35 !important;

  margin-bottom:13px !important;
}


/* ---------------------------------------------------------
   4. THINNER / SHORTER FIELDS
   --------------------------------------------------------- */

.bdp-field{
  margin-bottom:8px !important;
}

.bdp-field input,
.bdp-field textarea,
.bdp-field select{
  height:43px !important;
  min-height:43px !important;

  padding-top:9px !important;
  padding-bottom:9px !important;

  font-size:13px !important;

  border-radius:7px !important;
}


/* Message */
.bdp-field textarea{
  height:65px !important;
  min-height:65px !important;

  padding:9px 13px !important;

  line-height:1.4 !important;
}


/* ---------------------------------------------------------
   5. PHONE ROW
   --------------------------------------------------------- */

.bdp-phone-row{
  gap:7px !important;
}

.bdp-phone-row .bdp-code{
  flex:0 0 76px !important;
}

.bdp-phone-row .bdp-code select{
  padding-left:30px !important;
  padding-right:5px !important;
}


/* ---------------------------------------------------------
   6. BLACK DROPDOWN TEXT
   --------------------------------------------------------- */

.bdp-field select{
  color:#000 !important;
  background:#fff !important;
}

.bdp-field select option{
  color:#000 !important;
  background:#fff !important;
}

.bdp-phone-row .bdp-code select{
  color:#000 !important;
  background:#fff !important;
}

.bdp-phone-row .bdp-code select option{
  color:#000 !important;
  background:#fff !important;
}


/* ---------------------------------------------------------
   7. CONSENT — MUCH TIGHTER
   --------------------------------------------------------- */

.bdp-consent{
  gap:6px !important;

  font-size:10.5px !important;
  line-height:1.35 !important;

  margin:7px 0 9px !important;
}


/* ---------------------------------------------------------
   8. BUTTON — SLEEK
   --------------------------------------------------------- */

.bdp-enquiry-card .bdp-btn{
  width:100% !important;

  min-height:40px !important;

  padding:9px 16px !important;

  font-size:12.5px !important;
}


/* ---------------------------------------------------------
   9. PRIVACY — TIGHT
   --------------------------------------------------------- */

.bdp-privacy-note{
  gap:5px !important;

  margin-top:8px !important;

  font-size:10px !important;
  line-height:1.25 !important;
}


/* ---------------------------------------------------------
   10. TABLET
   --------------------------------------------------------- */

@media (max-width:1080px){

  .bdp-hero > .bdp-container{
    max-width:none !important;

    padding-left:32px !important;
    padding-right:32px !important;
  }

  .bdp-hero-grid{
    grid-template-columns:1fr !important;
    gap:35px !important;
  }

  .bdp-enquiry-card{
    max-width:500px !important;
    margin-left:auto !important;
    margin-right:auto !important;
  }
}


/* ---------------------------------------------------------
   11. MOBILE
   --------------------------------------------------------- */

@media (max-width:768px){

  .bdp-hero > .bdp-container{
    padding-left:20px !important;
    padding-right:20px !important;
  }

  .bdp-enquiry-card{
    max-width:100% !important;
    padding:21px 18px !important;
  }

  .bdp-hero-grid{
    gap:30px !important;
  }
}


/* ---------------------------------------------------------
   12. SMALL MOBILE
   --------------------------------------------------------- */

@media (max-width:480px){

  .bdp-enquiry-card{
    padding:20px 16px !important;
  }

  .bdp-field input,
  .bdp-field textarea,
  .bdp-field select{
    font-size:12.5px !important;
  }

  .bdp-field textarea{
    height:62px !important;
    min-height:62px !important;
  }
}





















/* =========================================================
   CONTACT SECTION - NEW DESIGN
========================================================= */

.bdp-contact{
  position:relative !important;
  width:100% !important;
  min-height:680px !important;
  padding:90px 0 !important;
  overflow:hidden !important;
  background:#061225 !important;
}

.bdp-contact-bg{
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;

  background-image:url('../images/contact-bg.jpg') !important;
  background-size:cover !important;
  background-position:center center !important;
  background-repeat:no-repeat !important;
}

.bdp-contact-overlay{
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;

  background:
    linear-gradient(
      90deg,
      rgba(3,12,27,.96) 0%,
      rgba(3,12,27,.88) 42%,
      rgba(3,12,27,.68) 100%
    ) !important;
}

.bdp-contact > .bdp-container{
  position:relative !important;
  z-index:5 !important;
}

.bdp-contact-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 390px !important;
  gap:80px !important;
  align-items:center !important;
}


/* LEFT */

.bdp-contact-copy{
  max-width:620px !important;
}

.bdp-contact-copy .bdp-section-title{
  color:#fff !important;
  margin-top:12px !important;
}

.bdp-contact-copy .bdp-section-title em{
  color:var(--gold-500) !important;
}

.bdp-contact-copy .bdp-section-sub{
  color:rgba(255,255,255,.72) !important;
  max-width:560px !important;
  margin-top:18px !important;
}


/* CONTACT POINTS */

.bdp-contact-points{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin-top:30px !important;
}

.bdp-contact-point{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;

  padding:14px !important;

  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;

  background:rgba(5,18,38,.62) !important;

  backdrop-filter:blur(8px) !important;
}

.bdp-contact-point-icon{
  flex:0 0 38px !important;

  width:38px !important;
  height:38px !important;

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

  border:1px solid rgba(240,178,63,.5) !important;
  border-radius:50% !important;

  color:var(--gold-500) !important;
}

.bdp-contact-point strong{
  display:block !important;
  color:#fff !important;
  font-size:13px !important;
  margin-bottom:3px !important;
}

.bdp-contact-point div > span{
  display:block !important;
  color:rgba(255,255,255,.62) !important;
  font-size:11px !important;
  line-height:1.4 !important;
}


/* WHATSAPP */

.bdp-contact-whatsapp{
  display:inline-flex !important;
  align-items:center !important;
  gap:11px !important;

  margin-top:20px !important;
  padding:12px 18px !important;

  border:1px solid rgba(37,211,102,.45) !important;
  border-radius:999px !important;

  background:rgba(37,211,102,.10) !important;

  color:#8ff0bb !important;
  text-decoration:none !important;
}

.bdp-contact-whatsapp strong{
  display:block !important;
  font-size:12px !important;
}

.bdp-contact-whatsapp small{
  display:block !important;
  font-size:10px !important;
  margin-top:2px !important;
}


/* FORM */

.bdp-contact .bdp-enquiry-card{
  width:390px !important;
  max-width:390px !important;

  margin:0 0 0 auto !important;

  padding:22px 20px !important;

  border-radius:18px !important;

  background:
    linear-gradient(
      160deg,
      rgba(13,33,64,.96),
      rgba(4,13,27,.98)
    ) !important;

  border:1px solid rgba(240,178,63,.45) !important;

  box-shadow:0 30px 70px rgba(0,0,0,.6) !important;

  backdrop-filter:blur(14px) !important;
}

.bdp-contact .bdp-enquiry-title{
  font-size:22px !important;
}

.bdp-contact .bdp-enquiry-sub{
  font-size:12px !important;
  margin-bottom:15px !important;
}

.bdp-contact .bdp-field{
  margin-bottom:9px !important;
}

.bdp-contact .bdp-field input,
.bdp-contact .bdp-field textarea,
.bdp-contact .bdp-field select{
  min-height:38px !important;
  padding:9px 12px 9px 40px !important;
  font-size:12.5px !important;
}

.bdp-contact .bdp-field textarea{
  min-height:55px !important;
  padding-left:12px !important;
}

.bdp-contact .bdp-phone-row{
  gap:8px !important;
}

.bdp-contact .bdp-phone-row .bdp-code{
  flex:0 0 68px !important;
}

.bdp-contact .bdp-phone-row .bdp-code select{
  padding-left:10px !important;
}

.bdp-contact .bdp-consent{
  margin:10px 0 12px !important;
  font-size:10px !important;
  line-height:1.35 !important;
}

.bdp-contact .bdp-btn{
  min-height:40px !important;
  font-size:11.5px !important;
}

.bdp-contact .bdp-privacy-note{
  margin-top:9px !important;
  font-size:9.5px !important;
}


/* TABLET */

@media (max-width:900px){

  .bdp-contact{
    padding:70px 0 !important;
  }

  .bdp-contact-grid{
    grid-template-columns:1fr !important;
    gap:40px !important;
  }

  .bdp-contact-copy{
    max-width:650px !important;
  }

  .bdp-contact .bdp-enquiry-card{
    width:100% !important;
    max-width:420px !important;
    margin:0 auto !important;
  }
}


/* MOBILE */

@media (max-width:600px){

  .bdp-contact{
    min-height:auto !important;
    padding:60px 0 !important;
  }

  .bdp-contact-overlay{
    background:
      linear-gradient(
        180deg,
        rgba(3,12,27,.92),
        rgba(3,12,27,.97)
      ) !important;
  }

  .bdp-contact-points{
    grid-template-columns:1fr !important;
  }

  .bdp-contact .bdp-enquiry-card{
    width:100% !important;
    max-width:100% !important;
    padding:18px 15px !important;
  }
}





















/* =========================================================
   MINIMAL FOOTER
========================================================= */

.bdp-footer-minimal{
  padding:22px 0 !important;
  background:#050f1e !important;
  border-top:1px solid rgba(255,255,255,.08) !important;
}

.bdp-footer-minimal-inner{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:20px !important;
}

.bdp-footer-copyright{
  color:rgba(255,255,255,.48) !important;
  font-size:11px !important;
  line-height:1.5 !important;
}

.bdp-footer-social{
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
}

.bdp-footer-social-link{
  width:34px !important;
  height:34px !important;

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

  border:1px solid rgba(240,178,63,.3) !important;
  border-radius:50% !important;

  color:rgba(255,255,255,.65) !important;
  text-decoration:none !important;

  transition:all .25s ease !important;
}

.bdp-footer-social-link:hover{
  color:var(--gold-500) !important;
  border-color:var(--gold-500) !important;
  transform:translateY(-2px) !important;
}


/* Mobile */

@media (max-width:600px){

  .bdp-footer-minimal{
    padding:18px 0 !important;
  }

  .bdp-footer-minimal-inner{
    flex-direction:column !important;
    justify-content:center !important;
    text-align:center !important;
    gap:12px !important;
  }

}





















/* =========================================================
   OVERVIEW — FINAL CARD DESIGN
   Paste this at the VERY BOTTOM of style.css
========================================================= */
/* =========================================================
   OVERVIEW — FRESH DESIGN
   Completely independent from Hero cards
========================================================= */

.bdp-overview-new{
	position:relative;
	width:100%;
	padding:105px 0 115px;
	background:var(--navy-900);
	overflow:hidden;
}


/* =========================================================
   INTRO
========================================================= */

.bdp-overview-new-intro{
	width:100%;
	max-width:1100px;
	margin:0 auto;
}


.bdp-overview-new-eyebrow{
	display:flex;
	align-items:center;
	gap:12px;

	margin-bottom:20px;

	color:var(--gold-500);

	font-size:11px;
	font-weight:700;

	letter-spacing:.18em;
	text-transform:uppercase;
}


.bdp-overview-new-eyebrow span{
	display:block;

	width:30px;
	height:2px;

	background:var(--gold-500);
}


.bdp-overview-new-title{
	margin:0;

	max-width:1100px;

	color:var(--white);

	font-family:var(--font-serif);
	font-size:clamp(42px,4vw,58px);
	font-weight:500;

	line-height:1.08;
	letter-spacing:-.025em;
}


.bdp-overview-new-title em{
	color:var(--gold-500);
	font-style:italic;
}


.bdp-overview-new-description{
	max-width:610px;

	margin:22px 0 0;

	color:var(--muted);

	font-size:15px;
	line-height:1.65;
}


/* =========================================================
   CARD GRID
========================================================= */

.bdp-overview-new-grid{

	display:grid;

	/* THIS IS THE IMPORTANT PART */
	grid-template-columns:repeat(4, minmax(0, 1fr));

	gap:18px;

	width:100%;
	max-width:1100px;

	margin:55px auto 0;
}


/* =========================================================
   CARD
========================================================= */

.bdp-overview-new-card{

	position:relative;

	display:flex;
	align-items:flex-start;

	min-width:0;
	min-height:145px;

	padding:24px 22px;

	box-sizing:border-box;

	border:1px solid rgba(255,255,255,.11);

	border-radius:14px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.055),
			rgba(255,255,255,.018)
		);

	transition:
		transform .3s ease,
		border-color .3s ease,
		background .3s ease,
		box-shadow .3s ease;
}


/* GOLD TOP LINE */

.bdp-overview-new-card::before{

	content:"";

	position:absolute;

	top:-1px;
	left:22px;

	width:36px;
	height:2px;

	background:var(--gold-500);

	opacity:.8;
}


/* HOVER */

.bdp-overview-new-card:hover{

	transform:translateY(-5px);

	border-color:rgba(240,178,63,.45);

	background:
		linear-gradient(
			145deg,
			rgba(240,178,63,.09),
			rgba(255,255,255,.025)
		);

	box-shadow:
		0 18px 40px rgba(0,0,0,.18);
}


/* =========================================================
   NUMBER
========================================================= */

.bdp-overview-new-number{

	flex:0 0 auto;

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

	width:38px;
	height:38px;

	margin-right:16px;

	border:1px solid rgba(240,178,63,.45);

	border-radius:50%;

	color:var(--gold-500);

	font-size:10px;
	font-weight:700;

	letter-spacing:.05em;
}


/* =========================================================
   CONTENT
========================================================= */

.bdp-overview-new-card-content{

	min-width:0;
	padding-top:1px;
}


.bdp-overview-new-card h3{

	margin:0;

	color:var(--white);

	font-size:15px;
	font-weight:700;

	line-height:1.35;
}


.bdp-overview-new-card h3 span{

	color:var(--gold-500);
}


.bdp-overview-new-card p{

	margin:7px 0 0;

	color:var(--muted);

	font-size:12px;
	font-weight:500;

	line-height:1.5;
}


/* =========================================================
   FIRST 4 — SLIGHTLY STRONGER
========================================================= */

.bdp-overview-new-card:nth-child(-n+4){

	min-height:130px;

	background:
		linear-gradient(
			145deg,
			rgba(255,255,255,.065),
			rgba(255,255,255,.025)
		);
}


/* =========================================================
   LAST 4
========================================================= */

.bdp-overview-new-card:nth-child(n+5){

	min-height:155px;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width:900px){

	.bdp-overview-new{

		padding:85px 0 90px;

	}


	.bdp-overview-new-grid{

		grid-template-columns:repeat(2, minmax(0,1fr));

		gap:16px;

		margin-top:45px;

	}


	.bdp-overview-new-card{

		min-height:140px;

	}

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width:600px){

	.bdp-overview-new{

		padding:70px 0 75px;

	}


	.bdp-overview-new-title{

		font-size:36px;

	}


	.bdp-overview-new-description{

		font-size:14px;

	}


	.bdp-overview-new-grid{

		grid-template-columns:1fr;

		gap:14px;

		margin-top:38px;

	}


	.bdp-overview-new-card,
	.bdp-overview-new-card:nth-child(-n+4),
	.bdp-overview-new-card:nth-child(n+5){

		min-height:auto;

		padding:20px;

	}


	.bdp-overview-new-number{

		width:34px;
		height:34px;

		margin-right:14px;

	}


	.bdp-overview-new-card h3{

		font-size:14px;

	}


	.bdp-overview-new-card p{

		font-size:12px;

	}

}















/* =========================================================
   FINAL MOBILE HERO FIX
   Add at VERY BOTTOM of main.css
========================================================= */
/* =========================================================
   MOBILE — COMPLETE NAVIGATION + HERO
   ========================================================= */

@media (max-width: 767px) {

	/* =====================================================
	   1. GLOBAL MOBILE
	===================================================== */

	html,
	body {
		width: 100% !important;
		max-width: 100% !important;
		overflow-x: hidden !important;
	}

	.bdp-hero,
	.bdp-hero *,
	#bdpNav,
	#bdpNav * {
		box-sizing: border-box;
	}


	/* =====================================================
	   2. MOBILE NAVIGATION
	===================================================== */

	#bdpNav {
		position: fixed !important;

		top: 0 !important;
		left: 0 !important;
		right: 0 !important;

		width: 100% !important;

		z-index: 99999 !important;
	}


	#bdpNav .bdp-container {
		position: relative !important;

		display: flex !important;
		align-items: center !important;
		justify-content: space-between !important;

		width: 100% !important;

		padding: 8px 10px !important;

		box-sizing: border-box !important;
	}


	/* =====================================================
	   3. MOBILE LOGO GROUP
	===================================================== */

	#bdpNav .bdp-logo-group {
		position: relative !important;

		display: flex !important;
		align-items: center !important;
		justify-content: flex-start !important;

		flex: 1 1 auto !important;

		width: auto !important;

		min-width: 0 !important;

		max-width: calc(100% - 50px) !important;

		margin: 0 !important;
		padding: 0 !important;

		text-align: left !important;

		z-index: 100001 !important;

		overflow: visible !important;
	}


	/* =====================================================
	   4. HIDE ORIGINAL DESKTOP LOGOS
	===================================================== */

	#bdpNav .bdp-logo-group img {
		display: none !important;
	}


	/* =====================================================
	   5. SHOW ONLY COMBINED MOBILE LOGO
	   
	   mobile-logo.png contains both logos.
	===================================================== */

	#bdpNav .bdp-logo-group img:first-child {
		display: block !important;

		content: url("https://danube.bestdubaiproperties.ae/wp-content/themes/BDP-Danube-Promote/assets/images/mobile-logo.png") !important;

		width: 290px !important;
		max-width: 290px !important;

		height: auto !important;
		max-height: 60px !important;

		object-fit: contain !important;

		margin: 0 !important;
		padding: 0 !important;

		flex: 0 0 auto !important;

		border: 0 !important;
	}


	/* =====================================================
	   6. MAKE ABSOLUTELY SURE SECOND LOGO IS HIDDEN
	===================================================== */

	#bdpNav .bdp-logo-group img:nth-child(2) {
		display: none !important;
	}


	#bdpNav .bdp-logo-divider {
		display: none !important;
	}


	/* =====================================================
	   7. REMOVE PHONE / CALL BUTTON
	===================================================== */

	#bdpNav .bdp-nav-call,
	#bdpNav .bdp-call,
	#bdpNav .bdp-nav-phone,
	#bdpNav .bdp-phone,
	#bdpNav .bdp-nav-cta,
	#bdpNav .bdp-call-btn,
	#bdpNav .bdp-phone-btn,
	#bdpNav a[href^="tel:"] {
		display: none !important;
	}


	/* =====================================================
	   8. HAMBURGER BUTTON
	===================================================== */

	#bdpNav #bdpNavToggle {
		position: relative !important;

		display: flex !important;

		align-items: center !important;
		justify-content: center !important;

		flex: 0 0 42px !important;

		width: 42px !important;
		height: 42px !important;

		margin: 0 0 0 auto !important;
		padding: 0 !important;

		cursor: pointer !important;

		z-index: 100005 !important;

		pointer-events: auto !important;
	}


	/* Hamburger icon cannot block click */
	#bdpNav #bdpNavToggle *,
	#bdpNav #bdpNavToggle svg,
	#bdpNav #bdpNavToggle span {
		pointer-events: none !important;
	}


	/* =====================================================
	   9. MOBILE MENU
	===================================================== */

	#bdpNav #bdpNavLinks {
		position: absolute !important;

		top: 100% !important;
		left: 0 !important;
		right: 0 !important;

		width: 100% !important;

		z-index: 100004 !important;

		box-sizing: border-box !important;
	}


	/* Open state */
	#bdpNav #bdpNavLinks.is-open {
		display: flex !important;

		visibility: visible !important;

		opacity: 1 !important;

		pointer-events: auto !important;
	}


	/* =====================================================
	   10. MOBILE MENU TEXT SPACING
	===================================================== */

	#bdpNav #bdpNavLinks a {
		display: block !important;

		line-height: 1.8 !important;

		padding-top: 10px !important;
		padding-bottom: 10px !important;

		margin: 0 !important;
	}


	/* =====================================================
	   11. LOGO MUST NOT BLOCK HAMBURGER
	===================================================== */

	#bdpNav .bdp-logo-group {
		pointer-events: none !important;
	}

	#bdpNav .bdp-logo-group img {
		pointer-events: none !important;
	}

	#bdpNav #bdpNavToggle {
		pointer-events: auto !important;
	}


	/* =====================================================
	   12. HERO
	===================================================== */

	.bdp-hero {
		position: relative !important;

		width: 100% !important;

		min-height: 100svh !important;

		height: auto !important;

		overflow: hidden !important;

		isolation: isolate !important;
	}


	/* =====================================================
	   13. MOBILE BACKGROUND
	===================================================== */

	.bdp-hero-bg {
		position: absolute !important;

		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;

		width: 100% !important;
		height: 100% !important;

		background-image: url("../images/mobile-bg.png") !important;

		background-repeat: no-repeat !important;

		background-size: cover !important;

		background-position: center center !important;

		transform: none !important;

		filter: none !important;

		opacity: 1 !important;

		visibility: visible !important;

		z-index: 0 !important;
	}


	/* =====================================================
	   14. HERO OVERLAY
	===================================================== */

	.bdp-hero-overlay {
		position: absolute !important;

		top: 0 !important;
		left: 0 !important;
		right: 0 !important;
		bottom: 0 !important;

		width: 100% !important;
		height: 100% !important;

		z-index: 1 !important;

		background:
			linear-gradient(
				90deg,
				rgba(3, 15, 29, 0.72) 0%,
				rgba(3, 15, 29, 0.42) 52%,
				rgba(3, 15, 29, 0.50) 100%
			) !important;

		pointer-events: none !important;
	}


	/* =====================================================
	   15. CLOUDS
	===================================================== */

	.bdp-clouds {
		position: absolute !important;

		top: 0 !important;
		left: 0 !important;

		width: 100% !important;
		height: 100% !important;

		display: block !important;

		z-index: 2 !important;

		pointer-events: none !important;

		overflow: hidden !important;
	}


	.bdp-cloud,
	.bdp-cloud-1,
	.bdp-cloud-2,
	.bdp-cloud-3,
	.bdp-clouds img {
		pointer-events: none !important;
	}


	/* =====================================================
	   CLOUD ANIMATION
	===================================================== */

	.bdp-cloud-1 {
		animation: bdpMobileCloudMove1 28s linear infinite !important;
	}

	.bdp-cloud-2 {
		animation: bdpMobileCloudMove2 36s linear infinite !important;
	}

	.bdp-cloud-3 {
		animation: bdpMobileCloudMove3 44s linear infinite !important;
	}


	/* Generic cloud fallback */
	.bdp-clouds img {
		animation: bdpMobileCloudFloat 35s linear infinite !important;
	}


	/* =====================================================
	   16. PLANE
	   
	   Very gentle vertical floating only.
	===================================================== */

	.bdp-plane {
		position: absolute !important;

		display: block !important;

		visibility: visible !important;

		opacity: 1 !important;

		width: 95px !important;

		height: auto !important;

		right: 8px !important;

		top: 165px !important;

		max-width: none !important;

		object-fit: contain !important;

		z-index: 4 !important;

		pointer-events: none !important;

		/*
		 * IMPORTANT:
		 * No transform:none here.
		 */
		animation:
			bdpMobilePlaneGentle 5s ease-in-out infinite !important;

		will-change: transform !important;
	}


	/* =====================================================
	   17. HERO CONTENT
	===================================================== */

	.bdp-hero .bdp-container {
		position: relative !important;

		z-index: 5 !important;

		width: 100% !important;

		max-width: 100% !important;

		margin: 0 !important;

		padding-left: 22px !important;
		padding-right: 22px !important;

		box-sizing: border-box !important;
	}


	.bdp-hero-grid {
		position: relative !important;

		display: block !important;

		width: 100% !important;

		z-index: 5 !important;
	}


	.bdp-hero-copy {
		position: relative !important;

		display: block !important;

		width: 100% !important;

		max-width: 100% !important;

		z-index: 6 !important;

		padding-top: 20px !important;
	}


	/* =====================================================
	   18. HERO TITLE
	===================================================== */

	.bdp-hero-title {
		font-size: clamp(42px, 11vw, 58px) !important;

		line-height: 1.05 !important;

		margin-top: 10px !important;

		margin-bottom: 18px !important;

		white-space: nowrap !important;
	}


	/* =====================================================
	   19. TAGLINE
	===================================================== */

	.bdp-hero-tagline {
		font-size: 13px !important;

		letter-spacing: 3px !important;

		margin-bottom: 20px !important;
	}


	/* =====================================================
	   20. HEADLINE
	===================================================== */

	.bdp-hero-headline {
		font-size: clamp(38px, 10vw, 54px) !important;

		line-height: 1.02 !important;

		margin-bottom: 22px !important;
	}


	/* =====================================================
	   21. CTA
	===================================================== */

	.bdp-hero-pill {
		display: inline-flex !important;

		width: auto !important;

		max-width: 100% !important;

		padding: 15px 24px !important;

		font-size: 13px !important;

		letter-spacing: 1.5px !important;

		box-sizing: border-box !important;
	}


	/* =====================================================
	   22. DESCRIPTION
	===================================================== */

	.bdp-hero-desc {
		width: 100% !important;

		max-width: 100% !important;

		font-size: 15px !important;

		line-height: 1.6 !important;

		margin-top: 24px !important;

		margin-bottom: 28px !important;
	}


	/* =====================================================
	   23. FEATURE CARDS
	===================================================== */

	.bdp-feature-grid {
		display: grid !important;

		grid-template-columns: 1fr !important;

		gap: 12px !important;

		width: 100% !important;
	}


	.bdp-feature-card {
		width: 100% !important;

		min-width: 0 !important;

		box-sizing: border-box !important;
	}


	/* =====================================================
	   24. HERO FORM
	===================================================== */

	.bdp-hero-form {
		width: 100% !important;

		max-width: 100% !important;

		margin-top: 25px !important;
	}

}


/* =========================================================
   GENTLE PLANE FLOAT
   Only moves UP and DOWN.
   ========================================================= */

@keyframes bdpMobilePlaneGentle {

	0% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-7px);
	}

	100% {
		transform: translateY(0);
	}

}


/* =========================================================
   CLOUD ANIMATIONS
   ========================================================= */

@keyframes bdpMobileCloudMove1 {

	0% {
		transform: translate3d(-10%, 0, 0);
	}

	50% {
		transform: translate3d(5%, 0, 0);
	}

	100% {
		transform: translate3d(-10%, 0, 0);
	}

}


@keyframes bdpMobileCloudMove2 {

	0% {
		transform: translate3d(8%, 0, 0);
	}

	50% {
		transform: translate3d(-8%, 5px, 0);
	}

	100% {
		transform: translate3d(8%, 0, 0);
	}

}


@keyframes bdpMobileCloudMove3 {

	0% {
		transform: translate3d(-5%, 0, 0);
	}

	50% {
		transform: translate3d(10%, -4px, 0);
	}

	100% {
		transform: translate3d(-5%, 0, 0);
	}

}


@keyframes bdpMobileCloudFloat {

	0% {
		transform: translate3d(-3%, 0, 0);
	}

	50% {
		transform: translate3d(4%, -3px, 0);
	}

	100% {
		transform: translate3d(-3%, 0, 0);
	}

}


/* =========================================================
   VERY SMALL PHONES
   ========================================================= */

@media (max-width: 380px) {

	#bdpNav .bdp-container {
		padding-left: 8px !important;
		padding-right: 8px !important;
	}


	#bdpNav .bdp-logo-group img:first-child {
		width: 290px !important;

		max-width: 290px !important;

		max-height: 55px !important;
	}


	#bdpNav #bdpNavToggle {
		flex: 0 0 40px !important;

		width: 40px !important;

		height: 40px !important;
	}


	.bdp-hero .bdp-container {
		padding-left: 18px !important;
		padding-right: 18px !important;
	}


	.bdp-plane {
		width: 82px !important;

		right: 5px !important;

		top: 155px !important;
	}


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


	.bdp-hero-title {
		font-size: 40px !important;
	}

}