/* Verification Services page */
.no-code .description {
    color: var(--primary-text-color);
    font-size: 1.4em;
}
[dir="rtl"] .no-code .description {
    font-family: Tajawal, sans-serif;
    color: #848484;
}
[dir="ltr"] .no-code .description {
    font-family: "Metro Sans", sans-serif;
    max-width: 80%;
}
.charts-text-container {
    justify-content: start;
}
[dir="rtl"] .features-section .section-title {
    max-width: 40%;
}
[dir="ltr"] .banner .section-title {
    max-width: 60%;
}
[dir="rtl"] .cta-text-container {
    width: 55% !important;
}
#lottie-container {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    min-height: 450px;
}

#lottie-placeholder {
    position: absolute;
    top: -15px;
    left: 0;
    z-index: 0;
    object-fit: none;
}

#instant-verification-container {
    width: 100%;
    height: 100%;
    min-height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lottie-animation-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.account-verification .hero-container {
    margin-top: 4em;
    min-height: 500px;
    position: relative;
}
.account-verification .hero-container .hero-text-container {
    margin-block-start: 2em;
}

.hero-image {
    width: 100%;
    height: 450px;
    position: relative;
}

@media screen and (max-width: 991px) {
    .account-verification .hero-container {
        min-height: 450px;
    }
    #lottie-container {
        min-height: 350px;
    }
    .hero-image {
        height: 350px;
    }
}

@media screen and (max-width: 767px) {
    .account-verification .hero-container {
        min-height: 350px;
    }
    #lottie-container {
        min-height: 250px;
    }
    .hero-image {
        height: 250px;
    }
}

/* Utility classes */
[dir="rtl"] .verification-hero-text { max-width: 80%; font-size: 3em; }
[dir="ltr"] .verification-hero-text { font-size: 2.9em; }
.lottie-wrapper-fill { width: 100%; height: 100%; }