:root {
    --solv-white-text: #FFFFFF;
    --solv-dark-text: #04201B;
    --solv-primary-green: #05DD4D;
    --solv-secondary-green: #0A7B6B;
    --solv-hr-grey: #888B8B;
    --solv-dark-green: #01332B;
    --solv-green-teal: #BFFDE3;
}

@media screen and (320px <= width <= 374px) {
        .hero-mobile-background {
    background-color: var(--solv-dark-green);
}

    .solv-hero-textarea {
        position: initial;
        margin: 0;
        padding: 32px;
        width: auto;
        background-color: var(--solv-dark-green);
    }

    .solv-hero-textarea h2 {
        font-size: 40px;
    }

    .solv-titling {
        padding: 24px 0 24px 0;
    }

    .solv-titling h1 {
        font-size: 40px;
    }

    .solv-titling h2 {
        font-size: 40px;
    }

    .solv-two-column-main-container {
        flex-direction: column-reverse;
    }

    .solv-two-column-heading {
        padding: 24px;
    }

    .solv-two-column-heading h2 {
        font-size: 40px;
    }

    .solv-two-column-heading h4 {
        font-size: 20px;
    }

    .solv-quote-container {
        padding-top: 4rem;
    }

    .solv-quote-content {
        padding: 0;
    }

    .solv-quote-box {
        width: auto;
        height: auto;
    }

    .solv-quote-box h2 {
        font-size: 24px;
    }

    .solv-quote-footer-author {
        padding-top: 32px;
    }

    .solv-stats-container {
        flex-direction: column;
        height: auto;
        padding: 0 0 38px 0;
    }

    .solv-data-table-container {
        height: auto;
        margin: 0;
    }

.solv-data-table-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

    table {
        display: block;
    }
    
    .solv-table-heading {
        font-size: 14px;
    }

    .solv-content-hugger-container {
        margin: 14px ;
    }

    .solv-form-container {
        flex-direction: column;
        align-items: baseline;
        justify-content: baseline;
        padding: 0;
    }

    .solv-titling-two-columns {
        /* margin: 24px 60px 10px 0; */
        width: auto;
    }

    .solv-titling h2 {
        width: 100%;
    }

    hr.solv-hr-secondary {
        width: 100%;
    }

    .two-columns-left > hr.solv-hr-secondary {
        width: 85%;
        margin-left: 18px;
    }

    /* .solv-titling-txt p {
        padding: 12px;
    } */

    .solv-form-section > div:nth-child(1) {
        padding: 0;
    }

    .solv-card-container {
        width: auto;
    }
    
    .solv-card-img {
    /* background-image: url("https://images.engage.solventum.com/EloquaImages/clients/Solventum/%7B02ffa187-5d42-4169-b5d7-30bdf40d6671%7D_mobile-card-image-placeholder.png"); */
        margin-bottom: -72px;
    }

    .solv-card-category {
        width: auto;
    }

    .solv-card-insights {
        width: auto;
    }

    .solv-card-insights h3 {
    color: var(--solv-dark-green)
}

.solv-card-insights-subheading {
    color: var(--solv-dark-green);
    font-size: 20px;
}

.solv-card-standalone-link {
    border-bottom: 1px solid var(--solv-secondary-green);
}

.solv-card-standlone-link-container a, span > svg > g > path {
    color: var(--solv-secondary-green);
    fill: var(--solv-secondary-green)
}

    .solv-form-section {
        width: auto;
    }

    .solv-form-section form {
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 16px;
    }


.solv-form-section > div:nth-child(1) > hr.solv-hr-secondary {
    width: 85%;
    margin-left: 18px;
}


    .elq-form .elq-label {
        margin-left: -8px;
    }

    .elq-form .row {
        margin: 0 -22px 0 -24px !important;
    }

    .solv-form-section input[type='checkbox'] {
        margin-left: 24px !important;
    }



    .solv-footnotes-container {
        display: block;
        margin: 0;
        width: auto;
        height: auto;
    }

    .solv-footer {
        height: auto;
    }

    .solv-img-footer-container {
        height: auto;
        margin: 24px;
    }

    .solv-columns-container {
        padding: 24px;
    }

    .solv-columns-container-mobile {
    gap: 2.5rem;
    flex-wrap: wrap;
}

    hr.solv-hr-footer {
        margin: 0 20px 0 20px;
    }

    .solv-footer-lower-section {
        flex-direction: column;
        padding: 24px;
    }

    .solv-social-icons  path {
    fill: #FFFFFF;
}
}

@media screen and (375px <= width <= 480px) {
        .hero-mobile-background {
    background-color: var(--solv-dark-green);
}

    .solv-hero-textarea {
        position: initial;
        margin: 0;
        padding: 32px;
        width: auto;
        background-color: var(--solv-dark-green);
    }

    .solv-hero-textarea h2 {
        font-size: 40px;
    }

    .solv-titling {
        padding: 24px 0 24px 0;
    }

    .solv-titling h1 {
        font-size: 40px;
    }

    .solv-titling h2 {
        font-size: 40px;
    }

    .solv-two-column-main-container {
        flex-direction: column-reverse;
    }

    .solv-two-column-heading {
        padding: 24px;
    }

    .solv-two-column-heading h2 {
        font-size: 40px;
    }

    .solv-two-column-heading h4 {
        font-size: 20px;
    }

    .solv-quote-container {
        padding-top: 4rem;
    }

    .solv-quote-content {
        padding: 0;
    }

    .solv-quote-box {
        width: auto;
        height: auto;
    }

    .solv-quote-box h2 {
        font-size: 24px;
    }

    .solv-quote-footer-author {
        padding-top: 32px;
    }

    .solv-stats-container {
        flex-direction: column;
        height: auto;
        padding: 0 0 38px 0;
    }

    .solv-data-table-container {
        height: auto;
        margin: 0;
    }

.solv-data-table-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

    table {
        display: block;
    }
    
    .solv-table-heading {
        font-size: 14px;
    }

    .solv-content-hugger-container {
        margin: 14px ;
    }

    .solv-form-container {
        flex-direction: column;
        align-items: baseline;
        justify-content: baseline;
        padding: 0;
    }

    .solv-titling-two-columns {
        /* margin: 24px 60px 10px 0; */
        width: auto;
    }

    .solv-titling h2 {
        padding: 14px;
    }

    .two-columns-left > hr.solv-hr-secondary {
        width: 85%;
        margin-left: 18px;
    }

    .solv-titling-txt p {
        padding: 12px;
    }

    .solv-form-section > div:nth-child(1) {
        padding: 0;
    }

    .solv-card-container {
        width: auto;
    }
    
    .solv-card-img {
    /* background-image: url("https://images.engage.solventum.com/EloquaImages/clients/Solventum/%7B02ffa187-5d42-4169-b5d7-30bdf40d6671%7D_mobile-card-image-placeholder.png"); */
        margin-bottom: -72px;
    }

    .solv-card-category {
        width: auto;
    }

    .solv-card-insights {
        width: auto;
    }

        .solv-card-insights h3 {
    color: var(--solv-dark-green)
}

.solv-card-insights-subheading {
    color: var(--solv-dark-green);
    font-size: 20px;
}

.solv-card-standalone-link {
    border-bottom: 1px solid var(--solv-secondary-green);
}

.solv-card-standlone-link-container a, span > svg > g > path {
    color: var(--solv-secondary-green);
    fill: var(--solv-secondary-green)
}

    .solv-form-section {
        width: auto;
    }

    .solv-form-section form {
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 16px;
    }


.solv-form-section > div:nth-child(1) > hr.solv-hr-secondary {
    width: 85%;
    margin-left: 18px;
}


    .elq-form .elq-label {
        margin-left: -8px;
    }

    .elq-form .row {
        margin: 0 -22px 0 -24px !important;
    }

    .solv-form-section input[type='checkbox'] {
        margin-left: 24px !important;
    }



    .solv-footnotes-container {
        display: block;
        margin: 0;
        width: auto;
        height: auto;
    }

    .solv-footer {
        height: auto;
    }

    .solv-img-footer-container {
        height: auto;
        margin: 24px;
    }

    .solv-columns-container {
        padding: 24px;
    }

    .solv-columns-container-mobile {
    gap: 2.5rem;
    flex-wrap: wrap;
    }

    hr.solv-hr-footer {
        margin: 0 20px 0 20px;
    }

    .solv-footer-lower-section {
        flex-direction: column;
        padding: 24px;
    }

    .solv-social-icons  path {
    fill: #FFFFFF;
}

}


@media screen and (481px <= width <= 768px) {
        .hero-mobile-background {
    background-color: var(--solv-dark-green);
}

        .solv-hero-textarea {
        position: initial;
        margin: 0;
        padding: 32px;
        width: auto;
        background-color: var(--solv-dark-green);
    }

    .solv-hero-textarea h2 {
        font-size: 40px;
    }

    .solv-titling {
        padding: 24px 0 24px 0;
    }

    .solv-titling h1 {
        font-size: 40px;
    }

    .solv-two-column-main-container {
        flex-direction: column-reverse;
    }

    .solv-two-column-heading {
        padding: 24px;
    }

    .solv-two-column-heading h2 {
        font-size: 40px;
    }

    .solv-two-column-heading h4 {
        font-size: 20px;
    }

    .solv-quote-container {
        padding-top: 4rem;
    }

    .solv-quote-content {
        padding: 0;
    }

    .solv-quote-box {
        width: auto;
        height: auto;
    }

    .solv-quote-box h2 {
        font-size: 28px;
    }

    .solv-quote-footer-author {
        padding-top: 32px;
    }

    .solv-stats-container {
        flex-direction: column;
        height: auto;
        padding: 0 0 38px 0;
    }

    .solv-data-table-container {
        height: auto;
        margin: 0;
    }

.solv-data-table-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

    table {
        display: block;
    }
    
    .solv-table-heading {
        font-size: 14px;
    }

    .solv-content-hugger-container {
        margin: 14px ;
    }

    .solv-form-container {
        flex-direction: column;
        align-items: baseline;
        justify-content: baseline;
        padding: 0;
    }

    .solv-titling-two-columns {
        margin: 18px;
        width: auto;
    }

    .solv-form-section > div:nth-child(1) {
        padding: 0;
    }

    .solv-card-container {
        width: auto;
    }
    
    .solv-card-img {
    /* background-image: url("https://images.engage.solventum.com/EloquaImages/clients/Solventum/%7B64dd9768-4a7d-48b5-9999-305f53f18619%7D_card-image-placeholder.jpg"); */
        margin-bottom: -72px;
    }

    .solv-card-category {
        width: auto;
    }

    .solv-card-insights {
        width: auto;
    }

    .solv-form-section {
        width: auto;
    }

    .solv-form-section form {
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 16px;
    }

    .elq-form .container-fluid {
        padding: 0 !important;
        margin: 0 !important;
    }




    .solv-footnotes-container {
        display: block;
        margin: 0;
        width: auto;
        height: auto;
    }

    .solv-footer {
        height: auto;
    }

    .solv-img-footer-container {
        height: auto;
        margin: 24px;
    }

    .solv-columns-container {
        padding: 24px;
    }

    .solv-columns-container-mobile {
    gap: 8rem;
    flex-wrap: wrap;
}

    hr.solv-hr-footer {
        margin: 0 20px 0 20px;
    }

    .solv-footer-lower-section {
        flex-direction: column;
        padding: 24px;
    }
}


@media screen and (769px <= width <= 1024px) {
        .hero-mobile-background {
    background-color: var(--solv-dark-green);
}

        .solv-hero-textarea {
        /* position: initial; */
        /* margin: 0; */
        padding: 98px 0 80px 48px;
        /* width: auto; */
        /* background-color: var(--solv-dark-green);1 */
    }

    .solv-hero-textarea h2 {
        font-size: 40px;
    }

    .solv-titling {
        padding: 24px 0 24px 0;
    }

    .solv-titling h1 {
        font-size: 40px;
    }

    .solv-two-column-main-container {
        flex-direction: column-reverse;
    }

    .solv-two-column-heading {
        padding: 78px 0 18px 24px;
    }

    .solv-two-column-heading h2 {
        font-size: 40px;
    }

    .solv-two-column-heading h4 {
        font-size: 20px;
    }

    .solv-quote-container {
        padding-top: 4rem;
    }

    .solv-quote-content {
        padding: 0;
    }

    .solv-quote-box {
        width: auto;
        height: auto;
    }

    .solv-quote-box h2 {
        font-size: 32px;
    }

    .solv-stats-container {
        height: auto;
    }
    
    .solv-stats-content-container {
        height: auto;
        padding: 34px 28px 28px 28px;  
    }

    .solv-data-table-container {
        height: auto;
        margin: 0;
    }

.solv-data-table-container {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important;
}

    table {
        display: block;
    }
    
    .solv-table-heading {
        font-size: 14px;
    }

    .solv-content-hugger-container {
        margin: 14px ;
    }

    .solv-form-container {
        flex-direction: column;
        align-items: baseline;
        justify-content: baseline;
        padding: 0;
    }

    .solv-titling-two-columns {
        margin: 18px;
        width: auto;
    }

    .solv-form-section > div:nth-child(1) {
        padding: 0;
    }

    .solv-card-container {
        width: auto;
    }
    
    .solv-card-img {
    /* background-image: url("https://images.engage.solventum.com/EloquaImages/clients/Solventum/%7B64dd9768-4a7d-48b5-9999-305f53f18619%7D_card-image-placeholder.jpg"); */
        margin-bottom: -72px;
    }

    .solv-card-category {
        width: auto;
    }

    .solv-card-insights {
        width: auto;
    }

    .solv-form-section {
        width: auto;
    }

    .solv-form-section form {
        margin: 0;
        display: flex;
        flex-direction: column;
        padding: 16px;
    }

    .elq-form .container-fluid {
        padding: 0 !important;
        margin: 0 !important;
    }

    .solv-footnotes-container {
        display: block;
        margin: 0;
        width: auto;
        height: auto;
    }

    .solv-footer {
        height: auto;
    }

    .solv-img-footer-container {
        height: auto;
        margin: 24px;
    }

    .solv-columns-container {
        padding: 24px;
    }

    .solv-columns-container-mobile {
    gap: 8rem;
    flex-wrap: wrap;
}

    hr.solv-hr-footer {
        margin: 0 20px 0 20px;
    }

    .solv-footer-lower-section {
        flex-direction: column;
        padding: 24px;
    }
}

@media screen and (1025px <= width <= 1172px) {
    .solv-two-column-heading {
        padding: 28px 12px 28px 12px;
        
    }

    .solv-quote-content {
        padding: 12px 92px 12px 92px;
    }

    .solv-quote-box h2 {
        font-size: 1.5rem;
    }

    .solv-titling {
        padding: 28px 12px 28px 12px;
    }

    .solv-form-container {
        padding: 0;
    }

    .solv-form-section > div:nth-child(1) {
    padding: 24px 12px 24px 12px;
}

    .elq-form .elq-label {
        margin-left: -16px;
    }

    .elq-form .row {
        margin: 0 -44px 0 -32px !important;
    }

    .solv-form-section input[type='checkbox'] {
        margin-left: 32px !important;
    }
}

@media screen and (1173px <= width <= 1919px) {
    .solv-columns-container-mobile {
        gap: 128px;
        justify-content: space-between;
    }

    .solv-two-column-heading {
        padding: 98px 34px 28px 34px;
        
    }

    .solv-quote-content {
        padding: 12px 192px 12px 192px;
    }


    .solv-titling {
        padding: 28px 12px 28px 12px;
    }

    .solv-form-container {
        padding: 0;
    }

    .solv-form-section > div:nth-child(1) {
    padding: 24px 30px 24px 30px;
}

    .elq-form .elq-label {
        margin-left: -16px;
    }

    .elq-form .row {
        margin: 0 -44px 0 -32px !important;
    }

    .solv-form-section input[type='checkbox'] {
        margin-left: 32px !important;
    }

    .elq-form .container-fluid {
        padding: 12px !important;
        margin: 12px !important;
    }
}

@media screen and (width >= 1920px) {
    .solv-columns-container-mobile {
        gap: 128px;
    }

    /* .solv-two-column-heading {
        padding: 248px 134px 248px 134px;
        
    } */

    /* .solv-quote-content {
        padding: 12px 392px 12px 392px;
    } */
    
    .elq-form .container-fluid {
        padding: 12px !important;
        margin: 12px !important;
    }

    /* .solv-footnotes-container {
        padding: 0 80px 32px 80px;
    } */

}

/* CHANGES TO TEXT OVERLAP */

@media screen and (760px <= width <= 820px) {
    .mobile {
        padding-top: 30px !important;
    }
}  
@media screen and (820px <= width <= 920px) {
    .mobile {
        padding-top: 60px !important;
    }
}
        @media screen and (920px <= width <= 1024px) {
    .mobile {
        padding-top: 80px !important;
    }
}
@media screen and (980px <= width <= 1919px) {
    .solv-two-column-heading {
        padding: 0px 34px 28px 34px;
    }
}