/*body {background: #FBF8FC; font-family: 'Raleway', sans-serif !important;}*/
/*h1,h2,h3,h4,h5,h6 {font-family: 'IBM Plex Serif', serif;}*/
/*h1,h2,h3,h4,h5,h6 {font-family: 'Noto Serif Old Uyghur', serif;}*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body {
  font-family: "Poppins", sans-serif !important;
  overflow-x: hidden !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", !important;
  text-transform: capitalize;
}
p, label {
  text-transform: capitalize;
}

.home_area {
  background: url('../images/gradient-bg.webp') 50% center / cover no-repeat;
  min-height: 800px;
  border-radius: 40px 40px 0 0;
  padding-bottom: 60px;
  /*background: linear-gradient(128deg, #fbca8d, #dc8c99, #8e7fbf);*/
}

.header_area {
  background: #fff;
  border-radius: 40px 40px 0 0;
}

.header_area>header {
  padding: 40px 0 !important;
}

header {
  padding: 20px 0 5px;
/*  position: relative;*/

  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.header-home-myac {
  position: relative !important;
}
.header-home {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}

.header-fixed {
  background: #fbf8fc;
  box-shadow: 0px 0px 24px #e2dfdf;
}

.header-menu {
  padding-bottom: 10px;
}

.header-menu li a {
  font-size: 15px;
  font-weight: 500;
  padding: 12px 30px !important;
  color: #000;
}

.header-fixed {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  z-index: 99;
}

.header-btn {
  font-size: 15px;
  text-decoration: none;
  font-weight: 600;
  padding: 8px 30px;
  background:  #0c47a5;
  border: 1px solid  #0c47a5;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  display: block;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.header-btn:hover {
  color: #fff;
  transition-delay: 1s, 1s;
}

.header-btn-outline {
  font-size: 15px;
  text-decoration: none;
  font-weight: 600;
  padding: 8px 30px;
/*  background: #fff;*/
  border: 1px solid #000;
  color: #000;
  border-radius: 40px;
  text-align: center;
  display: block;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.header-btn-outline:hover {
  color: #fff;
  background: #000;
  transition-delay: 0.3s, 0.3s;
}

/*.header-btn:before {content: ""; position: absolute; left: 60px; top: 50%; transform: translateY(-50%) scale(0.6); width: 10px; height: 10px; border-radius: 50%; z-index: 1; transition-property: left, transform; transition-delay: 0s, 0s; transition-duration: 1s, 0.5s; opacity: 0;}
.header-btn::after {content: ""; position: absolute; right: 50px; top: 50%; transform: translateY(-50%) scale(0.6); width: 10px; height: 10px; border-radius: 50%; z-index: 1; transition-property: right, transform; transition-delay: 0s, 0s; transition-duration: 1s, 0.5s; opacity: 0;}
.header-btn:hover:before { left: 10px; transform: translateY(-50%) scale(50); transition-delay: 0s, 1s; opacity: 1; background:  #0c47a5; z-index: -1; }
.header-btn:hover:after {right: 10px; transform: translateY(-50%) scale(50); transition-delay: 0s, 1s; opacity: 1; background:  #0c47a5; z-index: -1;}
*/
.home-slider-area {
  padding-top: 130px;
  background-image: url('../images/bg2.jpg');
  background-size: cover;
}

.register-btn {
  font-size: 15px;
  text-decoration: none;
  font-weight: 500;
  padding: 8px 30px;
  background:  #0c47a5;
  border: 1px solid  #0c47a5;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  display: block;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}

.register-btn:hover {
  color: #fff;
}


.navbar-toggler {
  border: none !important;
  z-index: 99;
}

.navbar-toggler:focus {
  box-shadow: none;
}

.logo {
  width: 350px;
}

.toggle-logo {
  width: 130px;
  margin-top: 10px;
  margin-left: -8px;
}

.logo-position {
  position: absolute;
  top: 30px;
  left: -17px;
}

.dropdown-menu {
  border: none;
  box-shadow: 0px 1px 16px 0px rgba(172, 172, 172, 0.21);
}

.dropdown-menu .dropdown-item {
  min-width: 215px;
}

.dropdown-menu .dropdown-item:hover {
  background: none;
  color:  #0c47a5;
  font-size: 15px;
}

.dropdown-menu li a>img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.dropdown-menu li a>span {
  margin-left: 20px;
}

.megamenu-dropdown {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
}

.megamenu-dropdown li {
  list-style: none;
  width: 32%;
}

.megamenu-dropdown li a>img {
  width: 36px;
  height: 36px;
  object-fit: contain;
}

.megamenu-dropdown li a>span {
  margin-left: 15px;
}

.mega-menu-pl {
  padding-left: 10px;
}

.full-menu {
  width: 800px;
  position: absolute;
  left: -80% !important;
  top: 0;
  padding: 30px;
  background: #fff;
  ;
  box-shadow: 0px 1px 16px 0px rgba(172, 172, 172, 0.21);
  border-radius: 20px;
}

.resource-pos {
  position: absolute;
  left: 0% !important;
  transform: translateX(-42%) !important;
}

.aboutmenu-pos {
  position: absolute;
  left: 100% !important;
  transform: translateX(-68%) !important;
}

.mob-dropdown {
  position: inherit !important;
  transform: translate3d(0px, 0px, 0px) !important;
  padding: 15px;
}

.mob-dropdown li a {
  font-size: 14px;
  text-decoration: none;
  color: #000;
  padding: 6px 0;
  display: block;
}

.wwo-navoverlay,
.resouces-navoverlay,
.about-navoverlay {
  position: fixed;
  height: 105%;
  width: 100%;
  top: -15px;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 7;
  display: none;
}

/* Sidebar menu*/
.navoverlay {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.4);
  z-index: 4;
  display: none;
}

header:has(.dropdown-menu.show)+.navoverlay {
  display: block !important;
}

.mobnavbg {
  position: fixed;
  right: 0;
  top: 0px;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 999;
  padding: 20px 0px;
  margin-right: -100%;
  box-shadow: 0px 0px 8px #ccc;
  overflow-y: auto;
}

.navigation2 {
  margin: 20px 0px 10px;
  padding: 0px 10px;
}

.navigation2 li {
  list-style: none;
  float: none;
  margin-bottom: 5px;
}

.navigation2>li>a {
  display: block;
  font-size: 14px;
  text-decoration: none;
  padding: 8px 12px;
  color: #333;
}

.navigation2>li>a.header-btn {
  background: #000;
  color: #fff;
  border-radius: 40px;
  text-align: center;
  display: inline-block;
  padding: 8px 20px;
  margin-top: 10px;
  transition: all 0.3s ease-in-out;
}

.navigation2>li>a.header-btn:hover {
  background:  #0c47a5;
  transition: all 0.3s ease-in-out;
}

.navigation2 li a>i {
  font-size: 14px;
  float: right;
}

.navigation2 li .mobsubmenubg {
  background: #fff;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2222;
  width: 100%;
  height: 100%;
  margin-left: -100%;
  overflow-y: auto;
}

.navigation2 li .mobsubmenubg .backmenu {
  display: block;
  background: #f9f9f9;
  padding: 9px 10px;
  margin: 0px;
  font-weight: 600;
  color: #01b0f1;
  margin-bottom: 30px;
}

.navigation2 li .mobsubmenubg .backmenu>i {
  float: none;
  font-size: 12px;
  position: relative;
  top: -1px;
  padding-right: 10px;
}

.navigation2 li.firsthding a {
  font-weight: 600;
}

.navigation2 .mobsubmenu {
  margin: 0px;
  padding: 0px 20px;
}

.navigation2 .mobsubmenu li {
  list-style: none;
  float: none;
}

.navigation2 .mobsubmenu li a>img {
  width: 24px;
  height: 24px;
  display: block;
  margin-right: 10px;
}

.navigation2 .mobsubmenu li>a {
  display: flex;
  font-size: 14px;
  padding: 8px 12px;
  color: #333;
}

.togleclosebtn {
  position: absolute;
  bottom: 2px;
  right: 10px;
  font-size: 20px;
  cursor: pointer;
  color: #000;
  padding: 5px 5px;
}

.open-sidebar-menu {
  overflow: hidden;
  height: 100% !important;
}

.posrel {
  position: relative;
}

.home-slider {
  position: relative;
  padding-top: 90px;
}

.home-slider img {
  
  width: auto;
}

.home-slider .carousel-item {
  height: 390px;
  padding-top: 50px;
}

.home-slider .carousel-control-prev-icon,
.home-slider .carousel-control-next-icon {
  filter: invert(1);
}

.home-slider .carousel-control-next,
.home-slider .carousel-control-prev {
  width: 5%;
}

.home-slider .carousel-indicators button {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  border:1px solid #0c47a5;
}

.home-slider .carousel-indicators button.active {
  background-color:  #0c47a5;
}

.home-slider .carousel-control-next {
  right: 5%;
}

.home-slider .carousel-control-prev {
  left: 3%;
}

.carousel-bakpos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.banner-hding {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  display: block;
  padding-bottom: 15px;
  padding-top:90px;
}

.banner-subhding {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  display: block;
}

.cs-report-pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 115px;
}

.cs-area {
  position: relative;
  padding-left: 45px;
  background:  #0c47a5;
  height: 38px;
  width: 100%;
  border-radius: 50px;
  display: flex;
  align-items: center;
}

.cs-area>.cs-img {
  width: 38px !important;
  height: 35px !important;
  position: absolute;
  left: 0px;
  top: 0px;
}

.get-quote {
  background: #fff;
  padding: 6px 20px;
  border-radius: 56px;
  color: #000;
  font-size: 12px;
  font-weight: 600;
  position: absolute;
  right: 5px;
  top: 4px;
}

.cs-textarea {
  width: 77%;
  font-size: 12px;
  font-weight: 500;
  display: flex;
  color: #fff;
}


.wrap-btn {
  font-size: 14px;
  font-weight: 600;
  text-align: center;
  background:  #0c47a5;
  display: inline-block;
  padding: 9px 30px;
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.wrap-btn:hover {
  text-decoration: none;
  color: #fff;
  background:  #0c47a5;
  transition: all 0.3s ease-in-out;
  /*overflow: hidden;*/
}

/*.wrap-btn {font-size: 16px; font-weight: 500;  text-align: center;  display: inline-block; padding: 12px 50px; color: #fff; border: 1px solid  #0c47a5; border-radius: 40px; text-decoration: none; transition: all 0.3s ease-in-out; position: relative; overflow: hidden;}
.wrap-btn:hover:before; {transform: translateY(-50%) scale(1); transition-delay: 0s, 1s; background:  #0c47a5;} 
.wrap-btn:before {content: ""; position: absolute; left: 10px; transform: translateY(-50%) scale(4); background:  #0c47a5; transition-delay: 0s, 1s; opacity: 1; z-index: -1;}*/


.wrap-btn::after {
  content: "";
  position: absolute;
  right: 10px;
  transform: translateY(-50%) scale(50);
  transition-delay: 0s, 1s;
  opacity: 1;
  background:  #0c47a5;
  z-index: -1;
}

.wrap-btn:hover:before {
  left: 60px;
  top: 50%;
  transform: translateY(-50%) scale(0.6);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 1;
  transition-property: left, transform;
  transition-delay: 0s, 0s;
  transition-duration: 1s, 0.5s;
  opacity: 0;
}

.wrap-btn:hover:after {
  right: 50px;
  top: 50%;
  transform: translateY(-50%) scale(0.6);
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 1;
  transition-property: right, transform;
  transition-delay: 0s, 0s;
  transition-duration: 1s, 0.5s;
  opacity: 0;
}

*/ .remove-hover:hover {
  background: #000 !important;
  color: #fff !important;
}

.wrap-btn-outline {
  font-size: 14px;
  text-decoration: none;
  font-weight: 500;
  text-align: center;
  background: transparent;
  border: 1px solid  #0c47a5;
  display: inline-block;
  padding: 9px 25px;
  color: #000;
  border-radius: 40px;
  transition: all 0.3s ease-in-out;
  position: relative;
  overflow: hidden;
  margin-bottom: 15px;
}



/*.wrap-btn-outline:hover {background:  #0c47a5; color: #fff;}*/
.wrap-btn-outline:hover {
  color:  #0c47a5;
  transition-delay: 1s, 1s;
}

/*.wrap-btn-outline:before {content: ""; position: absolute; left: 60px; top: 50%; transform: translateY(-50%) scale(0.6); width: 10px; height: 10px; border-radius: 50%; z-index: 1; transition-property: left, transform; transition-delay: 0s, 0s; transition-duration: 1s, 0.5s; opacity: 0;}
.wrap-btn-outline::after {content: ""; position: absolute; right: 50px; top: 50%; transform: translateY(-50%) scale(0.6); width: 10px; height: 10px; border-radius: 50%; z-index: 1; transition-property: right, transform; transition-delay: 0s, 0s; transition-duration: 1s, 0.5s; opacity: 0;}
.wrap-btn-outline:hover:before { left: 10px; transform: translateY(-50%) scale(50); transition-delay: 0s, 1s; opacity: 1; background:  #0c47a5; z-index: -1; }
.wrap-btn-outline:hover:after {right: 10px; transform: translateY(-50%) scale(50); transition-delay: 0s, 1s; opacity: 1; background:  #0c47a5; z-index: -1;}*/
.myac-btn {
  font-size: 11px;
  font-weight: 500;
  text-align: center;
  background:  #0c47a5;
  display: inline-block;
  padding: 4px 10px;
  color: #fff;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.myac-btn:hover {
  text-decoration: none;
  color: #fff;
  background:  #0c47a5;
  transition: all 0.3s ease-in-out;
  /*overflow: hidden;*/
}

.myac-bg {
  background: #fafafa;
  padding: 110px 0 50px;
}


.banner-btn-mt {
  margin: 50px 0 0;
}

.banner-small-txt {
  font-size: 8px;
  color: #fff;
  margin: 0 0 5px;
}

.app-store {
  width: 75px;
}

.support-txt {
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  margin: 0;
}

.banner-support-logo {
  width: 30px;
}

.banner-bottom-area {
  background: #fff;
  box-shadow: 0px 12px 13.6px 2.4px rgba(207, 207, 207, 0.29);
  padding: 85px 0;
  border-radius: 0 0 40px 40px;
}

.bba-hding {
  font-size: 19px;
  font-weight: 700;
  padding-bottom: 15px;
  margin: 0;
}

.bba-prgh {
  font-size: 16px;
  color: #000;
  line-height: 26px;
  margin: 0;
  text-transform: capitalize;
}

.bba-img {
  height: 36px;
}

.sidebar-login-btn {
  font-size: 13px;
  color: #000;
  font-weight: 500;
  text-align: center;
  background: transparent;
  border: 1px solid  #0c47a5;
  display: inline-block;
  padding: 4px 17px;
  line-height: 20px;
  margin-top: 9px;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.sidebar-login-btn:hover {
  text-decoration: none;
  color: #fff;
  background:  #0c47a5;
  transition: all 0.3s ease-in-out;
}

.sidebar-hr {
  padding: 0 20px 30px;
  border-bottom: 1px solid #e9e9e9;
}

.partner-area {
  padding: 180px 0;
}

.wrap-hding {
  font-size: 30px;
  font-weight: 700;
  margin: 0;
}

.wrap-hding2 {
  font-size: 28px;
  font-weight: 700;
  margin: 0;
}

.wrap-subhding {
  font-size: 20px;
  font-weight: 400;
  margin-top: 10px;
}

.wrap-subhding2 {
  font-size: 22px;
  font-weight: 600;
  margin-top: 10px;
}

.wrap-prgh {
  font-size: 14px;
  font-weight: 400;
  line-height: 23px;
}

.wrap-title {
  font-size: 17px;
  font-weight: 600;
  margin: 0;
  color:  #0c47a5;
}

.partner-logo {
  cursor: pointer;
}

.partner-logo>img {
  height: 45px;
  width: 135px !important;
  margin: auto;
  object-fit: contain;
}

/*.partner-logo1 {height: 52px !important;}*/
.partner-logo3 {
  height: 35px !important;
}


.marquee-bg-black,
.marquee-bg-red,
.marquee-bg-light {
  width: 103%;
  margin-left: -1%;
  color: #fff;
  padding: 20px 0;
  font-size: 16px;
}

.marquee-bg-black {
  background: #000;
  transform: rotate(3deg);
}

.marquee-bg-red {
  background:  #0c47a5;
  transform: rotate(-3deg);
  margin-top: -73px
}

.marquee-bg-light {
  background: #F9F1F5;
  transform: rotate(-3deg);
  margin-top: -73px
}

.marquee-list {
  display: flex;
  justify-content: space-between;
  text-decoration: none;
  margin: 0;
  padding: 0;
}

.marquee-list li {
  list-style: none;
  white-space: nowrap;
  line-height: 1;
  font-size: 24px;
  text-decoration: none;
  display: block;
  text-align: center;
  padding: 0 20px;
  position: relative;
  font-family: 'IBM Plex Serif', serif;
  border-right: 1px solid #fff;
}

.marquee-bg-light>.marquee-list li {
  color:  #0c47a5;
  border-color:  #0c47a5;
}

.marquee-bg-black>.marquee-list li a {
  color: #fff;
}

.marquee-bg-light>.marquee-list li a {
  color: #000;
}

.marquee-rtl {
  animation: marquee-rtl 6s linear infinite;
}

.marquee-ltr {
  animation: marquee-ltr 6s linear infinite;
}

@keyframes marquee-rtl {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-30%);
  }
}

@keyframes marquee-ltr {
  0% {
    transform: translateX(-30%);
  }

  100% {
    transform: translateX(0);
  }
}


.footer-marquee {
  margin-top: -15px;
  background:  #0c47a5;
}

.footer-cnt-icon {
  font-size: 16px;
  margin-right: 10px;
}

.partner-btn {
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  background: #fff;
  display: inline-block;
  padding: 8px 18px;
  margin-top: 25px;
  color: #000;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.partner-btn:hover {
  text-decoration: none;
  color: #000;
  transition: all 0.3s ease-in-out;
}


/*.owl-carousel .owl-nav { position: absolute; bottom: 0; top: 0; left: 0px; right: 0px; margin: 10px auto 0;}*/
.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  display: flex;
  outline: none;
  color: #000;
  background: none !important;
  font-size: 50px;
  position: absolute;
  bottom: 0px;
  top: 44%;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  opacity: 0.2;
}

.owl-carousel .owl-nav button.owl-next>span,
.owl-carousel .owl-nav button.owl-prev>span {
  outline: none;
  display: block;
  color: #000;
  padding: 0px 15px;
  font-size: 60px;
  font-weight: 200;
  transform: translate(0, -1px);
}

.owl-carousel .owl-nav button.owl-next {
  right: -25px;
}

.owl-carousel .owl-nav {
  margin-top: 0px;
}

.owl-carousel .owl-nav button.owl-prev {
  left: -25px;
}

.owl-carousel .owl-nav button>i {
  font-size: 20px;
}

.owl-carousel .owl-dots .owl-dot span {
  width: 16px !important;
  height: 16px !important;
}

.owl-carousel .owl-dots .owl-dot.active span {
  background:  #0c47a5 !important;
}

.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-prev:hover {
  color: #000;
  opacity: 1;
}

.owl-carousel .owl-stage {
  transition-timing-function: linear !important;
}

.owl-carousel .owl-dots.disabled {
  display: block;
}

.owl-carousel .owl-nav.disabled {
  display: block;
}

.wwa-box-design {
  margin-top: 0px;
  padding: 50px 0;
}

.wwa-box {
  padding: 5px;
  margin-bottom: 10px;
  position: relative;
}

.wwa-box>img {
  width: 55px;
  margin-bottom: 20px;
}

.wwa-box-title {
  font-size: 15px;
}

.wwa-box-hding {
  font-size: 40px;
  font-weight: 600;
  padding-bottom: 10px;
}

.google-rating {
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.google-rating li {
  list-style: none;
  font-size: 25px;
  color: #ddd;
  margin-right: 5px;
}

.google-rating li.active {
  color: #fcc813;
}

/*.wwa-box:after {position: absolute; content: ""; width: 23px; height: 76px; right: -2px; top: calc(50% - 38px); background:  #0c47a5; transition: all 0.3s; border-radius: 15px 0px 0px 15px;}
.wwa-box:hover:after{width: calc(100% + 1px); height: calc(100% + 1px); right: -1px; top: 0; border-radius: 15px; }
.wwa-box:hover > img {filter: invert(1);}
.wwa-box:hover > .wwa-box-title {color: #fff;}
.wwa-box:hover > .wwa-box-hding {color: #fff;}*/
.primary-color {
  color:  #0c47a5;
}

.hiw-area {
  padding: 80px 0;
}

.hiw-box-area {
  position: relative;
  padding: 20px;
  background: #f1f1f1;
  border-radius: 20px;
  margin-bottom: 20px;
}

.hiw-box-area .hiw-box-img {
  width: 90px !important;
  height: 90px;
  padding: 15px;
  background: #fff;
  border-radius: 50%;
  margin: 0 auto 0px;
  display: table;
}

.hiw-box-hding {
  font-size: 18px;
  font-weight: 700;
}

.hiw-box-prgh {
  font-size: 14px;
  font-weight: 400;
}

.hiw-circle {
  width: 98px;
  height: 98px;
  border-radius: 50%;
  background: #f2e7f5;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto 30px;
}

.hiw-circle:before {
  content: '';
  position: absolute;
  left: -11px;
  top: -11px;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  border: 1px dashed #d7d7d7;
}

.hiw-circle>img {
  width: 55px;
}

.hiw-circle-step {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #000;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: -10px;
  top: -15px;
  font-size: 14px;
}

.hiw-first-arrow {
  position: absolute;
  right: -100px;
  top: 15px;
  width: 180px;
  height: 50px;
}

.hiw-first-arrow>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.hiw-sec-arrow {
  position: absolute;
  right: -100px;
  top: 40px;
  width: 180px;
  height: 50px;
}

.hiw-sec-arrow>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/*.hiw-box-area:hover {background-color: #fff;}
.hiw-box-area:hover .wrap-btn-outline {background:  #0c47a5; color: #fff;}*/
.about-box-area {
  min-height: 455px !important;
}

.hiw-bg {
  background: #f1f1f1;
  padding: 50px 0px;
  margin-bottom: 30px;
}

.hiw-list {
  margin: 0px;
  padding: 0;
}

.hiw-list li {
  list-style: none;
  display: flex;
  margin-bottom: 30px;
}

.hiw-list li .hiw-num {
  width: 40px;
  height: 40px;
  line-height: 1;
  border-radius: 50%;
  background:  #0c47a5;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'IBM Plex Serif', serif;
}

.hiw-list li .hiw-hding {
  font-size: 24px;
  font-weight: 600;
  /*font-family: 'IBM Plex Serif', serif;*/
  font-family: 'Montserrat', sans-serif;
  display: block;
  line-height: 1;
  margin-bottom: 10px;
}

.hiw-list li .hiw-list-textarea {
  width: 80%;
  margin-left: 15px;
}

.testimonial-bg {
  background:  #0c47a51A;
  border-radius: 20px;
  padding: 30px 20px;
  margin-bottom: 20px;
  min-height: 260px;
}

.testimonial-bg2 {
  background: #fff;
  border-radius: 20px;
  padding: 30px 20px;
  margin-bottom: 20px;
  min-height: 284px;
}

.testimonial-bg>p,
.testimonial-bg2>p {
  font-size: 17px;
  line-height: 26px;
}

.testimonial-name {
  font-size: 17px;
  font-weight: 400;
  margin-top: 30px;
  display: block;
}

.testimonial-move-rtl {
  animation: testimonial-move-rtl 20s linear infinite;
}

.testimonial-move-ltr {
  animation: testimonial-move-ltr 16s linear infinite;
}

.testimonial-move-ltr:hover,
.testimonial-move-rtl:hover {
  animation-play-state: paused;
}

@keyframes testimonial-move-ltr {
  0% {
    transform: translateX(0px);
  }

  100% {
    transform: translateX(-100%);
  }
}

@keyframes testimonial-move-rtl {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}


.blog-box-design {
  border-radius: 40px;
  margin-top: 70px;
  padding: 70px 0 70px;
  background: #F5EAF2;
}

.blog-box {
  background: #fff;
  border-radius: 20px;
  padding: 30px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}

.blog-box .main-imgarea {
  width: 100%;
  height: 300px;
  overflow: hidden;
  border-radius: 9px;
  margin-bottom: 20px;
}

.blog-box .main-imgarea>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
  transition: all 0.3s ease-in-out;
}

.blog-category {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 15px;
  padding: 0;
}

.blog-category li {
  list-style: none;
  background:  #0c47a54D;
  color:  #0c47a5;
  border-radius: 45px;
  font-size: 12px;
  padding: 5px 12px;
  margin-right: 10px;
}

.blog-title {
  font-size: 24px;
  font-weight: 600;
  line-height: 28px;
  margin-bottom: 15px;
}

.blog-box .left-imgarea {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 9px;
  margin-bottom: 20px;
}

.blog-box .left-imgarea>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 9px;
  transition: all 0.3s ease-in-out;
}

.blog-readmore {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  text-decoration: none;
}

.blog-readmore>small {
  font-size: 10px;
  margin-left: 5px;
  position: relative;
  top: -1px;
}

.blog-box:hover {
  background:  #0c47a51A;
  transition: all 0.3s ease-in-out;
}

.blog-box:hover .main-imgarea img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}

.blog-box:hover .left-imgarea img {
  transform: scale(1.1);
  transition: all 0.3s ease-in-out;
}

.newsletter-area {
  height: 270px;
  background: #231f20;
  border-radius: 4px;
  padding: 40px;
  margin-bottom: 100px;
  margin-top: 100px;
}

.newsletter-form {
  position: relative;
  margin-top: 15px;
}

.newsletter-field {
  width: 100%;
  border: none;
  padding: 12px 148px 12px 20px;
  display: block;
  font-size: 16px;
  color: #898989;
  border-radius: 40px;
  background: #fff;
  border: 1px solid #000;
}

.newsletter-field:focus {
  outline: none;
}

.newsletter-btn {
  padding: 9px 30px;
  color: #000;
  font-weight: 600;
  border: none;
  font-size: 16px;
  text-align: center;
  background:  #0c47a5;
  border-radius: 40px;
  position: absolute;
  right: 4px;
  top: 4px;
}

.newsletter-img {
  margin-top: -150px;
}

.newsletter-area .wrap-hding {
  color: #fff;
}

.newsletter-area .wrap-prgh {
  color: #7a8290;
}

.referal-box {
  background: #feebdd;
  border-radius: 40px;
  /*min-height: 600px;*/
  margin-bottom: 90px;
}

.referal-list {
  margin: 50px 0 0;
  padding: 0;
}

.referal-list li {
  list-style: none;
  margin-bottom: 20px;
}

.referal-list li:last-child {
  margin-bottom: 0px;
}

.referal-list li>img {
  width: 25px;
  margin-right: 25px;
}

.referal-list li>span {
  font-size: 20px;
  font-weight: 500;
  margin: 0;
}

.referal-textarea {
  padding: 0 85px;
}

.referal-img-area {
  /*height: 600px; background: #fde6d5;  padding: 50px;*/
  border-radius: 40px 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.congrates-box {
  border-radius: 40px;
  /*min-height: 600px;*/
  margin-bottom: 30px;
  padding: 20px 20px;
}

.faq-home-area {
  box-shadow: 0px 12px 13.6px 2.4px rgba(207, 207, 207, 0.29);
  background: #fff;
  padding: 80px 0;
}

.home-faq-tab {
  border-bottom: none !important;
  margin: 60px 0 35px 0;
}

.home-faq-tab li:not(:last-child) {
  margin-right: 25px;
}

.home-faq-tab li button {
  border: none !important;
  padding: 0px !important;
  font-size: 14px !important;
  color: #000;
}

.home-faq-tab li button.active {
  font-weight: 600;
  background-color: transparent !important;
    color: #000 !important;
}

.accordion-button:not(.collapsed) {
  color: #fff !important;
  background-color: #000 !important;
}

.accordion-button:focus {
  box-shadow: none !important;
}

/*.accordion-button::after {background-image: url('../images/add.png') !important; width: 20px; height: 20px;}
.accordion-button:not(.collapsed)::after {background-image: url('../images/minus.png') !important;}*/
.accordion-button::after {
  content: '\f055';
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  background-image: none !important;
  width: 20px;
  height: 20px;
}

.accordion-button:not(.collapsed)::after {
  content: '\f068';
}

.accordion-item {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  box-shadow: 0px 0px 24px #eaeaea;
}

.accordion-header>button {
  font-size: 15px;
  font-weight: 600;
}

.faq-home-circle-img {
  width: 400px;
  height: 400px;
  /*border-radius: 50%;*/
  object-fit: cover;
  margin: auto;
  display: table;
}


.ullist {
  margin: 0px 0 10px;
  padding: 0;
}

.ullist li {
  list-style: none;
  margin-bottom: 5px;
  font-size: 14px;
  padding-left: 30px;
  position: relative;
}

.ullist li:before {
  content: '\f00c';
  width:18px;
  height: 18px;
  border-radius: 50%;
  background:  #0c47a5;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 11px;
  position: absolute;
  left: 0;
  top: 2px;
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
}

.ullist li>span {
  color: #999;
  margin-right: 5px;
}


footer {
  background: #070e21;
  padding: 45px 0 20px;
}

.footer-logo {
  width: 130px;
  margin-bottom: 10px;
}

.footer-content {
  color: #7a8290;
  font-size: 12px;
  line-height: 22px;
  margin-bottom: 12px;
}
.footer-content a {color:#7a8290;}

.footer-hding {
  font-size: 16px;
  color: #fff;
  font-weight: 600;
  margin-bottom: 28px;
}

.footer-list {
  margin: 0px;
  padding: 0;
}

.footer-list li {
  list-style: none;
  margin-bottom: 10px;
}

.footer-list li a {
  color: #7a8290;
  font-size: 14px;
  text-decoration: none;
}

.footer-hr {
  width: 100%;
  height: 1px;
  margin-top: 30px;
  margin-bottom: 20px;
  background: #7a8290;
  opacity: 0.33;
}

.copyright-text {
  font-size: 13px;
  color: #fff;
  margin: 0;
  padding: 0;
}

.copyright-text a {
  color: #fff;
  text-decoration: none;
}

.followus-txt {
  font-size: 13px;
  color: #fff;
  margin: 0 15px 0 0;
  padding: 0;
}

.footer-social-icon {
  margin: 10px 0 0;
  padding: 0;
  display: flex;
}

.footer-social-icon li {
  list-style: none;
  border-right: 1px solid #7a8290;
}

.footer-social-icon li a {
  font-size: 16px;
  padding: 5px 15px;
  color: #7a8290;
}

.footer-social-icon li:first-child a {
  padding-left: 0px;
}

.footer-social-icon li:last-child {
  border-right: none;
}

.footer-social-icon li a>span {
  display: none;
}

.tab-scrollbar {
  overflow-x: auto;
  width: 100%;
}



:root {
  --yellow: rgb(240 193 145 / 50%);
  --blue: #b795ae;
  --blue2: rgb(219 169 156 / 50%);
  /*--blue: url('../images/gradient-bg.webp') 50% center / cover no-repeat;*/
}

.posfix-sec {
  position: relative;
}

.box {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.box.box1 {
  background: var(--yellow);
  clip-path: circle(200px at 0 0);
  border-radius: 40px 0 0 0;
}

.box.box2 {
  background: var(--blue2);
  background-size: contain;
  clip-path: circle(150px at 100% 100%);
}

.login-modal-area {
  padding: 30px 40px 20px;
}

.login-hding {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  margin: 0;
  display: block;
}

.logintxt {
  font-size: 13px;
  padding-left: 5px;
  margin-top: 20px;
  font-weight: 400;
  color: #000;
  display: block;
}

/*.form-field {width: 100%; font-weight: 500; height: 46px; border: none; border-bottom: 1px solid #ccc; border-radius: 0px; background: #fff; padding: 18px 0px 5px; font-size: 14px; color: #000; transition: all 0.3s ease-in-out;}*/
.form-field {
  width: 100%;
  font-weight: 500;
  height: 46px;
  border: none;
  border-bottom: 1px solid #ccc;
  border-radius: 0px;
  background: #fff;
  padding: 18px 0px 5px;
  font-size: 14px;
  color: #000;
  transition: all 0.3s ease-in-out;
  text-transform: capitalize;
}

.form-field::placeholder {
  color: #999;
  opacity: 0;
}

.form-field+label {
  transform: translateY(-18px);
  font-size: 11px;
}

.form-field:focus {
  outline: none;
  border-color: #000;
  transition: all 0.3s ease-in-out;
}

.form-field:focus+label {
  transform: translateY(-18px);
  font-size: 11px;
  width: auto;
}

.form-group label:has(+.form-field:focus) {
  transform: translateY(-18px);
  font-size: 11px;
  width: auto;
}

select.form-field option:checked+label,
.form-group label:has(+ select.form-field option:checked) {
  transform: translateY(-18px);
  font-size: 11px;
  width: auto;
}

select.form-field {
  padding: 18px 0px 5px;
  position: relative;
  left: -2px;
}

select.form-field+label,
.form-group label:has(+ select.form-field) {
  transform: translateY(-18px);
  font-size: 11px;
  width: auto;
}

textarea.form-field {
  height: auto;
}


/*.valid-field:placeholder-shown + label {transform:translateY(-18px); font-size: 11px; width: auto;}*/

/*.form-field:not(:empty) + label {transform:translateY(-18px); font-size: 11px; width: auto; } */

.fix,
.fix2,
.pan-fn,
.pan-ln,
.pan-num {
  transform: translateY(-18px);
  font-size: 11px !important;
}

input[type="file"].form-field+label.fix {
  left: inherit;
  right: 20px;
}

.form-pos-rel {
  position: relative;
}

.form-lbl {
  color: #717171;
  width: 84%;
  text-align: left;
  font-size: 14px;
  font-weight: 500;
  text-transform: capitalize;
  position: absolute;
  z-index: 1;
  left: 0px;
  top: 18px;
  padding: 2px 0px;
  pointer-events: none;
  transition: transform 100ms ease;
}

.form-lbl2 {
  color: #000;
  display: block;
  text-align: left;
  font-weight: 600;
  font-size: 14px;
  text-transform: capitalize;
  padding: 2px 0px;
}

.abstract {
  color: #ff3300;
}

.error {
  font-size: 10px;
  color: #bd0404;
  text-align: left;
  display: block;
  padding-top: 4px;
}

.search-field {
  width: 100%;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #ddd;
  padding: 10px 15px;
  font-size: 14px;
}

.search-field:focus {
  outline: none;
}

.banklogo-bg {
  margin-top: -15px;
  background: #f8f9fa;
  padding-bottom: 40px;
}

.otherbank-list {
  margin: 0px;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.otherbank-list li {
  width: 100%;
  list-style: none;
  margin-bottom: 0px;
  border-bottom: 1px solid #ddd;
  display: flex;
}

.otherbank-list li:last-child {
  border-bottom: none;
}

.otherbank-list li .selct-brand {
  display: none;
}

.otherbank-list li label {
  width: 100%;
  padding: 10px 20px 10px 0px;
  cursor: pointer;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.otherbank-list li label img {
  width: 25px;
  height: 25px;
  object-fit: contain;
}

.otherbank-list li label span {
  font-size: 12px;
  display: inline-block;
  padding-left: 6px;
}

.otherbank-list li>.selct-brand:checked+label {
  background: #ffdbd5;
  border-color: #f3dcd9;
}



.radio-btn {
  display: none;
}

.radio-btn+label {
  border-radius: 6px;
  border: 1px solid #ddd;
  margin-bottom: 5px;
  padding: 6px 8px;
  font-size: 12px;
  margin-right: 4px;
  cursor: pointer;
  position: relative;
  text-align: left;
  display: inline-flex;
  flex-grow: 1;
  align-items: center;
  box-shadow: 0px 0 12px rgb(204 204 204 / 40%);
}

.radio-btn+label>img {
  height: 20px;
  margin-right: 5px;
}

.radio-btn+label>i {
  margin-right: 5px;
  font-size: 10px;
}

.radio-btn:checked+label {
  border-color:  #0c47a5;
  color: #000;
  background: #fff;
}

.radio-btn-w>.form-group {
  flex-grow: 1;
}

.radio-btn-lbl {
  color: #000;
  display: block;
  text-align: left;
  font-weight: 600;
  font-size: 12px;
  text-transform: capitalize;
  padding: 0;
  position: relative;
  top: -4px;
}

/*.radio-btn:checked + label > i {color: #0c47a5;}*/

.submit-btn {
  color: #000;
  height: 46px;
  border: 1px solid  #0c47a5;
  outline: none;
  font-weight: 600;
  text-align: center;
  background:  #0c47a5;
  font-size: 14px;
  padding: 8px 25px;
  border-radius: 100px;
  margin-bottom: 5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.submit-btn-dark {
  color: #fff;
  height: 46px;
  border: 1px solid #000;
  outline: none;
  font-weight: 600;
  text-align: center;
  background: #000;
  font-size: 14px;
  padding: 8px 25px;
  border-radius: 100px;
  margin-bottom: 5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.submit-btn-dark:hover {
  color: #fff;
  text-decoration: none;
}

.submit-btn-outline {
  height: 46px;
  color: #000;
  border: 1px solid  #0c47a5;
  outline: none;
  font-weight: 600;
  text-align: center;
  background: #fff;
  font-size: 14px;
  padding: 8px 25px;
  border-radius: 100px;
  margin-bottom: 5px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-group {
  margin-bottom: 15px;
  position: relative;
}

.form-field2 {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 40px;
  background: #fff;
  padding: 12px 20px;
  font-size: 14px;
  color: #000;
  position: relative;
}

.form-field2:focus {
  outline: none;
}

.form-field2::placeholder {
  color: #999;
}

.banner-form-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.change-num-field {
  width: 100%;
  border: 1px solid #ddd;
  border-radius: 4px;
  background: #fff;
  padding: 12px 20px 12px 45px;
  font-size: 14px;
  color: #000;
  position: relative;
}

.change-num-field:focus {
  outline: none;
}

.change-num-field::placeholder {
  color: #999;
}

.country-code-placeholder {
  display: inline-block;
  color: #999;
  font-size: 14px;
  position: absolute;
  left: 20px;
  top: 13px;
}

.change-numb-button {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 4px;
  top: 3px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  background: #000;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 4px;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.change-numb-button:hover,
.change-numb-button2:hover {
  text-decoration: none;
  color: #000;
  background:  #0c47a5;
  transition: all 0.3s ease-in-out;
}

.change-numb-button2 {
  width: 40px;
  height: 40px;
  position: absolute;
  right: 4px;
  top: 3px;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  background: #8bc34a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}

.number-update-success {
  padding-left: 55px;
  position: absolute;
  right: 0;
  display: inline-block;
}

.show-change-mobile-number {
  display: none;
}

.change-mobile-number {
  height: 36px;
  width: 300px;
}

.change-mobnum-w {
  width: 300px;
}

.change-mob-num {
  display: block
}

.success-check {
  width: 28px;
  height: 28px;
  font-size: 13px;
  font-weight: 500;
  text-align: center;
  background: #8bc34a;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  margin-right: 15px;
}

/* Modal */

.modaldesign .modal-content {
  border: none;
  border-radius: 15px;
}

.modaldesign .modal-content .modal-body .modal-hding {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  padding-bottom: 5px;
  margin: 0;
  padding-top: 50px;
}

.modaldesign .modal-content .modal-body .modal-prgh {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  padding-bottom: 10px;
  margin: 0;
}

.modaldesign .modal-content .modal-body .modal-prgh>span {
  display: block;
  font-weight: 500;
  color: #e04d16;
}

.modaldesign .modal-content .modal-body .modal-prgh>a {
  display: inline-block;
  font-weight: 400;
  color: #ed4d37;
  text-decoration: none;
}

.modaldesign .modal-content .modal-body .modal-hding-lg {
  font-size: 32px;
  font-weight: 700;
}

.modaldesign .modal-content .modal-body .otp-field {
  width: 40px;
  height: 40px;
  border-radius: 4px;
  padding: 7px;
  text-align: center;
  border: 1px solid #999;
  display: inline-flex;
  margin: 0 5px 0 0;
}

.modaldesign .modal-content .modal-body .submit-btn {
  font-size: 14px;
  outline: none;
  padding: 6px 30px;
  margin: auto;
  font-weight: 400;
  border: 2px solid #ed4d37;
  background: #ed4d37;
  border-radius: 4px;
  color: #fff;
  text-align: center;
  display: table;
  margin-top: 15px;
}

.modaldesign .modal-content .modal-body .submit-btn:hover {
  background: #fff;
  color: #ed4d37;
}

.modaldesign .modal-content .modal-body .close {
  float: right;
  border: none;
  outline: none;
  background: none;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .5;
  z-index: 9;
}

.terms-modal .modal-content .modal-body {
  height: 500px;
  overflow-y: scroll;
}

.terms-modal .modal-content {
  border-radius: 1px !important;
  padding-bottom: 0px;
}

.terms-modal .modal-content .modal-body .modal-hding {
  padding-top: 20px !important;
  padding-bottom: 25px !important;
}

.thanks-icon {
  font-size: 26px;
  text-align: center;
  display: block;
  margin: 15px auto;
  padding: 0;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  background-color: #00bb0e;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.scrolltop {
  background: #000;
  border-radius: 50%;
  color: #fff;
  padding: 15px 20px;
  cursor: pointer;
  position: fixed;
  bottom: 100px;
  right: 20px;
  display: none;
  z-index: 99;
}

.login-rightside {
  width: 100%;
  height: 100%;
  position: relative;
  min-height: 470px;
}

.login-rightside>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.login-overimg-textarea {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 40px 80px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.login-leftside {
  padding: 70px 80px 80px 90px;
}

.login-box-area {
  box-shadow: 0px 12px 13.6px 2.4px rgba(207, 207, 207, 0.29);
  background: #fff;
  height: 100%;
  border-radius: 40px 40px;
}

.change-emailtxt {
  font-size: 14px;
  font-weight: 400;
  color: #999;
  padding-bottom: 10px;
  margin: 0;
}

.otp-field {
  width: 54px;
  height: 54px;
  border-radius: 6px;
  text-align: center;
  border: 1px solid #ddd;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px;
}

.resend-text {
  font-size: 14px;
}




.stepflow {
  margin: 0px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.stepflow li {
  list-style: none;
  margin-right: 15px;
  border-radius: 40px;
  position: relative;
  display: flex;
  align-items: center;
  padding-right: 15px;
  margin-bottom: 10px;
  background: #f1f1f1;
  color: #b5b5b5;
  user-select: none;
  opacity: 0.8;
}

.stepflow li>.step-number {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  box-shadow: 0px 0px 8px #ccc;
  font-size: 14px;
  font-weight: 500;
  display: flex;
  justify-content: center;
  align-items: center;
}

.stepflow li>.step-text {
  font-size: 13px;
  font-weight: 500;
  padding-left: 10px;
}

.stepflow li.active {
  background-color: #fff;
  box-shadow: 0px 0px 8px #ccc;
  color: #000;
  user-select: all;
  opacity: 1;
}

.stepflow li.active>.step-number {
  background: #000;
  color: #fff;
}

.step-process {
  margin: 0px;
  padding: 0;
  display: flex;
}

.step-process li {
  flex-grow: 1;
  height: 2px;
}

.step-process li.active {
  background: #000;
}

/*.stepflow { display: flex; flex-direction: row; justify-content: center; flex-wrap: wrap; margin: 15px 0 30px; padding: 0; }
.stepflow li { list-style: none; font-size: 13px; color:#8d8d8d; letter-spacing: 1px; flex-grow: 1; display: flex; justify-content: center; position: relative; padding-bottom: 20px; }
.stepflow li:before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin:auto; width:15px; height: 15px;  border-radius: 50%; background: #fff; border: 1px solid #999; }
.stepflow li.active:before {content: '\f00c'; color: #fff; font-size: 7px; display: flex; justify-content: center; align-items: center; background: #ea5a24; padding-left: 2px; padding-top: 2px; font-family: 'Font Awesome 5 Free'; font-weight: 900; }
.stepflow li:first-child:after {display: none;}
.stepflow li:after { content: ''; z-index: -1; position: absolute; bottom: 5px; left: -100%; right: 0; margin:auto; width:100%; height: 2px;  background: #ddd; }
.stepflow li.active:after { background: #ea5a24;}
.stepflow li:nth-child(2):after { width: 100% !important; left: -95%; }
.stepflow li:nth-child(3):after { width:98%; left: -96%; }
.stepflow li:nth-child(4):after { width: 100% !important; left: -100% !important; }
.stepflow li:nth-child(5):after { width: 118% !important; left: -118% !important; }
*/

.myac-box-area {
  box-shadow: 0px 12px 13.6px 2.4px rgba(207, 207, 207, 0.29);
  background: #fff;
  padding: 30px;
  border-radius: 0px;
  position: relative;
}

/*.breadcrump-list {margin:0px 0 10px; padding: 0; display: flex; flex-wrap: wrap;}
.breadcrump-list li {list-style: none; font-size: 13px; color: #999; padding: 8px 15px; position: relative;}
.breadcrump-list li:first-child {padding-left: 0px;}
.breadcrump-list li a {color: #000;}
.breadcrump-list li:not(:last-child):before {content: '\f054'; font-family:"Font Awesome 6 Free"; font-weight: 900; position: absolute; right: -1px; top: 11px; font-size: 10px;}*/
.edit-text-btn {
  text-align: right;
  font-size: 13px;
  padding-top: 10px;
  display: block;
}

/* Breadcrump */
.breadcrump-top-pt {
  padding-top:110px !important;
}
.breadcrump-mt {
  padding: 15px 0;
}

.breadcrump-hding {
  font-size: 20px;
  font-weight: 500;
  color:  #0c47a5;
  margin: 0;
}

.breadcrump-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.breadcrump-list li {
  list-style: none;
  font-size: 12px;
  color: #8d8d8d;
}

.breadcrump-list li>i {
  font-size: 10px;
  padding-right: 10px;
}

.breadcrump-list li a {
  color: #000;
  text-decoration: none;
  padding: 10px 10px;
}

.breadcrump-list li:first-child a {
  padding-left: 0px;
}

/* Multistep Form */
#msform {
  position: relative;
}

#msform fieldset:not(:first-of-type) {
  display: none
}

.action-button {
  margin-left: auto;
  display: block;
  margin-top: 15px;
  transition: all 0.3s;
}

.action-button:hover {
  transform: translateX(5px);
  transition: all 0.3s;
}

.action-button-previous {
  display: block;
  margin-bottom: 30px;
  /*background: #f7f7f7;*/
  padding: 5px 10px;
  border-radius: 3px;
  transition: all 0.3s;
}

.action-button-previous:hover {
  transform: translateX(5px);
  transition: all 0.3s;
}

.fieldlabels {
  color: gray;
  text-align: left
}

.progress-ht,
.progress {
  height: 6px
}

.progress-bar {
  background-color: #8be55b
}


/*.loan-box {border: 1px solid #ddd; background: #fff; border-radius: 15px; padding: 10px 25px; margin-bottom: 15px; position: relative; display: flex; align-items: center; box-shadow:0px 0px 12px #e9e9e9     ;}*/
.loan-box {
  border: none;
  border-right: 1px solid #ddd;
  background: #fff;
  padding: 10px 0px;
  margin-bottom: 15px;
  position: relative;
  display: flex;
  align-items: center;
}

.loan-box>img {
  width: 36px;
  margin-bottom: 10px;
}

.loan-box-title {
  font-size: 13px;
}

.loan-box-hding {
  font-size: 14px;
  font-weight: 700;
  margin: 0;
}

.congrates-img {
  width: 100px;
  margin: 0 20px 0 0;
  display: table;
}

.loan-offer-box {
  box-shadow: 0px 12px 13.6px 2.4px rgba(207, 207, 207, 0.29);
  background: #fff;
  padding: 20px;
  border-radius: 20px;
}

.credit-scoreimg {
  width: 80px !important;
}

.loan-offer-box .form-group {
  margin-bottom: 15px !important;
}

.tk-banklogo {
  width: 200px;
  height: 80px;
  box-shadow: 0px 0px 9px rgb(221 221 221 / 50%);
  border-radius: 10px;
  background: #fff;
  padding: 15px 15px;
}

.tk-banklogo>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tk-loandetail {
  margin: 20px 50px 0 0;
  padding: 0;
}

.tk-loandetail li {
  list-style: none;
  font-size: 18px;
  color: #000;
  font-weight: 500;
  padding: 10px 20px 10px 30px;
  position: relative;
  margin-bottom: 10px;
  background:  #0c47a5;
}

.tk-loandetail li>span {
  font-size: 13px;
  color: #000;
  display: block;
}

.tk-loandetail li:before {
  content: '';
  width: 6px;
  height: 100%;
  background: #3c8c23;
  position: absolute;
  left: 0;
  top: 0;
}

.tk-lftbg {
  background: #f7f7f7;
  position: relative;
  height: 100%;
  border-radius: 0px 0 0 0px;
  padding-left: 40px;
}

.tk-hding {
  font-size: 22px;
  text-transform: uppercase;
  font-weight: 500;
  color: #000;
  padding-bottom: 10px;
  position: relative;
}

.tk-hding:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 50px;
  background:  #0c47a5;
}

.tk-ref {
  background: #000;
  font-size: 13px;
  color: #e4e4e4;
  font-weight: 500;
  padding: 6px 15px;
  text-align: center;
  display: inline-block;
}

.tk-prgh {
  font-size: 14px;
  font-weight: 500;
  line-height: 22px;
}

.tk-contactlist {
  margin: 10px 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.tk-contactlist li {
  list-style: none;
  font-size: 14px;
  color: #5e295f;
  font-weight: 500;
  padding: 10px 25px 10px 25px;
  position: relative;
  margin-bottom: 10px;
  background: #f3faff;
  display: flex;
}

.tk-contactlist li span {
  font-size: 13px;
  color: #999;
  display: block;
  line-height: 15px;
}

.tk-contactlist li:before {
  content: '';
  width: 4px;
  height: 100%;
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
}

.tk-contactlist li>img {
  width: 35px;
  height: 35px;
  margin-right: 10px;
}

.tk-cnt-left {
  margin-right: 50px;
}

.tk-cnt-left li {
  width: 100%;
  /*background: #f3f3f3;*/
}

.tkld {
  margin: 10px 50px 0 0;
  padding: 0;
}

.tkld li {
  list-style: none;
  padding: 10px 10px 10px 0;
  margin-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.tkld li .tkld-title {
  font-size: 13px;
  color: #000;
  font-weight: 400;
  margin: 0;
}

.tkld li .tkld-title>span {
  display: block;
  font-size: 14px;
  font-weight: 600;
}

.tkld li .tkld-price {
  text-align: right;
  font-size: 16px;
}

.tkld li .tkld-price>i {
  font-size: 12px;
}

.tk-tenure {
  font-size: 20px;
  font-weight: 600;
  margin: 0;
  padding-bottom: 5px;
}

.tk-tenure-num {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
}

.tk-repaytxt {
  font-size: 12px;
  font-weight: 400;
  margin: 0;
}

.tk-lbrd {
  border-left: 2px solid #ddd;
}

.hvh {
  height: 100vh;
}

.mob-hvh {
  height: 70vh;
}

.red-heart-india {
  font-size: 12px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.red-heart-india>i {
  color: #ff0707;
  margin: 0 5px;
}

.congrates-img {
  width: 100px;
}

/*.congrates-pos {position: absolute;left: 0; right: 0; top: 0; padding-top: 30px;}
canvas {width: 100%; height: 330px;}*/

.myac-sidebar-bg {
  background: #fff;
  position: sticky;
  top: 0;
  height: 100%;
  border-radius: 15px;
  padding-left: 0px;
}

.box-design {
  border: 1px solid #ddd;
  background: #fff;
  border-radius: 15px;
  padding: 30px;
  margin-bottom: 15px;
  position: relative;
}

.my-sidebar-nav {
  margin: 0;
  padding: 0;
}

.my-sidebar-nav li {
  list-style: none;
}

.my-sidebar-nav li a {
  font-size: 14px;
  color: #000;
  padding: 12px 20px;
  display: block;
}

.my-sidebar-nav li:first-child a {
  border-radius: 15px 15px 0 0;
}

.my-sidebar-nav li.active a {
  background:  #0c47a5;
  color: #fff;
}

.my-sidebar-nav li:hover a {
  color:  #0c47a5;
}

.my-sidebar-nav li.active:hover a {
  color: #fff;
}

.my-sidebar-nav li a>i {
  width: 30px;
}

.myac-trtxt-mt {
  margin-top: 35px;
}

.myact-boxarea {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0 10px #ccc;
  margin: 15px 0 0;
  padding: 20px;
  position: relative;
}

.myact-title {
  font-size: 14px;
  font-weight: 500;
  padding-bottom: 10px;
  margin-bottom: 0;
}

.myact-group {
  margin-bottom: 10px;
}

.myact-lbl {
  font-size: 13px;
  color: #999;
  display: block;
  margin: 0;
  padding-bottom: 5px;
  font-weight: 500;
}

.myact-highligt {
  font-size: 13px;
  color: #000;
  margin: 0;
  display: block;
  font-weight: 500;
}

.myact-highligt .fa-rupee-sign {
  font-size: 10px;
}

.row-botbrd {
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

.row-topbrd {
  border-top: 1px solid #ddd;
  padding-top: 15px;
}

.myact-status {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-bottom: 0.5rem;
}

.myac-box-botbg {
  background: #fff2f1;
  padding: 5px 10px;
  border-radius: 0 0 8px 8px;
  margin-left: -10px;
  margin-right: -10px;
}

.right-top-pos {
  position: absolute;
  top: -15px;
  right: 10px;
  font-size: 12px;
  font-weight: 400;
  margin: 0;
  padding: 5px 10px;
  background: #ffffff;
  color: #000;
  border-radius: 4px;
  box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%);
}

.form-title {
  font-size: 16px;
  font-weight: 500;
  padding-bottom: 8px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 15px;
}

.bg-none {
  background: none !important;
}

.action-view,
.action-edit,
.action-del,
.action-pending {
  font-size: 12px;
  padding: 5px;
}

.action-view {
  color: #369;
}

.action-edit {
  color: #0056b3;
}

.action-del {
  color: #e30b0b;
}

.action-pending {
  color: #ffc107;
}

/*.input-file{position: relative; width: 100%; height: 26px;padding: 0px; box-sizing: border-box; font-size: 13px; vertical-align: middle; border-radius: 4px; cursor: pointer; display: flex; align-items: center; }
.input-file::file-selector-button{border: none; border-radius: 0px 0 0 0px; height: 26px; padding: 0px 19px 0 20px ; background-color: #252161; transition: all 0.6s; color: #fff; font-size: 13px; vertical-align: middle; cursor: pointer; margin-right: 10px; }
.input-file::file-selector-button:hover{background-color: #000; color: #fff; transition: all .25s ease-in; }*/

.upload-doc-tab-design {
  border: none !important;
  display: flex;
  flex-wrap: wrap;
}

.upload-doc-tab-design li button {
  font-size: 14px !important;
  border: none !important;
  color: #cfcfcf;
  border-bottom: 1px solid #cfcfcf !important;
}

.upload-doc-tab-design li {
  color: #cfcfcf;
  padding: 0 20px;
  display: block;
}

.upload-doc-tab-design li.active {
  color: #000;
  font-weight: 700;
}

.upload-doc-tab-design li button.active {
  border: none !important;
  font-weight: 700;
  border-bottom: 1px solid #000 !important;
}

.upload-doc-tab-design li button:hover {
  border: none !important;
  border-bottom: 1px solid #000 !important;
  color: #000;
}

.uploaded-doc {
  height: 50px;
  width: 50px;
  display: inline-block;
}

.uploaded-doc img {
  width: 100%;
  height: 100%;
  object-fit: full;
  border-radius: 50%;
}

.upload-btn {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 100px;
  border: 1px solid  #0c47a5;
  text-align: center;
  color:#000 !important;
}

.upload-btn:hover {
  background:  #0c47a5;
  color: #000;
  transition: 0.3s all ease-in-out;
}

.application-uploaded-doc {
  height: 80px;
  width: 120px;
  display: inline-block;
}

.application-uploaded-doc img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.apllication-bank { margin-left:15px; }

.box-shadow {
  box-shadow: 0px 12px 13.6px 2.4px rgba(207, 207, 207, 0.29);
  background: #fff;
  border-radius: 10px;
  padding: 60px 40px;
}

.abstract {
  color: #ff3300;
}

.terms-chk {
  position: relative;
  top: 3px;
  margin-right: 10px;
}

.terms-chk+label {
  font-size: 12px;
  font-weight: 500;
}

.modal-table-design thead tr th,
.modal-table-design tbody tr td {
  font-size: 13px;
}

.boolean-btn {
  position: relative;
  top: 2px;
  cursor: pointer;
}

.boolean-btn+label {
  font-size: 13px;
  color: #ddd;
  cursor: pointer;
}

.boolean-btn:checked+label {
  color: #000;
}

.no-attach-doc {
  border-radius: 0px;
  background: #dd4b39;
  color: #fff;
  font-size: 10px;
  padding: 4px;
  display: inline-block;
  margin: 0;
}

.not-applicable {
  border: 1px dashed #000;
  font-size: 12px;
  font-weight: 500;
  padding: 2px 8px;
  background: #f7f7f7;
  margin: 0;
}

.dashboard-card-icon {
  width: 35px;
}

.loading-area {
  margin: auto;
  display: block;
}

.loading-btn {
  width: 80px;
  height: 80px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 45px;
  margin: auto;
  position: relative;
  animation: shake 4s infinite cubic-bezier(.36, .07, .19, .97) both;
  transform: translate3d(0, 0, 0);
  perspective: 1000px;
}

@keyframes shake {
  0% {
    transform: scale(0.7);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(0.9);
  }

  100% {
    transform: scale(0.8);
  }
}

.loading-btn::before {
  content: "";
  position: absolute;
  border: 1px solid #000;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite
}

.loading-btn::after {
  content: "";
  position: absolute;
  border: 1px solid #000;
  width: calc(100% + 40px);
  height: calc(100% + 40px);
  border-radius: 50%;
  animation: pulse 1s linear infinite;
  animation-delay: 0.3s
}

@keyframes pulse {
  0% {
    transform: scale(0.5);
    opacity: 0
  }

  50% {
    transform: scale(1);
    opacity: 1
  }

  100% {
    transform: scale(1.3);
    opacity: 0
  }
}

.congrates-color {
  color: #1343af;
}



.credit-score {
  position: relative;
}

.score-text {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 38px;
  font-weight: 400;
  font-size: 14px;
  text-align: center;
  display: block;
  z-index: 9;
}

.progress-sc {
  display: block;
  margin: 0 auto;
  overflow: hidden;
}

.progress .bar1 {
  stroke: #5680f9;
}

.progress .offline {
  stroke: #c2c2c2;
}

.progress .online {
  stroke: #02c36f;
}

.online.red-color {
  stroke: #bb3400;
}

.progress .offline,
.progress .online {
  stroke-width: 20px;
}

.progressdiv {
  position: relative;
  font-weight: 700;
}

.progressdiv:after {
  position: absolute;
  top: 53%;
  left: 50%;
  font-size: 40px;
  transform: translate(-50%, -50%);
  content: attr(data-percent);
  background: #f1f1f1;
  border-radius: 50%;
  width: 130px;
  height: 130px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.progressdiv:before {
  position: absolute;
  top: 53%;
  left: 46%;
  font-size: 15px;
  transform: translate(-50%, -50%);
  /*content: "online";*/
}

.progress-main-all {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
}

.progress-main-text .user-data {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.progress-main-text {
  margin-left: 50px;
}

.progress-main-text .user-div {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.d-div1 {
  background: #e3d9d9;
}

.d-div2 {
  background: #5680f9;
}

.d-div3 {
  background: #f1f1f1;
}

path {
  stroke-linecap: round;
  transition: stroke-dashoffset 1s ease;
}

path.grey {
  stroke: #ececed9e;
  stroke-width: 20;
}

.grey-path-2 {
  stroke: #fff;
  stroke-width: 16px;
}

path.white1 {
  stroke: #fff;
  stroke-width: 5.5px;
}

.credit-score svg.progress {
  height: auto !important;
  background: none;
}


.opps-icon {
  position: relative;
  top: 12px;
}

.bank-logo {
  width: 120px;
}

.ifsc-search {
  font-size: 12px;
  margin-left: 5px;
}

.ifsc-search-field {
  display: none;
  border-radius: 4px;
  font-size: 12px;
  width: 130px;
  border: 1px solid rgb(221 221 221 / 100%);
  padding: 2px 10px;
  position: absolute;
  left: 110px;
  top: 0px;
  z-index: 2;
}

.help-img {
  width: 35px;
  margin: 0 auto 10px;
  display: block;
}

.semicircle {
  position: relative;
  margin: 0 auto;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.semicircle svg {
  height: 100%;
  max-width: 568px;
  width: 100%;
  display: block;
}

.left-sidebar {
  background: #fff;
  width: 50%;
  height: 100vh;
  overflow-y: auto;
}

.right-sidebar {
  width: 50%;
}

.left-sidebar::-webkit-scrollbar {
  width: 4px;
  border-radius: 10px;
}

.left-sidebar::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1);
}

.left-sidebar::-webkit-scrollbar-thumb {
  background-color:  #0c47a5;
}

.step-head {margin: 0; padding: 0 30px;}
.step-head li {list-style: none; background: #fff; box-shadow: 0px 0px 24px #d9d7d7; margin-bottom: 15px; border-radius: 6px; padding: 10px 25px; display: flex; align-items: center; position: relative;}
.step-head li .step-img {width: 3rem;}
.step-head li .step-img > img {width: 100%; height: 100%; object-fit: contain;}
.step-head li .step-title {font-size: 15px; font-weight: 600; margin-left: 15px;}
.step-head li:last-child {margin-bottom: 0px;}
.step-head li:not(:last-child):before {content: ''; position: absolute; bottom: -15px; left: 0; right: 0; width: 1px; height: 15px; background: #999; margin: auto;}

.rejected-img {
  width: 200px;
}

/* Brand List */
.brand-list {
  margin: 0px;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.brand-list li {
  width: 130px;
  list-style: none;
  margin-right: 10px;
  margin-bottom: 10px;
}

.brand-list li>.selct-brand {
  display: none;
}

.brand-list li label {
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 10px 20px;
  cursor: pointer;
  text-transform: uppercase;
}

.brand-list li label>img {
  height: 25px;
  object-fit: contain;
  margin: auto;
  display: table;
  /*filter: grayscale(100%);*/
}

.brand-list li label>span {
  font-size: 12px;
  color: #000;
  text-align: center;
  display: block;
  padding-top: 8px;
}

/*.brand-list li:nth-child(4n) {margin-right: 0px;}*/
.brand-list li>.selct-brand:checked+label {
  background: #ffdbd5;
  border-color: #f3dcd9;
}

.brand-list li>.selct-brand:checked+label>img {
  filter: grayscale(0%);
}

.banklogo-bg {
  margin-top: -15px;
  background: #f8f9fa;
  padding-bottom: 40px;
}

.bank-satement-date {
  background-color: #333;
  border-radius: 6px;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding: 4px 10px;
  display: table;
  margin: 5px auto 0;
}

/* Drag and upload file */

/* input[type="file"]#file-upload {
    display : none;
} */

/* #file-drag {border : 2px dashed #555; border-radius : 7px; color : #555; cursor: pointer; display: block; font-weight   : bold; margin : 1em 0 0; padding: 20px; text-align: center; transition : background 0.3s, color 0.3s; }

#file-drag  > i {font-size: 40px; display: block; }
#file-progress {display : none; margin  : 1em auto; width   : 100%;}
#file-upload-btn {margin : auto; display: none; }
#file-upload-btn:hover {overflow: inherit !important;}
#file-upload-form {margin : auto; width  : 100%; } */

.upload-pdf-text {
  color: #000;
  font-size: 16px;
  padding-top: 10px;
  display: block;
  margin: 0;
  padding-bottom: 0px;
}

.upload-pdf-size {
  font-size: 12px;
  font-weight: 500;
  padding-top: 5px;
  display: block;
  color: #999;
}

.drag-drop-text {
  font-size: 14px;
  color: #999;
  padding-top: 20px;
  display: block;
}

.upload-statement-detail li {
  font-size: 14px;
  word-break: break-word;
}


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;
}

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

.attenstion-list {
  margin: 0;
  padding: 0;
}

.attenstion-list li {
  list-style: none;
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

.attenstion-list li img {
  width: 20px;
  height: 20px;
  padding: 0 5px 0 0;
}

.attenstion-list li i {
  width: 20px;
  height: 20px;
  font-size: 16px;
  text-align: center;
}

.form-box-design {
  border-radius: 40px;
  margin-top: 20px;
  margin-bottom: 40px;
  padding: 40px 0 50px;
  background: #fff;
}

.doc-boxarea {
  background: #fff;
  border-left: 4px solid #000;
  border-radius: 15px;
  box-shadow: 0px 0 10px #e1e1e1;
  margin: 15px;
  padding: 15px;
  position: relative;
}

.doc-view {
  font-size: 14px;
  outline: none;
  padding: 6px 15px;
  border: none;
  font-weight: 400;
  background: #f30;
  border-radius: 30px;
  color: #fff;
  text-align: center;
  display: table;
  margin-left: 20px;
  text-decoration: none;
}

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

.small {
  font-size: 12px !important;
}

.iframe-doc {
  width: 100px;
  height: 100px;
}

.doc-img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}


.check-list {
  padding: 0;
  list-style-type: none;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -10px;
  margin-right: -10px;
  margin-left: -10px;
}

.check-list li {
  max-width: 50%;
  width: 100%;
  margin-top: 10px;
  color: #666666;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
}

.check-list li span {
  display: block;
  position: relative;
  font-size: 12px;
  z-index: 1;
  padding: 10px;
  border-radius: 3px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
  box-shadow: 0 2px 48px 0 rgba(0, 0, 0, 0.08);
}

.check-list li span svg {
  margin-right: 5px;
  display: inline-block;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: 18px;
}

.check-list li span::before {
  content: '';
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  border-radius: 3px;
  z-index: -1;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.check-list li span:focus {
  color: #e63a27;
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.check-list li span:focus::before {
  opacity: 1;
  visibility: visible;
}

.check-list li span:focus svg {
  color: #e63a27;
}

/* Email Calculator */
.boxshadow {
  box-shadow: 0px 0px 9px rgb(221 221 221 / 50%);
  background: #fff;
  position: relative;
}

.int-percent-btn {
  background: #efefef;
  padding:6px;
  cursor: pointer;
  width: 40px;
  display: flex;
  align-items: center; 
  justify-content: center;
  border-left: 1px solid #ddd;
  border-radius: 0 4px 4px 0;

}
.tenure-radio-btn {
  display: none;
}
.tenure-radio-btn + label {
  background: #efefef;
  padding:6px;
  cursor: pointer;
  width: 40px;
  display: flex;
  align-items: center; 
  justify-content: center;
  border-left: 1px solid #ddd;
}
.tenure-radio-btn-last + label {
  border-radius: 0 4px 4px 0;
}
.tenure-radio-btn:checked + label {
  background: #ddd;
}

.loan-tenure-tab li a {
  background: #efefef !important;
  color:#000;
  font-size:16px;
  border-radius: 0px !important;
  padding:6px;
  cursor: pointer;
  width: 40px;
  display: flex;
  align-items: center; 
  justify-content: center;
  border-left: 1px solid #ddd !important;
  border:none !important;
}
.loan-tenure-tab li:last-child a {
  border-left: none !important;
  border-radius: 0 4px 4px 0 !important;
}
.loan-tenure-tab li a.active {
  background: #ddd !important;
  color:#000 !important;
}

.emi-table-responsive {
  max-height: 525px;
}
.emi-table-responsive table thead tr th, .emi-table-responsive tbody tr td {
  font-size:14px;
}

.emi-table-design .emi-year-row {
  background: #f2f2f2;
}
.emi-collapse-btn {
  padding:3px; border:1px solid #ddd; border-radius: 2px; font-size:10px; margin-right: 5px; line-height: 1; position: relative;
}


.emibox {
  border: 1px solid #f5efef;
  padding: 40px 15px;
}

.emirow {
  margin-bottom: 40px;
}

.emiintrestbox {
  margin: 0 0;
}

.emititle {
  font-size: 16px;
  font-weight: 600;
  padding: 9px 0 15px 0;
  color: #000;
}

.emiresult {
  background: #024b86;
  padding: 10px 15px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

.posrel {
  position: relative;
}

.slider {
   -webkit-appearance: none; 
  width: 100%;
  height: 10px;
  background: #e8e8e8;
  outline: 0;
  opacity: 0.7;
  transition: 0.2s;
  -webkit-transition: 0.2s;
  border-radius: 20px;
}

.slider:hover {
  opacity: 1
}

.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 24px;
  height: 24px;
  background: #fff;
  cursor: pointer;
  border: 2px solid  #0c47a5;
  border-radius: 50%
}

.slider::-moz-range-thumb {
  width: 24px;
  height: 24px;
  background: #fff;
  cursor: pointer;
  border: 10px solid #f30;
  border-radius: 50%
}



.applyloan-hding {
  background: #024b86;
  margin-top: 40px;
  padding: 10px 15px;
  text-align: center;
  font-weight: 700;
  color: #fff;
  border-radius: 4px 4px 0 0;
}

.emiresultprgh {
  padding: 10px 15px 0;
  font-weight: 600;
}

.emi-piechart {
  width: 400px; height: 300px; overflow:hidden; display: table
}


.emi-value-show-box {
  position: relative;
    padding: 20px;
    background: #f1f1f1;
    border-radius: 20px;
    margin-bottom: 20px;
    z-index: 1;
}

.emiresultlist {
  padding: 0;
  margin: 0px 0 0px;
  position: relative;
  z-index: 1;
}

.emiresultlist li {
  list-style: none;
  float: none;
  font-size: 13px;
  font-weight: 400;
/*  background: #fff;*/
  border-bottom: 1px solid #ddd;
  padding: 10px 0px;
  display: flex;
    justify-content: space-between;
}

.emiresultlist li:last-child {
  border-bottom: none;
}

.emiresultlist li>strong {
  font-weight: 500;
  color: #000;
  width:130px;
  display: inline-block;
}

.emiresultlist li>span {
  display: inline-block;
  text-align: right;
   float: right; 
}

.emiresultlist li>span>input {
  text-align: left;
  width: 55%;
}

.emiresult-box {
  width: 8px;
  height: 8px;
  margin-right: 5px;
  float: inherit !important;
}

.emiresult-box.boxbg1 {
  background: #ffdea5;
}

.emiresult-box.boxbg2 {
  background:  #0c47a5;
}

.onlyemitxt {
  font-size: 13px;
}

.onlyemitxt:disabled,
.onlyemitxt[readonly] {
  border: none;
  background: 0 0;
}

.onlyemitxt:focus {
  border: none;
  outline: 0;
  box-shadow: none;
}

.focusinput:focus {
  outline: 0;
  box-shadow: none;
  border: 1px solid #ced4da;
}

.emiresultbg {
  background: #f9f9f9;
}

.slidecontainer {
  width: 100%;
}

.calc-sec-heading .section-title-calc h1 {
  padding-top: 40px;
}

.inputinr {
  position: relative;
  left: 100px;
}

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

.amountrangelist li {
  list-style: none;
  float: left;
  font-size: 12px;
  width: 2%;
  position: relative;
}

.amountrangelist li.mid {
  margin: auto;
  display: flex;
  justify-content: center;
  width: 100%;
}

.amountrangelist li.mid>span {
  clear: both;
  display: block;
  text-align: center;
  position: absolute;
  margin-top: -5px;
  padding-top: 0px;
}

.amountrangelist li.firstline:before {
  content: "|";
  font-size: 12px;
}

.amountrangelist li>span.first {
  margin-left: 0px;
  padding-top: 0px;
}

.amountrangelist li.mid:before {
  content: "|";
  position: absolute;
  top: -24px;
  font-size: 12px;
  margin-left: 2px;
}

.amountrangelist li.lastline:before {
  content: "|";
  position: absolute;
  top: -24px;
  font-size: 12px;
}

#tenureList.amountrangelist li.lastline:before {
  top:-3px !important;
} 


.amountrangelist li>span {
  clear: both;
  display: block;
  position: absolute;
  margin-top: -5px;
  margin-left: -5px;
  width: 70px;
  color: #545252;
}

.amountrangelist li>span.last {
  padding-top: 0px;
/*  text-align: right;*/
}

#tenureList.amountrangelist li>span.last {
  padding-top:18px;
}
.amountrangelist li>span.intrlast {
  margin-left: -5px;
}

.amountrangelist li>span.lastmonth {
  margin-left: -36px;
}

.amountrangelist li:last-child {
  float: right;
  /*display: flex;
  justify-content: flex-end;*/
}

.amountrangelist li:before {
  content: "|";
  position: relative;
  top: -3px;
  font-size: 10px;
}

.emibox {
  padding: 40px 30px 40px 15px;
}

.emiline {
  color: #dad5d5;
}

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

.emiloanlist li {
  list-style: none;
  float: none;
  background: #f9f9f9;
  border-bottom: 1px dashed #d8d0d0;
}

.emiloanlist li:last-child {
  border-bottom: none;
}

.emiloanlist li a {
  padding: 10px 15px;
  display: block;
  color: #333;
}

.input-group-prepend {
  margin-right: -2px !important;
}

.input-group-append {
  margin-left: -2px !important;
}

.input-group-inr {
  padding: 10px 0.75rem !important;
}

.form-control
{
  font-size: 16px !important;
  font-weight: 400;
}

.emirite-box {
  height: 100%
}

.emi-amt {
  text-align: center;
  display: block;
}

.emi-amt input {
  font-size: 22px;
  font-weight: 500;
  width: 45%;
}

.emi-amt>i {
  font-size: 18px;
}



/* EMI Repayment table */
.repayment-table {
  box-shadow: 0px 0px 9px rgb(221 221 221 / 50%);
  background: #fff;
  border-radius: 10px;
}

.repayment-table table thead tr th,
.repayment-table table tbody tr td {
  font-size: 14px;
}

.repayment-table table tbody tr:nth-child(odd) {
  background: #fbfbfb;
}

.repayment-table table tbody tr td>i {
  font-size: 12px;
}

#app svg {
  margin: auto;
  display: block;
}

.ps-box {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0 20px #ccc;
  margin: 15px;
  padding: 30px 20px 30px;
  position: relative;
}

.box-dimg {
  width: 50px;
  margin: 0 auto 10px;
  display: block;
}

.contact-box {
  min-height: 253px;
}

.single-feedback-box {
  position: relative;
  margin-left: 25px;
  margin-top: 25px;
  margin-bottom: 30px;
}

.single-feedback-box::before {
  background:  #0c47a5;
}

.single-feedback-box .feedback-desc {
  background-color: #F5E2E5;
  border-radius: 10px;
  position: relative;
  z-index: 1;
  padding-left: 30px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-top: 40px;
}

.single-feedback-box .feedback-desc p {
  margin-bottom: 0;
  position: relative;
  color: #0e314c;
}

.single-feedback-box .feedback-desc p::before {
  content: '"';
  position: relative;
  display: inline-block;
  left: 0;
  color: #0e314c;
}

.single-feedback-box .feedback-desc p::after {
  content: '"';
  position: relative;
  display: inline-block;
  right: 0;
  color: #0e314c;
}

.single-feedback-box .feedback-desc::before {
  content: '';
  position: absolute;
  left: 35px;
  bottom: -12px;
  width: 25px;
  height: 25px;
  z-index: -1;
  background: #ffffff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.single-feedback-box::before {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  content: "\f10d";
  position: absolute;
  left: 0;
  top: -25px;
  left: -25px;
  color: #ffffff;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50%;
  z-index: 2;
  text-align: center;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 30px;
}

.single-feedback-box .client-info {
  position: relative;
  padding-left: 65px;
  margin-top: 32px;
  margin-bottom: 25px;
  margin-left: 27px;
}

.single-feedback-box .client-info img {
  width: 50px !important;
  height: 50px !important;
  display: inline-block !important;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.single-feedback-box .client-info h3 {
  margin-bottom: 0;
  font-size: 17px;
  font-weight: 600;
}

.single-feedback-box .client-info span {
  display: block;
  color: #666666;
  margin-top: 6px;
  font-size: 14px;
}

.team-ritebg {
  background: #ACCFA5;
}

.team-box {
  padding: 0 20px;
}

.teamimg {
  width: 100%;
  height: auto;
  margin: auto;
}

.teamimg>img {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  object-fit: fill;
  filter: grayscale(0);
}

/*.teamimg:hover > img {filter: grayscale(0);}*/
.team-textarea {
  min-height: 70px;
  cursor: pointer;
  border-radius: 6px;
  padding: 10px 15px;
  background:  #0c47a5;
  color: #fff;
  text-align: center;
  display: block;
  margin: -20px 15px 0px;
  position: relative;
}

.team-name {
  font-size: 16px;
  font-weight: 600;
  margin: 0;
  padding: 0 0 5px;
}

.team-designation {
  font-size: 12px;
  color: #fff;
  font-weight: 400;
  margin: 0;
  padding: 0;
}

.team-sociallink {
  text-align: right;
  display: block;
  text-decoration: none;
  color: #000;
  font-size: 18px;
  font-weight: 700;
  padding-top: 10px;
  padding-right: 20px;
  margin-bottom: 20px;
}

.team-sociallink:hover {
  text-decoration: none;
  color: #000;
}

.team-sociallink i {
  font-size: 22px;
  color: #ffac16;
}

/* Team modal */
.team-modal .modal-content {
  border-radius: 1px;
  position: relative;
}

.team-modal .modal-body {
  padding: 30px;
}

.team-modal .modal-close {
  position: absolute;
  right: 0px;
  top: -40px;
  color: #fff;
  background: none;
  border: none;
  outline: none;
  font-size: 30px;
  font-weight: 200;
}

.team-modal .team-modal-name {
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}

.team-modal .team-modal-designation {
  font-size: 13px;
  color: #999;
  margin: 0;
  font-weight: 400;
  padding-bottom: 20px;
  padding-top: 5px;
  display: block;
}

.team-modal .team-modal-prgh {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.modal-pos {
  position: absolute !important;
  bottom: 0;
  margin: 0 auto !important;
}

.img-icon {
  width: 50px;
}

.eligibility-loan-img {
  margin: 0;
  display: block;
}

.csr-box {
  background: #fff;
  border-radius: 15px;
  padding: 0px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}

.csr-header {
  background-color:  #0c47a5;
  padding: 5px 20px;
  border-radius: 10px 10px 0 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.csr-hdrtxt {
  font-size: 15px;
  font-weight: 600;
  color: #fff;
}

.csr-textarea {
  padding: 20px;
}

.csr-paylist {
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #ddd;
}

.csr-paylist li {
  list-style: none;
  padding: 10px 0px;
  display: block;
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.csr-eligibility-txt {
  font-size: 11px;
  color: #fff;
  border-radius: 40px;
  padding: 3px 8px;
}

.fair-bg {
  background-color: #d7af00;
}

.good-bg {
  background-color: #00b500;
}

.good-bad {
  background-color: #8b040a;
}

.right-sidebar-vh {
  height: 100vh;
  overflow-y: auto;
}

.sell-product {
  box-shadow: 0 4px 8px 0 rgba(173, 169, 169, 0.2), 0 6px 20px 0 rgba(216, 211, 211, 0.19);
  border-radius: 10px;
  padding: 20px 10px;
  margin-bottom: 0px;
  height: 100%;
}

.sell-product .sp-hding {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #000;
}

.icon-sellnow {
  width: 46px;
  height: 46px;
  background:  #0c47a5;
  color: #fff;
  margin: 0 auto 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  padding: 12px;
  border-radius: 50%;
  padding-top: 15px;
}

/*.sell-hl {border: 1px solid magenta; color: rgb(223, 72, 223); background-color: rgb(245, 203, 245);}
.sell-pl {border: 1px solid rgb(7, 161, 207); color: rgb(7, 161, 207); background-color: rgb(168, 220, 248);}
.sell-bl {border: 1px solid rgb(226, 195, 17); color: rgb(226, 160, 17); background-color: rgb(252, 252, 173);}
.sell-msme {border: 1px solid red; color: red; background-color: rgb(250, 178, 178);}
.sell-lap {border: 1px solid rgb(82, 82, 238); color: rgb(82, 82, 238); background-color: rgb(196, 196, 252);}*/

.home-banner-loan-icon-pos {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin-top: 105px;
}

.home-sell-product {
  width: 100%;
  border: 1px solid transparent;
  background: #fff;
  box-shadow: 0 4px 8px 0 rgba(173, 169, 169, 0.2), 0 6px 20px 0 rgba(216, 211, 211, 0.19);
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 0px;
  height: 100%;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.home-sell-product .home-sp-hding {
  font-size: 12px;
  font-weight: 600;
  text-align: center;
  color: #000;
}

.home-icon-sellnow {
  width: 32px;
  height: 32px;
/*  background:  #0c47a5;*/
  color: #fff;
  margin: 0 auto 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  padding: 8px;
  border-radius: 50%;
}
.home-icon-sellnow > img {width: 30px; height: 30px;}
.home-sell-product:before {
  content: '';
  position: absolute;
  right: 7px;
  top: 7px;
  width: 22px;
  height: 22px;
  /*border:1px solid #ccc; background: #fff;*/
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}

.banner-form-checkbox {
  display: none;
}

.banner-form-checkbox:checked+label.home-sell-product {
  border-color: #000;
}

.banner-form-checkbox:checked+label.home-sell-product:after {
  content: '\f00c';
  position: absolute;
  right: 12px;
  top: 10px;
  font-size: 12px;
  font-weight: 900;
  font-family: "Font Awesome 6 Free"
}

.banner-form-checkbox:checked+label.home-sell-product:before {
  background: #7ef475;
}

.main-timeline2 {
  padding-top: 50px;
  overflow: hidden;
  position: relative
}

.main-timeline2:before {
  content: "";
  width: 7px;
  height: 100%;
  background: #084772;
  margin: 0 auto;
  position: absolute;
  top: 80px;
  left: 0;
  right: 0
}

.main-timeline2 .timeline {
  width: 50%;
  float: left;
  padding: 20px 60px;
  border-top: 7px solid #084772;
  border-right: 7px solid #084772;
  border-radius: 0 30px 0 0;
  position: relative;
  right: -3.5px
}

.main-timeline2 .icon {
  display: block;
  width: 50px;
  height: 50px;
  line-height: 50px;
  border-radius: 50%;
  background:  #0c47a5;
  border: 1px solid #fff;
  text-align: center;
  font-size: 25px;
  color: #fff;
  box-shadow: 0 0 0 2px  #0c47a5;
  position: absolute;
  top: -30px;
  left: 0
}

.main-timeline2 .timeline-content {
  display: block;
  padding: 30px 20px 20px;
  border-radius: 20px;
  background:  #0c47a5;
  color: #fff;
  position: relative
}

.main-timeline2 .timeline-content:hover {
  text-decoration: none;
  color: #fff
}

.main-timeline2 .timeline-content:after,
.main-timeline2 .timeline-content:before {
  content: "";
  display: block;
  width: 10px;
  height: 50px;
  border-radius: 10px;
  background:  #0c47a5;
  border: 1px solid #fff;
  position: absolute;
  top: -35px;
  left: 50px
}

.main-timeline2 .timeline-content:after {
  left: auto;
  right: 50px
}

.main-timeline2 .title {
  font-size: 18px;
  font-weight: 600;
  margin: 0 0 10px;
}

.main-timeline2 .description {
  font-size: 15px;
  color: #fff;
  margin: 0 0 5px
}

.main-timeline2 .timeline:nth-child(2n) {
  border-right: none;
  border-left: 7px solid #084772;
  border-radius: 30px 0 0;
  right: auto;
  left: -3.5px
}

.main-timeline2 .timeline:nth-child(2n) .icon {
  left: auto;
  right: 0;
  box-shadow: 0 0 0 2px  #0c47a5
}

.main-timeline2 .timeline:nth-child(2) {
  margin-top: 130px
}

.main-timeline2 .timeline:nth-child(odd) {
  margin: -130px 0 30px
}

.main-timeline2 .timeline:nth-child(even) {
  margin-bottom: 80px
}

.main-timeline2 .timeline:first-child,
.main-timeline2 .timeline:last-child:nth-child(even) {
  margin: 0 0 30px
}

.main-timeline2 .timeline:nth-child(2n) .icon,
.main-timeline2 .timeline:nth-child(2n) .timeline-content,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(2n) .timeline-content:before {
  background:  #0c47a5
}

.main-timeline2 .timeline:nth-child(3n) .icon,
.main-timeline2 .timeline:nth-child(3n) .timeline-content,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(3n) .timeline-content:before {
  background:  #0c47a5
}

.main-timeline2 .timeline:nth-child(3n) .icon {
  box-shadow: 0 0 0 2px  #0c47a5
}

.main-timeline2 .timeline:nth-child(4n) .icon,
.main-timeline2 .timeline:nth-child(4n) .timeline-content,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:after,
.main-timeline2 .timeline:nth-child(4n) .timeline-content:before {
  background:  #0c47a5
}

.main-timeline2 .timeline:nth-child(4n) .icon {
  box-shadow: 0 0 0 2px  #0c47a5
}

@media only screen and (max-width:767px) {
  header {position: inherit;}
  .header-btn-outline, .header-btn {font-size: 13px; margin-top:10px;}
  .home-slider {padding-top:0px !important;}
  .banner-hding {padding-top:0px !important;}
  .profile-area {min-height: 450px !important;}
  .emiresultlist li {
    display: flex; justify-content: space-between;
  }
  .emiresultlist li>strong {
    display: inline-block;
  }
  .emiresultlist li>span {
    text-align: right;
  }
  .emi-chart {
    margin-top:-60px !important;
  }
  .back-btn-w-mob {width: 100%;}
  .submit-btn {
    padding: 5px 15px;
    font-size:12px;
  }

  .director_about {
    width: 100% !important;
    margin-top:15px !important;
    margin-left: 0px !important;
  }
  .emi-table-responsive table thead tr th, .emi-table-responsive tbody tr td {
    font-size:11px;
  }
  .pl-bg {padding-top:90px !important;}
  .submit-btn-dark {
    padding: 5px 25px;
    font-size:12px;
  }
  .main-timeline2:before {
    left: 0;
    right: auto
  }

  .main-timeline2 .timeline,
  .main-timeline2 .timeline:nth-child(even),
  .main-timeline2 .timeline:nth-child(odd) {
    width: 100%;
    float: none;
    padding: 20px 30px;
    margin: 0 0 30px;
    border-right: none;
    border-left: 7px solid #084772;
    border-radius: 30px 0 0;
    right: auto;
    left: 0
  }

  .main-timeline2 .icon {
    left: auto;
    right: 2px !important;
  }
}

@media only screen and (max-width:480px) {
  .main-timeline2 .title {
    font-size: 18px
  }
}

.table-doc-required {
  border-radius: 20px;
}

.table-doc-required thead tr th,
.table-doc-required tbody tr td {
  white-space: nowrap;
}

.table-doc-required thead tr th:first-child {
  border-top-left-radius: 20px;
}

.table-doc-required thead tr th:last-child {
  border-top-right-radius: 20px;
}

.table-doc-required tbody tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
}

.table-doc-required tbody tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
}

.table-doc-required tbody tr:last-child td {
  border-bottom: none
}


@media only screen and (max-width:575px) {
  .tk-contactlist li {
    width: 100%;
  }
  .teamimg {
    width: 100%;
    height: auto;
    margin: auto;
  }

  .team-textarea {
    padding: 10px 10px;
  }

  .team-name {
    font-size: 14px;
  }

  .team-box {
    padding: 0 15px;
  }

  .home-slider .carousel-control-next,
  .home-slider .carousel-control-prev {
    display: none;
  }

  .newsletter-field {
    font-size: 12px;
    padding: 8px 100px 8px 16px;
  }

  .newsletter-btn {
    font-size: 12px;
    padding: 5px 16px;
  }
}

@media (max-width: 767px) {
  header {
    padding: 7px 0 7px;
  }

  .header_area {
    padding: 0 12px;
    border-radius: 0px;
  }

  .header_area>header {
    padding: 20px 0 !important;
  }

  .header_area .header-menu {
    background: rgb(245 245 245 / 40%);
  }

  .home_area {
    border-radius: 0px;
  }

  .banner-hding {
    font-size: 24px;
    line-height: 32px;
    margin-top: 20px;
  }

  .banner-subhding {
    font-size: 18px;
  }

  .banner-bottom-area {
    border-radius: 0px;
    padding: 60px 0;
  }

  .home_area {
    min-height: 600px;
  }

  .wrap-hding {
    font-size: 20px;
    line-height: 28px;
  }

  .wrap-hding2 {
    font-size: 17px;
  }

  .wrap-title {
    font-size: 15px;
    line-height: 24px;
  }

  .wrap-subhding {
    font-size: 16px;
  }

  .wwa-box-design {
    border-radius: 0px;
    min-height: auto;
    padding: 50px 0;
  }

  .form-box-design {
    border-radius: 0px;
    min-height: auto;
    padding: 50px 0;
  }

  .wwa-box-title {
    font-size: 18px;
  }

  .wwa-box-hding {
    font-size: 32px;
  }

  .partner-area {
    padding: 200px 0 200px;
  }

  .hiw-area {
    padding: 40px 0 0;
  }

  .hiw-box-area {
    margin-bottom: 20px;
    padding: 20px;
  }

  .hiw-first-arrow,
  .hiw-sec-arrow {
    display: none;
  }

  .referal-box {
    border-radius: 0px;
    padding-bottom: 60px;
  }

  .referal-img-area {
    height: auto;
    border-radius: 0px;
    margin-bottom: 30px;
  }

  .referal-textarea {
    padding: 0px 30px;
  }

  .faq-home-circle-img {
    width: 300px;
    height: 300px;
    margin-bottom: 40px;
  }

  .home-faq-tab {
    display: flex;
    white-space: nowrap;
    flex-wrap: unset;
    width: 100%;
  }

  .footer-address {
    margin-bottom: 20px;
  }

  .footer-hding {
    margin-top: 15px;
  }

  .footer-list li {
    margin-bottom: 10px;
  }

  .footer-hr {
    margin-top: 10px;
  }

  footer {
    border-radius: 0px;
    padding: 15px 0 10px !important
  }

  .followus-txt {
    border-bottom: 1px solid rgb(255 255 255 / 30%);
    margin-bottom: 10px;
    padding: 8px 0;
  }

  .footer-social-icon li {
    flex-grow: 1;
    border-right: 1px solid rgb(255 255 255 / 30%);
  }

  .footer-social-icon li a {
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 0px;
  }

  .footer-social-icon li a>span {
    display: block;
    font-size: 12px;
  }

  .banner-support-logo {
    width: 22px;
  }

  .support-txt {
    font-size: 9px;
  }

  .bba-hding {
    font-size: 16px;
  }

  .bba-prgh {
    font-size: 14px;
    line-height: 23px;
  }

  .box.box2 {
    background: var(--blue2);
  }
  .owl-carousel .owl-nav{
    display: none;
  }
  .partner-logo>img {
    height: 32px !important;
    width:100px !important;
  }

  /*.partner-logo1 > img, .partner-logo3 > img {height: 30px !important;}*/
  .box.box1,
  .box.box2 {
    display: none;
  }

  .header-menu {
    background: rgb(255 255 255 / 40%);
    padding: 30px 0px;
  }

  .header-menu li a.header-btn {
    display: inline-block;
    margin-left: 28px;
    margin-top: 10px;
  }

  .login-leftside {
    padding: 40px 30px 40px 30px;
    height: 100%;
  }

  .congrates-img {
    width: 95px;
  }

  .tk-ref {
    margin-bottom: 20px;
    float: inherit;
  }

  .edit-text-btn {
    text-align: left;
    font-size: 12px;
  }

  .loan-offer-img {
    margin-bottom: 15px;
    width: 150px;
  }

  .wrap-btn {
    font-size: 14px;
    padding: 10px 25px;
  }

  .tk-lftbg {
    border-radius: 0px;
  }

  .loan-box-title {
    font-size: 13px;
  }

  .loan-box-hding {
    font-size: 16px;
  }

  .login-rightside {
    height: 276px;
    min-height: auto;
    margin-top: 30px;
  }

  .login-rightside>img {
    object-fit: contain;
  }

  .logo-position {
    position: inherit;
    top: 0;
    left: 0;
    margin: 30px 0 20px;
  }

  .login-box-area {
    border-radius: 0px;
    overflow-y: auto;
    height: 100vh;
  }

  /*fieldset.login-leftside {height: 100vh;}*/
  .myac-box-area {
    padding: 30px 10px;
  }

  .breadcrump-list li {
    font-size: 12px;
  }

  .loan-box {
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #ddd;
    border-radius: 0px;
    padding: 10px 0;
    margin-bottom: 10px;
  }

  .mob-hvh {
    height: 100vh;
  }

  .mob-hvh-80 {
    height: 74vh;
  }

  .copyright-text {
    text-align: center;
  }

  .owl-carousel .owl-nav button.owl-prev {
    left: -28px;
  }

  .owl-carousel .owl-nav button.owl-next {
    right: -28px;
  }

  .mob-banner-ht {
    padding: 250px 0 140px 0;
  }

  .form-field2 {
    padding: 7px 20px;
  }

  .form-field2::placeholder {
    font-size: 11px;
  }

  .banner-form-btn {
    padding: 10px 15px;
    font-size: 12px;
  }

  .stepflow li {
    padding-right: 0px;
  }

  .stepflow li .step-text {
    display: none;
  }

  .change-mobile-number {
    height: 60px;
  }

  .change-numb-button2 {
    width: 28px;
    height: 28px;
    font-size: 13px;
  }

  .number-update-success {
    padding-left: 36px;
  }

  .number-update-success>.wrap-prgh {
    font-size: 13px;
  }

  .pan-success-text-w {
    width: 85%;
  }

  .nextbtn-bot-pos {
    position: absolute;
    right: 18px;
    bottom: 30px;
  }

  .opps-icon {
    top: 8px;
  }

  .mob-hvh-70 {
    height: 70vh;
  }

  .marquee-list li {
    font-size: 20px;
  }

  .wwa-box {
    padding: 15px 0;
  }

  .hiw-list li .hiw-hding {
    font-size: 19px;
    line-height: 28px;
  }

  .hiw-list li .hiw-list-textarea {
    width: 80%;
  }

  .hiw-list li {
    margin-bottom: 25px;
  }

  .hiw-list li .hiw-num {
    width: 36px;
    height: 36px;
    font-size: 20px;
  }

  .blog-box .left-imgarea {
    height: auto;
  }

  .wrap-subhding2 {
    font-size: 20px;
  }

  .owl-carousel .owl-nav.disabled {
    display: none;
  }

  .blog-title {
    font-size: 22px;
    line-height: 27px;
  }

  .hiw-bg {
    padding: 60px 0px;
    margin-bottom: 40px;
  }

  /*.home-slider .carousel-item img {margin-top: 50px;}*/
  .home-slider .carousel-item {
    padding-bottom: 70px;
  }

  .cs-area {
    display: none;
  }

  .newsletter-area {
    border-radius: 0px;
  }

  .loan-signup-box {
    box-shadow: none !important;
    padding: 0px !important;
  }

}

@media (max-width: 991px) {

  .left-sidebar,
  .right-sidebar {
    width: 100%;
  }

  .right-sidebar {
    display: none;
  }

  .team-box {
    padding: 0 0px;
  }

  .contact-box {
    margin: 0px 0 15px;
  }

  .fix-cta li a {
    width: 30px !important;
    height: 30px !important;
    font-size: 14px !important;
  }

  .fix-cta li .hidesocial {
    font-size: 12px !important;
  }

  .fix-cta li:hover .hidesocial {
    width: 118px !important;
    right: 24px !important;
  }

  .fix-cta li .hidesocial .fabicon {
    font-size: 16px;
  }

}

@media (min-width: 767px) {
  .body-wrapper {
    margin: 15px;
  }

}

@media (min-width: 768px) {
  .h-md-100 {
    height: 100%;
  }
}

@media (min-width: 992px) {
  .vh-md-100 {
    height: 100vh;
  }

  header {
    z-index: 9;
  }

  .banner-pt {
    padding-top: 60px;
    padding-bottom: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial  {
    min-height: 351px !important;
  }
  .single-feedback-box .feedback-desc {
    min-height: 360px;
  }
  .team-box {
    padding: 0 10px;
  }

  .team-name {
    font-size: 15px;
  }
  .boxdesign2 {
    width:200px !important;
    margin:0 15px 40px 0 !important;
  }
  .boxdesign2-mt1 {
    margin-top:-40px !important;
  }
  .boxdesign2-mt3 {
    margin-top: -30px !important;
    margin-left: 15px !important;
  }
  .boxdesign2-mt4 {
    margin-left:-20px !important;
  }
  .home-slider .carousel-control-prev {
    left: -10px;
  }

  .home-slider .carousel-control-next {
    right: 30px;
  }

  .emiresultlist li>span+strong+span {
    width: 40%;
  }

  .emi-amt input {
    width: 55%;
  }

}

.outline {
  border: 1px solid #dee4ee;
}

.pull-right {
  float: right;
}

input[type="file"].file-uploading {
  display: none;
  width: 100%;
  height: 100%;
}

.file-upload {
  cursor: pointer;
}

.file-drag,
.file-upload {
  border: 2px dashed #555;
  border-radius: 7px;
  color: #555;
  cursor: pointer;
  display: block;
  font-weight: bold;
  margin: 1em 0 0;
  padding: 20px;
  text-align: center;
  transition: background 0.3s, color 0.3s;
}

.file-drag>i,
.file-upload>i {
  font-size: 40px;
  display: block;
}

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

.file-upload-btn {
  margin: auto;
  display: none;
}

.file-upload-btn:hover {
  overflow: inherit !important;
}

.file-upload-form {
  margin: auto;
  width: 100%;
}

.gst_number_class {
  display: none;
}

/* Partner design */
.partner-box-design {
  border-radius: 40px;
  margin-top: 0px;
  padding: 120px 0 70px;
  background: #F5EAF2;
}

.partern-design-ht {
  height: 600px;
  position: relative;
  padding-top: 40px;
}

.main-partner {
  width: 400px;
  height: 400px;
  z-index: 1;
  border-radius: 50%;
  border: 10px solid #fff;
  overflow: hidden;
  background-image: linear-gradient(43deg, #eae6e3, #fff);
  position: absolute;
  top: 50px;
  left: 200px;
  right: 0;
  margin: auto;
  box-shadow: 0px 0px 22px #ccc;
  transition: all 0.3s ease-in-out;
}

.partner {
  width: 300px;
  height: 300px;
  ;
  border-radius: 50%;
  border: 10px solid #fff;
  overflow: hidden;
  background-image: linear-gradient(43deg, #eae6e3, #fff);
  box-shadow: 0px 0px 22px #ccc;
  transition: all 0.3s ease-in-out;
}

.main-partner>img,
.partner>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.0);
  transition: all 0.3s ease-in-out;
}

.partner-1 {
  position: absolute;
  left: 220px;
  bottom: -50px;
}

.partner-2 {
  position: absolute;
  right: -40px;
  top: -50px;
}

.partner-3 {
  position: absolute;
  right: 15px;
  bottom: -40px;
}

.partner-content {
  background:  #0c47a5;
  color: #fff;
  padding: 30px;
  border-radius: 10px;
  width: 440px;
  position: absolute;
  left: 0;
  top: 0;
}

.parnter-detail {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.5);
  align-items: end;
  justify-content: center;
  padding-bottom: 30px;
  transition: all 0.3s ease-in-out;
}

.parnter-detail>div>.partner-name {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 10px;
}

.parnter-detail>div>.partner-designation {
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.main-parnter-detail {
  padding-bottom: 60px;
}

.partner:hover .parnter-detail,
.main-partner:hover .parnter-detail {
  width: 100%;
  height: 100%;
  transition: all 0.3s ease-in-out;
}

.partner:hover>img,
.main-partner:hover>img {
  transform: scale(1.09);
  transition: all 0.3s ease-in-out;
}

.parnter-detail2 {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -2px;
  padding: 15px 20px;
  background: rgb(186 21 21 / 80%);
  transition: all 0.3s ease-in-out;
}

.parnter-detail2>div>.partner-name {
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 5px;
}

.parnter-detail2>div>.partner-designation {
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  color: #fff;
}

.main-parnter-detail2 {
  padding: 16px 30px 20px;
}

.partner:hover .parnter-detail2,
.main-partner:hover .parnter-detail2 {
  transform: scale(1.09);
  transition: all 0.3s ease-in-out;
}

.partner:hover,
.main-partner:hover {
  z-index: 2;
  box-shadow: 0 0 42px #6d7074;
  transform: scale(1.03);
  transition: all 0.3s ease-in-out;
}

.autocomplete-list {
  background: #fff;
  padding: 0px 15px;
  box-shadow: 0px 0px 12px #ccc;
  max-height: 165px;
  overflow: auto;
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  opacity: 1;
  z-index: 3
}

.autocomplete-list li {
  font-size: 13px;
  padding: 6px 0;
  cursor: pointer;
}

.upload-pan-img,
.upload-bank-statement {
  width: 120px;
  margin-right: 10px;
  margin-top: 16px;
  border-radius: 10px;
}

.upload-aadhaar-img {
  width: 120px;
  height: 90px;
  margin-right: 10px;
  margin-top: 16px;
  border-radius: 10px;
}

.comingsoon-form {
  box-shadow: 0px 0px 12px #ccc;
  border-radius: 40px;
}

.coming-soob-bg {
  background: url(../images/coming-soon-bg.jpg) no-repeat;
  background-size: cover;
}

.sbuttons {
  bottom: 35%;
  position: fixed;
  margin: 1em;
  left: 0;
}

.sbutton {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  color: white;
  margin: 10px auto 0;
  box-shadow: 0px 5px 11px -2px rgba(0, 0, 0, 0.18), 0px 4px 12px -7px rgba(0, 0, 0, 0.15);
  cursor: pointer;
  -webkit-transition: all .1s ease-out;
  transition: all .1s ease-out;
  position: relative;
}

.sbutton:active,
.sbutton:focus,
.sbutton:hover {
  box-shadow: 0 0 4px rgba(0, 0, 0, .14), 0 4px 8px rgba(0, 0, 0, .28);
  color: #fff;
}

.sbutton.fb {
  background: #3F51B5;
}

.sbutton.instagram {
  background: #c33f95;
}

.sbutton.linkedin {
  background: #0270ad;
}

.sbutton.twitt {
  background: #03A9F4;
}

.sbutton[tooltip]:before {
  font-weight: 600;
  border-radius: 2px;
  background-color: #585858;
  color: #fff;
  content: attr(tooltip);
  font-size: 12px;
  visibility: hidden;
  opacity: 0;
  padding: 5px 7px;
  margin-left: 10px;
  position: absolute;
  left: 100%;
  bottom: 20%;
  white-space: nowrap;
}

.sbutton[tooltip]:hover:before,
[tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

.fix-cta {
  position: fixed;
  right: 0;
  z-index: 9;
  top: 0;
  bottom: 0;
  padding: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.fix-cta li {
  list-style: none;
  margin-bottom: 2px;
  transition: 0.5s;
  position: relative;
}

.fix-cta li a {
  width: 40px;
  height: 40px;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.fix-cta li a:hover {
  text-decoration: none;
  background: #a81111;
}

.fix-cta .hidesocial {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  opacity: 0;
  transition: 0.5s;
  padding: 13px 11px;
  align-items: center;
  gap: 11px;
  font-size: 14px;
  border-radius: 5px;
  right: 30px;
  z-index: 0;
}

.fix-cta .hidesocial,
.fix-cta li a {
  background:  #0c47a5;
  color: #fff;
  display: flex;
}

.hidesocial .fabicon {
  font-size: 20px;
}

.fix-cta li:hover .hidesocial {
  opacity: 1;
  width: 130px;
  right: 30px;
}

.whatsapp-bg {
  background: #09b011 !important;
}

.instagram-bg {
  background: #ef0264 !important;
}

.linkedin-bg {
  background: #0a66c2 !important;
}

.facebook-bg {
  background: #0866ff !important;
}

.ui-datepicker {
  border: none !important;
  box-shadow: 0px 0px 12px #ccc;
}

.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center !important;
  border: none !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #fdd080 !important;
  color: #000 !important;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  border: none !important;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  background:  #0c47a5 !important;
  color: #000 !important;
}

.ui-datepicker select.ui-datepicker-month {
  margin-right: 10px !important;
}


.form-rupee-icon-pad .form-field {
  padding-left: 57px;
}

.form-rupee-icon-pad .form-lbl {
  left: 55px;
}

.form-rupee-icon {
  position: absolute;
  left: 0px;
  top: 2px;
  background: #ebebeb;
  border-right: 1px solid #ddd;
  height: 60px;
  padding: 0px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #5e5e5e;
  font-size: 14px;
}

.loan-signup-box {
  box-shadow: 0px 5px 12px 0px rgb(206 206 206 / 75%);
  background: #fff;
  padding: 30px;
  border-radius: 20px;
}

.bannerlist {
  margin: 20px 0 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
}

.bannerlist li {
  list-style: none;
  margin-bottom: 10px;
  width: 33%;
  display: flex;
  align-items: center;
}

.bannerlist li>.bannerlist-icon {
  width: 45px;
  height: 45px;
  padding: 5px;
  border-radius: 50%;
  border: 1px solid  #0c47a5;
  color:  #0c47a5;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
}

.bannerlist li>.bannerlist-icon>img {
  width: 100%;
  height: 100%;
}

.bannerlist li>.bannerlist-txt {
  color: #000;
  font-size: 12px;
  padding: 5px 10px;
  display: flex;
}

.bannerlist li:first-child {
  padding-left: 0;
}

.field-loader {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  bottom: 0;
  right: 0;
  display: none;
  align-items: center;
  justify-content: end;
  padding: 0 20px;
  z-index: 1;
  background: rgb(231 227 227 / 70%);
}

.field-loader>img {
  width: 20px;
}

#countdown {
  display: none;
}


.banner-title {
  color: #0c47a5;
  font-size: 16px !important;
  margin-bottom: 5px !important;
  display: block;
  font-weight: 600;
  padding-right: 0px !important;
}

/*.banner-hding {
  font-size:54px !important;
  margin-bottom: 20px !important;
}*/
.banner-list {
  margin: 0 0 20px;
  padding: 0px;
  display: flex;
}

.banner-list li {
  font-size: 15px;
  font-weight: 500;
  margin-right: 15px;
  margin-bottom: 15px;
  display: flex;
}

.banner-list li>i {
  width: 30px;
  color: #0c47a5;
  position: relative;
  top: 4px;
}

.banner-form-box {
  border-radius: 12px;
  background: #fff;
  box-shadow: 0px 0px 24px #dedbdb;
  padding: 40px;
  margin: 0 30px 30px 0;
}

.banner-form-hding {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 15px;
}

.banner-form-prgh {
  font-size: 13px !important;
  color: #000 !important;
  font-weight: 400 !important;
  margin-bottom: 15px !important;
  text-transform: capitalize;
}

.banner-form-field {
  width: 100%;
  font-weight: 400;
  height: 50px;
  border: none;
  border-radius: 6px;
  background: #fff;
  padding: 6px 15px;
  font-size: 14px;
  color: #000;
  border: 1px solid #ccc;
  transition: all 0.3s ease-in-out;
}

.banner-form-field::placeholder {
  color: #ccc;
}

.otp-text {
  font-size: 12px !important;
  font-weight: 400 !important;
  color: #000 !important;
  padding: 15px 0;
}

.form-btn {
  width: 100%;
  font-weight: 400;
  height: 50px;
  border: none;
  border-radius: 100px;
  background: #0c47a5;
  padding: 8px 15px;
  font-size: 16px;
  color: #000;
  font-weight: 600;
  border: 1px solid #ccc;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}


.form-btn:disabled {

  background-color: #231f20;

  color: #615e5e;
  cursor:inherit !important;
/*  cursor: not-allowed;*/
  /* Show 'not-allowed' cursor */

  opacity: 0.4;
  /* Make the button appear slightly transparent */

  border: 1px solid #231f20;

}


#resend_otp_btn:disabled {

/*  background-color: #f5d8b0;*/

  color: #FFFFFF;

/*  cursor: not-allowed;*/

  opacity: 0.6;

  border: 1px solid #ccc;

}

button:disabled{
  color: #FFFFFF;

/*  cursor: not-allowed;*/

  opacity: 0.6;

  border: 1px solid #ccc;
}

#verify-pan-btn:disabled {

  background-color: #231f20;

  color: #615e5e;

/*  cursor: not-allowed;*/

  opacity: 0.4;

  border: 1px solid #ccc;

}



.capitalize {
  text-transform: uppercase;
}

.form-terms {
  display: flex;
  align-items: start;
  margin-top: 10px;
}

.form-terms>label {
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  margin-left: 10px;
  margin-bottom: 0px;
}

.form-terms>label>a {
  color: #506ceb;
  font-weight: 500;
}

.form-terms>input {
  position: relative;
  top: 3px;
}

/*.content-on-img {position: absolute; left:0; top:0;}*/
.banner-right-img {
  float: right;
}

.banner--mt-5 {
  margin-top: -50px;
}

.process-list {
  margin: 0;
  padding: 0;
}

.process-list li {
  position: relative;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 15px;
  padding-left: 30px;
}

.process-list li:before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0c47a5;
}

.process-list li:not(:last-child):after {
  content: '';
  position: absolute;
  left: 7px;
  top: 18px;
  width: 1px;
  height: 100%;
  background: #999;
}

.process-list li>span {
  position: absolute;
  left: 4px;
  top: 6px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d0ebc7;
}

.img-boxshadow {
  box-shadow: 0px 0px 24px #e2dede;
  border-radius: 15px;
}

.faq .card button {
  background: none !important;
  color: #000 !important;
  padding: 30px 20px !important;
  width: 100%;
  text-align: left;
  border-radius: 0px !important;
  text-transform: capitalize !important;
  font-size: 16px;
  text-decoration: none;
}

.faq .btn {
  position: relative;
}

.faq .btn::before {
  background: none !important;
  color: #000 !important;
  transform: scaleX(1) !important;
}

.faq .btn:hover::before {
  background: none !important;
  color: #000 !important;
}

.faq div:focus-visible {
  outline: none;
}

.faq .btn[aria-expanded="false"]:before {
  content: '\f067';
  right: 0;
  top: 30px;
  font-weight: 900;
  font-family: Font Awesome\ 5 Free;
  text-align: right;
  padding-right: 20px;
  left: inherit !important;
}

.faq .btn[aria-expanded="true"]:before {
  content: '\f068';
  right: 0;
  top: 30px;
  font-weight: 900;
  font-family: Font Awesome\ 5 Free;
  text-align: right;
  padding-right: 20px;
  left: inherit !important;
}


.ullist li {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 15px;
  color: #7a8290;
}

.ullist li>i {
  width: 30px;
  color: #0c47a5;
}

.alfm-leftbg {
  background: #fafafa;
  color: #fff;
  height: 100%;
  border-radius: 8px 0 0 8px;
  padding: 40px 25px;
}

.alfm-hding {
  font-size: 27px;
  font-weight: 700;
  margin-bottom: 15px;
  padding-top: 0px;
}

.alfm-img {
  width: 230px;
  margin: auto;
  display: table;
}

.modal-close {
  position: absolute;
  right: 20px;
  top: 10px;
  font-size: 22px;
  font-weight: 500;
  z-index: 1;
  background: none;
  outline: none;
  border: none;
}

.cta2 {
  background: #f1d29c url('../images/cta-bg1.jpg');
  padding: 40px;
  border-radius: 200px;
}

/* Testimonial */
.testimonial {
  padding: 30px;
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 0px 23px #ccc;
  min-height: 328px;
}

.testimonial figcaption {
  display: flex;
  align-items: center;
  gap: 20px;
  margin-bottom: 20px;
}

.testimonial figcaption .name {
  font-size: 16px;
  font-weight: 600;
}

.testimonial figcaption>img {
  width: 40px !important;
  height: 40px;
  border-radius: 50%;
}

.testimonial blockquote .quote-part-1 {
  font-size: 22px;
  font-weight: 600;
  padding-bottom: 20px;
}

.testimonial blockquote .quote-part-2 {
  font-size: 16px;
}

.testimonial .quote {
  position: absolute;
  right: 20px;
  top: 0;
  font-size: 110px;
  line-height: 0;
  color: #d0ebc7;
}

.testimonial-bg1 {
  background: #231f20;
}

.testimonial-text-white figcaption .name {
  color: #fff
}

.testimonial-text-white blockquote .quote-part-1 {
  color: #fff;
}

.testimonial-text-white blockquote .quote-part-2 {
  color: #fff;
}

.testimonial-text-white .quote {
  color: #0c47a5;
}
.about-box-img {width:60px; margin-bottom: 15px;}

#testimonial-carousel .owl-item {
  padding: 15px;
}

.contact-box {
  background: #fff;
  border-radius: 4px;
  padding: 40px;
  box-shadow: 0px 0px 23px #ccc;
  position: relative;
}

.contact-box-dark {
  background: #070e21;
  padding: 30px;
  height: 100%;
  margin-left: -140px;
  margin-right: 30px;
  border-radius: 4px;
}

address {
  font-size: 14px;
  color: #fff;
  display: flex;
  align-items: start;
  gap: 15px;
}

address>i {
  position: relative;
  top: 3px;
}

address>img {
  width: 40px;
  display: block;
  filter: invert(1);
}

.profile-box {
  width: 280px;
  height: 320px;
  margin: 50px auto 0;
  display: block;
  background:  #0c47a5;
  position: relative;
}

.profile-box>img {
  width: 100%;
}

.profile-list {
  margin: 0;
  padding: 0;
  background: #fff;
  position: absolute;
  top: 20px;
  right: -25px;
  box-shadow: 0px 0px 24px #ccc;
}

.profile-list li {
  list-style: none;
  border-bottom: 1px solid #ddd;
}

.profile-list li a {
  padding: 10px 18px;
  font-size: 18px;
  color: #000;
  display: block;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
}

.profile-list li a:hover {
  background:  #0c47a5;
  transition: all 0.3s ease-in-out;
}

.profile-name {
  font-size: 18px;
  font-weight: 700;
  padding-top: 10px;
  display: block;
  text-align: center;
}

/*.teambg {background: url('../images/team/teambg.jpg'); background-size: cover;}*/


.team-design2 {
  border-radius: 8px;
  position: relative;
  box-shadow: 0px 0px 23px #ccc;
  min-height: 250px;
  margin-bottom: 40px;
}

.team-design2 .team-design2-name {
  color: #000;
  font-size: 22px;
  font-weight: 700;
}

.team-design2 .team-pos {
  font-size: 16px;
}

.team-design2 .team-img {
  width: 100%;
  height: 250px;
  border-radius: 8px 0 0 8px;
}

.team-design2 .team-img>img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 8px 0 0 8px;
}

.team-design2-area {
  padding: 20px;
}

.profile-social-list {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

.profile-social-list li {
  list-style: none;
}

.profile-social-list li a {
  font-size: 14px;
  color: #999;
  padding: 7px;
}

.team-design2-dark {
  background: #231f20;
}

.team-design2-dark .team-design2-name {
  color: #fff;
}

.team-design2-dark .team-pos {
  color: #fff;
}

.team-design2-dark .profile-social-list li a {
  color: #fff;
}

.team-design2-dark .wrap-prgh {
  color: #fff;
}

.team-design2-dark hr {
  border-color: #fff;
}

.emi-caluclator-box {
  background: #fff;
  box-shadow: 0px 0px 9px rgb(221 221 221 / 50%);
  border-radius: 10px;
}

.calculator-field-formgroup  {
  box-shadow: 0px 0px 18px #ddd7d7;
  background: #fafafa;
  padding-left: 6px;
  border-radius: 5px;
}

.calculator-field-formgroup .input-group-text {
  border: none;
  border-radius: .375rem 0 0 .375rem;
  background: #fafafa;
  font-weight: 400;
  font-size:12px !important;
  padding-top:10px;
}

.calculator-field-formgroup .input-group-inr {
  padding: 10px 5px !important
}



.calculator-field {
  border: none;
  background: #fafafa;
}

.calculator-field:focus {
  border: none;
  outline: none;
  background: #fafafa;
}

.text-gray {
  color: #999;
}


.boxdesign2 {
  background: #fff;
  margin: 0 20px 40px 0;
  border-left: 3px solid  #0c47a5;
  border-radius: 8px;
  padding: 20px;
  width: 220px;
  height: 180px;
  box-shadow: 0 6px 16px rgba(52, 105, 203, .16);
}

.boxdesign2-icon {
  width: 32px;
  height: 32px;
  background:  #0c47a5;
  color: #fff;
  margin: 0 0 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 13px;
  padding: 8px;
  border-radius: 50%;
}

.boxdesign2-img {
  width: 50px;
  height: 50px;
  object-fit: contain;
  margin-bottom: 10px;
}

.boxdesign2-mt1 {
  margin-top: -40px;
}

.boxdesign2-mt3 {
  margin-top: -30px;
  margin-left: 30px;
}

.boxdesign2-mt4 {
  margin-left: 0px;
}

.pl-sec2 {
  background: url('../images/background/bg2.png');
  background-size: cover;
  padding: 120px 0 30px;
}


.eligcal-bg {
  background: url('../images/background/bg5.png');
  background-size: cover;
  min-height: 350px;
  padding-top: 110px;
}

.loan-eligibility-form .form-field {
  background: transparent;
}

.emi-chart {
  display: flex;
  justify-content: center;
  margin-top: -100px;
}

.pl-bg {
  background: url('../images/background/bg3.png');
  background-size: cover;
  padding-top: 110px;
}

.faq-bg {
  background: url('../images/background/bg-faq2.png');
  background-size: cover;
  padding-top: 110px;
  padding-bottom: 30px;
}

.faq-light-bg {
  background: #f5f5f5;
  padding: 60px 0;
}

.loan-box-design {
  border-left: 4px solid  #0c47a5;
  border-radius: 10px;
  box-shadow: 0px 0px 9px rgb(221 221 221 / 50%);
  background: #fff;
  position: relative;
}

.loan-hding {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 30px;
}

.loan-hding>span {
  color:  #0c47a5;
}

.borrower-self {
  display: none;
}

.upload-docbtn label {
  cursor: pointer;
  font-size: 14px;
  padding: 5px;
}

.mobnavbg .navigation2 li a>i {
  float: inherit;
  margin-right: 10px;
  color:  #0c47a5;
}

.info-tooltip {
  font-size: 11px;
  position: relative;
  top: -1px;
  margin-left: 3px;
  cursor: help;
}

.info-tooltip[data-title]:before {
  width: 240px;
  font-weight: 400;
  border-radius: 2px;
  background-color: #585858;
  color: #fff;
  content: attr(data-title);
  font-size: 10px;
  visibility: hidden;
  opacity: 0;
  padding: 5px 7px;
  margin-left: 10px;
  position: absolute;
  left: 100%;
  bottom: 20%;
  /*white-space: nowrap;*/
  z-index: 2;
  line-height: 1.5;
}

.info-tooltip[data-title]:hover:before,
[tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}
.info-tooltip2 {
  font-size: 11px;
  position: relative;
  top: -1px;
  margin-left: 3px;
  cursor: help;
}

.info-tooltip2[data-title]:before {
  width: 240px;
  max-height: 300px;
  overflow-y:auto ;
  font-weight: 400;
  border-radius: 2px;
  background-color: #f7f7f7;
  color: #000;
  content: attr(data-title);
  font-size: 10px;
  visibility: hidden;
  opacity: 0;
  padding: 10px;
  margin-left: 10px;
  position: absolute;
  left: -50px;
  bottom: 20%;
  /*white-space: nowrap;*/
  z-index: 2;
  line-height: 1.5;
  box-shadow: 0px 0px 24px #ccc;

}

.info-tooltip2[data-title]:hover:before,[tooltip]:hover:after {
  visibility: visible;
  opacity: 1;
}

.partner-bg {
  background: url('../images/background/bg-faq2.png');
  background-size: cover;
  min-height: 350px;
  padding-top: 110px;
}

.partner-bg2 {
  background: url('../images/background/partner-bg2.png');
  background-size: cover;
}


.partner-box-img {
  width: 70px;
  height: 70px;
  padding: 20px;
  background: #fff;
  border-radius: 50%;
  margin: 0 0 10px;
  display: table;
}
.partner-box-img img {
  width: 100%;
  height: 100%;
}

.partner-step-number {font-size: 50px; font-weight: 600; color:#999; line-height: 1;}

.no-your-account {
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}
.appstore-img {width:110px; margin:5px;}

.pan-edit {
  position: absolute;
  right: 0;
  top: 10px;
}

.pan-verified {
  position: absolute;
  right: 0;
  top: 22px;
  font-size: 12px;
  color:#129112;
}

.edit-icon {
  position: absolute;
  right: 0;
  top: 10px;
}

.loader_class{
  position: fixed; /* Keep the loader fixed on the page */
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#company_name_div{
  display: none;
}
#business_vintage_div{
  display: none;
}
#employeement_sector_div{
  display: none;
}
#profession_type_div{
  display: none;
}
#exp_div{
  display: none;
}
#designation_div{
  display: none;
}
@media (max-width:524px) {
  .elical-longlbl {
    top: 8px !important;
  }
}

@media (max-width:480px) {
  .bannerlist li {
    width: 100% !important;
  }
  .emiresultlist li>strong {
    width: 120px;
  }
}

@media (max-width:575px) {
  .partern-design-ht {
    height: 330px;
  }

  .partner {
    width: 140px;
    height: 140px;
  }

  .main-partner {
    width: 180px;
    height: 180px;
    left: -165px;
    top: -50px;
  }

  .partner-1 {
    position: absolute;
    left: 25px;
    top: 160px;
  }

  .partner-2 {
    position: absolute;
    right: -3px;
    top: -53px;
  }

  .partner-3 {
    position: absolute;
    right: 60px;
    bottom: inherit;
    top: 113px;
  }

  .parnter-detail2 {
    padding: 7px 4px 8px;
  }

  .parnter-detail2>div>.partner-name {
    font-size: 10px;
    margin-bottom: 1px;
  }

  .parnter-detail2>div>.partner-designation {
    font-size: 9px;
  }

  .partner-content {
    width: 100%;
    position: inherit;
  }

  .otp-field {
    width: 34px;
    height: 34px;
    font-size: 12px;
  }

  .toggle-logo {
    width: 115px;
  }

  .register-btn,
  .sidebar-login-btn {
    font-size: 11px !important;
    padding: 4px 12px !important;
  }

  .team-design2 .team-img>img {
    border-radius: 8px 8px 0 0;
  }

  .team-design2 {
    padding-bottom: 20px;
  }
  .boxdesign2-mt1 {
    margin-top: 20px;
  }

  .boxdesign2-mt2 {
    margin-left: 80px;
  }

  .boxdesign2-mt3 {
    margin-left: 0px;
    margin-top: 0px;
  }

  .boxdesign2-mt4 {
    margin-left: 80px;
  }

}

@media (max-width:767px) {
  .about-box-area {
    min-height: auto !important;
    padding-bottom: 40px;
  }

  .single-feedback-box .feedback-desc {
    min-height: auto;
  }

  .accordion-button {
    padding: 8px 16px 8px 8px !important;
    align-items: flex-start;
  }

  .accordion-header>button {
    font-size: 15px !important;
  }

  .wrap-prgh {
    font-size: 14px;
  }

  #eligiable-emi {
    display: none;
  }

  .tk-lftbg {
    padding-left: 20px;
  }

  .bannerlist li {
    width: 50%
  }

  .home-faq-tab {
    margin: 30px 0 15px 0;
  }

  .tab-content {
    margin-top: 15px;
  }

  .home-slider img {
    width: 78%;
    height: auto !important;
  }

  .banner-form-box {
    padding: 20px;
    margin: 0px;
  }

  .banner-form-hding {
    font-size: 20px;
  }

  .banner-list {
    display: block;
  }

  .home-slider-area {
    background: none;
  }

  .cta2 {
    border-radius: 40px;
  }

  .testimonial .quote {
    font-size: 70px;
  }

  #testimonial-carousel .owl-nav {
    display: none;
  }

  .newsletter-area {
    height: auto;
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .contact-box {
    padding: 20px;
  }

  .contact-box-dark {
    margin: 0px !important;
  }

  .faq-bg {
    padding-top: 120px;
  }

  .pl-sec2 {
    padding: 20px 0 20px;
  }

  
}

@media (max-width:991px) {
  .register-btn {
    font-size: 13px;
    padding: 4px 17px;
    margin-top: 9px;
    margin-bottom: 0px;
    line-height: 20px;
  }
}

@media (min-width:320px) and (max-width:394px) {
  .partner-1 {
    left: 25px !important;
  }

  .partner-3 {
    right: 10px !important;
    bottom: inherit;
    top: 113px !important;
  }
  .emi-piechart {
    width:400px;
    height: 400px;
  }
}

@media (min-width:575px) and (max-width:991px) {
  .partern-design-ht {
    height: 420px;
  }

  .partner {
    width: 180px;
    height: 180px;
  }

  .main-partner {
    width: 240px;
    height: 240px;
    left: 0;
  }

  .partner-1 {
    position: absolute;
    left: 30px;
    top: -58px;
  }

  .partner-2 {
    position: absolute;
    right: 20px;
    top: -53px;
  }

  .partner-3 {
    position: absolute;
    right: 28px;
    bottom: inherit;
    top: 220px;
  }

  .parnter-detail2 {
    padding: 7px 10px 8px;
  }

  .parnter-detail2>div>.partner-name {
    font-size: 11px;
    margin-bottom: 1px;
  }

  .parnter-detail2>div>.partner-designation {
    font-size: 10px;
  }

  .partner-content {
    width: 100%;
    position: inherit;
  }

  .main-parnter-detail2 {
    padding: 7px 20px 10px;
  }
}

@media (min-width:576px) and (max-width:767px) {
  .home-slider .carousel-control-prev {
    left: 5%;
  }

  .home-slider .carousel-control-next {
    right: 8%;
  }
  .boxdesign2-mt1 {
    margin-top: 20px;
  }

  .boxdesign2-mt2 {
    margin-left: 0px;
  }

  .boxdesign2-mt3 {
    margin-left: 0px;
    margin-top: 0px;
  }

  .boxdesign2-mt4 {
    margin-left: 0px;
    margin-top:-30px;
  }
}

@media (min-width:768px) and (max-width:991px) {
  .newsletter-img {
    margin-top:0px !important;
  }
  .single-feedback-box .feedback-desc {
    min-height: 285px;
  }
  .emi-chart {
    margin-top:-40px !important;
  }
  .emiresultlist li {
    font-size: 12px;
  }
  .about-box-area {
    min-height: 502px !important;
    margin-bottom: 15px;
  }
  .contact-box-dark {
    margin-right:0px !important;
  }
  .banner-hding {
    font-size: 24px;
    line-height: 32px;
  }

  .home-slider img {
    width: 100%;
    height: auto !important;
  }

  .home-slider .carousel-item {
    height: 400px;
  }

  .home-slider .carousel-control-prev {
    left: -5px;
  }

  .home-slider .carousel-control-next {
    right: 2%;
  }

  .wrap-hding {
    font-size: 24px;
    padding-bottom: 0px;
  }

  .wrap-hding2,
  .wrap-subhding2 {
    font-size: 18px;
  }

  .wwa-box {
    padding: 20px 0 0;
  }

  .wwa-box-hding {
    font-size: 32px;
  }

  .wwa-box-design {
    padding: 40px 0;
  }

  .hiw-area {
    padding: 40px 0;
  }

  .testimonial-bg {
    min-height: 285px;
  }

  .testimonial-bg2 {
    min-height: 328px;
  }

  .drag-drop-text {
    font-size: 11px;
  }

  .upload-pdf-size {
    font-size: 10px;
  }

  .bannerlist li {
    width: 50%
  }

  .emi-amt>i {
    font-size: 14px;
  }

  .onlyemitxt {
    width: 55% !important;
    font-size: 16px !important;
  }

  .pl-sec2 {
    padding:30px 0 30px !important;
  }
  .boxdesign2-mt1 {
    margin-top:-30px !important;
  }
  .tk-contactlist li {
    width: 100%;
  }

}

@media (min-width:992px) and (max-width:1199px) {
  .about-box-area {
    min-height: 598px !important;
  }

  .banner-hding {
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 0px;
  }

  .wrap-hding {
    font-size: 24px;
  }

  .wrap-prgh {
    font-size: 14px;
  }

  .wwa-box {
    padding: 30px 20px;
  }

  .wwa-box-hding {
    font-size: 30px;
  }

  .wwa-box-design {
    padding: 40px 0;
  }

  .bannerlist li {
    width: 50%;
  }

  #piechart_3d {
    width: 350px !important;
    height: 220px !important;
  }
}

@media (min-width:1200px) and (max-width:1300px) {
  
  .home-slider .carousel-control-prev {
    left: 0%;
  }

  .home-slider .carousel-control-next {
    right: 4%;
  }

  .bannerlist li {
    width: 50%;
  }

  .about-box-area {
    min-height: 529px !important;
  }
}

@media (min-width:1301px) and (max-width:1599px) {
  .about-box-area {
    min-height: 529px !important;
  }

}

@media (min-width:1200px) and (max-width:1399px) {
  .single-feedback-box .feedback-desc {
    min-height: 310px;
  }
}

@media (min-width:1400px) {
  .single-feedback-box .feedback-desc {
    min-height: 260px;
  }
}

.director-bg {
    padding: 50px 0px;
    background-color: #f1f1f1;
}

.director_about {width: 105%;height: auto;background-color: #fff;padding: 40px 30px;margin-left:-5%;margin-top: 105px;
box-shadow: 1px 1px 8px rgba(230,230,230,0.5);-webkit-box-shadow: 1px 1px 8px rgba(230,230,230,0.5);-moz-box-shadow: 1px 1px 8px rgba(230,230,230,0.5);-o-box-shadow: 1px 1px 8px rgba(230,230,230,0.5);}


.tooltip-sec {cursor: pointer; position: relative;}
.tooltip-sec:hover:before { content: attr(data-title); white-space: nowrap; position: absolute; top: -38px; left: 50%; padding: 6px 10px; display: flex; justify-content: center; background: #000; color: #fff; font-size: 11px; z-index: 9999; font-weight: 500; letter-spacing: 0.5px; transform: translateX(-50%) scale(1); box-shadow: 0px 3px 10px rgb(204 204 204 / 80%); animation: filteratr-anim 0.2s;}
.tooltip-sec:hover:after {content: ''; position: absolute;  transform: scale(1); top: -13px; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #000; margin: auto; display: block; transform: translateX(-50%) scale(1); left: 50%; animation: filteratr-animarrow 0.2s;}
.tooltip-width:hover:before {white-space: break-spaces !important; width:250px;}

small.text-gray.tooltip-sec:hover:after {border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #000;} 

.btn.disabled, .btn:disabled button:disabled { cursor:inherit !important; }
.form-btn.disabled, .btn:disabled { cursor:inherit !important; }

/* Modal design */
.modal-design .modal-content {
    border-radius: 1px;
    border: none;
    box-shadow: 0px 0px 13px #999;
}

.modal-design .modal-title{
  font-size: 16px;
    font-weight: 600;
    padding-bottom: 10px;
    margin-bottom: 0;
}
.modal-design .btn-close {
  font-size: 10px;
  padding: 10px;
  position: absolute;
  top: 15px;
  right: 15px;
  font-weight: 700;
  color: #000;
}
.modal-design .btn-close:focus {
  outline: none; box-shadow: none;
}
.modal-design .modal-header {
  padding-bottom: 0px; border:none;
}

.modal-design .modal-footer {
  padding-top:0px;  border:none;
}

.document-status-text {
  position: absolute;
    right: 20px;
    top: -9px;
    background: #ffd68e;
    padding: 2px 8px;
    color: #000000 !important;
    font-weight: 700;
    border-radius: 4px;
    font-size: 10px;
}

#result {font-weight: 700;}
.value-box-ht {
  height: 196px;
}
.myact-document-scrollbar {max-height: 938px; overflow-y: auto; padding:15px 12px 0 6px;}

#coapplicant_name_div{
  display: none;
}

.doc_reject_reason { width:100px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: block; font-size:11px;}

.home-slider {background: url(../images/background.webp) no-repeat; background-size: cover;}
.carousel-bakpos {position: absolute; left: 0; right: 0; top: 0; bottom: 0; }
.home-slider .carousel-caption {color:#000 !important;}

.pb-tab { background: #ededed; margin: 0 auto 15px !important ; padding: 8px; display: inline-flex; border-radius: 30px; }
.pb-tab li { list-style: none;   }
.pb-tab li a { font-size:14px; padding:8px 20px; border-radius: 20px !important;  display: block;  color:#242424; text-align: center; }
.pb-tab li a.active {background:#0c47a5 !important; color: #fff !important;}
.pb-tab li a:hover {text-decoration: none;}

.home-tab-img1 {width: 250px;}

/* Profile */
.profile-area { background: #f7f7f7; min-height: 500px; margin-bottom: 30px; border-radius: 10px; box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); -webkit-box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); -o-box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); -moz-box-shadow:0px 6px 16px 0px rgba(193, 193, 193, 0.35); }
.profile-bgimg { border-radius: 10px 10px 0 0; position: relative; height: 120px;  }
.profile-bgimg > img {border-radius: 10px 10px 0 0; width: 100%; height: 100%;}
.profile-imgarea { border-radius: 50%; background: #ddd; width: 150px; height: 150px; border:4px solid #fff; margin:auto; position: absolute; left: 0; right: 0; bottom: -40%; }
.profile-img { border-radius: 50%; width: 100%; height: 100%; object-fit: cover}
.profile-name { font-size: 16px !important; font-weight: 700; padding: 15px 0 0; display: block; text-align: center; margin-bottom: 0; margin-top:40px; color:#000;  }
.profile-title { font-size: 14px !important; color:#999; font-weight: 400; line-height: 22px; text-align: center; display: block; margin-bottom: 0; padding-bottom: 0 !important; padding-top:2px !important; }
.profile-socialicon  { margin: 20px auto 20px; padding: 0px; display: table;}
.profile-socialicon li { list-style: none; float: left;  margin-right: 10px;}
/*.profile-socialicon li:first-child a {  padding: 5px 12px;}*/
.profile-socialicon li a { display: block; text-decoration: none; color: #333; font-size: 16px; border: 1px solid #333; padding: 5px 10px; border-radius: 50%;}
.profile-socialicon li:hover a { background: #333; color:#fff; }
.followbtn {display: inline-block; text-decoration: none; color: #369; font-size: 15px; font-weight: 600; padding: 6px 20px; margin:15px auto 0; border: 1px solid #369; transition: all ease-in-out 0.3s; }
.followbtn:hover { text-decoration: none; background: #369; color:#fff; transition: all ease-in-out 0.3s; }
.centerdiv { text-align: center; }
.centerdiv-all { display: flex; justify-content: center; flex-wrap: wrap; }

/* Footer */
section.section-cta {
    background-color: #4271bd;
/*    clip-path: ellipse(75% 100% at center top);*/
    padding:30px 0px;
}
footer.netcrm-footer ul {
  list-style: none;
  padding: 20px 0;
}
footer.netcrm-footer ul li {
  padding: 0px 0; margin-bottom: 5px;
}
footer.netcrm-footer ul li a {
  text-decoration: none;
  color: #000;
  font-size: 15px;
}
.copyright-bg {background: #2756a3; padding: 20px 0; color:#fff; display: block;}
.copyright {border-top: 1px solid #ddd; padding-top: 15px;}