/* ---------- Feature cards (Why parents choose) ---------- */
    .feature-wrap{
      background:linear-gradient(180deg,#ffffff 0%, #fbfcff 100%);
      border:1px solid var(--line);
      border-radius:24px;
      padding:26px 18px;
      box-shadow:0 10px 28px rgba(20, 44, 86, .08);
    } 
    .feature-card{
      height:100%;
      background:var(--card);
      border:1px solid var(--line);
      border-radius:20px;
      padding:18px 16px;
      text-align:center;
      box-shadow:0 10px 26px rgba(20, 44, 86, .08);
      transition:transform .18s ease, box-shadow .18s ease;
    }
    .feature-card:hover{
      transform:translateY(-3px);
      box-shadow:0 18px 40px rgba(20, 44, 86, .16);
    }
    .icon-badge{
      width:68px;height:68px;border-radius:18px;
      display:grid;place-items:center;
      margin:0 auto 12px auto;
      color:#fff;
      box-shadow:0 14px 26px rgba(0,0,0,.12);
      font-size:28px;
    }
    .bg-g{ background:linear-gradient(135deg,#22c55e,#16a34a); }
    .bg-p{ background:linear-gradient(135deg,#ff4aa2,#ff2d78); }
    .bg-b{ background:linear-gradient(135deg,#2f7bff,#1d4ed8); }
    .bg-o{ background:linear-gradient(135deg,#ff9f1c,#fb5607); }
    .bg-v{ background:linear-gradient(135deg,#9b5cff,#6d28d9); }
    .bg-c{ background:linear-gradient(135deg,#00c2ff,#06b6d4); }

    .feature-card h5{ font-weight:800; margin-bottom:6px; font-size:15px; }
    .feature-card p{ margin:0; color:var(--muted); font-size:12.5px; line-height:1.35; }

    /* ---------- Journey strip (Our journey of excellence) ---------- */
    .journey-shell{
      border-radius:22px;
      background:#fff;
      border:1px solid var(--line);
      box-shadow:0 16px 38px rgba(17, 38, 75, .10);
      padding:14px 14px;
    }
    .journey-row{
      display:flex;
      align-items:stretch;
      gap:10px;
      overflow:auto;
      padding:6px;
      scrollbar-width:thin;
    }
    .journey-item{
      min-width:170px;
      flex:0 0 auto;
      border:1px solid var(--line);
      border-radius:18px;
      padding:12px 12px;
      background:linear-gradient(180deg,#ffffff 0%, #fbfdff 100%);
      display:flex;
      gap:10px;
      align-items:center;
    }
    .journey-ic{
      width:44px;height:44px;border-radius:14px;
      display:grid;place-items:center;
      color:#fff; font-size:18px;
      box-shadow:0 14px 24px rgba(0,0,0,.10);
    }
    .journey-meta{ line-height:1.1; }
    .journey-meta .big{ font-weight:900; font-size:16px; }
    .journey-meta .small{ color:var(--muted); font-size:12px; }
    .journey-arrow{
      flex:0 0 auto;
      display:grid; place-items:center;
      color:#9aa7b7;
      padding:0 2px;
      font-size:18px;
    }

    /* ---------- Form cards ---------- */
    .form-card{
      border-radius:22px;
      border:1px solid #f0d6e6;
      background:linear-gradient(180deg,#fff7fb 0%, #ffffff 80%);
      box-shadow:var(--shadow);
      padding:18px;
    }
    .form-card.blue{
      border:1px solid #cfe3ff;
      background:linear-gradient(180deg,#f4f9ff 0%, #ffffff 80%);
    }
    .form-head{
      display:flex; align-items:center; gap:10px;
      margin-bottom:10px;
    }
    .form-head .head-ic{
      width:44px;height:44px;border-radius:14px;
      display:grid;place-items:center;
      color:#fff;
      background:linear-gradient(135deg,#ff4aa2,#ff2d78);
      box-shadow:0 14px 24px rgba(255,45,120,.22);
      font-size:18px;
    }
    .form-card.blue .form-head .head-ic{
      background:linear-gradient(135deg,#2563eb,#0b4ad1);
      box-shadow:0 14px 24px rgba(37,99,235,.22);
    }
    .form-head h5{ margin:0; font-weight:900; letter-spacing:.4px; }
    .form-head p{ margin:0; color:var(--muted); font-size:12.5px; }

    .form-control, .form-select{
      border-radius:12px;
      border:1px solid #e8eef8;
      padding:.65rem .75rem;
      font-size:13.5px;
    }
    .btn-pill{
      border-radius:14px;
      padding:.75rem 1rem;
      font-weight:800;
      letter-spacing:.2px;
    }
    .btn-pink{
      border:none;
      color:#fff;
      background:linear-gradient(135deg,#ff4aa2,#ff2d78);
      box-shadow:0 16px 28px rgba(255,45,120,.22);
    }
    .btn-navy{
      border:none;
      color:#fff;
      background:linear-gradient(135deg,#0b4ad1,#0a2d7a);
      box-shadow:0 16px 28px rgba(11,74,209,.22);
    }

    /* ---------- Message + Updates cards ---------- */
    .mini-card{
      border-radius:22px;
      border:1px solid var(--line);
      background:#fff;
      box-shadow:0 16px 38px rgba(17, 38, 75, .10);
      padding:16px;
      height:100%;
    }
    .mini-head{
      display:flex; align-items:flex-start; gap:10px;
      margin-bottom:10px;
    }
    .mini-ic{
      width:44px;height:44px;border-radius:14px;
      display:grid;place-items:center;color:#fff;
      background:linear-gradient(135deg,#ff4aa2,#ff2d78);
      box-shadow:0 14px 24px rgba(255,45,120,.18);
      font-size:18px;
      flex:0 0 auto;
    }
    .mini-card.updates .mini-ic{
      background:linear-gradient(135deg,#14b8a6,#0ea5e9);
      box-shadow:0 14px 24px rgba(14,165,233,.18);
    }
    .mini-head h6{
      margin:0; font-weight:900; letter-spacing:.3px; text-transform:uppercase;
    }
    .mini-head p{ margin:2px 0 0 0; color:var(--muted); font-size:12.5px; }
    .updates ul{ margin:0; padding-left:18px; }
    .updates li{ color:#203044; font-size:13px; margin:8px 0; }
    .updates a{ color:#1d4ed8; text-decoration:none; font-weight:700; font-size:12.5px; }
    .updates a:hover{ text-decoration:underline; }

    /* ---------- CTA bar ---------- */
    .cta{
      border-radius:22px;
      background:linear-gradient(135deg,#0b2a6f 0%, #0b4ad1 55%, #0a2d7a 100%);
      color:#fff;
      padding:20px;
      box-shadow:0 20px 44px rgba(10,45,122,.22);
      overflow:hidden;
      position:relative;
    }
    .cta:before{
      content:"";
      position:absolute; inset:-40px -40px auto auto;
      width:220px; height:220px;
      background:radial-gradient(circle, rgba(255,255,255,.18), rgba(255,255,255,0) 62%);
      transform:rotate(18deg);
    }
    .cta h4{ font-weight:900; margin:0 0 6px 0; }
    .cta p{ margin:0; opacity:.92; font-size:13px; }
    .cta .btn{
      border-radius:14px;
      padding:.72rem .95rem;
      font-weight:900;
      border:none;
      display:inline-flex;
      align-items:center;
      gap:8px;
      white-space:nowrap;
    }
    .btn-enquire{ background:linear-gradient(135deg,#ff4aa2,#ff2d78); color:#fff; }
    .btn-wa{ background:linear-gradient(135deg,#22c55e,#16a34a); color:#fff; }
    .btn-call{ background:linear-gradient(135deg,#60a5fa,#2563eb); color:#fff; }

    /* ---------- Timings + Contact box ---------- */
    .side-box{
      border-radius:22px;
      background:linear-gradient(180deg,#fff7e8 0%, #ffffff 78%);
      border:1px solid #ffe6bf;
      box-shadow:0 16px 38px rgba(17, 38, 75, .10);
      padding:16px;
    }
    .side-row{
      display:flex; gap:12px; align-items:flex-start;
      padding:12px 0;
      border-top:1px dashed #f1d6a8;
    }
    .side-row:first-child{ border-top:none; padding-top:0; }
    .side-ic{
      width:44px;height:44px;border-radius:14px;
      display:grid;place-items:center;
      color:#fff;
      background:linear-gradient(135deg,#ff9f1c,#fb5607);
      box-shadow:0 14px 24px rgba(251,86,7,.18);
      font-size:18px;
      flex:0 0 auto;
    }
    .side-box h6{ margin:0; font-weight:900; text-transform:uppercase; letter-spacing:.3px; }
    .side-box p{ margin:4px 0 0 0; color:#3c4b5f; font-size:13px; }
    .contact-lines div{
      display:flex; gap:8px; align-items:center;
      margin-top:6px;
      font-weight:800;
      color:#0b2a6f;
      font-size:13.5px;
    }
    .contact-lines i{ color:#16a34a; }

    /* spacing helpers */
    .mb-18{ margin-bottom:18px; }
	
	.why-choose-we, .our-journey, .gallery-portfolio, .admission-inquiry, .join-team, .message-time-news
	{    
		position: relative;
		z-index: 1;
	}
	.why-choose-we .wpo-section-title-s2 h2,
	.our-journey .wpo-section-title-s2 h2, 
	.gallery-portfolio .wpo-section-title-s2 h2{
		    font-size: 27px;
	}
	
	.btn-pink {
		background-color: #e91e63;
		color: #fff;
		border-radius: 25px;
		padding: 10px 30px;
		font-weight: bold;
		border: none;
	}
	.btn-dark-blue {
		background-color: #0b1a58;
		color: #fff;
		border-radius: 25px;
		padding: 10px 30px;
		font-weight: bold;
		border: none;
	}
	 /* CTA Banner */
        .cta-banner {
            background-color: #0b1a58;
            border-radius: 20px;
            padding: 40px;
            color: white;
            text-align: center;
        }
        .cta-banner h2 { font-weight: 700; margin-bottom: 10px; color:#fff;}
        .cta-banner p { font-size: 18px; margin-bottom: 25px; color:#fff;}
        .btn-whatsapp { background-color: #25d366; color: white; border-radius: 25px; font-weight: bold; padding: 10px 25px; }
        .btn-call { background-color: #3b5998; color: white; border-radius: 25px; font-weight: bold; padding: 10px 25px; }