.elementor-1324 .elementor-element.elementor-element-ada94b6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1324 .elementor-element.elementor-element-9e7e77b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-1324 .elementor-element.elementor-element-331baf9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-0456956 *//* --- Director Message Section --- */
.director-message-section {
    padding: 60px 20px;
    background-color: #f8f8f8; /* Light background for contrast */
    font-family: Arial, sans-serif;
    color: #333;
}

.director-message-section .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.director-card {
    display: flex;
    flex-direction: column; /* Stacks vertically on small screens */
    align-items: center;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    padding: 30px;
    text-align: center; /* Center text on mobile */
}

.director-image {
    flex-shrink: 0; /* Prevents image from shrinking */
    margin-bottom: 30px; /* Space below image on small screens */
}

.director-image img {
    width: 250px; /* Fixed width */
    height: 250px; /* Fixed height */
    border-radius: 50%; /* Circular image */
    object-fit: cover; /* Ensures image covers the area without distortion */
    border: 5px solid #0056b3; /* Border matching your logo blue */
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.director-content {
    flex-grow: 1; /* Allows content to take available space */
}

.director-content h2 {
    font-size: 2.5em; /* Message from the Director */
    color: #003366; /* Darker blue */
    margin-bottom: 15px;
    font-weight: bold;
}

.director-content h3 {
    font-size: 1.8em; /* Director's Name */
    color: #0056b3; /* Primary blue */
    margin-bottom: 10px;
}

.director-content h4 {
    font-size: 1.2em; /* Designation */
    color: #555;
    margin-bottom: 25px;
    font-weight: normal;
}

.director-content p {
    font-size: 1.1em;
    line-height: 1.7;
    margin-bottom: 15px;
    text-align: justify; /* Justify text for a clean look */
    max-width: 800px; /* Limit paragraph width for readability */
    margin-left: auto;
    margin-right: auto;
}

/* --- Responsive Adjustments --- */
@media (min-width: 768px) {
    .director-card {
        flex-direction: row; /* Arranges horizontally on larger screens */
        text-align: left; /* Aligns text to left on larger screens */
    }

    .director-image {
        margin-right: 40px; /* Space to the right of image */
        margin-bottom: 0; /* Remove bottom margin on large screens */
    }

    .director-content h2,
    .director-content h3,
    .director-content h4 {
        text-align: left; /* Align titles left on desktop */
    }
}

@media (min-width: 1024px) {
    .director-message-section {
        padding: 80px 20px;
    }
    .director-content h2 {
        font-size: 3em;
    }
    .director-content h3 {
        font-size: 2em;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e80b5f0 *//* --- Our Mission Section --- */
.mission-section {
    padding: 80px 20px;
    background-color: #ffffff; /* White background */
    font-family: 'Segoe UI', Arial, sans-serif;
}

.mission-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.mission-card {
    display: flex;
    flex-direction: column; /* Mobile first: vertical stack */
    align-items: center;
    gap: 50px;
}

.mission-content {
    flex: 1;
}

.mission-content h2 {
    font-size: 2.8em;
    color: #003366; /* Your Logo Blue */
    margin-bottom: 10px;
    font-weight: 800;
}

.mission-line {
    width: 80px;
    height: 4px;
    background-color: #d4af37; /* Gold color */
    margin-bottom: 30px;
}

.mission-content p {
    font-size: 1.15em;
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px;
}

.mission-content ul {
    list-style: none;
    padding-left: 0;
}

.mission-content ul li {
    font-size: 1.1em;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    color: #333;
}

/* Bullet Point Icon (Checkmark) */
.mission-content ul li::before {
    content: '✔';
    position: absolute;
    left: 0;
    color: #d4af37; /* Gold checkmark */
    font-weight: bold;
}

.mission-image {
    flex: 1;
    text-align: right;
}

.mission-image img {
    width: 100%;
    max-width: 500px;
    height: 350px;
    border-radius: 20px; /* Rounded corners */
    object-fit: cover;
    box-shadow: 20px 20px 0px #f0f4f8; /* Stylish background shadow */
    border: 1px solid #ddd;
}

/* --- Desktop Layout (Photo on Right) --- */
@media (min-width: 768px) {
    .mission-card {
        flex-direction: row; /* Desktop: Photo on Right */
        text-align: left;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8e21a62 *//* --- Our Vision Section --- */
.vision-section {
    padding: 80px 20px;
    background-color: #f8fbfd; /* Light background for contrast */
    font-family: 'Segoe UI', Arial, sans-serif;
}

.vision-section .container {
    max-width: 1200px;
    margin: 0 auto;
}

.vision-card {
    display: flex;
    flex-direction: column; /* Mobile first: vertical stack */
    align-items: center;
    gap: 50px;
}

.vision-image {
    flex: 1;
    text-align: left; /* Image aligned left on desktop */
}

.vision-image img {
    width: 100%;
    max-width: 500px;
    height: 350px;
    border-radius: 20px; /* Rounded corners */
    object-fit: cover;
    box-shadow: -20px 20px 0px #e0e5e9; /* Stylish background shadow (reversed for left side) */
    border: 1px solid #ddd;
}

.vision-content {
    flex: 1;
}

.vision-content h2 {
    font-size: 2.8em;
    color: #003366; /* Your Logo Blue */
    margin-bottom: 10px;
    font-weight: 800;
}

.vision-line {
    width: 80px;
    height: 4px;
    background-color: #d4af37; /* Gold color */
    margin-bottom: 30px;
}

.vision-content p {
    font-size: 1.15em;
    line-height: 1.8;
    color: #444;
    margin-bottom: 20px;
}

.vision-content ul {
    list-style: none;
    padding-left: 0;
}

.vision-content ul li {
    font-size: 1.1em;
    margin-bottom: 12px;
    padding-left: 30px;
    position: relative;
    color: #333;
}

/* Bullet Point Icon (Star) */
.vision-content ul li::before {
    content: '⭐'; /* A star icon for vision points */
    position: absolute;
    left: 0;
    color: #d4af37; /* Gold star */
    font-weight: bold;
}

/* --- Desktop Layout (Photo on Left) --- */
@media (min-width: 768px) {
    .vision-card {
        flex-direction: row; /* Desktop: Photo on Left */
        text-align: left;
    }
}/* End custom CSS */