.p-none{
	padding:0 !important;
}
.left-login-sec{
	padding:7.5rem 7.5rem 1rem;
	background-repeat: repeat;
	background: #8738EB;
	background: linear-gradient(130deg,rgba(135, 56, 235, 1) 0%, rgba(42, 94, 230, 1) 50%, rgba(98, 40, 176, 1) 100%);
	height: 100vh;
}
.login-weeks{
	width: 355px;
    margin: 0 auto;
    background: #fff;
    border-radius: 10px;
    padding: 0.5rem;
}
ul.weeks-list{
	margin: 0;
    padding: 0;
    list-style: none;
	display: inline-block;
}
ul.weeks-list li{
	margin: 0.3rem 0.46rem;
    padding: 0;
    float: left;
    text-align: center;
	font-weight: 500;
}
ul.weeks-list li label{
	margin:0 0 0.5rem 0;
	padding:0;
	color:#000;
	display: block;
}
ul.weeks-list li span{
	margin:0 !important;
	padding:5px 12px;
	color:#fff;
	border-radius: 100%;
}
.s-1{background:#315ef9;}
.m-2{background:#3980ff;}
.t-3{background:#6f9bf4;}
.w-4{background:#21d6c3;}
.t-5{background:#51d77e;}
.f-6{background:#2bc75c;}
.s-7{background:#13a34b;}

.login-disbursement-sec {
    clear: both;
    width: 100%;
	margin: 0;
}
.login-text-left{color:#315ef9; margin: 0 0 0 0.7rem;}
.login-text-left span{
	font-size: 47px;
    font-weight: bold;
    line-height: 8px;
    display: contents;
}
.disb-text-left{color:#13a34b; text-align: center;}
.disb-text-left span{
	font-size: 47px;
    font-weight: bold;
    line-height: 8px;
    display: contents;
}
.ld-sec{
	text-align: center;
    margin: 0;
}
.ld-sec span{
	color: #1964f3;
    background: #fff;
    font-weight: bold;
    padding: 1rem 0.8rem;
    border-radius: 100%;
    margin: 1.4rem 0;
    display: inline-block;
	font-size: 1.7rem;
}
.seven-days-sec{
	margin:0 4rem 2rem;
}
.seven-days-sec h6{
	color: #fff;
    font-size: 2.2rem;
    text-align: center;
    font-weight: bold;
    margin: 0;
    line-height: 2.5rem;
}

.customer-first-sec{
	width: 76%;
    margin: 0 auto;
}
ul.customer-first-list{
	margin:0.5rem 0;
	padding:0;
	list-style:none;
}
ul.customer-first-list li{
	margin: 1rem 0;
    padding: 0;
    float: left;
    width: 33%;
	text-align: center;
}
ul.customer-first-list svg{
	margin:0;
	padding:0;
	color:#fff;
}
ul.customer-first-list span{
	margin:0;
	padding:0;
	color:#fff;
	display: block;
    font-size: 1rem;
    font-weight: 600;
}

.language-carousel-sec{
	width: 90%;
    margin: 0 auto;
}
.language-carousel-sec .carousel-indicators{
	display: none;
}
.language-carousel-sec .carousel-inner{
	background: #4872ea;
    border-radius: 10px;
}
.language-carousel-sec .carousel-caption{
	color:#fff;
	padding:0 0 1rem 0;
	bottom: 0;
}
.language-carousel-sec .carousel-caption h5 {
    background: #2165ea;
    padding: 0.2rem 1rem;
    border-radius: 8px;
    display: inline-block;
}
.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
    filter: none;
    /*background-color: #728ff5;*/
    border-radius: 100%;
    padding: 1rem !important;
}


.right-form-sec{
	background: #ffffff;
    padding: 1rem 4.5rem 0;
}

.login-logo{
	display: block;
    margin: 1rem auto 0.8rem !important;
}
.login-forms{
	padding:0;
	width: 76% !important;
}
.login-forms form h1{
	color: #0d6efd;
    font-size: 1.7rem;
    text-align: center;
    font-weight: 700 !important;
}
.login-forms form p{text-align: center;}
.form-control{
	outline: none;
    padding:10px 15px;
    border: 1px solid #CACACA;
	height: 100%;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    border-radius: 6px;
}
.form-control:focus{
	box-shadow:none;
}
.bi--eye-slash {
  display: inline-block;
  width: 16px;
  height: 16px;
  --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cg fill='%23000'%3E%3Cpath d='M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7 7 0 0 0-2.79.588l.77.771A6 6 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13 13 0 0 1 14.828 8q-.086.13-.195.288c-.335.48-.83 1.12-1.465 1.755q-.247.248-.517.486z'/%3E%3Cpath d='M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299l.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829'/%3E%3Cpath d='M3.35 5.47q-.27.24-.518.487A13 13 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7 7 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884l-12-12l.708-.708l12 12z'/%3E%3C/g%3E%3C/svg%3E");
  background-color: currentColor;
  -webkit-mask-image: var(--svg);
  mask-image: var(--svg);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  position: absolute;
    right: 13px;
    bottom: 13px;
	cursor: pointer;
}
.mb-3{
	position: relative;
}
.login-forms .mb-3 {
    margin-bottom: 0.5rem !important;
}

.login-forms .form-label {
    margin-bottom: .5rem;
    font-size: 1.1rem;
    font-weight: 500;
}
.login-forms .form-label svg{
	margin-top: -4px;
}
.login-forms .btn-primary{
	font-size: 1.15rem;
    font-weight: 600;
}
.login-forms .btn-primary svg{
	margin-top: -3px;
}
.forgot-text{
	color: #0d6efd;
    text-align: center;
    line-height: 23px;
    font-size: 0.9rem;
    font-weight: 500;
}
.forgot-text a{
	color: #0d6efd;
	text-decoration:none;
}
.forgot-text a:hover{
	color: #000;
	text-decoration:none;
}
.forgot-text svg{
	margin-top: -5px;
}

.box-texts{
	background:#fff;
	padding: 0.8rem;
    border-radius: 8px;
	text-align: center;
    margin: 0;
	box-shadow: 0 10px 10px rgb(0 0 0 / 6%);
	border: 1px solid #e2dfdf;
}
.box-texts:hover{
	box-shadow: 0 10px 10px rgb(0 0 0 / 18%);
}
.box-texts h3{
	color:#00c028;
	margin: 0;
	font-weight: bold;
}
.box-texts h4{
	color:#0029fc;
	margin: 0;
	font-weight: bold;
}
.box-texts p{
	margin:0;
	color: #666363;
}
.need-help-sec{
	background:#fff;
	padding: 0.5rem;
    border-radius: 8px;
	text-align: center;
    margin:10px 0px 0;
	box-shadow: 0 10px 10px rgb(0 0 0 / 6%);
	border: 1px solid #e2dfdf;
}
.need-help-sec:hover{
	box-shadow:  0 10px 10px rgb(0 0 0 / 18%);
}
.need-help-sec h5{
	color:#000;
	font-weight: bold;
	font-size: 1.4rem;
	margin:0;
}
.need-help-sec p{
	margin: 0;
    color: #666363;
    font-weight: 400;
    font-size: 1rem;
}
.need-help-sec p a{
	text-decoration:none;
	color: #666363;
}
.need-help-sec p a:hover{
	color: #0029fc;
}
.mb-3 {
    margin-bottom: 0.5rem !important;
}
@media only screen and (max-width: 768px) and (min-width: 1024px) {
	.justify-content-start .col-6{
		width:48%;
		margin: 0 auto;
	}
	.left-login-sec{
		padding: 7.5rem 0.5rem 1rem;
	}
	.seven-days-sec {
		margin: 0 1rem 2rem;
	}
	.seven-days-sec h6{
		font-size: 1.6rem;
		line-height: 2.1rem;
	}
	.customer-first-sec {
		width: 95%;
	}
	.login-forms {
		padding: 0.5rem !important;
	}
}

@media only screen and (max-width: 767px) {
	.justify-content-start .col-6{
		width: 100%;
	}
	.left-login-sec{
		padding: 1.5rem 0rem 1rem;
		height: 87vh;
	}
	.seven-days-sec {
		margin: 0 2rem 2rem;
	}
	.seven-days-sec h6{
		font-size: 1.6rem;
		line-height: 2rem;
	}
	.customer-first-sec {
		width: 88%;
	}
	
	.login-forms{
		padding: 0;
		width: 100% !important;
		margin-bottom: 1rem;
	}
	.need-help-sec p{
		font-size: 0.99rem;
	}
	.login-disbursement-sec .col-6 {
		width: 50%;
	}
}