/*********************************************
 * Pinpoints
**********************************************/
.vii-pinpoints__content {bottom:7.375%;right:2.5%;}
.vii-pinpoints {
    padding-left:var(--vii-gap-container);
    padding-right:var(--vii-gap-container);
}
.vii-pinpoints__inner::before {
    content:"";
    position:absolute;
    width:46.32%;
    right:0;
    bottom:0;
    z-index:1;
    aspect-ratio:630/365;
    background-image:radial-gradient(50% 50% at 75% 60%, #000 3%, rgba(0, 0, 0, 0) 100%);
    opacity:0.2;
    border-radius:20px;
}

/*********************************************
 * Responsive Pinpoints
**********************************************/
@media screen and (min-width:769px) {
    .main_content .vii-pinpoints__content :where(h1, h2, h3, h4, h5, h6, [class^="heading_"]) {
        margin-bottom:16px;
        color:var(--vii-color-white);
    }
    .vii-pinpoints__content [class*="btn_"] {
        --bg:#fff;
        --hover-bg:#fff;
        --active-bg:#fff;
        color:var(--vii-color-text);
    }
}

@media screen and (max-width:1024px) {
    .vii-pinpoints__inner::before {width:60%;}
}

@media screen and (max-width:768px) {
    .vii-pinpoints__content {
        position:static;
        margin-bottom:var(--vii-spacing-30px);
        text-align:center;
        order:-1;
    }
}