/* Brand palette tuned to screenshot */
          :root{
            --blue:#0e4aa6;     /* header bar */
            --teal:#0b5c74;     /* icons/accents */
            --deep:#0a3b4a;     /* deep section */
            --ink:#0a1f29;      /* headings */
            --muted:#6e7e8a;    /* secondary */
            --gold:#f7b500;     /* CTA */
            --panel:#ffffff;    /* cards */
            --chip:#f2f7fa;     /* feature chip */
            --soft:#f7fafc;     /* section bg */
            --line:#e6edf2;     /* borders */
            --shadow:0 22px 48px rgba(10, 31, 41, .28);
          }
        
          body{font-family: poppins, sans-serif; color:var(--ink); background:#fff}
          a{text-decoration:none}
        
          /* 1) Header (single blue band with logos + contact) */
          .topbar{background:#ffffff; color:#fff; border-bottom:1px solid rgba(255,255,255,.1)}
          .logo{height:70px}
          .logo-pair{display:flex; align-items:center; gap:18px}
          .top-item{display:flex; align-items:center; gap:.6rem; color:#fff; white-space:nowrap}
          .top-item i{font-size: 1.05rem;
            color: #003FA3;
            border: 1px solid #003FA3;
            border-radius: 60px;
            height: 20px;
            width: 20px;
            padding: 16px;}
          .top-item .bi::before {
            top: -12px;
            position: relative;
            left: -8px; }
			.tile .fw-semibold,.blk{color:#000000;}
			hr{opacity:1;}
			.topbar a {color:#003FA3;}
			.nav-pills {border-bottom: unset; }
			.nav-pills .nav-link.active { border-radius:unset;}
        
          /* 2) Hero: full-bleed image, left caption, right floating form */
          .hero{position:relative; background:#0b2230; overflow:hidden; background: url("https://static.npfs.co/accounts/4094/documents/2025/10/8/4721dc6cc39a4827a02a5747b5fc62c0_new-banner.png") top / cover no-repeat;}
          <!-- .hero-img{ -->
            <!-- min-height:560px; -->
            <!-- background:url('banner.png') center/cover no-repeat; /* DUMMY IMAGE — replace for final */ -->
          }
          .hero-overlay{
            position:absolute; inset:0; pointer-events:none;
            background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 72%)
          }
          .hero-caption{
            position:absolute; left:56px; bottom:36px; color:#fff; max-width:700px
          }
          .hero-tag{
            font-size:2.25rem; font-weight:700; line-height:1.15; text-transform:uppercase; letter-spacing:.3px
          }
		  .hero-tag span { font-weight: 200;}
          .hero-sub{color:#e7eef3; font-size:1.02rem}
        
          .card-float{position:relative; margin-top:-120px}
          @media (max-width: 991.98px){ .card-float{margin-top:-70px} .hero-caption{position:relative; left:auto; bottom:auto; padding:16px 0} }
        
          .apply-card{background:var(--panel); border:1px solid rgba(255,255,255,.65); border-radius:14px; box-shadow:var(--shadow); position:relative; z-index:999;}
          .apply-title{font-weight:800; font-size:1.3rem; color:#0a2430}
          .form-control,.form-select{height:44px; border-color:#e4ebf0; font-size:.95rem}
          .btn-apply{background:#FFC20D; color:#232323; font-weight:800; height:40px}
          .btn-apply:hover{filter:brightness(.95); color:#232323; background:#FFC20D;}
          .fine{font-size:.82rem; color:#6e7e8a}
        
          /* 3) “What makes unique” chips */
          .section{padding:56px 0}
          .chip{background:var(--chip); border:1px solid var(--line); border-radius:12px; padding:14px; height:100%}
          .chip .bi{color:var(--teal)}
          .unique-wrap{padding:36px 0 28px}
          .unique-title{color:#003FA3; font-weight:700; font-size: 1.25rem!important;}
          .unique-sub{color:#000000; font-size:1rem}
        
          .group-title{
            color:#003FA3; font-weight:700; margin:26px 0 10px; font-size:1.05rem
          }
        
		  /* courses offered */
		  .courses-wrap {
             padding: 35px 0 1px;
			 background:#008080;
          }
		
		
		
          .feat-card{
            background:#FFF7F7; border:1px solid var(--card-border); border-radius:12px;
            box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); padding:25px 20px 50px; height:100%
          }
          .feat-card.alt{background:#FFF7F7;}
          .feat-head{font-weight:700; color:#003FA3; font-size:18px; line-height:1.1}
          .feat-text{color:#003FA3; font-size:.85rem; margin-top:.15rem}
        
          .feat-card.two {background:#F7F9FF;}
         
          .feat-icon{
            width:46px; height:46px; border-radius:10px; background:var(--ico-bg);
            display:flex; align-items:center; justify-content:center; flex:0 0 46px
          }
          .feat-icon img{
            width:45px; height:45px; object-fit:contain; filter:none; /* keep original icon colors */
            /* Optional tint (for monochrome PNGs), uncomment and adjust:
               filter: invert(27%) sepia(18%) saturate(1195%) hue-rotate(146deg) brightness(92%) contrast(94%);
            */
          }
          
        
          /* 4) Program tabs on deep teal strip */
          .deep{background:#008080; color:#e9f6f9}
          .nav-pills .nav-link{color:#cfe8ee; font-weight:700}
          .nav-pills .nav-link.active{background:#e8f7fb; color:#06262f; border:1px solid #cfe9f1}
          .prog-card{ color:#ffffff}
        
          /* 5) Admission Information tiles */
          .tile{background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px; height:100%}
          #admission-info { background:#155F7A;}
         
          /* 6) 8-step Admission process */
          .step{background:#fff; border:1px solid var(--line); border-radius:14px; padding:18px}
          .badge-step{width:44px; height:44px; border-radius:50%; display:inline-flex; align-items:center; justify-content:center; color:#fff; font-weight:800}
           .proc, .placem, .fee{background:none!important}
		
           /* step Card */
                   #process{
        		    background:#155F7A;
        			}
           
                   .step-card {
                    display: flex;
                    align-items: center;
                    background: #ffffff;
                    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
                    border-radius: 55px 0px 32px 55px;
                    margin-bottom: 25px;
                    padding: 30px 40px;
                    position: relative;
                    border: 1px solid #E3E3E3;
                }
        		
        		
        		    :root{
        				--card-bg:#f8fafc;  /* panel background */
        				--ring:#f35c66;     /* thin ring color */
        				--chip:#f34552;     /* inner circle color */
        			  }
        					
        		  .step-number{
        			width:180px; height:120px;
        			border-radius:28px; position:relative; display:grid; place-items:center;
        			 overflow:hidden;
        		  }
        		  /* Outer circular ring */
        		  .step-number::before{
        			content:""; width:100px; height:100px; border-radius:50%;
        			border:3px solid var(--ring); display:block;
        		  }
        		  /* Inner red chip with numeric content from data-num */
        		  .step-number::after{
        			content: attr(data-num);
        			position:absolute; width:70px; height:70px; border-radius:50%;
        			background:; color:#fff; display:grid; place-items:center;
        			font:900 2rem/1 Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial;
        			box-shadow:0 10px 18px rgba(243,69,82,.35);
        		  }
        		
        
                .step-info {
                    margin-left: 50px;
                    flex: 1;
                }
        
                .step-header {
                    font-size: 20px;
                    font-weight: 600;
                    color: #003FA3;
                    margin-bottom: 10px;
                }
        
                .step-content {
                    font-size: 14px;
                    font-weight: 400;
                    color: #333333;
                }
        
                /* Different colors for each step */
                .step-card:nth-child(1) .step-number::after {
                    background-color: #6A0DAD;
        			box-shadow: 0 10px 18px #6a0dad45;
                }
        		.step-card:nth-child(1) .step-number::before{
        		    border: 3px solid #6A0DAD;
        			}
        		
        
                .step-card:nth-child(2) .step-number::after{
                    background-color: #FF7A00;
        			box-shadow: 0 10px 18px #ff7a0045;
                }
        		.step-card:nth-child(2) .step-number::before {
                   border: 3px solid #FF7A00;
                }
        		
        		
        		.step-card:nth-child(3) .step-number::after{
                    background-color: #008080;
        		    box-shadow: 0 10px 18px #00808045;
                }
        		.step-card:nth-child(3) .step-number::before {
                   border: 3px solid #008080;
                }
        		
        		
        		.step-card:nth-child(4) .step-number::after{
                    background-color: #1E90FF;
        		    box-shadow: 0 10px 18px #1E90FF45;
                }
        		.step-card:nth-child(4) .step-number::before {
                   border: 3px solid #1E90FF;
                }
        
        
                .step-card:nth-child(5) .step-number::after{
                    background-color: #006400;
        		    box-shadow: 0 10px 18px #00640045;
                }
        		.step-card:nth-child(5) .step-number::before {
                   border: 3px solid #006400;
                }
                
        		
        		.step-card:nth-child(6) .step-number::after{
                    background-color: #F34757;
        		    box-shadow: 0 10px 18px #F3475745;
                }
        		.step-card:nth-child(6) .step-number::before {
                   border: 3px solid #F34757;
                }
                
        		
        		.step-card:nth-child(7) .step-number::after{
                    background-color: #155F7A;
        		    box-shadow: 0 10px 18px #155F7A45;
                }
        		.step-card:nth-child(7) .step-number::before {
                   border: 3px solid #155F7A;
                }
                
        		
        		.step-card:nth-child(8) .step-number::after{
                    background-color: #3F506C;
        		    box-shadow: 0 10px 18px #3F506C45;
                }
        		.step-card:nth-child(8) .step-number::before {
                   border: 3px solid #3F506C;
                }
        		
        		
        		@media (max-width: 650px) {
              .step-card {
        	      display:block;
        		  padding: 30px 20px;
            }}
        		
        
        
        
          /* 7) Placement highlight */
          .kpi{background:#fff; border:1px solid var(--line); border-radius:12px; padding:16px}
          .role-chip{background:#fff; border:1px solid var(--line); border-radius:12px; padding:12px; text-align:center}
          
                
        			section#placements {
        				background:#155F7A;
        			}
          
              /* dashed wrapper like your mock */
            .dash-wrap{
              background:#fff;
              border:2px solid #d9e2eb;
              border-radius:24px;
              padding:16px;
            }
        
            /* image card frame */
            .img-box{
              background:#fff;
              border-radius:20px;
              overflow:hidden;
              padding:8px;
              height:100%;
            }
        
            /* make images responsive & crisp */
            .img-box img{
              display:block;
              width:100%;
              height:auto;          /* keeps aspect ratio */
            }
        
        
        
            /* spacing helpers */
            .mb-24{ margin-bottom:24px; }
        
            /* ---------- Responsive polish ---------- */
            /* phones */
            @media (max-width: 575.98px){
              .dash-wrap{ border-radius:16px; padding:12px; }
              .img-box{ border-radius:14px; padding:6px; }
              .mb-24{ margin-bottom:16px; }
              h4{ font-size:1.125rem; }
            }
        
            /* tablets (md: ≥768px) */
            @media (min-width: 768px) and (max-width: 991.98px){
              .dash-wrap{ padding:18px; }
              .img-box{ padding:10px; }
            }
          
          
          
          
          
          
          
        
          /* 8) Fees */
          .fee-card .card-header{background:#fff; font-weight:700}
          .fee-table th,.fee-table td{padding:.6rem .8rem}
          .note{color:var(--muted); font-size:.9rem}
           #fees {background:#155F7A;}
           .fee-struct{ background:#ffffff; border-radius:25px;}
        
        		/*ranking-recognitions*/
        		.ranking-recognitions-section {
        			  padding: 60px 0 60px;
        		  background-color: #fff;
        		  font-family: poppins, sans-serif;
        		}
        		.simple-heading {
        		  font-size: 37px;
        			font-weight: 600;
        			color: #073773;
        			margin-bottom: 61px;
        			text-align: center;
        			position: relative;
        		}
        		/* .carousel-wrapper { */
        		  /* overflow: hidden; */
        		  /* position: relative; */
        		/* } */
        		/* .recognitions-carousel { */
        		  /* display: flex; */
        		  /* gap: 1.5rem; */
        		  /* animation: slideCarousel 30s linear infinite; */
        		  /* width: fit-content; */
        		/* } */
        		/* .recognition-card { */
        		  /* background: aliceblue; */
        		  /* box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); */
        		  /* border-radius: 10px; */
        		  /* flex: 0 0 300px; */
        		  /* padding: 1.2rem; */
        		  /* text-align: center; */
        			  /* border: 1px solid #cad4dc; */
        			  /* position: relative; */
        		/* } */
        		/* .badge { */
        		  /* position: relative; */
        			  /* width: 93px; */
        		 
        		  /* margin: 0 auto 0; */
        		/* } */
        		/* .wreath { */
        		  /* width: 100%; */
        		  /* height: 100%; */
        		/* } */
        		/* .rank { */
        		  /* position: absolute; */
        		  /* top: 37%; */
        		  /* left: 50%; */
        		  /* transform: translate(-50%, -50%); */
        		  /* font-size: 21px; */
        		  /* font-weight: bold; */
        		  /* color: #b22222; */
        		/* } */
        		/* .rank sup { */
        		  /* font-size: 0.6em; */
        		/* } */
        		/* .ran-img{ */
        			/* width: 100px; */
        			/* position: absolute; */
        			/* right: 9px; */
        			/* top: 10px; */
        		/* } */
        		
        		/* .recognition-card p { */
        		  /* font-size: 0.95rem; */
        		  /* color: #444; */
        		  /* line-height: 1.5; */
        		  /* margin-top: 0px; */
        		/* } */
        		@keyframes slideCarousel {
        		  0% { transform: translateX(0); }
        		  100% { transform: translateX(-50%); }
        		}
        		@media (max-width: 768px) {
        		  .recognitions-carousel {
        			animation: slideCarouselMobile 40s linear infinite;
        		  }
        		  @keyframes slideCarouselMobile {
        			0% { transform: translateX(0); }
        			100% { transform: translateX(-100%); }
        		  }
				  #process, #fees, #admission-info {
						padding-bottom: 20px;
					}
					#process {
						padding-top: 20px;
					}
				  section#placements{
					  padding-top:0px;
					  padding-bottom: 0px;
				  }
        		}
				
				
				
				    .carousel-wrapper {
      overflow: hidden;
      position: relative;
      padding-bottom: 20px;
      max-width: 1400px;
      margin: 0 auto;
    }
    .recognitions-carousel {
      display: flex;
      gap: 2rem;
      width: max-content;
      animation: scrollLoop 25s linear infinite;
    }
    .recognition-card {
      background: #fff;
      border-radius: 18px;
     /* box-shadow: 0 8px 30px rgba(44, 44, 44, 0.13); */
      flex: 0 0 280px;
      text-align: center;
      padding: 42px 20px 32px 20px;
      border: 1px solid #7D7D7D;
      display: flex;
      flex-direction: column;
      align-items: center;
      position: relative;
    }
    .badge {
      margin-bottom: 18px;
      margin-top: -30px;
    }
    .crown {
      width: 58px;
      display: block;
      margin: 0 auto 5px;
    }
    .gold-rank {
      font-size: 2rem;
      font-weight: 700;
      color: #cca326;
      font-family: 'Poppins', sans-serif;
      margin-bottom: 2px;
    }
    .subtitle {
      color: #ae9549;
      font-size: 1rem;
      font-weight: 600;
      margin-bottom: 10px;
    }
    .description {
      color: #232323;
      font-size: 1.02rem;
      margin-bottom: 20px;
      min-height: 56px;
    }
    .org-logo {
      height: 38px;
      margin-bottom: 2px;
      margin-top: auto;
    }
    .org-name {
      color: #222;
      font-size: 1.02rem;
      font-weight: 700;
      margin-bottom: 0px;
    }
    @keyframes scrollLoop {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }
    @media (max-width: 768px) {
      .recognitions-carousel { gap: 1rem; }
      .recognition-card { flex-basis: 80vw; padding: 18px 10px 18px 10px; }
      .org-logo { height: 28px; }
      @keyframes scrollLoop {
        0% { transform: translateX(0); }
        100% { transform: translateX(-100%); }
      }
    }
	
	  @media (max-width: 768px) {
    .recognition-card {
        flex-basis: 66vw;
        padding: 40px 10px 40px 10px;
    }
}
        
        
        
        
        
        
        
        
        
          /* 9) Awards & Testimonials */
          .awards .card{border:1px solid var(--line)}
          .testimonial{background:#f2f7fa; border:1px dashed #cfe0e7; border-radius:12px; height:180px; color:#6e8792}
		  .blu{color:#003FA3;}
		  .copyright-text{color:#003FA3;}
		  .card > img {width:15%;}
		  
		  
		  
		  
		  
		  
		  
		  .row{
			margin:unset !important;
		  }
.dynamic_theme_block .btn-register {
    background-color: #103f6d;
    border-color: #103f6d;
    color: #fff;
    text-transform: uppercase;
}
.dynamic_theme_block .btn-register:focus, .dynamic_theme_block .btn-register:hover {
    color: #fff !important;
    background-color: #103f6d;
    color: #0064b1;
    text-decoration: none;
    border-color: #103f6d;
}

.loginWithOtp a {
    font-size: 12px;
    padding-left: 75%;
}