/* ----------------------------------------------------------------

	Custom CSS



	Add all your Custom Styled CSS here for New Styles or

	Overwriting Default Theme Styles for Better Handling Updates

-----------------------------------------------------------------*/


@font-face {
	font-family: 'Alegreya';
	src: url('fonts/Alegreya/Alegreya-Black.ttf') format('truetype') font-black,
		url('fonts/Alegreya/Alegreya-BlackItalic.ttf') format('truetype') font-black font-italic,
		url('fonts/Alegreya/Alegreya-Bold.ttf') format('truetype') font-weight-bold,
		url('fonts/Alegreya/Alegreya-BoldItalic.ttf') format('truetype') font-italic font-weight-bold,
		url('fonts/Alegreya/Alegreya-ExtraBold.ttf') format('truetype') font-weight-extrabold,
		url('fonts/Alegreya/Alegreya-ExtraBoldItalic.ttf') format('truetype') font-italic font-weight-extrabold,
		url('fonts/Alegreya/Alegreya-Italic.ttf') format('truetype') font-italic,
		url('fonts/Alegreya/Alegreya-Medium.ttf') format('truetype') font-weight-medium,
		url('fonts/Alegreya/Alegreya-MediumItalic.ttf') format('truetype') font-italic font-weight-medium,
		url('fonts/Alegreya/Alegreya-Regular.ttf') format('truetype') font-weight-normal,
		url('fonts/Alegreya/Alegreya-SemiBold.ttf') format('truetype') font-weight-semibold,
		url('fonts/Alegreya/Alegreya-SemiBoldItalic.ttf') format('truetype') font-italic font-weight-semibold;
}





:root {
	--cnvs-btn-skew: 15deg;
	--cnvs-header-height: 70px;
	--cnvs-themecolor: rgb(0, 198, 255);
	--cnvs-themecolor-rgb: 0, 198, 255;
	--cnvs-themecolor-rgb-slider: 0, 198, 255;
	/*--cnvs-themecolor-rgb-slider: 254, 255, 204;*/
	--cnvs-themecolor-rgb-custom: 0, 198, 255;
	--cnvs-heading-color: var(--cnvs-contrast-600);
	--cnvs-body-color: 94, 111, 146;
	--bs-body-color: rgb(81, 82, 83);

	--bs-footer-link-color: rgb(45, 43, 43);
	--cnvs-body-font: 'Alegreya';
	--cnvs-primary-font: 'Alegreya';
	--cnvs-font-size-body: 1.1rem;
}



body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	overflow-x: hidden;
}

.body-overlay {
	background-color: rgba(0, 0, 0, 0.02);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999999;
	left: 0;
	opacity: 1 !important;
	visibility: hidden;
	-webkit-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.akadmi {
	font-weight: 700;
	letter-spacing: 0.3em;
}


#top-bar,
.dark #top-bar {
	--cnvs-topbar-color: #757575;
	--cnvs-topbar-border-color: rgba(255, 255, 255, 0.1);
	--cnvs-topbar-font-weight: 600;
	--cnvs-topbar-social-icon-color: #757575;
}

.h-bg-contact:hover {
	background-color: #0614a5;
}

#news-ticker {
	width: 100%;

}

#top-bar .container {
	padding-left: 0;
}


#news-ticker .ticker-title {
	position: relative;
	padding: 5px 9px;
	color: #FFFFFF;
	min-width: 60px;
	min-height: 45px;
	vertical-align: middle;
	font-weight: bold;
	background-color: #0614a5;
	text-transform: uppercase;
}

#news-ticker .ticker-title span {
	margin-top: 0;
	margin-bottom: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
}

#news-ticker .ticker-title:before {
	border-left: 10px solid #0614a5;
}

#news-ticker .ticker-title:before {
	position: absolute;
	content: '';
	width: 0;
	right: -10px;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
}

#news-ticker .ticker-swipe {
	margin-left: 25px;
	margin-top: auto;
	margin-bottom: auto;
}



#news-ticker .ticker-swipe div {
	display: inline-block;
	vertical-align: middle;
	color: #484646;
	font-size: 1.25em;
}

#header {
	--cnvs-primary-menu-hover-color: rgb(217, 33, 33);
	--cnvs-primary-menu-submenu-hover-bg: rgba(var(--cnvs-contrast-rgb), 0.45);
	--cnvs-primary-menu-font-weight: 500;
	--cnvs-primary-menu-font: var(--cnvs-body-font);

}

nav.primary-menu.style-3 .menu-container .menu-item .menu-link>div{
	text-transform: uppercase;
}

.is-expanded-menu .style-3 .menu-container>.menu-item>.menu-link {
	margin: 20px 0;
	border-radius: 0;

}

.is-expanded-menu .menu-container>.menu-item:not(:first-child) {
	margin-left: 5px;
}

.is-expanded-menu .style-3 .menu-container>.menu-item.current>.menu-link {

	background-color: #2676da;
}



.transform-skew {
	transform: skew(calc(-1 * var(--cnvs-btn-skew)));
}

.transform-skew>* {
	display: inline-block;
	transform: skew(var(--cnvs-btn-skew));
}

.hero-diagonal::before {

	content: '';

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	background-image: linear-gradient(to right, rgba(var(--cnvs-themecolor-rgb-slider, 126, 150, 128), 0.6) 25%, rgba(var(--cnvs-themecolor-rgb-slider, 126, 150, 128), 0.3) 100%);
	/*background-image: linear-gradient(to right, rgba(0, 0, 0, 0.9) 25%, rgba(0, 0, 0, 0.4) 100%);*/
	-webkit-clip-path: none;

	clip-path: none;

	background-position: center center;

	background-size: cover;

	z-index: 2;

}


.slider-arrow-left,

.slider-arrow-right {

	width: 50px;

	height: 50px;

	background-color: #FFF;

	border-radius: 50%;

	left: 20px;

	right: auto;

}

.slider-arrow-right {

	right: 20px;

	left: auto;

}



.slider-arrow-left i,

.slider-arrow-right i {

	color: var(--cnvs-themecolor);

	text-shadow: none;

	height: 50px;

	line-height: 48px;

	margin: 0;

}

#slider h5 {
	font-size: 1.4rem !important;
}

#slider h2 {
	font-size: 2.2rem !important;
}

#slider p {
	font-size: 1rem !important;
}

.slider-arrow-right i {
	margin-right: 2px;
}

#slider .swiper-slide p {
	color: hsl(255.9, 79%, 35.5%);
}

#slider.min-slider-vh {
	height: 85vh !important;
	max-height: 400px;
}

.heading-block.heading-center::after {

	margin-left: auto;
	margin-right: auto;

}

p.text-body,
ul.text-body li,
span.text-body {
	color: rgba(var(--cnvs-body-color), 1) !important;
}


.section-img img {
	width: 100%;
	border: 10px solid #FFF;
}




.section-services .card {

	padding: 15px;

	min-height: 373px;

	background-image: url("../media/images/card-wave-2.svg");

	background-repeat: repeat-x;

	background-position: 0% 101%;

	background-size: cover;

	-webkit-background-size: auto;

	-moz-background-size: auto;

	-o-background-size: auto;

	border-top-left-radius: 8px;

	border-top-right-radius: 8px;

	border: 0;

	border-top: 6px solid var(--cnvs-themecolor);

}


.content-wrap .section-courses .card .card-body .card-text {
	line-height: 1.25 !important;
}

.content-wrap .section-courses .card .card-body .card-title {
	line-height: 1.3 !important;
}

.content-wrap .section-courses .card .card-footer {
	border-top: none;
	background: none;
}








#location-map .fluid-width-video-wrapper {
	padding-top: 510px !important;
}



#footer {
	border-top: 0;
}

#footer a,
#footer address,
#footer p {
	color: var(--bs-footer-link-color);

}

#footer a:hover {
	color: #EFEFEF;
}

#footer.bg-color {

	background-color: rgba(var(--cnvs-themecolor-rgb-custom), var(--bs-bg-opacity, 1)) !important;

}

#footer .footer-widgets-wrap {

	padding: 2rem 0;
}






#whatsapp-float {
	position: fixed;
	top: 74%;
	right: 10px;
	z-index: 9999999;
}

.social-icon.floating i {
	font-size: 1.5em;
}

@media (max-width: 577px) {
	#news-ticker .ticker-swipe div {
		font-size: 1.1em;
	}

	#footer .footer-widgets-wrap .row>div[class$="-6"]:nth-of-type(odd) {
		border-right: 4px groove #03f4ecb0;
	}

	#footer .footer-widgets-wrap .row>div:not([class$="-6"]) {
		border-top: 4px groove #03f4ecb0;
	}
}

@media (min-width: 1025px) {
	#news-ticker {
		width: 60%;
	}
}

@media (min-width: 992px) and (max-width: 1024px) {
	#news-ticker {
		width: 55%;
	}
}

/* Responsive Device more than 992px (.device-md >)

-----------------------------------------------------------------*/

@media (min-width: 992px) {





	#slider.min-slider-vh {
		max-height: unset;
		height: 100vh !important;
	}

	#slider h5 {
		font-size: 1.4rem !important;
	}

	#slider h2 {
		font-size: 2.8rem !important;
	}

	#slider p {
		font-size: 1.1rem !important;
	}


	#header {
		--cnvs-primary-menu-hover-color: rgb(231, 28, 28);
		--cnvs-primary-menu-submenu-hover-bg: rgba(200,200,200, 0.45);
		--cnvs-primary-menu-font: var(--cnvs-body-font);
	}




	.hero-diagonal::before {

		width: 60%;

		-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);

		clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);

	}



	.section-img {

		display: block;

		position: absolute;

		top: -30px;

		right: 0;

		width: 52%;

		height: 100%;
		z-index: 3;
	}



	.section-img .section-img-sm {

		position: absolute;

		top: auto;

		bottom: -30px;

		left: -40px;

		right: auto;

		width: 360px;

		height: auto;

	}






}