@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



:root{

  --primary:#fdc139;

  --accent:#b8860b;

  --text-dark:#333;

  --text-light:#555;

  --bg-soft:#fff;

  --btn-radius:14px;

  --shadow:rgba(0,0,0,0.08);







  /* rtgs */



   --dark: #0f172a;

  --text: #475569;

  --muted: #64748b;

  --gold-1: #ffd75f;

  --gold-2: #ffb00d;

}





    

    

    * {

        margin: 0;

        padding: 0;

        box-sizing: border-box;

      }





      body{

         font-family: "Poppins", sans-serif;

      }







      /* Google translate hide */
#google_translate_element {
  display: none;
}

.skiptranslate,
.goog-te-banner-frame {
  display: none !important;
}

body {
  top: 0px !important;
}

/* Language button (same style as your links) */
.lang-toggle {
  text-decoration: none;
  font-weight: 600;
  background: linear-gradient(135deg, #FFF1B8, #FFD15C);
  color: #5C3A00;
  border: 1px solid rgba(92, 58, 0, 0.25);
  box-shadow: 0 4px 10px rgba(0,0,0,0.15);
  padding: 6px 12px;
  border-radius: 10px;
  font-size: 12.5px;
  display: inline-flex;
  align-items: center;
  transition: all 0.3s ease;
}

.lang-toggle:hover {
  background: linear-gradient(135deg, #FFDD7E, #FFB400);
  transform: translateY(-2px);
}







      /********** Pre Loader css  *******/


            /* ===== PRELOADER BACKGROUND ===== */
/* #preloader {
  position: fixed;
  inset: 0;
  background: linear-gradient(135deg, #fff3b0, #ffe08a);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
} */


#preloader {
  position: fixed;
  inset: 0;

  /* BACKGROUND IMAGE */
  background:
    /* linear-gradient(
      135deg,
      rgba(255,243,176,0.85),
      rgba(255,224,138,0.85)
    ), */
     linear-gradient(
      135deg,
      rgba(255, 243, 176, 0.212),
      rgba(255, 224, 138, 0.205)
    ),
    url("../004-01 (1) (1) (1) (1).webp");

  /* background-size: 40% auto; */
  background-size: auto 100vh;

  /* background-size: contain; */
  /* background-size: cover; */
  background-position: center 6%;
  background-repeat: no-repeat;


  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 99999;
}




/* ===== CLOSE BUTTON ===== */
#preloader .close-loader {
  position: absolute;
  top: 25px;
  right: 35px;
  background: rgba(0,0,0,0.1);
  border: none;
  font-size: 21px;
  font-weight: bold;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer;
  color: #1f2933;
}

#preloader .close-loader:hover {
  background: rgba(0,0,0,0.2);
}

/* ===== CENTER CONTENT ===== */
#preloader .loader-wrapper {
  text-align: center;
}

/* ===== BIG MODERN SPINNER ===== */
#preloader .big-spinner {
  width: 120px;
  height: 120px;
  border: 7px solid rgba(0,0,0,0.15);
  border-top: 7px solid #1f2933;
  border-radius: 50%;
  margin: 0 auto 35px;
  animation: spin 1s linear infinite;
}

/* ===== BANK TEXT ===== */
#preloader .bank-text {
  font-family: 'Poppins', sans-serif;
  color: #1f2933;
}

#preloader .line {
  font-weight: 700;
  letter-spacing: 1px;
  line-height: 1.5;
}

/* sizes */
#preloader .line1 {
  font-size: 36px;
  /* color: #000; */
  /* color: rgb(241, 241, 241); */
  color: #000000;

}

#preloader .line2 {
  font-size: 28px;
  /* color: #6b5a00; */
  color: #d1b110;
}

/* ===== CHARACTER ANIMATION ===== */
#preloader .line span {
  display: inline-block;
  opacity: 0;
  transform: translateY(50px) rotate(-90deg);
  animation: charUp 0.6s ease forwards;
}

/* ===== ANIMATIONS ===== */
@keyframes spin {
  to { transform: rotate(360deg); }
}

@keyframes charUp {
  to {
    opacity: 1;
    transform: translateY(0) rotate(0deg);
  }
}

/* ===== HIDE PRELOADER ===== */
#preloader.hide {
  opacity: 0;
  visibility: hidden;
  transition: all 0.8s ease;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {

  #preloader {
    background-size: cover;
  }
  #preloader .big-spinner {
    width: 90px;
    height: 90px;
  }

  #preloader .line1 {
    font-size: 28px;
  }

  #preloader .line2 {
    font-size: 22px;
  }
}

@media (max-width: 480px) {
  #preloader .big-spinner {
    width: 75px;
    height: 75px;
  }

  #preloader .line1 {
    font-size: 22px;
  }

  #preloader .line2 {
    font-size: 18px;
  }

  #preloader .close-loader {
    top: 12px;
    right: 12px;
  }
}












      .bank-navbar {

        /* background: #003973; 

background: -webkit-linear-gradient(to left, #E5E5BE, #003973);  

background: linear-gradient(to left, #E5E5BE, #003973);  */



        /* background: linear-gradient(to left, #E5E5BE, #003973); */



        background: linear-gradient(135deg, #fff3b0, #ffe08a);

        border-bottom: 1px solid #ffc85a;

        padding: 10px 40px 15px 40px;

        color: white;

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

        /* box-shadow: 0 6px 25px rgba(0, 0, 0, 0.35); */

      }



      /* TOP SECTION */

      .nav-top {

        display: flex;

        justify-content: space-between;

        align-items: center;

      }



      .logo-box {

        display: flex;

        align-items: center;

        gap: 12px;

      }



      .logo-box img {

        width: 95px;

        height: 95px;

        border-radius: 10%;

      }



      .logo-box h2 {

        font-size: 26.5px;

        font-weight: 600;

        color: #541717;

      }



      /* MARQUEE GLASS BOX */

      .marquee-box {

        width: 680px;

        background: linear-gradient(

          135deg,

          rgba(255, 248, 214, 0.65),

          rgba(255, 234, 167, 0.55)

        );

        border: 1px solid rgba(74, 43, 10, 0.25); /* warm brown border */

        border-radius: 45px 18px 45px 18px;

        padding: 12px 22px;

        backdrop-filter: blur(14px);

        box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1); /* softer shadow */

        transition: 0.3s ease;

      }



      .marquee-text {

        font-size: 13.5px;

        font-weight: 500;

        letter-spacing: 0.4px;

        margin-bottom: 8px;

        color: #4a2b0a;

      }



      /* LINKS INSIDE MARQUEE */

      .marquee-links {

        display: flex;

        justify-content: space-between;

      }



      .marquee-links a {

        text-decoration: none;

        font-weight: 600;

       background: linear-gradient(135deg, #FFF1B8, #FFD15C); /* soft warm yellow gradient */

  color: #5C3A00; /* warm brown for contrast */

    border: 1px solid rgba(92, 58, 0, 0.25);

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

        padding: 6px 12px;

        border-radius: 10px;

        margin-left: 5px;

        font-size: 12.5px;

        display: flex;

        align-items: center;

        gap: 7px;

       transition: all 0.3s ease;

        

      }



      .marquee-links a i {

  font-size: 15px; /* default 13-14px ho sakta tha, ab bada kar diya */

  line-height: 1;

  transition: all 0.3s ease;

}



 .marquee-links a:hover {

  background: linear-gradient(135deg, #FFDD7E, #FFB400); /* bright warm gradient */

  color: #4A2B0A; /* warm brown for contrast */

  transform: translateY(-2px); /* subtle lift */

  box-shadow: 0 6px 16px rgba(255, 180, 0, 0.35); /* soft golden glow */

}



.marquee-links a:hover i {

  text-shadow: 0 0 6px rgba(255, 180, 0, 0.7); /* subtle icon glow */

}







      /* MAIN NAV LINKS */

      .main-links {



        position: sticky !important;

        top: -100px;

        /* background: rgba(255,255,255,0.65); */

        /* background: rgba(255, 243, 176, 0.45); */

        /* backdrop-filter: blur(12px); */

         position: relative;

          z-index: 3000;



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

        backdrop-filter: blur(8px);



        color: #0a1a4a;

        padding: 3px 0px;

        /* border: 1px solid rgba(0,0,0,0.08); */

        display: flex;

        justify-content: center;

        gap: 12px;

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

        transition: background 0.3s ease, box-shadow 0.3s ease;

      }



      .main-links.scrolled {

        top: 0;

  background: #ffffff;

  box-shadow: 0 4px 20px rgba(0,0,0,0.1);

  padding: 5px 0px;

}





      .main-links a {

        /* color: #0a1a4a; */

        color: #4a2b0a !important;

        text-decoration: none;



        padding: 10px 16px;

        border-radius: 12px;

        gap: 8px;

        font-weight: 500;

        cursor: pointer;

        margin: 0 6px;

        display: flex;

        align-items: center;

        transition: 0.3s ease;

        font-size: 16px;

      }



      .main-links a:hover {

        background: rgba(74, 43, 10, 0.08); /* warm soft brown */

        border-color: rgba(74, 43, 10, 0.25); /* slightly stronger border */

        transform: translateY(-2px);

        padding-left: 10px;

        border-radius: 10px;

      }



      .main-links i {

        font-size: 20px;

        font-weight: 500;

      }



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

      .main-links .nav-item {

        position: relative;

        list-style: none;

      }



    .mega-menu {

  position: absolute;

  top: 52px;

  left: 50%;

  transform: translateX(-50%);



  width: 750px;



  /* 🔥 THIS IS THE REAL FIX */

  max-width: min(750px, calc(100vw - 30px));

  /* 15px left + 15px right safety margin */



  overflow-x: hidden;   /* menu ko cut hone se rokega */

  white-space: normal;  /* content wrap hoga */



  background: linear-gradient(135deg, #FFF3B0, #FFD966, #FFC85C);

  color: #4A2B0A;

  backdrop-filter: blur(14px);

  border: 1px solid rgba(92, 58, 0, 0.25);

  box-shadow: 0 14px 45px rgba(0,0,0,0.2);

  padding: 25px 30px;

  border-radius: 22px;

  display: none;

  z-index: 99999 !important;

}





      @keyframes fadeMega {

        from {

          opacity: 0;

          transform: translate(-50%, 5px);

        }

        to {

          opacity: 1;

          transform: translate(-50%, 0px);

        }

      }



      .mega-row {

        width: 33.33%;

        float: left;

        /* padding: 0 12px; */

      }



      .mega-menu h4 {

         /* float: left;  */

         width: 100%;

         border-left: 4px solid #5C3A00;

         padding-left: 6px;

        font-size: 24px;

        font-weight: 600;

        color: #5C3A00;

        letter-spacing: 0.3px;

        /* padding-left: 10px; */ 

        margin-bottom: 15px;

      }



      .mega-row a {

        display: block;

        padding: 10px 0;

      color: #4A2B0A !important;

        opacity: 0.92;

        font-size: 17px;

        font-weight: 500;

        border-radius: 6px;

        text-decoration: none;

        transition: 0.25s ease;

      }



      .mega-row a:empty {

    pointer-events: none;   /* click disable */

    cursor: default;        /* normal cursor */

    background: none !important; 

    color: inherit !important;

}



      .mega-row a:hover {

       color: #701e00 !important; 

  transform: translateX(3px);

  /* color: red !important; */

  text-shadow: 0 0 6px rgba(255, 220, 100, 0.7);

  border-left: 4px solid rgb(233, 178, 0);



        /* padding-left: 10px; */

        /* opacity: 1; */

        /* transform: translateX(2px); */

      }



      /* Show on hover */

      .nav-item:hover .mega-menu {

        display: block;

      }



      /* Clear float */

      .mega-menu::after {

        content: '';

        display: block;

        clear: both;

      }



      /* DOWN ARROW FOR MEGA MENU LINKS */

      .has-mega > a {

        position: relative;

        padding-right: 28px; /* space for arrow */

      }



      /* Font Awesome arrow */

      .has-mega > a::after {

        font-family: 'Font Awesome 6 Free';

        font-weight: 900;

        content: '\f078'; /* fa-chevron-down */

        font-size: 15px;

        position: absolute;

        right: 6px;

        top: 50%;

        transform: translateY(-50%);

        transition: 0.25s ease;

        opacity: 0.8;

      }



      /* Rotate arrow when hovered */

      .has-mega:hover > a::after {

        transform: translateY(-50%) rotate(180deg);

        opacity: 1;

      }



















      /* MOBILE NAV HEADER */

.mobile-nav-header {

  width: 100%;

  display: flex;

  align-items: center;

  justify-content: space-between !important;



  padding-bottom: 15px;

  margin-bottom: 22px;

  border-bottom: 1px solid rgba(74, 43, 10, 0.25);

}



.mobile-nav-logo {

     width: 88px;

    height: 88px;

    border-radius: 8px;

  /* object-fit: contain; */

}



/* HAMBURGER */

.mobile-hamburger {

  display: none;

  font-size: 36px;

  cursor: pointer;

  color: #4A2B0A;

  padding: 6px;

  border-radius: 10px;

  transition: 0.25s ease;

}



.mobile-hamburger:hover {

  background: rgba(255, 229, 160, 0.6);

}



/* FULLSCREEN MOBILE NAV */

.mobile-nav {

  position: fixed;

  top: 0;

  left: -100%;

  width: 100%;

  height: 100vh;



  /* Updated gradient with warm gold + subtle purple */

  background: linear-gradient(135deg, #FFD77A 0%, #FFC85C 50%, #FFB347 100%);

  backdrop-filter: blur(20px);



  border-radius: 0 20px 20px 0;

  box-shadow: 4px 0 45px rgba(0,0,0,0.28);



  padding: 20px 28px;

  transition: 0.35s ease-out;

  z-index: 2000;



  overflow-y: auto;

}



.mobile-nav.active {

  left: 0;

}



/* CLOSE BUTTON */

.close-btn {

  font-size: 45px;

  cursor: pointer;

  color: #5C3A00; /* warm brown */

  transition: 0.25s ease;

  padding: 6px;

  border-radius: 12px;

}



.close-btn:hover {

  background: rgba(92,58,0,0.15);

  transform: rotate(90deg);

}



/* MENU LIST */

.mobile-nav-list {

  list-style: none;

  padding-left: 0;

  margin-top: 8px;

}



.mobile-nav-list li {

  margin-bottom: 18px;

}



/* LINKS Updated */

.mobile-nav-list a {

    display: flex;

    align-items: center;

    gap: 11px;

    padding: 10px 18px;

    background: linear-gradient(to right, rgba(255, 255, 255, 0.55), rgba(255, 255, 255, 0.35));

    border: 1px solid rgba(92, 58, 0, 0.25);

    border-radius: 16px;

    color: #5C3A00;

    text-decoration: none;

    font-size: 18px;

    font-weight: 600;

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

    transition: 0.35s 

ease;

    backdrop-filter: blur(6px);

}



.mobile-nav-list a:active {

  background: linear-gradient(to right, #FFF1B8, #FFD15C);

  color: #3F2705;

  transform: translateX(8px);

  box-shadow: 0 8px 22px rgba(0,0,0,0.18);

} 



/* ICON SIZES */

.mobile-nav-list a i {

  font-size: 24px;

}



/* DROPDOWN */

.m-menu {

  display: none;

  margin-top: 10px;

  padding-left: 15px;

}



.m-dropdown.open .m-menu {

  display: block;

}



.m-menu a {

  font-size: 18px;

  padding: 13px 16px;

  margin-bottom: 10px;

}



/* BACKDROP */

.nav-backdrop {

  position: fixed;

  inset: 0;

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

  backdrop-filter: blur(5px);

  opacity: 0;

  pointer-events: none;

  z-index: 1500;

  transition: 0.3s ease;

}



.nav-backdrop.active {

  opacity: 1;

  pointer-events: auto;

}





.m-arrow {

  margin-left: auto;

  font-size: 16px;

  transition: 0.3s ease;

  display: flex;

  align-items: center;

  color: #5C3A00; /* warm brown */

}



/* Rotate arrow when open */

.m-dropdown.open .m-arrow {

  transform: rotate(180deg); /* ^ => v */

}



/* Dropdown open state styling */

.m-dropdown.open > .m-toggle {

  background: linear-gradient(to right, #FFF1B8, #FFD15C);

  color: #3F2705;

}























/***************Index Hero Slider ****************/





#heroSlider .carousel,

.carousel-inner,

.carousel-item,

.slider-img {

    position: relative;

    z-index: 1; /* slider ko niche bhej diya */

}



#heroSlider .slider-img {

  width: 100%;

  height: 100%;         

  object-fit: cover;

  

}



/* =========================================

          MODERN CLEAN ARROWS

   ========================================= */





#heroSlider .clean-arrow {

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

  width: 50px;

  height: 50px;

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

  border-radius: 14px;

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

  backdrop-filter: blur(12px);

  display: flex;

  align-items: center;

  justify-content: center;

  transition: .25s ease;

  z-index: 10;

}



#heroSlider .clean-arrow i {

  font-size: 30px;

  color: #fff;

}



#heroSlider .clean-arrow:hover {

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

  transform: translateY(-50%) scale(1.12);

}



/* Arrow Positions */

#heroSlider .carousel-control-prev { left: 28px; }

#heroSlider .carousel-control-next { right: 28px; }



/* =========================================

           CIRCULAR INDICATORS

   ========================================= */

#heroSlider .custom-indicators button {

  width: 9px !important;

  height: 9px !important;

  border-radius: 50% !important;

  background-color: rgba(255,255,255,0.5) !important;

  border: 1px solid rgba(255,255,255,0.6) !important;

  margin: 0 4px !important;

  opacity: 1 !important;

  transition: .25s ease !important;

}



#heroSlider .custom-indicators .active {

  background-color: #fff !important;

  transform: scale(1.35);

  box-shadow: 0 0 10px rgba(255,255,255,0.9);

}





















/************ Index Right-sidebar Pannel Css ************/



.index-right-sidebar .custom-nav {

    width: 7%; /* percentage width */

    min-width: 70px;

    background-color: #f3f3f3;

    position: fixed;

    right: 0;

    top: 65%;

    transform: translateY(-50%); /* perfectly vertically center */

    z-index: 1000;

    box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);

    border-right: 1px solid #e0e0e0;

    border-radius: 12px 0 0 12px;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 8px 0 0px 0px;

    transition: all 0.3s ease;

}



/* Hover expand effect */

.index-right-sidebar .custom-nav:hover {

    width: 8%; /* slightly expand on hover */

    box-shadow: -3px 0 12px rgba(0, 0, 0, 0.15);

}



/* Top button */

.index-right-sidebar .custom-nav-btn {

    /* margin-bottom: 8px; */

    padding: 5px 4px;

    width: 90%;

    background: linear-gradient(135deg, #ffd966, #ffc107);

    color: #4a2b0a;

    font-weight: 600;

    border-radius: 8px;

    text-align: center !important;

    cursor: pointer;

    transition: all 0.3s ease;

}



.index-right-sidebar .custom-nav-btn P{

    font-size: 13px;

    margin-bottom: 0PX;

    padding-bottom: 2px;



}



.index-right-sidebar .custom-nav-item:hover::after {

    opacity: 0;

}



.index-right-sidebar .custom-nav-btn:hover {

    transform: scale(1.05);

    box-shadow: 0 4px 12px rgba(0,0,0,0.18);

}



/* Individual nav items */

.index-right-sidebar .custom-nav-item {

    /* border-bottom: 1px solid #4a2b0a; */

    display: flex;

    flex-direction: column;

    align-items: center;

    gap: 2px; /* spacing kam */

    margin: 4px 0; /* margin kam */

    padding: 5px 4px;

    /* background: rgba(255,255,255,0.95); */

    border-radius: 10px;

    text-decoration: none;

    color: #4a2b0a;

    font-weight: 500;

    transition: all 0.3s ease;

    width: 100%; /* inside panel */

    position: relative;

}



.index-right-sidebar .custom-nav-item::after {

    content: '';

    position: absolute;

    bottom: 0;

    left: 10%;

    width: 80%;

    height: 1px;

    background: grey;

    transition: opacity 0.3s ease;

}



.index-right-sidebar .custom-nav-item:hover {

    background: linear-gradient(135deg, #ffd966, #ffb300);

    color: #fff;

    transform: translateX(-3px);

    box-shadow: 0 3px 12px rgba(0,0,0,0.18);

     width: 85%;

}



.index-right-sidebar .custom-nav-item i {

    font-size: 18px; /* thoda chhota */

}



.index-right-sidebar .custom-nav-item span {

    font-size: 11px; /* chhota text */

    font-weight: 600;

    text-align: center;

}





















/******* IndexPage Loan Service Sec *********/



.loan-services-section {

    width: 100%;

    background: #f8f9fa;

    padding: 60px 40px;

}



.loan-services-section .loan-title {

    font-size: 37px;

    letter-spacing: 0.5px;

    font-weight: 700;

    margin-bottom: 50px;

    color: #333;

    text-align: center;

}



.loan-services-section .loan-card {

    background: #fff;

    border-radius: 14px;

    overflow: hidden;

    padding-bottom: 22px;

    width: 100%;

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

    transition: 0.25s ease;

    height: 100%;

}



.loan-services-section .loan-card:hover {

    transform: translateY(-6px);

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

    /*background: #fcdb322e;*/

}



.loan-card img {

    width: 100%;

    height: 205px;

    object-fit: cover;

}







.loan-services-section .loan-card h3 {

    margin: 20px 22px 8px;

    font-size: 24px;

    font-weight: 600;

}



.loan-services-section .loan-card p {

    margin: 0 22px 10px;

    padding-bottom: 5px;

    font-size: 16px;

    color: #686868;

    line-height: 1.7;

}



.loan-services-section .loan-btn {

    display: inline-block;

    margin-left: 22px;

    padding: 9px 22px;

    background: linear-gradient(135deg, #ffdd75, #ffbd36);

    color: #000;

    font-weight: 600;

    border-radius: 8px;

    text-decoration: none;

  position: relative;

  overflow: hidden;

  transition: all 0.35s ease;

}









.loan-services-section .loan-btn::after{

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 120%;

  height: 100%;

  background: linear-gradient(

    120deg,

    transparent,

    rgba(255,255,255,0.6),

    transparent

  );

  transition: all 0.6s ease;

}



/* Hover magic */

.loan-services-section .loan-btn:hover{

  transform: translateY(-2px);

  box-shadow: 

    0 10px 25px rgba(255,189,54,0.45),

    inset 0 0 0 1px rgba(255,255,255,0.6);

  background: linear-gradient(135deg, #ffd24d, #ffb300);

}



.loan-services-section .loan-card:hover .loan-btn{

  transform: translateY(-2px);

  box-shadow: 

    0 10px 25px rgba(255,189,54,0.45),

    inset 0 0 0 1px rgba(255,255,255,0.6);

  background: linear-gradient(135deg, #ffd24d, #ffb300);

}





/* Shine movement */

.loan-services-section .loan-btn:hover::after{

  left: 120%;

}













.loan-services-section .swiper {

  position: relative;

  padding-bottom: 55px !important; /* pagination ke liye extra space */

}





/* Pagination ko container ke andar bottom me rakho */

.loan-services-section .swiper-pagination {

  position: absolute !important;

  bottom: 3px !important; /* container ke bottom se thoda upar */

  left: 0;

  width: 100%;

  text-align: center;

  top: auto !important; /* top remove karo */

}



/* Optional: dots styling */

.loan-services-section .swiper-pagination-bullet {

  width: 11px;

  height: 11px;

  background: #ffc107;

  opacity: 0.7;

  margin: 0 6px;

  transition: all 0.3s ease;

}



.loan-services-section .swiper-pagination-bullet-active {

  opacity: 1;

  transform: scale(1.3);

  background: #ff9800;

}



.loan-services-section .card-description {

  font-size: 15px;

  color: #4a4a4a;

  line-height: 1.5;      /* spacing between lines */

  max-height: 3.6em;     /* 2–3 lines approx */

  overflow: hidden;

  margin: 12px 0;        /* thoda spacing upar niche */

  text-align: left;       /* left aligned, consistent */

  display: block;

}



/* optional fade effect for overflow */

.loan-services-section .card-description::after {

  content: "";

  display: block;

  height: 1em;

  margin-top: -1em;

  background: linear-gradient(to bottom, rgba(255,255,255,0), #f8f9fa);

}















/******** Index Banking Services Css ********/



/* ------------------------------

   GLOBAL SECTION STYLING

------------------------------ */

.index-bankingServices {

  /* padding: 60px 0; */

  background: #fff;

  /* margin-top: 30px; */

}



/* TITLE */

.index-bankingServices .main-title {

  font-size: 34px;

  font-weight: 600;

  margin-bottom: 30px;

  background: linear-gradient(135deg, #57340c, #846a00);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent;

  padding-top: 60px;

}



/* GRID CARDS */

.index-bankingServices .bank-card {

  background: #ffffff;

  border-radius: 15px;

  padding: 25px 10px;

  text-align: center;

  border: 1px solid #eee;

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

  transition: 0.3s ease;

}







.index-bankingServices .bank-card:hover {

  transform: translateY(-6px);

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

  background: linear-gradient(135deg, #ffd966, #ffc107);

  

}



.index-bankingServices .bank-card:hover i{

  color: white;

}



/* ICON */

.index-bankingServices .bank-card i {

  font-size: 32px;

  color: #ffcc3e;

  margin-bottom: 8px;

}



/* TEXT */

.index-bankingServices .bank-card p {

  font-size: 14px;

  font-weight: 600;

  margin: 0;

  color: #333;

}



/* RIGHT IMAGE FULL HEIGHT */

.index-bankingServices .bankingServices-img {

  width: 100%;

  height: 100%;

  min-height: 100%;

  /* border-radius: 20px; */

  border-radius: 10px 0px 0px 10px ;



  background: url("../dauter.jpg") center/cover no-repeat;

  position: relative;

}



/* OVERLAY MATCHING NAVBAR */

/* .bankingServices-img::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(135deg,

    rgba(255,243,176,0.35),

    rgba(255,224,138,0.35)

  );

  border-radius: 20px;

} */



.index-bankingServices .banking-grid {

    padding-bottom: 100px;

}















/*********** Index Personal banking Css **********/





.personal-banking-modern {

  width: 100%;

  background: #f8f9fa; /* Matching navbar */

  padding: 75px 20px;

}



.personal-banking-modern .pb-title {

 font-size: 37px;

     padding-bottom: 12px;

    letter-spacing: 0.4px;

    font-weight: 700;

    margin-bottom: 50px;

  /* background: linear-gradient(135deg, #185091, #fecb00);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;*/





 color: #2f2f2f;





    /* color: #000; */

    text-align: center;

}



/* Row */

.personal-banking-modern .pb-row {

  display: flex;

  flex-wrap: wrap;

  gap: 38px;

  justify-content: center;

}



/* Card */

.personal-banking-modern .pb-card {

  background: #fff;

  border-radius: 13px;

  overflow: hidden;

  width: 400px; /* Fixed width */

  display: flex;

  flex-direction: column;

  height: 100%;

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

  transition: all 0.3s ease;

}



.personal-banking-modern .pb-card:hover {

  transform: translateY(-12px);

  box-shadow: 0 18px 40px rgba(44, 57, 230, 0.12);

}



/* .personal-banking-modern .pb-card:hover img{

  transform: scale(1.75);

} */



/* Image */

.personal-banking-modern .pb-img img {

  width: 100%;

  height: 215px;

  object-fit: cover;

  transition: transform 0.3s ease;

}



.personal-banking-modern .pb-card:hover .pb-img img {

  transform: scale(1.10);



}



/* Content */

.personal-banking-modern .pb-content {

  padding: 25px 25px;

  display: flex;

  flex-direction: column;

  flex-grow: 1;

}



.personal-banking-modern .pb-content h3 {

  font-size: 23px;

  font-weight: 600;

  color: #212529;

  margin-bottom: 12px;

}



.personal-banking-modern .pb-content p {

  flex-grow: 1;

  font-size: 15px;

  color: #555;

  margin-bottom: 15px;

  line-height: 1.7;

}



/* Button */

.personal-banking-modern .pb-btn {

 display: inline-block;

    padding: 8px 5px;

    border-radius: 15px;

    background: linear-gradient(135deg, #ffd75f, #ffb00d);

    /*color: #212529;*/

    color:  #3a2f1c;

    font-weight: 600;

    font-size: 15px;

    text-decoration: none;

    text-align: center;

    /*transition: 0.3s;*/

    width: 35%;

    position: relative;

    overflow: hidden;

    transition: all 0.35s ease;



}







.personal-banking-modern .pb-btn::after{

  content: "";

  position: absolute;

  top: 0;

  left: -120%;

  width: 120%;

  height: 100%;

  background: linear-gradient(

    120deg,

    transparent,

    rgba(255,255,255,0.6),

    transparent

  );

  transition: all 0.6s ease;

}



.personal-banking-modern .pb-btn:hover::after{

  left: 120%;

}



/* Hover magic */

.personal-banking-modern .pb-btn:hover,

.personal-banking-modern .pb-card:hover .pb-btn{

  transform: translateY(-2px);

  box-shadow: 

    0 10px 25px rgba(255,189,54,0.45),

    inset 0 0 0 1px rgba(255,255,255,0.6);

  background: linear-gradient(135deg, #ffd24d, #ffb300);

}











/*.personal-banking-modern .pb-btn:hover {

  opacity: 0.85;

  transform: translateY(-2px);

}*/













/* Section background & padding */

.rates-section {

  width: 100%;

  /* background: #f8f9fa; */

  background-color: #ffee7a;

  padding: 80px 20px;

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

}



/* Header */

.rates-section .rates-header {

  text-align: center;

  margin-bottom: 50px;

}



.rates-section .rates-title {

  font-size: 35px;

    font-weight: 600;

    letter-spacing: 0.4px;

    color: #4e0a0a;

    margin-bottom: 10px;

}



.rates-section .rates-desc {

  font-size: 16px;

  color: #555;

  margin-bottom: 20px;

}



.rates-section .rates-btn {

  display: inline-block;

  font-size: 14px;

  font-weight: 600;

  padding: 10px 25px;

  border-radius: 50px;

  background: linear-gradient(135deg, #ffd75f, #ffb00d);

    color: #4e0707;

  text-decoration: none;

  transition: 0.3s;

}



.rates-section .rates-btn i {

  margin-left: 8px;

  transition: transform 0.3s;

}



.rates-section .rates-btn:hover i {

  transform: translateX(4px);

}



.rates-section .rates-btn:hover {

  /* opacity: 0.85; */

  background: white;

}



/* Cards row */

.rates-section .rates-cards {

  max-width: 1200px;

  margin: 0 auto;

}



.rates-section .rates-row {

  display: flex;

  flex-wrap: wrap;

  gap: 30px;

  justify-content: center;

}



/* Individual card */

.rates-section .rate-card {

  background: #fffedd;

  border-radius: 15px;

  padding: 30px 20px 20px;

  text-align: center;

  width: 260px;

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

  transition: all 0.3s ease;

}



.rates-section .rate-card:hover {

  transform: translateY(-8px);

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

  background: white;

}



/* Card image */

.rates-section .rate-card img {

  width: 70px;

  height: 70px;

  object-fit: contain;

  margin-bottom: 20px;

  transition: transform 0.3s;

}



.rates-section .rate-card:hover img {

  transform: scale(1.1);

}



/* Rate value */

.rates-section .rate-value {

  font-size: 28px;

  font-weight: 700;

  color: #185091;

  margin-bottom: 5px;

}



.rates-section .rate-period {

  font-size: 14px;

  color: #555;

}



/* Loan type */

.rates-section .rate-type {

  font-size: 14px;

  color: #555;

  margin-top: 5px;

  line-height: 1.5;

}



/* Footer */

.rates-section .rates-footer {

  font-size: 14px;

  color: #555;

}

















/* Index App Bnner Css */







/* HERO SECTION */

.hero-app-sec {

  padding: 30px 0;

  background: #f7f9fc;

}



.hero-wrapper {

  width: 78%;

  max-width: 1300px;

  margin: auto;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 50px;

}



/* LEFT TEXT */

.hero-left h1 {

  font-size: 46px;

  font-weight: 700;

  color: #1b2d45;

  line-height: 1.15;

  margin-bottom: 20px;

}



.hero-left p {

  font-size: 18px;

  line-height: 1.6;

  max-width: 500px;

  color: #4b5a6a;

  margin-bottom: 30px;

}



/* PLAY BUTTON */

.play-btn-black {

  display: flex;

  align-items: center;

  background: #000;

  width: fit-content;

  color: #fff;

  padding: 12px 30px 12px 20px;

  border-radius: 12px;

  gap: 12px;

  text-decoration: none;

  transition: 0.3s ease;

}



.play-btn-black:hover {

  transform: translateY(-4px);

  opacity: 0.9;

}



.play-btn-black img {

  width: 40px;

}



.play-btn-black .small {

  font-size: 11px;

  opacity: 0.8;

  letter-spacing: 0.5px;

}



.play-btn-black .big {

  font-size: 18px;

  font-weight: 600;

  display: block;

}



/* RIGHT IMAGE */

.hero-right {

  position: relative;

}



.hero-phone {

    height: 535px;

    animation: float 3s ease-in-out infinite;

}



/* FLOAT ANIMATION */

@keyframes float {

  0% { transform: translateY(0); }

  50% { transform: translateY(-10px); }

  100% { transform: translateY(0); }

}



/* ===========================

      RESPONSIVE DESIGN

=========================== */



/* TABLET (992px) */

@media (max-width: 992px) {

  .hero-wrapper {

    flex-direction: column-reverse;

    text-align: center;

    gap: 30px;

  }



  .hero-left h1 {

    font-size: 38px;

  }



  .hero-left p {

    margin: auto;

  }



  .play-btn-black {

    margin: auto;

  }



  .hero-phone {

    height: 420px;

  }

}



/* MOBILE (768px) */

@media (max-width: 768px) {

  .hero-left h1 {

    font-size: 34px;

  }



  .hero-left p {

    font-size: 16px;

  }



  .hero-phone {

    height: 360px;

  }

}



/* SMALL MOBILE (576px) */

@media (max-width: 576px) {

  .hero-left h1 {

    font-size: 30px;

  }



  .hero-left p {

    font-size: 15px;

  }



  .hero-phone {

    height: 300px;

  }



  .play-btn-black img {

    width: 34px;

  }

}



/* EXTRA SMALL (430px) */

@media (max-width: 430px) {

  .hero-wrapper {

    width: 90%;

  }



  .hero-phone {

    height: 260px;

  }

}























   /****** Index Footer Top Section ********/

 /* Section */

.clean-section {

    background: #ffffff;

    padding: 60px 20px;

    display: flex;

    justify-content: center;

}



/* Grid */

.clean-grid {

    display: grid;

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

    /* 180px minimum, 1fr maximum */

    gap: 25px; /* gap between cards */

    max-width: 1150px;

    width: 100%;

    margin: 0 auto;

    padding: 0 10px; /* side padding for small screens */

}



/* Individual Item */

.clean-item {

    text-align: center;

    padding: 20px;

    background: #fff;

    border-radius: 16px;

    text-decoration: none;

    color: #333;

    transition: 0.3s ease;

    border: 1px solid #ffe08a;

    box-shadow: 0 4px 12px rgba(0,0,0,0.04);

}



.clean-item:hover {

    transform: translateY(-7px);

    box-shadow: 0 8px 22px rgba(0,0,0,0.10);

    border-color: #ffe08a;

}



/* Icon Circle */

.icon-box {

    width: 75px; 

    height: 75px;

    border-radius: 50%;

    background: #ffe08a;

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0 auto 14px auto;

    transition: 0.3s ease;

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

}



.clean-item:hover .icon-box {

    transform: scale(1.12);

}



/* Flaticon PNG */

.icon-box img {

    width: 36px; height: 36px;

    object-fit: contain;

}



.clean-item p {

    font-size: 14px;

    line-height: 1.4;

}































/* MAin Footer Botttom CSss */



/* MAIN FOOTER */



/* FOOTER BASE */





.footer-logo-ff{

  display: flex;

  /* justify-content: center; */

  align-items: center;

  gap: 10px;

}



.footer-logo-ff p{

   font-size: 20px !important;

   font-weight: 600 !important;

   /* letter-spacing: 0.3px; */

   

}





.modern-bank-footer {

  background: linear-gradient(135deg, #fff3b0, #ffe08a); /* Navbar matching gradient */

  padding: 60px 20px 20px;

  font-family: "Inter", sans-serif;

  color: #222;

}



/* GRID LAYOUT */

.footer-top {

  display: grid;

  grid-template-columns: 1.6fr 1fr 1fr 1fr;

  gap: 50px;

  max-width: 1200px;

  margin: auto;

}



/* BRAND AREA */

.footer-brand img {

  width: 90px;

  height: 90px;

  border-radius: 12px;

  object-fit: cover;

  box-shadow: 0 4px 15px rgba(0,0,0,0.1);

}



.footer-brand p {

  margin-top: 15px;

  font-size: 16px;

  line-height: 1.7;

  color: #111;

}



.fist-footer-p1{

  margin: 8px 0px !important;

}







/* SOCIAL ICONS */

.social-icons {

  margin-top: 15px;

}



.social-icons a {

  text-decoration: none;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 42px;

    height: 42px;

    margin-right: 10px;

    border-radius: 50%;

    background: rgb(0 0 0);

    color: #ffffff;

    font-size: 17px;

    transition: 0.3s;

}



.social-icons a:hover {

  background: #fff;

  color: #cea500;

  transform: translateY(-3px);

  border: 1px solid;



}



/* LINKS AREA */

.footer-links h5 {

  font-size: 19px;

  font-weight: 600;

  margin-bottom: 22px;

  position: relative;

  color: #111;

}



.footer-links h5::after {

  content: "";

  width: 45px;

  height: 3px;

  background: #185091;

  position: absolute;

  left: 0;

  bottom: -7px;

  border-radius: 3px;

}



.footer-links ul {

  list-style: none;

  padding: 0;

  margin-top: 10px;

}



.footer-links li {

  margin-bottom: 12px;

  position: relative;

  padding-left: 16px; /* space for arrow */

  transition: 0.3s ease;

}



.footer-links li::before {

  content: ">"; /* single arrow */

  position: absolute;

  left: 0;

  top: 50%;

  transform: translateY(-50%);

  color: #185091; /* normal color */

  font-weight: 600;

  font-size: 20px;

  transition: 0.3s ease, transform 0.3s ease, color 0.3s ease;

}



/* Hover effect - double >> arrow */

.footer-links li:hover::before {

  content: ">>"; /* double arrow on hover */

  color: #c25e00; /* highlight color */

  transform: translateY(-50%) translateX(2px); /* slight movement */

}

.footer-links li:hover{

  transform: translateX(5px);



}



.footer-links li:hover a{



  /*color: #185091;*/

  color: #8f0000;

  transform: translateX(12px);

  font-weight: 500;



}



.footer-links a {

  text-decoration: none;

  color: #111;

  font-size: 16px;

  transition: 0.3s;

  display: inline-block;

  transition: transform 0.3s ease, color 0.3s ease;

}



.footer-links a:hover {

  color: #185091;

  transform: translateX(10px);

  font-weight: 500;

}



/* FOOTER BOTTOM */

.footer-bottom {

  text-align: center;

  padding-top: 25px;

  font-size: 14px;

  color: #111;

  border-top: 1px solid rgba(0,0,0,0.1);

  margin-top: 40px;

}



/* RESPONSIVE */

@media(max-width: 992px) {

  .footer-top {

    grid-template-columns: 1fr 1fr;

    gap: 30px;

  }

}



@media(max-width: 600px) {

  .footer-top {

    grid-template-columns: 1fr;

    text-align: center;



    



  }



  .footer-links h5::after {

    left: 50%;

    transform: translateX(-50%);

  }



  .social-icons {

    justify-content: center;

  }



   .footer-links li::before {

   display: none;

  }



  .footer-logo-ff{

    justify-content: center;

  }



  

}



























/********* EMI Calculator Section *********/



/* MAIN SECTION */

.emi-cal-sec .emi-section{

  min-height:100vh;

  display:flex;

  justify-content:center;

  align-items:center;

  background:#fef8e5; /* simple background inside section */

  padding:40px 20px;

}



/* Wrapper Card */

.emi-cal-sec .emi-wrapper{

  display:flex;

  flex-wrap:wrap;

  width: 100%;

  max-width:1010px;

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

  backdrop-filter: blur(25px);

  border-radius:35px;

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

  padding:40px;

  gap:40px;

  transition:0.3s;

}

.emi-cal-sec .emi-wrapper:hover{transform:translateY(-4px);}



/* LEFT */

.emi-cal-sec .emi-left{flex:1;min-width:280px;}

.emi-cal-sec .title{

 font-size: 28px;

    font-weight: 600;

    margin-bottom: 10px;

    color: #e50000;

}



/* INPUT BOX */

.emi-cal-sec .input-box{margin-bottom:28px;position:relative;}

.emi-cal-sec .input-box label{

  position:absolute;

  top:-10px;

  left:16px;

  font-size:14px;

  font-weight:500;

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

  padding:0 6px;

  color:#333;

}

.emi-cal-sec .input-inline{

  display:flex;

  align-items:center;

  padding:14px 16px;

  border-radius:18px;

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

  border:1px solid rgba(255,215,0,0.5);

  box-shadow: inset 0 0 10px rgba(0,0,0,0.05);

  transition:0.3s;

}

.emi-cal-sec .input-inline:hover{

  border-color:#ffb600;

  box-shadow:0 4px 14px rgba(255,183,0,0.2);

}

.emi-cal-sec .input-inline span{

  font-weight:500;

  margin-right:8px;

  font-size:17px;

  color:#444;

}

.emi-cal-sec .input-inline input{

  border:none;

  outline:none;

  background:transparent;

  font-size:17px;

  width:100%;

  font-weight:500;

}



/* RANGE */

.emi-cal-sec input[type="range"]{

  width:100%;

  height:6px;

  border-radius:5px;

  appearance:none;

  background: linear-gradient(90deg,#ffdc7e,#ffb600);

  margin-top:10px;

  cursor:pointer;

}

.emi-cal-sec input[type="range"]::-webkit-slider-thumb{

  width:24px;

  height:24px;

  background:#fff;

  border:3px solid #ffbb00;

  border-radius:50%;

  box-shadow:0 6px 15px rgba(0,0,0,0.2);

  transition:0.2s;

}

.emi-cal-sec input[type="range"]::-webkit-slider-thumb:hover{transform:scale(1.2);}

.emi-cal-sec .range-values{

  display:flex;

  justify-content:space-between;

  margin-top:5px;

  font-size:13px;

  color:#444;

}



/* RIGHT PANEL */

.emi-cal-sec .emi-right{

  width:350px;

  min-width:280px;

  background: linear-gradient(160deg,#fff9e6,#ffe6a1);

  padding:30px 28px;

  border-radius:30px;

  border:1px solid #ffd580;

  box-shadow:0 20px 50px rgba(0,0,0,0.12);

  transition:0.3s;

  overflow:hidden;

}

.emi-cal-sec .emi-right:hover{transform:translateY(-4px);box-shadow:0 28px 60px rgba(0,0,0,0.18);}

.emi-cal-sec .emi-header{display:flex;align-items:center;gap:15px;}

.emi-cal-sec .emi-header img{width:62px;filter:drop-shadow(0 4px 10px rgba(0,0,0,0.15));}

.emi-cal-sec .emi-header h4{margin:0;font-size:16px;color:#555;font-weight:500;}

.emi-cal-sec .emi-header h2{   

     margin: 0px 0 0;

    font-size: 35px;

    font-weight: 600;

    color: #222222;

    display: flex;

    justify-content: center;

    align-items: baseline;

    gap: 8px;

    transition: 0.3s;}

.emi-cal-sec .line{height:1px;background:#ecd8a0;margin:20px 0;}

.emi-cal-sec .emi-list p{margin:6px 0 0;font-size:15px;color:#666;display:flex;align-items:center;gap:5px;}

.emi-cal-sec .emi-list h3{margin: 8px 0 13px;font-size:22px;font-weight:600;color:#111;display:flex;align-items:center;gap:8px;}

.emi-cal-sec .emi-list h3 i{color:#ffb600;}













/* UNIQUE HERO */

.hero-unique {

  position: relative;

  /* height: 80vh; */

  height: 410px;

  width: 100%;

  overflow: hidden;

  display: flex;

  align-items: center;

  justify-content: center;

}



/* BG Image */

.hero-unique .hero-bg {

  width: 100%;

  height: 100%;

  object-fit: cover;

  position: absolute;

  z-index: 1;

  transform: scale(1.05);

  transition: transform 1.5s ease;

}



.hero-unique:hover .hero-bg {

  transform: scale(1.14); /* parallax zoom */

}



/* DARK GRADIENT LAYER */

.hero-unique::after {

  content: "";

  position: absolute;

  inset: 0;

  z-index: 2;

  background: linear-gradient(

      to bottom,

      rgba(0,0,0,0.65),

      rgba(0,0,0,0.35)

  );

}



/* MAIN TEXT */

.hero-unique .hero-content {

  position: relative;

  z-index: 4;

  text-align: center;

  color: white;

  padding: 20px;

  animation: floatText 3s ease-in-out infinite alternate;

}



.hero-unique .hero-content h1 {

  font-size: 54px;

  font-weight: 700;

  letter-spacing: -0.5px;

}



.hero-content p {

  font-size: 20px;

  margin-top: 8px;

  opacity: 0.85;

}



/* FLOATING TEXT */

@keyframes floatText {

  0% { transform: translateY(0); }

  100% { transform: translateY(-14px); }

}



/* INTERACTIVE SPOTLIGHT GLOW */

.hero-unique .hero-glow {

  position: absolute;

  width: 280px;

  height: 280px;

  border-radius: 50%;

  pointer-events: none;

  background: radial-gradient(circle, rgba(255,255,255,0.18), transparent 70%);

  filter: blur(18px);

  z-index: 3;

  transform: translate(-50%, -50%);

  transition: 0.1s linear;

}



/* SPOTLIGHT FOLLOW MOUSE */

.hero-unique:hover .hero-glow {

  opacity: 1;

}





















/************ IntroDuction Page Css ***********/







/* body{

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

  margin:0;

  color:var(--text-dark);

  background:var(--bg-soft);

} */



.introduction-page{

 color:var(--text-dark);

 background:var(--bg-soft);

}





/* HERO */

.introduction-page .hero{

  background: linear-gradient(135deg, #fff7cc, #ffffff);

  padding:100px 0;

  position:relative;

}

/*.introduction-page .hero::after{

  content:"";

  position:absolute;

  top:0;left:0;width:100%;height:100%;

  background:radial-gradient(circle at top right, rgba(245,197,90,0.15), transparent 70%);

  z-index:0;

}*/

.introduction-page .hero-content{

  position:relative;

  z-index:1;

}

.introduction-page .hero-badge{

  display:inline-block;

  background:var(--primary);

  color:#fff;

  padding:8px 22px;

  border-radius:30px;

  font-weight:600;

  font-size:14px;

  margin-bottom:20px;

  box-shadow:0 10px 25px var(--shadow);

}

.introduction-page .hero-title{

  font-size:50px;

  font-weight:700;

  line-height:1.2;

  margin-bottom:20px;

}



.introduction-page .intro-hero-img{

  height:337px;

  padding: 35px;

  border-radius:29%;

  transition:transform 0.6s ease;

}



.introduction-page .intro-hero-img:hover{

   transform:translateY(-10px) !important;

  box-shadow:

    0 30px 60px rgba(0,0,0,0.15),

    0 0 0 8px rgba(245,197,90,0.15);

}

















.introduction-page .hero-title span{color:var(--accent);}

.introduction-page .hero-text{

  color:var(--text-light);

  font-size:16px;

  line-height:1.7;

  margin-bottom:30px;

}

.introduction-page .hero-buttons a{

  padding:14px 32px;

  font-weight:600;

  border-radius:var(--btn-radius);

  text-decoration:none;

  transition:0.35s;

  margin-right:15px;

  display:inline-block;

}

.introduction-page .btn-main{

  background: linear-gradient(90deg, var(--primary), #ffbc16);

  color:#fff;

  box-shadow:0 10px 20px rgba(242,185,0,0.3);

  text-decoration: none;

    padding: 10px 18px;

    border-radius: 9px;

    font-size: 15px

}

.introduction-page .btn-main:hover{transform:translateY(-5px);opacity:0.9;}

.introduction-page .btn-outline{

  border:2px solid var(--accent);

  color:var(--accent);

}

.introduction-page .btn-outline:hover{background:var(--accent);color:#fff;}

/* SERVICES */

.introduction-page .services-intro{margin-bottom:30px;}

.introduction-page .service-card{

  /*background:#fff8e5;*/

  background: #000000d6;

  padding:28px;

  border-radius:20px;

  text-align:center;

  box-shadow:0 15px 40px var(--shadow);

  transition:0.35s;

  height:100%;

  display:flex;

  flex-direction:column;

  justify-content:center;

}

.introduction-page .service-card:hover{transform:translateY(-8px);}

.introduction-page .service-card h5{



  /*color:var(--accent);*/

  color: #ffc74c;

  font-weight:700;

  margin-bottom:10px;}

.introduction-page .service-card p{

  /*color:var(--text-light);*/

  color: antiquewhite;

  font-size:14px;}

/* HIGHLIGHT */

/* HIGHLIGHT */

.introduction-page .highlight-card{

  background:#ffffff;

  border-left:5px solid #ffb500;

  padding:26px;

  border-radius:18px;

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

  transition:all 0.35s ease;

  height:100%;

  display:flex;

  flex-direction:column;

  justify-content:center;

}

.introduction-page .highlight-card h5{color:var(--accent);font-weight:700;margin-bottom:8px;}

.introduction-page .highlight-card p{color:var(--text-light);font-size:14px;}

.introduction-page .highlight-card:hover{

  transform:translateY(-8px);

  box-shadow:0 22px 45px rgba(184,134,11,0.3);

}

/* VISION / MISSION */

.introduction-page .vm-row{

  display:flex;

  align-items:center;

  gap:50px;

  flex-wrap:wrap;

  margin-bottom:60px;

}

.introduction-page .vm-text{

  flex:1;

  background: #fff9d9;

  padding:40px;

  border-radius:24px;

  box-shadow:0 20px 50px var(--shadow);

  transition:0.35s;

}

.introduction-page .vm-text:hover{transform:translateY(-10px);}

.introduction-page .vm-text h4{color:var(--accent);font-weight:700;margin-bottom:15px;}

.introduction-page .vm-text p{color:var(--text-light);line-height:1.7;}

.introduction-page .vm-image{flex:1;text-align:center; overflow: hidden; box-shadow:0 20px 50px var(--shadow);}

.introduction-page .vm-image img{

  width:100%;

  max-width:500px;

  border-radius:20px;

  

   transition: transform 0.5s ease;

}





.introduction-page .vm-image img:hover{

  transform: scale(1.10);



}



.introduction-page .vm-image:hover{

   box-shadow:0 22px 45px rgba(184,134,11,0.2);

   /*transform: translateY(-10px);*/

}













/* Executive Section CSS */



/* ===============================

   EXECUTIVES SECTION

================================ */

.executives-section {

    padding: 55px 0;

  background: #ffffff;

}



.executives-section .container{

   max-width: 1200px;

}

/* ===============================

   TITLE

================================ */

.executives-title {

    text-align: center;

  font-size: 2.4rem;

  font-weight: 700;

  color: #5b4500;

  margin-bottom: 70px;

  position: relative;

}



.executives-title::after {

    content: "";

  width: 110px;

  height: 5px;

  background: linear-gradient(90deg, #ffe290, #ffc239, #ffbe00);

  display: block;

  margin: 15px auto 0;

  border-radius: 10px;

}



/* ===============================

   CARD

================================ */

.executive-glass-card {

  background: #ffffff;

  border-radius: 20px;

  overflow: hidden;

  box-shadow: 

      0 10px 30px rgba(0,0,0,0.08),

      0 20px 45px rgba(255,200,60,0.25);

  transition: all 0.4s ease;

  height: 100%;

  /*border-top: 5px solid transparent;

    border-image: linear-gradient(90deg, #ffe08a, #f6c453);*/

}



.executive-glass-card:hover {

    transform: translateY(-10px);

   box-shadow:

      0 20px 45px rgba(0,0,0,0.12),

      0 35px 70px rgba(255,200,60,0.4);

}



/* ===============================

   TOP BAR

================================ */

.card-top-bar {

   height: 7px;

  background: linear-gradient(90deg, #ffe290, #ffc239, #ffbe00);

}



/* ===============================

   BODY

================================ */

.card-body-custom {

    display: flex;

    align-items: center;

    gap: 20px;

    padding: 25px;

}



/* ===============================

   IMAGE

================================ */

.executive-img-box {

  width: 128px;

    height: 140px;

  padding: 5px;

  border-radius: 16px;

  background: linear-gradient(90deg, #ffe290, #ffbe2b, #ffcc35);

  flex-shrink: 0;

}



.executive-img-box img {

    width: 100%;

  height: 100%;

  border-radius: 12px;

  object-fit: cover;

  background: #fff;

  object-position: top;

}



/* ===============================

   TEXT

================================ */

.executive-text h5 {

    font-size: 1.3rem;

  font-weight: 600;

  color: #4a3a00;

  margin-bottom: 5px;

}



.executive-text span {

     display: inline-block;

  font-size: 1rem;

  font-weight: 700;

  color: #c99700;

  margin-bottom: 10px;

}



.executive-text p {

    font-size: 0.95rem;

  color: #c99700;

  margin: 0;

  line-height: 1.5;

}



/* ===============================

   HOVER SHINE

================================ */

.executive-glass-card::after {

    content: "";

    position: absolute;

    inset: 0;

    background: linear-gradient(

        120deg,

        transparent,

        rgba(255, 224, 138, 0.35),

        transparent

    );

    transform: translateX(-100%);

    transition: 0.6s;

}



.executive-glass-card:hover::after {

    transform: translateX(100%);

}



/* ===============================

   RESPONSIVE

================================ */

@media (max-width: 768px) {

    .card-body-custom {

        flex-direction: column;

        text-align: center;

    }



    .executive-img-box {

        width: 130px;

        height: 130px;

    }

}

























   /********** Board Of Director Section Css ****************/



  .board-of-director-sec{

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

            margin-bottom: 40px;

            

        }

        /* Section Titles */

        .board-of-director-sec .section-title {

            text-align: center;

            margin: 55px 0 60px;

            font-size: 2.2rem;

            /*color: #b88400;*/

            color: var(--accent);

            font-weight: 600;   

            /*text-shadow: 0 2px 4px rgba(0,0,0,0.1);*/

        }

        .board-of-director-sec .subsection-title {

            text-align: center;

            margin: 10px 0 20px;

            font-size: 1.8rem;

            color: #d89a00;

            font-weight: 600;

            border-bottom: 2px solid #d89a00;

            display: inline-block;

            padding-bottom: 5px;

        }

        /* Director Cards */

        .board-of-director-sec .director-card {

            background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);

            border-radius: 15px;

            box-shadow: 0 8px 20px rgba(0,0,0,0.1);

            padding: 25px 15px;

            text-align: center;

            margin-bottom: 30px;

            transition: all 0.3s ease;

            height: 280px; /* Adjusted fixed height for more content */

            display: flex;

            flex-direction: column;

            justify-content: center;

            align-items: center;

            /* border: 2px solid transparent; */

            position: relative;

            overflow: hidden;

        }



       .board-of-director-sec .director-card:hover{

           border: 1px solid #ffb027 !important;

           background: var(--bg-soft);

       }       

        

        .board-of-director-sec .director-card::before {

            content: '';

            position: absolute;

            top: 0;

            left: 0;

            right: 0;

            height: 5px;

            background: linear-gradient(120deg, #ffa722, #ffd139);

        }

        .board-of-director-sec .director-card:hover {

            transform: translateY(-10px) scale(1.02);

            box-shadow: 0 15px 30px rgba(0,0,0,0.2);

            border-color: #09aaaa;

        }

        .board-of-director-sec .director-photo {

            width: 120px;

            height: 120px;

            border-radius: 50%;

            object-fit: cover;

            object-position: top;

            margin-bottom: 15px;

            border: 2px solid #d89a00;

            transition: border-color 0.3s ease;

        }

        .board-of-director-sec .director-card:hover .director-photo {

            border-color: #f9a732;

        }

        .board-of-director-sec .director-name {

            font-size: 1.1rem;

            font-weight: 600;

            color: #333;

            margin-bottom: 8px;

            line-height: 1.3;

        }

        .board-of-director-sec .director-position {

            font-size: 0.95rem;

            color: #666;

            font-weight: 400;

            line-height: 1.2;

        }



























        /* Home Loan Page css */



        .Home-Loans-mainnn{

        background:#f7f9fc;

         /* font-family: "Segoe UI", sans-serif; */

    }



    /* ================= Tabs Wrapper ================= */

    .Home-Loans-mainnn .loan-tabs{

      background: linear-gradient(135deg, #fff7cc, #ffffff);

      border-radius:50px;

      padding:8px;

      box-shadow:0 10px 25px rgba(255, 200, 60, 0.25);

      display:flex;

      align-items:center;

      justify-content: center;

      gap:10px;

      overflow-x:auto;

      scrollbar-width:none;

    }

    .Home-Loans-mainnn .loan-tabs::-webkit-scrollbar{

      display:none;

    }



    /* ================= Tabs ================= */

    .Home-Loans-mainnn .loan-tabs .nav-link{

      border-radius:50px;

      padding:10px 18px;

      font-size:14px;

      font-weight:500;

      color:#185091;

      white-space:nowrap;

      border:1px solid #eee;

      background:#fff;

      transition:all 0.3s ease;

    }



    .Home-Loans-mainnn .loan-tabs .nav-link:hover{

      background:#fff3b0;

    }



    .Home-Loans-mainnn .loan-tabs .nav-link.active{

      background:linear-gradient(135deg,#185091,#0d6efd);

      color:#fff;

      box-shadow:0 5px 15px rgba(13,110,253,0.4);

      border:none;

    }



    /* ================= Content Card ================= */

    .Home-Loans-mainnn .content-card{

      background:#ffffff;

      border-radius:16px;

      padding:30px;

      margin-top:25px;

      box-shadow:0 15px 35px rgba(255, 200, 60, 0.25);

    }



    .Home-Loans-mainnn .content-card h4{

      margin-bottom:20px;

      font-weight:600;

      color:#185091;

    }



    .Home-Loans-mainnn .content-card p{

      margin-bottom:10px;

      color:#555;

      font-size:15px;

    }



    .Home-Loans-mainnn .label{

      font-weight:600;

      color:#333;

    }





















    .Home-Loans-mainnn .how-to-apply{

  padding:60px 0;

  background:linear-gradient(135deg, #fff7cc, #ffffff);

}



.Home-Loans-mainnn .section-title{

  text-align:center;

  font-weight:600;

  color:#185091;

  margin-bottom:40px;

}



.Home-Loans-mainnn .steps-wrapper{

  display:grid;

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

  gap:20px;

}



.Home-Loans-mainnn .step-card{

  background:#fff;

  border-radius:16px;

  padding:30px 20px;

  text-align:center;

  box-shadow:0 15px 35px rgba(255, 200, 60, 0.25);

  transition:all 0.3s ease;

}



.Home-Loans-mainnn .step-card:hover{

  transform:translateY(-6px);

}



.Home-Loans-mainnn .step-number{

  width:50px;

  height:50px;

  margin:0 auto 15px;

  border-radius:50%;

  display:flex;

  align-items:center;

  justify-content:center;

  font-weight:600;

  color:#fff;

  background:linear-gradient(135deg,#185091,#0d6efd);

}



.Home-Loans-mainnn .step-card h5{

  font-weight:600;

  color:#185091;

  margin-bottom:10px;

}



.Home-Loans-mainnn .step-card p{

  font-size:14px;

  color:#555;

}



























/******** Saving Account Section Css ********/



.saving-accont-main-div{

  background: #ffffff

}

    /* Section Title */

    .saving-accont-main-div .section-title {

  font-weight: 600;

  color: #3a2f1c;

}



    /* Feature Card */

.saving-accont-main-div .feature-card {

  background: #ffffff;

  border-top: 4px solid #ffd24d;

  border-radius: 18px;

  padding: 30px 25px;

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

  transition: all 0.35s ease;

  height: 100%;

}



.saving-accont-main-div .feature-card:hover {

  transform: translateY(-12px);

  /*box-shadow: 0 20px 50px rgba(0,0,0,0.15);*/

   box-shadow:0 22px 45px rgba(184,134,11,0.3);



}



 /* .feature-icon {

  width: 64px;

  height: 64px;

  margin: 0 auto 14px;

  border-radius: 50%;

  background: linear-gradient(135deg, #fff3b0, #ffe08a);

  display: flex;

  align-items: center;

  justify-content: center;

  box-shadow: 0 8px 20px rgba(0,0,0,0.12);

} */



.saving-accont-main-div .feature-icon img {

  width: 48px;

  height: 48px;

  margin-bottom: 10px;

  margin-left: 6px;

  

}





.saving-accont-main-div section.py-5 {

  background: linear-gradient(

    180deg,

    #fffef8,

    #ffffff

  );

}





    /* Eligibility Box */

  .saving-accont-main-div .eligibility-box {

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

  backdrop-filter: blur(6px);

  border-radius: 20px;

  padding: 30px;

  border: 1px solid #ffe6a7;

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

  transition: all 0.35s ease;

  border-left: 4px solid #ffca00;

}



.saving-accont-main-div .eligibility-box:hover {

  transform: translateY(-12px);

  box-shadow:0 22px 45px rgba(184,134,11,0.3);

  border-color: #ffd24d;

}







 





    /* .btn-apply {

      background: #fecb00;

      color: #000;

      font-weight: 600;

      border-radius: 30px;

      padding: 12px 30px;

    }



    .btn-apply:hover {

      background: #ffdb4d;

    } */



/* .btn-apply {

  background: linear-gradient(135deg, #ffe08a, #ffd24d);

  color: #2f2617;

  font-weight: 600;

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

} */



/* .btn-apply:hover {

  transform: translateY(-2px);

} */





/* Saving Account CSS */



  .saving-accont-main-div .step-badge {

  background: linear-gradient(135deg, #d4a017, #b8920f);

  color: #fff;

  padding: 6px 14px;

  font-size: 13px;

  letter-spacing: 0.4px;

}





.saving-accont-main-div .btn-outline-primary {

  border-color: #b8920f;

  color: #3a2f1c;

  border-radius: 25px;

}



.saving-accont-main-div .btn-outline-primary:hover {

  background: #d4a017;

  color: #fff;

   border-color: #d4a017;

}







.saving-accont-main-div .list-style {

  list-style: none;

  padding-left: 0;

}



.saving-accont-main-div .list-style li {

  position: relative;

  padding-left: 28px;

  margin-bottom: 10px;

  color: #3a2f1c;

}



.saving-accont-main-div .list-style li::before {

  content: "✔";

  position: absolute;

  left: 0;

  color: #d4a017;

  font-weight: bold;

}













/* neo-rate-section Css */









/* ===== Base ===== */

.neo-rate-section {

  padding: 80px 0;

  background: linear-gradient(180deg, #fffdf5, #f6f7f9);

}



.neo-rate-section .container{

    max-width: 1200px;

}



.neo-rate-section .neo-rate-card {

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

  border-radius: 26px;

  box-shadow:

    0 30px 80px rgba(0,0,0,0.08),

    inset 0 1px 0 rgba(255,255,255,0.8);

  overflow: hidden;

  transition: all .45s ease;

}



.neo-rate-section .neo-rate-card:hover {

  transform: translateY(-15px);

   box-shadow:0 22px 45px rgba(184,134,11,0.5);

}



/* ===== Header ===== */

.neo-rate-section .neo-rate-header {

  padding: 28px 30px;

  display: flex;

  justify-content: space-between;

  align-items: center;

  background: linear-gradient(135deg, #fff3b0, #ffe08a);

}



.neo-rate-section .neo-rate-header h2 {

  margin: 0;

  font-weight: 600;

  color: #3a2f1c;

}



.neo-rate-section .neo-rate-header p {

  margin: 4px 0 0;

  font-size: 14px;

  color: #6f5c33;

}



.neo-rate-section .rate-badge {

  background: #ffffff;

  color: #c19710;

  font-size: 13px;

  padding: 8px 18px;

  border-radius: 30px;

  font-weight: 500;

  box-shadow: 0 6px 20px rgba(0,0,0,0.15);

}









/* ===== Table ===== */

.neo-rate-section .neo-table-wrap {

  padding: 12px;

}



.neo-rate-section .neo-rate-table thead th {

  font-size: 13px;

  text-transform: uppercase;

  letter-spacing: .4px;

  color: #7a6a3f;

  border: none;

  padding: 16px;

}



.neo-rate-section .neo-rate-table tbody td {

  padding: 16px;

  font-size: 14px;

  color: #3a2f1c;

  border-top: 1px solid rgba(0,0,0,0.04);

}



.neo-rate-section .neo-rate-table tbody tr {

  transition: all .3s ease;

}



.neo-rate-section .neo-rate-table tbody tr:hover {

  background: rgba(255,243,176,0.35);

}





/* Header center */

.neo-rate-section .neo-rate-table thead th:not(:first-child) {

  text-align: center;

}



/* Body center for all columns except first */

.neo-rate-section .neo-rate-table tbody td:not(:first-child) {

  text-align: center;

}



/* First column always left */

.neo-rate-section .neo-rate-table th:first-child,

.neo-rate-section .neo-rate-table td:first-child {

  text-align: left;

}



.neo-rate-section .center-row {

  background: rgba(255,243,176,0.2);

}



.neo-rate-section .center-rate {

  text-align: center;

  font-size: 18px;

  font-weight: 600;

  color: #c19710;

}



.neo-rate-section .highlight-rate {

  font-weight: 600;

  color: #d4a017;

}



.neo-rate-section .best-offer {

  background: linear-gradient(

    90deg,

    rgba(255,243,176,0.45),

    rgba(255,255,255,0)

  );

}





















/* Interest rate Page Section css */



.interest-page-sec-main {

  background: linear-gradient(180deg, #fffdf5, #f6f7f9);

  color:#2f2f2f;

  margin-top: 80px;

  margin-bottom: 50px;

}



.interest-page-sec-main .container{  

  max-width: 1200px;

}











/* ================= MAIN CONTAINER ================= */

.interest-page-sec-main .modern-rate-container{

  background: linear-gradient(

    135deg,

    rgba(255,243,176,0.65),

    #ffffff 45%

  );

  border-radius:22px;

  border:1px solid rgba(255,215,80,0.55);

  box-shadow:

    0 20px 45px rgba(22,63,115,0.18),

    inset 0 0 0 1px rgba(255,255,255,0.45);

  overflow:hidden;

  transform: ease all 0.10s;

}



.interest-page-sec-main .modern-rate-container:hover{

  box-shadow: 0 22px 45px rgba(184,134,11,0.4);

  transform: translateY(-2px);

}



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

.interest-page-sec-main .modern-table-header{

background: linear-gradient(135deg, #fff3b0, #ffe08a);

    padding: 20px 24px;

    font-size: 28px;

    font-weight: 600;

    color: #3a2f1c;

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 12px;

    border-bottom: 3px solid #fecb00;

}



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

.interest-page-sec-main .modern-table{

  margin:0;

}



.interest-page-sec-main .modern-table thead th{

  background:#fff6cf;

  color:#3a2f1c;

  font-weight:700;

  text-align:center;

  border-bottom:2px solid #ffe08a;

  font-size:15px;

  padding: 10px 0px;

}



.interest-page-sec-main .modern-table tbody td{

  padding:15px 12px;

  text-align:center;

  vertical-align:middle;

  font-size:15px;

}



.interest-page-sec-main .modern-table tbody tr{

  transition:all 0.3s ease;

}



.interest-page-sec-main .modern-table tbody tr:hover{

  background: linear-gradient(

    90deg,

    rgba(255,243,176,0.85),

    #ffffff

  );

}



/* ================= LEFT ALIGN LOAN NAME ================= */

.interest-page-sec-main .modern-table th:nth-child(2),

.modern-table td:nth-child(2){

  text-align:left !important;

  font-weight:700;

}



.interest-page-sec-main .modern-table td:nth-child(2), .modern-table td:nth-child(1){

    font-weight: 600;

    font-size: 16px;

}



/* ================= RATE PILL ================= */

.interest-page-sec-main .rate-pill{

  background: linear-gradient(

    135deg,

    #ffd562,

    #ffbf00

  );

  color:#723707;

  padding:7px 18px;

  border-radius:30px;

  font-weight:700;

  font-size:14px;

  display:inline-block;

  box-shadow:

    0 6px 18px rgba(255,200,0,0.45),

    inset 0 0 0 1px rgba(255,255,255,0.6);

}



.interest-page-sec-main .rate-pill:hover{

  transform: translateY(-2px);

  box-shadow:0 12px 28px rgba(255,200,0,0.6);

  transition:all 0.3s ease;

}











.interest-page-sec-main .na-pill{

  background:#cfcfcf;

  color:#5e5c5c;

  padding:6px 16px;

  border-radius:30px;

  font-weight:700;

  font-size:14px;

}



















/* RTGS Section css */



.rtgs-modern-section {

  padding: 90px 0;

  background: radial-gradient(circle at top, #ffffff, #f1f5f9);

}



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

.rtgs-modern-section .rtgs-header h2 {

font-size: 37px;

    font-weight: 700;



  color: var(--dark);

}



.rtgs-modern-section .rtgs-header p {

  max-width: 680px;

  margin: 14px auto 0;

  font-size: 16px;

  color: var(--text);

}



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

.rtgs-modern-section .rtgs-glass-card {

  background: #ffffff;

  border-radius: 24px;

  padding: 30px;

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

  border: 1px solid rgba(0,0,0,0.05);

  transition: all 0.35s ease;

}



.rtgs-modern-section .rtgs-glass-card:hover {

  transform: translateY(-8px);

  box-shadow: 0 22px 40px rgba(184,134,11,0.3);

}



.rtgs-modern-section .rtgs-glass-card h5 {

  font-size: 20px;

  font-weight: 700;

  color: var(--dark);

}



/* ================= LIST ================= */

.rtgs-modern-section .rtgs-modern-list {

  list-style: none;

  padding-left: 0;

}



.rtgs-modern-section .rtgs-modern-list li {

  position: relative;

  padding-left: 26px;

  margin-bottom: 10px;

  font-weight: 600;

  color: var(--text);

}



.rtgs-modern-section .rtgs-modern-list li::before {

  content: "✔";

  position: absolute;

  left: 0;

  color: var(--gold-2);

}



/* ================= SUBTITLE ================= */

.rtgs-modern-section .rtgs-subtitle {

  font-size: 20px;

  font-weight: 800;

  margin-bottom: 30px;

  color: var(--dark);

  position: relative;

}



.rtgs-modern-section .rtgs-subtitle::after {

    content: "";

    width: 93px;

    height: 4px;

    background: linear-gradient(90deg, var(--gold-1), var(--gold-2));

    position: absolute;

    left: 0;

    bottom: -13px;

    border-radius: 20px;

}



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

.rtgs-modern-section .rtgs-table-wrap {

  border-radius: 22px;

  overflow: hidden;

  background: #ffffff;

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

  position: relative;

}



.rtgs-modern-section .rtgs-table-wrap::before {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    135deg,

    rgba(255,215,95,0.18),

    transparent 65%

  );

  pointer-events: none;

}



.rtgs-modern-section .rtgs-modern-table {

  width: 100%;

  border-collapse: separate;

  border-spacing: 0;

}



.rtgs-modern-section .rtgs-modern-table thead th {

  background: linear-gradient(135deg, #0f172a, #1e293b);

  color: #fff;

  padding: 18px 20px;

  font-size: 13px;

  font-weight: 700;

  text-transform: uppercase;

  letter-spacing: 0.08em;

}



.rtgs-modern-section .rtgs-modern-table tbody td {

  padding: 20px;

  font-size: 15px;

  font-weight: 600;

  color: #334155;

  border-bottom: 1px solid #e5e7eb;

  transition: all 0.35s ease;

}



.rtgs-modern-section .rtgs-modern-table tbody tr:nth-child(even) td {

  background: #f8fafc;

}



.rtgs-modern-section .rtgs-modern-table tbody tr:hover td {

  background: linear-gradient(

    135deg,

    rgba(255,215,95,0.28),

    rgba(255,176,13,0.18)

  );

}



.rtgs-modern-section .rtgs-modern-table thead th:first-child {

  border-top-left-radius: 22px;

}



.rtgs-modern-section .rtgs-modern-table thead th:last-child {

  border-top-right-radius: 22px;

}



.rtgs-modern-section .rtgs-note {

  display: inline-block;

  margin-top: 6px;

  padding: 4px 10px;

  font-size: 12px;

  font-weight: 700;

  border-radius: 20px;

  background: rgba(255,176,13,0.18);

  color: #92400e;

}



/* ================= IFSC ================= */

.rtgs-modern-section .rtgs-ifsc {

  margin-top: 55px;

  padding: 22px;

  text-align: center;

  border-radius: 60px;

  background: linear-gradient(135deg, var(--gold-1), var(--gold-2));

  color: #3a2a00;

  font-weight: 800;

  box-shadow: 0 14px 32px rgba(255,176,13,0.35);

}























/* Debitcard Css */





.debit-card-page-mainn{

  background: #f7f8fa;

  color: #333;



}



/* ---------- DEBIT CARD FEATURE ---------- */

.debit-card-page-mainn .debit-card-feature {

  padding: 100px 0;

}



.debit-card-page-mainn .debit-card-left h4 {

  font-size: 36px;

  font-weight: 700;

  /* color: #222; */

  color: #05063f;

  margin-bottom: 20px;

  /* background: linear-gradient(90deg, #ffd75f, #ffb00d);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent; */

}



.debit-card-page-mainn .debit-card-left p {

  font-size: 17px;

  color: #555;

  margin-bottom: 25px;

  line-height: 1.6;

}



.debit-card-page-mainn .debit-card-left ul {

  list-style: none;

  padding: 0;

  margin-bottom: 35px;

}



.debit-card-page-mainn .debit-card-left ul li {

  position: relative;

  padding-left: 28px;

  margin-bottom: 15px;

  font-weight: 500;

  color: #444;

  font-size: 16px;

}



.debit-card-page-mainn .debit-card-left ul li::before {

  content: "✦";

  position: absolute;

  left: 0;

  color: #ffac00;

  font-size: 23px;

  top: 0;

  transform: translateY(-2px);

}



.debit-card-page-mainn .debit-card-btn {

  display: inline-block;

  padding: 14px 36px;

  background: linear-gradient(135deg, #ffd75f, #ffb00d);

  color: #3a2a00;

  border-radius: 50px;

  font-weight: 600;

  text-decoration: none;

  transition: all 0.4s ease;

  box-shadow: 0 8px 20px rgba(255,176,13,0.25);

}



.debit-card-page-mainn .debit-card-btn:hover {

  transform: translateY(-5px) scale(1.08);

  box-shadow: 0 15px 35px rgba(255,176,13,0.35);

}



/* ---------- CARD IMAGE ---------- */

.debit-card-page-mainn .debit-card-right {

  display: flex;

  justify-content: center;

  align-items: center;

  perspective: 1200px;

}



.debit-card-page-mainn .card-img-wrap {

  width: 360px;

  max-width: 100%;

  position: relative;

}



.debit-card-page-mainn .card-img-wrap img {

  width: 100%;

  border-radius: 25px;

  box-shadow: 0 20px 50px rgba(0,0,0,0.2);

  transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;

  transform-style: preserve-3d;

}



/* ---------- CONTACT INFO ---------- */

.debit-card-page-mainn .contact-info-section {

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

  backdrop-filter: blur(12px);

  border-left: 6px solid #ffb00d;

  border-radius: 25px;

  padding: 70px 25px;

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

  margin-top: 60px;

  transition: all 0.4s ease;

  text-align: center;

}



.debit-card-page-mainn .contact-info-section:hover {

  transform: translateY(-5px);

  box-shadow: 0 20px 45px rgba(0,0,0,0.12);

}



.debit-card-page-mainn .contact-info-section h4 {

  font-size: 34px;

  font-weight: 700;

 color: #05063f;

  margin-bottom: 20px;

  /* background: linear-gradient(90deg, #ffd75f, #ffb00d);

  -webkit-background-clip: text;

  -webkit-text-fill-color: transparent; */

}



.debit-card-page-mainn .contact-info-section .highlight-text {

  font-size: 18px;

  color: #444;

  line-height: 1.7;

}



.debit-card-page-mainn .contact-info-section .highlight-text span {

  color: #ffb00d;

  font-weight: 700;

}



.debit-card-page-mainn .contact-info-section .tollfree {

  font-size: 16px;

  color: #555;

  margin-top: 15px;

}



.debit-card-page-mainn .contact-info-section .tollfree span {

  color: #222;

  font-weight: 700;

}



















/* PM YOGNA Sec Css */





 .pm-yojna-main-sec .container{

        max-width: 1200px;

    }



   



    /* Modern & Simple Cards */

    .pm-yojna-main-sec .modern-card {

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

      border-radius: 20px;

      box-shadow: 0 8px 20px rgba(0,0,0,0.12);

      transition: transform 0.3s, box-shadow 0.3s;

      overflow: hidden;

    }



    .pm-yojna-main-sec .modern-card:hover {

      transform: translateY(-8px);

      box-shadow: 0 15px 30px rgba(0,0,0,0.2);

    }



 .pm-yojna-main-sec .modern-card img {

  width: 100%;        /* card ki width ke jitna */

  height: 200px;      /* optional: fixed height, ya auto bhi kar sakte ho */

  object-fit: cover;  /* image stretch nahi hogi, nicely cover karegi */

  transition: transform 0.3s;

  border-bottom: 1px solid rgba(0,0,0,0.05);

}



   .pm-yojna-main-sec .modern-card:hover img {

  transform: scale(1.07);

}



    .pm-yojna-main-sec .modern-card .card-body {

      padding: 20px;

    }



    .pm-yojna-main-sec .modern-card .card-title {

      font-weight: 600;

      font-size: 1.25rem;

      color: #222;

      margin-bottom: 12px;

    }



    .pm-yojna-main-sec .modern-card .card-text {

      font-size: 0.95rem;

      color: #555;

      margin-bottom: 18px;

    }



    .pm-yojna-main-sec .modern-btn {

      border-radius: 50px;

      padding: 8px 22px;

      font-weight: 500;

      border: 2px solid #ffb400;

      color: #ffb400;

      transition: all 0.3s;

      text-decoration: none;

      display: inline-block;

    }



    .pm-yojna-main-sec .modern-card:hover .modern-btn{

         background: #ffb400;

      color: #fff;

      border-color: #ffb400;

    }









/*** contact info last section ***/



.con-info-last .info-strip {

  width: 100%;

  padding: 30px 16px;

  background: linear-gradient(135deg, #fff7dc, #ffffff);

}



.con-info-last .info-strip-inner {

  max-width: 1200px;

  margin: auto;

  background: #ffffff;

  border-radius: 22px;

  padding: 26px 34px;

  display: flex;

  align-items: center;

  justify-content: space-between;

  gap: 24px;

  box-shadow: 0 18px 45px rgba(0,0,0,0.14);

  position: relative;

  overflow: hidden;

}



/* soft accent glow */

.con-info-last .info-strip-inner::before {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    120deg,

    rgba(255,180,0,0.25),

    transparent 60%

  );

  pointer-events: none;

}



/* left side */

.con-info-last .info-left {

  display: flex;

  align-items: center;

  gap: 18px;

  z-index: 1;

}



.con-info-last .info-icon {

  width: 64px;

  height: 64px;

  border-radius: 50%;

  background: linear-gradient(135deg, #ffb400, #ffe08a);

  display: flex;

  align-items: center;

  justify-content: center;

  font-size: 26px;

  color: #222;

  box-shadow: 0 12px 28px rgba(255,180,0,0.45);

  flex-shrink: 0;

}



/* text */

.con-info-last .info-text h4 {

  font-size: 1.45rem;

  font-weight: 700;

  color: #222;

  margin-bottom: 4px;

}



.con-info-last .info-text p {

  font-size: 0.95rem;

  color: #555;

  margin: 0;

  line-height: 1.6;

}



.con-info-last .info-text strong {

  color: #111;

}



/* call button */

.con-info-last .info-call-btn {

  z-index: 1;

  text-decoration: none;

  padding: 14px 30px;

  border-radius: 50px;

  background: linear-gradient(135deg, #ffb400, #ffe08a);

  color: #222;

  text-align: center;

  box-shadow: 0 18px 38px rgba(255,180,0,0.55);

  transition: all 0.35s ease;

}



.con-info-last .info-call-btn:hover {

  transform: translateY(-4px);

  box-shadow: 0 28px 55px rgba(255,180,0,0.7);

}



.con-info-last .info-call-btn .label {

  display: block;

  font-size: 0.75rem;

  letter-spacing: 1px;

  opacity: 0.75;

  text-transform: uppercase;

}



.con-info-last .info-call-btn .number {

  display: block;

  font-size: 1.15rem;

  font-weight: 700;

}





















/* MObile banking 24*7 Css */



 .mobile-banking-24{

      background:#f7f9fc;

       color:#1f2933;



    }



    /* ===== About Section ===== */

    .mobile-banking-24 .about-banking{

      padding:80px 0;

    }

    .mobile-banking-24 .about-banking h2{

      font-size:34px;

      font-weight:700;

      margin-bottom:15px;

    }

    .mobile-banking-24 .about-banking p{

      font-size:16px;

      line-height:1.8;

      color:#4b5563;

    }

    .mobile-banking-24 .about-banking ul{

      margin-top:20px;

      padding-left:18px;

    }

    .mobile-banking-24 .about-banking ul li{

      margin-bottom:10px;

      font-weight:500;

    }

    .mobile-banking-24 .about-img{

      text-align:center;

    }

    .mobile-banking-24 .about-img img{

      max-width:100%;

      height: 250px;

      border-radius:24px;

      /*box-shadow:0 25px 50px rgba(0,0,0,0.12);*/

       box-shadow: 0 25px 60px rgba(255, 215, 0, 0.90);

  transition: box-shadow 0.4s ease, transform 0.4s ease;

    }



     .mobile-banking-24 .about-img img:hover{

       box-shadow: 0 35px 90px rgba(255, 215, 0, 1);

  transform: translateY(-5px);

     }



    /* ===== Features Section ===== */

    .mobile-banking-24 .features-section{

      padding:80px 0;

      background:#ffffff;

    }

    .mobile-banking-24 .features-title{

      text-align:center;

      margin-bottom:50px;

    }

    .mobile-banking-24 .features-title h2{

      font-size:32px;

      font-weight:700;

    }

    .mobile-banking-24 .features-title h2{

      color:#6b7280;

      margin-top:10px;

    }



    .mobile-banking-24 .feature-card{

      background:#f9fafb;

      border-radius:22px;

      padding:30px 25px;

      height:100%;

      transition:all 0.35s ease;

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

      border: 1px solid #bfbaba;

    }

    .mobile-banking-24 .feature-card:hover{

      transform:translateY(-8px);

      box-shadow:0 20px 45px rgba(0,0,0,0.12);

      background:#ffffff;

      border: 1px solid #ffb703;

    }

    .mobile-banking-24 .feature-icon{

      width:56px;

      height:56px;

      border-radius:16px;

      display:flex;

      align-items:center;

      justify-content:center;

      font-size:26px;

      margin-bottom:18px;

      background:linear-gradient(135deg,#ffd75f,#ffb703);

      color:#3b1d00;

      font-weight:700;

    }

    .mobile-banking-24 .feature-card h5{

      font-weight:600;

      margin-bottom:10px;

    }

    .mobile-banking-24 .feature-card p{

      font-size:14px;

      color:#6b7280;

      line-height:1.7;

      margin:0;

    }

























  /******* Mobile banking Privacy Policy Css ******/



  .mb-privacy-page-24{

     background-color: #ffffff; 

color: #2f2f2f;

line-height: 1.7;

}







/* Header */

.mb-privacy-page-24 .policy-header {

    /*background: linear-gradient(135deg, rgb(255, 243, 176), rgb(255, 224, 138));*/

    text-align: center;

    padding: 54px 20px 39px;

    border-bottom-left-radius: 24px;

    border-bottom-right-radius: 24px;

}



.mb-privacy-page-24 .policy-header h1 {

    font-size: 2.3rem;

    font-weight: 700;

    letter-spacing: -0.5px;

}



.mb-privacy-page-24 .policy-header p {

    font-size: 1.05rem;

    max-width: 620px;

    margin: 10px auto 0;

    color: #4a4a4a;

}



/* Left info box */

.mb-privacy-page-24 .privacy-info-box {

    background: #ffffff;

    border: 1px solid #eee;

    border-radius: 18px;

    padding: 32px;

    height: 100%;

   

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

transition: transform 0.25s ease, box-shadow 0.25s ease;



}





.mb-privacy-page-24 .privacy-info-box:hover{



    transform: translateY(-6px);

    background-color: rgb(255, 245, 198);



    



}







.mb-privacy-page-24 .privacy-info-box h4 {

    font-weight: 600;

    margin-bottom: 16px;

}



.mb-privacy-page-24 .privacy-info-box ul {

    padding-left: 18px;

}



.mb-privacy-page-24 .privacy-info-box ul li {

    margin-bottom: 8px;

}



/* Accordion */

.mb-privacy-page-24 .accordion-item {

    border: 1px solid #eee;

    border-radius: 14px;

    margin-bottom: 16px;

    overflow: hidden;

    background-color: #fff;

}



.mb-privacy-page-24 .accordion-button {

    background-color: #fff4d7;

    font-weight: 600;

    font-size: 1rem;

    padding: 18px 22px;

    color: #2d2d2d;

}



.mb-privacy-page-24 .accordion-button i {

    font-size: 1.1rem;

    color: #d39b00;

}



.accordion-button:not(.collapsed) {

    background: linear-gradient(135deg, rgb(255, 243, 176), rgb(255, 224, 138));

    color: #2d2d2d;

}



.mb-privacy-page-24 .accordion-button:focus {

    box-shadow: none;

}



.mb-privacy-page-24 .accordion-body {

    padding: 22px 26px;

    color: #555;

    font-size: 0.97rem;

}



.mb-privacy-page-24 .accordion-body ul {

    padding-left: 18px;

}



.mb-privacy-page-24 .accordion-body ul li {

    margin-bottom: 6px;

}





















/* SMS Banking 24 */





.sms-page-24{

     background-color: #ffffff;

}







.sms-page-24 .container{

    max-width: 1200px;

}



/* Card */

.sms-page-24 .sms-box {

   background: linear-gradient(

    135deg,

    #ffffff 0%,

    #fff4c2 45%,

    #ffeaab 100%

);

    border-radius: 22px;

    padding: 36px;

    border: 1px solid rgba(255, 200, 90, 0.35);



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

    transition: all 0.35s ease;

}



.sms-page-24 .sms-box:hover {

    transform: translateY(-6px);

    box-shadow: 0 20px 42px rgba(0,0,0,0.1);

    border-color: rgba(255, 200, 90, 0.7);

}



/* LEFT text */

.sms-page-24 .sms-title {

    font-size: 2rem;

    font-weight: 600;

    letter-spacing: -0.4px;

}



.sms-page-24 .sms-subtitle {

    font-size: 1.05rem;

    color: #5f5f5f;

    margin-top: 12px;

    line-height: 1.7;

}



/* List reset */

.sms-page-24 .sms-list {

    list-style: none;

    padding: 0;

    margin: 0;

}



/* List item */

.sms-page-24 .sms-list li {

    display: flex;

    gap: 14px;



    padding: 14px 16px;

    margin-bottom: 12px;



    font-size: 0.96rem;

    line-height: 1.75;

    color: #4a4a4a;



    background: #ffffff;

    border-radius: 14px;

    border: 1px solid rgba(255, 200, 90, 0.25);



    transition: all 0.3s ease;

}



/* Soft indicator */

.sms-page-24 .sms-list li::before {

    content: "";

    width: 7px;

    height: 7px;

    margin-top: 8px;

    border-radius: 50%;

    background: rgb(255, 200, 90);

    flex-shrink: 0;

}



/* Hover effect */

.sms-page-24 .sms-list li:hover {

    transform: translateX(6px);

    background: linear-gradient(

        135deg,

        #fffdf4,

        #fff2c8

    );

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

}



.sms-page-24 .sms-list li:last-child {

    margin-bottom: 0;

}



















/* ATM Service Page css */





.atm-ss-page .container{

  max-width: 1200px;

}





/* Rates & Charges Table */

.atm-ss-page .rates-table {

    width: 100%;

    /* max-width: 500px; */

    margin: 0 auto;

    border-collapse: collapse;

    border-radius: 16px;

    overflow: hidden;

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

}



.atm-ss-page .rates-table th, .rates-table td {

    padding: 16px 20px;

    font-size: 1rem;

    text-align: left;

}



.atm-ss-page .rates-table tr:nth-child(even) {

    background-color: #fff8e6;

}



.atm-ss-page .rates-table tr:hover {

    background-color: #fff1b8;

}



.atm-ss-page .rates-table th {

    background-color: #ffc85a;

    color: #2f2f2f;

}























/***** Contact Page Alag ********/





.contact-page-head .contact-glass {

  position: relative;

  padding: 40px;

  border-radius: 24px;

  background: linear-gradient(

    135deg,

    rgba(255,255,255,0.95),

    rgba(255,247,209,0.9)

  );

  border: 1px solid rgba(255,200,90,0.35);

  box-shadow: 0 24px 50px rgba(255,247,209,0.5);

  transition: transform 0.5s ease;

}





.contact-page-head .contact-glass:hover{

box-shadow: 0 32px 70px rgb(235 218 95 / 75%);

  transform: translateY(-10px);

}







.contact-page-head .glass-title {

  font-size: 2.1rem;      /* bigger */

  font-weight: 700;

  letter-spacing: -0.5px;

}





.contact-page-head .glass-sub {

  font-size: 1.05rem;

  color: #555;

  line-height: 1.6;

}



/* Timeline lines */

.contact-page-head .glass-line {

  display: flex;

  gap: 18px;

  margin-bottom: 22px;

  position: relative;

}



.contact-page-head .glass-line::before {

  content: "";

  position: absolute;

  left: 7px;

  top: 12px;

  bottom: -18px;

  width: 2px;

  background: rgba(255,200,90,0.5);

}



.contact-page-head .glass-line:last-child::before {

  display: none;

}



.contact-page-head .dot {

  width: 16px;

  height: 16px;

  border-radius: 50%;

  background: linear-gradient(135deg, #ffc85a, #ffb703);

  margin-top: 4px;

  flex-shrink: 0;

}



.contact-page-head .glass-line small {

  font-size: 0.8rem;

  letter-spacing: 0.8px;

  font-weight: 600;

  color: #777;

}

.contact-page-head .glass-line p {

  font-size: 1.05rem;   /* 👈 main text bigger */

  font-weight: 500;

  color: #222;

  line-height: 1.6;

}

.contact-page-head .glass-line a {

  text-decoration: none;

  color: #333;

}



/* Hours */

.contact-page-head .glass-hours {

     font-size: 1rem;

  margin-top: 28px;

  padding-top: 20px;

  border-top: 1px dashed rgba(0,0,0,0.15);

  display: flex;

  justify-content: space-between;

  gap: 20px;

  font-size: 0.9rem;

}



.contact-page-head .glass-hours strong {

  font-weight: 600;

  font-size: 1.05rem;

  color: #222;

}



.contact-page-head .glass-hours span {

  color: #666;

}





.contact-page-head .map-modern {

  position: relative;

  width: 100%;

  height: 420px;

  border-radius: 26px;

  overflow: hidden;



  background: linear-gradient(

    135deg,

    #fffaf0,

    #fff2c6

  );



  box-shadow:

    0 18px 40px rgba(0, 0, 0, 0.12),

    inset 0 1px 0 rgba(255, 255, 255, 0.7);



  transition:

    transform 0.45s ease,

    box-shadow 0.45s ease;

}



.contact-page-head .map-modern iframe {

  width: 100%;

  height: 100%;

  border: 0;

  filter: saturate(1.05) contrast(1.05);

}



/* Hover effect */

.contact-page-head .map-modern:hover {

  transform: translateY(-6px) scale(1.01);

  box-shadow: 0 32px 70px rgb(235 218 95 / 75%);

}



/* Subtle shine overlay */

.contact-page-head .map-modern::after {

  content: "";

  position: absolute;

  inset: 0;

  background: linear-gradient(

    120deg,

    rgba(255, 255, 255, 0.15),

    transparent 60%

  );

  pointer-events: none;

}





















/* grievances page css */







  .customer-grivance-page{

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

      background:linear-gradient(135deg,#fff7d6,#fefefe);

      /*min-height:100vh;*/

      display:flex;

      align-items:center;

      justify-content:center;

      padding: 50px 0px;

    }









    /* CARD */

    .customer-grivance-page .grievance-card{

      background:linear-gradient(180deg,#fffdf2,#fff6cc);

      border-radius:28px;

      box-shadow:0 30px 80px rgba(0,0,0,.18);

      padding:28px 36px;

      max-width:820px;

      width:100%;

      position:relative;

      overflow:hidden;

    }



    .customer-grivance-page .grievance-card::before{

      content:"";

      position:absolute;

      top:-60px;right:-60px;

      width:180px;height:180px;

      background:radial-gradient(circle,#ffe066,#ffd43b);

      border-radius:50%;

      opacity:.6;

    }



    .customer-grivance-page h2{

      font-weight:700;

      color:#4a3b00;

    }



    .customer-grivance-page .subtitle{

      color:#7a6a00;

      font-size:14px;

      margin-bottom:25px;

    }



    /* INPUTS */

    .customer-grivance-page .form-control{

      border-radius:14px;

      padding:13px 14px;

      border:1px solid #e6d58c;

      background:#fff;

      transition:.3s;

    }



    .customer-grivance-page .form-control:focus{

      border-color:#ffd43b;

      box-shadow:0 0 0 4px rgba(255,212,59,.25);

    }



    /* CAPTCHA */

    .customer-grivance-page .captcha-box{

      background:#fffbe6;

      border:1px dashed #ffd43b;

      border-radius:14px;

      padding:12px 16px;

      font-weight:600;

      color:#5c4b00;

    }



    /* BUTTON */

    .customer-grivance-page .btn-submit{

      background:linear-gradient(120deg,#ffd43b,#ffe066);

      border:none;

      color:#4a3b00;

      font-weight:600;

      padding:12px;

      border-radius:30px;

      transition:.35s ease;

      box-shadow:0 12px 30px rgba(255,212,59,.45);

    }



    .customer-grivance-page .btn-submit:hover{

      transform:translateY(-3px);

      box-shadow:0 18px 40px rgba(255,212,59,.6);

    }



    .customer-grivance-page .note{

      font-size:12px;

      color:#7a6a00;

      margin-top:15px;

    }

















/* cyber Awarenesss page */





 .cyber-aware-page-main{



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

      background: linear-gradient(135deg,#fffdf2,#f6f8fc);

      color:#2b2b2b;



    }



    /* GLOBAL */

    .cyber-aware-page-main .section-title{

      font-weight:700;

      letter-spacing:0.5px;

    }

    .cyber-aware-page-main .section-subtitle{

      font-size:15px;

      color:#7a6a00;

    }



    /* HERO */

 



    /* ABOUT */

    .cyber-aware-page-main .about-box{

      background:#fffbe6;

      border-radius:24px;

      padding:40px;

      box-shadow:0 20px 50px rgba(0,0,0,0.12);

    }



    /* CARDS (COMMON) */

    .cyber-aware-page-main .card-custom{

      border:none;

      height: 100%;

      border-radius:22px;

      overflow:hidden;

      background:#fffbe6;

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

      transition:all .35s ease;

    }

    .cyber-aware-page-main .card-custom:hover{

      transform:translateY(-10px) scale(1.01);

      box-shadow:0 25px 60px rgba(0,0,0,0.18);

    }



    .cyber-aware-page-main .card-img-top{

      height:220px;

      object-fit:cover;

    }



    /* ICON */

    .cyber-aware-page-main .icon{

      width:60px;

      height:60px;

      border-radius:50%;

      display:flex;

      align-items:center;

      justify-content:center;

      font-size:26px;

      background:#ffe066;

      color:#5c4b00;

    }



    /* BADGE */

    .cyber-aware-page-main .badge{

      padding:8px 14px;

      border-radius:50px;

      font-weight:500;

    }



    .cyber-aware-page-main .fisrt-img{

      box-shadow: 0 25px 60px rgb(255 127 0 / 32%);

  transition: box-shadow 0.4s ease, transform 0.4s ease;

    }



    .cyber-aware-page-main .fisrt-img:hover{

        box-shadow: 0 35px 90px rgb(255 127 0 / 32%);

  transform: translateY(-5px);

  transform: scale(1.03);

    }







    /* EMERGENCY */

    /* .emergency{

      background: linear-gradient(135deg,#2b2b2b,#000);

      color:#fff;

    }

    .emergency p{

      opacity:.85;

    } */









    /* Branches-Page Css */

    .branches-section {
  padding: 80px 0;
  /* background: linear-gradient(135deg, #fff5f5, #fefefe); */
  background: linear-gradient(180deg, #fffdf5, #f6f7f9);
}


.branches-section .container{
  max-width: 1200px;
}



.branches-section .branches-title {
  text-align: center;
  font-size: 34px;
  font-weight: 700;
  color: #3a3a3a;
  margin-bottom: 10px;
}

.branches-section .branches-subtitle {
  text-align: center;
  color: #555;
  margin-bottom: 40px;
  font-size: 15px;
}

.branches-section .branches-card {
  background: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(10px);
  border-radius: 16px;
  padding: 20px;
  box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
}

.branches-section .branches-table {
  width: 100%;
  border-collapse: collapse;
  min-width: 700px;
}

.branches-section .branches-table thead {
 background: linear-gradient(135deg, #fff09e, #ffdb78);
    color: #000000;
}

.branches-section .branches-table th,
.branches-table td {
  padding: 14px 16px;
  font-size: 14px;
  text-align: left;
}

.branches-section .branches-table th {
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 0.5px;
}

.branches-section .branches-table tbody tr {
  border-bottom: 1px solid #eee;
  transition: background 0.3s ease;
}

.branches-section .branches-table tbody tr:hover {
  background: #fff1f1;
}

.branches-section .branches-table tbody td:nth-child(1) {
  font-weight: 600;
  color: #b71c1c;
}

.branches-section .branches-table tbody td:nth-child(2) {
  font-weight: 600;
}












/************ Download Forms Page css ***********/


.download-forms-modern {
  background: linear-gradient(
    180deg,
    #fffef8,
    #ffffff
  );
}



.download-forms-modern .section-head h2 {
  margin-top: 10px;
  font-weight: 700;
  color: #111;
}

.download-forms-modern .section-head p {
  color: #666;
  font-size: 15px;
}

.download-forms-modern .modern-form-card {
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(14px);
  border-radius: 18px;
  padding: 28px 22px;
  text-align: center;
  box-shadow: 0 20px 45px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
  height: 100%;
}

.download-forms-modern .modern-form-card:hover {
  transform: translateY(-10px);
  border: 1px solid rgb(255, 196, 0);
  /* box-shadow: 0 28px 60px rgba(0,0,0,0.15); */
}

.download-forms-modern .icon-wrap {
  width: 72px;
  height: 72px;
  background: linear-gradient(135deg,#ffd75f,#ffb703);
  color: #3b1d00;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 26px;
  margin: 0 auto 18px;
}

.download-forms-modern .modern-form-card h6 {
  font-weight: 600;
  font-size: 15px;
  margin-bottom: 20px;
}

.download-forms-modern .actions {
  display: flex;
  justify-content: center;
  gap: 10px;
}

.download-forms-modern .btn-view {
  padding: 7px 16px;
  border: 1px solid #ffaa00;
  color: #000000;
  border-radius: 30px;
  font-size: 13px;
  font-weight: 500;
  transition: 0.3s;
  text-decoration: none;
}

.download-forms-modern .btn-view:hover {
  background: linear-gradient(135deg, #ffca00, #ffc400);
  color: #000000;
}

.download-forms-modern .btn-download {
  padding: 7px 16px;
  background: linear-gradient(135deg, #ffca00, #ffc400);
  color: #000000;
  font-weight: 500;
  border-radius: 30px;
  font-size: 13px;
  transition: 0.3s;
  text-decoration: none;
}

.download-forms-modern .btn-download:hover {
  background: none;
  border: 1px solid #ffaa00;
}













/*------ CBS Section Css ----*/



.cbs-sec-main .feature-icon i{
    font-size: 30px;
    padding: 15px 0px;
    color: #ffd000;
}

.cbs-sec-main .section-head h2{

font-weight: 600;
   padding-bottom: 30px;
}



.cbs-sec-main .cbs-hero-content h1 {
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 8px;
  padding-top: 60px;
  color: #0f172a;
  /* padding: 50px 0px; */

}

.cbs-sec-main .cbs-hero-content p {
  font-size: 16px;
  opacity: 0.95;
}

.cbs-sec-main .cbs-section {
  padding: 65px 0;
}

.cbs-sec-main .light-bg {
  background: #f8f9fc;
}





.cbs-sec-main .benefit-box {
  background: #fff;
  padding: 32px;
  border-radius: 18px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  height: 100%;
  /* border-left: 4px solid #ffd842; */
  border-style: solid;
border-width: 1px 1px 1px 4px;
border-color: #ffd842;

  transition: all 0.35s ease;

  
  /* list-style: none !important; */
}



.cbs-sec-main .benefit-box li {
  position: relative;
  padding-left: 25px;
  margin-bottom: 12px;
  font-size: 16px;
  color: #444;
  list-style: none;
}

.cbs-sec-main .benefit-box li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #ddc80a; /* bank red */
  font-weight: 700;
  font-size: 18px;
}




.cbs-sec-main .benefit-box:hover{
    transform: translateY(-10px);
    box-shadow: 0 22px 40px rgba(184, 134, 11, 0.3);
    

}






.cbs-sec-main .benefit-box h5 {
  font-size: 21px;
    font-weight: 600;
    color: var(--dark);
    padding-bottom: 5px;
}

.cbs-sec-main .benefit-box ul {
  padding-left: 7px;
}

.cbs-sec-main .benefit-box ul li {
  margin-bottom: 8px;
  color: #444;
}

.pm-andar-ul{
  padding-top: 5px;
}

.pm-andar-ul li{
  padding-left: 0px !important;
}



.pm-andar-ul li::before{
  content: none !important;
  
}





/* ===== SECTION ===== */
.problem-section {
  padding: 60px 15px;
  background: #fffef7;
  font-family: 'Poppins', sans-serif;
}

/* ===== TITLE ===== */
.problem-section .problem-title-main {
  text-align: center;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 40px;
  color: #1f2933;
  
}

/* ===== WRAPPER ===== */
.problem-section .problem-wrapper {
  max-width: 750px;
  margin: auto;
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 12px 35px rgba(0,0,0,0.08);
  border-bottom: 3px solid #ffd842;
   border-top: 3px solid #ffd842;
    border-left: 1px solid #ffd842;
     border-right: 1px solid #ffd842;
  overflow: hidden;
  padding: 4px 0px;
}

/* ===== ITEM ===== */
.problem-section .problem-item {
  display: flex;
  gap: 18px;
  padding: 20px 24px;
  border-bottom: 1px solid #e5e7eb;
}

.problem-section .problem-item:last-child {
  border-bottom: none;
}

/* ===== ICON ===== */
.problem-section .problem-icon {
  font-size: 26px;
  color: #d4a017;
  line-height: 1;
  margin-top: 2px;
}

/* ===== TEXT ===== */
.problem-section .problem-text h4 {
  margin: 0;
  font-size: 18px;
  font-weight: 600;
  color: #1f2933;
}

.problem-section .problem-text p {
  margin: 6px 0 0;
  font-size: 15px;
  color: #374151;
}








/* KYC Page Css */


/* ===== SECTION ===== */
.kyc-section{
  padding:70px 20px;
}

.kyc-section .kyc-container{
  max-width:1150px;
  margin:auto;
}

.kyc-section .section-title{
  text-align:center;
  margin-bottom:40px;
}

.kyc-section .section-title h2{
  font-size:32px;
  font-weight:700;
  padding-bottom: 4px;
}

.kyc-section .section-title p{
  margin-top:8px;
  font-size:16.5px;
  opacity:.9;
}

/* ===== GRID ===== */
.kyc-section .kyc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(360px,1fr));
  gap:28px;
}

/* ===== CARD ===== */
.kyc-section .kyc-card{
  position:relative;
  background:rgba(255,255,255,0.92);
  backdrop-filter:blur(6px);
  border-radius:18px;
  padding:34px 30px;
  box-shadow:0 15px 45px rgba(0,0,0,.08);
  transition:.45s cubic-bezier(.4,0,.2,1);
  overflow:hidden;
  border:1px solid #ffd842;
}

/* glow border */
.kyc-section .kyc-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:18px;
  background:linear-gradient(120deg,#ffd842,#ffec9f,#ffd842);
  opacity:0;
  transition:.45s;
  z-index:-1;
}

/* hover */
.kyc-section .kyc-card:hover{
  transform:translateY(-10px) scale(1.02);
  box-shadow:0 25px 65px rgba(0,0,0,.14);
}

.kyc-section .kyc-card:hover::before{
  opacity:1;
}

/* ===== HEADER ===== */
.kyc-section .kyc-card h3{
  font-size:22px;
  font-weight:600;
  margin-bottom:14px;
  display:flex;
  align-items:center;
  gap:14px;
}

/* ===== ICON ===== */
.kyc-section .kyc-icon{
  width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border-radius:50%;
  font-size:24px;
  background:linear-gradient(135deg,#fff3b0,#ffd842);
  box-shadow:0 8px 22px rgba(0,0,0,.12);
}

/* ===== TEXT ===== */
.kyc-section .kyc-card p{
  font-size:15.5px;
  line-height:1.7;
  margin-bottom:14px;
}

/* ===== LIST ===== */
.kyc-section .kyc-card ul{
  margin:0;
  padding-left:18px;
}

.kyc-section .kyc-card li{
  margin-bottom:10px;
  font-size:15.5px;
  line-height:1.6;
}





/* Achiovement section */


.achievements-section {
  background-color: #fdf8f0; /* Soft light background */
  padding-bottom: 40px;
}

.achievements-section .achievement-img {
  width: 100%;
  height: 400px; /* Card height */
  object-fit: contain; /* Full image visible */
  border-radius: 12px;
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
  background-color: #fff; /* Optional: white background if image has transparency */
  display: block;
  margin: 0 auto;
  transition: all 0.3s ease;
}
.achievements-section .achievement-img:hover {
  transform: scale(1.05); /* Slight zoom on hover */
}









/********* PhotoGraphy Section Css ***********/


.photography-section {
  background-color: #fdf8f0;
  padding-bottom: 50px;
}

.photography-section .hero-title {
  font-size: 36px;
  font-weight: 700;
  color: #333;
  text-align: center;
}

.photography-section .photo-caption-text {
  font-size: 14px;
  line-height: 1.6;
  color: #333;
  background-color: #fff;
  padding: 15px;
  border-radius: 10px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.05);
  margin-bottom: 22px;
}

.photography-section .gallery-img {
  width: 100%;
  height: 250px;
  /* object-fit: cover; */
  border-radius: 12px;
  box-shadow: 0 5px 15px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
  cursor: pointer;
}

.photography-section .gallery-img:hover {
  transform: scale(1.05);
}


/* Photography Tabs Styling */
.photography-section .nav-tabs {
  border-bottom: none;
  gap: 12px;
}

.photography-section .nav-tabs .nav-link {
  border: none;
  padding: 10px 26px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 500;
  color: #555;
  background: #f1f1f1;
  transition: all 0.3s ease;
}

.photography-section .nav-tabs .nav-link:hover {
  background: #e9e9e9;
  color: #000;
}

.photography-section .nav-tabs .nav-link.active {
  background: linear-gradient(135deg, #ffda12, #f9c024);
  color: #fff;
  box-shadow: 0 6px 15px rgba(207,163,74,0.35);
}

/* Center tabs nicely */
.photography-section #photoTab {
  justify-content: center;
}

/* Smooth tab content transition */
.photography-section .tab-pane {
  animation: fadeIn 0.4s ease-in-out;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}




.photography-section .photo-card-v2 {
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.08);
  transition: all 0.35s ease;
  height: 100%;
}

.photography-section .photo-card-v2:hover {
  transform: translateY(-8px);
  box-shadow: 0 18px 45px rgba(0,0,0,0.12);
}

.photography-section .photo-card-v2 img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  display: block;
}

/* Text section improved */
.photography-section .photo-info {
  padding: 16px 18px;
  font-size: 14px;
  line-height: 1.8;
  color: #2d2d2d;
  background: linear-gradient(to bottom, #ffffff, #fafafa);
  border-top: 1px solid #eee;
  text-align: left;
}











/* Complaint form page css */


.complaint-section {
  background: linear-gradient(135deg, #fff7cc, #ffffff);
}

.complaint-section .complaint-card {
  background: #ffffff;
  border: 1px solid #facc15;
  padding: 30px;
  border-radius: 18px;
  box-shadow: 0 18px 45px rgba(250, 204, 21, 0.25);
}

.complaint-section .complaint-card h3 {
  font-weight: 600;
  color: #78350f;
  font-size: 29px;
}

/* Labels */
.complaint-section label {
  font-size: 15px;
  margin-bottom: 5px;
  font-weight: 500;
  color: #78350f;
}

/* Inputs */
.complaint-section .form-control {
  border-radius: 10px;
  font-size: 14px;
  padding: 10px 12px;
  border: 1px solid #fde68a;
}

.complaint-section .form-control:focus {
  border-color: #facc15;
  box-shadow: 0 0 0 3px rgba(250, 204, 21, 0.25);
}

/* Submit Button */
.complaint-section .btn-submit {
  background: linear-gradient(135deg, #facc15, #ffae00);
  color: #422006;
  padding: 12px 42px;
  border-radius: 50px;
  border: none;
  font-size: 15px;
  font-weight: 600;
  transition: 0.3s ease;
}

.complaint-section .btn-submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 25px rgba(250, 204, 21, 0.45);
}

/* Captcha Box */
.complaint-section #captchaQuestion {
  background: #facc15;
  padding: 8px 16px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 600;
  color: #422006;
}















/* RESPONSIVE RULES */

@media (max-width: 1200px) {

  .main-links,

  .marquee-box {

    display: none !important;

  }



  .mobile-hamburger {

    display: block;

  }









  /* Media1200 Index Rates Section */

    .rates-section .rate-card {

    width: 220px;

  }









}













@media (max-width: 992px) {

  /* .slider-img {

    height: 80vh;

  } */

  #heroSlider .clean-arrow {

    width: 52px;

    height: 52px;

  }

  #heroSlider .clean-arrow i {

    font-size: 26px;

  }

  #heroSlider .carousel-control-prev { left: 22px; }

  #heroSlider .carousel-control-next { right: 22px; }













  /***** Media992 Index rates Sec ******/



  .rates-section .rate-card {

    width: 45%;

  }

















  /* Media992 EMI Calculator Section */



  .emi-cal-sec .emi-wrapper{flex-direction:column;padding:30px 25px;}

  .emi-cal-sec .emi-right{width:100%;margin-top:20px;}

  .emi-cal-sec .emi-header h2{font-size:32px;}















/* Media992 Introduction page css  */





 .introduction-page .hero-title{font-size:38px;}

  .introduction-page .vm-row{flex-direction:column-reverse;}

  .introduction-page .hero-buttons a{margin-bottom:12px;}















  /* Media992 Home Loan Page Css */



   .Home-Loans-mainnn .steps-wrapper{

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

  }













/* media992 neo-rate-section Css */



.neo-rate-section .neo-rate-header {

    flex-direction: column;

    align-items: flex-start;

    gap: 10px;

  }



  .neo-rate-section .rate-badge {

    align-self: flex-start;

  }









 /* ---------- DEBIT CARD FEATURE ---------- */ 





.debit-card-page-mainn .debit-card-feature {

    padding: 60px 0;

  }

  .debit-card-page-mainn .debit-card-left h4, .contact-info-section h4 {

    font-size: 28px;

  }

  .debit-card-page-mainn .debit-card-left p, .contact-info-section .highlight-text {

    font-size: 16px;

  }

  .debit-card-page-mainn .card-img-wrap {

    width: 280px;

  }











/* Media992 PM Yojna sec */



 .pm-yojna-main-sec .row {

    display: flex;

    flex-wrap: wrap;

  }



  .pm-yojna-main-sec .col-md-4 {

    flex: 0 0 50%;

    max-width: 50%;

  }



  /* last card center */

  .pm-yojna-main-sec .col-md-4:last-child {

    flex: 0 0 100%;

    max-width: 100%;

    display: flex;

    justify-content: center;

  }



  .pm-yojna-main-sec .col-md-4:last-child .modern-card {

    max-width: 50%;

  }

















  /* media992 Mobile banking 24*7 css */



    .mobile-banking-24 .about-banking{

        padding:60px 0;

      }

      .mobile-banking-24 .features-section{

        padding:60px 0;

      }













}





















@media (max-width: 768px) {



  .bank-navbar{

    padding: 10px 26px 15px 26px;

  }



  .logo-box img {

    width: 81px;

    height: 81px;

  }



  .logo-box h2 {

    font-size: 21px;

  }











  /* Index Page Hero Slider Media756 */



  /* .slider-img {

    height: 65vh;

  } */

  #heroSlider .clean-arrow {

    width: 45px;

    height: 45px;

  }

  #heroSlider .clean-arrow i {

    font-size: 22px;

  }

  #heroSlider .carousel-control-prev { left: 15px; }

 #heroSlider .carousel-control-next { right: 15px; }



  #heroSlider .custom-indicators button {

    width: 12px !important;

    height: 12px !important;

  }



.personal-banking-modern .pb-card{

  width: 100%;

}















/* Banner Section all pages  */



  .hero-unique { height: 290px; }



  .hero-unique .hero-content h1 {

    font-size: 32px;

  }



  .hero-unique .hero-content p {

    font-size: 15px;

  }



  .hero-unique .hero-glow {

    width: 180px;

    height: 180px;

  }















    /******* Board-Of-Director Page Media768 ******/





   .board-of-director-sec .director-card {

                height: 250px;

                padding: 20px 10px;

            }

            .board-of-director-sec .section-title {

                font-size: 2rem;

            }

            .board-of-director-sec .subsection-title {

                font-size: 1.5rem;

            }













         /* Media768 Home Loan Section css */



        .Home-Loans-mainnn .loan-tabs .nav-link{

        padding:8px 14px;

        font-size:13px;

      }

      .Home-Loans-mainnn .content-card{

        padding:20px;

      }

      .Home-Loans-mainnn .content-card h4{

        font-size:18px;

      }

      .Home-Loans-mainnn .content-card p{

        font-size:14px;

      }     









      /* Media768 neo-rate-section */



       .neo-rate-section .neo-rate-section {

    padding: 50px 0;

  }



  .neo-rate-section .neo-rate-header h2 {

    font-size: 20px;

  }



  .neo-rate-section .neo-rate-table th,

  .neo-rate-section .neo-rate-table td {

    font-size: 13px;

    padding: 12px;

  }



  .neo-rate-section .center-rate {

    font-size: 16px;

  }



















  /* Interest rate page section css */



   .interest-page-sec-main .modern-table thead{

    font-size:14px;

  }



  .interest-page-sec-main .modern-table tbody td{

    padding:10px;

    font-size:14px;

  }



  .interest-page-sec-main .rate-pill,

  .na-pill{

    padding:5px 12px;

    font-size:13px;

  }

















  /* Media 768 RTGS Sec */



   .rtgs-modern-section .rtgs-header h2 {

    font-size: 28px;

  }


  .rtgs-modern-section{
    padding: 75px 0px;
  }


  .rtgs-modern-section .rtgs-glass-card{
    margin-top: 16px;
  }


  .debit-card-page-mainn .debit-card-right{
        margin-top: 30px;
  }


  .rtgs-modern-section .rtgs-modern-table thead {

    display: none;

  }



  .rtgs-modern-section .rtgs-modern-table,

  .rtgs-modern-table tbody,

  .rtgs-modern-table tr,

  .rtgs-modern-table td {

    display: block;

    width: 100%;

  }



  .rtgs-modern-section .rtgs-modern-table tr {

    margin-bottom: 18px;

    border-radius: 18px;

    overflow: hidden;

    box-shadow: 0 6px 18px rgba(15,23,42,0.08);

  }



  .rtgs-modern-section .rtgs-modern-table tbody td {

    display: flex;

    justify-content: space-between;

    padding: 16px 18px;

    border-bottom: 1px dashed #e5e7eb;

  }



  .rtgs-modern-section .rtgs-modern-table tbody td::before {

    content: attr(data-label);

    font-weight: 700;

    color: var(--muted);

    font-size: 12px;

    text-transform: uppercase;

  }

















  /* media768 contact last sec info */





 .con-info-last .info-strip-inner {

    flex-direction: column;

    text-align: center;

    padding: 28px 22px;

  }



  .con-info-last .info-left {

    flex-direction: column;

    gap: 12px;

  }











  /* Media768 contact page Alag */

   .contact-page-head .map-modern {

    height: 320px;

    border-radius: 20px;

  }







  /* Media768px Download Pdf Page */


   .branches-section .branches-title {
    font-size: 26px;
  }








  /* Media768px CBS Section */
  
  .cbs-sec-main .cbs-hero-content h1 {

font-size: 28px;
padding-top: 50px;
margin-bottom: 0px;

}

.contact-page-head .contact-glass{
  padding: 25px;
}

 .achievements-section .achievement-img {
    height: 250px; /* Smaller height on mobile */
  }


  

}





















@media (max-width: 576px){



      .bank-navbar {

        padding: 10px 5px 15px 9px;

    }



        .logo-box img {

        width: 71px;

        height: 71px;

    }



    .logo-box h2 {

        font-size: 19px;

        margin-bottom: 0;

    }



    .mobile-nav-list a {

      gap: 10px;

      font-size: 17px;

    }



    .mobile-nav-list a i {

    font-size: 22px;

}



.mobile-nav-logo {

    width: 85px;

    height: 83px;

}



.hero-unique { height: 250px; }









.index-right-sidebar .custom-nav{

    display: none;

}







/****** Media576 Hero Slider  ***********/



/* .slider-img {

    height: 55vh;

  } */



  #heroSlider .clean-arrow {

    width: 38px;

    height: 38px;

    border-radius: 10px;

  }



  #heroSlider .clean-arrow i {

    font-size: 18px;

  }



  #heroSlider .carousel-control-prev { left: 8px; }

  #heroSlider .carousel-control-next { right: 8px; }



 #heroSlider .custom-indicators button {

  width: 8px !important;

  height: 8px !important;

  border-radius: 50% !important;

  background-color: rgba(255,255,255,0.5) !important;

  border: 1px solid rgba(255,255,255,0.6) !important;

  margin: 0 4px !important;

  opacity: 1 !important;

  transition: .25s ease !important;

}













/* Index Loan Section Css  */



.loan-services-section{

    padding: 48px 30px;

}

    .loan-services-section .loan-title{

        font-size: 35px;

        margin-bottom: 32px;

    }













    /* Media576 Index rates Sec */



     .rates-section .rate-card {

    width: 90%;

    padding: 25px 15px 15px;

  }



  .rates-section .rates-title {

    font-size: 28px;

  }



  .rates-section .rate-value {

    font-size: 24px;

  }



  .rates-section .rates-btn {

    padding: 8px 20px;

    font-size: 13px;

  }



















  /* Media576 EMI calculator sec */



  .emi-cal-sec .emi-left,.emi-right{min-width:100%;}

  .emi-cal-sec .title{font-size:26px;margin-bottom:25px;}

  .emi-cal-sec .emi-right{padding:25px 22px;}

  .emi-cal-sec .emi-header img{width:50px;}

  .emi-cal-sec .emi-header h2{font-size:28px;}

  .emi-cal-sec .input-inline input{font-size:16px;}



















   /**************** Media576px Board-Of-Director Page  ******************/



   .board-of-director-sec .section-title {

        font-size: 1.6rem;

      margin: 27px 0 30px;

    }



        .board-of-director-sec .subsection-title {

        font-size: 1.3rem;

    }



    .board-of-director-sec .director-name {

    font-size: 15px;

    }



    .board-of-director-sec .director-position {

    font-size: 0.9rem;

    }



    .board-of-director-sec .director-photo {

    width: 100px;

    height: 100px;



    }

















    /* Media992 Home Loan Section */



     .Home-Loans-mainnn .steps-wrapper{

    grid-template-columns:1fr;

  }

  .Home-Loans-mainnn .how-to-apply{

    padding:40px 0;

  }







   .Home-Loans-mainnn .container{

        padding-left:12px;

        padding-right:12px;

      }











      /* Media992 neo-rate-section */



       .neo-rate-section .neo-rate-card {

    border-radius: 18px;

  }



  .neo-rate-section .neo-rate-header {

    padding: 20px;

  }



  .neo-rate-section .neo-rate-table {

    min-width: 680px;

  }







/* interest page section css */

 .interest-page-sec-main .modern-table-header{

            font-size: 22px;

    }















    /* Media576px PM Yojna Sec */



    .pm-yojna-main-sec .col-md-4 {

    flex: 0 0 100%;

    max-width: 100%;

  }



  .pm-yojna-main-sec .col-md-4:last-child {

    display: block;

  }



  .pm-yojna-main-sec .col-md-4:last-child .modern-card {

    max-width: 100%;

  }



  .pm-yojna-main-sec .modern-btn {

    width: 100%;

  }















/* Media576 MB Privacy policy page  */



 .mb-privacy-page-24 .policy-header h1 {

        font-size: 1.9rem;

    }













/* Media576 sms banking page */



   .sms-page-24 .sms-box {

        padding: 26px;

        border-radius: 18px;

    }



    .sms-page-24 .sms-title {

        font-size: 1.7rem;

    }







     .problem-section .problem-title-main {
    font-size: 24px;
  }

  .problem-section .problem-item {
    padding: 16px;
    gap: 14px;
  }

  .problem-section .problem-icon {
    font-size: 22px;
  }










  /* Media576px KYC Page Css */

   .kyc-section .kyc-card {
            padding: 26px 22px;
        }

        .kyc-section .section-title h2 {
            font-size: 24px;
        }

        .kyc-section .kyc-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
  gap:28px;
}


.executives-title {

  font-size: 1.7rem;

}



#heroSlider .slider-img{
  height: 200px;
  object-fit: inherit;
}


.photography-section .photo-card-v2 img {

  height: 100%;
  width: 100%;

}



}











@media(max-width:480px){

  .emi-cal-sec .emi-wrapper{padding:20px 15px;gap:25px;}

  .emi-cal-sec .title{font-size:24px;margin-bottom:20px;}

  .emi-cal-sec .emi-right{padding:22px 18px;}

  .emi-cal-sec .emi-header img{width:45px;}

  .emi-cal-sec .emi-header h2{font-size:24px;}

  .emi-cal-sec .input-inline input{font-size:15px;}

  .emi-cal-sec .range-values{font-size:12px;}

  .emi-cal-sec .emi-list h3{font-size:18px;}

  .emi-cal-sec .emi-list p{font-size:12px;}

}











@media (max-width: 415px){



  .mobile-hamburger {

    font-size: 32px;

  }



      .logo-box img {

        width: 60px;

        height: 60px;

    }



        .logo-box h2 {

        font-size: 18px;

        margin-bottom: 0;

    }

    .mobile-nav{

      padding: 17px 15px;

    }



        .bank-navbar {

        padding: 10px 5px 13px 9px;

    }



    .mobile-nav-logo {

        width: 75px;

        height: 74px;

    }









    /* Index Loan Section Css */



    .loan-services-section{

    padding: 38px 20px;

}

    .loan-services-section .loan-title{

        font-size: 31px;

        margin-bottom: 32px;

    }





    .personal-banking-modern .pb-btn{

      width: 120px;

    }



    .personal-banking-modern {

      padding: 33px 15px;

    }





    /* Footer main media415 */



    .footer-logo-ff p{

    font-size: 18px !important;

  }



 



 

    



}







@media (max-width: 375px){

  

  .logo-box {

    gap: 9px;

  }



  .logo-box img {

        width: 57px;

        height: 57px;

    }







}





@media (max-width: 360px){



      .logo-box img {

        width: 55px;

        height: 55px;

    }



    .logo-box h2 {

        font-size: 17px;

    }



    .mobile-hamburger {

        font-size: 30px;

    }



    .loan-services-section{

    padding: 38px 15px;

}



.footer-logo-ff{

  gap: 5px;

}



}





@media (max-width: 340px){



      .logo-box img {

        width: 52px;

        height: 53px;

    }



    .logo-box h2 {

        font-size: 16px;

    }



    .mobile-hamburger {

        font-size: 29px;

    }



}