.insightsCarousel {
    --height-image: 12.6rem;
    --height: 29rem;
    --height-content: calc(var(--height) - var(--height-image));
    --max-width: 22rem;
}

    .insightsCarousel ul {
        list-style: none;
    }

    .insightsCarousel .tp-card-content-in {
        width: var(--max-width);
        height: var(--height);
        border-radius: 0 0 10px 10px;
        margin: 0 auto;
    }

        .insightsCarousel .tp-card-content-in:hover {
            transition: .7s;
            transform: scale(1.1);
        }

    .insightsCarousel .tp-card-content__image {
        height: var(--height-image);
        object-fit: cover;
        width: 99.9%;
        margin: 0 auto;
        display: flex;
        border-radius: 10px 10px 11px 11px;
    }

    .insightsCarousel .tp-card-contentImage {
        box-shadow: 0px 3.96989px 18.857px rgba(0, 0, 0, 0.25);
        border-radius: 10px 10px 11px 11px;
    }

    .insightsCarousel .tp-card-content__title {
        font-size: 0.9rem;
        line-height: 1.2;
        font-family: var(--font-noto);
        color: black;
    }

    .insightsCarousel .tp-card-content__text {
        font-size: 1.18rem;
        line-height: 1.5;
        margin: 0;
        font-family: var(--font-noto);
        color: black;
    }

    .insightsCarousel .insightsCarousel__textContent {
        box-shadow: 0px 3.96989px 18.857px rgba(0, 0, 0, 0.25);
        height: var(--height-content);
        background: white;
        width: 99.5%;
        margin: 0 auto;
        position: relative;
        top: -20px;
        border-radius: 8px 8px 10px 10px;
        display: grid;
        grid-auto-rows: 3.6fr 1fr;
    }

.insightsCarousel__textContent-card {
    overflow-y: auto;
    margin: 1.4rem;
}

.insightsCarousel .insightsCarousel__borderFilter {
    width: 90%;
    height: 2.9rem;
    margin: 0 auto;
    border: 1px solid;
    border-radius: var(--rounded-3xl);
    padding: 1px 1px 1px 1px;
}

.insightsCarousel .insightsCarousel__tabButton {
    font-family: var(--font-noto);
    font-weight: var(--font-weight-semibold);
    font-size: 0.9rem;
    color: #606060;
    border-radius: var(--rounded-3xl);
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.insightsCarousel .insightsCarousel__mobileSelect {
    border: 0.036rem solid var(--color-primary);
    box-sizing: border-box;
    border-radius: 1.44rem;
    width: 100%;
    margin: 0 auto;
    padding: 0.4rem 0.5rem;
}

.insightsCarousel .insightsCarousel__mobileOptionSelected {
    font-size: 1.2rem;
    font-family: var(--font-noto);
}

.mapCountries .insightsCarousel__mobileOptionsList {
    width: 100%;
    margin: 0 auto;
}

.insightsCarousel .insightsCarousel__mobileOptionsItems {
    text-align: start;
    list-style-type: none;
    padding: .2rem 0;
    cursor: pointer;
    font-family: var(--font-noto);
    color: black;
    font-size: 1.2rem;
}

.insightsCarousel .insightsCarousel__mobileOptions {
    overflow: auto;
    height: 8rem;
    margin-bottom: 0.5rem;
}

.insightsCarousel .insightsCarousel__button {
    margin: auto 1.4rem;
}

.insightsCarousel .p-arrows {
    padding: 0 !important;
}

@media (min-width:992px) {
    .insightsCarousel .insightsCarousel__borderFilter {
        width: 80%;
    }

    .insightsCarousel .insightsCarousel__tabButton {
        font-size: 1.1rem;
    }
}

@media (min-width:576px) {
    .insightsCarousel .insightsCarousel__mobileSelect {
        width: 80%;
    }

    .insightsCarousel .tp-card-content__title {
        font-size: 1.1rem;
    }

    .insightsCarousel .tp-card-content__text {
        font-size: 1.28rem;
    }
}
