@charset "UTF-8";ul.MenuBarHorizontal a:hover,ul.MenuBarHorizontal a:focus{color:#62c2ec}.service-area a:hover{text-decoration:underline;color:#70a000}.service-area a:active{text-decoration:none;color:#70a000}.zip-codes a:link{text-decoration:none;color:#fff}.zip-codes a:visited{text-decoration:none;color:#fefa00}.zip-codes a:hover{text-decoration:underline;color:#fefa00}.zip-codes a:active{text-decoration:none;color:#fefa00}h3{color:#18abf8;margin:0;padding-left:5px;font-size:25px}.bg-credits{background-image:url(cleaning-services/credits-bg.jpg);background-repeat:no-repeat;background-position:600px bottom}#marquee{float:right;height:30px;width:580px;color:#FFF;padding-top:0;margin-right:10px}h4{color:#ff0;margin:0;font-size:25px}#footer{clear:both;height:290px;width:850px;margin-right:auto;margin-left:auto}#why-us-list{float:left;width:200px;height:auto;padding-left:20px}#view{float:right;width:335px;background-image:url(cleaning-services/bg-video.jpg);background-repeat:no-repeat;background-position:center top;height:190px;padding-top:27px;padding-left:15px;margin-top:10px}#why-choose-us{float:left;height:30px;width:210px;position:relative}#video{clear:both;width:583px;margin-right:auto;margin-left:auto;height:230px;background-color:#b5e4fb;margin-top:10px}#client-testimonials{background-image:url(cleaning-services/client-testimonials.jpg);background-repeat:no-repeat;background-position:center top;float:left;height:80px;width:240px;position:relative}#special-offers{float:left;height:265px;width:240px;position:relative}.left-padding{padding-left:5px}#bottom-areas{float:left;height:30px;width:240px;background-image:url(cleaning-services/bg-bottom.jpg);background-repeat:no-repeat;background-position:center top}#contact-us{width:210px;margin-right:auto;margin-left:auto}#testimonials{background-image:url(cleaning-services/client-testimonials-bg.jpg);background-repeat:repeat-y;background-position:center top;float:left;width:240px;height:385px}#professional-cleaning{background-image:url(cleaning-services/professional-carpet-cleaning-services.jpg);background-repeat:no-repeat;background-position:center top;clear:both;height:40px;width:580px;margin-right:auto;margin-left:auto;margin-top:10px}#general{clear:both;width:580px;margin-right:auto;margin-left:auto;position:relative}.form-width{width:200px}.general-scripts{text-align:justify;padding-right:5px;padding-left:5px}

 /* RESET */
*, *::before, *::after {
    box-sizing: border-box;
}

/* FORM WRAPPER */
form.CUS {
    max-width: 900px;
    width: 100%;
    margin: 20px auto;
    padding: 20px;
    background: #f9fafb;
    border: 1px solid #ddd;
    border-radius: 10px;
    font-family: system-ui, sans-serif;
}

/* FLEX FIELDSET */
form.CUS fieldset {
    display: flex;
    flex-wrap: wrap;
    border: none;
    padding: 0;
    margin: 0;
}

/* BASE BLOCK STYLE */
form.CUS fieldset > p {
    width: 100%;
    padding: 10px;
    margin: 0;
    font-size: 0.95rem;
    color: #444;
}

/* Universal input/select styling */
form.CUS input,
form.CUS select,
form.CUS textarea {
    width: 100%;
    padding: 10px;
    margin-top: 6px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 1rem;
}

/* ===============================
   ROW 1: Name, Phone, Address
=============================== */
form.CUS fieldset > p:nth-of-type(1),
form.CUS fieldset > p:nth-of-type(2),
form.CUS fieldset > p:nth-of-type(3) {
    width: 33.333%;
}

/* ===============================
   ROW 2: City, State, Zip Code
=============================== */
form.CUS fieldset > p:nth-of-type(4),
form.CUS fieldset > p:nth-of-type(5),
form.CUS fieldset > p:nth-of-type(6) {
    width: 33.333%;
}

/* ===============================
   SERVICE NEEDED TEXTAREA
=============================== */
form.CUS fieldset > p:nth-of-type(7) {
    width: 100%;
}

/* ===============================
   SERVICE DATE (Month, Day, Year)
   → ALL 3 IN ONE ROW
=============================== */

/* Make the 8th <p> (Service Date block) a flex row */
form.CUS fieldset > p:nth-of-type(8) {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    align-items: flex-start;
}

/* Month, Day, Year = 3 equal flex columns */
form.CUS fieldset > p:nth-of-type(8) select#service_date,
form.CUS fieldset > p:nth-of-type(8) select#service_day,
form.CUS fieldset > p:nth-of-type(8) input#service_year {
    flex: 1 1 0;
    width: auto;          /* flex handles width */
    margin-top: 6px;
}

/* ===============================
   SERVICE TIME (Full width)
=============================== */
form.CUS fieldset > p:nth-of-type(9) {
    width: 100%;
}

/* ===============================
   SUBMIT BUTTON (Full width)
=============================== */
form.CUS fieldset > p:nth-of-type(10) {
    width: 100%;
}

form.CUS input[type="submit"] {
    width: 100%;
    background: #2563eb;
    color: #fff;
    border: none;
    padding: 12px;
    border-radius: 6px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
}

form.CUS input[type="submit"]:hover {
    background: #1d4ed8;
}

/* Hide honeypot */
form.CUS input.subject {
    display: none;
}

/* ===============================
   MOBILE RESPONSIVE (stack fields)
=============================== */
@media (max-width: 600px) {

    form.CUS fieldset > p {
        width: 100%;
        padding: 6px 0;
    }

    /* Month, Day, Year full width stacked on mobile */
    form.CUS fieldset > p:nth-of-type(8) {
        flex-direction: column;
        gap: 6px;
    }

    form.CUS fieldset > p:nth-of-type(8) select#service_date,
    form.CUS fieldset > p:nth-of-type(8) select#service_day,
    form.CUS fieldset > p:nth-of-type(8) input#service_year {
        flex: none;
        width: 100% !important;
    }
/* ===============================
   ROW 1: Name, Phone, Address
=============================== */
form.CUS fieldset > p:nth-of-type(1),
form.CUS fieldset > p:nth-of-type(2),
form.CUS fieldset > p:nth-of-type(3) {
    width: 100%;
}

/* ===============================
   ROW 2: City, State, Zip Code
=============================== */
form.CUS fieldset > p:nth-of-type(4),
form.CUS fieldset > p:nth-of-type(5),
form.CUS fieldset > p:nth-of-type(6) {
    width: 100%;
}
}