* {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
      font-family: 'Poppins', sans-serif;
    }

    body {
      background: #f7f9fc;
      color: #333;
      line-height: 1.6;
    }

    header {
      color: #fff;
      padding:0;
      text-align: center;
    }

    header h1 {
      font-size: 2.4rem;
      margin-bottom: 10px;
    }

    header p {
      font-size: 1.1rem;
      opacity: 0.95;
    }

    .container {
      max-width: 1200px;
      margin: auto;
      padding: 40px 20px;
    }

    .section {
      background: #fff;
      margin-bottom: 30px;
      padding: 30px;
      border-radius: 12px;
      box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    }

    .section h2 {
      color: #003366;
      margin-bottom: 15px;
      font-size: 1.6rem;
    }

    .section ul {
      padding-left: 20px;
      margin-top: 10px;
    }

    .section ul li {
      margin-bottom: 8px;
    }

    .highlight {
      background: #0059b3 !important;
      border-left: 5px solid #0059b3;
    }
	
	.highlight .card{ background:#fff;}

    .grid {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
      gap: 20px;
      margin-top: 20px;
    }

    .card {
      background: #f9fbff;
      padding: 20px;
      border-radius: 10px;
      box-shadow: 0 6px 15px rgba(0,0,0,0.05);
    }
	
	    .card img{ width:100%;  border-radius:50%;}

    .card h3 {
      margin-bottom: 10px;
      color: #004080;
    }

    .cta {
      background: linear-gradient(135deg, #ff9800, #ffb74d);
      color: #fff;
      text-align: center;
      padding: 40px 20px;
      border-radius: 15px;
    }

    .cta h2 {
      font-size: 2rem;
      margin-bottom: 15px;
    }

    .cta p {
      font-size: 1.1rem;
      margin-bottom: 20px;
    }

    .cta a {
      background: #003366;
      color: #fff;
      text-decoration: none;
      padding: 14px 28px;
      border-radius: 30px;
      font-weight: 600;
      display: inline-block;
      transition: 0.3s;
    }

    .cta a:hover {
      background: #002244;
    }

    footer {
      background: #002244;
      color: #fff;
      text-align: center;
      padding: 20px;
      font-size: 0.9rem;
    }

    @media (max-width: 600px) {
      header h1 {
        font-size: 1.9rem;
      }
      .cta h2 {
        font-size: 1.6rem;
      }
    }
	
	
.top-bar{background:#fff;padding:10px 20px;border-bottom:1px solid #eee}
.top-container{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center}
.logo img{height:80px}
.contact a{text-decoration:none;font-weight:600;color:#003366}

.hero{background:url(../images/b.png) no-repeat #00468c;color:#fff;padding:70px 20px; background-position:left top;}
.hero-container{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:40px}

.hero-container p{ font-size:15px;}
.hero-form{background:#fff;color:#333;padding:30px;border-radius:15px}
.hero-form input,.hero-form select{width:100%;padding:12px;margin-bottom:15px}
.hero-form button{background:#ff9800;color:#fff;border:none;padding:14px;width:100%;border-radius:30px;font-weight:600}

.section{max-width:1200px;margin:40px auto;background:#fff;padding:30px;border-radius:12px}

.section.one{ background:url(../images/4.jpg) no-repeat #1678cb right bottom; background-size:contain;}

.section.one h2{ color:#fff;}
.section.one ul li{ color:#fff;}

.section h2{color:#003366}

.faq-item{border-bottom:1px solid #ddd}
.faq-question{cursor:pointer;padding:15px;font-weight:600}
.faq-answer{display:none;padding:0 15px 15px}

.whatsapp{position:fixed;bottom:20px;right:20px;width:60px;height:60px;background:#25D366;color:#fff;font-size:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none}

@media(max-width:768px){.hero-container{grid-template-columns:1fr}}