.CurveFooter {

    position: relative;
    background: var(--curve-footer-bg);
    color: var(--curve-footer-color);
    // scss
    .curve-footer-top {
        height: 10rem;
        position: relative;
        background: transparent;
        overflow: hidden;
        margin-bottom: -1.5rem;

        z-index: 15;

        &:before {
            content: " ";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            height: 700%;
            background: var(--xshop-background);
            border-radius: 50%;
            transform: scaleX(1.75);
        }
    }
    .wrapper{
        padding: 2rem 0;
        min-height: 150px;
    }

    .copyright{
        background: #00000044;
    }

    a{
        color: var(--curve-footer-color);
    }

    .social i{
        font-size: 25px;
    }
    .social{
        margin-top: 3rem;
        display: flex;
        align-items: center;
        justify-content: start;
    }

    .logo{
        height: 120px;
    }
}