.login-container{

    margin-top: 1%;

    margin-bottom: 5%;

}

.login-form-1{

    padding: 0%;

    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);

}

.login-form-1 h3{

    text-align: center;

    color: #333;

}

.login-form-2{

    padding: 5%;

    background: #0062cc;

    box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);

}

.login-form-2 h3{

    text-align: center;

    color: #fff;

}

.login-container form{

    padding: 2%;

}

.btnSubmit

{

    width: 50%;

    border-radius: 1rem;

    padding: 1.5%;

    border: none;

    cursor: pointer;

}

.login-form-1 .btnSubmit{

    font-weight: 600;

    color: #fff;

    background-color: #0062cc;

}

.login-form-2 .btnSubmit{

    font-weight: 600;

    color: #0062cc;

    background-color: #fff;

}





.login-form-2 .btnSubmit:hover{

    

    

    background-color: #F1F3F4;

}

















.login-form-2 .ForgetPwd{

    color: #fff;

    font-weight: 600;

    text-decoration: none;

}

.login-form-1 .ForgetPwd{

    color: #0062cc;

    font-weight: 600;

    text-decoration: none;

}







/*ys work start*/



.reg_top {

   

    padding: 10px;

    

      border-radius: 25px;

  border: 1px solid #F8F8F8;

    

}







.form_wrapper label {

    color: #FFFFFF;

    

}







.text-muted{

    color: #FFFFFF !important;

    

    

}





.reg_bottom {

   

    padding: 10px;

    

      border-radius: 25px;

  border: 1px solid #F8F8F8;

    margin-top: 20px;

  

}




.container-video {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
    top:13%;
  }
  
  /* Then style the iframe to fit in the container div with full height and width */
  .responsive-iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 57%;
    height: 44%;
  }




  @media  screen and (max-width: 1150px) {
    body {
        /* background-color: aqua; */


    }
    .container-video {
        top:18%;

      }

  }



  @media  screen and (max-width: 1000px) {
    body {
        /* background-color: rgb(115, 255, 0); */


    }
    .container-video {
        top:13%;

      }

  }



  @media  screen and (max-width: 700px) {
    body {
      /* background-color: blue; */
    }
    .container-video {
       
        
        top:12%;
      }


    .responsive-iframe {
       width: 56%;
        height: 44%;
      }
  }



  @media  screen and (max-width: 550px) {
 
    .container-video {
        top:9%;
      }


    .responsive-iframe {
       width: 56%;
        height: 44%;
      }
  }