.login, .login * { box-sizing: border-box; }.login {background: #ffffff; width: 100%; height: 1024px;overflow: hidden;margin-top:auto;margin-bottom:auto;}
 .frame-37332 {background: linear-gradient(to left, #f7e7eb, #f7e7eb); width: 700px; height: 1024px; position: absolute; right: 0;top: 0px; overflow: hidden;}
 .group-41019 {position: absolute; inset: 0;background-image:url('../images/frame-37332.png')}
 .rectangle-2 {background: linear-gradient(109.56deg, rgba(255, 255, 255, 0.50) 0%,rgba(255, 255, 255, 0.00) 100%); border-radius: 8px; border-width: 1px; border-style: solid; border-image: linear-gradient(119.94deg, rgba(255, 255, 255, 1.00) 0%,rgba(255, 255, 255, 0.00) 100%); border-image-slice: 1; width: 592px; height: 351px; position: absolute; left: 54px;top: 601px; backdrop-filter: blur(4px);}
 .frame-37250 {display: flex; flex-direction: row; gap: 12px; align-items: flex-start; justify-content: flex-start; position: absolute; left: 514px;top: 888px;}
 .frame-37248 {border-radius: 20px; border-style: solid; border-color: var(--gray-300, #c3c3c3); border-width: 0.5px; flex-shrink: 0; width: 40px; height: 40px; position: relative; overflow: hidden;}
 .arrow-left {width: 20px; height: 20px; position: absolute; left: 10px;top: 10px;}
 .arrow-left2 {width: 20px; height: 20px; position: absolute; left: 0px;top: 0px;}
 .vuesax-outline-arrow-left {position: absolute; inset: 0;}
 .arrow-left3 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .frame-37249 {border-radius: 20px; border-style: solid; border-color: var(--gray-300, #c3c3c3); border-width: 0.5px; flex-shrink: 0; width: 40px; height: 40px; position: relative; overflow: hidden;}
 .arrow-right {width: 20px; height: 20px; position: absolute; left: 10px;top: 10px;}
 .arrow-right2 {width: 20px; height: 20px; position: absolute; left: 0px;top: 0px;}
 .vuesax-outline-arrow-right {position: absolute; inset: 0;}
 .arrow-right3 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .success-is-no-accident-it-is-hard-work-perseverance-learning-studying-sacrifices-and-most-of-all-love-of-what-you-are-doing-or-learning-to-do {color: var(--base-white, #ffffff); text-align: left; font: 300 25px/136% 'Mulish', sans-serif; position: absolute; left: 96px;top: 641px; width: 100%;}
 .frame-37251 {display: flex; flex-direction: row; gap: 0px; align-items: flex-start; justify-content: flex-start; position: absolute; left: 96px;top: 869px;}
 .material-symbols-star {flex-shrink: 0; position: relative; overflow: visible;}
 .material-symbols-star2 {flex-shrink: 0; position: relative; overflow: visible;}
 .material-symbols-star3 {flex-shrink: 0; position: relative; overflow: visible;}
 .material-symbols-star4 {flex-shrink: 0; position: relative; overflow: visible;}
 .material-symbols-star5 {flex-shrink: 0; position: relative; overflow: visible;}
 .frame-37331 {display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: flex-start; position: absolute; left: 42px;top: 32px;}
 .image-1 {flex-shrink: 0; width: 38px; height: 38px; position: relative;}
 .at-work {color: var(--gray-1000, #252525); text-align: left; font: 500 20px/150% 'Mulish', sans-serif; position: relative;}
 .frame-37056 {display: flex; flex-direction: column; gap: 0px; align-items: flex-start; justify-content: flex-start; position: absolute; left: 300px;top: calc(50% - 200px);}
 .log-in {color: var(--gray-1000, #252525); text-align: left; font: 600 36px/110% 'Inter', sans-serif; position: relative;}
 .frame-37058 {align-self: stretch;flex-shrink: 0; height: 16px; position: relative; overflow: hidden;}
 .frame-37047 {display: flex; flex-direction: row; gap: 8px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; position: relative;}
 .welcome-back-please-enter-your-details {color: var(--gray-800, #5b5b5b); text-align: left; font: 400 16px/150% 'Inter', sans-serif; position: relative;}
 .frame-37059 {align-self: stretch;flex-shrink: 0; height: 24px; position: relative; overflow: hidden;}
 .input-field {display: flex; flex-direction: column; gap: 4px; align-items: flex-start; justify-content: flex-start; flex-shrink: 0; width: 430px; position: relative;}
 .frame-37026 {border-radius: 8px; border-style: solid; border-color: var(--gray-200, #d6d6d6); border-width: 1px; padding: 10px 12px 10px 12px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; align-self: stretch;flex-shrink: 0; height: 44px; position: relative;}
 .frame-37025 {display: flex; flex-direction: row; gap: 4px; align-items: center; justify-content: flex-start; flex-shrink: 0; width: 69px; position: relative;}
 .home-2 {flex-shrink: 0; width: 14px; height: 14px; position: relative;}
 .home-22 {width: 14px; height: 14px; position: absolute; left: 0px;top: 0px;}
 .vuesax-linear-home-2 {position: absolute; inset: 0;}
 .home-23 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .input-text {color: var(--gray-500, #a6a6a6); text-align: left; font: 400 14px/150% 'Inter', sans-serif; position: relative;}
 .frame-37031 {display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: flex-start; flex-shrink: 0; position: relative;}
 .text {color: var(--gray-300, #c3c3c3); text-align: left; font: var(--mulish-14-sp-regular, 400 14px/150% 'Mulish', sans-serif); position: relative;}
 .tick-circle {flex-shrink: 0; width: 14px; height: 14px; position: relative;}
 .tick-circle2 {width: 14px; height: 14px; position: absolute; left: 0px;top: 0px;}
 .vuesax-linear-tick-circle {position: absolute; inset: 0;}
 .tick-circle3 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .frame-37060 {align-self: stretch;flex-shrink: 0; height: 8px; position: relative; overflow: hidden;}
 .frame-37061 {align-self: stretch;flex-shrink: 0; height: 12px; position: relative; overflow: hidden;}
 .home-24 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .eye-slash {flex-shrink: 0; width: 14px; height: 14px; position: relative;}
 .eye-slash2 {width: 14px; height: 14px; position: absolute; left: 0px;top: 0px;}
 .vuesax-outline-eye-slash {position: absolute; inset: 0;}
 .eye-slash3 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .frame-37062 {align-self: stretch;flex-shrink: 0; height: 12px; position: relative; overflow: hidden;}
 .forgot-password {color: var(--foundation-primary-blue-primaryblue-500, #0076bc); text-align: left; font: 500 14px/150% 'Inter', sans-serif; position: relative; align-self: stretch;}
 .frame-37063 {align-self: stretch;flex-shrink: 0; height: 16px; position: relative; overflow: hidden;}
 .buttons {background: var(--foundation-primary-blue-primaryblue-500, #0076bc); border-radius: 8px; padding: 10px 118.5px 10px 118.5px; display: flex; flex-direction: row; gap: 4px; align-items: center; justify-content: center; flex-shrink: 0; width: 430px; position: relative;}
 .home-25 {flex-shrink: 0; width: 16px; height: 16px; position: relative;}
 .home-26 {width: 16px; height: 16px; position: absolute; left: 0px;top: 0px;}
 .home-27 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .button {color: var(--base-white, #ffffff); text-align: left; font: 600 16px/150% 'Inter', sans-serif; position: relative;}
 .home-28 {position: absolute; left: 0px;top: 0px; overflow: visible;}
 .frame-37068 {align-self: stretch;flex-shrink: 0; height: 12px; position: relative; overflow: hidden;}
 .frame-37066 {display: flex; flex-direction: row; gap: 12px; align-items: center; justify-content: flex-start; flex-shrink: 0; position: relative;}
 .vector-164 {flex-shrink: 0; position: relative; overflow: visible;}
 .or {color: var(--gray-200, #d6d6d6); text-align: left; font: 300 18px/120% 'Inter', sans-serif; position: relative;}
 .vector-163 {flex-shrink: 0; position: relative; overflow: visible;}
 .frame-37067 {align-self: stretch;flex-shrink: 0; height: 16px; position: relative; overflow: hidden;}
 .frame-37051 {border-radius: 8px; border-style: solid; border-color: var(--gray-100, #e3e3e3); border-width: 1px; padding: 10px 112px 10px 112px; display: flex; flex-direction: row; gap: 8px; align-items: center; justify-content: center; flex-shrink: 0; width: 430px; position: relative;}
 .google-logo {flex-shrink: 0; position: relative; overflow: visible;}
 .log-in-with-google {color: var(--gray-900, #464646); text-align: left; font: 500 16px/150% 'Inter', sans-serif; position: relative;}
 .frame-37057 {width: 4px; height: 12px; position: absolute; left: 93px;top: 214px; overflow: hidden;}



@media (max-width: 1440px) {
    .frame-37056 {
        left: 150px !important;
    }

    .frame-37332 {
        width: 650px !important
    }
}

@media (max-width: 1250px) {
    .frame-37056 {
        left: 100px !important;
    }

    .frame-37332 {
        width: 550px !important
    }
}
@media (max-width: 1024px) {

    .contact-inform.form {
        width: 350px !important;
    }

    .frame-37332 {
        width: 450px !important
    }
}

@media (max-width: 768px) {

    .frame-37332 {
        /*width:100% !important;*/
        display:none !important;
    }
    .frame-37056 {
        left: 200px !important;
    }

    /*.group-41019 {
        background-image: url(../images/frame-37332.png) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }*/
}