/*
 * Atlantis OTA design — inner pages.
 * Loaded ONLY by header-ota-inner.php (templates migrated to the new design).
 * Header, contact strip, footer and hero values are ported 1:1 from
 * Atlantis_Homepage_OTA_Layout_Proposal_v3.html. All component rules are
 * namespaced (.ota-*) so the legacy content CSS (bootstrap/style.css) cannot
 * restyle them, and they cannot restyle legacy page content.
 */
:root{--blue:#093b78;--blue-dark:#062a57;--ink:#123552;--muted:#61798d;--pale:#edf8ff;--line:#d9e9f3;--radius:14px}

/* ---------- Base (inner pages) ---------- */
body.ota-inner{margin:0;background:#fff;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif}
body.ota-inner h1,body.ota-inner h2,body.ota-inner h3,body.ota-inner h4,body.ota-inner h5,body.ota-inner h6{font-family:'Segoe UI',Arial,sans-serif;color:var(--ink)}
body.ota-inner #preloader{display:none!important}
body.ota-inner main{background:#fff}

/* Content container = same outer edges as the header/footer (1240px content box). */
body.ota-inner .container{max-width:none;width:min(1264px,calc(100% - 48px));padding-left:12px;padding-right:12px;margin-left:auto;margin-right:auto}

/* Shared component reset (neutralises bootstrap reboot + legacy element rules). */
.ota-strip,.ota-header,.ota-page-hero,.ota-footer{font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);letter-spacing:normal;text-align:left}
.ota-strip *,.ota-header *,.ota-page-hero *,.ota-footer *{box-sizing:border-box}
.ota-strip a,.ota-header a,.ota-page-hero a,.ota-footer a{color:inherit;text-decoration:none;transition:none}
.ota-header ul,.ota-footer ul{padding:0;list-style:none}
.ota-header img,.ota-footer img{max-width:100%;height:auto}
.ota-wrap{width:min(1240px,calc(100% - 72px));margin:auto}

/* ---------- Contact strip ---------- */
.ota-strip{background:#eef8fe;border-bottom:1px solid #dfedf6;color:#466c87;font-size:10px}
.ota-strip>.ota-wrap{display:flex;align-items:center;justify-content:flex-end;gap:25px;min-height:30px}
.ota-strip span{margin-right:auto;font-weight:700}
.ota-strip a:hover{color:var(--blue)}

/* ---------- Header ---------- */
.ota-header{position:relative;background:#fff;border-bottom:1px solid #e1edf4;z-index:20}
.ota-header__row{display:flex;flex-wrap:wrap;min-height:77px;align-items:center;justify-content:space-between;gap:28px}
.ota-header__brand{flex:0 0 150px}
.ota-header__nav{flex:1;min-width:0}
.ota-header__logo{display:block}
.ota-header__logo img{width:158px;height:auto;display:block;max-width:100%}
.ota-menu{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:0}
.ota-menu>li{position:relative;margin:0}
.ota-menu>li>a{display:block;padding:12px 11px;font-size:13px;font-weight:650;white-space:nowrap;color:var(--ink)}
.ota-menu>li.is-current>a{color:var(--blue)}
.ota-menu>li.is-highlight>a{background:var(--pale);color:var(--blue-dark);border-radius:8px}
.ota-menu>li.has-children>a::after{content:'\2304';margin-left:7px}
.ota-submenu{display:none;position:absolute;top:100%;left:0;min-width:255px;border:1px solid var(--line);background:#fff;border-radius:12px;box-shadow:0 16px 36px #12355218;padding:9px;margin:0;z-index:30}
.ota-submenu li{margin:0}
.ota-submenu a{display:block;padding:10px 13px;font-size:13px;border-radius:7px;color:var(--ink)}
.ota-submenu a:hover,.ota-submenu li.is-current>a{background:var(--pale)}
.ota-menu>li:hover>.ota-submenu,.ota-menu>li:focus-within>.ota-submenu,.ota-menu>li.is-open>.ota-submenu{display:block}
.ota-menu>li.ota-menu__cta>a{display:block;background:var(--blue);color:#fff!important;border-radius:8px;padding:11px 21px;font-size:12px;font-weight:750;white-space:nowrap}

/* ---------- Inner hero banner (same style as the homepage hero, no curve) ---------- */
.ota-page-hero{position:relative;isolation:isolate;overflow:hidden;background:#0b3a5f;padding:100px 0 108px;margin:0;text-align:center}
.ota-page-hero__bg{position:absolute;inset:0;background-size:cover;background-position:center 50%;z-index:-3}
.ota-page-hero__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,42,72,.73),rgba(4,42,72,.5) 68%,rgba(4,42,72,.4));z-index:-2}
.ota-page-hero__content{text-align:center}
.ota-page-hero__eyebrow{font-size:12px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:#c9edff;margin:0 0 14px;line-height:1.55}
.ota-page-hero .ota-page-hero__heading{font-family:'Segoe UI',Arial,sans-serif;font-size:clamp(34px,3.7vw,52px);line-height:1.12;font-weight:750;letter-spacing:-1.5px;max-width:940px;margin:0 auto;color:#fff;text-transform:none}
.ota-page-hero .ota-page-hero__subtext{font-size:16px;line-height:1.7;color:#eef8ff;max-width:680px;margin:16px auto 0}
.ota-page-hero__buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:21px}
.ota-btn-explore{display:inline-flex;align-items:center;gap:16px;padding:8px 16px;background:#ffffffec;border:1px solid #ffffff88;border-radius:7px;color:var(--blue-dark)!important;font-weight:700;font-size:11px;line-height:1.55}
.ota-btn-explore::after{content:'\2192';font-size:18px}
.ota-btn-explore:hover,.ota-btn-explore:focus{background:#ffffffec;border-color:#ffffff88;color:var(--blue-dark)!important}

/* ---------- Footer ---------- */
.ota-footer{background:#f8fcff;border-top:1px solid #e2eef4}
.ota-footer__content{padding:40px 0 32px}
.ota-footer__grid{display:grid;grid-template-columns:1.15fr 1.6fr 1.15fr;gap:44px}
.ota-footer__logo{width:165px;display:block}
.ota-footer p{font-size:12px;line-height:1.9;color:#5d788c;margin:10px 0}
.ota-footer__about>p{max-width:285px;margin-top:23px}
.ota-footer h5{font-family:'Segoe UI',Arial,sans-serif;font-size:14px;font-weight:700;line-height:1.55;letter-spacing:normal;color:var(--ink);margin:0 0 20px}
.ota-footer__contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.ota-footer__contact-grid .ota-footer__country{font-weight:750;color:var(--ink);margin-top:0}
.ota-footer__links{display:grid;grid-template-columns:1fr 1fr;gap:8px 17px;margin:0}
.ota-footer__links li{margin:0}
.ota-footer__links a{font-size:11px;color:#5d788c;line-height:1.5;display:block}
.ota-footer a:hover{color:var(--blue)}
.ota-social{display:flex;gap:8px;margin:14px 0 16px}
.ota-social li{margin:0}
.ota-social a{display:block;border:1px solid var(--line);border-radius:50%;width:28px;height:28px}
.ota-social li:first-child a::before{content:'f';display:block;text-align:center;font-family:Arial;font-weight:bold;color:var(--blue)}
.ota-social li:last-child a::before{content:'\2709';display:block;text-align:center;color:var(--blue)}
.ota-footer__copy{border-top:1px solid #e1edf4;padding:17px 0;color:#6b8497;font-size:10px}

/* ---------- Content carried over from the earlier refresh (products page video) ---------- */
.product-video-section{padding:64px 0;background:#f2f9fe}
.product-video-section .section-heading{max-width:720px;margin:0 auto 28px;text-align:center}
.product-video-frame{max-width:1040px;margin:auto;border-radius:16px;overflow:hidden;background:#071f35;box-shadow:0 18px 50px rgba(7,42,67,.18)}
.product-video-frame video{display:block;width:100%;height:auto;max-height:585px;object-fit:cover}

/* ---------- Responsive (same breakpoints/values as the reference) ---------- */
@media(max-width:1150px){
  .ota-wrap{width:calc(100% - 42px)}
  body.ota-inner .container{width:calc(100% - 18px)}
  .ota-menu{gap:0}
  .ota-menu>li>a{padding:11px 8px;font-size:11px}
  .ota-footer__grid{gap:26px;grid-template-columns:1fr 1.5fr 1.1fr}
}
@media(max-width:860px){
  .ota-strip>.ota-wrap{min-height:29px;gap:18px}
  .ota-header__row{gap:10px}
  .ota-header__brand{flex:0 0 120px}
  .ota-header__logo img{width:120px}
  .ota-menu{flex-wrap:wrap;justify-content:flex-end;gap:0}
  .ota-menu>li>a{font-size:10px;padding:8px}
  .ota-menu>li.ota-menu__cta>a{font-size:10px;padding:8px 14px}
  .ota-page-hero{padding:76px 0 84px}
  .ota-page-hero .ota-page-hero__heading{font-size:39px;max-width:650px}
  .ota-footer__grid{grid-template-columns:1fr 1fr}
  .ota-footer__quick{grid-column:1/-1}
  .ota-footer__links{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:580px){
  .ota-wrap{width:calc(100% - 32px)}
  body.ota-inner .container{width:calc(100% - 8px)}
  .ota-strip>.ota-wrap{justify-content:center;gap:13px;font-size:8px}
  .ota-strip span{display:none}
  .ota-header__row{display:block;padding:16px 0 9px}
  .ota-header__logo img{width:135px;margin:0 auto 10px}
  .ota-menu{justify-content:center}
  .ota-menu>li>a{font-size:9px;padding:7px}
  .ota-menu .ota-menu__cta{display:none}
  .ota-submenu{min-width:210px;left:auto;right:0}
  .ota-page-hero{padding:56px 0 64px}
  .ota-page-hero .ota-page-hero__heading{font-size:31px;letter-spacing:-.8px}
  .ota-page-hero__eyebrow{font-size:9px;margin-bottom:11px}
  .ota-page-hero .ota-page-hero__subtext{font-size:13px}
  .ota-footer__grid{grid-template-columns:1fr;gap:23px}
  .ota-footer__quick{grid-column:auto}
  .ota-footer__links{grid-template-columns:1fr 1fr}
  .ota-footer__about>p{max-width:none}
  .product-video-section{padding:44px 0}
}

/* ---------- Travel Services page: "travel-story" sections, values from the reference ---------- */
.ota-travel{font-family:'Segoe UI',Arial,sans-serif;font-size:16px;line-height:1.55;color:var(--ink);background:#fff}
.ota-travel *{box-sizing:border-box}
.ota-travel a{text-decoration:none}
.ota-travel img{max-width:100%;height:auto}
.ota-travel h2,.ota-travel h3,.ota-travel h4{font-family:'Segoe UI',Arial,sans-serif;color:var(--ink);letter-spacing:normal}
.ota-travel .section{padding:55px 0}
.ota-travel .eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--blue);font-size:10px;font-weight:750;margin-bottom:9px}
.ota-travel h2{font-size:32px;line-height:1.2;letter-spacing:-.9px;color:var(--ink);margin:0 0 16px;font-weight:750}
.ota-travel p{font-size:14px;line-height:1.75;color:#61798d;margin:0 0 18px}
/* buttons (reset bootstrap .btn/.btn-primary/.btn-light) */
.ota-travel .btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border-radius:8px;font-size:12px;font-weight:700;gap:12px;line-height:1.55;box-shadow:none;vertical-align:middle}
.ota-travel .btn-primary{background:var(--blue);border:1px solid var(--blue);color:#fff}
.ota-travel .btn-primary:hover,.ota-travel .btn-primary:focus{background:#062a57;border-color:#062a57;color:#fff}
.ota-travel .btn-primary::after{content:'\2192'}
.ota-travel .btn-light{background:#fff;border:1px solid var(--line);color:var(--blue-dark);margin-left:8px}
.ota-travel .btn-light:hover,.ota-travel .btn-light:focus{background:#fff;border-color:var(--line);color:var(--blue-dark)}
.ota-travel .split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:65px}
/* intro */
.ota-travel .travel-intro{background:#f0f9ff;border-top:1px solid #e4f1fa}
.ota-travel .travel-intro .hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:60px;align-items:center}
.ota-travel .travel-intro h2{font-size:31px;max-width:620px}
.ota-travel .travel-intro p{max-width:670px}
.ota-travel .travel-intro .hero-card{background:#fff;border:1px solid #d8eaf6;border-radius:12px;padding:27px;border-top:4px solid #66bbf0}
.ota-travel .travel-intro .hero-card h3{font-size:19px;line-height:1.4;margin:0 0 12px;font-weight:700}
.ota-travel .travel-intro .hero-card p{font-size:13px;margin:0}
/* services cards (reset bootstrap .card/.card-body) */
.ota-travel .section-title{max-width:780px;margin-bottom:28px}
.ota-travel #services{background:#fff}
.ota-travel .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.ota-travel .card{border:1px solid #dbeaf4;border-radius:12px;overflow:hidden;background:#fff;display:grid;grid-template-columns:88px 1fr;align-items:stretch;min-height:170px;box-shadow:0 5px 16px #144d7710}
.ota-travel .card-img{width:88px;min-height:100%;background:#eef7ff;overflow:hidden}
.ota-travel .card-img img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.75)}
.ota-travel .card-body{padding:22px 18px;flex:initial;color:inherit}
.ota-travel .card h3{font-size:18px;line-height:1.35;margin:0 0 10px;font-weight:700}
.ota-travel .card p{font-size:12px;line-height:1.7;margin:0}
/* steps */
.ota-travel .booking-steps{background:#f8fcff;border-top:1px solid #e5f0f8}
.ota-travel .booking-steps .split{display:block}
.ota-travel .booking-steps .split>div:first-child{max-width:740px;margin-bottom:30px}
.ota-travel .booking-steps .steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;align-items:start}
.ota-travel .step .num{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#dff1ff;color:#0069b5;border:1px solid #bddff4;font-size:12px;font-weight:750;margin-bottom:14px}
.ota-travel .step h4{font-size:14px;line-height:1.5;margin:0 0 10px;font-weight:700}
.ota-travel .step p{font-size:12px;line-height:1.8;margin:0}
/* travel channels */
.ota-travel .travel-channels{background:#fff}
.ota-travel .travel-platform-title{max-width:860px;margin-bottom:27px}
.ota-travel .travel-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:stretch}
.ota-travel .travel-platform{border:1px solid #dbeaf4;border-radius:14px;overflow:hidden;background:#fff;box-shadow:0 7px 24px #114f7c08;display:flex;flex-direction:column}
.ota-travel .platform-media{height:245px;overflow:hidden;background:#eef8ff;flex:none}
.ota-travel .platform-media-traveloco{padding:18px 25px 0;background:linear-gradient(140deg,#edf8ff,#f9fcff);display:flex;flex-direction:column;align-items:center}
.ota-travel .logos-row{display:flex;align-items:center;justify-content:center;gap:30px;padding:0 0 13px;flex:none}
.ota-travel .logos-row img{max-width:120px;max-height:35px;width:auto;height:auto;object-fit:contain}
.ota-travel .platform-media-traveloco .device{height:184px;width:100%;object-fit:contain;display:block}
.ota-travel .platform-media-discover{background-size:cover;background-position:center 54%}
.ota-travel .platform-body{padding:24px 26px 27px;display:flex;align-items:flex-start;flex-direction:column;flex:1}
.ota-travel .platform-body h3{font-size:24px;line-height:1.25;letter-spacing:-.5px;color:#123552;margin:0 0 13px;font-weight:700}
.ota-travel .platform-body p{font-size:13px;line-height:1.75;margin:0 0 22px}
.ota-travel .platform-body .btn{margin-top:auto;padding:12px 22px;font-size:12px}
/* trust (reset bootstrap .badge) */
.ota-travel .trust{background:#eaf6fd;border-top:1px solid #dceef8;border-bottom:1px solid #dceef8;padding:36px 0}
.ota-travel .trust-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center}
.ota-travel .trust h2{font-size:23px;letter-spacing:-.4px;margin-bottom:10px}
.ota-travel .trust p{font-size:12px;margin:0}
.ota-travel .badges{display:flex;gap:12px}
.ota-travel .badge{display:block;flex:1;background:#fff;border:1px solid #d4e8f5;border-radius:8px;padding:16px 13px;font-size:12px;color:var(--blue-dark);font-weight:750;line-height:1.5;text-align:left;white-space:normal;vertical-align:initial}
.ota-travel a.badge:hover{border-color:var(--blue)}
.ota-travel .badge small{display:block;font-size:9px;font-weight:400;color:var(--muted);margin-top:5px}
/* cta */
.ota-travel .travel-cta{padding:43px 0;text-align:center;background:#fafdff}
.ota-travel .travel-cta .section-title{margin:0 auto 19px;max-width:800px;text-align:center}
.ota-travel .travel-cta h2{font-size:29px;margin-bottom:12px}
.ota-travel .travel-cta p{margin:0;font-size:13px}
.ota-travel .travel-cta .eyebrow{display:none}
.ota-travel .travel-cta-actions{text-align:center;margin-top:10px}

@media(max-width:1100px){
  .ota-travel .split{gap:35px}
  .ota-travel .card{grid-template-columns:65px 1fr}
  .ota-travel .card-img{width:65px}
  .ota-travel .card-body{padding:18px 14px}
  .ota-travel .card h3{font-size:16px}
  .ota-travel .trust-grid{gap:30px}
  .ota-travel .badges{gap:7px}
  .ota-travel .badge{font-size:10px;padding:12px 9px}
}
@media(max-width:860px){
  .ota-travel h2{font-size:28px}
  .ota-travel .travel-intro .hero-grid{grid-template-columns:1.4fr 1fr;gap:30px}
  .ota-travel .travel-intro .hero-card{padding:22px}
  .ota-travel .cards{grid-template-columns:1fr}
  .ota-travel .card{grid-template-columns:110px 1fr;min-height:130px}
  .ota-travel .card-img{width:110px}
  .ota-travel .card h3{font-size:19px}
  .ota-travel .card-body{padding:23px}
  .ota-travel .card p{font-size:13px}
  .ota-travel .booking-steps .steps{grid-template-columns:1fr 1fr;gap:24px 34px}
  .ota-travel .trust-grid{grid-template-columns:1fr;gap:22px}
  .ota-travel .badges{gap:12px}
  .ota-travel .badge{font-size:12px}
  .ota-travel .platform-media{height:220px}
  .ota-travel .platform-media-traveloco .device{height:165px}
  .ota-travel .platform-body{padding:21px}
  .ota-travel .platform-body h3{font-size:21px}
  .ota-travel .platform-body p{font-size:12px}
  .ota-travel .travel-platform-grid{gap:18px}
}
@media(max-width:580px){
  .ota-travel .section{padding:37px 0}
  .ota-travel h2{font-size:27px}
  .ota-travel p{font-size:13px}
  .ota-travel .travel-intro .hero-grid{grid-template-columns:1fr;gap:25px}
  .ota-travel .travel-intro .hero-card h3{font-size:18px}
  .ota-travel .btn-light{margin-left:0;margin-top:8px}
  .ota-travel .card{grid-template-columns:85px 1fr}
  .ota-travel .card-img{width:85px}
  .ota-travel .card-body{padding:19px 15px}
  .ota-travel .card h3{font-size:17px}
  .ota-travel .card p{font-size:12px}
  .ota-travel .booking-steps .steps{gap:20px}
  .ota-travel .step h4{font-size:13px}
  .ota-travel .step p{font-size:11px}
  .ota-travel .badges{gap:6px}
  .ota-travel .badge{font-size:10px;padding:12px 9px}
  .ota-travel .badge small{font-size:8px}
  .ota-travel .travel-cta h2{font-size:25px}
  .ota-travel .travel-platform-grid{grid-template-columns:1fr;gap:22px}
  .ota-travel .platform-media{height:225px}
  .ota-travel .platform-body{padding:22px}
  .ota-travel .platform-body h3{font-size:23px}
  .ota-travel .platform-body p{font-size:13px}
}


/* ==========================================================================
   Update 2 (client revisions)
   ========================================================================== */

/* --- Menu: background pill follows the active page and the hovered link --- */
.ota-menu{position:relative;isolation:isolate}
.ota-menu>li>a{display:flex;align-items:center;border-radius:8px;transition:background-color .3s ease,color .3s ease}
.ota-menu>li.is-current>a{color:var(--blue)}
/* no-JS fallback */
.ota-menu:not(.has-pill)>li:not(.ota-menu__cta).is-current>a,
.ota-menu:not(.has-pill)>li:not(.ota-menu__cta)>a:hover{background:var(--pale)}
.ota-menu .nav-pill{position:absolute;left:0;top:0;width:0;height:0;margin:0;border-radius:8px;background:var(--pale);z-index:-1;pointer-events:none;opacity:0;transition:transform .38s cubic-bezier(.4,0,.2,1),width .38s cubic-bezier(.4,0,.2,1),height .38s cubic-bezier(.4,0,.2,1),opacity .25s ease}
.ota-menu .nav-pill.is-visible{opacity:1}
.ota-menu .nav-pill.no-anim{transition:none}

/* --- Dropdown indicator: solid triangle, vertically centred, rotates on hover --- */
.ota-menu>li.has-children>a::after{content:'';display:inline-block;width:0;height:0;margin-left:7px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid currentColor;transition:transform .3s ease;transform-origin:50% 50%}
.ota-menu>li.has-children:hover>a::after,.ota-menu>li.has-children:focus-within>a::after,.ota-menu>li.has-children.is-open>a::after{transform:rotate(180deg)}

/* --- Section sub headers (eyebrows) — same as the homepage --- */
body.ota-inner main .title small,
body.ota-inner main .section-heading>span,
body.ota-inner main .ota-travel .eyebrow{display:block;font-family:'Segoe UI',Arial,sans-serif!important;font-size:10px!important;font-weight:750!important;color:#FFB703!important;line-height:1.55!important;letter-spacing:1.6px!important;font-style:normal!important;text-decoration:none!important;text-transform:uppercase!important;margin-bottom:9px}
body.ota-inner main .ota-travel .eyebrow{color:#093b78!important} /* Travel Services eyebrows were never yellow */

/* --- Section headers (H2): 32px everywhere except inside .trust --- */
body.ota-inner main h2{font-family:'Segoe UI',Arial,sans-serif!important;font-size:32px!important;font-weight:750!important;color:#123552!important;line-height:1.2!important;letter-spacing:-.9px!important;font-style:normal!important;text-decoration:none!important;text-transform:none!important}
body.ota-inner main .trust h2{font-size:23px!important;letter-spacing:-.4px!important}
body.ota-inner main :is(h3,h4,h5,h6){font-family:'Segoe UI',Arial,sans-serif;color:#123552}

/* --- Normal text — same as the homepage --- */
body.ota-inner main p:where(:not(.ota-travel p)){font-family:'Segoe UI',Arial,sans-serif!important;font-size:14px!important;line-height:1.75!important;color:#61798d!important}

/* Text on blue / dark sections stays readable */
body.ota-inner main :is(.cta-to-connect,.other-products) h2{color:#fff!important}
body.ota-inner main .cta-to-connect .left-col p,body.ota-inner main .integration-section>.container>p,body.ota-inner main .other-products .title p{color:#eef8ff!important}
body.ota-inner main :is(.cta-to-connect,.other-products) .title small{color:#fff!important}
body.ota-inner main .flip-back :is(h5,p){color:#fff!important}

/* --- Buttons — homepage button shape, legacy yellow (#FFB703) restored --- */
body.ota-inner main :is(.default-btn,.get-started,.read-more,.btn-readmore,.btn_1),
body.ota-inner .inquiry-form button,
body.ota-inner div.wpforms-container-full .wpforms-form button.wpforms-submit[type=submit]{display:inline-flex!important;align-items:center;justify-content:center;gap:12px;font-family:'Segoe UI',Arial,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:1.55!important;letter-spacing:normal!important;text-transform:none!important;text-decoration:none!important;padding:11px 20px!important;height:auto!important;border-radius:8px!important;background:#FFB703!important;border:1px solid #FFB703!important;color:#24262d!important;box-shadow:none!important;transition:background-color .2s ease,border-color .2s ease,color .2s ease}
body.ota-inner main :is(.default-btn,.get-started,.read-more,.btn-readmore,.btn_1):is(:hover,:focus),
body.ota-inner .inquiry-form button:is(:hover,:focus),
body.ota-inner div.wpforms-container-full .wpforms-form button.wpforms-submit[type=submit]:is(:hover,:focus){background:#e6a500!important;border-color:#e6a500!important;color:#24262d!important}
/* White button on blue / dark backgrounds (same as the homepage white button) */
body.ota-inner main :is(.cta-to-connect,.other-products,.flip-back) :is(.default-btn,.get-started,.read-more,.btn-readmore,.btn_1){background:#fff!important;border-color:#fff!important;color:#062a57!important}
body.ota-inner main :is(.cta-to-connect,.other-products,.flip-back) :is(.default-btn,.get-started,.read-more,.btn-readmore,.btn_1):is(:hover,:focus){background:#fff!important;border-color:#fff!important;color:#062a57!important}

/* --- #E7F1FE section backgrounds → #F0F9FF --- */
body.ota-inner main .why-choose-us,body.ota-inner main .contact-info-map{background-color:#f0f9ff!important}

@media(max-width:860px){
  body.ota-inner main h2{font-size:28px!important}
}
@media(max-width:580px){
  body.ota-inner main h2{font-size:27px!important}
  body.ota-inner main .trust h2{font-size:23px!important}
  body.ota-inner main p:where(:not(.ota-travel p)){font-size:13px!important}
}

/* --- Legacy yellow (#FFB703) restored: style.css rules apply again on inner pages --- */
body.ota-inner[class*="template-termination"] main .title h2{color:#fff!important}

/* --- Dark text on yellow hover backgrounds (legacy behaviour) --- */
body.ota-inner main .default-section .about-boxarea:hover :is(h3,h4,h5,h6,p){color:#24262d!important}
body.ota-inner main .box-services:hover .cread-more-wrapper a{color:#24262d!important}
body.ota-inner main .contact-info-item .contact-info-icon,
body.ota-inner main .contact-info-item .contact-info-icon i{color:#fff!important}

/* ===================================================================
   Update 4 — mobile spacing rhythm (≤767px)
   Same rhythm as the homepage/Travel Services: text 16px from the screen
   edge, boxed cards 16px from the edge, ~44px between sections.
   =================================================================== */
@media(max-width:767px){
  /* Section padding (legacy pages used 90–120px desktop values on phones) */
  body.ota-inner main :is(.default-section,.mis-vis,.why-choose-us,.cta-to-connect,.product-video-section,.products,.other-products,.features-section,.integration-section,.sync-capability,.pms-features,.hsma-section,.traveloco-section,.news-events-section,.careers-section,.contact-form,.privacy-policy-section,.terms-conditions-section){padding-top:44px!important;padding-bottom:44px!important}
  body.ota-inner main .dashboard{padding-top:36px!important}
  body.ota-inner main :is(.econ-description,.loyalty-description,.ecommerce-description){padding-top:32px!important;padding-bottom:28px!important}
  body.ota-inner main .key-features{margin-bottom:0!important;padding-bottom:44px!important}
  body.ota-inner main .feature-grid{margin-bottom:0!important}
  body.ota-inner main .contact-info-map{padding-bottom:44px!important}
  body.ota-inner main .contact-info-tabs{margin-top:36px!important}

  /* Legal pages: the section's own side padding doubled the gutter (text sat 32–40px in) */
  body.ota-inner main :is(.privacy-policy-section,.terms-conditions-section){padding-left:0!important;padding-right:0!important}

  /* Cards whose background sits on the grid column: pull them in to the 16px line */
  body.ota-inner main :is(.inquiry-form-column,.careers-sidebar){flex:0 0 auto!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important;padding:28px 20px!important}
  body.ota-inner main .contact-info-item{flex:0 0 auto!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin-left:12px!important;margin-right:12px!important}

  /* Bootstrap spacing utilities are desktop-sized; tighten them on phones */
  body.ota-inner main :is(.mb-5,.my-5){margin-bottom:28px!important}
  body.ota-inner main :is(.mt-5,.my-5){margin-top:28px!important}
  body.ota-inner main h2.mb-5{margin-bottom:20px!important}
  body.ota-inner main .text-center.mb-4{margin-bottom:16px!important}
  /* Section headings: legacy .title wrapper added 40px under the H2 */
  body.ota-inner main .title{margin-bottom:24px!important}
  body.ota-inner main .key-features h2{margin-bottom:24px!important}
}
@media(max-width:580px){
  body.ota-inner main :is(.default-section,.mis-vis,.why-choose-us,.cta-to-connect,.product-video-section,.products,.other-products,.features-section,.integration-section,.sync-capability,.pms-features,.hsma-section,.traveloco-section,.news-events-section,.careers-section,.contact-form,.privacy-policy-section,.terms-conditions-section){padding-top:40px!important;padding-bottom:40px!important}
}

/* ===================================================================
   Update 6 (2026-11-12) — client revisions
   Main blue #093b78 · hover/dark blue #062a57 · accent yellow #FFB703
   =================================================================== */

/* 1. Sub headers (eyebrows) — same colour as the homepage (dark sections keep white) */
body.ota-inner main .title small,
body.ota-inner main .section-heading>span,
body.ota-inner main .ota-travel .eyebrow{color:#093b78!important}

/* 4. Buttons — homepage blue + hover */
body.ota-inner main :is(.default-btn,.get-started,.read-more,.btn-readmore,.btn_1),
body.ota-inner .inquiry-form button,
body.ota-inner div.wpforms-container-full .wpforms-form button.wpforms-submit[type=submit]{background:#093b78!important;border-color:#093b78!important;color:#fff!important}
body.ota-inner main :is(.default-btn,.get-started,.read-more,.btn-readmore,.btn_1):is(:hover,:focus),
body.ota-inner .inquiry-form button:is(:hover,:focus),
body.ota-inner div.wpforms-container-full .wpforms-form button.wpforms-submit[type=submit]:is(:hover,:focus){background:#062a57!important;border-color:#062a57!important;color:#fff!important}

/* 7. "Get a quote" in "Start building today" — yellow */
body.ota-inner main .cta-to-connect .right-col a.get-started{background:#FFB703!important;border-color:#FFB703!important;color:#093b78!important}
body.ota-inner main .cta-to-connect .right-col a.get-started:is(:hover,:focus){background:#e6a500!important;border-color:#e6a500!important;color:#062a57!important}

/* 2 + 6. Cards / boxes / containers — 5px yellow top border */
body.ota-inner main :is(.about-boxarea,.feature-card,.flip-front,.flip-back,.integration-card,.prod-item,.news-card,.atl-policy-card,.atl-contact-box,.sync-info,.cm-card,.yir-card),
body.ota-inner main .ota-travel :is(.card,.hero-card,.badge,.travel-platform){border-top:5px solid #FFB703!important}

/* 5. Icons — yellow */
body.ota-inner main :is(.feature-icon,.card-icon,.integration-card h4,.contact-info-icon,.prod-item .icon-wrapper,.custom-list li,.about-boxarea) i,
body.ota-inner main .feature-icon,
body.ota-inner main .card-icon i{color:#FFB703!important}
body.ota-inner main :is(.about-boxarea,.box-services .icon-wrapper) svg path{fill:#FFB703!important}
body.ota-inner main .about-boxarea:hover svg path{fill:#093b78!important}

/* 8. Services page — solution cards (image · icon · text, Read More bar 20px below) */
body.ota-inner main .products .row>[class*="col-"]{display:flex}
body.ota-inner main .products .box-services{display:flex;flex-direction:column;width:100%;height:100%;overflow:visible;background:transparent}
body.ota-inner main .products .box-services .img-thumb-wrapper{height:240px;border-top:5px solid #FFB703;border-radius:12px 12px 0 0;box-shadow:0 10px 24px rgba(9,59,120,.08)}
body.ota-inner main .products .box-services .img-thumb-wrapper::after{top:-100%;background:rgba(9,59,120,.3)}
body.ota-inner main .products .box-services:hover .img-thumb-wrapper::after{top:0}
body.ota-inner main .products .box-services .desc-icon{display:flex;flex-direction:column;flex:1;margin:0;text-align:center}
body.ota-inner main .products .box-services .icon-wrapper{display:grid;place-items:center;width:90px;height:90px;padding:20px;margin:-45px auto 0;z-index:2;background:#fff}
body.ota-inner main .products .box-services .icon-wrapper svg{width:48px;height:48px}
body.ota-inner main .products .box-services:hover .icon-wrapper{background:#FFB703!important}
body.ota-inner main .products .box-services:hover .icon-wrapper svg,
body.ota-inner main .products .box-services:hover .icon-wrapper svg path{fill:#093b78!important;color:#093b78!important}
body.ota-inner main .products .box-services .desc-wrapper{flex:1;width:100%;margin:-45px 0 0;padding:66px 28px 30px;background:#fff;border-radius:0 0 12px 12px;box-shadow:0 10px 24px rgba(9,59,120,.08)}
body.ota-inner main .products .box-services .desc-wrapper h5{margin:0 0 12px}
body.ota-inner main .products .box-services .desc-wrapper h5 a{color:#093b78}
body.ota-inner main .products .box-services .desc-wrapper p{margin:0}
body.ota-inner main .products .box-services .cread-more-wrapper{width:100%;margin:20px 0 0;background:#093b78!important;border-radius:8px;transition:background-color .2s ease}
body.ota-inner main .products .box-services .cread-more-wrapper:hover{background:#062a57!important}
body.ota-inner main .products .box-services .cread-more-wrapper a{display:block;padding:14px 0;color:#fff!important;text-decoration:none;text-transform:none;font-size:13px}

/* 9. Other Services — hover: dark blue icon, header and content */
body.ota-inner main .prod-item:hover :is(h5,h4,h3,a,p,i,span){color:#093b78!important}
body.ota-inner main .prod-item:hover svg path{fill:#093b78!important}

/* 10. Hotel Booking System feature cards — hover side yellow with dark blue text */
body.ota-inner main .flip-container .flip-back{background-color:#FFB703!important}
body.ota-inner main .flip-container .flip-back :is(h5,p,i,a,span){color:#093b78!important}

/* 3. Blue sections use the main blue */
body.ota-inner main :is(.cta-to-connect,.other-products){background-color:#093b78!important}

/* Modals / lightboxes sit above the sticky header (900) and the mobile drawer (1000) */
body.ota-inner .modal,body.ota-inner .modal-overlay,body.ota-inner .yir-lightbox{z-index:2000!important}
body.ota-inner .modal-backdrop{z-index:1990!important}

/* News and Events — "2026 Year in Review" call-to-action (ACF switch ne_show_year_review) */
body.ota-inner main .ne-yir-cta{padding:10px 0 80px}
body.ota-inner main .ne-yir-cta__card{display:flex;align-items:center;justify-content:space-between;gap:24px 40px;padding:36px 40px;background:#f0f9ff;border:1px solid #d9e9f3;border-top:5px solid #FFB703;border-radius:14px}
body.ota-inner main .ne-yir-cta__text{max-width:640px}
body.ota-inner main .ne-yir-cta .title{margin:0!important;padding:0}
body.ota-inner main .ne-yir-cta .title h2{margin:0 0 10px}
body.ota-inner main .ne-yir-cta__text p{margin:0}
body.ota-inner main .ne-yir-cta__btn{flex:0 0 auto;white-space:nowrap}
body.ota-inner main .ne-yir-cta__btn::after{content:'\2192';font-size:16px}
@media(max-width:767px){
  body.ota-inner main .ne-yir-cta{padding:0 0 44px}
  body.ota-inner main .ne-yir-cta__card{flex-direction:column;align-items:flex-start;padding:26px 20px}
}