body{
 overflow-x: hidden;
 
}
*{
    margin: 0%;
    padding: 0%;
}
header{

  width: 100%;
  height: 820px;
 background-size: cover;
  background-repeat: no-repeat;
background-clip: cover;
  background-image: url("./travel_trend_image/bgimage2.jpg");
}
.backgroundimage {
  height: 820px;
   
background-position: 50%;
opacity: 9;
background: rgba(45, 43, 43, 0.295);

   
     
  }
  .logo .logoimg {
    width: 190px;
    margin-left: 40px;
    margin-top: 30px;
  }
  .call .call1 {
    width: 30px;
   float: right;
   margin-top: -40.8px;
   margin-right: 190px;
  
    
   
  }
  .number .no {
    color: white;
    font-size: 20px;
    font-weight: 700;
    float: right;
    margin-right: 40px;
    margin-top: -38.8px;
    font-family: "Montserrat";
    justify-content: center;
    text-align: center;
  }
  .text h1 {
   
    color: rgb(255, 255, 255);
    font-family: "Montserrat";
    font-size: 52px;
    font-weight: 900;
    display: flex;
    justify-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 90px;
    text-shadow: 5px 2px #222324, 2px 4px #222324, ;
  }

  /* html {
    height: 100%;
  } */
  .wordbody {
    display: flex;
    height: 100%;
    background-color: transparent;
    margin-top: -300px;
  }
  .word {
    font-family: "Montserrat";
    margin: auto;
    /* color:  rgb(239, 112, 39); */
    color: white;
 font-size: 40px;
    font-weight: 900;
    text-shadow: 5px 2px #222324, 2px 4px #222324, 3px 5px #222324;
    text-shadow: rgb(0, 0, 0) 2px 4px 9px;
    opacity: 0.9;
  }


  /* humburger  */


  .gif {
    display: inline;
    visibility: hidden;
    width: 10px;
    height: 10px;
  
    
  }
  .giff{
    visibility: hidden;
    display: inline;
  }
  .humburger .menubtn{
    visibility: hidden;
  }
  #menu_toggle{
visibility: hidden;
  }

  hr{
    visibility: hidden;
  }

  .menu_box a :hover{
    color: rgb(1, 1, 1);
    
   }
   a{
     list-style: none;
     text-decoration: none;
     text-decoration-line: none;

   }
   .menu_box   {
    text-align: center;
    justify-content: center;
    display: flex;

    gap: 1px;
    margin-top: 48px;
    font-family: "Montserrat";
    font-weight: 900;
    list-style: none;
    text-decoration: none;
    text-decoration-line: none;

  }
  .menu_item1 {
    color: white;
    background-color: rgb(239, 112, 39);
    list-style: none;
    text-decoration: none;
    color: white;
    width: 110px;
    border-top-left-radius: 10px;
    height: 30px;
   margin-top: 4px;
   position: relative;
 
  }
  .p1 {
 
    margin-left: 1px;
    margin-top: 4px;
    font-size: 16px;


  }
  /* ============================= */
  .menu_item2  {
    color: white;
    background-color: rgb(239, 112, 39);
    list-style: none;
    text-decoration: none;
    color: white;
    width: 160px;
    height: 30px;
    margin-top: 4px;
    position: relative;
  }
  .p2 {
    margin-left: 1px;
    margin-top: 4px;
    font-size: 16px;
    
  }
  /* ============================= */
  .menu_item3  {
    color: white;
    background-color: rgb(239, 112, 39);
    list-style: none;
    text-decoration: none;
    color: white;
    width: 140px;
    height: 30px;
    margin-top: 4px;
    position: relative;
  }
  .p3 {
    margin-left: 1px;
    margin-top: 4px;
    font-size: 16px;
    height: 25px;
  }
  /* ============================= */
  .menu_item4 {
    color: white;
    background-color: rgb(239, 112, 39);
    list-style: none;
    text-decoration: none;
    color: white;
    width: 50px;
    height: 30px;
    margin-top: 4px;
    position: relative;
  }
  .p4 {
    margin-left: 1px;
    margin-top: 4px;
    font-size: 16px;
    height: 25px;
  }
  /* ============================= */
  .menu_item5  {
    color: white;
    background-color: rgb(239, 112, 39);
    list-style: none;
    text-decoration: none;
    color: white;
    width: 150px;
    border-top-right-radius: 10px;
    height: 30px;
    margin-top: 4px;
    position: relative;
  }
  .p5 {
    margin-left: 1px;
    margin-top: 4px;
    font-size: 16px;
    height: 25px;
  }
 
   /* Add some basic styling for the search bar */
   .search-container {
    display: flex;
    justify-content: center;
    margin-top: 2px;
   
    
}

.search-bar {
  height:23px;
    width: 670px;
    /* max-width: 400px; */
    padding: 10px;
    border: 2px solid #fdf7f7;
border-top-left-radius:10px ;
border-bottom-left-radius:10px ;
    font-size: 16px;
}

.search-button {
    padding: 10px 20px;
    background-color:  rgb(255, 245, 245);
    color: #ffffff;
    border: none;
 
    border-top-right-radius:10px ;
    border-bottom-right-radius:10px ;
    cursor: pointer;
}
.btn{
    width: 20px;
    margin-left: 69.6%;
    margin-top: -28px;
  position: absolute;
  }

  .whatsapp{
    /* display: flex; */
    /* justify-content: end; */
    /* justify-items: end; */
    /* padding-right: 80px; */
    display: inline-block;
    position: absolute;
    margin-left: 90%;
    margin-top: 15%;
    animation-name: mymove;
    animation-duration: 3s;
    position: fixed;
    z-index: 7;

  }

  .whtsimg {
    height: 60px;
    width: 60px;
  }

  @keyframes mymove {
    0% {
      display: inline-block;
      position: absolute;
      margin-left: 100%;
      margin-top: 15%;
      animation-name: mymove;
      position: fixed;
      z-index: 7;
    }
    100%
     {
      display: inline-block;
      position: absolute;
      margin-left: 90%;
      margin-top: 15%;
      animation-name: mymove;
      position: fixed;
      z-index: 7;
    }
  }
  

  
/* 
  .x{
     position: fixed; 
  * background-size: contain;
    width: 60px;
    position: absolute; 
   animation-name: example;
    animation-duration:  2s;
    animation-direction: reverse;
    display: block;
    
    margin-top: 250px;
    z-index: 7;
   margin-left: 1550px; 
   position: fixed;  
  
  }
   @keyframes example {
    from {right: 0;}
    to {right: 60px;}
  } 
  .x {animation-timing-function: linear;}
   @keyframes example {
    0% {
      right: 200px;  Start off-screen to the left 
    }
    100% {
      right: 60px; End at 70px from the left 
    } */

  
  .middletext{
    color: black;
   margin-top: -240px;
display: flex;
 text-align: center;
 justify-content: center;

  }
 
 .text2{
  display: flex;
justify-items: center;
    position: relative;
color: black;
text-align: center;
justify-content: center;
font-size: 45px;
font-family: "Montserrat";
font-weight: 600;
margin-top: 300px;



  }


  .huma {
    white-space: 20px;
  border-image: space;
    display: flex;
    justify-content: center;
    justify-items: center;
    align-items: center;
    height: 200px;
       padding-left: 200px;
       padding-right: 200px;
        /* margin-left: 170px; */
     margin-top: 60px;
    /* background-color: aqua; */

    
      }
      .imgupertext{
        margin-top: -35px;
    
       
      }
    
      h3{
        
        margin-top: -30px;
       margin-left: 20px;
        color: white;
      align-items: center;
      justify-content: center;
      text-align: center;
        position: relative;
      background-color: rgba(56, 183, 183, 0);
      position: absolute;
      font-family: 'Raleway';
        font-weight: bolder;
      letter-spacing: 1px;
    
      }
      dd{
        position: relative;
        font-family: "Montserrat";
      font-size: 60px;
    margin-top: -90px;
    font-weight: 800;
        text-align: center;
        align-items: center;
        justify-content: center;
        color: rgb(255, 254, 254);
      background-image: linear-gradient(rgba(86, 85, 85, 0.129),  rgba(0, 0, 0, 0.775));
    font-size:20px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    height: 90px;
    
    
    
    } 
    .item1{
        margin-left: -1px;
         width: 260px;
      
       
       }
       .item2{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item3{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item4{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item5{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item6{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item7{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item8{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item9{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item10{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item11{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item12{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item13{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item14{
        margin-left: -1px;
         width: 260px;
        
       
       }
       .item15{
        margin-left: -1px;
         width: 260px;
        
       
       }

       .middletex3{
        color: black;
        margin-top: 50px;
      }
      .text3{
        display: flex;
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 42px;
    font-family: "Montserrat";
    font-weight: 600;
    margin-top: 50px;
    
      }
      .middletex4{
        color: black;
        margin-top: 30px;
      }
      .text4{
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 42px;
    font-family: "Montserrat";
    font-weight: 600;
    margin-top: 50px;
    
    
    
      }
      .middletex5{
        color: black;
    
      }
      .text5{
    color: black;
    text-align: center;
    justify-content: center;
    font-size: 42px;
    font-family: "Montserrat";
    font-weight: 600;
    margin-top: 40px;
    
    
      }
    
      /* start long slider */
      .mainslider{
        margin-top: 50px;
        background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
        
          }
            .slider {
         width: 100%;
         align-items: center;
         justify-content: center;
         text-align: center;
          overflow: hidden;
        padding-left: 200px;
        padding-right: 200px;
        
        }
        
        .slide {
          align-items: center;
          justify-content: center;
          text-align: center;
         display: none;
          width: 100%;
         
         
        }
        
        .slide img {
          align-items: center;
          justify-content: center;
          text-align: center;
          width: 100%;
         
        }
        
        .active {
          display: block;
        }

    

       
     
    




        .middletex6{
          color: black;
      
        }
        .text6{
      color: black;
      text-align: center;
      justify-content: center;
      font-size: 42px;
      font-family: "Montserrat";
      font-weight: 600;
      margin-top: 40px;
      
      
        }
    
    
        .footerlastfirst{
          font-family: "Montserrat";
          justify-content: center;
          text-align: center;
          margin-top: 30px;
          
        }
        .footercall{
        margin-left: -120px;
        margin-top: 20px;
        }
        .footerno{
          /* position: relative; */
          margin-left: 30px;
          margin-top: -29px;
          font-weight: 900;
        }


        /* formstart */
        
.mainformcontainer{

display: flex;

  height: 150px;
  margin-top: 50px;
  padding-left: 200px;
  padding-right: 200px;

}


.formcontainer1{
  
display: grid;
gap: 20px;
height: 190px;
width: 620px;
}
.formcontainer1 input{
  padding-left: 20px;
}


.formcontainer2 {
  margin-left: 20px;
  display: flex;

  height: 190px;
 
}
.formcontainer2 input{
  width: 600px;
  padding-left: 20px;
  
}


  

      
   

        /* end form */

     .mainfooter{
      display: flex;
      flex-wrap: wrap;
      background-size: contain;
    
     }

     .orangefooter{
      background-color: rgb(239, 112, 39);
      height: 500px;
      width: 100%;
      margin-top: 200px;

     }
     .mainwhitefooter{
      padding-left: 200px;
      padding-right: 200px;
     }
     .whitefooter{
      margin-top: -90px;
      background-color: white;
      width: 100%;
      height: 500px;
      box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.334);
     display: flex;
     }

     .firstdiv{
     /* background-color: darkgoldenrod;
     width: 36%; */
  
      
     }
     .ftlogo{
    
      padding-left: 30px;
      padding-top: 30px;
     }
     .ftlogoimg{
      width: 150px;
     }

     .footertext1{
  display: flex;
      padding-left: 30px;
      padding-top: 20px;
      width: auto;
     }
     .fttext1{
     
font-size: 25px;
font-family: "Montserrat";
font-weight: 900;

     }
     .footertext2{
      display: flex;
      padding-left: 30px;
   /* margin-top: 20px; */
   width: auto;
     }
     .input{
 width: 300px;

 height: 30px;
 border-radius: 5px;
padding-left: 20px;
 margin-top: 20px;
     }
     .footertext3{
      padding-left: 30px;
      padding-top: 20px;
     }

     .fttext3{
      font-size: 20px;
      font-family: "Montserrat";
font-weight: 900;
     }

     .seconddiv{
      /* background-color: palegreen;
      height: 500px;
      width: 400px; */
      
      
     }
     .ftsecondtext1{
      padding-top: 80px;
      padding-left: 60px;
     }
     .ftsecondptext{
      font-size: 25px;
      font-family: "Montserrat";
      font-weight: 900;
     }

     .ftsecondtext2{
      padding-top: 20px;
      padding-left: 60px;
     }
     .ftsecondptext1{
      font-family: "Montserrat";
      font-weight: 900;
      font-size: 18px;
     margin-top: 17px;
     }



     .ftthirdtext1{
      padding-top: 80px;
      padding-left: 60px;
     }
     .ftthirdptext{
      font-size: 25px;
      font-family: "Montserrat";
      font-weight: 900;
     }

     .ftthirdtext2{
      padding-top: 20px;
      padding-left: 60px;
     }
     .ftthirdptext1{
      font-family: "Montserrat";
      font-weight: 900;
      font-size: 18px;
     margin-top: 17px;
     }
.ftfourtext1{
  padding-top: 80px;
  padding-left: 60px;
}
.ftfourptext{
  font-size: 25px;
  font-family: "Montserrat";
  font-weight: 900;
}
.ftfourtext2{
  padding-top: 30px;
  padding-left: 60px;
}

    .imageicon1{
      width: 30px;
    }