@media (max-width: 768px) {
    .service-v1-approach-btn {
        margin-top: 0px;
        /* Reduced top margin */
    }
}

.casestudy-challenge .casestudy-challenge-img-inner {
    background: white !important;
}

/*testing end */

/* HubSpot Form */
#hsForm_f52f94a8-eb16-4be8-9931-486476889044 fieldset.form-columns-1:nth-child(n+5):nth-child(-n+10) {
    margin-bottom: 0px !important;
}

#hsForm_f52f94a8-eb16-4be8-9931-486476889044 ul.no-list.hs-error-msgs.inputs-list a {
    display: none;
}

#hsForm_f52f94a8-eb16-4be8-9931-486476889044 .hs_company.hs-company.hs-fieldtype-text.field.hs-form-field {
    padding-top: 10px !important;
}

.blog-hsform .hs-form input:not(.wpcf7-submit):not([type="submit"]) {
    height: 40px !important;
}

.hs-richtext h2 {
    margin-bottom: 0 !important;
}

.visionary-card {
    border: none !important;
}

@media (max-width: 768px) {
    #hubspot-messages-iframe-container {
        height: 250px !important;
        /* Adjusted height for mobile */
    }
}

@media (max-width: 575.98px) {
    h2.clients-heading {
        font-size: 24px !important;
    }
}

.seo-agency-right {
    box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.3);
    /* Soft shadow with some transparency */
}

/* testing live chat end */
.blog-main .single-main__body {
    margin-top: 4rem;
}

@media (max-width: 1024px) {
    .blog-hsform h2 strong {
        font-size: 1rem;
    }

    .blog-hsform .hs-form input:not(.wpcf7-submit):not([type="submit"]) {
        height: 40px !important;
    }

    .blog-hsform .hs-richtext h3 strong {
        font-size: 1rem;
    }
}

.v2-next .ss-2 img {
    height: 300px !important;
}

.faq-team .service-v1-faq-top-item:first-child {
    margin-left: 0 !important;
}

.faq-team .service-v1-faq-top {
    margin-right: 0 !important;
    margin-left: 0 !important;
    max-width: 100% !important;


}

.faq-team-v1 {
    padding-bottom: 0 !important;
}

.fixed-height-img {

    object-fit: contain;
}

.custom-img-height {
    height: 150px;
    /* Set desired height */
    width: fit-content;
    /* Maintain aspect ratio */
    object-fit: contain;
    display: block;
    object-position: center;
    border-radius: 50px;
}

.visionary-card p {
    font-size: 14px !important;
}

/* testimonial css */
@media only screen and (max-width: 600px) {
    .service_v2-quotes-main-slider .testimonial-content-img img {
        width: 100% !important;
    }
}

.mb-1 {
    margin-bottom: 2rem !important;
}

.postid-56827 .our-team-industry .quote-icon {
    display: none;
}

.postid-58097 .casestudy-meta .casestudy-meta-services-list {
    display: inline-block !important;

}

.postid-58097 .casestudy-meta .casestudy-meta-icon svg {
    /* 	width:200; */
}

.bio-text {
    font-size: 16px !important;
}

.service_v2-quotes-main-slider .testimonial-logo .quote-person-img-landing-v1 {
    height: 80px !important;
}

/*===========================HOME===========================*/
@media (max-width:767px) {
    #meet-us {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    #meet-us .meetings-iframe-container iframe {
        height: 625px !important;
    }
}

/*===media close===*/

.hbspt-form .hs-form .hs_company {
    margin-bottom: 0px;
}

/*===========================HOME===========================*/


/*=====================SEO AGENCY V 2 FORM========================*/
.page-id-53378 .bg-maastricht-blue .row {
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
}

.page-id-53378 .bg-maastricht-blue .col-md-12.col-lg-5 {
    width: 54%;
    flex: unset;
}

.page-id-53378 .seo-agency-left h1 {
    font-weight: 700;
    margin: 0 0 30px;
}

.page-id-53378 .seo-agency-left p {
    text-align: unset;
}

.page-id-53378 .bg-maastricht-blue .col-md-12.col-lg-7 {
    width: 40%;
}

.page-id-53378 .seo-agency-right {
    padding: 40px;
    background-color: #fff;
    border-radius: 25px;
}

.page-id-53378 .seo-agency-right h3 {
    text-align: center;
    font-weight: 700;
    font-size: 40px;
    color: #000;
    margin: 0 0 30px;
}

.page-id-53378 .bg-maastricht-blue .hbspt-form {
    background: transparent;
    padding: 0;
    border-radius: 0;
}

.page-id-53378 .bg-maastricht-blue .hbspt-form fieldset {
    margin: 0 0 10px !important;
}

.page-id-53378 .hbspt-form .field.hs-form-field {
    margin-bottom: 10px;
}

.page-id-53378 .bg-maastricht-blue .hbspt-form .input input {
    height: 53px !important;
    filter: none !important;
    font-weight: 400 !important;
}

.page-id-53378 .hbspt-form input::-webkit-input-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

.page-id-53378 .hbspt-form input::-moz-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

.page-id-53378 .hbspt-form input:-ms-input-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

.page-id-53378 .hbspt-form input:-moz-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

.page-id-53378 .bg-maastricht-blue .hbspt-form .hs-submit input {
    width: 100%;
    box-shadow: none !important;
    padding: 31px 0 !important;
    background: #f4511e !important;
    border: none !important;
    margin-top: 10px;
}

.page-id-53378 .bg-maastricht-blue .hbspt-form .hs-submit input:hover {
    background: #082437 !important;
    border: 1px solid #082437 !important;
    border: none !important;
}

.page-id-53378 .bg-maastricht-blue .hbspt-form .hs_recaptcha {
    display: none;
}

.service-schedule-contact .hbspt-form form input[type="submit"] {
    padding: 25px 50px !important;
    margin-top: 0px !important;
}

@media (max-width:767px) {
    .page-id-53378 .bg-maastricht-blue {
        padding-top: 70px;
        padding-bottom: 70px;
    }

    .page-id-53378 .seo-agency-right {
        padding: 40px 20px;
    }

    .page-id-53378 .bg-maastricht-blue .col-md-12.col-lg-5 {
        width: 100%;
        margin-bottom: 50px;
    }

    .page-id-53378 .bg-maastricht-blue .col-md-12.col-lg-7 {
        width: 100%;
    }

    .page-id-53378 .seo-agency-right h3 {
        font-size: 32px;
    }

    .page-id-53378 .seo-agency-left p {
        font-size: 20px;
        line-height: normal;
    }

    .page-id-53378 .bg-maastricht-blue .hbspt-form .hs-submit input {
        padding: 20px 0 !important;
        font-size: 18px;
    }
}

/*===media close===*/


@media (min-width:767px) and (max-width:1000px) {
    .page-id-53378 .bg-maastricht-blue .col-md-12.col-lg-5 {
        width: 50%;
    }

    .page-id-53378 .bg-maastricht-blue .col-md-12.col-lg-7 {
        width: 46%;
    }
}

/*===media close===*/
@media (min-width:767px) and (max-width:1400px) {
    .page-id-53378 .bg-maastricht-blue .container-xxl {
        padding-left: 15px;
        padding-right: 15px;
    }

    .page-id-53378 .seo-agency-right {
        padding: 25px;
    }


    .page-id-53378 .seo-agency-right h3 {
        font-size: 32px;
    }

    .page-id-53378 .seo-agency-left p {
        font-size: 20px;
        line-height: 1.4;
    }
}

/*===media close===*/

/*=====================SEO AGENCY V 2 FORM========================*/

/*=====================SERVICES HERO BANNER FORM========================*/
.hs-form fieldset ul.no-list.hs-error-msgs.inputs-list {
    display: block;
}

.hbspt-form form .hs_error_rollup {
    display: none;
}

.hbspt-form fieldset input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.hbspt-form form .hs-form>div input:not([type="image"]):not([type="submit"]):not([type="button"]):not([type="radio"]):not([type="checkbox"]):not([type="file"]),
.hbspt-form form textarea {
    font-weight: 400 !important;
}

/*=====================SERVICES HERO BANNER FORM========================*/

/*=========================CONTACT PAGE FORM============================*/
.page-id-3621 .contact-offices .dap-form {
    padding-right: 0;
    max-width: 1000px;
    padding-top: 0;
    margin: 0 auto 80px !important;
}


input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #4d4d4d !important;
    opacity: 1 !important;
}

.page-id-3621 .dap-form .hs-submit input,
.home .hbspt-form .hs-submit input {
    padding: 25px 50px 25px 26px !important;
}

@media (max-width:767px) {

    .page-id-3621 .dap-form .hs-submit input,
    .home .hbspt-form .hs-submit input {
        padding: 17px 43px !important;
        line-height: 22px;
    }
}

/*====media close====*/
/*=========================CONTACT PAGE FORM============================*/
.page-template-template-home .hbspt-form {
    min-height: 455px;
}

@media(max-width: 767px) {
    .page-template-template-home .hbspt-form {
        min-height: 568px;
    }

}

.hs_recaptcha {
    display: none !important;
}

.s1-paid-media-v5 {
    background-color: #ffff;
    padding-bottom: 30px;
}

.s1-testimonial-bg {
    background-color: #ffff !important;
}

.service-v1-faq {
    background-color: #f2f1f0;
}

.service-v1-faq.dap-dark-bg .dap-btn,
.service-v1-faq.dap-dark-bg .main-headline__desc,
.service-v1-faq.dap-dark-bg .main-headline__desc p,
.service-v1-faq.dap-dark-bg .main-headline__heading,
.service-v1-faq.dap-dark-bg .main-title,
.service-v1-faq.dap-dark-bg .clients-heading {
    color: #000 !important;
}

/* Bottom Bar Fix */
@media screen and (max-width: 768px) {
    .fixed-bottom {
        z-index: 9991 !important;
        /* Bring bottom bar above Hubspot chat widget to fix clickable error */
    }
}

.timeline-faq-subtitle {
    font-family: "Cerebri Sans", sans-serif !important;
    color: #000 !important;

}

.timeline-faq-question h3 {
    font-family: "Cerebri Sans", sans-serif !important;
    font-size: 21px !important
}

/* Radio Button - Cleaned Version */
/* HubSpot Radio Button Styling - Fixed */
.hs-form-radio-display {
    position: relative !important;
    display: flex !important;
    gap: 10px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    flex-wrap: wrap;
    margin-bottom: 0px !important;
    margin-top: -30px;
}

/* Style each radio option container */
.hs-form-radio-display .hs-input {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    flex-direction: row !important;
    height: auto !important;
    /* Changed from 500px to auto for better layout */
}

/* General input height override */
.hbspt-form input {
    height: auto !important;
    /* Changed from 10px to auto */
}

/* Hide the default radio button and create custom circular style */
.hs-form-radio-display input[type="radio"] {
    -moz-appearance: none !important;
    width: 16px !important;
    /* Made consistent */
    height: 16px !important;
    /* Made consistent */
    min-width: 16px !important;
    min-height: 16px !important;
    border: 1px solid #ccc !important;
    border-radius: 50% !important;
    background: white !important;
    cursor: pointer !important;
    position: relative !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    flex-shrink: 0 !important;
    box-sizing: border-box !important;
}

/* Checked state - blue border and inner dot */
.hs-form-radio-display input[type="radio"]:checked {
    border-color: #007bff !important;
    background: white !important;
}

/* Checked state - inner blue dot */
.hs-form-radio-display input[type="radio"]:checked::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 8px !important;
    height: 8px !important;
    background: #007bff !important;
    border-radius: 50% !important;
    display: block !important;
}

/* Style the labels */
.hs-form-radio-display label {
    cursor: pointer !important;
    font-size: 14px !important;
    color: #333 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-weight: normal !important;
    line-height: 1.4 !important;
    white-space: nowrap !important;
}

/* Hover effects */
.hs-form-radio-display input[type="radio"]:hover {
    border-color: #007bff !important;
}

/* Focus state for accessibility */
.hs-form-radio-display input[type="radio"]:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.25) !important;
}

/* Remove any default HubSpot styling that might interfere */
.hs-form-radio-display .hs-input input {
    display: block !important;
}

/* Mobile responsiveness */
@media (max-width: 768px) {
    .hs-form-radio-display {}

    /* Ensure each option stays as a row on mobile */
    .hs-form-radio-display .hs-input {
        flex-direction: row !important;
        align-items: center !important;
        width: 100% !important;
        flex-wrap: nowrap !important;
    }

    /* Prevent radio buttons from shrinking */
    .hs-form-radio-display input[type="radio"] {
        flex-shrink: 0 !important;
        min-width: 16px !important;
    }

    /* Prevent labels from wrapping */
    .hs-form-radio-display label {
        flex-shrink: 1 !important;
        white-space: nowrap !important;
    }
}

.versus {
    margin-bottom: -20px;
}

.bg-grey {
    background-color: #F6F6F6 !important;
}

.hbspt-form {
    padding: 30px;
}

.bg-grey .hbspt-form {
    background: #F6F6F6;
}

@media(max-width: 700px) {
    .right-form {
        padding: 10px !important;
    }

    .left-form {
        padding: 10px !important;
    }

    /* Make the second card's row flex and reorder on mobile */
    .card:last-child .row {
        display: flex;
        flex-direction: column;
    }

    .card:last-child .left-form {
        order: 2;
        /* Move form to bottom */
    }

    .card:last-child .col-md-6:not(.left-form) {
        order: 1;
        /* Move content to top */
    }
}

.orange-bg {
    position: absolute;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    width: 100vw;
    background-color: #f5501d;
    padding: 1rem 0;
    z-index: 2;
    top: 13%;
    padding-top: 0px;
    padding-bottom: 0px
        /* make sure it's above background shapes */
}

@media(max-width: 1000px) {
    .orange-bg {
        top: 9%;
    }
}

@media(max-width: 700px) {
    .orange-bg {
        top: 5.5%;
    }
}

/* Hide placeholder text when the field is not empty */
input.hs-input:not(:placeholder-shown)::-webkit-input-placeholder {
    color: transparent !important;
}

input.hs-input:not(:placeholder-shown):-ms-input-placeholder {
    color: transparent !important;
}

input.hs-input:not(:placeholder-shown)::placeholder {
    color: transparent !important;
}

/* test shrink section 
.hbspt-form .hs-form textarea{
	min-height: 60px;
}

.hbspt-form .field.hs-form-field {
    margin-bottom: 0px!important;
}

.seo-agency-right h3 {
    text-align: center;
    font-weight: 700;
    font-size: 30px!important;
    color: #000;
    margin: 0 0 30px;
}

.seo-agency-right {
    padding: 20px!important;
    background-color: #fff;
    border-radius: 25px;
}

.seo-agency-left p{
	font-size: 20px!important;
}
*/

.head-stuff {
    padding-bottom: 30px !important
}

.seo-agency-left p {
    font-size: 25px !important;
}

.seo-agency-right {
    padding: 20px !important;
    background-color: #fff;
    border-radius: 25px;
}

.seo-agency-right h3 {
    text-align: center;
    font-weight: 700;
    font-size: 30px !important;
    color: #000;
    margin: 0 0 10px !important;
}

.hbspt-form .hs-form textarea {
    border: 1px solid #afafaf !important;
    border-radius: 10px;
    min-height: 60px;
}

.bg-maastricht-blue .hbspt-form fieldset,
.bg-maastricht-blue .hbspt-form fieldset.hbspt-form {
    margin: unset !important;
}

.hbspt-form .hs-form fieldset.form-columns-1,
.hbspt-form .hs-form fieldset.form-columns-2 {
    margin-bottom: 8px !important;
}

.hs-form-field .hs-form-radio {
    margin-bottom: 10px !important;
}

.whitepaper-contact__img {
    background-size: cover;
}

@media(max-width: 700px) {
    .row-head {
        margin-top: 100px !important;
    }

    .s54 {
        font-size: 30px;
    }

    .right-section {
        padding: 10px !important;
    }

    .hubspot-form-box {
        padding: 0px !important;
    }

    .versus {
        display: none;
    }
}

/* button on TY Page V2 */
.service-v1-approach-btnv2 {
    font-size: 15px;
    font-weight: 700;
    color: #f4511e;
    padding: 9px 20px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 2rem;
    border: 2px solid #f4511e;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: block;
    margin: 0 auto;
}

.service-v1-approach-btnv2:hover {
    color: #fff;
    background-color: #f4511e;
}

.page-template-archive-video.full-width-content .content {
    float: inherit;
    margin-left: inherit;
    margin-right: inherit;
    width: inherit;
    max-width: initial;
}

.lable-up-contact {
    all: unset !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    cursor: pointer !important;
}

/* HVAC LANDING PAGE */
.head-stuff .btn img {
    vertical-align: middle;
}

body .v2-ind-results .phonebar-btn {
    color: #fff !important;
}

body .v2-ind-results .phonebar-btn:hover {
    background-color: #f4511e !important;
}

body .v2-ind-results .text-orange {
    color: #ff4f00 !important;
}

body .service-v2-faq.style_2 .service-v1-faq-top-item {
    background: #fff;
    border: 1px solid #e5c8be;
    border-left: 2px solid #f4521e;

}

.industries-services.style_2 {
    background-color: #ffffff !important;
}

body .v2-ind-results.style_2 a.our-services__inner__works__work_link {
    background: #F2F2F2;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #F4511E;
    text-align: center;
}

body .v2-ind-results.style_2 .our-services__inner__works__work__info__service_desc * {
    color: #454952 !important;
}

body .v2-ind-results.style_2 .our-services__inner__works__work__info__icon {
    margin-bottom: 20px !important;

}

body .v2-ind-results.style_2 .our-services__inner__works__work__info__icon svg {
    height: 60px !important;
}

body .v2-ind-results.style_2 .our-services__inner__works__work__info__title {
    margin-bottom: 10px;
}

.hero-section.has-overlap {
    overflow: visible;
}

.hero-section.has-overlap .seo-agency-left {
    position: relative;
    z-index: 2;
}

.overlap-img {
    position: absolute;
    bottom: -40px;
    width: 260px;
    margin-left: -130px;
    left: 50%;
    z-index: 1;
}

.hero-section.has-overlap .bg-maastricht-blue {
    padding-bottom: 200px !important;
}

@media (min-width: 767px) {
    .hero-section.has-overlap .hero-desc {
        max-width: 68%;
    }

    .hero-section.has-overlap .bg-maastricht-blue {
        padding-bottom: 60px !important;
    }
}

@media (min-width: 1024px) {
    body .v2-ind-results.style_2 .our-services__inner__works__work__info__title {
        font-size: 28px !important;
    }
}

@media (min-width: 1200px) {
    .overlap-img {
        width: 400px;
        margin-left: -200px;
    }
}

.single-main__body__social {
    margin-top: 0 !important;
}

.dap-banner .hbspt-form input {
    height: 50px !important;
}

body .gsc-search-button {
    display: table-cell !important;
}

body table.gsc-search-box .gsc-input-box table.gsc-input {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body .gsib_a {
    background-image: none;
}

.single-head__content__author__img {
    border-radius: 100rem;
    overflow: hidden;
}


.dap-header {
    gap: 20px;
}

.dap-header__menu__toggle:focus {
    background-color: unset;
}

@media (max-width: 1400px) {
    .dap-header__nav__item .dap-btn.btn-outlined.hp-cta .hp-text {
        font-size: 17px;
    }
}

@media (min-width: 992px) and (max-width: 1400px) {
    .dap-header__nav__item+.dap-header__nav__item {
        margin-left: 1.125rem;
    }
}

@media (max-width: 991px) {
    .dap-header__menu__toggle[aria-expanded=true] {
        background-color: #fff;
    }

    .dap-header-wrapper .dap-header__menu {
        background-color: #fff;
        padding-left: 20px;
    }

    .site-header:not(.shrink) .dap-header__menu__logo path {
        fill: #111 !important;
    }

    .site-inner {
        padding-top: 0 !important;
    }

    .dap-header-wrapper .dap-header__menu__toggle__label {
        color: #05516a;
        font-size: 1em;
    }


    .dap-header-wrapper .dap-header__menu__toggle__icon span,
    .dap-header-wrapper .dap-header__menu__toggle__icon::after,
    .dap-header-wrapper .dap-header__menu__toggle__icon::before {
        background-color: #05516a;
    }

    .dap-header__menu__toggle[aria-expanded=true] .dap-header__menu__toggle__icon span,
    .dap-header__menu__toggle[aria-expanded=true] .dap-header__menu__toggle__icon::after,
    .dap-header__menu__toggle[aria-expanded=true] .dap-header__menu__toggle__icon::before {
        background-color: #05516a;
    }

    .dap-header__nav__item__link,
    .dap-header__nav__item__submenu__subitem__link {
        color: #ffffff !important;
        font-size: 1rem !important;
    }

    .dap-btn.btn-outlined {
        border-radius: 0;
        border: none !important;
    }

    .contact-us-button {
        border-radius: 0;
        display: block;
        transform: none !important;
    }

    .contact-us-button::before {
        display: none;
    }
}