.elementor-11821 .elementor-element.elementor-element-e5a45b4{--display:flex;--min-height:600px;--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;--justify-content:center;--overlay-opacity:0.21;}.elementor-11821 .elementor-element.elementor-element-e5a45b4:not(.elementor-motion-effects-element-type-background), .elementor-11821 .elementor-element.elementor-element-e5a45b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-text );background-image:url("https://alhazazplast.com/wp-content/uploads/2025/10/15acd2a6-4457-471e-a5bc-726fae875f22.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-11821 .elementor-element.elementor-element-e5a45b4::before, .elementor-11821 .elementor-element.elementor-element-e5a45b4 > .elementor-background-video-container::before, .elementor-11821 .elementor-element.elementor-element-e5a45b4 > .e-con-inner > .elementor-background-video-container::before, .elementor-11821 .elementor-element.elementor-element-e5a45b4 > .elementor-background-slideshow::before, .elementor-11821 .elementor-element.elementor-element-e5a45b4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-11821 .elementor-element.elementor-element-e5a45b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000005;--background-overlay:'';}.elementor-11821 .elementor-element.elementor-element-d2570fc{--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;--align-items:center;--gap:34px 34px;--row-gap:34px;--column-gap:34px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-11821 .elementor-element.elementor-element-506a2f6{--display:flex;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-11821 .elementor-element.elementor-element-4d47824{text-align:start;}.elementor-11821 .elementor-element.elementor-element-4d47824 .elementor-heading-title{font-size:65px;font-weight:800;color:#FFFFFF;}.elementor-11821 .elementor-element.elementor-element-fe5b251{width:var( --container-widget-width, 40% );max-width:40%;--container-widget-width:40%;--container-widget-flex-grow:0;text-align:start;}.elementor-11821 .elementor-element.elementor-element-fe5b251.elementor-element{--align-self:flex-start;}.elementor-11821 .elementor-element.elementor-element-fe5b251 .elementor-heading-title{font-size:64px;font-weight:700;color:var( --e-global-color-secondary );}.elementor-11821 .elementor-element.elementor-element-2cc855b{--display:flex;--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-11821 .elementor-element.elementor-element-bb9215c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11821 .elementor-element.elementor-element-a1d99e6{--display:flex;--justify-content:center;}.elementor-11821 .elementor-element.elementor-element-3687190{padding:0px 0px 34px 0px;text-align:start;}.elementor-11821 .elementor-element.elementor-element-3687190 .elementor-heading-title{font-size:24px;font-weight:600;color:var( --e-global-color-text );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11821 .elementor-element.elementor-element-3e75862{text-align:start;font-size:18px;font-weight:400;}.elementor-11821 .elementor-element.elementor-element-5cc85e1{--display:flex;--padding-top:100px;--padding-bottom:20px;--padding-left:50px;--padding-right:50px;}.elementor-11821 .elementor-element.elementor-element-6fee0ba{--display:flex;--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;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-11821 .elementor-element.elementor-element-0081769{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-11821 .elementor-element.elementor-element-bbd719e{--display:flex;}.elementor-11821 .elementor-element.elementor-element-5d94fa4{--display:flex;}.elementor-11821 .elementor-element.elementor-element-ed80287{--display:flex;--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;--padding-top:34px;--padding-bottom:34px;--padding-left:0px;--padding-right:0px;}.elementor-11821 .elementor-element.elementor-element-04dd56e{padding:0px 0px 48px 0px;text-align:center;}.elementor-11821 .elementor-element.elementor-element-04dd56e .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-text );}.elementor-11821 .elementor-element.elementor-element-e15c8ae{--swiper-slides-to-display:3;--swiper-slides-gap:16px;--arrow-prev-left-align:0%;--arrow-prev-translate-x:0px;--arrow-prev-left-position:0px;--arrow-prev-top-align:50%;--arrow-prev-translate-y:-50%;--arrow-prev-top-position:0px;--arrow-next-right-align:0%;--arrow-next-translate-x:0%;--arrow-next-right-position:0px;--arrow-next-top-align:50%;--arrow-next-translate-y:-50%;--arrow-next-top-position:0px;--swiper-pagination-size:2px;--progressbar-normal-color:var( --e-global-color-secondary );}.elementor-11821 .elementor-element.elementor-element-e15c8ae .swiper-slide > .elementor-element{height:100%;}.elementor-11821 .elementor-element.elementor-element-7297ec1{--display:flex;--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-11821 .elementor-element.elementor-element-9fa3d2f{padding:0px 0px 48px 0px;text-align:center;}.elementor-11821 .elementor-element.elementor-element-9fa3d2f .elementor-heading-title{font-family:"Tajawal", Sans-serif;font-size:24px;font-weight:600;color:var( --e-global-color-text );}.elementor-11821 .elementor-element.elementor-element-6fe1707{--e-image-carousel-slides-to-show:5;}.elementor-11821 .elementor-element.elementor-element-6fe1707 .swiper-wrapper{display:flex;align-items:center;}.elementor-11821 .elementor-element.elementor-element-cdef47d{--display:flex;--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;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-11821 .elementor-element.elementor-element-e5a45b4{--min-height:400px;}.elementor-11821 .elementor-element.elementor-element-d2570fc{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-11821 .elementor-element.elementor-element-4d47824 .elementor-heading-title{font-size:45px;}.elementor-11821 .elementor-element.elementor-element-fe5b251{width:var( --container-widget-width, 348px );max-width:348px;--container-widget-width:348px;--container-widget-flex-grow:0;}.elementor-11821 .elementor-element.elementor-element-2cc855b{--padding-top:60px;--padding-bottom:60px;--padding-left:16px;--padding-right:16px;}.elementor-11821 .elementor-element.elementor-element-e15c8ae{--swiper-slides-to-display:2;}.elementor-11821 .elementor-element.elementor-element-7297ec1{--padding-top:60px;--padding-bottom:60px;--padding-left:16px;--padding-right:16px;}.elementor-11821 .elementor-element.elementor-element-6fe1707{--e-image-carousel-slides-to-show:3;}}@media(max-width:767px){.elementor-11821 .elementor-element.elementor-element-4d47824 .elementor-heading-title{font-size:40px;}.elementor-11821 .elementor-element.elementor-element-fe5b251{text-align:center;}.elementor-11821 .elementor-element.elementor-element-3687190{text-align:center;}.elementor-11821 .elementor-element.elementor-element-e15c8ae{--swiper-slides-to-display:1;}.elementor-11821 .elementor-element.elementor-element-7297ec1{--padding-top:60px;--padding-bottom:160px;--padding-left:16px;--padding-right:16px;}.elementor-11821 .elementor-element.elementor-element-6fe1707{--e-image-carousel-slides-to-show:1;}}@media(min-width:1025px){.elementor-11821 .elementor-element.elementor-element-e5a45b4:not(.elementor-motion-effects-element-type-background), .elementor-11821 .elementor-element.elementor-element-e5a45b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for html, class: .elementor-element-11c46f4 */.about-header{

    max-width:900px;

    margin:0 auto 90px;

    text-align:center;

}

.section-line{

    display:block;

    width:80px;

    height:4px;

    margin:0 auto 24px;

    border-radius:30px;

    background:#FAAF40;

}

.section-subtitle{

    display:inline-block;

    margin-bottom:12px;

    font-size:var(--e-global-typography-text-font-size);

    font-weight:600;

    letter-spacing:2px;

    color:var(--e-global-color-primary);

    text-transform:uppercase;

}
.about-header h2{

    margin:0 0 24px;

    font-size:48px;

    font-weight:800;

    color:#001F3B;

    line-height:1.2;

}

.about-header p{

    margin:0 auto;

    max-width:760px;

    font-size:20px;

    line-height:2;

    color:#667085;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a68cd4 */.about-card{

    position:relative;
    overflow:hidden;

    padding:60px 50px;

    background:linear-gradient(180deg,#ffffff 0%,#F8FAFF 100%);

    border:1px solid #F0F1FF;

    border-radius:28px;

    transition:.45s ease;

    box-shadow:
    0 15px 45px rgba(43,85,135,.08);

}

.about-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        #2B5587,
        #355F94,
        #244A78
    );

    opacity:0;

    transition:.45s;

    z-index:0;

} 

.about-card>*{

    position:relative;

    z-index:2;

}

.about-card:hover::before{

    opacity:1;

}

.about-card:hover{

    transform:

    translateY(-14px);

    border-color:#FAAF40;

    box-shadow:

    0 35px 80px rgba(43,85,135,.25);

}
.about-icon{

    width:82px;
    height:82px;

    border-radius:22px;

    display:flex;
    justify-content:center;
    align-items:center;

    margin:auto auto 32px;

    font-size:34px;

    color:#2B5587;

    background:#EDF4FF;

    transition:.45s;

}

.about-card:hover .about-icon{

    background:#FAAF40;

    color:#fff;

    transform:

    rotate(-8deg)

    translateY(-6px)

    scale(1.08);

}
.about-card h3{

    color:#001F3B;

    transition:.35s;

}

.about-card::after{
    z-index:1;
}

.about-card .shine{
    z-index:1;
}

.about-card:hover h3{

    color:#D7A84B;

}
.about-card p{

    color:#5E6675;

    transition:.35s;

}

.about-card:hover p{

    color:#fff;

}

.about-card:hover p{

    color:#fff;

}  
.about-card::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    right:-90px;
    top:-90px;

    border-radius:50%;

    background:rgba(250,175,64,.12);

    transition:.5s;

}

.about-card:hover::after{

    transform:scale(1.35);

    background:rgba(250,175,64,.18);

}
.about-card .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.about-card .shine::before{

    content:"";

    position:absolute;

    top:0;
    left:-140%;

    width:70%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.18),

        transparent

    );

    transform:skewX(-25deg);

}

.about-card:hover .shine::before{

    animation:shine 1s;

}

@keyframes shine{

    to{

        left:170%;

    }

}
.about-card .top-line{

    position:absolute;

    top:0;

    left:50%;

    width:70px;

    height:4px;

    background:#FAAF40;

    transform:translateX(-50%);

    border-radius:20px;

    transition:.4s;

}

.about-card:hover .top-line{

    width:100%;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ece1d0d */.about-card{

    position:relative;
    overflow:hidden;

    padding:60px 50px;

    background:linear-gradient(180deg,#ffffff 0%,#F8FAFF 100%);

    border:1px solid #F0F1FF;

    border-radius:28px;

    transition:.45s ease;

    box-shadow:
    0 15px 45px rgba(43,85,135,.08);

}

.about-card::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        135deg,
        #2B5587,
        #355F94,
        #244A78
    );

    opacity:0;

    transition:.45s;

    z-index:0;

} 

.about-card>*{

    position:relative;

    z-index:2;

}

.about-card:hover::before{

    opacity:1;

}

.about-card:hover{

    transform:

    translateY(-14px);

    border-color:#FAAF40;

    box-shadow:

    0 35px 80px rgba(43,85,135,.25);

}
.about-icon{

    width:82px;
    height:82px;

    border-radius:22px;

    display:flex;
    justify-content:center;
    align-items:center;

    margin:auto auto 32px;

    font-size:34px;

    color:#2B5587;

    background:#EDF4FF;

    transition:.45s;

}

.about-card:hover .about-icon{

    background:#FAAF40;

    color:#fff;

    transform:

    rotate(-8deg)

    translateY(-6px)

    scale(1.08);

}
.about-card h3{

    color:#001F3B;

    transition:.35s;

}

.about-card::after{
    z-index:1;
}

.about-card .shine{
    z-index:1;
}

.about-card:hover h3{

    color:#D7A84B;

}
.about-card p{

    color:#5E6675;

    transition:.35s;

}

.about-card:hover p{

    color:#fff;

}

.about-card:hover p{

    color:#fff;

}  
.about-card::after{

    content:"";

    position:absolute;

    width:260px;
    height:260px;

    right:-90px;
    top:-90px;

    border-radius:50%;

    background:rgba(250,175,64,.12);

    transition:.5s;

}

.about-card:hover::after{

    transform:scale(1.35);

    background:rgba(250,175,64,.18);

}
.about-card .shine{

    position:absolute;

    inset:0;

    overflow:hidden;

    pointer-events:none;

}

.about-card .shine::before{

    content:"";

    position:absolute;

    top:0;
    left:-140%;

    width:70%;

    height:100%;

    background:linear-gradient(

        90deg,

        transparent,

        rgba(255,255,255,.18),

        transparent

    );

    transform:skewX(-25deg);

}

.about-card:hover .shine::before{

    animation:shine 1s;

}

@keyframes shine{

    to{

        left:170%;

    }

}
.about-card .top-line{

    position:absolute;

    top:0;

    left:50%;

    width:70px;

    height:4px;

    background:#FAAF40;

    transform:translateX(-50%);

    border-radius:20px;

    transition:.4s;

}

.about-card:hover .top-line{

    width:100%;

}/* End custom CSS */
/* Start custom CSS for loop-carousel, class: .elementor-element-e15c8ae */.elementor-11821 .elementor-element.elementor-element-e15c8ae .swiper-pagination-progressbar {
   
    top: auto !important;
    margin-top: 15px;
}/* End custom CSS */