:root {
    --5D5D5B: #5D5D5B;
    --0052FF: #0052FF;
    --000000: #000000;
    --23E33E: #23E33E;
    --EBF0F0: #EBF0F0;
    --FFFFFF: #FFFFFF;
    --121212: #121212;
    --F20089: #F20089;
    --FFBD00: #FFBD00;
    --40DBE2: #40DBE2;
    --B4A545: #B4A545;
    --F2EFE3: #F2EFE3;
    --FAF8F0: #FAF8F0;
    --C4A600: #C4A600;
    --0: 0;
    --1: 1px;
    --2: 2px;
    --4: 4px;
    --5: 5px;
    --10: 10px;
    --11: 11px;
    --12: 12px;
    --13: 13px;
    --14: 14px;
    --15: 15px;
    --16: 16px;
    --18: 18px;
    --20: 20px;
    --21: 21px;
    --24: 24px;
    --25: 25px;
    --28: 28px;
    --29: 29px;
    --30: 30px;
    --34: 34px;
    --35: 35px;
    --40: 40px;
    --42: 42px;
    --50: 50px;
    --51: 51px;
    --66: 66px;
    --100: 100;
    --128: 128px;
    --130: 130px;
    --400: 400;
    --500: 500;
    --600: 600;
    --700: 700;
    --800: 800;
}

/*html,
body,
#app {
    height: 100%;
    margin: var(--0);
    padding: var(--0);
}
*/

.inter-font {
    font-family: 'Inter', sans-serif;
}

.ub-font {
    font-family: 'Unbounded', sans-serif;
}
/** typography */
.fs-n {
    font-style: normal;
}

.fs-10 {
    font-size: var(--10) !important;
}

.fs-11 {
    font-size: var(--11) !important;
}

.fs-12 {
    font-size: var(--12) !important;
}

.fs-13 {
    font-size: var(--13) !important;
}

.fs-14 {
    font-size: var(--14) !important;
}

.fs-16 {
    font-size: var(--16) !important;
}

.fs-18 {
    font-size: var(--18) !important;
}

.fs-20 {
    font-size: var(--20) !important;
}

.fs-24 {
    font-size: var(--24) !important;
}

.fs-28 {
    font-size: var(--28) !important;
}

.fs-34 {
    font-size: var(--34) !important;
}

.fs-40 {
    font-size: var(--40) !important;
}

.fs-42 {
    font-size: var(--42) !important;
}

.fw-400 {
    font-weight: var(--400) !important;
}

.fw-500 {
    font-weight: var(--500) !important;
}

.fw-600 {
    font-weight: var(--600) !important;
}

.fw-700 {
    font-weight: var(--700) !important;
}

.fw-800 {
    font-weight: var(--800) !important;
}

.lh-21 {
    line-height: var(--21);
}

.lh-24 {
    line-height: var(--24);
}

.lh-29 {
    line-height: var(--29);
}

.lh-40 {
    line-height: var(--40);
}

.lh-51 {
    line-height: var(--51);
}
/** colors */
.c-5D5D5B {
    color: var(--5D5D5B) !important;
}

.c-0052FF {
    color: var(--0052FF);
}

.c-000000 {
    color: var(--000000) !important;
}

.c-23E33E {
    color: var(--23E33E);
}

.c-F20089 {
    color: var(--F20089);
}

.c-FFFFFF {
    color: var(--FFFFFF) !important;
}

.c-40DBE2 {
    color: var(--40DBE2) !important;
}

.c-B4A545 {
    color: var(--B4A545) !important;
}

.c-C4A600 {
    color: var(--C4A600) !important;
}
/** custom padding */
.cpr-130 {
    padding-right: var(--130);
}

.cpt-100 {
    padding-top: 100px !important;
}

.cpb-128 {
    /* padding-bottom: 140px !important; */
    padding-bottom: 205px !important;
}
/** custom padding end */
/** custom background color */
.cbc-t {
    background-color: transparent !important;
}

.cbc-EBF0F0 {
    background-color: var(--EBF0F0) !important;
}

.cbc-0052FF {
    background-color: var(--0052FF) !important;
}

.cbc-FFFFFF {
    background-color: var(--FFFFFF) !important;
}

.cbc-000000 {
    background-color: var(--000000) !important;
}

.cbc-40DBE2 {
    background-color: var(--40DBE2) !important;
}

.cbc-B4A545 {
    background-color: var(--B4A545) !important;
}

.cbc-F2EFE3 {
    background-color: var(--F2EFE3) !important;
}

.cbc-FAF8F0 {
    background-color: var(--FAF8F0) !important;
}

.cbc-C4A600 {
    background-color: var(--C4A600) !important;
}

.h-65 {
    height: 65% !important;
}

.h-90 {
    height: 90% !important;
}

.h-95 {
    height: 95% !important;
}

.cmt-12 {
    margin-top: 12px !important;
}

.cmb-30 {
    margin-bottom: 30px !important;
}

.cpy-12{
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.ellipsis-2 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
}

.ellipsis-3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /* start showing ellipsis when 3rd line is reached */
    white-space: pre-wrap; /* let the text wrap preserving spaces */
}

.text-deco-none {
    text-decoration: none !important;
}

.link-pointer {
    cursor: pointer;
}

.text-ellipse {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.d-register-bg {
    background-image: url('/images/bg_image.png');
    background-size: cover;
    background-position: center center;
}

.signin-btn-pad {
    padding: 12px 0px;
}

.signin-btn-radius {
    border-radius: 8px;
}

.form-control::placeholder {
    color: #FFFFFF !important;
    opacity: 1 !important;
    font-size: 12px !important;
    font-family: "Unbounded", sans-serif;
}

.form-control {
    color: #fff !important;
    font-size: 12px;
    font-family: "Unbounded", sans-serif;
}

.code-fd {
    padding: 23px 15px !important;
}

.form-control:focus {
    color: #fff !important;
    font-size: 12px;
    font-family: "Unbounded", sans-serif;
}

.dw-form .form-control:focus {
    border-color: #fff !important;
}

.signin-form-container {
    height: auto;
}

.lrc-image {
    width: 500px;
}

.password-icon {
    position: absolute;
    right: 20px;
    top: 50px;
}

.dm-register-bg {
    background-image: url('/images/bg_image.jpg');
    background-size: cover;
    background-position: center center;
}

.dw-dm-register-bg {
    background-image: url("/images/test-bg-3.jpg") !important;
    background-size: cover !important;
    background-attachment: fixed !important;
}

.input-custom {
    background-color: #003763 !important;
    border: 2px solid #fff;
}

.input-custom-dw {
    background-color: #000 !important;
    border: 2px solid #fff;
}

.input-custom-eco {
    background-color: #000000 !important;
    border: 2px solid #fff;
}

/*.title {
    line-height: normal !important;
    font-stretch: normal !important;
    text-decoration: none !important;
}*/

.dw-container {
    display: flex !important;
    margin: 4rem 0rem !important;
    overflow: auto !important;
}

 .vh-100 {
     height: 100vh;
 }

@media (min-width: 768px) {
    .lrc-image {
        width: 300px;
    }

    .signin-form-container {
        height: 85%;
    }
}

@media (max-width:768px) {
    .dw-dm-register-bg {
        background-image: url("/images/dw-new-bg-2.jpg") !important;
    }
}

@media (min-width: 992px) {
    .lrc-image {
        width: 500px;
    }

    .signin-form-container {
        height: 85%;
    }
}