*{
         font-family: "Sora", sans-serif !important;
    }
    .beauty-section{
        height:100vh;
        background-position: bottom 10% left 2%;
        background-repeat: no-repeat;
    }

    section.beauty-section:before {
        position: absolute;
        content: "";
        width: 100%;
        height: 48vh;
        top:0;
        left:0;
        background: var(--primary_color) !important;
        z-index: 1;
    }
    body {
        background: #E0E0F4;
        height: 100vh;
        overflow: hidden;
    }
    section.beauty-section .container{
        position:relative;
        z-index:999;
    }
    .btn-prim{
        background: var(--primary_color) !important;
        padding-block: 10px;
    }
    .bottom-content {
        position: absolute;
        bottom: 4.5rem;
        right: 32px;
    }
    .btn-prim:hover{
        background: var(--primary_color);
        color:#fff;
    }
    .bottom-text{
        color:var(--primary_color);
    }
    .bottom-text span{
        font-weight:400;
    }
    @media (max-width: 576px) {
        .beauty-section{
            background-image:unset !important;
        }
       .bottom-content {
            position: relative !important;
            bottom:unset;
            right:unset;
            text-align:center;
        }
        .bottom-content > div{
            flex-wrap:wrap;
        } 
        body {
            overflow: auto;
        }
        .bottom-text{
            text-align:left !important;
            padding-left:12px;
            padding-bottom:10px;
        }
    }