flex-container{
    display: flex;
    flex-direction: rows;
}
flex-container>.content{
    padding: 10px;
}
flex container >{
background-color: greenyellow;
padding: 10px;
}
body{
    background-color:white;

}
h1{
    text-align: left;
    color: rgb(119, 68, 119);
    font-size: 90px;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
}
b{
    font-size:40px ;
    font-family: 'Times New Roman', Times, serif;
}
nav{
    text-align: center;
    gap:90px;
    font-size:80 px;
    color: yellowgreen;
}

item{
    border:brown;
}
H3{
    background-color: blueviolet;
}
h3{
    text-align: center;
    color: #333;
    margin-top: 100px;
    font-size:60PX ;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.services {
    padding: 20px;
}

.service-container {
    display: flex;
    justify-content: center;
    gap: 30px;
    margin-top: 40px;
}

.service {
    background-color: white;
    border-radius: 8px;
    padding: 20px;
    text-align: center;
    width: 250px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.service h2 {
    color: #007BFF;
    font-size: 40px;
}

.service p {
    color: #555;
    font-size: 25px;
}

.service:hover {
    transform: scale(1.05);
    transition: all 0.3s ease;
}
H4{
    text-align: center;
    color:palevioletred;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
background-color: azure;
font-size:80px ;
}
h5{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 60px;
text-align: center;
}
.centered-container {
    display: flex;
    justify-content: center; 
    align-items: center;     
    height: 100%;            
    background-color: burlywood;}
    .centered-form {
        background-color: white; 
        padding: 20px;
        border-radius: 8px; 
        width: 300px; }
        .centered-form h5{
text-align: center;
        }     
                  header {
                    background-image:url(images/pexels-falling4utah-1080721.jpg);
                    background-size: cover;
                    background-position: center; 
                    height: 700px; 
        
                }
                
        p{
            font-size:20px ;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: black;
        }
        image-gallery{
            display: flex;
    flex-direction: column;
    gap: 40px; 
    width: 300px;
        }
        figure img{
            width: 800px;
            height: 800px;
            
        }
        .about-us {
            padding: 40px;
            background-color: #f4f4f4;
          }
          
          .about-us-heading {
            text-align: center;
            font-size: 2.5rem;
            color: #333;
            margin-bottom: 20px;
          }
          
          .about-us-content {
            display: flex;
            align-items: center;
            justify-content: space-between;
            max-width: 1200px;
            margin: 0 auto;
          }
          
          .about-us-paragraph {
            width: 60%;
            font-size: 1.1rem;
            line-height: 1.6;
            color: #555;
            margin-right: 20px;
          }
          
          .about-us-image {
            width: 35%;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
          }
          
          @media (max-width: 768px) {
            .about-us-content {
              flex-direction: column;
              text-align: center;
            }
          
            .about-us-paragraph {
              width: 100%;
              margin-bottom: 20px;
            }
          
            .about-us-image {
              width: 80%;
            }
          }
          .image-slider {
            position: relative;
            width: 100%;
            max-width: 1200px;
            margin: 0 auto;
            overflow: hidden;
          }
          
          .slider-container {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
          }
          
          .slider {
            display: flex;
            transition: transform 0.5s ease-in-out;
          }
          
          .slide {
            position: relative;
            width: 100%;
            flex: 0 0 100%;
          }
          
          .slide img {
            width: 100%;
            height: auto;
            border-radius: 8px;
          }
          
          .description {
            position: absolute;
            bottom: 20px;
            left: 20px;
            background: rgba(0, 0, 0, 0.5);
            color: #fff;
            padding: 10px;
            display: none;
            font-size: 1.2rem;
            border-radius: 5px;
          }
          
          .slide:hover .description {
            display: contents;
          }