/* General */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Arial', sans-serif;
    background: url('bg.jpg') no-repeat center center fixed;
    background-size: cover;
    color: white;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

/* Remove or comment out the existing gradient background */
/* background: linear-gradient(to bottom right, #6f30a0, #9b5dc0); */

.container {
    display: flex;
    flex-wrap: wrap;
    padding: 50px 5%;
    gap: 30px;
    width: 100%;
    max-width: 1200px;
    background: #0000004d; /* Optional: Add a slight background for better visibility */
    border-radius: 10px; /* Optional: Rounded corners */
    overflow: hidden; /* Prevent overflow */
    align-content: center;
}

/* Left Content */
.content {
    flex: 1 1 50%;
}

.logo {
    width: 200px; /* Increased size from 150px to 200px */
    margin-bottom: 30px;
    max-width: 100%; /* Ensures the logo scales responsively */
    height: auto; /* Maintains the aspect ratio */
}

.subheading {
    color: #b580d6;
    font-size: 13px;
    letter-spacing: 1px;
    margin-bottom: 15px;
}

.main-heading {
    font-size: 40px;
    line-height: 1.2;
    margin-bottom: 20px;
}

.description {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 40px;
    color: #e0c6f0;
}

.recognition {
    display: flex;
    gap: 20px;
    margin-bottom: 40px;
}

.badge {
    text-align: center;
}

.badge img {
    width: 60px;
    margin-bottom: 10px;
}

.partners {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.partners img {
    width: 100px;
    opacity: 0.7;
}

/* Right Form */
.form-container {
    flex: 1 1 40%;
    background: white;
    color: #333;
    padding: 40px 30px;
    border-radius: 10px;
    min-width: 320px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Optional: Add a shadow for better visibility */
}

.form-container h3 {
    margin-bottom: 20px;
    color: #6f30a0;
}

form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.form-group {
    display: flex;
    flex-wrap: wrap; /* Allow inputs to wrap on smaller screens */
    gap: 10px;
}

.form-group input,
.form-group select {
    flex: 1;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    min-width: 100px; /* Prevent inputs from becoming too small */
}

.form-textarea textarea {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 6px;
    min-height: 100px;
}

.disclaimer {
    font-size: 12px;
    color: #666;
}

.disclaimer a {
    color: #6f30a0;
    text-decoration: underline;
}

.submit-btn {
    background: #6f30a0;
    color: white;
    border: none;
    padding: 15px;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
}

.submit-btn:hover {
    background: #5a2580;
}

/* Features Section */
.features-heading {
    font-size: 18px;
    margin-top: 20px;
    color: #b580d6;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.features-list {
    margin-top: 15px;
    padding-left: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.features-list li {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #e0c6f0;
    line-height: 1.6;
}
.features-list li i {
    font-size: 15px;
    color: white;
}

.feature-icon {
    font-size: 24px;
    color: #6f30a0;
    flex-shrink: 0;
}
.bottom-area{
    padding-top: 30px;
    font-weight: 400;
}
/* Bottom Text Section */
.bottom-text {
    text-align: center; /* Center the text */
    padding: 20px; /* Add padding around the text */
    color: #e0c6f0; /* Light text color */
    font-size: 14px; /* Slightly smaller font size */
    line-height: 1.6; /* Increased line height for better readability */
    margin-top: 30px; /* Add some space above the section */
    border-top: 1px solid rgba(255, 255, 255, 0.2); /* Add a subtle border */
}

.bottom-text p {
    margin-bottom: 10px; /* Space between paragraphs */
}

/* Responsive */
@media (max-width: 900px) {
    .container {
        flex-direction: column;
        align-items: center;
        padding: 20px; /* Add padding for better spacing */
    }

    .content,
    .form-container {
        flex: 1 1 100%;
    }

    .main-heading {
        font-size: 32px;
    }

    .form-container {
        padding: 20px; /* Reduce padding for smaller screens */
    }

    .form-group {
        flex-direction: column; /* Stack inputs vertically */
    }

    .form-group input,
    .form-group select {
        width: 100%; /* Make inputs take full width */
    }

    .form-textarea textarea {
        width: 100%; /* Ensure textarea takes full width */
    }

    .bottom-text {
        font-size: 12px; /* Further reduce font size on smaller screens */
        padding: 15px; /* Adjust padding for smaller screens */
    }
}

/* index.css */
.success-message {
    text-align: center;
    padding: 10px;
    background-color: #d4edda;
    color: #155724;
    border: 1px solid #c3e6cb;
    border-radius: 5px;
    margin-bottom: 15px;
}

.success-message i {
    margin-right: 5px; /* Add some space between the icon and the text */
}