.navbar-collapse {
        flex-basis: 100%;
        flex-grow: 0;
        align-items: center;
    }

    ul.navbar-nav a {
        font-size: 18px;
        color: #fff !important;
        font-weight: 500;
    }

    .navbar-expand-lg {
        background: #ffffff00;
        z-index: 2;
    }

    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        gap: 20px;
    }

    ul.navbar-nav a:hover {
        color: #97c80c !important;
    }

    section.hero_main {
        height: 640px;
        display: flex;
        align-items: center;
        background: url(../img/image/banner.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: -112px;
    }

    section.hero_main::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 650px;
        background-color: rgba(0, 0, 0, 0.5);
        /* Black color with 50% opacity */
        z-index: 1;
        /* Place the overlay above the background */
    }

    section.hero_main * {
        position: relative !important;
        /* Ensure child elements are above the overlay */
        z-index: 2;
    }

    .container.center_position {
        position: relative;
    }

    .main_sec h1 {
        font-size: 60px;
        letter-spacing: 5px;
        line-height: 80px;
        font-weight: 700;
        font-family: "Inter";
        color: #ffffff;
    }

    .main_sec h5 {
        font-size: 24px;
        letter-spacing: 2px;
        line-height: 30px;
        color: #ffffff;
        font-weight: 400;
        font-family: "Poppins";
        width: 396px;
    }

    .main_sec {
        margin-top: 80px;
    }

    .main_sec button {
        font-size: 16px;
        padding: 8px 12px;
        border: none;
        border-radius: 4px;
        background: #fff;
    }

    section.image_position {
        position: relative;
    }

    section.image_position img.first_im {
        width: 15%;
        position: absolute;
        top: -290px;
        right: 54px;
        z-index: 2;
        height: 320px;
        object-fit: cover;
        border-radius: 5px;
    }

    section.image_position img.sec_im {
        width: 15%;
        position: absolute;
        top: -350px;
        right: 217px;
        z-index: 1;
        height: 320px;
        object-fit: cover;
        border-radius: 5px;
    }

    section.third_sec {
        margin-top: 70px;
    }

    .imag_download img {
        width: 15%;
        margin: 2px;
    }

    .imag_download {
        margin-top: 25px;
    }

    .row.third_main img {
        width: 100%;
    }

    .col-lg-6.content_col img {
        width: 4%;
        height: 8%;
    }

    .col-lg-6.content_col h3 {
        font-size: 36px;
        letter-spacing: 3px;
        line-height: 42px;
        color: #97c80c;
        font-weight: 700;
        font-family: "Inter";
    }

    .col-lg-6.content_col p {
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 24px;
        color: #000000;
        font-weight: 400;
        font-family: "Poppins";
    }

    p.para_feature {
        text-align: center;
        font-size: 16px;
        letter-spacing: 1px;
        line-height: 24px;
        color: #000000;
        font-weight: 400;
        font-family: "Poppins";
    }

    h3.head_feature {
        font-size: 20px;
        letter-spacing: 2px;
        line-height: 30px;
        color: #97c80c;
        font-weight: 500;
        font-family: "Inter";
        text-align: center;
    }

    .row.third_main li {
        font-size: 16px;
        letter-spacing: 1px;
        color: #000000;
        font-weight: 400;
        font-family: "Poppins";
        display: flex;
        align-items: center;
        gap: 20px;
        line-height: 50px;
    }

    .row.third_main {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-top: 40px;
    }

    .col-lg-6.content_col ul {
        padding: 0px;
    }

    /* Third Section End */

    /* Forth Section Start */
    section.forth_sec {
        margin-top: 55px;
        background: #e2f1e7;
        padding-block: 54px;
    }

    /* Forth Section End */

    /* Fift Section Start */
    section.fift_sec {
        margin-block: 35px;
    }

    .accordion-flush .accordion-item .accordion-button {
        border-radius: 3;
        border: 1px solid #97c80c;
        padding: 5px 30px;
        margin: 8px;
        border-radius: 5px;
        border-left: 25px solid #97c80c;
    }

    .accordion-item {
        background-color: #fff;
        border: none;
    }

    .accordion-button:not(.collapsed) {
        color: #97c80c;
        background-color: #e7f1ff;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
    }

    /* Fift Section End */

    .fift_sec h2 {
        font-size: 36px;
        letter-spacing: 3px;
        line-height: 42px;
        color: #97c80c;
        font-weight: 700;
        font-family: "Inter";
        text-align: center;
    }

    /* General form container styling */
    form {
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* Two columns */
        gap: 20px;
        /* Space between columns and rows */
        max-width: 600px;
        margin: 50px auto;
        padding: 20px;
        border: 1px solid #ccc;
        border-radius: 8px;
        background-color: #f9f9f9;
    }

    /* Make labels and inputs stack within their grid cell */
    form label {
        display: block;
        font-size: 14px;
        margin-bottom: 5px;
        font-weight: bold;
    }

    form input,
    form textarea {
        width: 100%;
        /* Full width within their grid cell */
        padding: 10px;
        border: 1px solid #ccc;
        border-radius: 4px;
        font-size: 16px;
        box-sizing: border-box;
    }

    /* Make textarea span both columns */
    form textarea {
        grid-column: 1 / -1;
        /* Span across both columns */
    }

    /* Submit button styling */
    form button {
        grid-column: 1 / -1;
        /* Span across both columns */
        padding: 10px;
        font-size: 16px;
        color: #fff;
        background-color: #007bff;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

    form button:hover {
        background-color: #0056b3;
    }

    /* Footer start */
    /* Footer Container */
    footer {
        background-color: #000;
        /* Black background */
        color: #fff;
        /* White text */
        padding: 20px 10px;
    }

    /* Top Section */
    .footer-top h2 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .footer-menu {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .footer-menu li a {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        transition: color 0.3s ease;
        font-family: "Poppins";
    }

    .footer-menu li a:hover {
        color: #97c80c;
        /* Highlight color on hover */
    }

    /* Divider Line */
    hr {
        margin: 15px 0;
        border: 0;
        border-top: 1px solid #444;
    }

    /* Bottom Section */
    .footer-bottom {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
    }

    .footer-bottom .terms {
        text-decoration: none;
        color: #fff;
        font-size: 16px;
        transition: color 0.3s ease;
        font-family: "Poppins";
    }

    .footer-bottom .terms:hover {
        color: #97c80c;
    }

    /* Social Icons */
    .social-icons a {
        margin: 0 5px;
        font-size: 16px;
        color: #fff;
        transition: color 0.3s ease;
    }

    .social-icons a:hover {
        color: #f39c12;
    }

    .footer-top {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .footer-bottom p {
        margin: 0;
        font-size: 16px;
        font-family: "Poppins";
    }



    /* Six section */

    section.six_sec {
        height: 950px;
        margin-block: 70px;
        background: #e2f1e7;
        padding-block: 30px;
    }

    img.download_bt {
        width: 31% !important;
    }

    img.ss_image {
        width: 60% !important;
    }

    img.ss1_image {
        width: 52% !important;
        position: absolute;
        right: 6px;
        top: 56px;
    }

    .col-lg-6.content_coln {
        position: relative;
    }

    .col-lg-6.content_coln {
        position: relative;
        border-radius: 10px;
    }

    .col-lg-6.content_coln .ss_image,
    .ss1_image {
        box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    }

    @media (min-width: 320px) and (max-width: 767px) {
        .main_sec h1 {
            font-size: 33px;
            letter-spacing: 3px;
            line-height: 37px;
        }

        .main_sec h5 {
            font-size: 18px;
            letter-spacing: 1px;
            line-height: 22px;
            width: 100%;
        }

        section.image_position img.first_im {
            width: 30%;
            top: -167px;
            right: 15px;
            height: 180px;
        }

        section.image_position img.sec_im {
            width: 30%;
            top: -200px;
            right: 110px;
            z-index: 1;
            height: 180px;
        }

        .imag_download img {
            width: 32%;
            margin-block: 11px;
            display: block;
        }

        .imag_download {
            margin-top: 70px;
        }

        .col-lg-6.content_col h3 {
            font-size: 31px;
            line-height: 36px;
        }

        .fift_sec h2 {
            font-size: 30px;
            line-height: 38px;
        }

        div#accordionFlushExample {
            padding-top: 25px;
            padding-right: 15px;
        }

        .last_im {
            order: -1;
            padding-bottom: 40px;
        }

        img.ss1_image {
            top: 30px;
        }
    }

    @media (min-width: 767px) and (max-width: 1019px) {
        section.six_sec {
            margin-bottom: 274px;
        }

        section.image_position img.first_im {
            width: 25%;
            right: 10px;
        }

        section.image_position img.sec_im {
            width: 25%;
            right: 165px;
        }
    }