/*
  * Name: Yeahloo website HTML Template
  * Version: 1.0
  * Author: Glowlogix
  * Author URL: https://demo.glowlogix.com.pk/templates/yeahloo/index.html
*/

/* Headings Font */
@import url('../../../../css2-1');

/* Body Font */
@import url('../../../../css2-2');

/* Bootstrap Icons */
@import url("../../../../npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css");


/*------------------------------------------------------------------

[Table of contents]

  1.  Home
  2.  About
  3.  Destinations
  4.  Tours
  5.  Activities
  6.  Partners
  7.  testimonials
  8.  Blog
  9.  FAQ
  10. Contact
  11. Responsiveness

------------------------------------------------------------------*/

html {
  scroll-behavior: smooth;
}

* {
  font-family: 'Lato', sans-serif;
}

a {
  text-decoration: none !important;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: 'Playfair Display', serif;
}

body {
  background           : linear-gradient(to bottom, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)), url(../assets/bg.jpg);
  background-repeat    : no-repeat;
  background-size      : cover;
  background-position  : center top;
  background-attachment: fixed;
  overflow-x           : hidden;
}

/* Global Colors & Transitions */
:root {
  /* ----Blue---- */
  --blue-120: #12305D;
  --blue-110: #1A478B;
  --blue-100: #2C77E8;

  /* ----Green---- */
  --green-120: #42701B;
  --green-110: #589624;
  --green-100: #6EBB2D;

  /* ----Orange---- */
  --orange-100: #E8A82C;

  --transition: 0.15s ease-in-out;
}



/* Header
-------------------------------------------------------------- */
#header {
  position  : absolute;
  left      : 0;
  right     : 0;
  z-index   : 1;
  margin-top: 12px;
  z-index   : 999;
}

.navbar-nav .dropdown .dropdown-menu {
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter : blur(50px);
}

.navbar-nav .dropdown .dropdown-menu {
  padding: 0px;
  margin : 0 16px;
  border : 1px solid rgb(255 255 255 / 25%);
}

.navbar-nav .dropdown .dropdown-menu li .dropdown-item {
  color        : #ffffff;
  padding      : 8px 16px;
  border-radius: 4px;
}

.navbar-nav .dropdown .dropdown-menu li .dropdown-item:hover {
  background-color: var(--blue-100);
}

.navbar-brand>img {
  max-width: 167px;
}

#collapsibleNavbar {
  justify-content: end;
}

.navbar-nav .nav-item .nav-link {
  color         : #ffffff;
  margin-left   : 16px;
  letter-spacing: 0.5px;
}

.navbar-nav .nav-item .nav-link:hover {
  color: var(--blue-100);
}

.icon-style-menu {
  font-size: 29px;
  color    : #ffffff;
}

#navbar .navbar-toggler {
  padding: 0px;
}

#navbar .navbar-toggler:focus {
  box-shadow: 0 0 transparent;
  border    : 1px solid var(--blue-100);
}

.dropdown i {
  margin-left: 4px;
  font-size  : 14px;
}

.dropdown-menu .dropdown-header {
  color: rgba(255, 255, 255, 0.5);
}

.dropdown:hover .dropdown-menu {
  display: block;
}


/* Home
-------------------------------------------------------------- */
.home {
  position   : relative;
  display    : flex;
  align-items: center;
  padding    : 225px 0px 200px 0;
}

.home .hero-content h1 {
  font-size    : 67px;
  color        : #ffffff;
  font-weight  : 700;
  margin-bottom: 48px;
}

.primary-btn {
  font-size       : 16px;
  display         : inline-block;
  padding         : 15px 32px;
  color           : #ffffff;
  background-color: var(--blue-100);
  border-radius   : 8px;
  transition      : var(--transition);
  font-weight     : 600;
  letter-spacing  : 0.5px;
  border          : none;
}

.primary-btn:hover {
  background-color: var(--green-100);
  color           : #ffffff;
}

.primary-btn:active {
  transform: scale(0.95);
}

.home .video-hero .play-btn a {
  font-size      : 67px;
  display        : flex;
  justify-content: center;
  color          : rgba(255, 255, 255, 0.5);
}

.video-hero .modal-content {
  background-color: rgb(255 255 255 / 10%);
  backdrop-filter : blur(50px);
}

.video-hero .modal-content iframe {
  width : 100%;
  height: 450px;
}

/* Home (slider) */
#hero-slider .owl-nav button {
  color        : #fff !important;
  border       : 1px solid #fff !important;
  margin-left  : 12px;
  width        : 40px;
  height       : 40px;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.1);
  transition   : var(--transition);
}

#hero-slider .owl-nav {
  margin-left: auto !important;
  width      : fit-content;
  position   : relative;
  top        : -3rem;
}

.animate__animated {
  animation-duration: 3s;
}

#hero-slider .owl-nav button:hover {
  background-color: var(--blue-100);
  border          : 1px solid var(--blue-100) !important;

}


/* About
-------------------------------------------------------------- */
.about {
  padding: 0 0 200px 0;
}

.about .about-image img {
  max-width    : 100%;
  width        : 100%;
  border-radius: 8px;
  box-shadow   : -16px -16px rgb(255 255 255 / 25%);
}

.about .about-content h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 24px;
}

.about .about-content p {
  color      : #ffffff;
  font-size  : 16px;
  font-weight: 300;
}

.about .about-content p:nth-child(3) {
  margin-bottom: 40px;
}


/* Destinations
-------------------------------------------------------------- */
.destinations {
  padding: 0 0 200px 0;
}

.destinations h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 56px;
}

.destinations .destination-content {
  position       : relative;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.destinations .destination-content img {
  max-width    : 100%;
  width        : 100%;
  border-radius: 8px;
  box-shadow   : 0px 4px 16px rgb(0 0 0 / 25%);
}

.destinations .destination-content h3 {
  font-size  : 38px;
  color      : rgb(255 255 255 / 75%);
  font-weight: 600;
  font-style : italic;
  position   : absolute;
  transition : var(--transition);
}

.destinations .destination-content::before {
  content         : '';
  position        : absolute;
  top             : 0;
  bottom          : 0;
  right           : 0;
  left            : 0;
  border-radius   : 8px;
  background-color: rgb(0 0 0 / 25%);
  transition      : var(--transition);
}

.destinations .destination-content:hover::before {
  content         : '';
  position        : absolute;
  top             : 0;
  bottom          : 0;
  right           : 0;
  left            : 0;
  background-color: rgb(0 0 0 / 50%);
}

.destinations .destination-content:hover h3 {
  color: #ffffff;
}


/* Tours
-------------------------------------------------------------- */
.tours {
  padding: 0 0 200px 0;
}

.tours h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 56px;
}

.tours .tour-content {
  background-color: rgba(255, 255, 255, 0.1);
  padding         : 24px;
  border-radius   : 16px;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter : blur(50px);
  transition      : var(--transition);
}

.tours .tour-content:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.tours .tour-content img {
  max-width    : 100%;
  width        : 100%;
  border-radius: 8px;
  margin-bottom: 24px;
}

.tours .tour-content h4 {
  font-size    : 28px;
  font-weight  : 600;
  color        : #ffffff;
  margin-bottom: 8px;
}

.tours .tour-content p {
  color        : #ffffff;
  font-size    : 16px;
  margin-bottom: 8px;
  font-weight  : 300;
}

.tours .tour-content .review i {
  margin-right: 4px;
  color       : var(--orange-100);
}

.tours .tour-content .review {
  margin-bottom: 32px;
}

.tours .tour-content .review span {
  color      : rgba(255, 255, 255, 0.5);
  font-weight: 300;
}

.secondary-btn {
  font-size       : 16px;
  display         : inline-block;
  padding         : 15px 32px;
  color           : #ffffff;
  background-color: var(--green-100);
  border-radius   : 8px;
  transition      : var(--transition);
  font-weight     : 600;
  letter-spacing  : 0.5px;
}

.secondary-btn:hover {
  background-color: var(--blue-100);
  color           : #ffffff;
}

.secondary-btn:active {
  transform: scale(0.95);
}


/* Activities
-------------------------------------------------------------- */
.activities {
  padding: 0 0 200px 0;
}

.activities h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 56px;
}

.activities .activity-content {
  position       : relative;
  display        : flex;
  align-items    : center;
  justify-content: center;
}

.activities .activity-content::before {
  content         : '';
  position        : absolute;
  top             : 0;
  bottom          : 0;
  right           : 0;
  left            : 0;
  border-radius   : 8px;
  background-color: rgb(0 0 0 / 25%);
  transition      : var(--transition);
}

.activities .activity-content:hover::before {
  content         : '';
  position        : absolute;
  top             : 0;
  bottom          : 0;
  right           : 0;
  left            : 0;
  border-radius   : 8px;
  background-color: rgb(0 0 0 / 50%);
  transition      : var(--transition);
}



.activities .activity-content img {
  max-width    : 100%;
  width        : 100%;
  border-radius: 8px;
  box-shadow   : 0px 4px 16px rgb(0 0 0 / 25%);
}

.activities .activity-content h3 {
  font-size  : 38px;
  color      : rgb(255 255 255 / 75%);
  font-weight: 600;
  font-style : italic;
  position   : absolute;
  transform  : var(--transition);
}

.activities .activity-content:hover h3 {
  color: #ffffff;
}


/* Call to Action
-------------------------------------------------------------- */
.call-to-action {
  padding: 0 0 200px 0;
}

.call-to-action .call-to-action-content {
  padding         : 56px;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  text-align      : center;
  border-radius   : 16px;
  background-color: rgb(255 255 255 / 10%);
  backdrop-filter : blur(50px);
  transition      : var(--transition);
}

.call-to-action .call-to-action-content:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.call-to-action .call-to-action-content h2 {
  font-size  : 51px;
  color      : #ffffff;
  font-weight: 700;
  max-width  : 750px;
  margin     : 0 auto 48px;
}


/* Partners
-------------------------------------------------------------- */
.partners {
  padding: 0 0 200px 0;
}

.partners h2 {
  font-size  : 51px;
  color      : #ffffff;
  font-weight: 700;
  max-width  : 750px;
  margin     : 0 auto 48px;
  text-align : center;
}

.partners .partner-content {
  text-align: center;
}

.partners .partner-content img {
  max-width : 120px;
  width     : 100%;
  opacity   : 0.75;
  transition: var(--transition);
}

.partners .partner-content img:hover {
  opacity: 1;
}


/* testimonials
-------------------------------------------------------------- */
.testimonials {
  padding: 0 0 200px 0;
}

.testimonials h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 56px;
}

.testimonials .client-content {
  background-color: rgba(255, 255, 255, 0.1);
  padding         : 24px;
  border-radius   : 16px;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter : blur(50px);
  transition      : var(--transition);
}

.testimonials .client-content:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.testimonials .client-content p {
  color        : #ffffff;
  margin-bottom: 40px;
  font-weight  : 300;
}

.testimonials .client-content .client-info {
  display: flex;
}

.testimonials .client-content .client-info .client-profile img {
  max-width    : 57px;
  width        : 100%;
  border-radius: 100%;
  margin-right : 12px;
}

.testimonials .client-content .client-info .client-name h5 {
  font-size    : 21px;
  font-weight  : 500;
  color        : #ffffff;
  margin-bottom: 4px;
}

.testimonials .client-content .client-info .client-name .review i {
  margin-right: 4px;
  color       : var(--orange-100);
}


/* Blog
-------------------------------------------------------------- */
.blog {
  padding: 0 0 200px 0;
}

.blog h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 56px;
}

.blog .blog-content {
  background-color: rgba(255, 255, 255, 0.1);
  padding         : 24px;
  border-radius   : 16px;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter : blur(50px);
  transition      : var(--transition);
}

.blog .blog-content:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

.blog .blog-content img {
  max-width    : 100%;
  width        : 100%;
  border-radius: 8px;
  margin-bottom: 24px;
}

.blog .blog-content h4 {
  font-size    : 28px;
  font-weight  : 600;
  color        : #ffffff;
  margin-bottom: 8px;
}

.blog .blog-content p {
  color        : #ffffff;
  font-size    : 16px;
  margin-bottom: 8px;
  font-weight  : 300;
}


/* FAQ
-------------------------------------------------------------- */
.faq {
  padding: 0 0 200px 0;
}

.faq h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 56px;
  text-align   : center;
}

.faq .faq-content {
  max-width: 750px;
  margin   : 0 auto;
}

.faq .faq-content .faq-content-inner {
  background-color: rgb(255 255 255 / 10%);
  border-radius   : 8px;
  padding         : 16px 24px;
  margin-bottom   : 24px;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter : blur(50px);
  transition      : var(--transition);
}

.faq .faq-content .faq-content-inner:hover {
  background-color: rgb(255 255 255 / 20%);
}

.faq .faq-content .faq-content-inner .faq-header h4 {
  font-size  : 28px;
  font-weight: 500;
}

.faq .faq-content .faq-content-inner .faq-header a {
  display        : flex;
  align-items    : center;
  color          : #ffffff;
  padding        : 0px;
  justify-content: space-between;
  font-size      : 21px;
  font-weight    : 500;
}

.faq .faq-content .faq-content-inner .faq-header a i {
  font-size: 24px;
}

.faq .faq-content .faq-content-inner .faq-header a:focus {
  box-shadow: 0px 0px transparent;
}

.faq .faq-content .faq-content-inner .faq-header a:focus i {
  transform: rotate(45deg);
}

.faq .faq-content .faq-content-inner .faq-body {
  color     : #ffffff;
  margin-top: 12px;
}


/* Contact
-------------------------------------------------------------- */
.contact {
  padding: 0 0 200px 0;
}

.contact .contact-form h2 {
  font-size    : 51px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 56px;
}

.contact .contact-content img {
  max-width: 100%;
  width    : 100%;
}

.contact-form .form-control {
  display         : inline-block;
  background-color: transparent;
  padding         : 12px 20px;
  border          : 1px solid rgb(255 255 255 / 75%);
  margin-bottom   : 24px;
  margin-right    : 24px;
  width           : 47.45%;
  border-radius   : 8px;
}

.contact-form .form-control:hover {
  border: 1px solid var(--blue-100);
}

.contact-form .form-control:focus {
  background-color: transparent;
  color           : #ffffff;
  box-shadow      : 0px 0px transparent;
  border          : 1px solid var(--blue-100);
}

.contact-form .form-control:nth-child(2) {
  margin-right: 0px;
}

.contact-form .form-control:nth-child(4) {
  margin-right: 0px;
}

textarea {
  width: 100% !important;
}

::placeholder {
  color  : hsla(0, 0%, 100%, 0.5) !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}


/* Footer
-------------------------------------------------------------- */

footer {
  padding: 0 0 32px 0;
}

.footer-company img {
  max-width: 167px;
  width    : 100%;
}

.footer-company p {
  color : #ffffff;
  margin: 32px 0 0 0;
}

.footer-links h5 {
  font-size    : 21px;
  font-weight  : 500;
  margin-bottom: 32px;
  color        : #ffffff;
}

.footer-links ul {
  padding: 0px;
}

.footer-links ul li {
  list-style: none;
  margin-top: 16px;
}

.footer-links ul li a {
  color     : #ffffff;
  transition: var(--transition);
}

.footer-links ul li a:hover {
  color: var(--blue-100);
}

.footer .contact-info h5 {
  margin-bottom: 32px;
  color        : #ffffff;
  font-weight  : 500;
}

.footer .contact-info p {
  margin: 16px 0 0px 0;
  color : #ffffff;
}

.footer .contact-info p span {
  margin-right: 12px;
}

.footer-last {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  margin-top     : 56px !important;
}

.footer-last p {
  font-size: 16px;
  color    : #ffffff;
  margin   : 0px;
}

.footer-last .additional-links a {
  color      : rgb(255 255 255 / 65%);
  margin-left: 32px;
  transition : var(--transition);
}

.footer-last .additional-links a:hover {
  color: var(--blue-100);
}


/*---- Inner Pages
---------------------- */

/* Inner pages header for all pages */
.header-inner {
  padding: 175px 0 125px 0;
}

.header-inner h3 {
  font-size    : 38px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 16px;
}

.header-inner .breadcrumb {
  margin: 0px;
}

.header-inner .breadcrumb .breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.5);
}

.header-inner .breadcrumb .breadcrumb-item a {
  color: var(--blue-100);
}

/* Tour Detail */
.tour-detail {
  padding: 0 0 200px 0;
}

.tour-detail .tour-detail-content {
  background-color: rgba(255, 255, 255, 0.1);
  padding         : 24px;
  border-radius   : 16px;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter : blur(50px);
}

.tour-detail .tour-detail-content .tour-package img {
  max-width      : 100%;
  width          : 100%;
  border-radius  : 8px;
  margin-bottom  : 24px;
  height         : 324px;
  object-fit     : cover;
  object-position: bottom;
}

.tour-detail .tour-detail-content .tour-package-pricing {
  display        : flex;
  justify-content: space-between;
}

.tour-detail .tour-detail-content h4 {
  font-size    : 28px;
  font-weight  : 600;
  color        : #ffffff;
  margin-bottom: 8px;
}

.tour-detail .tour-detail-content p {
  color        : #ffffff;
  font-size    : 16px;
  margin-bottom: 8px;
  font-weight  : 300;
}

.tour-detail .tour-detail-content .review i {
  margin-right: 4px;
  color       : var(--orange-100);
}

.tour-detail .tour-detail-content .review {
  margin-bottom: 16px;
}

.tour-detail .tour-detail-content .review span {
  color      : rgba(255, 255, 255, 0.5);
  font-weight: 300;
}

.tour-detail .tour-detail-content .tour-city-info h5 {
  font-size    : 21px;
  font-weight  : 600;
  color        : #ffffff;
  margin-top   : 48px;
  margin-bottom: 24px;
}

.tour-detail .tour-detail-content .tour-city-info p {
  margin-bottom: 16px;
}

.tour-detail .tour-detail-content .tour-city-clips h5 {
  font-size    : 21px;
  font-weight  : 600;
  color        : #ffffff;
  margin-top   : 48px;
  margin-bottom: 24px;
}

.tour-detail .tour-detail-content .tour-city-clips img {
  max-width    : 100%;
  width        : 100%;
  height       : auto;
  border-radius: 8px;
}

.secondary-btn {
  font-size       : 16px;
  display         : inline-block;
  padding         : 15px 32px;
  color           : #ffffff;
  background-color: var(--green-100);
  border-radius   : 8px;
  transition      : var(--transition);
  font-weight     : 600;
  letter-spacing  : 0.5px;
}

.secondary-btn:hover {
  background-color: var(--blue-100);
  color           : #ffffff;
}

.secondary-btn:active {
  transform: scale(0.95);
}

/* Tour Detail (booking form) */
.booking-form {
  position: sticky;
  top     : 32px;
}

.tour-detail .booking-form h2 {
  font-size    : 38px;
  font-weight  : 700;
  color        : #ffffff;
  margin-bottom: 32px;
}

.tour-detail .booking-content img {
  max-width: 100%;
  width    : 100%;
}

.booking-form .form-control {
  display         : inline-block;
  background-color: transparent;
  padding         : 12px 20px;
  border          : 1px solid rgb(255 255 255 / 75%);
  margin-bottom   : 24px;
  margin-right    : 24px;
  color           : rgb(255 255 255 / 50%);
  font-size       : 16px;
}

.booking-form .form-control:focus {
  background-color: transparent;
  color           : #ffffff;
  box-shadow      : 0px 0px transparent;
  border          : 1px solid #ffffff;
}

.booking-form .form-control:nth-child(2) {
  margin-right: 0px;
}

.booking-form .form-control:nth-child(4) {
  margin-right: 0px;
}

textarea {
  width: 100% !important;
}

::placeholder {
  color  : hsla(0, 0%, 100%, 0.5) !important;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #ffffff;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #ffffff;
}

/* Tour Detail (reviews) */
.tour-detail .tour-detail-content .tour-client-reviews h5 {
  font-size    : 21px;
  font-weight  : 600;
  color        : #ffffff;
  margin-top   : 48px;
  margin-bottom: 24px;
}

.tour-client-reviews .tour-client-reviews-content:nth-child(1) {
  margin-bottom: 24px;
}

.tour-client-reviews .tour-client-reviews-content p {
  color        : #ffffff;
  margin-bottom: 16px;
  font-weight  : 300;
}

.tour-client-reviews .tour-client-reviews-content .tour-client-reviews-info {
  display: flex;
}

.tour-client-reviews .tour-client-reviews-content .tour-client-reviews-info .tour-client-profile img {
  max-width    : 57px;
  width        : 100%;
  border-radius: 100%;
  margin-right : 12px;
}

.tour-client-reviews .tour-client-reviews-content .tour-client-reviews-info .tour-client-name h5 {
  font-size    : 21px;
  font-weight  : 500;
  color        : #ffffff;
  margin-bottom: 4px;
  margin-top   : 0;
}

.tour-client-reviews .tour-client-reviews-content .tour-client-reviews-info .tour-client-name .review i {
  margin-right: 4px;
  color       : var(--orange-100);
}

/* Tour Detail (plan faq)*/
.tour-detail .tour-detail-content .tour-plan-faq h5 {
  font-size    : 21px;
  font-weight  : 600;
  color        : #ffffff;
  margin-top   : 48px;
  margin-bottom: 24px;
}

.tour-plan-faq .tour-plan-content {
  max-width: 750px;
  margin   : 0 auto;
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner:nth-child(4) {
  margin-bottom: 0px;
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner {
  border-radius: 8px;
  padding      : 12px 16px;
  margin-bottom: 24px;
  border       : 1px solid rgba(255, 255, 255, 0.25);
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner .tour-plan-header h4 {
  font-size  : 28px;
  font-weight: 500;
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner .tour-plan-header a {
  display        : flex;
  align-items    : center;
  color          : #ffffff;
  padding        : 0px;
  justify-content: space-between;
  font-size      : 18px;
  font-weight    : 500;
  text-align     : start;
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner .tour-plan-header a i {
  font-size: 18px;
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner .tour-plan-header a:focus {
  box-shadow: 0px 0px transparent;
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner .tour-plan-header a:focus i {
  transform: rotate(45deg);
}

.tour-plan-faq .tour-plan-content .tour-plan-content-inner .tour-plan-body {
  color      : #ffffff;
  margin-top : 12px;
  font-weight: 300;
}

/* Blog Detail */
.blog-detail {
  padding: 0 0 200px 0;
}

.blog-detail .blog-detail-inner {
  background-color: rgba(255, 255, 255, 0.1);
  padding         : 24px;
  border-radius   : 16px;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  backdrop-filter : blur(50px);
}

.blog-detail .blog-detail-content .blog-detail-content-inner img {
  max-width      : 100%;
  width          : 100%;
  border-radius  : 8px;
  margin-bottom  : 24px;
  height         : 324px;
  object-fit     : cover;
  object-position: bottom;
}

.blog-detail .blog-detail-content .blog-detail-content-inner .post-meta {
  color: rgb(255 255 255 / 25%);
}

.blog-detail .blog-detail-content .blog-detail-content-inner span {
  color      : rgb(255 255 255 / 75%);
  font-size  : 14px;
  font-weight: 400;
  padding    : 0 8px;
}

.blog-detail .blog-detail-content .blog-detail-content-inner span:nth-child(1) {
  padding-left: 0px;
}

.blog-detail .blog-detail-content .blog-detail-content-inner h4 {
  font-size  : 28px;
  font-weight: 600;
  color      : #ffffff;
  margin     : 8px 0 24px 0;
}

.blog-detail .blog-detail-content .blog-detail-content-inner p {
  color        : #ffffff;
  font-size    : 16px;
  margin-bottom: 8px;
  font-weight  : 300;
}

.blog-detail .blog-detail-content .blog-detail-content-inner p:nth-last-child(1) {
  margin-top: 16px;
}

.blog-detail .blog-detail-content .blog-detail-content-inner .quote i {
  color    : rgba(255, 255, 255, 0.5);
  font-size: 32px;
}

.blog-detail .blog-detail-content .blog-detail-content-inner .quote p {
  background-color: rgba(255, 255, 255, 0.1);
  padding         : 16px;
  margin          : 0px;
  border-radius   : 8px;
  margin-left     : 24px;
  font-style      : italic;
  letter-spacing  : 0.5px;
}

/* Blog Detail (Comments) */
.blog-detail .blog-detail-comments h5 {
  font-size    : 21px;
  font-weight  : 600;
  color        : #ffffff;
  margin-top   : 48px;
  margin-bottom: 24px;
}

.blog-detail-comments .blog-detail-comments-content:nth-child(1) {
  margin-bottom: 32px;
}

.blog-detail-comments .blog-detail-comments-content p {
  color        : #ffffff;
  margin-bottom: 0px;
  font-weight  : 300;
  margin-bottom: 16px;
}

.blog-detail-comments .blog-detail-comments-content .blog-detail-comments-info {
  display      : flex;
  align-items  : center;
  margin-bottom: 8px;
}

.blog-detail-comments .blog-detail-comments-content .blog-detail-comments-info .client-profile img {
  max-width    : 57px;
  width        : 100%;
  border-radius: 100%;
  margin-right : 12px;
}

.blog-detail-comments .blog-detail-comments-content .blog-detail-comments-info .client-name h5 {
  font-size    : 21px;
  font-weight  : 500;
  color        : #ffffff;
  margin-bottom: 4px;
  margin-top   : 0;
}

.blog-detail-comments .blog-detail-comments-content .secondary-btn {
  padding      : 4px 16px;
  font-weight  : 400;
  border-radius: 4px;
}

/* Blog Detail (sidebar) */
.blog-detail .sidebar {
  position: sticky;
  top     : 24px;
}

.blog-detail .sidebar h5 {
  font-size    : 21px;
  font-weight  : 600;
  color        : #ffffff;
  margin-bottom: 24px;
}

/* Blog Detail (categories) */
.blog-detail .sidebar .categories {
  margin-bottom: 48px;
}

.blog-detail .sidebar .categories .categories-block {
  padding         : 16px;
  background-color: rgba(255, 255, 255, 0.075);
  border-radius   : 8px;
  border          : 1px solid rgb(255 255 255 / 25%);
}

.blog-detail .sidebar .categories .categories-block ul {
  padding: 0px;
  margin : 0px;
}

.blog-detail .sidebar .categories .categories-block ul li {
  margin-bottom  : 16px;
  list-style     : none;
  display        : flex;
  justify-content: space-between;
}

.blog-detail .sidebar .categories .categories-block ul li:nth-last-child(1) {
  margin-bottom: 0px;
}

.blog-detail .sidebar .categories .categories-block ul li:hover a {
  color: var(--blue-100);
}

.blog-detail .sidebar .categories .categories-block ul li:hover i {
  color: var(--blue-100);
}

.blog-detail .sidebar .categories .categories-block ul li a {
  color     : #ffffff;
  transition: var(--transition);
}

.blog-detail .sidebar .categories .categories-block ul li i {
  color     : #ffffff;
  transition: var(--transition);
}

/* Blog Detail (archives) */
.blog-detail .sidebar .archives {
  margin-bottom: 32px;
}

.blog-detail .sidebar .archives .archives-block {
  padding         : 16px;
  background-color: rgba(255, 255, 255, 0.075);
  border-radius   : 8px;
  border          : 1px solid rgb(255 255 255 / 25%);
}

.blog-detail .sidebar .archives .archives-block ul {
  padding: 0px;
  margin : 0px;
}

.blog-detail .sidebar .archives .archives-block ul li {
  margin-bottom  : 16px;
  list-style     : none;
  display        : flex;
  align-items    : center;
  justify-content: space-between;
}

.blog-detail .sidebar .archives .archives-block ul li:nth-last-child(1) {
  margin-bottom: 0px;
}

.blog-detail .sidebar .archives .archives-block ul li:hover a {
  color: var(--blue-100);
}

.blog-detail .sidebar .archives .archives-block ul li:hover span {
  color: #ffffff;
}

.blog-detail .sidebar .archives .archives-block ul li a {
  color     : #ffffff;
  transition: var(--transition);
}

.blog-detail .sidebar .archives .archives-block ul li span {
  color           : #ffffff;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgb(255 255 255 / 10%);
  padding         : 4px 8px;
  border-radius   : 4px;
  transition      : var(--transition);
}

/* Blog Detail (tags) */
.blog-detail .sidebar .tags .tags-block {
  padding         : 12px;
  background-color: rgba(255, 255, 255, 0.075);
  border-radius   : 8px;
  border          : 1px solid rgb(255 255 255 / 25%);
}

.blog-detail .sidebar .tags .tags-block ul {
  padding  : 0px;
  margin   : 0px;
  display  : flex;
  flex-wrap: wrap;
}

.blog-detail .sidebar .tags .tags-block ul li {
  list-style      : none;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgb(255 255 255 / 10%);
  padding         : 6px 12px;
  margin          : 4px;
  border-radius   : 4px;
  transition      : 0.15s ease-in-out;
}

.blog-detail .sidebar .tags .tags-block ul li:hover {
  background-color: var(--blue-100);
}

.blog-detail .sidebar .tags .tags-block ul li a {
  color: #ffffff;
}

/* Comming Soon */
.comming-soon {
  background           : linear-gradient(to bottom, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)), url(../assets/comming-soon.jpg);
  background-repeat    : no-repeat;
  background-size      : cover;
  background-position  : center top;
  background-attachment: fixed;
  height               : 100vh;
  display              : flex;
  align-items          : center;
  text-align           : center;
}

.comming-soon .counter h1 {
  font-size  : 67px;
  color      : #ffffff;
  font-weight: 600;
}

.comming-soon .counter p:nth-child(2) {
  color         : #ffffff;
  margin        : 16px 0 0 0;
  letter-spacing: 1px;
  font-weight   : 300;
  font-size     : 16px;
}

.comming-soon .counter .counter-inner h2 {
  font-size       : 51px;
  font-weight     : 600;
  color           : #ffffff;
  border          : 1px solid rgba(255, 255, 255, 0.25);
  background-color: rgba(255, 255, 255, 0.1);
  backdrop-filter : blur(5px);
  padding         : 8px 20px 12px 20px;
  border-radius   : 8px;
  margin          : 48px 16px 16px;
}

.comming-soon .counter .counter-inner p {
  font-size  : 16px;
  color      : #ffffff;
  font-weight: 400;
}

.counter-inner {
  display        : flex;
  justify-content: center;
}

/* 404 Page */
.error-404 {
  background           : linear-gradient(to bottom, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)), url(../assets/404.jpg);
  background-repeat    : no-repeat;
  background-size      : cover;
  background-position  : center top;
  background-attachment: fixed;
  height               : 100vh;
  display              : flex;
  align-items          : center;
  text-align           : center;
}

.error-404 .error-404-inner h1 {
  font-size  : 67px;
  color      : #ffffff;
  font-weight: 600;
}

.error-404 .error-404-inner p {
  font-size     : 16px;
  color         : #ffffff;
  font-weight   : 400;
  margin        : 32px 0 24px 0;
  letter-spacing: 0.5px;
}

/* Privacy Policy */
.privacy-policy {
  padding: 0 0 200px 0;
}

.privacy-policy .privacy-content h4 {
  font-size    : 28px;
  font-weight  : 600;
  color        : #ffffff;
  margin-bottom: 20px;
}

.privacy-policy .privacy-content p {
  font-size    : 16px;
  font-weight  : 300;
  color        : #ffffff;
  margin-bottom: 32px;
}

/* Terms & Conditions */
.terms-conditions {
  padding: 0 0 200px 0;
}

.terms-conditions .terms-conditions-content h4 {
  font-size    : 28px;
  font-weight  : 600;
  color        : #ffffff;
  margin-bottom: 20px;
}

.terms-conditions .terms-conditions-content p {
  font-size    : 16px;
  font-weight  : 300;
  color        : #ffffff;
  margin-bottom: 32px;
}


/* Responsiveness */
@media (max-width: 1199px) {}

@media (max-width: 1199px) {

  /* Navbar */
  .navbar-nav .nav-item .nav-link {
    padding    : 12px 0;
    font-weight: 400;
  }

  .navbar-nav .nav-item .nav-link:hover {
    color      : var(--blue-100);
    font-weight: 500;
  }

  #collapsibleNavbar {
    justify-content : end;
    background-color: rgb(0 0 0 / 50%);
    backdrop-filter : blur(50px);
    border-radius   : 8px;
    margin-top      : 16px;
  }

  .navbar-nav {
    height    : 350px;
    overflow-y: scroll;
  }

  .navbar-nav .dropdown .dropdown-home-pages {
    height    : 190px;
    overflow-y: scroll;
  }
}

@media (min-width: 577px) and (max-width: 991px) {

  /* Hero */
  .home .hero-content h1 {
    font-size: 51px;
  }

  .home .hero-content h1 {
    margin-bottom: 32px;
  }

  .hero-content {
    text-align: center;
  }

  .home .video-hero {
    display: none;
  }

  /* About */
  .about {
    padding: 0 0 125px 0;
  }

  .about .about-content h2 {
    font-size : 38px;
    margin-top: 32px;
  }

  .about .about-content p:nth-child(3) {
    margin-bottom: 32px;
  }

  /* Destinations */
  .destinations {
    padding: 0 0 125px 0;
  }

  .destinations h2 {
    font-size    : 38px;
    margin-bottom: 48px;
  }

  .destinations .destination-content {
    margin-bottom: 24px;
  }

  /* Tours */
  .tours {
    padding: 0 0 125px 0;
  }

  .tours h2 {
    font-size    : 38px;
    margin-bottom: 48px;
  }

  .tours .tour-content {
    padding: 16px;
  }

  .tours .tour-content h4 {
    font-size: 21px;
  }

  .tours .tour-content {
    margin-bottom: 16px;
  }

  /* Activities */
  .activities {
    padding: 0 0 125px 0;
  }

  .activities h2 {
    font-size    : 38px;
    margin-bottom: 48px;
  }

  .activities .activity-content {
    margin-bottom: 16px;
  }

  /* Call to Action */
  .call-to-action {
    padding: 0 0 125px 0;
  }

  .call-to-action .call-to-action-content {
    padding: 24px;
  }

  .call-to-action .call-to-action-content h2 {
    font-size: 38px;
    margin   : 0 auto 32px;
  }

  /* Partners */
  .partners {
    padding: 0 0 125px 0;
  }

  .partners h2 {
    font-size: 38px;
    margin   : 0 auto 48px;
  }

  /* testimonials */
  .testimonials {
    padding: 0 0 125px 0;
  }

  .testimonials h2 {
    font-size    : 38px;
    margin-bottom: 48px;
  }

  .testimonials .client-content {
    margin-bottom: 16px;
  }

  /* Blog */
  .blog {
    padding: 0 0 125px 0;
  }

  .blog h2 {
    font-size    : 38px;
    margin-bottom: 48px;
  }

  .blog .blog-content {
    margin-bottom: 16px;
    padding      : 16px;
  }

  .blog .blog-content h4 {
    font-size: 21px;
  }

  /* FAQ */
  .faq {
    padding: 0 0 125px 0;
  }

  .faq h2 {
    font-size    : 38px;
    margin-bottom: 48px;
  }

  .faq .faq-content .faq-content-inner {
    margin-bottom: 16px;
  }

  .faq .faq-content .faq-content-inner .faq-header a {
    text-align: left;
    font-size : 21px;
  }

  /* Contact */
  .contact {
    padding: 0 0 125px 0;
  }

  .contact .contact-form h2 {
    font-size    : 38px;
    margin-bottom: 48px;
  }

  .contact-form .form-control {
    width: 100%;
  }

  .contact .contact-content img {
    margin-bottom: 56px;
  }

  /* Footer */
  .footer-company p {
    margin: 16px 0 0 0;
  }

  .footer-links h5 {
    margin-bottom: 16px;
  }

  .footer-links {
    margin-top: 40px;
  }

  .footer-links ul {
    margin: 0px;
  }

  .footer .contact-info {
    margin-top: 40px;
  }

  .footer .contact-info h5 {
    margin-bottom: 16px;
  }

  .footer-last {
    display    : flex;
    flex-flow  : column;
    align-items: start;
  }

  .footer-last p {
    margin: 0 0 16px 0;
  }

  .footer-last .additional-links a:nth-child(1) {
    margin-left: 0px;
  }

  /* ----Inner Pages
  ----------------------- */
  /* Inner header section for all inner pages*/
  .header-inner {
    padding: 150px 0 100px 0;
  }

  /* Comming Soon */
  .comming-soon .counter h1 {
    font-size: 51px;
  }

  .comming-soon .counter .counter-inner h2 {
    font-size: 38px;
  }

}

@media (max-width: 576px) {

  /* Hero */
  .home .hero-content h1 {
    font-size: 38px;
  }

  .home .hero-content h1 {
    margin-bottom: 32px;
  }

  .hero-content {
    text-align: center;
  }

  .home .video-hero {
    display: none;
  }

  /* About */
  .about {
    padding: 0 0 80px 0;
  }

  .about .about-content h2 {
    font-size : 28px;
    margin-top: 32px;
  }

  .about .about-content p:nth-child(3) {
    margin-bottom: 32px;
  }

  /* Destinations */
  .destinations {
    padding: 0 0 80px 0;
  }

  .destinations h2 {
    font-size    : 28px;
    margin-bottom: 48px;
  }

  .destinations .destination-content {
    margin-bottom: 24px;
  }

  /* Tours */
  .tours {
    padding: 0 0 80px 0;
  }

  .tours h2 {
    font-size    : 28px;
    margin-bottom: 48px;
  }

  .tours .tour-content {
    padding: 16px;
  }

  .tours .tour-content h4 {
    font-size: 21px;
  }

  .tours .tour-content {
    margin-bottom: 16px;
  }

  /* Activities */
  .activities {
    padding: 0 0 80px 0;
  }

  .activities h2 {
    font-size    : 28px;
    margin-bottom: 48px;
  }

  .activities .activity-content {
    margin-bottom: 16px;
  }

  /* Call to Action */
  .call-to-action {
    padding: 0 0 80px 0;
  }

  .call-to-action .call-to-action-content {
    padding: 24px;
  }

  .call-to-action .call-to-action-content h2 {
    font-size: 28px;
    margin   : 0 auto 32px;
  }

  /* Partners */
  .partners {
    padding: 0 0 80px 0;
  }

  .partners h2 {
    font-size: 28px;
    margin   : 0 auto 48px;
  }

  /* testimonials */
  .testimonials {
    padding: 0 0 80px 0;
  }

  .testimonials h2 {
    font-size    : 28px;
    margin-bottom: 48px;
  }

  .testimonials .client-content {
    margin-bottom: 16px;
  }

  /* Blog */
  .blog {
    padding: 0 0 80px 0;
  }

  .blog h2 {
    font-size    : 28px;
    margin-bottom: 48px;
  }

  .blog .blog-content {
    margin-bottom: 16px;
    padding      : 16px;
  }

  .blog .blog-content h4 {
    font-size: 21px;
  }

  /* FAQ */
  .faq {
    padding: 0 0 80px 0;
  }

  .faq h2 {
    font-size    : 28px;
    margin-bottom: 48px;
  }

  .faq .faq-content .faq-content-inner {
    margin-bottom: 16px;
  }

  .faq .faq-content .faq-content-inner .faq-header a {
    text-align: left;
    font-size : 21px;
  }

  /* Contact */
  .contact {
    padding: 0 0 80px 0;
  }

  .contact .contact-form h2 {
    font-size    : 28px;
    margin-bottom: 48px;
  }

  .contact-form .form-control {
    width: 100%;
  }

  .contact .contact-content img {
    margin-bottom: 56px;
  }

  /* Footer */
  .footer-company p {
    margin: 16px 0 0 0;
  }

  .footer-links h5 {
    margin-bottom: 16px;
  }

  .footer-links {
    margin-top: 40px;
  }

  .footer-links ul {
    margin: 0px;
  }

  .footer .contact-info {
    margin-top: 40px;
  }

  .footer .contact-info h5 {
    margin-bottom: 16px;
  }

  .footer-last {
    display    : flex;
    flex-flow  : column;
    align-items: start;
  }

  .footer-last p {
    margin: 0 0 16px 0;
  }

  .footer-last .additional-links a:nth-child(1) {
    margin-left: 0px;
  }

  /* ----Inner Pages
  ----------------------- */
  /* Inner header section for all inner pages*/
  .header-inner {
    padding: 125px 0 80px 0;
  }

  .header-inner h3 {
    font-size: 28px;
  }

  /* Tour Detail */
  .tour-detail .tour-detail-content {
    padding: 16px;
  }

  .tour-detail .tour-detail-content .tour-package-pricing {
    display: block;
  }

  /* Blog Detail */
  .blog-detail .blog-detail-inner {
    padding: 16px;
  }

  /* Comming Soon */
  .comming-soon .counter h1 {
    font-size: 38px;
  }

  .comming-soon .counter .counter-inner h2 {
    font-size: 28px;
  }


}