/* .hero-area{
background: rgb(71,68,122);
background: linear-gradient(90deg, rgba(71,68,122,1) 0%, rgba(9,121,71,1) 35%, rgba(0,212,255,1) 100%);
    color: #fff;
    height: auto;
    padding: 0 0 100px
} */

.hero-content h1 {
    color: #023276 !important;
}

.hero-h5 {
    color: #023276 !important;
}

.hero-content {
    margin: 100px auto;
}

.heading-text{
    color: #023276;
}

body {
    color: #888ea8;
    height: 100%;
    font-size: 0.875rem;
    background: #fafafa;
    overflow-x: hidden;
    overflow-y: auto;
    letter-spacing: 0.0312rem;
  font-family: "Questrial", sans-serif !important;
  font-weight: 400;
  font-style: normal;

    &:before {
        content: "";
        width: 100%;
        height: 0px !important;
        position: fixed;
        top: 0;
        z-index: 1;
        left: 0;
        background: rgba(250, 250, 250, 0.71);
        -webkit-backdrop-filter: saturate(200%) blur(10px);
        backdrop-filter: saturate(200%) blur(10px);
    }
}

p{
    font-size: 16px !important;
}

.card-title {
    font-size: 24px !important;
}

.heading-text {
    text-align: center;
    font-weight: 700;
    padding: 70px 0 50px 0;
}

.section {
    padding: 70px 0 00px 0;
}
.fq-tab-section {
    padding-top: 0 !important;
}

.footer-section {
    background: #002354;
}

.footer-section p {
    margin: 0;
    padding: 10px;
    color: #fff;
}

.hero-left {
    padding: 0 50px 50px 50px;
}

.feature-icon {
    font-size: 60px !important;
    color: #023276;
}
.feature-list-section {
    position: relative; /* Make sure the section is a positioning context */
    z-index: 0; /* Ensure that the content stays above the background */
}

.feature-list-section::before {
    content: "";
    position: absolute;
    top: 45px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/65eb2aa40b9c62e9fd68071c_Sphere-Indigo-Light.webp);
    background-size: cover;
    background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4; /* Adjust this value to change the opacity */
    z-index: -1; /* Ensure the background stays behind the content */
    pointer-events: none; /* Prevent interaction with the pseudo-element */
}

.price-plan {
    position: relative; /* Make sure the section is a positioning context */
    z-index: 0; /* Ensure that the content stays above the background */
}

.price-plan::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(https://cdn.prod.website-files.com/65e89895c5a4b8d764c0d710/65eb2aa40b9c62e9fd68071c_Sphere-Indigo-Light.webp);
    background-size: cover;
    background-size: 70%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0.4; /* Adjust this value to change the opacity */
    z-index: -1; /* Ensure the background stays behind the content */
    pointer-events: none; /* Prevent interaction with the pseudo-element */
}