.login-container{

    margin-top: 1%;

 
      background-color: #1ba6b5;

}

.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: #1ba6b5;

    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%;
      }
  }
  
  
  
  
  
  /* delegate form side  */

  .main-box{
background:white;
padding:35px;
border-radius:8px;
box-shadow:0 0 10px rgba(0,0,0,0.05);
}

.heading{
font-weight:700;
font-size:26px;
margin-bottom:20px;
}

.policy li{
margin-bottom:10px;
font-size:16px;
}

.account-box{
background:#dff2f6;
border:1px solid #b8dfe6;
border-radius:6px;
padding:25px;
text-align:center;
margin-top:25px;
}

.title-pill{
background:#1ba6b5;
color:white;
display:inline-block;
padding:8px 30px;
border-radius:30px;
font-weight:600;
margin-bottom:15px;
}

.secretariat-title{
background:#1ba6b5;
color:white;
display:inline-block;
padding:10px 35px;
border-radius:30px;
font-weight:600;
margin-top:25px;
margin-bottom:15px;
}

.contact{
text-align:center;
font-size:16px;
}

.train{
max-width:220px;
}

/* custom rules to remove extra bottom space under form */
.reg_bottom .form-group:last-child {
    margin-bottom: 0;
}
body {
    margin-bottom: 0;
}

@media (max-width:768px){

.heading{
font-size:22px;
}

.train{
margin-top:20px;
max-width:160px;
}

}