/*
Theme Name: Air Ticket Booking Pro
Description: Air Ticket Booking Pro WordPress Theme is the perfect choice for building Landing Page Pro website. This theme is packed with features designed to help you promote your business and attract new customers. With its clean and modern design, the Landing Page Pro WordPress Theme will make a lasting impression on your visitors. The WordPress Landing Page Pro theme can be used for any website. It’s a sleek, minimalist, contemporary theme that incorporates the latest technology. The industrial theme features an elegant and chic design that will help your site stand out among the rest of your competitors.
Author: wpelemento
Theme URI: https://preview.wpelemento.com/medical-store/
Author URI: https://www.wpelemento.com/
Version: 0.0.1
Tested up to: 6.0.3
Requires PHP: 7.4
Text Domain: air-ticket-booking-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: education, portfolio, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Elementor Wptheme WordPress Theme has been created by wpelemento(https://www.wpelemento.com), 2023.
Elementor Wptheme WordPress Theme is released under the terms of GNU GPL
*/

@import url('https://fonts.googleapis.com/css2?family=Open Sans:ital,wght@0,100..900;1,100..900&display=swap');

html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
  font-family: "Open Sans", sans-serif;
}
html {
  overflow-x: hidden;
}
.bkr_container {
  max-width: 1350px;
  width: 100%;
  padding-left:20px;
  padding-right: 20px;
  margin: 0 auto;
}
h1,h2,h3,h4,h5,h6 {
	font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
p {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
a {
  text-decoration: none;
}
ul, ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
img {
  max-width: 100% !important;
}
.spinner {
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 2px solid rgba(255,255,255,0.3);
    border-radius: 50%;
    border-top-color: #fff;
    /* animation: spin 1s linear infinite; */
    margin-right: 8px;
}




/* preloader */
.spinner-loading-box {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 999999;
  background: #D9D9D9;
  justify-content: center;
  align-items: center;
  display: flex;
}
.spinner-loading-box img {
  max-width: 200px !important;
}
.spinner-loading-box img, .ets-theme-header-section :is(.ets-topabr-address, .ets-topabr-email) li {
  width: 100%;
}
.demo {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  justify-content: center;
  align-items: center;
  display: flex;
}

/* HTML: <div class="loader"></div> */
/* .loader {
  width: 70px;
  aspect-ratio: 4;
  --_g: no-repeat radial-gradient(circle closest-side,#000 90%,#0000);
  background: 
    var(--_g) 0%   50%,
    var(--_g) 50%  50%,
    var(--_g) 100% 50%;
  background-size: calc(100%/3) 100%;
  animation: l7 1s infinite linear;
}
@keyframes l7 {
    33%{background-size:calc(100%/3) 0%  ,calc(100%/3) 100%,calc(100%/3) 100%}
    50%{background-size:calc(100%/3) 100%,calc(100%/3) 0%  ,calc(100%/3) 100%}
    66%{background-size:calc(100%/3) 100%,calc(100%/3) 100%,calc(100%/3) 0%  }
} */










/* @media only screen and (min-width: 1025px) {
  .sticky-header {
    position: fixed;
    width: 100%;
    z-index: 99999 !important;
    top: 0;
    left: 0;
    right: 0;
    padding: 4px 10px;
    animation: slideDown 0.75s ease-out;
    background-color: #8D5E2F;
    box-shadow: 0px 2px 6px #CCBABAF2;
  }

  @keyframes slideDown {
    0% { transform: translateY(-100%); }
    100% { transform: translateY(0); }
  }

  .sticky-header .top-header-row1 {
    display: none;
  }
} */


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    /* .pp-counter-number-wrap {
        font-size: 20px !important;
    } */

    .newsmail #your-email{
      width: 170px !important;
    }


    .memberss .pp-slider-arrow {
      display: none;
    }

    .serviceecatt .swiper-button{
      display: none;
    }

    #landing-services .pp-slider-arrow{
      display: none;
    }

    #hero-section{
      min-height: 920px !important;
    }

    .upk-title{
      width: 280px !important;
    }

    .upk-ramble-grid .upk-image-wrap:before{
      left: 10px !important;
    }

    #case-study-section .upk-text{
        display: -webkit-box;
        -webkit-line-clamp: 2; /* change number of lines */
        -webkit-box-orient: vertical;
        overflow: hidden;
    }


}



@media only screen and (max-width: 425px) {
    .pp-counter-icon img {
        width: 100px;
        max-width: 200px !important;
    }
}


@media only screen and (width: 425px) {
    .appointment-form label{
      display: inline-flex !important;
      gap: 0px !important;
      font-size: 15px;
    }

    .appointment-form input,
    .appointment-form select,
    .appointment-form textarea{
      font-size: 10px !important;
    }

    .hero-dash img{
    width: 90px !important;
  }

  .hero-dash{
    margin-top: -50px !important;
  }
}


@media only screen and (width: 375px) {
    .appointment-form label{
      display: inline-flex !important;
      gap: 0px !important;
      font-size: 12px;
    }

    .appointment-form input,
    .appointment-form select,
    .appointment-form textarea{
      font-size: 10px !important;
    }

        .hero-dash img{
    width: 90px !important;
  }

  .hero-sec {
    min-height: 730px;
  }

  .hero-dash{
    margin-top: -50px !important;
  }
}


@media only screen and (width: 320px) {
    .appointment-form label{
      display: inline-flex !important;
      gap: 0px !important;
      font-size: 9px;
    }

    .appointment-form input,
    .appointment-form select,
    .appointment-form textarea{
      font-size: 10px !important;
    }

    .newsmail #your-email{
      width: 280px !important;    
    }

    .gallery-section #gallery-1 .gallery-item:nth-child(2) {
      height: 270px !important;
    }

    .hero-sec {
    min-height: 800px;
    }

        .hero-dash img{
    width: 90px !important;
  }

  .hero-dash{
    margin-top: -50px !important;
  }
}






body:not(.home) .main-header{
  background: #8D5E2F; 
}




#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #458FB3;
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999;
  cursor: pointer;
}



/*============================= Moving Image Start =========================*/

@keyframes floating {
  from {
    transform: translate(0, 0px);
  }
  65% {
    transform: translate(0, 15px);
  }
  to {
    transform: translate(0, -0px);
  }
}
.top-light img {
  transform: translate(84px, 10px);
  animation-name: floating;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

/*============================= Moving Image End =========================*/
body .wp-block-group.is-vertical {
  flex-direction: column;
  margin-top: 200px !important;
}
/*=============== Elementor Page ===============*/

/* .elementor.elementor-48{
margin-top: 200px !important;

} */
.inner-banner {
  height: 300px !important;
  margin-top: 200px;
}
.banner-img-main-box{
  height: 300px;
}

/*=============== Top Hero section ===============*/
.wbtm_input_start_end_location{
  display: flex !important;
  width: 100% !important;
}

.wbtm_input_fields_holder{
  display: flex;
  flex-direction: column;
}

.wbtm_input_start_end_date {
  display: flex !important;
  width: 100% !important;
  margin-top: 30px;
}

.wbtm_search_area .marker input, .wbtm_search_area .calendar input {
    padding-left: 10px !important;
}  

.wbtm_style{
  padding: 10px !important;
}

.wbtm_style .wbtm_search_area{
  box-shadow: unset !important;
  margin-bottom: 0px !important;
}

.herogal {
    position: absolute;
    bottom: 22%;
    left: 34%;
}


.ui-datepicker-header {
    background: #458FB3 !important;
    border: #458FB3 !important;
}


.ui-state-default{
	color: #458FB3 !important;
}

#ui-datepicker-div{
	border: #458FB3 !important;
}

#ui-datepicker-div .ui-state-default:hover{
	background:  lightgray !important;
}

@media screen and (width: 1366px) {
    .blog-main .pp-post-meta .pp-meta-separator:not(:last-child) {
        margin: 0px 10px !important;
    }

	
	   .hero-sec .wbtm_style {
        width: 500px !important;
    }
}

.wbtm_return_date svg {
    left: 150px !important;
}

.footer-co .elementor-icon svg{
   width: 30px;
}

.wbtm_dropping_point svg {
    left: 20px;
}

.calendar svg{
	left: 94px;
}









.tours-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px;
    width: 100%;
}

/* Tablet */
@media (max-width: 1024px) {
    .tours-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile */
@media (max-width: 640px) {
    .tours-grid {
        grid-template-columns: 1fr !important;
    }
}


.tour-card {
    border-radius: 18px;
    overflow: hidden;
    background: #000;
    position: relative;
}

.tour-card-link {
    text-decoration: none;
    color: #fff;
    display: block;
    height: 100%;
}

.tour-image {
    position: relative;
    height: 600px;
}

.tour-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-image::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0,0,0,0) 40%, rgba(0,0,0,0.8));
}

.tour-arrow {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 40px !important;
    height: 40px !important;
    background: #fff;
    color: #000;
    border-radius: 50%;
    font-size: 18px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.tour-content {
    position: absolute;
    bottom: 0;
    padding: 20px;
    z-index: 2;
}

.tour-location {
    font-size: 13px;
    opacity: 0.85;
    display: flex;
    align-items: center;
    gap: 6px;
}

.tour-title {
    font-size: 20px;
    margin: 8px 0 12px;
    font-weight: 600;
}

.tour-meta {
    display: flex;
    gap: 18px;
    font-size: 13px;
    opacity: 0.85;
}

.tour-meta span {
    display: flex;
    align-items: center;
    gap: 6px;
}

.tour-arrow{
  color: #000 !important;
}


.tour-card:hover .tour-arrow {
    background: #458FB3;
    color: white !important;
}


/* Tours grid icon color */
.tours-grid .dashicons {
    color: #458FB3;
}



.single-tour .mb-4 img{
    width: 100%;
    height: 400px;
    object-fit: cover;

}

.single-tour .col-lg-2{
    background: #458FB3;
    height: fit-content;
    padding: 30px;
    border-radius: 25px;
}

.single-tour li a{
  color: #fff;
}

.single-tour .mb-4 .text-center{
  margin-top: 100px;
}

.single-tour .border {
    overflow: hidden;
}

.single-tour .border img {
   width: -webkit-fill-available;
   height: revert-layer;
   object-fit: cover;
}

.single-tour .border h5 a{
  color: black;
}

.single-tour .tour-meta-details li {
    margin-bottom: 20px !important;
}

.single-tour .border img:hover {
    transform: scale(1.1);
    transition: 0.5s ease-in;
}


/* Base menu item */
.elementskit-navbar-nav > li {
    position: relative;
}

/* Underline */
.elementskit-navbar-nav > li::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -20px;
    width: 0;
    height: 4px;          /* underline thickness */
    background-color: #458FB3; /* change color as needed */
    transition: width 0.3s ease;
}

/* Hover underline */
.elementskit-navbar-nav > li:hover::after {
    width: 100%;
}

/* Active menu item underline */
.elementskit-navbar-nav > li.current-menu-item::after,
.elementskit-navbar-nav > li.current-menu-ancestor::after {
    width: 100%;
}




.newsletter-form {
    display: flex;
    align-items: baseline;
    gap: 20px;
    width: 100%;
}

/* Heading */
.newsletter-heading h3 {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    white-space: nowrap;
    color: white;
}

/* Input + button wrapper */
.cf7-input-button {
    position: relative;
    flex: 1;
}

.cf7-input-button input[type="email"] {
    width: 100%;
    height: 48px;
    padding-right: 120px;
    box-sizing: border-box; 
    background-color: gray;
    border-radius: 50px;
    border: none;
    
}

.cf7-input-button input[type="submit"] {
    position: absolute;
    top: 4px;
    right: 4px;
    height: 40px;
    padding: 0 20px;
    border: none;
    background-color: #fff;
    color: #000;
    cursor: pointer;
    border-radius: 50px;
}


.cf7-input-button input[type="email"]::placeholder{
  color: white;
  padding-left: 20px;
}

.cont-foot .pp-info-list-description:hover{
    color: #458FB3;
}


.choose-up .elementor-icon-list-item{
    display: flex !important;
    flex-direction: row-reverse;
    gap: 50px;
    justify-content: space-between !important;
}

.choose-col .elementor-widget-image{
  background: lightgray;
    width: fit-content;
    padding: 20px;
    border-radius: 50px;
    display: flex;
    align-items: center;
}



/* Main wrapper */
.choose-main {
    counter-reset: choose-counter;
}

/* Each column */
.choose-col {
    position: relative;
    counter-increment: choose-counter;
}

/* Counter number */
.choose-col::before {
    content: counter(choose-counter, decimal-leading-zero);
    position: absolute;
    top: 40px;
    right: 0;
    left: 70%;

    font-family: 'Quicksand', sans-serif;;      /* exact same font */
    font-size: 100px;           /* match your design */
    font-weight: 700;
    line-height: 1;

    color: transparent;
    -webkit-text-stroke: 1px #bcbcbc;
    text-stroke: 1px #bcbcbc;

    opacity: 0.8;
    pointer-events: none;
}



.choose-col:hover .elementor-widget-image {
    filter: invert(1);
}

.choose-col:hover {
    background: #458FB3;
    border-color: #458FB3;
}


.choose-col:hover .elementor-heading-title {
    color: white !important;
}

.choose-col:hover::before {
    -webkit-text-stroke: 1px #ffffff;
    text-stroke: 1px #ffffff;
    opacity: 1;
}


.choose-col:hover .elementor-icon-list-text {
    color: white !important;
}

.choose-col:hover .elementor-icon-list-icon svg {
    fill: white !important;
}











.destination-slick-slider {
    margin: 0 -12px;
}

.destination-slide {
    padding: 0 12px;
}

.destination-card {
    display: block;
    background: #DADADA;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    color: #000;
}

.destination-image {
    height: 520px;
    border-radius: 30px;
    background-size: cover;
    background-position: center;
}

.destination-content {
    padding: 14px 16px;
}

.destination-content h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
}

.destination-content span {
    font-size: 14px;
    color: #666;
}

.destination-arrow {
    position: absolute;
    right: 14px;
    bottom: 28px;
    background: #000;
    color: #fff;
    width: 38px !important;
    height: 38px !important;
    border-radius: 50%;
    display: flex !important;
    align-items: center;
    justify-content: center;
}



.destination-slick-slider .slick-list{
    overflow: hidden !important;
    padding-right: 400px !important;
}




.destination-card:hover .destination-arrow{
  background-color: #458FB3;
}


.single-destination .mb-4 img{
    width: 100%;
    height: 400px;
    object-fit: cover;

}

.single-destination .col-lg-2{
    background: #458FB3;
    height: fit-content;
    padding: 30px;
    border-radius: 25px;
}

.single-destination li a{
  color: #fff;
}

.single-destination .mb-4 .text-center{
  margin-top: 100px;
}

.single-destination .border {
    overflow: hidden;
}

.single-destination .border img {
   width: -webkit-fill-available;
   height: revert-layer;
   object-fit: cover;
}

.single-destination .border h5 a{
  color: black;
}

.single-destination .tour-meta-details li {
    margin-bottom: 20px !important;
}

.single-destination .border img:hover {
    transform: scale(1.1);
    transition: 0.5s ease-in;
}


.deals-col::before {
    content: '';
    background: linear-gradient(  180deg,  rgba(21, 21, 21, 0.00) 0%,  rgba(21, 21, 21, 0.35) 45%,  rgba(21, 21, 21, 0.70) 70%,  rgba(21, 21, 21, 0.95) 100%);
    position: absolute;
    width: 100%;
    top: unset;
}

.heads-off {
    position: absolute;
    top: 5%;
}

.air-sec {
    font-family: "Montserrat", "Poppins", Arial, sans-serif; /* clean geometric font */
    font-size: 64px;
    font-weight: 600;
    letter-spacing: 1px;

    color: transparent !important;                 /* no fill */
    -webkit-text-stroke: 1.5px #9aa0a6;  /* outline color */
    text-stroke: 1.5px #9aa0a6;           /* fallback */

    line-height: 1.2;
}



.explore-head {
  white-space: nowrap;
  overflow: hidden;
  animation: explore-marquee 10s linear infinite;
}

@keyframes explore-marquee {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}



.blog-main .blog-col .pp-post-content {
    position: absolute;
    bottom: 10%;
    top: unset;
    padding: 0px 60px;
}


.ussed {
    display: flex;
    flex-direction: column;
}



.blog-main .blog-col .pp-post-meta {
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 5px;
    border-radius: 50px;
    position: relative;
    top: -253px !important;
}

.blog-main .pp-post-excerpt p {
    margin: 0;
    font-family: "Montserrat", Sans-serif !important;
}



.blog-col2 .pp-post-meta {
    background: white;
    display: flex;
    justify-content: center;
    padding: 5px;
    border-radius: 50px;
}

.blog-main .blog-col2 .pp-post-content {
  padding: 0px 60px;
}


.blog-col2 .pp-grid-item-wrap:nth-child(1) {
    border-bottom: solid 2px;
    padding: 50px 0px;
}

.testi-one .uc_author{
  display: flex !important;
  flex-direction: row !important;
}






/* FULL WIDTH WRAPPER */
.ts-wrapper-full {
    width: 100vw;
    padding: 80px 0;
    overflow: visible;
}

.ts-heading {
    text-align: center;
    font-size: 32px;
    margin-bottom: 50px;
}

/* SLIDER STRUCTURE */
.ts-slider-container {
    position: relative;
    display: flex;
    align-items: center;
}

.ts-slider-viewport {
    width: 100%;
    overflow: hidden;
}

.ts-track {
    display: flex;
    gap: 20px;
    transition: transform 0.4s ease;
    will-change: transform;
}

/* CARD SIZE — 2 FULL + HALF EACH SIDE */
.ts-card {
    flex: 0 0 30%;
    background: #f2f2f2;
    padding: 50px;
    border-radius: 14px;
    text-align: left;
    transition: all 0.3s ease;
}

/* IMAGE ABOVE DESCRIPTION */
.ts-image {
    width: 100%;
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 20px;
}

.ts-image img {
    width: auto;
    height: auto;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease;
}

/* HOVER EFFECT ONLY */
.ts-card:hover {
    background: #4a8fb2;
    color: #fff;
    transform: scale(1.05);
}

.ts-card:hover .ts-image img {
    transform: scale(1.05);
}

/* USER */
.ts-user {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-top: 25px;
}

.ts-user img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.ts-user strong {
    font-size: 14px;
}

.ts-user span {
    font-size: 12px;
    color: #777;
}

.ts-card:hover span {
    color: #e0e0e0;
}

/* NAV BUTTONS */
.ts-nav {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: solid 1px #000;
    background: transparent;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    bottom: -20%;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0;
    line-height: 0;

}

.ts-nav:hover{
  background: #000;
  color: #fff;
}

.ts-prev {
    left: 46%;
}

.ts-next {
    right: 47%;
}

.ts-card:hover .ts-image img {
    filter: invert(1);
}



.ts-slider-container::before {
    content: '';
    background: linear-gradient(90deg, rgba(218, 218, 218, 0.75) 0%, rgba(218, 218, 218, 0.55) 40%, rgba(218, 218, 218, 0) 100%);
    width: 400px;
    height: 349px;
    position: absolute;
    z-index: 9;
    top: 0;
    left: 0;
}


.ts-slider-container::after {
    content: '';
    background: linear-gradient(
    90deg,
    rgba(218, 218, 218, 0) 0%,
    rgba(218, 218, 218, 0.55) 60%,
    rgba(218, 218, 218, 0.75) 100%);
    width: 400px;
    height: 349px;
    position: absolute;
    z-index: 9;
    top: 0;
    right: 0;
}



@media (min-width: 768px) and (max-width: 1024px) {
    .herogal {
        position: absolute;
        top: 18%;
        left: 50%;
    }

    .tour-image {
    position: relative;
    height: 400px;
    }

    .choose-col:first-child::before {
     position: absolute;
     left: 62%;
    }

    .choose-col:nth-child(2)::before {
     position: absolute;
     left: 62%;
    }

    .destination-slick-slider {
        margin: 0 -8px;
    }

    .destination-slide {
        padding: 0 8px;
    }

    .destination-image {
        height: 380px; /* reduced for tablet */
        border-radius: 20px;
    }

    .destination-content {
        padding: 12px 14px;
    }

    .destination-content h4 {
        font-size: 16px;
    }

    .destination-content span {
        font-size: 13px;
    }

    .destination-arrow {
        width: 34px !important;
        height: 34px !important;
        right: 12px;
        bottom: 22px;
    }

    .destination-slick-slider .slick-list {
        padding-right: 0px !important; /* FIXED for tablet */
    }

    .choose-count .slick-track{
      position: relative;
      left: -85px;
    }

    .ts-nav{
      display: none;
    }

    .ts-slider-container::before{
      width: 109px;
      height: 372px;
    }

    .ts-slider-container::after{
        width: 109px;
        height: 372px;
    }



}



@media screen and (width: 320px) {
    .herogal {
        position: absolute;
        top: 34%;
        left: 44%;
    }

    .pp-post-thumbnail img{
      height: 280px !important;
    }

    .blog-main .blog-col .pp-post-meta {
        top: -56px !important;
    }

     .blog-main .blog-col .pp-post-meta {
       transform: translateY(50px);
    }

    .choose-col::before{
      top: 20px !important ;
      left: 65% !important;
      font-size: 80px !important;
    }
}



@media screen and (width: 375px) {
    .herogal {
        position: absolute;
        top: 29%;
        left: 40%;
    }

        .blog-main .blog-col .pp-post-meta {
        top: -82px !important;
    }

    .choose-col::before{
      top: 20px !important;
      font-size: 90px !important;
      left: 65% !important;
    }

    .gallery-section #gallery-1 .gallery-item:nth-child(2) {
      height: 270px !important;
    }
}



@media screen and (width: 425px) {
    .herogal {
        position: absolute;
        top: 28%;
        left: 40%;
    }

    .choose-col::before{
      top: 15px !important;
      font-size: 90px !important;
    }
    .hero-sec {
    min-height: 730px !important;
    }



    .blog-main .blog-col .pp-post-meta{
    top: -130px !important;
   }
}





@media screen and (max-width: 767px){
  .tour-image {
    position: relative;
    height: 400px;
  }

  .destination-slick-slider .slick-list {
        padding-right: 50px !important;
  }

   .blog-main .blog-col .pp-post-content{
      width: 95%;
      padding: 0px 10px;
   }

   .pp-post-date,
   .pp-post-author,
   .pp-post-comments{
    white-space: nowrap;
   }

   

   .blog-main .blog-col2 .pp-post-content {
    padding: 0px;
  }

  .ts-slider-container::before,
  .ts-slider-container::after{
    display: none;
  }

    .ts-card {
        flex: 0 0 90%;        /* larger card */
        padding: 32px;       /* balanced for mobile */
        border-radius: 18px; /* better proportions */
    }

    .ts-nav{
      display: none;
    }

}


.elementskit-menu-hamburger-icon{
  background: #fff !important;
}

.elementskit-menu-container{
  background: #151515 !important;
}





.gallery-section #gallery-1 {
  display: grid;
  grid-template-columns: repeat(12,1fr);
  grid-template-rows: repeat(1,250px);
  gap: 12px;
  margin: 0;
}
.gallery-section #gallery-1 .gallery-item {
  margin-top: 0px !important;
}
.gallery-section #gallery-1 .gallery-item:nth-child(1) {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 5;
}
.gallery-section #gallery-1 .gallery-item:nth-child(2) { 
    grid-row-start: 1;
    grid-row-end: 3;
    grid-column-start: 5;
    grid-column-end: 8;
    height: 562px;
}
.gallery-section #gallery-1 .gallery-item:nth-child(3) {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 8;
    grid-column-end: 10;
}
.gallery-section #gallery-1 .gallery-item:nth-child(4) {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 10;
    grid-column-end: 13;
}
.gallery-section #gallery-1 .gallery-item:nth-child(5) {
  grid-row-start: 2;
  grid-row-end: 3;
  grid-column-start: 1;
  grid-column-end: 3;
}
.gallery-section #gallery-1 .gallery-item:nth-child(7) {
    height: 100% !important;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 3;
    grid-column-end: 5;
}
.gallery-section #gallery-1 .gallery-item:nth-child(8) {
    height: 100% !important;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 8;
    grid-column-end: 13;
}
.gallery-section #gallery-1 .gallery-item .landscape, .gallery-section #gallery-1 .gallery-item .portrait {
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
}
.gallery-section #gallery-1 .gallery-item img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 10px;
}
.gallery-section #gallery-1 .gallery-item img:hover {
  filter: brightness(0.6);
  transition: 0.5s ease-in-out;
}
.gallery-section #gallery-1 .gallery-item {
  width: 100% !important;
  padding: 0px;
  max-width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  display: flex;
}
.gallery-section dt.gallery-icon.landscape img, .gallery-section dt.gallery-icon.portrait img {
  height: 100%;
  width: 100%;
  object-fit: cover;
} 


.choose-col:hover .elementor-widget-image{
  background: #FFFFFF1F;
}

.choose-col .elementor-widget-image {
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
}





@media screen and (width: 1366px) {
    .destination-slick-slider .slick-list {
        overflow: hidden !important;
        padding-right: 200px !important;
    }

    .footer-co #gallery-2 {
        margin-right: 0px !important;
    }

    .blog-main .blog-col .pp-post-meta{
      top: -309px !important;
    }

    .blog-col .pp-post-thumbnail img {
    height: 620px !important;
    }

    #about .elementor-widget-text-editor {
    font-size: 18px !important;
   }

    .hero-sec .head2 .elementor-heading-title {
    font-size: 50px !important;
    }

    .ts-nav{
      position: absolute;
      bottom: -15%;
    }

    .choose-count .dest .elementor-heading-title {
       width: max-content;
    }

    .choose-count .elementor-widget-button {
    margin-top: 55px !important;
    }

    .explore-head {
    white-space: nowrap;
    overflow: visible;
    animation: explore-marquee 10s linear infinite;
   }

    .choose-col::before{
      left: 63%;
    }


    .choose-count .slick-track{
      position: relative;
      left: -70px;
    }

    .choose-coll{
      padding-left: 100px !important;
    }
    .blog-col .pp-post-thumbnail img{
      height: 650px;
      object-fit: cover;
      border-radius: 30px;
   }

   .tour-image {
    position: relative;
    height: 500px;
   }

   .counterrr .elementor-counter-title{
     white-space: nowrap;
   }

   .destination-image{
    height: 420px;
   }

   .ts-slider-container::after{
    width: 255px;
    height: 418px;
   }

   .ts-slider-container::before{
    width: 255px;
    height: 418px;
   }

   .blog-main .pp-post-meta .pp-meta-separator:not(:last-child){
      margin: 0px 20px !important;
     
   }

   .wbtm_style {
    width: 500px !important;
   }

   .hero-dash img {
    width: 125px !important;
   }

   .herogal {
    position: absolute;
    bottom: 14%;
    left: 81%;
   }

   .hero-sec{
    margin-top: -350px !important;
   }

   .hero-col {
    margin-top: 250px;
    }

}



.footer-co #gallery-2 {
    margin-right: 110px;
  }


  .footer-co .elementor-image-gallery{
    margin-left: 30px;
  }


.sticky-header {
  position: fixed;
  width: 100%;
  z-index: 9999 !important;
  top: 0;
  left: 0;
  right: 0;
  padding: 8px 10px;
  animation: slideDown 0.75s ease-out;
  background-color: #FFFFFF;
  box-shadow: 0px 2px 6px #CCBABAF2;
}




.wbtm_style [class*=_themeButton]{
  border-radius: 25px;
  background: #000 !important;
}


.wbtm_style [class*=_themeButton]:hover{
  background: #458FB3 !important;
}


.hero-dash img {
    /* background: linear-gradient(to bottom, #E6E6E6 50%, transparent 50%) !important; */
    /* background: #E6E6E6; */
    padding-top: 10px;
    border-radius: 100px;
}




.blog-col .pp-post-thumbnail img{
  height: 530px;
  object-fit: cover;
  border-radius: 25px;
}


.blog-col .pp-post-thumbnail::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 25px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.00) 0%, rgba(0, 0, 0, 0.10) 30%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.70) 100%);
}


.tour-card:hover .tour-title {
    color: #458FB3;
}



.destination-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

@media (max-width: 1024px) {
    .destination-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    .destination-grid {
        grid-template-columns: 1fr;
    }
}




.contact-sec .wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px;
    border-radius: 50px;
}

.contact-sec .wpcf7 input[type="submit"] {
    width: fit-content;
    padding: 8px 30px;
    border-radius: 50px;
}





/* .blog-main2 .blog-col .pp-post-content {
    position: absolute;
    bottom: 10%;
    top: unset;
    padding: 0px 10px;
}



.blog-main2 .blog-col .pp-post-meta {
    background: #fff;
    display: flex;
    justify-content: center;
    padding: 5px;
    border-radius: 50px;
    position: relative;
    top: -150px !important;
    width: 465px;
}

.blog-main2 .blog-col .pp-post-title{
  padding-right: 30px;
}

.blog-main2 .blog-col .pp-post-excerpt p{
  padding-right: 42px;
}*/

.blog-main2 .blog-col .pp-post-thumbnail img{
  height: 350px;
  border-radius: 20px;
  object-fit: cover;
}


.blog-main2 .blog-col .pp-post-meta{
    background: white;
    margin: 0px 30px;
    padding: 5px 0px;
    border-radius: 50px;
    position: relative;
    top: -190px;
}

.blog-main2 .blog-col .pp-post.pp-grid-item {
  height: 400px !important;
}


.blog-main2 .blog-col .pp-post-content-wrap{
    position: relative;
    top: -160px;
}

.blog-main2 .blog-col .pp-post-meta,
.blog-main2 .blog-col .pp-post-title,
.blog-main2 .blog-col .pp-post-excerpt{
  display: flex;
  justify-content: center;
  text-align: center;
}


.widget_search{
    padding: 20px;
    background: #458FB3;
    border-radius: 25px;
}

.wp-block-search__inside-wrapper{
  display: flex;
  gap: 10px;
}

.wp-block-search__input{
    border: none;
    padding: 5px;
    border-radius: 10px;
}

.wp-block-search__button{
    padding: 5px 15px;
    border: none;
    border-radius: 10px;
}

.wp-block-group__inner-container{
    background: #458FB3;
    margin-top: 30px;
    padding: 20px;
    border-radius: 25px;
}

.wp-block-heading{
  color: white;
}

.wp-block-latest-posts__list li a {
    color: white;
}

.wp-block-latest-posts__list li{
  margin-bottom: 20px;
}





.hero-sec {
  clip-path: none;
  overflow: hidden;
  background-size: 100% 100% !important;
  height: 1100px;
}


@media (min-width: 1024px) {
  /* .hero-sec {
    clip-path: polygon(
  
  0% 0%,
  100% 0%,

  
  100% 88.478%,

 
  100% 88.478%, 99.966% 89.175%, 99.867% 89.837%, 99.709% 90.454%,
  99.497% 91.017%, 99.237% 91.518%, 98.934% 91.948%, 98.593% 92.297%,
  98.219% 92.558%, 97.818% 92.721%, 97.396% 92.777%,
  57.146% 92.777%, 56.783% 92.706%, 56.447% 92.502%, 56.142% 92.184%,
  55.868% 91.768%, 55.63% 91.274%, 55.429% 90.717%, 55.268% 90.116%,
  55.15% 89.488%, 55.077% 88.85%, 55.052% 88.22%,
  54.987% 86.881%, 54.797% 85.611%, 54.494% 84.427%, 54.087% 83.345%,
  53.588% 82.383%, 53.005% 81.558%, 52.35% 80.887%, 51.632% 80.386%,
  50.863% 80.074%, 50.052% 79.966%, 49.241% 80.074%, 48.472% 80.386%,
  47.754% 80.887%, 47.099% 81.558%, 46.517% 82.383%, 46.017% 83.345%,
  45.61% 84.427%, 45.307% 85.611%, 45.118% 86.881%, 45.052% 88.22%,
  45.027% 88.85%, 44.954% 89.488%, 44.836% 90.116%, 44.676% 90.717%,
  44.475% 91.274%, 44.236% 91.768%, 43.962% 92.184%, 43.657% 92.502%,
  43.321% 92.706%, 42.958% 92.777%,
  2.604% 92.777%, 2.182% 92.721%, 1.781% 92.558%, 1.407% 92.297%,
  1.066% 91.948%, 0.763% 91.518%, 0.502% 91.017%, 0.291% 90.454%,
  0.133% 89.837%, 0.034% 89.175%, 0% 88.478%,

 
  0% 0%
); 

    overflow: hidden;
  }*/

  .footer-co #gallery-2 {
    margin-right: 110px;
  }


  .footer-co .elementor-image-gallery{
    margin-left: 30px;
  }
}


/* TABLET ONLY */
@media (max-width: 1024px) and (min-width: 768px) {
    .ts-card {
        flex: 0 0 70%; /* increase slide width */
    }
    .hero-dash {
    margin-top: -20px !important;
   }
   .hero-sec{
    background-size: 100% 135% !important;
    height: 920px !important;
   }

   .blog-main .blog-col .pp-post-meta{
    top: -120px !important;
   }
}




@media (width: 1024px) {
  .hero-dash img{
    width: 90px !important;
  }

  .hero-dash{
    margin-top: -53px !important;
  }

  .hero-sec {
    min-height: 650px !important;
  }

  .hero-sec .elementor-image-box-description {
    line-height: 1em;
  }

  .ts-slider-container::after {
        width: 163px;
        height: 325px;
    }

    .ts-slider-container::before {
        width: 163px;
        height: 325px;
    }

    .herogal .elementor-image-box-wrapper .elementor-image-box-img img{
      width: 45% !important;
    }

        .herogal {
          position: absolute;
          top: 20%;
          left: 60%;
    }
}



@media (max-width: 768px) {
  .blog-col .pp-post-thumbnail img {
    height: 350px;
    object-fit: cover;
    border-radius: 25px;
  }
}



.destination-grid-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

/* Ensure slides behave like normal blocks */
.destination-grid-wrapper .destination-slide {
    width: 500px;
}

/* Tablet */
@media (max-width: 1024px) {
    .destination-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Mobile */
@media (max-width: 640px) {
    .destination-grid-wrapper {
        grid-template-columns: 1fr;
    }

    .hero-sec{
      background-size: 100% 127% !important;
      height: 900px !important;
    }
}


@media (min-width: 1024px) {

    .elementskit-menu-container 
    .elementskit-navbar-nav 
    .menu-item-has-children > .elementskit-dropdown {
        opacity: 0;
        transform: translateX(-60px);
        visibility: hidden;
        pointer-events: none;
        transition: opacity 1s ease, transform 2s ease;
    }

    .elementskit-menu-container 
    .elementskit-navbar-nav 
    .menu-item-has-children:hover > .elementskit-dropdown,
    .menu-item-has-children.ekit-menu-dropdown-open > .elementskit-dropdown {
        opacity: 1;
        transform: translateX(0);
        visibility: visible;
        pointer-events: auto;
    }

    .elementskit-dropdown {
        display: block !important;
    }

}


@media (max-width: 768px) {
  .newsletter-form {
    display: block;
  }
}


.marker svg {
    position: absolute;
    top: -20px;
    left: 40px;
}

.calendar svg {
    position: absolute;
    top: -20px;
    left: 100px;
}

.wbtm_return_date svg {
    position: absolute;
    left: 150px;
}