.elementor-984 .elementor-element.elementor-element-400e108{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1.0E+63;}.elementor-984 .elementor-element.elementor-element-400e108:not(.elementor-motion-effects-element-type-background), .elementor-984 .elementor-element.elementor-element-400e108 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#3C1774;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-984 .elementor-element.elementor-element-115f0df{text-align:right;}.elementor-984 .elementor-element.elementor-element-115f0df .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-984 .elementor-element.elementor-element-a3b3d22{text-align:right;}.elementor-984 .elementor-element.elementor-element-a3b3d22 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-984 .elementor-element.elementor-element-3bb9976{text-align:right;}.elementor-984 .elementor-element.elementor-element-3bb9976 .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}/* Start custom CSS for html, class: .elementor-element-b815f8e */.mobile_bottom_container.is-hidden{
  transform: translateY(110%);
  opacity: 0;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-400e108 */.elementor-984 .elementor-element.elementor-element-400e108  a{
    cursor: pointer;
    postion:relative;
}
.elementor-984 .elementor-element.elementor-element-400e108 a::before{
    content: "";
    position: absolute;
    transition: all 500ms linear;
    background: #FFF;
    height: 3px;
    top: 107%;
    width: 0
}
.elementor-984 .elementor-element.elementor-element-400e108 a:hover:before{
    width: 80%;
    
}/* End custom CSS */