@charset "UTF-8";
/* CSS Document */
html {
    scroll-behavior: smooth;
}
body{
    font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif!important;
	font-size:14px!important;
}

#back_top {
	display: none !important;
}

@media (min-width: 768px){
    #mp-pusher{
        transform: none!important;
        -webkit-transform: none !important;
        -ms-transform: none !important;
        -o-transform: none !important;
    }
}
.mp-pusher-transform-fix{
	transform: none!important;
	-webkit-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
}
#page-content{
	margin:0!important;
	max-width: 100vw!important;
	padding-top:0!important;
}
#page-content ul.breadcrumb{
	display:none;
}
@media (min-width: 1200px){
	.container {
		max-width: 1280px;
		padding:0 10px;
	}
}
@media (max-width: 991px){
	#page-content {
		padding-left: 0;
		padding-right: 0;
	}

	h1 {
		text-align: center !important;
		padding:0 !important;
	}

	h2 {
		text-align: center !important;
		padding:0 !important;
	}
}


.btn{
	display:inline-block;
	height:40px!important;
	line-height:36px!important;
	border: 1px solid #ccc;
	border-radius: 4px;
	padding:0 1.25em!important;
	text-decoration: none;
	text-transform: uppercase;
	color:#1b2935;
	background-color:#fff;
    font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif!important;
	font-weight:normal!important;
	font-size: 1em!important;
	text-align:center;
	margin-bottom:4px;
	transition: all .3s;
}
.btn:hover{
	border: 1px solid #999;
	text-decoration: none;
	background-color:#e9e9e9;
	color:#000;
}
.btn.primary-button{
	border:1px solid #1b2935;
	background-color:#1b2935;
	color:#fff;
}
.btn.primary-button:hover{
	border:1px solid #1b2935;
	color:#16FFFB!important;
}
.btn.secondary-button{
	border:1px solid #555;
	background-color:transparent;
	color:#555;
}
.btn.secondary-button:hover{
	border:1px solid #1b2935;
	color:#1b2935!important;
}
.btn.hightlighted-button{
	border:2px solid #16FFFB!important;
	background-color:transparent!important;
	color:#16FFFB!important;
}
.btn.hightlighted-button:hover{
	border:2px solid #16FFFB!important;
	color:#16FFFB!important;
	background-color:rgba(22,255,251,.25)!important;
}
@media (max-width: 768px){
	.btn{
		width:100%;
	}
	.btn-wrap{
		height: auto !important;
    	line-height: 1.2em!important;
    	padding: 1em 1.5em!important;
    	white-space: normal!important;
	}
}
strong,b,h1,h2,h3,h4,h5{
  font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
}
a,.teal{
	color:#1D6B70;
}
a:hover{
	text-decoration: none;
	color:#309299;
}
#page-content .form-group{
	padding:0;
}

#digital {
	background-color: #1D6B70;
	color: #ffffff;
	font-family: 'Inter';
}

#digital p {
    font-size: 28px;
}

#digital h3 {
	font-family: 'Inter', serif;
	font-size: 40px;
    color: #16fffb;
}

#workshops p, #workshops ul li {
	font-size: 19px;
}

/*Youtube container*/
.embed-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
	margin-bottom:1em;
}
.embed-container iframe, .embed-container object, .embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }

/*Top banner*/
.top-banner{
	/* background-image:url('/assets/application/img/education/header.jpg'); */
	background-size:cover;
	background-position: center center;
	background-image:url('/assets/application/img/education/header.jpg');
	text-align: center;
	font-size:1.3em;
	color:#ffffff;
	padding:3em 0;
}
.top-banner h1{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	color:#16FFFB;
	font-size:3em;
	line-height:1.2em;
	margin-top:.25em;
	text-align: right;
	padding-right: 0.5em;
}

.top-banner h1 .outline {
	text-shadow: -1px -1px 0 #16fffb, 1px -1px 0 #16fffb, -1px 1px 0 #16fffb, 1px 1px 0 #16fffb;
	color: rgba(0,0,0,.9);
}

.top-banner h2 {
	color: #ffffff;
	font-size:3em;
	line-height:1.2em;
	margin-top:.25em;
	text-align: left;
	padding-left: 1em;
}

#header-text p {
   font-size: 30px;
}

.top-banner .top-col {
	padding: 2em 0;
	font-size: .85em;
}

@media (min-width: 992px){

	.top-banner h2 {
		border-left: 2px solid #16fffb;
	}

}

@media (min-width: 768px){
	.top-banner .top-col .col-md-4{
		border-right:1px solid #16FFFB;
		padding-top:0;
		padding-bottom:0;
	}
	.top-banner .top-col .col-md-4:last-child{
		border-right:none;
	}
}
.top-banner .top-col .col-md-4{
	text-align: center;
	padding-top:1em;
	padding-bottom:1em;
}
.top-banner .top-bottom{
	background-color:rgba(27,41,53,.65);
	text-align: left;
	padding:2em 0 1.5em;
	font-size: .8em;
}
.top-banner .top-bottom .potrait{
	border-radius: 50%;
	border:2px solid #16FFFB;
	margin-top:-25%;
	overflow: hidden;
}
.top-banner .top-bottom h3{
	text-transform: uppercase;
	margin-bottom:0;
	font-size: 1.25em;
}

@media (max-width: 767.98px){
	.top-banner h1{
		font-size:3em;
		margin-top:.25em;
	}

	.top-banner h2 {
		font-size: 3em;
		margin-top: 0.25em;
	}

	.top-banner .top-bottom{
		text-align: center;
		padding:2em 0;
	}
	.top-banner .top-bottom .potrait{
		margin:1.5em auto;
		width:120px;
	}
	.top-banner .top-bottom .container>.row{
		padding-bottom:0;
	}
	.top-banner .top-bottom .container>.row>div{
		padding-bottom:1em;
	}

    .top-bottom .potrait-first {
        margin-top: 0px !important;
    }
}
/*Top banner*/

/*Article list*/
.article-date{
	font-size:.8em;
	color:#fff;
	margin-bottom:.25em;
}
.article-title{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:1.05em;
	line-height:1.3em;
	margin-bottom:.25em;
}
.article-des{
  	color:#394242;
	margin-bottom:.25em;
	line-height:1.35em;
}
.article-tag{
  	color:#394242;
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:.9em;
	margin-bottom:.5em;
	margin-top:1em;
}
.article-tag span{
  	padding-right:2em;
}
.article-more{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
}

/*top article*/
.top-article{
	background-color:#1b2935;
}
.top-article a{
	color:#16FFFB;
}
.article-des{
  	color:#fff;
}
/*top article*/

/*top nav*/
.inpage-nav{
	background-color: #1D6B70;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	height:50px;
	padding:6px 0;
	line-height:32px;
	text-align: center;
	text-transform: uppercase;
	overflow: hidden;
}
@media (max-width: 768px){
	.inpage-nav{
		display:none;
	}
}
.inpage-nav a{
	display:inline-block;
	padding:0 10px;
	height:36px;
	border-radius: 20px;
	color:#fff;
	margin-right:0;
}
.inpage-nav.fr a{
	padding:0 4px;
	font-size:.7em;
}

.inpage-nav a.active {
	color: #16fffb;
	font-weight: bold;
	text-decoration:none;
}

.inpage-nav a:hover{
	/* background-color:#ddd; */
	color: #16fffb;
	font-weight: bold;
	text-decoration:none;
}
.inpage-nav a.current,.inpage-nav a.current:hover{
	color:#fff!important;
	background:#1D6B70;
	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
}
.inpage-nav.stay{
	position: fixed;
	left:0;
	top:0;
	width:100%;
    z-index:5000;
    box-shadow: 0 2px 3px 2px rgba(0,0,0,.2);
}
/*top nav*/

/*Section general*/
section{
	padding-top:3em;
	padding-bottom:3em;
}
section .section-header{
	text-align: center;
	padding-bottom:1em;
}
section .section-header span{
	text-align: center;
	display:block;
	width:48px;
	height:48px;
	border:2px solid #1d6b70;
	border-radius: 24px;
	line-height:44px;
	font-size:30px;
	margin:0 auto .5em;
	color:#2f3838;
}
section .section-header.dark span{
	border:2px solid #16FFFB;
	color:#fff;
}
section .section-header h2{
	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	margin-bottom: 0;
	/* display:inline-block; */
}
/* section .section-header h2:after{
	height: 1px;
	display: block;
	margin-top:.25em;
	background: #1d6b70;
	border-right: 1px white;
	content: '';
} */
section .section-header.dark h2:after{
	background: #16FFFB;
}
section .section-header h5{
	color:#1b2935;
	margin-bottom:.1em;
}
section .section-header.dark h5{
	color: rgba(255,255,255,.65);
}

#mentorship p {
 font-size: 19px;
}

#mentorship img, #workshops img {
	max-width: 150px;
	border: 4px solid #1D6B70;
	border-radius: 120px;
}

.program-title {
    font-weight: bold;
	font-size: 18px !important;
	font-family: 'Inter', serif;
	margin-top: -10px;
	height: 54px;
	text-align: center;
}

.program-button {
	color: #1D6B70;
	font-weight: bold;
	font-size: 18px !important;
	margin-top: -15px;
	margin-right: 24px;
	text-align: center;
}

@media (max-width: 991px) and (min-width: 768px) {

	.program-button {
		margin-top: 30px !important;
	}

}

/* Fix for Text Overflow for large heading */
@media (max-width: 1200px) and (min-width: 576px) {

	.large-text-fix {
		font-size: 14px !important;
	}

}

.program-button:before {
	content: '❯';
	margin-right: 0.5em;
	font-size: 25px;
}

.program-button a {
   vertical-align: text-bottom;
}

#additional {
	background-color: #1D6B70;
	color: #ffffff;
}

#additional .program-title a {
	color: #16fffb;
	text-align: center;
}

.program-box-button {
	color: #000000;
	border: 4px solid #1D6B70;
	font-weight: bold;
	font-size: 18px !important;
	margin-top: 10px;
	text-align: center;
	display: inline-block;
	padding: 5px 15px;
}

@media (max-width: 991px) and (min-width: 768px) {
	.program-box-button {
		margin-top: 20px !important;
	}
}

#additional img {
	max-width: 150px;
	border: 4px solid #16fffb;
	border-radius: 120px;
}

#additional .program-text {
	padding: 0px 12px;
}

#mentorship img {
	width: 137px;
	height: 129px;
}

#workshops img, #additional img  {
	width: 137px;
	height: 137px;
}

@media (max-width: 768px){
	#workshops .program-title {
		min-height: 100px;
	}
}

@media (min-width: 992px) {
	#modal .modal-dialog {
		width: 1000px;
		max-width: 90%;
		margin: -4.25rem auto;
	}

	#modal iframe {
		width: 100%;
		height: 700px;
	}
}

@media (max-width: 991px) and (min-width: 768px) {
	#modal .modal-dialog {
		width: 1000px;
		max-width: 90%;
		margin: -4.25rem auto;
	}

	#modal iframe {
		width: 100%;
		height: 600px;
	}
}

@media (max-width: 767px) {
	#modal .modal-dialog {
		width: 100%;
		max-width: 90%;
		margin: -1.25rem auto;
	}

	#modal iframe {
		width: 100%;
		height: 600px;
	}
}

.modal .close {
	font-size: 42px;
	right: 5px;
	top: -8px;
}

.modal-header {
    padding: 1rem 1rem 0 1rem;
}


/*Section general*/

/*Testimonials*/
#testimonials{
	background-color:#fff;
}
#testimonials .carousel-indicators{
	bottom:0;
}
#testimonials .carousel-indicators li{
	width:14px;
	height:14px;
	border-radius: 7px;
	margin-left:4px;
	margin-right:4px;
	background-color:#cad6dc;
	cursor: pointer;
}
#testimonials .carousel-indicators li.active{
	background-color:#1d6b70;
}
#testimonials .carousel-item{
	padding:2em 0 4em;
	text-align: center;
}
#testimonials .carousel-item .t-logo{
	margin:0 auto 1.5em;
	width:50%;
	max-width:200px;
}
#testimonials .carousel-item .t-ticker{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	margin-bottom:2em;
}
#testimonials .carousel-item .t-des{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:1.75em;
	margin-bottom:1.25em;
}
#testimonials .carousel-item .t-author{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	color:#1D6B70;
}
#testimonials .carousel-item .t-author span{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	color:#444;
	display:block;
	margin:.25em auto 1em;
	font-size:.8em;
}
/*Testimonials*/

/*Benefits*/
#benefits{
	background-color:#cad6dc;
}

#benefits ul{
	list-style:none;
	padding:0;
	font-size:1em;
}
#benefits ul li{
	padding-bottom:1.25em;
	padding-left:2.25em;
	position: relative;
}
#benefits ul li span{
	position:absolute;
	left:0;
	top:1px;
	font-size:.85em;
	color:#fff;
	background-color:#1d6b70;
	width:24px;
	height:24px;
	border-radius: 12px;
	line-height:22px;
	text-align: center;
}
#benefits .agree{
	font-size:.9em;
}
#benefits h3.teal{
	color:#1D6B70;
	background-color: transparent;
}
#benefits h3.teal small{
	font-size:11px;
}
#benefits h3.teal, #benefits ul h5{
	margin-bottom:0;
}
/*Benefits*/

/*Why Public*/
#why{
	background-color:#fff;
	color:#1b2935;
}
#why h1{
	color:#16FFFB;
}
/*Why Public*/

/*get listed*/

#listed {
    background-color: #1b2935;
    color: #fff;
}
#listed .section-header, #listed .section-header span, #listed .section-header h5{
	color:#fff;
}
#listed .section-header span{
	border-color:#16fffb;
}
#listed .nav-pills{
	margin-left:15%;
	margin-right:15%;
	margin-top:2em;
	margin-bottom:3em;
}
#listed .nav-pills .nav-link{
  	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
	padding:.4em .5em .6em;
	border-radius:1.2em;
}
#listed .nav-pills .nav-link.active, .nav-pills .show>.nav-link{
	background-color:#16fffb;
	color:#1b2935;
}
@media (max-width: 768px){
	#listed .nav-pills{
		margin-left:auto;
		margin-right:auto;
		margin-top:1em;
		margin-bottom:2em;
	}
}
#listed .tab-pane .banner{
	background-color:#1d6b70;
	padding:2em 2em 2em 16em;
	position: relative;
	color:#fff;
}
#listed .tab-pane .banner .image-holder{
	width:125px;
	position: absolute;
	left:5em;
	top:2em;
}
#listed .tab-pane .controls{
	padding:1em 2em 1em 16em;
}
@media (max-width: 768px){
	#listed .tab-pane .banner{
		padding:2em 2em 2em 11em;
	}
	#listed .tab-pane .banner .image-holder{
		width:100px;
		left:2em;
	}
	#listed .tab-pane .controls{
		padding:1em 0;
	}
}
/*get listed*/

/*Initiatives*/
#initiatives{
	background-color:#cad6dc;
	color:#1b2935;
}
.sector-thumbs{
	padding-top:2em;
}
.sector-thumbs .thumb-row{
	margin-bottom:4em;
}
@media (max-width: 768px){
	.sector-thumbs .thumb-row .btn{
		margin-bottom:1em;
	}
}
/*Initiatives*/

/*MIG*/
#mig{
	background-color:#1b2935;
	border-top:4px solid #16FFFB;
	color:#fff;
	text-align: center;
	font-size:1.25em;
}
#mig .col-md-4{
	border-right:1px solid rgba(255,255,255,.25);
}
#mig .col-md-4:last-child{
	border-right:0;
}
#mig .mig-icon{
	margin-bottom:1em;
	height:80px;
	color:#16FFFB;
}
#mig .mig-icon span{
	font-size:68px;
	margin-bottom:-1em;
}
#mig h1{
	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	margin:0 0 5px;
	color:#16FFFB;
	font-size:36px;
}
#mig h1 span{
	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	color:#fff;
}
#mig small{
	font-size:.75em;
	text-transform: uppercase;
}
@media (max-width: 768px){
	#mig .col-md-4{
		border-right:0;
		padding-bottom:4em;
	}
}

.report-row{
	padding-top:5em;
	color:#fff;
}
.report-row strong{
	color:#16FFFB;
}
.report-row .btn{
	color:#1b2935!important;
	border-color: #16FFFB!important;
	background-color: #16FFFB!important;
	margin-bottom:5px;
}
.report-row .btn:last-child{
	margin-bottom:5px!important;
}
.report-row .btn:hover{
	background-color: #64CCC9!important;
}
@media (max-width: 768px){
	.report-row{
		padding-top:0;
	}
}
/*MIG*/

/*Learn more about*/
#about{
	background-color:#fff;
	background-image:url("/assets/application/img/sectors/technology/learn-background.png");
	background-repeat: no-repeat;
	background-position: 50% 50%;;
	background-size: cover;
}
/*Learn more about*/

/*More info*/
#more{
	background-color:#cad6dc;
	text-align:center;
}
#more img{
	height:90px;
	margin-bottom:10px;
}
#more h4{
	margin-bottom:.25em;
	font-size: 1.25em;
}
#more p{
	font-size:14px;
	margin-top:0;
	margin-bottom:2.5em;
}
/*More info*/

/*additional*/
.additional-re{
	padding-bottom:0;
}
.additional-re h4{
	text-transform: uppercase;
}
.additional-re a{
	display:block;
	margin-bottom:.5em;
}
@media (max-width: 768px){
	.additional-re .col-md-8{
		padding-bottom:3em;
	}
}
/*additional*/

/*listed company*/

#listed-companies {
    background-color: #ffffff;
}
#listed-companies .carousel{
	width:100%;
	padding:0 8em 6em;
}
#listed-companies .carousel .carousel-indicators li{
	background-color:#ccc;
	width:12px;
	height:12px;
	border-radius: 6px;
	cursor: pointer;
}
#listed-companies .carousel .carousel-indicators .active{
	background-color:#1D6B70;
}
#listed-companies .carousel .carousel-item .logo-image{
	height:60px;
	margin-bottom:8px;
	padding:0 22px;
}
#listed-companies .carousel .carousel-item .logo-image img{
	max-height:60px;
}
#listed-companies .carousel-control-prev,#listed-companies .carousel-control-next{
	color:#ccc;
	font-size:5em;
}
#listed-companies .carousel-control-prev:hover,#listed-companies .carousel-control-next:hover{
	color:#333;
}

#v50-top {
    background-color: #1b2935;
    color: #fff;
}

#v50-bottom, #pdac-bottom {
    background-color: #64ccc9;
}

@media (max-width: 768px){
	.company-logo-row .company-logo-title{
		margin-bottom:2.75em;
	}
}

/*legend style*/
.legend{
	background-color: #1b2935;
    color: #fff;
	text-align: center;
}
section.dark{
	background-color: #1b2935;
    color: #fff;
}
.legend .section-header,.legend .section-header span {
	color:#fff;
}
.legend .section-header span{
	border-color:#16fffb;
}
.legend fieldset{
	text-align: center;
	border:4px solid #16fffb;
	padding:.5em 2em 2em;
	margin-top:1.5em!important;
}
.legend fieldset legend{
	font-family: 'Inter', Roboto, Arial, Helvetica, Verdana, sans-serif;
	font-size:3.5em;
	display:inline-block;
	width:auto;
	color:#16fffb;
	padding:0 .5em!important;
	margin:0;
}

.fr .legend fieldset legend{
    font-size:2.5em !important;
}

.legend fieldset legend small{
	font-size:.75em;
}
.legend .btn{
	border:1px solid #16fffb;
	background-color:#16fffb;
	color:#1b2935;
}
.legend .btn:hover{
	background-color:#64CCC9;
	color:#1b2935;
}


section.light{
	background-color: #fff;
    color: #1b2935;
}
.legend.light .section-header,.legend.light .section-header span {
	color:#1b2935;
}
.legend.light .section-header span {
	border-color:#1D6B70;
}
.legend.light fieldset{
	border:4px solid #1D6B70;
}
.legend.light fieldset legend{
	color:#1D6B70;
}
.legend.light .btn{
	border:1px solid #1D6B70;
	background-color:#1D6B70;
	color:#fff;
}
.legend.light .btn:hover{
	background-color:#1b2935;
	color:#fff;
}


section.teal{
	background-color: #1D6B70;
    color: #fff;
}
.legend.teal .section-header,.legend.teal .section-header span {
	color:#fff;
}
.legend.teal .section-header span{
	border-color:#16fffb;
}
.legend.teal .section-header h2:after{
	background: #16fffb;
}
.legend.teal fieldset{
	border:4px solid #16fffb;
}
.legend.teal fieldset legend{
	color:#16fffb;
}
@media (min-width: 768px){
	.en .legend fieldset h5{
		display:block;
		height:2.65em;
		margin-bottom: 0;
	}

    .fr .legend fieldset h5{
        display:block;
        height:3.65em;
        margin-bottom: 0;
    }
}


.legend.teal .btn{
	border:1px solid #16fffb;
	background-color:#16fffb;
	color:#1b2935;
}
.legend.teal .btn:hover{
	border:1px solid #1b2935;
	background-color:#1b2935;
	color:#fff;
}

/*modal fix*/
.modal{
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.75);
	padding:0;
}
.modal .modal-dialog{
	top:15%;
}
.modal-header{
	display:block;
}
.modal-header .close{
	right:25px;
}