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

Template Name: Tripex - Travel & Tour Booking HTML Template
URI: pixelfit.agency
Description: Tripex is a clean and elegant Travel & Tour Booking HTML template designed for travel agencies, tour operators, and booking platforms. With its modern layout and smooth user experience, it allows you to beautifully showcase destinations, tour packages, and booking options all in one place. Perfect for creating a professional online presence with style and simplicity. 
Author: Pixelfit  
Author URI: https://themeforest.net/user/pixelfit
Version: 1.0 


------------------------------------------------------
   CSS INDEX
-----------------------------------------------------

    # Components
        # Base CSS
        # Common CSS
        # Preloader CSS
        # Offcanvas CSS
        # Animation CSS
        # Button CSS
        # Header CSS
        # Footer CSS
-------------------------------------------------------    */
/*---- 

====================
1. Base CSS
    # base  CSS
====================

----*/
/* Base CSS */
:root {
    --primary-color: #d52759;
    --secondary-color: #313988;
    --heading-color: #11221c;
    --primary-black-color: #11221c;
    --gray-color: #eaf4e6;
    --white-color: #ffffff;
    --text-color: #737373;
    --border-color: #eeefef;
    --heading-font: "Manrope", sans-serif;
    --accent-font: "Just Another Hand", cursive;
}

html {
    font-size: 100%;
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
}

a:focus,
input:focus,
textarea:focus,
button:focus {
    text-decoration: none;
    outline: none;
}

i,
a {
    display: inline-block;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
    margin: 0px;
    color: var(--heading-color);
    font-family: var(--heading-font);
}

h1 {
    font-size: 75px;
}

h2 {
    font-size: 55px;
    line-height: 65px;
    letter-spacing: -0.03em;
}

h3 {
    font-size: 24px;
    line-height: 40px;
}

h4 {
    font-size: 22px;
    line-height: 32px;
}

h5 {
    font-size: 20px;
    line-height: 30px;
}

h6 {
    font-size: 18px;
    line-height: 28px;
}

ul,
ol {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

p {
    margin: 0px;
}

input,
textarea {
    display: inherit;
}

button {
    border: none;
}

label {
    margin-bottom: 0;
}

iframe {
    width: 100%;
    border: none;
    display: inherit;
}

img {
    max-width: 100%;
}

body {
    font-weight: normal;
    font-style: normal;
    font-weight: 400;
    color: var(--text-color);
    font-family: sans-serif;
    font-size: 16px;
    line-height: 30px;
    overflow-x: hidden;
}

main {
    display: inline-block;
    width: 100%;
}

/*===== Scrollbar =====*/
::-webkit-scrollbar {
    width: 5px;
}

::-webkit-scrollbar-track {
    background: #abafb9;
}

::-webkit-scrollbar-thumb {
    background-color: #13172b;
}

/*---- 

====================
01. Base CSS
    # Common CSS
====================

----*/

@media (min-width: 1200px) and (max-width: 1450px) {
    .container {
        max-width: 1228px;
    }
}

.p-r {
    position: relative;
}

.bg_cover {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}

.font-200 {
    font-weight: 200;
}

.form-group {
    position: relative;
}

label {
    margin-bottom: 0;
}

.form_control {
    width: 100%;
}

.text-white p,
.text-white h6,
.text-white h5,
.text-white h4,
.text-white h3,
.text-white h2,
.text-white h1 {
    color: var(--white-color);
}

.thin-200 {
    font-weight: 200;
}

.sub-title {
    font-size: 30px;
    line-height: 36px;
    letter-spacing: 0.02em;
    font-family: var(--accent-font);
    color: var(--secondary-color);
}

/* Popup Overlay */

.popup-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.52);
    backdrop-filter: blur(3px);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

.popup-overlay.show {
    opacity: 1;
    visibility: visible;
}

/* Popup Box */
.popup-box {
    background: white;
    border-radius: 5px;
    width: 55%;
    max-width: 1100px;
    position: relative;
    transform: scale(0.8);
    transition: transform 0.4s ease;
    overflow: hidden;
    box-shadow: 0 25px 80px rgba(0, 0, 0, 0.4);
    display: flex;
    max-height: 80vh;
}

.popup-overlay.show .popup-box {
    transform: scale(1);
}

/* Close Button */
.popup-close-btn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 45px;
    height: 45px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    border-radius: 50%;
    font-size: 28px;
    color: #667eea;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
}

.popup-close-btn:hover {
    background: #667eea;
    color: white;
    transform: rotate(90deg);
}

/* Left Side - Image Slider */
.popup-left {
    flex: 1;
    position: relative;
    overflow: hidden;
    min-height: 500px;
}

.popopu-slider-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.pop-slide {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease-in-out;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.pop-slide.active {
    opacity: 1;
}

.pop-slider-dots {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 5;
}

.dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.4);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot.active {
    background: white;
    width: 30px;
    border-radius: 6px;
}

/* Right Side - Form */
.popup-right {
    flex: 1;
    padding: 25px 40px;
    background: white;
    overflow-y: auto;
}

.pop-form-header {
    margin-bottom: 30px;
}

.pop-form-header h2 {
    font-size: 32px;
    color: #333;
    margin-bottom: 10px;
}

.pop-form-header p {
    color: #666;
    font-size: 15px;
}

.pop-form-group {
    margin-bottom: 20px;
    position: relative;
}

.pop-form-group.half {
    display: inline-block;
    width: calc(50% - 3px);
}

.pop-form-group.half:first-child {
    margin-right: 20px;
}

.pop-input-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 20px;
    color: #667eea;
}

.pop-form-control {
    width: 100%;
    padding: 1px 12px 1px 46px;
    border: 2px solid #e0e0e0;
    border-radius: 5px;
    font-size: 15px;
    transition: all 0.3s ease;
    font-family: inherit;
}

.pop-form-control:focus {
    outline: none;
    border-color: #d6295b;
    box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}

textarea.pop-form-control {
    resize: vertical;
    min-height: 45px;
    padding-top: 15px;
}

.pop-captcha-container {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.pop-captcha-box {
    flex: 1;
    background: #f5f5f5;
    padding: 6px 20px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #e0e0e0;
}

.pop-captcha-label {
    font-size: 13px;
    color: #666;
    font-weight: 600;
}

.pop-captcha-code {
    font-size: 24px;
    font-weight: 700;
    color: #d6295b;
    letter-spacing: 4px;
    font-family: "Courier New", monospace;
}

.pop-captcha-refresh {
    background: #d6295b;
    color: white;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 12px;
    cursor: pointer;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.pop-captcha-refresh:hover {
    background: #d6295b;
    transform: rotate(180deg);
}

.pop-submit-btn {
    width: 100%;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    border: none;
    padding: 8px;
    border-radius: 12px;
    font-size: 17px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.pop-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.pop-submit-btn:active {
    transform: translateY(0);
}

/* Responsive Design */
@media (max-width: 968px) {
    .popup-box {
        flex-direction: column;
        max-height: 95vh;
        width: 90%;
    }

    .popup-left {
        min-height: 250px;
        width: 100%;
    }

    .popopu-slider-container {
        width: 100%;
        height: 250px;
    }

    .pop-slide {
        width: 100%;
        height: 250px;
    }

    .popup-right {
        padding: 25px 20px;
    }

    .pop-form-group.half {
        width: 100%;
        display: block;
        margin-right: 0 !important;
    }

    .pop-form-header h2 {
        font-size: 24px;
    }

    .pop-form-header p {
        font-size: 14px;
    }
}

@media (max-width: 568px) {
    .popup-box {
        width: 95%;
        max-height: 90vh;
    }

    .popup-left {
        min-height: 200px;
        width: 100%;
    }

    .popopu-slider-container {
        width: 100%;
        height: 200px;
    }

    .pop-slide {
        width: 100%;
        height: 200px;
    }

    .popup-close-btn {
        width: 35px;
        height: 35px;
        font-size: 22px;
        top: 10px;
        right: 10px;
    }

    .popup-right {
        padding: 20px 15px;
    }

    .pop-form-header h2 {
        font-size: 22px;
    }

    .pop-form-header p {
        font-size: 13px;
    }

    .pop-form-control {
        padding: 10px 10px 10px 42px;
        font-size: 14px;
    }

    .pop-input-icon {
        font-size: 18px;
    }

    textarea.pop-form-control {
        min-height: 70px;
        padding-top: 12px;
    }

    .pop-captcha-code {
        font-size: 20px;
        letter-spacing: 3px;
    }

    .pop-captcha-refresh {
        width: 40px;
        height: 40px;
    }

    .pop-submit-btn {
        padding: 12px;
        font-size: 16px;
    }

    .pop-slider-dots {
        bottom: 15px;
    }
}
/* end */
/* Section Title */
.section-title .sub-title {
    margin-bottom: 13px;
}

.section-title h2 {
    margin-bottom: 20px;
}

@media (max-width: 1650px) {
    .section-title h2 {
        font-size: 50px;
    }
}

@media screen and (max-width: 991.98px) {
    .section-title h2 {
        font-size: 40px;
        line-height: 55px;
    }
}

@media (max-width: 575.98px) {
    .section-title h2 {
        font-size: 30px;
        line-height: 45px;
    }
}

/* Check List */
.check-list.style-one li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}

.check-list.style-one li:not(:last-child) {
    margin-bottom: 13px;
}

.check-list.style-one li i {
    margin-right: 10px;
    color: var(--primary-color);
}

.check-list.style-two li {
    position: relative;
    padding-left: 15px;
}

.check-list.style-two li:not(:last-child) {
    margin-bottom: 10px;
}

.check-list.style-two li:before {
    position: absolute;
    top: 11px;
    left: 0;
    content: "";
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: var(--primary-color);
}

/* Floatig Animation */
.animate-float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

.animate-float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

/* Rotate360 */
.rotate360 {
    -webkit-animation: spin 7s linear infinite;
    animation: spin 7s linear infinite;
}

/* ZoomInOut */
.zoomInOut {
    -webkit-animation: zoomInOut 6s linear infinite;
    animation: zoomInOut 6s linear infinite;
}

/* Nice Select */
.nice-select:after {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    right: 0;
    position: absolute;
    top: 0;
}

/* Ratings */
.ratings i {
    color: var(--secondary-color);
}

/* Form Check & Radio */

.form-control:focus {
    box-shadow: none;
}

.form-check label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    cursor: pointer;
}

.form-input-radio {
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    margin-right: 10px;
}

.form-input-radio:checked {
    border-color: var(--secondary-color);
}

.form-input-radio:checked:after {
    position: absolute;
    content: "";
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: var(--secondary-color);
}

/* Tripex Switch Box */
.tripex-switch-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.tripex-switch-box span {
    margin-right: 10px;
}

.tripex-switch-box .switch {
    display: inline-block;
    height: 26px;
    position: relative;
    width: 50px;
}

.tripex-switch-box .switch input {
    display: none;
}

.tripex-switch-box .switch input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    transform: translateX(24px);
}

.tripex-switch-box .switch .slider {
    background-color: var(--secondary-color);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    margin-right: 0;
    cursor: pointer;
}

.tripex-switch-box .switch .slider.round {
    border-radius: 15px;
}

.tripex-switch-box .switch .slider:before {
    background-color: var(--white-color);
    position: absolute;
    bottom: 3px;
    left: 3px;
    content: "";
    height: 20px;
    width: 20px;
    border-radius: 50%;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

/* end */
/* Unique Forex Page Styles */
.forex-hero {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);
    color: #fff;
    padding: 120px 0 80px;
    text-align: center;
}

.forex-hero h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 1rem;
    line-height: 1.2;
}

.forex-hero p {
    font-size: 1.2rem;
    opacity: 0.9;
    margin-bottom: 2.5rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}

.forex-btn {
    display: inline-block;
    background: linear-gradient(45deg, #ff6b6b, #ee5a24);
    color: #fff;
    padding: 12px 30px;
    border-radius: 40px;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(238, 90, 36, 0.6);
}

.forex-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(238, 90, 36, 0.8);
}

.forex-services {
    padding: 60px 15px;
    background: #f8fafc;
}

.forex-services h2 {
    text-align: center;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #2d3748;
}

.forex-services p {
    text-align: center;
    color: #718096;
    margin-bottom: 3rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.5;
}

.forex-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 2rem;
}

.forex-card {
    background: #fff;
    padding: 2rem 1.8rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: default;
}

.forex-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.forex-icon {
    width: 65px;
    height: 65px;
    margin: 0 auto 1.2rem;
    border-radius: 50%;
    background: linear-gradient(135deg, #667eea, #764ba2);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 1.8rem;
}

.forex-card h3 {
    font-size: 1.3rem;
    margin-bottom: 0.75rem;
    color: #2d3748;
}

.forex-card p {
    font-size: 0.95rem;
    color: #4a5568;
    line-height: 1.4;
}

.forex-features {
    margin-bottom: 5px;
    padding: 60px 15px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: #fff;
    text-align: center;
}

.forex-features h2 {
    font-size: 2.2rem;
    margin-bottom: 0.6rem;
    font-weight: 700;
}

.forex-features p {
    opacity: 0.85;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
    line-height: 1.4;
}

.forex-feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 2rem;
    margin-top: 2rem;
}

.forex-feature-item {
    padding: 1.8rem;
    background: white;
    border-radius: 12px;
    color: #1a202c;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.forex-feature-item:hover {
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
    transform: translateY(-6px);
}

.forex-feature-item i {
    font-size: 2rem;
    margin-bottom: 0.8rem;
    color: #667eea;
}

.forex-feature-item h4 {
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.forex-feature-item p {
    font-size: 0.95rem;
    line-height: 1.4;
}

.forex-cta {
    margin-bottom: 42px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: #fff;
    text-align: center;
    padding: 60px 20px;
}

.forex-cta h2 {
    color: white;
    font-size: 2.2rem;
    margin-bottom: 1.2rem;
}

.forex-cta p {
    margin-bottom: 2.5rem;
    opacity: 0.85;
    font-size: 1.1rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.4;
}

@media (max-width: 768px) {
    .forex-hero h1 {
        font-size: 27px;
    }

    .forex-hero p {
        font-size: 13px;
        margin-top: 15px;
    }

    .forex-services h2,
    .forex-features h2 {
        font-size: 27px;
    }

    .forex-cta h2 {
        font-size: 24px;
        margin: 0px;
    }

    .forex-cta p {
        margin-bottom: 21px;
        opacity: 0.85;
        font-size: 13px;
    }

    .forex-grid {
        gap: 1.5rem;
    }

    .forex-feature-grid {
        gap: 1.5rem;
    }
}

/* holiday */
.ho-container {
    max-width: 1200px;
    margin: auto;
    padding: 0 15px;
}

.ho-btn-primary {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 8px;
    background: #0d4f8b;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

.ho-btn-primary:hover {
    transform: translateY(-2px);
    color: white;
}

.ho-section-title {
    font-size: 2.5rem;
    margin-bottom: 35px;
    color: #1f2937;
    text-align: center;
    font-weight: 800;
}

.ho-cta-title {
    font-size: 2.5rem;
    margin-bottom: 35px;
    color: #ffffff;
    text-align: center;
    font-weight: 800;
}

.ho-visa-heading {
    font-size: 2.5rem;
    margin-bottom: 35px;
    color: #1f2937;
}

.ho-hero {
    padding: 100px 0;
    text-align: center;
    color: #fff;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
}

.ho-hero-title {
    margin-bottom: 23px;
    font-size: 64px;
    color: white;
}

.ho-hero-subtitle {
    font-size: 17px;
    max-width: 800px;
    margin: auto;
    color: #f3f4f6;
}

.ho-features {
    padding: 80px 0;
    background: #f1f5f9;
}

.ho-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.ho-feature-card {
    text-align: center;
    padding: 30px 20px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
}

.ho-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.ho-feature-icon {
    font-size: 2.5rem;
    margin-bottom: 15px;
}

.ho-feature-title {
    font-size: 1.25rem;
    font-weight: 600;
    color: #0d4f8b;
    margin-bottom: 10px;
}

.ho-visa {
    padding: 80px 0;
}

.ho-visa-content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: center;
}

.ho-visa-text p {
    margin-bottom: 30px;
    line-height: 1.6;
    color: #4b5563;
}

.ho-visa-image {
    width: 100%;
    border-radius: 12px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.ho-cta {
    padding: 80px 0;
    text-align: center;
    background: linear-gradient(45deg, #0d4f8b, #1f2937);
    color: #fff;
}

.ho-cta-subtitle {
    font-size: 1.1rem;
    margin-bottom: 25px;
    opacity: 0.9;
}

@media (max-width: 991px) {
    .ho-visa-content {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .ho-visa-image-wrapper {
        order: -1;
    }
}

@media (max-width: 767px) {
    .ho-hero-title {
        font-size: 27px;
        margin-bottom: 17px;
    }

    .ho-features {
        padding: 24px 0;
    }

    .ho-hero-subtitle {
        font-size: 12px;
    }

    .ho-hero {
        padding: 50px 2px;
    }

    .ho-section-title,
    .ho-visa-heading,
    .ho-cta-title {
        font-size: 25px;
        font-weight: 900;
        margin-bottom: 20px;
    }
}

/* holiday end */

/* password  */

.pa-container {
    max-width: 1340px;
    margin: 0 auto;
    padding: 0 20px;
}

.pa-btn-primary {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 8px;
    background: #0d4f8b;
    color: #fff;
    font-weight: 500;
    text-decoration: none;
    transition: background 0.3s;
}

.pa-btn-primary:hover {
    background: #09386a;
}

.pa-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

.pa-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.pa-service-card {
    padding: 35px 25px;
    border-radius: 15px;
    text-align: center;
    background: white;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    transition: transform 0.3s, box-shadow 0.3s;
}

.pa-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.pa-image-wrapper {
    position: relative;
}

.pa-image {
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}

.pa-badge {
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 8px 16px;
    border-radius: 8px;
    background: #fff;
    color: #0d4f8b;
    font-size: 0.9rem;
    font-weight: bold;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.pa-highlight {
    font-weight: bold;
    color: #0d4f8b;
}

.pa-service-icon {
    width: 60px;
    height: 60px;
    margin: 0 auto 15px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5rem;
}

.pa-service-card:nth-child(1) .pa-service-icon {
    background: #dbeafe;
    color: #0d4f8b;
}

.pa-service-card:nth-child(2) .pa-service-icon {
    background: #dcfce7;
    color: #16a34a;
}

.pa-service-card:nth-child(3) .pa-service-icon {
    background: #f3e8ff;
    color: #9333ea;
}

.pa-hero-title {
    font-size: 3rem;
    margin-bottom: 25px;
    color: white;
}

.pa-hero-subtitle {
    max-width: 600px;
    margin: 0 auto;
    font-size: 1.2rem;
    color: white;
}

.pa-main {
    padding: 60px 20px;
    background: #f1f5f9;
}

.pa-text h2.pa-heading {
    font-size: 2.5rem;
    margin-bottom: 20px;
    color: #1f2937;
}

.pa-text p {
    margin-bottom: 20px;
    font-size: 17px;
    color: #4b5563;
}

/* NEW DOCUMENTS SECTION STYLES */
.pa-documents-section {
    padding: 60px 20px;
    background: #f8fafc;
}

.pa-documents-title {
    font-size: 2.5rem;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 900;
    color: #1f2937;
}

.pa-documents-subtitle {
    text-align: center;
    color: #6b7280;
    font-size: 1.1rem;
    margin-bottom: 50px;
}

.pa-tabs {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.pa-tab-btn {
    padding: 15px 35px;
    border: 2px solid #e5e7eb;
    background: white;
    border-radius: 12px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
    color: #4b5563;
}

.pa-tab-btn.active {
    background: #0d4f8b;
    color: white;
    border-color: #0d4f8b;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(13, 79, 139, 0.3);
}

.pa-tab-btn:hover {
    border-color: #0d4f8b;
    transform: translateY(-2px);
}

.pa-tab-content {
    display: none;
}

.pa-tab-content.active {
    display: block;
    animation: fadeIn 0.4s ease-in;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.pa-doc-category {
    background: white;
    padding: 30px;
    border-radius: 5px;
    margin-bottom: 25px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    border: 1px solid #0d4f8b;
}

.pa-doc-category-title {
    font-size: 1.4rem;
    color: #1f2937;
    margin-bottom: 20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pa-doc-category-icon {
    font-size: 1.6rem;
}

.pa-doc-list {
    list-style: none;
    padding: 0;
}

.pa-doc-list li {
    padding: 12px 0;
    color: #4b5563;
    font-size: 1rem;
    border-bottom: 1px solid #f3f4f6;
    padding-left: 30px;
    position: relative;
}

.pa-doc-list li:last-child {
    border-bottom: none;
}

.pa-doc-list li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #10b981;
    font-weight: bold;
    font-size: 1.2rem;
}

.pa-doc-note {
    background: #fef3c7;
    border-left: 4px solid #f59e0b;
    padding: 20px;
    margin-top: 25px;
    border-radius: 8px;
}

.pa-doc-note p {
    color: #92400e;
    margin: 0;
    font-size: 0.95rem;
    line-height: 1.6;
}

.pa-doc-note strong {
    color: #78350f;
}

.pa-tab-content .row {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.pa-tab-content .row > .col-lg-6 {
    display: flex;
}

.pa-doc-category {
    flex-grow: 1;
}
/* Contact Section styles remain the same */
.pa-contact-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    margin-bottom: 0;
}
/* Contact Section */
.pa-contact-section {
    padding: 60px 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    margin-bottom: 18px;
}

.pa-contact-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: start;
}

.pa-cta-side {
    padding: 0px 20px;
    border-radius: 15px;
    color: white;
    height: 100%;
}

.pa-cta-title {
    font-size: 2.2rem;
    margin-bottom: 15px;
    color: white;
}

.pa-cta-subtitle {
    font-size: 1.1rem;
    margin-bottom: 35px;
    opacity: 0.9;
}

/* CTA Content */
.pa-cta-content {
    margin: 25px 0;
}

.pa-benefits-heading {
    font-size: 1.5rem;
    margin-bottom: 20px;
    color: white;
    font-weight: 700;
}

.pa-benefits-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.pa-benefits-list li {
    padding: 10px 0;
    color: rgba(255, 255, 255, 0.95);
    font-size: 1rem;
    line-height: 1.6;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pa-benefits-list li:last-child {
    border-bottom: none;
}

.pa-benefits-list li strong {
    color: white;
    font-weight: 600;
}

.pa-cta-note {
    margin-top: 25px;
    padding: 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    border-left: 4px solid white;
}

.pa-cta-note p {
    color: white;
    font-size: 1rem;
    line-height: 1.6;
    margin: 0;
}

.pa-cta-note strong {
    color: white;
    font-weight: 700;
}

.pa-cta-info {
    color: rgba(255, 255, 255, 0.85);
    font-size: 1rem;
    margin-top: 35px;
    font-style: italic;
    line-height: 1.6;
}

/* Form Container */
.pa-form-side {
    background: white;
    padding: 40px;
    border-radius: 5px;
    margin-top: 27px;
}

.pa-form-title {
    font-size: 2rem;
    margin-bottom: 10px;
    color: #1f2937;
    font-weight: 700;
}

.pa-form-desc {
    color: #6b7280;
    font-size: 0.95rem;
    margin-bottom: 30px;
}

/* Form Group */
.pa-form-group {
    margin-bottom: 20px;
}

/* Input Wrapper with Icon */
.pa-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

.pa-icon {
    position: absolute;
    left: 18px;
    font-size: 1.2rem;
    pointer-events: none;
    z-index: 1;
}

.pa-textarea-wrapper .pa-icon {
    top: 18px;
}

.pa-icon-top {
    align-self: flex-start;
}

.pa-input-wrapper input,
.pa-input-wrapper textarea {
    width: 100%;
    padding: 8px 12px 8px 52px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: #f9fafb;
    box-sizing: border-box;
}

.pa-input-wrapper input:focus,
.pa-input-wrapper textarea:focus {
    outline: none;
    border-color: #0d4f8b;
    background: white;
    box-shadow: 0 0 0 4px rgba(13, 79, 139, 0.1);
}

.pa-input-wrapper textarea {
    resize: vertical;
    font-family: inherit;
    line-height: 1.6;
}

.pa-input-wrapper input::placeholder,
.pa-input-wrapper textarea::placeholder {
    color: #9ca3af;
}

/* Captcha Wrapper */
.pa-captcha-wrapper {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.pa-captcha-display {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 8px 20px;
    background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
    border-radius: 12px;
    border: 2px solid #d1d5db;
}

.pa-captcha-label {
    font-size: 0.85rem;
    font-weight: 600;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.pa-captcha-code {
    flex: 1;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: 6px;
    text-align: center;
    color: #0d4f8b;
    font-family: "Courier New", monospace;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.1);
}

.pa-captcha-refresh {
    padding: 10px;
    background: #0d4f8b;
    color: white;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pa-captcha-refresh:hover {
    background: #09386a;
    transform: rotate(180deg);
}

/* Submit Button */
.pa-submit-btn {
    width: 100%;
    padding: 18px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.05rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 4px 15px rgba(13, 79, 139, 0.3);
}

.pa-submit-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(13, 79, 139, 0.4);
}

.pa-submit-btn:active {
    transform: translateY(0);
}

/* Error Messages */
.error {
    color: #dc2626;
    font-size: 0.8rem;
    margin-top: 6px;
    display: block;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 991px) {
    .pa-contact-grid {
        grid-template-columns: 1fr;
    }

    .pa-form-side {
        padding: 35px 25px;
    }
}

/* Full Mobile Responsive Fix */
@media (max-width: 767px) {
    .contact-container {
        padding: 10px !important;
    }

    .contact-cards {
        display: flex;
        flex-direction: column;
        gap: 25px;
        width: 100%;
    }

    .contact-info,
    .contact-form-card {
        width: 100%;
        padding: 20px 15px !important;
    }

    .info-item strong {
        font-size: 15px;
    }

    .contact-info h3,
    .contact-form h3 {
        font-size: 20px !important;
    }

    .form-row {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .input-with-icon i {
        font-size: 14px;
    }

    .form-input,
    .form-textarea,
    .captcha-input {
        width: 100%;
        padding: 12px 38px;
        font-size: 14px;
    }

    .submit-btn {
        width: 100%;
        padding: 14px;
        font-size: 15px;
        margin-top: 10px;
    }

    /* Map iframe responsive */
    .google-map iframe {
        width: 100% !important;
        height: 250px !important;
    }

    .map-container {
        padding: 10px;
    }

    .map-header h3 {
        font-size: 20px;
    }

    .map-overlay .overlay-content {
        padding: 12px;
        font-size: 14px;
    }

    .overlay-buttons a {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
}

/* end */
/* ===== honeymoon===== */
.hm-text-gradient {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.hm-btn-md {
    font-size: 1rem;
}
/* ===== Responsive Fixes for Honeymoon Page ===== */
@media (max-width: 1024px) {
    .hm-hero-title {
        font-size: 2rem;
        /* thoda chhota font for tablets */
    }
    .hm-hero-section {
        min-height: 36vh;
    }
    .hm-hero-subtitle {
        font-size: 1rem;
        padding: 0 15px;
    }
}

@media (max-width: 767px) {
    .hm-hero-section {
        min-height: 50vh;
        padding: 40px 20px;
        text-align: center;
    }

    .hm-hero-title {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .hm-hero-subtitle {
        font-size: 0.95rem;
        margin-bottom: 20px;
    }

    .hm-services-title {
        font-size: 1.5rem;
    }

    .hm-services .card {
        margin-bottom: 20px;
    }

    .hm-cta-title {
        font-size: 1.6rem;
    }

    .hm-cta-subtitle {
        font-size: 1rem;
    }

    .hm-btn-md {
        font-size: 0.9rem;
        padding: 8px 16px;
    }
}

@media (max-width: 480px) {
    .hm-hero-title {
        font-size: 1.5rem;
    }

    .hm-hero-subtitle {
        font-size: 0.9rem;
    }

    .hm-btn-md {
        font-size: 0.85rem;
        padding: 6px 14px;
    }

    .hm-services-title {
        font-size: 1.3rem;
    }

    .hm-cta-title {
        font-size: 1.4rem;
    }

    .hm-cta-subtitle {
        font-size: 0.9rem;
    }

    .hm-cta-section .btn {
        width: 100%;
        /* buttons full width in mobile */
    }
}

/* end */
/* Services */

.hm-services {
    padding: 60px 0;
    background: #fff;
}

.hm-services-title {
    font-size: 2.5rem;
    margin-bottom: 50px;
    text-align: center;
    color: #1f2937;
}

.hm-service-card h3 {
    font-size: 1.3rem;
    margin-bottom: 10px;
}

.hm-service-card p {
    color: #4b5563;
}

.hm-services .card {
    border: 2px solid #ff4d4f;
    transition: all 0.4s ease;
    cursor: pointer;
    border-radius: 15px;
}

.hm-services .card:hover {
    transform: translateY(-15px) scale(1.03);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.15);
}

/* ===== CTA Section ===== */
.hm-cta-section {
    padding: 4rem 0;
    background: linear-gradient(135deg, #764ba2 0%, #667eea 100%);
}

.hm-cta-title {
    font-size: 2rem;
    font-weight: 700;
}

.hm-cta-subtitle {
    font-size: 1.1rem;
    margin-bottom: 1rem;
}

.hm-cta-trust-text {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.8);
}

/* end */
/* luxury Section  */
/* .elite-hero-gradient {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    position: relative;
    overflow: hidden;
}

.elite-hero-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    z-index: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="elite-pattern" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="rgba(255,215,0,0.15)"/></pattern></defs><rect width="100" height="100" fill="url(%23elite-pattern)"/></svg>');
} */

.elite-btn-gold {
    background: linear-gradient(45deg, #ffd700, #ffb347);
    border: none;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 600;
    color: #0d1b2a;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.elite-btn-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 215, 0, 0.5);
    color: #1b263b;
}

.elite-card {
    border-radius: 18px;
    transition: all 0.4s ease;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
}

.elite-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.elite-card img {
    transition: transform 0.4s ease;
}

.elite-card:hover img {
    transform: scale(1.05);
}

.elite-feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700 0%, #ffb347 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.elite-feature-icon i {
    font-size: 2rem;
    color: #0d1b2a;
}

.luxury-badge,
.elite-badge {
    background: linear-gradient(45deg, #ffd700, #ffb347);
    color: #0d1b2a;
    font-weight: 600;
    border-radius: 18px;
    padding: 6px 14px;
    font-size: 0.9rem;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
}

.elite-price,
.luxury-price {
    color: #28a745;
    font-weight: 700;
}

.elite-section-light {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef1f4 100%);
}

.luxury-text-gradient {
    color: #667eea;
}

/*  Luxury Page Responsive  */
@media (max-width: 992px) {
    .elite-hero-gradient h1 {
        font-size: 2rem;
    }

    .elite-hero-gradient p.lead {
        font-size: 1rem;
        padding: 0 15px;
    }

    .luxury-text-gradient {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .elite-hero-gradient {
        padding: 60px 20px;
        text-align: center;
    }

    .elite-hero-gradient h1 {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .elite-hero-gradient p.lead {
        font-size: 0.95rem;
        margin-bottom: 20px;
    }

    .elite-btn-gold {
        padding: 10px 28px;
        font-size: 0.9rem;
    }

    .elite-feature-icon {
        width: 65px;
        height: 65px;
    }

    .elite-feature-icon i {
        font-size: 1.6rem;
    }

    .luxury-card img {
        height: 200px !important;
    }
}

@media (max-width: 480px) {
    .elite-hero-gradient h1 {
        font-size: 1.5rem;
    }

    .elite-hero-gradient p.lead {
        font-size: 0.9rem;
    }

    .elite-btn-gold {
        width: 100%;
        font-size: 0.85rem;
        padding: 8px 20px;
    }

    .luxury-text-gradient {
        font-size: 1.4rem;
    }

    .luxury-card img {
        height: 180px !important;
    }

    .card .card-body {
        padding: 1rem;
    }
}

/* end */
/* customised Section Gradient */
.elite-btn-gold {
    background: linear-gradient(45deg, #ffd700, #ffb347);
    border: none;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 600;
    color: #0d1b2a;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.elite-btn-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 215, 0, 0.5);
    color: #1b263b;
}

/* Card */
.elite-card {
    border-radius: 18px;
    transition: all 0.4s ease;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
}

.elite-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.elite-card img {
    transition: transform 0.4s ease;
}

.elite-card:hover img {
    transform: scale(1.05);
}

.elite-feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700 0%, #ffb347 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.elite-feature-icon i {
    font-size: 2rem;
    color: #0d1b2a;
}

.elite-section-light {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef1f4 100%);
}

.process-step {
    position: relative;
    padding: 2rem;
    border-radius: 15px;
    background: white;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.step-number {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: linear-gradient(45deg, #ffd700, #ffb347);
    color: #0d1b2a;
    font-weight: bold;
    font-size: 1.2rem;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
}

.luxury-text-gradient {
    color: #0d1b2a;
}

/* ===== Responsive Fixes for Customized Itineraries ===== */
@media (max-width: 992px) {
    .elite-hero-gradient h1 {
        font-size: 2rem;
    }

    .elite-hero-gradient p.lead {
        font-size: 1rem;
        padding: 0 15px;
    }

    .luxury-text-gradient {
        font-size: 1.8rem;
    }
}

@media (max-width: 768px) {
    .elite-hero-gradient {
        padding: 60px 20px;
        text-align: center;
    }

    .elite-hero-gradient h1 {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .elite-hero-gradient p.lead {
        font-size: 0.95rem;
        margin-bottom: 20px;
    }

    .elite-btn-gold {
        padding: 10px 28px;
        font-size: 0.9rem;
    }

    .elite-feature-icon {
        width: 65px;
        height: 65px;
    }

    .elite-feature-icon i {
        font-size: 1.6rem;
    }

    .process-step {
        padding: 1.5rem;
        margin-bottom: 2rem;
    }

    .step-number {
        width: 45px;
        height: 45px;
        font-size: 1rem;
    }

    .luxury-text-gradient {
        font-size: 1.6rem;
    }
}

@media (max-width: 480px) {
    .elite-hero-gradient h1 {
        font-size: 1.5rem;
    }

    .elite-hero-gradient p.lead {
        font-size: 0.9rem;
    }

    .elite-btn-gold {
        width: 100%;
        /* full width button on mobile */
        font-size: 0.85rem;
        padding: 8px 20px;
    }

    .luxury-text-gradient {
        font-size: 1.3rem;
    }

    .process-step {
        padding: 1rem;
    }

    .step-number {
        width: 40px;
        height: 40px;
        font-size: 0.9rem;
    }

    .card .card-body {
        padding: 1rem;
    }

    .cta-section .btn {
        width: 100%;
        /* CTA buttons full width */
        margin-bottom: 10px;
    }
}

/* end */
/* group Section */
/* .group-hero-gradient {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    position: relative;
    overflow: hidden;
}

.group-hero-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="group-pattern" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="rgba(255,215,0,0.15)"/></pattern></defs><rect width="100" height="100" fill="url(%23group-pattern)"/></svg>');
} */

/* Button */
.group-btn-gold {
    background: linear-gradient(45deg, #ffd700, #ffb347);
    border: none;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 600;
    color: #0d1b2a;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.group-btn-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 215, 0, 0.5);
    color: #1b263b;
}

.group-card {
    border-radius: 18px;
    transition: all 0.4s ease;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
}

.group-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.luxury-card {
    border-radius: 18px;
    transition: all 0.4s ease;
}

.luxury-card:hover {
    transform: translateY(-8px);
}

.group-feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700 0%, #ffb347 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.group-feature-icon i {
    font-size: 2rem;
    color: #0d1b2a;
}

.group-badge {
    background: linear-gradient(45deg, #ffd700, #ffb347);
    color: #0d1b2a;
    font-weight: 600;
    border-radius: 18px;
    padding: 6px 14px;
    font-size: 0.9rem;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
}

.group-price {
    color: #28a745;
    font-weight: 700;
}

.group-section-light {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef1f4 100%);
}

.text-luxury {
    color: #0d1b2a;
}

.luxury-text-gradient {
    color: #0d1b2a;
}

/* ✅ Mobile Responsive  */
@media (max-width: 767px) {
    /* Hero Section Text */
    .group-hero-gradient h1 {
        font-size: 1.8rem;
        line-height: 1.3;
    }

    .group-hero-gradient p {
        font-size: 1rem;
        padding: 0 10px;
    }

    .group-btn-gold {
        padding: 10px 25px;
        font-size: 0.95rem;
    }

    .group-card,
    .luxury-card {
        margin-bottom: 20px;
    }

    .group-feature-icon {
        width: 60px;
        height: 60px;
    }

    .group-feature-icon i {
        font-size: 1.5rem;
    }

    .display-5 {
        font-size: 1.6rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .group-hero-gradient h1 {
        font-size: 2.2rem;
    }

    .group-hero-gradient p {
        font-size: 1.1rem;
    }

    .group-btn-gold {
        font-size: 1rem;
    }
}

/* end */

/* ABOUT */
.about-page-hero {
    padding: 80px 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
    text-align: center;
}

.about-page-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

.about-page-badge {
    display: inline-block;
    padding: 8px 20px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 30px;
    font-size: 0.9rem;
    margin-bottom: 20px;
}

.about-page-title {
    font-size: 3.5rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.about-page-subtitle {
    font-size: 1.2rem;
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
    opacity: 0.95;
}

.about-page-highlight {
    color: #fbbf24;
    font-weight: 600;
}

.about-page-intro {
    padding: 80px 0;
    background: #f8fafc;
}

.about-page-intro-text {
    font-size: 1.2rem;
    color: #374151;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.7;
    text-align: center;
}

.about-page-intro-highlight {
    color: #1e40af;
    font-weight: 600;
}

.about-page-features {
    padding: 80px 0;
    background: white;
}

.about-page-section-header {
    text-align: center;
    margin-bottom: 60px;
}

.about-page-section-badge {
    display: inline-block;
    padding: 6px 16px;
    background: rgba(30, 64, 175, 0.1);
    color: #1e40af;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-bottom: 15px;
}

.about-page-section-title {
    font-size: 2.8rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 15px;
}

.about-page-section-desc {
    font-size: 1.1rem;
    color: #6b7280;
    max-width: 500px;
    margin: 0 auto;
}

.about-page-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.about-page-feature-card {
    background: white;
    border: 2px solid #f3f4f6;
    border-radius: 15px;
    padding: 35px 25px;
    text-align: center;
    transition: all 0.3s ease;
}

.about-page-feature-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    border-color: #1e40af;
}

.about-page-feature-icon {
    width: 70px;
    height: 70px;
    background: var(--primary-color, #1e40af);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 20px;
    font-size: 1.8rem;
    color: white;
}

.about-page-feature-title {
    font-size: 1.3rem;
    font-weight: 700;
    color: #1f2937;
    margin-bottom: 12px;
}

.about-page-feature-desc {
    color: #6b7280;
    line-height: 1.5;
    font-size: 0.95rem;
}

.about-page-destinations {
    padding: 80px 0;
    background: linear-gradient(135deg, #f8fafc, #e0f2fe);
}

.about-page-destinations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 30px;
}

.about-page-destination-card {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.about-page-destination-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.about-page-destination-header {
    padding: 40px 30px 20px;
    background: linear-gradient(135deg, #e0f2fe, #f0f9ff);
    text-align: center;
}

.about-page-destination-emoji {
    font-size: 3rem;
    margin-bottom: 15px;
    display: block;
}

.about-page-destination-content {
    padding: 25px 30px 35px;
}

.about-page-destination-title {
    font-size: 1.4rem;
    font-weight: 700;
    color: #1e40af;
    margin-bottom: 12px;
}

.about-page-destination-desc {
    color: #6b7280;
    line-height: 1.5;
    font-size: 0.9rem;
}

.about-page-cta {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
    padding: 80px 0;
    text-align: center;
    margin-bottom: 25px;
}

.about-page-cta-title {
    font-size: 3rem;
    font-weight: 800;
    margin-bottom: 20px;
    color: white;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.about-page-cta-subtitle {
    font-size: 1.2rem;
    margin-bottom: 35px;
    opacity: 0.95;
    line-height: 1.5;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.about-page-cta-button {
    display: inline-block;
    padding: 16px 35px;
    background: white;
    color: #1e40af;
    border-radius: 40px;
    font-weight: 700;
    font-size: 1.1rem;
    text-decoration: none;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
    transition: all 0.3s ease;
}

.about-page-cta-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.3);
    text-decoration: none;
    color: #1e40af;
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .about-page-title {
        font-size: 2.5rem;
    }

    .about-page-section-title,
    .about-page-cta-title {
        font-size: 2.2rem;
    }

    .about-page-subtitle,
    .about-page-intro-text {
        font-size: 1.1rem;
    }

    .about-page-features-grid,
    .about-page-destinations-grid {
        grid-template-columns: 1fr;
    }

    .about-page-feature-card,
    .about-page-destination-card {
        margin: 0 10px;
    }

    .about-page-cta-button {
        width: 85%;
        max-width: 280px;
    }
}

@media (max-width: 480px) {
    .about-page-title {
        font-size: 2rem;
    }

    .about-page-section-title,
    .about-page-cta-title {
        font-size: 1.8rem;
    }

    .about-page-feature-card,
    .about-page-destination-content {
        padding: 25px 20px;
    }
}

/* END */
/* adventure Section */
/* .adv-hero-gradient {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    position: relative;
    overflow: hidden;
}

.adv-hero-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="adv-pattern" patternUnits="userSpaceOnUse" width="20" height="20"><circle cx="10" cy="10" r="1" fill="rgba(255,215,0,0.15)"/></pattern></defs><rect width="100" height="100" fill="url(%23adv-pattern)"/></svg>');
} */

.adv-btn-gold {
    background: linear-gradient(45deg, #ffd700, #ffb347);
    border: none;
    padding: 12px 35px;
    border-radius: 30px;
    font-weight: 600;
    color: #0d1b2a;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.adv-btn-gold:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 35px rgba(255, 215, 0, 0.5);
    color: #1b263b;
}

.adv-card {
    border-radius: 18px;
    transition: all 0.4s ease;
    background: rgba(255, 255, 255, 0.96);
    backdrop-filter: blur(8px);
}

.adv-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.luxury-card {
    border-radius: 18px;
    transition: all 0.4s ease;
}

.luxury-card:hover {
    transform: translateY(-8px);
}

.adv-feature-icon {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #ffd700 0%, #ffb347 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 1rem;
    box-shadow: 0 8px 25px rgba(255, 215, 0, 0.3);
}

.adv-feature-icon i {
    font-size: 2rem;
    color: #0d1b2a;
}

.adv-badge {
    background: linear-gradient(45deg, #ffd700, #ffb347);
    color: #0d1b2a;
    font-weight: 600;
    border-radius: 18px;
    padding: 6px 14px;
    font-size: 0.9rem;
    box-shadow: 0 5px 15px rgba(255, 215, 0, 0.3);
}

.adv-price {
    color: #28a745;
    font-weight: 700;
}

.adv-section-light {
    background: linear-gradient(135deg, #f8f9fa 0%, #eef1f4 100%);
}

.text-luxury {
    color: #0d1b2a;
}

.luxury-text-gradient {
    color: #0d1b2a;
}

@media (max-width: 767px) {
    .adv-hero-gradient h1 {
        font-size: 1.8rem;
        line-height: 1.3;
        padding: 0 10px;
    }

    .adv-hero-gradient p {
        font-size: 1rem;
        padding: 0 12px;
    }

    .adv-btn-gold {
        padding: 10px 25px;
        font-size: 0.95rem;
    }

    .adv-card,
    .luxury-card {
        margin-bottom: 20px;
    }

    .adv-feature-icon {
        width: 60px;
        height: 60px;
    }

    .adv-feature-icon i {
        font-size: 1.5rem;
    }

    .display-5 {
        font-size: 1.6rem;
    }

    .adv-price {
        font-size: 1rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .adv-hero-gradient h1 {
        font-size: 2.2rem;
    }

    .adv-hero-gradient p {
        font-size: 1.1rem;
    }

    .adv-btn-gold {
        font-size: 1rem;
    }
}

/* :end */

/* Currency  Section */

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Currency Section */
.currency-section {
    padding: 70px 20px;
    max-width: 1200px;
    margin: 0 auto;
}

.currency-card {
    background: #fff;
    border-radius: 20px;
    padding: 40px;
    box-shadow: 0 10px 35px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transform: translateY(50px);
    transition: all 0.8s ease;
}

.currency-card.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.currency-card h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    margin-bottom: 30px;
    color: #0b0b0b;
}

.feature {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    padding: 15px;
    background: #f9fafb;
    border-radius: 12px;
    transition: all 0.3s ease;
    opacity: 0;
    transform: translateX(-30px);
}

.feature.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.feature:hover {
    background: linear-gradient(135deg, #ecfdf5, #d1fae5);
    transform: translateX(10px) scale(1.02);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.feature-icon {
    font-size: 1.5rem;
    margin-right: 15px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: #fff;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(214, 41, 91, 0.4);
    transition: transform 0.5s ease;
}

.feature:hover .feature-icon {
    transform: rotate(360deg) scale(1.1);
    box-shadow: 0 6px 20px rgba(214, 41, 91, 0.6);
}

/* Currency Stats */
.currency-stats {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 60px;
}

.stat-box {
    background: #fff;
    padding: 30px;
    border-radius: 18px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.5s ease;
    opacity: 0;
    transform: translateY(50px);
    border-top: 4px solid transparent;
}

.stat-box.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.stat-box:hover {
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.3);
    background: linear-gradient(135deg, #fff, #fff7f9);
    border-top: 4px solid #d6295b;
}

.stat-number {
    font-size: 2.2rem;
    font-weight: 800;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 8px;
    transition: all 0.5s ease;
}

.stat-box:hover .stat-number {
    transform: scale(1.1);
}

.stat-label {
    font-size: 1rem;
    color: #64748b;
}

/* CTA Button */
.cta-center {
    text-align: center;
    margin-top: 50px;
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.8s ease;
}

.cta-center.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.cta-btn {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: #fff;
    padding: 15px 40px;
    border-radius: 35px;
    font-weight: 700;
    font-size: 1.1rem;
    box-shadow: 0 10px 25px rgba(214, 41, 91, 0.4);
    transition: all 0.5s ease;
    text-decoration: none;
    display: inline-block;
    position: relative;
    overflow: hidden;
}

.cta-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );
    transition: left 0.5s ease;
}

.cta-btn:hover::before {
    left: 100%;
}

.cta-btn:hover {
    transform: scale(1.05) translateY(-3px);
    box-shadow: 0 14px 35px rgba(214, 41, 91, 0.6);
    text-decoration: none;
    color: #fff;
}

/* Currency Contact Form Section */
.currency-contact-section {
    background: radial-gradient(
        circle at bottom right,
        #d6295b,
        #9e2c78,
        #302f85
    );
    padding: 80px 20px;
    margin-bottom: 10px;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.currency-form-wrapper {
    max-width: 1200px;
    margin: 0 auto;
}

.currency-form-header {
    text-align: center;
    margin-bottom: 50px;
    opacity: 0;
    transform: translateY(-50px);
    transition: all 0.8s ease;
}

.currency-form-header.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.currency-form-title {
    font-size: 2.8rem;
    font-weight: 800;
    margin-bottom: 15px;
    color: #fff;
    text-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}

.currency-form-subtitle {
    font-size: 1.2rem;
    color: rgba(255, 255, 255, 0.9);
}

.currency-form-row {
    display: flex;
    gap: 40px;
    align-items: stretch;
}

.currency-form-info {
    flex: 1;
    opacity: 0;
    border-radius: 2px;
    transform: translateX(-80px);
    transition: all 1s ease;
    border: 2px solid white;
}

.currency-form-info.animate-in {
    opacity: 1;
    transform: translateX(0);
}

.currency-info-card {
    padding: 40px;
    height: 100%;
}

.currency-info-title {
    font-size: 2rem;
    font-weight: 800;
    color: #fff;
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.currency-info-title span {
    font-size: 2.5rem;
}

.currency-info-item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
    padding: 15px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 15px;
    transition: all 0.3s ease;
}

.currency-info-item:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateX(10px);
}

.currency-info-icon {
    font-size: 2rem;
    margin-right: 15px;
    min-width: 45px;
}

.currency-info-content h4 {
    font-size: 1.2rem;
    font-weight: 700;
    color: #fff;
    margin-bottom: 8px;
}

.currency-info-content p {
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    line-height: 1.6;
    margin: 0;
}

.currency-form-container {
    flex: 1;
    border-radius: 2px;
    padding: 30px 20px;
    border: 2px solid rgb(255, 255, 255);
    opacity: 0;
    transform: translateY(80px);
    transition: all 1s ease;
}

.currency-form-container.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.currency-form-container h3 {
    font-size: 1.8rem;
    font-weight: 800;
    color: white;
    margin-bottom: 30px;
    text-align: center;
}

/* Currency Form Styles */
.currency-form-group {
    margin-bottom: 25px;
}

.currency-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: #f8fafc;
    border: 2px solid #e2e8f0;
    border-radius: 15px;
    transition: all 0.4s ease;
    overflow: hidden;
}

.currency-input-wrapper::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    transition: width 0.5s ease;
}

.currency-input-wrapper:focus-within::before {
    width: 100%;
}

.currency-input-wrapper:focus-within {
    background: #fff;
    border-color: #d6295b;
    box-shadow: 0 0 0 4px rgba(214, 41, 91, 0.15);
    transform: translateY(-2px);
}

.currency-icon {
    padding: 0 15px;
    font-size: 1.3rem;
    color: #64748b;
    transition: all 0.5s ease;
}

.currency-input-wrapper:focus-within .currency-icon {
    color: #d6295b;
    transform: scale(1.2);
}

.currency-input-wrapper.currency-textarea-wrapper .currency-icon {
    align-self: flex-start;
    padding-top: 15px;
}

.currency-input-wrapper input,
.currency-input-wrapper textarea {
    flex: 1;
    padding: 15px;
    border: none;
    background: transparent;
    font-size: 1rem;
    color: #1e293b;
    outline: none;
    transition: all 0.3s ease;
}

.currency-input-wrapper input::placeholder,
.currency-input-wrapper textarea::placeholder {
    color: #94a3b8;
}

.currency-input-wrapper textarea {
    resize: vertical;
    min-height: 120px;
    font-family: inherit;
}

/* Currency Captcha Styles */
.currency-captcha-wrapper {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.currency-captcha-display {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 20px;
    background: linear-gradient(135deg, #f8fafc, #e2e8f0);
    border-radius: 15px;
    border: 2px solid #cbd5e1;
}

.currency-captcha-label {
    font-weight: 700;
    color: #475569;
    min-width: 100px;
    font-size: 0.95rem;
}

.currency-captcha-code {
    flex: 1;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: #fff;
    padding: 15px 20px;
    border-radius: 10px;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 10px;
    text-align: center;
    user-select: none;
    font-family: "Courier New", monospace;
    box-shadow: 0 4px 15px rgba(214, 41, 91, 0.5);
    position: relative;
    overflow: hidden;
}

.currency-captcha-code::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: linear-gradient(
        45deg,
        transparent,
        rgba(255, 255, 255, 0.2),
        transparent
    );
    animation: shine 3s infinite;
}

@keyframes shine {
    0% {
        transform: translateX(-100%) translateY(-100%) rotate(45deg);
    }

    100% {
        transform: translateX(100%) translateY(100%) rotate(45deg);
    }
}

.currency-captcha-refresh {
    background: #fff;
    border: 2px solid #d6295b;
    color: #d6295b;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.5s ease;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.currency-captcha-refresh:hover {
    background: radial-gradient(circle, #d6295b, #9e2c78);
    color: #fff;
    transform: rotate(360deg) scale(1.1);
    box-shadow: 0 6px 20px rgba(214, 41, 91, 0.5);
}

.currency-captcha-refresh:active {
    transform: rotate(360deg) scale(0.95);
}

/* Currency Submit Button */
.currency-submit-btn {
    width: 100%;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: #fff;
    padding: 18px 30px;
    border: none;
    border-radius: 15px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.5s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 10px 30px rgba(214, 41, 91, 0.4);
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

.currency-submit-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.currency-submit-btn:hover::before {
    width: 300px;
    height: 300px;
}

.currency-submit-btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.6);
}

.currency-submit-btn:active {
    transform: translateY(-2px);
}

.currency-submit-btn svg {
    transition: transform 0.5s ease;
}

.currency-submit-btn:hover svg {
    transform: translateX(5px);
}

/* Error Messages */
.error {
    color: #dc2626;
    font-size: 0.875rem;
    margin-top: 8px;
    padding-left: 15px;
    display: none;
    animation: shake 0.5s ease;
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-10px);
    }

    75% {
        transform: translateX(10px);
    }
}

.error.show {
    display: block;
}

/* Success/Error Alert Animations */
.alert-message {
    animation: slideInTop 0.5s ease;
}

@keyframes slideInTop {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 767px) {
    .currency-hero h1 {
        font-size: 27px;
    }

    .currency-hero p {
        font-size: 7px;
        margin-bottom: 8px;
    }

    .currency-section {
        padding: 38px 20px;
    }

    .currency-card {
        background: #fff;
        border-radius: 2px;
        padding: 19px;
    }

    .currency-hero {
        padding: 41px 37px;
    }

    .currency-stats {
        grid-template-columns: 1fr;
    }

    .currency-form-container {
        padding: 30px 20px;
    }

    .currency-form-title {
        font-size: 28px;
        line-height: 46px;
    }

    .currency-form-subtitle {
        font-size: 15px;
    }

    .currency-info-title {
        font-size: 1.5rem;
    }

    .currency-captcha-display {
        flex-direction: column;
        align-items: stretch;
    }

    .currency-captcha-label {
        min-width: auto;
    }

    .currency-captcha-code {
        letter-spacing: 6px;
    }

    .currency-info-card {
        padding: 27px 15px;
    }

    .currency-contact-section {
        margin: 9px;
    }

    .currency-contact-section {
        padding: 40px 15px;
        margin-top: 40px;
        margin-bottom: 20px;
    }

    .currency-form-row {
        flex-direction: column;
        gap: 25px;
    }

    .currency-form-info,
    .currency-form-container {
        transform: translateX(0) translateY(0);
    }

    .currency-form-title {
        font-size: 2rem;
    }

    .currency-form-subtitle {
        font-size: 1rem;
    }

    .currency-info-title {
        font-size: 1.5rem;
    }

    .currency-info-title span {
        font-size: 2rem;
    }

    .currency-info-item {
        flex-direction: column;
        align-items: flex-start;
    }

    .currency-info-icon {
        margin-bottom: 10px;
    }

    .currency-input-wrapper input,
    .currency-input-wrapper textarea {
        font-size: 0.95rem;
        padding: 12px;
    }

    .currency-captcha-code {
        font-size: 1.2rem;
        letter-spacing: 6px;
        padding: 12px 15px;
    }

    .currency-submit-btn {
        padding: 15px 20px;
        font-size: 1rem;
    }

    .currency-form-header {
        margin-bottom: 30px;
    }
}

/* end */

/* instant advice */
.tour-expert-main-banner {
    background: linear-gradient(135deg, #f8fafe 0%, #ffffff 100%);
    margin-top: 10px;
    padding: 80px 40px;
    text-align: center;
    margin-bottom: 50px;
    box-shadow: 0 8px 32px rgba(60, 140, 231, 0.1);
    position: relative;
    overflow: hidden;
}

.tour-expert-main-banner::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(
        circle at 30% 20%,
        rgba(60, 140, 231, 0.05) 0%,
        transparent 50%
    );
    pointer-events: none;
}

.tour-expert-main-banner h1 {
    font-size: 3.2rem;
    color: #1a365d;
    margin-bottom: 20px;
    font-weight: 800;
    animation: expertTitleSlideIn 1s ease-out;
    position: relative;
    z-index: 1;
}

.tour-expert-main-banner p {
    font-size: 1.25rem;
    color: #4a5568;
    max-width: 850px;
    margin: 0 auto;
    line-height: 1.8;
    position: relative;
    z-index: 1;
}

.tour-expert-features-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 35px;
    margin: 50px 0;
}

.tour-expert-single-feature {
    background: #ffffff;
    padding: 35px;
    border-radius: 16px;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
}

.tour-expert-single-feature::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 4px;
    height: 100%;
    background: linear-gradient(to bottom, #3c8ce7, #2563eb);
    transform: scaleY(0);
    transition: transform 0.3s ease;
}

.tour-expert-single-feature:hover::before {
    transform: scaleY(1);
}

.tour-expert-single-feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 40px rgba(60, 140, 231, 0.15);
    border-color: #3c8ce7;
}

.tour-expert-feature-emoji {
    font-size: 3.5rem;
    margin-bottom: 20px;
    display: block;
    filter: drop-shadow(0 2px 4px rgba(60, 140, 231, 0.2));
}

.tour-expert-single-feature h3 {
    font-size: 1.7rem;
    margin-bottom: 15px;
    color: #1a365d;
    font-weight: 700;
}

.tour-expert-single-feature p {
    color: #4a5568;
    line-height: 1.7;
    font-size: 1rem;
}

.tour-expert-inspiration-block,
.tour-expert-activity-block {
    background: #ffffff;
    padding: 60px 40px;
    margin: 50px 0;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.05);
    border: 1px solid #e2e8f0;
}

.tour-expert-inspiration-block h2,
.tour-expert-activity-block h2 {
    text-align: center;
    font-size: 2.8rem;
    color: #1a365d;
    margin-bottom: 15px;
    font-weight: 800;
}

.tour-expert-inspiration-block p,
.tour-expert-activity-block p {
    text-align: center;
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 40px;
}

.tour-expert-monthly-cards-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 25px;
    margin: 30px 0;
}

.tour-expert-monthly-single-card {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    padding: 28px;
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
}

.tour-expert-monthly-single-card::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #3c8ce7, #2563eb);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.tour-expert-monthly-single-card:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.tour-expert-monthly-single-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(60, 140, 231, 0.12);
    border-color: #3c8ce7;
}

.tour-expert-monthly-single-card h4 {
    color: #3c8ce7;
    font-size: 1.5rem;
    margin-bottom: 12px;
    font-weight: 700;
}

.tour-expert-monthly-destinations-text {
    font-weight: 700;
    color: #1a365d;
    margin-bottom: 12px;
    font-size: 1.1rem;
}

.tour-expert-monthly-single-card p {
    color: #4a5568;
    line-height: 1.6;
    font-size: 0.95rem;
    text-align: left;
}

.tour-expert-activity-single-item {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 100%);
    padding: 30px;
    margin-bottom: 25px;
    border-radius: 12px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
    border: 1px solid #e2e8f0;
    position: relative;
    overflow: hidden;
}

.tour-expert-activity-single-item::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #3c8ce7, #2563eb);
    transform: scaleX(0);
    transform-origin: right;
    transition: transform 0.3s ease;
}

.tour-expert-activity-single-item:hover::after {
    transform: scaleX(1);
    transform-origin: left;
}

.tour-expert-activity-single-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(60, 140, 231, 0.12);
    border-color: #3c8ce7;
}

.tour-expert-activity-single-item h4 {
    color: #3c8ce7;
    font-size: 1.6rem;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 12px;
    font-weight: 700;
}

.tour-expert-activity-places-list {
    font-weight: 600;
    color: #1a365d;
    margin-bottom: 10px;
    font-size: 1.05rem;
}

.tour-expert-activity-details-text {
    color: #4a5568;
    line-height: 1.6;
    font-size: 0.98rem;
}

.tour-expert-final-cta-section {
    background: linear-gradient(135deg, #3c8ce7 0%, #2563eb 100%);
    color: white;
    text-align: center;
    padding: 80px 40px;
    margin-top: 50px;
    border-radius: 20px;
    box-shadow: 0 12px 40px rgba(60, 140, 231, 0.3);
    position: relative;
    overflow: hidden;
}

.tour-expert-final-cta-section::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.1) 0%,
        transparent 70%
    );
    animation: expertCtaRotateAnimation 20s linear infinite;
}

.tour-expert-final-cta-section h2 {
    font-size: 2.8rem;
    margin-bottom: 20px;
    font-weight: 800;
    position: relative;
    z-index: 1;
}

.tour-expert-final-cta-section p {
    font-size: 1.2rem;
    margin-bottom: 35px;
    opacity: 0.95;
    position: relative;
    z-index: 1;
}

.tour-expert-action-button {
    background: #ffffff;
    color: #3c8ce7;
    padding: 20px 50px;
    border: none;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tour-expert-action-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.25);
    background: #f8fafc;
}

@keyframes expertBannerFadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes expertTitleSlideIn {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes expertCtaRotateAnimation {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@media (max-width: 767px) {
    .tour-expert-main-banner {
        padding: 50px 20px;
    }

    .tour-expert-main-banner h1 {
        font-size: 28px;
    }

    .tour-expert-main-banner p {
        font-size: 12px;
    }

    .tour-expert-inspiration-block,
    .tour-expert-activity-block {
        padding: 40px 20px;
    }

    .tour-expert-inspiration-block h2,
    .tour-expert-activity-block h2 {
        font-size: 29px;
    }

    .tour-expert-monthly-cards-container,
    .tour-expert-features-container {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .tour-expert-activity-single-item h4 {
        color: #3c8ce7;
        font-size: 20px;
    }

    .tour-expert-action-button {
        background: #ffffff;
        color: #3c8ce7;
        padding: 13px 11px;
        border: none;
        border-radius: 53px;
        font-size: 13px;
    }

    .tour-expert-single-feature h3 {
        font-size: 20px;
        margin-bottom: 8px;
    }

    .tour-expert-final-cta-section {
        padding: 60px 20px;
    }

    .tour-expert-final-cta-section h2 {
        font-size: 2.2rem;
    }
}

::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: linear-gradient(135deg, #3c8ce7, #2563eb);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(135deg, #2563eb, #1d4ed8);
}

/* anniversary */
/* Anniversary Section */

.anniv-card {
    transition: all 0.3s ease;
    border-radius: 1rem;
    background: #fff;
    padding: 20px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.anniv-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(67, 67, 67, 0.15) !important;
    position: relative;
    z-index: 1;
}

.anniv-feature-icon {
    width: 70px;
    height: 70px;
    background: linear-gradient(45deg, #667eea, #764ba2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 24px;
    margin: 0 auto 15px;
    box-shadow: 0 8px 20px rgba(102, 126, 234, 0.3);
    position: relative;
    z-index: 1;
}

.anniv-btn-warning {
    background: #ffc107;
    border: none;
    color: #000;
    font-weight: 600;
    padding: 10px 20px;
    border-radius: 8px;
}

.anniv-btn-gradient {
    background: linear-gradient(90deg, #667eea, #764ba2);
    color: #fff;
    border: none;
    transition: all 0.3s ease;
    border-radius: 8px;
    padding: 10px 20px;
}

.anniv-btn-gradient:hover {
    background: linear-gradient(90deg, #5a6fd8, #6a4190);
    transform: translateY(-2px);
}

/* ✅ Responsive adjustments */
@media (max-width: 768px) {
    .anniv-hero-gradient {
        padding: 40px 15px;
    }

    .lead {
        font-size: 11px;
        font-weight: 300;
    }

    .anniv-card {
        margin: 10px 0;
        padding: 15px;
    }

    .anniv-feature-icon {
        width: 60px;
        height: 60px;
        font-size: 20px;
    }

    .anniv-btn-warning,
    .anniv-btn-gradient {
        width: 100%;
        text-align: center;
    }
}

@media (max-width: 480px) {
    .anniv-hero-gradient {
        padding: 30px 10px;
    }

    .anniv-feature-icon {
        width: 50px;
        height: 50px;
        font-size: 18px;
    }

    .anniv-card {
        padding: 12px;
        font-size: 14px;
    }

    .anniv-btn-warning,
    .anniv-btn-gradient {
        font-size: 14px;
        padding: 8px 15px;
    }
}

/* end */
/* Pagination */
.tripex-pagination ul li {
    display: inline-block;
    margin-left: 2.5px;
    margin-right: 2.5px;
}

.tripex-pagination ul li a {
    width: 45px;
    height: 45px;
    border: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 700;
}

.tripex-pagination ul li a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

/* Offcanvas Panel */
.tripex-offcanvas-panel {
    position: fixed;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    max-width: 460px;
    height: 100%;
    padding: 20px 30px;
    overflow-y: scroll;
    overflow-x: hidden;
    margin-right: -460px;
    opacity: 0;
    visibility: hidden;
    background-color: var(--white-color);
    z-index: 9999;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.tripex-offcanvas-panel.panel-on {
    visibility: visible;
    opacity: 1;
    margin-right: 0;
}

.tripex-offcanvas-panel .panel-header {
    padding-bottom: 20px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 40px;
}

.tripex-offcanvas-panel .panel-header .panel-close-btn {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: var(--white-color);
    background-color: var(--secondary-color);
    cursor: pointer;
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item {
    border-radius: 14px;
    overflow: hidden;
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item .thumbnail {
    position: relative;
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item .thumbnail img {
    border-radius: 10px;
    width: 100%;
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item .thumbnail .features-tag {
    position: absolute;
    top: 25px;
    left: 30px;
    z-index: 1;
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item .thumbnail .offer,
.tripex-offcanvas-panel .panel-box .sidebar-tour-item .thumbnail .tag-text {
    background-color: var(--secondary-color);
    color: var(--white-color);
    padding: 8px 15px;
    line-height: 1;
    font-family: var(--heading-font);
    font-weight: 600;
    border-radius: 10px;
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item .thumbnail .offer {
    background-color: var(--primary-color);
}

.tripex-offcanvas-panel
    .panel-box
    .sidebar-tour-item
    .thumbnail
    .hover-content {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 25px 30px 18px;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(17, 34, 28, 0)),
        to(#11221c)
    );
    background: linear-gradient(180deg, rgba(17, 34, 28, 0) 0%, #11221c 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item .content h4 {
    color: var(--white-color);
}

.tripex-offcanvas-panel .panel-box .sidebar-tour-item .content .ratings a {
    margin-left: 5px;
    color: var(--white-color);
}

.tripex-offcanvas-panel .panel-box .panel-info-list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 -10px;
    overflow: hidden;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 40px;
}

.tripex-offcanvas-panel .panel-box .panel-info-list .panel-info-box {
    width: 50%;
    padding: 0 10px;
}

.tripex-offcanvas-panel
    .panel-box
    .panel-info-list
    .panel-info-box
    .content
    span
    i {
    color: var(--secondary-color);
    margin-right: 7px;
}

.tripex-offcanvas-panel
    .panel-box
    .panel-info-list
    .panel-info-box
    .content
    h5 {
    font-size: 18px;
    font-weight: 600;
    letter-spacing: -0.02em;
}

.tripex-offcanvas-panel .panel-box form {
    padding-bottom: 20px;
}

.tripex-offcanvas-panel .panel-box .form_control {
    border-radius: 28px;
    border: 1px solid var(--border-color);
    padding: 12px 170px 12px 25px;
}

.tripex-offcanvas-panel .panel-box .theme-btn {
    position: absolute;
    right: 5px;
    top: 5px;
    padding: 5px 5px 5px 25px;
}

/* Scoped CSS - Only for Contact Page */
/* contact */
/* Page Header */
.contact-page .page-header {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
    text-align: center;
    padding: 100px 20px;
    margin-bottom: 40px;
    position: relative;
    overflow: hidden;
}

.contact-page .page-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%23ffffff" fill-opacity="0.03" d="M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>');
    background-size: cover;
    opacity: 0.5;
}

.contact-page .page-header h1 {
    font-size: 3rem;
    margin: 0 0 15px 0;
    font-weight: 800;
    color: white;
    position: relative;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.contact-page .page-header p {
    font-size: 1.2rem;
    margin: 0;
    opacity: 0.9;
    max-width: 600px;
    margin: 0 auto;
    position: relative;
}

/* Contact Container */
.contact-page .contact-container {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0 20px 60px;
}

.contact-page .contact-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    margin-bottom: 60px;
}

/* Contact Info Card */
.contact-page .contact-info {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
    color: white;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2);
    position: relative;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.contact-page .contact-info::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 150px;
    height: 150px;
    background: linear-gradient(45deg, transparent, rgba(255, 255, 255, 0.05));
    border-radius: 0 0 0 100px;
}

.contact-page .contact-info h3 {
    font-size: 1.8rem;
    margin-bottom: 30px;
    font-weight: 700;
    position: relative;
    z-index: 1;
    color: #fbbf24;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-page .info-item {
    margin-bottom: 25px;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    background: rgba(255, 255, 255, 0.05);
    padding: 20px;
    border-radius: 10px;
    border-left: 4px solid #6366f1;
    transition: all 0.3s ease;
}

.contact-page .info-item:hover {
    transform: translateY(-3px);
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.contact-page .info-item strong {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 10px;
    font-weight: 600;
    color: #fbbf24;
    font-size: 1.1rem;
}

.contact-page .address-link,
.contact-page .phone-link,
.contact-page .email-link {
    color: #e2e8f0;
    text-decoration: none;
    transition: color 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 5px;
    line-height: 1.5;
}

.contact-page .address-link:hover,
.contact-page .phone-link:hover,
.contact-page .email-link:hover {
    color: #6366f1;
    text-decoration: underline;
}

.contact-page .phone-numbers {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.contact-page .hours-text {
    color: #86efac;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
}

/* Contact Form Card */
.contact-page .contact-form-card {
    background: white;
    padding: 40px 30px;
    border-radius: 15px;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.1);
    border: 1px solid #e5e7eb;
    position: relative;
    overflow: hidden;
}

.contact-page .contact-form-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #6366f1, #ec4899, #f59e0b);
}

.contact-page .contact-form h3 {
    font-size: 1.8rem;
    margin-bottom: 15px;
    font-weight: 700;
    color: #1f2937;
    display: flex;
    align-items: center;
    gap: 10px;
}

.contact-page .contact-form p {
    color: #6b7280;
    margin-bottom: 30px;
    font-size: 1rem;
    line-height: 1.6;
}

.contact-page .form-group {
    margin-bottom: 25px;
}

.contact-page .form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.contact-page .input-with-icon {
    position: relative;
}

.contact-page .input-with-icon i {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #6b7280;
    font-size: 1.1rem;
    z-index: 2;
}

.contact-page .form-input,
.contact-page .form-textarea {
    width: 100%;
    padding: 14px 14px 14px 45px;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    font-size: 1rem;
    box-sizing: border-box;
    transition: all 0.3s ease;
    background: #f9fafb;
    font-family: inherit;
}

.contact-page .form-input:focus,
.contact-page .form-textarea:focus {
    outline: none;
    border-color: #6366f1;
    background: white;
    box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}

.contact-page .form-textarea {
    height: 120px;
    resize: vertical;
    padding-top: 14px;
}

/* CAPTCHA */
.contact-page .captcha-container {
    margin-bottom: 20px;
}

.contact-page .captcha-wrapper {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}

.contact-page .captcha-display {
    background: linear-gradient(45deg, #f3f4f6, #e5e7eb);
    padding: 15px 25px;
    border-radius: 10px;
    font-family: "Courier New", monospace;
    font-size: 1.5rem;
    font-weight: bold;
    color: #1f2937;
    letter-spacing: 5px;
    min-width: 180px;
    text-align: center;
    border: 2px dashed #9ca3af;
    user-select: none;
    flex: 1;
}

.contact-page .captcha-refresh {
    background: #6366f1;
    color: white;
    border: none;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    cursor: pointer;
    font-size: 1.1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.contact-page .captcha-refresh:hover {
    background: #4f46e5;
    transform: rotate(90deg);
}

.contact-page .captcha-refresh.refreshing {
    animation: spin 0.5s linear;
}

.contact-page .captcha-input {
    font-size: 1.1rem;
    letter-spacing: 2px;
    text-align: center;
    font-weight: 600;
    padding-left: 45px !important;
}

/* Submit Button */
.contact-page .submit-btn {
    width: 100%;
    background: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);
    color: white;
    border: none;
    padding: 18px;
    border-radius: 10px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(99, 102, 241, 0.3);
}

.contact-page .submit-btn:hover {
    background: linear-gradient(135deg, #4f46e5 0%, #7c3aed 100%);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(99, 102, 241, 0.4);
}

.contact-page .submit-btn:active {
    transform: translateY(0);
}

.contact-page .submit-btn:disabled {
    background: #9ca3af;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

/* Alerts */
.contact-page .alert {
    margin-bottom: 25px;
    padding: 15px;
    border-radius: 10px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
    animation: slideIn 0.3s ease;
}

.contact-page .alert-success {
    background: #d1fae5;
    color: #065f46;
    border: 1px solid #a7f3d0;
}

.contact-page .alert-error {
    background: #fee2e2;
    color: #991b1b;
    border: 1px solid #fecaca;
}

.contact-page .error-text {
    color: #dc3545;
    font-size: 0.9rem;
    margin-top: 5px;
    display: block;
    font-weight: 500;
    padding-left: 10px;
}

.contact-page .loading {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: white;
    animation: spin 1s linear infinite;
}

.map-section .map-header {
    text-align: center;
    margin-bottom: 40px;
}

.map-section .map-header h3 {
    font-size: 2.2rem;
    color: #1f2937;
    margin-bottom: 15px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.map-section .map-header p {
    color: #6b7280;
    font-size: 1.1rem;
    max-width: 600px;
    margin: 0 auto;
    line-height: 1.6;
}

.map-section .map-wrapper {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
}

.map-section .google-map {
    height: 500px;
}

.map-section .google-map iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.map-section .map-overlay {
    position: absolute;
    top: 140px;
    right: 80px;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    max-width: 350px;
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    animation: fadeInUp 0.8s ease;
}

.map-section .overlay-content h4 {
    margin: 0 0 20px 0;
    color: #1f2937;
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.map-section .overlay-content p {
    margin: 8px 0;
    color: #4b5563;
    font-size: 0.95rem;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    line-height: 1.5;
}

.map-section .overlay-content p i {
    margin-top: 3px;
    flex-shrink: 0;
}

.map-section .overlay-buttons {
    display: flex;
    gap: 12px;
    margin-top: 20px;

    flex-wrap: wrap;
}

.map-section .directions-btn,
.map-section .call-btn {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    padding: 2px 10px;
}

.map-section .directions-btn:hover,
.map-section .call-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* Animations */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes slideIn {
    from {
        opacity: 0;
        transform: translateY(-10px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes shake {
    0%,
    100% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-5px);
    }

    75% {
        transform: translateX(5px);
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .contact-page .page-header {
        padding: 60px 20px;
    }

    .contact-page .page-header h1 {
        font-size: 2.2rem;
    }

    .contact-page .contact-cards {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .contact-page .form-row {
        grid-template-columns: 1fr;
    }

    .map-section {
        padding: 0px 15px;
    }

    .map-section .map-header h3 {
        font-size: 1.8rem;
        flex-direction: column;
        gap: 10px;
    }

    .map-section .google-map {
        height: 300px;
    }

    .map-section .map-overlay {
   display: none;
    }

    .map-section .overlay-buttons {
        flex-direction: column;
    }

    .contact-page .captcha-wrapper {
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width: 480px) {
    .contact-page .page-header h1 {
        font-size: 1.8rem;
    }

    .contact-page .contact-info h3,
    .contact-page .contact-form h3 {
        font-size: 1.5rem;
    }

    .map-section .map-header h3 {
        font-size: 1.5rem;
    }
}

/*====== Start Back to top css ======*/
.back-to-top {
    border-radius: 50%;
    bottom: 30px;
    cursor: pointer;
    display: none;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    position: fixed;
    right: 30px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 337;
    color: var(--white-color);
    background-color: var(--primary-color);
}

.back-to-top:hover {
    background-color: var(--secondary-color);
}

/* Preloader CSS */
.preloader {
    bottom: 0;
    height: 100vh;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100vw;
    z-index: 99999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--white-color);
}

.preloader .loader img {
    width: 150px;
    height: 150px;
}

/* .insurance */
.travel-insurance-page {
    font-family: Arial, sans-serif;
    color: #1f2937;
}

/* Header */
.section-header {
    text-align: center;
    padding: 60px 15px;
    background: linear-gradient(135deg, #0d1b2a, #1b263b, #415a77);
    color: #fff;
    animation: fadeIn 1s ease-in-out;
}

.insurance-badge {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 0.85rem;
    background: rgba(255, 255, 255, 0.15);
}

.insurance-title {
    font-size: 2.2rem;
    font-weight: 800;
    margin: 8px 0;
    color: #ffeb3b;
}

.section-header p {
    font-size: 1rem;
}

/* Grid sections */
.main-content,
.coverage-grid,
.benefits-grid,
.trust-indicators {
    display: grid;
    gap: 20px;
}

.main-content {
    grid-template-columns: 1fr 1fr;
    margin: 40px 0;
}

.coverage-grid {
    grid-template-columns: repeat(2, 1fr);
}

.benefits-grid {
    grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
}

.trust-indicators {
    grid-template-columns: repeat(4, 1fr);
    margin: 40px 0;
}

/* Cards */
.content-description,
.coverage-card,
.benefit-item,
.indicator-card {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 12px;
    padding: 20px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    transition: 0.3s;
    animation: fadeUp 1s ease both;
    font-size: 0.95rem;
    line-height: 1.5;
}

.coverage-card:hover,
.benefit-item:hover,
.indicator-card:hover,
.content-description:hover {
    transform: translateY(-6px) scale(1.02);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Icons & text */
.coverage-icon {
    font-size: 1.8rem;
    display: block;
    margin-bottom: 8px;
}

.coverage-title {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 1.1rem;
}

.benefit-item {
    display: flex;
    align-items: center;
}

.benefit-icon {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: linear-gradient(135deg, #1e40af, #3730a3);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    font-size: 1.1rem;
}

.indicator-number {
    font-size: 1.5rem;
    font-weight: 800;
    color: #1e40af;
}

/* CTA */
.action-section {
    text-align: center;
    padding: 40px 15px;
    background: #eedfcc;
}

.btn {
    display: inline-block;
    padding: 9px 18px;
    border-radius: 7px;
    font-weight: 600;
    margin: 5px;
    transition: 0.3s;
    font-size: 0.95rem;
}

.btn-primary {
    background: linear-gradient(135deg, #fbbf24, #f59e0b);
    color: #1f2937;
}

.btn-primary:hover {
    transform: scale(1.05);
}

.btn-secondary {
    border: 2px solid #fbbf24;
    color: #1f2937;
}

.btn-secondary:hover {
    background: #fbbf24;
    color: #fff;
}

/* Animations */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Tablets */
@media (max-width: 767px) {
    .travel-insurance-page .insurance-badge {
        margin: 0px;
    }

    .travel-insurance-page .insurance-title {
        margin-bottom: 0px;
    }

    .travel-insurance-page .content-description {
        font-size: 18px;
    }

    .main-content,
    .coverage-grid,
    .trust-indicators {
        grid-template-columns: 1fr;
    }

    .insurance-title {
        font-size: 1.8rem;
    }

    .section-header p {
        font-size: 0.9rem;
    }

    .benefit-item {
        flex-direction: column;
        text-align: center;
    }

    .benefit-icon {
        margin: 0 0 8px;
    }

    .coverage-title {
        font-size: 1rem;
    }

    .content-description {
        font-size: 0.9rem;
    }
}

/* Small phones */
@media (max-width: 480px) {
    .insurance-title {
        font-size: 1.6rem;
    }

    .insurance-badge {
        font-size: 0.75rem;
        padding: 4px 12px;
    }

    .coverage-icon {
        font-size: 1.5rem;
    }

    .indicator-number {
        font-size: 1.2rem;
    }

    .btn {
        width: 100%;
        max-width: 220px;
        display: block;
        margin: 10px auto;
    }
}

/*  personalized-itinerarySection */
.yaatrix-hero {
    background: linear-gradient(135deg, #d6295b 0%, #9e2c78 50%, #302f85 100%);
    padding: 80px 20px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.yaatrix-hero::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1), transparent);
    border-radius: 50%;
    top: -250px;
    right: -100px;
    animation: float 8s ease-in-out infinite;
}

.yaatrix-hero::after {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.08), transparent);
    border-radius: 50%;
    bottom: -200px;
    left: -100px;
    animation: float 10s ease-in-out infinite reverse;
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0px) scale(1);
    }

    50% {
        transform: translateY(-30px) scale(1.1);
    }
}

.yaatrix-hero-content {
    position: relative;
    z-index: 2;
    max-width: 900px;
    margin: 0 auto;
}

.yaatrix-main-title {
    font-size: 50px;
    color: white;
    margin-bottom: 20px;
    font-weight: 800;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.yaatrix-subtitle {
    font-size: 17px;
    color: rgba(255, 255, 255, 0.95);
    font-weight: 300;
}

/* Content Section */
.yaatrix-content-section {
    padding: 80px 20px;
    background: #f9fafb;
}

.yaatrix-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    max-width: 1100px;
    margin: 0 auto 60px;
}

.yaatrix-feature-card {
    background: white;
    padding: 35px 25px;
    border-radius: 15px;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
}

.yaatrix-feature-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 35px rgba(214, 41, 91, 0.15);
    border-color: rgba(214, 41, 91, 0.2);
}

.yaatrix-feature-icon {
    font-size: 3rem;
    margin-bottom: 15px;
    display: block;
    filter: grayscale(0.3);
    transition: all 0.3s ease;
}

.yaatrix-feature-card:hover .yaatrix-feature-icon {
    transform: scale(1.1);
    filter: grayscale(0);
}

.yaatrix-feature-title {
    font-size: 1.35rem;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 12px;
}

.yaatrix-feature-text {
    color: #666;
    line-height: 1.6;
    font-size: 0.95rem;
}

.yaatrix-description {
    font-size: 16px;
    line-height: 1.8;
    color: #555;
    text-align: center;
    max-width: 900px;
    margin: 0 auto;
}

.yaatrix-advantages {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
    padding: 80px 20px;
    text-align: center;
    position: relative;
}

.yaatrix-advantages::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(
            circle at 20% 50%,
            rgba(255, 255, 255, 0.03) 1px,
            transparent 1px
        ),
        radial-gradient(
            circle at 80% 80%,
            rgba(255, 255, 255, 0.03) 1px,
            transparent 1px
        );
    background-size: 50px 50px;
    opacity: 0.5;
}

.yaatrix-advantages-content {
    position: relative;
    z-index: 2;
    max-width: 850px;
    margin: 0 auto;
}

.yaatrix-advantages-title {
    font-size: 2.5rem;
    margin-bottom: 25px;
    font-weight: 700;
    color: wheat;
}

.yaatrix-advantages-text {
    font-size: 1.15rem;
    line-height: 1.8;
    opacity: 0.95;
}

/* CTA Section */
.yaatrix-cta-section {
    background: white;
    padding: 80px 20px;
    text-align: center;
}

.yaatrix-cta-title {
    font-size: 2.5rem;
    color: #1a1a1a;
    margin-bottom: 20px;
    font-weight: 700;
}

.yaatrix-cta-text {
    font-size: 1.1rem;
    color: #666;
    margin-bottom: 35px;
    line-height: 1.8;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 35px;
}

.yaatrix-cta-button {
    display: inline-block;
    background: linear-gradient(135deg, #d6295b 0%, #9e2c78 50%, #302f85 100%);
    color: white;
    padding: 18px 45px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    font-size: 1.05rem;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(214, 41, 91, 0.3);
    position: relative;
    overflow: hidden;
}

.yaatrix-cta-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    color: white;
    transition: left 0.5s;
}

.yaatrix-cta-button:hover::before {
    left: 100%;
    color: white;
}

.yaatrix-cta-button:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(214, 41, 91, 0.4);
    color: #f0f0f0;
}

/* Responsive */
@media (max-width: 768px) {
    .yaatrix-hero {
        padding: 60px 20px;
    }

    .yaatrix-main-title {
        font-size: 2.2rem;
    }

    .yaatrix-subtitle {
        font-size: 1rem;
    }

    .yaatrix-content-section,
    .yaatrix-advantages,
    .yaatrix-cta-section {
        padding: 60px 20px;
    }

    .yaatrix-features-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .yaatrix-advantages-title,
    .yaatrix-cta-title {
        font-size: 2rem;
    }
}

/* Domestic */

/* @keyframes gradientShift {
    0%,
    100% {
        filter: hue-rotate(0deg);
    }

    50% {
        filter: hue-rotate(20deg);
    }
} */

/* .dom-hero::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(
            circle at 20% 50%,
            rgba(255, 255, 255, 0.1) 0%,
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 80%,
            rgba(255, 255, 255, 0.15) 0%,
            transparent 50%
        );
    pointer-events: none;
} */

.dom-hero-content {
    text-align: center;
    color: white;
    z-index: 2;
    max-width: 900px;
    animation: fadeInUp 1s ease;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.dom-hero-content h2 {
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 8px;
    text-shadow: 2px 4px 20px rgba(0, 0, 0, 0.3);
    letter-spacing: -1px;
    color: #ffffff;
}

.dom-hero-content p {
    font-size: 19px;
    margin-bottom: 20px;
    text-shadow: 1px 2px 10px rgba(0, 0, 0, 0.2);
}

.dom-cta-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
    color: #d6295b;
}

.dom-btn {
    padding: 9px 24px;
    border-radius: 24px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
}

.dom-btn-primary {
    background: white;
    color: #d6295b;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dom-btn-primary:hover {
    transform: translateY(-3px);
    color: #d6295b;
    box-shadow: 0 12px 35px rgba(0, 0, 0, 0.3);
}

.dom-btn-secondary {
    background: rgba(255, 255, 255, 0.15);
    color: white;
    border: 2px solid white;
    backdrop-filter: blur(10px);
}

.dom-btn-secondary:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-3px);
    color: white;
}

/* ========================================
       CONTAINER & SECTIONS
    ======================================== */
.dom-container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}

.dom-packages {
    padding: 70px 0;
    background: linear-gradient(180deg, #f8f9fa 0%, #ffffff 100%);
}

.dom-section-title {
    font-size: 45px;
    font-weight: 800;
    text-align: center;
    margin-bottom: 60px;
    color: #1a1a2e;
    position: relative;
    display: inline-block;
    width: 100%;
}

.dom-section-title::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 5px;
    background: linear-gradient(90deg, #d6295b, #9e2c78, #302f85);
    border-radius: 10px;
}

/* ========================================
       PACKAGES GRID
    ======================================== */
.dom-packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
    gap: 40px;
    margin-bottom: 10px;
}

@media (max-width: 768px) {
    .dom-packages-grid {
        grid-template-columns: 1fr;
    }
}

.dom-package-card {
    background: white;
    border-radius: 24px;
    padding: 40px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    transition: all 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.dom-package-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.dom-package-card h3 {
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #1a1a2e;
}

.dom-package-card > p {
    color: #666;
    font-size: 1.05rem;
    line-height: 1.8;
    margin-bottom: 30px;
}

.dom-destinations h4 {
    font-size: 1.2rem;
    font-weight: 600;
    margin: 25px 0 15px;
    color: #2d3748;
}

.dom-destination-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.dom-tag {
    padding: 10px 20px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border-radius: 25px;
    font-size: 0.95rem;
    font-weight: 500;
    transition: all 0.3s ease;
    cursor: pointer;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.dom-tag:hover {
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 20px rgba(102, 126, 234, 0.4);
}

.dom-package-card .dom-btn {
    margin-top: 30px;
    width: 100%;
    justify-content: center;
}

/* ========================================
       FEATURES SECTION
    ======================================== */
.dom-features {
    padding: 80px 0;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    position: relative;
    overflow: hidden;
}

.dom-features::before {
    content: "";
    position: absolute;
    top: -50%;
    right: -10%;
    width: 600px;
    height: 600px;
    background: radial-gradient(circle, rgba(214, 41, 91, 0.15), transparent);
    border-radius: 50%;
}

.dom-section-title-white {
    font-size: clamp(2rem, 5vw, 3.5rem);
    font-weight: 800;
    text-align: center;
    margin-bottom: 60px;
    color: white;
    position: relative;
}

.dom-section-title-white::after {
    content: "";
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 5px;
    background: linear-gradient(90deg, #d6295b, #9e2c78, #302f85);
    border-radius: 10px;
}

.dom-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    margin-bottom: 80px;
}

.dom-feature-card {
    background: rgba(255, 255, 255, 0.05);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    padding: 35px;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.4s ease;
}

.dom-feature-card:hover {
    transform: translateY(-10px);
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.3);
}

.dom-feature-icon {
    font-size: 3.5rem;
    margin-bottom: 20px;
    filter: drop-shadow(0 4px 15px rgba(0, 0, 0, 0.2));
}

.dom-feature-card h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: white;
}

.dom-feature-card p {
    color: rgba(255, 255, 255, 0.8);
    line-height: 1.7;
    font-size: 1rem;
}

/* ========================================
       CONTACT FORM
    ======================================== */
.dom-form-container {
    background: white;
    border-radius: 24px;
    padding: 50px;
    max-width: 900px;
    margin: 0 auto;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
}

.dom-form-container h3 {
    font-size: 2.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 40px;
    color: #1a1a2e;
}

.dom-form-group {
    margin-bottom: 25px;
}

.dom-input-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    background: #f7f9fc;
    border-radius: 12px;
    border: 2px solid transparent;
    transition: all 0.3s ease;
}

.dom-input-wrapper:focus-within {
    border-color: #667eea;
    background: white;
    box-shadow: 0 0 0 4px rgba(102, 126, 234, 0.1);
}

.dom-icon {
    padding: 0 15px;
    font-size: 1.3rem;
}

.dom-input-wrapper input,
.dom-input-wrapper textarea {
    flex: 1;
    padding: 16px 15px;
    border: none;
    background: transparent;
    font-size: 1rem;
    color: #333;
    outline: none;
    font-family: inherit;
}

.dom-textarea-wrapper {
    align-items: flex-start;
}

.dom-textarea-wrapper .dom-icon {
    padding-top: 16px;
}

.dom-textarea-wrapper textarea {
    resize: vertical;
    min-height: 100px;
}

.error {
    color: #e74c3c;
    font-size: 0.9rem;
    margin-top: 8px;
    display: none;
    font-weight: 500;
}

/* ========================================
       CAPTCHA
    ======================================== */
.dom-captcha-wrapper {
    background: #f7f9fc;
    border-radius: 12px;
    padding: 20px;
    border: 2px solid #e5e7eb;
}

.dom-captcha-display {
    display: flex;
    align-items: center;
    gap: 235px;
    flex-wrap: wrap;
}

.dom-captcha-label {
    font-weight: 600;
    color: #4b5563;
    font-size: 1rem;
}

.dom-captcha-code {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 4px;
    font-family: "Courier New", monospace;
    user-select: none;
    box-shadow: 0 4px 15px rgba(102, 126, 234, 0.3);
}

.dom-captcha-refresh {
    background: white;
    border: 2px solid #e5e7eb;
    border-radius: 8px;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dom-captcha-refresh:hover {
    background: #f3f4f6;
    border-color: #667eea;
    transform: rotate(180deg);
}

.dom-captcha-refresh svg {
    width: 20px;
    height: 20px;
    color: #667eea;
}

.dom-submit-btn {
    width: 100%;
    padding: 18px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 8px 25px rgba(102, 126, 234, 0.4);
}

.dom-submit-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 35px rgba(102, 126, 234, 0.5);
}

.dom-submit-btn:active {
    transform: translateY(-1px);
}

@media (max-width: 767px) {
    .dom-hero-content h2 {
        font-size: 33px;
        line-height: normal;
    }

    .dom-hero-content p {
        font-size: 14px;
        margin-bottom: 21px;
    }

    .dom-section-title-white {
        font-size: 27px;
    }

    .dom-section-title {
        font-size: 30px;
    }

    .dom-packages {
        padding: 35px 0;
    }

    .dom-features {
        padding: 26px 0;
    }

    .dom-btn {
        padding: 5px 20px;
        border-radius: 16px;
    }

    .dom-form-container {
        padding: 30px 20px;
        border-radius: 5px;
    }

    .dom-package-card {
        padding: 30px 20px;
    }

    .dom-captcha-display {
        flex-direction: column;
    }

    .dom-captcha-display {
        display: flex;
        align-items: center;
        gap: 5px;
    }
}

@keyframes rippleEffect {
    from {
        transform: scale(0);
        opacity: 1;
    }

    to {
        transform: scale(4);
        opacity: 0;
    }
}

.dom-btn,
.dom-submit-btn {
    position: relative;
    overflow: hidden;
}

/* end */
/* TREKKING */
/* .trek-container {
    text-align: center;
    margin-bottom: 60px;
    animation: fadeInDown 1s ease-out;
    position: relative;
    background: linear-gradient(
        135deg,
        rgba(214, 41, 91, 0.9) 0%,
        rgba(158, 44, 120, 0.85) 50%,
        rgba(48, 47, 133, 0.9) 100%
    );
    padding: 80px 60px;
    overflow: hidden;
}

.trek-header::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.1) 0%,
        transparent 70%
    );
    animation: rotate 20s linear infinite;
} */

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.trek-icon {
    font-size: 90px;
    color: #fff;
    margin-bottom: 20px;
    animation: float 3s ease-in-out infinite;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.3));
    position: relative;
    z-index: 1;
}

.trek-title {
    font-size: 4rem;
    color: #fff;
    font-weight: 800;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
    margin-bottom: 15px;
    letter-spacing: 2px;
    position: relative;
    z-index: 1;
}

.trek-subtitle {
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    opacity: 0.95;
    position: relative;
    z-index: 1;
}

.trek-content {
    background: transparent;
    border-radius: 0;
    padding: 18px 0px 25px 0px;
    box-shadow: none;
    animation: fadeInUp 1s ease-out;
    position: relative;
    overflow: visible;
}

.trek-des {
    margin-bottom: 60px;
}

.trek-des-title {
    font-size: 2.8rem;
    background: linear-gradient(
        135deg,
        rgb(214, 41, 91) 0%,
        rgb(158, 44, 120) 50%,
        rgb(48, 47, 133) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 40px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
}

.trek-de-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 35px;
    margin-bottom: 40px;
}

.de-trek-card {
    background: #fff;
    border-radius: 20px;
    padding: 35px 30px;
    color: #333;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
}

.de-trek-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    background: linear-gradient(
        135deg,
        rgb(214, 41, 91) 0%,
        rgb(158, 44, 120) 50%,
        rgb(48, 47, 133) 100%
    );
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: 0;
}

.de-trek-card:hover::before {
    opacity: 1;
    color: #fff;
}

.de-trek-card:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 20px 50px rgba(214, 41, 91, 0.3);
    border-color: rgb(214, 41, 91);
}

.de-trek-card:hover .de-icon,
.de-trek-card:hover .de-name,
.de-trek-card:hover .de-location {
    color: #fff;
    position: relative;
    z-index: 1;
}

.de-icon {
    font-size: 50px;
    margin-bottom: 20px;
    background: linear-gradient(
        135deg,
        rgb(214, 41, 91) 0%,
        rgb(158, 44, 120) 50%,
        rgb(48, 47, 133) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    transition: all 0.4s ease;
    display: inline-block;
    position: relative;
    z-index: 1;
}

.de-name {
    font-size: 1.7rem;
    font-weight: 700;
    margin-bottom: 12px;
    color: #222;
    transition: color 0.4s ease;
    position: relative;
    z-index: 1;
}

.de-location {
    font-size: 1.1rem;
    color: #666;
    transition: color 0.4s ease;
    position: relative;
    z-index: 1;
}

.trek-ya-promise {
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    padding: 50px;
    color: #333;
    margin-top: 50px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);

    position: relative;
}

.trek-ya-promise::before {
    content: "";
    position: absolute;
    top: -3px;
    left: -3px;
    right: -3px;
    bottom: -3px;
    background: linear-gradient(
        135deg,
        rgb(214, 41, 91) 0%,
        rgb(158, 44, 120) 50%,
        rgb(48, 47, 133) 100%
    );
    z-index: -1;
}

.promise-title {
    font-size: 46px;
    margin-bottom: 5px;
    text-align: center;
    font-weight: 700;
    background: linear-gradient(
        135deg,
        rgb(214, 41, 91) 0%,
        rgb(158, 44, 120) 50%,
        rgb(48, 47, 133) 100%
    );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.promise-text {
    font-size: 19px;
    line-height: 2;
    text-align: center;
    margin-bottom: 60px;
    color: #555;
    max-width: 1008px;
    margin-left: auto;
    margin-right: auto;
}

.promise-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 25px;
}

.feature-item {
    background: linear-gradient(
        135deg,
        rgb(214, 41, 91) 0%,
        rgb(158, 44, 120) 50%,
        rgb(48, 47, 133) 100%
    );
    border-radius: 15px;
    padding: 30px 25px;
    text-align: center;
    transition: all 0.4s ease;
    color: #fff;
    box-shadow: 0 8px 20px rgba(214, 41, 91, 0.3);
}

.feature-item:hover {
    transform: translateY(-8px) scale(1.05);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.5);
}

.feature-icon {
    font-size: 45px;
    margin-bottom: 15px;
    filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.2));
}

.feature-text {
    font-size: 1.1rem;
    font-weight: 600;
    letter-spacing: 0.5px;
}

.cta-section {
    text-align: center;
    margin: 50px 0px;
}

.cta-button {
    display: inline-block;
    background: linear-gradient(
        135deg,
        rgb(214, 41, 91) 0%,
        rgb(158, 44, 120) 50%,
        rgb(48, 47, 133) 100%
    );
    color: #fff;
    padding: 22px 55px;
    font-size: 1.3rem;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 700;
    transition: all 0.4s ease;
    box-shadow: 0 12px 35px rgba(214, 41, 91, 0.4);
    letter-spacing: 1px;
    position: relative;
    overflow: hidden;
}

.cta-button::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.cta-button:hover::before {
    width: 300px;
    height: 300px;
}

.cta-button:hover {
    transform: scale(1.08);
    box-shadow: 0 18px 50px rgba(214, 41, 91, 0.6);
    color: white;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-15px);
    }
}

@media (max-width: 767px) {
    .trek-title {
        font-size: 36px;
    }

    .trek-subtitle {
        font-size: 12px;
    }

    .trek-des-title {
        font-size: 31px;
        margin-bottom: 23px;
    }

    .trek-content {
        padding: 2px 25px;
    }

    .promise-text {
        font-size: 15px;
        line-height: 2;
        margin-bottom: 25px;
    }

    .promise-title {
        font-size: 36px;
        line-height: 46px;
    }

    .trek-de-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .promise-features {
        grid-template-columns: 1fr;
    }

    .trek-ya-promise {
        padding: 35px 25px;
    }

    .cta-button {
        padding: 15px 23px;
    }
}

/* END */
/* nature */
.nat-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 55px 0px;
    overflow: hidden;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
}

.nat-floating-shapes {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    overflow: hidden;
}

.nat-shape {
    position: absolute;
    opacity: 0.1;
    animation: nat-float 20s infinite ease-in-out;
}

.nat-shape:nth-child(1) {
    width: 300px;
    height: 300px;
    background: rgba(144, 238, 144, 0.3);
    border-radius: 50%;
    top: 10%;
    left: 5%;
    animation-delay: 0s;
}

.nat-shape:nth-child(2) {
    width: 200px;
    height: 200px;
    background: rgba(135, 206, 250, 0.3);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    top: 60%;
    right: 10%;
    animation-delay: 3s;
}

.nat-shape:nth-child(3) {
    width: 250px;
    height: 250px;
    background: rgba(255, 218, 185, 0.3);
    border-radius: 60% 40% 30% 70% / 60% 30% 70% 40%;
    bottom: 10%;
    left: 15%;
    animation-delay: 6s;
}

@keyframes nat-float {
    0%,
    100% {
        transform: translate(0, 0) rotate(0deg);
    }

    25% {
        transform: translate(30px, -30px) rotate(5deg);
    }

    50% {
        transform: translate(-20px, 20px) rotate(-5deg);
    }

    75% {
        transform: translate(40px, 10px) rotate(3deg);
    }
}

.nat-hero-content {
    position: relative;
    z-index: 1;
    max-width: 900px;
    animation: nat-fadeInUp 1s ease-out;
}

@keyframes nat-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.nat-logo {
    font-size: 3.5rem;
    font-weight: 800;
    background: linear-gradient(135deg, #90ee90, #87ceeb, #ffb6c1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1rem;
    letter-spacing: 3px;
    text-shadow: 0 0 30px rgba(144, 238, 144, 0.5);
}

.nat-tagline {
    font-size: 1.3rem;
    color: #b8dce8;
    margin-bottom: 2rem;
    font-weight: 300;
    letter-spacing: 1px;
}

.nat-hero-title {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 1.2;
    color: #ffff;
}

.nat-hero-desc {
    font-size: 1.2rem;
    line-height: 1.8;
    color: #e0f0f5;
    margin-bottom: 3rem;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}

.nat-cta-button {
    display: inline-block;
    padding: 18px 45px;
    background: linear-gradient(135deg, #4caf50, #2196f3);
    color: white;
    text-decoration: none;
    border-radius: 50px;
    font-size: 1.1rem;
    font-weight: 600;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(76, 175, 80, 0.4);
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.nat-cta-button:hover {
    transform: translateY(-5px) scale(1.05);
    box-shadow: 0 12px 35px rgba(76, 175, 80, 0.6);
    background: linear-gradient(135deg, #66bb6a, #42a5f5);
}

.nat-destinations {
    padding: 5rem 2rem;
    position: relative;
}

.nat-section-title {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 3rem;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-weight: 700;
}

.nat-natures-title {
    text-align: center;
    font-size: 3rem;
    margin-bottom: 3rem;
    color: #000;
    font-weight: 700;
}

.nat-destinations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2.5rem;
    max-width: 1400px;
    margin: 0 auto;
}

.nat-dest-card {
    background: linear-gradient(
        135deg,
        rgb(13, 27, 42) 0%,
        rgb(27, 38, 59) 50%,
        rgb(65, 90, 119) 100%
    );
    backdrop-filter: blur(10px);
    border-radius: 8px;
    padding: 2rem;
    transition: all 0.4s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.nat-dest-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.1),
        transparent
    );
    transition: left 0.6s ease;
}

.nat-dest-card:hover::before {
    left: 100%;
}

.nat-dest-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(144, 238, 144, 0.3);
    border-color: rgba(144, 238, 144, 0.4);
}

.nat-dest-icon {
    font-size: 3.5rem;
    margin-bottom: 1.5rem;
    display: block;
}

.nat-dest-title {
    font-size: 1.8rem;
    margin-bottom: 1rem;
    color: #90ee90;
    font-weight: 600;
}

.nat-dest-desc {
    font-size: 1rem;
    line-height: 1.7;
    color: #d0e8f0;
}

.nat-features {
    padding: 40px 20px;
}

.nat-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.nat-feature-item {
    text-align: center;
    padding: 2rem;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 15px;
    transition: all 0.3s ease;
}

.nat-feature-item:hover {
    transform: scale(1.05);
}

.nat-feature-emoji {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.nat-feature-text {
    font-size: 1.1rem;
    color: #c8e6f0;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .nat-hero-title {
        font-size: 32px;
        margin-bottom: 13px;
    }

    .nat-logo {
        font-size: 32px;
        margin-bottom: 13px;
    }

    .nat-hero-desc {
        font-size: 12px;
        padding: 0px 23px;
        margin-bottom: 15px;
    }

    .nat-cta-button {
        padding: 8px 15px;
    }

    .nat-section-title {
        font-size: 36px;
        line-height: 52px;
        margin-bottom: 2rem;
    }

    .nat-destinations {
        padding: 30px 13px;
    }

    .nat-dest-title {
        font-size: 25px;
        margin-bottom: 16px;
    }

    .nat-natures-title {
        font-size: 34px;
        line-height: 49px;
        margin-bottom: 2rem;
    }

    .nat-destinations-grid {
        grid-template-columns: 1fr;
    }
}

/* end */
/* wildlife */

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.wil-hero-content {
    max-width: 900px;
    padding: 0 20px;
    animation: slideUp 1s ease-out;
}

@keyframes slideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

.wil-hero h1 {
    font-size: 4rem;
    margin-bottom: 20px;
    color: yellowgreen;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    font-weight: 700;
}

.wil-hero .wil-emoji {
    font-size: 5rem;
    display: block;
    margin-bottom: 20px;
    animation: bounce 2s infinite;
}

@keyframes bounce {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

.wil-hero p {
    font-size: 1.4rem;
    margin-bottom: 30px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.wil-cta-button {
    display: inline-block;
    padding: 15px 40px;
    background: linear-gradient(135deg, #d4763a, #c85a25);
    color: white;
    text-decoration: none;
    border-radius: 50px;
    font-size: 1.2rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(212, 118, 58, 0.4);
}

.wil-cta-button:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(212, 118, 58, 0.6);
    background: linear-gradient(135deg, #c85a25, #a64820);
}

.wil-intro-section {
    padding: 80px 20px;
    max-width: 1200px;
    margin: 0 auto;
    text-align: center;
}

.wil-intro-section h2 {
    font-size: 46px;
    color: #2c5530;
    margin-bottom: 13px;
}

.wil-intro-section p {
    font-size: 15px;
    color: #555;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto 2px;
}

.wil-destinations {
    padding: 80px 20px;
    background: linear-gradient(135deg, #f5f0e8, #e8dfd0);
}

.wil-destinations h2 {
    text-align: center;
    font-size: 2.8rem;
    color: #2c5530;
    margin-bottom: 50px;
}

.wil-destination-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(329px, 1fr));
    gap: 30px;
    max-width: 1338px;
    margin: 0 auto;
    padding: 0 20px;
}

.wil-destination-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    cursor: pointer;
}

.wil-destination-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.wil-destination-card img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: transform 0.3s ease;
}

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

.wil-destination-content {
    padding: 25px;
}

.wil-destination-content h3 {
    font-size: 1.6rem;
    color: #2c5530;
    margin-bottom: 10px;
}

.wil-destination-content p {
    color: #666;
    font-size: 1rem;
    line-height: 1.6;
}

.wil-location-tag {
    display: inline-block;
    background: #d4763a;
    color: white;
    padding: 5px 15px;
    border-radius: 20px;
    font-size: 0.85rem;
    margin-bottom: 10px;
}

.wil-services {
    padding: 80px 20px;
    background: white;
}

.wil-services h2 {
    text-align: center;
    font-size: 2.8rem;
    color: #2c5530;
    margin-bottom: 50px;
}

.wil-services-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(299px, 1fr));
    gap: 40px;
    max-width: 1296px;
    margin: 0 auto;
}

.wil-service-item {
    text-align: center;
    padding: 30px;
    background: #f9f9f9;
    border-radius: 15px;
    transition: all 0.3s ease;
}

.wil-service-item:hover {
    background: #e8dfd0;
    transform: translateY(-5px);
}

.wil-service-icon {
    font-size: 3rem;
    margin-bottom: 15px;
}

.wil-service-item h3 {
    font-size: 1.4rem;
    color: #2c5530;
    margin-bottom: 10px;
}

.wil-service-item p {
    color: #666;
    font-size: 1rem;
}

@media (max-width: 767px) {
    .wil-hero h1 {
        font-size: 2.5rem;
    }

    .wil-intro-section h2 {
        font-size: 33px;
        line-height: 48px;
        color: #2c5530;
        margin-bottom: 21px;
    }

    .wil-intro-section {
        padding: 38px 11px;
    }

    .wil-destinations {
        padding: 27px 20px;
    }

    .wil-hero {
        height: 64vh;
    }

    .wil-hero p {
        font-size: 1.1rem;
    }

    .wil-hero .wil-emoji {
        font-size: 3.5rem;
    }

    .wil-destinations h2 {
        font-size: 34px;
        line-height: 49px;
    }

    .wil-destination-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(236px, 1fr));
        gap: 30px;

        margin: 0;
        padding: 0;
    }

    .wil-services h2 {
        font-size: 2rem;
        line-height: 41px;
    }

    .wil-services {
        padding: 53px 20px;
    }

    .wil-services h2,
    .testimonials h2 {
        font-size: 2rem;
    }
}

/* end */
/* romantic */
/* .rom-hero {
    background: linear-gradient(135deg, #ff69b4, #ff1493);
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
}

.rom-hero::before {
    content: "💖";
    position: absolute;
    font-size: 200px;
    opacity: 0.1;
    animation: rom-float 6s ease-in-out infinite;
} */

@keyframes rom-float {
    0%,
    100% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-20px);
    }
}

.rom-hero-content {
    position: relative;
    z-index: 2;
    padding: 2rem;
    max-width: 900px;
}

.rom-hero h1 {
    font-family: "Playfair Display", serif;
    font-size: 3.5rem;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.rom-hero p {
    font-size: 1.3rem;
    margin-bottom: 2rem;
    font-weight: 300;
}

.rom-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 2rem;
}

.rom-container1 {
    max-width: 1200px;
    margin: 0 auto;
    padding: 4rem 2rem;
}

.rom-section-title {
    font-family: "Playfair Display", serif;
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 3rem;
    color: #ff1493;
    position: relative;
}

.rom-section-title::after {
    content: "💕";
    display: block;
    margin: 1rem auto;
    font-size: 2rem;
}

.rom-destinations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 2rem;
    margin-bottom: 4rem;
}

.rom-destination-card {
    background: white;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: pointer;
}

.rom-destination-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(255, 20, 147, 0.3);
}

.rom-destination-image {
    height: 200px;
    background: linear-gradient(135deg, #ff69b4, #ff1493);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 4rem;
    position: relative;
    overflow: hidden;
}

.rom-destination-image::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(255, 255, 255, 0.3) 0%,
        transparent 70%
    );
    animation: rom-shimmer 3s infinite;
}

@keyframes rom-shimmer {
    0%,
    100% {
        transform: translate(0, 0);
    }

    50% {
        transform: translate(20%, 20%);
    }
}

.rom-destination-content {
    padding: 1.5rem;
}

.rom-destination-content h3 {
    font-family: "Playfair Display", serif;
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
    color: #ff1493;
}

.rom-destination-content p {
    font-size: 0.95rem;
    color: #666;
    line-height: 1.6;
}

.rom-experiences {
    background: linear-gradient(135deg, #fff0f5, #ffe4e8);
    padding: 13px 2rem;
    margin: 0px 0px 30px 0px;
}

.rom-experiences-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 2rem;
    max-width: 1200px;
    margin: 0 auto;
}

.rom-experience-item {
    background: white;
    padding: 2rem;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.rom-experience-item:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 30px rgba(255, 20, 147, 0.2);
}

.rom-experience-item .rom-icon {
    font-size: 3rem;
    margin-bottom: 1rem;
}

.rom-experience-item h4 {
    font-family: "Playfair Display", serif;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    color: #ff1493;
}

.rom-cta-section {
    text-align: center;
    padding: 4rem 2rem;
    margin-bottom: 14px;
    background: linear-gradient(135deg, #ff1493, #ff69b4);
    color: white;
}

.rom-cta-section h2 {
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.rom-cta-section p {
    font-size: 1.2rem;
    margin-bottom: 2rem;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
}

.rom-cta-button {
    display: inline-block;
    padding: 1rem 3rem;
    background: white;
    color: #ff1493;
    text-decoration: none;
    border-radius: 50px;
    font-weight: 600;
    font-size: 1.1rem;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}

.rom-cta-button:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.3);
    color: #ff1493;
}

@media (max-width: 768px) {
    .rom-hero h1 {
        font-size: 36px;
    }

    .rom-section-title {
        font-size: 2rem;
        line-height: 48px;
    }

    .rom-container {
        padding: 40px 2rem;
    }

    .rom-container1 {
        padding: 40px 0rem;
    }

    .rom-hero {
        min-height: 52vh;
    }

    .rom-hero p {
        font-size: 1.1rem;
    }

    .rom-section-title {
        font-size: 2rem;
    }

    .rom-destinations-grid {
        grid-template-columns: 1fr;
    }

    .rom-cta-section h2 {
        font-size: 30px;
        margin-bottom: 18px;
        line-height: 47px;
    }

    .rom-cta-section p {
        font-size: 15px;
    }

    .rom-cta-button {
        padding: 1rem 14px;
        font-weight: 600;
        font-size: 16px;
    }
}

/* end */
/* desert */
/* .desert-safari-header {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    padding: 100px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.desert-safari-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg"><circle cx="100" cy="100" r="2" fill="rgba(255,255,255,0.15)"/></svg>');
    opacity: 0.5;
} */

.desert-safari-icon {
    font-size: 80px;
    margin-bottom: 20px;
    animation: desert-safari-sway 4s ease-in-out infinite;
}

@keyframes desert-safari-sway {
    0%,
    100% {
        transform: rotate(-3deg);
    }

    50% {
        transform: rotate(3deg);
    }
}

.desert-safari-title {
    color: white;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 15px;
    text-shadow: 3px 3px 6px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 1;
}

.desert-safari-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    font-weight: 300;
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.desert-safari-content {
    padding: 60px 40px;
    background: #f8f9fa;
}

.desert-safari-intro {
    text-align: center;
    margin: 58px 0px;
}

.desert-safari-intro-text {
    font-size: 16px;
    color: #2c3e50;
    line-height: 1.8;
    max-width: 1200px;
    margin: 0 auto;
}

.desert-safari-destinations {
    padding: 0 0 30px 0;
}

.desert-safari-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    border: 2px solid transparent;
    position: relative;
    overflow: hidden;
    height: 100%;
}

.desert-safari-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        135deg,
        rgba(13, 27, 42, 0.03) 0%,
        rgba(65, 90, 119, 0.03) 100%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
}

.desert-safari-card:hover::before {
    opacity: 1;
}

.desert-safari-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(13, 27, 42, 0.15);
    border-color: #415a77;
}

.desert-safari-card-icon {
    font-size: 50px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.desert-safari-card-title {
    font-size: 24px;
    color: #0d1b2a;
    margin-bottom: 15px;
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.desert-safari-card-description {
    font-size: 16px;
    color: #5a6c7d;
    line-height: 1.7;
    position: relative;
    z-index: 1;
}

.desert-safari-activities {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    padding: 50px 40px;
    margin-top: 30px;
}

.desert-safari-activities-title {
    text-align: center;
    color: white;
    font-size: 36px;
    margin-bottom: 40px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.desert-safari-activities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
}

.desert-safari-activity-item {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.desert-safari-activity-item:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: scale(1.05);
    border-color: rgba(255, 255, 255, 0.4);
}

.desert-safari-activity-icon {
    font-size: 40px;
    margin-bottom: 15px;
}

.desert-safari-activity-text {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.desert-safari-experience {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    padding: 50px 40px;
    margin-top: 50px;
    text-align: center;
}

.desert-safari-experience-title {
    color: white;
    font-size: 32px;
    margin-bottom: 30px;
    font-weight: bold;
}

.desert-safari-experience-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.desert-safari-experience-item {
    background: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.15);
}

.desert-safari-experience-item:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-5px);
    border-color: rgba(255, 255, 255, 0.3);
}

.desert-safari-experience-icon {
    font-size: 35px;
    margin-bottom: 10px;
}

.desert-safari-experience-text {
    color: white;
    font-size: 16px;
    font-weight: 500;
}

.desert-safari-cta {
    text-align: center;
    padding: 50px 40px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    margin-top: 50px;
    margin-bottom: 20px;
}

.desert-safari-cta-title {
    color: white;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bold;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.desert-safari-cta-text {
    color: rgba(255, 255, 255, 0.95);
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.desert-safari-btn {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 15px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.desert-safari-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
    background: #f8f9fa;
    color: #9e2c78;
}

/* Tablet View */
@media (max-width: 991px) {
    .desert-safari-header {
        padding: 80px 30px;
    }

    .desert-safari-icon {
        font-size: 70px;
    }

    .desert-safari-title {
        font-size: 40px;
    }

    .desert-safari-subtitle {
        font-size: 18px;
    }

    .desert-safari-intro {
        margin: 40px 0;
    }

    .desert-safari-intro-text {
        font-size: 15px;
        padding: 0 15px;
    }

    .desert-safari-card-title {
        font-size: 22px;
    }

    .desert-safari-activities-title {
        font-size: 30px;
    }

    .desert-safari-experience-title {
        font-size: 28px;
    }

    .desert-safari-cta-title {
        font-size: 28px;
    }

    .desert-safari-activities-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .desert-safari-experience-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/* Mobile View */
@media (max-width: 768px) {
    .desert-safari-header {
        padding: 60px 20px;
    }

    .desert-safari-icon {
        font-size: 60px;
        margin-bottom: 15px;
    }

    .desert-safari-title {
        font-size: 32px;
        line-height: 1.3;
    }

    .desert-safari-subtitle {
        font-size: 15px;
        line-height: 1.5;
        padding: 0 10px;
    }

    .desert-safari-content {
        padding: 30px 15px;
    }

    .desert-safari-intro {
        margin: 30px 0;
    }

    .desert-safari-intro-text {
        font-size: 14px;
        padding: 0 10px;
        line-height: 1.7;
    }

    .desert-safari-card {
        padding: 25px 20px;
    }

    .desert-safari-card-icon {
        font-size: 45px;
    }

    .desert-safari-card-title {
        font-size: 20px;
    }

    .desert-safari-card-description {
        font-size: 14px;
    }

    .desert-safari-activities {
        padding: 40px 20px;
        margin-top: 20px;
    }

    .desert-safari-activities-title {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    .desert-safari-activities-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .desert-safari-activity-item {
        padding: 20px 15px;
    }

    .desert-safari-activity-icon {
        font-size: 35px;
    }

    .desert-safari-activity-text {
        font-size: 15px;
    }

    .desert-safari-experience {
        padding: 40px 20px;
        margin-top: 20px;
    }

    .desert-safari-experience-title {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 25px;
    }

    .desert-safari-experience-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .desert-safari-experience-item {
        padding: 18px 15px;
    }

    .desert-safari-experience-icon {
        font-size: 30px;
    }

    .desert-safari-experience-text {
        font-size: 14px;
    }

    .desert-safari-cta {
        padding: 40px 20px;
        margin-top: 20px;
    }

    .desert-safari-cta-title {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .desert-safari-cta-text {
        font-size: 14px;
        line-height: 1.6;
        padding: 0 10px;
        margin-bottom: 25px;
    }

    .desert-safari-btn {
        padding: 12px 30px;
        font-size: 16px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .desert-safari-header {
        padding: 50px 15px;
    }

    .desert-safari-icon {
        font-size: 50px;
    }

    .desert-safari-title {
        font-size: 28px;
    }

    .desert-safari-subtitle {
        font-size: 14px;
    }

    .desert-safari-intro-text {
        font-size: 13px;
    }

    .desert-safari-card {
        padding: 20px 15px;
    }

    .desert-safari-card-title {
        font-size: 18px;
    }

    .desert-safari-card-description {
        font-size: 13px;
    }

    .desert-safari-activities-title,
    .desert-safari-experience-title,
    .desert-safari-cta-title {
        font-size: 24px;
    }

    .desert-safari-activities-grid,
    .desert-safari-experience-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .desert-safari-btn {
        padding: 10px 25px;
        font-size: 15px;
    }
}

/* end */

/* river */
/* .cult-river-header {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    padding: 100px 40px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cult-river-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('data:image/svg+xml,<svg width="100" height="100" xmlns="http://www.w3.org/2000/svg"><path d="M0 50 Q 25 30, 50 50 T 100 50" stroke="rgba(255,255,255,0.1)" fill="none" stroke-width="2"/></svg>');
    opacity: 0.3;
} */

.cult-river-icon {
    font-size: 80px;
    margin-bottom: 20px;
    animation: cult-river-float 3s ease-in-out infinite;
}

@keyframes cult-river-float {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}

.cult-river-title {
    color: white;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 15px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
    position: relative;
    z-index: 1;
}

.cult-river-subtitle {
    color: rgba(255, 255, 255, 0.9);
    font-size: 20px;
    font-weight: 300;
    position: relative;
    z-index: 1;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.6;
}

.cult-river-intro {
    text-align: center;
    padding: 60px 40px;
    background: #f8f9fa;
}

.cult-river-intro-text {
    font-size: 18px;
    color: #333;
    line-height: 1.8;
    max-width: 900px;
    margin: 0 auto;
}

.cult-river-destinations-section {
    padding: 60px 40px;
    background: white;
}

.cult-river-card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: 2px solid transparent;
    height: 100%;
}

.cult-river-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    border-color: #415a77;
}

.cult-river-card-icon {
    font-size: 50px;
    margin-bottom: 20px;
}

.cult-river-card-title {
    font-size: 24px;
    color: #0d1b2a;
    margin-bottom: 15px;
    font-weight: bold;
}

.cult-river-card-description {
    font-size: 16px;
    color: #555;
    line-height: 1.7;
}

.cult-river-features {
    background: linear-gradient(
        135deg,
        rgba(214, 41, 91, 0.9) 0%,
        rgba(158, 44, 120, 0.85) 50%,
        rgba(48, 47, 133, 0.9) 100%
    );
    padding: 60px 40px;
}

.cult-river-features-title {
    text-align: center;
    color: white;
    font-size: 36px;
    margin-bottom: 40px;
    font-weight: bold;
}

.cult-river-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    max-width: 1200px;
    margin: 0 auto;
}

.cult-river-feature-item {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
}

.cult-river-feature-item:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1.05);
}

.cult-river-feature-icon {
    font-size: 40px;
    margin-bottom: 15px;
}

.cult-river-feature-text {
    color: white;
    font-size: 18px;
    font-weight: 500;
}

.cult-river-cta {
    text-align: center;
    padding: 60px 40px;
    margin-bottom: 20px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
}

.cult-river-cta-title {
    color: white;
    font-size: 32px;
    margin-bottom: 20px;
    font-weight: bold;
}

.cult-river-cta-text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 18px;
    margin-bottom: 30px;
    line-height: 1.6;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.cult-river-btn {
    display: inline-block;
    background: white;
    color: #0d1b2a;
    padding: 15px 40px;
    border-radius: 30px;
    text-decoration: none;
    font-size: 18px;
    font-weight: bold;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.cult-river-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    background: #f0f0f0;
    color: #1b263b;
}

/* Tablet View */
@media (max-width: 991px) {
    .cult-river-header {
        padding: 80px 30px;
    }

    .cult-river-icon {
        font-size: 70px;
    }

    .cult-river-title {
        font-size: 40px;
    }

    .cult-river-subtitle {
        font-size: 18px;
    }

    .cult-river-intro {
        padding: 50px 30px;
    }

    .cult-river-intro-text {
        font-size: 16px;
        padding: 0 15px;
    }

    .cult-river-destinations-section {
        padding: 50px 30px;
    }

    .cult-river-card-title {
        font-size: 22px;
    }

    .cult-river-features {
        padding: 50px 30px;
    }

    .cult-river-features-title {
        font-size: 30px;
        margin-bottom: 30px;
    }

    .cult-river-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .cult-river-cta {
        padding: 50px 30px;
    }

    .cult-river-cta-title {
        font-size: 28px;
    }

    .cult-river-cta-text {
        font-size: 16px;
    }
}

/* Mobile View */
@media (max-width: 768px) {
    .cult-river-header {
        padding: 60px 20px;
    }

    .cult-river-icon {
        font-size: 60px;
        margin-bottom: 15px;
    }

    .cult-river-title {
        font-size: 32px;
        line-height: 1.3;
    }

    .cult-river-subtitle {
        font-size: 15px;
        line-height: 1.5;
        padding: 0 10px;
    }

    .cult-river-intro {
        padding: 40px 20px;
    }

    .cult-river-intro-text {
        font-size: 14px;
        padding: 0 10px;
        line-height: 1.7;
    }

    .cult-river-destinations-section {
        padding: 40px 20px;
    }

    .cult-river-card {
        padding: 25px 20px;
    }

    .cult-river-card-icon {
        font-size: 45px;
        margin-bottom: 15px;
    }

    .cult-river-card-title {
        font-size: 20px;
    }

    .cult-river-card-description {
        font-size: 14px;
    }

    .cult-river-features {
        padding: 40px 20px;
    }

    .cult-river-features-title {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 30px;
    }

    .cult-river-features-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .cult-river-feature-item {
        padding: 20px 15px;
    }

    .cult-river-feature-icon {
        font-size: 35px;
        margin-bottom: 12px;
    }

    .cult-river-feature-text {
        font-size: 15px;
    }

    .cult-river-cta {
        padding: 40px 20px;
    }

    .cult-river-cta-title {
        font-size: 26px;
        line-height: 1.4;
        margin-bottom: 15px;
    }

    .cult-river-cta-text {
        font-size: 14px;
        line-height: 1.6;
        padding: 0 10px;
        margin-bottom: 25px;
    }

    .cult-river-btn {
        padding: 12px 30px;
        font-size: 16px;
    }
}

/* Extra Small Mobile */
@media (max-width: 480px) {
    .cult-river-header {
        padding: 50px 15px;
    }

    .cult-river-icon {
        font-size: 50px;
    }

    .cult-river-title {
        font-size: 28px;
    }

    .cult-river-subtitle {
        font-size: 14px;
    }

    .cult-river-intro {
        padding: 30px 15px;
    }

    .cult-river-intro-text {
        font-size: 13px;
    }

    .cult-river-destinations-section {
        padding: 30px 15px;
    }

    .cult-river-card {
        padding: 20px 15px;
    }

    .cult-river-card-icon {
        font-size: 40px;
    }

    .cult-river-card-title {
        font-size: 18px;
    }

    .cult-river-card-description {
        font-size: 13px;
    }

    .cult-river-features {
        padding: 40px 15px;
    }

    .cult-river-features-title {
        font-size: 24px;
    }

    .cult-river-features-grid {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .cult-river-feature-item {
        padding: 18px 15px;
    }

    .cult-river-feature-icon {
        font-size: 30px;
    }

    .cult-river-feature-text {
        font-size: 14px;
    }

    .cult-river-cta {
        padding: 40px 15px;
    }

    .cult-river-cta-title {
        font-size: 24px;
    }

    .cult-river-cta-text {
        font-size: 13px;
    }

    .cult-river-btn {
        padding: 10px 25px;
        font-size: 15px;
    }
}

/* end */
/* cultural */
/* Hero Section */

@keyframes cult-fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Main Content Section */

.cult-content-box {
    max-width: 950px;
    margin: 0 auto;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    padding: 4rem;
    position: relative;
    overflow: hidden;
}

.cult-content-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 6px;
    background: linear-gradient(90deg, #f59e0b, #ec4899, #8b5cf6);
}

.cult-content-box h2 {
    font-size: 3rem;
    font-weight: 800;
    color: #1f2937;
    margin-bottom: 2rem;
    position: relative;
    padding-bottom: 1rem;
}

.cult-content-box h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 4px;
    background: linear-gradient(90deg, #f59e0b, #ec4899);
    border-radius: 2px;
}

.cult-content-box p {
    font-size: 1.2rem;
    line-height: 2;
    color: #4b5563;
    margin-bottom: 1.8rem;
    text-align: justify;
}

.cult-highlight-box {
    background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
    border-left: 5px solid #f59e0b;
    padding: 2rem;
    margin: 2.5rem 0;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(245, 158, 11, 0.2);
}

.cult-highlight-box p {
    font-style: italic;
    color: #1f2937;
    margin-bottom: 0;
    font-size: 1.15rem;
    font-weight: 500;
}

/* Destinations Section */
.cult-destinations-section {
    padding: 5rem 0;
    background: #ffffff;
}

.cult-section-title {
    font-size: 3rem;
    font-weight: 800;
    text-align: center;
    color: #1f2937;
    margin-bottom: 1rem;
    position: relative;
}

.cult-section-subtitle {
    text-align: center;
    color: #6b7280;
    font-size: 1.2rem;
    margin-bottom: 4rem;
    font-weight: 300;
}

.cult-destinations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 2.5rem;
    margin-top: 3rem;
}

.cult-destination-card {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    cursor: pointer;
    height: 350px;
}

.cult-destination-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        to bottom,
        transparent 0%,
        rgba(0, 0, 0, 0.9) 100%
    );
    z-index: 1;
    transition: all 0.4s ease;
}

.cult-destination-card:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.cult-destination-card:hover::before {
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.3) 0%,
        rgba(0, 0, 0, 0.95) 100%
    );
}

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

.cult-destination-card:hover img {
    transform: scale(1.15);
}

.cult-destination-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2.5rem 2rem;
    color: white;
    z-index: 2;
    transform: translateY(0);
    transition: transform 0.4s ease;
}

.cult-destination-card:hover .cult-destination-overlay {
    transform: translateY(-10px);
}

.cult-destination-overlay h3 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 0.8rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.cult-destination-overlay p {
    font-size: 1rem;
    margin: 0;
    opacity: 0.95;
    font-weight: 300;
    letter-spacing: 0.5px;
}

.cult-destination-tag {
    display: inline-block;
    background: rgba(245, 158, 11, 0.9);
    padding: 0.4rem 1rem;
    border-radius: 20px;
    font-size: 0.85rem;
    font-weight: 600;
    margin-top: 0.8rem;
    letter-spacing: 0.5px;
}

/* Features Section */
.cult-features-section {
    padding: 5rem 0;
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 100%);
}

.cult-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 2rem;
    margin-top: 3rem;
}

.cult-feature-card {
    background: white;
    padding: 2.5rem;
    border-radius: 20px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    text-align: center;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.cult-feature-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );
    transition: left 0.5s ease;
}

.cult-feature-card:hover::before {
    left: 100%;
}

.cult-feature-card:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
    transform: translateY(-10px);
}

.cult-feature-icon {
    font-size: 4rem;
    margin-bottom: 1.5rem;
    display: inline-block;
    transition: transform 0.3s ease;
}

.cult-feature-card:hover .cult-feature-icon {
    transform: scale(1.2) rotate(10deg);
}

.cult-feature-card h3 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #1f2937;
}

.cult-feature-card p {
    color: #6b7280;
    font-size: 1rem;
    line-height: 1.6;
}

/* CTA Section */
.cult-cta-section {
    padding: 5rem 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.cult-cta-section::before {
    content: "";
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(
        circle,
        rgba(245, 158, 11, 0.1) 0%,
        transparent 70%
    );
    animation: cult-pulse 15s ease-in-out infinite;
}

@keyframes cult-pulse {
    0%,
    100% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.1);
        opacity: 0.8;
    }
}

.cult-cta-content {
    position: relative;
    z-index: 1;
}

.cult-cta-section h2 {
    font-size: 3rem;
    color: wheat;
    font-weight: 800;
    margin-bottom: 15px;
}

.cult-cta-section p {
    font-size: 21px;
    margin-bottom: 25px;
    max-width: 750px;
    margin-left: auto;
    margin-right: auto;
    font-weight: 300;
}

.cult-cta-button {
    display: inline-block;
    background: linear-gradient(135deg, #f59e0b 0%, #ec4899 100%);
    color: white;
    font-weight: 700;
    padding: 12px 27px;
    border-radius: 50px;
    font-size: 1.2rem;
    text-decoration: none;
    transition: all 0.3s ease;
    box-shadow: 0 8px 25px rgba(245, 158, 11, 0.4);
    position: relative;
    overflow: hidden;
    letter-spacing: 0.5px;
}

.cult-cta-button::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);
    transition: left 0.3s ease;
    z-index: -1;
}

.cult-cta-button:hover::before {
    left: 0;
}

.cult-cta-button:hover {
    box-shadow: 0 12px 35px rgba(245, 158, 11, 0.6);
    transform: translateY(-3px);
}

/* Responsive Design */
@media (max-width: 768px) {
    .cult-hero-content h1 {
        font-size: 2.8rem;
    }

    .cult-destinations-section {
        padding: 35px 0px;
    }

    .cult-hero-content p {
        font-size: 1.2rem;
    }

    .cult-content-box {
        padding: 2.5rem 1.8rem;
    }

    .cult-content-box h2 {
        font-size: 2.2rem;
    }

    .cult-content-box p {
        font-size: 1.05rem;
    }

    .cult-section-title {
        font-size: 30px;
        line-height: 50px;
    }

    .cult-features-section {
        padding: 3rem 0;
    }

    .cult-destination-overlay h3 {
        color: currentColor;
    }

    .cult-destinations-grid {
        grid-template-columns: 1fr;
    }

    .cult-destination-card {
        height: 300px;
    }

    .cult-features-grid {
        grid-template-columns: 1fr;
    }

    .cult-cta-section h2 {
        font-size: 31px;
        line-height: 52px;
    }

    .cult-cta-section p {
        font-size: 15px;
    }

    .cult-cta-button {
        padding: 5px 31px;
        font-size: 1rem;
    }
}

@media (max-width: 480px) {
    .cult-hero-section {
        height: 80vh;
    }

    .cult-hero-content h1 {
        font-size: 2.2rem;
    }

    .cult-hero-content p {
        font-size: 12px;
        padding: 0px 26px;
    }

    .cult-content-box {
        padding: 2rem 1.5rem;
    }

    .cult-destination-card {
        height: 280px;
    }

    .cult-cta-button {
        padding: 1rem 2rem;
        font-size: 1rem;
    }
}

/* end */
/* Offcanvas Overlay */
.offcanvas__overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #151515;
    z-index: 1000;
    top: 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.offcanvas__overlay.overlay-open {
    opacity: 0.8;
    visibility: visible;
}

.sidebar-btn {
    margin-left: 15px;
    cursor: pointer;
    text-align: right;
}

.sidebar-btn span {
    width: 30px;
    display: block;
    height: 2px;
    background-color: var(--heading-color);
}

.sidebar-btn span:nth-child(2) {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 25px;
    margin-left: auto;
}

.sidebar-panel {
    position: fixed;
    z-index: 1111;
    right: 0;
    top: 0;
    width: 350px;
    height: 100%;
    opacity: 1;
    background-color: var(--white-color);
    -webkit-transition: opacity 0.45s ease-in-out,
        -webkit-transform 0.45s ease-in-out;
    transition: opacity 0.45s ease-in-out, -webkit-transform 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out,
        -webkit-transform 0.45s ease-in-out;
    -webkit-transform: translateX(calc(100% + 80px));
    transform: translateX(calc(100% + 80px));
    padding: 40px 30px;
    overflow: auto;
}

.sidebar-panel.info-open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
}

.sidebar-panel .panel-close .panel-close-btn {
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: transparent;
}

.sidebar-panel .panel-body .panel-box h5 {
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid var(--border-color);
}

.sidebar-panel .panel-body .panel-box p {
    margin-bottom: 15px;
}

.sidebar-panel .panel-body .panel-box p i {
    width: 20px;
    margin-right: 10px;
    color: var(--primary-color);
}

.sidebar-panel .panel-body .panel-box ul.social-link li {
    display: inline-block;
    margin-right: 5px;
}

.sidebar-panel .panel-body .panel-box ul.social-link li a {
    width: 40px;
    height: 40px;
    border: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%;
}

.sidebar-panel .panel-body .panel-box ul.social-link li a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

@-webkit-keyframes playpopup {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@keyframes playpopup {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0.6;
    }

    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0.3;
    }

    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0;
    }
}

@-webkit-keyframes marquee {
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@keyframes marquee {
    100% {
        -webkit-transform: translate(-100%, 0);
        transform: translate(-100%, 0);
    }
}

@-webkit-keyframes marquee_right {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes marquee_right {
    from {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@-webkit-keyframes marquee_left {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@keyframes marquee_left {
    from {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    to {
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
    }
}

@-webkit-keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }

    50% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    100% {
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

@-webkit-keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes zoomInOut {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    50% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@-webkit-keyframes wave {
    0% {
        -webkit-transform: translate(-2px, 0);
        transform: translate(-2px, 0);
    }

    100% {
        -webkit-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
}

@keyframes wave {
    0% {
        -webkit-transform: translate(-2px, 0);
        transform: translate(-2px, 0);
    }

    100% {
        -webkit-transform: translate(0px, 0);
        transform: translate(0px, 0);
    }
}

/* Translate 3D Animation */
@-webkit-keyframes translateBg {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-2250px, 0, 0);
        transform: translate3d(-2250px, 0, 0);
    }
}

@keyframes translateBg {
    0% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    100% {
        -webkit-transform: translate3d(-2250px, 0, 0);
        transform: translate3d(-2250px, 0, 0);
    }
}

.theme-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-weight: 700;
    font-family: var(--heading-font);
    font-size: 1rem;
    border-radius: 30px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-btn i {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-size: 13px;
    margin-left: 25px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.theme-btn:hover i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.theme-btn.style-one {
    padding: 5px 5px 5px 25px;
    line-height: 20px;
    background-color: var(--primary-color);
    color: var(--white-color);
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    transition: 0.5s;
}

.theme-btn.style-one i {
    background-color: var(--white-color);
    color: var(--primary-color);
}

.theme-btn.style-one:hover {
    background: radial-gradient(circle, #302f85, #9e2c78, #d6295b);
}

.theme-btn.style-one:hover i {
    color: var(--secondary-color);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.theme-btn.style-two {
    padding: 7px 5px 7px 25px;
    border: 1px solid var(--border-color);
}

.theme-btn.style-two i {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.theme-btn.style-two:hover {
    color: var(--white-color);
    background-color: var(--primary-color);
    border-color: transparent;
}

.theme-btn.style-two:hover i {
    color: var(--primary-color);
    background-color: var(--white-color);
}

.read-more.style-one {
    font-weight: 500;
    font-family: var(--body-font);
}

.read-more.style-one i {
    margin-left: 7px;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}

.read-more.style-one:hover {
    color: var(--primary-color);
    text-decoration: underline;
}

.read-more.style-one:hover i {
    margin-left: 10px;
}

.play-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: var(--heading-color);
}

.play-btn .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-filter: drop-shadow(10px 4px 60px rgba(169, 169, 169, 0.25));
    filter: drop-shadow(10px 4px 60px rgba(169, 169, 169, 0.25));
    margin-right: 20px;
}

.play-btn span {
    text-decoration: underline;
    font-weight: 700;
    font-family: var(--heading-font);
}

.icon-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border: 1px solid var(--border-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.icon-btn.style-one {
    border-radius: 50%;
}

.icon-btn.style-one i {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.icon-btn.style-one:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.icon-btn.style-one:hover i {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* Transparent Header */
.transparent-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
}

/* Tripex Dropdown */
.tripex-dropdown {
    position: relative;
}

.tripex-dropdown:hover .dropdown {
    opacity: 1;
    display: block;
    visibility: visible;
    margin: 6px 0 0 0;
}

.tripex-dropdown i {
    color: var(--heading-color);
}

.tripex-dropdown .dropdown {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    min-width: 100px;
    padding: 10px 15px;
    margin: 25px 0 0 0;
    position: absolute;
    z-index: 16;
    text-align: left;
    opacity: 0;
    visibility: hidden;
    left: 0;
    right: auto;
    background: var(--white-color);
    -webkit-box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 2px 2px 15px 0 rgba(0, 0, 0, 0.07);
    border: 1px solid var(--border-color);
    display: block;
    border-radius: 10px;
}

.tripex-dropdown .dropdown a {
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    font-weight: 400;
}

.tripex-dropdown .dropdown a:hover {
    color: var(--primary-color);
}

/* Header Three */
@media (max-width: 1650px) {
    .header-top-bar {
        font-size: 14px;
    }
}

.header-top-bar .top-left span {
    color: var(--heading-color);
}

.header-top-bar .top-left span i {
    margin-right: 7px;
}

.header-top-bar .top-left span:not(:last-child) {
    margin-right: 25px;
}

.header-top-bar .top-text p a {
    color: var(--secondary-color);
}

.header-top-bar .top-right {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    float: right;
}

.header-top-bar .top-right span {
    margin-right: 30px;
}

.header-top-bar .top-right span i {
    margin-right: 7px;
    color: var(--heading-color);
}

.header-top-bar .top-right span a {
    font-weight: 600;
}

.header-top-bar .top-right span:hover a {
    color: var(--heading-color);
}

/* Header Navigation */
@media screen and (max-width: 1199.98px) {
    .header-navigation {
        padding: 20px 0;
    }
}

.header-navigation .primary-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.header-navigation .main-menu ul > li {
    display: inline-block;
    position: relative;
    margin-right: 17px;
}

@media screen and (max-width: 1199.98px) {
    .header-navigation .main-menu ul > li {
        margin-left: 10px;
        margin-right: 10px;
    }
}

.header-navigation .main-menu ul > li > a {
    position: relative;
    display: block;
    font: 600 15px var(--heading-font);
    text-transform: capitalize;
    line-height: 1;
    color: var(--heading-color);
    padding: 40px 0;
}

@media screen and (max-width: 1199.98px) {
    .header-navigation .main-menu ul > li > a {
        font-size: 16px;
    }
}

.header-navigation .main-menu ul > li > a span.dd-trigger {
    margin-left: 5px;
}

.dd-trigger {
    transform: translateY(-7%);
}

.header-navigation .main-menu ul > li .sub-menu {
    position: absolute;
    left: 0px;
    top: 120%;
    width: 345px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 99;
    padding: 10px 0;
    background-color: var(--white-color);
    border-radius: 7px;
}

.header-navigation .main-menu ul > li .sub-menu li {
    display: block;
    margin: 0;
}

.header-navigation .main-menu ul > li .sub-menu li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 26px;
    position: relative;
    line-height: 2.5;
    margin: 0;
    color: var(--heading-color);
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.header-navigation .main-menu ul > li .sub-menu li a span.dd-trigger {
    margin-left: auto;
}

.header-navigation .main-menu ul > li .sub-menu li a::after {
    display: none;
}

.header-navigation .main-menu ul > li .sub-menu li a:hover {
    color: var(--primary-color);
}

.header-navigation .main-menu ul > li .sub-menu li .sub-menu {
    left: 100%;
    top: 50%;
}

.header-navigation .main-menu ul > li .sub-menu li:hover .sub-menu {
    top: 0%;
}

.header-navigation .main-menu ul > li .sub-menu li:hover > a {
    margin-left: 5px;
    color: var(--secondary-color);
}

.header-navigation .main-menu ul > li:hover > a {
    color: var(--secondary-color);
}

.header-navigation .main-menu ul > li:hover > a:after {
    left: 0;
    right: auto;
    width: 100%;
}

.header-navigation .main-menu ul > li:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.header-navigation .navbar-toggler {
    padding: 11px 7px;
    /* border: 1px solid var(--heading-color); */
    background-color: transparent;
    cursor: pointer;
    display: none;
    border-radius: 5px;
}

.header-navigation .navbar-toggler span {
    position: relative;
    border-radius: 3px;
    display: block;
    height: 2px;
    padding: 0;
    width: 30px;
    cursor: pointer;
    display: block;
    -webkit-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    background-color: var(--heading-color);
}

.header-navigation .navbar-toggler span:not(:first-child) {
    margin-top: 5px;
}

.header-navigation .navbar-toggler.active span:nth-of-type(1) {
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    top: 7px;
}

.header-navigation .navbar-toggler.active span:nth-of-type(2) {
    opacity: 0;
}

.header-navigation .navbar-toggler.active span:nth-of-type(3) {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    top: -7px;
}

@media screen and (max-width: 1199.98px) {
    .header-navigation .theme-nav-menu {
        text-align: left;
        position: fixed;
        top: 0;
        left: -290px;
        width: 290px;
        height: 100%;
        -webkit-transition-duration: 500ms;
        transition-duration: 500ms;
        padding: 20px 20px 30px;
        display: block;
        overflow-x: hidden;
        overflow-y: scroll;
        z-index: 9999;
        background-color: var(--white-color);
    }

    .header-navigation .theme-nav-menu.menu-on {
        left: 0;
    }

    .header-navigation .theme-nav-menu .main-menu {
        margin-top: 30px;
    }

    .header-navigation .theme-nav-menu .main-menu ul li {
        display: block;
        margin: 0;
    }

    .header-navigation .theme-nav-menu .main-menu ul li:not(:last-child) {
        border-bottom: 1px solid var(--border-color);
    }

    .header-navigation .theme-nav-menu .main-menu ul li a {
        display: block;
        padding: 12px 0;
        font-size: 18px;
    }

    .header-navigation .theme-nav-menu .main-menu ul li a:after {
        display: none;
    }

    .header-navigation .theme-nav-menu .main-menu ul li .sub-menu {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        visibility: visible;
        opacity: 1;
        display: none;
        -webkit-transition: none;
        transition: none;
    }

    .header-navigation .theme-nav-menu .main-menu ul li .sub-menu > li > a {
        padding: 5px 20px;
    }

    .header-navigation
        .theme-nav-menu
        .main-menu
        ul
        li
        .sub-menu
        > li
        .sub-menu {
        width: 100%;
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: transparent;
        visibility: visible;
        opacity: 1;
        display: none;
        -webkit-transition: none;
        transition: none;
        margin-left: 30px;
    }

    .header-navigation .theme-nav-menu .main-menu ul li .dd-trigger {
        position: absolute;
        right: 0;
        top: 10px;
        height: 25px;
        width: 25px;
        border-radius: 3px;
        z-index: 2;
        cursor: pointer;
        font-size: 16px;
    }

    .header-navigation .navbar-close {
        width: 35px;
        height: 35px;
        border-radius: 4px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        border: 1px solid var(--border-color);
        font-size: 16px;
    }

    .header-navigation .navbar-toggler {
        display: block;
    }

    .header-navigation .theme-menu-bottom h5 {
        margin-bottom: 25px;
    }

    .header-navigation .theme-menu-bottom .social-link li {
        display: inline-block;
        margin-right: 10px;
    }

    .header-navigation .theme-menu-bottom .social-link li a {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid var(--border-color);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .header-navigation .theme-menu-bottom .social-link li a:hover {
        background-color: var(--primary-color);
        color: var(--white-color);
    }
}

/* Nav Right Item */
.nav-right-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nav-right-item .offcanvas-toggle {
    margin-left: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 40px;
    height: 40px;
    background-color: #24d3d1;
    border-radius: 7px;
}

@media screen and (max-width: 1199.98px) {
    .nav-right-item .offcanvas-toggle {
        width: 40px;
        height: 40px;
        display: none;
    }
}

.nav-right-item .offcanvas-toggle .toggle-inner {
    position: relative;
    width: 25px;
    height: 25px;
}

@media screen and (max-width: 1199.98px) {
    .nav-right-item .offcanvas-toggle .toggle-inner {
        width: 25px;
        height: 25px;
    }
}

.nav-right-item .offcanvas-toggle .toggle-inner span {
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 0;
    top: 0;
    background-color: var(--white-color);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

@media screen and (max-width: 1199.98px) {
    .nav-right-item .offcanvas-toggle .toggle-inner span {
        width: 4px;
        height: 4px;
    }
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(1) {
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(2) {
    left: 50%;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(3) {
    left: 100%;
    -webkit-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(4) {
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(5) {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(6) {
    top: 50%;
    left: 100%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(7) {
    top: 100%;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(8) {
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.nav-right-item .offcanvas-toggle .toggle-inner span:nth-child(9) {
    top: 100%;
    left: 100%;
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(1) {
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(2) {
    left: 0;
    top: 0;
    -webkit-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(3) {
    left: 50%;
    top: 0;
    -webkit-transform: translate(-50%, 0px);
    transform: translate(-50%, 0px);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(4) {
    left: 0;
    top: 100%;
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(6) {
    left: 100%;
    top: 0;
    -webkit-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(7) {
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(8) {
    left: 100%;
    top: 100%;
    -webkit-transform: translate(-100%, -100%);
    transform: translate(-100%, -100%);
}

.nav-right-item .offcanvas-toggle:hover .toggle-inner span:nth-child(9) {
    left: 100%;
    top: 50%;
    -webkit-transform: translate(-100%, -50%);
    transform: translate(-100%, -50%);
}

.header-one {
    position: relative;
    z-index: 999;
}

@media screen and (max-width: 1199.98px) {
    .header-one {
        z-index: 9999;
    }
}

@media screen and (max-width: 1199.98px) {
    .header-one .header-navigation {
        padding: 15px 20px;
    }
}

.header-one .container-fluid {
    padding-left: 0;
    padding-right: 0;
}

.header-one .site-branding {
    padding: 40px 150px 40px 70px;
    width: 20%;
    border-radius: 0 100px 100px 0;
    background-color: var(--gray-color);
}

@media (max-width: 1650px) {
    .header-one .site-branding {
        padding: 40px 100px 40px 35px;
    }
}

@media screen and (max-width: 1199.98px) {
    .header-one .site-branding {
        width: auto;
        padding: 0;
        background-color: inherit;
        max-width: 150px;
        border-radius: 0;
    }
}

.header-one .nav-inner-menu {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    border: 1px solid rgba(115, 180, 88, 0.2);
    border-radius: 100px 0px 0px 100px;
    padding-left: 50px;
    padding-right: 50px;
    background-color: var(--white-color);
    margin-left: -70px;
    z-index: 1;
}

.header-one .nav-inner-menu .nav-right-item {
    margin-left: auto;
}

@media screen and (max-width: 1199.98px) {
    .header-one .nav-inner-menu {
        margin-left: 0;
        background-color: inherit;
        border: none;
        padding: 0;
        border-radius: 0;
    }
}

/* Header Two */
.header-two {
    padding: 0 40px;
}

@media (max-width: 767.98px) {
    .header-two {
        padding: 0;
    }
}

.header-two.transparent-header {
    top: 25px;
}

@media (max-width: 767.98px) {
    .header-two.transparent-header {
        top: 0;
    }
}

.header-two.transparent-header {
    z-index: 999;
}

@media screen and (max-width: 1199.98px) {
    .header-two.transparent-header {
        z-index: 9999;
    }
}

.header-two .header-navigation .main-menu ul > li > a {
    color: var(--white-color);
}

@media screen and (max-width: 1199.98px) {
    .header-two .header-navigation .main-menu ul > li > a {
        color: var(--heading-color);
    }
}

.header-two .header-navigation .main-menu ul > li .sub-menu {
    background-color: var(--white-color);
}

@media screen and (max-width: 1199.98px) {
    .header-two .header-navigation .main-menu ul > li .sub-menu {
        background-color: var(--white-color);
    }
}

.header-two .header-navigation .main-menu ul > li .sub-menu li a {
    color: var(--heading-color);
}

@media screen and (max-width: 1199.98px) {
    .header-two .header-navigation .main-menu ul > li .sub-menu li a {
        color: var(--heading-color);
    }
}

.header-two .header-navigation .main-menu ul > li .sub-menu li a:hover {
    color: var(--primary-color);
}

.header-two .header-navigation .main-menu ul > li .sub-menu li:hover > a {
    color: var(--primary-color);
}

.header-two .header-navigation .main-menu ul > li:hover > a {
    color: var(--primary-color);
}

@media screen and (max-width: 1199.98px) {
    .header-two .header-navigation .navbar-toggler {
        border-color: rgba(255, 255, 255, 0.8);
    }
}

@media screen and (max-width: 1199.98px) {
    .header-two .header-navigation .navbar-toggler span {
        background-color: rgba(255, 255, 255, 0.8);
    }
}

/* Header Three */
.header-three {
    position: sticky;
    top: 0;
    z-index: 1024;
    background-color: #ffffff;
}

.header-three .header-top-bar {
    border-bottom: 1px solid var(--border-color);
}

.header-three .header-navigation {
    padding: 0px;
}

.header-three .header-navigation .main-menu ul > li > a {
    padding: 8px 0px;
}

@media screen and (max-width: 1199.98px) {
    .header-three .header-navigation .main-menu ul > li > a {
        padding: 12px 0;
    }
}
.footer-widget {
    border-image-source: linear-gradient(to top, #d72758, #24d3d1);
    border-image-slice: 1;
}

.footer-widget .widget-title {
    margin-bottom: 20px;
    font-size: 16px;
}

.footer-widget .footer-content .text-box span i {
    color: var(--secondary-color);
    margin-right: 10px;
}

.footer-widget .footer-content .social-box a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 14px;
}

.footer-widget .footer-content .social-box a:hover {
    border-color: transparent;
}

.footer-widget .footer-content .social-box a:not(:last-child) {
    margin-right: 5px;
}

.footer-widget.footer-about-widget .footer-logo {
    margin-bottom: 20px;
}

.footer-widget.footer-about-widget p {
    margin-bottom: 20px;
}

.footer-widget.footer-about-widget .text-box span i {
    color: var(--secondary-color);
    margin-right: 10px;
}

.footer-widget.footer-nav-widget ul li:not(:last-child) {
    margin-bottom: 12px;
}

.footer-widget.footer-nav-widget ul li a:before {
    width: 5px;
    height: 5px;
    display: inline-block;
    content: "";
    background-color: var(--primary-color);
    border-radius: 50%;
    vertical-align: middle;
    margin-right: -5px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.footer-widget.footer-nav-widget ul li a:hover {
    color: var(--heading-color);
    text-decoration: underline;
}

.footer-widget.footer-nav-widget ul li a:hover:before {
    margin-right: 7px;
    visibility: visible;
    opacity: 1;
}

.footer-widget.footer-newsletter-widget .footer-content p {
    margin-bottom: 20px;
}

.footer-widget.footer-newsletter-widget .footer-content .form_control {
    border-radius: 14px;
    border: 1px solid var(--border-color);
    padding: 12px 25px;
    margin-bottom: 10px;
}

.footer-widget.footer-social-widget .footer-content ul li {
    display: inline-block;
}

.footer-widget.footer-social-widget .footer-content ul li:not(:last-child) {
    margin-right: 10px;
}

@media (max-width: 1650px) {
    .footer-widget.footer-social-widget .footer-content ul li:not(:last-child) {
        margin-right: 5px;
    }
}

.footer-widget.footer-social-widget .footer-content ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 1px solid var(--border-color);
    font-size: 20px;
    color: #fff;
}

.footer-widget.footer-social-widget .footer-content ul li a:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-color: transparent;
}

.copyright-area {
    border-top: 1px solid var(--border-color);
    padding: 280px 0 20px;
    margin-top: -200px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
}

/* Logo with Lines Design */
.copyright-area .footer-logo {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.copyright-area .footer-logo::before,
.copyright-area .footer-logo::after {
    content: "";
    flex: 1;
    height: 2px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        rgba(255, 255, 255, 0.3)
    );
}

.copyright-area .footer-logo::after {
    background: linear-gradient(
        90deg,
        rgba(255, 255, 255, 0.3),
        rgba(255, 255, 255, 0.3),
        transparent
    );
}

.copyright-area .footer-logo a {
    flex-shrink: 0;
}

.copyright-area .footer-logo hr {
    display: none;
}

.footer-gallery .gallery-item {
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: relative;
    border-radius: 8px;
}

.footer-gallery .gallery-item::before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    background-color: #313988;
    bottom: 0;
    top: 0;
    opacity: 0.3;
    transition: opacity 0.3s ease;
}

.footer-gallery .gallery-item:hover::before {
    opacity: 0.5;
}

.footer-gallery .gallery-item img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    transition: transform 0.5s ease;
}

.footer-gallery .gallery-item:hover img {
    transform: scale(1.1);
}

.footer-gallery .gallery-item p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    text-align: center;
    font-weight: 600;
    font-size: 12px;
}

@media screen and (max-width: 991.98px) {
    .copyright-area .copyright-text {
        text-align: center;
        margin-bottom: 15px;
    }
}

.copyright-area .copyright-text .copyright {
    color: var(--secondary-color);
}

.copyright-area .copyright-text .company {
    color: var(--primary-color);
}

.copyright-area .copyright-nav {
    float: right;
}

@media screen and (max-width: 991.98px) {
    .copyright-area .copyright-nav {
        float: none;
        text-align: center;
    }
}

.copyright-area .copyright-nav a:hover {
    color: var(--primary-color);
}

.copyright-area .copyright-nav a:not(:last-child) {
    margin-right: 20px;
}

@media (max-width: 767.98px) {
    .copyright-area .copyright-nav a:not(:last-child) {
        margin-right: 7px;
    }

    .footer-widget {
        border: none !important;
    }

    .copyright-area .footer-logo a {
        padding: 0 15px;
    }
}

@media (max-width: 767.98px) {
    .copyright-area .copyright-nav a {
        margin-right: 7px;
        margin-left: 7px;
    }
}

.copyright-social {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.copyright-social a {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 14px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Default Footer */
.default-footer .big-text {
    padding: 20px 0 75px;
}

/* Footer Curve Shape */
.default-footer-curve {
    position: relative;
    z-index: 1;
}

.default-footer-curve .svg-shape-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 265px;
    z-index: -1;
}

@media (max-width: 767.98px) {
    .default-footer-curve .svg-shape-wrapper {
        height: 120px;
    }
}

.default-footer-curve .svg-shape-wrapper svg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.default-footer-curve .svg-shape-wrapper svg use {
    -webkit-animation: wave 7s linear infinite;
    animation: wave 7s linear infinite;
}

.default-footer-curve .svg-shape-wrapper svg use:nth-child(2) {
    -webkit-animation-duration: 5s;
    animation-duration: 5s;
    -webkit-animation-delay: -1.5s;
    animation-delay: -1.5s;
}

/* end */

/* south */

.south-hero-section {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.south-wave {
    position: absolute;
    width: 200%;
    height: 100px;
    bottom: 0;
    left: 0;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 100"><path fill="%23fafafa" d="M0,50 Q300,100 600,50 T1200,50 L1200,100 L0,100 Z"></path></svg>');
    background-size: 50% 100px;
    animation: south-wave 20s linear infinite;
}

.south-palm-tree {
    position: absolute;
    font-size: 4rem;
    opacity: 0.1;
    animation: south-sway 5s ease-in-out infinite;
}

.south-palm1 {
    top: 10%;
    left: 10%;
    animation-delay: 0s;
}

.south-palm2 {
    top: 20%;
    right: 15%;
    animation-delay: 2s;
}

.south-palm3 {
    bottom: 20%;
    left: 20%;
    animation-delay: 1s;
}

.south-hero-content {
    text-align: center;
    color: #fff;
    z-index: 2;
    padding: 40px 20px;
    animation: south-fadeIn 1.2s ease;
}

.south-hero-content h1 {
    font-size: 52px;
    margin-bottom: 13px;
    color: wheat;
    text-shadow: 3px 3px 25px rgba(0, 0, 0, 0.4);
    animation: south-slideDown 1s ease;
}

.south-hero-content .south-subtitle {
    font-size: 20px;
    opacity: 0.95;
    margin-bottom: 30px;
    animation: south-slideUp 1s ease;
}

.south-hero-icon {
    font-size: 5rem;
    margin-bottom: 20px;
    animation: south-rotate 3s ease-in-out infinite;
}

.south-content-section {
    max-width: 1340px;
    margin: -60px auto 0;
    padding: 0 20px 0px;
    position: relative;
    z-index: 10;
}

.south-card {
    background: #fff;
    border-radius: 10px;
    padding: 50px;
    box-shadow: 0 15px 60px rgba(214, 41, 91, 0.15);
    margin-bottom: 40px;
    animation: south-popUp 1s ease;
    border: 1px solid rgba(214, 41, 91, 0.1);
}

.south-card h2 {
    font-size: 2.5rem;
    background: radial-gradient(circle, #d6295b, #9e2c78);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}

.south-card h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 4px;
    background: linear-gradient(90deg, #d6295b, #9e2c78);
    border-radius: 2px;
}

.south-description {
    font-size: 15px;
    color: #4a5568;
    text-align: justify;
}

.south-destinations-card {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    padding: 50px 94px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.south-destinations-card::before {
    content: "🌴";
    position: absolute;
    font-size: 15rem;
    opacity: 0.05;
    top: -50px;
    right: -50px;
    transform: rotate(-20deg);
}

.south-destinations-card h3 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.south-dest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 2;
}

.south-dest-item {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(15px);
    padding: 25px;
    border-radius: 18px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    border: 2px solid rgba(255, 255, 255, 0.4);
    transition: all 0.4s ease;
    cursor: pointer;
}

.south-dest-item:hover {
    background: rgba(255, 255, 255, 0.4);
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.4);
    border-color: rgba(255, 255, 255, 0.6);
}

.south-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin: 60px 0px;
}

.south-feature-box {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    padding: 40px;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.south-feature-box::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    top: -100%;
    left: 0;
    transition: all 0.5s ease;
}

.south-feature-box:hover::before {
    top: 0;
}

.south-feature-box:hover {
    transform: translateY(-12px) scale(1.02);
    box-shadow: 0 20px 50px rgba(245, 87, 108, 0.5);
}

.south-feature-box h4 {
    font-size: 1.6rem;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.south-feature-box p {
    font-size: 1.05rem;
    opacity: 0.95;
    position: relative;
    z-index: 2;
}

@keyframes south-fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes south-slideDown {
    from {
        transform: translateY(-50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes south-slideUp {
    from {
        transform: translateY(50px);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes south-popUp {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes south-rotate {
    0%,
    100% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(-10deg);
    }

    75% {
        transform: rotate(10deg);
    }
}

@keyframes south-wave {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

@keyframes south-sway {
    0%,
    100% {
        transform: rotate(0deg);
    }

    50% {
        transform: rotate(5deg);
    }
}

@media (max-width: 768px) {
    .south-hero-section {
        min-height: 40vh;
    }

    .south-hero-content h1 {
        font-size: 33px;
        margin-bottom: 2px;
    }

    .south-hero-content .south-subtitle {
        font-size: 12px;
    }

    .south-hero-icon {
        font-size: 3rem;
    }

    .south-content-section {
        margin: 0;
        padding: 0;
    }

    .south-card {
        padding: 30px 20px;
        margin-bottom: 0px;
    }

    .south-card h2 {
        font-size: 2rem;
        line-height: 41px;
    }

    .south-feature-box {
        padding: 30px;
        margin: 10px;
        border-radius: 12px;
    }

    .south-features {
        gap: 30px;
        margin: 20px 0px;
    }

    .south-destinations-card {
        padding: 30px 20px;
    }

    .south-dest-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

/* end */
/* west */

.west-hero-section {
    background: radial-gradient(circle at top right, #ff6b35, #f7931e, #c1121f);
    min-height: 55vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.west-sun {
    position: absolute;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, #fff 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    top: 10%;
    right: 10%;
    animation: west-glow 3s ease-in-out infinite;
    opacity: 0.3;
}

.west-desert-dune {
    position: absolute;
    bottom: 0;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50% 50% 0 0;
}

.west-dune1 {
    width: 400px;
    height: 150px;
    left: -50px;
}

.west-dune2 {
    width: 350px;
    height: 120px;
    right: -30px;
}

.west-dune3 {
    width: 300px;
    height: 100px;
    left: 30%;
}

.west-sparkle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: #fff;
    border-radius: 50%;
    animation: west-twinkle 2s ease-in-out infinite;
}

.west-sparkle1 {
    top: 20%;
    left: 15%;
    animation-delay: 0s;
}

.west-sparkle2 {
    top: 35%;
    right: 20%;
    animation-delay: 0.5s;
}

.west-sparkle3 {
    top: 60%;
    left: 40%;
    animation-delay: 1s;
}

.west-sparkle4 {
    top: 50%;
    right: 35%;
    animation-delay: 1.5s;
}

.west-hero-content {
    text-align: center;
    color: #fff;
    z-index: 2;
    padding: 40px 20px;
    animation: west-bounceIn 1s ease;
}

.west-hero-content h1 {
    font-size: 50px;
    color: black;
    margin-bottom: 8px;
    text-shadow: 4px 4px 25px rgba(0, 0, 0, 0.4);
    letter-spacing: 3px;
    font-weight: 800;
}

.west-hero-content .west-subtitle {
    font-size: 19px;
    opacity: 0.95;
    margin-bottom: 30px;
    font-weight: 400;
}

.west-hero-icon {
    font-size: 5rem;
    margin-bottom: 20px;
    animation: west-spin-slow 10s linear infinite;
}

.west-content-section {
    max-width: 1330px;
    margin: -60px auto 0;
    padding: 0 20px 60px;
    position: relative;
    z-index: 10;
}

.west-card {
    background: #fff;
    border-radius: 7px;
    padding: 50px;
    box-shadow: 0 20px 70px rgba(255, 107, 53, 0.2);
    margin-bottom: 40px;
    animation: west-slideInRight 1s ease;
    border-top: 5px solid #ff6b35;
}

.west-card h2 {
    font-size: 39px;
    background: radial-gradient(circle, #ff6b35, #f7931e, #c1121f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 11px;
    font-weight: 700;
}

.west-card h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 140px;
    height: 5px;
    background: linear-gradient(90deg, #ff6b35, #f7931e, #c1121f);
    border-radius: 3px;
}

.west-description {
    font-size: 16px;
    color: #4a5568;
    text-align: justify;
}

.west-destinations-card {
    background: radial-gradient(circle at top right, #ff6b35, #f7931e, #c1121f);
    padding: 50px 92px;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
}

.west-destinations-card::before {
    content: "🏖️";
    position: absolute;
    font-size: 20rem;
    opacity: 0.06;
    top: -100px;
    right: -80px;
    transform: rotate(20deg);
}

.west-destinations-card::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    bottom: -150px;
    left: -100px;
}

.west-destinations-card h3 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
    letter-spacing: 1px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
}

.west-dest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 2;
}

.west-dest-item {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    padding: 25px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 1.1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
    cursor: pointer;
    position: relative;
}

.west-dest-item::before {
    content: "✨";
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 1.2rem;
    opacity: 0;
    transition: all 0.3s ease;
}

.west-dest-item:hover::before {
    opacity: 1;
    transform: rotate(360deg);
}

.west-dest-item:hover {
    background: rgba(255, 255, 255, 0.35);
    transform: translateY(-12px) scale(1.08);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.6);
}

.west-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.west-feature-box {
    background: linear-gradient(135deg, #fa709a 0%, #fee140 100%);
    padding: 40px;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    transition: all 0.4s ease;
    cursor: pointer;
    box-shadow: 0 15px 40px rgba(250, 112, 154, 0.4);
    position: relative;
    overflow: hidden;
}

.west-feature-box::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    transform: translate(-50%, -50%);
    transition: width 0.6s ease, height 0.6s ease;
}

.west-feature-box:hover::before {
    width: 400px;
    height: 400px;
}

.west-feature-box:hover {
    transform: translateY(-15px) scale(1.03);
    box-shadow: 0 25px 70px rgba(250, 112, 154, 0.6);
}

.west-feature-box h4 {
    font-size: 1.6rem;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
    text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}

.west-feature-box p {
    font-size: 1.05rem;
    opacity: 0.95;
    position: relative;
    z-index: 2;
}

@keyframes west-bounceIn {
    0% {
        transform: scale(0.3);
        opacity: 0;
    }

    50% {
        transform: scale(1.05);
    }

    70% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes west-slideInRight {
    from {
        transform: translateX(100px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes west-glow {
    0%,
    100% {
        box-shadow: 0 0 30px rgba(255, 255, 255, 0.3);
    }

    50% {
        box-shadow: 0 0 60px rgba(255, 255, 255, 0.5);
    }
}

@keyframes west-spin-slow {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@keyframes west-twinkle {
    0%,
    100% {
        opacity: 0.3;
        transform: scale(1);
    }

    50% {
        opacity: 1;
        transform: scale(1.5);
    }
}

@media (max-width: 768px) {
    .west-hero-section {
        min-height: 42vh;
    }

    .west-hero-content h1 {
        font-size: 35px;
    }

    .west-hero-content .west-subtitle {
        font-size: 16px;
    }

    .west-content-section {
        max-width: 1330px;
        margin: 0;
        padding: 0;
    }

    .west-hero-icon {
        font-size: 3rem;
    }

    .west-card {
        padding: 30px 20px;
        border-radius: 0px;
    }

    .west-card h2 {
        font-size: 2rem;
        line-height: 45px;
    }

    .west-features {
        gap: 13px;
        margin-top: 14px;
        margin: 10px;
    }

    .west-feature-box {
        padding: 33px;
    }

    .west-destinations-card {
        padding: 30px 20px;
    }

    .west-dest-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

/* north */
/* .north-india-hero {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    min-height: 50vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.north-india-hero::before {
    content: "";
    position: absolute;
    width: 400px;
    height: 400px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    top: -200px;
    right: -100px;
    animation: northIndiaFloat 6s ease-in-out infinite;
} */

.north-india-hero::after {
    content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    background: rgba(255, 255, 255, 0.03);
    border-radius: 50%;
    bottom: -150px;
    left: -100px;
    animation: northIndiaFloat 8s ease-in-out infinite;
}

.north-india-hero-content {
    text-align: center;
    color: #fff;
    z-index: 2;
    padding: 40px 20px;
}

.north-india-hero-content h1 {
    font-size: 48px;
    color: wheat;
    margin-bottom: 5px;
    text-shadow: 2px 2px 20px rgba(0, 0, 0, 0.3);
}

.north-india-hero-subtitle {
    font-size: 15px;
    opacity: 0.9;
    margin-bottom: 30px;
}

.north-india-hero-icon {
    font-size: 5rem;
    margin-bottom: 20px;
    animation: northIndiaBounce 2s infinite;
}

.north-india-main-section {
    max-width: 1330px;
    margin: 40px auto 0;
    padding: 0 20px 60px;
}

.north-india-about-card {
    border-radius: 20px;
    padding: 0px 40px 40px;
}

.north-india-about-card h2 {
    font-size: 2.2rem;
    color: #2d3748;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}

.north-india-about-card h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: linear-gradient(90deg, #667eea, #764ba2);
    border-radius: 2px;
}

.north-india-description {
    font-size: 16px;
    line-height: 1.9;
    color: #4a5568;
    text-align: justify;
}

.north-india-destinations-wrapper {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    padding: 50px 80px;
    box-shadow: 0 15px 50px rgba(102, 126, 234, 0.3);
    margin-bottom: 20px;
}

.north-india-destinations-wrapper h3 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
}

.north-india-dest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.north-india-dest-item {
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    border: 2px solid rgba(255, 255, 255, 0.3);
    transition: all 0.3s ease;
    cursor: pointer;
}

.north-india-dest-item:hover {
    background: rgba(255, 255, 255, 0.35);
    transform: translateY(-8px) scale(1.05);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.north-india-features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 30px;
    padding: 0px 40px;
}

.north-india-feature-box {
    background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    padding: 35px;
    border-radius: 20px;
    color: #fff;
    text-align: center;
    transition: all 0.3s ease;
    cursor: pointer;
}

.north-india-feature-box:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(245, 87, 108, 0.4);
}

.north-india-feature-box h4 {
    font-size: 1.5rem;
    margin-bottom: 5px;
}

.north-india-feature-box p {
    font-size: 15px;
    opacity: 0.95;
}

@keyframes northIndiaFloat {
    0%,
    100% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-30px) rotate(5deg);
    }
}

@keyframes northIndiaBounce {
    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-20px);
    }
}

@media (max-width: 768px) {
    .north-india-hero-content h1 {
        font-size: 33px;
    }

    .north-india-hero-subtitle {
        font-size: 16px;
    }

    .north-india-hero {
        min-height: 35vh;
    }

    .north-india-hero-icon {
        font-size: 3rem;
    }

    .north-india-about-card {
        padding: 30px 20px;
    }

    .north-india-main-section {
        margin: 0;
        padding: 0;
    }

    .north-india-features-grid {
        padding: 0px 20px;
        margin-bottom: 20px;
    }

    .north-india-about-card h2 {
        font-size: 26px;
    }

    .north-india-destinations-wrapper {
        padding: 30px 20px;
    }

    .north-india-dest-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}

/* east */
.east-hero-section {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    min-height: 60vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.east-cloud {
    position: absolute;
    background: rgba(255, 255, 255, 0.08);
    border-radius: 100px;
    animation: east-float-cloud 25s linear infinite;
}

.east-cloud1 {
    width: 200px;
    height: 60px;
    top: 15%;
    left: -200px;
}

.east-cloud2 {
    width: 150px;
    height: 50px;
    top: 40%;
    left: -150px;
    animation-delay: 7s;
}

.east-cloud3 {
    width: 180px;
    height: 55px;
    top: 65%;
    left: -180px;
    animation-delay: 14s;
}

.east-mountain {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 150px solid transparent;
    border-right: 150px solid transparent;
    border-bottom: 200px solid rgba(255, 255, 255, 0.05);
}

.east-mountain1 {
    left: 10%;
}

.east-mountain2 {
    right: 15%;
    transform: scale(1.2);
}

.east-mountain3 {
    left: 35%;
    transform: scale(0.8);
}

.east-hero-content {
    text-align: center;
    color: #fff;
    z-index: 2;
    padding: 40px 20px;
    animation: east-zoomIn 1s ease;
}

.east-hero-content h1 {
    font-size: 46px;
    color: wheat;
    margin-bottom: 5px;
    text-shadow: 3px 3px 20px rgba(0, 0, 0, 0.5);
    letter-spacing: 2px;
}

.east-hero-content .east-subtitle {
    font-size: 17px;
    opacity: 0.95;
    margin-bottom: 30px;
    font-weight: 300;
}

.east-hero-icon {
    font-size: 5rem;
    margin-bottom: 20px;
    animation: east-pulse 2s ease-in-out infinite;
}

.east-content-section {
    max-width: 1332px;
    margin: -70px auto 0;
    padding: 0 20px 60px;
    position: relative;
    z-index: 10;
}

.east-card {
    background: #fff;
    border-radius: 15px;
    padding: 50px;
    box-shadow: 0 20px 60px rgba(15, 52, 96, 0.15);
    margin-bottom: 40px;
    animation: east-slideInLeft 1s ease;
    border-left: 5px solid #0f3460;
}

.east-card h2 {
    font-size: 37px;
    background: linear-gradient(135deg, #1a1a2e, #0f3460);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
    position: relative;
    padding-bottom: 15px;
}

.east-card h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 120px;
    height: 4px;
    background: linear-gradient(90deg, #1a1a2e, #0f3460);
    border-radius: 2px;
}

.east-description {
    font-size: 15px;
    line-height: 1.9;
    color: #4a5568;
    text-align: justify;
}

.east-destinations-card {
    background: linear-gradient(135deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
    padding: 50px 96px;
    position: relative;
    overflow: hidden;
    margin-bottom: 12px;
}

.east-destinations-card::before {
    content: "🌄";
    position: absolute;
    font-size: 18rem;
    opacity: 0.05;
    bottom: -80px;
    left: -60px;
    transform: rotate(-15deg);
}

.east-destinations-card h3 {
    color: #fff;
    font-size: 2rem;
    margin-bottom: 30px;
    text-align: center;
    position: relative;
    z-index: 2;
    letter-spacing: 1px;
}

.east-dest-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
    position: relative;
    z-index: 2;
}

.east-dest-item {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 18px;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.1rem;
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.east-dest-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.5s ease;
}

.east-dest-item:hover::before {
    left: 100%;
}

.east-dest-item:hover {
    background: rgba(255, 255, 255, 0.3);
    transform: translateY(-10px) scale(1.05);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    border-color: rgba(255, 255, 255, 0.5);
}

.east-features {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    margin-top: 40px;
}

.east-feature-box {
    background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);
    padding: 40px;
    border-radius: 25px;
    color: #fff;
    text-align: center;
    transition: all 0.4s ease;
    cursor: pointer;
    position: relative;
    box-shadow: 0 10px 30px rgba(79, 172, 254, 0.3);
}

.east-feature-box::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: rgba(255, 255, 255, 0.5);
    transform: scaleX(0);
    transition: transform 0.4s ease;
}

.east-feature-box:hover::after {
    transform: scaleX(1);
}

.east-feature-box:hover {
    transform: translateY(-12px) rotate(2deg);
    box-shadow: 0 25px 60px rgba(79, 172, 254, 0.6);
}

.east-feature-box h4 {
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.east-feature-box p {
    font-size: 1.05rem;
    opacity: 0.95;
}

@keyframes east-zoomIn {
    from {
        transform: scale(0.8);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

@keyframes east-slideInLeft {
    from {
        transform: translateX(-100px);
        opacity: 0;
    }

    to {
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes east-pulse {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }
}

@keyframes east-float-cloud {
    0% {
        left: -200px;
    }

    100% {
        left: 110%;
    }
}

@media (max-width: 768px) {
    .east-hero-section {
        min-height: 45vh;
    }

    .east-features {
        display: grid;
        gap: 0px;
        margin-top: -22px;
    }

    .east-feature-box {
        padding: 16px;
        border-radius: 13px;
        margin: 18px;
    }

    .east-hero-content h1 {
        font-size: 30px;
    }

    .east-hero-content .east-subtitle {
        font-size: 15px;
        margin-bottom: 5px;
    }

    .east-content-section {
        max-width: 1332px;
        margin: 0;
        padding: 0;
    }

    .east-card {
        border: none;
    }

    .east-hero-icon {
        font-size: 3rem;
    }

    .east-card {
        padding: 30px 20px;
    }

    .east-card h2 {
        font-size: 2rem;
    }

    .east-destinations-card {
        padding: 30px 20px;
    }

    .east-dest-grid {
        grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    }
}
/* end */
/* Modern Legacy Section - Enhanced Design */
.usj-legacy-section {
    background: linear-gradient(135deg, #f8fafc 0%, #ffffff 50%, #f1f5f9 100%);
    padding: 80px 20px;
    position: relative;
    overflow: hidden;
}

.usj-legacy-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, #ff5733, #ff8c42, #ffc837, #ff5733);
    background-size: 200% 100%;
    animation: gradientMove 3s linear infinite;
}

@keyframes gradientMove {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 200% 0%;
    }
}

.usj-legacy-section .container {
    max-width: 1333px;
    margin: 0 auto;
}

/* Title Section */
.usj-title {
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 8px;
    color: #1a1a1a;
    position: relative;
    opacity: 0;
    animation: fadeInUp 0.8s ease forwards;
    animation-play-state: paused;
}

.usj-title::before {
    content: "";
    position: absolute;
    top: -16px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background: #ff5733;
    border-radius: 2px;
}

.usj-subtitle {
    font-size: 17px;
    color: #666;
    text-align: center;
    margin-bottom: 50px;
    opacity: 0;
    animation: fadeInUp 0.8s ease 0.2s forwards;
    animation-play-state: paused;
    font-weight: 400;
}

/* Metrics Grid */
.usj-metrics-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(217px, 1fr));
    gap: 28px;
    margin-top: 40px;
}

.usj-metric-item {
    background: white;
    border-radius: 20px;
    padding: 40px 20px;
    text-align: center;
    position: relative;
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
    border: 1px solid #f0f0f0;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    opacity: 0;
    transform: translateY(50px) scale(0.95);
    animation: fadeInScale 0.8s ease forwards;
    animation-play-state: paused;
    overflow: hidden;
}

.usj-metric-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        135deg,
        transparent 0%,
        rgba(255, 87, 51, 0.03) 100%
    );
    opacity: 0;
    transition: opacity 0.5s ease;
}

.usj-metric-item:hover::before {
    opacity: 1;
}

.usj-metric-item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 120px;
    height: 120px;
    background: radial-gradient(
        circle,
        rgba(255, 87, 51, 0.08) 0%,
        transparent 70%
    );
    border-radius: 50%;
    transform: translate(40%, -40%);
}

/* Stagger animation delays */
.usj-metric-item:nth-child(1) {
    animation-delay: 0.1s;
}
.usj-metric-item:nth-child(2) {
    animation-delay: 0.2s;
}
.usj-metric-item:nth-child(3) {
    animation-delay: 0.3s;
}
.usj-metric-item:nth-child(4) {
    animation-delay: 0.4s;
}
.usj-metric-item:nth-child(5) {
    animation-delay: 0.5s;
}

.usj-metric-item:hover {
    transform: translateY(-16px) scale(1.02);
    box-shadow: 0 20px 48px rgba(255, 87, 51, 0.15),
        0 8px 16px rgba(0, 0, 0, 0.1);
    border-color: rgba(255, 87, 51, 0.2);
}

/* Icon Container */
.usj-metric-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 24px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    position: relative;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
    z-index: 1;
}

.usj-metric-icon i {
    position: relative;
    z-index: 2;
}

.usj-metric-icon::before {
    content: "";
    position: absolute;
    inset: -4px;
    border-radius: 22px;
    background: linear-gradient(135deg, #ff5733, #ff8c42, #ffc837);
    opacity: 0;
    transition: opacity 0.4s ease;
    z-index: -1;
}

.usj-metric-item:hover .usj-metric-icon::before {
    opacity: 1;
    animation: rotateBorder 2s linear infinite;
}

.usj-metric-icon::after {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
    background: white;
    z-index: -1;
}

.usj-metric-item:hover .usj-metric-icon {
    transform: scale(1.15) rotate(5deg);
}

/* Different backgrounds for each icon */
.usj-icon-happy {
    background-color: #eff6ff;
    color: #3b82f6;
}

.usj-icon-experience {
    background-color: #faf5ff;
    color: #a855f7;
}

.usj-icon-tours {
    background-color: #fff7ed;
    color: #f97316;
}

.usj-icon-destination {
    background-color: #f0fdf4;
    color: #10b981;
}

.usj-icon-leader {
    background-color: #fef2f2;
    color: #ef4444;
}

/* Number */
.usj-metric-number {
    font-size: 32px;
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 10px;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}

.usj-metric-item:hover .usj-metric-number {
    animation: numberPulse 0.6s ease;
}

/* Label */
.usj-metric-label {
    font-size: 14px;
    font-weight: 500;
    color: #666;
    line-height: 1.5;
    position: relative;
    z-index: 1;
}

/* Animations */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInScale {
    from {
        opacity: 0;
        transform: translateY(50px) scale(0.95);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes rotateBorder {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes numberPulse {
    0%,
    100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.1);
    }
}

/* Smooth scroll reveal */
.usj-legacy-section.in-view .usj-title,
.usj-legacy-section.in-view .usj-subtitle,
.usj-legacy-section.in-view .usj-metric-item {
    animation-play-state: running;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .usj-metrics-grid {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 992px) {
    .usj-legacy-section {
        padding: 60px 20px;
    }

    .usj-title {
        font-size: 40px;
    }

    .usj-subtitle {
        font-size: 18px;
        margin-bottom: 50px;
    }

    .usj-metrics-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .usj-metric-item {
        padding: 40px 20px;
    }

    .usj-metric-number {
        font-size: 38px;
    }
}

@media (max-width: 600px) {
    .usj-legacy-section {
        padding: 50px 16px;
    }

    .usj-title {
        font-size: 32px;
    }

    .usj-title::before {
        width: 40px;
        top: -16px;
    }

    .usj-subtitle {
        font-size: 16px;
        margin-bottom: 40px;
    }

    .usj-metrics-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .usj-metric-item {
        padding: 36px 20px;
    }

    .usj-metric-icon {
        width: 75px;
        height: 75px;
        font-size: 28px;
        margin-bottom: 24px;
    }

    .usj-metric-number {
        font-size: 36px;
    }

    .usj-metric-label {
        font-size: 15px;
    }
}
/* Certification Section CSS */
.partners-certification-block {
    padding: 60px 91px;
    margin: 0px 0px 20px;
}

.feedback-top-header {
    text-align: center;
    margin-bottom: 50px;
}

.certification-main-title {
    font-size: 2.5em;
    color: #1a1a1a;
    margin-bottom: 3px;
    font-weight: 700;
}

.certification-description-text {
    color: #666;
    font-size: 15px;
    margin-bottom: 0;
}

.certifications-grid-layout {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 35px;
    align-items: center;
}

.single-cert-box {
    background-color: var(--white-color);
    border: 2px solid var(--border-color);
    border-radius: 5px;
    padding: 30px 35px 23px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    border-image-source: linear-gradient(to left, #d72758, #24d3d1);
    border-image-slice: 1;
    text-align: center;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.single-cert-box:hover {
    transform: scale(1.06);
    border-color: #4285f4;
    box-shadow: 0 8px 25px rgba(66, 133, 244, 0.15);
    background: white;
}

.certification-icon-display {
    font-size: 3.5em;
    margin-bottom: 18px;
    filter: grayscale(0%);
    transition: filter 0.3s ease;
}

.single-cert-box:hover .certification-icon-display {
    filter: grayscale(0%);
}

.certification-company-name {
    font-size: 1.12em;
    font-weight: 600;
    color: #2c2c2c;
    margin-bottom: 8px;
}

.verification-badge-tag {
    display: inline-block;
    background: linear-gradient(135deg, #667eea, #764ba2);
    color: white;
    padding: 6px 18px;
    border-radius: 20px;
    font-size: 0.78em;
    margin-top: 10px;
    font-weight: 500;
}

/* Responsive Design */
@media (max-width: 768px) {
    .partners-certification-block {
        padding: 40px 25px;
    }

    .certification-main-title {
        font-size: 2em;
    }

    .certification-description-text {
        font-size: 1em;
    }

    .certifications-grid-layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .single-cert-box {
        height: 180px;
        padding: 25px;
    }

    .certification-icon-display {
        font-size: 3em;
    }
}

@media (max-width: 480px) {
    .certification-main-title {
        font-size: 1.6em;
    }

    .single-cert-box {
        height: 160px;
    }
}
/* Offer Zone Section - Unique Styles */
.yz-offer-section-wrapper {
    background: #f8f9fa;
}

.yz-deal-card-container {
    background-color: #ffffff;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.yz-deal-card-container .yz-thumbnail-wrapper {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.yz-deal-card-container .yz-thumbnail-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.yz-deal-card-container .yz-discount-label {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #ff6b35;
    color: #fff;
    padding: 8px 15px;
    border-radius: 8px;
    font-weight: 700;
    font-size: 14px;
    box-shadow: 0 3px 10px rgba(255, 107, 53, 0.4);
    z-index: 2;
}

.yz-deal-card-container .yz-content-wrapper {
    padding: 20px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
}

.yz-deal-card-container .yz-content-wrapper h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 8px;
    color: #333;
}

.yz-deal-card-container .yz-location-text {
    color: #666;
    font-size: 13px;
}

.yz-deal-card-container .yz-location-text i {
    color: #ff6b35;
    margin-right: 5px;
}

.yz-deal-card-container .yz-info-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1px;
}

.yz-deal-card-container .yz-trip-duration {
    color: #333;
    font-size: 13px;
    font-weight: 600;
}

.yz-deal-card-container .yz-rating-box {
    display: flex;
    align-items: center;
    gap: 5px;
    background: #f0f9ff;
    padding: 4px 10px;
    border-radius: 20px;
}

.yz-deal-card-container .yz-rating-box i {
    color: #10b981;
    font-size: 14px;
}

.yz-deal-card-container .yz-rating-box span {
    color: #333;
    font-size: 13px;
    font-weight: 700;
}

.yz-deal-card-container .yz-rating-box .yz-review-count {
    color: #999;
    font-size: 12px;
    font-weight: 400;
}

.yz-deal-card-container .yz-schedule-info {
    color: #666;
    font-size: 13px;
    margin-bottom: 12px;
    line-height: 1.5;
}

.yz-deal-card-container .yz-pricing-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 12px;
    border-top: 1px solid #eee;
    margin-top: auto;
}

.yz-deal-card-container .yz-price-left-col {
    display: flex;
    flex-direction: column;
}

.yz-deal-card-container .yz-original-price {
    text-decoration: line-through;
    color: #999;
    font-size: 13px;
}

.yz-deal-card-container .yz-savings-info {
    color: #10b981;
    font-size: 11px;
    font-weight: 600;
}

.yz-deal-card-container .yz-current-price {
    font-size: 22px;
    font-weight: 700;
    color: #333;
}

.yz-deal-card-container .yz-price-unit {
    font-size: 11px;
    color: #999;
}

.yz-deal-card-container .yz-action-buttons {
    display: flex;
    gap: 10px;
    margin-top: 15px;
}

.yz-deal-card-container .yz-call-button {
    width: 45px;
    height: 45px;
    border-radius: 10px;
    border: 2px solid #ff6b35;
    background: #fff;
    color: #ff6b35;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.yz-deal-card-container .yz-call-button:hover {
    background: #ff6b35;
    color: #fff;
}

.yz-deal-card-container .yz-booking-button {
    flex: 1;
    background: #ff6b35;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 20px;
    font-weight: 600;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.yz-deal-card-container .yz-booking-button:hover {
    background: #e55a2b;
    transform: translateY(-2px);
}

/* Review Section - Unique Styles */
.yz-reviews-section-wrapper {
    background: #f8f9fa;
}

.yz-feedback-card {
    background: #fff;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.yz-feedback-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.yz-feedback-card .yz-review-message {
    font-size: 14px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 20px;
    font-style: italic;
    flex-grow: 1;
}

.yz-feedback-card .yz-client-profile {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 15px;
    border-top: 1px solid #eee;
    margin-top: auto;
}

.yz-feedback-card .yz-profile-picture {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 2px solid #f0f0f0;
}

.yz-feedback-card .yz-profile-picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.yz-feedback-card .yz-client-info h5 {
    margin: 0 0 3px 0;
    font-size: 15px;
    font-weight: 700;
    color: #333;
}

.yz-feedback-card .yz-client-info span {
    font-size: 12px;
    color: #999;
    display: block;
    margin-bottom: 5px;
}

.yz-feedback-card .yz-star-rating {
    display: flex;
    gap: 2px;
}

.yz-feedback-card .yz-star-rating i {
    color: #ffc107;
    font-size: 12px;
}

/* Responsive Design */
@media (max-width: 768px) {
    .yz-rate-banner-content {
        min-height: 300px;
    }

    .yz-rate-banner-content h2 {
        font-size: 26px;
    }

    .yz-section-header h2 {
        font-size: 28px;
    }

    .yz-deal-card-container .yz-thumbnail-wrapper {
        height: 180px;
    }
}

/* klook */
.klo-hero-wrapper {
    background: linear-gradient(135deg, #d6295b 0%, #9e2c78 50%, #302f85 100%);
    padding: 60px 0 90px 0;
    position: relative;
    overflow: hidden;
}

.klo-hero-wrapper::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(
            circle at 20% 50%,
            rgba(255, 255, 255, 0.1) 0%,
            transparent 50%
        ),
        radial-gradient(
            circle at 80% 80%,
            rgba(255, 255, 255, 0.1) 0%,
            transparent 50%
        );
}

.klo-hero-content {
    position: relative;
    z-index: 1;
    text-align: center;
    color: white;
}

.klo-hero-content h1 {
    font-size: 37px;
    font-weight: 800;
    margin-bottom: 5px;
    color: #fff;
    text-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
}

.klo-hero-content p {
    font-size: 16px;
    opacity: 0.95;
    font-weight: 400;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.klo-search-box {
    background: white;
    padding: 35px;
    border-radius: 20px;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.2);
    margin-top: 40px;
    position: relative;
    z-index: 1;
}

.klo-search-grid {
    display: grid;
    grid-template-columns: 2fr 1.2fr 1.2fr auto;
    gap: 20px;
    align-items: end;
}

.klo-input-group {
    display: flex;
    flex-direction: column;
}

.klo-input-group label {
    font-weight: 600;
    margin-bottom: 10px;
    color: #2c3e50;
    font-size: 0.95rem;
    letter-spacing: 0.3px;
}

.klo-input-group input,
.klo-input-group select {
    width: 100%;
    padding: 5px 18px;
    border: 2px solid #e8ecef;
    border-radius: 12px;
    font-size: 1rem;
    transition: all 0.3s ease;
    background: #f8f9fa;
    color: #2c3e50;
}

.klo-input-group input::placeholder {
    color: #95a5a6;
    opacity: 1;
}

.klo-input-group input:focus,
.klo-input-group select:focus {
    outline: none;
    border-color: #d6295b;
    background: white;
    box-shadow: 0 0 0 4px rgba(214, 41, 91, 0.08);
}

.klo-input-group select {
    cursor: pointer;
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%232c3e50' d='M6 9L1 4h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 40px;
}

.klo-btn-search {
    padding: 14px 35px;
    background: linear-gradient(135deg, #d6295b 0%, #9e2c78 100%);
    color: white;
    border: none;
    border-radius: 12px;
    font-size: 1.05rem;
    font-weight: 700;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 8px 20px rgba(214, 41, 91, 0.3);
    letter-spacing: 0.5px;
    white-space: nowrap;
}

.klo-btn-search:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 30px rgba(214, 41, 91, 0.4);
    background: linear-gradient(135deg, #9e2c78 0%, #302f85 100%);
}

.klo-btn-search:active {
    transform: translateY(-1px);
}

.klo-destinations-area {
    padding: 80px 0;
    background: #f8f9fa;
}

.klo-cards-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
    gap: 35px;
}

.klo-card {
    background: white;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
    transition: all 0.4s ease;
    border: 1px solid rgba(0, 0, 0, 0.05);
}

.klo-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 20px 50px rgba(214, 41, 91, 0.25);
}

.klo-card-top {
    background: linear-gradient(135deg, #d6295b 0%, #9e2c78 50%, #302f85 100%);
    color: white;
    padding: 30px;
    text-align: center;
    position: relative;
}

.klo-card-flag {
    font-size: 3rem;
    margin-bottom: 15px;
    display: block;
}

.klo-card-top h2 {
    font-size: 2rem;
    margin-bottom: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.klo-card-top p {
    font-size: 1rem;
    opacity: 0.9;
    font-weight: 400;
}

.klo-card-content {
    padding: 25px;
}

.klo-activity {
    padding: 18px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.klo-activity:last-child {
    border-bottom: none;
}

.klo-activity:hover {
    padding-left: 12px;
    background: linear-gradient(
        90deg,
        rgba(214, 41, 91, 0.04) 0%,
        transparent 100%
    );
    border-radius: 10px;
}

.klo-activity-title {
    font-weight: 700;
    color: #2c3e50;
    margin-bottom: 6px;
    font-size: 1.05rem;
    letter-spacing: 0.3px;
}

.klo-activity-info {
    font-size: 0.88rem;
    color: #7f8c8d;
    margin-bottom: 12px;
    line-height: 1.5;
}

.klo-activity-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.klo-activity-rate {
    font-weight: 800;
    background: linear-gradient(135deg, #d6295b, #9e2c78);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    font-size: 1.3rem;
    letter-spacing: 0.5px;
}

.klo-btn-book {
    padding: 10px 22px;
    background: linear-gradient(135deg, #d6295b 0%, #9e2c78 100%);
    color: white;
    border: none;
    border-radius: 10px;
    font-size: 0.9rem;
    cursor: pointer;
    transition: all 0.3s ease;
    font-weight: 700;
    box-shadow: 0 4px 12px rgba(214, 41, 91, 0.25);
    letter-spacing: 0.3px;
}

.klo-btn-book:hover {
    background: linear-gradient(135deg, #9e2c78 0%, #302f85 100%);
    transform: scale(1.05);
    box-shadow: 0 6px 18px rgba(158, 44, 120, 0.35);
}

.klo-features-area {
    background: linear-gradient(135deg, #0f2027 0%, #203a43 50%, #2c5364 100%);
    padding: 80px 0;
    position: relative;
}

.klo-features-heading {
    text-align: center;
    color: #fff;
    margin-bottom: 60px;
    font-size: 2.5rem;
    font-weight: 800;
    letter-spacing: 1px;
    text-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
}

.klo-features-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 30px;
}

.klo-feature-box {
    text-align: center;
    padding: 35px 25px;
    border-radius: 18px;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.klo-feature-box:hover {
    background: white;
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.klo-feature-symbol {
    font-size: 3.5rem;
    margin-bottom: 20px;
    display: block;
}

.klo-feature-box h4 {
    color: #2c3e50;
    margin-bottom: 12px;
    font-weight: 700;
    font-size: 1.2rem;
    letter-spacing: 0.5px;
}

.klo-feature-box p {
    color: #7f8c8d;
    font-size: 0.95rem;
    line-height: 1.6;
}

@media (max-width: 768px) {
    .klo-hero-content h1 {
        font-size: 30px;
    }

    .klo-hero-wrapper {
        padding: 50px 0 77px 0;
    }

    .klo-hero-content p {
        font-size: 15px;
    }

    .klo-destinations-area {
        padding: 40px 0;
    }

    .klo-features-area {
        padding: 44px 0;
    }

    .klo-search-box {
        border-radius: 8px;
    }

    .klo-features-heading {
        font-size: 30px;
    }

    .klo-search-grid {
        grid-template-columns: 1fr;
    }

    .klo-cards-grid {
        grid-template-columns: 1fr;
    }

    .klo-search-box {
        padding: 25px;
    }
}

/* end */
/* adventure booking */
.book-hero {
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
        url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 600"><rect fill="%231e3c72" width="1200" height="600"/><path fill="%232a5298" opacity="0.3" d="M0 400 Q300 300 600 400 T1200 400 V600 H0 Z"/></svg>');
    background-size: cover;
    background-position: center;
    color: white;
    padding: 100px 20px;
    text-align: center;
    animation: bookFadeIn 1s ease;
}

.book-hero h1 {
    font-size: 52px;
    margin-bottom: 15px;
    text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
    color: wheat;
}

.book-hero p {
    font-size: 17px;
    margin-bottom: 30px;
}

.book-hero-buttons {
    display: flex;
    gap: 20px;
    justify-content: center;
    flex-wrap: wrap;
}

.book-hero-btn {
    padding: 15px 35px;
    font-size: 1.1rem;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 600;
}

.book-btn-primary {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
}

.book-btn-primary:hover {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    box-shadow: 0 10px 25px rgba(255, 107, 107, 0.4);
}

.book-btn-secondary {
    background: white;
    color: #1e3c72;
}

.book-btn-secondary:hover {
    background: #f0f0f0;
    color: #1e3c72;
    box-shadow: 0 10px 25px rgba(255, 255, 255, 0.3);
}

.book-category-tabs {
    display: flex;
    justify-content: center;
    gap: 15px;
    padding: 86px 0px 21px 0px;
    margin-bottom: 40px;
    flex-wrap: wrap;
}

.book-tab {
    padding: 12px 25px;
    background: rgba(255, 255, 255, 0.15);
    border: 1px solid #d6295b;
    border-radius: 15px;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: 600;
    backdrop-filter: blur(10px);
}

.book-tab:hover,
.book-tab.book-active {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: #ffffff;
    transform: translateY(-2px);
}

.book-activities-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
    gap: 30px;
    margin-bottom: 50px;
}

.book-activity-card {
    background: white;
    border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    transition: all 0.4s;
    cursor: pointer;
}

.book-activity-card:hover {
    transform: translateY(-15px) scale(1.02);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.3);
}

.book-card-image {
    height: 220px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.book-card-image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.1),
        rgba(0, 0, 0, 0.3)
    );
}

.book-card-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #ff6b6b;
    color: white;
    padding: 6px 15px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.book-card-content {
    padding: 25px;
}

.book-card-title {
    font-size: 1.4rem;
    color: #333;
    margin-bottom: 10px;
    font-weight: 700;
}

.book-card-location {
    color: #666;
    font-size: 0.95rem;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 5px;
}

.book-card-description {
    color: #777;
    font-size: 0.9rem;
    line-height: 1.6;
    margin-bottom: 15px;
}

.book-card-footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 15px;
    border-top: 2px solid #f0f0f0;
}

.book-card-price {
    font-size: 1.5rem;
    color: #1e3c72;
    font-weight: 700;
}

.book-card-price-sub {
    font-size: 0.8rem;
    color: #999;
    font-weight: 400;
}

.book-now-btn {
    padding: 10px 25px;
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    color: white;
    border: none;
    border-radius: 25px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s;
}

.book-now-btn:hover {
    transform: scale(1.05);
    box-shadow: 0 5px 15px rgba(102, 126, 234, 0.4);
}

.book-rating {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 15px;
}

.book-stars {
    color: #ffd700;
    font-size: 1.1rem;
}

.book-rating-text {
    color: #666;
    font-size: 0.85rem;
}

.book-popular-section {
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    padding: 80px 90px 130px 90px;
    margin-top: 50px;
    margin-bottom: 30px;
}

.book-popular-section h2 {
    color: white;
    text-align: center;
    font-size: 2.5rem;
    margin-bottom: 35px;
}

.book-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 25px;
    margin-top: 40px;
}

.book-stat-card {
    background: rgb(241 236 236);
    backdrop-filter: blur(10px);
    padding: 30px;
    border-radius: 15px;
    text-align: center;
    color: black;
    border: 2px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s;
}

.book-stat-card:hover {
    background: rgb(241 236 236);
    transform: translateY(-5px);
}

.book-stat-number {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;
    color: rgb(145, 6, 10);
}

.book-stat-label {
    font-size: 1.1rem;
    opacity: 0.9;
}

@keyframes bookFadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .book-hero h1 {
        font-size: 2.2rem;
    }

    .book-popular-section {
        padding: 52px 40px 89px 40px;
    }

    .book-activities-grid {
        grid-template-columns: 1fr;
    }

    .book-category-tabs {
        gap: 10px;
    }

    .book-tab {
        font-size: 0.9rem;
        padding: 10px 20px;
    }

    .book-popular-section h2 {
        font-size: 25px;
    }
}

/* end */
/* Footer Two */
.footer-v2 {
    background-color: #11221c;
    margin: 30px 20px 20px;
    border-radius: 15px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

@media (max-width: 767.98px) {
    .footer-v2 {
        margin: 30px 10px 20px;
    }
}

.footer-v2 .footer-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
    width: 5000%;
    height: 35%;
    background-repeat: repeat-x;
    background-size: contain;
    -webkit-animation: translateBg 40s linear infinite;
    animation: translateBg 40s linear infinite;
    opacity: 0.05;
}

.footer-v2 .footer-cta {
    position: relative;
    z-index: 1;
    padding-top: 85px;
    padding-bottom: 100px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 767.98px) {
    .footer-v2 .footer-cta {
        padding: 45px 0 50px;
    }
}

.footer-v2 .footer-cta .shape {
    position: absolute;
    z-index: -1;
}

@media (max-width: 1650px) {
    .footer-v2 .footer-cta .shape img {
        width: 70%;
    }
}

@media screen and (max-width: 1199.98px) {
    .footer-v2 .footer-cta .shape {
        display: none;
    }
}

.footer-v2 .footer-cta .shape.shape-one {
    top: 150px;
    left: 80px;
}

@media (max-width: 1650px) {
    .footer-v2 .footer-cta .shape.shape-one {
        top: 50px;
        left: 30px;
    }
}

.footer-v2 .footer-cta .shape.shape-two {
    right: 190px;
    top: 190px;
}

@media (max-width: 1650px) {
    .footer-v2 .footer-cta .shape.shape-two {
        right: 0;
        top: 90px;
    }
}

.footer-v2 .footer-cta .cta-content-box h2 {
    color: var(--white-color);
    margin-bottom: 30px;
}

@media (max-width: 1650px) {
    .footer-v2 .footer-cta .cta-content-box h2 {
        font-size: 45px;
        line-height: 55px;
    }
}

@media screen and (max-width: 1199.98px) {
    .footer-v2 .footer-cta .cta-content-box h2 {
        font-size: 38px;
        line-height: 50px;
    }
}

@media (max-width: 767.98px) {
    .footer-v2 .footer-cta .cta-content-box h2 {
        font-size: 28px;
        line-height: 40px;
    }
}

.footer-v2 .footer-cta .cta-content-box p {
    font-size: 24px;
    color: var(--white-color);
    margin-bottom: 40px;
}

@media (max-width: 767.98px) {
    .footer-v2 .footer-cta .cta-content-box p {
        font-size: 16px;
        line-height: 30px;
    }
}

.footer-v2 .footer-cta .cta-content-box p span {
    background-color: var(--secondary-color);
    padding: 5px 9px;
    border-radius: 20px;
    line-height: 1;
    font-weight: 600;
}

.footer-v2 .footer-widget {
    color: rgba(255, 255, 255, 0.65);
}

.footer-v2 .footer-widget .widget-title {
    color: var(--white-color);
}

.footer-v2 .footer-widget.footer-about-widget {
    padding-right: 100px;
}

.footer-v2 .footer-widget.footer-about-widget .text-box h4 {
    color: var(--white-color);
}

.footer-v2 .footer-widget.footer-nav-widget ul li a:hover {
    color: var(--white-color);
}

.footer-v2 .footer-widget.footer-nav-widget ul li a:before {
    background-color: var(--secondary-color);
}

.footer-v2 .footer-widget.footer-newsletter-widget {
    padding-left: 70px;
}

@media screen and (max-width: 1199.98px) {
    .footer-v2 .footer-widget.footer-newsletter-widget {
        padding-left: 0;
    }
}

.footer-v2 .footer-widget.footer-newsletter-widget .form_control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
    max-width: 300px;
    color: var(--white-color);
}

.footer-v2
    .footer-widget.footer-newsletter-widget
    .form_control::-webkit-input-placeholder {
    color: var(--white-color);
}

.footer-v2
    .footer-widget.footer-newsletter-widget
    .form_control::-moz-placeholder {
    color: var(--white-color);
}

.footer-v2
    .footer-widget.footer-newsletter-widget
    .form_control:-ms-input-placeholder {
    color: var(--white-color);
}

.footer-v2
    .footer-widget.footer-newsletter-widget
    .form_control::-ms-input-placeholder {
    color: var(--white-color);
}

.footer-v2 .footer-widget.footer-newsletter-widget .form_control::placeholder {
    color: var(--white-color);
}

.footer-v2 .copyright-area {
    border-color: rgba(255, 255, 255, 0.1);
}

.footer-v2 .copyright-area .copyright-text p {
    color: rgba(255, 255, 255, 0.65);
}

.footer-v2 .copyright-area .copyright-social {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    float: right;
}

@media screen and (max-width: 991.98px) {
    .footer-v2 .copyright-area .copyright-social {
        display: none;
    }
}

.footer-v2 .copyright-area .copyright-social a {
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.65);
}

.footer-v2 .copyright-area .copyright-social a:hover {
    background-color: var(--primary-color);
    color: var(--white-color);
}

.footer-v2 .copyright-area .copyright-social a:not(:last-child) {
    margin-right: 10px;
}

/* Footer Three */
.footer-v3 {
    position: relative;
    background-color: var(--primary-black-color);
    z-index: 1;
}

.footer-v3 .footer-top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 991.98px) {
    .footer-v3 .footer-top {
        text-align: center;
        padding: 30px;
    }
}

.footer-v3 .footer-top .footer-top-content {
    padding: 50px 0 50px 70px;
    border-left: 1px solid rgba(255, 255, 255, 0.1);
}

@media screen and (max-width: 991.98px) {
    .footer-v3 .footer-top .footer-top-content {
        padding: 0;
        border-left: none;
    }
}

.footer-v3 .footer-top .footer-top-content h3 {
    font-size: 35px;
    line-height: 45px;
    letter-spacing: -0.02em;
    color: var(--white-color);
}

@media screen and (max-width: 1199.98px) {
    .footer-v3 .footer-top .footer-top-content h3 {
        font-size: 24px;
        line-height: 40px;
    }
}

@media screen and (max-width: 991.98px) {
    .footer-v3 .footer-top .footer-top-content h3 {
        margin-bottom: 30px;
    }
}

.footer-v3 .footer-top .footer-top-content .theme-btn.style-one {
    padding: 5px 5px 5px 15px;
}

.footer-v3 .copyright-area {
    border-color: rgba(255, 255, 255, 0.1);
}

.footer-v3 .footer-widget .footer-content {
    color: rgba(255, 255, 255, 0.65);
}

.footer-v3 .footer-widget .footer-content .widget-title {
    color: var(--white-color);
}

.footer-v3 .footer-widget .footer-content .text-box h5 {
    color: var(--white-color);
}

.footer-v3 .footer-widget.footer-about-widget .footer-content .social-box a {
    border: 1px solid rgba(255, 255, 255, 0.65);
    color: rgba(255, 255, 255, 0.65);
}

.footer-v3
    .footer-widget.footer-about-widget
    .footer-content
    .social-box
    a:hover {
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-color: transparent;
}

.footer-v3 .footer-widget.footer-nav-widget {
    padding-left: 100px;
}

@media (max-width: 1650px) {
    .footer-v3 .footer-widget.footer-nav-widget {
        padding-left: 30px;
    }
}

@media screen and (max-width: 1199.98px) {
    .footer-v3 .footer-widget.footer-nav-widget {
        padding-left: 0;
    }
}

.footer-v3 .footer-widget.footer-nav-widget ul li a {
    color: rgba(255, 255, 255, 0.65);
}

.footer-v3 .footer-widget.footer-nav-widget ul li a:hover {
    color: var(--white-color);
}

.footer-v3 .footer-widget.footer-nav-widget ul li a:before {
    background-color: var(--secondary-color);
}

.footer-v3 .footer-widget.footer-newsletter-widget .form_control {
    border: 1px solid rgba(255, 255, 255, 0.1);
    background-color: transparent;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.35);
    border-radius: 30px;
}

.footer-v3
    .footer-widget.footer-newsletter-widget
    .form_control::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.footer-v3
    .footer-widget.footer-newsletter-widget
    .form_control::-moz-placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.footer-v3
    .footer-widget.footer-newsletter-widget
    .form_control:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.footer-v3
    .footer-widget.footer-newsletter-widget
    .form_control::-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.footer-v3 .footer-widget.footer-newsletter-widget .form_control::placeholder {
    color: rgba(255, 255, 255, 0.35);
}

.footer-v3 .footer-widget.footer-newsletter-widget .icon-btn.style-one {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 36px;
    height: 36px;
    font-size: 14px;
    background-color: var(--secondary-color);
    color: var(--white-color);
    border-color: transparent;
}

/* Footer 404 */
.footer-404 .copyright-area {
    padding: 20px 0;
}
/* singapoe */
.content-wrapper-sinaga {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Hero Section */
.hero-singapore-section {
    min-height: 50vh;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)),
        url("{{ asset('frontend/assets/images/countrys/singapore-bg.jpeg') }}")
            center/cover no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
}

.hero-singapore-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    opacity: 0.3;
    animation: pulseGlow 4s ease-in-out infinite;
}

@keyframes pulseGlow {
    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

.hero-singa-wrapper {
    position: relative;
    z-index: 2;
    animation: fadeSlideUp 1s ease-out;
}

@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-singapore-section h1 {
    font-size: clamp(32px, 5vw, 48px);
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: antiquewhite;
}

.dubai-tagline {
    font-size: clamp(16px, 3vw, 22px);
    margin-bottom: 8px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.dubai-brand {
    font-size: clamp(14px, 2.5vw, 18px);
    color: #ffd700;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Introduction Block */
.singapore-intro-block {
    padding: 50px 0;
    background: white;
}

.section-header-singapore {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.section-header-singapore h2 {
    font-size: clamp(24px, 4vw, 32px);
    position: relative;
    padding-bottom: 10px;
}

.section-header-singapore h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.intro-text-singapore {
    font-size: clamp(15px, 2vw, 17px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

/* Destinations Section */
.destinations-section-singa {
    padding: 50px 0;
    background: #f8f9fa;
}

.destinations-grid-singapore {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.singa-card-yaatrix {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.singa-card-yaatrix:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.25);
}

.singa-img-wrapper {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.singa-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.singa-card-yaatrix:hover .singa-img-wrapper img {
    transform: scale(1.1);
}

.singa-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #d6295b;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.destination-info-singapore {
    padding: 25px;
}

.destination-info-singapore h3 {
    font-size: clamp(20px, 3vw, 24px);
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
}

.destination-info-singapore p {
    color: #666;
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.6;
}

/* Attractions Section */
.attsinga-showcase {
    padding: 50px 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.attractions-list-singapore {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.attsinga-item-yaatrix {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.attsinga-item-yaatrix:hover {
    background: white;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.attsinga-item-yaatrix h4 {
    font-size: clamp(18px, 2.5vw, 22px);
    color: #0d1b2a;
    margin-bottom: 8px;
}

.attsinga-item-yaatrix p {
    font-size: clamp(14px, 2vw, 16px);
    color: #9e2c78;
}

/* Activities Section */
.activity-blocks-singapore {
    padding: 50px 0;
    background: white;
}

.activity-grid-singa {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.activity-box-singapore {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    padding: 35px 25px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}

.activity-box-singapore:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 40px rgba(214, 41, 91, 0.3);
}

.activity-icon-singapore {
    font-size: clamp(40px, 6vw, 60px);
    margin-bottom: 15px;
}

.activity-box-singapore h4 {
    font-size: clamp(18px, 3vw, 22px);
    margin-bottom: 8px;
    color: wheat;
}

.activity-box-singapore p {
    font-size: clamp(14px, 2vw, 16px);
}

/* Practical Info Section */
.practical-singa-section {
    padding: 50px 0;
    background: #f8f9fa;
}

.info-grid-singapore {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.info-card-singa {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border-left: 5px solid #d6295b;
    transition: transform 0.3s ease;
}

.info-card-singa:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.info-card-singa h3 {
    color: #d6295b;
    margin-bottom: 20px;
    font-size: clamp(20px, 3vw, 24px);
}

.info-card-singa ul {
    list-style: none;
    padding: 0;
}

.info-card-singa li {
    padding: 10px 0;
    color: #555;
    padding-left: 30px;
    position: relative;
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.6;
}

.info-card-singa li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6295b;
    font-weight: bold;
    font-size: 18px;
}

/* YaatriX Services Section */
.singa-services-block {
    padding: 50px 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
    margin-bottom: 10px;
}

.services-grid-singapore {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.service-card-singapore {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.service-card-singapore:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.service-card-singapore h4 {
    font-size: clamp(18px, 2.5vw, 22px);
    margin-bottom: 10px;
    color: aquamarine;
}

.service-card-singapore p {
    font-size: clamp(14px, 2vw, 16px);
    opacity: 0.95;
    line-height: 1.5;
}

/* CTA Footer */
.cta-footer-singapore {
    margin-bottom: 10px;
    padding: 60px 20px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    text-align: center;
}

.cta-footer-singapore h2 {
    font-size: clamp(28px, 5vw, 40px);
    margin-bottom: 15px;
    line-height: 1.3;
}

.cta-footer-singapore p {
    font-size: clamp(16px, 3vw, 20px);
    margin-bottom: 25px;
}

.singa-button-yaatrix {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: clamp(16px, 3vw, 20px);
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

.singa-button-yaatrix:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 40px rgba(255, 255, 255, 0.4);
    background: #ffd700;
    color: #302f85;
}

/*
        =============================================
        RESPONSIVE MEDIA QUERIES
        =============================================
        */

/* Tablet */
@media (max-width: 1024px) {
    .content-wrapper-sinaga {
        padding: 0 30px;
    }

    .destinations-grid-singapore,
    .attractions-list-singapore,
    .activity-grid-singa,
    .info-grid-singapore,
    .services-grid-singapore {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .content-wrapper-sinaga {
        padding: 0 15px;
    }

    .singapore-intro-block,
    .destinations-section-singa,
    .attsinga-showcase,
    .activity-blocks-singapore,
    .practical-singa-section,
    .singa-services-block {
        padding: 40px 0;
    }

    .destinations-grid-singapore,
    .attractions-list-singapore,
    .activity-grid-singa,
    .info-grid-singapore,
    .services-grid-singapore {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .hero-singapore-section {
        min-height: 35vh;
        padding: 30px 15px;
    }

    .singa-img-wrapper {
        height: 200px;
    }

    .cta-footer-singapore {
        padding: 40px 15px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .content-wrapper-sinaga {
        padding: 0 12px;
    }

    .section-header-singapore h2 {
        font-size: 22px;
    }

    .intro-text-singapore {
        font-size: 14px;
    }

    .singa-badge {
        padding: 6px 12px;
        font-size: 11px;
    }

    .singa-button-yaatrix {
        padding: 12px 30px;
        font-size: 16px;
    }
}
/* end */
/* bali */
/* Hero Section */

@keyframes pulseGlow-bali {
    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

.hero-content-wrapper-bali {
    position: relative;
    z-index: 2;
    animation: fadeSlideUp-bali 1s ease-out;
}

@keyframes fadeSlideUp-bali {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-bali-section-bali h1 {
    font-size: clamp(32px, 5vw, 48px);
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: antiquewhite;
}

.hero-tagline-bali {
    font-size: clamp(16px, 3vw, 22px);
    margin-bottom: 8px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.yaatrix-brand-bali {
    font-size: clamp(14px, 2.5vw, 18px);
    color: #ffd700;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

/* Content Wrapper for Desktop Centering */
.content-wrapper {
    max-width: 1330px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Introduction Block */
.bali-intro-block-bali {
    padding: 50px 0;
    background: white;
}

.section-header-bali-bali {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.section-header-bali-bali h2 {
    font-size: clamp(24px, 4vw, 32px);
    position: relative;
    padding-bottom: 10px;
}

.section-header-bali-bali h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.intro-text-bali-bali {
    font-size: clamp(15px, 2vw, 17px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

/* Destinations Grid */
.destinations-section-bali {
    padding: 5px 0px 60px 0;
    background: white;
}

.destinations-grid-bali-bali {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 30px;
}

.destination-card-yaatrix-bali {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.destination-card-yaatrix-bali:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.25);
}

.destination-img-wrapper-bali {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.destination-img-wrapper-bali img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.destination-card-yaatrix-bali:hover .destination-img-wrapper-bali img {
    transform: scale(1.1);
}

.destination-badge-bali {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #d6295b;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.destination-info-bali-bali {
    padding: 25px;
}

.destination-info-bali-bali h3 {
    font-size: clamp(20px, 3vw, 24px);
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
}

.destination-info-bali-bali p {
    color: #666;
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.6;
}

/* Attractions Section */
.attractions-showcase-bali {
    padding: 50px 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.attractions-list-bali-bali {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.attraction-item-yaatrix-bali {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.attraction-item-yaatrix-bali:hover {
    background: white;
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
}

.attraction-item-yaatrix-bali h4 {
    font-size: clamp(18px, 2.5vw, 22px);
    margin-bottom: 8px;
    color: #0d1b2a;
}

.attraction-item-yaatrix-bali p {
    font-size: clamp(14px, 2vw, 16px);
    color: #9e2c78;
    margin-left: 32px;
}

/* Activities Section */
.activity-blocks-bali-bali {
    padding: 50px 0;
    background: white;
}

.activity-grid-yaatrix-bali {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.activity-box-bali-bali {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    padding: 35px 25px;
    border-radius: 12px;
    text-align: center;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.15);
}

.activity-box-bali-bali:hover {
    transform: scale(1.05);
    box-shadow: 0 10px 40px rgba(214, 41, 91, 0.3);
}

.activity-icon-bali-bali {
    font-size: clamp(40px, 6vw, 60px);
    margin-bottom: 15px;
}

.activity-box-bali-bali h4 {
    font-size: clamp(18px, 3vw, 22px);
    margin-bottom: 8px;
}

.activity-box-bali-bali p {
    font-size: clamp(14px, 2vw, 16px);
}

/* Practical Info Section */
.practical-info-section-bali {
    padding: 50px 0;
    background: #f8f9fa;
}

.info-grid-bali-bali {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.info-card-yaatrix-bali {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
    border-left: 5px solid #d6295b;
    transition: transform 0.3s ease;
}

.info-card-yaatrix-bali:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.12);
}

.info-card-yaatrix-bali h3 {
    color: #d6295b;
    margin-bottom: 20px;
    font-size: clamp(20px, 3vw, 24px);
}

.info-card-yaatrix-bali ul {
    list-style: none;
    padding: 0;
}

.info-card-yaatrix-bali li {
    padding: 10px 0;
    color: #555;
    padding-left: 30px;
    position: relative;
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.6;
}

.info-card-yaatrix-bali li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6295b;
    font-weight: bold;
    font-size: 18px;
}

/* YaatriX Services Section */
.yaatrix-services-block-bali {
    padding: 50px 0;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.services-grid-bali-bali {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.service-card-yaatrix-bali {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.service-card-yaatrix-bali:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.service-card-yaatrix-bali h4 {
    font-size: clamp(18px, 2.5vw, 22px);
    margin-bottom: 10px;
    color: darkorange;
}

.service-card-yaatrix-bali p {
    font-size: clamp(14px, 2vw, 16px);
    opacity: 0.95;
    line-height: 1.5;
}

/* CTA Footer */
.cta-footer-bali-bali {
    padding: 60px 20px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    text-align: center;
    margin: 10px 0px;
}

.cta-footer-bali-bali h2 {
    font-size: clamp(28px, 5vw, 40px);
    margin-bottom: 15px;
    line-height: 1.3;
}

.cta-footer-bali-bali p {
    font-size: 17px;
    margin-bottom: 20px;
}

.cta-button-yaatrix-bali {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 9px 32px;
    border-radius: 50px;
    text-decoration: none;
    font-size: clamp(16px, 3vw, 20px);
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

.cta-button-yaatrix-bali:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 40px rgba(255, 255, 255, 0.4);
    background: #ffd700;
    color: #302f85;
}

/* Tablet */
@media (max-width: 1024px) {
    .content-wrapper {
        padding: 5px 0px 60px 0;
    }

    .destinations-grid-bali-bali,
    .attractions-list-bali-bali,
    .activity-grid-yaatrix-bali,
    .info-grid-bali-bali,
    .services-grid-bali-bali {
        grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
        gap: 25px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .content-wrapper {
        padding: 0 15px;
    }

    .bali-intro-block-bali,
    .destinations-section-bali,
    .attractions-showcase-bali,
    .activity-blocks-bali-bali,
    .practical-info-section-bali,
    .yaatrix-services-block-bali {
        padding: 40px 0;
    }

    .destinations-grid-bali-bali,
    .attractions-list-bali-bali,
    .activity-grid-yaatrix-bali,
    .info-grid-bali-bali,
    .services-grid-bali-bali {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .hero-bali-section-bali {
        min-height: 35vh;
        padding: 30px 15px;
    }

    .destination-img-wrapper-bali {
        height: 200px;
    }

    .cta-footer-bali-bali {
        padding: 40px 15px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .content-wrapper {
        padding: 0 12px;
    }

    .section-header-bali-bali h2 {
        font-size: 22px;
    }

    .intro-text-bali-bali {
        font-size: 14px;
    }

    .destination-badge-bali {
        padding: 6px 12px;
        font-size: 11px;
    }

    .cta-button-yaatrix-bali {
        padding: 12px 30px;
        font-size: 16px;
    }
}
/* end */
/* baku */
.hero-baku-section {
    min-height: 50vh;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)),
        url("https://images.unsplash.com/photo-1565002163477-c5e8c3c0c6b3?w=1600")
            center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
}

.hero-baku-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    opacity: 0.3;
    animation: pulseGlow 4s ease-in-out infinite;
}

@keyframes pulseGlow {
    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

.baku-content-wrapper {
    position: relative;
    z-index: 2;
    animation: fadeSlideUp 1s ease-out;
    max-width: 1330px;
    width: 100%;
}

@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-baku-section h1 {
    font-size: clamp(32px, 5vw, 52px);
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: antiquewhite;
}

.baku-tagline {
    font-size: clamp(14px, 2.5vw, 18px);
    margin-bottom: 10px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.baku-yaatrix-brand {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    color: #ffd700;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.baku-intro-block,
.baku-activity-blocks,
.baku-practical-info-section {
    padding: 50px 20px;
    background: white;
    max-width: 1330px;
    margin: 0 auto;
}

.section-header-baku {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.section-header-baku h2 {
    font-size: clamp(24px, 4vw, 32px);
    position: relative;
    padding-bottom: 10px;
}

.section-header-baku h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.intro-text-baku {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

.baku-destinations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 50px 20px;
    background: #f8f9fa;
    max-width: 1330px;
    margin: 0 auto;
}

.baku-destination-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.baku-destination-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.3);
}

.baku-destination-img-wrapper {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.baku-destination-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

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

.baku-destination-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #d6295b;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: clamp(0.75rem, 1.5vw, 0.85rem);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.baku-destination-info {
    padding: 25px;
}

.baku-destination-info h3 {
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
}

.baku-destination-info p {
    color: #666;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.7;
}

.baku-attractions-showcase,
.baku-services-block {
    margin-bottom: 20px;
    padding: 50px 20px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.baku-attractions-list,
.services-grid-baku {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.baku-attraction-item,
.service-card-baku {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.baku-attraction-item:hover,
.service-card-baku:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.baku-attraction-item h4 {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: wheat;
    margin-bottom: 10px;
}

.service-card-baku h4 {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: aquamarine;
    margin-bottom: 10px;
}

.baku-attraction-item p,
.service-card-baku p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    opacity: 0.95;
    line-height: 1.6;
}

.baku-activity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.baku-activity-box {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    padding: 35px 25px;
    border-radius: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.baku-activity-box:hover {
    transform: scale(1.05);
}

.baku-activity-icon {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
    margin-bottom: 15px;
}

.baku-activity-box h4 {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    margin-bottom: 10px;
    color: wheat;
}

.baku-activity-box p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.5;
}

.info-grid-baku {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.info-card-baku {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #d6295b;
    transition: transform 0.3s ease;
}

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

.info-card-baku h3 {
    color: #d6295b;
    margin-bottom: 15px;
    font-size: clamp(1.2rem, 3vw, 1.5rem);
}

.info-card-baku ul {
    list-style: none;
    padding: 0;
}

.info-card-baku li {
    padding: 8px 0;
    color: #555;
    padding-left: 25px;
    position: relative;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.6;
}

.info-card-baku li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6295b;
    font-weight: bold;
    font-size: 1.2em;
}

.cta-footer-bali-bali {
    padding: 60px 20px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    text-align: center;
    margin: 10px 0px;
}

.cta-footer-bali-bali h2 {
    font-size: clamp(28px, 5vw, 40px);
    margin-bottom: 15px;
    line-height: 1.3;
}

.cta-footer-bali-bali p {
    font-size: 17px;
    margin-bottom: 20px;
}

.cta-button-yaatrix-baku {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 9px 32px;
    border-radius: 50px;
    text-decoration: none;
    font-size: clamp(16px, 3vw, 20px);
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.3);
}

.cta-button-yaatrix-baku:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 40px rgba(255, 255, 255, 0.4);
    background: #ffd700;
    color: #302f85;
}

/* Tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .baku-destinations-grid,
    .baku-attractions-list,
    .baku-activity-grid,
    .info-grid-baku,
    .services-grid-baku {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop adjustments */
@media (min-width: 1025px) {
    .baku-destinations-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .baku-attractions-list,
    .services-grid-baku {
        grid-template-columns: repeat(4, 1fr);
    }

    .baku-activity-grid,
    .info-grid-baku {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile specific */
@media (max-width: 768px) {
    .hero-baku-section {
        min-height: 30vh;
        padding: 20px;
    }

    .hero-baku-section h1 {
        font-size: 28px;
        margin-bottom: 5px;
    }

    .baku-tagline {
        font-size: 13px;
        margin-bottom: 2px;
    }

    .baku-intro-block,
    .baku-activity-blocks,
    .baku-practical-info-section {
        padding: 16px 20px 16px;
    }

    .baku-destinations-grid {
        padding: 2px 20px 40px;
        grid-template-columns: 1fr;
    }

    .baku-attractions-showcase,
    .baku-services-block {
        padding: 16px 20px;
    }

    .baku-attractions-list,
    .services-grid-baku {
        grid-template-columns: 1fr;
    }

    .baku-practical-info-section {
        padding: 10px 20px 30px;
    }

    .baku-services-block {
        padding: 30px 20px 40px;
    }

    .cta-footer-baku {
        padding: 40px 20px;
    }

    .cta-footer-baku h2 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 7px;
    }

    .cta-footer-baku p {
        font-size: 16px;
        margin: 13px 0;
    }

    .baku-button {
        padding: 7px 20px;
        margin-top: 15px;
    }
}
/* end */
/* srilanka */
.hero-srilanka-section {
    min-height: 50vh;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)),
        url("https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1600")
            center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
}

.hero-srilanka-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    opacity: 0.3;
    animation: pulseGlow 4s ease-in-out infinite;
}

@keyframes pulseGlow {
    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

.srilanka-content-wrapper {
    position: relative;
    z-index: 2;
    animation: fadeSlideUp 1s ease-out;
    max-width: 1330px;
    width: 100%;
}

@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-srilanka-section h1 {
    font-size: clamp(32px, 5vw, 52px);
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: antiquewhite;
}

.srilanka-tagline {
    font-size: clamp(14px, 2.5vw, 18px);
    margin-bottom: 10px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.srilanka-yaatrix-brand {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    color: #ffd700;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.srilanka-intro-block,
.srilanka-activity-blocks,
.srilanka-practical-info-section {
    padding: 50px 20px;
    background: white;
    max-width: 1330px;
    margin: 0 auto;
}

.section-header-srilanka {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.section-header-srilanka h2 {
    font-size: clamp(24px, 4vw, 32px);
    position: relative;
    padding-bottom: 10px;
}

.section-header-srilanka h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.intro-text-srilanka {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

.srilanka-destinations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 50px 20px;
    background: #f8f9fa;
    max-width: 1330px;
    margin: 0 auto;
}

.srilanka-destination-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.srilanka-destination-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.3);
}

.srilanka-destination-img-wrapper {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.srilanka-destination-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

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

.srilanka-destination-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #d6295b;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: clamp(0.75rem, 1.5vw, 0.85rem);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.srilanka-destination-info {
    padding: 25px;
}

.srilanka-destination-info h3 {
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
}

.srilanka-destination-info p {
    color: #666;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.7;
}

.srilanka-attractions-showcase,
.srilanka-services-block {
    padding: 50px 20px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.srilanka-attractions-list,
.services-grid-srilanka {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.srilanka-attraction-item,
.service-card-srilanka {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.srilanka-attraction-item:hover,
.service-card-srilanka:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.srilanka-attraction-item h4 {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: wheat;
    margin-bottom: 10px;
}

.service-card-srilanka h4 {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: aquamarine;
    margin-bottom: 10px;
}

.srilanka-attraction-item p,
.service-card-srilanka p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    opacity: 0.95;
    line-height: 1.6;
}

.srilanka-activity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.srilanka-activity-box {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    padding: 35px 25px;
    border-radius: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.srilanka-activity-box:hover {
    transform: scale(1.05);
}

.srilanka-activity-icon {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
    margin-bottom: 15px;
}

.srilanka-activity-box h4 {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    margin-bottom: 10px;
    color: wheat;
}

.srilanka-activity-box p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.5;
}

.info-grid-srilanka {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.info-card-srilanka {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #d6295b;
    transition: transform 0.3s ease;
}

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

.info-card-srilanka h3 {
    color: #d6295b;
    margin-bottom: 15px;
    font-size: clamp(1.2rem, 3vw, 1.5rem);
}

.info-card-srilanka ul {
    list-style: none;
    padding: 0;
}

.info-card-srilanka li {
    padding: 8px 0;
    color: #555;
    padding-left: 25px;
    position: relative;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.6;
}

.info-card-srilanka li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6295b;
    font-weight: bold;
    font-size: 1.2em;
}

.cta-footer-srilanka {
    padding: 60px 20px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    text-align: center;
}

.cta-footer-srilanka h2 {
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.4;
    margin-bottom: 15px;
}

.cta-footer-srilanka p {
    font-size: clamp(14px, 2.5vw, 18px);
    margin: 20px 0;
}

.srilanka-button {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    font-weight: 600;
    margin-top: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.srilanka-button:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 35px rgba(255, 255, 255, 0.5);
    color: #d6295b;
    text-decoration: none;
}

/* Tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .srilanka-destinations-grid,
    .srilanka-attractions-list,
    .srilanka-activity-grid,
    .info-grid-srilanka,
    .services-grid-srilanka {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop adjustments */
@media (min-width: 1025px) {
    .srilanka-destinations-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .srilanka-attractions-list,
    .services-grid-srilanka {
        grid-template-columns: repeat(4, 1fr);
    }

    .srilanka-activity-grid,
    .info-grid-srilanka {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile specific */
@media (max-width: 768px) {
    .hero-srilanka-section {
        min-height: 30vh;
        padding: 20px;
    }

    .hero-srilanka-section h1 {
        font-size: 39px;
        margin-bottom: 5px;
    }

    .srilanka-tagline {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .srilanka-intro-block,
    .srilanka-activity-blocks,
    .srilanka-practical-info-section {
        padding: 16px 4px 16px;
    }

    .srilanka-destinations-grid {
        padding: 2px 4px 40px;
        grid-template-columns: 1fr;
    }

    .srilanka-attractions-showcase,
    .srilanka-services-block {
        padding: 16px 20px;
    }

    .srilanka-attractions-list,
    .services-grid-srilanka {
        grid-template-columns: 1fr;
    }

    .srilanka-practical-info-section {
        padding: 10px 20px 30px;
    }

    .srilanka-services-block {
        padding: 30px 20px 40px;
    }

    .cta-footer-srilanka {
        padding: 40px 20px;
    }

    .cta-footer-srilanka h2 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 7px;
    }

    .cta-footer-srilanka p {
        font-size: 16px;
        margin: 13px 0;
    }

    .srilanka-button {
        padding: 7px 20px;
        margin-top: 15px;
    }
}
/* end */
/* country */
.cdestinations-section {
    padding: 10px 0;
    background: #ffffff;
}

.cpage-header {
    background: linear-gradient(135deg, #d6295b, #9e2c78, #302f85);
    padding: 110px 0px;
    text-align: center;
}

.cpage-header h1 {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 15px;
    color: wheat;
    animation: fadeInDown 0.8s ease;
    text-shadow: none;
}

.cpage-header .csubtitle {
    font-size: 1.2rem;
    color: #ffffff;
    font-weight: 400;
    animation: fadeInUp 0.8s ease;
}

.cdestinations-card {
    padding: 50px 40px;
    animation: fadeIn 1s ease;
}

.csection-title {
    font-size: 2rem;
    font-weight: 700;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}

.csection-title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100px;
    height: 4px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.csection-title i {
    margin-right: 10px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.cdestination-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.cdestination-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 30px;
    background-size: cover;
    background-position: center;
    color: white;
    text-decoration: none;
    border-radius: 18px;
    transition: all 0.4s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.3);
    position: relative;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, 0.2);
}

.cdestination-btn::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.6));
    z-index: 0;
    transition: opacity 0.4s ease;
}

.cdestination-btn:hover::after {
    opacity: 0.7;
}

.cdestination-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.15),
        transparent
    );
    transition: left 0.6s ease;
}

.cdestination-btn:hover::before {
    left: 100%;
}

.cdestination-btn:hover {
    transform: translateY(-8px) scale(1.02);
    box-shadow: 0 15px 45px rgba(0, 0, 0, 0.4);
    color: white;
    border-color: rgba(255, 255, 255, 0.4);
}

.cdestination-btn .cbtn-content {
    display: flex;
    align-items: center;
    gap: 18px;
    z-index: 2;
    position: relative;
}

.cdestination-btn i {
    font-size: 1.6rem;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(10px);
    padding: 12px;
    border-radius: 12px;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.cdestination-btn .cbtn-text {
    font-size: 1.15rem;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.cdestination-btn .arrow {
    font-size: 1.3rem;
    transition: transform 0.4s ease;
    z-index: 2;
    position: relative;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.cdestination-btn:hover .arrow {
    transform: translateX(8px);
}

/* Different beautiful travel images for each cdestination */
.cdestination-btn:nth-child(1) {
    background-image: url("https://images.unsplash.com/photo-1537996194471-e657df975ab4?w=1000&q=80");
}

.cdestination-btn:nth-child(2) {
    background-image: url("https://images.unsplash.com/photo-1525625293386-3f8f99389edd?w=1000&q=80");
}

.cdestination-btn:nth-child(3) {
    background-image: url("https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=1000&q=80");
}

.cdestination-btn:nth-child(4) {
    background-image: url("https://images.unsplash.com/photo-1514282401047-d79a71a590e8?w=1000&q=80");
}

.cdestination-btn:nth-child(5) {
    background-image: url("/frontend/assets/images/countrys/Baku.jpeg");
}

.cdestination-btn:nth-child(6) {
    background-image: url("https://images.unsplash.com/photo-1596422846543-75c6fc197f07?w=1000&q=80");
}

.cdestination-btn:nth-child(7) {
    background-image: url("https://images.unsplash.com/photo-1566073771259-6a8506099945?w=1000&q=80");
}

.cdestination-btn:nth-child(8) {
    background-image: url("https://images.unsplash.com/photo-1583417319070-4a69db38a482?w=1000&q=80");
}
.cdestination-btn:nth-child(9) {
    background-image: url("/frontend/assets/images/countrys/thailand.jpeg");
}

.cdestination-btn:nth-child(1) i,
.cdestination-btn:nth-child(5) i {
    background: rgba(214, 41, 91, 0.3);
    backdrop-filter: blur(10px);
    border-color: rgba(214, 41, 91, 0.5);
}

.cdestination-btn:nth-child(2) i,
.cdestination-btn:nth-child(6) i {
    background: rgba(158, 44, 120, 0.3);
    backdrop-filter: blur(10px);
    border-color: rgba(158, 44, 120, 0.5);
}

.cdestination-btn:nth-child(3) i,
.cdestination-btn:nth-child(7) i {
    background: rgba(48, 47, 133, 0.3);
    backdrop-filter: blur(10px);
    border-color: rgba(48, 47, 133, 0.5);
}

.cdestination-btn:nth-child(4) i,
.cdestination-btn:nth-child(8) i {
    background: rgba(214, 41, 91, 0.3);
    backdrop-filter: blur(10px);
    border-color: rgba(214, 41, 91, 0.5);
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translateY(-40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(40px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@media (max-width: 768px) {
    .cdestinations-section {
        padding: 5px 0px 40px;
    }

    .cpage-header h1 {
        font-size: 24px;
    }

    .cpage-header .csubtitle {
        font-size: 13px;
    }

    .cpage-header {
        padding: 66px 0px;
    }

    .cdestinations-card {
        padding: 30px 20px;
    }

    .csection-title {
        font-size: 1.5rem;
        line-height: 41px;
    }

    .cdestination-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .cdestination-btn {
        padding: 20px 20px;
    }

    .cdestination-btn .cbtn-text {
        font-size: 1rem;
    }

    .cdestination-btn i {
        font-size: 1.3rem;
        width: 45px;
        height: 45px;
    }
}

@media (max-width: 480px) {
    .cpage-header h1 {
        font-size: 25px;
    }

    .cdestinations-card {
        border-radius: 20px;
    }
}
/* end */
/* dubai */
.hero-dubai-section {
    min-height: 50vh;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)),
        url("https://images.unsplash.com/photo-1512453979798-5ea266f8880c?w=1600")
            center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
}

.hero-dubai-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    opacity: 0.3;
    animation: pulseGlow 4s ease-in-out infinite;
}

@keyframes pulseGlow {
    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

.dubai-content-wrapper {
    position: relative;
    z-index: 2;
    animation: fadeSlideUp 1s ease-out;
    max-width: 1330px;
    width: 100%;
}

@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-dubai-section h1 {
    font-size: clamp(32px, 5vw, 52px);
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: antiquewhite;
}

.dubai-tagline {
    font-size: clamp(14px, 2.5vw, 18px);
    margin-bottom: 10px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.dub-yaatrix-brand {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    color: #ffd700;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.dubai-intro-block,
.dubai-activity-blocks-dubai,
.dub-practical-info-section {
    padding: 50px 20px;
    background: white;
    max-width: 1330px;
    margin: 0 auto;
}

.section-header-dubai {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.section-header-dubai h2 {
    font-size: clamp(24px, 4vw, 32px);
    position: relative;
    padding-bottom: 10px;
}

.section-header-dubai h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.intro-text-dubai {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

.dub-destinations-grid-dubai {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 50px 20px;
    background: #f8f9fa;
    max-width: 1330px;
    margin: 0 auto;
}

.dubai-destination-card-yaatrix {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dubai-destination-card-yaatrix:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.3);
}

.dubai-destination-img-wrapper {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.dubai-destination-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.dubai-destination-card-yaatrix:hover .dubai-destination-img-wrapper img {
    transform: scale(1.1);
}

.dubai-destination-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #d6295b;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: clamp(0.75rem, 1.5vw, 0.85rem);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.dubai-destination-info-dubai {
    padding: 25px;
}

.dubai-destination-info-dubai h3 {
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
}

.dubai-destination-info-dubai p {
    color: #666;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.7;
}

.dubai-attractions-showcase,
.yaatdubai-services-block {
    padding: 50px 96px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.dubai-attractions-list-dubai,
.services-grid-dubai {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.dub-attraction-item-yaatrix,
.service-card-yaatdubai {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.dub-attraction-item-yaatrix:hover,
.service-card-yaatdubai:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.dub-attraction-item-yaatrix h4,
.service-card-yaatdubai h4 {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    margin-bottom: 10px;
}

.dub-attraction-item-yaatrix h4 {
    color: wheat;
}

.service-card-yaatdubai h4 {
    color: aquamarine;
}

.dub-attraction-item-yaatrix p,
.service-card-yaatdubai p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    opacity: 0.95;
    line-height: 1.6;
}

.dubai-activity-grid-yaatrix {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.dubai-activity-box-dubai {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    padding: 35px 25px;
    border-radius: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.dubai-activity-box-dubai:hover {
    transform: scale(1.05);
}

.dubai-activity-icon-dubai {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
    margin-bottom: 15px;
}

.dubai-activity-box-dubai h4 {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    margin-bottom: 10px;
    color: wheat;
}

.dubai-activity-box-dubai p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.5;
}

.info-grid-dubai {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.duinfo-card-yaatrix {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #d6295b;
    transition: transform 0.3s ease;
}

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

.duinfo-card-yaatrix h3 {
    color: #d6295b;
    margin-bottom: 15px;
    font-size: clamp(1.2rem, 3vw, 1.5rem);
}

.duinfo-card-yaatrix ul {
    list-style: none;
    padding: 0;
}

.duinfo-card-yaatrix li {
    padding: 8px 0;
    color: #555;
    padding-left: 25px;
    position: relative;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.6;
}

.duinfo-card-yaatrix li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6295b;
    font-weight: bold;
    font-size: 1.2em;
}

.cta-footer-dubai {
    padding: 60px 20px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    text-align: center;
}

.cta-footer-dubai h2 {
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.4;
    margin-bottom: 15px;
}

.cta-footer-dubai p {
    font-size: clamp(14px, 2.5vw, 18px);
    margin: 20px 0;
}

.duba-button-yaatrix {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    font-weight: 600;
    margin-top: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.duba-button-yaatrix:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 35px rgba(255, 255, 255, 0.5);
    color: #d6295b;
    text-decoration: none;
}

/* Tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .dub-destinations-grid-dubai,
    .dubai-attractions-list-dubai,
    .dubai-activity-grid-yaatrix,
    .info-grid-dubai,
    .services-grid-dubai {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop adjustments */
@media (min-width: 1025px) {
    .dub-destinations-grid-dubai {
        grid-template-columns: repeat(3, 1fr);
    }

    .dubai-attractions-list-dubai,
    .services-grid-dubai {
        grid-template-columns: repeat(4, 1fr);
    }

    .dubai-activity-grid-yaatrix,
    .info-grid-dubai {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile specific - keeping existing phone design intact */
@media (max-width: 768px) {
    .hero-dubai-section {
        min-height: 30vh;
        padding: 20px;
    }

    .hero-dubai-section h1 {
        font-size: 39px;
        margin-bottom: 5px;
    }

    .dubai-tagline {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .dubai-intro-block,
    .dubai-activity-blocks-dubai,
    .dub-practical-info-section {
        padding: 16px 20px 16px;
    }

    .dub-destinations-grid-dubai {
        padding: 2px 20px 40px;
        grid-template-columns: 1fr;
    }

    .dubai-attractions-showcase,
    .yaatdubai-services-block {
        padding: 16px 20px;
    }

    .dubai-attractions-list-dubai,
    .services-grid-dubai {
        grid-template-columns: 1fr;
    }

    .dub-practical-info-section {
        padding: 10px 20px 30px;
    }

    .yaatdubai-services-block {
        padding: 30px 20px 40px;
    }

    .cta-footer-dubai {
        padding: 40px 20px;
    }

    .cta-footer-dubai h2 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 7px;
    }

    .cta-footer-dubai p {
        font-size: 16px;
        margin: 13px 0;
    }

    .duba-button-yaatrix {
        padding: 7px 20px;
        margin-top: 15px;
    }
}
/* end */
/* maldeives */
.hero-maldives-section-maldives {
    min-height: 50vh;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)),
        url("https://images.unsplash.com/photo-1514282401047-d79a71a590e8?w=1600")
            center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
}

.hero-maldives-section-maldives::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    opacity: 0.3;
    animation: pulseGlow-maldives 4s ease-in-out infinite;
}

@keyframes pulseGlow-maldives {
    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

.hero-content-wrapper-maldives {
    position: relative;
    z-index: 2;
    animation: fadeSlideUp-maldives 1s ease-out;
}

@keyframes fadeSlideUp-maldives {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-maldives-section-maldives h1 {
    font-size: clamp(32px, 6vw, 48px);
    margin-bottom: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    color: antiquewhite;
}

.hero-tagline-maldives {
    font-size: clamp(14px, 3vw, 18px);
    margin-bottom: 8px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.yaatrix-brand-maldives {
    font-size: clamp(16px, 3vw, 20px);
    color: #ffd700;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.maldives-intro-block-maldives {
    padding: 40px 20px;
    background: white;
    max-width: 1330px;
    margin: 0 auto;
}

.section-header-maldives-maldives {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 25px;
}

.section-header-maldives-maldives h2 {
    font-size: clamp(24px, 5vw, 32px);
    position: relative;
    padding-bottom: 10px;
}

.section-header-maldives-maldives h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.intro-text-maldives-maldives {
    font-size: clamp(15px, 2.5vw, 17px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

.destinations-grid-maldives-maldives {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    padding: 5px 20px 60px;
    max-width: 1330px;
    margin: 0 auto;
}

.destination-card-yaatrix-maldives {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.destination-card-yaatrix-maldives:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 35px rgba(214, 41, 91, 0.3);
}

.destination-img-wrapper-maldives {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.destination-img-wrapper-maldives img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.destination-card-yaatrix-maldives:hover .destination-img-wrapper-maldives img {
    transform: scale(1.1);
}

.destination-badge-maldives {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #d6295b;
    padding: 8px 15px;
    border-radius: 20px;
    font-weight: 600;
    font-size: clamp(11px, 2vw, 13px);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.destination-info-maldives-maldives {
    padding: 25px;
}

.destination-info-maldives-maldives h3 {
    font-size: clamp(18px, 4vw, 22px);
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
    font-weight: 600;
}

.destination-info-maldives-maldives p {
    color: #666;
    font-size: clamp(14px, 2.5vw, 16px);
    line-height: 1.7;
}

.attractions-showcase-maldives {
    padding: 50px 80px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.attractions-showcase-maldives .section-header-maldives-maldives {
    max-width: 1330px;
    margin: 0 auto 30px;
}

.attractions-list-maldives-maldives {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.attraction-item-yaatrix-maldives {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.attraction-item-yaatrix-maldives:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.attraction-item-yaatrix-maldives h4 {
    font-size: clamp(16px, 3.5vw, 20px);
    color: wheat;
    margin-bottom: 10px;
    font-weight: 600;
}

.attraction-item-yaatrix-maldives p {
    font-size: clamp(14px, 2.5vw, 16px);
    opacity: 0.9;
    line-height: 1.6;
}

.activity-blocks-maldives-maldives {
    padding: 50px 20px;
    background: white;
    max-width: 1330px;
    margin: 0 auto;
}

.activity-grid-yaatrix-maldives {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px;
}

.activity-box-maldives-maldives {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    padding: 35px 25px;
    border-radius: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}

.activity-box-maldives-maldives:hover {
    transform: scale(1.05);
}

.activity-icon-maldives-maldives {
    font-size: clamp(40px, 8vw, 60px);
    margin-bottom: 15px;
}

.activity-box-maldives-maldives h4 {
    font-size: clamp(18px, 4vw, 22px);
    margin-bottom: 8px;
    color: wheat;
    font-weight: 600;
}

.activity-box-maldives-maldives p {
    font-size: clamp(14px, 2.5vw, 16px);
    line-height: 1.5;
}

.practical-info-section-maldives {
    padding: 50px 82px;
    background: #f8f9fa;
}

.practical-info-section-maldives .section-header-maldives-maldives {
    max-width: 1330px;
    margin: 0 auto 30px;
}

.info-grid-maldives-maldives {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    max-width: 1400px;
    margin: 0 auto;
}

.info-card-yaatrix-maldives {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 3px 15px rgba(0, 0, 0, 0.08);
    border-left: 5px solid #d6295b;
    transition: transform 0.3s ease;
}

.info-card-yaatrix-maldives:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}

.info-card-yaatrix-maldives h3 {
    color: #d6295b;
    margin-bottom: 18px;
    font-size: clamp(18px, 4vw, 22px);
    font-weight: 600;
}

.info-card-yaatrix-maldives ul {
    list-style: none;
    padding: 0;
}

.info-card-yaatrix-maldives li {
    padding: 10px 0;
    color: #555;
    padding-left: 25px;
    position: relative;
    font-size: clamp(14px, 2.5vw, 16px);
    line-height: 1.6;
}

.info-card-yaatrix-maldives li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6295b;
    font-weight: bold;
    font-size: 18px;
}

.yaatrix-services-block-maldives {
    padding: 50px 82px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.yaatrix-services-block-maldives .section-header-maldives-maldives {
    max-width: 1330px;
    margin: 0 auto 30px;
}

.services-grid-maldives-maldives {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    max-width: 1400px;
    margin: 0 auto;
}

.service-card-yaatrix-maldives {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.service-card-yaatrix-maldives:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.service-card-yaatrix-maldives h4 {
    font-size: clamp(16px, 3.5vw, 20px);
    margin-bottom: 8px;
    color: aquamarine;
    font-weight: 600;
}

.service-card-yaatrix-maldives p {
    font-size: clamp(14px, 2.5vw, 16px);
    opacity: 0.9;
    line-height: 1.6;
}

.cta-footer-maldives-maldives {
    padding: 60px 20px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    text-align: center;
}

.cta-footer-maldives-maldives h2 {
    font-size: clamp(24px, 5vw, 36px);
    line-height: 1.4;
    margin-bottom: 15px;
    font-weight: 700;
}

.cta-footer-maldives-maldives p {
    font-size: clamp(16px, 3vw, 20px);
    margin: 20px 0;
    opacity: 0.95;
}

.cta-button-yaatrix-maldives {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: clamp(16px, 3.5vw, 20px);
    font-weight: 600;
    margin-top: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.cta-button-yaatrix-maldives:hover {
    transform: scale(1.08);
    box-shadow: 0 8px 30px rgba(255, 255, 255, 0.4);
}

/* Tablet Responsive */
@media (max-width: 1024px) and (min-width: 769px) {
    .destinations-grid-maldives-maldives,
    .attractions-list-maldives-maldives,
    .activity-grid-yaatrix-maldives,
    .info-grid-maldives-maldives,
    .services-grid-maldives-maldives {
        grid-template-columns: repeat(2, 1fr);
    }

    .hero-maldives-section-maldives {
        min-height: 35vh;
    }
}

/* Mobile Responsive */
@media (max-width: 768px) {
    .destinations-grid-maldives-maldives,
    .attractions-list-maldives-maldives,
    .activity-grid-yaatrix-maldives,
    .info-grid-maldives-maldives,
    .services-grid-maldives-maldives {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .maldives-intro-block-maldives,
    .destinations-grid-maldives-maldives,
    .attractions-showcase-maldives,
    .activity-blocks-maldives-maldives,
    .practical-info-section-maldives,
    .yaatrix-services-block-maldives,
    .cta-footer-maldives-maldives {
        padding: 35px 15px;
    }

    .hero-maldives-section-maldives {
        min-height: 35vh;
        padding: 30px 15px;
    }

    .destination-img-wrapper-maldives {
        height: 200px;
    }

    .intro-text-maldives-maldives {
        text-align: left;
    }

    .cta-button-yaatrix-maldives {
        padding: 12px 30px;
    }
}

/* Small Mobile */
@media (max-width: 480px) {
    .hero-maldives-section-maldives h1 {
        font-size: 28px;
    }

    .section-header-maldives-maldives h2 {
        font-size: 22px;
    }

    .destination-img-wrapper-maldives {
        height: 180px;
    }

    .maldives-intro-block-maldives,
    .destinations-grid-maldives-maldives,
    .attractions-showcase-maldives,
    .activity-blocks-maldives-maldives,
    .practical-info-section-maldives,
    .yaatrix-services-block-maldives {
        padding: 25px 12px;
    }

    .activity-icon-maldives-maldives {
        font-size: 36px;
    }
}

/* Large Desktop */
@media (min-width: 1400px) {
    .destinations-grid-maldives-maldives,
    .attractions-list-maldives-maldives,
    .info-grid-maldives-maldives,
    .services-grid-maldives-maldives {
        grid-template-columns: repeat(3, 1fr);
    }

    .activity-grid-yaatrix-maldives {
        grid-template-columns: repeat(3, 1fr);
    }
}
/* end */
/* maldevip */
.hero-malaysia-section {
    min-height: 40vh;
    background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.5)),
        url("https://images.unsplash.com/photo-1596422846543-75c6fc197f07?w=1600")
            center/cover;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: white;
    position: relative;
    overflow: hidden;
    padding: 40px 20px;
}

.hero-malaysia-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    opacity: 0.3;
    animation: pulseGlow 4s ease-in-out infinite;
}

@keyframes pulseGlow {
    0%,
    100% {
        opacity: 0.3;
    }

    50% {
        opacity: 0.5;
    }
}

.malaysia-content-wrapper {
    position: relative;
    z-index: 2;
    animation: fadeSlideUp 1s ease-out;
    max-width: 1330px;
    width: 100%;
}

@keyframes fadeSlideUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.hero-malaysia-section h1 {
    font-size: clamp(32px, 5vw, 52px);
    margin-bottom: 15px;
    font-weight: 700;
    letter-spacing: 1px;
    color: antiquewhite;
}

.malaysia-tagline {
    font-size: clamp(14px, 2.5vw, 18px);
    margin-bottom: 10px;
    text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5);
}

.malaysia-yaatrix-brand {
    font-size: clamp(0.9rem, 2vw, 1.2rem);
    color: #ffd700;
    font-weight: 600;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.malaysia-intro-block,
.malaysia-activity-blocks,
.malaysia-practical-info-section {
    padding: 50px 20px;
    background: white;
    max-width: 1330px;
    margin: 0 auto;
}

.section-header-malaysia {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 30px;
}

.section-header-malaysia h2 {
    font-size: clamp(24px, 4vw, 32px);
    position: relative;
    padding-bottom: 10px;
}

.section-header-malaysia h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    border-radius: 2px;
}

.intro-text-malaysia {
    font-size: clamp(14px, 2vw, 16px);
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
    text-align: justify;
}

.malaysia-destinations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
    padding: 50px 20px;
    background: #f8f9fa;
    max-width: 1330px;
    margin: 0 auto;
}

.malaysia-destination-card {
    background: white;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.malaysia-destination-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 40px rgba(214, 41, 91, 0.3);
}

.malaysia-destination-img-wrapper {
    height: 220px;
    overflow: hidden;
    position: relative;
}

.malaysia-destination-img-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

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

.malaysia-destination-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    background: rgba(255, 255, 255, 0.95);
    color: #d6295b;
    padding: 8px 16px;
    border-radius: 20px;
    font-weight: 600;
    font-size: clamp(0.75rem, 1.5vw, 0.85rem);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}

.malaysia-destination-info {
    padding: 25px;
}

.malaysia-destination-info h3 {
    font-size: clamp(1.2rem, 3vw, 1.6rem);
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 12px;
}

.malaysia-destination-info p {
    color: #666;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.7;
}

.malaysia-attractions-showcase,
.malaysia-services-block {
    padding: 50px 20px;
    background: linear-gradient(135deg, #0d1b2a 0%, #1b263b 50%, #415a77 100%);
    color: white;
}

.malaysia-attractions-list,
.services-grid-malaysia {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.malaysia-attraction-item,
.service-card-malaysia {
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    padding: 25px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all 0.3s ease;
}

.malaysia-attraction-item:hover,
.service-card-malaysia:hover {
    background: rgba(255, 255, 255, 0.25);
    transform: translateY(-5px);
}

.malaysia-attraction-item h4 {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: wheat;
    margin-bottom: 10px;
}

.service-card-malaysia h4 {
    font-size: clamp(1.1rem, 2.5vw, 1.3rem);
    color: aquamarine;
    margin-bottom: 10px;
}

.malaysia-attraction-item p,
.service-card-malaysia p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    opacity: 0.95;
    line-height: 1.6;
}

.malaysia-activity-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.malaysia-activity-box {
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    padding: 35px 25px;
    border-radius: 15px;
    text-align: center;
    transition: transform 0.3s ease;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}

.malaysia-activity-box:hover {
    transform: scale(1.05);
}

.malaysia-activity-icon {
    font-size: clamp(2.5rem, 6vw, 3.5rem);
    margin-bottom: 15px;
}

.malaysia-activity-box h4 {
    font-size: clamp(1.2rem, 3vw, 1.4rem);
    margin-bottom: 10px;
    color: wheat;
}

.malaysia-activity-box p {
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.5;
}

.info-grid-malaysia {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    margin-top: 30px;
    max-width: 1330px;
    margin-left: auto;
    margin-right: auto;
}

.info-card-malaysia {
    background: white;
    padding: 30px;
    border-radius: 12px;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
    border-left: 5px solid #d6295b;
    transition: transform 0.3s ease;
}

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

.info-card-malaysia h3 {
    color: #d6295b;
    margin-bottom: 15px;
    font-size: clamp(1.2rem, 3vw, 1.5rem);
}

.info-card-malaysia ul {
    list-style: none;
    padding: 0;
}

.info-card-malaysia li {
    padding: 8px 0;
    color: #555;
    padding-left: 25px;
    position: relative;
    font-size: clamp(0.9rem, 2vw, 1rem);
    line-height: 1.6;
}

.info-card-malaysia li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: #d6295b;
    font-weight: bold;
    font-size: 1.2em;
}

.cta-footer-malaysia {
    padding: 60px 20px;
    background: radial-gradient(circle, #d6295b, #9e2c78, #302f85);
    color: white;
    text-align: center;
}

.cta-footer-malaysia h2 {
    font-size: clamp(24px, 4vw, 36px);
    line-height: 1.4;
    margin-bottom: 15px;
}

.cta-footer-malaysia p {
    font-size: clamp(14px, 2.5vw, 18px);
    margin: 20px 0;
}

.malaysia-button {
    display: inline-block;
    background: white;
    color: #d6295b;
    padding: 15px 40px;
    border-radius: 50px;
    text-decoration: none;
    font-size: clamp(1rem, 2.5vw, 1.3rem);
    font-weight: 600;
    margin-top: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
}

.malaysia-button:hover {
    transform: scale(1.08);
    box-shadow: 0 10px 35px rgba(255, 255, 255, 0.5);
    color: #d6295b;
    text-decoration: none;
}

/* Tablet specific adjustments */
@media (min-width: 769px) and (max-width: 1024px) {
    .malaysia-destinations-grid,
    .malaysia-attractions-list,
    .malaysia-activity-grid,
    .info-grid-malaysia,
    .services-grid-malaysia {
        grid-template-columns: repeat(2, 1fr);
    }
}

/* Desktop adjustments */
@media (min-width: 1025px) {
    .malaysia-destinations-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .malaysia-attractions-list,
    .services-grid-malaysia {
        grid-template-columns: repeat(4, 1fr);
    }

    .malaysia-activity-grid,
    .info-grid-malaysia {
        grid-template-columns: repeat(3, 1fr);
    }
}

/* Mobile specific */
@media (max-width: 768px) {
    .hero-malaysia-section {
        min-height: 30vh;
        padding: 20px;
    }

    .hero-malaysia-section h1 {
        font-size: 39px;
        margin-bottom: 5px;
    }

    .malaysia-tagline {
        font-size: 15px;
        margin-bottom: 2px;
    }

    .malaysia-intro-block,
    .malaysia-activity-blocks,
    .malaysia-practical-info-section {
        padding: 16px 20px 16px;
    }

    .malaysia-destinations-grid {
        padding: 2px 20px 40px;
        grid-template-columns: 1fr;
    }

    .malaysia-attractions-showcase,
    .malaysia-services-block {
        padding: 16px 20px;
    }

    .malaysia-attractions-list,
    .services-grid-malaysia {
        grid-template-columns: 1fr;
    }

    .malaysia-practical-info-section {
        padding: 10px 20px 30px;
    }

    .malaysia-services-block {
        padding: 30px 20px 40px;
    }

    .cta-footer-malaysia {
        padding: 40px 20px;
    }

    .cta-footer-malaysia h2 {
        font-size: 27px;
        line-height: 37px;
        margin-bottom: 7px;
    }

    .cta-footer-malaysia p {
        font-size: 16px;
        margin: 13px 0;
    }

    .malaysia-button {
        padding: 7px 20px;
        margin-top: 15px;
    }
}
/* Disclaimer */
.yaatrix-disclaimer-box {
    background-color: antiquewhite;
    margin-bottom: 12px;
    padding: 25px 93px;
}


@media (max-width: 767px) {
  .yaatrix-disclaimer-box {
    padding: 20px 27px !important;
  }
}

.vi-pro-tip-text {
    font-size: 15px;
}

/* end */