@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');



li{
  font-family: 'Roboto', sans-serif;
}

a{
  font-family: 'Roboto', sans-serif;
}

.footer-upper-img{
  background-image: url(image/Fotter.png);
 width: 100%;
 height: 100%;


 background-color: transparent;

}
footer{
  background-image:linear-gradient(300deg, #08182f 30%, #1f878c 75%, #163a3a 90%);
  font-family: 'Roboto', sans-serif;
   padding-top: 7px;
 padding-bottom: 7px;
}
/* / Footer First Section Start / */
.footerContainer{
display: flex;

margin:0 4%;
padding-top: 3%;
padding-bottom: 3rem;


}
.footerContainer .footerAbout{
width: 25%;

}
.footerlogo{
margin-bottom: .8rem;

}
.footerlogo img{
  height: 70px;
  /*width: 150px;*/


}
.footerContainer .footerAbout .footerContent p{
font-size: .8rem;
color: #ffffff;
text-align: justify;
}
.footerContainer .footerAbout .footerContent ul{
margin-top: 1rem;
text-align: left;

}
.footerContainer .footerAbout .footerContent ul li{
display: inline;
}
.footerContainer .footerAbout .footerContent ul li a i{
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
transition: 1s;
color: #ffffff;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
.footerContainer .footerAbout .footerContent ul li a i:hover{
transform: scale(1.2);

}

.footerContainer .footerSecoundContainer{
  margin-left: 2rem;
  width: 100%;
}
.footerContainer .footerSecoundContainer .footerServiceBtn li{
display: inline;
padding: .8rem;
cursor: pointer;
transition: .5s;
list-style: none;
box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
/*.footerContainer .footerSecoundContainer {*/
/*background-color: #e9e9e9;*/
/*}*/
/*.footerContainer .footerSecoundContainer{*/
/*background-color: #001730;*/
/*color: #ffffff;*/
/*}*/
/*.footerContainer .footerSecoundContainer {*/
/*background-color: #001730;*/
/*color: #ffffff;*/
/*}*/
 
#F_list2{
  background-color: #ffffff;
  color: #001730;
  
 }

 .footerLuxList {
  /* margin-top: 2.3rem;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 11px;
  justify-content: space-between;
  width: 75%; */

  margin-top: 2.3rem;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  }
    
  .footerLuxList li {
  grid-column: span 1;
  list-style: none;
  margin-right: 20px;
  margin-top: 20px;
  }
  
  .footerLuxList li a{
  color: #fff;
  font-size: 0.8rem;
  text-decoration: none;
  
  
  }
  .footerLuxList li a i{
  margin-right: 8px;
  font-size: .7rem;
  }
  
  .footerSaList{
  margin-top: 2.3rem;
  display: none;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 11px;
  }
  .footerSaList li {
  grid-column: span 1;
  list-style: none;
 
  }
  
  .footerSaList li a{
  width: 32px;
  height: 32px;
  color: #ffffff;
  text-decoration: none;
  font-size: .8rem;
  }
  .footerSaList li a i{
  margin-right: 8px;
  font-size: .7rem;
  }
  
  
  .footerFaList{
    margin-top: 2.3rem;
    display: none;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 11px;
    }
    .footerFaList li {
    grid-column: span 1;
    list-style: none;
   
    }
    
    .footerFaList li a{
    width: 32px;
    height: 32px;
    color: #ffffff;
    text-decoration: none;
    font-size: .8rem;
    }
    .footerFaList li a i{
    margin-right: 8px;
    font-size: .7rem;
    }
  


 /* .footer-upper {
  display: flex;
  justify-content: space-between;
  
  
  
  } */
  
  .footer-lower{
    display: flex;
    margin:0 5%;
    text-align: left !important;
  }
  

  
  footer ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 150%;
  color: #ffffff;
  
  }
  
  
  footer a {
  
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  
  }
  footer a:hover{
  color:#c1c1c1;
  }
  
  footer h3{
  /* font-weight: bold; */
  font-size: 1.3rem;
  color: #ffffff;
  letter-spacing: 1px;
  margin-bottom: 0.7rem;
  /* #99258b */
  }
  
  .footer-links{
    width: 25%;
      align-items: center;
      margin-bottom: 1rem;
      margin-right: 1rem;
     
  }
  
  .footer-support {
      width: 20%;
      align-items: center;
      margin-left: 1rem;
      margin-right: 1rem;
      margin-bottom: 1rem;
      
      
  }
  .footer-contact{
      min-width: 20%;
      align-items: center;
      margin-left: 1rem;
      margin-right: 1rem;
      margin-bottom: 1rem;
      
      
  }
  .footer-contact li i{
margin-right:5px;
  }
  
  .footer-add {
  width: 20%;
  display: flex;
  flex-direction: column;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-bottom: 1rem;
  
  
  
  
  
  }
  .footer-follow{
  margin-top: 20px;
  margin-bottom: 20px;
  }
  
  .footer-icons {
  display: flex;
  margin-top: 10px;
  
  }
  
  .footer-icons i {
  margin-right: 20px;
  color: white;
  }
  
  .footer-icons i:hover {
      opacity: 0.5;
      transition: 1s;
      transform: scale(2);
  
  }
  
  
  
  .popular-destination{
  display: flex;
  justify-content: space-between;
  margin-top:20px ;
  }
  
  
  .copyright{
  text-align: center;
  padding: .5rem;
  color: #7c7b7b;
  border-top: 1px solid #ffffff ;
  }
  
  .copyright p{
  color: #fff;
font-size: .8rem;
  }
  
  
  
  
  @media (max-width:1252px ) {
  
    .extra-destination a {
      font-size: 11px;
    }
  
  
    .extra-destination h2{
      letter-spacing: 0px;
    word-spacing: 0px;
    font-size: 1.4rem;
    }
  
    footer{
      padding-left: 7%;
  padding-right: 7%;
    }
   
  }
  
  
  
  
  @media (max-width:1118px ) {
  
    .extra-destination{
      display: none;
    }
    
    footer{
      padding-left: 3%;
  padding-right: 3%;
    }
  
    #footer-email{
      word-wrap: break-word;
    }
  
   
  }

  @media(max-width:950px)
{
  
    .footerContainer{
    display: block;
    }
    .footerContainer .footerAbout{
    width: 50%;
    margin: auto;
    text-align: center;
    }
    .footerContainer .footerSecoundContainer{
    width: 100%;
    margin-top: 2rem;
    margin-left: 0;
    }

    .footerContainer .footerAbout .footerContent p{
      text-align: center;
    }

   
}
  
  @media (max-width:805px ) {
    .footer-upper {
      display: block;
      margin: auto;
    }
  
    .footer-logo {
      margin: auto !important;
      width: 100%;
      text-align: center;
      
    }
  
    .footer-logo img{
      height: 120px;
      width: 150px;
      }
  
      .footer-support , .footer-contact ,.footer-add ,.footer-links {
       
        text-align: center;
      }
      
  
      .footer-icons{
        justify-content: center;
        
        padding-left: 10px;
      }
  
  
    .footer-lower{
      justify-content: center;
    }
    .footer-links{
      margin-right: 0.5rem;
    }
  
    .footer-support  {
      margin-right: 0.5rem;
    }
    .footer-contact  {
      margin-right: 0.5rem;
    }
  
    .footer-add {
      margin-right: 0.5rem;
    }
  }
  

  @media (max-width: 750px ) {
    .footerSecoundContainer{
      display: none;
    }

  }
  
  @media (max-width: 595px ) {
  
    .footer-lower{
      flex-wrap: wrap;
      }
    
      .footer-support , .footer-contact ,.footer-add, .footer-links{
       width: 40%;     
       text-align: center;
       margin-bottom: 2rem;
       margin-left: 0.5rem;
       margin-right: 0.5rem;
       
      }

      .footerContainer .footerAbout{
        width: 100%;
       
        
        }

        .footerlogo img{
          margin: auto;
          display: block;
          
          }
         
          .footerContainer .footerAbout .footerContent p{
         text-align: center;
         
          }
          .footerContainer .footerAbout .footerContent ul{
          margin-top: 1rem;
          text-align: center;
          
          }

      /* .footerSecoundContainer{
        display: none;
      }
   */
  
  
  
  
  }
  
  @media (max-width:495px ) {
    .copyright p{
      font-size: 12px;
    }
    .footer-logo img{
      display: block;
      max-width: 99%;
      margin: auto;
     }
       .footer-support , .footer-contact ,.footer-add ,.footer-links{
         margin: auto;
        width: 100%;
        text-align: center;
        margin-top: 1rem;
  
        
       }
    }
  
    @media (max-width:400px ) {
      .footer-lower{
        display: block;
        
       }
     
      
    }
  
    @media (max-width:370px ) {
      .copyright p{
        font-size: 10px;
      }
  
      footer a {
      font-size: 12px;
      }
    
      .footer-contact{
        min-width: 30%;
      }
    
    }