/*
    body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
        background: #f4f4f4;
    }
        */
        /*
    .container {
        display: flex;
        max-width: 900px;
        margin: 50px auto;
        background: #d9d7d7;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    }
    */

    /* Push content below top bar */
    
    .container {
        /*position: absolute;*/
        display: flex;
        max-width: 900px;
        margin: 70px auto 50px; 
        background: #fff;
        border-radius: 8px;
        overflow: visible; /*hidden;*/
        box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        justify-content:left;
        /* Responsive font size */
        font-size: clamp(12px, 1.5vw, 16px);
    }
   

    .left-column {
        flex: 1;
        background: url('/assets/images/img-10.png') center/cover no-repeat;
    }
    .right-column {
        flex: 1;
        padding: 20px;
    }
    h2 {
        margin-top: 0;
    }
    label {
        display: block;
        /* margin: 10px 0 5px; New*/
        margin-bottom: 5px;
    }
    input, textarea {
        width: 100%;
        padding: 8px;
        margin-bottom: 15px;
        border: 1px solid #ccc;
        border-radius: 4px;
        box-sizing: border-box;
    }

    /* Custom dropdown */
    .dropdownC {
        position: relative; /* Needed for absolute ul positioning */
        display: inline-block; /* Prevents block pushing */
        width: 100%; /* Full width in form */
    }

    /* Mobile-friendly stacking */
    @media (max-width: 768px) {
        .dropdownC {
            flex-direction: column;
            align-items: stretch;
        }
    }

    .dropdownC-toggle {
        width: 100%; /* Match form field width */
        /* padding: 8px;*/
        padding: 4px 10px;         /* Reduced padding for less height */
        border: 1px solid #ccc;
        border-radius: 4px;
        background: #fff;
        cursor: pointer;
        box-sizing: border-box;
    }

    /* Dropdown list */
    .dropdownC ul {
        list-style: none;
        padding: 0;
        margin: 0;
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%; /* Match toggle width */
        color: white;
        background: rgb(47, 85, 114, 1);
        border: 1px solid #ccc;
        border-top: none;
        display: none; 
        z-index: 9999;
        overflow: visible;         /* Prevent cutting inside the menu */
        box-sizing: border-box;

        /* Flex layout for larger screens */
        /* display: flex; not good, place dropdown all <li> in one row*/
        /* gap: 1rem; */
        justify-content:left;
        /* Responsive font size */
        font-size: clamp(10px, 1.5vw, 16px);
    }

    .dropdownC ul li {
        /* padding: 8px; */
        padding: 4px 10px;         /* Reduced padding for less height */
        line-height: 1.2;          /* Tight line height */
        margin: 0;
        cursor: pointer;
        white-space: nowrap;       /* Prevent text wrapping */
    }

    /* Mobile: stack vertically when screen width <= 768px */
    @media (max-width: 600px) {
        .dropdownC ul {
            flex-direction: column; /* Stack items vertically */
            align-items: flex-start; /* Align to left */
        }
        .dropdownC ul li {
            width: 100%; /* Make each item full width */
            white-space: normal; /* allows text to wrap */
            word-wrap: break-word; /* breaks long words if needed */
        }
    }

    .dropdownC ul li:hover {
        background: #d59541;
        /* New */
        flex: 1 1 auto;
        cursor: pointer; 
        /* white-space: nowrap;      /* Prevent text wrapping */
    }

    button {
        background: #2f5572;
        color: #fff;
        padding: 10px 15px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
    }
    button:hover {
        background: #d59541
    }

    .send_btn {
    width: 150px;
    float: right;
    }
    .send_btn a{
        width: 100%;
        float: right;
        text-align: center;
        font-size: 20px;
        color: #000000;/*#ffffff;*/
        background-color: #c9e5fb;
        padding: 10px;
        border-radius: 5px;
    }

    @media (min-width: 768px) {
        .send_btn {
            width: 170px;
        }
    }