/* Transparent Header */
  .navbar {
    background: transparent;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10000000;
    padding: 0;
	border-bottom: none !important;
    box-shadow: 0px 0px 0px !important;
  }

  .navbar-nav .nav-link {
    color: white;
    font-weight: 500;
  }

  .navbar-brand {
    color: #ff186b;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .hero-section {
    position: relative;
  }
.navbar .btn {
    display: inline-block;
    margin-top: 0;
    padding: 0;
    border-radius: 30px;
    background: #fff !important;
    color: white;
    text-decoration: none;
    font-weight: bold;
    transition: background 0.3s ease;
    border: none;
}
  .carousel,
  .carousel-inner,
  .carousel-item {
    height: 100vh;
  }
.overlay1{ 
	top: 80px;
    /*position: relative;*/
}
  .carousel-item {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    filter: brightness(1.8) !important;
  }

  .carousel-item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5); /* optional dark overlay */
    z-index: 1;
  }

  .carousel-item .container {
    position: relative;
    z-index: 2;
    padding-top: 60px;
  }

  h1 {
    font-size: 3rem;
    font-weight: 700;
    line-height: 1.1;
  }

  p {
    font-size: 1.2rem;
    margin-top: 20px;
    line-height: 1.5;
  }

  .hero-btn {
    background-color: #8b0032;
    color: white;
    padding: 14px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease;
  }

  .hero-btn:hover {
    background-color: #530d26;
  }

  .carousel-control-prev-icon,
  .carousel-control-next-icon {
    background-color: rgba(0, 0, 0, 0.6);
    border-radius: 50%;
    padding: 10px;
  }
.hero-btn {
background: #69102e;
color: white;
padding: 10px 20px;
text-decoration: none;
display: inline-block;
border-radius: 4px;
}


  .hero-section h1 {
    font-size: 3rem;
    font-weight: bold;
  }

  .hero-section p {
    font-size: 1.1rem;
    margin-bottom: 10px;
  }

  .hero-btn {
    background-color:#69102e;
    color: white;
    padding: 10px 20px;
    border-radius: 30px;
    text-decoration: none;
    transition: 0.3s;
  }

  .hero-btn:hover {
    background-color:#530d26;
  }

  .status-line {
    font-size: 0.9rem;
    color: #0d6efd;
  }

  .feature-box {
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 6px 16px rgba(0,0,0,0.05);
    height: 100%;
  }

  .feature-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 12px;
  }

  .feature-link {
    font-weight: 500;
    color: #0d6efd;
    text-decoration: none;
  }

  .feature-link:hover {
    text-decoration: underline;
  }
  .transparent-header {
background-color: rgba(0, 0, 0, 0.4); /* transparent black */
backdrop-filter: blur(10px);
position: sticky;
top: 0;
z-index: 1000;
}

.service-icons{width:100px;}

.status-line {
font-size: 1.1rem;
font-weight: 500;
}

.status-line i {
font-size: 1.5rem;
}

.igreen{color:green;}
.iblueviolet{color:BLUEVIOLET;}
.ired{color:red;}
.igap{justify-content:space-between;margin: 4vh 0 0 0;}

.feature-card {
position: relative;
min-height: 184px;
background: #fff;
border-radius: 1.5rem;
padding: 2rem;
transition: all 0.35s ease;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08);
display: flex;
flex-direction: column;

overflow: hidden;
}
.my-icon{font-size: 2.2rem !important;}
.feature-card:hover {
transform: translateY(-8px);
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
}
.feature-card h6 i{font-size: 2.3rem !important;}
.feature-card h6 {
font-size: 1.125rem;
font-weight: 700;
color: #1e1e1e;
margin-bottom: 0.75rem;
text-align: center;
align-items: center;
}
.feature-card a{text-align: center;}
.feature-card p {
font-size: 1.1rem;
color: #4f4f4f;
margin-bottom: 0.5rem;
line-height: 1.5;
text-align: center;
}

.feature-card a {
font-weight: 600;
font-size: 1.1rem;
color: #111;
text-decoration: none;
transition: color 0.3s ease;
}

.feature-card a:hover {
color: #007bff;
}

/* Gradient Backgrounds */
.bg-blue {
background: linear-gradient(135deg, #e5f2ff, #ffffff);
}

.bg-green {
background: linear-gradient(135deg, #e8fff0, #ffffff);
}

.bg-pink {
background: linear-gradient(135deg, #ffeef2, #ffffff);
}

.bg-purple {
background: linear-gradient(135deg, #f1edff, #ffffff);
}

/* Icon Styling */
.feature-card i {
font-size: 1.1rem;
margin-right: 0.5rem;
}

/* Responsive fix */
@media (max-width: 768px) {
.feature-card {
  padding: 1.5rem;
  min-height: auto;
}

.feature-card h6 {
  font-size: 1rem;
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
}

.feature-card p {
  font-size: 1.1rem !important;
}
}
.fa-arrow-right{top: 1px;
    position: relative;}

/* Optional: Font smoothing for better rendering */
body {
  font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";  -webkit-font-smoothing: antialiased;
}
.mt-6{padding-top: 90px;}
.hero-section p {
background: rgba(0, 0, 0, 0.3); /* white with 30% opacity */
padding: 10px 20px;
border-radius: 10px;
display: inline-block;
margin: 23px 0 23px 0;
backdrop-filter: blur(4px); /* optional: adds a frosted glass effect */
color: #ffffff; /* ensure text is readable 
font-weight: 500;*/
}
.hero-section p {
font-family: 'Poppins', 'Segoe UI', 'Roboto', sans-serif;
}
h2{font-size: 1.6rem ;}
h1{font-size: 2.8rem !important;}
p{font-size: 1.2rem;}
.support-box {
	padding: 20px;
    text-align: center;
    border-radius: 10px;
    height: 100%;
    background: white;

}
.support-box img {
  max-height: 120px;
  margin-bottom: 10px;
}
.support-title {
  color: #ff007f;
}
.institution-name {
  color: #007bff;
  font-weight: 500;
}
.navbar-nav .nav-link {
  color: #000;
  font-weight: 600;
  padding: 0 22px !important;
  font-size: 19px;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgb(94 94 94) !important;
}
.navbar-brand img{height: 11vh;}
.lifeline-section ul li {
margin-bottom: 0.5rem;
font-size: 0.95rem;
}
.size-1-1{font-size:1.1rem !important }
.lifeline-section h2,
.lifeline-section h3 {
font-family: 'Inter', sans-serif;
font-size: 3rem;
}

.lifeline-section img {
height: auto;
object-fit: cover;
width: 310px;
}

.speff{
  opacity: 0;
  transform:scale(0.7);
  animation: quickFade 0.5s ease-out;
  animation-delay: 7s;
  animation-fill-mode: both;
}

@keyframes quickFade {
0% { 
    opacity: 0; 
    transform: scale(0.7); 
  }
  60% { 
    opacity: 1; 
    transform: scale(1.05); /* overshoot */
  }
  100% { 
    opacity: 1; 
    transform: scale(1); /* settle */
  }
}

.blink1{    
	animation: blink 500ms linear 5;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	color: #FFF !important;
    font-size: 1.5rem;
    width: auto;
	opacity:0;
	background: #0000007d;
    padding: 7px;
    border-radius: 18px;
}

.blink2{    
	animation: blink 500ms linear 5;
	animation-delay: 2.1s;
	animation-fill-mode: forwards;
	color: #FFF !important;
    font-size: 1.5rem;
    width: auto;
	opacity:0;
	background: #0000007d;
    padding: 7px;
    border-radius: 18px;
}

.blink3	{    
	animation: blink 1s linear infinite;
  animation-delay: 4.2s, /* blinking */ 6.3s, /* glow */ 6.3s;
  animation-fill-mode: forwards, none, forwards;
  	color: #FFF !important;
    font-size: 1.5rem;
    width: auto;
	opacity:0;
	background: #0000007d;
    padding: 7px;
    border-radius: 18px;
}
  @keyframes blink {
    0% {opacity: 1;}
	33% {opacity: 0.5;}
	66% {opacity: 0;}
	100% {opacity: 1;}
}

  .text-muted1 {
  --bs-text-opacity: 1;
  color: rgb(0 0 0) !important;
  font-weight: 700;
}

.drringblue{
	color: #1a73e8 !important
}

.drringblack{
	color: #404040 !important
}


<!-- === DrRing Icon System (inline) === -->
<style>
  .icon{width:1.1em;height:1.1em;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;vertical-align:-0.15em;margin-right:.5rem;flex:0 0 auto}
  .li{display:flex;align-items:flex-start;gap:.5rem}
  .li .txt{flex:1}
  /* optional color accents */
  .ok{color:#10b981}       /* green */
  .accent{color:#2563eb}   /* blue */
  .warn{color:#f59e0b}     /* amber */
  .danger{color:#ef4444}   /* red */
  .muted{color:#64748b}    /* slate */
</style>

<svg aria-hidden="true" width="0" height="0" style="position:absolute;left:-9999px;overflow:hidden">
  <defs>
    <!-- Essentials -->
    <symbol id="i-check" viewBox="0 0 24 24"><path d="M20 6L9 17l-5-5"/></symbol>
    <symbol id="i-shield" viewBox="0 0 24 24"><path d="M12 3l7 3v6a9 9 0 0 1-7 8 9 9 0 0 1-7-8V6l7-3z"/></symbol>
    <symbol id="i-clock" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v6l4 2"/></symbol>
    <symbol id="i-battery" viewBox="0 0 24 24"><rect x="2" y="7" width="18" height="10" rx="2"/><path d="M22 10v4"/><path d="M4 12h8"/></symbol>
    <symbol id="i-drop" viewBox="0 0 24 24"><path d="M12 3s6 6.2 6 10.2A6 6 0 0 1 6 13.2C6 9.2 12 3 12 3z"/></symbol>
    <symbol id="i-mail" viewBox="0 0 24 24"><rect x="3" y="5" width="18" height="14" rx="2"/><path d="M3 7l9 6 9-6"/></symbol>
    <symbol id="i-chat-bolt" viewBox="0 0 24 24"><path d="M21 12a8 8 0 1 1-3-6.3"/><path d="M8 13h3l-1 3 4-4h-3l1-3z"/></symbol>
    <symbol id="i-thumbs" viewBox="0 0 24 24"><path d="M7 10v10H4a2 2 0 0 1-2-2v-6a2 2 0 0 1 2-2h3z"/><path d="M7 10l5-7 1 1a2 2 0 0 1 .6 1.4v4h4a2 2 0 0 1 2 2l-1.1 6A3 3 0 0 1 16.5 20H7"/></symbol>
    <symbol id="i-hand" viewBox="0 0 24 24"><path d="M7 11V7a2 2 0 0 1 4 0v4"/><path d="M11 11V6a2 2 0 1 1 4 0v5"/><path d="M15 11V7a2 2 0 1 1 4 0v5"/><path d="M7 11h12v2a6 6 0 0 1-6 6H9a4 4 0 0 1-4-4v-2h2z"/></symbol>
    <symbol id="i-hand-shield" viewBox="0 0 24 24"><use href="#i-hand"/><path d="M6 3l3 1v3a5 5 0 0 1-3 4 5 5 0 0 1-3-4V4l3-1z"/></symbol>
    <symbol id="i-screen-off" viewBox="0 0 24 24"><rect x="3" y="5" width="14" height="10" rx="2"/><path d="M1 1l22 22"/></symbol>
    <symbol id="i-apps-off" viewBox="0 0 24 24"><path d="M4 4h6v6H4zM14 4h6v6h-6zM4 14h6v6H4zM14 14h6v6h-6z"/><path d="M1 1l22 22"/></symbol>
    <symbol id="i-bell" viewBox="0 0 24 24"><path d="M6 8a6 6 0 1 1 12 0v5l2 2H4l2-2z"/><path d="M9 19a3 3 0 0 0 6 0"/></symbol>
    <symbol id="i-alert-btn" viewBox="0 0 24 24"><circle cx="12" cy="12" r="9"/><path d="M12 7v6"/><path d="M12 17h.01"/></symbol>
    <symbol id="i-ambulance" viewBox="0 0 24 24"><rect x="3" y="8" width="13" height="8" rx="2"/><path d="M16 12h4l1 2v2h-5z"/><circle cx="7" cy="18" r="2"/><circle cx="18" cy="18" r="2"/><path d="M7 11h4M9 9v4"/></symbol>
    <symbol id="i-rupee-compare" viewBox="0 0 24 24"><path d="M7 4h10M7 8h8M7 12h6"/><path d="M4 16h8l-4 4"/><path d="M14 16h6M20 16l-2-2m2 2l-2 2"/></symbol>
  </defs>
</svg>