:root {
    /* --easy-blue: #001dc4;
    --easy-light-blue: #0e56ff;
    --easy-green: #41e12e;
*/
    --shadow-color: 0deg 0% 63%;
    --shadow-elevation-low:
        0px 0.6px 0.7px hsl(var(--shadow-color) / 0.34),
        0px 1px 1.1px -1.2px hsl(var(--shadow-color) / 0.34),
        -0.1px 2.4px 2.7px -2.5px hsl(var(--shadow-color) / 0.34);
    --shadow-elevation-medium:
        0px 0.6px 0.7px hsl(var(--shadow-color) / 0.29),
        0px 1.6px 1.8px -0.6px hsl(var(--shadow-color) / 0.29),
        -0.1px 3.1px 3.5px -1.2px hsl(var(--shadow-color) / 0.29),
        -0.1px 6.3px 7.1px -1.9px hsl(var(--shadow-color) / 0.29),
        -0.3px 12.1px 13.6px -2.5px hsl(var(--shadow-color) / 0.29);
    --shadow-elevation-high:
        0px 0.6px 0.7px hsl(var(--shadow-color) / 0.27),
        -0.1px 2.9px 3.3px -0.3px hsl(var(--shadow-color) / 0.27),
        -0.1px 5.2px 5.9px -0.6px hsl(var(--shadow-color) / 0.27),
        -0.2px 7.8px 8.8px -0.8px hsl(var(--shadow-color) / 0.27),
        -0.2px 11.5px 12.9px -1.1px hsl(var(--shadow-color) / 0.27),
        -0.4px 16.5px 18.6px -1.4px hsl(var(--shadow-color) / 0.27),
        -0.5px 23.4px 26.3px -1.7px hsl(var(--shadow-color) / 0.27),
        -0.7px 32.8px 36.9px -1.9px hsl(var(--shadow-color) / 0.27),
        -1px 45.1px 50.7px -2.2px hsl(var(--shadow-color) / 0.27),
        -1.3px 60.7px 68.3px -2.5px hsl(var(--shadow-color) / 0.27); 

}


.bg-custom-overlay {
    position: relative;
    height: 25rem;
    z-index: 0;
}

.bg-custom-overlay::before {
    position: absolute;
    content: "";
    /* z-index: 2; */
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* background-color: rgba(255, 255, 255, 0.25); */
    border-radius: var(--bs-border-radius-lg) !important;
}

.hero-text {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.whatsappicon {
    fill: #25D366;
}

.phoneColor {
    fill: var(--easy-light-blue);
}

.asapButton {
    padding: .75rem;
    background-color: var(--bs-secondary-border-subtle);
    border-radius: 1.7rem;
    

}

[data-bs-theme=light] .asapButton {
    box-shadow: var(--shadow-elevation-medium);
}

.easy-blue {
    color: var(--easy-blue);
}
.easy-light-blue {
    color: var(--easy-light-blue);
}
.easy-green{
    color: var(--easy-green);
}

.iti {
    width: 100%;
}

.heroContainer {
    border-radius: var(--bs-border-radius-lg);
    height: 650px;
}

@media (max-width:600px) { 
    .reserveTabs li {
        width: 50%;
        
        
    }
    .reserveTabs a {
        height: 100%;
    }
   .heroContainer {
    border-radius: 0;
   }

   .bg-custom-overlay::before {
    border-radius: 0!important;
   }

   .heroContainer {
    border-radius: 0;
    height: 350px;
}

}

.bg-blur-per {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background-color: #ffffff74;
    padding: 1rem;
    border-radius: 20px;
}

.video-container {
    position: relative;
    width: 100%; /* Full width */
    height: 0; /* Collapse the div */
    padding-bottom: 100%;
    overflow: hidden;
    margin: auto 0;
}

.video-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



  .php-email-form {
    width: 100%;
    padding: 0 30px;
  }
  
    .php-email-form .error-message {
    display: none;
    color: #fff;
    background: #ed3c0d;
    text-align: left;
    padding: 15px;
    font-weight: 600;
  }
  
    .php-email-form .error-message br+br {
    margin-top: 25px;
  }
  
    .php-email-form .sent-message {
    display: none;
    color: #fff;
    background: #18d26e;
    text-align: center;
    padding: 15px;
    font-weight: 600;
  }
  
    .php-email-form .loading {
    display: none;
    background: #fff;
    text-align: center;
    padding: 15px;
  }
  
    .php-email-form .loading:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    margin: 0 10px -6px 0;
    border: 3px solid #18d26e;
    border-top-color: #eee;
    -webkit-animation: animate-loading 1s linear infinite;
    animation: animate-loading 1s linear infinite;
  }
  

  
 .touristBoards img {
    width: 125px;
    /* filter: grayscale(); */
 }

 [data-bs-theme=dark] .touristBoards img {
    filter: grayscale() invert();
 }

 .nav-link.asap {
    
    background-color: #0228fb!important;
    color: white;
}


.nav-link.asap.active {
    background-color: #001dc4!important;
    color: white;
}

.nav-link.later {
    background-color: #41e12e!important;
    color: #0228fb;
}
.nav-link.later.active {
    background-color: #5ffa4d!important;
    color: #0228fb;
}


#cities-grid .card-body p {
    text-align: justify!important;
    hyphens: auto;
    padding-top: 1rem;
    line-height: 1.4;
}