/*Global  css start here  */
@font-face {
	font-family: OpenSans-Regular;
	src: url(../fonts/OpenSans-Regular.ttf)
}

@font-face {
	font-family: OpenSans-Semibold;
	src: url(../fonts/OpenSans-Semibold.ttf)
}

@font-face {
	font-family: OpenSans-Bold;
	src: url(../fonts/OpenSans-Bold.ttf)
}

@font-face {
	font-family: OpenSans-Light;
	src: url(../fonts/OpenSans-Light.ttf)
}



.font-light{	font-family: OpenSans-Light;}
 .text-bold{font-family: OpenSans-Semibold; }
 .text-semi-bold{	font-family: OpenSans-Bold; }
 .fw-bold{font-family: OpenSans-Bold; }
  .btn-c{ padding:10px  8px; border: none; border-radius: 0px;}
.btn-primary, .btn{ background-color: #d7206a; border-color:#d7206a ;  transition: all 0.3s ease;}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{ background-color: #b71a59; border-color:#d7206a ;}
.fs12{ font-size: 12px;}
.fs14{ font-size: 14px;}
.fs16{ font-size: 16px;}
.fs18{ font-size: 18px;}
.fs20{ font-size: 20px;}
.fs22{ font-size: 22px;}
.fs24{ font-size: 24px;}
.fs28{ font-size: 28px;}
.highlight-text{ color: #FA6565;}
.prev-slide{transform: rotate(180deg);}
.headershadow {
   box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
   transition: all 0.5s ease 0s;
   position: relative;
   z-index: 99999;
}
.sectionbg{ background-color: #f9f9f9;}
.fade_rule {
   border : 0;
   height : 1px;
   background-image : linear-gradient(to right, rgba(0, 0, 0, 0), #ddd, rgba(0, 0, 0, 0));
   width : 100%;
   margin-bottom : 3%;
}
hr.style3 {
   border-top: 1px dashed #8c8b8b;
 }
.text-justify{ text-align: justify;}
.owl-carousel .owl-item img{ width: auto;}
.thembg{   background-color: #d7206a;
}
/*Global  css end here  */

body{font-family: OpenSans-Regular;}
.topwrapper{    background: #d7206a;
   border-bottom: #fabf4c solid 3px;
   line-height: 40px; color: #FFF;}
   .topwrapper a{ text-decoration: none; color: #FFF;         font-size: 16px;
      font-family: OpenSans-Semibold;
   }
   .ppcnav  .nav-link {
      color: #000;
      margin:5px 10px;
      font-family: OpenSans-Semibold;
      font-size: 16px;

  }
 .form_bg_border {
    width: 85%;
    margin: 0 auto;
    height: 25px;
    background: #d7206a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.radius20{ border-radius: 20px;}

.logo img{}
.bgimage{background: url(../images/loan-hero-bg.webp) no-repeat;
}
.heading{font-size:2.0rem; font-family: OpenSans-Bold;}
.heading1{font-size:1.4rem; font-family: OpenSans-Bold;}
.heading2{font-size:1.5rem; font-family: OpenSans-Bold;}
.heading3{font-size:1.2rem; font-family: OpenSans-Bold;}

.heding6{font-size:1rem; 	font-family: OpenSans-Semibold;
}

.bottom-line {
   width: 100%;
   height: 15px;
   background-color: #f6efe6;
   border-radius: 10px;
   position: relative;
   top: 0px;
}
.f18, p, ul, ol{ font-size: 18px;}
.highlight-text {
   color: #d7206a;
}
.fixed-top {
   top: -40px;
   transform: translateY(40px);
   transition: transform 0.3s;
   background: #fff;
   box-shadow: 0px 0px 10px #ddd;
}
.sticky-top{ top: 80px;}
@media (min-width: 768px) {
   .custom-w-md-100 {
     width: 100%;
   }
 }

 #overview,#process, #interest-rates, #document-required, #faq,#why, #testimonial, #caform{ scroll-margin-top: 5rem;}
 .form-check-input:checked {
   background-color: #d7206a;
   border-color: #d7206a;
}
.btn.disabled, .btn:disabled, fieldset:disabled .btn {
   pointer-events: none;
   opacity: .65;
   background-color: #d7206a;
   border-color: #d7206a;
}

.partnerbg{    background: #fffaf5;}

.dashed_border {
   background-image: linear-gradient(to right, rgb(179, 179, 179) 40%, rgba(255, 255, 255, 0) 20%);
   background-size: 14px 1px;
   height: 1px;
   background-repeat: repeat-x;
   transform: rotate(90deg);

}

.section-bg {
   background: #f5f8fd;
 }

 .box {
   padding: 20px;
   position: relative;
   overflow: hidden;
   border-radius: 10px;
   margin: 20px 10px 20px 10px;
   box-shadow: 0 10px 29px 0 rgba(68, 88, 144, 0.1);
   transition: all 0.3s ease-in-out;
   text-align: center;
 }
 .box:hover {
   /* transform: scale(1.1); */
 }

.faq_box {
   width: 100%;
   padding: 2rem 2rem;
   background: #fff;
   box-shadow: 0px 0px 10px #ddd;
   border-radius: 10px;
   margin-top: 3rem;
}
.faq_box .accordion-item{ border: none;}
.faq_box .accordion-button:not(.collapsed) { background-color: #ccc; color: #000;}

.faq_box .accordion-header{	font-family: OpenSans-Semibold;
   border-bottom: dashed #ddd 1px;
}
.acc .accordion-item{ border: none;}
.acc .accordion-button:not(.collapsed) { background-color: #ccc; color: #000;}

.acc .accordion-header{	font-family: OpenSans-Semibold;
   border-bottom: dashed #ddd 1px;
}

.testi_box {
   background: #ffffff;
   border: 1px solid #dddddd;
   border-radius: 20px;
   padding: 1rem;
   margin: 0 auto;
   margin-bottom: 0.3rem;
   min-height: 316px;
}
.line{ width:80px; height: 4px; background-color: #d7206a; margin-bottom: 1.6rem;}
.bg1{    background: url(../../assets/images/dashed-border-bg.png) no-repeat;
   background-size: 100%; padding:1em 1rem;;}
.custom-nav {
   text-align: right;
   margin-bottom: 5px;
}

.owl-prev, .owl-next {
   border: none;
   cursor: pointer;
   margin: 0 0px;
   transition: background-color 0.3s ease;
   background-color: transparent;
   padding: 0px;

}
.roatate{  transform: rotate(180deg);
}
.owl-prev:hover, .owl-next:hover {
}

.owl-prev:focus, .owl-next:focus {
   outline: none;
}

.owl-prev:disabled, .owl-next:disabled {
   background-color: #ccc;
   cursor: not-allowed;
}

.navbar-nav .nav-link.active {
   font-weight: bold;
   color: #d7206a;
   background-color: transparent;
   border-bottom: 2px solid #d7206a;
}

/* Optional: Styling the other links on hover */
.navbar-nav .nav-link:hover {
   color: #d7206a;              /* Darker shade on hover */
}
.qbox{ background-color: #fff; border: solid #ddd 1px; width: 40px; height: 40px; border-radius: 50%; display: inline-block; text-align: center;
position: relative; right: 5px; line-height: 35px;}
#scrollButton{ position: fixed; bottom: 0px; width: 100%; z-index: 9999;}
.dashed-border{ border-bottom: dashed #ccc 1px; margin-bottom: 15px;}
@media screen and (min-width: 800px) {
   .border-start-md{border-left: dashed #ccc 1px;}
}
.listbold ol > li::marker {
   font-weight: bold;
 }