section#page-title{
    overflow-y: visible;
    &.case-evaluation{
        overflow: visible;
        & .row.col2{
            overflow-y: visible;
            align-items: stretch;
            justify-content: flex-start;
            & .w45{
                position: relative;
                & .form-holder{
                    position: static;
                    top: 0;
                    right: 0;
                    width: var(--base-width);
                    padding: calc(var(--base-sm-padding) * 2);
                    background: var(--light-grey);
                    border-radius: var(--base-border-radius);
                    box-shadow: var(--base-shadow);
                    z-index: 5;
                    & h2{
                        color: var(--black-color);
                    }
                    & .wpforms-field.wpforms-field-html {
                        color: var(--black-color);
                    }
                    & .wpforms-submit-container {
                        display: flex;
                        justify-content: flex-start;
                        align-items: center;
                        flex-direction: row;
                        flex-wrap: wrap;
                        align-content: center;
                        & button.wpforms-submit {
                            background-color: var(--secondary-light-green);
                            border: var(--base-border);
                            border-color: var(--secondary-light-green);
                            color: var(--white-color);
                            border-radius: calc(var(--base-font-size) * 0.25);
                            font-weight: var(--font-weight-bold);
                            font-size: calc(var(--base-font-size) * 1.20);
                            line-height: var(--base-line-height);
                            text-align: var(--base-text-align-center);
                            padding: var(--base-sm-padding) calc(var(--base-sm-padding) * 3);
                            margin-right: var(--base-sm-margin);
                            text-decoration: none;
                            height:auto;
                            &:hover {
                                text-decoration: underline;
                            }
                        }
                    }
                }
            }
        }
    }
}
section#mesothelioma-case-evaluation{
    background-color: var(--primary-light-25-transparent);
}
section#what-happens-after-your-submission{
    & .row.col.w80{
        margin: auto;
        text-align: var(--base-text-align-center);
        h4{
            width: var(--base-width);
        }
    }
    & .row.col3{
        gap: calc(var(--base-sm-margin) * 2);
        align-items: stretch;
        & .col{
            background-color: var(--primary-light-25-transparent);
            border-radius: var(--base-border-radius);
            padding: calc(var(--base-sm-padding) * 3);
            flex: 1;
            & img{
                width: calc(var(--base-sm-margin) * 7);
            }
        }
    }
    & .row.col{
        justify-content: center;
    }
}
section#why-fill-out-case{
    background-color: var(--nav-primary-li);
    color: var(--white-color);
    & .w40{
        display: flex;
        /* padding: calc(var(--base-sm-padding) * 2); */
        & div{
            width: calc(var(--base-width) / 2);
            max-width: calc(var(--base-width) / 2);
            margin: calc(var(--base-sm-margin) * 1);
            & img{
                width: var(--base-width);
                border-radius: var(--base-border-radius);
            }
            &:first-of-type{
                margin-left: 0;
                & img{
                    margin-top: calc(var(--base-lg-margin) * -0.5);
                    box-shadow: var(--offset-shadow-bottom-secondary);
                }
            }
            &:last-of-type{
                margin-right: 0;
                & img{
                    box-shadow: var(--offset-shadow-top-secondary);
                    margin-top: var(--base-lg-margin);
                }
            }
        }
    }
}
/* Included Meso Hub Guide */
section#dont-wait-get-evaluation{
    & .w50.image-holder{
        display: flex;
        padding: calc(var(--base-sm-padding) * 2);
        & div{
            width: var(--base-width);
            max-width: var(--base-width);
            margin: calc(var(--base-sm-margin) * 1.5);
            & img{
                width: var(--base-width);
                border-radius: var(--base-border-radius);
                box-shadow: var(--offset-shadow-bottom-right-secondary);
            }
        }
    }
}
/* All Above Sections combined mobile look responsiveness */
.page-template-case-evaluation section{
    &#page-title{
        & .row.col2{
            gap: calc(var(--base-sm-margin) * 2);
        }
        & .w55,
        & .w45{
            width: var(--base-width);
            max-width: var(--base-width);
        }
        & .w85{
            width: inherit;
            max-width: inherit;
        }
        & .form-holder{
            & .wpforms-field{
                width: var(--base-width);
                padding: 5px 0;
            }
            & .wpforms-one-half{
                margin-left: 0;
                float: none;
            }
        }
    }
    & .w50,
    & .w80{
        width: var(--base-width);
        max-width: var(--base-width);
    }
    &#what-happens-after-your-submission{
        & .row.col3{
            & .col{
                width: var(--base-width);
                max-width: var(--base-width);
            }
        }
    }
    &#why-fill-out-case{
        & .row.col2{
            gap: calc(var(--base-sm-margin) * 2);
            & .w40{
                width: var(--base-width);
                max-width: var(--base-width);
            }
        }
    }
}
@media (min-width: 375px) { }

@media (min-width: 425px) { }

/* 2. LARGE MOBILE (480px+) */
@media (min-width: 480px) { }

/* 3. TABLET (768px+) */
@media (min-width: 768px) { }

/* 4. DESKTOP (1024px+) */
@media (min-width: 1024px) {
    /* All Above Sections combined mobile look responsiveness */
    .page-template-case-evaluation section{
        &#page-title{
            & .row.col2{
                gap: calc(var(--base-sm-margin) * 0);
                & .w45{
                    & .form-holder{
                        position: absolute;
                        top: 0;
                        right: 0;
                        width: var(--base-width);
                        padding: calc(var(--base-sm-padding) * 2);
                        background: var(--light-grey);
                        border-radius: var(--base-border-radius);
                        box-shadow: var(--base-shadow);
                        z-index: 5;
                        & .wpforms-field{
                            width: var(--base-width);
                        }
                        & .wpforms-one-half{
                            width: calc(50% - 10px);
                            margin-left: 20px;
                            float: left;
                        }
                    }
                }
            }
            & .w55 {
                width: calc(var(--base-width) * 55 / 100);
                max-width: calc(var(--base-width) * 55 / 100);
            }
            & .w45{
                width: calc(var(--base-width) * 45 / 100);
                max-width: calc(var(--base-width) * 45 / 100);
            }
            & .w85{
                width: calc(var(--base-width) * 85 / 100);
                max-width: calc(var(--base-width) * 85 / 100);
            }
        }
        & .w50 {
            width: calc(var(--base-width) * 50 / 100);
            max-width: calc(var(--base-width) * 50 / 100);
        }
        & .w80 {
            width: calc(var(--base-width) * 80 / 100);
            max-width: calc(var(--base-width) * 80 / 100);
        }
        &#what-happens-after-your-submission{
            & .row.col3{
                & .col{
                    width: calc(var(--base-width) / 3);
                    max-width: calc(var(--base-width) / 3);
                }
            }
        }
        &#why-fill-out-case{
            & .row.col2{
                gap: calc(var(--base-sm-margin) * 2);
                & .w40{
                    width: calc(var(--base-width) * 40 / 100);
                    max-width: calc(var(--base-width) * 40 / 100);
                }
            }
        }
    }
}

/* 5. LARGE DESKTOP (1200px+) */
@media (min-width: 1200px) {
    .page-template-case-evaluation section{
        &#page-title{
            & .row.col2{
                & .w45{
                    & .form-holder{
                        & .wpforms-field{
                            padding: 15px 0;
                        }
                    }
                }
            }
        }
    }
}

/* 6. EXTRA LARGE (1440px+) */
@media (min-width: 1440px) { }