/* Approved About Trippbo. All rules scoped: no changes to shared navbar,
   footer, booking widgets, auth, or other marketing/public pages. */
.marketing-shell .about-approved{--about-navy:#17205b;--about-muted:#4a5573;--about-line:#e8e8f6;--about-pink:#f331a4;--about-purple:#8c32f3;--about-orange:#ff7656;width:min(1260px,100%);margin:0 auto;padding:15px 0 32px;color:var(--about-navy)}
.marketing-shell .about-approved *, .marketing-shell .about-approved *:before,.marketing-shell .about-approved *:after{box-sizing:border-box}
.about-approved section{scroll-margin-top:90px}
.marketing-shell .about-approved h1,.marketing-shell .about-approved h2,.marketing-shell .about-approved h3{font-family:Tajawal,'DM Sans',system-ui,sans-serif;font-weight:900;letter-spacing:0}
.marketing-shell .about-approved p{font-size:16px;line-height:1.75;font-weight:550;color:var(--about-muted)}
.marketing-shell .about-approved a:focus-visible{outline:3px solid #ffa5e0;outline-offset:3px}
.about-approved .about-overline{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#e52a92;display:block;line-height:1.4}
.about-approved .about-heading{text-align:center;margin:0 auto 27px;padding:0 14px;max-width:800px}
.marketing-shell .about-approved .about-heading h2{font-size:clamp(26px,2.5vw,34px);margin:7px 0 5px;color:var(--about-navy)}
.marketing-shell .about-approved .about-heading p{font-size:16px;line-height:1.75}
/* Hero: content container is inset from the viewport, including desktop */
.about-approved .about-cinematic-hero{position:relative;isolation:isolate;min-height:440px;overflow:hidden;border-radius:22px;color:#fff;background:#193061;direction:ltr;box-shadow:0 16px 42px #15194a23}
.about-approved .about-cinematic-hero:before{content:'';position:absolute;inset:0;z-index:-2;background-image:var(--about-photo);background-size:cover;background-position:center center;filter:saturate(1.14)}
.about-approved .about-cinematic-hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(8,22,59,.70) 0%,rgba(17,23,64,.54) 30%,rgba(21,27,65,.18) 61%,rgba(21,27,65,.05) 100%),linear-gradient(0deg,#0b183638,transparent 50%)}
.about-approved .about-hero-inner{position:relative;padding:78px 52px 60px;width:min(650px,61%);direction:rtl;text-align:start}
.marketing-shell[dir=ltr] .about-approved .about-hero-inner{direction:ltr}
.about-approved .about-hero-eyebrow{display:inline-block;color:#ffe3ef;font-family:'DM Sans',Tajawal,system-ui,sans-serif;font-size:12px;letter-spacing:2.3px;font-weight:850;direction:ltr}
.marketing-shell .about-approved .about-cinematic-hero h1{font-size:clamp(36px,4.1vw,58px);color:#fff;line-height:1.13;margin:19px 0 15px;text-wrap:balance;text-shadow:0 3px 14px #0005}
.marketing-shell .about-approved .about-cinematic-hero p{color:#f4f4ff;font-size:clamp(16px,1.4vw,19px);line-height:1.78;max-width:540px;font-weight:650}
.about-approved .about-hero-buttons,.about-approved .about-final-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:24px}
.about-approved .about-pill,.about-approved .about-outline-pill{border-radius:99px;min-height:45px;padding:12px 29px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:900}
.about-approved .about-outline-pill{color:white;background:#13214d56;border:1px solid #f6f4ffbb;backdrop-filter:blur(5px);transition:background .2s}
.about-approved .about-outline-pill:hover{background:#263866aa}
.about-approved .about-hero-signature{position:absolute;bottom:30px;right:38px;font-size:22px;line-height:1.03;font-family:cursive;transform:rotate(-8deg);text-align:center;color:#fff;text-shadow:0 3px 11px #000b;opacity:.85}
/* Story card over hero */
.about-approved .about-story{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:34px;min-height:346px;width:100%;margin:-18px 0 18px;padding:17px;background:#fff;border:1px solid #eff0fb;border-radius:20px;box-shadow:0 12px 35px #11235616}
.about-approved .about-story-copy{padding:19px 18px 20px 24px;min-width:0}
.about-approved .about-story-copy h2{font-size:32px;margin:8px 0 14px}
.marketing-shell .about-approved .about-story-copy p{margin-top:15px;font-size:17px;line-height:1.88}
.about-approved .about-picture{position:relative;overflow:hidden;background:#e8dce9;border-radius:15px}
.about-approved .about-picture>img{display:block;width:100%;height:100%;object-fit:cover}
.about-approved .about-story-picture{height:311px}
.about-approved .about-story-picture:after{position:absolute;content:'';inset:40% 0 0;background:linear-gradient(0deg,#0e21454a,transparent);pointer-events:none}
.about-approved .about-photo-handwritten{position:absolute;bottom:18px;left:20px;font-family:cursive;color:white;font-size:23px;line-height:1.08;transform:rotate(-6deg);text-shadow:0 2px 8px #000b;z-index:1;direction:ltr}
/* Mission and vision */
.about-approved .about-mission-vision{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:16px;width:100%;margin-bottom:32px}
.about-approved .about-photo-card{position:relative;min-width:0;min-height:344px;height:100%;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;border-radius:20px;box-shadow:0 8px 22px #13255a13;background:#423169}
.about-approved .about-photo-card:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--about-photo) center/cover;filter:saturate(1.15) contrast(1.06)}
.about-approved .about-photo-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#180e4ba5,#281b5976 39%,#271c4a0b 100%)}
.about-approved .about-mission:after{background:linear-gradient(0deg,rgba(255,250,250,.84) 0%,rgba(255,242,246,.75) 27%,rgba(255,238,246,.29) 66%,rgba(255,241,247,.03) 100%)}
.about-approved .about-photo-card-copy{position:relative;inset:auto;display:grid;grid-template-rows:46px 16px 39px auto;align-content:start;row-gap:6px;width:100%;min-height:242px;padding:0 31px 28px;color:white;min-width:0}
.about-approved .about-mission .about-photo-card-copy{color:#1d2255}
.about-approved .about-mission:before{background-size:135% auto;background-position:right 42%;filter:saturate(1.28) contrast(1.15)}
.about-approved .about-photo-icon{width:46px;height:46px;margin:0;display:grid;place-items:center;color:inherit;background:#fff3;border-radius:50%}
.about-approved .about-mission .about-photo-icon{background:#fff9;color:#ed2f92}
.about-approved .about-photo-icon svg{width:23px;height:23px}
.about-approved .about-photo-card .about-overline{color:#ffd6ef}
.about-approved .about-mission .about-overline{color:#c02f91}
.about-approved .about-photo-card h2{font-size:29px;line-height:1.28;margin:0;color:inherit;align-self:center}
.marketing-shell .about-approved .about-photo-card p{font-size:16px;line-height:1.68;color:#fff;max-width:410px;margin:4px 0 0;align-self:start}
.marketing-shell .about-approved .about-mission p{color:#31355e}
/* Timeline */
.about-approved .about-how{padding:34px 0 44px}
.about-approved .about-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin:43px 0 0;padding:0;list-style:none;text-align:center}
.about-approved .about-timeline:before{content:'';position:absolute;top:49px;left:11%;right:11%;height:2px;background:linear-gradient(90deg,#ffc9db,#bda5ff,#ffc5da);z-index:0}
.about-approved .about-timeline-step{position:relative;z-index:1;padding:0 13px}
.about-approved .about-timeline-number{position:absolute;top:57px;right:calc(50% + 56px);display:grid;place-items:center;color:#fff;font-family:Arial,sans-serif;font-weight:900;background:linear-gradient(135deg,#f300ae,#9e25f0);height:30px;width:30px;border-radius:50%;box-shadow:0 6px 12px #b824a02b}
.about-approved .about-timeline-step:nth-child(2) .about-timeline-number{background:#6840f8}
.about-approved .about-timeline-step:nth-child(3) .about-timeline-number{background:#ff6f3c}
.about-approved .about-timeline-step:nth-child(4) .about-timeline-number{background:#ff1985}
.about-approved .about-timeline-icon{position:relative;display:grid;place-items:center;width:94px;height:94px;margin:0 auto 13px;border-radius:50%;background:linear-gradient(135deg,#fceaf7,#f8e7fa);color:#f428a6;box-shadow:inset 0 0 0 7px white}
.about-approved .about-timeline-icon svg{width:39px;height:39px}
.about-approved .about-timeline-step:nth-child(2) .about-timeline-icon{background:#f0eafb;color:#6a33fa}
.about-approved .about-timeline-step:nth-child(3) .about-timeline-icon{background:#ffede9;color:#ff693b}
.about-approved .about-timeline-step:nth-child(4) .about-timeline-icon{background:#fbe8f4;color:#f8259b}
.about-approved .about-timeline h3{font-size:21px;margin-bottom:6px;color:var(--about-navy)}
.marketing-shell .about-approved .about-timeline p{font-size:16px;line-height:1.77;max-width:225px;margin:0 auto}
/* Highlights, values */
.about-approved .about-different{padding:25px 0 34px}
.about-approved .about-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.about-approved .about-feature-card,.about-approved .about-value-card{min-width:0;background:linear-gradient(180deg,#fff,#fffdfd);border:1px solid #eaeaf5;border-radius:16px;padding:22px 17px 23px;text-align:center;box-shadow:0 7px 22px #17224e12}
.about-approved .about-card-icon{width:56px;height:56px;display:grid;place-items:center;margin:0 auto 14px;background:linear-gradient(130deg,#ffecfb,#f6e9ff);border-radius:50%;color:#e52aa3}
.about-approved .about-feature-card:nth-child(2) .about-card-icon,.about-approved .about-value-card:nth-child(2) .about-card-icon{background:#fff0ec;color:#ff703d}
.about-approved .about-feature-card:nth-child(4) .about-card-icon,.about-approved .about-value-card:nth-child(4) .about-card-icon{background:#f1eaff;color:#6539fa}
.about-approved .about-feature-card h3,.about-approved .about-value-card h3{font-size:19px;color:var(--about-navy);margin-bottom:8px}
.marketing-shell .about-approved .about-feature-card p,.marketing-shell .about-approved .about-value-card p{font-size:16px;line-height:1.72}
/* Company as framed editorial photography */
.about-approved .about-company{display:grid;grid-template-columns:1fr 1fr;position:relative;min-height:408px;align-items:center;gap:0;margin:34px 0 36px;padding:16px;background:linear-gradient(115deg,#ecf0ff,#e3e8ff 68%,#edf4ff);border-radius:19px;overflow:hidden}
.about-approved .about-company-info{z-index:2;background:#fffffff2;padding:25px 29px;border-radius:18px;box-shadow:0 11px 28px #1d327b12}
.about-approved .about-company-info h2{font-size:32px;margin:9px 0 10px}
.marketing-shell .about-approved .about-company-info>p{font-size:16px;line-height:1.68}
.about-approved .about-company-photo{height:375px;border-radius:14px}
.about-approved .about-company-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}
.about-approved .about-company-facts>div{display:flex;align-items:center;gap:11px;border-radius:10px;padding:12px;background:#f6f7ff;color:#6337d4}
.about-approved .about-company-facts span{display:grid;gap:3px;font-size:13.5px;color:#4f5b78}
.about-approved .about-company-facts strong{font-size:15px;color:#232c67}
.marketing-shell .about-approved .about-verification{margin-top:11px!important;font-size:12px!important;color:#7a7690!important}
.about-approved .about-values{padding:30px 0 45px}
.about-approved .about-value-card{padding:22px 17px 25px}
.about-approved .about-value-card .about-card-icon{width:49px;height:49px;margin-bottom:9px}
/* Legal details come from the user-provided name and country; no invented number. */
.about-approved .about-legal-identity{margin-top:22px;padding:17px 19px;border:1px solid #e5dafa;border-inline-start:4px solid #b13bf0;border-radius:14px;background:linear-gradient(125deg,#fdf9ff,#f2eeff);text-align:start}
.about-approved .about-legal-eyebrow{display:block;font-size:12px;font-weight:850;letter-spacing:.4px;color:#7a398f;margin-bottom:7px}
.about-approved .about-legal-name{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:baseline;gap:7px;font-size:clamp(22px,2.4vw,27px);line-height:1.3;font-weight:800;color:#20205a;font-family:'DM Sans',Tajawal,system-ui,sans-serif}
.about-approved .about-legal-name strong{font-weight:900}
.marketing-shell .about-approved .about-legal-country{font-size:15px;line-height:1.65;margin:7px 0 0;color:#484e77;font-weight:650}
.about-approved .about-legal-registration{display:grid;gap:4px;margin-top:15px;padding-top:13px;border-top:1px solid #dfd5ec}
.about-approved .about-legal-registration span{font-size:14px;font-weight:850;color:#424574}
.about-approved .about-legal-registration strong{font-size:14px;line-height:1.55;font-weight:600;color:#5a5978}
[data-theme=dark] .marketing-shell .about-approved .about-legal-identity{background:linear-gradient(120deg,#292445,#272a52);border-color:#75569b}
[data-theme=dark] .marketing-shell .about-approved .about-legal-name,[data-theme=dark] .marketing-shell .about-approved .about-legal-registration span{color:#f5f0ff}
[data-theme=dark] .marketing-shell .about-approved .about-legal-eyebrow,[data-theme=dark] .marketing-shell .about-approved .about-legal-country,[data-theme=dark] .marketing-shell .about-approved .about-legal-registration strong{color:#e1d5f4}
.about-approved .about-values .about-heading{margin-bottom:27px}
/* Scrollable gallery uses actual images, no fake controls */
.about-approved .about-gallery{padding:6px 0 35px}
.about-approved .about-gallery .about-heading{margin-bottom:14px}
.about-approved .about-gallery-strip{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px;overflow:hidden}
.about-approved .about-gallery-image{display:block;width:100%;height:145px;object-fit:cover;border-radius:11px;transition:transform .3s}
.about-approved .about-gallery-image:hover{transform:scale(1.035)}
/* Final CTA with preserved centered width */
.about-approved .about-final-cta{isolation:isolate;position:relative;min-height:278px;overflow:hidden;border-radius:20px;padding:49px 52px;display:flex;align-items:center;background:#142653;color:#fff;direction:rtl;box-shadow:0 11px 30px #14234a21}
.about-approved .about-final-cta:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--about-photo) center/cover}
.about-approved .about-final-cta:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,#0a1c52b8 0%,#101b4e96 36%,#1d1d5661 70%,#1713411c 100%)}
.about-approved .about-final-copy{max-width:580px}
.about-approved .about-final-cta h2{color:#fff;font-size:clamp(27px,3vw,41px);line-height:1.18;margin:7px 0 13px;text-wrap:balance}
.marketing-shell .about-approved .about-final-cta p{color:#f2f2ff;font-size:17px;font-weight:600}
.about-approved .about-final-cta .about-overline{color:#ffc4ed}
/* Dark-theme surface and hierarchy scoped to About only */
[data-theme=dark] .marketing-shell .about-approved{--about-navy:#f5f4ff;--about-muted:#c6d0e1;--about-line:#344567}
[data-theme=dark] .marketing-shell .about-story,[data-theme=dark] .marketing-shell .about-feature-card,[data-theme=dark] .marketing-shell .about-value-card,[data-theme=dark] .marketing-shell .about-company-info{background:#172b45;color:#fff;border-color:#38516e}
[data-theme=dark] .marketing-shell .about-company{background:#14263e}
[data-theme=dark] .marketing-shell .about-company-facts>div{background:#233753}
[data-theme=dark] .marketing-shell .about-company-facts strong{color:#f7f5ff}
/* Responsive adaptations */
@media (max-width:1080px){
 .about-approved .about-hero-inner{width:65%;padding:65px 38px 48px}
 .about-approved .about-story{margin-inline:0;gap:18px}
 .about-approved .about-story-copy{padding:13px}
 .marketing-shell .about-approved .about-story-copy p{font-size:16px}
 .about-approved .about-mission-vision{gap:12px}
 .about-approved .about-photo-card{min-height:360px}
 .about-approved .about-company-info{padding:20px}
 .about-approved .about-gallery-image{height:115px}
}
@media (max-width:800px){
 .about-approved .about-cinematic-hero{min-height:430px}
 .about-approved .about-hero-inner{width:78%;padding:68px 32px 45px}
 .about-approved .about-hero-signature{font-size:17px;right:15px}
 .about-approved .about-story{margin:15px 0 16px;display:flex;flex-direction:column;gap:10px}
 .about-approved .about-story-copy{order:2;width:100%;padding:13px 19px 22px}
 .about-approved .about-story-picture{order:1;height:280px;width:100%}
 .about-approved .about-mission-vision{gap:11px}
 .about-approved .about-mission:before{background-size:cover;background-position:right center}
 .about-approved .about-photo-card{min-height:365px}
 .about-approved .about-photo-card-copy{padding:0 23px 23px}
 .about-approved .about-timeline{gap:8px}
 .about-approved .about-timeline-step{padding:0 5px}
 .about-approved .about-timeline-icon{width:70px;height:70px}
 .about-approved .about-timeline:before{top:37px}
 .about-approved .about-timeline-number{top:40px;right:calc(50% + 35px)}
 .about-approved .about-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .about-approved .about-company{grid-template-columns:1fr}
 .about-approved .about-company-photo{height:280px;order:1}
 .about-approved .about-company-info{order:2;margin-top:-23px;margin-inline:14px}
 .about-approved .about-gallery-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;padding:2px 1px 10px}
 .about-approved .about-gallery-image{width:165px;min-width:165px;height:137px;scroll-snap-align:start}
 .about-approved .about-final-cta{padding:37px 30px;min-height:320px}
}
@media (max-width:600px){
 .marketing-shell .about-approved{padding-top:10px}
 .about-approved .about-cinematic-hero{min-height:530px;border-radius:18px}
 .about-approved .about-cinematic-hero:before{background-position:65% center;opacity:.92}
 .about-approved .about-cinematic-hero:after{background:linear-gradient(0deg,#0b1741b8 0%,#12204d78 58%,#1b234635 100%)}
 .about-approved .about-hero-inner{position:absolute;bottom:0;left:0;width:100%;padding:30px 22px 36px;text-align:center;direction:rtl}
 .marketing-shell[dir=ltr] .about-approved .about-hero-inner{direction:ltr}
 .about-approved .about-hero-eyebrow{font-size:10px}
 .marketing-shell .about-approved .about-cinematic-hero h1{font-size:clamp(31px,9vw,40px);margin:11px 0 13px}
 .marketing-shell .about-approved .about-cinematic-hero p{font-size:15px;line-height:1.62}
 .about-approved .about-hero-buttons{justify-content:center;gap:10px;margin-top:20px}
 .about-approved .about-hero-buttons a{min-width:138px}
 .about-approved .about-hero-signature{top:30px;left:20px;right:auto;bottom:auto;font-size:17px}
 .about-approved .about-story{margin:12px 0 14px;padding:10px;border-radius:18px}
 .about-approved .about-photo-card{border-radius:18px}
 .about-approved .about-story-picture{height:235px}
 .about-approved .about-story-copy{padding:12px 12px 18px}
 .about-approved .about-story-copy h2{font-size:27px;margin-bottom:8px}
 .marketing-shell .about-approved .about-story-copy p{font-size:15px;margin-top:8px}
 .about-approved .about-mission-vision{grid-template-columns:1fr}
 .about-approved .about-photo-card-copy{grid-template-rows:46px 16px 39px auto;min-height:242px;padding:0 24px 25px}
 .about-approved .about-photo-card{height:auto}
 .about-approved .about-photo-card p{max-width:100%}
 .about-approved .about-photo-card{min-height:342px}
 .about-approved .about-how{padding:30px 0 37px}
 .about-approved .about-heading{margin-bottom:22px}
 .marketing-shell .about-approved .about-heading h2{font-size:27px}
 .marketing-shell .about-approved .about-heading p{font-size:15.5px}
 .about-approved .about-timeline{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:24px;margin-top:20px}
 .about-approved .about-timeline:before{display:none}
 .about-approved .about-timeline-number{top:44px;right:calc(50% + 35px);width:25px;height:25px;font-size:12px}
 .about-approved .about-timeline-step h3{font-size:19px}
 .marketing-shell .about-approved .about-timeline p{font-size:15.5px}
 .about-approved .about-card-grid{gap:9px}
 .about-approved .about-feature-card,.about-approved .about-value-card{padding:16px 9px}
 .about-approved .about-card-icon{margin-bottom:9px;width:49px;height:49px}
 .about-approved .about-feature-card h3,.about-approved .about-value-card h3{font-size:17px}
 .marketing-shell .about-approved .about-feature-card p,.marketing-shell .about-approved .about-value-card p{font-size:15.5px}
 .about-approved .about-company{margin:20px 0;padding:9px}
 .about-approved .about-company-photo{height:210px}
 .about-approved .about-company-info{margin-inline:0;padding:18px}
 .about-approved .about-company-info h2{font-size:27px}
 .about-approved .about-legal-identity{padding:16px 14px;margin-top:19px}
 .about-approved .about-legal-name{font-size:23px}
 .about-approved .about-values{padding:26px 0 39px}
 .marketing-shell .about-approved .about-company-info>p{font-size:16px}
 .about-approved .about-final-cta{min-height:420px;padding:35px 22px;align-items:flex-end;border-radius:18px}
 .about-approved .about-final-cta:before{background-position:31% center}
 .about-approved .about-final-cta:after{background:linear-gradient(0deg,#101847bf 0%,#0f1b4b9c 43%,#1c204945 100%)}
 .about-approved .about-final-cta h2{font-size:31px}
 .marketing-shell .about-approved .about-final-cta p{font-size:15px}
 .about-approved .about-final-buttons{gap:9px}
 .about-approved .about-final-buttons a{flex:1 1 145px;min-width:0;padding:12px}
}
@media (prefers-reduced-motion:reduce){.about-approved .about-gallery-image,.about-approved .about-outline-pill{transition:none}}
/* English uses a genuine LTR reading flow while retaining the same artwork. */
.marketing-shell[dir=ltr] .about-approved .about-final-cta{direction:ltr}
.marketing-shell[dir=ltr] .about-approved .about-final-cta:after{background:linear-gradient(90deg,#0a1c52b8 0%,#101b4e96 36%,#1d1d5661 70%,#1713411c 100%)}
@media(max-width:600px){.marketing-shell[dir=ltr] .about-approved .about-final-cta:after{background:linear-gradient(0deg,#101847bf 0%,#0f1b4b9c 43%,#1c204945 100%)}}