@import url('../dist/bootstrap/css/bootstrap.min.css');


:root { 
    --primary-font: 'Plus Jakarta Sans';
    --secondary-font:'Plus Jakarta Sans';
    --gray: #292D32;
  
}
.light .list-cont {background-color:#808080;}
body { color: var(--gray); font-family: var(--primary-font); font-weight: 400; line-height: normal; overflow-x: hidden; position: relative; }
a { color: var(--bs-blue); }
a, a:hover { text-decoration: none; }
a:focus { outline: none; }
*:focus { outline: none; }
button:active, button:focus, .btn:active, .btn:focus { box-shadow: none !important; outline: none !important; }
.img-responsive, .navbar-brand > img { display: inline-block; }
img { display: inline-block; height: auto; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { color: var(--bs-white); font-family: var(--primary-font); font-weight: 700; text-transform: capitalize; }
h1 { font-size: 71px; }
h2 { font-size: 35px; }
p, li { color: var(--gray); font: 500 16px/1.5 var(--primary-font); overflow-wrap: break-word; word-wrap: break-word; }
.clearfix { clear: both; margin: 0px; padding: 0px; }

p a {font-weight: bold;}
.container-sib {max-width: 1515px;width: 100%;margin: 0 auto;padding: 0 40px;}
.banner img {width: 100%;}
.header { position: absolute; height: auto; left: 0; right: 0; top: 0; z-index: 9; }
.header .navbar-brand { max-width: 160px; }
.smaller { background: #CD181E; padding-bottom: 0.5rem; position: fixed; z-index: 999; height: 105px; }
.smaller .navbar-brand { max-width:160px; }
.banner{clear:both;position:relative;width:100%;line-height: 0;}
.banner .overlay{height:100%;width:100%;z-index:2;display: flex;align-items: center;}
.banner .overlay::after {content: "";width:100%; height: 100%;position: absolute; top:0px; left:0;}
.banner h1{text-transform:none; color:#fff;}
.banner .banner-over {position: absolute;left: 0;top: 0;width: 100%;display: flex;height: 100%;align-items: center;}
.banner .text-banner {width: 100%;text-align: left;max-width: 1515px;margin: 0 auto;padding: 40px;}
.banner h1 span{font-size:31px}
.banner h2{font-size:23px;font-weight:200;margin-top:50%;text-transform:uppercase}
.loan-lists-wrap {column-gap: 25px;justify-content: center;row-gap: 25px;}

.list-cont {border:1px solid #EAEAEA;background-color: #fff;padding:25px;}
.ico {margin-bottom:24px;}
.list-cont h2 {color:#292D32;font-size: 18px;}
.list-cont p {color:#292D32;font-size: 16px; line-height: 28px;margin:24px 0;}
.list-cont a {color:#CD181E;font-size: 14px;font-weight: 500;}

.list-cont:hover .black {display: none;}
.list-cont:hover .white {display:inline-block;}
.list-cont .white {display:none;}
.list-cont:hover {background-color:#CD181E;cursor:pointer;border-color:#CD181E; }
.list-cont:hover h2 {color:#fff;}
.list-cont:hover p {color:#fff;}
.list-cont:hover a {color:#fff;}

@media (max-width:767px) {

.container-sib {padding: 0 16px;}

.list-cont p {margin: 10px 0;}
.ico {margin-bottom: 10px;}
.list-cont {padding: 16px;}
.navbar-brand > img {width: 130px;}

.loan-lists-wrap {column-gap: 11px;row-gap: 11px;}

.list-cont p { font-size: 14px;line-height: 22px;}

}


@media (min-width:320px) {
    .list-cont {width:93%;}
     .loan-lists-wrap {margin-top: 20px;} 
    .banner h1 {font-size: 22px;}
    .banner .text-banner {padding: 150px 16px 40px;}
}

@media (min-width:480px) {
    .list-cont {width:47%;}
    .list-cont p {margin: 14px 0;}
    .ico {margin-bottom:14px;}
    

}


@media (min-width:640px) {
    .banner h1 {font-size: 30px;}

}

@media (min-width:768px) {
   .banner .text-banner {padding: 100px 40px 40px;}
   .list-cont {width:30.6%;}

}

@media (min-width:1025px) {


}


@media (min-width:1280px) {
    .list-cont p {margin: 24px 0;}
    .ico {margin-bottom: 24px;}
    .loan-lists-wrap {
    position: relative;
    top: -70px;}
     .banner h1{font-size:40px}

}

@media (min-width:1440px) {
     .banner h1{font-size:48px}
     .banner .text-banner {padding:40px 40px;}

}