/* Home mobile: sliders + about tweaks + equal titles (desktop unchanged) */

/* ---- Desktop: titles wrap to 2 rows only, full text visible ---- */
@media (min-width: 992px) {
  .service-5__title,
  .section__title-wrapper-title,
  .sec-title__title,
  .about__content .section__title-wrapper-title,
  .title-one .title,
  .fly-one__card__title,
  .work-process .sec-title__title,
  .testimonial-one .sec-title__title,
  .choose-us-4 .section__title-wrapper-title,
  .offer-country-section .title-one .title {
    font-size: 28px !important;
    line-height: 1.35 !important;
    max-width: 560px !important;
    white-space: normal !important;
    overflow: visible !important;
    display: block !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  /* Centered section titles */
  .sec-title--center .sec-title__title,
  .section__title-wrapper.text-center .section__title-wrapper-title,
  .choose-us-4 .section__title-wrapper-title,
  .work-process .sec-title--center .sec-title__title,
  .testimonial-one .sec-title--center .sec-title__title,
  .offer-country-section .title-one .title {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Left-aligned titles */
  .service-5__title,
  .about__content .section__title-wrapper-title {
    margin-left: 0 !important;
    margin-right: auto !important;
    max-width: 520px !important;
  }

  .sec-title__title br,
  .section__title-wrapper-title br,
  .service-5__title br,
  .title-one .title br {
    display: none !important;
  }
}

/* ---- Mobile: sub-headings centered; titles full width, 2 rows, smaller ---- */
@media (max-width: 991.98px) {
  /* Sub-headings / taglines — center only */
  .section__title-wrapper-black-subtitle,
  .section__title-wrapper-center-subtitle,
  .service-5__subtitle,
  .sec-title__tagline,
  .sec-title__top,
  .sec-title--center .sec-title__top {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  /* Main titles — full text visible, wrap to 2 rows via max-width (no clamp cut) */
  .service-5__title,
  .section__title-wrapper-title,
  .sec-title__title,
  .about__content .section__title-wrapper-title,
  .title-one .title,
  .page-header__title,
  .fly-one__card__title,
  .work-process .sec-title__title,
  .testimonial-one .sec-title__title,
  .choose-us-4 .section__title-wrapper-title,
  .w2f-fox-hero__title,
  h2.section__title-wrapper-title,
  h2.sec-title__title,
  h2.service-5__title,
  .title-one h2.title {
    font-size: 18px !important;
    line-height: 1.35 !important;
    width: 100% !important;
    max-width: 300px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    text-align: left !important;
    white-space: normal !important;
    word-break: normal !important;
    overflow-wrap: break-word !important;
    display: block !important;
    overflow: visible !important;
    -webkit-line-clamp: unset !important;
    line-clamp: unset !important;
  }

  .page-header__title {
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  .sec-title--center .sec-title__title,
  .section__title-wrapper.text-center .section__title-wrapper-title,
  .choose-us-4 .section__title-wrapper-title,
  .offer-country-section .title-one .title {
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: center !important;
  }

  /* Hide forced line breaks — wrap by max width / line-clamp */
  .sec-title__title br,
  .section__title-wrapper-title br,
  .service-5__title br,
  .title-one .title br,
  .fly-one__card__title br {
    display: none !important;
  }

  .section__title-wrapper,
  .section__title-wrapper.text-center,
  .sec-title,
  .sec-title--center,
  .service-5__title-wrapper,
  .title-one,
  .choose-us-4 .section__title-wrapper,
  .work-process .sec-title,
  .testimonial-one .sec-title {
    width: 100% !important;
    max-width: 100% !important;
    text-align: left !important;
  }

  /* Centered sections: keep subtitle centered, title still full width left */
  .sec-title--center,
  .section__title-wrapper.text-center {
    text-align: left !important;
  }

  .page-header .container {
    text-align: center !important;
  }

  .page-header__title {
    text-align: center !important;
    max-width: 300px !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

  .travhub-breadcrumb {
    justify-content: center !important;
  }
}

/* ---- About: hide experience + flight image; title full width ---- */
@media (max-width: 991.98px) {
  .about-us-2.about-4 .about-us-2__wrapper-media-image-2,
  .about-us-2.about-4 .about-us-2__wrapper-media__counter,
  .about-us-2.about-4 .about-us-2__wrapper-media-image-3 {
    display: none !important;
  }

  .about-us-2.about-4 .about__content,
  .about-us-2.about-4 .section__title-wrapper,
  .about-us-2.about-4 .section__title-wrapper-title {
    width: 100% !important;
    max-width: 100% !important;
  }

  .about-us-2.about-4 .col-lg-6 {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }
}

/* ---- Desktop: keep swiper markup as normal grid ---- */
@media (min-width: 992px) {
  .w2f-home-swiper {
    overflow: visible;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
  }

  .w2f-home-swiper > .swiper-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    transform: none !important;
    gap: 0;
    margin-bottom: 0 !important;
    height: auto !important;
  }

  .w2f-home-swiper > .swiper-wrapper > .swiper-slide {
    height: auto !important;
    margin: 0 !important;
  }

  .js-services-swiper > .swiper-wrapper > .swiper-slide,
  .js-choose-swiper > .swiper-wrapper > .swiper-slide,
  .js-process-swiper > .swiper-wrapper > .swiper-slide {
    width: 25% !important;
    max-width: 25%;
    flex: 0 0 25%;
    padding-left: 12px;
    padding-right: 12px;
    box-sizing: border-box;
  }

  .w2f-home-swiper > .swiper-pagination {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* Kill Bootstrap/theme bottom margins that leave a white band under Why Choose Us */
  .choose-us-4 .choose-us-4__item,
  .w2f-home-swiper .choose-us-4__item,
  .w2f-home-swiper .service-5__item,
  .w2f-home-swiper .work-process__item {
    margin-bottom: 0 !important;
  }

  .choose-us-4 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* Pull Fly CTA up so white gap under Why Choose Us is removed */
  .choose-us-4 + .fly-one.section-space-t {
    padding-top: 70px;
  }

  /* Services: hide mobile-only block on desktop */
  .w2f-services-mobile {
    display: none !important;
  }
}

/* ---- Mobile: services desktop grid hidden; mobile slider shown ---- */
@media (max-width: 991.98px) {
  .w2f-services-desktop {
    display: none !important;
  }

  .w2f-services-mobile {
    display: block !important;
  }

  .w2f-home-swiper {
    overflow: hidden;
    padding-bottom: 28px;
    margin-bottom: 0;
  }

  .w2f-home-swiper > .swiper-wrapper > .swiper-slide {
    height: auto;
    box-sizing: border-box;
  }

  .w2f-home-swiper .choose-us-4__item,
  .w2f-home-swiper .service-5__item,
  .w2f-home-swiper .work-process__item {
    height: 100%;
    margin-bottom: 0 !important;
  }

  .choose-us-4 {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  .choose-us-4 + .fly-one.section-space-t {
    padding-top: 60px;
  }

  .w2f-home-swiper > .swiper-pagination {
    bottom: 0;
  }

  .w2f-home-swiper .swiper-pagination-bullet {
    background: #000;
    opacity: 0.25;
  }

  .w2f-home-swiper .swiper-pagination-bullet-active {
    background: #ffd200;
    opacity: 1;
  }

  .work-process__grid.w2f-home-swiper::before {
    display: none !important;
  }
}

/* About page: space below grid Why Choose Us before Fly CTA */
.choose-us-4.choose-us-4--about {
  padding-bottom: 48px !important;
  margin-bottom: 16px !important;
}

.choose-us-4.choose-us-4--about + .fly-one.section-space-t {
  padding-top: 90px;
}

@media (max-width: 991.98px) {
  .choose-us-4.choose-us-4--about {
    padding-bottom: 40px !important;
    margin-bottom: 12px !important;
  }

  .choose-us-4.choose-us-4--about + .fly-one.section-space-t {
    padding-top: 72px;
  }
}

/* ---- Logo-color hovers (kill blue) ---- */
.choose-us-4__item {
  border-color: rgba(0, 0, 0, 0.1) !important;
}

.choose-us-4__item:hover .icon svg path[fill="#FFD200"],
.choose-us-4__item:hover .icon svg path[fill="#ffd200"] {
  fill: #000000;
}

.choose-us-4__item:hover .icon svg path[fill="#000000"],
.choose-us-4__item:hover .icon svg path[fill="#000"] {
  fill: #FFD200;
}

.choose-us-4__item .title,
.choose-us-4__item .title a,
.work-process__title a,
.about-mv-tabs__nav .nav-link {
  color: #000000 !important;
}

.service-5__item-title,
.service-5__item-title a,
.service-5__item-thumb-content-title a {
  color: #ffffff !important;
}

.choose-us-4__item .title a:hover,
.work-process__title a:hover,
.about-mv-tabs__nav .nav-link:hover,
.about-mv-tabs__nav .nav-link.active {
  color: #ffd200 !important;
}

.service-5__item-title a:hover,
.service-5__item-thumb-content-title a:hover,
.service-5__item-thumb-content-btn:hover {
  color: #ffd200 !important;
}

.about-mv-tabs__nav .nav-link.active {
  background: #000000 !important;
  color: #ffd200 !important;
  border-color: #000000 !important;
}

.service-5__item-thumb-content-btn {
  color: #ffffff !important;
}

.service-5__item-thumb-content-btn:hover,
.service-5__item-title a:hover,
.choose-us-4__item .title a:hover,
.work-process__title a:hover {
  color: #ffd200 !important;
}