.swiper{
        height:100%;
    }
    .generate-div-tab{
        padding: 3px;
        border: 1px solid #3e3e3e;
        border-radius: 25px;
        background:var(--background-color-2);
    }
    .generate-div-tab .text-card-title{
        color: #fff;
        font-weight: 600;
        font-size: 15px;
        margin-bottom: 0;
    }
    .generate-video-div,
    .generate-image-div{
        display: none;
    }
    .generate-video-div.show,
    .generate-image-div.show{
        display: block;
    }
    .generate-image-tab,
    .generate-video-tab{
        padding: 10px 15px;
        border-radius: 25px;
    }
    .signin-signup-wrapper .input-group .input-group-text, 
    .signin-signup-wrapper .input-group .form-control{
        background:var(--background-color-2);
    }
    .signin-signup-wrapper input:-webkit-autofill, 
    .signin-signup-wrapper input:-webkit-autofill:hover, 
    .signin-signup-wrapper input:-webkit-autofill:focus, 
    .signin-signup-wrapper input:-webkit-autofill:active{
        -webkit-box-shadow:0 0 0 30px #3e2a33 inset !important
    }
    @media (max-width: 767px) {
        .signin-signup-wrapper {height: calc(100vh - 100px); width: 100%;}
    }