@charset "utf-8";
/* CSS Document */
/* Author : Binod Raj Dhami */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ================================================== Reset specific tags further */
html, body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, li, figure, blockquote {
    margin: 0;
    padding: 0;
    font-family: "Karla", sans-serif;
}

/* ================================================== Apply the font globally */
body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: #000;
    font-family: 'Karla', sans-serif;
    background: #fff;
}

/* ================================================== Override CSS */
.owl-carousel .owl-item img{
    width: inherit;
}

/* ================================================== Go To Top Section */
#back-top { 
  display: block; 
  position: fixed; 
  bottom: 10px; 
  right: 15px; 
  text-align: center; 
  z-index: 9; 
}

#back-top a { 
  display: block; 
  text-decoration: none;  
}

#back-top a .fa { 
  width: 40px; 
  height: 40px; 
  padding-top: 13px; 
  font-size: 14px; 
  border-radius: 5px; 
  opacity: 1; 
  color: #fff; 
  background: #0e0700; 
  border: #fff solid 1px; 
  -webkit-transition: all linear 0.3s; 
  -moz-transition: all linear 0.3s; 
  transition: all linear 0.3s; 
}

#back-top a .fa:hover { 
  background: #fff; 
  color: #0e0700; 
  border-color: #0e0700; 
  transform: scale(1.05, 1.05);  
}


#bannerSlider,
#productCategorySlider,
#relatedSlider{
    overflow: hidden;
}

/* ================================================== Header Section */
header{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 15px 0;
}

.header-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-site-logo img{
    width: 130px;
    height: auto;
}

.header-contact a{
    text-decoration: none;
}

.header-contact a .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 50%;
    color: #000;
    font-size: 18px;
}

#mega-menu-wrap-header-menu{
    padding: 8px 5px;
    border-radius: 50px;
    border: #fff solid 1px;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
    display: inline-block;
    margin: 0;
    padding: 7px 25px;
    height: inherit;
    line-height: inherit;
    border-radius: 50px;
    transition: all ease-in-out 0.3s;
    background: transparent;
    color: #fff;
    font-family: 'Karla', sans-serif;
    font-weight: bold;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{
    background: #fff;
    color: #000;
    font-weight: bold;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item.mega-current-page-ancestor > a.mega-menu-link{
    background: rgba(255, 255, 255, 0.3);
    color: #fff;
    font-weight: bold;
}

/* ================================================== Banner Section */
.banner{
    position: relative;
    min-height: 100vh;
    width: 100%;
    padding: 200px 0;
    background: url('../images/hero-background.webp') no-repeat top center;
    background-size: cover;
    display: flex;
    align-items: center;
    z-index: 1;
}

.banner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(43, 43, 43, 0.6) 0%,rgba(0, 0, 0, 0.3) 100%);
    z-index: -1;
}

.banner-hero-content{
    margin-bottom: 100px;
}

.banner-hero-content h4{
    display: inline-block;
    padding: 15px 20px;
    color: #fff;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    font-weight: 500;
    line-height: 1em;
    border: #ffffff33 solid 1px;
    background: #ffffff1a;
    border-radius: 30px;
}

.banner-hero-content h2{
    font-size: 72px;
    color: #fff;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
    margin: 25px 0 40px;
}

.banner-hero-content a{
    display: inline-block;
    padding: 15px 30px;
    background: #fff;
    border-radius: 30px;
    color: #000;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    font-weight: 400;
    line-height: 1em;
    text-decoration: none;
    text-transform: uppercase;   
}

.banner-hero-content a .fa-solid{
    margin-left: 5px;
}

.banner-info-content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
}

.banner-info-content .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1em;
    border: #ffffff33 solid 2px;
    background: #ffffff1a;
    border-radius: 50%;
}

.banner-info-content p{
    color: #fff;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

/* ================================================== Top Destination Section */
.top-destination{
    padding: 100px 0;
    background: #fff;
}

.top-destination-row{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 50px;
}

.top-destination-col:first-child{
    width: 40%;
}

.top-destination-col:last-child{
    width: 60%;
}

.top-destination-row-second{
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.top-destination-col-half{
    width: calc(50% - 25px);
}

.top-destination-col-full{
    width: 100%;
}

.top-destination-card{
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 15px;
}

.top-destination-card-1{
    height: 720px;
}

.top-destination-card-2,
.top-destination-card-3{
    height: 300px;
}

.top-destination-card-4{
    height: 370px;
}

.top-destination-card:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.65) 100%);
    z-index: -1;
}

.top-destination-card-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 999;
    padding: 30px;
    padding-top: 0;
}

.top-destination-card-content h4{
    color: #fff;
    font-size: 30px;
    font-family: "El Messiri", sans-serif;
    font-weight: 600;
}

.top-destination-card-content span{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    font-weight: 600;
}

.top-destination-card-content .fa-solid{
    position: absolute;
    top: 0;
    right: 50px;
    width: 50px;
    height: 50px;
    border: #fff solid 1px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    color: #fff;
    font-size: 22px;
    transform: rotate(-45deg);
    transition: all ease-in-out 0.3s;
}

.top-destination-card-content .fa-solid:hover{
    background: #fff;
    color: #000;
}

/* ================================================== Experience Section */
.experience{
    padding: 30px 0 100px;
}

.experience-row{
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.experience-content{
    width: 40%;
}

.experience-content h2{
    font-size: 55px;
    color: #000;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
}

.experience-content p{
    color: #7a7a7a;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

.experience-list-content li{
    display: flex;
    gap: 25px;
    margin-top: 30px;
}

.experience-list-content li .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background: #000;
    color: #fff;
    border-radius: 50%;
}

.experience-list-content li h4{
    font-size: 28px;
    color: #000;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    margin-bottom: 5px;
}

.experience-thumbnail{
    width: 60%;
    background: url('../images/experience-thumbnail.webp') no-repeat center center;
    background-size: cover;
    border-radius: 15px;
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
    gap: 20px;
    padding: 30px;
}

.experience-thumbnail-info{
    position: relative;
    width: 230px;
    height: 130px;
    border-radius: 10px;
    overflow: hidden;
    padding: 10px;
    z-index: 1;
}

.experience-thumbnail-info::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(2px);
    z-index: -1;
}

.experience-thumbnail-info a{
    display: flex;
    justify-content: center;
    align-items: center;
}

.experience-thumbnail-info a img{
    width: 100%;
    height: 110px;
    border-radius: 5px;

}

/* ================================================== Discover Section */
.discover{
    position: relative;
    padding: 100px 0 15px;
    background: #0e0700;
}

.discover::before{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 85px;
    background: #0e0700;
    z-index: 9;
}

.discover-row{
    display: flex;
    align-items: center;
}

.discover-heading,
.discover-content{
    width: 50%;
}

.discover-heading h2{
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
    margin-right: 50px;
}

.discover-content p{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
    margin-bottom: 30px;
}

.discover-content a{
    display: inline-block;
    padding: 12px 30px;
    color: #000;
    background: #fff;
    font-size: 16px;
    text-decoration: none;
    border-radius: 30px;
    text-transform: uppercase;
}

/* ================================================== Video Section */
.video-intro{
    width: 100%;
    position: relative;
}

.video-intro iframe{
    width: 100%;
    height: calc(100vh + 125px);
}

.video-intro::before{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 85px;
    background: #0e0700;
}

.video-intro::after{
    content: '';
    position: absolute;
    bottom: 85px;
    left: 0;
    width: 100%;
    height: 50%;
    background-image: linear-gradient(to bottom, transparent, #0e0700);
}

/* ================================================== Testimonials Section */
.testimonial{
    position: relative;
    padding: 50px 15px 100px;
    background: #0e0700;
    z-index: 1;
}

.testimonial::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(to right, #0e0700, transparent);
    z-index: 99;
}

.testimonial::after{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background-image: linear-gradient(to left, #0e0700, transparent);
    z-index: 99;
}

.testimonial-card{
    padding: 40px 30px;
    min-height: 300px;
    background: #191919;
    border-radius: 15px;
}

.testimonial-card p{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

.testimonial-card-content{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
}

.testimonial-card-image{
    position: relative;
    overflow: hidden;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}

.testimonial-card-image img{
    width: full;
    height: auto;
}

.testimonial-card-content-details h4{
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
}

.testimonial-card-content-details span{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
}

/* ================================================== Exploring Section */
.exploring{
    position: relative;
    padding: 100px 0;
    background: #fff;
}

.exploring-row{
    display: flex;
    align-items: center;
}

.exploring-heading,
.exploring-content{
    width: 50%;
}

.exploring-heading h2{
    font-size: 48px;
    color: #000;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
    margin-right: 50px;
}

.exploring-content p{
    color: #7a7a7a;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

.exploring-content-links{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
    margin-top: 30px;
}

.exploring-content-links a{
    display: inline-block;
    padding: 12px 30px;
    color: #fff;
    background: #000;
    border: #000 solid 1px;
    font-size: 16px;
    text-decoration: none;
    border-radius: 30px;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
}

.exploring-content-links a:hover,
.exploring-content-links a:last-child{
    background: #fff;
    color: #000;
    border-color: #000;
}

.exploring-content-links a:last-child:hover{
    background: #000;
    color: #fff;
}

/* ================================================== Grid Gallery Section */
.grid-gallery-row{
    display: flex;
    gap: 50px;
}

.grid-gallery-col{
    position: relative;
    width: 50%;
}

.grid-gallery-first-col{
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 90%;
}

.grid-gallery-col-row{
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 50px;
}

.grid-gallery-second-col{
    width: calc(100% - 100px);
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 400px;
}

.grid-gallery-third-col{
    width: calc(50% - 25px);
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    height: 500px;
}

.grid-gallery-fourth-col{
    width: 300px;
    border-radius: 20px;
    background: #0e0700;
    min-height: 200px;
    padding: 30px;
}

.grid-gallery-fourth-col .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    width: 50px;
    height: 50px;
    background: #fff;
    color: #000;
    border-radius: 50%;
}

.grid-gallery-fourth-col h4{
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
    margin: 20px 0 10px;
}

.grid-gallery-fourth-col p{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
}

/* ================================================== Best Destination Section */
.best-destination{
    padding: 100px 0;
    background: #fff;
}

.best-destination-heading{
    margin-bottom: 50px;
    text-align: center;
}

.best-destination-heading h2{
    margin: 0 auto 15px;
    max-width: 450px;
    font-size: 48px;
    color: #000;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
}

.best-destination-heading p{
    color: #7a7a7a;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

.best-destination-card{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
    z-index: 1;
}

.best-destination-card::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22%,rgba(0, 0, 0, 0.75) 100%);
    z-index: 1;
}

.best-destination-card-thumbnail img{
    width: 100%;
    height: auto;
    transition: all ease-in-out 0.5s;
}

.best-destination-card:hover .best-destination-card-thumbnail img{
    transform: scale(1.2);
}

.best-destination-card-detail{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    z-index: 2;
}

.best-destination-card-title h4 a{
    display: inline-block;
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
    text-decoration: none;
    margin-bottom: 5px;
}

.best-destination-card-title span{
    color: #ffffff91;
    font-size: 14px;
    font-family: "Karla", sans-serif;
}

.best-destination-card-price{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
}

.best-destination-card-price span{
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    font-family: "Karla", sans-serif;
}

.best-destination-card-price span:last-child{
    margin-top: 8px;
    font-size: 30px;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
}

/* ================================================== FAQs Section */
.faqs{
    padding: 100px 0;
    background: #0e0700;
}

.faqs-row{
    display: flex;
    gap: 50px;
}

.faqs-heading,
.faqs-content{
    width: 50%;
}

.faqs-heading h2{
    font-size: 48px;
    color: #fff;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
}

.faqs-content p{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
    margin-bottom: 30px;
}

.faqs-content a{
    display: inline-block;
    padding: 12px 30px;
    color: #000;
    background: #fff;
    font-size: 16px;
    text-decoration: none;
    border-radius: 30px;
    text-transform: uppercase;
}

.faqs-accordion{
    margin: 70px 0;
}

.faqs-accordion-row{
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.faqs-accordion-col{
    width: 50%;
}

.accordion-item{
    background: transparent;
    border: none;
    margin-bottom: 30px;
}

.accordion-item .accordion-header{
    background: transparent;
    border: none;
}

.accordion-item .accordion-header .accordion-button{
    background: transparent;
    padding: 0;
    padding-bottom: 20px;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
    border: none;
    border-bottom: #ffffff33 solid 1px;
    box-shadow: none;
}

.accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{
    border-radius: 0;
}

.accordion-item .accordion-header .accordion-button::after{
    content: '';
    font-family: 'fontawesome';
    background: transparent;
}

.accordion-item .accordion-body{
    padding: 15px 0;
}

.accordion-item .accordion-body p{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

.faqs-video{
    position: relative;
    height: calc(100vh - 100px);
    background: url('../images/faqs-video.webp') no-repeat center center;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.faqs-video::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(90deg, rgba(43, 43, 43, 0.6) 0%,rgba(0, 0, 0, 0.3) 100%);
    z-index: -1;
}

.btn-faqs-video{
    width: 70px;
    height: 70px;
    background: #fff;
    border-radius: 50%;
    color: #000;
    font-size: 24px;
    border: none;
}

/* ==================================================  Section */
.news-blog{
    padding: 100px 0;
    background: #fff;
}

.news-blog-row{
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

.news-blog-col{
    width: 50%;
}

.news-blog-heading{
    margin-bottom: 50px;
}

.news-blog-heading h2{
    font-size: 48px;
    color: #000;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
}

.news-blog-heading p{
    color: #7a7a7a;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

.news-blog-card{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    z-index: 1;
}

.news-blog-card::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22%,rgba(0, 0, 0, 0.75) 100%);
    z-index: 1;
}

.news-blog-card-thumbnail img{
    width: 100%;
    height: auto;
    transition: all ease-in-out 0.5s;
}

.news-blog-card:hover .news-blog-card-thumbnail img{
    transform: scale(1.2);
}

.news-blog-card-detail{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.news-blog-card-detail h4 a{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    padding: 30px;
    padding-bottom: 60px;
    font-size: 30px;
    color: #fff;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
    text-decoration: none;
    margin-bottom: 5px;
}

.news-blog-card-detail span{
    position: absolute;
    bottom: 30px;
    left: 30px;
    color: #ffffff91;
    font-size: 18px;
    font-family: "Karla", sans-serif;
}

.news-blog-card-detail span .fa-solid{
    font-size: 14px;
}

.news-blog-list-card{
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 30px;
    margin-bottom: 30px;
}

.news-blog-list-card-thumbnail{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    width: 200px;
}

.news-blog-list-card-thumbnail img{
    width: 100%;
    height: auto;
    transition: all ease-in-out 0.5s;
}

.news-blog-list-card:hover .news-blog-list-card-thumbnail img{
    transform: scale(1.2);
}

.news-blog-list-card-thumbnail::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22%,rgba(0, 0, 0, 0.75) 100%);
    z-index: 1;
}

.news-blog-list-card-detail{
    width: calc(100% - 200px);
}

.news-blog-list-card-detail h4 a{
    font-size: 30px;
    color: #000;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1.1em;
    text-decoration: none;
    margin-bottom: 5px;
}

.news-blog-list-card-detail p{
    color: #7a7a7a;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
    margin-bottom: 15px;
}

.news-blog-list-card-detail .read-more{
    display: inline-block;
    padding: 5px 15px;
    background: #7a7a7a;
    color: #fff;
    font-size: 14px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
    text-decoration: none;
    border-radius: 10px;
    transition: all ease-in-out 0.3s;
}

.news-blog-list-card-detail .read-more .fa-solid{
    font-size: 12px;
}

.news-blog-list-card-detail .read-more:hover{
    background: #000;
}

/* ================================================== Footer Section */
footer{
    background: #0e0700;
}

.footer-content{
    padding: 100px 0 50px;
}

.footer-copyright{
    padding: 20px 0;
    border-top: #ffffff33 solid 1px;
}

.footer-copyright p{
    color: #ffffff91;
    text-align: center;
    font-size: 16px;
    font-family: "Karla", sans-serif;
}

.footer-info-block{
    padding-right: 50px;
}

.footer-logo img{
    display: inline-block;
    width: 150px;
    height: auto;
}

.footer-content-block p{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
    margin: 20px 0;
}

.footer-social-link ul{
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
}

.footer-social-link ul li a{
    color: #fff;
    text-decoration: none;
}

.footer-content-block h4{
    margin-bottom: 20px;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
}

.footer-content-block ul li{
    list-style: none;
}

.footer-content-block ul li a{
    color: #ffffff91;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
    text-decoration: none;
}

.footer-content-block ul li a:hover{
    color: #fff;
}

.tnp-subscription{
    margin: 0!important;
}

.tnp-subscription form{
    position: relative;
}

.tnp-subscription div.tnp-field{
    margin-bottom: 0!important;
}

.tnp-subscription .tnp-field-email .tnp-email{
    width: 100%;
    height: 60px;
    border-radius: 55px;
    border: #ffffff33 solid 1px;
    background: transparent;
    padding: 15px 120px 15px 20px;
}

.tnp-subscription .tnp-field-email label{
    display: none;
}

.tnp-subscription .tnp-field-button{
    position: absolute;
    top: 3px;
    right: 4px;
    width: 100px;
    height: 100%;
}

.tnp-subscription .tnp-field-button .tnp-submit{
    width: 100%;
    height: 53px;
    border-radius: 55px;
    transition: all ease-in-out 0.3s;
}

.tnp-subscription .tnp-field-button .tnp-submit:hover{
    background: #fff;
    color: #000;
}

/* ================================================== Page */
.page-banner{
    position: relative;
    padding: 200px 0 150px;
    z-index: 1;
}

.page-banner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    z-index: -1;
}

.page-banner-content{
    max-width: 500px;
}

.page-banner-breadcrumb{
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    font-family: "Karla", sans-serif;
    border: #ffffff33 solid 1px;
    background: #ffffff1a;
    border-radius: 30px;
    margin-bottom: 20px;
}

.page-banner-breadcrumb a,
.page-banner-breadcrumb span{
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

.page-banner-breadcrumb .fa-solid{
    width: 15px;
    height: 15px;
    background: #fff;
    color: #7a7a7a;
    border-radius: 50%;
    font-size: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 5px;
}

.page-bannerheading h1{
    color: #fff;
    font-size: 60px;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
}

.page-content{
    padding: 100px 0;
    background: #fff;
}

/* ================================================== Destination Archive Page */
.page-content-last-wrapper{
    margin-top: 100px;
}

.page-heading{
    max-width: 500px;
    margin: 0 auto 30px;
    text-align: center;
}

.page-heading-title{
    font-size: 55px;
    color: #000;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
    margin-bottom: 15px;
}

.page-heading-subtitle{
    color: #7a7a7a;
    font-size: 16px;
    font-family: "Karla", sans-serif;
    line-height: 30px;
}

.destination-card{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
}

.destination-card::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%,rgba(0, 0, 0, 0.65) 100%);
    z-index: 1;
}

.destination-card-thumbnail img{
    width: 100%;
    height: auto;
}

.destination-card-detail{
    position: absolute;
    bottom: 20px;
    left: 20px;
    width: 100%;
    z-index: 2;
}

.destination-card-detail h4{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
    font-family: "El Messiri", sans-serif;
    line-height: 1em;
}

.destination-card-detail h4 a{
    display: inline-block;
    color: #fff;
    text-decoration: none;
}



/* ================================================== Responsive */
/* Large */
@media (max-width: 1199px){
    .product-card-thumbnail{
        height: 230px;
    }

}

/* Medium */
@media (max-width: 991px){


}

/* Small */
@media (max-width: 767px){

}

/* Extra Small*/
@media (max-width: 574px){

    .header-container{
        justify-content: flex-end;
        gap: 15px;
    }

    .header-site-logo{
        margin-right: auto;
    }

    .header-nav{
        order: 3;
    }

    .header-contact{
        order: 2;
    }

    .header-contact a .fa-solid{
        width: 40px;
        height: 40px;
        font-size: 14px;
    }

    #mega-menu-wrap-header-menu{
        padding: 0;
        border-radius: 0;
        border: none;
    }

    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-box{
        width: 30px;
    }

    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner,
    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before,
    #mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after{
        width: 30px;
    }

    #mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu{
        padding: 30px 15px;
    }

    #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link{
        margin-top: 5px;
        background: rgba(255, 255, 255, 0.05);
    }

    /* ============================== Banner */
    .banner{
        padding: 150px 0;
    }

    .banner-hero-content{
        margin-bottom: 30px;
    }

    .banner-hero-content h2{
        font-size: 48px;
        margin-bottom: 15px 0 30px;
    }

    .banner-hero-content h4{
        font-size: 14px;
    }

    .banner-hero-content a{
        font-size: 14px;
    }

    .banner-info-content{
        margin-top: 15px;
    }

    /* ============================== Top Destination */
    .top-destination-row{
        flex-direction: column;
        gap: 30px;
    }

    .top-destination-col:first-child,
    .top-destination-col:last-child{
        width: 100%;
    }

    .top-destination-row-second{
        gap: 30px;
    }

    .top-destination-col-half{
        width: 100%;
    }

    .top-destination-card-content{
        padding: 15px;
        padding-top: 0;
    }

    .top-destination-card-content h4{
        font-size: 24px;
    }

    .top-destination-card-content p{
        font-size: 16px;
    }

    .top-destination-card-content .fa-solid{
        font-size: 14px;
        right: 15px;
        width: 30px;
        height: 30px;
    }

    /* ============================== Experience */
    .experience-row{
        flex-direction: column;
    }

    .experience-content{
        width: 100%;
    }

    .experience-content h2{
        font-size: 42px;
    }

    .experience-list-content li h4{
        font-size: 24px;
    }

    .experience-thumbnail{
        width: 100%;
        gap: 15px;
    }

    .experience-thumbnail-info{
        height: 100px;
    }

    .experience-thumbnail-info a img{
        height: 80px;
    }

    /* ============================== Discover */
    .discover{
        padding-bottom: 0;
    }

    .discover-row{
        flex-direction: column;
    }

    .discover-heading, .discover-content{
        width: 100%;
    }

    .discover-heading h2{
        font-size: 42px;
        margin-bottom: 15px;
    }

    .video-intro iframe{
        height: 400px;
    }

    /* ============================== Exploring */
    .exploring-row{
        flex-direction: column;
    }

    .exploring-heading, .exploring-content{
        width: 100%;
    }

    .exploring-heading h2{
        font-size: 42px;
        margin-right: 0;
        margin-bottom: 15px;
    }

    /* ============================== Grid Gallery */
    .grid-gallery{
        padding: 0 15px;
    }

    .grid-gallery-first-col{
        height: 400px;
    }

    .grid-gallery-row{
        flex-direction: column;
        gap: 15px;
    }

    .grid-gallery-col{
        width: 100%;
    }

    .grid-gallery-col-row{
        gap: 15px;
    }

    .grid-gallery-second-col,
    .grid-gallery-third-col{
        width: calc(50% - 10px);
        height: 300px;
    }

    .grid-gallery-fourth-col{
        width: 100%;
    }

    /* ============================== Best Destination */
    .best-destination-heading h2{
        font-size: 42px;
    }

    /* ============================== FAQs */
    .faqs-row{
        flex-direction: column;
        gap: 30px;
    }

    .faqs-heading, .faqs-content,
    .faqs-accordion-col{
        width: 100%;
    }

    .faqs-heading h2{
        font-size: 42px;
    }

    .faqs-accordion-row{
        flex-direction: column;
        gap: 0;
    }

    /* ============================== News & Blog */
    .news-blog-row{
        flex-direction: column;
    }

    .news-blog-col{
        width: 100%;
    }

    .news-blog-heading h2{
        font-size: 42px;
    }

    .news-blog-list-card{
        gap: 20px;
    }

    .news-blog-list-card-thumbnail{
        width: 100px;
    }

    .news-blog-list-card-detail{
        width: calc(100% - 100px);
    }
    
    .news-blog-list-card-detail h4 a{
        font-size: 24px;
    }

    .news-blog-list-card-detail p{
        margin-bottom: 5px;
    }

    /* ============================== Page */
    .page-bannerheading h1{
        font-size: 42px;
    }
}

/* Extra Small*/
@media (max-width: 460px){
    
}