/* =========================================================
   COURSE ENQUIRY: light blue, typography-led
   ========================================================= */
.cca-hero{
  background:linear-gradient(180deg,#eef6fd 0%,#dcecf9 100%);
  padding:64px 0;
  color:#3a4f66;
}
.cca-hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:center}

/* Typography */
.cca-hero .eyebrow{
  display:inline-flex;align-items:center;gap:10px;margin-bottom:12px;
  color:#0869bb;font-size:13px;font-weight:800;letter-spacing:1.4px;text-transform:uppercase;
}
.cca-hero .eyebrow::before{content:"";width:28px;height:3px;border-radius:3px;background:#ffcf33}
.cca-hero .cca-title,.cca-hero h1{
  margin:0 0 16px;color:#06335c;
  font-size:clamp(30px,4vw,44px);font-weight:800;line-height:1.15;letter-spacing:-.01em;
}
.cca-hero-text p{max-width:580px;margin:0;color:#3a4f66;font-size:17px;line-height:1.75}

/* Chips */
.cca-chips{list-style:none;margin:22px 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.cca-chips li{background:#fff;border:1px solid #b9d6ee;color:#0869bb;padding:7px 14px;border-radius:30px;font-size:13px;font-weight:700}

/* Buttons */
.cca-hero-btns{display:flex;flex-wrap:wrap;gap:12px}
.cca-hero .btn-yellow,.cca-hero .cca-btn-line{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;
  padding:12px 24px;border-radius:8px;font-size:15px;font-weight:800;
  text-decoration:none;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s;
}
.cca-hero .btn-yellow{background:#ffcf33;border:2px solid #ffcf33;color:#06335c}
.cca-hero .btn-yellow:hover{background:#06335c;border-color:#06335c;color:#fff}
.cca-hero .cca-btn-line{background:transparent;border:2px solid #0869bb;color:#0869bb}
.cca-hero .cca-btn-line:hover{background:#0869bb;color:#fff}
.cca-hero a:focus-visible,.cca-hero button:focus-visible,
.cca-hero input:focus-visible,.cca-hero select:focus-visible{outline:3px solid #ffcf33;outline-offset:2px}

/* Form card */
.cca-hero-form{background:#fff;border:1px solid #cfe2f3;border-radius:20px;padding:30px;box-shadow:0 12px 32px rgba(6,51,92,.12)}
.cca-form-title{margin:0 0 4px;color:#06335c;font-size:24px;font-weight:800;line-height:1.25}
.cca-form-sub{margin:0 0 18px;color:#5b6b7b;font-size:14px}
.cca-hero-form input[type=text],.cca-hero-form input[type=email],
.cca-hero-form input[type=tel],.cca-hero-form select{
  width:100%;padding:13px 14px;margin-bottom:12px;box-sizing:border-box;
  border:1px solid #c5d6e6;border-radius:8px;background:#fff;color:#222;font-family:inherit;font-size:15px;
}
.cca-hero-form input:focus,.cca-hero-form select:focus{border-color:#0869bb;box-shadow:0 0 0 3px rgba(8,105,187,.18);outline:0}
.cca-terms{display:flex;gap:8px;align-items:flex-start;margin-bottom:16px;color:#3a4f66;font-size:13px;line-height:1.5}
.cca-terms input{margin-top:3px}
.cca-hero-form .btn-yellow{width:100%}
.cca-hero-form button{cursor:pointer}

/* Visually hidden labels */
.cca-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Counts */
.cca-counts{background:#0b2a4a;padding:40px 0}
.cca-counts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.cca-count-box{background:#fff;border-radius:12px;padding:22px 12px;text-align:center}
.cca-count-box strong{display:block;font-size:34px;color:#0869bb;line-height:1.1}
.cca-count-box span:last-child{display:block;margin-top:6px;font-size:14px;font-weight:600;color:#333}

/* Responsive */
@media (max-width:900px){
  .cca-hero{padding:44px 0}
  .cca-hero-grid{grid-template-columns:1fr;gap:32px}
  .cca-hero-text p{font-size:16px}
  .cca-hero-form{padding:24px}
  .cca-counts-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .cca-hero-btns .btn-yellow,.cca-hero-btns .cca-btn-line{width:100%}
}

/* Enquiry section action buttons: Add to Cart / Call ICA / WhatsApp ICA (same size and style) */
.cca-hero .cca-btn-cart,.cca-hero .cca-btn-call,.cca-hero .cca-btn-wa{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;
  padding:12px 24px;border:2px solid transparent;border-radius:8px;box-sizing:border-box;
  font-size:15px;font-weight:800;line-height:1.2;text-decoration:none;cursor:pointer;
  transition:background-color .2s,color .2s,border-color .2s;
}
.cca-hero .cca-btn-cart{background:#ffcf33;border-color:#ffcf33;color:#06335c}
.cca-hero .cca-btn-cart:hover{background:#06335c;border-color:#06335c;color:#fff}
.cca-hero .cca-btn-call{background:transparent;border-color:#0869bb;color:#0869bb}
.cca-hero .cca-btn-call:hover{background:#0869bb;color:#fff}
.cca-hero .cca-btn-wa{background:#168b50;border-color:#168b50;color:#fff}
.cca-hero .cca-btn-wa:hover{background:#106d3e;border-color:#106d3e}
@media(max-width:700px){.cca-hero-btns .cca-btn-cart,.cca-hero-btns .cca-btn-call,.cca-hero-btns .cca-btn-wa{width:100%}}