@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}
:root{
  --saffron:#F58220;
  --green:#5C8A28;
  --green-dark:#4a7020;
  --navy:#0b1b3a;
  --navy-dark:#081326;
  --red:#e8543f;
  --brown:#a9884a;
  --cyan:#17b6d9;
  --teal:#159489;
  --text-dark:#1f2937;
}

body{
  font-family:'Poppins','Noto Sans Devanagari',sans-serif;
  color:var(--text-dark);
  background:#fff;
}
.devnagari{font-family:'Noto Sans Devanagari','Poppins',sans-serif;}

/* ===== Top Utility Bar ===== */
.topbar{
  background:var(--saffron);
  color:#fff;
  font-size:.85rem;
  padding:.35rem 1rem;
}
.topbar a{color:#fff;text-decoration:none;}
.topbar a:hover{text-decoration:underline;}
.topbar .marquee-wrap{overflow:hidden;white-space:nowrap;flex:1;}
.topbar .marquee{display:inline-block;padding-left:100%;animation:marquee 14s linear infinite;font-weight:600;}
@keyframes marquee{
  0%{transform:translateX(0);}
  100%{transform:translateX(-100%);}
}
.topbar .access-btn{
  border:1px solid #fff;
  border-radius:3px;
  padding:0 5px;
  margin-left:3px;
  font-size:.75rem;
}

/* ===== Header ===== */
.site-header{padding:.75rem 1rem;}
.brand-title{font-weight:800;letter-spacing:.5px;font-size:1.35rem;color:var(--text-dark);margin-bottom:0;}
.brand-sub{color:#6b7280;font-size:.85rem;letter-spacing:1px;}
.header-icons a{
  display:inline-flex;align-items:center;justify-content:center;
  width:34px;height:34px;border:1px solid #f0c14b;border-radius:3px;margin-left:6px;color:var(--text-dark);
}

/* ===== Nav ===== */
.main-nav{background:var(--green);}
.main-nav .nav-link{
  color:#fff !important;font-weight:600;font-size:.92rem;padding:.7rem .9rem !important;
}
.main-nav .nav-link:hover{background:var(--green-dark);}
.main-nav .dropdown-menu{border-radius:0;font-size:.9rem;}
.login-btn{
  background:#fff;color:var(--green-dark);font-weight:700;
  border-radius:4px;padding:.4rem 1.1rem;margin:.4rem .5rem;
}

/* ===== Hero ===== */
.hero{
  background:linear-gradient(135deg,#ffb800 0%,#ff8a00 55%,#e8543f 100%);
  position:relative;overflow:hidden;padding:3rem 1rem 2.5rem;text-align:center;
  border-bottom:6px solid var(--navy);
}
.hero h2{
  font-weight:800;color:#0b3d2e;font-size:1.9rem;text-shadow:0 1px 0 rgba(255,255,255,.4);
}
.hero .helpline{
  margin-top:1.5rem;font-weight:800;font-size:1.6rem;color:#0b1b3a;
}
.hero-skyline{
  height:70px;background:repeating-linear-gradient(90deg,#c0392b 0 20px,#8e44ad 20px 40px,#16a085 40px 60px);
  opacity:.55;margin-top:1rem;
}
.hero-strip{
  background:var(--red);color:#fff;font-weight:800;font-size:2rem;padding:.6rem;letter-spacing:1px;
}
.welcome-strip{
  background:#eaf6fb;padding:.5rem 1rem;font-size:.9rem;
}
.welcome-strip .blink{color:var(--red);font-weight:700;}

/* ===== Quick Action Buttons ===== */
.quick-actions{margin-top:-1px;}
.quick-btn{
  display:flex;align-items:center;justify-content:space-between;
  padding:1.4rem 1.6rem;color:#fff;font-weight:700;text-decoration:none;font-size:1.05rem;
  transition:filter .15s;
}
.quick-btn:hover{filter:brightness(1.08);color:#fff;}
.quick-btn.red{background:var(--red);}
.quick-btn.brown{background:var(--brown);}
.quick-btn.cyan{background:var(--cyan);}
.quick-btn.teal{background:var(--teal);}
.quick-btn .icon-circle{
  width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:center;
}

/* ===== Leaders ===== */
.leader-card{
  border:1px solid #eee;box-shadow:0 2px 8px rgba(0,0,0,.06);
}
.leader-photo{
  height:230px;background:#e5e7eb;display:flex;align-items:center;justify-content:center;
  font-size:3rem;font-weight:800;color:#9ca3af;
}
.leader-name{
  text-align:center;font-weight:700;color:var(--saffron);padding:.6rem;font-size:.95rem;
}
.leader-post{
  background:var(--green);color:#fff;text-align:center;font-weight:700;padding:.7rem;font-size:.95rem;
}

/* ===== About Section ===== */
.section-title{
  text-align:center;font-weight:800;font-size:1.7rem;margin-bottom:2rem;
}
.section-title span{color:var(--saffron);}
.about-img{border:4px solid var(--saffron);}
.about-text{line-height:2;text-align:justify;}

/* ===== Services ===== */
.services-band{
  background:linear-gradient(rgba(20,20,20,.55),rgba(20,20,20,.55)),
             repeating-linear-gradient(45deg,#333 0 10px,#444 10px 20px);
  background-size:cover;padding:3rem 0;
}
.services-band h2{color:#fff;text-align:center;font-weight:800;font-size:2.2rem;}
.service-card{
  background:#f3f4f6;padding:1.6rem 1rem;text-align:center;position:relative;
  clip-path:polygon(0 20px,20px 0,100% 0,100% 100%,0 100%);
  min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;
}
.service-card i{font-size:1.8rem;color:var(--green);}
.service-card .title{font-weight:700;font-size:.85rem;color:var(--text-dark);}

/* ===== Important Links ===== */
.important-links{padding:2.5rem 0;}
.link-logo{max-height:55px;object-fit:contain;}

/* ===== Contact Strip ===== */
.contact-strip{
  background:var(--green);color:#fff;border-radius:60px;padding:1.6rem 2rem;
  display:flex;flex-wrap:wrap;justify-content:space-around;gap:1rem;align-items:center;
}
.contact-strip .icon-round{
  width:46px;height:46px;border:2px solid #fff;border-radius:50%;
  display:flex;align-items:center;justify-content:center;margin-right:.75rem;
}
.contact-strip .item{display:flex;align-items:center;font-size:.9rem;}
.contact-strip strong{display:block;font-size:.95rem;}

/* ===== Footer ===== */
footer.main-footer{background:var(--navy);color:#cbd5e1;padding-top:3rem;}
footer.main-footer h5{color:#fff;font-weight:700;margin-bottom:1.1rem;}
footer.main-footer a{color:#cbd5e1;text-decoration:none;font-size:.9rem;}
footer.main-footer a:hover{color:var(--saffron);}
footer.main-footer .social-icons a{
  width:34px;height:34px;border:1px solid #cbd5e1;border-radius:3px;
  display:inline-flex;align-items:center;justify-content:center;margin-right:6px;
}
.subscribe-input{border-radius:3px;border:none;padding:.55rem .8rem;width:100%;margin-bottom:.7rem;}
.subscribe-btn{
  background:var(--saffron);color:#fff;font-weight:700;border:none;border-radius:3px;
  padding:.55rem 0;width:100%;
}
.footer-bottom{
  background:var(--navy-dark);padding:.9rem 1rem;font-size:.85rem;margin-top:2.5rem;
}
.back-to-top{
  position:fixed;bottom:20px;right:20px;background:var(--cyan);color:#fff;
  width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  box-shadow:0 3px 10px rgba(0,0,0,.25);
}

@media(max-width:768px){
  .hero-strip{font-size:1.2rem;}
  .contact-strip{border-radius:20px;text-align:center;}
}