@charset "utf-8";
/* CSS Document */


	
h3 {font-family: 'Figtree', sans-serif; color:#000; line-height:1.2em; font-weight:900; font-size:42px; margin-bottom:20px; text-shadow: 1px 1px #0f153e;}

h2 {font-family: 'Figtree', sans-serif; line-height:1.5em; font-weight:300; font-size:20px; margin-bottom:20px;}


	h5 {font-family: 'Figtree', sans-serif;color:#0f153e; line-height:1.3em; font-weight:900; font-size:40px; margin-bottom:20px;} 
	
h4  {font-family: 'Figtree', sans-serif;  font-weight:900; font-size:24px; color: #0f153e; margin-bottom:30px;  line-height:1.2em; }


	p, h1 {font-family: 'Figtree', sans-serif; font-size: 17px; color:#000; font-weight:300; line-height:1.5em; }

li {font-family: 'Figtree', sans-serif; font-size: 18px; color:#000; font-weight:300; line-height: 1.7em;}

.larger {font-size:24px; font-weight:500;}
.source {font-size:16px; color:#000; font-family:'Figtree', sans-serif;  font-weight: 600; line-height: 1.3em;}
.footer {font-size: 15px;}
.orange {color: #f26725;}
.row {margin-left:0px; margin-right:0px;}

.icon {width:75%;}
.icon:hover {opacity: 80%;}
.course:hover {opacity:80%;}

.nav-link  {color:#fff!important;   font-size:15px !important; font-weight:600; text-align: center !important;  font-family: 'oswald' !important; text-transform: uppercase;}  

.navbar-toggler {color:#000 !important;}
.nav-item {line-height:1.3em !important;  margin-right:20px; }

a.nav-link:hover {color: #f26725 !important;}
a.button:hover {text-decoration: none !important;}
.buttonlink  {color:#fff !important; font-size:18px !important; padding:10px; text-align:left !important; font-family:montserrat;}
.login {color: #0f153e; font-weight:600; font-size:20px; font-family: 'oswald';}
.login:hover {text-decoration:none; color:#f26725;}
.caption {font-size:15px; padding:10px; line-height:1.3em; text-align: left;}


.reach {display: grid;
  grid-template-columns:22% 22% 22% 22%;

  justify-content: center;
gap:30px;
text-align:center;
}
.reach div {
	align-content: center;
	padding:20px;
border:1px solid #fff;
border-radius:45px;}

.stat:hover {background-color:#f0f0f0;}
.stat p {color: #fff;}
.stat:hover p {color: #0f153e;}


.containers2 p {margin-bottom: 10px; font-size:1rem;}
.title {margin-top:20px; margin-bottom:20px; color:#0f153e; font-weight:800; }



.carousel-control-prev-icon {filter: invert(0%); background-size:100%;}
.carousel-control-next-icon {filter: invert(0%); background-size:100%;}
.carousel-control-prev {background-color:transparent; border:0px;}
.carousel-control-next {background-color:transparent; border:0px;}

.carousel-control-prev {
	margin-left: -35px;  
}

.carousel-control-next {
  margin-right: -35px;   
}

 .carousel-indicators [data-bs-target] { filter: invert(0%); border-top:0px !important; border-bottom:0px !important; height:15px !important; width:15px !important; border-radius:50% !important; margin-top:40px; margin-right:20px; box-shadow: none;}


.intro {background-image:url(hexagon.png); background-repeat: no-repeat; background-position: top right; } 
.hero {width:100%;}
.slide { padding: 20px;}
.slidetext {font-size:16px;}
.slide img {width:100%;  }
.nav-link {text-align:right;}
.btn:hover  {background-color: #d7ac4b;}
.btn-danger:hover, .btn-danger:active   {background-color: #f26725  !important;}
.btn-danger {background-color: #0f153e; font-family: 'oswald';}
.btn-danger2 {background-color: #0f153e; font-family: 'oswald';}
.btn-danger2:hover   {color: #f26725  !important; background-color:#0f153e;}
.btn-orange {color: #0f153e; background-color: #f26725; font-family: 'oswald'; border-radius:45px;}
.btn-orange:hover, .btn-danger:active   {color: #fff; background-color: #f26725  !important;}
.btn {border-radius:45px;}





a {color:#f26725; font-weight:500;}
a:hover {color:#020d64;}
.quote::before {
		content: "";
		width: 20%;
		height: 10px;
		background: #f26725;
	display:block;
		margin: 0 10px 20px 0;
	}


.card {background-color: #f0f0f0; border:0px;}
.video-container{overflow:hidden;position:relative;width:100%}.video-container:after{padding-top:56.25%;display:block;content:''}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;}


.quote2::before {
content: '\201C';
background: transparent;
position:relative;
top:30px;
left:-10px;
float:left;
color: #f3c000;
font-size: 200px;
z-index: 9;
font-family:georgia;}


header {
  position: relative;
  height: 65vh;
  min-height: 40rem;
  width: 100%;
  overflow: hidden;
}

header video {
  position: absolute;
  top: 50%;
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
  -ms-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

header .container {
  position: relative;
  z-index: 3;
}

header .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
 
 background-color: #f26725 ;
 opacity: 0.7; /* Standard compliant browsers */
   -moz-opacity: 0.7; /* Firefox and Mozilla browsers */
   -webkit-opacity: 0.7; /* WebKit browser e.g. Safari */
   filter: alpha(opacity=70); /* For IE8 and earlier */
  z-index: 1;
}




/* 
 ##Device = Low Resolution Tablets, Mobiles (Landscape)
 ##Screen = B/w 481px to 767px
*/
	/* Media Query for devices withi coarse pointers and no hover functionality */

/* This will use a fallback image instead of a video for devices that commonly do not support the HTML5 video element */

@media (min-width: 768px) and (max-width: 2000px) {
		
		
			
			.mobile {display:none;}
	.floater {float:right; width:40%;}
	.bubble { display: flex; flex-direction: row-reverse ;}
		}



	@media (min-width: 481px) and (max-width: 767px) {
		.reach {grid-template-columns: 45% 45%;}
		
			.hero {width:100%;}

			h2 {font-size:22px;}
		h3 {font-size:32px; margin-top:40px;}
			h4 {font-size:20px;}
			.desktop {display:none;}
			.rounded-circle {width:50%;}
		.footer {text-align:center;}
				.btn-danger .btn-orange {font-size:15px; }
	.floater {float:none; width:100%; padding:20px;}
		.heading {text-align:center;}
		.heroimage {display:none;}
		.footerlogo {width:50%;}
			p, .regular {font-size:16px;}
		.logo {width:100%;}
		.herobutton {display:none;}
				.carousel-control-prev {
	margin-left: -20px;  margin-bottom:10%;
}

.carousel-control-next {
  margin-right: -20px;   margin-bottom:10%;
}
		
		.carousel-control-next-icon {width:20px; height:20px;}
		.carousel-control-prev-icon {width:20px; height:20px;}
		}
	
	/* 
 ##Device = Most of the Smartphones Mobiles (Portrait)
 ##Screen = B/w 320px to 479px
*/
	
	@media (min-width: 0px) and (max-width: 480px) {
	.reach {grid-template-columns: 45% 45%;}

		
	.desktop {display:none;}
		.hero {width:100%;}
	
			h2 {font-size:22px;}
		h3 {font-size:32px;}
			h4 {font-size:20px;}
		.floater {float:none; width:100%; padding:20px;}
		.footer {text-align:center;}
		.rounded-circle {width:50%; }
		.heading {text-align:center;}
		.heroimage {display:none;}
		.logo {width:100% !important;}
		.footerlogo {width:40%}
		.btn-danger .btn-orange {font-size:15px; }
		.herobutton {display:none;}
		.login {font-size:14px;}
		p, li, .regular {font-size:16px;}
		
		.carousel-control-prev {
	margin-left: -25px;  margin-bottom:10%;
}

.carousel-control-next {
  margin-right: -25px;   margin-bottom:10%;
}
		
		.carousel-control-next-icon {width:20px; height:20px;}
		.carousel-control-prev-icon {width:20px; height:20px;}
	}