section.block-case,
section.block-case:first-child,
section.block-case:last-child{
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 100px;
    border: 0;
    background-image: url("./bg_case_top.png"), url("./bg_case_bottom.png");
    background-position: top left, 0% 76%;
    background-repeat: no-repeat;
    background-size: 90%, contain;
}
.block-case .case-intro{
    display: flex;
    margin-bottom: 100px;
}
.block-case .inner-case.container{
    max-width: 1344px;
}
.case-intro .column:nth-child(1){
    flex: 0.39;
}
.case-intro .column:nth-child(1) .title h1,
.case-intro .column:nth-child(1) .title h2,
.case-intro .column:nth-child(1) .title h3,
.case-intro .column:nth-child(1) .title h4,
.case-intro .column:nth-child(1) .title h5,
.case-intro .column:nth-child(1) .title h6,
.case-intro .column:nth-child(1) .title p{
    font-size: 44px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 0;
}
.case-intro .column:nth-child(1) .description{
    font-size: 22px;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.01em;
    max-width: 489px;
}
.case-intro .column:nth-child(2){
    position: relative;
    flex: 0.61;
    display: flex;
    align-items: center;
}
.meta-floating{
    box-shadow: 50px 50px 100px 0 rgba(1, 16, 39, 0.16);
    backdrop-filter: blur(12px);
    background: rgba(244, 244, 244, 0.65);
    border: 2px solid rgba(227, 227, 227, 0.7);
    border-radius: 32px;
    padding: 32px;
    margin-top: 18rem;
    margin-left: -6rem;
    max-width: 430px;
}
.meta-floating .logo{
    max-width: 120px;
}
.case-intro .floating .image{
    position: absolute;
    right: 0;
}
.case-intro .floating .image img{
    max-width: fit-content;
}
.case-intro .floating .image::before{
    position: absolute;
    top: 0;
    content: url("./bg_meta_floating.png");
}
.case-intro .floating .claim p{
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.01em;
    margin: 0;
}
.block-case .case-challenge{
    display: flex;
    align-items: center;
    margin-bottom: 90px;
}
.block-case .case-challenge .column:nth-child(1){
    flex: 0.3;
}
.block-case .case-challenge .column:nth-child(2){
    flex: 0.7;
}
.block-case .case-challenge .column:nth-child(1) img{
    max-width: fit-content;
}
.block-case .column:nth-child(1){
    flex: 0.55;
}
.block-case .column:nth-child(2){
    flex: 0.45;
    margin-left: 6rem;
}
.block-case .column:nth-child(2) > .title{
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.01em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 40px;
}
.case-challenge .image{
    position: relative;
    top: 65px;
}
.case-challenge .image img{
    position: relative;
    z-index: 1;
}
.case-challenge .image::before{
    position: absolute;
    right: 8%;
    top: 8%;
    content: url("./oval_image.png");
    z-index: 0;
}
.case-challenge .grid-highlights{
    display: grid;
    grid-template-columns: repeat(2, minmax(auto, 1fr));
    grid-gap: 48px;
}
.case-challenge .grid-highlights .item-highlight{
    background: rgba(244, 244, 244, 0.65);
    border-radius: 32px;
    padding: 32px;
    box-shadow: 49.94px 49.94px 99.89px 0px rgba(1, 16, 39, 0.16);
    backdrop-filter: blur(12px);
    border: 2px solid rgba(227, 227, 227, 0.7);


}
.case-challenge .grid-highlights .item-highlight .title p,
.case-challenge .grid-highlights .item-highlight .title h1,
.case-challenge .grid-highlights .item-highlight .title h2,
.case-challenge .grid-highlights .item-highlight .title h3,
.case-challenge .grid-highlights .item-highlight .title h4,
.case-challenge .grid-highlights .item-highlight .title h5,
.case-challenge .grid-highlights .item-highlight .title h6{
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.01em;
    text-align: center;
    background: linear-gradient(91.32deg, #93FC66 -33.45%, #47E7AF 2.42%, #14D9E1 29.9%, #00D3F4 43.33%, #07CBF4 52.22%, #1BB6F6 65.78%, #3B94F8 82.32%, #6368FA 99.57%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-top: 0;
    margin-bottom: 12px;
}
.case-challenge .grid-highlights .item-highlight .description p{
    font-size: 24px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.01em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 12px;
}
.case-challenge .grid-highlights .item-highlight .description p:last-child{
    margin-bottom: 0;
}
.case-solution{
    margin-bottom: 40px;
}
.case-solution > .title p,
.case-solution > .title h1,
.case-solution > .title h2,
.case-solution > .title h3,
.case-solution > .title h4,
.case-solution > .title h5,
.case-solution > .title h6{
    font-size: 48px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -0.01em;
    text-align: center;
    margin-top: 0;
    margin-bottom: 12px;
}
.case-solution .grid-cards-solution{
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
    grid-gap: 24px;
    margin-top: 34px;
    margin-bottom: 64px;
}
.case-solution .item-card-solution{
    border-radius: 56px;
    overflow: hidden;
    padding-bottom: 77px;
}
.case-solution .item-card-solution:nth-child(4n-3){
    background: rgba(75, 209, 241, 1);
}
.case-solution .item-card-solution:nth-child(4n-2){
    background: rgba(173, 250, 123, 1);
}
.case-solution .item-card-solution:nth-child(4n-1){
    background: rgba(61, 38, 99, 1);
    color: var(--bg);
}
.case-solution .item-card-solution:nth-child(4n){
    background: rgba(100, 104, 242, 1);
    color: var(--bg);
}
.case-solution .item-card-solution .meta-card-solution{
    padding: 40px;
}
.case-solution .item-card-solution .meta-card-solution .title{
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    letter-spacing: -0.01em;
    margin-top: 0;
    margin-bottom: 8px;
}
.case-solution .item-card-solution .meta-card-solution .description {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    letter-spacing: 0.005em;
}
.case-solution .item-card-solution img{
    position: absolute;
    bottom: 0;
    left: 0;
}
.case-solution .subtitle{
    font-size: 20px;
    font-weight: 700;
    line-height: 36px;
    letter-spacing: -0.01em;
    text-align: center;
    background: linear-gradient(270deg, #6468F2 0%, #4BD1F1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    max-width: 630px;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}
.case-solution .description-solution p{
    font-size: 22px;
    text-align: center;
    font-weight: 400;
    line-height: 34px;
    letter-spacing: -0.01em;
    max-width: 630px;
    margin: 0 auto 12px;
}

/* Responsive */
@media only screen and (max-width: 980px) {
    section.block-case, section.block-case:first-child, section.block-case:last-child {
        background-position: 100% 10%, 0% 84%;
    }
    section.block-case{
        background-position: 0 10%, 0 84%;
    }
    .block-case .case-intro{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 80px;
    }
    .block-case .case-intro > .column:nth-child(1){
        order: 2;
    }
    .block-case .column:nth-child(2){
        flex: 1;
        margin-left: 0;
    }
    .case-challenge .grid-highlights{
        grid-template-columns: repeat(1, 1fr);
    }
    .case-solution .grid-cards-solution{
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 48px;
    }
    .case-intro .floating .image::before {
        position: absolute;
        top: 0;
        content: '';
        width: 100%;
        height: 100%;
        background-image: url("./bg_meta_floating_m.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .meta-floating {
        padding: 20px;
        margin-top: 14rem;
        margin-left: 0;
        max-width: 100%;
    }
    .case-intro .floating .claim p {
        font-size: 16px;
        line-height: 20px;
    }
    .case-intro .column:nth-child(1) .title h1,
    .case-intro .column:nth-child(1) .title h2,
    .case-intro .column:nth-child(1) .title h3,
    .case-intro .column:nth-child(1) .title h4,
    .case-intro .column:nth-child(1) .title h5,
    .case-intro .column:nth-child(1) .title h6,
    .case-intro .column:nth-child(1) .title p{
        font-size: 32px;
        font-weight: 700;
        line-height: 36px;
    }
    .block-case .case-challenge{
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .case-challenge .image::before {
        right: 0;
        left: 0;
        display: flex;
        justify-content: center;
    }
    .block-case .column:nth-child(2) > .title p{
        margin-top: 0;
        font-size: 32px;
        font-weight: 700;
        line-height: 36px;
    }
    .case-solution .item-card-solution img {
        bottom: -20px;
        width: 100%;
    }
    .block-case .inner-case.container{
        max-width: 90vw;
    }
    .block-case .case-challenge .column{
        max-width: 90vw;
    }
    .case-challenge .image{
        top: 0;
    }
    .case-challenge .image img,
    .block-case .case-challenge .column:nth-child(1) img{
        max-width: 100%;
    }
    .case-intro .floating .image img{
        max-width: 100%;
    }
}