.login-ui-1 .snow_admin-login-content {
 height: 100vh;
}
.login-ui-1 .snow_did-you-know-wrapper {
 width: 56%;
 background: #fff;
 height: 100%;
}
.login-ui-1 .snow_login-form-wrapper {
 background: var(--updated-theme);
 width: 44%;
 display: flex;
 align-items: center;
 justify-content: center;
}
/* .login-ui-1 .snow_login-form-wrapper .login__pageLogo{
  position: absolute;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
} */
.login-ui-1 .snow_login-form-wrapper .login__pageLogo img{
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.login-ui-1 .snow_login-form-content {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 100%;
}
.login-ui-1 .snow_login-form-content-wrapper {
 width: 56%;
}
.login-ui-1 .snow_login-form-content form label {
 font-size: 15px;
 font-weight: 600;
 color: #eee;
}
.login-ui-1 .snow_login-form-content form input {
 border: 0px;
 padding: 0 10px;
 box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
 height: 45px;
 background: rgba(255, 255, 255, 0.3);
 color: #eee !important;
}
.login-ui-1 .snow_login-form-content form input:is(:hover, :focus, :active) {
 box-shadow: unset;
 outline: 0px;
 background: rgba(255, 255, 255, 0.3);
}
.login-ui-1 .snow_login-form-content form input::placeholder {
 color: #eee;
 font-size: 18px;
 font-weight: 400;
}
.login-ui-1 .snow_login-form-content form .btn {
 background: #fff;
 display: inline-block;
 width: 100%;
 color: var(--updated-theme);
 font-size: 18px;
 margin-top: 20px;
 padding: 0 20px;
 height: 45px;
 transition: all 0.2s ease-in-out;
}
.login-ui-1 .snow_login-form-content form .btn:is(:hover, :focus, :active) {
 box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
 outline: unset;
}
.login-ui-1 .snow_login-form-title {
 font-family: "Poppins", sans-serif;
}
.login-ui-1 .snow_login-form-title h3 {
 font-weight: 500;
 font-size: 32px;
 color: #fff;
 margin-bottom: 10px;
}
.login-ui-1 .snow_login-form-sub-title p {
 font-size: 18px;
 font-weight: 400;
 color: #fff;
}
.login-ui-1 .snow_login-form-forget {
 text-align: right;
}
.login-ui-1 .snow_login-form-forget .forget__link {
 font-size: 16px;
 color: #ddd;
 font-size: 400;
 transition: all 0.3s ease-in-out;
 cursor: pointer;
}
.login-ui-1 .snow_login-form-forget .forget__link:hover {
 color: #fff;
 text-decoration: none;
 text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.login-ui-1 .snow_login-form-backtologin {
 text-align: right;
 cursor: pointer;
}
.login-ui-1 .snow_login-form-backtologin .backtologin {
 font-size: 16px;
 color: #ddd;
 font-size: 400;
 transition: all 0.3s ease-in-out;
}
.login-ui-1 .snow_login-form-backtologin .backtologin:hover {
 color: #fff;
 text-decoration: none;
 text-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
.login-ui-1 .snow_login-form-backtologin .backtologin svg {
 margin-right: 5px;
 margin-top: 5px;
 font-size: 15px;
}
.login-ui-1 .snow_logo {
 width: 250px;
 margin: auto;
 margin-bottom: 60px;
}
.login-ui-1 .snow_did-you-know-content {
 width: 450px;
 position: relative;
 top: 20%;
 left: 50%;
 transform: translateX(-50%);
 z-index: 1;
}
@media (max-width: 1199.98px) {
 .login-ui-1 .snow_did-you-know-content {
   top: 24%;
 }
}
.login-ui-1 .snow_did-you-know-image {
 height: 340px;
 width: auto;
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 50px;
}
@media (max-width: 1440px) {
 .login-ui-1 .snow_did-you-know-image {
   height: 250px;
   margin-bottom: 50px;
 }
}
@media (max-width: 1024px) {
 .login-ui-1 .snow_did-you-know-image {
   height: 200px;
 }
}
.login-ui-1 .snow_did-you-know-image img {
 width: 100%;
 height: 100%;
 object-fit: contain;
}
.login-ui-1 .snow_did-you-know-info {
 text-align: center;
}
.login-ui-1 .snow_did-you-know-title {
 font-size: 35px;
 font-weight: 500;
}
.login-ui-1 .snow_did-you-know-title h3 {
 color: var(--updated-theme);
}
.login-ui-1 .snow_did-you-know-para p {
 color: #000;
 font-size: 18px;
 font-weight: 400;
}
.login-ui-1 .snow_side-image {
 position: absolute;
 width: 400px;
}
.login-ui-1 .snow_side-image-right {
 top: -255px;
 right: -70px;
 transform: rotate(211deg);
}
.login-ui-1 .snow_side-image-left {
 bottom: -200px;
 left: -200px;
 transform: rotate(90deg);
}
.login-ui-1 .slick-dots {
 top: 100%;
}
.login-ui-1 .slick-dots li {
 width: 35px;
 height: 5px;
 border-radius: 30px;
}
.login-ui-1 .slick-dots li button {
 width: 35px;
 height: 5px;
 border-radius: 30px;
}
.login-ui-1 .slick-dots li button::before {
 content: "";
 width: 35px;
 height: 5px;
 border-radius: 30px;
 background: #bec6d8;
 opacity: 1 !important;
 transition: all 0.4s;
}
.login-ui-1 .slick-dots li.slick-active button:before {
 background: var(--updated-theme);
 box-shadow: 0 0 2px rgba(0, 0, 0, 0.4);
}
.login-ui-1 .modal__box-wrapper {
 opacity: 0;
 visibility: hidden;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 background-color: #fff;
 border-radius: 10px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
 width: 380px;
 padding: 30px;
 text-align: center;
 transition: all 0.2s;
 z-index: 10000;
}
.login-ui-1 .modal__box-wrapper.active {
 opacity: 1;
 visibility: visible;
}
.login-ui-1 .modal__box-content h3 {
 font-size: 28px;
 margin-bottom: 10px;
 color: #32ba7c;
 font-weight: 600;
}
.login-ui-1 .modal__box-content p {
 font-size: 16px;
 line-height: 1.4;
 color: #505050;
}
.login-ui-1 .modal__box-close {
 position: absolute;
 top: 10px;
 right: 10px;
 font-size: 18px;
}
.login-ui-1 .modal__box-close button {
 background-color: transparent;
 border: 1px;
 color: #32ba7c;
}
.login-ui-1 .modal__box-close button:hover,
.login-ui-1 .modal__box-close button:focus,
.login-ui-1 .modal__box-close button:active {
 box-shadow: 0px;
 outline: 0px;
}
.login-ui-1 .modal__box-icon {
 width: 64px;
 height: 64px;
 margin: auto;
 margin-bottom: 15px;
}
.login-ui-1 .backdrop__overlay {
 background: black;
 backdrop-filter: blur(50px);
 opacity: 0;
 visibility: hidden;
 width: 100%;
 height: 100vh;
 position: fixed;
 top: 0;
 left: 0;
 z-index: 9998;
 transition: all 0.2s ease-in-out;
}
.login-ui-1 .backdrop__overlay.active {
 opacity: 0.6;
 visibility: visible;
}
.login-ui-1 .error__box {
 display: none;
 background-color: transparent;
 border-radius: 4px;
 margin-bottom: 30px;
 color: rgb(211, 72, 74);
 font-weight: 500;
}
.login-ui-1 .social__login {
 display: flex;
 flex-direction: column;
 grid-gap: 30px;
 align-items: center;
 margin-top: 30px;
}
@media (max-width: 1440px) {
 .login-ui-1 .social__login {
   margin-top: 20px;
   grid-gap: 20px;
 }
}
.login-ui-1 .social__login .form__divider {
 color: white;
 position: relative;
 display: flex;
 justify-content: center;
 width: 100%;
}
.login-ui-1 .social__login .form__divider::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: 30%;
 height: 1px;
 background: white;
}
.login-ui-1 .social__login .form__divider span {
 font-size: 18px;
 position: relative;
 background: var(--updated-theme);
 padding: 0 1rem;
}
.login-ui-1 .social__login .login__btns {
 display: flex;
 align-items: center;
 flex-direction: column;
 grid-gap: 10px;
 width: 100%;
}
.login-ui-1 .social__login .login__btns form {
 display: block;
 width: 100%;
}
.login-ui-1 .social__login .login__btns form button {
 border: 0px;
}
.login-ui-1 .social__login .login__btns form button:hover, .login-ui-1 .social__login .login__btns form button:focus, .login-ui-1 .social__login .login__btns form button:active {
 outline: none;
 box-shadow: 0;
}
.login-ui-1 .social__login .login__btns form button span {
 display: flex;
 padding-top: 2px;
}
.login-ui-1 .social__login .login__btns-social {
 background: var(--dark-theme);
 display: flex;
 align-items: center;
 justify-content: center;
 grid-gap: 20px;
 width: 100%;
 color: white;
 font-size: 18px;
 height: 45px;
 padding: 0 0.75rem;
 border-radius: 0.25rem;
 transition: all 0.2s ease-in-out;
 font-size: 16px;
 cursor: pointer;
}
.login-ui-1 .social__login .login__btns-social svg {
 font-size: 22px;
}
@keyframes fadeEffect {
 0% {
   transform: translateY(-10px);
   opacity: 0;
 }
 50% {
   transform: translateY(20px);
   opacity: 0.5;
 }
 100% {
   transform: translateY(0px);
   opacity: 1;
 }
}
@media (max-width: 1465.98px) {
 .login-ui-1 .snow_login-form-content-wrapper {
   width: 380px;
 }
}
@media (max-width: 1365.98px) {
 .login-ui-1 .snow_side-image {
   width: 350px;
 }
 .login-ui-1 .snow_side-image-right {
   top: -235px;
   right: -60px;
 }
 .login-ui-1 .snow_side-image-left {
   bottom: -180px;
   left: -180px;
 }
}
@media (max-width: 1199.98px) {
 .login-ui-1 .snow_side-image {
   width: 250px;
 }
 .login-ui-1 .snow_side-image-right {
   top: -160px;
   right: -90px;
 }
 .login-ui-1 .snow_side-image-left {
   bottom: -150px;
   left: -150px;
 }
 .login-ui-1 .snow_login-form-content-wrapper {
   width: 350px;
 }
 .login-ui-1 .snow_login-form-content form input {
   padding: 8px 10px;
   font-size: 16px;
 }
 .login-ui-1 .snow_login-form-content form input::placeholder {
   font-size: 16px;
 }
 .login-ui-1 .snow_login-form-content form .btn {
   font-size: 16px;
 }
}
@media (max-width: 991.98px) {
 .login-ui-1 .snow_login-form-wrapper {
   width: 100%;
 }
 .login-ui-1 .snow_side-image {
   width: 300px;
 }
 .login-ui-1 .snow_side-image-right {
   top: -200px;
   right: -55px;
 }
 .login-ui-1 .snow_side-image-left {
   bottom: -170px;
   left: -170px;
 }
}
@media (max-width: 767.98px) {
 .login-ui-1 .snow_logo {
   margin-bottom: 40px;
 }
 .login-ui-1 .snow_login-form-wrapper {
   width: 100%;
   height: auto;
 }
 .login-ui-1 .snow_did-you-know-wrapper {
   width: 100%;
 }
}
@media (max-width: 575.98px) {
 .login-ui-1 .snow_logo {
   width: 220px;
 }
 .login-ui-1 .snow_login-form-sub-title p {
   font-size: 16px;
 }
 .login-ui-1 .snow_login-form-title h3 {
   font-size: 24px;
 }
 .login-ui-1 .snow_login-form-content form label {
   font-size: 14px;
 }
 .login-ui-1 .snow_login-form-content form input {
   padding: 8px 10px;
   font-size: 16px;
 }
 .login-ui-1 .snow_login-form-content form input::placeholder {
   font-size: 16px;
 }
 .login-ui-1 .snow_login-form-content form .btn {
   padding: 5px;
   font-size: 16px;
 }
 .login-ui-1 .snow_login-form-forget a {
   font-size: 14px;
 }
 .login-ui-1 .snow_login-form-content form input {
   padding: 6px 10px;
   font-size: 14px;
 }
 .login-ui-1 .snow_login-form-content form input::placeholder {
   font-size: 14px;
 }
 .login-ui-1 .snow_login-form-content-wrapper {
   width: 300px;
 }
}
@media (max-width: 375.98px) {
 .login-ui-1 .snow_logo {
   width: 100%;
   max-width: 220px;
   margin-bottom: 30px;
 }
 .login-ui-1 .snow_side-image {
   width: 120px;
 }
 .login-ui-1 .snow_side-image-right {
   top: -70px;
   right: -30px;
 }
 .login-ui-1 .snow_side-image-left {
   bottom: -50px;
   left: -50px;
 }
 .login-ui-1 .snow_login-form-content-wrapper {
   width: 100%;
   padding: 0 20px;
 }
 .login-ui-1 .snow_login-form-sub-title p {
   font-size: 14px;
 }
 .login-ui-1 .snow_login-form-forget a {
   font-size: 12px;
 }
 .login-ui-1 .snow_login-form-content form .btn {
   font-size: 14px;
 }
}