/* My-account CSS  */

.dashboard-content h1 {
    font-family: var(--source-serif-4-font);
    font-size: var(--font-size-40);
    font-weight: var(--font-weight-500);
    line-height: 26px;
    margin-bottom: 45px;
}

.account-from .form-control {
    border: 0px;
    border-bottom: 1px solid var(--very-light-gray);
    outline: none;
    box-shadow: none;
    border-radius: 0;
    font-family: var(--roboto-font) !important;
    color: var(--dark-gray) !important;
    margin-bottom: 30px;
    padding: 0px 0px 10px 0px !important;
    line-height: 28px;
    font-size: 18px;
    font-weight: 400;
    /* width: 82%; */
}

.account-from label {
    font-family: var(--roboto-font);
    font-weight: var(--font-weight-500);
    font-size: 8px;
    line-height: 28px;
    color: var(--black);
    letter-spacing: 0.12em;
} 

.account-from .form-select {
    padding: 10px 0px !important;
    border: 0;
    border-bottom: 1px solid var(--gainsboro) !important;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    font-family: var(--roboto-font) !important;
    color: var(--dark-gray) !important;
    margin-bottom: 20px;
    font-size: 16px !important;
    letter-spacing: 0px !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer;
    /* width: 82%; */
}


.account-from .footer {
    display: flex;
    align-items: center;
    justify-content: end;
    /* margin-right: 68px; */
}


.other-info-section {
    border: dashed 1px #978F6B;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    background: #FCFBF6;
    padding-top: 35px;
    padding-bottom: 35px;
    height: 321px;
}

.other-info-section h5{
    font-family: var(--source-serif-4-font);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-26) !important;
    line-height: 32px;
    text-align: center;
}

.other-info-section .side-title {
    font-family: var(--roboto-font);
    font-weight: var(--font-weight-600);
    font-size: var(--font-size-12);
    line-height: 15px;
    letter-spacing: 0.12em;
}

.other-info-section .side-text {
    font-family: var(--roboto-font);
    font-weight: var(--font-weight-400);
    font-size: var(--font-size-14);
    line-height: 10px;
    color: var(--dark-gray);
}


.password-info {
    margin-top: 100px;
}

.password-info h1 {
    margin-bottom: 75px !important;
}

/* Extra Small Devices (phones, less than 576px) */
@media (max-width: 575.98px) {
    .account-from .form-control,
    .account-from .form-select {
        width: 100%;
    }

    .account-from .submit,
    .account-from .cancel {
        width: 194.94px;
        padding: unset !important;
    }

    .password-info {
        margin-top: 88px;
    }

    .password-info h1 {
        font-size: 30px !important;
    }
}

/* Small Devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {}

/* Medium Devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {}

/* Large Devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {}

/* Extra Large Devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}