/* @media (max-width: 1024px) {

   
    .navbar {
        padding: 0 20px;
    }


    .text-content {
        left: 75%;
        max-width: 400px;
    }

    .title {
        font-size: 36px;
    }

    .subtitle {
        font-size: 16px;
    }

    
    .about-container {
        padding: 0 30px;
        gap: 20px;
    }

    .about-left h2 {
        font-size: 20px;
    }

    .about-image img {
        width: 240px;
    }

    .about-right p {
        font-size: 12px;
    }

    .feat-title {
        font-size: 13px;
    }

  
    .partners-wrapper {
        max-width: 700px;
        padding: 0 20px;
    }

    .partners-grid {
        grid-template-columns: repeat(5, 70px);
        gap: 8px;
    }

    .logo-item {
        padding: 8px;
    }

    .txt-serving,
    .txt-year {
        font-size: 30px;
    }

    .txt-tagline {
        font-size: 12px;
    }


    .engine-wrapper {
        max-width: 800px;
        padding: 0 30px;
    }

    .engine-visual {
        max-width: 420px;
    }

    .engine-content h1 {
        font-size: 48px;
    }

    .engine-content p {
        font-size: 14px;
        margin: 15px 0 20px;
    }

    .red-shape {
        width: 500px;
        height: 250px;
    }

    .red-shape2 {
        width: 500px;
        height: 250px;
    }


    .grid-container {
        gap: 20px;
        padding: 15px 20px;
    }

    .card {
        height: 280px;
    }

    .choose h2 {
        font-size: 1.6rem;
    }


    .cta-section h1 {
        font-size: 2.2rem;
    }

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


    .footer-links a {
        font-size: 0.8rem;
        margin-right: 12px;
    }

    .flex {
        gap: 30px;
    }
} */
 @media (max-width: 1024px) {

    /* ─── NAVBAR ─────────────────────────────────────────────────────────── */
    .navbar {
        padding: 0 24px;
        height: 60px;
    }

    .logo-container img {
        height: 26px;
    }

    .nav-links {
        gap: 14px;
    }

    .nav-links a {
        font-size: 14px;
    }

    .btn-book {
        padding: 8px 18px;
        font-size: 13px;
    }

    /* ─── HERO / FRAMES ──────────────────────────────────────────────────── */
    .hero {
        margin-top: 60px;
        height: calc(100vh - 60px);
    }

    .text-content {
        top: 65%;
        left: 50%;
        max-width: 420px;
    }

    .subtitle {
        font-size: 16px;
    }

    .title {
        font-size: 36px;
    }

    /* ─── ABOUT ──────────────────────────────────────────────────────────── */
    .about-section {
        top: 60px;
        height: calc(100vh - 60px);
        padding: 20px 0;
    }

    .about-container {
        padding: 0 32px;
        gap: 24px;
        align-items: flex-start;
    }

    .about-left {
        flex: 1.2;
    }

    .about-left h2 {
        font-size: 20px;
        line-height: 1.5;
    }

    .about-image img {
        width: 220px;
        margin-top: -20px;
    }

    .about-right {
        flex: 1;
    }

    .about-right p {
        font-size: 12px;
        line-height: 1.7;
    }

    .contact-btn {
        padding: 9px 22px;
        font-size: 12px;
    }

    .features {
        font-size: 12px;
    }

    .feat-title {
        font-size: 13px;
    }

    .features div {
        padding: 10px 0;
    }

    /* ─── PARTNERS ───────────────────────────────────────────────────────── */
    .partners-section {
        height: auto;
        min-height: 44vh;
        padding: 24px 0;
    }

    .partners-wrapper {
        max-width: 720px;
        padding: 0 24px;
        gap: 24px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .partners-grid {
        grid-template-columns: repeat(5, 72px);
        gap: 8px;
    }

    .logo-item {
        padding: 8px;
    }

    .logo-item:nth-child(1) {
        height: 64px;
    }

    .txt-serving,
    .txt-year {
        font-size: 30px;
    }

    .txt-tagline {
        font-size: 12px;
    }

    .partners-content {
        max-width: 260px;
    }

    /* ─── ENGINE SECTIONS ────────────────────────────────────────────────── */
    .engine-wrapper {
        gap: 0;
        padding: 0 24px;
        width: 100%;
    }

    .engine-visual {
        max-width: 420px;
    }

    .engine-content h1 {
        font-size: 44px;
    }

    .engine-content p {
        font-size: 13px;
        margin: 14px 0 22px;
    }

    .left-side .engine-content {
        max-width: 320px;
        margin-left: 12px;
    }

    .right-side .engine-content {
        max-width: 320px;
        margin-right: -10px;
    }

    .red-shape {
        width: 480px;
        height: 240px;
    }

    .red-shape2 {
        width: 440px;
        height: 240px;
    }

    .btn-primary {
        padding: 10px 22px;
        font-size: 13px;
    }

    /* Engine section specific images */
    .engine-section .engine-visual img {
        width: 75%;
        left: 30px;
    }

    .engine-section8 .engine-visual img {
        width: 55%;
        left: 120px;
    }

    .engine-section9 .engine-visual img {
        width: 75%;
    }

    /* Double image groups */
    .double .first-img {
        width: 75%;
        margin-right: -80px;
    }

    .double .second-img {
        width: 75%;
        margin-left: -70px;
    }

    /* ─── CHOOSE / WHY US ────────────────────────────────────────────────── */
    .choose {
        padding-top: 50px;
    }

    .choose h2 {
        font-size: 1.6rem;
        margin-top: 14px;
        margin-bottom: 8px;
    }

    .choose > p {
        font-size: 13px;
        margin-bottom: 20px;
    }

    .grid-container {
        grid-template-columns: repeat(6, 1fr);
        gap: 16px;
        padding: 16px 20px;
    }

    .card {
        height: 260px;
    }

    .card p {
        font-size: 11px;
        padding: 6px;
    }

    .grid2 {
        padding-top: 32px;
    }

    .grid2 h2 {
        font-size: 1.4rem;
    }

    .grid-container2 {
        max-width: 500px;
        gap: 14px;
        padding-bottom: 32px;
    }

    /* ─── FOOTER / CTA ───────────────────────────────────────────────────── */
    .cta-section {
        padding: 48px 16px;
    }

    .cta-section h1 {
        font-size: 2.2rem;
        margin-bottom: 14px;
    }

    .cta-section p {
        font-size: 0.95rem;
        margin-bottom: 22px;
    }

    .contact-btn {
        padding: 10px 28px;
        font-size: 0.85rem;
    }

    .footer-bottom {
        padding: 16px 14px;
    }

    .footer-logo img {
        height: 26px;
    }

    .flex {
        gap: 32px;
    }

    .footer-links a {
        font-size: 0.8rem;
        margin-right: 14px;
    }

    .social-icons img {
        width: 17px;
    }

    .social-icons a {
        margin-left: 10px;
    }

    .footer-legal {
        font-size: 0.75rem;
    }

    .legal-links a {
        margin-left: 14px;
    }
}