@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&family=Red+Hat+Display:wght@600;700;800;900&display=swap');

body {
	font-family: 'Yantramanav', sans-serif;
	font-weight: 400;
	color: #63688b !important;
	font-size: 17px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.img {
	max-width: 100%;
	transition: all 0.3s ease-out 0s;
}

a,
.button {
	-webkit-transition: all 0.3s ease-out 0s;
	-moz-transition: all 0.3s ease-out 0s;
	-ms-transition: all 0.3s ease-out 0s;
	-o-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
a:focus,
.button:focus {
	text-decoration: none;
	outline: none;
}
a:focus,
a:hover,
.portfolio-cat a:hover,
.footer -menu li a:hover {
	text-decoration: none;
}
.btn.focus, .btn:focus {
	outline: 0;
	box-shadow: none;
}
a,
button {
	color: #1696e7;
	outline: medium none;
}
button:focus,input:focus,input:focus,textarea,textarea:focus{outline: none;box-shadow: none;}
.uppercase {
	text-transform: uppercase;
}
.capitalize {
	text-transform: capitalize;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	color: #000;
	margin-top: 0px;
	font-style: normal;
	font-weight: 800;
	text-transform: normal;
	font-family: 'Red Hat Display', sans-serif;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: inherit;
}
h1 {
	font-size:57px;
	
}
h2 {
	font-size: 42px;
}
h3 {
	font-size: 35px;
}
h4 {
	font-size: 29px;
}
h5 {
	font-size: 25px;
}
h6 {
	font-size: 16px;
}
ul {
	margin: 0px;
	padding: 0px;
}
li {
	list-style: none
}
p {

	line-height: 24px;
	margin-bottom: 15px;
}
.text-warning {
	color: #cb920b !important;
}

*::-moz-selection {
	background: #d6b161;
	color: #fff;
	text-shadow: none;
}
::-moz-selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
::selection {
	background: #444;
	color: #fff;
	text-shadow: none;
}
*::-moz-placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}
*::placeholder {
	color: #555555;
	font-size: 14px;
	opacity: 1;
}



.logo{padding:5px 0}
/* button style */
	.logo img {
		
		top: -3px;
		position: relative;
	}
	.logo:before {
		background: #3131e9;
		content: "";
		position: absolute;
		z-index: 0;
		top: 0;
		width: 200%;
		height: 80px;
		margin: -6px 0 0 -20px;
		-webkit-transform: skew(-24deg);
		-moz-transform: skew(20deg);
		-o-transform: skew(20deg);
		background: #09a5e3;
		right: -20px;
		border-right: 12px solid #e7a813;
		/* border-bottom: 6px solid #e7a813; */
		z-index: -1;
		top: 0px;
	}
.btn {
	
	border: none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0;
	line-height: 1;
	margin-bottom: 0;
	padding: 13px 17px;
	text-align: center;
	text-transform: unset;
	touch-action: manipulation;
	transition: all 0.3s ease 0s;
	vertical-align: middle;
	white-space: nowrap;
	position: relative;
	z-index: 999;
	border-radius: 0;
}.btn-sm{
	 padding:10px 15px !important
 }


/* scrollUp */
		#scrollUp {
	background: #0000f0;
	height: 45px;
	width: 45px;
	right: 50px;
	bottom: 77px;
	color: #fff;
	font-size: 20px;
	text-align: center;
	border-radius: 50%;
	font-size: 22px;
	line-height: 45px;
	transition: .3s;
}
#scrollUp:hover {
	opacity:0.5
}
/* 2. header */



.main-menu ul li {
	display: inline-block;
	position: relative;
	width: 100%;
}
.main-menu ul li.active a {
	color: #FFF;
}
	.main-menu ul li a {
		display: block;
		font-weight: 600;
		padding: 28px 14px;
		position: relative;
		text-transform: uppercase;
		font-size: 16px;
		
		white-space: nowrap;
		color: #0d0857;
		border-radius: 6px;
		height: 100%;
	}






@media(min-width:991px) {
	
		ul li ul li.has-sub>a:after {
			position: absolute;
			right: 15px;
			content: '\f105';
			font-family:fontawesome
		}
	}
.mean-expand:before {
	display: none
}
.main-menu ul li:first-child {
	margin-left: 0;
}

#mobile-menu>ul> li {
	padding: 0px 0 !important;
}

	#mobile-menu > ul > li:hover > a {
		color: #fff;
		
	}


/* 21. Menu Theme dropdown default css */
.single-cta {
	line-height: 28px;
}

	.single-cta a {
		color: #242f51;
	}

.main-menu ul li.has-sub .current a {
	color: #222;
}

.main-menu ul li.current a {
	color: #f3525a;
}

.main-menu .has-sub > ul {
	display: none;
	position: absolute;
	background-color: #ffff;
	min-width: 250px;
	z-index: 1;
	transition: all 0.3s ease-in-out;
	margin-top: 15px;
	border-top: 4px solid #e7a813;
	box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
	-webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1);
}

.main-menu .has-sub li a {
	padding: 15px;
}

.main-menu .has-sub li {
	margin-left: 0 !important;
	float: left;
	border-bottom: 1px solid #ddd;
	width: 100%;
	text-align: left;
}

.main-menu .has-sub a:hover {
	color: #f3525a;
}

.main-menu .has-sub:hover > ul {
	display: block;
	margin-top: 0px;
}

.main-menu .has-sub > ul > .has-sub > ul {
	display: none;
	position: absolute;
	background-color: #ffff;
	width: 250px;
	z-index: 1;
	padding: 0;
	margin-left: -255px;
	margin-top: 0;
	top: -3px;
}

.main-menu .has-sub > ul > .has-sub:hover > ul {
	display: block;
}

.main-menu .has-sub > ul > .has-sub > ul > .has-sub > ul {
	display: none;
	position: absolute;
	background-color: #ffff;
	width: 250px;
	z-index: 1;
	padding: 0;
	margin-left: 255px;
	margin-top: 0;
	top: -3px;
}

.main-menu .has-sub > ul > .has-sub > ul > .has-sub:hover > ul {
	display: block;
}

.main-menu .has-sub ul li a {
	color: #000;
}

	.main-menu .has-sub ul li a:hover {
		color: #FFF;
	}



.header-social a {
	font-size: 21px;
	display: inline-block;
	margin-left: 5px;
	height: 35px;
	width: 35px;
	
	text-align: center;
	line-height: 38px;
	
	color: #fff;
	
}


	

#mobile-menu {
	display: block;
}


.slider-content {
	position: relative;
	z-index: 2;
	padding-top: 0px;
	
	padding: 14px 0px 6px;
	border-radius: 8px;
}



.slider-active .slick-track::before{
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    content: "";
    left: 0;
    top: 0;
}

/* 3. slider */

.slider-bg {
	min-height: 85vh;
	
	background-position: center top;
	background-size: cover;
	position: relative;
	z-index: 1;
	overflow: hidden;
	
	
}
.slider-active .slider-bg::before {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(181deg, rgb(17 9 113 / 25%) 0px, rgba(255, 255, 255, 0) 56%) 0px 0px;
	z-index: -1;
	z-index: -1;
}



.slider-content h2 {
	font-size: 52px;
	color: #fff;
	line-height: 1.1;
	margin-bottom: 40px;
	background: #09a5e3;
	display: inline-block;
	padding: 10px 25px;
	font-weight: 900;
	border-radius: 5px;
}

.slider-content h2 span {
	
	display: block
}


.p-relative {
	position: relative;
	
}

.slider-active .slick-arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 70px;
	height: 60px;
	width: 60px;
	color: #ffffff;
	font-size: 49px;
	line-height: 65px;
	border: none;
	background: #ffffff00;
	border-radius: 50%;
	text-align: center;
	z-index: 9;
	cursor: pointer;
	padding: 0;
	box-shadow: 4px 2px 0 0 transparent;
	transition: .5s;
	opacity: 0.5;
}


.s-slider-content h2{margin-bottom: 25px;}

.btn.ss-btn {
	background: #0a90c6;
	color: #fff;
}
.btn.ss-btn:hover {background: #0000f0;
color: #fff;}
.img, img {
	max-width: 100%;
	/* transition: all 0.3s ease-out 0s; */
}
.about-title h2 {
	font-size: 50px;
	line-height: 1.1;
	margin-bottom: 22px;
}

.about-content p {
	margin-bottom: 45px;
}

.s-about-content p {
	margin-bottom: 15px;
}
.sinature-box {
	background: #0a90c6;
	position: absolute;
	bottom: -27px;
	right: -21px;
	width: 40%;
	padding: 24px;
	box-shadow: 3px 4px 25px #0000001A;
}

.sinature-box h3{
    font-size: 25px;
    font-family: 'Poppins', sans-serif;
    color: #fff;
}

.services-bg {
	background-position: center;
	background-size: cover;
}

.video-img {
	position: relative;
	overflow: hidden;
	z-index: 1;   
}
.video-img img{
    width: 100%;
}
.video-img::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	opacity: .65;
}
.video-img a {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 9;
	font-size: 14px;
	color: #0000f0;
	height: 80px;
	width: 80px;
	text-align: center;
	background: transparent linear-gradient(90deg, #0000f0 0%, #0000f0 100%) 0% 0% no-repeat padding-box;
	border-radius: 50%;
    padding: 25px;
}
	.video-img a::before {
		content: "";
		position: absolute;
		left: 50%;
		top: 50%;
		height: 90px;
		width: 90px;
		background: #0a90c6;
		z-index: -1;
		border-radius: 50%;
		transform: translate(-50%,-50%);
		animation: pulse-border 1500ms ease-out infinite;
	}

.team-active .slick-dots{
    text-align: center;
}
	.team-active .slick-dots li {
		display: inline-block;
		margin: 0 5px;
	}

		.team-active .slick-dots li button {
			text-indent: -99999px;
			border: none;
			padding: 0;
			margin-left: 10px;
			border-radius: 50px;
			z-index: 1;
			cursor: pointer;
			background: no-repeat;
			transition: .3s;
		}

		.team-active .slick-dots li.slick-active button {
		}


.slick-slide {
	outline: none;
}



.team-active {
	position: relative;
}

.ta-info {
	overflow: hidden;
	display: block;
}
.ta-info h6 {
	font-size: 20px;
	margin-bottom: 5px;
	color:#fff;
}
.ta-info span {
	color:#fff;
	font-size: 14px;
}
.testi-author {
	overflow: hidden;
	align-items: center;
}
.single-testimonial p {
	margin-bottom: 25px;
}


.testimonial-active .slick-slide{position: relative;}
.testimonial-active .testi-img {
	position: relative;
	left: 0;
	width: 155px;
	
	margin: auto;
	height: 155px;
	padding: 4px;
}
.testimonial-active .testi-img img {
	width:100%;
	height:100%;
	object-fit:cover;
	border-radius:100px
}
.testimonial-active .ta-info {
    overflow: hidden;
    float: left;
   
}
	.testimonial-active .ta-info span {
		color: #a3a3a3;
		font-size: 16px;
	}
	.testimonial-active .ta-info h6 {
		font-size: 19px;
		margin-bottom: 5px;
		color: #170f89;
	}
.testimonial-active p
{
  
    line-height: 28px;
}
.testimonial-active p {
	max-height: 168px;
	-webkit-line-clamp: 7;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	line-height: 24px !important;
	-webkit-box-orient: vertical
}
.testimonial-active .com-icon {
	position: absolute;
	right: 50px;
	top: 0px;
	width: 30px;
}
.testimonial-active .slick-dots {
  text-align: center;
position: absolute;
width: 100%;

}
.testimonial-active .slick-dots li {
    display: inline-block;
    margin: 0 0px;
}
	.testimonial-active .slick-dots li button {
		text-indent: -99999px;
		border: none;
		padding: 0;
		margin-left: 10px;
		border-radius: 50%;
		z-index: 1;
		cursor: pointer;
		background: no-repeat;
		transition: .3s;
		background: #1f0ea5;
		height: 10px;
		width: 10px;
	}
.testimonial-active .slick-dots .slick-active button {
   width: 30px;
border-radius: 5px;
}

.widget__post ul li {
	margin-bottom: 20px;
	overflow: hidden;
}
.widget__post ul li:last-child {
	margin-bottom: 0;
}
.widget__post-thumb {
	float: left;
	display: block;
	margin-right: 20px;
	width: 74px;
	height: 70px;
}
.widget__post-content {
	overflow: hidden;
	display: block;
}
	.widget__post-content h6 {
		font-size: 16px;
		margin-bottom: 1px;
		padding-right: 15px;
		font-weight: 500;
		font-family: inherit;
		color: #FFF;
	}
.widget__post-content h6:hover a {
	color: #0000f0;
}
	.widget__post-content span {
		font-size: 14px;
		color: #adadad;
	}
.widget__post-content span i {
	margin-right: 8px;
}

.footer-bg {
	background: #0a90c6;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative
}
	.footer-bg:before {
		content: "";
		background: url(../img/bg-8.png);
		width: 100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0.1;
	}

.footer-social a {
	font-size: 14px;
	display: inline-block;
	margin-left: 5px;
	height: 35px;
	width: 35px;
	background: #070654;
	text-align: center;
	line-height: 38px;
	border-radius: 50%;
	color: #fff;
}
.footer-social a:hover{color: #0000f0;}
.f-widget-title h4 {
	color: #fff;
	margin-bottom: 0px;
	/* padding-bottom: 25px; */
	position: relative;
	background: #c9910d;
	display: inline-block;
	padding: 5px 16px;
	font-size: 20px;
	border-radius: 100px;
	margin-bottom: 22px;
	line-height: 23px;
	font-family: inherit;
	font-weight: 600;
}

	

.footer-link ul li a {
	color:#fFFF;
	padding-left:20px;
	position:relative;
	
	display: inline-block;
}
	.footer-link ul li a:before {
		content: "\f054";
		position: absolute;
		left: 2px;
		font-family: 'FontAwesome';
		font-size: 11px;
		top: 2px;
	}





.footer-link ul li {
	margin-bottom: 10px;
}
.footer-link ul li:last-child{margin-bottom: 0;}

.copyright-wrap {
	background: #1fa7dd;
	padding: 10px 0;
	color: #fff;
	font-size: 14px;
}
.f-contact i {
	width: 40px;
	height: 40px;
	background: #e7a813;
	line-height: 40px;
	color: #fff !important;
	text-align: center;
	border-radius: 50%;
	float: left;
	font-size: 19px;
	line-height: 39px;
	margin-right: 20px
}
	.f-contact i{font-size:20px !important}
.f-contact span {
	float: left;
	color: rgb(255 255 255 / 48%);
}
.f-contact li {
	float: left;
	margin-bottom: 10px !important;
	margin-top: 10px !important;
	
	display:flex
}
.f-contact h5 {
	margin: 0;
	color: #FFF !important;
	font-family:inherit;
	font-weight:600
}

a, h1, h2, h3, h4, h5, h6, p, span {
    overflow-wrap: break-word;
}
h1, h2, h3, h4, h5, h6{
    overflow-wrap: break-word;
}


.newslater button {
    position: absolute;
    top: 0;
    right: 0;
    background: #fff;
    color: #000;
}

.banner-section {
	
	position: relative;
	
	z-index: 1;
	overflow:hidden
}


#mobile-menu img, .mean-nav img {
	
	position: relative;
	margin-top: -28px;
	margin-left: 20px;
	margin-bottom: 10px;
}


#mobile-menu > ul > li:hover > a img {
	filter: invert(100%) sepia(0%) saturate(7451%) hue-rotate(59deg) brightness(99%) contrast(102%);
}



		
		
.slider-area {
	max-height:95vh;
	overflow: hidden
}

.header-top {
	background: #0a90c6;
	height: 42px;
	padding: 2px 0;
}

.second-bar {
	position: relative;
	
	padding: 0px 0;
	z-index: 1000;
	background:#FFF
}

@media(max-width:1220px){
	.main-menu ul li a {
		font-size: 14px;
		padding: 28px 9px;
	}
	.logo:before {
		
		top: 2px;
		
		height: 77px;
		
		
	}
}
@media(max-width:1075px) {
	.logo:before {
		top: 3px;
		height: 76px;
	}

	.main-menu ul li a {
		padding: 28px 6px;
		font-size: 13px;
	}
	
}



.bg-top-feature {
	background: #000 url(/img/bg_shape.jpg) no-repeat center top;
	position: absolute;
	width: 100%;
	height: 100%;
	height: 81%;
	background-size:cover;
	top:0
}
	.bg-top-feature:before {
		content: "";
		
		height: 40%;
		width: 100%;
		position: absolute;
		border-radius: 0 0 1100px 1100px;
		left: -7px;
	}
	.bg-top-feature:after {
		content: "";
		
		height: 100%;
		width: 100%;
		position: absolute;
	}




.responsive-images75 {
	padding-bottom: 75%
}




.responsive-images105, .responsive-images136, .responsive-images20, .responsive-images42, .responsive-images48, .responsive-images50, .responsive-images54, .responsive-images59, .responsive-images65, .responsive-images72, .responsive-images75, .responsive-images80, .responsive-images90, .responsive-images96, .responsive-images76, .responsive-images160, .responsive-images86, .responsive-images60, .responsive-images86, .responsive-images115 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0;
	text-align: left;
	background: #e0e0e0 url(/img/loader-logo.png) no-repeat center center !important
}

	.responsive-images105 img, .responsive-images136 img, .responsive-images20 img, .responsive-images42 img, .responsive-images48 img, .responsive-images50 img, .responsive-images54 img, .responsive-images59 img, .responsive-images65 img, .responsive-images72 img, .responsive-images75 img, .responsive-images80 img, .responsive-images90 img, .responsive-images96 img, .responsive-images76 img, .responsive-images160 img, .responsive-images86 img, .responsive-images60 img, .responsive-images115 img {
		position: absolute !important;
		object-fit: cover;
		width: 100%;
		height: 100%;
		object-position: top;
		top: 0
	}
		.responsive-images100 img:after, .responsive-images105 img:after, .responsive-images112 img:after, .responsive-images136 img:after, .responsive-images20 img:after, .responsive-images42 img:after, .responsive-images48 img:after, .responsive-images50 img:after, .responsive-images54 img:after, .responsive-images59 img:after, .responsive-images65 img:after, .responsive-images72 img:after, .responsive-images75 img:after, .responsive-images81 img:after, .responsive-images83 img:after, .responsive-images90 img:after, .responsive-images96 img:after, .responsive-images76 img:after, .responsive-images160 img:after, .responsive-images86 img:after, .responsive-images60 img:after, .responsive-images172 img:after {
			content: "";
			position: absolute;
			background: #e0e0e0;
			width: 48px;
			height: 26px;
			top: 0;
			left: 0;
			z-index: 0;
		}



.text-control-4 {
	max-height: 96px;
	-webkit-line-clamp: 4
}



	.text-control-1, .text-control-13, .text-control-2, .text-control-3, .text-control-4, .text-control-7, .text-control-1 p, .text-control-13 p, .text-control-2 p, .text-control-3 p, .text-control-4 p, .text-control-7 p, .text-control-5, .text-control-5 p {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		line-height: 24px !important;
		-webkit-box-orient: vertical
	}




.text-justify, .text-justify p {
	text-align: justify
}


.text-black{
	color:#000 !important
}

.about_video {
	width: 60% !important;
	height: 700px !important;
	display: table;
	position: relative;
}
.about_content_2 {
	width: 40%;
}
.bg_cover {
	background-position: center center;
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
}

.about_video::before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(27, 41, 69, 0.5);
}



.about_content_2 .single_about_2:nth-child(2n+1) {
	background-color: #e7a813;
}

.single_about_2 .about_2_content {
	display: table;
	height: 100%;
	width: 50%;
	height: 350px;
	padding: 40px;
}

	.single_about_2 .about_2_content .about_2_content_wrapper {
		max-width: 390px;
		display: table-cell;
		vertical-align: middle;
	}

	.single_about_2 .about_2_content p {
		color: #fff;
		margin-top: 15px;
	}

	.single_about_2 .about_2_content .btn:hover {
		color: inherit
	}

.about_2_image {
	width: 50%;
	height: 350px;
	position: relative;
}

.about_content_2 .single_about_2:nth-child(2n+2) {
	background-color: #0a90c6;
}
/*program css*/




.single_program {
	background-color: #fff;
}



.single_program .program_icon {
	width: 50%;
	height: 190px;
	display: table;
}

	.single_program .program_icon .icon_wrapper {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.single_program .program_icon img {
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

.single_program:hover .program_icon img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}


.single_program .program_content {
	width: 50%;
	height: 190px;
	display: table;
}

	.single_program .program_content .content_wrapper {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
	}

	.single_program .program_content .title a {
		font-size: 24px;
		font-weight: 800;
		color: #002639;
		-webkit-transition: all 0.3s linear;
		transition: all 0.3s linear;
	}

		




.program_wrapper .program_col:nth-child(4n+1) .single_program .program_icon {
	background-color: #2d2ddd;
}

.program_wrapper .program_col:nth-child(4n+2) .single_program .program_icon {
	background-color: #e7a813;
}

.program_wrapper .program_col:nth-child(4n+3) .single_program .program_icon {
	background-color: #de322e;
}

.program_wrapper .program_col:nth-child(4n+4) .single_program .program_icon {
	background-color: #0a90c6;
}
@media(min-width:768px){
	.program_2 {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: reverse;
		-ms-flex-direction: row-reverse;
		flex-direction: row-reverse;
	}
}
@media(max-width:991px) {
	.about_2_image {
		width: 100%;
		height: 250px;
		
	}
	.single_about_2 .about_2_content {
		
		width: 100%;
		height:250px
		
		
	}
	.about_video {
		width: 100% !important;
		height: 300px !important;
		
	}
	.about_content_2 {
		width: 100%;
	}
	.sinature-box {
	
		bottom: 0px;
		right: 0px;
		
	}
	
	.menu-area {
		padding: 0px 0;
	}

	
	

	
}
@media (max-width: 767px){ .program_4 {
	-webkit-box-orient: horizontal !important;
	-webkit-box-direction: reverse !important;
	-ms-flex-direction: row-reverse !important;
	flex-direction: row-reverse !important;
}}









a{
	color:inherit
}



.single-testimonial-bg p, .single-testimonial-bg .ta-info {
	visibility: visible
}


@media(max-width:991px) {
	.contact-end{
		display:none
	}
	.logo:before {
		top: 2px;
		height: 78px;
		right: 3px;
	}
	.header-top {
		
		height: 49px;
		padding: 3px 0;
	}	
}



@media(max-width:500px){
	.top-right-text li {
		padding-left:0 !important;
		padding-right: 10px;
	}
	.top-right-text li:last-child {
		
		padding-right: 0px;
	}
	.slick-track [class*="col-"]{
		padding-left:5px;
		padding-right:5px
	}


	
}

@media(max-width:575px){
	h1 {
		font-size: 30px;
	}

}


.ww-text{display:none !important}

.top-right-text li {
	color: #FFF;
	float: left;
	display: flex;
	padding-left: 20px;
	align-items: center;
	font-weight: 500;
}
	.top-right-text li i {
		margin-right: 10px;
		font-weight: 100;
		color: #ffc743;
	}

.subscribe {
	background: #FFF;
	position: relative;
	top: -150px;
	min-height: 200px;
	margin-bottom: -85px;
	border-radius: 9px;
}

.word-color span {
	color: #e38028
}
	.word-color span:nth-child(2) {
		color: #ffb644
	}
	.word-color span:nth-child(3) {
		color: #79f1e7
	}
	.word-color span:nth-child(4) {
		color: #FFF
	}
	
	.heading-minus-top{
		bottom:0px;
		right:0;
		transition:0.5s
	}

	.font-18{
		font-size:18px
	}

.contact-end {
	background: #3131e9;
	height: 82px;
	line-height: 82px;
	width: 75px;
	text-align: center;
}
	.contact-end img {
		width: 30px;
		filter: invert(100%) sepia(1%) saturate(7500%) hue-rotate(220deg) brightness(101%) contrast(101%);
	}

.team-active .slick-slide {
	display: inline-block;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #e9e7e7;
	border-radius: 10px;
	margin: 10px;
}
	.team-active .slick-slide img {
		margin: 10px;
		height: 100%;
		object-fit: contain;
		padding: 10px;
	}
	.team-active .slick-dots {
		display:none
	}
@keyframes hero-thumb-sm-2-animation {
	0% {
		-webkit-transform: translateY(-50px);
		-moz-transform: translateY(-50px);
		-ms-transform: translateY(-50px);
		transform: translateY(-50px);
	}

	100% {
		-webkit-transform: translateY(0px);
		-moz-transform: translateY(0px);
		-ms-transform: translateY(0px);
		transform: translateY(0px);
	}
}
.dash-box {
	position: absolute;
	left: 25px;
	top: -58px;
	-webkit-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
	-moz-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
	-o-animation: hero-thumb-sm-2-animation 4s linear infinite alternate;
	animation: hero-thumb-sm-2-animation 4s linear infinite alternate;

	@media # {
		$md, $sm, $xs
	}

{
	display: none;
}

@media # {
	$xxl
}

{
	left: 4%;
}

}

.hero-shape-6 {
	position: absolute;
	bottom: 7%;
	right: 21%;
	-webkit-animation: hero-circle-1 6s linear 0s infinite alternate;
	-moz-animation: hero-circle-1 6s linear 0s infinite alternate;
	-o-animation: hero-circle-1 6s linear 0s infinite alternate;
	animation: hero-circle-1 6s linear 0s infinite alternate;
}

.second-text {
	font-size: 19px;
	font-weight: 600;
	border-left: 4px solid #0a90c6;
	padding-left: 20px;
}
.font-18{
	font-size:18px
}





.vertiul-learning {
	position: absolute;
	top: 0;
	height: 100%;
	right: -35px;
	display: table;
	z-index: -1;
}
.btn-primary {
	color: #fff;
	background-color: #004d85;
	border-color: #004d85;
}
.learner figure img{max-width:200px; margin:auto}
.review-pic {
	position: absolute;
	z-index: 1;
	width: 110px !important;
	top: 22px;
	height: 115px !important;
	left: 23px;
}
.footer-actions {
	background: #0a90c6;
	border-bottom: 1px solid rgb(255 255 255 / 18%)
}
.team-active2 .slick-dots{
	display:none !important
}
.mb-50 {
	margin-bottom: 50px;
}
.mb-40{
	margin-bottom:40px
}
.mb-30 {
	margin-bottom: 30px;
}
.pl-80 {
	padding-left: 80px;
}
.footer-widget .tag-cloud-link, .footer-widget p {
	color: #fff;
}
.main-menu ul li:hover:before {
	height: 100%;
	transition: .3s;
}

.main-menu ul li:before {
	background: #09a5e3;
	height: 0;
	position: absolute;
	content: "";
	left: 0;
	bottom: 0;
	z-index: 0;
	transition: .3s;
	width: 100%;
}
.breadcrumb-area {
	min-height: 100px;
	background-position: center;
	background-size: cover;
	position: relative;
	background: #0a90c6;
	padding: 30px 0;
	z-index:1
}
.breadcrumb-area:before {
	content: "";
	background: url(../img/bg-btn2.jpg) no-repeat left;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0.2;
	background-size:cover
}
	.breadcrumb-area:after {
		content: "";
		background: url(../img/page-title-bg2.png) no-repeat right bottom;
		width: 353px;
		height: 100%;
		position: absolute;
		right: 0;
		bottom: 0;
		opacity: 0.8;
		z-index:-1
		
	}
.breadcrumb-title h2 {
	color: #FFF;
	font-size: 52px;
}
.breadcrumb-area p {
	color: #FFF;
	font-size: 21px;
	line-height: 33px;
}
<svg xmlns="http://www.w3.org/2000/svg" width="1920" height="553" viewBox="0 0 1920 553" fill="none" > <path d="M260 518C165.6 506 47.3333 428.333 0 391V0H1922V444C1840 410.667 1653.6 356 1564 404C1452 464 1322 538 1230 550C1138 562 1054 528 969 492C884 456 831 434 753 428C675 422 561 462 514 478C467 494 378 533 260 518Z" fill="url(#paint0_linear)"/ > <defs > <linearGradient id="paint0_linear" x1="9.75841e-05" y1="552" x2="1922" y2="-79.9997" gradientUnits="userSpaceOnUse" > <stop stop-color="#A51BFF"/ > <stop offset="1" stop-color="#20D6FE"/ > </linearGradient > </defs > </svg >

.elementor-element {
	width: 100%;
}
.inner-page-bg img {
	object-fit: cover;
	object-position: center top;
	min-height: 300px;
}
.bg-body {
	background: #ecf1f9
}
.step {
	background: #3131e9;
	display: inline-block;
	padding: 5px 20px;
	color: #fff;
	font-size: 16px;
	margin: 10px 0;
	border-radius: 4px;
	position: relative;
	z-index: 1;
	margin-bottom:25px
}

	.step:before {
		background: #3131e9 !important;
		content: "";
		width: 40px;
		height: 100%;
		position: absolute;
		right: -10px;
		top: 0;
		transform: skewX(9deg);
		z-index: -1;
		border-radius: 0 4px 4px 0
	}
	.step h4, .step h6{
		margin-bottom:0; color:#FFF
	}
	@media(min-width:768px){

	
.ab-coutner li {
	float: left;
	width: 33%;
	
}}
.ab-coutner li {
	
	text-align: center;
	font-size: 50px;
	font-weight: 700;
	color: #2c21c3;
}
	.ab-coutner li p{
		font-size:24px;
		
	}

.responsive-images96 {
	padding-bottom: 96%
}

.responsive-images54 {
	padding-bottom: 54%
}



.responsive-images54, .responsive-images96 {
	position: relative;
	width: 100%;
	overflow: hidden;
	margin: 0;
	text-align: left;
	background: url(/assets/images/loader-logo.png) center center no-repeat #e0e0e0 !important
}

	.responsive-images54 img, .responsive-images96 img {
		position: absolute !important;
		object-fit: cover;
		width: 105%;
		height: 100%;
		object-position: top;
		top: 0
	}

		.responsive-images54 img:after, .responsive-images96 img:after {
			content: "";
			position: absolute;
			background: #e0e0e0;
			width: 19px;
			height: 19px;
			top: 0;
			left: 0;
			z-index: 0
		}
.list-style-one li {
	position: relative;
	display: block;
	
	line-height: 25px;
	
	
	padding-left: 27px;
	margin-bottom: 12px;
}
	.list-style-one li:before {
		position: absolute;
		content: '\f192';
		font-family: FontAwesome;
		font-size: 16px;
		left: 0;
		top: 0;
		color: #3131e9
	}
.list-style-two li {
	position: relative;
	display: block;
	line-height: 22px;
	padding-left: 27px;
	margin-bottom: 6px;
}

	.list-style-two li:before {
		position: absolute;
		content: '\f105';
		font-family: 'FontAwesome';
		font-size: 15px;
		left: 0;
		top: 0;
		color: #3131e9;
	}
	.faculty-img{
		width:200px
	}
	.faculty figure{
		width:200px
	}
	.h-100{
		height:100% !important
	}
.society-title {
	position: absolute;
	bottom: 0;
	background: #ccc;
	background: rgb(49 49 233 / 78%);
	width: 100%;
	padding: 10px;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: 600;
	border-radius: 50px 50px 0 0;
}
a:hover .society-title {
	background: #3131e9
}
.zoom {
	
	transition: transform .2s; /* Animation */
	
}

	.zoom:hover {
		transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	}
.right-widget-categories {
	position: relative;
	background: #FFFFFF;
	box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.1);
	border-radius: 10px;
	margin-bottom: 30px;
	
}
.right-widget-categories li{
	position:relative;
	z-index:2
}
	.right-widget-categories li a {
		padding: 15px;
		display: block;
		position: relative;
		padding-left: 50px;
		border-bottom: 1px solid #ededed;
	}
	.right-widget-categories li.active a {
		background: #e7a813;
		color: #FFF;
	}
	.right-widget-categories li:first-child a {
		border-radius:6px 6px 0 0
	}
	.right-widget-categories li a:before {
		content: "\f138";
		position: absolute;
		font-family: 'FontAwesome';
		left: 25px;
		font-size: 14px;
		top: 18px;
	}
	.right-widget-categories li:after {
		background:#e7a813;
		position: absolute;
		width:0%;
		height:100%;
		content:"";
		top:0;
		transition:0.3s;
		z-index:-1;
	}
	.right-widget-categories li:hover:after {
		
		width: 100%;
		
	}
	.right-widget-categories li:hover a {
		color:#FFF
	}
.bg-blue {
	background: #3131e9;
	color:#FFF
}
.comment__form {
	padding: 50px;
	
}

	.comment__form .comment-field {
		position: relative;
	}

		.comment__form .comment-field.text-area i {
			top: 25px;
			transform: unset;
		}

		.comment__form .comment-field i {
			position: absolute;
			right: 30px;
			top: 50%;
			transform: translateY(-50%);
			color: #f3525a;
			font-size: 14px;
		}

		.comment__form .comment-field textarea {
			height: 93px;
			width: 100%;
			padding: 20px 30px;
			padding-right: 50px;
			background: #ffffff;
			border: none;
			border: 2px solid #3763eb;
		}

			.comment__form .comment-field textarea::placeholder {
				font-size: 14px;
				color: #a7a7c1;
			}

			.comment__form .comment-field textarea:focus {
				outline: 1px solid #f3525a;
			}

		.comment__form .comment-field input, .comment__form .comment-field select, .comment__form .comment-field .custom-file-label {
			width: 100%;
			padding: 14px 30px;
			padding-right: 50px;
			background: #ffffff;
			border: none;
			border: 2px solid #3131e9;
			cursor:pointer
		}

			.comment__form .comment-field input::placeholder {
				font-size: 14px;
				color: #a7a7c1;
			}

			.comment__form .comment-field input:focus {
				border-color:#e7a813
			}

	.comment__form .btn {
		background: #3763eb;
		border: 2px solid #3763eb;
		font-size: 14px;
		text-transform: uppercase;
		color: #fff;
		box-shadow: none;
	}

		.comment__form .btn::before {
			content: none;
		}

		.comment__form .btn:hover {
			color: #fff;
			background: #f3525a;
			border-color: #f3525a;
		}
.addressbar h5, .addressbar p, .addressbar span {
	color: #FFF
}
.addressbar li{ margin-right:30px}
.addressbar .f-contact i {
	
	background: #ffffff;
	
	color: #df9c0b !important;
	
}
.addressbar .table td, .addressbar .table th{
	padding:7px 0
}
.addressbar{
	margin-top:-100px;
	z-index:1
}
@media(max-width:768px){

	.addressbar {
		margin-top: -67px;
		
	}
}
.addressbar .comment__form{
	padding:30px 
}
@media(max-width:991px){
	.logo:before {
		top: 6px;
		height: 69px;
	}
	.logo img {
		top: -1px;
		
	}
}
.meanclose .mean-nav{
	position:fixed;
	height:100%
}
@media(max-width:768px){
	.dash-box img {
		max-height: 309px;
		top: 53px;
		position: relative;
	}
}
@media(min-width:991px){
	.mobile-logo{
		display:none
	}
}
.row__shape {
	height: 70px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	z-index: 2;
	transition: all ease 1.5s;
	-webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
}
svg:not(:root) {
	overflow: hidden;
}

.shape__svg {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	fill: #fff;
}
.content-light {
	color: #fff;
}
@media (max-width: 767px) {
	.row__shape {
		height: 50px !important;
	}
}
.bg-primary {
	background: #1282cd !important 
}