:root {
	 --primary-font: "Jost", sans-serif;
	 --cursive-font: "Shantell Sans", cursive;
	 --border-color: #dce3eb;
	 --helper-color: #88a0ba;
	 --secondary-color: #505f7f;
	 --secondary-color-dark: #475675;
	 --primary-color: #2f384c;
	 --primary-color-dark: #151d39;
	 --brown-color: #302300;
	 --logo-blue-color: #144377;
	 --orange-color-dark: #fc4522;
	 --orange-color: #f99223;
	 --yellow-color: #ffce6b;
	 --light-yellow-color: #ffd868;
	 --bg-yellow-color1: #fff9e6;
	 --bg-yellow-color2: #fffbf2;
	 --blue-color: #38bdf8;
	 --purple-color: #6366f1;
	 --green-color: #22c55e;
	 --red-color: #ef4444;
}
 html, body {
	 width: 100%;
	 height: 100%;
	 background-color: var(--light-yellow-color);
}
 body {
	 padding: 0;
	 margin: 0;
	 font-family: var(--primary-font);
	 color: var(--primary-color);
}
 .text-helper {
	 color: var(--border-color) !important;
}
 .text-helper-dark {
	 color: var(--helper-color) !important;
}
 .text-dark {
	 color: var(--primary-color) !important;
}
 .text-darker {
	 color: var(primary-color-dark) !important;
}
 .text-secondary {
	 color: var(--secondary-color) !important;
}
 .text-secondary-dark {
	 color: var(--secondary-color-dark) !important;
}
 .text-brown {
	 color: var(--brown-color);
}
 .text-blue {
	 color: var(--logo-blue-color);
}
 .text-purple {
	 color: var(--purple-color);
}
 .text-green {
	 color: var(--green-color);
}
 .text-red {
	 color: var(--red-color);
}
 .text-orange-dark {
	 color: var(--orange-color-dark);
}
 .text-orange {
	 color: var(--orange-color);
}
 .text-yellow {
	 color: var(--yellow-color);
}
 .text-light-yellow {
	 color: var(--light-yellow-color);
}
 .bg-brown {
	 background: var(--brown-color);
}
 .bg-blue {
	 background: var(--logo-blue-color);
}
 .bg-purple {
	 background: var(--purple-color);
}
 .bg-green {
	 background: var(--green-color);
}
 .bg-red {
	 background: var(--red-color);
}
 .bg-orange {
	 background: var(--orange-color);
}
 .bg-yellow {
	 background: var(--yellow-color);
}
 .bg-light-yellow {
	 background: var(--light-yellow-color);
}
 .heading {
	 font-size: 1.5rem;
	 color: var(--brown-color);
	 font-weight: 600;
}
 .subtxt {
	 font-size: 0.938rem;
	 color: var(--brown-color);
	 font-weight: 400;
}
 .login-btn {
	 background: var(--orange-color-dark) 0%;
	 background: -moz-linear-gradient(90deg, var(--orange-color-dark) 0%, var(--yellow-color) 100%);
	 background: -webkit-linear-gradient(90deg, var(--orange-color-dark) 0%, var(--yellow-color) 100%);
	 background: linear-gradient(90deg, var(--orange-color-dark) 0%, var(--yellow-color) 100%);
	 position: relative;
	 color: #fff;
	 border: none;
	 height: 50px;
	 font-weight: 600;
	 font-size: 1.1rem;
	 transition: all 0.2s ease;
}
 .login-btn i {
	 right: 0;
	 width: 32px;
	 height: 32px;
	 background: rgba(255, 255, 255, 0.25);
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 17px;
}
 .login-btn:hover {
	 color: #fff;
	 background: var(--orange-color) 0%;
	 background: -moz-linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
	 background: -webkit-linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
	 background: linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
}
 .login-btn:focus {
	 color: #fff;
	 outline: none;
	 background: var(--orange-color) 0%;
	 background: -moz-linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
	 background: -webkit-linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
	 background: linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
}
 .login-btn:active {
	 color: #fff;
	 background: var(--orange-color) 0%;
	 background: -moz-linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
	 background: -webkit-linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
	 background: linear-gradient(90deg, var(--orange-color) 0%, var(--yellow-color) 100%);
}
 .orange-text {
	 color: var(--orange-color);
}
 .orange-text.text-link:hover, .orange-text.text-link:focus, .orange-text.text-link:active {
	 color: var(--orange-color-dark);
}
 .background-image {
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 background-position: center center;
	 background-repeat: no-repeat;
	 background-color: #ededed;
	 background-image: url(../../assets/img/login-bg.jpg);
}
 .row-height {
	 min-height: 100vh !important;
	 height: 100vh;
}
 @media (max-width: 991px) {
	 .row-height {
		 height: auto;
	}
}
 .content-left-wrapper {
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 text-align: center;
	 height: 100%;
	 min-height: 100%;
	 padding: 0 150px 0 100px;
	 color: #fff;
	 text-align: center;
	 position: relative;
}
 .content-left-wrapper::after {
	 background: url(../../assets/img/login-separator.svg) no-repeat;
	 background-size: cover;
	 background-position: right center;
	 content: '';
	 position: absolute;
	 top: 0;
	 bottom: 0;
	 right: 0;
	 height: 100%;
	 width: 50px;
}
 .content-left-wrapper h1 {
	 color: var(--brown-color);
	 margin-top: 0;
	 font-size: 1.25rem;
	 font-weight: bold;
	 line-height: 1.6;
	 font-family: "Shantell Sans", cursive;
}
 .content-left-wrapper p {
	 font-size: 1rem;
	 color: var(--brown-color);
	 opacity: 0.9;
	 margin: 1rem 0 1.5rem 0;
}
 .content-right {
	 overflow-y: auto;
	 background: var(--bg-yellow-color2);
}
 @media (max-width: 991px) {
	 .content-left-wrapper {
		 height: auto;
		 padding: 95px 30px 60px 30px;
	}
	 .content-left-wrapper::after {
		 background: url(../../assets/img/login-separator-h.svg) no-repeat;
		 background-size: cover;
		 background-position: top;
		 content: '';
		 position: absolute;
		 top: auto;
		 bottom: 0;
		 right: 0;
		 left: 0;
		 height: 50px;
		 width: 100%;
	}
	 .content-right {
		 overflow: initial;
	}
}
 @media (max-width: 767px) {
	 .content-left-wrapper {
		 padding: 95px 15px 60px 15px;
	}
	 .content-left-wrapper h1 {
		 font-size: 26px;
		 font-size: 1.625rem;
	}
	 .content-left-wrapper p {
		 font-size: 14px;
		 font-size: 0.875rem;
	}
}
 .loginor {
	 position: relative;
	 font-size: 0.875rem;
}
 .loginor span {
	 background: var(--bg-yellow-color2);
	 position: relative;
	 z-index: 2;
}
 .loginor::after {
	 content: "";
	 position: absolute;
	 background: #ccc;
	 width: 100%;
	 height: 2px;
	 left: 0;
	 top: 50%;
	 margin-top: -1px;
}
 .copyright {
	 color: var(--brown-color);
	 font-size: 0.625rem;
	 font-weight: 500;
	 text-transform: uppercase;
	 letter-spacing: 0.1rem;
}
 .blur {
	 box-shadow: inset 0 0 2px #fefefe d1;
	 -webkit-backdrop-filter: saturate(200%) blur(30px);
	 backdrop-filter: saturate(200%) blur(30px);
	 background-color: rgba(255, 255, 255, .8) !important;
}
 .shadow-blur {
	 box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, .9), 0 20px 27px 0 rgba(0, 0, 0, .05) !important;
}
 .fb-btn {
	 width: 50%;
	 height: 50px;
	 border-radius: 8px;
	 border: 1px solid var(--border-color);
	 background: #fff;
	 font-size: 24px;
	 color: var(--bs-primary);
	 -webkit-box-shadow: 0px 3px 6px 0px rgba(136, 160, 186, 0.15);
	 -moz-box-shadow: 0px 3px 6px 0px rgba(136, 160, 186, 0.15);
	 box-shadow: 0px 3px 6px 0px rgba(136, 160, 186, 0.15);
}
 .form-floating.has-icon {
	 position: relative;
}
 .form-floating.has-icon span {
	 position: absolute;
	 width: 36px;
	 height: 36px;
	 background: #ffd868;
	 border-radius: 50%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 top: 50%;
	 margin-top: -18px;
	 margin-left: 12px;
}
 .form-floating.has-icon .form-control {
	 padding-left: 3.9rem;
}
 .form-floating.has-icon label {
	 left: 50px;
}