*{box-sizing:border-box}body{margin:0;font-family:Arial;color:#10213d;background:#f7f8fa}.header{height:72px;background:#071b3a;color:white}.header-inner{width:92%;max-width:1240px;margin:auto;height:100%;display:flex;align-items:center;gap:25px}.brand{color:white;text-decoration:none;font-size:21px;font-weight:800;display:flex;gap:9px;align-items:center}.brand small{display:block;font-size:9px;color:#dbe5f4}.mark{width:42px;height:42px;border-radius:50%;background:linear-gradient(#ff971c 0 33%,#fff 33% 66%,#159447 66%);display:grid;place-items:center}.nav{margin-left:auto;display:flex;gap:23px}.nav a{color:white;text-decoration:none;font-weight:700;font-size:14px}.actions{display:flex;gap:7px}.pill{background:transparent;color:white;border:1px solid #65738a;border-radius:18px;padding:8px 12px}.hero{min-height:590px;background:radial-gradient(circle at 75% 20%,#ffe7c2,transparent 35%),linear-gradient(120deg,#f5f8fc,#dbe8f1)}.hero-inner{width:92%;max-width:1240px;margin:auto;min-height:590px;display:grid;grid-template-columns:38% 62%;align-items:center}.copy h1{font:56px Georgia;color:#102b55;line-height:1.03;margin:0 0 15px}.copy h1 span{color:#138447}.copy p{font-size:18px;line-height:1.5}.feature{display:flex;gap:12px;align-items:center;margin:14px 0}.ico{width:38px;height:38px;border-radius:11px;background:#ff8618;color:white;display:grid;place-items:center}.feature:nth-child(2) .ico{background:#159447}.feature:nth-child(3) .ico{background:#7d3ac8}.feature:nth-child(4) .ico{background:#1685d8}.feature small{display:block;color:#657087}.buttons{display:flex;gap:14px;margin-top:22px}.btn{padding:14px 23px;border-radius:25px;text-decoration:none;font-weight:800}.primary{background:#08285a;color:white}.light{background:white;color:#183052}.map{height:520px;position:relative}.map-shape{position:absolute;inset:35px 70px;background:linear-gradient(145deg,#ffca52,#5eb5d1);clip-path:polygon(42% 0,57% 8%,64% 18%,76% 20%,83% 29%,72% 37%,80% 47%,70% 54%,72% 66%,62% 75%,58% 88%,49% 100%,39% 87%,37% 72%,31% 61%,24% 54%,27% 43%,17% 34%,28% 24%,23% 14%,35% 10%);filter:drop-shadow(0 15px 13px #173b3a55)}.state{position:absolute;border:0;border-radius:8px;padding:5px 7px;background:#ffffffe8;font-weight:800;font-size:11px;cursor:pointer}.s1{top:105px;left:53%}.s2{top:205px;left:28%}.s3{top:205px;left:54%}.s4{top:280px;left:46%}.s5{top:340px;left:37%}.s6{top:325px;left:62%}.s7{top:380px;left:49%}.s8{top:450px;left:53%}.hint{position:absolute;right:0;bottom:25px;width:225px;background:#0b2a50ed;color:white;padding:17px;border-radius:18px}.hint li{margin:6px 0;font-size:12px}.stats{width:92%;max-width:1240px;margin:-28px auto 0;background:white;border-radius:22px;box-shadow:0 8px 28px #0002;position:relative;display:grid;grid-template-columns:repeat(5,1fr);padding:23px}.stat{text-align:center;border-right:1px solid #ddd}.stat:last-child{border:0}.stat strong{display:block;font-size:30px}.stat span{color:#657087;font-size:13px}.section{background:white;padding:40px 0}.section h2,.cards{width:92%;max-width:1240px;margin-left:auto;margin-right:auto}.section h2:after{content:"";display:block;width:45px;height:3px;background:#159447;margin-top:7px}.cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.card{height:175px;border-radius:18px;background:linear-gradient(135deg,#2670a5,#09294e);color:white;padding:15px;display:flex;align-items:flex-end}.subscribe{background:#071f45;color:white;padding:28px}.subscribe-in{width:92%;max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.subscribe form{display:flex}.subscribe input{padding:14px;width:260px;border:0;border-radius:24px 0 0 24px}.subscribe button{border:0;background:#159447;color:white;padding:0 20px;border-radius:0 24px 24px 0;font-weight:800}.footer{background:#06172f;color:#dbe4ef;padding:18px}.footer-in{width:92%;max-width:1240px;margin:auto;display:flex;justify-content:space-between;font-size:13px}.footer a{color:white;margin-left:12px}#toast{position:fixed;right:20px;bottom:20px;background:#08285a;color:white;padding:12px 18px;border-radius:12px;opacity:0;transition:.2s}#toast.show{opacity:1}@media(max-width:900px){.nav{display:none}.hero-inner{grid-template-columns:1fr}.copy h1{font-size:43px}.stats{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.subscribe-in,.footer-in{flex-direction:column;align-items:flex-start}}@media(max-width:520px){.cards{grid-template-columns:1fr}.copy h1{font-size:37px}}
@media(max-width:520px){.cards{grid-template-columns:1fr}.copy h1{font-size:37px}}
/* ===== INDIA MAP MOBILE POSITION FIX ===== */

.india-map{
  position:relative;
  width:360px;
  height:420px;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
}

.india-svg{
  width:100%;
  height:100%;
  display:block;
  overflow:visible;
}

.map{
  position:relative;
  overflow:visible;
}

/* State labels */
.india-map .state{
  position:absolute;
  z-index:5;
  padding:4px 7px;
  border:0;
  border-radius:5px;
  background:#fff;
  color:#172033;
  font-size:8px;
  font-weight:700;
  line-height:1;
  box-shadow:0 1px 4px rgba(0,0,0,.12);
  white-space:nowrap;
}

/* State positions */
.india-map .s1{
  top:18%;
  left:52%;
}

.india-map .s2{
  top:34%;
  left:20%;
}

.india-map .s3{
  top:34%;
  left:57%;
}

.india-map .s4{
  top:47%;
  left:46%;
}

.india-map .s5{
  top:59%;
  left:35%;
}

.india-map .s6{
  top:65%;
  left:60%;
}

.india-map .s7{
  top:66%;
  left:48%;
}

.india-map .s8{
  top:78%;
  left:57%;
}

/* Map information box */
.map .hint{
  position:absolute;
  z-index:10;
  right:-5px;
  top:42%;
  width:145px;
  padding:14px;
  border-radius:14px;
  box-sizing:border-box;
}

.map .hint b{
  font-size:12px;
}

.map .hint p{
  font-size:10px;
  line-height:1.4;
}

.map .hint ul{
  padding-left:14px;
  margin:7px 0 0;
}

.map .hint li{
  font-size:9px;
  margin:3px 0;
}


/* ===== MOBILE ===== */

@media (max-width:520px){

  .map{
    width:100%;
    min-height:430px;
    margin-top:-5px;
  }

  .india-map{
    width:330px;
    height:400px;
    margin:0 auto;
    transform:translateY(-8px);
  }

  .map .hint{
    right:0;
    top:39%;
    width:145px;
  }

  .india-map .state{
    font-size:7px;
    padding:4px 6px;
  }

}


/* ===== VERY SMALL MOBILE ===== */

@media (max-width:380px){

  .india-map{
    width:300px;
    height:370px;
  }

  .map .hint{
    right:-2px;
    width:138px;
  }
/* MAP POSITION FIX */
.map{
  position:relative;
  z-index:1;
  overflow:visible;
}

.india-map{
  position:relative;
  top:-35px;
  left:-15px;
  z-index:2;
}

.india-svg{
  position:relative;
  z-index:2;
}

.stats{
  position:relative;
  z-index:5;
}
/* MAP AND HINT POSITION FIX */
.india-map{
  left:-40px;
}

.hint{
  right:-10px;
}
/* FINAL MAP POSITION */
.india-map{
  left:-70px;
}

.hint{
  right:-100px;
}

/* MOBILE MAP POSITION */
@media(max-width:700px){
  .india-map{
    left:-25px;
  }

  .hint{
    right:-5px;
  }
  /* ===== MAP POSITION FINAL FIX ===== */

.map {
  position: relative;
  overflow: visible;
}

.india-map {
  position: relative;
  top: 35px;
  left: -40px;
  z-index: 2;
}

.india-svg {
  position: relative;
  z-index: 2;
}

.hint {
  right: -110px;
  z-index: 4;
}

.stats {
  position: relative;
  z-index: 5;
}

/* ===== MOBILE MAP POSITION ===== */

@media (max-width: 700px) {

  .india-map {
    top: 20px;
    left: -15px;
  }

  .hint {
    right: -5px;
  }

}
}