:root {
  --theme-color: #EB292C;
  --secondary-color: #0A0F20;
  --pink-color: #FFC0CB;
  --violet-color: #7F00FF;
  --crimson-color: #DC143C;
  --orange-color: #FFA500;
  --text-color: #676767;
  --title-color: #141417;
  
   --head-font: "Kameron", serif;
   --body-font: "Kameron", serif;
  
  
   
   
   }
 


   .page-loader{
    display: block;
  height: 100vh;
  margin-top: 0 !important;
  position: fixed;
  width: 100vw;
    background: var(--secondary-color);
    z-index: 10000;
    overflow: hidden;
    
  }
  
  .txt{
      color: #666;
      text-align: center;
      top: 40%;
      position: relative;
      text-transform: uppercase;
      letter-spacing: 0.3rem;
      font-weight: bold;
      line-height: 1.5;
    }
  /* SPINNER ANIMATION */
  .spinner {
    position: relative;
    top: 35%;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    background-color: #fff;
  
    border-radius: 100%;  
    -webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
    animation: sk-scaleout 1.0s infinite ease-in-out;
  }
  
  @-webkit-keyframes sk-scaleout {
    0% { -webkit-transform: scale(0) }
    100% {
      -webkit-transform: scale(1.0);
      opacity: 0;
    }
  }
  
  @keyframes sk-scaleout {
    0% { 
      -webkit-transform: scale(0);
      transform: scale(0);
    } 100% {
      -webkit-transform: scale(1.0);
      transform: scale(1.0);
      opacity: 0;
    }
  }
   
  body{
  font-family: var(--body-font);
 color:var(--text-color);
    text-align: left;
    line-height: 38px;

  letter-spacing:0px;
  }

  h1, h2, h3, h4, h5 {
    font-family: var(--head-font); }
    a{text-decoration: none;}

    a:focus, a:hover, a:active {
        outline: none !important;
        box-shadow: none !important; }

        
.container {
    max-width: 1300px;
    width: 100%; }

    img {
        display: block; }


        #hm{
          -webkit-transition: all 0.4s ease;
                  transition: all 0.4s ease;
                 
          
              }
          
          #hm.sticky {
                position:fixed; top:0; z-index:1998; width:100%; 
                animation: drop-in 1s ease 200ms backwards;
              } 
             
              #hm.sticky .top-div1{padding-top: 5px; padding-bottom: 5px; border-bottom: 1px solid rgb(233, 232, 232); 
                background-color: #fff !important; }
              #hm.sticky .logo-div img{width: 60%; padding-top: 5px;}
              #hm.sticky .top-det{display: none !important;}
              #hm.sticky .offcanvas.offcanvas-top{margin-top: 0;}

    @keyframes drop-in {
        from {
         opacity: 0;
         transform: translateY(-100px);
        }
        to {
         opacity: 1;
         transform: translate(0px);
        }
       }

       
       .top-div1{padding-top: 10px; padding-bottom: 10px; }
       

       .swiper-container {
        width: 100vw;
        height: 80vh;
      }
      
      .swiper-slide {
        background-color: #fcfcfc;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #fcfcfc;
        font-size: 24px;
      }
      
      .swiper-slide > .swiper-slide-cover {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: transparent no-repeat 50% 50% /cover;
      }
      
      .swiper-slide{position: relative;}
      .swiper-slide:before{content: '';
      width: 100%;
    height: 100%;
  /* background: rgba(0, 0, 0, .5); */
  position: absolute;
  z-index: 1;
  }
     
      .swiper-slide .slide-01 {
        background-image: url(../images/bhagavathi-cooperative-bank-banner1.jpg);
        transform-origin: 50% 50%;
        
      }
      
      .swiper-slide .slide-02 {
        background-image: url(../images/bhagavathi-cooperative-bank-banner2.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-03 {
        background-image: url(../images/bhagavathi-cooperative-bank-banner3.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-04 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-07-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-05 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-09-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-06 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-13-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-07 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-08-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-08 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-11-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-09 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-04-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-10 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2019/08/slide-03-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-11 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-06-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-12 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-12-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-13 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-15-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-slide .slide-14 {
        background-image: url(https://martin-kovacs.com/wp-content/uploads/2024/02/slide-10-2048.jpg);
        transform-origin: 50% 50%;
      }
      
      .swiper-scale-effect .swiper-slide-cover {
        transition-timing-function: linear;
        transition-duration: 20s;
        transform: scale(1);
      }
      
      .swiper-scale-effect .swiper-slide.swiper-slide-active .swiper-slide-cover {
        transform: scale(1.3);
      }
      
      :root {
        --swiper-pagination-bottom: 40px;
        --swiper-theme-color: rgba(252, 252, 252, 0.85) !important;
      }
      .swiper-lazy-preloader-white {
        --swiper-preloader-color: #FCFCFC;
      }
      .swiper-lazy-preloader-black {
        --swiper-preloader-color: #262626;
      }
      .swiper-button-prev,
      .swiper-button-next {
        background: transparent;
        opacity: 0.55;
        --swiper-navigation-color: rgba(36, 36, 36, 0.85);
        transition: opacity 0.3s ease, color 0.3s ease;
      }
      .swiper-button-prev:hover,
      .swiper-button-next:hover {
        background: transparent;
        opacity: 0.85;
        --swiper-navigation-color: #414141;
      }
      .swiper-pagination-bullet {
        width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 10px)) !important;
        height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 10px)) !important;
        box-shadow: inset 1px 1px 1px rgba(38, 38, 38, 0.85);
        background: var(--swiper-pagination-bullet-inactive-color, rgba(252, 252, 252, 0.85)) !important;
        opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.55) !important;
        --swiper-pagination-bullet-horizontal-gap: 6px;
      }
      .swiper-pagination-bullet-active {
        box-shadow: inset 1px 1px 1px rgba(38, 38, 38, 0.85);
        background: var(--swiper-pagination-bullet-active-color, rgba(252, 252, 252, 0.85)) !important;
        opacity: var(--swiper-pagination-bullet-active-opacity, 0.85) !important;
        --swiper-pagination-bullet-horizontal-gap: 10px;
      }





       .offcanvas.offcanvas-top{padding: 0;
        margin: 0;
        width: 100% !important;
        height: 100% !important;
        margin-top: 0px;
        }
       .menu-div .navbar, .menu-div1 .navbar {
        padding: 0px;
        margin-left: 0px; }

        .menu-div .navbar-light .navbar-nav .nav-item .nav-link {
          
            padding: 10px 15px;
            line-height: 22px;
            font-size: 16px;
            font-weight: 600;
            position: relative;
            margin-right: 5px;
            text-align: center;
            color:#141417;
            font-weight: 400;
           text-transform: uppercase;
           
            border-radius: 0;
        
      }


      .navbar-expand-md .navbar-nav .dropdown-menu{background: none !important;}

      @media (min-width: 770px)
{
 .dropdown .dropdown-menu {
        transition: all 0.5s;
        overflow: hidden;
        transform-origin: top center;
        transform: scale(1, 0);
        display: block;
      height: 0;
     }
      .dropdown:hover .dropdown-menu {
        transform: scale(1);
        height: inherit;
     }  
     
    }
     /* @media (min-width: 770px) {
      .menu-div .navbar  .dropdown-menu, .menu-div1 .navbar  .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0; padding: 0px;  } 
      .menu-div .navbar .dropdown-menu.fade-up, .menu-div1 .navbar .dropdown-menu.fade-up{ top:180%;   transform: scale(0.5, 0.5); background: #13a0e6; }
     .menu-div .navbar .nav-item:hover .d1, .menu-div1 .navbar .nav-item:hover .d1{ transition: .7s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg); }
     .menu-div .navbar  .dropdown-menu:hover .dropdown-submenu .dropdown-menu, .menu-div1 .navbar  .dropdown-menu:hover .dropdown-submenu .dropdown-menu{display: block; opacity: 0;  visibility: hidden; transition:.7s; margin-top:0; padding: 0px;  width: 100%;} 


  .menu-div .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu.fade-up, .menu-div1 .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu.fade-up{ top:0%;    }
  .menu-div .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu,   .menu-div1 .navbar  .dropdown-menu .dropdown-submenu:hover .dropdown-menu{transition: .7s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);}
  }
    */

/*ktm mega menu*/
    @media all and (min-width: 992px) {
      .dropdown-menu {
        width: 13rem;
      }
      .mega-submenu {
        left: 100%;
        top: 0;
        min-width: 25rem;
      }
      .ktm-mega-menu {
        position: static;
      }
      .mega-menu {
        left: 0;
        right: 0;
        width: 100%;
      }
      .dropdown-menu li {
        position: relative;
      }
      .dropdown-menu .submenu {
        display: none;
        left: 100%;
        top: 0;
      }
      .dropdown-menu>li:hover>.submenu,
      .dropdown:hover>.dropdown-menu {
        display: block;
      }
    }
/*ktm mega menu*/


    /* .dropdown-toggle::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: none;
      border-right: none;
      border-bottom: 0;
      border-left: none;
    } */

    .megamenu{background: #fff; z-index: 100;}


    /*has mega menu*/

    .navbar .megamenu{ padding: 1rem; }

/* ============ desktop view ============ */
@media all and (min-width: 992px) {

  .navbar .has-megamenu{position:static!important;}
  .navbar .megamenu{left:0; right:auto; width:90% !important; margin-top:2px !important; background: #fff !important; padding: 10px !important; position: fixed !important; margin-left: 5% !important;  }

}	
/* ============ desktop view .end// ============ */

/* ============ mobile view ============ */
@media(max-width: 991px){
  .navbar .megamenu{background: #fff !important; padding: 10px !important; }
  .navbar.fixed-top .navbar-collapse, .navbar.sticky-top .navbar-collapse{
    overflow-y: auto;
      max-height: 90vh;
      margin-top:10px;
  }
}
/*has mega menu*/
      
   /* .dropdown-menu {
    min-width: 250px;
  }
  .dropdown-menu.columns-2 {
    min-width: 500px;
    margin-left: 0;
  }
  .multi-column-dropdown {
    list-style: none;
    margin: 0px;
    padding: 0px;
  }
  .multi-column-dropdown li a {
    display: block;
    clear: both;
   
    white-space: normal;
  }
  .multi-column-dropdown li a:hover {
    text-decoration: none;
    color: #262626;
    background-color: #999;
  }

  @media (max-width: 769px) {
    .dropdown-menu.multi-column {
      min-width: 240px !important;
      overflow-x: hidden;
    }
  } */
     

      .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link {
        color: var(--theme-color)

        
       
       
       
        
         }
      
         .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link.dropdown-toggle, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link.dropdown-toggle{color: var(--theme-color)} 



         .menu-div .navbar-expand-lg .navbar-nav .dropdown-menu, .menu-div1 .navbar-expand-lg .navbar-nav .dropdown-menu {
            background: none;
            width: 250px;
            padding-top: 0px;
            padding-bottom: 0px; }
          
          .menu-div .dropdown-item, .menu-div1 .dropdown-item {
            color: #000;
            border-bottom: 1px solid rgba(255,255,255,0.1);

            font-size: 15px;
           
            padding-top: 5px;
            padding-bottom: 5px;
            background: var(--secondary-color) !important;
            color: #fff;
            font-weight: 400; }
          
          .menu-div .dropdown-item, .menu-div1 .dropdown-item {
            padding:8px 15px !important; }
          
          .menu-div .dropdown-item:hover, .menu-div .dropdown-item.active, .menu-div1 .dropdown-item:hover, .menu-div1 .dropdown-item.active {
            color: #fff;
            background: var(--theme-color) !important; }

            .menu-div .dropdown:hover .dropdown-menu, .menu-div1 .dropdown:hover .dropdown-menu {
               
                margin-top: -1px; background: none; margin: 0; padding: 0; }
               


                


              
               







                      

                      .menu-div .navbar .nav-item .dropdown-menu {
                        transition: .7s;
                      }

                      


/*example*/
      /* .dropend .dropdown-toggle {
        color: salmon;
        margin-left: 1em;
      }
      .dropdown-item:hover {
        background-color: lightsalmon;
        color: #fff;
      }
      .dropdown .dropdown-menu {
        display: none;
      }
      .dropdown:hover > .dropdown-menu,
      .dropstart:hover > .dropdown-menu {
        display: block;
        margin-top: 0.125em;
        margin-left: 0.125em;
      }
      @media screen and (min-width: 769px) {
        .dropstart:hover > .dropdown-menu {
          position: absolute;
          top: 0;
          right: 100%;
        }
        .dropstart .dropdown-toggle {
          margin-right: 0.5em;
        }
      } */
      
/*example*/



/*example*/
.dropstart .dropdown-toggle {
  /* color: salmon;
  margin-left: 1em;  */
} 
/* .dropdown-item:hover {
  background-color: lightsalmon;
  color: #fff;
}
 .dropdown .dropdown-menu {
  
display: block !important;

} 
 .dropdown:hover > .dropdown-menu,
.dropstart:hover > .dropdown-menu {
  display: block !important;
  margin-top: 0.125em;
  margin-left: 0.125em;
  
}  */
@media screen and (min-width: 769px) {
  .dropstart:hover > .dropdown-menu {
    position: absolute;
    top: 0;
   right: 100%;
  }

  .dropstart > .dropdown-menu {
    position: absolute;
    top: 0;
    right: 100%;
  }
  .dropstartd .dropdown-toggle {
    margin-right: 0em;
  }
}  

/*example*/

.wel-div1{padding-top: 60px; padding-bottom: 60px;}

.wel-right1{margin-left: 40px;}
.wel-div1 h4 {
  margin: 0;
  display: block;
  font-size: 16px;
  line-height: 22px;
  text-transform: uppercase;
  margin-bottom: 15px;
  color:var(--theme-color);
  font-weight: 700;
}

.wel-right1 p{font-size: 18px;}

.wel-div1 h1{margin: 0; font-size: 40px; color: var(--title-color); font-weight: 700; line-height: 50px; margin-bottom: 20px;}

.image-box {
  position: relative;
  display: block;
}
.image-shape {
  background-image: url(../images/sri-bhagavathi-cooperative-bank-shape-3.png);
  position: absolute;
  left: -108px;
  top: 110px;
  width: 200px;
  height: 200px;
  background-repeat: no-repeat;
  -webkit-animation: zoom-fade 8s infinite linear;
  animation: zoom-fade 8s infinite linear;
}


@-webkit-keyframes zoom-fade{
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

@keyframes zoom-fade {
  0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  100% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
}

.image-box .wel-image {
  position: relative;
  display: block;
  overflow: hidden;
}


.image-box .wel-image::before {
  position: absolute;
  top: 0;
  left: -85%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.image-box .wel-image:hover::before {
  
  animation: shine 1s;
}

@keyframes shine{
  100% {
    left: 125%;
  }
}
.image-box .experience-box {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0px;
  bottom: 50%;
  transform: translateY(50%);
  width: 180px;
  height: 180px;
  text-align: center;
  background: var(--theme-color);
  border-radius: 50%;
  padding: 15px 20px;
  z-index: 1;
}

.image-box .experience-box::before {
  position: absolute;
  content: '';
  width: 290px;
  height: 290px;
  border-radius: 50%;
  left: -55px;
  top: -55px;
  border: 20px solid rgba(255, 255, 255, 0.50);
}

.image-box .experience-box h2 {
  margin: 0;
  display: block;
  font-size: 54px;
  
  color: #fff;
}

.image-box .experience-box h6 {
  margin: 0;
  font-size: 16px;
  line-height: 20px;
  color: #fff;
  font-weight: 600;
}

.single-item{position: relative;
  display: block;
  padding-left: 90px;
  margin-top: 20px;}

  .icon-box {
    position: absolute;
    display: inline-block;
    left: 0px;
    top: 0px;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    color: var(--theme-color);
    z-index: 1;
    
  }

  .single-item .icon-box::before {
    position: absolute;
    content: '';
    background: var(--theme-color);
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    opacity: 0.10;
    z-index: -1;
  }

  .icon-box1{position: relative; border:1px solid var(--theme-color); width: 50px; height: 50px; border-radius: 50%; left: 10px;
    top: 10px; }
    .icon-box1 i{position: absolute; top:50%; left: 50%; transform: translateX(-50%) translateY(-50%);}

    .wel-right1 h3{margin: 0; font-size: 24px; color: var(--title-color); font-weight: 700; margin-bottom: 0px;}


    .wel-div2{background: url(../images/sri-bhagavathi-cooperative-bank-service-bg.jpg) no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 60px; text-align: center;}
    .wel-div2 h4 {
      margin: 0;
      display: block;
      font-size: 16px;
      line-height: 22px;
      text-transform: uppercase;
      margin-bottom: 15px;
      color:var(--theme-color);
      font-weight: 700;
    }
    
    .wel-div2 h1{margin: 0; font-size: 40px; color: var(--title-color); font-weight: 700; line-height: 50px; margin-bottom: 20px;}

.wel-deposit h3{margin: 0; background: var(--pink-color); padding: 10px; color:var(--secondary-color); text-transform: uppercase; font-size: 22px; font-weight: 700;}


.wel-deposit .wel-image {
  position: relative;
  display: block;
  overflow: hidden;
}


.wel-deposit .wel-image::before {
  position: absolute;
  top: 0;
  left: -85%;
  display: block;
  content: '';
  width: 50%;
  height: 100%;
  
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
  -webkit-transform: skewX(-25deg);
  -ms-transform: skewX(-25deg);
  transform: skewX(-25deg);
}

.wel-deposit .wel-image:hover::before {
  
  animation: shine 1s;
}




.wel-div3{padding-top: 60px; padding-bottom: 60px;  text-align: center;}
.wel-div3 h1{margin: 0; font-size: 40px; color: var(--title-color); font-weight: 700; line-height: 50px; margin-bottom: 20px; }
.wel-loan{position: relative;
  display: block;
  overflow: hidden;
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  z-index: 1;
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
}
.wel-loan::before{
  position: absolute;
  content: '';
  background: #bfcedf;
  width: 100%;
  height: 0px;
  left: 0px;
  top: 0px;
  z-index: -1;
  transition: all 500ms ease;
}
.wel-loan:hover::before{height: 100%;}

.wel-loan h3{margin: 0; font-size: 20px; color:var(--theme-color); margin-top: 20px; font-weight: 700;}
.wel-loan h4{margin: 0; font-size: 18px; color:var(--secondary-color); margin-top: 10px; color:var(--violet-color); font-weight: 600;}
.wel-loan img{margin-left: auto; margin-right: auto;}


.shape {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

.shape::before {
  position: absolute;
  content: '';
  background: var(--theme-color);
  width: 62px;
  height: 62px;
  right: -18px;
  bottom: -22px;
  border-radius: 50%;
  opacity: 0.1;
  transition: all 500ms ease;
  -webkit-animation: zoom-fade 5s infinite linear;
  animation: zoom-fade 5s infinite linear;
}
.shape::after {
  position: absolute;
  content: '';
  border: solid;
    border-top-width: medium;
    border-top-color: currentcolor;
    border-right-width: medium;
    border-right-color: currentcolor;
    border-bottom-width: medium;
    border-bottom-color: currentcolor;
    border-left-width: medium;
    border-left-color: currentcolor;
  border-width: 7px;
  border-color: var(--theme-color);
  right: -37px;
  bottom: -41px;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  opacity: 0.1;
  
}


.wel-div4{background: url(../images/sri-bhagavathi-cooperative-bank-video-bg.jpg) no-repeat; background-size: cover; background-attachment: fixed; padding-top: 160px; padding-bottom: 160px; position: relative;}

.wel-div4::before{position: absolute;
  content: '';
  background: #000;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  opacity: 0.5;}

.wel-high1{position: relative;
  display: block;
  padding:40px; color:#fff; width: 30%;}
  .wel-div4 .wel-high1:nth-child(1){background: var(--secondary-color);}
  .wel-div4 .wel-high1:nth-child(2){background: var(--theme-color);}
  .wel-high1.d-flex{column-gap: 20px;}
  .icon-box2{
    display: inline-block;
    left: 50px;
    top: 50px;
    width: 90px;
    height: 90px;
    line-height: 90px;
    font-size: 40px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
    background: rgba(255, 255, 255, 0.07);}
    .wel-div4 .wel-high1:nth-child(2) .icon-box2{background: rgba(255, 255, 255, 0.15);}
    .wel-high1 h3{
      margin: 0;
      font-size: 40px;
      line-height: 52px;
     color: #fff;
      font-weight: 800;}

      .wel-high1 h4{margin: 0;
        font-size: 22px;
        line-height: 26px;
        color: #fff;
        font-weight: 500;}

.wel-div5{padding-top: 80px; padding-bottom: 80px;}

        .calculator-container, .result-container {
          /* background-color: #fff; */
          /* padding: 20px; */
          /* border-radius: 8px; */
          /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); */
          width: 100%;
          position: relative;
          z-index: 2;
          ;
          box-sizing: border-box;
      }

      .wel-div5 h4 {
        margin: 0;
        display: block;
        font-size: 16px;
        line-height: 22px;
        text-transform: uppercase;
        margin-bottom: 15px;
        color:var(--theme-color);
        font-weight: 700;
      }
      
      .wel-div5 h1{margin: 0; font-size: 40px; color: var(--title-color); font-weight: 700; line-height: 50px; margin-bottom: 20px;}

      .result-container{background: #fff; padding: 10px; margin-top: 10px;}
      
      .calculator-container h1 {
          margin-bottom: 20px;
          color: #333;
      }
      
      .calculator-container .input-group {
          margin-bottom: 15px;
      }
      
      .calculator-container .input-group label {
          display: block;
          margin-bottom: 5px;
          color: #555;font-size: 18px;
      }
      
      .calculator-container .input-group input {
          width: 100%;
          padding: 8px;
          border: 1px solid #ddd;
          border-radius: 4px;
          font-size: 16px;
          box-sizing: border-box;
      }
      
      .wel-div5 .default-values {
          display: flex;
          gap: 10px;
          margin-top: 5px;
      }
      
      .wel-div5 .default-values span {
          background-color: #f0f0f0;
          padding: 5px 10px;
          border-radius: 4px;
          cursor: pointer;
          font-size: 14px;
      }
      
      .wel-div5 .default-values span:hover {
          background-color: #e0e0e0;
      }
      
      .wel-div5 button {
          width: 100%;
          padding: 10px;
          background-color: #007BFF;
          border: none;
          border-radius: 4px;
          color: #fff;
          font-size: 16px;
          cursor: pointer;
          box-sizing: border-box;
      }
      
      .wel-div5 button:hover {
          background-color: #0056b3;
      }
      
      .result h2 {
        margin: 0;
          color: #333;
          font-size: 20px;
      }
      
      #emiChart {
          margin-top: 20px;
      }
      
      #emi-details {
          margin-top: 20px;
          text-align: left;
          color: #555;
      }
      .result h2 span{font-weight: 600; color:var(--theme-color) }
      /* Responsive design */
      /* @media (min-width: 768px) {
          .container {
              flex-wrap: nowrap;
              justify-content: center;
              align-items: flex-start;
          }
          
          .calculator-container, .result-container {
              width: 45%;
          }
      } */
.wel-left5{padding: 40px; }
.wel-det5{background: #f6f6f6; }
.wel-div5 .row [class*="col-"] {
  padding: 0;
}
.wel-div5 .wel-image img{width: 100%;}


    .row.equal-cols {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
    }
    
    .row.equal-cols:before,
    .row.equal-cols:after {
      display: block;
    }
    
    .row.equal-cols > [class*='col-'] {
      display: -webkit-flex;
      display: -ms-flexbox;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
    }
    
    .row.equal-cols > [class*='col-'] > * {
      -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
      flex: 1 1 auto; 
    }
    


.footer-div {background: var(--secondary-color); color:#fff; padding-top: 60px; padding-bottom: 0px;   letter-spacing: 0; font-size: 15px; position: relative; z-index: 2;} 

.foot1{width: 40%;}
.foot-ab{margin-top: 20px;}


.foot-social {
  display: flex;
  column-gap: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.foot-social img{border-radius: 50%; background: transparent;}
.foot-social img:hover{background: var(--body-color1);}


.footer-logo img{
  padding-left:18px;
}



.f-link {
  list-style: none;
  margin-left: 0px;
  padding: 0px;
  text-align: left; margin-top: 5px; letter-spacing: 0; margin-left: 15px;}
  .f-link li {
    display: block; padding-right: 0px; }
    .f-link li a {
      display: block;
      padding: 3px 20px 3px 20px;
      font-size: 15px;
      line-height: 30px;
     font-weight: 600;
    background: url(../images/footer-arrow.svg) no-repeat left center;
 
      text-decoration: none;
      /* background: url(../images/footer-arrow.svg) no-repeat center left ; */
      color: #fff;
      margin-left: 0px;
      transition: All .5s ease;
      -webkit-transition: All .5s ease;
      -moz-transition: All .5s ease;
      -o-transition: All .5s ease;
      position: relative;
       }

       
      .f-link li a:hover {
        color: #fff;
        background-position: center left 5px;}

        

        .f-link li a::before{
          content: "";
          width: 100%;
          height: 2px;
          position: absolute;
          left: 0;
          bottom: 0;
          background: #fff;
          transition: 0.5s transform ease;
          transform: scale3d(0,1,1);
          transform-origin: 0 50%;
          transform-origin: 50% 50%;
          background: #fff;
        }
        .f-link li a:hover::before{
          transform: scale3d(1,1,1);
        }
       
.foot-add a{text-decoration: none; color:#fff}





.icon-effect {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 30px;
}
.icon-effect > li {
  display: inline;
  margin-right: 20px;
  padding: 0;
}
.icon {
  display: inline-block;
  position: relative;
  z-index: 1;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  font-size: 17px;
  color: #f1f1f1;
  line-height: 38px;
  text-align: center;
  background-color: #1b2026;
  border: 1px solid #fff;
}
.icon:after {
  position: absolute;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  content: '';
  box-sizing: content-box;
}
.icon-effect .icon {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
.icon-effect .icon:after {
  top: -7px;
  left: -7px;
  padding: 7px;
  /* box-shadow: 0 0 0 4px #f1f1f1; */
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -ms-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  -webkit-transform: scale(.8);
  -moz-transform: scale(.8);
  -ms-transform: scale(.8);
  -o-transform: scale(.8);
  transform: scale(.8);
  opacity: 0;
  
}
.icon-effect-1a .icon:hover {
  background-color: var(--body-color1);
  color: #fff;
  border: 1px solid transparent;
}
.icon-effect-1a .icon:hover:after {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}





        
        
        









.copy-div {
 
  font-size: 15px; 

 
  padding-top: 10px;
  padding-bottom: 10px;
  
  color: #fff;
  border-top: 1px solid var(--pink-color);
  transition: all .5s ease; }
  .copy-div a {
    text-decoration: none;
    color: #fff; }
  .copy-div a:hover {
    color: var(--theme-color); }
  .copy-div .power-div {
    text-align: right; }
    .copy-div .power-div .power {
      position: relative;
      z-index: 3; }

      .copy-div1{ padding-top:15px;
        padding-bottom: 15px;}


.call-div{display: none;
  bottom: 0px;
  position: fixed;
  width: 100%;
  z-index: 1000;
  bottom: 0;
  background: #b50202;
  text-align: center;
  padding: 10px;
  color: #fff;
  font-weight: 600;}
  .call-div a {
    color: #fff; } 


/*About*/
.inside-banner img{width: 100%;}
.about-div1{padding-top: 60px;
    padding-bottom: 60px;}
.about-div1 h1{text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #eb2946;
    padding-bottom: 40px;}

.abt-img1{display: block;margin-left: auto;margin-right: auto;border-radius: 20px;}
.abt-img2{
    z-index: 2;
    filter: drop-shadow(0px 10px 60px rgba(0, 0, 0, 0.07));
    right: 51%;
    margin-top: -240px;
    position: absolute;border-radius: 20px;}

.about-div1 h2{font-size: 31px;
    font-weight: 600;
    color: #435668;
    padding-bottom: 25px;}
.about-div1 h3{font-size: 24px;
    color: #d7632c;}
.about-div1 p{text-align: justify;font-size: 18px;}
.about-div4{background: #aab1bf57;
    padding: 22px;margin: 25px 0px;}
.ab-link li{display: block;
    padding: 1px 3px 6px 18px;
    font-size: 18px;
    line-height: 30px;
    background: url(../images/abt-link.png) no-repeat top 11px left;
}
.ab-link1 li{display: block;
    padding: 1px 3px 6px 18px;
    font-size: 18px;
    line-height: 30px;
    background: url(../images/abt-link.png) no-repeat top 11px left;

}


/*bank-committee*/
.bank-comitee-div1{padding-top: 60px;
    padding-bottom: 60px;}
.bank-comitee-div1 h1{text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #eb2946;}
.bank-comitee-div1 h2{text-align: center;
    font-size: 26px;
    color: #466381;
    padding-bottom: 20px;font-weight: 600;}
.bank-comitee-div2{padding-top: 35px;}
.bank-comitee-div2 img{display: block;margin-left: auto;margin-right: auto;}
.detail{text-align: center;}
.detail h3{font-size: 23px;
    font-weight: 600;
    padding-top: 10px;
    color: #e1754f;}
.detail h4{font-size: 20px;
    color: #000;}
.comitee{border: 1px solid #00000038;
    background: #eeeeee78;padding: 20px 0px;
    margin-bottom: 30px;}


/*Deposit*/
.deposit-div1{padding-top: 60px;
    padding-bottom: 60px;}
.deposit-div1 h1 {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #eb2946;
}
.deposit-div2{padding-top: 15px;}

table {
    width: 100%;
    border-collapse: collapse;
}

.table1 tr:nth-of-type(2n+1) {
    background: #f9f9f9;
}
th {
    background: #182b42;
    color: white;
    font-weight: bold;font-size: 20px;
    text-align: center;
}
td, th {
    padding:10px 25px;
    border: 1px solid #ccc;
    width: 60%;font-size: 19px;
}


/*Loan*/
.loan-div1 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.loan-div1 h1 {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #eb2946;
    padding-bottom: 30px;
}
.loan-div2 img{padding: 5px;border: 1px solid #acb9c6;}
.loan-div2 h3{text-align: center;
    background: #1b2444;
    padding: 10px;
    font-size: 19px;
    font-weight: 600;
    border-bottom: 1px solid #acb9c6;
    border-left: 1px solid #acb9c6;
    border-right: 1px solid #acb9c6;
    color: #fff;
    height: 63px;}
.loan1{margin-bottom: 30px;}

/*Contact*/

.contact-div1 {
    padding-top: 60px;
    padding-bottom: 60px;
}
.contact-div1 h1 {
    text-align: center;
    font-size: 35px;
    font-weight: 600;
    color: #eb2946;
    padding-bottom: 30px;
}

.cont{
    padding: 20px 20px 30px 20px;
    padding-top: 20px;
    padding-top: 20px;
    background-color: transparent;
    background-image: linear-gradient(360deg, #FFF 99%, #193252  99%);
    border-style: groove;
    border-width: 1px 1px 1px 1px;
    border-color: #EBEBEB;
    box-shadow: 0px 0px 10px 0px #EBEBEB;
    position: relative;
    padding-top: 30px;
    margin-top: 20px;
    margin-bottom: 30px;
}
.cont-add h5 {
    font-size: 26px;
    color: #b74b0e;
    font-weight: 600;
}
.cont-add p {
    line-height: 32px;font-size: 18px;
}
.cont-add1 {
    padding-bottom: 10px;
}
.form2 {
    padding: 20px;
    border: 1px groove #c5c4c4;
    background: #fff;
    box-shadow: 0px 0px 10px 0px #c5c4c4;
}

.btn1 {
    color: #fff;
    margin-top: 15px;
    border-radius: 13px !important;
    background: #00152c;
    box-shadow: none !important;
    border: none !important;
    padding: 5px 40px;
    margin-left: auto;
    margin-right: auto;
    transition: all .5s ease;
    font-size: 18px;
}
.btn1:hover {
    background: #d7743a;
}
.c-map {
    padding: 10px;
    border: 1px groove #c5c4c4;
    background: #fff;
    box-shadow: 0px 0px 10px 0px #c5c4c4;
    margin-top: 63px;
    margin-bottom: 25px;
}
.form2 h2 {
    margin: 0;
    margin-bottom: 0px;
    font-size: 25px;
    margin-bottom: 20px;
    color: #00152c;
    text-align: center;
}
.form2 textarea {
    width: 100%;
    background-color: #fff;
    border: 1px solid #ced4da !important;
    border-radius: 5px;
    padding-left: 15px;
    border: none;
    color: #555;margin-bottom: 15px;
}
.form2 input {
    width: 100%;
    background-color: #ffffff;
    box-shadow: none;
    border: 1px solid #ced4da;
    border-radius: 5px;
    margin-bottom: 13px;
    padding: 9px 15px;
    color: #555;
}

.c-form{padding-top: 28px;}





    @media(max-width:1301px)
    {
      .dropdown-menu {
        min-width: 205px;
      }

     
    }

  

    @media(max-width:1025px)
    {
      .menu-div .navbar-light .navbar-nav .nav-item .nav-link {
        padding: 10px 10px;}
    }

    @media(max-width:981px)
    {

      .navbar-toggler {
        position: fixed;
        top: 8px;
        right: 23px;
        background-color: #eb292c;
        --bs-navbar-toggler-icon-bg: url("../images/hamburger-icon.svg");
      }
      .menu-div .navbar-light .navbar-nav .nav-item .nav-link{background-image: none; border-bottom: 1px solid #cd8989; color:#fff; text-align: left;}  
      .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link {
        background-image: none; border-bottom: 1px solid #cd8989; color:#fff ; background: var(--body-color3);
      }
      .menu-div .navbar-light .navbar-nav .nav-item .nav-link::before,    .menu-div .navbar-light .navbar-nav .nav-item .nav-link::after{content: none; border-bottom: none;}



      .menu-div .navbar-light .navbar-nav .nav-item:hover .nav-link.dropdown-toggle, .menu-div .navbar-light .navbar-nav .nav-item.active .nav-link.dropdown-toggle {
        color: #fff;
      }
      .offcanvas.offcanvas-top{background-image: linear-gradient(to top, #0f4983 0%, #0f4983 100%);}
      .logo-div{width: 100%; margin-bottom: 20px;}
      .logo-div img{margin-left: auto; margin-right: auto; }
      #hm.sticky .top-div1{padding-top: 5px; padding-bottom: 5px;}
      #hm.sticky .logo-div{margin-bottom: 0;}
      #hm.sticky .logo-div img {
        width: 20%; padding-top: 0; }
        .free-quote{margin-bottom: 20px;}
        #hm.sticky .free-quote{display: none;}

        .intro-div1{text-align: center;}
        .intro-mid1{margin-top: 30px; margin-bottom: 30px;}
        .intro-mid1 img{margin-left: auto; margin-right: auto;}
 

       
   
      

    }
@media(max-width:801px)
{
 

}


    @media(max-width:769px){

      
      
      .banner-div1 .carousel-control-prev{background-image: url(../images/banner-arrow-left1.png); width: 4%;}
  .banner-div1 .carousel-control-next{background-image: url(../images/banner-arrow-right1.png); width: 8%;}
.wel-div1{text-align: center;}
  .wel-img{display: inline-block; margin-bottom: 20px;}
  .wel-div1 h1, .wel-div2 h1{font-size: 34px; margin-bottom: 10px; line-height: 40px;}
  
  .logo-div {
    width: 60%;
  }
  #hm.sticky .logo-div{margin-bottom: 0;}
  #hm.sticky .logo-div img {
    width: 40%; }
    #hm.sticky .free-quote{display: none;}
    .copy-div{margin-bottom: 50px; text-align: center;}
.call-div {
  display: block !important;
   }
   .home-div1{text-align: center; padding-top: 0;}
   .home-div1 img{margin-left: auto; margin-right: auto;}
   .home-div1 h5{margin-top: 20px;}
   .home-div2{text-align: center; padding-top: 0px; padding-bottom: 30px;}
   .home-sec1{margin-bottom: 30px;}
.service-carousel{padding-left: 40px; padding-right: 40px;}
.testi-carousel{padding-left: 40px !important; padding-right: 40px !important;}
.home-div4 h1{font-size: 30px;}

.in-about1, .in-about2{text-align: center;}
.in-about1 h1, .in-about2 h1{font-size: 30px;}
.ser-div1{text-align: center; padding-top: 30px; padding-bottom: 40px;}
.ser-left1, .ser-mid1, .ser-right1 {
  width: 100%; text-align: center;
}
.in-services1 h1{font-size: 30px;}
 .in-contact2 {padding-top:  0px; padding-bottom: 60px;
    background: linear-gradient(0deg, #f4f4f4 50%, #ffd800 50%);  }
  /*.cont-left1{background: #f4f4f4; padding-bottom: 20px; padding: 20px;}
  .cont-right1{background: #fff; padding-left: 0; padding-top: 30px;} */
  .cont-left1 h1, .cont-left1 h2{text-align: center;}
.in-contact3{padding-top: 60px; padding-bottom: 60px;}
.frm-div{margin-bottom: 20px;}



   .foot1 {
    width: 100%;
  }
  .f-link{text-align: center;}
  .f-link li{display: inline-block;}

.foot-logo img{margin-left: auto; margin-right: auto;}
.footer-div{text-align: center;}
   .ins-div1, .ins-div2{text-align: center;}
   .ins-div1 h1{font-size: 34px; margin-bottom: 10px; line-height: 40px;}
   
   .contact-div2{margin: 0; padding: 10px; text-align: center; padding-bottom: 100px;}

   .testi-carousel{padding-left: 0; padding-right: 0;}

/* .dropdown .dropdown-menu{height: 0;}
.dropdown:hover .dropdown-menu{height: inherit;} */

.wel-image img{display: block;
    margin-left: auto;
    margin-right: auto;}
.wel-right1 {
  margin-left: 0px; 
    padding-top: 25px;
   
}
.wel-div1{ padding-left: 25px;
    padding-right: 25px;}
.wel-deposit img{width: 100%;}
.wel-div2{ padding-left: 25px;
    padding-right: 25px;}
.wel-deposit{margin-bottom: 25px;}

.wel-div3{ padding-left: 25px;
    padding-right: 25px;}
.wel-div5 h4{text-align: center;}
.wel-div5 h1{text-align: center;}
.abt-img2 {right: 6%;}
.about-div1 h2{padding-top: 145px;text-align: center;}
.deposit-div1{padding-left: 25px;
    padding-right: 25px;}
.about-div1{padding-left: 25px;
    padding-right: 25px;}
.loan-div2 img{width: 100%;}
.loan-div1{padding-left: 25px;
    padding-right: 25px;}
.contact-div1{padding-left: 25px;
    padding-right: 25px;}
.bank-comitee-div1{padding-left: 25px;
    padding-right: 25px;}

.menu-div .navbar-expand-lg .navbar-nav .dropdown-menu, .menu-div1 .navbar-expand-lg .navbar-nav .dropdown-menu {
width: 350px;}

.menu-div .dropdown-item, .menu-div1 .dropdown-item {font-size:16px;}
.f-link li a {padding: 3px 12px 3px 12px;
    font-size: 16px;}

.footer-logo img{
  display:inline;
  padding-top: 25px;
  padding-bottom: 30px;
}

} 

/* .dropdown .dropdown-menu{display: none;} */

@media(max-width:576px)
{
  
  .copy-div{font-size: 14px;}
  #hm.sticky .logo-div img {
    width: 60%;
  }

  .banner-div1 .carousel-control-prev{background-image: url(../images/banner-arrow-left1.png); width: 8%;}
  .banner-div1 .carousel-control-next{background-image: url(../images/banner-arrow-right1.png); width: 8%;}
  .service-carousel{padding-left: 20px; padding-right:20px;}
.testi-carousel{padding-left: 20px !important; padding-right: 20px !important;}
}

@media(max-width: 424px)
{
  .wel-high1 h4 {font-size: 15px;}
  .wel-high1{width: 50%;padding: 0px;}
  .wel-div5 h1 {font-size: 30px;}
  .abt-img2 {margin-top: -92px;right: 0%;}
  .about-div1 h2 {padding-top: 230px;}
  .about-div1 h3{text-align: center;}
  .bank-comitee-div1 h1 {font-size: 25px;}


}
.in-broch {padding-top: 60px; padding-bottom: 60px;}