body {
            margin: 0;
            font-family: Arial, sans-serif;
            background-color: #f4f6f9;
            color: #333;
        }
        header {
            background-color: #0b3d91;
            color: white;
            padding: 15px 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .logo {
            display: flex;
            align-items: center;
            gap: 10px;
        }
        .logo img {
            width: 45px;
            height: 45px;
            object-fit: contain;
            background: white;
            border-radius: 6px;
            padding: 5px;
        }
        nav a {
            color: white;
            margin: 0 15px;
            text-decoration: none;
            font-weight: bold;
            cursor: pointer;
        }
        nav a:hover {
            text-decoration: underline;
        }
        .language-selector select {
            padding: 5px;
            border-radius: 4px;
            border: none;
        }
        section {
            display: block;
            padding: 40px;
        }
        .slider {
            position: relative;
            width: 100%;
            height: 600px;
            overflow: hidden;
            margin-bottom: 30px;
            border-radius: 8px;
        }
         .slides {
            position: relative;
            width: 100%;
            height: 0;
            padding-top: 66.66%; /* 1536 / 1024 = 1.5 -> 66.66% for aspect ratio */
        }
        .slides img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: contain;
            opacity: 0;
            transition: opacity 1s ease-in-out;
        }
        .slides img.active {
            opacity: 1;
            z-index: 1;
        }
        .slider-content {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            text-align: center;
            color: white;
            background: rgba(0,0,0,0.5);
            padding: 20px 30px;
            border-radius: 8px;
            max-width: 80%;
        }
        .pillar, .why-item, .mission-vision div, .team-block, .org-block, .what-we-do .pillar {
            margin-bottom: 15px;
            text-align: center;
        }
        .section-block {
            background: #fff;
            padding: 20px;
            margin-top: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.08);
        }
        .grid-container {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
            gap: 15px;
            margin-top: 15px;
        }
        .grid-container img {
            width: 100%;
            height: 120px;
            object-fit: cover;
            border-radius: 6px;
        }
        .grid-container p {
            margin-top: 8px;
            font-weight: 600;
            font-size: 14px;
        }
        .flex-content {
            display: flex;
            align-items: center;
            gap: 20px;
            flex-wrap: wrap;
            animation: fadeIn 2s ease-in-out infinite alternate;
        }
        .flex-content img {
            width: 200px;
            height: 200px;
            object-fit: cover;
            border-radius: 8px;
        }
        .flex-content div {
            flex: 1;
            min-width: 220px;
        }
        .flex-content button {
            padding: 10px 20px;
            background-color: #0b3d91;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            margin-top: 10px;
        }
        @keyframes fadeIn {
            0% { opacity: 0.7; transform: translateY(-5px); }
            100% { opacity: 1; transform: translateY(5px); }
        }
        .container {
            max-width: 1200px;
            margin: 0 auto;
        }
        /* Slider fits container width */
        #home .slider {
            width: 100%;
            max-width: 100%;
        }
		
	   .primary-button {
            padding: 12px 25px;
            background-color: #0b3d91;
            color: white;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 16px;
            font-weight: bold;
            margin-top: 15px;
        }
		 .why-choose-us {
            display: flex;
            flex-wrap: wrap;
            gap: 15px;
            margin-top: 30px;
        }
        .why-choose-us .item {
            flex: 1 1 calc(33% - 10px);
            background: #e9ecef;
            padding: 20px;
            text-align: center;
            border-radius: 6px;
        }
		   .why-choose-us .item {
            flex: 1 1 calc(33% - 10px);
            background: #0b3d91; /* Blue color */
            color: white;
            padding: 20px;
            text-align: center;
            border-radius: 6px;
		   }
		.home-contact {
         margin-top: 50px;
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 30px;
         background: #ffffff;
         padding: 30px;
         border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
      }
.home-contact img {
    width: 45%;
    border-radius: 8px;
    animation: floatImage 3s ease-in-out infinite;
}
.home-contact .contact-text {
    width: 50%;
}
@keyframes floatImage {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-12px); }
    100% { transform: translateY(0px); }
}
.footer {
            margin-top: 60px;
            background-color: #0b3d91;
            color: white;
            padding: 30px 20px;
            border-radius: 8px 8px 0 0;
        }
        .footer-content {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            gap: 20px;
        }
        .footer-column {
            flex: 1 1 250px;
        }
        .footer h3 {
            margin-top: 0;
        }
        .footer p {
            margin: 6px 0;
        }
            50% { transform: translateY(-12px); }
            100% { transform: translateY(0px); }
        }
		/* RESPONSIVE DESIGN */
@media (max-width: 1024px) {
    header { padding: 15px 20px; }
    nav a { margin: 0 8px; }
    .container { padding: 0 15px; }
    .why-choose-us .item { flex: 1 1 calc(50% - 10px); }
    .home-contact { flex-direction: column; text-align: center; }
    .home-contact img { width: 100%; }
    .home-contact .contact-text { width: 100%; }
}

@media (max-width: 768px) {
    header { flex-direction: column; align-items: flex-start; gap: 10px; }
    nav { display: flex; flex-wrap: wrap; }
    nav a { display: block; margin: 5px 0; }
    section { padding: 20px 15px; }
    .why-choose-us .item { flex: 1 1 100%; }
    .footer-content { flex-direction: column; }
    .about-slides { padding-top: 70%; }
}

@media (max-width: 480px) {
    .logo strong { font-size: 14px; }
    .primary-button { width: 100%; }
    .slider-content { padding: 15px; font-size: 14px; }
}
/* Footer */
.footer{margin-top:40px;background:#0b3d91;color:#fff;padding:30px 20px;border-radius:8px 8px 0 0}

nav a{color:#fff;margin:0 15px;text-decoration:none;font-weight:bold;cursor:pointer}
nav a:hover{text-decoration:underline}
.language-selector select{padding:5px;border-radius:4px;border:none}
section{display:none;padding:40px}
section.active{display:block}
.section-block{background:#fff;margin-top:20px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.08)}

/* ABOUT PAGE STYLING */

.about-container{
    padding:40px 20px;
}

.about-intro{
    text-align:center;
    margin-bottom:40px;
}

.mission-vision{
    display:flex;
    gap:30px;
    margin-bottom:40px;
}

.mission,
.vision{
    flex:1;
    background:#f4f6fa;
    padding:25px;
    border-radius:8px;
}

.our-background{
    background:#eef2ff;
    padding:25px;
    border-radius:8px;
}

/* Responsive for mobile */
@media (max-width:768px){
    .mission-vision{
        flex-direction:column;
    }
}
/* Services Uniform Medium Cards */
#services {
    padding:40px 0;
}

#services .services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
    gap:20px;
}

#services .service-item{
    background:#f5f5f5;
    padding:20px;
    border-radius:8px;
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:center;
    height:240px; /* uniform medium size */
}

#services .service-item img{
    width:100%;
    height:130px;
    object-fit:cover;
    border-radius:6px;
}

#services .service-item p{
    font-size:14px;
    margin-top:10px;
}
h2{
	text-align:center;
}
.map-container { width:100%; height:100vh; }
iframe { width:100%; height:100%; border:0; }
/* Adjust the map-container size to medium */
.map-container {
    width: 80%;
    max-width: 800px;
    height: 400px;
    margin: 0 auto;
}
.map-container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}