.floating-decor {

    position: fixed;

    z-index: 1;

    pointer-events: none;

    opacity: 0.9;

    user-select: none;
}


.decor-1 {

    width: 180px;

    top: 120px;
    left: -50px;

    transform: rotate(-18deg);
}

.decor-2 {

    width: 220px;

    bottom: -30px;
    right: -40px;

    transform: rotate(15deg);
}

/* ==============================
   MOBILE
============================== */

@media (max-width: 768px) {

    .decor-1 {

        width: 110px;

        top: 100px;
        left: -35px;
    }

    .decor-2 {

        width: 140px;

        right: -25px;
        bottom: -15px;
    }
}