/* arabic */
@font-face {
  font-family: 'Changa';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/Changa/2-cm9JNi2YuVOUckY5y-au8.woff2) format('woff2');
  unicode-range: U+0600-06FF, U+0750-077F, U+0870-088E, U+0890-0891, U+0897-08E1, U+08E3-08FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE70-FE74, U+FE76-FEFC, U+102E0-102FB, U+10E60-10E7E, U+10EC2-10EC4, U+10EFC-10EFF, U+1EE00-1EE03, U+1EE05-1EE1F, U+1EE21-1EE22, U+1EE24, U+1EE27, U+1EE29-1EE32, U+1EE34-1EE37, U+1EE39, U+1EE3B, U+1EE42, U+1EE47, U+1EE49, U+1EE4B, U+1EE4D-1EE4F, U+1EE51-1EE52, U+1EE54, U+1EE57, U+1EE59, U+1EE5B, U+1EE5D, U+1EE5F, U+1EE61-1EE62, U+1EE64, U+1EE67-1EE6A, U+1EE6C-1EE72, U+1EE74-1EE77, U+1EE79-1EE7C, U+1EE7E, U+1EE80-1EE89, U+1EE8B-1EE9B, U+1EEA1-1EEA3, U+1EEA5-1EEA9, U+1EEAB-1EEBB, U+1EEF0-1EEF1;
}
* {box-sizing: border-box;}
html {font-size: 16px; /* 1rem = 16px */}
body::-webkit-scrollbar {width: 0.75rem;background-color: #606060;}
body::-webkit-scrollbar-track {box-shadow: inset 0 0 0px #606060;}
body::-webkit-scrollbar-thumb {background-color: #722282;outline: 0px solid #722282;}
body{font-family: 'Noto Kufi Arabic', sans-serif !important;font-size:1rem;line-height:1.3;color:#515251;overflow-x:hidden;}
h1,h2{font-family: 'Noto Kufi Arabic', sans-serif !important;line-height:1.3 !important;}
h3,h4,h5,h6{font-family: 'Noto Kufi Arabic', sans-serif !important;font-weight:600;color:#722282;line-height:1.3 !important;}
.elementor-widget-button .elementor-button,.elementor-widget-text-editor,.elementor-widget-slides .elementor-slide-description,.ue-item-title,.ue-item-text{font-family: 'Noto Kufi Arabic', sans-serif !important;}
.elementor-widget-slides .elementor-slide-heading{font-family: 'Noto Kufi Arabic', sans-serif !important}
.elementor-kit-5 h2 {font-weight: 400;}
h1{font-size:2.5rem;font-weight:400;color:#722282}
h2{font-size:2rem;font-weight:400;color:#722282}
h3{font-size:1.5rem;font-weight:400;color:#722282}
.ehf-header #masthead.sticky{position: fixed;width: 100%;}
.main_header{position:relative;overflow:hidden;}
.hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item {font-size: 1rem;}
.contact_us_link{display:none;}
.elementor-widget-wrap>.logo.elementor-element{width: 11rem;margin: 1rem 0;}
.overflow_image{overflow:hidden;position:absolute;bottom:0;}
.ehf-header #masthead {position: absolute;width: 100%;}
.main_slider .swiper{padding-bottom:0 !important;}
.elementor-counter .elementor-counter-title{font-size:1rem;line-height:130%;}
.h2_separator h2{font-size:3.5rem;font-weight:500 !important;}
.h3_separator h3{font-size:2.25rem;font-weight:400 !important;}
.elementor-button-icon svg {width: 1rem;}
.btn_dark .elementor-button{padding:0.75rem;color:#FFF;background-color:transparent !important;background-image:url('assets/img/btn_dark.png');background-repeat:no-repeat;background-size:contain;border:none;transition:all 0.5s ease-in-out;display: block;width: 12.5rem;}
.btn_light .elementor-button{padding:1rem;color:#FFF;background-color:transparent !important;background-image:url('assets/img/btn_light.png');background-repeat:no-repeat;background-size:contain;border:none;transition:all 0.5s ease-in-out;display: block;width: 15.5rem;}
.btn_light_small .elementor-button{padding:0.75rem;color:#FFF;background-color:transparent !important;background-image:url('assets/img/btn_light.png');background-repeat:no-repeat;background-size:contain;border:none;transition:all 0.5s ease-in-out;display: block;width: 12.5rem;}
.btn_dark .elementor-button:hover,.btn_dark .elementor-button:focus,.btn_light .elementor-button:hover,.btn_light .elementor-button:focus,.btn_light_small .elementor-button:hover,.btn_light_small .elementor-button:focus{color:#FFF;background-color:transparent;background-image:url('assets/img/btn_dark_2.png');border:none;}
.title_texture h2:after{content: '';width: 25%;height: 2px;background-color: #816f99;display: block;margin-top:0.5rem;}
.partners_slider img{width:10rem;}
.elementor-button span{font-size:1rem;}
.sticky .header_container{background-color:#816f99;}
.footer_text span,.footer_text p,.footer_text li.footer a,.footer_menu li a,.footer a{font-size:1rem;}
.footer h4{font-size:1.25em;color:#FFF;font-weight:500;}
.footer a{color:#FFF;transition:all 0.5s ease-in-out}
.footer a:hover{color:#ACACAC;}
.about_us_container > .elementor-container{background-image: url(assets/img/about_us_bg_text.svg);background-repeat: no-repeat;background-size: contain;padding:2.5rem 0;}
.about_us_image > .elementor-widget-wrap{margin-top:-13rem;}
.icon_color .cls-1 {fill: #604c79;}
.vision_mission_content{padding: 3rem 2rem 1rem 2rem;/*margin: 0 -2em -2em -2em;*/min-height: 17rem;width:100% !important;background-image: url(assets/img/vision_mission_bg.svg);background-repeat: no-repeat;background-position:top center;background-size: cover;}
.vision_mission_content .elementor-widget-container{margin:1rem 0;font-size:1rem;}
.methodology_content{padding: 3rem 1rem 1rem 1rem;min-height: 10rem;width:100% !important;background-image: url(assets/img/vision_mission_bg.svg);background-repeat: no-repeat;background-position:top center;background-size: cover;}
.methodology_content .elementor-widget-container{font-size:1rem;display: flex;align-items: center;}
.float-image {animation: float 3s ease-in-out infinite;}
.service_box{position:relative;transition:all 0.5s ease-in-out;position:relative;}
.service_box:after{content:'';width:90%;height:1px;background-color:#614e7b;transition:all 0.5s ease-in-out;position:absolute;left:5%; bottom:-1.1rem;}
.service_box h3{position:absolute;z-index:2;bottom:3rem;left:0;width:100%;transition:all 0.5s ease-in-out;font-weight:400;}
.service_box img{filter: grayscale(100%);transition:all 0.5s ease-in-out}
.service_box:not(.active):hover img{filter: grayscale(0%);transform: scale(1.1);}
.service_box:not(.active):hover h3{bottom:2rem;}
.service_box:not(.active):hover:after{height:0.15rem;bottom:-1.1rem;}
.service_box .elementor-widget-image{margin-block-end:0;overflow: hidden;}
.service_box.active img{filter: grayscale(0%);}
.service_box.active h3{bottom:2rem;}
.service_box.active:after{height:3px;bottom:-1.25rem;}
.elementor-field-textual{width: 80%;margin-right: 10%;border-bottom: 0;}  
.elementor-field-type-textarea{background-color: rgba(255, 255, 255, 0.3);padding: 0 0 0.85rem 0;margin-top: 1.5rem;}
.e-form__buttons{margin-top:-4rem;}
.hfe-pointer__underline .menu-item.parent a.hfe-menu-item:after{height: 0.1rem;border-radius: 2rem;}
.swiper-pagination {position:relative;left: 0;bottom: 0;display: flex;justify-content: center;margin-top:2vw;}
.swiper-pagination-bullet{background-image: url(assets/img/bullet_active.svg);background-color: transparent;width: 1.2rem;height: 0.5rem;background-size: contain;background-repeat: no-repeat;border-radius:0;margin: 0 2px !important;}
.main_slider .swiper-pagination {width: 90%;left: 10% !important;bottom: 2rem !important;display: flex;justify-content: flex-start;margin-top: 0;}
.main_slider .swiper-pagination-bullet{background-image: url(assets/img/bullet.svg);background-color: transparent;width: 1.2rem;height: 0.5rem;background-size: contain;background-repeat: no-repeat;border-radius:0;margin: 0 2px !important;}
.swiper-pagination-bullet-active{background-image: url(assets/img/bullet_active.svg)!important;;opacity:1 !important;}
.swiper-pagination-bullet{transition:all 0.5s ease-in-out;opacity:0.2;}
.swiper-pagination-bullet:nth-child(1){opacity:0.9;}
.swiper-pagination-bullet:nth-child(2){opacity:0.7;}
.swiper-pagination-bullet:nth-child(3){opacity:0.5;}
.swiper-pagination-bullet:nth-child(4){opacity:0.3;}
.lang-item-ar a{font-family: 'Changa', sans-serif !important;}

@keyframes float {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px); /* Move up */
  }
}


.accordion_container{/*width:95%;margin-left:5%;*/}
.accordion_container{margin-right:1rem;}
.accordion_container .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:0}
.elementor-column.elementor-col-25.accordion_col {width: 8%;transition: width 0.5s ease;overflow: hidden;cursor: pointer;position: relative;}
.accordion_col .accordion_default_col:hover,.accordion_col.active .accordion_default_col{background: #F0F0F0;background: linear-gradient(90deg,rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);}
.accordion_col .accordion_default_col {transition: width 0.5s ease;padding: 0px;text-align: center;white-space: wrap;max-width:100px;width:100%;}
.accordion_col .accordion_default_col .elementor-widget-wrap{display: flex;border-right: 1px solid #CCC;flex-wrap: nowrap;flex-direction: column;align-items: center;justify-content: space-between;overflow: hidden;}
.accordion_col .elementor-section{height:38rem;}
.accordion_col .accordion_default_col .elementor-widget-text-editor{transform: rotate(-90deg);transform-origin: center center;white-space: nowrap;display: inline-block;margin-block-end: 0;width: 8rem;text-align: left;}
.accordion_col .accordion_default_col .elementor-widget-text-editor p{margin-top: 2.5rem;font-size:2rem;margin-bottom: 0;color:#614e7b;font-weight:400;}
.accordion_col .accordion_default_col .elementor-widget-heading{transform: rotate(-90deg);transform-origin: center center;white-space: nowrap;display: inline-block;width: 5.5rem;text-align: left;}
.accordion_col .accordion_default_col .elementor-widget-heading h3{font-size: 5rem;top: 1rem;position: relative;font-weight: 300;color: #7a7a7a;margin-left: 1rem;}
.accordion_content {opacity: 0;width: 85%;overflow: hidden;transition: all 0.5s ease;white-space: wrap;padding: 0;width:0 !important;}
.elementor-column.elementor-col-25.accordion_col.active {width: 76%;}
.accordion_col.active .accordion_content {width:86.6% !important;opacity: 1;}
.accordion_col.active .accordion_default_col{width:13.3%}
.accordion_col .accordion_content {/*transition: opacity 0.2s ease 0.2s;width: 0;padding: 0;*/}
.accordion_container .elementor-container{justify-content: space-around;}
.accordion_default_col polygon.cls-1 {fill: #7c7b7b !important;}
.accordion_default_col svg{height: 2rem;left: 1rem;bottom: -1rem;}
.accordion_default_col .elementor-icon{font-size:1.5rem;}

@media only screen and (max-width: 1280px) {
.accordion_col .accordion_default_col .elementor-widget-text-editor p{margin-top: 1rem;}    
 .accordion_col .accordion_default_col .elementor-widget-heading h3 {font-size: 4rem;top: 1rem;}
}

@media only screen and (max-width: 1024px) {
.accordion_container{width:100%;margin-left:0%;margin-right:0;}
.accordion_col .accordion_default_col:hover,.accordion_col.active .accordion_default_col{background: #F0F0F0;background: linear-gradient(180deg,rgba(240, 240, 240, 0) 0%, rgba(240, 240, 240, 1) 100%);}
.accordion_container .elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:1rem 0}
.elementor-column.elementor-col-25.accordion_col {width: 100%;height: 7%;}
.accordion_col .accordion_default_col {padding: 0px;text-align: center;white-space: wrap;max-width:100%;width:100%;}
.accordion_col .accordion_default_col .elementor-widget-wrap{display: flex;border-bottom: 1px solid #CCC;border-right:0;flex-wrap: nowrap;flex-direction: row-reverse;align-items: flex-end;justify-content: space-between;overflow: hidden;}
.accordion_col .accordion_default_col .elementor-widget-text-editor{transform: rotate(0deg);margin-block-end: 0;width: 79%;text-align: left;}
.accordion_col .elementor-section{height:auto;}
.accordion_col .accordion_default_col .elementor-widget-text-editor p{font-size:1.5rem;margin-bottom: 0;color:#614e7b;font-weight:400;padding-left: 10%;}
.accordion_col .accordion_default_col .elementor-widget-heading{transform: rotate(0deg);width: 20%;text-align: left;}
.accordion_col .accordion_default_col .elementor-widget-heading h3{font-size: 3rem;top: 0.45rem;line-height:100% !important;}
.accordion_content {opacity: 0;width: 100%;overflow: hidden;transition: all 0.5s ease;white-space: wrap;padding: 0;height:0 !important;}
.elementor-column.elementor-col-25.accordion_col.active {height: 79%;width:100%;}
.accordion_col.active .accordion_content {height:100% !important;width:100% !important;opacity: 1;}
.accordion_col.active .accordion_default_col{width:100%}
.accordion_container>.elementor-container{justify-content: space-around;max-height:1000px;}
.accordion_default_col polygon.cls-1 {fill: #7c7b7b !important;}
.accordion_col .elementor-container.elementor-column-gap-default{display: flex;flex-direction: column-reverse;}	
.accordion_default_col svg {width: 1.5rem;position: relative;right: 1rem;height: auto; left: -1rem;bottom: 0rem;}
.accordion_col .elementor-widget-icon{width: 10%;margin-block-end:0}
}


@media only screen and (max-width: 767px) {
html {font-size: 16px;}    
body{font-size:1rem;}
h1{font-size:2rem;}
h2{font-size:1.5rem;}
.main_title h1{font-size:2.25rem;}	
.header_line_below h3{font-size:1.5rem;}
.btn_light .elementor-button,.btn_dark .elementor-button{padding: 0.65rem;width: 11rem;}
.contact_icon_box .elementor-icon-box-title{font-size:1.1rem;}
.button_container .elementor-button .elementor-button-text{font-size:1rem;}
.h2_separator h2{font-size:2.25rem;}
.h3_separator h3{font-size:1.75rem;}
.elementor-button span{font-size:1rem;}
.footer h4{font-size:1rem;margin: 0 0 0.5rem 0;}
.footer p,.footer .elementor-widget-container,.footer a,.footer span{margin-bottom:0;font-size:0.85rem;}
.hfe-active-menu.hfe-active-menu-full-width + .hfe-nav-menu__layout-horizontal{top:150%;}
.vision_mission_content {padding: 3rem 2rem 1rem 2rem;/*margin: 0 -2em -2em -2em;*/min-height: 17rem;width: 100% !important;border-radius: 0 0 20px 20px;}
.vision_mission_content .elementor-widget-container{margin:1rem 0;font-size:1rem;}
.hfe-nav-menu__layout-horizontal li.menu-item, .hfe-nav-menu__layout-horizontal > li.menu-item {font-size: 1rem;}
.overflow_image{position:relative;bottom:0;}
.elementor-counter .elementor-counter-title{font-size:1rem;text-align:center;}
.methodology_content{min-height: auto;}
.about_us_container > .elementor-container{background-image: none;background-position:bottom left;padding:1rem 0;}
.service_box h3{bottom:0.65rem;}
.service_box.active h3{bottom:0.5rem;}
.service_box:not(.active):hover h3{bottom:0.65rem;}
.service_box,.service_box.active{border:none !important;}
.elementor-counter .elementor-counter-number-wrapper{font-size: 3.5rem;}
.ehf-header #masthead{position:relative;background-color:#63507d;}
.contact_us_link{display:block;}
.elementor-widget-wrap>.logo.elementor-element{width: 10rem;margin: 1rem 1rem;}
.about_us_image > .elementor-widget-wrap{margin-top:-3rem;}
.service_box:after{display:none;}
.elementor-field-textual{width: 100%;margin-right: 0%;}  
.e-form__buttons{margin-top:0rem;}

}