/*==========================================
            REGISTER SECTION
==========================================*/

.register-section{

    padding:100px 0;

    background:var(--light-color);

}

.register-card{

    max-width:620px;

    margin:auto;

    background:#fff;

    border-radius:28px;

    padding:60px;

    box-shadow:var(--shadow-sm);

    transition:.35s;

    position:relative;

    z-index:2;

}

.register-card:hover{

    transform:translateY(-6px);

    box-shadow:var(--shadow-md);

}



/*==========================================
            FORM
==========================================*/

.register-card .form-group{

    margin-bottom:24px;

}

.register-options{

    margin:30px 0;

}

.register-btn{

    width:100%;

    padding:16px;

    border-radius:14px;

}



/*==========================================
            BACKGROUND EFFECT
==========================================*/

.register-section{

    position:relative;

    overflow:hidden;

}

.register-section::before{

    content:"";

    position:absolute;

    width:320px;

    height:320px;

    border-radius:50%;

    background:rgba(212,175,55,.08);

    top:-100px;

    right:-120px;

    filter:blur(45px);

}

.register-section::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    background:rgba(0,0,0,.03);

    bottom:-80px;

    left:-80px;

    filter:blur(35px);

}



/*==========================================
            RESPONSIVE
==========================================*/

@media(max-width:768px){

    .register-card{

        padding:40px 30px;

    }

}

@media(max-width:576px){

    .register-section{

        padding:70px 0;

    }

    .register-card{

        padding:30px 20px;

        border-radius:22px;

    }

}