/*
a{cursor:pointer;text-decoration:none!important;color:#222;outline:none!important;}
*/
.login_page{display:flex;
min-height:90vh;
background-image: url("../img/home_bg.jpg");
background-repeat:no-repeat!important;}
.error_input{border:1px solid red;border-radius:4px;}

.log_option {
	text-align:center;
}
.log_option a{
	color:#111;
	font-size:18px!important;
}
.login_barner{
margin:auto;
flex-basis: 40%;padding:20px;
}

.credential-form{
	flex:1 1 auto;
	margin:auto;
	padding:10px }
	.form-wrapper .form-group{margin-bottom:20px;}
.credential-form p{font-size:20px;text-align:center;}
.credential-form .btn{width:100%;}
.credential-form input{
background:rgba(250,250,250,0.2);
font-size:20px;
padding:15px;}
.credential-form button{
background:#4984b8;}

.credential-form >div{
	margin:auto;
	border-radius:4px;
	width:60%;
	padding:20px 80px 60px 80px;
	background:#fff;}
.barner1 p{font-size:26px;color:#fff;}
.barner2 p{font-size:23px;color:#fff;}
.barner3 h2{color:#fff;font-weight:600;}
.barner_container h1{color:#fff;font-weight:600;}

.navbar-header{min-height:80px;padding:15px 0px 10px 0px;}	
.nav li a{font-size:16px;}

.custom-btn{
padding:20px;
border-radius:3px;
font-size:20px;
color:#fff!important;
}
.course-info{
margin:auto;

background:#fff;
width:70%;
border-radius:4px;
padding:20px;
max-height:90vh;
overflow-x:hidden!important;
}
.disabled-link{
pointer-events:none!important;
}
.course-info .course-form{padding-left:20px;}
.sect_div{
position:relative;
min-height:60vh;
padding-left:50px;
width:100%;margin:auto;}
.back-div{border-top:1px solid #eee;
margin-top:25px;padding-top:20px;}
.sect_div a:hover{
color:#222;;
}
.course-info .class-name h2,.class-name h3{
	color:#111;
	font-weight:600;
	border-bottom:10px solid #ddd;
	margin-bottom:20px;
	padding:0px 0px 20px 0px;}
.course-info .class-name h4{margin:20px 0px;}

.course-info .form-group{width:40%;}
.sect_div .pack_qn{
	font-size:27px;
	border-bottom:10px solid #ddd;
	margin-bottom:20px;
	color:#111;
	font-weight:600;
	padding:0px 0px 20px 0px;}
.btn-inline{
	margin-right:20px;
	width:30%;
	color:#fff;
	text-align:center;
	font-size:16px;
	display:inline-block;
	padding:20px 10px;
	}
.btn-inline:last-child{
margin-right:0px;
}
.phone-label,.text-black-sh{width:100%;text-align:center;}
    .phone-label{font-size:14px;}    
		.iti {
            position: relative;
            display: inline-block;
			bottom:10px;
        }

        input[type=tel] {
            padding-left: 52px;
            position: relative;
            z-index: 0;
            margin-top: 0 !important;
            margin-bottom: 0 !important;
            margin-right: 0;
            /* padding: 6px 12px; */
            border-radius: 2px;
            font-family: inherit;
            font-size: 100%;
            color: inherit;
        }
.intl-tel-input,
.iti {
  width: 100%;
}
 .credential-form>div{
	  box-shadow: 0px 5px 10px rgba(90, 116, 148, 0.3);
 
 }      
.hide{display:none!important;}

.popup-div{background:transparent;
position: fixed;
bottom: 40px;
left: 20px;
z-index: 300;
display: inline-block;
width: 60px;
padding:0px;
height: 60px;
}
.popup-div .popup-icon{
margin-bottom:6px;
display: block;
width: 100%;
height: 60px;
}	
.popup-icon a{
display: block;
width: 100%;
background-color: transparent;
outline: none;
border: none;
}
.popup-div >div a img{
width: 60px;
height: 60px;
}



/* For Mobile Phones Portrait or Landscape View */
@media screen
	and (max-device-width: 640px) {
	.btn-inline{
	width:40%;
	}
	.sect_div{

padding-left:10px;
}
.course-info .form-group{width:100%;}
.course-info{
width:95%;
}

}









@media screen and (min-width: 768px) {
  section {
   
  }
  .column {
    flex: 0 50%;
    max-width: 50%;
  }
}
@media screen and (min-width: 992px) {
  section {
    
  }
  .column {
    flex: 0 0 33.33%;
    max-width: 33.33%;
  }
}








@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: rgb(68, 68, 68); }
}


@media (max-width:468px)
 {
 }
@media (max-width:991px)

{
	
 
}
@media (max-width:767px)
 {
	
	 .credential-form{margin:auto;
	 display:flex;
	 padding:3px 5px; }
	.login_barner{display:none;}
	
	.credential-form >div{
	display:block;
	height:90%;
	flex-basis:100%!important; 
	padding:20px 20px 60px 20px;
	}
 
 }
@media (max-width: 992px) {

	.login_barner{display:none;}
	.credential-form >div{
	margin:auto;
	width:80%!important; 

 }
 }
@media(min-width:768px) {
	
   

}















/*media queries*/

/* For Desktop View */
@media screen and (min-width: 1024px) {
	
}

/* For Tablet View */
@media screen and (min-device-width: 768px)
	and (max-device-width: 1024px) {
}

/* For Mobile Portrait View */
@media screen and (max-device-width: 480px)
	and (orientation: portrait) {
		

}

/* For Mobile Landscape View */
@media screen and (max-device-width: 640px)
	and (orientation: landscape) {
		
	
}

/* For Mobile Phones Portrait or Landscape View */
@media screen
	and (max-device-width: 640px) {
	

}

/* For iPhone 4 Portrait or Landscape View */
@media screen and (min-device-width: 320px)
	and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* For iPhone 5 Portrait or Landscape View */
@media (device-height: 568px)
	and (device-width: 320px)
	and (-webkit-min-device-pixel-ratio: 2) {
	
}

/* For iPhone 6 and 6 plus Portrait or Landscape View */
@media (min-device-height: 667px)
	and (min-device-width: 375px)
	and (-webkit-min-device-pixel-ratio: 3) {
	
};