html {
    overflow-x: hidden !important;
}

.company-logo {
    text-align: center;

    a {
        color: currentColor;
    }

    h5 {
        text-align: start;
    }
}

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


/* landing page css */
.shadow-box {
    border-radius: 12px;
    padding: 2rem;
    max-width: 520px;
    box-shadow: 0 6px 24px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.circle-frame {
    border-radius: 50%;
    overflow: hidden;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}

.frame-thick {
    border: 9px solid #4f82e8;
}

.frame-medium {
    border: 8px solid #4f82e8;
}

.circle-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.card-why {
    border: 2px solid #7f81e498 !important;
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 15px;
}

.card-why:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 20px rgba(127, 129, 228, 0.15);
}

.questionIconFill {
    color: #696cff !important;
    font-size: 40px;
}

.shadow-sm {
    box-shadow: 0 0.125rem 0.75rem rgba(0, 0, 0, 0.171) !important;
    border-radius: 25px 0px 25px 0px;
}

.card-steps {
    border: 1px solid #e0e0e0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    transition: all 0.3s ease;
}

.card-steps:hover {
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.12);
    transform: translateY(-4px);
}

.cardTitle {
    background-color: #696cff;
    color: white;
    border-radius: 4px;
    padding: 10px;
}

.card-top-border {
    border-top: 3px solid #696cff;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}