/****************************
 * Key Figures
****************************/
.vii-key-figures {max-width:clamp(525px, 58.75vw, 1024px);}

/* item */
.vii-key-figures__item {
    min-width:283px; min-height:128px;
    border-radius:16px; padding:8px 20px;
    box-shadow:0 0 10px 5px var(--vii-color-light-pink-1);
}
.main_content .vii-key-figures__item-number-wrapper {
    --vii-color-heading:var(--vii-color-primary);
    letter-spacing:-0.01em; gap:0.2em; font-size:58px;
}
.vii-key-figures__item-text {margin-top:-6px;}
.vc_row.vc_row-has-fill .vii-key-figures__item {box-shadow:none;}

/* desktop */
@media only screen and (min-width:768px) {
    .vii-key-figures__item {position:absolute; width:auto;}
    .vii-key-figures__item:nth-child(1) {top:3.35%; right:66%;}
    .vii-key-figures__item:nth-child(2) {top:3.35%; left:57.5%;}
    .vii-key-figures__item:nth-child(3) {top:50%; left:0; transform:translate(-50%, -60%);}
    .vii-key-figures__item:nth-child(4) {top:50%; right:0; transform:translate(32%, -60%);}
}

/* tablet */
@media only screen and (min-width:768px) and (max-width:1280px) {
    .vii-key-figures__item:nth-child(1) {top:0;}
    .vii-key-figures__item:nth-child(2) {top:0;}
}
@media only screen and (min-width:768px) and (max-width:1024px) {
    .vii-key-figures__item:nth-child(1) {top:-4%;}
    .vii-key-figures__item:nth-child(2) {top:-4%;}
}


/****************************
 * Key Figures - Responsive
****************************/
@media only screen and (min-width:1700px) {
    .vii-key-figures__item:nth-child(1),
    .vii-key-figures__item:nth-child(2) {top:5.5%;}
}
@media only screen and (max-width:1280px) {
    .vii-key-figures__item {min-width:240px; min-height:100px; border-radius:12px;}
    .main_content .vii-key-figures__item-number-wrapper {font-size:var(--vii-spacing-48);}
}
@media only screen and (max-width:1024px) {
    .vii-key-figures__item {min-width:200px; min-height:80px;}
}
@media only screen and (max-width:767px) {
    .vii-key-figures {max-width:100%;}
    .vii-key-figures__items {
        --grid-col:2;
        --grid-gap-x:var(--vii-gap-container);
        --grid-gap-y:var(--grid-gap-x);

        margin-bottom:var(--vii-spacing-32);
    }
    .vii-key-figures__image {
        margin:0 calc(-1 * var(--vii-gap-side)) 0 calc(-1 * var(--vii-gap-side) - 2 * var(--vii-gap-container));
        overflow:hidden;
    }
    .vii-key-figures__image img {transform:translateX(calc(2 * var(--vii-gap-container)));}
    .main_content .vii-key-figures__item-number-wrapper {font-size:var(--vii-size-36);}
}
@media only screen and (max-width:480px) {
    .vii-key-figures__items {
        --grid-gap-x:10px;
    }
    .vii-key-figures__item {min-width:auto; padding-left:12px; padding-right:12px;}
    .vii-key-figures__item-text {margin-top:0; font-size:14px;}
}