@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap);
.banner{margin:0 auto;--text-padding: 0 0 0 23rem;position:relative;height:calc(100vh - var(--drupal-displace-offset-top, 0px) - 10rem);text-align:center;padding:2rem;display:grid;gap:4rem;overflow:hidden;font-family:"Fustat",sans-serif;align-items:center;justify-items:center}.banner:has(.banner_topImage){grid-template-rows:1fr 1fr}.banner .banner_content{width:100%;height:100%;max-width:1440px;margin:0 auto;position:relative}.banner:has(.top_image_hidden,.text_hidden){grid-template-rows:1fr}.banner::before{content:"";background-color:var(--background-color, initial);background-image:var(--background, initial);background-repeat:no-repeat;background-position:center center;background-size:cover;position:absolute;inset:0 0 0 0;z-index:0}.banner_topImage{display:block;width:90%;max-width:500px;object-fit:fill;position:relative}.banner_topImage.text_hidden{height:auto;width:80%}.banner_topImage.animate{animation:breathing 7s linear infinite alternate}.banner_text{margin:1rem 0;color:var(--text_color, var(--white));line-height:1.2;position:relative;z-index:1;font-family:"IBM Plex Sans Arabic",serif}.banner_text h1,.banner_text h2,.banner_text h3,.banner_text h4,.banner_text h5,.banner_text h6{margin:0}.banner_text h2,.banner_text h3,.banner_text h4,.banner_text h5,.banner_text h6{font-weight:normal}.banner_text h1{font-size:var(--text_size, 5.5rem) !important;background-color:var(--text_background_color, transparent)}.banner[lang=en]{--text-padding: 0 23rem 0 0}@media screen and (orientation: landscape){.banner{height:var(--height, 50rem);display:block;text-align:right;grid-template-rows:min-content minmax(50%, min-content)}.banner.half_ellipse{clip-path:ellipse(100% 82% at 50% 18%)}.banner_topImage{position:absolute;inset:50% auto auto auto;translate:0 -50%;height:50%;width:initial}.banner_topImage.text_hidden{height:65%;width:auto}.banner_topImage[position=left]{left:4rem}.banner_topImage[position=right]{right:4rem}.banner_topImage[position=center]{left:50%;transform:translateX(-50%)}.banner_heading_text{margin:initial;width:var(--text_width, 50vw);line-height:1.5;inset:25% 6rem auto auto;transform:translateY(-10%);text-align:right;font-size:5rem !important;color:#fff;position:absolute;z-index:1;font-weight:900}.banner_text{margin:initial;position:absolute;width:var(--text_width, 50vw);line-height:1.5}.banner_text span{font-size:var(--text_size, 5.5rem)}.banner_text[position=top_right]{inset:5rem 0 auto auto;text-align:right}.banner_text[position=top_left]{inset:5rem auto auto 0;text-align:left}.banner_text[position=top_center]{inset:2rem 50% auto auto;transform:translateX(50%);text-align:center}.banner_text[position=bottom_right]{inset:auto 0 2rem auto;text-align:right}.banner_text[position=bottom_left]{inset:auto auto 2rem 0;text-align:left}.banner_text[position=bottom_center]{inset:auto 50% 2rem auto;transform:translateX(50%);text-align:center}.banner_text[position=center_right]{inset:50% 0 auto auto;transform:translateY(-50%);text-align:right}.banner_text[position=center_left]{inset:50% auto auto 0;transform:translateY(-50%);text-align:left}.banner_text[position=center_center]{inset:50% 50% auto auto;transform:translateX(50%) translateY(-50%);text-align:center}}@keyframes breathing{0%{scale:.95}25%{scale:1}50%{scale:.95}100%{scale:1}}