/* About Us — original Elementor backup and reference layout, scoped to this page. */
.about-premium-hero {
  min-height: 520px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,.65)),url('../images/about-bg.webp');
  background-size: cover;
  background-position: center 43%;
  text-align: center;
}
.about-premium-hero .hero-copy { padding: 30px 0; }
.about-premium-hero h1 { max-width: 800px; font-size: clamp(34px,4.2vw,58px); line-height:1.1; }
.about-premium-hero .hero-copy p {max-width:1020px;font-size:15px;line-height:1.7;margin-bottom:23px}
.about-traveller-grid {display:grid;grid-template-columns:1.03fr .97fr;gap:66px;align-items:center}
.about-traveller-copy h2 {font:700 clamp(34px,3.5vw,53px)/1.12 Archivo,Arial,sans-serif;max-width:510px;letter-spacing:-.025em}
.about-traveller-copy>p{font:400 15px/1.7 'Open Sans',Arial,sans-serif;color:#34484d}
.about-benefits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 22px;padding:0;margin:27px 0 0;list-style:none}
.about-benefits li{font:600 13px/1.35 Archivo,Arial,sans-serif;position:relative;padding-left:21px}
.about-benefits li:before{content:'✓';position:absolute;left:0;color:#517f7d;font-weight:800}
.about-traveller-images{position:relative;min-height:470px;max-width:505px;margin-inline:auto;width:100%}
.about-traveller-images img{position:absolute;display:block;object-fit:cover;border-radius:14px;box-shadow:0 15px 30px rgba(10,34,43,.13)}
.about-traveller-images img:first-child{left:0;bottom:16px;width:58%;height:320px}
.about-traveller-images img:last-child{right:0;top:25px;width:55%;height:300px;border:8px solid #fff}
.about-trust-section .section-heading h2{font-size:clamp(30px,3.2vw,45px)}
.about-trust-section .why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.about-trust-section .why-card{min-height:220px;transition:background .24s ease,color .24s ease,transform .24s ease,box-shadow .24s ease}
.about-trust-section .why-card:hover{transform:translateY(-6px);box-shadow:0 16px 30px rgba(4,24,33,.16);background:#0b222b;color:#fff}
.about-trust-section .why-card .why-icon{transition:background .22s ease,color .22s ease}
.about-trust-section .why-card:hover .why-icon{background:#74aaa3;color:#fff}
.about-booking-banner{position:relative;overflow:hidden;text-align:center;color:#fff;padding-bottom:0!important;background:#081c26 url('../images/raising-bg-original.png') center/cover no-repeat}
.about-booking-banner:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,23,29,.58),rgba(8,25,32,.38));pointer-events:none}
.about-booking-banner .container{position:relative;z-index:1}
.about-booking-content{margin:0 auto;max-width:870px}
.about-booking-banner h2{font:700 clamp(30px,3.4vw,49px)/1.16 Archivo,Arial,sans-serif;max-width:770px;margin:0 auto 15px}
.about-booking-banner p{font-size:15px;line-height:1.7;max-width:820px;margin:auto}
.about-banner-fleet{display:flex;align-items:flex-end;justify-content:center;gap:0;max-width:800px;height:230px;margin:28px auto 0}
.about-banner-fleet img{width:34%;max-height:220px;object-fit:contain;filter:drop-shadow(0 15px 18px rgba(0,0,0,.38))}
.about-banner-fleet img:nth-child(2){width:40%;max-height:235px;z-index:2;margin-inline:-5%}
.about-steps-section{text-align:center}
.about-steps-section .steps{gap:24px;margin-top:36px}
.about-steps-section .step-icon{border-radius:9px;width:50px;height:50px}
.about-steps-section .step h3{font-size:18px}
.about-steps-section .step p{font-size:13px;color:#3d5055}
.about-services-section .services-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.about-services-section .service-card{border-radius:11px;display:flex;flex-direction:column;align-items:center;min-height:365px;padding:14px 16px 24px;transition:transform .25s ease,box-shadow .25s ease}
.about-services-section .service-card>img{height:155px;width:100%;object-fit:cover}
.about-services-section .service-card p{flex:1;min-height:0}
.about-service-link{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border-radius:8px;background:#3d6b6d;color:white!important;font:700 12px Archivo,Arial,sans-serif;transition:background .2s ease,transform .2s ease}
.about-service-link:hover{background:#0d2a32;transform:translateY(-2px)}
@media(max-width:960px){.about-traveller-grid{gap:30px}.about-traveller-images{min-height:400px}.about-trust-section .why-grid,.about-services-section .services-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.about-premium-hero{min-height:440px;padding-top:125px}.about-traveller-grid{grid-template-columns:1fr}.about-traveller-images{max-width:480px;min-height:360px}.about-trust-section .why-grid,.about-services-section .services-cards{grid-template-columns:1fr}.about-banner-fleet{height:150px}.about-banner-fleet img{max-height:145px}.about-traveller-copy h2{font-size:36px}.about-benefits{gap:12px}}
@media(max-width:480px){.about-benefits{grid-template-columns:1fr}.about-traveller-images{min-height:340px}.about-traveller-images img:first-child{height:275px}.about-traveller-images img:last-child{height:245px}.about-premium-hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){.about-trust-section .why-card,.about-service-link{transition:none}}

/* Precise About page typography and source image composition */
.about-traveller-section .about-traveller-copy h2,
.about-trust-section .section-heading h2,
.about-booking-banner h2,
.about-steps-section .section-heading h2,
.about-services-section .section-heading h2,
.about-us-lead .section-heading h2,
.about-leading-section .section-heading h2 {
  font-family: 'Archivo', Arial, sans-serif;
  font-size: clamp(31px, 3.4vw, 47px);
  line-height: 1.18;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.about-premium-hero .section-eyebrow,
.about-booking-banner .section-eyebrow { color: #97c8c3; }
.about-traveller-copy > .section-eyebrow { margin-bottom: 14px; }
.about-traveller-images img:first-child { object-position: 54% center; }
.about-traveller-images img:last-child { object-position: 54% center; }
.about-trust-section .why-card.safety-white-card,
.about-trust-section .why-card.safety-white-card:nth-child(3n+1) { background: #fff; color: #10232b; }
.about-trust-section .why-card.safety-white-card:hover,
.about-trust-section .why-card.safety-white-card:nth-child(3n+1):hover { background: #0b222b; color: white; }
.about-steps-section .step-icon { width: 52px; height: 52px; border-radius: 9px; background: #0b222b; color: white; }
.about-steps-section .step-icon svg { width: 26px; height: 26px; }
.about-steps-section .step:nth-child(2) .step-icon { background: #3d6b6d; }
.about-steps-section .step:nth-child(3) .step-icon { background: #0b222b; }
.about-steps-section .step:nth-child(4) .step-icon { background: #3d6b6d; }
@media (max-width:700px){
 .about-traveller-section .about-traveller-copy h2, .about-trust-section .section-heading h2,
 .about-booking-banner h2, .about-steps-section .section-heading h2,
 .about-services-section .section-heading h2 { font-size:clamp(29px,7vw,39px); }
}


/* 2026-10-26 targeted About Us exact-image and section refinements */
.about-premium-hero{background-position:center 48%!important;}
.about-traveller-grid{align-items:stretch;}
.about-traveller-copy{display:flex;flex-direction:column;justify-content:center;min-height:520px;}
.about-traveller-copy > .section-eyebrow{margin-bottom:14px;color:#3d6b6d;}
.about-traveller-images{position:relative;min-height:520px;max-width:505px;margin-inline:auto;width:100%;height:100%;}
.about-traveller-images img{position:absolute;display:block;object-fit:cover;border-radius:15px;box-shadow:0 15px 30px rgba(10,34,43,.13);}
.about-traveller-images img:first-child{left:0;bottom:0;width:58%;height:400px;object-position:center;}
.about-traveller-images img:last-child{right:0;top:26px;width:55%;height:330px;border:18px solid #fff;object-position:center;}
.about-services-section .service-read-btn{min-width:118px;margin-top:auto;}
.about-services-section .service-card{display:flex;flex-direction:column;}
.about-services-section .service-card p{min-height:95px;}
.about-testimonials-section{background:#fff;padding-top:70px;padding-bottom:78px;}
.about-testimonials-section .section-heading h2{color:#10232b;}
.about-testimonials-section .section-heading p{color:#55656a;}
.about-testimonials-section .testimonial-dot{background:rgba(11,32,40,.18);}
.about-testimonials-section .testimonial-dot.active{background:#76aca6;}
.about-testimonials-section .testimonial-card{border:1px solid #e8eeee;box-shadow:0 8px 28px rgba(0,0,0,.06);}
.about-testimonials-section .testimonial-quote{color:#76aca6;}
.about-testimonials-section .testimonial-card strong{color:#0e252e;}
@media(max-width:960px){
  .about-traveller-copy,.about-traveller-images{min-height:470px;}
  .about-traveller-images img:first-child{height:350px;}
  .about-traveller-images img:last-child{height:290px;}
}
@media(max-width:700px){
  .about-traveller-copy{min-height:auto;}
  .about-traveller-images{min-height:390px;}
  .about-traveller-images img:first-child{height:300px;}
  .about-traveller-images img:last-child{height:240px;border-width:12px;}
}
@media(max-width:480px){
  .about-traveller-images{min-height:350px;}
  .about-traveller-images img:first-child{height:270px;}
  .about-traveller-images img:last-child{height:215px;}
}

/* Original WordPress About Us booking banner assets – scoped correction */
.about-booking-banner{background:#091e25 url('../images/simple-color.jpg') center center/cover no-repeat!important;}
.about-booking-banner::before{background:linear-gradient(180deg,rgba(5,23,29,.08),rgba(5,23,29,.25))!important;}
.about-booking-banner .about-banner-fleet{max-width:1120px;height:auto;min-height:0;margin:28px auto -35px;display:flex;align-items:flex-end;justify-content:center;overflow:visible;}
.about-booking-banner .about-original-fleet-trio{position:relative;width:100%;max-width:1120px;height:auto;max-height:none;object-fit:contain;filter:none;}
@media(max-width:700px){.about-booking-banner .about-banner-fleet{height:auto;margin-bottom:-14px}.about-booking-banner .about-original-fleet-trio{max-height:none}}