body,
html {
  font-size: 13px;
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
  line-height: 1.4;
  color: #141414;
  /*overflow-x: hidden !important;*/
}

#loader img {
  max-width: 40%;
}

@keyframes spin {
  100% {
    transform: rotate(0deg);
  }
}

#loader img {
  max-width: 40%;
}

.center {
  position: absolute;
  top: -23%;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#loader {
  width: 100%;
  height: auto;
  animation: spin 1s linear infinite;
  z-index: +99999;
  padding: 41%;
  background-color: #322782;
  text-align: center;
}

a:hover {
  text-decoration: none;
}

.sw_l1 {
  position: absolute;
  top: 5%;
  left: 25%;
}

.sw_l1 p {
  font-size: 2rem;
  color: #fff;
  font-weight: 500;
  margin-bottom: 0;
}

.sw_l1 h1 {
  font-size: 5rem;
  font-weight: 700;
  color: #fff;
}

.sw_l1 span {
  font-size: 3rem;
  position: relative;
  top: -1.4rem;
}

.vid_sw {
  position: absolute;
  top: 26%;
  width: 74%;
  left: 10%;
  height: 48%;
}

.vid_sw video {
  height: 100%;
}

.cl_name {
  color: #312883;
  position: absolute;
  top: 80.5%;
  left: 10%;
  font-size: 1.2rem;
  font-weight: 700;
  width: 21%;
  text-align: center;
}

.sp_form {
  background-color: #f3f4f6;
  border-radius: 2rem;
  padding: 3rem;
}

#home_slider .owl-dot span {
  background-color: #fff;
  width: 1.5em;
  height: 1.5em;
  margin: 0px 0.2em;
}

#home_slider .owl-dots {
  margin-top: -5rem;
}

img {
  max-width: 100%;
}

.sel_fr0 {
  float: left;
  width: 100%;
  background-color: #f3f4f6;
  border: 0;
  padding: 1em 1em;
  border-radius: 0.4rem;
  border-bottom: solid 1px;
  border-radius: 0;
  color: #495057;
}

.sel_fr {
  float: left;
  width: 100%;
  background-color: #f3f4f6;
  border: 0;
  padding: 1em 1em;
  border-radius: 0.4rem;
  color: #495057;
}

.sel_fr2 {
  width: 100%;
  background-color: #f3f4f6;
  border: 0;
  padding: 1em 1em;
  border-radius: 0.4rem;
  width: 100%;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.5em;
  color: #495057;
}

.sel_fr3 {
  width: 100%;
  background-color: #ffffff;
  border: 0;
  padding: 1em 1em;
  border-radius: 0.4rem;
  color: #495057;
}

.sel_fr5 {
  width: 100%;
  background-color: #ffffff;
  border: 0;
  padding: 1em 1em;
  border-radius: 0.4rem;
  box-shadow: 0px 3px 2px rgb(0 0 0 / 20%);
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.5em;
  color: #495057;
}

.sel_fr4 {
  width: 100%;
  background-color: #f3f4f6;
  border: 0;
  padding: 1em 1em;
  border-radius: 0.4rem;
  background: #fff;
  box-shadow: 0px 3px 2px rgb(0 0 0 / 20%);
  padding: 1.8rem 1rem;
  border-radius: 0.7rem;
  font-size: 1.6rem;
  color: #312783;
  font-weight: 600;
  line-height: 1.0;
  align-items: center !important;
  justify-content: center !important;
  text-decoration: none;
  text-align: center !important;
  appearance: none;
  background-image: url(../images/download.svg);
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1.5em;
  display: flex !important;
  color: #495057;
}

.sel_fr4 option {
  text-align: left;
  font-size: 1rem;
  color: #495057;
}

.whatup {
  font-size: 1.5rem;
}

.more {
  display: none;
}

.post:not(:last-child) {
  margin-bottom: 30px;
}

button {
  margin-top: 15px;
  display: block;
  background-color: transparent;
  color: white;
  border: none;
  outline: none;
  padding: 0;
  text-transform: capitalize;
  cursor: pointer;
  margin: auto;
  /*margin-top: 1em;
  color: #e30613;*/
  text-decoration: underline;
}

button:hover {
  color: #fff;
}

button:active {
  color: #f0f;
}

.emi_hi {
  font-size: 0.8em;
}

.ec1 {
  width: 1rem;
  height: 1rem;
  background: #e8b6b7;
  float: left;
  margin-right: 0.5rem;
  border-radius: 5rem;
}

.ec2 {
  width: 1rem;
  height: 1rem;
  background: #ce2725;
  float: left;
  margin-right: 0.5rem;
  border-radius: 5rem;
}

.ec_1 {
  background-color: #f6d7b7;
}

.ec_2 {
  background-color: #fe9525;
}

.fixed-top {
  background-color: #fff;
}

.navbar-fix {
  position: fixed;
  top: 0;
  background-color: #fff;
  width: 100%;
  z-index: +9;
}

.mt_content {
  margin-top: 10rem;
}

.div-sticky-class {
  color: red;
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  background-color: red;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.calculator_wraper .owl-stage {
  margin: auto;
}

.calc .form-control {
  border-bottom: solid 1px #000;
  height: 5rem !important;
}

.tbc .form-control {
  height: 4rem !important;
}

#slider_pro .owl-dot.active span {
  background-color: #e30613;
}

#slider_pro .owl-dot span {
  background-color: #312783;
  opacity: 100;
}

.slogo {
  /* width: 50%;*/
  padding: 1em;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

#slider_logo .item {
  display: flex;
}

.slogo img {
  height: auto;
  max-width: 70% !important;
}

#slider_logo .owl-stage {
  display: flex;
  align-items: center;
}

#slider_logo .owl-dot.active span {
  background-color: #e30613;
}

#slider_logo .owl-dot span {
  background-color: #312783;
  opacity: 100;
}

#tenure-error,
#interest_rate-error,
#loan_amt_in-error {
  /* display: none !important;*/
  color: #FFFFFF !important;
}

.slider,
#interest_rate_range,
#tenure_range,
#load_amt_in_range {
  -webkit-appearance: none;
  width: 100%;
  height: 1px;
  background: #000 !important;

}

.slider:hover {
  opacity: 1;
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 15px !important;
  height: 15px !important;
  background: #ffffff !important;
  cursor: pointer;
}

.slider::-moz-range-thumb {
  width: 15px !important;
  height: 15px !important;
  background: #ffffff !important;
  cursor: pointer;
}

.month0 button {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0;
  font-size: inherit !important;
  color: initial;
  font-weight: 600;
  line-height: 1.0;
  display: block !important;
  align-items: center;
  justify-content: center;
}

.max_im {
  max-width: 100%;
}

.bg-blue2 {
  background-color: #312783;
}

.loan_offers h5 {
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}

.off_b {
  font-size: 0.8rem !important;
  padding-right: 0.5rem !important;
  padding-left: 2.5rem !important;
}

.off_b::before {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 50%;
  left: 5px;
  top: 0.38rem;
}

.off_b:hover {
  font-size: 0.8rem;
  padding-right: 2.5rem !important;
  padding-left: 0.5rem !important;
}

.off_b:hover::before {
  top: 0.38rem;
}

.view img {
  margin-left: 0.5rem;
}

.view a {
  color: #312783;
  text-decoration: none;
}

.off_tab {
  background-color: #ebecee;
  padding-left: 2em;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-right: 2em;
  border-radius: 1em;
}

.card-body {
  padding-top: 3em;
}

.emi_calc {
  border-bottom: none !important;
  color: #fff !important;
}

.form-group .InputSliderRange-Label {
  color: #fff !important;
}

.form-group .InputSliderRange-Handler {
  border-color: #fff !important;
}

.black_drag {
  margin-bottom: 0.5rem;
}

.black_drag .InputSliderRange-Handler {
  border-color: #000 !important;
}

.black_drag .InputSliderRange-Label {
  color: #000 !important;
}

.taxd {
  background-color: #ffffff;
  width: 72% !important;
  padding: 1.2em;
  text-align: center !important;
  display: block;
  border-radius: 1em;
  color: #312783 !important;
  font-weight: 600;
  line-height: 1.2;
  transition: 0.30s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

.taxd:hover {
  box-shadow: 0 5px 6px rgb(0 0 0 / 15%);
  transition: 0.30s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}











.taxd img {
  margin-bottom: 0.5em;
  max-width: 20%;
}














@media (min-width: 1400px) {

  body,
  html {
    font-size: 14px;
  }
}

@media (min-width: 1650px) {

  body,
  html {
    font-size: 15px;
  }
}

@media (min-width: 1920px) {

  body,
  html {
    font-size: 18.5px;
  }
}

@media screen and (max-width: 1280px) {
  .title_bg::before {
    width: 45.8rem !important;
  }
}

/* ======== ############# header stylesheet ############# ======== */
.hdr_search_icon {
  width: 1.5rem;
}

.hdr_search_icon img {
  width: 100%;
  height: auto;
}

.login_btn {
  background: #e30613;
  border-radius: 0.6rem;
  color: #fff;
  display: inline-flex;
  padding: 0.2rem 1rem;
}

.login_btn:hover {
  color: #fff;
  text-decoration: none;
}

.header_search {
  background: url("../images/magnifier2.png") center center no-repeat;
  background-size: 100%;
  right: 0;
  border: 0;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 0 0 0.5rem;
}

.navbar-light .navbar-toggler {
  display: none !important;
}

/*.form-control:focus {
    background: none;
    border-bottom: 1px solid #000;
}*/
.form-control:focus {
  background: none;
  border-bottom: 1px #000 solid;
}

#persnol fieldset {
  background-color: transparent;
  padding-top: 0;
}

#persnol .checkmark {
  border-color: #000;
}

#msform2 {
  text-align: center;
}

@media (max-width: 767.98px) {}

/* ======== ############# default container stylesheet ############# ======== */
.container {
  max-width: 87%;
}

@media (min-width: 1680px) {
  .container {
    max-width: 80%;
  }
}

.modal-header .close img {
  max-width: 100%;
  height: 100%;
  top: -0.1em;
  position: relative;
}

.getotp2 {
  max-width: 620px;
}

.getotp {
  background-image: url(../images/resend.png);
  background-repeat: no-repeat;
  background-position: -7% 50%;
  padding-top: 6em;
  padding-bottom: 6em;
  background-size: 25%;
  padding-left: 6em;
  padding-right: 5em;
}

.modal-title {
  font-weight: 800;
}

.modal-header .close {
  margin: -1rem -1rem -1rem auto;
  position: absolute;
  right: 0;
  top: 0;
}

.btn-default {
  color: #fff !important;
  text-decoration: none !important;
}

.modal-open .modal {
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

body .modal {
  overflow-y: auto;
}

#msform2 .action-button-previous {
  background: #000;
  color: #fff;
  font-weight: 600;
  border-radius: 2rem;
  padding: 0.5rem 1rem 0.5rem 1rem;
  position: relative;
  border: 0;
  font-size: 1.2rem;
  line-height: 1.0;
}

#msform2 fieldset {
  border: 0 none;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  position: relative;
}

.no_number_appearance::-webkit-inner-spin-button,
.no_number_appearance::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.no_number_appearance {
  -moz-appearance: textfield;
}

.main_banner {
  position: relative;
}

.main_banner img {
  width: 100%;
}

.main_banner .container {
  max-width: 90%;
}

.main_banner .banenr_backdrop {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.main_banner .banner_content {
  position: relative;
}

.main_banner .banner_content .container {
  position: relative;
  z-index: 2;
}

.main_banner .banner_content .container .row>div {
  height: 100%;
  display: flex;
  align-items: center;
}

.main_banner .banner_content .container .row>div.banner_vector {
  align-items: flex-end;
}

.main_banner .banner_content .container .row>div img {
  max-height: 90%;
  width: auto;
}

.main_banner .banner_content .content {
  color: #fff;
}

.banner_content .cmn_btn {
  background: #312783;
  color: #fff;
  font-weight: 600;
  font-size: 1.6rem;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 4.0rem 0.5rem 3.5rem;
  border-radius: 1.2rem;
  margin-top: 1rem;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
}

.banner_content .cmn_btn:hover {
  text-decoration: none;
}

.banner_content .cmn_btn span {
  position: absolute;
  width: 2rem;
  height: 2rem;
  background: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 0.5rem;
  top: calc(50% - 1rem);
}

.banner_content .cmn_btn span::after {
  content: "\f105";
  float: right;
  font-family: fontawesome;
  color: #312783;
}

.banner_content .cmn_btn2 span::after {
  color: #ff214f;
}

.banner_content h2 {
  font-size: 6rem;
  font-weight: 800;
  font-family: 'Montserrat', sans-serif;
  line-height: 1.0;
  margin: 0 0 2rem;
}

.banner_content p {
  font-size: 2.1rem;
  font-weight: 400;
}

/*.main_banner .banner_vector {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; justify-content: center; align-items: baseline; z-index: 1;}*/
.main_banner .banner_vector {
  position: absolute;
  bottom: 0;
  left: calc(50% - 18%);
  display: flex;
  justify-content: center;
  align-items: baseline;
  z-index: 3;
}

.banner_content .bg-blue .cmn_btn {
  background: #312783;
  visibility: hidden;
}

.banner_content .bg-red .cmn_btn {
  background: #ff214f;
  visibility: hidden;
}

.banner_content .bg-blue:hover .cmn_btn {
  visibility: visible;
}

.banner_content .bg-red:hover .cmn_btn {
  visibility: visible;
}

/*image show mouse hover*/
.main_banner {
  height: calc(100vh - 7.5rem);
}

.main_banner .banner_content .cmn_img {
  display: block;
}

.main_banner .banner_content .cmn_img2 {
  display: none;
}

.main_banner .banner_content .cmn_img3 {
  display: none;
}

.banner_content .row.active .cmn_img {
  display: none;
}

.banner_content .bg-red:hover+.banner_vector .cmn_img3 {
  display: block;
}

.banner_content .bg-red:hover+.banner_vector .cmn_img {
  display: none !important;
}

.banner_content .bg-blue:hover+.banner_vector .cmn_img2 {
  display: block;
}

.banner_content .bg-blue:hover+.banner_vector .cmn_img {
  display: none !important;
}

.banner_content .bg-red:hover {
  box-shadow: 5px 5px 10px rgba();
}

.banner_content .row.bg_red_active .bg_blue_overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  right: 0;
  top: 0;
  width: 200%;
  height: 100%;
  z-index: 2;
}

.banner_content .row.bg_blue_active .bg_red_overlay {
  position: absolute;
  background: rgba(0, 0, 0, 0.5);
  left: 0;
  top: 0;
  width: 200%;
  height: 100%;
  z-index: 2;
}

.mobile_banner {
  height: calc(100vh - 6.2rem);
  margin-top: 4.9rem;
}

.mobile_banner .container {
  max-width: 100%;
}

.mobile_banner .banner_content {
  color: #fff;
}

.mobile_banner .banner_content h2 {
  font-size: 2rem
    /*3.4rem*/
  ;
  margin-bottom: 1rem;
  line-height: 0.9;
}

.mobile_banner .banner_content p {
  font-size: 1.0rem;
  margin-bottom: 0.5rem;
}

.mobile_banner .banner_content .container .row>div {
  padding-top: 2rem;
  padding-bottom: 0rem;
}

.mobile_banner .banner_content .cmn_btn {
  visibility: visible;
  padding: 0.5rem 3rem 0.5rem 1.5rem;
  font-size: 1.2rem;
  margin-bottom: 2rem;
}

.inner_page {}

.inner_page h2 {
  font-size: 2.6rem;
  font-weight: 800;
  color: #294028;
}

.inner_page .icon {
  margin: auto 1rem 3rem;
  transition: 0.3s;
}

/*.inner_page .icon:nth-child(5), .inner_page .icon:nth-child(6) {
    margin-bottom: 0rem;
}*/
.inner_page .icon a {
  width: 10rem;
  height: 10rem;
  border-radius: 50%;
  background: #fff;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  color: #000;
  font-weight: 500;
}

.inner_page .icon a figure {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: flex-end;
}

.inner_page .icon a figure img {
  max-width: 100%;
  max-height: 100%;
}

.inner_page .icon a:hover {
  text-decoration: none;
}

.i1:hover {
  background-color: #167efd !important;
  color: #fff !important;
}

.i2:hover {
  background-color: #fd3c39 !important;
  color: #fff !important;
}

.i3:hover {
  background-color: #fe9525 !important;
  color: #fff !important;
}

.i4:hover {
  background-color: #3586c7 !important;
  color: #fff !important;
}

.i5:hover {
  background-color: #fd3259 !important;
  color: #fff !important;
}

.i6:hover {
  background-color: #0eb8b7 !important;
  color: #fff !important;
}

.i1m {
  background-color: #167efd !important;
  color: #fff !important;
}

.i2m {
  background-color: #fd3c39 !important;
  color: #fff !important;
}

.i3m {
  background-color: #fe9525 !important;
  color: #fff !important;
}

.i4m {
  background-color: #3586c7 !important;
  color: #fff !important;
}

.i5m {
  background-color: #fd3259 !important;
  color: #fff !important;
}

.i6m {
  background-color: #0eb8b7 !important;
  color: #fff !important;
}

.i1m img {
  filter: brightness(100);
}

.i2m img {
  filter: brightness(100);
}

.i3m img {
  filter: brightness(100);
}

.i4m img {
  filter: brightness(100);
}

.i5m img {
  filter: brightness(100);
}

.i6m img {
  filter: brightness(100);
}

.i1:hover img {
  filter: brightness(100)
}

.i2:hover img {
  filter: brightness(100)
}

.i3:hover img {
  filter: brightness(100)
}

.i4:hover img {
  filter: brightness(100)
}

.i5:hover img {
  filter: brightness(100)
}

.i6:hover img {
  filter: brightness(100)
}

@media (max-width: 767.98px) {
  .row.emi_hi {
    margin: 0;
    margin-top: 1em;
  }

  .logo_show {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }

  .ab_lady {
    max-width: 70% !important;
    position: relative;
    top: -0.5em;
    padding-top: 1em;
    padding-bottom: 0.5em;
  }

  .ab_content3 {
    padding: 3rem 2rem !important;
  }

  #sync2 .item {
    margin-right: 7.5%;
    margin-left: 7.5%;
  }

  #sync2 .item0 {
    width: 90% !important;
  }

  .sl_bg {
    flex-direction: column;
    text-align: center;
    min-height: 20rem !important;
    margin: 0 1.5rem !important;
  }

  .sl_bg .sl_bg_l {
    width: 30% !important;
    margin-right: 0 !important;
    margin-bottom: 1rem;
    min-height: 4em;
  }

  .samdhan_pageheader>.container {
    margin-top: -1rem !important;
  }

  .blog_archive h2 {
    text-align: center;
  }

  .web_trace .content {
    min-height: 18rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  .why_switch_of_loan .cmn_clm {
    margin: 1rem 0;
  }

  .inner_page .icon {
    margin: auto 0.5rem 2rem;
  }

  .inner_page .icon a {
    width: 8.5rem;
    height: 8.5rem;
    padding: 1.5rem;
    font-size: 0.8rem;
  }

  .inner_page .icon a figure {
    width: 3rem;
    height: 3rem;
  }

  .inner_page .icon,
  .inner_page .icon {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
  }
}

.our_products {
  background: #f3f4f6;
  padding: 5rem 0;
}

.our_products figure.main_img {
  width: 70%;
  margin-bottom: -5rem;
}

.our_products figure.main_img img {
  width: 100%;
}

.desk01 {
  display: block;
}

.mobi01 {
  display: none;
}

.mobi01_i {
  display: none !important;
}

@media (max-width: 767.98px) {
  .mobi01_i {
    display: block !important;
  }

  #home_slider2 .owl-dot span {
    background-color: #fff;
    width: 1em;
    height: 1em;
    margin: 0px 0.2em;
  }

  #home_slider2 .owl-dots {

    margin-top: -2rem;
  }







  .our_products {
    padding: 2rem 0;
    padding-bottom: 2rem !important;
  }

  .mt_content {
    margin-top: 7rem;
  }

  #sm_menu_ham {
    position: fixed;
  }

  .desk01 {
    display: none !important;
  }

  .mobi01 {
    display: block;
    width: 33%;
    margin: auto;
  }

  .our_products figure.main_img {
    margin-bottom: 0;
  }

  .d-home {
    display: flex;
  }

  footer .container {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

.why_switch_of_loan {
  background: url("../images/why_section_img.png") no-repeat;
  background-size: auto 100%;
  min-height: 25rem;
}

.why_switch_of_loan h3 {
  font-weight: 600;
  line-height: 1.1;
}

.why_switch_of_loan figure {
  width: 5rem;
  height: 5rem;
}

.why_switch_of_loan figure img {
  max-width: 100%;
  max-height: 100%;
}

.why_switch_of_loan .cmn_clm {
  position: relative;
}

.why_switch_of_loan .cmn_clm::after {
  content: '';
  width: 1px;
  height: 5rem;
  background: #000;
  position: absolute;
  right: 0;
  top: calc(50% - 2.5rem);
}

.why_switch_of_loan .cmn_clm:last-child::after {
  display: none;
}

@media (max-width: 767.98px) {
  .why_switch_of_loan {
    background: none;
  }

  .why_switch_of_loan h3 {
    font-size: 1.4rem;
  }

  .why_switch_of_loan p {
    font-size: 0.9rem;
  }
}

.web_trace {}

.web_trace .content {
  padding: 3rem 1rem;
  color: #fff;
}

.web_trace .col-6:nth-child(1) .content,
.web_trace .col-6:nth-child(2) .content {
  border-bottom: 1px solid;
  border-color: rgba(255, 255, 255, 0.3);
}

.web_trace .col-6:nth-child(1) .content,
.web_trace .col-6:nth-child(3) .content {
  border-right: 1px solid;
  border-color: rgba(255, 255, 255, 0.3);
}

.web_trace .content figure {
  width: 5rem;
  height: 5rem;
}

.web_trace .content figure img {
  max-width: 100%;
  max-height: 100%;
}

.web_trace .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.web_trace h3 {
  font-weight: 600;
  font-size: 2.6rem;
}

.web_trace h2 {
  font-weight: 800;
  font-size: 3.4rem;
  text-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

@media (max-width: 767.98px) {
  .web_trace h3 {
    font-size: 1.6rem;
  }
}

.clients {}

.clients .box {
  width: 18rem;
  height: 5rem;
  text-align: center;
  opacity: 0.6;
  display: flex;
  align-items: center;
  justify-content: center;
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.clients .box img {
  max-width: 100%;
  max-height: 100%;
}

.clients .box:hover {
  opacity: 1.0;
}

.tes_ho {
  height: 19rem;
  overflow-y: scroll;
}

.tes_ho::-webkit-scrollbar {
  width: 4px !important;
}

/* Track */
.tes_ho::-webkit-scrollbar-track {
  background: #EEE !important;
}

/* Handle */
.tes_ho::-webkit-scrollbar-thumb {
  background: #888 !important;
}

/* Handle on hover */
.tes_ho::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

.tes_ho2 {
  padding-right: 1rem;
}

#home_i {
  overflow-x: hidden;
}

.icon:hover {
  transform: scale(1.1);
  transition: 0.3s;
}

@media (max-width: 767.98px) {
  .clients .box {
    width: 100%;
    margin: 1rem 0rem;
  }
}

.mlc {
  margin-left: 2.5rem !important;
}

.calculator_section {
  overflow: hidden;
  padding-top: 7em !important;
}

.calculator_section .calculator_wraper {
  min-height: 45rem;
  padding: 6rem 2rem 0;
  position: relative;
}

.calculator_section .calculator_wraper::after {
  content: '';
  background: url("../images/calculator_outline.png") no-repeat;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  z-index: 100;
}

.calculator_section #sync1 {
  width: calc(100% + 50% + 5.5rem);
}

.calculator_section .item {}

.calculator_section .item img {
  width: 100%;
}

.calculator_section #sync2 {
  margin: 1rem 0 0;
  z-index: 999 !important;
  cursor: pointer;
}

.calculator_section #sync2 .item figure {
  width: 8rem;
  height: 8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border: 0.8rem solid;
  border-color: #e8e7e7;
  border-radius: 50%;
  text-align: center;
  line-height: 1.0;
  font-weight: 600;
  font-size: 0.9rem;
}

.calculator_section #sync2 .owl-item.current .item figure {
  background: #0f6de0;
  border-color: #0f6de0;
  color: #fff;
}

.calculator_section #sync1 .owl-nav {
  width: 71%;
}

.calculator_section #sync1.owl-carousel .owl-nav button.owl-next::after {
  content: "";
  font-weight: 4rem;
  background: url("../images/arrow_right.png") no-repeat;
  background-size: 100%;
}

.calculator_section #sync1.owl-carousel .owl-nav button.owl-prev::after {
  content: "";
  font-weight: 4rem;
  background: url(../images/arrow_right.png) no-repeat;
  background-size: 100%;
  transform: rotate(180deg);
  z-index: +999999 !important;
}

.calculator_section #sync1.owl-carousel .owl-nav button.owl-prev,
.calculator_section #sync1.owl-carousel .owl-nav button.owl-next {
  width: 3rem;
  height: 2rem;
  background: none;
  box-shadow: none;
}

.calculator_section #sync1 {
  width: calc(100% + 50% + 5.5rem);
  z-index: +999;
}

/*.calculator_section #sync1.owl-carousel .owl-nav button.owl-prev {
    display: none;
}*/
.calculator_section .owl-carousel .owl-nav button.owl-prev {
  left: -3.5rem;
}

.calculator_section #sync2 .owl-item.current .item.sv_calculator figure {
  background: #0f6de0;
  border-color: #0f6de0;
}

.calculator_section #sync2 .owl-item.current .item.emi_calculator figure {
  background: #ec3433;
  border-color: #ec3433;
}

.calculator_section #sync2 .owl-item.current .item.pp_calculator figure {
  background: #fe894b;
  border-color: #fe894b;
}

.calculator_section #sync2 .owl-item.current .item.tb_calculator figure {
  background: #2f7bb9;
  border-color: #2f7bb9;
}

button {
  outline: none !important;
}

.banner_sign_up .btn-default::before {
  width: 2.2rem !important;
  height: 2.2rem !important;
  top: 0.5rem;
}

.banner_sign_up .btn-default:hover::before {
  content: '';
  position: absolute;
  background: #fff;
  border-radius: 50%;
  right: 5px;
  top: 5px;
  left: auto;
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

.banner_sign_up {
  position: relative;
  z-index: 2;
  font-size: 2.1rem;
  font-weight: 500;
  color: #fff;
  background: linear-gradient(45deg, #004b64bd,#d32964 ) !important;
  padding: 1.2rem 0;
  border-radius: 54px 0px 54px 0px;
}

.banner_sign_up .btn-default {
  border-radius: 1.2rem;
  font-size: 2.0rem;
  padding: 0.3rem 3rem 0.3rem 3.5rem !important;
}

.banner_sign_up .btn-default::before {
  width: 2.2rem;
  height: 2.2rem;
  top: 0.5rem;
}

.banner_sign_up .btn-default:hover {
  padding: 0.3rem 5rem 0.3rem 1.5rem !important;
}

.btn-default:hover,
#msform .action-button:focus {
  box-shadow: none !important;
}

@media (max-width: 767.98px) {
  .calculator_section .calculator_wraper::after {
    display: none;
  }

  .calculator_section .mobile_calculator_section {}

  .calculator_section .mobile_calculator_section img {
    margin-bottom: 2rem;
  }

  .calculator_section .calculator_wraper {
    padding-top: 0rem;
  }
}

.testimonials_section {}

.testimonials_section .testimonials_slider {}

.testimonials_section .testimonials_slider .card {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  border: 0;
}

.testimonials_section .testimonials_slider.owl-carousel .owl-stage-outer {
  overflow: visible;
}

.testimonials_section .testimonials_inner {
  position: relative;
  padding: 5rem 0 5rem 5rem;
  overflow: hidden;
}

.testimonials_section .testimonials_inner::before {
  content: '';
  position: absolute;
  background: #312783;
  height: 60%;
  width: 100%;
  top: 0;
  left: 0;
}

.testimonials_section h5 {
  font-size: 1.1rem;
  font-weight: 600;
  margin: 2.5rem 0 0.5rem;
}

.testimonials_section .ratings i {
  color: rgba(0, 0, 0, 0.1);
}

.testimonials_section .ratings .rating-color {
  color: #ffc107;
}

.testimonials_section .owl-carousel .owl-nav {
  width: 4.3rem;
  left: -5.5rem;
  top: 20%;
}

.testimonials_section .owl-carousel .owl-nav button.owl-next {
  margin-top: 3rem;
}

.testimonials_section .owl-carousel .owl-nav button.owl-next::after,
.testimonials_section .owl-carousel .owl-nav button.owl-prev::after {
  content: "";
  font-weight: 4rem;
  box-shadow: none;
}

.testimonials_section .owl-carousel .owl-nav button.owl-prev::after {
  background: url("../images/arrow_left_red.png") no-repeat;
  background-size: 100%;
}

.testimonials_section .owl-carousel .owl-nav button.owl-next::after {
  background: url("../images/arrow_right_red.png") no-repeat;
  background-size: 100%;
}

.testimonials_section .owl-carousel .owl-nav button.owl-prev,
.testimonials_section .owl-carousel .owl-nav button.owl-next {
  width: 4rem;
  height: 2rem;
  background: none;
  box-shadow: none;
}

.testimonials_section .owl-dots {
  display: flex;
  margin-top: 4rem;
  width: 15rem;
  border-radius: 1rem;
  overflow: hidden;
}

.testimonials_section .owl-carousel button.owl-dot {
  width: 100%;
}

.testimonials_section .owl-carousel button.owl-dot {
  width: 100%;
}

.testimonials_section .owl-dots .owl-dot.active span {
  background: #fd3c39;
}

.testimonials_section .owl-dots .owl-dot span {
  width: 100%;
  background: #312783;
  height: 0.5rem;
  border-radius: 0;
  opacity: 1.0;
}

.testimonials_section .owl-item .item {
  position: relative;
}

.testimonials_section .owl-item .item::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(49, 39, 131, 0.6);
  top: 0;
  left: 0;
}

.testimonials_section .owl-item.active .item::after {
  display: none;
}

@media (max-width: 767.98px) {
  .testimonials_section .testimonials_inner {
    padding: 5rem 2rem 5rem 2rem;
  }
}

.my_loan_my_samadhan {
  background: #f3f4f6;
  overflow-x: hidden;
}

.samdhan_pageheader {
  background: #f3f4f6
}

.page_header h1 {
  font-weight: 900;
}

.samdhan_pageheader>.container {
  margin-top: -10rem;
  position: relative;
  padding-bottom: 3rem;
}

.samdhan_pageheader>.container>div.bg-white {
  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
}

.samdhan_pageheader>.container>div.bg-white {
  box-shadow: 3px 5px 10px rgba(0, 0, 0, 0.2);
}

.my_samadhan {
  margin-bottom: 3rem;
}

.my_samadhan h3 {
  font-size: 1.6rem;
  font-weight: 600;
}

.my_samadhan .card {
  border-radius: 0.5rem;
}

.my_samadhan .answer_box {}

.my_samadhan .card {
  border-radius: 1.0rem;
  margin-bottom: 3rem;
}

.my_samadhan .card:last-child {
  margin-bottom: 0rem;
}

.my_samadhan .answer_box .user_answer_wraper {
  margin: 3rem 0 0;
}

.my_samadhan .answer_box .user_answer_wraper:first-child {
  margin-top: 0rem;
}

.my_samadhan .answer_box .user_answer_wraper .user_answer {
  font-weight: 500;
  font-size: 1.1rem;
}

.my_samadhan .answer_box .user_answer_wraper .user_answer>div {
  margin: 0 0 1.5rem;
}

.my_samadhan .answer_box .user_answer_wraper .user_answer figure {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_samadhan .answer_box .user_answer_wraper .user_answer figure img {
  min-width: 100%;
  min-height: 100%;
}

.my_samadhan .answer_box .user_answer_wraper .user_answer span {
  font-size: 0.9rem;
  font-weight: 300;
}

.my_samadhan .answer_box .user_answer_wraper .icn {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  border: 0px solid;
  background: #fff;
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.my_samadhan .answer_box .user_answer_wraper .icn img {
  max-width: 100%;
  max-height: 100%;
}

.my_samadhan .btn_white,
.gj-dropdown-md [role="presenter"] {
  background: #fff;
  box-shadow: 0px 3px 2px rgba(0, 0, 0, 0.2);
  padding: 1.2rem 1rem;
  border-radius: 0.7rem;
  font-size: 1.6rem;
  color: #312783;
  font-weight: 600;
  line-height: 1.0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
}

.my_samadhan .btn span {
  font-size: 2.6rem;
  margin: 0;
  padding: 0 0.3rem 0rem 0;
}

.my_samadhan .gj-dropdown-md [role="presenter"] {
  width: 100%;
}

.my_samadhan .gj-dropdown [role="presenter"] [role="display"] {
  min-height: auto;
  font-size: 1.6rem;
  color: #312783;
  font-weight: 600;
  line-height: 1.0;
  padding: 0.5rem;
  text-align: center;
}

.my_samadhan .btn-default {
  padding: 0.8rem 1rem 0.8rem 2.5rem;
  font-weight: 600;
  font-size: 1.4rem;
  width: 12rem;
}

.my_samadhan .btn-default::before {
  top: 0.5rem;
  width: 2rem;
  height: 2rem;
}

.my_samadhan .reply_btn_wraper .btn {
  color: #312783;
}

.my_samadhan .reply_btn_wraper .btn span {
  font-size: 1.0rem;
}

.my_samadhan .accordion {}

.my_samadhan .accordion .card {
  padding: 2rem;
  background: #fff;
  border-bottom: 1px !important;
  border-color: #ccc;
  border-radius: 1rem;
}

.my_samadhan .accordion>.card:not(:last-of-type),
.my_samadhan .card:last-child {
  border-bottom: 1px solid !important;
  border-color: #ccc !important;
  border-bottom-right-radius: 1rem;
  border-bottom-left-radius: 1rem;
}

.my_samadhan .accordion .card .card-header {
  background: transparent;
  border-bottom: 0;
  padding: 0;
}

.my_samadhan .accordion .card .card-header a {
  background: transparent;
  text-decoration: none;
}

.my_samadhan .accordion h3 {
  width: 80%;
  line-height: 1.4;
  margin-bottom: 0;
}

.my_samadhan .aside {}

.my_samadhan .aside .content {
  padding: 1.5rem 2.0rem;
}

.my_samadhan .aside .card {}

.my_samadhan .aside .card h4 {
  font-size: 1.6rem;
  font-weight: 600;
  color: #312783;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, .03);
}

.my_samadhan .aside .card ul {
  padding: 0 0 0 1rem;
  margin: 0;
}

.my_samadhan .aside .card ul li {
  padding: 0 0 1rem;
  margin: 0;
  list-style: outside;
  font-size: 1.2rem;
}

.my_samadhan .aside .card ul li:last-child {
  padding-bottom: 0rem;
}

.my_samadhan .aside .card ul li a {
  color: #000;
}

.drag-image {
  border: 1px dashed #c5c5c6;
  background: #f3f4f6;
  height: 300px;
  width: 100%;
  border-radius: 1.5rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.drag-image.active {
  border: 2px solid #fff;
}

.drag-image .icon {}

.drag-image .icon span {
  font-size: 5.0rem;
  color: #312783;
}

.drag-image h6 {
  font-size: 20px;
  font-weight: 300;
  color: #312783;
}

.drag-image span {
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 1rem 0;
}

.drag-image .custom_browse_btn {
  padding: 1rem 2rem;
  font-size: 1.7rem !important;
  font-weight: 500;
  outline: none;
  background: #fff;
  border: 1px dashed #c5c5c6;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.5s;
  color: #312783;
}

.drag-image .custom_browse_btn:hover {
  background: #fff;
  color: red;
}

.drag-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

input[type="file"] {
  display: none;
}

#file-drag {
  cursor: pointer;
  display: block;
  padding: 0;
}

#file-progress {
  display: none;
  margin: 1em auto;
  width: 100%;
}

#file-upload-btn {
  margin: auto;
}

#file-upload-btn:hover {
  background: #4499c9;
}

#file-upload-form {
  margin: auto;
  width: 40%;
}

progress {
  appearance: none;
  background: #eee;
  border: none;
  border-radius: 3px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
  height: 30px;
}

progress[value]::-webkit-progress-value {
  background:
    -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0, 0, 0, .2) 66%, transparent 66%), -webkit-linear-gradient(right, #005f95, #07294d);
  background:
    linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0, 0, 0, .2) 66%, transparent 66%), linear-gradient(right, #005f95, #07294d);
  background-size: 60px 30px, 100% 100%, 100% 100%;
  border-radius: 3px;
}

progress[value]::-moz-progress-bar {
  background:
    -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0, 0, 0, .2) 66%, transparent 66%), -moz-linear-gradient(right, #005f95, #07294d);
  background:
    linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0, 0, 0, .2) 66%, transparent 66%), linear-gradient(right, #005f95, #07294d);
  background-size: 60px 30px, 100% 100%, 100% 100%;
  border-radius: 3px;
}

.file_result ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.blog {}

.blog h2 {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 0 0 1.5rem;
  margin: 0 0 1.5rem;
}

.blog .card {
  border-radius: 2.0rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.blog .card figure {}

.blog .card figure img {
  width: 100%;
}

.blog .card .content {
  padding: 1.3rem;
  font-size: 0.85rem;
}

.blog .card .content>div {
  height: 3.5rem;
}

.blog .card .content h3 {
  font-weight: 600;
}

.blog .card .content span {
  font-size: 0.8rem;
  color: rgba(0, 0, 0, 0.5);
}

.blog .card .content .btn-default {
  display: none !important;
  webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

.blog .card:hover .content .btn-default {
  display: inline-block !important;
}

.blog .blog_archive {}

.blog .blog_archive .card {
  border-radius: 1rem;
  border: 0;
  margin: 0 0 1.7rem;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.0);
  color: #000;
}

.blog .blog_archive .card:last-child {
  margin-bottom: 0rem;
}

.blog .blog_archive .card figure {
  width: 11rem;
}

.blog .blog_archive .card figure img {
  width: 100%;
}

.blog .blog_archive .card h3 {
  font-size: 1.1rem;
  font-weight: 700;
  margin: 0 0 0.5rem;
}

.blog .blog_archive .card:hover {
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
  text-decoration: none;
}

@media (max-width: 767.98px) {
  .blog .card .content .btn-default {
    visibility: visible;
  }

  .blog .btn-default {
    padding: 0.5rem 5.5rem 0.5rem 1.5rem;
    left: auto;
    right: 5px;
    border-radius: 0.8rem;
  }

  /*.blog .btn-default::before {
    left: auto;
    right: 10px;
  }*/
}

.switch_element {
  height: 8rem;
  width: 1.8rem;
  border: 2px solid;
  border-color: #000;
  border-radius: 1rem;
  position: absolute;
  top: calc(50% - 4rem);
  left: 3rem;
  z-index: 999;
  display: none;
}

.switch_element::after {
  content: '';
  width: 1.2rem;
  height: 1.2rem;
  background: #f00;
  border-radius: 50%;
  position: absolute;
  top: 0.18rem;
  left: 0.18rem;
}

.main_banner .switch_element {
  border-color: #fff;
}

.main_banner .switch_element::after {
  background: #fff;
  bottom: 0.18rem;
  top: auto;
}

.our_products .switch_element {
  border-color: #322785;
}

.our_products .switch_element::after {
  background: #e30713;
}

.why_section .switch_element {
  border-color: #fff;
}

.why_section .switch_element::after {
  background: #fff;
  bottom: 0.18rem;
  top: auto;
}

.vedio_section .switch_element {
  border-color: #322785;
}

.vedio_section .switch_element::after {
  background: #e30713;
}

.calculator_section .switch_element {
  border-color: #322785;
}

.calculator_section .switch_element::after {
  background: #322785;
  bottom: 0.18rem;
  top: auto;
}

.testimonials_section .switch_element {
  border-color: #22137a;
}

.testimonials_section .switch_element::after {
  background: #e30512;
}

.blog .switch_element {
  border-color: #372b8d;
}

.blog .switch_element::after {
  background: #372b8d;
  bottom: 0.18rem;
  top: auto;
}

.faq_page_header {
  background: #0d89ff;
  position: relative;
  height: 25.0rem;
  font-size: 1.1rem;
  color: #fff;
}

.faq_page_header .vct {
  position: absolute;
  left: 15px;
  top: 0;
  width: auto;
  height: 100%;
}

.faq_page_header .vct img {
  width: auto;
  height: 100%;
}

.faq_page_header .vct .desktop {
  display: block;
}

.faq_page_header .vct .mobile {
  display: none;
}

.faq_page_header .searchbar {
  background: #6dadeb;
  padding: 0.9rem;
  /*height: 8.133333333333333rem;*/
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 1.0rem;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.2);
}

.faq_page_header .searchbar input {
  background: #fff;
  border-radius: 1.1rem !important;
  height: 6.5rem;
  padding: 1rem 4.5rem 1rem 2rem;
  overflow-y: auto;
  border: 0;
  overflow-wrap: break-word;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.2);
  position: relative;
  font-size: 1.4rem;
}

.faq_page_header .searchbar .searchbox input+.search_icon {
  position: absolute;
  right: 4rem;
  top: 0rem;
}

.search_icon {
  position: absolute;
  right: 3rem;
  top: 0;
  z-index: 100;
  color: #000;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: 1.8rem;
}

.search_icon img {
  max-width: 1.8rem;
}

/*#firstname {padding-bottom: 40px;  max-width: 60px;  overflow-y: auto;  overflow-wrap: break-word;  border: 1px solid black;}*/
.main_content ul.loan_cat {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 2.0rem 0 0 0;
  padding: 0 0 5.4rem;
  border-bottom: 1px solid #9d9d9f;
}

.main_content .loan_cat li {
  list-style: none;
}

.main_content .loan_cat li a {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 8.8rem;
  width: 8.8rem;
  border-radius: 50%;
  background: #333;
  color: #fff;
  flex-direction: column;
  /*    box-shadow: 2px 5px 15px rgb(0 0 0 / 30%);
*/
  text-align: center;
  padding: 1rem;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  transition: 0.30s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

.main_content .loan_cat li a img {
  max-height: 3rem;
  max-width: 3rem;
  margin-bottom: 0.5rem;
}

.main_content .loan_cat li.home_loan a {
  background: #4775ff;
}

.main_content .loan_cat li.business_loan a {
  background: #de414a;
}

.main_content .loan_cat li.personal_loan a {
  background: #ff895a;
}

.main_content .loan_cat li.loan_against_property a {
  background: #2595ff;
}

.main_content .loan_cat li.loan_against_securities a {
  background: #20e2d0;
}

.main_content .loan_cat li.digital_loan a {
  background: #e9aa14;
}

.main_content .loan_cat li.other_loan a {
  background: #13c6b5;
}

.profile_dropdown {}

.profile_dropdown>a {
  display: flex;
  align-items: center;
}

.profile_dropdown>a div {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0px solid;
  border-color: #000;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
}

.profile_dropdown img {
  max-width: 1.7rem;
}

.profile_dropdown {}

#faq .card {
  margin-bottom: 30px;
  border: 0;
  border-radius: 0.5rem;
  background: #f3f4f6;
}

#faq .card.active {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

#faq .card .card-header {
  border: 0;
  border-radius: 2px;
  padding: 0;
}

#faq .card .card-header:focus {
  outline: 0;
}

#faq .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  color: #000;
  padding: 1rem;
  font-weight: 400;
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

#faq .card .card-header .btn-header-link:focus {
  outline: 0;
}

#faq .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Fontawesome';
  font-weight: 900;
  float: right;
  position: absolute;
  right: 1.5rem;
  top: 2rem;
  font-size: 2.4rem;
}

#faq .card .card-header .btn-header-link.collapsed {}

#faq .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

#faq .card .collapsing {
  line-height: 30px;
}

#faq .card .collapse {
  border: 0;
}

#faq .card .collapse.show {
  line-height: 30px;
  color: #222;
}

.loan_offers {}

.loan_offers .lc_logo {
  width: 6rem;
  height: 6rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.loan_offers .lc_logo img {
  max-width: 100%;
  height: auto;
}

.loan_offers .heading1 {
  font-size: 2.2rem;
  font-weight: 600;
}

.loan_offers .heading2 {
  font-size: 2.0rem;
  font-weight: 600;
}

.loan_offers .loan_cat {
  background: #167efd;
  color: #fff;
  display: inline-flex;
  padding: 0.2rem 0.5rem;
  font-size: 0.9rem;
  padding-bottom: 0.4rem;
  margin-top: 0.5rem;
}

.loan_offers .loan_info {
  border-radius: 0.5rem;
  line-height: 1.0;
}

.loan_offers .loan_info .bg-blue {
  padding: 0.1rem 0.5rem;
  font-size: 0.9rem;
  line-height: 0.9;
}

.loan_offers .loan_info>div {
  position: relative;
}

.loan_offers .loan_info>div:first-child::after {
  content: '';
  background: #000;
  position: absolute;
  top: calc(50% - 1rem);
  left: 100%;
  width: 1px;
  height: 2rem;
}

.loan_offers .action-button {
  width: 10rem;
  padding: 0.8rem 0.5rem !important;
  font-size: 1.4rem !important;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
}

.loan_offers .action-button::before {
  left: 6px !important;
  top: 10px !important;
}

.loan_offers .overlay_cnt {
  margin-top: -3rem;
}

.loan_offers .overlay_cnt2 {
  margin-top: -1.5rem;
}

.loan_offers .card {
  margin-bottom: 30px;
  border: 0;
  border-radius: 0.5rem;
  background: #f3f4f6;
}

.loan_offers .card.active {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.loan_offers .card .card-header {
  border: 0;
  border-radius: 2px;
  padding: 0;
}

.loan_offers .card .card-header:focus {
  outline: 0;
}

.loan_offers .card .card-header .btn-header-link {
  display: block;
  text-align: left;
  color: #000;
  padding: 1rem;
  text-decoration: none;
  font-weight: 400;
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

.loan_offers .card .card-header .btn-header-link:focus {
  outline: 0;
}

.loan_offers .card .card-header .btn-header-link:after {
  content: "\f106";
  font-family: 'Fontawesome';
  font-weight: 900;
  float: right;
  position: absolute;
  right: 1.5rem;
  top: 2rem;
  font-size: 2.4rem;
}

.loan_offers .card .card-header .btn-header-link.collapsed {}

.loan_offers .card .card-header .btn-header-link.collapsed:after {
  content: "\f107";
}

.loan_offers .card .collapsing {
  line-height: 30px;
}

.loan_offers .card .collapse {
  border: 0;
}

.loan_offers .card .collapse.show {
  line-height: 30px;
  color: #222;
}

.progress-bar li.basic_detail.active figure,
.progress-bar li.basic_detail.active::after {
  background: #167efd;
}

.progress-bar li.personal_info.active figure,
.progress-bar li.personal_info.active::after {
  background: #fd3c39;
}

.progress-bar li.personal_info2.active figure,
.progress-bar li.personal_info2.active::after {
  background: #167efd;
}

.progress-bar2 li::after {
  height: 0px;
}

.progress-bar li.explore_loan.active figure,
.progress-bar li.explore_loan.active::after {
  background: #fe9525;
}

.progress-bar li.explore_loan2.active figure {
  background: #167efd;
}

.progress-bar li.doc_verification.active figure,
.progress-bar li.doc_verification.active::after {
  background: #167efd;
}

.progress-bar li.eleigibility_advice.active figure,
.progress-bar li.eleigibility_advice.active::after {
  background: #167efd;
}

.progress-bar li.kyc_details.active figure,
.progress-bar li.kyc_details.active::after {
  background: #fd3c39;
}

.progress-bar li.education_details.active figure,
.progress-bar li.education_details.active::after {
  background: #fe9525;
}

.progress-bar li.job_details.active figure,
.progress-bar li.job_details.active::after {
  background: #3586c7;
}

.progress-bar li.explore_loan_offers.active figure,
.progress-bar li.explore_loan_offers.active::after {
  background: #0eb8b7;
}

/* ======== ############# faq stylesheet ############# ======== */
.faq_content .faq_heading a {
  color: #000;
  text-decoration: none;
}

.faq_content .panel {
  padding: 4.3rem 0;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.2);
}

.faq_content .panel .panel-title {
  margin: 0;
  font-size: 2.1rem;
}

.faq_content .panel:last-child {
  border-bottom: 0;
}

.faq_content .panel .cat_info {
  background: #de414a;
  color: #fff;
  font-weight: 200;
  padding: 0.2rem 0.5rem;
  z-index: 999;
  font-size: 1.0rem;
  line-height: 1.0;
  display: inline-flex;
}

.faq_content #homeloan .panel .cat_info {
  background: #4775ff;
}

.faq_content #businessloan .panel .cat_info {
  background: #de414a;
}

.faq_content #personalloan .panel .cat_info {
  background: #ff895a;
}

.faq_content #loanagainsproperty .panel .cat_info {
  background: #2595ff;
}

.faq_content #loanagainssecurity .panel .cat_info {
  background: #20e2d0;
}

.faq_content #digitalloan .panel .cat_info {
  background: #e9aa14;
}

.faq_content #otherloan .panel .cat_info {
  background: #13c6b5;
}

/* ======== ############# loan category stylesheet ############# ======== */
.main_content .loan_cat li a.active {
  position: relative;
  color: #fff;
  transform: scale(1.15);
  box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.4);
  border: 0;
}

.main_content .loan_cat li a:hover {
  border: 0;
}

.main_content .loan_cat li a:hover {
  transform: scale(1.15);
  transition: 0.30s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

/*.main_content .loan_cat li a.active::after{content: ''; background: url("../images/according_content_active.png") no-repeat; position: absolute; bottom: -6rem; left: 0%; width: 100%; height: 100%; background-position: bottom center; background-size: 6rem;}*/
/*.main_content .loan_cat li a.active:after {position:absolute; content:""; width: 0; height: 0; margin-top:1px; margin-left:2px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid white;}*/
.main_content .loan_cat li a::before {
  -webkit-transition: all 0.0s ease-in-out;
  -moz-transition: all 0.0s ease-in-out;
  -ms-transition: all 0.0s ease-in-out;
  -o-transition: all 0.0s ease-in-out;
  transition: all 0.0s ease-in-out;
}

.main_content .loan_cat li a.active::before {
  content: "";
  position: absolute;
  width: 3.5rem;
  height: 3.5rem;
  border-left: 1px solid #9d9d9f;
  border-top: 1px solid #9d9d9f;
  /* border-bottom: 3px solid transparent; */
  transform: rotate(45deg) skew(10deg, 10deg) scale(1.00);
  left: calc(100% - 6.5rem);
  bottom: -5.25rem;
  background: #fff;
}

/* ======== ############# faq content stylesheet ############# ======== */
.faq_content .panel .faq_heading a>div {}

.faq_content .panel .faq_heading.active a {}

.faq_content .panel .faq_heading.active a>div {}

/*.search_faq_active .nav-tabs {border: 0;}
.search_faq_active .nav-tabs li a.active::after{display: none;}
.search_faq_active .search_faq_content{display: none;}*/
.text_whatsapp {
  color: #64b161;
}

.ftr_whatsapp_icon {}

.ftr_whatsapp_icon img {
  width: 1.5rem;
  height: auto;
}

.user_header {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
}

.user_content {
  padding: 5rem 0 4rem;
}

.user_content .container {
  max-width: 90%;
}

.user_content .container .user_menu {
  background: #edecec;
  border-radius: 1rem;
  padding: 1rem;
}

#sidebar {
  width: 100%;
  transition: all 0.3s;
  position: relative;
  font-size: 1.4rem;
}

#sidebar.active {
  margin-left: -250px;
}

#sidebar .sidebar-header {
  padding: 20px;
}

#sidebar ul.components {}

#sidebar ul p {
  color: #fff;
  padding: 10px;
}

#sidebar ul li a {
  border-radius: 0.5rem;
}

#sidebar ul li a {
  padding: 1.0rem 1rem;
  display: block;
  position: relative;
  color: #000;
}

#sidebar ul li:hover a {
  color: #312783;
  background: #f3f4f6;
  text-decoration: none;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
  color: #312783;
  background: #f3f4f6;
}

#sidebar ul li>ul {
  color: #312783;
  background: #f3f4f6;
}

#sidebar .dropdown-toggle::after {
  right: 1rem;
  content: 'expand_more';
  top: 0;
}

#sidebar ul li img {
  max-width: 1.5rem;
  max-height: 1.5rem;
  height: auto;
  margin: 0 0.5rem 0 0;
}

#sidebar ul li ul li a {
  padding: 1.0rem 1rem 1.0rem 3.2rem;
}

#sidebar ul li ul li.active a {
  padding-left: 5.0rem;
  position: relative;
}

#sidebar ul li ul li.active a::after {
  font-family: 'Material Icons';
  content: "\e5cc";
  float: right;
  transition: all 0.5s;
  font-size: 2.5rem;
  line-height: 0.8;
  position: absolute;
  left: 3rem;
  top: 1rem;
}

.user_content .user_main_content {}

.user_content .user_main_content .grievances_form {}

ul.gj-list-md {
  margin-top: -10px;
  /*    background: #f3f4f6;
*/
  background: #fff;
  border-radius: 0 0 0.8rem 0.8rem;
  box-shadow: 0px 3px 8px rgb(0 0 0 / 30%);
}

.user_content .user_main_content .grievances_form .gj-dropdown-md [role="presenter"] {
  width: 100%;
  border: 0;
  background: #f3f4f6;
  padding: 1.0rem 1.5rem;
  font-size: 1.2rem;
  border-radius: 0.8rem;
}

ul.gj-list-md li {
  padding: 0.8rem 1.2rem;
}

ul.gj-list-md li:first-child {
  margin-top: 0.5rem;
}

.textarea_wraper {
  border-radius: 1rem;
  background: #f3f4f6;
  padding: 1rem;
  box-shadow: 0 5px 7px rgba(0, 0, 0, 0.2);
}

.textarea_wraper .form-control {
  border-radius: 1rem;
  border: 0rem solid;
  border-color: #f3f4f6;
  min-height: auto;
  background: #fff;
  padding: 1rem;
}

.raise_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 2rem 0 0;
}

.user_content .user_main_content .grievances_form .btn {
  background: #e30613;
  color: #fff;
  border-radius: 1.5rem;
  padding: 0.1rem 1rem 0.1rem 2.5rem;
  position: relative;
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
  text-decoration: none;
  transition: ease-in-out 0.50s;
  -webkit-transition: ease-in-out 0.50s;
  -moz-transition: ease-in-out 0.50s;
  -ms-transition: ease-in-out 0.50s;
  -o-transition: ease-in-out 0.50s;
}

.user_content .user_main_content .grievances_form .btn::before {
  content: '';
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 50%;
  left: 0.5rem;
  position: absolute;
  top: calc(50% - 0.8rem);
  transition: ease-in-out 0.50s;
  -webkit-transition: ease-in-out 0.50s;
  -moz-transition: ease-in-out 0.50s;
  -ms-transition: ease-in-out 0.50s;
  -o-transition: ease-in-out 0.50s;
}

.user_content .user_main_content .grievances_form .btn:hover {
  padding: 0.1rem 2.5rem 0.1rem 1rem;
  transition: ease-in-out 0.50s;
  -webkit-transition: ease-in-out 0.50s;
  -moz-transition: ease-in-out 0.50s;
  -ms-transition: ease-in-out 0.50s;
  -o-transition: ease-in-out 0.50s;
}

.user_content .user_main_content .grievances_form .btn:hover::before {
  transition: ease-in-out 0.50s !important;
  -webkit-transition: ease-in-out 0.50s !important;
  -moz-transition: ease-in-out 0.50s !important;
  -ms-transition: ease-in-out 0.50s !important;
  -o-transition: ease-in-out 0.50s !important;
  left: calc(100% - 1.8rem);


}

.user_content .user_main_content h1 {
  font-size: 2.1rem;
}

.user_content .user_main_content h2 {
  font-size: 2.1rem;
}

.user_content .user_main_content h3 {
  font-size: 1.3rem;
  text-decoration: underline;
  font-weight: bold;
}

.grievances_heading {}

.grievances_heading span {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.5);
}

.input_text {
  position: relative;
  padding: 1rem 1rem 1rem 1rem;
}

.input_text .icn {
  width: 10rem;
  text-align: center;
  font-size: 1.6rem;
}

/*.input_text::before{content: 'forward'; font-family: 'Material Icons'; left: 1.5rem; position: absolute; top: 1.5rem;}*/
.input_text span {
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.5);
}

.past_grievances .btn {
  color: #312783;
  text-decoration: underline;
  background: none;
  border: 0;
  padding: 0;
}

.replay_cnt .btn {
  background: #e30613;
  color: #fff;
  font-weight: 600;
  border-radius: 2rem;
  padding: 0.7rem 1rem 0.8rem 2.5rem !important;
  position: relative;
  border: 0;
  font-size: 1rem;
  line-height: 1.0;
  transition: 0.30s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
  text-decoration: none;
  outline: none !important;
  box-shadow: none;
}

.replay_cnt .btn:hover {
  padding: 0.7rem 2.5rem 0.8rem 1rem !important;
}

.replay_cnt .btn::before {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 50%;
  left: 5px;
  top: 0.5rem;
  transition: ease-in-out 0.50s;
  -webkit-transition: ease-in-out 0.50s;
  -moz-transition: ease-in-out 0.50s;
  -ms-transition: ease-in-out 0.50s;
  -o-transition: ease-in-out 0.50s;
}

.replay_cnt .btn:hover::before {
  content: '';
  position: absolute;
  width: 1.5rem;
  height: 1.5rem;
  background: #fff;
  border-radius: 50%;
  top: 0.5rem;
  left: calc(100% - 1.8rem);
}








.past_grievances ul li {
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  padding: 2.5rem 0;
}

.past_grievances ul li:first-child {
  padding-top: 0;
}

.past_grievances ul li:last-child {
  border-bottom: 0;
}

.navbar-expand-lg .navbar-nav .dropdown-menu {
  position: absolute;
}

.searchbox {}

input[type="search"] {}

/*adding effect when the mouse is hovered over list item*/
.searchbox ul {
  padding: 0rem;
  margin: 0;
}

.searchbox ul li a {
  color: #000;
  font-size: 1.4rem;
}

.searchbox ul li:hover {
  color: #fff;
  background: #0d89ff;
}

.searchbox ul li a:hover {
  color: #fff;
}

/*moving it slightly toware right when hovered*/
.searchbox ul li:hover {
  /*transform*/
  -webkit-transform: translateX(0px);
  -moz-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
}

/*now first we will hide the suggestion list*/
.suggestions {
  position: absolute;
  background: #fff;
  border-radius: 0.0rem 0.0rem 1.0rem 1.0rem;
  z-index: 1;
  width: calc(100% - 4.1rem);
  top: 6.5rem;
  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.2);
  display: none;
}

.suggestions li {
  overflow: hidden;
  padding: 1.0rem 1.5rem;
  border-bottom: 1px solid;
  border-color: rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.suggestions li:last-child {
  border-bottom: 0;
}

/*and make the suggestion reappear when user focus on search field*/
input[type="search"]:focus+.suggestions {
  height: auto;
  display: block;
}

/*input[type="search"]:focus + .suggestions li{height: auto; border-bottom: 1px solid; border-color: rgba(0,0,0,0.1);}*/
.byline {
  text-align: center;
  font-size: 18px;
}

.byline a {
  text-decoration: none;
  color: #1f5350;
}

.suggestions .cat_info {
  background: #de414a;
  color: #fff;
  font-weight: 200;
  padding: 0.2rem 0.5rem;
  z-index: 999;
  font-size: 1.0rem;
  line-height: 1.0;
  display: inline-flex;
}

.suggestions .cat_info.home_loan {
  background: #4775ff;
}

.suggestions .cat_info.business_loan {
  background: #de414a;
}

.suggestions .cat_info.personal_loan {
  background: #ff895a;
}

.suggestions .cat_info.loan_against_property {
  background: #2595ff;
}

.suggestions .cat_info.loan_against_securities {
  background: #20e2d0;
}

.suggestions .cat_info.digital_loan {
  background: #e9aa14;
}

.suggestions .cat_info.other_loan {
  background: #13c6b5;
}

.loan_page_header {}

.loan_page_header>div {
  top: 0;
  left: 0;
}

.home_loan {}

.home_loan h2 {
  color: #312783;
  font-weight: 700;
  font-size: 1.3rem;
}

.custom_checkbox input {
  width: 2.0rem;
  height: 1.8rem;
}

.gender_button {
  margin: 0.8rem 0 0;
}

.gender_button .checkmark {
  width: 2.0rem;
  height: 1.8rem;
  border-radius: 0.2rem;
}

.gender_button .custom_checkbox .checkmark::befor {
  content: 'm';
}

.gender_button .custom_checkbox span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gender_button .other_btn.custom_checkbox input {
  width: 5.0rem;
  cursor: pointer;
}

.gender_button .other_btn.custom_checkbox input:hover {
  cursor: pointer;
}

.gender_button .other_btn .checkmark {
  width: 5rem;
}

.gender_button .custom_checkbox input:checked~.checkmark {
  background-color: #312783;
}

.gender_button .custom_checkbox input:checked~.checkmark::before {
  display: none;
}

.gender_button .custom_checkbox input:checked~.checkmark::before,
.gender_button .custom_checkbox input:checked~.checkmark::after {
  content: '';
  border: 0;
  border-width: 0;
}

.gender_button .custom_checkbox input:checked~span {
  color: #fff;
}

.dob_div {}

.dob_div .form-control {
  border: 1px solid;
  border-color: #000;
  border-radius: 5px;
  padding: 0px;
  width: 3rem;
  min-height: 2rem !important;
  height: auto;
  text-align: center;
  margin: 0 1rem 0 0;
}

.dob_div .form-control:last-child {
  width: 5rem;
}

#day-error {
  display: none !important;
}

#month-error {
  display: none !important;
}

#year-error {
  display: none !important;
}

#co_applicant-error {
  display: none !important;
}

#property_identified-error {
  display: none !important;
}

.help-block {
  color: #df1717;
}

.border-errors {
  border-bottom: 2px solid red !important;
}

.option_radio_btn {}

.option_radio_btn .custom_checkbox {
  position: relative;
  background-color: #f3f4f6;
}

.option_radio_btn .custom_checkbox input:checked~.checkmark {
  background-color: #312783;
}

.option_radio_btn .custom_checkbox input:checked~.checkmark::before {
  display: none;
}

.option_radio_btn .custom_checkbox input {
  width: 3.5rem;
  height: 2rem;
  border-radius: 0.5rem;
}

.option_radio_btn .custom_checkbox span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  border-radius: 0.5rem;
  align-items: center;
  justify-content: center;
}

.option_radio_btn .custom_checkbox span.text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.option_radio_btn .custom_checkbox input:checked~.checkmark::before,
.option_radio_btn .custom_checkbox input:checked~.checkmark::after {
  content: '';
  border: 0;
  border-width: 0;
}

.option_radio_btn .custom_checkbox input:checked~span.text {
  color: #fff;
  background: #312783;
}

.option_radio_btn .custom_checkbox .checkmark::after {
  display: none;
}

.property_identified_button {}

.property_identified_button .custom_checkbox {
  position: relative;
}

.property_identified_button .custom_checkbox .checkmark {
  display: none !important;
}

.property_identified_button .custom_checkbox input:checked~.checkmark {
  background-color: #312783;
}

.property_identified_button .custom_checkbox input:checked~.checkmark::before {
  display: none;
}

.property_identified_button .custom_checkbox input {
  width: auto;
  height: auto;
  border-radius: 0.5rem;
}

.property_identified_button .custom_checkbox span.text {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  border-radius: 0.5rem;
  padding: 0.3rem 0.5rem;
  border: 1px solid;
  border-color: #000;
}

.property_identified_button .custom_checkbox input {
  height: 0;
  width: 0;
  opacity: 0;
}

.property_identified_button .custom_checkbox input:checked~.checkmark::before,
.property_identified_button .custom_checkbox input:checked~.checkmark::after {
  content: '';
  border: 0;
  border-width: 0;
}

.property_identified_button .custom_checkbox input:checked~span.text {
  color: #fff;
  background: #312783;
}

.property_identified_button.property_identified_img_button .custom_checkbox input~span.text img {
  width: 1rem;
  height: auto;
  margin: 0 0.2rem 0 0;
}

.property_identified_button.property_identified_img_button .custom_checkbox input~span.text img.img2 {
  display: none;
}

.property_identified_button.property_identified_img_button .custom_checkbox input:checked~span.text img.img2 {
  display: block;
}

.property_identified_button.property_identified_img_button .custom_checkbox input:checked~span.text img.img1 {
  display: none;
}

.property_identified_button.property_identified_img_button .custom_checkbox input:checked~span.text {
  color: #fff;
  background: #312783;
}

.property_identified_button.property_identified_img_button.b2 .custom_checkbox span.text {
  width: 11rem;
}

.property_identified_button.property_identified_img_button.b2 .custom_checkbox input~span.text {
  justify-content: flex-start;
}

.property_identified_button.property_identified_img_button.b2 .custom_checkbox input~span.text img {
  width: 2rem;
  height: auto;
  margin: 0 0.5rem 0 0;
}

/*loan status*/
.loan_status {}

.loan_status .panel-heading {
  position: relative;
  transition: 0.70s;
  -webkit-transition: 0.70s;
  -moz-transition: 0.70s;
  -ms-transition: 0.70s;
  -o-transition: 0.70s;
}

.loan_status .panel-heading.active {
  background: #fff;
  padding: 0rem;
  border-radius: 7px;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.loan_status .panel-heading .panel-title {
  font-weight: 700;
  text-align: center;
  font-size: 1.2rem;
}

.loan_status .panel-heading .panel-title span {
  font-weight: 400;
  font-size: 1rem;
  display: block;
}

.loan_status .panel-heading .collapsed {}

.loan_status .panel-heading a::before {
  position: absolute;
  right: 1rem;
  top: calc(50% - 1rem);
  color: #000;
}

.loan_status .panel {
  background: #f3f4f6;
  padding: 2rem;
  margin: 0 0 2rem 0;
}

.loan_status .panel:last-child {
  margin-bottom: 0;
}

.loan_status .ph_clm::after {
  content: '';
  width: 1px;
  height: 1.2rem;
  background: #000;
  position: absolute;
  right: 0;
}

@media (max-width: 767.98px) {
  .loan_status .ph_clm::after {
    display: none;
  }
}

.loan_status .ph_clm:last-child::after {
  display: none;
}

.loan_status .loan_status_activity {}

.loan_status .loan_status_activity .activity_status {
  position: relative;
  display: flex;
  min-height: 10rem;
  align-items: flex-start;
}

.loan_status .loan_status_activity .activity_status:last-child {
  min-height: auto;
}

.loan_status .loan_status_activity .activity_status .icon {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 2rem 0;
}

.loan_status .loan_status_activity .activity_status .icon::after {
  content: '';
  width: 1px;
  height: 100%;
  position: absolute;
  top: 4rem;
  border-right: 1px dotted;
  border-color: #000;
}

.loan_status .loan_status_activity .activity_status:last-child .icon::after {
  display: none;
}

.loan_status .loan_status_activity .activity_status.completed .icon {
  background: #312783;
  color: #fff;
}

.loan_status .loan_status_activity .activity_status .icon img {
  max-width: 2.2rem;
  max-height: 2.2rem;
}

.loan_status .loan_status_activity .activity_status .icon img.img1 {
  display: block;
}

.loan_status .loan_status_activity .activity_status .icon img.img2 {
  display: none;
}

.loan_status .loan_status_activity .activity_status.completed .icon img.img2 {
  display: block;
}

.loan_status .loan_status_activity .activity_status.completed .icon img.img1 {
  display: none;
}

.loan_status .loan_status_activity .activity_status.completed .content {
  background: #fff;
  padding: 1.0rem 3.0rem;
  margin: 0 0 3.0rem 0;
  position: relative;
  border: 1px solid;
  border-color: #e6e6e6;
  border-radius: 5px;
}

.loan_status .loan_status_activity .activity_status.completed .content ul li {
  padding: 0 0 0.5rem 0;
}

.loan_status .loan_status_activity .activity_status.completed .content ul li:last-child {
  padding-bottom: 0;
}

.loan_status .loan_status_activity .activity_status.completed .content::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid rgba(255, 255, 255, 1.0);
  left: -10px;
  top: 1rem;
}

.loan_status .loan_status_activity .activity_status .content span {
  color: #aca8a8;
  padding: 0 2rem 0 0;
  display: none;
}

.loan_status .loan_status_activity .activity_status.completed .content span {
  color: #aca8a8;
  padding: 0 2rem 0 0;
  display: inline-flex;
  align-items: center;
}

.loan_status .loan_status_activity .activity_status.completed .content span:last-child {
  padding-right: 0;
}

.user_content .user_main_content.loan_status .activity_status h3 {
  color: #000;
  margin-top: 1rem;
}

.user_content .user_main_content.loan_status .activity_status.completed h3 {
  color: #312783;
  margin-top: 0;
}

/*end of loan status*/
/*user dashboard*/
.user_dashboard_cnt {}

.user_content .user_main_content.user_dashboard_cnt h1 {
  font-size: 2.6rem;
  font-weight: 700;
}

.user_content .user_main_content.user_dashboard_cnt h1 span {
  font-weight: 400;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_wraper {
  padding: 2rem 0 2rem 1rem;
  background: #f3f4f6;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.3);
  margin: 5rem 0 0;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt {
  background: url("../images/credit_score_bg0.png") no-repeat;
  background-size: 100%;
  height: 20rem;
  display: flex;
  align-items: center;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_wraper .overlay_img {
  background: url("../images/credit_score_bg2.png") no-repeat;
  background-size: 100%;
  height: 11rem;
  width: 12rem;
  padding: 1.0rem 2.0rem 3.5rem;
  line-height: 1.0;
  position: absolute;
  top: 3.5rem;
  left: 3.5rem;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt .cridit_score_info {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.0;
  margin-bottom: 1rem;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt .cridit_score_info span {
  font-size: 6.2rem;
  font-weight: 900;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt .cridit_vector img {
  width:
    /* 25rem*/
    100%;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt2 {
  background: url(../images/credit_score_bg0.png) no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
  padding-top: 2em;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt2 .cridit_score_info2 {
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.0;
  margin-bottom: 1rem;
}

.user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt2 .cridit_score_info3 {
  color: #fff;
  margin-bottom: 1rem;
  padding: 0 8em;
  text-align: center;
}










/*end of user dashboard*/
.product_offer_cnt {}

.product_offer_cnt .gj-dropdown-md [role="presenter"] {
  border: 0;
}

.product_offer_cnt .gj-dropdown-md [role="presenter"]>span:first-child {
  text-decoration: underline;
}

.product_offer_cnt .loan_offers .heading1,
.product_offer_cnt .loan_offers .heading2 {
  font-size: 1.8rem;
}

.product_offer_cnt .loan_offers .card {
  border-radius: 1rem;
}

.product_offer_cnt .loan_offers .card>div:nth-child(2) {
  padding-top: 1rem;
}

.product_offer_cnt .gj-icon.arrow-dropdown::before,
.product_offer_cnt .gj-icon.arrow-dropup::before {
  color: #e30613;
}

fieldset.document_verification {
  background: #f3f4f6 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

fieldset.document_verification .card .card-header .btn-header-link::after {
  top: 0.0rem;
  right: 1.5rem;
}

fieldset.document_verification .card-header {
  background: transparent;
  border: 0;
  position: relative;
}

fieldset.document_verification .card-header a {
  color: #312783;
  font-size: 1.4rem;
  font-weight: 500;
}

fieldset.document_verification .card {
  border: 0;
  border-radius: 1.5rem;
  padding: 1rem 3rem;
  margin: 0 0 2rem;
}

fieldset.document_verification .accordion:last-child .card {
  margin-bottom: 0;
}

fieldset.document_verification .card-header a span {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #312783;
  color: #fff;
  margin: 0 0.5rem 0 0;
}

.drag-image {
  border: 1px dashed #c5c5c6;
  background: #f3f4f6;
  height: 300px;
  width: 100%;
  border-radius: 1.5rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}

.drag-image.active {
  border: 2px solid #fff;
}

.drag-image .icon {}

.drag-image .icon span {
  font-size: 5.0rem;
  color: #312783;
}

.drag-image h6 {
  font-size: 20px;
  font-weight: 300;
  color: #312783;
}

.drag-image span {
  font-size: 14px;
  font-weight: 300;
  margin: 0 0 1rem 0;
}

.drag-image button {
  padding: 1rem 2rem;
  font-size: 1.7rem !important;
  font-weight: 500;
  outline: none;
  background: #fff;
  border: 1px dashed #c5c5c6;
  border-radius: 0.5rem;
  cursor: pointer;
  transition: all 0.5s;
  color: #312783;
}

.drag-image button:hover {
  background: #fff;
  color: red;
}

.drag-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 5px;
}

.insta_loan_offer_cnt {}

.insta_loan_offer_cnt .card {}

.insta_loan_offer_cnt .card .cmn_heading {
  font-size: 1.6rem;
  font-weight: 600;
}

.insta_loan_info .col_cmn {
  position: relative;
}

.insta_loan_info .col_cmn::after {
  position: absolute;
  width: 1px;
  content: '';
  height: 1.5rem;
  background: #000;
  right: 0;
  top: calc(50% - 0.8rem);
}

.action_clm {}

.action_clm li {
  list-style: none;
}

.feature_btn {
  color: #312783;
}

.feature_btn:hover .feature_btn_tooltip {
  display: block;
}

.feature_btn_tooltip {
  display: none;
  background: #fff;
  position: absolute;
  z-index: 1000;
  width: 16rem;
  right: 0.5rem;
  top: -0.5rem;
  border-radius: 0.5rem;
  padding: 1rem;
  text-align: left;
  box-shadow: 0px 5px 7px rgba(0, 0, 0, 0.4);
  line-height: 1.1;
  font-size: 0.8rem;
}

.feature_list {
  padding: 0;
  margin: 0;
}

.feature_list li {
  list-style: none;
  color: #000;
  margin: 0 0 1rem;
  padding: 0 0 0 1rem;
  position: relative;
}

.feature_list li::after {
  content: '';
  width: 0.3rem;
  height: 0.3rem;
  position: absolute;
  background: #000;
  border-radius: 50%;
  left: 0;
  top: 5px;
}

.feature_list li:last-child {
  margin-bottom: 0;
}

#msform button {
  font-size: 1rem;
}

/*.form-control {
    background: transparent;
}*/
.form-control {
  background: transparent;
  /*border-bottom: none;*/
}

.ftr_subscibe .btn_subscibe {
  border: 1px solid;
  border-color: #fff;
  border-radius: 1.2rem;
  background: transparent;
  color: #fff;
  padding: 0.2rem 0.1rem 0.1rem 0.8rem;
  margin: 0 0 0 0.5rem;
  text-decoration: none;
}

.ftr_subscibe .btn_subscibe span {
  border-radius: 50%;
  background: #ef0d0e;
  color: #fff;
  display: inline-flex;
  width: 1.65rem;
  height: 1.65rem;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  margin: 0 0.1rem 0 0.5rem;
}

.ftr_subscibe .form-control {
  border-radius: 0rem;
  border: 0.0rem solid;
  border-color: #f3f4f6;
  min-height: auto;
  background: #fff;
  padding: 0.3rem 1rem;
  height: 2.0rem;
}

/* ======== ############# footer subscribe stylesheet ############# ======== */
.ftr_subscibe ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.2);
  opacity: 1;
  /* Firefox */
}

.ftr_subscibe :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.2);
}

.ftr_subscibe ::-ms-input-placeholder {
  /* Microsoft Edge */
  font-size: 0.9rem;
  color: rgba(0, 0, 0, 0.2);
}

.modal-dialog2 {
  width: 1000px;
  max-width: 90% !important;
}

h1.cmn_heading {
  font-size: 2.769rem;
  font-weight: 900;
  color: #0534bf;
}

.border_red .form-control {
  border: none;
}

.contact_us {
  position: relative;
}

.contact_us h1 {
  border-bottom: 2px solid;
  border-color: #000;
  padding: 0 0 0.5rem;
  margin: 0 0 1.0rem;
}

.contact_us .social_links li {}

.contact_us .social_links li a {
  margin-right: 1.0rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.5rem;
  height: 3.5rem;
  color: #312783;
  border: 3px solid;
  border-color: #312783;
  font-size: 1.8rem;
}

.contact_us .social_links li a:hover {
  text-decoration: none;
}

.form_radius {
  border-radius: 2rem;
}

.contact_us .contact_form {
  padding: 1.5rem 4rem;
  position: relative;
}

.contact_us .contact_form::before {
  content: '';
  background: url("../images/contact_form_img1.png") no-repeat bottom;
  background-size: 100%;
  position: absolute;
  width: 9rem;
  height: 100%;
  top: 0;
  left: -7rem;
}

.contact_us .contact_form::after {
  content: '';
  background: url("../images/contact_form_img2.png") no-repeat bottom;
  background-size: 100%;
  position: absolute;
  width: 7rem;
  height: 100%;
  top: 0;
  right: -4rem;
}

.contact_us textarea.form-control {
  background: #fff;
  padding: 1rem;
  border-radius: 1.5rem;
  border: 0;
}

.contact_us .btn {
  box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.3);
}

.become_partner {}

.become_partner .prtner_form {
  padding: 4rem 4rem;
}

.become_partner .document_upload {
  background: #f3f4f6 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.become_partner .document_upload .card {
  margin-bottom: 1.5rem;
}

.become_partner .document_upload .card:last-child {
  margin-bottom: 0rem;
}

.become_partner .document_upload .card .card-header .btn-header-link::after {
  top: 0.0rem;
  right: 1.5rem;
}

.become_partner .document_upload .card-header {
  background: transparent;
  border: 0;
  position: relative;
}

.become_partner .document_upload .card-header a {
  color: #312783;
  font-size: 1.4rem;
  font-weight: 500;
}

.become_partner .document_upload .card {
  border: 0;
  border-radius: 1.5rem;
  padding: 1rem 3rem;
  margin: 0 0 2rem;
}

.become_partner .document_upload .card-header a span {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #312783;
  color: #fff;
  margin: 0 0.5rem 0 0;
  font-size: 0.9rem;
}

.become_partner2 {
  /*   background-image: url(../images/man.png);*/
  background-repeat: no-repeat;
  background-size: 17%;
  background-position: 0px 20%;
}

.document_upload .accordion {
  margin-bottom: 1rem;
}

.gj-dropdown-md [role=presenter] {
  color: rgba(0, 0, 0, .6);
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  min-height: 3.1rem;
}

.gj-dropdown [role=presenter] [role=display] {
  font-family: 'Montserrat', sans-serif;
  font-size: 1rem;
  min-height: 3.1rem;
}

.cpo_btn {
  padding: 1.5rem 0 1.5rem 1rem;
  background: #f3f4f6;
  box-shadow: 0px 5px 7px rgb(0 0 0 / 30%);
  margin: 3rem 0 0;
}

.cpo_btn2 {
  padding: 0rem 0 0rem 1rem;
  background: #f3f4f6;
  box-shadow: 0px 5px 7px rgb(0 0 0 / 30%);
  margin: 3rem 0 0;
}

.cpo_btn img {
  max-width: 100%;
  height: auto;
}

.gift {
  padding-bottom: 0;
  padding-top: 0rem;
  width: auto;
  height: 9em;
  top: 1em;
  position: relative;
}

/*#myDIV {
    margin: auto;
    width: 110px;
    height: 30px;
    color: white;
    background-image: url(../images/mark.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 20%;
    background-position: right bottom;
    background-size: 100%;
    left: 23.5%;
}*/
#myDIV {
  margin: auto;
  width: 100px;
  height: 30px;
  color: white;
  background-image: url(../images/mark.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 17%;
  background-position: right bottom;
  background-size: 100%;
  left: 23.5%;
}

.tw01 {
  animation: twe 5s forwards;
  transform-origin: right center;
}

@keyframes twe {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(80deg);
  }
}




#myDIVho {
  margin: auto;
  width: 100px;
  height: 30px;
  color: white;
  background-image: url(../images/mark.png);
  background-repeat: no-repeat;
  position: absolute;
  bottom: 10%;
  background-position: right bottom;
  background-size: 100%;
  left: 30.5%;
}

.tw02 {
  animation: twe 5s forwards;
  transform-origin: right center;
}

@keyframes twe {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(80deg);
  }
}













.pb02 {
  padding-bottom: 0.6rem;
}

/*.about_header {
  background-color: #de414a;
  height: 50vh;
}*/

.about_header {}

.about_header>.bg {
  background-color: #de414a;
  height: 30rem;
  position: absolute;
  width: 100%;
}

.about_header .content .vector {
  position: relative;
  z-index: 2;
  margin-bottom: -6.3rem;
}

.about_header .content .vector img {
  height: 32rem;
  width: auto !important;
  max-width: auto;
}


@media (max-width: 767.98px) {
  .about_header .content .vector {
    margin-bottom: -6.2rem;
  }
}


h2.blue_heading {
  font-weight: 900;
  color: #0534bf;
}

.about_new_cnt {}

.about_new_cnt ul {
  padding: 0;
  margin: 0;
}

.about_new_cnt ul li {
  padding: 0 0 1.0rem 1.0rem;
  margin: 0;
  position: relative;
  list-style: none;
  font-weight: 500;
}

.about_new_cnt ul li::before {
  content: '';
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background: #312783;
  position: absolute;
  left: 0;
  top: 0.5rem;
}

/*.about_header img {
  max-width: 100%;
  height: auto;
}*/
.about_header .ab_text {
  background: #f3f4f6;
  padding: 1rem;
  box-shadow: 0 5px 7px rgb(0 0 0 / 20%);
}

.about_header .ab_text h1 {
  font-weight: 900;
  color: #0534bf;
}

.ptab {
  padding-top: 5rem !important;
}

.abim {
  z-index: +999;
  ;
}

.ab_text0 {
  /*margin-top: -4.7rem;*/
  margin-top: -6.2%;
}

@media (max-width: 767.98px) {}

.ab_content {
  /*padding-top: 18rem;*/
  background-image: url("../images/bg_new2.png");
  /*background-position: 50% 50%;*/
  background-position: bottom;
  background-repeat: no-repeat;
  padding-bottom: 5rem;
}

.ab_content h1 {
  font-weight: 900;
  color: #0534bf;
}

.ab_content h1 span {
  color: #e30613;
}

.my_text {
  text-align: center;
  margin-top: 2rem
}

.my_text h6 {
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  color: #000
}

.my_text p {
  color: #000;
}

.my_text img {
  height: 5rem;
  margin-bottom: 1.5rem;
}

.ab_content2 {
  background-image: url(../images/bg2-0.jpg);
  background-repeat: no-repeat;
  padding-top: 2.5rem;
  padding-bottom: 0.6rem;
  background-size: cover;
  min-height: 25em;
  background-position: 50% 50%;
}

.my_text2 {
  height: 21em;
}

.ab_content2 .row {
  max-width: 75%;
  margin: auto;
}

.my_text2 h6 {
  font-size: 1.7rem;
  font-weight: 700;
  text-align: center;
  color: #000;
  letter-spacing: 1px;
}

.my_text2 p {
  color: #fff;
  margin-top: 2rem;
  padding: 0 4em;
  font-size: 1.25rem;
}

.my_text2 img {
  height: 5rem;
  margin-bottom: 4rem;
}

.ab_content3 {
  background-color: #0d89ff;
  padding: 3rem 0;
}

.ab_content3 h1 {
  font-weight: 900;
  color: #fff;
}

.team0 {
  margin-bottom: 2rem;
  cursor: pointer;
}

.team0 img {
  max-width: 100%;
  border-radius: 1rem;
}

.teamtext {
  position: absolute;
  top: 0;
  height: 100%;
  width: 83.2%;
  background-color: rgb(0 0 0 / 60%);
  border-radius: 1rem;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
}

.team0:hover .teamtext {
  display: none;
  flex-direction: column;
  justify-content: flex-end;
  cursor: pointer;
}

.teamtext h6 {
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 0;
}

.teamtext p {
  color: #fff;
  font-size: 0.9rem;
  margin-bottom: 0;
}

.white_bg {
  background-color: #fff;
  border-radius: 1rem;
  height: 100%;
  background-image: url(../images/lamp.png);
  background-repeat: no-repeat;
  background-position: 90% 0;
  background-size: 5rem;
  width: 100%;
}

.rimg img {
  border-radius: 1rem;
  position: relative;
  margin-left: -1rem;
  max-width: 15em;
}

.rimg p {
  font-size: 0.9rem;
}

.showc {
  display: flex;
  justify-content: flex-end;
}

.showc1 {
  background-image: url(../images/line.jpg);
  background-repeat: no-repeat;
  background-position: 100% 50%;
  background-size: 0.1rem;
}

.soc_t {
  display: flex;
  justify-content: flex-start;
  padding-left: 2em;
  margin-top: 1em;
}

.slide_deti img {
  max-width: 1.5em;
  border-radius: 0;
  margin-right: 2em;
}

.slide_deti h3 {
  color: #312783;
  font-weight: 800;
}

.slide_deti span {
  color: #312783;
}

.ab_content4 {
  background-color: #f3f4f6;
  padding: 3rem 0;
  padding-top: 0;
  /*    background-image: url(../images/about/bg0.png);
*/
  background-repeat: no-repeat;
  background-position: 50% 0%;
  background-size: 38%;
  padding-bottom: 0;
}

.ab_content4 h1 {
  font-weight: 900;
  color: #0534bf;
  padding-top: 4rem;
}

.left_l .limg {
  background-color: #fff;
  padding: 1rem;
  border-radius: 10rem;
  width: 12rem;
  height: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.left_l .limg img {
  max-width: 100%;
  height: 6rem;
}

.left_l {
  display: flex;
  align-items: center;
  padding-left: 3rem;
  /*    margin-top: 10rem;
*/
}

.left_lt img {
  max-width: 100%;
}

.left_lt h6 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #e9aa14;
  margin-bottom: 0;
}

.left_lt p {
  color: #000;
}

.left_l2 img {
  max-width: 100%;
  border-top-left-radius: 5rem;
  position: relative;
  z-index: +9;
}

.left_l2 .border_i {
  border-top-left-radius: 6rem;
  position: absolute;
  width: 88%;
  height: 100%;
  border: 1px solid #bdbdbf;
  top: -1rem;
  left: 0;
  z-index: 1;
}

.left_l2 {
  display: flex;
  flex-direction: row-reverse;
  margin-top: 0;
}

/*.left_l3{
	margin-top: 5rem;
}*/
.left_l4 img {
  border-radius: 0;
  border-top-right-radius: 5rem;
}

.left_l4 .border_i2 {
  border-radius: 0;
  border-top-right-radius: 6rem;
  position: absolute;
  width: 88%;
  height: 100%;
  border: 1px solid #bdbdbf;
  top: -1rem;
  left: 2.3rem;
  z-index: 1;
}

.line01 img {
  border-radius: 0;
}

.left_lt01 {
  text-align: right;
  padding-right: 0.4rem;
}

.left_lt01 h6 {
  color: #2595ff;
}

.limg2 img {
  border-radius: 0;
}

.left_l0 {
  margin-top: 5rem;
}

.or {
  color: #ff895a !important;
}

.pink01 {
  color: #fe346e !important;
}

.title_bg::before {
  content: "";
  background-image: url(../images/b1.png);
  background-repeat: no-repeat;
  width: 39.8rem;
  height: 16em;
  position: absolute;
  background-size: 40rem;
  background-position: 100% 50%;
  display: flex;
  justify-content: space-around;
  margin: auto;
  left: 0;
  /* right: 0; */
  right: 85px;
}

.milt {}

.milt::before {
  content: "";
  background-image: url(../images/b2.png);
  background-repeat: no-repeat;
  width: 60rem;
  height: 21em;
  position: absolute;
  background-size: 39rem;
  background-position: left top;
}

.col_two::before {
  content: "";
  background-image: url(../images/b3.png);
  background-repeat: no-repeat;
  width: 60rem;
  height: 21em;
  position: absolute;
  background-size: 39rem;
  background-position: right top;
}

.title_bg {
  height: 16rem;
  width: 100%;
}

.col_one {
  height: 20.7rem;
  display: flex;
  width: 60rem;
  float: right;
  margin-left: 21rem;
}

.mtm {
  padding-top: 2rem;
}

.col_two {
  height: 20.7rem;
  display: flex;
  width: 60rem;
  float: right;
  margin-right: 21rem;
}

.left_l02 {
  display: flex;
  align-items: center;
  padding-right: 2rem;
  /* margin-top: 10rem; */
  flex-direction: row-reverse;
}

.left_l02 .limg {
  background-color: #fff;
  padding: 1rem;
  border-radius: 10rem;
  width: 12rem;
  height: 12rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.left_l02 .limg img {
  max-width: 100%;
  height: 6rem;
}

.left_l02 h6 {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1;
  color: #e9aa14;
  margin-bottom: 0;
  text-align: right;
}

.left_l02 p {
  color: #000;
  text-align: right;
}

.milto {
  margin: auto !important;
  display: flex;
  justify-content: space-around;
}

.left_l02 h6 {
  color: #2595ff;
}

.col_last {
  height: 15rem;
  display: flex;
  width: 60rem;
  float: right;
  margin-right: 21rem;
}

.col_last::before {
  content: "";
  background-image: url(../images/b4.png);
  background-repeat: no-repeat;
  width: 60rem;
  height: 15em;
  position: absolute;
  background-size: 39rem;
  background-position: right top;
}

.mshow {
  display: none;
}

.pro_content1 {
  padding: 4rem 0;
}

.pro_content1 h1 {
  font-weight: 900;
  color: #0534bf;
  padding-bottom: 1rem;
}

.pro_blue {
  background-color: #312783;
  padding: 3rem 3rem 3rem 3rem;
  border-radius: 3rem;
}

.carousel_se_03 {
  background-color: #f3f4f6;
}

.sl_bg {
  background-color: #FFF;
  border-radius: 1.5rem;
  /* text-align: center; */
  padding: 3rem 1.2rem;
  display: flex;
  align-items: center;
  margin: 0 1rem;
  min-height: 10rem;
}

.sl_bg .sl_bg_l {
  width: 10%;
  margin-right: 1rem;
}

.sl_bg .sl_bg_r {
  width: 90%;
}

.sl_bg_r h6 {
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 800;
}

.sl_bg_r p {
  margin-bottom: 0;
  font-weight: 500;
}

.carousel_se_03_carousel .owl-dot.active span {
  background: #312783 !important;
}

.carousel_se_03_carousel .owl-dot span {
  width: 1rem !important;
  height: 1rem !important;
  background: #fff !important;
  margin: 0.3em !important;
}

.pro2_content {
  padding: 4rem 0;
}

.pro2_content h1 {
  font-weight: 900;
  color: #0534bf;
}

.pro_th3 img {
  max-width: 50%;
  border-radius: 1rem;
  margin-bottom: 1rem;
}

.pro_th3 p {
  font-size: 1.3rem;
  font-weight: 700;
  padding: 0 1.5rem;
}

.pro_th3 ul {
  text-align: left;
  padding: 0 0.5rem;
  max-width: 80%;
  margin: auto;
  font-size: 1rem;
  font-weight: 600;
}

.pro_th3 li {
  margin-bottom: 1rem;
}

.row2 {
  max-width: 80%;
  margin: auto;
  margin-top: 2rem;
}

.row3 {
  max-width: 40%;
  margin: auto;
  display: flex;
  justify-content: center;
}

.row4 {
  max-width: 53.5%;
  margin: auto;
  margin-top: 2rem;
}

.bluep {
  background-color: #312783;
  padding: 3rem 0;
}

.bluep h1 {
  font-weight: 900;
  color: #fff;
}

.pro_v img {
  max-width: 100%;
}

.pro_LOGO {
  padding: 3rem 0;
  background-color: #f3f4f6;
}

.pro_LOGO img {
  max-width: 100%;
}

.pro_LOGO img {
  max-width: 100%;
  width: 12rem;
}

.pro_v video {
  background-color: #000;
}

.pro_from ::placeholder {
  color: #fff !important;
}

.pro_from input {
  color: #fff !important;
  border-bottom: solid 1px #fff !important;
}

.pro_from .ctext {
  background-color: #f3f4f6;
  border-radius: 1.5rem;
  text-align: center;
  padding: 1rem 0;
  margin: auto;
}

.pro_from2 input {
  color: #fff !important;
  border-bottom: none !important;
}

.pro_from2 .slider {
  border-bottom: solid 1px #fff !important;
  height: 2px !important;
}

.pro_from2 label {
  color: #fff;
}

.ctext h6 {
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
  margin-bottom: 0;
}

.ctext_t6 {
  font-size: 1.3rem !important;
}

.ctext p {
  color: #000;
  margin-bottom: 0;
}

.maxw {
  max-width: 100%;
}

.hscrll {
  max-height: 200px;
  overflow-y: scroll;
  padding-right: 1rem;
  margin-bottom: 1rem;
}

.hscrll::-webkit-scrollbar {
  width: 4px !important;
}

/* Track */
.hscrll::-webkit-scrollbar-track {
  background: #EEE !important;
}

/* Handle */
.hscrll::-webkit-scrollbar-thumb {
  background: #888 !important;
}

/* Handle on hover */
.hscrll::-webkit-scrollbar-thumb:hover {
  background: #555 !important;
}

.pro_from .gj-dropdown-md [role=presenter] {
  color: #fff;
  border-bottom: #fff 1px solid;
}

.pro_from .sp {
  color: #fff;
  font-size: 0.7rem;
}

.cal_im {
  position: absolute;
  bottom: -2rem;
  width: 12rem;
  left: -6rem;
}

.home_loan .form-control {
  background: transparent;
  border-bottom: 1px #000 solid;
}

.with-errors input {
  border-bottom: 2px solid #df1717 !important;
}

.with-errors select {
  border-bottom: 2px solid #df1717 !important;
}

/*/*custom css* /*/
.o1 {
  width: 20%;
  background-color: #312783;
  padding: 0.8em;
  color: #fff;
  text-align: center;
  font-size: 1.1rem;
  font-weight: 600;
}

.o2 {
  width: 20% !important;
  padding: 0.8em;
  font-weight: 400;
  text-align: center;
  font-size: 1rem;
}

/*.o3 {
    width: 20% !important; padding: 0.8em; font-weight: 400;
}
.o4 {
    width: 20% !important; padding: 0.8em; font-weight: 400;
}
.o5 {
    width: 20% !important; padding: 0.8em; font-weight: 400;
}*/
.brd {
  border-bottom: solid 1px #d2d2d2;
  margin-left: 0rem;
}

.tab01-0 {
  overflow: scroll;
}

.tab01_w {
  width: 200%;
}

.sel {
  max-width: 40%;
}

.mob01 {
  background-color: #fff;
  width: 95%;
  margin: auto;
  padding: 10px 0;
  border-radius: 10px;
  padding-top: 0;
}

.mob01 .nav-tabs .nav-link.active {
  color: #312783;
  background-color: #fff;
  border-color: transparent;
  font-weight: 500;
  font-size: 1.2em;
  border-top-left-radius: 10px;
}

.mob01 .nav-tabs {
  border-bottom: 0;
  display: flex;
  justify-content: space-between;
}

.mob01 .tab-content {
  width: 95%;
  margin: auto;
}

.mob01 .nav-tabs .nav-item {
  width: 50%;
}

.nav-tabs .nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  color: #000;
  background-color: #f3f4f6;
  border-color: transparent;
  font-weight: 500;
  font-size: 1.2em;
  /* border-top-left-radius: 0;*/
}

.tab01-01 {
  background-color: #f3f4f6;
  padding: 0.5em 0.8em;
  margin-top: 1em;
}

.opi {
  max-width: 65%;
}

.off_tab01 {
  background-color: transparent;
  padding-left: 0em;
  padding-top: 0em;
  padding-bottom: 0em;
  padding-right: 0em;
  border-radius: 1em;
}

.mobil_pan {
  display: none;
}

#mob_op .loan_offers .card .card-header .btn-header-link:after {
  display: none;
}

.pl-h {
  padding-left: 0;
}

.xscroll {
  width: 500px;
}

.xscroll0 {
  overflow-x: scroll;
}

.offr {
  font-size: 1rem;
}

.offm {
  max-width: 87% !important;
}

.commn_h1 {
  font-weight: 900;
  color: #0534bf;
}

.border_red {
  border: solid 1rem #f23734;
  border-radius: 3rem;
  padding-top: 1rem;
  padding-bottom: 1rem;
  background-color: #fff;
}

@font-face {
  font-family: DG;
  src: url("../fonts/DS-DIGI.TTF");
}

@font-face {
  /*font-family: Neometric Alt Bold (Regular);*/
  font-family: Neometric-Alt-Bold;
  src: url("../fonts/Neometric%20Alt%20Bold%20%28Regular%29.otf");
}

.dg2 {
  font-family: DG;
  text-align: center;
  font-size: 4rem;
  line-height: 1;
  background-color: #f3f4f6;
  border-radius: 1.4rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-left: 0.5em;
  padding-right: 0.5em;
}

.gbg {
  background-color: #f3f4f6;
}

.g_h5 {
  font-size: 1.25rem;
  font-weight: 600;
}

.bbo {
  border-bottom: solid 1px #b8b3b3;
}

.g_h6 {
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: 600;
  color: #000;
  padding: 0 0.5em;
}

.blue_d {
  color: #312783;
  margin-bottom: 0;
}

.gbg2 {
  background-color: #f3f4f6;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-top: 2rem;
  padding-left: 5rem;
  padding-right: 4rem;
}

.gbg3 {
  background-color: #f3f4f6;
  margin-top: 3rem;
  margin-bottom: 3rem;
  padding-top: 1rem;
  padding-bottom: 2rem;
}

.gbg2 img {
  min-height: 1rem;
}

.gbg2 img {
  /* max-height: 31rem; */
  max-width: 40%;
}

.gbg li {
  margin-bottom: 0.8rem;
}

.gbox {
  min-height: 27rem;
}

.gbg3 h1 {
  font-size: 3.4rem;
  line-height: 1;
  font-weight: bold;
}

.gbg3 h1 span {
  font-size: 1.2rem;
  line-height: 1;
  font-weight: 400;
}

.amt p {
  font-size: 1.25rem;
  font-weight: bold;
}

#arc,
#arc::before {
  display: block;
  box-sizing: border-box;
  border-radius: 100%;
  width: 10rem;
  height: 10rem;
  position: absolute;
  background-color: transparent;
  padding: 0;
  margin: 0;
  right: 30%;
  top: 0;
}

#arc {
  border: solid #ce2725 1.1rem;
  clip: rect(0px, 10rem, 10rem, 0px);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#arc::before {
  content: '';
  border: solid #e8b6b7 1.1rem;
  top: -1.1rem;
  left: -1.1rem;
  clip: rect(0px, 5.5rem, 10rem, 0px);
  transform: rotate(323deg);
}

.em1 {
  border-top: solid 1px #e8b6b7;
  position: absolute;
  bottom: -1.5rem;
  line-height: 1;
  padding-top: 0.5rem;
}

.em1 span {
  font-size: 0.8em;
  font-weight: 500;
}

.em2 {
  border-top: solid 1px #ce2725;
  position: absolute;
  top: 1rem;
  line-height: 1;
  padding-top: 0.5rem;
  right: -3px;
  width: 45%;
  padding-left: 3.2rem;
  z-index: 999;
}

.em2 span {
  font-size: 0.8em;
  font-weight: 500;
}

.man3 {
  position: absolute;
  right: 1%;
  width: 25%;
  z-index: +9;
  bottom: calc(100% - 93%);
}

.box_s {
  -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 75%);
  -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 3px 0px rgb(0 0 0 / 45%);
  min-height: 35rem;
  border-radius: 1rem;
  height: 100%;
  margin-bottom : 5%
}

.blu01 {
  background-color: #167efd;
  border-radius: 1rem;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  margin-bottom: 1.5rem;
  min-height: 16rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.red01 {
  background-color: #fd3c39;
  border-radius: 1rem;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  margin-bottom: 1.5rem;
  min-height: 16rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.yell01 {
  background-color: #fe9525;
  border-radius: 1rem;
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
  margin-bottom: 1.5rem;
  min-height: 16rem;
  justify-content: center;
  align-items: center;
  display: flex;
}

.light0 {
  color: #bdbdbe;
}

.cal0 .form-group label {
  color: #000;
  font-weight: 600;
  font-size: 1.1rem;
  margin-bottom: 0;
}

.calprl {
  padding-left: 3rem;
}

.org0 {
  border-color: #fe9525;
}

.ble0 {
  border-color: #1378f2;
}

.arc2 {}

.arc2 {
  border-color: #fe9525 !important;
}

.arc2::before {
  border-color: #f6d7b7 !important;
}

.em3 {
  border-color: #f6d7b7 !important;
}

.em4 {
  border-color: #fe9525 !important;
}

.gbg5 img {
  /* max-height: 31rem; */
  max-width: 80%;
}

.cal_im2 {
  bottom: -4rem;
}

.man3_s {
  bottom: 7.2%;
}

.ble02 {
  border-color: #286fa9;
}

.cal_im3 {
  bottom: -2rem;
  width: 9rem;
}

.calc {
  background-image: url(../images/cal.png);
  background-repeat: no-repeat;
  background-position: 100% 0%;
  background-size: 8%;
}

.cal0 {
  display: flex;
  align-items: center;
}

.pre_e {
  display: flex;
  width: 100%;
  align-items: center;
}

.pre_e1 {
  display: flex;
  padding-left: 1rem;
  margin-top: 0;
}

.pre_e1 .custom_checkbox input {
  width: 1.6rem;
  height: 1rem;
}

.pre_e1 label {
  margin-right: 0 !important;
  margin-left: 1rem;
}

.month0 button {
  min-height: 1rem !important;
  border: 0 !important;
}

.month0 .gj-dropdown {
  position: absolute;
  right: 0;
  width: 40% !important;
}

/*.month0 .btn_white, .gj-dropdown-md [role="presenter"] {
    background: transparent;
    box-shadow: none;
    padding: 0;
    border-radius: 0;
    font-size: inherit;
    color: initial;
    font-weight: 600;
    line-height: 1.0;
    display: block;
    align-items: center;
    justify-content: center;
}*/
.pie-chart {
  background: radial-gradient(circle closest-side, #f3f4f6 0%, #f3f4f6 70%, transparent 70%, transparent 90%, #f3f4f6 0), conic-gradient(from 17deg, #fe9525 0%, #fe9525 20%, #f6d7b7 0, #f6d7b7 0%);
  position: relative;
  width: 12em;
  min-height: 12em;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.pie-chart figcaption {
  position: absolute;
  bottom: 1em;
  right: 1em;
  font-size: smaller;
  text-align: right;
}

.pie-chart span:after {
  display: inline-block;
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.4em;
  border-radius: 0.2em;
  background: currentColor;
}

.pie-chart2 {
  background: radial-gradient(circle closest-side, #f3f4f6 0%, #f3f4f6 70%, transparent 70%, transparent 90%, #f3f4f6 0), conic-gradient(from 17deg, #ce2725 0%, #ce2725 20%, #e8b6b7 0, #e8b6b7 0%);
  position: relative;
  width: 12em;
  min-height: 12em;
  margin: 0;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 0px #f3f4f600;
  outline: 0;
}

.pie-chart2 figcaption {
  position: absolute;
  bottom: 1em;
  right: 1em;
  font-size: smaller;
  text-align: right;
}

.pie-chart2 span:after {
  display: inline-block;
  content: "";
  width: 0.8em;
  height: 0.8em;
  margin-left: 0.4em;
  border-radius: 0.2em;
  background: currentColor;
}

#open_data {
  display: none;
}

#cal_img {
  display: none;
}

.save_em button {
  box-shadow: none !important;
  padding: 0 !important;
  border-radius: 0 !important;
}

.drop_cus0 button {
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/*.btn-default_2{
    background: #e30613;
    color: #fff;
    font-weight: 600;
    border-radius: 2rem;
    padding: 0.5rem 1rem 0.8rem 2.5rem;
    position: relative;
    border: 0;
    font-size: 1.2rem;
    line-height: 1.0;
    transition: 0.70s;
    -webkit-transition: 0.70s;
    -moz-transition: 0.70s;
    -ms-transition: 0.70s;
    -o-transition: 0.70s;
}*/
#brands_slider img {
  width: 75%;
  margin: auto;
}

#brands_slider .owl-item {
  height: 6rem !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

#brands_slider .owl-dots .owl-dot span {
  background-color: #312783;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  height: 0.4rem;
  margin: 0px 0px;
  width: 3rem;
  opacity: 10;
}

#brands_slider .owl-dots .owl-dot.active span {
  background: #fd3c39;
}

#brands_slider img:hover {
  opacity: 0.5;
}

#blog0_slider .owl-dots .owl-dot span {
  background-color: #312783;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  height: 0.4rem;
  margin: 0px 0px;
  width: 3rem;
  opacity: 10;
}

#blog0_slider .owl-dots .owl-dot.active span {
  background: #fd3c39;
}

.mshow_i {
  display: none !important;
}

#blog_item_slider .owl-dots .owl-dot span {
  background-color: #312783;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  display: block;
  height: 0.4rem;
  margin: 0px 0px;
  width: 3rem;
  opacity: 10;
}

#blog_item_slider .owl-dots .owl-dot.active span {
  background: #fd3c39;
}

/*#brands_slider .owl-dots .owl-dot span {
    width: 100%;
    background: #e30613;
    height: 0.5rem;
    border-radius: 0;
    opacity: 1.0;
}

*/
.man4 {
  margin: auto;
}

.be_man .form-control {
  background: transparent;
  border-bottom: solid 1px #000;
}

.be_man figure {
  width: 100%;
}

.be_man figure img {
  width: 100%;
}

.sidebar-item {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* Position the items */
}

.sticky_div {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  margin-top: 18rem;
  margin-right: -0.2rem;
}

.comon_drop button {
  background-color: transparent !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  border-bottom: #000 solid 1px !important;
  color: #495057 !important;
  text-align: left;
  font-weight: 400;
}

.comon_drop .dropdown-menu.show {
  width: 100%;
}

.comon_drop button {
  min-height: 3rem;
  background: #fff;
  padding: 0.7rem 0rem;
}

.comon_drop button::before {
  display: none;
}

.comon_drop .dropdown-toggle::after {
  display: flex;
  content: "";
  font-family: 'Material Icons';
  right: 0;
  position: absolute;
  height: 100%;
  justify-content: center;
  align-items: center;
  top: 0;
  /* border: 1px; */
  font-size: 1.6rem;
}

.comon_drop button:hover {
  padding: 0 !important;
}

.comon_drop .btn-group {
  width: 100%;
  background-image: url(../images/arrow_down.png);
  background-repeat: no-repeat;
  background-position: 99% 50%;
  background-size: 0.7rem;
}

.contact_form .form-control {
  background: transparent;
  border-bottom: solid 1px #000;
}

.home_loan .form-control {
  min-height: 3.8rem;
}

.gj-dropdown-md [role=presenter] {
  border-bottom: 1px solid rgba(0, 0, 0, 100);
}

#msform2 input {
  border-bottom: #000 solid 1px !important;
}

#loginForm input {
  border-bottom: #000 solid 1px !important;
}

#otpForm input {
  border-bottom: #000 solid 1px !important;
}

.mysmd button {
  border-bottom: 1px solid rgba(0, 0, 0, 0) !important;
}

.contact_form2 button {
  background: transparent;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#signupForm input {
  border-bottom: #000 solid 1px !important;
}

.modal-dialog {
  max-width: 40%;
}

/*/*custom css end* /*/

@media (max-width: 767.98px) {
  body {
    font-size: 11px;
    line-height: 1.4;
  }


  header {
    position: fixed;
    top: 0;
  }

  .white_bg {
    padding: 0.7em !important;
    background-position: 95% 0px;
    background-size: 4rem;
  }

  .ab_text0 {
    margin-top: -5.25rem
  }

  .dshow_i {
    display: none !important;
  }

  .mshow_i {
    display: block !important;
  }

  .ptab {
    padding-top: 6rem !important;
  }

  .testimonials_section .owl-dots {
    margin-top: 4rem !important;
    left: 0;
    right: 0;
    margin: auto;
  }

  #brands_slider .owl-dots {
    margin-top: 1rem !important;
    left: 0;
    right: 0;
    margin: auto;
  }

  .cal_im2 {
    bottom: -4rem !important;
  }

  .container {
    max-width: 100%;
  }

  .main_banner .container {
    max-width: 100%;
  }

  .offm {
    max-width: 100% !important;
  }

  .main_banner .banner_content h2 {
    font-size: 3rem;
  }

  .mobil_pan {
    display: block;
  }

  .cal_im {
    position: absolute;
    bottom: -1rem;
    width: 8rem;
    left: -2.5rem;
  }

  .cal_content .container {
    max-width: 100%;
  }

  .border_red {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .bbo {
    border-bottom: solid 1px #b8b3b3;
    text-align: center;
    /* padding: 10px 0 !important; */
    padding-bottom: 1.6rem !important;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .mtb01 {
    margin-top: 3rem;
    margin-bottom: 8rem;
  }

  .tc0 {
    text-align: center;
  }

  #arc {
    right: 55%;
  }

  .em1 {
    bottom: -1rem;
  }

  .calprl {
    padding-left: 1.5rem;
  }

  .calprl_2 {
    margin-top: 4em;
  }

  .em2 {
    top: 2rem;
    right: 47%;
    width: 22%;
  }

  .man3 {
    position: absolute;
    right: 1%;
    width: 40%;
    z-index: +9;
    bottom: calc(100% - 94%);
  }

  .dg2 {
    font-size: 2.4rem;
  }

  .gbg3 h1 {
    font-size: 2.4rem;
  }

  input::-webkit-input-placeholder {
    font-size: 1.0rem;
  }

  input:-moz-placeholder {
    font-size: 1.0rem;
  }

  /* FF 4-18 */
  input::-moz-placeholder {
    font-size: 1.0rem;
  }

  /* FF 19+ */
  input:-ms-input-placeholder {
    font-size: 1.0rem;
  }

  /* IE 10+ */
  /*.navbar {
    background: none;
}*/
  .navbar-brand {
    width: 10.5rem;
  }

  .navbar-light .navbar-toggler {
    border: 0;
  }

  .navbar-light .navbar-toggler:focus {
    border: 0;
    outline: none;
  }

  .navbar-toggler {
    padding: 0 1rem 0 0;
    border: 0;
  }

  .navbar-toggler span {
    font-size: 3.5rem;
    color: #fff;
  }

  .navbar-collapse.collapse {
    border-top: 1px solid;
    border-color: #e32131;
    background: #fff;
  }

  .navbar {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-brand {
    padding-left: 1rem;
    width: 8rem;
  }

  .navbar-light .navbar-nav .nav-item {
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.06);
    background: #fff;
  }

  .navbar-light .navbar-nav .nav-item .nav-link {
    padding: 1.2rem 1rem;
    color: #000;
    font-size: 1.0rem;
  }

  /*end of navigation menu stylesheet*/
  header .navbar {
    width: 100%;
    padding: 1rem 1rem;
    box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15);
    z-index: 9999;
  }

  .faq_page_header .vct {
    margin-left: -1rem;
  }

  .faq_page_header .vct .desktop {
    display: none;
  }

  .faq_page_header .vct .mobile {
    display: block;
  }

  .faq_page_header {
    height: 14.4375rem;
  }

  .faq_page_header .searchbar input {
    height: 3.5rem;
    border-radius: 0.5rem !important;
  }

  .faq_page_header .searchbar {
    padding: 0.5rem;
    border-radius: 0.5rem !important;
  }

  .main_content ul.loan_cat {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    padding: 0 0 0.5rem;
  }

  .main_content .loan_cat li a {
    height: 8rem;
    width: 8rem;
    margin: 0 1rem 1.5rem;
    padding: 0.5rem;
  }

  .main_content .loan_cat li:last-child a {
    margin-bottom: 0;
  }

  .main_content .loan_cat li a img {
    max-height: 2rem;
    max-width: 2rem;
  }

  .main_content .loan_cat li a {
    font-size: 0.8rem;
  }

  .main_content .loan_cat li a.active::before {
    display: none;
  }

  .faq_content .panel {
    padding: 1.5rem 0;
  }

  .faq_content .panel .panel-title {
    font-size: 1.5rem;
  }

  .faq_content .panel .cat_info {
    font-size: 0.8rem;
  }

  .main_content ul.loan_cat {
    border-bottom: 0;
  }

  .search_icon {
    right: 2.5rem;
  }

  .faq_page_header .searchbar input {
    padding-right: 3rem;
  }

  footer {
    padding: 2rem 0rem 0;
    background-size: auto 100%;
  }

  footer figure {
    width: 10rem;
  }

  footer figure img {
    width: 100%;
  }

  footer .ftr_links {
    margin-top: 2rem;
  }

  footer .footer_bottom {
    font-size: 0.9rem;
  }

  .page_floating_btn_wraper {
    position: absolute;
    width: 110%;
    right: 30px;
  }

  .user_content {
    padding-top: 4.5rem;
  }

  .grievances_cnt {
    background: #f3f4f6;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 0.7rem;
  }

  .user_grievances_cnt {
    background: #fff;
    padding: 1.0rem;
    border-radius: 0.8rem;
  }

  .user_content .user_main_content h2 {
    font-size: 1.1rem;
  }

  .user_content .raise_btn {
    justify-content: center;
    margin: 1rem 0 2rem;
  }

  .user_content .user_main_content h3 {}

  .user_header .navbar-toggler {
    display: none;
  }

  .user_page_title {
    font-size: 1.4rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0.5rem 0 1.5rem;
    color: #312783;
  }

  .user_page_title span {
    max-width: 2.0rem;
    padding: 0.0rem 0.3rem 0rem;
  }

  .user_page_title span img {
    width: 100%;
  }

  .home_loan .progress-bar {
    flex-wrap: wrap;
    justify-content: center;
  }

  .home_loan .progress-bar li {
    width: 33.33%;
    margin: 0 0 2rem;
  }

  .home_loan .progress-bar li:nth-child(3) {
    width: auto;
  }

  .home_loan .progress-bar li:nth-child(3)::after {
    display: none;
  }

  .home_loan .progress-bar li figure {
    width: 3.3rem;
    height: 3.3rem;
  }

  .home_loan .progress-bar li figure img {
    width: 1.8rem;
    height: 1.8rem;
  }

  .home_loan .ad_income_row label {
    width: 45%;
    font-size: 0.9rem;
  }

  .loan_offers {
    background: #fff;
    padding: 0rem 0.5rem 0.5rem;
  }

  .loan_offers .card {
    font-size: 0.6rem;
    margin-bottom: 1rem;
  }

  .mobile_nav_offers {}

  .mobile_nav_offers a {
    color: #000;
    display: flex;
    width: 50%;
    text-align: center;
    padding: 0.5rem;
    font-size: 1.2rem;
    justify-content: center;
    align-items: center;
    background: #f3f4f6;
  }

  .mobile_nav_offers a.active {
    background: #fff;
    color: #312783;
  }

  .mobile_nav_offers a:first-child.active {
    border-radius: 0.5rem 0rem 0 0;
  }

  .mobile_nav_offers a:last-child.active {
    border-radius: 0rem 0.5rem 0 0;
  }

  .loan_offers .heading1,
  .loan_offers .heading2 {
    font-size: 1rem;
  }

  .loan_offers .lc_logo {
    margin-left: 0;
    width: 3rem;
    height: 3rem;
  }

  #sidebar ul li.active>a,
  a[aria-expanded="true"] {
    background: none;
  }

  .loan_offers .overlay_cnt {
    margin-top: 0;
  }

  .insta_loan_offer_cnt .card .mb_div {}

  .insta_loan_offer_cnt .card .mb_div>div {
    background: #fff;
    padding: 0.3rem 1rem;
    border-radius: 5px;
  }

  .insta_loan_info .col_cmn:nth-child(1)::after,
  .insta_loan_info .col_cmn:nth-child(3)::after,
  .insta_loan_info .col_cmn:nth-child(4)::after {
    display: none;
  }

  .insta_loan_info .col_cmn:nth-child(2)::after {
    background: rgba(0, 0, 0, 0.1);
  }

  #Insta_loan_offers .action_clm .btn-default {
    width: 12rem;
  }

  .user_content .user_main_content h1 {
    font-size: 1.4rem;
  }

  .loan_status {}

  .loan_status .mobile_div {
    background: #fff;
    border-radius: 0.5rem;
    padding: 1.5rem 0.5rem;
  }

  .loan_status .panel {
    background: #fff;
    padding: 0.5rem;
  }

  .loan_status .panel .panel-heading.active {
    background: #f1f1f1;
    border-radius: 0.5rem;
  }

  .loan_status .loan_status_activity .activity_status.completed .content {
    padding: 0;
    border: 0;
  }

  .loan_status .loan_status_activity .activity_status.completed .content span {
    padding: 0 1rem 0 0;
  }

  .loan_status .panel-heading a::before {
    display: none;
  }

  .loan_status .panel-heading .ph_clm {
    margin-bottom: 2rem;
  }

  .loan_status .panel-heading .ph_clm:nth-child(3),
  .loan_status .panel-heading .ph_clm:nth-child(4) {
    margin-bottom: 2rem;
  }

  .loan_status .ph_clm:nth-child(2)::after,
  .loan_status .ph_clm:nth-child(4)::after {
    display: none;
  }

  .loan_status .panel {
    border-bottom: 1px solid;
    border-color: rgba(0, 0, 0, 0.1);
    padding-bottom: 1.5rem;
  }

  .loan_status .panel:last-child {
    border-bottom: 0px solid;
    border-color: rgba(0, 0, 0, 0.2);
  }

  .product_offer_cnt .loan_offers .heading1,
  .product_offer_cnt .loan_offers .heading2 {
    font-size: 1.1rem;
  }

  .insta_loan_offer_cnt .card .cmn_heading {
    font-size: 1.3rem;
  }

  .loan_offers .card .collapse.show {
    line-height: 20px;
    background-color: #ebecee;
  }

  .contact_us .contact_form::before {
    display: none;
  }

  .become_partner2 {
    /*  background-image: url(../images/man.png);
    background-repeat: no-repeat;
    background-size: 45%;
    background-position: -1px 60%;*/
    padding-left: 1.5em !important;
    padding-right: 1.5em !important;
    /* background-attachment: fixed;*/
  }

  .become_partner .prtner_form {
    padding: 4rem 1.8rem;
  }

  .become_partner .document_upload .card {
    padding: 1rem 0rem;
  }

  .drag-image h6 {
    font-size: 10px;
    font-weight: 600;
    text-align: center;
  }

  .drag-image button {
    font-size: 14px !important;
    font-weight: 500;
  }

  .drag-image {
    height: 220px;
  }

  .card-body {
    padding-top: 1em;
  }

  .become_partner .document_upload .card-header a {
    font-size: 12px;
  }

  .user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt {
    /*    background: url(../images/credit_score_bg0.png) no-repeat;
*/
    background-size: 300%;
    height: auto;
    display: flex;
    align-items: center;
    background-position: 0 -50px;
  }

  .c1 {
    padding-top: 8em;
  }

  #myDIV {
    bottom: 9%;
    left: 22.5%;
  }

  .cridit_score_info {
    background-color: #6101d4;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    margin-left: 0.7em;
  }

  .cpo_btn2 {
    padding: 0rem 0 1.5rem 1rem;
  }

  .gift {
    top: auto;
  }

  .user_content .user_main_content.user_dashboard_cnt .cridit_score_wraper .overlay_img {
    top: 7.5rem;
  }

  .user_content .user_main_content.user_dashboard_cnt .cridit_score_wraper {
    margin: 10rem 0 0;
  }

  .about_header .container {
    max-width: 100%;
  }

  .about_header .ab_text {
    box-shadow: none;
  }

  .about_header {
    height: auto;
    padding-top: 5em;
  }

  .ab_content {
    padding-top: 0;
    background-image: none;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    padding-bottom: 5rem;
    background-color: #f3f4f6;
  }

  .ab_content .container {
    max-width: 100%;
  }

  .ab_content2 .container {
    max-width: 100%;
  }

  .my_text2 p {
    padding: 0 0em;
    font-size: 1rem;
  }

  .ab_content2 .row {
    max-width: 100%;
  }

  .ab_content2 {
    background-image: url(../images/mobileb.jpg);
    background-repeat: no-repeat;
    padding-top: 2.5rem;
    padding-bottom: 0.6rem;
    background-size: cover;
    min-height: 24rem;
    background-position: center top;
  }

  .deskmo {
    display: none;
  }

  .mimg {
    width: 5rem;
    height: 5rem;
    background-color: #fff;
    border-radius: 10rem;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    margin-left: 0.8em;
  }

  .momi {
    max-width: 100%;
    height: 2.5rem;
  }

  .ab_content4 .container {
    max-width: 100%;
  }

  .mol01 {
    background-image: url(../images/hline.png);
    background-position: 15% 100%;
    background-repeat: no-repeat;
    height: 28rem;
    display: flex;
    align-items: flex-start;
    background-size: 1.5rem;
    padding-top: 5em;
  }

  .auti {
    max-width: 100%;
    transform: rotate(180deg);
  }

  .mimg2 h6 {
    font-size: 20px;
    font-weight: 700;
    line-height: 1;
    color: #e9aa14;
    margin-bottom: 0;
  }

  .mline {
    margin: 5px 0px;
  }

  .mol00 {
    height: 20rem;
    background-position: 15% 100%;
    display: flex;
    align-items: flex-start;
    padding-top: 2em;
  }

  .cimg {
    width: 60%;
    margin-top: 2rem;
  }

  .cimg img {
    max-width: 100%;
    border-top-left-radius: 5rem;
    position: relative;
    z-index: +9;
  }

  .cimg .border_mi {
    border-top-left-radius: 5.5rem;
    position: absolute;
    width: 50%;
    height: 11em;
    border: 1px solid #bdbdbf;
    bottom: 8px;
    left: 3%;
    z-index: 1;
  }

  .mblu {
    color: #2595ff !important;
  }

  .mshow {
    display: block;
  }

  .title_bg::before {
    display: none;
  }

  .showc {
    padding: 0 !important;
  }

  .showc1 {
    background-image: none;
    padding: 0 !important;
  }

  .pro_content1 .container {
    max-width: 100%;
    text-align: center;
  }

  .ctext h6 {
    font-size: 1.2rem;
  }

  .pro_from .ctext {
    border-radius: 1.5rem;
    text-align: center;
    padding: 1rem 0;
    margin: auto;
  }

  .pro_blue {
    width: 90%;
    margin: auto;
  }

  .maxw {
    max-width: 100%;
  }

  .pro2_content .container {
    max-width: 100%;
  }

  .row2 {
    max-width: 100%;
  }

  .pro_th3 {
    margin-bottom: 2rem;
  }

  .row3 {
    max-width: 100%;
    margin: auto;
  }

  .bluep .container {
    max-width: 100%;
  }

  .pro_v video {
    background-color: #000;
    height: 155px;
  }

  .pro_LOGO .container {
    max-width: 100%;
  }

  .pro_LOGO .col-md-3 {
    margin: 2rem 0;
  }

  .faq_tab .container {
    max-width: 100%;
  }

  .faq_tab .tab-content {
    margin-top: 2rem;
  }

  .row4 {
    max-width: 100%;
  }

  .slogo {
    min-height: 8em;
  }

  #slider_logo .item {
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
    flex-wrap: wrap;
  }

  #page_header {
    padding-top: 4.5rem;
  }

  h1,
  .h1 {
    font-size: 2rem;
  }

  .sl_bg_r h6 {
    font-size: 1rem;
  }

  .my_text2 {
    height: 23em;
  }

  #Insta_loan_offers {
    display: none;
  }

  fieldset.il_field {
    padding: 1rem 0px;
  }

  .loan_offers .card .card-header .btn-header-link:after {
    top: 1rem;
    font-size: 2rem;
  }

  .title_bg {
    height: 10rem;
  }

  button {
    display: inline-block;
  }

  #sync2 .item {
    margin-right: 5% !important;
    margin-left: 5% !important;
  }

  #sync2 .owl-stage .owl-item {
    width: 50% !important;
  }

  .flm {
    float: left;
    margin-bottom: 12% !important;
  }

  .drag-image .icon span {
    font-size: 3rem;
  }

  .drag-image .custom_browse_btn {
    padding: 0.7rem 1.5rem;
    font-size: 1.2rem !important;
  }

  h1 {
    font-size: 2rem !important;
  }

  .ptmobile {
    padding-top: 5em;
  }

  .ptmobile2 {
    padding-top: 12em;
  }

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

  .loan_offers .action-button {
    font-size: 1rem !important;
  }

  .sel_fr {

    margin-top: 0 !important;
    margin-bottom: 1rem;
  }

  .confirm0 {
    margin-top: 1rem;
  }

  .homemt {
    padding-top: 0 !important;
    margin-top: 4.5rem;

  }

  .sm_menu_outer {
    height: calc(100vh - 4.5rem);
  }

  fieldset {

    padding-left: 1rem;
    padding-right: 1rem;
  }

  fieldset.document_verification .card {
    padding: 1rem 1rem;
  }

  .user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt2 {
    background: url(../images/credit_score_bg0m.png) no-repeat;
    background-size: 100%;
    display: flex;
    align-items: center;
    padding-top: 2em;
    /* background-color: red; */
  }

  .hlc {
    width: 80%;
    margin-left: 16% !important;
    padding-top: 0;
  }

  .myDIV0 {
    width: 70px !important;
  }

  .user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt2 .cridit_score_info2 {

    font-size: 1.2rem;

    padding-left: 4rem;
  }

  .user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt2 .cridit_score_info3 {
    padding: 0 5em;
    text-align: center;
    padding-left: 4rem;
    padding-right: 1.5rem;
  }

  .taxd {
    background-color: #ffffff;
    width: 100% !important;
  }

  .taxr {
    align-items: center;
  }

}


/*Css End mobile*/






























@media (max-width: 575.98px) {
  .shallbyContainerStyle {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important
  }

  .headTitle {
    line-height: 3rem !important;
  }

  .shallbyHedingStyle {
    margin-top: 5rem;
  }

  .manImage {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {

  html,
  body {
    font-size: 10px;
    line-height: 1.0;
  }

  .ab_text0 {
    margin-top: 0rem;
  }

  h1 {
    font-size: 2.1rem;
    line-height: 1.2 !important;
  }

  footer {
    font-size: 0.65rem;
  }

  footer h2 {
    font-size: 1.4rem;
  }

  .container {
    max-width: 95% !important;
  }

  footer .social_links li {
    margin-right: 0.5rem;
    width: 1.7rem;
    height: 1.7rem;
    font-size: 0.9rem;
    padding-top: 0.1rem;
  }

  .ftr_subscibe .btn_subscibe span {
    width: 1rem;
    height: 1rem;
    font-size: 1rem;
  }

  .btn_subscibe {
    font-size: 0.6rem;
  }

  .row3 {
    max-width: 60%;
  }

  .row4 {
    max-width: 75%;
  }

  .ab_content {
    padding-top: 6rem;
  }

  /*.about_header {
    background-color: #de414a;
    height: auto;  
}*/
  .my_text2 p {
    margin-top: 3.5rem;
    padding: 0 1em;
  }

  .off_b {
    font-size: 0.7rem !important;

  }



  .shallbyContainerStyle {
    padding-left: 0rem !important;
    padding-right: 0rem !important
  }

  .headTitle {
    line-height: 3rem !important;
  }

  .shallbyHedingStyle {
    margin-top: 5rem;
  }

  .manImage {
    height: 54rem !important;
  }

  #showPopupIcon {
    width: 10% !important;

  }
}







/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
  /*html, body{font-size: 15px; line-height: 1.2;}
      header .navbar{width: 100%;}
      .navbar-light .navbar-brand{margin-left: 0 !important;}
      .navbar-light .navbar-toggler{color: #fff;}
      .navbar-light .navbar-toggler span{font-size: 3rem;}
      .navbar-light .navbar-nav .nav-item{border-bottom: 1px solid; border-color: rgba(0,0,0,0.06); background: #fff;}
      .navbar-light .navbar-nav .nav-item .nav-link{padding: 1.2rem 1rem; color: #000; font-size: 1.0rem;}*/


}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .navbar {
    padding-left: 1em;
    padding-right: 0;
    padding: 1.5rem 1.5rem;
    min-height: 7em;
    display: flex;
    align-items: flex-start;
    box-shadow: 0px 2px 10px rgb(0 0 0 / 15%);
  }

  #sm_menu_ham {
    margin-top: 1rem;
  }

  .sm_menu_outer {
    height: calc(100vh - 7rem);
  }

  .off_b::before {

    top: 0.7rem;
  }

  .off_b:hover::before {
    top: 0.7rem;
  }

  .loan_offers h5 {
    font-size: 1.05rem;
  }

  .title_bg::before {
    width: 52.8rem !important;
    height: 17em;
    background-size: 50rem;
    background-position: 50% 50%;
  }

  .col_one {
    height: 30rem;
    display: flex;
    width: 60rem;
    float: right;
    margin-left: 5rem;
    /* margin-right: 1rem; */
  }

  .milt::before {
    content: "";
    background-repeat: no-repeat;
    width: 60rem;
    height: 36em;
    position: absolute;
    background-size: 55.5rem;
    background-position: 0% 50%;
  }

  .col_two {
    height: 28rem;
    display: flex;
    width: 60rem;
    float: right;
    margin-right: 5rem;
  }

  .col_two::before {
    content: "";
    background-image: url(../images/b3.png);
    background-repeat: no-repeat;
    width: 60rem;
    height: 40em;
    position: absolute;
    background-size: 54.9rem;
    background-position: 100% 25%;
  }

  .title_bg::before {
    width: 56rem !important;
    height: 19.5em;
    background-size: 55rem;
    background-position: 100% 100%;
  }

  .col_last::before {
    content: "";
    background-image: url(../images/b4.png);
    background-repeat: no-repeat;
    width: 60rem;
    height: 31em;
    position: absolute;
    background-size: 55rem;
    background-position: 80% 100%;
  }

  .col_last {
    height: 31rem;
    display: flex;
    width: 60rem;
    float: right;
    margin-right: 5rem;
  }

  .slide_deti h3 {

    font-size: 1.4rem;
  }

  #myDIV {
    width: 55px;
    bottom: 10%;
    left: 27.5%;
  }

  .play0 {
    bottom: -1.5em !important;
    max-width: 15%;
  }

  .imh {
    min-height: 10em !important;
  }

  .shallbyContainerStyle {
    padding-left: 0rem !important;
    padding-right: 0rem !important
  }

  .headTitle {
    line-height: 3rem !important;
  }

  .shallbyHedingStyle {
    margin-top: 5rem;
  }
}

@media all and (device-width: 820px) and (device-height: 1180px) and (orientation:portrait) {
  #myDIV {

    width: 60px;
    height: 30px;

    bottom: 10%;

    left: 26.5%;
  }
}

@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  body {
    font-size: 10.5px;
  }

  #myDIV {
    width: 75px;
    bottom: 15%;
    left: 25.5%;
  }

  .slide_deti h3 {
    font-size: 1.4rem;
  }

  .ab_content {
    padding-top: 8rem;
  }

  .ab_content2 .row {
    max-width: 95%;
    margin: auto;
  }

  .my_text2 {
    height: 26.5em;
  }

  footer {
    font-size: 0.75rem;
  }

  .container {
    max-width: 95% !important;
  }

  .off_b::before {

    top: 0.7rem;
  }

  .off_b:hover::before {
    top: 0.7rem;
  }

  .loan_offers h5 {
    font-size: 1.05rem;
  }

  .ftr_subscibe .btn_subscibe {

    font-size: 0.8rem;
  }

  .col_one {
    height: 29rem;
    display: flex;
    width: 60rem;
    float: right;
    margin-left: 5rem;
    /* margin-right: 1rem; */
  }

  .milt::before {
    content: "";
    background-repeat: no-repeat;
    width: 60rem;
    height: 36em;
    position: absolute;
    background-size: 55.5rem;
    background-position: 0% 50%;
  }

  .col_two {
    height: 29rem;
    display: flex;
    width: 60rem;
    float: right;
    margin-right: 5rem;
  }

  .col_two::before {
    content: "";
    background-image: url(../images/b3.png);
    background-repeat: no-repeat;
    width: 60rem;
    height: 38em;
    position: absolute;
    background-size: 54.9rem;
    background-position: 100% 25%;
  }

  .title_bg::before {
    width: 56rem !important;
    height: 19.5em;
    background-size: 55rem;
    background-position: 100% 100%;
  }

  .col_last::before {
    content: "";
    background-image: url(../images/b4.png);
    background-repeat: no-repeat;
    width: 60rem;
    height: 31em;
    position: absolute;
    background-size: 56rem;
    background-position: 100% 0;
  }

  .col_last {
    height: 29rem;
    display: flex;
    width: 60rem;
    float: right;
    margin-right: 5rem;
  }
}

@media all and (device-width: 512px) and (device-height: 717px) and (orientation:portrait) {
  .cimg {
    width: 50%;
  }

  .sticky_div {
    top: -5em;
    width: 11.7em !important;
  }

  .cimg .border_mi {
    width: 45%;
    height: 13.5em;
    left: 1%;
  }

  .blog02 .col-md-4 {
    width: 50%;
  }

  .pro_th3 {
    width: 50%;
  }

  .ab_content4 {

    padding-bottom: 5em;
  }

  .mimg {
    width: 7rem;
    height: 7rem;
    margin-left: 2em;
  }







}














@media all and (device-width: 717px) and (device-height: 512px) and (orientation:landscape) {
  .mimg {
    width: 7rem;
    height: 7rem;
    margin-left: 5em;
  }

  .ab_content4 {
    padding-bottom: 4em;
  }

  .mol01 {
    height: 35rem;
  }

  .mol00 {
    height: 30rem;
  }

  .cimg .border_mi {
    width: 45%;
    height: 19.5em;
    left: 0%;
  }

  .cimg {
    margin-top: 4rem;
    width: 50%;
  }

  .my_text2 p {
    margin-top: 3.5rem;
  }

  .sticky_div {
    width: 16.2em !important;
  }

  .blog02 .col-md-4 {
    width: 50%;
  }

  .pro_th3 {
    width: 50%;
  }

  .c1 {
    padding-top: 18em;
  }

  #myDIV {
    bottom: 13%;
    left: 29%;
    width: 130px !important;
  }

  .myDIVho {}



  .nav-tabs .nav-item {
    margin-bottom: 2em;
  }

  .main_content ul.loan_cat {

    justify-content: center;
  }

  #page_header {
    margin-top: 4.5rem;
    padding-top: 0;
  }

  .user_content .user_main_content.user_dashboard_cnt .cridit_score_cnt2 .cridit_score_info3 {

    padding-left: 8rem;
    padding-right: 3.5rem;
  }

  .mobile_banner {
    height: auto;
  }

  label.star {
    font-size: 1em !important;
    padding-right: 0.3em !important;
  }

}





@media (min-width: 1280px) {}

@media (min-width: 1440px) {}

@media (min-width: 1680px) {
  /*html, body{font-size: 22px; line-height: 1.2;}
    .page_header_overlay > .container, .testimonials > .container{max-width: 82%;}
    .faq_page_header h1{font-size: 3.2rem;}
    .faq_page_header p{font-size: 1.8rem;}
    .navbar-nav .nav-item .nav-link {font-size: 0.95rem;}*/
}

@media (max-width: 1024px) {}

@media (min-width: 1280px) {}

@media (min-width: 1440px) {}

@media (min-width: 1680px) {}

@media (min-width: 1920px) {}

@media (min-width: 1680px) {
  .suggestions {
    width: calc(100% - 3.8rem);
  }

  .searchbox ul li a {
    font-size: 1.6rem;
  }
}

@media (max-width: 767.98px) {}

/* ======== ############# login user stylesheet ############# ======== */
body.login_user {}

/* .sidebar-item {
     bottom: 12em;
	 }*/
.sticky_div {
  top: -5em;
  width: 15.5em;
}

.mb01_h {
  margin-bottom: 3rem;
}

body.login_user #sm_menu_ham {
  top: 8rem;
  background: none;
}

body.login_user #sm_menu_ham::before {
  content: '...Menu';
  position: absolute;
  right: 0;
  top: 0;
  width: auto;
  height: auto;
  font-size: 1.4rem;
  font-weight: 600;
  color: #312783;
}

body.login_user #sm_menu_ham.open::after {
  font-family: 'Material Icons';
  content: "close";
  position: absolute;
  left: 0;
  top: 0;
  width: 3.5rem;
  height: 3.5rem;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

body.login_user #sm_menu_ham.open {
  right: auto;
  left: 1rem;
}

body.login_user #sm_menu_ham.open::before {
  content: '';
  right: auto;
  left: 0;
  width: 3.5rem;
  height: 3.5rem;
  background: #312783;
  border-radius: 50%;
}

body.login_user .sm_menu_outer {
  height: calc(100vh - 6.5rem);
}

body.login_user .mobile_menu {
  padding: 6rem 1rem 2rem;
}

body.login_user .mobile_menu span {
  width: 1.8rem;
  display: inline-block;
  margin: 0 0.5rem 0 0;
}

body.login_user .mobile_menu span img {
  width: 100%;
}

body.login_user .sm_menu_outer .mobile_menu a {}

body.login_user .sm_menu_outer .mobile_menu li.active a,
body.login_user .sm_menu_outer .mobile_menu a:hover {
  background: #f3f4f6;
  color: #312783;
  border-radius: 0.5rem;
}

@media only screen and (min-width: 844px) and (orientation: portrait) {
  .mb01_h {
    margin-bottom: 7rem;
  }
}

.latest_topics {}

@media (max-width: 767.98px) {
  .mobile_view {}

  .my_samadhan .mobile_view .aside .card {
    background: none;
    box-shadow: none;
    border: 0;
  }

  .my_samadhan .mobile_view .aside .card .content {
    padding: 0;
  }

  .my_samadhan .mobile_view .aside .card h4 {
    border-bottom: 0;
    margin-bottom: 1rem;
    text-align: center;
  }

  .my_samadhan .mobile_view .aside .card ul {
    padding: 0rem;
  }

  .my_samadhan .mobile_view .aside .card ul li {
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.125);
    list-style: none;
    padding: 1rem;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
    margin: 0 0.5rem 0.7rem;
    border-radius: 0.5rem;
  }

  .my_samadhan .mobile_view .owl-dots .owl-dot span {
    background-color: #fff;
    height: 7px;
    width: 7px;
    opacity: 1.0;
  }

  .my_samadhan .mobile_view .owl-dots .owl-dot.active span {
    background-color: #000;
  }
}



#helpModal {}

#helpModal .modal-dialog {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
}

#helpModal .modal-dialog .modal-content {
  padding: 3rem 2rem;
}

#helpModal .modal-dialog .modal-content ul {
  padding: 2rem 0 0;
  margin: 0;
}

#helpModal .modal-dialog .modal-content ul li {
  padding: 0 0 1.0rem;
  margin: 0;
}

#helpModal .modal-dialog .modal-content ul li label {
  padding: 0 0 0 0.2rem;
}

#helpModal .modal-dialog .modal-header .close {
  text-decoration: none;
}

.generic_form h1 {
  font-weight: 900;
  color: #0534bf;
}

.generic_form .form-control {
  background: transparent;
  border-bottom: 1px #000 solid;
}

.generic_form .dob_div .form-control {
  width: 2.5rem;
}

.generic_form .dob_div .form-control:last-child {
  width: 3.5rem;
}

.generic_form fieldset {
  background: #f3f4f6;
  border-radius: 2rem;
  min-height: 31rem;
  box-shadow: 0px 2px 4px rgba(0, 0, 0, .2);
}

.generic_form .progress-bar li:last-child {
  width: 100%;
}

.generic_form .progress-bar li figure {
  background: #f3f4f6;
}

.generic_form .progress-bar li.active figure {
  background: #167efd;
}

.generic_form .progress-bar li>div {
  width: 100%;
  margin: 0 auto;
}

.generic_form .progress-bar li::after {
  right: -50%;
  background: #f3f4f6;
}

.generic_form .progress-bar li.active::after {
  background: #167efd;
}

.generic_form .fieldset_section {
  margin-bottom: 8rem;
}

.generic_form .fieldset_section>div {
  position: relative;
}

.generic_form .fieldset_section>div::before {
  content: '';
  background: url("../images/generic_form_vector.png") no-repeat bottom;
  background-size: 100%;
  position: absolute;
  right: -9.3rem;
  width: 13rem;
  height: calc(100% + 8rem);
}

.generic_form ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: rgba(0, 0, 0, 1.0);
  opacity: 1;
  /* Firefox */
}

.generic_form :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: rgba(0, 0, 0, 1.0);
}

.generic_form ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: rgba(0, 0, 0, 1.0);
}

.generic_form .cmn_div {
  height: 31rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.generic_form .otp_screen a {
  color: #312783;
  font-weight: 600;
  text-decoration: underline;
}

.generic_form .progress-bar li.moble_otp.active figure {
  background: #fd3c39;
}

.generic_form .progress-bar li.active.moble_otp::after {
  background: #fd3c39;
}

.generic_form .progress-bar li.active.customer_assist::after {
  background: #fe9525;
}

.generic_form .cmn_div h2 {
  font-weight: 800;
  font-size: 2.4rem;
  color: #312783;
}

.generic_form .cmn_div h2 span {
  color: #e30613;
}

@media (max-width: 767.98px) {
  .modal-dialog {
    max-width: 90% !important;
    margin-left: auto;
    margin-right: auto;
  }

  .generic_form .fieldset_section>div::before {
    display: none;
  }

  .generic_form fieldset {
    padding: 1rem;
  }

  .generic_form .progress-bar li {}

  .generic_form .progress-bar li span {
    font-size: 0.8rem;
  }

  .generic_form h1 {
    font-size: 1.8rem;
  }

  .generic_form .progress-bar li figure {
    width: 3rem;
    height: 3rem;
  }

  .generic_form .progress-bar li figure img {
    max-width: 2.0rem;
    max-height: 2.0rem;
  }

  #helpModal .modal-dialog .modal-content {
    padding: 1rem;
  }

  #helpModal {
    z-index: +99999;
  }

  .modal-title {
    font-size: 1.4rem;
  }

  #helpModal h5 {
    font-size: 1.1rem;
  }

  .sticky_div {
    top: 10em;
    width: 100%;
  }

  .mrf {
    margin-right: 0 !important;
  }
}



.new_loan {
  background: url("../images/new_loan_bg.png") no-repeat top left;
  background-size: 95%;
}

.new_loan .product_listing {
  padding: 2.5rem 0 4.5rem 0;
}

.new_loan .product_listing .box {
  background: #f3f4f6;
  padding: 0 2.0rem 2.0rem;
  border-radius: 1.0rem;
  overflow: hidden;
  margin: 0 0.5rem 2.5rem;
  transition: 0.30s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

.new_loan .product_listing .box:hover {
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
}

.new_loan .product_listing .box figure {
  margin: 0 0 0 -2.0rem;
  padding: 1rem;
  height: 15rem;
  background: #4775ff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: #fff;
  text-align: center;
  align-items: center;
  width: calc(100% + 4rem);
  font-family: Neometric-Alt-Bold;
}

.new_loan .product_listing .box figure img {
  max-width: 4rem;
  margin-bottom: 0.7rem;
}

.new_loan .product_listing .box.home_loan figure {
  background: #4775ff;
}

.new_loan .product_listing .box.business_loan figure {
  background: #fd3c39;
}

.new_loan .product_listing .box.personal_loan figure {
  background: #fe9525;
}

.new_loan .product_listing .box.loan_agains_securities figure {
  background: #fd3259;
}

.new_loan .product_listing .box.mortgage_loan figure {
  background: #3586c7;
}

.new_loan .product_listing .box.digital_loan figure {
  background: #0eb8b7;
}

.new_loan.new_switch_loan .product_listing .box.loan_agains_securities figure {
  background: #20e2d0;
}

.new_loan.new_switch_loan .product_listing .box.mortgage_loan figure {
  background: #ff895a;
}

.new_loan .product_listing .box ul {
  padding: 2rem 0 0;
  margin: 0px;
  font-size: 1rem;
  font-weight: 600;
}

.new_loan .product_listing .box ul li {
  padding: 0rem 0rem 1rem 1rem;
  margin: 0px;
  list-style: none;
  position: relative;
}

.new_loan .product_listing .box ul li::before {
  content: '';
  width: 0.4rem;
  height: 0.4rem;
  background: #000;
  position: absolute;
  left: 0;
  top: 0.4rem;
}

.new_loan .product_listing .box .ftr {
  height: 5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}

.new_loan .product_listing .box .ftr .btn-default {
  display: none;
  transition: 0.30s;
  -webkit-transition: 0.30s;
  -moz-transition: 0.30s;
  -ms-transition: 0.30s;
  -o-transition: 0.30s;
}

.new_loan .product_listing .box:hover .ftr .btn-default {
  display: block;
}

.new_loan .product_listing .box .ftr .btn-default {
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3);
  font-family: Neometric-Alt-Bold;
  letter-spacing: 1px;
}

.new_loan .product_listing .box .ftr .btn-default:hover {
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3) !important;
}

@media (max-width: 767.98px) {
  .new_loan .product_listing .box .ftr .btn-default {
    display: block;
  }
}

.banner_new {}

.banner_new .owl-stage-outer,
.banner_new .owl-stage,
.banner_new .owl-item,
.banner_new .item {
  height: 100%;
}

.banner_new .item {
  text-align: center !important;
  background: #f3f4f6;
}

.banner_new .new_img {
  height: 100% !important;
  width: auto !important;
  margin: auto;
  border-radius: 10px;
}

.mobile_banner .owl-carousel.owl-loaded {
  display: flex;
  align-items: flex-end;
}

.mobile_banner .owl-stage-outer,
.mobile_banner .owl-stage,
.mobile_banner .owl-item,
.mobile_banner .item {
  height: 100%;
}

.mobile_banner .item {
  display: flex;
  text-align: center !important;
  background: #f3f4f6;
}

.mobile_banner .item>img {
  height: 100% !important;
  width: auto !important;
  margin: auto;
}

@media (height: 740px) {
  .mobile_banner .banner_content h2 {
    font-size: 2.6rem;
  }
}