.case-text-col {
    --clip-height: 247px;
    @media screen and (min-width: 393px) {--clip-height: 200px;}
    @media screen and (min-width: 834px) {--clip-height: 390px;}
    @media screen and (min-width: 1440px) {--clip-height: 442px;}
    @media screen and (min-width: 1920px) {--clip-height: 312px;}

    display: grid !important;
    grid-template-rows: auto auto auto var(--clip-height);
}
.case-text-col.expanded {
    --clip-height: 1fr;
    grid-template-rows: auto auto auto var(--clip-height);
}
.case-show-more-target-text {
    overflow: hidden;
}

.case-text-col:not(.expanded) .case-show-more-target-text::after {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 50px;
    background: linear-gradient(
        transparent,
        #F5F5F5
    );
}

/* .case-show-more-target-text.expanded {
} */
.case-show-more{
    font-family: "Jost", Sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-decoration: underline;
    color: #0B4A3E;
    @media (max-width: 768px) {font-size: 12px;}
}

.mySwiperMain{
    --swiper-navigation-color: #fff;
    --swiper-navigation-sides-offset: 30px;
    --swiper-navigation-size: 30px;
    @media screen and (max-width: 450px) {--swiper-navigation-sides-offset: 17px;}
    @media screen and (max-width: 450px) {--swiper-navigation-size: 17px;}
    max-width: 636px;
    max-height: 636px;
    @media screen and (max-width: 768px) {max-width: calc(100vw - 32px); max-height: unset;}
    .swiper-slide{
        img{
            height: 100%;
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 24px;
			@media screen and (max-width: 768px) {border-radius: 13px;}
        }
    }
    .swiper-button-next, .swiper-button-prev {
        ::slotted(svg), svg {
            display: none !important;
        }
    }
}
.mySwiperThumbs{
    margin-top: 20px;
    height: 80px;
    max-width: calc(636px - 56px );
    @media screen and (max-width: 768px) {max-width: calc(100vw - 32px); height: unset;}

    .swiper-slide{
		cursor: pointer;
        img{
            height: 100%;
            width: 100%;
            aspect-ratio: 1 / 1;
            object-fit: cover;
            border-radius: 10px;
            @media screen and (max-width: 768px) {border-radius: 6px;}
        }
    }
}

.cases-tabs{
    display: flex;
    gap: 30px;
	flex-wrap: balance;
	@media (max-width: 1024px){justify-content: center; gap: 24px;}
	@media (max-width: 640px){justify-content: start; gap: 8px;}

    input[type="radio"]{
        display: none;
    }

    label{
        cursor: pointer;
        font-family: "Jost", Sans-serif;
        font-size: 24px;
        font-weight: 400;
        color: #0B4A3E80;
        text-transform: uppercase;
		text-wrap: nowrap;
        @media (max-width: 768px) {font-size: 16px;}
    }

    input[type="radio"]:checked + label{
        color: #0B4A3E;
        text-decoration: underline;
    }
}

.elementor-3952.elementor-location-archive{
	@media (1024px < width <= 1600px){padding-inline: 64px;}
}