﻿

.form-group {
    padding-bottom: 10px;
}

.container {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.my-3 {
    display: block !important;
}

.border-shadow {
    margin-top: 5%;
}

.signup-img1 { 
    opacity: 0px;
    angle: 0 deg;
    z-index: 1000;
} 

.login-img1 {
    width: 75%;
    z-index: 10000;
    opacity: 0px;
}

.login-img2 {
    position: relative;
    width: 26%;
    top: 75px;
    left: -40px;
    gap: 0px;
    opacity: 0px;
    rotate: -11.61deg;
    z-index: 1000;
}

.login-img3 {
    position: relative;
    width: 26%;
    top: -14px;
    left: -86px;
    gap: 0px;
    opacity: 0px;
    rotate: 4.15deg;
    z-index: 100;
}


.login-left-area {
    border-radius: 10px 0px 0px 10px;
    background: #b198ff;
    background-image: url('../../image/signup/signup-bg.png');
    background-size: 100%;
}
 
.login-div {
    padding: 40px 0px;
}

.signup-left-area {
    border-radius: 10px 0px 0px 10px;
    background: #b198ff;
    background-image: url('../../image/signup/signup-bg.png');
    background-size: 100%;
}


/* OVERRIDES
------------------------------------- */
/* Tablets (portrait and landscape, 601px to 1024px) */
@media only screen and (min-width: 601px) and (max-width: 1023px) {
    .desktop-show {
        display: none;
    }

    .border-shadow,
    .signup-form {
        border-radius: 1em !important;
        border: none !important;
        box-shadow: none !important;
    }
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
    .border-shadow,
    .signup-form {
        border-radius: 1em !important;
        border: none !important;
        box-shadow: none !important;
    }
}