/* 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_2{
    padding-top:50px;
    


}

.workout-grid{
    
    display: flex;
    justify-content: space-around;
}
.workout-grid img{
    width: 400px;
    height: auto;
}
.section_5{
    text-align: center;
}
.hero {
    position: relative; 
    width: auto; 
    height: 100vh; 
    overflow: hidden; 
    margin: 0 -10px;
}
.section_2 h2{
    font-size: 50px;
    padding: 20px;
}
.section_2 p{
    margin-top: -70px;
    color: white;
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    
}
.section_3 h2{
    font-size: 50px;
    padding: 20px;
}
.section_3 p{
    margin-top: -70px;
    color: white;
    font-size: 30px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    
}
.section_4 h2{
    font-size: 50px;
    padding: 20px;

}
.section_4 p{
    margin-top: -70px;
    color: white;
    font-size: 30px;
    
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    
}

.section_5 h2 {
    font-size: 60px;
    padding: 20px;
    padding-top: 45px;
}
.section_5 p{
    height: auto;
    width: 1050px;
    text-align: center;
    padding-left: 230px;
    /* font-size: 27px; */
}
.section_5 a{
    height: auto;
    width: 1080px;
    text-align: center;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    font-size: 20px;
    color: rgb(33, 177, 203);
    /* font-size: 27px; */
}
.section_5{
    /* padding: 30px; */
    background-color: rgb(192, 192, 192);
    padding: 5px 0 50px ;
}
.section_2,.section_3,.section_4{
    margin-bottom: 100px;
}
.section_3{
    background-color: rgb(192, 192, 192);
    padding: 25px 0 100px ;
}
.intro-section{
      background-color: black;
      color: white;
      margin: 0 -10px;
      padding: 150px 300px;
      line-height: 2;
}