@media screen and (min-width:992px) {
    .header-nav .link-list .fbox-txt p {
        font-size: 14px;
    }

    .fbox-ico-wrap {
        margin-right: 18px;
    }

    .header-nav .link-list .fbox-txt h6 {
        font-size: 15px;
    }

    #header li.nl-simple.dekstop-menu-hide {
        display: none;
    }

    .wsmainwp {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .login-form-left {
        background-color: #e9f8f2;
    }

    .feature-section-content {
     background-color: #44b662;
    }

    .feature-section-content.feature-content .fbox-txt h6 {
        color: #fff;
    }

    .feature-section-content.feature-content-01 {
        background-color: #fff;
    }

    .feature-section-content svg.lucide-gift {
        color: #fff;
    }

    .register-page-form.register-page-form-right {
        display: block;
           overflow: auto;
          
        
    }
 

}

@media screen and (max-width:991px) {
    .login-form-left {
        background-color: unset;
    }

    .feature-section-content {
        background-color: #edf5eb;
    }

    .feature-section-content.feature-content .fbox-txt h6 {
        color: #000;
    }


    .feature-section-content .fbox-txt h6,
    .feature-section-content .fbox-txt p {
        color: #000;
    }

    .feature-section-content svg.lucide-gift {
        color: #16a34a;

    }

  

    .login-section .MuiSvgIcon-root,
    .login-section .fbox-icon span[class^="flaticon-"]:before {
        font-size: 20px !important;
    }


    .feature-section-content svg {
        width: 20px !important;
    }

    .register-page-form.register-page-form-right {
        display: unset;
    }
}

@media screen and (max-width:768px) {
    .register-page-form {
        height: unset;
    }

}

.ico-50 [class*="flaticon-"]:before,
.ico-50 [class*="flaticon-"]:after {
    font-size: 20px;
}

.login-section .MuiSvgIcon-root,
.login-section .fbox-icon span[class^="flaticon-"]:before {
    font-size: 25px;
}


.register-page-wrapper-1 {
    overflow: hidden;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
    -moz-box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .12);
}


#signup .register-page-form-1 {
    background: url(../images/Login-page.jpg);
    background-position: left center;
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (max-width:767px) {
    #signup .register-page-form-1{
        display: none;
    }
}