/* Start custom CSS for html, class: .elementor-element-1b327fa *//* =========================================================
   DH TOURS & TRAVELS
   FINAL PREMIUM GOA LANDING PAGE
   ========================================================= */

#dh-goa-page,
#dh-goa-page * {
  box-sizing: border-box;
}

#dh-goa-page {

  --dh-navy: #101c2c;
  --dh-navy-2: #182a40;

  --dh-yellow: #ffb703;
  --dh-yellow-hover: #ffc52e;

  --dh-ocean: #009fe3;
  --dh-turquoise: #14b8a6;

  --dh-bg: #f7fafc;
  --dh-white: #ffffff;

  --dh-text: #172033;
  --dh-muted: #697587;

  --dh-border: rgba(16,28,44,.09);

  --dh-radius: 22px;

  --dh-shadow:
    0 18px 55px rgba(16,28,44,.09);

  --dh-shadow-lg:
    0 30px 90px rgba(16,28,44,.20);

  width: 100%;

  margin: 0;
  padding: 0;

  overflow: hidden;

  background: var(--dh-bg);

  color: var(--dh-text);

  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;

  line-height: 1.6;
}


#dh-goa-page img {
  max-width: 100%;
  display: block;
}


#dh-goa-page a {
  text-decoration: none;
}


#dh-goa-page button,
#dh-goa-page input,
#dh-goa-page select {
  font: inherit;
}


#dh-goa-page button {
  cursor: pointer;
}


/* =========================================================
   CONTAINER
   ========================================================= */

#dh-goa-page .dh-container {

  width:
    min(
      1180px,
      calc(100% - 40px)
    );

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


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

#dh-goa-page .dh-hero {

  position: relative;

  min-height: 820px;

  display: flex;
  align-items: center;

  overflow: hidden;

  background:
    var(--dh-navy);
}


#dh-goa-page .dh-hero-image {

  position: absolute;

  inset: -30px;

  background-image:
    url("https://images.unsplash.com/photo-1512343879784-a960bf40e7f2?auto=format&fit=crop&w=2200&q=85");

  background-position:
    center center;

  background-size: cover;

  transform: scale(1.04);

  will-change: transform;
}


#dh-goa-page .dh-hero-overlay {

  position: absolute;

  inset: 0;

  background:
    linear-gradient(
      90deg,
      rgba(5,15,28,.95) 0%,
      rgba(5,15,28,.80) 40%,
      rgba(5,15,28,.36) 100%
    );
}


#dh-goa-page .dh-hero-container {

  position: relative;

  z-index: 3;

  display: grid;

  grid-template-columns:
    minmax(0,1fr)
    minmax(430px,500px);

  gap: 70px;

  align-items: center;

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


#dh-goa-page .dh-hero-content {

  max-width: 650px;

  color: white;
}


#dh-goa-page .dh-brand-pill {

  display: inline-flex;

  align-items: center;

  gap: 9px;

  padding:
    9px 13px;

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

  border-radius: 100px;

  background:
    rgba(255,255,255,.08);

  backdrop-filter:
    blur(12px);

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .13em;
}


#dh-goa-page .dh-pill-location {

  color:
    var(--dh-yellow);

  padding-left: 4px;

  border-left:
    1px solid
    rgba(255,255,255,.20);
}


#dh-goa-page .dh-live-dot {

  width: 8px;
  height: 8px;

  border-radius: 50%;

  background:
    var(--dh-yellow);

  box-shadow:
    0 0 0 6px
    rgba(255,183,3,.12);

  animation:
    dhPulse 2s infinite;
}


#dh-goa-page .dh-hero-content h1 {

  margin:
    26px 0 20px;

  color: white;

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    clamp(52px,6vw,88px);

  line-height: .94;

  letter-spacing:
    -.065em;

  font-weight: 850;
}


#dh-goa-page .dh-hero-content h1 span {

  color:
    var(--dh-yellow);
}


#dh-goa-page .dh-hero-description {

  max-width: 600px;

  margin: 0;

  color:
    rgba(255,255,255,.79);

  font-size: 17px;

  line-height: 1.75;
}


#dh-goa-page .dh-hero-tags {

  display: flex;

  flex-wrap: wrap;

  gap: 8px;

  margin:
    26px 0;
}


#dh-goa-page .dh-hero-tags span {

  padding:
    8px 11px;

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

  border-radius: 100px;

  background:
    rgba(255,255,255,.06);

  color:
    rgba(255,255,255,.88);

  font-size: 10px;

  font-weight: 700;
}


/* =========================================================
   BUTTONS
   ========================================================= */

#dh-goa-page .dh-btn {

  min-height: 52px;

  display: inline-flex;

  align-items: center;

  justify-content: center;

  gap: 12px;

  padding:
    0 20px;

  border: 0;

  border-radius: 12px;

  font-size: 11px;

  font-weight: 850;

  letter-spacing: .07em;

  transition:
    transform .25s ease,
    background .25s ease,
    box-shadow .25s ease;
}


#dh-goa-page .dh-btn span {

  font-size: 18px;

  transition:
    transform .25s ease;
}


#dh-goa-page .dh-btn:hover {

  transform:
    translateY(-2px);
}


#dh-goa-page .dh-btn:hover span {

  transform:
    translateX(4px);
}


#dh-goa-page .dh-btn-yellow {

  background:
    var(--dh-yellow);

  color:
    var(--dh-navy);

  box-shadow:
    0 12px 32px
    rgba(255,183,3,.20);
}


#dh-goa-page .dh-btn-yellow:hover {

  background:
    var(--dh-yellow-hover);

  box-shadow:
    0 17px 40px
    rgba(255,183,3,.28);
}


#dh-goa-page .dh-btn-glass {

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

  background:
    rgba(255,255,255,.09);

  color: white;

  backdrop-filter:
    blur(12px);
}


#dh-goa-page .dh-btn-glass:hover {

  background:
    rgba(255,255,255,.17);
}


#dh-goa-page .dh-hero-buttons {

  display: flex;

  flex-wrap: wrap;

  gap: 11px;
}


#dh-goa-page .dh-whatsapp-symbol {

  font-size:
    15px !important;
}


#dh-goa-page .dh-phone-line {

  display: flex;

  align-items: center;

  gap: 10px;

  margin-top: 20px;

  color:
    rgba(255,255,255,.55);

  font-size: 12px;
}


#dh-goa-page .dh-phone-line a {

  color: white;

  font-weight: 800;
}


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

#dh-goa-page .dh-booking-card {

  padding: 27px;

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

  border-radius: 24px;

  background:
    rgba(255,255,255,.97);

  box-shadow:
    var(--dh-shadow-lg);

  backdrop-filter:
    blur(20px);
}


#dh-goa-page .dh-booking-header {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  align-items: flex-start;
}


#dh-goa-page .dh-mini-label {

  color:
    var(--dh-ocean);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .15em;
}


#dh-goa-page .dh-booking-header h2 {

  margin:
    5px 0 0;

  color:
    var(--dh-navy);

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size: 25px;

  line-height: 1.1;

  letter-spacing: -.045em;
}


#dh-goa-page .dh-direct-badge {

  padding:
    8px 10px;

  border-radius: 10px;

  background:
    #eafbf7;

  color:
    #087b6c;

  text-align: center;

  font-size: 8px;

  line-height: 1.35;

  font-weight: 800;
}


#dh-goa-page .dh-direct-badge strong {

  display: block;

  font-size: 9px;
}


#dh-goa-page .dh-booking-description {

  margin:
    12px 0 20px;

  color:
    var(--dh-muted);

  font-size: 12px;
}


#dh-goa-page .dh-form-grid {

  display: grid;

  grid-template-columns:
    1fr 1fr;

  gap: 12px;
}


#dh-goa-page .dh-field {

  position: relative;
}


#dh-goa-page .dh-full {

  grid-column:
    span 2;
}


#dh-goa-page .dh-field label {

  display: block;

  margin-bottom: 6px;

  color:
    var(--dh-navy);

  font-size: 10px;

  font-weight: 800;
}


#dh-goa-page .dh-field label b {

  color:
    #ef4444;
}


#dh-goa-page .dh-field input,
#dh-goa-page .dh-field select {

  width: 100%;

  height: 45px;

  padding:
    0 12px;

  border:
    1px solid
    #dfe5eb;

  border-radius: 10px;

  outline: none;

  background:
    #fbfcfd;

  color:
    var(--dh-text);

  font-size: 11px;

  transition:
    border .2s ease,
    box-shadow .2s ease;
}


#dh-goa-page .dh-field input::placeholder {

  color:
    #9ba5b3;
}


#dh-goa-page .dh-field input:focus,
#dh-goa-page .dh-field select:focus {

  border-color:
    var(--dh-ocean);

  background:
    white;

  box-shadow:
    0 0 0 4px
    rgba(0,159,227,.08);
}


#dh-goa-page .dh-vehicle-hint {

  display: flex;

  align-items: center;

  gap: 9px;

  margin-top: 12px;

  padding:
    10px 12px;

  border-radius: 10px;

  background:
    #f0f9ff;

  color:
    #41697a;

  font-size: 10px;
}


#dh-goa-page .dh-vehicle-hint > span {

  color:
    var(--dh-ocean);

  font-size: 16px;
}


#dh-goa-page .dh-vehicle-hint strong {

  display: block;

  color:
    var(--dh-navy);

  font-size: 10px;
}


#dh-goa-page .dh-vehicle-hint small {

  display: block;

  margin-top: 2px;
}


#dh-goa-page .dh-hint-active {

  background:
    #fff8e5;
}


#dh-goa-page .dh-submit-button {

  width: 100%;

  min-height: 52px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  margin-top: 12px;

  padding:
    0 15px;

  border: 0;

  border-radius: 10px;

  background:
    var(--dh-navy);

  color: white;

  font-size: 10px;

  font-weight: 850;

  letter-spacing: .07em;

  transition:
    background .25s ease,
    transform .25s ease;
}


#dh-goa-page .dh-submit-button:hover {

  background:
    #1c3048;

  transform:
    translateY(-2px);
}


#dh-goa-page .dh-submit-button span {

  font-size: 18px;
}


#dh-goa-page .dh-form-security {

  display: flex;

  justify-content: center;

  align-items: center;

  gap: 6px;

  margin-top: 10px;

  color:
    #8a94a1;

  font-size: 9px;

  text-align: center;
}


#dh-goa-page .dh-form-security span {

  color:
    #16a34a;

  font-weight: 900;
}


/* =========================================================
   HERO BOTTOM
   ========================================================= */

#dh-goa-page .dh-hero-bottom {

  position: absolute;

  z-index: 4;

  left: 0;
  right: 0;
  bottom: 0;

  border-top:
    1px solid
    rgba(255,255,255,.10);

  background:
    rgba(5,15,28,.25);

  backdrop-filter:
    blur(8px);
}


#dh-goa-page .dh-hero-bottom-inner {

  min-height: 50px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  color:
    rgba(255,255,255,.60);

  font-size: 10px;
}


#dh-goa-page .dh-hero-bottom-inner > span:last-child {

  color:
    var(--dh-yellow);

  font-size: 18px;

  animation:
    dhFloat 1.8s infinite;
}


/* =========================================================
   QUICK SERVICES
   ========================================================= */

#dh-goa-page .dh-quick-services {

  background:
    var(--dh-navy);
}


#dh-goa-page .dh-quick-grid {

  display: grid;

  grid-template-columns:
    repeat(4,1fr);

  border-left:
    1px solid
    rgba(255,255,255,.06);
}


#dh-goa-page .dh-quick-item {

  min-height: 98px;

  display: grid;

  grid-template-columns:
    43px 1fr 18px;

  gap: 12px;

  align-items: center;

  padding:
    17px;

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

  color: white;

  transition:
    background .25s ease;
}


#dh-goa-page .dh-quick-item:hover {

  background:
    rgba(255,255,255,.05);
}


#dh-goa-page .dh-quick-icon {

  width: 42px;
  height: 42px;

  display: grid;

  place-items: center;

  border-radius: 12px;

  background:
    rgba(255,183,3,.11);

  color:
    var(--dh-yellow);

  font-size: 18px;
}


#dh-goa-page .dh-quick-item strong {

  display: block;

  font-size: 12px;
}


#dh-goa-page .dh-quick-item small {

  display: block;

  color:
    rgba(255,255,255,.48);

  font-size: 9px;
}


#dh-goa-page .dh-quick-item b {

  color:
    rgba(255,255,255,.40);

  transition:
    transform .25s ease;
}


#dh-goa-page .dh-quick-item:hover b {

  color:
    var(--dh-yellow);

  transform:
    translateX(4px);
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

#dh-goa-page .dh-section {

  padding:
    105px 0;
}


#dh-goa-page .dh-section-title {

  margin-bottom:
    48px;
}


#dh-goa-page .dh-center {

  max-width:
    720px;

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

  text-align: center;
}


#dh-goa-page .dh-kicker {

  display: inline-block;

  margin-bottom: 12px;

  color:
    var(--dh-ocean);

  font-size: 9px;

  font-weight: 900;

  letter-spacing: .17em;
}


#dh-goa-page .dh-section-title h2,
#dh-goa-page .dh-section-split h2,
#dh-goa-page .dh-helper-copy h2,
#dh-goa-page .dh-trust-copy h2,
#dh-goa-page .dh-planner-header h2,
#dh-goa-page .dh-review-card h2 {

  margin: 0;

  color:
    var(--dh-navy);

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    clamp(36px,4vw,58px);

  line-height:
    1.02;

  letter-spacing:
    -.06em;

  font-weight:
    850;
}


#dh-goa-page h2 span {

  color:
    var(--dh-ocean);
}


#dh-goa-page .dh-section-title p {

  max-width:
    620px;

  margin:
    18px auto 0;

  color:
    var(--dh-muted);

  font-size:
    13px;

  line-height:
    1.75;
}


#dh-goa-page .dh-section-split {

  display: grid;

  grid-template-columns:
    1fr 370px;

  gap:
    70px;

  align-items:
    end;

  margin-bottom:
    48px;
}


#dh-goa-page .dh-section-split > p {

  margin: 0;

  color:
    var(--dh-muted);

  font-size:
    13px;

  line-height:
    1.8;
}


/* =========================================================
   BENEFITS
   ========================================================= */

#dh-goa-page .dh-intro {

  background:
    var(--dh-bg);
}


#dh-goa-page .dh-benefit-grid {

  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap: 17px;
}


#dh-goa-page .dh-benefit-card {

  position: relative;

  min-height:
    255px;

  padding:
    29px;

  overflow:
    hidden;

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

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

  background:
    white;

  box-shadow:
    0 8px 28px
    rgba(16,28,44,.035);

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


#dh-goa-page .dh-benefit-card:hover {

  transform:
    translateY(-6px);

  box-shadow:
    var(--dh-shadow);
}


#dh-goa-page .dh-benefit-number {

  position: absolute;

  top: 12px;
  right: 23px;

  color:
    rgba(16,28,44,.06);

  font-size:
    65px;

  font-weight:
    900;
}


#dh-goa-page .dh-benefit-icon {

  width: 53px;
  height: 53px;

  display: grid;

  place-items: center;

  margin-bottom:
    26px;

  border-radius:
    15px;

  background:
    #eef9ff;

  font-size:
    22px;
}


#dh-goa-page .dh-benefit-card:nth-child(2)
.dh-benefit-icon {

  background:
    #fff8e5;
}


#dh-goa-page .dh-benefit-card:nth-child(3)
.dh-benefit-icon {

  background:
    #eafbf7;
}


#dh-goa-page .dh-benefit-card h3 {

  margin:
    0 0 8px;

  color:
    var(--dh-navy);

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    19px;

  letter-spacing:
    -.03em;
}


#dh-goa-page .dh-benefit-card p {

  margin: 0;

  color:
    var(--dh-muted);

  font-size:
    12px;

  line-height:
    1.7;
}


/* =========================================================
   FLEET
   ========================================================= */

#dh-goa-page .dh-fleet {

  background:
    white;
}


#dh-goa-page .dh-fleet-grid {

  display: grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:
    17px;
}


#dh-goa-page .dh-fleet-card {

  overflow:
    hidden;

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

  border-radius:
    20px;

  background:
    white;

  box-shadow:
    0 8px 28px
    rgba(16,28,44,.04);

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


#dh-goa-page .dh-fleet-card:hover {

  transform:
    translateY(-6px);

  box-shadow:
    var(--dh-shadow);
}


#dh-goa-page .dh-fleet-photo {

  position: relative;

  height:
    210px;

  overflow:
    hidden;

  background:
    #edf2f6;
}


#dh-goa-page .dh-fleet-photo picture {

  display:
    block;

  width:
    100%;

  height:
    100%;
}


#dh-goa-page .dh-fleet-photo img {

  width:
    100%;

  height:
    100%;

  object-fit:
    cover;

  object-position:
    center;

  transition:
    transform .6s ease;
}


#dh-goa-page .dh-fleet-card:hover
.dh-fleet-photo img {

  transform:
    scale(1.045);
}


#dh-goa-page .dh-fleet-label {

  position:
    absolute;

  top:
    13px;

  left:
    13px;

  padding:
    7px 9px;

  border-radius:
    7px;

  background:
    rgba(16,28,44,.88);

  color:
    white;

  font-size:
    8px;

  font-weight:
    850;

  letter-spacing:
    .11em;
}


#dh-goa-page .dh-yellow-label {

  background:
    var(--dh-yellow);

  color:
    var(--dh-navy);
}


#dh-goa-page .dh-fleet-content {

  padding:
    22px;
}


#dh-goa-page .dh-fleet-heading {

  display:
    flex;

  justify-content:
    space-between;

  gap:
    15px;
}


#dh-goa-page .dh-card-kicker {

  color:
    var(--dh-ocean);

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .14em;
}


#dh-goa-page .dh-fleet-heading h3 {

  margin:
    3px 0 0;

  color:
    var(--dh-navy);

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    23px;

  line-height:
    1.1;

  letter-spacing:
    -.045em;
}


#dh-goa-page .dh-fleet-number {

  color:
    rgba(16,28,44,.15);

  font-size:
    11px;

  font-weight:
    900;
}


#dh-goa-page .dh-fleet-content > p {

  min-height:
    42px;

  margin:
    10px 0 14px;

  color:
    var(--dh-muted);

  font-size:
    11px;

  line-height:
    1.65;
}


#dh-goa-page .dh-spec-list {

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    5px;

  margin-bottom:
    17px;
}


#dh-goa-page .dh-spec-list span {

  padding:
    6px 8px;

  border-radius:
    7px;

  background:
    #f4f7f9;

  color:
    #596577;

  font-size:
    8px;

  font-weight:
    750;
}


#dh-goa-page .dh-fleet-button {

  width:
    100%;

  min-height:
    42px;

  display:
    flex;

  justify-content:
    space-between;

  align-items:
    center;

  padding:
    0 12px;

  border:
    1px solid
    #dce4eb;

  border-radius:
    9px;

  background:
    white;

  color:
    var(--dh-navy);

  font-size:
    10px;

  font-weight:
    850;

  transition:
    background .25s ease,
    color .25s ease,
    border .25s ease;
}


#dh-goa-page .dh-fleet-button:hover {

  border-color:
    var(--dh-navy);

  background:
    var(--dh-navy);

  color:
    white;
}


/* =========================================================
   TEMPO WIDE CARD
   ========================================================= */

#dh-goa-page .dh-tempo-fleet {

  grid-column:
    span 2;

  display:
    grid;

  grid-template-columns:
    1.05fr 1fr;
}


#dh-goa-page .dh-tempo-fleet
.dh-fleet-photo {

  height:
    100%;

  min-height:
    305px;
}


#dh-goa-page .dh-tempo-fleet
.dh-fleet-content {

  display:
    flex;

  flex-direction:
    column;

  justify-content:
    center;

  padding:
    34px;
}


#dh-goa-page .dh-tempo-fleet
.dh-fleet-content > p {

  max-width:
    420px;
}


/* =========================================================
   HELPER
   ========================================================= */

#dh-goa-page .dh-helper-section {

  padding:
    85px 0;

  background:
    linear-gradient(
      135deg,
      #eefaff,
      #f7fbfd 50%,
      #fff9e8
    );
}


#dh-goa-page .dh-helper {

  display:
    grid;

  grid-template-columns:
    1fr 440px;

  gap:
    80px;

  align-items:
    center;
}


#dh-goa-page .dh-helper-copy p {

  max-width:
    540px;

  margin:
    19px 0 0;

  color:
    var(--dh-muted);

  font-size:
    13px;

  line-height:
    1.8;
}


#dh-goa-page .dh-helper-box {

  padding:
    24px;

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

  border-radius:
    21px;

  background:
    white;

  box-shadow:
    var(--dh-shadow);
}


#dh-goa-page .dh-helper-box > label {

  display:
    block;

  margin-bottom:
    7px;

  color:
    var(--dh-navy);

  font-size:
    10px;

  font-weight:
    850;
}


#dh-goa-page .dh-helper-box select {

  width:
    100%;

  height:
    46px;

  padding:
    0 12px;

  border:
    1px solid
    #dfe5eb;

  border-radius:
    10px;

  background:
    #fbfcfd;

  color:
    var(--dh-text);

  outline:
    none;

  font-size:
    11px;
}


#dh-goa-page .dh-recommendation {

  min-height:
    64px;

  display:
    flex;

  align-items:
    center;

  gap:
    12px;

  margin:
    12px 0;

  padding:
    11px;

  border-radius:
    11px;

  background:
    #f4f7fa;

  transition:
    background .25s ease;
}


#dh-goa-page .dh-recommendation > span {

  width:
    38px;

  height:
    38px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    9px;

  background:
    var(--dh-yellow);

  color:
    var(--dh-navy);
}


#dh-goa-page .dh-recommendation small {

  display:
    block;

  color:
    #8993a0;

  font-size:
    8px;

  font-weight:
    850;

  letter-spacing:
    .11em;
}


#dh-goa-page .dh-recommendation strong {

  display:
    block;

  margin-top:
    2px;

  color:
    var(--dh-navy);

  font-size:
    12px;
}


#dh-goa-page .dh-recommendation-active {

  background:
    #fff8e5;
}


#dh-goa-page .dh-dark-button {

  width:
    100%;

  min-height:
    49px;

  display:
    flex;

  align-items:
    center;

  justify-content:
    space-between;

  padding:
    0 15px;

  border:
    0;

  border-radius:
    10px;

  background:
    var(--dh-navy);

  color:
    white;

  font-size:
    10px;

  font-weight:
    850;

  letter-spacing:
    .06em;
}


#dh-goa-page .dh-dark-button span {

  font-size:
    18px;
}


/* =========================================================
   ROUTES
   ========================================================= */

#dh-goa-page .dh-routes {

  background:
    var(--dh-bg);
}


#dh-goa-page .dh-route-grid {

  display:
    grid;

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

  gap:
    11px;
}


#dh-goa-page .dh-route-card {

  width:
    100%;

  display:
    grid;

  grid-template-columns:
    45px 1fr 25px;

  align-items:
    center;

  gap:
    12px;

  padding:
    16px;

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

  border-radius:
    15px;

  background:
    white;

  text-align:
    left;

  transition:
    transform .25s ease,
    box-shadow .25s ease,
    border .25s ease;
}


#dh-goa-page .dh-route-card:hover {

  transform:
    translateY(-4px);

  border-color:
    rgba(0,159,227,.30);

  box-shadow:
    0 14px 30px
    rgba(16,28,44,.07);
}


#dh-goa-page .dh-route-icon {

  width:
    45px;

  height:
    45px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    12px;

  background:
    #eef9ff;

  color:
    var(--dh-ocean);

  font-size:
    18px;
}


#dh-goa-page .dh-route-card small {

  display:
    block;

  color:
    var(--dh-ocean);

  font-size:
    7px;

  font-weight:
    900;

  letter-spacing:
    .13em;
}


#dh-goa-page .dh-route-card strong {

  display:
    block;

  margin-top:
    2px;

  color:
    var(--dh-navy);

  font-size:
    13px;
}


#dh-goa-page .dh-route-destination {

  display:
    block;

  margin-top:
    1px;

  color:
    var(--dh-muted);

  font-size:
    10px;
}


#dh-goa-page .dh-route-card > b {

  color:
    #a1aab5;

  transition:
    transform .2s ease;
}


#dh-goa-page .dh-route-card:hover > b {

  transform:
    translateX(4px);

  color:
    var(--dh-ocean);
}


/* =========================================================
   NORTH / SOUTH
   ========================================================= */

#dh-goa-page .dh-region-grid {

  display:
    grid;

  grid-template-columns:
    1fr 1fr;
}


#dh-goa-page .dh-region-card {

  position:
    relative;

  min-height:
    510px;

  display:
    flex;

  align-items:
    flex-end;

  overflow:
    hidden;
}


#dh-goa-page .dh-region-image {

  position:
    absolute;

  inset:
    0;

  background:
    center / cover
    no-repeat;

  transition:
    transform .8s ease;
}


#dh-goa-page .dh-north
.dh-region-image {

  background-image:
    url("https://images.unsplash.com/photo-1512343879784-a960bf40e7f2?auto=format&fit=crop&w=1500&q=82");
}


#dh-goa-page .dh-south
.dh-region-image {

  background-image:
    url("https://images.unsplash.com/photo-1593693397690-362cb9666fc2?auto=format&fit=crop&w=1500&q=82");
}


#dh-goa-page .dh-region-card:hover
.dh-region-image {

  transform:
    scale(1.05);
}


#dh-goa-page .dh-region-overlay {

  position:
    absolute;

  inset:
    0;

  background:
    linear-gradient(
      0deg,
      rgba(6,17,29,.91),
      rgba(6,17,29,.10) 70%
    );
}


#dh-goa-page .dh-region-content {

  position:
    relative;

  z-index:
    2;

  width:
    100%;

  padding:
    52px;

  color:
    white;
}


#dh-goa-page .dh-white-kicker {

  color:
    var(--dh-yellow);
}


#dh-goa-page .dh-region-content h2 {

  margin:
    8px 0 12px;

  color:
    white;

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    clamp(38px,4vw,57px);

  line-height:
    .97;

  letter-spacing:
    -.06em;
}


#dh-goa-page .dh-region-content p {

  max-width:
    450px;

  margin:
    0 0 23px;

  color:
    rgba(255,255,255,.70);

  font-size:
    12px;
}


#dh-goa-page .dh-region-button {

  min-height:
    44px;

  display:
    inline-flex;

  align-items:
    center;

  gap:
    18px;

  padding:
    0 14px;

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

  border-radius:
    9px;

  background:
    rgba(255,255,255,.08);

  color:
    white;

  font-size:
    9px;

  font-weight:
    850;

  letter-spacing:
    .09em;

  backdrop-filter:
    blur(10px);
}


/* =========================================================
   TOURS
   ========================================================= */

#dh-goa-page .dh-tours {

  background:
    var(--dh-bg);
}


#dh-goa-page .dh-tour-grid {

  display:
    grid;

  grid-template-columns:
    repeat(3,1fr);

  gap:
    17px;
}


#dh-goa-page .dh-tour-card {

  overflow:
    hidden;

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

  border-radius:
    20px;

  background:
    white;

  box-shadow:
    0 8px 28px
    rgba(16,28,44,.035);

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


#dh-goa-page .dh-tour-card:hover {

  transform:
    translateY(-6px);

  box-shadow:
    var(--dh-shadow);
}


#dh-goa-page .dh-tour-large {

  grid-column:
    span 2;
}


#dh-goa-page .dh-tour-image {

  height:
    205px;

  background:
    center / cover
    no-repeat;

  transition:
    transform .6s ease;
}


#dh-goa-page .dh-tour-card:hover
.dh-tour-image {

  transform:
    scale(1.03);
}


#dh-goa-page .dh-tour-north {

  background-image:
    url("https://images.unsplash.com/photo-1512343879784-a960bf40e7f2?auto=format&fit=crop&w=1400&q=80");
}


#dh-goa-page .dh-tour-south {

  background-image:
    url("https://images.unsplash.com/photo-1593693411515-c20261bcad6e?auto=format&fit=crop&w=1200&q=80");
}


#dh-goa-page .dh-tour-heritage {

  background-image:
    url("https://images.unsplash.com/photo-1609342122563-a43ac8917a3a?auto=format&fit=crop&w=1200&q=80");
}


#dh-goa-page .dh-tour-beach {

  background-image:
    url("https://images.unsplash.com/photo-1473116763249-2faaef81ccda?auto=format&fit=crop&w=1200&q=80");
}


#dh-goa-page .dh-tour-family {

  background-image:
    url("https://images.unsplash.com/photo-1500534623283-312aade485b7?auto=format&fit=crop&w=1200&q=80");
}


#dh-goa-page .dh-tour-content {

  padding:
    21px;
}


#dh-goa-page .dh-tour-content > span,
#dh-goa-page .dh-custom-content > span {

  color:
    var(--dh-ocean);

  font-size:
    8px;

  font-weight:
    900;

  letter-spacing:
    .13em;
}


#dh-goa-page .dh-tour-content h3,
#dh-goa-page .dh-custom-content h3 {

  margin:
    5px 0 8px;

  color:
    var(--dh-navy);

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    21px;

  letter-spacing:
    -.04em;
}


#dh-goa-page .dh-tour-content p,
#dh-goa-page .dh-custom-content p {

  margin:
    0 0 14px;

  color:
    var(--dh-muted);

  font-size:
    11px;

  line-height:
    1.65;
}


#dh-goa-page .dh-text-button {

  display:
    inline-flex;

  align-items:
    center;

  gap:
    8px;

  padding:
    0;

  border:
    0;

  background:
    transparent;

  color:
    var(--dh-navy);

  font-size:
    10px;

  font-weight:
    850;
}


#dh-goa-page .dh-custom-tour {

  min-height:
    325px;

  display:
    flex;

  align-items:
    center;

  background:
    linear-gradient(
      135deg,
      var(--dh-navy),
      #1f3650
    );
}


#dh-goa-page .dh-custom-content {

  padding:
    32px;
}


#dh-goa-page .dh-custom-content > span {

  color:
    var(--dh-yellow);
}


#dh-goa-page .dh-custom-content h3 {

  color:
    white;

  font-size:
    29px;
}


#dh-goa-page .dh-custom-content p {

  color:
    rgba(255,255,255,.61);
}


/* =========================================================
   TRUST
   ========================================================= */

#dh-goa-page .dh-trust-section {

  padding:
    110px 0;

  background:
    radial-gradient(
      circle at 15% 10%,
      rgba(20,184,166,.13),
      transparent 32%
    ),
    var(--dh-navy);

  color:
    white;
}


#dh-goa-page .dh-trust-grid {

  display:
    grid;

  grid-template-columns:
    1fr 1fr;

  gap:
    80px;

  align-items:
    center;
}


#dh-goa-page .dh-yellow-kicker {

  color:
    var(--dh-yellow);
}


#dh-goa-page .dh-trust-copy h2 {

  color:
    white;
}


#dh-goa-page .dh-trust-copy h2 span {

  color:
    var(--dh-yellow);
}


#dh-goa-page .dh-trust-copy p {

  max-width:
    580px;

  margin:
    19px 0 0;

  color:
    rgba(255,255,255,.65);

  font-size:
    13px;

  line-height:
    1.8;
}


#dh-goa-page .dh-trust-copy .dh-btn {

  margin-top:
    25px;
}


#dh-goa-page .dh-trust-items {

  display:
    grid;

  grid-template-columns:
    1fr 1fr;

  gap:
    11px;
}


#dh-goa-page .dh-trust-item {

  min-height:
    155px;

  padding:
    21px;

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

  border-radius:
    17px;

  background:
    rgba(255,255,255,.04);
}


#dh-goa-page .dh-trust-item > span {

  color:
    var(--dh-yellow);

  font-size:
    9px;

  font-weight:
    900;
}


#dh-goa-page .dh-trust-item strong {

  display:
    block;

  margin-top:
    28px;

  color:
    white;

  font-size:
    14px;
}


#dh-goa-page .dh-trust-item p {

  margin:
    5px 0 0;

  color:
    rgba(255,255,255,.52);

  font-size:
    10px;

  line-height:
    1.6;
}


#dh-goa-page .dh-trust-review-note {

  grid-column:
    span 2;

  display:
    flex;

  gap:
    12px;

  padding:
    17px;

  border:
    1px dashed
    rgba(255,183,3,.28);

  border-radius:
    15px;

  background:
    rgba(255,183,3,.04);
}


#dh-goa-page .dh-trust-review-note > span {

  color:
    var(--dh-yellow);

  font-size:
    18px;
}


#dh-goa-page .dh-trust-review-note strong {

  color:
    white;

  font-size:
    11px;
}


#dh-goa-page .dh-trust-review-note p {

  margin:
    3px 0 0;

  color:
    rgba(255,255,255,.52);

  font-size:
    9px;
}


/* =========================================================
   PLANNER
   ========================================================= */

#dh-goa-page .dh-planner-section {

  background:
    white;
}


#dh-goa-page .dh-planner {

  overflow:
    hidden;

  border-radius:
    24px;

  background:
    var(--dh-navy);

  box-shadow:
    var(--dh-shadow-lg);
}


#dh-goa-page .dh-planner-header {

  padding:
    43px;

  background:
    radial-gradient(
      circle at 90% 0,
      rgba(0,159,227,.25),
      transparent 35%
    );
}


#dh-goa-page .dh-planner-header h2 {

  color:
    white;
}


#dh-goa-page .dh-planner-header h2 span {

  color:
    var(--dh-yellow);
}


#dh-goa-page .dh-planner-header p {

  max-width:
    570px;

  margin:
    17px 0 0;

  color:
    rgba(255,255,255,.58);

  font-size:
    12px;
}


#dh-goa-page .dh-planner-controls {

  display:
    grid;

  grid-template-columns:
    repeat(3,1fr)
    1.2fr
    auto;

  gap:
    10px;

  padding:
    22px;

  background:
    rgba(255,255,255,.04);
}


#dh-goa-page .dh-planner-step {

  padding:
    13px;

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

  border-radius:
    12px;

  background:
    rgba(255,255,255,.035);
}


#dh-goa-page .dh-planner-step > span {

  color:
    var(--dh-yellow);

  font-size:
    8px;

  font-weight:
    900;
}


#dh-goa-page .dh-planner-step label {

  display:
    block;

  margin:
    4px 0 7px;

  color:
    white;

  font-size:
    9px;

  font-weight:
    800;
}


#dh-goa-page .dh-planner-step select {

  width:
    100%;

  height:
    40px;

  padding:
    0 9px;

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

  border-radius:
    8px;

  background:
    rgba(255,255,255,.07);

  color:
    white;

  outline:
    none;

  font-size:
    9px;
}


#dh-goa-page .dh-planner-step select option {

  color:
    var(--dh-navy);
}


#dh-goa-page .dh-planner-result {

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  padding:
    11px;

  border-radius:
    10px;

  background:
    rgba(255,255,255,.05);
}


#dh-goa-page .dh-planner-result > span {

  color:
    var(--dh-yellow);

  font-size:
    17px;
}


#dh-goa-page .dh-planner-result small {

  display:
    block;

  color:
    rgba(255,255,255,.40);

  font-size:
    7px;

  font-weight:
    850;

  letter-spacing:
    .10em;
}


#dh-goa-page .dh-planner-result strong {

  display:
    block;

  margin-top:
    2px;

  color:
    white;

  font-size:
    10px;
}


#dh-goa-page .dh-planner-active {

  background:
    rgba(255,183,3,.08);
}


#dh-goa-page .dh-planner-controls
> .dh-btn {

  min-height:
    100%;
}


/* =========================================================
   HOW IT WORKS
   ========================================================= */

#dh-goa-page .dh-how {

  background:
    var(--dh-bg);
}


#dh-goa-page .dh-steps {

  display:
    grid;

  grid-template-columns:
    1fr 70px 1fr 70px 1fr;

  align-items:
    center;
}


#dh-goa-page .dh-step {

  padding:
    25px;

  text-align:
    center;
}


#dh-goa-page .dh-step-number {

  color:
    rgba(16,28,44,.16);

  font-size:
    10px;

  font-weight:
    900;
}


#dh-goa-page .dh-step-icon {

  width:
    62px;

  height:
    62px;

  display:
    grid;

  place-items:
    center;

  margin:
    13px auto 17px;

  border-radius:
    18px;

  background:
    white;

  box-shadow:
    0 10px 30px
    rgba(16,28,44,.07);

  font-size:
    24px;
}


#dh-goa-page .dh-step h3 {

  margin:
    0 0 6px;

  color:
    var(--dh-navy);

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    18px;
}


#dh-goa-page .dh-step p {

  max-width:
    230px;

  margin:
    0 auto;

  color:
    var(--dh-muted);

  font-size:
    10px;

  line-height:
    1.7;
}


#dh-goa-page .dh-step-line {

  height:
    1px;

  background:
    repeating-linear-gradient(
      90deg,
      #b9c3ce 0,
      #b9c3ce 5px,
      transparent 5px,
      transparent 10px
    );
}


/* =========================================================
   REVIEWS
   ========================================================= */

#dh-goa-page .dh-review-section {

  padding:
    0 0 105px;

  background:
    var(--dh-bg);
}


#dh-goa-page .dh-review-card {

  position:
    relative;

  overflow:
    hidden;

  padding:
    65px 35px;

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

  border-radius:
    24px;

  background:
    white;

  text-align:
    center;
}


#dh-goa-page .dh-review-card::after {

  content:
    "★★★★★";

  position:
    absolute;

  right:
    -10px;

  top:
    -50px;

  color:
    rgba(255,183,3,.05);

  font-size:
    160px;

  font-weight:
    900;
}


#dh-goa-page .dh-stars {

  margin-bottom:
    12px;

  color:
    var(--dh-yellow);

  letter-spacing:
    .18em;
}


#dh-goa-page .dh-review-card p {

  max-width:
    620px;

  margin:
    19px auto;

  color:
    var(--dh-muted);

  font-size:
    12px;

  line-height:
    1.8;
}


#dh-goa-page .dh-review-label {

  display:
    inline-block;

  padding:
    8px 11px;

  border-radius:
    100px;

  background:
    #f3f6f8;

  color:
    #788392;

  font-size:
    8px;

  font-weight:
    850;

  letter-spacing:
    .12em;
}


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

#dh-goa-page .dh-final-section {

  position:
    relative;

  min-height:
    600px;

  display:
    flex;

  align-items:
    center;

  overflow:
    hidden;

  background:
    var(--dh-navy);
}


#dh-goa-page .dh-final-image {

  position:
    absolute;

  inset:
    0;

  background:
    url("https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=2200&q=85")
    center / cover;

  transform:
    scale(1.04);
}


#dh-goa-page .dh-final-overlay {

  position:
    absolute;

  inset:
    0;

  background:
    linear-gradient(
      90deg,
      rgba(6,16,29,.93),
      rgba(6,16,29,.53),
      rgba(6,16,29,.27)
    );
}


#dh-goa-page .dh-final-content {

  position:
    relative;

  z-index:
    2;

  color:
    white;
}


#dh-goa-page .dh-final-content h2 {

  margin:
    0;

  color:
    white;

  font-family:
    "Plus Jakarta Sans",
    Inter,
    sans-serif;

  font-size:
    clamp(55px,7vw,92px);

  line-height:
    .92;

  letter-spacing:
    -.07em;
}


#dh-goa-page .dh-final-content h2 span {

  color:
    var(--dh-yellow);
}


#dh-goa-page .dh-final-content > p {

  max-width:
    570px;

  margin:
    21px 0;

  color:
    rgba(255,255,255,.68);

  font-size:
    14px;

  line-height:
    1.8;
}


#dh-goa-page .dh-final-buttons {

  display:
    flex;

  flex-wrap:
    wrap;

  gap:
    10px;
}


#dh-goa-page .dh-final-phone {

  display:
    flex;

  align-items:
    center;

  gap:
    9px;

  margin-top:
    21px;

  color:
    rgba(255,255,255,.52);

  font-size:
    11px;
}


#dh-goa-page .dh-final-phone a {

  color:
    white;

  font-weight:
    850;
}


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

#dh-goa-page .dh-floating-whatsapp {

  position:
    fixed;

  right:
    22px;

  bottom:
    22px;

  z-index:
    9999;

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  min-width:
    158px;

  padding:
    10px 13px;

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

  border-radius:
    15px;

  background:
    var(--dh-navy);

  color:
    white;

  box-shadow:
    0 15px 35px
    rgba(16,28,44,.25);

  transition:
    transform .25s ease;
}


#dh-goa-page .dh-floating-whatsapp:hover {

  transform:
    translateY(-4px);
}


#dh-goa-page .dh-wa-icon {

  width:
    39px;

  height:
    39px;

  display:
    grid;

  place-items:
    center;

  border-radius:
    11px;

  background:
    #16a34a;

  color:
    white;

  font-size:
    15px;
}


#dh-goa-page .dh-wa-text small {

  display:
    block;

  color:
    rgba(255,255,255,.43);

  font-size:
    7px;

  font-weight:
    850;

  letter-spacing:
    .12em;
}


#dh-goa-page .dh-wa-text strong {

  display:
    block;

  margin-top:
    2px;

  font-size:
    12px;
}


#dh-goa-page .dh-wa-ring {

  position:
    absolute;

  left:
    9px;

  top:
    9px;

  width:
    39px;

  height:
    39px;

  border:
    1px solid
    rgba(34,197,94,.50);

  border-radius:
    11px;

  animation:
    dhWaPulse 2s infinite;
}


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

#dh-goa-page .dh-mobile-bar {

  display:
    none;
}


/* =========================================================
   TOAST
   ========================================================= */

#dh-goa-page .dh-toast {

  position:
    fixed;

  left:
    50%;

  bottom:
    24px;

  z-index:
    10001;

  display:
    flex;

  align-items:
    center;

  gap:
    10px;

  width:
    max-content;

  max-width:
    calc(100% - 30px);

  padding:
    11px 14px;

  border-radius:
    12px;

  background:
    var(--dh-navy);

  color:
    white;

  box-shadow:
    var(--dh-shadow);

  opacity:
    0;

  visibility:
    hidden;

  transform:
    translate(-50%,15px);

  transition:
    opacity .25s ease,
    transform .25s ease,
    visibility .25s ease;
}


#dh-goa-page .dh-toast-visible {

  opacity:
    1;

  visibility:
    visible;

  transform:
    translate(-50%,0);
}


#dh-goa-page .dh-toast > span {

  color:
    #4ade80;

  font-size:
    18px;
}


#dh-goa-page .dh-toast strong {

  display:
    block;

  font-size:
    10px;
}


#dh-goa-page .dh-toast small {

  display:
    block;

  margin-top:
    2px;

  color:
    rgba(255,255,255,.52);

  font-size:
    8px;
}


/* =========================================================
   REVEAL
   ========================================================= */

#dh-goa-page .dh-reveal {

  opacity:
    0;

  transform:
    translateY(24px);

  transition:
    opacity .7s ease,
    transform .7s cubic-bezier(.2,.8,.2,1);
}


#dh-goa-page .dh-reveal.dh-visible {

  opacity:
    1;

  transform:
    translateY(0);
}


/* =========================================================
   ACCESSIBILITY
   ========================================================= */

#dh-goa-page a:focus-visible,
#dh-goa-page button:focus-visible,
#dh-goa-page input:focus-visible,
#dh-goa-page select:focus-visible {

  outline:
    3px solid
    rgba(0,159,227,.45);

  outline-offset:
    3px;
}


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

@keyframes dhPulse {

  0%,
  100% {

    box-shadow:
      0 0 0 5px
      rgba(255,183,3,.10);

  }

  50% {

    box-shadow:
      0 0 0 9px
      rgba(255,183,3,.02);

  }

}


@keyframes dhFloat {

  0%,
  100% {

    transform:
      translateY(0);

  }

  50% {

    transform:
      translateY(4px);

  }

}


@keyframes dhWaPulse {

  0% {

    transform:
      scale(1);

    opacity:
      .8;

  }

  70% {

    transform:
      scale(1.35);

    opacity:
      0;

  }

  100% {

    transform:
      scale(1.35);

    opacity:
      0;

  }

}


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

@media (max-width: 1100px) {

  #dh-goa-page .dh-hero-container {

    grid-template-columns:
      minmax(0,1fr)
      minmax(360px,430px);

    gap:
      35px;
  }


  #dh-goa-page .dh-planner-controls {

    grid-template-columns:
      1fr 1fr;
  }

}


@media (max-width: 1023px) {

  #dh-goa-page .dh-container {

    width:
      min(
        calc(100% - 32px),
        900px
      );
  }


  #dh-goa-page .dh-hero {

    min-height:
      auto;
  }


  #dh-goa-page .dh-hero-container {

    grid-template-columns:
      1fr;

    padding-top:
      85px;

    padding-bottom:
      95px;
  }


  #dh-goa-page .dh-hero-content {

    max-width:
      760px;
  }


  #dh-goa-page .dh-booking-card {

    max-width:
      650px;
  }


  #dh-goa-page .dh-quick-grid {

    grid-template-columns:
      1fr 1fr;
  }


  #dh-goa-page .dh-benefit-grid {

    grid-template-columns:
      1fr;
  }


  #dh-goa-page .dh-fleet-grid {

    grid-template-columns:
      1fr 1fr;
  }


  #dh-goa-page .dh-tempo-fleet {

    grid-column:
      span 2;
  }


  #dh-goa-page .dh-helper,
  #dh-goa-page .dh-trust-grid {

    grid-template-columns:
      1fr;

    gap:
      45px;
  }


  #dh-goa-page .dh-tour-grid {

    grid-template-columns:
      1fr 1fr;
  }


  #dh-goa-page .dh-tour-large {

    grid-column:
      span 2;
  }


  #dh-goa-page .dh-steps {

    grid-template-columns:
      1fr;

    gap:
      5px;
  }


  #dh-goa-page .dh-step-line {

    width:
      1px;

    height:
      35px;

    margin:
      auto;
  }

}


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

@media (max-width: 767px) {

  #dh-goa-page {

    padding-bottom:
      65px;
  }


  #dh-goa-page .dh-container {

    width:
      calc(100% - 26px);
  }


  /* HERO */

  #dh-goa-page .dh-hero {

    min-height:
      auto;
  }


  #dh-goa-page .dh-hero-image {

    background-position:
      60% center;
  }


  #dh-goa-page .dh-hero-overlay {

    background:
      linear-gradient(
        180deg,
        rgba(5,15,28,.94),
        rgba(5,15,28,.76) 48%,
        rgba(5,15,28,.94)
      );
  }


  #dh-goa-page .dh-hero-container {

    display:
      block;

    padding-top:
      65px;

    padding-bottom:
      65px;
  }


  #dh-goa-page .dh-brand-pill {

    font-size:
      8px;
  }


  #dh-goa-page .dh-hero-content h1 {

    margin-top:
      20px;

    font-size:
      clamp(48px,15vw,70px);
  }


  #dh-goa-page .dh-hero-description {

    font-size:
      13px;
  }


  #dh-goa-page .dh-hero-tags {

    gap:
      5px;
  }


  #dh-goa-page .dh-hero-tags span {

    padding:
      6px 8px;

    font-size:
      8px;
  }


  #dh-goa-page .dh-hero-buttons {

    display:
      grid;

    grid-template-columns:
      1fr 1fr;

    gap:
      8px;
  }


  #dh-goa-page .dh-btn {

    min-height:
      48px;

    padding:
      0 12px;

    font-size:
      8px;
  }


  #dh-goa-page .dh-booking-card {

    margin-top:
      38px;

    padding:
      19px 15px;

    border-radius:
      19px;
  }


  #dh-goa-page .dh-booking-header h2 {

    font-size:
      21px;
  }


  #dh-goa-page .dh-form-grid {

    grid-template-columns:
      1fr;
  }


  #dh-goa-page .dh-full {

    grid-column:
      auto;
  }


  #dh-goa-page .dh-hero-bottom {

    display:
      none;
  }


  /* QUICK */

  #dh-goa-page .dh-quick-grid {

    grid-template-columns:
      1fr 1fr;
  }


  #dh-goa-page .dh-quick-item {

    min-height:
      83px;

    grid-template-columns:
      34px 1fr;

    padding:
      12px 10px;
  }


  #dh-goa-page .dh-quick-item b {

    display:
      none;
  }


  #dh-goa-page .dh-quick-icon {

    width:
      34px;

    height:
      34px;

    font-size:
      14px;
  }


  #dh-goa-page .dh-quick-item strong {

    font-size:
      9px;
  }


  #dh-goa-page .dh-quick-item small {

    font-size:
      7px;
  }


  /* SECTIONS */

  #dh-goa-page .dh-section {

    padding:
      70px 0;
  }


  #dh-goa-page .dh-section-title {

    margin-bottom:
      31px;
  }


  #dh-goa-page .dh-section-title h2,
  #dh-goa-page .dh-section-split h2,
  #dh-goa-page .dh-helper-copy h2,
  #dh-goa-page .dh-trust-copy h2,
  #dh-goa-page .dh-planner-header h2,
  #dh-goa-page .dh-review-card h2 {

    font-size:
      37px;
  }


  #dh-goa-page .dh-section-title p {

    font-size:
      11px;
  }


  #dh-goa-page .dh-section-split {

    display:
      block;

    margin-bottom:
      32px;
  }


  #dh-goa-page .dh-section-split > p {

    margin-top:
      17px;

    font-size:
      11px;
  }


  /* BENEFITS */

  #dh-goa-page .dh-benefit-card {

    min-height:
      215px;

    padding:
      22px;
  }


  /* FLEET */

  #dh-goa-page .dh-fleet-grid {

    grid-template-columns:
      1fr;
  }


  #dh-goa-page .dh-tempo-fleet {

    grid-column:
      auto;

    display:
      block;
  }


  #dh-goa-page .dh-fleet-photo {

    height:
      215px;
  }


  #dh-goa-page .dh-tempo-fleet
  .dh-fleet-photo {

    height:
      215px;

    min-height:
      215px;
  }


  #dh-goa-page .dh-tempo-fleet
  .dh-fleet-content {

    padding:
      22px;
  }


  /* HELPER */

  #dh-goa-page .dh-helper-section {

    padding:
      65px 0;
  }


  #dh-goa-page .dh-helper {

    display:
      block;
  }


  #dh-goa-page .dh-helper-box {

    margin-top:
      28px;

    padding:
      18px;
  }


  /* ROUTES */

  #dh-goa-page .dh-route-grid {

    grid-template-columns:
      1fr;
  }


  /* REGIONS */

  #dh-goa-page .dh-region-grid {

    grid-template-columns:
      1fr;
  }


  #dh-goa-page .dh-region-card {

    min-height:
      425px;
  }


  #dh-goa-page .dh-region-content {

    padding:
      28px;
  }


  #dh-goa-page .dh-region-content h2 {

    font-size:
      42px;
  }


  /* TOURS */

  #dh-goa-page .dh-tour-grid {

    grid-template-columns:
      1fr;
  }


  #dh-goa-page .dh-tour-large {

    grid-column:
      auto;
  }


  #dh-goa-page .dh-custom-tour {

    min-height:
      270px;
  }


  /* TRUST */

  #dh-goa-page .dh-trust-section {

    padding:
      75px 0;
  }


  #dh-goa-page .dh-trust-items {

    grid-template-columns:
      1fr 1fr;
  }


  #dh-goa-page .dh-trust-review-note {

    grid-column:
      span 2;
  }


  #dh-goa-page .dh-trust-item {

    min-height:
      140px;

    padding:
      16px;
  }


  #dh-goa-page .dh-trust-item strong {

    margin-top:
      21px;
  }


  /* PLANNER */

  #dh-goa-page .dh-planner-header {

    padding:
      28px 21px;
  }


  #dh-goa-page .dh-planner-controls {

    display:
      block;

    padding:
      16px;
  }


  #dh-goa-page .dh-planner-step {

    margin-bottom:
      8px;
  }


  #dh-goa-page .dh-planner-result {

    margin-bottom:
      9px;
  }


  #dh-goa-page .dh-planner-controls
  > .dh-btn {

    width:
      100%;

    min-height:
      50px;
  }


  /* HOW */

  #dh-goa-page .dh-step {

    padding:
      16px;
  }


  /* REVIEW */

  #dh-goa-page .dh-review-section {

    padding-bottom:
      70px;
  }


  #dh-goa-page .dh-review-card {

    padding:
      45px 20px;
  }


  /* FINAL */

  #dh-goa-page .dh-final-section {

    min-height:
      560px;
  }


  #dh-goa-page .dh-final-overlay {

    background:
      linear-gradient(
        180deg,
        rgba(6,16,29,.84),
        rgba(6,16,29,.95)
      );
  }


  #dh-goa-page .dh-final-content h2 {

    font-size:
      57px;
  }


  #dh-goa-page .dh-final-content > p {

    font-size:
      11px;
  }


  #dh-goa-page .dh-final-buttons {

    display:
      grid;

    grid-template-columns:
      1fr;
  }


  /* FLOATING WA */

  #dh-goa-page .dh-floating-whatsapp {

    right:
      12px;

    bottom:
      78px;

    width:
      48px;

    min-width:
      48px;

    height:
      48px;

    padding:
      0;

    justify-content:
      center;

    border-radius:
      14px;
  }


  #dh-goa-page .dh-floating-whatsapp
  .dh-wa-text,
  #dh-goa-page .dh-floating-whatsapp
  .dh-wa-ring {

    display:
      none;
  }


  #dh-goa-page .dh-floating-whatsapp
  .dh-wa-icon {

    width:
      34px;

    height:
      34px;
  }


  /* MOBILE BAR */

  #dh-goa-page .dh-mobile-bar {

    position:
      fixed;

    left:
      0;

    right:
      0;

    bottom:
      0;

    z-index:
      9998;

    height:
      64px;

    display:
      grid;

    grid-template-columns:
      55px 1fr 82px;

    background:
      rgba(16,28,44,.97);

    border-top:
      1px solid
      rgba(255,255,255,.10);

    box-shadow:
      0 -10px 35px
      rgba(16,28,44,.18);

    backdrop-filter:
      blur(15px);
  }


  #dh-goa-page .dh-mobile-bar a {

    display:
      flex;

    flex-direction:
      column;

    align-items:
      center;

    justify-content:
      center;

    gap:
      2px;

    color:
      white;

    font-size:
      8px;

    font-weight:
      850;
  }


  #dh-goa-page .dh-mobile-call {

    border-right:
      1px solid
      rgba(255,255,255,.08);
  }


  #dh-goa-page .dh-mobile-call span {

    font-size:
      15px;
  }


  #dh-goa-page .dh-mobile-book {

    margin:
      7px;

    border-radius:
      9px;

    background:
      var(--dh-yellow);

    color:
      var(--dh-navy) !important;

    font-size:
      8px !important;
  }


  #dh-goa-page .dh-mobile-whatsapp {

    background:
      #16a34a;
  }


  #dh-goa-page .dh-mobile-whatsapp span {

    font-size:
      15px;
  }


  #dh-goa-page .dh-toast {

    bottom:
      78px;

    width:
      calc(100% - 30px);

    max-width:
      330px;
  }

}


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

@media (max-width: 380px) {

  #dh-goa-page .dh-container {

    width:
      calc(100% - 22px);
  }


  #dh-goa-page .dh-hero-content h1 {

    font-size:
      47px;
  }


  #dh-goa-page .dh-hero-buttons {

    grid-template-columns:
      1fr;
  }


  #dh-goa-page .dh-section-title h2,
  #dh-goa-page .dh-section-split h2,
  #dh-goa-page .dh-helper-copy h2,
  #dh-goa-page .dh-trust-copy h2,
  #dh-goa-page .dh-planner-header h2,
  #dh-goa-page .dh-review-card h2 {

    font-size:
      33px;
  }


  #dh-goa-page .dh-trust-items {

    grid-template-columns:
      1fr;
  }


  #dh-goa-page .dh-trust-review-note {

    grid-column:
      auto;
  }


  #dh-goa-page .dh-final-content h2 {

    font-size:
      49px;
  }

}


/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  #dh-goa-page *,
  #dh-goa-page *::before,
  #dh-goa-page *::after {

    animation-duration:
      .01ms !important;

    animation-iteration-count:
      1 !important;

    scroll-behavior:
      auto !important;

    transition-duration:
      .01ms !important;
  }

}/* End custom CSS */