/* ===== Reuses Class ==== */
.elementor-button-icon{
	transition: all 0.5s;
	display: flex;
	align-items: center;
}
.elementor-icon{
	transition: all 0.5s;
}
.line {
	width: 35%; 
	height: 1px; 
	background: #fff;
}
.line-label {
	color: #fff;
	display: flex;
	justify-content: center;
	text-align: center;
}
.btn-hvr-icon-anmt:hover .elementor-button-icon,
.btn-box:hover .box-btn-icon .elementor-icon{
	transform: translatex(10px);
}
.elementor-field-textual.elementor-size-lg{
	min-height: 67px;
}
.aioseo-breadcrumb,
.aioseo-breadcrumb a{
	color: #fff;
}
.aioseo-breadcrumb-separator{
	color: #8FF3E8;
}
.aioseo-breadcrumb a:hover {
	color: #8FF3E8;
}
.file-choose{
	position: relative;
}
.file-choose::before {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 30px; 
    border-left: 10px solid transparent; 
    border-right: 10px solid transparent; 
    border-top: 10px solid #FFFFFF;     
}
.counter-icon .elementor-icon {
	box-shadow: 0 2px;
}
.swiper-pagination-horizontal{
	margin: auto;
}
/* ===== Header ==== */
.academy-logo{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
	  z-index: 1;
}
.academy-header{
    position: fixed;
    display: none;
    top: -100%;
}
.she-header.academy-header{
    display: flex;
}
/* ===== Taha Academy Home ===== */
.section-logo{
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 2px solid #1E998B;
	  padding: 10px;
}
.section-logo img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    object-fit: cover;
}
/* ====== Taha Schools Branch ===== */
.e-n-tab-title {
	flex: 1 !important;
}
/* ===== Footer ======== */
.footer-link:hover{
	color: #023E37 !important;
}


/* ====== Responsive ======= */

@media screen and (max-width: 1024px){
	.she-header.academy-header{
		display: none;
	}
}
@media screen and (max-width: 769px){
	.section-logo {
		width: 100px;
		height: 100px;
	}
	.section-logo img {
		width: 80px;
		height: 80px;
	}
		.line-label {
		font-size: 14px;
	}
}
@media screen and (max-width: 360px) {
	.section-logo {
		width: 80px;
		height: 80px;
	}
	.section-logo img {
		width: 60px;
		height: 60px;
	}
	.line {
		width: 20%;
	}

}