.container {
    padding-right: 24px !important;
    padding-left: 24px !important;
}

.sj_bt{
   /* box-shadow: 0px 0px 50px #1aaca5; */
   margin-bottom: 40px !important;
}


.sj_rw{


   margin-top: 14px;
}
.section-block {
    padding-top: 96px;
    padding-bottom: 48px;
}

.title-block {

    margin-left: auto;
    margin-right: auto;
    margin-bottom: 33px;
}


.title-block p {
    font-size: 18px;
    color: #999;-
    line-height: 30px;
    text-align: center;

    
}

.icon-p{


   color: #6e5e5e;
    font-size: 16px;
    line-height: 28px;
}

.title-block h2 {
   font-family: 'Titillium Web', sans-serif;
    color: #222;
    font-weight: 900;
    margin-top: 0;
    text-transform: uppercase;
    font-size: 21px;
    line-height: 21px;
    margin-bottom: 24px;
    text-align: center;

}

.section-block .row>div {
    margin-bottom: 48px;
}

.intro-section .icon-box {
    font-size: 36px;
    color: #7381de;
}

.intro-section h3 {
    font-size: 18px;
    line-height: 26px;


    font-family: 'Titillium Web', sans-serif;
    color: #222;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
    margin-bottom: 10px;
}


.intro-section h3 a:hover {

   color: #e42424 ;
}

.intro-section h3 a {
    color: #222;
}


.sj_services {
    text-align: center;
    padding: 20px;
}
.icon-p {
    color: #6e5e5e;
    font-size: 16px;
    line-height: 28px;
}
.card {
    border: none;
    border-radius: 10px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s;
}
.card:hover {
    transform: scale(1.05);
}


.team-section .row>div {
    position: relative;
}

.section-block .row>div {
    margin-bottom: 48px;
}

@media (min-width: 1200px) {
    .col-lg-3 {
        width: 25%;
    }
}


.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}


/* .team-section .row>div:hover .member-info {
    height: auto;
    height: 120px;
    transition: .3s;
} */


.team-section .member-info {
    position: absolute;
    height: 66px;
    background: #233295;
    left: 23px;
    right: 23px;
    bottom: 8px;
    transition: .4s;
    overflow: hidden;
}


.team-section .member-info h4 {
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin-top: 6px;
    line-height: 33px;
    font-weight: 700;
}

.team-section .member-info h4 small {
    display: block;
    color: #fff;

    font-weight: 400;
    line-height: 1;
}



   


.features-section{
    background: #cc4e01;

}

.features-section h2 small {
    display: block;  
      color: #abf09f !important;
    font-weight: 700;
    margin-bottom: 12px;
    font-size: 21px;

    color: #222;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}



.content-block h3{
   font-size: 21px;
    font-weight: 900;
    text-transform: uppercase;
  
    color: white;

}


.content-block p{

   font-size: 18px;
line-height: 28px;

color: white;

}


.features-section .iconlist li {
    margin-bottom: 30px;
}


.commentlist, ul {
    list-style: none;
}





.features-section .iconlist .icon-box {
    font-size: 30px;
    color: #3bff82;
}

.features-section h2 {
    margin-bottom: 24px;
    font-size: 36px;
    line-height: 48px;
    color: #ffffff;
    font-weight: 700;
    margin-top: 0;
    text-transform: uppercase;
}

  

.banner_text , .banner_subtext{


    color: #ffffff !important;
}

   .director-img {
      width: 100%;

      object-fit: cover;
      border: 3px solid #007B5E; /* Dark green-blue border */
      border-radius: 10px;       /* Rounded corners */
      padding: 4px;              /* Space inside the border */
      background-color: #fff;    /* White background */
      margin: 0 auto;            /* Center image on small screens */
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow */
   }



@media (max-width: 768px) {
   .director-block {
      flex-direction: column-reverse;
   }
}



#loanCarousel {
  position: relative;
  margin-top: 20px;
}

.carousel-control-prev.custom-prev,
.carousel-control-next.custom-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: #cc4e01;
  color: white;
  width: 50px;
  height: 50px;
  z-index: 10;
  text-align: center;
  font-size: 32px;
  border-radius: 50%;
  line-height: 50px;
  opacity: 1;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
  transition: all 0.3s ease;
}

/* Move arrows outside the .container */
.carousel-control-prev.custom-prev {
  left: -60px;
}

.carousel-control-next.custom-next {
  right: -60px;
}

.carousel-control-prev.custom-prev:hover,
.carousel-control-next.custom-next:hover {
  background-color: #128b80;
}


 /* branches */


 .branch-card {
  border-radius: 15px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.1);
  margin-bottom: 20px;
}
.branch-header {
    background-color: #0193cc;
  color: white;
  padding: 10px 15px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  font-weight: bold;

  font-size: 17px;
}
.branch-body {
  padding: 15px;
  line-height: 1.7;
}


.inner_branch h2 {
    color: #000;
    font-weight: bold;
    font-size: 24px;
    text-transform: uppercase;
    width: 100%;
    margin-bottom: 15px;
    text-align: center;
}

.inner_branch h2::after {
    content: "";
    width: 100px;
    background-color: #1aaca5;
    height: 5px;
    display: block;
    margin: 7px auto 0;
}


.branch-body p{
    font-size: 16px;
    font-family: emoji;
    line-height: 29px;
}


/* careers */



/* ======= Career Form Styling ======= */
.career-form-section {
    padding: 50px 0;
   
  }
  
.career-form-wrapper {
  background: #fff;
  padding: 30px 40px;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
  max-width: 700px;
  margin: 0 auto;
}

.career-form-wrapper h2 {
  text-align: center;
  margin-bottom: 30px;
  font-weight: 600;
  color: #007bff;
  text-transform: uppercase;
}

.career-form-wrapper label {
  margin-top: 15px;
  font-weight: bold;
  color: #333;
}

.career-form-wrapper .form-control {

  border: 1px solid #ced4da;
  box-shadow: none;
  margin-top: 5px;
  transition: border-color 0.3s;

  height: 41px !important;
}

.career-form-wrapper .form-control:focus {
  border-color: #007bff;
  box-shadow: 0 8px 20px rgb(26 172 165 / 41%);
}

.career-form-wrapper textarea {
  resize: vertical;
}

.career-form-wrapper .btn-primary {
  background-color: #007bff;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  margin-top: 25px;
  font-weight: bold;
  transition: background-color 0.3s;
  width: 100%;
}

.career-form-wrapper .btn-primary:hover {
  background-color: #0056b3;
}

/* contact */





.top,
.menu_bg,
.banner,
.breadcrumb_container {
  background: #fff !important;
}





        .contact-full-section {
          padding: 60px 0;
          /* background: linear-gradient(to bottom right, #2170e7, #ff421b); */
        }
      
        .contact-title {
            text-align: center;
            font-size: 30px;
            color: #960a0a;
            margin-bottom: 40px;
            font-weight: bold;
            letter-spacing: 2px;
            text-transform: uppercase;
        }
      
        .contact-box {
          text-align: center;
          padding: 30px 20px;
          background: #fff;
          border-radius: 12px;
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
          margin-bottom: 30px;
          transition: 0.3s;
        }
      
        .contact-box:hover {
          transform: translateY(-5px);
        }
      
        .contact-icon {
          width: 80px;
          height: 80px;
          margin: 0 auto 20px;
          border-radius: 50%;
          background: #1aaca5;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 30px;
          color: #fff;
        }
      
        .contact-box h4 {
          font-size: 20px;
          font-weight: 600;
          margin-bottom: 10px;
          color: #007bff;
        }
      
      
          
      
        .say-hello-form {
          background: #fff;
          padding: 30px;
          border-radius: 10px;
          box-shadow: 0 6px 18px rgba(0, 0, 0, 0.05);
        }
      
        .say-hello-form .form-control {
            margin-bottom: 20px;
            box-shadow: none;
            border: 1px solid #ccc;
            height: 42px;
        }
      
        .say-hello-form .btn-primary {
          background: #007bff;
          border: none;
          font-weight: bold;
          border-radius: 6px;
          width: 100%;
          padding: 10px;
          transition: 0.3s;
        }
      
        .say-hello-form .btn-primary:hover {
          background: #0056b3;
        }
      
        .map-block {
          background: #f8f9fa;
          padding: 20px;
          border-radius: 10px;
          height: 100%;
        }
      
        .map-block h3 {
          margin-bottom: 15px;
          font-size: 22px;
          color: #007bff;
        }
      
        #map-box {
          width: 100%;
          height: 300px;
          border-radius: 8px;
        }
   
        @media (max-width: 992px) {
            .map-block { 
                margin-top: 27px;
            }
        }



@media only screen and (max-width: 768px) {

.branch-body {
    height: 257px;
}


.branch-body p { 
    font-size: 14px;
    font-family: emoji;
    line-height: 29px;
}
}