body {
        margin: 0;
        padding: 0;
        background: url(/images/img-people.jpg) no-repeat center center fixed;
        background-size: cover;
        font-family: 'Poppins', sans-serif;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .bg-main {

 		margin: 0;
        padding: 0;
        background: url(/images/img-people.jpg) no-repeat center center fixed;
        background-size: cover;
        font-family: 'Poppins', sans-serif;
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;

   
        width: 100%;
        font-family: "Poppins", sans-serif;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .navbar {
        width: 100%;
        padding: 2px 17px;
    }

    .navbar-toggler {
        border: none;
    }

    .navbar-toggler-icon {
        width: 1.5em; /* Adjust size as needed */
        height: 1.5em; /* Adjust size as needed */
    }

    .lbl_main_text {
        background: rgb(62 137 86 / 36%);
        padding: 20px;
        text-align: center;
        border-radius: 8px;
        max-width: 90%;
        margin: auto;
    }

    .lbl_main_text p.Urdu {
        font-size: 1.2rem;
        line-height: normal;
        font-family: "Noto Nastaliq Urdu", serif;
        margin: 0;
        padding-bottom: 10px;
    }

    .sp_nu_ur {
        color: #ffd200;
        font-size: 1.8rem;
        font-family: 'Poppins', sans-serif;
    }

    .list_ul {
        list-style: none;
        padding: 0;
        margin: 20px 0 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .list_ul li {
        flex: 1 1 150px; /* Flex-grow, flex-shrink, flex-basis */
        margin: 10px;
        text-align: center;
    }

    .list_ul li a {
        color: #fff;
        text-decoration: none;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .list_ul li img {
        width: 50px;
        height: 50px;
    }

    .list_ul li h3 {
        font-size: 14px;
        font-weight: 500;
        padding: 5px 10px;
        border-bottom: 4px solid #ffd200;
    }

    .form-container {
        background-color: rgba(255, 255, 255, 0.9);
        padding: 30px;
        border-radius: 13px !important;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 
        max-width: 600px;
		margin-bottom: 40px;
		margin-top : 30px;
    }
    .container {
        width: 90%;
    }

    .form-title {
        text-align: center;
        margin-bottom: 1rem;
    }

    .form-title h1 {
        font-size: 45px;
        font-weight: bold;
        margin: 0;
    }

    .form-title p {
        font-size: 18px;
        color: green;
        margin: 0;
    }

    .form-label {
        font-weight: bold;
    }

    .input-error {
/*        border: 1px solid red;*/
/*        background-color: #fdd;*/
    }

    .required {
          color: red; /* Red color for the asterisk */
          font-weight: bold; /* Optional: makes the asterisk bold */
        }


    .error-message, .error {
        color: #bb4f4f;
        font-size: 0.9em;
        margin-top: 0.25em;
    }

    .loader {
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.8);
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    .spinner {
        border: 4px solid rgba(0, 0, 0, 0.1);
        border-radius: 50%;
        border-top: 4px solid #3498db;
        width: 40px;
        height: 40px;
        animation: spin 1s linear infinite;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    #toast-container > .toast {
        color: #333 !important;
    }

    /* Media Queries for Extra Small Devices (Phones, 600px and below) */
    @media (max-width: 600px) {
        .lbl_main_text {
            padding: 15px;
            font-size: 0.9rem;
        }
        .list_ul li {
            flex: 1 1 120px; /* Adjust for smaller screens */
        }
        .list_ul li img {
            width: 40px;
            height: 40px;
        }
        .form-title h1 {
            font-size: 35px;
        }
        .form-title p {
            font-size: 16px;
        }
    }

    /* Media Queries for Small Devices (Tablets, 601px to 768px) */
    @media (min-width: 601px) and (max-width: 768px) {
        .lbl_main_text {
            padding: 18px;
            font-size: 1rem;
        }
        .list_ul li {
            flex: 1 1 130px; /* Adjust for tablets */
        }
        .list_ul li img {
            width: 45px;
            height: 45px;
        }
        .form-title h1 {
            font-size: 40px;
        }
        .form-title p {
            font-size: 17px;
        }
    }

    /* Media Queries for Medium Devices (Tablets and Small Laptops, 769px to 992px) */
    @media (min-width: 769px) and (max-width: 992px) {
        .lbl_main_text {
            padding: 20px;
            font-size: 1.1rem;
        }
        .list_ul li {
            flex: 1 1 140px; /* Adjust for medium devices */
        }
        .list_ul li img {
            width: 50px;
            height: 50px;
        }
        .form-title h1 {
            font-size: 42px;
        }
        .form-title p {
            font-size: 18px;
        }
    }

    /* Media Queries for Large Devices (Desktops, 993px and above) */
    @media (min-width: 993px) {
        .lbl_main_text {
            padding: 20px;
            font-size: 1.2rem;
        }
        .list_ul li {
            flex: 1 1 150px; /* Adjust for larger screens */
        }
        .list_ul li img {
            width: 55px;
            height: 55px;
        }
        .form-title h1 {
            font-size: 45px;
        }
        .form-title p {
            font-size: 18px;
        }
    }

.g-recaptcha {
    text-align: -webkit-center !important;
}