/* General Styles */
        body {
            /* font-family: 'Acme', sans-serif; */
            margin: 0;
            padding: 0;
            overflow-x: hidden;
        }

        /* Hero Section */
        .hero-section {
            background-image: url('https://images.unsplash.com/photo-1523712999610-f77fbcfc3843?q=80&w=870&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
            background-size: cover;
            background-position: center;
            height: 300px;
            position: relative;
            overflow: hidden;
        }

        .hero-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: linear-gradient(to bottom, #f53245bb, #ff670227);
        }
        
        
        

        .hero-text {
            position: absolute;
            top: 63%;
            left: 35%;
            transform: translate(-50%, -50%);
            color: white;
            text-align: left;
            z-index: 10;
            text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
            padding: 0 20px;
        }

        .hero-title {
            font-size: 1.5rem;
            font-weight: 600;
            animation: pulse 2s infinite;
        }

        @media (min-width: 768px) {
            .hero-section {
                height: 400px;
            }
            .hero-title {
                font-size: 3rem; 
                font-weight: 800;
            }
        }

        .hero-plane {
            position: absolute;
            bottom: 10px;
            right: 10px;
            width: 200px;
        }

        .plane-animation {
            animation: leftRight 3s ease-in-out infinite;
            width: 100%;
        }

        @keyframes leftRight {
            0%, 100% { transform: translateX(0); }
            50% { transform: translateX(20px); }
        }

        @keyframes pulse {
            0% { transform: scale(1); }
            50% { transform: scale(1.05); }
            100% { transform: scale(1); }
        }

        /* Content Section */
        .content-container {
            max-width: 1350px;
            margin: 0 auto;
            padding: 24px 16px;
        }

        .main-grid {
            display: flex;
            flex-direction: column;
            gap: 24px;
        }

        @media (min-width: 1024px) {
            .main-grid {
                flex-direction: row;
                gap: 52px;
            }
            .content-main {
                flex: 2;
            }
            .sidebar {
                flex: 1;
                position: sticky;
                top: 115px;
                align-self: flex-start;
            }
        }

        .image-card {
            overflow: hidden;
            border-radius: 12px;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .main-image {
            width: 100%;
            height: 200px;
            object-fit: cover;
            border-radius: 12px;
            transition: transform 0.5s ease;
        }

        .main-image:hover {
            transform: scale(1.05);
        }

        @media (min-width: 640px) {
            .main-image {
                height: 280px;
            }
        }

        @media (min-width: 1024px) {
            .main-image {
                height: 350px;
            }
        }

        /* Tab Navigation */
        .tab-navigation {
           position: sticky;
    top: 95px; 
    z-index: 18;
    padding: 30px 0;
    background: #fff; 
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
        }

        .tab-list {
            display: flex;
            flex-wrap: nowrap;
            gap: 8px;
            overflow-x: auto;
            padding: 0 16px;
            scrollbar-width: none;
            -ms-overflow-style: none;
        }

        .tab-list::-webkit-scrollbar {
            display: none;
        }

        .tab-button {
            flex: 0 0 auto;
            padding: 8px 16px;
            border: none;
            background: #f0f0f0;
            border-radius: 20px;
            font-size: 0.875rem;
            font-weight: 500;
            cursor: pointer;
            transition: all 0.3s ease;
            white-space: nowrap;
        }

        .tab-button:hover {
            background: #fb7d1557;
            transform: translateY(-2px);
        }

        .tab-button.active {
            background: #e48109;
            color: #ffffff;
        }

        @media (min-width: 768px) {
            .tab-button {
                padding: 10px 20px;
                font-size: 1rem;
            }
        }

        /* Section Styles */
        .section-block {
            background: #f3f4f6;
            padding: 16px;
            margin: 24px 0;
            border-radius: 8px;
        }

        .section-title {
            font-size: 1.5rem;
            font-weight: bold;
            color: #f38503;
            padding: 12px 0;
        }

        .section-text {
            font-size: 0.875rem;
            color: #555;
            line-height: 1.5;
            margin-bottom: 12px;
        }

        @media (min-width: 768px) {
            .section-block {
                padding: 24px;
            }
            .section-title {
                font-size: 2rem;
            }
            .section-text {
                font-size: 1rem;
                line-height: 1.6;
            }
        }

        /* Accordion */
        .accordion-container {
            margin-top: 16px;
        }

        .accordion-item {
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            background: #fff;
            transition: all 0.3s ease;
            margin-bottom: 8px;
        }

        .accordion-item[open] {
            background: #F53246;
            color: #fff;
        }

        .accordion-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 12px;
            font-weight: 600;
            cursor: pointer;
            color: #1f2937;
            font-size: 0.875rem;
        }

        .accordion-item[open] .accordion-title {
            color: #fff;
        }

        .accordion-icon {
            transition: transform 0.3s ease;
            color: #7c3aed;
        }

        .accordion-item[open] .accordion-icon {
            transform: rotate(180deg);
            color: #fff;
        }

        .accordion-content {
            padding: 12px;
            border-top: 1px solid #e5e7eb;
            color: #374151;
            font-size: 0.875rem;
        }

        .accordion-item[open] .accordion-content {
            color: #fff;
        }

        @media (min-width: 768px) {
            .accordion-title {
                padding: 16px;
                font-size: 1rem;
            }
            .accordion-content {
                padding: 16px;
                font-size: 1rem;
            }
        }

        /* Lists */
        .list-container {
            border: 2px solid #d1d5db;
            border-radius: 12px;
            padding: 16px;
            background: #f3f4f6;
            margin-bottom: 16px;
        }

        .list-item {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            color: #1f2937;
            margin-bottom: 8px;
        }

        .list-icon.check {
            color: #22c55e;
            margin-right: 8px;
        }

        .list-icon.cross {
            color: #ef4444;
            margin-right: 8px;
        }

        @media (min-width: 768px) {
            .list-container {
                padding: 24px;
            }
            .list-item {
                font-size: 1.125rem;
            }
        }

        /* Requirements Grid */
        .requirements-grid {
            display: grid;
            grid-template-columns: 1fr;
            gap: 12px;
        }

        @media (min-width: 640px) {
            .requirements-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        .requirement-item {
            display: flex;
            align-items: center;
            font-size: 0.875rem;
            color: #374151;
        }

        .requirement-icon {
            color: #4f46e5;
            margin-right: 8px;
        }

        /* Tips List */
        .tips-list {
            list-style: none;
            padding: 12px;
            background: #fff7eb;
            border: 1px solid rgba(243, 133, 3, 0.3);
            border-radius: 12px;
        }

        .tip-item {
            padding: 8px;
            border: 1px solid transparent;
            background: #fff;
            border-radius: 8px;
            transition: all 0.3s ease;
            font-size: 0.875rem;
        }

        .tip-item:hover {
            background: rgba(243, 133, 3, 0.1);
            border-color: #f38503;
            color: #f38503;
            transform: translateX(8px);
        }

        @media (min-width: 768px) {
            .tips-list {
                padding: 16px;
            }
            .tip-item {
                padding: 12px;
                font-size: 1rem;
            }
        }

        /* FAQ Section */
        .faq-container {
            margin-top: 16px;
        }

        .faq-item {
            border: 1px solid #e5e7eb;
            border-radius: 8px;
            padding: 12px;
            background: #fff;
            transition: all 0.3s ease;
            margin-bottom: 8px;
        }

        .faq-item[open] {
            background: #fef9c3;
        }

        .faq-title {
            display: flex;
            justify-content: space-between;
            align-items: center;
            cursor: pointer;
            font-size: 0.875rem;
            font-weight: 500;
            color: #1f2937;
        }

        .faq-icon {
            transition: transform 0.3s ease;
        }

        .faq-item[open] .faq-icon {
            transform: rotate(180deg);
        }

        .faq-content {
            margin-top: 12px;
            font-size: 0.875rem;
            color: #374151;
        }

        @media (min-width: 768px) {
            .faq-item {
                padding: 16px;
            }
            .faq-title {
                font-size: 1rem;
            }
            .faq-content {
                margin-top: 16px;
                font-size: 1rem;
            }
        }

        /* Package Card */
        .package-card {
            max-width: 100%;
            background: #fff;
            border-radius: 12px;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            padding: 16px;
            border: 1px solid #e5e7eb;
            margin: 0 auto;
        }

        .package-header {
            text-align: center;
            margin-bottom: 12px;
        }

        .package-title {
            font-size: 1.25rem;
            font-weight: 600;
            color: #374151;
        }

        .package-price {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
        }

        .price-old {
            font-size: 0.875rem;
            color: #6b7280;
            text-decoration: line-through;
        }

        .price-new {
            font-size: 1.25rem;
            font-weight: bold;
            color: #111827;
        }

        .deal-title {
            font-size: 1.5rem;
            font-weight: bold;
            color: #1e3a8a;
            margin-top: 8px;
        }

        .package-form {
            display: flex;
            flex-direction: column;
            gap: 10px;
        }

        .form-input,
        .form-textarea {
            width: 100%;
            border: 1px solid #d1d5db;
            border-radius: 8px;
            padding: 8px 12px;
            font-size: 0.875rem;
        }

        .form-input:focus,
        .form-textarea:focus {
            outline: none;
            border-color: #3b82f6;
            box-shadow: 0 0 0 2px rgba(59, 130, 246, 0.5);
        }

        .form-submit {
            width: 100%;
            background: #1e3a8a;
            color: #fff;
            font-weight: 600;
            padding: 8px;
            border-radius: 8px;
            transition: background 0.3s ease;
        }

        .form-submit:hover {
            background: #1e40af;
        }

        /* Contact Card */
        .contact-card {
            position: relative;
            background: url('https://travil-ltr.vercel.app/images/destinations/offter-card.jpg') center/cover no-repeat;
            height: 250px;
            border-radius: 12px;
            margin-top: 24px;
        }

        .contact-overlay {
            position: absolute;
            inset: 0;
            background: #000;
            opacity: 0.7;
            border-radius: 12px;
        }

        .contact-content {
            position: relative;
            z-index: 10;
            display: flex;
            flex-direction: column;
            gap: 12px;
            color: #fff;
            padding: 16px;
            text-align: center;
            max-width: 90%;
            margin: 0 auto;
        }

        .contact-title {
            font-size: 1.5rem;
            font-weight: bold;
        }

        .contact-text {
            font-size: 0.875rem;
        }

        .contact-button {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: #fff;
            color: #000;
            font-weight: bold;
            border-radius: 12px;
            transition: transform 0.3s ease;
        }

        .contact-button:hover {
            transform: scale(1.05);
        }

        @media (min-width: 768px) {
            .package-card {
                padding: 24px;
            }
            .package-title {
                font-size: 1.5rem;
            }
            .price-old {
                font-size: 1rem;
            }
            .price-new {
                font-size: 1.5rem;
            }
            .deal-title {
                font-size: 1.875rem;
            }
            .contact-card {
                height: 300px;
            }
            .contact-title {
                font-size: 2.25rem;
            }
            .contact-text {
                font-size: 1rem;
            }
        }
        
        
        
           footer { background-image: url('https://tourex-next.netlify.app/assets/img/footer/footer.jpg'); background-position: center; background-size: contain; }