@charset "utf-8";
/* CSS Document */
/* Author : Binod Raj Dhami */

:root{
    --theme-primary-color: #ffffff;
    --theme-secondary-color: #000000;
    --theme-green-color: #08b37c;
    --theme-green-dark-color: #17696b;
    --theme-green-heavy-dark-color: #040f19;
    --theme-footer-text-color: rgba(255,255,255, 0.75);
    --theme-yellow-color: #ffb838;
    --theme-background-color: #f9fafb;
    --theme-text-color: #7a7a7a;
    --theme-title-color: #082234;
    --theme-title-font: "El Messiri", sans-serif ;
    --theme-text-font: "Karla", sans-serif ;
    --transition: all ease-in-out 0.3s;

    --faq-bg: #111A1C;
    --faq-border: rgba(255,255,255,.06);

    --faq-hover-bg: #152729;
    --faq-hover-border: rgba(27,183,164,.25);
}

*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* ================================================== Reset specific tags further */
html, body, p, ul, ol, dl, li, figure, blockquote {
    margin: 0;
    padding: 0;
    font-family: var(--theme-text-font);
}

h1, h2, h3, h4, h5, h6{
    margin: 0;
    padding: 0;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

/* ================================================== Apply the font globally */
body {
    position: relative;
    margin: 0;
    padding: 0;
    font-size: 14px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    background: var(--theme-primary-color);
}

a{
    text-decoration: none;
}

/* ================================================== 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 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px; 
    height: 60px; 
    font-size: 16px; 
    border-radius: 50%; 
    opacity: 1; 
    color: var(--theme-primary-color); 
    background: var(--theme-green-dark-color); 
    border: var(--theme-green-dark-color) solid 1px; 
    -webkit-transition: var(--transition); 
    -moz-transition: var(--transition); 
    transition: var(--transition); 
}

#back-top a .fa:hover { 
    background: var(--theme-green-color); 
    border-color: var(--theme-green-color); 
    color: var(--theme-primary-color); 
    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;
}

#mega-menu-wrap-header-menu{
    padding: 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: 10px 25px;
    height: inherit;
    line-height: inherit;
    border-radius: 50px;
    transition: var(--transition);
    background: transparent;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-weight: bold;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover{
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
    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: var(--theme-green-color);
    color: var(--theme-primary-color);
    font-weight: bold;
}

/* ========== Header Support ========== */
.header-contact{
    display: flex;
    align-items: center;
    gap: 15px;
}

.header-contact-btn{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px;
    padding-right: 20px;
    border-radius: 50px;
    background: var(--theme-primary-color);
}

.header-contact-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    font-size: 18px;
    border-radius: 50%;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
}

.header-contact-content{
    display: flex;
    flex-direction: column;
}

.header-contact-content span{
    font-size: 14px;
    font-weight: 400;
    color: var(--theme-title-color);
}

.header-contact-content span:last-child{
    font-size: 16px;
    font-weight: 700;
}

/* ========== Aside Menu ==========  */
.btn-open-aside-menu {
    background: transparent;
    border: none;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    border-radius: 50%;
    border: var(--theme-primary-color) solid 1px;
    color: var(--theme-primary-color);
    transition: var(--transition);
}

.btn-open-aside-menu:hover,
.btn-open-aside-menu.flipped{
    border-color: var(--theme-green-color);
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
}

.btn-open-aside-menu.flipped .fa-solid {
    transform: rotateY(180deg);
}

/* ================================================== Aside Menu */
.aside-menu {
    position: fixed;
    top: 0;
    right: -100%;
    width: 400px;
    height: 100%;
    padding: 30px 50px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 20px;
    z-index: 9999;
    backdrop-filter: blur(15px);
    background: var(--theme-secondary-color);
    box-shadow: -15px 0 30px -15px rgba(0, 0, 0, 0.75);
}

.btn-hide-aside-menu {
    position: absolute;
    top: 0;
    right: 0;
    background: transparent;
    border: none;
    font-size: 24px;
    color: var(--theme-primary-color);
    height: 70px;
    width: 50px;
}

.site-header-aside-about{
    margin-bottom: auto;
}

.site-header-aside-about a img{
    display: inline-block;
    margin-bottom: 15px;
    width: 200px;
    height: auto;
}

.site-header-aside-about p{
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-primary-color);
    font-family: var(--theme-font-roboto);
}

.site-header-aside-menu{
    display: none;
}

.site-header-aside-menu .menu .menu-item{
    list-style: none;
    line-height: 36px;
}

.site-header-aside-menu .menu .menu-item a{
    position: relative;
    padding: 5px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-primary-color);
    font-family: var(--theme-font-roboto);
    transition: var(--transition);
}

.site-header-aside-menu .menu .menu-item a::before{
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    width: 0;
    height: 1px;
    transition: var(--transition);
    background: var(--theme-green-color);
}

.site-header-aside-menu .menu .menu-item a:hover,
.site-header-aside-menu .menu .current-menu-item a{
    color: var(--theme-green-color);
}

.site-header-aside-menu .menu .menu-item a:hover::before,
.site-header-aside-menu .menu .current-menu-item a::before{
    width: 100%;
}

.site-header-aside-contact ul{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.site-header-aside-contact ul li{
    display: flex;
    gap: 10px;
    list-style: none;
}

.site-header-aside-contact ul li .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    font-size: 12px;
    border-radius: 50%;
    border: var(--theme-primary-color) dashed 1px;
    color: var(--theme-primary-color);
}

.site-header-aside-contact ul li span:last-child{
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-primary-color);
    font-family: var(--theme-font-roboto);
}

.site-header-aside-links ul{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 5px;
    list-style: none;
}

.site-header-aside-links ul li a .fa-brands{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    font-size: 14px;
    border-radius: 50%;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
}

.site-header-aside-copyright p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-primary-color);
    font-family: var(--theme-font-roboto);
}

/* ================================================== Banner Section */
.banner{
    position: relative;
    min-height: 100vh;
    width: 100%;
    padding: 200px 0 50px;
    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: 70px;
}

.banner-hero-content .banner-subtitle{
    display: inline-block;
    padding: 15px 20px;
    color: var(--theme-primary-color);
    font-size: 16px;
    font-family: var(--theme-text-font);
    font-weight: 500;
    line-height: 1em;
    border: #ffffff33 solid 1px;
    background: #ffffff1a;
    border-radius: 30px;
}

.banner-hero-content .banner-subtitle .fa-solid{
    color: var(--theme-green-color);
    font-size: 14px;
}

.banner-hero-content .banner-title{
    font-size: 72px;
    color: var(--theme-primary-color);
    font-weight: 600;
    font-family: var(--theme-title-font);
    line-height: 1em;
    margin: 25px 0 40px;
}

.banner-hero-content a{
    display: inline-block;
    padding: 22px 50px 20px;
    border-radius: 50px;
    text-decoration: none;
    color: var(--theme-title-color);
    background: var(--theme-primary-color);
    text-transform: capitalize;   
}

.banner-hero-content a .fa-solid{
    margin-left: 5px;
    font-size: 14px;
    color: var(--theme-green-color);
}

.banner-hero-content a span{
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    font-family: var(--theme-title-font);
}

#featureSlider{
    position: relative;
    padding: 30px;
    overflow: hidden;
    border-radius: 30px;
    border: rgba(255, 255, 255, 0.3) solid 1px;
}

#featureSlider::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.10),
        rgba(255,255,255,.03)
    );
    backdrop-filter: blur(3px) saturate(200%);
    -webkit-backdrop-filter: blur(3px) saturate(200%);
}

.banner-feature{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 15px;
}

.banner-feature-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    color: var(--theme-primary-color);
    font-size: 20px;
    line-height: 1em;
    border: var(--theme-green-color) solid 2px;
    background: #082d215e;
    border-radius: 50%;
}

.banner-feature-content h4{
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 30px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

.banner-feature-content p{
    font-size: 14px;
    line-height: 24px;
    font-family: var(--theme-text-font);
    color: var(--theme-primary-color);
}

/* ================================================== Common Section */
.section-heading{
    position: relative;
    max-width: 700px;
    margin: 0 auto 50px;
    text-align: center;
}

.section-heading::before{
    content: '';
    position: absolute;
    top: calc(100% + 15px);
    left: 50%;
    width: 70px;
    height: 3px;
    transform: translateX(-50%);
    background: var(--theme-green-color);
}

.section-heading .section-subtitle{
    position: relative;
    display: inline-block;
    margin-bottom: 10px;
    padding: 0 15px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--theme-text-font);
    color: var(--theme-green-color);
}

.section-heading .section-subtitle::after{
    content: '';
    position: absolute;
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    width: 25px;
    height: 2px;
    background: var(--theme-green-color);
}

.section-heading .section-subtitle::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 25px;
    height: 2px;
    background: var(--theme-green-color);
}

.section-heading .section-title{
    font-size: 48px;
    font-weight: 700;
    font-family: var(--theme-title-font);
    color: var(--theme-title-color);
}

.section-heading .section-description{
    font-size: 16px;
    line-height: 24px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

/* ================================================== Top Destination Section */
.destination{
    padding: 70px 0;
    background: var(--theme-primary-color);
}

.destination-row{
    display: flex;
    justify-content: space-between;
    gap: 15px;
}

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

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

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

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

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

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

.destination-card-1{
    height: 100%;
}

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

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

.destination-card::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to top,
            rgba(3, 22, 36, 0.98) 0%,
            rgba(4, 30, 46, 0.92) 22%,
            rgba(5, 36, 56, 0.55) 45%,
            rgba(5, 36, 56, 0.15) 70%,
            rgba(5, 36, 56, 0) 100%
        );
}

.destination-card-thumbnail{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.destination-card-thumbnail img{
    position: relative;
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: var(--transition);
}

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

.destination-card .destination-type{
    position: absolute;
    top: 30px;
    left: 30px;
    display: inline-block;
    padding: 5px 15px;
    border-radius: 15px;
    text-transform: uppercase;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

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

.destination-card-content-location{
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--theme-primary-color);
}

.destination-card-content-location .fa-solid{
    font-size: 12px;
}

.destination-card-content-location span{    
    font-size: 16px;
    font-weight: 600;
    font-family: var(--theme-text-font);
}

.destination-card-content-title{
    margin: 5px 0;
}

.destination-card-content-title a{
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    transition: var(--transition);
}

.destination-card-content-title a:hover{
    color: var(--theme-green-color);
}

.destination-card-paragraph{
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--theme-primary-color);
}

.destination-card-link{
    margin-top: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
}

.destination-card-link .fa-solid{   
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: var(--theme-green-color) solid 1px;
    color: var(--theme-primary-color);
    transition: var(--transition);
}

.destination-card-link .fa-solid:hover{
    background: var(--theme-primary-color);
    color: var(--theme-green-color);
}

.destination-card-link span{
    display: inline-block;
    font-size: 16px;
    color: var(--theme-primary-color);
    border-bottom: var(--theme-green-color) solid 1px;
    transition: var(--transition);
}

.destination-card-link:hover span{
    color: var(--theme-green-color);
}

/* ================================================== Why Choose Us Section */
.why-choose-us{
    padding: 30px 0 100px;
}

.why-choose-us-row{
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.why-choose-us .section-heading{
    text-align: left;
    max-width: 100%;
}

.why-choose-us .section-heading::before{
    left: 0;
    transform: translateX(0);
}

.why-choose-us .section-heading .section-subtitle{
    padding-left: 0;
}

.why-choose-us .section-heading .section-subtitle::after{
    display: none;
}

.why-choose-us-content{
    width: 50%;
}

.why-choose-us-list-content{
    position: relative;
    margin-bottom: 50px;
}

.why-choose-us-list-content::before{
    content: '';
    position: absolute;
    top: 0;
    left: 35px;
    width: 1px;
    height: calc(100% - 35px);
    border: var(--theme-green-dark-color) dashed 1px;
}

.why-choose-us-list-content li{
    position: relative;
    display: flex;
    gap: 25px;
    margin-top: 30px;
}

.why-choose-us-list-content li::before{
    content: '';
    position: absolute;
    top: 100%;
    left: 36px;
    transform: translateX(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: var(--theme-green-dark-color);
}

.why-choose-us-list-content li:last-child::before{
    display: none;
}

.why-choose-us-list-content li .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    font-size: 26px;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    border-radius: 50%;
}

.why-choose-us-list-content li h4{
    font-size: 30px;
    line-height: 32px;
    color: var(--theme-title-color);
    font-weight: 600;
    font-family: var(--theme-title-font);
    margin-bottom: 5px;
}

.why-choose-us-list-content p{
    color: var(--theme-text-color);
    font-size: 16px;
    font-family: var(--theme-text-font);
    line-height: 24px;
}

.why-choose-us-statistics{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 30px;
    border-radius: 20px;
    background: var(--theme-primary-color);
    box-shadow: 0 0 30px -20px rgba(0, 0, 0, 0.5);
}

.why-choose-us-statistic{
    text-align: center;
}

.why-choose-us-statistic-number{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-bottom: 5px;
}

.why-choose-us-statistic-number .fa-solid{
    color: var(--theme-green-color);
    font-size: 24px;
}

.why-choose-us-statistic-number h3{
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-title-color);
}

.why-choose-us-statistic-content p{
    font-size: 16px;
    font-weight: 400;
    color: var(--theme-text-color);
}

.why-choose-us-slider{
    position: relative;
    width: 50%;
    overflow: hidden;
    border-radius: 30px;
}

#whyChooseUsSlider{
    height: 100%;
}

#whyChooseUsSlider .carousel-inner{
    height: 100%;
}

#whyChooseUsSlider .carousel-inner .carousel-item{
    height: 100%;
    background: green;
}

.why-choose-us-thumbnail{
    width: 100%;
    height: 100%;
}

.why-choose-us-indicators{
    position: absolute;
    left: 50%;
    bottom: 25px;
    transform: translateX(-50%);
    margin: 0;
    gap: 10px;
}

.why-choose-us-indicators button{
    width: 80px !important;
    height: 70px !important;
    padding: 0 !important;
    border: 3px solid var(--theme-green-dark-color) !important;
    border-radius: 12px;
    overflow: hidden;
    opacity: .6;
    background: transparent !important;
    text-indent: 0 !important;
    transition: var(--transition) !important;
}

.why-choose-us-indicators button img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: var(--transition) !important;
}

.why-choose-us-indicators button.active{
    opacity: 1;
    transform: scale(1.05);
    border: 3px solid var(--theme-green-color) !important;
    box-shadow: 0 10px 25px rgba(0,0,0,.3) !important;
}

.why-choose-us-footer{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
    margin-top: 50px;
}

.why-choose-us-footer p{
    font-size: 18px;
    line-height: 24px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
}

.why-choose-us-footer a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 30px 18px;
    border-radius: 30px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    transition: var(--transition);
    text-transform: capitalize;
}

.why-choose-us-footer a span{
    font-size: 16px;
    line-height: 16px;
    font-family: var(--theme-title-font);
}

.why-choose-us-footer a .fa-solid{
    font-size: 12px;
}

.why-choose-us-footer a:hover{
    background: var(--theme-green-color);
}

/* ================================================== Discover Section */
.discover{
    position: relative;
}

.discover-video video{
    max-width: 100%;
    min-width: 100%;
    margin-bottom: -5px;
}

.discover-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 100px 0;
    background: rgba(0, 0, 0, 0.25);
    display: flex;
    align-items: flex-end;
    z-index: 9;
}

.discover-wrapper::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to top, rgb(0, 0, 0, .9) 0%, rgba(4, 30, 46, 0.50) 22%, rgba(5, 36, 56, 0.30) 45%, rgba(5, 36, 56, 0) 70%, rgba(5, 36, 56, 0) 100%);
}

.discover .section-heading{
    margin-left: 0;
    text-align: left;
    max-width: 500px;
}

.discover .section-heading::before{
    display: none;
}

.discover .section-heading .section-subtitle{
    padding-left: 0;
}

.discover .section-heading .section-subtitle::after{
    display: none;
}

.discover .section-heading .section-title{
    margin: 15px 0;
    color: var(--theme-primary-color);
}

.discover .section-heading .section-description{
    margin-bottom: 30px;
    line-height: 30px;
    color: var(--theme-primary-color);
}

.discover .discover-buttons {
    display: flex;
    align-items: center;
    gap: 15px;
}

.discover .discover-buttons .btn-success{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 30px;
    border-radius: 50px;
    color: var(--theme-primary-color);
}

.discover .discover-buttons .btn-success .fa-solid{
    font-size: 16px;
}

.discover .discover-buttons .btn-success span{
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    font-family: var(--theme-title-font);
}

.discover .discover-buttons .btn-video{
    display: flex;
    align-items: center;
    gap: 10px;
    background: transparent;
    border: none;
}

.discover .discover-buttons .btn-video .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    color: var(--theme-primary-color);
    border: var(--theme-primary-color) solid 1px;
}

.discover .discover-buttons .btn-video span{
    font-size: 14px;
    color: var(--theme-primary-color);
}

.discover-video-btn{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: rgba(255, 255, 255, 0.2) solid 15px;
}

.discover-video-btn .btn-success{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    font-size: 32px;
    color: var(--theme-green-color);
    background: var(--theme-primary-color);
    border: none;
    transition: var(--transition);
}

.discover-video-btn .btn-success:hover{
    transform:scale(1.05);
}

.discover-statistics{
    position: relative;
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 50px;
    padding: 30px;
    border-radius: 30px;
    border: rgba(255, 255, 255, 0.3) solid 1px;
    background: transparent;
    overflow: hidden;
    z-index: 1;
}

.discover-statistics::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    background: linear-gradient(
        135deg,
        rgba(255,255,255,.10),
        rgba(255,255,255,.03)
    );
    backdrop-filter: blur(3px) saturate(200%);
    -webkit-backdrop-filter: blur(3px) saturate(200%);
}

.discover-statistic{
    padding-right: 50px;
    text-align: center;
    border-right: rgba(255, 255, 255, 0.1) solid 1px;
}

.discover-statistic:last-child{
    padding-right: 0;
    border-right: none;
}

.discover-statistic .fa-solid{
    font-size: 36px;
    color: var(--theme-green-color);
}

.discover-statistic h4{
    margin: 15px 0 10px;
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.discover-statistic p{
    font-size: 14px;
    font-weight: 400;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

/* ================================================== Testimonials Section */
.testimonial{
    padding: 70px 0;
    background: url('../images/testimonial-bg.jpg') no-repeat center center;
    background-size: cover;
}

.testimonial-card{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    background: var(--theme-primary-color);
    box-shadow: 0 0 30px -20px rgba(0, 0, 0, 0.5);
}

.testimonial-card-thumbail{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}

.testimonial-card-thumbail img{
    width: 100%;
    height: auto;
}

.testimonial-card-content{
    padding: 30px;
    background: var(--theme-primary-color);
}

.testimonial-card-stars{
    display: flex;
    align-items: center;
    gap: 5px;
}

.testimonial-card-stars .fa-solid{
    font-size: 14px;
    color: var(--theme-yellow-color);
}

.testimonial-card-text{
    margin: 15px 0;
}

.testimonial-card-text p{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.testimonial-card-profile{
    display: flex;
    align-items: center;
    gap: 15px;
}

.testimonial-profile-image img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: var(--theme-green-color) solid 1px;
}

.testimonial-profile-name h4{
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-green-color);
    font-family: var(--theme-title-font);
}

.testimonial-profile-name span{
    font-size: 14px;
    line-height: 16px;
    font-weight: 400;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

#testimonialSlider .slide-item{
    padding-bottom: 15px;
}

#testimonialSlider button.owl-dot{
    display: none;
}

#testimonialSlider .owl-nav{
    margin-top: 0;
    margin-bottom: 0;
}

#testimonialSlider .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    left: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
    color: var(--theme-green-color);
    background: var(--theme-primary-color);
    transition: var(--transition);
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.75);
}

#testimonialSlider .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    right: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
    color: var(--theme-green-color);
    background: var(--theme-primary-color);
    transition: var(--transition);
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.75);
}

#testimonialSlider .owl-nav button.owl-prev:hover,
#testimonialSlider .owl-nav button.owl-next:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

.testimonial .section-footer{
    margin-top: 30px;
}

.testimonial .section-footer blockquote{
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    border-radius: 15px;
    padding: 30px;
    overflow: hidden;
    z-index: 1;
}

.testimonial .section-footer blockquote::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-green-color);
    opacity: 0.1;
    z-index: -1;
}

.testimonial .section-footer blockquote p{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.testimonial .section-footer blockquote p .fa-solid{
    font-size: 32px;
    color: var(--theme-green-dark-color);
}

.testimonial .section-footer blockquote p span{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
}

.testimonial .section-footer blockquote h4{
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-title-font);
}

/* ================================================== Exploring Section */
.exploring{
    padding: 70px 0;
    background: var(--theme-primary-color);
}

.exploring .section-heading{
    text-align: left;
    max-width: 100%;
}

.exploring .section-heading::before{
    left: 0;
    transform: translateX(0);
}

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


.exploring .section-heading .section-subtitle{
    padding-left: 0;
}

.exploring .section-heading .section-subtitle::after{
    display: none;
}

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

.exploring .exploring-buttons a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 30px 18px;
    border-radius: 50px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    transition: var(--transition);
}

.exploring .exploring-buttons a .fa-solid{
    font-size: 14px;
}

.exploring .exploring-buttons a span{
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--theme-title-font);
}

.exploring .exploring-buttons a:last-child{
    color: var(--theme-green-dark-color);
    background: var(--theme-primary-color);
    border: var(--theme-green-dark-color) solid 1px;
}

.exploring .exploring-buttons a:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
    border-color: var(--theme-green-color);
}

.exploring .section-body{
    padding: 0 50px;
}

.exploring-card{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

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

.exploring-card-content{
    position: absolute;
    left: 30px;
    bottom: 50px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border-radius: 10px;
    background: rgba(000, 000, 000, 0.5);
}

.exploring-card-content-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 18px;
    color: var(--theme-primary-color);
    border: var(--theme-green-color) solid 2px;
}

.exploring-card-content-title h4{
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.exploring-card-content-title p{
    font-size: 14px;
    font-weight: 400;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

#exploringSlider .owl-dots{
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    z-index: 9;
}

#exploringSlider .owl-dots .owl-dot span{
    margin: 0 3px;
    width: 30px;
    height: 5px;
    border-radius: 5px;
    background: var(--theme-primary-color);
    opacity: 1;
}

#exploringSlider .owl-dots .owl-dot.active span{
    background: var(--theme-green-color);
}

/* Exploring Journey */
.exploring-journey-card{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
}

.exploring-journey-card-thmbnail img{
    width: 100%;
    height: auto;
}

.exploring-journey-card-content{
    position: absolute;
    left: 30px;
    bottom: 30px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border-radius: 10px;
    background: rgba(000, 000, 000, 0.5);
}

.exploring-journey-card-content-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 18px;
    color: var(--theme-primary-color);
    border: var(--theme-green-color) solid 2px;
}

.exploring-journey-card-content-title h4{
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.exploring-journey-card-content-title p{
    font-size: 14px;
    font-weight: 400;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

/* Exploring Trip */
.exploring-trip-card{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.exploring-trip-card-thmbnail img{
    width: 100%;
    height: auto;
}

.exploring-trip-card-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 15px;
    z-index: 9;
}

.exploring-trip-card-content-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    font-size: 18px;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

.exploring-trip-card-content-title h4{
    font-size: 36px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.exploring-trip-card-content-title p{
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

.exploring-trip-card-content-title a{
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--theme-green-color);
    text-transform: uppercase;
}

.exploring-trip-card-content-title a span{
    font-size: 18px;
}

.exploring-trip-card-content-title a .fa-solid{
    font-size: 14px;
}

/* ================================================== Package Section */
.package{
    padding-bottom: 70px;
    background: url('../images/package-bg.jpg') no-repeat top center;
    background-size: cover;
}

.package-card{
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    transition: var(--transition);
}

.package-card:hover {
    transform: translateY(-5px);
}

.package-card-thumbnail{
    position: relative;
    overflow: hidden;
}

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

.package-card-thumbnail::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.02) 0%,
            rgba(0,0,0,0.05) 28%,
            rgba(0,0,0,0.15) 48%,
            rgba(0,0,0,0.45) 70%,
            rgba(0,0,0,0.82) 88%,
            rgba(0,0,0,0.96) 100%
        );
}

.package-card-category{
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 10;
}

.package-card-category span{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 15px;
    text-transform: uppercase;
    font-family: var(--theme-text-font);
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
}

.package-card-content{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 20px;
}

.package-card-overview{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    width: 100%;
    list-style: none;
    color: var(--theme-primary-color);
}

.package-card-overview li{
    display: flex;
    align-items: center;
    gap: 5px;
}

.package-card-overview li .fa-solid{
    font-size: 12px;
}

.package-card-overview li span{
    font-size: 16px;
    font-family: var(--theme-text-font);
}

.package-card-title{
    margin: 10px 0 5px;
    width: 100%;
}

.package-card-title a{
    display: inline-block;
    font-size: 26px;
    line-height: 30px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.package-card-short-content{
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

.package-card-short-content .fa-solid{
    font-size: 12px;
}

.package-card-footer{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 20px;
    padding-bottom: 15px;
    border-radius: 0 0 15px 15px;
    border: var(--theme-green-dark-color) solid 1px;
    border-top: none;
}

.package-card-price{
    display: flex;
    flex-direction: column;
    gap: 5px;
    color: var(--theme-green-dark-color);
}

.package-card-price span{
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    font-family: var(--theme-text-font);
}

.package-card-price span:last-child{
    font-size: 24px;
    font-weight: 700;
    line-height: 1;
    font-family: var(--theme-title-font);
}

.package-card-link{
    display: flex;
    align-items: center;
    gap: 5px;
    color: var(--theme-green-dark-color);
}

.package-card-link span{
    font-size: 16px;
    font-weight: 700;
    font-family: var(--theme-text-font);
}

.package-card-link .fa-solid{
    font-size: 12px;
}

/* Package Category */
.package .nav-tabs{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
    border-bottom: none;
}

.package .nav-tabs .nav-item .nav-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 17px 30px 15px;
    border-radius: 50px;
    color: var(--theme-green-dark-color);
    background: var(--theme-primary-color);
    border: var(--theme-green-dark-color) solid 1px;
    transition: var(--transition);
}

.package .nav-tabs .nav-item .nav-link.active{
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
}

.package .nav-tabs .nav-item .nav-link .fa-solid{
    font-size: 12px;
}

.package .nav-tabs .nav-item .nav-link span{
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    font-family: var(--theme-title-font);
}

.package .section-footer{
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.package .section-footer .view-all-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px 40px 12px;
    border-radius: 50px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    transition: var(--transition);
}

.package .section-footer .view-all-btn:hover{
    background: var(--theme-green-color);
}

.package .section-footer .view-all-btn .fa-solid{
    font-size: 14px;
}

.package .section-footer .view-all-btn span{
    font-size: 18px;
    font-weight: 700;
    font-family: var(--theme-title-font);
}


/* Package Slide */
.packageSlider .slide-item{
    padding: 15px 0;
}

.packageSlider button.owl-dot{
    display: none;
}

.packageSlider .owl-nav{
    margin-top: 0;
    margin-bottom: 0;
}

.packageSlider .owl-nav button.owl-prev{
    position: absolute;
    top: 50%;
    left: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
    color: var(--theme-green-color);
    background: var(--theme-primary-color);
    transition: var(--transition);
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.75);
}

.packageSlider .owl-nav button.owl-next{
    position: absolute;
    top: 50%;
    right: -30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    transform: translateY(-50%);
    color: var(--theme-green-color);
    background: var(--theme-primary-color);
    transition: var(--transition);
    box-shadow: 0 0 30px -15px rgba(0, 0, 0, 0.75);
}

.packageSlider .owl-nav button.owl-prev:hover,
.packageSlider .owl-nav button.owl-next:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

/* ================================================== FAQs Section */
.faqs{
    padding: 70px 0;
    background: url('../images/faqs-bg.jpg') no-repeat fixed top center;
    background-size: cover;
}

.faqs .section-heading{
    text-align: left;
    max-width: 100%;
}

.faqs .section-heading::before{
    left: 0;
    transform: translateX(0);
}

.faqs .section-heading .row{
    display: flex;
    align-items: center;
}

.faqs .section-heading .section-subtitle{
    padding-left: 0;
    color: var(--theme-primary-color);
}

.faqs .section-heading .section-subtitle::after{
    display: none;
}

.faqs .section-heading .section-title,
.faqs .section-heading .section-description{
    color: var(--theme-primary-color);
}

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

.faqs .faqs-buttons a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 30px 18px;
    border-radius: 50px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    transition: var(--transition);
}

.faqs .faqs-buttons a .fa-solid{
    font-size: 14px;
}

.faqs .faqs-buttons a span{
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--theme-title-font);
}

.faqs .faqs-buttons a:last-child{
    color: var(--theme-green-dark-color);
    background: var(--theme-primary-color);
    border: var(--theme-green-dark-color) solid 1px;
}

.faqs .faqs-buttons a:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
    border-color: var(--theme-green-color);
}

.faqs .ask-question{
    display: flex;
    gap: 30px;
}

.faqs .ask-question-icon .fa-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}

.faqs .ask-question-content h3{
    font-size: 24px;
    font-weight: 500;
    font-family: var(--theme-title-font);
    color: var(--theme-primary-color);
}

.faqs .ask-question-content p{
    font-size: 16px;
    line-height: 24px;
    font-family: var(--theme-text-font);
    color: var(--theme-primary-color);
}

.faqs .ask-question-content .question-button{
    display: flex;
    margin-top: 15px;
}

.faqs .ask-question-content .question-button a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 30px 18px;
    border-radius: 50px;
    background: transparent;
    color: var(--theme-primary-color);
    border: var(--theme-green-dark-color) solid 1px;
    transition: var(--transition);
}

.faqs .ask-question-content .question-button a .fa-solid{
    font-size: 14px;
}

.faqs .ask-question-content .question-button a span{
    font-size: 18px;
    line-height: 18px;
    font-weight: 700;
    font-family: var(--theme-title-font);
}

.faqs .ask-question-content .question-button a:hover{
    background: var(--theme-green-dark-color);
}

.faqs .section-body{
    margin: 70px 0 50px;
}

.faqs .section-body .accordion-item{
    margin-bottom: 30px;
    border-radius: 15px;
    background: var(--faq-bg);
    border: var(--faq-border) solid 2px;
    transition: var(--transition);
}

.faqs .section-body .accordion-item:not(:first-of-type){
    border: var(--faq-border) solid 2px;
}

.faqs .section-body .accordion-item:first-of-type{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.faqs .section-body .accordion-item:last-of-type{
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

.faqs .section-body .accordion-item:hover{
    background: var(--faq-hover-bg);
    border-color: var(--faq-hover-border);
}

.faqs .section-body .accordion-item:has(.accordion-collapse.show){
    border-color: var(--faq-hover-border);
    background: var(--faq-hover-bg);
}

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

.faqs .section-body .accordion-item .accordion-header .accordion-button{
    gap: 15px;
    padding: 15px;
    border: none;
    border-bottom: transparent solid 2px;
    font-size: 20px;
    font-weight: 400;
    box-shadow: none;
    line-height: 1em;
    background: transparent;
    font-family: var(--theme-title-font);
    color: var(--theme-primary-color);
}

.faqs .section-body .accordion-item:has(.accordion-collapse.show) .accordion-button{
    border-bottom: var(--faq-hover-border) solid 2px;
    border-radius: 0;
}

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

.faqs .section-body .accordion-item-counter{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 700;
    background: var(--faq-bg);
    color: var(--theme-green-color);
    border: var(--faq-border) solid 5px;
    transition: var(--transition);
}

.faqs .section-body .accordion-item:hover .accordion-item-counter,
.faqs .section-body .accordion-item:has(.accordion-collapse.show) .accordion-item-counter{
    border-color: var(--faq-hover-border);
    background: var(--faq-hover-bg);
}

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

.faqs .section-body .accordion-item .accordion-body p{
    font-size: 16px;
    line-height: 30px;
    font-family: var(--theme-text-font);
    color: var(--theme-primary-color);
}

.faqs .section-footer .faqs-video{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.faqs .section-footer .faqs-video iframe{
    display: block;
    width: 100%;
    height: 400px;
    border: 0;
}

.faqs .section-footer .btn-faqs-video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 90px;
    height: 90px;
    border: none;
    border-radius: 50%;
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
    font-size: 30px;
    cursor: pointer;
    transition: var(--transition);
    z-index: 2;
}

.faqs .section-footer .btn-faqs-video:hover{
    transform:translate(-50%,-50%) scale(1.08);
}

.faqs .section-footer .btn-faqs-video i{
    margin-left: 6px;
}

/* ==================================================  Section */
.news-blog{
    padding: 70px 0 50px;
    background: url('../images/news-blog-bg.jpg') no-repeat top center;
    background-size: contain;
}

.news-blog .section-heading{
    text-align: left;
    max-width: 100%;
}

.news-blog .section-heading::before{
    left: 0;
    transform: translateX(0);
}

.news-blog .section-heading .row{
    display: flex;
    align-items: center;
}

.news-blog .section-heading .section-subtitle{
    padding-left: 0;
}

.news-blog .section-heading .section-subtitle::after{
    display: none;
}

.news-blog .news-blog-buttons {
    display: flex;
    justify-content: flex-end;
}

.news-blog .news-blog-buttons a{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 20px 30px 18px;
    border-radius: 50px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    transition: var(--transition);
}

.news-blog .news-blog-buttons a .fa-solid{
    font-size: 14px;
}

.news-blog .news-blog-buttons a span{
    font-size: 16px;
    line-height: 16px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--theme-title-font);
}

.news-blog .news-blog-buttons a:last-child{
    color: var(--theme-green-dark-color);
    background: var(--theme-primary-color);
    border: var(--theme-green-dark-color) solid 1px;
}

.news-blog .news-blog-buttons a:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
    border-color: var(--theme-green-color);
}

/* Left Side News Blog Card */
.news-blog-card{
    position: relative;
}

.news-blog-card-thumbnail{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    z-index: 1;
    margin-bottom: 30px;
}

.news-blog-card-thumbnail::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.05) 28%, rgba(0, 0, 0, 0.15) 48%, rgba(0, 0, 0, 0.45) 70%, rgba(0, 0, 0, 0.82) 88%, rgba(0, 0, 0, 0.96) 100%);
}

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

.news-blog-card-content{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 75%;
    padding: 30px;
    z-index: 9;
}

.news-blog-card-content-cagegory{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 15px;
    text-transform: uppercase;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

.news-blog-card-content-cagegory .fa-solid{
    font-size: 12px;
}

.news-blog-card-content-cagegory span{
    margin-left: 5px;
    font-size: 14px;
}

.news-blog-card-content-title{
    margin: 15px 0;
}

.news-blog-card-content-title a{
    display: inline-block;
    font-size: 30px;
    font-weight: 600;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    transition: var(--transition);
}

.news-blog-card-content-title a:hover{
    color: var(--theme-green-color);
}


.news-blog-card-content-meta-data{
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
}

.news-blog-card-content-meta-data li .fa-solid{
    font-size: 12px;
    color: var(--theme-green-color);
}

.news-blog-card-content-meta-data li span{
    font-size: 14px;
    color: var(--theme-primary-color);
}

.news-blog-card-content-description{
    margin: 15px 0 20px;
    font-size: 16px;
    line-height: 24px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

.news-blog-card-content-link{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 30px;
    color: var(--theme-green-color);
    border: var(--theme-green-color) solid 1px;
    transition: var(--transition);
}

.news-blog-card-content-link .fa-solid{
    font-size: 12px;
}

.news-blog-card-content-link span{
    font-size: 16px;
    font-family: var(--theme-text-font);
}

.news-blog-card-content-link:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

/* Right Side News Blog List Card */
.news-blog-list-card{
    display: flex;
    justify-content: 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-content{
    width: calc(100% - 200px);
}

.news-blog-list-card-content-cagegory{
    display: inline-block;
    padding: 5px 15px;
    border-radius: 15px;
    text-transform: uppercase;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

.news-blog-list-card-content-cagegory .fa-solid{
    font-size: 12px;
}

.news-blog-list-card-content-cagegory span{
    margin-left: 5px;
    font-size: 14px;
}

.news-blog-list-card-content-title{
    margin-top: 5px;
}

.news-blog-list-card-content-title a{
    font-size: 24px;
    font-weight: 600;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 30px;
    transition: var(--transition);
}

.news-blog-list-card-content-title a:hover{
    color: var(--theme-green-color);
}

.news-blog-list-card-content-meta-data{
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
}

.news-blog-list-card-content-meta-data li .fa-solid{
    font-size: 12px;
    color: var(--theme-green-color);
}

.news-blog-list-card-content-meta-data li span{
    font-size: 14px;
    color: var(--theme-text-color);
}

.news-blog-list-card-content-description{
    margin: 10px 0 5px;
    font-size: 16px;
    line-height: 24px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.news-blog-list-card-content-link{
    display: inline-block;
    color: var(--theme-green-color);
    transition: var(--transition);
}

.news-blog-list-card-content-link .fa-solid{
    font-size: 12px;
}

.news-blog-list-card-content-link span{
    font-size: 16px;
    font-family: var(--theme-text-font);
}

.news-blog-list-card-content-link:hover{
    color: var(--theme-green-dark-color);
}

/* ================================================== Footer Section */
footer{
    background: url('../images/footer-bg.jpg') no-repeat bottom center;
    background-size: cover;
}

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

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

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

.footer-content-block p{
    color: var(--theme-footer-text-color);
    font-size: 16px;
    font-family: var(--theme-text-font);
    line-height: 30px;
    margin: 20px 0;
}

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

.footer-social-link ul li a .fa-brands{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 18px;
    border-radius: 50%;
    color: var(--theme-primary-color);
    background: rgba(255, 255, 255, 0.05);
    transition: var(--transition);
}

.footer-social-link ul li a .fa-brands:hover{
    background: var(--theme-green-color);
}

.footer-content-block h4{
    margin-bottom: 20px;
    color: var(--theme-primary-color);
    font-size: 24px;
    font-weight: 600;
    font-family: var(--theme-title-font);
}

#menu-quick-links .menu-item,
#menu-top-destinations .menu-item{
    list-style: none;
}

#menu-quick-links .menu-item a,
#menu-top-destinations .menu-item a{
    position: relative;
    display: inline-block;
    padding-left: 20px;
    font-size: 16px;
    line-height: 42px;
    font-family: var(--theme-text-font);
    color: var(--theme-footer-text-color);
    transition: var(--transition);
}

#menu-quick-links .menu-item a::before,
#menu-top-destinations .menu-item a::before{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    font-size: 14px;
    font-family: 'fontawesome';
    color: var(--theme-green-dark-color);
}

#menu-quick-links .menu-item a::before{
    content: '\f105';
}

#menu-top-destinations .menu-item a::before{
    content: '\f3c5';
}


#menu-quick-links .menu-item a:hover,
#menu-top-destinations .menu-item a:hover{
    color: var(--theme-green-dark-color);
}

/* ========== Contact ========== */
.footer-contact-block{
    margin-bottom: 30px;
}

.footer-contact-block li{
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
}

.footer-contact-block li .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    font-size: 18px;
    border-radius: 50%;
    color: var(--theme-green-dark-color);
    border: var(--theme-green-dark-color) solid 1px;
}

.footer-contact-block li p{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.footer-contact-block li p strong{
    color: var(--theme-primary-color);
    line-height: 1;
}

.footer-contact-block li p span{
    line-height: 1;
}

/* ========== Subcribe ========== */
.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: 50px;
    border-radius: 10px;
    border: var(--theme-green-dark-color) solid 1px;
    background: transparent;
    color: var(--theme-primary-color);
    padding: 15px 145px 15px 20px;
}

.tnp-subscription .tnp-field-email .tnp-email::placeholder{
    color: var(--theme-primary-color);
}

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

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

.tnp-subscription .tnp-field-button .tnp-submit{
    width: 100%;
    height: 50px;
    font-size: 18px;
    border-radius: 10px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    transition: var(--transition);
}

.tnp-subscription .tnp-field-button .tnp-submit:hover{
    background: var(--theme-green-color);
}

/* ========== Footer Feature ========== */
.footer-features{
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: rgba(255, 255, 255, 0.2) solid 1px;
    border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
}

.footer-feature{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 25%;
    padding: 0 30px;
    border-right: rgba(255, 255, 255, 0.2) solid 1px;
}

.footer-feature:last-child{
    border-right: none;
}

.footer-feature-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-green-dark-color);
    background: rgba(23, 105, 107, 0.08);
    border: var(--theme-green-dark-color) solid 1px;
}

.footer-feature-content h4{
    font-size: 20px;
    font-family: var(--theme-title-font);
    color: var(--theme-primary-color);
}

.footer-feature-content span{
    font-size: 16px;
    font-family: var(--theme-text-font);
    color: var(--theme-footer-text-color);
}

/* ========== Copyright ========== */
.footer-copyright{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 25px 0;    
}

.footer-copyright p{
    color: var(--theme-footer-text-color);
    text-align: center;
    font-size: 16px;
    font-family: var(--theme-text-font);
}

.footer-copyright ul{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 5px;
    list-style: none;
}

.footer-copyright ul li img{
    border-radius: 3px;
    width: 70px;
    height: auto;
}

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

.page-banner::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: var(--theme-title-color);
    opacity: 0.5;
    z-index: -1;
}

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

.page-banner-breadcrumb{
    display: inline-block;
    padding: 10px 20px;
    color: var(--theme-primary-color);
    font-size: 16px;
    font-weight: 400;
    font-family: var(--theme-text-font);
    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: var(--theme-primary-color);
}

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

.page-banner-heading-title{
    font-size: 60px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.page-banner-heading-subtitle{
    font-size: 32px;
    font-weight: 500;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.page-banner-heading-description{
    margin: 15px 0;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    font-family: var(--theme-text-font);
    color: var(--theme-primary-color);
}

.page-banner-heading-buttons{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}

.page-banner-heading-button-link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 20px 40px;
    border-radius: 50px;
    color: var(--theme-primary-color);
    background: transparent;
    border: var(--theme-primary-color) solid 1px;
    transition: var(--transition);
}

.page-banner-heading-button-link:first-child{
    border-color: var(--theme-green-color);
    background: var(--theme-green-color);
}

.page-banner-heading-button-link:hover{
    border-color: var(--theme-green-color);
    background: var(--theme-green-color);
}

.page-banner-heading-button-link:first-child:hover{
    border-color: var(--theme-primary-color);
    background: var(--theme-primary-color);
    color: var(--theme-green-dark-color);
}

.page-banner-heading-button-link .fa-solid{
    font-size: 12px;
}

.page-banner-heading-button-link span{
    font-size: 16px;
    font-weight: 700;
}

/* ================================================== Page Content */
.page-content{
    padding: 70px 0;
    background: var(--theme-primary-color);
}

/* ================================================== About Us Page */
.page-template-page-about-us .page-content{
    background: var(--theme-primary-color);
    padding: 0;
}

/* Achievement */
.achievement-info{
    position: relative;
    margin-top: -50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px;
    border-radius: 30px;
    background: var(--theme-green-heavy-dark-color);
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.achievement-info-item{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 25%;
    padding: 0 30px;
    border-right: rgba(23, 105, 107, 0.08) solid 1px;
}

.achievement-info-item:last-child{
    border-right: none;
}

.achievement-info-item-icon .fa-solid,
.achievement-info-item-icon .fa-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-primary-color);
    background: rgba(23, 105, 107, 0.2);
}

.achievement-info-item-content strong{
    display: block;
    font-size: 20px;
    font-family: var(--theme-title-font);
    color: var(--theme-primary-color);
}

.achievement-info-item-content span{
    display: block;
    font-size: 16px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

/* About Us Description */
.about-us-content{
    margin-bottom: 70px;
}

.about-us-description .about-us-content-subtitle{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--theme-green-color);
    font-family: var(--theme-text-font);
}

.about-us-description .about-us-content-title{
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-us-description .about-us-content-title span{
    display: block;
}

.about-us-description h3{
    margin-bottom: 14px;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-us-description h4{
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-us-description h5{
    margin-bottom: 10px;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.4;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-us-description h6{
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 600;
    line-height: 1.45;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-us-description p{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.about-us-description ul,
.about-us-description ol{
    margin-bottom: 30px;
    padding-left: 18px;
}

.about-us-description li{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.about-us-thumbnail{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.about-us-thumbnail img{
    width: 100%;
    height: auto;
}

/* About Us Tabs */
.about-tabs-wrapper{
    position: relative;
    padding: 40px 30px;
    padding-bottom: 5px;
    border-radius: 15px;
    background: var(--theme-primary-color);
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.about-tab .nav-tabs{
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: none;
    margin-bottom: 25px;
}

.about-tab .nav-tabs .nav-item .nav-link{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 17px 30px 15px;
    border-radius: 50px;
    color: var(--theme-green-dark-color);
    background: var(--theme-primary-color);
    border: var(--theme-green-dark-color) solid 1px;
    transition: var(--transition);
}

.about-tab .nav-tabs .nav-item .nav-link.active{
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
}

.about-tab .nav-tabs .nav-item .nav-link .fa-solid{
    font-size: 14px;
}

.about-tab .nav-tabs .nav-item .nav-link span{
    font-size: 18px;
    font-weight: 700;
    line-height: 18px;
    font-family: var(--theme-title-font);
}

.about-tab .tab-content h4{
    margin-bottom: 12px;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.35;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-tab .tab-content p{
    margin-bottom: 15px;
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.about-tab .tab-content ul,
.about-tab .tab-content ol{
    margin-bottom: 30px;
    padding-left: 18px;
}

.about-tab .tab-content li{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

/* About Us Section */
.about-section-heading{
    margin-bottom: 30px;
    text-align: center;
}

.about-section-heading-subtitle{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--theme-green-color);
    font-family: var(--theme-text-font);
}

.about-section-heading-title{
    margin-top: 5px;
    font-size: 32px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

/* About Us Value */
.about-values{
    padding: 70px 0;
}

.about-value-card{
    text-align: center;
}

.about-value-card-icon{
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-value-card-icon .fa-solid,
.about-value-card-icon .fa-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-green-dark-color);
    background: rgba(23, 105, 107, 0.08);
}

.about-value-card-title{
    margin: 15px 0 10px;
    font-size: 20px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-value-card-content{
    font-size: 16px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

/* About Journey */
.about-journey{
    padding: 70px 0;
    background: url('../images./about-journey-bg.jpg') no-repeat bottom center;
    background-size: cover;
}

.about-journey-card{
    padding: 30px 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 15px;
    border: var(--theme-green-dark-color) dashed 1px;
    background: var(--theme-primary-color);
}

.about-journey-card-icon{
    display: flex;
    justify-content: center;
    align-items: center;
}

.about-journey-card-icon .fa-solid,
.about-journey-card-icon .fa-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 20px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
}

.about-journey-card-year{
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-journey-card-title{
    font-size: 22px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-journey-card-content{
    font-size: 16px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

/* About Team */
.about-teams{
    padding: 70px 0 50px;
    background: var(--theme-primary-color);
}

.about-team-card{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    background: var(--theme-primary-color);
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.about-team-card-image{
    position: relative;
    overflow: hidden;
    border-radius: 15px;
}

.about-team-card-image img{
    width: 100%;
    height: auto;
}

.about-team-card-content{
    padding: 30px 15px;
    text-align: center;
}

.about-team-card-name{
    font-size: 22px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.about-team-card-position{
    display: block;
    margin-bottom: 10px;
    font-size: 16px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.about-team-card-social{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}

.about-team-card-social .fa-brands{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    color: var(--theme-green-dark-color);
    background: rgba(23, 105, 107, 0.08);
    transition: var(--transition);
}

.about-team-card-social .fa-brands:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

#aboutTeamSider .slide-item{
    padding-bottom: 30px;
}

/* About  Adventure */
.about-adventure{
    padding-bottom: 70px;
}

.about-adventure-wrapper{
    padding: 50px;
    border-radius: 25px;
    background: url('../images/about-adventure-bg.jpg') no-repeat bottom left;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}

.about-adventure-left{
    display: flex;
    align-items: center;
    gap: 15px;
}

.about-adventure-left-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

.about-adventure-left-content h3{
    font-size: 30px;
    font-weight: 700;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
}

.about-adventure-left-content p{
    font-size: 16px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

.about-adventure-right-link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 15px 40px;
    border-radius: 50px;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
    transition: var(--transition);
}

.about-adventure-right-link .fa-solid{
    font-size: 14px;
}

.about-adventure-right-link span{
    font-size: 18px;
    font-weight: 700;
}

.about-adventure-right-link:hover{
    color: var(--theme-green-color);
    background: var(--theme-primary-color);
}

/* ================================================== Contact Us Page */
.page-template-page-contact-us .page-content{
    background: var(--theme-primary-color);
    padding: 0;
}

/* Contact Information */
.contact-info{
    position: relative;
    margin-top: -50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px;
    border-radius: 30px;
    background: var(--theme-primary-color);
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.contact-info-item{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 25%;
    padding: 0 30px;
    border-right: rgba(23, 105, 107, 0.08) solid 1px;
}

.contact-info-item:last-child{
    border-right: none;
}

.contact-info-item-icon .fa-solid,
.contact-info-item-icon .fa-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-green-dark-color);
    background: rgba(23, 105, 107, 0.08);
}

.contact-info-item-content strong{
    display: block;
    font-size: 20px;
    font-family: var(--theme-title-font);
    color: var(--theme-title-color);
}

.contact-info-item-content span{
    display: block;
    font-size: 16px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

/* Contact Content */
.contact-content{
    position: relative;
    margin-bottom: 70px;
    padding: 40px 30px;
    border-radius: 30px;
    background: var(--theme-primary-color);
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.contact-form .section-heading{
    text-align: left;
}

.contact-form .section-heading::before{
    display: none;
}

.section-heading-subtitle{
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--theme-green-color);
    font-family: var(--theme-text-font);
}

.section-heading-title{
    font-size: 32px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

/* Contact Form */
.contact-form .form-group {
    position: relative;
    margin-bottom: 0;
}

.contact-form .form-group i {
    position: absolute;
    top: 43px;
    left: 22px;
    color: var(--theme-green-color);
    font-size: 16px;
    z-index: 2;
}

.contact-form .form-control,
.contact-form input,
.contact-form select,
.contact-form textarea {
    width: 100%;
    border: 1px solid #eef2f6;
    border-radius: 18px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(15, 23, 42, 0.05);
    padding: 18px 20px 18px 58px;
    color: var(--theme-title-color);
    font-size: 15px;
    font-weight: 500;
    transition: all .3s ease;
    appearance: none;
}

.contact-form textarea {
    height: 230px;
    resize: vertical;
    padding-top: 22px;
}

.contact-form input::placeholder,
.contact-form textarea::placeholder {
    color: var(--theme-text-color);
    opacity: 1;
}

.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus {
    outline: none;
    border-color: var(--primary-color);
    box-shadow: 0 0 0 4px rgba(20, 184, 166, .12);
}

.contact-form select {
    cursor: pointer;
}

.contact-form .form-group:has(select)::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    color: var(--theme-green-color);
    pointer-events: none;
}

.contact-form .btn-primary{
    margin-top: 20px;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
    transition: var(--transition);
}

.contact-form .btn-primary:hover{
    background: var(--theme-green-dark-color);
}

.contact-form .wpcf7-spinner {
    margin-left: 12px;
}

.contact-form .wpcf7-not-valid-tip {
    font-size: 13px;
    margin-top: 6px;
}

.contact-form .wpcf7-response-output {
    margin: 0 !important;
    border-radius: 12px;
    padding: 12px 18px !important;
}

/* Contact Location */
.contact-map iframe{
    display: block;
    margin-bottom: 30px;
    width: 100%;
    height: 450px;
    border-radius: 15px;
}

/* Contact Help */
.contact-help{
    padding: 30px;
    border-radius: 15px;
    background: var(--theme-background-color);
}

.contact-help-title{
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.contact-help-description{
    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.contact-help-features{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    text-align: center;
}

.contact-help-feature{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0 15px;
    border-right: rgba(23, 105, 107, 0.08) solid 1px;
}

.contact-help-feature:last-child{
    border-right: none;
}

.contact-help-feature-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-green-dark-color);
    background: rgba(23, 105, 107, 0.08);
}

.contact-help-feature span{
    font-size: 14px;
    font-weight: 700;
    color: var(--theme-title-color);
}

/* ================================================== Frequently Asked Questions Page */
.feature-info{
    position: relative;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px;
    border-radius: 30px;
    background: var(--theme-primary-color);
    border: var(--faq-border) solid 1px;
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.feature-info-item{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 25%;
    padding: 0 30px;
    border-right: rgba(23, 105, 107, 0.08) solid 1px;
}

.feature-info-item:last-child{
    border-right: none;
}

.feature-info-item-icon .fa-solid,
.feature-info-item-icon .fa-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-green-color);
    background: rgba(23, 105, 107, 0.05);
}

.feature-info-item-content strong{
    display: block;
    font-size: 20px;
    font-family: var(--theme-title-font);
    color: var(--theme-title-color);
}

.feature-info-item-content span{
    display: block;
    font-size: 16px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

/* FAQs Content */
.faq-content-wrapper{
    display: flex;
    gap: 30px;
    margin-bottom: 50px;
    background: var(--theme-primary-color);
}

/* FAQs Sidebar */
.faq-content-wrapper .faq-sidebar{
    display: flex;
    flex-direction: column;
    width: 400px;
    padding: 20px;
    border-radius: 15px;
    background: var(--theme-primary-color);
    border: var(--faq-border) solid 1px;
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
}

.faq-content-wrapper .faq-sidebar .faq-category-card .faq-sidebar-title{
    margin-bottom: 15px;
    padding: 15px 0;
    font-size: 26px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    border-bottom: rgba(23, 105, 107, 0.08) solid 1px;
}

.faq-content-wrapper .faq-sidebar .faq-category-card .faq-category-list{
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.faq-content-wrapper .faq-sidebar .faq-category-card .faq-category-list .nav-link{
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border-radius: 10px;
    color: var(--theme-green-dark-color);
    background: rgba(23, 105, 107, 0.05);
    transition: var(--transition);
}

.faq-content-wrapper .faq-sidebar .faq-category-card .faq-category-list .nav-link:hover,
.faq-content-wrapper .faq-sidebar .faq-category-card .faq-category-list .nav-link.active{
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}

.faq-content-wrapper .faq-sidebar .faq-category-card .faq-category-list .nav-link span{
    font-size: 18px;
}

.faq-content-wrapper .faq-sidebar .faq-category-card .faq-category-list .nav-link .faq-category-count{
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 14px;
    border: var(--theme-green-color) solid 1px;
}

/* FAQs Accordion */
.faq-content-wrapper .faq-main{
    width: calc(100% - 400px);
}

.faq-content-wrapper .faq-main-header-title{
    margin-bottom: 15px;
    font-size: 32px;
    font-weight: 700;
    color: var(--theme-green-heavy-dark-color);
    font-family: var(--theme-title-font);
}


.faq-content-wrapper .accordion .accordion-item{
    border: var(--faq-hover-border) solid 2px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.faq-content-wrapper .accordion .accordion-item .accordion-button{
    gap: 15px;
    padding: 20px;
    border: none;
    font-size: 20px;
    font-weight: 400;
    box-shadow: none;
    line-height: 1em;
    background: transparent;
    font-family: var(--theme-title-font);
    color: var(--theme-title-color);
}

.faq-content-wrapper .accordion .accordion-item .accordion-button span{
    font-size: 22px;
    font-weight: 700;
    font-family: var(--theme-title-font);
}

.faq-content-wrapper .accordion .accordion-item:has(.accordion-collapse.show) .accordion-button{
    border-radius: 0;
}

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

.faq-content-wrapper .accordion .accordion-item .accordion-body{
    padding: 15px;
    padding-top: 0;
}

.faq-content-wrapper .accordion .accordion-item .accordion-body p{
    font-size: 16px;
    line-height: 30px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

/* FAQ Support */
.faq-support-wrapper{
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    border-radius: 15px;
    background: #eff5f4;
}

.faq-support-thumbnail{
    width: 300px;
}

.faq-support-thumbnail img{
    width: 100%;
    height: auto;
}

.faq-support-content{
    padding: 15px;
    width: calc(100% - 600px);
}

.faq-support-content h3{
    margin-bottom: 5px;
    font-size: 36px;
    font-weight: 700;
    color: var(--theme-green-heavy-dark-color);
    font-family: var(--theme-title-font);
}

.faq-support-content p{
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

.faq-support-contact{
    width: 300px;
}

.faq-support-contact ul{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.faq-support-contact ul li{
    list-style: none;
    width: 100%;
}

.faq-support-contact .faq-support-right-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 30px;
    border-radius: 10px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    transition: var(--transition);
}

.faq-support-contact .faq-support-right-link:hover{
    background: var(--theme-green-color);
}

.faq-support-contact .faq-support-right-link span{
    font-size: 18px;
    font-weight: 700;
}

.faq-support-contact .faq-support-right-link .fa-solid{
    font-size: 14px;
}

.faq-support-contact .faq-support-contact-link .fa-solid{
    color: var(--theme-green-dark-color);
    font-size: 14px;
}

.faq-support-contact .faq-support-contact-link span{
    display: inline-block;
    margin-left: 10px;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-title-color);
}

/* ================================================== Testimonials Page */
.page-template-page-testimonials .page-content{
    background: var(--theme-primary-color);
    padding: 0;
}

/* Statistic Info */
.statistic-info{
    position: relative;
    margin-top: -50px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 40px 30px;
    border-radius: 30px;
    background: var(--theme-primary-color);
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
    z-index: 1;
}

.statistic-info-item{
    display: flex;
    align-items: center;
    gap: 15px;
    width: 25%;
    padding: 0 30px;
    border-right: rgba(23, 105, 107, 0.08) solid 1px;
}

.statistic-info-item:last-child{
    border-right: none;
}

.statistic-info-item-icon .fa-solid,
.statistic-info-item-icon .fa-regular{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-size: 24px;
    color: var(--theme-green-dark-color);
    background: rgba(23, 105, 107, 0.08);
}

.statistic-info-item-content strong{
    display: block;
    font-size: 24px;
    font-family: var(--theme-title-font);
    color: var(--theme-title-color);
}

.statistic-info-item-content span{
    display: block;
    font-size: 16px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

/* Testimonial List */
.page-template-page-testimonials .testimonial-card{
    margin-bottom: 50px;
}

/* Testomonial Insights */
.testimonial-insight {
    padding: 30px 0;
}

.testimonial-insights {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 30px;
    background: #f1f8fa;
    border-radius: 15px;
    box-shadow: 0 5px 30px -15px rgba(0, 0, 0, 0.5);
}

.testimonial-insight-content {
    flex: 1;
}

.testimonial-insight-content h3 {
    margin-bottom: 10px;
    color: var(--theme-secondary-color);
    font-size: 30px;
    font-weight: 700;
}

.testimonial-insight-content p {
    max-width: 430px;
    color: var(--theme-title-color);
    font-size: 16px;
    line-height: 30px;
}

.testimonial-insight-cards {
    display: flex;
    align-items: stretch;
    gap: 16px;
}

.testimonial-insight-card {
    width: 208px;
    min-height: 108px;
    padding: 18px 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
}

.testimonial-insight-card-logo {
    display: flex;
    align-items: center;
    height: 32px;
    margin-bottom: 5px;
}

.testimonial-insight-card-logo img {
    max-width: 125px;
    max-height: 28px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.testimonial-insight-card-content strong {
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--theme-title-color);
    font-size: 24px;
    line-height: 1;
}

.testimonial-insight-card-content strong span {
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 13px;
}

.testimonial-insight-card-content p {
    margin: 5px 0 0;
    color: var(--theme-text-color);
    font-size: 12px;
}

.testimonial-insight-card-content .google-stars i {
    color: var(--theme-yellow-color);
}

.testimonial-insight-card-content .trustpilot-stars .fa-solid,
.testimonial-insight-card-content .tripadvisor-stars .fa-solid {
    color: var(--theme-green-color);
}

/* Testomonial Share */
.testimonial-share{
    padding: 30px 0 70px;
}

.testimonial-share-wrapper{
    padding: 50px;
    background: url('../images/testimonials-share-bg.jpg') no-repeat center center;
    background-size: cover;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    border-radius: 30px;
}

.testimonial-share-content{
    display: flex;
    align-items: center;
    gap: 30px;
}

.testimonial-share-content-icon .fa-solid{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    font-size: 32px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
}

.testimonial-share-content-heading h3{
    font-size: 32px;
    font-weight: 700;
    color: var(--theme-primary-color);
}

.testimonial-share-content-heading p{
    font-size: 16px;
    color: var(--theme-primary-color);
}

.testimonial-share-button{
    display: flex;
    justify-content: flex-end;
}

.testimonial-share-button-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 15px 30px;
    border-radius: 15px;
    color: var(--theme-green-dark-color);
    background: var(--theme-primary-color);
    transition: var(--transition);
}

.testimonial-share-button-link span{
    font-weight: 700;
    font-size: 18px;
}

.testimonial-share-button-link .fa-solid{
    font-size: 16px;
}

.testimonial-share-button-link:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

/* ================================================== Page Not Found Page */
.page-not-found-template .page-banner::before{
    display: none;
}

.page-not-found-template .page-banner-heading h1{
    font-size: 32px;
    font-weight: 700;
    font-size: 42px;
    margin-bottom: 15px;
}

.page-not-found-template .page-banner-heading h1 span{
    display: block;
    font-size: 180px;
    color: var(--theme-green-dark-color);
    line-height: 140px;
}

.page-not-found-template .page-banner-heading p{
    color: var(--theme-secondary-color);
    margin: 0;
}

.page-banner-heading-button-link:last-child{
    color: var(--theme-green-color);
    border-color: var(--theme-green-color);
    background: var(--theme-primary-color);
}

.page-banner-heading-button-link:first-child:hover,
.page-banner-heading-button-link:last-child:hover{
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    border-color: var(--theme-green-dark-color);
}

.page-banner-heading-search-form{
    position: relative;
    margin: 20px 0;
}

.page-banner-heading-search-form .form-group{
    position: relative;
}

.page-banner-heading-search-form .form-group .fa-solid{
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: var(--theme-green-color);
}

.page-banner-heading-search-form .form-group .form-control{
    height: 60px;
    font-size: 16px;
    padding-left: 40px;
    padding-right: 140px;
    border-radius: 50px;
    color: var(--theme-text-color);
    border: var(--theme-green-color) solid 1px;
    background: var(--theme-primary-color);
}

.page-banner-heading-search-form .btn-success{
   position: absolute;
   top: 0;
   right: 0;
   height: 60px;
   padding: 15px 40px;
   border-radius: 60px;
   display: flex;
   justify-content: center;
   align-items: center;
   gap: 5px;
}

.page-banner-heading-search-form .btn-success .fa-solid{
    font-size: 12px;
}

.page-banner-heading-search-form .btn-success span{
    font-size: 18px;
}

.page-not-found-template .page-heading{
    margin-bottom: 30px;
    text-align: center;
}

.page-not-found-template .page-heading-icon{
    display: inline-block;
    position: relative;
    padding: 0 15px;
}

.page-not-found-template .page-heading-icon::before{
    position: absolute;
    content: '';
    top: 50%;
    left: 100%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background: var(--theme-green-dark-color);
}

.page-not-found-template .page-heading-icon::after{
    position: absolute;
    content: '';
    top: 50%;
    right: 100%;
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    background: var(--theme-green-dark-color);
}

.page-not-found-template .page-heading-icon .fa-solid{
    color: var(--theme-green-color);
    font-size: 36px;
}

.page-not-found-template .page-heading-title{
    margin-top: 15px;
    text-align: center;
    font-weight: 700;
}

#lookingSlider .slide-item{
    padding: 15px 0;
}

#lookingSlider .looking-card{
    padding: 30px 50px;
    border-radius: 15px;
    border: rgba(0, 0, 0, 0.1) solid 1px;
    box-shadow: 0 0 30px -20px rgba(0, 0, 0, 0.5);
}

#lookingSlider .looking-card-icon{
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background: #dcebea;
    font-size: 20px;
    color: var(--theme-green-dark-color);
}

#lookingSlider .looking-card-title a{
    display: block;
    margin: 25px 0 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-secondary-color);
    font-family: var(--theme-title-font);
}

#lookingSlider .looking-card-content{
    text-align: center;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

#lookingSlider .looking-card-button{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

#lookingSlider .looking-card-link{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    color: var(--theme-green-color);
}

#lookingSlider .looking-card-link span{
    font-size: 16px;
}

#lookingSlider .looking-card-link .fa-solid{
    font-size: 14px;
}


/* ================================================== News & Blogs Archive Page */
.archive-news-blogs-posts-count p{
    color: var(--theme-green-dark-color);
    font-size: 18px;
    margin-bottom: 15px;
}

.archive-news-blogs-posts-count p strong{
    color: var(--theme-green-heavy-dark-color);
}

.archive-news-blog-card{
    position: relative;
    margin-bottom: 30px;
    transition: var(--transition);
}

.archive-news-blog-card:hover{
    transform: translateY(-5px);
    box-shadow: 0 0 50px -30px rgba(0, 0, 0, 0.5);
}

.archive-news-blog-thumbnail{
    position: relative;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.archive-news-blog-thumbnail img{
    width: 100%;
    height: auto;
    transition: var(--transition);
}

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

.archive-news-blog-cagegory{
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 9;
    padding: 5px 10px;
    border-radius: 15px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
}

.archive-news-blog-cagegory .fa-solid{
    font-size: 12px;
}

.archive-news-blog-content{
    padding: 15px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border: rgba(0, 0, 0, 0.1) solid 1px;
    border-top: none;
}

.archive-news-blog-meta-data{
    display: flex;
    align-items: center;
    gap: 15px;
    list-style: none;
}

.archive-news-blog-meta-data .fa-solid{
    color: var(--theme-green-color);
    font-size: 10px;
}

.archive-news-blog-meta-data span{
    font-size: 14px;
    color: var(--theme-green-heavy-dark-color);
}

.archive-news-blog-title a{
    margin: 10px 0;
    font-size: 22px;
    line-height: 24px;
    font-weight: 700;
    color: var(--theme-green-heavy-dark-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 25px;
    transition: var(--transition);
}

.archive-news-blog-title a:hover{
    color: var(--theme-green-color);
}

.archive-news-blog-description{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 24px;
    color: var(--theme-text-color);
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
    height: 45px;
}

.archive-news-blog-link{
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    color: var(--theme-green-dark-color);
    transition: var(--transition);
}

.archive-news-blog-link:hover{
    transform: translateX(5px);
    color: var(--theme-green-color);
}

/* Pagination */
.archive-news-blogs .pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.archive-news-blogs .pagination .page-numbers {
    padding: 15px 25px;
    text-decoration: none;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-green-dark-color);
    border: 1px solid var(--theme-green-dark-color);
    background: var(--theme-primary-color);
    transition: var(--transition);
}

.archive-news-blogs .pagination .page-numbers:hover,
.archive-news-blogs .pagination .page-numbers.current {
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
    border-color: var(--theme-green-dark-color);
    pointer-events: none;
}

/* Aside Section */
#aside.sticky-top{
    top: 25px;
}

.archive-news-blogs-aside{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.archive-news-blogs-aside .aside-section{
    width: 100%;
    padding: 25px;
    border-radius: 14px;
    border: #e8edef solid 2px;
    background: #fcfcfc;
}

.archive-news-blogs-aside .aside-section-title{
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: var(--theme-green-heavy-dark-color);
}

/* Aside Custom Search Form*/
.archive-news-blogs-aside .aside-custom-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 58px;
    border: 1px solid #e2e8ea;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.archive-news-blogs-aside .aside-custom-search-input {
    flex: 1;
    height: 100%;
    border: 0;
    outline: 0;
    padding: 0 20px;
    font-size: 15px;
    color: #333;
    background: transparent;
}

.archive-news-blogs-aside .aside-custom-search-input::placeholder {
    color: #9aa3aa;
}

.archive-news-blogs-aside .aside-custom-search-button {
    width: 70px;
    height: 54px;
    margin-right: 2px;
    border: 0;
    border-radius: 14px;
    background: #008f8c;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.archive-news-blogs-aside .aside-custom-search-button:hover {
    background: #007773;
}

/* Aside Categories */
.archive-news-blogs-aside .archive-news-blogs-category{
    padding-bottom: 15px;
}

.archive-news-blogs-category .aside-section-title {
    margin-bottom: 5px;
}

.archive-news-blogs-aside .aside-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.archive-news-blogs-aside .aside-category-item {
    border-bottom: 1px solid #eeeeee;
}

.archive-news-blogs-aside .aside-category-item:last-child {
    border-bottom: 0;
}

.archive-news-blogs-aside .aside-category-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: var(--theme-green-dark-color);
    text-decoration: none;
    font-size: 15px;
    transition: var(--transition);
}

.archive-news-blogs-aside .aside-category-item a:hover {
    color: var(--theme-green-heavy-dark-color);
}

.archive-news-blogs-aside .aside-category-count {
    min-width: 28px;
    height: 28px;
    padding: 0 7px;
    border-radius: 50%;
    background: #f1f7f7;
    color: #008f8c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* Popular Post */
.archive-news-blogs-popular .aside-section-title {
    margin-bottom: 20px;
}

.archive-news-blogs-aside .popular-posts-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.archive-news-blogs-aside .popular-post-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.archive-news-blogs-aside .popular-post-thumbnail {
    flex: 0 0 86px;
    width: 86px;
    height: 78px;
    overflow: hidden;
    border-radius: 6px;
}

.archive-news-blogs-aside .popular-post-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.archive-news-blogs-aside .popular-post-content {
    flex: 1;
    min-width: 0;
}

.archive-news-blogs-aside .popular-post-title {
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
}

.archive-news-blogs-aside .popular-post-title a {
    color: var(--theme-green-heavy-dark-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.archive-news-blogs-aside .popular-post-title a:hover {
    color: var(--theme-green-dark-color);
}

.archive-news-blogs-aside .popular-post-date {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: var(--);
}

/* Aside Quatation */
.archive-news-blogs-aside .archive-news-blogs-quatation {
    padding: 0;
}

.archive-news-blogs-aside .quotation-card {
    position: relative;
    min-height: 285px;
    border-radius: 14px;
    overflow: hidden;
    background-image: url('../images/quotation-bg.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.archive-news-blogs-aside .quotation-overlay {
    position: absolute;
    inset: 0;
    background: rgba(4, 25, 32, 0.68);
}

.archive-news-blogs-aside .quotation-content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 25px;
    text-align: center;
    color: #fff;
}

.archive-news-blogs-aside .quotation-icon {
    display: block;
    font-family: Georgia, serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 0.7;
}

.archive-news-blogs-aside .quotation-content blockquote {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.archive-news-blogs-aside .quotation-divider {
    display: block;
    width: 65%;
    height: 1px;
    margin: 20px auto 12px;
    background: rgba(255, 255, 255, 0.7);
}

.archive-news-blogs-aside .quotation-content cite {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
}

/* Archive News & Blog - NewsLetter Form */
.archive-news-blogs-footer{
    margin-top: 50px;
}

.archive-news-blogs-subscribe{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 135px;
    color: rgb(255, 255, 255);
    gap: 50px;
    padding: 50px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(3, 34, 48, 0.50), rgba(4, 49, 65, 0.50)), url(../images/newsletter-bg.jpg) center center / cover no-repeat;
}

.archive-news-blogs-subscribe-content {
    position: relative;
    max-width: 500px;
    flex: 1 1 0%;
    z-index: 2;
}

.archive-news-blogs-subscribe-content h3{
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: var(--theme-primary-color);
}

.archive-news-blogs-subscribe-content p{
    font-size: 16px;
    line-height: 30px;
    color: var(--theme-primary-color);
}

.archive-news-blogs-subscribe-form {
    position: relative;
    flex: 0 0 500px;
    z-index: 2;
}

.archive-news-blogs-subscribe-form .tnp {
    width: 100%;
    margin: 0px;
}

/* ================================================== News & Blogs Detail Page */
.page-banner-category span{
    margin-bottom: 15px;
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 10px;
    text-transform: uppercase;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

.page-banner-blog-meta{
    display: flex;
    align-items: center;
    gap: 30px;
    list-style: none;
}

.page-banner-blog-meta li .fa-solid,
.page-banner-blog-meta li .fa-regular{
    color: var(--theme-green-color);
    font-size: 16px;
}

.page-banner-blog-meta li span{
    color: var(--theme-primary-color);
    font-weight: 700;
    font-size: 18px;
}


/* Main Section */
#main-single-blog.sticky-top{
    top: 25px;
}

.main-single-blog-featured-image{
    position: relative;
    border-radius: 15px;
    margin-bottom: 30px;
    overflow: hidden;
}

.main-single-blog-featured-image img{
    height: auto;
    width: 100%;
}

.main-single-blog-description h2{
    margin-bottom: 15px;
    font-size: 36px;
    font-weight: 700;
    color: var(--theme-title-color);
}

.main-single-blog-description h3{
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 700;
    color: var(--theme-title-color);
}

.main-single-blog-description h4{
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-title-color);
}

.main-single-blog-description h5{
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 700;
    color: var(--theme-title-color);
}

.main-single-blog-description h6{
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-title-color);
}

.main-single-blog-description p{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.main-single-blog-description ul,
.main-single-blog-description ol{
    padding-left: 18px;
    margin-bottom: 15px;
    box-sizing: border-box;
}

.main-single-blog-description li{
    font-size: 16px;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

/* Comment */
.main-single-blog-comment{
    margin: 50px 0;
    padding: 25px;
    border-radius: 14px;
    border: #e8edef solid 2px;
    background: #fcfcfc;
}

.main-single-blog-comment .comment-reply-title{
    font-size: 30px;
    font-weight: 700;
    color: var(--theme-title-color);
}

.main-single-blog-comment .comment-notes{
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 30px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.main-single-blog-comment .comment-form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.main-single-blog-comment .comment-form-author,
.main-single-blog-comment .comment-form-email,
.main-single-blog-comment .comment-form-comment {
    width: 100%;
}

.main-single-blog-comment .comment-form-comment{
    order: 3;
}

.main-single-blog-comment .comment-form-author{
    order: 1;
}

.main-single-blog-comment .comment-form-email{
    order: 2;
}

.main-single-blog-comment .form-submit{
    order: 4;
}

.main-single-blog-comment label{
    display: block;
}

.main-single-blog-comment input{
    padding: 15px;
    width: 100%;
    height: 55px;
    border-radius: 8px;
    border: #e8edef solid 2px;
    background: #fcfcfc;
    outline-color: var(--theme-green-color);
}

.main-single-blog-comment textarea{
    padding: 15px;
    display: block;
    width: 100%;
    height: 200px;
    border-radius: 8px;
    border: #e8edef solid 2px;
    background: #fcfcfc;
    outline-color: var(--theme-green-color);
}

.main-single-blog-comment .form-submit .submit{
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    font-size: 18px;
    min-height: 55px;
    line-height: 1;
}

/* Aside Section */
#aside.sticky-top{
    top: 25px;
}

.single-news-blog-aside{
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.single-news-blog-aside .aside-section{
    width: 100%;
    padding: 25px;
    border-radius: 14px;
    border: #e8edef solid 2px;
    background: #fcfcfc;
}

.single-news-blog-aside .aside-section-title{
    margin-bottom: 15px;
    font-size: 22px;
    line-height: 22px;
    font-weight: 700;
    color: var(--theme-green-heavy-dark-color);
}

/* Aside Custom Search Form*/
.archive-news-blogs-aside .aside-custom-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 58px;
    border: 1px solid #e2e8ea;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

/* Aside Custom Search Form*/
.single-news-blog-aside .aside-custom-search-form {
    display: flex;
    align-items: center;
    width: 100%;
    height: 58px;
    border: 1px solid #e2e8ea;
    border-radius: 16px;
    overflow: hidden;
    background: #fff;
}

.single-news-blog-aside .aside-custom-search-input {
    flex: 1;
    height: 100%;
    border: 0;
    outline: 0;
    padding: 0 20px;
    font-size: 15px;
    color: #333;
    background: transparent;
}

.single-news-blog-aside .aside-custom-search-input::placeholder {
    color: #9aa3aa;
}

.single-news-blog-aside .aside-custom-search-button {
    width: 70px;
    height: 54px;
    margin-right: 2px;
    border: 0;
    border-radius: 14px;
    background: #008f8c;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: var(--transition);
}

.single-news-blog-aside .aside-custom-search-button:hover {
    background: #007773;
}

/* Aside Categories */
.single-news-blog-aside .single-news-blog-category{
    padding-bottom: 15px;
}

.single-news-blog-category .aside-section-title {
    margin-bottom: 5px;
}

.single-news-blog-aside .aside-category-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.single-news-blog-aside .aside-category-item {
    border-bottom: 1px solid #eeeeee;
}

.single-news-blog-aside .aside-category-item:last-child {
    border-bottom: 0;
}

.single-news-blog-aside .aside-category-item a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    color: var(--theme-green-dark-color);
    text-decoration: none;
    font-size: 15px;
    font-weight: 700;
    transition: var(--transition);
}

.single-news-blog-aside .aside-category-item a:hover {
    color: var(--theme-green-heavy-dark-color);
}

.single-news-blog-aside .aside-category-count {
    min-width: 28px;
    height: 28px;
    padding: 0 7px;
    border-radius: 50%;
    background: #f1f7f7;
    color: #008f8c;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
}

/* Recent Post */
.single-news-blog-recent .aside-section-title {
    margin-bottom: 20px;
}

.single-news-blog-aside .recent-posts-list {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.single-news-blog-aside .recent-post-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
}

.single-news-blog-aside .recent-post-thumbnail {
    flex: 0 0 86px;
    width: 86px;
    height: 78px;
    overflow: hidden;
    border-radius: 6px;
}

.single-news-blog-aside .recent-post-thumbnail img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.single-news-blog-aside .recent-post-content {
    flex: 1;
    min-width: 0;
}

.single-news-blog-aside .recent-post-title {
    margin-bottom: 5px;
    line-height: 18px;
    font-size: 16px;
    font-weight: 600;
}

.single-news-blog-aside .recent-post-title a {
    color: var(--theme-green-heavy-dark-color);
    text-decoration: none;
    transition: color 0.3s ease;
}

.single-news-blog-aside .recent-post-title a:hover {
    color: var(--theme-green-dark-color);
}

.single-news-blog-aside .recent-post-date {
    display: block;
    font-size: 14px;
    line-height: 1.3;
    color: var(--theme-text-color);
}

/* Aside Quatation */
.single-news-blog-aside .single-news-blog-quatation {
    padding: 0;
}

.single-news-blog-aside .quotation-card {
    position: relative;
    min-height: 285px;
    border-radius: 14px;
    overflow: hidden;
    background-image: url('../images/quotation-bg.jpg');
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.single-news-blog-aside .quotation-overlay {
    position: absolute;
    inset: 0;
    background: rgba(4, 25, 32, 0.68);
}

.single-news-blog-aside .quotation-content {
    position: relative;
    z-index: 1;
    width: 100%;
    padding: 25px;
    text-align: center;
    color: #fff;
}

.single-news-blog-aside .quotation-icon {
    display: block;
    font-family: Georgia, serif;
    font-size: 70px;
    font-weight: 700;
    line-height: 0.7;
}

.single-news-blog-aside .quotation-content blockquote {
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.single-news-blog-aside .quotation-divider {
    display: block;
    width: 65%;
    height: 1px;
    margin: 20px auto 12px;
    background: rgba(255, 255, 255, 0.7);
}

.single-news-blog-aside .quotation-content cite {
    font-size: 15px;
    font-style: normal;
    font-weight: 600;
}

/* Popular Tags */
.aside-tag-list{
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    list-style: none;
}

.aside-tag-list .aside-tag-item a{
    display: inline-block;
    padding: 5px 10px;
    font-size: 14px;
    border-radius: 5px;
    color: var(--theme-primary-color);
    background: var(--theme-green-dark-color);
}

/* Single Blog Footer */
.single-blog-footer{
    margin-top: 50px;
}

.single-blog-footer-wrapper{
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 135px;
    color: rgb(255, 255, 255);
    gap: 50px;
    padding: 50px;
    border-radius: 20px;
    overflow: hidden;
    background: linear-gradient(90deg, rgba(3, 34, 48, 0.50), rgba(4, 49, 65, 0.50)), url(../images/newsletter-bg.jpg) center center / cover no-repeat;
}

.single-blog-footer-content {
    position: relative;
    max-width: 500px;
    flex: 1 1 0%;
    z-index: 2;
}

.single-blog-footer-content h3{
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    color: var(--theme-primary-color);
}

.single-blog-footer-content p{
    font-size: 16px;
    line-height: 30px;
    color: var(--theme-primary-color);
}

.single-blog-footer-link a{
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 30px;
    border-radius: 10px;
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
    transition: var(--transition);
}

.single-blog-footer-link a:hover{
    color: var(--theme-green-dark-color);
    background: var(--theme-primary-color);
}


/* ==================================================
   DESTINATION ARCHIVE
================================================== */
.destination-archive-banner {
    position: relative;
    min-height: 620px;
    display: flex;
    align-items: flex-end;
    padding: 180px 0 55px;
    overflow: hidden;
}

.destination-archive-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(4, 15, 25, .92) 0%,
            rgba(4, 15, 25, .75) 38%,
            rgba(4, 15, 25, .35) 70%,
            rgba(4, 15, 25, .30) 100%
        );
    z-index: 0;
}

.destination-archive-banner .container {
    position: relative;
    z-index: 2;
}


/* Breadcrumb */

.destination-archive-banner-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-family: var(--theme-text-font);
    font-size: 15px;
    font-weight: 600;
    color: var(--theme-primary-color);
}

.destination-archive-banner-breadcrumb a {
    color: var(--theme-primary-color);
    text-decoration: none;
    transition: var(--transition);
}

.destination-archive-banner-breadcrumb a:hover {
    color: var(--theme-green-color);
}

.destination-archive-banner-breadcrumb i {
    font-size: 11px;
}


/* DESTINATIO BANNER HEADING */
.destination-archive-banner-heading {
    max-width: 720px;
}

.destination-archive-banner-heading h1 {
    margin: 0 0 18px;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: clamp(46px, 5vw, 72px);
    line-height: 1.03;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.destination-archive-banner-heading p {
    margin: 0;
    max-width: 660px;
    color: rgba(255,255,255,.85);
    font-family: var(--theme-text-font);
    font-size: 17px;
    line-height: 1.7;
}


/* DESTINATION ARCHIVE PAGE SEARCH BOX */
.destination-archive-banner-search {
    margin-top: 42px;
}

.destination-archive-banner-search-form {
    min-height: 100px;
    display: grid;
    grid-template-columns: 1.3fr 1fr 1fr 1.25fr;
    background: var(--theme-primary-color);
    border-radius: 30px;
    padding: 15px;
    box-shadow: 0 20px 60px rgba(4, 15, 25, .20);
}

.destination-search-field {
    position: relative;
    min-height: 76px;
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 8px 25px;
    border-right: 1px solid #edf0f2;
}

.destination-search-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 179, 124, .08);
    color: var(--theme-green-color);
    font-size: 19px;
}

.destination-search-content {
    flex: 1;
    min-width: 0;
}

.destination-search-content span {
    display: block;
    margin-bottom: 4px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 13px;
}

.destination-search-content input,
.destination-search-content select {
    width: 100%;
    padding: 0;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 15px;
    font-weight: 600;
}

.destination-search-content input::placeholder {
    color: var(--theme-title-color);
    opacity: 1;
}

.destination-search-submit {
    padding: 7px;
    display: flex;
    align-items: center;
}

.destination-search-submit button {
    width: 100%;
    min-height: 58px;
    border: 0;
    border-radius: 50px;
    padding: 0 12px 0 28px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 15px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}

.destination-search-submit button:hover {
    background: var(--theme-green-color);
}

.destination-search-button-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-left: 1px solid rgba(255,255,255,.2);
}

/* DESTINATION ARCHIVE PAGE CONTENT */
.destination-archive-template .page-content {
    padding: 0;
    padding-bottom: 70px;
    background: var(--theme-primary-color);
}

/* DESTINATION ARCHIVE PAGE STATS */
.destination-archive-stat {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 38px 0;
    margin-bottom: 42px;
    border-bottom: 1px solid #edf0f2;
}

.destination-stat-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 17px;
    padding: 6px 28px;
}

.destination-stat-item:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 8px;
    right: 0;
    width: 1px;
    height: 46px;
    background: #e9edef;
}

.destination-stat-icon {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8, 179, 124, .08);
    color: var(--theme-green-dark-color);
    font-size: 18px;
}

.destination-stat-content h5 {
    margin: 0 0 4px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 15px;
    font-weight: 700;
}

.destination-stat-content p {
    margin: 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 13px;
}

/* DESTINATION ARCHIVE PAGE WRAPPER */
.destination-archive-wrapper {
    display: grid;
    grid-template-columns: 300px minmax(0, 1fr);
    gap: 30px;
}

.destination-archive-aside {
    min-width: 0;
}

.destination-archive-main {
    min-width: 0;
}

/* DESTINATION ARCHIVE PAGE SIDEBAR */
.destination-archive-sidebar {
    border: 1px solid #edf0f2;
    border-radius: 14px;
    padding: 22px;
    background: var(--theme-primary-color);
    box-shadow: 0 8px 35px rgba(8, 34, 52, .035);
}

.destination-filter-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
}

.destination-filter-header h4 {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 700;
}

.destination-filter-header a {
    color: var(--theme-green-dark-color);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

.destination-filter-group {
    padding: 20px 0;
    border-top: 1px solid #edf0f2;
}

.destination-filter-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.destination-filter-title h5 {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 700;
}

.destination-filter-title i {
    color: var(--theme-title-color);
    font-size: 11px;
}

.destination-filter-options {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.destination-filter-checkbox,
.destination-rating-row {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #59646c;
    font-family: var(--theme-text-font);
    font-size: 16px;
    cursor: pointer;
}

.destination-filter-checkbox input,
.destination-rating-row input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.filter-checkbox-ui {
    flex: 0 0 16px;
    width: 16px;
    height: 16px;
    border: 1px solid #bfc8cc;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    transition: var(--transition);
}

.filter-checkbox-ui i {
    font-size: 8px;
    color: transparent;
}

.destination-filter-checkbox input:checked + .filter-checkbox-ui,
.destination-rating-row input:checked + .filter-checkbox-ui {
    border-color: var(--theme-green-dark-color);
    background: var(--theme-green-dark-color);
}

.destination-filter-checkbox input:checked + .filter-checkbox-ui i,
.destination-rating-row input:checked + .filter-checkbox-ui i {
    color: var(--theme-primary-color);
}


/* DESTINATION ARCHIVE PAGE FILTER BY BUDGET */
.destination-budget-range input[type="range"] {
    width: 100%;
    accent-color: var(--theme-green-dark-color);
}

.destination-budget-values {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: 14px;
}

.destination-budget-values span {
    min-width: 76px;
    padding: 9px 10px;
    border: 1px solid #e6eaec;
    border-radius: 7px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 12px;
}

/* DESTINATION ARCHIVE PAGE FILTER BY RATING */
.destination-rating-options {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.destination-stars {
    display: flex;
    gap: 2px;
}

.destination-stars i {
    color: var(--theme-yellow-color);
    font-size: 10px;
}

.destination-rating-row > span:last-child {
    margin-left: auto;
    color: var(--theme-text-color);
    font-size: 16px;
}

/* DESTINATION ARCHIVE PAGE FILTER BY RESET BUTTON */
.destination-filter-reset {
    width: 100%;
    min-height: 50px;
    border: 1px solid var(--theme-green-dark-color);
    border-radius: 40px;
    background: transparent;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.destination-filter-reset:hover {
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}


/* DESTINATION ARCHIVE PAGE ARCHIVE HEADING */
.destination-archive-heading {
    min-height: 46px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
}

.destination-archive-heading-counter p {
    margin: 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.destination-archive-heading-counter strong {
    color: var(--theme-title-color);
    font-weight: 600;
}

.destination-archive-heading-shorting select {
    min-width: 175px;
    height: 42px;
    padding: 0 36px 0 15px;
    border: 1px solid #edf0f2;
    border-radius: 9px;
    outline: none;
    background: #fbfcfc;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}


/* DESTINATION ARCHIVE PAGE DESTINATION CARDS */
.destination-card {
    height: 100%;
    overflow: hidden;
    border: 1px solid #e9edef;
    border-radius: 13px;
    background: var(--theme-primary-color);
    box-shadow: 0 7px 25px rgba(8, 34, 52, .045);
    transition: var(--transition);
}

.destination-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 40px rgba(8, 34, 52, .10);
}

.destination-archive-template .destination-card-thumbnail {
    position: relative;
    overflow: hidden;
}

.destination-card-thumbnail > a {
    display: block;
    width: 100%;
    height: 100%;
}

.destination-card-thumbnail img {
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: transform .55s ease;
}

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

.destination-card-category {
    position: absolute;
    top: 14px;
    left: 14px;
    padding: 7px 11px;
    border-radius: 50px;
    background: rgba(255,255,255,.94);
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 700;
    backdrop-filter: blur(8px);
}

.destination-card-category i {
    margin-right: 5px;
}

.destination-card-favourite {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 32px;
    height: 32px;
    border: 1px solid rgba(255,255,255,.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(4, 15, 25, .35);
    color: var(--theme-primary-color);
    cursor: pointer;
    backdrop-filter: blur(8px);
    transition: var(--transition);
}

.destination-card-favourite:hover {
    border-color: var(--theme-green-color);
    background: var(--theme-green-color);
}

.destination-card-favourite.active {
    background: var(--theme-green-color);
    border-color: var(--theme-green-color);
}

.destination-card-content {
    padding: 18px;
}

.destination-card-title {
    margin: 0 0 4px;
    font-family: var(--theme-text-font);
    font-size: 20px;
    font-weight: 700;
}

.destination-card-title a {
    color: var(--theme-primary-color);
    text-decoration: none;
    transition: var(--transition);
}

.destination-card-title a:hover {
    color: var(--theme-green-color);
}

.destination-card-location {
    margin-bottom: 15px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.destination-card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.destination-card-rating {
    display: flex;
    align-items: center;
    gap: 4px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.destination-card-rating i {
    color: var(--theme-yellow-color);
}

.destination-card-rating small {
    color: var(--theme-primary-color);
}

.destination-card-explore {
    color: var(--theme-green-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
}

.destination-card-explore i {
    margin-left: 5px;
    font-size: 12px;
}


/* DESTINATION ARCHIVE PAGE PAGINATION */
.navigation.pagination {
    margin-top: 35px;
}

.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 9px;
}

.nav-links .page-numbers {
    width: 42px;
    height: 42px;
    border: 1px solid #e7ebed;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
}

.nav-links .page-numbers:hover,
.nav-links .page-numbers.current {
    border-color: var(--theme-green-dark-color);
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}

/* DESTINATION ARCHIVE PAGE BOTTOM CTA */
.destination-archive-footer {
    grid-column: 1 / -1;
    margin-top: 15px;
}

.destination-archive-cta {
    position: relative;
    overflow: hidden;
    min-height: 150px;
    padding: 32px 50px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.96),
            rgba(4,15,25,.75)
        ),
        url("../images/destination-cta-bg.jpg") center / cover no-repeat;
}

.destination-archive-cta-content {
    max-width: 520px;
}

.destination-archive-cta-content h2 {
    margin: 0 0 7px;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: 30px;
    font-weight: 600;
}

.destination-archive-cta-content p {
    margin: 0;
    color: var(--theme-footer-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.7;
}

.destination-archive-cta-action a {
    min-width: 220px;
    min-height: 60px;
    padding: 6px 7px 6px 25px;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.destination-archive-cta-action a:hover {
    background: var(--theme-green-color);
}

.destination-archive-cta-action span {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-green-dark-color);
}

/* ================================================== Destination Details Page */
/* ==================================================
   SINGLE DESTINATION PAGE
================================================== */

.destination-single-page {
    background: var(--theme-primary-color);
}


/* ==================================================
   HERO
================================================== */

.destination-single-banner {
    position: relative;
    min-height: 610px;
    padding: 180px 0 70px;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.destination-single-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.94) 0%,
            rgba(4,15,25,.78) 40%,
            rgba(4,15,25,.35) 70%,
            rgba(4,15,25,.15) 100%
        );
}

.destination-single-banner .container {
    position: relative;
    z-index: 2;
}

.destination-single-banner-wrapper {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    gap: 70px;
    align-items: center;
}

/* Breadcrumb */
.destination-single-banner-breadcrumb {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255, 255, 255, .85);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 600;
}

.destination-single-banner-breadcrumb a {
    color: var(--theme-primary-color);
    text-decoration: none;
    transition: var(--transition);
}

.destination-single-banner-breadcrumb a:hover {
    color: var(--theme-green-color);
}

.destination-single-banner-breadcrumb i {
    font-size: 10px;
}

/* Heading */
.destination-single-banner-content h1 {
    margin: 0 0 15px;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: clamp(46px, 5vw, 67px);
    line-height: 1.03;
    font-weight: 600;
}

.destination-single-location {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.destination-single-location i {
    color: var(--theme-primary-color);
}

.destination-single-intro {
    max-width: 680px;
    margin-bottom: 20px;
    color: rgba(255, 255, 255, .83);
    font-family: var(--theme-text-font);
    font-size: 18px;
    line-height: 1.7;
}

/* Rating */
.destination-single-rating {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 22px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 600;
}

.destination-single-rating i {
    color: var(--theme-yellow-color);
    margin-right: 5px;
}

.destination-single-rating .divider {
    width: 1px;
    height: 15px;
    background: rgba(255,255,255,.35);
}

/* Tags */
.destination-single-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 32px;
}

.destination-single-tags span {
    padding: 10px 20px;
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 30px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.05);
}

/* Buttons */
.destination-single-banner-buttons {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.destination-primary-btn {
    min-height: 52px;
    padding: 6px 7px 6px 24px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    gap: 22px;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
    text-decoration: none;
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.destination-primary-btn span {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-green-dark-color);
}

.destination-primary-btn:hover {
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}

.destination-wishlist-btn {
    min-height: 52px;
    padding: 0 22px;
    border: 1px solid rgba(255,255,255,.7);
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    gap: 16px;
    background: transparent;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.destination-wishlist-btn:hover {
    border-color: var(--theme-green-color);
    background: var(--theme-green-color);
}

/* HERO INFO CARD */
.destination-single-info-card {
    padding: 20px;
    border-radius: 18px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 20px 60px rgba(0,0,0,.18);
}

.destination-info-item {
    display: flex;
    gap: 14px;
    padding: 15px 5px;
    border-bottom: 1px solid #edf0f2;
}

.destination-info-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ddeaf7;
    color: var(--theme-title-color);
}

.destination-info-item > div:last-child {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.destination-info-item span {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.destination-info-item strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 600;
}

.destination-plan-btn {
    margin-top: 18px;
    min-height: 48px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.destination-plan-btn:hover {
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
}

/* GALLERY STRIP */
.destination-gallery-strip {
    position: relative;
    z-index: 5;
    margin-bottom: 50px;
}

.destination-gallery-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 8px;
}

.destination-gallery-item,
.destination-gallery-video {
    height: 130px;
    border-radius: 12px;
    overflow: hidden;
}

.destination-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.destination-gallery-item:hover img {
    transform: scale(1.06);
}

.destination-gallery-video {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;

    background:
        linear-gradient(rgba(4,15,25,.65), rgba(4,15,25,.65)),
        url("../images/destination-video.jpg")
        center / cover no-repeat;
}

.destination-gallery-video > div {
    text-align: center;
    color: var(--theme-primary-color);
}

.destination-gallery-video span,
.destination-gallery-video strong {
    display: block;
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.destination-gallery-video button {
    width: 42px;
    height: 42px;
    margin: 10px;
    border: 0;
    border-radius: 50%;
    background: var(--theme-primary-color);
    color: var(--theme-green-dark-color);
}

/* DETAIL NAVIGATION */
.destination-detail-nav-inner {
    display: grid;
    border-bottom: 1px solid #e7ecee;
    grid-template-columns: repeat(7, 1fr);
    background: var(--theme-primary-color);
    box-shadow: 0 8px 30px rgba(8,34,52,.04);
}

.destination-detail-nav a {
    position: relative;
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
}

.destination-detail-nav a i {
    color: var(--theme-title-color);
    font-size: 14px;
}

.destination-detail-nav a.active,
.destination-detail-nav a:hover {
    color: var(--theme-green-dark-color);
}

.destination-detail-nav a.active::after {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -1px;
    height: 2px;
    background: var(--theme-green-color);
}


/* ==================================================
   OVERVIEW
================================================== */

.destination-overview-section {
    padding: 35px 0 65px;
}

.destination-overview-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.7fr) .8fr .95fr;
    gap: 32px;
    align-items: start;
}

.destination-section-label {
    display: inline-block;
    margin-bottom: 7px;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
}

.destination-overview-main h2,
.destination-section-heading h2 {
    margin: 0 0 16px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 34px;
    line-height: 1.2;
}

.destination-single-description {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    line-height: 1.8;
}

.destination-single-description p {
    margin-bottom: 16px;
}


/* Overview Features */

.destination-overview-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin: 50px 0;
}

.destination-overview-feature {
    display: flex;
    gap: 15px;
}

.destination-feature-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
}

.destination-overview-feature h4 {
    margin: 0 0 4px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 700;
}

.destination-overview-feature p {
    margin: 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.6;
}

.destination-outline-btn {
    min-height: 44px;
    padding: 0 24px;
    border: 1px solid var(--theme-green-dark-color);
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.destination-outline-btn:hover {
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}


/* ==================================================
   AT A GLANCE
================================================== */

.destination-glance-card {
    padding: 24px;
    border-radius: 14px;
    background: var(--theme-background-color);
}

.destination-glance-card h3 {
    margin: 0 0 18px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 20px;
}

.destination-glance-item {
    display: flex;
    gap: 12px;
    padding: 11px 0;
}

.destination-glance-item > span {
    flex: 0 0 36px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
}

.destination-glance-item div {
    display: flex;
    flex-direction: column;
}

.destination-glance-item small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.destination-glance-item strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}


/* ==================================================
   MAP + CTA
================================================== */

.destination-overview-right {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.destination-map-placeholder {
    min-height: 230px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 8px;
    background:
        linear-gradient(
            rgba(237,247,250,.75),
            rgba(237,247,250,.75)
        ),
        url("../images/destination-map-bg.jpg")
        center / cover no-repeat;
    color: var(--theme-green-dark-color);
}

.destination-map-placeholder i {
    font-size: 34px;
}

.destination-map-placeholder span {
    font-family: var(--theme-text-font);
    font-weight: 700;
}

.destination-explore-card {
    padding: 28px;
    border-radius: 14px;
    background: var(--theme-green-heavy-dark-color);
}

.destination-explore-card h3 {
    margin: 0 0 10px;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: 24px;
}

.destination-explore-card p {
    margin-bottom: 20px;
    color: var(--theme-footer-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.7;
}

.destination-explore-card a {
    min-height: 44px;
    padding: 5px 6px 5px 18px;
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    gap: 14px;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
    text-decoration: none;
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
}

.destination-explore-card a span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-green-dark-color);
}

/* PACKAGES */
.destination-packages-section {
    padding-bottom: 50px;
}

.destination-section-heading {
    margin-bottom: 25px;
}

.destination-experience-card {
    height: 100%;
    border: 1px solid #e8edef;
    border-radius: 12px;
    overflow: hidden;
    background: var(--theme-primary-color);
    box-shadow: 0 7px 25px rgba(8,34,52,.04);
    transition: var(--transition);
}

.destination-experience-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 35px rgba(8,34,52,.10);
}

.destination-experience-image {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.destination-experience-image > a:first-child {
    display: block;
    height: 100%;
}

.destination-experience-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.destination-experience-card:hover img {
    transform: scale(1.05);
}

.destination-experience-arrow {
    position: absolute;
    right: 12px;
    bottom: 12px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(4,15,25,.62);
    color: var(--theme-primary-color);
    text-decoration: none;
}

.destination-experience-content {
    padding: 15px;
}

.destination-experience-content h3 {
    margin: 0 0 7px;
    font-family: var(--theme-text-font);
    font-size: 15px;
    font-weight: 700;
}

.destination-experience-content h3 a {
    color: var(--theme-title-color);
    text-decoration: none;
}

.destination-experience-content p {
    min-height: 40px;
    margin-bottom: 12px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
    line-height: 1.5;
}

.destination-experience-content > span {
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
    font-weight: 600;
}

.destination-experience-content > span i {
    margin-right: 4px;
}


/* ==================================================
   TRAVEL TIPS
================================================== */

.destination-travel-tips {
    padding-bottom: 35px;
}

.destination-travel-tips-inner {
    padding: 26px;
    border-radius: 14px;
    background: #f3f8f8;
}

.destination-travel-tips-inner h2 {
    margin: 0 0 22px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 30px;
}

.destination-tips-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
}

.destination-tip {
    display: flex;
    align-items: center;
    gap: 12px;
}

.destination-tip span {
    flex: 0 0 50px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
}

.destination-tip p {
    margin: 0;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    line-height: 1.5;
}


/* ==================================================
   BOTTOM CTA
================================================== */

.destination-single-cta-section {
    padding-bottom: 60px;
}

.destination-single-cta {
    min-height: 125px;
    padding: 28px 45px;
    border-radius: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;

    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.96),
            rgba(4,15,25,.72)
        ),
        url("../images/destination-cta-bg.jpg")
        center / cover no-repeat;
}

.destination-single-cta h2 {
    margin: 0 0 4px;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: 30px;
}

.destination-single-cta p {
    margin: 0;
    color: var(--theme-footer-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.destination-single-cta > a {
    min-width: 225px;
    min-height: 48px;
    padding: 5px 6px 5px 23px;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    text-decoration: none;
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.destination-single-cta > a:hover {
    background: var(--theme-green-color);
}

.destination-single-cta > a span {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-green-dark-color);
}

/* ================================================== package Archive Page */
.package-archive-banner {
    position: relative;
    min-height: 500px;
    padding: 165px 0 50px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.package-archive-banner::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.88) 0%,
            rgba(4,15,25,.68) 45%,
            rgba(4,15,25,.24) 100%
        );
}

.package-archive-banner .container {
    position: relative;
    z-index: 2;
}

/* Breadcrumb */
.package-archive-banner-breadcrumb {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    color: rgba(255, 255, 255, .85);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 600;
}

.package-archive-banner-breadcrumb a {
    color: var(--theme-primary-color);
    text-decoration: none;
}

.package-archive-banner-breadcrumb i {
    font-size: 9px;
}

/* Heading */
.package-archive-banner-heading {
    max-width: 610px;
}

.package-archive-banner-heading h1 {
    margin: 0 0 15px;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: clamp(46px, 5vw, 67px);
    line-height: 1.03;
    font-weight: 600;
}

.package-archive-banner-heading p {
    max-width: 580px;
    color: rgba(255, 255, 255, .9);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.65;
}

/* ==================================================
   SEARCH
================================================== */
.package-archive-search {
    margin-top: 50px;
}

.package-search-form {
    display: grid;
    grid-template-columns: 1.1fr 1fr 1fr 1.1fr 210px;
    min-height: 100px;
    padding: 10px;
    border-radius: 30px;
    background: var(--theme-primary-color);
    box-shadow: 0 17px 45px rgba(4, 15, 25, .18);
}

/* Field */
.package-search-field {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 8px 18px;
    border-right: 1px solid #e9edef;
}

.package-search-icon {
    flex: 0 0 43px;
    width: 43px;
    height: 43px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
    font-size: 16px;
}

.package-search-field-content {
    min-width: 0;
    flex: 1;
}

.package-search-field-content label,
.package-search-budget label {
    display: block;
    margin-bottom: 4px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 600;
}

.package-search-field-content select {
    width: 100%;
    border: 0;
    outline: 0;
    background: transparent;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 600;
}


/* Budget */
.package-search-budget {
    padding: 10px 20px;
    border-right: 1px solid #e9edef;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.package-search-budget-heading {
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.package-search-budget-heading strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
}

.package-search-budget input {
    width: 100%;
    accent-color: var(--theme-green-dark-color);
}

/* Submit */
.package-search-submit {
    padding: 5px;
    display: flex;
    align-items: center;
}

.package-search-submit button {
    width: 100%;
    height: 60px;
    border: 0;
    border-radius: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.package-search-submit button:hover {
    background: var(--theme-green-dark-color);
}


/* ==================================================
   PAGE CONTENT
================================================== */
.package-archive-template .page-content {
    padding: 50px 0;
    background: var(--theme-primary-color);
}

/* ==================================================
   STATS
================================================== */

.package-archive-stat {
    margin-bottom: 38px;
    padding: 20px 0;

    display: grid;
    grid-template-columns: repeat(4, 1fr);

    border: 1px solid #edf0f1;
    border-radius: 12px;

    box-shadow: 0 7px 25px rgba(8,34,52,.035);
}

.package-stat-item {
    position: relative;
    padding: 5px 25px;

    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
}

.package-stat-item:not(:last-child)::after {
    content: "";
    position: absolute;

    right: 0;
    top: 9px;

    width: 1px;
    height: 38px;

    background: #e9edef;
}

.package-stat-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(8,179,124,.07);
    color: var(--theme-green-dark-color);
}

.package-stat-content h5 {
    margin-bottom: 3px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
}

.package-stat-content p {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}


/* ARCHIVE WRAPPER */
.package-archive-wrapper {
    display: grid;
    grid-template-columns: 300px minmax(0,1fr);
    gap: 30px;
}

.package-archive-main {
    min-width: 0;
}

/* SIDEBAR */
.package-archive-sidebar {
    padding: 18px;
    border: 1px solid #e9edef;
    border-radius: 12px;
    background: var(--theme-primary-color);
    box-shadow: 0 8px 28px rgba(8,34,52,.03);
}

.package-filter-header {
    padding-bottom: 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;
}

.package-filter-header h4 {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 700;
}

.package-filter-header a {
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
}

/* Groups */
.package-filter-group {
    padding: 18px 0;
    border-top: 1px solid #edf0f1;
}

.package-filter-title {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.package-filter-title h5 {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 700;
}

.package-filter-title i {
    color: var(--theme-title-color);
    font-size: 14px;
}

/* Search */
.package-filter-search {
    position: relative;
    margin-bottom: 13px;
}

.package-filter-search i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #a6afb4;
    font-size: 14px;
}

.package-filter-search input {
    width: 100%;
    height: 50px;
    padding: 0 15px 0 40px;
    border: 1px solid #e6ebed;
    border-radius: 8px;
    outline: none;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* Checkboxes */
.package-filter-options {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.package-filter-checkbox,
.package-rating-row {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 8px;
    color: #59646c;
    font-family: var(--theme-text-font);
    font-size: 16px;
    cursor: pointer;
}

.package-filter-checkbox input,
.package-rating-row input {
    position: absolute;
    opacity: 0;
}

.filter-checkbox-ui {
    flex: 0 0 15px;
    width: 15px;
    height: 15px;
    border: 1px solid #bdc6ca;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
}

.filter-checkbox-ui i {
    color: transparent;
    font-size: 7px;
}

.package-filter-checkbox input:checked + .filter-checkbox-ui,
.package-rating-row input:checked + .filter-checkbox-ui {
    border-color: var(--theme-green-dark-color);
    background: var(--theme-green-dark-color);
}

.package-filter-checkbox input:checked + .filter-checkbox-ui i,
.package-rating-row input:checked + .filter-checkbox-ui i {
    color: var(--theme-primary-color);
}

/* Ranges */
.package-range-wrapper input {
    width: 100%;
    accent-color: var(--theme-green-dark-color);
}

.package-range-values {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.package-range-values > span {
    min-width: 70px;
    padding: 8px 10px;
    border: 1px solid #e9edef;
    border-radius: 7px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* Rating */
.package-rating-options {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.package-stars {
    display: flex;
    gap: 2px;
}

.package-stars i {
    color: var(--theme-yellow-color);
    font-size: 10px;
}

.package-rating-row > span:last-child {
    margin-left: auto;
}

/* Reset */
.package-filter-reset {
    width: 100%;
    min-height: 50px;
    border: 1px solid var(--theme-green-dark-color);
    border-radius: 40px;
    background: transparent;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.package-filter-reset:hover {
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}


/* ==================================================
   HEADING
================================================== */

.package-archive-heading {
    min-height: 42px;
    margin-bottom: 16px;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.package-archive-heading-counter p {
    margin: 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-archive-heading-counter strong {
    color: var(--theme-title-color);
}

.package-archive-heading-shorting select {
    min-width: 155px;
    height: 38px;
    padding: 0 35px 0 14px;
    border: 1px solid #edf0f1;
    border-radius: 8px;
    outline: none;
    background: var(--theme-background-color);
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

/* PAGINATION */
.package-pagination {
    margin-top: 30px;
}

.package-pagination .nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.package-pagination .page-numbers {
    width: 36px;
    height: 36px;
    border: 1px solid #e7ecee;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: var(--transition);
}

.package-pagination .page-numbers:hover,
.package-pagination .page-numbers.current {
    border-color: var(--theme-green-dark-color);
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}


/* NEWSLETTER CTA */
.package-archive-footer {
    grid-column: 1 / -1;
    margin-top: 35px;
}

.package-newsletter-cta {
    min-height: 105px;
    padding: 24px 50px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.97),
            rgba(4,15,25,.80)
        ),
        url("../images/package-newsletter-bg.jpg")
        center / cover no-repeat;
}

.package-newsletter-content {
    max-width: 480px;
}

.package-newsletter-content h2 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 600;
    font-family: var(--theme-title-font);
    color: var(--theme-primary-color);
}

.package-newsletter-content p {
    font-size: 16px;
    color: var(--theme-footer-text-color);
    font-family: var(--theme-text-font);
}

/* Newsletter Form */
.package-newsletter-form {
    flex: 0 1 480px;
    height: 60px;
    display: flex;
    padding: 4px;
    border-radius: 40px;
    background: var(--theme-primary-color);
}

.package-newsletter-form input {
    flex: 1;
    min-width: 0;
    padding: 0 20px;
    border: 0;
    outline: none;
    background: transparent;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-newsletter-form button {
    min-width: 155px;
    border: 0;
    border-radius: 40px;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.package-newsletter-form button:hover {
    background: var(--theme-green-dark-color);
}

/* ================================================== Package Details Page */
/* ==================================================
   PACKAGE SINGLE
================================================== */

.package-single-template {
    background: var(--theme-primary-color);
}


/* ==================================================
   HERO
================================================== */

.package-single-banner {
    position: relative;
    min-height: 610px;
    padding: 175px 0 60px;
    display: flex;
    align-items: center;

    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;

    overflow: hidden;
}

.package-single-banner-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.94) 0%,
            rgba(4,15,25,.78) 46%,
            rgba(4,15,25,.30) 78%,
            rgba(4,15,25,.22) 100%
        );
}

.package-single-banner .container {
    position: relative;
    z-index: 2;
}

.package-single-banner-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 70px;
    align-items: center;
}


/* Breadcrumb */
.package-single-breadcrumb {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: rgba(255,255,255,.85);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 600;
}

.package-single-breadcrumb a {
    text-decoration: none;
    color: var(--theme-primary-color);
    transition: var(--transition);
}

.package-single-breadcrumb a:hover {
    color: var(--theme-green-color);
}

.package-single-breadcrumb i {
    font-size: 10px;
}

/* Title */
.package-single-banner-title {
    max-width: 790px;

    margin: 0 0 15px;

    color: var(--theme-primary-color);

    font-family: var(--theme-title-font);
    font-size: clamp(46px, 5vw, 67px);
    line-height: 1.03;
    font-weight: 600;
}

/* Banner Meta */
.package-single-banner-meta {
    margin-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-single-banner-meta > span:first-child i {
    margin-right: 5px;
}

.package-single-banner-stars {
    display: inline-flex;
    gap: 2px;
    color: var(--theme-yellow-color);
}

.package-single-banner-meta strong {
    font-size: 12px;
}

.package-single-best-seller {
    padding: 5px 9px;
    border-radius: 25px;
    background: rgba(8,179,124,.20);
    color: var(--theme-primary-color);
    backdrop-filter: blur(10px);
}

/* Description */
.package-single-banner-description {
    max-width: 680px;
    margin-bottom: 20px;
    color: rgba(255,255,255,.83);
    font-family: var(--theme-text-font);
    font-size: 18px;
    line-height: 1.7;
}

/* Tags */
.package-single-tags {
    margin-bottom: 28px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.package-single-tags span {
    padding: 10px 15px;
    border: 1px solid rgba(255,255,255,.28);
    border-radius: 30px;
    background: rgba(4,15,25,.18);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* Hero Feature Strip */
.package-single-hero-features {
    max-width: 700px;
    padding: 18px 20px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    border-radius: 12px;
    background: rgba(4,15,25,.73);
    backdrop-filter: blur(10px);
}

.package-single-hero-feature {
    position: relative;
    padding: 0 14px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--theme-primary-color);
}

.package-single-hero-feature:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 1px;
    height: 32px;
    background: rgba(255,255,255,.15);
}

.package-single-hero-feature > i {
    color: rgba(255,255,255, 0.7);
    font-size: 20px;
}

.package-single-hero-feature div {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.package-single-hero-feature small {
    display: block;
    line-height: 1;
    font-size: 16px;
    color: rgba(255,255,255,.6);
    font-family: var(--theme-text-font);
}

.package-single-hero-feature strong {
    display: block;
    font-size: 14px;
    line-height: 1;
    font-weight: 600;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
}

/* ==================================================
   HERO PRICE CARD
================================================== */
.package-single-hero-price-card {
    padding: 25px;
    border-radius: 14px;
    background: rgba(255,255,255,.97);
    box-shadow: 0 20px 55px rgba(0,0,0,.18);
}

.package-single-price-label {
    display: block;
    margin-bottom: 4px;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--theme-text-font);
    color: var(--theme-title-color);
}

.package-single-price {
    margin-bottom: 25px;
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.package-single-price strong {
    font-size: 30px;
    font-weight: 700;
    font-family: var(--theme-title-font);
    color: var(--theme-green-dark-color);
}

.package-single-price span {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* Benefits */
.package-single-price-benefits {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.package-single-price-benefits > div {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
}

.package-single-price-benefits i {
    color: var(--theme-green-dark-color);
}

/* Buttons */
.package-single-primary-button,
.package-single-outline-button {
    width: 100%;
    min-height: 50px;
    margin-top: 8px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.package-single-primary-button {
    border: 1px solid var(--theme-green-color);
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
}

.package-single-primary-button:hover {
    background: var(--theme-green-dark-color);
    border-color: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}

.package-single-outline-button {
    border: 1px solid #dfe5e7;
    background: transparent;
    color: var(--theme-title-color);
}

.package-single-outline-button:hover {
    border-color: var(--theme-green-dark-color);
    color: var(--theme-green-dark-color);
}

/* NAVIGATION  */
.package-single-navigation {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--theme-green-dark-color);
    box-shadow: 0 7px 25px rgba(8,34,52,.05);
}

.package-single-navigation-inner {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    border-radius: 0 0 10px 10px;
}

.package-single-navigation-link {
    position: relative;
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
    transition: var(--transition);
}

.package-single-navigation-link:first-child{
    border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.package-single-navigation-link:hover,
.package-single-navigation-link.active {
    color: var(--theme-primary-color);
    background: var(--theme-green-color);
}

/* CONTENT */
.package-single-content {
    padding: 45px 0 25px;
}

.package-single-content-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 310px;
    gap: 55px;
    align-items: start;
}

.package-single-main {
    min-width: 0;
}

.package-single-sidebar {
    position: sticky;
    top: 85px;
    min-width: 0;
}

/*  SECTION GENERAL */
.package-single-section {
    padding-bottom: 38px;
    scroll-margin-top: 100px;
}

.package-single-section-label {
    display: inline-block;
    margin-bottom: 5px;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    font-family: var(--theme-text-font);
    color: var(--theme-green-dark-color);
}

.package-single-section-title {
    margin-bottom: 15px;
    font-size: 30px;
    font-weight: 700;
    font-family: var(--theme-title-font);
    color: var(--theme-title-color);
}

.package-single-description {
    font-size: 16px;
    line-height: 30px;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

.package-single-description p {
    margin-bottom: 15px;
}

/* HIGHLIGHT CARDS */
.package-single-highlight-grid {
    margin-top: 25px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.package-single-highlight-card {
    min-height: 130px;
    padding: 15px;
    border: 1px solid #e8edef;
    border-radius: 9px;
    background: var(--theme-primary-color);
    box-shadow: 0 4px 18px rgba(8,34,52,.025);
}

.package-single-highlight-icon {
    width: 60px;
    height: 60px;
    margin-bottom: 15px;
    border-radius: 50%;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
}

.package-single-highlight-card h4 {
    margin-bottom: 5px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 700;
}

.package-single-highlight-card p {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    line-height: 1.6;
}

/* ITINERARY */
.package-single-itinerary {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.package-single-itinerary-item {
    overflow: hidden;
    border: 1px solid #e7ecee !important;
    border-radius: 8px !important;
}

.package-single-itinerary-item .accordion-button {
    min-height: 48px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 20px;
    background: #fbfcfc;
    color: var(--theme-title-color);
    box-shadow: none !important;
    font-family: var(--theme-text-font);
    font-size: 18px;
}

.package-single-itinerary-item .accordion-button:not(.collapsed) {
    background: var(--theme-background-color);
    color: var(--theme-title-color);
}

.package-single-itinerary-day {
    min-width: 50px;
    color: var(--theme-title-color);
    font-weight: 700;
}

.package-single-itinerary-body {
    padding: 20px;
    font-size: 16px;
    line-height: 1.8;
    font-family: var(--theme-text-font);
    color: var(--theme-text-color);
}

/* INCLUSIONS */
.package-single-inclusion-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.package-single-inclusion-card {
    min-height: 230px;
    padding: 22px;
    border-radius: 10px;
}

.package-single-included {
    background: linear-gradient( 135deg, #f3fbf8, #edf8f6);
}

.package-single-excluded {
    background: linear-gradient( 135deg, #fff8f5, #fff4f0);
}

.package-single-inclusion-card h3 {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
}

.package-single-inclusion-content {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.75;
}

.package-single-inclusion-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.package-single-inclusion-content li {
    position: relative;
    padding-left: 18px;
    margin-bottom: 5px;
}

.package-single-included li::before {
    content: "\f00c";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: var(--theme-green-color);
}

.package-single-excluded li::before {
    content: "\f00d";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #60757d;
}

/* GALLERY */
.package-single-gallery-grid {
    height: 320px;
    display: grid;
    grid-template-columns: 1.35fr .8fr .8fr;
    grid-template-rows: repeat(2, 1fr);
    gap: 8px;
}

.package-single-gallery-item {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
}

.package-single-gallery-item-1 {
    grid-row: span 2;
}

.package-single-gallery-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform .4s ease;
}

.package-single-gallery-item:hover img {
    transform: scale(1.05);
}

.package-single-gallery-overlay {
    position: absolute;
    inset: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(4,15,25,.30);
    color: var(--theme-primary-color);
    opacity: 0;
    transition: var(--transition);
}

.package-single-gallery-item:hover
.package-single-gallery-overlay {
    opacity: 1;
}

.package-single-gallery-button {
    margin-top: 13px;
    min-height: 39px;
    padding: 0 18px;
    border: 1px solid var(--theme-green-dark-color);
    border-radius: 40px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

/* FAQ */
.package-single-faq-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 270px;
    gap: 22px;
}

.package-single-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.package-single-faq-item {
    border: 1px solid #e8edef !important;
    border-radius: 8px !important;
    overflow: hidden;
}

.package-single-faq-item .accordion-button {
    padding: 14px 16px;
    background: #fbfcfc;
    color: var(--theme-title-color);
    box-shadow: none !important;
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
}

.package-single-faq-item .accordion-body {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.7;
}

/* Question Card */
.package-single-question-card {
    min-height: 180px;
    padding: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-radius: 11px;
    background: var(--theme-background-color);
}

.package-single-question-card h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.package-single-question-card p {
    margin-bottom: 15px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.6;
}

.package-single-question-card a {
    padding: 10px 20px;
    border-radius: 25px;
    display: inline-flex;
    align-items: center;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    font-family: var(--theme-text-font);
    color: var(--theme-green-dark-color);
    border: 1px solid var(--theme-green-dark-color);
}

.package-single-question-icon {
    flex: 0 0 60px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
    font-size: 24px;
}

/* BOOKING SIDEBAR */
.package-single-booking-card {
    padding: 22px;
    border: 1px solid #e8edef;
    border-radius: 10px;
    background: var(--theme-primary-color);
    box-shadow: 0 10px 35px rgba(8,34,52,.045);
}

.package-single-booking-card > h3 {
    margin: 0 0 22px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 18px;
}

.package-single-booking-price {
    margin-bottom: 25px;
}

.package-single-booking-price > span {
    display: block;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-single-booking-price div {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.package-single-booking-price strong {
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 30px;
}

.package-single-booking-price small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}


/* Form */
.package-single-form-group {
    margin-bottom: 18px;
}

.package-single-form-group label {
    display: block;
    margin-bottom: 7px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 700;
}

.package-single-form-group input[type="date"] {
    width: 100%;
    height: 42px;
    padding: 0 12px;
    border: 1px solid #e5eaec;
    border-radius: 6px;
    outline: none;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-single-form-group small {
    display: block;
    margin-top: 5px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* Traveler */
.package-single-traveler-counter {
    height: 42px;
    border: 1px solid #e5eaec;
    border-radius: 6px;
    display: grid;
    grid-template-columns: 40px 1fr 40px;
    overflow: hidden;
}

.package-single-traveler-counter button {
    border: 0;
    background: #f8fafb;
    color: var(--theme-title-color);
}

.package-single-traveler-counter span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* Price calculation */
.package-single-price-calculation {
    margin: 20px 0;
    padding-top: 16px;
    border-top: 1px solid #e9edef;
}

.package-single-price-calculation > div {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-single-price-calculation strong {
    color: var(--theme-title-color);
}

.package-single-price-total {
    padding-top: 10px;
    border-top: 1px solid #e9edef;
    font-size: 16px !important;
    font-weight: 700;
}

.package-single-price-total span,
.package-single-price-total strong {
    color: var(--theme-title-color);
}


/* Booking button */
.package-single-book-button {
    width: 100%;
    min-height: 50px;
    border: 0;
    border-radius: 6px;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    transition: var(--transition);
}

.package-single-book-button:hover {
    background: var(--theme-green-dark-color);
}

.package-single-wishlist-button {
    width: 100%;
    min-height: 50px;
    margin-top: 9px;
    border: 1px solid #e5eaec;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 600;
    text-decoration: none;
}

/* TRUST LIST */
.package-single-trust-list {
    margin-top: 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.package-single-trust-item {
    padding: 15px;
    display: flex;
    gap: 12px;
    border-radius: 8px;
    background: #f9fbfb;
}

.package-single-trust-item > span {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    font-size: 24px;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
}

.package-single-trust-item div {
    display: flex;
    flex-direction: column;
}

.package-single-trust-item strong {
    margin-bottom: 5px;
    font-size: 16px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
}

.package-single-trust-item small {
    font-size: 14px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

/* BOTTOM CTA */
.package-single-bottom-cta-section {
    padding: 20px 0 55px;
}

.package-single-bottom-cta {
    min-height: 120px;
    padding: 27px 45px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.96),
            rgba(4,15,25,.68)
        ),
        url("../images/package-single-cta-bg.jpg")
        center / cover no-repeat;
}

.package-single-bottom-cta h2 {
    margin-bottom: 5px;
    font-size: 26px;
    font-family: var(--theme-title-font);
    color: var(--theme-primary-color);
}

.package-single-bottom-cta p{
    font-size: 16px;
    font-family: var(--theme-text-font);
    color: var(--theme-footer-text-color);
}

.package-single-bottom-cta > a {
    min-width: 230px;
    min-height: 44px;
    padding: 15px 15px 15px 20px;
    border-radius: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 700;
    text-decoration: none;
}

.package-single-bottom-cta > a > span {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
}


/* ==================================================
   PACKAGE BOOKING PAGE
================================================== */
.package-booking-page {
    background: #eee;
}

/* BANNER */
.package-booking-banner {
    position: relative;
    min-height: 430px;
    padding: 165px 0 100px;
    display: flex;
    align-items: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}

.package-booking-banner-overlay {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.95) 0%,
            rgba(4,15,25,.72) 47%,
            rgba(4,15,25,.20) 100%
        );
}

.package-booking-banner .container {
    position: relative;
    z-index: 2;
}

/* Breadcrumb */
.package-booking-banner-breadcrumb {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    color: rgba(255,255,255,.85);
    font-family: var(--theme-text-font);
    font-size: 16px;
    font-weight: 600;
}

.package-booking-banner-breadcrumb a {
    text-decoration: none;
    color: var(--theme-primary-color);
    transition: var(--transition);
}

.package-booking-banner-breadcrumb a:hover {
    color: var(--theme-green-color);
}

.package-booking-banner-breadcrumb i {
    font-size: 10px;
}

/* Heading */
.package-booking-banner-heading h1 {
    margin: 0 0 15px;
    color: var(--theme-primary-color);
    font-family: var(--theme-title-font);
    font-size: clamp(46px, 5vw, 67px);
    line-height: 1.03;
    font-weight: 600;
}

.package-booking-banner-heading p {
    margin: 0;
    color: rgba(255,255,255,.9);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.65;
}

/* PROGRESS */
.package-booking-progress-section {
    position: relative;
    z-index: 10;
    margin-top: -57px;
}

.package-booking-progress {
    min-height: 113px;
    padding: 20px 80px;
    border: 1px solid #e4eaed;
    border-radius: 16px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 35px;
    background: var(--theme-primary-color);
    box-shadow: 0 12px 45px  rgba(8,34,52,.08);
}

.package-booking-progress-item {
    display: flex;
    align-items: center;
    gap: 15px;
}

.package-booking-progress-number {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
    border: 1px solid #cad4d8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 15px;
    font-weight: 700;
}

.package-booking-progress-item-active
.package-booking-progress-number {
    border-color: var(--theme-green-dark-color);
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}

.package-booking-progress-content {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.package-booking-progress-content strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 700;
}

.package-booking-progress-content small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-progress-line {
    border-top: 5px dotted #d7dfe2;
}

/* CONTENT */
.package-booking-content {
    padding: 28px 0 70px;
}

.package-booking-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 355px;
    gap: 28px;
    align-items: start;
}

.package-booking-main,
.package-booking-sidebar {
    min-width: 0;
}

.package-booking-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* CF7 Form */
.package-booking-main .wpcf7 {
    width: 100%;
}

.package-booking-form .wpcf7-form-control-wrap {
    display: block;
}

.package-booking-form .wpcf7-spinner {
    margin: 0 0 0 10px;
}

.package-booking-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    color: #d63638;
    font-family: var(--theme-text-font);
    font-size: 10px;
}

.package-booking-form .wpcf7-response-output {
    margin: 18px 0 0 !important;
    padding: 12px 15px !important;
    border-radius: 7px;
    font-family: var(--theme-text-font);
    font-size: 11px;
}

/* FORM */
.package-booking-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.package-booking-form br{
    display: none;
}

/* Both Step 1 and Step 2 are always visible */
.package-booking-form-section {
    display: block;
    padding: 24px;
    border: 1px solid #e5eaed;
    border-radius: 12px;
    background: var(--theme-primary-color);
    box-shadow: 0 7px 25px  rgba(8,34,52,.025);
}

/* FORM HEADING */
.package-booking-form-heading {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 13px;
}

.package-booking-form-heading-icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    font-size: 18px;
}

.package-booking-form-heading h2 {
    font-size: 24px;
    font-weight: 700;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.package-booking-form-heading p {
    margin: 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

/* GRID */
.package-booking-form-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px 25px;
}

.package-booking-form-grid-three {
    grid-template-columns: repeat(3,1fr);
}

/* FIELD */
.package-booking-field label {
    display: block;
    margin-bottom: 4px;
    font-size: 16px;
    font-weight: 600;
    font-family: var(--theme-text-font);
    color: var(--theme-title-color);
}

.package-booking-field label em {
    color: #dc4b4b;
    font-style: normal;
}

.package-booking-field input,
.package-booking-field select,
.package-booking-request textarea,
.package-booking-additional-traveler-card input {
    width: 100%;
    border: 1px solid #dfe6e9;
    border-radius: 8px;
    outline: none;
    background: var(--theme-primary-color);
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    transition: var(--transition);
}

.package-booking-field input,
.package-booking-field select,
.package-booking-additional-traveler-card input {
    height: 45px;
    padding: 0 13px;
}

.package-booking-field input:focus,
.package-booking-field select:focus,
.package-booking-request textarea:focus,
.package-booking-additional-traveler-card input:focus {
    border-color: var(--theme-green-color);
    box-shadow: 0 0 0 3px  rgba(8,179,124,.06);
}

/* Readonly */
.package-booking-readonly-field {
    position: relative;
}

.package-booking-readonly-field input {
    padding-right: 42px;
    font-weight: 600;
    background: #fbfcfc;
}

.package-booking-field-status {
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%);
    color: var(--theme-green-color);
    font-size: 11px;
    pointer-events: none;
}

/* Input icons */
.package-booking-input-icon {
    position: relative;
}

.package-booking-input-icon p{
    position: relative;
}

.package-booking-input-icon p > i {
    position: absolute;
    left: 15px;
    top: 23px;
    z-index: 2;
    transform: translateY(-50%);
    color: #74858e;
    font-size: 14px;
    pointer-events: none;
}

.package-booking-input-icon input,
.package-booking-input-icon select {
    padding-left: 38px;
}

/* TRAVELER SELECTOR */
.package-booking-traveler-selector {
    height: 45px;
    border: 1px solid #dfe6e9;
    border-radius: 7px;
    display: grid;
    grid-template-columns: 42px 1fr 42px;
    overflow: hidden;
    background: var(--theme-primary-color);
}

.package-booking-traveler-selector button {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0;
    background: var(--theme-green-color);
    color: var(--theme-primary-color);
    cursor: pointer;
    transition: var(--transition);
}

.package-booking-traveler-selector button:hover {
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
}

.package-booking-traveler-selector button:disabled {
    opacity: .4;
    cursor: not-allowed;
}

.package-booking-traveler-display {
    padding: 0 13px;
    display: flex;
    align-items: center;
    gap: 9px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
    font-weight: 600;
}

.package-booking-traveler-display i {
    color: #71818a;
}

.package-booking-field-note {
    display: block;
    margin-top: 6px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* REQUEST */
.package-booking-request {
    margin-top: 26px;
}

.package-booking-request-heading {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.package-booking-request-heading > span {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
}

.package-booking-request-heading > div {
    display: flex;
    flex-direction: column;
}

.package-booking-request-heading strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-booking-request-heading strong small {
    font-weight: 400;
}

.package-booking-request-heading p {
    margin: 2px 0 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-request textarea {
    min-height: 92px;
    padding: 13px;
    resize: vertical;
}

/* SUBHEADING */
.package-booking-form-subheading {
    margin: 25px 0 15px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 700;
}

.package-booking-form-subheading span {
    font-weight: 400;
}

/* ADDITIONAL TRAVELERS */
.package-booking-additional {
    margin: 25px 0 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.package-booking-additional > div {
    display: flex;
    flex-direction: column;
}

.package-booking-additional strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-booking-additional small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-add-traveler-button {
    min-height: 45px;
    padding: 0 15px;
    border: 1px solid #d7e1e4;
    border-radius: 5px;
    background: transparent;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}

.package-booking-add-traveler-button:hover {
    border-color: var(--theme-green-dark-color);
    background: rgba(8,179,124,.04);
}

/* Dynamic traveler */
.package-booking-additional-container {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.package-booking-additional-traveler-card {
    padding: 16px;
    border: 1px solid #e5eaed;
    border-radius: 8px;
    background: #fbfcfc;
}

.package-booking-additional-traveler-heading {
    margin-bottom: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.package-booking-additional-traveler-heading strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
}

.package-booking-remove-traveler {
    width: 30px;
    height: 30px;
    border: 1px solid #e4e9eb;
    border-radius: 50%;
    background: var(--theme-primary-color);
    color: #cc4a4a;
    cursor: pointer;
}

/* NOTICE */
.package-booking-form-notice {
    margin-top: 25px;
    padding: 13px 16px;
    border-radius: 7px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(8,179,124,.07);
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-form-notice i {
    color: var(--theme-green-dark-color);
}

/* AGREEMENT */
.package-booking-agreement p {
    margin-top: 17px;
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-booking-agreement .wpcf7-form-control-wrap {
    width: auto;
}

.package-booking-agreement a {
    color: var(--theme-green-color);
}

/* SUBMIT */
.package-booking-form-actions {
    margin-top: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.package-booking-form-actions-right {
    justify-content: flex-end;
}

.package-booking-submit p{
    display: flex;
}

.package-booking-submit .wpcf7-spinner{
    order: 1;
}

.package-booking-submit .wpcf7-submit {
    order: 2;
    min-width: 200px;
    min-height: 60px;
    padding: 0 30px;
    border-radius: 5px;
    border: 1px solid var(--theme-green-dark-color);
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}

.package-booking-submit .wpcf7-submit:hover {
    border-color: var(--theme-green-color);
    background: var(--theme-green-color);
}

/* SUMMARY + SIDEBAR CARD */
.package-booking-summary-card,
.package-booking-side-card {
    padding: 22px;
    border: 1px solid #e5eaed;
    border-radius: 11px;
    background: var(--theme-primary-color);
    box-shadow: 0 7px 25px  rgba(8,34,52,.03);
}

.package-booking-summary-card h2 {
    margin: 0 0 18px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 20px;
    font-weight: 700;
}

.package-booking-summary-image {
    height: 145px;
    margin-bottom: 16px;
    overflow: hidden;
    border-radius: 8px;
}

.package-booking-summary-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.package-booking-summary-card > h3 {
    margin: 0 0 8px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 18px;
    font-weight: 700;
}

.package-booking-summary-location {
    margin-bottom: 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-summary-location i {
    color: var(--theme-green-dark-color);
}

/* Package info */
.package-booking-summary-info {
    padding-bottom: 15px;
    display: flex;
    flex-direction: column;
    gap: 9px;
    border-bottom: 1px solid #edf0f1;
}

.package-booking-summary-info > div {
    display: flex;
    align-items: center;
    gap: 8px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-summary-info i {
    width: 17px;
    color: var(--theme-green-dark-color);
}

/* Summary meta */
.package-booking-summary-meta {
    padding: 15px 0;
    border-bottom: 1px solid #edf0f1;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.package-booking-summary-meta > div {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
}

.package-booking-summary-meta span,
.package-booking-summary-meta strong {
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-summary-meta > div > span {
    color: var(--theme-text-color);
}

.package-booking-summary-meta > div > span i {
    width: 18px;
    color: var(--theme-green-dark-color);
}

.package-booking-summary-meta strong {
    color: var(--theme-title-color);
    text-align: right;
}

/* Price */
.package-booking-summary-price {
    padding: 15px 0;
    border-bottom: 1px solid #edf0f1;
}

.package-booking-summary-price > div {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}

.package-booking-summary-price span {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
}

.package-booking-summary-price strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
}

.package-booking-summary-total {
    margin-bottom: 0 !important;
}

.package-booking-summary-total > span {
    color: var(--theme-title-color);
    font-weight: 700;
}

.package-booking-summary-total strong {
    color: var(--theme-green-dark-color);
    font-size: 18px;
}

/* Trust */
.package-booking-summary-trust {
    padding-top: 15px;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.package-booking-summary-trust span {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

.package-booking-summary-trust i {
    width: 18px;
    color: var(--theme-green-dark-color);
}

/* SIDE CARD */
.package-booking-side-card h3 {
    margin: 0 0 15px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 18px;
    font-weight: 700;
}

.package-booking-side-card > p {
    margin: 0 0 15px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
    line-height: 1.7;
}

.package-booking-benefit {
    padding: 10px 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.package-booking-benefit-icon {
    flex: 0 0 45px;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
}

.package-booking-benefit > div {
    display: flex;
    flex-direction: column;
}

.package-booking-benefit strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-booking-benefit small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* Contact */
.package-booking-contact-item {
    margin-top: 11px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
    text-decoration: none;
}

.package-booking-contact-item i {
    width: 16px;
    color: var(--theme-green-dark-color);
}

/* WhatsApp */
.package-booking-whatsapp {
    width: 100%;
    min-height: 55px;
    margin-top: 18px;
    border: 1px solid #dbe4e6;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    transition: var(--transition);
}

.package-booking-whatsapp:hover {
    border-color: var(--theme-green-color);
    background: rgba(8,179,124,.05);
}

/* CONFIDENCE */
.package-booking-confidence {
    margin-top: 28px;
    min-height: 105px;
    padding: 20px 35px;
    border: 1px solid #e5eaed;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1.5fr repeat(3,1fr);
    align-items: center;
    gap: 30px;
    background:
        linear-gradient(
            90deg,
            #ffffff,
            #fbfcfc
        );
}

.package-booking-confidence-main {
    display: flex;
    align-items: center;
    gap: 15px;
}

.package-booking-confidence-shield {
    flex: 0 0 65px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(23,105,107,.11);
    color: var(--theme-green-dark-color);
    font-size: 27px;
}

.package-booking-confidence-main h3 {
    margin: 0 0 3px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 24px;
}

.package-booking-confidence-main p {
    margin: 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-booking-confidence-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.package-booking-confidence-item > i {
    color: var(--theme-green-dark-color);
    font-size: 26px;
}

.package-booking-confidence-item > div {
    display: flex;
    flex-direction: column;
}

.package-booking-confidence-item strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 16px;
}

.package-booking-confidence-item span {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 14px;
}

/* EMPTY */
.package-booking-empty {
    padding: 70px 30px;
    border: 1px solid #e5eaed;
    border-radius: 12px;
    text-align: center;
}

.package-booking-empty > i {
    margin-bottom: 15px;
    color: var(--theme-green-dark-color);
    font-size: 35px;
}

.package-booking-empty h2 {
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
}

.package-booking-empty p {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
}

.package-booking-empty a {
    margin-top: 10px;
    padding: 11px 22px;
    border-radius: 30px;
    display: inline-block;
    background: var(--theme-green-dark-color);
    color: var(--theme-primary-color);
    text-decoration: none;
}

/* ==================================================
   PACKAGE ENQUIRY PAGE
================================================== */
.package-enquiry-page {
    background: var(--theme-primary-color);
}

/* HERO */
.package-enquiry-banner {
    position: relative;
    min-height: 430px;
    padding: 165px 0 100px;
    display: flex;
    align-items: center;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.package-enquiry-banner-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(4,15,25,.95),
            rgba(4,15,25,.68) 55%,
            rgba(4,15,25,.2)
        );
}

.package-enquiry-banner .container {
    position: relative;
    z-index: 2;
}

.package-enquiry-breadcrumb {
    margin-bottom: 22px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    color: rgba(255,255,255,.82);
    font-family: var(--theme-text-font);
    font-size: 12px;
}

.package-enquiry-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.package-enquiry-breadcrumb i {
    font-size: 8px;
}

.package-enquiry-banner-content {
    max-width: 680px;
}

.package-enquiry-banner-content > span {
    display: block;
    margin-bottom: 8px;
    color: var(--theme-green-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.package-enquiry-banner-content h1 {
    margin: 0 0 14px;
    color: #fff;
    font-family: var(--theme-title-font);
    font-size: clamp(48px, 5vw, 66px);
    line-height: 1;
}

.package-enquiry-banner-content p {
    max-width: 610px;
    margin: 0;
    color: rgba(255,255,255,.85);
    font-family: var(--theme-text-font);
    font-size: 15px;
    line-height: 1.7;
}

/* CONTENT */
.package-enquiry-content {
    padding: 60px 0 70px;
}

.package-enquiry-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 350px;
    gap: 30px;
    align-items: start;
}

/* FORM CARD */
.package-enquiry-form-card,
.package-enquiry-package-card,
.package-enquiry-side-card {
    border: 1px solid #e5eaed;
    border-radius: 12px;

    background: #fff;

    box-shadow:
        0 8px 30px rgba(8,34,52,.04);
}

.package-enquiry-form-card {
    padding: 28px;
}

.package-enquiry-form-heading {
    margin-bottom: 28px;

    display: flex;
    align-items: flex-start;
    gap: 14px;
}

.package-enquiry-form-heading > span {
    flex: 0 0 44px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--theme-green-dark-color);
    color: #fff;
}

.package-enquiry-form-heading h2 {
    margin: 0 0 4px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 25px;
}

.package-enquiry-form-heading p {
    margin: 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
}

/* FORM */
.package-enquiry-grid {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 20px;
}

.package-enquiry-field {
    margin-bottom: 20px;
}

.package-enquiry-field label {
    display: block;
    margin-bottom: 8px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
    font-weight: 600;
}

.package-enquiry-field label em {
    color: #dc4d4d;

    font-style: normal;
}

.package-enquiry-field input,
.package-enquiry-field select,
.package-enquiry-field textarea {
    width: 100%;
    border: 1px solid #dfe6e9;
    border-radius: 7px;
    outline: none;
    background: #fff;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 11px;
    transition: var(--transition);
}

.package-enquiry-field input,
.package-enquiry-field select {
    height: 46px;
    padding: 0 13px;
}

.package-enquiry-field textarea {
    min-height: 140px;
    padding: 13px;
    resize: vertical;
}

.package-enquiry-field input:focus,
.package-enquiry-field select:focus,
.package-enquiry-field textarea:focus {
    border-color: var(--theme-green-color);
    box-shadow: 0 0 0 3px rgba(8,179,124,.06);
}

.package-enquiry-field input[readonly] {
    background: #f9fafb;
}

.package-enquiry-field-full {
    width: 100%;
}

/* CF7 */
.package-enquiry-form
.wpcf7-form-control-wrap {
    display: block;
}

.package-enquiry-form
.wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 10px;
}

.package-enquiry-form
.wpcf7-response-output {
    margin: 20px 0 0 !important;
    border-radius: 7px;
    font-family: var(--theme-text-font);
    font-size: 11px;
}

/* Consent */
.package-enquiry-consent {
    margin-top: 5px;
    display: flex;
    align-items: flex-start;
    gap: 8px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
}

.package-enquiry-consent a {
    color: var(--theme-green-dark-color);
}

/* Submit */
.package-enquiry-submit {
    margin-top: 22px;
    display: flex;
    justify-content: flex-end;
}

.package-enquiry-submit .wpcf7-submit {
    min-width: 180px;
    height: 46px;
    padding: 0 24px;
    border: 0;
    border-radius: 7px;
    background: var(--theme-green-dark-color);
    color: #fff;
    font-family: var(--theme-text-font);
    font-size: 11px;
    font-weight: 700;
    cursor: pointer;
    transition: var(--transition);
}

.package-enquiry-submit .wpcf7-submit:hover {
    background: var(--theme-green-color);
}

/* SIDEBAR */
.package-enquiry-sidebar {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Package */
.package-enquiry-package-card {
    padding: 22px;
}

.package-enquiry-small-title {
    display: block;
    margin-bottom: 12px;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 9px;
    font-weight: 700;
    text-transform: uppercase;
}

.package-enquiry-package-image {
    height: 160px;
    margin-bottom: 15px;
    overflow: hidden;
    border-radius: 8px;
}

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

.package-enquiry-package-card h3 {
    margin: 0 0 8px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 20px;
}

.package-enquiry-location {
    margin-bottom: 15px;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
}

.package-enquiry-location i {
    margin-right: 5px;
    color: var(--theme-green-dark-color);
}

.package-enquiry-price {
    padding: 15px 0;
    border-top: 1px solid #edf0f1;
    border-bottom: 1px solid #edf0f1;
}

.package-enquiry-price span {
    display: block;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 9px;
}

.package-enquiry-price strong {
    color: var(--theme-title-color);

    font-family: var(--theme-title-font);
    font-size: 22px;
}

.package-enquiry-price small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 8px;
}

.package-enquiry-package-card > a {
    margin-top: 15px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

/* Side cards */
.package-enquiry-side-card {
    padding: 22px;
}

.package-enquiry-side-card h3 {
    margin: 0 0 15px;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 18px;
}

.package-enquiry-side-card > p {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
    line-height: 1.7;
}

/* Benefit */
.package-enquiry-benefit {
    padding: 9px 0;
    display: flex;
    align-items: center;
    gap: 11px;
}

.package-enquiry-benefit > span {
    flex: 0 0 38px;
    width: 38px;
    height: 38px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(8,179,124,.08);
    color: var(--theme-green-dark-color);
}

.package-enquiry-benefit > div {
    display: flex;
    flex-direction: column;
}

.package-enquiry-benefit strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
}

.package-enquiry-benefit small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 8px;
}

/* Contact */
.package-enquiry-contact-item {
    margin-top: 12px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
    text-decoration: none;
}

.package-enquiry-contact-item i {
    width: 17px;
    color: var(--theme-green-dark-color);
}

.package-enquiry-whatsapp {
    width: 100%;
    min-height: 42px;
    margin-top: 18px;
    border: 1px solid #dce5e7;
    border-radius: 7px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    color: var(--theme-green-dark-color);
    font-family: var(--theme-text-font);
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}

/* TRUST STRIP */
.package-enquiry-trust {
    margin-top: 30px;
    min-height: 105px;
    padding: 20px 35px;
    border: 1px solid #e5eaed;
    border-radius: 12px;
    display: grid;
    grid-template-columns: 1.5fr repeat(3,1fr);
    align-items: center;
    gap: 30px;
    background: #fff;
}

.package-enquiry-trust-heading {
    display: flex;
    align-items: center;
    gap: 15px;
}

.package-enquiry-trust-heading > span {
    flex: 0 0 62px;
    width: 62px;
    height: 62px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(23,105,107,.10);
    color: var(--theme-green-dark-color);
    font-size: 25px;
}

.package-enquiry-trust-heading h3 {
    margin: 0;
    color: var(--theme-title-color);
    font-family: var(--theme-title-font);
    font-size: 20px;
}

.package-enquiry-trust-heading p {
    margin: 3px 0 0;
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 8px;
}

.package-enquiry-trust-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.package-enquiry-trust-item > i {
    color: var(--theme-green-dark-color);
    font-size: 19px;
}

.package-enquiry-trust-item > div {
    display: flex;
    flex-direction: column;
}

.package-enquiry-trust-item strong {
    color: var(--theme-title-color);
    font-family: var(--theme-text-font);
    font-size: 9px;
}

.package-enquiry-trust-item small {
    color: var(--theme-text-color);
    font-family: var(--theme-text-font);
    font-size: 8px;
}

/* ==================================================
   RESPONSIVE
================================================== */
@media (max-width: 1199px) {

    .product-card-thumbnail{
        height: 230px;
    }

}

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

    /* ============================== Package Enquiry Page */
    .package-enquiry-layout {
        grid-template-columns: 1fr;
    }

    .package-enquiry-sidebar {
        display: grid;
        grid-template-columns: repeat(2,1fr);
    }

    .package-enquiry-package-card {
        grid-row: span 2;
    }

    .package-enquiry-trust {
        grid-template-columns: repeat(2,1fr);
    }

}

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

    /* ============================== Header Section */
    .header-nav,
    .header-contact-btn{
        display: none;
    }

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

    .banner-hero-content .banner-title{
        font-size: 42px;
        margin: 25px 0;
    }

    .banner-hero-content a{
        padding: 15px 30px;
    }

    /* ============================== Common Section */
    .section-heading .section-subtitle{
        font-size: 16px;
    }

    .section-heading .section-title{
        font-size: 30px;
    }

    /* ============================== Destination Section */
    .destination-row{
        flex-wrap: wrap;
    }

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

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

    /* ============================== Why Choose Us Section */
    .why-choose-us-row{
        flex-wrap: wrap;
    }

    .why-choose-us-content,
    .why-choose-us-slider{
        width: 100%;
    }

    .why-choose-us-statistics{
        flex-wrap: wrap;
        gap: 30px;
    }

    .why-choose-us-statistic{
        width: calc(50% - 15px);
    }

    .why-choose-us-list-content::before{
        left: 25px;
    }

    .why-choose-us-list-content li{
        gap: 15px;
    }

    .why-choose-us-list-content li::before{
        display: none;
    }

    .why-choose-us-list-content li .fa-solid{
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .why-choose-us-list-content li h4{
        font-size: 22px;
        line-height: 26px;
    }

    .why-choose-us-footer{
        flex-wrap: wrap;
    }

    /* ============================== Banner */
    .discover-wrapper{
        padding: 30px 0;
        align-items: center;
    }

    .discover-video{
        position: relative;
        overflow: hidden;
    }

    .discover-video video{
        max-width: initial;
        min-width: initial;
        min-height: 100vh;
    }

    .discover-video-btn{
        position: inherit;
        transform: translate(0);
        width: 130px;
        height: 130px;
        margin: 0 auto;
    }

    .discover-statistics{
        flex-wrap: wrap;
        align-items: inherit;
        gap: 0;
        margin-top: 50px;
        padding: 15px;
        border-radius: 15px;
    }

    .discover-statistic{
        padding: 15px;
        width: 33%;
    }

    .discover-statistic:nth-child(1),
    .discover-statistic:nth-child(2),
    .discover-statistic:nth-child(3){
        border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
    }

    .discover-statistic:nth-child(3){
        border-right: none;
    }

    /* ============================== Testimonials Section */

    #testimonialSlider .owl-nav button.owl-prev{
        left: -15px;
    }

    #testimonialSlider .owl-nav button.owl-next{
        right: -15px;
    }


    /* ============================== Package Section */
    .testimonial .section-footer blockquote h4{
        margin-top: 15px;
    }

    .packageSlider .owl-nav button.owl-prev{
        left: -15px;
    }

    .packageSlider .owl-nav button.owl-next{
        right: -15px;
    }

    /* ============================== Exploring */
    .exploring .section-heading .section-title{
        margin-bottom: 15px;
    }

    .exploring .exploring-buttons{
        margin-bottom: 15px;
    }

    .exploring .section-body{
        padding: 0;
    }

    #exploringSlider .exploring-card{
        margin-bottom: 15px;
    }

    .exploring-journey-card{
        margin: 15px 0;
    }

    .exploring-trip-card{
        margin-top: 15px;
    }

    /* ============================== FAQ Section */
    .faqs .ask-question{
        margin-top: 30px;
    }

    .faqs .section-body .accordion-item{
        margin-bottom: 15px;
    }

    /* ============================== News & Blog */
    .news-blog .news-blog-buttons{
        justify-content: flex-start;
        margin-top: 30px;
    }

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

    .news-blog-card-content{
        position: inherit;
        width: 100%;
        padding: 0;
        margin-bottom: 30px;
    }

    .news-blog-card-content-meta-data li span{
        color: var(--theme-text-color);
    }

    .news-blog-card-content-description{
        color: var(--theme-title-color);
    }

    .news-blog-card-content-title a{
        color: var(--theme-title-color);
    }

    .news-blog-list-card-content-title a{
        margin: 15px 0;
        height: 20px;
        font-size: 18px;
    }

    .news-blog-list-card-content-meta-data{
        display: block;
    }

    /* ============================== Footer Section */
    .footer-content{
        padding: 50px 0;
    }

    .footer-features{
        padding: 0;
        flex-wrap: wrap;
        border-top: none;
        border-bottom: none;
    }

    .footer-feature{
        padding: 25px 0;
        width: 100%;
        border-right: none;
        border-bottom: rgba(255, 255, 255, 0.2) solid 1px;
    }

    .footer-feature:last-child{
        border-bottom: none;
    }
    
    .footer-content-block h4{
        margin-bottom: 20px;
        margin-top: 30px;
    }

    /* ============================== Destination Archive */
    .destination-archive-banner-search-form{
        grid-template-columns: repeat(1, 1fr);
        padding: 10px;
    }

    .destination-archive-stat{
        padding: 20px 0;
        grid-template-columns: repeat(2, 1fr);
    }

    .destination-stat-item{
        gap: 10px;
        padding: 10px;
    }

    .destination-stat-item:not(:last-child)::after{
        display: none;
    }

    .destination-archive-wrapper{
        position: relative;
        grid-template-columns: 100% minmax(0, 1fr);
        gap: 0;
    }

    .destination-archive-aside{
        position: absolute;
        transform: translateX(-100%);
    }

    .destination-archive-cta{
        flex-direction: column;
        align-items: flex-start;
        padding: 40px 30px;
        gap: 15px;
    }

    /* ============================== Destination Detail */
    .destination-single-banner-wrapper{
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .destination-single-info-card{
        margin-top: 30px;
    }

    .destination-detail-nav-inner{
        overflow-x: scroll;
    }

    .destination-detail-nav a{
        min-height: 60px;
        width: 110px;
        font-size: 14px;
    }

    .destination-overview-main h2,
    .destination-section-heading h2{
        font-size: 26px;
    }

    .destination-overview-layout{
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .destination-overview-features{
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .destination-gallery-grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .destination-tips-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .destination-single-cta{
        flex-wrap: wrap;
        padding: 30px;
        gap: 15px;
    }
    
    /* ============================== Package Archive */
    .package-search-form{
        grid-template-columns: repeat(1, 1fr);
    }

    .package-search-field{
        padding: 15px;
        border-right: none;
        border-bottom: 1px solid #e9edef;
    }

    .package-archive-stat{
        grid-template-columns: repeat(2, 1fr);
    }

    .package-stat-item{
        gap: 10px;
        padding: 10px;
    }

    .package-stat-item:not(:last-child)::after{
        display: none;
    }

    .package-archive-wrapper{
        position: relative;
        grid-template-columns: 100% minmax(0,1fr);
        gap: 0;
    }

    .package-archive-aside{
        position: absolute;
        transform: translateX(-100%);
    }

    .package-newsletter-cta{
        flex-wrap: wrap;
        padding: 30px;
        gap: 15px;
    }

    .package-newsletter-form button{
        min-width: 130px;
    }

    /* ============================== Package Detail */
    .package-single-banner-grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
    }

    .package-single-hero-features{
        padding: 30px;
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .package-single-hero-feature{
        padding: 0;
    }

    .package-single-hero-feature:not(:last-child)::after{
        display: none;
    }

    .package-single-navigation-inner{
        overflow-x: scroll;
        grid-template-columns: repeat(12, 1fr);
        border-radius: 0;
    }

    .package-single-navigation-link{
        min-height: 60px;
        font-size: 16px;
        gap: 5px;
        padding: 15px;
    }

    .package-single-content-grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .package-single-section-title{
        font-size: 24px;
    }

    .package-single-highlight-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .package-single-section-label{
        font-size: 16px;
    }

    .package-single-section-title{
        font-size: 20px;
    }

    .package-single-itinerary-item .accordion-button{
        font-size: 16px;
    }

    .package-single-inclusion-grid{
        grid-template-columns: repeat(1, 1fr);
    }

    .package-single-faq-layout{
        grid-template-columns: repeat(1, 1fr);
    }

    .package-single-bottom-cta{
        padding: 30px;
        gap: 15px;
        flex-direction: column;
    }

    /* ============================== Package Booking */
    .package-booking-progress{
        grid-template-columns: repeat(1, 1fr);
        padding: 30px;
        gap: 25px;
    }

    .package-booking-layout{
        grid-template-columns: repeat(1, 1fr);
    }

    .package-booking-form-grid{
        grid-template-columns: repeat(1, 1fr);
        gap: 15px;
    }

    .package-booking-form-grid-three{
        grid-template-columns: repeat(1, 1fr);
    }

    .package-booking-form-actions-right{
        display: block;
    }

    .package-booking-add-traveler-button{
        min-width: 130px;
        padding: 15px;
    }

    .package-booking-submit p{
        display: block;
    }

    .package-booking-submit .wpcf7-submit{
        display: block;
        width: 100%;
    }

    .package-booking-confidence{
        grid-template-columns: repeat(1, 1fr);
    }

    /* ============================== Package Enquiry Page */
    .package-enquiry-banner {
        min-height: 380px;

        padding: 135px 0 75px;
    }

    .package-enquiry-grid {
        grid-template-columns: 1fr;
    }

    .package-enquiry-sidebar {
        display: flex;
    }

    .package-enquiry-trust {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 575px) {

    /* ============================== Package Enquiry Page */
    .package-enquiry-form-card {
        padding: 20px;
    }

    .package-enquiry-submit,
    .package-enquiry-submit .wpcf7-submit {
        width: 100%;
    }

}