@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: 'Poppins', sans-serif;
}
.f-light{
     font-family: 'Poppins', sans-serif;
     font-weight: 300;
}
.f-regular{
     font-family: 'Poppins', sans-serif;
     font-weight: 400;
}
.f-medium{
     font-family: 'Poppins', sans-serif;
     font-weight: 500;
}
.f-semibold{
     font-family: 'Poppins', sans-serif;
     font-weight: 600;
}
.f-bold{
     font-family: 'Poppins', sans-serif;
     font-weight: 700;
}

body a:hover{
  text-decoration: none;
  color: #fff;
}
body li{
  list-style: none;
}
.f-light{
 
  font-weight:300;
}
.f-regular{
  
   font-weight:400;
 }
.f-medium{

  font-weight:500;
}
.f-semibold{

  font-weight:600;
}
.f-bold{

  font-weight:700;
}
.f-Extrabold{
  
    font-weight:800;
  }
.f-black{
 
  font-weight:900;
} 
a {
  text-decoration: none;
}
button:focus {
  outline: 0;
  box-shadow: none;
}
header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  z-index: 5;
  height: 66px;
  padding: 0px 0 0px;;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
/*header.shrink{
  animation: 0.3s 0.3s fadeInDown both;
  background: #fff;
  box-shadow: 0px 2px 10px #00000059;
}*/
.heads-up {
    transform: translateY(-6rem);
    transform: translate3d(0,-6rem,0);
}
header.shrink .navbar-expand-md .navbar-nav .nav-item:nth-child(11) .nav-link{
  color: #fff;
}
header .container {
  position: relative;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
}
header .header {
  display: block;
  left: 0;
  right: 0;
  margin: 0 auto;
  transition: all 0.3s ease-in-out;
  opacity: 1;
  z-index: 1;
  position: relative;
}
header .header-white {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
header .mobile-navbar {
    position: relative;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: auto;
}
.navbar-expand-md {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 0px 0 8px;
}
.navbar-expand-md .navbar-nav .nav-link {
    font-size: 14px;
    color: #fff;
    transition: all 0.3s ease-in-out;
    position: relative;
    color: #000;
    font-weight: 600;
    margin: 0px 10px;
    margin-top: 25px;
    position: relative;
    padding: 0px 8px;
}
header .navbar-expand-md .navbar-nav .nav-link.active, header .navbar-expand-md .navbar-nav .nav-link:hover {
    color: #df8438;
}
.navbar-brand {
    position: absolute;
    top: 6px;
    left: 32px;
    padding: 0;
    width: 11%;
}
header::before {
    position: absolute;
    content: "";
    background: #2b2676;
    height: 100%;
    width: 19%;
    left: -12px;
    top: 0px;
    z-index: -1;
}
.navbar-brand img {
    width: 100%;
}
.foot-top .common-btn{
    background: #000;
    color: #fff;
    z-index: 1;
}
.main-footer .footer-wrapp {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 36px;
}
  footer{
    position: relative;
  }
.main-footer {
    background: url(../images/footer-bg.jpg) no-repeat;
    position: relative;
    background-size: cover;
    background-position: left;
    padding: 50px 0px;
}
.btm-strip {
    background: #ffffff;
}
.btm-strip p {
    color: #000;
    font-size: 15px;
    font-weight: 400;
}
 a.top-arrow {
    background: #5A6162;
    position: absolute;
    right: -55px;
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    transform: rotate(270deg);
} 
.column:nth-child(1) {
    width: 46%;
    margin-right: 0;
}
.column:nth-child(1) p {
    color: #fff;
    margin-top: 20px;
    font-size: 15px;
    line-height: 22px;
    width: 89%;
    font-weight: 100;
      margin-bottom: 0;
}
 .social-box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: 36px;
}
.column .social-box a {
    font-size: 30px;
    margin-right: 29px;
}
 .social-box a{
    font-size: 21px;
 }
.footer-logo {
     background: #fff;
    padding: 10px 20px;
    box-shadow: 0px 0px 93px #00000029;
    border-radius: 6px;
    margin-top: -26%;
}
.column:nth-child(2) {
    width: 20%;
    position: relative;
    padding-left: 21px;
}
.column:nth-child(3) p a {
    padding-bottom: 0;
    font-size: 20px;
}
.column:nth-child(3) p img {
    width: 7%;
    margin-right: 10px;
}
.column h4 {
    color: #fff;
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 12px;
}
.column:nth-child(3) {
    width: 43%;
    padding-left: 7%;
}
.column:nth-child(3) p.address {
    font-size: 17px;
    font-weight: 500;
}
.column:nth-child(3) p{
    display: flex;
    align-items: center;
}

.column a {
    display: block;
    padding-bottom: 19px;
    line-height: 20px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}
.Contact-wrapper a img{
    margin-right: 10px;
}

.Contact-wrapper a{
    display: flex;
    align-items: center;
    color: #90A0AA;
}
 .footerlogo {
    width: 55%;
}
.column p {
    color: #FFFFFF;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
      margin-bottom: 20px;
}
  footer a,
  footer p{
    color: #a8a4a4;
    font-size: 16px;
  }
  footer p{
    margin-bottom: 0;
  }
.common-btn {
    width: 152px;
    height: 46px;
    background: #00339C;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 15px;
    transition: all 0.3s ease-in-out;
    position: relative;
    /* text-transform: uppercase; */
    transform: perspective(1px) translateZ(0);
    transition-duration: 0.3s;
    overflow: hidden;
    outline: none;
    border-radius: 30px;
    cursor: pointer;
    
}
.common-btn:before {
    content: "";
    position: absolute;
    z-index: -1;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background:#313D46;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: all 0.3s ease-in-out;
    color: #fff;
}
.address-wrapper {
    display: flex;
    align-items: flex-start;
    margin-top: 24px;
}
.common-btn:hover{
    color: #fff !important;
    border:0px !important;
}
.common-btn:hover:before{
    transform:scaleX(1);
}
.common-btn span {
    font-size: 10px;
    align-items: center;
    justify-content: center;
    color: #ffffffc4;
    transform: rotate(323deg);
    position: relative;
    top: 1px;
}
.footer-contact a {
    padding-bottom: 0px !important;
}
.footer-contact span {
    padding-right: 5px;
    color: #5EC434;
}
.btm-strip .container {
  
    padding: 16px 15px 16px 15px;
    position: relative;
  }
.btm-strip a,
.btm-strip a:hover {
    font-size: 14px;
    color: #000;
}
span.dot {
    color: #000;
}
.col-lg-4.col-md-12.strip-pages {
    text-align: right;
}
.btm-strip {
  color:#fff;
}
.navbar-expand-md .navbar-nav .nav-item:nth-child(7) .nav-link {
    border: 1px solid #ccc;
    border-radius: 20px;
    padding: 9px 30px;
    color: #00339C;
    font-size: 13px;
    margin-top: 16px;
}
.home-slider h2 {
    font-size: 80px;
    color: #2A2676;
    margin-bottom: 0;
}
.caption-left {
    position: absolute;
    top: 32%;
}




.navbar-expand-md .navbar-nav .nav-item:nth-child(3) .nav-link {
    border: 1px solid #707070;
    border-radius: 20px;
    padding: 5px 14px;
    margin-top: 18px;
}
.navbar-expand-md .navbar-nav .nav-item:nth-child(3) .nav-link img {
    width: 6%;
    margin-right: 6px;
}
.navbar-expand-md .navbar-nav .nav-item:nth-child(4) .nav-link{
    background: #DF8438;
    color: #fff;
     padding: 5px 14px;
      border-radius: 20px;
       margin-top: 18px;
}
.home-slider h2 img {
    width: 23% !important;
    margin-left: 20px;
}
.home-slider h2 span.span1 {
    display: flex;
    align-items: center;
}
.home-slider h6 {
    color: #2A2676;
    font-weight: 600;
    font-size: 20px;
    color: #2A2676;
    margin-bottom: 15px;
}
.no-wrapper .percentage {
    font-size: 39px;
    bottom: 0;
    background: linear-gradient(180deg, rgba(215, 172, 41, 1) 0%, rgba(165, 118, 10, 1) 77%, rgba(197, 151, 28, 1) 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-weight: bolder;
}
.no-wrapper .month {
    font-size: 39px;
    bottom: 0;
    padding-left: 11px;
    -webkit-text-fill-color: #2A2676;
    -webkit-text-stroke: 1px#2A2676;
}
.home-slider .no-wrapper h2 {
    background: linear-gradient(180deg, rgba(215, 172, 41, 1) 0%, rgba(165, 118, 10, 1) 77%, rgba(197, 151, 28, 1) 98%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
    font-weight: bolder;
    padding-bottom: 4px;
    padding-top: 5px;
}
.no-wrapper{
    position: relative;
}
.no-wrapper::before {
    position: absolute;
    content: "";
    background: url(../images/up-border.png) no-repeat;
    height: 3px;
    width: 100%;
    background-position: center;
    background-size: cover;
}
.no-wrapper::after {
    position: absolute;
    content: "";
    background: url(../images/down-border.png) no-repeat;
    height: 3px;
    width: 64%;
    background-position: center;
    background-size: cover;
    bottom: 0;
}
.no-wrapper h4 {
    position: absolute;
    right: 29px;
    bottom: -14px;
    font-size: 13px;
}
.slider-bottom {
    background: url(../images/slider-bottom.png) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 14px 0px;
}
.slider-bottom p {
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    font-weight: 100;
    font-size: 20px;
}
.slider-bottom p span{
    font-weight: 700;
}
.taran{
    background: #F7F9EF;
    padding: 70px 0px;
}
.heading {
    font-size: 35px;
    line-height: 50px;
    font-weight: 600;
    color: #DF8438;
}
.heading span{
    color:#64584E;
}
section.taran .text-box p {
    width: 87%;
}
.gold-single p {
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}
.gold-single:hover p{
    color: #000;
}
.gold-single {
    background: url(../images/gold-loan-bg.png) no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: 28px;
    padding: 42px 0px;
    transition: all 0.4s;
    box-shadow: 0px 18px 26px #0000002E;
}
.gold-single:hover img{
    transform: scale(1.06);
}
.gold-single:hover {
    background: url(../images/white-bg.png) no-repeat;
    box-shadow: 0px 8px 57px #00000014;
}
.gold-single img {
    display: block;
    margin: 0 auto 20px;
    width: 30%;
      transition: all 0.4s;
}
.gold-single:hover img {
    filter: invert(39%) sepia(34%) saturate(6288%) hue-rotate(10deg) brightness(103%) contrast(88%);
}
.gold-loan{
    padding:90px 0px;
}
.gold-loan .row{
    width: 91%;
    margin:40px auto 0;
}
.gold-loan .col-lg-3{
    padding: 0px 17x;
}
.who-apply ul li {
    color: #DF8438;
    position: relative;
    margin-bottom: 11px;
}
.who-apply ul li::before {
    position: absolute;
    content: "";
    background: url(../images/bullet.svg) no-repeat;
    height: 100%;
    width: 100%;
    top: 5px;
    left: -30px;
}
.who-apply .text-box h5 {
    color: #64584E;
    font-weight: 600;
    line-height: 30px;
}
.who-apply .text-box p{
    color: #64584E;
    line-height: 27px;
}
.who-apply {
    background: url(../images/apply-bg.jpg) no-repeat;
    background-position: center;
    background-size: cover;
    padding: 87px 0px;
}
.who-apply .row{
    margin-top: 40px;
}
.who-apply .img-box img {
    border-radius: 33px;
    box-shadow: 11px 35px 62px #00000038;
}
.who-apply .img-box {
    overflow: hidden;
    border-radius: 30px;
}
.who-apply .img-box:hover img{
    transform: scale(1.04);
}
.suvidha{
    padding: 60px 0px;
}
.head-wrapper {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #ccc;
    padding-bottom: 28px;
}
.head-wrapper img {
    width: 26%;
    height: 67px;
}
.head-wrapper h5 {
    color: #64584E;
    margin-bottom: 0;
    font-weight: 600;
    padding-left: 35px;
    font-size: 24px;
}
.suvidha ul li {
    color: #000;
    position: relative;
    margin-bottom: 11px;
}
.suvidha ul li::before {
    position: absolute;
    content: "";
    background: url(../images/bullet1.svg) no-repeat;
    height: 100%;
    width: 100%;
    top: 5px;
    left: -30px;
}
.suvidha-single {
    box-shadow: 0px 13px 56px #00000014;
    border: 0.5px solid #DF8438;
    border-radius: 46px;
    padding: 39px 53px 30px;
    width: 94%;
    margin: 34px auto 0;
    height: 452px;
}



.list-wrapper {
    margin-top: 28px;
}
.documents{
    background: #F5F5F5;
    padding: 50px 0px;
}
.documents ul li {
    color: #000;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 19px 35px;
}
.documents ul li:last-child{
    border: 0;
}
.documents ul li::before {
    position: absolute;
    content: "";
    background: url(../images/bullet-arrow.svg) no-repeat;
    height: 100%;
    width: 100%;
    top: 23px;
    left: 2px;
}
.documents .text-box {
    background: #fff;
    border-radius: 20px;
    padding: 27px 0;
}
.documents-wrapper {
    display: flex;
    align-items: center;
    width: 82%;
    margin: 40px auto 0;
}
.documents-wrapper .img-box{
    overflow: hidden;
    border-radius: 37px 0 0 37px;
}
.documents-wrapper .img-box:hover img{
    transform: scale(1.04);
}
img{
   transition: all 0.4s;
}
.suvidha-single:hover img{
    transform: scale(1.08);
}
header.animated.shrink {
    box-shadow: 0px 0px 10px #ccc;
}