:root {
    --color-primary: #DD554E;
    --color-primary2: #131821;
    --color-primary3: #FAFAFA;
    --color-white: #FFFFFF;
    --color-black: #000000;
    --color-black2: #1F1F1F;
    --color-border: #D0D0D0;
    --color-gray: #F2F4F7;
    --color-light: #4191DF;
    --color-blue: #0000FF;
    --color-darkblue: #0D346A;
    --color-yellow: #FBBC06;
    --color-scrollbar: #4E4E4E;
    --color-bg-form: #F7F5F2;
}

.text-light-custom {
    color: var(--color-light);
}
.text-primary-custom {
    color: var(--color-primary);
}
.text-darkblue-custom {
    color: var(--color-darkblue);
}
.text-blue {
    color: var(--color-blue);
}

.bg-primary-custom,
.bg-primary-custom:hover {
    background-color: var(--color-primary);
}
.bg-primary-custom:active {
    background-color: var(--color-primary) !important;
}

.bg-darkblue-custom,
.bg-darkblue-custom:hover {
    background-color: var(--color-darkblue);
}
.bg-darkblue-custom:active {
    background-color: var(--color-darkblue) !important;
}

.font-10 {
    font-size: 10px;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-15 {
    font-size: 15px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-20 {
    font-size: 20px;
}
.font-24 {
    font-size: 24px;
}
.font-30 {
    font-size: 30px;
}

.w-65 {
    width: 65% !important;
}


.mb-9 {
    margin-bottom: 9px;
}
.mb-13 {
    margin-bottom: 13px;
}
.mb-15 {
    margin-bottom: 15px;
}
.mb-16 {
    margin-bottom: 16px;
}
.mb-17 {
    margin-bottom: 17px;
}
.mb-20 {
    margin-bottom: 20px;
}
.mb-26 {
    margin-bottom: 26px;
}
.mb-27 {
    margin-bottom: 27px;
}
.mb-37 {
    margin-bottom: 37px;
}

.mbi-60 {
    margin-bottom: 60px !important;
}

.p-50-px {
    padding: 50px;
}

.text-right {
    text-align: right;
}

.text-left {
    text-align: left !important;
}

.w-15 {
    width: 15%;
}
.w-10 {
    width: 10%;
}

.cursor-pointer {
    cursor: pointer;
}

.cursor-pointer-none {
    pointer-events: none;
}

.btn-load-more {
    position: relative;
    width: 156px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-weight: 700;
    background: #F8F8F8;
    border-radius: 19px;
    color: var(--color-black);
}

.btn-load-more:hover {
    background: #e7e3e3  !important;
}

.btn-load-more span::before {
    content: "";
    position: absolute;
    top: 0;
    left: 1.4rem;
    width: 1.8rem;
    height: 3.5rem;
    background: url(../images/icon_load_more.png) no-repeat center/contain;
}

.p-reset-password__main .c-icon2{
   margin-bottom: 20px;
}

.p-reset-password__main .c-text{
    margin-top: 8px;
   text-align: center;
}

.w-fit-content {
    width: fit-content;
}