/* Custom colors matching the original */
 :root {
    --kayellow: #FFF8DC;
    --kaorange: #F25D1E;
    --kagreen: #2E7D32;
    --kablack: #333333;
}

.bg-kayellow {
    background-color: var(--kayellow);
}

.text-kaorange {
    color: var(--kaorange);
}

.text-kagreen {
    color: var(--kagreen);
}

.text-kablack {
    color: var(--kablack);
}

.border-kaorange {
    border-color: var(--kaorange);
}

.border-kagreen {
    border-color: var(--kagreen);
}

.bg-kaorange {
    background-color: var(--kaorange);
}

.bg-kagreen {
    background-color: var(--kagreen);
}

.bg-kayelow {
    background-color: #FFF8E7;
}

.button-orange {
    background-color: var(--kaorange);
    color: white;
    border-radius: 9999px;
    font-weight: 600;
    transition: all 0.3s;
}

.button-orange:hover {
    opacity: 0.9;
}

.button-white {
    background-color: white;
    color: var(--kaorange);
    border-radius: 9999px;
    padding: 0.75rem 1.5rem;
    font-weight: 600;
}

/* Background images - using placeholder colors */
.landing {
    background-image: url("/img/com1.jpeg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.image-interlude {
    background-image: url("/img/nose-mask.jpeg");
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}

.team-one {
    background-image: url("/img/dodoo.jpg");
    background-size:cover;
    background-position:center
}

.team-two {
    background-image: url("/img/girl2.jpg");
    background-size:cover;
    background-position:center
}

.project-brif {
    background-color: #f5f5f5;
}

.id1 { 
    background-image: url("/img/team1.jpeg");
    background-size: cover;
    background-position: center;
 }
.id2 { 
    background-image: url("/img/kids1.jpeg");
    background-size: cover;
    background-position: center; }
.id3 { background-image: url("/img/team7.jpeg");
    background-size: cover;
    background-position: center; }
.id4 { background-image: url("/img/team6.jpeg");
    background-size: cover;
    background-position: center; }
.id5 { background-image: url("/img/team2.jpeg");
    background-size: cover;
    background-position: center; }
.id6 { background-image: url("/img/team5.jpeg");
    background-size: cover;
    background-position: center; }

.footer {
background: #006a5b;
padding: 80px 20px 40px;
color: #fff;
font-family: Arial, sans-serif;
border-radius: 20px 20px 0 0;
}

.footer-container {
max-width: 1200px;
margin: auto;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
gap: 50px;
}

.footer-section h3 {
font-size: 20px;
margin-bottom: 15px;
font-weight: bold;
}

.footer-section ul {
list-style: none;
padding: 0;
}

.footer-section ul li {
margin-bottom: 10px;
}

.footer-section ul li a {
text-decoration: none;
color: #d5e9e5;
font-size: 16px;
transition: 0.3s;
}

.footer-section ul li a:hover {
color: #ffffff;
}

/* Logo styling */
.logo {
font-size: 30px;
font-family: serif;
}

/* Footer bottom */
.footer-bottom {
text-align: center;
margin-top: 50px;
font-size: 16px;
color: #d5e9e5;
}

.footer-bottom a {
color: #ffffff;
text-decoration: underline;
}