.elementor-30 .elementor-element.elementor-element-f132383{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-30 .elementor-element.elementor-element-daa4045{text-align:center;}.elementor-30 .elementor-element.elementor-element-e215845{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overflow:hidden;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-30 .elementor-element.elementor-element-e215845:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-e215845 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B2B3B8;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );}.elementor-30 .elementor-element.elementor-element-ab8ad43 img{width:100%;height:100vh;}.elementor-30 .elementor-element.elementor-element-3e6cb46{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overlay-opacity:0.82;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:200px;--padding-left:15px;--padding-right:15px;}.elementor-30 .elementor-element.elementor-element-3e6cb46:not(.elementor-motion-effects-element-type-background), .elementor-30 .elementor-element.elementor-element-3e6cb46 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://abhath.org.sa/wp-content/uploads/2024/10/Picture2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-30 .elementor-element.elementor-element-3e6cb46::before, .elementor-30 .elementor-element.elementor-element-3e6cb46 > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-3e6cb46 > .e-con-inner > .elementor-background-video-container::before, .elementor-30 .elementor-element.elementor-element-3e6cb46 > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-3e6cb46 > .e-con-inner > .elementor-background-slideshow::before, .elementor-30 .elementor-element.elementor-element-3e6cb46 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-secondary );--background-overlay:'';}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-30 .elementor-element.elementor-element-3e6cb46{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-30 .elementor-element.elementor-element-ab8ad43 img{object-fit:cover;}}/* Start custom CSS for container, class: .elementor-element-e215845 */.slider {
    height: 70vh;
    position: relative;
}

.slider::before,
.slider::after {
    content: '';
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    height: 300px;
    width: 10px;
    background-color: #1D2136;
    z-index: 5;
}
.slider::before {
    left: 0;
}
.slider::after {
    right: 0;
}/* End custom CSS */