.elementor-169 .elementor-element.elementor-element-0fec1e5{--display:flex;--min-height:116vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:center;--background-transition:0.3s;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-169 .elementor-element.elementor-element-0fec1e5, .elementor-169 .elementor-element.elementor-element-0fec1e5::before{--border-transition:0.3s;}.elementor-169 .elementor-element.elementor-element-0fec1e5 > .elementor-shape-bottom .elementor-shape-fill, .elementor-169 .elementor-element.elementor-element-0fec1e5 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:#FFFFFF;}.elementor-169 .elementor-element.elementor-element-0fec1e5 > .elementor-shape-bottom svg, .elementor-169 .elementor-element.elementor-element-0fec1e5 > .e-con-inner > .elementor-shape-bottom svg{height:137px;}.elementor-169 .elementor-element.elementor-element-7554318 img{width:30vw;}.elementor-169 .elementor-element.elementor-element-7554318 > .elementor-widget-container{margin:-50px 0px 50px 0px;}.elementor-169 .elementor-element.elementor-element-3d52324{text-align:center;}.elementor-169 .elementor-element.elementor-element-3d52324 .elementor-heading-title{color:#FFFFFF;font-family:"Saira Semi Condensed", Sans-serif;font-size:29px;font-weight:600;text-transform:uppercase;line-height:40px;text-shadow:0px 0px 10px rgba(0, 0, 0, 0.33);}.elementor-169 .elementor-element.elementor-element-c952593{text-align:center;}.elementor-169 .elementor-element.elementor-element-c952593 .elementor-heading-title{color:#FFFFFF;font-family:"Saira Semi Condensed", Sans-serif;font-size:16px;font-weight:600;text-transform:uppercase;}.elementor-169 .elementor-element.elementor-element-bae58ab{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--background-transition:0.3s;--margin-top:-90px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:2;}.elementor-169 .elementor-element.elementor-element-bae58ab, .elementor-169 .elementor-element.elementor-element-bae58ab::before{--border-transition:0.3s;}.elementor-169 .elementor-element.elementor-element-071a0fe{--display:flex;--background-transition:0.3s;--margin-top:150px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-169 .elementor-element.elementor-element-073b02a{text-align:left;}.elementor-169 .elementor-element.elementor-element-073b02a .elementor-heading-title{font-family:"Saira Semi Condensed", Sans-serif;font-size:50px;font-weight:900;letter-spacing:0px;}.elementor-169 .elementor-element.elementor-element-2d807bd{text-align:justify;font-family:"Saira Semi Condensed", Sans-serif;font-weight:500;}.elementor-169 .elementor-element.elementor-element-6c1a07b{--display:flex;--background-transition:0.3s;}.elementor-169 .elementor-element.elementor-element-99fe1f3{--swiper-slides-to-display:1;--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-slides-gap:10px;}.elementor-169 .elementor-element.elementor-element-99fe1f3 .swiper-slide > .elementor-element{height:100%;}.elementor-169 .elementor-element.elementor-element-22d3795{--display:flex;--background-transition:0.3s;--margin-top:40px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-169 .elementor-element.elementor-element-e3a7ae6{text-align:left;}.elementor-169 .elementor-element.elementor-element-e3a7ae6 .elementor-heading-title{font-family:"Saira Semi Condensed", Sans-serif;font-size:50px;font-weight:900;letter-spacing:0px;}.elementor-169 .elementor-element.elementor-element-278128d{--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;--justify-content:space-between;--align-items:center;--background-transition:0.3s;}.elementor-169 .elementor-element.elementor-element-77a02a9{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:center;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-169 .elementor-element.elementor-element-77a02a9:not(.elementor-motion-effects-element-type-background), .elementor-169 .elementor-element.elementor-element-77a02a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF7D 0%, #FFFFFF00 100%);}.elementor-169 .elementor-element.elementor-element-77a02a9, .elementor-169 .elementor-element.elementor-element-77a02a9::before{--border-transition:0.3s;}.elementor-169 .elementor-element.elementor-element-06bd10a img{width:100px;}.elementor-169 .elementor-element.elementor-element-06bd10a > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-169 .elementor-element.elementor-element-6449402 .elementor-heading-title{font-family:"Saira Semi Condensed", Sans-serif;font-weight:500;}.elementor-169 .elementor-element.elementor-element-3a6848b{text-align:justify;font-family:"Saira Semi Condensed", Sans-serif;font-weight:500;}.elementor-169 .elementor-element.elementor-element-3a6848b > .elementor-widget-container{margin:40px 0px 0px 0px;}.elementor-169 .elementor-element.elementor-element-4296a43{--display:flex;--min-height:400px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--justify-content:center;--align-items:center;--background-transition:0.3s;--border-radius:8px 8px 8px 8px;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.02);--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;--z-index:1;}.elementor-169 .elementor-element.elementor-element-4296a43:not(.elementor-motion-effects-element-type-background), .elementor-169 .elementor-element.elementor-element-4296a43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF7D 0%, #FFFFFF00 100%);}.elementor-169 .elementor-element.elementor-element-4296a43, .elementor-169 .elementor-element.elementor-element-4296a43::before{--border-transition:0.3s;}.elementor-169 .elementor-element.elementor-element-cf4a976 img{width:100px;}.elementor-169 .elementor-element.elementor-element-cf4a976 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-169 .elementor-element.elementor-element-592201a .elementor-heading-title{font-family:"Saira Semi Condensed", Sans-serif;font-weight:500;}.elementor-169 .elementor-element.elementor-element-3d9c175{text-align:justify;font-family:"Saira Semi Condensed", Sans-serif;font-weight:500;}@media(min-width:768px){.elementor-169 .elementor-element.elementor-element-77a02a9{--width:500px;}.elementor-169 .elementor-element.elementor-element-4296a43{--width:500px;}}@media(max-width:1024px){.elementor-169 .elementor-element.elementor-element-99fe1f3{--swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-169 .elementor-element.elementor-element-0fec1e5{--min-height:102vh;}.elementor-169 .elementor-element.elementor-element-0fec1e5 > .elementor-shape-bottom svg, .elementor-169 .elementor-element.elementor-element-0fec1e5 > .e-con-inner > .elementor-shape-bottom svg{height:36px;}.elementor-169 .elementor-element.elementor-element-071a0fe{--margin-top:120px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-169 .elementor-element.elementor-element-073b02a .elementor-heading-title{font-size:40px;}.elementor-169 .elementor-element.elementor-element-99fe1f3{--swiper-slides-to-display:1;}.elementor-169 .elementor-element.elementor-element-e3a7ae6 .elementor-heading-title{font-size:40px;}.elementor-169 .elementor-element.elementor-element-4296a43{--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}/* Start custom CSS for image, class: .elementor-element-7554318 */.arabic-alhobok-main-page img {
    animation: alhobokpulse 2s ease-in-out;
    animation-iteration-count: infinite
}

@media only screen and (max-width: 600px) {
    .arabic-alhobok-main-page img {
        width: 60% !important;
    }
}


@keyframes alhobokpulse {
    0% {
        scale: 0.97;
        filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.2));
        opacity: 0.9;
    }
    50% {
        scale: 1;
        filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.8));
        opacity: 1;
    }
    100% {
        scale: 0.97;
        filter: drop-shadow(0 0 0.75rem rgba(0,0,0,0.2));
        opacity: 0.9;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0fec1e5 */main::after {
    background-image: none !important;
}

.homepage-screen {
    background: linear-gradient(270deg, #113783, #037c90, #00b3bd);
    background-size: 600% 600%;

    -webkit-animation: AnimationName 30s ease infinite;
    -moz-animation: AnimationName 30s ease infinite;
    animation: AnimationName 30s ease infinite;
    
    position: relative;
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-06bd10a */.mission-icon {
    margin-top: -90px;
}

.mission-icon img {
    width: 90px !important;
    z-index: 3 !important;
    filter: brightness(0) invert(1);
}

.mission-icon > div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: rela;
    width: 180px !important;
    height: 180px !important;
    z-index: 2 !important;
}
.mission-icon > div::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22a%22%3E%3Cpath fill=%22currentColor%22 d=%22M760 684.5q-47 184.5-240 150T213 650q-114-150-1-301.5T511.5 177q186.5-20 241 151.5t7.5 356Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path=%22url(%23a)%22%3E%3Cpath fill=%22%23444cf7%22 d=%22M760 684.5q-47 184.5-240 150T213 650q-114-150-1-301.5T511.5 177q186.5-20 241 151.5t7.5 356Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.mission-container:hover .mission-icon > div::after {
    transform: rotate(180deg) !important;
    scale: 1.1;
    transition: 3s;
}
.mission-container:hover .mission-icon img {
    scale: 0.8 !important;
    transition: 2s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-77a02a9 */.mission-container:hover .mission-box .elementor-image-box-wrapper figure::before  {
    transform: rotate(180deg) !important;
    scale: 1.1;
    transition: 3s;
}
.mission-container:hover .mission-box .elementor-image-box-wrapper img  {
    scale: 0.8 !important;
    transition: 2s;
}/* End custom CSS */
/* Start custom CSS for image, class: .elementor-element-cf4a976 */.vision-icon {
    margin-top: -90px;
}

.vision-icon img {
    width: 90px !important;
    z-index: 3 !important;
    filter: grayscale(100%)
}

.vision-icon > div {
    display: flex;
    justify-content: center;
    align-items: center;
    position: rela;
    width: 180px !important;
    height: 180px !important;
    z-index: 2 !important;
}
.vision-icon > div::after {
    content: "";
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-image: url("data:image/svg+xml;utf8,%3Csvg viewBox=%220 0 1000 1000%22 xmlns=%22http:%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cdefs%3E%3CclipPath id=%22a%22%3E%3Cpath fill=%22currentColor%22 d=%22M853.5 605Q750 710 666.5 841.5T459 880q-124-93-268.5-154T73 509.5Q100 354 206.5 265T446 113.5q133-62.5 221 55T856 393q101 107-2.5 212Z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Cg clip-path=%22url(%23a)%22%3E%3Cpath fill=%22%23f7c145%22 d=%22M853.5 605Q750 710 666.5 841.5T459 880q-124-93-268.5-154T73 509.5Q100 354 206.5 265T446 113.5q133-62.5 221 55T856 393q101 107-2.5 212Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

.vision-container:hover .vision-icon > div::after {
    transform: rotate(180deg) !important;
    scale: 1.1;
    transition: 3s;
}
.vision-container:hover .vision-icon img {
    scale: 0.8 !important;
    transition: 2s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4296a43 */.vision-container:hover .vision-box .elementor-image-box-wrapper figure::before  {
    transform: rotate(180deg) !important;
    scale: 1.1;
    transition: 3s;
}
.vision-container:hover .vision-box .elementor-image-box-wrapper img  {
    scale: 0.8 !important;
    transition: 2s;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bae58ab */.home-bg {
    position: relative;
}

.home-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(http://alhobok.ae/wp-content/uploads/2024/05/colorful-bg-8.png);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.7;
    z-index: -1;
}/* End custom CSS */