.cou:hover{
         background-color:transparent !important;
         color:#5FCF80 !important;
         border:1px solid #5FCF80 !important;
         }
         .asm-form__btn {
         width: 100%;
         height: 37px;
         margin-top:12px;
         text-align: center;
         border: none;
         border-radius: 8px;
         cursor: pointer;
         font-family: inherit;
         font-size: 15px;
         color: white;
         background: #1E4A6D;
         -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
         box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
         }
         ol.carousel-indicators {
         position: relative;
         top: 10px;
         }
         ol.carousel-indicators > li {
         background-color: grey;
         }
         ol.carousel-indicators > li.active {
         background-color: green;
         }
         .btn { background: #ff6600; color: #fff; padding: 0.8rem 1.5rem; text-decoration: none; border-radius: 5px; font-weight: bold; } .btn:hover { background: #e65c00; } .btn-accent { background: #008000; }
        ul.green-tick li {
         background: url(green-tick.png) no-repeat left top;
         background-size: 15px 15px;
         margin-bottom: 10px;
         font-family:'Roboto', sans-serif;
         }
         .btn-primary {
         background: green;
         color: white;
         padding: 12px 28px;
         border: none;
         border-radius: 8px;
         font-size: 17px;
         font-weight: bold;
         cursor: pointer;
         transition: all 0.3s ease;
         }
         .btn-primary:hover {
         background: green;
         transform: translateY(-2px);
         box-shadow: 0 8px 20px rgba(79, 70, 229, 0.3);
         }
         .btn-secondary {
         background: #008CBA;
         color: white;
         padding: 12px 28px;
         border: none;
         border-radius: 8px;
         font-size: 18px;
         font-weight: normal;
         cursor: pointer;
         transition: all 0.3s ease;
         }
         .btn-secondary:hover {
         background: #008CBA;
         transform: translateY(-2px);
         box-shadow: 0 8px 20px rgba(79, 70, 229, 0.3);
         }
         
         .most-popular {
    background: #28a745;
    color: white;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 10px;
}
.highlight-box {
    background: #e8f2ff;
    padding: 15px;
    border-left: 4px solid #0a2a43;
    margin: 20px 0;
	text-align:justify;
}
.modern-banner{
   background:linear-gradient(135deg,#0f172a,#1e293b);
   padding:130px 0 90px;
   position:relative;
   overflow:hidden;
}

.banner-flex{
   display:flex;
   align-items:center;
}

.hero-badge{
   display:inline-block;
   background:rgba(59,130,246,0.12);
   color:#93c5fd;
   padding:10px 18px;
   border-radius:50px;
   font-size:14px;
   margin-bottom:25px;
   border:1px solid rgba(255,255,255,0.08);
}

.modern-title{
   font-size:58px;
   line-height:1.1;
   font-weight:800;
   color:#fff;
   margin-bottom:25px;
}

.modern-title span{
   color:#38bdf8;
}

.modern-subtitle{
   font-size:19px;
   line-height:1.8;
   color:#cbd5e1;
   margin-bottom:35px;
   max-width:650px;
}

.hero-buttons{
   margin-bottom:40px;
   text-decoration:none;
}

.modern-btn-primary{
   display:inline-block;
   background:linear-gradient(135deg,#3b82f6,#06b6d4);
   color:#fff;
   padding:15px 30px;
   border-radius:12px;
   text-decoration:none;
   font-weight:bold;
   margin-right:15px;
   transition:0.3s ease;
}

.modern-btn-primary:hover{
   color:white;
   text-decoration:none;
   transform:translateY(-2px);
   box-shadow:0 15px 35px rgba(59,130,246,0.25);
}

.modern-btn-secondary{
   display:inline-block;
   background:rgba(255,255,255,0.08);
   color:#fff;
   padding:15px 30px;
   border-radius:12px;
   text-decoration:none;
   border:1px solid rgba(255,255,255,0.08);
}

.modern-btn-secondary:hover{
   color:white;
   text-decoration:none;
   background:rgba(255,255,255,0.12);
}

.hero-stats{
   display:flex;
   flex-wrap:wrap;
   gap:30px;
   margin-top:20px;
}

.stat-item strong{
   display:block;
   font-size:28px;
   color:#fff;
   margin-bottom:5px;
}

.stat-item span{
   color:#94a3b8;
   font-size:14px;
}

.dashboard-box{
   background:rgba(30,41,59,0.88);
   border-radius:24px;
   padding:28px;
   border:1px solid rgba(255,255,255,0.08);
   box-shadow:0 25px 60px rgba(0,0,0,0.25);
}

.dashboard-top{
   display:flex;
   justify-content:space-between;
   align-items:flex-start;
   margin-bottom:25px;
}

.dashboard-small{
   color:#93c5fd;
   font-size:13px;
}

.dashboard-title{
   color:#fff;
   margin-top:5px;
   font-size:24px;
   font-weight:700;
}

.status-badge{
   background:rgba(34,197,94,0.15);
   color:#4ade80;
   padding:8px 14px;
   border-radius:50px;
   font-size:12px;
   font-weight:bold;
}

.dashboard-card{
   background:rgba(255,255,255,0.04);
   padding:20px;
   border-radius:16px;
   margin-bottom:20px;
}

.progress-top{
   display:flex;
   justify-content:space-between;
   color:#e2e8f0;
   margin-bottom:12px;
   font-size:14px;
}

.progress-wrap{
   height:10px;
   background:#334155;
   border-radius:50px;
   overflow:hidden;
}

.progress-fill{
   height:100%;
   background:linear-gradient(135deg,#3b82f6,#06b6d4);
   border-radius:50px;
}

.dashboard-grid{
   display:grid;
   grid-template-columns:1fr 1fr;
   gap:15px;
}

.mini-card{
   background:rgba(255,255,255,0.04);
   padding:22px;
   border-radius:16px;
   text-align:center;
}

.mini-card h2{
   color:#fff;
   font-size:30px;
   margin-bottom:8px;
   font-weight:800;
}

.mini-card p{
   color:#94a3b8;
   margin:0;
   font-size:14px;
}
.hero.modern-banner{
    margin-top:0 !important;
    padding-top:100px !important;
}

.navbar{
    margin-bottom:0 !important;
}

body{
    padding-top:0 !important;
}

.hero{
    margin-top:0 !important;
}

.modern-banner::before{
    display:none !important;
}.nav-login{
   color:#64748b !important;
   font-weight:600;
   padding-top:15px !important;
   transition:0.3s ease;
}

.nav-login:hover{
   color:#0f172a !important;
   background:transparent !important;
}

.nav-cta{
   background:linear-gradient(135deg,#3b82f6,#06b6d4);
   color:white !important;
   padding:12px 22px !important;
   border-radius:12px;
   margin-top:8px;
   margin-left:10px;
   font-weight:700;
   transition:0.3s ease;
}

.nav-cta:hover{
   transform:translateY(-1px);
   box-shadow:0 10px 25px rgba(59,130,246,0.25);
   background:linear-gradient(135deg,#2563eb,#0891b2) !important;
}

@media(max-width:991px){

   .modern-banner{
      padding:120px 0 70px;
      text-align:center;
   }

   .modern-title{
      font-size:42px;
   }

   .hero-stats{
      justify-content:center;
      margin-bottom:40px;
   }

   .dashboard-box{
      margin-top:40px;
   }

   .dashboard-top{
      flex-direction:column;
      gap:15px;
      align-items:center;
   }

}
/* =========================================
   HERO LAYOUT IMPROVEMENTS
========================================= */

/* LEFT CONTENT */

.banner-flex .col-md-7{
   max-width:600px;
   z-index:2;
}

/* RIGHT DASHBOARD */

.banner-flex .col-md-5{
   display:flex;
   justify-content:flex-end;
}

.dashboard-box{
   width:100%;
   max-width:470px;
   margin-right:-10px;
}

/* BETTER TEXT BALANCE */

.modern-title{
   max-width:580px;
}

.modern-subtitle{
   max-width:560px;
}

.banner-flex > div{
   flex:1;
}

/* LEFT CONTENT */

.modern-title{
   font-size:64px;
   line-height:1.08;
   letter-spacing:-2px;
   max-width:680px;
}

.modern-subtitle{
   max-width:620px;
}

/* RIGHT DASHBOARD */

.dashboard-box{
   max-width:500px;
   margin-left:auto;
   width:100%;
}

/* =========================================
   LARGE DESKTOP
========================================= */

@media(max-width:1200px){

   .banner-flex{
      gap:50px;
   }

   .modern-title{
      font-size:56px;
   }

}

/* =========================================
   TABLET
========================================= */

@media(max-width:991px){

   .modern-banner{
      padding:120px 0 80px;
   }

   .banner-flex{
      display:block;
   }

   .modern-title{
      font-size:48px;
      max-width:100%;
      text-align:center;
   }

   .modern-subtitle{
      max-width:100%;
      text-align:center;
      margin-left:auto;
      margin-right:auto;
   }

   .hero-badge{
      display:inline-block;
      margin-left:auto;
      margin-right:auto;
   }

   .hero-buttons{
      text-align:center;
   }

   .hero-stats{
      justify-content:center;
      gap:25px;
      margin-bottom:50px;
   }

   .dashboard-box{
      max-width:650px;
      margin:0 auto;
   }

}

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

@media(max-width:768px){

   .modern-banner{
      padding:110px 0 70px;
   }

   .modern-title{
      font-size:40px;
      line-height:1.15;
      letter-spacing:-1px;
   }

   .modern-subtitle{
      font-size:17px;
      line-height:1.7;
   }

   .hero-buttons{
      display:flex;
      flex-direction:column;
      gap:15px;
   }

   .modern-btn-primary,
   .modern-btn-secondary{
      width:100%;
      text-align:center;
      margin-right:0;
   }

   .hero-stats{
      gap:20px;
   }

   .stat-item{
      width:45%;
   }

   .dashboard-box{
      padding:22px;
   }

   .dashboard-title{
      font-size:22px;
   }

}

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

@media(max-width:480px){

   .modern-title{
      font-size:34px;
   }

   .hero-badge{
      font-size:12px;
      padding:8px 14px;
   }

   .modern-subtitle{
      font-size:16px;
   }

   .dashboard-grid{
      grid-template-columns:1fr;
   }

   .stat-item{
      width:100%;
      text-align:center;
   }

}
@media(max-width:991px){

   .banner-flex{
      display:block;
   }

   .banner-flex .col-md-7,
   .banner-flex .col-md-5{
      max-width:100%;
      width:100%;
   }

   .dashboard-box{
      margin:50px auto 0;
      max-width:650px;
   }

}