hr {
    margin-top: -12px;
}

.verification-img {
    background-image: url('../images-nebosh/verifications-page-1900x320.jpg');
    min-width: 100%;
    height: 220px;
    background-size: auto;
    background-repeat: round;
}

.verification-title {
    background-color: #254f79;
    color: white;
    position: absolute;
    top: 50%;
    translate: 0% -50%;
    min-width: 450px;
    padding: 1rem;
    height: fit-content;
    text-align: end;
}

.verification p {
    font-size: 0.8rem;
}

.star {
    color: red;
}

.certificate-details input {
    background-color: #fafafa;
}

.certificate-details input:focus {
    border-color: #000;
}

.popover-body {
    background-color: #457e9a;
    color: white !important;

}

.popover-arrow::after {
    border-right-color: #457e9a !important;
}

.fa-question {
    color: white;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.find-out {
    background-color: #ced9e8;
}

.find-out p {
    font-size: 0.8rem;
}

.find-out button {
    font-size: 1.25rem;
    padding: 0.75rem 2.25rem;
}

.find-out button:hover {
    background-color: #53bbdf;
    color: white;
}

/* !Media Query For Different Devices   */
@media (min-width:320px) and (max-width:768px) {
    .verification-img {
        height: 145px;
    }

    .verification-title {
        background-color: var(--main-blue);
        min-width: 100%;
        translate: 0% 115%;
        padding: 0.25rem;
        text-align: start;
    }

    .verification-title h4 {
        padding-inline: 0.75rem;
        margin: 0;
    }
}

@media (min-width:320px) and (max-width:426px) {
    .verification-content h4 {
        font-size: 0.9rem;
        font-weight: 600 !important;
    }

    .breadcrumb-item {
        padding: 0 1rem;
        font-size: 0.7rem;
    }
}

@media (min-width:320px) and (max-width:376px) {
    .certificate-details h4 {
        font-size: 1rem;
    }
}