/* General navbar styling for all pages */
                    p,li{
                        font-size: 20px;
                        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

                    }
                    body{
                        background-color: rgba(201, 201, 201, 0.721);
                        width: 100vw;
                        margin-top: 60px;
                        text-align: center;
                        margin: 0px;
                        font-size: large;
                        line-height: 30px;
                    }
                    h1,h2,h3{
                        color:rgb(33, 177, 203) ;
                        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                        font-style: italic;
                        font-size: 30px;
                        text-decoration: underline;
                    }
                    h1{
                        text-decoration: none;
                        font-size: 60px;
                    }
                    
                    .navbar {
                        display: flex;
                        align-items: center;
                        justify-content: flex-start;
                        background-color: black; 
                        color: white; 
                        padding: 0 20px ; 
                        height: 60px;
                        margin: 0;
                    
                    
                        position: fixed; 
                        top: 0; 
                        left: 0; 
                        width: 100%; 
                        z-index: 1000; 
                    
                        border-bottom: 2px solid rgb(43, 223, 255);
                    }
                    .logo{
                        height: 70px;
                        width: 70px;
                        /* border: 2px solid rgb(43, 223, 255); */
                        border-radius: 50%;
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        margin-right: 700px;
                    }
                    /* Logo styling */
                    .logo img {
                        border-radius: 50%;
                        height:70px;
                        width: 70px; 
                        object-fit: cover;
                        
                        /* height: 100%; /*Match logo height to navbar */
                        /*max-height: 100px;Ensure it doesn't exceed navbar height */
                    
                    }
                    
                    /* Links container */
                    .nav-links {
                        display: flex;
                        gap: 70px; 
                        align-items: center; 
                    }
                    .nav-links li::before{
                        content: none;
                    }
                    
                    
                    .nav-links a {
                        color: white; 
                        text-decoration: none; 
                        font-size: 16px; 
                        transition: color 0.3s; 
                        font-family: sans-serif;
                    }
                    
                    .nav-links a:hover {
                        color: gray; 
                    }
                    
                    /* Dropdown menu styling */
                    .dropdown {
                        position: relative; 
                    }
                    
                    .dropdown-menu {
                        display: none; /* Hidden by default */
                        position: absolute;
                        background-color: black; 
                        list-style: none;
                        padding: 10px;
                        margin: 0;
                        border: 1px solid white; 
                        z-index: 1000;
                    }
                    
                    .dropdown-menu li {
                        margin: 5px 0;
                    }
                    
                    .dropdown-menu a {
                        color: white; 
                        text-decoration: none; 
                    }
                    
                    .dropdown-menu a:hover {
                        color: gray; 
                    }
                    
                    /* dropdown menu on hover */
                    .dropdown:hover .dropdown-menu {
                        display: block;
                    }
                     /*on all pages/*
            /*footer*/
.footer{
    background-color: rgb(75, 75, 75);
    margin: 0 -10px 0;
    padding: 75px;
    padding-top: 40px;
    text-align: center;
}
.footer-links{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.footer-links a{
    font-size: 18px;
    color: white;
    text-decoration: none;
}
.copyright{
    background-color: black;
    color: white;
    text-align: center;
    margin: -10px;
    font-size: 10px;

}


                    /*navbar and footer done*/
.section_1{
    background-color: black;
    color: white;
    margin: 0 -10px;
    padding: 135px 300px 100px;
 
}
.section_1 h2{
    font-size: 50px;
}
.section_1 section{
    margin: 50px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 100px;

}
iframe{
    width: 400px;
    height: 250px;
    margin-right: 200px;
}
.right-section p{
  width: 500px;
    line-height: 40px;
    font-size: 25px;
    /* height: 250px; */
}
.programs-section{
    display: flex;
    justify-content: space-evenly;
    padding: 100px 100px;
}
.program-card{
    background-color: rgb(145, 145, 145);
    width: 300px;
    height: 350px;
    padding: 30px;
    border-radius: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
}
.program-card a{
    color: rgb(33, 177, 203);
}
.program-card:hover{
    color: white;
    background-color: rgb(62, 62, 62);
    margin-top: -30px;
}