.elementor-3011 .elementor-element.elementor-element-6bcb43be{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-3011 .elementor-element.elementor-element-2269ca6d{width:100%;max-width:100%;}#elementor-popup-modal-3011{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-3011 .dialog-message{height:auto;}#elementor-popup-modal-3011 .dialog-close-button{display:flex;top:-10%;font-size:24px;}#elementor-popup-modal-3011 .dialog-widget-content{box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}body:not(.rtl) #elementor-popup-modal-3011 .dialog-close-button{right:-10%;}body.rtl #elementor-popup-modal-3011 .dialog-close-button{left:-10%;}#elementor-popup-modal-3011 .dialog-close-button i{color:var( --e-global-color-sk_color_3 );}#elementor-popup-modal-3011 .dialog-close-button svg{fill:var( --e-global-color-sk_color_3 );}/* Start custom CSS */.sk-overline{
    font-weight: 600;
    text-transform: uppercase;
}
.p p{
    margin-bottom: 0!important;
}

.ov-hidden{
    overflow: hidden!important;
    border-radius:28px;
}

body {
  overflow-y: hidden;
  scrollbar-width: none;           /* Firefox */
}

body::-webkit-scrollbar {
  display: none;                   /* Chrome, Edge, Safari */
}


/* Add your custom styles here */

html , body {
    overflow-x: hidden!important;
}

/*2nd text Link UI*/
.ct-button .elementor-button-content-wrapper .elementor-button-text::before{
    content:"";
    position: absolute;
    bottom:-2px;
    left:-2px;
    width: 50%;
    height: 3px;
    padding-top:5px;
    background-color:var(--e-global-color-primary);
    transition: 0.2s all;
}

.ct-button:hover .elementor-button-content-wrapper .elementor-button-text::before{
    width: 90%;
    height: 3px;
    background-color:var(--e-global-color-primary);
}

.ct-button .elementor-button-icon{
    transform: rotate(-45deg)
}

/*Learn at Maarif cards hover*/
.anim-container-parent{
    overflow: hidden!important;
}
.anim-container-parent .anim-container-lam{
    margin-bottom: -120px;
    opacity:0.5;
    transition:0.2s All;
}
.anim-container-parent:hover .anim-container-lam{
    margin-bottom: 0;
    opacity:1;
}

.parent-show .show-content{
   height:517px;
    opacity: 0;
    transition:0.3s all;
}

.parent-show:hover .show-content{
    opacity: 1;
    overflow: hidden!important;
}

/*scroll fade text*/
.scroll-fade-text {
  display: inline-block;
  line-height: 1.6;
  font-size: 1rem;
}

.scroll-fade-text .char{
  display:inline-block;
  opacity:.3;
  transition: opacity .12s linear; /* was .3s ease */
}




:root {
    --v-space: 20px;
    --h-space: 30px;
    --h-space-half: 15px;
}

.e-con {
    --col-1:  calc(100% * (1 / 12));
    --col-2:  calc(100% * (2 / 12));
    --col-3:  calc(100% * (3 / 12));
    --col-4:  calc(100% * (4 / 12));
    --col-5:  calc(100% * (5 / 12));
    --col-6:  calc(100% * (6 / 12));
    --col-7:  calc(100% * (7 / 12));
    --col-8:  calc(100% * (8 / 12));
    --col-9:  calc(100% * (9 / 12));
    --col-10: calc(100% * (10 / 12));
    --col-11: calc(100% * (11 / 12));
    --col-12: 100%;
    --col-width-1:  calc(var(--container-max-width) * (1 / 12));
    --col-width-2:  calc(var(--container-max-width) * (2 / 12));
    --col-width-3:  calc(var(--container-max-width) * (3 / 12));
    --col-width-4:  calc(var(--container-max-width) * (4 / 12));
    --col-width-5:  calc(var(--container-max-width) * (5 / 12));
    --col-width-6:  calc(var(--container-max-width) * (6 / 12));
    --col-width-7:  calc(var(--container-max-width) * (7 / 12));
    --col-width-8:  calc(var(--container-max-width) * (8 / 12));
    --col-width-9:  calc(var(--container-max-width) * (9 / 12));
    --col-width-10: calc(var(--container-max-width) * (10 / 12));
    --col-width-11: calc(var(--container-max-width) * (11 / 12));
    --col-width-12: var(--container-max-width);
}


/*********************************
TYPOGRAPHY
**********************************/

h1, h2, h3, h4, h5, h6 {
    margin-top: 0;
    margin-bottom: var(--v-space);
}

a.elementor-button:hover {
    text-decoration: none;
}

.elementor-widget-text-editor ul,
.elementor-widget-text-editor ol {
    margin-bottom: var(--v-space);
}

.elementor-widget-text-editor .elementor-widget-container > *:last-child,
.elementor-widget-text-editor .elementor-text-editor > *:last-child,
.elementor-widget-theme-post-content > .elementor-widget-container > *:last-child {
    margin-bottom: 0;
}


/*********************************
COLUMNS
**********************************/

.site-width-1  { --width: min(var(--col-1),  var(--col-width-1)); }
.site-width-2  { --width: min(var(--col-2),  var(--col-width-2)); }
.site-width-3  { --width: min(var(--col-3),  var(--col-width-3)); }
.site-width-4  { --width: min(var(--col-4),  var(--col-width-4)); }
.site-width-5  { --width: min(var(--col-5),  var(--col-width-5)); }
.site-width-6  { --width: min(var(--col-6),  var(--col-width-6)); }
.site-width-7  { --width: min(var(--col-7),  var(--col-width-7)); }
.site-width-8  { --width: min(var(--col-8),  var(--col-width-8)); }
.site-width-9  { --width: min(var(--col-9),  var(--col-width-9)); }
.site-width-10 { --width: min(var(--col-10), var(--col-width-10)); }
.site-width-11 { --width: min(var(--col-11), var(--col-width-11)); }
.site-width-12 { --width: min(var(--col-12), var(--col-width-12)); }

.stretch-width-1  { --width: max(var(--col-1),  (50% - var(--col-width-5))); }
.stretch-width-2  { --width: max(var(--col-2),  (50% - var(--col-width-4))); }
.stretch-width-3  { --width: max(var(--col-3),  (50% - var(--col-width-3))); }
.stretch-width-4  { --width: max(var(--col-4),  (50% - var(--col-width-2))); }
.stretch-width-5  { --width: max(var(--col-5),  (50% - var(--col-width-1))); }
.stretch-width-6  { --width: min(var(--col-6),   50%); }
.stretch-width-7  { --width: min(var(--col-7),  (50% + var(--col-width-1))); }
.stretch-width-8  { --width: min(var(--col-8),  (50% + var(--col-width-2))); }
.stretch-width-9  { --width: min(var(--col-9),  (50% + var(--col-width-3))); }
.stretch-width-10 { --width: min(var(--col-10), (50% + var(--col-width-4))); }
.stretch-width-11 { --width: min(var(--col-11), (50% + var(--col-width-5))); }
.stretch-width-12 { --width: min(var(--col-12), (50% + var(--col-width-6))); }

.col-pad-left  { --margin-inline-start: min(var(--col-1), var(--col-width-1)); }
.col-pad-right { --margin-inline-end:   min(var(--col-1), var(--col-width-1)); }

.remove-gap-left .elementor-widget-container {
    margin-left: calc(var(--h-space-half) * -1);
}
.remove-gap-right .elementor-widget-container {
    margin-right: calc(var(--h-space-half) * -1);
}

@media (max-width: 767px) {
    .remove-gap-left .elementor-widget-container {
        margin-left: 0;
    }
    .remove-gap-right .elementor-widget-container {
        margin-right: 0;
    }
}


/*********************************
IMAGES/MEDIA
**********************************/

.elementor-widget-icon .elementor-icon {
    vertical-align: middle;
}

.icon-dynamic-size .elementor-icon svg {
    height: 1em;
    width: auto;
}

.elementor-widget-image.full-height-image,
.elementor-widget-image.full-height-image .elementor-widget-container,
.elementor-widget-image.full-height-image .elementor-widget-container > a {
    height: 100%;
}
.elementor-widget-image.full-height-image .elementor-widget-container img {
    min-height: 100%;
    object-fit: cover;
    object-position: center;
}

.image-aspect-1-1 .elementor-widget-container,
.image-aspect-4-3 .elementor-widget-container,
.image-aspect-3-2 .elementor-widget-container,
.image-aspect-5-3 .elementor-widget-container,
.image-aspect-16-9 .elementor-widget-container,
.image-aspect-3-4 .elementor-widget-container,
.image-aspect-2-3 .elementor-widget-container {
    position: relative;
    z-index: 1;
    width: 100%;
}
.image-aspect-1-1 img,
.image-aspect-4-3 img,
.image-aspect-3-2 img,
.image-aspect-5-3 img,
.image-aspect-16-9 img,
.image-aspect-3-4 img,
.image-aspect-2-3 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    object-fit: cover;
}
.image-aspect-1-1 .elementor-widget-container { padding-top: 100%; }
.image-aspect-4-3 .elementor-widget-container { padding-top: 75%; }
.image-aspect-3-2 .elementor-widget-container { padding-top: 66.666%; }
.image-aspect-5-3 .elementor-widget-container { padding-top: 60%; }
.image-aspect-16-9 .elementor-widget-container { padding-top: 56.25%; }
.image-aspect-3-4 .elementor-widget-container { padding-top: 133.333%; }
.image-aspect-2-3 .elementor-widget-container { padding-top: 150%; }


/*********************************
MENUS
**********************************/

.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:focus,
.elementor-widget-nav-menu ul.elementor-nav-menu--dropdown a:hover {
    border-left-width: var(--h-space-half);
}
.elementor-widget-nav-menu .elementor-nav-menu--main ul.elementor-nav-menu--dropdown a {
    border: none;
}

.elementor-widget-nav-menu .elementor-menu-toggle {
    padding: 0;
}



/*button css*/
.elementor-button-content-wrapper{
    align-items: center!important;
}/* End custom CSS */