/* div */
.DIV{
    max-width: auto;
    margin: auto;
    padding: 0 20px;
}


* Boday */
.Boday{
    /* color: aqua; */
    margin: auto;
}
/* hedar */
.hello{
    border: 0cqh;
    background-color: white;
    padding: 20px ;
    display: flex;
    justify-content: space-between;

}
.well{
    justify-content: center;
    padding: 50px;
    background: none;
    text-align: center;
     margin: auto;
    border: 10px ;
    color: blue;
}
/* abaut section */
.group{
    margin-left: 10px;
    padding: 4% 6px ;
    border: none;
  
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-radius: 4px;
    font-size: 14px;
    background-color: white;
}
/* plase loging btn */
.login{
    text-align: right;
    border:red;
    padding: 20px;
    font-style: italic;
    border: none;
    justify-content: space-between;
}


/* beaner */
.img2{
    width: 800px;
    text-align: center;
    border: solid;
    margin: auto;
    overflow: hidden;
}
.img3{
    width: 100%;
    height: auto;
    display: block;
}
.most{
    background-color: aqua;
    padding: 20px;
    border-radius: 10px;
}
.most2{
    background-color: lightblue;
    padding: 20px;
    border-radius: 10px;
    gap: 10px;
}
.most3{
    background-color: brown;
    padding: 25px;
    border-radius: 10px;
}
.most4{
    text-align: center;
    font-style: normal;
    
}
/* paris img */
body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-color: #f2f2f2;
}

.container {
  max-width: 1000px;
  margin: 30px auto;
  padding: 10px;
  background-color: white;
  border: 1px solid #ccc;
}

/* .parisimg {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0;
  width: 100px;
  height: 180px;
  object-fit: cover;
  border: 3px solid #000;
  box-sizing: border-box;
  display: block;
  text-align: center;
  margin-bottom: 20px;
  color: #333;
} */
.Paris{
    background-color: rgb(170, 174, 166);
    border-radius: 10px;
    gap: 10px;
    padding: 20px;
}
.Paris2{
    background-color: rgb(170, 174, 166);
    border-radius: 10px;
    gap: 10px;
    padding: 20px;
}
/* Dobai */
.dobai{
   text-align: center;
}
/*dubaiImg*/
/* .dubaiImg { border: 2px solid black;
    padding:flex;
    gap: 0px;
    flex-wrap: wrap;
    display: grid;
    grid-template-columns: repeat(2,1fr);
    width: fit-content;
    margin: auto;
    object-fit: cover;
    box-sizing: border-box;
    border-radius: 10px;

} */
 body {
  margin: 0;
  padding: 0;
  font-family: sans-serif;
  background-color: #f2f2f2;
}
/* 
.container {
  max-width: 1000px;
  margin: 30px auto;
  padding: 10px;
  background-color: white;
  border: 1px solid #ccc;
} */

.image-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 0;
}

.image-grid img {
  width: 100%;
  height: 180px;
  object-fit: cover;
  border: 3px solid #000;
  box-sizing: border-box;
  display: block;
}

h2 {
  text-align: center;
  margin-bottom: 20px;
  color: #333;
}


.Dubai{
    background-color: cornflowerblue;
    padding: 25px;
    border-radius: 10px;
}
.dubai1{
    text-align: center;
}
.dubai2{
    background-color: darkgrey;
    border-radius: 10px;
    padding: 20px;
}

/* Tokyo */
.tokyo1{
    text-align: center;
    /* color: blue; */
}
.tokyop{
    border-radius: 10px;
    background-color: burlywood;
    padding:40px ;
}
/* Estimated Cost */
.Estimated-Cost{
    text-align: center;
}
/* tokyo-cost */
.tokyo-cost{
    border-radius: 10px;
    background-color: slategrey;
    padding: 30px;
}
/* Rome-of-titel */
.Rome-of-titel{
    text-align: center;
}
/*  Rome-is-a-city
 */
 .Rome-is-a-city{
    border-radius: 10px;
    background-color: teal;
    padding: 30px;
 }
 /* How-to-travel-frome-Rom */
 .How-to-travel-frome-Rom{
    text-align: center;
    
 }
/* rome-travel-cost */
.rome-travel-cost{
    border-radius: 10px;
    background-color:aquamarine;
    padding: 30px;
}
/* Maldives */
.Maldives{
    text-align: center;
}
/* The-Maldives */
.The-Maldives{
    border-radius: 10px;
    background-color: lightpink;
    padding: 30px;
}
/* How-to-travel-from-maldip */
.How-to-travel-from-maldip{
    text-align: center;
}
/* Dhaka to Malé  */
.Dhaka-to-maldip{
    border-radius: 10px;
    background-color: green;
    padding: 30px;
}
/* Turkey */
.Turkey{
    text-align: center;
  font-weight: bold;
}