/* Extracted Styles from Blade Templates */

/* From: \home.blade.php */
.swiper-button-next, .swiper-button-prev { color: white !important; background: var(--primary-green, #4caf50) !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important; transition: all 0.3s ease !important; display: flex !important; align-items: center !important; justify-content: center !important; }
        .swiper-button-next:hover, .swiper-button-prev:hover { background: var(--dark-green, #388e3c) !important; transform: scale(1.1) !important; }
        .swiper-button-next:after, .swiper-button-prev:after { font-size: 18px !important; font-weight: bold !important; }
        .swiper-button-disabled { opacity: 1 !important; cursor: not-allowed !important; }
        .swiper-pagination-bullet-active { background: var(--primary-green, #4caf50) !important; }
        .swiper-pagination { position: relative !important; margin-top: 24px; }
        /* Fix Swiper hidden overflow vs box shadowing */
        .swiper-slide { padding-bottom: 20px; height: auto; display: flex; }

/* From: \home.blade.php */
.hero-slide {
                background-image: var(--desktop-bg);
            }
            @media (max-width: 768px) {
                .hero-slide {
                    background-image: var(--mobile-bg);
                }
            }

/* From: \layouts\app.blade.php */
/* Custom Pagination Styles - Locked to Layout */
    .pagination {
      display: flex;
      padding-left: 0;
      list-style: none;
      justify-content: center;
      gap: 8px;
      margin-top: 40px;
      margin-bottom: 40px;
      flex-wrap: wrap;
    }

    .page-item .page-link,
    .page-item span.page-link {
      position: relative;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-width: 40px;
      height: 40px;
      color: var(--navy);
      background-color: var(--white);
      border: 1px solid var(--gray-300);
      padding: 0 16px;
      text-decoration: none;
      border-radius: 8px;
      font-weight: 600;
      transition: all 0.2s;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    .page-item.active .page-link,
    .page-item.active span.page-link {
      z-index: 3;
      color: var(--white) !important;
      background-color: var(--primary-green) !important;
      border-color: var(--primary-green);
    }

    .page-item.disabled .page-link,
    .page-item.disabled span.page-link {
      color: var(--gray-500);
      pointer-events: none;
      background-color: var(--gray-100);
      border-color: var(--gray-300);
    }

    .page-item .page-link:hover {
      background-color: var(--cream);
      color: var(--primary-green);
      border-color: var(--primary-green);
      transform: translateY(-2px);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Detail Pages Grid */
    .details-grid {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 24px;
      align-items: start;
    }

    .details-grid>div {
      min-width: 0;
      max-width: 100%;
    }

    /* Prevent grid blowout from long content */
    .detail-card-main {
      background: var(--white);
      border-radius: 16px;
      padding: 20px;
      box-shadow: 0 10px 40px rgba(0, 0, 0, 0.04);
    }

    @media (min-width: 768px) {
      .detail-card-main {
        padding: 40px;
      }
    }

    @media (min-width: 1024px) {
      .details-grid {
        grid-template-columns: 2fr 1fr;
        gap: 48px;
      }

      .details-grid>div {
        max-width: none;
      }
    }

    /* Fallback Overrides for Tailwind Default (In case Bootstrap fails) */
    p.small.text-muted {
      display: none !important;
    }

    .flex.justify-between.flex-1.sm\:hidden {
      display: none !important;
    }

    .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between {
      display: flex;
      width: 100%;
      justify-content: center;
      margin-top: 40px;
    }

    .hidden.sm\:flex-1.sm\:flex.sm\:items-center.sm\:justify-between>div:first-child {
      display: none !important;
    }

    nav[role="navigation"] svg {
      width: 20px;
      height: 20px;
    }

    nav[role="navigation"] a,
    nav[role="navigation"] span[aria-current] {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      height: 40px;
      min-width: 40px;
      padding: 0 16px;
      border-radius: 8px;
      border: 1px solid var(--gray-300);
      background: var(--white);
      color: var(--navy);
      font-weight: 600;
      text-decoration: none;
      margin: 0 4px;
      transition: all 0.2s;
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    }

    nav[role="navigation"] span[aria-current] {
      background: var(--primary-green);
      color: var(--white);
      border-color: var(--primary-green);
    }

    nav[role="navigation"] a:hover {
      transform: translateY(-2px);
      color: var(--primary-green);
      border-color: var(--primary-green);
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    }

    /* Legacy Classes Rich Text Overrides */
    .prose .rate-table table,
    .prose table.table,
    .prose table.table-striped,
    .prose table {
      width: 100%;
      border-collapse: collapse;
      margin: 32px 0;
      font-size: 15px;
      background: var(--white);
      box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05);
      border-radius: 12px;
      overflow: hidden;
      table-layout: auto;
    }

    .prose .rate-table th,
    .prose .rate-table td,
    .prose table.table th,
    .prose table.table td,
    .prose table th,
    .prose table td {
      padding: 16px;
      border-bottom: 1px solid var(--gray-300);
      text-align: left;
      word-break: break-word;
      white-space: normal;
    }

    .prose .rate-table th,
    .prose table.table th,
    .prose table th {
      background-color: var(--navy);
      color: var(--white);
      font-weight: 700;
      text-transform: uppercase;
      font-size: 13px;
      letter-spacing: 1px;
    }

    .prose table.table-striped tr:nth-child(even) {
      background-color: var(--cream);
    }

    .prose table tr:last-child td {
      border-bottom: none;
    }

    /* Responsive Tables for mobile */
    @media (max-width: 768px) {

      .prose .rate-table table,
      .prose table.table,
      .prose table {
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: 100%;
      }

      .prose {
        overflow-wrap: break-word;
        word-wrap: break-word;
        word-break: break-word;
        hyphens: auto;
      }

      .prose img {
        max-width: 100%;
        height: auto;
      }
    }

    /* Header Fixes for active and hover states */
    header.scrolled nav a.cta-header:hover,
    .mobile-menu .cta-header:hover {
      color: var(--navy) !important;
      text-shadow: none !important;
    }

    header.scrolled nav a.active:not(.cta-header) {
      text-decoration: underline;
      text-underline-offset: 4px;
      color: var(--white) !important;
    }

    nav a.active:not(.cta-header) {
      color: var(--primary-green) !important;
      font-weight: 700;
    }

    /* Safety Section SVG styling */
    .prose .safety-concern svg,
    .prose .safety-concern .img-fluid,
    .prose svg {
      width: 56px;
      height: 56px;
      fill: var(--primary-green);
      margin-bottom: 16px;
      display: block;
    }

    .prose .safety-concern.why-us {
      background: var(--white);
      padding: 32px;
      border-radius: 12px;
      border-left: 4px solid var(--primary-green);
      margin: 32px 0;
      box-shadow: 0 8px 30px rgba(0, 0, 0, 0.06);
    }

    .prose .safety-concern.text-left {
      text-align: left;
    }

    /* Book Button styling inside content */
    .prose .btn.btn-main,
    .prose a.btn,
    .prose a.btn-black,
    .prose .book-btn {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      background: linear-gradient(135deg, var(--primary-green), var(--dark-green));
      color: var(--white) !important;
      padding: 14px 28px;
      border-radius: 30px;
      text-decoration: none;
      font-weight: 700;
      margin: 24px 0;
      transition: all 0.3s;
      box-shadow: 0 8px 20px rgba(76, 175, 80, 0.3);
      border: none;
    }

    .prose .btn.btn-main:hover,
    .prose a.btn:hover,
    .prose a.btn-black:hover,
    .prose .book-btn:hover {
      transform: translateY(-3px);
      box-shadow: 0 12px 30px rgba(76, 175, 80, 0.4);
      text-decoration: none;
    }

/* From: \pages\about.blade.php */
.about-redesign-wrapper {
    padding: 100px 20px;
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    position: relative;
    overflow: hidden;
    font-family: inherit;
}
.about-redesign-container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
    padding: 0 24px;
    z-index: 10;
}
.about-glass-card {
    background: rgba(255, 255, 255, 0.85);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid rgba(255, 255, 255, 0.6);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
    border-radius: 24px;
    padding: 50px;
    height: 100%;
}
.about-grid {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 40px;
}
.about-col-full {
    flex: 1;
    width: 100%;
}
.about-title {
    font-size: 38px;
    font-weight: 800;
    color: #111827;
    margin-bottom: 24px;
    line-height: 1.2;
}
.about-title span {
    color: var(--primary-green, #10b981);
}
.about-excerpt {
    font-size: 20px;
    color: var(--primary-green, #10b981);
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1.6;
}
.about-desc {
    color: #4b5563;
    line-height: 1.8;
    font-size: 16px;
}
.about-desc p:last-child {
    margin-bottom: 0;
}
.about-desc-short-card {
    text-align: center;
    background: linear-gradient(135deg, #ffffff 0%, #f8fafc 100%);
}
.about-desc-long-card {
    background: linear-gradient(135deg, var(--navy, #1e3a8a) 0%, #172554 100%);
    color: white;
    text-align: center;
}
.about-desc-long-card .about-desc,
.about-desc-long-card p, 
.about-desc-long-card h1, 
.about-desc-long-card h2, 
.about-desc-long-card h3, 
.about-desc-long-card h4 {
    color: white !important;
}

/* Background blobs matching contact page */
.bg-blob {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.5;
    animation: blob 10s infinite alternate ease-in-out;
    z-index: 1;
    pointer-events: none;
}
.blob-1 {
    top: -100px;
    left: -100px;
    width: 500px;
    height: 500px;
    background: #bbf7d0;
}
.blob-2 {
    top: 50%;
    right: -100px;
    width: 500px;
    height: 500px;
    background: #bfdbfe;
    animation-delay: 2s;
}
.blob-3 {
    bottom: -150px;
    left: 20%;
    width: 600px;
    height: 600px;
    background: #99f6e4;
    animation-delay: 4s;
    animation-name: blob-center;
}
@keyframes blob {
    0% { transform: translate(0px, 0px) scale(1); }
    100% { transform: translate(30px, 50px) scale(1.1); }
}
@keyframes blob-center {
    0% { transform: translate(0px, 0px) scale(1); }
    100% { transform: translate(-30px, -50px) scale(1.1); }
}
@media (max-width: 991px) {
    .about-glass-card { padding: 30px; }
    .about-title { font-size: 30px; }
}

/* From: \pages\blog-detail.blade.php */
.blog-detail-grid {
            display: grid;
            grid-template-columns: 2.2fr 1fr;
            gap: 40px;
            align-items: start;
        }

        .blog-sidebar-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important;
        }

        .blog-sidebar-card:hover .read-article {
            color: #22c55e !important;
        }

        .prose h2,
        .prose h3 {
            color: var(--navy);
            font-weight: 800;
            margin-top: 3rem;
            margin-bottom: 1.5rem;
            line-height: 1.3;
        }

        .prose h2 {
            font-size: 2.2rem;
        }

        .prose h3 {
            font-size: 1.8rem;
        }

        .prose p {
            margin-bottom: 1.8rem;
        }

        .prose img {
            border-radius: 16px;
            margin: 3rem 0;
            max-width: 100%;
            height: auto;
            box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
        }

        .prose blockquote {
            border-left: 5px solid var(--primary-green);
            padding: 1.5rem 2rem;
            font-style: italic;
            color: var(--navy);
            margin: 3rem 0;
            font-size: 1.4rem;
            background: #f8fafc;
            border-radius: 0 12px 12px 0;
        }

        .prose ul,
        .prose ol {
            margin-bottom: 2rem;
            padding-left: 2.5rem;
        }

        .prose li {
            margin-bottom: 0.8rem;
        }

        .social-share a:hover {
            background: var(--primary-green) !important;
            color: white !important;
            border-color: var(--primary-green) !important;
        }

        @media (max-width: 1024px) {
            .blog-detail-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 768px) {
            .detail-card-main {
                padding: 40px 20px !important;
                border-radius: 0 !important;
            }

            .detail-card-main h1 {
                font-size: 2.2rem !important;
            }

            .prose h2 {
                font-size: 1.8rem !important;
            }

            .prose {
                font-size: 1.1rem !important;
            }
        }

/* From: \pages\blog-list.blade.php */
/* CSS styles to make sure pagination looks elegant */
.custom-pagination nav {
    display: flex;
    justify-content: center;
}
.custom-pagination .pagination {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    gap: 8px;
}
.custom-pagination .page-item .page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border-radius: 8px;
    background: white;
    color: var(--navy);
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 4px 10px rgba(0,0,0,0.05);
    border: 1px solid var(--gray-200);
    transition: all 0.2s;
}
.custom-pagination .page-item.active .page-link {
    background: var(--navy);
    color: white;
    border-color: var(--navy);
}
.custom-pagination .page-item a.page-link:hover {
    background: var(--gray-50);
}

/* From: \pages\contact.blade.php */
.contact-redesign-wrapper {
            padding: 100px 20px;
            background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
            position: relative;
            overflow: hidden;
            font-family: inherit;
        }

        .contact-redesign-container {
            max-width: 1440px;
            margin: 0 auto;
            position: relative;
            padding: 0 24px;
            z-index: 10;
        }

        .contact-redesign-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .contact-redesign-header h2 {
            font-size: 48px;
            font-weight: 800;
            color: #111827;
            margin-bottom: 16px;
            line-height: 1.2;
        }

        .contact-redesign-header h2 span {
            color: var(--primary-green, #10b981);
        }

        .contact-redesign-header p {
            font-size: 18px;
            color: #4b5563;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
        }

        .contact-redesign-grid {
            display: flex;
            gap: 40px;
            flex-wrap: wrap;
            align-items: stretch;
        }

        .contact-redesign-col-left {
            flex: 1;
            min-width: 320px;
        }

        .contact-redesign-col-right {
            flex: 2;
            min-width: 320px;
        }

        .contact-glass-card {
            background: rgba(255, 255, 255, 0.85);
            backdrop-filter: blur(16px);
            -webkit-backdrop- फिल्टर: blur(16px);
            border: 1px solid rgba(255, 255, 255, 0.6);
            box-shadow: 0 10px 40px rgba(0, 0, 0, 0.08);
            border-radius: 24px;
            padding: 40px;
            height: 100%;
        }

        .contact-info-title {
            font-size: 26px;
            font-weight: 700;
            color: var(--navy, #1e3a8a);
            margin-bottom: 40px;
        }

        .contact-info-list {
            display: flex;
            flex-direction: column;
            gap: 35px;
        }

        .contact-info-item {
            display: flex;
            align-items: center;
            gap: 20px;
            cursor: pointer;
            transition: all 0.3s;
        }

        .contact-icon-box {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            background: rgba(16, 185, 129, 0.1);
            color: var(--primary-green, #10b981);
            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
            flex-shrink: 0;
        }

        .contact-icon-box svg {
            width: 28px;
            height: 28px;
        }

        .contact-info-item:hover .contact-icon-box {
            background: var(--primary-green, #10b981);
            color: white;
            transform: scale(1.1) rotate(5deg);
            box-shadow: 0 10px 20px rgba(16, 185, 129, 0.2);
        }

        .contact-info-text {
            display: flex;
            flex-direction: column;
        }

        .contact-info-text h4 {
            font-size: 12px;
            font-weight: 700;
            color: #9ca3af;
            text-transform: uppercase;
            letter-spacing: 1.5px;
            margin-bottom: 5px;
        }

        .contact-info-text p {
            font-size: 18px;
            font-weight: 700;
            color: #1f2937;
            transition: color 0.3s;
            margin: 0;
        }

        .contact-info-item:hover .contact-info-text p {
            color: var(--primary-green, #10b981);
        }

        .contact-footer-quote {
            margin-top: 50px;
            padding-top: 35px;
            border-top: 1px solid #e5e7eb;
        }

        .contact-footer-quote p {
            font-size: 15px;
            font-weight: 500;
            color: #6b7280;
            font-style: italic;
            margin: 0;
        }

        .contact-form-container {
            width: 100%;
        }

        .contact-form-grid {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 24px;
            margin-bottom: 24px;
        }

        @media (max-width: 768px) {
            .contact-form-grid {
                grid-template-columns: 1fr;
            }
        }

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

        .contact-form-group.full-width {
            grid-column: 1 / -1;
        }

        .contact-form-group label {
            font-size: 14px;
            font-weight: 600;
            color: #374151;
            margin: 0;
        }

        .contact-form-group label span {
            color: #ef4444;
        }

        .contact-input-field {
            width: 100%;
            padding: 16px 20px;
            border-radius: 12px;
            font-size: 16px;
            transition: all 0.3s ease;
            background: rgba(255, 255, 255, 0.9);
            border: 1px solid rgba(0, 0, 0, 0.1);
            color: #111827;
            font-family: inherit;
            box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
        }

        .contact-input-field::placeholder {
            color: #9ca3af;
        }

        .contact-input-field:focus {
            background: #ffffff;
            border-color: var(--primary-green, #10b981);
            box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
            outline: none;
        }

        textarea.contact-input-field {
            resize: vertical;
            min-height: 140px;
        }

        .contact-btn-primary {
            width: 100%;
            padding: 18px 24px;
            background: linear-gradient(135deg, var(--primary-green, #10b981) 0%, #059669 100%);
            color: white;
            border: none;
            border-radius: 12px;
            font-size: 18px;
            font-weight: 700;
            cursor: pointer;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 12px;
            margin-top: 15px;
            transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
            box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);
        }

        .contact-btn-primary svg {
            width: 20px;
            height: 20px;
            transition: transform 0.3s;
            fill: currentColor;
        }

        .contact-btn-primary:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 25px rgba(16, 185, 129, 0.4);
        }

        .contact-btn-primary:hover svg {
            transform: translateX(5px);
        }

        .contact-success-msg {
            margin-bottom: 30px;
            padding: 16px 20px;
            background: #ecfdf5;
            border: 1px solid #a7f3d0;
            color: #047857;
            border-radius: 12px;
            display: flex;
            align-items: center;
            gap: 12px;
            font-weight: 500;
        }

        .contact-success-msg svg {
            width: 24px;
            height: 24px;
            color: #10b981;
        }

        /* Background blobs */
        .bg-blob {
            position: absolute;
            border-radius: 50%;
            filter: blur(80px);
            opacity: 0.5;
            animation: blob 10s infinite alternate ease-in-out;
            z-index: 1;
            pointer-events: none;
        }

        .blob-1 {
            top: -100px;
            left: -100px;
            width: 500px;
            height: 500px;
            background: #bbf7d0;
        }

        .blob-2 {
            top: -50px;
            right: -100px;
            width: 500px;
            height: 500px;
            background: #bfdbfe;
            animation-delay: 2s;
        }

        .blob-3 {
            bottom: -150px;
            left: 50%;
            margin-left: -250px;
            width: 600px;
            height: 600px;
            background: #99f6e4;
            animation-delay: 4s;
            animation-name: blob-center;
        }

        @keyframes blob {
            0% {
                transform: translate(0px, 0px) scale(1);
            }

            100% {
                transform: translate(30px, 50px) scale(1.1);
            }
        }

        @keyframes blob-center {
            0% {
                transform: translate(0px, 0px) scale(1);
            }

            100% {
                transform: translate(-30px, -50px) scale(1.1);
            }
        }

        .form-note {
            text-align: center;
            font-size: 13px;
            color: #6b7280;
            margin-top: 16px;
        }

/* From: \pages\destination-detail.blade.php */
.redesign-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    padding: 0 8% !important;
    min-height: 480px !important;
}
.hero-right-box {
    display: flex !important;
    flex-direction: column !important;
    z-index: 20 !important;
    position: relative !important;
}
.hero-dest-title {
    color: #ffffff !important; 
    font-size: 30px !important; 
    font-weight: 900 !important; 
    text-shadow: 0 4px 20px rgba(0,0,0,0.6) !important; 
    margin-bottom: 15px !important;
    line-height: 1.1 !important;
    display: block !important;
}
/* .hero-phone {
    align-self: flex-end !important;
    margin-top: 10px !important;
    background: linear-gradient(135deg, #9ed67a, #76b852) !important;
    color: #1a2a3a !important;
    box-shadow: 0 10px 30px rgba(158, 214, 122, 0.5) !important;
    padding: 16px 36px !important;
    border-radius: 50px !important;
    font-size: 24px !important;
}
.hero-phone:hover {
    transform: translateY(-3px) !important;
    background: #b5e493 !important;
} */

@media (max-width: 991px) {
    .redesign-hero {
        justify-content: center !important;
        padding: 120px 24px 60px !important;
        text-align: center !important;
    }
    .hero-right-box {
        text-align: center !important;
        align-items: center !important;
    }
    .hero-phone {
        align-self: center !important;
    }
}

/* Swiper overrides for destination details */
.swiper-button-next, .swiper-button-prev { color: white !important; background: var(--primary-green, #4caf50) !important; width: 40px !important; height: 40px !important; border-radius: 50% !important; box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important; transition: all 0.3s ease !important; margin-top: -20px !important; display: flex !important; align-items: center !important; justify-content: center !important; }
.swiper-button-next:hover, .swiper-button-prev:hover { background: var(--dark-green, #388e3c) !important; transform: scale(1.1) !important; }
.swiper-button-next:after, .swiper-button-prev:after { font-size: 18px !important; font-weight: bold !important; }
.swiper-pagination-bullet-active { background: var(--primary-green, #4caf50) !important; }
.swiper-pagination { position: relative !important; margin-top: 15px; }
.swiper-slide { padding-bottom: 15px; height: auto; display: flex; }

/* From: \pages\destination-detail.blade.php */
.why-choose-dynamic-content ul {
                                    list-style: none;
                                    margin: 0;
                                    padding: 0;
                                    display: flex;
                                    flex-direction: column;
                                    gap: 15px;
                                }
                                .why-choose-dynamic-content li {
                                    display: flex;
                                    align-items: flex-start;
                                    gap: 8px;
                                    font-size: 13px;
                                    line-height: 1.4;
                                }
                                .why-choose-dynamic-content li::before {
                                    content: "▸";
                                    color: var(--primary-green);
                                    font-size: 14px;
                                    margin-top: -2px;
                                    flex-shrink: 0;
                                }

/* From: \pages\destinations.blade.php */
/* ── Destinations Page ── */
    .dest-hero {
        background: linear-gradient(135deg, var(--navy) 0%, var(--navy-light) 100%);
        padding: 120px 24px 80px;
        text-align: center;
    }
    .dest-hero h1 {
        font-size: 48px;
        font-weight: 900;
        color: var(--white);
        margin-bottom: 18px;
        letter-spacing: -0.02em;
        line-height: 1.15;
    }
    .dest-hero h1 span { color: var(--primary-green); }
    .dest-hero p {
        max-width: 680px;
        margin: 0 auto;
        color: rgba(255,255,255,0.78);
        font-size: 18px;
        line-height: 1.75;
    }

    /* Grid */
    .dest-grid-section {
        background: var(--cream);
        padding: 72px 24px 80px;
    }
    .dest-grid-inner {
        max-width: 1300px;
        margin: 0 auto;
    }
    .dest-grid {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 24px;
    }

    /* Card */
    .dest-card {
        display: flex;
        flex-direction: column;
        background: var(--white);
        border-radius: 16px;
        border: 1px solid var(--gray-300);
        padding: 28px 26px 24px;
        text-decoration: none;
        transition: transform 0.25s, box-shadow 0.25s, border-color 0.25s;
        box-shadow: 0 2px 12px rgba(0,0,0,0.06);
        position: relative;
        overflow: hidden;
    }
    .dest-card::before {
        content: '';
        position: absolute;
        top: 0; left: 0; right: 0;
        height: 4px;
        background: linear-gradient(90deg, var(--primary-green), var(--dark-green));
        transform: scaleX(0);
        transform-origin: left;
        transition: transform 0.3s;
    }
    .dest-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 12px 36px rgba(0,0,0,0.12);
        border-color: var(--primary-green);
    }
    .dest-card:hover::before { transform: scaleX(1); }

    .dest-card-icon {
        width: 48px;
        height: 48px;
        background: rgba(76,175,80,0.1);
        border-radius: 12px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        margin-bottom: 16px;
        flex-shrink: 0;
    }
    .dest-featured-badge {
        position: absolute;
        top: 14px; right: 14px;
        background: var(--primary-green);
        color: white;
        padding: 3px 10px;
        border-radius: 20px;
        font-size: 10px;
        font-weight: 700;
        letter-spacing: 0.5px;
        text-transform: uppercase;
    }
    .dest-card h3 {
        font-size: 18px;
        font-weight: 800;
        color: var(--navy);
        margin-bottom: 10px;
        line-height: 1.3;
    }
    .dest-card p {
        color: var(--gray-700);
        font-size: 14px;
        line-height: 1.65;
        flex: 1;
        margin-bottom: 18px;
    }
    .dest-card-arrow {
        display: flex;
        align-items: center;
        gap: 6px;
        color: var(--primary-green);
        font-weight: 700;
        font-size: 14px;
        margin-top: auto;
        transition: gap 0.2s;
    }
    .dest-card:hover .dest-card-arrow { gap: 10px; }

    /* Empty state */
    .dest-empty {
        text-align: center;
        padding: 80px 24px;
        color: var(--gray-500);
        font-size: 18px;
    }

    /* Pagination wrapper */
    .dest-pagination { margin-top: 56px; display: flex; justify-content: center; }

    /* Filter Bar */
    .dest-filter-bar {
        background: var(--white);
        padding: 24px 0;
        border-bottom: 1px solid var(--gray-300);
        position: sticky;
        top: 0;
        z-index: 100;
        box-shadow: 0 4px 15px rgba(0,0,0,0.04);
    }
    .filter-inner {
        max-width: 1440px;
        margin: 0 auto;
        padding: 0 24px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 16px;
    }
    .filter-info {
        font-size: 14px;
        font-weight: 600;
        color: var(--gray-700);
    }
    .filter-info span { color: var(--navy); font-weight: 800; }
    
    .filter-controls {
        display: flex;
        align-items: center;
        gap: 12px;
    }
    .filter-label {
        font-size: 13px;
        font-weight: 700;
        color: var(--navy);
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }
    .custom-select-wrapper {
        position: relative;
        width: 240px;
    }
    .dest-select {
        width: 100%;
        padding: 11px 18px;
        font-size: 15px;
        font-weight: 700;
        color: var(--navy);
        background-color: var(--white);
        border: 2px solid var(--gray-300);
        border-radius: 12px;
        appearance: none;
        cursor: pointer;
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        padding-right: 40px;
    }
    .dest-select:hover { border-color: var(--primary-green); }
    .dest-select:focus {
        outline: none;
        border-color: var(--primary-green);
        box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.15);
    }
    .custom-select-wrapper::after {
        content: '⌄';
        font-size: 16px;
        position: absolute;
        right: 18px;
        top: 45%;
        transform: translateY(-50%);
        color: var(--gray-500);
        pointer-events: none;
    }

    /* Responsive */
    @media (max-width: 968px) {
        .dest-hero { padding: 100px 20px 60px; }
        .dest-hero h1 { font-size: 36px; }
        .dest-grid { grid-template-columns: repeat(2, 1fr); }
    }
    @media (max-width: 600px) {
        .dest-hero h1 { font-size: 28px; }
        .dest-hero p { font-size: 15px; }
        .dest-grid-section { padding: 48px 16px 60px; }
        .dest-grid { grid-template-columns: 1fr; gap: 16px; }
        .dest-card { padding: 22px 20px 20px; }
        .filter-inner { flex-direction: column; align-items: flex-start; gap: 12px; }
        .filter-controls { width: 100%; flex-direction: column; align-items: stretch; }
        .custom-select-wrapper { width: 100%; }
        .dest-filter-bar { padding: 18px 0; }
    }

/* From: \pages\fleet.blade.php */
.fleet-hero-title {
            color: white;
            font-size: 3.5rem;
            text-align: center;
            font-weight: 800;
            letter-spacing: -0.02em;
            margin-bottom: 12px;
        }

        .fleet-hero-subtitle {
            color: var(--primary-green);
            font-size: 1.1rem;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 2px;
            text-align: center;
        }

        .vehicles-section {
            padding: 80px 24px;
            background: #f8fafc;
        }

        .container-custom {
            max-width: 1440px;
            margin: 0 auto;
            padding: 0 24px;
        }

        .fleet-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 32px;
            padding: 24px 0;
        }

        .vehicle-card {
            display: flex;
            flex-direction: column;
            background: #fff;
            border-radius: 16px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
            overflow: hidden;
            transition: transform 0.3s ease;
        }

        .vehicle-image {
            height: 180px;
            background-size: contain;
            background-position: center;
            background-repeat: no-repeat;
            margin: 24px 24px 0 24px;
        }

        .vehicle-content {
            padding: 24px;
            display: flex;
            flex-direction: column;
            flex-grow: 1;
        }

        .vehicle-title {
            font-size: 20px;
            font-weight: 800;
            color: #1e293b;
            margin-bottom: 12px;
            line-height: 1.3;
        }

        .vehicle-info {
            font-size: 12px;
            color: #64748b;
            margin-bottom: 24px;
            line-height: 1.6;
            font-weight: 500;
        }

        .vehicle-btn {
            text-decoration: none;
            display: block;
            width: 100%;
            text-align: center;
            background: #1e293b;
            color: #fff;
            padding: 14px 0;
            border-radius: 30px;
            font-weight: 700;
            font-size: 15px;
            margin-top: auto;
            transition: background 0.3s;
        }

        .vehicle-card:hover {
            transform: translateY(-8px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.12);
        }

        .vehicle-btn:hover {
            filter: brightness(1.1);
        }

        /* Responsiveness */
        @media (max-width: 1024px) {
            .fleet-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .inner-page-header {
                height: 300px !important;
            }

            .inner-header-content {
                padding-top: 60px !important;
                justify-content: center;
            }

            .fleet-hero-title {
                font-size: 2.2rem !important;
            }

            .fleet-grid {
                gap: 20px;
            }

            .vehicles-section {
                padding: 40px 16px;
            }

            .container-custom {
                padding: 0 10px;
            }
        }

        @media (max-width: 640px) {
            .fleet-grid {
                grid-template-columns: 1fr;
            }

            .inner-header-content {
                padding-top: 80px !important;
            }

            .fleet-hero-title {
                font-size: 1.8rem !important;
            }

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

            .vehicle-image {
                height: 150px;
            }
        }

/* From: \pages\service-detail.blade.php */
.why-choose-dynamic-content ul {
                                list-style: none;
                                margin: 0;
                                padding: 0;
                                display: flex;
                                flex-direction: column;
                                gap: 15px;
                            }
                            .why-choose-dynamic-content li {
                                display: flex;
                                align-items: flex-start;
                                gap: 8px;
                                font-size: 13px;
                                line-height: 1.4;
                            }
                            .why-choose-dynamic-content li::before {
                                content: "-";
                                font-size: 10px;
                                margin-top: 2px;
                                flex-shrink: 0;
                            }

/* From: \partials\link-exchanges.blade.php */
/* Remove any gray defaults and force the blue color from your reference UI */
    .partner-snippet,
    .partner-snippet a {
        color: black !important;
        text-decoration: none !important;
    }

    .partner-snippet a:hover {
        text-decoration: underline !important;
    }

    .partner-logo img {
        transition: transform 0.3s ease;
    }

    .link-exchange-item:hover .partner-logo img {
        transform: scale(1.05);
    }

/* From: \partials\newsletter.blade.php */
#newsletter-form-modern input::placeholder {
            color: #64748b;
        }
        #newsletter-form-modern button:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(16, 185, 129, 0.4);
            background: #059669;
        }
        @media (max-width: 640px) {
            #newsletter-form-modern {
                flex-direction: column;
                background: transparent;
                border: none;
                padding: 0;
            }
            #newsletter-form-modern input {
                background: rgba(255, 255, 255, 0.05);
                border: 1px solid rgba(255, 255, 255, 0.1);
            }
            #newsletter-form-modern button {
                width: 100%;
            }
        }

/* From: \templates\fleet.blade.php */
.fleet-detail-hero {
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: center; 
    height: 450px; 
    position: relative;
}
.inner-header-overlay {
    position: absolute; 
    inset: 0; 
    background: linear-gradient(135deg, rgba(14,26,43,0.8) 0%, rgba(14,26,43,0.2) 100%);
}
.inner-header-content {
    position: relative; 
    z-index: 2; 
    height: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    flex-direction: column; 
    padding: 0 20px;
}
.vehicle-title-main {
    margin-bottom: 20px; 
    font-size: 32px; 
    font-weight: 800; 
    color: var(--navy);
}
.vehicle-desc-short {
    margin-bottom: 32px;
}
.vehicle-gallery-wrapper {
    margin-bottom: 40px;
}
.gallery-title {
    font-size: 24px; 
    color: var(--navy); 
    font-weight: 800; 
    margin-bottom: 20px;
}
.vehicle-gallery-grid {
    display: grid; 
    grid-template-columns: repeat(2, 1fr); 
    gap: 16px;
}
.gallery-item {
    display: block; 
    border-radius: 12px; 
    overflow: hidden; 
    border: 1px solid #f1f5f9; 
    height: 100%;
}
.gallery-img-box {
    height: 200px; 
    background-size: cover; 
    background-position: center; 
    transition: transform 0.3s ease;
}
.gallery-img-box:hover {
    transform: scale(1.05);
}
.vehicle-description-body {
    color: var(--gray-700); 
    font-size: 16px; 
    line-height: 1.8;
}
.vehicle-desc-long {
    margin-top: 32px;
}
.fleet-sidebar {
    position: sticky; 
    top: 100px; 
    display: flex; 
    flex-direction: column; 
    gap: 32px;
}
.reservation-card {
    background: #111827; 
    border-radius: 12px; 
    padding: 32px 24px; 
    box-shadow: 0 20px 40px rgba(0,0,0,0.2); 
    color: white; 
    display: flex; 
    flex-direction: column; 
    gap: 0;
}
.reservation-title {
    font-size: 22px; 
    font-weight: 800; 
    text-align: center; 
    border-bottom: 1px solid rgba(255,255,255,0.1); 
    padding-bottom: 24px; 
    margin-bottom: 24px; 
    letter-spacing: 0.5px;
}
.reservation-info {
    display: flex; 
    flex-direction: column; 
    gap: 0;
}
.info-row {
    display: flex; 
    justify-content: space-between; 
    align-items: center; 
    border-bottom: 1px solid rgba(255,255,255,0.1); 
    padding-bottom: 16px; 
    margin-bottom: 16px;
}
.info-row.no-border {
    border-bottom: none; 
    margin-bottom: 24px;
}
.info-label {
    font-weight: 800; 
    font-size: 16px; 
    color: white;
}
.info-label.rate-label {
    color: #94a3b8;
}
.info-value-box {
    display: flex; 
    align-items: center; 
    gap: 8px;
}
.info-value {
    font-weight: 800; 
    font-size: 20px;
}
.info-value.rate-value {
    color: #4ade80;
}
.book-now-btn {
    display: block; 
    text-align: center; 
    padding: 18px; 
    background: #4ade80; 
    color: white; 
    font-weight: 800; 
    font-size: 18px; 
    border-radius: 12px; 
    text-decoration: none; 
    transition: transform 0.2s, background 0.2s; 
    margin-bottom: 20px;
}
.book-now-btn:hover {
    transform: scale(1.02); 
    background: #22c55e;
}
.reservation-note {
    font-size: 11px; 
    color: #94a3b8; 
    text-align: center; 
    font-style: italic; 
    opacity: 0.8; 
    line-height: 1.4;
}
.related-links-card {
    background: white; 
    border-radius: 16px; 
    padding: 30px; 
    box-shadow: 0 10px 30px rgba(0,0,0,0.05); 
    border: 1px solid #f1f5f9;
}
.related-title {
    font-size: 20px; 
    font-weight: 800; 
    color: var(--navy); 
    border-bottom: 2px solid #f1f5f9; 
    padding-bottom: 16px; 
    margin-bottom: 20px;
}
.related-list {
    display: flex; 
    flex-direction: column; 
    gap: 16px;
}
.related-item {
    display: flex; 
    gap: 12px; 
    align-items: center; 
    text-decoration: none;
}
.related-img {
    width: 80px; 
    height: 60px; 
    border-radius: 8px; 
    background-size: contain; 
    background-position: center; 
    background-repeat: no-repeat;
    flex-shrink: 0;
}
.related-vehicle-name {
    font-size: 15px; 
    font-weight: 700; 
    color: var(--navy); 
    margin: 0 0 4px 0; 
    transition: color 0.2s;
}
.related-item:hover .related-vehicle-name {
    color: var(--primary-green);
}
.related-price {
    font-size: 13px; 
    color: var(--primary-green); 
    font-weight: 600; 
    margin: 0;
}
.quick-links-list {
    display: flex; 
    flex-direction: column; 
    gap: 12px;
}
.quick-links-list a {
    display: flex; 
    align-items: center; 
    gap: 10px; 
    color: var(--gray-700); 
    text-decoration: none; 
    font-weight: 600; 
    font-size: 15px;
}
.quick-links-list a span {
    color: var(--primary-green); 
    font-weight: bold;
}
.fleet-faq-section {
    padding: 80px 24px; 
    background: #fff; 
    border-top: 1px solid #f1f5f9;
}
.faq-container-narrow {
    max-width: 860px; 
    margin: 0 auto;
}
.faq-header-box {
    text-align: center; 
    margin-bottom: 48px;
}
.faq-tag {
    display: inline-block; 
    background: linear-gradient(135deg, var(--primary-green), #00c97a); 
    color: white; 
    font-size: 11px; 
    font-weight: 800; 
    letter-spacing: 2px; 
    text-transform: uppercase; 
    padding: 6px 16px; 
    border-radius: 30px; 
    margin-bottom: 16px;
}
.faq-main-title {
    font-size: 32px; 
    font-weight: 900; 
    color: var(--navy); 
    margin: 0; 
    letter-spacing: -0.02em;
}
.faq-subtitle {
    margin-top: 12px; 
    color: #64748b; 
    font-size: 16px;
}
.faq-accordion {
    display: flex; 
    flex-direction: column; 
    gap: 12px;
}
.fleet-faq-item {
    border: 1px solid #e8edf4; 
    border-radius: 12px; 
    overflow: hidden; 
    background: #f8fafc; 
    transition: all 0.3s ease;
}
.faq-trigger {
    width: 100%; 
    display: flex; 
    align-items: center; 
    justify-content: space-between; 
    gap: 16px; 
    padding: 20px 24px; 
    background: none; 
    border: none; 
    cursor: pointer; 
    text-align: left;
}
.faq-question {
    font-size: 16px; 
    font-weight: 700; 
    color: var(--navy); 
    line-height: 1.4;
}
.fleet-faq-icon {
    flex-shrink: 0; 
    width: 28px; 
    height: 28px; 
    border-radius: 50%; 
    background: #4ade80; 
    color: white; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    font-size: 18px; 
    font-weight: 700; 
    transition: all 0.3s ease;
}
.faq-content {
    max-height: 0; 
    overflow: hidden; 
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-content-inner {
    padding: 0 24px 20px; 
    font-size: 15px; 
    color: #475569; 
    line-height: 1.8;
}

/* Responsiveness for Fleet Detail */
@media (max-width: 1024px) {
    .fleet-sidebar {
        position: static;
        width: 100%;
        margin-top: 40px;
    }
}

@media (max-width: 768px) {
    .fleet-detail-hero {
        height: 300px !important;
    }
    .vehicle-title-main {
        font-size: 24px;
    }
    .gallery-img-box {
        height: 160px;
    }
}

@media (max-width: 640px) {
    .fleet-detail-hero {
        height: 200px !important;
    }
    .vehicle-gallery-grid {
        grid-template-columns: 1fr;
    }
    .gallery-img-box {
        height: 180px;
    }
    .faq-main-title {
        font-size: 24px;
    }
}

/* From: \welcome.blade.php */
/* ! tailwindcss v3.4.1 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Figtree, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.-left-20{left:-5rem}.top-0{top:0px}.-bottom-16{bottom:-4rem}.-left-16{left:-4rem}.-mx-3{margin-left:-0.75rem;margin-right:-0.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-video{aspect-ratio:16 / 9}.size-12{width:3rem;height:3rem}.size-5{width:1.25rem;height:1.25rem}.size-6{width:1.5rem;height:1.5rem}.h-12{height:3rem}.h-40{height:10rem}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.w-\[calc\(100\%\+8rem\)\]{width:calc(100% + 8rem)}.w-auto{width:auto}.max-w-\[877px\]{max-width:877px}.max-w-2xl{max-width:42rem}.flex-1{flex:1 1 0%}.shrink-0{flex-shrink:0}.grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.gap-2{gap:0.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.rounded-\[10px\]{border-radius:10px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:0.5rem}.rounded-md{border-radius:0.375rem}.rounded-sm{border-radius:0.125rem}.bg-\[\#FF2D20\]\/10{background-color:rgb(255 45 32 / 0.1)}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent var(--tw-gradient-from-position);--tw-gradient-to:rgb(0 0 0 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.via-white{--tw-gradient-to:rgb(255 255 255 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to)}.to-white{--tw-gradient-to:#fff var(--tw-gradient-to-position)}.stroke-\[\#FF2D20\]{stroke:#FF2D20}.object-cover{object-fit:cover}.object-top{object-position:top}.p-6{padding:1.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.px-3{padding-left:0.75rem;padding-right:0.75rem}.py-16{padding-top:4rem;padding-bottom:4rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.pt-3{padding-top:0.75rem}.text-center{text-align:center}.font-sans{font-family:Figtree, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji}.text-sm{font-size:0.875rem;line-height:1.25rem}.text-sm\/relaxed{font-size:0.875rem;line-height:1.625}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-semibold{font-weight:600}.text-black{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.underline{-webkit-text-decoration-line:underline;text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow-\[0px_14px_34px_0px_rgba\(0\2c 0\2c 0\2c 0\.08\)\]{--tw-shadow:0px 14px 34px 0px rgba(0,0,0,0.08);--tw-shadow-colored:0px 14px 34px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.ring-1{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.ring-transparent{--tw-ring-color:transparent}.ring-white\/\[0\.05\]{--tw-ring-color:rgb(255 255 255 / 0.05)}.drop-shadow-\[0px_4px_34px_rgba\(0\2c 0\2c 0\2c 0\.06\)\]{--tw-drop-shadow:drop-shadow(0px 4px 34px rgba(0,0,0,0.06));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-\[0px_4px_34px_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-drop-shadow:drop-shadow(0px 4px 34px rgba(0,0,0,0.25));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-300{transition-duration:300ms}.selection\:bg-\[\#FF2D20\] *::selection{--tw-bg-opacity:1;background-color:rgb(255 45 32 / var(--tw-bg-opacity))}.selection\:text-white *::selection{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.selection\:bg-\[\#FF2D20\]::selection{--tw-bg-opacity:1;background-color:rgb(255 45 32 / var(--tw-bg-opacity))}.selection\:text-white::selection{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.hover\:text-black\/70:hover{color:rgb(0 0 0 / 0.7)}.hover\:ring-black\/20:hover{--tw-ring-color:rgb(0 0 0 / 0.2)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus-visible\:ring-1:focus-visible{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000)}.focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 45 32 / var(--tw-ring-opacity))}@media (min-width: 640px){.sm\:size-16{width:4rem;height:4rem}.sm\:size-6{width:1.5rem;height:1.5rem}.sm\:pt-5{padding-top:1.25rem}}@media (min-width: 768px){.md\:row-span-3{grid-row:span 3 / span 3}}@media (min-width: 1024px){.lg\:col-start-2{grid-column-start:2}.lg\:h-16{height:4rem}.lg\:max-w-7xl{max-width:80rem}.lg\:grid-cols-3{grid-template-columns:repeat(3, minmax(0, 1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2, minmax(0, 1fr))}.lg\:flex-col{flex-direction:column}.lg\:items-end{align-items:flex-end}.lg\:justify-center{justify-content:center}.lg\:gap-8{gap:2rem}.lg\:p-10{padding:2.5rem}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pt-0{padding-top:0px}.lg\:text-\[\#FF2D20\]{--tw-text-opacity:1;color:rgb(255 45 32 / var(--tw-text-opacity))}}@media (prefers-color-scheme: dark){.dark\:block{display:block}.dark\:hidden{display:none}.dark\:bg-black{--tw-bg-opacity:1;background-color:rgb(0 0 0 / var(--tw-bg-opacity))}.dark\:bg-zinc-900{--tw-bg-opacity:1;background-color:rgb(24 24 27 / var(--tw-bg-opacity))}.dark\:via-zinc-900{--tw-gradient-to:rgb(24 24 27 / 0)  var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), #18181b var(--tw-gradient-via-position), var(--tw-gradient-to)}.dark\:to-zinc-900{--tw-gradient-to:#18181b var(--tw-gradient-to-position)}.dark\:text-white\/50{color:rgb(255 255 255 / 0.5)}.dark\:text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:text-white\/70{color:rgb(255 255 255 / 0.7)}.dark\:ring-zinc-800{--tw-ring-opacity:1;--tw-ring-color:rgb(39 39 42 / var(--tw-ring-opacity))}.dark\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.dark\:hover\:text-white\/70:hover{color:rgb(255 255 255 / 0.7)}.dark\:hover\:text-white\/80:hover{color:rgb(255 255 255 / 0.8)}.dark\:hover\:ring-zinc-700:hover{--tw-ring-opacity:1;--tw-ring-color:rgb(63 63 70 / var(--tw-ring-opacity))}.dark\:focus-visible\:ring-\[\#FF2D20\]:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 45 32 / var(--tw-ring-opacity))}.dark\:focus-visible\:ring-white:focus-visible{--tw-ring-opacity:1;--tw-ring-color:rgb(255 255 255 / var(--tw-ring-opacity))}}