/* About us style */
.navbar{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: transparent !important;
}

.background-color {
    width: 100%; /* Makes it full width */
    height: 166vh; /* Ensures it covers the full viewport height */
    background: linear-gradient(180deg, #CDCDE4 -50.77%, rgba(251, 251, 251, 0) 100%), 
                url("../img/general/aboutus_bg1.png");
    background-size: cover; /* Ensures the background covers the entire area */
    background-position: bottom; /* Centers the image */
    background-repeat: no-repeat; /* Prevents repetition */
}

.image-1{
    width: 100%;
    border-radius: 35px;
}

/* Responsive for tablets (max-width: 1024px) */
@media (max-width: 1024px) {
    .background-color {
        height: 120vh; /* Reduce height on smaller screens */
        background-position: center; /* Adjust positioning */
    }
}

/* Responsive for mobile screens (max-width: 768px) */
@media (max-width: 768px) {
    .background-color {
        height: 100vh; /* Adjust height for mobile */
        background: linear-gradient(180deg, #CDCDE4 -50.77%, rgba(251, 251, 251, 0) 100%), 
        url("../img/general/aboutus_bg1.png");
        background-size: cover; /* Ensures the background covers the entire area */
        background-position: bottom; /* Centers the image */
        background-repeat: no-repeat; /* Prevents repetition */;
    }
}

/* Extra small screens (max-width: 480px) */
@media (max-width: 480px) {
    .background-color {
        height: 90vh; /* Smaller height */
    }
}