@charset "utf-8";
@import url("fonts.css");
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');
	/* CSS Document */
	
body {
	font-family: "Montserrat", sans-serif;
	
}
.recommended
{
	border:2px solid rgba(102,51,0,1);
	font-size:12px;
	padding:5px;
	color: rgba(102,51,0,1);
	border-radius:10px;
		
	
}
.infolet{
	background-color:rgba(255,255,255,1);
	width:300px !important;
	height: max-content !important;
	
	
}
#smallscreen,#smallscreen:hover {
	color: #333;
	display:none;
	position: absolute;
	/*top:50px !important;*/
	left:0px !important;
	border: 2px #CCCCCC solid;
	height: max-content !important;
	min-height: 200px !important;
	width:300px;
	z-index:10;
	line-height:25px !important;
	font-size: 14px;
	text-align: left;
	padding-left:4px;
	vertical-align: middle;
	font: Gotham light;
}
.infolet_container,.infolet_container:hover {
	color: #333;
	position:relative;
	background-color: rgba(255,255,255,1);
	border: 2px #CCCCCC solid;
	height: max-content !important;
	min-height: 60px !important;
	width:300px;
	z-index:10;
	line-height:25px !important;
	font-size: 14px;
	display: inline-block;
	text-align: left;
	padding-left:4px;
	vertical-align: middle;
	font: Gotham light;
}
.banner_bu{
	background-image: url(../img/headerbg.png);
	background-size: cover;
	background-repeat: repeat;
}

#i2{
	background-image: url(../img/careerpath.png);
	background-size: cover;
	background-repeat:no-repeat;}
	

#i3{
	background-image: url(../img/discover-yourself-3.png);
	
	background-size: contain;
	background-repeat:no-repeat;}

#i4{
	background-image: url(../img/careerpath%20-%20Copy.png);
	background-size:contain;
	background-repeat:no-repeat;}
	


.mainbutton
{
	background-color:#F54B2A !important;
	border:1px #F54B2A solid;
	border-radius:05px;
	height:48px;
	color:rgba(255,255,255,1);
		
}

.abt{
	font-family:GothamBook;
	color:#F54B2A;
	font-size:10px;
}
.sign
{
	font-family:Britani;
	color:#000000;
	font-size:28px;

	
}


	
.mtxt
{
	font-size:14px;
	color: rgba(0,0,0,1);
	
}
.et1
{
	width:100%;
	height:50px;

}
.et11
{
	position: relative;
	top:35px;
	height:15px;
	background-color:#93E1D8;
	border-radius:20px 20px 00px 00px;
	
	
}
.et12
{
	position: relative;
	top:35px;
	height:15px;
	background-color:#5B6C5D;
	border-radius:20px 20px 00px 00px;
	
	
}
.et13
{
	position: relative;
	top:35px;
	height:15px;
	background-color:#92140C;
	border-radius:20px 20px 00px 00px;
	
	
}
.mini
{
	font-size: 14px;
}
.miniprof
{
	position:relative;
	top:25px;
	z-index:10 !important;
	background-color:rgba(255,255,255,1);
	border-radius:50%;
	margin-left: auto;
  margin-right: auto;

	
	
}
#whyus
{
	padding-bottom:100px;
	
	
	}
.rround
{
	
	background-color:rgba(255,255,255,1) !important;
	color:rgba(0,0,0,1) !important;
	border:1px #CCCCCC solid !important;
	  box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);	
}
.w1{
	background-color:rgba(255,255,255,1) !important;
	color:rgba(0,0,0,1) !important;
	border:1px #CCCCCC solid;
	margin-right:40px;
	  box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
}

.w2{
	background-color: rgba(0,0,0,1)!important;
	color: rgba(255,255,255,1) !important;
	border:1px #CCCCCC solid;
	margin-right:40px;
	  box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
}

.trust
{
	font-family:GothamPro;
	font-weight:bold;
	font-size:36px;
	color: rgba(0,0,0,1);
}
.why
{
	position: relative; 
			float:left;
			max-height:max-content;
}
.beba{
	/*width:70px;
	padding-top:10px;
	padding-left:10px;
	height:70px;
	border-radius:50%;
	background-color:#92140C;*/
	 margin-left: auto;
  margin-right: auto;
	
}
.mint
{
	color: rgba(0,0,0,1);
	font-family:Gotham bold;

}

.mintd
{
	color:#F54B2A;
	font-family:Gotham light;

}
.mint2
{
	color: rgba(255,255,255,1);  
	font-family:Gotham bold;

}
.mintbodies{
	color: rgba(0,0,0,1);
}
.imintbodies{
	color: rgba(255,255,255,1);
}
.mintbodies1{
	color: rgba(255,255,255,1);  
}
.dleft{
	
	font-weight: 700;
	text-align: center;
	font-size: 40vw;
	line-height: 125%;

}
.big-quote {
    font-size: 3em;
}

/*.b1{
	background-image: url(../img/Path4.png);
	background-size:contain;
}


.b2{
	background-image: url(../img/Path3.png);
	background-size:contain;
}

.b3{
	background-image: url(../img/Path2.png);
	background-size:contain;
}

.b4{
	background-image:url(../img/Path1.png);
	background-size:contain;
}

*/

.b1, .b2, .b3, .b4 {
    display: inline-block;
    border: 1px solid gray !important;
    border-radius: 50%;
    padding: 5px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    margin-left: 5px;
}
	
	.b1:hover,.b1locked
	{
		display: inline-block;
		border:4px solid #F95532 !important;
		border-radius:50%;
		padding:5px;
		width:30px;
		height:30px;
		background-color: #F95532;
		
	}
	
	.b2:hover,.b2locked
	{
		display: inline-block;
		border:4px solid #F95532 !important;
		border-radius:50%;
		padding:5px;
		width:30px;
		height:30px;
		background-color: #F95532;
		
	}
	.b3:hover,.b3locked
	{
		display: inline-block;
		border:4px solid #F95532 !important;
		border-radius:50%;
		padding:5px;
		width:30px;
		height:30px;
		background-color: #F95532;
		
	}
	.b4:hover,.b4locked
	{
		display: inline-block;
		border:4px solid #F95532 !important;
		border-radius:50%;
		padding:5px;
		width:30px;
		height:30px;
		background-color: #F95532;
		
	}
		.prime{
		display:block;
	}
	.nonprime{
		display:none;
	}
	
	.questions
	{
		
		
		
	}
.hfonts{
	font-family:Gotham medium;
	font-size:12px;
}
.slider-demo {
  width: 500px;
  height: 300px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  margin-bottom: 100px;
}

.slider-demo ul {
  list-style: outside none;
  width: 10000%;
  position: relative;
  top: 0;
  right: 0;
  transition: all 0.6s ease;
  padding: 0;
  margin: 0;
}

.slider-demo li { float: left; }

.slider-demo {
  background-color: #22c3bc;
  width: 500px;
  height: 300px;
  text-align: center;
  line-height: 300px;
  font-size: 50px;
  color: #fff;
}
#waiter
  {
	  width:100%;
	  display:none;
	  height:100%;
	  position:fixed;
	  top:0px;
	  left:0px;
	  background-color:rgba(204,204,204,0.7);
	  z-index:15;
  }
  .iwait{
	  top:40%;
	  position:absolute;
	  left:40%;
  }
  .library{
	  font-size:48px;
	  font-weight:bold;
	  color:#FFFFFF;
  }
  .hr{
	  font-family: Gotham Bold;
	  font-size:36px;
	  font-weight:bold;
	  color: #5B6C5D;
  }
  
  .loveride{
	  color:#5B6C5D !important;
	  text-decoration:none !important;
	  cursor:pointer;
	  
  }
  .loveride:hover{
	  color:#5B6C5D !important;
	  text-decoration: underline!important;
	  cursor:pointer;
	  
  }
  .ex{
	  background-color:rgba(0,0,0,0.1); 
	  color: #FFFFFF;
	  height:20px;
	  width:20px;
	  display:inline-block;
	  margin-left:5px;
	  
	border:0px #FFFFFF solid;
	cursor:pointer;
	border-radius:5px;

  }

.hpin{
	width:max-content;
	height:40px;
	position:absolute;
	top:10px;
	left:10px;
	padding-top:5px;
	font-size:18px;
	font-weight:bold;
	border-radius:10px;
	color:rgba(255,255,255,1);
}
  
.thinker{
	background-color:rgba(0,153,51,1);/*green*/
}
.helper{
	background-color:rgba(51,102,204,1);/*blue*/
}
.planner{
	background-color:rgba(255,153,51,1);/*gold*/
}
.doer{
	background-color:rgba(255,51,0,1);/*orange*/
}

.mininavs
{
	width:15px;
	height:15px;
	border:1px  #CCCCCC solid;
	margin-left:5px;
	border-radius:05px;
	display:inline-block;
	padding:2px;
	background-color:rgba(204,204,204,1);
		
	
}
.mininavs:hover,.mininav2
{
	background-color: rgba(255,0,0,1);
	border:1px #FF0000 solid;
	color:rgba(255,255,255,1);
	cursor:pointer;	
}
.hhead
{
	font-size:28px;
	font-weight:900;
	font-family:Gotham Bold;
	color: #F95532  !important;
	
}


.cards
{
	
	border:1px #5B6C5D solid;
	border-radius:20px;
	margin-left:10px;
	margin-bottom:20px;
	
	
	
}
.next_step{
	width:150px;
	height:50px;
	color:rgba(255,255,255,1);
	background-color:#F54B2A;
	border:1px #F54B2A solid;
	border-radius:00px !important;
	-webkit-border-radius:30px;
	
	
	
}
.qhs{
	
	font-family: Gotham light !important;
	font-weight: bold;
}

 	.mkebe {
	width: max-content!important;
	padding-top: 10px;
	padding-right: 15px;
	overflow:hidden;
	display: inline-block;
	/* [disabled]overflow:hidden; */
		}
		
		.whead{
			font-family:Gotham medium;
			color:rgba(255,255,255,1);
			font-size:24px;
			
		}
		.shade{
			background-image:url(../img/Rectangle%20323.png);
			background-size:contain;
		}
		.imscroller {
		font-family:Gotham light;
			color:rgba(255,255,255,1);
			position:relative;
			top:80%;
}
.clogo{
	margin-left:50px;
	margin-top:50px !important;
	line-height:100px;
}
.footer{
	/*background-image:url(../img/rawpixel-567016-unsplash.png); */
	}
.fcontainer{
	/*background-image:url(../img/Rectangle%201140@2x.png);*/
	background-color:rgb(223, 49, 44,0.8);
	min-height:150px !important;
	}

.llinks{
	font-family:Gotham Bold;
	color:rgba(255,255,255,1) !important;
	text-decoration:none;
	
}

.cover, .mainpoint {
	width: max-content!important;
	overflow:hidden;
	display: inline-block !important;
	/* [disabled]overflow:hidden; */
		}
		
		.rail{
			position: relative; 
			float:left;
			max-height:max-content;
			margin-left:2px;
		}
			.rail1 {
			float:left;
		
		}

.maincover
{
	width:100%;
	overflow:hidden;
	
}
.testimonial{
	 position: relative; 
			float:left;
			margin-left:10px;
			margin-bottom:20px;
			margin-top:20px;
			width:315px;
			height:451px;
	background-color:rgba(255,255,255,1) !important;
	color:rgba(0,0,0,1) !important;
	border:1px #CCCCCC solid;
	margin-right:10px;
	  box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
	  
	 
}
.testimonial2{
	 position: relative; 
			float:left;
			margin-left:0px;
			margin-bottom:20px;
			margin-top:20px;
			background-color:rgba(0,0,0,1);
			color:rgba(255,255,255,1) !important;
			
			height:451px;
	/*background-color:rgba(255,255,255,1) !important;
	color:rgba(0,0,0,1) !important;*/
	border:1px #CCCCCC solid;
	margin-right:10px;
	  box-shadow:  0 0 10px  rgba(0,0,0,0.6);
      -moz-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -webkit-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
      -o-box-shadow: 0 0 10px  rgba(0,0,0,0.6);
	  
	 
}
#mainstretch
{
	overflow:hidden; 
}
.nh
{
	background-size:contain;
	background-repeat:no-repeat;
}
.tround
{
	display:inline-block;
	width:20px;
	height:20px;
	color:rgba(255,255,255,1);
	background-color:#F54B2A;
	border-radius:50%;
	margin-left:10px;
	
	
}
.ofonts
{
	font-family:Gotham bold;
	font-size:14px !important;
	color:rgba(102,102,102,1);
	
}
.lround{
	background-color:rgba(255,102,51,1);
	border-radius:10px;
	border:1px solid rgba(255,255,255,1);
}
.sb1,.sb2 {
	
}
.sb1{
background-color: rgba(0,102,255,1);
}
.sb2{
background-color: rgba(255,51,51,1);	
}
.sb1,.sb2
{
	border:0px #FFFFFF solid;
	border-radius:00px 00px 10px 10px;
	color:rgba(255,255,255,1);
	border-top:none;
	cursor:pointer;
}

.sb3
{
	padding:10px;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 10px 10px;
	background-color: rgba(0,153,102,1);
	color:rgba(255,255,255,1);
	font-size:14px;
	cursor:pointer;	
}

.sb4
{
	padding:10px;
	padding-top:5px;
	border:0px #FFFFFF solid;
	border-radius:00px 00px 10px 10px;
	background-color: rgba(0,153,153,1);
	color:rgba(255,255,255,1);
	font-size:14px;
	cursor:pointer;
	float:right;	
}


.boxed
{
	padding:10px;
	border:1px #ed3510 solid;
	border-radius:20px;
	color: rgba(255,255,255,1);
	background-color: #ed3510;
	font-size:16px;
	cursor:pointer;
	margin-top:5px;	
}
#filter_bar
{
	display:none;
	
	border:2px solid rgba(102,102,102,1);
	border-left:none;
	border-top:5px solid rgba(102,102,102,1);
	border-right:none;
	
}
.filtab
{
	display:none;	
}
.atab
{
	display:block !important;
}

.college {
	border:1px  rgba(102,204,255,0.3) solid;
	border-radius:05px;
	padding:20px;
	color: #000000;
/*	color:rgba(0,102,153,1);*/
	
	
	
	
}

.college_even{
	background-color: rgba(102,204,255,0.3);
		border:0px #CCC solid;
		font-family:"Montserrat", sans-serif;
	
	
}

.college_odd{
	background-color: rgba(255,255,255,0.3);
	font-family:"Montserrat", sans-serif;
	
}
.see_college
{
	color:rgba(255,255,255,1);
	padding:3px;
	display:inline-block;
	background-color:rgba(51,51,51,1);
	border-radius:10px;
	font-size:12px;
	cursor:pointer;
	max-width:130px;
	
}
/* coursetip container */
.jc {
  position: relative;
  display: inline-block;
}
.jcc{
	display:none;
}
.coursetip {
  position: relative;
  display: inline-block;
  cursor:pointer;
  border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
}

/* coursetip text */
.coursetip .coursetiptext {
  visibility: hidden;
  width: max-content;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 5px 0;
  border-radius: 6px;
 
  /* Position the coursetip text - see examples below! */
  position: absolute;
  z-index: 1;
}

/* Show the coursetip text when you mouse over the coursetip container */
.coursetip:hover .coursetiptext {
  visibility: visible;
}

.hand{
	
	
	
}
.hand:hover{
	font-size:24px;
	cursor:pointer;
	
	
	
}
fieldset {
  min-width: 0;
  padding: 10px;
  margin: 3px;
  border: thin  solid #333;
  border-radius: 10px;
  background-color:rgba(255,255,255,0.9)
}

legend
{
	font-family: garamond;
	font-weight:lighter;	
}

.lhalf{
	background-color:rgba(204,0,0,1);
	color:rgba(255,255,255,1);
	border-radius:00px 10px 10px 00px;
}

.fhalf{
	background-color: rgba(102,102,102,1);
	color:rgba(255,255,255,1);
	border-radius: 10px  00px 00px 10px ;
}
.ferror
{
	border:2px solid rgba(255,0,0,1);
    animation: blink 1s;
    animation-iteration-count: 3;
}
.savesearchicon
{
	border:1px rgba(0,0,0,1) solid;
	padding:5px;
	border-radius:10px; 
	
	
}

.mt1
{
	font:"Montserrat", sans-serif;
	color:rgba(255,102,0,1);
	font-size:26px;
	font-weight:bold;
	
	
}
.mt2
{
	font:"Montserrat", sans-serif;
	color: rgba(153,153,153,1);
	font-size:26px;
	font-weight:bold;
	
	
}
.miniparagraph
{
	font-size:13px;	
	
}
.afavourite
{
	padding:5px;
	font-size:12px;
	border:0px #FFFFFF solid;
	background-color:rgba(255,0,153,1);
	color:rgba(255,255,255,1);
	margin-top:2px;
	margin-bottom:2px;
	border-radius:10px;
	cursor:pointer;
	z-index:20;
	display:inline-block;
	
}
.rfavourite
{
		padding:5px;
	font-size:12px;
	border:0px #FFFFFF solid;
	background-color: rgba(153,153,153,1);
	color:rgba(255,255,255,1);
	margin-top:2px;
	margin-bottom:2px;
	border-radius:10px;
	cursor:pointer;
	display:inline-block;
	
}

.career_capsule
{
	font-size:12px;
	color: #FFF;
	background-color:rgba(255,0,0,1);
	padding:6px;
	border-radius:10px 10px 10px 10px;
	border:1px solid rgba(255,0,0,1);
}
.talent_capsule
{
	font-size:12px;
	color: #FFF;
	background-color: rgba(204,0,204,1);
	padding:3px;
	border-radius:10px 00px 00px 10px;
	border:1px solid  rgba(204,0,204,1);
}
.talent_capsule2
{
		font-size:12px;
	color: rgba(51,51,51,1);
	background-color:rgba(255,255,255,1);
	border:1px solid rgba(204,0,204,1);
	padding:3px;
	padding-right:5px;
	border-radius:00px 10px 10px 00px;
}
.career_capsule2
{
	font-size:12px;
	color: rgba(51,51,51,1);
	background-color:rgba(255,255,255,1);
	border:1px solid rgba(255,0,0,1);
	padding:3px;
	padding-right:5px;
	border-radius:00px 10px 10px 00px;
}
.full_capsule
{
	margin-left:5px;
	display:inline-block;
	
	
}
.active_comp
{
	border:2px solid rgba(204,204,204,1);

    animation: blink 3s;
    animation-iteration-count: infinite;
}
@keyframes blink { 50% { border-color:rgba(255,204,51,1) ; background-color:rgba(255,204,51,1);}  }

#comp_house{ z-index:30; }

.sh1{
	background-color:#eff1f2;
	border:1px solid rgba(255,255,255,0.2);
	border-radius:20px;
	font-family:"Montserrat", sans-serif;
	/*box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;*/
}
.sh1 {
	background-color: #eff1f2;
	border: 1px solid rgba(255,255,255,0.2);
	border-radius: 20px;
	font-family: "Montserrat", sans-serif;
	/* box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px; */
}
.comp_rows{
	border-bottom:1px solid rgba(204,204,204,0.3);
	min-height:40px;
	padding:5px;
	
}
.comp_col{
	background-color:rgba(153,204,204,0.1);
	border-radius:05px;
}
.ctitles
{
	font-size:20px;
	color:#e11818;	
}
.stitles
{
	font-size:14px; font-family: "Montserrat", sans-serif;
	/*color: rgba(102,102,102,1);*/
	/*font-style:italic;*/
	font-weight:500;

}
.sfigures
{
	font-size:24px; font-family: "Montserrat", sans-serif;
	/*color: rgba(255,0,0,1);*/
	font-weight:800;

}
.scerts
{
	font-size:14px; font-family: "Montserrat", sans-serif;
	color: rgba(51,51,51,1);
	font-weight: bolder;

}
.cnavbtn
{
	
	float:left;
	margin-right:2px !important;
	margin-bottom:1px;	
}
.btns
{
	background-color:rgba(255,255,255,1) !important;
	border:1px solid rgba(204,204,204,1);
	border-radius:5px;
	color:rgba(51,51,51,1);
	font:"Montserrat", sans-serif;
}
.btns_active,.btns:hover
{
	border:1px solid rgba(255,0,0,1);
	background-color: rgba(255,0,0,1) !important;
	color:rgba(255,255,255,1);
	border-radius:5px;
}
.itab:hover, .itemactive{
	background-color:#ed3510;
	color:rgba(255,255,255,1);
	border:3px solid rgba(102,102,102,1) !important;
	border-left:none !important;
	border-right:none !important;
	
	
}
.nbtn:hover,.nbtnactive
{
	background-color:rgba(102,102,102,1);
	color:rgba(255,255,255,1) !important;
	
	
}
.ascdescactive
{
	color:rgba(0,153,51,1);
	cursor:pointer;
	
	
}
.ascdescinactive
{
	color:rgba(204,204,204,1);
	cursor: pointer;
	
}
.vhighlight
{
	border:1px solid rgba(204,204,204,1);
    animation: blink 1s;
    animation-iteration-count: 3;
}