/*
Theme Name: PixtaTheme
Theme URI: pixtavn.com
Author: PixtaVN
Author URI: pixtavn.com
Description: 
Version: 2.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pixtavn.com
Tags: Pixtavn

/*--------------------------------------------------------------
# Container Width
--------------------------------------------------------------*/
.container {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }

@media (min-width: 576px) {
  .container {max-width: 100%;}
}
@media (min-width: 820px) {
  .container {max-width: 790px;}
}
@media (min-width: 992px) {
  .container {max-width: 960px;}
}
@media (min-width: 1200px) {
  .container {max-width: 1170px;}
}
@media (min-width: 1366px) {
  .container {max-width: 1320px;}
}


/*--------------------------------------------------------------
# Container Width - Fluid
--------------------------------------------------------------*/
.container-fluid {width: 100%;padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto; }


/*--------------------------------------------------------------
# Text - Responsive
--------------------------------------------------------------*/
.text-left {text-align: left !important; } 
.text-right {text-align: right !important; } 
.text-center {text-align: center !important; } 


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-LightItalic.otf') format('opentype');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-MediumItalic.otf') format('opentype');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Satoshi';
    src: url('assets/fonts/satoshi/Satoshi-BlackItalic.otf') format('opentype');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
  font-family:"Minion Pro";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url(assets/fonts/minionpro/minionpro-medium.woff2) format("woff2")
}


:root {
  --primary-color: #b99d75;
  --primary-hover-color: #a2855b;
  --primary-rgba-10: rgba(185, 157, 117, 0.1);
  --primary-rgba-20: rgba(185, 157, 117, 0.2);
  --dark-color: #1a1a1a;
  --light-color: #ffffff;
  --text-color: #333333;
  --gray-color: #555555;
  --transition: all 0.3s ease;
  --bg-gray-color: #F8F8F8;
}

* {box-sizing: border-box;}

body { font-family: "Open Sans", sans-serif; font-size: 16px; line-height: 1.6; color: #333333; margin: 0;}

.site-boxed {max-width: 1366px;margin: 0 auto; }
.site-boxed .container {padding-left: 0;padding-right: 0; }

a {text-decoration: none;color: var(--primarycolor); -moz-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; text-decoration: none; } 
a:hover {color: var(--primarycolor); } 
img {max-width: 100%; height: auto; } 

h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 {margin-bottom: 0.6rem; font-family: 'Minion Pro'; font-weight: 600; line-height: 1.3; color: inherit; margin-top: 0; } 

h1, .h1 {font-size: 2.3rem; } 
h2, .h2 {font-size: 2rem; } 
h3, .h3 {font-size: 1.75rem; } 
h4, .h4 {font-size: 1.5rem; } 
h5, .h5 {font-size: 1.25rem; } 
h6, .h6 {font-size: 1rem; } 

p{margin: 0;}
sub, sup {position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } 
sub {bottom: -.25em; } 
sup {top: -.5em; } 
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block; } 
figure {margin: 0 0 1rem; } 
img {vertical-align: middle; border-style: none; } 
label {display: inline-block; margin-bottom: 0.5rem; } 
pre {display: block; font-size: 87.5%; color: #212529; } 
pre code {font-size: inherit; color: inherit; word-break: normal; } 
output {display: inline-block; } 
summary {display: list-item; cursor: pointer; } 
template {display: none; } 

[hidden] {display: none !important; } 
.alert {position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; background-color: #cce5ff; border-color: #b8daff; }


/*--------------------------------------------------------------
# google_conversion_frame
--------------------------------------------------------------*/
iframe[name='google_conversion_frame'] {height: 0 !important;width: 0 !important;line-height: 0 !important;font-size: 0 !important;margin-top: -13px;float: left; }


/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, 
.entry-content .wp-smiley, 
.comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0; }
embed, iframe, object {max-width: 100%; }


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {margin-bottom: 24px; max-width: 100%; }
.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto; }
.wp-caption .wp-caption-text {margin: 12px 0;text-align: center; }


/*--------------------------------------------------------------
## Css Scrollbar
--------------------------------------------------------------*/
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.15);background-color: #F5F5F5; }
::-webkit-scrollbar {width: 10px;background-color: #F5F5F5; }
::-webkit-scrollbar-thumb {background-color: #b1abab; }


/*--------------------------------------------------------------
# Layout System
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Pagination / Loadmore
--------------------------------------------------------------*/
.page_nav {display: flex; align-items: center; justify-content: center; gap: 15px; margin-top: 30px; margin-bottom: 30px; } 
.page_nav .page-numbers {width: 42px; height: 42px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #e1e7f0; background: #fff; color: #3f5d7d; font-size: 15px; font-weight: 500; line-height: 1; text-decoration: none; transition: all 0.25s ease; } 
.page_nav .page-numbers:hover {border-color: #b8a073; background: #f7f3ec; color: #b8a073; } 
.page_nav .page-numbers.current {border-color: #b8a073; background: #b8a073; color: #fff; } 
.page_nav .page-numbers.prev, 
.page_nav .page-numbers.next {font-size: 28px; font-weight: 300; color: #3f5d7d; } 
.page_nav .page-numbers.prev:hover, 
.page_nav .page-numbers.next:hover {color: #fff; background: #b8a073; border-color: #b8a073; } 
.page_nav .dots {width: auto; border: none; background: transparent; color: #3f5d7d; }



/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.site-title, .site-description { font-size: 0; margin: 0; }

.header-main {position: relative; top: 0; left: 0; width: 100%; z-index: 1100; padding: 10px 0; background: transparent; height: 70px; transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }
.header-main .logo {display: flex; align-items: center; justify-content: center;max-width: 250px}
.header-main .nav-actions {display: flex; align-items: center; gap: 20px; }
.hamburger {display: none; flex-direction: column; gap: 6px; cursor: pointer; z-index: 1200; padding: 10px; } 
.hamburger span {width: 24px; height: 2px; background-color: var(--light-color); transition: var(--transition); } 
.hamburger.active span:nth-child(1) {transform: translateY(8px) rotate(45deg); } 
.hamburger.active span:nth-child(2) {opacity: 0; } 
.hamburger.active span:nth-child(3) {transform: translateY(-8px) rotate(-45deg); }
.mobilenav {position: fixed; z-index: 999; top: 0; right: -100%; width: 300px; height: 100vh; background: #111; padding: 90px 30px 40px 30px; gap: 0px; transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: -10px 0 30px rgba(0, 0, 0, 0.5); overflow-y: auto; }
.mobilenav.active {right: 0; }
.mobilenav ul.mobile-menu{list-style: none;padding: 0;}
.mobilenav ul.mobile-menu li{padding: 10px 0;}
.mobilenav ul.mobile-menu li a{color: #fff;transition: var(--transition);display: block;position: relative;}
.mobilenav ul.mobile-menu > li.menu-item-has-children > a:after{content: '\f107'; font-family: 'Font Awesome 5 Pro';position: absolute;right: 0;transition: transform 0.3s ease;}
.mobilenav ul.mobile-menu > li.menu-item-has-children.active > a:after{transform: rotate(180deg);}
.mobilenav ul.mobile-menu li a:hover{color: var(--primary-color) !important;}
.mobilenav ul.mobile-menu ul.sub-menu{padding-left: 15px;border-left: 2px solid #333;transform: none;display: none;}
.mobilenav ul.mobile-menu ul.sub-menu.active{display: block;}
@media (min-width: 1200px) {
    body.home .header-main.sticky {position: fixed;background: rgba(0, 0, 0, 0.95); padding: 6px 0; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); backdrop-filter: blur(10px);}
}

@media (max-width: 1024px) {
	.hamburger {display: flex;}
	.header-main{padding: .8rem 0;}
	.header-main .main-navigation,
	.header-main .nav-actions{display: none;}
}

/*--------------------------------------------------------------
# Main Navigation
--------------------------------------------------------------*/
.main-navigation ul.nav-links { padding: 0; margin: 0; }
.main-navigation ul.nav-links {display: flex; list-style: none; gap: 30px; }
.main-navigation ul.nav-links li {position: relative; }

.main-navigation ul.nav-links li a {color: var(--light-color); text-decoration: none; font-size: 1.1; font-weight: 400; letter-spacing: 1px; transition: var(--transition);}
.main-navigation ul.nav-links > li > a {text-transform: uppercase;position: relative;}
.main-navigation ul.nav-links > li > a:hover,
.main-navigation ul.nav-links > li.current-menu-parent > a{color: var(--primary-color)}
.main-navigation ul.nav-links > li.menu-item-has-children > a:after,
.main-navigation ul.nav-links > li.has-mega-menu > a:after{content: '\f107'; font-family: 'Font Awesome 5 Pro'; margin-left: 5px; transition: transform 0.3s ease;}
.main-navigation ul.nav-links > li.menu-item-has-children > a:hover:after,
.main-navigation ul.nav-links > li.has-mega-menu > a:hover:after{transform: rotate(180deg);}
.main-navigation ul.nav-links li:hover > ul {opacity: 1; visibility: visible; transform: translateY(0); }
.main-navigation ul.nav-links ul.sub-menu {position: absolute; top: 100%; left: 0; width: 260px; background: #fff; list-style: none; padding: 10px 0; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 100; border-top: 3px solid var(--primary-color); }
.main-navigation ul.nav-links ul.sub-menu a {padding: 12px 20px; display: flex; justify-content: space-between; align-items: center; color: #333 !important; font-size: 16px; font-weight: 500; transition: var(--transition); }
.main-navigation ul.nav-links ul.sub-menu a:hover {background: #f8fafc; color: var(--primary-color) !important; padding-left: 25px; }
.main-navigation ul.nav-links li.has-mega-menu {position: static;}
.main-navigation ul.nav-links li.has-mega-menu .mega-menu {position: absolute; top: 100%; left: 20px; right: 20px; background: #fff; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transform: translateY(15px); transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); z-index: 100; border-top: 3px solid var(--primary-color); padding: 30px; display: grid; grid-template-columns: 280px 240px 240px 1fr; gap: 30px; align-items: start; }
.main-navigation ul.nav-links li.has-mega-menu:hover .mega-menu {opacity: 1; visibility: visible; transform: translateY(0); }
.main-navigation ul.nav-links li.has-mega-menu .mega-menu ul {list-style: none; padding-left: 0;}
.main-navigation ul.nav-links li.has-mega-menu .mega-menu ul li{margin-bottom: 15px;}
.main-navigation ul.nav-links li.has-mega-menu .mega-menu .mega-col {display: flex; flex-direction: column;}
.main-navigation ul.nav-links li.has-mega-menu .mega-menu .mega-col h4{font-size: 1.2rem; margin-bottom: 20px; font-weight: 400; letter-spacing: 1px; color: #074c93;} 
.main-navigation ul.nav-links li.has-mega-menu .mega-menu .mega-col ul li a{font-size: 15px; color: #555; padding:10px 0 }
.main-navigation ul.nav-links li.has-mega-menu .mega-menu .mega-col.country-tours-col ul li{margin-bottom: 0;}
.main-navigation ul.nav-links li.has-mega-menu .mega-menu .mega-col.country-tours-col ul li a {display: flex; align-items: center; gap: 15px; color: #074c93 !important; font-size: 16px; font-weight: 700; text-decoration: none; transition: var(--transition);}
.recommend-card{background: #4f7273;padding: 20px;border-radius: 8px;display: flex;flex-direction: column;gap: 15px;}
.recommend-item {display: flex; align-items: center; gap: 15px; }
.rec-thumb img {width: 75px; height: 50px; object-fit: cover; border-radius: 4px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); }
.rec-text {display: flex; flex-direction: column; gap: 3px; text-align: left; }
.rec-text h5 {color: #fff; font-size: 15px; font-weight: 700; text-transform: capitalize; margin: 0; }
.mega-tour-meta{color: rgba(255, 255, 255, 0.7); font-size: 13px;}
.mega-tour-meta span{display: block;}

@media (min-width: 1024px) {
  .main-navigation .nav-links {position: static; }
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Sidebar - Widgets
--------------------------------------------------------------*/
.sidebar{position: sticky;top: 100px;}
.sidebar .widget:not(:last-child){margin-bottom: 30px;}
.sidebar .widget-title{font-size: 21px;color: #000;margin-bottom: 20px;font-weight: 700}
.sidebar .search-form{position: relative;}
.sidebar .search-form input.search-field{width: 100%; padding: 12px 20px; padding-left: 45px; border: 1px solid #D5DAE1; border-radius: 4px; outline: none; color: #667085; font-size: 16px;}
.sidebar .search-form button.search-submit{background-color: unset; border: unset; position: absolute; left: 10px; top: 13px; color: #667085;}
.sidebar .widget ul.menu{list-style: none; padding: 0; margin: 0;}
.sidebar .widget ul.menu li{margin-bottom: 15px;border-bottom: 1px dashed #eee;}
.sidebar .widget ul.menu li a{text-decoration: none; color: #333; font-size: 17px; font-weight: 600; transition: var(--transition); display: flex; align-items: center; padding: 18px 0; gap: 10px;text-transform: uppercase;}
.sidebar .widget ul.menu li.current-menu-item a{color: var(--primary-color);}
.sidebar .widget ul.menu li.current-menu-item a:before{content:'\f324';font-family: 'Font Awesome 5 Pro';}


/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.blog-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 30px; } 
.blog-card {transition: var(--transition); } 
.blog-card-img {position: relative; overflow: hidden; margin-bottom:20px; } 
.blog-card-img img {width: 100%; height: 250px; object-fit: cover; transition: transform 0.5s ease;} 
.blog-card:hover .blog-card-img img {transform: scale(1.1); } 
.category-badge {position: absolute; top: 15px; left: 15px; background: var(--primary-color); color: #fff; padding: 5px 20px; font-size: 13px; font-weight: 500; border-radius: 100px;} 
.blog-card-inner h3 {font-size: 20px; color: #1e293b; margin-bottom: 0.7rem;}
.blog-meta {font-size: 14px; line-height: 100%; font-weight: 400; color: #6B7280; margin-bottom: 0.7rem; display: flex; gap: 10px;text-transform: uppercase;}
.blog-card-inner .blog-card-content{font-size: 17px; color: #374151;}



/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Menu Mobile 
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## Footer 
--------------------------------------------------------------*/
footer {background-color: #111; color: #ccc; position: relative; z-index: 1001; } 
.footer-trust-wrapper {border-bottom: 2px solid #0E0E0E; padding: 2.5rem 0 2rem; } 
.footer-trust {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 30px; } 
.trust-badge {width: 110px; text-align: center; } 
.trust-badge img {max-width: 100%; } 
.trust-badge {font-size: 1.2rem; font-weight: 700; opacity: 0.6; text-transform: uppercase; }
.footer-main {display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem; } 
.footer-col {padding: 2rem 0; }
.footer-col h4 {color: #ADADAD; font-size: 19px; line-height: 24px; margin-bottom: 15px; font-weight: 600; text-transform: uppercase;}
.footer-links {list-style: none; padding-left: 0;} 
.footer-links li {margin-bottom: 10px; } 
.footer-links a {color: #ADADAD; text-decoration: none; font-weight: 400; transition: var(--transition); } 
.footer-links a:hover {color: var(--light-color); }
.footer-bottom {background-color: #131313; text-align: center; color: #555;}
.footer-bottom .container {border-bottom: 1px solid #374151; padding-bottom: 2rem; padding-top: 2rem; }
.footer-bottom p {color: #96999B; line-height: 24px; font-weight: 400; font-style: normal; }
.footer-award {padding: 2rem 0;background-color: #131313;}

/* Floating WhatsApp Button */
.whatsapp-float {position: fixed; bottom: 30px; right: 30px; width: 40px; height: 40px; background-color: var(--primary-color); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 9999; transition: all 0.3s ease; text-decoration: none; animation: whatsappPulse 2s infinite; } 
.whatsapp-float i {font-size: 26px; } 
.whatsapp-float:hover {background-color: #dfb477; transform: scale(1.1); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25); animation: none;}

@keyframes whatsappPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(226, 137, 56, 0.6);
    }

    70% {
        box-shadow: 0 0 0 15px rgba(226, 137, 56, 0);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(226, 137, 56, 0);
    }
}


/*--------------------------------------------------------------
## Custom Css 
--------------------------------------------------------------*/
.btn-primary {background-color: var(--primary-color); color: var(--light-color); border: none; padding: 10px 20px; font-size: 15px; font-weight: 400; cursor: pointer; transition: var(--transition); }
.btn-primary:hover{background-color: #dfb477;transform: translateY(-2px); color: #fff}

.title-box {margin-bottom: 40px; }
.title-box > h2,
.title-box > h3 {font-size: 36px; letter-spacing: 1px;} 
.title-box p{font-size: 18px;}
.blog-underline {width: 60px; height: 2px; background: var(--primary-color); margin: 0 auto; }

.bg-img {position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0; z-index: -2; pointer-events: none; bottom: 0; }

.group-bottom {margin-bottom: 20px;}
.legal-info {margin: 20px 0;}
.flex {display: flex; justify-content: space-between; align-items: center; }

.social-links {display: flex; gap: 15px; }
.social-links a {width: 32px; height: 32px; background: #222; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #888; text-decoration: none; transition: var(--transition); }
.social-links a:hover {background: #333;color: var(--light-color);}
.payment-methods {display: flex; gap: 15px;flex-wrap: wrap; }

.slider-nav {position: absolute; top: 35%; transform: translateY(-50%); width: 40px; height: 40px; background: #fff; border: 1px solid #eee; display: flex; align-items: center; justify-content: center; color: #333; cursor: pointer; z-index: 10; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); } 
.slider-nav:hover {background: var(--primary-color); color: #fff; border-color: var(--primary-color); } 
.slider-nav.prev {left: -10px; } 
.slider-nav.next {right: -10px; }

.swiper-button-next,
.swiper-button-prev {width: 40px; height: 40px; background: #fff; color: #000; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3); margin-top: -20px; } 
.swiper-button-next, 
.swiper-button-prev {width: 35px; height: 35px; background: #fff; color: #000; border: 1px solid #e2e8f0; border-radius: 0; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05); } 
.swiper-button-next::after, 
.swiper-button-prev::after {font-size: 0.8rem !important; font-weight: 900; }
.left.swiper-button-prev {left: 0 !important; } 
.right.swiper-button-next {right: 0 !important; }

.tour-subnav {background: #fff; position: sticky; top: 0px; z-index: 99; } 
.tour-subnav ul {display: flex; justify-content: center; gap: 40px; list-style: none; padding: 25px 0; margin: 0;}
.tour-subnav ul li{position: relative;}
.tour-subnav ul li a {text-decoration: none; color: #333; font-weight: 500; text-transform: uppercase; transition: var(--transition); letter-spacing: 1px;}
.tour-subnav li.active a,
.tour-subnav a:hover {color: #1e293b; }
.tour-subnav li.active::after {content: ''; position: absolute; bottom: -5px; left: 35%; width: 30%; height: 2px; background: var(--primary-color); }


/* Testimonials Section */
.testimonials {padding: 4rem 0;text-align: center;}
.section-header h2,
.section-header h3 {font-size: 36px; text-align: center; margin-bottom: 12px;letter-spacing: 1px; }
.section-header p{margin: 0 auto 40px; color: var(--gray-color); margin-bottom: 30px; font-size: 18px; }


/* Video Testimonials Section */
.video-testimonials {padding: 40px 0; } 
.video-testimonial-card {text-align: center; } 
.vt-image-wrap {position: relative; width: 100%; margin-bottom: 20px; overflow: hidden;padding: 0;border: unset;} 
.vt-image-wrap img {width: 100%; height: 220px; object-fit: cover; display: block; } 
.vt-play-btn {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 45px; height: 45px; border-radius: 50%; border: 3px solid rgba(255, 255, 255, 0.8); display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer; transition: var(--transition); } 
.vt-play-btn:hover {background: rgba(255, 255, 255, 0.2); transform: translate(-50%, -50%) scale(1.1); } 
.vt-content {padding: 0 10px; } 
.vt-quote-icon {color: #6ab2b2; margin-bottom: 10px;} 
.vt-quote-icon img{width: 24px}
.vt-text {font-size: 16px; color: #374151; margin-bottom: 20px;} 
.vt-client {font-size: 16px; line-height: 100%; color: #579A8A; font-weight: 600; }


/* Popup */
.pixta-video-popup {position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 20px; visibility: hidden; opacity: 0; pointer-events: none; transition: opacity 0.25s ease, visibility 0.25s ease; } 
.pixta-video-popup.is-active {visibility: visible; opacity: 1; pointer-events: auto; } 
.pixta-video-popup-overlay {position: absolute; inset: 0; background: rgba(0, 0, 0, 0.82); cursor: pointer; } 
.pixta-video-popup-dialog {position: relative; z-index: 2; width: min(100%, 960px); border-radius: 12px; background: #000; box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4); } 
.pixta-video-popup-body {position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; border-radius: 12px; background: #000; } 
.pixta-video-popup-body iframe {position: absolute; inset: 0; display: block; width: 100%; height: 100%; border: 0; } 
.pixta-video-popup-close {position: absolute; top: -18px; right: -18px; z-index: 3; display: flex; align-items: center; justify-content: center; width: 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #fff; color: #111; font-size: 21px; line-height: 1; cursor: pointer; } 
.pixta-video-popup-open {overflow: hidden; }


/* Expert CTA Section */
.expert-cta {background-color: #324A61; padding: 25px 0; color: var(--light-color); } 
.expert-flex {display: flex;align-items: center;gap: 30px;} 
.expert-info {flex: 1; } 
.expert-info h2.cursive {margin-bottom: 12px; color: var(--light-color); font-size: 36px; font-weight: 500;} 
.expert-info p {font-size: 18px;margin-bottom: 15px;} 
.contact-box {margin-bottom: 15px; } 
.whatsapp-link {display: flex;align-items: center;gap: 10px;color: #25d366;font-weight: 700;margin-bottom: 15px;font-size: 28px} 
.whatsapp-link span {color: #fff;font-size: 20px;font-weight: 500;} 
.phone-number {font-size: 20px; font-weight: 500; } 
.btn-orange {background-color: var(--primary-color); color: var(--light-color); border: none;padding: 12px 30px;font-size: 17px;font-weight: 500; text-transform: uppercase; cursor: pointer; transition: var(--transition); } 
.btn-orange:hover {background-color: #dfb477; color: #fff;} 
.expert-list {display: flex;gap: 30px;} 
.expert-card {text-align: center; padding: 0 1.5rem; } 
.expert-avatar {width: 100px; height: 100px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; margin: 0 auto 16px; border: 3px solid rgba(255, 255, 255, 0.2); position: relative;overflow: hidden;isolation: isolate;} 
.expert-card h5 {font-size: 18px;line-height: 26px;} 
.expert-card span {font-size: 17px;line-height: 26px;}


.blog-hero{margin-top: -70px;background-size: cover; background-position: center; text-align: center;color: #fff;position: relative;height: 75vh;}
.blog-hero::before{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none;background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3));}
.blog-hero .hero-content{position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 2;}
.hero-content{display: flex; flex-direction: column; justify-content: center; align-items: center;padding: 0 20px;}
.blog-hero h1,
.blog-hero h2{font-size: 52px;}
.blog-hero p{font-size: 19px}

.icon-circle {width: 30px; height: 30px; background: #F8F8F8; border: 1.5px solid var(--primary-color); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: var(--primary-color); font-size: 0.8rem; transition: all 0.3s ease; }

.journey-card {height: 500px; background-size: cover; background-position: center; position: relative; text-align: left; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; overflow: hidden; } 
.journey-card::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent); } 
.journey-badge {position: absolute; top: 20px; right: 20px; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(5px); padding: 5px 12px; font-weight: 400; z-index: 1; color: #fff; } 
.journey-info {position: relative; z-index: 1; } 
.journey-info .location {font-size: 16px; color: var(--primary-color); font-weight: 700; margin-bottom: 0.4rem; display: block;letter-spacing: 1px;} 
.journey-info h3,
.journey-info h4 {font-size: 22px; margin-bottom: 0.8rem; color: #fff; } .journey-footer {display: flex; justify-content: space-between; align-items: center; } 
.price {color: #ccc;} 
.price span {color: var(--primary-color); font-size: 18px; font-weight: 700; line-height: 150%; } 
.btn-outline {padding: 10px 20px; border: 1px solid #fff; color: #fff; text-decoration: none; font-size: 13px; font-weight: 400; letter-spacing: 1px; transition: var(--transition); }
.btn-outline:hover {background: #fff;color: #000;border-color: #fff;}

.btn-enquiry {width: 100%; background: var(--primary-color); color: #fff; border: none; padding: 12px; font-size: 16px; margin-bottom: 15px; cursor: pointer; transition: var(--transition); }
.btn-brochure {width: 100%; background: #fff; color: #1e293b; border: 1px solid #e2e8f0; padding: 12px; font-size: 16px; cursor: pointer; transition: var(--transition); }
.btn-enquiry:hover,
.btn-brochure:hover{background-color: #dfb477;}
.btn-dark {background-color: var(--dark-color); color: var(--light-color); border: none; padding: 10px 30px; font-size: 15px; font-weight: 400; cursor: pointer; transition: var(--transition); }
.btn-dark:hover{background-color: #dfb477;color: #fff;}

.privacy-alert {background-color: #f1f5f8; border-radius: 4px; padding: 15px 20px; display: flex; gap: 15px; align-items: flex-start; margin-bottom: 30px; border: 1px solid #e1e8ed; }
.privacy-icon {font-size: 18px; color: #1f2937; margin-top: 5px; }
.privacy-text {font-size: 17px; color: #4b5563; }
.privacy-text a {color: var(--primary-color); text-decoration: underline; font-weight: 600; }


/*--------------------------------------------------------------
## Responsive 
--------------------------------------------------------------*/
@media (max-width: 1200px) { 

}

@media (max-width: 1024px) {
    .title-box > h2,
    .title-box > h3 {font-size: 30px;}

	.footer-trust{display: grid;gap: 20px;grid-template-columns: 1.4fr repeat(3, 1fr);}
	.footer-main{gap: 0px; grid-template-columns: 33% 33% 33%;}

    .btn-primary{font-size: 16px;}

    .blog-hero{height: 480px;}
    .blog-hero h1,
    .blog-hero h2{font-size: 42px;}

    .expert-info h2.cursive {font-size: 30px;}
    .expert-info p {font-size: 17px;}
    .expert-list{gap: 20px;}
    .expert-card {padding: 0;}

    .section-header h2,
    .section-header h3 {font-size: 30px;}
    .section-header p{margin: 0 auto 30px; margin-bottom: 20px; font-size: 16px; }

    .whatsapp-link{font-size: 23px;}
    .testimonials{padding: 3rem 0;}

    .journey-card {height: 400px;padding: 20px;}

    .btn-dark,
    .btn-orange{padding: 12px 30px; font-size: 15px;}
}

@media (max-width: 820px) {

}

@media (max-width: 576px) {
    .title-box {margin-bottom: 30px;}
    .title-box p{font-size: 16px;}

    .blog-hero{height: 430px;}
    .blog-hero h1,
    .blog-hero h2{font-size: 34px;}
    .blog-hero p {font-size: 16px;}
    .expert-flex{flex-wrap: wrap;}
    .expert-list{justify-content: space-between;width: 100%;}
    .expert-card{padding: 0;}

    .video-testimonials{padding-bottom: 0;}

	.footer-trust{display: grid;gap: 20px;grid-template-columns: 1.4fr repeat(2, 1fr);}
	.footer-main{gap: 15px; grid-template-columns: 1fr 1fr;}
	.footer-col {padding: 1rem 0;}
    .footer-col h4{font-size: 18px;}

	.footer-award .flex{flex-wrap: wrap;justify-content: center;gap: 20px;}

    .whatsapp-float{bottom: 25px;right: 20px;}

}