/* 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: 50px -10px -10px;
                        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;
                    }
                    li{
                        list-style: none;
                    }
                    li::before{
                        content: "👉🏻    ";
                    }
                    .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;
                    }


                   
                    section{
                        margin: 0 -10px;
                        padding: 50px 150px;
                    }
                    .testi ul{
                        display: flex;
                        flex-wrap: wrap;
                        gap: 50px 50px;
                        justify-content: center;
                        
                    }
                    .testi li{
                        
                        list-style: none ;
                        width: 400px;
                        background-color: rgb(38, 38, 38);
                        border-radius: 5%;
                        padding: 20px;
                        color: white;
                    }
                    .testi li::before{
                        content: "👇🏻";
                    }
                    li h4{
                        font-size: 25px;
                        color: rgb(39, 188, 214);
                    }
                    p a{
                        color: rgb(33, 162, 185);
                        text-decoration: none;
                        font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
                    }


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

}
/*on all pages till here*/


.workout-intro,.workout-plan{
    background-color: black;
    color: white;
    line-height: 40px;
}
.workout-intro{
    padding:100px 300px 25px;
}
.workout-plan{
    padding: 25px 300px 100px;
}
h2{
    font-size: 50px;
}
.workout-plan h2{
    font-size: 40px;
}

.days{
    background-color: rgb(171, 171, 171);
    width: aut0;
    height: auto;
    padding: auto 50px;
    margin: 60px 30px;
    border-radius: 2%;
}
.days h3{
    color: rgb(72, 181, 198);
}