.workshop_registration  body{
  background: #0a0a0a8a!important;
}
.registration_banner{
    height: 100vh;
    background: url(../images/bg-image-3.jpg);
    background-position: center;
}
.registration_banner:after{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0.91;
    background: url(../images/bg-decor-1.png) 50%, url(../images/pattern-1.png) no-repeat -5% -70%, url(../images/pattern-2.png) no-repeat 104% 100%, linear-gradient(90deg, #3F51B5 0%, #673AB7 100%);
  
}
.registration_banner #cloud {
    width: 273px;
    height: 97px;
    left: 15px;
    right: inherit;
    z-index: 99;
}
.registration_page header{
    box-shadow: none;
}
.registration_page .nav-icon span {
    background: #ffffff;
}
.registration_page .nav_word {
    margin-left: 9px;
    width: 21%!important;
    padding-top: 32px;
}



/* TEXT ANIMATION */
@import url(https://fonts.googleapis.com/css?family=Russo+One);

HTML, BODY {
    height: 100%;
}
.text_animated_box {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* background: #000; */
    font: 7vw Arial Black, sans-serif;
    /* color: #008099; */
    color: #8bdeef;
    text-align: center;
    margin: auto;
}
.text_animated_box2 {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    /* background: #000; */
    font: 4vw Arial Black, sans-serif;
    /* color: #008099; */
    color: #8bdeef;
    text-align: center;
    margin: auto;
}
.textregister {
    white-space: nowrap;
    filter: url(#filter);
    outline: none;
    letter-spacing: 1;
}
.textregister::selection {
    background: rgba(0, 0, 0, .15);
}
.text_animated_box svg {
    position: absolute;
    width: 0;
    height: 0;
}
.text_animated_box2 svg {
    position: absolute;
    width: 0;
    height: 0;
}

.registration_page .text_animated_box{
    z-index: 99;
}
.registration_page .text_animated_box2{
    z-index: 99;
}
.registration_page .wave{
    position: absolute;
    bottom: -3px;
    z-index: 99;
}
 

/* DROPDOWn */
.menu-area{background: #563d7c;
width: 75%;}
.dropdown-menu{padding:0;margin:0;border:0 solid transition!important;border:0 solid rgba(0,0,0,.15);border-radius:0;-webkit-box-shadow:none!important;box-shadow:none!important}
.mainmenu a, .navbar-default .navbar-nav > li > a, .mainmenu ul li a , .navbar-expand-lg .navbar-nav .nav-link{color:#fff;font-size:16px;text-transform:capitalize;padding:16px 15px;font-family:'Roboto',sans-serif;display: block !important;}
.mainmenu .active a,.mainmenu .active a:focus,.mainmenu .active a:hover,.mainmenu li a:hover,.mainmenu li a:focus ,.navbar-default .navbar-nav>.show>a, .navbar-default .navbar-nav>.show>a:focus, .navbar-default .navbar-nav>.show>a:hover{color: #fff;background: utline: 0;}
/*==========Sub Menu=v==========*/
.mainmenu .collapse ul > li:hover > a{background: #d61a5e;}
.mainmenu .collapse ul ul > li:hover > a, .navbar-default .navbar-nav .show .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .show .dropdown-menu > li > a:hover{background: #d61a5e;}
.mainmenu .collapse ul ul ul > li:hover > a{background: #4CAF50;}

.mainmenu .collapse ul ul, .mainmenu .collapse ul ul.dropdown-menu{background:#1565C0;}
.mainmenu .collapse ul ul ul, .mainmenu .collapse ul ul ul.dropdown-menu{background:#1E88E5}
.mainmenu .collapse ul ul ul ul, .mainmenu .collapse ul ul ul ul.dropdown-menu{background:#64B5F6}

/******************************Drop-down menu work on hover**********************************/
.mainmenu{background: none;border: 0 solid;margin: 0;padding: 0;min-height:20px;width: 100%;}
@media only screen and (min-width: 767px) {
.mainmenu .collapse ul li:hover> ul{display:block}
.mainmenu .collapse ul ul{position:absolute;top:100%;left:0;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul li{position:relative}
.mainmenu .collapse ul ul li:hover> ul{display:block}
.mainmenu .collapse ul ul ul{position:absolute;top:0;left:100%;min-width:250px;display:none}
/*******/
.mainmenu .collapse ul ul ul li{position:relative}
.mainmenu .collapse ul ul ul li:hover ul{display:block}
.mainmenu .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}

}
@media only screen and (max-width: 767px) {
.navbar-nav .show .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 35px}
.navbar-nav .show .dropdown-menu .dropdown-menu .dropdown-menu > li > a{padding:16px 15px 16px 45px}
}
.registrationfooter{
    background: url(../images/regfooter.jpg);
    /* margin-top: -150px; */
    padding-top: 25px;
    height: 89vh;
}
.registrationfooter .row {
    position: absolute;
    top: 305px;
    color: #fff;
}
.registration_page form{
    width: 70%;
    margin: auto;
    box-shadow: 2px 2px 5px 5px rgba(0, 0, 0, 0.23);
    padding: 50px;
}
.registration_internship {
    padding: 50px;
    z-index: 99;
}
#select_box{
    padding: 5px 35px;
    margin: 7px 0;
    font-weight: 600;
}
.registration_page form h5{
    font-size: 14px;
    font-weight: 700;
    line-height: 1.6;
}
.payment label{
    color: #563d7c;
}
.registration_page form h6{
    line-height: 1.8;

}