/* 
Theme Name: Euitsols Elementor
Theme URI: https://github.com/elementor/hello-theme/
Description: Customized Hello Elementor Theme by the Euitsols Team.
Author: Euitsols
Author URI: https://euitsols.com/
Template: hello-elementor
Version: 1.0.3
Text Domain: hello-elementor-child
*/


/* General */

html, body {
    overflow-x: hidden; 
}
/**************** Header-Style ***************/

.top-header .top-header-left{
	position: relative;
	height: 100%
}
.top-header .top-header-left::before {
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	background: linear-gradient(to left, rgb(0, 240, 206) 0%, rgb(255 255 255 / 2%) 100%);
}
.top-header .top-header-left:after{
	position: absolute;
	content: '';
	right: 0px;
	top: 0px;
	bottom: 0px;
    border-top: 20px solid transparent;
    border-right: 20px solid #3133D1;
    border-bottom: 20px solid transparent;
}
/************ slider content style ****************/
.slider-section .swiper-slide-inner{
	max-width: 1390px;
}

.slider-section .swiper-slide-inner .elementor-slide-description ul {
	display: grid;
	grid-row-gap: 5px;
}
.slider-section .swiper-slide-inner .elementor-slide-description ul li{
	list-style: none;
	position: relative;
}
.slider-section .swiper-slide-inner .elementor-slide-description ul li::after {
  position: absolute;
  content: "";
  top: 8px;
  left: -25px;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}

.slider-section .swiper-slide-inner .elementor-slide-description ul li::before {
  position: absolute;
  content: "";
  top: 10px;
  left: -23px;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}
.slider-section .swiper-slide-inner .elementor-slide-description ul li a{
  color: #fff;
	transition: all .4s;
}
.slider-section .swiper-slide-inner .elementor-slide-description ul li a:hover{
  color: var(--e-global-color-secondary);
}
/************ news-ticker-secion style ****************/
.news-ticker-secion .breaking-news-ticker{
	border: none;
	border-radius: 10px;
}
.news-ticker-secion .breaking-news-ticker .wbnt-news-ticker-list-item{
	position: relative;
	padding-left: 20px;
}
.news-ticker-secion .breaking-news-ticker .wbnt-news-ticker-list-item:before{
	position: absolute;
	content: "\ea60";
	font-family: elementskit;
 	left: 8px;
}
.news-ticker-secion .breaking-news-ticker .wbnt-news-ticker-list-item a:hover{
	color: #000 !important;
}
.news-ticker-secion .breaking-news-ticker .wbnt-news-ticker-list-item a{
	transition: 0.4s;
}
.news-ticker-secion .breaking-news-ticker .wbnt-news-ticker-list-item a{
	font-size: 15px;
}

/*************** all-course-section*************/
.single-course .course-info{
	min-height:135px;
}

/*************** counter section *************/
.counter-section .elementor-counter .elementor-counter-title{
	padding-top:20px;
}
/*************** Footer Section Style *************/
.footer-section .menu-col .elementor-nav-menu li{
	margin-bottom: 10px;
}
.footer-section .menu-col ul li a{
	position: relative;
	transition:0.4s;
	display: inline;
}
.footer-section .menu-col ul li a:hover{
	padding-left: 15px !important;
}
.footer-section .menu-col ul a:hover:before{
	width: 10px;
	transition:0.4s;
}
.footer-section .menu-col ul li a:before{
	position: absolute;
	content: "";
	background-color: #000 !important;
	width: 0;
 	height: 2px;
	left: 0;
	top: 50%;
	transform: translatey(-50%);
}
.socket-section a:hover{
	color: #000 !important;
}
.social-icon .elementor-icon-list-item .elementor-icon-list-icon svg{
	transition: 0.4s;
}
.social-icon .elementor-icon-list-item .elementor-icon-list-icon svg:hover{
	transform: scale(1.1);
}
.socket-section .socket{
		font-size:16px !important;
	}

/*=============== Courese style ===============*/
.all-course-section .course-cat-container .single-course .course-title a{
	text-decoration: none;
	transition: 0.4s;
}
.all-course-section .course-cat-container .single-course .course-title a:hover{
	color: var(--e-global-color-text);
}
.all-course-section .course-cat-container .single-course{
	overflow: hidden;
}
.all-course-section .course-cat-container .hover-info{
	opacity: 0;
	transition: 0.6s;
	transform: scale(0);
/* 	top: -275px !important; */
}
.all-course-section .course-cat-container .single-course:hover .hover-info{
	opacity: 1;
	transform: scale(1);
/* 	top: 0 !important; */
}
.all-course-section .course-cat-container .single-course .hover-info .elementor-icon-list-item{
	border: 1px solid var(--e-global-color-6685fe8);
	padding: 7px 11px;
	border-radius: 26px;

}
.all-course-section .course-cat-container .cat-name-title .elementor-heading-title{
	position: relative;
	color: red;
	padding-left: 20px;
	padding-right: 20px;
}
.all-course-section .course-cat-container .cat-name-title .elementor-heading-title::before{
	position: absolute;
	content:"";
	background: var( --e-global-color-text );
	width: 10px;
	height: 2px;
	left:0;
	top: 50%;
	transform: translatey(-50%);
}
.all-course-section .course-cat-container .cat-name-title .elementor-heading-title::after{
	position: absolute;
	content:"";
	background: var( --e-global-color-text );
	width: 10px;
	height: 2px;
	right:0;
	top: 50%;
	transform: translatey(-50%);
}
.all-course-section .course-cat-container .single-course .course-img img{
	height: 275px;
	object-fit: cover;
}
.global-main-title{
	position:relative;
}
.global-main-title:before{
position: absolute;
    content: "";
    background: var(--e-global-color-primary);
    width: 120px;
    height: 2px;
    left: 50%;
    transform: translateX(-49%);
    bottom: -7px;
}
.global-main-title:after{
	position: absolute;
	content: "";
	background: var(--e-global-color-primary);
	width: 120px;
	height: 2px;
	left: 50%;
	transform: translatex(-70%);
	bottom: 0px;
}
/*============ AL Departments ==============*/
.al-departments-secion .single-depart:hover{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	border: none;
}
.al-departments-secion .single-depart:hover .elementor-icon{
	transform:scale(1.1);
	color: #000;
}
.al-departments-secion .single-depart>.e-con-inner{
	position: relative;
}
.al-departments-secion .single-depart>.e-con-inner:before{
	position: absolute;
	content: "";
	width: 60px;
	height: 60px;
	background-color: #1e2f50;
	border-radius: 10px;
	position: absolute;
	left: -15px;
	top: -15px;
	z-index: -1;
	transform: scale(0);
	transition: transform ease-in-out 0.4s;
}
/*=================about page designe========================*/
/*========== mission ============== */
	
.our-mission-section .left-column .top-image:hover{
	cursor:pointer;
	z-index:99;
}
.our-mission-section .left-column .buttom-image:hover{
	cursor:pointer;
	z-index:9;
}
.our-vision-section  .left-column .top-image:hover{
	cursor:pointer;
	z-index:99;
}
.our-vision-section  .left-column .buttom-image:hover{
	cursor:pointer;
	z-index:9;
}

.breadcum-secion #breadcrumbs span, a{
    text-decoration: none !important;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}

/*=============== Admission form style =============*/
.admission-from-section .nf-form-wrap .nf-field-element h2{
	color: var( --e-global-color-primary ) !important;
}

.admission-from-section .nf-form-wrap .nf-before-form-content {
	display:none;
}
.admission-from-section .nf-form-wrap .nf-form-content label {
	font-family: var( --e-global-typography-primary-font-family ), Sans-serif;
}

.admission-from-section .nf-form-wrap .nf-form-content .list-select-wrap .nf-field-element > div, .nf-form-content input:not([type="button"]), .nf-form-content textarea {
	border-radius: 5px !important;
}
.admission-from-section .nf-form-wrap .nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"] {
	transition: all .5s;
	font-family: "Montserrat", Sans-serif;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 30px;
	fill: var( --e-global-color-6685fe8 ) !important;
	color: var( --e-global-color-6685fe8 ) !important;
	background-color: var( --e-global-color-secondary ) !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: var( --e-global-color-secondary ) !important;
	border-radius: 30px !important;
	padding: 10px 40px 10px 40px !important;
}
.admission-from-section .nf-form-wrap .nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"]:hover{
	color: var( --e-global-color-secondary ) !important;
  	background-color: #02010100 !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: var( --e-global-color-secondary ) !important;
	border-radius: 30px !important;
}
.admission-from-section .nf-form-wrap .nf-form-content label {
	font-size:15px;
	line-height:22px;
	}
.admission-from-section .gender .nf-field-element ul{
	display:flex;
	flex-wrap:wrap;
	column-gap:30px;
}
.admission-from-section .listradio-wrap .nf-field-element label.nf-checked-label:before {
    top: 0.36em;
}
.admission-from-section .nf-form-wrap .nf-error-wrap{
	margin-bottom:10px;
}
/*====================job placement page designe======================*/
.bx-sdo{
box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset !important;
}
/***************contact us page designe*************/
.our-teem-section .message-us-from .elementor-kit-15 button, .elementor-kit-15 input[type="button"], .elementor-kit-15 input[type="submit"]{
	transition: all .5s;
	font-family: "Montserrat", Sans-serif;
	font-size: 16px !important;
	font-weight: 500 !important;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 30px;
	fill: var( --e-global-color-6685fe8 ) !important;
	color: var( --e-global-color-6685fe8 ) !important;
	background-color: var( --e-global-color-secondary ) !important;
	border-style: solid !important;
	border-width: 1px 1px 1px 1px !important;
	border-color: #ffffff !important;
	border-radius: 30px !important;
	padding: 10px 40px 10px 40px !important;
}
.admission-from-section .nf-form-wrap .nf-form-content button, .nf-form-content input[type="button"], .nf-form-content input[type="submit"]:hover {
	color: var( --e-global-color-secondary ) !important;
  	background-color: #ffffff !important;
}

.get-in-touch-section .box-email{
	font-size:16px;
	color:#000000;
	transition:.4s;
}
.get-in-touch-section .box-email:hover{
	color:var( --e-global-color-secondary );
}
/********** Notice page style ************/
.notice-sidebar .tax-archive-title{
	text-align: center;
}
.notice-sidebar .tax-arvhive-list li{
	margin-bottom: 10px;
}
.notice-sidebar .tax-arvhive-list li a{
	font-weight: 600 !important;
	color:#000000 !important;
	transition:0.4s;
}
.notice-sidebar .tax-arvhive-list li a:hover{
	color:var( --e-global-color-primary ) !important;
}

/***** Certificate Search style *********/
.certificate-section{
	padding: 80px 30px;
}
.certificate-section .container{
    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
}
.certificate-section .container .titles{
	text-align: center;
	position: relative;
}
.certificate-section .container .titles:after{
    position: absolute;
    content: "";
    background: var(--e-global-color-primary);
    width: 150px;
    height: 2px;
    bottom: -14px;
    left: 50%;
    transform: translatex(-73%);
}
.certificate-section .container .titles:before{
    position: absolute;
    content: "";
    background: var(--e-global-color-primary);
    width: 150px;
    height: 2px;
    left: 50%;
    bottom: -21px;
    transform: translatex(-39%);
}
.certificate-section .container .titles h2{
	color: var(--e-global-color-primary);
	font-family: "Montserrat", Sans-serif;
	font-size: 29px;
	font-weight: 700;
	text-transform: none;
	font-style: normal;
	text-decoration: none;
	line-height: 30px;
}
.certificate-section .container .titles h3{
	    color: var(--e-global-color-primary);
    font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-transform: none;
    text-decoration: none;
    line-height: 30px;
}
.certificate-section .certificate-search{
	padding: 30px 0;
	margin-top: 30px;
}
.certificate-section .certificate-search .form{
	display: flex;
	align-items: center;
	column-gap: 10px; 
	border-radius: 26px;
	border: 2px solid var( --e-global-color-secondary );
	overflow: hidden;
}
.certificate-section .certificate-search .form input{
	with: 100%;
	box-sizing: border-box;
	border: none;
	background: transparent;
}
.certificate-section .certificate-search .form span{
	font-size: 22px;
	font-weight: 600;
}
.certificate-section .certificate-search .form input[type="submit"]{
	border-radius: 0 26px 26px 0 !important;
	padding: 10px 30px !important;
	font-size: 18px !important;
	border-left: 1px solid var( --e-global-color-secondary );
	transition: 0.4s;
}
.certificate-section .certificate-search .form input[type="submit"]:hover{
	background: transparent;
	color: #000 !important;
}
.certificate-section .certificate-search .form input[type="submit"]:focus{
	outline: none;
	border: none;
	box-shadow: none;
}
.certificate-section .certificate-search .form .certificate-no{
	padding-left: 70px;
}
.certificate-section .certificate-search .form .sparate{
	position: relative;
	color: #fff;
}
.certificate-section .certificate-search .form .sparate:before{
    position: absolute;
    content: "";
    background: var(--e-global-color-secondary);
    width: 28px;
    height: calc(100% + 47px);
    top: -25px;
    transform: rotate(22deg);
	z-index: -99;
}
.certificate-section.show-certificate{
	padding-top:0;
}
.certificate-section.show-certificate .certificate-show{
	max-width: 400px;
	margin: 0 auto;
	background: #fff;
    border: 1px solid var(--e-global-color-secondary);
    border-radius: 10px;
	text-align: center;
	overflow: hidden;
}

.certificate-section.show-certificate .certificate-show h3{
	font-size: 18px;
	line-height: 23px;
}
.certificate-section.show-certificate .certificate-show span{
	color: #000;
}
.certificate-section.show-certificate .certificate-show a{
	width: 100%;
	display: block;
	background: var(--e-global-color-9f0d7f8);
	color: #fff;
	padding: 13px 0;
	border-radius: 0 0 10px 10px;
	border-top: 1px solid var(--e-global-color-9f0d7f8);
	transition: 0.4s;
}
.certificate-section.show-certificate .certificate-show a:hover{
	background: transparent;
	color: var(--e-global-color-9f0d7f8);
}
/* Animations - KeyFrames */

@keyframes opacDown {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes shine{
	100%{
		left: 125%;		
	}
}



/* Media Queries */

@media (max-width: 1800px) {}

@media (max-width: 1700px) {}

@media (max-width: 1600px) {}

@media (max-width: 1500px) {}

@media (max-width: 1440px) {}

@media (max-width: 1366px) {
 .elementor-72 .elementor-element.elementor-element-7c531d0 .elementskit-navbar-nav > li > a {
  padding: 0px 10px 0px 10px !important;
}

}

@media (max-width: 1300px) {}

@media (max-width: 1280px) {}

@media (max-width: 1200px) {
	.elementor-72 .elementor-element.elementor-element-eb4979d .elementskit-menu-container {
		height: 25px;
	}
}

@media (max-width: 1080px) {}

@media (max-width: 1024px) {
	.elementskit-navbar-nav-default.elementskit-menu-offcanvas-elements {
		top: 32px !important;
	}
	.elementskit-navbar-nav-default .elementskit-navbar-nav > li {
		padding-bottom: 10px;
	}
	.elementor-72 .elementor-element.elementor-element-7c531d0 .elementskit-navbar-nav .elementskit-submenu-panel > li > a {
		padding: 5px 20px;
		font-weight: 500;
	}
	.mega-menu-item .e-con-inner{
		display:flex !important;
		flex-wrap: wrap !important;
	}
	.elementor-72 .elementor-element.elementor-element-7c531d0 .elementskit-submenu-panel {
		padding: 0;
	}
	.elementor-72 .elementor-element.elementor-element-7c531d0 .elementskit-navbar-nav .elementskit-submenu-panel > li:hover > a {
		color: var( --e-global-color-secondary );
	}
	.ekit-wid-con:not(.ekit_menu_responsive_mobile) .elementskit-navbar-nav {
		display: block;
		padding: 0 10px;
	}
}
@media (max-width: 989px) {
	.top-header .top-header-left::before{
		display: none;
	}
}

@media (max-width: 780px) {}

@media (max-width: 768px) {}

@media screen and (max-width: 767px) {
	.certificate-section .certificate-search .form{
		flex-direction: column;
		border: none;
		border-radius: 0;
	}
	.certificate-section .certificate-search .form input {
		border: 1px solid;
		border-radius: 26px;
	}
	.certificate-section .certificate-search .form .sparate:before {
		content: none;
	}
	.certificate-section .certificate-search .form input[type="submit"] {
		border-radius: 26px 26px 26px 26px !important;
		padding: 8px 61px !important;
		font-size: 18px !important;
		margin-top: 20px;
	}
	.certificate-section .certificate-search .form .sparate {
		position: relative;
		color: #000;
		padding: 14px;
	}
	.certificate-section .certificate-search .form .certificate-no {
		padding-left: 15px;
	}
	.certificate-section .container .titles h2 {
		font-size: 20px;
	}
	.certificate-section .container .titles h3 {
		font-size: 16px;
		line-height: 23px;
	}
	.header-section .btn-column {
		order: 2;
		width: 58% !important;
	}
	.header-section .menu-column {
		order: 3;
		width: 18% !important;
	}
	.header-section .logo-column {
		order: 1;
		width: 18% !important;
	}
	.all-course-section .course-cat-container .single-course .hover-info .elementor-icon-list-item {
		padding: 7px 8px;
	}
}

@media (max-width: 360px) {}