@media (min-width: 1520px) {
    /* Base Styles */
    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: #111;
        font-family: 'Bai Jamjuree', sans-serif;
    }

    .banner-content {
        left: 50%;
        transform: translateX(-50%);
        padding: 5px;
        box-sizing: border-box;
    }

    .product-sub-menu {
        text-align: center;
        padding: 20px 0;
        margin-bottom: 20px;
    }

        .product-sub-menu a {
            color: #fff; /* White text color */
            margin: 0 20px; /* Increased spacing between links */
            text-decoration: none; /* No underline */
            font-size: 1.1rem; /* Slightly smaller text for the submenu */
            transition: color 0.3s ease;
            padding: 10px 15px; /* Padding for better button size */
        }

            .product-sub-menu a:hover {
                color: #D67026; /* Orange color on hover */
                text-decoration: none; /* Ensure no underline on hover */
            }

    /* Carousel Styles */
    .carousel-section {
        padding: 2rem 0;
        background-color: #111;
        color: #fff;
        text-align: center;
    }

    .carousel-title {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        font-family: 'Black Ops One', sans-serif;
    }

    .carousel {
        position: relative;
        max-width: 70%; /* Adjusted width to fit the layout */
        margin: auto;
        overflow: hidden;
        background-color: #222; /* Dark background color */
        border-radius: 12px; /* Rounded corners */
        padding: 1rem; /* Padding around the images */
        display: flex;
        justify-content: center; /* Center images horizontally */
        align-items: center; /* Center images vertically */
    }

    .carousel-image {
        width: 100%; /* Set the width of the image */
        max-width: 500px; /* Maximum width of the image */
        height: 350px; /* Fixed height of the image */
        object-fit: cover; /* Ensure the image covers the area */
        display: none;
        border-radius: 12px; /* Rounded corners for images */
        margin: 20px;
        margin-bottom: 60px;
    }

    .carousel-control {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        border-radius: 50%;
        user-select: none;
        transition: background-color 0.3s ease;
        font-size: 1.5rem; /* Larger font size for icons */
    }

        .carousel-control:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

    .prev {
        left: 20px;
    }

    .next {
        right: 20px;
    }

    .carousel-indicators {
        text-align: center;
        padding: 10px 0;
    }

    .indicator {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 5px;
        background-color: #bbb;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .indicator.active, .indicator:hover {
            background-color: #ff6f00; /* Change to orange */
        }

    /* Description and Key Features Section */
    .description-key-features {
        display: flex;
        justify-content: space-between;
        padding: 2rem;
        background-color: #111;
        gap: 2rem; /* Add gap between the boxes */
    }

    .description, .key-features {
        flex: 1;
        padding: 1rem;
    }
    /* Description Section */
    .description {
        background-color: #1a1a1a; /* Dark background color */
        border: 1px solid #333; /* Border to define the section */
        border-radius: 8px; /* Rounded corners */
        padding: 1.5rem; /* Padding inside the box */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow for depth */
        color: #fff; /* White text color */
        font-family: 'Bai Jamjuree', sans-serif; /* Font family for the text */
        width: 45%; /* Adjust width to make the box not so long */
    }

        .description h3 {
            font-size: 1.8rem; /* Larger font size for the title */
            color: #fff; /* White text color */
            margin-bottom: 1rem; /* Space below the title */
            font-family: 'Black Ops One', sans-serif; /* Font family for the title */
        }

        .description p {
            font-size: 1.1rem; /* Font size for the text */
            line-height: 1.5; /* Line height for better readability */
        }

    /* Key Features Section */
    .key-features {
        background-color: #1a1a1a; /* Dark background color */
        border: 1px solid #333; /* Border to define the section */
        border-radius: 8px; /* Rounded corners */
        padding: 1.5rem; /* Padding inside the box */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow for depth */
        width: 45%; /* Adjust width to make the box not so long */
    }

        .key-features h3 {
            font-size: 1.8rem; /* Larger font size for the title */
            color: #fff; /* White text color */
            margin-bottom: 1rem; /* Space below the title */
        }

        .key-features ul {
            list-style: none; /* Remove default list styling */
            padding: 0; /* Remove default padding */
            margin: 0; /* Remove default margin */
        }

        .key-features li {
            display: flex; /* Use flexbox for alignment */
            align-items: center; /* Center items vertically */
            margin-bottom: 1rem; /* Space between list items */
            padding: 0.5rem 0; /* Padding for list items */
            border-bottom: 1px solid #333; /* Divider line between items */
        }

            .key-features li:last-child {
                border-bottom: none; /* Remove divider from the last item */
            }

            .key-features li::before {
                content: '⚡'; /* Add icon before each item */
                margin-right: 0.5rem; /* Space between icon and text */
                color: #ff6f00; /* Color of the icon */
                font-size: 1.2rem; /* Size of the icon */
            }

            .key-features li span {
                color: #fff; /* White text color */
                font-size: 1.1rem; /* Font size for the text */
                font-family: 'Bai Jamjuree', sans-serif; /* Font family for the text */
            }

    /* Form Section */
    .form-section {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 4rem 2rem;
        background-color: #111;
        color: #fff;
    }

    .form-container {
        display: flex;
        max-width: 1200px;
        width: 100%;
        gap: 2rem;
    }

    .form-info {
        flex: 1;
    }

    .inquiry-form {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .form-row {
        display: flex;
        gap: 3rem; /* Example of a larger gap */
    }

    .form-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
        margin-bottom: 1rem; /* Add margin between form groups */
    }

        .form-group label {
            margin-bottom: 0.5rem;
            font-size: 1.2rem;
            font-family: 'Bai Jamjuree', sans-serif;
            gap: 1rem;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 0.5rem;
            font-size: 1rem;
            border-radius: 4px;
            border: none;
            background-color: #333;
            color: #fff;
        }

        .form-group textarea {
            resize: vertical;
        }

        .form-group.terms {
            display: flex;
            align-items: start;
            gap: 0.2rem;
            flex-direction: row;
            margin-bottom: 1rem; /* Add margin below terms */
        }

            .form-group.terms input {
                margin-right: 0.2rem;
                align-items: start;
            }

            .form-group.terms label {
                margin: 0;
                font-size: 0.9rem;
                white-space: nowrap;
            }

    .submit-button {
        background-color: #D67026; /* Orange background color */
        color: #111; /* Dark text color */
        border: none;
        padding: 1rem 2rem; /* Padding for the button */
        cursor: pointer;
        font-size: 1.2rem;
        transition: background-color 0.3s ease;
        border-radius: 8px; /* Rounded corners */
        font-family: 'Bai Jamjuree', sans-serif;
        width: auto; /* Auto width to wrap content */
        text-align: center; /* Center text */
        display: inline-block; /* Display as inline-block */
        white-space: nowrap;
    }

    /* CTA Section Styles */
    .cta-section {
        text-align: center;
        padding: 4rem 2rem;
        background-color: #111;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
    }

    .cta-content {
        max-width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 2px solid #777;
        border-top: 2px solid #777;
        padding-bottom: 3rem;
    }

    .cta-title {
        font-size: 2.5rem;
        font-family: 'Black Ops One', sans-serif;
        margin-bottom: 1rem;
    }

    .cta-description {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        font-family: 'Bai Jamjuree', sans-serif;
    }

    .cta-button {
        background-color: #D67026;
        color: #111;
        border: none;
        padding: 1rem 2rem;
        cursor: pointer;
        font-size: 1.2rem;
        transition: background-color 0.3s ease;
        border-radius: 8px;
        font-family: 'Bai Jamjuree', sans-serif;
    }

        .cta-button:hover {
            background-color: #e65c00;
        }
}
@media (min-width: 920px) and (max-width: 1519px) {
    /* Base Styles */
    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: #111;
        font-family: 'Bai Jamjuree', sans-serif;
    }

    .banner-content {
        left: 50%;
        transform: translateX(-50%);
        padding: 5px;
        box-sizing: border-box;
    }

    .product-sub-menu {
        text-align: center;
        padding: 20px 0;
        margin-bottom: 20px;
    }

        .product-sub-menu a {
            color: #fff; /* White text color */
            margin: 0 20px; /* Increased spacing between links */
            text-decoration: none; /* No underline */
            font-size: 1.1rem; /* Slightly smaller text for the submenu */
            transition: color 0.3s ease;
            padding: 10px 15px; /* Padding for better button size */
        }

            .product-sub-menu a:hover {
                color: #D67026; /* Orange color on hover */
                text-decoration: none; /* Ensure no underline on hover */
            }
    .product-sub-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 0;
        margin-bottom: 20px;
    }

        .product-sub-menu button {
            color: #fff;
            margin: 0 10px;
            text-decoration: none;
            font-size: 1.1rem;
            transition: color 0.3s ease;
            padding: 10px 15px;
            border: none;
            background-color: #111;
            cursor: pointer;
            border-radius: 5px;
            white-space: nowrap; /* Ensure text does not wrap inside the button */
        }

            .product-sub-menu button:hover {
                color: #fff;
                background-color: #D67026;
            }
    /* Carousel Styles */
    .carousel-section {
        padding: 2rem 0;
        background-color: #111;
        color: #fff;
        text-align: center;
    }

    .carousel-title {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        font-family: 'Black Ops One', sans-serif;
    }

    .carousel {
        position: relative;
        max-width: 70%; /* Adjusted width to fit the layout */
        margin: auto;
        overflow: hidden;
        background-color: #222; /* Dark background color */
        border-radius: 12px; /* Rounded corners */
        padding: 1rem; /* Padding around the images */
        display: flex;
        justify-content: center; /* Center images horizontally */
        align-items: center; /* Center images vertically */
    }

    .carousel-image {
        width: 100%; /* Set the width of the image */
        max-width: 500px; /* Maximum width of the image */
        height: 350px; /* Fixed height of the image */
        object-fit: cover; /* Ensure the image covers the area */
        display: none;
        border-radius: 12px; /* Rounded corners for images */
        margin: 20px;
        margin-bottom: 60px;
    }

    .carousel-control {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        border-radius: 50%;
        user-select: none;
        transition: background-color 0.3s ease;
        font-size: 1.5rem; /* Larger font size for icons */
    }

        .carousel-control:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

    .prev {
        left: 20px;
    }

    .next {
        right: 20px;
    }

    .carousel-indicators {
        text-align: center;
        padding: 10px 0;
    }

    .indicator {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 5px;
        background-color: #bbb;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .indicator.active, .indicator:hover {
            background-color: #ff6f00; /* Change to orange */
        }

    /* Description and Key Features Section */
    .description-key-features {
        display: flex;
        justify-content: space-between;
        padding: 2rem;
        background-color: #111;
        gap: 2rem; /* Add gap between the boxes */
    }

    .description, .key-features {
        flex: 1;
        padding: 1rem;
    }
    /* Description Section */
    .description {
        background-color: #1a1a1a; /* Dark background color */
        border: 1px solid #333; /* Border to define the section */
        border-radius: 8px; /* Rounded corners */
        padding: 1.5rem; /* Padding inside the box */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow for depth */
        color: #fff; /* White text color */
        font-family: 'Bai Jamjuree', sans-serif; /* Font family for the text */
        width: 45%; /* Adjust width to make the box not so long */
    }

        .description h3 {
            font-size: 1.8rem; /* Larger font size for the title */
            color: #fff; /* White text color */
            margin-bottom: 1rem; /* Space below the title */
            font-family: 'Black Ops One', sans-serif; /* Font family for the title */
        }

        .description p {
            font-size: 1.1rem; /* Font size for the text */
            line-height: 1.5; /* Line height for better readability */
        }

    /* Key Features Section */
    .key-features {
        background-color: #1a1a1a; /* Dark background color */
        border: 1px solid #333; /* Border to define the section */
        border-radius: 8px; /* Rounded corners */
        padding: 1.5rem; /* Padding inside the box */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow for depth */
        width: 45%; /* Adjust width to make the box not so long */
    }

        .key-features h3 {
            font-size: 1.8rem; /* Larger font size for the title */
            color: #fff; /* White text color */
            margin-bottom: 1rem; /* Space below the title */
        }

        .key-features ul {
            list-style: none; /* Remove default list styling */
            padding: 0; /* Remove default padding */
            margin: 0; /* Remove default margin */
        }

        .key-features li {
            display: flex; /* Use flexbox for alignment */
            align-items: center; /* Center items vertically */
            margin-bottom: 1rem; /* Space between list items */
            padding: 0.5rem 0; /* Padding for list items */
            border-bottom: 1px solid #333; /* Divider line between items */
        }

            .key-features li:last-child {
                border-bottom: none; /* Remove divider from the last item */
            }

            .key-features li::before {
                content: '⚡'; /* Add icon before each item */
                margin-right: 0.5rem; /* Space between icon and text */
                color: #ff6f00; /* Color of the icon */
                font-size: 1.2rem; /* Size of the icon */
            }

            .key-features li span {
                color: #fff; /* White text color */
                font-size: 1.1rem; /* Font size for the text */
                font-family: 'Bai Jamjuree', sans-serif; /* Font family for the text */
            }

    /* Form Section */
    .form-section {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 4rem 2rem;
        background-color: #111;
        color: #fff;
    }

    .form-container {
        display: flex;
        max-width: 1200px;
        width: 100%;
        gap: 2rem;
    }

    .form-info {
        flex: 1;
    }

    .inquiry-form {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .form-row {
        display: flex;
        gap: 3rem; /* Example of a larger gap */
    }

    .form-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
        margin-bottom: 1rem; /* Add margin between form groups */
    }

        .form-group label {
            margin-bottom: 0.5rem;
            font-size: 1.2rem;
            font-family: 'Bai Jamjuree', sans-serif;
            gap: 1rem;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 0.5rem;
            font-size: 1rem;
            border-radius: 4px;
            border: none;
            background-color: #333;
            color: #fff;
        }

        .form-group textarea {
            resize: vertical;
        }

        .form-group.terms {
            display: flex;
            align-items: start;
            gap: 0.2rem;
            flex-direction: row;
            margin-bottom: 1rem; /* Add margin below terms */
        }

            .form-group.terms input {
                margin-right: 0.2rem;
                align-items: start;
            }

            .form-group.terms label {
                margin: 0;
                font-size: 0.9rem;
                white-space: nowrap;
            }

    .submit-button {
        background-color: #D67026; /* Orange background color */
        color: #111; /* Dark text color */
        border: none;
        padding: 1rem 2rem; /* Padding for the button */
        cursor: pointer;
        font-size: 1.2rem;
        transition: background-color 0.3s ease;
        border-radius: 8px; /* Rounded corners */
        font-family: 'Bai Jamjuree', sans-serif;
        width: auto; /* Auto width to wrap content */
        text-align: center; /* Center text */
        display: inline-block; /* Display as inline-block */
        white-space: nowrap;
    }

    /* CTA Section Styles */
    .cta-section {
        text-align: center;
        padding: 4rem 2rem;
        background-color: #111;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cta-content {
        max-width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 2px solid #777;
        border-top: 2px solid #777;
        padding-bottom: 3rem;
    }

    .cta-title {
        font-size: 2.5rem;
        font-family: 'Black Ops One', sans-serif;
        margin-bottom: 1rem;
    }

    .cta-description {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        font-family: 'Bai Jamjuree', sans-serif;
    }

    .cta-button {
        background-color: #D67026;
        color: #111;
        border: none;
        padding: 1rem 2rem;
        cursor: pointer;
        font-size: 1.2rem;
        transition: background-color 0.3s ease;
        border-radius: 8px;
        font-family: 'Bai Jamjuree', sans-serif;
    }

        .cta-button:hover {
            background-color: #e65c00;
        }
}
@media (max-width: 919px) {
    /* Base Styles */
    html, body {
        margin: 0;
        padding: 0;
        width: 100%;
        height: 100%;
        background-color: #111;
        font-family: 'Bai Jamjuree', sans-serif;
    }

    .banner-content {
        left: 50%;
        transform: translateX(-50%);
        padding: 5px;
        box-sizing: border-box;
    }

    .product-sub-menu {
        text-align: center;
        padding: 20px 0;
        margin-bottom: 20px;
    }

        .product-sub-menu a {
            color: #fff; /* White text color */
            margin: 0 20px; /* Increased spacing between links */
            text-decoration: none; /* No underline */
            font-size: 1.1rem; /* Slightly smaller text for the submenu */
            transition: color 0.3s ease;
            padding: 10px 15px; /* Padding for better button size */
        }

            .product-sub-menu a:hover {
                color: #D67026; /* Orange color on hover */
                text-decoration: none; /* Ensure no underline on hover */
            }

    .product-sub-menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 20px 0;
        margin-bottom: 20px;
    }

        .product-sub-menu button {
            color: #fff;
            margin: 0 10px;
            text-decoration: none;
            font-size: 1.1rem;
            transition: color 0.3s ease;
            padding: 10px 15px;
            border: none;
            background-color: #111;
            cursor: pointer;
            border-radius: 5px;
            white-space: nowrap; /* Ensure text does not wrap inside the button */
        }

            .product-sub-menu button:hover {
                color: #fff;
                background-color: #D67026;
            }
    /* Carousel Styles */
    .carousel-section {
        padding: 2rem 0;
        background-color: #111;
        color: #fff;
        text-align: center;
        justify-content: center; /* Center images horizontally */
        align-items: center;
    }

    .carousel-title {
        font-size: 2.5rem;
        margin-bottom: 1rem;
        font-family: 'Black Ops One', sans-serif;
    }

    .carousel {
        position: relative;
        max-width: 100%; /* Adjusted width to fit the layout */
        margin: auto;
        overflow: hidden;
        background-color: #222; /* Dark background color */
        border-radius: 12px; /* Rounded corners */
        padding: 1rem; /* Padding around the images */
        display: flex;
        justify-content: center; /* Center images horizontally */
        align-items: center; /* Center images vertically */
    }

    .carousel-image {
        width: auto; /* Adjust width to fit content */
        max-width: 70%; /* Ensure the image does not overflow */
        height: auto; /* Maintain aspect ratio */
        object-fit: cover; /* Ensure the image covers the area */
        display: none;
        border-radius: 12px; /* Rounded corners for images */
        margin: 0 auto; /* Center the image horizontally */
    }

    .carousel-control {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(0, 0, 0, 0.5);
        color: white;
        border: none;
        padding: 10px;
        cursor: pointer;
        border-radius: 50%;
        user-select: none;
        transition: background-color 0.3s ease;
        font-size: 1.5rem; /* Larger font size for icons */
    }

        .carousel-control:hover {
            background-color: rgba(0, 0, 0, 0.8);
        }

    .prev {
        left: 20px;
    }

    .next {
        right: 20px;
    }

    .carousel-indicators {
        text-align: center;
        padding: 10px 0;
    }

    .indicator {
        display: inline-block;
        width: 15px;
        height: 15px;
        margin: 0 5px;
        background-color: #bbb;
        border-radius: 50%;
        cursor: pointer;
        transition: background-color 0.3s ease;
    }

        .indicator.active, .indicator:hover {
            background-color: #ff6f00; /* Change to orange */
        }

    /* Description and Key Features Section */
    .description-key-features {
        display: flex;
        width: 100%;
        padding: 0.2rem;
        background-color: #111;
        flex-direction: column; /* Stack the blocks vertically */
        align-items: center;
    }

    .description, .key-features {
        flex: 1;
        padding: 1rem;
        width: 100%; /* Make each block take full width */
        margin-bottom: 20px;
    }
    /* Description Section */
    .description {
        background-color: #1a1a1a; /* Dark background color */
        border: 1px solid #333; /* Border to define the section */
        border-radius: 8px; /* Rounded corners */
        padding: 1.5rem; /* Padding inside the box */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow for depth */
        color: #fff; /* White text color */
        font-family: 'Bai Jamjuree', sans-serif; /* Font family for the text */
        width: 90%; /* Adjust width to make the box not so long */
    }

        .description h3 {
            font-size: 1.8rem; /* Larger font size for the title */
            color: #fff; /* White text color */
            margin-bottom: 1rem; /* Space below the title */
            font-family: 'Black Ops One', sans-serif; /* Font family for the title */
        }

        .description p {
            font-size: 1.1rem; /* Font size for the text */
            line-height: 1.5; /* Line height for better readability */
        }

    /* Key Features Section */
    .key-features {
        background-color: #1a1a1a; /* Dark background color */
        border: 1px solid #333; /* Border to define the section */
        border-radius: 8px; /* Rounded corners */
        padding: 1.5rem; /* Padding inside the box */
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); /* Box shadow for depth */
        width: 90%; /* Adjust width to make the box not so long */
    }

        .key-features h3 {
            font-size: 1.8rem; /* Larger font size for the title */
            color: #fff; /* White text color */
            margin-bottom: 1rem; /* Space below the title */
        }

        .key-features ul {
            list-style: none; /* Remove default list styling */
            padding: 0; /* Remove default padding */
            margin: 0; /* Remove default margin */
        }

        .key-features li {
            display: flex; /* Use flexbox for alignment */
            align-items: center; /* Center items vertically */
            margin-bottom: 1rem; /* Space between list items */
            padding: 0.5rem 0; /* Padding for list items */
            border-bottom: 1px solid #333; /* Divider line between items */
        }

            .key-features li:last-child {
                border-bottom: none; /* Remove divider from the last item */
            }

            .key-features li::before {
                content: '⚡'; /* Add icon before each item */
                margin-right: 0.5rem; /* Space between icon and text */
                color: #ff6f00; /* Color of the icon */
                font-size: 1.2rem; /* Size of the icon */
            }

            .key-features li span {
                color: #fff; /* White text color */
                font-size: 1.1rem; /* Font size for the text */
                font-family: 'Bai Jamjuree', sans-serif; /* Font family for the text */
            }

    /* Form Section */
    .form-section {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        padding: 4rem 2rem;
        background-color: #111;
        color: #fff;

    }

    .form-container {
        display: flex;
        max-width: 1200px;
        width: 100%;
        gap: 2rem;
        flex-direction: column; /* Stack the blocks vertically */
        align-items: center;
    }

    .form-info {
        flex: 1;
    }

    .inquiry-form {
        flex: 1;
        display: flex;
        flex-direction: column;
        gap: 1rem;
    }

    .form-row {
        display: flex;
        gap: 3rem; /* Example of a larger gap */
    }

    .form-group {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        flex: 1;
        margin-bottom: 1rem; /* Add margin between form groups */
    }

        .form-group label {
            margin-bottom: 0.5rem;
            font-size: 1.2rem;
            font-family: 'Bai Jamjuree', sans-serif;
            gap: 1rem;
        }

        .form-group input,
        .form-group select,
        .form-group textarea {
            width: 100%;
            padding: 0.5rem;
            font-size: 1rem;
            border-radius: 4px;
            border: none;
            background-color: #333;
            color: #fff;
        }

        .form-group textarea {
            resize: vertical;
        }

        .form-group.terms {
            display: flex;
            align-items: start;
            gap: 0.2rem;
            flex-direction: row;
            margin-bottom: 1rem; /* Add margin below terms */
        }

            .form-group.terms input {
                margin-right: 0.2rem;
                align-items: start;
            }

            .form-group.terms label {
                margin: 0;
                font-size: 0.9rem;
                white-space: nowrap;
            }

    .submit-button {
        background-color: #D67026; /* Orange background color */
        color: #111; /* Dark text color */
        border: none;
        padding: 1rem 2rem; /* Padding for the button */
        cursor: pointer;
        font-size: 1.2rem;
        transition: background-color 0.3s ease;
        border-radius: 8px; /* Rounded corners */
        font-family: 'Bai Jamjuree', sans-serif;
        width: auto; /* Auto width to wrap content */
        text-align: center; /* Center text */
        display: inline-block; /* Display as inline-block */
        white-space: nowrap;
    }

    /* CTA Section Styles */
    .cta-section {
        text-align: center;
        padding: 4rem 2rem;
        background-color: #111;
        color: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cta-content {
        max-width: 1200px;
        display: flex;
        flex-direction: column;
        align-items: center;
        border-bottom: 2px solid #777;
        border-top: 2px solid #777;
        padding-bottom: 3rem;
    }

    .cta-title {
        font-size: 2.5rem;
        font-family: 'Black Ops One', sans-serif;
        margin-bottom: 1rem;
    }

    .cta-description {
        font-size: 1.2rem;
        margin-bottom: 2rem;
        font-family: 'Bai Jamjuree', sans-serif;
    }

    .cta-button {
        background-color: #D67026;
        color: #111;
        border: none;
        padding: 1rem 2rem;
        cursor: pointer;
        font-size: 1.2rem;
        transition: background-color 0.3s ease;
        border-radius: 8px;
        font-family: 'Bai Jamjuree', sans-serif;
    }

        .cta-button:hover {
            background-color: #e65c00;
        }
}