.case-2 .col-inner,
.case-3 .col-inner,
.case-4 .col-inner,
.case-5 .col-inner,
.case-6 .col-inner {
    height: 100%;
}

.case-section {
    background: #FFF;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
    padding-top: 30px !important;
    padding-bottom: 0 !important;
}

.stack-case-2 {
    position: relative;
    height: 100%;
}

.stack-case-2 .img-1 {
    width: 250px !important;
    height: 250px !important;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    background: #000000;
}

.stack-case-2 .img-1 img {
    object-fit: contain;
}

.stack-case-2 .bg-1 {
    width: 340px;
    height: 340px;
    background: #00000069;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -1;
}

.stack-case-2 .bg-2 {
    width: 410px;
    height: 410px;
    background: #00000014;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: -2;
}

.stack-case-2 .img-2 {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 20%;
    z-index: 1;
    background: #000000;
}

.stack-case-2 .img-2 img {
    object-fit: contain;
}

.stack-case-2 .img-3 {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    z-index: 1;
    background: #000000;
}

.stack-case-2 .img-3 img {
    object-fit: contain;
}

.stack-case-2 .img-4 {
    width: 140px !important;
    height: 140px !important;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 20%;
    z-index: 1;
    background: #000000;
}

.stack-case-2 .img-4 img {
    object-fit: contain;
}

.stack-img-case-3 .col-right {
    position: relative;
}

.case-3 .img-right {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.case-3 .img-right .img-inner {
    overflow: visible;
}

.case-3 .img-right img {
    rotate: 90deg;
}

.case-3-icon-stack .icon-box {
    border-radius: 50px;
    background: #FFF;
    box-shadow: 0 1px 7.6px -2px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
}

.case-5 .col-left .col-inner {
    display: flex !important;
    flex-direction: column;
    align-items: flex-start;
}

.stack-case-6 {
    position: relative;
    height: 100%;
}

.stack-case-6 .img-1 {
    width: 160px !important;
    height: 160px !important;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 15%;
    z-index: 1;
    background: #000000;
}

.stack-case-2 .img-1 img {
    object-fit: contain;
}

.stack-case-6 .img-2 {
    width: 190px !important;
    height: 190px !important;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    z-index: 1;
    background: #000000;
}

.stack-case-6 .img-3 {
    width: 220px !important;
    height: 220px !important;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    background: #000000;
}

.case-6-icon-stack .icon-box {
    border-radius: 50px;
    background: #FFF;
    box-shadow: 0 1px 7.6px -2px rgba(0, 0, 0, 0.25);
    padding: 10px 15px;
}

.case-col-item .col-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--primary-color);
    border-radius: 4px;
    background: rgba(126, 14, 0, 0.00);
    position: relative;
    border-radius: 8px;
}

.case-col-item .col-inner::after {
    content: "";
    position: absolute;
    top: 50%;
    right: -62px;
    transform: translateY(-50%);

    width: 62px;
    height: 16px;

    background-color: var(--primary-color);

    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='16' viewBox='0 0 62 16' fill='none'%3E%3Cpath d='M62 7.79395L35.75 15.5879V7.79395H0V6.79395H35.75V0L62 7.79395Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;

    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='16' viewBox='0 0 62 16' fill='none'%3E%3Cpath d='M62 7.79395L35.75 15.5879V7.79395H0V6.79395H35.75V0L62 7.79395Z' fill='%23000'/%3E%3C/svg%3E") center / contain no-repeat;

    pointer-events: none;
    z-index: 2;
}

.case-col-item:last-child .col-inner::after {
    display: none;
}

.real-case-text .col-inner {
    position: relative;
    padding: 10px;
}

.real-case-text .col-inner::before {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 100%;
    width: 100%;
    content: "";
    border-radius: 20px;
    padding: 1px;
    -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
    mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
    -webkit-mask-composite: xor;
    z-index: -1;
}

.real-case-text.case-text-left .col-inner::before {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 100%);
}

.real-case-text.case-text-right .col-inner::before {
    background: linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, var(--primary-color) 100%);
}

@media screen and (min-width: 550px) and (max-width: 849px) {
    .case-col-item .col-inner::after {
        width: 30px;
        height: 12px;
        right: -30px;
    }
}