.home p{
    margin-bottom: 0;
}
/*
* * * * * * * * * * * * * 
* Hero Styles Starts Here
* * * * * * * * * * * * *
*/
section#hero{
    width: var(--base-width);
    padding: var(--base-lg-padding) 0;
    min-height: calc(var(--base-height) * 60 / 100);
    /* background: var(--white-color) url('../images/homepage-banner.jpg') center center/cover no-repeat; */
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    & .col2 .col{
        max-width: calc(var(--base-width));
    }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Hero Styles - Ends Here and Hero Feature Styles Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
section#hero-feature{
    width: var(--base-width);
    padding: var(--base-lg-padding) 0 0 0;
    & .container{
        /* box-shadow: var(--base-shadow); */
        background: var(--white-color);
        border-radius: var(--base-border-radius);
        /* margin-top: calc(var(--base-lg-margin) * -2.25); */
        & .feature-wrapper{
            & .feature-wrapper-col{
                padding: 0;
                width: var(--base-width);
                max-width: var(--base-width);
                &.w40{
                    background-color: var(--primary-light);
                    /* border-top-right-radius: var(--base-border-radius); */
                    /* border-bottom-right-radius: var(--base-border-radius); */
                    display: none;
                }
                & ul{
                    justify-content: flex-start;
                    flex-direction: row;
                    & li{
                        max-width: calc(var(--base-width) / 3);
                        /* border-right: var(--base-border); */
                        /* padding: var(--base-sm-padding); */
                        /* &:last-of-type{
                            border-right: 0;
                        } */
                        & .feature-blurb-row{
                            flex-direction: row;
                            width: var(--base-width);
                            max-width: var(--base-width);
                        }
                        & .feature-blurb-col{
                            padding: calc(var(--base-sm-padding) / 2);
                            &:first-of-type{
                                display: none;
                            }
                            &:last-of-type{
                                width: max-content;
                                max-width: max-content;
                            }
                            & i {
                                font-size: calc(var(--base-font-size) * 1.5);
                                color: var(--star-grey);
                                padding-bottom: calc(var(--base-sm-padding) * 2.5);
                            }
                            & p {
                                font-size: calc(var(--base-font-size) * 0.90);
                                line-height: calc(var(--base-font-size) * 1.2);
                                margin-top: calc(var(--base-sm-margin) / 2);
                            }
                        }
                    }
                }
                &.feature-article{
                    & h6{
                        font-size: calc(var(--base-font-size) * 1.25);
                        line-height: var(--base-line-height);
                    }
                    & p {
                        font-size: calc(var(--base-font-size) * 0.90);
                    }
                    & .btn-text-link{
                        font-size: var(--base-font-size);
                        padding: 0;
                    }
                }
            }
        }
    }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Hero Feature Styles Ends Here and Seek Justice Styles Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
section#seek-justice{
    & .row.col2{
        & .col{
            &.w60 {
                /* padding-right: calc(var(--base-lg-padding) / 2); */
                width: var(--base-width);
                max-width: var(--base-width);
            }
            &.w40 {
                display: none;
                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.5);
                    & 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) * -1.0);
                            box-shadow: var(--offset-shadow-bottom);
                        }
                    }
                    &:last-of-type{
                        margin-right: 0;
                        & img{
                            box-shadow: var(--offset-shadow-top);
                            margin-top: var(--base-lg-margin);
                        }
                    }
                }
            }
        }
    }
    .spacer.x2{ display: none; }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Seek Justice Styles Ends Here and Mesothelioma Legal Support Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
section#mesothelioma-legal-support{
    background-color: var(--nav-primary-li);
    & h3{
        color: var(--white-color);
    }
    .btn-holder{ display: none; }
    & .row.col3{
        align-items: stretch;
        gap: var(--base-sm-margin);
        & .col{
            /* width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2))); */
            /* max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2))); */
            width: var(--base-width);
            max-width: var(--base-width);
            background-color: var(--white-color);
            border-radius: calc(var(--base-border-radius) * 3);
            padding: calc(var(--base-sm-padding) * 2);
            /* &:nth-child(2){
                margin: 0px var(--base-sm-margin);
            }        */
            & img, h5, p{
                margin-top: var(--base-sm-margin);
            }
        }
    }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Mesothelioma Legal Support Ends Here and Mesothelioma Patient Advocates Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
section#mesothelioma-patient-advocates{
    & .row.col2{
        align-items: flex-start;
        row-gap: calc(var(--base-sm-margin) * 3);
        & .col.w45{
            width: var(--base-width);
            max-width: var(--base-width);
            /* padding-right: calc(var(--base-sm-padding) * 2); */
        }
        & .col.w55{
            width: var(--base-width);
            max-width: var(--base-width);
            /* padding-left: calc(var(--base-sm-padding) * 4); */
        }
    }
    & .row.col3{
        align-items: stretch;
        & .col{
            /* width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px));
            max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px)); */

            width: var(--base-width);
            max-width: var(--base-width);
            border-radius: var(--base-border-radius);
            box-shadow: var(--base-shadow);
            padding: calc(var(--base-sm-padding) * 2);
            /* margin-right: calc(var(--base-sm-margin) * 2); */
            margin-bottom: calc(var(--base-sm-margin) * 4);
            position: relative;
            &::after{
                content: "";
                width: 20px;
                height: 40px;
                position: absolute;
                top: auto;
                left: 50%;
                transform: translate(-50%, 50%) rotate(90deg);
                background: url("../images/arrow-right.png");
                background-size: 100%;
            }
            &:last-of-type{
                margin: 0;
                &::after{
                    display: none;
                }
            }
            & h4{
                font-size: calc(var(--base-font-size) * 1.5);
                line-height: calc(var(--base-font-size) * 2.5);
            }
        }
    }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Mesothelioma Patient Advocates Ends and Mesothelioma Resource Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
section#mesothelioma-resource{
    padding-bottom: 0;
    & .row.col2{
        align-items: stretch;
        background-color: var(--primary-light);

        & .col{
            width: var(--base-width);
            max-width: var(--base-width);
            &:first-of-type{
                /* padding: calc(var(--base-sm-padding) * 3);
                padding-left: calc((100vw - var(--base-max-width)) / 2); */
                padding: 0 calc(var(--base-sm-padding) * 2);
                & h4{
                    width: fit-content;
                    position: relative;
                    color: var(--primary-dark-40-transparent);
                    margin-bottom: calc(var(--base-sm-margin) * 1);
                    font-size: calc(var(--base-font-size) * 1.2);
                    line-height: calc(var(--base-font-size) * 1.2);
                    &.active, &:hover{
                        color: var(--primary-dark);
                        cursor: pointer;
                        &::after{
                            display: none;
                            content: "";
                            width: 25px;
                            height: 25px;
                            position: absolute;
                            top: 50%;
                            left: calc(var(--base-width) + 25px);
                            transform: translate(-50%, -50%);
                            background: url(../images/double-arrow-right.png);
                            background-size: 20px;
                            background-repeat: no-repeat;
                        }
                    }
                }
            }
            &:last-of-type{
                background-color: var(--primary-dark);
                position: relative;
                /* height: auto !important; */
                /* padding-right: calc((100vw - var(--base-max-width)) / 2); */
                & .tab-content{
                    width: var(--base-width);
                    padding: calc(var(--base-sm-padding) * 2);
                    /* padding-right: 0; */
                    opacity: 0;
                    visibility: hidden;
                    transition: opacity 0.3s ease, visibility 0.3s ease;
                    position: absolute;
                    top: 0;
                    left: 0;
                    display: block;
                    pointer-events: none;
                    & img{
                        width: calc(var(--base-width));
                        max-width: calc(var(--base-width));
                    }
                    & .tab-content-wrapper{
                        color: var(--white-color);
                        & .btn-holder{
                            justify-content: flex-start;
                            & a{
                                padding: var(--base-sm-padding) calc(var(--base-sm-padding) * 1.5);
                            }
                        }
                    }
                    &.active{
                        opacity: 1;
                        visibility: visible;
                        pointer-events: auto;
                        z-index: 1;
                    }
                }
            }
        }
    }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Mesothelioma Resource Ends and Professional Medical Contributors Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
#professional-medical-contributors{
    & .row.col2{
        & .col{
            &.w40{
                display: none;
            }
            &:first-of-type{
                padding-right: calc(var(--base-sm-padding) * 5);
                & div.contributors-left{
                    width: calc(var(--base-width) - 15%);
                    & img{
                        width: var(--base-width);
                        border-radius: var(--base-border-radius);
                    }
                    &:first-of-type{
                        margin-left: 0;
                        margin-right: auto;
                        & img{
                            box-shadow: var(--offset-shadow-top-left);
                        }
                    }
                    &:last-of-type{
                        margin-right: 0;
                        margin-left: auto;
                        & img{
                            box-shadow: var(--offset-shadow-bottom-right);
                        }
                    }
                }
            }
            &:last-of-type{
                /* padding-left: calc(var(--base-sm-padding) * 5); */
                width: var(--base-width);
                max-width: var(--base-width);
                & .contributors-grid{
                    width: var(--base-width);
                    max-width: var(--base-width);
                    row-gap: calc(var(--base-sm-margin) * 1.5);
                    & .col > .row.col2{
                        flex-direction: row;
                        column-gap: var(--base-sm-margin);
                        justify-content: space-between;
                        align-items: center;
                    }
                    & .col{
                        padding: 0;
                        width: var(--base-width);
                        max-width: var(--base-width);
                    }
                    & .col.w30{
                        width: calc(var(--base-font-size) * 4.72222);
                        max-width: calc(var(--base-font-size) * 4.72222);
                        /* margin-right: var(--base-sm-margin); */
                    }
                    & .col.w70{
                        width: calc(var(--base-width) - calc(var(--base-font-size) * 6 + var(--base-sm-margin)));
                        max-width: calc(var(--base-width) - calc(var(--base-font-size) * 6 + var(--base-sm-margin)));
                    }
                }
            }
        }
    }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Mesothelioma Resource End Here and Mesothelioma News Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
section#mesothelioma-news{
    & .row.col3{
        row-gap: var(--base-sm-margin);
        & .col{
            position: relative;
            /* margin-right: calc(var(--base-sm-margin) * 1.5); */
            width: var(--base-width);
            max-width: var(--base-width);
            overflow: hidden;
            & img{
                width: var(--base-width);
                max-width: var(--base-width);
                height: 250px;
                object-fit: cover;
            }
            & .news-content-holder{
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                color: var(--white-color);
                background-color: var(--base-bg-30-transparent);
                display: flex;
                justify-content: flex-end;
                flex-direction: column;
                padding: calc(var(--base-sm-padding) * 2);
                & .btn-text-link{
                    color: var(--white-color);
                    font-size: var(--base-font-size);
                    font-weight: var(--font-weight-regular);
                    padding: 0;
                    & i{
                        margin-left: var(--base-sm-margin);
                    }
                }
            }
            &:last-of-type{
                margin-right: 0;
            }
        }
    }
}
/*
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
* Mesothelioma News End Here and Pre Footer CTA Starts Here
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
*/
section#pre-footer-cta{
    & .container-fluid{
        background-color: var(--primary-light);
        padding-top: calc(var(--base-sm-padding) * 20);
        & .row.col2{
            align-items: stretch;
            & .col {
                width: var(--base-width);
                max-width: var(--base-width);
                &.w30{
                    position: relative;
                    & img{
                        width: calc(var(--base-width) * 1);
                        max-width: calc(var(--base-width) * 1);
                        position: absolute;
                        top: 50%;
                        left: 0%;
                        transform: translateY(-100%);
                    }
                }
            }
        }
    }
}
@media (min-width: 375px){
    section#hero-feature{
        & .container{
            & .feature-wrapper{
                & .feature-wrapper-col{
                    & ul{
                        justify-content: flex-start;
                        flex-direction: row;
                        row-gap: calc(var(--base-sm-margin) * 2);
                    }
                }
            }
        }
    }
    section#mesothelioma-patient-advocates{
        & .row.col3{
            & .col{
                &::after{
                    content: "";
                    position: absolute;
                    background: url("../images/arrow-right.png");
                    background-size: 100%;   
                }
                
            }
        }
    }
    section#pre-footer-cta{
        & .container-fluid{
            background-color: var(--primary-light);
            padding-top: calc(var(--base-sm-padding) * 10);
            & .row.col2{
                align-items: stretch;
                & .col {
                    width: var(--base-width);
                    max-width: var(--base-width);
                    &.w30{
                        position: relative;
                        & img{
                            width: calc(var(--base-width) * 0.5);
                            max-width: calc(var(--base-width) * 0.5);
                            position: absolute;
                            top: 50%;
                            left: 20%;
                            transform: translateY(-85%);
                        }
                    }
                }
            }
        }
    }
}
@media (min-width: 425px){
    section#hero-feature{
        & .container{
            & .feature-wrapper{
                & .feature-wrapper-col{
                    padding: 0px var(--base-sm-padding);
                    & ul{
                        & li{
                            & .feature-blurb-col{
                                &:last-of-type{
                                    width: max-content;
                                    max-width: max-content;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    section#mesothelioma-patient-advocates{
        & .row.col3{
            & .col{
                &::after{
                    content: "";
                    position: absolute;
                    left: 50%;
                    background: url("../images/arrow-right.png");
                    background-size: 100%;   
                }
            }
        }
    }
}
/* 6. EXTRA LARGE (480px+) */
@media (min-width: 480px){}
/* 6. EXTRA LARGE (768px+) */
@media (min-width: 768px){
    /*
    * * * * * * * * * * * * * 
    * Hero Styles Starts Here
    * * * * * * * * * * * * *
    */
    section#hero{
        /* background: var(--white-color) url('../images/homepage-banner.jpg') center center/cover no-repeat; */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        & .col2 .col{
            max-width: calc(var(--base-width) / 1.2);
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Hero Styles - Ends Here and Hero Feature Styles Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#hero-feature{
        & .container{
            max-width: calc(var(--base-width) * 90/100 );
            box-shadow: var(--base-shadow);
            background: var(--white-color);
            border-radius: var(--base-border-radius);
            margin-top: calc(var(--base-lg-margin) * -2);
            & .feature-wrapper{
                & .feature-wrapper-col{
                    padding: calc(var(--base-sm-padding)* 2);
                    & ul{
                        justify-content: center;
                        & li{
                            width: max-content;
                            border-right: var(--base-border);
                            padding: var(--base-sm-padding);
                            &:last-of-type{
                                border-right: 0;
                            }
                            & .feature-blurb-col{
                                width: calc(var(--base-font-size) * 3);
                                max-width: calc(var(--base-font-size) * 3);
                                &:first-of-type{
                                    display: block;
                                }
                                &:last-of-type{
                                    width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                    max-width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                }
                                & i {
                                    font-size: calc(var(--base-font-size) * 1.5);
                                    color: var(--star-grey);
                                    padding-bottom: calc(var(--base-sm-padding) * 2.5);
                                }
                                & p {
                                    font-size: calc(var(--base-font-size) * 0.90);
                                }
                            }
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Patient Advocates Ends and Mesothelioma Resource Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    /* section#mesothelioma-resource{
        & .row.col2{
            & .col{
                &:last-of-type{
                    min-height: 750px;
                }
            }
        }
    } */
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Resource Ends and Professional Medical Contributors Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    #professional-medical-contributors{
        & .row.col2{
            & .col{
                &:last-of-type{
                    & .contributors-grid{
                        flex-direction: row;
                        & .col{
                            width: calc(var(--base-width) / 2);
                            max-width: calc(var(--base-width) / 2);
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Resource End Here and Mesothelioma News Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-news{
        & .row.col3{
            flex-direction: row;
            column-gap: var(--base-sm-margin);
            & .col{
                width: calc(calc(var(--base-width) / 2) - var(--base-sm-margin));
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma News End Here and Pre Footer CTA Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#pre-footer-cta{
        & .container-fluid{
            /* padding-top: calc(var(--base-sm-padding) * 20); */
            & .row.col2{
                & .col {
                    &.w30{
                        width: calc(var(--base-width) * 80/100);
                        max-width: calc(var(--base-width) * 80/100);
                        & img{
                            left: 75%;
                            transform: translateY(-75%);
                        }
                    }
                }
            }
        }
    }
}
/* 6. EXTRA LARGE (1024px+) */
@media (min-width: 1024px){
    /*
    * * * * * * * * * * * * * 
    * Hero Styles Starts Here
    * * * * * * * * * * * * *
    */
    section#hero{
        width: var(--base-width);
        padding: var(--base-lg-padding) 0;
        min-height: calc(var(--base-height) * 60 / 100);
        /* background: var(--white-color) url('../images/homepage-banner.jpg') center center/cover no-repeat; */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        & .col2 .col{
            max-width: calc(var(--base-width) / 1.45);
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Hero Styles - Ends Here and Hero Feature Styles Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#hero-feature{
        width: var(--base-width);
        padding: var(--base-lg-padding) calc(var(--base-sm-padding) * 2);
        & .container{
            padding: 0;
            box-shadow: var(--base-shadow);
            background: var(--white-color);
            border-radius: var(--base-border-radius);
            margin-top: calc(var(--base-lg-margin) * -2.5);
            max-width: var(--base-width);
            & .feature-wrapper{
                flex-direction: row;
                align-items: center;
                & .feature-wrapper-col{
                    width: calc(var(--base-width) * 60/100);
                    max-width: calc(var(--base-width) * 60/100);
                    padding: calc(var(--base-sm-padding) * 2);
                    &.w40{
                        display: flex;
                        flex-direction: column;
                        width: calc(var(--base-width) * 40/100);
                        max-width: calc(var(--base-width) * 40/100);
                        background-color: var(--primary-light);
                        border-top-right-radius: var(--base-border-radius);
                        border-bottom-right-radius: var(--base-border-radius);
                    }
                    & ul{
                        justify-content: center;
                        flex-direction: row;
                        & li{
                            border-right: var(--base-border);
                            padding: var(--base-sm-padding);
                            width: calc(var(--base-width) / 3);
                            &:last-of-type{
                                border-right: 0;
                            }
                            & .row.col2.feature-blurb-row{
                                align-items: flex-start;
                            }
                            & .feature-blurb-col{
                                width: calc(var(--base-font-size) * 3);
                                max-width: calc(var(--base-font-size) * 3);
                                &:last-of-type{
                                    width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                    max-width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                }
                                & i {
                                    font-size: calc(var(--base-font-size) * 1.5);
                                    color: var(--star-grey);
                                    padding-bottom: calc(var(--base-sm-padding) * 2.5);
                                }
                                & p {
                                    font-size: calc(var(--base-font-size) * 0.90);
                                }
                            }
                        }
                    }
                    &.feature-article{
                        & h6{
                            font-size: calc(var(--base-font-size) * 1.25);
                            line-height: var(--base-line-height);
                        }
                        & p {
                            font-size: calc(var(--base-font-size) * 0.90);
                        }
                        & .btn-text-link{
                            font-size: var(--base-font-size);
                            padding: 0;
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Hero Feature Styles Ends Here and Seek Justice Styles Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#seek-justice{
        & .row.col2{
            & .col{
                &.w60 {
                    width: calc(var(--base-width) * 60/100);
                    padding-right: calc(var(--base-lg-padding) / 2);
                }
                &.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.5);
                        & 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) * -1.0);
                                box-shadow: var(--offset-shadow-bottom);
                            }
                        }
                        &:last-of-type{
                            margin-right: 0;
                            & img{
                                box-shadow: var(--offset-shadow-top);
                                margin-top: var(--base-lg-margin);
                            }
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Seek Justice Styles Ends Here and Mesothelioma Legal Support Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-legal-support{
        background-color: var(--nav-primary-li);
        & h3{
            color: var(--white-color);
        }
        .btn-holder{ display: flex; }
        & .row.col3{
            align-items: stretch;
            & .col{
                width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2)));
                max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2)));
                background-color: var(--white-color);
                border-radius: calc(var(--base-border-radius) * 3);
                padding: calc(var(--base-sm-padding) * 2);
                &:nth-child(2){
                    margin: 0px var(--base-sm-margin);
                }       
                & img, h5, p{
                    margin-top: var(--base-sm-margin);
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Legal Support Ends Here and Mesothelioma Patient Advocates Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-patient-advocates{
        & .row.col2{
            align-items: flex-start;
            & .col.w45{
                padding-right: calc(var(--base-sm-padding) * 2);
                width: calc(var(--base-width) * 45/100)
            }
            & .col.w55{
                padding-left: calc(var(--base-sm-padding) * 4);
                width: calc(var(--base-width) * 55/100)
            }
        }
        & .row.col3{
            align-items: stretch;
            & .col{
                width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px));
                max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px));
                border-radius: var(--base-border-radius);
                box-shadow: var(--base-shadow);
                padding: 0;
                margin: 0;
                padding: calc(var(--base-sm-padding) * 2);
                margin-right: calc(var(--base-sm-margin) * 2);
                position: relative;
                &::after,
                &:nth-child(2)::after{
                    content: "";
                    width: 40px;
                    height: 80px;
                    position: absolute;
                    top: 50%;
                    left: calc(var(--base-width) + 40px);
                    transform: translate(-50%, -50%);
                    background: url("../images/arrow-right.png");
                    background-size: 100%;
                }
                &:last-of-type{
                    &::after{
                        display: none;
                    }
                }
                & h4{
                    font-size: calc(var(--base-font-size) * 1.5);
                    line-height: calc(var(--base-font-size) * 2.5);
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Patient Advocates Ends and Mesothelioma Resource Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-resource{
        & .row.col2{
            align-items: stretch;
            background-color: var(--primary-light);
            & .col{
                &:first-of-type{
                    padding: calc(var(--base-sm-padding) * 2);
                    width: calc(var(--base-width) * 45/100);
                    & h4{
                        width: fit-content;
                        position: relative;
                        color: var(--primary-dark-40-transparent);
                        margin-bottom: calc(var(--base-sm-margin) * 2);
                        font-size: calc(var(--base-font-size) * 1.3);
                        &.active, &:hover{
                            color: var(--primary-dark);
                            cursor: pointer;
                            &::after{
                                display: flex;
                                content: "";
                                width: 25px;
                                height: 25px;
                                position: absolute;
                                top: 50%;
                                left: calc(var(--base-width) + 25px);
                                transform: translate(-50%, -50%);
                                background: url(../images/double-arrow-right.png);
                                background-size: 20px;
                                background-repeat: no-repeat;
                            }
                        }
                    }
                }
                &:last-of-type{
                    background-color: var(--primary-dark);
                    position: relative;
                    /* padding-right: calc((100vw - var(--base-max-width)) / 2); */
                    width: calc(var(--base-width) * 55/100);
                    & .tab-content{
                        width: calc(var(--base-width) - calc((100vw - var(--base-max-width)) / 2));
                        padding: calc(var(--base-sm-padding) * 3);
                        /* padding-right: 0; */
                        opacity: 0;
                        visibility: hidden;
                        transition: opacity 0.3s ease, visibility 0.3s ease;
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: block;
                        & img{
                            width: calc(var(--base-width));
                            max-width: calc(var(--base-width));
                        }
                        & .tab-content-wrapper{
                            color: var(--white-color);
                            & .btn-holder{
                                justify-content: flex-start;
                                & a{
                                    padding: var(--base-sm-padding) calc(var(--base-sm-padding) * 1.5);
                                }
                            }
                        }
                        &.active{
                            opacity: 1;
                            visibility: visible;
                            z-index: 1;
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Resource End Here and Mesothelioma News Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-news{
        & .row.col3{
            
            & .col{
                position: relative;
                margin-right: calc(var(--base-sm-margin) * 1.5);
                width: calc((33.3333%) - calc((var(--base-sm-margin) * 2) + 10px));
                overflow: hidden;
                & img{
                    width: var(--base-width);
                    max-width: var(--base-width);
                    height: 350px;
                    object-fit: cover;
                }
                & .news-content-holder{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    color: var(--white-color);
                    background-color: var(--base-bg-30-transparent);
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: column;
                    padding: calc(var(--base-sm-padding) * 2);
                    & .btn-text-link{
                        color: var(--white-color);
                        font-size: var(--base-font-size);
                        font-weight: var(--font-weight-regular);
                        padding: 0;
                        & i{
                            margin-left: var(--base-sm-margin);
                        }
                    }
                }
                &:last-of-type{
                    margin-right: 0;
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma News End Here and Pre Footer CTA Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#pre-footer-cta{
        & .container-fluid{
            background-color: var(--primary-light);
            padding-top: 0;
            & .row.col2{
                align-items: stretch;
                & .col {
                    width: calc(var(--base-width) * 60 / 100);
                    &.w30{
                        width: calc(var(--base-width) * 40 / 100);
                        position: relative;
                        & img{
                            width: calc(var(--base-width) * 1);
                            max-width: calc(var(--base-width) * 1);
                            position: absolute;
                            top: 50%;
                            left: 0%;
                            transform: translateY(-50%);
                        }
                    }
                }
            }
        }
    }
}
/* 6. EXTRA LARGE (1200px+) */
@media (min-width: 1200px){
    /*
    * * * * * * * * * * * * * 
    * Hero Styles Starts Here
    * * * * * * * * * * * * *
    */
    section#hero{
        width: var(--base-width);
        padding: var(--base-lg-padding) var(--base-sm-padding);
        min-height: calc(var(--base-height) * 75 / 100);
        /* background: var(--white-color) url('../images/homepage-banner.jpg') center center/cover no-repeat; */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        & .col2 .col{
            max-width: calc(var(--base-width) / 1.45);
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Hero Styles - Ends Here and Hero Feature Styles Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#hero-feature{
        width: var(--base-width);
        padding: var(--base-lg-padding) var(--base-sm-padding);
        & .container{
            box-shadow: var(--base-shadow);
            background: var(--white-color);
            border-radius: var(--base-border-radius);
            margin-top: calc(var(--base-lg-margin) * -2.25);
            max-width: var(--base-max-width);
            & .feature-wrapper{
                & .feature-wrapper-col{
                    padding: calc(var(--base-sm-padding) * 3);
                    &.w40{
                        background-color: var(--primary-light);
                        border-top-right-radius: var(--base-border-radius);
                        border-bottom-right-radius: var(--base-border-radius);
                    }
                    & ul{
                        justify-content: center;
                        & li{
                            border-right: var(--base-border);
                            padding: var(--base-sm-padding);
                            &:last-of-type{
                                border-right: 0;
                            }
                            & .feature-blurb-col{
                                width: calc(var(--base-font-size) * 3);
                                max-width: calc(var(--base-font-size) * 3);
                                &:last-of-type{
                                    width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                    max-width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                }
                                & i {
                                    font-size: calc(var(--base-font-size) * 1.5);
                                    color: var(--star-grey);
                                    padding-bottom: calc(var(--base-sm-padding) * 2.5);
                                }
                                & p {
                                    font-size: calc(var(--base-font-size) * 0.90);
                                }
                            }
                        }
                    }
                    &.feature-article{
                        & h6{
                            font-size: calc(var(--base-font-size) * 1.25);
                            line-height: var(--base-line-height);
                        }
                        & p {
                            font-size: calc(var(--base-font-size) * 0.90);
                        }
                        & .btn-text-link{
                            font-size: var(--base-font-size);
                            padding: 0;
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Hero Feature Styles Ends Here and Seek Justice Styles Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#seek-justice{
        & .row.col2{
            & .col{
                &.w60 {
                    padding-right: calc(var(--base-lg-padding) / 2);
                }
                &.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.5);
                        & 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) * -1.0);
                                box-shadow: var(--offset-shadow-bottom);
                            }
                        }
                        &:last-of-type{
                            margin-right: 0;
                            & img{
                                box-shadow: var(--offset-shadow-top);
                                margin-top: var(--base-lg-margin);
                            }
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Seek Justice Styles Ends Here and Mesothelioma Legal Support Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-legal-support{
        background-color: var(--nav-primary-li);
        & h3{
            color: var(--white-color);
        }
        & .row.col3{
            align-items: stretch;
            & .col{
                width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2)));
                max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2)));
                background-color: var(--white-color);
                border-radius: calc(var(--base-border-radius) * 3);
                padding: calc(var(--base-sm-padding) * 2);
                &:nth-child(2){
                    margin: 0px var(--base-sm-margin);
                }       
                & img, h5, p{
                    margin-top: var(--base-sm-margin);
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Legal Support Ends Here and Mesothelioma Patient Advocates Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-patient-advocates{
        & .row.col2{
            align-items: flex-start;
            & .col.w45{
                padding-right: calc(var(--base-sm-padding) * 2);
            }
            & .col.w55{
                padding-left: calc(var(--base-sm-padding) * 4);
            }
        }
        & .row.col3{
            align-items: stretch;
            & .col{
                width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px));
                max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px));
                border-radius: var(--base-border-radius);
                box-shadow: var(--base-shadow);
                padding: calc(var(--base-sm-padding) * 2);
                margin-right: calc(var(--base-sm-margin) * 2);
                position: relative;
                &::after{
                    content: "";
                    width: 40px;
                    height: 80px;
                    position: absolute;
                    top: 50%;
                    left: calc(var(--base-width) + 40px);
                    transform: translate(-50%, -50%);
                    background: url("../images/arrow-right.png");
                }
                &:last-of-type{
                    &::after{
                        display: none;
                    }
                }
                & h4{
                    font-size: calc(var(--base-font-size) * 1.5);
                    line-height: calc(var(--base-font-size) * 2.5);
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Patient Advocates Ends and Mesothelioma Resource Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-resource{
        & .row.col2{
            align-items: stretch;
            background-color: var(--primary-light);
            & .col{
                &:first-of-type{
                    padding: calc(var(--base-sm-padding) * 3);
                    /* padding-left: calc((100vw - var(--base-max-width)) / 2); */
                    & h4{
                        width: fit-content;
                        position: relative;
                        color: var(--primary-dark-40-transparent);
                        margin-bottom: calc(var(--base-sm-margin) * 2);
                        &.active, &:hover{
                            color: var(--primary-dark);
                            cursor: pointer;
                            &::after{
                                content: "";
                                width: 25px;
                                height: 25px;
                                position: absolute;
                                top: 50%;
                                left: calc(var(--base-width) + 25px);
                                transform: translate(-50%, -50%);
                                background: url(../images/double-arrow-right.png);
                                background-size: 20px;
                                background-repeat: no-repeat;
                            }
                        }
                    }
                }
                &:last-of-type{
                    background-color: var(--primary-dark);
                    position: relative;
                    /* padding-right: calc((100vw - var(--base-max-width)) / 2); */
                    & .tab-content{
                        width: calc(var(--base-width) - calc((100vw - var(--base-max-width)) / 2));
                        padding: calc(var(--base-sm-padding) * 3);
                        /* padding-right: 0; */
                        opacity: 0;
                        visibility: hidden;
                        transition: opacity 0.3s ease, visibility 0.3s ease;
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: block;
                        & img{
                            width: calc(var(--base-width));
                            max-width: calc(var(--base-width));
                        }
                        & .tab-content-wrapper{
                            color: var(--white-color);
                            & .btn-holder{
                                justify-content: flex-start;
                                & a{
                                    padding: var(--base-sm-padding) calc(var(--base-sm-padding) * 1.5);
                                }
                            }
                        }
                        &.active{
                            opacity: 1;
                            visibility: visible;
                            z-index: 1;
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Resource Ends and Professional Medical Contributors Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    #professional-medical-contributors{
        & .row.col2{
            & .col{
                &:first-of-type{
                    display: flex;
                    flex-direction: column;
                    padding-right: calc(var(--base-sm-padding) * 5);
                    width: calc(var(--base-width) * 40 / 100);
                    & div.contributors-left{
                        width: calc(var(--base-width) - 15%);
                        & img{
                            width: var(--base-width);
                            border-radius: var(--base-border-radius);
                        }
                        &:first-of-type{
                            margin-left: 0;
                            margin-right: auto;
                            & img{
                                box-shadow: var(--offset-shadow-top-left);
                            }
                        }
                        &:last-of-type{
                            margin-right: 0;
                            margin-left: auto;
                            & img{
                                box-shadow: var(--offset-shadow-bottom-right);
                            }
                        }
                    }
                }
                &:last-of-type{
                    width: calc(var(--base-width) * 60 / 100);
                    padding-left: calc(var(--base-sm-padding) * 5);
                    & .contributors-grid{
                        row-gap: calc(var(--base-sm-margin) * 3);
                        /* & .col{
                            padding: 0;
                        }
                        & .col.w30{
                            width: calc(var(--base-font-size) * 4.72222);
                            max-width: calc(var(--base-font-size) * 4.72222);
                            margin-right: var(--base-sm-margin);
                        }
                        & .col.w70{
                            width: calc(var(--base-width) - calc(var(--base-font-size) * 4.72222 + var(--base-sm-margin)));
                            max-width: calc(var(--base-width) - calc(var(--base-font-size) * 4.72222 + var(--base-sm-margin)));
                        } */
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Resource End Here and Mesothelioma News Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-news{
        & .row.col3{
            
            & .col{
                position: relative;
                margin-right: calc(var(--base-sm-margin) * 1.5);
                width: calc((33.3333%) - calc((var(--base-sm-margin) * 2) + 10px));
                overflow: hidden;
                & img{
                    width: var(--base-width);
                    max-width: var(--base-width);
                    height: 451px;
                    object-fit: cover;
                }
                & .news-content-holder{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    color: var(--white-color);
                    background-color: var(--base-bg-30-transparent);
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: column;
                    padding: calc(var(--base-sm-padding) * 2);
                    & .btn-text-link{
                        color: var(--white-color);
                        font-size: var(--base-font-size);
                        font-weight: var(--font-weight-regular);
                        padding: 0;
                        & i{
                            margin-left: var(--base-sm-margin);
                        }
                    }
                }
                &:last-of-type{
                    margin-right: 0;
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma News End Here and Pre Footer CTA Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#pre-footer-cta{
        & .container-fluid{
            background-color: var(--primary-light);
            & .row.col2{
                align-items: stretch;
                & .col {
                    width: calc(var(--base-width) * 60 / 100);
                    &.w30{
                        position: relative;
                        width: calc(var(--base-width) * 40 / 100);
                        & img{
                            width: calc(var(--base-width) * 1.15);
                            max-width: calc(var(--base-width) * 1.15);
                            position: absolute;
                            top: 50%;
                            left: -10%;
                            transform: translateY(-50%);
                        }
                    }
                }
            }
        }
    }
}
/* 6. EXTRA LARGE (1440px+) */
@media (min-width: 1440px){
    /*
    * * * * * * * * * * * * * 
    * Hero Styles Starts Here
    * * * * * * * * * * * * *
    */
    section#hero{
        width: var(--base-width);
        padding: var(--base-lg-padding) var(--base-sm-padding);
        min-height: calc(var(--base-height) * 70 / 100);
        /* background: var(--white-color) url('../images/homepage-banner.jpg') center center/cover no-repeat; */
        background-position: center center;
        background-size: cover;
        background-repeat: no-repeat;
        & .col2 .col{
            max-width: calc(var(--base-width) / 1.65);
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Hero Styles - Ends Here and Hero Feature Styles Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#hero-feature{
        width: var(--base-width);
        padding: var(--base-lg-padding) var(--base-sm-padding);
        & .container{
            box-shadow: var(--base-shadow);
            background: var(--white-color);
            border-radius: var(--base-border-radius);
            margin-top: calc(var(--base-lg-margin) * -2.25);
            & .feature-wrapper{
                & .feature-wrapper-col{
                    padding: calc(var(--base-sm-padding) * 3);
                    &.w40{
                        background-color: var(--primary-light);
                        border-top-right-radius: var(--base-border-radius);
                        border-bottom-right-radius: var(--base-border-radius);
                    }
                    & ul{
                        justify-content: center;
                        & li{
                            border-right: var(--base-border);
                            padding: var(--base-sm-padding);
                            &:last-of-type{
                                border-right: 0;
                            }
                            & .feature-blurb-col{
                                width: calc(var(--base-font-size) * 3);
                                max-width: calc(var(--base-font-size) * 3);
                                &:last-of-type{
                                    width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                    max-width: calc(var(--base-width) - calc(var(--base-font-size) * 3));
                                }
                                & i {
                                    font-size: calc(var(--base-font-size) * 1.5);
                                    color: var(--star-grey);
                                    padding-bottom: calc(var(--base-sm-padding) * 2.5);
                                }
                                & p {
                                    font-size: calc(var(--base-font-size) * 0.90);
                                }
                            }
                        }
                    }
                    &.feature-article{
                        & h6{
                            font-size: calc(var(--base-font-size) * 1.25);
                            line-height: var(--base-line-height);
                        }
                        & p {
                            font-size: calc(var(--base-font-size) * 0.90);
                        }
                        & .btn-text-link{
                            font-size: var(--base-font-size);
                            padding: 0;
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Hero Feature Styles Ends Here and Seek Justice Styles Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#seek-justice{
        & .row.col2{
            & .col{
                &.w60 {
                    padding-right: calc(var(--base-lg-padding) / 2);
                }
                &.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.5);
                        & 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) * -1.0);
                                box-shadow: var(--offset-shadow-bottom);
                            }
                        }
                        &:last-of-type{
                            margin-right: 0;
                            & img{
                                box-shadow: var(--offset-shadow-top);
                                margin-top: var(--base-lg-margin);
                            }
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Seek Justice Styles Ends Here and Mesothelioma Legal Support Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-legal-support{
        background-color: var(--nav-primary-li);
        & h3{
            color: var(--white-color);
        }
        & .row.col3{
            align-items: stretch;
            & .col{
                width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2)));
                max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2)));
                background-color: var(--white-color);
                border-radius: calc(var(--base-border-radius) * 3);
                padding: calc(var(--base-sm-padding) * 2);
                &:nth-child(2){
                    margin: 0px var(--base-sm-margin);
                }       
                & img, h5, p{
                    margin-top: var(--base-sm-margin);
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Legal Support Ends Here and Mesothelioma Patient Advocates Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-patient-advocates{
        & .row.col2{
            align-items: flex-start;
            & .col.w45{
                padding-right: calc(var(--base-sm-padding) * 2);
            }
            & .col.w55{
                padding-left: calc(var(--base-sm-padding) * 4);
            }
        }
        & .row.col3{
            align-items: stretch;
            & .col{
                width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px));
                max-width: calc((var(--base-width) / 3) - (calc(var(--base-sm-margin) * 2) + 40px));
                border-radius: var(--base-border-radius);
                box-shadow: var(--base-shadow);
                padding: calc(var(--base-sm-padding) * 2);
                margin-right: calc(var(--base-sm-margin) * 2);
                position: relative;
                &::after{
                    content: "";
                    width: 40px;
                    height: 80px;
                    position: absolute;
                    top: 50%;
                    left: calc(var(--base-width) + 40px);
                    transform: translate(-50%, -50%);
                    background: url("../images/arrow-right.png");
                }
                &:last-of-type{
                    &::after{
                        display: none;
                    }
                }
                & h4{
                    font-size: calc(var(--base-font-size) * 1.5);
                    line-height: calc(var(--base-font-size) * 2.5);
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Patient Advocates Ends and Mesothelioma Resource Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-resource{
        & .row.col2{
            align-items: stretch;
            background-color: var(--primary-light);
            & .col{
                &:first-of-type{
                    padding: calc(var(--base-sm-padding) * 3);
                    padding-left: calc((100vw - var(--base-max-width)) / 2);
                    & h4{
                        width: fit-content;
                        position: relative;
                        color: var(--primary-dark-40-transparent);
                        margin-bottom: calc(var(--base-sm-margin) * 2);
                        &.active, &:hover{
                            color: var(--primary-dark);
                            cursor: pointer;
                            &::after{
                                content: "";
                                width: 25px;
                                height: 25px;
                                position: absolute;
                                top: 50%;
                                left: calc(var(--base-width) + 25px);
                                transform: translate(-50%, -50%);
                                background: url(../images/double-arrow-right.png);
                                background-size: 20px;
                                background-repeat: no-repeat;
                            }
                        }
                    }
                }
                &:last-of-type{
                    background-color: var(--primary-dark);
                    position: relative;
                    padding-right: calc((100vw - var(--base-max-width)) / 2);
                    & .tab-content{
                        width: calc(var(--base-width) - calc((100vw - var(--base-max-width)) / 2));
                        padding: calc(var(--base-sm-padding) * 3);
                        padding-right: 0;
                        opacity: 0;
                        visibility: hidden;
                        transition: opacity 0.3s ease, visibility 0.3s ease;
                        position: absolute;
                        top: 0;
                        left: 0;
                        display: block;
                        & img{
                            width: calc(var(--base-width));
                            max-width: calc(var(--base-width));
                        }
                        & .tab-content-wrapper{
                            color: var(--white-color);
                            & .btn-holder{
                                justify-content: flex-start;
                                & a{
                                    padding: var(--base-sm-padding) calc(var(--base-sm-padding) * 1.5);
                                }
                            }
                        }
                        &.active{
                            opacity: 1;
                            visibility: visible;
                            z-index: 1;
                        }
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Resource Ends and Professional Medical Contributors Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    #professional-medical-contributors{
        & .row.col2{
            & .col{
                &:first-of-type{
                    padding-right: calc(var(--base-sm-padding) * 5);
                    & div.contributors-left{
                        width: calc(var(--base-width) - 15%);
                        & img{
                            width: var(--base-width);
                            border-radius: var(--base-border-radius);
                        }
                        &:first-of-type{
                            margin-left: 0;
                            margin-right: auto;
                            & img{
                                box-shadow: var(--offset-shadow-top-left);
                            }
                        }
                        &:last-of-type{
                            margin-right: 0;
                            margin-left: auto;
                            & img{
                                box-shadow: var(--offset-shadow-bottom-right);
                            }
                        }
                    }
                }
                &:last-of-type{
                    padding-left: calc(var(--base-sm-padding) * 5);
                    & .contributors-grid{
                        row-gap: calc(var(--base-sm-margin) * 1.5);
                        /* & .col{
                            padding: 0;
                        }
                        & .col.w30{
                            width: calc(var(--base-font-size) * 4.72222);
                            max-width: calc(var(--base-font-size) * 4.72222);
                            margin-right: var(--base-sm-margin);
                        }
                        & .col.w70{
                            width: calc(var(--base-width) - calc(var(--base-font-size) * 4.72222 + var(--base-sm-margin)));
                            max-width: calc(var(--base-width) - calc(var(--base-font-size) * 4.72222 + var(--base-sm-margin)));
                        } */
                    }
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma Resource End Here and Mesothelioma News Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#mesothelioma-news{
        & .row.col3{
            
            & .col{
                position: relative;
                margin-right: calc(var(--base-sm-margin) * 1.5);
                width: calc((33.3333%) - calc((var(--base-sm-margin) * 2) + 10px));
                overflow: hidden;
                & img{
                    width: var(--base-width);
                    max-width: var(--base-width);
                    height: 451px;
                    object-fit: cover;
                }
                & .news-content-holder{
                    position: absolute;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    color: var(--white-color);
                    background-color: var(--base-bg-30-transparent);
                    display: flex;
                    justify-content: flex-end;
                    flex-direction: column;
                    padding: calc(var(--base-sm-padding) * 2);
                    & .btn-text-link{
                        color: var(--white-color);
                        font-size: var(--base-font-size);
                        font-weight: var(--font-weight-regular);
                        padding: 0;
                        & i{
                            margin-left: var(--base-sm-margin);
                        }
                    }
                }
                &:last-of-type{
                    margin-right: 0;
                }
            }
        }
    }
    /*
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    * Mesothelioma News End Here and Pre Footer CTA Starts Here
    * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
    */
    section#pre-footer-cta{
        & .container-fluid{
            background-color: var(--primary-light);
            & .row.col2{
                align-items: stretch;
                & .col {
                    width: calc(var(--base-width) * 70 / 100);
                    &.w30{
                        position: relative;
                        width: calc(var(--base-width) * 30 / 100);
                        & img{
                            width: calc(var(--base-width) * 1.25);
                            max-width: calc(var(--base-width) * 1.25);
                            position: absolute;
                            top: 50%;
                            left: -30%;
                            transform: translateY(-50%);
                        }
                    }
                }
            }
        }
    }
}