/* ================= WHY US HERO ================= */
.why-hero {
  position: relative;
  min-height: 620px;
  display: flex;
  align-items: center;
  background-image: url("../images/why-swan-hero-bg.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  overflow: hidden;
}

/* Overlay */
.why-hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(
      90deg,
      rgba(15,43,70,0.65),
      rgba(15,43,70,0.55)
    );
  z-index: 1;
}

/* Content */
.why-hero-content {
  position: relative;
  z-index: 2;
  max-width: 820px;
  color: #ffffff;
}


/* Pill */
.why-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 14px;
  background: rgba(255,255,255,0.15);
  border-radius: 999px;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 18px;
}

.why-pill i {
  font-size: 15px;
}


/* Heading */
.why-hero h1 {
  font-size: 3.2rem;
  font-weight: 800;
  line-height: 1.15;
  margin-bottom: 20px;
}

/* Paragraph */
.why-hero p {
  font-size: 1.05rem;
  line-height: 1.7;
  color: #d7e1eb;
  max-width: 640px;
}

/* ================= RESPONSIVE ================= */
@media (max-width: 992px) {
  .why-hero {
    min-height: 480px;
  }

  .why-hero h1 {
    font-size: 2.4rem;
  }
}

@media (max-width: 576px) {
  .why-hero {
    min-height: 440px;
  }

  .why-hero h1 {
    font-size: 2rem;
  }

  .why-hero p {
    font-size: 0.95rem;
  }
}


/* ================= WHY SWAN VALUES ================= */
.why-values{
  background:#faf9f6;
  padding:110px 0 130px;
  font-family:'Inter', sans-serif;
}

.why-card{
  background:#ffffff;
  border-radius:24px;
  padding:46px 36px;
  height:100%;
  text-align:center;
  box-shadow:0 18px 45px rgba(15,43,70,0.08);
}

.why-icon{
  width:64px;
  height:64px;
  border-radius:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:28px;
  margin:0 auto 26px;
  color:#ffffff;
  flex-shrink: 0;
}

/* Icon color themes */
.icon-confidence{
  background:#2e8b57;
}

.icon-compliance{
  background:#d89b2d;
}

.icon-innovation{
  background:#173357;
}

/* Titles */
.why-card h4{
  font-size:1.4rem;
  font-weight:800;
  color:#0f2b46;
  margin-bottom:14px;
}

/* Text */
.why-card p{
  font-size:16px;
  line-height:1.65;
  color:#6b7c8f;
  margin:0;
}

/* MOBILE */
@media(max-width:768px){
  .why-values{
    padding:90px 0 100px;
  }

  .why-card{
    padding:38px 28px;
  }
}

/* ================= SWAN ADVANTAGE ================= */
.swan-advantage{
  background:#faf9f6;
  padding:120px 0 140px;
  font-family:'Inter', sans-serif;
}

.swan-advantage h2{
  font-size:2.6rem;
  font-weight:800;
  color:#0f2b46;
  text-align:center;
}

.swan-advantage .subtitle{
  font-size:1.05rem;
  color:#6b7c8f;
  text-align:center;
  margin-top:12px;
}

/* Advantage cards */
.adv-card{
  background:#ffffff;
  border-radius:26px;
  padding:42px 38px;
  height:100%;
  box-shadow:0 20px 50px rgba(15,43,70,0.08);
}

/* Card header */
.adv-head{
  display:flex;
  align-items:center;
  gap:18px;
  margin-bottom:28px;
}

.adv-icon{
  width:56px;
  height:56px;
  border-radius:16px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:24px;
  color:#fff;
  flex-shrink: 0;
}
.icon-green{ background:#2e8b57; }
.icon-gold{ background:#d89b2d; }
.icon-blue{ background:#0f2b46; }
.icon-light-green{ background:#25D366; }

.adv-head h4{
  margin:0;
  font-size:1.3rem;
  font-weight:800;
  color:#0f2b46;
}

.adv-head span{
  display:block;
  font-size:14px;
  color:#6b7c8f;
  margin-top:2px;
}

/* Benefit list */
.adv-list{
  display:flex;
  flex-direction:column;
  gap:18px;
}

.adv-item{
  background:#f8f7f4;
  border-radius:14px;
  padding:16px 18px;
  margin-bottom:14px;
  text-align: left;
  border: 0px solid #ddd;
}

.adv-green .adv-item i {
color: #2e8b57;	
}

.adv-gold .adv-item i {
color: #d89b2d;	
}

.adv-blue .adv-item i {
color: #0f2b46;	
}

.adv-light-green .adv-item  i {
color: #25D366;	
}

.adv-item strong{
  font-size:15px;
  color:#333333;
}

.adv-item span{
  font-size:14px;
  color:#6b7c8f;
}

.check-green{ color:#2e8b57; }
.check-gold{ color:#d89b2d; }

.adv-item h6{
  margin:0;
  font-size:16px;
  font-weight:700;
  color:#0f2b46;
}

.adv-item p{
  margin:4px 0 0;
  font-size:14px;
  color:#6b7c8f;
  line-height:1.5;
}

/* Mobile */
@media(max-width:768px){
  .swan-advantage{
    padding:90px 0 110px;
  }

  .swan-advantage h2{
    font-size:2.1rem;
  }
}

/* ================= OUR CAPABILITIES ================= */
.capabilities{
  background:#faf9f6;
  padding:120px 0 140px;
  font-family:'Inter', sans-serif;
}

.capabilities h2{
  font-size:2.6rem;
  font-weight:800;
  color:#0f2b46;
  text-align:center;
}

.capabilities .subtitle{
  font-size:1.05rem;
  color:#6b7c8f;
  text-align:center;
  margin-top:12px;
}

/* Capability cards */
.cap-grid{
  margin-top:60px;
}

.cap-card{
  background:#ffffff;
  border-radius:22px;
  padding:32px 24px;
  height:100%;
  text-align:center;
  box-shadow:0 18px 40px rgba(15,43,70,0.08);
}

/* Icon */
.cap-icon{
  width:46px;
  height:46px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 16px;
  background:#eef6f1;
  color:#2e8b57;
  font-size:20px;
  flex-shrink: 0;
}

/* Value */
.cap-value{
  font-size:1.35rem;
  font-weight:800;
  color:#0f2b46;
}

/* Label */
.cap-label{
  font-size:14px;
  color:#6b7c8f;
  margin-top:6px;
}

/* Emphasis text */
.cap-strong{
  font-weight:800;
  color:#0f2b46;
}

/* Mobile */
@media(max-width:768px){
  .capabilities{
    padding:90px 0 110px;
  }

  .capabilities h2{
    font-size:2.1rem;
  }
}


/* ================= CERTIFIED EXCELLENCE ================= */
.certified-section{
  background:#173357;
  padding:120px 0 130px;
  font-family:'Inter', sans-serif;
  color:#ffffff;
}

.certified-section h2{
  font-size:2.7rem;
  font-weight:800;
  text-align:center;
  margin-bottom:14px;
}

.certified-section .subtitle{
  text-align:center;
  font-size:1.05rem;
  color:rgba(255,255,255,0.75);
  margin-bottom:60px;
}

/* Certification grid */
.cert-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(110px, 1fr));
  gap:26px;
  align-items:center;
}

/* Certification card */
.cert-card{
  background:#ffffff;
  border-radius:20px;
  padding:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  height:110px;
  box-shadow:0 16px 40px rgba(0,0,0,0.25);
}

/* Logo */
.cert-card img{
  max-width:90px;
  max-height:90px;
  object-fit:contain;
}

/* Mobile */
@media(max-width:768px){
  .certified-section{
    padding:90px 0 100px;
  }

  .certified-section h2{
    font-size:2.2rem;
  }

  .cert-grid{
    gap:20px;
  }
}

/* ================= LEADERSHIP INSIGHT ================= */
.leadership-section{
  background:#faf9f6;
  padding:120px 0;
}

.leadership-card{
  max-width:920px;
  margin:0 auto;
  background:#ffffff;
  border-radius:24px;
  padding:70px 40px 60px;
  box-shadow:0 25px 60px rgba(15,43,70,0.10);
  text-align:center;
  position:relative;
}

/* Quote icon */
.leadership-quote{
  position:absolute;
  top:36px;
  left:40px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:#e6f3ec;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#2fb36a;
  font-size:22px;
  flex-shrink: 0;
}

/* Title */
.leadership-kicker{
  width:48px;
  height:4px;
  background:#2fb36a;
  border-radius:10px;
  margin:0 auto 38px;
}

.leadership-title{
  font-size:2rem;
  font-weight:800;
  color:#0f2b46;
  margin-bottom:28px;
}

/* Quote text */
.leadership-text{
  font-size:1.6rem;
  font-weight:500;
  color:#0f2b46;
  line-height:1.4;
  max-width:760px;
  margin:0 auto 46px;
}

/* Author */
.leadership-avatar{
  width:64px;
  height:64px;
  border-radius:50%;
  background:#173357;
  color:#ffffff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:22px;
  font-weight:700;
  margin:0 auto 14px;
}

.leadership-name{
  font-weight:700;
  color:#0f2b46;
  font-size: 18px;
}

.leadership-role{
  font-size:15px;
  color:#6b7c8f;
}

/* MOBILE */
@media(max-width:768px){
  .leadership-text{
    font-size:1.4rem;
  }

  .leadership-card{
    padding:60px 26px 50px;
  }

  .leadership-quote{
    left:24px;
  }
}

/* ================= CTA : SWAN DIFFERENCE ================= */
.swan-cta{
  background:#faf8f3;
  padding:20px 0 140px;
  text-align:center;
  font-family:'Inter', sans-serif;
}

.swan-cta h2{
  font-size:3rem;
  font-weight:800;
  color:#0f2b46;
  margin-bottom:18px;
}

.swan-cta p{
  max-width:720px;
  margin:0 auto 42px;
  font-size:1.15rem;
  color:#5b6b7a;
  line-height:1.6;
}

/* CTA Button */
.swan-cta .btn-cta{
  background:#173357;
  color:#ffffff;
  padding:14px 36px;
  font-size:1rem;
  font-weight:600;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  border:none;
  box-shadow:0 12px 30px rgba(23,51,87,0.25);
  transition:all .25s ease;
  text-decoration: none;
}

.swan-cta .btn-cta:hover{
  background:#2566a6;
  transform:translateY(-2px);
}

/* Mobile */
@media(max-width:768px){
  .swan-cta{
    padding:20px 20px 100px;
  }

  .swan-cta h2{
    font-size:2.2rem;
  }

  .swan-cta p{
    font-size:1rem;
  }
}