.half-text-half-form-badges__top-sect-wrapper {
    position: relative;
    padding-bottom: 30px !important;
}

.half-text-half-form-badges__bottom-sect-wrapper {
    position: relative;
    padding-top: 0 !important;
}

.half-text-half-form-badges:has(+ :is(.bg-light-gray, .bg-white)) .half-text-half-form-badges__bottom-sect-wrapper {
    padding-bottom: 0;
}

.half-text-half-form-badges__top-sect-form {
    padding: 30px 20px 35px;
    background-color: #fff;
    box-shadow: 5px 8px 22px rgba(0, 60, 113, 0.5);
    border-radius: 45px;
    margin: 0 auto;
}

.col-lg-12 .half-text-half-form-badges__top-sect-form {
    margin: 0 auto;
}

.half-text-half-form-badges__top-sect-form-heading {
    text-align: center;
    margin-bottom: 30px;
}

.half-text-half-form-badges__top-sect-form-heading p {
    margin: 0;
}

.half-text-half-form-badges__top-sect-txt {
    margin-bottom: 30px;
    padding-right: 1px;
}

.hs-button.primary {
    position: relative;
    display: inline-block;
    color: #f5f5f5;
    border: 1px solid transparent;
    border-radius: 100px;
    font-size: 17px;
    line-height: 1.18em;
    font-weight: 600;
    padding: 17px 49px 17px 29px;
    vertical-align: middle;
    text-decoration: none;
    background: #ff6720;
    transition: all ease-in-out 0.3s;
    z-index: 1;
    font-family: "Montserrat", sans-serif;
    background-image: url("/wp-content/themes/chemtreat/assets/img/arrow-right.png");
    background-repeat: no-repeat;
    background-position: right 25px center;
}

.hs-button.primary:hover {
    background: #fff;
    color: #ff6720;
    border-color: #ff6720;
    padding-right: 59px;
    transition: all ease-in-out 0.3s;
    background-image: url("/wp-content/themes/chemtreat/assets/img/arrow-right-hover.png");
    background-repeat: no-repeat;
    background-position: right 25px center;
}

.legal-consent-container .hs-richtext p {
    font-size: 12px;
    margin: 0 0 20px;
    margin-bottom: 0;
}

.hbspt-form fieldset.form-columns-2 div.hs-form-field {
    width: 47%;
}

.form-columns-1 .hs-dependent-field,
.form-columns-1 .hs-fieldtype-textarea {
    width: 98%;
}

.form-columns-1 .hs-dependent-field .hs-form-field .input select,
.form-columns-1 .hs-fieldtype-textarea .input textarea.hs-input {
    width: 100%;
}

.hbspt-form fieldset.form-columns-1,
.hbspt-form fieldset.form-columns-2 {
    display: block;
    margin-bottom: 20px;
}

label.hs-error-msg {
    font-size: 10px;
    top: -2px;
    left: -10px;
    color: #ff0000;
}

ul.hs-error-msgs li:before {
    display: none;
}

.hs_error_rollup:has(+ .hs_submit) .hs-error-msgs li label.hs-main-font-element {
    font-size: 12px;
    left: -10px;
    color: #ff0000;
    top: 60px;
}

.hs_city div.input input.hs-input,
.hs_state_or_region div.input input.hs-input,
.hs_usa_state div.input select.hs-input,
.hs_can_province_territory div.input select.hs-input,
.hs_mx_state div.input select.hs-input,
.hs_co_state div.input select.hs-input,
.hs_pe_region div.input select.hs-input,
.hs_ec_province div.input select.hs-input,
.hs_br_state div.input select.hs-input,
.hs_cl_region div.input select.hs-input {
    width: 100%;
    margin-top: 20px;
}

.hbspt-form form .hs-form-field label:not(.hs-error-msg) .hs-form-required {
    color: #ff6720;
    line-height: unset !important;
    margin-left: 0.2rem;
}

.hs-form-field label:has(+ legend) {
    position: absolute;
    top: 4px;
    left: 0.8rem;
    pointer-events: none;
}

.hs-form-field {
    position: relative;
}

label:has(+ legend + .input .hs-input:not(:focus):not([value=""])) {
    display: block;
}

label:has(+ legend + .input .hs-input:focus) {
    display: block;
}

label:has(+ legend + .input .hs-input[value=""]) {
    display: block;
}

label:has(+ legend + .input textarea.hs-input:not(:focus):not(:empty)) {
    display: block !important;
}
label:has(+ legend + .input textarea.hs-input:empty) {
    display: block !important;
}

label:has(+ legend + .input select:not(:focus):not(:has(option[value=""]):checked)) {
    display: block !important;
}

label:has(+ legend.hs-field-desc + .input select.hs-input:focus) {
    display: block !important;
}

label:has(+ legend + .input select option[value=""]:checked) {
    display: block !important;
    z-index: 1;
    background: #fff;
    width: 80%;
}

select.hs-input option[value=""] {
    display: none;
    color: transparent;
}

select.hs-input:focus option[value=""]:checked {
    color: transparent;
    display: none;
}

select.hs-input:focus(option[value=""]):checked {
    color: transparent;
}

select.hs-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('data:image/svg+xml;charset=US-ASCII,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="6" viewBox="0 0 10 6"><path fill="none" stroke="%23999" stroke-width="1.5" d="M1 1l4 4 4-4"/></svg>')
        no-repeat right 10px center;
    background-size: 10px;
    padding-right: 30px;
    position: relative;
    padding: 1.4rem 1.2rem 1.2rem;
    background-color: #f8f8f8;
}

select.hs-input.invalid.error.is-placeholder,
input.hs-input.invalid.error,
textarea.hs-input.invalid.error {
    border: 1px solid #ff6720;
    padding-right: 35px;
}

.half-text-half-form-badges__top-sect-form.blue {
    background-color: #004c83;
}

.half-text-half-form-badges__top-sect-form.blue .legal-consent-container .hs-richtext p {
    color: #fff;
}

.half-text-half-form-badges__top-sect-form.blue label:has(+ legend + .input select option[value=""]:checked) {
    z-index: 1;
}

.half-text-half-form-badges__top-sect-form.blue select.hs-input {
    background-color: #fff;
}

.half-text-half-form-badges__top-sect-form.blue h2, .half-text-half-form-badges__top-sect-form.blue h2 + p{
    color: #fff;
}

fieldset:has(div.hs-form-field[style*="display: none"]) {
    display: none;
}

.hbspt-form input, .hbspt-form textarea, .hbspt-form select {
    color: #003c71;
}

.half-text-half-form-badges {
    position: relative;
}

.half-text-half-form-badges .container {
    position: relative;
    z-index: 1;
}

.half-text-half-form-badges__top-sect-bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 65px);
    object-fit: cover;
}

.half-text-half-form-badges__top-sect-txt,
.half-text-half-form-badges__top-sect-txt h1,
.half-text-half-form-badges__top-sect-txt h2,
.half-text-half-form-badges__top-sect-txt h3,
.half-text-half-form-badges__top-sect-txt h4,
.half-text-half-form-badges__top-sect-txt h5,
.half-text-half-form-badges__top-sect-txt h6 {
    color: #fff;
}

.half-text-half-form-badges__top-sect-txt ul li:before {
    background: #fff;
}

.legal-consent-container {
    text-align: center;
}

.hs_submit.hs-submit .action {
    text-align: center;
}

.map-marker,
.map-marker h6 {
    color: #000 !important;
}

.half-text-half-form-badges__bottom-sect-badge-grp {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    column-gap: 50px;
    row-gap: 10px;
}

.half-text-half-form-badges__bottom-sect-badge-item {
    flex: 0 0 100%;
    aspect-ratio: 1 / 1;
    position: relative;
}

@media (min-width: 350px) {
    .half-text-half-form-badges__bottom-sect-badge-item {
        flex: 0 0 calc(50% - 25px);
    }
}

@media (min-width: 500px) {
    .half-text-half-form-badges__bottom-sect-badge-item {
        flex: 0 0 calc(33.333% - 33.333px);
    }
}

@media (min-width: 768px) {
    .half-text-half-form-badges__bottom-sect-badge-item {
        flex: 0 0 calc(20% - 40px);
    }
}

@media (min-width: 1200px) {
    .half-text-half-form-badges__bottom-sect-badge-item {
        flex: 0 0 calc(33.333% - 33.333px);
    }
}

.half-text-half-form-badges__bottom-sect-badge-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width: 600px) {
    .hbspt-form fieldset.form-columns-2 .hs-form-field:has(+ .hs-form-field) {
        margin-bottom: 20px;
    }

    div.hbspt-form fieldset.form-columns-2 div.input,
    div.hbspt-form fieldset.form-columns-1 div.input {
        margin: 0;
        display: flex;
        justify-content: center;
    }

    .form-columns-1 .hs-dependent-field .hs-form-field .input select,
    .form-columns-1 .hs-fieldtype-textarea .input textarea.hs-input {
        width: 96%;
    }
}

@media (min-width: 768px) {
    .half-text-half-form-badges__top-sect-form {
        padding: 45px 20px;
    }
    .hbspt-form fieldset.form-columns-1,
    .hbspt-form fieldset.form-columns-2 {
        max-width: 100%;
        margin-inline: auto;
        display: flex;
        justify-content: center;
        gap: 20px;
    }
}

@media (min-width: 1200px) {
    .half-text-half-form-badges .half-text-half-form-badges__top-sect-row {
        align-items: flex-start;
        flex-direction: row-reverse;
    }

    .half-text-half-form-badges.form-align-right .half-text-half-form-badges__top-sect-row {
        flex-direction: row;
    }

    .half-text-half-form-badges.form-align-right .half-text-half-form-badges__top-sect-row .half-text-half-form-badges__top-sect-form {
        float: right;
        width: 100%;
    }

    .location .half-text-half-form-badges .half-text-half-form-badges__top-sect-row {
        flex-direction: row;
    }

    .half-text-half-form-badges__top-sect-txt {
        margin-bottom: 0;
    }

    .half-text-half-form-badges__top-sect-form {
        max-width: 604px;
    }
    .full-width-form .half-text-half-form-badges__top-sect-form {
        max-width: 80%;
    }

    .hbspt-form fieldset.form-columns-1,
    .hbspt-form fieldset.form-columns-2 {
        max-width: 100%;
        margin-inline: auto;
        display: flex;
        justify-content: center;
        gap: 20px;
    }

    .half-text-half-form-badges__bottom-sect-badge-grp {
        max-width: 604px;
        margin-left: auto;
    }
}


/* Specific fixes */



@media (min-width: 768px) {
    .page-id-368  .image-buttons__bg{
        margin-bottom: 0;
        height: 100%;
    }
}

/* @media (min-width: 1200px) {
    .page-id-368 .image-buttons.image-buttons--homepage:has(+ .half-text-half-form-badges){
        margin-bottom: -180px;
    }
} */

@media( min-width : 1200px ) {
    .page-id-368 .half-text-half-form-badges {
        padding-bottom: 300px;
    }
}


/*
** Specific A/B Test Styling
*/

/* HubSpot Form */
#hsForm_cec7128e-41af-468a-89b3-8b545e0855e8 label {
    position: static;
    font-size: 16px;
    color: #3b3b3b;
}

#hsForm_cec7128e-41af-468a-89b3-8b545e0855e8 label.hs-error-msg {
    position: absolute;
    font-size: 10px;
    line-height: 1.3;
    top: 3px;
    left: -10px;
    color: red;
}

#hsForm_cec7128e-41af-468a-89b3-8b545e0855e8 :is([type="text"], [type="date"], [type="datetime"], [type="datetime-local"], [type="email"], [type="month"], [type="number"], [type="password"], [type="search"], [type="tel"], .input select, [type="url"], [type="week"], [type="date"]) {
    padding: 0.8rem;
    height: auto;
    line-height: 1.2;
}

#hsForm_cec7128e-41af-468a-89b3-8b545e0855e8 textarea {
    padding: 0.8rem;
}

/* Text Content Edits */
.text-w-arrow {
    position: relative;
}

@media (min-width: 1200px) {
    .text-w-arrow::after {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        right: 0;
        background-image: url(https://www.chemtreat.com/wp-content/uploads/2025/12/green-arrow-v01.svg);
        background-repeat: no-repeat;
        background-size: contain;
        width: 167px;
        aspect-ratio: 2.22 / 1;
    }
}

.img-faded {
    opacity: 0.65;
}