/*   Case Study   */

.page-top:before {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.case-study-petertyson .page-top:before {
    background:
        url(../images/peter-tyson-bg-01.webp) 50% 50% / cover no-repeat,
        #F6F6F8 url(../images/peter-tyson-bg-01.png) 50% 50% / cover no-repeat;
}

.case-study-ls .page-top:before {
    background:
        url(../images/ls-bg-01.webp) 0 50% / cover no-repeat,
        #E5E6E4 url(../images/ls-bg-01.png) 0 50% / cover no-repeat;
}

.case-study-ayko .page-top:before {
    background:
        url(../images/ayko-bg-01.webp) 50% 0 / cover no-repeat,
        #444444 url(../images/ayko-bg-01.png) 50% 0 / cover no-repeat;
}

.case-study-ywhc .page-top:before {
    background:
        url(../images/ywhc-bg-01.webp) 50% 0% / cover no-repeat,
        #E2F8FD url(../images/ywhc-bg-01.png) 50% 0 / cover no-repeat;
}

.page-top__container {
    align-items: flex-start;
}

.page-top__h1 {
    margin-top: 0;
    font-size: 6rem;
}

.page-top__h1_logo {
    display: flex !important;
}

.case-study-petertyson .page-top__h1_logo {
    height: 7.8rem;
}

.case-study-ls .page-top__h1_logo {
    height: 12.5rem;
}

.case-study-ayko .page-top__h1_logo {
    height: 8rem;
}

.case-study-ywhc .page-top__h1_logo {
    height: 12rem;
}

.case-study-ls .page-top__h1 .page-top__h1_logo:first-of-type,
.case-study-ayko .page-top__h1 .page-top__h1_logo:first-of-type {
    display: flex !important;
}

.case-study-ls .page-top__h1 .page-top__h1_logo:last-of-type,
.case-study-ayko .page-top__h1 .page-top__h1_logo:last-of-type {
    display: none !important;
}

.page-top__h2 {
    margin-top: 5rem;
    font: 700 4rem / 1.4 'Montserrat', sans-serif;
}

.case-study-petertyson .page-top__h2 {
    width: 50%;
    color: #000;
}

.case-study-ls .page-top__h2 {
    width: 55%;
    color: #fff;
}

.case-study-ayko .page-top__h2 {
    width: 45%;
    color: #fff;
}

.case-study-ywhc .page-top__h2 {
    width: 70%;
    color: #000;
}

.case-study-ls .page-top__h2,
.case-study-ayko .page-top__h2 {
    text-shadow: .5em .5em 1em rgba(0,0,0,.15);
}

.home-top__providers .home-top__list {
    margin-top: 5rem;
}

.case-study-petertyson .home-top__list_link {
    box-shadow: 0 0 3rem rgba(0,0,0,.1);
}

.case-study-about {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1rem;
}

.case-study-ywhc .case-study-about .h3-headline {
    font-size: 4.5rem;
}

.case-study-about__data {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: calc(50% - 3rem);
}

.case-study-about__info {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(50% - 3rem);
    margin-top: 3rem;
    align-self: flex-start !important;
}

.case-study-about__info_item {
    width: calc(50% - 1.5rem);
    margin-top: 3rem;
    padding: 2rem 5rem;
}

.case-study-about__info_pic {
    display: flex !important;
    flex-shrink: 0;
    margin: -3.5rem 0 0;
}

.case-study-about__info_h4 {
    display: flex;
    flex: 1 0 auto;
    align-items: center;
    margin: 0;
    padding: 2rem 0;
    font: 700 1.6rem / 1.5 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.case-study-process__container {
    margin-top: -5rem;
}

.case-study-process__data {
    position: relative;
    display: flex;
    flex-direction: column;
    width: calc(50% - 2rem);
    margin-top: 5rem;
    padding: 5rem;
    border-radius: 2rem;
}

.case-study-process__data:first-of-type {
    color: #009BDE;
}

.case-study-process__data:last-of-type {
    color: #ff7101;
}

.case-study-process__data:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    border: 2rem solid rgba(0,155,222,.1);
    border-radius: 2rem;
    transition: all .3s ease-out;
}

.case-study-process__data:hover:before {
    border: 2rem solid rgba(255,113,1,.1);
}

.case-study-process__data:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 2rem;
    right: 2rem;
    bottom: 2rem;
    left: 2rem;
    background: #fff;
}

.case-study-process__data_title {
    display: flex;
    align-items: flex-end;
    margin-top: -5rem;
}

.case-study-process__data_h4 {
    margin: 0 0 0 3rem;
    font: 700 3.5rem / .8 'Montserrat', sans-serif;
    text-transform: uppercase;
}

.case-study-process__list {
    display: flex;
    flex-direction: column;
}

.case-study-process__list_item {
    position: relative;
    display: flex;
    margin-top: 3rem;
    padding: 0 0 0 5rem;
}

.case-study-process__list_pic {
    position: absolute;
    top: 0;
    left: 0;
    display: flex !important;
    height: 3rem;
    width: 3rem;
}

.case-study-process__data:first-of-type .case-study-process__list_pic {
    fill: #009BDE;
}

.case-study-process__data:last-of-type .case-study-process__list_pic {
    fill: #ff7101;
}

.case-study-process__list_p {
    padding-top: .15em;
    font: 700 2rem / 1.4 'Montserrat', sans-serif;
}

.case-study-ls .case-study-process__list_p {
    font-size: 1.8rem;
}

.case-study-process__toggle {
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
}

.case-study-process__toggle input:checked + .toggle__label {
    background: rgba(0,155,222,.1);
}

.case-study-process__toggle input:checked + .toggle__label:before {
    background: #009bde;
}

.case-study-process__toggle_p {
    font: 700 1.6rem / .8 'Montserrat', sans-serif;
    transition: all .3s ease-out;
}

.case-study-process__toggle_p:first-of-type {
    order: 1;
}

.case-study-process__toggle .toggle__label {
    order: 2;
    margin: 0 3rem;
}

.case-study-process__toggle_p:last-of-type {
    order: 3;
    opacity: .5
}

input:checked + .toggle__label + .case-study-process__toggle_p + .case-study-process__toggle_p {
    opacity: 1;
}

input:checked + .toggle__label + .case-study-process__toggle_p  {
    opacity: .5;
}

.case-study-testimonials .h3-headline {
    padding-top: 0;
}

.case-study-testimonials .testimonials__blockquote_p {
    font-size: 2.5rem
}

.case-study-banner__container:after {
    content: '';
    position: absolute;
    height: 55rem;
    width: 55rem;
    filter: drop-shadow(0 0 3rem rgba(0,0,0,.15));
}

.case-study-petertyson .case-study-banner__container:after {
    top: -18.5rem;
    right: 2rem;
    background:
        url(../images/peter-tyson-banner-01.webp) 50% 50% / contain no-repeat,
        url(../images/peter-tyson-banner-01.png) 50% 50% / contain no-repeat;
}

.case-study-ls .case-study-banner__container:after {
    top: -16rem;
    right: 2rem;
    background:
        url(../images/ls-banner-01.webp) 50% 50% / contain no-repeat,
        url(../images/ls-banner-01.png) 50% 50% / contain no-repeat;
}

.case-study-ayko .case-study-banner__container:after {
    top: -22rem;
    right: 3rem;
    background:
        url(../images/ayko-banner-01.webp) 50% 50% / contain no-repeat,
        url(../images/ayko-banner-01.png) 50% 50% / contain no-repeat;
}

.case-study-ywhc .case-study-banner__container:after {
    top: -16rem;
    right: 3rem;
    background:
        url(../images/ywhc-banner-01.webp) 50% 50% / contain no-repeat,
        url(../images/ywhc-banner-01.png) 50% 50% / contain no-repeat;
}

.case-study-banner__h2 {
    width: 60%;
    font: 700 4.5rem / 1.5 'Montserrat', sans-serif;
}

.case-study-banner .button {
    align-self: flex-start;
    height: 6rem;
    font-size: 2rem;
}

/*   Responsive   */

@media screen and (max-width : 768px) {

    .mobile-none {
        display: none !important;
    }

    .page-top:before {
        display: none;
    }

    .page-top__container {
        align-items: center;
        text-align: center;
    }

    .case-study-ls .page-top__h1 .page-top__h1_logo:first-of-type,
    .case-study-ayko .page-top__h1 .page-top__h1_logo:first-of-type {
        display: none !important;
    }

    .case-study-ls .page-top__h1 .page-top__h1_logo:last-of-type,
    .case-study-ayko .page-top__h1 .page-top__h1_logo:last-of-type {
        display: flex !important;
    }

    .case-study-ls .page-top__h2,
    .case-study-ayko .page-top__h2 {
        text-shadow: none;
        color: #000000;
    }

    .case-study-about__container,
    .case-study-process__container {
        flex-wrap: wrap;
    }

    .case-study-about__info {
        margin-top: 3rem;
    }

    .case-study-about .h2-headline,
    .case-study-about .h3-headline,
    .case-study-banner__h2 {
        width: 100%;
        text-align: center;
    }

    .case-study-about .button,
    .case-study-banner .button {
        align-self: center;
    }

    .case-study-about__info_h4 {
        font-size: 2rem;
    }

    .case-study-banner__container:after {
        display: none;
    }
}