/* 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;
                    }
                    h2{
                        font-size: 45px;
                    }
                    
                    .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;
}
.section_1 p,li{
    font-size: 22px;
}
.section_1 .left{
    margin:120px 0 80px ;

    line-height: 3;
}
.section_1 .left a{
    color: rgb(26, 203, 234);
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
.section_1 strong{
    text-decoration:  underline rgb(65, 167, 167);
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 20px;
}
h2{
    margin-top: 100px;
}


.section_2{
    margin-top: 50px;
    width: 100vw;
    overflow-x: scroll; 
    white-space: nowrap; /* Prevent line breaks */
    padding: 50px;
    padding-bottom: 100px;
}
.section_2 h3{
    color: rgb(61, 173, 185);
    margin-bottom: -50px;
    font-size: 40px;
}
  
.section_2>div{
    display: inline-block; 
    margin: 40px ;
    padding-bottom: 100px;
    background-color: rgb(175, 174, 174);
    /* padding: 25px 25px; */
    border-radius: 10px;}
img{
    width: 400px;
    height: 250px;
    margin:  100px ;
    /* margin-top: 75px; */
}
img:hover{
    opacity: 0.9;
}


a+p{
    color: white;
    margin:  -200px 0 0;
    font-size: 40px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}
    .customized-plan{
        background-color: rgb(187, 186, 186);
        padding: 50px;
    }     
    .customized-plan a{
        color: rgb(33, 166, 199);
        font-weight: 700;
        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
        font-size: 22px;
    }   
    span{
        font-weight: 700;
    }