.login {
    min-height: 100vh;
}

.bg-image {
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(6, 33, 21, 0.95)), url(../assets/img/side.jpg);
    background-size: cover;
    background-position: center;
}

.login-heading {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    line-height: 150%;
    color: #292A2C;
}

.btn-login {
    font-size: 0.9rem;
    letter-spacing: 0.05rem;
    padding: 0.75rem 1rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 10px;
    gap: 8px;
    top: 658px;
    background: #1A8858;
    border-radius: 8px;
    border: 1px solid #1A8858;
}

.btn-login:hover {
    background: #12613f;
}

.btn-login:active {

    background: #088851 !important;

}

.login-normal {
    background: #F4F6F7;
    box-sizing: border-box;
    height: 53px;
    border: 1px solid #1A8858;
    border-radius: 8px;
}

.login-error {
    border: 2px solid red;
    border-radius: 4px;
}

.login-white {
    position: relative;
    top: 60%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    overflow-wrap: break-all;
    width: 100%;
    height: 100px;
    margin-top: 155px;
    font-family: math;
    font-style: normal;
    font-weight: 700;
    font-size: 34px;
    line-height: 150%;
    padding: 0 50px;
}

div.forgeth {
    text-align: right;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #1A8858;
}

.ouentrepor {
    font-family: 'SF Pro Display';
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 150%;
    margin-top: 45px;

    color: #666666;

}

#remember_me {
    background: #1A8858;
    border-radius: 4px;
    color: #F4F6F7;

}

.remember {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 25px;
    color: #666666;

}


.form-app {
    text-align: center;
    margin: 12px 32px 0 0;
}

.c-checkbox>input[type=checkbox] {
    width: 20px;
    height: 20px;
    cursor: pointer;
    opacity: 0;
    margin: 0;
    appearance: none;
    -webkit-appearance: none;
}

.c-checkbox>div {
    display: grid;
    pointer-events: none;
    transition: transform .6s cubic-bezier(.4, .2, .2, 0.7);
    transform-style: preserve-3d;
}

.c-checkbox>div>* {
    grid-area: 1/1;
}

.c-checkbox>div>i:first-child {
    background: #1A8858;
    ;
    transform: translatez(-5px);
}

.c-checkbox>div>i:last-child {
    background: #ddd;
    transform: translatez(5px);
}

.c-checkbox>div>i:nth-of-type(2),
.c-checkbox>div>i:nth-of-type(3) {
    height: 20px;
    transform: rotatex(90deg)rotatey(90deg);
    position: relative;
    top: 1px;
}

.c-checkbox>div>i:nth-of-type(2) {
    background: #1A8858;
    right: 10px;
}

.c-checkbox>div>i:nth-of-type(3) {
    background: darkslategray;
    left: 1px;
}

input:checked+div {
    transform: rotatey(180deg);
}

.c-checkbox {
    display: grid;
    margin-left: -18px;
    width: 20px;
    height: 20px;
}

.c-checkbox>* {
    grid-area: 1/1;
}

.clabel {

    cursor: pointer;
}

.wrapper {
    position: absolute;
}

.divpass {
    height: 120px;

}

.cw-35 {
    width: 29rem;
}

#togglePassword {
    margin-left: -30px;
    cursor: pointer;
}

.logo {
    margin: 0 0 45px 0;
    content: url("data:image/svg+xml, %3Csvg width='77' height='64' viewBox='0 0 77 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.94' fill-rule='evenodd' clip-rule='evenodd' d='M1.57716 27.4178H18.752C19.1959 27.4178 19.6216 27.2415 19.9354 26.9277C20.2493 26.6138 20.4256 26.1881 20.4256 25.7442C20.4256 25.3004 20.2493 24.8747 19.9354 24.5608C19.6216 24.2469 19.1959 24.0706 18.752 24.0706H12.6495V21.7119L6.7843 21.73C6.39223 21.73 6.01621 21.5742 5.73898 21.297C5.46174 21.0197 5.30599 20.6437 5.30599 20.2516C5.30599 19.8596 5.46174 19.4836 5.73898 19.2063C6.01621 18.9291 6.39223 18.7733 6.7843 18.7733L24.7914 18.6622C25.0258 19.3412 25.5727 19.7619 26.7986 19.8881C28.4722 20.0593 31.0051 20.1885 32.4624 19.5876C33.6012 18.0372 33.4299 14.0319 32.856 11.8746C31.2846 11.2315 28.8087 11.1084 26.7745 11.3367C24.3167 11.6101 24.6562 12.815 24.6712 15.2248H12.6495V13.2777H10.7595C10.3786 13.2606 10.0189 13.0972 9.75544 12.8215C9.49194 12.5459 9.3449 12.1793 9.3449 11.7979C9.3449 11.4166 9.49194 11.05 9.75544 10.7743C10.0189 10.4987 10.3786 10.3353 10.7595 10.3181H28.1867C28.4064 10.3177 28.6238 10.274 28.8265 10.1895C29.0293 10.105 29.2133 9.98135 29.3682 9.82563C29.5231 9.6699 29.6458 9.48516 29.7292 9.28197C29.8126 9.07878 29.8551 8.86115 29.8543 8.6415V8.56939C29.8551 8.34975 29.8126 8.13211 29.7292 7.92893C29.6458 7.72574 29.5231 7.54099 29.3682 7.38526C29.2133 7.22954 29.0293 7.10588 28.8265 7.02137C28.6238 6.93687 28.4064 6.89316 28.1867 6.89277L12.6615 6.9108C14.6175 1.04263 17.6102 0.480751 20.3174 0L48.165 0.0210351H67.2688C72.8696 0.0991571 75.8472 2.69221 76.5173 7.49671C76.5173 23.67 76.5273 39.8433 76.5473 56.0165C75.5137 61.1606 72.6772 64.1953 67.0134 63.9219H47.6061L22.1864 64C22.1142 64 22.0421 64 21.973 63.982C14.242 63.4111 13.0942 59.6041 12.7696 55.2984L12.6495 36.8646V30.3354L1.56815 30.3745C1.17608 30.3745 0.80006 30.2187 0.522823 29.9415C0.245586 29.6642 0.0898438 29.2882 0.0898438 28.8961C0.0898438 28.5041 0.245586 28.1281 0.522823 27.8508C0.80006 27.5736 1.17608 27.4178 1.56815 27.4178H1.57716ZM50.2232 21.8081C49.6493 23.8453 49.4389 26.0687 50.6258 27.7784C51.6174 29.2056 53.0957 30.6238 55.1328 30.9694C60.1627 31.8227 63.2455 28.6317 63.4919 24.1067C62.6746 17.1959 53.4172 15.5132 50.2142 21.8081H50.2232ZM47.5189 13.3949C41.9573 17.8659 39.5625 26.9551 44.6765 32.5949C46.5274 34.6351 49.451 37.3604 52.2243 38.1176L55.2861 38.8537C55.3801 38.8835 55.4724 38.9186 55.5625 38.9589C54.7633 39.7551 43.8923 56.5003 43.4536 57.7683C54.1773 57.7683 57.6177 48.1022 61.4547 43.3938C63.9426 40.344 67.1005 34.4999 69.2309 30.9454C76.1176 19.4374 60.4872 2.97765 47.5189 13.3949ZM32.6968 23.698C31.3837 22.9619 26.8857 22.4962 25.4014 23.5057C24.0312 24.4372 24.7073 28.8691 24.7103 30.696C24.7524 48.7752 21.7928 58.877 43.2252 57.7683C41.5066 54.1266 33.2917 49.8148 33.1445 45.5241C33.0183 41.7382 34.0219 25.603 32.6998 23.692L32.6968 23.698Z' fill='%231A8858'/%3E%3C/svg%3E");


}

.google {
    content: url("data:image/svg+xml, %3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='35.5' fill='white' stroke='%23DBDDDE'/%3E%3Cpath d='M50.0014 36.3109C50.0014 35.1598 49.9061 34.3198 49.6998 33.4487H36.2871V38.6442H44.1601C44.0014 39.9354 43.1442 41.8798 41.2394 43.1864L41.2127 43.3604L45.4536 46.58L45.7474 46.6087C48.4458 44.1665 50.0014 40.5731 50.0014 36.3109Z' fill='%234285F4'/%3E%3Cpath d='M36.2853 50C40.1424 50 43.3804 48.7555 45.7456 46.6089L41.2377 43.1865C40.0313 44.011 38.4123 44.5866 36.2853 44.5866C32.5076 44.5866 29.3013 42.1444 28.1583 38.7688L27.9908 38.7827L23.5811 42.1272L23.5234 42.2843C25.8726 46.8577 30.698 50 36.2853 50Z' fill='%2334A853'/%3E%3Cpath d='M28.1606 38.769C27.859 37.8979 27.6845 36.9645 27.6845 36.0001C27.6845 35.0356 27.859 34.1023 28.1447 33.2312L28.1368 33.0456L23.6718 29.6475L23.5257 29.7156C22.5575 31.6134 22.002 33.7445 22.002 36.0001C22.002 38.2556 22.5575 40.3867 23.5257 42.2845L28.1606 38.769Z' fill='%23FBBC05'/%3E%3Cpath d='M36.2854 27.4133C38.9679 27.4133 40.7774 28.5488 41.8092 29.4978L45.8409 25.64C43.3648 23.3844 40.1425 22 36.2854 22C30.698 22 25.8726 25.1422 23.5234 29.7155L28.1425 33.2311C29.3013 29.8555 32.5076 27.4133 36.2854 27.4133Z' fill='%23EB4335'/%3E%3C/svg%3E");
    width: 70px;
    height: 70px;

}

.apple {
    content: url("data:image/svg+xml, %3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='35.5' fill='white' stroke='%23DBDDDE'/%3E%3Cpath d='M44.2026 31.5717C44.1071 31.6274 41.8338 32.8031 41.8338 35.4098C41.941 38.3826 44.7026 39.4252 44.75 39.4252C44.7026 39.4809 44.3331 40.8454 43.2383 42.2757C42.3696 43.5078 41.4053 44.75 39.941 44.75C38.5481 44.75 38.0481 43.9288 36.441 43.9288C34.715 43.9288 34.2267 44.75 32.9052 44.75C31.441 44.75 30.4052 43.4412 29.4891 42.2207C28.2989 40.6232 27.2872 38.1164 27.2515 35.7093C27.2274 34.4338 27.4899 33.18 28.156 32.1151C29.0962 30.6283 30.7748 29.619 32.6079 29.5858C34.0124 29.5416 35.2624 30.4843 36.1195 30.4843C36.941 30.4843 38.4767 29.5858 40.2143 29.5858C40.9643 29.5865 42.9643 29.797 44.2026 31.5717ZM36.0008 29.3311C35.7508 28.1663 36.441 27.0015 37.0838 26.2585C37.9053 25.3599 39.2026 24.75 40.3214 24.75C40.3928 25.9148 39.9402 27.0572 39.1312 27.8892C38.4053 28.7878 37.1553 29.4642 36.0008 29.3311Z' fill='%23131416'/%3E%3C/svg%3E");
    width: 70px;
    height: 70px;

}

.facebook {
    content: url("data:image/svg+xml, %3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='36' cy='36' r='35.5' fill='white' stroke='%23DBDDDE'/%3E%3Ccircle cx='36' cy='36' r='14' fill='url(%23paint0_linear_1856_34745)'/%3E%3Cpath d='M41.2137 40.2816L41.8356 36.3301H37.9452V33.767C37.9452 32.6857 38.4877 31.6311 40.2302 31.6311H42V28.267C42 28.267 40.3945 28 38.8603 28C35.6548 28 33.5617 29.8929 33.5617 33.3184V36.3301H30V40.2816H33.5617V49.8345C34.2767 49.944 35.0082 50 35.7534 50C36.4986 50 37.2302 49.944 37.9452 49.8345V40.2816H41.2137Z' fill='white'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1856_34745' x1='36' y1='22' x2='36' y2='49.917' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2318ACFE'/%3E%3Cstop offset='1' stop-color='%230163E0'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
    width: 70px;
    height: 70px;

}