/* Do Dham Yatra section | Theme: #FFBE00 (yellow) + #010021 (dark blue) */
.dd-section{
  --dd-yellow:#FFBE00;
  --dd-yellow-soft:#FFF5D6;
  --dd-navy:#010021;
  --dd-navy-2:#0d0c3a;
  --dd-text:#1a1a2e;
  --dd-line:#e8e6f0;
  padding:50px 0;
  background:#faf9f5;
  color:var(--dd-text);
}
.dd-section *{box-sizing:border-box}
.dd-section p{color:var(--dd-text);line-height:1.75;margin:0 0 14px}

/* Heading */
.dd-title{text-align:center;margin-bottom:26px}
.dd-title .dd-sub{display:block;color:var(--dd-navy);font-size:15px;margin-bottom:6px}
.dd-title h2{color:var(--dd-navy);font-size:34px;font-weight:800;margin:0}
.dd-title .dd-bar{width:70px;height:4px;background:var(--dd-yellow);border-radius:4px;margin:14px auto 0}

/* Quick facts strip */
.dd-facts{display:flex;background:var(--dd-navy);border-radius:12px;padding:12px 6px;
  box-shadow:0 6px 18px rgba(1,0,33,.22);margin-bottom:26px;border-bottom:4px solid var(--dd-yellow)}
.dd-fact{flex:1;text-align:center;padding:2px 10px;border-right:1px solid rgba(255,190,0,.3)}
.dd-fact:last-child{border-right:0}
.dd-fact i{display:block;font-size:20px;color:var(--dd-yellow);margin-bottom:4px}
.dd-fact span{font-size:13px;font-weight:600;color:#fff;line-height:17px}

/* Cards */
.dd-card{background:#fff;border:1px solid var(--dd-line);border-radius:12px;padding:24px;
  margin-bottom:24px;box-shadow:0 4px 15px rgba(1,0,33,.06)}
.dd-hero{width:100%;height:auto;border-radius:12px;margin-bottom:24px;display:block;
  border-bottom:5px solid var(--dd-yellow)}
.dd-card h1{color:var(--dd-navy);font-size:28px;font-weight:800;margin:0 0 14px}
.dd-card h1 span{color:var(--dd-navy);background:linear-gradient(transparent 60%,var(--dd-yellow) 60%)}
.dd-card h2.dd-h2{color:var(--dd-navy);font-size:24px;font-weight:800;margin:0 0 14px;
  padding-left:12px;border-left:5px solid var(--dd-yellow)}

/* Itinerary (a real sequence, so numbers stay) */
.dd-itin{position:relative}
.dd-day{position:relative;padding:0 0 22px 64px}
.dd-day:before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--dd-yellow)}
.dd-day:last-child{padding-bottom:0}
.dd-day:last-child:before{display:none}
.dd-num{position:absolute;left:0;top:0;width:44px;height:44px;border-radius:50%;
  background:var(--dd-navy);color:var(--dd-yellow);font-weight:800;font-size:16px;
  display:flex;align-items:center;justify-content:center;border:2px solid var(--dd-yellow)}
.dd-day h4{color:var(--dd-navy);font-size:18px;font-weight:700;margin:8px 0 8px}

/* Includes / excludes / policy blocks */
.dd-box{background:#fff;border:1px solid var(--dd-line);border-radius:12px;overflow:hidden;
  margin-bottom:24px;box-shadow:0 4px 15px rgba(1,0,33,.06)}
.dd-box-head{background:var(--dd-navy);padding:14px 20px;border-bottom:4px solid var(--dd-yellow)}
.dd-box-head h3{margin:0;color:var(--dd-yellow);font-size:21px;font-weight:700}
.dd-box-body{padding:20px 22px}
.dd-li{display:flex;align-items:flex-start;margin-bottom:13px}
.dd-li:last-child{margin-bottom:0}
.dd-li b{flex:0 0 26px;font-size:17px;line-height:1.7}
.dd-li p{margin:0;font-size:15px}
.dd-yes b{color:#0a8f4d}
.dd-no b{color:#d6293e}
.dd-pay{background:var(--dd-yellow-soft);border-left:4px solid var(--dd-yellow);
  padding:13px 15px;border-radius:5px;margin-bottom:12px}
.dd-pay:last-child{margin-bottom:0}
.dd-pay p{margin:0;font-size:15px}
.dd-row{display:flex;justify-content:space-between;align-items:center;gap:15px;
  padding:13px 15px;border-bottom:1px solid var(--dd-line);font-size:15px}
.dd-row:nth-child(odd){background:#faf9f5}
.dd-row:last-child{border-bottom:0}
.dd-row strong.free{color:#0a8f4d;white-space:nowrap}
.dd-row strong.fee{color:#d6293e;white-space:nowrap}

/* Sidebar */
.dd-right{display:flex;flex-direction:column}
.dd-zone{flex:1 1 auto}
.dd-side{position:sticky;top:var(--dd-sticky-top,90px)}
/* makes both columns full height so sticky works (also on Bootstrap 3 floats) */
.dd-section .dd-cols{display:flex;flex-wrap:wrap}
.dd-section .dd-cols:before,.dd-section .dd-cols:after{display:none}
.dd-section,.dd-section .container{overflow:visible}
.dd-form-card{background:#fff;border:1px solid var(--dd-line);border-top:5px solid var(--dd-yellow);
  border-radius:12px;padding:20px;margin-bottom:14px;box-shadow:0 6px 20px rgba(1,0,33,.1)}
.dd-form-card h3{color:var(--dd-navy);font-size:22px;font-weight:800;margin:0 0 6px}
.dd-form-card .dd-note{font-size:14px;margin-bottom:14px}
.dd-form-card iframe{width:100%;height:var(--dd-form-h,470px);border:0;display:block}
.dd-call{display:block;text-align:center;background:var(--dd-yellow);color:var(--dd-navy)!important;
  font-weight:800;font-size:18px;padding:15px;border-radius:10px;text-decoration:none;margin-bottom:6px;
  box-shadow:0 6px 16px rgba(255,190,0,.4);transition:background .2s,color .2s}
.dd-call:hover,.dd-call:focus{background:var(--dd-navy);color:var(--dd-yellow)!important}
.dd-why{background:var(--dd-navy);border-radius:12px;padding:22px;margin-top:20px}
.dd-why h3{color:var(--dd-yellow);font-size:21px;font-weight:800;margin:0 0 14px}
.dd-why ul{list-style:none;margin:0;padding:0}
.dd-why li{color:#fff;font-size:14.5px;line-height:1.6;padding:8px 0 8px 28px;position:relative;
  border-bottom:1px solid rgba(255,190,0,.18)}
.dd-why li:last-child{border-bottom:0}
.dd-why li:before{content:"\f00c";font-family:FontAwesome;color:var(--dd-yellow);position:absolute;left:0;top:8px}

.dd-call:focus-visible{outline:3px solid var(--dd-navy);outline-offset:3px}

@media(max-width:767px){
  .dd-title h2{font-size:26px}
  .dd-card h1{font-size:23px}
  .dd-facts{flex-direction:column;gap:10px}
  .dd-fact{border-right:0;border-bottom:1px solid rgba(255,190,0,.3);padding-bottom:10px}
  .dd-fact:last-child{border-bottom:0;padding-bottom:2px}
  .dd-row{flex-direction:column;align-items:flex-start;gap:4px}
  .dd-zone{flex:none}
  .dd-side{position:static}
}


/* =====================================================
   SITE-WIDE STYLES (moved here from inline <style> tags)
   ===================================================== */

/* ---------- Mobile/Desktop dropdown menu ---------- */
.dropdown-menu-mob {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0;
    width: 450px;
    box-sizing: border-box;
    width: 500px; /* final desktop width */
}

.dropdown-menu-mob > div {
    width: 49%; /* two columns on desktop */
    box-sizing: border-box;
}

.dropdown-menu-mob li {
    list-style: none;
    padding: 5px 10px;
}

.dropdown-menu-mob li a {
    text-decoration: none;
    color: #000;
}

@media (max-width: 768px) {
    .dropdown-menu-mob {
        width: 370px;
        display: flex;
        flex-wrap: wrap;
        padding: 0 1px;
        box-sizing: border-box;
    }

    .dropdown-menu-mob > div {
        width: 100%;
        box-sizing: border-box;
    }

    .dropdown-menu-mob li {
        width: 100%;
        text-align: left;
        padding: 5px 5px;
        box-sizing: border-box;
    }

    .dropdown-menu-mob li a {
        word-wrap: break-word;
    }
}

/* ---------- Footer legal links ---------- */
.ft-legal {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    font-size: 16px;
}
.ft-legal a { color: #fff; text-decoration: none; }
.ft-legal a:hover { text-decoration: underline; }
.ft-legal__divider {
    color: #fff;
    margin: 0 14px;
    opacity: .6;
}

@media (max-width: 600px) {
    .ft-legal { font-size: 12px; }
    .ft-legal__divider { margin: 0 6px; }
}

@media (max-width: 380px) {
    .ft-legal { font-size: 10.5px; }
    .ft-legal__divider { margin: 0 4px; }
}

/* ---------- Mobile bottom action bar ---------- */
#xq7kBar { display: none; }

@media (max-width: 768px) {
    #xq7kBar {
        display: block;
        position: fixed;
        left: 0; right: 0; bottom: 0;
        z-index: 9999;
        background: #FFBE00;
        box-shadow: 0 -2px 8px rgba(0,0,0,.2);
        padding: 5px 0 calc(5px + env(safe-area-inset-bottom, 0px));
    }
    body { padding-bottom: 62px; }
}

#xq7kBar .xq7k-row {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
#xq7kBar .xq7k-row a {
    flex: 1;
    text-align: center;
    text-decoration: none;
}
#xq7kBar .xq7k-box {
    width: 34px;
    height: 34px;
    margin: 0 auto 2px;
    border-radius: 10px;
    background: #010021;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0,0,0,.25);
}
#xq7kBar .xq7k-box svg {
    width: 18px;
    height: 18px;
    fill: #FFBE00;
}
#xq7kBar .xq7k-box svg .xq7k-line {
    fill: none;
    stroke: #FFBE00;
    stroke-width: 2;
}
#xq7kBar .xq7k-row span {
    display: block;
    font-size: 9px;
    line-height: 1.1;
    font-weight: 700;
    letter-spacing: .3px;
    color: #010021;
}