/* About Us Section Styling */
.-aboutus-about-content h2 {
    font-size: 3rem; /* Larger heading */
    color: #007bff;
}

.-aboutus-about-content p {
    font-size: 2rem; /* Increased font size for paragraphs */
    line-height: 1.6; /* Improved readability */
}

.-aboutus-about-content {
    font-size: 1.2rem; 
    line-height: 1.4;
}

.d-flex {
    display: flex;
    justify-content: center; /* Centers the content horizontally */
    align-items: center; /* Centers the content vertically */
}

.-aboutus-about-content img {
    max-width: 80%; /* Ensures the image doesn't overflow the container */
    height: auto; /* Keeps the aspect ratio */
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}



/* Point Symbol Style */
.point-symbol {
    flex-shrink: 0; /* Prevents icon from shrinking */
    color: #007bff; /* Use primary color for point symbols */
}



/* Bullet Point Style */
.small-points p {
    display: flex; /* Aligns icon and text horizontally */
    align-items: flex-start; /* Aligns the icon and text to the top */
    gap: 8px; /* Space between icon and text */
    font-size: 2rem; /* Smaller font size for bullet points */
    line-height: 1.4;
    margin-bottom: 10px; /* Spacing between bullet points */
    font-weight: 600; /* Semi-bold */
}

.small-points p strong {
    font-weight: bold;
}



.fas.fa-check.text-success {
    flex-shrink: 0; /* Prevents icon from shrinking */
    color: #28a745;
}




/* Key Points Section Styling */
.-aboutus-key-points {
    background-color: #ffffff; /* White background for contrast */
    padding: 20px 15px; /* Adjust padding */
    display: flex; /* Ensure the row uses flexbox */
    justify-content: center; /* Center the row's content */
    align-items: center; /* Aligns the icon and text to the top */
}


    .-aboutus-key-points .card {
        display: flex; /* Ensure the row uses flexbox */
        justify-content: center; /* Center the row's content */
        align-items: center; /* Aligns the icon and text to the top */
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border-radius: 10px; /* Rounded corners */
    }

        .-aboutus-key-points .card:hover {
            transform: translateY(-10px);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2); /* Add a shadow effect */
        }

    .-aboutus-key-points .card-title {
        font-size: 1.8rem; /* Increased font size */
        margin-top: 10px; /* Space above title */
    }

    .-aboutus-key-points .card-text {
        font-size: 1.2rem; /* Increased font size */
    }




/* CTA Section Styling */
.-aboutus-cta-section {
    border-radius: 10px; /* Rounded corners */
}

    .-aboutus-cta-section h2 {
        font-size: 3rem; /* Increased font size */
        margin-bottom: 15px;
    }

    .-aboutus-cta-section p {
        font-size: 1.5rem; /* Increased font size */
    }

    .-aboutus-cta-section .btn {
        padding: 15px 25px; /* Adjusted padding */
        font-size: 1.4rem; /* Increased font size */
        border-radius: 30px; /* More rounded corners */
        transition: background-color 0.3s ease, transform 0.3s ease; /* Smooth transition */
    }

        .-aboutus-cta-section .btn:hover {
            background-color: #ffc107; /* Hover color */
            transform: scale(1.05); /* Slightly enlarge button on hover */
        }




/* Full-width image for mobile screens */
@media (max-width: 768px) { /* Adjust the max-width value as needed for your design */
    .-aboutus-about-content img {
        max-width: 100%; /* Full width on mobile */
        width: 100%; /* Ensures the image takes full width */
        height: auto; /* Keeps the aspect ratio */
    }

    .-aboutus-key-points .card {
        transform: none !important;
      
        transition: none !important;
    }

}