/*
Theme Name: BSNL Meghalaya
Author: Shri R Syiem, JTO NIB Shillong
Description: Custom BSNL Meghalaya Landing Page Theme
Version: 1.0
*/

body {
    font-family: 'Poppins', sans-serif;
}

.hero-section {
    background: linear-gradient(135deg, #003366, #0059b3);
    min-height: 90vh;
    padding: 60px 0;
}

.service-card {
    border-radius: 15px;
    transition: 0.3s;
}

.service-card:hover {
    transform: translateY(-5px);
}

.pricing-card {
    border-radius: 20px;
}

footer {
    background: #003366;
    color: white;
    padding: 40px 0;
}

:root{
  --bsnl-blue:#1b2c9b;
  --bsnl-orange:#f26c23;
  --bsnl-green:#0b6b3a;
  --bsnl-dark:#0f1f5c;
  --bsnl-light:#f8f9fc;
}

body{
  font-family:'Poppins',sans-serif;
  background:var(--bsnl-light);
}

/* Navbar */
.navbar{
  background:white !important;
  border-bottom:3px solid var(--bsnl-orange);
}

.navbar-brand span{
  color:var(--bsnl-blue);
  font-weight:700;
}

/* Hero */
.hero-section{
  background:linear-gradient(135deg,var(--bsnl-blue),var(--bsnl-dark));
  color:white;
}

/* Buttons */
.btn-primary{
  background:var(--bsnl-blue);
  border:none;
}

.btn-warning{
  background:var(--bsnl-orange);
  border:none;
  color:white;
}

.btn-success{
  background:var(--bsnl-green);
  border:none;
}

/* Service Cards */
.service-card{
  border-radius:15px;
  transition:.3s;
}

.service-card:hover{
  transform:translateY(-5px);
  border-bottom:4px solid var(--bsnl-orange);
}

/* Footer */
footer{
  background:var(--bsnl-dark);
  color:white;
}

:root{
  --bsnl-primary:#003366;
  --bsnl-secondary:#0059b3;
  --bsnl-accent:#f7c600;
  --bsnl-dark:#001f3f;
  --bsnl-light:#f4f7fb;
}

body{
  font-family:'Poppins',sans-serif;
  background:var(--bsnl-light);
}

.navbar{
  background:var(--bsnl-primary) !important;
}

.hero-section{
  background:linear-gradient(135deg,var(--bsnl-primary),var(--bsnl-secondary));
  min-height:90vh;
}

.btn-primary{
  background:var(--bsnl-primary);
  border:none;
}

.btn-warning{
  background:var(--bsnl-accent);
  border:none;
  color:#000;
}

.service-card:hover{
  border-bottom:4px solid var(--bsnl-accent);
}
.service-card-p a{
    text-decoration: none !important;
}