/*.kt-login.kt-login--v1 .kt-login__aside {
	width: 605px;
	padding: 3rem 3.5rem;
	background-repeat: no-repeat;
	background-size: cover
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__title {
	color: #fff;
	font-size: 2rem;
	font-weight: 500
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__subtitle {
	font-size: 1.2rem;
	font-weight: 200;
	margin: 2.5rem 0 3.5rem 0;
	color: rgba(255, 255, 255, .7)
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__info {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a {
	text-decoration: none;
	color: #fff;
	margin-right: 2rem;
	display: inline-block;
	color: rgba(255, 255, 255, .7)
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a:hover {
	color: #fff
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a:hover:after {
	border-bottom: 1px solid #fff;
	opacity: .3
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__menu>a:last-child {
	margin-right: 0
}

.kt-login.kt-login--v1 .kt-login__aside .kt-login__info .kt-login__copyright {
	color: rgba(255, 255, 255, .4)
}

.kt-login.kt-login--v1 .kt-login__wrapper {
	padding: 3rem 3rem;
	background: #fff
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head {
	font-size: 1rem;
	font-weight: 500;
	text-align: right
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head .kt-login__signup-label {
	color: #74788d
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head .kt-login__signup-link {
	color: #5d78ff
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form {
	width: 100%;
	max-width: 450px
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title {
	display: block;
	text-align: center;
	margin-bottom: 5rem;
	text-decoration: none
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__title>h3 {
	font-size: 2rem;
	color: #67666e
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form {
	margin: 4rem auto
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group {
	margin: 0;
	padding: 0;
	margin: 0 auto
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group .form-control {
	border: none;
	height: 50px;
	margin-top: 1.25rem;
	background-color: rgba(231, 231, 231, 0.7);
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-form .form-group .form-control:focus {
	-webkit-transition: background-color .3s ease;
	transition: background-color .3s ease;
	background-color: #f7f7f9
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 3rem 0
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot {
	font-weight: 400;
	color: #74788d
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover {
	color: #5d78ff
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__link-forgot:hover:after {
	border-bottom: 1px solid #5d78ff;
	opacity: .3
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__btn-primary,
.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__actions .kt-login__btn-secondary {
	font-weight: 500;
	font-size: 1rem;
	height: 50px;
	padding-left: 2.75rem;
	padding-right: 2.75rem
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__divider {
	margin: 1rem 0 2rem 0
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__divider:not(:first-child):not(:last-child) {
	font-weight: 400;
	color: #b5b2c3;
	font-size: 1rem
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	max-width: 100%
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options>a {
	text-decoration: none;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options>a:not(:last-child) {
	margin: 0 1.5rem 0 0
}

@media (min-width:1025px) {
	.kt-login.kt-login--v1 .kt-login__aside {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}
}

@media (max-width:1024px) {
	.kt-login.kt-login--v1 .kt-login__aside {
		width: 100%;
		height: auto;
		padding: 2rem 1.5rem
	}
	.kt-login.kt-login--v1 .kt-login__aside .kt-login__logo {
		margin-bottom: 2.5rem
	}
	.kt-login.kt-login--v1 .kt-login__aside .kt-login__info {
		margin-top: 2rem
	}
	.kt-login.kt-login--v1 .kt-login__aside .kt-login__subtitle {
		margin: 2rem 0
	}
	.kt-login.kt-login--v1 .kt-login__wrapper {
		padding: 3rem 1.5rem
	}
	.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__head {
		padding-left: 2rem;
		right: 2rem
	}
	.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		margin-top: 5rem
	}
	.kt-login.kt-login--v1 .kt-login__wrapper .kt-login__body .kt-login__form .kt-login__options>a:not(:first-child):not(:last-child) {
		margin: 0 .8rem
	}
}*/


/*--login css starts from here--*/
@font-face {
    font-family: "Balboa W01 Medium";
    src: url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.eot");
    src: url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.eot?#iefix")format("embedded-opentype"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.woff2")format("woff2"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.woff")format("woff"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.ttf")format("truetype"),
    url("https://db.onlinewebfonts.com/t/cbf744f006175e2f7bb1583c91e33882.svg#Balboa W01 Medium")format("svg");
}
:root {
    --orangeColor: #f15b2b;
    --biege: #f3eeeb;
    --black: #231f20;
    --white: #ffffff;
    --grey: #85878b;
	--lightgrey: #d2d3d3;
    }
	body .kt-login__aside {
		display: none !important;
	}
    .kt-login__form {
        background: var(--orangeColor);
        height: 100vh;
        position: relative;
		font-size: 15px;
		margin-bottom: -1px;
    }
    .login-wrapper {
        font-family: "Balboa W01 Medium";
        padding: 50px 0;
        color: var(--black);
        position: absolute;
        max-width: 754px;
        margin: auto;
        transform: translateY(-50%);
        top: 50%;
        left: 0;
        right: 0;
    }
    .login-wrapper:before, .login-wrapper:after {
        background: url('/image/Fulfilled-Background-pattern-bg.png') no-repeat;
        content: '';
        width: 418px;
        background-size: contain;
        background-position: center;
        position: absolute;
        top: 100px;
        bottom: 0;
        margin: auto;
        text-align: center;
        z-index: 1;
    }

    .login-wrapper:before {
        left: 360px;
        right: unset;
    }
    .login-wrapper:after {
        right: 360px;
        left: unset;
    }
    .login-outer-box {
        background: var(--biege);
        max-width: 450px;
        padding: 30px;
        margin: auto;
        position: relative;
        z-index: 2;
		border-radius: 3px;
    }
    .login-logo {
        max-width: 190px;
        margin: auto;
    }

    .login-wrapper h1 {
        font-size: 26px;
    }
    .login-wrapper .orange-txt {
        color: var(--orangeColor);
        text-align: center;
        max-width: 430px;
        margin: 8px 0 20px;
    }
    .login-wrapper .black-txt {
        color: var(--black); 
		margin-bottom: 8px;
    }
    .login-inner-box {
        background: var(--white);
        font-size: 14px;
        color: var(--grey);
        padding: 20px 40px;
		border-radius: 3px;
		box-shadow: 0px 4px 14px -1px rgba(0, 0, 0, 0.2);
    }
    .login-wrapper .form-control {
        font-size: 14px;
        height: 30px;
        border: 1px solid var(--lightgrey);
        border-radius: 3px;
    }
    
    .login-wrapper .kt-login__btn-primary, .login-wrapper .kt-login__btn-primary:hover,
	.login-wrapper .kt-login__btn-primary:focus, .login-wrapper .kt-login__btn-primary:active {
        background: var(--black) !important;
        color: #fff;
        border: none;
        box-shadow: none !important;
        height: 32px;
        text-transform: uppercase;
        border-radius: 0;
        width: 100%;
        text-align: center;
		margin-top: 15px;
		font-size: 16px;
		line-height: 20px;
    }
    .text-right {
        text-align: right;
    }
    .login-wrapper .text-right {
        margin-top: 4px;
    }
    .login-wrapper a, .login-wrapper a:hover {
		font-size: 15px;
        color: var(--grey);
		text-decoration: underline !important;
    }
    .forgot-pass {
        margin-bottom: 15px;
    }
	.login-wrapper  form{
		margin-top: 14px;
	}
	.login-wrapper .form-group {
		margin-bottom: 6px;
	}
	.login-wrapper [type=checkbox], .login-wrapper [type=checkbox]:focus {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
		padding: 0;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		display: inline-block;
		vertical-align: middle;
		background-origin: border-box;
		-webkit-user-select: none;
		-moz-user-select: none;
		user-select: none;
		flex-shrink: 0;
		height: 20px;
		width: 20px;
		color: var(--black);
		background-color: var(--white);
		border-color:var(--lightgrey);
		border-width: 1px;
		--tw-shadow: 0 0 #0000;
		border-radius: 3px !important;
		position: relative;
		top: -4px;
		margin-right: 4px;
		box-shadow: none;
	}
	.login-wrapper p {
		font-size: 15px;
	}
	.login-wrapper .remember-me {
		margin-top: 8px;
	}
	.login-wrapper .form-check-input , .login-wrapper .form-check-label {
		cursor: pointer;
	}
	.kt-login__form .py-4{
		padding: 0 !important;
	}
	@media (max-width:767px) { 
		.login-wrapper:before, .login-wrapper:after {
			width: 80%;
		}
		.login-wrapper:before {
			left: 60px;
			right: unset;
		}
		.login-wrapper:after {
			right: 60px;
			left: unset;
		}
	}