/* @import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,400i,700,800,800i,900i&display=swap');

html {
 scroll-behavior: smooth;
}

html,
body {
 color: #000;
 font-size: 1em;
 line-height: 1.4;
 /* font-family: 'Source Sans Pro', sans-serif; */
 font-family: 'Nunito Sans';
 font-weight: 400;
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}

::selection {
 background: #b3d4fc;
 text-shadow: none;
}

hr {
 display: block;
 height: 1px;
 border: 0;
 border-top: 1px solid #490680;
 margin: 1em 0;
 padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
 vertical-align: middle;
}

fieldset {
 border: 0;
 margin: 0;
 padding: 0;
}

textarea {
 resize: vertical;
}

p {
 font-size: 16px;
 /* color: #878C8F; */
 color: #6b6b6b;
 margin-bottom: 0;
}

small {
 font-size: 12px;
}

a {
 color: #000106;
 text-decoration: none;
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
}

a:active,
a:hover,
a:focus {
 outline: 0;
 text-decoration: none;
}

h1 {
 margin-bottom: 0;
}

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

img {
 width: 100%;
}

.clearfix {
 clear: both;
}

.container {
 max-width: 1400px;
}

/*icomoon*/
@font-face {
 font-family: 'icomoon';
 src:  url('../fonts/icomoon.eot?763vrs');
 src:  url('../fonts/icomoon.eot?763vrs#iefix') format('embedded-opentype'),
 url('../fonts/icomoon.ttf?763vrs') format('truetype'),
 url('../fonts/icomoon.woff?763vrs') format('woff'),
 url('../fonts/icomoon.svg?763vrs#icomoon') format('svg');
 font-weight: normal;
 font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
 /* use !important to prevent issues with browser extensions that change fonts */
 font-family: 'icomoon' !important;
 speak: none;
 font-style: normal;
 font-weight: normal;
 font-variant: normal;
 text-transform: none;
 line-height: 1;

 /* Better Font Rendering =========== */
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
}

.icon-cricross:before {
 content: "\e926";
}
.icon-account:before {
 content: "\e922";
}
.icon-calendar:before {
 content: "\e923";
}
.icon-transaction:before {
 content: "\e924";
}
.icon-sort:before {
 content: "\e925";
}
.icon-search:before {
 content: "\e921";
}
.icon-confirmed:before {
 content: "\e915";
}
.icon-flow:before {
 content: "\e91e";
}
.icon-exlam:before {
 content: "\e920";
}
.icon-cross:before {
 content: "\e91f";
}
.icon-divorced:before {
 content: "\e91d";
}
.icon-loan1:before {
 content: "\e91c";
}
.icon-capital:before {
 content: "\e900";
}
.icon-cash:before {
 content: "\e901";
}
.icon-checkmark:before {
 content: "\e902";
}
.icon-doc:before {
 content: "\e903";
}
.icon-fb:before {
 content: "\e904";
}
.icon-female:before {
 content: "\e905";
}
.icon-hand:before {
 content: "\e906";
}
.icon-info:before {
 content: "\e907";
}
.icon-insta:before {
 content: "\e908";
}
.icon-leftarrow:before {
 content: "\e909";
}
.icon-like:before {
 content: "\e90a";
}
.icon-loan:before {
 content: "\e90b";
}
.icon-loc:before {
 content: "\e90c";
}
.icon-male:before {
 content: "\e90d";
}
.icon-married:before {
 content: "\e90e";
}
.icon-money:before {
 content: "\e90f";
}
.icon-rightarrow:before {
 content: "\e910";
}
.icon-sad:before {
 content: "\e911";
}
.icon-spendtime:before {
 content: "\e912";
}
.icon-tel:before {
 content: "\e913";
}
.icon-tick:before {
 content: "\e914";
}
.icon-twitter:before {
 content: "\e916";
}
.icon-wallet:before {
 content: "\e917";
}
.icon-warning-sign:before {
 content: "\e918";
}
.icon-apply:before {
 content: "\e919";
}
.icon-attention:before {
 content: "\e91a";
}
.icon-calc:before {
 content: "\e91b";
}


/*icomoon end*/

/*hamburger*/

.headeractive a {
 color: #8fa4a9;
 font-weight: bold;
}

.mobHeader {
 display: none;
}

.mobHeader ul {
 display: flex;
 align-items: center;
}

.mobHeader ul li {
 margin-left: 20px;
}

.dropMenu {
 opacity: 0;
 position: absolute;
 background: #fff;
 padding: 15px 26px 0;
 -webkit-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3);
 -moz-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3);
 box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3);
 transition: 0.3s all ease-in-out;
 -webkit-transition: 0.3s all ease-in-out;
 -moz-transition: 0.3s all ease-in-out;
 -ms-transition: 0.3s all ease-in-out;
 -o-transition: 0.3s all ease-in-out;
}

.droVis:hover .blk-btn + .dropMenu {
 opacity: 1 ;
}

.dropMenu ul {
 display: block !important;
}

.dropMenu ul li {
 margin-left: 0 !important;
 margin-bottom: 10px;
}

.app-menu {
 position: relative;
 cursor: pointer;
 width: 30px;
 height: 20px;
 top: -7px;
}

.app-menu span {
 position: relative;
 width: 30px;
 background: #fff;
 height: 2px;
 display: inline-block;
 vertical-align: middle;
 top: 5px;
}
.app-menu span:before {
 content: '';
 position: absolute;
 right: 0;
 top: -10px;
 width: 30px;
 height: 2px;
 background: #fff;
 border-radius: 10px;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
}
.app-menu span:after {
 content: '';
 position: absolute;
 right: 0;
 top: 10px;
 background: #fff;
 width: 30px;
 border-radius: 10px;
 height: 2px;
 transition: all 0.2s ease-in-out;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out;
}


.fixHeader .app-menu span{
  background:#490680 !important;
}
.fixHeader .app-menu span:after{
  background:#490680 !important;
}
.fixHeader .app-menu span:before{
  background:#490680 !important;
}

.app-menu-old span{
 background:#222 !important;
}
.app-menu-old span:after{
  background:#222 !important;
}
.app-menu-old span:before{
  background:#222 !important;
}
/*hamburger end*/

/*mobile menu*/
.mobScreen {
 width: 100%;
 height: auto;
 position: relative;
 right: 0;
 background: #fff;
 z-index: 2;
 box-shadow: initial;
 transition: 0.5s all ease-in-out;
 -webkit-transition: 0.5s all ease-in-out;
 -moz-transition: 0.5s all ease-in-out;
 -ms-transition: 0.5s all ease-in-out;
 -o-transition: 0.5s all ease-in-out;
}

.mobScreen.scaled .mobScreenClose {
 opacity: 1;
 visibility: visible;
}

.mobScreenClose {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 /* background: rgba(255, 0, 36, 0.1); */
 z-index: 9999;
 opacity: 0;
 visibility: hidden;
 transition: 0.5s all ease-in-out;
 -webkit-transition: 0.5s all ease-in-out;
 -moz-transition: 0.5s all ease-in-out;
 -ms-transition: 0.5s all ease-in-out;
 -o-transition: 0.5s all ease-in-out;
}

.mobScreen.scaled {
 overflow: hidden;
 box-shadow: 0 6px 46px 12px #efefef;
 right: 350px;
}

/*.mobMenu {display: none;}
.mobMenu.block {display: block;}
*/
.mobMenu .mobIn {position: absolute;
 top: 0;
 right: 0;
 list-style: none;
 width: 350px;
 height: 100%;}

.mobMenu .mobIn ul {
 display: block;
 list-style: none;
 margin: 0;
 margin-top: 35px;
 padding: 0;
 overflow: auto;
}

.mobMenu .mobIn ul li i {
 margin-right: 10px;
}
.mobMenu .mobIn ul li {
 margin-bottom: 20px;
 margin-left: 50px;
}

.mobMenu .mobIn ul li a {
 font-size: 16px;
}

.scaled .app-menu span:before {
 right: -1px;
 top: -4px;
 transform: rotate(45deg);
 width: 10px;
}

.scaled .app-menu span:after {
 right: -1px;
 top: 4px;
 transform: rotate(-45deg);
 width: 10px;
}

.scaled .app-menu span {
 width: 20px;
}
/*mobile menu end*/

/*common*/
/*.dashPend {margin-bottom: 40px;}*/
.comHead {
 font-size: 36px;
 border-left: 5px solid #A5C2CA;
 padding-left: 15px;
 font-weight: 700;
}

.comHead-new {
  font-size: 36px !important;
  color: #490680 !important;
  font-weight: 600 !important;
  margin-bottom: 20px;
}

.pr-policy-top1 {
  font-size: 24px;
  color: #6b6b6b;
}

.disRej {
 display: flex;
 margin-top: 40px;
}

.bl-link {
 color: #1900FF;
 font-weight: 600;
 display: flex;
 align-items: center;
 margin-top: 25px;
}

.bl-link span {
 margin-left: 5px;
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
}

.bl-link:hover {
 color: #1900FF;
}

.bl-link:hover span {
 margin-left: 10px;
}

.rejBtn {
 color: #D24C4C !important;
 background: #fff !important;
 border: 2px solid #fff !important;
}

.org {
 color: #FF4600 !important;
}

.gren {
 color: #00a200;
}

.fleHig {
 display: flex;
}

.fleHig .box-shd {
 width: 100%;
}

.badge {
 background: #58727E;
 color: #fff;
 font-size: 12px;
 border-radius: 25px;
 width: 42px;
 height: 26px;
 display: inline-flex;
 justify-content: center;
 line-height: 20px;
 font-weight: 700;
 margin-left: 5px;
}

.righthead ul li a i {
 margin-right: 5px;
 font-size: 12px;
}

.righthead {
  height: 73px;;
}

.fixHeader .righthead {
  height: 60px;
  padding-top: 10px !important;
}
.righthead-old {
  padding-top: 0px !important;
  height: 36px;
}

.dashPend i {
 font-size: 55px;
 margin-bottom: 20px;
 display: block;
 color: #878C8F;
}

.gry-shad {
 -webkit-box-shadow: 0px 3px 21px 0px rgba(165, 194, 202, 1);
 -moz-box-shadow: 0px 3px 21px 0px rgba(165, 194, 202, 1);
 box-shadow: 0px 3px 21px 0px rgba(165, 194, 202, 1);
}

.box-shd {
 background: #fff;
 padding: 30px;
 -webkit-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3);
 -moz-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3);
 box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3);
}

.mtb-40 {
 margin: 40px 0;
}

.mb-40 {
 margin-bottom: 40px;
}

.mt-40 {
 margin-top: 40px !important;
}

.mt-50 {
 margin-top: 50px;
}

.mt-60 {
 margin-top: 60px !important;
}

.mt-90 {
 margin-top: 90px !important;
}

.headTitle {
 font-weight: 600;
 font-size: 24px;
}

.blk-btn:hover {
 color: #fff !important;
}

.blk-btn i {
 font-size: 14px;
 margin-left: 7px;
}

.blk-btn {
 background: #490680;
 color: #fff !important;
 font-weight: 600 !important;
 width: max-content;
 padding: 0 20px;
 display: block;
 text-align: center !important;
 height: 36px;
 line-height: 36px !important;
 transition: 0.3s all ease;
 -webkit-transition: 0.3s all ease;
 -moz-transition: 0.3s all ease;
 -ms-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
}

.fulBtn {
 width: 100%;
 height: 50px;
 line-height: 50px;
}

.fon-14 {
 font-size: 14px !important;
}

.gr-btn i {
 font-size: 20px;
}

.gr-btn {
 background: #58727E;
 border: 2px solid #58727E;
 color: #fff;
 width: 148px;
 border-radius: 4px;
 display: block;
 text-transform: uppercase;
 font-weight: 700;
 text-align: center;
 height: 48px;
 line-height: 45px;
 transition: 0.3s all ease;
 -webkit-transition: 0.3s all ease;
 -moz-transition: 0.3s all ease;
 -ms-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 margin: auto;
}

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

.ritBtn {
 width: 148px;
 border-radius: 4px;
 display: block;
 text-transform: uppercase;
 font-weight: 700;
 text-align: center;
 height: 48px;
 line-height: 45px;
 cursor: pointer;
 transition: all 0.3s ease;
}

.brLeft-btn {
 background: #fff;
 border: 2px solid #58727E;
 color: #58727E !important;
}

.grRig-btn {
 background: #58727E;
 border: 2px solid #58727E;
 color: #fff !important;
}

.brLeft-btn:hover {
 background: #58727E;
 border: 2px solid #58727E;
 color: #fff !important;
}

.grRig-btn:hover {
 background: #fff;
 border: 2px solid #58727E;
 color: #58727E !important;
}

.pagBtn {
 display: flex;
 justify-content: center;
 margin-top: 55px;
}

.pagBtn a {
 margin: 0 10px;
}

.brdr-rig {
 border-right: 1px solid #A5C2CA;
}

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

.form-group .form-field {
 border: none;
 border-bottom: 1px solid #490680;
 height: 55px;
 width: 100%;
 z-index: 2;
 position: relative;
 background: transparent;
 font-size: 16px;
 color: #490680;
 /* padding: 0 10px; */
 padding: 0;
 outline: none;
}

.form-group .form-field::placeholder {
 opacity: 0;
 font-size: 14px;
}

.label-fixed {
 color: #595C61;
 margin-bottom: 20px;
 font-size: 21px;
}

.form-group label {
 font-size: 16px;
 color: #490680;
 display: block;
 position: absolute;
 top: 50%;
 transform: translate(0, -50%);
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 /* left: 10px; */
 left: 0;
 margin: 0;
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
 z-index: 1;
 /* text-transform: uppercase; */
}

.valid-field.form-group .form-field,
.form-group .form-field:valid {
 border-bottom: 1px solid #490680;
}

.form-display-field.form-group .form-field {
 border-bottom: none;
}

.txt-label textarea {
 height: 120px !important;
}

.txt-label label {
 top: 20% !important;
}

.form-group input:focus::placeholder,
.form-group textarea:focus::placeholder {
 opacity: 1;
}

.form-group input:focus,
.form-group textarea:focus {
 outline: none;
 border-bottom: 1px solid #490680;
}

.form-group textarea:focus~label {
 top: -8px !important;
 font-size: 14px;
 color: #490680;
}

.form-group input:focus~label,
.form-group input:valid~label,
.valid-field label,
.form-display-field label {
 top: -5px;
 font-size: 14px;
 color: #490680;
}

.input-option.form-group .form-field {
 padding-left: 60px;
}

.select-field option:checked,
.select-field option:hover {
 color: #fff;
}

.selet .select-field {
 width: 75px;
 font-size: 16px;
}

.select-field {
 z-index: 2;
 width: 100%;
 position: relative;
 background: transparent;
 padding: 0 10px;
 background: url(../img/drop-down-arrow.svg) no-repeat calc(100% - 10px) center;
 -webkit-appearance: none;
 appearance: none;
}

.selet .select-field option {
 font-size: 14px;
 color: #9fa4a9;
}

.select-field {
 height: 55px;
 border: none;
 border-bottom: 1px solid #490680;
 margin-right: 10px;
 color: #490680;
 outline: none;
}

.input-option select {
 position: absolute;
 top: 16px;
 /*left: 10px;*/
 line-height: 55px;
 font-size: 16px;
 color: #490680;
 font-style: inherit;
 border: none;
 border-right: 1px solid #490680;
 outline: none;
 display: none;
 z-index: 3;
}

.selet {
 display: flex;
}

.error-chk,.ser-ico {
 font-size: 14px;
 margin: 0;
 position: relative;
 text-align: right;
 top: -65px;
 right: 45px;
}

.success {
 color: #06b106;
}

.error {
 color: #FF2323;
}

/*radio*/
.genRadio h3 {
 font-size: 16px;
 color: #000000;
 margin-bottom: 25px;
}

.genwidth .radio-box {
 width: 28%;
}

.radio-box {
 position: relative;
 display: inline-block;
 margin-right: 10px;
 margin-bottom: 20px;
}

.radio-box input {
 position: absolute;
 width: 0;
 opacity: 0;
}

.radio-box label {
 text-align: center;
 font-size: 18px;
 color: #878C8F;
 margin: 0;
 padding: 15px 0;
 width: 75px;
 cursor: pointer;
 position: relative;
 -webkit-box-shadow: 3px 3px 5px 0px rgba(165, 194, 202, 0.35);
 -moz-box-shadow: 3px 3px 5px 0px rgba(165, 194, 202, 0.35);
 box-shadow: 3px 3px 5px 0px rgba(165, 194, 202, 0.35);
}

.radio-box label span {
 display: inline-block;
 position: absolute;
 right: -10px;
 top: -10px;
 opacity: 0;
 background: rgba(88, 114, 126, 1);
 background: -moz-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(88, 114, 126, 1)), color-stop(100%, rgba(44, 57, 63, 1)));
 background: -webkit-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: -o-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: -ms-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: linear-gradient(to bottom, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58727e', endColorstr='#2c393f', GradientType=0);
 width: 20px;
 height: 20px;
 display: block;
 line-height: 16px;
 border-radius: 50%;
}

.radio-box label span i {
 display: inline-block;
 font-size: 10px;
 color: #fff !important;
}

.radio-box label i {
 font-size: 42px;
 margin-bottom: 10px;
 display: block;
}

.radio-box input:checked+label span {
 opacity: 1;
}

.radio-box input:checked+label i {
 color: #58727E;
}

.radio-box input:checked+label p {
 color: #000;
}

.radio-btn {
 position: relative;
 display: inline-block;
 margin-right: 20px;
 margin-bottom: 20px;
}

.radio-btn input {
 position: absolute;
 width: 0;
 opacity: 0;
}

.radio-btn label {
 font-size: 18px;
 color: #000;
 margin: 0;
 padding-left: 30px;
 cursor: pointer;
 position: relative;
}

.radio-btn label:before {
 content: '';
 width: 20px;
 height: 20px;
 border-radius: 50%;
 background: transparent;
 border: 2px solid #707070;
 display: inline-block;
 position: absolute;
 left: 0;
 top: 4px;
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
}

.radio-btn label:after {
 content: '';
 width: 10px;
 height: 10px;
 border-radius: 50%;
 background: #707070;
 display: inline-block;
 position: absolute;
 left: 5px;
 top: 9px;
 opacity: 0;
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
}

/*.radio-btn input:checked+label::before {
    border: 1px solid #707070;
}
*/
.radio-btn input:checked+label::after {
 opacity: 1;
}

/*radio end*/

/*checkbox*/
.checkbox-box {
 position: relative;
 display: inline-block;
 margin-right: 20px;
 margin-bottom: 20px;
}

.checkbox-box input {
 position: absolute;
 width: 0;
 opacity: 0;
}

.checkbox-box label {
 font-size: 14px;
 color: #9fa4a9;
 margin: 0;
 padding-left: 30px;
 cursor: pointer;
 position: relative;
}

.checkbox-box label:after {
 content: '';
 width: 22px;
 height: 22px;
 border-radius: 4px;
 background: transparent;
 border: none;
 background: #58727E url(../img/right-white.png) no-repeat center center;
 display: inline-block;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translate(0, -50%);
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 opacity: 0;
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
}

.checkbox-box label:before {
 content: '';
 width: 20px;
 height: 20px;
 border-radius: 2px;
 background: transparent;
 border: 1px solid #9fa4a9;
 display: inline-block;
 position: absolute;
 left: 0;
 top: 50%;
 transform: translate(0, -50%);
 -webkit-transform: translate(0, -50%);
 -moz-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 -o-transform: translate(0, -50%);
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
}

.checkbox-box input:checked+label {
 color: #4B4B4B;
}

.checkbox-box input:checked+label::before {
 border: 1px solid #f00;
}

.checkbox-box input:checked+label::after {
 opacity: 1;
}

/*checkbox end*/

/*common end*/

/*header*/
.tophead {
 display: flex;
 justify-content: space-between;
 align-items: center;
 width: 100%;
 max-width: 1400px;
 margin: 0 69.5px;
 padding: 17px 10px;
 padding-top: 33px;
}

.tophead-old {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 1400px;
  margin: 20px auto;
  padding: 12px 15px;
}

.righthead {
  padding-top: 21px;
}

.lefthead,
.righthead ul {
 display: flex;
 align-items: center;
}


.righthead ul li a:hover {
 /* color: #58727E; */
 color: #ffffff;
}

.righthead-old ul li a:hover {
  color: #58727E;
 }

.righthead ul li {
 margin-left: 40px;
}

.righthead ul li a {
 /* font-size: 16px; */
 font-size: 18px;
 font-weight: normal;
 font-stretch: normal;
 font-style: normal;
 line-height: 1.47;
 letter-spacing: normal;
 text-align: left;
 color: #ffffff;
}

.righthead-old ul li a {
  color: #000000;
  font-size: 18px;
  line-height: 1.47;
  text-align: left;
}

.fixHeader .righthead ul li a {
  color: #000000;
 }

.fixHeader .righthead ul li a:hover {
  color: #58727E;
 }

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

/*header end*/

/*progress bar step-by-step*/
.mainProg {
 position: relative;
}

.prog-Bar {
 display: flex;
 justify-content: space-between;
 text-align: center;
 margin: 40px 0;
}

.prog-Bar li {
 flex: 1;
}

.prog-Bar li p {
 font-weight: 700;
}

.prog-Bar li p span {
 font-weight: 400;
 font-size: 14px;
 color: #5F7CB4;
 width: max-content;
 display: block;
 padding: 5px 10px;
 margin: 5px auto 0;
 border-radius: 25px;
 background: #E5EEFF;
}

.prog-Bar li p span i {
 margin-right: 5px;
}

.prog-Bar li .num {
 border: 3px solid #878C8F;
 color: #878C8F;
 background: #fff;
 border-radius: 50%;
 width: 30px;
 height: 30px;
 display: block;
 margin: 0 auto 8px;
 font-size: 16px;
 font-weight: 700;
}

.prog-Bar .actived .num,
.prog-Bar .error .num,
.prog-Bar .num .tick,
.prog-Bar .num .exlam {
 font-size: 0;
}

.prog-Bar .actived .num .tick {
 font-size: 14px;
 line-height: 26px;
}

/*error in progress*/
.prog-Bar .error .num {
 background: #FF4600;
 border: 3px solid #FF4600;
}

.prog-Bar .error .num .exlam {
 font-size: 14px;
 line-height: 26px;
 color: #fff;
}

.prog-Bar .error p span {
 color: #FF4600;
 background: none;
}

/*error in progress end*/
.prog-Bar .actived .num,
.prog-Bar .active .num {
 background: #878C8F;
 color: #fff;
}

.progActive {
 position: absolute;
 width: calc(5 * 100% / 6);
 height: 3px;
 display: block;
 background: #EFF4F6;
 top: 15px;
 left: calc(0.5 * 100% / 6);
 z-index: -1;
}

.progActive span {
 position: absolute;
 background: #58727E;
 height: 3px;
 display: block;
}

/*progress bar step-by-step end*/

/*upload*/
.upLabel {
 color: #000;
}

.upload-box {
 display: inline-block;
 vertical-align: middle;
 margin-bottom: 20px;
}

.inputfile {
 width: 0.1px;
 height: 0.1px;
 opacity: 0;
 overflow: hidden;
 position: absolute;
 z-index: -1;
}

.inputfile+label {
 text-overflow: ellipsis;
 white-space: nowrap;
 cursor: pointer;
 overflow: hidden;
 border: 1px solid #A5C2CA;
 padding: 0;
 display: flex;
 justify-content: space-between;
 align-items: center;
 border-radius: 5px;
 margin: 0;
}

.inputfile+label span {
 width: 320px;
 display: inline-block;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 vertical-align: top;
 font-size: 16px;
 color: #000000;
 padding: 0 20px;
}

.inputfile+label strong {
 height: 100%;
 color: #fff;
 background-color: #A5C2CA;
 display: inline-block;
 font-size: 21px;
 padding: 17px 35px;
 transition: 0.2s all ease;
 -webkit-transition: 0.2s all ease;
 -moz-transition: 0.2s all ease;
 -ms-transition: 0.2s all ease;
 -o-transition: 0.2s all ease;
}

.inputfile+label strong img {
 margin-right: 10px;
}

.inputfile:focus+label strong,
.inputfile.has-focus+label strong,
.inputfile+label:hover strong {
 background-color: #f98938;
}

.upload-box.upload-box-2 {
 width: 100%;
 position: relative;
}

/*.upload-box.upload-box-2 em { font-size: 16px; color: #595C61; font-style: inherit; position: absolute; top: -15px; }*/
.upload-box.upload-box-2 .inputfile+label {
 padding-left: 10px;
 border: none;
 border-bottom: 1px solid #A5C2CA;
 border-radius: 0;
 background: url(../img/upload.png) no-repeat calc(100% - 10px) center;
 height: 55px;
 padding-right: 47px;
}

.upload-box.upload-box-2 .inputfile+label span {
 padding: 0;
}

/*upload end*/
.textOr {
 text-align: center;
 display: block;
 margin-bottom: 20px;
 color: #878C8F;
 font-size: 16px;
 text-transform: uppercase;
}

/*dashboard*/
.dashMarg {margin: 40px 0;}
.dash-cont {
 display: flex;
 align-items: center;
 justify-content: center;
}

.dash-cont i {
 color: #878C8F;
 font-size: 55px
}

.dash-det p {
 font-size: 12px;
 text-transform: uppercase;
}

.dash-det h3 {
 font-weight: 900;
 font-size: 32px;
 margin-bottom: 0;
 color: #58727E;
}

.dash-det {
 margin-left: 25px;
}

/*.dashPend {padding: 30px;}*/
.topText {
 font-size: 12px;
 color: #8F8F8F;
 margin-bottom: 20px;
 text-transform: uppercase;
}

.boldText {
 color: #000000;
 font-weight: 700;
 font-size: 18px;
 margin-bottom: 25px;
}

.Compt {
 color: #4B4B4B;
 font-size: 14px;
 line-height: 1.5;
}

.Compt span {
 font-weight: 700;
}

.dashPend a {
 border-radius: 0;
}

.monDat {
 font-size: 18px;
 color: #000000;
}

.payDate {
 margin-bottom: 25px;
}

.payDate h3 {
 font-weight: 900;
 font-size: 36px;
 margin-bottom: 0;
 color: #58727E;
}

.payDate h6 {
 color: #000;
 font-size: 16px;
}

.payDate h6 span {
 font-weight: 700;
}

.loaDet {
 display: flex;
 justify-content: space-between;
}

.datHis {
 display: flex;
 margin-bottom: 25px;
}

.dat {
 width: 50px;
 text-align: center;
 font-size: 12px;
}

.dat span {
 font-weight: 900;
 font-size: 16px;
}

.payHis {
 margin-left: 17px;
}

.payHis h5 {
 color: #000;
 font-size: 16px;
 margin-bottom: 0;
 font-weight: 700;
}

.payHis h6 {
 color: #545454;
 font-size: 14px;
}

.payHis h6 span {
 font-weight: 700;
}

.pend {
 border: 2px solid #A5C2CA;
 color: #A5C2CA;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: 700;
 padding: 4px 12px;
 border-radius: 6px;
}

.paid {
 border: 2px solid #58727E;
 color: #58727E;
 text-transform: uppercase;
 font-size: 12px;
 font-weight: 700;
 padding: 4px 12px;
 border-radius: 6px;
}

.col-gry {
 color: #58727E;
}

.col-darkgry {
 color: #464646;
}

/*dashboard end*/

/*side menu*/
/*.side-menu {
    position: relative;
    width: 34px;
    border-radius: 100%;
    height: 34px;
    line-height: 28px;
}*/

.qutaPop {cursor: pointer;color: #fff !important;}
.close-btn {position: absolute; right: 40px; z-index: 9999;}

.close-btn i {
 font-size: 14px;
 cursor: pointer;
}

.quta-menu,
.login-menu,
.verify-menu {
 position: fixed;
 right: -460px;
 overflow-y: auto;
 top: 0;
 background: #fff;
 width: 460px;
 height: 100%;
 z-index: 9999;
 padding: 15px 40px 40px;
 -webkit-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

.quta-menu-in,
.login-menu-in,
.verify-menu-in {
 right: 0;
}

.verHead h6 {
 font-size: 18px;
 font-weight: 700;
 margin-bottom: 25px;
}

.overlay-in {
 position: fixed;
 background: rgba(0, 0, 0, 0.3);
 display: block;
 width: 100%;
 height: 100%;
 top: 0;
 z-index: 999;
 -webkit-transition: all 0.5s ease-in-out;
 -o-transition: all 0.5s ease-in-out;
 transition: all 0.5s ease-in-out;
}

/*side menu end*/

/* IonSlider */
.irs-min,
.irs-max,
.irs-from,
.irs-to,
.irs-single {
 display: none;
}

.irs--round {
 height: 20px;
}

.irs--round .irs-line {
 top: 7px;
 height: 7px;
 background-color: #e4d8ec;
 border-radius: 7px;
}

.irs--round .irs-bar {
 top: 7px;
 height: 7px;
 background-color: #4b057f;
 border-radius: 7px;
}

.irs--round .irs-handle {
 top: 0;
 border: 5px solid #4b057f;
 box-shadow: 0 3px 19px #A5C2CA;
 background-color: #4b057f;
 height: 20px;
 width: 20px;
 border-radius: 20px;
}

/* // IonSlider */
/* Banner */
.banner-cont {
 /* margin-top: 25px;
 background: #fff;
 padding: 30px 40px;
 box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45);
 -webkit-box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45);
 -moz-box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45); */
 /* padding: 25px 33px 35px 36px; */
 padding: 27px 33px 35px 33px;
 background: rgba(255,255,255,0.88);
 /* opacity: 0.88;
 background-image: linear-gradient(to top, #eaeaea, #ffffff); */
}

.h-loan-button {
  background-color: #4b057f;
  padding: 14px 76px 14px 78px;
  border-color: #4b057f;
  cursor: pointer;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  color: #eceeed;
}

.pay-day-msg {
  text-align: center;
  padding: 20px;
}

.range-box {
 margin-bottom: 15px;
}

.range-box:last-of-type {
 margin-bottom: 0;
}

.range-box h2 {
 font-size: 48px;
 color: #000106;
 font-weight: 900;
}

.range-box h2 em {
 font-size: 18px;
 color: #58727e;
 font-weight: 700;
 font-style: inherit;
}

.range-box p {
 font-size: 16px;
 color: #878c8f;
 font-weight: 600;
}

.loan-box {
 /* background: #EFF4F6; */
 /* padding: 5px; */
 padding-top: 15px;
 padding-left: 33px;
 display: inline-block;
 vertical-align: middle;
 width: 100%;
 margin: 20px 0;
}

.loan-box li {
 float: left;
 width: 50%;
 padding: 10px 20px;
}

.loan-box li h4 {
 font-size: 16px;
 color: #878c8f;
 font-weight: 400;
}

.loan-box li p {
 font-size: 29px;
 color: #000000;
 font-weight: 900;
}

.banner-cont .gry-shad {
 height: 65px;
 line-height: 65px;
}

.banner-desc {
 margin-top: 164px;
}

.banner-desc h2 {
    font-size: 92px;
    font-weight: 900;
    line-height: 0.78;
 /* color: #000106; */
 color: #ffffff;
}

.banner-desc-info {
  margin-top: 42px;
  max-width: 457px;
  font-size:24px;
  line-height: 1.25;
  color: #ffffff;
}

.banner-desc p {
 font-size: 18px;
 color: #000106;
 font-weight: 400;
}

.banner-desc p b {}

.range-box-label {
  color: #000000;
  font-size: 15px;
}

.range-box-value {
  color: #000000;
  font-size: 30px;
  font-weight: 900;
  /* margin-bottom: 10px; */
}

.info-text {
    font-size: 12px;
    font-weight: 300;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #000000;
  }

.banner-img {
 position: absolute;
 width: 70vw;
 height: 70vw;
 left: -10vw;
 bottom: 0;
 border-radius: 50%;
 overflow: hidden;
}

.banner-img-new {
width: 50vw;
height: 50vw;
left: -10vw;
bottom: 0;
border-radius: 50%;
overflow: hidden;
}

.banner-img-new img {
width: 100%;
height: 100%;
object-fit: cover;
}
   
.banner-img img {
 width: 100%;
 height: 100%;
 object-fit: cover;
}

header {
 position: relative;
 transition: 0.3s all ease;
 -webkit-transition: 0.3s all ease;
 -moz-transition: 0.3s all ease;
 -ms-transition: 0.3s all ease;
 -o-transition: 0.3s all ease;
 z-index: 99;
 width: 100%
}

header.homepage {
  position: fixed !important;
}

.banner-box {
    margin-top: 114px;
    margin-bottom: 50px;
}

.headerAndBanner {
  background-image: url(../img/image_1.jpg);
  background-position: top;
  color: #fff;
  /* padding-top: 120px; */
  padding: 40px 0;
  height: 900px;
  position: relative;
  background-color: #f7f7f7;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.banner-row {
 position: relative;
}

/* // Banner */
/* Home How it Works */
.range-box h2 span {
 font-size: 18px;
 color: #58727e;
 font-weight: 700;
}

.h-hw-box-up {
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
 justify-content: space-between;
 align-items: flex-start;
}

.h-hw-box {
 width: 270px;
 margin: 50px 0 0;
}

.icon-box {
 width: 60px;
 height: 60px;
 border-radius: 50%;
 text-align: center;
 line-height: 60px;
 color: #fff;
 background: rgba(88, 114, 126, 1);
 background: -moz-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(88, 114, 126, 1)), color-stop(100%, rgba(44, 57, 63, 1)));
 background: -webkit-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: -o-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: -ms-linear-gradient(top, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 background: linear-gradient(to bottom, rgba(88, 114, 126, 1) 0%, rgba(44, 57, 63, 1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#58727e', endColorstr='#2c393f', GradientType=0);
 font-size: 30px;
 box-shadow: 0 38px 26px rgba(88, 114, 126, 0.42);
 -webkit-box-shadow: 0 38px 26px rgba(88, 114, 126, 0.42);
 -moz-box-shadow: 0 38px 26px rgba(88, 114, 126, 0.42);
 margin-bottom: 50px;
}

.h-hw-box h2 {
 font-size: 28px;
 color: #000106;
 font-weight: 600;
}

.h-hw-box p {
 font-size: 16px;
 color: #58727e;
 font-weight: 400;
 text-align: justify;
}

/* // Home How it Works */

/*.logMain {
    position: absolute;
    padding: 0 40px;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}
*/

.popHei {
 display: flex;
 align-items: center;
 height: 100%;
}

.logMain {
 width: 100%;
}

.logBox .comHead {margin-bottom: 25px;}

.daydiffSuffix {
  /**margin-left: -8px;
   vertical-align: super;
  font-size: 20px; **/
}

.loan-box-radio-group {
  padding: 10px 0 15px 0;
}

.form-error-msgs {
	color: #FF2323;
    text-align: center;
}

.apply-loan-div {
	margin-top: 15px;
}

.loan-box-radio-group > .radio-wrapper > input {
  margin: 8px;
  font-size: 23px;
  width: 23px;
  height: 23px;
  border: solid 3px #4b057f !important;
  background-color: #4b057f;
  border-radius: 50%;
  cursor: pointer;
  color: #000;
  font-weight: 900;
  vertical-align: middle;
}

.loan-box-radio-group > .radio-wrapper > span {
  color: #000;
  font-weight: 900;
  vertical-align: middle;
}

.logpar {
 margin-bottom: 25px;
}

.logMain a {
 border-radius: 0;
}

.form-val {
 position: relative;
 height: 85px;
}

.alert {
 color: #000;
 margin-bottom: 0;
 background: #fff;
 position: fixed;
 width: 300px;
 bottom: 40px;
 right: 40px;
 padding: 16px 25px;
 border-radius: 0;
 border: none;
 overflow: hidden;
 z-index: 9;
}

.altCont {
 padding: 30px 0;
 text-align: center;
}

.leftIcon {
 position: absolute;
 background: #000;
 width: 150px;
 height: 150px;
 border-radius: 50%;
 text-align: center !important;
 line-height: 150px;
 top: -75px;
 left: -75px;
 cursor: initial !important;
}

.leftIcon i {
 font-size: 30px;
 position: absolute;
 right: 32px;
 bottom: 32px;
 color: #fff;
}

.modal-content {
 width: 300px;
 margin: auto;
 padding: 16px 25px;
 border-radius: 0;
 border: 0;
 overflow: hidden;
}

.alertbox span {
 font-size: 12px;
 text-align: right;
 display: block;
 cursor: pointer;
 color: #000;
}

.alertbox h6 {
 color: #000;
 font-size: 18px;
 font-weight: 700;
 padding-bottom: 5px;
 width: fit-content;
 margin: 0 auto 14px;
 border-bottom: 1px solid #000;
}

.alertbox p {
 color: #000;
 font-size: 14px;
}

.alert-success .leftIcon {
 background: #86E9C5;
}

.alert-success h6 {
 border-bottom: 1px solid #86E9C5;
}

.alert-error .leftIcon {
 background: #FF7878;
}

.alert-error h6 {
 border-bottom: 1px solid #FF7878;
}

/*side menu end*/
/*side menu end*/

.h-how-work {
 margin: 30px 0 0;
 padding-bottom: 80px;
}

/* .h-why-choose {
background-size: cover;
background-image: url(../img/banner4.jpg);
background-position: center;
color: #fff;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#a5c2ca', GradientType=0);
padding: 30px 0;
position: relative;
} */

.hwchoose {
 display: flex;
 margin: 40px 0 0px;
}

.hwchoose .icon-box {
 margin-right: 20px;
 background: #fff;
 color: #58727E;
}

.hwchoose h2 {
 font-size: 20px;
 color: #000106;
 font-weight: 700;
}

.hwchoose p {
 width: 316px;
 height: 57px;
 font-size: 16px;
 line-height: 28px;
 color: #58727e;
 font-weight: 400;
}

.h-why-choose-in {
width: 40%;
position: relative;
left: 60%;
color: #fff;
}

.h-why-flex, .h-why-choose p, .h-why-choose h2 {
    color: #fff;
}

.whyChooseImg {
 position: absolute;
 bottom: 0;
 right: 50%;
 width: 50%;
}

.footerLogo {
 width: 149px;
 height: 69px;
 margin: auto;
}

/* .footer-nav {
 padding-top: 30px;
} */

.footer-image1 {
  width: 99px;
}

.footer-image2 {
  width: 143px;
}

.footer-nav .fot-info {
  display: flex;
  justify-content: left;
}

.footer-nav .icon-info {
  font-size:23px;
  line-height:1.15;
  color:#ffa516;
}

.footer-nav i {
 color: #A5C2CA;
 margin-right: 10px;
 font-size: 14px;
}


.footer-mail {
  display: flex;
  font-family: 'Nunito Sans';
  font-size: 23px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.15;
  letter-spacing: normal;
  text-align: left;
  color: #fcfcfc;
  margin-bottom: 10px;
  word-break: break-word;
}

footer {
 /* background-color: #5c7683; */
 background-color: #4b057f;
 padding-top: 57px;
 padding-bottom: 83px;
 position: relative;
}

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

/*footer:after {
    content: '';
    width: calc(100% - 40px);
    height: 1px;
    border: 1px dashed #A5C2CA;
    position: absolute;
    bottom: 88px;
    z-index: 99;
    left: 20px;
}*/


.fotBor {
  border: 0 solid #ffa516;
  height: 1px;
  width: calc(85% - 17px);
  margin: 1em auto;
  background-color: #ffa516;  
  margin-top: 45px;
  margin-bottom: 35px;
}

footer h2 {
 font-size: 14px;
 color: #a5c2ca;
 /* font-family: "Source Sans Pro"; */
 font-family: 'Nunito Sans';
 font-weight: 600;
 margin-bottom: 16px;
}

footer a {
  display: flex;
  font-size: 19.5px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.59;
  letter-spacing: normal;
  text-align: left;
  color: #fcfcfc;
}
footer p {
 font-size: 14px;
 color: #eff4f6;
 /* font-family: "Source Sans Pro"; */
 font-family: 'Nunito Sans';
 font-weight: 400;
 display: block;
 margin-bottom: 12px;
}

footer a:hover {
 color: #fff;
}

.ftr-logs {
  text-align: center;
}

.ftr-logs li {
 display: inline-block;
 margin-right: 20px;
 margin-bottom: 20px;
}

.ftr-logs li img {
 width: auto;
}

.footer-follow h4 {
 font-size: 14px;
 color: #a5c2ca;
 font-weight: 600;
 display: inline-block;
 vertical-align: middle;
 margin: 0;
 margin-right: 5px;
}

.footer-follow ul {
 display: inline-block;
 vertical-align: middle;
}

.footer-follow ul li {
 display: inline-block;
 vertical-align: middle;
 margin: 0 13px;
}

.footer-follow ul li a {
 margin: 0;
}

.footer-bottom p {
 font-size: 16.5px;
 line-height: 1.61;
 /* color: #a5c2ca; */
 /* font-family: "Source Sans Pro"; */
 font-family: 'Nunito Sans';
 color: #fcfcfc;
 font-weight: 400;
 text-align: center;
 margin: 0px;
}

.footer-bottom p:last-of-type {
 margin-bottom: 0;
}

/*login*/
.logBox {
 background: #fff;
 padding: 50px 0px;
 /* box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45); */
 /* -webkit-box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45); */
 /* -moz-box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45); */
}

.logBoxShadow {
  box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45);
  -webkit-box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45);
  -moz-box-shadow: 0 3px 68px rgba(165, 194, 202, 0.45);
}

.min-height {
 min-height: 75vh;
}

.contBox {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);

 width: 560px;
 height: 560px;
 display: flex;
 align-items: center;
 justify-content: center;
 background: #fff;
 border-radius: 50%;
 padding-right: 60px;
 padding-top: 20px;
}

.cont-main .comHead {
 margin-bottom: 50px;
}

.comm-img {
 position: absolute;
 top: 40%;
 left: 40%;
 transform: translate(-50%,-50%);
}

.contDet {
 display: flex;
 margin-bottom: 40px;
}

.contDet i {
 margin-top: 5px;
 color: #ffa516;
 font-size: 18px;
}

.contSub {
 margin-left: 30px;
}

.contSub p {
 color: #490680;
 font-size: 16px;
}

.contSub a {
 color: #490680;
 font-size: 24px;
}

.log-fot {color: #A5C2CA;font-size: 16px;}

.priv .comHead {margin-bottom: 25px;}
.priv {margin:40px 0; }
.comPar {margin-bottom: 25px;}

.strong {
  color: #490680;
  font-size: 20px;
  font-weight: bold;
  /* margin-bottom: 10px; */
}

.faq {margin-top: 40px;margin-bottom: 70px;}
/* .bolHead {font-size: 18px ; color: #000;font-weight: 700;} */
.bolHead {font-size: 16px ; color: #490680;font-weight: 700;}
.leftAfix .active a { color: #490680; }

.leftAfix li a {color: #490680;font-size: 18px; font-weight: bold;}
.leftAfix li {padding-bottom: 15px; margin-bottom: 20px; border-bottom: 1px solid #490680;width: 90%;}
.faq-left { margin-right: 15px; }
/* .faq-right { margin: 80px 0 25px 25px;} */
.faq-right { margin: 55px 0 25px 10px;}
.faq-left .comHead {margin-bottom: 25px;}
.faq-left { position: sticky; top: 10px; margin-bottom: 25px;}
.ques {margin-top: 25px;}

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

.leftAfix { height: calc(100vh - 170px); overflow-y: auto;}

.leftAfix::-webkit-scrollbar {
 width: 4px;
}

/* Track */
.leftAfix::-webkit-scrollbar-track {
 background: #f1f1f1;
}

/* Handle */
.leftAfix::-webkit-scrollbar-thumb {
 background: #878C8F;
}

/* Handle on hover */
.leftAfix::-webkit-scrollbar-thumb:hover {
 background: #555;
}
/*login end*/


/*header*/
.fixHeader {background: #fff;position: sticky;top: 0;}
.fixHeader img{ width:60%;}
.fixHeader .tophead { padding-top:10px; padding-bottom: 10px }
.fixHeader.homepage .logo-img-1 { display:none !important;}
.fixHeader.homepage .logo-img-2 { display:block !important;}
/*header end*/


/*loan listing*/
.loanHead { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-top: 25px;}
.tableBody .tabBadg {background: #D4D4D4; color: #878C8F; font-size: 12px; border-radius: 25px; display: inline-block; padding: 6px 15px; width: 85px; text-align: center; font-weight: 600;}
.tableBody .tabBadg.active {background: #4DBD74; color: #fff;}
.tableHead p {text-transform: uppercase;}
.tableHead p {font-size: 16px; display: flex; align-items: center;}
.tableHead p i {font-size: 10px;margin-left: 5px;}
.tableBody p {color: #000;font-size: 18px;}
.tableHead , .tableBody { border-bottom: 1px solid rgba(112, 112, 112, 0.2);}
.tableHead td {padding-bottom: 15px;}
.tableBody td { padding: 15px 0;}
.maintable {margin-bottom: 40px;}
.maintable table {width: 100%;}
.maintable .tableBody:last-child {border-bottom: none;}
.maintable .tableBody:last-child  td {padding-bottom: 0;}
.tabList { background: #fff; padding: 20px 50px; -webkit-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); -moz-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); }
/*loan listing end*/

/*loan detail*/
.loanDet {margin: 40px 0;}

.loanDetail { background: #fff; padding: 20px; -webkit-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); -moz-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); }
.loantableHead p { font-size: 14px;text-transform: uppercase;}
.loantableHead p i {font-size: 10px; margin-left: 5px; margin-top: 5px;}
.loantableHead { border-bottom: 1px solid rgba(112, 112, 112, 0.2);}
.loantableHead td { padding-bottom: 15px;}

.tab ul {display: flex; justify-content: space-between; margin-bottom: 25px;}
.tab li {text-align: center; width: 100%;  cursor: pointer; border-bottom: 2px solid #D8DEE0; transition: 0.5s all ease; -webkit-transition: 0.5s all ease; -moz-transition: 0.5s all ease; -ms-transition: 0.5s all ease; -o-transition: 0.5s all ease; }
.tab li a {color: #878C8F; font-size: 18px; width: 100%; display: block; padding-bottom: 15px;}
.tab li a i {margin-right: 10px;/*font-size: 16px;*/}
.tab li:hover a {color: #000000;}
.tab li:hover { border-bottom: 2px solid #000;}
.tab li.active {font-weight: 700;  border-bottom: 2px solid #000;}
.tab li.active a{color: #000 ;}

.accDet {font-size: 16px;color: #878C8F;}
.accDet span {font-size: 18px; color: #2D3B54;font-weight: 700;}
.accParmar .accDet {margin-bottom: 40px;}
.accBox {margin-bottom: 40px; background: #fff; padding: 30px; -webkit-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); -moz-box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); box-shadow: 3px 3px 15px 0px rgba(165, 194, 202, 0.3); }
/*loan detail end*/

/*my profile*/
.accPro {width: 25%; padding: 0 15px;}
/*my profile end*/

.text-center {
 text-align: center !important;
}

.label-field::after {
  content: " * ";
  color: red;
}

.go-with-flow {
  background-color: #f7f7f7;
  padding: 12px 0 29px 0;  
  min-height: 654px;
}

.representative-example ul {
  list-style: inside;
  margin: 0;
  padding: 0
}

.short-term-loan ul {
  list-style: inside;
  margin: 0;
  padding: 0
}

li:before {
  width: 1em;
  margin-left: -1em;
}

li:after {
  width: 1em;
  margin-left: -1em;
}

.go-with-flow-desc {
  margin-top:60px;
}

.go-with-flow .content {
  margin-top: 25px;
  font-size: 20px;
}

.go-with-flow .title {
  /* font-family: NunitoSans; */
  font-size: 39.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.51;
  letter-spacing: normal;
  /* text-align: justify; */
  color: #4b057f;

}

.how-it-works {
  /* background-image: linear-gradient(to top, #00eaff, #4a0480); */
  background-image: url(../img/how_it_works.jpg);
  background-repeat: no-repeat;
  object-fit: cover;
  background-position: center;
  color: #fff;
  padding: 30px 0;
  position: relative;
  background-color: #f7f7f7;
  min-height: 790px;
  background-size: cover;
  width: calc(100%)
}

.how-it-works-content {
  margin-top:60px;
}

.how-it-works .content {
  margin-top:40px;
}

.how-it-works .title {
    /* font-family: NunitoSans; */
  font-size: 39.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.51;
  letter-spacing: normal;
  /* text-align: justify; */
  color: #4b057f;
}

.go-with-flow .content {
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #484848;
}

/* .go-with-flow-img {
  margin: 0 99px 0 0;
  object-fit: contain;
  opacity: 0.29;
  width: 654px;
  transform: translate(-37%);
} */

.go-with-flow-img {  
  background-image: url(../img/layer-6.png);
  background-position: top;
  position: absolute;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: contain;
  opacity: 0.29;
  width: 614px;
  height: 614px;
  transform: translate(-43%);
}

.representative-example {
  background-image: linear-gradient(to top, #00eaff, #4a0480);
  /* background-image: url(../img/how_it_works.jpg); */
  background-repeat: no-repeat;
  object-fit: cover;
  background-position: center;
  color: #fff;
  padding: 30px 0;
  position: relative;
  background-color: #f7f7f7;
  min-height: 500px;
  background-size: cover;
  width: calc(100%);
  overflow-x: hidden;
}

.representative-example-img-bg {
  background-image: url(../img/logo-white-sqaure.png);
  background-position: top;
  position: absolute;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
  object-fit: contain;
  opacity: 0.29;
  width: 500px;
  height: 500px;
  margin-left:71%;
}

.htw-title {
  font-size: 39.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.51;
  letter-spacing: normal;
  text-align: justify;
  color: #08d2f2;
}

.htw-row {
    display: flex;
}

.htw-row .htw-icon {
    min-width: 80px;
    margin-right: 20px;
    padding: 5px;
}

.htw-icon-image1 {
  position: absolute;
  margin-left: 7px;
  width: 59px;
  height: 61px;
  object-fit: contain;
}

.htw-icon-image2 {
  position: absolute;
  margin-top: 7px;
  width: 59px;
  height: 61px;
  object-fit: contain;
}

.htw-content .title {
    font-size: 23px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 2.59; */
    letter-spacing: normal;
    text-align: justify;
    color: #ffffff;  
}

.htw-content {
    margin-bottom: 50px;
}

.htw-content .info {
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.34;
  letter-spacing: normal;
  text-align: left;
  color: #ffffff;
}

.h-why-choose {
  height: 946px;
}

.h-why-choose .title {
  font-size: 44px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: justify;
  color: #08d2f2;
}

.h-why-choose .description {
  /* font-family: NunitoSans; */
  font-size: 19px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.42;
  letter-spacing: normal;
  text-align: left;
  color: #727272;
  padding: 5px;
}

.h-why-choose .content {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
  height: 874px;
}

.h-why-choose2 .title {
  color: #5b0293;
  font-size: 36px;
  line-height: 1.75;
}

.h-why-choose2 .description {
  color: #ffffff;
  font-size: 26px;
  line-height: 1.08;
}

.h-why-choose3 .title {
  font-size: 36px;
  line-height: 1.49;
}

.h-why-choose3 .description {
  font-size: 26px;
  line-height: 1.08;
}

.h-why-choose4 .title {
  font-size: 36px;
  line-height: 1.69;
}

.h-why-choose4 .description {
  font-size: 26px;
  line-height: 1.08;
}

.h-why-choose1 {
  background-size: cover;
  width: 100%;
  background-image: url(../img/image_6.jpg);
  background-position: top;
  color: #fff;
  /* padding: 30px 0;*/
  position: relative;
  height: 946px;
  /* padding-top: 48px; */
  background-color: #f7f7f7;
  object-fit: cover;
  background-repeat: no-repeat;
}

.h-why-choose2 {
  background-size: cover;
  width: 100%;
  background-image: url(../img/image_3.jpg);
  background-position: top;
  color: #fff;
  /* padding: 30px 0; */
  position: relative;
  height: 946px;
  /* padding-top: 48px;*/
  background-color: #f7f7f7;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.h-why-choose3 {
  background-size: cover;
  width: 100%;
  background-image: url(../img/image_4.jpg);
  background-position: top;
  color: #fff;
  /* padding: 30px 0; */
  position: relative;
  height: 946px;
  /*padding-top: 48px; */
  background-color: #f7f7f7;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;

}

.h-why-choose4 {
  /* background-size: cover; */
  background-size: cover;
  width: 100%;
  background-image: url(../img/image_5.jpg);
  background-position: top;
  color: #fff;
  /* padding: 30px 0; */
  position: relative;
  height: 946px;
  /* padding-top: 48px;*/
  background-color: #f7f7f7;
  object-fit: cover;
  background-repeat: no-repeat;
}

#why-flow-finance {
  position: relative;
}

#why-flow-finance > div {
  position: absolute;
}

.hm-custom-radio-group {
  padding: 5px;
  padding-top: 33px;
}

.h-why-choose1 .hm-custom-radio-group {
  padding-top: 0;
}

.h-why-choose3 .hm-custom-radio-group {
  padding-top: 0;
}

.hm-custom-radio-group > input {
  margin: 8px;
  margin-top: 30px;
  font-size: 23px;
  width: 23px;
  height: 23px;
  border: solid 4.2px #4b057f !important;
  background-color: #08d2f2;
  border-radius: 50%;
  cursor: pointer;
}

.policy-top-label {
  color: #6b6b6b;
  margin-bottom: 30px;
  /* margin-top: 30px; */
}

.comPar {
  color: #6b6b6b;
  font-size: 20px;
}

/* .faq-header {
  font-size: 60px;
  color: #490680;
  font-weight: 600;
}

.faq-right > .ques {
  min-height: 60px;
  cursor: pointer;
  margin-bottom:30px;
}
.faq-right > .open > .bolHead {
  background-color: #08d2f2 !important;
  color: #490680 !important;
  padding-bottom: 10px !important;
}

.faq-right > .ques > p {
  display: none;
}

.faq-right > .ques > .bolHead {
  background-color: #490680;
  color: #fff;
  padding-bottom: 16px;
}

.faq-right > .open > p {
  display: block;
  font-size: 22px;
  line-height: 30px;;
  padding-left:14px;
  padding-top: 23px;
}

.bolHead {
  padding: 10px 14px;
}


.arrow-down {
  position: relative;
}

.arrow-down:before, .arrow-down:after {
  content: "";
  display: block;
  width: 20px;
  height: 5px;
  position: absolute;
  top: 25px;
  transition: transform .5s;
}

.arrow-down:before {
  right: 47px;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  transform: rotate(45deg);
  background: #08d2f2;
}

.arrow-down:after {
  right: 36px;
  transform: rotate(-45deg);
  background: #08d2f2;
}

.arrow-down.open:before {
  transform: rotate(-45deg);
  background: #490680;
}

.arrow-down.open:after {
  transform: rotate(45deg);
  background: #490680;
}

.faq-left .form-group .form-field {
  color: #490680;
}

.faq-left .form-group .form-field {
  color: #490680;
}

.faq-left .valid-field.form-group .form-field, .form-group .form-field:valid {
  border-bottom-color: #490680;
  font-weight: 600;
}

*/

.faq-right .ques p {
  margin-top: 20px;
}

/* .form-group .form-field {
  width: 90%
} */

/* New About US Page CSS */

.AboutUSBanner {
  background-image: url(../img/flow-about-us.png);
  background-position: top;
  color: #fff;
  padding: 40px 0;
  height: 705px;
  position: relative;
  background-color: #f7f7f7;
  object-fit: cover;
  background-repeat: no-repeat;
  background-size: cover;
}

.aboutUsHead-new {
  font-size: 36px !important;
  color: #490680 !important;
  font-weight: 600 !important;
  margin-bottom: 82px;
}

.about-us-button {
  max-width: 401px;
  height: 42px;
  padding: 6px 0;
  margin-top: 78px;
  text-align: center;
  margin-bottom: 126px;
  background-color: #4b057f;
  border: antiquewhite;
}

.about-us-button a{
  cursor: pointer;
  font-size: 22px;
  font-weight: 900;
  color: #eceeed;
}

.voilet-shd {
 background-color: #490680 !important;
 border-color: #490680 !important;
}

.mainContact .logBox {
  padding: 40px;
}