body{
    font-family: 'Roboto Slab';
    overflow-x: hidden;
}

.fa-solid, .fas {
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color:black;

}
.img-first {
  margin-left: 105px !important;
}
.img-bg{
  width: 100% !important;
  height: 690px !important;
  background-image: url('../images/glenn-carstens-peters-npxXWgQ33ZQ-unsplash.jpg');
  margin-top: -160px;
  overflow: hidden !important;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  /* background-position: cover;  */
}
/*toggle*/
#navbar-text{
  margin-right: 75px;
}
.nav-link{
  font-size: 17px;
  color: #2B3C99;
  margin: 10px;
  margin: 15px 18px 10px 0px;
}
.nav-link :hover {
  color: #19459D !important;
  text-shadow: 8.461538314819336px 5.076923370361328px 6.769230842590332px rgba(0, 0, 0, 0.25);
}
.navbar-expand-lg .navbar-nav {
  margin-right: 70px;
}


.txt-left {
  margin-top: 240px;
}
.txt-left h1{
  margin-top: -65px;
  margin-left: 90px;
  color: #2B3C99;
font-family: Roboto Slab;
font-size: 40.264px;
font-style: normal;
font-weight: 900;
line-height: 70px; /* 123.056% */
text-shadow: black 0.2px 0.2px;
}
.txt-left span{
  color: #D72027;
}
/* .navbar-collapse{
  background-color: #000000 !important;
} */
.form-img{
  height: 450px;
  border-radius: 15px;
background: rgba(246, 246, 246, 0.80);
box-shadow: 8.46154px 7.61538px 6.76923px 0px rgba(0, 0, 0, 0.25);
margin-top: 170px;
padding: 30px;
}
.form-control {
  border: 1px solid #2B3C99 !important;
}
.form-img h5{
  color: #2B3C99;
text-shadow: 8.461538314819336px 5.076923370361328px 6.769230842590332px rgba(0, 0, 0, 0.25);
font-size: 26px;
padding: 10px;
}
.form-img h6 {
  color: #363535;
  font-size: 20px;
}
 .sub{
  border-radius: 20px ;
  background: #2B3C99!important;
  color: #FFF;
}

.sub :hover {
  background: #FFF;
  color: #2B3C99;
}
input[type="text"]::placeholder {
  text-align: right;
}

.btns{
  background: #2B3C99;
   color: white;
}
.btns:hover{
  background-color: white;
  border: 1px solid #2B3C99;
  color: #2B3C99;
}
footer{
    background: rgb(242, 242, 242);
    /* background: gray; */
  color:#2B3C99 ;

    /* color: blue !important; */
}
.text-col1{
  
}
.textcol1:hover{
 
}
footer a{
  color:#2B3C99 ;
  line-height: 20px;  
}
footer a:hover{
  color: #D72027 !important;
}
/*about section*/
.about-section p{
    font-size: 18px;    
    padding: -1px 65px 10px 0px;
}


/*blog section*/
.blogs{
  
}
.loan-button{
  background: linear-gradient(to right, #0f0050, #ff2100);
  font-size: 18px;
  border: none;
}
.loan-button a{
  color: white;
}
.loan-button :hover{
  /* background-color: #19459D; */
  /* color: gray; */
  /* background-color: #bfc6ea; */
  color: #f0f0f0;
  font-size: 18px;
}

.img123{
  height: 250px;
}
/* 2card silders */
@media only screen and (max-width: 600px) {
  .slider-wrapper .image-list .image-item {
    border-radius: 10px;
    width: 213px !important;
    height: 270px !important;
}
  .navbar-collapse{
    background-color: white !important;
  }
  body,html{
    overflow-x: hidden !important;
  }

  .about-section p{
    font-size: 12px;
    padding: 10px;
  }
  .about-section h2{
    font-size: 20px;
    margin-top: 20px;
  }
  .lead{
    font-size: 12px;
    padding: 4px;
  }
  .img123{
    margin-top: 5px;
    margin-left: 15px;
  }
  }
  .font-st{
    font-size: 18px;
    font-weight: 100;
  }
 @media (max-width:768px) {
  .brands_nav {
    top: 79% !important;
  }
  
  .nav-link {
    font-size: 15px;
  }
  #navbarNav {
    margin-left: 56px !important;
}
  .brands_next {
    right: 50% !important;
  }
  .about-section p{
    font-size: 15px;
    padding: -1px 65px 10px 0px;
}
.img-first {
  margin-left: -2px !important;
  height: 276px;
  width: 277px;
}
.txt-left h1 {
  font-size: 20px;
  margin-top: 125px;
  line-height: 45px;
}
.form-img h5 {
  font-size: 21px;
}
.form-img h6 {
  font-size: 13px;
}
.form-img {
  margin-top: 10px;
  height: 400px;
}
.form-control {
  font-size: 0.8rem;
}
.address{
  font-size: 15px !important;

}
.bg-body-tertiary{}
 }

 .address{
  margin-right: 15px;
  font-size: 25px !important;
}
  @media only screen and (max-width: 768px) {
    /* .navbar-collapse{
      background-color: white !important;
    } */

    body,html{
        overflow-x: hidden !important;
      }
    footer p{
        font-size: 13px;
        margin: 3px;
    }
    footer img{
        width: 40%;
    }
    .about-section h2{
        margin-top: 30px;
    }
    .footer-text{
      font-size: 12px;
      /* margin: 3px; */
      padding: 0px 20px 0px 10px;
      text-align: left;
    }
  }

 
  /* slider , awards and achivements */
  .awards {
    text-align: right;
    margin-right: 135px;
  }
  .list{
    width: 35rem;
    height: 33rem;
    /* background: #e5e5e5; */
    display: inline-block;
    text-align: center;
    /* border-radius: 5%; */
    position: relative;
    overflow: hidden;
    margin: 7rem 2rem 0 2rem;
    cursor: pointer;
  }
  .list img{
    width: 100%;
    height: auto;
  }
  #menu {
    position: relative;
    width: 1354px;
    height: 26rem;
    top: 1rem;
    /* background-color: rgb(241, 241, 241); */
    margin: 0 7rem 0 5rem;
    border-radius: 5rem;
    margin-left: 60px !important;
    margin-bottom: 120px;

  }
  #cards {
    width: 80%;
    overflow: hidden;
    white-space: nowrap;
    display: block;
    list-style: none;
    padding: 0;
    position: relative;
    left: 10%;
    bottom: 60px;
  }
  .play{
     
     transform: rotate(180deg);   
 }
 .fa-play {
     font-size: 34px;
     color: #2B3C99;
     cursor: pointer;
     /* transform: translateY(-50%); */
 }
  
  .list p{
    width: 300px hidden;
  }
  #prev {
    display: inline-block;
    position: absolute;
    left: 7%;
    cursor: pointer;
    font-size: 60px;
    z-index: 1;
    width: 50px;
    /* height: 50px; */
    margin-top: 200px !important;
  }
  #next {
      margin-top: 266px !important;
    display: inline-block;
    position: absolute;
    right: 6%;
    cursor: pointer;
    font-size: 60px;
    z-index: 1;
    width: 50px;
    height: 50px;
    transform: rotate(180deg);  
  }
  #prev,
  #next{
    margin-top: 11rem;
    color: #aaaaaa;
  }
  .bg-body-tertiary{
    background-color: #f0f0f0;
    color: black;
    height: 370px;
    font-weight: 100;
    /* font-size: 5px !important; */
  }
  .test{
    font-size: 45px;
  }
  .db{
    color: black;
  }
  .rd{
    background-color: rgb(241 241 241 / 79%);
    /* margin: 15px; */
    /* height: 285px; */
    margin-right: 100px;
    margin-left: 100px;
    border-radius:300px;
  }
  .double-quote{
    margin-left: 137px;
font-size: 50px;
  }
  @media (max-width: 768px) {
    .rd{
      height: 279px;
    }
    #menu {
    width: 95%;
    height: 22rem;
    top: 0.5rem;
    margin: 0 2% 0 2%;
    margin-left: 7px !important;
    }
    .list{
      width: 17rem;
      height: 15rem;
      background: #e5e5e5;
      display: inline-block;
      text-align: center;
      border-radius: 5%;
      position: relative;
      overflow: hidden;
      margin: 6rem 1rem 0 1rem;
      box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
     
    }
    .list img {
      width: 103%;
      height: 250px;
  }
  
  #next{
       margin-top: 180px !important;
  }
  #prev{
    margin-top: 100px !important;
  }
  }

  /* loan section */
  .block12{
    margin-left: 145px !important;
  }

  .block1 li,
  .block2 li {
      list-style-type: none;
      font-size: 22px;
  }
   

  .con {
    
      height: 530px;
      background-color: rgb(245, 245, 245);
      box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
      border-radius: 10px;

  }


  .con2 {

    background-color: rgb(245, 245, 245);
      /* display: flex; */
      justify-content: space-around;
      box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
      border-radius: 10px;
      height: 720px;

  }

  .container h2 {
      display: block;
      justify-content: center;
  }

  .block1 {
      /* background-color: blueviolet; */
      width: 500px;
      height: 300px;
      margin-top: 50px;
      margin-left: 170px;

  }

  .block2 {
      /* background-color: blueviolet; */
      height: 300px;
      margin-top: 50px;
      width: 500px;
      margin-left: 55px;
      /* white-space: normal; */
      /* overflow: auto; */
      /* -o-text-overflow: ellipsis; */

  }

  .gb {
      white-space: normal;
  }

  .fb {
      font-size: 65px;
      transform: rotate(90deg);
      margin-left: 300px;
      color: rgb(245, 245, 245);
      margin-bottom: 15px;
      margin-top: -20px;
      z-index: 1;

  }
  .fb3 {
    color: rgb(230, 230, 235) !important ;
  }

  .con1 {
      /* background-color: rgb(228, 228, 225); */
      display: flex;
      justify-content: space-around;
  }

  .con h2 {
      margin-top: -20px;
      padding-top: 50px;
  }

  .con1 .block1,
  .con1 .block2 {
      margin-top: -5PX;
  }


  @media (max-width : 768px) {
    .con123 h1{
      font-size: 27px;
    }
    .fb2 {
      margin-top: -25px !important;
      margin-left: 510px !important;
  }
    .block12{
      margin-left: 100px !important;
    }

      .block1 {
          height: 167px;
          margin-left: 100px;
      }
      .block2{
          margin-left: 100px;
          margin-top: -2px;
          margin-top: 58px;

      }
     
      .con2 {
          display: block !important;
          margin: 15px;
          width: 90%;
      }
      .con{
          margin: 15px;
          width: 90%;
      }
      .fb{
          margin-top: -38px;
          margin-left: 245px
          
      }
      .ml{
        margin-left: 45px;
      }
  }
  .con2 {
    height: 485px;
  }
  /* grid section  */
  .grid-img{
    height: 140px;
  }

  .row2,
  .row3 {
      position: relative;
  }

  /* .col1 , .col2 , .col3, .col4, .col5, .col6, .col7 {
          position: absolute;
      } */
  .col5 {
      position: absolute;
      margin-top: 15px;
      margin-left: 220px;
  }

  .col6 {
      position: absolute;
      margin-left: 350px;
      /* margin-top: 2px; */
  }

  .col7 {
      position: absolute;
      margin-left: 800px;
      /* margin-top: 15px; */
  }

  .col8 {
      position: absolute;
      margin-top: 160px;
      margin-left: 80px;

  }

  .col9 {
      position: absolute;
      margin-top: 160px;
      margin-left: 900px;
  }

  .con123 {
      width: 100%;

      height: 690px;
      background-color: rgb(230, 230, 235);
      box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.2);
      border-radius: 10px;

  }

  @media (max-width:768px) {
    .block22{
      margin-top: 95px;
    }
    /* .container i{
      margin-left: -29px !important;
      margin-bottom: 20px !important;
    } */
      .col img {
          height: 90px;
          width: auto;
      }

      .col6 img {
          height: 150px;
          margin-left: -5px;
      }

      .col5 {
          margin-left: 50px;
          margin-top: 0px;
      }

      .col6 {
          margin-left: 170px;
      }

      .col8 {
          margin-top: 80px;
          margin-left: 0px;
      }

      .col7 {
          margin-left: 370px;
          margin-top: 0px;
      }

      .col9 {
          margin-top: 83px;
          margin-left: 450px;
      }

      .con123 {
        margin-top: 55px !important;
          height: 530px;
          /* margin-left: 150px; */
      }
      .con2 {
        height: 730px;
    }
  }
  .fw-bolder {
  font-size: 35px;
} 
.con123 {
  margin-top: 55px !important;
  /* margin-left: 150px; */
}

  @media (max-width:600px) {
    .row121 figure img {
      height: 110px !important;
    }
    .col img {margin-left: 0px !important;}
    .col9 {
      margin-top: 45px !important;
    }
    /* .navbar-collapse{
      background-color: #2B3C99 !important;
    } */
.awards {
  text-align: center;
  margin-right: 0px;
  /* text-align: right; */
  /* margin-right: 135px; */
}


.address {
  font-size: 15px !important;
} 
.fw-bolder12{
  font-size: 12px;
}
.block23 {
  margin-top: 100px;
}
.con2 {
  height: 849px !important;
}
   
    .block22{
      margin-top: 145px;
    }
    .test {
      font-size: 29px;
  }
.test-icon{
  margin: 7px;
}
      .con123 {
          display: inline-block;
          width: 85%;
          margin-left: 25px;
          height: 1450px;
          /* padding: 0px; */
          /* margin: 10px; */
      }
      .con123 h1{
        margin-bottom: 80px;
      }

      .row1,
      .row2,
      .row3 {
          position: relative;
          display: block;

      }

      .col1,
      .col2,
      .col3,
      .col4,
      .col5,
      .col6,
      .col7 {
          position: relative;
      }

      
      .col {
          margin-top: 0px;
          margin-left: 0px;
      }
      .col img{
        margin-left: 40px;
        margin-top: 10px;
    }

      .col4 img {
          margin-top: -39px;
      }

      .col1 img {
          margin-top: -50px;
      }
      .col6 img{
          margin-left: -10px;
          margin-bottom: 10px;
      }
      .col9 img{
        margin-top: 100px;
      }
      .ml{
       
        margin-left: 21px;
        height: 810px;
      }
      .img-first {
        margin-left: 15px !important;
        height: 250px;
    }
    .loan-heading{
      font-size: 22px;
    }
    .text-containt{
      font-size: 12px;
    }
  }

@media only screen and (max-width: 1024px) {
  /* html,body{
    margin:0;
    padding:0;
    overflow:auto;
    width:100%;
  } */
}
.form-img input[type="text"]::placeholder {
  text-align: left;
}
/* .testinominal{
  height: 1000px !important;
} */
.sub1 {
  margin-top: 35px;
  margin-right: 95px;
}
@media (max-width:600px) {
  .sub1 {
    margin-top: 0px;
    margin-right: 0px;
    font-size: 14px;
  }

}
@media (max-width:768px) {
  /* video {
    margin: 0px;
    width: 232px !important;
    height: 188px !important;
} */

  .sub1 {
    margin-top: 0px;
    margin-right: 0px;
  }
}

.form-control::focus{
  opacity: 0.1;
}
.navbar-expand-md .navbar-nav {
  margin-right: 50px;
}


@media only screen and (max-width: 799px) and (min-width: 766px)  {
  .form-img {
    margin-top: 150px;
/* margin: 120px -30px 20px 10px; */
padding: 20px;
}
}
@media only screen and (max-width: 598px) and (min-width: 320px)  {
.txt-left {
margin-top: 139px;
}
.txt-left h1{
line-height: 43px;
font-size: 23px;
}
/* .form-img {
margin-top: 20px;
padding: 10px;
} */
.form-img h5 {
font-size: 18px;
}
.form-img h6 {
font-size: 13px;
}
}


@media only screen and (max-width: 600px) {
  .block1 {margin-left: 16px;}
  .block22 {margin-left: 16px;}
  .block1 {
    margin-left: 16px !important;
  }
  .block23 {
    margin-left: 16px;
  }

.img-bg{
height:0x;
background-size: cover;
margin-top: -160px;
height: 1300px !important;
}
}

.form-img input[type="text"]::placeholder {
  text-align: right;
} 
.form-img [type="text"]::placeholder {
  text-align: right;
}

.contact3 input[type="text"]::focus {
  opacity: 0.2;
  border-color: #ff0000;
}
.contact3 input  {
  border-radius: 30px;
background: #2B3C99;
color: white;
height: 48px;
}
.contact3 textarea{
  border-radius: 30px;
background: #2B3C99;
color: white;
margin: 4px;
}
.contact3 [type="text"]::placeholder{
   color: #fff;
   text-align: left;
}
.contact3  textarea::-webkit-input-placeholder {
  color:white;
  text-align: left;
  }
.btns{
  margin-top: -20px;
  background: #D72027;
  color: white;
  border-radius: 30px;
  font-size: 18px;
}
.btns:hover{
  background-color: white;
  border: 1px solid #2B3C99;
  color: #2B3C99;
  background: #2B3C99;
  color: white;
}
.sub :hover {
  background: #FFF;
  color: #19459D;
} 

.float{
  position: fixed;
width: 50px;
height: 50px;
bottom: 40px;
right: 40px;
background-color: #25d366;
color: #FFF;
border-radius: 50px;
text-align: center;
font-size: 30px;
/* box-shadow: 2px 2px 3px #999; */
z-index: 100;
}

.my-float{
margin-top:10px;
}



.right-align-placeholder::placeholder {
  text-align: right;
  color: gray;
}

@media (max-width:600px) {
  .list{
    width: 18rem;
  height: 15rem;
  }
  #next {
    right: 3%;
  }
  #prev{
    left: 5%;
  }
  .btns {
    margin-top: -8px;
  }
}
@media (max-width:600px) {
    

  .bg-body-tertiary {
    height: 450px;
  }
  .awards {
    text-align: center;
    margin-right: 0px;
    /* text-align: right; */
    /* margin-right: 135px; */
  }
  #cards {
    width: 80%;
    /* overflow: hidden; */
    white-space: wrap;
    /* display: block; */
    list-style: none;
    /* padding: 0; */
     position: relative;
}
#next, #prev{
  display: none;
}
}
.text-containt {
  font-size: 19px !important;
  font-weight: 100;
}
.bolder{
  /* font-size: 18px; */
  color: red;
  font-size: 21px;
    font-weight: 800;
    letter-spacing: 0.9px;
}
@media (max-width: 600px){
.loan-heading {
    font-size: 20px;
}
.block1 li,
  .block2 li {
      list-style-type: none;
      font-size: 15px;
  }
}
@media (max-width: 600px){
.con123 h1 {
    margin-bottom: 80px;
    font-size: 20px;
}
}
@media (max-width: 600px){

.text-containt {
  font-size: 12px !important;
}
.awards {
  font-size: 20px;
  text-align: center !important;
  margin-right: 0px;
  /* text-align: right; */
  /* margin-right: 135px; */
}
}

.contact3 [type="text"]::placeholder{
  color: white;

}
.contact3 [type=""]  textarea::-webkit-input-placeholder {
 color: white;
 }
 .right-align-placeholder::placeholder {
   text-align: right;
}
@media only screen and (max-width: 598px) and (min-width: 320px)  {.float{
  right: 20px;
}}
.navbar-brand{
  margin-left: 90px;
}
.text-right{
  text-align: right;
  
}



.slider-wrapper {
  position: relative;
}

.slider-wrapper .slide-button {
  position: absolute;
  top: 50%;
  outline: none;
  border: none;
  height: 50px;
  width: 50px;
  z-index: 5;
  color: #fff;
  display: flex;
  cursor: pointer;
  font-size: 2.2rem;
  background: rgb(148, 148, 148);
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transform: translateY(-50%);
}

.slider-wrapper .slide-button:hover {
  background: #404040;
}

.slider-wrapper .slide-button#prev-slide {
  left: -25px;
  display: none;
}

.slider-wrapper .slide-button#next-slide {
  right: -25px;
}

.slider-wrapper .image-list {
  display: grid;
  grid-template-columns: repeat(10, 1fr);
  gap: 20px;
  font-size: 0;
  list-style: none;
  margin-bottom: 30px;
  overflow-x: auto;
  scrollbar-width: none;
}

.slider-wrapper .image-list::-webkit-scrollbar {
  display: none;
}

.slider-wrapper .image-list .image-item {
  width: 306px;
  height: 361px;
  object-fit: cover;
}

.container .slider-scrollbar {
  height: 24px;
  width: 100%;
  display: flex;
  align-items: center;
}

.slider-scrollbar .scrollbar-track {
  /* background: #ccc; */
  width: 100%;
  height: 2px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  position: relative;
}

.slider-scrollbar:hover .scrollbar-track {
  height: 4px;
}

.slider-scrollbar .scrollbar-thumb {
  position: absolute;
  background: rgb(138, 135, 135);
  top: 0;
  bottom: 0;
  width: 50%;
  height: 100%;
  cursor: grab;
  border-radius: inherit;
}

.slider-scrollbar .scrollbar-thumb:active {
  cursor: grabbing;
  height: 8px;
  top: -2px;
}

.slider-scrollbar .scrollbar-thumb::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -10px;
  bottom: -10px;
}

/* Styles for mobile and tablets */
@media only screen and (max-width: 1023px) {
  

  .slider-wrapper .image-list {
    gap: 10px;
    margin-bottom: 15px;
    scroll-snap-type: x mandatory;
  }

  .slider-wrapper .image-list .image-item {
    width: 280px;
    height: 380px;
  }

  .slider-scrollbar .scrollbar-thumb {
    width: 20%;
  }
}
@media (max-width: 600px){
  
  .txt-left h1 {
    text-align: center;
    line-height: 37px;
    font-size: 20px;
    margin-left: 0px;
    margin-top: 150px;
}

  .slider-wrapper .slide-button {
    display: none !important;
  }
  .list {
      margin: 5px;
      width: 18rem;
      height: 15rem;
  }

  #cards {
    margin-top: 70px;
  }
  .slider-wrapper .image-list {
    display: block;
    margin: -8px;
  }

  .slider-wrapper .image-list .image-item {
    margin-bottom: 20px !important;
    margin: 5px;
}
  }
  .slider-scrollbar .scrollbar-track {
    display: none !important;
  }
  .bg-body-tertiary{
    font-size: 18px;
  }

  @media (max-width:768px) {
 

    .block1 li, .block2 li {
      font-size: 18px;
    }
    .navbar-logo{ 
      height: 90px !important;
    }
    .head-test {
      margin-top: 0px !important;
    }
    .bg-body-tertiary  {
      padding: 23px;
      margin-top: 48px;
      font-size: 18px !important;
  }
  .text-content{
    padding: 19px;
  }
  .bg-body-tertiary {
    height: 475px;
    padding: 20px;
    font-size: 17px!important;
}
.double-quote{
  margin-left: -20px;
  /* margin-top: -5px; */
}

  }
.navbar-brand {
  font-size: 24px;
  font-weight: bold;
}

/* Navbar Toggler Button Icon */
.navbar-toggler-icon {
  background-color: #19459D;
  text-align: center;
  /* background-color: #333; */
}
.navbar-toggler{
  color: transparent;
}
/* Navbar Background and Text Color */
/* .navbar {
  background-color: #f8f9fa;
} */

/* Navbar Links */
.navbar-nav .nav-link {
  /* color:white; Text color for navbar links */
  /* font-weight: bold; */
}

/* Navbar Links on Hover */
.navbar-nav .nav-link:hover {
  /* color: #007bff;  */
}

/* Active Navbar Link */
.navbar-nav .nav-item.active .nav-link {
  /* color: #007bff;  */
}

/* Navbar Toggle Button on Hover */
.navbar-toggler:hover {
  /* background-color: #333; Background color for the toggle button on hover */
}
#navbarNav{
  margin-left: 670px;
}
@media (max-width:768px) {
  .blogs p{
    font-size: 12px;
  }
  .con {
    height: 750px;
  }
  .rd{
    border-radius: 23px;
    margin-right: 61px;
    margin-left: 80px;
    height: auto;
  }
  .head-test {
    font-size: 17px;
  }
  .fadeInLeft {
    margin-top: 25px;
  }
  .address{
    font-size: 18px !important;
    margin-right: 7px;
    
  }
}

@media (max-width:600px) {
  .con {
    height: 791px !important;
}
  footer{
    height: 813px;
  }
  .navbar-brand img{
    height: 70px;
  }
  .navbar-brand {
    margin-left: 15px;
  }
  #navbarNav{
    margin-left:0px;
    padding-left: 25px;
  }
  .sub{
    font-size: 13px;
  }
  .fw-bolder {
    font-size: 24px;
}
}
.custom-modal{
  background: linear-gradient(45deg, rgba(255, 0, 0, 0.5), rgba(8, 8, 109, 0.5),rgba(215, 212, 212, 0.5)); 
}
.row figure img {
  /* box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); */
  /* height: 150px; */
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  /* box-shadow: #000000; */
}

.row121 figure img {

  height: 160px;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
  box-shadow: #000000;
  /* object-fit: cover; */
}

.row figure:hover img {
	-webkit-transform: scale(1.2);
	transform: scale(1.2F);
}
.row121 figure:hover img {
	-webkit-transform: scale(1.27);
	transform: scale(1.27);
}
/* .img12 {
  margin-top: -30px;
} */

@media screen and (max-width: 500px) and (min-width: 321px) {
  .img-first {
    width: 95%;
  }
}
.loan-subheading {
  color: #2B3C99;
}
.right-quote{
  margin-left: 950px;
}
@media (max-width:600px) {
  .block1 li, .block2 li {
    font-size: 15px;
  }
  #navbarNav {
    margin-left: 0px !important;
  }

  .bolder {
    /* font-size: 18px; */
    color: red;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.9px;
}
.loan-subheading {
  font-size: 18px;
}
/* .right-quote{

margin-left: 149px;
    margin-bottom: 20px;
} */
}


/* youtube section head  */

.brands {
  width: 100%;
  /* padding-top: 90px; */
  /* padding-bottom: 90px */
}

.brands_slider_container {
  height: 190px;
  /* border: solid 1px #e8e8e8; */
  /* box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1); */
  padding-left: 97px;
  padding-right: 97px;
  /* background: #fff; */
}

.brands_slider {
  height: 100%;
  margin-top: 40px
}

.brands_item {
  height: 100%
}

.brands_item img {
  max-width: 100%
}

.brands_nav {
  position: absolute;
  top: 82%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 5px;
  cursor: pointer
}

.brands_nav i {
  background-color: #e3dddd9f;
 
  padding: 15px;
  box-shadow: #09090952;
  border-radius: 50%;
  color: black;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease
}

.brands_nav:hover i {
  background-color: #f8f2f2d7;
  color: #090909
  
}

.brands_prev {
  left: 40px !important;
}

.brands_next {
  right: 45% !important;
}
.head-test{
  /* margin-left: 400px; */
  /* margin-left: 360px; */
  color: #D72027;
  font-weight: 750;

}
.col p{
text-align: center;
}
.call-buton .cc-calto-action-ripple {
	z-index: 99999;
	position: fixed;
	right: 2rem;
	bottom: 8rem;
	background: red;
	width: 3rem;
	height: 3rem;
	padding: 1rem;
	border-radius: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff;
	-webkit-animation: cc-calto-action-ripple 0.6s linear infinite;
	animation: cc-calto-action-ripple 0.6s linear infinite;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	justify-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	text-decoration: none; }
	.call-buton .cc-calto-action-ripple i {
	  -webkit-transition: 0.3s ease;
	  transition: 0.3s ease;
	  font-size: 1.7rem; }
	.call-buton .cc-calto-action-ripple:hover i {
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg); }
  
  @-webkit-keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 8, 0, 0.299), 0 0 0 0 rgba(236, 0, 0, 0.2), 0 0 0 5px rgba(236, 0, 0, 0.2), 0 0 0 10px rgba(236, 0, 0, 0.2);
	  box-shadow: 0 4px 10px rgba(236, 8, 0, 0.2), 0 0 0 0 rgba(236, 8, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 8, 0, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 8, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 8, 0, 0.2), 0 0 0 20px rgba(236, 8, 0, 0);
	  box-shadow: 0 4px 10px rgba(236, 8, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 8, 0, 0.2), 0 0 0 20px rgba(236, 8, 0, 0); } }
  
  @keyframes cc-calto-action-ripple {
	0% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 8, 0, 0.2), 0 0 0 0 rgba(236, 8, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 8, 0, 0.2);
	  box-shadow: 0 4px 10px rgba(236, 8, 0, 0.2), 0 0 0 0 rgba(236, 8, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 8, 0, 0.2); }
	100% {
	  -webkit-box-shadow: 0 4px 10px rgba(236, 8, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 8, 0, 0.2), 0 0 0 20px rgba(236, 8, 0, 0);
	  box-shadow: 0 4px 10px rgba(236, 8, 0, 0.2), 0 0 0 5px rgba(236, 8, 0, 0.2), 0 0 0 10px rgba(236, 8, 0, 0.2), 0 0 0 20px rgba(236, 8, 0, 0); } }

	span.num{
		position: absolute;
    color: red;
    left: -30%;
    bottom: -50%;
	}



  /* card */
  :root {
    --clr-neutral-900: hsl(207, 19%, 9%);
    --clr-neutral-100: hsl(0, 0%, 100%);
    --clr-accent-400: #2B3C99;
}

*,
*::before,
*::after {
    box-sizing: border-box;

}


.card {
  /* height: 450px; */
    color: var(--clr-neutral-100);
    background-image: url(https://cdn.pixabay.com/photo/2015/05/31/10/55/man-791049_1280.jpg);
    background-size: cover;
    padding: 10rem 0 0;
    max-width: 35ch;
    border-radius: 1rem;
    overflow: hidden;
    transition: transform 500ms ease;


}

.card:hover,
.card:focus-within {
        
    transform: rotateY(180deg);
}

.card-content {
    --padding: 1.5rem;
    padding: var(--padding);
    background: linear-gradient(hsl(0 0% 0% / 0),
            hsl(0 0% 0% /0.3) 10%,
            hsl(0 0% 0% / 1));
    
}

.card-title {
    position: relative;
    width: max-content;

}

.card-title::after {
    content: "";
    left: calc(var(--padding)* -1);
    position: absolute;
    height: 4px;
   
    bottom: -2px;
    width: calc(100% + var(--padding));
    background: var(--clr-accent-400);
    transition: transform 1000ms ease;
    transform-origin:left;

}
.card:hover .card-title::after,.card:focus-within {
    transform:scaleX(1);
}

.card-body {
    color: rgb(255 255 255 / 0.8);
}

.button {
    cursor: pointer;
    display: inline;
    text-decoration: none;
    color: var(--clr-neutral-900);
    background-color: var(--clr-accent-400);
    padding: 0.5em 1.25em;
    transition: 1s ease-in-out;
    border-radius: 0.25em;
}

.button:hover,
.button:focus {
    background-color: var(--clr-neutral-100);
}


@media (hover){
    .card-content{
        transform:translateY(65%);
        transition: transform 1000ms ease;
       
    }
    .card:hover .card-content, .card:focus-within .card-content {
        transform:  rotateY(180deg) ;
        transition-delay:1000ms;
    
    }
    .card:focus-within .card-content{
        transition-duration: 0ms;
    }
    .card-content > *:not(.card-title) {
        opacity:0;
        transition : opacity 1000ms linear;
    }
    .card:hover .card-content > *:not(.card-title),.card:focus-within .card-content > *:not(.card-title){
        opacity:1;
        transition-delay:2000ms;
    }
    .card-title:after{
        transform: scaleX(0);
    }
}
video {
  margin: 10px;
  width: 350px;
  height: 170px;
}

/* navbar  */
nav.shift ul li a {
  position:relative;
  z-index: 1;
}
nav.shift ul li a:hover {
  color: white;
}
nav.shift ul li a:after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 1px;
  content: '.';
  padding: 10px;
  color: transparent;
  background: #2B3C99;
  visibility: none;
  opacity: 0;
  z-index: -1;
  border-radius: 10%;
}
nav.shift ul li a:hover:after {
  opacity: 1;
  visibility: visible;
  height: 100%;
}


/* changes */
.navbar-logo{
  height: 130px;
}

/* about section  */
.row {
  display: -ms-flexbox; /* IE 10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE 10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

/* Create two equal columns that sits next to each other */
.column {
  -ms-flex: 50%; 
  flex: 50%;
  padding: 0 4px;
}

.column img {
  /* transition: transform 0.3s ease-in-out; */
  margin-top: 8px;
  vertical-align: middle;
}
.column img :hover{
  transform: rotateX(360deg);
} 
.colm1-img1{
  height: 198px;
}
@media (max-width:600px) {
  .row-about{
    display: block;
  }
}
/* .colm-img {
  transition: transform 1.5s ease-in-out;
}
.colm-img:hover {
  transform: rotateY(360deg);
} */
@media (max-width:768px) {
  .row121 figure img {
    height: 100px;}
    .colm1-img1 {
      height: 320px;
  }
}

/* .gallery {
  --f: 1.5; 
} */

/* .gallery img:hover{
  width:  calc(var(--s) * var(--f));
  height: calc(var(--s) * var(--f));
} */
/* .gallery {
  --s: 150px; 

  display: grid;
  gap: var(--g);
  width: calc(3*var(--s) + 2*var(--g)); 
  aspect-ratio: 1;
  grid-template-columns: repeat(3, auto);
} */
.colm-img{
  transition: 0.5s all ease-in-out; 
}
.colm-img:hover{
  transform: scale(0.9);
}