<style>
         body {
            margin: 0;
            font-family: Arial, sans-serif;
        }

        header {
            background-color: #66CDAA;
            padding: 15px;
            color: #fff;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
         header img{
            height: 50px;
            width: 50px;
         }
        nav {
            display: flex;

        }

        nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            display: flex;
        }

        nav li {
            margin-right: 20px;
            color: #933;
        }
      

        section.hero {
            height: 800px;
            width: 100%;
            background-image: url('https://wide-w.com/wp-content/uploads/2019/01/gora-jeverest.jpg');
            background-size: cover;
            background-position: center;
            display: flex;
            justify-content: center;
            align-items: center;
            color:      #ffffff;
            text-align: center;
        }

        section {
            padding: 20px;
        }

        section#about {
            border: 2px solid #333;
            background-color: #00FA9A;
            padding: 20px;
            margin: 20px 0;
            overflow: hidden;
        }

        section#about img {
            float: left;
            margin-right: 20px;
            max-width: 300px;
        }

        section#about p {
            margin: 0 0 20px 0;
        }

        section#best-tour {
            text-align: center;
        }

        section#best-tour h2 {
            margin-bottom: 20px;
        }

        section#best-tour .feature {
            display: inline-block;
            margin: 0 20px 20px 0;
            border: 10px solid #F0E68C;
            padding: 10px;
            width: calc((100% - 60px) / 3);
            box-sizing: border-box;
        }

        section#best-tour img {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin-bottom: 10px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }

       .hottourscontainer {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap; 
  align-items: center;
  justify-content: space-around;
  padding: 20px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.1);

}

.hottourscontainer img {
  max-width: 200px;
  margin-right: 20px;
  border-radius: 10px;
  margin-bottom: 20px; 
}

.hottoursinfo {
  flex-grow: 1;
  width: 70%; 
}

.tourtitle {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
}

.tourdescription {
  font-size: 16px;
  margin-bottom: 10px;
}

.tourprice {
  font-size: 18px;
  font-weight: bold;
  color: green;
  border: 2px solid #eee;
  padding: 10px;
  display: inline-block;
}

.hottourstitle {
  text-align: center;
  font-size: 32px;
  margin-bottom: 40px;
}


        section#route-example {
         
          
            text-align: center;
          background-color:   #FFF8DC;
        }

        section#route-example .route-block {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 40px;
          border: 2px solid   #DCDCDC; 
    padding: 10px; 
    margin-bottom: 10px; 
        }

        section#route-example .route-block img{
           width: 500px;
            height: 400px;
      }
        section#route-example .route-block p {
          
            width: 48%; 
            margin: 0 2%; 
            box-sizing: border-box;
        }

        footer {
            background-color: #333;
            color: #fff;
            text-align: center;
            padding: 10px;
            position: fixed;
            width: 100%;
            bottom: 0;
        }
       
      #book-tour {
        background-color: #F0FFF0;
  text-align: center;
  padding: 50px 0;  
}

.book-button-container {
  display: inline-block; 
}

.book-button {
  background-color: #4CAF50;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
  border-radius: 5px;
}

.book-button:hover {
  background-color: #45a049;
}
      #testimonials {
    text-align: center;
    padding: 50px;
}

.testimonial-container {
    display: flex;
    justify-content: space-around; 
    flex-wrap: wrap;
    gap: 20px;
}

.testimonial {
    background-color: #ffffff;
    border: 1px solid #eaeaea;
    padding: 20px;
    border-radius: 5px;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
    flex-basis: calc(30% - 40px); 
    margin: 10px;
    flex-grow: 1;
}

.testimonial blockquote {
    font-style: italic;
    color: #555;
}

.testimonial-author, .tour-date {
    font-weight: bold;
    font-size: 0.9em;
    color: #333;
    text-align: right;
    margin-top: 15px;
}
#map {
    margin: 20px;
    padding: 20px;
}
#map h2 {
    text-align: center;
    margin-bottom: 20px;
}
#map iframe {
    width: 100%; 
}

#contacts {
  background-color: #f8f8f8;
  padding: 50px 0;
}

#contacts .container {
  max-width: 1200px; 
  margin: 0 auto; 
  padding: 0 15px; 
}

#contacts h2 {
  text-align: center; 
  margin-bottom: 15px; 

#contacts p {
  text-align: center; 
  margin: 10px 0; 
  font-size: 1rem; 
}

#contacts a {
  color: #007bff; 
  text-decoration: none; 
}

#contacts a:hover {
  text-decoration: underline; 
}

      footer{
       height: 25px;
      }

 
.swiper-container {
     height: 1000vh;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    /* Fix of Webkit flickering */
    z-index: 1;





    </style>  <section class="hero">
        <h1>Ласкаво просимо в нашу туристичну компанію<br>
          Тур від агентства " <b><i> Empire of Travel".</i></b> </h1>
    </section>

    <section id="about">
        <img src="https://seo-evolution.com.ua/imgfly/public/Ej5uSGigkkhfGF9Sq2yBC9xGtsPNaiiNQ7uy0W4i.jpg?h=600" alt="Про нас">
        <p>
            <h1>Фантастична подорож для вас!</h1><br>
        </p>
        <p>Чому б не відсвяткувати свою наступну літню відпустку в Європі! Відвідайте замки, парки, пляжі під час цього чудового туру... У старій Європі є безліч меморіалів і музеїв з античною архітектурою. Долина Луари відома на весь світ своїми замками,
            Рим – автентичною архітектурою, а Амальфі чудово підходить для пляжного відпочинку.</p>

        <p>Південь Франції та більша частина сусідньої Італії є майданчиками для захоплення. Це зони, які здавна активізували почуття розкоші та поблажливості. Тепер у вас є чудова нагода випробувати все на собі.</p>
    </section> 
покращи візуал