/* =========================================================
UDAIPUR MAHILA SAMRIDHI URBAN CO-OPERATIVE BANK LTD.
FINAL PREMIUM PROFESSIONAL CSS
========================================================= */

/* ================= ROOT COLORS ================= */

:root{
  --primary:#24479e;
  --primary-dark:#162d68;
  --secondary:#f4c430;
  --light:#f5f7fb;
  --white:#ffffff;
  --text:#222222;
  --muted:#666666;
}

/* ================= RESET ================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Poppins', Arial, sans-serif;
  background:var(--light);
  color:var(--text);
  line-height:1.6;
  overflow-x:hidden;
}

/* ================= TOPBAR ================= */

.topbar{

    background:#102754;

    color:#ffffff;

    display:flex;

    justify-content:space-between;

    align-items:center;

    padding:10px 28px;

    font-size:14px;

    font-weight:500;

    flex-wrap:wrap;

    border-bottom:1px solid rgba(255,255,255,0.08);

}

.topbar-left{

    letter-spacing:0.3px;

}

.topbar-right{

    display:flex;

    gap:10px;

}

.topbar-right button{

    background:#f4c430;

    color:#000000;

    border:none;

    padding:7px 14px;

    border-radius:5px;

    cursor:pointer;

    font-size:14px;

    font-weight:700;

    transition:0.3s ease;

}

.topbar-right button:hover{

    background:#ffffff;

    transform:translateY(-2px);

}



/* ================= ACCESSIBILITY ================= */

.accessibility-tools button{
  background:var(--secondary);
  border:none;
  padding:6px 10px;
  margin-left:5px;
  border-radius:4px;
  cursor:pointer;
  font-weight:600;
  transition:0.3s;
}

.accessibility-tools button:hover{
  background:#ffffff;
}

/* ================= HEADER ================= */

header{
  background:linear-gradient(
    to right,
    #f4f7ff,
    #ffffff
  );

  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:10px 28px;

  border-bottom:1px solid rgba(244,196,48,0.25);

  position:sticky;
  top:0;
  z-index:9999;

  box-shadow:0 2px 12px rgba(0,0,0,0.08);
}

/* ================= BRANDING ================= */

.branding{
  display:flex;
  align-items:center;
  gap:16px;
  flex-shrink:0;
}

/* ================= LOGO ================= */

.branding img{
  height:95px;
  width:auto;
  object-fit:contain;
  display:block;
}

/* ================= BANK TEXT ================= */

.bank-text{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.main-name{

    font-family:'Montserrat', sans-serif;

    font-size:34px;

    font-weight:700;

    color:#163b82;

    line-height:1.25;

    letter-spacing:0.3px;

    text-transform:none;

}

.sub-name{

    font-size:14px;

    color:#c99700;

    margin-top:6px;

    font-weight:600;

    letter-spacing:1px;

    text-transform:uppercase;

}

/* ================= NAVIGATION ================= */

nav{

  flex:1;

  display:flex;

  justify-content:center;

  margin-left:0;

}

nav ul li:last-child ul{

  left:auto;

  right:0;

}
/* ================= MENU ================= */

nav ul{
  list-style:none;
  display:flex;
  align-items:center;
  gap:4px;
  margin:0;
  padding:0;
}

nav ul li{
  position:relative;
}

/* ================= MAIN MENU LINKS ================= */

nav ul li a{
  color:#163b82;
  text-decoration:none;
  padding:12px 14px;
  display:block;
  font-weight:700;
  font-size:17px;
  border-radius:6px;
  transition:0.3s ease;
  white-space:nowrap;
}

/* ================= MENU HOVER ================= */

nav ul li a:hover{
  background:rgba(36,71,158,0.08);
  color:#24479e;
}

/* ================= MEGA MENU ================= */

nav ul li ul{
  position:absolute;
  top:100%;
  left:0;

  background:#24479e;

  min-width:500px;

  display:grid;
  grid-template-columns:repeat(2, 1fr);

  gap:8px;

  padding:18px;

  border-radius:0 0 10px 10px;

  box-shadow:0 8px 25px rgba(0,0,0,0.25);

  opacity:0;
  visibility:hidden;

  transform:translateY(10px);

  transition:0.3s ease;

  z-index:9999;
}

/* ================= LAST MENU FIX ================= */

nav ul li:last-child ul{

  left:auto;

  right:0;

}

/* ================= SHOW SUBMENU ================= */

nav ul li:hover ul{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}

/* ================= SUBMENU LINKS ================= */

nav ul li ul li a{
  color:#ffffff;
  padding:11px 12px;
  font-size:15px;
  border-radius:5px;
  background:rgba(255,255,255,0.05);
}

/* ================= SUBMENU HOVER ================= */

nav ul li ul li a:hover{
  background:#f4c430;
  color:#000000;
  transform:translateX(4px);
}

/* ================= SLIDER ================= */

.slider{
  position:relative;
  width:100%;
  height:470px;
  overflow:hidden;
}

/* ================= SLIDE ================= */

.slide{
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;
  opacity:0;
  transition:opacity 1s ease-in-out;
}

.slide.active{
  opacity:1;
  z-index:1;
}

/* ================= IMAGE ================= */

.slide img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
}

/* ================= SLIDER OVERLAY ================= */

.slide::before{
  content:'';
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left:0;

  background:linear-gradient(
    to right,
    rgba(0,0,0,0.12),
    rgba(0,0,0,0.05)
  );

  z-index:1;
}

/* ================= SLIDER TEXT ================= */

.slide-text{
  position:absolute;
  top:50%;
  left:7%;
  transform:translateY(-50%);
  z-index:2;
  color:#ffffff;
  max-width:550px;
}

.slide-text h2{
  font-size:48px;
  margin-bottom:18px;
  line-height:1.2;
  font-weight:700;
}

.slide-text p{
  font-size:20px;
  margin-bottom:25px;
}

/* ================= BUTTONS ================= */

.btn{
  display:inline-block;
  padding:13px 26px;
  border-radius:5px;
  text-decoration:none;
  transition:0.3s;
  font-weight:600;
}

.primary{
  background:var(--secondary);
  color:#000000;
}

.primary:hover{
  background:#ffffff;
}

/* ================= SECTIONS ================= */

.section{
  padding:80px 25px;
  text-align:center;
}

/* ================= SECTION TITLE ================= */

.section-title{
  max-width:900px;
  margin:0 auto 25px;
  text-align:center;
}

.section-title h2{
  font-size:38px;
  color:#163b82;
  margin-bottom:10px;
  font-weight:700;
  position:relative;
  display:inline-block;
  padding-bottom:12px;
}

.section-title h2::after{
  content:'';
  position:absolute;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  width:70px;
  height:3px;
  background:#f4c430;
  border-radius:5px;
}

.section-title p{
  font-size:18px;
  color:#666666;
  line-height:1.7;
}

/* ================= CARDS ================= */

.cards{
  display:flex;
  gap:25px;
  margin-top:40px;
  flex-wrap:wrap;
}

.card{
  flex:1;
  min-width:250px;
  background:#ffffff;
  padding:35px 30px;
  border-radius:12px;
  box-shadow:0 4px 15px rgba(0,0,0,0.08);
  transition:0.3s;
  border-top:4px solid var(--primary);
  border-bottom:4px solid transparent;
  position:relative;
  overflow:hidden;
}

.card:hover{
  transform:translateY(-10px);
  border-top:4px solid var(--secondary);
  border-bottom:4px solid var(--secondary);
  box-shadow:0 12px 30px rgba(0,0,0,0.12);
}

.card h3{
  margin-bottom:15px;
  color:var(--primary);
  font-size:24px;
}

.card p{
  font-size:16px;
  line-height:1.8;
  color:var(--muted);
}

/* ================= SERVICE ICON ================= */

.service-icon{
  margin-bottom:22px;
}

.service-icon img{
  width:75px;
  height:75px;
  object-fit:contain;
  transition:0.3s;
}

.card:hover .service-icon img{
  transform:scale(1.08);
}

/* ================= CARD BUTTON ================= */

.card-btn{
  display:inline-block;
  margin-top:18px;
  padding:10px 22px;
  background:var(--primary);
  color:#ffffff;
  text-decoration:none;
  border-radius:5px;
  transition:0.3s ease;
  font-size:14px;
  font-weight:600;
}

.card-btn:hover{
  background:var(--secondary);
  color:#000000;
}

/* ================= CTA ================= */

.cta{
  background:
  linear-gradient(
    rgba(15,35,79,0.90),
    rgba(15,35,79,0.90)
  ),
  url('images/banking-bg.jpg');

  background-size:cover;
  background-position:center;

  color:#ffffff;

  padding:90px 25px;

  text-align:center;
}

.cta h2{
  font-size:42px;
  margin-bottom:20px;
}

.cta p{
  max-width:850px;
  margin:auto;
  margin-bottom:30px;
  line-height:1.8;
  font-size:18px;
}

/* ================= FOOTER ================= */

footer{
  background:#102754;
  color:#ffffff;
  padding:60px 25px 25px;
  margin-top:50px;
}

/* ================= FOOTER CONTAINER ================= */

.footer-container{
  display:flex;
  justify-content:space-between;
  gap:40px;
  flex-wrap:wrap;
  margin-bottom:35px;
}

/* ================= FOOTER BOX ================= */

.footer-box{
  flex:1;
  min-width:220px;
}

/* ================= FOOTER HEADING ================= */

.footer-box h3{
  margin-bottom:20px;
  color:var(--secondary);
  font-size:22px;
  position:relative;
  padding-bottom:10px;
}

.footer-box h3::after{
  content:'';
  position:absolute;
  left:0;
  bottom:0;
  width:50px;
  height:2px;
  background:var(--secondary);
}

/* ================= FOOTER TEXT ================= */

.footer-box p{
  margin-bottom:12px;
  color:rgba(255,255,255,0.85);
  line-height:1.7;
  font-size:16px;
}

/* ================= FOOTER LINKS ================= */

.footer-box a{
  display:block;
  color:#ffffff;
  text-decoration:none;
  margin-bottom:12px;
  transition:0.3s ease;
  font-size:16px;
}

.footer-box a:hover{
  color:var(--secondary);
  padding-left:5px;
}

/* ================= FOOTER BOTTOM ================= */

.footer-bottom{
  text-align:center;
  border-top:1px solid rgba(255,255,255,0.15);
  padding-top:20px;
  font-size:15px;
  color:rgba(255,255,255,0.75);
}

.footer-bottom p{
  margin-top:8px;
}

/* ================= ABOUT PAGE ================= */

.about-page,
.why-section{
  padding:65px 25px;
}

/* ================= CONTENT BOX ================= */

.about-content{
  max-width:980px;
  margin:auto;
  background:#ffffff;
  padding:40px;
  border-radius:14px;
  box-shadow:0 5px 22px rgba(0,0,0,0.06);
  border-left:5px solid #24479e;
  text-align:left;
}

.about-content p{
  font-size:16px;
  line-height:1.9;
  color:#444444;
  margin-bottom:16px;
}

.about-list{
  margin:16px 0 20px 22px;
}

.about-list li{
  margin-bottom:10px;
  line-height:1.8;
  color:#333333;
}

.about-content strong{
  color:#163b82;
}

.vision-tagline{

    background:#f5f7fb;
    border-left:5px solid #163b82;
    padding:25px 30px;
    border-radius:12px;
    margin-bottom:35px;

}

.vision-tagline h3{

    font-size:34px;
    color:#b8860b;
    margin-bottom:12px;
    line-height:1.5;

}

.vision-tagline p{

    margin:0;
    font-size:17px;
    color:#555;
    font-style:italic;

}

/* OPTIONAL ABOUT CONTENT IMPROVEMENT */

.about-content p{

    font-size:16px;
    line-height:2;
    color:#555;
    margin-bottom:20px;

}

.about-list li{

    margin-bottom:14px;
    line-height:1.8;

}

@media(max-width:768px){

    .vision-tagline{

        padding:20px;

    }

    .vision-tagline h3{

        font-size:26px;

    }

}

/* ================= RESPONSIVE ================= */

@media(max-width:992px){

  header{
    flex-direction:column;
    padding:15px 20px;
    gap:15px;
  }

  nav{
    width:100%;
    margin-left:0;
    justify-content:center;
  }

  nav ul{
    flex-wrap:wrap;
    justify-content:center;
  }

  .slide-text h2{
    font-size:38px;
  }

}


/* =====================================================
   FUTURE SECTION
===================================================== */

.future-section{

  padding:70px 25px;

}

.future-box{

  max-width:1000px;

  margin:auto;

  background:linear-gradient(
    135deg,
    #163b82,
    #24479e
  );

  color:#ffffff;

  padding:55px 50px;

  border-radius:18px;

  position:relative;

  overflow:hidden;

  box-shadow:0 10px 35px rgba(0,0,0,0.15);

}

/* GOLD TOP BORDER */

.future-box::before{

  content:'';

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:5px;

  background:#f4c430;

}

.future-box h2{

  font-size:40px;

  margin-bottom:22px;

  font-weight:700;

  color:#ffffff;

  position:relative;

  padding-bottom:12px;

}

.future-box h2::after{

  content:'';

  position:absolute;

  left:0;
  bottom:0;

  width:75px;
  height:3px;

  background:#f4c430;

  border-radius:5px;

}

.future-box p{

  font-size:17px;

  line-height:1.9;

  color:rgba(255,255,255,0.92);

  margin-bottom:18px;

}

/* MOBILE */

@media(max-width:768px){

.future-box{

  padding:35px 25px;

}

.future-box h2{

  font-size:30px;

}

.future-box p{

  font-size:15px;

}

}
/* =====================================================
   MODERN BANKING SECTION
===================================================== */

.modern-banking-section{

  padding:90px 25px;

  background:
  linear-gradient(
    rgba(15,35,79,0.88),
    rgba(15,35,79,0.88)
  ),
  url('images/banking-bg.jpg');

  background-size:cover;
  background-position:center;

  position:relative;

}

.modern-banking-content{

  max-width:950px;

  margin:auto;

  background:rgba(255,255,255,0.08);

  backdrop-filter:blur(6px);

  padding:55px 50px;

  border-radius:18px;

  text-align:center;

  border:1px solid rgba(255,255,255,0.12);

  box-shadow:0 10px 35px rgba(0,0,0,0.18);

}

.modern-banking-content h2{

  font-size:42px;

  color:#ffffff;

  margin-bottom:22px;

  line-height:1.2;

  font-weight:700;

}

.modern-banking-content p{

  font-size:18px;

  line-height:1.9;

  color:rgba(255,255,255,0.92);

  margin-bottom:18px;

}

.modern-btn{

  display:inline-block;

  margin-top:15px;

  background:#f4c430;

  color:#000000;

  padding:14px 30px;

  border-radius:6px;

  text-decoration:none;

  font-weight:700;

  font-size:16px;

  transition:0.3s ease;

}

.modern-btn:hover{

  background:#ffffff;

  transform:translateY(-3px);

}

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

@media(max-width:768px){

.modern-banking-section{

  padding:70px 20px;

}

.modern-banking-content{

  padding:35px 25px;

}

.modern-banking-content h2{

  font-size:30px;

}

.modern-banking-content p{

  font-size:16px;

  line-height:1.8;

}

.modern-btn{

  width:100%;

  text-align:center;

}

}

/* =====================================================
   CHAIRPERSON MESSAGE SECTION
===================================================== */

.chairperson-wrapper{

  display:flex;

  gap:40px;

  align-items:flex-start;

  max-width:1200px;

  margin:auto;

}

/* ================= PROFILE CARD ================= */

.chairperson-profile{

  width:320px;

  background:#ffffff;

  padding:30px 25px;

  border-radius:18px;

  text-align:center;

  box-shadow:0 6px 25px rgba(0,0,0,0.08);

  border-top:5px solid #24479e;

  position:sticky;

  top:120px;

}

/* ================= IMAGE ================= */

.chairperson-profile img{

  width:100%;

  max-width:220px;

  height:260px;

  object-fit:cover;

  border-radius:14px;

  border:4px solid #f4c430;

  margin-bottom:22px;

  box-shadow:0 5px 18px rgba(0,0,0,0.12);

}

/* ================= NAME ================= */

.chairperson-profile h3{

  font-size:30px;

  color:#163b82;

  margin-bottom:8px;

  font-weight:700;

}

/* ================= DESIGNATION ================= */

.chairperson-profile span{

  display:block;

  font-size:18px;

  color:#d39b00;

  font-weight:700;

  margin-bottom:12px;

}

/* ================= BANK NAME ================= */

.chairperson-profile p{

  font-size:15px;

  line-height:1.8;

  color:#555555;

}

/* ================= MESSAGE CONTENT ================= */

.chairperson-content{

  flex:1;

  background:#ffffff;

  padding:40px;

  border-radius:18px;

  box-shadow:0 5px 22px rgba(0,0,0,0.06);

  border-left:5px solid #24479e;

}

/* ================= MESSAGE TEXT ================= */

.chairperson-content p{

  font-size:16px;

  line-height:1.95;

  color:#444444;

  margin-bottom:18px;

  text-align:justify;

}

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

@media(max-width:992px){

.chairperson-wrapper{

  flex-direction:column;

}

.chairperson-profile{

  width:100%;

  position:static;

}

}

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

@media(max-width:768px){

.chairperson-content{

  padding:28px 22px;

}

.chairperson-profile{

  padding:25px 20px;

}

.chairperson-profile img{

  max-width:180px;

  height:220px;

}

.chairperson-profile h3{

  font-size:26px;

}

.chairperson-profile span{

  font-size:16px;

}

.chairperson-content p{

  font-size:15px;

  line-height:1.85;

}

}

/* =====================================================
   BOARD OF DIRECTORS
===================================================== */

/* ================= TOP LEADERS ================= */

.top-leadership{

  display:flex;

  justify-content:center;

  gap:35px;

  margin-bottom:60px;

  flex-wrap:wrap;

}

/* ================= FEATURED CARD ================= */

.leader-card{

  width:340px;

  background:#ffffff;

  padding:32px 28px;

  border-radius:18px;

  text-align:center;

  box-shadow:0 8px 28px rgba(0,0,0,0.08);

  position:relative;

  transition:0.3s ease;

}

.leader-card:hover{

  transform:translateY(-8px);

}

/* ================= HIGHLIGHT ================= */

.featured-chairperson{

  border-top:5px solid #24479e;

}

.featured-vice{

  border-top:5px solid #f4c430;

}

/* ================= IMAGE ================= */

.leader-card img{

  width:190px;

  height:220px;

  object-fit:cover;

  border-radius:14px;

  margin-bottom:22px;

  border:4px solid #f4c430;

  box-shadow:0 5px 18px rgba(0,0,0,0.10);

}

/* ================= NAME ================= */

.leader-card h3{

  font-size:30px;

  color:#163b82;

  margin-bottom:8px;

}

/* ================= DESIGNATION ================= */

.leader-card span{

  display:block;

  font-size:18px;

  font-weight:700;

  color:#d39b00;

  margin-bottom:12px;

}

/* ================= DESCRIPTION ================= */

.leader-card p{

  font-size:15px;

  line-height:1.8;

  color:#555555;

}

/* =====================================================
   BOARD GRID
===================================================== */

.board-heading{

  font-size:34px;

  color:#163b82;

  text-align:center;

  margin-bottom:35px;

  position:relative;

  padding-bottom:12px;

}

.board-heading::after{

  content:'';

  position:absolute;

  left:50%;
  bottom:0;

  transform:translateX(-50%);

  width:70px;
  height:3px;

  background:#f4c430;

}

/* ================= DIRECTORS GRID ================= */

.directors-grid{

  display:grid;

  grid-template-columns:repeat(4, 1fr);

  gap:28px;

  margin-bottom:70px;

}

/* ================= DIRECTOR CARD ================= */

.director-card{

  background:#ffffff;

  padding:24px 20px;

  border-radius:16px;

  text-align:center;

  box-shadow:0 5px 18px rgba(0,0,0,0.06);

  transition:0.3s ease;

}

.director-card:hover{

  transform:translateY(-6px);

  box-shadow:0 10px 28px rgba(0,0,0,0.10);

}

/* ================= DIRECTOR IMAGE ================= */

.director-card img{

  width:130px;

  height:150px;

  object-fit:cover;

  border-radius:12px;

  margin-bottom:18px;

  border:3px solid #e9eefc;

}

/* ================= DIRECTOR NAME ================= */

.director-card h4{

  font-size:20px;

  color:#163b82;

  margin-bottom:8px;

}

/* ================= DIRECTOR DESIGNATION ================= */

.director-card p{

  font-size:15px;

  color:#666666;

  font-weight:500;

}

/* =====================================================
   MANAGEMENT SECTION
===================================================== */

.management-grid{

  display:grid;

  grid-template-columns:repeat(5, 1fr);

  gap:25px;

}

/* ================= MANAGEMENT CARD ================= */

.management-card{

  background:#ffffff;

  padding:22px 18px;

  border-radius:16px;

  text-align:center;

  box-shadow:0 5px 18px rgba(0,0,0,0.06);

  transition:0.3s ease;

}

.management-card:hover{

  transform:translateY(-6px);

}

/* ================= IMAGE ================= */

.management-card img{

  width:120px;

  height:140px;

  object-fit:cover;

  border-radius:12px;

  margin-bottom:18px;

  border:3px solid #e9eefc;

}

/* ================= NAME ================= */

.management-card h4{

  font-size:19px;

  color:#163b82;

  margin-bottom:8px;

}

/* ================= DESIGNATION ================= */

.management-card p{

  font-size:14px;

  color:#666666;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:1200px){

.directors-grid{

  grid-template-columns:repeat(3, 1fr);

}

.management-grid{

  grid-template-columns:repeat(3, 1fr);

}

}

@media(max-width:768px){

.directors-grid,
.management-grid{

  grid-template-columns:1fr;

}

.board-heading{

  font-size:28px;

}

.leader-card{

  width:100%;

}

.leader-card img{

  width:160px;

  height:190px;

}

}

/* =====================================================
   SAVINGS ACCOUNT PAGE
===================================================== */

.service-page{

  padding:70px 25px;

  background:#f5f7fb;

}

.service-container{

  max-width:1250px;

  margin:auto;

  display:grid;

  grid-template-columns:460px 1fr;

  gap:50px;

  align-items:flex-start;

}

/* =====================================================
   IMAGE
===================================================== */

.service-image img{

  width:100%;

  border-radius:18px;

  box-shadow:0 10px 30px rgba(0,0,0,0.12);

  display:block;

  object-fit:cover;

}

/* =====================================================
   CONTENT
===================================================== */

.service-content{

  background:#ffffff;

  padding:45px;

  border-radius:18px;

  box-shadow:0 5px 25px rgba(0,0,0,0.06);

  border-top:5px solid #24479e;

}

/* =====================================================
   TITLE
===================================================== */

.left-title{

  text-align:left;

  margin-bottom:25px;

}

.left-title h2{

  color:#163b82;

  font-size:38px;

  margin-bottom:10px;

}

.left-title h2::after{

  left:0;

  transform:none;

}

/* =====================================================
   PARAGRAPH
===================================================== */

.service-content p{

  font-size:16px;

  line-height:1.9;

  color:#444444;

  margin-bottom:18px;

}

/* =====================================================
   FEATURE BOX
===================================================== */

.feature-box{

  background:#f8fbff;

  border:1px solid rgba(36,71,158,0.10);

  border-left:5px solid #f4c430;

  padding:30px;

  border-radius:14px;

  margin:35px 0;

}

.feature-box h3{

  color:#163b82;

  margin-bottom:22px;

  font-size:24px;

}

/* =====================================================
   PROFESSIONAL FEATURE LIST
===================================================== */

/* =====================================================
   PROFESSIONAL FEATURE LIST
===================================================== */

.service-list{

  margin:0;

  padding-left:22px;

  list-style-type:square;

}

.service-list li{

  margin-bottom:14px;

  line-height:1.9;

  color:#333333;

  font-size:16px;

  font-weight:500;

}

/* =====================================================
   HIGHLIGHT BOX
===================================================== */

.service-highlight{

  background:linear-gradient(
    135deg,
    #163b82,
    #24479e
  );

  color:#ffffff;

  padding:35px;

  border-radius:16px;

  margin-top:35px;

  box-shadow:0 10px 25px rgba(0,0,0,0.12);

}

.service-highlight h3{

  margin-bottom:16px;

  font-size:28px;

  color:#ffffff;

}

.service-highlight p{

  color:rgba(255,255,255,0.92);

  margin-bottom:15px;

}

/* =====================================================
   RESPONSIVE
===================================================== */

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){

.service-container{

  grid-template-columns:1fr;

}

.service-image{

  max-width:650px;

  margin:auto;

}

}

@media(max-width:768px){

.service-page{

  padding:50px 15px;

}

.service-content{

  padding:30px 22px;

}

.feature-box{

  padding:24px 20px;

}

.service-highlight{

  padding:28px 22px;

}

.service-highlight h3{

  font-size:24px;

}

.left-title h2{

  font-size:30px;

}

.service-list li{

  font-size:15px;

}

}

/* =====================================================
   FIXED DEPOSIT TABLE
===================================================== */

.fd-table-section{

  margin-top:35px;

}

.fd-table-section h3{

  font-size:28px;

  color:#163b82;

  margin-bottom:10px;

}

.fd-note{

  margin-bottom:20px;

  color:#666666;

}

/* TABLE */

.table-responsive{

  overflow-x:auto;

}

.fd-table{

  width:100%;

  border-collapse:collapse;

  background:#ffffff;

  border-radius:14px;

  overflow:hidden;

  box-shadow:0 5px 18px rgba(0,0,0,0.06);

}

/* HEAD */

.fd-table thead{

  background:linear-gradient(
    135deg,
    #163b82,
    #24479e
  );

}

.fd-table th{

  color:#ffffff;

  padding:16px;

  text-align:left;

  font-size:16px;

  font-weight:600;

}

/* BODY */

.fd-table td{

  padding:15px 16px;

  border-bottom:1px solid #e8edf7;

  font-size:15px;

  color:#333333;

}

.fd-table tbody tr{

  transition:0.3s ease;

}

.fd-table tbody tr:hover{

  background:#f5f8ff;

}

/* LAST ROW */

.fd-table tbody tr:last-child td{

  border-bottom:none;

}

/* MOBILE */

@media(max-width:768px){

.fd-table th,
.fd-table td{

  padding:12px 10px;

  font-size:14px;

}

.fd-table-section h3{

  font-size:24px;

}

}

/* =====================================================
   SPECIAL INTEREST ROW
===================================================== */

.special-row{

  background:#fff8df;

  font-weight:600;

}

.special-row td{

  color:#163b82;

}

/* =====================================================
   LOCKER PAGE
===================================================== */

.timing-box{

  background:#f5f8ff;

  border-left:4px solid #24479e;

  padding:20px 25px;

  border-radius:10px;

  margin:20px 0;

}

.timing-box p{

  margin:0;

  font-size:18px;

  color:#163b82;

  line-height:1.8;

  font-weight:600;

}

.locker-note{

  margin-top:15px;

  color:#666666;

  font-size:15px;

}

/* DOWNLOAD SECTION */

.download-section{

  margin-top:40px;

  background:#ffffff;

  padding:35px;

  border-radius:14px;

  box-shadow:0 5px 18px rgba(0,0,0,0.06);

  border-top:4px solid #f4c430;

}

.download-section h3{

  font-size:28px;

  color:#163b82;

  margin-bottom:25px;

}

.download-links{

  display:flex;

  flex-direction:column;

  gap:16px;

}

.download-links a{

  display:block;

  padding:16px 20px;

  background:#f5f8ff;

  border-left:4px solid #24479e;

  border-radius:8px;

  text-decoration:none;

  color:#163b82;

  font-weight:600;

  transition:0.3s ease;

}

.download-links a:hover{

  background:#24479e;

  color:#ffffff;

  transform:translateX(5px);

}

/* MOBILE */

@media(max-width:768px){

.download-section{

  padding:25px 20px;

}

.download-section h3{

  font-size:24px;

}

.timing-box p{

  font-size:16px;

}

}

/* =====================================================
   RUPAY BENEFITS GRID
===================================================== */

.benefit-grid{

  display:grid;

  grid-template-columns:repeat(2, 1fr);

  gap:15px;

  margin-top:25px;

}

.benefit-item{

  background:#f5f8ff;

  border-left:4px solid #24479e;

  padding:18px 18px;

  border-radius:10px;

  font-weight:600;

  color:#163b82;

  transition:0.3s ease;

}

.benefit-item:hover{

  background:#24479e;

  color:#ffffff;

  transform:translateY(-3px);

}

/* MOBILE */

@media(max-width:768px){

.benefit-grid{

  grid-template-columns:1fr;

}

}

/* =====================================================
   MOBILE BANKING PAGE
===================================================== */

.service-page{
    padding:70px 25px;
    background:#f5f7fb;
}

.service-container{
    max-width:1200px;
    margin:auto;
}

/* HEADER */

.service-header{
    text-align:center;
    margin-bottom:60px;
}

.service-header h1{
    font-size:42px;
    color:#163b82;
    margin-bottom:18px;
    font-weight:800;
}

.service-header p{
    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:1.9;
    color:#555555;
}

/* INTRO */

.service-intro{
    display:flex;
    gap:40px;
    align-items:center;
    margin-bottom:60px;
    flex-wrap:wrap;
}

.service-image{
    flex:1;
    min-width:320px;
}

.service-image img{
    width:100%;
    border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,0.12);
}

.service-content{
    flex:1;
    min-width:320px;
}

.service-content h2{
    font-size:34px;
    color:#163b82;
    margin-bottom:20px;
}

.service-content p{
    font-size:17px;
    line-height:1.9;
    margin-bottom:18px;
    color:#444444;
}

/* FEATURES */

.service-features{
    margin-bottom:60px;
}

.service-features h2{
    text-align:center;
    font-size:36px;
    color:#163b82;
    margin-bottom:40px;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;
}

.feature-card{
    background:#ffffff;
    padding:30px;
    border-radius:16px;
    box-shadow:0 6px 22px rgba(0,0,0,0.08);
    border-top:4px solid #24479e;
    transition:0.3s;
}

.feature-card:hover{
    transform:translateY(-8px);
}

.feature-card h3{
    color:#163b82;
    margin-bottom:15px;
    font-size:22px;
}

.feature-card p{
    color:#555555;
    line-height:1.8;
}

/* REGISTRATION */

.registration-box{
    background:linear-gradient(135deg,#163b82,#24479e);
    color:#ffffff;
    padding:50px;
    border-radius:18px;
    margin-bottom:60px;
    box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.registration-box h2{
    font-size:34px;
    margin-bottom:20px;
}

.registration-box p{
    font-size:17px;
    line-height:1.9;
    margin-bottom:15px;
}

/* TABLES */

.eligibility-section,
.limits-section{
    margin-bottom:60px;
}

.eligibility-section h2,
.limits-section h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;
}

.table-responsive{
    overflow-x:auto;
}

.service-table{
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:14px;
    overflow:hidden;
    box-shadow:0 6px 22px rgba(0,0,0,0.08);
}

.service-table thead{
    background:#163b82;
    color:#ffffff;
}

.service-table th,
.service-table td{
    padding:18px;
    text-align:left;
    border-bottom:1px solid #eeeeee;
    font-size:15px;
}

.service-table tbody tr:hover{
    background:#f8f9fd;
}

/* SECURITY */

.security-section{
    background:#ffffff;
    padding:45px;
    border-radius:18px;
    margin-bottom:60px;
    box-shadow:0 6px 22px rgba(0,0,0,0.08);
}

.security-section h2{
    font-size:32px;
    color:#163b82;
    margin-bottom:25px;
}

.service-list{
    padding-left:20px;
}

.service-list li{
    margin-bottom:14px;
    line-height:1.8;
    color:#444444;
}

/* IMPORTANT NOTE */

.important-note{
    background:#fff8e6;
    border-left:5px solid #f4c430;
    padding:40px;
    border-radius:14px;
}

.important-note h2{
    color:#163b82;
    margin-bottom:18px;
    font-size:30px;
}

.important-note p{
    line-height:1.9;
    color:#444444;
}

/* MOBILE */

@media(max-width:768px){

    .service-header h1{
        font-size:32px;
    }

    .service-content h2,
    .service-features h2,
    .eligibility-section h2,
    .limits-section h2,
    .security-section h2{
        font-size:28px;
    }

    .registration-box{
        padding:35px 25px;
    }

    .security-section{
        padding:30px 25px;
    }

}

/* =========================================================
   FINAL PROFESSIONAL FIXES
========================================================= */

/* DARK SECTION TEXT */

.service-highlight,
.registration-box,
.future-box,
.modern-banking-content,
.cta,
.slide-text{
    color:#ffffff;
}

.service-highlight h1,
.service-highlight h2,
.service-highlight h3,
.registration-box h1,
.registration-box h2,
.registration-box h3,
.future-box h1,
.future-box h2,
.future-box h3,
.modern-banking-content h1,
.modern-banking-content h2,
.modern-banking-content h3,
.cta h1,
.cta h2,
.slide-text h1,
.slide-text h2{
    color:#ffffff;
}

.service-highlight p,
.service-highlight li,
.registration-box p,
.registration-box li,
.future-box p,
.future-box li,
.modern-banking-content p,
.modern-banking-content li,
.cta p,
.slide-text p{
    color:rgba(255,255,255,0.92);
}

/* LOCKER TIMING FIX */

.timing-box{
    background:#24479e;
    border-left:4px solid #f4c430;
}

.timing-box p,
.timing-box strong,
.timing-box span{
    color:#ffffff;
}

/* RUPAY BENEFITS FIX */

.benefit-item{
    color:#163b82;
    font-weight:600;
}

.benefit-item:hover{
    color:#ffffff;
}

/* MOBILE MENU FIX */

@media(max-width:768px){

    

    nav ul li{
        width:100%;
    }

    

    .hero-wrapper{

    display:grid;

    grid-template-columns:1fr 340px;

    gap:22px;

    align-items:stretch;

    padding:18px 18px 0;

}

    .hero-slider .slider{
        height:350px;
    }

    .news-scroll{
        height:240px;
    }
}

/* =====================================================
   HERO + NEWS SECTION FIX
===================================================== */

.hero-wrapper{

    display:grid;

    grid-template-columns:2fr 380px;

    gap:25px;

    align-items:stretch;

    padding:25px;

}

/* SLIDER */

.hero-slider{

    width:100%;

}

/* NEWS SECTION */

.news-section{

    background:#ffffff;

    border-radius:16px;

    overflow:hidden;

    box-shadow:0 6px 22px rgba(0,0,0,0.08);

    display:flex;

    flex-direction:column;

}

/* NEWS HEADER */

.news-header{

    background:#163b82;

    color:#ffffff;

    padding:16px 20px;

    font-size:22px;

    font-weight:700;

}

/* NEWS SCROLL AREA */

.news-scroll{

    height:470px;

    overflow:hidden;

    position:relative;

    padding:20px;

}

/* NEWS ITEMS */

.news-item{

    padding:14px 0;

    border-bottom:1px solid #eeeeee;

}

.news-item:last-child{

    border-bottom:none;

}

.news-item a{

    text-decoration:none;

    color:#163b82;

    font-weight:600;

    line-height:1.7;

    transition:0.3s;

}

.news-item a:hover{

    color:#f4c430;

}

/* MOBILE */

@media(max-width:992px){

    .hero-wrapper{

        grid-template-columns:1fr;

    }

    .news-scroll{

        height:260px;

    }

}

/* =====================================================
   JOURNEY TIMELINE SECTION
===================================================== */

.journey-section{
    padding:80px 25px;
    background:#f5f7fb;
    overflow:hidden;
}

/* TIMELINE GRID */

.journey-timeline{

    max-width:1100px;

    margin:50px auto 0;

    display:grid;

    grid-template-columns:repeat(3, 320px);

    justify-content:center;

    gap:30px;

}

/* CARD */

.journey-card{

    background:#ffffff;

    border-radius:18px;

    padding:30px 25px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    border-top:5px solid #24479e;

    transition:0.3s ease;

}

.journey-card:hover{

    transform:translateY(-8px);

    box-shadow:0 14px 30px rgba(0,0,0,0.12);

    border-top:5px solid #f4c430;

}

/* YEAR */

.journey-year{

    display:inline-block;

    background:#24479e;

    color:#ffffff;

    padding:8px 18px;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;

}

/* TITLE */

.journey-content h3{

    font-size:22px;

    color:#163b82;

    margin-bottom:14px;

    line-height:1.4;

}

/* TEXT */

.journey-content p{

    color:#444444;

    line-height:1.9;

    font-size:15px;

}

/* ================= RESPONSIVE ================= */

@media(max-width:1100px){

    .journey-timeline{

        grid-template-columns:repeat(2, 320px);

    }

}

@media(max-width:768px){

    .journey-timeline{

        grid-template-columns:1fr;

    }

    .journey-card{

        width:100%;

    }

}

/* =====================================================
   ACHIEVEMENTS SECTION
===================================================== */

.achievement-box{

    max-width:1000px;

    margin:40px auto 0;

    background:#ffffff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 6px 22px rgba(0,0,0,0.08);

    border-top:5px solid #f4c430;

}

.achievement-box h3{

    font-size:30px;

    color:#163b82;

    margin-bottom:25px;

}

/* LIST */

.achievement-list{

    display:flex;

    flex-direction:column;

    gap:18px;

}

/* ITEM */

.achievement-item{

    display:flex;

    align-items:flex-start;

    gap:16px;

    background:#f5f8ff;

    padding:18px 20px;

    border-radius:12px;

    border-left:4px solid #24479e;

    transition:0.3s ease;

}

.achievement-item:hover{

    transform:translateX(5px);

    background:#eef4ff;

}

/* ICON */

.achievement-item span{

    font-size:26px;

    line-height:1;

}

/* TEXT */

.achievement-item p{

    margin:0;

    font-size:16px;

    line-height:1.8;

    color:#444444;

}

/* MOBILE */

@media(max-width:768px){

    .achievement-box{

        padding:28px 22px;

    }

    .achievement-box h3{

        font-size:26px;

    }

    .achievement-item{

        padding:16px;

    }

}

/* =====================================================
   FINAL NEWS SECTION
===================================================== */

.hero-wrapper{

    display:grid;

    grid-template-columns:1fr 360px;

    gap:25px;

    align-items:stretch;

    padding:25px;

}

/* ================= NEWS BOX ================= */

.latest-news-box{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    box-shadow:0 10px 30px rgba(0,0,0,0.08);

    height:470px;

    border:1px solid #e7ebf3;

    position:relative;

}

/* HEADER */

.latest-news-header{

    background:linear-gradient(
        135deg,
        #163b82,
        #24479e
    );

    color:#ffffff;

    padding:18px 22px;

    font-size:24px;

    font-weight:700;

    letter-spacing:0.3px;

    position:relative;

}

.latest-news-header::after{

    content:'';

    position:absolute;

    left:0;
    bottom:0;

    width:100%;
    height:3px;

    background:#f4c430;

}

/* SCROLL AREA */

.latest-news-scroll{

    height:calc(100% - 70px);

    overflow:hidden;

    position:relative;

    background:#ffffff;

}


/* SCROLLBAR */

.latest-news-scroll::-webkit-scrollbar{

    width:6px;

}

.latest-news-scroll::-webkit-scrollbar-thumb{

    background:#24479e;

    border-radius:20px;

}

/* ITEM */

.latest-news-item{

    display:flex;

    gap:14px;

    padding:18px 20px;

    border-bottom:1px solid #eef2f8;

    transition:0.3s ease;

    align-items:flex-start;

    background:#ffffff;

}

.latest-news-item:hover{

    background:#f8fbff;

    padding-left:26px;

}

.news-date{

    min-width:62px;

    background:#f4c430;

    color:#000000;

    font-size:12px;

    font-weight:700;

    padding:8px 10px;

    border-radius:8px;

    text-align:center;

    line-height:1.4;

}



.latest-news-item:last-child{

    border-bottom:none;

}

/* LINK */

.latest-news-item a{

    text-decoration:none;

    color:#163b82;

    font-size:15px;

    line-height:1.7;

    font-weight:600;

    transition:0.3s ease;

}


.latest-news-item a:hover{

    color:#24479e;

}

/* ANIMATION */

@keyframes newsTicker{

    0%{
        transform:translateY(0);
    }

    100%{
        transform:translateY(-50%);
    }

}

/* MOBILE */

@media(max-width:992px){

    .hero-wrapper{

        grid-template-columns:1fr;

    }

    .latest-news-box{

        height:320px;

    }

}

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

@media(max-width:992px){

    .hero-wrapper{

        grid-template-columns:1fr;

    }

    .latest-news-box{

        height:300px;

    }

}

/* AUTO NEWS SCROLL */

.latest-news-scroll-inner{

    display:flex;

    flex-direction:column;

    animation:newsTicker 18s linear infinite;

}


.latest-news-scroll:hover .latest-news-scroll-inner{

    animation-play-state:paused;

}

@keyframes newsScroll{

    0%{
        transform:translateY(0);
    }

    100%{
        transform:translateY(-50%);
    }

}

/* =========================================
HIGH CONTRAST MODE
========================================= */

.high-contrast{

    background:#000000 !important;

    color:#ffffff !important;

}

.high-contrast section,
.high-contrast .card,
.high-contrast .journey-card,
.high-contrast .service-content,
.high-contrast .news-box{

    background:#111111 !important;

    color:#ffffff !important;

}

.high-contrast h1,
.high-contrast h2,
.high-contrast h3,
.high-contrast p,
.high-contrast li,
.high-contrast a{

    color:#ffffff !important;

}

/* =====================================================
   SERVICE PAGE FINAL PROFESSIONAL LAYOUT
===================================================== */

.service-page{
    width:100%;
    padding:60px 20px;
    background:#f5f7fb;
}

.service-container{
    max-width:1200px;
    margin:auto;
}

/* =========================
   HEADER
========================= */

.service-header{
    text-align:center;
    margin-bottom:50px;
}

.service-header h1{
    font-size:42px;
    color:#123c7b;
    margin-bottom:15px;
    font-weight:700;
}

.service-header p{
    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:1.8;
    color:#555;
}

/* =========================
   INTRO SECTION
========================= */

.service-intro{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:50px;
    margin-bottom:70px;
    flex-wrap:wrap;
}

.service-image{
    flex:1;
    min-width:320px;
}

.service-image img{
    width:100%;
    border-radius:20px;
    display:block;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.service-content{
    flex:1;
    min-width:320px;
}

.service-content h2{
    font-size:34px;
    color:#123c7b;
    margin-bottom:20px;
}

.service-content p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:18px;
}

/* =========================
   FEATURES
========================= */

.service-features{
    margin-bottom:70px;
}

.service-features h2{
    text-align:center;
    font-size:34px;
    color:#123c7b;
    margin-bottom:40px;
}

.feature-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;
}

.feature-card{
    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:0.3s;
}

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

.feature-card h3{
    color:#123c7b;
    margin-bottom:15px;
    font-size:22px;
}

.feature-card p{
    color:#555;
    line-height:1.8;
}

/* =========================
   BLUE INFO BOXES
========================= */

.registration-box,
.important-note{
    background:linear-gradient(135deg,#123c7b,#1d4fa3);
    color:#fff;
    padding:45px;
    border-radius:20px;
    margin-bottom:70px;
    box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

.registration-box h2,
.important-note h2{
    margin-bottom:20px;
    font-size:32px;
}

.registration-box p,
.important-note p{
    line-height:1.9;
    font-size:17px;
}

/* =========================
   TABLES
========================= */

.eligibility-section,
.limits-section{
    margin-bottom:70px;
}

.eligibility-section h2,
.limits-section h2{
    text-align:center;
    font-size:34px;
    color:#123c7b;
    margin-bottom:35px;
}

.table-responsive{
    overflow-x:auto;
}

.service-table{
    width:100%;
    border-collapse:collapse;
    background:#fff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.service-table thead{
    background:#123c7b;
    color:#fff;
}

.service-table th,
.service-table td{
    padding:18px;
    text-align:left;
    border-bottom:1px solid #eee;
}

.service-table tr:hover{
    background:#f8f9fc;
}

/* =========================
   SECURITY SECTION
========================= */

.security-section{
    margin-bottom:70px;
}

.security-section h2{
    text-align:center;
    font-size:34px;
    color:#123c7b;
    margin-bottom:35px;
}

.service-list{
    background:#fff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.service-list li{
    margin-bottom:18px;
    line-height:1.9;
    color:#444;
    font-size:17px;
}

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

@media(max-width:768px){

    .service-header h1{
        font-size:32px;
    }

    .service-content h2{
        font-size:28px;
    }

    .service-features h2,
    .eligibility-section h2,
    .limits-section h2,
    .security-section h2{
        font-size:28px;
    }

    .registration-box,
    .important-note{
        padding:30px;
    }

}

/* =====================================================
   MOBILE BANKING PAGE FINAL ALIGNMENT FIX
===================================================== */

.mobile-banking-page .service-container{
    max-width:1200px;
    margin:auto;
    display:block !important;
}

/* HEADER */

.mobile-banking-page .service-header{
    text-align:center;
    margin-bottom:60px;
}

.mobile-banking-page .service-header h1{
    font-size:42px;
    color:#123c7b;
    margin-bottom:18px;
    font-weight:700;
}

.mobile-banking-page .service-header p{
    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:1.9;
    color:#555;
}

/* INTRO SECTION */

.mobile-banking-page .service-intro{
    display:grid !important;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;
}

.mobile-banking-page .service-image{
    width:100%;
}

.mobile-banking-page .service-image img{
    width:100%;
    border-radius:20px;
    display:block;
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.mobile-banking-page .service-content{
    width:100%;
    background:#ffffff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.mobile-banking-page .service-content h2{
    font-size:34px;
    color:#123c7b;
    margin-bottom:20px;
}

.mobile-banking-page .service-content p{
    font-size:17px;
    line-height:1.9;
    color:#555;
    margin-bottom:18px;
}

/* FEATURES */

.mobile-banking-page .service-features{
    margin-bottom:70px;
}

.mobile-banking-page .service-features h2{
    text-align:center;
    font-size:34px;
    color:#123c7b;
    margin-bottom:40px;
}

.mobile-banking-page .feature-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.mobile-banking-page .feature-card{
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
    transition:0.3s;
}

.mobile-banking-page .feature-card:hover{
    transform:translateY(-5px);
}

.mobile-banking-page .feature-card h3{
    color:#123c7b;
    margin-bottom:15px;
    font-size:22px;
}

.mobile-banking-page .feature-card p{
    color:#555;
    line-height:1.8;
}

/* REGISTRATION BOX */

.mobile-banking-page .registration-box{
    background:linear-gradient(135deg,#123c7b,#1d4fa3);
    color:#ffffff;
    padding:45px;
    border-radius:20px;
    margin-bottom:70px;
    box-shadow:0 8px 25px rgba(0,0,0,0.15);
}

.mobile-banking-page .registration-box h2{
    font-size:32px;
    margin-bottom:20px;
    color:#ffffff;
}

.mobile-banking-page .registration-box p{
    font-size:17px;
    line-height:1.9;
    color:rgba(255,255,255,0.92);
}

/* TABLE SECTIONS */

.mobile-banking-page .eligibility-section,
.mobile-banking-page .limits-section{
    margin-bottom:70px;
}

.mobile-banking-page .eligibility-section h2,
.mobile-banking-page .limits-section h2{
    text-align:center;
    font-size:34px;
    color:#123c7b;
    margin-bottom:35px;
}

/* TABLE */

.mobile-banking-page .service-table{
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:15px;
    overflow:hidden;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.mobile-banking-page .service-table thead{
    background:#123c7b;
}

.mobile-banking-page .service-table th{
    color:#ffffff;
    padding:18px;
    text-align:left;
}

.mobile-banking-page .service-table td{
    padding:18px;
    border-bottom:1px solid #eeeeee;
}

.mobile-banking-page .service-table tr:hover{
    background:#f8f9fc;
}

/* SECURITY */

.mobile-banking-page .security-section{
    margin-bottom:70px;
}

.mobile-banking-page .security-section h2{
    text-align:center;
    font-size:34px;
    color:#123c7b;
    margin-bottom:35px;
}

.mobile-banking-page .service-list{
    background:#ffffff;
    padding:40px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.08);
}

.mobile-banking-page .service-list li{
    margin-bottom:18px;
    line-height:1.9;
    color:#444;
    font-size:17px;
}

/* IMPORTANT NOTE */

.mobile-banking-page .important-note{
    background:#fff8e6;
    border-left:5px solid #f4c430;
    padding:40px;
    border-radius:18px;
}

.mobile-banking-page .important-note h2{
    color:#123c7b;
    margin-bottom:20px;
    font-size:32px;
}

.mobile-banking-page .important-note p{
    line-height:1.9;
    color:#444;
}

/* MOBILE RESPONSIVE */

@media(max-width:992px){

    .mobile-banking-page .service-intro{
        grid-template-columns:1fr;
    }

    .mobile-banking-page .feature-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .mobile-banking-page .service-header h1{
        font-size:32px;
    }

    .mobile-banking-page .service-content h2,
    .mobile-banking-page .service-features h2,
    .mobile-banking-page .eligibility-section h2,
    .mobile-banking-page .limits-section h2,
    .mobile-banking-page .security-section h2,
    .mobile-banking-page .important-note h2{
        font-size:28px;
    }

    .mobile-banking-page .feature-grid{
        grid-template-columns:1fr;
    }

    .mobile-banking-page .registration-box,
    .mobile-banking-page .important-note,
    .mobile-banking-page .service-content,
    .mobile-banking-page .service-list{
        padding:28px 22px;
    }

}

/* =====================================================
   FINAL TEXT VISIBILITY FIX
===================================================== */

/* DARK BLUE BOX TEXT FIX */

.registration-box,
.service-highlight,
.important-note{

    color:#ffffff !important;

}

.registration-box p,
.registration-box li,
.registration-box span,
.registration-box strong,
.service-highlight p,
.service-highlight li,
.service-highlight span,
.service-highlight strong,
.important-note p,
.important-note li,
.important-note span,
.important-note strong{

    color:rgba(255,255,255,0.95) !important;

}

/* CURRENT ACCOUNT / OTHER PAGES FIX */

.registration-box h1,
.registration-box h2,
.registration-box h3,
.service-highlight h1,
.service-highlight h2,
.service-highlight h3,
.important-note h1,
.important-note h2,
.important-note h3{

    color:#ffffff !important;

}

/* =====================================================
   IMPORTANT NOTE YELLOW BOX FIX
===================================================== */

.important-note{

    background:#fff8e6 !important;

    border-left:5px solid #f4c430 !important;

    color:#333333 !important;

}

.important-note h1,
.important-note h2,
.important-note h3{

    color:#163b82 !important;

}

.important-note p,
.important-note li,
.important-note span,
.important-note strong{

    color:#444444 !important;

}

/* =====================================================
   AWARDS & ACHIEVEMENTS PAGE
===================================================== */

.awards-page{

    padding:80px 25px;

    background:#f5f7fb;

}

.awards-container{

    max-width:1250px;

    margin:auto;

}

/* HEADER */

.awards-header{

    text-align:center;

    margin-bottom:60px;

}

.awards-header h1{

    font-size:44px;

    color:#163b82;

    margin-bottom:20px;

}

.awards-header p{

    max-width:900px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#555555;

}

/* CONTENT */

.awards-content{

    background:#ffffff;

    padding:50px;

    border-radius:20px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    margin-bottom:70px;

    border-top:5px solid #24479e;

}

.awards-text h2{

    font-size:34px;

    color:#163b82;

    margin-bottom:22px;

}

.awards-text p{

    font-size:17px;

    line-height:1.9;

    color:#444444;

    margin-bottom:18px;

}

/* GALLERY */

.awards-gallery-section h2{

    text-align:center;

    font-size:38px;

    color:#163b82;

    margin-bottom:45px;

}

.awards-gallery{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:30px;

}

/* CARD */

.award-card{

    background:#ffffff;

    border-radius:20px;

    overflow:hidden;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    transition:0.4s ease;

}

.award-card:hover{

    transform:translateY(-8px);

    box-shadow:0 14px 35px rgba(0,0,0,0.14);

}

/* IMAGE */

.award-card img{

    width:100%;

    height:280px;

    object-fit:cover;

    display:block;

    transition:0.4s ease;

    cursor:pointer;

}

.award-card:hover img{

    transform:scale(1.05);

}

/* CAPTION */

.award-caption{

    padding:25px;

}

.award-caption h3{

    font-size:22px;

    color:#163b82;

    margin-bottom:14px;

    line-height:1.5;

}

.award-caption p{

    font-size:15px;

    line-height:1.8;

    color:#555555;

}

/* =====================================================
   IMAGE LIGHTBOX
===================================================== */

.image-modal{

    display:none;

    position:fixed;

    z-index:99999;

    left:0;

    top:0;

    width:100%;

    height:100%;

    background:rgba(0,0,0,0.92);

    justify-content:center;

    align-items:center;

    padding:30px;

}

/* MODAL IMAGE */

.modal-content{

    max-width:90%;

    max-height:90%;

    border-radius:12px;

    animation:zoomIn 0.4s ease;

}

/* CLOSE BUTTON */

.close-modal{

    position:absolute;

    top:25px;

    right:40px;

    color:#ffffff;

    font-size:42px;

    cursor:pointer;

    font-weight:700;

}

/* ANIMATION */

@keyframes zoomIn{

    from{

        transform:scale(0.7);

        opacity:0;

    }

    to{

        transform:scale(1);

        opacity:1;

    }

}

/* MOBILE */

@media(max-width:992px){

    .awards-gallery{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .awards-gallery{

        grid-template-columns:1fr;

    }

    .awards-header h1{

        font-size:34px;

    }

    .awards-content{

        padding:35px 25px;

    }

    .award-card img{

        height:240px;

    }

}

/* =========================================
   SMS PAGE
========================================= */

.sms-page{

    padding:70px 0;

    background:#f5f7fb;

}

.sms-wrapper{

    width:90%;

    max-width:1200px;

    margin:auto;

}

/* HEADER */

.sms-header{

    text-align:center;

    margin-bottom:60px;

}

.sms-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

}

.sms-header p{

    max-width:900px;

    margin:auto;

    color:#555;

    line-height:1.9;

}

/* INTRO */

.sms-intro{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    margin-bottom:70px;

}

.sms-image img{

    width:100%;

    border-radius:20px;

}

.sms-content h2{

    font-size:32px;

    color:#163b82;

    margin-bottom:20px;

}

.sms-content p{

    color:#555;

    line-height:1.9;

    margin-bottom:18px;

}

/* FEATURES */

.sms-features{

    margin-bottom:70px;

}

.sms-features h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

.sms-feature-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.sms-card{

    background:#fff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.sms-card h3{

    color:#163b82;

    margin-bottom:15px;

    line-height:1.5;

}

.sms-card p{

    color:#555;

    line-height:1.8;

}

/* BLUE BOX */

.sms-blue-box{

    background:linear-gradient(135deg,#163b82,#1d4fa3);

    padding:50px;

    border-radius:22px;

}

.sms-blue-box h2{

    color:#fff;

    margin-bottom:20px;

}

.sms-blue-box p{

    color:rgba(255,255,255,0.92);

    line-height:1.9;

}

.sms-blue-box ul{

    margin-top:25px;

    padding-left:22px;

}

.sms-blue-box li{

    color:#fff;

    margin-bottom:14px;

    line-height:1.9;

}

/* MOBILE */

@media(max-width:768px){

    .sms-intro{

        grid-template-columns:1fr;

    }

    .sms-feature-grid{

        grid-template-columns:1fr;

    }

    .sms-header h1{

        font-size:32px;

    }

    .sms-content h2,
    .sms-features h2{

        font-size:28px;

    }

    .sms-blue-box{

        padding:30px 22px;

    }

}
/* =========================================
   SECURITY SECTION
========================================= */

.sms-security-box{

    background:#ffffff;

    padding:45px;

    border-radius:20px;

    margin-top:60px;

    box-shadow:0 5px 20px rgba(0,0,0,0.05);

}

.sms-security-box h2{

    color:#163b82;

    font-size:30px;

    margin-bottom:25px;

}

.sms-security-box ul{

    padding-left:22px;

}

.sms-security-box ul li{

    margin-bottom:15px;

    line-height:1.9;

    color:#444444;

    font-size:16px;

}

/* =========================================
   IMPORTANT NOTE
========================================= */

.sms-important-note{

    background:#fff8e5;

    border-left:6px solid #f4c430;

    padding:40px;

    border-radius:18px;

    margin-top:50px;

}

.sms-important-note h2{

    color:#163b82;

    margin-bottom:15px;

    font-size:28px;

}

.sms-important-note p{

    color:#555555;

    line-height:1.9;

    font-size:16px;

}

/* MOBILE */

@media(max-width:768px){

    .sms-security-box,
    .sms-important-note{

        padding:28px 22px;

    }

    .sms-security-box h2,
    .sms-important-note h2{

        font-size:24px;

    }

}

/* =========================================
   DIGITAL SECURITY PAGE
========================================= */

.digital-security-page{

    padding:70px 0;

    background:#f5f7fb;

}

.digital-security-wrapper{

    width:90%;

    max-width:1200px;

    margin:auto;

}

/* HEADER */

.digital-security-header{

    text-align:center;

    margin-bottom:60px;

}

.digital-security-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

}

.digital-security-header p{

    max-width:900px;

    margin:auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* INTRO SECTION */

.digital-security-intro{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    margin-bottom:70px;

}

.digital-security-image img{

    width:100%;

    border-radius:20px;

    display:block;

}

.digital-security-content h2{

    font-size:32px;

    color:#163b82;

    margin-bottom:20px;

}

.digital-security-content p{

    color:#555555;

    line-height:1.9;

    margin-bottom:18px;

}

/* SECURITY TIPS */

.security-tips-section{

    margin-bottom:70px;

}

.security-tips-section h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

.security-tips-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.security-tip-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 8px 25px rgba(0,0,0,0.06);

    transition:0.3s ease;

}

.security-tip-card:hover{

    transform:translateY(-5px);

}

.security-tip-card h3{

    color:#163b82;

    margin-bottom:15px;

    line-height:1.5;

}

.security-tip-card p{

    color:#555555;

    line-height:1.8;

}

/* FRAUD BOX */

.fraud-awareness-box{

    background:linear-gradient(135deg,#163b82,#1d4fa3);

    padding:50px;

    border-radius:22px;

    margin-bottom:70px;

}

.fraud-awareness-box h2{

    color:#ffffff;

    margin-bottom:20px;

}

.fraud-awareness-box p{

    color:rgba(255,255,255,0.92);

    line-height:1.9;

}

.fraud-awareness-box ul{

    margin-top:25px;

    padding-left:22px;

}

.fraud-awareness-box li{

    color:#ffffff;

    margin-bottom:14px;

    line-height:1.9;

}

/* RESPONSIBILITY SECTION */

.customer-responsibility-section{

    background:#ffffff;

    padding:50px;

    border-radius:22px;

    margin-bottom:70px;

    box-shadow:0 5px 20px rgba(0,0,0,0.05);

}

.customer-responsibility-section h2{

    color:#163b82;

    margin-bottom:25px;

    font-size:32px;

}

.customer-responsibility-section ul{

    padding-left:22px;

}

.customer-responsibility-section li{

    color:#444444;

    margin-bottom:15px;

    line-height:1.9;

}

/* IMPORTANT NOTE */

.digital-security-note{

    background:#fff8e5;

    border-left:6px solid #f4c430;

    padding:40px;

    border-radius:18px;

}

.digital-security-note h2{

    color:#163b82;

    margin-bottom:15px;

}

.digital-security-note p{

    color:#555555;

    line-height:1.9;

}

/* MOBILE */

@media(max-width:768px){

    .digital-security-intro{

        grid-template-columns:1fr;

    }

    .security-tips-grid{

        grid-template-columns:1fr;

    }

    .digital-security-header h1{

        font-size:32px;

    }

    .digital-security-content h2,
    .security-tips-section h2,
    .customer-responsibility-section h2{

        font-size:28px;

    }

    .fraud-awareness-box,
    .customer-responsibility-section,
    .digital-security-note{

        padding:30px 22px;

    }

}

/* =====================================================
   GLOBAL MOBILE FIX
===================================================== */

html,
body{

    width:100%;
    overflow-x:hidden !important;

}

/* PAGE CONTENT FIX */

.service-page,
.digital-security-page,
.sms-banking-page{

    width:100%;
    position:relative;
    z-index:1;

}

/* CONTAINER FIX */

.service-container{

    width:92% !important;
    max-width:1200px;
    margin:0 auto !important;
    padding:0 !important;

}

/* MOBILE MENU OVERLAY FIX */

@media(max-width:768px){

    body{

        overflow-x:hidden !important;

    }

    .mobile-menu,
    .menu-overlay{

        max-width:100vw;
        overflow-y:auto;

    }

    .service-intro,
    .feature-grid,
    .security-grid{

        grid-template-columns:1fr !important;

    }

    img{

        max-width:100%;
        height:auto;
        display:block;

    }

}

/* =====================================================
   FINAL MOBILE MENU SYSTEM
===================================================== */

.menu-toggle{
    display:none;
}

/* MOBILE */

@media(max-width:768px){

    body{
        overflow-x:hidden;
    }

    header{
        position:relative;
    }

    /* MENU BUTTON */

    .menu-toggle{

        display:block;

        position:absolute;

        right:20px;

        top:20px;

        z-index:10001;

        background:#163b82;

        color:#ffffff;

        padding:10px 14px;

        border-radius:6px;

        font-size:15px;

        font-weight:700;

        cursor:pointer;
    }

    /* NAV */

    nav{
        width:100%;
        margin-top:70px;
    }

    nav ul{

        display:none;

        flex-direction:column;

        width:100%;

        background:#ffffff;

        border-radius:10px;

        overflow:hidden;

        box-shadow:0 5px 18px rgba(0,0,0,0.15);
    }

    /* SHOW MENU */

    nav ul.show-menu{
        display:flex;
    }

    /* MAIN LINKS */

    nav ul li{
        width:100%;
        position:relative;
    }

    nav ul li a{

        display:block;

        width:100%;

        padding:14px 18px;

        border-bottom:1px solid #eeeeee;

        text-align:left;

        font-size:16px;
    }

    /* SUBMENU */

    nav ul li ul{

        display:none;

        position:static !important;

        opacity:1 !important;

        visibility:visible !important;

        transform:none !important;

        width:100% !important;

        min-width:100% !important;

        background:#1f4ea3 !important;

        padding:0 !important;

        grid-template-columns:1fr !important;

        box-shadow:none !important;
    }

    /* ACTIVE SUBMENU */

    nav ul li.active-dropdown > ul{
        display:grid;
    }

    /* SUBMENU LINKS */

    nav ul li ul li a{

        color:#ffffff !important;

        padding-left:32px;

        font-size:15px;

        border-bottom:1px solid rgba(255,255,255,0.08);
    }

}

/* =====================================================
   FINAL MOBILE MENU SYSTEM
===================================================== */

.menu-toggle{
    display:none;
}

/* MOBILE */

@media(max-width:768px){

    /* BODY */

    body{
        overflow-x:hidden !important;
    }

    /* HEADER */

    header{
        position:relative;
        z-index:9999;
    }

    /* MENU BUTTON */

    .menu-toggle{

        display:flex;

        align-items:center;

        justify-content:center;

        position:absolute;

        right:15px;

        top:18px;

        width:42px;

        height:42px;

        background:#163b82;

        color:#ffffff;

        border-radius:6px;

        cursor:pointer;

        font-size:26px;

        font-weight:700;

        line-height:1;

        z-index:10001;
    }

    /* BRANDING */

    .branding{

        padding-right:60px;
    }

    /* NAVIGATION */

    nav{

        width:100%;

        margin-top:15px;
    }

    /* MAIN MENU */

    nav ul{

        display:none;

        flex-direction:column;

        width:100%;

        background:#ffffff;

        border-radius:10px;

        overflow:hidden;

        box-shadow:0 8px 25px rgba(0,0,0,0.15);

        position:relative;

        z-index:9999;

        margin:0;

        padding:0;
    }

    /* SHOW MENU */

    nav ul.show-menu{

        display:flex;
    }

    /* MENU ITEMS */

    nav ul li{

        width:100%;

        position:relative;
    }

    /* MAIN LINKS */

    nav ul li a{

        display:block;

        width:100%;

        padding:14px 18px;

        text-align:left;

        border-bottom:1px solid #eeeeee;

        background:#ffffff;

        color:#163b82;

        font-size:16px;

        font-weight:600;
    }

    /* REMOVE DESKTOP HOVER */

    nav ul li:hover ul{

        display:none;
    }

    /* SUBMENU */

    nav ul li ul{

        display:none;

        position:static !important;

        width:100% !important;

        min-width:100% !important;

        opacity:1 !important;

        visibility:visible !important;

        transform:none !important;

        background:#1f4ea3 !important;

        grid-template-columns:1fr !important;

        gap:0 !important;

        padding:0 !important;

        margin:0 !important;

        box-shadow:none !important;

        border-radius:0 !important;
    }

    /* SHOW SUBMENU */

    nav ul li.active-dropdown > ul{

        display:grid !important;
    }

    /* SUBMENU LINKS */

    nav ul li ul li a{

        background:#1f4ea3 !important;

        color:#ffffff !important;

        padding:13px 30px;

        font-size:15px;

        border-bottom:1px solid rgba(255,255,255,0.08);
    }

    /* HERO SECTION */

    .hero-wrapper{

        display:grid;

        grid-template-columns:1fr;

        gap:20px;

        padding:15px;
    }

    /* SLIDER */

    .hero-slider .slider{

        height:280px;
    }

    /* SLIDE TEXT */

    .slide-text{

        left:20px;

        right:20px;

        bottom:25px;
    }

    .slide-text h2{

        font-size:28px;

        line-height:1.3;
    }

    .slide-text p{

        font-size:15px;

        line-height:1.6;
    }

    /* NEWS */

    .news-scroll{

        height:240px;
    }

    /* CONTENT FIX */

    .service-page,
    .section,
    .main-wrapper,
    .page-wrapper,
    .content-wrapper{

        width:100% !important;

        margin-left:0 !important;

        left:0 !important;

        transform:none !important;

        overflow:hidden;
    }

}

/* =====================================================
   HOME LOAN PAGE COMPLETE CSS
===================================================== */

.home-loan-main{

    width:100%;

    padding:70px 0;

    background:#f5f7fb;

}

.home-loan-container{

    width:90%;

    max-width:1200px;

    margin:0 auto;

}

/* HEADER */

.home-loan-header{

    text-align:center;

    margin-bottom:60px;

}

.home-loan-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:700;

}

.home-loan-header p{

    max-width:900px;

    margin:0 auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* INTRO */

.home-loan-intro{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    margin-bottom:70px;

}

.home-loan-image img{

    width:100%;

    display:block;

    border-radius:20px;

}

.home-loan-content h2{

    font-size:32px;

    color:#163b82;

    margin-bottom:20px;

}

.home-loan-content p{

    color:#555555;

    line-height:1.9;

    margin-bottom:18px;

}

/* FEATURES */

.home-loan-features{

    margin-bottom:70px;

}

.home-loan-features h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

.home-loan-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.home-loan-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.home-loan-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:22px;

    line-height:1.5;

}

.home-loan-card p{

    color:#555555;

    line-height:1.8;

}

/* TABLE */

.home-loan-details{

    margin-bottom:70px;

}

.home-loan-details h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:35px;

}

.home-loan-table-wrap{

    overflow-x:auto;

}

.home-loan-table{

    width:100%;

    border-collapse:collapse;

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

}

.home-loan-table th{

    background:#163b82;

    color:#ffffff;

    padding:18px;

    text-align:left;

}

.home-loan-table td{

    padding:18px;

    border-bottom:1px solid #eeeeee;

    color:#444444;

}

/* ELIGIBILITY */

.home-loan-eligibility{

    background:#ffffff;

    padding:50px;

    border-radius:20px;

    margin-bottom:70px;

}

.home-loan-eligibility h2{

    color:#163b82;

    margin-bottom:25px;

    font-size:32px;

}

.home-loan-eligibility ul{

    padding-left:22px;

}

.home-loan-eligibility li{

    margin-bottom:14px;

    line-height:1.9;

    color:#444444;

}

/* DOCUMENTS */

.home-loan-documents{

    margin-bottom:70px;

}

.home-loan-documents h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

/* TERMS */

.home-loan-terms{

    background:linear-gradient(
        135deg,
        #163b82,
        #1f4ea3
    );

    padding:50px;

    border-radius:22px;

    margin-bottom:70px;

}

.home-loan-terms h2{

    color:#ffffff;

    margin-bottom:25px;

    font-size:32px;

}

.home-loan-terms ul{

    padding-left:22px;

}

.home-loan-terms li{

    color:#ffffff;

    margin-bottom:14px;

    line-height:1.9;

}

/* NOTE */

.home-loan-note{

    background:#fff8e8;

    border-left:6px solid #f4c430;

    padding:40px;

    border-radius:18px;

}

.home-loan-note h2{

    color:#163b82;

    margin-bottom:15px;

}

.home-loan-note p{

    color:#555555;

    line-height:1.9;

}

/* MOBILE */

@media(max-width:992px){

    .home-loan-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .home-loan-main{

        padding:50px 0;

    }

    .home-loan-header h1{

        font-size:32px;

    }

    .home-loan-intro{

        grid-template-columns:1fr;

    }

    .home-loan-grid{

        grid-template-columns:1fr;

    }

    .home-loan-content h2,
    .home-loan-features h2,
    .home-loan-details h2,
    .home-loan-documents h2,
    .home-loan-eligibility h2,
    .home-loan-terms h2{

        font-size:28px;

    }

    .home-loan-eligibility,
    .home-loan-terms,
    .home-loan-note{

        padding:30px 22px;

    }

}

/* =====================================================
   VEHICLE LOAN PAGE CSS
===================================================== */

.vehicle-loan-main{

    width:100%;

    padding:70px 0;

    background:#f5f7fb;

}

.vehicle-loan-container{

    width:90%;

    max-width:1200px;

    margin:0 auto;

}

/* HEADER */

.vehicle-loan-header{

    text-align:center;

    margin-bottom:60px;

}

.vehicle-loan-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:700;

}

.vehicle-loan-header p{

    max-width:900px;

    margin:0 auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* INTRO */

.vehicle-loan-intro{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    margin-bottom:70px;

}

.vehicle-loan-image img{

    width:100%;

    display:block;

    border-radius:20px;

}

.vehicle-loan-content h2{

    font-size:32px;

    color:#163b82;

    margin-bottom:20px;

}

.vehicle-loan-content p{

    color:#555555;

    line-height:1.9;

    margin-bottom:18px;

}

/* FEATURES */

.vehicle-loan-features{

    margin-bottom:70px;

}

.vehicle-loan-features h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

.vehicle-loan-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.vehicle-loan-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.vehicle-loan-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:22px;

    line-height:1.5;

}

.vehicle-loan-card p{

    color:#555555;

    line-height:1.8;

}

/* TABLE */

.vehicle-loan-details{

    margin-bottom:70px;

}

.vehicle-loan-details h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:35px;

}

.vehicle-loan-table-wrap{

    overflow-x:auto;

}

.vehicle-loan-table{

    width:100%;

    border-collapse:collapse;

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

}

.vehicle-loan-table th{

    background:#163b82;

    color:#ffffff;

    padding:18px;

    text-align:left;

}

.vehicle-loan-table td{

    padding:18px;

    border-bottom:1px solid #eeeeee;

    color:#444444;

}

/* ELIGIBILITY */

.vehicle-loan-eligibility{

    background:#ffffff;

    padding:50px;

    border-radius:20px;

    margin-bottom:70px;

}

.vehicle-loan-eligibility h2{

    color:#163b82;

    margin-bottom:25px;

    font-size:32px;

}

.vehicle-loan-eligibility ul{

    padding-left:22px;

}

.vehicle-loan-eligibility li{

    margin-bottom:14px;

    line-height:1.9;

    color:#444444;

}

/* DOCUMENTS */

.vehicle-loan-documents{

    margin-bottom:70px;

}

.vehicle-loan-documents h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

/* TERMS */

.vehicle-loan-terms{

    background:linear-gradient(
        135deg,
        #163b82,
        #1f4ea3
    );

    padding:50px;

    border-radius:22px;

    margin-bottom:70px;

}

.vehicle-loan-terms h2{

    color:#ffffff;

    margin-bottom:25px;

    font-size:32px;

}

.vehicle-loan-terms ul{

    padding-left:22px;

}

.vehicle-loan-terms li{

    color:#ffffff;

    margin-bottom:14px;

    line-height:1.9;

}

/* NOTE */

.vehicle-loan-note{

    background:#fff8e8;

    border-left:6px solid #f4c430;

    padding:40px;

    border-radius:18px;

}

.vehicle-loan-note h2{

    color:#163b82;

    margin-bottom:15px;

}

.vehicle-loan-note p{

    color:#555555;

    line-height:1.9;

}

/* MOBILE */

@media(max-width:992px){

    .vehicle-loan-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .vehicle-loan-main{

        padding:50px 0;

    }

    .vehicle-loan-header h1{

        font-size:32px;

    }

    .vehicle-loan-intro{

        grid-template-columns:1fr;

    }

    .vehicle-loan-grid{

        grid-template-columns:1fr;

    }

    .vehicle-loan-content h2,
    .vehicle-loan-features h2,
    .vehicle-loan-details h2,
    .vehicle-loan-documents h2,
    .vehicle-loan-eligibility h2,
    .vehicle-loan-terms h2{

        font-size:28px;

    }

    .vehicle-loan-eligibility,
    .vehicle-loan-terms,
    .vehicle-loan-note{

        padding:30px 22px;

    }

}

/* =====================================================
   BUSINESS LOAN PAGE CSS
===================================================== */

.business-loan-main{

    width:100%;

    padding:70px 0;

    background:#f5f7fb;

}

.business-loan-container{

    width:90%;

    max-width:1200px;

    margin:0 auto;

}

/* HEADER */

.business-loan-header{

    text-align:center;

    margin-bottom:60px;

}

.business-loan-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:700;

}

.business-loan-header p{

    max-width:900px;

    margin:0 auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* INTRO */

.business-loan-intro{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    margin-bottom:70px;

}

.business-loan-image img{

    width:100%;

    display:block;

    border-radius:20px;

}

.business-loan-content h2{

    font-size:32px;

    color:#163b82;

    margin-bottom:20px;

}

.business-loan-content p{

    color:#555555;

    line-height:1.9;

    margin-bottom:18px;

}

/* FEATURES */

.business-loan-features{

    margin-bottom:70px;

}

.business-loan-features h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

.business-loan-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.business-loan-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.business-loan-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:22px;

    line-height:1.5;

}

.business-loan-card p{

    color:#555555;

    line-height:1.8;

}

/* TABLE */

.business-loan-details{

    margin-bottom:70px;

}

.business-loan-details h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:35px;

}

.business-loan-table-wrap{

    overflow-x:auto;

}

.business-loan-table{

    width:100%;

    border-collapse:collapse;

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

}

.business-loan-table th{

    background:#163b82;

    color:#ffffff;

    padding:18px;

    text-align:left;

}

.business-loan-table td{

    padding:18px;

    border-bottom:1px solid #eeeeee;

    color:#444444;

}

/* ELIGIBILITY */

.business-loan-eligibility{

    background:#ffffff;

    padding:50px;

    border-radius:20px;

    margin-bottom:70px;

}

.business-loan-eligibility h2{

    color:#163b82;

    margin-bottom:25px;

    font-size:32px;

}

.business-loan-eligibility ul{

    padding-left:22px;

}

.business-loan-eligibility li{

    margin-bottom:14px;

    line-height:1.9;

    color:#444444;

}

/* DOCUMENTS */

.business-loan-documents{

    margin-bottom:70px;

}

.business-loan-documents h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

/* TERMS */

.business-loan-terms{

    background:linear-gradient(
        135deg,
        #163b82,
        #1f4ea3
    );

    padding:50px;

    border-radius:22px;

    margin-bottom:70px;

}

.business-loan-terms h2{

    color:#ffffff;

    margin-bottom:25px;

    font-size:32px;

}

.business-loan-terms ul{

    padding-left:22px;

}

.business-loan-terms li{

    color:#ffffff;

    margin-bottom:14px;

    line-height:1.9;

}

/* NOTE */

.business-loan-note{

    background:#fff8e8;

    border-left:6px solid #f4c430;

    padding:40px;

    border-radius:18px;

}

.business-loan-note h2{

    color:#163b82;

    margin-bottom:15px;

}

.business-loan-note p{

    color:#555555;

    line-height:1.9;

}

/* MOBILE */

@media(max-width:992px){

    .business-loan-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .business-loan-main{

        padding:50px 0;

    }

    .business-loan-header h1{

        font-size:32px;

    }

    .business-loan-intro{

        grid-template-columns:1fr;

    }

    .business-loan-grid{

        grid-template-columns:1fr;

    }

    .business-loan-content h2,
    .business-loan-features h2,
    .business-loan-details h2,
    .business-loan-documents h2,
    .business-loan-eligibility h2,
    .business-loan-terms h2{

        font-size:28px;

    }

    .business-loan-eligibility,
    .business-loan-terms,
    .business-loan-note{

        padding:30px 22px;

    }

}

/* =====================================================
   MORTGAGE LOAN PAGE CSS
===================================================== */

.mortgage-loan-main{

    width:100%;

    padding:70px 0;

    background:#f5f7fb;

}

.mortgage-loan-container{

    width:90%;

    max-width:1200px;

    margin:0 auto;

}

/* HEADER */

.mortgage-loan-header{

    text-align:center;

    margin-bottom:60px;

}

.mortgage-loan-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:700;

}

.mortgage-loan-header p{

    max-width:900px;

    margin:0 auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* INTRO */

.mortgage-loan-intro{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:50px;

    align-items:center;

    margin-bottom:70px;

}

.mortgage-loan-image img{

    width:100%;

    display:block;

    border-radius:20px;

}

.mortgage-loan-content h2{

    font-size:32px;

    color:#163b82;

    margin-bottom:20px;

}

.mortgage-loan-content p{

    color:#555555;

    line-height:1.9;

    margin-bottom:18px;

}

/* FEATURES */

.mortgage-loan-features{

    margin-bottom:70px;

}

.mortgage-loan-features h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

.mortgage-loan-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:25px;

}

.mortgage-loan-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.mortgage-loan-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:22px;

    line-height:1.5;

}

.mortgage-loan-card p{

    color:#555555;

    line-height:1.8;

}

/* TABLE */

.mortgage-loan-details{

    margin-bottom:70px;

}

.mortgage-loan-details h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:35px;

}

.mortgage-loan-table-wrap{

    overflow-x:auto;

}

.mortgage-loan-table{

    width:100%;

    border-collapse:collapse;

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

}

.mortgage-loan-table th{

    background:#163b82;

    color:#ffffff;

    padding:18px;

    text-align:left;

}

.mortgage-loan-table td{

    padding:18px;

    border-bottom:1px solid #eeeeee;

    color:#444444;

}

/* ELIGIBILITY */

.mortgage-loan-eligibility{

    background:#ffffff;

    padding:50px;

    border-radius:20px;

    margin-bottom:70px;

}

.mortgage-loan-eligibility h2{

    color:#163b82;

    margin-bottom:25px;

    font-size:32px;

}

.mortgage-loan-eligibility ul{

    padding-left:22px;

}

.mortgage-loan-eligibility li{

    margin-bottom:14px;

    line-height:1.9;

    color:#444444;

}

/* DOCUMENTS */

.mortgage-loan-documents{

    margin-bottom:70px;

}

.mortgage-loan-documents h2{

    text-align:center;

    font-size:34px;

    color:#163b82;

    margin-bottom:40px;

}

/* TERMS */

.mortgage-loan-terms{

    background:linear-gradient(
        135deg,
        #163b82,
        #1f4ea3
    );

    padding:50px;

    border-radius:22px;

    margin-bottom:70px;

}

.mortgage-loan-terms h2{

    color:#ffffff;

    margin-bottom:25px;

    font-size:32px;

}

.mortgage-loan-terms ul{

    padding-left:22px;

}

.mortgage-loan-terms li{

    color:#ffffff;

    margin-bottom:14px;

    line-height:1.9;

}

/* NOTE */

.mortgage-loan-note{

    background:#fff8e8;

    border-left:6px solid #f4c430;

    padding:40px;

    border-radius:18px;

}

.mortgage-loan-note h2{

    color:#163b82;

    margin-bottom:15px;

}

.mortgage-loan-note p{

    color:#555555;

    line-height:1.9;

}

/* MOBILE */

@media(max-width:992px){

    .mortgage-loan-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .mortgage-loan-main{

        padding:50px 0;

    }

    .mortgage-loan-header h1{

        font-size:32px;

    }

    .mortgage-loan-intro{

        grid-template-columns:1fr;

    }

    .mortgage-loan-grid{

        grid-template-columns:1fr;

    }

    .mortgage-loan-content h2,
    .mortgage-loan-features h2,
    .mortgage-loan-details h2,
    .mortgage-loan-documents h2,
    .mortgage-loan-eligibility h2,
    .mortgage-loan-terms h2{

        font-size:28px;

    }

    .mortgage-loan-eligibility,
    .mortgage-loan-terms,
    .mortgage-loan-note{

        padding:30px 22px;

    }

}

/* =====================================================
   OVERDRAFT LOAN PAGE FINAL CSS
===================================================== */

.od-page{
    width:100%;
    padding:70px 0;
    background:#f5f7fb;
}

.od-container{
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

/* HEADER */

.od-header{
    text-align:center;
    margin-bottom:60px;
}

.od-header h1{
    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;
    line-height:1.3;
}

.od-header p{
    max-width:900px;
    margin:0 auto;
    font-size:17px;
    line-height:1.9;
    color:#555555;
}

/* INTRO */

.od-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;
}

.od-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

.od-content h2{
    font-size:32px;
    color:#163b82;
    margin-bottom:20px;
}

.od-content p{
    color:#555555;
    line-height:1.9;
    margin-bottom:18px;
}

/* FEATURES */

.od-features{
    margin-bottom:70px;
}

.od-features h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;
}

.od-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.od-card{
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.od-card h3{
    color:#163b82;
    margin-bottom:15px;
    font-size:22px;
    line-height:1.5;
}

.od-card p{
    color:#555555;
    line-height:1.8;
}

/* TABLE */

.od-eligibility{
    margin-bottom:70px;
}

.od-eligibility h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;
}

.od-table-wrap{
    overflow-x:auto;
}

.od-table{
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
}

.od-table th{
    background:#163b82;
    color:#ffffff;
    padding:18px;
    text-align:left;
}

.od-table td{
    padding:18px;
    border-bottom:1px solid #eeeeee;
    color:#444444;
    line-height:1.7;
}

/* BLUE BOX */

.od-blue-box{
    background:linear-gradient(135deg,#163b82,#1f4ea3);
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.od-blue-box h2{
    color:#ffffff;
    margin-bottom:25px;
    font-size:32px;
}

.od-blue-box ul{
    padding-left:22px;
}

.od-blue-box ul li{
    color:#ffffff;
    line-height:1.9;
    margin-bottom:14px;
}

/* DOCUMENTS */

.od-documents{
    background:#ffffff;
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.od-documents h2{
    color:#163b82;
    margin-bottom:25px;
    font-size:32px;
}

.od-documents ul{
    padding-left:22px;
}

.od-documents ul li{
    color:#444444;
    line-height:1.9;
    margin-bottom:14px;
}

/* NOTE */

.od-note{
    background:#fff8e6;
    border-left:6px solid #f4c430;
    padding:40px;
    border-radius:18px;
}

.od-note h2{
    color:#163b82;
    margin-bottom:15px;
}

.od-note p{
    color:#555555;
    line-height:1.9;
}

/* MOBILE */

@media(max-width:992px){

    .od-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .od-page{
        padding:50px 0;
    }

    .od-intro{
        grid-template-columns:1fr;
    }

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

    .od-header h1{
        font-size:32px;
    }

    .od-content h2,
    .od-features h2,
    .od-eligibility h2,
    .od-blue-box h2,
    .od-documents h2{
        font-size:28px;
    }

    .od-blue-box,
    .od-documents,
    .od-note{
        padding:30px 22px;
    }

}

/* =====================================================
   CASH CREDIT FACILITY PAGE CSS
===================================================== */

.cc-page{
    width:100%;
    padding:70px 0;
    background:#f5f7fb;
}

.cc-container{
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

/* HEADER */

.cc-header{
    text-align:center;
    margin-bottom:60px;
}

.cc-header h1{
    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;
    line-height:1.3;
}

.cc-header p{
    max-width:900px;
    margin:0 auto;
    font-size:17px;
    line-height:1.9;
    color:#555555;
}

/* INTRO */

.cc-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;
}

.cc-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

.cc-content h2{
    font-size:32px;
    color:#163b82;
    margin-bottom:20px;
}

.cc-content p{
    color:#555555;
    line-height:1.9;
    margin-bottom:18px;
}

/* FEATURES */

.cc-features{
    margin-bottom:70px;
}

.cc-features h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;
}

.cc-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.cc-card{
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.cc-card h3{
    color:#163b82;
    margin-bottom:15px;
    font-size:22px;
    line-height:1.5;
}

.cc-card p{
    color:#555555;
    line-height:1.8;
}

/* TABLE */

.cc-eligibility{
    margin-bottom:70px;
}

.cc-eligibility h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;
}

.cc-table-wrap{
    overflow-x:auto;
}

.cc-table{
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
}

.cc-table th{
    background:#163b82;
    color:#ffffff;
    padding:18px;
    text-align:left;
}

.cc-table td{
    padding:18px;
    border-bottom:1px solid #eeeeee;
    color:#444444;
    line-height:1.7;
}

/* BLUE BOX */

.cc-blue-box{
    background:linear-gradient(135deg,#163b82,#1f4ea3);
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.cc-blue-box h2{
    color:#ffffff;
    margin-bottom:25px;
    font-size:32px;
}

.cc-blue-box ul{
    padding-left:22px;
}

.cc-blue-box ul li{
    color:#ffffff;
    line-height:1.9;
    margin-bottom:14px;
}

/* DOCUMENTS */

.cc-documents{
    background:#ffffff;
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.cc-documents h2{
    color:#163b82;
    margin-bottom:25px;
    font-size:32px;
}

.cc-documents ul{
    padding-left:22px;
}

.cc-documents ul li{
    color:#444444;
    line-height:1.9;
    margin-bottom:14px;
}

/* NOTE */

.cc-note{
    background:#fff8e6;
    border-left:6px solid #f4c430;
    padding:40px;
    border-radius:18px;
}

.cc-note h2{
    color:#163b82;
    margin-bottom:15px;
}

.cc-note p{
    color:#555555;
    line-height:1.9;
}

/* MOBILE */

@media(max-width:992px){

    .cc-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .cc-page{
        padding:50px 0;
    }

    .cc-intro{
        grid-template-columns:1fr;
    }

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

    .cc-header h1{
        font-size:32px;
    }

    .cc-content h2,
    .cc-features h2,
    .cc-eligibility h2,
    .cc-blue-box h2,
    .cc-documents h2{
        font-size:28px;
    }

    .cc-blue-box,
    .cc-documents,
    .cc-note{
        padding:30px 22px;
    }

}

/* =====================================================
   GOLD LOAN PAGE CSS
===================================================== */

.gold-loan-page{
    width:100%;
    padding:70px 0;
    background:#f5f7fb;
}

.gold-container{
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

/* HEADER */

.gold-header{
    text-align:center;
    margin-bottom:60px;
}

.gold-header h1{
    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;
    line-height:1.3;
}

.gold-header p{
    max-width:900px;
    margin:0 auto;
    font-size:17px;
    line-height:1.9;
    color:#555555;
}

/* INTRO */

.gold-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;
}

.gold-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

.gold-content h2{
    font-size:32px;
    color:#163b82;
    margin-bottom:20px;
}

.gold-content p{
    color:#555555;
    line-height:1.9;
    margin-bottom:18px;
}

/* FEATURES */

.gold-features{
    margin-bottom:70px;
}

.gold-features h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;
}

.gold-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.gold-card{
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.gold-card h3{
    color:#163b82;
    margin-bottom:15px;
    font-size:22px;
    line-height:1.5;
}

.gold-card p{
    color:#555555;
    line-height:1.8;
}

/* TABLE */

.gold-eligibility{
    margin-bottom:70px;
}

.gold-eligibility h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;
}

.gold-table-wrap{
    overflow-x:auto;
}

.gold-table{
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
}

.gold-table th{
    background:#163b82;
    color:#ffffff;
    padding:18px;
    text-align:left;
}

.gold-table td{
    padding:18px;
    border-bottom:1px solid #eeeeee;
    color:#444444;
    line-height:1.7;
}

/* BLUE BOX */

.gold-blue-box{
    background:linear-gradient(135deg,#163b82,#1f4ea3);
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.gold-blue-box h2{
    color:#ffffff;
    margin-bottom:25px;
    font-size:32px;
}

.gold-blue-box ul{
    padding-left:22px;
}

.gold-blue-box ul li{
    color:#ffffff;
    line-height:1.9;
    margin-bottom:14px;
}

/* DOCUMENTS */

.gold-documents{
    background:#ffffff;
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.gold-documents h2{
    color:#163b82;
    margin-bottom:25px;
    font-size:32px;
}

.gold-documents ul{
    padding-left:22px;
}

.gold-documents ul li{
    color:#444444;
    line-height:1.9;
    margin-bottom:14px;
}

/* NOTE */

.gold-note{
    background:#fff8e6;
    border-left:6px solid #f4c430;
    padding:40px;
    border-radius:18px;
}

.gold-note h2{
    color:#163b82;
    margin-bottom:15px;
}

.gold-note p{
    color:#555555;
    line-height:1.9;
}

/* MOBILE */

@media(max-width:992px){

    .gold-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .gold-loan-page{
        padding:50px 0;
    }

    .gold-intro{
        grid-template-columns:1fr;
    }

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

    .gold-header h1{
        font-size:32px;
    }

    .gold-content h2,
    .gold-features h2,
    .gold-eligibility h2,
    .gold-blue-box h2,
    .gold-documents h2{
        font-size:28px;
    }

    .gold-blue-box,
    .gold-documents,
    .gold-note{
        padding:30px 22px;
    }

}


/* =====================================================
   SAMRIDHI SOLAR YOJNA PAGE CSS
===================================================== */

.solar-loan-page{
    width:100%;
    padding:70px 0;
    background:#f5f7fb;
}

.solar-container{
    width:90%;
    max-width:1200px;
    margin:0 auto;
}

/* HEADER */

.solar-header{
    text-align:center;
    margin-bottom:60px;
}

.solar-header h1{
    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;
    line-height:1.3;
}

.solar-header p{
    max-width:900px;
    margin:0 auto;
    font-size:17px;
    line-height:1.9;
    color:#555555;
}

/* INTRO */

.solar-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;
}

.solar-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

.solar-content h2{
    font-size:32px;
    color:#163b82;
    margin-bottom:20px;
}

.solar-content p{
    color:#555555;
    line-height:1.9;
    margin-bottom:18px;
}

/* FEATURES */

.solar-features{
    margin-bottom:70px;
}

.solar-features h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;
}

.solar-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.solar-card{
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);
}

.solar-card h3{
    color:#163b82;
    margin-bottom:15px;
    font-size:22px;
    line-height:1.5;
}

.solar-card p{
    color:#555555;
    line-height:1.8;
}

/* TABLE */

.solar-eligibility{
    margin-bottom:70px;
}

.solar-eligibility h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;
}

.solar-table-wrap{
    overflow-x:auto;
}

.solar-table{
    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;
}

.solar-table th{
    background:#163b82;
    color:#ffffff;
    padding:18px;
    text-align:left;
}

.solar-table td{
    padding:18px;
    border-bottom:1px solid #eeeeee;
    color:#444444;
    line-height:1.7;
}

/* BLUE BOX */

.solar-blue-box{
    background:linear-gradient(135deg,#163b82,#1f4ea3);
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.solar-blue-box h2{
    color:#ffffff;
    margin-bottom:25px;
    font-size:32px;
}

.solar-blue-box ul{
    padding-left:22px;
}

.solar-blue-box ul li{
    color:#ffffff;
    line-height:1.9;
    margin-bottom:14px;
}

/* DOCUMENTS */

.solar-documents{
    background:#ffffff;
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;
}

.solar-documents h2{
    color:#163b82;
    margin-bottom:25px;
    font-size:32px;
}

.solar-documents ul{
    padding-left:22px;
}

.solar-documents ul li{
    color:#444444;
    line-height:1.9;
    margin-bottom:14px;
}

/* NOTE */

.solar-note{
    background:#fff8e6;
    border-left:6px solid #f4c430;
    padding:40px;
    border-radius:18px;
}

.solar-note h2{
    color:#163b82;
    margin-bottom:15px;
}

.solar-note p{
    color:#555555;
    line-height:1.9;
}

/* MOBILE */

@media(max-width:992px){

    .solar-grid{
        grid-template-columns:repeat(2,1fr);
    }

}

@media(max-width:768px){

    .solar-loan-page{
        padding:50px 0;
    }

    .solar-intro{
        grid-template-columns:1fr;
    }

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

    .solar-header h1{
        font-size:32px;
    }

    .solar-content h2,
    .solar-features h2,
    .solar-eligibility h2,
    .solar-blue-box h2,
    .solar-documents h2{
        font-size:28px;
    }

    .solar-blue-box,
    .solar-documents,
    .solar-note{
        padding:30px 22px;
    }

}

/* =====================================================
   EDUCATION LOAN PAGE
===================================================== */

.edu-loan-wrapper{

    width:100%;
    padding:70px 0;
    background:#f5f7fb;

}

.edu-loan-container{

    width:90%;
    max-width:1200px;
    margin:0 auto;

}

/* HEADER */

.edu-header{

    text-align:center;
    margin-bottom:60px;

}

.edu-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;

}

.edu-header p{

    max-width:900px;
    margin:0 auto;
    line-height:1.9;
    color:#555555;
    font-size:17px;

}

/* INTRO */

.edu-intro-section{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;

}

.edu-image-box img{

    width:100%;
    border-radius:20px;
    display:block;

}

.edu-content-box h2{

    font-size:32px;
    color:#163b82;
    margin-bottom:20px;

}

.edu-content-box p{

    line-height:1.9;
    color:#555555;
    margin-bottom:18px;

}

/* FEATURES */

.edu-features-section{

    margin-bottom:70px;

}

.edu-features-section h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;

}

.edu-feature-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.edu-feature-card{

    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.edu-feature-card h3{

    color:#163b82;
    margin-bottom:15px;
    font-size:22px;

}

.edu-feature-card p{

    color:#555555;
    line-height:1.8;

}

/* TABLE */

.edu-table-section{

    margin-bottom:70px;

}

.edu-table-section h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;

}

.edu-table-wrap{

    overflow-x:auto;

}

.edu-loan-table{

    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;

}

.edu-loan-table th{

    background:#163b82;
    color:#ffffff;
    padding:18px;
    text-align:left;

}

.edu-loan-table td{

    padding:18px;
    border-bottom:1px solid #eeeeee;

}

/* BLUE BOX */

.edu-blue-box{

    background:linear-gradient(135deg,#163b82,#1f4ea3);
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;

}

.edu-blue-box h2{

    color:#ffffff;
    margin-bottom:25px;
    font-size:32px;

}

.edu-blue-box ul{

    padding-left:22px;

}

.edu-blue-box ul li{

    color:#ffffff;
    line-height:1.9;
    margin-bottom:14px;

}

/* DOCUMENTS */

.edu-doc-section{

    background:#ffffff;
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;

}

.edu-doc-section h2{

    color:#163b82;
    margin-bottom:25px;
    font-size:32px;

}

.edu-doc-section ul{

    padding-left:22px;

}

.edu-doc-section ul li{

    line-height:1.9;
    margin-bottom:14px;
    color:#444444;

}

/* NOTE */

.edu-note-box{

    background:#fff8e8;
    border-left:6px solid #f4c430;
    padding:40px;
    border-radius:18px;

}

.edu-note-box h2{

    color:#163b82;
    margin-bottom:15px;

}

.edu-note-box p{

    line-height:1.9;
    color:#555555;

}

/* MOBILE */

@media(max-width:992px){

    .edu-feature-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .edu-intro-section{

        grid-template-columns:1fr;

    }

    .edu-feature-grid{

        grid-template-columns:1fr;

    }

    .edu-header h1{

        font-size:32px;

    }

    .edu-content-box h2,
    .edu-features-section h2,
    .edu-table-section h2,
    .edu-blue-box h2,
    .edu-doc-section h2{

        font-size:28px;

    }

    .edu-blue-box,
    .edu-doc-section,
    .edu-note-box{

        padding:30px 22px;

    }

}

/* =====================================================
   LOAN CHARGES & GUIDELINES PAGE
===================================================== */

.loan-guideline-page{

    width:100%;
    padding:70px 0;
    background:#f5f7fb;

}

.loan-guideline-container{

    width:90%;
    max-width:1200px;
    margin:0 auto;

}

/* HEADER */

.loan-guideline-header{

    text-align:center;
    margin-bottom:60px;

}

.loan-guideline-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;

}

.loan-guideline-header p{

    max-width:900px;
    margin:0 auto;
    line-height:1.9;
    color:#555555;
    font-size:17px;

}

/* INTRO */

.loan-guideline-intro{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;

}

.loan-guideline-image img{

    width:100%;
    border-radius:20px;
    display:block;

}

.loan-guideline-content h2{

    font-size:32px;
    color:#163b82;
    margin-bottom:20px;

}

.loan-guideline-content p{

    line-height:1.9;
    color:#555555;
    margin-bottom:18px;

}

/* TABLE */

.loan-guideline-table-section{

    margin-bottom:70px;

}

.loan-guideline-table-section h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;

}

.loan-guideline-table-wrap{

    overflow-x:auto;

}

.loan-guideline-table{

    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;

}

.loan-guideline-table th{

    background:#163b82;
    color:#ffffff;
    padding:18px;
    text-align:left;

}

.loan-guideline-table td{

    padding:18px;
    border-bottom:1px solid #eeeeee;
    line-height:1.7;

}

/* BLUE BOX */

.loan-guideline-blue-box{

    background:linear-gradient(135deg,#163b82,#1f4ea3);
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;

}

.loan-guideline-blue-box h2{

    color:#ffffff;
    margin-bottom:25px;
    font-size:32px;

}

.loan-guideline-blue-box ul{

    padding-left:22px;

}

.loan-guideline-blue-box ul li{

    color:#ffffff;
    line-height:1.9;
    margin-bottom:14px;

}

/* NOTE SECTION */

.loan-guideline-note-section{

    background:#ffffff;
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;

}

.loan-guideline-note-section h2{

    color:#163b82;
    margin-bottom:25px;
    font-size:32px;

}

.loan-guideline-note-section ul{

    padding-left:22px;

}

.loan-guideline-note-section ul li{

    line-height:1.9;
    margin-bottom:14px;
    color:#444444;

}

/* YELLOW BOX */

.loan-guideline-yellow-box{

    background:#fff8e8;
    border-left:6px solid #f4c430;
    padding:40px;
    border-radius:18px;

}

.loan-guideline-yellow-box h2{

    color:#163b82;
    margin-bottom:15px;

}

.loan-guideline-yellow-box p{

    line-height:1.9;
    color:#555555;

}

/* MOBILE */

@media(max-width:768px){

    .loan-guideline-intro{

        grid-template-columns:1fr;

    }

    .loan-guideline-header h1{

        font-size:32px;

    }

    .loan-guideline-content h2,
    .loan-guideline-table-section h2,
    .loan-guideline-blue-box h2,
    .loan-guideline-note-section h2{

        font-size:28px;

    }

    .loan-guideline-blue-box,
    .loan-guideline-note-section,
    .loan-guideline-yellow-box{

        padding:30px 22px;

    }

}

/* =====================================================
   CUSTOMER AWARENESS PAGE
===================================================== */

.customer-awareness-page{

    width:100%;
    padding:70px 0;
    background:#f5f7fb;

}

.customer-awareness-container{

    width:90%;
    max-width:1200px;
    margin:0 auto;

}

/* HEADER */

.customer-awareness-header{

    text-align:center;
    margin-bottom:60px;

}

.customer-awareness-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;

}

.customer-awareness-header p{

    max-width:950px;
    margin:0 auto;
    line-height:1.9;
    color:#555555;
    font-size:17px;

}

/* INTRO */

.customer-awareness-intro{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;

}

.customer-awareness-image img{

    width:100%;
    border-radius:20px;
    display:block;

}

.customer-awareness-content h2{

    font-size:32px;
    color:#163b82;
    margin-bottom:20px;

}

.customer-awareness-content p{

    line-height:1.9;
    color:#555555;
    margin-bottom:18px;

}

/* FEATURES */

.customer-awareness-features{

    margin-bottom:70px;

}

.customer-awareness-features h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;

}

.customer-awareness-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.customer-awareness-card{

    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 25px rgba(0,0,0,0.06);

}

.customer-awareness-card h3{

    color:#163b82;
    margin-bottom:15px;
    font-size:22px;

}

.customer-awareness-card p{

    color:#555555;
    line-height:1.8;

}

/* BLUE BOX */

.customer-awareness-blue-box{

    background:linear-gradient(135deg,#163b82,#1f4ea3);
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;

}

.customer-awareness-blue-box h2{

    color:#ffffff;
    margin-bottom:25px;
    font-size:32px;

}

.customer-awareness-blue-box ul{

    padding-left:22px;

}

.customer-awareness-blue-box ul li{

    color:#ffffff;
    line-height:1.9;
    margin-bottom:14px;

}

/* TABLE */

.customer-awareness-table-section{

    margin-bottom:70px;

}

.customer-awareness-table-section h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;

}

.customer-awareness-table-wrap{

    overflow-x:auto;

}

.customer-awareness-table{

    width:100%;
    border-collapse:collapse;
    background:#ffffff;
    border-radius:18px;
    overflow:hidden;

}

.customer-awareness-table th{

    background:#163b82;
    color:#ffffff;
    padding:18px;
    text-align:left;

}

.customer-awareness-table td{

    padding:18px;
    border-bottom:1px solid #eeeeee;
    line-height:1.8;

}

/* NOTE SECTION */

.customer-awareness-note-section{

    background:#ffffff;
    padding:50px;
    border-radius:22px;
    margin-bottom:70px;

}

.customer-awareness-note-section h2{

    color:#163b82;
    margin-bottom:25px;
    font-size:32px;

}

.customer-awareness-note-section ul{

    padding-left:22px;

}

.customer-awareness-note-section ul li{

    line-height:1.9;
    margin-bottom:14px;
    color:#444444;

}

/* YELLOW BOX */

.customer-awareness-yellow-box{

    background:#fff8e8;
    border-left:6px solid #f4c430;
    padding:40px;
    border-radius:18px;

}

.customer-awareness-yellow-box h2{

    color:#163b82;
    margin-bottom:15px;

}

.customer-awareness-yellow-box p{

    line-height:1.9;
    color:#555555;

}

/* MOBILE */

@media(max-width:992px){

    .customer-awareness-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .customer-awareness-intro{

        grid-template-columns:1fr;

    }

    .customer-awareness-grid{

        grid-template-columns:1fr;

    }

    .customer-awareness-header h1{

        font-size:32px;

    }

    .customer-awareness-content h2,
    .customer-awareness-features h2,
    .customer-awareness-table-section h2,
    .customer-awareness-blue-box h2,
    .customer-awareness-note-section h2{

        font-size:28px;

    }

    .customer-awareness-blue-box,
    .customer-awareness-note-section,
    .customer-awareness-yellow-box{

        padding:30px 22px;

    }

}

/* =====================================================
   BANK CHARGES PAGE FINAL
===================================================== */

.bank-charges-section{
    padding:80px 20px;
    background:#f5f7fb;
}

.bank-charges-container{
    max-width:1350px;
    margin:auto;
}

.bank-charges-header{
    text-align:center;
    margin-bottom:40px;
}

.bank-charges-header h1{
    font-size:42px;
    color:#163b82;
    margin-bottom:18px;
    font-weight:800;
}

.bank-charges-header p{
    font-size:17px;
    color:#555;
    line-height:1.8;
    max-width:950px;
    margin:auto;
}

/* NOTICE */

.bank-charges-note{
    background:#ffffff;
    border-left:5px solid #f4c430;
    padding:25px 30px;
    border-radius:12px;
    margin-bottom:35px;
    box-shadow:0 5px 18px rgba(0,0,0,0.06);
}

.bank-charges-note h3{
    color:#163b82;
    margin-bottom:10px;
    font-size:24px;
}

.bank-charges-note p{
    line-height:1.8;
    color:#555;
}

/* TABLE */

.bank-charges-table-wrap{
    overflow-x:auto;
    background:#ffffff;
    border-radius:16px;
    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.bank-charges-table{
    width:100%;
    min-width:1000px;
    border-collapse:collapse;
}

.bank-charges-table thead{
    background:#163b82;
}

.bank-charges-table thead th{
    color:#ffffff;
    padding:18px 15px;
    text-align:left;
    font-size:15px;
}

.bank-charges-table tbody td{
    padding:15px;
    border-bottom:1px solid #eeeeee;
    font-size:15px;
    line-height:1.7;
    vertical-align:top;
}

.bank-charges-table tbody tr:hover{
    background:#f8fbff;
}

/* HIGHLIGHT */

.bank-highlight{
    background:#fff7d9;
    font-weight:700;
    color:#163b82;
}

/* MOBILE */

@media(max-width:768px){

    .bank-charges-section{
        padding:60px 15px;
    }

    .bank-charges-header h1{
        font-size:30px;
    }

    .bank-charges-header p{
        font-size:15px;
    }

    .bank-charges-note{
        padding:22px 20px;
    }

    .bank-charges-note h3{
        font-size:22px;
    }

    .bank-charges-table thead th{
        font-size:14px;
        padding:14px;
    }

    .bank-charges-table tbody td{
        font-size:14px;
        padding:14px;
    }

}

/* =====================================================
   ADVANCED EMI CALCULATOR
===================================================== */

.advanced-emi-section{

    padding:90px 20px;

    background:linear-gradient(
        135deg,
        #f5f8ff 0%,
        #eef3fb 100%
    );

}

.advanced-emi-container{

    max-width:1300px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.advanced-emi-header{

    text-align:center;

    margin-bottom:55px;

}

.advanced-emi-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 18px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;

}

.advanced-emi-header h1{

    font-size:54px;

    color:#163b82;

    margin-bottom:18px;

    font-weight:800;

}

.advanced-emi-header p{

    max-width:850px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#555555;

}

/* =====================================================
   MAIN CARD
===================================================== */

.advanced-emi-card{

    display:grid;

    grid-template-columns:1.1fr 0.9fr;

    background:#ffffff;

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 15px 40px rgba(0,0,0,0.08);

    margin-bottom:45px;

}

/* =====================================================
   LEFT SIDE
===================================================== */

.advanced-emi-left{

    padding:50px;

}

.advanced-emi-left h2{

    color:#163b82;

    font-size:34px;

    margin-bottom:40px;

}

/* =====================================================
   INPUT BOX
===================================================== */

.advanced-input-box{

    margin-bottom:35px;

}

.advanced-label-row{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:14px;

}

.advanced-label-row label{

    font-size:16px;

    font-weight:700;

    color:#163b82;

}

.advanced-label-row span{

    font-size:16px;

    font-weight:700;

    color:#f4a300;

}

/* =====================================================
   INPUT GROUP
===================================================== */

.advanced-input-group{

    display:flex;

    flex-direction:column;

    gap:14px;

}

/* =====================================================
   NUMBER INPUT
===================================================== */

.advanced-input-group input[type="number"]{

    width:100%;

    padding:15px 16px;

    border:1px solid #d9e1f0;

    border-radius:12px;

    background:#ffffff;

    font-size:16px;

    font-weight:600;

    color:#163b82;

    outline:none;

    transition:0.3s ease;

    box-sizing:border-box;

}

.advanced-input-group input[type="number"]:focus{

    border-color:#24479e;

    box-shadow:0 0 0 4px rgba(36,71,158,0.10);

}

/* REMOVE ARROWS */

.advanced-input-group input[type="number"]::-webkit-inner-spin-button,
.advanced-input-group input[type="number"]::-webkit-outer-spin-button{

    -webkit-appearance:none;

    margin:0;

}

/* =====================================================
   RANGE SLIDER
===================================================== */

.advanced-input-group input[type="range"]{

    width:100%;

    cursor:pointer;

    accent-color:#163b82;

}

/* =====================================================
   BUTTONS
===================================================== */

.advanced-btn-row{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

    margin-top:10px;

}

.advanced-btn,
.download-btn{

    border:none;

    padding:16px 28px;

    border-radius:12px;

    font-size:16px;

    font-weight:700;

    cursor:pointer;

    transition:0.3s ease;

}

.advanced-btn{

    background:#f4c430;

    color:#000000;

}

.advanced-btn:hover{

    background:#163b82;

    color:#ffffff;

}

.download-btn{

    background:#163b82;

    color:#ffffff;

}

.download-btn:hover{

    background:#0d2d68;

}

/* =====================================================
   RIGHT SIDE
===================================================== */

.advanced-emi-right{

    background:#163b82;

    padding:50px 40px;

    color:#ffffff;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

/* =====================================================
   RESULT CARD
===================================================== */

.advanced-result-card{

    background:rgba(255,255,255,0.08);

    padding:30px;

    border-radius:18px;

    margin-bottom:28px;

}

.advanced-result-card h3{

    margin-bottom:14px;

    color:#dfe7ff;

}

.advanced-result-card h2{

    font-size:46px;

    font-weight:800;

}

/* =====================================================
   SMALL CARDS
===================================================== */

.advanced-small-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:18px;

    margin-bottom:28px;

}

.advanced-small-card{

    background:rgba(255,255,255,0.08);

    padding:22px;

    border-radius:16px;

}

.advanced-small-card h4{

    color:#dfe7ff;

    margin-bottom:10px;

}

.advanced-small-card h3{

    font-size:24px;

}

/* =====================================================
   NOTE BOX
===================================================== */

.advanced-note-box{

    background:rgba(255,255,255,0.08);

    padding:24px;

    border-radius:16px;

}

.advanced-note-box h4{

    margin-bottom:10px;

}

/* =====================================================
   EMI TABLE
===================================================== */

.emi-table-section{

    background:#ffffff;

    border-radius:28px;

    padding:40px;

    box-shadow:0 10px 28px rgba(0,0,0,0.06);

}

.emi-table-header{

    margin-bottom:25px;

}

.emi-table-header h2{

    color:#163b82;

    font-size:34px;

}

.emi-table-wrapper{

    overflow-x:auto;

}

.emi-table{

    width:100%;

    min-width:850px;

    border-collapse:collapse;

}

.emi-table thead{

    background:#163b82;

}

.emi-table thead th{

    color:#ffffff;

    padding:16px;

    text-align:left;

    font-size:15px;

}

.emi-table tbody td{

    padding:14px 16px;

    border-bottom:1px solid #eeeeee;

    font-size:15px;

}

.emi-table tbody tr:hover{

    background:#f7faff;

}

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

@media(max-width:768px){

.advanced-emi-section{

    padding:60px 15px;

}

.advanced-emi-header h1{

    font-size:34px;

}

.advanced-emi-header p{

    font-size:15px;

}

.advanced-emi-card{

    grid-template-columns:1fr;

}

.advanced-emi-left{

    padding:30px 22px;

}

.advanced-emi-right{

    padding:30px 22px;

}

.advanced-result-card h2{

    font-size:34px;

}

.advanced-small-grid{

    grid-template-columns:1fr;

}

.emi-table-section{

    padding:25px 18px;

}

.emi-table-header h2{

    font-size:28px;

}

.advanced-btn-row{

    flex-direction:column;

}

.advanced-btn,
.download-btn{

    width:100%;

}

}

/* =====================================================
   IFSC & MICR CODES PAGE
===================================================== */

.ifsc-page{

    padding:90px 20px;

    background:
    linear-gradient(
        135deg,
        #f5f8ff 0%,
        #eef4ff 100%
    );
}

.ifsc-container{

    max-width:1450px;

    margin:auto;
}

/* HEADER */

.ifsc-header{

    text-align:center;

    margin-bottom:45px;
}

.ifsc-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;
}

.ifsc-header h1{

    font-size:54px;

    color:#163b82;

    margin-bottom:18px;

    font-weight:800;
}

.ifsc-header p{

    max-width:900px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#555555;
}

/* NOTE */

.ifsc-note{

    background:#ffffff;

    border-left:5px solid #f4c430;

    padding:28px 30px;

    border-radius:14px;

    margin-bottom:40px;

    box-shadow:
    0 5px 18px rgba(0,0,0,0.06);
}

.ifsc-note h3{

    color:#163b82;

    margin-bottom:12px;

    font-size:24px;
}

.ifsc-note p{

    color:#555555;

    line-height:1.8;

    font-size:16px;
}

/* TABLE BOX */

.ifsc-table-box{

    background:#ffffff;

    border-radius:24px;

    padding:25px;

    box-shadow:
    0 10px 30px rgba(0,0,0,0.08);

    overflow:hidden;
}

/* RESPONSIVE */

.table-responsive{

    overflow-x:auto;
}

/* TABLE */

.ifsc-table{

    width:100%;

    min-width:1350px;

    border-collapse:collapse;
}

/* HEAD */

.ifsc-table thead{

    background:#163b82;
}

.ifsc-table thead th{

    color:#ffffff;

    padding:18px 16px;

    font-size:15px;

    text-align:left;

    font-weight:700;

    white-space:nowrap;
}

/* BODY */

.ifsc-table tbody td{

    padding:18px 16px;

    border-bottom:1px solid #eeeeee;

    vertical-align:top;

    font-size:15px;

    color:#333333;

    line-height:1.7;
}

.ifsc-table tbody tr:hover{

    background:#f8fbff;
}

/* EMAIL */

.ifsc-table a{

    color:#163b82;

    text-decoration:none;

    font-weight:600;

    word-break:break-word;
}

.ifsc-table a:hover{

    color:#f4a300;
}

/* IFSC */

.ifsc-code{

    font-weight:800;

    color:#163b82;

    letter-spacing:1px;
}

/* MICR */

.micr-code{

    font-weight:700;

    color:#222222;
}

/* MOBILE */

@media(max-width:768px){

    .ifsc-page{

        padding:60px 15px;
    }

    .ifsc-header h1{

        font-size:34px;
    }

    .ifsc-header p{

        font-size:15px;
    }

    .ifsc-note{

        padding:22px 20px;
    }

    .ifsc-note h3{

        font-size:20px;
    }

    .ifsc-table-box{

        padding:15px;
    }

    .ifsc-table thead th,
    .ifsc-table tbody td{

        padding:14px 12px;

        font-size:14px;
    }

}

/* =====================================================
   APPLY FOR LOAN PAGE
===================================================== */

.loan-apply-page{

    padding:90px 20px;

    background:
    linear-gradient(
        135deg,
        #f5f8ff 0%,
        #eef4ff 100%
    );
}

.loan-apply-container{

    max-width:1200px;

    margin:auto;
}

/* HEADER */

.loan-apply-header{

    text-align:center;

    margin-bottom:45px;
}

.loan-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;
}

.loan-apply-header h1{

    font-size:52px;

    color:#163b82;

    margin-bottom:18px;

    font-weight:800;
}

.loan-apply-header p{

    max-width:850px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#555555;
}

/* FORM BOX */

.loan-form-box{

    background:#ffffff;

    border-radius:24px;

    padding:45px;

    box-shadow:
    0 10px 35px rgba(0,0,0,0.08);
}

/* FORM SECTION */

.form-section{

    margin-bottom:45px;
}

.form-section h2{

    color:#163b82;

    font-size:28px;

    margin-bottom:25px;

    padding-bottom:12px;

    border-bottom:
    2px solid #f4c430;
}

/* GRID */

.form-grid{

    display:grid;

    grid-template-columns:
    repeat(2, 1fr);

    gap:25px;
}

/* FULL WIDTH */

.full-width{

    grid-column:1 / -1;
}

/* FORM GROUP */

.form-group{

    display:flex;

    flex-direction:column;
}

.form-group label{

    margin-bottom:10px;

    font-size:15px;

    font-weight:700;

    color:#333333;
}

/* INPUTS */

.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    padding:14px 16px;

    border:1px solid #d8d8d8;

    border-radius:10px;

    font-size:15px;

    outline:none;

    transition:0.3s ease;

    background:#ffffff;
}

.form-group textarea{

    min-height:120px;

    resize:vertical;
}

/* FOCUS */

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#163b82;

    box-shadow:
    0 0 0 4px rgba(22,59,130,0.08);
}

/* FILE INPUT */

.form-group input[type="file"]{

    padding:10px;

    background:#f9fbff;
}

/* DECLARATION */

.declaration-box{

    background:#f8fbff;

    border-left:5px solid #f4c430;

    padding:22px 25px;

    border-radius:12px;

    margin-bottom:35px;
}

.checkbox-label{

    display:flex;

    align-items:flex-start;

    gap:12px;

    font-size:15px;

    line-height:1.8;

    color:#444444;
}

.checkbox-label input{

    margin-top:5px;
}

/* SUBMIT */

.submit-box{

    text-align:center;
}

.submit-box button{

    background:#163b82;

    color:#ffffff;

    border:none;

    padding:16px 40px;

    font-size:18px;

    font-weight:700;

    border-radius:10px;

    cursor:pointer;

    transition:0.3s ease;

    box-shadow:
    0 8px 20px rgba(22,59,130,0.20);
}

.submit-box button:hover{

    background:#f4c430;

    color:#000000;

    transform:translateY(-2px);
}

/* MOBILE */

@media(max-width:768px){

    .loan-apply-page{

        padding:60px 15px;
    }

    .loan-apply-header h1{

        font-size:36px;
    }

    .loan-apply-header p{

        font-size:15px;
    }

    .loan-form-box{

        padding:25px 20px;
    }

    .form-grid{

        grid-template-columns:1fr;
    }

    .form-section h2{

        font-size:24px;
    }

    .submit-box button{

        width:100%;
    }

}


/* =====================================================
   CAREERS PAGE
===================================================== */

.careers-page{

    padding:90px 20px;

    background:
    linear-gradient(
        135deg,
        #f5f8ff 0%,
        #eef4ff 100%
    );
}

.careers-container{

    max-width:1250px;

    margin:auto;
}

/* HEADER */

.careers-header{

    text-align:center;

    margin-bottom:50px;
}

.careers-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;
}

.careers-header h1{

    font-size:56px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:800;
}

.careers-header p{

    max-width:900px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#555555;
}

/* WHY JOIN */

.why-join-section{

    margin-bottom:60px;
}

.why-join-section h2{

    text-align:center;

    color:#163b82;

    font-size:40px;

    margin-bottom:35px;
}

/* GRID */

.career-grid{

    display:grid;

    grid-template-columns:
    repeat(4, 1fr);

    gap:25px;
}

/* CARD */

.career-card{

    background:#ffffff;

    padding:35px 25px;

    border-radius:20px;

    text-align:center;

    box-shadow:
    0 8px 25px rgba(0,0,0,0.08);

    transition:0.3s ease;
}

.career-card:hover{

    transform:translateY(-5px);
}

.career-icon{

    width:65px;
    height:65px;

    margin:auto auto 20px;

    background:#163b82;

    color:#ffffff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:28px;

    font-weight:700;
}

.career-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:22px;
}

.career-card p{

    color:#555555;

    line-height:1.8;

    font-size:15px;
}

/* OPENINGS */

.opening-section{

    margin-bottom:60px;
}

.opening-section h2{

    text-align:center;

    color:#163b82;

    font-size:40px;

    margin-bottom:35px;
}

.opening-box{

    display:grid;

    grid-template-columns:
    repeat(2, 1fr);

    gap:25px;
}

.opening-item{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    border-left:5px solid #f4c430;

    box-shadow:
    0 6px 18px rgba(0,0,0,0.06);
}

.opening-item h3{

    color:#163b82;

    margin-bottom:12px;

    font-size:24px;
}

.opening-item p{

    color:#555555;

    line-height:1.8;
}

/* FORM */

.career-form-box{

    background:#ffffff;

    padding:45px;

    border-radius:25px;

    box-shadow:
    0 10px 35px rgba(0,0,0,0.08);

    margin-bottom:50px;
}

.career-form-header{

    text-align:center;

    margin-bottom:40px;
}

.career-form-header h2{

    color:#163b82;

    font-size:42px;

    margin-bottom:15px;
}

.career-form-header p{

    color:#555555;

    line-height:1.8;

    font-size:17px;
}

/* SECTION */

.form-section{

    margin-bottom:45px;
}

.form-section h3{

    color:#163b82;

    font-size:28px;

    margin-bottom:22px;

    padding-bottom:10px;

    border-bottom:
    2px solid #f4c430;
}

/* GRID */

.form-grid{

    display:grid;

    grid-template-columns:
    repeat(2, 1fr);

    gap:25px;
}

.full-width{

    grid-column:1 / -1;
}

/* FORM GROUP */

.form-group{

    display:flex;

    flex-direction:column;
}

.form-group label{

    margin-bottom:10px;

    font-size:15px;

    font-weight:700;

    color:#333333;
}

/* INPUTS */

.form-group input,
.form-group select,
.form-group textarea{

    width:100%;

    padding:14px 16px;

    border:1px solid #d8d8d8;

    border-radius:10px;

    font-size:15px;

    outline:none;

    transition:0.3s ease;
}

.form-group textarea{

    min-height:130px;

    resize:vertical;
}


.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#163b82;

    box-shadow:
    0 0 0 4px rgba(22,59,130,0.08);
}

/* FILE */

.form-group input[type="file"]{

    background:#f9fbff;

    padding:10px;
}

/* DECLARATION */

.declaration-box{

    background:#f8fbff;

    border-left:5px solid #f4c430;

    padding:22px 25px;

    border-radius:12px;

    margin-bottom:35px;
}

.checkbox-label{

    display:flex;

    align-items:flex-start;

    gap:12px;

    line-height:1.8;

    color:#444444;
}

.checkbox-label input{

    margin-top:5px;
}

/* BUTTON */

.submit-box{

    text-align:center;
}

.submit-box button{

    background:#163b82;

    color:#ffffff;

    border:none;

    padding:16px 42px;

    font-size:18px;

    font-weight:700;

    border-radius:10px;

    cursor:pointer;

    transition:0.3s ease;

    box-shadow:
    0 8px 20px rgba(22,59,130,0.20);
}

.submit-box button:hover{

    background:#f4c430;

    color:#000000;

    transform:translateY(-2px);
}

/* EMAIL */

.career-email-box{

    background:#163b82;

    color:#ffffff;

    text-align:center;

    padding:45px 30px;

    border-radius:24px;
}

.career-email-box h2{

    font-size:36px;

    margin-bottom:15px;
}

.career-email-box p{

    font-size:17px;

    line-height:1.8;

    margin-bottom:20px;
}

.career-email-box a{

    display:inline-block;

    background:#f4c430;

    color:#000000;

    padding:14px 28px;

    border-radius:10px;

    text-decoration:none;

    font-size:18px;

    font-weight:700;
}

/* MOBILE */

@media(max-width:768px){

    .careers-page{

        padding:60px 15px;
    }

    .careers-header h1{

        font-size:38px;
    }

    .careers-header p{

        font-size:15px;
    }

    .why-join-section h2,
    .opening-section h2{

        font-size:30px;
    }

    .career-grid,
    .opening-box,
    .form-grid{

        grid-template-columns:1fr;
    }

    .career-form-box{

        padding:25px 20px;
    }

    .career-form-header h2{

        font-size:32px;
    }

    .career-email-box h2{

        font-size:28px;
    }

    .submit-box button{

        width:100%;
    }

}

/* =====================================================
   COMPLAINT / GRIEVANCE PAGE
===================================================== */

.complaint-page{

    padding:80px 20px;

    background:#f5f7fb;
}

.document-note-box{

    background:#f7faff;
    border-left:4px solid #163b82;
    padding:20px;
    border-radius:12px;

}

.document-note-box p{

    margin:0;
    color:#444444;
    line-height:1.8;
    font-size:15px;

}

.complaint-container{

    max-width:1250px;

    margin:auto;
}

/* HEADER */

.complaint-header{

    text-align:center;

    margin-bottom:50px;
}

.complaint-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;
}

.complaint-header h1{

    font-size:48px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:800;
}

.complaint-header p{

    max-width:900px;

    margin:auto;

    line-height:1.9;

    color:#555555;

    font-size:18px;
}

/* FLOWCHART */

.grievance-flow-section{

    background:#ffffff;

    padding:50px;

    border-radius:24px;

    margin-bottom:40px;

    box-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.grievance-flow-section h2{

    text-align:center;

    color:#d72638;

    margin-bottom:40px;

    font-size:38px;
}

.flow-wrapper{

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:18px;
}

.flow-card{

    width:100%;

    max-width:760px;

    padding:28px;

    border-radius:18px;

    text-align:center;

    color:#ffffff;
}

.flow-card h3{

    font-size:30px;

    margin-bottom:15px;
}

.flow-card p{

    line-height:1.8;

    font-size:17px;
}

.customer{
    background:#e8751a;
}

.branch{
    background:#163b82;
}

.gm{
    background:#2b5cb3;
}

.ceo{
    background:#1d7c57;
}

.rbi{
    background:#d72638;
}

.flow-arrow{

    font-size:48px;

    color:#163b82;

    font-weight:700;
}

.rbi a{

    display:inline-block;

    margin-top:18px;

    background:#ffffff;

    color:#d72638;

    padding:12px 22px;

    border-radius:8px;

    text-decoration:none;

    font-weight:700;
}

/* IMPORTANT BOX */

.important-box{

    background:#fff7e8;

    border-left:6px solid #f0a500;

    padding:35px;

    border-radius:16px;

    margin-bottom:40px;
}

.important-box h3{

    color:#163b82;

    margin-bottom:20px;

    font-size:28px;
}

.important-box ul{

    padding-left:20px;
}

.important-box li{

    margin-bottom:14px;

    line-height:1.8;

    color:#444444;
}

/* FORM */

.complaint-form-box{

    background:#ffffff;

    padding:50px;

    border-radius:24px;

    box-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.form-section{

    margin-bottom:50px;
}

.form-section h2{

    color:#163b82;

    margin-bottom:25px;

    font-size:32px;
}

.form-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:25px;
}

.form-group{

    display:flex;

    flex-direction:column;
}

.form-group label{

    margin-bottom:10px;

    font-weight:700;

    color:#163b82;
}

.form-group input,
.form-group select,
.form-group textarea{

    padding:15px 18px;

    border:1px solid #dcdcdc;

    border-radius:12px;

    font-size:15px;

    background:#ffffff;
}

.form-group textarea{

    min-height:160px;

    resize:vertical;
}

.full-width{

    grid-column:1 / -1;
}

/* DECLARATION */

.declaration-box{

    background:#f5f7fb;

    padding:25px;

    border-radius:16px;

    margin-bottom:35px;
}

.checkbox-label{

    display:flex;

    gap:15px;

    align-items:flex-start;
}

.checkbox-label span{

    line-height:1.8;

    color:#444444;
}

/* SUBMIT */

.submit-box{

    text-align:center;
}

.submit-box button{

    background:#163b82;

    color:#ffffff;

    border:none;

    padding:18px 40px;

    border-radius:12px;

    font-size:17px;

    font-weight:700;

    cursor:pointer;

    transition:0.3s ease;

}

.submit-box button:hover{

    background:#0f2b61;
}

/* EXTRA RBI GRIEVANCE SECTIONS */

.grievance-info-box,
.timeline-info-box,
.escalation-contact-section,
.ombudsman-details{

    background:#ffffff;

    padding:40px;

    border-radius:22px;

    margin-bottom:40px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.grievance-info-box h2,
.timeline-info-box h2,
.escalation-contact-section h2,
.ombudsman-details h2{

    color:#163b82;

    font-size:34px;

    margin-bottom:25px;
}

.grievance-info-box p{

    line-height:1.9;

    color:#444444;

    margin-bottom:18px;

    font-size:17px;
}

.timeline-info-box ul{

    padding-left:22px;
}

.timeline-info-box li{

    margin-bottom:18px;

    line-height:1.9;

    color:#444444;
}

/* TABLE */

.grievance-table{

    width:100%;

    border-collapse:collapse;
}

.grievance-table th{

    background:#163b82;

    color:#ffffff;

    padding:18px;

    text-align:left;
}

.grievance-table td{

    padding:18px;

    border-bottom:1px solid #eeeeee;

    line-height:1.8;

    color:#444444;
}

/* OMBUDSMAN */

.ombudsman-card{

    background:#f5f7fb;

    padding:35px;

    border-radius:18px;
}

.ombudsman-card p{

    line-height:1.9;

    margin-bottom:15px;

    color:#444444;
}

.ombudsman-card a{

    display:inline-block;

    margin-top:18px;

    background:#163b82;

    color:#ffffff;

    padding:14px 24px;

    border-radius:10px;

    text-decoration:none;

    font-weight:700;
}

/* MOBILE */

@media(max-width:768px){

    .grievance-info-box,
    .timeline-info-box,
    .escalation-contact-section,
    .ombudsman-details{

        padding:28px 20px;
    }

    .grievance-info-box h2,
    .timeline-info-box h2,
    .escalation-contact-section h2,
    .ombudsman-details h2{

        font-size:28px;
    }

    .grievance-table th,
    .grievance-table td{

        font-size:14px;

        padding:12px;
    }

}

/* MOBILE */

@media(max-width:768px){

    .complaint-header h1{

        font-size:34px;
    }

    .grievance-flow-section h2{

        font-size:28px;
    }

    .flow-card h3{

        font-size:24px;
    }

    .complaint-form-box,
    .grievance-flow-section{

        padding:30px 20px;
    }

    .form-section h2{

        font-size:26px;
    }

}

/* =====================================================
   CYBER SECURITY AWARENESS PAGE
===================================================== */

.cyber-security-page{

    padding:80px 20px;

    background:#f5f7fb;
}

.cyber-container{

    max-width:1280px;

    margin:auto;
}

/* HEADER */

.cyber-header{

    text-align:center;

    margin-bottom:50px;
}

.cyber-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;
}

.cyber-header h1{

    font-size:48px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:800;
}

.cyber-header p{

    max-width:950px;

    margin:auto;

    line-height:1.9;

    color:#555555;

    font-size:18px;
}

/* ALERT BOX */

.fraud-alert-box{

    background:linear-gradient(135deg,#d72638,#ff4d5a);

    color:#ffffff;

    padding:45px;

    border-radius:24px;

    text-align:center;

    margin-bottom:50px;

    box-shadow:0 10px 30px rgba(215,38,56,0.2);
}

.fraud-alert-box h2{

    font-size:38px;

    margin-bottom:18px;
}

.fraud-alert-box p{

    font-size:18px;

    line-height:1.9;
}

/* SECTION */

.security-section,
.fraud-section,
.report-section{

    margin-bottom:60px;
}

.security-section h2,
.fraud-section h2,
.report-section h2{

    text-align:center;

    font-size:38px;

    color:#163b82;

    margin-bottom:40px;
}

/* GRID */

.security-grid,
.fraud-grid,
.report-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:28px;
}

/* CARDS */

.security-card,
.fraud-card,
.report-card{

    background:#ffffff;

    padding:35px;

    border-radius:20px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    transition:0.3s ease;
}

.security-card:hover,
.fraud-card:hover,
.report-card:hover{

    transform:translateY(-5px);
}

.security-card h3,
.fraud-card h3,
.report-card h3{

    color:#163b82;

    font-size:24px;

    margin-bottom:18px;
}

.security-card p,
.fraud-card p,
.report-card p{

    line-height:1.9;

    color:#555555;
}

/* DOS & DONTS */

.dos-donts-section{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

    margin-bottom:60px;
}

.dos-box,
.donts-box{

    padding:40px;

    border-radius:22px;

    color:#ffffff;
}

.dos-box{

    background:#1d7c57;
}

.donts-box{

    background:#d72638;
}

.dos-box h2,
.donts-box h2{

    font-size:34px;

    margin-bottom:25px;
}

.dos-box ul,
.donts-box ul{

    padding-left:22px;
}

.dos-box li,
.donts-box li{

    margin-bottom:16px;

    line-height:1.8;
}

/* REPORT */

.report-card{

    text-align:center;
}

/* NOTE */

.cyber-note{

    background:#163b82;

    color:#ffffff;

    padding:45px;

    border-radius:24px;

    text-align:center;
}

.cyber-note h2{

    font-size:36px;

    margin-bottom:20px;
}

.cyber-note p{

    max-width:950px;

    margin:auto;

    line-height:1.9;

    font-size:17px;
}

/* MOBILE */

@media(max-width:768px){

    .cyber-header h1{

        font-size:34px;
    }

    .fraud-alert-box h2,
    .security-section h2,
    .fraud-section h2,
    .report-section h2,
    .dos-box h2,
    .donts-box h2,
    .cyber-note h2{

        font-size:28px;
    }

    .fraud-alert-box,
    .cyber-note{

        padding:30px 22px;
    }

    .security-card,
    .fraud-card,
    .report-card,
    .dos-box,
    .donts-box{

        padding:28px 22px;
    }

}

/* =====================================================
   SAFE DIGITAL BANKING PAGE
===================================================== */

.safe-banking-page{

    padding:80px 20px;

    background:#f5f7fb;
}

.safe-banking-container{

    max-width:1280px;

    margin:auto;
}

/* HEADER */

.safe-header{

    text-align:center;

    margin-bottom:50px;
}

.safe-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;
}

.safe-header h1{

    font-size:48px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:800;
}

.safe-header p{

    max-width:950px;

    margin:auto;

    line-height:1.9;

    color:#555555;

    font-size:18px;
}

/* ALERT */

.safe-alert-banner{

    background:linear-gradient(135deg,#163b82,#2d63c8);

    color:#ffffff;

    padding:45px;

    border-radius:24px;

    text-align:center;

    margin-bottom:60px;

    box-shadow:0 10px 30px rgba(22,59,130,0.2);
}

.safe-alert-banner h2{

    font-size:40px;

    margin-bottom:18px;
}

.safe-alert-banner p{

    line-height:1.9;

    font-size:18px;
}

/* SECTION */

.safe-section,
.fraud-awareness-section,
.responsibility-section{

    margin-bottom:60px;
}

.safe-section h2,
.fraud-awareness-section h2,
.responsibility-section h2{

    text-align:center;

    font-size:38px;

    color:#163b82;

    margin-bottom:40px;
}

/* GRID */

.safe-grid,
.fraud-awareness-grid,
.responsibility-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:28px;
}

/* CARDS */

.safe-card,
.fraud-awareness-card,
.responsibility-card{

    background:#ffffff;

    padding:35px;

    border-radius:20px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    transition:0.3s ease;
}

.safe-card:hover,
.fraud-awareness-card:hover,
.responsibility-card:hover{

    transform:translateY(-5px);
}

.safe-card h3,
.fraud-awareness-card h3,
.responsibility-card h3{

    color:#163b82;

    font-size:24px;

    margin-bottom:18px;
}

.safe-card p,
.fraud-awareness-card p,
.responsibility-card p{

    line-height:1.9;

    color:#555555;
}

/* DO'S & DON'TS */

.banking-guidelines{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));

    gap:30px;

    margin-bottom:60px;
}

.guideline-box{

    padding:40px;

    border-radius:22px;

    color:#ffffff;
}

.do-box{

    background:#1d7c57;
}

.dont-box{

    background:#d72638;
}

.guideline-box h2{

    font-size:34px;

    margin-bottom:25px;
}

.guideline-box ul{

    padding-left:22px;
}

.guideline-box li{

    margin-bottom:16px;

    line-height:1.8;
}

/* RESPONSIBILITY */

.responsibility-card{

    text-align:center;
}

/* NOTE */

.safe-note{

    background:#163b82;

    color:#ffffff;

    padding:45px;

    border-radius:24px;

    text-align:center;
}

.safe-note h2{

    font-size:36px;

    margin-bottom:20px;
}

.safe-note p{

    max-width:950px;

    margin:auto;

    line-height:1.9;

    font-size:17px;
}

/* MOBILE */

@media(max-width:768px){

    .safe-header h1{

        font-size:34px;
    }

    .safe-alert-banner h2,
    .safe-section h2,
    .fraud-awareness-section h2,
    .responsibility-section h2,
    .guideline-box h2,
    .safe-note h2{

        font-size:28px;
    }

    .safe-alert-banner,
    .safe-note{

        padding:30px 22px;
    }

    .safe-card,
    .fraud-awareness-card,
    .responsibility-card,
    .guideline-box{

        padding:28px 22px;
    }

}

/* =====================================================
   RBI GUIDELINES PAGE
===================================================== */

.rbi-guidelines-page{

    padding:80px 20px;

    background:#f5f7fb;
}

.rbi-container{

    max-width:1280px;

    margin:auto;
}

/* HEADER */

.rbi-header{

    text-align:center;

    margin-bottom:50px;
}

.rbi-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;
}

.rbi-header h1{

    font-size:50px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:800;
}

.rbi-header p{

    max-width:950px;

    margin:auto;

    line-height:1.9;

    color:#555555;

    font-size:18px;
}

/* INTRO */

.rbi-intro-box{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

    margin-bottom:60px;

    box-shadow:0 8px 30px rgba(0,0,0,0.08);
}

.rbi-intro-box h2{

    color:#163b82;

    font-size:38px;

    margin-bottom:20px;
}

.rbi-intro-box p{

    line-height:1.9;

    color:#555555;

    margin-bottom:18px;

    font-size:17px;
}

/* SECTION */

.rbi-services-section,
.rights-section,
.responsibility-section,
.important-links-section{

    margin-bottom:60px;
}

.rbi-services-section h2,
.rights-section h2,
.responsibility-section h2,
.important-links-section h2{

    text-align:center;

    color:#163b82;

    font-size:38px;

    margin-bottom:40px;
}

/* GRID */

.rbi-services-grid,
.rights-grid,
.important-links-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:28px;
}

/* CARDS */

.rbi-service-card,
.rights-card{

    background:#ffffff;

    padding:35px;

    border-radius:22px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    transition:0.3s ease;
}

.rbi-service-card:hover,
.rights-card:hover{

    transform:translateY(-5px);
}

.rbi-service-card h3,
.rights-card h3{

    color:#163b82;

    font-size:24px;

    margin-bottom:18px;
}

.rbi-service-card p,
.rights-card p{

    line-height:1.9;

    color:#555555;
}

/* RESPONSIBILITY */

.responsibility-section{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.responsibility-section ul{

    padding-left:24px;
}

.responsibility-section li{

    margin-bottom:18px;

    line-height:1.9;

    color:#555555;

    font-size:17px;
}

/* IMPORTANT LINKS */

.important-link-card{

    background:#163b82;

    color:#ffffff;

    text-decoration:none;

    padding:30px;

    border-radius:18px;

    text-align:center;

    font-size:18px;

    font-weight:700;

    transition:0.3s ease;
}

.important-link-card:hover{

    background:#0f2b61;

    transform:translateY(-5px);
}

/* NOTE */

.rbi-note{

    background:linear-gradient(135deg,#163b82,#2d63c8);

    color:#ffffff;

    padding:50px;

    border-radius:24px;

    text-align:center;

    box-shadow:0 10px 30px rgba(22,59,130,0.2);
}

.rbi-note h2{

    font-size:38px;

    margin-bottom:20px;
}

.rbi-note p{

    max-width:900px;

    margin:auto;

    line-height:1.9;

    font-size:17px;
}

/* MOBILE */

@media(max-width:768px){

    .rbi-header h1{

        font-size:34px;
    }

    .rbi-intro-box h2,
    .rbi-services-section h2,
    .rights-section h2,
    .responsibility-section h2,
    .important-links-section h2,
    .rbi-note h2{

        font-size:28px;
    }

    .rbi-intro-box,
    .responsibility-section,
    .rbi-note{

        padding:30px 22px;
    }

    .rbi-service-card,
    .rights-card,
    .important-link-card{

        padding:28px 22px;
    }

}

/* =====================================================
   DICGC DEPOSIT INSURANCE PAGE
===================================================== */

.dicgc-page{

    padding:80px 20px;

    background:#f5f7fb;
}

.dicgc-container{

    max-width:1280px;

    margin:auto;
}

/* HEADER */

.dicgc-header{

    text-align:center;

    margin-bottom:50px;
}

.dicgc-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 22px;

    border-radius:40px;

    font-size:14px;

    font-weight:700;

    margin-bottom:20px;
}

.dicgc-header h1{

    font-size:50px;

    color:#163b82;

    margin-bottom:20px;

    font-weight:800;
}

.dicgc-header p{

    max-width:950px;

    margin:auto;

    line-height:1.9;

    color:#555555;

    font-size:18px;
}

/* INSURANCE HIGHLIGHT */

.insurance-highlight{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:30px;

    margin-bottom:60px;
}

.insurance-left{

    background:linear-gradient(135deg,#163b82,#2d63c8);

    color:#ffffff;

    padding:50px;

    border-radius:24px;

    box-shadow:0 10px 30px rgba(22,59,130,0.2);
}

.insurance-left h2{

    font-size:36px;

    margin-bottom:20px;
}

.insurance-left h3{

    font-size:64px;

    margin-bottom:20px;

    font-weight:800;
}

.insurance-left p{

    line-height:1.9;

    font-size:17px;
}

.insurance-right{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.insurance-right ul{

    padding-left:24px;
}

.insurance-right li{

    margin-bottom:18px;

    line-height:1.9;

    color:#555555;

    font-size:17px;
}

/* SECTION */

.dicgc-about-section,
.covered-section,
.important-points-section,
.dicgc-faq-section,
.official-link-section{

    margin-bottom:60px;
}

.dicgc-about-section{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.dicgc-about-section h2,
.covered-section h2,
.important-points-section h2,
.dicgc-faq-section h2,
.official-link-section h2{

    text-align:center;

    color:#163b82;

    font-size:38px;

    margin-bottom:35px;
}

.dicgc-about-section p{

    line-height:1.9;

    color:#555555;

    margin-bottom:18px;

    font-size:17px;
}

/* GRID */

.covered-grid,
.points-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:28px;
}

/* CARDS */

.covered-card,
.point-card{

    background:#ffffff;

    padding:35px;

    border-radius:22px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);

    transition:0.3s ease;
}

.covered-card:hover,
.point-card:hover{

    transform:translateY(-5px);
}

.covered-card h3,
.point-card h3{

    color:#163b82;

    font-size:24px;

    margin-bottom:18px;
}

.covered-card p,
.point-card p{

    line-height:1.9;

    color:#555555;
}

/* FAQ */

.faq-box{

    background:#ffffff;

    padding:35px;

    border-radius:20px;

    margin-bottom:22px;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.faq-box h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:24px;
}

.faq-box p{

    line-height:1.9;

    color:#555555;
}

/* OFFICIAL LINK */

.official-link-section{

    background:#ffffff;

    padding:45px;

    border-radius:24px;

    text-align:center;

    box-shadow:0 8px 25px rgba(0,0,0,0.08);
}

.official-link-section p{

    line-height:1.9;

    color:#555555;

    margin-bottom:25px;
}

.official-link-section a{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    text-decoration:none;

    padding:16px 32px;

    border-radius:12px;

    font-weight:700;

    transition:0.3s ease;
}

.official-link-section a:hover{

    background:#0f2b61;
}

/* NOTE */

.dicgc-note{

    background:linear-gradient(135deg,#163b82,#2d63c8);

    color:#ffffff;

    padding:50px;

    border-radius:24px;

    text-align:center;

    box-shadow:0 10px 30px rgba(22,59,130,0.2);
}

.dicgc-note h2{

    font-size:38px;

    margin-bottom:20px;
}

.dicgc-note p{

    max-width:900px;

    margin:auto;

    line-height:1.9;

    font-size:17px;
}

/* MOBILE */

@media(max-width:992px){

    .insurance-highlight{

        grid-template-columns:1fr;
    }
}

@media(max-width:768px){

    .dicgc-header h1{

        font-size:34px;
    }

    .insurance-left h2,
    .dicgc-about-section h2,
    .covered-section h2,
    .important-points-section h2,
    .dicgc-faq-section h2,
    .official-link-section h2,
    .dicgc-note h2{

        font-size:28px;
    }

    .insurance-left h3{

        font-size:48px;
    }

    .insurance-left,
    .insurance-right,
    .dicgc-about-section,
    .official-link-section,
    .dicgc-note{

        padding:30px 22px;
    }

    .covered-card,
    .point-card,
    .faq-box{

        padding:28px 22px;
    }

}

/* ======================================================
   CONTACT DETAILS PAGE
====================================================== */

.contact-details-page{

    width:100%;
    padding:70px 20px;
    background:#f5f7fb;
    box-sizing:border-box;

}

.contact-details-container{

    max-width:1300px;
    margin:auto;

}

/* ======================================================
   HEADER
====================================================== */

.contact-header{

    text-align:center;
    margin-bottom:50px;

}

.contact-tag{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;

}

.contact-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;

}

.contact-header p{

    max-width:850px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:#555;

}

/* ======================================================
   CONTACT CARD
====================================================== */

.contact-card{

    background:#fff;
    border-radius:18px;
    padding:35px;
    margin-bottom:35px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);

}

.card-title{

    margin-bottom:25px;
    border-bottom:2px solid #f1f1f1;
    padding-bottom:15px;

}

.card-title h2{

    font-size:28px;
    color:#163b82;

}

/* ======================================================
   OFFICE CONTENT
====================================================== */

.office-content p{

    font-size:16px;
    line-height:1.9;
    color:#444;
    margin-bottom:15px;

}

.contact-info-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;
    margin-top:30px;

}

.info-box{

    background:#f7f9fc;
    padding:25px;
    border-radius:15px;

}

.info-box h4{

    color:#163b82;
    margin-bottom:12px;
    font-size:18px;

}

.info-box p{

    margin-bottom:8px;
    color:#555;

}

/* ======================================================
   TABLE
====================================================== */

.table-responsive{

    width:100%;
    overflow-x:auto;

}

.contact-table{

    width:100%;
    border-collapse:collapse;
    min-width:700px;

}

.contact-table thead{

    background:#163b82;
    color:#fff;

}

.contact-table th{

    padding:16px;
    text-align:left;
    font-size:15px;

}

.contact-table td{

    padding:16px;
    border-bottom:1px solid #e5e5e5;
    color:#444;
    font-size:15px;
    line-height:1.7;

}

.contact-table tbody tr:hover{

    background:#f8fbff;

}

/* ======================================================
   NOTICE BOX
====================================================== */

.important-contact-box{

    background:#163b82;
    color:#fff;
    padding:35px;
    border-radius:18px;
    margin-top:20px;

}

.important-contact-box h3{

    font-size:28px;
    margin-bottom:18px;

}

.important-contact-box p{

    font-size:16px;
    line-height:1.9;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media(max-width:768px){

    .contact-header h1{

        font-size:32px;

    }

    .card-title h2{

        font-size:24px;

    }

    .contact-card{

        padding:25px;

    }

}

/* ======================================================
   BRANCH NETWORK PAGE
====================================================== */

.branch-network-page{

    width:100%;
    padding:70px 20px;
    background:#f5f7fb;
    box-sizing:border-box;

}

.branch-network-container{

    max-width:1450px;
    margin:auto;

}

/* ======================================================
   HEADER
====================================================== */

.branch-header{

    text-align:center;
    margin-bottom:40px;

}

.branch-tag{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;

}

.branch-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;

}

.branch-header p{

    max-width:900px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:#555;

}

/* ======================================================
   NOTICE
====================================================== */

.branch-notice{

    background:#163b82;
    color:#fff;
    padding:30px;
    border-radius:18px;
    margin-bottom:35px;

}

.branch-notice h3{

    font-size:26px;
    margin-bottom:15px;

}

.branch-notice p{

    font-size:16px;
    line-height:1.9;

}

/* ======================================================
   TABLE BOX
====================================================== */

.branch-table-box{

    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);

}

.table-responsive{

    width:100%;
    overflow-x:auto;

}

/* ======================================================
   TABLE
====================================================== */

.branch-table{

    width:100%;
    min-width:1300px;
    border-collapse:collapse;

}

.branch-table thead{

    background:#163b82;
    color:#fff;

}

.branch-table th{

    padding:18px;
    text-align:left;
    font-size:15px;
    white-space:nowrap;

}

.branch-table td{

    padding:18px;
    border-bottom:1px solid #e5e5e5;
    vertical-align:top;
    color:#444;
    line-height:1.8;
    font-size:15px;

}

.branch-table tbody tr:hover{

    background:#f8fbff;

}

/* ======================================================
   MAP BUTTON
====================================================== */

.map-btn{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:10px 18px;
    border-radius:8px;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    transition:0.3s;

}

.branch-map{

    width:100%;
    border-radius:24px;
    overflow:hidden;
    box-shadow:0 12px 35px rgba(0,0,0,0.10);
    margin-top:25px;

}

.branch-map iframe{

    display:block;

}

.map-btn:hover{

    background:#0f2c63;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media(max-width:768px){

    .branch-header h1{

        font-size:32px;

    }

    .branch-table-box{

        padding:20px;

    }

}

/* ======================================================
   HELPLINE PAGE
====================================================== */

.helpline-page{

    width:100%;
    padding:70px 20px;
    background:#f5f7fb;
    box-sizing:border-box;

}

.helpline-container{

    max-width:1350px;
    margin:auto;

}

/* ======================================================
   HEADER
====================================================== */

.helpline-header{

    text-align:center;
    margin-bottom:45px;

}

.helpline-tag{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;

}

.helpline-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;

}

.helpline-header p{

    max-width:900px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:#555;

}

/* ======================================================
   FRAUD ALERT
====================================================== */

.fraud-alert-box{

    background:#c62828;
    color:#fff;
    padding:35px;
    border-radius:18px;
    margin-bottom:45px;

}

.fraud-alert-box h2{

    font-size:30px;
    margin-bottom:18px;

}

.fraud-alert-box p{

    font-size:16px;
    line-height:1.9;
    margin-bottom:12px;

}

/* ======================================================
   SUPPORT GRID
====================================================== */

.helpline-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
    gap:30px;
    margin-bottom:50px;

}

/* ======================================================
   SUPPORT CARD
====================================================== */

.support-card{

    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
    transition:0.3s;

}

.support-card:hover{

    transform:translateY(-5px);

}

.support-icon{

    width:70px;
    height:70px;
    background:#163b82;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    margin-bottom:20px;

}

.support-card h3{

    font-size:24px;
    color:#163b82;
    margin-bottom:18px;

}

.support-card p{

    color:#555;
    line-height:1.8;
    margin-bottom:15px;
    font-size:15px;

}

.support-details{

    margin-top:20px;
    padding-top:20px;
    border-top:1px solid #ececec;

}

.support-details p{

    margin-bottom:10px;
    color:#333;

}

/* ======================================================
   WORKING HOURS
====================================================== */

.working-hours-box{

    background:#163b82;
    color:#fff;
    padding:40px;
    border-radius:20px;

}

.working-hours-box h2{

    text-align:center;
    font-size:34px;
    margin-bottom:35px;

}

.hours-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
    gap:25px;

}

.hours-card{

    background:rgba(255,255,255,0.12);
    padding:25px;
    border-radius:15px;
    text-align:center;

}

.hours-card h4{

    font-size:22px;
    margin-bottom:15px;

}

.hours-card p{

    font-size:16px;
    line-height:1.8;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media(max-width:768px){

    .helpline-header h1{

        font-size:32px;

    }

    .fraud-alert-box h2{

        font-size:24px;

    }

    .working-hours-box h2{

        font-size:28px;

    }

    .support-card{

        padding:28px;

    }

}

/* ======================================================
   GOOGLE MAP LOCATION PAGE
====================================================== */

.map-location-page{

    width:100%;
    padding:70px 20px;
    background:#f5f7fb;
    box-sizing:border-box;

}

.map-location-container{

    max-width:1400px;
    margin:auto;

}

/* ======================================================
   HEADER
====================================================== */

.map-header{

    text-align:center;
    margin-bottom:50px;

}

.map-tag{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:8px 18px;
    border-radius:30px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;

}

.map-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;

}

.map-header p{

    max-width:850px;
    margin:auto;
    color:#555;
    line-height:1.9;
    font-size:17px;

}

/* ======================================================
   MAIN MAP CARD
====================================================== */

.map-card{

    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
    margin-bottom:50px;

}

.map-content{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;

}

.map-details h2{

    font-size:32px;
    color:#163b82;
    margin-bottom:20px;

}

.map-details p{

    color:#555;
    line-height:1.9;
    margin-bottom:15px;
    font-size:16px;

}

/* ======================================================
   CONTACT GRID
====================================================== */

.map-contact-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:20px;
    margin-top:30px;
    margin-bottom:30px;

}

.map-info-box{

    background:#f7f9fc;
    padding:20px;
    border-radius:15px;

}

.map-info-box h4{

    color:#163b82;
    margin-bottom:10px;
    font-size:17px;

}

.map-info-box p{

    margin:0;
    font-size:15px;

}

/* ======================================================
   BUTTON
====================================================== */

.direction-btn{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:14px 28px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;

}

.direction-btn:hover{

    background:#0f2c63;

}

/* ======================================================
   MAP FRAME
====================================================== */

.map-frame iframe{

    width:100%;
    height:450px;
    border:none;
    border-radius:18px;

}

/* ======================================================
   BRANCH GRID
====================================================== */

.branch-map-section h2{

    font-size:34px;
    color:#163b82;
    margin-bottom:35px;
    text-align:center;

}

.branch-map-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    gap:30px;

}

.branch-map-card{

    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
    transition:0.3s;

}

.branch-map-card:hover{

    transform:translateY(-5px);

}

.branch-map-card h3{

    font-size:24px;
    color:#163b82;
    margin-bottom:18px;

}

.branch-map-card p{

    color:#555;
    line-height:1.8;
    margin-bottom:25px;

}

.branch-map-btn{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:12px 22px;
    border-radius:10px;
    text-decoration:none;
    font-weight:600;
    transition:0.3s;

}

.branch-map-btn:hover{

    background:#0f2c63;

}

/* ======================================================
   RESPONSIVE
====================================================== */

@media(max-width:992px){

    .map-content{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .map-header h1{

        font-size:32px;

    }

    .map-details h2{

        font-size:28px;

    }

    .branch-map-section h2{

        font-size:28px;

    }

    .map-card{

        padding:25px;

    }

}

/* =====================================================
   RBI DEAF / UNCLAIMED DEPOSIT PAGE
===================================================== */

.deaf-page{

    padding:70px 20px;

    background:#f5f7fb;

}

.deaf-container{

    max-width:1400px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.deaf-header{

    text-align:center;

    margin-bottom:45px;

}

.deaf-tag{

    display:inline-block;

    background:#24479e;

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.deaf-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

    line-height:1.3;

}

.deaf-header p{

    max-width:950px;

    margin:auto;

    font-size:17px;

    line-height:1.9;

    color:#555555;

}

/* =====================================================
   NOTICE BOX
===================================================== */

.notice-box{

    background:#ffffff;

    padding:35px;

    border-radius:18px;

    margin-bottom:35px;

    border-left:5px solid #f4c430;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.notice-box h3{

    color:#163b82;

    font-size:28px;

    margin-bottom:20px;

}

.notice-box ul{

    padding-left:20px;

}

.notice-box li{

    margin-bottom:12px;

    color:#444444;

    line-height:1.8;

}

/* =====================================================
   SEARCH BOX
===================================================== */

.search-section{

    margin-bottom:30px;

}

.search-box input{

    width:100%;

    padding:18px 22px;

    border:1px solid #d8dfef;

    border-radius:14px;

    font-size:16px;

    background:#ffffff;

    box-shadow:0 5px 20px rgba(0,0,0,0.04);

}

.search-box input:focus{

    outline:none;

    border-color:#24479e;

}

/* =====================================================
   TABLE
===================================================== */

.table-section{

    background:#ffffff;

    border-radius:18px;

    overflow:hidden;

    margin-bottom:50px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.table-responsive{

    overflow-x:auto;

}

#deafTable{

    width:100%;

    border-collapse:collapse;

}

#deafTable thead{

    background:#163b82;

}

#deafTable thead th{

    color:#ffffff;

    padding:18px 15px;

    text-align:left;

    font-size:15px;

    white-space:nowrap;

}

#deafTable tbody td{

    padding:16px 15px;

    border-bottom:1px solid #edf1f7;

    color:#444444;

    font-size:15px;

}

#deafTable tbody tr:hover{

    background:#f8fbff;

}

.status-badge{

    display:inline-block;

    background:#e8f8ef;

    color:#138a4f;

    padding:8px 14px;

    border-radius:50px;

    font-size:13px;

    font-weight:600;

}

/* =====================================================
   CLAIM PROCESS
===================================================== */

.claim-process{

    margin-bottom:50px;

}

.claim-process h2{

    text-align:center;

    color:#163b82;

    font-size:36px;

    margin-bottom:35px;

}

.process-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

}

.process-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    text-align:center;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.process-number{

    width:60px;

    height:60px;

    margin:auto;

    margin-bottom:20px;

    border-radius:50%;

    background:#24479e;

    color:#ffffff;

    font-size:24px;

    font-weight:700;

    display:flex;

    align-items:center;

    justify-content:center;

}

.process-card h3{

    color:#163b82;

    margin-bottom:12px;

}

.process-card p{

    color:#555555;

    line-height:1.8;

}

/* =====================================================
   CONTACT BOX
===================================================== */

.deaf-contact-box{

    background:#ffffff;

    padding:45px;

    border-radius:18px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.deaf-contact-box h2{

    text-align:center;

    color:#163b82;

    margin-bottom:35px;

    font-size:34px;

}

.contact-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:30px;

}

.contact-card{

    background:#f8fbff;

    padding:30px;

    border-radius:16px;

    border-left:5px solid #f4c430;

}

.contact-card h3{

    color:#163b82;

    margin-bottom:18px;

}

.contact-card p{

    line-height:1.9;

    color:#444444;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){

.process-grid{

    grid-template-columns:repeat(2,1fr);

}

.contact-grid{

    grid-template-columns:1fr;

}

}

@media(max-width:768px){

.deaf-header h1{

    font-size:30px;

}

.notice-box,
.deaf-contact-box{

    padding:25px 20px;

}

.process-grid{

    grid-template-columns:1fr;

}

#deafTable thead th,
#deafTable tbody td{

    font-size:13px;

    padding:12px 10px;

}

}

/* =====================================================
   POLICY PAGE
===================================================== */

.policy-page{

    padding:70px 20px;

    background:#f5f7fb;

}

.policy-container{

    max-width:1100px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.policy-header{

    text-align:center;

    margin-bottom:45px;

}

.policy-tag{

    display:inline-block;

    background:#24479e;

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.policy-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

}

.policy-header p{

    max-width:850px;

    margin:auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* =====================================================
   POLICY BOX
===================================================== */

.policy-box{

    background:#ffffff;

    padding:40px;

    border-radius:18px;

    margin-bottom:35px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    border-left:5px solid #f4c430;

}

.policy-box h2{

    color:#163b82;

    margin-bottom:20px;

    font-size:30px;

}

.policy-box p{

    color:#444444;

    line-height:1.9;

    margin-bottom:16px;

}

/* =====================================================
   PDF SECTION
===================================================== */

.pdf-section{

    margin-bottom:35px;

}

.pdf-card{

    background:#ffffff;

    border-radius:18px;

    padding:30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.pdf-icon{

    width:80px;

    height:80px;

    border-radius:16px;

    background:#d32f2f;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    flex-shrink:0;

}

.pdf-content{

    flex:1;

}

.pdf-content h3{

    color:#163b82;

    margin-bottom:10px;

    font-size:24px;

}

.pdf-content p{

    color:#666666;

}

/* =====================================================
   BUTTONS
===================================================== */

.pdf-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.view-btn,
.download-btn{

    text-decoration:none;

    padding:14px 24px;

    border-radius:10px;

    font-weight:600;

    transition:0.3s;

}

.view-btn{

    background:#24479e;

    color:#ffffff;

}

.download-btn{

    background:#f4c430;

    color:#163b82;

}

.view-btn:hover{

    background:#163b82;

}

.download-btn:hover{

    opacity:0.9;

}

/* =====================================================
   NOTE
===================================================== */

.important-note{

    background:#ffffff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.important-note h3{

    color:#163b82;

    margin-bottom:18px;

    font-size:26px;

}

.important-note p{

    color:#444444;

    line-height:1.9;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:768px){

.policy-header h1{

    font-size:30px;

}

.policy-box,
.important-note{

    padding:25px 20px;

}

.pdf-card{

    flex-direction:column;

    text-align:center;

}

.pdf-buttons{

    justify-content:center;

}

}

/* =====================================================
   POLICY PAGE
===================================================== */

.policy-page{

    padding:70px 20px;

    background:#f5f7fb;

}

.policy-container{

    max-width:1150px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.policy-header{

    text-align:center;

    margin-bottom:45px;

}

.policy-tag{

    display:inline-block;

    background:#24479e;

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.policy-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

}

.policy-header p{

    max-width:900px;

    margin:auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* =====================================================
   POLICY BOX
===================================================== */

.policy-box{

    background:#ffffff;

    padding:40px;

    border-radius:18px;

    margin-bottom:35px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    border-left:5px solid #f4c430;

}

.policy-box h2{

    color:#163b82;

    margin-bottom:20px;

    font-size:30px;

}

.policy-box p{

    color:#444444;

    line-height:1.9;

    margin-bottom:16px;

}

/* =====================================================
   FEATURES
===================================================== */

.policy-features{

    margin-bottom:40px;

}

.policy-features h2{

    text-align:center;

    color:#163b82;

    font-size:34px;

    margin-bottom:35px;

}

.feature-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.feature-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    border-top:4px solid #24479e;

}

.feature-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:22px;

}

.feature-card p{

    color:#555555;

    line-height:1.8;

}

/* =====================================================
   PDF SECTION
===================================================== */

.pdf-section{

    margin-bottom:35px;

}

.pdf-card{

    background:#ffffff;

    border-radius:18px;

    padding:30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.pdf-icon{

    width:80px;

    height:80px;

    border-radius:16px;

    background:#d32f2f;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    flex-shrink:0;

}

.pdf-content{

    flex:1;

}

.pdf-content h3{

    color:#163b82;

    margin-bottom:10px;

    font-size:24px;

}

.pdf-content p{

    color:#666666;

}

/* =====================================================
   BUTTONS
===================================================== */

.pdf-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.view-btn,
.download-btn{

    text-decoration:none;

    padding:14px 24px;

    border-radius:10px;

    font-weight:600;

    transition:0.3s;

}

.view-btn{

    background:#24479e;

    color:#ffffff;

}

.download-btn{

    background:#f4c430;

    color:#163b82;

}

.view-btn:hover{

    background:#163b82;

}

.download-btn:hover{

    opacity:0.9;

}

/* =====================================================
   IMPORTANT NOTE
===================================================== */

.important-note{

    background:#ffffff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    border-left:5px solid #f4c430;

}

.important-note h3{

    color:#163b82;

    margin-bottom:18px;

    font-size:28px;

}

.important-note p{

    color:#444444;

    line-height:1.9;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:768px){

.policy-header h1{

    font-size:30px;

}

.policy-box,
.important-note{

    padding:25px 20px;

}

.feature-grid{

    grid-template-columns:1fr;

}

.pdf-card{

    flex-direction:column;

    text-align:center;

}

.pdf-buttons{

    justify-content:center;

}

}

/* =====================================================
   POLICY PAGE
===================================================== */

.policy-page{

    padding:70px 20px;

    background:#f5f7fb;

}

.policy-container{

    max-width:1150px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.policy-header{

    text-align:center;

    margin-bottom:45px;

}

.policy-tag{

    display:inline-block;

    background:#24479e;

    color:#ffffff;

    padding:10px 22px;

    border-radius:50px;

    font-size:14px;

    font-weight:600;

    margin-bottom:20px;

}

.policy-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

}

.policy-header p{

    max-width:900px;

    margin:auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* =====================================================
   POLICY BOX
===================================================== */

.policy-box{

    background:#ffffff;

    padding:40px;

    border-radius:18px;

    margin-bottom:35px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    border-left:5px solid #f4c430;

}

.policy-box h2{

    color:#163b82;

    margin-bottom:20px;

    font-size:30px;

}

.policy-box p{

    color:#444444;

    line-height:1.9;

    margin-bottom:16px;

}

/* =====================================================
   FEATURES
===================================================== */

.policy-features{

    margin-bottom:40px;

}

.policy-features h2{

    text-align:center;

    color:#163b82;

    font-size:34px;

    margin-bottom:35px;

}

.feature-grid{

    display:grid;

    grid-template-columns:repeat(2,1fr);

    gap:25px;

}

.feature-card{

    background:#ffffff;

    padding:30px;

    border-radius:18px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    border-top:4px solid #24479e;

}

.feature-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:22px;

}

.feature-card p{

    color:#555555;

    line-height:1.8;

}

/* =====================================================
   PDF SECTION
===================================================== */

.pdf-section{

    margin-bottom:35px;

}

.pdf-card{

    background:#ffffff;

    border-radius:18px;

    padding:30px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

}

.pdf-icon{

    width:80px;

    height:80px;

    border-radius:16px;

    background:#d32f2f;

    color:#ffffff;

    display:flex;

    align-items:center;

    justify-content:center;

    font-size:24px;

    font-weight:700;

    flex-shrink:0;

}

.pdf-content{

    flex:1;

}

.pdf-content h3{

    color:#163b82;

    margin-bottom:10px;

    font-size:24px;

}

.pdf-content p{

    color:#666666;

}

/* =====================================================
   BUTTONS
===================================================== */

.pdf-buttons{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.view-btn,
.download-btn{

    text-decoration:none;

    padding:14px 24px;

    border-radius:10px;

    font-weight:600;

    transition:0.3s;

}

.view-btn{

    background:#24479e;

    color:#ffffff;

}

.download-btn{

    background:#f4c430;

    color:#163b82;

}

.view-btn:hover{

    background:#163b82;

}

.download-btn:hover{

    opacity:0.9;

}

/* =====================================================
   IMPORTANT NOTE
===================================================== */

.important-note{

    background:#ffffff;

    padding:35px;

    border-radius:18px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    border-left:5px solid #f4c430;

}

.important-note h3{

    color:#163b82;

    margin-bottom:18px;

    font-size:28px;

}

.important-note p{

    color:#444444;

    line-height:1.9;

    margin-bottom:14px;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:768px){

.policy-header h1{

    font-size:30px;

}

.policy-box,
.important-note{

    padding:25px 20px;

}

.feature-grid{

    grid-template-columns:1fr;

}

.pdf-card{

    flex-direction:column;

    text-align:center;

}

.pdf-buttons{

    justify-content:center;

}

}

/* =====================================================
   MOBILE APP PRIVACY POLICY
===================================================== */

.privacy-page{

    padding:80px 20px;

    background:#f5f7fb;

}

.privacy-container{

    max-width:1150px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.privacy-header{

    text-align:center;

    margin-bottom:50px;

}

.privacy-tag{

    display:inline-block;

    background:#e8eefc;

    color:#163b82;

    padding:10px 22px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.privacy-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

    line-height:1.3;

}

.privacy-header p{

    max-width:850px;

    margin:auto;

    color:#555555;

    font-size:17px;

    line-height:1.9;

}

/* =====================================================
   POLICY BOX
===================================================== */

.policy-box{

    background:#ffffff;

    padding:38px;

    border-radius:18px;

    margin-bottom:30px;

    box-shadow:0 5px 22px rgba(0,0,0,0.06);

    border-left:5px solid #24479e;

}

.policy-box h2{

    color:#163b82;

    margin-bottom:18px;

    font-size:28px;

}

.policy-box p{

    color:#444444;

    line-height:1.9;

    font-size:16px;

    margin-bottom:16px;

}

/* =====================================================
   LIST
===================================================== */

.policy-list{

    padding-left:22px;

    margin-top:15px;

}

.policy-list li{

    margin-bottom:12px;

    line-height:1.8;

    color:#333333;

    font-size:16px;

}

/* =====================================================
   CONTACT SECTION
===================================================== */

.policy-contact{

    background:linear-gradient(
        135deg,
        #163b82,
        #24479e
    );

    padding:45px;

    border-radius:20px;

    color:#ffffff;

    margin-top:40px;

    box-shadow:0 10px 30px rgba(0,0,0,0.12);

}

.policy-contact h2{

    font-size:34px;

    margin-bottom:18px;

}

.policy-contact p{

    line-height:1.9;

    font-size:16px;

    color:rgba(255,255,255,0.92);

}

.contact-details{

    margin-top:25px;

    background:rgba(255,255,255,0.10);

    padding:28px;

    border-radius:16px;

    border:1px solid rgba(255,255,255,0.18);

}

.contact-details h3{

    margin-bottom:18px;

    font-size:24px;

    color:#ffffff;

}

.contact-details p{

    margin-bottom:12px;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:768px){

.privacy-page{

    padding:60px 15px;

}

.privacy-header h1{

    font-size:30px;

}

.policy-box{

    padding:28px 22px;

}

.policy-box h2{

    font-size:24px;

}

.policy-contact{

    padding:32px 22px;

}

.policy-contact h2{

    font-size:28px;

}

.contact-details{

    padding:22px 18px;

}

}

/* =====================================================
   IOS PRIVACY POLICY PAGE
===================================================== */

.privacy-page{

    padding:80px 20px;

    background:#f5f7fb;

}

.privacy-container{

    max-width:1150px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.privacy-header{

    text-align:center;

    margin-bottom:55px;

}

.privacy-tag{

    display:inline-block;

    background:#e8eefc;

    color:#163b82;

    padding:10px 22px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.privacy-header h1{

    font-size:42px;

    color:#163b82;

    margin-bottom:20px;

    line-height:1.3;

}

.privacy-header p{

    max-width:860px;

    margin:auto;

    color:#555555;

    font-size:17px;

    line-height:1.9;

}

/* =====================================================
   POLICY BOX
===================================================== */

.policy-box{

    background:#ffffff;

    padding:40px;

    border-radius:18px;

    margin-bottom:30px;

    box-shadow:0 5px 22px rgba(0,0,0,0.06);

    border-left:5px solid #24479e;

}

.policy-box h2{

    color:#163b82;

    margin-bottom:18px;

    font-size:28px;

}

.policy-box p{

    color:#444444;

    line-height:1.9;

    font-size:16px;

    margin-bottom:16px;

}

/* =====================================================
   LIST
===================================================== */

.policy-list{

    padding-left:22px;

    margin-top:15px;

}

.policy-list li{

    margin-bottom:12px;

    line-height:1.8;

    color:#333333;

    font-size:16px;

}

/* =====================================================
   CONTACT BOX
===================================================== */

.policy-contact{

    background:linear-gradient(
        135deg,
        #163b82,
        #24479e
    );

    padding:45px;

    border-radius:20px;

    color:#ffffff;

    margin-top:40px;

    box-shadow:0 10px 30px rgba(0,0,0,0.12);

}

.policy-contact h2{

    font-size:34px;

    margin-bottom:18px;

}

.policy-contact p{

    line-height:1.9;

    font-size:16px;

    color:rgba(255,255,255,0.92);

}

.contact-details{

    margin-top:25px;

    background:rgba(255,255,255,0.10);

    padding:28px;

    border-radius:16px;

    border:1px solid rgba(255,255,255,0.18);

}

.contact-details h3{

    margin-bottom:18px;

    font-size:24px;

    color:#ffffff;

}

.contact-details p{

    margin-bottom:12px;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:768px){

.privacy-page{

    padding:60px 15px;

}

.privacy-header h1{

    font-size:30px;

}

.policy-box{

    padding:28px 22px;

}

.policy-box h2{

    font-size:24px;

}

.policy-contact{

    padding:32px 22px;

}

.policy-contact h2{

    font-size:28px;

}

.contact-details{

    padding:22px 18px;

}

}

/* =====================================================
   DOWNLOAD FORMS PAGE
===================================================== */

.forms-page{

    padding:80px 20px;

    background:#f5f7fb;

}

.forms-container{

    max-width:1250px;

    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.forms-header{

    text-align:center;

    margin-bottom:50px;

}

.forms-tag{

    display:inline-block;

    background:#e8eefc;

    color:#163b82;

    padding:10px 22px;

    border-radius:30px;

    font-size:14px;

    font-weight:600;

    margin-bottom:18px;

}

.forms-header h1{

    font-size:44px;

    color:#163b82;

    margin-bottom:20px;

}

.forms-header p{

    max-width:850px;

    margin:auto;

    color:#555555;

    line-height:1.9;

    font-size:17px;

}

/* =====================================================
   NOTICE BOX
===================================================== */

.forms-notice{

    background:#ffffff;

    padding:35px;

    border-radius:18px;

    margin-bottom:45px;

    border-left:5px solid #f4c430;

    box-shadow:0 5px 22px rgba(0,0,0,0.06);

}

.forms-notice h3{

    color:#163b82;

    margin-bottom:18px;

    font-size:26px;

}

.forms-notice ul{

    padding-left:22px;

}

.forms-notice li{

    margin-bottom:12px;

    line-height:1.8;

    color:#444444;

}

/* =====================================================
   FORMS GRID
===================================================== */

.forms-grid{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}

/* =====================================================
   FORM CARD
===================================================== */

.form-card{

    background:#ffffff;

    padding:35px 30px;

    border-radius:18px;

    box-shadow:0 5px 25px rgba(0,0,0,0.06);

    transition:0.3s;

    border-top:4px solid #24479e;

}

.form-card:hover{

    transform:translateY(-8px);

    box-shadow:0 12px 30px rgba(0,0,0,0.12);

}

.form-icon{

    width:70px;

    height:70px;

    background:#e8eefc;

    border-radius:16px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:22px;

}

.form-icon span{

    color:#163b82;

    font-size:14px;

    font-weight:700;

    letter-spacing:1px;

}

.form-card h3{

    color:#163b82;

    font-size:24px;

    margin-bottom:14px;

    line-height:1.4;

}

.form-card p{

    color:#555555;

    line-height:1.8;

    margin-bottom:25px;

    font-size:15px;

}

/* =====================================================
   BUTTON
===================================================== */

.download-btn{

    display:inline-block;

    background:linear-gradient(
        135deg,
        #163b82,
        #24479e
    );

    color:#ffffff;

    text-decoration:none;

    padding:13px 24px;

    border-radius:10px;

    font-size:15px;

    font-weight:600;

    transition:0.3s;

}

.download-btn:hover{

    background:#0f2f6d;

}

/* =====================================================
   HELP BOX
===================================================== */

.forms-help-box{

    margin-top:60px;

    background:linear-gradient(
        135deg,
        #163b82,
        #24479e
    );

    padding:50px;

    border-radius:22px;

    color:#ffffff;

    text-align:center;

    box-shadow:0 10px 30px rgba(0,0,0,0.12);

}

.forms-help-box h2{

    font-size:38px;

    margin-bottom:18px;

}

.forms-help-box p{

    max-width:850px;

    margin:auto;

    line-height:1.9;

    color:rgba(255,255,255,0.92);

}

/* =====================================================
   CONTACT GRID
===================================================== */

.help-contact{

    display:grid;

    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

    gap:25px;

    margin-top:40px;

}

.help-item{

    background:rgba(255,255,255,0.10);

    padding:28px;

    border-radius:16px;

    border:1px solid rgba(255,255,255,0.15);

}

.help-item h3{

    margin-bottom:12px;

    font-size:22px;

}

.help-item p{

    margin:0;

    color:#ffffff;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:768px){

.forms-page{

    padding:60px 15px;

}

.forms-header h1{

    font-size:32px;

}

.forms-notice{

    padding:28px 22px;

}

.form-card{

    padding:28px 22px;

}

.forms-help-box{

    padding:35px 22px;

}

.forms-help-box h2{

    font-size:30px;

}

}

/* =====================================================
   ONLINE ENQUIRY PAGE
===================================================== */

.enquiry-page{

    padding:90px 20px;
    background:#f5f8ff;

}

.enquiry-container{

    max-width:1200px;
    margin:auto;

}

/* HEADER */

.enquiry-header{

    text-align:center;
    margin-bottom:50px;

}

.enquiry-tag{

    display:inline-block;
    background:#163b82;
    color:#ffffff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;

}

.enquiry-header h1{

    font-size:52px;
    color:#163b82;
    margin-bottom:18px;
    font-weight:800;

}

.enquiry-header p{

    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:1.9;
    color:#555555;

}

/* FORM BOX */

.enquiry-form-box{

    background:#ffffff;
    border-radius:30px;
    padding:50px;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);

}

/* FORM SECTION */

.form-section{

    margin-bottom:45px;

}

.form-section h2{

    color:#163b82;
    margin-bottom:28px;
    font-size:30px;

}

/* GRID */

.form-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;

}

.full-width{

    grid-column:1 / -1;

}

/* FORM GROUP */

.form-group{

    display:flex;
    flex-direction:column;

}

.form-group label{

    margin-bottom:10px;
    color:#163b82;
    font-weight:700;
    font-size:15px;

}

.form-group input,
.form-group select,
.form-group textarea{

    padding:16px;
    border:1px solid #d8dce7;
    border-radius:12px;
    font-size:15px;
    outline:none;
    transition:0.3s ease;
    background:#ffffff;

}

.form-group textarea{

    min-height:140px;
    resize:vertical;

}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#163b82;
    box-shadow:0 0 0 3px rgba(22,59,130,0.08);

}

/* NOTE BOX */

.document-note-box{

    background:#f7faff;
    border-left:4px solid #163b82;
    padding:20px;
    border-radius:12px;
    margin-bottom:35px;

}

.document-note-box p{

    margin:0;
    color:#444444;
    line-height:1.8;
    font-size:15px;

}

/* DECLARATION */

.declaration-box{

    margin-bottom:35px;

}

.checkbox-label{

    display:flex;
    gap:12px;
    align-items:flex-start;

}

.checkbox-label span{

    line-height:1.8;
    color:#444444;

}

/* SUBMIT BUTTON */

.submit-box{

    text-align:center;

}

.submit-box button{

    background:#163b82;
    color:#ffffff;
    border:none;
    padding:18px 38px;
    border-radius:14px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s ease;

}

.submit-box button:hover{

    background:#0d2d68;

}

/* MOBILE */

@media(max-width:768px){

    .enquiry-page{

        padding:60px 15px;

    }

    .enquiry-header h1{

        font-size:34px;

    }

    .enquiry-header p{

        font-size:15px;

    }

    .enquiry-form-box{

        padding:30px 22px;

    }

    .form-grid{

        grid-template-columns:1fr;

    }

    .form-section h2{

        font-size:24px;

    }

}

/* =====================================================
   CUSTOMER FEEDBACK PAGE
===================================================== */

.feedback-page{

    padding:90px 20px;
    background:#f5f8ff;

}

.feedback-container{

    max-width:1200px;
    margin:auto;

}

/* HEADER */

.feedback-header{

    text-align:center;
    margin-bottom:50px;

}

.feedback-tag{

    display:inline-block;
    background:#163b82;
    color:#ffffff;
    padding:10px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:700;
    margin-bottom:18px;

}

.feedback-header h1{

    font-size:52px;
    color:#163b82;
    margin-bottom:18px;
    font-weight:800;

}

.feedback-header p{

    max-width:850px;
    margin:auto;
    font-size:18px;
    line-height:1.9;
    color:#555555;

}

/* FORM BOX */

.feedback-form-box{

    background:#ffffff;
    border-radius:30px;
    padding:50px;
    box-shadow:0 15px 40px rgba(0,0,0,0.08);

}

/* FORM SECTION */

.form-section{

    margin-bottom:45px;

}

.form-section h2{

    color:#163b82;
    margin-bottom:28px;
    font-size:30px;

}

/* GRID */

.form-grid{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:24px;

}

.full-width{

    grid-column:1 / -1;

}

/* FORM GROUP */

.form-group{

    display:flex;
    flex-direction:column;

}

.form-group label{

    margin-bottom:10px;
    color:#163b82;
    font-weight:700;
    font-size:15px;

}

.form-group input,
.form-group select,
.form-group textarea{

    padding:16px;
    border:1px solid #d8dce7;
    border-radius:12px;
    font-size:15px;
    outline:none;
    transition:0.3s ease;
    background:#ffffff;

}

.form-group textarea{

    min-height:140px;
    resize:vertical;

}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color:#163b82;
    box-shadow:0 0 0 3px rgba(22,59,130,0.08);

}

/* NOTE BOX */

.document-note-box{

    background:#f7faff;
    border-left:4px solid #163b82;
    padding:20px;
    border-radius:12px;
    margin-bottom:35px;

}

.document-note-box p{

    margin:0;
    color:#444444;
    line-height:1.8;
    font-size:15px;

}

/* DECLARATION */

.declaration-box{

    margin-bottom:35px;

}

.checkbox-label{

    display:flex;
    gap:12px;
    align-items:flex-start;

}

.checkbox-label span{

    line-height:1.8;
    color:#444444;

}

/* SUBMIT BUTTON */

.submit-box{

    text-align:center;

}

.submit-box button{

    background:#163b82;
    color:#ffffff;
    border:none;
    padding:18px 38px;
    border-radius:14px;
    font-size:16px;
    font-weight:700;
    cursor:pointer;
    transition:0.3s ease;

}

.submit-box button:hover{

    background:#0d2d68;

}

/* MOBILE */

@media(max-width:768px){

    .feedback-page{

        padding:60px 15px;

    }

    .feedback-header h1{

        font-size:34px;

    }

    .feedback-header p{

        font-size:15px;

    }

    .feedback-form-box{

        padding:30px 22px;

    }

    .form-grid{

        grid-template-columns:1fr;

    }

    .form-section h2{

        font-size:24px;

    }

}

/* =====================================================
   FINANCIAL PERFORMANCE SECTION
===================================================== */

.financial-performance-section{

    padding:90px 20px;

    background:linear-gradient(
        135deg,
        #f5f8ff 0%,
        #eef3fb 100%
    );

}

.financial-performance-container{

    max-width:1400px;

    margin:auto;

}

/* HEADER */

.financial-header{

    text-align:center;

    margin-bottom:55px;

}

.financial-tag{

    display:inline-block;

    background:#163b82;

    color:#ffffff;

    padding:10px 20px;

    border-radius:50px;

    font-size:14px;

    font-weight:700;

    margin-bottom:18px;

}

.financial-header h1{

    font-size:52px;

    color:#163b82;

    margin-bottom:18px;

    font-weight:800;

}

.financial-header p{

    max-width:850px;

    margin:auto;

    font-size:18px;

    line-height:1.9;

    color:#555555;

}

/* CARDS */

.financial-cards{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:25px;

    margin-bottom:45px;

}

.financial-card{

    background:#ffffff;

    padding:30px;

    border-radius:24px;

    box-shadow:0 10px 28px rgba(0,0,0,0.06);

    text-align:center;

    transition:0.3s ease;

}

.financial-card:hover{

    transform:translateY(-6px);

}

.financial-card h3{

    color:#163b82;

    margin-bottom:15px;

    font-size:18px;

}

.financial-card h2{

    font-size:34px;

    color:#f4a300;

    margin-bottom:10px;

}

.financial-card p{

    color:#666666;

}

/* CHART */

.financial-chart-box{

    background:#ffffff;

    padding:40px;

    border-radius:28px;

    margin-bottom:45px;

    box-shadow:0 10px 28px rgba(0,0,0,0.06);

}

.chart-header{

    margin-bottom:25px;

}

.chart-header h2{

    font-size:34px;

    color:#163b82;

}

/* TABLE */

.financial-table-section{

    background:#ffffff;

    border-radius:28px;

    padding:40px;

    box-shadow:0 10px 28px rgba(0,0,0,0.06);

}

.financial-table-header{

    margin-bottom:25px;

}

.financial-table-header h2{

    font-size:34px;

    color:#163b82;

}

.financial-table-wrapper{

    overflow-x:auto;

}

.financial-table{

    width:100%;

    min-width:1100px;

    border-collapse:collapse;

}

.financial-table thead{

    background:#163b82;

}

.financial-table thead th{

    color:#ffffff;

    padding:18px;

    font-size:15px;

    text-align:left;

}

.financial-table tbody td{

    padding:16px 18px;

    border-bottom:1px solid #eeeeee;

    font-size:15px;

}

.financial-chart-box{

    position: relative;

    width: 100%;

    height: 500px;

    background: #ffffff;

    border-radius: 24px;

    padding: 30px;

    box-shadow: 0 10px 30px rgba(0,0,0,0.06);

}

#financialChart{

    width: 100% !important;

    height: 100% !important;

}


.financial-table tbody tr:hover{

    background:#f8fbff;

}

.financial-table tbody td:first-child{

    font-weight:700;

    color:#163b82;

}

/* MOBILE */

@media(max-width:992px){

    .financial-cards{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .financial-performance-section{

        padding:60px 15px;

    }

    .financial-header h1{

        font-size:34px;

    }

    .financial-header p{

        font-size:15px;

    }

    .financial-cards{

        grid-template-columns:1fr;

    }

    .financial-chart-box{

        padding:25px 18px;

    }

    .financial-table-section{

        padding:25px 18px;

    }

    .financial-table-header h2{

        font-size:28px;

    }
	
	.financial-chart-box{

        height: 380px;

        padding: 20px;

    }


}

/* =====================================================
   ORGANIZATIONAL STRUCTURE SECTION
===================================================== */

.org-structure-section{

    padding:80px 20px;
    background:#f5f7fb;

}

.org-structure-container{

    max-width:1300px;
    margin:auto;

}

/* =====================================================
   HEADER
===================================================== */

.org-header{

    text-align:center;
    margin-bottom:60px;

}

.org-tag{

    display:inline-block;
    background:#163b82;
    color:#fff;
    padding:8px 18px;
    border-radius:50px;
    font-size:14px;
    font-weight:600;
    margin-bottom:18px;

}

.org-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;

}

.org-header p{

    max-width:850px;
    margin:auto;
    color:#555;
    line-height:1.8;
    font-size:17px;

}

/* =====================================================
   CHART WRAPPER
===================================================== */

.org-chart-wrapper{

    background:#fff;
    border-radius:24px;
    padding:50px 30px;
    box-shadow:0 10px 40px rgba(0,0,0,0.06);

}

/* =====================================================
   LEVELS
===================================================== */

.org-level{

    display:flex;
    justify-content:center;
    align-items:center;
    margin-bottom:25px;

}

.org-grid{

    display:grid;
    gap:25px;
    margin-bottom:25px;

}

.three-grid{

    grid-template-columns:repeat(3,1fr);

}

.four-grid{

    grid-template-columns:repeat(4,1fr);

}

/* =====================================================
   CARDS
===================================================== */

.org-card{

    background:#ffffff;
    border-radius:18px;
    padding:28px 22px;
    text-align:center;
    border:1px solid #e5e7eb;
    transition:0.3s ease;
    position:relative;

}

.org-card:hover{

    transform:translateY(-5px);
    box-shadow:0 10px 25px rgba(0,0,0,0.08);

}

.org-card h3{

    font-size:20px;
    color:#163b82;
    margin-bottom:12px;
    font-weight:700;

}

.org-card p{

    color:#555;
    line-height:1.6;
    font-size:15px;

}

/* =====================================================
   CARD COLORS
===================================================== */

.chairman{

    border-top:5px solid #163b82;

}

.ceo{

    border-top:5px solid #f4c430;

}

.gm{

    border-top:5px solid #16a34a;

}

.manager{

    border-top:5px solid #0ea5e9;

}

.branch{

    border-top:5px solid #9333ea;

}

.staff{

    border-top:5px solid #ef4444;

}

/* =====================================================
   CONNECTOR LINE
===================================================== */

.org-line{

    width:4px;
    height:40px;
    background:#d1d5db;
    margin:0 auto 25px auto;
    border-radius:20px;

}

/* =====================================================
   INFO BOX
===================================================== */

.org-info-box{

    margin-top:50px;
    background:#163b82;
    padding:40px;
    border-radius:22px;
    color:#fff;

}

.org-info-box h2{

    margin-bottom:18px;
    font-size:30px;

}

.org-info-box p{

    line-height:1.9;
    margin-bottom:15px;
    font-size:16px;

}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){

    .three-grid,
    .four-grid{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:768px){

    .org-header h1{

        font-size:32px;

    }

    .three-grid,
    .four-grid{

        grid-template-columns:1fr;

    }

    .org-chart-wrapper{

        padding:35px 20px;

    }

}

@media(max-width:480px){

    .org-header h1{

        font-size:28px;

    }

    .org-card{

        padding:24px 18px;

    }

}

/* =====================================================
   E-STATEMENT PAGE
===================================================== */

.estatement-page{

    padding: 80px 20px;
    background: #f5f7fb;

}

.estatement-container{

    max-width: 1200px;
    margin: auto;

}

/* =====================================================
   HEADER
===================================================== */

.estatement-header{

    text-align: center;
    margin-bottom: 50px;

}

.estatement-tag{

    display: inline-block;
    background: #163b82;
    color: #fff;
    padding: 10px 22px;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 20px;

}

.estatement-header h1{

    font-size: 42px;
    color: #163b82;
    margin-bottom: 20px;

}

.estatement-header p{

    max-width: 850px;
    margin: auto;
    color: #555;
    line-height: 1.8;

}

/* =====================================================
   INFO BOX
===================================================== */

.estatement-info-box{

    background: #ffffff;
    padding: 35px;
    border-radius: 18px;
    margin-bottom: 40px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.06);

}

.estatement-info-box h3{

    color: #163b82;
    margin-bottom: 20px;

}

.estatement-info-box ul{

    padding-left: 20px;

}

.estatement-info-box li{

    margin-bottom: 12px;
    color: #444;
    line-height: 1.7;

}

/* =====================================================
   FORM BOX
===================================================== */

.estatement-form-box{

    background: #ffffff;
    padding: 45px;
    border-radius: 22px;
    box-shadow: 0 10px 35px rgba(0,0,0,0.07);

}

.form-section{

    margin-bottom: 45px;

}

.form-section h2{

    color: #163b82;
    margin-bottom: 25px;
    font-size: 28px;

}

.form-grid{

    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap: 25px;

}

.form-group{

    display: flex;
    flex-direction: column;

}

.full-width{

    grid-column: 1 / -1;

}

.form-group label{

    margin-bottom: 10px;
    font-weight: 600;
    color: #222;

}

.form-group input,
.form-group select,
.form-group textarea{

    padding: 15px;
    border: 1px solid #d8dce7;
    border-radius: 12px;
    font-size: 15px;
    transition: 0.3s;

}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus{

    border-color: #163b82;
    outline: none;
    box-shadow: 0 0 0 4px rgba(22,59,130,0.08);

}

.form-group textarea{

    min-height: 130px;
    resize: vertical;

}

/* =====================================================
   DECLARATION
===================================================== */

.declaration-box{

    background: #f8f9fd;
    padding: 25px;
    border-radius: 14px;
    margin-bottom: 35px;

}

.checkbox-label{

    display: flex;
    align-items: flex-start;
    gap: 12px;

}

.checkbox-label span{

    color: #444;
    line-height: 1.7;

}

/* =====================================================
   BUTTON
===================================================== */

.submit-box{

    text-align: center;

}

.submit-box button{

    background: #163b82;
    color: #ffffff;
    border: none;
    padding: 16px 45px;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;

}

.submit-box button:hover{

    background: #0f2d66;
    transform: translateY(-2px);

}

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

@media(max-width:768px){

    .estatement-header h1{

        font-size: 32px;

    }

    .estatement-form-box{

        padding: 30px 20px;

    }

}

/* =====================================================
   BUSINESS OD LIMIT PAGE CSS
===================================================== */

.od-loan-main{
    width:100%;
    padding:70px 20px;
    background:#f5f7fb;
}

.od-loan-container{
    max-width:1200px;
    margin:auto;
}

/* =====================================================
   HEADER
===================================================== */

.od-loan-header{
    text-align:center;
    margin-bottom:60px;
}

.od-loan-header h1{
    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;
}

.od-loan-header p{
    max-width:850px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:#555;
}

/* =====================================================
   INTRO SECTION
===================================================== */

.od-loan-intro{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;
}

.od-loan-image img{
    width:100%;
    border-radius:20px;
    display:block;
}

.od-loan-content h2{
    font-size:34px;
    color:#163b82;
    margin-bottom:20px;
}

.od-loan-content p{
    font-size:16px;
    color:#555;
    line-height:1.9;
    margin-bottom:18px;
}

/* =====================================================
   FEATURES
===================================================== */

.od-loan-features{
    margin-bottom:70px;
}

.od-loan-features h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;
}

.od-loan-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.od-loan-card{
    background:#ffffff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
    transition:0.3s;
}

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

.od-loan-card h3{
    font-size:22px;
    color:#163b82;
    margin-bottom:15px;
}

.od-loan-card p{
    color:#555;
    line-height:1.8;
    font-size:15px;
}

/* =====================================================
   TABLE
===================================================== */

.od-loan-details{
    margin-bottom:70px;
}

.od-loan-details h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;
}

.od-loan-table-wrap{
    overflow-x:auto;
    background:#fff;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

.od-loan-table{
    width:100%;
    border-collapse:collapse;
}

.od-loan-table thead{
    background:#163b82;
}

.od-loan-table thead th{
    color:#fff;
    padding:18px;
    font-size:16px;
    text-align:center;
}

.od-loan-table tbody td{
    padding:18px;
    border-bottom:1px solid #eee;
    text-align:center;
    color:#444;
    font-size:15px;
}

.od-loan-table tbody tr:hover{
    background:#f7f9fc;
}

/* =====================================================
   CONDITIONS
===================================================== */

.od-loan-conditions{
    background:#163b82;
    padding:45px;
    border-radius:20px;
    margin-bottom:70px;
}

.od-loan-conditions h2{
    color:#fff;
    margin-bottom:25px;
    font-size:32px;
}

.od-loan-conditions ul{
    padding-left:20px;
}

.od-loan-conditions ul li{
    color:#fff;
    margin-bottom:16px;
    line-height:1.8;
    font-size:16px;
}

/* =====================================================
   DOCUMENTS
===================================================== */

.od-loan-documents{
    margin-bottom:70px;
}

.od-loan-documents h2{
    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;
}

/* =====================================================
   NOTE
===================================================== */

.od-loan-note{
    background:#ffffff;
    padding:45px;
    border-radius:20px;
    box-shadow:0 5px 20px rgba(0,0,0,0.06);
}

.od-loan-note h2{
    color:#163b82;
    margin-bottom:20px;
    font-size:32px;
}

.od-loan-note p{
    color:#555;
    line-height:1.9;
    font-size:16px;
}

/* =====================================================
   RESPONSIVE
===================================================== */

@media(max-width:992px){

    .od-loan-intro{
        grid-template-columns:1fr;
    }

    .od-loan-grid{
        grid-template-columns:1fr 1fr;
    }

}

@media(max-width:768px){

    .od-loan-header h1{
        font-size:34px;
    }

    .od-loan-content h2,
    .od-loan-features h2,
    .od-loan-details h2,
    .od-loan-documents h2,
    .od-loan-note h2,
    .od-loan-conditions h2{
        font-size:28px;
    }

    .od-loan-grid{
        grid-template-columns:1fr;
    }

    .od-loan-card{
        padding:25px;
    }

    .od-loan-note,
    .od-loan-conditions{
        padding:30px;
    }

}

/* =====================================================
   BUSINESS DEVELOPMENT LOAN PAGE
===================================================== */

.bd-loan-main{

    width:100%;
    padding:70px 20px;
    background:#f5f7fb;

}

.bd-loan-container{

    max-width:1200px;
    margin:auto;

}

/* HEADER */

.bd-loan-header{

    text-align:center;
    margin-bottom:60px;

}

.bd-loan-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;

}

.bd-loan-header p{

    max-width:850px;
    margin:auto;
    color:#555;
    line-height:1.8;
    font-size:17px;

}

/* INTRO */

.bd-loan-intro{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    margin-bottom:70px;

}

.bd-loan-image img{

    width:100%;
    border-radius:18px;
    display:block;

}

.bd-loan-content h2{

    font-size:32px;
    color:#163b82;
    margin-bottom:20px;

}

.bd-loan-content p{

    color:#555;
    line-height:1.9;
    margin-bottom:15px;

}

/* FEATURES */

.bd-loan-features{

    margin-bottom:70px;

}

.bd-loan-features h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;

}

.bd-loan-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.bd-loan-card{

    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 5px 18px rgba(0,0,0,0.08);
    transition:0.3s;

}

.bd-loan-card:hover{

    transform:translateY(-6px);

}

.bd-loan-card h3{

    color:#163b82;
    margin-bottom:15px;
    font-size:22px;

}

.bd-loan-card p{

    color:#555;
    line-height:1.7;

}

/* TABLE */

.bd-loan-details{

    margin-bottom:70px;

}

.bd-loan-details h2{

    text-align:center;
    color:#163b82;
    margin-bottom:35px;
    font-size:34px;

}

.bd-loan-table-wrap{

    overflow-x:auto;
    background:#fff;
    border-radius:18px;
    box-shadow:0 5px 18px rgba(0,0,0,0.08);

}

.bd-loan-table{

    width:100%;
    border-collapse:collapse;

}

.bd-loan-table thead{

    background:#163b82;
    color:#fff;

}

.bd-loan-table th,
.bd-loan-table td{

    padding:18px;
    border-bottom:1px solid #eee;
    text-align:left;

}

.bd-loan-table tbody tr:hover{

    background:#f8fbff;

}

/* ELIGIBILITY */

.bd-loan-eligibility,
.bd-loan-terms,
.bd-loan-note{

    background:#fff;
    padding:40px;
    border-radius:18px;
    margin-bottom:40px;
    box-shadow:0 5px 18px rgba(0,0,0,0.08);

}

.bd-loan-eligibility h2,
.bd-loan-terms h2,
.bd-loan-note h2{

    color:#163b82;
    margin-bottom:25px;
    font-size:30px;

}

.bd-loan-eligibility ul,
.bd-loan-terms ul{

    padding-left:20px;

}

.bd-loan-eligibility li,
.bd-loan-terms li{

    margin-bottom:14px;
    color:#555;
    line-height:1.8;

}

/* DOCUMENTS */

.bd-loan-documents{

    margin-bottom:70px;

}

.bd-loan-documents h2{

    text-align:center;
    color:#163b82;
    margin-bottom:40px;
    font-size:34px;

}

/* NOTE */

.bd-loan-note p{

    color:#555;
    line-height:1.9;

}

/* RESPONSIVE */

@media(max-width:992px){

    .bd-loan-intro{

        grid-template-columns:1fr;

    }

    .bd-loan-grid{

        grid-template-columns:1fr 1fr;

    }

}

@media(max-width:768px){

    .bd-loan-header h1{

        font-size:32px;

    }

    .bd-loan-content h2,
    .bd-loan-features h2,
    .bd-loan-details h2,
    .bd-loan-documents h2{

        font-size:28px;

    }

    .bd-loan-grid{

        grid-template-columns:1fr;

    }

    .bd-loan-eligibility,
    .bd-loan-terms,
    .bd-loan-note{

        padding:25px;

    }

}

/* =====================================================
   PLANT & MACHINERY FINANCE PAGE
===================================================== */

.pmf-main{

    width:100%;
    padding:70px 20px;
    background:#f5f7fb;

}

.pmf-container{

    max-width:1200px;
    margin:auto;

}

/* HEADER */

.pmf-header{

    text-align:center;
    margin-bottom:60px;

}

.pmf-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;

}

.pmf-header p{

    max-width:900px;
    margin:auto;
    font-size:17px;
    line-height:1.8;
    color:#555;

}

/* INTRO */

.pmf-intro{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:40px;
    align-items:center;
    margin-bottom:70px;

}

.pmf-image img{

    width:100%;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,0.08);

}

.pmf-content h2{

    color:#163b82;
    margin-bottom:20px;
    font-size:32px;

}

.pmf-content p{

    font-size:16px;
    line-height:1.9;
    color:#555;
    margin-bottom:15px;

}

/* FEATURES */

.pmf-features{

    margin-bottom:70px;

}

.pmf-features h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;

}

.pmf-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;

}

.pmf-card{

    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 6px 20px rgba(0,0,0,0.06);
    transition:0.3s;

}

.pmf-card:hover{

    transform:translateY(-5px);

}

.pmf-card h3{

    color:#163b82;
    margin-bottom:15px;
    font-size:22px;

}

.pmf-card p{

    color:#555;
    line-height:1.8;

}

/* TABLE */

.pmf-details{

    margin-bottom:70px;

}

.pmf-details h2{

    text-align:center;
    color:#163b82;
    font-size:34px;
    margin-bottom:35px;

}

.pmf-table-wrap{

    overflow-x:auto;
    background:#fff;
    border-radius:18px;
    box-shadow:0 6px 20px rgba(0,0,0,0.06);

}

.pmf-table{

    width:100%;
    border-collapse:collapse;

}

.pmf-table thead{

    background:#163b82;
    color:#fff;

}

.pmf-table th{

    padding:18px;
    text-align:left;
    font-size:16px;

}

.pmf-table td{

    padding:18px;
    border-bottom:1px solid #eee;
    color:#444;
    line-height:1.7;

}

.pmf-table tbody tr:hover{

    background:#f7faff;

}

/* ELIGIBILITY */

.pmf-eligibility,
.pmf-terms,
.pmf-documents,
.pmf-note{

    background:#fff;
    padding:40px;
    border-radius:18px;
    margin-bottom:40px;
    box-shadow:0 6px 20px rgba(0,0,0,0.06);

}

.pmf-eligibility h2,
.pmf-terms h2,
.pmf-documents h2,
.pmf-note h2{

    color:#163b82;
    margin-bottom:25px;
    font-size:30px;

}

.pmf-eligibility ul,
.pmf-terms ul{

    padding-left:20px;

}

.pmf-eligibility li,
.pmf-terms li{

    margin-bottom:15px;
    color:#555;
    line-height:1.8;

}

/* NOTE */

.pmf-note p{

    color:#555;
    line-height:1.9;

}

/* RESPONSIVE */

@media(max-width:992px){

    .pmf-grid{

        grid-template-columns:repeat(2,1fr);

    }

    .pmf-intro{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .pmf-header h1{

        font-size:32px;

    }

    .pmf-features h2,
    .pmf-details h2,
    .pmf-eligibility h2,
    .pmf-terms h2,
    .pmf-documents h2,
    .pmf-note h2{

        font-size:28px;

    }

    .pmf-grid{

        grid-template-columns:1fr;

    }

    .pmf-eligibility,
    .pmf-terms,
    .pmf-documents,
    .pmf-note{

        padding:25px;

    }

}

/* =========================================
   TANGIBLE SECURITY LOAN PAGE
========================================= */

.tangible-loan-main{

    width:100%;
    padding:70px 20px;
    background:#f5f7fb;

}

.tangible-loan-container{

    max-width:1200px;
    margin:auto;

}

/* HEADER */

.tangible-loan-header{

    text-align:center;
    margin-bottom:60px;

}

.tangible-loan-header h1{

    font-size:42px;
    color:#163b82;
    margin-bottom:20px;
    font-weight:700;

}

.tangible-loan-header p{

    max-width:900px;
    margin:auto;
    line-height:1.8;
    color:#555;
    font-size:17px;

}

/* INTRO */

.tangible-loan-intro{

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:center;
    margin-bottom:70px;

}

.tangible-loan-image img{

    width:100%;
    border-radius:18px;
    box-shadow:0 10px 35px rgba(0,0,0,0.08);

}

.tangible-loan-content h2{

    color:#163b82;
    margin-bottom:20px;
    font-size:32px;

}

.tangible-loan-content p{

    margin-bottom:18px;
    line-height:1.9;
    color:#555;

}

/* FEATURES */

.tangible-loan-features{

    margin-bottom:70px;

}

.tangible-loan-features h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;

}

.tangible-loan-grid{

    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:25px;

}

.tangible-loan-card{

    background:#fff;
    padding:30px;
    border-radius:18px;
    box-shadow:0 8px 30px rgba(0,0,0,0.06);
    transition:0.3s;

}

.tangible-loan-card:hover{

    transform:translateY(-5px);

}

.tangible-loan-card h3{

    color:#163b82;
    margin-bottom:15px;
    font-size:22px;

}

.tangible-loan-card p{

    color:#555;
    line-height:1.8;

}

/* TABLE */

.tangible-loan-details{

    margin-bottom:70px;

}

.tangible-loan-details h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:35px;

}

.tangible-loan-table-wrap{

    overflow-x:auto;
    background:#fff;
    border-radius:20px;
    box-shadow:0 8px 30px rgba(0,0,0,0.06);

}

.tangible-loan-table{

    width:100%;
    border-collapse:collapse;

}

.tangible-loan-table thead{

    background:#163b82;
    color:#fff;

}

.tangible-loan-table th{

    padding:18px;
    text-align:left;
    font-size:16px;

}

.tangible-loan-table td{

    padding:18px;
    border-bottom:1px solid #eee;
    color:#444;
    line-height:1.7;

}

.tangible-loan-table tr:hover{

    background:#f8fbff;

}

/* TERMS */

.tangible-loan-terms{

    background:#163b82;
    padding:45px;
    border-radius:22px;
    margin-bottom:70px;

}

.tangible-loan-terms h2{

    color:#fff;
    margin-bottom:25px;
    font-size:32px;

}

.tangible-loan-terms ul{

    padding-left:20px;

}

.tangible-loan-terms li{

    color:#fff;
    margin-bottom:16px;
    line-height:1.9;

}

/* DOCUMENTS */

.tangible-loan-documents{

    margin-bottom:70px;

}

.tangible-loan-documents h2{

    text-align:center;
    font-size:34px;
    color:#163b82;
    margin-bottom:40px;

}

/* NOTE */

.tangible-loan-note{

    background:#fff;
    padding:45px;
    border-radius:20px;
    box-shadow:0 8px 30px rgba(0,0,0,0.06);
    text-align:center;

}

.tangible-loan-note h2{

    color:#163b82;
    margin-bottom:20px;
    font-size:30px;

}

.tangible-loan-note p{

    color:#555;
    line-height:1.9;
    max-width:900px;
    margin:auto;

}

/* RESPONSIVE */

@media(max-width:991px){

    .tangible-loan-intro{

        grid-template-columns:1fr;

    }

}

@media(max-width:768px){

    .tangible-loan-header h1{

        font-size:32px;

    }

    .tangible-loan-features h2,
    .tangible-loan-details h2,
    .tangible-loan-documents h2,
    .tangible-loan-note h2{

        font-size:28px;

    }

    .tangible-loan-terms{

        padding:30px;

    }

}