/* 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*/

                    .dark-bg{
                        background-color: black;
                        color: white;
                        line-height: 40px;
                        padding: 50px 200px;
                    }
.main-part{
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-around;
    align-items: flex-start;
    padding: 60px;
}
.main-part section{
    text-align: left;
}

label{
    font-size: 15px;
}
input,textarea{
    width: 300px;
}
input{
    height: 2lh;
}
button{
    width: 200px;
    margin:0 50px;
    line-height: 1.5;
    background-color: rgb(234, 234, 234);
}

span,span a,span a:hover,span a:active{
    font-family: Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    color: rgb(67, 101, 101);
    line-height: 3;
    text-decoration: none;
    font-style: italic;
    font-weight:bold;
}