body {
  font-family: "Neue Helvetica", Sans-serif !important;
  color: #333333;
  font-weight: 400;
}

:root {
  --font-family-primary: "Neue Helvetica", Sans-serif;
}
:root {
  --font-family-secondary: "Gilroy", Sans-serif !important;
}

p{
  font-size: 17px !important;
  font-family: "Gilroy", Sans-serif !important;;
}

.h2{
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 45px !important;
  font-family: "Gilroy",sans-serif !important;
}


h1,
h2,
h3,
h4,
h5,
h6,
.font-primary {
  font-family: "Gilroy-bold", sans-serif !important;
  font-weight: 500 !important;
}


@font-face {
  font-family: 'Gilroy';
  src: url('/font/Gilroy-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy-bold';
  src: url('/font/Gilroy-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}

.banking-heading{
  color:#333333 !important;
  font-weight: 600;
  font-family: "Gilroy-bold", Sans-serif !important;
}

.welcome{
  color: #333333 !important;
}

/* About Us Styling */

.hero-banner {
  position: relative;  
  background: url(../img/Aboutus_Banner.webp) !important;
  background-position: center right !important;
  background-size: cover !important;
  background-repeat: no-repeat;
  min-height: 58vh !important;
  display: flex;
  align-items: flex-end; 
  padding: 5%;
}

.skip-link {
  position: absolute !important;
  left: -999px !important;
  top: auto !important;
  background: #eb841f !important; 
  color: #fff !important;
  padding: 10px 15px !important;
  font-size: 16px !important;
  font-weight: bold !important;
  text-decoration: none !important;
  border-radius: 4px !important;
  transition: all 0.3s ease !important;
  z-index: 1000 !important;
}

.skip-link:focus {
  left: 10px !important;
  top: 10px !important;
  width: auto !important;
  height: auto !important;
  outline: 3px solid #eb841f !important;
}


.divider2 {
  width: 17% !important;

}
.divider3 {
  width: 22% !important;
 
}
.divider5{
  width: 13.5% !important;
}


@media (max-width: 768px) {
  .divider1{
    width: 55% !important;
  }
  .divider2{
    width: 31% !important;
  }
  .divider3{
    width: 40% !important;
  }
}

@media (max-width: 430px) {
  
  .hero-banner {
    min-height: 23vh !important;
  }
  .divider,
  .divider3{
    width: 73% !important;
    opacity: 1 !important;
  }
  .divider1{
    width: 46% !important;
    opacity: 1 !important;
  }
   .divider2{
    width: 55% !important;
    opacity: 1 !important;
   }

}

@media (max-width: 430px) {
  .nav-tabs {
  flex-direction: column;
  }
 
  .nav-tabs .nav-item {
  width: 100% !important;
  }
  }


@media (max-width: 360px) {
  
  .hero-banner {
    min-height: 23vh !important;
  }
  .divider,
  .divider3{
    width: 85% !important;
    opacity: 1 !important;
  }
  .divider1{
    width: 55% !important;
    opacity: 1 !important;
  }
   .divider2{
    width: 65% !important;
    opacity: 1 !important;
   }

}


.carousel-caption {
  text-align: left !important;
  
}

  /* Financial Page Styling */

.statement-item {
    padding: 0px 0px 0px 20px;
  }
  
  .statement-item:hover {
    background: #f1f1f1;
  }
  
  
  /* End Our Financial Page Styling */

/* Aani Page Styling */

  .accordion-button {
    font-size:20px !important;
    font-family:"Gilroy",sans-serif !important;
    font-weight: 500 !important;
    color: #000;
    padding:24px !important;
  }
  
  .accordion-button:focus{
    box-shadow:none !important
  }
  
  
  .accordion-item{
    border-radius: 0px !important;
  }
  
  .accordion-body {
    font-size: 16px !important;
    padding:24px !important;
    
  }
  .accordion-button:focus{
    box-shadow: none !important;
  }
 

/* End Aani Page Styling */

  /* Internet Banking Styling */


    .loan-icon {
        filter: invert(1);
    }

    @media (max-width: 430px) {
        .w-50 {
            width: 250px !important;
            margin: 13px 0px !important;
        }
    }
   
   @media (max-width: 430px) {
        .w-50 {
            width: 250px !important;
            margin: 13px 0px !important;
        }
    }

      /* End Internet Banking Styling */

      /* listen css */

/* complaint form css */
    .complaint-info {
        padding-left: 40px !important;
        line-height: 1.7;
        font-size: 16px;
    }

    .complaint-info h2 {
        font-size: 22px;
        font-weight: 700;
        margin-top: 30px;
    }
    .complaint-info h4 {
        color: #f57c00;
        font-weight: 700;
        margin-top: 20px;
    }
    .complaint-info a {
        color: #eb841f;
    }

    .disclaimer-section h3 {
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 15px;
    }
    .disclaimer-section p {
        line-height: 1.7;
        font-size: 16px;
        margin: 0;
    }

 .disclaimer-section{
    padding-left: 40px !important;
 }

    @media (max-width: 430px) {
    .complaint-info {
        padding-left: 10px !important;
        font-size: 14px;
        line-height: 1.6;
    }

    .disclaimer-section{
     padding-left: 10px;
    }
}