.sve {
    --sve-black-bg: conic-gradient(from 215deg at 62% 35%, var(--neutral-3D3D3D) 0%, var(--neutral-141414) 70.08%, #7D7D7D 100%);
    --sve-gray-bg: conic-gradient(from 212deg at 80% 60%, #FFFFFF 0%, #C5C5C5 12%, #E6E6E6 22%, #9A9A9A 80%, #7B7B7B 100%);
}

.page-header-section .svg-icon-wrapper svg {
    width: 50% !important;
    height: 50% !important;
}

.sve-head {
    margin: 0 0 clamp(18px, 1.6vw, 30px);
    font-size: var(--df-text-fs-28);
    font-weight: var(--fw-bold);
}

.sve-body p {
    margin: 0 0 clamp(18px, 1.6vw, 30px);
    font-size: var(--df-text-fs-18);
    line-height: var(--lh-normal);
}

    .sve-body p:last-child {
        margin-bottom: 0;
    }


.sve-list {
    margin: 0;
    padding-left: 1.25em;
    list-style: disc;
    font-size: var(--df-text-fs-18);
    line-height: var(--lh-normal);
}

    .sve-list li {
        padding-left: 0.25em;
    }


.sve-guvenli-wrap {
    position: relative;
}

.sve-safe {
    padding-bottom: clamp(40px, 5vw, 90px);
    color: var(--neutral-1A1818);
}

    .sve-safe .sve-head {
        color: var(--neutral-1A1818);
    }

    .sve-safe .sve-body p {
        color: var(--neutral-4E4E4E);
    }

.sve-safe-usage {
    position: relative;
    z-index: 2;
    color: var(--neutral-FFFFFF);
}

    .sve-safe-usage::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background: var(--sve-black-bg);
    }

    .sve-safe-usage > .container {
        position: relative;
    }

    .sve-safe-usage .sve-head {
        color: var(--neutral-FFFFFF);
    }

.sve-note-card {
    position: absolute;
    top: calc(-1 * var(--sve-usage-pt));
    right: 0;
    transform: translateY(-50%);
    width: clamp(300px, 34%, 440px);
    padding: clamp(30px, 3.2vw, 60px);
    border-radius: clamp(15px, 1.6vw, 30px);
    color: var(--neutral-FFFFFF);
    background-color: var(--red-980B12);
    box-shadow: 0 18px 40px rgb(129 13 22 / 22%);
}

.sve-note-card__title {
    margin: 0 0 clamp(12px, 1.1vw, 18px);
    font-size: var(--df-text-fs-28);
    font-weight: var(--fw-bold);
}

.sve-note-card__text {
    margin: 0;
    font-size: var(--df-text-fs-18);
    font-weight: var(--fw-light);
}

    .sve-note-card__text strong {
        font-weight: var(--fw-semibold);
    }

.video-section.safe-use-menfez {
    padding: clamp(30px, 3.1vw, 60px) 0 clamp(120px, 15.5vw, 290px) 0;
    background: var(--sve-gray-bg);
}
.video-section.safe-use-blue-fire {
    background: transparent conic-gradient(from 35deg at 44% 100%, #7D7D7D 0.00%, #141414 24.08%, #3D3D3D 100.00%) 0% 0% no-repeat padding-box;
}

.video-section.safe-use-more-effective {
    background: conic-gradient(from 307deg at 80% 60%, #7B7B7B 0%, #9A9A9A 52%, #E6E6E6 72%, #C5C5C5 90%, #FFFFFF 100%);
}

@media (min-width:991.98px) {
    .video-section.safe-use-blue-fire .video-card-wrapper {
        max-height: 220px;
        padding: 0 0 0 clamp(40px, 4vw, 80px);
    }

    .video-section.safe-use-more-effective .video-card-wrapper {
        padding: clamp(120px, 12.1vw, 232px) 0 0 clamp(40px, 4vw, 80px);
    }
}

/* --------------------------------------------------------------------------
   RESPONSIVE
   -------------------------------------------------------------------------- */

@media (max-width: 991.98px) {
    .sve-safe {
        padding-bottom: clamp(28px, 5vw, 48px);
    }

    .sve-note-card {
        position: static;
        transform: none;
        width: auto;
        max-width: 560px;
        margin: 0 auto clamp(28px, 5vw, 44px);
    }

    .video-section.safe-use-more-effective {
        background: conic-gradient(from 29deg at 80% 60%, #7B7B7B 0%, #9A9A9A 52%, #E6E6E6 72%, #C5C5C5 90%, #FFFFFF 100%);
    }
}