.report-styles #case-studies h1 {
    border-left: 7px solid rgb(1 132 183);
    padding-left: 1rem;
    margin-top: 3rem;
}

.report-styles .case-study h2 {
    margin-bottom: 3rem;
    padding-left: 1rem;
    margin-top: 2rem;
}

.report-styles .person-name {
    font-size: 2.5rem;
    margin-bottom: 0.2rem;
    margin-top: 1rem;
}

.report-styles .person-country {
    font-size: 1rem;
    margin-bottom: 2rem;
    margin-top: 0;
}

.report-styles .case-study .btn {
    float: right;
    border-radius: 0 !important;
    padding-right: 3rem;
    border-bottom: 5px solid rgb(1 132 183);
    background: rgb(6, 75, 103);
    background: linear-gradient(90deg, rgba(6, 75, 103, 1) 0%, rgba(91, 108, 103, 1) 15%, rgba(109, 125, 129, 1) 30%, rgba(104, 122, 127, 1) 33%, rgba(5, 73, 97, 1) 100%, rgba(88, 88, 185, 1) 100%);
    border-left: 0;
    border-right: 0;
    border-top: 0;
}

.report-styles .case-study .short_description p {
    color: rgb(1 132 183);
    font-size: 1.5rem;
}

.report-styles .case-study .image-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    gap: 10px 10px;
    grid-auto-flow: row;
    grid-template-areas:
    "image-1 image-3"
    "image-1 image-4"
    "image-2 image-4";
    overflow: hidden;
    height: 80vh;
}

.report-styles .case-study .image-1 {
    grid-area: image-1;
    overflow: hidden;
}

.report-styles .case-study .image-2 {
    grid-area: image-2;
    overflow: hidden;
}

.report-styles .case-study .image-3 {
    grid-area: image-3;
    overflow: hidden;
}

.report-styles .case-study .image-4 {
    grid-area: image-4;
    overflow: hidden;
}

.report-styles .case-study .image-container img {
    height: 100%;
    width: 100%;
}

.report-styles .case-study-image-container {
    position: relative;
    margin-left: 3rem;
}

.report-styles .report-logo-spacing {
    margin-top: 3rem;
    margin-bottom: 5rem;
}

.report-styles .case-study-image-container-card {
    margin-left: -25px;
}

.report-styles .case-study-image-container .image-circle-1 {
    position: absolute; top: -2rem; left: -2rem; height: 450px; width: 450px; background-color: rgb(8, 52, 113); border-radius: 50%;
    opacity: 0.5;
}
.report-styles .case-study-image-container .image-circle-2 {
    position: absolute; top: 1rem; left: 3em; height: 450px; width: 450px; background-color: rgb(8, 52, 113);border-radius: 50%;
    opacity: 0.8;
}

.report-styles .case-study-image-container .image-circle-card-1 {
    position: absolute; top: -1rem; left: -1rem; height: 250px; width: 250px; background-color: rgb(8, 52, 113); border-radius: 50%;
    opacity: 0.5;
}
.report-styles .case-study-image-container .image-circle-card-2 {
    position: absolute; top: 1rem; left: 2em; height: 250px; width: 250px; background-color: rgb(8, 52, 113);border-radius: 50%;
    opacity: 0.8;
}

.report-styles .case-study-image-container .small-image-circle-1 {
    position: absolute; bottom: 4rem; left: 3rem; height: 1.5rem; width: 1.5rem; background-color: rgb(0, 121, 159); border-radius: 50%;
}
.report-styles .case-study-image-container .small-image-circle-2 {
    position: absolute; bottom: 2rem; left: 5rem; height: 2rem; width: 2rem; background-color: rgb(0, 121, 159); border-radius: 50%;
}
.report-styles .case-study-image-container .small-image-circle-3 {
    position: absolute; bottom: 0.2rem; left: 7.5rem; height: 2.5rem; width: 2.5rem; background-color: rgb(0, 121, 159); border-radius: 50%;
}
.report-styles .case-study-image-container .small-image-circle-4 {
    position: absolute; bottom: -1rem; left: 12rem; height: 3rem; width: 3rem; background-color: rgb(0, 121, 159); border-radius: 50%;
}

.report-styles .circular-image-landscape {
    display: inline-block;
    position: relative;
    width: 450px;
    height: 450px;
    overflow: hidden;
    border-radius: 50%;
}

.report-styles .circular-image-card {
    display: inline-block;
    position: relative;
    width: 250px;
    height: 250px;
    overflow: hidden;
    border-radius: 50%;
}

@media (max-width: 1024px) {
    .report-styles .case_studies_header {
        display: None;
    }
    .report-styles .case-study {
        height: initial !important;
    }
    .report-styles .case-study-image-container {
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
    .report-styles .circular-image-landscape {
        width: 250px;
        height: 250px;
    }
    .report-styles .case-study-image-container .image-circle-1 {
        top: -1rem;
        left: -1rem;
        height: 250px;
        width: 250px;
    }
    .report-styles .case-study-image-container .image-circle-2 {
        top: 1rem;
        left: 1rem;
        height: 250px;
        width: 250px;
    }
    .report-styles .case-study-image-container .small-image-circle-1 {
        left: 0rem;
        bottom: 4.5rem;
    }
    .report-styles .case-study-image-container .small-image-circle-2 {
        bottom: 2rem;
        left: 1rem;
    }
    .report-styles .case-study-image-container .small-image-circle-3 {
        bottom: 0rem;
        left: 3.5rem;
    }
    .report-styles .case-study-image-container .small-image-circle-4 {
        left: 7rem;
    }
    .report-styles .case-study-block-auto {
        margin: 0px !important;
    }
}

@media (max-width: 325px) {
    .report-styles .case-study-image-container {
        margin: 1.5rem;
    }
}
.report-styles .case-studies-section {
    background-color: #2a3840;
}

.report-styles .case_studies_header {
    color: white;
    left: 5rem;
}

.report-styles .case-studies-card {
    background-color: #ffffff22;
}

.report-styles .case-studies-person {
    color: #ffffffaa;
}

.report-styles .case-studies-country {
    color: #00799f;
}

.report-styles .case-studies-description {
    color: #ffffffcc;
}

.report-styles .case-studies-link {
    background-color: #00799f;
    color: white;
}