.cases__container {
    padding: 0 20px;
}

.hero.hero--cases { display: flex; align-items: center; justify-content: center; margin-bottom: 50px; min-height: 160px; height: auto; }

.hero--cases .hero__image {position:absolute;}

.hero--cases h1 { font-size: 26px; color: #0094FF; line-height: 1.2; text-align:center; font-weight: 700; z-index:999; width: 100%; margin: 0; background: rgba(0,0,0,.3); padding: 5px 20px; }

.showfeaturedcase_page .hero--cases h1 { color: #97B813; }
.showsettledcase_page .hero--cases h1 { color: #97B813; }

td { min-width: 20%; vertical-align: middle; }

.caseList__container {
    overflow-x: auto;
}

.caseList {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 40px;
}

    .caseList th {
        padding: 12px 10px;
        font-family: 'Raleway',Arial, sans-serif;
        font-weight: normal;
        font-size: 17px;
        color: #0471DF;
        text-align: left;
        text-transform: uppercase;
    }

    .caseList td {
        padding: 12px 10px;
        border-bottom: 2px solid #F5F5F5;
    }

a.caseList__title {
    color: #000;
    display: block;
}

    a.caseList__title:hover {
        opacity: 0.7;
    }

.caseList__company {
    width: 30%;
}

.cases_investigations_page .caseList__company {
    width: auto;
}

.caseList__caseName {
    width: 30%;
}

.caseList__info {
    width: 110px;
}

.caseList__arealist a { color: #000; }
    .caseList__arealist a:hover { opacity: 0.7; }

    .caseList__learnMore { font-family: 'Raleway',Arial, sans-serif; font-size: 16px; color: #97B813; }

.castList__pdf {
    color: #97B813;
}

.landmark__settlement {
    font-size: 24px;
    font-weight: bold;
}

.landmark__company {
    font-size: 18px;
}

.landmarkResult {
    text-align: center;
    margin-bottom: 25px;
}

.landmarkResult__learnMore {
    text-transform: uppercase;
    font-size: 16px;
}

.landmark__area {
    color: #97B813;
    display: block;
}

.alpha__section {
    background: #ECECEC;
}

.alpha__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.alpha__letter {
    background: none;
    border: 0;
    padding: 12px;
    font-size: 18px;
    cursor: pointer;
    color: #000;
}
.client-page__header {
    color: #8FB41A;
    font-size: 37px;
    text-transform: uppercase;
    text-align: center;
}
.client-page__gallery { max-width: 1000px; margin: auto; padding: 25px 50px; }
.client-page__gallery-item { margin: 0 0 25px 0; }
.client-page__gallery-header { font-size: 23px; cursor: pointer; }
.client-page__gallery-arrow {
    display: inline-block;
    margin-right: 10px;
    font-size: 20px;
    transform: rotate(0deg);
    transition: all .5s ease-out;
}
.client-page__gallery-header.active .client-page__gallery-arrow {
    transform: rotate(90deg);
}
.client-page__gallery-body {
    display: none;
    padding: 20px 31px;
    font-size: 22px;
}
    .client-page__gallery-body a {
        color: #008FF6;
        text-decoration: underline;
    }

.caseCTA-detail { display: flex; flex-direction: column; padding: 20px; background: #000; margin-top: 0; margin-bottom: 40px; text-align: center; gap: 20px; order: -1; max-width: 250px; }
h3.caseCTA__heading { font-size: 26px; text-transform: uppercase; line-height: 1.2; color: #0471DF; border-bottom: solid 1px #fff; max-width: 175px; padding-bottom: 20px; margin: 0 auto; }
.caseCTA__text { color: #fff; text-transform: uppercase; line-height: 1.5; font-weight: 600; margin-bottom: 30px; }
.new-case-details {display:table;}
.new-case-details span { color: #0066ff; display:table-cell; font-weight: bold; width: 150px; padding-bottom: 8px; text-transform: uppercase; }

.new-case__wraper .overview { margin-top: 30px; }

a.crossPageLink { background: #0471DF; padding: 15px 25px; color: #fff; border-radius: 50px; display: block; width: 100%; text-align: center; text-transform: uppercase; font-weight: 600; font-size: 20px; margin: 0 auto; margin-bottom: 50px; max-width: fit-content; }

@media only screen and (min-width:575px) { 
    .caseList { table-layout: fixed; }
    .hero--cases h1 { font-size: 32px; }
}

@media only screen and (min-width:768px) {
    .caseList__container {
        overflow-x: initial;
    }
}

@media only screen and (min-width:1024px) {
    .hero--cases h1.case-landing { font-size: 52px; }
    .new-case__wraper .overview { margin-top: 0; }
    .cases__container {
        padding: 0 40px;
    }
}

@media only screen and (min-width:1200px) {

    .caseList__info {
        width: 350px;
    }
}

@media only screen and (min-width:1500px) {
}