@font-face {
    font-family: 'Marcellus SC';
    src: url('../Fonts/Marcellus_SC/MarcellusSC-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
} 
body{
  font-family: 'Poppins', sans-serif !important;
  font-weight: 400 !important;
}
.logo_color{
  color:  #EA902F; 
}
.second_color{
  color:  #1A4670;
}
.bg_secandary{
     background-color:  #1A4670 !important;
    color: white !important; 
}
.navbar-toggler{
  background-color: #EA902F !important;
}
.btn_style ,.top-bar ,.YearsofExperience ,.bg_primary ,.bg_secandary:hover{
  background-color: #EA902F  !important;
  color: white !important;
}
.btn_style:hover ,.bgSecandary{
    background-color:  #1A4670 !important;
    color: white !important;
}
.top-bar ul li a{
color: white !important;
}
.flag-icon {
  width: 2rem;   
  height: auto;
}
.title_section{
font-size: 2.5rem !important;
  font-family: 'Marcellus SC', serif !important;

font-weight: 400;
}
.title_p{
  font-size: 1.2rem !important;
}
.Services-link {
  text-decoration: none;   
  color: inherit;   
  cursor: pointer;  
}
.FreeExcursionnavlink li {
  cursor: pointer !important;
}
.range-wrapper {
  position: relative;
}
.range-value {
  position: absolute;
  top: 0px;
  background: #0d6efd;
  color: #fff;
padding: 0.125rem 0.5rem;
border-radius: 0.375rem;
font-size: 0.875rem;
  transform: translateX(-50%);
  white-space: nowrap;
}
.firstnavbar .dropdown-toggle,.firstnavbar .dropdown-toggle   {
  position: relative;
      z-index: 9999999999 !important;
}
 .navbar-brand img{
  background-color: white;
  border-radius: 50%;
}
.dropdown-menu{
  background-color: #3694aa   !important;
}
.dropdown-menu li a:hover {
  background-color: #3694aa   !important;
  color: white !important;
}
.Imapct h2{
    font-family: 'Marcellus SC', serif !important;
font-weight: 400 !important;
}
.top-bar{
      font-family: 'Marcellus SC', serif !important;
font-weight: 400 !important;
}
.language_btn_mobile{
  display: contents;
  justify-content: center;
  align-items: center;
}
.navbar{
    font-family: 'Marcellus SC', serif !important;
font-weight: 400 !important;
font-size: 1.2rem !important;
background-color:  #3694aa  !important;
color: #EA902F !important;
white-space: nowrap;
}
.nav-item a {
  color:  white!important;
}
    .navbar-nav .nav-link.active {
      color: white  !important; 
}
.navbar-nav .nav-link:hover ,.dropdown-menu li a:hover{
      color: #1A4670  !important;
}
.footer .navbar-nav .nav-link:hover{
  color: #EA902F !important;
}
.search-box {
  display: flex;
  align-items: center;
 border: 0.0625rem solid #ccc;
border-radius: 3.125rem;
  overflow: hidden;
  height: 3rem;
  width: 50%;
}
.search-input {
  flex: 1;
  border: none;
padding: 0 1.25rem;
font-size: 1rem;
  outline: none;
  height: 100%;
}
.search-button {
  border: none;
padding: 0 1.5625rem;
  height: 100%;
  border-radius: 0;
  cursor: pointer;
  font-size:1rem;
}
.chat-float-container {
  position: fixed;
  bottom: 1.875rem;
  right: 1.875rem;
  z-index: 5555;
  display: flex;
  flex-direction: column-reverse;
  align-items: flex-end;
  gap: 0.9375rem;
}
.wa-btn-popup {
  position: relative;
  width: 3.5rem;  
  height: 3.5rem; 
  cursor: pointer;
  border-radius: 50%;
  background-color: #2db742;
  box-shadow: 0 0.375rem 0.5rem 0.125rem rgba(0,0,0,0.14); 
  transition: all 0.3s;
}
.wa-btn-popup:hover {
  background-color: #28a337;
}
.wa-icon {
  font-size: 1.875rem; 
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.wa-close-icon {
  font-size: 1.5rem; 
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
  transition: 0.4s;
}
.wa-btn-popup.active .wa-icon {
  transform: translate(-50%, -50%) scale(0);
  opacity: 0;
}
.wa-btn-popup.active .wa-close-icon {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}
.wa-popup-chat-box {
  position: absolute;
  bottom: 4.375rem; 
  right: 1.875rem;  
  width: 30rem;    
  height: 13rem; 
  background: #fff;
  border-radius: 0.5rem;
  box-shadow: 0 0.375rem 1.25rem rgba(0,0,0,0.3); 
  overflow: hidden;
  display: none;
  flex-direction: column;
  z-index: 5550;
}
.wa-popup-heading {
  background: #2db742;
  color: #fff;
  padding: 0.9375rem; 
  font-weight: bold;
  font-size: 1.125rem; 
}
.wa-popup-content {
  padding: 0.9375rem; 
  flex: 1;
  overflow-y: auto;
}
.wa-popup-content-list {
  display: flex;
  flex-direction: column;
  gap: 0.625rem; 
}
.wa-popup-content-item a {
  display: flex;
  align-items: center;
  gap: 0.75rem; 
  text-decoration: none;
  color: #43474e;
  font-size: 1rem;
}
.wa-popup-content-item i {
  color: #2db742;
  font-size: 1.5625rem; 
}
.wa-popup-avatar {
  width: 2.5rem;
  height: 2.5rem;
  background: #2db742;
  border-radius: 50%;
}
.margin_top_section{
  margin-top: 7rem !important;
}
.wa-btn-popup {
  position: relative;
  width: 3.5rem;  
  height: 3.5rem; 
  cursor: pointer;
  border-radius: 50%;
  background-color: #2db742;
  box-shadow: 0 0.375rem 0.5rem 0.125rem rgba(0,0,0,0.14); 
  transition: all 0.3s;
}
.wa-btn-popup:hover {
  background-color: #28a337;
}
.wa-icon {
  font-size: 1.875rem; 
  color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.4s;
}
.footer{
  background-repeat: no-repeat !important;
  position: relative;
  background-size: cover;
  background-position: 0% 50%;
  color: white !important; 
  z-index: 5;
}
.footer{
    font-family: 'Marcellus SC', serif !important;
font-weight: 400 !important;
}
.social-links {
  display: flex;
  margin-top: 1.25rem;
}
.top-bar .social-links {
  margin-top: 0 !important;
}
.social-links a {
  width: 2.50rem;
  height: 2.50rem;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
.CONTACT_US .social-links a:hover , .top-bar .social-links a:hover {
  color: white;
  border: 1px solid white;
}
.footer .social-links a:hover ,.social-links a:hover {
transform: translateY(-0.1875rem);
  color: white;
}
.footer::before{
  position: absolute;
top: 0;
left: 0;
background-color: rgba(0, 0, 0,.7);
content: "";
width: 100%;
height: 100%;
}
.Copyright {
background-color:  #3694aa !important;
color: white;
}
.page_Header_Trips{
    width: 99vw;
  height: 50vh;
  background-size: cover;
  background-position: 50% 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  overflow: hidden;
  color: white !important;
}
.dropdown-menu {
  transition: all 0.3s ease;
}
.form-control:focus~label{
  border: none !important;
  box-shadow: none;
  border-radius: 0%;

}
.image_About {
  border-radius: 0.9375rem;
  object-fit: cover;
  display: block;
}
.main-img {
  width: 100%;
  height: 80%; 
}
.small-img {
  position: absolute;
  width: 45%;
  height: auto;
  bottom: 0;
  right: 1.9%;
  border: 2px solid white; 
  box-shadow: 0 0.25rem 0.5rem rgba(0,0,0,0.2);
}
.AboutUs p {
font-size: 1.5rem;
}
.free-services-section .service-card {
  transition: transform 4s ease-in-out;
  position: relative;
  overflow: hidden !important;
}
.free-services-section .service-card:hover img{
  transform: scale(1.3) rotate(2deg) !important;
}
.free-services-section .service-card {
  transition: transform 4s ease-in-out;
  position: relative;
  overflow: hidden !important;
}
.free-services-section .service-card:hover img{
  transform: scale(1.3) rotate(2deg) !important;
}
.free-services-section .service-card {
  min-height: 20rem;
  max-height: 20rem;
}
.free-services-section .service-card img {
  min-height: 15rem;
  max-height: 15rem;
  width: 100%;
  object-fit: cover;
}
.service-img {
  width: 100%;
  height: 30vh;
  object-fit: cover;
  transition: transform 4s ease-in-out;
  display: block;
  border-radius: 2rem;
}
.Services-link:hover .service-img {
  transform: scale(2);
}
.Services-link {
  position: relative;
  overflow: hidden;
  border-radius: 5px;
}
.Services-link:hover .servicesparent::before{

  border-radius: 0 !important;
}
.service-text {
  position: absolute;
  bottom: 10px;
  left: 15px;
  color: white;
  font-size: 2rem;
  z-index:9999999;
  text-shadow: 0 2px 5px rgba(0,0,0,0.5);
    border-radius: 2rem;

}
.service-excursion{
  position: absolute;
  top: 10px !important;
  right: 15px !important;
   color: white;
  font-size: 2rem;
  z-index:9999999;
  text-shadow: 0 2px 5px rgba(0,0,0,0.5);
  width: fit-content; 
  border-radius: 2rem;
}
.Services-link img{
  position: relative;

}
.servicesparent::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.4);
  pointer-events: none; 
  z-index: 5;
  border-radius: 2rem;
      transition: border-radius 4s ease-in-out;

}
@media (max-width: 344px) and (max-height: 882px) {
    .nav-item.hoverable.active > .nav-link::after {
        transform: rotate(180deg);
    }
    .top-bar ul{
     
  justify-content: center !important;
  align-items: center !important;
}
 .Services{
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  grid-template-rows: repeat(4, 1fr);  
}
.Services-link:nth-child(4){
   grid-column: 4;
}
.Services p{
font-size: 2rem;
}

}
@media (min-width: 768px) and (max-width: 1024px) {
     #heroCarousel .carousel-item img {
      height: 70vh!important;
    }
    .imgpay {
      display: flex;
    }
    .top-bar {
      flex-direction: column !important;
      justify-content: center;
    }
    .top-bar h2{
  width: 100% !important;
  text-align: center;
}
.top-bar .nav-item {
  margin: auto !important;
}
    .search-box {

  width: 80%;
}
      .Thingstodosection .card-title {

  overflow: hidden;
  min-height: 7rem !important;    
    max-height: 7rem !important;       
   
}  
  .parent-product img {
    height: 10rem ;
    object-fit: cover;
  }


.footer .container .col-md-3{
  width: 95%;
  margin: auto !important;
}
.footer ul li   {
    padding-left: 1rem !important;
}
.Copyright .col-md-6{
  padding-right: 1.8rem !important;
  padding-left: 1.8rem !important;
}  
  .services .col-md-4{
    width: 80%;
    margin: auto;
  }
}
@media (max-width: 576px) {
  .top-bar h2 , .top-bar ul li {
    padding-top: .01rem !important;
    padding-bottom: .01rem !important;
    margin: 0 !important;
  }
  .top-bar ul .phones{
    font-size: .9rem !important;
  }
  .wa-popup-heading {
  font-size: 1rem;
}
  .wa-popup-chat-box {
  right: -1.3rem;  
  width: 21rem;    
  height: 13.5rem; 
  }
    .wa-btn-popup {
    width: 3rem;    
    height: 3rem;   
  }

  .wa-icon {
    font-size: 1.5rem; 
  }

  .wa-close-icon {
    font-size: 1.25rem; 
  }

     #heroCarousel .carousel-item img {
      height: 70vh!important;
    }
  .title_section{
  font-size: 2rem !important;
}
    .carousel-caption .title_section {
      font-size: 1.6rem !important;
    }
.top-bar ul{
  justify-content: center !important;
  align-items: center !important;
flex-direction: row !important;
}

.search-box {
  width: 100%;
}
.search-input {
  padding: 0 0.3125rem;
  width: 10rem;
}

}
@media (min-width: 992px) {

.language_btn {
  display: flex;
  align-items: center;
  gap: 6px;
  white-space: nowrap;
}

.nav-item.dropdown:hover > .dropdown-menu {
  display: block;
  margin-top: 0;
}

.language_btn::after {
  display: none;
}

.language_btn svg,
.dropdown-item svg {
  width: 20px;
  height: auto;
  display: block;
}

.nav-link:hover,
.dropdown-item:hover {
  background-color: transparent;
}
}
@media (min-width: 1024px) and (max-width: 1366px) {
.navbar{
    font-size: .95rem !important;
}
.top-bar {
  flex-direction: column !important;
}
}
@media (min-width: 1024px) and (max-width: 1024px){
  .navbar{
    font-size: .69rem !important;
  }
}
@media (min-width: 577px) and (max-width: 766px){
.servicesparent img{
  height: 50vh;
}
}


a.text-white {
  text-decoration: none !important;
}