{"id":16782,"date":"2025-11-02T23:57:12","date_gmt":"2025-11-02T20:57:12","guid":{"rendered":"https:\/\/elhejaz.com\/?page_id=16782"},"modified":"2025-12-28T23:18:01","modified_gmt":"2025-12-28T20:18:01","slug":"glass-rooms","status":"publish","type":"page","link":"https:\/\/elhejaz.com\/ar\/glass-rooms\/","title":{"rendered":"\u063a\u0631\u0641 \u0632\u062c\u0627\u062c\u064a\u0629"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16782\" class=\"elementor elementor-16782\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7a27273 e-flex e-con-boxed e-con e-parent\" data-id=\"7a27273\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-07518c2 elementor-widget elementor-widget-spacer\" data-id=\"07518c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e7177b0 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e7177b0\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b5a4764 ot-flex-column-vertical\" data-id=\"b5a4764\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8dab054 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8dab054\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-0282743 ot-flex-column-vertical\" data-id=\"0282743\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0a39fe7 elementor-widget elementor-widget-html\" data-id=\"0a39fe7\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/all.min.css?ver=4.0.2" id="font-awesome-5-all-css">
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}



</style>
<style class="bv-critical-css" bv-identifier="global-styles-inline-css" id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/contact-form-7/includes/css/styles.css?ver=6.1.5" id="contact-form-7-css">
@keyframes spin {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}
@keyframes blink {
	from {
		opacity: 0;
	}

	50% {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/wp-user-avatar/assets/css/frontend.min.css?ver=4.16.14" id="ppress-frontend-css">
@keyframes ppress-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/wp-user-avatar/assets/flatpickr/flatpickr.min.css?ver=4.16.14" id="ppress-flatpickr-css">
@keyframes fpFadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translate(0)}}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor/assets/css/frontend.min.css?ver=4.0.2" id="elementor-frontend-css">
:root{--direction-multiplier:1}
.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;top:-10000em;width:1px;clip:rect(0,0,0,0);border:0}
.elementor *,.elementor :after,.elementor :before{box-sizing:border-box}.elementor a{box-shadow:none;text-decoration:none}
.elementor img{border:none;border-radius:0;box-shadow:none;height:auto;max-width:100%}
.elementor-element{--flex-direction:initial;--flex-wrap:initial;--justify-content:initial;--align-items:initial;--align-content:initial;--gap:initial;--flex-basis:initial;--flex-grow:initial;--flex-shrink:initial;--order:initial;--align-self:initial;align-self:var(--align-self);flex-basis:var(--flex-basis);flex-grow:var(--flex-grow);flex-shrink:var(--flex-shrink);order:var(--order)}.elementor-element:where(.e-con-full,.elementor-widget){align-content:var(--align-content);align-items:var(--align-items);flex-direction:var(--flex-direction);flex-wrap:var(--flex-wrap);gap:var(--row-gap) var(--column-gap);justify-content:var(--justify-content)}
:root{--page-title-display:block}
@keyframes eicon-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
.elementor-section{position:relative}.elementor-section .elementor-container{display:flex;margin-inline:auto;position:relative}
@media (max-width:1024px){.elementor-section .elementor-container{flex-wrap:wrap}}.elementor-section.elementor-section-boxed>.elementor-container{max-width:1140px}
.elementor-widget-wrap{align-content:flex-start;flex-wrap:wrap;position:relative;width:100%}.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap{display:flex}.elementor-widget-wrap>.elementor-element{width:100%}
.elementor-widget{position:relative}.elementor-widget:not(:last-child){margin-block-end:var(--kit-widget-spacing,20px)}.elementor-widget:not(:last-child).elementor-absolute,.elementor-widget:not(:last-child).elementor-widget__width-auto,.elementor-widget:not(:last-child).elementor-widget__width-initial{margin-block-end:0}.elementor-column{display:flex;min-height:1px;position:relative}
.elementor-column-gap-default>.elementor-column>.elementor-element-populated{padding:10px}
@media (min-width:768px){}@media (min-width:768px){.elementor-column.elementor-col-100,.elementor-column[data-col="100"]{width:100%}}@media (max-width:767px){}@media (max-width:767px){.elementor-column{width:100%}}@media (min-width:1025px){#elementor-device-mode:after{content:"desktop"}}@media (max-width:1024px){#elementor-device-mode:after{content:"tablet"}}@media (max-width:767px){#elementor-device-mode:after{content:"mobile"}}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}.e-con{--border-radius:0;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;--border-style:initial;--border-color:initial;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--content-width:min(100%,var(--container-max-width,1140px));--width:100%;--min-height:initial;--height:auto;--text-align:initial;--margin-top:0px;--margin-right:0px;--margin-bottom:0px;--margin-left:0px;--padding-top:var(--container-default-padding-top,10px);--padding-right:var(--container-default-padding-right,10px);--padding-bottom:var(--container-default-padding-bottom,10px);--padding-left:var(--container-default-padding-left,10px);--position:relative;--z-index:revert;--overflow:visible;--gap:var(--widgets-spacing,20px);--row-gap:var(--widgets-spacing-row,20px);--column-gap:var(--widgets-spacing-column,20px);--overlay-mix-blend-mode:initial;--overlay-opacity:1;--overlay-transition:0.3s;--e-con-grid-template-columns:repeat(3,1fr);--e-con-grid-template-rows:repeat(2,1fr);border-radius:var(--border-radius);height:var(--height);min-height:var(--min-height);min-width:0;overflow:var(--overflow);position:var(--position);width:var(--width);z-index:var(--z-index);--flex-wrap-mobile:wrap}.e-con:where(:not(.e-div-block-base)){transition:background var(--background-transition,.3s),border var(--border-transition,.3s),box-shadow var(--border-transition,.3s),transform var(--e-con-transform-transition-duration,.4s)}.e-con{--margin-block-start:var(--margin-top);--margin-block-end:var(--margin-bottom);--margin-inline-start:var(--margin-left);--margin-inline-end:var(--margin-right);--padding-inline-start:var(--padding-left);--padding-inline-end:var(--padding-right);--padding-block-start:var(--padding-top);--padding-block-end:var(--padding-bottom);--border-block-start-width:var(--border-top-width);--border-block-end-width:var(--border-bottom-width);--border-inline-start-width:var(--border-left-width);--border-inline-end-width:var(--border-right-width)}
.e-con{margin-block-end:var(--margin-block-end);margin-block-start:var(--margin-block-start);margin-inline-end:var(--margin-inline-end);margin-inline-start:var(--margin-inline-start);padding-inline-end:var(--padding-inline-end);padding-inline-start:var(--padding-inline-start)}.e-con.e-flex{--flex-direction:column;--flex-basis:auto;--flex-grow:0;--flex-shrink:1;flex:var(--flex-grow) var(--flex-shrink) var(--flex-basis)}.e-con-full,.e-con>.e-con-inner{padding-block-end:var(--padding-block-end);padding-block-start:var(--padding-block-start);text-align:var(--text-align)}.e-con-full.e-flex,.e-con.e-flex>.e-con-inner{flex-direction:var(--flex-direction)}.e-con,.e-con>.e-con-inner{display:var(--display)}
.e-con-boxed.e-flex{align-content:normal;align-items:normal;flex-direction:column;flex-wrap:nowrap;justify-content:normal}
.e-con-boxed{gap:initial;text-align:initial}.e-con.e-flex>.e-con-inner{align-content:var(--align-content);align-items:var(--align-items);align-self:auto;flex-basis:auto;flex-grow:1;flex-shrink:1;flex-wrap:var(--flex-wrap);justify-content:var(--justify-content)}
.e-con>.e-con-inner{gap:var(--row-gap) var(--column-gap);height:100%;margin:0 auto;max-width:var(--content-width);padding-inline-end:0;padding-inline-start:0;width:100%}:is(.elementor-section-wrap,[data-elementor-id])>.e-con{--margin-left:auto;--margin-right:auto;max-width:min(100%,var(--width))}
.e-con .elementor-widget.elementor-widget{margin-block-end:0}.e-con:before,.e-con>.elementor-background-slideshow:before,.e-con>.elementor-motion-effects-container>.elementor-motion-effects-layer:before,:is(.e-con,.e-con>.e-con-inner)>.elementor-background-video-container:before{border-block-end-width:var(--border-block-end-width);border-block-start-width:var(--border-block-start-width);border-color:var(--border-color);border-inline-end-width:var(--border-inline-end-width);border-inline-start-width:var(--border-inline-start-width);border-radius:var(--border-radius);border-style:var(--border-style);content:var(--background-overlay);display:block;height:max(100% + var(--border-top-width) + var(--border-bottom-width),100%);left:calc(0px - var(--border-left-width));mix-blend-mode:var(--overlay-mix-blend-mode);opacity:var(--overlay-opacity);position:absolute;top:calc(0px - var(--border-top-width));transition:var(--overlay-transition,.3s);width:max(100% + var(--border-left-width) + var(--border-right-width),100%)}.e-con:before{transition:background var(--overlay-transition,.3s),border-radius var(--border-transition,.3s),opacity var(--overlay-transition,.3s)}
.e-con .elementor-widget{min-width:0}
.e-con.e-con>.e-con-inner>.elementor-widget,.elementor.elementor .e-con>.elementor-widget{max-width:100%}.e-con .elementor-widget:not(:last-child){--kit-widget-spacing:0px}
@media (max-width:767px){.e-con.e-flex{--width:100%;--flex-wrap:var(--flex-wrap-mobile)}}.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)) .elementor-widget-container,.elementor-element:where(:not(.e-con)):where(:not(.e-div-block-base)):not(:has(.elementor-widget-container)){transition:background .3s,border .3s,border-radius .3s,box-shadow .3s,transform var(--e-transform-transition-duration,.4s)}.elementor-heading-title{line-height:1;margin:0;padding:0}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/uploads/elementor/css/post-5.css?ver=1776270884" id="elementor-post-5-css">
.elementor-kit-5{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#F36505;--e-global-color-text:#000000;--e-global-color-accent:#61CE70;--e-global-color-ecb1a74:#FFFFFF;--e-global-typography-primary-font-family:"nexa heavy";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Nexa light";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Nexa light";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Nexa light";--e-global-typography-accent-font-weight:500;font-family:"nexa heavy", Sans-serif;}
.elementor-kit-5 a{font-family:"nexa heavy", Sans-serif;}.elementor-kit-5 h1{font-family:"nexa heavy", Sans-serif;}.elementor-kit-5 h2{font-family:"nexa heavy", Sans-serif;}
.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}
@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.0.2" id="widget-heading-css">
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=4.0.2" id="widget-spacer-css">
.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}
.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor/assets/css/widget-image.min.css?ver=4.0.2" id="widget-image-css">
.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}
.elementor-widget-image img{display:inline-block;vertical-align:middle}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/uploads/elementor/css/post-16572.css?ver=1776271983" id="elementor-post-16572-css">
.elementor-16572 .elementor-element.elementor-element-5964a45{--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-16572 .elementor-element.elementor-element-354884f{--spacer-size:50px;}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/metform/public/assets/lib/cute-alert/style.css?ver=4.1.0" id="cute-alert-css">
@keyframes open-frame{0%{transform:scale(1)}25%{transform:scale(.95)}50%{transform:scale(.97)}75%{transform:scale(.93)}100%{transform:scale(1)}}
@keyframes open-toast{0%{transform:scaleX(1) scaleY(1)}20%,45%{transform:scaleX(1.35) scaleY(.1)}65%{transform:scaleX(.8) scaleY(1.7)}80%{transform:scaleX(.6) scaleY(.85)}100%{transform:scaleX(1) scaleY(1)}}
@keyframes timer{0%{width:100%}25%{width:75%}50%{width:50%}75%{width:25%}100%{width:1%}}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/themes/theratio/css/bootstrap.css?ver=4.0" id="bootstrap-css">
hr,img,legend{border:0}
body,figure{margin:0}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
[hidden],template{display:none}a{background-color:transparent;color:#337ab7;text-decoration:none}
h1{font-size:2em;margin:.67em 0}
.img-thumbnail,body{background-color:#fff}
img{vertical-align:middle}svg:not(:root){overflow:hidden}
*,:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:transparent}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.42857143;color:#333}
.container,.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}[role=button]{cursor:pointer}
@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1230px){.container{width:1200px}}.row{margin-left:-15px;margin-right:-15px}.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left}.col-xs-12{width:100%}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left}.col-sm-12{width:100%}}@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left}.col-md-12{width:100%}}@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left}.col-lg-12{width:100%}}.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{content:" ";display:table}.clearfix:after,.container-fluid:after,.container:after,.row:after{clear:both}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/themes/theratio/css/font-awesome.min.css?ver=6.9.4" id="theratio-awesome-font-css">
@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}
@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}



</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/themes/theratio/css/lightgallery.css?ver=6.9.4" id="lightgallery-css">
@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/themes/theratio/style.css?ver=6.9.4" id="theratio-style-css">
html {
  overflow-x: hidden;
  overflow-y: scroll !important;
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
body {
  margin: 0;
}
a {
  background-color: transparent;
}
img {
  border-style: none;
}
template {
  display: none;
}
body,
button,
input,
select,
optgroup,
textarea {
  color: #555555;
  font-family: "Raleway", sans-serif;
  font-size: 16px;
  line-height: 1.875;
  font-weight: 400;
  word-break: break-word;
  box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Titillium Web", sans-serif;
  font-weight: 400;
  line-height: 1.4;
  margin: 0 0 20px;
  color: #1a1a1a;
}
h1 {
  font-size: 48px;
}
h2 {
  font-size: 42px;
}
p {
  margin: 0 0 20px;
}
dfn, cite, em, i {
  font-style: italic;
}
@keyframes pulse-border {
  0% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
    opacity: 1;
  }
  100% {
    transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.7);
    opacity: 0;
  }
}
@keyframes MoveUpDown {
  0%, 100% {
    bottom: 0;
  }
  50% {
    bottom: 10px;
  }
}
@keyframes MoveUpRight {
  0%, 100% {
    left: calc(100% + 12px);
  }
  50% {
    left: calc(100% + 25px);
  }
}
html {
  box-sizing: border-box;
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  box-sizing: inherit;
}
body {
  background: #fff; /* Fallback for when there is no custom background color defined. */
  overflow: hidden;
}
ul,
ol {
  margin: 0 0 20px;
  padding-left: 18px;
}
ul {
  list-style: disc;
}
li > ul,
li > ol {
  margin-bottom: 0;
  margin-left: 1.5em;
}
img {
  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
a {
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  color: #1a1a1a;
  text-decoration: none;
}
@-webkit-keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideUp {
  from {
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@-webkit-keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes stickySlideDown {
  from {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
  content: "";
  display: table;
  table-layout: fixed;
}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
  clear: both;
}
.entry-content {
  padding: 90px 0 100px;
}
.post-box p {
  line-height: 30px;
  margin-bottom: 16px;
}
.post-box .entry-media {
  position: relative;
  margin-bottom: 34px;
  overflow: hidden;
}
.post-box .post-cat {
  margin-bottom: -10px;
}
.post-box .post-cat a {
  font-family: "Titillium Web", sans-serif;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.6px;
  line-height: 1.1;
  display: inline-block;
  color: #fff;
  background: #1a1a1a;
  padding: 8px 10px;
  margin-right: 7px;
  margin-bottom: 10px;
}
.post-box .entry-meta {
  font-family: "Josefin Sans", sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 8px;
  color: #1a1a1a;
}
.blog-post {
  box-shadow: none;
  overflow: inherit;
  margin-bottom: 0;
}
.blog-post > .inner-post p:not(:last-child) {
  margin-bottom: 20px;
}
.blog-post > .inner-post p:last-child {
  margin-bottom: 0;
}
.blog-post > .inner-post .entry-summary {
  padding-bottom: 50px;
  overflow: hidden;
}
@media only screen and (max-width: 991px) {.content-area {
    margin-bottom: 60px;
  }}@media only screen and (max-width: 600px) {.single-post .entry-content {
    padding: 50px 0 70px;
  }}embed,
iframe,
object {
  max-width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .icon-box--bg-img {
    padding: 25px 40px;
  }
  .icon-box--bg-color {
    padding: 20px;
  }
}
@media (min-width: 1024px) and (max-width: 1200px) {
  .cate-lines .cate-item_content {
    bottom: 56px;
    left: 50px;
  }
  .cate-lines h2 {
    font-size: 36px;
  }
  .cate-lines .number-stroke {
    font-size: 100px;
    bottom: -18px;
  }
}
@media (min-width: 1025px) and (max-width: 1199px) {
  .ot-pricing-table .inner-table {
    padding: 70px 45px 47px;
  }
  .ot-pricing-table .inner-table h2 {
    font-size: 40px;
  }
}
@media (min-width: 1025px) and (max-width: 1300px) {
  .team-wrap h4 {
    font-size: 24px;
    margin-bottom: 10px;
  }
  .team-wrap .team-social a {
    opacity: 1;
    font-size: 14px;
  }
}
body .elementor-widget:not(:last-child) {
  margin-bottom: 0;
}
div.elementor-widget-heading .elementor-heading-title {
  color: #1a1a1a;
  font-weight: 400;
  font-family: "Titillium Web", sans-serif;
}
div.elementor-widget-heading h1.elementor-heading-title {
  font-size: 48px;
}
.elementor-default .elementor-widget-text-editor,
.elementor-default li.elementor-icon-list-item,
.elementor-default li.elementor-icon-list-item a {
  font-family: "Raleway", sans-serif;
  color: #555555;
  transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
}
.elementor-default .elementor-widget-text-editor p:last-child {
  margin-bottom: 0;
}
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
  padding: 0px 15px;
}
.elementor .elementor-section.elementor-section-boxed > .elementor-container {
  padding: 0px;
}
.elementor .elementor-section-full_width:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated,
.elementor .elementor-section-boxed:not(.elementor-inner-section) > .elementor-column-gap-default > .elementor-column > .elementor-element-populated {
  padding-left: 0;
  padding-right: 0;
}
.elementor-section > .elementor-container > .elementor-column > .elementor-element-populated {
  padding-top: 0;
  padding-bottom: 0;
}
@media (min-width: 768px) {.elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 750px;
  }}@media (min-width: 992px) {.elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 970px;
  }}@media (min-width: 1230px) {.elementor .elementor-section.elementor-section-boxed > .elementor-container {
    max-width: 1200px;
  }}@-webkit-keyframes searchSlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes searchSlideUp {
  from {
    -webkit-transform: translateY(10%);
    transform: translateY(10%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
#back-to-top {
  background: #9f9e9e;
  color: #fff;
  border: 0 none;
  cursor: pointer;
  width: 42px;
  height: 45px;
  line-height: 45px;
  opacity: 0;
  visibility: hidden;
  outline: medium none;
  position: fixed;
  right: 40px;
  bottom: -20px;
  text-align: center;
  text-decoration: none;
  transition: opacity 0.2s ease-out 0s;
  z-index: 1000;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
}
@media (min-width: 768px) and (max-width: 991px) {
  .md-hidden {
    display: none;
  }
}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor-pro/assets/css/modules/sticky.min.css?ver=3.33.1" id="e-sticky-css">
.elementor-sticky--active{z-index:99}
.e-con.elementor-sticky--active{z-index:var(--z-index,99)}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/uploads/elementor/css/post-17064.css?ver=1776270884" id="elementor-post-17064-css">
.elementor-17064 .elementor-element.elementor-element-25240fea{--display:flex;--min-height:80px;--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:0% 0%;--row-gap:0%;--column-gap:0%;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;--z-index:9999;}.elementor-17064 .elementor-element.elementor-element-25240fea:not(.elementor-motion-effects-element-type-background), .elementor-17064 .elementor-element.elementor-element-25240fea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-17064 .elementor-element.elementor-element-25240fea.e-con{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:1;}.elementor-17064 .elementor-element.elementor-element-f86246f{width:var( --container-widget-width, 75.001% );max-width:75.001%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:75.001%;--container-widget-flex-grow:0;--e-nav-menu-horizontal-menu-item-margin:calc( 0px / 2 );}.elementor-17064 .elementor-element.elementor-element-f86246f.elementor-element{--align-self:center;--order:99999 /* order end hack */;--flex-grow:0;--flex-shrink:0;}.elementor-17064 .elementor-element.elementor-element-f86246f .elementor-menu-toggle{margin-left:auto;}.elementor-17064 .elementor-element.elementor-element-f86246f .elementor-nav-menu .elementor-item{font-weight:normal;text-transform:capitalize;font-style:normal;text-decoration:none;}.elementor-17064 .elementor-element.elementor-element-f86246f .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;padding-left:12px;padding-right:12px;}
.elementor-17064 .elementor-element.elementor-element-f86246f .elementor-nav-menu--dropdown .elementor-item, .elementor-17064 .elementor-element.elementor-element-f86246f .elementor-nav-menu--dropdown  .elementor-sub-item{text-decoration:none;}.elementor-17064 .elementor-element.elementor-element-82857b5{width:var( --container-widget-width, 12% );max-width:12%;--container-widget-width:12%;--container-widget-flex-grow:0;text-align:center;}.elementor-17064 .elementor-element.elementor-element-82857b5.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-17064 .elementor-element.elementor-element-82857b5 img{border-style:none;}
.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}
@media(max-width:1024px){.elementor-17064 .elementor-element.elementor-element-25240fea{--gap:2% 2%;--row-gap:2%;--column-gap:2%;--padding-top:0%;--padding-bottom:0%;--padding-left:3%;--padding-right:3%;}}@media(max-width:767px){.elementor-17064 .elementor-element.elementor-element-f86246f{width:var( --container-widget-width, 320.325px );max-width:320.325px;--container-widget-width:320.325px;--container-widget-flex-grow:0;}.elementor-17064 .elementor-element.elementor-element-82857b5{margin:0px 0200px calc(var(--kit-widget-spacing, 0px) + -50px) 0px;padding:01px 0px 0px 0px;--container-widget-width:141.913px;--container-widget-flex-grow:0;width:var( --container-widget-width, 141.913px );max-width:141.913px;text-align:start;}.elementor-17064 .elementor-element.elementor-element-82857b5.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}}
</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/uploads/elementor/css/post-17161.css?ver=1776270884" id="elementor-post-17161-css">
.elementor-17161:not(.elementor-motion-effects-element-type-background), .elementor-17161 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0B0B0B;}
.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.34.0" id="hfe-elementor-icons-css">
@keyframes a{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor/assets/lib/font-awesome/css/fontawesome.css?ver=5.15.3" id="hfe-social-share-icons-fontawesome-css">
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor-pro/assets/css/widget-mega-menu.min.css?ver=3.26.2" id="hfe-mega-menu-css">
@keyframes hide-scroll{0%,to{overflow:hidden}}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.33.1" id="widget-nav-menu-css">
.elementor-item:after,.elementor-item:before{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1)}.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{opacity:0}
.elementor-nav-menu--main .elementor-nav-menu a{transition:.4s}.elementor-nav-menu--main .elementor-nav-menu a,.elementor-nav-menu--main .elementor-nav-menu a.highlighted,.elementor-nav-menu--main .elementor-nav-menu a:focus,.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px}
.elementor-nav-menu--main .elementor-nav-menu ul{border-style:solid;border-width:0;padding:0;position:absolute;width:12em}
.elementor-nav-menu--layout-horizontal{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu{display:flex;flex-wrap:wrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu a{flex-grow:1;white-space:nowrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>.scroll-down{top:100%!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{margin-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul{inset-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{margin-inline-end:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{align-self:center;border-color:var(--e-nav-menu-divider-color,#000);border-left-style:var(--e-nav-menu-divider-style,solid);border-left-width:var(--e-nav-menu-divider-width,2px);content:var(--e-nav-menu-divider-content,none);height:var(--e-nav-menu-divider-height,35%)}
.elementor-nav-menu__align-end .elementor-nav-menu{justify-content:flex-end;margin-inline-start:auto}
.elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu:not(:has(.elementor-widget-container)):not([class*=elementor-hidden-]){display:flex;flex-direction:column}.elementor-nav-menu{position:relative;z-index:2}.elementor-nav-menu:after{clear:both;content:" ";display:block;font:0/0 serif;height:0;overflow:hidden;visibility:hidden}.elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul{display:block;line-height:normal;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elementor-nav-menu ul{display:none}
.elementor-nav-menu a,.elementor-nav-menu li{position:relative}.elementor-nav-menu li{border-width:0}.elementor-nav-menu a{align-items:center;display:flex}.elementor-nav-menu a,.elementor-nav-menu a:focus,.elementor-nav-menu a:hover{line-height:20px;padding:10px 20px}
.elementor-nav-menu .sub-arrow{align-items:center;display:flex;line-height:1;margin-block-end:-10px;margin-block-start:-10px;padding:10px;padding-inline-end:0}.elementor-nav-menu .sub-arrow i{pointer-events:none}
.elementor-menu-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#33373d;cursor:pointer;display:flex;font-size:var(--nav-menu-icon-size,22px);justify-content:center;padding:.25em}.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close{display:none}.elementor-menu-toggle .e-font-icon-svg{fill:#33373d;height:1em;width:1em}.elementor-menu-toggle svg{height:auto;width:1em;fill:var(--nav-menu-icon-color,currentColor)}
.elementor-nav-menu--dropdown{background-color:#fff;font-size:13px}
.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:10px;overflow-x:hidden;overflow-y:auto;transform-origin:top;transition:max-height .3s,transform .3s}
.elementor-nav-menu--dropdown a{color:#33373d}
.elementor-nav-menu--toggle{--menu-height:100vh}.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)}
@media (max-width:1024px){.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}}@media (min-width:1025px){.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@keyframes hide-scroll{0%,to{overflow:hidden}}

</style>
<style class="bv-critical-css" bv-identifier="https://elhejaz.com/wp-content/plugins/elementor-pro/assets/css/widget-nav-menu.min.css?ver=3.26.0" id="hfe-nav-menu-widget-css">
.elementor-item:after,.elementor-item:before{display:block;position:absolute;transition:.3s;transition-timing-function:cubic-bezier(.58,.3,.005,1)}.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after,.elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before{opacity:0}
.elementor-nav-menu--main .elementor-nav-menu a{transition:.4s}.elementor-nav-menu--main .elementor-nav-menu a,.elementor-nav-menu--main .elementor-nav-menu a.highlighted,.elementor-nav-menu--main .elementor-nav-menu a:focus,.elementor-nav-menu--main .elementor-nav-menu a:hover{padding:13px 20px}
.elementor-nav-menu--main .elementor-nav-menu ul{border-style:solid;border-width:0;padding:0;position:absolute;width:12em}
.elementor-nav-menu--layout-horizontal{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu{display:flex;flex-wrap:wrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu a{flex-grow:1;white-space:nowrap}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li{display:flex}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li ul,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li>.scroll-down{top:100%!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>a{margin-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-down,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>.scroll-up,.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:first-child)>ul{inset-inline-start:var(--e-nav-menu-horizontal-menu-item-margin)!important}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child)>a{margin-inline-end:var(--e-nav-menu-horizontal-menu-item-margin)}.elementor-nav-menu--layout-horizontal .elementor-nav-menu>li:not(:last-child):after{align-self:center;border-color:var(--e-nav-menu-divider-color,#000);border-left-style:var(--e-nav-menu-divider-style,solid);border-left-width:var(--e-nav-menu-divider-width,2px);content:var(--e-nav-menu-divider-content,none);height:var(--e-nav-menu-divider-height,35%)}
.elementor-nav-menu__align-end .elementor-nav-menu{justify-content:flex-end;margin-inline-start:auto}
.elementor-widget-nav-menu .elementor-widget-container,.elementor-widget-nav-menu:not(:has(.elementor-widget-container)):not([class*=elementor-hidden-]){display:flex;flex-direction:column}.elementor-nav-menu{position:relative;z-index:2}.elementor-nav-menu:after{clear:both;content:" ";display:block;font:0/0 serif;height:0;overflow:hidden;visibility:hidden}.elementor-nav-menu,.elementor-nav-menu li,.elementor-nav-menu ul{display:block;line-height:normal;list-style:none;margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}.elementor-nav-menu ul{display:none}
.elementor-nav-menu a,.elementor-nav-menu li{position:relative}.elementor-nav-menu li{border-width:0}.elementor-nav-menu a{align-items:center;display:flex}.elementor-nav-menu a,.elementor-nav-menu a:focus,.elementor-nav-menu a:hover{line-height:20px;padding:10px 20px}
.elementor-nav-menu .sub-arrow{align-items:center;display:flex;line-height:1;margin-block-end:-10px;margin-block-start:-10px;padding:10px;padding-inline-end:0}.elementor-nav-menu .sub-arrow i{pointer-events:none}
.elementor-menu-toggle{align-items:center;background-color:rgba(0,0,0,.05);border:0 solid;border-radius:3px;color:#33373d;cursor:pointer;display:flex;font-size:var(--nav-menu-icon-size,22px);justify-content:center;padding:.25em}.elementor-menu-toggle.elementor-active .elementor-menu-toggle__icon--open,.elementor-menu-toggle:not(.elementor-active) .elementor-menu-toggle__icon--close{display:none}.elementor-menu-toggle .e-font-icon-svg{fill:#33373d;height:1em;width:1em}.elementor-menu-toggle svg{height:auto;width:1em;fill:var(--nav-menu-icon-color,currentColor)}
.elementor-nav-menu--dropdown{background-color:#fff;font-size:13px}
.elementor-nav-menu--dropdown.elementor-nav-menu__container{margin-top:10px;overflow-x:hidden;overflow-y:auto;transform-origin:top;transition:max-height .3s,transform .3s}
.elementor-nav-menu--dropdown a{color:#33373d}
.elementor-nav-menu--toggle{--menu-height:100vh}.elementor-nav-menu--toggle .elementor-menu-toggle:not(.elementor-active)+.elementor-nav-menu__container{max-height:0;overflow:hidden;transform:scaleY(0)}
@media (max-width:1024px){.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--main{display:none}}@media (min-width:1025px){.elementor-nav-menu--dropdown-tablet .elementor-menu-toggle,.elementor-nav-menu--dropdown-tablet .elementor-nav-menu--dropdown{display:none}.elementor-nav-menu--dropdown-tablet nav.elementor-nav-menu--dropdown.elementor-nav-menu__container{overflow-y:hidden}}@keyframes hide-scroll{0%,to{overflow:hidden}}

</style>
<style class="bv-critical-css">
.octf-swiper-button-next, .octf-swiper-button-prev,
            #back-to-top,
            .bg-primary{ background: #dd3333; }

</style>
<style class="bv-critical-css">
h1, h2, h3, h4, h5, h6,
                blockquote,
                .number-stroke,
                .btn-details,
                .slogan-vertical p,
                .octf-btn,
                .main-navigation ul,
                .vertical-main-navigation ul,
                .mobile_nav .mobile_mainmenu,
                .page-header,
                .post-box .post-cat a,
                .post-box .link-box a,
                .post-box .quote-box .quote-text,
                .page-pagination li a, .page-pagination li span,
                .blog-post .tagcloud a,
                .blog-post .share-post a,
                .drop-cap, .elementor-drop-cap,
                .widget .tagcloud a,
                .widget-area,
                .video-popup span,
                .ot-counter,
                .ot-countdown li span,
                .ot-testimonials .testi-item .ttext:before,
                .ot-accordions .acc-item .acc-toggle,
                .ot-tabs .tab-link,
                .ot-progress,
                .circle-progress .inner-bar > span,
                .member-info,
                div.elementor-widget-heading .elementor-heading-title,
                .cart-contents .count,
                .list-menu-item-wrapper,
                .error-404 .white-btn,
                .woocommerce ul.products li.product .added_to_cart, 
                .woocommerce-page ul.products li.product .added_to_cart,
                .woocommerce span.onsale,
                .product_meta > span,
                .woocommerce .quantity .qty,
                .woocommerce div.product .woocommerce-tabs ul.tabs li a,
                .woocommerce table.shop_table,
                .cart_totals h2,
                #add_payment_method .cart-collaterals .cart_totals table td, 
                #add_payment_method .cart-collaterals .cart_totals table th,
                .woocommerce-cart .cart-collaterals .cart_totals table td, 
                .woocommerce-cart .cart-collaterals .cart_totals table th,
                .woocommerce-checkout .cart-collaterals .cart_totals table td, 
                .woocommerce-checkout .cart-collaterals .cart_totals table th,
                .woocommerce ul.product_list_widget li a:not(.remove),
                .woocommerce .widget_shopping_cart .cart_list .quantity,
                .woocommerce .widget_shopping_cart .total strong,
                .woocommerce.widget_shopping_cart .total strong,
                .woocommerce .woocommerce-widget-layered-nav-list,
                .woocommerce .widget_price_filter .price_slider_amount,
                .woocommerce #respond input#submit.disabled, 
                .woocommerce #respond input#submit:disabled,
                .woocommerce #respond input#submit:disabled[disabled], 
                .woocommerce a.button.disabled,
                .woocommerce a.button:disabled, 
                .woocommerce a.button:disabled[disabled], 
                .woocommerce button.button.disabled,
                .woocommerce button.button:disabled, 
                .woocommerce button.button:disabled[disabled],
                .woocommerce input.button.disabled, 
                .woocommerce input.button:disabled, 
                .woocommerce input.button:disabled[disabled],
                .woocommerce #respond input#submit, 
                .woocommerce a.button,
                .woocommerce button.button, 
                .woocommerce input.button,
                .woocommerce #respond input#submit.alt, 
                .woocommerce a.button.alt,
                .woocommerce button.button.alt, 
                .woocommerce input.button.alt{ font-family: Cairo;}
blockquote cite,
                .page-header .breadcrumbs li:before,
                .post-box .entry-meta,
                .post-box .quote-box .quote-text span,
                .post-nav span:not(.title-link),
                .comments-area .comment-item .comment-meta .comment-time,
                .widget-area .widget ul:not(.recent-news) > li .count,
                .widget .recent-news .post-on,
                .ot-heading > span,
                .ot-counter span,
                .team-wrap .m_extra,
                .projects-grid .projects-box .portfolio-info .portfolio-cates,
                .woocommerce .woocommerce-Price-amount{ font-family: Cairo;}

</style>
<style class="bv-critical-css">
@media screen and (max-height: 640px) {.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}}
</style>
<style class="bv-critical-css" bv-identifier="wp-custom-css" id="wp-custom-css">
.content-area { width: 100%; }
.grid-lines,
#back-to-top { display: none !important; }
.main-navigation .menu-item-has-children > a::after,
.main-navigation .menu-item-has-children > a::before,
.vertical-main-navigation .menu-item-has-children > a::after,
.elementor-nav-menu--main .menu-item-has-children > a::after,
.elementor-nav-menu--main .menu-item-has-children > a::before,
.elementor-nav-menu--dropdown .menu-item-has-children > a::after,
.sub-menu > li > a::after,
.dropdown-toggle::after,
.menu-item-has-children > a::after,
.menu-item-has-children > a::before,
.menu-item-has-children a svg,
.no-rtl-flip .eicon-chevron-down::before,
.menu-item-has-children .elementor-icon i::before {
    content: none !important;
    display: none !important;
}
@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255,255,255,0.7); }
    70% { box-shadow: 0 0 0 15px rgba(255,255,255,0); }
    100% { box-shadow: 0 0 0 0 rgba(255,255,255,0); }
}

</style>
<style class="bv-critical-css" bv-identifier="kirki-inline-styles" id="kirki-inline-styles">
body, .elementor-element .elementor-widget-text-editor, .elementor-element .elementor-widget-icon-list .elementor-icon-list-item{font-family:Cairo;}h1, .elementor-widget.elementor-widget-heading h1.elementor-heading-title{font-family:Cairo;}h2, .elementor-widget.elementor-widget-heading h2.elementor-heading-title{font-family:Cairo;}


















</style>
<style class="bv-critical-css" bv-identifier="//elhejaz.com/wp-content/plugins/revslider/sr6/assets/css/rs6.css?ver=6.7.38" id="rs-plugin-settings-css">
@keyframes rev-ani-mouse {
	0% {opacity: 1;top: 29%;}
	15% {opacity: 1;top: 70%;}
	50% {opacity: 0;top: 70%;}
	100% {opacity: 0;top: 29%;}
}
@keyframes tp-rotateplane {
  0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg);}
  50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);}
  100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);}
}
@keyframes tp-scaleout {
  0% {transform: scale(0.0);}
  100% {transform: scale(1.0);opacity: 0;}
}
@keyframes tp-bouncedelay {
  0%, 80%, 100% {transform: scale(0.0);}
  40% {transform: scale(1.0);}
}
@keyframes tp-rotate { 100% { transform: rotate(360deg);}}
@keyframes tp-bounce {
  0%, 100% {transform: scale(0.0);}
  50% { transform: scale(1.0);}
}
@keyframes rs-revealer-6{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@-webkit-keyframes rs-revealer-6{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
@keyframes rs-revealer-7{from{transform:rotate(0)}to{transform:rotate(360deg)}}
@-webkit-keyframes rs-revealer-7{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}
@keyframes rs-revealer-8{0%{transform:scale(0,0);opacity:.5}100%{transform:scale(1,1);opacity:0}}
@-webkit-keyframes rs-revealer-8{0%{-webkit-transform:scale(0,0);opacity:.5}100%{-webkit-transform:scale(1,1);opacity:0}}
@-webkit-keyframes rs-revealer-9{0%,100%{-webkit-transform:scale(0)}50%{-webkit-transform:scale(1)}}
@keyframes rs-revealer-9{0%,100%{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
@-webkit-keyframes rs-revealer-10{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}
@keyframes rs-revealer-10{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}
@-webkit-keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}
@keyframes rs-revealer-11{0%,100%,70%{-webkit-transform:scale3D(1,1,1);transform:scale3D(1,1,1)}35%{-webkit-transform:scale3D(0,0,1);transform:scale3D(0,0,1)}}
@-webkit-keyframes rs-revealer-12{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@keyframes rs-revealer-12{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}
@keyframes rs-revealer-13{0%,100%{transform:translate(0)}25%{transform:translate(160%)}50%{transform:translate(160%,160%)}75%{transform:translate(0,160%)}}
@-webkit-keyframes rs-revealer-13{0%,100%{-webkit-transform:translate(0)}25%{-webkit-transform:translate(160%)}50%{-webkit-transform:translate(160%,160%)}75%{-webkit-transform:translate(0,160%)}}
@-webkit-keyframes rs-revealer-14-1{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@-webkit-keyframes rs-revealer-14-2{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@-webkit-keyframes rs-revealer-14-3{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@-webkit-keyframes rs-revealer-14-4{0%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{-webkit-transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{-webkit-transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@keyframes rs-revealer-14-1{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@keyframes rs-revealer-14-2{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@keyframes rs-revealer-14-3{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,-80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,-80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@keyframes rs-revealer-14-4{0%{transform:rotate3d(0,0,1,0deg) translate3d(0,0,0)}20%{transform:rotate3d(0,0,1,0deg) translate3d(-80%,80%,0)}80%{transform:rotate3d(0,0,1,360deg) translate3d(-80%,80%,0)}100%{transform:rotate3d(0,0,1,360deg) translate3d(0,0,0)}}
@-webkit-keyframes rs-revealer-15{25%{-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{-webkit-transform:rotate(-360deg)}}
@keyframes rs-revealer-15{25%{transform:translateX(30px) rotate(-90deg) scale(.5);-webkit-transform:translateX(30px) rotate(-90deg) scale(.5)}50%{transform:translateX(30px) translateY(30px) rotate(-179deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-179deg)}50.1%{transform:translateX(30px) translateY(30px) rotate(-180deg);-webkit-transform:translateX(30px) translateY(30px) rotate(-180deg)}75%{transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5);-webkit-transform:translateX(0) translateY(30px) rotate(-270deg) scale(.5)}100%{transform:rotate(-360deg);-webkit-transform:rotate(-360deg)}}

</style>


<script id="bv-lazyload-images" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var bv_lazyload_event_listener="readystatechange",bv_lazyload_events=["mousemove","click","keydown","wheel","touchmove","touchend"],bv_use_srcset_attr=!1,BV_DEBUG_MODE=!1,bv_style_observer,img_observer,picture_lazy_observer;function bvDebugLog(...args){BV_DEBUG_MODE&&console.log(...args)}__name(bvDebugLog,"bvDebugLog"),bv_lazyload_event_listener=="load"?window.addEventListener("load",event=>{handle_lazyload_images()}):bv_lazyload_event_listener=="readystatechange"&&document.addEventListener("readystatechange",event=>{document.readyState==="interactive"&&handle_lazyload_images()});function add_lazyload_image_event_listeners(handle_lazyload_images2){bv_lazyload_events.forEach(function(event){document.addEventListener(event,handle_lazyload_images2,!0)})}__name(add_lazyload_image_event_listeners,"add_lazyload_image_event_listeners");function remove_lazyload_image_event_listeners(){bv_lazyload_events.forEach(function(event){document.removeEventListener(event,handle_lazyload_images,!0)})}__name(remove_lazyload_image_event_listeners,"remove_lazyload_image_event_listeners");function bv_replace_lazyloaded_image_url(element2){let src_value=element2.getAttribute("bv-data-src"),srcset_value=element2.getAttribute("bv-data-srcset"),currentSrc=element2.getAttribute("src");currentSrc&&currentSrc.startsWith("data:image/svg+xml")&&(bv_use_srcset_attr&&srcset_value&&element2.setAttribute("srcset",srcset_value),src_value&&element2.setAttribute("src",src_value))}__name(bv_replace_lazyloaded_image_url,"bv_replace_lazyloaded_image_url");function bv_replace_inline_style_image_url(element2){let bv_style_attr=element2.getAttribute("bv-data-style");if(bvDebugLog(bv_style_attr),bv_style_attr){let currentStyles=element2.getAttribute("style")||"",newStyle=currentStyles+(currentStyles?";":"")+bv_style_attr;element2.setAttribute("style",newStyle)}else bvDebugLog("BV_STYLE_ATTRIBUTE_NOT_FOUND : "+entry)}__name(bv_replace_inline_style_image_url,"bv_replace_inline_style_image_url");function handleLazyloadImages(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_lazyloaded_image_url(entry2.target),img_observer.unobserve(entry2.target))})}__name(handleLazyloadImages,"handleLazyloadImages");function handleOnscreenInlineStyleImages(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_inline_style_image_url(entry2.target),bv_style_observer.unobserve(entry2.target))})}__name(handleOnscreenInlineStyleImages,"handleOnscreenInlineStyleImages");function handlePictureTags(entries){entries.map(entry2=>{entry2.isIntersecting&&(bv_replace_picture_tag_url(entry2.target),picture_lazy_observer.unobserve(entry2.target))})}__name(handlePictureTags,"handlePictureTags");function bv_replace_picture_tag_url(element2){const child_elements=element2.children;for(let i=0;i<child_elements.length;i++){let child_elem=child_elements[i],_srcset=child_elem.getAttribute("bv-data-srcset"),_src=child_elem.getAttribute("bv-data-src");_srcset&&child_elem.setAttribute("srcset",_srcset),_src&&child_elem.setAttribute("src",_src),bv_replace_picture_tag_url(child_elem)}}__name(bv_replace_picture_tag_url,"bv_replace_picture_tag_url"),"IntersectionObserver"in window&&(bv_style_observer=new IntersectionObserver(handleOnscreenInlineStyleImages),img_observer=new IntersectionObserver(handleLazyloadImages),picture_lazy_observer=new IntersectionObserver(handlePictureTags));function handle_lazyload_images(){"IntersectionObserver"in window?(document.querySelectorAll(".bv-lazyload-bg-style").forEach(target_element=>{bv_style_observer.observe(target_element)}),document.querySelectorAll(".bv-lazyload-tag-img").forEach(img_element=>{img_observer.observe(img_element)}),document.querySelectorAll(".bv-lazyload-picture").forEach(picture_element=>{picture_lazy_observer.observe(picture_element)})):(document.querySelectorAll(".bv-lazyload-bg-style").forEach(target_element=>{bv_replace_inline_style_image_url(target_element)}),document.querySelectorAll(".bv-lazyload-tag-img").forEach(target_element=>{bv_replace_lazyloaded_image_url(target_element)}),document.querySelectorAll(".bv-lazyload-picture").forEach(picture_element=>{bv_replace_picture_tag_url(element)}))}__name(handle_lazyload_images,"handle_lazyload_images");
</script>

<script id="bv-viewport-image-hydration" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});const BV_VIEWPORT_IMAGE_CLASS="bv-viewport-img",BV_VIEWPORT_IMAGE_SWAP_MODE="src";function getViewportImageDeviceName(){let device_width=window.outerWidth;return device_width<=480?"mobile":device_width<=820?"ipad":device_width<=1536?"desktop":"large"}__name(getViewportImageDeviceName,"getViewportImageDeviceName");function getViewportHydrationAttr(node_element,attr_suffix,device_name){let attr_names=["bv-data-"+device_name+"-"+attr_suffix,"bv-data-large-"+attr_suffix];for(let index=0;index<attr_names.length;index+=1){let attr_value=node_element.getAttribute(attr_names[index]);if(attr_value)return attr_value}return""}__name(getViewportHydrationAttr,"getViewportHydrationAttr");function hydrateViewportImage(node_element){if(!node_element||node_element.getAttribute("bv-viewport-hydrated")==="1")return;let hydrated=!1,device_name=getViewportImageDeviceName(),src_attr=getViewportHydrationAttr(node_element,"src",device_name),srcset_attr=getViewportHydrationAttr(node_element,"srcset",device_name);BV_VIEWPORT_IMAGE_SWAP_MODE==="srcset"&&srcset_attr&&(node_element.setAttribute("srcset",srcset_attr),hydrated=!0),src_attr&&(node_element.setAttribute("src",src_attr),hydrated=!0),hydrated&&node_element.setAttribute("bv-viewport-hydrated","1")}__name(hydrateViewportImage,"hydrateViewportImage");function hydrateViewportImages(){let img_tags=document.querySelectorAll("."+BV_VIEWPORT_IMAGE_CLASS);setTimeout(()=>{img_tags.forEach(img_tag=>{hydrateViewportImage(img_tag)})},0)}__name(hydrateViewportImages,"hydrateViewportImages"),document.readyState==="loading"?document.addEventListener("DOMContentLoaded",hydrateViewportImages):hydrateViewportImages();
</script>

<script id="bv-dl-scripts-list" data-cfasync="false" bv-exclude="true">
var scriptAttrs = [{"attrs":{"defer":true,"data-cfasync":false,"async":false,"bv_inline_delayed":true},"bv_unique_id":"b91Bjl1oZbtsrxPOvyJj","reference":0},{"attrs":{"type":"\\"application\\/ld+json\\"","class":"\\"yoast-schema-graph\\"","defer":true,"data-cfasync":false,"async":false,"bv_inline_delayed":true},"bv_unique_id":"A29DVea0cnD5TglhETwQ","reference":1}];
</script>
<script id="bv-web-worker" type="javascript/worker" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});var BV_DEBUG_MODE=!1;function bvDebugLog(...args){BV_DEBUG_MODE&&console.log(...args)}__name(bvDebugLog,"bvDebugLog"),self.onmessage=function(e){var counter=e.data.fetch_urls.length;e.data.fetch_urls.forEach(function(fetch_url){loadUrl(fetch_url,function(){bvDebugLog("DONE: "+fetch_url),counter=counter-1,counter===0&&self.postMessage({status:"SUCCESS"})})})};async function loadUrl(fetch_url,callback){try{var request=new Request(fetch_url,{mode:"no-cors",redirect:"follow"});await fetch(request),callback()}catch(fetchError){bvDebugLog("Fetch Error loading URL:",fetchError);try{var xhr=new XMLHttpRequest;xhr.onerror=callback,xhr.onload=callback,xhr.responseType="blob",xhr.open("GET",fetch_url,!0),xhr.send()}catch(xhrError){bvDebugLog("XHR Error loading URL:",xhrError),callback()}}}__name(loadUrl,"loadUrl");
</script>
<script id="bv-web-worker-handler" data-cfasync="false" bv-exclude="true">var __defProp=Object.defineProperty;var __name=(target,value)=>__defProp(target,"name",{value,configurable:!0});if(typeof scriptAttrs<"u"&&Array.isArray(scriptAttrs)&&scriptAttrs.length>0){const lastElement=scriptAttrs[scriptAttrs.length-1];if(lastElement.attrs&&lastElement.attrs.id==="bv-trigger-listener"){var bv_custom_ready_state_value="loading";Object.defineProperty(document,"readyState",{get:__name(function(){return bv_custom_ready_state_value},"get"),set:__name(function(){},"set")})}}if(typeof scriptAttrs>"u"||!Array.isArray(scriptAttrs))var scriptAttrs=[];if(typeof linkStyleAttrs>"u"||!Array.isArray(linkStyleAttrs))var linkStyleAttrs=[];var BV_DEBUG_MODE=!1;function bvDebugLog(...args){BV_DEBUG_MODE&&console.log(...args)}__name(bvDebugLog,"bvDebugLog");function isMobileDevice(){return window.innerWidth<=500}__name(isMobileDevice,"isMobileDevice");var js_dom_loaded=!1;document.addEventListener("DOMContentLoaded",()=>{js_dom_loaded=!0});const EVENTS=["mousemove","click","keydown","wheel","touchmove","touchend"];var scriptUrls=[],styleUrls=[],bvEventCalled=!1,workerFinished=!1,functionExec=!1,scriptsInjected=!1,stylesInjected=!1,bv_load_event_fired=!1,autoInjectTimerStarted=!1;const BV_AUTO_INJECT_ENABLED=!0,BV_DESKTOP_AUTO_INJECT_DELAY=4e3,BV_MOBILE_AUTO_INJECT_DELAY=1e4,BV_WORKER_TIMEOUT_DURATION=3e3;scriptAttrs.forEach((scriptAttr,index)=>{scriptAttr.attrs.src&&!scriptAttr.attrs.src.includes("data:text/javascript")&&(scriptUrls[index]=scriptAttr.attrs.src)}),linkStyleAttrs.forEach((linkAttr,index)=>{styleUrls[index]=linkAttr.attrs.href});var fetchUrls=scriptUrls.concat(styleUrls);function addEventListeners(bvEventHandler2){EVENTS.forEach(function(event){document.addEventListener(event,bvEventFired,!0),document.addEventListener(event,bvEventHandler2,!0)})}__name(addEventListeners,"addEventListeners");function removeEventListeners(){EVENTS.forEach(function(event){document.removeEventListener(event,bvEventHandler,!0)})}__name(removeEventListeners,"removeEventListeners");function bvEventFired(){bvEventCalled||(bvEventCalled=!0,workerFinished=!0)}__name(bvEventFired,"bvEventFired");function bvGetElement(attributes,element){Object.keys(attributes).forEach(function(attr){attr==="async"?element.async=attributes[attr]:attr==="innerHTML"?element.innerHTML=atob(attributes[attr]):element.setAttribute(attr,attributes[attr])})}__name(bvGetElement,"bvGetElement");function bvAddElement(attr,element){var attributes=attr.attrs;if(attributes.bv_inline_delayed){let bvScriptId=attr.bv_unique_id,bvScriptElement=document.querySelector("[bv_unique_id='"+bvScriptId+"']");bvScriptElement?(!attributes.innerHTML&&!attributes.src&&bvScriptElement.textContent.trim()!==""&&(attributes.src="data:text/javascript;base64, "+btoa(unescape(encodeURIComponent(bvScriptElement.textContent)))),bvGetElement(attributes,element),bvScriptElement.after(element)):bvDebugLog(`Script not found for ${bvScriptId}`)}else{bvGetElement(attributes,element);var templateId=attr.bv_unique_id,targetElement=document.querySelector("[id='"+templateId+"']");targetElement&&targetElement.after(element)}}__name(bvAddElement,"bvAddElement");function injectStyles(){if(stylesInjected){bvDebugLog("Styles already injected, skipping");return}stylesInjected=!0,document.querySelectorAll('style[type="bv_inline_delayed_css"], template[id]').forEach(element=>{if(element.tagName.toLowerCase()==="style"){var new_style=document.createElement("style");new_style.type="text/css",new_style.textContent=element.textContent,element.after(new_style),new_style.parentNode?element.remove():bvDebugLog("PARENT NODE NOT FOUND")}else if(element.tagName.toLowerCase()==="template"){var templateId=element.id,linkStyleAttr=linkStyleAttrs.find(attr=>attr.bv_unique_id===templateId);if(linkStyleAttr){var link=document.createElement("link");bvAddElement(linkStyleAttr,link),element.parentNode&&element.parentNode.replaceChild(link,element),bvDebugLog("EXTERNAL STYLE ADDED")}else bvDebugLog(`No linkStyleAttr found for template ID ${templateId}`)}}),linkStyleAttrs.forEach((linkStyleAttr,index)=>{bvDebugLog("STYLE ADDED");var element=document.createElement("link");bvAddElement(linkStyleAttr,element)})}__name(injectStyles,"injectStyles");function injectScripts(){if(scriptsInjected){bvDebugLog("Scripts already injected, skipping");return}scriptsInjected=!0;let last_script_element;scriptAttrs.forEach((scriptAttr,index)=>{if(bv_custom_ready_state_value==="loading"&&scriptAttr.attrs&&scriptAttr.attrs.is_first_defer_element===!0)if(last_script_element){const readyStateScript=document.createElement("script");readyStateScript.src="data:text/javascript;base64, "+btoa(unescape(encodeURIComponent("bv_custom_ready_state_value = 'interactive';"))),readyStateScript.async=!1,last_script_element.after(readyStateScript)}else bv_custom_ready_state_value="interactive",bvDebugLog('Ready state manually set to "interactive"');bvDebugLog("JS ADDED");var element=document.createElement("script");last_script_element=element,bvAddElement(scriptAttr,element)})}__name(injectScripts,"injectScripts");function bvEventHandler(){bvDebugLog("EVENT FIRED"),js_dom_loaded&&bvEventCalled&&workerFinished&&!functionExec&&(functionExec=!0,injectStyles(),injectScripts(),removeEventListeners())}__name(bvEventHandler,"bvEventHandler");function autoInjectScriptsAfterLoad(){js_dom_loaded&&workerFinished&&!scriptsInjected&&!stylesInjected&&(bvDebugLog("Auto-injecting styles and scripts after timer"),injectStyles(),injectScripts())}__name(autoInjectScriptsAfterLoad,"autoInjectScriptsAfterLoad");function startAutoInjectTimer(){if(BV_AUTO_INJECT_ENABLED&&!autoInjectTimerStarted&&bv_load_event_fired&&!bvEventCalled){autoInjectTimerStarted=!0;var delay=isMobileDevice()?BV_MOBILE_AUTO_INJECT_DELAY:BV_DESKTOP_AUTO_INJECT_DELAY;bvDebugLog("Starting auto-inject timer with delay: "+delay+"ms"),setTimeout(function(){autoInjectScriptsAfterLoad()},delay)}}__name(startAutoInjectTimer,"startAutoInjectTimer"),addEventListeners(bvEventHandler);var requestObject=window.URL||window.webkitURL,bvWorker=new Worker(requestObject.createObjectURL(new Blob([document.getElementById("bv-web-worker").textContent],{type:"text/javascript"})));bvWorker.onmessage=function(e){e.data.status==="SUCCESS"&&(bvDebugLog("WORKER_FINISHED"),workerFinished=!0,bvEventHandler(),startAutoInjectTimer())},addEventListener("load",()=>{bvEventHandler(),bv_call_fetch_urls(),bv_load_event_fired=!0});function bv_call_fetch_urls(){!bv_load_event_fired&&!workerFinished&&(bvWorker.postMessage({fetch_urls:fetchUrls}),bv_initiate_worker_timer())}__name(bv_call_fetch_urls,"bv_call_fetch_urls"),setTimeout(function(){bv_call_fetch_urls()},5e3);function bv_initiate_worker_timer(){setTimeout(function(){workerFinished||(bvDebugLog("WORKER_TIMEDOUT"),workerFinished=!0,bvWorker.terminate()),bvEventHandler(),startAutoInjectTimer()},BV_WORKER_TIMEOUT_DURATION)}__name(bv_initiate_worker_timer,"bv_initiate_worker_timer");
</script>
\r\n  <meta charset=\"UTF-8\" \/>\r\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/>\r\n  <title>ElHejaz Glass Rooms<\/title>\r\n  <style>\r\n    * { margin: 0; padding: 0; box-sizing: border-box; }\r\n    body { \r\n      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; \r\n      background: #ffffff; \r\n      padding: 0;\r\n      margin: 0;\r\n      min-height: 100vh;\r\n    }\r\n    .container { max-width: 100%; margin: 0; padding: 0; }\r\n\r\n    \/* Header *\/\r\n    .gallery-header {\r\n      text-align: center;\r\n      margin-bottom: 40px;\r\n      animation: slideDown 0.6s ease-out;\r\n      padding: 40px 20px;\r\n      background: linear-gradient(135deg, #f26522 0%, #ff8c42 100%);\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    .gallery-header::before {\r\n      content: '';\r\n      position: absolute;\r\n      top: -50%;\r\n      left: -50%;\r\n      width: 200%;\r\n      height: 200%;\r\n      background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n      animation: rotate 20s linear infinite;\r\n    }\r\n    .gallery-header h1 {\r\n      color: #ffffff;\r\n      font-size: 3em;\r\n      margin-bottom: 15px;\r\n      text-shadow: 2px 2px 8px rgba(0,0,0,0.3);\r\n      position: relative;\r\n      z-index: 1;\r\n      animation: titlePulse 3s ease-in-out infinite;\r\n    }\r\n    .gallery-header p {\r\n      color: #ffffff;\r\n      font-size: 1.3em;\r\n      position: relative;\r\n      z-index: 1;\r\n      text-shadow: 1px 1px 4px rgba(0,0,0,0.2);\r\n      animation: subtitleSlide 2s ease-in-out infinite;\r\n    }\r\n    .floating-particles {\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 100%;\r\n      top: 0;\r\n      left: 0;\r\n      pointer-events: none;\r\n    }\r\n    .particle {\r\n      position: absolute;\r\n      background: rgba(255,255,255,0.3);\r\n      border-radius: 50%;\r\n      animation: float 6s ease-in-out infinite;\r\n    }\r\n    .particle:nth-child(1) { width: 8px; height: 8px; left: 10%; animation-delay: 0s; }\r\n    .particle:nth-child(2) { width: 12px; height: 12px; left: 30%; animation-delay: 1s; }\r\n    .particle:nth-child(3) { width: 6px; height: 6px; left: 50%; animation-delay: 2s; }\r\n    .particle:nth-child(4) { width: 10px; height: 10px; left: 70%; animation-delay: 3s; }\r\n    .particle:nth-child(5) { width: 8px; height: 8px; left: 90%; animation-delay: 4s; }\r\n\r\n    \/* Layout *\/\r\n    .content-wrapper {\r\n      display: flex;\r\n      gap: 40px;\r\n      align-items: flex-start;\r\n      padding: 0 20px 20px 20px;\r\n      max-width: 1400px;\r\n      margin: 0 auto;\r\n    }\r\n    .gallery-wrapper { \r\n      flex: 1.5; \r\n      max-width: 900px;\r\n      animation: slideInLeft 0.8s ease-out;\r\n    }\r\n    .info-space { \r\n      flex: 1;\r\n      animation: slideInRight 0.8s ease-out;\r\n    }\r\n\r\n    \/* Main Image Container *\/\r\n    .product-gallery { \r\n      position: relative; \r\n      width: 100%;\r\n      border-radius: 16px;\r\n      overflow: hidden;\r\n      box-shadow: 0 15px 40px rgba(0,0,0,0.2);\r\n      background: #fff;\r\n    }\r\n    \r\n    .gallery-image {\r\n      width: 100%; \r\n      aspect-ratio: 16\/10;\r\n      display: none; \r\n      cursor: zoom-in;\r\n      position: relative;\r\n      overflow: hidden;\r\n    }\r\n    \r\n    .gallery-image.active { \r\n      display: block; \r\n      animation: zoomFade 0.6s ease-out;\r\n    }\r\n    \r\n    .gallery-image img { \r\n      width: 100%; \r\n      height: 100%; \r\n      object-fit: cover;\r\n      display: block; \r\n      transition: transform 0.4s ease;\r\n    }\r\n    \r\n    .gallery-image:hover img { \r\n      transform: scale(1.08);\r\n    }\r\n\r\n    \/* Image Counter *\/\r\n    .image-counter {\r\n      position: absolute;\r\n      bottom: 15px;\r\n      right: 15px;\r\n      background: rgba(0,0,0,0.7);\r\n      color: white;\r\n      padding: 8px 15px;\r\n      border-radius: 20px;\r\n      font-size: 14px;\r\n      font-weight: bold;\r\n    }\r\n\r\n    \/* Navigation Arrows *\/\r\n    .nav-arrow {\r\n      position: absolute;\r\n      top: 50%;\r\n      transform: translateY(-50%);\r\n      background: rgba(242, 101, 34, 0.9);\r\n      color: white;\r\n      border: none;\r\n      width: 50px;\r\n      height: 50px;\r\n      border-radius: 50%;\r\n      font-size: 24px;\r\n      cursor: pointer;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      transition: all 0.3s;\r\n      z-index: 10;\r\n      box-shadow: 0 4px 15px rgba(0,0,0,0.3);\r\n      font-family: Arial, sans-serif;\r\n    }\r\n    .nav-arrow:hover {\r\n      background: #d94e1b;\r\n      transform: translateY(-50%) scale(1.15);\r\n    }\r\n    .nav-arrow.prev { \r\n      left: 15px;\r\n    }\r\n    .nav-arrow.prev::before {\r\n      content: '';\r\n      width: 0;\r\n      height: 0;\r\n      border-top: 8px solid transparent;\r\n      border-bottom: 8px solid transparent;\r\n      border-right: 12px solid white;\r\n      display: block;\r\n    }\r\n    .nav-arrow.next { \r\n      right: 15px;\r\n    }\r\n    .nav-arrow.next::before {\r\n      content: '';\r\n      width: 0;\r\n      height: 0;\r\n      border-top: 8px solid transparent;\r\n      border-bottom: 8px solid transparent;\r\n      border-left: 12px solid white;\r\n      display: block;\r\n    }\r\n\r\n    \/* Thumbnails *\/\r\n    .gallery-thumbs {\r\n      display: flex; \r\n      gap: 15px; \r\n      flex-wrap: wrap; \r\n      justify-content: center; \r\n      margin-top: 20px;\r\n      padding: 20px;\r\n      background: white;\r\n      border-radius: 12px;\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n    }\r\n    \r\n    .gallery-thumbs img {\r\n      width: 90px; \r\n      height: 90px; \r\n      object-fit: cover; \r\n      border-radius: 12px; \r\n      cursor: pointer;\r\n      border: 3px solid transparent; \r\n      transition: all 0.3s ease;\r\n      box-shadow: 0 4px 10px rgba(0,0,0,0.15);\r\n      position: relative;\r\n    }\r\n    \r\n    .gallery-thumbs img:hover { \r\n      transform: translateY(-8px) scale(1.15); \r\n      box-shadow: 0 8px 20px rgba(242, 101, 34, 0.4);\r\n      border-color: #f26522;\r\n    }\r\n    \r\n    .gallery-thumbs img.active { \r\n      border: 3px solid #f26522; \r\n      transform: scale(1.1);\r\n      box-shadow: 0 8px 20px rgba(242, 101, 34, 0.5);\r\n    }\r\n\r\n    \/* Info Panel *\/\r\n    .info-panel {\r\n      background: white;\r\n      padding: 30px;\r\n      border-radius: 16px;\r\n      box-shadow: 0 8px 20px rgba(0,0,0,0.1);\r\n    }\r\n    .info-panel h2 {\r\n      color: #2c3e50;\r\n      margin-bottom: 15px;\r\n      font-size: 1.8em;\r\n    }\r\n    .info-panel p {\r\n      color: #555;\r\n      line-height: 1.8;\r\n      margin-bottom: 15px;\r\n    }\r\n    .info-panel ul {\r\n      list-style: none;\r\n      padding-left: 0;\r\n    }\r\n    .info-panel li {\r\n      padding: 10px 0;\r\n      color: #555;\r\n      border-bottom: 1px solid #eee;\r\n    }\r\n    .info-panel li {\r\n      padding: 10px 0;\r\n      color: #555;\r\n      border-bottom: 1px solid #eee;\r\n    }\r\n    .info-panel li:before {\r\n      content: \"\u2022 \";\r\n      color: #f26522;\r\n      font-weight: bold;\r\n      margin-right: 10px;\r\n      font-size: 1.2em;\r\n    }\r\n\r\n    \/* Modal *\/\r\n    .modal {\r\n      display: none; \r\n      position: fixed; \r\n      top: 0; \r\n      left: 0; \r\n      width: 100%; \r\n      height: 100%;\r\n      background: rgba(0,0,0,0.95); \r\n      justify-content: center; \r\n      align-items: center;\r\n      z-index: 1000; \r\n      padding: 20px;\r\n      animation: fadeIn 0.3s;\r\n    }\r\n    .modal.active { display: flex; }\r\n    \r\n    .modal-content { \r\n      max-width: 95%; \r\n      max-height: 95%; \r\n      border-radius: 12px;\r\n      box-shadow: 0 20px 60px rgba(0,0,0,0.5);\r\n      animation: zoomIn 0.4s ease-out;\r\n    }\r\n    \r\n    .modal-close {\r\n      position: absolute; \r\n      top: 30px; \r\n      right: 30px; \r\n      background: #f26522; \r\n      color: #fff;\r\n      border: none; \r\n      width: 60px; \r\n      height: 60px; \r\n      border-radius: 50%; \r\n      font-size: 28px;\r\n      cursor: pointer; \r\n      display: flex; \r\n      align-items: center; \r\n      justify-content: center;\r\n      box-shadow: 0 6px 20px rgba(0,0,0,0.4); \r\n      transition: all 0.3s;\r\n      font-weight: bold;\r\n    }\r\n    .modal-close:hover { \r\n      background: #d94e1b; \r\n      transform: rotate(90deg) scale(1.15);\r\n    }\r\n\r\n    \/* Animations *\/\r\n    @keyframes fadeIn { \r\n      from { opacity: 0; } \r\n      to { opacity: 1; } \r\n    }\r\n    @keyframes zoomFade { \r\n      from { opacity: 0; transform: scale(0.9); } \r\n      to { opacity: 1; transform: scale(1); } \r\n    }\r\n    @keyframes zoomIn { \r\n      from { transform: scale(0.8); opacity: 0; } \r\n      to { transform: scale(1); opacity: 1; } \r\n    }\r\n    @keyframes slideDown {\r\n      from { transform: translateY(-30px); opacity: 0; }\r\n      to { transform: translateY(0); opacity: 1; }\r\n    }\r\n    @keyframes slideInLeft {\r\n      from { transform: translateX(-50px); opacity: 0; }\r\n      to { transform: translateX(0); opacity: 1; }\r\n    }\r\n    @keyframes slideInRight {\r\n      from { transform: translateX(50px); opacity: 0; }\r\n      to { transform: translateX(0); opacity: 1; }\r\n    }\r\n    @keyframes rotate {\r\n      from { transform: rotate(0deg); }\r\n      to { transform: rotate(360deg); }\r\n    }\r\n    @keyframes titlePulse {\r\n      0%, 100% { transform: scale(1); }\r\n      50% { transform: scale(1.03); }\r\n    }\r\n    @keyframes subtitleSlide {\r\n      0%, 100% { transform: translateY(0); }\r\n      50% { transform: translateY(-5px); }\r\n    }\r\n    @keyframes float {\r\n      0%, 100% { transform: translateY(0) scale(1); opacity: 0.3; }\r\n      50% { transform: translateY(-30px) scale(1.2); opacity: 0.6; }\r\n    }\r\n\r\n    \/* Progress Bar *\/\r\n    .progress-bar {\r\n      height: 4px;\r\n      background: #e0e0e0;\r\n      margin-top: 10px;\r\n      border-radius: 2px;\r\n      overflow: hidden;\r\n    }\r\n    .progress-fill {\r\n      height: 100%;\r\n      background: linear-gradient(90deg, #f26522, #ff8c42);\r\n      width: 0%;\r\n      transition: width 0.1s linear;\r\n    }\r\n\r\n    \/* Responsive *\/\r\n    @media (max-width: 968px) {\r\n      .content-wrapper { flex-direction: column; align-items: center; }\r\n      .gallery-wrapper, .info-space { max-width: 100%; width: 100%; }\r\n      .gallery-header h1 { font-size: 2.2em; }\r\n      .gallery-header p { font-size: 1.1em; }\r\n    }\r\n    \r\n    @media (max-width: 600px) {\r\n      .gallery-thumbs img { width: 70px; height: 70px; }\r\n      .nav-arrow { width: 40px; height: 40px; font-size: 20px; }\r\n      .info-panel { padding: 20px; }\r\n      .gallery-header h1 { font-size: 1.8em; }\r\n      .gallery-header p { font-size: 1em; }\r\n      .gallery-header { padding: 30px 15px; }\r\n    }\r\n  <\/style>\r\n<\/head>\r\n<body>\r\n\r\n  <div class=\"container\">\r\n    <div class=\"gallery-header\">\r\n      <div class=\"floating-particles\">\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n        <div class=\"particle\"><\/div>\r\n      <\/div>\r\n      <h1>Glass Rooms<\/h1>\r\n      <p>Elegance Meets Functionality<\/p>\r\n    <\/div>\r\n\r\n    <div class=\"content-wrapper\">\r\n\r\n      \r\n      <div class=\"gallery-wrapper\">\r\n        <div class=\"product-gallery\">\r\n          <button class=\"nav-arrow prev\" onclick=\"prevImage()\"><\/button>\r\n          <button class=\"nav-arrow next\" onclick=\"nextImage()\"><\/button>\r\n          \r\n          <div class=\"gallery-image active\">\r\n            <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg\" alt=\"Glass Room 1\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">1<\/span> \/ <span id=\"totalImg\">3<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"gallery-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8910-scaled.jpg\" alt=\"Glass Room 2\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">2<\/span> \/ <span id=\"totalImg\">3<\/span><\/div>\r\n          <\/div>\r\n          <div class=\"gallery-image\">\r\n            <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/06\/glasss-rooom.jpg\" alt=\"Glass Room 3\">\r\n            <div class=\"image-counter\"><span id=\"currentImg\">3<\/span> \/ <span id=\"totalImg\">3<\/span><\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"progress-bar\">\r\n          <div class=\"progress-fill\" id=\"progressFill\"><\/div>\r\n        <\/div>\r\n\r\n        <div class=\"gallery-thumbs\">\r\n          <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg\" class=\"active\" data-index=\"0\" alt=\"Thumbnail 1\">\r\n          <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8910-scaled.jpg\" data-index=\"1\" alt=\"Thumbnail 2\">\r\n          <img decoding=\"async\" src=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/06\/glasss-rooom.jpg\" data-index=\"2\" alt=\"Thumbnail 3\">\r\n        <\/div>\r\n      <\/div>\r\n\r\n      \r\n      <div class=\"info-space\">\r\n        <div class=\"info-panel\">\r\n       \r\n          <p>ElHejaz glass rooms are an ideal combination between elegance and functionality; The glass panels can be customized as fixed, sliding, or folding, giving you complete control over ventilation and privacy.<\/p>\r\n          <p>Use it as a sunroom, home office, dining area, or simply a peaceful retreat.<\/p>\r\n          \r\n          <h3 style=\"color: #f26522; margin-top: 20px; margin-bottom: 10px;\">Features:<\/h3>\r\n          <ul>\r\n            <li>Elegant structure built with a durable aluminum frame<\/li>\r\n            <li>Floor to ceiling tempered safety glass<\/li>\r\n            <li>Room to add integrated LED lighting & curtains<\/li>\r\n            <li>Weather resistant<\/li>\r\n            <li>Built-in drainage system<\/li>\r\n            <li>Sleek & Modern designs<\/li>\r\n          <\/ul>\r\n        <\/div>\r\n      <\/div>\r\n\r\n    <\/div>\r\n  <\/div>\r\n\r\n  \r\n  <div class=\"modal\" id=\"imageModal\">\r\n    <button class=\"modal-close\" onclick=\"closeModal()\">\u00d7<\/button>\r\n    <img decoding=\"async\" class=\"modal-content\" id=\"modalImage\" src=\"\" alt=\"Zoomed Image\">\r\n  <\/div>\r\n\r\n  <script>\r\n    const gallery = document.querySelector('.product-gallery');\r\n    const images = gallery.querySelectorAll('.gallery-image');\r\n    const thumbs = document.querySelectorAll('.gallery-thumbs img');\r\n    const modal = document.getElementById('imageModal');\r\n    const modalImg = document.getElementById('modalImage');\r\n    const progressFill = document.getElementById('progressFill');\r\n    let cur = 0;\r\n    let interval;\r\n    let progressInterval;\r\n    const autoPlayDelay = 5000;\r\n\r\n    function updateProgress() {\r\n      let progress = 0;\r\n      clearInterval(progressInterval);\r\n      progressFill.style.width = '0%';\r\n      \r\n      progressInterval = setInterval(() => {\r\n        progress += 100 \/ (autoPlayDelay \/ 100);\r\n        progressFill.style.width = progress + '%';\r\n        if (progress >= 100) {\r\n          clearInterval(progressInterval);\r\n        }\r\n      }, 100);\r\n    }\r\n\r\n    function show(i) {\r\n      images.forEach(el => el.classList.remove('active'));\r\n      thumbs.forEach(el => el.classList.remove('active'));\r\n      images[i].classList.add('active');\r\n      thumbs[i].classList.add('active');\r\n      cur = i;\r\n      updateProgress();\r\n    }\r\n\r\n    function nextImage() {\r\n      clearInterval(interval);\r\n      show((cur + 1) % images.length);\r\n      startAutoPlay();\r\n    }\r\n\r\n    function prevImage() {\r\n      clearInterval(interval);\r\n      show((cur - 1 + images.length) % images.length);\r\n      startAutoPlay();\r\n    }\r\n\r\n    function startAutoPlay() {\r\n      clearInterval(interval);\r\n      interval = setInterval(nextImage, autoPlayDelay);\r\n    }\r\n\r\n    function stopAutoPlay() {\r\n      clearInterval(interval);\r\n      clearInterval(progressInterval);\r\n    }\r\n\r\n    function closeModal() {\r\n      modal.classList.remove('active');\r\n      startAutoPlay();\r\n    }\r\n\r\n    \/\/ Thumbnail clicks\r\n    thumbs.forEach(t => t.addEventListener('click', () => {\r\n      stopAutoPlay();\r\n      show(+t.dataset.index);\r\n      startAutoPlay();\r\n    }));\r\n\r\n    \/\/ Image clicks to zoom\r\n    images.forEach(img => img.addEventListener('click', () => {\r\n      modalImg.src = img.querySelector('img').src;\r\n      modal.classList.add('active');\r\n      stopAutoPlay();\r\n    }));\r\n\r\n    \/\/ Modal close\r\n    modal.addEventListener('click', e => {\r\n      if (e.target === modal || e.target.classList.contains('modal-close')) {\r\n        closeModal();\r\n      }\r\n    });\r\n\r\n    \/\/ Keyboard navigation\r\n    document.addEventListener('keydown', (e) => {\r\n      if (modal.classList.contains('active')) {\r\n        if (e.key === 'Escape') closeModal();\r\n      } else {\r\n        if (e.key === 'ArrowRight') nextImage();\r\n        if (e.key === 'ArrowLeft') prevImage();\r\n      }\r\n    });\r\n\r\n    \/\/ Pause on hover\r\n    gallery.addEventListener('mouseenter', stopAutoPlay);\r\n    gallery.addEventListener('mouseleave', startAutoPlay);\r\n\r\n    \/\/ Start autoplay and progress\r\n    startAutoPlay();\r\n    updateProgress();\r\n  <\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>ElHejaz Glass Rooms Glass Rooms Elegance Meets Functionality 1 \/ 3 2 \/ 3 3 \/ 3 ElHejaz glass rooms are an ideal combination between elegance and functionality; The glass panels can be customized as fixed, sliding, or folding, giving you complete control over ventilation and privacy. Use it as a sunroom, home office, dining [&hellip;]<\/p>\n","protected":false},"author":227,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-16782","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Glass Rooms - El hejaz Company<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/elhejaz.com\/ar\/glass-rooms\/\" \/>\n<meta property=\"og:locale\" content=\"ar_AR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Glass Rooms - El hejaz Company\" \/>\n<meta property=\"og:description\" content=\"ElHejaz Glass Rooms Glass Rooms Elegance Meets Functionality 1 \/ 3 2 \/ 3 3 \/ 3 ElHejaz glass rooms are an ideal combination between elegance and functionality; The glass panels can be customized as fixed, sliding, or folding, giving you complete control over ventilation and privacy. Use it as a sunroom, home office, dining [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/elhejaz.com\/ar\/glass-rooms\/\" \/>\n<meta property=\"og:site_name\" content=\"El hejaz Company\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Elhejaz\" \/>\n<meta property=\"article:modified_time\" content=\"2025-12-28T20:18:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631\" \/>\n\t<meta name=\"twitter:data1\" content=\"8 \u062f\u0642\u0627\u0626\u0642\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/elhejaz.com\/glass-rooms\/\",\"url\":\"https:\/\/elhejaz.com\/glass-rooms\/\",\"name\":\"Glass Rooms - El hejaz Company\",\"isPartOf\":{\"@id\":\"https:\/\/elhejaz.com\/ar\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg\",\"datePublished\":\"2025-11-02T20:57:12+00:00\",\"dateModified\":\"2025-12-28T20:18:01+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/elhejaz.com\/glass-rooms\/#breadcrumb\"},\"inLanguage\":\"ar\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/elhejaz.com\/glass-rooms\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage\",\"url\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg\",\"contentUrl\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/elhejaz.com\/glass-rooms\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/elhejaz.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Glass Rooms\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/elhejaz.com\/ar\/#website\",\"url\":\"https:\/\/elhejaz.com\/ar\/\",\"name\":\"El hejaz Company\",\"description\":\"More than just good \u2026 It\u2019s art.\",\"publisher\":{\"@id\":\"https:\/\/elhejaz.com\/ar\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/elhejaz.com\/ar\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ar\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/elhejaz.com\/ar\/#organization\",\"name\":\"El hejaz Company\",\"url\":\"https:\/\/elhejaz.com\/ar\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ar\",\"@id\":\"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp\",\"contentUrl\":\"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp\",\"width\":186,\"height\":22,\"caption\":\"El hejaz Company\"},\"image\":{\"@id\":\"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Elhejaz\"]}]}<\/script>\n","yoast_head_json":{"title":"Glass Rooms - El hejaz Company","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/elhejaz.com\/ar\/glass-rooms\/","og_locale":"ar_AR","og_type":"article","og_title":"Glass Rooms - El hejaz Company","og_description":"ElHejaz Glass Rooms Glass Rooms Elegance Meets Functionality 1 \/ 3 2 \/ 3 3 \/ 3 ElHejaz glass rooms are an ideal combination between elegance and functionality; The glass panels can be customized as fixed, sliding, or folding, giving you complete control over ventilation and privacy. Use it as a sunroom, home office, dining [&hellip;]","og_url":"https:\/\/elhejaz.com\/ar\/glass-rooms\/","og_site_name":"El hejaz Company","article_publisher":"https:\/\/www.facebook.com\/Elhejaz","article_modified_time":"2025-12-28T20:18:01+00:00","og_image":[{"url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"\u0648\u0642\u062a \u0627\u0644\u0642\u0631\u0627\u0621\u0629 \u0627\u0644\u0645\u064f\u0642\u062f\u0651\u0631":"8 \u062f\u0642\u0627\u0626\u0642"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/elhejaz.com\/glass-rooms\/","url":"https:\/\/elhejaz.com\/glass-rooms\/","name":"Glass Rooms - El hejaz Company","isPartOf":{"@id":"https:\/\/elhejaz.com\/ar\/#website"},"primaryImageOfPage":{"@id":"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage"},"image":{"@id":"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage"},"thumbnailUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg","datePublished":"2025-11-02T20:57:12+00:00","dateModified":"2025-12-28T20:18:01+00:00","breadcrumb":{"@id":"https:\/\/elhejaz.com\/glass-rooms\/#breadcrumb"},"inLanguage":"ar","potentialAction":[{"@type":"ReadAction","target":["https:\/\/elhejaz.com\/glass-rooms\/"]}]},{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/elhejaz.com\/glass-rooms\/#primaryimage","url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg","contentUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2025\/08\/DSCF8900-scaled.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/elhejaz.com\/glass-rooms\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/elhejaz.com\/"},{"@type":"ListItem","position":2,"name":"Glass Rooms"}]},{"@type":"WebSite","@id":"https:\/\/elhejaz.com\/ar\/#website","url":"https:\/\/elhejaz.com\/ar\/","name":"El hejaz Company","description":"\u0623\u0643\u062b\u0631 \u0645\u0646 \u0645\u062c\u0631\u062f \u062c\u064a\u062f ... \u0625\u0646\u0647 \u0641\u0646.","publisher":{"@id":"https:\/\/elhejaz.com\/ar\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/elhejaz.com\/ar\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ar"},{"@type":"Organization","@id":"https:\/\/elhejaz.com\/ar\/#organization","name":"El hejaz Company","url":"https:\/\/elhejaz.com\/ar\/","logo":{"@type":"ImageObject","inLanguage":"ar","@id":"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/","url":"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp","contentUrl":"https:\/\/elhejaz.com\/wp-content\/uploads\/2020\/04\/Asset-2-1-2.webp","width":186,"height":22,"caption":"El hejaz Company"},"image":{"@id":"https:\/\/elhejaz.com\/ar\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Elhejaz"]}]}},"_links":{"self":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/users\/227"}],"replies":[{"embeddable":true,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/comments?post=16782"}],"version-history":[{"count":31,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16782\/revisions"}],"predecessor-version":[{"id":17859,"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/pages\/16782\/revisions\/17859"}],"wp:attachment":[{"href":"https:\/\/elhejaz.com\/ar\/wp-json\/wp\/v2\/media?parent=16782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}<!-- This website is optimized by Airlift. Learn more: https://airlift.net. Template:. Learn more: https://airlift.net. Template: 69e2be9b190636c9f79dc1ea. Config Timestamp: 2026-04-17 23:13:31 UTC, Cached Timestamp: 2026-04-20 04:52:30 UTC -->