li.menu-item-has-children {
    position: relative;
}

ul.main-menu-ul>li>a {
    padding: 1rem 0rem;
    position: relative;
    display: block;
}

li.menu-item-has-children>ul.sub-menu {
    position: absolute;
    text-align: left;
    top: 100%;
    left: 0;
    background-color: white;
    visibility: hidden;
    min-width: 230px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    padding: 7px;
    left: -14px;
    opacity: 0;
    z-index: -1;
    box-shadow: 0px 4px 15px rgba(1, 15, 28, 0.06);
    border-radius: 0;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    border-bottom: 3px solid #794aff;
    -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

li.menu-item-has-children:hover>ul.sub-menu {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    z-index: 9;
}

li.menu-item-has-children:hover>ul.sub-menu>li {
    padding: 0.5rem;
}

li.menu-item-has-children:hover>ul.sub-menu a {
    color: #000000;
    padding: 0.5rem 0rem;
}

li.menu-item-has-children:hover>ul.sub-menu a:hover {
    color: #794aff;
}
.why-choose-us-sec {
    width: 100%;
    background-color: #f3f4f6;
    min-height: 60dvh;
    padding: 5% !important;
}
.why-choose-us-sec > h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: 600;
    margin-bottom: 2rem;
}
.choose-us-grid {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px;
}
.choose-item-card {
    width: 100%;
    max-width: 500px;
    height: fit-content;
    background-color: #ffffff;
    border: 1px solid #d1d5db;
    padding: 1rem;
}
@media (min-width: 640px) {
    .choose-item-card {
        height: 155px;
        width: 48%;
    }
}
@media (min-width: 1022px) {
    .choose-item-card {
        height: 126px;
    }
}

.community-banner {
    /* Dimensions and background */
    width: 100%;
    padding: 40px 60px;
    /* Adjust padding as needed for height and horizontal spacing */
    background-color: rgb(121 74 255);
    /* A dark, almost black color */
    color: #fff;
    /* White text color for readability */

    /* Flexbox for layout */
    display: flex;
    justify-content: space-between;
    /* Puts space between content (left) and button (right) */
    align-items: center;
    /* Vertically centers the items */
    border-radius: 15px;
}

.content {
    /* Allows the content block to take up the necessary space */
    max-width: 80%;
}

.content h1 {
    /* Headline text styling */
    font-size: 2.2rem;
    font-weight: 500;
    /* Medium weight */
    margin: 0 0 10px 0;
    /* Space below the heading */
    line-height: 1.2;
}

.space-text {
    color: #5dcb5d;
    /* A bright green color */
    font-weight: 700;
    /* Bold the special word */
}

.content p {
    font-size: 1rem;
    font-weight: 300;
    /* Lighter weight */
    color: rgba(255, 255, 255, 0.85);
    /* Slightly muted white for the paragraph */
    margin: 0;
}

.create-account-btn {
    display: inline-block;
    padding: 12px 25px;
    background-color: #f4f4f4;
    /* Very light grey/white background */
    color: #121619;
    /* Dark text on button */
    border-radius: 4px;
    /* Slightly rounded corners */
    text-decoration: none;
    /* Remove underline from link */
    font-size: 1rem;
    font-weight: 600;
    /* Semi-bold text */
    text-align: center;
    border: none;
    cursor: pointer;
    transition: background-color 0.2s ease;
}

.create-account-btn:hover {
    background-color: #fff;
    /* Lighter white on hover */
}

@media (max-width: 768px) {
    .community-banner {
        flex-direction: column;
        /* Stack text and button vertically */
        text-align: center;
        padding: 30px 20px;
    }

    .content {
        max-width: 100%;
        margin-bottom: 20px;
        /* Space between text and button */
    }

    .content h1 {
        font-size: 1.8rem;
    }

    .content p {
        font-size: 0.9rem;
    }
}