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%;
}

.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 */