@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&display=swap');

*{
  font-family: 'Roboto', sans-serif;
}

.m-login {
    padding-top: 135px;
    .row{
        width: 100%;
        margin-right: 0px;
        margin-left: 0px;
    }
        .col-md-6{
            width: 50%;
            padding-right: 0px;
            padding-left: 0px;
        }
        .m-login-wedding{
            text-align: center;      
       //width:114%;
           height: 100%;
            object-fit: cover;
            object-position: top;
            background: url("../../../assets/img/login-img.png");
      background-size: cover;
      background-repeat: no-repeat;
      h3{
        padding-top: 168px;
        color:#fff;
        font-weight: 400;
        font-size: 35px;
        width: 73%;
        padding-left: 212px;
        text-align: center;
    }
    .buttoncls{
        margin-top: 20px;
        .sig-btn{
            color: #fff;
           
            font-weight: 400;
            font-size: 16px;
            background:  #ff9c00;
            text-transform: capitalize;
            border-radius: 30px;
            box-shadow: none;
            height: 40px;
            width:100px;
            border: 1px solid #ff9c00;
            margin-left: 200px;
            outline: none;
            margin-left: 230px;
          
            &:hover{
                background: transparent;
            }
        }
        .siup-btn{
            color: #fff;
            margin-left: -210px;
            font-weight: 400;
            font-size: 16px;
            background:transparent;
            text-transform: capitalize;
            border-radius: 30px;
            box-shadow: none;
            height: 40px;
            width:100px;
            border:1px solid #fff;
            outline: none;
            
        }
    }
        }
        .m-login-body{
          background: #b638b6;
          height:655px;
          padding: 200px 20px 20px 40px;
        .m-login-header{      
          h3{
            font-size: 22px;
            font-weight: 400;
            color: #fff;
          }
        }
        .m-login-conent {
            margin-top: 40px;
        }
        .m-login-conent input{
                width: 80%;
                background: transparent;
                border:none;
                border-bottom: 1px solid #ccc;
               color:#ffff;
               outline: none;
               line-height: 4.0;
               font-size: 15px;
               font-weight: 300;
               &::placeholder{
                   color:white;
               }
        }
        .btn-m-login{
                            padding-top: 40px;
                        .btn-login{
                            color: #5d5a5a;
                            font-family: 'Roboto', sans-serif;
                            font-weight: 400;
                            font-size: 16px;
                            background: #fff;
                            text-transform: capitalize;
                            border-radius: 30px;
                            box-shadow: none;
                            height: 40px;
                            width:100px;
                            border:1px;
                            outline: none; 
                            &:hover{
                                background: #c717c7;
                                color:#fff;
                            }
                        }
                 }
        }
        .links{
            margin-top: 70px;
            a{
                color:#fff;
                font-size: 15px;
                font-weight: 400;
                text-decoration: none;
                cursor: pointer;
            }
            p{
                color: #fff;
                font-size: 15px;
                font-weight: 400;
                cursor: pointer;
            }
            .frg-pass{
                margin-left: 18px;
                margin-top: 30px;
                
            }
        }
   
}
 /*****************Modal-vendor**********************/
 .modal-dialog{
    max-width: 700px;
}
.modal-content{
    padding-left: 51px;
}
.modal-headers{
    
    background: url("../../../assets/img/9.png");
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 0px;
 margin-top: -45px;
 padding-left: 41px;
 border: none;
    h5{
        margin-top: 150px;
        text-align: center;
        color: #6d6c6c;
        font-family: 'Roboto', sans-serif;
        font-weight: 400;
        font-size: 18px;
        width: 375px;
        margin-left: 81px;
    }
 
}
 .modal-headers .close {
     padding: 1rem 1rem;
     margin: -8rem 1rem -1rem auto;
     outline:none;

 }
.modal-body{
 border: none;
 outline: none;
 margin-left: 81px;
 select{
     outline: none;
 }
    .form-control{
        margin-top: 10px;
     border: none;
     outline: none;
     border-bottom: 1px solid gray;
     
     padding: 3px;
     font-size: 14px;
     width:410px;
    }
    label{
     margin-top: 20px;
     font-size: 0.8rem;
     color: #9e9e9e;
 }
    
    option{
        color: #c717c7;
        outline: none;
     }
     .btn-plans{
         text-align: center;
        
         margin-top: 50px;
         .pri-btn{
            
             background-color: #b638b6;
             border: 1px;
             border-radius: 2px;
             width: 203px;
             height: 35px;
             padding: 5px;
             font-size: 15px;
             margin-left: -56px;
         a{
            text-decoration: none;
             color: #fff;

         }
             &:hover{
                 background: #c717c7;
             }
         }
     }
    
}
.modal-footer{
 border: none;
 margin-top: 25px;
}


/*******************************************frg *modal*/
        .modal-dialog{
            max-width: 700px;
        }
        .modal-header{
            border:none;
            padding-left: 0%;
            h4{
                color: #535353;
                font-weight: 600;
                font-size: 18px;
                 margin: 0;
               
            }
            hr {
                
                margin-top: 5px; 
                margin-bottom: 5px;
                border: 1px solid rgb(255, 0,255);
                width: 20px;
                margin-left: 0px;
                border-radius: 12px;
            }
        }
        .modal-bodyy{
            .m-login-modal-input{
                input{
                    border:none;
                    color: black;
                    border-bottom: 1px solid #d7d7d7 ;
                    font-size: 15px;
                    width: 550px;
                    outline: none;
                    background-color: transparent;
                    margin-top: 10px;
                    &::placeholder{
                       color:#636c72;
                                          }
                }
            }
            .m-login-modal-btn{
                text-align:center;
                margin-top: 50px;
                .btn-send{
                    background: #ff9c00;
                    padding: 7px 30px;
                    border: 1px solid #ff9c00;
                    color: #fff;
                    font-size: 17px;
                    border-radius: 30px;
                    outline: none;
                    
                }
            }
        }
        .modal-footer{
            border: none;
            padding: 2rem;
        }
            
        
