/*********************** Code Written By Ankush Rokade******************/
			body {
				font-family: 'Montserrat', sans-serif;
			}
			.mynavbar{
				background-color: #255fce!important;
				color: #ffffff;
			}
			.my-container {
				color: #325295;
			}
			.skew {
				position: absolute;
				width: 100%;
				z-index: -1;
				background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 75%);
				transform: skew(0deg, -4deg);
    			margin-top: -3em;
			}
			.my-card {
				/*background-color: #58ceef;*/
			}
			.my-card-body {
				display: flex;
				padding: 0.5em;
			}
			.h-1,.h-2,.h-3,.h-4,.h-5,.h-6 {
			    font-weight: 600;
			    color: #325295;
			    text-rendering: optimizelegibility;
			    line-height: 1.5;
			}
			.heading-1 {
				/*font-size: calc(1.9vw + 2em);*/
				font-size: 2.3em;
			}
			.skew-bottom {
				margin-top: 2em;
			}
			.h-2 {
				font-size: 2em;
				margin: 0 auto;
			}
			.h-6 {
				/*color: #212121;*/
				line-height: 1.5;
				text-align: justify;
			}

			.h-3 {
				font-weight: 600;
			    color: #325295;
			    text-rendering: optimizelegibility;
			    font-size: 1.5em;
			}
			.how-it-works-label{
				    font-weight: 600;
				    text-rendering: optimizelegibility;

			}
			.icons-xl {
				display: inline-block;
		      	margin: 1rem;
		      	font-size: 6rem;
			}
			
			.ec-pl-how-it-works-subsection {
			    padding: 3em 0em;
			}
			.how-it-works-count {
			    height: 40px;
			    width: 40px;
			    background-color: #325295;
			    color: white;
			    border-radius: 50%;
			    padding: 0.3em;
			    font-weight: 700;
			    font-size: 20px;
			    margin: auto;
			    margin-bottom: 1em;
			}
			.ec-pl-how-it-works-graphics {
			    margin-bottom: 2em;
			    width: 80%;
			}
			.logo1 {
				height: 25px;
			}
			.logo2 {
				height: auto;
				width: 83%;
			}
			
/**********************************Hover Effect On Test Categories*************************************/
.box10:after,.box10:before,.box1:after,.box1:before,.box2 .inner-content:after,.box3:after,.box3:before,.box4:before,.box5:after,.box5:before,.box6:after,.box7:after,.box7:before{content:""}
.box1,.box11,.box12,.box13,.box14,.box16,.box17,.box18,.box2,.box20,.box21,.box3,.box4,.box5,.box5 .icon li a,.box6,.box7,.box8{overflow:hidden}

.box5{position:relative;border-radius: 1em;}
.box5:after,.box5:before{width:50px;height:50px;border-radius:50%;background:#325295 ;position:absolute;top:-80px;left:15px;opacity:0;z-index:1;transition:all .35s ease}
.box5:after{top:auto;left:auto;bottom:-80px;right:15px}
.box5:hover:after,.box5:hover:before{opacity:.75;transform:scale(8);transition-delay:.15s}
.box5:hover i{opacity:.4}
.box5 .icon{margin:0;position:absolute;bottom:15px;right:50px;z-index:3;transform:scale(0);transition:all .35s ease-out}
.box5:hover .icon{transform:scale(1);transition-delay:.15s}
.box5 .box-content{padding:20px 15px;position:absolute;top:0;left:0;z-index:2}
.box5 .title{font-size:15px;font-weight:800;color:#fff;margin:0 0 5px;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .title{opacity:1;transform:translate(0,0);transition-delay:.15s}
.box5 .post{display:inline-block;font-size:14px;color:#ffffff;font-weight: 600;opacity:0;transform:translate(-20px,-20px);transition:all .35s ease-out}
.box5:hover .post{opacity:1;transform:translate(0,0);transition-delay:.15s}
@media only screen and (max-width:990px){.box5{margin-bottom:30px}
}


/* Code Written By Ankush Rokade */
/*******************************************************************************************
                        			Media query for Desktop
*******************************************************************************************/
*{
	font-family: sans-serif;
}



/* navbar style  */
.landing-logo-desktop{
	width: 36%;
	height: 91%;
}
.landing-logo-mobile{
	display: none;
}

.landing-heading{
	line-height: 1;
}

.landing-nav a{
	padding-left: 5%;
	color: #6c757d;
	text-decoration: none;
}

.landing-nav a:first-child{
	padding: 0;
}

.landing-btn {
display: inline-block;
font-weight: 400;
color: #255fcd;
text-align: center;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: transparent;
border: 1px solid transparent;
padding: 0.375rem 0.75rem;
font-size: 1rem;
line-height: 1;
border-radius: 0.25rem;
transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.landing-btn-outline {
color: #255fcd;
border-color: #255fcd;
}

.landing-btn-outline:hover {
color: #fff;
background-color: #255fcd;
border-color: #255fcd;
}

.landing-content-container{
	margin-top: 6%;
}

/* join now button */
.btn-ec {
  display: inline-block;
  font-weight: 700;
  color: #255fcd;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1.2rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.btn-outline-ec:hover {
  color: #255fcd;
  border-color: #255fcd;
  background-color: #fff;
}

.join-now{
	text-align: right;
	padding-top: 2rem;
}

.btn-outline-ec{
  color: #fff;
  background-color: #255fcd;
  border-color: #255fcd;
}

.btn-outline-ec1 {
  color: #255fcd;
  border-color: #255fcd;
}

.btn-outline-ec1:hover {
  color: #fff;
  background-color: #255fcd;
  border-color: #255fcd;
}

/* form toggling style */
#signup-div{
	display: none;
}

#signup-div label{
	font-family: 'Lucida Sans' !important;
	font-size: .9rem;
}

#login-div{
	display: none;
}

.ec-color{
	color: #255fcd!important;
}

#login-div{
	font-family: 'Lucida Sans' !important;
	font-size: .9rem;
}
	
/* hr tag styling */
.hr-text {
line-height: 1em;
position: relative;
outline: 0;
border: 0;
color: black;
text-align: center;
height: 1.5em;
opacity: .3;
}
.hr-text:after {
	content: attr(data-content);
	position: relative;
	display: inline-block;
	color: black;

	padding: 0 .5em;
	line-height: 1.5em;
	/* // this is really the only tricky part, you need to specify the background color of the container element... */
	color: #818078;
	background-color: #fcfcfa;
}
.hr-text:before {
	content: '';
	background: #818078;   /* OR linear-gradient(to right, transparent, #818078, transparent) */
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	height: 1px;
}

/* buttons of landing page */
.btn-social{
	/* color: #343a40; */
	border-color: #343a40;
	border-color: #6c757d;
	font-size: 1rem;
	color: #6c757d !important;
	font-weight: 400;
}

.btn-social:hover {
/* color: #fff; */
/* background-color: #343a40; */
/* border-color: #343a40; */
box-shadow: 2px 2px 4px 0px #818078;
/* box-shadow: 0px 0px 7px 0px; */
}

.btn-social img{
	width:8%;
	height:100%;
}

/* Term and condition text */
small.tnc-text{
	font-size: 9px;
	color: #6c757d;
	opacity: 0.7;
}

/* forgot password span text */
span.forgot-password{
	font-size: .7rem;
}

/* gender radio button */
#radioBtn .notActive{
	color: #3276b1;
	background-color: #fff;
}

/* show password icon position */
.field-icon {
	/* float: right; */
	position: absolute;
	margin-left: 328px;
	margin-top: -23px;
	opacity: 0.5;
	z-index: 2;
}

/* js validation error class */
.tiny{
	font-size: 11px !important;
}

/* background image styling */
section.bg-get-started {
	background-repeat: no-repeat;
	background-size: 100%;
	height: 47rem;
	width: 100%;
}

.mt-img{
	margin-top: 4rem;
}

.mt-img1{
	margin-top: 2rem;
}

@media only screen and (max-width: 720px) {
	section.bg-get-started {		
		background-image: url('../../images/landing/mobile/1-06.png');
	}
}

@media only screen and (min-width: 720px) {
	section.bg-get-started {		
		background-image: url('../../images/landing/desktop/1-06.png');
	}
}


/* recruiter and student cards */
h2#h2-student{
	text-align: justify;
	font-weight: 700 !important;
}

h2#h2-recruiter{
	text-align: justify;
	font-weight: 700 !important;
}

.get-started h6{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
}

.get-started p{
	padding: 0px 265px;
}

.get-started #join-now1{
	float: right;
}

.get-started #join-now2{
	float: right;
}

.btn-start{
	background-color: #fff;
	border: #255fcd solid 1px;
	color: #255fcd;
}

#btn-scroll {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #255fcd;
  color: white;
  cursor: pointer;
  padding: 20px;
  border-radius: 70px;
}

.btn-start:hover{
	background-color: #255fcd;
	border: #255fcd solid 1px;
	color: #fff;
}

/* post a job an internship section */
.job-portal{
	width: 100%;
	height: auto;
	padding: 70px 60px;
	background-color: #EBEBEB;
}

/* Footer section starts from here */
.bg-footer i{
	margin-left: 1.2rem;
	color: #255fcd;
}

.footer-logo{
	width: 40% !important;
	height: auto !important;
}

section .bg-footer{
	background-color: #EBEBEB;
	padding-bottom: 1rem;
}

.footer-social .social-items{
	text-align: right;
}

.fa-xl{
	font-size: 2rem  !important;
}

.bg-footer ul{
	margin: 2rem;
	padding: 0;
	list-style-type: none;
	margin-bottom: 1rem;
}

.bg-footer ul li:first-child{
	font-weight: bold;
	font-size: 1rem !important;
}

.footer-link{
    margin-left: 5rem;
}

.footer-link a{
    color: #6c757d;
}

.footer-policy a{
    color: #6c757d;
}


/*******************************************************************************************
                			Serach bar for test categories
*******************************************************************************************/
.form-control:focus {
  box-shadow: none;
}

.form-control-underlined {
  border-width: 0;
  border-bottom-width: 1px;
  border-radius: 0;
  padding-left: 0;
}

/*
*
* ==========================================
* ==========================================
*
*/


/*******************************************************************************************
                Media query for mobile phones which has less than 768 pixels
*******************************************************************************************/
@media only screen and (max-width: 768px) {
	.img-main{
		margin-top: 1rem;
	}

	section{
		margin-top: 2rem!important;
	}

	#hr-tag{
		display: none;
	}
	
	.landing-logo-desktop{
		display: none;
	}
	
	.landing-logo-mobile{
		display: block;
	}
	
	.landing-nav a{
		/* padding-left: 5%; */
		color: #6c757d;
		text-decoration: none;
		font-size: .8rem;	
	}

	.landing-btn {
		display: inline-block;
		font-weight: 400;
		color: #255fcd;
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 0.25rem 0.5rem;
		font-size: .8rem;
		line-height: 1;
		border-radius: 0.25rem;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}

	.landing-btn-outline {
		color: #255fcd;
		border-color: #255fcd;
	}

	.landing-btn-outline:hover {
		color: #fff;
		background-color: #255fcd;
		border-color: #255fcd;
	}

	.landing-content-container{
		margin-top: 0;
	}

	.landing-content{
		padding-left: 0;
		padding-right: 0;
	}

	.landing-content .content{
		padding-left: 2.6rem;
		padding-right: 2.6rem;
	}

	.join-now{
		text-align: center;
		padding-top: 2rem;
	}

	/*h1{
		font-size: 1.7em;
	}*/
	
	.field-icon {
		float: left !important;
		position: absolute !important;
		margin-left: 304px !important;
		margin-top: -23px !important;
		opacity: 0.5;
		z-index: 5;
	}

	.info-card{
		text-align: center;
	}

	.info-card h6{
		font-size: 1.5rem;
	}

	.info-card p{
		font-size: .9rem !important;
		padding: 0px 1rem;
	}

	.mt-img{
		margin-top: 0rem;
	}

	.mt-img1{
		margin-top: 0rem;
	}

	h2#h2-student{
		text-align: center !important;
	}

	.mt-custom{
		margin-top: 5rem;
	}

	h2#h2-recruiter{
		text-align: center !important;
	}

	.get-started p{
		padding: 0px !important;
		text-justify: auto;
	}

	.get-started #join-now1{
		float: none !important;
	}

	.get-started #join-now2{
		float: none !important;
	}

	section.bg-get-started{
		background-image: url('../../images/landing/1-06.png');
		background-repeat: no-repeat;
		background-size: 100%;
		height: 13rem !important;
		width: 100%;
	}

	section .general-student{
		margin-top: 0px;
	}

	section .bg-footer{
		background-color: #EBEBEB;
		padding: 1rem 0px;
	}

	.footer-social {
		text-align: center;
	}

	.footer-social .social-items{
		margin-top: 1rem;
		text-align: center !important;
	}

	.social-items .twitt{
		margin-right: .9rem !important;
	}

	.job-portal button{
		font-size: .9rem !important;
	}

	.footer-link{
		margin-left: 0px;
	}
}




/*******************************************************************************************
                Media query for mobile phones which has less than 480 pixels
*******************************************************************************************/
@media only screen and (max-width: 480px) {
    .landing-logo-desktop{
		display: none;
	}
	
	.landing-logo-mobile{
		display: block;
	}
	
	.landing-nav a{
		padding-left: 5%;
		color: #6c757d;
		text-decoration: none;
		font-size: .8rem;	
	}

	.landing-btn {
		display: inline-block;
		font-weight: 400;
		color: #255fcd;
		text-align: center;
		vertical-align: middle;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		background-color: transparent;
		border: 1px solid transparent;
		padding: 0.25rem 0.5rem;
		font-size: .8rem;
		line-height: 1;
		border-radius: 0.25rem;
		transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	}

	.landing-btn-outline {
		color: #255fcd;
		border-color: #255fcd;
	}

	.landing-btn-outline:hover {
		color: #fff;
		background-color: #255fcd;
		border-color: #255fcd;
	}

	.landing-content-container{
		margin-top: 0;
	}

	.landing-content{
		padding-left: 0;
		padding-right: 0;
	}

	.landing-content .content{
		padding-left: 2.6rem;
		padding-right: 2.6rem;
	}

	h1.landing-heading{
		font-size: 1.8rem;
		line-height: 1.2 !important;
	}
	
	.tnc-text{
		font-size: 9px !important;
	}
}