@font-face {
    font-family: 'source_sans_proregular';
    src: url('../fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.font-sansregular {
	font-family: 'source_sans_proregular';
	font-weight: normal;
  }
@font-face {
    font-family: 'source_sans_probold';
    src: url('../fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
         url('../fonts/sourcesanspro-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.font-sansbold {
	font-family: 'source_sans_probold';
	font-weight: normal;
  }

@font-face {
    font-family: 'Noto Serif';
    src: url('../fonts/NotoSerif-Bold.eot');
    src: url('../fonts/NotoSerif-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NotoSerif-Bold.woff2') format('woff2'),
        url('../fonts/NotoSerif-Bold.woff') format('woff'),
        url('../fonts/NotoSerif-Bold.ttf') format('truetype'),
        url('../fonts/NotoSerif-Bold.svg#NotoSerif-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
.font-noto {
	font-family: 'Noto Serif';
	font-weight: bold;
  }

@font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat-Regular.eot');
    src: url('../fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Montserrat-Regular.woff2') format('woff2'),
        url('../fonts/Montserrat-Regular.woff') format('woff'),
        url('../fonts/Montserrat-Regular.ttf') format('truetype'),
        url('../fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}  


@font-face {
  font-family: 'Montserrat-Bold';
  src: url('../fonts/Montserrat-Bold.eot');
  src: url('../fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/Montserrat-Bold.woff2') format('woff2'),
      url('../fonts/Montserrat-Bold.woff') format('woff'),
      url('../fonts/Montserrat-Bold.ttf') format('truetype'),
      url('../fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
} 

.font-montserratbold {
	font-family: 'Montserrat-Bold' !important;
	font-weight: bold !important;
  }

html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
*, *:after, *:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html, body {
	height: 100%;
}

/* Reset ------------------------- */
body {font-family: 'source_sans_proregular'; font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; font-size:16px; color: #4a4a4a;}
a {	text-decoration: none; color: #0B2D74; cursor: pointer !important;outline: 0; -webkit-transition: all .35s;-moz-transition: all .35s; transition: all .35s;}
a:hover, a:focus {text-decoration: none;color:#FA4238;}
a:focus {outline: none;}
input:focus{outline: none;}
img {max-width: 100%;height: auto;-webkit-backface-visibility: hidden;}
p {	margin: 0 0 15px 0;}
ul, ol { margin: 0; padding: 0; list-style: none;}
h1, h2, h3, h4, h5, h6 {font-family: 'source_sans_probold'; font-style: normal; font-weight: normal;}

.btn {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	transition: all .2s;	
}
.bg-grey{background: #f2f2f2;}
.bg-white{ background: #ffffff;}
.bg-black{ background: #000000;}
.bg-red{ background: #951c25;}
.bg-blue{ background: #092c74;}
.coverbg{background:#000 no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}  
.text-white { color: #ffffff;}
.text-black { color: #000000 !important;}
.text-blue { color: #00165f;}
.text-lblue { color: #57b2e0;}
.text-red {color: #f13611;}
.text-underline{ text-decoration: underline;}
.text-underline:hover{ text-decoration: none;}
.default-link{ color: #007000;}
.default-link:hover{ color: #000;}

.border-radius-10{border-radius: 10px;}
.border-1{border:#ccc 1px solid}
.w-32{width: 32% !important;}
blockquote{position: relative;margin-top: 20px;margin-bottom: 10px;padding-left: 5px;padding-right: 5px; font-size: 0.9rem;}
blockquote::before{content: '\201C';color: #d9d4cd;position: absolute;top: -20px;left: 0px;font-family: Arial, sans-serif;font-size: 3rem;font-style: bold;}
blockquote::after{content: '\201D';color: #d9d4cd;position: absolute;bottom: -35px;right: 20px;font-family: Arial, sans-serif;font-size: 3rem;font-style: bold;}

/* Header ------------------------- */
.header-classic {background-color:#fff; border-bottom: 1px solid #ccc;
  -webkit-transition: all 0.5s ease;
  -moz-transition: position 10s;
  -ms-transition: position 10s;
  -o-transition: position 10s;
  transition: all 0.5s ease;}
/*.header-classic .navbar-brand img{ max-width:60%;}*/

.fixed-header { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; animation: smoothScroll 1s forwards;  
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.23);
       -moz-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.23);
            box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.23);}
@keyframes smoothScroll {
	0% {
		transform: translateY(-40px);
	}
	100% {
		transform: translateY(0px);
	}
}


.navbar-brand {	display: inline-block; margin-right: initial; line-height: inherit;	white-space: nowrap;}
.navbar-brand img { max-width:100%; height:100%;}
.fsp-logo{float: right;}
.sticky{position: fixed; left: 0; right: 0; width: 100%; z-index: 999; bottom: 0;}

header {background: rgba(255, 255, 255, 0.9); border-bottom: 1px solid #ccc; width: 100%; position: fixed; z-index: 10; top: 0px;}
header.large {/*height:60px; */background-color:#fff; border-bottom: 1px solid #ccc; background: rgba(255, 255, 255, 1); }
header.small {/*height:50px;*/}

/* Transitions */
header,nav,a,img {
	transition: .7s all;
	-moz-transition: .7s all;
	-webkit-transition: .7s all;
	-o-transition: .7s all;
}
	img.logo {
		height: 55px;
		padding: 5px 0;
	}
	img.logo-it {
		height: 60px;
	}
	img.logo-it.small {
		height: 45px;
	}
img.logo.large {height:55px;}
	img.logo.small {
		height: 45px;
		padding: 0;
	}

/* Section ------------------------- */
.section{ padding-top:120px; padding-bottom:30px;}
.section-bottom-half{ padding-bottom:50px;}
.section-bottom{ padding-bottom:0px;}
.section-title{position: relative;}
.section-title h1, .section-title h2, .section-title h3,.section-title h4, .section-title h5,.section-title h6{ margin-bottom: 0px;}
.section-title h1{font-size: 2rem;}
.section-heading {font-family: 'Noto Serif'; font-weight: bold; font-style: normal;}

.section-title-border {position: relative; z-index: 1;}
.section-title-border::after { content: ""; position: absolute; bottom: 8px; width: 100%; z-index: -1; border-bottom: 1px solid #ccc !important;}
.section-title-border span { background: #fff;}

/* Content ------------------------- */

/* Button ------------------------- */
.btn-default { font-weight:bold; display: inline-block; padding: 15px 30px 15px 30px; border-radius: 0px; transition: 0.5s; line-height: 1; color: #fff; -webkit-animation-delay: 0.8s; animation-delay: 0.8s; background: #951c25;}
.btn-default:hover { background: #444444; color: #fff;}

/* Section ------------------------- */
.text-light{font-family: 'source_sans_proregular'!important; font-weight: normal!important; font-style: normal!important;}

.features-listing{position: relative; color: #323232; margin-top: 1rem;}
.features-listing .title {font-family: 'Montserrat'; font-weight:800; font-style: normal; font-size:25px; line-height: 1; color: #ed3e39; margin-bottom: 0px;}
.features-listing .title-xl { font-size:50px; line-height: 1; margin-bottom: 0px;}
.features-listing .title small{font-size: 1rem;}
.features-listing .title a{color: #323232;}
.features-listing .title a:hover{color:#323232;}
.features-listing .info {line-height: 1.25; font-family: 'Montserrat'; color: #4a4a4a; font-size: 1rem;}
.features-listing .arrow-rgt{position: absolute; right: 0; width: 15%;}

.features-listing-separator li {border-right: 1px solid #ccc; padding-left: 20px;}
.features-listing-separator li:first-child { padding-left:0px; width: 55%; padding: 0;}
.features-listing-separator li:last-child {border-right: 0px solid #ccc; width: 45%;}

.events-carousel .owl-dots {text-align: center;}
.events-carousel .owl-dots button.owl-dot { width:10px; height:10px; border-radius: 50%; display: inline-block; background:#e8e8e8 !important; margin: 0 3px;}
.events-carousel .owl-dots button.owl-dot.active { background:#b9b0b0 !important;}
.events-carousel .owl-dots button.owl-dot:focus { outline: none;}

.events-common-carousel .owl-dots {text-align: center;}
.events-common-carousel .owl-dots button.owl-dot { width:10px; height:10px; border-radius: 50%; display: inline-block; background:#e8e8e8 !important; margin: 0 3px;}
.events-common-carousel .owl-dots button.owl-dot.active { background:#b9b0b0 !important;}
.events-common-carousel .owl-dots button.owl-dot:focus { outline: none;}

.highlights{position: relative; background-color: #f2f2f2; padding:1.5rem 1rem; border-radius:10px; border-bottom-left-radius:0px; border-bottom-right-radius:0px;}
.gen-ai-pathways{position: relative; padding:1.5rem 1rem;border: #ccc 1px solid; border-radius:10px;}
.gen-ai-pathways .logo{margin-top: -10%;}

.gen-ai-pathways .tech li {list-style: none;position: relative;padding-left: 2rem;}
.gen-ai-pathways .tech li::before {content: '';position: absolute; top: 0;left: 0;width: 20px;height: 20px;background: url('../images/icons/icon-li.png') no-repeat center center;background-size: contain;}
.gen-ai-pathways .tech li .info span{font-weight: 700; color: #57b2e0;}
.sessions-conducted{position: relative; background-color: #f2f2f2; padding:1.5rem 1rem; border-radius:10px; margin-top: 2rem;}

.highlights-planebg{position: relative; border:#ccc 1px solid; padding:1.5rem 1rem; border-radius:10px; font-family: 'Montserrat-Bold';}
.highlights-planebg img{max-height: 60px;}
.highlights-planebg .info{font-size: 0.9rem;font-family: 'Montserrat-Bold';}
.highlights-planebg .data-number h4{font-family: 'Montserrat-Bold';}
.highlights-planebg .data-number .info{font-family: 'Montserrat-Bold';}

.img-object-fit{object-fit: cover; width: 100%; height: 100%;}

/* Footer ------------------------- */
.footer{background-color: #223675; padding-top:2rem; padding-bottom:2rem; color: #fff;}
.footer-bottom p{ margin-bottom: 0px; font-size: 12px;}

.footer .footer-links { margin-bottom:0px;}
.footer .footer-links ul { list-style: none; padding: 0; margin: 0;	display: inline-block; margin-left: 20px;}
.footer .footer-links ul li { padding: 10px 10px; display: inline-block; align-items: center;}
.footer .footer-links ul li:first-child { padding-top: 0;}
.footer .footer-links ul a {color: rgba(255, 255, 255,1); transition: 0.3s; display: inline-block; line-height: 1;}
.footer .footer-links ul a:hover { color: #fff; color: rgba(255, 255, 255, 0.6);}
.footer .social-links a { display: flex; align-items: center; justify-content: center; width:25px; height:25px; border-radius: 50%; font-size:20px; color: rgba(255, 255, 255, 1); margin-right:10px; transition: 0.3s;}
.footer .social-links a:hover { border-color: #fff; color: rgba(255, 255, 255, 0.7);}

/* Back to Top ------------------------- */
.back-to-top {position: fixed; bottom:70px; right:30px; display: none; border: 0;}
.back-to-top:hover { color: #ed3e39;}
.back-to-top i {color: #ed3e39; font-size: 30px;}

@-webkit-keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0px);
}
}
@keyframes float {
0% {
transform: translatey(0px);
}
50% {
transform: translatey(-10px);
}
100% {
transform: translatey(0px);
}
}
.animate-typo {overflow: hidden; transform: translatey(0px); -webkit-animation: float 6s ease-in-out infinite; animation: float 5s ease-in-out infinite;}







.mou-common-carousel .overlay {
    position: absolute;
    padding: 5px;
   /*  min-height: 20%;*/
    bottom: 10px; 
    left: 0;
    align-items: center;
    transition: .5s;
    background-color: #001363;
    color: #fff;
    font-size: 0.95rem;
	text-align: left;
}

.thumbnail-wrapper {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 10px;
	position: relative;
  }
  .owl-thumbnails {
	display: flex;
	overflow-x: auto;
	scroll-behavior: smooth;
	/* max-width: 80%; */
	padding: 5px 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
  }
  
  .owl-thumbnails::-webkit-scrollbar {
	height: 8px;
  }
  .owl-thumbnails::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 4px;
  }
  
  .thumb {
	flex: 0 0 auto;
	margin: 0 2px;
	border: 2px solid transparent;
	cursor: pointer;
  }

  .thumb img {
	width: 125px;
	height: auto;
	filter: grayscale(100%);
  }

  .thumb img::after {
	content: "";
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	background: rgba(0, 0, 0, 0.25);
	z-index: 1;
  }
  
  .thumb-arrow {
	background-color: #ddd;
	border: none;
	font-size: 15px;
	cursor: pointer;
	border-radius: 50%;
	margin: 0 5px;
	transition: background 0.2s ease;
	width: 20px;
	z-index:+1;
	border: #001363 1px solid;
  }
  .thumb-arrow:hover {
	background-color: #eee;
  }
  .left-arrow{
	position: absolute;
    top: 40%;
    left: 0;
  }
  .right-arrow{
	position: absolute;
    top: 40%;
    right: 0;
  }

  .apprenticeship-carousel .overlay{position: absolute;
    padding: 5px;
   /*  min-height: 20%;*/
    bottom: 10px; 
    left: 0;
    align-items: center;
    transition: .5s;
    background-color: #001363;
    color: #fff;
    font-size: 0.95rem;
	text-align: left;
}
.apprenticeship-carousel .owl-dots {text-align: center;}
.apprenticeship-carousel .owl-dots button.owl-dot { width:10px; height:10px; border-radius: 50%; display: inline-block; background:#e8e8e8 !important; margin: 0 3px;}
.apprenticeship-carousel .owl-dots button.owl-dot.active { background:#b9b0b0 !important;}
.apprenticeship-carousel .owl-dots button.owl-dot:focus { outline: none;}

.digital ul{margin-left:0.5rem;}
.digital li {list-style: none;position: relative;padding-left: 2rem;text-align: left;}
.digital li::before {content: '';position: absolute; top: 0;left: 0;width: 20px;height: 20px;background: url('../images/icons/icon-li.png') no-repeat center center;background-size: contain;}
.digital li .info span{font-weight: 700; color: #57b2e0;}

.tech li {list-style: none;position: relative;padding-left: 2rem;}
.tech li::before {content: '';position: absolute; top: 0;left: 0;width: 20px;height: 20px;background: url('../images/icons/icon-li.png') no-repeat center center;background-size: contain;}
.tech li .info span{font-weight: 700; color: #57b2e0;}


#mainPlayer{max-width:100%}
#videoTabs .nav-item{border: #ccc 1px solid;}
#videoTabs .nav-link{border-radius: 0%; justify-content: center; display: flex;}
#videoTabs .nav-link.green{background: #34a853; color: #ffffff;}
#videoTabs .nav-link.yellow{background: #ffc524; color: #4a4a4a;}
#videoTabs .nav-link.blue{background: #0082ca; color: #ffffff;}
#videoTabs .nav-link.red{background: #fe5355; color: #ffffff;}
/* #videoTabs .nav-link.active{background: #4a4a4a; color: #fff;} */
.thumb-videos{flex-direction: column;}
.thumb-videos span{font-size: 0.9rem; font-weight: normal; font-family: 'source_sans_proregular';}
.video-thumb {
  cursor: pointer;
  margin: 5px;
}



.events-carousel .overlay {
    position: absolute;
    padding: 5px;
   /*  min-height: 20%;*/
    bottom: 10px; 
    left: 0;
    align-items: center;
    transition: .5s;
    background-color: #001363;
    color: #fff;
    font-size: 0.95rem;
	text-align: left;
}

.owl-prev{position: absolute; top: 50%; left: 10px;}
.owl-next{position: absolute; top: 50%; right: 10px;}