* {
    margin: 0;
    padding: 0;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    color: #152e19;
}

.mainContainerTY {
    position: fixed;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    background-color: transparent;
    transition: background-color 0.4s ease-in-out;
    z-index: 1;
}

.containerTY {
   
    max-width: 1440px;
    top: 0;
    left: 0;
    width: 100%;
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
    color: #152e19;
    
}



.header-freez {
    top: 0;
    left: 0;
    height: 135px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 9.8%;
}


.logo-container {
    /*    width:100%;*/
    display: flex;
    align-items: center;
    flex-grow: 1;
}

.logo {
    width: 223.0631103515625px; /* Adjust logo size */
    height: 104px;
    margin-right: 10px;
}

.title {
    font-size: 26px;
    line-height: 24px;
    font-weight: 500;
    font-weight: bold;
    color: #ffffff;
}

.subtitle {
    font-size: 12px;
}

.nav {
    display: flex;
    gap: 24px;
    margin-left: auto;
}

    .nav a {
        text-decoration: none;
        color: #152e19;
        font-size: 14px;
        font-weight: bold;
    }

        .nav a:hover {
            text-decoration: underline;
        }
/* When scrolling, add a black background */
/*.scrolled {
    background-color: black !important;
}*/

    .scrolled .nav a {
        color: white !important; /* Change nav text color to white when scrolled */
    }
/* Hamburger Icon */
.hamburger {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    cursor: pointer;
    height: 40px;
    width: 40px;
    background-color: #f1f6fd;
    border: 0.5px solid #1a5ea8;
    border-radius: 8px;
}
/* Overlay for background effect */
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent dark background */
    backdrop-filter: blur(0.3px); /* Apply blur effect */
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
    z-index: 1000; /* Below sidebar but above content */
}

    /* Show overlay when sidebar is open */
    .overlay.active {
        visibility: visible;
        opacity: 1;
    }


.sidebar {
    position: fixed;
    top: 0;
    right: -100%; /* Initially hidden off-screen */
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    transition: right 0.3s ease; /* Smooth transition */
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
    box-sizing: border-box;
    overflow-y: auto;
/*    box-shadow: -4px 0 10px rgba(0, 0, 0, 0.4);*/
}

    .sidebar.open {
        right: 0; /* Slide in when 'open' class is added */
    }



.close-btn {
    width: 40px;
    height: 40px;
    border: 0.5px solid #1a5ea8;
    background: #f1f6fd;
    border-radius: 8px;
    align-self: flex-end;
    display: flex;
    justify-content: center;
    /* background: none; */
    /* border: none; */
    cursor: pointer;
}

.nav-links {
    display: flex;
    flex-direction: column;
    align-items: end;
    margin-top: 24px;
}

    .nav-links a {
        margin-top: 16px;
        text-decoration: none;
        /* justify-content: right; */
        color: #333;
    }

#start-btn {
    width: 92%;
    height: 24px;
    margin-top: 40px; /* Push to bottom */
    /* padding: 10px 20px; */
    background-color: #be8956;
    color: white;
    border-radius: 8px;
    border: none;
    cursor: pointer;
}
.landingImg {
    width: 100%;
    height: auto;
    /* max-height: 700px; */
}


.mainContainer {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.Container {
    max-width: 1440px;
}

.heading {
    margin-top: 42px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.underline1 {
    flex: 1; /* Makes the lines flexible to fill space */
    width: 10.8%;
    border: 2px solid #1a5ea8;
    border-radius: 5px;
}

.headingContant {
    white-space: nowrap; /* Ensures text stays on one line */
    text-align: center;
    align-items: center;
    justify-content: space-between;
    /* height: 39px; */
    font-size: 32px;
    font-weight: 400;
    width: 75.6%;
}

.underline2 {
    flex: 1;
    width: 10.8%;
    border: 2px solid #1a5ea8;
    border-radius: 5px;
    justify-content: end;
}

.startBtn {
    margin-top: 32px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
}

#StartButton {
    width: 19.8%;
    height: 40px;
    color: #ffffff;
    border: none;
    background-color: #be8956;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-family: "Inter";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    cursor:pointer;
}

.eb5Container1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eb5Container {
/*    width: 80.4%;*/
    margin-top: 48px;
    display: flex;
    justify-content: center;
    text-align: center;
    background-color: #f1f6fd;
    border-radius: 16px;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
    border: 1px solid #f1f6fd;
}

.eb5MContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 68.7%;
    padding: 0 17px;
    /* height: 153px; */
}

.eb5heading {
    margin-top: 24px;
    font-size: 32px;
    line-height: 38.73px;
    color: #000000;
    font-weight: 400;
}

.eb5Underline {
    width: 25%;
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: auto;
}

.eb5Contant {
    font-size: 16px;
   
    line-height: 24px;
    margin-top: 8px;
    margin-bottom: 4px;
}

.eb5Span {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
}

.BenefitsContainer {
    width: 80.4%;
    display: flex;
    justify-content: center;
    text-align: center;
    margin: 48px auto;
}

.BenefitsHeading {
    font-size: 24px;
    font-weight: 400;
    line-height: 36px;
    color: #152e19;
}

.BenefitsUnderline {
    border: 1px solid #1a5ea8;
    width: 48.2%;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    margin: auto;
}

.BenefitsCOntant {
    margin-top: 24px;
    text-align: left;
    /* padding-left: 10px; */
}

    .BenefitsCOntant ul {
        /* padding-left: 20px; Ensures bullets stay inside */
        margin: 0; /* Resets default margin */
    }

    .BenefitsCOntant li::marker {
        color: #1a5ea8;
    }

    .BenefitsCOntant li {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
    }

.mainContainer1 {
    background-color: #f1f6fd;
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-height: 100vh; Makes sure it takes full height of the screen */
}

.Container1 {
    max-width: 1440px;
    width: 100%; /* Ensures it adjusts responsively */
    margin: 0;
}

.ViewContainer {
    /* margin-top: 48px; */
    width: 100%; /* Full width */

    display: flex;
    justify-content: center;
    text-align: center;
}

.ViewMContainer {
    width: 100%; /* Responsive */
}

.ViewHeading1 {
    margin-top: 15px;
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 150%;
    /* identical to box height, or 36px */
    text-align: center;
    color: #152E19;
    /* text-align: center; */
}

.viewUnderline {
    width: 27.8%;
    border: 1px solid #1a5ea8;
    margin: auto;
    border-radius: 5px;
    /* text-align: center; */
}
/* .ViewContainer1 {
  width: 100%;
} */
.ViewMainContant1 {
    display: flex;
    flex-wrap: wrap; /* Allows items to wrap to the next row */
    justify-content: center;
    gap: 0 1.5%;
    /* grid-template-columns: repeat(2, 1fr); 2 items per row */
    width: 80%;
    margin: 24px auto;
}

.viewBox {
    margin-top: 24px;
    width: calc(50% - 1.5%); /* Ensure 2 items per row with spacing */
    min-height: 176px;
    height:auto;
    border-radius: 16px;
    background-color: #f7f7f9;
    border: 0.5px solid#1A5EA8;
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    transition: transform 0.2s;
    align-items: center;
    transition: transform 0.2s ease-in-out, box-shadow 0.2s;
    transform-origin: center;
    margin: 12px 0;
    cursor:pointer;
}

    .viewBox:hover {
        height:auto;
        min-height: 188px;
        margin: 0;
        transform: scale(1.03);
        box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2); /* Stronger shadow */
        /* padding: 5px; */
    }

.viewImg {
    margin-top: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.viewContent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 90%;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    margin: auto;
}

.viewHead {
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
    text-align: center;
    margin: 0;
}

.viewPera {
    margin: 0;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
}

.ViewButton1 {
    display: flex;
    justify-content: center;
   
}

.ViewBtn1 {
    display: flex;
    justify-content: center;
    width: 22.2%;
    height: 40px;
    border: 0.5px solid #1a5ea8;
    border-radius: 16px;
    background-color: #f7f7f9;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    /* text-align: center; */
    align-items: center;
    gap: 0 1.5%;
}

    .ViewBtn1:hover {
        background-color: #035eb6;
        font-weight: 600;
        border: 0.5px solid #1a5ea8;
        color: #f7f7f9;
    }

        .ViewBtn1:hover .vieicn {
            content: url("/images//hover arrow.svg");
        }

    .ViewBtn1[data-expanded="true"]:hover .vieicn {
        content: url("/images/less hover arrow.svg");
    }

.ViewHeading2 {
    display: flex;
    flex-direction: column;
    gap: 2px;
    font-size: 20px;
    line-height: 30px;
    font-weight: 500;
    text-align: center;
    margin-top: 40px;
}

.ViewUnderline2 {
    width: 17%;
    margin: auto;
    border: 1px solid #1a5ea8;
    border-radius: 5px;
}

.viewContant2 {
    margin-top: 12px;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    align-content: center;
    height: 48px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    /* Center vertically inside a flex container */
    display: flex;
    justify-content: center; /* Centers horizontally */
    align-items: center; /* Centers vertically */
}

.viewButton2 {
    margin-top: 24px;
    display: flex;
    justify-content: center;
}

#viewBtn2 {
    border: none;
    background-color: #be8956;
    color: #ffffff;
    height: 40px;
    border-radius: 8px;
    /* width: 19.9%; */
    width: 287px;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    text-align: center;
    align-content: center;
    margin-bottom: 24px;
    cursor:pointer;
}

.popup-container {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;


/*    backdrop-filter: none;*/
    background-color: rgba(0, 0, 0, 0.3);  Semi-transparent dark background 
    backdrop-filter: blur(5px);  
    z-index: 1000; /* Ensures it's behind the popup but above other content */
}

.popup {
    position: relative;
    background-color: white;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 62%;
    height: 465px;
    border: 1px solid #035eb6;
    border-radius: 16px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000; /* Ensures it's above the overlay */
    /* padding: 20px; */
    /*    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);*/
}


.content {
    width: 89.2%;
}

.headpop {
    margin-top: 24px;
    text-align: center;
    font-size: 32px;
    font-weight: 400;
/*     line-height: 100%; */
}

.underline3 {
    width: 140px;
    border: 1px solid #1a5ea8;
    margin: auto;
    align-content: center;
    border-radius: 5px;
}

#consultForm {
    width: 100%; /* Set a reasonable width for the form */
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers inputs */
    justify-content: center;
    margin: 0 auto; /* Ensures form stays inside the popup */
}

.form-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center; /* Centers inputs horizontally */
    margin-bottom: 24px;
}

    .form-container input {
        height: 48px;
        border: 0.5px solid #035eb6;
        width: 100%;
        font-size: 18px;
        line-height: 21.78px;
        font-weight: 400;
        color: #666666;
        /* padding: 8px; */
        margin-top: 24px;
        border-radius: 8px;
        padding-left: 16px;
    }

.submitBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    align-content: center;
    margin-top: 48px;
    width: 287px;
    height: 40px;
    border-radius: 8px;
    background-color: #be8956;
    border: none;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
}

.closeBtn {
    height: 48px;
    width: 48px;
    background-color: #be8956;
    border-radius: 50%;
    border: none;
    color: #ffffff;
    font-size: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -20px; /* Moves the button slightly outside the popup */
    right: -20px; /* Moves the button slightly outside the popup */
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.FundsContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 48px;
    width: 100%;
}

.fundsHeading {
    font-size: 32px;
    font-weight: 400;
    line-height: 38.73px;
    color: #000000;
    text-align: center;
}

.fundsUnderline {
    width: 22.8%;
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 5px;
}

.fundsImage {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
}

    .fundsImage img {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

.StaticContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 40px;
    width: 100%;
}

.staticHeading {
    font-size: 32px;
    font-weight: 400;
    line-height: 38.73px;
    color: #000000;
    text-align: center;
}

.staticUnderline {
    width: 172px;
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 5px;
}

.staticContant {
    margin-top: 38px;
    display: flex;
    justify-content: center; /* Center the items */
    align-items: center;
    /*flex-wrap: wrap;*/ /* Allow items to wrap on smaller screens */
    gap: 0 24px; /* Add space between boxes */
    width: 100%;
}

.staticBox {
    width: 272px;
    height: 174px;
    background: #ffffff;
    border: 0.5px solid #f1f6fd;
    
    /* padding: 20px; */
    border-radius: 16px;
    box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
    text-align: center;
}

    .staticBox img {
        margin-top: 16px;
    }

    .staticBox h3 {
        margin-top: 12px;
        font-size: 20px;
        font-weight: 500;
        line-height: 30px;
        margin: 0;
    }

    .staticBox p {
        margin-top: 4px;
        font-family: 'Inter';
        font-style: normal;
        font-size: 15px;
        color: #000000;
        line-height: 22.5px;
        letter-spacing: -0.011em;
        margin: 0;
    }

.AboutContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 48px;
    width: 100%;
    /* padding: 0 20px; */
}

.aboutHeading {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 32px;
    font-weight: 400;
    line-height: 38.73px;
    color: #000000;
    text-align: center;
}

.aboutUnderline {
    width: 239px;
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 5px;
}

.AboutContant {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100%;
    margin-top: 40px;
}

.AboutImage {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    width: 100%;
    height: auto;
    border-radius: 16px;
}

    .AboutImage img {
        max-width: 100%;
        height: auto;
        border-radius: 10px;
    }

.AboutList {
    margin-left:5%;
    margin-top: 20px;
    text-align: left;
    width: 100%;
    /* padding: 0 20px; */
}

    .AboutList ul {
        margin: 0;
        /* padding-left: 20px; */
    }

    .AboutList li {
        font-size: 16px;
        line-height: 24px;
        font-weight: 400;
        text-align: left;
    }

        .AboutList li::marker {
            color: #1a5ea8;
        }

.WhyContainer {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    margin-top: 48px;
    width: 100%;
}

.whyHeading {
    display: flex;
    flex-direction: column;
    gap: 4px;
    font-size: 32px;
    font-weight: 400;
    line-height: 38.73px;
    color: #000000;
    text-align: center;
}

.whyUnderline {
    width: 283.0000000000011px;
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius:5px;
}

.whyContant {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    width: 100%;
}

.whyText {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 24px; /* Increased gap for better spacing */
    font-size: 16px;
    color: #333;
    margin-top: 23px;
    flex-wrap: nowrap; /* Prevent wrapping */
    list-style: none; /* Remove default bullet points */
}
    .whyText li {
        position: relative;
        text-align:left;
        padding-left:10px;
      
    }
        .whyText li::before {
            
            content: "•"; /* Custom bullet */
            color: #1a5ea8; /* Blue color for bullet */
            font-size: 20px;
            position: absolute;
            left:-3px;
            top: -2px;
        }

      

.whyButton {
    margin-top: 24px;
    width: 287px;
    height: 40px;
    border: none;
    border-radius: 8px;
    background-color: #be8956;
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 21.78px;
    align-content: center;
    cursor:pointer;
}

.mainContainer2 {
    background-color: #eef6ff;
    margin: 0;
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    text-align: center;
    margin-top: 40px;
    position: relative; /* Ensure background is contained */
    overflow: hidden;
}

.backgroundImg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
   
    opacity: 0.4;
    z-index: 0;
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
}
.backgroundImage {
    height:auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.9;
}

.Container2 {
    max-width: 1440px;
    width: 100%; /* Ensures it adjusts responsively */
    margin: auto;
}

.ReviewContainer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    position: relative; /* Stack it over the background */
/*    z-index: 1;*/
}

.ReviewHeading {
    margin-top: 27px;
    font-size: 32px;
    font-weight: 400;
    line-height: 38.73px;
    color: #000000;
    text-align: center;
}

.ReviewUnderline {
    width: 150px;
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 5px;
}

.ReviewContant {
    margin-top: 24px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 16px;
}

.ReviewBox {
    width: 571px;
    height: 184px;
    background: rgba(247, 247, 249, 0.7); /* Background opacity only */
    border-radius: 16px;
    border: 0.5px solid #1a5ea8;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    display: flex;
    padding: 0 16px;
    flex-direction: column;
    align-items: flex-start;
}
.ReviewBoxHead {
    margin-top: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    color: #000000;
    text-align: left;
}

.ReviewBoxUnder1 {
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: 0;
}

.ReviewBoxUnder2 {
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: 0;
}

.ReviewBoxUnder3 {
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: 0;
}

.ReviewBoxUnder4 {
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: 0;
}

.ReviewBoxContant {
    margin-top: 16px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    margin-bottom: 5px;
}

.FAQContainer {
    min-height: 450px;
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: center;
    position: relative; /* Stack it over the background */
    /*    z-index: 1;*/
/*    align-items:start;*/
}

.FAQHeading {
    width:100%;
    font-size: 32px;
    font-weight: 400;
    line-height: 38.73px;
    color: #000000;
    text-align: center;
}

.FAQUnderline {
    width: 9%;
    border: 1px solid #1a5ea8;
    box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
    margin: auto;
    border-radius: 5px;
}

.FAQContant {
    width: 80.4%;
    display: flex;
    align-items: center; /* Center items vertically */
    justify-content: center; /* Center items horizontally */
    flex-direction: column;
    margin: 30px auto;
}

.FAQItems {
    display: flex;
    flex-direction: column;
    align-items: center; /* Center items horizontally */
/*    gap: 16px;*/
    width: 100%;
    /* margin-top: 16px; */
}

.faq-item {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: auto;
    /*    height: 40px;*/
    background: #f7f7f9;
    padding: 0 16px;
    border: 0.5px solid #1a5ea8;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    margin-bottom: 16px; /* Adds space between items */
    cursor: pointer;
}
.faq-question {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 16px;
    border-radius:8px;

    height: 40px;
}
.faq-item img {
        transition: transform 0.3s ease;
    }

.faq-divider {
    display: none;
}

.faq-item.active .faq-divider {
    display: block;
    width: 100%;
    border: 0;
    height: 1px;
    background-color: #ccc;
    margin: 8px 0;
}
.faq-answer {
    display: none;
    width: 100%;
    text-align: left;
    overflow: hidden;
    transition: max-height 0.3s ease, padding 0.3s ease;
/*    background-color: #eef6ff;*/
    padding: 10px 16px;
    border-radius: 8px ;
}
.faq-item.active {
    margin-bottom: 16px; /* Removes space when active */

}

.faq-item.active img {
    transform: rotate(180deg); /* Rotate the arrow when active */
}
    .faq-item.active .faq-question {
        font-weight: bold; /* Makes the text bold when active */
    }

    .faq-item.active + .faq-answer {
        /*display: block;*/ /* Show the answer when active */
        max-height: 200px; /* Adjust height based on content */
        padding: 10px 16px;
    }

.FaQViewButton {
    width: 100%;
    display: flex;
    justify-content: right;
}

.FaQViewBtn {
    width: 114px;
    height: 32px;
    background: #035eb6;
    color: #f7f7f9;
    border: 0.5px solid #1a5ea8;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    margin-top: 16px;
}

.mainContainer3 {
    background-color: #ffffff;
    margin: 0;
    display: flex;
    /* justify-content: center; */
    flex-direction: column;
    text-align: center;
    margin-top: 40px;
}

footer {
    width: 100%;
    height: 517px;
    display: flex;
    justify-content: center;
/*    padding-top: 40px;*/
    background-color: #ffffff;
}

.footer-container {
    width: 80.5%;
}

.top-container {
    display: flex;
    align-items: end;
    gap: 48px;
    margin-bottom: 32px;
}

.logo-social-media-div {
    width: 138px;
    height: 157px;
}

.logo-div {
    margin-bottom: 24px;
    display: flex;
}

.social-media-div {
    display: flex;
    gap: 18px;
}

.FacebookDiv {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    border: 0.5px solid #1a5ea8;
    border-radius: 8px;
    background-color: #f1f6fd;
}

.social-media-logo {
/*    margin-top: 4px;*/
    align-items: center;
}

.number-email-div {
    display: flex;
    gap: 8%;
    width: 453px;
    height: 32px;
}

.num-mail-div {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 7px;
    color: #152e19;
}

    .num-mail-div a {
        text-decoration: none;
        color: #152e19;
    }

.num-mail-text {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}



.addresses {
    width: 100%;
}

.mobile-addresses {
    display: none;
}

.country-div {
    display: flex;
    gap: 6.2%;
}

.usa-div {
    width: 59.7%;
}

.india-div {
    width: 34.1%;
}

.country-name {
    margin: 0;
    font-size: 24px;
    font-weight: 400;
    color: #000000;
    line-height: 36px;
    margin-left: 16px;
    display: flex;
}

.up-line {
    margin: 0;
    border: 1px solid #1a5ea8;
    border-radius:5px;
}

.country-text {
    display: flex;
    padding: 24px 0;
}

.country-inside-text-usa {
    width: 50%;
}

.country-inside-text-india {
    width: 100%;
}

.city-name {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
    line-height: 24px;
    margin: 0;
    padding-bottom: 18px;
    text-align: left;
}

.address-text-usa {
    display: flex;
    gap: 8px;
    width: 84%;
}

.address-text-india {
    display: flex;
    gap: 8px;
    width: 100%;
}

#address-text {
    padding-bottom: 16px;
}

.address-tag {
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
    color: #152e19;
    line-height: 21px;
    text-align:left;
}

    .address-tag span {
        font-weight: 490;
    }

.down-line {
    border: 1px solid #000000;
    border-radius:5px;
}

.copy-right-div {
    display: flex;
    align-items: center;
    margin-top: 16px;
}

.esmsys {
    margin-left: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #666666;
}

.privacy-policy {
    margin-left: 32px;
    font-size: 14px;
    font-weight: 400;
    color: #e13b36;
}

/* mobile */

.mobile-country-div {
    display: flex;
    justify-content: center;
}

.inside-mobile-country-div {
    height: 32px;
    width: 111px;
    text-align: center;
}

    .inside-mobile-country-div p {
        margin: 0;
    }

.country-inside-text {
    width: 100%;
    margin-bottom: 12px;
}

.address-text {
    display: flex;
    gap: 5px;
    align-items: center;
}

@media (min-width: 1600px) {

    .headingContant {
        width: 55.6%;
    }
}


@media (max-width: 1352px) {
    .underline1,
    .underline2 {
        flex: 1;
        width: 10.8%;
        border: 2px solid #1a5ea8;
        border-radius:5px;
    }

    .headingContant {
        white-space: normal;
        text-align: center;
        font-size: 31px;
        font-weight: 400;
        width: 75.6%;
    }

    .eb5Container {
        width: 88%; /* Keep it 88% on mobile too */
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 48px auto;
    }
    .eb5Contant {
        font-size: 18px;
        font-weight: 400;
    }
    .eb5Span{
        font-size:16px;
    }

    
    .BenefitsCOntant li{
        font-size:18px;
    }
    
    .mainContainer1 {
        margin-top: 48px;
    }

    .ViewContainer {
        /* margin-top: 48px; */
        width: 100%; /* Full width */

        display: flex;
        justify-content: center;
        text-align: center;
    }

    .ViewMContainer {
        width: 100%; /* Responsive */
    }

    .ViewHeading1 {
        margin-top: 15px;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 150%;
        /* identical to box height, or 36px */
        text-align: center;
        color: #152e19;
        /* text-align: center; */
    }

    .viewUnderline {
        width: 27.8%;
        border: 1px solid #1a5ea8;
        margin: auto;
        border-radius: 5px;
        /* text-align: center; */
    }
    /* .ViewContainer1 {
  width: 100%;
} */
    .ViewMainContant1 {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap to the next row */
        justify-content: center;
        gap: 0 1.5%;
        /* grid-template-columns: repeat(2, 1fr); 2 items per row */
        width: 80%;
        margin: 10px auto;
    }

    .viewHead {
        font-size: 21px;
       
    }

    .viewPera {
        
        font-size: 16px;
        
    }

   

    .ViewBtn1 { 
        font-size: 16px;
        
    }

      

    .ViewHeading2 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 500;
        text-align: center;
        margin-top: 40px;
    }

    .ViewUnderline2 {
        width: 17%;
        margin: auto;
        border: 1px solid #1a5ea8;
        border-radius: 5px;
    }

    .viewContant2 {
        margin-top: 12px;
        font-size: 18px;
        line-height: 24px;
        text-align: center;
        align-content: center;
        height: 48px;
        width: 80%;
        margin-left: auto;
        margin-right: auto;
        /* Center vertically inside a flex container */
        display: flex;
        justify-content: center; /* Centers horizontally */
        align-items: center; /* Centers vertically */
    }

    .viewButton2 {
        margin-top: 24px;
        display: flex;
        justify-content: center;
    }

    #viewBtn2 {
        border: none;
        background-color: #be8956;
        color: #ffffff;
        height: 40px;
        border-radius: 8px;
        /* width: 19.9%; */
        width: 287px;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
        text-align: center;
        align-content: center;
        margin-bottom: 24px;
    }
    .AboutList li {
        font-size: 18px;
    }

    .FundsContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 48px;
        width: 100%;
    }

    .fundsHeading {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.73px;
        color: #000000;
        text-align: center;
    }

    .fundsUnderline {
        width: 18.2%;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        margin: auto;
    }

    .fundsImage {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 40px;
    }

        .fundsImage img {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80%;
        }

    .StaticContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 48px;
        width: 100%;
    }

    .staticHeading {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.73px;
        color: #000000;
        text-align: center;
    }

    .staticUnderline {
        width: 172px;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        border-radius: 5px;
        margin: auto;
    }

    .staticContant {
        margin-top: 38px;
        display: flex;
        justify-content: center; /* Center the items */
        align-items: center;
        flex-wrap: wrap; /* Allow items to wrap on smaller screens */
        gap: 0 24px; /* Add space between boxes */
        width: 100%;
    }

    .staticBox {
        width: 18.9%;
        height: 174px;
        background: #ffffff;
        border: 0.5px solid #f1f6fd;
        /* padding: 20px; */
        border-radius: 16px;
        box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

        .staticBox img {
            margin-top: 16px;
        }

        .staticBox h3 {
            margin-top: 12px;
            font-size: 21px;
            font-weight: 500;
            line-height: 30px;
            margin: 0;
        }

        .staticBox p {
           
            font-size: 15.5px;
           
        }

    .ReviewContant {
        margin-top: 24px;
        display: grid;
        grid-template-columns: repeat(2, 1fr); /* 2 boxes per row */
        justify-content: center;
        gap: 16px;
        width: 90%; /* Take 90% of the parent container */
        margin-left: auto; /* Center horizontally */
        margin-right: auto;
    }

    .ReviewBox {
        width: auto;
        height: auto;
        min-height: 184px;
    }
    .ReviewBoxHead{
        font-size:21px;
    }
    .ReviewBoxText{
        font-size:18px
    }

    .address-tag {
        font-size: 14px;
        line-height: 16px;
    }
    .faq-item{
        font-size:18px;
    }
}

@media(max-width:1267px){

    .headingContant{
        text-align:center;
        align-items:center;
        font-size:29px;
    }
}
@media(max-width:1295px){
    .headingContant {
        text-align: center;
        align-items: center;
        font-size: 29px;
    }
}
@media (max-width: 1025px) {
    .underline1,
    .underline2 {
        flex: 1;
        width: 10.8%;
        border: 2px solid #1a5ea8;
        border-radius: 5px;
    }

    .headingContant {
        white-space: normal;
        text-align: center;
        
        font-size: 23px;
        font-weight: 400;
        width: 75.6%;
    }
    #StartButton {
        width: 34.8%
    }

    .eb5Container {
        width: 88%; /* Keep it 88% on mobile too */
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 48px 0 auto;
    }

    .BenefitsContainer {
        width: 85%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 48px auto;
    }

    .ViewMContainer {
        width: 100%; /* Responsive */
        height: auto;
    }

    .ViewHeading1 {
        margin-top: 15px;
        
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 150%;
        /* identical to box height, or 36px */
        text-align: center;
        color: #152e19;
        /* text-align: center; */
    }

    .viewUnderline {
        width: 31%;
     
    }

    .ViewContainer1 {
        width: 100%;
        height: auto;
    }

    .ViewMainContant1 {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap to the next row */
        justify-content: center;
        gap: 16px;
        /* grid-template-columns: repeat(2, 1fr); 2 items per row */
        width: 90%;
        margin: 24px auto;
    }

    .viewBox {
        width: calc(50% - 1.5%);
        /* width: 100%; */
        height: auto;
         min-height: 176px; 
        /* height: 188px; */
        border-radius: 16px;
        background-color: #f7f7f9;
        border: 0.5px solid#1A5EA8;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        transition: transform 0.2s;
        align-items: center;
        transition: transform 0.2s ease-in-out, box-shadow 0.2s;
        transform-origin: center;
        margin: 0;
        overflow: hidden;
    }

    .viewImg {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 100%; */
    }

    .viewContent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 95%;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        margin: 5px auto;
        word-wrap: break-word;
    }

    .viewHead {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        color: #152e19;
        margin: 0;
    }

    .viewPera {
        margin: 0;
        font-size: 15.5px;
        line-height: 19.5px;
        text-align: center;
    }

    .ViewButton1 {
        
        display: flex;
        justify-content: center;
    }

    .ViewBtn1 {
        display: flex;
        justify-content: center;
        width: 22.2%;
        height: 40px;
        border: 0.5px solid #1a5ea8;
        border-radius: 16px;
        background-color: #f7f7f9;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        /* text-align: center; */
        align-items: center;
        gap: 0 1.5%;
    }

    .ViewHeading2 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        text-align: center;
        margin-top: 32px;
    }

    .ViewUnderline2 {
        width: 22%;
       
    }

    .viewContant2 {
        font-size: 16px;
    }

    .viewButton2 {
        /* margin-/: 24px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #viewBtn2 {
        border: none;
        background-color: #be8956;
        color: #ffffff;
        height: 40px;
        border-radius: 8px;
        width: 50.7%;
        width: 287px;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
        text-align: center;
        align-content: center;
        margin-bottom: 24px;
    }
    .BenefitsUnderline{
        width:61%
    }
    .container {
        width: 100%;
    }

    .FundsContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 48px;
        width: 100%;
    }

    .fundsHeading {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.73px;
        color: #000000;
        text-align: center;
    }

    .fundsUnderline {
        width: 25%;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
        border-radius: 5px;
    }

    .fundsImage {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 40px;
    }

        .fundsImage img {
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80%;
        }

    .StaticContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 48px;
        width: 100%;
    }

    .staticHeading {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.73px;
        color: #000000;
        text-align: center;
    }

    .staticUnderline {
        width: 172px;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
        border-radius: 5px;
    }

    .staticContant {
        margin-top: 38px;
        display: flex;
        justify-content: center; /* Center the items */
        align-items: center;
        flex-wrap: wrap; /* Allow items to wrap on smaller screens */
        gap: 0 24px; /* Add space between boxes */
        width: 100%;
    }

    .staticBox {
        width: 18.9%;
        height: 174px;
        background: #ffffff;
        border: 0.5px solid #f1f6fd;
        /* padding: 20px; */
        border-radius: 16px;
        box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

        .staticBox img {
            margin-top: 16px;
        }

        .staticBox h3 {
            margin-top: 12px;
            font-size: 21px;
            font-weight: 500;
            line-height: 30px;
            margin: 0;
        }

        .staticBox p {
            margin-top: 4px;
            font-family: "Inter";
            font-style: normal;
            font-size: 15.5px;
            color: #000000;
            line-height: 22.5px;
            letter-spacing: -0.011em;
            margin: 0;
        }

    .AboutContainer {
        width: 85%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 48px auto;
    }
    .whyContant{
        width:85%;
        justify-content:center;
    }
    .whyText {
        flex-wrap: wrap;
        justify-content: flex-start;
        gap:15px 24px;
    }

        .whyText li {
            width: 48%; /* 48% to keep two points per row */
            font-size: 15.5px;
            box-sizing: border-box;
        }
}

@media (max-width: 1000px) {
    .underline1,
    .underline2 {
        display: none;
    }

    .heading {
        margin-top: 19px;
        display: flex;
        align-items: center;
        justify-content: center; /* Centers content horizontally */
    }

    .headingContant {
        white-space: normal; /* Allows text wrapping */
        width: 87.7%; /* Adjusts width for proper alignment */
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }

    .startBtn {
        margin-top: 32px;
    }

    #StartButton {
        width: 51%;
        height: 40px;
        color: #ffffff;
        border: none;
        background-color: #be8956;
        box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 18px;
        line-height: 22px;
    }

    .eb5Container {
        width: 88%; /* Keep it 88% on mobile too */
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 40px 0 auto;
    }
    .eb5Underline{
        width:38%
    }

    .BenefitsContainer {
        width: 85%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 40px auto;
    }
    .BenefitsUnderline{
        width:80%
    }

    .ViewMContainer {
        width: 100%; /* Responsive */
        height: auto;
    }

    .ViewHeading1 {
        margin-top: 15px;
       
        font-style: normal;
        font-weight: 400;
        font-size: 20px;
        line-height: 150%;
        /* identical to box height, or 36px */
        text-align: center;
        color: #152e19;
        /* text-align: center; */
    }

    .viewUnderline {
        width: 41%;
           }

    .ViewContainer1 {
        width: 100%;
        height: auto;
    }

    .ViewMainContant1 {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap to the next row */
        justify-content: center;
        gap: 16px;
        /* grid-template-columns: repeat(2, 1fr); 2 items per row */
        width: 90%;
        margin:24px auto;
    }

    .viewBox {
        /* width: calc(100% - 1.5%); Ensure 2 items per row with spacing */
        width: 100%;
        height: auto;
        /* min-height: 188px; */
         height: 188px; 
        border-radius: 16px;
        background-color: #f7f7f9;
        border: 0.5px solid#1A5EA8;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        transition: transform 0.2s;
        align-items: center;
        transition: transform 0.2s ease-in-out, box-shadow 0.2s;
        transform-origin: center;
        margin:  0;
        overflow: hidden;
    }
        .viewBox:hover {
            /*        height: 188px;*/
            margin: 0;
            transform: scale(1);
            box-shadow: none;
            /*         padding: 5px; */
        }

    .viewImg {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 100%; */
    }

    .viewContent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 95%;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        margin: 5px auto;
        word-wrap: break-word;
    }

    .viewHead {
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        color: #152e19;
        margin: 0;
    }

    .viewPera {
        margin: 0;
       font-size: 15.5px;
        line-height: 19.5px;
        text-align: center;
    }

    .ViewButton1 {
        display: flex;
        justify-content: center;
    }

    .ViewBtn1 {
        display: flex;
        justify-content: center;
        width: 60%;
        height: 40px;
        border: 0.5px solid #1a5ea8;
        border-radius: 16px;
        background-color: #f7f7f9;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        /* text-align: center; */
        align-items: center;
        gap: 0 1.5%;
    }

    .ViewHeading2 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        text-align: center;
        margin-top: 32px;
    }

    .ViewUnderline2 {
        width: 30%;
       
    }

    .viewContant2 {
        font-size: 16px;
        line-height: 21px;
        font-weight: 400;
        text-align: center;
        align-content: center;
        /* height: 48px; */
        /* width: 80%; */
        margin: auto;
        width: 83%;
        height: 105px;
        /* Center vertically inside a flex container */
        display: flex;
        justify-content: center; /* Centers horizontally */
        align-items: center; /* Centers vertically */
        flex-wrap: wrap;
    }
    .viewBox .dynamic-img {
        pointer-events: none; /* Prevents hover effects on touch devices */
    }

    .viewButton2 {
        /* margin-/: 24px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #viewBtn2 {
        border: none;
        background-color: #be8956;
        color: #ffffff;
        height: 40px;
        border-radius: 8px;
        width: 50.7%;
        width: 287px;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
        text-align: center;
        align-content: center;
        margin-bottom: 24px;
    }

    .FundsContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 40px;
        width: 100%;
    }

    .fundsHeading {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.73px;
        color: #000000;
        text-align: center;
        width:100%;
    }

    .fundsUnderline {
        width: 77.8%;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
        border-radius: 5px;
    }

    .fundsImage {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 40px;
    }

        .fundsImage img {
            content: url("/images/FundsMobileImg.svg");
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
        }

    .StaticContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 48px;
        width: 100%;
    }

    .staticHeading {
        font-size: 32px;
        font-weight: 400;
        line-height: 38.73px;
        color: #000000;
        text-align: center;
    }

    .staticUnderline {
        width: 172px;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
        border-radius: 5px;
    }

    .staticContant {
        margin-top: 38px;
        display: flex;
        justify-content: center; /* Center the items */
        align-items: center;
        flex-wrap: wrap; /* Allow items to wrap on smaller screens */
        gap: 0 24px; /* Add space between boxes */
        width: 100%;
    }

    .staticBox {
        width: 272px;
        height: 174px;
        background: #ffffff;
        border: 0.5px solid #f1f6fd;
        margin: 12px 0;
        /* padding: 20px; */
        border-radius: 16px;
        box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

        .staticBox img {
            margin-top: 16px;
        }

        .staticBox h3 {
            margin-top: 12px;
            font-size: 20px;
            font-weight: 500;
            line-height: 30px;
            margin: 0;
        }

        .staticBox p {
            margin-top: 4px;
            font-family: "Inter";
            font-style: normal;
            font-size: 15.5px;
            color: #000000;
            line-height: 22.5px;
            letter-spacing: -0.011em;
            margin: 0;
        }

    .AboutContainer {
        width: 85%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 48px auto;
    }

    .backgroundImg {
        display: none; /* Hide the background image */
    }
    .FAQUnderline{
        width:16%
    }
}

@media (max-width: 905px) {
    .container {
        background-color: white;
    }
    mainContainerTY{
        box-shadow: none;
    }

    header {
        height: 64px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 9.8%;
        position: relative; /* Needed for the overlay effect */
    }
    .header-freez{
        width:100%;
        padding:0;
    }
    /* Default Logo for Desktop */

    .logo {
        width: 105.90394592285156px;
        height: 50.6712532043457px;
    }

    .nav {
        display: none;
        flex-direction: column;
        position: absolute;
        top: 100%;
        right: 0;
        background-color: black;
        width: 100%;
        padding: 15px;
        text-align: center;
    }

        .nav a {
            display: block;
            padding: 10px 0;
        }

    .hamburger {
        display: flex;
    }

    .sidebar {
        width: 52.9%;
    }

    .nav-links {
        align-items: center;
    }

    #start-btn {
        height: 32px;
    }

    .address-tag {
        font-size: 10px;
        line-height: 14px;
    }

    .number-email-div {
        display: inline-block;
        height: 80px;
        width: 215px;
        justify-items: start;
        margin-top: 14px;
    }

    .top-container {
        align-items: start;
    }

    .num-mail-div {
        margin-bottom: 7%;
    }
    .whyContant{
        width:95%;
    }
    .whyText {
        flex-wrap: wrap;
        justify-content: flex-start;
    }

        .whyText li {
            width: 48%; /* 48% to keep two points per row */
            font-size:15px;
            box-sizing: border-box;
        }
}

@media (max-width: 765px) {
    .staticBox {
        flex: 1 1 calc(50% - 12px);
        max-width: calc(50% - 16px);
    }
    .num-mail-div {
        justify-content: flex-start;
        text-align: left;
        width: 100%;
    }

    .num-mail-text {
        text-align: left;
    }

    .address-text {
        justify-content: flex-start;
    }

    .address-tag {
        text-align: left;
        display: inline-block;
    }

    .mobile-addresses {
        display: block;
    }

    footer {
        height: auto;
    }

    .top-container {
        justify-content: center;
        margin-bottom: 16px;
    }

    .address-tag {
        font-size: 12px;
    }

    .addresses {
        display: none;
    }

    .city-name {
        padding-bottom: 8px;
    }
}

@media (max-width: 450px) {
    .sidebar {
        width: 208px;
    }

    .nav-links {
        align-items: end;
    }

        .nav-links a {
            font-weight: 400;
            font-size: 16px;
            line-height: 150%;
            /* identical to box height, or 24px */
            text-align: center;
            color: #000000;
        }
    /* *:hover {
    pointer-events: none !important;
  } */
    .underline1,
    .underline2 {
        display: none;
    }

    .heading {
        margin-top: 19px;
        display: flex;
        min-height: 75px;
        align-items: center;
        justify-content: center; /* Centers content horizontally */
    }

    .headingContant {
        white-space: normal; /* Allows text wrapping */
        width: 87.7%; /* Adjusts width for proper alignment */
        font-family: "Inter";
        font-style: normal;
        word-wrap: break-word;
        font-weight: 400;
        font-size: 20px;
        line-height: 24px;
        text-align: center;
    }
  
    .startBtn {
        margin-top: 24px;
    }

    #StartButton {
/*        width: 51%;*/
        width: 287px;
        height: 32px;
        color: #ffffff;
        border: none;
        background-color: #be8956;
        box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
        border-radius: 8px;
        font-family: "Inter";
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 19.36px;
    }

    .eb5Container {
        width: 88%; /* Keep it 88% on mobile too */
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 24px auto;
    }

    .eb5heading {
        margin-top: 8px;
        font-size: 20px;
        line-height: 24.2px;
        color: #000000;
        font-weight: 400;
    }

    .eb5Underline {
        width: 60.9%;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
    }

    .eb5Contant {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        margin-top: 8px;
        margin-bottom: 4px;
    }

    .eb5Span {
        font-size: 13px;
        line-height: 21px;
        font-weight: 400;
    }

    .BenefitsContainer {
        width: 88%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 9px auto;
    }

    .BenefitsHeading {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #152e19;
    }

    .BenefitsUnderline {
        border: 1px solid #1a5ea8;
        width: 100%;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
    }

    .BenefitsCOntant {
        margin-top: 24px;
        text-align: left;
        /* padding-left: 10px; */
    }

        .BenefitsCOntant ul {
            /* padding-left: 20px; Ensures bullets stay inside */
            margin: 0; /* Resets default margin */
        }

        .BenefitsCOntant li::marker {
            color: #1a5ea8;
        }

        .BenefitsCOntant li {
            /* list-style-position: outside; */
            font-size: 14px;
            line-height: 21px;
            font-weight: 400;
        }
    .mainContainer1{
        margin-top:25px;
    }
    .ViewMContainer {
        width: 100%; /* Responsive */
        height: auto;
    }

    .ViewHeading1 {
        margin-top: 15px;
       
        font-style: normal;
        font-weight: 400;
        font-size: 21px;
        line-height: 150%;
        /* identical to box height, or 36px */
        text-align: center;
        color: #152e19;
        /* text-align: center; */
    }

    .viewUnderline {
        width: 86%;
        border: 1px solid #1a5ea8;
        margin: auto;
        /* text-align: center; */
    }

    .ViewContainer1 {
        width: 100%;
        height: auto;
    }

    .ViewMainContant1 {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap to the next row */
        justify-content: center;
        gap: 16px;
        /* grid-template-columns: repeat(2, 1fr); 2 items per row */
        width: 90%;
        margin:24px auto;
    }

    .viewBox {
        /* width: calc(100% - 1.5%); Ensure 2 items per row with spacing */
        width: 100%;
/*        height: auto;*/
        /* min-height: 188px; */
         height: 188px; 
        border-radius: 16px;
        background-color: #f7f7f9;
        border: 0.5px solid#1A5EA8;
        display: flex;
        flex-direction: column;
        text-align: center;
        justify-content: center;
        transition: transform 0.2s;
        align-items: center;
        transition: transform 0.2s ease-in-out, box-shadow 0.2s;
        transform-origin: center;
        margin: 0;
        overflow: hidden;
    }

    .viewBox:hover {
/*        height: 188px;*/
        margin:0;
        transform: scale(1);
        box-shadow: none;
/*         padding: 5px; */
       
    }

    .viewImg {
        margin-top: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        /* width: 100%; */
    }

    .viewContent {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 95%;
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        margin: 5px auto;
        word-wrap: break-word;
    }

    .viewHead {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        color: #152e19;
        margin: 0;
    }

    .viewPera {
        margin: 0;
        font-size: 12px;
        line-height: 19.5px;
        text-align: center;
    }

    .ViewButton1 {
        display: flex;
        justify-content: center;
    }

    .ViewBtn1 {
        display: flex;
        justify-content: center;
        width: 90%;
        height: 40px;
        border: 0.5px solid #1a5ea8;
        border-radius: 16px;
        background-color: #f7f7f9;
        font-size: 16px;
        font-weight: 500;
        line-height: 150%;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
        /* text-align: center; */
        align-items: center;
        gap: 0 1.5%;
    }

    .ViewHeading2 {
        font-size: 20px;
        line-height: 30px;
        font-weight: 400;
        text-align: center;
        margin-top: 32px;
    }

    .ViewUnderline2 {
        width: 60%;
        margin: auto;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        border: 1px solid #1a5ea8;
    }

    .viewContant2 {
        font-size: 14px;
        line-height: 21px;
        font-weight: 400;
        text-align: center;
        align-content: center;
        /* height: 48px; */
        /* width: 80%; */
        margin: 24px auto;
        width: 83%;
        height: 105px;
        /* Center vertically inside a flex container */
        display: flex;
        justify-content: center; /* Centers horizontally */
        align-items: center; /* Centers vertically */
        flex-wrap: wrap;
    }

    .viewButton2 {
        /* margin-/: 24px; */
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #viewBtn2 {
        border: none;
        background-color: #be8956;
        color: #ffffff;
        height: 40px;
        border-radius: 8px;
        width: 50.7%;
        width: 287px;
        font-size: 18px;
        font-weight: 400;
        line-height: 21.78px;
        text-align: center;
        align-content: center;
        margin-bottom: 24px;
    }

    .popup-container {
        display:none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height:100vh;
/*        display: flex;*/
        justify-content: center;
        align-items: center;
        /* height: 0%; */
        background-color: rgba(0, 0, 0, 0.3); /* Semi-transparent dark background */
        backdrop-filter: blur(0.5px); /* Applies blur effect */
        /*z-index: 1000;*/ /* Ensures it's behind the popup but above other content */
    }

    .popup {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 87.6%;
        height: 371px;
        background: white;
        border: 1px solid #035eb6;
        border-radius: 16px;
        background-color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        /*z-index: 1001;*/ /* Ensures it's above the overlay */
        /* padding: 20px; */
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    }

    .content {
        width: 89.2%;
    }

    .headpop {
        margin-top: 24px;
        text-align: center;
        font-size: 20px;
        font-weight: 400;
        line-height: 24.2px;
    }

    .underline3 {
        width: 100px;
        border: 1px solid #1a5ea8;
        margin: auto;
        align-content: center;
    }

    #consultForm {
        width: 100%; /* Set a reasonable width for the form */
        display: flex;
        flex-direction: column;
        align-items: center; /* Centers inputs */
        justify-content: center;
        margin: 0 auto; /* Ensures form stays inside the popup */
    }

    .form-container {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center; /* Centers inputs horizontally */
        margin-bottom: 24px;
    }

        .form-container input {
            height: 32px;
            border: 0.5px solid #035eb6;
            width: 100%;
            font-size: 18px;
            line-height: 21.78px;
            font-weight: 400;
            color: #666666;
            /* padding: 8px; */
            margin-top: 24px;
            border-radius: 8px;
            padding-left: 16px;
        }

    .submitBtn {
        display: flex;
        justify-content: center;
        align-items: center;
        align-content: center;
        margin-top: 27px;
        width: 50.8%;
        height: 32px;
        border-radius: 8px;
        background-color: #be8956;
        border: none;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
    }

    .closeBtn {
        height: 40px;
        width: 40px;
        background-color: #be8956;
        border-radius: 50%;
        border: none;
        color: #ffffff;
        font-size: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: -20px; /* Moves the button slightly outside the popup */
        right: -20px; /* Moves the button slightly outside the popup */
        cursor: pointer;
        box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
    }
    .container {
        width: 85.5%;
    }
    .FundsContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 40px;
        width: 100%;
    }

    .fundsHeading {
        font-size: 20px;
        font-weight: 400;
        line-height: 30px;
        color: #000000;
        text-align: center;
    }

    .fundsUnderline {
        width: 55%;
    }

    .fundsImage {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        width: 100%;
        margin-top: 40px;
    }

        .fundsImage img {
            content: url("/images/Group 105.svg");
            display: flex;
            justify-content: center;
            align-items: center;
            width: 80%;
        }

    .StaticContainer {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-top: 40px;
        width: 100%;
    }

    .staticHeading {
        width:100%;
        font-size: 32px;
        font-weight: 400;
        line-height: 38.73px;
        color: #000000;
        text-align: center;
    }

    .staticUnderline {
        width: 43.7%;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
    }

    .staticContant {
        margin-top: 24px;
        display: flex;
        justify-content: center; /* Center the items */
        align-items: center;
        flex-wrap: wrap; /* Allow items to wrap on smaller screens */
        gap: 0 24px; /* Add space between boxes */
        width: 100%;
    }

    .staticBox {
        flex: 1 1 calc(50% - 12px);
        max-width: calc(50% - 16px);
        /* max-width: 300px; */
        width: 163px;
        height: 163px;
        background: #ffffff;
        margin: 12px 0;
        border: 0.5px solid #f1f6fd;
        /* padding: 20px; */
        border-radius: 16px;
        box-shadow: -1px 0px 4px rgba(0, 0, 0, 0.1), 1px 1px 4px rgba(0, 0, 0, 0.1);
        text-align: center;
    }

        .staticBox img {
            margin-top: 16px;
        }

        .staticBox h3 {
            margin-top: 12px;
            font-size: 18px;
            font-weight: 500;
            line-height: 27px;
            letter-spacing: -0.011em;
            margin: 0;
        }

        .staticBox p {
            margin-top: 4px;
            padding: 3px;
            font-family: "Inter";
            font-style: normal;
            font-size: 13px;
            color: #000000;
            line-height: 19.5px;
            letter-spacing: -0.011em;
            margin: 0;
        }
    .AboutList li {
        font-size: 15px;
        width:90%;
    }
    .whyText{
        width:100%;
    }
    .whyText li {
        width: 100%;
        font-size:14.9px;
    }
    .AboutContant{
        margin-top:16px;
    }
    .aboutUnderline{
        width:230px;
    }
   

    .ReviewBoxText {
        font-size: 15px;
    }
        .WhyContainer {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            margin-top: 40px;
            width: 100%;
        }

    .whyHeading {
        /* /: 50.1%; */
        width:100%;
        font-size: 20px;
        font-weight: 400;
        line-height: 24.2px;
        color: #000000;
        text-align: center;
    }

    .whyUnderline {
        width: 48.2%;
        border: 1px solid #1a5ea8;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
        margin: auto;
    }

    .whyContant {
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        flex-direction: column;
        width: 95%;
    }

    .whyText {
        flex-direction: column; /* Stack items vertically */
        gap: 10px;
        align-items: flex-start; /* Align text to left */
    }

    .whyButton {
        margin-top: 24px;
        width: 200px;
        height: 40px;
        border: none;
        border-radius: 8px;
        background-color: #be8956;
        color: #ffffff;
        font-size: 16px;
        font-weight: 400;
        line-height: 19.36px;
        align-content: center;
    }

    .AboutContainer {
        width: 100%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin: 40px auto;
    }

    .backgroundImg {
        display: none; /* Hide the background image */
    }

    .ReviewHeading {
        width:100%;
        font-size: 20px;
        line-height: 26px;
    }

    .ReviewUnderline {
        width: 25%;
    }

    .ReviewContant {
        display: flex;
        flex-wrap: wrap; /* Allows items to wrap to the next row */
        justify-content: center;
        gap: 12px;
        /* grid-template-columns: repeat(2, 1fr); 2 items per row */
        width: 90%;
        margin: 24px auto;
    }

    .ReviewBox {
        width: 100%; /* Full width for small screens */
        /* padding: 10px; */
        height: auto;
        opacity:1;

    }

    .ReviewBoxHead {
        font-size: 16px;
    }

    .ReviewBoxContant {
        margin-top: 14px;
        font-size: 14px;
    }
    .FAQUnderline{
        width:28%;
    }

    .faq-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        /*        height: 58px;*/
        height: auto;
        background: #f7f7f9;
        padding: 0 16px;
        border: 0.5px solid #1a5ea8;
        border-radius: 8px;
        font-size: 14px;
        font-weight: 400;
        line-height: 21px;
        opacity: 1;
    }
    .faq-question{
        height:58px;
    }

    .top-container {
        gap: 0;
    }

    .number-email-div {
        margin-left: -11px;
    }

    .privacy-policy {
        margin-left: 16px;
    }
}

@media (max-width: 376px) {
    .number-email-div {
        margin-right: -11px;
    }
}