.accountSettingAccordion {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}
.alert-danger li ,.text-danger {
    font-family: Changa;
}
.accountSettingAccordion span {
    display: block;
    color: var(--grayscale-4-a-5568, #4a5568);
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
}

.accordion-item {
    margin: 12px 0px;
}

.accordion-header {
    display: flex;
    /* padding: 20px 24px; */
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
}

.accordion-button {
    border: 1px solid var(--grayscale-cbd-5-e-0, #cbd5e0);
    background: #f9fafb;
}

.accordion-button:not(.collapsed) {
    color: var(--grayscale-4-a-5568, #0c776b);
    background-color: #f9fafb;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
}

.accordion-button:focus {
    z-index: 3;
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0);
}

.accordion-arrow {
    margin-right: auto;
    color: #0c776b;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.accordion-button::after {
    margin-right: 10px !important;
}

.accordion-collapse .nice-select {
    float: inherit;
}

.uploadImage {
    width: 100%;
    display: flex;
    /* padding: 20px 24px; */
    justify-content: space-between;
    align-items: center;
    border-radius: 8px;
    /* border: 1px solid var(--grayscale-cbd-5-e-0, #cbd5e0); */
    background: #f9fafb;
}

.forgetPasswordHeader {
    background: white !important;
    display: flex;
    justify-content: center;
}

.forgetpassContainer {
    display: flex;
    flex-direction: column;
    margin: auto;
    justify-content: center;
    /* margin-top: 73px; */
    padding-bottom: 50px;
    height: 80vh;
}

.forgetPassLabel {
    color: var(--grayscale-2-d-3748, #2D3748);
    align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 10px;
}

.forgetPassInput {
    max-width: 640px;
    height: 54px;
    border-radius: 4px;
    background: #F7FAFC;
    text-align: end;
}

.forgetPassBtn {
    padding: 28px 68px !important;
    font-size: 18px !important;
    line-height: 18px !important;
    font-weight: 600 !important;
}

.forgetPassBtn:hover {
    background: #000;
}

.forgetpassContainer .container {
    max-width: 640px !important;
}

.forgetpassContainer h1 {
    color: var(--grayscale-2-d-3748, #2D3748);
    text-align: center;
    font-family: Changa;
    font-size: 52px;
    font-style: normal;
    font-weight: 600;
    line-height: 72px;
    /* 138.462% */
    letter-spacing: 1.04px;
}

.forgetpassContainer p {
    color: var(--grayscale-718096, #718096);
    text-align: center;
    font-family: Changa;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
    letter-spacing: 0.36px;
}

.changeImg {
    display: flex;
    width: 186px !important;
    /* padding: 16px 92px !important; */
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    border: 1px solid #0c776b;
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    background-color: #FFF !important;
    /* 150% */
}

.container-Dashboard {
    background: white;
    min-height: 72.2vh;
}

.accountSettings {
    padding-top: 48px;
    padding-bottom: 48px;
}

.CertificateRequestHistory-slider-news .slick-prev,
.CertificateRequestHistory-slider-news .slick-next {
    background: #0c776b !important;
    color: white !important;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    z-index: 999;
    font-size: 28px;

}


.CertificateRequestHistory-slider-news .slick-arrow {
    color: white !important;
}

@media (max-width: 768px) {


    .CertificateRequestHistory-slider-news .slick-prev,
    .CertificateRequestHistory-slider-news .slick-next {
        background: #0c776b !important;
        color: white !important;
        width: 40px;
        height: 40px;
        border-radius: 100%;
        z-index: 999;
        font-size: 22px;
    }


    .CertificateRequestHistory-slider-news .slick-arrow {
        color: white !important;
    }

    .sw-toolbar-elm.toolbar.toolbar-bottom {
        position: static !important;
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .sw-toolbar-elm.toolbar.toolbar-bottom button {
        width: 100% !important;
        margin-top: 10px;
    }

    .uploadImage {
        flex-direction: column;
    }

    .accordion-arrow {
        text-align: left;
    }

    .accountSetting .container-Dashboard,
    .container-Dashboard {
        padding: 20px 26px 30px !important;
    }

    .newRequest-container {
        padding: 20px 26px 30px !important;
    }

}

.head-print {
    display: flex;
    padding: 24px 68px;
    justify-content: space-between;
    align-items: flex-start;
    background: #004f43;
    width: 100%;
}

.back i {
    margin-left: 15px;
}

.back {
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
    padding: 0px;
    width: auto !important;
}

.btn-groups .theme-btn.theme-btn-lg {
    padding: 0px 37px;
    margin: 0px 10px;
    width: 125px !important;
}

.btn-groups {
    display: flex;
}

.left-side {
    display: flex;
}

.qrcode {
    width: 152px !important;
    height: 192px !important;
    /* padding: 20px 32px; */
    background: white;
    position: absolute;
    z-index: 999;
    bottom: 29%;
    right: 7%;
}

.certificate-body {
    display: flex;
}

.left-side img {
    width: 100%;
}

.right-side {
    margin-top: 48px;
    padding-left: 68px;
}

.right-side .logos {
    margin: auto;
    display: flex;
    justify-content: center;
}

.right-side .logos img {
    height: 56px;
    flex-shrink: 0;
    margin: 0px 10px;
}

.certificate-body {
    /* height: 949px; */
    background-image: url(../img/dashboard/A4.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    background-color: #fff;
    justify-content: space-between;
}

.certificateTitle {
    color: var(--grayscale-1-a-202-c, #1a202c);
    text-align: center;
    font-family: Changa;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 64px;
    /* 133.333% */
}

.certificateDescription {
    color: #0c776b;
    text-align: center;
    font-family: Changa;
    font-size: 32px;
    font-style: normal;
    font-weight: 500;
    line-height: 44px;
    /* 137.5% */
}

.certificatebody {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 16px;
}

.certificateHeader {
    margin: 43px 0px 56px;
}

.certificateImg {
    display: flex;
    width: 152px;
    height: 152px;
    padding: 29.881px;
    justify-content: center;
    align-items: center;
    border-radius: 132px;
    border: 1px solid var(--grayscale-718096, #718096);
}

.companyTitle {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: right;
    font-family: Changa;
    font-size: 36px;
    font-style: normal;
    font-weight: 600;
    line-height: 48px;
    /* 133.333% */
}

.companySubTitle {
    color: var(--grayscale-1-a-202-c, #1a202c);
    text-align: right;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 160% */
    /* letter-spacing: 0.4px; */
}

.companySubTitle span {
    color: var(--grayscale-4-a-5568, #4a5568);
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    /* letter-spacing: 0.32px; */
}

.companyDescription {
    color: var(--grayscale-4-a-5568, #4a5568);
    text-align: center;
    font-family: Changa;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    /* 155.556% */
    /* letter-spacing: 0.36px; */
}

.certificateFooter {
    justify-content: space-evenly;
    margin-top: 105px;
}

.certificateFooter div {
    border-top: 1px solid #718096;
    text-align: center !important;
    padding: 16px 0px;
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: right;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 100% */
    /* letter-spacing: 0.4px; */
}

.supervisorStatus {
    padding: 48px 38px !important;
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.supervisorStatus .statusCard {
    width: 31%;

    display: flex;
    padding: 32px 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #0c776b;
    background: rgba(12, 119, 107, 0.1);
}

.statusCard .counter {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: right;
    font-family: Changa;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 46px;
    /* 115% */
}

.statusCard .title {
    color: var(--grayscale-718096, #718096);
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
}

.supervisor-manager-container {
    padding: 20px 40px 48px;
}

.supervisorRequestCart {
    gap: 20px;
}

.supervisorRequestCart .upper {
    flex-direction: row;
}

.expireDate {
    display: flex;
    align-items: center;
}

.expireDate i {
    display: flex;
    width: 40px;
    height: 40px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    border: 1px solid #db3b21;
    background: #fbebe9;
    color: #db3b21;
    margin-left: 12px;
}

.deadline {
    color: #db3b21 !important;
    text-align: right !important;
    font-family: Changa !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 16px !important;
    /* 100% */
    letter-spacing: 0.32px !important;
    /* margin-bottom: 0px !important; */
}

.deadlineCooldown {
    color: var(--grayscale-4-a-5568, #4a5568) !important;
    text-align: right !important;
    font-family: Changa !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: 20px !important;
    /* 142.857% */
    letter-spacing: 0.28px !important;
}

.requestCart {
    margin: 24px 0px;
}


.requestCart .upper h5 {
    text-align: start;
    margin-bottom: 0px;
}

.rejectReason {
    color: #0C776B !important;
    text-align: right !important;
    font-family: Changa !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    /* 150% */
    letter-spacing: 0.32px !important;
}

.rejectTitle h4 {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: right;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 160% */
}

.rejectTitle p {
    color: var(--grayscale-4-a-5568, #4a5568);
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}

/* RESET FORM ELEMENTS */
.input-container input[type="date"],
.input-container input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
}

/* INPUT CONTAINER  */
.input-container {
    display: flex;
    flex-direction: column;
    width: auto;
    height: auto;
    /* min-width: 180px; */
    /* height: 60px; */
    /* background: #fff; */
    border-radius: 8px;
    overflow: hidden;
    cursor: pointer;

    padding: 4px 12px;
    align-items: center;
    gap: 4px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-718096, #718096);
    align-items: flex-start;
}

.supervisor-manager-cards-date {
    gap: 8px;
    justify-content: start;
}

.assigneCancelBtn {
    background: white;
    color: #2D3748;
}

.bg-btn-green {
    background: #0C776B !important;
}

.input-container label {
    position: relative;
    width: 100%;
    font-weight: 600;
    font-size: 11px;
    line-height: 20px;
    margin-left: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #db3b21;
    text-align: start;
    font-family: Changa;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    /* 133.333% */
    letter-spacing: 0.24px;
}

.input-container input {
    position: relative;
    align-items: center;
    width: auto;
    height: auto;
    text-transform: uppercase;
    margin-left: 0px;
    color: var(--grayscale-4-a-5568, #4a5568);
    text-align: start;
    font-family: Changa;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 142.857% */
    letter-spacing: 0.28px;
}

.requester-heading {
    justify-content: space-between !important;
}

.orderByBtn {
    display: flex;
    padding: 12px 24px;
    align-items: center;
    gap: 16px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    height: 49px;
    /* 100% */
}

.orderByBtn:focus {
    box-shadow: none !important;
    border: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
}

.orderByBtn::after {
    display: none !important;
}

.filtersBtns {
    display: flex;
    justify-content: space-between;
}

.grand-green-box {
    width: 42px;
    height: 42px;
    flex-shrink: 0;
    background: #138d7a;
    border-radius: 4px;
    margin: auto;
    display: flex;
    align-items: center;
    margin-left: 0px;
    margin-right: 0px;
    transition: all 0.4s ease;
}

.small-green-box {
    margin: auto;
    width: 28px;
    height: 28px;
    flex-shrink: 0;
    border-radius: 4px;
    background: #2EE5B4;
}

.loan-type-select a.active .grand-green-box,
.loan-type-select a:hover .grand-green-box {
    background: #2EE5B4;
}

.loan-type-select a.active .small-green-box,
.loan-type-select a:hover .small-green-box {
    background: #138d7a;
}

.grand-green-box svg {
    margin: auto;
}


.loan-type-select a.active svg path,
.loan-type-select a:hover svg path {
    fill: #004F43 !important;
}

.assignSupervisor button {
    display: flex;
    padding: 12px 24px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
    background: #fff;
    color: #0c776b;
    text-align: center;
    font-family: Changa;
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 128.571% */
    letter-spacing: 0.28px;
}

.assignManagerBtn {
    margin: 76px auto;
    margin-bottom: 0px !important;
}

/* Show on large screens and hide on smaller screens */
@media (min-width: 1100px) {
    .dashboardSidebar .navbar-collapse {
        display: block !important;
    }

    .dashboardSidebar .navbar-toggler {
        display: none !important;
    }
}

.otherInfoDrop {
    inset: auto !important;
    transform: translate(0px, 49px) !important;
}

.btn-outline-secondary:hover,
.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
    color: #fff;
    background-color: #0c776b !important;
    border-color: #0c776b !important;
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
    box-shadow: none !important;
}

.addMoreBtn {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
    border: none;
}

.reviewHeader {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: #004f43;
    padding: 26px 70px;
}

.reviewHeader a {
    display: inline-flex;
    padding: 0 20px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    border: 1px solid #fff;
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}

.reviewHeader h2 {
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 157.143% */
}

.reviewHeader button {
    display: inline-flex;
    padding: 0 20px;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: #0c776b;
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}

.limitWarning {
    display: flex;
    width: 100%;
    padding: 16px 68px;
    justify-content: space-between;
    align-items: flex-start;
    background: var(--grayscale-1-a-202-c, #1a202c);
}

.limitWarning p {
    color: #fff;
    text-align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}

.review-supervisor {
    padding: 64px 60px 0px;
    flex-direction: column;
    align-items: flex-start;
}

.review-supervisor h2 {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: right;
    font-family: Changa;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    padding-bottom: 32px;
    /* 157.143% */
}

.request-review-supervisor button {
    width: auto;
    border: none !important;
    display: flex;
    padding: 12px 36px 24px 36px;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: center;
    font-family: Changa;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0.36px;
    border-bottom: 4px solid transparent !important;
}

.loan-type-select.request-review-supervisor button.active,
.loan-type-select.request-review-supervisor button:hover {
    border: none !important;
    border-radius: 0px !important;
    border-bottom: 4px solid #0c776b !important;
    color: #0c776b !important;
    background: #fff !important;
}

.questionValueArea {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.radioBtns label {
    margin: 0px 6px;
    display: flex;
    width: 40px;
    height: 40px;
    padding: 8px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 28px;
    border: 1px solid var(--grayscale-718096, #718096);
    color: var(--grayscale-1-a-202-c, #1a202c);
    text-align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 14px;
    /* 87.5% */
    letter-spacing: 0.32px;
    background-color: #fff !important;
}

.radioBtns .btn-check:active+.btn-secondary,
.radioBtns .btn-check:checked+.btn-secondary,
.radioBtns .btn-secondary.active,
.radioBtns .btn-secondary:active,
.radioBtns .show>.btn-secondary.dropdown-toggle {
    background: #0c776b !important;
    color: #fff !important;
    box-shadow: none !important;
}

.radioBtns label:hover {
    background: #0c776b !important;
}

p.questionValue {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}

.upload-box-custom {
    padding: 31px 28px;
    flex-direction: row;
    flex-wrap: wrap;
}

.fileActionBtn {
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
    margin: 8px auto;
    padding: 0px;
}

.upload-box-custom i {
    font-size: 20px !important;
    color: #2d3748 !important;
}

.uploadLeftSection i {
    color: #0c776b !important;
}

.uploadLeftSection .custom-file-label {
    text-align: start;
}

.uploadLeftSection {
    display: flex;
    align-items: center;
    gap: 20px;
}

.commentBox {
    padding: 20px 28px;
    background: #0c776b;
    border-bottom: 1px solid #138d7a;
}

.commentBox .commentHeader {
    display: flex;
    justify-content: space-between;
}

.commentBox .commentHeader p.name {
    color: #fff;
    text-align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}

.commentBox .commentHeader p.date,
.commentBox .commentHeader p.name span {
    color: #52bdb1;
    text-align: center;
    font-family: Changa;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: 0.28px;
}

.commentBox .commentBody p {
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
    margin: 8px 0 10px;
}

.commentBox .commentFooter {
    width: 100%;
    text-align: end;
}

.commentBox .commentFooter a {
    color: #fff;
    text-align: center;
    font-family: Changa;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: 0.28px;
}

.commentBoxControl {
    display: flex;
    justify-content: space-between;
    padding: 20px 28px;
    align-items: center;
    border-radius: 0px 0px 4px 4px;
    border-right: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
    border-bottom: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
    border-left: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
    background: var(--grayscale-f-7-fafc, #f7fafc);
    flex-wrap: wrap;
}

.showAllComment a {
    color: var(--grayscale-2-d-3748, #2d3748);
    font-family: Changa;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.28px;
    gap: 8px;
    display: flex;
    align-items: center;
}

.showAllComment a:hover {
    cursor: pointer;
    color: #004f43 !important;
}

.AllContentTitle {
    color: var(--grayscale-2-d-3748, #2d3748);
    text-align: center;
    font-family: Changa;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: 40px;
    /* 166.667% */
    letter-spacing: 0.48px;
}

.comments-modal {
    padding: 0px !important;
    max-height: 450px;
    overflow: auto;
}

.comments-modal .commentBox {
    background: #fff;
}

.comments-modal .col-12 .commentBox .commentBody p {
    color: #4a5568 !important;
}

.comments-modal .col-12 .commentBox .commentHeader p {
    color: #4a5568 !important;
}

.comments-modal .col-12 .commentBox .commentBody p.name {
    color: #2d3748 !important;
}

.comments-modal .col-12 .commentBox .commentBody p.date {
    color: #718096 !important;
}

.comments-modal .col-12 .commentBox .commentBody p.name span {
    color: #0c776b !important;
}

.declinedForm {
    background: #db3b21;
    display: flex;
    padding: 16px 68px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #fff;
}

.declinedForm p {
    color: #fff;
    text-align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}

.declinedForm p i {
    color: #fff;
}

.commentBoxControlHeader {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100% !important;
}

.accordion-button::after {
    display: none;
}

.accordionCommentBtnAction {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 20px;
    gap: 10px;
}

.addcomment {
    display: flex;
    padding: 16px 32px !important;
    justify-content: center;
    align-items: flex-end;
    border-radius: 4px;
    background: #0c776b;
    width: auto !important;
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    line-height: 24px !important;
    /* 150% */
    letter-spacing: 0.32px;
}

.cancelcomment {
    display: flex;
    padding: 16px 36px !important;
    justify-content: center;
    align-items: flex-end;
    border-radius: 4px;
    border: 1px solid var(--grayscale-2-d-3748, #2d3748) !important;
    width: auto !important;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px !important;
    /* 150% */
    letter-spacing: 0.32px;
    background: transparent !important;
    color: #2d3748 !important;
}

.cancelcomment:hover {
    color: #fff !important;
}

.decisionContainer {
    padding: 68px 60px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.requestValueLimit {
    color: #0c776b;
    text-align: center;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 32px;
    /* 160% */
    letter-spacing: 0.4px;
    margin: 12px 0px 48px;
}

.addcommentBTN {
    color: #2d3748 !important;
    text-align: center;
    font-family: Changa;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 171.429% */
    letter-spacing: 0.28px;
    padding: 0px;
    border: none !important;
    background: none !important;
}

.addcommentBTN:hover {
    background: transparent !important;
    color: #0c776b !important;
}

/* :focus {
    outline: 0;
    border-color: #2260ff;
    box-shadow: 0 0 0 4px #b5c9fc;
} */

.mydict div {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    justify-content: center;
}

.mydict input[type="radio"] {
    clip: rect(0 0 0 0);
    clip-path: inset(100%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.mydict input[type="radio"]:checked+span {
    box-shadow: 0 0 0 0.0625em #0C776B;
    background-color: #0C776B;
    z-index: 1;
    color: #fff !important;
}

label span {
    display: block;
    cursor: pointer;
    background-color: #fff;
    padding: 0.375em 0.75em;
    position: relative;
    margin-left: 0.0625em;
    box-shadow: 0 0 0 0.0625em #b5bfd9;
    letter-spacing: 0.05em;
    color: #3e4963;
    text-align: center;
    transition: background-color 0.5s ease;
    padding: 16px 48px;
}

label:last-child span {
    border-radius: 0.375em 0 0 0.375em;
}

label:first-child span {
    border-radius: 0 0.375em 0.375em 0;
}

.CompanyNameCetificate {
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 40px;
    font-style: normal;
    font-weight: 600;
    line-height: 44px;
    /* 110% */
    margin: 28px 0px 12px;
}

.CompanyNameCetificateSub {
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    /* letter-spacing: 0.32px; */
}

.left-upper-certificate {
    padding: 30px;
    max-width: 450px;
}

.left-upper-certificate h4 {
    font-family: Changa;
    font-size: 40px;
    font-weight: 600;
    line-height: 44px;
    color: #FFFFFF;
}

.left-upper-certificate img {
    width: 171.218px !important;
    height: 172px !important;
}

.tab-content-container {
    padding: 0px !important;
    width: 80%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    background: white;
}

.tab-content-container-renew {
    padding: 0px !important;
    width: 75% !important;
}

.collapse a {
    padding: 0 20px !important;
}

.dashboardRequesterSidebar a {
    padding: 0px !important;
    display: flex;
    align-items: center;
    background: transparent;
    border: none;
    gap: 8px;
    color: #81c7bf;
    text-align: right;
    font-family: Changa;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 18px;
    /* 100% */
    letter-spacing: 0.36px;
    margin-bottom: 24px !important;
}


.dashboardRequesterSidebar a.active,
.dashboardRequesterSidebar a:hover,
.dashboardRequesterSidebar a:focus {
    border: 1px solid transparent !important;
    color: #fff !important;
    background: transparent !important;
}

.requesterSidebar {
    padding: 28px 39px !important;
}

.DasboardMain {
    height: 72.5vh;
}

.decisionContainer {
    min-height: 72.7vh;
    height: 100%;
}

.DasboardMain .row.w-100 {
    --bs-gutter-x: 0rem !important;
}

.accordion-button:focus {
    border: 1px solid var(--grayscale-cbd-5-e-0, #cbd5e0) !important;
    background: #f9fafb !important;
}

.newRequesterSidebar a.active,
.newRequesterSidebar a:hover {
    border: 0.5px solid #0c776b !important;
    color: #fff !important;
    background-color: #0c776b !important;
    cursor: pointer;
}

.dashboardRequesterSidebar a .stepNumber {
    display: flex;
    width: 42px;
    height: 42px;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    border-radius: 44px;
    border: 1px solid #81c7bf;
    background: #0c776b;
    margin-left: 12px;
}

.prevStep {
    background: transparent !important;
    color: #1a202c;
}

.stepper {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.date-container.td-collapse.show {
    background: white !important;
    border: 1px solid #a0aec0;
}

.nice-select {
    line-height: 2.5 !important;
}

#date-picker-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    height: 45.6px;
}

#assigne-picker-container {
    display: flex;
    flex-direction: row;
    height: 45.6px;
    align-items: center;
}

#date-picker-container::before {}

#date-picker-container::before {
    /* content: "s"; */
    background: url(../img/dashboard/date-range.svg) no-repeat center center;
    /* Replace with the path to your calendar icon */
    content: '';
    width: 20px;
    /* Adjust the width as needed */
    height: 20px;
    /* Adjust the height as needed */
    /* margin-right: 5px; */
    /* Adjust the spacing as needed */
    display: inline-block;
}

#assigne-picker-container::before {
    /* content: "s"; */
    background: url(../img/dashboard/assigne.svg) no-repeat center center;
    /* Replace with the path to your calendar icon */
    content: '';
    width: 20px;
    /* Adjust the width as needed */
    height: 20px;
    /* Adjust the height as needed */
    /* margin-right: 5px; */
    /* Adjust the spacing as needed */
    display: inline-block;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    display: none;
}

input[type="date"] {
    text-align-last: end;
}


.dashboardBtns button {
    padding: 24px 37px !important;
}

.newRequest-container {
    padding: 40px 68px 150px !important;
}


.accountSettingSubmit {
    display: flex;
    /* width: 186px; */
    padding: 16px 30px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    border-radius: 4px;
    border: 1px solid #0C776B;
    color: #FFF;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
    background: #0C776B;
}

.forgetPass {
    color: var(--grayscale-2-d-3748, #2D3748);
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    /* 150% */
}

.accountSettingActions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.accountSettingAcc .accordion-item .accordion-body {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 100px;
}

.RequesnewCertificate .requestNewCard {
    width: 31.4% !important;
}

.requestNewCard img {
    width: 160px;
    height: 160px;
}

.certificateActions .show-certifacte-btn:hover {
    color: white !important;
}

.btn.fileActionBtn:hover {
    background: #0c776b;
}

.btn.fileActionBtn:hover i {
    color: white !important;
}

.commentFooter a:hover {
    color: #52bdb1;
}

.showAllComment a:hover {
    color: #0c776b !important;
}

.morethanYearSelect {
    line-height: 1.3 !important;
}

.acceptBTN {
    display: flex;
    padding: 20px 0px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 4px;
    background: #0C776B;
    color: #FFF !important;
    text-align: center;
    font-family: Changa;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 100% */
    letter-spacing: 0.36px;

}

.rejectBTN {
    display: flex;
    padding: 20px 0px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex: 1 0 0;
    border-radius: 4px;
    background: #DBEBE9;
    color: #0C776B;
    text-align: center;
    font-family: Changa;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 100% */
    letter-spacing: 0.36px;
}

.requestDecisionBody .cancelBtn {
    display: flex;
    height: 58px;
    padding: 20px 0px;
    justify-content: center;
    align-items: center;
    gap: 12px;
    align-self: stretch;
    border-radius: 4px;
    border: 1px solid var(--grayscale-a-0-aec-0, #A0AEC0);
    background: #FFF;
    color: var(--grayscale-2-d-3748, #2D3748) !important;
    text-align: center;
    font-family: Changa;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 18px;
    /* 100% */
    letter-spacing: 0.36px;

}

.companySettingSection {
    display: flex;
    /* width: 904px; */
    padding: 40px 40px 40px 128px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 28px;
    border-radius: 8px;
    border: 1px solid var(--grayscale-cbd-5-e-0, #CBD5E0);
    background: #F9FAFB;
}

.companySettingSection .contact-form-widget {
    width: 100%;
}




#smartwizard {
    display: flex;
    flex-wrap: wrap;
    padding: 0px;
}

.certificateRequestsContent {
    width: 76.667%;
}

.sw-toolbar-elm.toolbar.toolbar-bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    display: flex;
}

.sw>.tab-content>.tab-pane {
    padding: 0rem !important;
}

.sw .toolbar>.sw-btn {
    height: 60px !important;
    display: flex !important;
    width: 316px !important;
    padding: 28px 68px !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    border-radius: 4px;
    background: #0C776B !important;
    color: #FFF !important;
    text-align: center !important;
    font-family: Changa !important;
    font-size: 16.5px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 18px !important;
    letter-spacing: 0.36px !important;

}

.sw .toolbar>.sw-btn.disabled,
.sw .toolbar>.sw-btn:disabled {
    height: 60px !important;
}

.newCertificateSidebar {
    width: 23.333%;
    padding: 25px 20px 0px 1px !important;
}

.date-modal .modal-body .cancelBtn {
    background: #FFF !important;
    color: #2D3748 !important;
}

.date-modal .modal-body .cancelBtn:hover {
    color: #FFF !important;
}

.date-modal .modal-body {
    padding: 32px !important;
}

.date-change-title {
    color: var(--grayscale-2-d-3748, #2D3748);
    text-align: right;
    font-family: Changa;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    /* 160% */
}

.date-change-subtitle {
    color: var(--grayscale-4-a-5568, #4A5568) !important;
    text-align: right;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
}


.password-toggle-icon i {
    font-size: 18px;
    line-height: 1;
    color: #333;
    transition: color 0.3s ease-in-out;
}

.password-toggle-icon i:hover {
    color: #000;
}


.user-box {
    position: relative;
    width: 100%;
}

.user-box input {
    width: 100%;
    padding: 11px 16px;
    border-radius: 4px;
    border: 1px solid var(--grayscale-a-0-aec-0, #A0AEC0);
    background: var(--grayscale-f-7-fafc, #F7FAFC);
}

.password-toggle-icon {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    cursor: pointer;
}

.forgetPass label {
    color: var(--grayscale-2-d-3748, #2D3748);
    text-align: center;
    font-family: Changa;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    /* 150% */
    letter-spacing: 0.32px;
    margin-bottom: 8px;
}

.sent-email-container {
    display: flex;
    /* width: 640px; */
    padding: 52px 20px;
    flex-direction: column;
    align-items: center;
    /* gap: px; */
    border-radius: 8px;
    border: 1px solid #0C776B;
    background: #FFF;
}

.sent-email-container h1 {
    color: var(--grayscale-2-d-3748, #2D3748);
    text-align: center;
    font-family: Changa;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;
    /* 135.714% */
}

.sent-email-container p {
    color: var(--grayscale-4-a-5568, #4A5568);
    text-align: center;
    font-family: Changa;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 30px;
    /* 166.667% */
    letter-spacing: 0.36px;
}

.upload-box {
    padding: 31px 20px !important;
}


label.upload-box {
    text-align: center;
}

label.upload-box span {
    border: none !important;
    background: transparent !important;
    box-shadow: none;
}

.fas.fa-upload {
    margin-bottom: 15px;
}


#imagePreview {
    width: 112px;
    height: 112px;
    object-fit: cover;
}

.uploadimg {
    border: none !important;
}

@media (max-width: 480px) {
    .decisionContainer .d-flex {
        flex-direction: column;
    }
}

@media (max-width: 768px) {
    .mt-m-15 {
        margin-top: 15px !important;
    }

    .dashboardRequesterSidebar {
        margin-top: 20px;
    }

    /* .dashboardSidebar .navbar-toggler {
        display: block !important;
    } */

    .supervisorStatus {
        flex-direction: column;
        gap: 24px;
    }

    .supervisorStatus .statusCard {
        width: 100%;
    }

    .requesterSidebar {
        width: 100%;
        padding: 0px !important;
    }

    .logoandmenu {
        padding: 10px 25px;
    }

    .navbar-collapse {
        background: #0c776b !important;
    }

    .requester-heading {
        flex-direction: column;
    }

    .requestCart .upper {
        flex-direction: column !important;
    }

    #date-picker-container {
        width: 100% !important;
    }

    .assignSupervisor,
    .assignSupervisor button {
        width: 100%;
    }

    .navbar-collapse {
        padding: 0px 30px 20px !important;
    }

    .requestHistory-list li .home-line {
        margin: 10px 13px 0px !important;
    }

    .notification .date p {
        text-align: end !important;
    }

    .tilteAndBtnHead {
        align-items: flex-start;
        margin-bottom: 40px;
    }

    .certifacte-Info .certificateTitle,
    .certifacte-Info .date {
        display: flex;
        /* flex-direction: row; */
        justify-content: space-between;
        width: 100% !important;
        margin: 10px 0px;
    }

    .requester-heading {
        margin: 0px;
        padding: 24px 40px;
    }

    #assigne-picker-container,
    #date-picker-container {
        width: 100%;
        justify-content: center;
    }

    .requestCart .upper {
        gap: 10px;
    }

    .dashboardBtns a {
        padding: 24px 10px;
        width: 50%;
    }

    .authSidebar h1 {
        margin-top: 25px !important;
    }

    .authSidebar p {
        margin-bottom: 25px !important;
    }

    .requester-heading h2 {
        margin-bottom: 24px;
    }

    .DasboardMain .row {
        --bs-gutter-x: 0rem !important;
    }

    .RequesnewCertificate .requestNewCard {
        margin: 10px 0px !important;
    }

    .newCertificateSidebar {
        width: 100% !important;
    }

    .upload-box {
        padding: 31px 25px;
    }

    .newCertifiSwitch {
        flex-direction: column;
        gap: 15px;
    }

    .nextStep {
        width: 100% !important;
    }

    .upload-box-custom {
        flex-direction: column;
        padding: 31px 20px;
    }

    .reviewHeader h2 {
        font-size: 20px !important;
    }

    .limitWarning {
        padding: 16px 20px;
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }

    .limitWarning p {
        text-align: start;
    }

    .declinedForm {
        padding: 16px 20px;
    }

    .requester-heading {
        padding: 24px 20px;
    }

    .questionValueArea {
        flex-direction: column;
        gap: 15px;
        align-items: flex-start;
    }

    .radioBtns {
        width: 100%;
        justify-content: space-around;
        flex-direction: row;
        flex-wrap: nowrap;
    }

    .mydict {
        width: 100%;
    }

    .mydict label {
        width: 50%;
    }

    .contact-form-widget label {
        /* width: 50%; */
    }

    .reviewHeader {
        padding: 26px 20px;
        flex-wrap: wrap;
        gap: 20px;
    }

    .reviewHeader a {
        padding: 0 20px;
        gap: 8px;
        border-radius: 4px;
        border: none !important;
        color: #fff;
        text-align: right;
        font-family: Changa;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: 0.32px;
        width: 100%;
    }

    .reviewHeader button {
        padding: 0px 20px !important;
    }

    .commentBoxControl {
        padding: 20px;
        border-top: 1px solid var(--grayscale-a-0-aec-0, #a0aec0);
        border-radius: 4px;
    }

    .commentBoxControlHeader .addComment {
        width: 100%;
    }

    .commentBoxControlHeader {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .newRequestForm {
        margin-top: 0px;
    }

    .commentBox .commentHeader {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 20px;
    }

    .mt-30 {
        margin-top: 0px !important;
        margin-bottom: 30px !important;
    }

    .mt-30.newCertifiSwitch {
        margin-bottom: 0px !important;
    }

    .sperator {
        margin: 30px 0px !important;
    }

    .uploadLeftSection {
        flex-direction: column;
        width: 100%;
    }

    .request-review-supervisor {
        justify-content: space-between !important;
    }

    .request-review-supervisor button {
        padding: 10px 2px;
        width: 33%;
        font-size: 16px;
    }

    .uploadLeftSection div {
        width: 100%;
    }

    .uploadLeftSection .custom-file-label {
        width: 100% !important;
        text-overflow: clip;
        white-space: unset;
    }

    .custom-file {
        width: 100%;
    }

    .newCertificateSidebar {
        width: 25%;
        padding: 25px 20px 0px 0px !important;
    }

    .newCertificateSidebar h1 {
        margin-top: 20px;
    }

    .custom-file-label {
        overflow: hidden;
        text-overflow: clip;
        white-space: unset;
    }

    .tab-content-container,
    .tab-content-container-renew {
        padding: 0px !important;
        width: 100%;
    }

    .certificateActions,
    .certificateActions .showCertficate,
    .certificateActions .show-certifacte-btn {
        width: 100% !important;
    }

    .requestCart {
        padding: 20px;
        gap: 0px;
    }

    .requestHistory-list li {
        margin: 10px 0px 0px;
    }

    .certifacte-Info {
        flex-direction: column;
        align-items: flex-start;
    }

    .requester-heading h2 {
        padding: 0px !important;
        margin: 0px 0px 20px !important;
    }

    .newCertificateSidebar {
        /* padding: 0px !important; */
    }

    .newCertificateSidebar .logoandmenu {
        margin: 0px !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    .newRequest-container {
        padding: 20px 26px 30px !important;
    }

    .review-supervisor {
        padding: 24px 0px 0px !important;
    }

    .review-supervisor h2 {
        padding: 0px 20px !important;
    }

    .CertificateRequestHistory span.status {
        width: 135px !important;
        margin: 15px 0px 20px !important;
        /* margin-top: 20px !important; */
    }

    .loader {
        margin-top: 20px;
    }


    .CertificateRequestHistory-slider-news .article-view {
        /* width:100% !important; */
    }

    .certificateRequestsContent {
        width: 100% !important;
    }

    .dashboardBtns button {
        padding: 24px 9px !important;
    }

    .companySettingSection {
        padding: 20px !important;
    }

    .accountSettingSubmit {
        margin-top: 25px !important;
    }

    .accountSettingActions {
        margin-top: 30px !important;
        flex-direction: column-reverse;
        align-items: start !important;
    }

    #preloader .spinner:before {
        top: 25px;
    }
}

.CertificateRequestHistory-slider-news-2 .article-view img {
    width: 162px !important;
}

.loader,
.assignBtn {
    margin-top: 20px;
}

textarea.form-control {
    min-height: 118px !important;
}

.input-container-assigne {
    min-width: auto !important;
    height: 45.6px !important;
    flex-direction: row;
    align-items: center;
    margin: 0px 5px !important;
}

.certifacte-Info-action {
    justify-content: flex-start !important;
}

.CertificatesImages {
    width: 100%;
}

.nice-select.open .list,
.nice-select .list {
    right: 0;
    height: 200px;
    overflow: auto;
}

.company_type.open .list,
.company_type .list {
    height: auto !important;
}

.theme-btn:hover i {
    transform: translateY(-1px) translateX(5px) !important;
}

.SelectDesign {
    height: 46.6px !important;
}

.job-application-modal .modal-dialog .modal-content .modal-body .theme-btn:hover {
    color: #fff !important;
}

/* Define transition for smooth animation */
.supervisorRequestCart,
.sperator,
.nav-tabs .nav-link {
    transition: all 0.4s ease;
}

/* Hover effect styles */
.card-hover:hover .supervisorRequestCart {
    border: 1px solid #0C776B;
    background: rgba(90, 197, 168, 0.05);
}

.card-hover:hover .sperator {
    background: #0C776B;
}

.verify-container {
    display: flex;
    flex-direction: column;
    height: 100vh;
}

.addCommentBTN:focus {
    background: #0c776b !important;
}

a.assignBtn {
    background: #0C776B;
    width: 75% !important;
}

.CertificatesLogo {
    width: 152px !important;
    height: 152px !important;
}

.certificate-left-side {
    position: relative;
    border: none !important;
    box-shadow: none !important;
}

.TitleCertificateLeftSide {
    font-size: 40px;
    line-height: 44px;
    font-weight: 600;
    color: #FFF;
}

.alertName {
    font-family: changa;
    font-size: 14px;
    font-weight: 400;
    line-height: 14px;
    color: red !important;
}

.forgetPassLogin {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    font-family: changa;
    color: #1F78D1 !important;
}

.uploading {
    font-family: changa;
    /* Choose an Arabic-compatible font */
    direction: rtl;
    /* Set direction to right-to-left */
    text-align: right;
    /* Align text to the right */
}

.forgetPassLogin:hover {
    color: #2d3748 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {

    .newCertificateSidebar h1,
    .authSidebar h1 {
        font-size: 28px;
    }

    .newCertificateSidebar p,
    .authSidebar p {
        font-size: 12px;
    }

    .loginContent {
        padding: 25px 30px 100px;
    }

    .tab-content-container {
        width: 100%;
    }

    .tilteAndBtnHead {
        align-items: flex-start;
        flex-direction: row;
    }

    .tilteAndBtnHead .right {
        width: auto;
    }

    .certificateActions {
        gap: 12px;
    }

    .certificateActions {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;

    }

    .certificateActions .showCertficate {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }

    .requestHistory-list h6.subtitle {
        padding-top: 0px;
    }

    .requestHistory-list li {
        margin: 15px 0px 0px;
    }

    .companySettingSection {
        padding: 40px !important;
    }

    .uploadImage {
        align-items: flex-start;
    }

    .requesterSidebar {
        width: 100%;
    }

    .supervisor-manager-cards-date {
        flex-direction: column !important;
    }

    #assigne-picker-container {

        width: 170px;
    }

    .requestCart .upper {
        /* align-items: center; */
    }

    .expireDate {
        display: flex;
        align-items: flex-start;
        gap: 8px;
        flex-direction: column;
    }

    .uploadLeftSection {
        flex-direction: column;
    }

    .social-button,
    .footer .copyright .copyright-text p {
        text-align: center !important;
    }

    .dashboardSidebar .container {
        padding-left: var(--bs-gutter-x, .75rem);
        padding-right: var(--bs-gutter-x, .75rem);
    }

    a.assignBtn {
        width: 100% !important;
    }

    .certifacteCart {
        flex-direction: column;
        gap: 30px;
    }
}

.changeImg {
    background: #FFF !important;
    color: #2D3748 !important;
}

.changeImg:hover {
    color: #FFF !important;
}

.nice-select.height-3.open .list {
    height: 120px !important;
}

.nice-select.height-4.open .list {
    height: 160px !important;
}


@media (max-width: 1024px) {
    .mt-m-15 {
        margin-top: 15px !important;
    }

    .dashboardRequesterSidebar {
        margin-top: 20px;
    }

    .dashboardSidebar .navbar-toggler {
        display: block !important;
    }

    .decisionContainer h2 {
        font-size: 30px;
    }

    textarea.form-control {
        min-height: 87px !important;
    }

    .requestValueLimit {
        font-size: 17px;
        margin: 12px 0px 0px;
        text-align: start;
    }


}

.dashboardSidebar .navbar-collapse {
    background: #0C776B !important;
}

.navbar-toggler:focus {
    box-shadow: none !important;
}

.bg-btn-green {
    /* background: #0C776B !important; */
}

.social-button a:hover svg path {
    fill: #000;
}

.footer .copyright .social-button a:hover svg path {
    fill: #000 !important;

}

.theme-btn.theme-btn-lg.showCertficateStyle2 {
    padding: 12px 24px !important;
    gap: 8px;
    border: 1px solid #A0AEC0;
    border-radius: 4px;
    color: #0C776B;
    font-family: Changa;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
    background: #FFF !important;
    align-items: center;
    display: flex;
}

.theme-btn.theme-btn-lg.showCertficateStyle2:hover svg path {
    fill: #FFF;
}

.theme-btn.theme-btn-lg.showCertficateStyle2:hover {
    color: #FFF;
}

.p-25 {
    padding: 25px !important;
}

@media print {
    .qrcode {
        bottom: 25% !important;
    }

    .certificate-body {
        height: auto !important;
        display: flex !important;
        justify-content: space-between !important;
    }

    .certificateHeader {
        margin: 43px 0px 10px !important;
    }


    .certificateFooter {
        /* margin-top: 25px !important; */
        margin-top: 60px !important;
    }

    .TitleCertificateLeftSide {
        /* font-size: 26px !important; */
        /* line-height: 44px; */
        /* font-weight: 600; */
        /* color: #FFF; */
    }

    .left-upper-certificate h4 {
        font-size: 28px !important;
    }

    .col-lg-8 {
        width: 58.33333333%;
    }

    .right-side {
        margin-right: 120px !important;
        margin-top: 48px;
        padding-left: 68px;
    }

    .left-upper-certificate {
        padding: 30px;
        max-width: 800px !important;
    }

    .qrcode {
        width: 152px !important;
        height: 182px !important;
    }
}

.reasonOfreject {
    font-family: Changa;
    font-weight: 500;
    font-size: 16px;
    color: #2D3748;
    line-height: 24px;
}

@media (min-width:1025px) and (max-width:1250px) {

    .Dashlogin,
    .DashSignup {
        padding: 25px !important;
    }

    .loginBTN {
        padding: 0 15px !important;
    }
}

@media (max-width:480px) {
    .decisionContainer {
        padding: 68px 40px;
    }
}

@media (min-width:1025px) and (max-width:1500px) {}

.decisionContainer {
    padding: 30px 40px;
}

.rejectSendMail {
    padding: 0px 40px !important;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    border-radius: 4px;
    background: #0c776b;
    width: auto !important;
    color: #fff;
    text-align: right;
    font-family: Changa;
    font-size: 16px !important;
    font-style: normal;
    font-weight: 600;
    /* line-height: 24px !important; */
    letter-spacing: 0.32px;
}


 .social-button-modal{
    transform: rotate(0deg) !important;
}