<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="profile" href="https://gmpg.org/xfn/11"> 
	<script>
window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}
gtag('consent','default',{"analytics_storage":"denied","ad_storage":"denied","ad_user_data":"denied","ad_personalization":"denied"});
</script>
<link rel="preload" href="/wp-content/astra-local-fonts/roboto/KFO7CnqEu92Fr1ME7kSn66aGLdTylUAMa3yUBA.woff2" as="font" type="font/woff2" crossorigin><meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1">
<script>Object.defineProperty(window,"angiePlugin",{value:{"schemaVersion":1,"available":true,"version":"1.1.12"},writable:false,configurable:false});</script>
	<!-- This site is optimized with the Yoast SEO plugin v28.3 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Home - Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist -</title>
	<meta name="description" content="WELCOME TO    &quot;BASSEM GD&quot;   Creative Designer &amp; Visual Innovatorb      Infinite Marquee     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender          GRAPHIC DESIGN &bull; MULTIMEDIA &bull; EDITING         REC         00:00:00:00                 PORTRAIT &mdash; DUBAI, UAE         AR 4:5             LOC // Dubai. UAE.           W: 100% | H: AUTO | X: 0.0 | Y: 0.0           BASSEM           MOHAMED NAGAH           Layer: Header_Text_Main         _         Senior Graphic Designer, Multimedia Artist &amp; Editor               Senior Graphic Designer &amp; Montage Editing Specialist delivering high-quality, innovative multimedia designs. Skilled in branding, illustration, and photography, bringing versatile creative solutions to every project.                      MORE ABOUT ME         _&gt;          Graphic Design   Photo Editing   Video Editing   Branding   Illustration   Photography   Social Marketing   Voiceover Editing   Graphic Design   Photo Editing   Video Editing   Branding   Illustration   Photography   Social Marketing   Voiceover Editing   Graphic Design   Photo Editing            Scroll Sidebar - Professional Final            SCROLL DOWN       1%                  What I Do          Creative Services Graphic Design | Photos Editing | Video Editing | Voiceover Editing | Branding | Social Marketing | Photography       Bassem GD &mdash; Numbers Section      0    Years ofExperience     0    AnimationStudios     0    ProjectsDelivered     0    IndustryClients                Bassem GD &mdash; Process Section    How I Work   MY CREATIVE PROCESS     01    &#9672;    Brief    Understanding your vision, goals, and target audience to set the creative direction.     02    &#10022;    Concept    Developing ideas, mood boards, and visual concepts that capture the essence of the project.     03    &#9670;    Design    Crafting the final visuals with precision &mdash; from typography and color to layout and imagery.     04    &#9670;    Deliver    Final delivery of all assets in required formats, ready for print, screen, or production.       AI Tools Hub Cinematic  AI Tools Hub Cinematic Professional ecosystem of modern AI platforms TEXT AI Language models &amp; reasoning systems  ChatGPTOpenAI  ClaudeAnthropic  GeminiGoogle  PerplexitySearch AI  IMAGE GENERATION AI design, art &amp; visual creation tools  MidjourneyImage AI  Flow Google Labs  DALL&middot;E 3Image AI  Adobe FireflyAdobe AI  Magnific AIEnhancer  VIDEO AI Cinematic generation &amp; video editing AI  Runway MLVideo AI  PikaVideo AI  AUDIO &amp; VOICE Speech, music &amp; voice generation  ElevenLabsVoice AI  Suno AIMusic AI            Scroll Down            BASSEM NAGAH &mdash; Senior Graphic Designer &middot; Multimedia Artist       // RENDER_NODE _    LAT 25.2048 N    LON 55.2708 E    DUBAI &middot; UAE    EST. 2007    SYS_MATRIX &middot; 98.4%   Welcome to Bassem GD      Bassem    Mohamed    Nagah/visual designer      Senior Graphic Designer, Multimedia Artist &amp; Editor crafting cinematic brand identities, animationcampaigns, and editorial systems from Dubai, for 18+ years.     Scroll   Photoshop   Illustrator   InDesign   After Effects   Premiere Pro   Lightroom   Dimension   Audition   DaVinci Resolve   Blender   Photoshop   Illustrator   InDesign   After Effects   Premiere Pro   Lightroom   Dimension   Audition   DaVinci Resolve   Blender      Introduction     About Me.        Eighteen years building visual worlds for advertising, publishing, and animation studios across the UAE and I'm still just getting warmed up.                    PORTRAIT &middot; 2026       1200 &times; 800      Visit Full Profile &#8599;               &quot;I don't just design&quot; I build the visual world around the story.               With 18+ years of creative expertise, I specialize in crafting visual identities that elevate cinematic, editorial, and brand projects. My background spans major animation studios in the UAE, where I develop the complete visual language, from character branding and title sequences to full-scale promotional campaigns.          Branding      Pitch Decks      Campaign Identity      Editorial Layout       Creative Expertise       Visual Vision &amp; Precision       Cinematic Storytelling through Visual Design              Leveraging 18+ years of mastery, I bridge technical precision with cinematic storytelling to craft immersive visual identities. My background in top-tier animation studios enables me to translate narratives into powerful, purposeful imagery that goes far beyond aesthetics. I define a project's visual soul&mdash;from branding to promotional campaigns&mdash;ensuring every detail elevates the story and resonates with audiences long before the first frame is animated.                       EXPERTISE &middot; STUDIO       1200 &times; 800      Explore Portfolio &#8599;                                 Animation     Feature Films &amp; TV Series Visual Development                                   Branding     Identity Systems &amp; Visual Language                             Photography     Creative, Editorial &amp; Travel                             Multimedia     Print &middot; Digital &middot; Motion       Professional Skills &mdash; Bassem GD      What I Do Best      Professional    Skills Overview         Experienced Senior Graphic Designer with a strong portfolio in creating visually compelling designs across branding, motion, photography &amp; editing.            01     Design     01 / 04                                    Expertise     Graphic Designer     Brand identity &amp; visual systems      Brand Identity      Visual Systems      Art Direction      Print &amp; Digital            02     Motion     02 / 04                                         Expertise     Multimedia Artist     Motion graphics &amp; storytelling      Motion Graphics      Storytelling      Animation            03     Photography     03 / 04                         Expertise     Photographer     Cinematic photography      Cinematic      Portrait      Product            04     Editing     04 / 04                         Expertise     Editor     Photo, video &amp; voice editing      Photo Edit      Video Edit      Voice Edit         View Full Portfolio                              Scroll Down         Bassem GD &mdash; IMDB Badge    Featured On   RECOGNIZED IN THEFILM INDUSTRY   My work on animated productions has earned a presence on the world's most recognized film and television database &mdash; a testament to the impact of visual storytelling.      IMDb    View My IMDB Profile    &rarr;      IMDb    BASSEM MOHAMMED NAGAH    Senior Graphic Designer, Art Director       Star Chaser       Animated Feature Film       Little Heroes       Animated Series       Ajwan       Animated Series          Bassem GD &mdash; Featured Project     Selected Work   FEATURED PROJECTS     Animated Feature Film    Star Chaser    Full visual identity for a feature animation &mdash; including poster design, pitch deck, key art, and production graphics that define the cinematic world of the film.     &#9670; Poster Design     &#9670; Visual Identity     &#9670; Art Direction     IMDb     Barajoun Studios    View on IMDB &rarr;     Animated Series    Little Heroes    Brand identity, promotional posters, art book, merchandise design, and style guide for one of the UAE's most beloved animated series &mdash; available on SHAHID.     &#9670; Brand Identity     &#9670; Posters     &#9670; Art Book     SHAHID     Barajoun Studios    Watch on SHAHID &rarr;     Animated Series    Ajwan    Complete visual identity, promotional posters, art book, and production design for this acclaimed animated series &mdash; celebrating UAE culture through stunning visuals.     &#9670; Brand Identity     &#9670; Production Design     &#9670; Art Direction     SHAHID     Barajoun Studios    Watch on SHAHID &rarr;         Scroll Down       +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           AI-driven visuals blending motion &amp; branding            Crafting motion visuals that inspire the soul and captivate the eye, transforming ideas into breathtaking cinematic experiences.                                                  +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           Worlds Beyond Reality Posters                                              +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           AI-Driven Design Concept            A visionary AI-crafted collection, blending data and futuristic aesthetics into a bold visual experience.             Scroll Down                               Scroll Down            Some excerpts from&#8203;   My Exclusive Projects                        FOR MORE DESIGNS                +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           Discover My Finest Shots            Showcasing a collection of photos captured across various landmarks and locations in the UAE, highlighting the beauty and diversity of the country.               BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH               BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH           Scroll Down      FOR MORE PICTURES           Infinite Marquee     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender      Expertise Section        Expertise      My Skills &amp;    Technologies     02           Tools &amp; Expertise     Proficient in a diverse range of industry-standard tools and technologies, with a passion for creating compelling visual narratives across multiple disciplines.         MacOS      Microsoft Office      Nikon Cameras      Canon Cameras      Communication Skills       SOFTWARE PROFICIENCY                 Adobe Photoshop       Photo Editing &middot; Compositing                 Adobe Illustrator       Vector &middot; Branding                 Adobe InDesign       Layout &middot; Print Design                 Adobe Lightroom       Photo &middot; Color Grading                 Adobe Premiere       Video Editing                 Adobe Dimension       3D &middot; Mockups                 Adobe Audition       Audio &middot; Sound Design                 Adobe After Effects       Motion &middot; VFX                 Adobe Media Encoder       Export &middot; Encoding                 Adobe Animate       Animation &middot; Interactive                 Davinci Resolve       Color Grading &middot; Editing                 Blender       3D Modeling &middot; Animation     12+    Software Tools    18+    Years Experience    120+    Projects Delivered    4    Creative Disciplines                   Trusted By          Industry-Leading Clients  Throughout my career, I have had the privilege of partnering with some of the region's most recognized brands and organizations, leading creative projects that deliver lasting visual impact.                           Work Experience | Bassem Nagah       Career      WorkExperience     03          Mar 2025 &ndash; Present      Current      Paradox Studios      Senior Graphic Designer / Multimedia Artist &amp; Editor      Dubai, UAE       Mar 2022 &ndash; Feb 2025      Barajoun Studios      Senior Graphic Designer / Multimedia Artist &amp; Editor      Dubai, UAE       Dec 2019 &ndash; Feb 2022      Epic Communications      Graphic Designer / Photography &amp; Videography      Dubai, UAE       Dec 2012 &ndash; July 2019      Sharjah Coop Society      Senior Graphic &amp; Advertising Design &amp; Photography      Sharjah, UAE       June 2007 &ndash; May 2012      Al Shorouq Printing Press      Graphic Designer      Al Ain, UAE       2004 &ndash; 2006      Egyptian Armed Forces      Hardware &amp; Software Administrator      Alexandria, Egypt     6    Companies    18+    Years Experience    3    Emirates    2    Countries      BASSEM GD &mdash; Fusion Quote Section            &ldquo;    Cinematic Design Philosophy    Design is not just what it looks like &mdash;    it&rsquo;s how it creates emotion, atmosphere, and story.    BASSEM MOHAMMED NAGAH    Senior Graphic Designer &middot; Dubai &middot; UAE Home Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist -">
	<link rel="canonical" href="https://www.bassemgd.com/">
	<meta property="og:locale" content="en_US">
	<meta property="og:type" content="website">
	<meta property="og:title" content="Home - Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist -">
	<meta property="og:description" content="WELCOME TO    &quot;BASSEM GD&quot;   Creative Designer &amp; Visual Innovatorb      Infinite Marquee     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender          GRAPHIC DESIGN &bull; MULTIMEDIA &bull; EDITING         REC         00:00:00:00                 PORTRAIT &mdash; DUBAI, UAE         AR 4:5             LOC // Dubai. UAE.           W: 100% | H: AUTO | X: 0.0 | Y: 0.0           BASSEM           MOHAMED NAGAH           Layer: Header_Text_Main         _         Senior Graphic Designer, Multimedia Artist &amp; Editor               Senior Graphic Designer &amp; Montage Editing Specialist delivering high-quality, innovative multimedia designs. Skilled in branding, illustration, and photography, bringing versatile creative solutions to every project.                      MORE ABOUT ME         _&gt;          Graphic Design   Photo Editing   Video Editing   Branding   Illustration   Photography   Social Marketing   Voiceover Editing   Graphic Design   Photo Editing   Video Editing   Branding   Illustration   Photography   Social Marketing   Voiceover Editing   Graphic Design   Photo Editing            Scroll Sidebar - Professional Final            SCROLL DOWN       1%                  What I Do          Creative Services Graphic Design | Photos Editing | Video Editing | Voiceover Editing | Branding | Social Marketing | Photography       Bassem GD &mdash; Numbers Section      0    Years ofExperience     0    AnimationStudios     0    ProjectsDelivered     0    IndustryClients                Bassem GD &mdash; Process Section    How I Work   MY CREATIVE PROCESS     01    &#9672;    Brief    Understanding your vision, goals, and target audience to set the creative direction.     02    &#10022;    Concept    Developing ideas, mood boards, and visual concepts that capture the essence of the project.     03    &#9670;    Design    Crafting the final visuals with precision &mdash; from typography and color to layout and imagery.     04    &#9670;    Deliver    Final delivery of all assets in required formats, ready for print, screen, or production.       AI Tools Hub Cinematic  AI Tools Hub Cinematic Professional ecosystem of modern AI platforms TEXT AI Language models &amp; reasoning systems  ChatGPTOpenAI  ClaudeAnthropic  GeminiGoogle  PerplexitySearch AI  IMAGE GENERATION AI design, art &amp; visual creation tools  MidjourneyImage AI  Flow Google Labs  DALL&middot;E 3Image AI  Adobe FireflyAdobe AI  Magnific AIEnhancer  VIDEO AI Cinematic generation &amp; video editing AI  Runway MLVideo AI  PikaVideo AI  AUDIO &amp; VOICE Speech, music &amp; voice generation  ElevenLabsVoice AI  Suno AIMusic AI            Scroll Down            BASSEM NAGAH &mdash; Senior Graphic Designer &middot; Multimedia Artist       // RENDER_NODE _    LAT 25.2048 N    LON 55.2708 E    DUBAI &middot; UAE    EST. 2007    SYS_MATRIX &middot; 98.4%   Welcome to Bassem GD      Bassem    Mohamed    Nagah/visual designer      Senior Graphic Designer, Multimedia Artist &amp; Editor crafting cinematic brand identities, animationcampaigns, and editorial systems from Dubai, for 18+ years.     Scroll   Photoshop   Illustrator   InDesign   After Effects   Premiere Pro   Lightroom   Dimension   Audition   DaVinci Resolve   Blender   Photoshop   Illustrator   InDesign   After Effects   Premiere Pro   Lightroom   Dimension   Audition   DaVinci Resolve   Blender      Introduction     About Me.        Eighteen years building visual worlds for advertising, publishing, and animation studios across the UAE and I'm still just getting warmed up.                    PORTRAIT &middot; 2026       1200 &times; 800      Visit Full Profile &#8599;               &quot;I don't just design&quot; I build the visual world around the story.               With 18+ years of creative expertise, I specialize in crafting visual identities that elevate cinematic, editorial, and brand projects. My background spans major animation studios in the UAE, where I develop the complete visual language, from character branding and title sequences to full-scale promotional campaigns.          Branding      Pitch Decks      Campaign Identity      Editorial Layout       Creative Expertise       Visual Vision &amp; Precision       Cinematic Storytelling through Visual Design              Leveraging 18+ years of mastery, I bridge technical precision with cinematic storytelling to craft immersive visual identities. My background in top-tier animation studios enables me to translate narratives into powerful, purposeful imagery that goes far beyond aesthetics. I define a project's visual soul&mdash;from branding to promotional campaigns&mdash;ensuring every detail elevates the story and resonates with audiences long before the first frame is animated.                       EXPERTISE &middot; STUDIO       1200 &times; 800      Explore Portfolio &#8599;                                 Animation     Feature Films &amp; TV Series Visual Development                                   Branding     Identity Systems &amp; Visual Language                             Photography     Creative, Editorial &amp; Travel                             Multimedia     Print &middot; Digital &middot; Motion       Professional Skills &mdash; Bassem GD      What I Do Best      Professional    Skills Overview         Experienced Senior Graphic Designer with a strong portfolio in creating visually compelling designs across branding, motion, photography &amp; editing.            01     Design     01 / 04                                    Expertise     Graphic Designer     Brand identity &amp; visual systems      Brand Identity      Visual Systems      Art Direction      Print &amp; Digital            02     Motion     02 / 04                                         Expertise     Multimedia Artist     Motion graphics &amp; storytelling      Motion Graphics      Storytelling      Animation            03     Photography     03 / 04                         Expertise     Photographer     Cinematic photography      Cinematic      Portrait      Product            04     Editing     04 / 04                         Expertise     Editor     Photo, video &amp; voice editing      Photo Edit      Video Edit      Voice Edit         View Full Portfolio                              Scroll Down         Bassem GD &mdash; IMDB Badge    Featured On   RECOGNIZED IN THEFILM INDUSTRY   My work on animated productions has earned a presence on the world's most recognized film and television database &mdash; a testament to the impact of visual storytelling.      IMDb    View My IMDB Profile    &rarr;      IMDb    BASSEM MOHAMMED NAGAH    Senior Graphic Designer, Art Director       Star Chaser       Animated Feature Film       Little Heroes       Animated Series       Ajwan       Animated Series          Bassem GD &mdash; Featured Project     Selected Work   FEATURED PROJECTS     Animated Feature Film    Star Chaser    Full visual identity for a feature animation &mdash; including poster design, pitch deck, key art, and production graphics that define the cinematic world of the film.     &#9670; Poster Design     &#9670; Visual Identity     &#9670; Art Direction     IMDb     Barajoun Studios    View on IMDB &rarr;     Animated Series    Little Heroes    Brand identity, promotional posters, art book, merchandise design, and style guide for one of the UAE's most beloved animated series &mdash; available on SHAHID.     &#9670; Brand Identity     &#9670; Posters     &#9670; Art Book     SHAHID     Barajoun Studios    Watch on SHAHID &rarr;     Animated Series    Ajwan    Complete visual identity, promotional posters, art book, and production design for this acclaimed animated series &mdash; celebrating UAE culture through stunning visuals.     &#9670; Brand Identity     &#9670; Production Design     &#9670; Art Direction     SHAHID     Barajoun Studios    Watch on SHAHID &rarr;         Scroll Down       +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           AI-driven visuals blending motion &amp; branding            Crafting motion visuals that inspire the soul and captivate the eye, transforming ideas into breathtaking cinematic experiences.                                                  +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           Worlds Beyond Reality Posters                                              +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           AI-Driven Design Concept            A visionary AI-crafted collection, blending data and futuristic aesthetics into a bold visual experience.             Scroll Down                               Scroll Down            Some excerpts from&#8203;   My Exclusive Projects                        FOR MORE DESIGNS                +    SYS_MATRIX: 0.482 &nbsp;//&nbsp;    RENDER_NODE: 98.4%   +           Discover My Finest Shots            Showcasing a collection of photos captured across various landmarks and locations in the UAE, highlighting the beauty and diversity of the country.               BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH               BASSEM MOHAMMED NAGAH          BASSEM MOHAMMED NAGAH           Scroll Down      FOR MORE PICTURES           Infinite Marquee     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender     Adobe Photoshop    Adobe Illustrator    Adobe InDesign    Adobe Dimension    Adobe Lightroom    Adobe Premiere Pro    Adobe Audition    Adobe After Effects    Adobe Media Encoder    DaVinci Resolve    Blender      Expertise Section        Expertise      My Skills &amp;    Technologies     02           Tools &amp; Expertise     Proficient in a diverse range of industry-standard tools and technologies, with a passion for creating compelling visual narratives across multiple disciplines.         MacOS      Microsoft Office      Nikon Cameras      Canon Cameras      Communication Skills       SOFTWARE PROFICIENCY                 Adobe Photoshop       Photo Editing &middot; Compositing                 Adobe Illustrator       Vector &middot; Branding                 Adobe InDesign       Layout &middot; Print Design                 Adobe Lightroom       Photo &middot; Color Grading                 Adobe Premiere       Video Editing                 Adobe Dimension       3D &middot; Mockups                 Adobe Audition       Audio &middot; Sound Design                 Adobe After Effects       Motion &middot; VFX                 Adobe Media Encoder       Export &middot; Encoding                 Adobe Animate       Animation &middot; Interactive                 Davinci Resolve       Color Grading &middot; Editing                 Blender       3D Modeling &middot; Animation     12+    Software Tools    18+    Years Experience    120+    Projects Delivered    4    Creative Disciplines                   Trusted By          Industry-Leading Clients  Throughout my career, I have had the privilege of partnering with some of the region's most recognized brands and organizations, leading creative projects that deliver lasting visual impact.                           Work Experience | Bassem Nagah       Career      WorkExperience     03          Mar 2025 &ndash; Present      Current      Paradox Studios      Senior Graphic Designer / Multimedia Artist &amp; Editor      Dubai, UAE       Mar 2022 &ndash; Feb 2025      Barajoun Studios      Senior Graphic Designer / Multimedia Artist &amp; Editor      Dubai, UAE       Dec 2019 &ndash; Feb 2022      Epic Communications      Graphic Designer / Photography &amp; Videography      Dubai, UAE       Dec 2012 &ndash; July 2019      Sharjah Coop Society      Senior Graphic &amp; Advertising Design &amp; Photography      Sharjah, UAE       June 2007 &ndash; May 2012      Al Shorouq Printing Press      Graphic Designer      Al Ain, UAE       2004 &ndash; 2006      Egyptian Armed Forces      Hardware &amp; Software Administrator      Alexandria, Egypt     6    Companies    18+    Years Experience    3    Emirates    2    Countries      BASSEM GD &mdash; Fusion Quote Section            &ldquo;    Cinematic Design Philosophy    Design is not just what it looks like &mdash;    it&rsquo;s how it creates emotion, atmosphere, and story.    BASSEM MOHAMMED NAGAH    Senior Graphic Designer &middot; Dubai &middot; UAE Home Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist -">
	<meta property="og:url" content="https://www.bassemgd.com/">
	<meta property="og:site_name" content="Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist">
	<meta property="article:publisher" content="https://www.facebook.com/media.graphics.2015">
	<meta property="article:modified_time" content="2026-08-06T19:17:06+00:00">
	<meta property="og:image" content="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop.svg">
	<meta name="twitter:card" content="summary_large_image">
	<meta name="twitter:site" content="@Bassem2012Uae">
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.bassemgd.com\/","url":"https:\/\/www.bassemgd.com\/","name":"Home - Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist -","isPartOf":{"@id":"https:\/\/www.bassemgd.com\/#website"},"about":{"@id":"https:\/\/www.bassemgd.com\/#\/schema\/person\/c91274ff4142bdf905099f7cf3bb68ad"},"primaryImageOfPage":{"@id":"https:\/\/www.bassemgd.com\/#primaryimage"},"image":{"@id":"https:\/\/www.bassemgd.com\/#primaryimage"},"thumbnailUrl":"https:\/\/www.bassemgd.com\/wp-content\/uploads\/2026\/05\/photoshop.svg","datePublished":"2024-08-03T10:41:09+00:00","dateModified":"2026-08-06T19:17:06+00:00","description":"WELCOME TO \"BASSEM GD\" Creative Designer & Visual Innovatorb Infinite Marquee Adobe Photoshop Adobe Illustrator Adobe InDesign Adobe Dimension Adobe Lightroom Adobe Premiere Pro Adobe Audition Adobe After Effects Adobe Media Encoder DaVinci Resolve Blender Adobe Photoshop Adobe Illustrator Adobe InDesign Adobe Dimension Adobe Lightroom Adobe Premiere Pro Adobe Audition Adobe After Effects Adobe Media Encoder DaVinci Resolve Blender GRAPHIC DESIGN &bull; MULTIMEDIA &bull; EDITING REC 00:00:00:00 PORTRAIT &mdash; DUBAI, UAE AR 4:5 LOC \/\/ Dubai. UAE. W: 100% | H: AUTO | X: 0.0 | Y: 0.0 BASSEM MOHAMED NAGAH Layer: Header_Text_Main _ Senior Graphic Designer, Multimedia Artist &amp; Editor Senior Graphic Designer &amp; Montage Editing Specialist delivering high-quality, innovative multimedia designs. Skilled in branding, illustration, and photography, bringing versatile creative solutions to every project. MORE ABOUT ME _&gt; Graphic Design Photo Editing Video Editing Branding Illustration Photography Social Marketing Voiceover Editing Graphic Design Photo Editing Video Editing Branding Illustration Photography Social Marketing Voiceover Editing Graphic Design Photo Editing Scroll Sidebar - Professional Final SCROLL DOWN 1% What I Do Creative Services Graphic Design | Photos Editing | Video Editing | Voiceover Editing | Branding | Social Marketing | Photography Bassem GD — Numbers Section 0 Years ofExperience 0 AnimationStudios 0 ProjectsDelivered 0 IndustryClients Bassem GD — Process Section How I Work MY CREATIVE PROCESS 01 &#9672; Brief Understanding your vision, goals, and target audience to set the creative direction. 02 &#10022; Concept Developing ideas, mood boards, and visual concepts that capture the essence of the project. 03 &#9670; Design Crafting the final visuals with precision — from typography and color to layout and imagery. 04 &#9670; Deliver Final delivery of all assets in required formats, ready for print, screen, or production. AI Tools Hub Cinematic AI Tools Hub Cinematic Professional ecosystem of modern AI platforms TEXT AI Language models & reasoning systems ChatGPTOpenAI ClaudeAnthropic GeminiGoogle PerplexitySearch AI IMAGE GENERATION AI design, art & visual creation tools MidjourneyImage AI Flow Google Labs DALL·E 3Image AI Adobe FireflyAdobe AI Magnific AIEnhancer VIDEO AI Cinematic generation & video editing AI Runway MLVideo AI PikaVideo AI AUDIO & VOICE Speech, music & voice generation ElevenLabsVoice AI Suno AIMusic AI Scroll Down BASSEM NAGAH — Senior Graphic Designer · Multimedia Artist \/\/ RENDER_NODE _ LAT 25.2048 N LON 55.2708 E DUBAI &middot; UAE EST. 2007 SYS_MATRIX &middot; 98.4% Welcome to Bassem GD Bassem Mohamed Nagah\/visual designer Senior Graphic Designer, Multimedia Artist &amp; Editor crafting cinematic brand identities, animationcampaigns, and editorial systems from Dubai, for 18+ years. Scroll Photoshop Illustrator InDesign After Effects Premiere Pro Lightroom Dimension Audition DaVinci Resolve Blender Photoshop Illustrator InDesign After Effects Premiere Pro Lightroom Dimension Audition DaVinci Resolve Blender Introduction About Me. Eighteen years building visual worlds for advertising, publishing, and animation studios across the UAE and I'm still just getting warmed up. PORTRAIT &middot; 2026 1200 &times; 800 Visit Full Profile &#8599; \"I don't just design\" I build the visual world around the story. With 18+ years of creative expertise, I specialize in crafting visual identities that elevate cinematic, editorial, and brand projects. My background spans major animation studios in the UAE, where I develop the complete visual language, from character branding and title sequences to full-scale promotional campaigns. Branding Pitch Decks Campaign Identity Editorial Layout Creative Expertise Visual Vision &amp; Precision Cinematic Storytelling through Visual Design Leveraging 18+ years of mastery, I bridge technical precision with cinematic storytelling to craft immersive visual identities. My background in top-tier animation studios enables me to translate narratives into powerful, purposeful imagery that goes far beyond aesthetics. I define a project's visual soul—from branding to promotional campaigns—ensuring every detail elevates the story and resonates with audiences long before the first frame is animated. EXPERTISE &middot; STUDIO 1200 &times; 800 Explore Portfolio &#8599; Animation Feature Films &amp; TV Series Visual Development Branding Identity Systems &amp; Visual Language Photography Creative, Editorial &amp; Travel Multimedia Print &middot; Digital &middot; Motion Professional Skills — Bassem GD What I Do Best Professional Skills Overview Experienced Senior Graphic Designer with a strong portfolio in creating visually compelling designs across branding, motion, photography &amp; editing. 01 Design 01 \/ 04 Expertise Graphic Designer Brand identity &amp; visual systems Brand Identity Visual Systems Art Direction Print &amp; Digital 02 Motion 02 \/ 04 Expertise Multimedia Artist Motion graphics &amp; storytelling Motion Graphics Storytelling Animation 03 Photography 03 \/ 04 Expertise Photographer Cinematic photography Cinematic Portrait Product 04 Editing 04 \/ 04 Expertise Editor Photo, video &amp; voice editing Photo Edit Video Edit Voice Edit View Full Portfolio Scroll Down Bassem GD — IMDB Badge Featured On RECOGNIZED IN THEFILM INDUSTRY My work on animated productions has earned a presence on the world's most recognized film and television database — a testament to the impact of visual storytelling. IMDb View My IMDB Profile &#8594; IMDb BASSEM MOHAMMED NAGAH Senior Graphic Designer, Art Director Star Chaser Animated Feature Film Little Heroes Animated Series Ajwan Animated Series Bassem GD — Featured Project Selected Work FEATURED PROJECTS Animated Feature Film Star Chaser Full visual identity for a feature animation — including poster design, pitch deck, key art, and production graphics that define the cinematic world of the film. &#9670; Poster Design &#9670; Visual Identity &#9670; Art Direction IMDb Barajoun Studios View on IMDB &#8594; Animated Series Little Heroes Brand identity, promotional posters, art book, merchandise design, and style guide for one of the UAE's most beloved animated series — available on SHAHID. &#9670; Brand Identity &#9670; Posters &#9670; Art Book SHAHID Barajoun Studios Watch on SHAHID &#8594; Animated Series Ajwan Complete visual identity, promotional posters, art book, and production design for this acclaimed animated series — celebrating UAE culture through stunning visuals. &#9670; Brand Identity &#9670; Production Design &#9670; Art Direction SHAHID Barajoun Studios Watch on SHAHID &#8594; Scroll Down + SYS_MATRIX: 0.482 &nbsp;\/\/&nbsp; RENDER_NODE: 98.4% + AI-driven visuals blending motion & branding Crafting motion visuals that inspire the soul and captivate the eye, transforming ideas into breathtaking cinematic experiences. + SYS_MATRIX: 0.482 &nbsp;\/\/&nbsp; RENDER_NODE: 98.4% + Worlds Beyond Reality Posters + SYS_MATRIX: 0.482 &nbsp;\/\/&nbsp; RENDER_NODE: 98.4% + AI-Driven Design Concept A visionary AI-crafted collection, blending data and futuristic aesthetics into a bold visual experience. Scroll Down Scroll Down Some excerpts from​ My Exclusive Projects FOR MORE DESIGNS + SYS_MATRIX: 0.482 &nbsp;\/\/&nbsp; RENDER_NODE: 98.4% + Discover My Finest Shots Showcasing a collection of photos captured across various landmarks and locations in the UAE, highlighting the beauty and diversity of the country. BASSEM MOHAMMED NAGAH BASSEM MOHAMMED NAGAH BASSEM MOHAMMED NAGAH BASSEM MOHAMMED NAGAH BASSEM MOHAMMED NAGAH BASSEM MOHAMMED NAGAH BASSEM MOHAMMED NAGAH BASSEM MOHAMMED NAGAH Scroll Down FOR MORE PICTURES Infinite Marquee Adobe Photoshop Adobe Illustrator Adobe InDesign Adobe Dimension Adobe Lightroom Adobe Premiere Pro Adobe Audition Adobe After Effects Adobe Media Encoder DaVinci Resolve Blender Adobe Photoshop Adobe Illustrator Adobe InDesign Adobe Dimension Adobe Lightroom Adobe Premiere Pro Adobe Audition Adobe After Effects Adobe Media Encoder DaVinci Resolve Blender Expertise Section Expertise My Skills &amp; Technologies 02 Tools &amp; Expertise Proficient in a diverse range of industry-standard tools and technologies, with a passion for creating compelling visual narratives across multiple disciplines. MacOS Microsoft Office Nikon Cameras Canon Cameras Communication Skills SOFTWARE PROFICIENCY Adobe Photoshop Photo Editing · Compositing Adobe Illustrator Vector · Branding Adobe InDesign Layout · Print Design Adobe Lightroom Photo · Color Grading Adobe Premiere Video Editing Adobe Dimension 3D · Mockups Adobe Audition Audio · Sound Design Adobe After Effects Motion · VFX Adobe Media Encoder Export · Encoding Adobe Animate Animation · Interactive Davinci Resolve Color Grading · Editing Blender 3D Modeling · Animation 12+ Software Tools 18+ Years Experience 120+ Projects Delivered 4 Creative Disciplines Trusted By Industry-Leading Clients Throughout my career, I have had the privilege of partnering with some of the region's most recognized brands and organizations, leading creative projects that deliver lasting visual impact. Work Experience | Bassem Nagah Career WorkExperience 03 Mar 2025 – Present Current Paradox Studios Senior Graphic Designer \/ Multimedia Artist & Editor Dubai, UAE Mar 2022 – Feb 2025 Barajoun Studios Senior Graphic Designer \/ Multimedia Artist & Editor Dubai, UAE Dec 2019 – Feb 2022 Epic Communications Graphic Designer \/ Photography & Videography Dubai, UAE Dec 2012 – July 2019 Sharjah Coop Society Senior Graphic & Advertising Design & Photography Sharjah, UAE June 2007 – May 2012 Al Shorouq Printing Press Graphic Designer Al Ain, UAE 2004 – 2006 Egyptian Armed Forces Hardware & Software Administrator Alexandria, Egypt 6 Companies 18+ Years Experience 3 Emirates 2 Countries BASSEM GD — Fusion Quote Section “ Cinematic Design Philosophy Design is not just what it looks like — it’s how it creates emotion, atmosphere, and story. BASSEM MOHAMMED NAGAH Senior Graphic Designer · Dubai · UAE Home Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist -","breadcrumb":{"@id":"https:\/\/www.bassemgd.com\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.bassemgd.com\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bassemgd.com\/#primaryimage","url":"https:\/\/www.bassemgd.com\/wp-content\/uploads\/2026\/05\/photoshop.svg","contentUrl":"https:\/\/www.bassemgd.com\/wp-content\/uploads\/2026\/05\/photoshop.svg","width":512,"height":512},{"@type":"BreadcrumbList","@id":"https:\/\/www.bassemgd.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.bassemgd.com\/#website","url":"https:\/\/www.bassemgd.com\/","name":"www.bassemgd.com","description":"Senior Graphic Designer Multimedia Artist","publisher":{"@id":"https:\/\/www.bassemgd.com\/#\/schema\/person\/c91274ff4142bdf905099f7cf3bb68ad"},"alternateName":"Bassem Graphic Designer","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.bassemgd.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":["Person","Organization"],"@id":"https:\/\/www.bassemgd.com\/#\/schema\/person\/c91274ff4142bdf905099f7cf3bb68ad","name":"Bassem Mohammed Nagah","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.bassemgd.com\/wp-content\/uploads\/2024\/08\/cropped-My-Logo_Bassem-Mohammed-Nagah_01.webp","url":"https:\/\/www.bassemgd.com\/wp-content\/uploads\/2024\/08\/cropped-My-Logo_Bassem-Mohammed-Nagah_01.webp","contentUrl":"https:\/\/www.bassemgd.com\/wp-content\/uploads\/2024\/08\/cropped-My-Logo_Bassem-Mohammed-Nagah_01.webp","width":512,"height":512,"caption":"Bassem Mohammed Nagah"},"logo":{"@id":"https:\/\/www.bassemgd.com\/wp-content\/uploads\/2024\/08\/cropped-My-Logo_Bassem-Mohammed-Nagah_01.webp"},"description":"A Senior Graphic Designer and Montage Editing Specialist with expertise in multimedia graphics, I am a creative force known for producing high-quality designs and pioneering innovative concepts. My comprehensive portfolio spans branding, illustration, and photography allowing me to contribute a versatile skill set to every project","sameAs":["https:\/\/www.bassemgd.com","https:\/\/www.facebook.com\/media.graphics.2015","https:\/\/www.instagram.com\/bassem2015\/","https:\/\/www.linkedin.com\/in\/bassem-mohammed-nagah-33b3a460\/","https:\/\/www.pinterest.com\/bassemGD\/","https:\/\/x.com\/https:\/\/twitter.com\/Bassem2012Uae","https:\/\/www.youtube.com\/channel\/UCeCUoPyV-5OQs2yYO0Bd6NA"]}]}</script>
	<meta name="google-site-verification" content="hmprmoJ7-RguPpUfvc9NNIBkFBax9s7gdOztofqsGpc">
	<meta name="p:domain_verify" content="fda875156eda598163edfb6de68532f4">
	<meta name="yandex-verification" content="260bda3c8e4cd1d0">
	<!-- / Yoast SEO plugin. -->


<link rel="dns-prefetch" href="//www.googletagmanager.com">
<link rel="alternate" type="application/rss+xml" title="Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist &raquo; Feed" href="https://www.bassemgd.com/feed/">
<link rel="alternate" type="application/rss+xml" title="Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist &raquo; Comments Feed" href="https://www.bassemgd.com/comments/feed/">
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.bassemgd.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bassemgd.com%2F">
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.bassemgd.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.bassemgd.com%2F&amp;format=xml">
<!-- ERROR: WP-Optimize Minify was not allowed to save its cache on - wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-litespeed-cache-dummy1785991499.min.css --><!-- Please check if the path above is correct and ensure your server has write permission there! --><style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style 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--color--ast-global-color-0: var(--ast-global-color-0);--wp--preset--color--ast-global-color-1: var(--ast-global-color-1);--wp--preset--color--ast-global-color-2: var(--ast-global-color-2);--wp--preset--color--ast-global-color-3: var(--ast-global-color-3);--wp--preset--color--ast-global-color-4: var(--ast-global-color-4);--wp--preset--color--ast-global-color-5: var(--ast-global-color-5);--wp--preset--color--ast-global-color-6: var(--ast-global-color-6);--wp--preset--color--ast-global-color-7: var(--ast-global-color-7);--wp--preset--color--ast-global-color-8: var(--ast-global-color-8);--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);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:root { --wp--style--global--content-size: var(--wp--custom--ast-content-width-size);--wp--style--global--wide-size: var(--wp--custom--ast-wide-width-size); }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.wp-site-blocks) > * { margin-block-start: 24px; margin-block-end: 0; }:where(.wp-site-blocks) > :first-child { margin-block-start: 0; }:where(.wp-site-blocks) > :last-child { margin-block-end: 0; }:root { --wp--style--block-gap: 24px; }:root :where(.is-layout-flow) > :first-child{margin-block-start: 0;}:root :where(.is-layout-flow) > :last-child{margin-block-end: 0;}:root :where(.is-layout-flow) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-constrained) > :first-child{margin-block-start: 0;}:root :where(.is-layout-constrained) > :last-child{margin-block-end: 0;}:root :where(.is-layout-constrained) > *{margin-block-start: 24px;margin-block-end: 0;}:root :where(.is-layout-flex){gap: 24px;}:root :where(.is-layout-grid){gap: 24px;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: none;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-color{color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-color{color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-color{color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-color{color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-color{color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-color{color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-color{color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-color{color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-color{color: var(--wp--preset--color--ast-global-color-8) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-background-color{background-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-background-color{background-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-background-color{background-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-background-color{background-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-background-color{background-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-background-color{background-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-background-color{background-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-background-color{background-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-background-color{background-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-ast-global-color-0-border-color{border-color: var(--wp--preset--color--ast-global-color-0) !important;}.has-ast-global-color-1-border-color{border-color: var(--wp--preset--color--ast-global-color-1) !important;}.has-ast-global-color-2-border-color{border-color: var(--wp--preset--color--ast-global-color-2) !important;}.has-ast-global-color-3-border-color{border-color: var(--wp--preset--color--ast-global-color-3) !important;}.has-ast-global-color-4-border-color{border-color: var(--wp--preset--color--ast-global-color-4) !important;}.has-ast-global-color-5-border-color{border-color: var(--wp--preset--color--ast-global-color-5) !important;}.has-ast-global-color-6-border-color{border-color: var(--wp--preset--color--ast-global-color-6) !important;}.has-ast-global-color-7-border-color{border-color: var(--wp--preset--color--ast-global-color-7) !important;}.has-ast-global-color-8-border-color{border-color: var(--wp--preset--color--ast-global-color-8) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
:root :where(.wp-block-icon svg){width: 24px;}
:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;}
/*# sourceURL=global-styles-inline-css */
</style>
<link rel="stylesheet" id="astra-theme-css-css" href="https://www.bassemgd.com/wp-content/themes/astra/assets/css/minified/main.min.css?ver=4.13.10" media="all">
<style id="astra-theme-css-inline-css">
:root{--ast-post-nav-space:0;--ast-container-default-xlg-padding:6.67em;--ast-container-default-lg-padding:5.67em;--ast-container-default-slg-padding:4.34em;--ast-container-default-md-padding:3.34em;--ast-container-default-sm-padding:6.67em;--ast-container-default-xs-padding:2.4em;--ast-container-default-xxs-padding:1.4em;--ast-code-block-background:#EEEEEE;--ast-comment-inputs-background:#FAFAFA;--ast-normal-container-width:1350px;--ast-narrow-container-width:750px;--ast-blog-title-font-weight:normal;--ast-blog-meta-weight:inherit;--ast-global-color-primary:var(--ast-global-color-5);--ast-global-color-secondary:var(--ast-global-color-4);--ast-global-color-alternate-background:var(--ast-global-color-7);--ast-global-color-subtle-background:var(--ast-global-color-6);--ast-bg-style-guide:var( --ast-global-color-secondary,var(--ast-global-color-5) );--ast-shadow-style-guide:0px 0px 4px 0 #00000057;--ast-global-dark-bg-style:#fff;--ast-global-dark-lfs:#fbfbfb;--ast-widget-bg-color:#fafafa;--ast-wc-container-head-bg-color:#fbfbfb;--ast-title-layout-bg:#eeeeee;--ast-search-border-color:#e7e7e7;--ast-lifter-hover-bg:#e6e6e6;--ast-gallery-block-color:#000;--srfm-color-input-label:var(--ast-global-color-2);}html{font-size:106.25%;}a,.page-title{color:var(--ast-global-color-2);}a:hover,a:focus{color:#d3af79;}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-family:'Roboto',sans-serif;font-weight:500;font-size:17px;font-size:1rem;line-height:var(--ast-body-line-height,1.65em);}blockquote{color:var(--ast-global-color-3);}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6),.site-title,.site-title a{font-family:'Roboto',sans-serif;font-weight:400;text-transform:uppercase;}.site-title{font-size:35px;font-size:2.0588235294118rem;display:none;}header .custom-logo-link img{max-width:50px;width:50px;}.astra-logo-svg{width:50px;}.site-header .site-description{font-size:15px;font-size:0.88235294117647rem;display:none;}.entry-title{font-size:26px;font-size:1.5294117647059rem;}.archive .ast-article-post .ast-article-inner,.blog .ast-article-post .ast-article-inner,.archive .ast-article-post .ast-article-inner:hover,.blog .ast-article-post .ast-article-inner:hover{overflow:hidden;}h1,.entry-content :where(h1){font-size:48px;font-size:2.8235294117647rem;font-family:'Roboto',sans-serif;line-height:1.4em;text-transform:uppercase;}h2,.entry-content :where(h2){font-size:38px;font-size:2.2352941176471rem;font-family:'Roboto',sans-serif;line-height:1.3em;text-transform:uppercase;}h3,.entry-content :where(h3){font-size:30px;font-size:1.7647058823529rem;font-family:'Roboto',sans-serif;line-height:1.3em;text-transform:uppercase;}h4,.entry-content :where(h4){font-size:24px;font-size:1.4117647058824rem;line-height:1.2em;font-family:'Roboto',sans-serif;text-transform:uppercase;}h5,.entry-content :where(h5){font-size:20px;font-size:1.1764705882353rem;line-height:1.2em;font-family:'Roboto',sans-serif;text-transform:uppercase;}h6,.entry-content :where(h6){font-size:17px;font-size:1rem;line-height:1.25em;font-family:'Roboto',sans-serif;text-transform:uppercase;}::selection{background-color:#d3af79;color:#000000;}body,h1,h2,h3,h4,h5,h6,.entry-title a,.entry-content :where(h1,h2,h3,h4,h5,h6){color:var(--ast-global-color-3);}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#000000;border-color:var(--ast-global-color-2);background-color:var(--ast-global-color-2);}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:var(--ast-global-color-2);}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:var(--ast-global-color-2);background-color:var(--ast-global-color-2);box-shadow:none;}.site-footer a:hover + .post-count,.site-footer a:focus + .post-count{background:var(--ast-global-color-2);border-color:var(--ast-global-color-2);}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:var(--ast-global-color-2);}.entry-meta,.entry-meta *{line-height:1.45;color:var(--ast-global-color-2);}.entry-meta a:not(.ast-button):hover,.entry-meta a:not(.ast-button):hover *,.entry-meta a:not(.ast-button):focus,.entry-meta a:not(.ast-button):focus *,.page-links > .page-link,.page-links .page-link:hover,.post-navigation a:hover{color:#d3af79;}#cat option,.secondary .calendar_wrap thead a,.secondary .calendar_wrap thead a:visited{color:var(--ast-global-color-2);}.secondary .calendar_wrap #today,.ast-progress-val span{background:var(--ast-global-color-2);}.secondary a:hover + .post-count,.secondary a:focus + .post-count{background:var(--ast-global-color-2);border-color:var(--ast-global-color-2);}.calendar_wrap #today > a{color:#000000;}.page-links .page-link,.single .post-navigation a{color:var(--ast-global-color-2);}.ast-search-menu-icon .search-form button.search-submit{padding:0 4px;}.ast-search-menu-icon form.search-form{padding-right:0;}.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-form,.ast-header-search .ast-search-menu-icon.ast-dropdown-active .search-field:focus{border-color:var(--ast-global-color-0);}.search-form input.search-field:focus{outline:none;}.ast-mobile-header-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element),.ast-mobile-popup-content .ast-builder-layout-element:not(.ast-builder-menu):not(.ast-header-divider-element){padding:15px 20px;}.wp-block-latest-posts > li > a{color:#d3af79;}.widget-title,.widget .wp-block-heading{font-size:24px;font-size:1.4117647058824rem;color:var(--ast-global-color-3);}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus,.wp-block-search__input:focus,[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,.ast-mobile-popup-drawer.active .menu-toggle-close:focus,#ast-scroll-top:focus,#coupon_code:focus,#ast-coupon-code:focus,.ast-search-menu-icon.slide-search a:focus-visible:focus-visible,.astra-search-icon:focus-visible,#close:focus-visible,a:focus-visible,.ast-menu-toggle:focus-visible,.site .skip-link:focus-visible,.wp-block-loginout input:focus-visible,.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper,.ast-header-navigation-arrow:focus-visible,.ast-orders-table__row .ast-orders-table__cell:focus-visible,a#ast-apply-coupon:focus-visible,#ast-apply-coupon:focus-visible,#close:focus-visible,.button.search-submit:focus-visible,#search_submit:focus,.normal-search:focus-visible,.ast-header-account-wrap:focus-visible,.astra-cart-drawer-close:focus,.ast-single-variation:focus,.ast-button:focus,.ast-builder-button-wrap:has(.ast-custom-button-link:focus),.ast-builder-button-wrap .ast-custom-button-link:focus{outline-style:none;}.ast-menu-toggle:focus,.ast-button-wrap .menu-toggle:focus{outline:none;border-color:transparent;}.site-logo-img img{ transition:all 0.2s linear;}body .ast-oembed-container *{position:absolute;top:0;width:100%;height:100%;left:0;}body .wp-block-embed-pocket-casts .ast-oembed-container *{position:unset;}.ast-single-post-featured-section + article {margin-top: 2em;}.site-content .ast-single-post-featured-section img {width: 100%;overflow: hidden;object-fit: cover;}.site > .ast-single-related-posts-container {margin-top: 0;}@media (min-width: 922px) {.ast-desktop .ast-container--narrow {max-width: var(--ast-narrow-container-width);margin: 0 auto;}}.ast-page-builder-template .hentry {margin: 0;}.ast-page-builder-template .site-content > .ast-container {max-width: 100%;padding: 0;}.ast-page-builder-template .site .site-content #primary {padding: 0;margin: 0;}.ast-page-builder-template .no-results {text-align: center;margin: 4em auto;}.ast-page-builder-template .ast-pagination {padding: 2em;}.ast-page-builder-template .entry-header.ast-no-title.ast-no-thumbnail {margin-top: 0;}.ast-page-builder-template .entry-header.ast-header-without-markup {margin-top: 0;margin-bottom: 0;}.ast-page-builder-template .entry-header.ast-no-title.ast-no-meta {margin-bottom: 0;}.ast-page-builder-template.single .post-navigation {padding-bottom: 2em;}.ast-page-builder-template.single-post .site-content > .ast-container {max-width: 100%;}.ast-page-builder-template .entry-header {margin-top: 4em;margin-left: auto;margin-right: auto;padding-left: 20px;padding-right: 20px;}.single.ast-page-builder-template .entry-header {padding-left: 20px;padding-right: 20px;}.ast-page-builder-template .ast-archive-description {margin: 4em auto 0;padding-left: 20px;padding-right: 20px;}.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide {margin-left: 0;margin-right: 0;}@media (max-width:921.99px){#ast-desktop-header{display:none;}}@media (min-width:922px){#ast-mobile-header{display:none;}}.wp-block-buttons.aligncenter{justify-content:center;}@media (max-width:921px){.ast-theme-transparent-header #primary,.ast-theme-transparent-header #secondary{padding:0;}}@media (max-width:921px){.ast-plain-container.ast-no-sidebar #primary{padding:0;}}.ast-plain-container.ast-no-sidebar #primary{margin-top:0;margin-bottom:0;}.wp-block-button.is-style-outline .wp-block-button__link{border-color:rgba(0,0,0,0);border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;}div.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),div.wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color){color:rgba(0,0,0,0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover{color:#000000;background-color:#d3af79;border-color:#d3af79;}.post-page-numbers.current .page-link,.ast-pagination .page-numbers.current{color:#000000;border-color:#d3af79;background-color:#d3af79;}.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button,.ast-outline-button,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button{border-color:rgba(0,0,0,0);border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;font-family:inherit;font-weight:inherit;font-size:14px;font-size:0.82352941176471rem;line-height:1em;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color),.ast-outline-button{color:rgba(0,0,0,0);}.wp-block-button.is-style-outline .wp-block-button__link:hover,.wp-block-buttons .wp-block-button.is-style-outline .wp-block-button__link:focus,.wp-block-buttons .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color):hover,.wp-block-buttons .wp-block-button.wp-block-button__link.is-style-outline:not(.has-text-color):hover,.ast-outline-button:hover,.ast-outline-button:focus,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:hover,.wp-block-uagb-buttons-child .uagb-buttons-repeater.ast-outline-button:focus{color:#000000;background-color:#d3af79;border-color:#d3af79;}.wp-block-button .wp-block-button__link.wp-element-button.is-style-outline:not(.has-background),.wp-block-button.is-style-outline>.wp-block-button__link.wp-element-button:not(.has-background),.ast-outline-button{background-color:rgba(0,0,0,0);}.entry-content[data-ast-blocks-layout] > figure{margin-bottom:1em;}@media (max-width:921px){.ast-left-sidebar #content > .ast-container{display:flex;flex-direction:column-reverse;width:100%;}.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single{padding:1.5em 2.14em;}.ast-author-box img.avatar{margin:20px 0 0 0;}}@media (min-width:922px){.ast-separate-container.ast-right-sidebar #primary,.ast-separate-container.ast-left-sidebar #primary{border:0;}.search-no-results.ast-separate-container #primary{margin-bottom:4em;}}.elementor-widget-button .elementor-button{border-style:solid;text-decoration:none;border-top-width:0px;border-right-width:0px;border-left-width:0px;border-bottom-width:0px;}body .elementor-button.elementor-size-sm,body .elementor-button.elementor-size-xs,body .elementor-button.elementor-size-md,body .elementor-button.elementor-size-lg,body .elementor-button.elementor-size-xl,body .elementor-button{border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;}.wp-block-button .wp-block-button__link{color:#000000;}.elementor-widget-button .elementor-button{font-size:14px;font-size:0.82352941176471rem;line-height:1em;text-transform:uppercase;}body .elementor-button.elementor-size-sm,body .elementor-button.elementor-size-xs,body .elementor-button.elementor-size-md,body .elementor-button.elementor-size-lg,body .elementor-button.elementor-size-xl,body .elementor-button{font-size:14px;font-size:0.82352941176471rem;}.wp-block-button .wp-block-button__link:hover,.wp-block-button .wp-block-button__link:focus{color:#000000;background-color:#d3af79;border-color:#d3af79;}.elementor-widget-heading h1.elementor-heading-title{line-height:1.4em;}.elementor-widget-heading h2.elementor-heading-title{line-height:1.3em;}.elementor-widget-heading h3.elementor-heading-title{line-height:1.3em;}.elementor-widget-heading h4.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h5.elementor-heading-title{line-height:1.2em;}.elementor-widget-heading h6.elementor-heading-title{line-height:1.25em;}.wp-block-button .wp-block-button__link,.wp-block-search .wp-block-search__button,body .wp-block-file .wp-block-file__button{border-style:solid;border-top-width:0px;border-right-width:0px;border-left-width:0px;border-bottom-width:0px;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);color:#000000;font-family:inherit;font-weight:inherit;line-height:1em;text-transform:uppercase;font-size:14px;font-size:0.82352941176471rem;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;}.menu-toggle,button,.ast-button,.ast-custom-button,.button,input#submit,input[type="button"],input[type="submit"],input[type="reset"],form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button,body .wp-block-file .wp-block-file__button{border-style:solid;border-top-width:0px;border-right-width:0px;border-left-width:0px;border-bottom-width:0px;color:#000000;border-color:rgba(0,0,0,0);background-color:rgba(0,0,0,0);padding-top:10px;padding-right:20px;padding-bottom:10px;padding-left:20px;font-family:inherit;font-weight:inherit;font-size:14px;font-size:0.82352941176471rem;line-height:1em;text-transform:uppercase;border-top-left-radius:3px;border-top-right-radius:3px;border-bottom-right-radius:3px;border-bottom-left-radius:3px;}button:focus,.menu-toggle:hover,button:hover,.ast-button:hover,.ast-custom-button:hover .button:hover,.ast-custom-button:hover ,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:hover,form[CLASS*="wp-block-search__"].wp-block-search .wp-block-search__inside-wrapper .wp-block-search__button:focus,body .wp-block-file .wp-block-file__button:hover,body .wp-block-file .wp-block-file__button:focus{color:#000000;background-color:#d3af79;border-color:#d3af79;}@media (max-width:921px){.ast-mobile-header-stack .main-header-bar .ast-search-menu-icon{display:inline-block;}.ast-header-break-point.ast-header-custom-item-outside .ast-mobile-header-stack .main-header-bar .ast-search-icon{margin:0;}.ast-comment-avatar-wrap img{max-width:2.5em;}.ast-comment-meta{padding:0 1.8888em 1.3333em;}.ast-separate-container .ast-comment-list li.depth-1{padding:1.5em 2.14em;}.ast-separate-container .comment-respond{padding:2em 2.14em;}}@media (min-width:544px){.ast-container{max-width:100%;}}@media (max-width:544px){.ast-separate-container .ast-article-post,.ast-separate-container .ast-article-single,.ast-separate-container .comments-title,.ast-separate-container .ast-archive-description{padding:1.5em 1em;}.ast-separate-container #content .ast-container{padding-left:0.54em;padding-right:0.54em;}.ast-separate-container .ast-comment-list .bypostauthor{padding:.5em;}.ast-search-menu-icon.ast-dropdown-active .search-field{width:170px;}} #ast-mobile-header .ast-site-header-cart-li a{pointer-events:none;}body,.ast-separate-container{background-color:var(--ast-global-color-4);background-image:none;}@media (max-width:921px){.widget-title{font-size:24px;font-size:1.4117647058824rem;}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-size:17px;font-size:1rem;}#secondary,#secondary button,#secondary input,#secondary select,#secondary textarea{font-size:17px;font-size:1rem;}.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:40px;}h2,.entry-content :where(h2){font-size:32px;}h3,.entry-content :where(h3){font-size:26px;}h4,.entry-content :where(h4){font-size:20px;font-size:1.1764705882353rem;}h5,.entry-content :where(h5){font-size:17px;font-size:1rem;}h6,.entry-content :where(h6){font-size:15px;font-size:0.88235294117647rem;}}@media (max-width:544px){.widget-title{font-size:24px;font-size:1.4117647058824rem;}body,button,input,select,textarea,.ast-button,.ast-custom-button{font-size:17px;font-size:1rem;}#secondary,#secondary button,#secondary input,#secondary select,#secondary textarea{font-size:17px;font-size:1rem;}.site-title{display:none;}.site-header .site-description{display:none;}h1,.entry-content :where(h1){font-size:32px;}h2,.entry-content :where(h2){font-size:25px;}h3,.entry-content :where(h3){font-size:22px;}h4,.entry-content :where(h4){font-size:18px;font-size:1.0588235294118rem;}h5,.entry-content :where(h5){font-size:15px;font-size:0.88235294117647rem;}h6,.entry-content :where(h6){font-size:13px;font-size:0.76470588235294rem;}}@media (max-width:544px){html{font-size:106.25%;}}@media (min-width:922px){.ast-container{max-width:1390px;}}@media (min-width:922px){.site-content .ast-container{display:flex;}}@media (max-width:921px){.site-content .ast-container{flex-direction:column;}}@media (min-width:922px){.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu:hover > .sub-menu,.main-header-menu .sub-menu .menu-item.ast-left-align-sub-menu.focus > .sub-menu{margin-left:-0px;}}.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline{background:transparent;}.site .comments-area{padding-bottom:3em;}.wp-block-file {display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}.wp-block-pullquote {border: none;}.wp-block-pullquote blockquote::before {content: "\201D";font-family: "Helvetica",sans-serif;display: flex;transform: rotate( 180deg );font-size: 6rem;font-style: normal;line-height: 1;font-weight: bold;align-items: center;justify-content: center;}.has-text-align-right > blockquote::before {justify-content: flex-start;}.has-text-align-left > blockquote::before {justify-content: flex-end;}figure.wp-block-pullquote.is-style-solid-color blockquote {max-width: 100%;text-align: inherit;}:root {--wp--custom--ast-default-block-top-padding: 2em;--wp--custom--ast-default-block-right-padding: 2em;--wp--custom--ast-default-block-bottom-padding: 2em;--wp--custom--ast-default-block-left-padding: 2em;--wp--custom--ast-container-width: 1350px;--wp--custom--ast-content-width-size: 1350px;--wp--custom--ast-wide-width-size: calc(1350px + var(--wp--custom--ast-default-block-left-padding) + var(--wp--custom--ast-default-block-right-padding));}.ast-narrow-container {--wp--custom--ast-content-width-size: 750px;--wp--custom--ast-wide-width-size: 750px;}@media(max-width: 921px) {:root {--wp--custom--ast-default-block-top-padding: 2em;--wp--custom--ast-default-block-right-padding: 2em;--wp--custom--ast-default-block-bottom-padding: 2em;--wp--custom--ast-default-block-left-padding: 2em;}}@media(max-width: 544px) {:root {--wp--custom--ast-default-block-top-padding: 2em;--wp--custom--ast-default-block-right-padding: 2em;--wp--custom--ast-default-block-bottom-padding: 2em;--wp--custom--ast-default-block-left-padding: 2em;}}.entry-content > .wp-block-group,.entry-content > .wp-block-cover,.entry-content > .wp-block-columns {padding-top: var(--wp--custom--ast-default-block-top-padding);padding-right: var(--wp--custom--ast-default-block-right-padding);padding-bottom: var(--wp--custom--ast-default-block-bottom-padding);padding-left: var(--wp--custom--ast-default-block-left-padding);}.ast-plain-container.ast-no-sidebar .entry-content > .alignfull,.ast-page-builder-template .ast-no-sidebar .entry-content > .alignfull {margin-left: calc( -50vw + 50%);margin-right: calc( -50vw + 50%);max-width: 100vw;width: 100vw;}.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignfull .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .alignwide .alignwide,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignfull,.ast-plain-container.ast-no-sidebar .entry-content .wp-block-column .alignwide,.ast-page-builder-template.ast-no-sidebar .entry-content .wp-block-column .alignwide {margin-left: auto;margin-right: auto;width: 100%;}[data-ast-blocks-layout] .wp-block-separator:not(.is-style-dots) {height: 0;}[data-ast-blocks-layout] .wp-block-separator {margin: 20px auto;}[data-ast-blocks-layout] .wp-block-separator:not(.is-style-wide):not(.is-style-dots) {max-width: 100px;}[data-ast-blocks-layout] .wp-block-separator.has-background {padding: 0;}.entry-content[data-ast-blocks-layout] > * {max-width: var(--wp--custom--ast-content-width-size);margin-left: auto;margin-right: auto;}.entry-content[data-ast-blocks-layout] > .alignwide {max-width: var(--wp--custom--ast-wide-width-size);}.entry-content[data-ast-blocks-layout] .alignfull {max-width: none;}.entry-content .wp-block-columns {margin-bottom: 0;}blockquote {margin: 1.5em;border-color: rgba(0,0,0,0.05);}.wp-block-quote:not(.has-text-align-right):not(.has-text-align-center) {border-left: 5px solid rgba(0,0,0,0.05);}.has-text-align-right > blockquote,blockquote.has-text-align-right {border-right: 5px solid rgba(0,0,0,0.05);}.has-text-align-left > blockquote,blockquote.has-text-align-left {border-left: 5px solid rgba(0,0,0,0.05);}.wp-block-site-tagline,.wp-block-latest-posts .read-more {margin-top: 15px;}.wp-block-loginout p label {display: block;}.wp-block-loginout p:not(.login-remember):not(.login-submit) input {width: 100%;}.wp-block-loginout input:focus {border-color: transparent;}.wp-block-loginout input:focus {outline: thin dotted;}.entry-content .wp-block-media-text .wp-block-media-text__content {padding: 0 0 0 8%;}.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 0 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}.entry-content .wp-block-cover:not([class*="background-color"]):not(.has-text-color.has-link-color) .wp-block-cover__inner-container,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover:not([class*="background-color"]) .wp-block-cover-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover__inner-container,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-image-text,.entry-content .wp-block-cover-image:not([class*="background-color"]) .wp-block-cover-text {color: var(--ast-global-color-primary,var(--ast-global-color-5));}.wp-block-loginout .login-remember input {width: 1.1rem;height: 1.1rem;margin: 0 5px 4px 0;vertical-align: middle;}.wp-block-latest-posts > li > *:first-child,.wp-block-latest-posts:not(.is-grid) > li:first-child {margin-top: 0;}.entry-content > .wp-block-buttons,.entry-content > .wp-block-uagb-buttons {margin-bottom: 1.5em;}.wp-block-search__inside-wrapper .wp-block-search__input {padding: 0 10px;color: var(--ast-global-color-3);background: var(--ast-global-color-primary,var(--ast-global-color-5));border-color: var(--ast-border-color);}.wp-block-latest-posts .read-more {margin-bottom: 1.5em;}.wp-block-search__no-button .wp-block-search__inside-wrapper .wp-block-search__input {padding-top: 5px;padding-bottom: 5px;}.wp-block-latest-posts .wp-block-latest-posts__post-date,.wp-block-latest-posts .wp-block-latest-posts__post-author {font-size: 1rem;}.wp-block-latest-posts > li > *,.wp-block-latest-posts:not(.is-grid) > li {margin-top: 12px;margin-bottom: 12px;}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignwide:where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > * {max-width: var(--wp--custom--ast-wide-width-size);}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .inherit-container-width > *,.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *:not(.wp-block-group):where(:not(.uagb-is-root-container):not(.spectra-is-root-container)) > *,.entry-content[data-ast-blocks-layout] > .wp-block-cover .wp-block-cover__inner-container {max-width: var(--wp--custom--ast-content-width-size) ;margin-left: auto;margin-right: auto;}.ast-page-builder-template .entry-content[data-ast-blocks-layout] > *,.ast-page-builder-template .entry-content[data-ast-blocks-layout] > .alignfull:where(:not(.wp-block-group):not(.uagb-is-root-container):not(.spectra-is-root-container)) > * {max-width: none;}.entry-content[data-ast-blocks-layout] .wp-block-cover:not(.alignleft):not(.alignright) {width: auto;}@media(max-width: 1200px) {.ast-separate-container .entry-content > .alignfull,.ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content .alignfull {margin-left: calc(-1 * min(var(--ast-container-default-xlg-padding),20px)) ;margin-right: calc(-1 * min(var(--ast-container-default-xlg-padding),20px));}}@media(min-width: 1201px) {.ast-separate-container .entry-content > .alignfull {margin-left: calc(-1 * var(--ast-container-default-xlg-padding) );margin-right: calc(-1 * var(--ast-container-default-xlg-padding) );}.ast-separate-container .entry-content[data-ast-blocks-layout] > .alignwide,.ast-plain-container .entry-content[data-ast-blocks-layout] > .alignwide {margin-left: calc(-1 * var(--wp--custom--ast-default-block-left-padding) );margin-right: calc(-1 * var(--wp--custom--ast-default-block-right-padding) );}}@media(min-width: 921px) {.ast-separate-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)),.ast-plain-container .entry-content .wp-block-group.alignwide:not(.inherit-container-width) > :where(:not(.alignleft):not(.alignright)) {max-width: calc( var(--wp--custom--ast-content-width-size) + 80px );}.ast-plain-container.ast-right-sidebar .entry-content[data-ast-blocks-layout] .alignfull,.ast-plain-container.ast-left-sidebar .entry-content[data-ast-blocks-layout] .alignfull {margin-left: -60px;margin-right: -60px;}}@media(min-width: 544px) {.entry-content > .alignleft {margin-right: 20px;}.entry-content > .alignright {margin-left: 20px;}}@media (max-width:544px){.wp-block-columns .wp-block-column:not(:last-child){margin-bottom:20px;}.wp-block-latest-posts{margin:0;}}@media( max-width: 600px ) {.entry-content .wp-block-media-text .wp-block-media-text__content,.entry-content .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {padding: 8% 0 0;}.entry-content .wp-block-media-text.has-background .wp-block-media-text__content {padding: 8%;}}.ast-page-builder-template .entry-header {padding-left: 0;}.ast-narrow-container .site-content .wp-block-uagb-image--align-full .wp-block-uagb-image__figure {max-width: 100%;margin-left: auto;margin-right: auto;}:root .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-color{color:var(--ast-global-color-0);}:root .wp-block-button .has-ast-global-color-0-background-color{background-color:var(--ast-global-color-0);}:root .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-color{color:var(--ast-global-color-1);}:root .wp-block-button .has-ast-global-color-1-background-color{background-color:var(--ast-global-color-1);}:root .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-color{color:var(--ast-global-color-2);}:root .wp-block-button .has-ast-global-color-2-background-color{background-color:var(--ast-global-color-2);}:root .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-color{color:var(--ast-global-color-3);}:root .wp-block-button .has-ast-global-color-3-background-color{background-color:var(--ast-global-color-3);}:root .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-color{color:var(--ast-global-color-4);}:root .wp-block-button .has-ast-global-color-4-background-color{background-color:var(--ast-global-color-4);}:root .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-color{color:var(--ast-global-color-5);}:root .wp-block-button .has-ast-global-color-5-background-color{background-color:var(--ast-global-color-5);}:root .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-color{color:var(--ast-global-color-6);}:root .wp-block-button .has-ast-global-color-6-background-color{background-color:var(--ast-global-color-6);}:root .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-color{color:var(--ast-global-color-7);}:root .wp-block-button .has-ast-global-color-7-background-color{background-color:var(--ast-global-color-7);}:root .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-color{color:var(--ast-global-color-8);}:root .wp-block-button .has-ast-global-color-8-background-color{background-color:var(--ast-global-color-8);}:root{--ast-global-color-0:#d3af79;--ast-global-color-1:#d3af79;--ast-global-color-2:#ffffff;--ast-global-color-3:rgba(255,255,255,0.8);--ast-global-color-4:#000000;--ast-global-color-5:#131313;--ast-global-color-6:#F2F5F7;--ast-global-color-7:#131313;--ast-global-color-8:#000000;}:root {--ast-border-color : #dddddd;}.ast-single-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: var(--ast-title-layout-bg);}.ast-single-entry-banner[data-banner-layout="layout-1"] {max-width: 1350px;background: inherit;padding: 20px 0;}.ast-single-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-single-entry-banner + .site-content .entry-header {margin-bottom: 0;}.site .ast-author-avatar {--ast-author-avatar-size: ;}a.ast-underline-text {text-decoration: underline;}.ast-container > .ast-terms-link {position: relative;display: block;}a.ast-button.ast-badge-tax {padding: 4px 8px;border-radius: 3px;font-size: inherit;}header.entry-header:not(.related-entry-header){text-align:left;}header.entry-header:not(.related-entry-header) > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){header.entry-header:not(.related-entry-header){text-align:left;}}@media (max-width:544px){header.entry-header:not(.related-entry-header){text-align:left;}}.ast-archive-entry-banner {-js-display: flex;display: flex;flex-direction: column;justify-content: center;text-align: center;position: relative;background: var(--ast-title-layout-bg);}.ast-archive-entry-banner[data-banner-width-type="custom"] {margin: 0 auto;width: 100%;}.ast-archive-entry-banner[data-banner-layout="layout-1"] {background: inherit;padding: 20px 0;text-align: left;}body.archive .ast-archive-description{max-width:1350px;width:100%;text-align:left;padding-top:3em;padding-right:3em;padding-bottom:3em;padding-left:3em;}body.archive .ast-archive-description .ast-archive-title,body.archive .ast-archive-description .ast-archive-title *{font-size:40px;font-size:2.3529411764706rem;}body.archive .ast-archive-description > *:not(:last-child){margin-bottom:10px;}@media (max-width:921px){body.archive .ast-archive-description{text-align:left;}}@media (max-width:544px){body.archive .ast-archive-description{text-align:left;}}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg{width:50px;}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img{ max-width:50px; width:50px;}@media (max-width:921px){.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg{width:63px;}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img{ max-width:63px; width:63px;}}@media (max-width:543px){.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo .astra-logo-svg{width:50px;}.ast-theme-transparent-header #masthead .site-logo-img .transparent-custom-logo img{ max-width:50px; width:50px;}}@media (min-width:922px){.ast-theme-transparent-header #masthead{position:absolute;left:0;right:0;}.ast-theme-transparent-header .main-header-bar,.ast-theme-transparent-header.ast-header-break-point .main-header-bar{background:none;}body.elementor-editor-active.ast-theme-transparent-header #masthead,.fl-builder-edit .ast-theme-transparent-header #masthead,body.vc_editor.ast-theme-transparent-header #masthead,body.brz-ed.ast-theme-transparent-header #masthead{z-index:0;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .custom-mobile-logo-link{display:none;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .transparent-custom-logo{display:inline-block;}.ast-theme-transparent-header .ast-above-header,.ast-theme-transparent-header .ast-above-header.ast-above-header-bar{background-image:none;background-color:transparent;}.ast-theme-transparent-header .ast-below-header,.ast-theme-transparent-header .ast-below-header.ast-below-header-bar{background-image:none;background-color:transparent;}}.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item .sub-menu .menu-link,.ast-theme-transparent-header .main-header-menu .menu-item .sub-menu .menu-link{background-color:transparent;}@media (max-width:921px){.ast-theme-transparent-header #masthead{position:absolute;left:0;right:0;}.ast-theme-transparent-header .main-header-bar,.ast-theme-transparent-header.ast-header-break-point .main-header-bar{background:none;}body.elementor-editor-active.ast-theme-transparent-header #masthead,.fl-builder-edit .ast-theme-transparent-header #masthead,body.vc_editor.ast-theme-transparent-header #masthead,body.brz-ed.ast-theme-transparent-header #masthead{z-index:0;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .custom-mobile-logo-link{display:none;}.ast-header-break-point.ast-replace-site-logo-transparent.ast-theme-transparent-header .transparent-custom-logo{display:inline-block;}.ast-theme-transparent-header .ast-above-header,.ast-theme-transparent-header .ast-above-header.ast-above-header-bar{background-image:none;background-color:transparent;}.ast-theme-transparent-header .ast-below-header,.ast-theme-transparent-header .ast-below-header.ast-below-header-bar{background-image:none;background-color:transparent;}}@media (max-width:921px){.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-menu,.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu.main-header-menu .sub-menu,.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu.main-header-menu,.ast-theme-transparent-header.ast-header-break-point .ast-builder-menu .main-header-bar-wrap .main-header-menu,.ast-flyout-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation,.ast-fullscreen-menu-enable.ast-header-break-point.ast-theme-transparent-header .main-header-bar-navigation .site-navigation,.ast-flyout-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap .ast-above-header-navigation,.ast-flyout-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap .ast-below-header-actual-nav,.ast-fullscreen-above-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-above-header-navigation-wrap,.ast-fullscreen-below-menu-enable.ast-header-break-point.ast-theme-transparent-header .ast-below-header-navigation-wrap,.ast-theme-transparent-header .main-header-menu .menu-link{background-color:var(--ast-global-color-5);}.ast-theme-transparent-header .ast-builder-menu .main-header-menu,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-link,.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .menu-item > .menu-link,.ast-theme-transparent-header .ast-masthead-custom-menu-items,.ast-theme-transparent-header .ast-masthead-custom-menu-items a,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item > .ast-menu-toggle,.ast-theme-transparent-header .main-header-menu .menu-link{color:var(--ast-global-color-3);}.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .menu-link,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .menu-item:hover > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .ast-masthead-custom-menu-items a:hover,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .menu-link,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .focus > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .menu-link,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .menu-link,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-item > .ast-menu-toggle,.ast-theme-transparent-header .ast-builder-menu .main-header-menu .current-menu-ancestor > .ast-menu-toggle,.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .menu-link,.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .menu-link,.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-item > .ast-menu-toggle,.ast-theme-transparent-header [CLASS*="ast-builder-menu-"] .main-header-menu .current-menu-ancestor > .ast-menu-toggle,.ast-theme-transparent-header .main-header-menu .menu-item:hover > .menu-link,.ast-theme-transparent-header .main-header-menu .current-menu-item > .menu-link,.ast-theme-transparent-header .main-header-menu .current-menu-ancestor > .menu-link{color:var(--ast-global-color-0);}}.ast-theme-transparent-header #ast-desktop-header > .ast-main-header-wrap > .main-header-bar,.ast-theme-transparent-header.ast-header-break-point #ast-mobile-header > .ast-main-header-wrap > .main-header-bar{border-bottom-width:0px;border-bottom-style:solid;}.ast-breadcrumbs .trail-browse,.ast-breadcrumbs .trail-items,.ast-breadcrumbs .trail-items li{display:inline-block;margin:0;padding:0;border:none;background:inherit;text-indent:0;text-decoration:none;}.ast-breadcrumbs .trail-browse{font-size:inherit;font-style:inherit;font-weight:inherit;color:inherit;}.ast-breadcrumbs .trail-items{list-style:none;}.trail-items li::after{padding:0 0.3em;content:"\00bb";}.trail-items li:last-of-type::after{display:none;}h1,h2,h3,h4,h5,h6,.entry-content :where(h1,h2,h3,h4,h5,h6){color:#d3af79;}@media (max-width:921px){.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}@media (max-width:544px){.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-firstrow .ast-builder-grid-row > *:first-child,.ast-builder-grid-row-container.ast-builder-grid-row-mobile-3-lastrow .ast-builder-grid-row > *:last-child{grid-column:1 / -1;}}.ast-builder-layout-element[data-section="title_tagline"]{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="title_tagline"]{display:flex;}}.ast-builder-menu-1{font-family:inherit;font-weight:400;text-transform:uppercase;}.ast-builder-menu-1 .menu-item > .menu-link{font-size:17px;font-size:1rem;color:var(--ast-global-color-2);}.ast-builder-menu-1 .menu-item > .ast-menu-toggle{color:var(--ast-global-color-2);}.ast-builder-menu-1 .menu-link:hover,.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .menu-link,.ast-builder-menu-1 .inline-on-mobile .ast-menu-toggle:hover,.ast-builder-menu-1 .inline-on-mobile .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .ast-menu-toggle:hover,.ast-builder-menu-1 .main-header-menu > .menu-item:hover > .ast-menu-toggle{color:var(--ast-global-color-1);}.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link,.ast-builder-menu-1 .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle,.ast-builder-menu-1 .current-menu-ancestor > .menu-link{color:#d4ae78;}.ast-builder-menu-1 .menu-item.current-menu-item > .ast-menu-toggle{color:#d4ae78;}.ast-builder-menu-1 .sub-menu,.ast-builder-menu-1 .inline-on-mobile .sub-menu{border-top-width:0px;border-bottom-width:0px;border-right-width:0px;border-left-width:0px;border-color:rgba(0,0,0,0);border-style:solid;}.ast-builder-menu-1 .sub-menu .sub-menu{top:0px;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0px;}.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu:before,.ast-desktop .ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper:before{height:calc( 0px + 0px + 5px );}.ast-desktop .ast-builder-menu-1 .menu-item .sub-menu .menu-link{border-style:none;}@media (max-width:921px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .inline-on-mobile .menu-item.menu-item-has-children > .ast-menu-toggle{right:-15px;}.ast-builder-menu-1 .menu-item-has-children > .menu-link:after{content:unset;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1 .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-1 .main-header-menu > .menu-item > .sub-menu,.ast-builder-menu-1 .main-header-menu > .menu-item > .astra-full-megamenu-wrapper{margin-top:0;}}.ast-builder-menu-1{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-1{display:flex;}}.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before,.ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {content: "";position: absolute;width: 100%;right: 50%;height: 1px;background-color: transparent;transform: scale(0,0) translate(-50%,0);transition: transform .3s ease-in-out,color .0s ease-in-out;}.ast-desktop .ast-menu-hover-style-underline > .menu-item:hover > .menu-link:before,.ast-desktop .ast-menu-hover-style-overline > .menu-item:hover > .menu-link:before {width: calc(100% - 1.2em);background-color: currentColor;transform: scale(1,1) translate(50%,0);}.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link:before {bottom: 0;}.ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link:before {top: 0;}.ast-desktop .ast-menu-hover-style-zoom > .menu-item > .menu-link:hover {transition: all .3s ease;transform: scale(1.2);}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element {margin-top: 6px;margin-bottom: 6px;}.social-show-label-true .ast-builder-social-element {width: auto;padding: 0 0.4em;}[data-section^="section-fb-social-icons-"] .footer-social-inner-wrap {text-align: center;}.ast-footer-social-wrap {width: 100%;}.ast-footer-social-wrap .ast-builder-social-element:first-child {margin-left: 0;}.ast-footer-social-wrap .ast-builder-social-element:last-child {margin-right: 0;}.ast-header-social-wrap .ast-builder-social-element:first-child {margin-left: 0;}.ast-header-social-wrap .ast-builder-social-element:last-child {margin-right: 0;}.ast-builder-social-element {line-height: 1;color: var(--ast-global-color-2);background: transparent;vertical-align: middle;transition: all 0.01s;margin-left: 6px;margin-right: 6px;justify-content: center;align-items: center;}.ast-builder-social-element .social-item-label {padding-left: 6px;}.ast-header-social-1-wrap .ast-builder-social-element,.ast-header-social-1-wrap .social-show-label-true .ast-builder-social-element{margin-left:10px;margin-right:10px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom-right-radius:10px;border-bottom-left-radius:10px;}.ast-header-social-1-wrap .ast-builder-social-element svg{width:20px;height:20px;}.ast-header-social-1-wrap{margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;}.ast-header-social-1-wrap .ast-social-color-type-custom svg{fill:var(--ast-global-color-2);}.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover{color:var(--ast-global-color-0);}.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg{fill:var(--ast-global-color-0);}.ast-header-social-1-wrap .ast-social-color-type-custom .social-item-label{color:var(--ast-global-color-2);}.ast-header-social-1-wrap .ast-builder-social-element:hover .social-item-label{color:var(--ast-global-color-0);}@media (max-width:921px){.ast-header-social-1-wrap .ast-builder-social-element{border-top-left-radius:5px;border-top-right-radius:5px;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.ast-header-social-1-wrap{margin-top:10px;margin-bottom:10px;margin-left:10px;margin-right:10px;}.ast-header-social-1-wrap .ast-social-color-type-custom svg{fill:var(--ast-global-color-4);}.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover{color:var(--ast-global-color-2);}.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg{fill:var(--ast-global-color-2);}.ast-header-social-1-wrap .ast-social-color-type-custom .social-item-label{color:var(--ast-global-color-4);}.ast-header-social-1-wrap .ast-builder-social-element:hover .social-item-label{color:var(--ast-global-color-2);}}@media (max-width:544px){.ast-header-social-1-wrap .ast-social-color-type-custom svg{fill:var(--ast-global-color-4);}.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover{color:var(--ast-global-color-2);}.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg{fill:var(--ast-global-color-2);}.ast-header-social-1-wrap .ast-social-color-type-custom .social-item-label{color:var(--ast-global-color-4);}.ast-header-social-1-wrap .ast-builder-social-element:hover .social-item-label{color:var(--ast-global-color-2);}}.ast-builder-layout-element[data-section="section-hb-social-icons-1"]{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-layout-element[data-section="section-hb-social-icons-1"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="section-hb-social-icons-1"]{display:flex;}}.site-below-footer-wrap{padding-top:20px;padding-bottom:20px;}.site-below-footer-wrap[data-section="section-below-footer-builder"]{min-height:200px;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{max-width:100%;padding-left:35px;padding-right:35px;}.site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row,.site-below-footer-wrap[data-section="section-below-footer-builder"] .site-footer-section{align-items:center;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}.ast-builder-grid-row-full .ast-builder-grid-row{grid-template-columns:1fr;}@media (max-width:921px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-full .ast-builder-grid-row{grid-template-columns:1fr;}}@media (max-width:544px){.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-below-footer-wrap[data-section="section-below-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}@media (max-width:921.99px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-below-footer-wrap[data-section="section-below-footer-builder"]{display:grid;}}.ast-footer-copyright{text-align:center;}.ast-footer-copyright.site-footer-focus-item {color:var(--ast-global-color-3);}@media (max-width:921px){.ast-footer-copyright{text-align:center;}}@media (max-width:544px){.ast-footer-copyright{text-align:center;}}.ast-footer-copyright.ast-builder-layout-element{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-footer-copyright.ast-builder-layout-element{display:flex;}}.ast-social-stack-desktop .ast-builder-social-element,.ast-social-stack-tablet .ast-builder-social-element,.ast-social-stack-mobile .ast-builder-social-element {margin-top: 6px;margin-bottom: 6px;}.social-show-label-true .ast-builder-social-element {width: auto;padding: 0 0.4em;}[data-section^="section-fb-social-icons-"] .footer-social-inner-wrap {text-align: center;}.ast-footer-social-wrap {width: 100%;}.ast-footer-social-wrap .ast-builder-social-element:first-child {margin-left: 0;}.ast-footer-social-wrap .ast-builder-social-element:last-child {margin-right: 0;}.ast-header-social-wrap .ast-builder-social-element:first-child {margin-left: 0;}.ast-header-social-wrap .ast-builder-social-element:last-child {margin-right: 0;}.ast-builder-social-element {line-height: 1;color: var(--ast-global-color-2);background: transparent;vertical-align: middle;transition: all 0.01s;margin-left: 6px;margin-right: 6px;justify-content: center;align-items: center;}.ast-builder-social-element .social-item-label {padding-left: 6px;}.ast-footer-social-1-wrap .ast-builder-social-element,.ast-footer-social-1-wrap .social-show-label-true .ast-builder-social-element{margin-left:10px;margin-right:10px;}.ast-footer-social-1-wrap .ast-builder-social-element svg{width:20px;height:20px;}.ast-footer-social-1-wrap .ast-social-color-type-custom svg{fill:var(--ast-global-color-2);}.ast-footer-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover{color:#d4ae78;}.ast-footer-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:hover svg{fill:#d4ae78;}.ast-footer-social-1-wrap .ast-social-color-type-custom .social-item-label{color:var(--ast-global-color-2);}.ast-footer-social-1-wrap .ast-builder-social-element:hover .social-item-label{color:#d4ae78;}[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{text-align:right;}@media (max-width:921px){.ast-footer-social-1-wrap .ast-builder-social-element{border-top-left-radius:0px;border-top-right-radius:0px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;}.ast-footer-social-1-wrap{margin-top:0px;}[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{text-align:center;}}@media (max-width:544px){.ast-footer-social-1-wrap .ast-builder-social-element svg{width:15px;height:15px;}.ast-footer-social-1-wrap .ast-builder-social-element{margin-left:9px;margin-right:9px;}.ast-footer-social-1-wrap{margin-top:20px;}[data-section="section-fb-social-icons-1"] .footer-social-inner-wrap{text-align:center;}}.ast-builder-layout-element[data-section="section-fb-social-icons-1"]{display:flex;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-layout-element[data-section="section-fb-social-icons-1"]{display:flex;}}@media (max-width:544px){.ast-header-break-point .ast-builder-layout-element[data-section="section-fb-social-icons-1"]{display:flex;}}.site-footer{background-image:none;}.site-primary-footer-wrap{padding-top:45px;padding-bottom:45px;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{background-color:rgba(0,0,0,0);background-image:none;min-height:100px;border-style:solid;border-width:0px;border-top-width:1px;border-top-color:rgba(255,255,255,0.3);}.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{grid-column-gap:200px;max-width:100%;padding-left:35px;padding-right:35px;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row,.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .site-footer-section{align-items:center;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-inline .site-footer-section{display:flex;margin-bottom:0;}.ast-builder-grid-row-3-equal .ast-builder-grid-row{grid-template-columns:repeat( 3,1fr );}@media (max-width:921px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-inline .site-footer-section{display:flex;margin-bottom:0;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-tablet-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-tablet-3-equal .ast-builder-grid-row{grid-template-columns:repeat( 3,1fr );}}@media (max-width:544px){.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-inline .site-footer-section{display:flex;margin-bottom:0;}.site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section{display:block;margin-bottom:10px;}.ast-builder-grid-row-container.ast-builder-grid-row-mobile-full .ast-builder-grid-row{grid-template-columns:1fr;}}.site-primary-footer-wrap[data-section="section-primary-footer-builder"]{display:grid;}@media (max-width:921.99px){.ast-header-break-point .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{display:grid;}}@media (max-width:544px){.ast-header-break-point .site-primary-footer-wrap[data-section="section-primary-footer-builder"]{display:grid;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner{text-align:left;}@media (max-width:921px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner{text-align:left;}}@media (max-width:544px){.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner{text-align:center;}}.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a{color:var(--ast-global-color-3);}.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"].footer-widget-area-inner a:hover{color:var(--ast-global-color-0);}.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .widget-title,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] h1,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .widget-area h1,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] h2,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .widget-area h2,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] h3,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .widget-area h3,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] h4,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .widget-area h4,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] h5,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .widget-area h5,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] h6,.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"] .widget-area h6{color:var(--ast-global-color-0);}.footer-widget-area[data-section="sidebar-widgets-footer-widget-3"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="sidebar-widgets-footer-widget-3"]{display:block;}}.elementor-widget-heading .elementor-heading-title{margin:0;}.elementor-page .ast-menu-toggle{color:unset;background:unset;}.elementor-post.elementor-grid-item.hentry{margin-bottom:0;}.woocommerce div.product .elementor-element.elementor-products-grid .related.products ul.products li.product,.elementor-element .elementor-wc-products .woocommerce[class*='columns-'] ul.products li.product{width:auto;margin:0;float:none;}body .elementor hr{background-color:#ccc;margin:0;}.ast-left-sidebar .elementor-section.elementor-section-stretched,.ast-right-sidebar .elementor-section.elementor-section-stretched{max-width:100%;left:0 !important;}.elementor-posts-container [CLASS*="ast-width-"]{width:100%;}.elementor-template-full-width .ast-container{display:block;}.elementor-screen-only,.screen-reader-text,.screen-reader-text span,.ui-helper-hidden-accessible{top:0 !important;}@media (max-width:544px){.elementor-element .elementor-wc-products .woocommerce[class*="columns-"] ul.products li.product{width:auto;margin:0;}.elementor-element .woocommerce .woocommerce-result-count{float:none;}}.ast-header-break-point .main-header-bar{border-bottom-width:1px;}@media (min-width:922px){.main-header-bar{border-bottom-width:1px;}}.main-header-menu .menu-item, #astra-footer-menu .menu-item, .main-header-bar .ast-masthead-custom-menu-items{-js-display:flex;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-moz-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}.main-header-menu > .menu-item > .menu-link, #astra-footer-menu > .menu-item > .menu-link{height:100%;-webkit-box-align:center;-webkit-align-items:center;-moz-box-align:center;-ms-flex-align:center;align-items:center;-js-display:flex;display:flex;}.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg{top:.2em;margin-top:0px;margin-left:0px;width:.65em;transform:translate(0, -2px) rotateZ(270deg);}.ast-mobile-popup-content .ast-submenu-expanded > .ast-menu-toggle{transform:rotateX(180deg);overflow-y:auto;}@media (min-width:922px){.ast-builder-menu .main-navigation > ul > li:last-child a{margin-right:0;}}.ast-separate-container .ast-article-inner{background-color:transparent;background-image:none;}.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);background-image:none;}@media (max-width:921px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-post{background-color:var(--ast-global-color-5);background-image:none;}}.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description, .ast-separate-container .comments-area .comment-respond, .ast-separate-container .comments-area .ast-comment-list li, .ast-separate-container .comments-area .comments-title{background-color:var(--ast-global-color-5);background-image:none;}@media (max-width:921px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);background-image:none;}}@media (max-width:544px){.ast-separate-container .ast-article-single:not(.ast-related-post), .ast-separate-container .error-404, .ast-separate-container .no-results, .single.ast-separate-container  .ast-author-meta, .ast-separate-container .related-posts-title-wrapper, .ast-separate-container .comments-count-wrapper, .ast-box-layout.ast-plain-container .site-content, .ast-padded-layout.ast-plain-container .site-content, .ast-separate-container .ast-archive-description{background-color:var(--ast-global-color-5);background-image:none;}}.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);background-image:none;}@media (max-width:921px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);background-image:none;}}@media (max-width:544px){.ast-separate-container.ast-two-container #secondary .widget{background-color:var(--ast-global-color-5);background-image:none;}}
		#ast-scroll-top {
			display: none;
			position: fixed;
			text-align: center;
			cursor: pointer;
			z-index: 99;
			width: 2.1em;
			height: 2.1em;
			line-height: 2.1;
			color: #ffffff;
			border-radius: 2px;
			content: "";
			outline: inherit;
		}
		@media (min-width: 769px) {
			#ast-scroll-top {
				content: "769";
			}
		}
		#ast-scroll-top .ast-icon.icon-arrow svg {
			margin-left: 0px;
			vertical-align: middle;
			transform: translate(0, -20%) rotate(180deg);
			width: 1.6em;
		}
		.ast-scroll-to-top-right {
			right: 30px;
			bottom: 30px;
		}
		.ast-scroll-to-top-left {
			left: 30px;
			bottom: 30px;
		}
	#ast-scroll-top{color:#d4ae78;background-color:rgba(0,0,0,0);font-size:15px;}#ast-scroll-top:hover{color:var(--ast-global-color-2);background-color:#d4ae78;}@media (max-width:921px){#ast-scroll-top .ast-icon.icon-arrow svg{width:1em;}}.ast-mobile-header-content > *,.ast-desktop-header-content > * {padding: 10px 0;height: auto;}.ast-mobile-header-content > *:first-child,.ast-desktop-header-content > *:first-child {padding-top: 10px;}.ast-mobile-header-content > .ast-builder-menu,.ast-desktop-header-content > .ast-builder-menu {padding-top: 0;}.ast-mobile-header-content > *:last-child,.ast-desktop-header-content > *:last-child {padding-bottom: 0;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search label,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search label {width: 100%;}.ast-desktop-header-content .main-header-bar-navigation .ast-submenu-expanded > .ast-menu-toggle::before {transform: rotateX(180deg);}#ast-desktop-header .ast-desktop-header-content,.ast-mobile-header-content .ast-search-icon,.ast-desktop-header-content .ast-search-icon,.ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-mobile-header-wrap .ast-mobile-header-content,.ast-main-header-nav-open.ast-popup-nav-open .ast-desktop-header-content {display: none;}.ast-main-header-nav-open.ast-header-break-point #ast-desktop-header .ast-desktop-header-content,.ast-main-header-nav-open.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content {display: block;}.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-up > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-slide-down > .menu-item .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item > .sub-menu,.ast-desktop .ast-desktop-header-content .astra-menu-animation-fade > .menu-item .menu-item > .sub-menu {opacity: 1;visibility: visible;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation {width: unset;margin: unset;}.ast-mobile-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle,.ast-desktop-header-content.content-align-flex-end .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {left: calc( 20px - 0.907em);right: auto;}.ast-mobile-header-content .ast-search-menu-icon,.ast-mobile-header-content .ast-search-menu-icon.slide-search,.ast-desktop-header-content .ast-search-menu-icon,.ast-desktop-header-content .ast-search-menu-icon.slide-search {width: 100%;position: relative;display: block;right: auto;transform: none;}.ast-mobile-header-content .ast-search-menu-icon.slide-search .search-form,.ast-mobile-header-content .ast-search-menu-icon .search-form,.ast-desktop-header-content .ast-search-menu-icon.slide-search .search-form,.ast-desktop-header-content .ast-search-menu-icon .search-form {right: 0;visibility: visible;opacity: 1;position: relative;top: auto;transform: none;padding: 0;display: block;overflow: hidden;}.ast-mobile-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-mobile-header-content .ast-search-menu-icon .search-field,.ast-desktop-header-content .ast-search-menu-icon.ast-inline-search .search-field,.ast-desktop-header-content .ast-search-menu-icon .search-field {width: 100%;padding-right: 5.5em;}.ast-mobile-header-content .ast-search-menu-icon .search-submit,.ast-desktop-header-content .ast-search-menu-icon .search-submit {display: block;position: absolute;height: 100%;top: 0;right: 0;padding: 0 1em;border-radius: 0;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation ul .sub-menu .menu-link {padding-left: 30px;}.ast-hfb-header.ast-default-menu-enable.ast-header-break-point .ast-mobile-header-wrap .ast-mobile-header-content .main-header-bar-navigation .sub-menu .menu-item .menu-item .menu-link {padding-left: 40px;}.ast-mobile-popup-drawer.active .ast-mobile-popup-inner{background-color:var(--ast-global-color-0);;}.ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content{background-color:var(--ast-global-color-0);;}.ast-mobile-popup-content > *, .ast-mobile-header-content > *, .ast-desktop-popup-content > *, .ast-desktop-header-content > *{padding-top:0px;padding-bottom:0px;}.content-align-center .ast-builder-layout-element{justify-content:center;}.content-align-center .main-header-menu{text-align:center;}.ast-mobile-popup-drawer.active .menu-toggle-close{color:#3a3a3a;}.ast-mobile-header-wrap .ast-primary-header-bar,.ast-primary-header-bar .site-primary-header-wrap{min-height:50px;}.ast-desktop:not(:has(.ast-header-sticked)) .ast-primary-header-bar .main-header-menu > .menu-item{line-height:50px;}#masthead .ast-container,.site-header-focus-item + .ast-breadcrumbs-wrapper{max-width:100%;padding-left:35px;padding-right:35px;}.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-primary-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-below-header-bar,.ast-header-break-point #masthead .ast-mobile-header-wrap .ast-above-header-bar{padding-left:20px;padding-right:20px;}.ast-header-break-point .ast-primary-header-bar{border-bottom-width:0px;border-bottom-style:solid;}@media (min-width:922px){.ast-primary-header-bar{border-bottom-width:0px;border-bottom-style:solid;}}.ast-primary-header-bar{background-color:rgba(0,0,0,0);background-image:none;}.ast-primary-header-bar{display:block;}@media (max-width:921.99px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}@media (max-width:544px){.ast-header-break-point .ast-primary-header-bar{display:grid;}}.ast-hfb-header .site-header{margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-outline{background:transparent;color:var(--ast-global-color-0);border-top-width:1px;border-bottom-width:1px;border-right-width:1px;border-left-width:1px;border-style:solid;border-color:#d3af79;}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg{width:20px;height:20px;fill:var(--ast-global-color-0);}[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu{color:var(--ast-global-color-0);}.ast-builder-menu-mobile .main-navigation .menu-item > .menu-link{font-weight:700;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}.ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .main-header-menu{border-top-width:1px;}.ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-header-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .sub-menu .menu-link, .ast-hfb-header .ast-mobile-popup-content .ast-builder-menu-mobile .main-navigation .menu-item .menu-link{border-bottom-width:1px;border-style:solid;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:0;}@media (max-width:921px){.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{padding-top:10px;padding-bottom:10px;padding-left:10px;padding-right:10px;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:10px;right:calc( 10px - 0.907em );}.ast-builder-menu-mobile .main-navigation .menu-item-has-children > .menu-link:after{content:unset;}}@media (max-width:544px){.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link{padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px;}.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{top:5px;right:calc( 5px - 0.907em );}}.ast-builder-menu-mobile .main-navigation{display:block;}@media (max-width:921.99px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}@media (max-width:544px){.ast-header-break-point .ast-builder-menu-mobile .main-navigation{display:block;}}.footer-nav-wrap .astra-footer-vertical-menu {display: grid;}@media (min-width: 769px) {.footer-nav-wrap .astra-footer-horizontal-menu li {margin: 0;}.footer-nav-wrap .astra-footer-horizontal-menu a {padding: 0 0.5em;}}@media (min-width: 769px) {.footer-nav-wrap .astra-footer-horizontal-menu li:first-child a {padding-left: 0;}.footer-nav-wrap .astra-footer-horizontal-menu li:last-child a {padding-right: 0;}}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-horizontal-menu{justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-vertical-menu .menu-item{align-items:center;}#astra-footer-menu .menu-item > a{color:var(--ast-global-color-2);}#astra-footer-menu .menu-item:hover > a{color:#d4ae78;}#astra-footer-menu .menu-item.current-menu-item > a{color:var(--ast-global-color-1);}#astra-footer-menu{background-image:none;}@media (max-width:921px){.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-horizontal-menu{justify-content:center;display:flex;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu{display:grid;justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-tablet-vertical-menu .menu-item{align-items:center;}#astra-footer-menu .menu-item > a{font-size:15px;font-size:0.88235294117647rem;padding-top:0px;padding-bottom:0px;padding-left:10px;padding-right:10px;}}@media (max-width:544px){.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-horizontal-menu{justify-content:center;display:flex;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu{display:grid;justify-content:center;}.footer-widget-area[data-section="section-footer-menu"] .astra-footer-mobile-vertical-menu .menu-item{align-items:center;}}.footer-widget-area[data-section="section-footer-menu"]{display:block;}@media (max-width:921.99px){.ast-header-break-point .footer-widget-area[data-section="section-footer-menu"]{display:block;}}@media (max-width:544px){.ast-header-break-point .footer-widget-area[data-section="section-footer-menu"]{display:block;}}:root{--e-global-color-astglobalcolor0:#d3af79;--e-global-color-astglobalcolor1:#d3af79;--e-global-color-astglobalcolor2:#ffffff;--e-global-color-astglobalcolor3:rgba(255,255,255,0.8);--e-global-color-astglobalcolor4:#000000;--e-global-color-astglobalcolor5:#131313;--e-global-color-astglobalcolor6:#F2F5F7;--e-global-color-astglobalcolor7:#131313;--e-global-color-astglobalcolor8:#000000;}
/*# sourceURL=astra-theme-css-inline-css */
</style>
<link rel="stylesheet" id="wpo_min-header-2-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-astra-google-fonts1787052577.min.css" media="all">
<link rel="stylesheet" id="astra-menu-animation-css" href="https://www.bassemgd.com/wp-content/themes/astra/assets/css/minified/menu-animation.min.css?ver=4.13.10" media="all">
<link rel="stylesheet" id="wpo_min-header-4-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-ht_ctc_main_css1786976508.min.css" media="all">
<link rel="stylesheet" id="wpo_min-header-5-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-hfe-widgets-style1786464076.min.css" media="all">
<link rel="stylesheet" id="wpo_min-header-6-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-hfe-style1786464076.min.css" media="all">
<link rel="stylesheet" id="elementor-frontend-css" href="https://www.bassemgd.com/wp-content/uploads/elementor/css/custom-frontend.min.css?ver=1787619368" media="all">
<style id="elementor-frontend-inline-css">
.e-heading-base a, .e-paragraph-base a { all: unset; cursor: pointer; }form[data-element_type="e-form"].form-state-success [data-element_type="e-form-success-message"],form[data-element_type="e-form"].form-state-error [data-element_type="e-form-error-message"]{ display: block; }
/*# sourceURL=elementor-frontend-inline-css */
</style>
<link rel="stylesheet" id="wpo_min-header-8-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-elementor-post-38911787619368.min.css" media="all">
<link rel="stylesheet" id="e-animation-fadeIn-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/lib/animations/styles/fadeIn.min.css?ver=4.2.3" media="all">
<link rel="stylesheet" id="e-animation-fadeInUp-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/lib/animations/styles/fadeInUp.min.css?ver=4.2.3" media="all">
<link rel="stylesheet" id="widget-spacer-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/css/widget-spacer.min.css?ver=4.2.3" media="all">
<link rel="stylesheet" id="widget-icon-box-css" href="https://www.bassemgd.com/wp-content/uploads/elementor/css/custom-widget-icon-box.min.css?ver=1787619368" media="all">
<link rel="stylesheet" id="widget-heading-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/css/widget-heading.min.css?ver=4.2.3" media="all">
<link rel="stylesheet" id="swiper-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/lib/swiper/v8/css/swiper.min.css?ver=8.4.5" media="all">
<link rel="stylesheet" id="e-swiper-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/css/conditionals/e-swiper.min.css?ver=4.2.3" media="all">
<link rel="stylesheet" id="widget-image-carousel-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/css/widget-image-carousel.min.css?ver=4.2.3" media="all">
<link rel="stylesheet" id="widget-image-gallery-css" href="https://www.bassemgd.com/wp-content/uploads/elementor/css/custom-widget-image-gallery.min.css?ver=1787619368" media="all">
<link rel="stylesheet" id="wpo_min-header-18-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-elementor-post-7691787619369.min.css" media="all">
<link rel="stylesheet" id="wpo_min-header-19-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-base-desktop1787619369.min.css" media="all">
<link rel="stylesheet" id="wpo_min-header-20-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-base-mobile1787619369.min.css" media="(max-width:767px)">
<link rel="stylesheet" id="loftloader-lite-animation-css" href="https://www.bassemgd.com/wp-content/plugins/loftloader/assets/css/loftloader.min.css?ver=2026051801" media="all">
<link rel="stylesheet" id="hfe-elementor-icons-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/lib/eicons/css/elementor-icons.min.css?ver=5.34.0" media="all">
<link rel="stylesheet" id="hfe-icons-list-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/css/widget-icon-list.min.css?ver=3.24.3" media="all">
<link rel="stylesheet" id="hfe-social-icons-css" href="https://www.bassemgd.com/wp-content/plugins/elementor/assets/css/widget-social-icons.min.css?ver=3.24.0" media="all">
<link rel="stylesheet" id="wpo_min-header-25-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-hfe-social-share-icons-brands1682263366.min.css" media="all">
<link rel="stylesheet" id="wpo_min-header-26-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-hfe-social-share-icons-fontawesome1709225518.min.css" media="all">
<link rel="stylesheet" id="wpo_min-header-27-css" href="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-header-hfe-nav-menu-icons1682263366.min.css" media="all">
<script id="jquery-core-js" src="https://www.bassemgd.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://www.bassemgd.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="jquery-js-after">
!function($){"use strict";$(document).ready(function(){$(this).scrollTop()>100&&$(".hfe-scroll-to-top-wrap").removeClass("hfe-scroll-to-top-hide"),$(window).scroll(function(){$(this).scrollTop()<100?$(".hfe-scroll-to-top-wrap").fadeOut(300):$(".hfe-scroll-to-top-wrap").fadeIn(300)}),$(".hfe-scroll-to-top-wrap").on("click",function(){$("html, body").animate({scrollTop:0},300);return!1})})}(jQuery);
!function($){'use strict';$(document).ready(function(){var bar=$('.hfe-reading-progress-bar');if(!bar.length)return;$(window).on('scroll',function(){var s=$(window).scrollTop(),d=$(document).height()-$(window).height(),p=d? s/d*100:0;bar.css('width',p+'%')});});}(jQuery);
//# sourceURL=jquery-js-after
</script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=G-7VM2PCG6X8" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["www.bassemgd.com"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "G-7VM2PCG6X8");
 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
//# sourceURL=google_gtagjs-js-after
</script>
<link rel="https://api.w.org/" href="https://www.bassemgd.com/wp-json/"><link rel="alternate" title="JSON" type="application/json" href="https://www.bassemgd.com/wp-json/wp/v2/pages/769"><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.bassemgd.com/xmlrpc.php?rsd">
<meta name="generator" content="WordPress 7.1">
<link rel="shortlink" href="https://www.bassemgd.com/">
<meta name="generator" content="Site Kit by Google 1.186.0">			<style>
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),
				.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) * {
					background-image: none !important;
				}
				@media screen and (max-height: 1024px) {
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),
					.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) * {
						background-image: none !important;
					}
				}
				@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 id="uagb-style-frontend-769">.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media(max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media(max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}</style><link rel="icon" href="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-Bassem-Mohammed-Logo-32x32.jpg" sizes="32x32">
<link rel="icon" href="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-Bassem-Mohammed-Logo-192x192.jpg" sizes="192x192">
<link rel="apple-touch-icon" href="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-Bassem-Mohammed-Logo-180x180.jpg">
<meta name="msapplication-TileImage" content="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-Bassem-Mohammed-Logo-270x270.jpg">
<style id="loftloader-lite-custom-bg-color">#loftloader-wrapper .loader-section {
	background: #000000;
}
</style><style id="loftloader-lite-custom-bg-opacity">#loftloader-wrapper .loader-section {
	opacity: 1;
}
</style><style id="loftloader-lite-custom-loader">#loftloader-wrapper.pl-imgloading #loader {
	width: 150px;
}
#loftloader-wrapper.pl-imgloading #loader span {
	background-size: cover;
	background-image: url(https://www.bassemgd.com/wp-content/uploads/2026/04/My-Logo_bassem.svg);
}
</style><style id="wp-custom-css">
/** Start Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/

.envato-kit-138-bracket .elementor-widget-container > *:before{
	content:"[";
	color:#D4AE78;
	display:inline-block;
	margin-right:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}

.envato-kit-138-bracket .elementor-widget-container > *:after{
	content:"]";
	color:#D4AE78;
	display:inline-block;
	margin-left:4px;
	line-height:1em;
	position:relative;
	top:-1px;
}

/** End Block Kit CSS: 141-3-1d55f1e76be9fb1a8d9de88accbe962f **/

.ai-showcase-wrapper { margin: 0 !important; padding: 0 !important; }

selector { margin: 0 !important; padding: 0 !important; overflow: visible; }
</style>
<script type="text/javascript">window.AllyRemediations = {"remediations":[{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[1]\/div\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[1]\/div\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[2]\/div\/h5","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[2]\/div\/h5","attribute_name":"aria-level","attribute_value":"3","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div\/div[3]\/div\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div\/div[3]\/div\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div\/div[4]\/div\/h4","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div\/div[4]\/div\/h4","attribute_name":"aria-level","attribute_value":"3","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div\/div[5]\/div\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div\/div[5]\/div\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[1]\/div\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[1]\/div\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[2]\/div\/h4","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[2]\/div\/h4","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[1]\/div\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[1]\/div\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[2]\/div\/h4","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[2]\/div\/h4","attribute_name":"aria-level","attribute_value":"3","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[3]\/div\/h6","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[3]\/div\/h6","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[4]\/div\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[4]\/div\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[4]\/div[2]\/div\/div\/div[3]\/div\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[4]\/div[2]\/div\/div\/div[3]\/div\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[1]\/div\/div\/h6","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[1]\/div\/div\/h6","attribute_name":"aria-level","attribute_value":"3","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[2]\/div\/div\/h6","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[2]\/div\/div\/h6","attribute_name":"aria-level","attribute_value":"4","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[3]\/div\/div\/h6","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[3]\/div\/div\/h6","attribute_name":"aria-level","attribute_value":"3","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[4]\/div\/div\/h6","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[11]\/div\/div\/div[4]\/div[4]\/div\/div\/h6","attribute_name":"aria-level","attribute_value":"4","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[1]\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[1]\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[2]\/h5","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[1]\/div\/div\/div[2]\/h5","attribute_name":"aria-level","attribute_value":"3","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div[2]\/div\/div[2]\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[2]\/div\/div[2]\/div\/div[2]\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[1]\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[1]\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[2]\/h4","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[1]\/div[2]\/div\/div\/div[2]\/h4","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[1]\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[1]\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[2]\/h4","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[2]\/div[2]\/div\/div\/div[2]\/h4","attribute_name":"aria-level","attribute_value":"4","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[2]\/h6","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[2]\/h6","attribute_name":"aria-level","attribute_value":"4","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[3]\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[3]\/div[2]\/div\/div\/div[3]\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[4]\/div[2]\/div\/div\/div[3]\/h4","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[4]\/div[2]\/div\/div\/div[3]\/h4","attribute_name":"aria-level","attribute_value":"4","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[4]\/div[2]\/div\/div\/div[2]\/h1","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/section[4]\/div[2]\/div\/div\/div[2]\/h1","attribute_name":"aria-level","attribute_value":"2","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[9]\/div\/div\/div[3]\/div[1]\/div\/h6","attribute_name":"role","attribute_value":"heading","global":"0"},{"category":"A","type":"ATTRIBUTE","action":"update","xpath":"\/html\/body\/div[2]\/div\/div\/div\/main\/article\/div\/div\/div[9]\/div\/div\/div[3]\/div[1]\/div\/h6","attribute_name":"aria-level","attribute_value":"6","global":"0"}]};</script><script type="text/javascript" src="https://www.bassemgd.com/wp-content/plugins/pojo-accessibility/assets/build/remediation-module.js"></script></head>

<body itemtype="https://schema.org/WebPage" itemscope="itemscope" class="home wp-singular page-template-default page page-id-769 wp-custom-logo wp-embed-responsive wp-theme-astra eio-default angie-default ecc-default ehf-template-astra ehf-stylesheet-astra manage-default ally-default esm-default ast-desktop ast-page-builder-template ast-no-sidebar astra-4.13.10 ast-single-post ast-replace-site-logo-transparent ast-inherit-site-logo-transparent ast-theme-transparent-header ast-hfb-header ast-full-width-primary-header loftloader-lite-enabled elementor-default elementor-kit-3891 elementor-page elementor-page-769"><div id="loftloader-wrapper" class="pl-imgloading" data-show-close-time="20000" data-max-load-time="70000"><div class="loader-section section-fade"></div><div class="loader-inner"><div id="loader"><div class="imgloading-container"><span style="background-image: url(https://www.bassemgd.com/wp-content/uploads/2026/04/My-Logo_bassem.svg);"></span></div><img width="150" height="150" data-no-lazy="1" class="skip-lazy" alt="loader image" src="https://www.bassemgd.com/wp-content/uploads/2026/04/My-Logo_bassem.svg"></div></div><div class="loader-close-button" style="display: none;"><span class="screen-reader-text">Close</span></div></div>
			<script data-cfasync="false">
			(function(){var mq=window.matchMedia('(max-width:921.99px)');function apply(isMobile){var b=document.body.classList;if(isMobile){b.add('ast-header-break-point');b.remove('ast-desktop');}else{b.remove('ast-header-break-point');b.add('ast-desktop');}}apply(mq.matches);if(mq.addEventListener){mq.addEventListener('change',function(e){apply(e.matches);});}else if(mq.addListener){mq.addListener(function(e){apply(e.matches);});}})();
			</script>
			
<a class="skip-link screen-reader-text" href="#content">
		Skip to content</a>

<div class="hfeed site" id="page">
			<header class="site-header header-main-layout-1 ast-primary-menu-enabled ast-hide-custom-menu-mobile ast-builder-menu-toggle-icon ast-mobile-header-inline" id="masthead" itemtype="https://schema.org/WPHeader" itemscope="itemscope" itemid="#masthead">
			<div id="ast-desktop-header" data-toggle-type="dropdown">
		<div class="ast-main-header-wrap main-header-bar-wrap ">
		<div class="ast-primary-header-bar ast-primary-header main-header-bar site-header-focus-item" data-section="section-primary-header-builder">
						<div class="site-primary-header-wrap ast-builder-grid-row-container site-header-focus-item ast-container" data-section="section-primary-header-builder">
				<div class="ast-builder-grid-row ast-builder-grid-row-has-sides ast-grid-center-col-layout">
											<div class="site-header-primary-section-left site-header-section ast-flex site-header-section-left">
									<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="title_tagline">
							<div class="site-branding ast-site-identity" itemtype="https://schema.org/Organization" itemscope="itemscope">
					<span class="site-logo-img"><a href="https://www.bassemgd.com/" class="custom-logo-link transparent-custom-logo" rel="home" itemprop="url" aria-label="Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist"><img width="63" height="63" src="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-My-Logo_Bassem-Mohammed-Nagah_02-2-63x63.webp" class="custom-logo" alt="Bassem Senior Graphic Designer" decoding="async" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-My-Logo_Bassem-Mohammed-Nagah_02-2.webp 1x, https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-My-Logo_Bassem-Mohammed-Nagah_02-2.webp 2x" sizes="(max-width: 63px) 100vw, 63px"></a></span>				</div>
			<!-- .site-branding -->
					</div>
												<div class="site-header-primary-section-left-center site-header-section ast-flex ast-grid-left-center-section">
																			</div>
															</div>
																		<div class="site-header-primary-section-center site-header-section ast-flex ast-grid-section-center">
										<div class="ast-builder-menu-1 ast-builder-menu ast-flex ast-builder-menu-1-focus-item ast-builder-layout-element site-header-focus-item" data-section="section-hb-menu-1">
			<div class="ast-main-header-bar-alignment"><div class="main-header-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item" id="primary-site-navigation-desktop" aria-label="Primary Site Navigation" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="main-navigation ast-inline-flex"><ul id="ast-hf-menu-1" class="main-header-menu ast-menu-shadow ast-nav-menu ast-flex  submenu-with-border astra-menu-animation-fade  ast-menu-hover-style-underline  stack-on-mobile"><li id="menu-item-771" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-769 current_page_item menu-item-771"><a href="https://www.bassemgd.com/" aria-current="page" class="menu-link">Home</a></li>
<li id="menu-item-772" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-772"><a href="https://www.bassemgd.com/portfolio/" class="menu-link">Portfolio</a></li>
<li id="menu-item-34" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="https://www.bassemgd.com/about-me/" class="menu-link">About Me</a></li>
<li id="menu-item-773" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-773"><a href="https://www.bassemgd.com/gallery/" class="menu-link">Gallery</a></li>
<li id="menu-item-35" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://www.bassemgd.com/contact/" class="menu-link">Contact</a></li>
</ul></div></nav></div></div>		</div>
									</div>
																			<div class="site-header-primary-section-right site-header-section ast-flex ast-grid-right-section">
																	<div class="site-header-primary-section-right-center site-header-section ast-flex ast-grid-right-center-section">
																			</div>
											<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="section-hb-social-icons-1">
			<div class="ast-header-social-1-wrap ast-header-social-wrap"><div class="header-social-inner-wrap element-social-inner-wrap social-show-label-false ast-social-color-type-custom ast-social-stack-none ast-social-element-style-filled"><a href="https://www.behance.net/bassemmohamme" aria-label="Behance" target="_blank" rel="noopener noreferrer" style="--color: #1B64F6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-behance header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512" role="presentation"><path d="M186.5 293c0 19.3-14 25.4-31.2 25.4h-45.1v-52.9h46c18.6.1 30.3 7.8 30.3 27.5zm-7.7-82.3c0-17.7-13.7-21.9-28.9-21.9h-39.6v44.8H153c15.1 0 25.8-6.6 25.8-22.9zm132.3 23.2c-18.3 0-30.5 11.4-31.7 29.7h62.2c-1.7-18.5-11.3-29.7-30.5-29.7zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zM271.7 185h77.8v-18.9h-77.8V185zm-43 110.3c0-24.1-11.4-44.9-35-51.6 17.2-8.2 26.2-17.7 26.2-37 0-38.2-28.5-47.5-61.4-47.5H68v192h93.1c34.9-.2 67.6-16.9 67.6-55.9zM380 280.5c0-41.1-24.1-75.4-67.6-75.4-42.4 0-71.1 31.8-71.1 73.6 0 43.3 27.3 73 71.1 73 33.2 0 54.7-14.9 65.1-46.8h-33.7c-3.7 11.9-18.6 18.1-30.2 18.1-22.4 0-34.1-13.1-34.1-35.3h100.2c.1-2.3.3-4.8.3-7.2z"></path></svg></span></a><a href="https://www.linkedin.com/in/bassem-mohammed-nagah-33b3a460/" aria-label="Linkedin" target="_blank" rel="noopener noreferrer" style="--color: #1c86c6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-linkedin header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></span></a><a href="https://www.imdb.com/name/nm13674561/?ref_=ttfc_fc_cr" aria-label="IMDB" target="_blank" rel="noopener noreferrer" style="--color: #000000; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-imdb header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.3 229.2H21c.1-.1.2-.3.3-.4zM97 319.8H64V192h33zm113.2 0h-28.7v-86.4l-11.6 86.4h-20.6l-12.2-84.5v84.5h-29V192h42.8c3.3 19.8 6 39.9 8.7 59.9l7.6-59.9h43zm11.4 0V192h24.6c17.6 0 44.7-1.6 49 20.9 1.7 7.6 1.4 16.3 1.4 24.4 0 88.5 11.1 82.6-75 82.5zm160.9-29.2c0 15.7-2.4 30.9-22.2 30.9-9 0-15.2-3-20.9-9.8l-1.9 8.1h-29.8V192h31.7v41.7c6-6.5 12-9.2 20.9-9.2 21.4 0 22.2 12.8 22.2 30.1zM265 229.9c0-9.7 1.6-16-10.3-16v83.7c12.2.3 10.3-8.7 10.3-18.4zm85.5 26.1c0-5.4 1.1-12.7-6.2-12.7-6 0-4.9 8.9-4.9 12.7 0 .6-1.1 39.6 1.1 44.7.8 1.6 2.2 2.4 3.8 2.4 7.8 0 6.2-9 6.2-14.4z"></path></svg></span></a><a href="https://www.instagram.com/bassem2015/" aria-label="Instagram" target="_blank" rel="noopener noreferrer" style="--color: #8a3ab9; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-instagram header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"></path></svg></span></a><a href="https://www.facebook.com/media.graphics.2015" aria-label="Facebook" target="_blank" rel="noopener noreferrer" style="--color: #557dbc; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-facebook header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg></span></a><a href="https://www.pinterest.com/bassemGD/" aria-label="Pinterest" target="_blank" rel="noopener noreferrer" style="--color: #ea575a; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-pinterest header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"></path></svg></span></a><a href="https://www.artstation.com/bassemmohammednagah7" aria-label="Artstation" target="_blank" rel="noopener noreferrer" style="--color: #d77ea6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-dribbble header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M2 377.4l43 74.3A51.35 51.35 0 0 0 90.9 480h285.4l-59.2-102.6zM501.8 350L335.6 59.3A51.38 51.38 0 0 0 290.2 32h-88.4l257.3 447.6 40.7-70.5c1.9-3.2 21-29.7 2-59.1zM275 304.5l-115.5-200L44 304.5z"></path></svg></span></a><a href="https://x.com/Bassem2012Uae" aria-label="Twitter / X" target="_blank" rel="noopener noreferrer" style="--color: #000000; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-twitter-x header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z"></path></svg></span></a></div></div>		</div>
									</div>
												</div>
					</div>
								</div>
			</div>
	</div> <!-- Main Header Bar Wrap -->
<div id="ast-mobile-header" class="ast-mobile-header-wrap " data-type="dropdown">
		<div class="ast-main-header-wrap main-header-bar-wrap">
		<div class="ast-primary-header-bar ast-primary-header main-header-bar site-primary-header-wrap site-header-focus-item ast-builder-grid-row-layout-default ast-builder-grid-row-tablet-layout-default ast-builder-grid-row-mobile-layout-default" data-section="section-transparent-header">
									<div class="ast-builder-grid-row ast-builder-grid-row-has-sides ast-builder-grid-row-no-center">
													<div class="site-header-primary-section-left site-header-section ast-flex site-header-section-left">
										<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="title_tagline">
							<div class="site-branding ast-site-identity" itemtype="https://schema.org/Organization" itemscope="itemscope">
					<span class="site-logo-img"><a href="https://www.bassemgd.com/" class="custom-logo-link transparent-custom-logo" rel="home" itemprop="url" aria-label="Bassem Mohammed Nagah | Senior Graphic Designer Multimedia Artist"><img width="63" height="63" src="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-My-Logo_Bassem-Mohammed-Nagah_02-2-63x63.webp" class="custom-logo" alt="Bassem Senior Graphic Designer" decoding="async" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-My-Logo_Bassem-Mohammed-Nagah_02-2.webp 1x, https://www.bassemgd.com/wp-content/uploads/2024/08/cropped-My-Logo_Bassem-Mohammed-Nagah_02-2.webp 2x" sizes="(max-width: 63px) 100vw, 63px"></a></span>				</div>
			<!-- .site-branding -->
					</div>
									</div>
																									<div class="site-header-primary-section-right site-header-section ast-flex ast-grid-right-section">
										<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="section-header-mobile-trigger">
						<div class="ast-button-wrap">
				<button type="button" class="menu-toggle main-header-menu-toggle ast-mobile-menu-trigger-outline" aria-expanded="false" aria-label="Main menu toggle">
					<span class="mobile-menu-toggle-icon">
						<span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg class="ast-mobile-svg ast-menu2-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="28" viewbox="0 0 24 28"><path d="M24 21v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 13v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1zM24 5v2c0 0.547-0.453 1-1 1h-22c-0.547 0-1-0.453-1-1v-2c0-0.547 0.453-1 1-1h22c0.547 0 1 0.453 1 1z"></path></svg></span><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg class="ast-mobile-svg ast-close-svg" fill="currentColor" version="1.1" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24"><path d="M5.293 6.707l5.293 5.293-5.293 5.293c-0.391 0.391-0.391 1.024 0 1.414s1.024 0.391 1.414 0l5.293-5.293 5.293 5.293c0.391 0.391 1.024 0.391 1.414 0s0.391-1.024 0-1.414l-5.293-5.293 5.293-5.293c0.391-0.391 0.391-1.024 0-1.414s-1.024-0.391-1.414 0l-5.293 5.293-5.293-5.293c-0.391-0.391-1.024-0.391-1.414 0s-0.391 1.024 0 1.414z"></path></svg></span>					</span>
									</button>
			</div>
					</div>
									</div>
											</div>
						</div>
	</div>
				<div class="ast-mobile-header-content content-align-center ">
						<div class="ast-builder-menu-mobile ast-builder-menu ast-builder-menu-mobile-focus-item ast-builder-layout-element site-header-focus-item" data-section="section-header-mobile-menu">
			<div class="ast-main-header-bar-alignment"><div class="main-header-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility site-header-focus-item" id="ast-mobile-site-navigation" aria-label="Site Navigation: Main menu" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="main-navigation"><ul id="ast-hf-mobile-menu" class="main-header-menu ast-nav-menu ast-flex  submenu-with-border astra-menu-animation-fade  stack-on-mobile"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-769 current_page_item menu-item-771"><a href="https://www.bassemgd.com/" aria-current="page" class="menu-link">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-772"><a href="https://www.bassemgd.com/portfolio/" class="menu-link">Portfolio</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="https://www.bassemgd.com/about-me/" class="menu-link">About Me</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-773"><a href="https://www.bassemgd.com/gallery/" class="menu-link">Gallery</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://www.bassemgd.com/contact/" class="menu-link">Contact</a></li>
</ul></div></nav></div></div>		</div>
				<div class="ast-builder-layout-element ast-flex site-header-focus-item" data-section="section-hb-social-icons-1">
			<div class="ast-header-social-1-wrap ast-header-social-wrap"><div class="header-social-inner-wrap element-social-inner-wrap social-show-label-false ast-social-color-type-custom ast-social-stack-none ast-social-element-style-filled"><a href="https://www.behance.net/bassemmohamme" aria-label="Behance" target="_blank" rel="noopener noreferrer" style="--color: #1B64F6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-behance header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M186.5 293c0 19.3-14 25.4-31.2 25.4h-45.1v-52.9h46c18.6.1 30.3 7.8 30.3 27.5zm-7.7-82.3c0-17.7-13.7-21.9-28.9-21.9h-39.6v44.8H153c15.1 0 25.8-6.6 25.8-22.9zm132.3 23.2c-18.3 0-30.5 11.4-31.7 29.7h62.2c-1.7-18.5-11.3-29.7-30.5-29.7zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zM271.7 185h77.8v-18.9h-77.8V185zm-43 110.3c0-24.1-11.4-44.9-35-51.6 17.2-8.2 26.2-17.7 26.2-37 0-38.2-28.5-47.5-61.4-47.5H68v192h93.1c34.9-.2 67.6-16.9 67.6-55.9zM380 280.5c0-41.1-24.1-75.4-67.6-75.4-42.4 0-71.1 31.8-71.1 73.6 0 43.3 27.3 73 71.1 73 33.2 0 54.7-14.9 65.1-46.8h-33.7c-3.7 11.9-18.6 18.1-30.2 18.1-22.4 0-34.1-13.1-34.1-35.3h100.2c.1-2.3.3-4.8.3-7.2z"></path></svg></span></a><a href="https://www.linkedin.com/in/bassem-mohammed-nagah-33b3a460/" aria-label="Linkedin" target="_blank" rel="noopener noreferrer" style="--color: #1c86c6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-linkedin header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></span></a><a href="https://www.imdb.com/name/nm13674561/?ref_=ttfc_fc_cr" aria-label="IMDB" target="_blank" rel="noopener noreferrer" style="--color: #000000; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-imdb header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.3 229.2H21c.1-.1.2-.3.3-.4zM97 319.8H64V192h33zm113.2 0h-28.7v-86.4l-11.6 86.4h-20.6l-12.2-84.5v84.5h-29V192h42.8c3.3 19.8 6 39.9 8.7 59.9l7.6-59.9h43zm11.4 0V192h24.6c17.6 0 44.7-1.6 49 20.9 1.7 7.6 1.4 16.3 1.4 24.4 0 88.5 11.1 82.6-75 82.5zm160.9-29.2c0 15.7-2.4 30.9-22.2 30.9-9 0-15.2-3-20.9-9.8l-1.9 8.1h-29.8V192h31.7v41.7c6-6.5 12-9.2 20.9-9.2 21.4 0 22.2 12.8 22.2 30.1zM265 229.9c0-9.7 1.6-16-10.3-16v83.7c12.2.3 10.3-8.7 10.3-18.4zm85.5 26.1c0-5.4 1.1-12.7-6.2-12.7-6 0-4.9 8.9-4.9 12.7 0 .6-1.1 39.6 1.1 44.7.8 1.6 2.2 2.4 3.8 2.4 7.8 0 6.2-9 6.2-14.4z"></path></svg></span></a><a href="https://www.instagram.com/bassem2015/" aria-label="Instagram" target="_blank" rel="noopener noreferrer" style="--color: #8a3ab9; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-instagram header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"></path></svg></span></a><a href="https://www.facebook.com/media.graphics.2015" aria-label="Facebook" target="_blank" rel="noopener noreferrer" style="--color: #557dbc; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-facebook header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg></span></a><a href="https://www.pinterest.com/bassemGD/" aria-label="Pinterest" target="_blank" rel="noopener noreferrer" style="--color: #ea575a; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-pinterest header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"></path></svg></span></a><a href="https://www.artstation.com/bassemmohammednagah7" aria-label="Artstation" target="_blank" rel="noopener noreferrer" style="--color: #d77ea6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-dribbble header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M2 377.4l43 74.3A51.35 51.35 0 0 0 90.9 480h285.4l-59.2-102.6zM501.8 350L335.6 59.3A51.38 51.38 0 0 0 290.2 32h-88.4l257.3 447.6 40.7-70.5c1.9-3.2 21-29.7 2-59.1zM275 304.5l-115.5-200L44 304.5z"></path></svg></span></a><a href="https://x.com/Bassem2012Uae" aria-label="Twitter / X" target="_blank" rel="noopener noreferrer" style="--color: #000000; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-twitter-x header-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z"></path></svg></span></a></div></div>		</div>
					</div>
			</div>
		</header><!-- #masthead -->
			<div id="content" class="site-content">
		<div class="ast-container">
		

	<div id="primary" class="content-area primary">

		
					<main id="main" class="site-main">
				<article class="post-769 page type-page status-publish ast-article-single" id="post-769" itemtype="https://schema.org/CreativeWork" itemscope="itemscope">
	
				<header class="entry-header ast-no-title ast-header-without-markup">
							</header> <!-- .entry-header -->
		
<div class="entry-content clear" itemprop="text">

	
			<div data-elementor-type="wp-page" data-elementor-id="769" class="elementor elementor-769">
				<div class="elementor-element elementor-element-beb9611 e-con-full e-flex elementor-invisible e-con e-parent" data-id="beb9611" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeIn"}'>
				<div class="elementor-element elementor-element-9b55e2b elementor-widget elementor-widget-html" data-id="9b55e2b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<!-- &#9989; Elementor HTML Widget - Updated v4 -->

<div id="bn-wrap">
  <canvas id="bn-canvas"></canvas>

  <!-- Top gradient for menu/logo visibility -->
  <div id="bn-top-fade"></div>

  <div id="bn-text">
    <h1>WELCOME TO</h1>
       <h1>"BASSEM GD"</h1>
    <p>Creative Designer &amp; Visual Innovatorb</p>
  </div>
</div>

<style>
#bn-wrap {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background:
    radial-gradient(circle at 80% 15%, rgba(212,174,120,0.13), transparent 30%),
    radial-gradient(circle at 10% 85%, rgba(125,91,255,0.11), transparent 30%),
    #070707;
}

/* Vignette */
#bn-wrap::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;
  background: radial-gradient(circle at center, transparent 38%, rgba(0,0,0,0.70) 100%);
}

/* Top black gradient — covers menu area */
#bn-top-fade {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 140px;
  background: linear-gradient(to bottom, rgba(0,0,0,0.82) 0%, rgba(0,0,0,0.0) 100%);
  pointer-events: none;
  z-index: 3;
}

#bn-canvas {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 1;
}

#bn-text {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 18px;
  z-index: 5;
  pointer-events: none;
  text-align: center;
  padding: 0 20px;
}

/* Gold name */
#bn-text h1 {
  background: linear-gradient(135deg, #F0D080 0%, #D4AE78 40%, #C49A55 70%, #E8C87A 100%) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
  font-size: clamp(38px, 7vw, 88px) !important;
  font-weight: 700 !important;
  letter-spacing: clamp(4px, 0.8vw, 14px) !important;
  text-transform: uppercase !important;
  font-family: 'Inter', sans-serif !important;
  margin: 0 !important;
  line-height: 1.1 !important;
  filter: drop-shadow(0 0 28px rgba(212,174,120,0.35)) !important;
}

#bn-text p {
  color: rgba(245,240,232,0.45) !important;
  font-size: 15px !important;
  text-transform: uppercase !important;
  letter-spacing: 5px !important;
  font-family: 'Inter', sans-serif !important;
  margin: 0 !important;
}
</style>

<script>
(function(){

  var WORDS = ["creative","cinematic","branding","future","visuals","editing","motion","KADI & ASEEL",
    "storytelling","luxury","innovation","films","technology","identity",
    "cinema","premium","concept","KADI & ASEEL","media","production","design","bassmgd"];

  var COLORS = ["#D4AE78","#B794F4","#79B8FF","#65E4A3","#F5F0E8"];

  var NODE_COUNT   = 130;
  var NODE_COUNT_M = 65;
  var NODE_MIN_R   = 2.5;
  var NODE_MAX_R   = 5.0;
  var SPEED        = 0.20;
  var CONN_DIST    = 200;
  var CONN_ALPHA   = 0.55;
  var LINE_W       = 1.5;
  var FONT_SIZE    = 13;
  var FONT_ALPHA   = 0.82;
  var REPULSE_R    = 220;

  var CONN_SQ = CONN_DIST * CONN_DIST;
  var REP_SQ  = REPULSE_R * REPULSE_R;

  function waitAndStart() {
    var wrap   = document.getElementById("bn-wrap");
    var canvas = document.getElementById("bn-canvas");
    if (!wrap || !canvas) { setTimeout(waitAndStart, 100); return; }

    var tries = 0;
    function checkSize() {
      tries++;
      var W = wrap.offsetWidth;
      var H = wrap.offsetHeight;
      if ((W < 10 || H < 10) && tries < 30) { setTimeout(checkSize, 100); return; }
      start(wrap, canvas);
    }
    checkSize();
  }

  function start(wrap, canvas) {
    var ctx = canvas.getContext("2d");
    var w = 0, h = 0, nodes = [];
    var mx = -9999, my = -9999;

    function resize() {
      w = canvas.width  = wrap.offsetWidth;
      h = canvas.height = wrap.offsetHeight;
      if (w < 10 || h < 10) return;
      buildNodes();
    }

    function buildNodes() {
      var count = w < 600 ? NODE_COUNT_M : NODE_COUNT;
      nodes = [];
      for (var i = 0; i < count; i++) {
        nodes.push({
          x    : Math.random() * w,
          y    : Math.random() * h,
          vx   : (Math.random() - 0.5) * SPEED,
          vy   : (Math.random() - 0.5) * SPEED,
          r    : Math.random() * (NODE_MAX_R - NODE_MIN_R) + NODE_MIN_R,
          text : WORDS[Math.floor(Math.random() * WORDS.length)],
          color: COLORS[Math.floor(Math.random() * COLORS.length)]
        });
      }
    }

    wrap.addEventListener("mousemove", function(e) {
      var rect = wrap.getBoundingClientRect();
      mx = e.clientX - rect.left;
      my = e.clientY - rect.top;
    });
    wrap.addEventListener("mouseleave", function() { mx = -9999; my = -9999; });

    function drawLines() {
      var len = nodes.length;
      for (var a = 0; a < len - 1; a++) {
        var na = nodes[a];
        for (var b = a + 1; b < len; b++) {
          var nb = nodes[b];
          var dx = na.x - nb.x, dy = na.y - nb.y;
          var dSq = dx*dx + dy*dy;
          if (dSq < CONN_SQ) {
            var ratio = 1 - Math.sqrt(dSq) / CONN_DIST;
            ctx.beginPath();
            ctx.strokeStyle = "rgba(212,174,120," + (ratio * CONN_ALPHA).toFixed(3) + ")";
            ctx.lineWidth   = LINE_W * ratio + 0.4;
            ctx.moveTo(na.x, na.y);
            ctx.lineTo(nb.x, nb.y);
            ctx.stroke();
          }
        }
      }
    }

    function tick() {
      requestAnimationFrame(tick);
      if (w < 10 || h < 10) return;

      ctx.clearRect(0, 0, w, h);
      ctx.font = "500 " + FONT_SIZE + "px Inter,sans-serif";

      drawLines();

      var len = nodes.length;
      for (var i = 0; i < len; i++) {
        var n = nodes[i];

        n.x += n.vx;
        n.y += n.vy;

        if (n.x < -60)        n.x = w + 60;
        else if (n.x > w+60)  n.x = -60;
        if (n.y < -60)        n.y = h + 60;
        else if (n.y > h+60)  n.y = -60;

        var dx = n.x - mx, dy = n.y - my;
        var dSq = dx*dx + dy*dy;
        if (dSq < REP_SQ && dSq > 0) {
          var f = (1 - dSq / REP_SQ) * 0.014;
          n.x += dx * f;
          n.y += dy * f;
        }

        ctx.beginPath();
        ctx.fillStyle = n.color + "28";
        ctx.arc(n.x, n.y, n.r * 3.5, 0, 6.2832);
        ctx.fill();

        ctx.beginPath();
        ctx.fillStyle = n.color;
        ctx.arc(n.x, n.y, n.r, 0, 6.2832);
        ctx.fill();

        ctx.fillStyle = "rgba(245,240,232," + FONT_ALPHA + ")";
        ctx.fillText(n.text, n.x + n.r + 7, n.y + 5);
      }
    }

    var resizeTimer;
    window.addEventListener("resize", function() {
      clearTimeout(resizeTimer);
      resizeTimer = setTimeout(resize, 80);
    });

    resize();
    tick();
  }

  if (document.readyState === "complete") {
    setTimeout(waitAndStart, 50);
  } else {
    window.addEventListener("load", function() { setTimeout(waitAndStart, 50); });
  }

})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-753f7c5d e-con-full e-flex e-con e-parent" data-id="753f7c5d" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7c7a574c elementor-widget elementor-widget-html" data-id="7c7a574c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Infinite Marquee</title>

<style>

/* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* SECTION */
.marquee-section{
  width:100%;
  overflow:hidden;
  background:#000;
  padding:28px 0;
  border-top:2px solid #D4AE78;
  border-bottom:2px solid #D4AE78;
  position:relative;
}

/* fade edges */
.marquee-section::before,
.marquee-section::after{
  content:'';
  position:absolute;
  top:0;
  width:120px;
  height:100%;
  pointer-events:none;
  z-index:2;
}

.marquee-section::before{
  left:0;
  background:linear-gradient(to right,#000,transparent);
}

.marquee-section::after{
  right:0;
  background:linear-gradient(to left,#000,transparent);
}

/* TRACK */
.marquee-track{
  display:flex;
  white-space:nowrap;
  align-items:center;
  overflow:hidden;
}

/* GROUP */
.marquee-group{
  display:flex;
  align-items:center;
  gap:55px;
  padding-right:55px;
  flex-shrink:0;
}

/* ITEM */
.marquee-item{
  display:flex;
  align-items:center;
  gap:14px;

  font-size:16px;
  letter-spacing:3px;
  text-transform:uppercase;

  color:#A0A0A0;
  font-weight:300;
  font-family:sans-serif;

  white-space:nowrap;
  transition:.10s ease;

  position:relative;
}

/* icon */
.marquee-item img{
  width:24px;
  height:24px;
  object-fit:contain;
}

/* separator */
.marquee-item:not(:last-child)::after{
  content:"|";
  position:absolute;
  right:-30px;
  top:50%;
  transform:translateY(-50%);
  color:#D4AE78;
  font-size:18px;
  opacity:0.8;
}

/* hover */
.marquee-item:hover{
  color:#fff;
  transform:translateY(-2px);
}

/* RESPONSIVE */
@media(max-width:768px){

  .marquee-group{
    gap:35px;
    padding-right:35px;
  }

  .marquee-item{
    font-size:12px;
    letter-spacing:2px;
  }

  .marquee-item img{
    width:18px;
    height:18px;
  }

  .marquee-item:not(:last-child)::after{
    right:-20px;
    font-size:14px;
  }
}

</style>




<div class="marquee-section">
  <div class="marquee-track" id="track">

    <div class="marquee-group">

      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop.svg">Adobe Photoshop</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/illustrator.svg">Adobe Illustrator</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/indesign.svg">Adobe InDesign</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/dimension.svg">Adobe Dimension</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop-lightroom.svg">Adobe Lightroom</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/premiere.svg">Adobe Premiere Pro</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/audition.svg">Adobe Audition</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/after-effects.svg">Adobe After Effects</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/media-encoder.svg">Adobe Media Encoder</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Davinci.svg">DaVinci Resolve</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/blender.svg">Blender</span>
      
         <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop.svg">Adobe Photoshop</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/illustrator.svg">Adobe Illustrator</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/indesign.svg">Adobe InDesign</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/dimension.svg">Adobe Dimension</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop-lightroom.svg">Adobe Lightroom</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/premiere.svg">Adobe Premiere Pro</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/audition.svg">Adobe Audition</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/after-effects.svg">Adobe After Effects</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/media-encoder.svg">Adobe Media Encoder</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Davinci.svg">DaVinci Resolve</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/blender.svg">Blender</span>

    </div>

  </div>
</div>

<script>

/* ================= FIXED INFINITE LOOP ================= */

const track = document.getElementById("track");
const group = document.querySelector(".marquee-group");

// duplicate content
track.appendChild(group.cloneNode(true));

let speed = 0.8;

function animate(){
  track.scrollLeft += speed;

  // reset exactly when first group ends
  if(track.scrollLeft >= group.scrollWidth){
    track.scrollLeft = 0;
  }

  requestAnimationFrame(animate);
}

animate();

</script>


				</div>
				</div>
		<div class="elementor-element elementor-element-cdb9bcb e-con-full e-flex e-con e-parent" data-id="cdb9bcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-9dc3015 elementor-widget elementor-widget-html" data-id="9dc3015" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div style="height:30px;"></div>

<div class="master-tv-glitch-viewport" id="glitchViewport">

    <div class="interactive-word-cloud" id="wordCloudContainer"></div>

    <div class="vhs-scanlines"></div>

    <div class="chaotic-bg-glitch"></div>

    <div class="cyber-matrix-grid"></div>

    <div class="scifi-layout-container">

        <div class="hologram-image-frame">
            <div class="side-vertical-label">GRAPHIC DESIGN &bull; MULTIMEDIA &bull; EDITING</div>

            <div class="photo-inner">
                <div class="rec-indicator"><span class="rec-dot"></span>REC</div>
                <div class="rec-timecode" id="recTimecode">00:00:00:00</div>
                <div class="laser-scanner-line"></div>

                <img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/06/Bassem-Nagah_New_002.jpg" alt="Bassem Mohamed Nagah" class="profile-hologram-img">
            </div>

            <div class="frame-footer">
                <span class="footer-left">PORTRAIT &mdash; DUBAI, UAE</span>
                <span class="footer-right">AR 4:5</span>
            </div>
        </div>

        <div class="scifi-data-panel">

            <div class="hud-location-wrapper">
                <div class="design-selection-frame small-ui">
                    <div class="anchor-point ap-tl"></div>
                    <div class="anchor-point ap-tr"></div>
                    <div class="anchor-point ap-bl"></div>
                    <div class="anchor-point ap-br"></div>

                    <div class="hud-location-badge">
                        <span class="beacon-pulse"></span> LOC // Dubai. UAE.
                    </div>
                </div>
            </div>
            <div class="identity-wrapper">
                <div class="design-selection-frame name-ui-frame">
                    <div class="design-info-badge">W: 100% | H: AUTO | X: 0.0 | Y: 0.0</div>

                    <div class="anchor-point ap-tl"></div>
                    <div class="anchor-point ap-tr"></div>
                    <div class="anchor-point ap-bl"></div>
                    <div class="anchor-point ap-br"></div>
                    <div class="anchor-point ap-tc"></div>
                    <div class="anchor-point ap-bc"></div>
                    <div class="anchor-point ap-lc"></div>
                    <div class="anchor-point ap-rc"></div>

                    <h1 class="main-glitch-name" data-text="BASSEM">BASSEM</h1>

                    <h2 class="sub-mono-name">MOHAMED NAGAH</h2>

                    <div class="layer-label">Layer: Header_Text_Main</div>
                </div>
            </div>

            <div class="job-tech-box">
                <span class="terminal-cursor">_</span>
                <h3 class="job-title-text">Senior Graphic Designer, Multimedia Artist &amp; Editor</h3>
            </div>

            <p class="scifi-paragraph-desc">
                Senior Graphic Designer &amp; Montage Editing Specialist delivering high-quality, innovative multimedia designs. Skilled in branding, illustration, and photography, bringing versatile creative solutions to every project.
            </p>

            <a href="https://www.bassemgd.com/about-me" class="action-cyber-trigger">
                <span class="btn-text-inner">MORE ABOUT ME</span>
                <span class="btn-arrow-icon">_&gt;</span>
            </a>
        </div>

    </div>
</div>

<div style="height:30px;"></div>

<style>
/* =====================================================
   BASSEMGD.COM — Design tokens (shared across the site)
   ===================================================== */
.master-tv-glitch-viewport {
    --gold-1: #D4AE78;   /* primary accent gold */
    --gold-2: #C9A84C;   /* fill-slide gradient gold */
    --gold-3: #B8965A;   /* deep accent gold */
    --bg-deep: #020204;  /* near-black background */
    --bg-panel: #0a0805; /* panel background */
    --text-muted: #a4b3c6;

    background-color: var(--bg-deep) !important;
    font-family: 'Tahoma', 'Segoe UI', sans-serif !important;
    padding: 80px 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    z-index: 1;
    box-sizing: border-box;
}

.master-tv-glitch-viewport *,
.master-tv-glitch-viewport *::before,
.master-tv-glitch-viewport *::after {
    box-sizing: border-box;
    font-family: 'Tahoma', 'Segoe UI', sans-serif !important;
}

/* طبقة الكلمات التفاعلية في الخلفية */
.interactive-word-cloud {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 2;
    pointer-events: none;
    overflow: hidden;
}

.floating-word {
    position: absolute;
    color: rgba(212, 174, 120, 0.07);
    font-size: 14px !important;
    font-weight: 300 !important;
    white-space: nowrap;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    will-change: transform;
    transition: color 0.3s ease;
}

.floating-word.active-node {
    color: rgba(255, 255, 255, 0.8) !important;
    text-shadow: 0 0 8px rgba(212, 174, 120, 0.9);
    font-weight: bold !important;
}

/* 1. خطوط التلفزيون الرفيعة */
.vhs-scanlines {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.5) 50%);
    background-size: 100% 4px;
    z-index: 4;
    pointer-events: none;
    opacity: 0.56;
}

/* 2. تأثير الجليتش اللوني العنيف */
.chaotic-bg-glitch {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 3;
    pointer-events: none;
    overflow: hidden;
}

.chaotic-bg-glitch::before, .chaotic-bg-glitch::after {
    content: '';
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background: repeating-linear-gradient(
        0deg,
        rgba(0, 255, 235, 0.07) 0px,
        rgba(255, 0, 140, 0.07) 3px,
        transparent 3px,
        transparent 9px
    );
    animation: tvStaticChaotic 0.2s infinite linear;
}

.chaotic-bg-glitch::after {
    background: linear-gradient(0deg, rgba(255,0,128,0.14) 10%, rgba(0,255,255,0.14) 20%, rgba(0,255,0,0.1) 40%, transparent 60%);
    background-size: 100% 300px;
    animation: blockGlitch 0.5s infinite steps(4);
    mix-blend-mode: screen;
}

@keyframes tvStaticChaotic {
    0% { transform: translate(0, 0) skew(0deg); filter: contrast(1.5) brightness(1); }
    20% { transform: translate(-3px, 2px) skew(1deg); }
    40% { transform: translate(2px, -2px) skew(-1deg); }
    60% { transform: translate(-1px, 2px); }
    80% { transform: translate(4px, -1px) skew(2deg); }
    100% { transform: translate(-2px, -2px) skew(0deg); filter: contrast(1.8) brightness(1.2); }
}

@keyframes blockGlitch {
    0% { transform: translateY(0) scaleY(1); opacity: 0.4; }
    30% { transform: translateY(10%) scaleY(1.3); opacity: 0.2; }
    60% { transform: translateY(-15%) scaleX(1.1); opacity: 0.5; }
    90% { transform: translateY(5%) scaleY(0.9); opacity: 0.3; }
    100% { transform: translateY(0) scaleY(1); opacity: 0.4; }
}

/* 3. شبكة الـ HUD الخلفية */
.cyber-matrix-grid {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    background-image:
        linear-gradient(rgba(212, 174, 120, 0.02) 1px, transparent 1px),
        linear-gradient(90deg, rgba(212, 174, 120, 0.02) 1px, transparent 1px);
    background-size: 50px 50px;
    background-position: center;
    z-index: 1;
    pointer-events: none;
}

/* الهيكل الإنشائي للقسم — موحّد مع الحاوية العامة للموقع (max-width: 1600px) */
.scifi-layout-container {
    max-width: 1600px;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 14px;
    align-items: center;
    position: relative;
    z-index: 5;
}

/* إطار الصورة الشخصية — الصورة تملأ الإطار بالكامل والعناصر تطفو فوقها */
.hologram-image-frame {
    position: relative !important;
    width: 100% !important;
    max-width: 480px;
    aspect-ratio: 4 / 5 !important;
    background: var(--bg-panel);
    border: 1px solid rgba(212, 174, 120, 0.25);
    box-shadow: 0 0 30px rgba(212, 174, 120, 0.05);
    justify-self: center;
    overflow: hidden !important;
    transition: all 0.3s;
}
.hologram-image-frame:hover { border-color: var(--gold-1); box-shadow: 0 0 40px rgba(212, 174, 120, 0.3); }

/* النص العمودي الجانبي - فوق الصورة مباشرة */
.side-vertical-label {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    writing-mode: vertical-rl;
    color: var(--gold-1);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 4px;
    opacity: 0.95;
    white-space: nowrap;
    z-index: 6;
    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 0 2px rgba(0,0,0,0.9);
}

/* حاوية الصورة الداخلية - تملأ الإطار بالكامل */
.photo-inner {
    position: absolute !important;
    inset: 0 !important;
    top: 0 !important; left: 0 !important; right: 0 !important; bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden;
}

.profile-hologram-img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover !important;
    object-position: center top !important;
    opacity: 0.9;
    transition: all 0.3s;
    filter: grayscale(8%);
    margin: 0 !important;
}
.hologram-image-frame:hover .profile-hologram-img { opacity: 1; filter: grayscale(0%); }

.laser-scanner-line {
    position: absolute; top: 0; left: 0; width: 100%; height: 3px;
    background: var(--gold-1); box-shadow: 0 0 15px var(--gold-1); animation: laserVertical 3.5s linear infinite; z-index: 5;
}
@keyframes laserVertical { 0% { top: 0%; } 100% { top: 100%; } }

/* مؤشر REC */
.rec-indicator {
    position: absolute; top: 14px; left: 40px; z-index: 6;
    display: flex; align-items: center; gap: 6px;
    font-size: 11px; font-weight: bold; letter-spacing: 2px;
    color: #ff3b3b;
    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 0 6px rgba(255, 59, 59, 0.6);
}
.rec-dot { width: 7px; height: 7px; border-radius: 50%; background: #ff3b3b; box-shadow: 0 0 8px #ff3b3b; animation: recBlink 1s infinite; }
@keyframes recBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0.2; } }

/* التايم كود المتحرك */
.rec-timecode {
    position: absolute; top: 14px; right: 14px; z-index: 6;
    font-size: 11px; letter-spacing: 1px; color: var(--gold-1);
    font-variant-numeric: tabular-nums;
    text-shadow: 0 0 6px rgba(0,0,0,0.9), 0 0 6px rgba(212, 174, 120, 0.5);
}

/* شريط سفلي للمعلومات - فوق الصورة مع تظليل خفيف لسهولة القراءة */
.frame-footer {
    position: absolute;
    left: 40px; right: 14px; bottom: 12px;
    z-index: 6;
    display: flex; justify-content: space-between; align-items: center;
    font-size: 10px; font-weight: 700; letter-spacing: 2px;
    color: rgba(212, 174, 120, 0.95);
    white-space: nowrap;
    text-shadow: 0 0 6px rgba(0,0,0,0.9);
}
.hologram-image-frame::after {
    content: '';
    position: absolute;
    left: 0; right: 0; bottom: 0; height: 90px;
    background: linear-gradient(to top, rgba(2,2,4,0.85), transparent);
    z-index: 5;
    pointer-events: none;
}

/* نصوص لوحة التحكم */
.scifi-data-panel { display: flex; flex-direction: column; gap: 20px; width: 100%; }

.hud-location-wrapper {
    margin-bottom: 35px;
    transform: translateY(-15px);
    display: flex;
    justify-content: flex-start;
    position: relative;
    z-index: 10;
}

.hud-location-badge { font-size: 12px; color: var(--gold-1); display: flex; align-items: center; gap: 8px; letter-spacing: 2px; font-weight: bold; }
.beacon-pulse { width: 6px; height: 6px; background: var(--gold-1); border-radius: 50%; box-shadow: 0 0 8px var(--gold-1); animation: pulseBeacon 1.5s infinite; }
@keyframes pulseBeacon { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.4); opacity: 0.4; } }

.identity-wrapper { display: flex; flex-direction: column; width: 100%; }

/* --- DESIGN UI SELECTION FRAME --- */
.design-selection-frame {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    border: 1px solid var(--gold-1);
    margin-bottom: 10px;
    width: max-content;
}

.design-selection-frame.name-ui-frame {
    display: flex;
    flex-direction: column;
    width: max-content;
    padding: 12px 24px 20px 24px;
}

.design-selection-frame.small-ui {
    padding: 6px 12px;
    border-color: rgba(212, 174, 120, 0.6);
}

.design-info-badge {
    position: absolute;
    top: -24px;
    left: -1px;
    background: var(--gold-1);
    color: var(--bg-deep);
    font-size: 9px;
    font-weight: bold;
    padding: 2px 6px;
    white-space: nowrap;
    letter-spacing: 1px;
    pointer-events: none;
}

.anchor-point {
    position: absolute;
    width: 6px;
    height: 6px;
    background-color: #ffffff;
    border: 1px solid var(--gold-1);
    z-index: 10;
}
.ap-tl { top: -4px; left: -4px; }
.ap-tr { top: -4px; right: -4px; }
.ap-bl { bottom: -4px; left: -4px; }
.ap-br { bottom: -4px; right: -4px; }
.ap-tc { top: -4px; left: 50%; transform: translateX(-50%); }
.ap-bc { bottom: -4px; left: 50%; transform: translateX(-50%); }
.ap-lc { left: -4px; top: 50%; transform: translateY(-50%); }
.ap-rc { right: -4px; top: 50%; transform: translateY(-50%); }

.layer-label {
    position: absolute;
    bottom: -18px;
    right: 0;
    color: rgba(212, 174, 120, 0.6);
    font-size: 9px;
    font-style: italic;
    letter-spacing: 1px;
}

/* --- NAME GLITCH EFFECT --- */
.main-glitch-name {
    font-size: calc(32px + 2.2vw);
    font-weight: 900;
    color: #ffffff;
    margin: 0;
    letter-spacing: 6px;
    position: relative;
    animation: textFlickerContinuous 3s infinite;
    line-height: 1.1;
    text-transform: uppercase;
}
.main-glitch-name::before, .main-glitch-name::after {
    content: attr(data-text); position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent;
}
.main-glitch-name::before { left: 2px; text-shadow: -2px 0 #ff00c8; clip: rect(44px, 9999px, 56px, 0); animation: textGlitchEffect 2s infinite linear alternate-reverse; }
.main-glitch-name::after { left: -2px; text-shadow: -2px 0 var(--gold-1), 0 2px #00ffff; clip: rect(85px, 9999px, 140px, 0); animation: textGlitchEffect 1.2s infinite linear alternate-reverse; }

@keyframes textFlickerContinuous {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.9; }
}

@keyframes textGlitchEffect {
    0% { clip: rect(42px, 9999px, 44px, 0); transform: skew(0.5deg); }
    10% { clip: rect(12px, 9999px, 59px, 0); transform: skew(0.5deg); }
    20% { clip: rect(48px, 9999px, 29px, 0); transform: skew(0.5deg); }
    30% { clip: rect(42px, 9999px, 73px, 0); transform: skew(0.5deg); }
    40% { clip: rect(63px, 9999px, 27px, 0); transform: skew(0.5deg); }
    50% { clip: rect(34px, 9999px, 55px, 0); transform: skew(0.5deg); }
    60% { clip: rect(86px, 9999px, 73px, 0); transform: skew(0.5deg); }
    70% { clip: rect(20px, 9999px, 20px, 0); transform: skew(0.5deg); }
    80% { clip: rect(26px, 9999px, 60px, 0); transform: skew(0.5deg); }
    90% { clip: rect(25px, 9999px, 66px, 0); transform: skew(0.5deg); }
    100% { clip: rect(57px, 9999px, 98px, 0); transform: skew(0.5deg); }
}

.sub-mono-name {
    font-size: calc(16.5px + 0.35vw);
    color: var(--gold-1);
    margin: 10px 0 0 0;
    letter-spacing: 0.44em;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
    width: 100%;
    text-align: left;
}

.job-tech-box { display: flex; align-items: flex-start; gap: 5px; }
.terminal-cursor { font-size: 18px; color: var(--gold-1); animation: blinkCursor 0.8s infinite; font-weight: normal; }
@keyframes blinkCursor { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }

.job-title-text {
    font-size: 16px;
    font-weight: 300 !important;
    color: #ffffff;
    margin: 0;
    line-height: 1.4;
    letter-spacing: 0.5px;
    opacity: 0.9;
}

.scifi-paragraph-desc { font-size: 17px; line-height: 1.8; color: var(--text-muted); margin: 0; text-align: justify; max-width: 620px; }

/* --- CTA البوتون الموحّد: Pulse Glow + Fill Slide (نفس نظام أزرار الموقع) --- */
.action-cyber-trigger {
    align-self: flex-start;
    position: relative;
    display: inline-flex;
    align-items: center;
    padding: 15px 35px;
    background: transparent;
    border: 1px solid rgba(212, 174, 120, 0.5);
    border-radius: 50px;
    font-size: 12px;
    font-weight: bold;
    color: var(--gold-1);
    text-decoration: none;
    letter-spacing: 1px;
    overflow: hidden;
    z-index: 1;
    transition: color 0.35s ease, border-color 0.35s ease;
    animation: ctaPulseGlow 2.6s ease-in-out infinite;
}
.action-cyber-trigger::before {
    content: '';
    position: absolute;
    top: 0; left: -100%;
    width: 100%; height: 100%;
    background: linear-gradient(90deg, var(--gold-3), var(--gold-1), var(--gold-2));
    transition: left 0.4s ease;
    z-index: -1;
}
.action-cyber-trigger:hover {
    color: var(--bg-deep);
    border-color: var(--gold-1);
    box-shadow: 0 0 25px rgba(212, 174, 120, 0.6);
}
.action-cyber-trigger:hover::before { left: 0; }

@keyframes ctaPulseGlow {
    0%, 100% { box-shadow: 0 0 0 rgba(212, 174, 120, 0); }
    50% { box-shadow: 0 0 14px rgba(212, 174, 120, 0.35); }
}

.btn-arrow-icon { margin-left: 8px; display: inline-block; transition: transform 0.3s; }
.action-cyber-trigger:hover .btn-arrow-icon { transform: translateX(5px); }

@media (max-width: 991px) {
    .scifi-layout-container { grid-template-columns: 1fr; gap: 12px; }
    .hologram-image-frame { max-width: 408px; }
    .scifi-data-panel { align-items: center; text-align: center; }
    .identity-wrapper { align-items: center; justify-content: center; }
    .design-selection-frame.name-ui-frame { align-items: center; justify-content: center; }
    .sub-mono-name { letter-spacing: 0.4em; text-indent: 0.4em; text-align: center; }
    .job-tech-box { justify-content: center; }
    .scifi-paragraph-desc { max-width: 100%; }
    .action-cyber-trigger { align-self: center; }
    .design-selection-frame { margin-bottom: 20px; }
    .hud-location-wrapper { justify-content: center; margin-bottom: 10px; transform: translateY(0); }
}

@media (max-width: 576px) {
    .master-tv-glitch-viewport { padding: 60px 15px; }
    .hologram-image-frame { max-width: 348px; }
    .side-vertical-label { font-size: 8px; letter-spacing: 3px; left: 10px; }
    .rec-indicator { left: 30px; font-size: 9px; }
    .rec-timecode { font-size: 9px; }
    .frame-footer { left: 30px; font-size: 8px; letter-spacing: 1.5px; }
    .sub-mono-name { font-size: 10px; letter-spacing: 0.35em; text-indent: 0.35em; }
    .job-title-text { font-size: 15px; }
    .scifi-paragraph-desc { font-size: 13px; line-height: 1.6; }
}
</style>

<script>
(function() {
    const wordsList = [
        "Graphic Design", "Visual Identity", "Logo Design", "Branding", "Photo Editing",
        "Photo Manipulation", "Digital Painting", "Illustration", "Typography", "Color Theory",
        "Gradients", "User Interface (UI)", "User Experience (UX)", "Vector Design", "Raster Graphics",
        "Print Design", "Brochure", "Banner", "Resolution", "High Resolution (HD)", "Layout", "Concept Art",
        "Filmmaking", "Cinema", "Video Editing", "Cutting / Trimming", "Visual Effects (VFX)", "Animation",
        "Motion Graphics", "Color Correction", "Color Grading", "Directing", "Production", "Post-Production",
        "Screenplay", "Storyboard", "Chroma Key", "Green Screen", "FPS", "Audio Engineering", "Sound Effects (SFX)",
        "3D Modeling", "3D Animation", "Rendering", "Cinematography", "Compositing",
        "Adobe Photoshop", "Adobe Illustrator", "Adobe After Effects", "Adobe Premiere Pro", "DaVinci Resolve",
        "Blender", "Cinema 4D", "Figma", "Adobe XD", "Adobe InDesign", "Maya", "Unreal Engine"
    ];

    const container = document.getElementById("wordCloudContainer");
    const viewport = document.getElementById("glitchViewport");
    if (!container || !viewport) return;

    const spawnedWords = [];
    const maxWords = window.innerWidth > 768 ? 14 : 7;
    const directions = ['down', 'up', 'right', 'left'];

    for (let i = 0; i < maxWords; i++) {
        const wordText = wordsList[Math.floor(Math.random() * wordsList.length)];
        const wordEl = document.createElement("div");
        wordEl.className = "floating-word";
        wordEl.innerText = wordText;

        let pctX = Math.random() * 95;
        let pctY = Math.random() * 95;

        wordEl.style.left = pctX + "%";
        wordEl.style.top = pctY + "%";

        const movementDirection = directions[Math.floor(Math.random() * directions.length)];
        const speed = 0.05 + Math.random() * 0.08;

        container.appendChild(wordEl);

        spawnedWords.push({
            element: wordEl,
            pctX: pctX,
            pctY: pctY,
            dir: movementDirection,
            speed: speed,
            targetMouseX: 0,
            targetMouseY: 0,
            currentMouseX: 0,
            currentMouseY: 0
        });
    }

    function updatePositions() {
        spawnedWords.forEach(word => {
            if (word.dir === 'down') {
                word.pctY += word.speed;
                if (word.pctY > 102) { word.pctY = -2; word.pctX = Math.random() * 95; }
            } else if (word.dir === 'up') {
                word.pctY -= word.speed;
                if (word.pctY < -2) { word.pctY = 102; word.pctX = Math.random() * 95; }
            } else if (word.dir === 'right') {
                word.pctX += word.speed;
                if (word.pctX > 102) { word.pctX = -15; word.pctY = Math.random() * 95; }
            } else if (word.dir === 'left') {
                word.pctX -= word.speed;
                if (word.pctX < -15) { word.pctX = 102; word.pctY = Math.random() * 95; }
            }

            word.element.style.left = word.pctX + "%";
            word.element.style.top = word.pctY + "%";

            word.currentMouseX += (word.targetMouseX - word.currentMouseX) * 0.1;
            word.currentMouseY += (word.targetMouseY - word.currentMouseY) * 0.1;

            word.targetMouseX *= 0.85;
            word.targetMouseY *= 0.85;

            word.element.style.transform = `translate3d(${word.currentMouseX}px, ${word.currentMouseY}px, 0)`;
        });

        requestAnimationFrame(updatePositions);
    }
    requestAnimationFrame(updatePositions);

    viewport.addEventListener("mousemove", function(e) {
        const rect = viewport.getBoundingClientRect();
        const mouseX = e.clientX - rect.left;
        const mouseY = e.clientY - rect.top;

        spawnedWords.forEach(word => {
            const wordRect = word.element.getBoundingClientRect();
            const wordX = (wordRect.left + wordRect.width / 2) - rect.left;
            const wordY = (wordRect.top + wordRect.height / 2) - rect.top;

            const diffX = wordX - mouseX;
            const diffY = wordY - mouseY;
            const distance = Math.sqrt(diffX * diffX + diffY * diffY);

            if (distance < 140) {
                word.element.classList.add("active-node");
                const force = (140 - distance) / 140;
                word.targetMouseX += (diffX / distance) * force * 20;
                word.targetMouseY += (diffY / distance) * force * 20;
            } else {
                word.element.classList.remove("active-node");
            }
        });
    });

    viewport.addEventListener("mouseleave", function() {
        spawnedWords.forEach(word => {
            word.element.classList.remove("active-node");
            word.targetMouseX = 0;
            word.targetMouseY = 0;
        });
    });

    /* تايم كود REC متحرك - HH:MM:SS:FF بمعدل 24 فريم/ثانية */
    const timecodeEl = document.getElementById("recTimecode");
    if (timecodeEl) {
        const startedAt = performance.now();
        const pad = n => String(n).padStart(2, "0");

        function updateTimecode(now) {
            const elapsedMs = now - startedAt;
            const totalFrames = Math.floor(elapsedMs / (1000 / 24));
            const ff = totalFrames % 24;
            const totalSeconds = Math.floor(totalFrames / 24);
            const ss = totalSeconds % 60;
            const mm = Math.floor(totalSeconds / 60) % 60;
            const hh = Math.floor(totalSeconds / 3600) % 24;

            timecodeEl.textContent = `${pad(hh)}:${pad(mm)}:${pad(ss)}:${pad(ff)}`;
            requestAnimationFrame(updateTimecode);
        }
        requestAnimationFrame(updateTimecode);
    }
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-18487f9 e-con-full e-flex e-con e-parent" data-id="18487f9" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-85ab2ed elementor-invisible elementor-widget elementor-widget-html" data-id="85ab2ed" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeInUp"}' data-widget_type="html.default">
					<div class="marquee-section">
  <div class="marquee-track">
    <span class="marquee-item">Graphic Design</span>
    <span class="marquee-item">Photo Editing</span>
    <span class="marquee-item">Video Editing</span>
    <span class="marquee-item">Branding</span>
    <span class="marquee-item">Illustration</span>
    <span class="marquee-item">Photography</span>
    <span class="marquee-item">Social Marketing</span>
    <span class="marquee-item">Voiceover Editing</span>
    <span class="marquee-item">Graphic Design</span>
    <span class="marquee-item">Photo Editing</span>
    <span class="marquee-item">Video Editing</span>
    <span class="marquee-item">Branding</span>
    <span class="marquee-item">Illustration</span>
    <span class="marquee-item">Photography</span>
    <span class="marquee-item">Social Marketing</span>
    <span class="marquee-item">Voiceover Editing</span>
    <span class="marquee-item">Graphic Design</span>
    <span class="marquee-item">Photo Editing</span>
  </div>
</div>

<style>
.marquee-section {
  border-top: 3px solid #D4AE78;
  border-bottom: 3px solid #D4AE78;
  padding: 30px 0;
  overflow: hidden;
  background: #000000;
}

.marquee-track {
  display: flex;
  gap: 50px;
  animation: marquee 25s linear infinite;
  white-space: nowrap;
  width: max-content;
}

.marquee-item {
  font-size: 17px;
  letter-spacing: 4px;
  text-transform: uppercase;
  color: #888;
  font-weight: 300;
  display: flex;
  align-items: center;
  gap: 50px;
}

.marquee-item::after {
  content: '|';
  color: #D4AE78;
  font-size: 20px;
}

@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
</style>				</div>
				</div>
		<div class="elementor-element elementor-element-d41b694 elementor-hidden-mobile e-flex e-con-boxed e-con e-parent" data-id="d41b694" data-element_type="container" data-e-type="container" data-settings='{"animation":"none"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-2099bc3 elementor-widget elementor-widget-html" data-id="2099bc3" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"none"}' data-widget_type="html.default">
					


    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Scroll Sidebar - Professional Final</title>
    <style>
        :root {
            --gold: #C8A84B;
            --gold-light: #E8D38A;
            --white: #FFFFFF;
            --glass: rgba(10, 10, 10, 0.2); 
        }

        * { margin: 0; padding: 0; box-sizing: border-box; }
        body { min-height: 400vh; background: #0a0a0a; font-family: sans-serif; }

        /* Wrapper للتحكم في التمركز */
        .sidebar-wrapper {
            position: fixed;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            z-index: 1000;
            opacity: 0; /* يبدأ مخفياً */
            transition: opacity 0.5s ease;
        }

        /* كلاس الظهور */
        .sidebar-wrapper.visible {
            opacity: 1;
            animation: slideIn 2.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
        }

        @keyframes slideIn {
            0% { transform: translate(60px, -50%); }
            100% { transform: translate(0, -50%); }
        }

        .sidebar-container {
            width: 52px;
            height: 82vh;
            max-height: 820px;
            background: var(--glass);
            border: 1px solid rgba(200, 168, 75, 0.2);
            border-top-left-radius: 32px;
            border-bottom-left-radius: 32px;
            border-right: none;
            backdrop-filter: blur(10px);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            padding: 24px 0;
            box-shadow: -2px 0 15px rgba(200, 168, 75, 0.1);
        }

        .top-section { display: flex; flex-direction: column; align-items: center; gap: 10px; }
        .text-vertical { writing-mode: vertical-rl; transform: rotate(180deg); color: var(--gold); font-size: 9.8px; font-weight: 700; letter-spacing: 2.8px; text-shadow: 0 0 10px rgba(200, 168, 75, 0.7); }
        .mouse-icon { width: 15px; height: 23px; border: 2px solid var(--white); border-radius: 10px; position: relative; }
        .mouse-icon::after { content: ''; position: absolute; top: 5px; left: 50%; width: 2px; height: 6px; background: var(--white); border-radius: 50%; transform: translateX(-50%); animation: scroll-anim 1.7s infinite ease-in-out; }
        @keyframes scroll-anim { 0%, 100% { top: 5px; } 50% { top: 13px; } }
        .chevrons { display: flex; flex-direction: column; gap: 2px; }
        .chevron { width: 8px; height: 8px; border-bottom: 1.8px solid var(--gold); border-right: 1.8px solid var(--gold); transform: rotate(45deg); }
        .ruler-track { position: relative; width: 1.5px; flex-grow: 1; max-height: 520px; margin: 18px 0; background: linear-gradient(to bottom, transparent, var(--gold), var(--gold), transparent); }
        .ruler-track::before { content: ''; position: absolute; left: -4px; top: 0; width: 9px; height: 100%; background: repeating-linear-gradient(to bottom, transparent 0px, transparent 11.5px, rgba(255,255,255,0.92) 11.5px, rgba(255,255,255,0.92) 12.3px, transparent 12.8px); }
        .indicator { position: absolute; left: 50%; transform: translateX(-50%); display: flex; align-items: center; gap: 4px; z-index: 10; }
        .dot { width: 14px; height: 14px; background: radial-gradient(circle at 35% 35%, #fff, var(--gold), #9f7a2f); border: 2.2px solid var(--white); border-radius: 50%; box-shadow: 0 0 14px var(--gold), 0 0 26px rgba(200, 168, 75, 0.9); animation: pulse-glow 2.3s infinite ease-in-out; position: relative; }
        .dot::after { content: ''; position: absolute; inset: -7px; border: 1.5px solid rgba(200, 168, 75, 0.7); border-radius: 50%; animation: pulse-ring 2.3s infinite ease-out; }
        @keyframes pulse-glow { 0%, 100% { box-shadow: 0 0 14px var(--gold), 0 0 26px rgba(200, 168, 75, 0.9); } 50% { box-shadow: 0 0 20px var(--gold-light), 0 0 36px rgba(200, 168, 75, 0.95); } }
        @keyframes pulse-ring { 0% { transform: scale(0.7); opacity: 0.8; } 60% { transform: scale(1.65); opacity: 0; } 100% { transform: scale(2.1); opacity: 0; } }
        .arrow-side { width: 0; height: 0; border-top: 4.5px solid transparent; border-bottom: 4.5px solid transparent; }
        .arrow-left { border-right: 6.5px solid var(--gold); }
        .arrow-right { border-left: 6.5px solid var(--gold); }
        .counter { color: var(--gold); font-size: 12px; font-weight: 700; text-shadow: 0 0 12px rgba(200, 168, 75, 0.8); }
    </style>



    <div class="sidebar-wrapper">
        <div class="sidebar-container">
            <div class="top-section">
                <div class="text-vertical">SCROLL DOWN</div>
                <div class="mouse-icon"></div>
                <div class="chevrons">
                    <div class="chevron"></div>
                    <div class="chevron"></div>
                </div>
            </div>
            
            <div class="ruler-track">
                <div class="indicator" id="indicator">
                    <div class="arrow-side arrow-left"></div>
                    <div class="dot"></div>
                    <div class="arrow-side arrow-right"></div>
                </div>
            </div>
            
            <div class="counter" id="scrollCounter">1%</div>
        </div>
    </div>

    <script>
        const indicator = document.getElementById('indicator');
        const counter = document.getElementById('scrollCounter');

        function updateScroll() {
            const scrollY = window.scrollY;
            const scrollable = document.documentElement.scrollHeight - window.innerHeight;
            let percent = scrollable > 0 ? Math.min(Math.max(Math.round((scrollY / scrollable) * 100), 1), 100) : 1;
            indicator.style.top = `${percent}%`;
            counter.textContent = `${percent}%`;
        }

        window.addEventListener('scroll', updateScroll, { passive: true });

        // تأخير ظهور الـ Sidebar بعد تحميل الصفحة بـ 2000ms
        window.addEventListener('load', () => {
            setTimeout(() => {
                document.querySelector('.sidebar-wrapper').classList.add('visible');
                updateScroll(); 
            }, 2000);
        });
    </script>

				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-23bafd1 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="23bafd1" data-element_type="container" data-e-type="container" data-settings='{"background_background":"classic","animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-0bfdba9 elementor-widget elementor-widget-spacer" data-id="0bfdba9" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
		<div class="elementor-element elementor-element-d8d9c5c e-flex e-con-boxed e-con e-child" data-id="d8d9c5c" data-element_type="container" data-e-type="container" data-settings='{"background_background":"gradient"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-790b33e elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-invisible elementor-widget elementor-widget-icon-box" data-id="790b33e" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-fas-cogs" viewbox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M512.1 191l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0L552 6.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zm-10.5-58.8c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.7-82.4 14.3-52.8 52.8zM386.3 286.1l33.7 16.8c10.1 5.8 14.5 18.1 10.5 29.1-8.9 24.2-26.4 46.4-42.6 65.8-7.4 8.9-20.2 11.1-30.3 5.3l-29.1-16.8c-16 13.7-34.6 24.6-54.9 31.7v33.6c0 11.6-8.3 21.6-19.7 23.6-24.6 4.2-50.4 4.4-75.9 0-11.5-2-20-11.9-20-23.6V418c-20.3-7.2-38.9-18-54.9-31.7L74 403c-10 5.8-22.9 3.6-30.3-5.3-16.2-19.4-33.3-41.6-42.2-65.7-4-10.9.4-23.2 10.5-29.1l33.3-16.8c-3.9-20.9-3.9-42.4 0-63.4L12 205.8c-10.1-5.8-14.6-18.1-10.5-29 8.9-24.2 26-46.4 42.2-65.8 7.4-8.9 20.2-11.1 30.3-5.3l29.1 16.8c16-13.7 34.6-24.6 54.9-31.7V57.1c0-11.5 8.2-21.5 19.6-23.5 24.6-4.2 50.5-4.4 76-.1 11.5 2 20 11.9 20 23.6v33.6c20.3 7.2 38.9 18 54.9 31.7l29.1-16.8c10-5.8 22.9-3.6 30.3 5.3 16.2 19.4 33.2 41.6 42.1 65.8 4 10.9.1 23.2-10 29.1l-33.7 16.8c3.9 21 3.9 42.5 0 63.5zm-117.6 21.1c59.2-77-28.7-164.9-105.7-105.7-59.2 77 28.7 164.9 105.7 105.7zm243.4 182.7l-8.2 14.3c-3 5.3-9.4 7.5-15.1 5.4-11.8-4.4-22.6-10.7-32.1-18.6-4.6-3.8-5.8-10.5-2.8-15.7l8.2-14.3c-6.9-8-12.3-17.3-15.9-27.4h-16.5c-6 0-11.2-4.3-12.2-10.3-2-12-2.1-24.6 0-37.1 1-6 6.2-10.4 12.2-10.4h16.5c3.6-10.1 9-19.4 15.9-27.4l-8.2-14.3c-3-5.2-1.9-11.9 2.8-15.7 9.5-7.9 20.4-14.2 32.1-18.6 5.7-2.1 12.1.1 15.1 5.4l8.2 14.3c10.5-1.9 21.2-1.9 31.7 0l8.2-14.3c3-5.3 9.4-7.5 15.1-5.4 11.8 4.4 22.6 10.7 32.1 18.6 4.6 3.8 5.8 10.5 2.8 15.7l-8.2 14.3c6.9 8 12.3 17.3 15.9 27.4h16.5c6 0 11.2 4.3 12.2 10.3 2 12 2.1 24.6 0 37.1-1 6-6.2 10.4-12.2 10.4h-16.5c-3.6 10.1-9 19.4-15.9 27.4l8.2 14.3c3 5.2 1.9 11.9-2.8 15.7-9.5 7.9-20.4 14.2-32.1 18.6-5.7 2.1-12.1-.1-15.1-5.4l-8.2-14.3c-10.4 1.9-21.2 1.9-31.7 0zM501.6 431c38.5 29.6 82.4-14.3 52.8-52.8-38.5-29.6-82.4 14.3-52.8 52.8z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h4 class="elementor-icon-box-title">
						<span>
							What I Do						</span>
					</h4>
				
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-b19ee89 elementor-invisible elementor-widget elementor-widget-heading" data-id="b19ee89" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Creative Services</h1>				</div>
				<div class="elementor-element elementor-element-fe337b4 elementor-invisible elementor-widget elementor-widget-text-editor" data-id="fe337b4" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeInUp"}' data-widget_type="text-editor.default">
									<p style="text-align: center;">Graphic Design <span style="color: #d4ae78;"><strong>|</strong></span> Photos Editing <span style="color: #d4ae78;"><strong>|</strong></span> Video Editing <span style="color: #d4ae78;"><strong>|</strong></span> Voiceover Editing <span style="color: #d4ae78;">|</span> Branding <span style="color: #d4ae78;"><strong>|</strong></span> Social Marketing <span style="color: #d4ae78;"><strong>|</strong></span> Photography</p>								</div>
					</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-57409c1 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="57409c1" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-edee04a elementor-widget elementor-widget-html" data-id="edee04a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bassem GD &mdash; Numbers Section</title>



<div class="bgd-numbers-section">
  <div class="bgd-numbers-grid">

    <div class="bgd-number-item">
      <div class="bgd-number-top">
        <span class="bgd-number-count" data-target="18" data-suffix="+">0</span>
      </div>
      <div class="bgd-number-line"></div>
      <div class="bgd-number-label">Years of<br>Experience</div>
    </div>

    <div class="bgd-number-item">
      <div class="bgd-number-top">
        <span class="bgd-number-count" data-target="5" data-suffix="">0</span>
      </div>
      <div class="bgd-number-line"></div>
      <div class="bgd-number-label">Animation<br>Studios</div>
    </div>

    <div class="bgd-number-item">
      <div class="bgd-number-top">
        <span class="bgd-number-count" data-target="100" data-suffix="+">0</span>
      </div>
      <div class="bgd-number-line"></div>
      <div class="bgd-number-label">Projects<br>Delivered</div>
    </div>

    <div class="bgd-number-item">
      <div class="bgd-number-top">
        <span class="bgd-number-count" data-target="14" data-suffix="+">0</span>
      </div>
      <div class="bgd-number-line"></div>
      <div class="bgd-number-label">Industry<br>Clients</div>
    </div>

  </div>
</div>

<style>
.bgd-numbers-section {
  width: 100%;
  background: #000000;
  border-top: px solid rgba(212, 174, 120, 0.2);
  border-bottom: 0px solid rgba(212, 174, 120, 0.2);
  padding: 24px 40px;
}
.bgd-numbers-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  max-width: 960px;
  margin: 0 auto;
}
.bgd-number-item {
  text-align: center;
  padding: 24px 20px;
  border-right: 2px solid rgba(212, 174, 120, 0.12);
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.bgd-number-item.visible {
  opacity: 1;
  transform: translateY(0);
}
.bgd-number-item:last-child { border-right: none; }
.bgd-number-top { margin-bottom: 16px; }
.bgd-number-count {
  font-family: 'Tahoma', sans-serif;
  font-size: 60px;
  font-weight: 300;
  color: #D4AE78;
  line-height: 1;
  letter-spacing: -2px;
}
.bgd-number-line {
  width: 100px;
  height: 2px;
  background: linear-gradient(to right, transparent, #D4AE78, transparent);
  margin: 0 auto 16px;
  box-shadow: 0 0 8px rgba(212, 174, 120, 0.4);
}
.bgd-number-label {
  font-family: 'Tahoma', sans-serif;
  font-size: 15px;
  letter-spacing: 3px;
  text-transform: uppercase;
  color: #666;
  line-height: 1.8;
}
@media (max-width: 600px) {
  .bgd-numbers-grid { grid-template-columns: repeat(2, 1fr); }
  .bgd-number-item:nth-child(2) { border-right: none; }
  .bgd-number-item:nth-child(1),
  .bgd-number-item:nth-child(2) {
    border-bottom: 1px solid rgba(212, 174, 120, 0.12);
    padding-bottom: 32px;
    margin-bottom: 8px;
  }
  .bgd-number-count { font-size: 48px; }
  .bgd-numbers-section { padding: 48px 20px; }
}
</style>

<script>
(function () {
  function animateCounter(el) {
    var target = parseInt(el.getAttribute('data-target'));
    var suffix = el.getAttribute('data-suffix') || '';
    var duration = 2200;
    var start = null;
    function step(ts) {
      if (!start) start = ts;
      var progress = Math.min((ts - start) / duration, 1);
      var eased = 1 - Math.pow(1 - progress, 4);
      el.textContent = Math.floor(eased * target) + suffix;
      if (progress < 1) requestAnimationFrame(step);
      else el.textContent = target + suffix;
    }
    requestAnimationFrame(step);
  }

  var items = document.querySelectorAll('.bgd-number-item');

  var observer = new IntersectionObserver(function (entries) {
    entries.forEach(function (entry) {
      if (entry.isIntersecting) {
        var idx = Array.from(items).indexOf(entry.target);
        setTimeout(function () {
          entry.target.classList.add('visible');
          var counter = entry.target.querySelector('.bgd-number-count');
          if (counter) animateCounter(counter);
        }, idx * 150);
        observer.unobserve(entry.target);
      }
    });
  }, { threshold: 0.3 });

  items.forEach(function (item) { observer.observe(item); });
})();
</script>


				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7e751aae e-flex e-con-boxed e-con e-parent" data-id="7e751aae" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-273c7b12 elementor-widget elementor-widget-html" data-id="273c7b12" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div style="height:1px;"></div>

<div class="divider-wrapper">
  <div class="contact-divider-horizontal"></div>
</div>

<div style="height:1px;"></div>

<style>
.divider-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200%;
}

.contact-divider-horizontal {
  width: 200px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    #D4AE78,
    transparent
  );
  box-shadow: 0 0 8px rgba(212, 174, 120, 0.6),
              0 0 20px rgba(212, 174, 120, 0.3);
  animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}
</style>				</div>
		<div class="elementor-element elementor-element-f2a1dba e-con-full e-flex e-con e-child" data-id="f2a1dba" data-element_type="container" data-e-type="container" data-settings='{"background_background":"classic"}'>
				<div class="elementor-element elementor-element-ff429be elementor-widget elementor-widget-html" data-id="ff429be" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="contact-divider-vertical"></div>

<style>
.contact-divider-vertical {
  width: 2px;
  height: 80px;
  margin: 0 auto;
  background: linear-gradient(
    to bottom,
    transparent,
    #D4AE78,
    transparent
  );
  box-shadow: 0 0 8px rgba(212, 174, 120, 0.6),
              0 0 20px rgba(212, 174, 120, 0.3);
  animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-62c43e0 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="62c43e0" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-d0e19ce elementor-widget elementor-widget-html" data-id="d0e19ce" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bassem GD &mdash; Process Section</title>



<div class="bgd-process-section">

  <div class="bgd-process-header">
    <div class="bgd-process-eyebrow">How I Work</div>
    <div class="bgd-process-title">MY CREATIVE <em>PROCESS</em></div>
  </div>

  <div class="bgd-process-grid">

    <div class="bgd-process-item">
      <div class="bgd-process-top">
        <div class="bgd-process-circle">01</div>
        <div class="bgd-process-connector"></div>
      </div>
      <div class="bgd-process-icon">&#9672;</div>
      <div class="bgd-process-name">Brief</div>
      <div class="bgd-process-desc">Understanding your vision, goals, and target audience to set the creative direction.</div>
    </div>

    <div class="bgd-process-item">
      <div class="bgd-process-top">
        <div class="bgd-process-circle">02</div>
        <div class="bgd-process-connector"></div>
      </div>
      <div class="bgd-process-icon">&#10022;</div>
      <div class="bgd-process-name">Concept</div>
      <div class="bgd-process-desc">Developing ideas, mood boards, and visual concepts that capture the essence of the project.</div>
    </div>

    <div class="bgd-process-item">
      <div class="bgd-process-top">
        <div class="bgd-process-circle">03</div>
        <div class="bgd-process-connector"></div>
      </div>
      <div class="bgd-process-icon">&#9670;</div>
      <div class="bgd-process-name">Design</div>
      <div class="bgd-process-desc">Crafting the final visuals with precision &mdash; from typography and color to layout and imagery.</div>
    </div>

    <div class="bgd-process-item">
      <div class="bgd-process-top">
        <div class="bgd-process-circle">04</div>
        <div class="bgd-process-connector"></div>
      </div>
      <div class="bgd-process-icon">&#9670;</div>
      <div class="bgd-process-name">Deliver</div>
      <div class="bgd-process-desc">Final delivery of all assets in required formats, ready for print, screen, or production.</div>
    </div>

  </div>
</div>

<style>
.bgd-process-section{width:100%;background:#000;padding:50px 20px;border-top:none;border-bottom:none;
.bgd-process-header{text-align:center;margin-bottom:80px}
.bgd-process-eyebrow{font-family:'Tahoma',sans-serif;font-size:20px;letter-spacing:10px;text-transform:uppercase;color:#D4AE78;margin-bottom:14px;display:flex;align-items:center;justify-content:center;gap:20px}
.bgd-process-eyebrow::before,.bgd-process-eyebrow::after{content:'';display:block;width:40px;height:1px;background:linear-gradient(to right,transparent,#D4AE78)}
.bgd-process-eyebrow::after{background:linear-gradient(to left,transparent,#D4AE78)}
.bgd-process-title{font-family:'Tahoma',sans-serif;font-size:36px;font-weight:300;color:#f2ede4;line-height:1.1}
.bgd-process-title em{font-style:italic;color:#D4AE78}
.bgd-process-grid{display:grid;grid-template-columns:repeat(4,1fr);max-width:1600px;margin:0 auto}
.bgd-process-item{text-align:center;padding:0 20px;opacity:0;transform:translateY(30px);transition:opacity 0.7s ease,transform 0.7s ease}
.bgd-process-item.visible{opacity:1;transform:translateY(0)}
.bgd-process-top{display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.bgd-process-circle{width:64px;height:64px;border:1px solid rgba(212,174,120,0.5);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Tahoma',sans-serif;font-size:25px;letter-spacing:1px;color:#D4AE78;background:#000;z-index:1;flex-shrink:0;transition:all 0.3s}
.bgd-process-item:hover .bgd-process-circle{background:#D4AE78;color:#000;border-color:#D4AE78}
.bgd-process-connector{flex:1;height:1px;background:linear-gradient(to right,rgba(212,174,120,0.4),rgba(212,174,120,0.1));margin-left:8px}
.bgd-process-connector.last{display:none}
.bgd-process-icon{font-size:30px;color:rgba(212,174,120,0.4);margin-bottom:14px;transition:color 0.3s}
.bgd-process-item:hover .bgd-process-icon{color:#D4AE78}
.bgd-process-name{font-family:'Tahoma',sans-serif;font-size:30px;font-weight:400;color:#f2ede4;margin-bottom:12px;letter-spacing:1px}
.bgd-process-desc{font-family:'Tahoma',sans-serif;font-size:16px;color:#666;line-height:1.5}
@media(max-width:700px){.bgd-process-grid{grid-template-columns:1fr}.bgd-process-item{padding:0 0 40px 0}.bgd-process-connector{display:none}.bgd-process-section{padding:60px 24px}}
</style>

<script>
(function(){
  var items=document.querySelectorAll('.bgd-process-item');
  var obs=new IntersectionObserver(function(entries){
    entries.forEach(function(entry){
      if(entry.isIntersecting){
        var idx=Array.from(items).indexOf(entry.target);
        setTimeout(function(){entry.target.classList.add('visible');},idx*180);
        obs.unobserve(entry.target);
      }
    });
  },{threshold:0.2});
  items.forEach(function(item){obs.observe(item);});
})();
</script>


				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-2d3f97b e-flex e-con-boxed e-con e-parent" data-id="2d3f97b" data-element_type="container" data-e-type="container">
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-e8970df elementor-widget elementor-widget-html" data-id="e8970df" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Tools Hub Cinematic</title>

<style>

body{
  margin:0;
  font-family:"Inter", Tahoma, sans-serif;
  background:#050505;
  color:#F5F0E8;
  scroll-behavior:smooth;
  -webkit-font-smoothing:antialiased;
}

/* =========================
   AURORA
========================= */
.aurora{
  position:fixed;
  width:100%;
  height:100%;
  background:
    radial-gradient(circle at 20% 20%, rgba(212,174,120,0.18), transparent 40%),
    radial-gradient(circle at 80% 30%, rgba(120,180,255,0.10), transparent 40%),
    radial-gradient(circle at 50% 80%, rgba(255,80,180,0.08), transparent 40%);
  filter:blur(70px);
  animation:move 12s infinite alternate;
  z-index:0;
}

@keyframes move{
  from{transform:translateY(0px);}
  to{transform:translateY(30px);}
}

/* =========================
   CONTAINER
========================= */
.container{
  position:relative;
  z-index:2;
  padding:80px 7%;
}

/* =========================
   TITLE
========================= */
.title{
  text-align:center;
  font-size:58px;
  color:#D4AE78;
  letter-spacing:4px;
  font-weight:700;
  margin-bottom:40px;
}

/* =========================
   SUBTITLE (FIXED)
========================= */
.subtitle{
  text-align:center;
  color:#aaa;
  font-size:14px;
  margin-bottom:80px;
  letter-spacing:1px;
}

/* =========================
   SECTIONS
========================= */
.group-title{
  text-align:center;
  width:100%;
  font-size:18px;
  color:#D4AE78;
  margin:70px 0 6px;
  font-weight:bold;
  letter-spacing:2px;
  text-transform:uppercase;
}

.group-desc{
  text-align:center;
  width:100%;
  font-size:13px;
  color:#aaa;
  margin-bottom:20px;
}

/* =========================
   DIVIDER
========================= */
.divider{
  width:100%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,174,120,0.5), transparent);
  margin:30px 0;
  position:relative;
}

.divider::after{
  content:"";
  position:absolute;
  left:50%;
  top:-3px;
  width:6px;
  height:6px;
  background:#D4AE78;
  border-radius:50%;
  transform:translateX(-50%);
  box-shadow:0 0 10px rgba(212,174,120,0.7);
}

/* =========================
   GRID
========================= */
.grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
  gap:18px;
}

/* =========================
   CARD
========================= */
.card{
  background:rgba(255,255,255,0.03);
  border:1px solid rgba(212,174,120,0.15);
  border-radius:14px;
  padding:18px;
  text-align:center;
  text-decoration:none;
  color:#fff;
  transition:0.35s ease;
  backdrop-filter: blur(12px);
  display:block;
}

.card:hover{
  transform:translateY(-10px) scale(1.03);
  border-color:#D4AE78;
  box-shadow:
    0 10px 30px rgba(212,174,120,0.15),
    0 0 25px rgba(212,174,120,0.25);
}

/* =========================
   ICON (FIXED SAFE)
========================= */
.icon{
  width:38px;
  height:38px;
  margin:0 auto 10px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.icon img{
  width:38px;
  height:38px;
  object-fit:contain;
}

/* fallback safety */
.icon img:not([src]){
  display:none;
}

/* =========================
   TEXT
========================= */
.name{font-weight:bold;}
.cat{font-size:12px;color:#aaa;}

/* =========================
   ANIMATION
========================= */
.section-animate{
  opacity:0;
  transform:translateY(60px) scale(0.98);
  transition:1s cubic-bezier(0.2, 0.8, 0.2, 1);
  filter:blur(8px);
}

.section-animate.show{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
}

</style>




<div class="aurora"></div>

<div class="container">

<div class="title section-animate">AI Tools Hub Cinematic</div>
<div class="subtitle section-animate">Professional ecosystem of modern AI platforms</div>

<!-- TEXT AI -->
<div class="group-title section-animate">TEXT AI</div>
<div class="group-desc section-animate">Language models &amp; reasoning systems</div>

<div class="grid section-animate">

<a class="card" href="https://chat.openai.com" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/ChatGPT-Logo.svg">
<div class="name">ChatGPT</div><div class="cat">OpenAI</div>
</a>

<a class="card" href="https://claude.ai" target="_blank">
<img decoding="async" class="icon" src="https://cdn.simpleicons.org/anthropic/white">
<div class="name">Claude</div><div class="cat">Anthropic</div>
</a>

<a class="card" href="https://gemini.google.com" target="_blank">
<img decoding="async" class="icon" src="https://cdn.simpleicons.org/google/white">
<div class="name">Gemini</div><div class="cat">Google</div>
</a>

<a class="card" href="https://www.perplexity.ai" target="_blank">
<img decoding="async" class="icon" src="https://cdn.simpleicons.org/perplexity/white">
<div class="name">Perplexity</div><div class="cat">Search AI</div>
</a>

</div>

<div class="divider section-animate"></div>

<!-- IMAGE AI -->
<div class="group-title section-animate">IMAGE GENERATION</div>
<div class="group-desc section-animate">AI design, art &amp; visual creation tools</div>

<div class="grid section-animate">

<a class="card" href="https://www.midjourney.com" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Midjourney.svg">
<div class="name">Midjourney</div><div class="cat">Image AI</div>
</a>

<a class="card" href="https://labs.google/fx/tools/flow" target="_blank">
<img decoding="async" class="icon" src="https://cdn.simpleicons.org/google/white">
<div class="name">Flow</div>
<div class="cat">Google Labs</div>
</a>

<a class="card" href="https://openai.com/dall-e" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/DALLE3_002.svg">
<div class="name">DALL&middot;E 3</div><div class="cat">Image AI</div>
</a>

<a class="card" href="https://www.adobe.com/firefly" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/firefly.svg">
<div class="name">Adobe Firefly</div><div class="cat">Adobe AI</div>
</a>

<a class="card" href="https://magnific.ai" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Magnific_002.svg">
<div class="name">Magnific AI</div><div class="cat">Enhancer</div>
</a>

</div>

<div class="divider section-animate"></div>

<!-- VIDEO AI -->
<div class="group-title section-animate">VIDEO AI</div>
<div class="group-desc section-animate">Cinematic generation &amp; video editing AI</div>

<div class="grid section-animate">

<a class="card" href="https://runwayml.com" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Runway.svg">
<div class="name">Runway ML</div><div class="cat">Video AI</div>
</a>

<a class="card" href="https://pika.art" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/pika-logo-icon_002.svg">
<div class="name">Pika</div><div class="cat">Video AI</div>
</a>

</div>

<div class="divider section-animate"></div>

<!-- AUDIO -->
<div class="group-title section-animate">AUDIO &amp; VOICE</div>
<div class="group-desc section-animate">Speech, music &amp; voice generation</div>

<div class="grid section-animate">

<a class="card" href="https://elevenlabs.io" target="_blank">
<img decoding="async" class="icon" src="https://cdn.simpleicons.org/elevenlabs/white">
<div class="name">ElevenLabs</div><div class="cat">Voice AI</div>
</a>

<a class="card" href="https://suno.ai" target="_blank">
<img decoding="async" class="icon" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Suno_Logo_002.svg">
<div class="name">Suno AI</div><div class="cat">Music AI</div>
</a>

</div>

</div>

<script>

const elements = document.querySelectorAll(".section-animate");

const observer = new IntersectionObserver(entries=>{
  entries.forEach(entry=>{
    if(entry.isIntersecting){
      entry.target.classList.add("show");
    }
  });
},{ threshold:0.12 });

elements.forEach(el=>observer.observe(el));

</script>


				</div>
		<div class="elementor-element elementor-element-7dfd41b e-con-full e-flex e-con e-child" data-id="7dfd41b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-1dc333a elementor-widget elementor-widget-html" data-id="1dc333a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div style="height:1px;"></div>

<div class="divider-wrapper">
  <div class="contact-divider-horizontal"></div>
</div>

<div style="height:1px;"></div>

<style>
.divider-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 200%;
}

.contact-divider-horizontal {
  width: 200px;
  height: 2px;
  background: linear-gradient(
    to right,
    transparent,
    #D4AE78,
    transparent
  );
  box-shadow: 0 0 8px rgba(212, 174, 120, 0.6),
              0 0 20px rgba(212, 174, 120, 0.3);
  animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}
</style>				</div>
				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-80d06c9 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="80d06c9" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-b2d363a elementor-invisible elementor-widget elementor-widget-html" data-id="b2d363a" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1575;&#1604;&#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1579;&#1575;&#1576;&#1578; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583; &#1576;&#1600; CSS &#1601;&#1602;&#1591; &#1608;&#1576;&#1583;&#1608;&#1606; &#1571;&#1610; &#1580;&#1575;&#1601;&#1575;&#1587;&#1603;&#1585;&#1610;&#1576;&#1578; -->
<div class="hero-scroll">
  <!-- &#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; &#1575;&#1604;&#1576;&#1610;&#1590;&#1575;&#1608;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; -->
  <div class="mouse-icon">
    <div class="mouse-wheel"></div>
  </div>
  <!-- &#1575;&#1604;&#1603;&#1604;&#1605;&#1577; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583;&#1577; -->
  <span class="scroll-text">Scroll Down</span>
</div>

<style>
/* الحاوية الرئيسية الطبيعية الخاصة بك */
.hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px; /* زيادة الفراغ قليلاً لتناسق الماوس */
  position: relative;
  margin: 0 auto;
}

/* ── تصميم هيكل الماوس البيضاوي ── */
.mouse-icon {
  width: 24px;
  height: 40px;
  border: 2px solid rgba(212, 174, 120, 0.5); /* لون ذهبي متناسق ومضيء خفيف */
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}

/* ── الدائرة الداخلية (عجلة الماوس) وحركتها للأسفل ── */
.mouse-wheel {
  width: 4px;
  height: 8px;
  background-color: #D4AE78; /* اللون الذهبي المضيء */
  border-radius: 2px;
  position: absolute;
  top: 6px;
  animation: mouseScrollAnim 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* ── تنسيق الكلمة الجديدة ── */
.scroll-text {
  font-size: 15px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #888;
  font-weight: 300;
}

/* ── الخط الطولي المضيء الخاص بك (كما هو تماماً) ── */
.hero-scroll::after {
  content: '';
  display: block;
  width: 3px;
  height: 80px;
  background: linear-gradient(to bottom, #D4AE78, transparent);
  animation: scrollLine 2s ease-in-out infinite;
}

/* ── حركة عجلة الماوس الانسيابية ── */
@keyframes mouseScrollAnim {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  65% {
    transform: translateY(12px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

/* حركة الخط الطولي الخاص بك */
@keyframes scrollLine {
  0%   { opacity: 1; transform: scaleY(1); transform-origin: top; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}
</style>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-b4cbb2b e-con-full e-flex e-con e-parent" data-id="b4cbb2b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-f5c5daf elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f5c5daf" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="dlctr-iframe-wrapper">
  <iframe src="https://www.bassemgd.com/showcase/Download-Center-Bassem_Nagah-GD.html" title="Download Center &mdash; Bassem Mohamed Nagah &mdash; CV, Portfolio &amp; Cover Letter" loading="lazy" frameborder="0">
  </iframe>
</div>

<style>
.dlctr-iframe-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    background: #050505; /* نفس خلفية التصميم لمنع أي وميض أثناء التحميل */
    /* ارتفاع احتياطي مبدئي — يتم استبداله فورًا بالارتفاع الحقيقي تلقائيًا */
    height: 1600px;
    transition: height .25s ease;
}
.dlctr-iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* ارتفاعات احتياطية فقط (تُستخدم لحظة التحميل الأولى قبل وصول القياس الحقيقي،
   أو في حال تعطل الجافاسكريبت لأي سبب) */
@media (max-width: 1024px) {
    .dlctr-iframe-wrapper { height: 2000px; }
}
@media (max-width: 768px) {
    .dlctr-iframe-wrapper { height: 2600px; }
}
@media (max-width: 480px) {
    .dlctr-iframe-wrapper { height: 2900px; }
}
</style>

<script>
(function () {
  var wrapper = document.querySelector(".dlctr-iframe-wrapper");
  var iframe = wrapper ? wrapper.querySelector("iframe") : null;
  if (!iframe) return;

  window.addEventListener("message", function (e) {
    var data = e.data;
    if (!data || data.type !== "bassemgd-dlctr-resize") return;
    if (typeof data.height !== "number" || data.height <= 0) return;
    wrapper.style.height = data.height + "px";
  });
})();
</script>				</div>
				</div>
		<div class="elementor-element elementor-element-4983d1e e-con-full e-flex e-con e-parent" data-id="4983d1e" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-9559206 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="9559206" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=5.0">
<title>BASSEM NAGAH &mdash; Senior Graphic Designer &middot; Multimedia Artist</title>
<meta name="description" content="Bassem Mohammed Nagah &mdash; Senior Graphic Designer, Multimedia Artist &amp; Editor based in Dubai, UAE. 18+ years crafting cinematic brand identities, animation campaigns, and editorial design.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

<style>
:root{
  --gold:#D4AE78;
  --gold-dim:#B8965A;
  --gold-soft:rgba(212,174,120,0.18);
  --black:#060606;
  --ink:#0A0A0A;
  --dark:#0E0E0E;
  --dark2:#131313;
  --dark3:#1A1A1A;
  --line:rgba(245,240,232,0.08);
  --white:#F5F0E8;
  --mute:rgba(245,240,232,0.55);
  --mute-2:rgba(245,240,232,0.35);
  --ease:cubic-bezier(0.16,1,0.3,1);
}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;}
body{
  background:var(--black);color:var(--white);
  font-family:'Plus Jakarta Sans',Tahoma,sans-serif;
  font-weight:400;line-height:1.5;
  min-height:100vh;overflow-x:hidden;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
}
::selection{background:var(--gold);color:var(--black);}
a{color:inherit;text-decoration:none;}
img{max-width:100%;display:block;}

.bg-grid{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:
    linear-gradient(rgba(212,174,120,0.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(212,174,120,0.035) 1px,transparent 1px);
  background-size:80px 80px;
  mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 80%);
}
.bg-grain{
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background-image:radial-gradient(rgba(212,174,120,0.04) 1px,transparent 1px);
  background-size:3px 3px;opacity:.4;mix-blend-mode:overlay;
}

.container{position:relative;z-index:1;width:100%;max-width:1640px;margin:0 auto;padding:0 clamp(20px,4vw,60px);}

.divider{width:100%;height:1px;background:linear-gradient(to right,transparent,var(--gold) 50%,transparent);position:relative;}
.divider::after{content:'';position:absolute;inset:0;background:inherit;filter:blur(6px);opacity:.55;}
.divider.glow{height:2px;}

.hero{
  position:relative;min-height:100svh;
  display:flex;flex-direction:column;justify-content:flex-end;
  padding:clamp(60px,10vh,120px) 0 clamp(40px,8vh,100px);overflow:hidden;
}
.hero::before{
  content:'';position:absolute;inset:0;
  background:
    radial-gradient(ellipse at 80% 15%,rgba(212,174,120,0.10),transparent 55%),
    radial-gradient(ellipse at 15% 85%,rgba(212,174,120,0.05),transparent 55%);
  pointer-events:none;
}

.hero-meta{
  position:absolute;top:clamp(40px,7vh,80px);left:0;right:0;
  padding:0 clamp(20px,4vw,60px);
  display:flex;justify-content:space-between;align-items:flex-start;
  font-family:'JetBrains Mono',monospace;
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--mute-2);z-index:2;transition:transform .4s var(--ease);
}
.hero-meta .left,.hero-meta .right{display:flex;flex-direction:column;gap:6px;}
.hero-meta .right{text-align:right;}
.hero-meta .blink{color:var(--gold);animation:blink 1.4s steps(2) infinite;}
@keyframes blink{50%{opacity:0}}

.hero-content{position:relative;z-index:2;padding:0 clamp(20px,4vw,60px);}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:14px;
  font-size:12px;letter-spacing:3px;text-transform:uppercase;
  color:var(--white);font-weight:500;margin-bottom:clamp(20px,4vh,40px);
}
.hero-eyebrow::before{content:'';width:36px;height:1px;background:var(--gold);}

.hero-title{
  font-weight:800;font-size:clamp(42px,11vw,180px);
  line-height:.92;letter-spacing:-0.035em;
  text-transform:uppercase;margin-bottom:clamp(20px,3vh,40px);
}
.hero-title .line{display:block;overflow:hidden;padding-bottom:.08em;}
.hero-title .line-inner{display:block;transform:translateY(110%);animation:rise 1.1s var(--ease) forwards;}
.hero-title .line:nth-child(1) .line-inner{animation-delay:.05s;}
.hero-title .line:nth-child(2) .line-inner{animation-delay:.18s;}
.hero-title .line:nth-child(3) .line-inner{animation-delay:.31s;}
@keyframes rise{to{transform:translateY(0)}}

.hero-title .glitch{position:relative;display:inline-block;}
.hero-title .glitch::before,.hero-title .glitch::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;}
.hero-title .glitch::before{
  color:var(--gold);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);
  transform:translateX(-2px);animation:glitch1 4.5s steps(1) infinite;opacity:.7;
}
.hero-title .glitch::after{
  color:var(--gold-dim);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);
  transform:translateX(2px);animation:glitch2 4.5s steps(1) infinite;opacity:.6;
}
@keyframes glitch1{0%,90%,100%{transform:translateX(0);opacity:0;}91%{transform:translateX(-3px);opacity:.9;}93%{transform:translateX(2px);opacity:.9;}95%{transform:translateX(-1px);opacity:0;}}
@keyframes glitch2{0%,90%,100%{transform:translateX(0);opacity:0;}92%{transform:translateX(3px);opacity:.9;}94%{transform:translateX(-2px);opacity:.9;}96%{transform:translateX(1px);opacity:0;}}

.hero-title .italic{
  font-family:'Inter',sans-serif;font-style:italic;font-weight:300;
  text-transform:none;letter-spacing:-0.02em;color:var(--white);
  font-size:0.34em;display:inline-block;margin-left:.4em;vertical-align:middle;
}

.hero-foot{
  display:grid;grid-template-columns:1.2fr 1fr auto;
  gap:clamp(20px,4vw,60px);align-items:end;
  margin-top:clamp(28px,4vh,40px);
  padding-top:clamp(24px,4vh,40px);
  border-top:1px solid var(--line);
  opacity:0;animation:fadeIn .8s var(--ease) forwards;animation-delay:.55s;
}
.hero-foot p{font-size:clamp(14px,1.1vw,17px);color:var(--mute);line-height:1.7;}
.hero-foot .stats{display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap;}
.hero-foot .stat .num{
  font-size:clamp(28px,3.2vw,46px);font-weight:700;letter-spacing:-0.02em;
  color:var(--gold);display:flex;align-items:baseline;gap:2px;font-variant-numeric:tabular-nums;
}
.hero-foot .stat .num sup{font-size:0.45em;color:var(--gold-dim);font-weight:500;}
.hero-foot .stat .label{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--mute-2);margin-top:4px;font-family:'JetBrains Mono',monospace;}
.hero-foot .scroll-cue{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--mute-2);font-family:'JetBrains Mono',monospace;}
.hero-foot .scroll-cue .line{width:60px;height:1px;background:var(--mute-2);position:relative;overflow:hidden;}
.hero-foot .scroll-cue .line::after{content:'';position:absolute;inset:0;background:var(--gold);animation:slideLine 2.4s var(--ease) infinite;}
@keyframes slideLine{0%{transform:translateX(-100%)}60%,100%{transform:translateX(100%)}}
@keyframes fadeIn{to{opacity:1}}

@media(max-width:820px){
  .hero-foot{grid-template-columns:1fr;}
  .hero-meta{font-size:10px;gap:14px;flex-direction:column;}
  .hero-meta .right{text-align:left;}
}
@media(max-width:480px){
  .hero-title .italic{display:block;margin-left:0;margin-top:.15em;font-size:0.28em;}
}

.marquee{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;background:var(--ink);}
.marquee-track{display:flex;gap:clamp(40px,6vw,90px);width:max-content;animation:marquee 38s linear infinite;}
.marquee:hover .marquee-track{animation-play-state:paused;}
.marquee-item{
  font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(18px,2.2vw,32px);
  font-weight:600;letter-spacing:0.02em;text-transform:uppercase;color:var(--mute);
  display:flex;align-items:center;gap:clamp(40px,6vw,90px);white-space:nowrap;
  transition:color .3s var(--ease);
}
.marquee-item::after{content:'|';color:var(--gold);font-size:0.5em;}
.marquee-item:hover{color:var(--gold);}
@keyframes marquee{to{transform:translateX(-50%)}}

.section{padding:clamp(80px,12vh,160px) 0;position:relative;}
.section-head{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,80px);align-items:end;margin-bottom:clamp(40px,6vh,80px);}
.section-eyebrow{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:18px;}
.section-eyebrow .bar{width:32px;height:1px;background:var(--gold);}
.section-title{font-size:clamp(40px,7.5vw,112px);font-weight:800;line-height:.95;letter-spacing:-0.025em;text-transform:uppercase;}
.section-title .accent{color:var(--gold);font-style:italic;font-weight:300;text-transform:none;}
.section-aside{font-size:clamp(14px,1.1vw,17px);color:var(--mute);line-height:1.7;}
.section-aside strong{color:var(--white);font-weight:600;}
@media(max-width:820px){.section-head{grid-template-columns:1fr;}}

.frame{
  position:relative;width:100%;
  aspect-ratio:1200/800;
  background:var(--dark2);overflow:hidden;
  border:1px solid var(--line);isolation:isolate;
  display:block;
}
.frame img{
  width:100%;height:100%;object-fit:cover;object-position:center;
  filter:grayscale(20%) contrast(1.05) saturate(.9);
  transform:scale(1.04);
  transition:transform 1.2s var(--ease),filter .8s var(--ease);
}
.frame:hover img{transform:scale(1.08);filter:grayscale(0%) contrast(1.1) saturate(1);}

.frame-corners{position:absolute;inset:0;pointer-events:none;z-index:2;}
.frame-corners .c{
  position:absolute;width:20px;height:20px;
  border-color:var(--gold);border-style:solid;border-width:0;
  opacity:0;transform:scale(.5);transition:opacity .5s var(--ease),transform .5s var(--ease);
}
.frame-corners .c.tl{top:14px;left:14px;border-top-width:1.5px;border-left-width:1.5px;}
.frame-corners .c.tr{top:14px;right:14px;border-top-width:1.5px;border-right-width:1.5px;}
.frame-corners .c.bl{bottom:14px;left:14px;border-bottom-width:1.5px;border-left-width:1.5px;}
.frame-corners .c.br{bottom:14px;right:14px;border-bottom-width:1.5px;border-right-width:1.5px;}
.frame:hover .frame-corners .c{opacity:1;transform:scale(1);}

.frame-meta{
  position:absolute;left:18px;bottom:18px;right:18px;z-index:3;
  display:flex;justify-content:space-between;align-items:flex-end;gap:14px;pointer-events:none;
}
.frame-meta .tag{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:2px;text-transform:uppercase;
  color:var(--gold);padding:6px 10px;background:rgba(6,6,6,0.6);border:1px solid var(--gold-soft);
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
}
.frame-meta .dims{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:1.5px;color:rgba(245,240,232,0.55);}
.frame-meta .dims b{color:var(--white);font-weight:500;}

.frame-cta{
  position:absolute;bottom:18px;left:50%;
  transform:translateX(-50%) translateY(10px);
  padding:10px 20px;background:rgba(6,6,6,0.78);border:1px solid var(--gold);
  color:var(--gold);font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  opacity:0;transition:opacity .4s var(--ease),transform .4s var(--ease),background .3s var(--ease),color .3s var(--ease);
  z-index:4;display:inline-flex;align-items:center;gap:10px;white-space:nowrap;cursor:pointer;
}
.frame-cta i{font-size:9px;transition:transform .3s var(--ease);font-style:normal;}
.frame:hover .frame-cta{opacity:1;transform:translateX(-50%) translateY(0);}
.frame-cta:hover{background:var(--gold);color:var(--black);}
.frame-cta:hover i{transform:translate(2px,-2px);}

@media(max-width:600px){
  .frame-corners .c{width:14px;height:14px;}
  .frame-corners .c.tl{top:10px;left:10px;}
  .frame-corners .c.tr{top:10px;right:10px;}
  .frame-corners .c.bl{bottom:10px;left:10px;}
  .frame-corners .c.br{bottom:10px;right:10px;}
  .frame-meta{left:12px;right:12px;bottom:12px;}
  .frame-meta .tag{font-size:9px;padding:5px 8px;}
  .frame-meta .dims{font-size:9px;}
  .frame-cta{bottom:12px;padding:8px 14px;font-size:9px;}
}

.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);}
.about-grid > *{background:var(--dark);padding:clamp(28px,4vw,56px);position:relative;overflow:hidden;}
.about-frame{padding:0;background:var(--dark2);}

.about-quote{font-size:clamp(22px,2.6vw,38px);font-weight:700;line-height:1.25;color:var(--white);margin-bottom:clamp(20px,3vh,32px);letter-spacing:-0.01em;}
.about-quote em{font-style:italic;color:var(--gold);font-weight:400;}
.about-quote .qmark{font-family:'Inter',serif;font-style:italic;font-weight:300;color:var(--gold);font-size:1.3em;line-height:0;display:inline-block;transform:translateY(0.15em);margin-right:0.1em;}

.about-text{font-size:clamp(14px,1.05vw,16px);line-height:1.85;color:var(--mute);font-weight:400;}
.about-text + .about-text{margin-top:16px;}

.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(20px,3vh,32px);}
.tag-pill{
  font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gold);
  border:1px solid var(--gold-soft);padding:7px 14px;
  background:rgba(212,174,120,0.04);transition:all .3s var(--ease);cursor:default;
}
.tag-pill:hover{border-color:var(--gold);background:rgba(212,174,120,0.12);transform:translateY(-2px);}

.sig{margin-top:clamp(24px,4vh,40px);padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:14px;}
.sig-mark{width:32px;height:1.5px;background:var(--gold);flex-shrink:0;}
.sig-name{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--gold);font-weight:500;}

@media(max-width:900px){.about-grid{grid-template-columns:1fr;}}

.expertise{display:grid;grid-template-columns:1fr 1fr;gap:2px;background:var(--line);margin-top:2px;}
.expertise > *{background:var(--dark);padding:clamp(28px,4vw,56px);position:relative;overflow:hidden;}
.exp-frame{padding:0;background:var(--dark2);}
.exp-card{display:flex;flex-direction:column;gap:clamp(24px,4vh,40px);}
.exp-eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:14px;}
.exp-eyebrow .bar{width:24px;height:1px;background:var(--gold);}
.exp-title{font-size:clamp(22px,2.4vw,34px);font-weight:700;line-height:1.15;color:var(--white);margin-bottom:clamp(14px,2vh,20px);letter-spacing:-0.01em;}
.exp-title em{color:var(--gold);font-style:italic;font-weight:400;}
.exp-text{font-size:clamp(14px,1vw,15px);line-height:1.85;color:var(--mute);}
.exp-text + .exp-text{margin-top:14px;}
.exp-sep{height:1px;background:var(--line);}

@media(max-width:900px){.expertise{grid-template-columns:1fr;}}

.pillars{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:2px;
  margin-top:2px;
  background:var(--line);
}
.pillar{background:var(--dark);padding:clamp(24px,3vw,40px);position:relative;overflow:hidden;cursor:default;transition:background .3s var(--ease);}
.pillar::before{content:'';position:absolute;left:0;right:0;top:0;height:1.5px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease);}
.pillar:hover{background:rgba(212,174,120,0.05);}
.pillar:hover::before{transform:scaleX(1);}

.pillar-icon{
  width:48px;height:48px;display:grid;place-items:center;
  border:1px solid var(--gold-soft);color:var(--gold);font-size:18px;
  margin-bottom:12px;
  transition:transform .4s var(--ease),background .3s var(--ease),border-color .3s var(--ease),color .3s var(--ease);
}
.pillar:hover .pillar-icon{background:var(--gold);color:var(--black);border-color:var(--gold);transform:rotate(-6deg) scale(1.05);}
.pillar-title{font-size:14px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--white);margin-bottom:8px;}
.pillar-desc{font-size:12px;color:var(--mute-2);line-height:1.7;}

@media(max-width:900px){.pillars{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.pillars{grid-template-columns:1fr;}}

.reveal{opacity:0;transform:translateY(40px);transition:opacity .9s var(--ease),transform .9s var(--ease);}
.reveal.in{opacity:1;transform:translateY(0);}
.reveal.d1{transition-delay:.1s;}
.reveal.d2{transition-delay:.2s;}
.reveal.d3{transition-delay:.3s;}
.reveal.d4{transition-delay:.4s;}
.reveal.d5{transition-delay:.5s;}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}
  .reveal{opacity:1;transform:none;}
}

.icn{width:1em;height:1em;display:inline-block;vertical-align:-0.125em;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;}
</style>



<div class="bg-grid"></div>
<div class="bg-grain"></div>

<section class="hero" id="home">
  <div class="hero-meta" id="heroMeta">
    <div class="left">
      <div>// RENDER_NODE <span class="blink">_</span></div>
      <div>LAT 25.2048 N</div>
      <div>LON 55.2708 E</div>
    </div>
    <div class="right">
      <div>DUBAI &middot; UAE</div>
      <div>EST. 2007</div>
      <div>SYS_MATRIX &middot; <span style="color:var(--gold)">98.4%</span></div>
    </div>
  </div>

  <div class="hero-content">
    <div class="hero-eyebrow">Welcome to Bassem GD</div>

    <h1 class="hero-title">
      <span class="line"><span class="line-inner">Bassem</span></span>
      <span class="line"><span class="line-inner"><span class="glitch" data-text="Mohamed">Mohamed</span></span></span>
      <span class="line"><span class="line-inner">Nagah<span class="italic">/visual designer</span></span></span>
    </h1>

    <div class="hero-foot">
      <p>Senior Graphic Designer, Multimedia Artist &amp; Editor crafting cinematic brand identities, animation<br>campaigns, and editorial systems from Dubai, for 18+ years.</p>
      <div class="stats"></div>
      <div class="scroll-cue">
        <span>Scroll</span>
        <span class="line"></span>
      </div>
    </div>
  </div>
</section>

<div class="marquee" aria-hidden="true">
  <div class="marquee-track">
    <div class="marquee-item">Photoshop</div>
    <div class="marquee-item">Illustrator</div>
    <div class="marquee-item">InDesign</div>
    <div class="marquee-item">After Effects</div>
    <div class="marquee-item">Premiere Pro</div>
    <div class="marquee-item">Lightroom</div>
    <div class="marquee-item">Dimension</div>
    <div class="marquee-item">Audition</div>
    <div class="marquee-item">DaVinci Resolve</div>
    <div class="marquee-item">Blender</div>
    <div class="marquee-item">Photoshop</div>
    <div class="marquee-item">Illustrator</div>
    <div class="marquee-item">InDesign</div>
    <div class="marquee-item">After Effects</div>
    <div class="marquee-item">Premiere Pro</div>
    <div class="marquee-item">Lightroom</div>
    <div class="marquee-item">Dimension</div>
    <div class="marquee-item">Audition</div>
    <div class="marquee-item">DaVinci Resolve</div>
    <div class="marquee-item">Blender</div>
  </div>
</div>

<section class="section" id="about">
  <div class="container">
    <div class="section-head">
      <div class="reveal">
        <div class="section-eyebrow"><span class="bar"></span> Introduction</div>
        <h2 class="section-title">About <span class="accent">Me.</span></h2>
      </div>
      <p class="section-aside reveal d2">
        Eighteen years building visual worlds for advertising, publishing, and animation studios across the UAE and I'm still just getting warmed up.
      </p>
    </div>

    <div class="about-grid">
      <div class="about-frame reveal">
        <a href="https://www.bassemgd.com/about-me" class="frame" aria-label="Open profile">
          <img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/WEB_Image-BMGD_003.jpg" alt="Portrait of Bassem Nagah">
          <span class="frame-corners" aria-hidden="true">
            <span class="c tl"></span><span class="c tr"></span>
            <span class="c bl"></span><span class="c br"></span>
          </span>
          <span class="frame-meta">
            <span class="tag">PORTRAIT &middot; 2026</span>
            <span class="dims">1200 &times; <b>800</b></span>
          </span>
          <span class="frame-cta">Visit Full Profile <i>&#8599;</i></span>
        </a>
      </div>

      <div class="reveal d2">
        <p class="about-quote">
          <span class="qmark"></span>"I don't just design" <em>I build the visual world around the story.</em>
        </p>
        <p class="about-text">
          With 18+ years of creative expertise, I specialize in crafting visual identities that elevate cinematic, editorial, and brand projects. My background spans major animation studios in the UAE, where I develop the complete visual language, from character branding and title sequences to full-scale promotional campaigns.
        </p>
        <div class="tags">
          <span class="tag-pill">Branding</span>
          <span class="tag-pill">Pitch Decks</span>
          <span class="tag-pill">Campaign Identity</span>
          <span class="tag-pill">Editorial Layout</span>
        </div>
      </div>
    </div>

    <div class="expertise">
      <div class="reveal">
        <div class="exp-card">
          <div class="exp-item">
            <div class="exp-eyebrow"><span class="bar"></span> Creative Expertise</div>
            <h3 class="exp-title">Visual Vision &amp; <em>Precision</em></h3>
          </div>
          <div class="exp-item">
            <div class="exp-eyebrow"><span class="bar"></span> Cinematic Storytelling through Visual Design</div>
            <p class="exp-text">
              Leveraging 18+ years of mastery, I bridge technical precision with cinematic storytelling to craft immersive visual identities. My background in top-tier animation studios enables me to translate narratives into powerful, purposeful imagery that goes far beyond aesthetics. I define a project's visual soul&mdash;from branding to promotional campaigns&mdash;ensuring every detail elevates the story and resonates with audiences long before the first frame is animated.
            </p>
          </div>
        </div>
      </div>

      <div class="exp-frame reveal d2">
        <a href="https://www.bassemgd.com/portfolio" class="frame" aria-label="https://www.bassemgd.com/portfolio">
          <img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/WEB_Image-BMGD_002.jpg" alt="Creative expertise collage">
          <span class="frame-corners" aria-hidden="true">
            <span class="c tl"></span><span class="c tr"></span>
            <span class="c bl"></span><span class="c br"></span>
          </span>
          <span class="frame-meta">
            <span class="tag">EXPERTISE &middot; STUDIO</span>
            <span class="dims">1200 &times; <b>800</b></span>
          </span>
          <span class="frame-cta">Explore Portfolio <i>&#8599;</i></span>
        </a>
      </div>
    </div>

    <div class="pillars">
      <div class="pillar reveal">
        <div class="pillar-icon">
          <svg class="icn" viewbox="0 0 24 24">
            <rect x="3" y="4" width="18" height="14" rx="1"></rect>
            <path d="M3 9h18M7 4v14M3 14h4M17 14h4"></path>
          </svg>
        </div>
        <div class="pillar-title">Animation</div>
        <div class="pillar-desc">Feature Films &amp; TV Series Visual Development</div>
      </div>

      <div class="pillar reveal d1">
        <div class="pillar-icon">
          <svg class="icn" viewbox="0 0 24 24">
            <path d="M14.7 6.3l3 3"></path>
            <path d="M3 21l3.8-1 10-10a2.1 2.1 0 0 0-3-3l-10 10L3 21z"></path>
            <path d="M12 8l4 4"></path>
          </svg>
        </div>
        <div class="pillar-title">Branding</div>
        <div class="pillar-desc">Identity Systems &amp; Visual Language</div>
      </div>

      <div class="pillar reveal d2">
        <div class="pillar-icon">
          <svg class="icn" viewbox="0 0 24 24">
            <path d="M4 7h3l2-2h6l2 2h3v12H4z"></path>
            <circle cx="12" cy="13" r="4"></circle>
          </svg>
        </div>
        <div class="pillar-title">Photography</div>
        <div class="pillar-desc">Creative, Editorial &amp; Travel</div>
      </div>

      <div class="pillar reveal d3">
        <div class="pillar-icon">
          <svg class="icn" viewbox="0 0 24 24">
            <path d="M12 3l9 5-9 5-9-5 9-5z"></path>
            <path d="M3 13l9 5 9-5M3 17l9 5 9-5"></path>
          </svg>
        </div>
        <div class="pillar-title">Multimedia</div>
        <div class="pillar-desc">Print &middot; Digital &middot; Motion</div>
      </div>
    </div>
  </div>
</section>

<div class="container"><div class="divider glow" style="margin:0 auto;"></div></div>

<script>
(function(){
  var io = new IntersectionObserver(function(entries){
    entries.forEach(function(e){
      if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target);}
    });
  },{threshold:0.12,rootMargin:'0px 0px -8% 0px'});
  document.querySelectorAll('.reveal').forEach(function(el){io.observe(el);});

  var counters=document.querySelectorAll('[data-counter]');
  function animate(el){
    var target=+el.dataset.counter,dur=1400,t0=performance.now();
    function tick(now){
      var p=Math.min(1,(now-t0)/dur),eased=1-Math.pow(1-p,3);
      el.textContent=Math.round(target*eased);
      if(p<1)requestAnimationFrame(tick);else el.textContent=target;
    }
    requestAnimationFrame(tick);
  }
  var co=new IntersectionObserver(function(entries){
    entries.forEach(function(e){if(e.isIntersecting){animate(e.target);co.unobserve(e.target);}});
  },{threshold:0.5});
  counters.forEach(function(c){co.observe(c);});

  var meta=document.getElementById('heroMeta'),hero=document.querySelector('.hero');
  if(hero&&meta){
    hero.addEventListener('mousemove',function(e){
      var r=hero.getBoundingClientRect(),x=(e.clientX-r.left)/r.width-0.5,y=(e.clientY-r.top)/r.height-0.5;
      meta.style.transform='translate('+(x*8)+'px,'+(y*6)+'px)';
    });
    hero.addEventListener('mouseleave',function(){meta.style.transform='';});
  }

  document.querySelectorAll('.frame').forEach(function(fp){
    var img=fp.querySelector('img');
    if(!img)return;
    fp.addEventListener('mousemove',function(e){
      var r=fp.getBoundingClientRect(),x=(e.clientX-r.left)/r.width-0.5,y=(e.clientY-r.top)/r.height-0.5;
      img.style.transform='scale(1.08) translate('+(x*-10)+'px,'+(y*-10)+'px)';
    });
    fp.addEventListener('mouseleave',function(){img.style.transform='';});
  });
})();
</script>

				</div>
				</div>
		<div class="elementor-element elementor-element-4e2d715 e-con-full e-flex e-con e-parent" data-id="4e2d715" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-02de8e5 elementor-widget elementor-widget-html" data-id="02de8e5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Professional Skills &mdash; Bassem GD</title>

<style>
:root{
  /* ألوان موقعك الحالي bassemgd.com مع اللون الذهبي الفاخر */
  --bg:#0E0F11;
  --card:#16171A;
  --border-color:#24262A;
  --gold:#c9a84c;
  --gold-l:#e8d48b;
  --gold-d:#a07c2e;
  --cream:#f5efe6;
  --muted:#9CA3AF;
  --ease:cubic-bezier(.22,1,.36,1);
}
*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:'Cairo', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background:var(--bg);
  color:var(--cream);
  overflow-x:hidden;
}

/* ========== CANVAS PARTICLES ========== */
#particles{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.4}

/* ========== SECTION ========== */
.pro-section{
  position:relative;z-index:2;
  padding:clamp(80px,10vw,140px) 24px clamp(80px,10vw,120px);
}

/* subtle grain */
.pro-section::before{
  content:"";position:fixed;inset:0;z-index:0;pointer-events:none;
  opacity:.02;
  background:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
}

.pro-wrap{width:min(1320px,100%);margin:auto;position:relative}

/* ========== HEADER ========== */
.pro-header{text-align:center;margin-bottom:clamp(50px,6vw,80px)}

.pro-badge{
  display:inline-flex;align-items:center;gap:14px;
  margin-bottom:24px;
  padding:10px 20px;border-radius:999px;
  background:rgba(201,168,76,.08);
  border:1px solid rgba(201,168,76,.22);
  color:var(--gold);
  font-size:12px;font-weight:800;letter-spacing:3px;text-transform:uppercase;
  opacity:0;animation:fadeIn .8s var(--ease) .1s forwards;
}
.pro-badge .badge-dot{
  width:6px;height:6px;border-radius:50%;background:var(--gold);
  box-shadow:0 0 8px var(--gold);
  animation:blink 2s infinite;
}
@keyframes blink{50%{opacity:.3}}

.pro-title{
  font-size:clamp(38px,6.5vw,80px);
  font-weight:900;line-height:1.1;
  letter-spacing:-1px;
  margin-bottom:24px;
  opacity:0;animation:fadeIn .9s var(--ease) .2s forwards;
}
.pro-title .t-white{color:var(--cream)}
.pro-title .t-gold{
  background:linear-gradient(135deg,var(--gold-l),var(--gold),var(--gold-d));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}

.pro-line{
  width:80px;height:2px;margin:0 auto 22px;
  background:linear-gradient(90deg,transparent,var(--gold),transparent);
  opacity:0;animation:fadeIn .8s var(--ease) .3s forwards;
}

.pro-desc{
  max-width:660px;margin:0 auto;
  color:var(--muted);font-size:clamp(15px,1.5vw,18px);
  line-height:1.8;font-weight:400;
  opacity:0;animation:fadeIn .8s var(--ease) .35s forwards;
}

@keyframes fadeIn{to{opacity:1;transform:translateY(0)}}
.pro-badge,.pro-title,.pro-desc,.pro-line{transform:translateY(24px)}

/* ========== GRID ========== */
.pro-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

/* ========== CARD ========== */
.pro-card{
  position:relative;
  height:clamp(360px,42vw,480px);
  border-radius:16px;
  background:var(--card);
  border: 1px solid var(--border-color);
  overflow:hidden;
  cursor:pointer;
  transform-style:preserve-3d;
  opacity:0;
  transform:translateY(60px) scale(.97);
}
.pro-card.visible{
  animation:cardIn .9s var(--ease) forwards;
}
.pro-card:nth-child(1).visible{animation-delay:.15s}
.pro-card:nth-child(2).visible{animation-delay:.28s}
.pro-card:nth-child(3).visible{animation-delay:.41s}
.pro-card:nth-child(4).visible{animation-delay:.54s}

@keyframes cardIn{to{opacity:1;transform:translateY(0) scale(1)}}

/* image */
.pro-card__img{
  position:absolute;inset:0;width:100%;height:100%;
  object-fit:cover;
  filter:grayscale(1) brightness(.4) contrast(1.05);
  transform:scale(1.02);
  transition:1.2s var(--ease);
}

/* dark overlay */
.pro-card__overlay{
  position:absolute;inset:0;
  background:linear-gradient(
    180deg,
    rgba(14,15,17,.2) 0%,
    rgba(14,15,17,.5) 40%,
    rgba(14,15,17,.95) 100%
  );
  transition:.6s ease;
}

/* animated gold border */
.pro-card__border{
  position:absolute;inset:0;border-radius:inherit;
  padding:1.5px;
  background:conic-gradient(from var(--angle,0deg),
    transparent 40%,var(--gold) 50%,transparent 60%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask-composite:exclude;
  opacity:0;
  transition:.5s ease;
  z-index:5;
  animation:rotateBorder 4s linear infinite;
  pointer-events:none;
}
@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}
@keyframes rotateBorder{to{--angle:360deg}}

/* spotlight */
.pro-card__spot{
  position:absolute;inset:0;z-index:2;
  background:radial-gradient(500px circle at var(--mx,50%) var(--my,50%),
    rgba(201,168,76,.15),transparent 50%);
  opacity:0;transition:.4s ease;pointer-events:none;
}

/* top bar */
.pro-card__top{
  position:absolute;top:0;left:0;right:0;
  padding:26px 28px;
  display:flex;justify-content:space-between;align-items:center;
  z-index:4;
}
.pro-card__tag{
  padding:6px 14px;border-radius:999px;
  font-size:11px;font-weight:700;letter-spacing:1px;
  color:var(--gold-l);
  background:rgba(22,23,26,.8);
  border:1px solid rgba(201,168,76,.35);
  backdrop-filter:blur(10px);
  transition:.4s ease;
}
.pro-card__num{
  font-size:13px;font-weight:600;
  color:rgba(201,168,76,.5);
}

/* center icon */
.pro-card__center{
  position:absolute;
  top:50%;left:50%;
  transform:translate(-50%,-50%) scale(.4);
  z-index:3;
  width:70px;height:70px;
  display:grid;place-items:center;
  border-radius:50%;
  background:rgba(201,168,76,.12);
  border:1.5px solid rgba(201,168,76,.4);
  backdrop-filter:blur(20px);
  opacity:0;
  transition:.6s var(--ease);
}
.pro-card__center svg{
  width:32px;height:32px;
  stroke:var(--gold-l);stroke-width:1.6;fill:none;
}

/* big watermark */
.pro-card__watermark{
  position:absolute;
  bottom:-20px;right:16px;
  font-size:clamp(120px,18vw,220px);
  font-weight:900;
  line-height:.8;
  color:transparent;
  -webkit-text-stroke:1.2px rgba(255,255,255,.04);
  z-index:1;pointer-events:none;
  transition:.8s var(--ease);
}

/* bottom content */
.pro-card__content{
  position:absolute;bottom:0;left:0;right:0;
  padding:36px 32px;z-index:4;
  transition:.5s var(--ease);
}

.pro-card__label{
  display:inline-block;
  font-size:11px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--gold);
  margin-bottom:10px;
  position:relative;padding-left:18px;
}
.pro-card__label::before{
  content:"";position:absolute;left:0;top:50%;
  width:10px;height:1.5px;
  background:var(--gold);
  transform:translateY(-50%);
}

.pro-card__name{
  font-size:clamp(26px,3.2vw,38px);
  font-weight:800;line-height:1.2;
  color:var(--cream);
  margin-bottom:12px;
  letter-spacing:-0.5px;
  transition:.4s ease;
}

.pro-card__desc{
  color:var(--muted);
  font-size:15px;line-height:1.6;
  margin-bottom:16px;
  transition:.4s ease;
}

.pro-card__tags{
  display:flex;flex-wrap:wrap;gap:8px;
  opacity:0;transform:translateY(12px);
  transition:.5s var(--ease) .1s;
}
.pro-card__tags span{
  padding:6px 12px;border-radius:999px;
  font-size:11px;font-weight:600;
  color:var(--gold);
  background:rgba(201,168,76,.08);
  border:1px solid rgba(201,168,76,.25);
}

/* ====== HOVER ====== */
.pro-card:hover .pro-card__img{
  filter:grayscale(.3) brightness(.5) contrast(1.1);
  transform:scale(1.06);
}
.pro-card:hover .pro-card__overlay{
  background:linear-gradient(
    180deg,
    rgba(14,15,17,.1) 0%,
    rgba(14,15,17,.45) 35%,
    rgba(14,15,17,.98) 100%
  );
}
.pro-card:hover .pro-card__border{opacity:1}
.pro-card:hover .pro-card__spot{opacity:1}
.pro-card:hover .pro-card__center{opacity:1;transform:translate(-50%,-50%) scale(1)}
.pro-card:hover .pro-card__watermark{
  -webkit-text-stroke-color:rgba(201,168,76,.12);
  transform:translateY(-5px);
}
.pro-card:hover .pro-card__name{color:var(--gold-l)}
.pro-card:hover .pro-card__desc{color:var(--cream)}
.pro-card:hover .pro-card__tags{opacity:1;transform:translateY(0)}
.pro-card:hover .pro-card__content{transform:translateY(-8px)}
.pro-card:hover .pro-card__tag{
  background:rgba(201,168,76,.15);
  border-color:rgba(201,168,76,.6);
}

/* ========== FOOTER CTA ========== */
.pro-cta{
  text-align:center;
  margin-top:clamp(48px,5vw,72px);
  opacity:0;transform:translateY(20px);
}
.pro-cta.visible{animation:fadeIn .8s var(--ease) .1s forwards}

.pro-cta a{
  display:inline-flex;align-items:center;gap:14px;
  padding:16px 36px;border-radius:999px;
  font-size:14px;font-weight:700;
  text-decoration:none;
  color:#0E0F11;
  background:linear-gradient(135deg,var(--gold-l),var(--gold),var(--gold-d));
  box-shadow:0 16px 40px rgba(201,168,76,.25);
  position:relative;overflow:hidden;
  transition:.4s var(--ease);
}
.pro-cta a::before{
  content:"";position:absolute;inset:0;
  background:linear-gradient(120deg,transparent 30%,rgba(255,255,255,.5) 50%,transparent 70%);
  transform:translateX(-130%);transition:.7s ease;
}
.pro-cta a:hover{transform:translateY(-4px);box-shadow:0 24px 50px rgba(201,168,76,.4)}
.pro-cta a:hover::before{transform:translateX(130%)}
.pro-cta a svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.5;fill:none}

/* ========== RESPONSIVE ========== */
@media(max-width:860px){
  .pro-grid{grid-template-columns:1fr;gap:20px}
  .pro-card{height:clamp(340px,65vw,420px)}
  .pro-card__content{padding:28px 24px}
  .pro-card__tags{opacity:1;transform:translateY(0)}
  .pro-card__center{display:none}
}
@media(max-width:480px){
  .pro-title{letter-spacing:-0.5px}
  .pro-card{height:380px;border-radius:14px}
}
</style>




<canvas id="particles"></canvas>

<section class="pro-section">
<div class="pro-wrap">

  <div class="pro-header">
    <div class="pro-badge">
      <span class="badge-dot"></span>
      What I Do Best
    </div>
    <h1 class="pro-title">
      <span class="t-white">Professional</span><br>
      <span class="t-gold">Skills Overview</span>
    </h1>
    <div class="pro-line"></div>
    <p class="pro-desc">
      Experienced Senior Graphic Designer with a strong portfolio in creating visually compelling designs across branding, motion, photography &amp; editing.
    </p>
  </div>

  <div class="pro-grid">

    <article class="pro-card" data-delay="0">
      <img decoding="async" class="pro-card__img" src="https://www.bassemgd.com/wp-content/uploads/2026/06/Key_Elements_Included__A_Complete_202606120159.jpg" alt="Graphic Designer">
      <div class="pro-card__overlay"></div>
      <div class="pro-card__border"></div>
      <div class="pro-card__spot"></div>
      <span class="pro-card__watermark">01</span>

      <div class="pro-card__top">
        <span class="pro-card__tag">Design</span>
        <span class="pro-card__num">01 / 04</span>
      </div>

      <div class="pro-card__center">
        <svg viewbox="0 0 24 24">
          <path d="M12 19l7-7 3 3-7 7-3-3z"></path>
          <path d="M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z"></path>
          <path d="M2 2l7.586 7.586"></path>
          <circle cx="11" cy="11" r="2"></circle>
        </svg>
      </div>

      <div class="pro-card__content">
        <span class="pro-card__label">Expertise</span>
        <h3 class="pro-card__name">Graphic Designer</h3>
        <p class="pro-card__desc">Brand identity &amp; visual systems</p>
        <div class="pro-card__tags">
          <span>Brand Identity</span>
          <span>Visual Systems</span>
          <span>Art Direction</span>
          <span>Print &amp; Digital</span>
        </div>
      </div>
    </article>

    <article class="pro-card" data-delay="150">
      <img decoding="async" class="pro-card__img" src="https://www.bassemgd.com/wp-content/uploads/2026/06/Multimedia-Artist-002.jpg" alt="Multimedia Artist">
      <div class="pro-card__overlay"></div>
      <div class="pro-card__border"></div>
      <div class="pro-card__spot"></div>
      <span class="pro-card__watermark">02</span>

      <div class="pro-card__top">
        <span class="pro-card__tag">Motion</span>
        <span class="pro-card__num">02 / 04</span>
      </div>

      <div class="pro-card__center">
        <svg viewbox="0 0 24 24">
          <rect x="2" y="4" width="20" height="14" rx="3"></rect>
          <path d="M10 9l5 3-5 3V9z"></path>
          <path d="M6 21h12"></path>
          <path d="M10 21v-3"></path>
          <path d="M14 21v-3"></path>
        </svg>
      </div>

      <div class="pro-card__content">
        <span class="pro-card__label">Expertise</span>
        <h3 class="pro-card__name">Multimedia Artist</h3>
        <p class="pro-card__desc">Motion graphics &amp; storytelling</p>
        <div class="pro-card__tags">
          <span>Motion Graphics</span>
          <span>Storytelling</span>
          <span>Animation</span>
        </div>
      </div>
    </article>

    <article class="pro-card" data-delay="300">
      <img decoding="async" class="pro-card__img" src="https://www.bassemgd.com/wp-content/uploads/2026/06/Photographer.jpg" alt="Photographer">
      <div class="pro-card__overlay"></div>
      <div class="pro-card__border"></div>
      <div class="pro-card__spot"></div>
      <span class="pro-card__watermark">03</span>

      <div class="pro-card__top">
        <span class="pro-card__tag">Photography</span>
        <span class="pro-card__num">03 / 04</span>
      </div>

      <div class="pro-card__center">
        <svg viewbox="0 0 24 24">
          <path d="M23 19a2 2 0 01-2 2H3a2 2 0 01-2-2V8a2 2 0 012-2h4l2-3h6l2 3h4a2 2 0 012 2z"></path>
          <circle cx="12" cy="13" r="4"></circle>
        </svg>
      </div>

      <div class="pro-card__content">
        <span class="pro-card__label">Expertise</span>
        <h3 class="pro-card__name">Photographer</h3>
        <p class="pro-card__desc">Cinematic photography</p>
        <div class="pro-card__tags">
          <span>Cinematic</span>
          <span>Portrait</span>
          <span>Product</span>
        </div>
      </div>
    </article>

    <article class="pro-card" data-delay="450">
      <img decoding="async" class="pro-card__img" src="https://www.bassemgd.com/wp-content/uploads/2026/06/Editor.jpg" alt="Editor">
      <div class="pro-card__overlay"></div>
      <div class="pro-card__border"></div>
      <div class="pro-card__spot"></div>
      <span class="pro-card__watermark">04</span>

      <div class="pro-card__top">
        <span class="pro-card__tag">Editing</span>
        <span class="pro-card__num">04 / 04</span>
      </div>

      <div class="pro-card__center">
        <svg viewbox="0 0 24 24">
          <path d="M11 4H4a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2v-7"></path>
          <path d="M18.5 2.5a2.121 2.121 0 013 3L12 15l-4 1 1-4 9.5-9.5z"></path>
        </svg>
      </div>

      <div class="pro-card__content">
        <span class="pro-card__label">Expertise</span>
        <h3 class="pro-card__name">Editor</h3>
        <p class="pro-card__desc">Photo, video &amp; voice editing</p>
        <div class="pro-card__tags">
          <span>Photo Edit</span>
          <span>Video Edit</span>
          <span>Voice Edit</span>
        </div>
      </div>
    </article>

  </div>

  <div class="pro-cta">
    <a href="https://www.bassemgd.com/portfolio">
      View Full Portfolio
      <svg viewbox="0 0 24 24"><path d="M5 12h14"></path><path d="M13 6l6 6-6 6"></path></svg>
    </a>
  </div>

</div>
</section>

<script>
/* ===== Particles Canvas ===== */
(function(){
  const c=document.getElementById('particles');
  const ctx=c.getContext('2d');
  let w,h,dots=[];
  const resize=()=>{w=c.width=innerWidth;h=c.height=innerHeight};
  resize();addEventListener('resize',resize);

  class Dot{
    constructor(){this.reset()}
    reset(){
      this.x=Math.random()*w;
      this.y=Math.random()*h;
      this.r=Math.random()*1.4+.4;
      this.dx=(Math.random()-.5)*.25;
      this.dy=(Math.random()-.5)*.25;
      this.o=Math.random()*.5+.15;
    }
    draw(){
      ctx.beginPath();
      ctx.arc(this.x,this.y,this.r,0,Math.PI*2);
      ctx.fillStyle=`rgba(201,168,76,${this.o})`;
      ctx.fill();
    }
    move(){
      this.x+=this.dx;this.y+=this.dy;
      if(this.x<0||this.x>w||this.y<0||this.y>h)this.reset();
    }
  }
  for(let i=0;i<60;i++)dots.push(new Dot());

  function loop(){
    ctx.clearRect(0,0,w,h);
    dots.forEach(d=>{d.move();d.draw()});
    // lines
    for(let i=0;i<dots.length;i++){
      for(let j=i+1;j<dots.length;j++){
        const dx=dots[i].x-dots[j].x,dy=dots[i].y-dots[j].y;
        const dist=Math.sqrt(dx*dx+dy*dy);
        if(dist<140){
          ctx.beginPath();
          ctx.moveTo(dots[i].x,dots[i].y);
          ctx.lineTo(dots[j].x,dots[j].y);
          ctx.strokeStyle=`rgba(201,168,76,${.12*(1-dist/140)})`;
          ctx.lineWidth=.6;
          ctx.stroke();
        }
      }
    }
    requestAnimationFrame(loop);
  }
  loop();
})();

/* ===== Scroll Reveal ===== */
const obs=new IntersectionObserver((entries)=>{
  entries.forEach(e=>{
    if(e.isIntersecting){
      e.target.classList.add('visible');
      obs.unobserve(e.target);
    }
  });
},{threshold:.15});
document.querySelectorAll('.pro-card,.pro-cta').forEach(el=>obs.observe(el));

/* ===== Spotlight + 3D Tilt ===== */
if(window.matchMedia('(pointer:fine)').matches){
  document.querySelectorAll('.pro-card').forEach(card=>{
    const spot=card.querySelector('.pro-card__spot');

    card.addEventListener('mousemove',e=>{
      const r=card.getBoundingClientRect();
      const x=e.clientX-r.left;
      const y=e.clientY-r.top;
      const px=(x/r.width-.5);
      const py=(y/r.height-.5);

      card.style.transform=
        `perspective(900px) rotateX(${py*-6}deg) rotateY(${px*6}deg) translateY(-6px) scale(1.02)`;

      spot.style.setProperty('--mx',x+'px');
      spot.style.setProperty('--my',y+'px');
    });

    card.addEventListener('mouseleave',()=>{
      card.style.transform='';
    });
  });
}
</script>


				</div>
				</div>
		<div class="elementor-element elementor-element-2921da3 e-con-full e-flex e-con e-parent" data-id="2921da3" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-ba976ae elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="ba976ae" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="clients-iframe-wrapper">
  <iframe src="https://www.bassemgd.com/showcase/My-Clients_002.html" frameborder="0" scrolling="yes">
  </iframe>
</div>
<style>
/* التنسيق الأساسي للشاشات الكبيرة (الكمبيوتر واللاب توب) */
.clients-iframe-wrapper {
    position: relative;
    width: 100%;
    height: 1300px; /* الارتفاع المناسب لصفحة الكلاينتس على شاشات الكمبيوتر */
    overflow: hidden;
    margin: 0 auto;
    background: #000000; /* خلفية سوداء مطابقة للتصميم لمنع أي وميض أبيض أثناء التحميل */
}
.clients-iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}
/* 📱 تحسين العرض لشاشات التابلت والأيباد (أصغر من 1024 بكسل) */
@media (max-width: 1024px) {
    .clients-iframe-wrapper {
        height: 1100px; /* تقليل الارتفاع ليناسب أبعاد التابلت */
    }
}
/* 📱 تحسين العرض لشاشات الموبايل المتوسطة والكبيرة (أصغر من 768 بكسل) */
@media (max-width: 768px) {
    .clients-iframe-wrapper {
        height: 900px; /* ارتفاع متناسق مع حجم الكروت على الموبايل */
    }
}
/* 📱 تحسين العرض لشاشات الموبايل الصغيرة جداً (أصغر من 480 بكسل) */
@media (max-width: 480px) {
    .clients-iframe-wrapper {
        height: 780px; /* يمنع ظهور أي مساحات فارغة أسفل الكاروسيل على الشاشات الصغيرة */
    }
}
</style>				</div>
				</div>
		<div class="elementor-element elementor-element-1d79a03 e-con-full e-flex elementor-invisible e-con e-parent" data-id="1d79a03" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeIn"}'>
				<div class="elementor-element elementor-element-1866a5c elementor-widget__width-inherit elementor-invisible elementor-widget elementor-widget-html" data-id="1866a5c" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<div class="showcase-iframe-wrapper">
  <iframe src="https://www.bassemgd.com/showcase/Ai-Bassem%20Photos_002.html" frameborder="0" scrolling="yes">
  </iframe>
</div>

<style>
/* التنسيق الأساسي للشاشات الكبيرة (الكمبيوتر واللاب توب) */
.showcase-iframe-wrapper {
    position: relative;
    width: 100%;
    height: 1250px; /* الارتفاع المناسب الذي اخترته لشاشات الكمبيوتر */
    overflow: hidden;
    margin: 0 auto;
    background: #050505; /* خلفية سوداء مطابقة للتصميم لمنع أي وميض أبيض أثناء التحميل */
}

.showcase-iframe-wrapper iframe {
    width: 100%;
    height: 100%;
    border: none;
    display: block;
}

/* 📱 تحسين العرض لشاشات التابلت والأيباد (أصغر من 1024 بكسل) */
@media (max-width: 1024px) {
    .showcase-iframe-wrapper {
        height: 1000px; /* تقليل الارتفاع ليناسب أبعاد التابلت */
    }
}

/* 📱 تحسين العرض لشاشات الموبايل المتوسطة والكبيرة (أصغر من 768 بكسل) */
@media (max-width: 768px) {
    .showcase-iframe-wrapper {
        height: 850px; /* ارتفاع متناسق مع حجم الكروت على الموبايل */
    }
}

/* 📱 تحسين العرض لشاشات الموبايل الصغيرة جداً (أصغر من 480 بكسل) */
@media (max-width: 480px) {
    .showcase-iframe-wrapper {
        height: 720px; /* يمنع ظهور أي مساحات فارغة أسفل الكنترول على الشاشات الصغيرة */
    }
}
</style>				</div>
				</div>
		<div class="elementor-element elementor-element-281bc77 e-con-full elementor-hidden-mobile e-flex elementor-invisible e-con e-parent" data-id="281bc77" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
				<div class="elementor-element elementor-element-f366468 elementor-widget__width-inherit elementor-widget elementor-widget-html" data-id="f366468" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<iframe src="https://www.bassemgd.com/showcase/ai-showcase-bassemgd.html" width="100%" height="1250px" frameborder="0" scrolling="yes" style="border:none; display:block; width:100%;">
</iframe>				</div>
				</div>
		<div class="elementor-element elementor-element-27c5910 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="27c5910" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-3775096 elementor-invisible elementor-widget elementor-widget-html" data-id="3775096" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1575;&#1604;&#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1579;&#1575;&#1576;&#1578; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583; &#1576;&#1600; CSS &#1601;&#1602;&#1591; &#1608;&#1576;&#1583;&#1608;&#1606; &#1571;&#1610; &#1580;&#1575;&#1601;&#1575;&#1587;&#1603;&#1585;&#1610;&#1576;&#1578; -->
<div class="hero-scroll">
  <!-- &#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; &#1575;&#1604;&#1576;&#1610;&#1590;&#1575;&#1608;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; -->
  <div class="mouse-icon">
    <div class="mouse-wheel"></div>
  </div>
  <!-- &#1575;&#1604;&#1603;&#1604;&#1605;&#1577; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583;&#1577; -->
  <span class="scroll-text">Scroll Down</span>
</div>

<style>
/* الحاوية الرئيسية الطبيعية الخاصة بك */
.hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px; /* زيادة الفراغ قليلاً لتناسق الماوس */
  position: relative;
  margin: 0 auto;
}

/* ── تصميم هيكل الماوس البيضاوي ── */
.mouse-icon {
  width: 24px;
  height: 40px;
  border: 2px solid rgba(212, 174, 120, 0.5); /* لون ذهبي متناسق ومضيء خفيف */
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}

/* ── الدائرة الداخلية (عجلة الماوس) وحركتها للأسفل ── */
.mouse-wheel {
  width: 4px;
  height: 8px;
  background-color: #D4AE78; /* اللون الذهبي المضيء */
  border-radius: 2px;
  position: absolute;
  top: 6px;
  animation: mouseScrollAnim 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* ── تنسيق الكلمة الجديدة ── */
.scroll-text {
  font-size: 15px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #888;
  font-weight: 300;
}

/* ── الخط الطولي المضيء الخاص بك (كما هو تماماً) ── */
.hero-scroll::after {
  content: '';
  display: block;
  width: 3px;
  height: 80px;
  background: linear-gradient(to bottom, #D4AE78, transparent);
  animation: scrollLine 2s ease-in-out infinite;
}

/* ── حركة عجلة الماوس الانسيابية ── */
@keyframes mouseScrollAnim {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  65% {
    transform: translateY(12px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

/* حركة الخط الطولي الخاص بك */
@keyframes scrollLine {
  0%   { opacity: 1; transform: scaleY(1); transform-origin: top; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}
</style>				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-316387f e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="316387f" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-ea73f2c elementor-widget elementor-widget-html" data-id="ea73f2c" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bassem GD &mdash; IMDB Badge</title>



<!-- TOP DIVIDER -->
<div style="height:10px;"></div>
<div class="divider-wrapper">
  <div class="contact-divider-horizontal"></div>
</div>
<div style="height:10px;"></div>

<div class="bgd-imdb-section">

  <div class="bgd-imdb-left">
    <div class="bgd-imdb-eyebrow">Featured On</div>
    <div class="bgd-imdb-title">RECOGNIZED IN THE<br><em>FILM INDUSTRY</em></div>
    <div class="bgd-imdb-desc">My work on animated productions has earned a presence on the world's most recognized film and television database &mdash; a testament to the impact of visual storytelling.</div>
    <a class="bgd-imdb-btn" href="https://www.imdb.com/name/nm13674561/" target="_blank">
      <div class="bgd-imdb-logo">IMDb</div>
      <span>View My IMDB Profile</span>
      <span class="bgd-imdb-arrow">&rarr;</span>
    </a>
  </div>

  <div class="bgd-imdb-right">
    <div class="bgd-imdb-card">
      <div class="bgd-imdb-card-logo">IMDb</div>
      <div class="bgd-imdb-card-name">BASSEM MOHAMMED NAGAH</div>
      <div class="bgd-imdb-card-role">Senior Graphic Designer, Art Director</div>
      <div class="bgd-imdb-card-divider"></div>
      <div class="bgd-imdb-credits">
        <div class="bgd-imdb-credit-item">
          <div class="bgd-imdb-credit-dot"></div>
          <div>
            <div class="bgd-imdb-credit-title">Star Chaser</div>
            <div class="bgd-imdb-credit-type">Animated Feature Film</div>
          </div>
        </div>
        <div class="bgd-imdb-credit-item">
          <div class="bgd-imdb-credit-dot"></div>
          <div>
            <div class="bgd-imdb-credit-title">Little Heroes</div>
            <div class="bgd-imdb-credit-type">Animated Series</div>
          </div>
        </div>
        <div class="bgd-imdb-credit-item">
          <div class="bgd-imdb-credit-dot"></div>
          <div>
            <div class="bgd-imdb-credit-title">Ajwan</div>
            <div class="bgd-imdb-credit-type">Animated Series</div>
          </div>
        </div>
      </div>
    </div>
  </div>

</div>

<!-- BOTTOM DIVIDER -->
<div style="height:10px;"></div>
<div class="divider-wrapper">
  <div class="contact-divider-horizontal"></div>
</div>
<div style="height:10px;"></div>

<style>
.divider-wrapper{display:flex;justify-content:center;align-items:center;width:100%}
.contact-divider-horizontal{width:1900px;height:2px;background:linear-gradient(to right,transparent,#D4AE78,transparent);box-shadow:0 0 100px rgba(212,174,120,0.6),0 0 100px rgba(212,174,120,0.3);animation:glowPulse 2s ease-in-out infinite}
@keyframes glowPulse{0%,100%{opacity:1}50%{opacity:0.4}}

.bgd-imdb-section{width:100%;background:#000;padding:80px 60px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1600px;margin:0 auto;box-sizing:border-box}

/* LEFT */
.bgd-imdb-eyebrow{font-family:'Tahoma',sans-serif;font-size:25px;letter-spacing:5px;text-transform:uppercase;color:#D4AE78;margin-bottom:20px;display:flex;align-items:center;gap:14px}
.bgd-imdb-eyebrow::before{content:'';display:block;width:30px;height:1px;background:#D4AE78}
.bgd-imdb-title{font-family:'Tahoma',sans-serif;font-size:40px;font-weight:300;color:#f2ede4;line-height:1.15;margin-bottom:25px}
.bgd-imdb-title em{font-style:italic;color:#D4AE78}
.bgd-imdb-desc{font-family:'Tahoma',sans-serif;font-size:18px;color:#666;line-height:1.9;margin-bottom:36px;max-width:600px}
.bgd-imdb-btn{display:inline-flex;align-items:center;gap:18px;border:1px solid rgba(212,174,120,0.3);padding:14px 28px;text-decoration:none;transition:all 0.3s;background:transparent}
.bgd-imdb-btn:hover{border-color:#D4AE78;background:rgba(212,174,120,0.05);transform:translateY(-2px)}
.bgd-imdb-logo{background:#F5C518;color:#000;font-family:'Tahoma',sans-serif;font-size:16px;font-weight:700;padding:4px 8px;border-radius:2px;letter-spacing:0}
.bgd-imdb-btn span{font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#D4AE78}
.bgd-imdb-arrow{font-size:16px !important;letter-spacing:0 !important}

/* RIGHT CARD */
.bgd-imdb-card{background:#0d0d0d;border:1px solid rgba(212,174,120,0.12);padding:20px;position:relative;overflow:hidden}
.bgd-imdb-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(to right,#F5C518,#D4AE78)}
.bgd-imdb-card-logo{background:#F5C518;color:#000;font-family:'Tahoma',sans-serif;font-size:18px;font-weight:700;padding:6px 12px;border-radius:3px;display:inline-block;margin-bottom:20px;letter-spacing:0}
.bgd-imdb-card-name{font-family:'Tahoma',sans-serif;font-size:25px;font-weight:400;color:#f2ede4;margin-bottom:8px}
.bgd-imdb-card-role{font-family:'Tahoma',sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;color:#D4AE78;margin-bottom:24px}
.bgd-imdb-card-divider{width:100%;height:1px;background:rgba(212,174,120,0.12);margin-bottom:24px}
.bgd-imdb-credits{display:flex;flex-direction:column;gap:16px}
.bgd-imdb-credit-item{display:flex;align-items:flex-start;gap:14px}
.bgd-imdb-credit-dot{width:8px;height:8px;border:1px solid #D4AE78;border-radius:50%;flex-shrink:0;margin-top:4px}
.bgd-imdb-credit-title{font-family:'Tahoma',sans-serif;font-size:20px;color:#f2ede4;margin-bottom:4px}
.bgd-imdb-credit-type{font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#555}

@media(max-width:800px){
  .bgd-imdb-section{grid-template-columns:1fr;gap:40px;padding:60px 24px}
  .bgd-imdb-title{font-size:28px}
}
</style>

<script>
(function(){
  var section=document.querySelector('.bgd-imdb-section');
  if(!section)return;
  section.style.opacity='0';
  section.style.transform='translateY(30px)';
  section.style.transition='opacity 0.8s ease, transform 0.8s ease';
  var obs=new IntersectionObserver(function(entries){
    entries.forEach(function(entry){
      if(entry.isIntersecting){
        entry.target.style.opacity='1';
        entry.target.style.transform='translateY(0)';
        obs.unobserve(entry.target);
      }
    });
  },{threshold:0.2});
  obs.observe(section);
})();
</script>


				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-7b7b3f2 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="7b7b3f2" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-813ab0f elementor-widget elementor-widget-html" data-id="813ab0f" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Bassem GD &mdash; Featured Project</title>




<div style="height 10px;"></div>

<div class="bgd-featured-section">

  <!-- Header -->
  <div class="bgd-featured-header">
    <div class="bgd-featured-eyebrow">Selected Work</div>
    <div class="bgd-featured-title">FEATURED <em>PROJECTS</em></div>
  </div>

  <!-- Project 01 &mdash; Star Chaser -->
  <div class="bgd-featured-item">
    <div class="bgd-featured-img" style="background-image:url('https://www.bassemgd.com/wp-content/uploads/2026/05/IMG_Star-Chaser_001.jpg');">
        
    </div>
    <div class="bgd-featured-info">
      <div class="bgd-featured-tag">Animated Feature Film</div>
      <div class="bgd-featured-name">Star Chaser</div>
      <div class="bgd-featured-desc">Full visual identity for a feature animation &mdash; including poster design, pitch deck, key art, and production graphics that define the cinematic world of the film.</div>
      <div class="bgd-featured-meta">
        <span class="bgd-meta-item">&#9670; Poster Design</span>
        <span class="bgd-meta-item">&#9670; Visual Identity</span>
        <span class="bgd-meta-item">&#9670; Art Direction</span>
      </div>
      <div class="bgd-featured-badges">
        <span class="bgd-badge-imdb">IMDb</span>
        <span class="bgd-badge-studio">Barajoun Studios</span>
      </div>
      <a class="bgd-featured-btn" href="https://www.imdb.com/name/nm13674561/" target="_blank">View on IMDB &rarr;</a>
    </div>
  </div>

  <!-- Project 02 &mdash; Little Heroes -->
  <div class="bgd-featured-item reverse">
    <div class="bgd-featured-img" style="background-image:url('https://www.bassemgd.com/wp-content/uploads/2026/05/IMG_Little-Heroes_00001.jpg');">

    </div>
    <div class="bgd-featured-info">
      <div class="bgd-featured-tag">Animated Series</div>
      <div class="bgd-featured-name">Little Heroes</div>
      <div class="bgd-featured-desc">Brand identity, promotional posters, art book, merchandise design, and style guide for one of the UAE's most beloved animated series &mdash; available on SHAHID.</div>
      <div class="bgd-featured-meta">
        <span class="bgd-meta-item">&#9670; Brand Identity</span>
        <span class="bgd-meta-item">&#9670; Posters</span>
        <span class="bgd-meta-item">&#9670; Art Book</span>
      </div>
      <div class="bgd-featured-badges">
        <span class="bgd-badge-shahid">SHAHID</span>
        <span class="bgd-badge-studio">Barajoun Studios</span>
      </div>
      <a class="bgd-featured-btn" href="https://shahid.mbc.net/en/series/Little-Heroes-season-1/season-1028910-1028911" target="_blank">Watch on SHAHID &rarr;</a>
    </div>
  </div>

  <!-- Project 03 &mdash; Ajwan -->
  <div class="bgd-featured-item">
    <div class="bgd-featured-img" style="background-image:url('https://www.bassemgd.com/wp-content/uploads/2026/05/IMG_Ajwan_001.jpg');">
     
      
    </div>
    <div class="bgd-featured-info">
      <div class="bgd-featured-tag">Animated Series</div>
      <div class="bgd-featured-name">Ajwan</div>
      <div class="bgd-featured-desc">Complete visual identity, promotional posters, art book, and production design for this acclaimed animated series &mdash; celebrating UAE culture through stunning visuals.</div>
      <div class="bgd-featured-meta">
        <span class="bgd-meta-item">&#9670; Brand Identity</span>
        <span class="bgd-meta-item">&#9670; Production Design</span>
        <span class="bgd-meta-item">&#9670; Art Direction</span>
      </div>
      <div class="bgd-featured-badges">
        <span class="bgd-badge-shahid">SHAHID</span>
        <span class="bgd-badge-studio">Barajoun Studios</span>
      </div>
      <a class="bgd-featured-btn" href="https://shahid.mbc.net/en/series/Ajwan-season-1/season-945624-945628" target="_blank">Watch on SHAHID &rarr;</a>
    </div>
  </div>

</div>


<style>
/* DIVIDER */
.divider-wrapper{display:flex;justify-content:center;align-items:center;width:100%}
.contact-divider-horizontal{width:1900px;height:2px;background:linear-gradient(to right,transparent,#D4AE78,transparent);box-shadow:0 0 100px rgba(212,174,120,0.6),0 0 100px rgba(212,174,120,0.3);animation:glowPulse 2s ease-in-out infinite}
@keyframes glowPulse{0%,100%{opacity:1}50%{opacity:0.4}}

/* SECTION */
.bgd-featured-section{width:100%;background:#000;padding:80px 60px;max-width:1600px;margin:0 auto;box-sizing:border-box}

/* HEADER */
.bgd-featured-header{text-align:center;margin-bottom:80px}
.bgd-featured-eyebrow{font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:5px;text-transform:uppercase;color:#D4AE78;margin-bottom:16px;display:flex;align-items:center;justify-content:center;gap:16px}
.bgd-featured-eyebrow::before,.bgd-featured-eyebrow::after{content:'';display:block;width:40px;height:1px;background:linear-gradient(to right,transparent,#D4AE78)}
.bgd-featured-eyebrow::after{background:linear-gradient(to left,transparent,#D4AE78)}
.bgd-featured-title{font-family:'Tahoma',sans-serif;font-size:42px;font-weight:300;color:#f2ede4;line-height:1.1}
.bgd-featured-title em{font-style:italic;color:#D4AE78}

/* ITEM */
.bgd-featured-item{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-bottom:2px;opacity:0;transform:translateY(40px);transition:opacity 0.8s ease,transform 0.8s ease}
.bgd-featured-item.visible{opacity:1;transform:translateY(0)}
.bgd-featured-item.reverse{direction:rtl}
.bgd-featured-item.reverse .bgd-featured-info{direction:ltr}
.bgd-featured-item.reverse .bgd-featured-img{direction:ltr}

/* IMAGE */
.bgd-featured-img{position:relative;aspect-ratio:4/3;overflow:hidden;background:#0d0d0d;display:flex;align-items:center;justify-content:center;cursor:default}
.bgd-featured-img-overlay{position:absolute;inset:0;background:linear-gradient(135deg,#1a1200 0%,#050505 100%)}
.bgd-featured-img:hover .bgd-featured-img-overlay{background:linear-gradient(135deg,rgba(212,174,120,0.15) 0%,#050505 100%)}
.bgd-featured-img-label{position:relative;z-index:1;font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:4px;text-transform:uppercase;color:rgba(212,174,120,0.3);border:1px solid rgba(212,174,120,0.15);padding:12px 24px;transition:all 0.3s}
.bgd-featured-img:hover .bgd-featured-img-label{color:rgba(212,174,120,0.7);border-color:rgba(212,174,120,0.4)}
.bgd-featured-num{position:absolute;top:24px;left:24px;font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:2px;color:rgba(212,174,120,0.3)}

/* INFO */
.bgd-featured-info{background:#0a0a0a;padding:48px 44px;display:flex;flex-direction:column;justify-content:center;gap:16px;border:1px solid rgba(212,174,120,0.06)}
.bgd-featured-tag{font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:4px;text-transform:uppercase;color:#D4AE78}
.bgd-featured-name{font-family:'Tahoma',sans-serif;font-size:32px;font-weight:300;color:#f2ede4;line-height:1.1}
.bgd-featured-desc{font-family:'Tahoma',sans-serif;font-size:15px;color:#666;line-height:1.9}
.bgd-featured-meta{display:flex;flex-wrap:wrap;gap:12px;margin-top:4px}
.bgd-meta-item{font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#D4AE78}
.bgd-featured-badges{display:flex;gap:10px;flex-wrap:wrap}
.bgd-badge-imdb{background:#F5C518;color:#000;font-family:'Tahoma',sans-serif;font-size:15px;font-weight:700;padding:4px 10px;border-radius:2px;letter-spacing:0}
.bgd-badge-shahid{background:#1a1a1a;color:#D4AE78;font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(212,174,120,0.3)}
.bgd-badge-studio{background:transparent;color:#555;font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border:1px solid rgba(255,255,255,0.08)}
.bgd-featured-btn{align-self:flex-start;font-family:'Tahoma',sans-serif;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:#D4AE78;text-decoration:none;border:1px solid rgba(212,174,120,0.3);padding:12px 24px;transition:all 0.3s;margin-top:8px}
.bgd-featured-btn:hover{background:#D4AE78;color:#000;border-color:#D4AE78}

/* RESPONSIVE */
@media(max-width:800px){
  .bgd-featured-item{grid-template-columns:1fr}
  .bgd-featured-item.reverse{direction:ltr}
  .bgd-featured-section{padding:60px 24px}
  .bgd-featured-name{font-size:24px}
  .bgd-featured-title{font-size:30px}
}
</style>

<script>
(function(){
  var items=document.querySelectorAll('.bgd-featured-item');
  var obs=new IntersectionObserver(function(entries){
    entries.forEach(function(entry){
      if(entry.isIntersecting){
        entry.target.classList.add('visible');
        obs.unobserve(entry.target);
      }
    });
  },{threshold:0.15});
  items.forEach(function(item){obs.observe(item);});
})();
</script>


				</div>
					</div>
				</div>
		<div class="elementor-element elementor-element-d003f81 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="d003f81" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-a931a4d elementor-invisible elementor-widget elementor-widget-html" data-id="a931a4d" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1575;&#1604;&#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1579;&#1575;&#1576;&#1578; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583; &#1576;&#1600; CSS &#1601;&#1602;&#1591; &#1608;&#1576;&#1583;&#1608;&#1606; &#1571;&#1610; &#1580;&#1575;&#1601;&#1575;&#1587;&#1603;&#1585;&#1610;&#1576;&#1578; -->
<div class="hero-scroll">
  <!-- &#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; &#1575;&#1604;&#1576;&#1610;&#1590;&#1575;&#1608;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; -->
  <div class="mouse-icon">
    <div class="mouse-wheel"></div>
  </div>
  <!-- &#1575;&#1604;&#1603;&#1604;&#1605;&#1577; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583;&#1577; -->
  <span class="scroll-text">Scroll Down</span>
</div>

<style>
/* الحاوية الرئيسية الطبيعية الخاصة بك */
.hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px; /* زيادة الفراغ قليلاً لتناسق الماوس */
  position: relative;
  margin: 0 auto;
}

/* ── تصميم هيكل الماوس البيضاوي ── */
.mouse-icon {
  width: 24px;
  height: 40px;
  border: 2px solid rgba(212, 174, 120, 0.5); /* لون ذهبي متناسق ومضيء خفيف */
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}

/* ── الدائرة الداخلية (عجلة الماوس) وحركتها للأسفل ── */
.mouse-wheel {
  width: 4px;
  height: 8px;
  background-color: #D4AE78; /* اللون الذهبي المضيء */
  border-radius: 2px;
  position: absolute;
  top: 6px;
  animation: mouseScrollAnim 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* ── تنسيق الكلمة الجديدة ── */
.scroll-text {
  font-size: 15px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #888;
  font-weight: 300;
}

/* ── الخط الطولي المضيء الخاص بك (كما هو تماماً) ── */
.hero-scroll::after {
  content: '';
  display: block;
  width: 3px;
  height: 80px;
  background: linear-gradient(to bottom, #D4AE78, transparent);
  animation: scrollLine 2s ease-in-out infinite;
}

/* ── حركة عجلة الماوس الانسيابية ── */
@keyframes mouseScrollAnim {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  65% {
    transform: translateY(12px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

/* حركة الخط الطولي الخاص بك */
@keyframes scrollLine {
  0%   { opacity: 1; transform: scaleY(1); transform-origin: top; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}
</style>				</div>
					</div>
				</div>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-de3cda2 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="de3cda2" data-element_type="section" data-e-type="section" data-settings='{"background_background":"classic","animation":"fadeIn"}'>
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-78a0c02 elementor-invisible" data-id="78a0c02" data-element_type="column" data-e-type="column" data-settings='{"animation":"fadeIn"}'>
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-1a61bbf elementor-invisible elementor-widget elementor-widget-html" data-id="1a61bbf" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1603;&#1608;&#1583; &#1601;&#1575;&#1589;&#1604; &#1575;&#1604;&#1605;&#1588;&#1575;&#1585;&#1610;&#1593; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604;&#1610; &#1608;&#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1604;&#1589;&#1601;&#1581;&#1577; &#1575;&#1604;&#1576;&#1608;&#1585;&#1578;&#1601;&#1608;&#1604;&#1610;&#1608; - bassemgd.com -->
<div class="bgd-portfolio-giant-divider" id="giantDivider-01">
  
  <!-- &#1582;&#1591; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604; &#1575;&#1604;&#1593;&#1604;&#1608;&#1610; &#1575;&#1604;&#1606;&#1581;&#1610;&#1601; &#1605;&#1593; &#1575;&#1604;&#1593;&#1583;&#1575;&#1583; &#1575;&#1604;&#1585;&#1602;&#1605;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; &#1575;&#1604;&#1605;&#1587;&#1578;&#1605;&#1585; -->
  <div class="portfolio-grid-top-line">
    <div class="grid-cross-marker left-cross">+</div>
    
    <span class="grid-tech-data">
      SYS_MATRIX: <span id="portMatrix-01">0.482</span> &nbsp;//&nbsp; 
      RENDER_NODE: <span id="portNode-01">98.4%</span>
    </span>
    
    <div class="grid-cross-marker right-cross">+</div>
  </div>

  <!-- &#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1607;&#1606;&#1583;&#1587;&#1610; &#1575;&#1604;&#1605;&#1601;&#1578;&#1608;&#1581; &#1608;&#1575;&#1604;&#1571;&#1602;&#1608;&#1575;&#1587; &#1575;&#1604;&#1580;&#1575;&#1606;&#1576;&#1610;&#1577; &#1575;&#1604;&#1603;&#1576;&#1610;&#1585;&#1577; -->
  <div class="portfolio-title-flex-container">
    <div class="portfolio-bracket-side left-b"></div>
    
    <!-- &#1575;&#1604;&#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1583;&#1575;&#1582;&#1604;&#1610;&#1577; &#1575;&#1604;&#1605;&#1587;&#1572;&#1608;&#1604;&#1577; &#1593;&#1606; &#1581;&#1585;&#1603;&#1577; &#1575;&#1604;&#1575;&#1604;&#1578;&#1601;&#1575;&#1601; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610;&#1577; &#1605;&#1593; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; -->
    <div class="portfolio-text-bundle" id="textBundle-01">
      <!-- &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1585;&#1574;&#1610;&#1587;&#1610; &#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1608;&#1575;&#1604;&#1605;&#1579;&#1610;&#1585; -->
      <h2 class="portfolio-section-title">AI-driven visuals blending motion &amp; branding</h2>
      
      <!-- &#1606;&#1589; &#1575;&#1604;&#1608;&#1589;&#1601; &#1575;&#1604;&#1580;&#1575;&#1607;&#1586; &#1608;&#1575;&#1604;&#1605;&#1603;&#1576;&#1585; -->
      <p class="portfolio-section-description">
        Crafting motion visuals that inspire the soul and captivate the eye, transforming ideas into breathtaking cinematic experiences.
        
      </p>
    </div>
    
    <div class="portfolio-bracket-side right-b"></div>
  </div>

  <!-- &#1575;&#1604;&#1582;&#1591; &#1575;&#1604;&#1587;&#1601;&#1604;&#1610; &#1575;&#1604;&#1605;&#1591;&#1608;&#1585; &#1576;&#1575;&#1604;&#1606;&#1576;&#1590; &#1608;&#1575;&#1604;&#1578;&#1608;&#1607;&#1580; &#1575;&#1604;&#1584;&#1607;&#1576;&#1610; &#1575;&#1604;&#1605;&#1605;&#1578;&#1583; &#1575;&#1604;&#1582;&#1575;&#1589; &#1576;&#1603; -->
  <div class="portfolio-glow-line-wrapper">
    <div class="portfolio-horizontal-glow-line"></div>
  </div>
  
</div>

<style>
/* الجذور اللونية لتوحيد الهوية البصرية */
:root {
  --portfolio-gold: #D4AE78;
  --portfolio-white: #F5F0E8;
  --portfolio-dark-bg: #060606;
}

/* الحاوية الأساسية للفاصل - مهيأة للتفاعل ثلاثي الأبعاد */
.bgd-portfolio-giant-divider {
  width: 100%;
  max-width: 1400px;
  margin: 90px auto 60px auto;
  padding: 0 40px;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', 'Montserrat', sans-serif;
  cursor: default;
  position: relative;
  text-align: center;
  perspective: 1000px; /* تمنح عمقاً بصرياً للحركة التفاعلية */
}

/* 1. خط الهيكل العلوي */
.portfolio-grid-top-line {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

/* علامات التقاطع الهندسية (+) العملاقة */
.grid-cross-marker {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 34px; /* حجم عملاق وواضح جداً */
  font-weight: 200;
  color: var(--portfolio-gold);
  line-height: 0;
  text-shadow: 0 0 12px rgba(212, 174, 120, 0.5);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
.left-cross { transform: translate(-2px, -1px); }
.right-cross { transform: translate(2px, -1px); }

/* شريط الإحداثيات التقني المطور */
.grid-tech-data {
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px; /* تم تكبير الخط */
  letter-spacing: 4px;
  color: rgba(245, 240, 232, 0.4);
  background: var(--portfolio-dark-bg);
  padding: 0 25px;
  transform: translateY(-1px);
}
#portMatrix-01, #portNode-01 {
  color: var(--portfolio-gold);
  font-weight: bold;
}

/* 2. حاوية العنوان المركزي والوصف */
.portfolio-title-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
  margin-bottom: 45px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* الحاوية النصية الداعمة للأنميشن التفاعلي */
.portfolio-text-bundle {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); /* حركة ناعمة جداً مع الماوس */
  will-change: transform;
}

/* الأقواس الجانبية المعمارية الأكثر سماكة */
.portfolio-bracket-side {
  width: 2px; /* خط جانبي أكثر سمكاً وبروزاً */
  height: 60px;
  background: rgba(255, 255, 255, 0.12);
  position: relative;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.portfolio-bracket-side::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background: rgba(255, 255, 255, 0.12);
  transition: all 0.5s ease;
}
.left-b::after { top: 0; left: 0; }
.right-b::after { bottom: 0; right: 0; }

/* العنوان الرئيسي العملاق الفاخر */
.portfolio-section-title {
  color: var(--portfolio-white);
  font-size: 46px; /* تم تضخيم الخط بشكل ملحوظ وقوي */
  font-weight: 800;
  letter-spacing: 10px;
  margin: 0;
  text-transform: uppercase;
  transition: color 0.4s ease, text-shadow 0.4s ease, letter-spacing 0.5s ease;
}

/* الوصف النصي المكبر المجهز */
.portfolio-section-description {
  color: rgba(245, 240, 232, 0.55);
  font-size: 16px; /* خط أكبر وأكثر وضوحاً وقراءة */
  line-height: 1.7;
  max-width: 850px;
  margin: 0 auto;
  font-weight: 400;
  letter-spacing: 0.8px;
  transition: color 0.4s ease;
}

/* 3. الخط السفلي النبضي المتوهج */
.portfolio-glow-line-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.portfolio-horizontal-glow-line {
  width: 100%;
  height: 2px; /* زيادة سماكة خط التوهج ليتوازن مع حجم العنوان */
  background: linear-gradient(
    to right,
    transparent,
    var(--portfolio-gold),
    transparent
  );
  box-shadow: 0 0 100px rgba(212, 174, 120, 0.6),
              0 0 50px rgba(212, 174, 120, 0.3);
  animation: portfolioGlowPulse 2.5s ease-in-out infinite;
}

/* ── تأثيرات الـ Hover الكلاسيكية المكملة للتفاعل ── */
.bgd-portfolio-giant-divider:hover .portfolio-section-title {
  color: #ffffff;
  letter-spacing: 12px;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.35);
}

.bgd-portfolio-giant-divider:hover .portfolio-section-description {
  color: rgba(245, 240, 232, 0.85);
}

.bgd-portfolio-giant-divider:hover .portfolio-bracket-side {
  background: var(--portfolio-gold);
  height: 80px;
  box-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .portfolio-bracket-side::after {
  background: var(--portfolio-gold);
  width: 25px;
}

.bgd-portfolio-giant-divider:hover .left-cross {
  transform: translate(-4px, -1px) rotate(180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .right-cross {
  transform: translate(4px, -1px) rotate(-180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}

/* أنميشن النبض الضوئي للخط */
@keyframes portfolioGlowPulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}

/* التجاوب الذكي مع الشاشات المتنوعة */
@media (max-width: 1024px) {
  .portfolio-section-title { font-size: 34px; letter-spacing: 6px; }
  .portfolio-section-description { font-size: 14px; }
  .grid-cross-marker { font-size: 26px; }
}

@media (max-width: 768px) {
  .portfolio-section-title { font-size: 26px; letter-spacing: 4px; }
  .portfolio-title-flex-container { gap: 20px; }
  .portfolio-bracket-side { display: none; } /* إلغاء الالتفاف في الشاشات اللمسية الصغيرة لراحة التصفح */
}
</style>

<script>
  (function() {
    // 1. تشغيل المحاكاة الرقمية المستمرة في الأعلى
    const matrixEl = document.getElementById('portMatrix-01');
    const nodeEl = document.getElementById('portNode-01');

    function simulatePortfolioMetrics() {
      if (matrixEl && nodeEl) {
        if (Math.random() > 0.5) {
          matrixEl.textContent = (Math.random()).toFixed(3);
        }
        if (Math.random() > 0.7) {
          nodeEl.textContent = (90 + Math.random() * 9).toFixed(1) + '%';
        }
      }
    }
    setInterval(simulatePortfolioMetrics, 400);

    // 2. كود حركة الـ Parallax التفاعلية المتطورة مع حركة الماوس
    const dividerSection = document.getElementById('giantDivider-01');
    const textBundle = document.getElementById('textBundle-01');

    if (dividerSection && textBundle) {
      dividerSection.addEventListener('mousemove', (e) => {
        const rect = dividerSection.getBoundingClientRect();
        
        // حساب موقع الماوس بالنسبة لمركز الفاصل
        const x = e.clientX - rect.left - (rect.width / 2);
        const y = e.clientY - rect.top - (rect.height / 2);
        
        // تحويل الحسابات إلى درجات ميلان خفيفة وراقية (لا تسبب تشتيت بصرى)
        const tiltX = (y / (rect.height / 2)) * -8; // حد أقصى 8 درجات ميل عمودي
        const tiltY = (x / (rect.width / 2)) * 8;   // حد أقصى 8 درجات ميل أفقي
        
        // تطبيق الحركة مباشرة على كتلة العناوين
        textBundle.style.transform = `rotateX(${tiltX}deg) rotateY(${tiltY}deg) translateX(${tiltY * 0.5}px)`;
      });

      // إرجاع العناوين لمكانها الأصلي بنعومة عند خروج الماوس
      dividerSection.addEventListener('mouseleave', () => {
        textBundle.style.transform = 'rotateX(0deg) rotateY(0deg) translateX(0px)';
      });
    }
  })();
</script>				</div>
				<div class="elementor-element elementor-element-cfa977a elementor-arrows-position-outside elementor-pagination-position-outside elementor-invisible elementor-widget elementor-widget-image-carousel" data-id="cfa977a" data-element_type="widget" data-e-type="widget" data-settings='{"slides_to_show":"3","slides_to_scroll":"2","autoplay_speed":2000,"slides_to_show_tablet":"2","slides_to_show_mobile":"1","image_spacing_custom":{"unit":"px","size":30,"sizes":[]},"_animation":"fadeInUp","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_widescreen":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_laptop":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]}}' data-widget_type="image-carousel.default">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="AI-Driven Design Concept" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper swiper-image-stretch" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Bassem-Mohammed-Nagag-Personal-Poster_001-01.jpg" alt="Bassem-Mohammed-Nagag-Personal-Poster_001-01"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Bassem-Mohammed-Nagag-Personal-Poster_001-02.jpg" alt="Bassem-Mohammed-Nagag-Personal-Poster_001-02"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Bassem-Mohammed-Nagag-Personal-Poster_001-03.jpg" alt="Bassem-Mohammed-Nagag-Personal-Poster_001-03"></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
				<div class="elementor-element elementor-element-0cd54bb elementor-arrows-position-outside elementor-pagination-position-outside elementor-invisible elementor-widget elementor-widget-image-carousel" data-id="0cd54bb" data-element_type="widget" data-e-type="widget" data-settings='{"slides_to_show":"3","slides_to_scroll":"2","autoplay_speed":2000,"slides_to_show_tablet":"2","slides_to_show_mobile":"1","image_spacing_custom":{"unit":"px","size":30,"sizes":[]},"_animation":"fadeInUp","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_widescreen":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_laptop":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]}}' data-widget_type="image-carousel.default">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="AI-Driven Design Concept" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper swiper-image-stretch" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/02/BASSEM-NAGAH-Creative-Fingerprint-Signature-01.jpg" alt="BASSEM-NAGAH-Creative-Fingerprint-Signature-01"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/02/BASSEM-NAGAH-Creative-Fingerprint-Signature-02.jpg" alt="BASSEM-NAGAH-Creative-Fingerprint-Signature-02"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 3"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/02/BASSEM-NAGAH-Creative-Fingerprint-Signature-03.jpg" alt="BASSEM-NAGAH-Creative-Fingerprint-Signature-02"></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-39fa8d7 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="39fa8d7" data-element_type="section" data-e-type="section" data-settings='{"background_background":"classic","animation":"fadeIn"}'>
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-68a62fb elementor-invisible" data-id="68a62fb" data-element_type="column" data-e-type="column" data-settings='{"animation":"fadeIn"}'>
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-428231f elementor-invisible elementor-widget elementor-widget-html" data-id="428231f" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1603;&#1608;&#1583; &#1601;&#1575;&#1589;&#1604; &#1575;&#1604;&#1605;&#1588;&#1575;&#1585;&#1610;&#1593; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604;&#1610; &#1608;&#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1604;&#1589;&#1601;&#1581;&#1577; &#1575;&#1604;&#1576;&#1608;&#1585;&#1578;&#1601;&#1608;&#1604;&#1610;&#1608; - bassemgd.com -->
<div class="bgd-portfolio-giant-divider" id="giantDivider-01">
  
  <!-- &#1582;&#1591; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604; &#1575;&#1604;&#1593;&#1604;&#1608;&#1610; &#1575;&#1604;&#1606;&#1581;&#1610;&#1601; &#1605;&#1593; &#1575;&#1604;&#1593;&#1583;&#1575;&#1583; &#1575;&#1604;&#1585;&#1602;&#1605;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; &#1575;&#1604;&#1605;&#1587;&#1578;&#1605;&#1585; -->
  <div class="portfolio-grid-top-line">
    <div class="grid-cross-marker left-cross">+</div>
    
    <span class="grid-tech-data">
      SYS_MATRIX: <span id="portMatrix-01">0.482</span> &nbsp;//&nbsp; 
      RENDER_NODE: <span id="portNode-01">98.4%</span>
    </span>
    
    <div class="grid-cross-marker right-cross">+</div>
  </div>

  <!-- &#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1607;&#1606;&#1583;&#1587;&#1610; &#1575;&#1604;&#1605;&#1601;&#1578;&#1608;&#1581; &#1608;&#1575;&#1604;&#1571;&#1602;&#1608;&#1575;&#1587; &#1575;&#1604;&#1580;&#1575;&#1606;&#1576;&#1610;&#1577; &#1575;&#1604;&#1583;&#1610;&#1606;&#1575;&#1605;&#1610;&#1603;&#1610;&#1577; &#1575;&#1604;&#1605;&#1585;&#1606;&#1577; -->
  <div class="portfolio-title-flex-container">
    <div class="portfolio-bracket-side left-b"></div>
    
    <!-- &#1575;&#1604;&#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1583;&#1575;&#1582;&#1604;&#1610;&#1577; &#1575;&#1604;&#1605;&#1587;&#1572;&#1608;&#1604;&#1577; &#1593;&#1606; &#1581;&#1585;&#1603;&#1577; &#1575;&#1604;&#1575;&#1604;&#1578;&#1601;&#1575;&#1601; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610;&#1577; &#1605;&#1593; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; -->
    <div class="portfolio-text-bundle" id="textBundle-01">
      <!-- &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1585;&#1574;&#1610;&#1587;&#1610; &#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1608;&#1575;&#1604;&#1605;&#1579;&#1610;&#1585; -->
      <h2 class="portfolio-section-title">Worlds Beyond Reality Posters</h2>


    </div>
    
    <div class="portfolio-bracket-side right-b"></div>
  </div>

  <!-- &#1575;&#1604;&#1582;&#1591; &#1575;&#1604;&#1587;&#1601;&#1604;&#1610; &#1575;&#1604;&#1605;&#1591;&#1608;&#1585; &#1576;&#1575;&#1604;&#1606;&#1576;&#1590; &#1608;&#1575;&#1604;&#1578;&#1608;&#1607;&#1580; &#1575;&#1604;&#1584;&#1607;&#1576;&#1610; &#1575;&#1604;&#1605;&#1605;&#1578;&#1583; &#1575;&#1604;&#1582;&#1575;&#1589; &#1576;&#1603; -->
  <div class="portfolio-glow-line-wrapper">
    <div class="portfolio-horizontal-glow-line"></div>
  </div>
  
</div>

<style>
/* الجذور اللونية لتوحيد الهوية البصرية */
:root {
  --portfolio-gold: #D4AE78;
  --portfolio-white: #F5F0E8;
  --portfolio-dark-bg: #060606;
}

/* الحاوية الأساسية للفاصل - مهيأة للتفاعل ثلاثي الأبعاد */
.bgd-portfolio-giant-divider {
  width: 100%;
  max-width: 1400px;
  margin: 90px auto 60px auto;
  padding: 0 40px;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', 'Montserrat', sans-serif;
  cursor: default;
  position: relative;
  text-align: center;
  perspective: 1000px; /* تمنح عمقاً بصرياً للحركة التفاعلية */
}

/* 1. خط الهيكل العلوي */
.portfolio-grid-top-line {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

/* علامات التقاطع الهندسية (+) العملاقة */
.grid-cross-marker {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 34px; /* حجم عملاق وواضح جداً */
  font-weight: 200;
  color: var(--portfolio-gold);
  line-height: 0;
  text-shadow: 0 0 12px rgba(212, 174, 120, 0.5);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
.left-cross { transform: translate(-2px, -1px); }
.right-cross { transform: translate(2px, -1px); }

/* شريط الإحداثيات التقني المطور */
.grid-tech-data {
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px; /* تم تكبير الخط */
  letter-spacing: 4px;
  color: rgba(245, 240, 232, 0.4);
  background: var(--portfolio-dark-bg);
  padding: 0 25px;
  transform: translateY(-1px);
}
#portMatrix-01, #portNode-01 {
  color: var(--portfolio-gold);
  font-weight: bold;
}

/* 2. حاوية العنوان المركزي والوصف - تم تعديلها لتصبح Stretch لمرونة الارتفاع */
.portfolio-title-flex-container {
  display: flex;
  justify-content: center;
  align-items: stretch; /* تجعل الخطوط الجانبية تمتد تلقائياً بكامل ارتفاع النص الفعلي */
  gap: 45px;
  margin-bottom: 45px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* الحاوية النصية الداعمة للأنميشن التفاعلي */
.portfolio-text-bundle {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); /* حركة ناعمة جداً مع الماوس */
  will-change: transform;
}

/* الأقواس الجانبية المعمارية المرنة (تم حذف الارتفاع الثابت لتعمل ديناميكياً) */
.portfolio-bracket-side {
  width: 2px; /* خط جانبي أكثر سمكاً وبروزاً */
  background: rgba(255, 255, 255, 0.12);
  position: relative;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.portfolio-bracket-side::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background: rgba(255, 255, 255, 0.12);
  transition: all 0.5s ease;
}
.left-b::after { top: 0; left: 0; }
.right-b::after { bottom: 0; right: 0; }

/* العنوان الرئيسي العملاق الفاخر */
.portfolio-section-title {
  color: var(--portfolio-white);
  font-size: 46px; /* تم تضخيم الخط بشكل ملحوظ وقوي */
  font-weight: 800;
  letter-spacing: 10px;
  margin: 0;
  text-transform: uppercase;
  transition: color 0.4s ease, text-shadow 0.4s ease, letter-spacing 0.5s ease;
}

/* الوصف النصي المكبر المجهز */
.portfolio-section-description {
  color: rgba(245, 240, 232, 0.55);
  font-size: 16px; /* خط أكبر وأكثر وضوحاً وقراءة */
  line-height: 1.7;
  max-width: 850px;
  margin: 0 auto;
  font-weight: 400;
  letter-spacing: 0.8px;
  transition: color 0.4s ease;
}

/* 3. الخط السفلي النبضي المتوهج */
.portfolio-glow-line-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.portfolio-horizontal-glow-line {
  width: 100%;
  height: 2px; /* زيادة سماكة خط التوهج ليتوازن مع حجم العنوان */
  background: linear-gradient(
    to right,
    transparent,
    var(--portfolio-gold),
    transparent
  );
  box-shadow: 0 0 100px rgba(212, 174, 120, 0.6),
              0 0 50px rgba(212, 174, 120, 0.3);
  animation: portfolioGlowPulse 2.5s ease-in-out infinite;
}

/* ── تأثيرات الـ Hover الكلاسيكية المكملة للتفاعل ── */
.bgd-portfolio-giant-divider:hover .portfolio-section-title {
  color: #ffffff;
  letter-spacing: 12px;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.35);
}

.bgd-portfolio-giant-divider:hover .portfolio-section-description {
  color: rgba(245, 240, 232, 0.85);
}

/* الأقواس الجانبية تحتفظ بارتفاعها المتجاوب الكامل وتكتسب توهجاً ذهبياً غنياً */
.bgd-portfolio-giant-divider:hover .portfolio-bracket-side {
  background: var(--portfolio-gold);
  box-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .portfolio-bracket-side::after {
  background: var(--portfolio-gold);
  width: 25px;
}

.bgd-portfolio-giant-divider:hover .left-cross {
  transform: translate(-4px, -1px) rotate(180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .right-cross {
  transform: translate(4px, -1px) rotate(-180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}

/* أنميشن النبض الضوئي للخط */
@keyframes portfolioGlowPulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}

/* التجاوب الذكي مع الشاشات المتنوعة */
@media (max-width: 1024px) {
  .portfolio-section-title { font-size: 34px; letter-spacing: 6px; }
  .portfolio-section-description { font-size: 14px; }
  .grid-cross-marker { font-size: 26px; }
}

@media (max-width: 768px) {
  .portfolio-section-title { font-size: 26px; letter-spacing: 4px; }
  .portfolio-title-flex-container { gap: 20px; }
  .portfolio-bracket-side { display: none; } /* إلغاء الالتفاف في الشاشات اللمسية الصغيرة لراحة التصفح */
}
</style>

<script>
  (function() {
    // 1. تشغيل المحاكاة الرقمية المستمرة في الأعلى
    const matrixEl = document.getElementById('portMatrix-01');
    const nodeEl = document.getElementById('portNode-01');

    function simulatePortfolioMetrics() {
      if (matrixEl && nodeEl) {
        if (Math.random() > 0.5) {
          matrixEl.textContent = (Math.random()).toFixed(3);
        }
        if (Math.random() > 0.7) {
          nodeEl.textContent = (90 + Math.random() * 9).toFixed(1) + '%';
        }
      }
    }
    setInterval(simulatePortfolioMetrics, 400);

    // 2. كود حركة الـ Parallax التفاعلية المتطورة مع حركة الماوس
    const dividerSection = document.getElementById('giantDivider-01');
    const textBundle = document.getElementById('textBundle-01');

    if (dividerSection && textBundle) {
      dividerSection.addEventListener('mousemove', (e) => {
        const rect = dividerSection.getBoundingClientRect();
        
        // حساب موقع الماوس بالنسبة لمركز الفاصل
        const x = e.clientX - rect.left - (rect.width / 2);
        const y = e.clientY - rect.top - (rect.height / 2);
        
        // تحويل الحسابات إلى درجات ميلان خفيفة وراقية (لا تسبب تشتيت بصرى)
        const tiltX = (y / (rect.height / 2)) * -8; // حد أقصى 8 درجات ميل عمودي
        const tiltY = (x / (rect.width / 2)) * 8;   // حد أقصى 8 درجات ميل أفقي
        
        // تطبيق الحركة مباشرة على كتلة العناوين
        textBundle.style.transform = `rotateX(${tiltX}deg) rotateY(${tiltY}deg) translateX(${tiltY * 0.5}px)`;
      });

      // إرجاع العناوين لمكانها الأصلي بنعومة عند خروج الماوس
      dividerSection.addEventListener('mouseleave', () => {
        textBundle.style.transform = 'rotateX(0deg) rotateY(0deg) translateX(0px)';
      });
    }
  })();
</script>				</div>
				<div class="elementor-element elementor-element-da442d9 elementor-arrows-position-outside elementor-pagination-position-outside elementor-invisible elementor-widget elementor-widget-image-carousel" data-id="da442d9" data-element_type="widget" data-e-type="widget" data-settings='{"slides_to_show":"3","slides_to_scroll":"3","autoplay_speed":2000,"slides_to_show_tablet":"2","slides_to_show_mobile":"1","image_spacing_custom":{"unit":"px","size":30,"sizes":[]},"_animation":"fadeInUp","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_widescreen":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_laptop":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]}}' data-widget_type="image-carousel.default">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="AI-Driven Design Concept" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper swiper-image-stretch" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_012.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_001.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Design-BMN-018.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="4 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_004-1.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="5 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_009_BIG.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
				<div class="elementor-element elementor-element-b1e82bf elementor-arrows-position-outside elementor-pagination-position-outside elementor-invisible elementor-widget elementor-widget-image-carousel" data-id="b1e82bf" data-element_type="widget" data-e-type="widget" data-settings='{"slides_to_show":"3","slides_to_scroll":"3","autoplay_speed":2000,"slides_to_show_tablet":"2","slides_to_show_mobile":"1","image_spacing_custom":{"unit":"px","size":30,"sizes":[]},"_animation":"fadeInUp","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_widescreen":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_laptop":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]}}' data-widget_type="image-carousel.default">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="AI-Driven Design Concept" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper swiper-image-stretch" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_005.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_011.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_006.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="4 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Design-BMN-015.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="5 of 5"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/12/Bassem_MN_GD_003.jpg" alt="Bassem Mohammed, Senior Graphic Designer, Multimedia, Editor | Freelancer"></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-c7d3b2e elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="c7d3b2e" data-element_type="section" data-e-type="section" data-settings='{"background_background":"classic","animation":"fadeIn"}'>
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-87b5879" data-id="87b5879" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-bd53541 elementor-invisible elementor-widget elementor-widget-html" data-id="bd53541" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1603;&#1608;&#1583; &#1601;&#1575;&#1589;&#1604; &#1575;&#1604;&#1605;&#1588;&#1575;&#1585;&#1610;&#1593; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604;&#1610; &#1608;&#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1604;&#1589;&#1601;&#1581;&#1577; &#1575;&#1604;&#1576;&#1608;&#1585;&#1578;&#1601;&#1608;&#1604;&#1610;&#1608; - bassemgd.com -->
<div class="bgd-portfolio-giant-divider" id="giantDivider-01">
  
  <!-- &#1582;&#1591; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604; &#1575;&#1604;&#1593;&#1604;&#1608;&#1610; &#1575;&#1604;&#1606;&#1581;&#1610;&#1601; &#1605;&#1593; &#1575;&#1604;&#1593;&#1583;&#1575;&#1583; &#1575;&#1604;&#1585;&#1602;&#1605;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; &#1575;&#1604;&#1605;&#1587;&#1578;&#1605;&#1585; -->
  <div class="portfolio-grid-top-line">
    <div class="grid-cross-marker left-cross">+</div>
    
    <span class="grid-tech-data">
      SYS_MATRIX: <span id="portMatrix-01">0.482</span> &nbsp;//&nbsp; 
      RENDER_NODE: <span id="portNode-01">98.4%</span>
    </span>
    
    <div class="grid-cross-marker right-cross">+</div>
  </div>

  <!-- &#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1607;&#1606;&#1583;&#1587;&#1610; &#1575;&#1604;&#1605;&#1601;&#1578;&#1608;&#1581; &#1608;&#1575;&#1604;&#1571;&#1602;&#1608;&#1575;&#1587; &#1575;&#1604;&#1580;&#1575;&#1606;&#1576;&#1610;&#1577; &#1575;&#1604;&#1603;&#1576;&#1610;&#1585;&#1577; -->
  <div class="portfolio-title-flex-container">
    <div class="portfolio-bracket-side left-b"></div>
    
    <!-- &#1575;&#1604;&#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1583;&#1575;&#1582;&#1604;&#1610;&#1577; &#1575;&#1604;&#1605;&#1587;&#1572;&#1608;&#1604;&#1577; &#1593;&#1606; &#1581;&#1585;&#1603;&#1577; &#1575;&#1604;&#1575;&#1604;&#1578;&#1601;&#1575;&#1601; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610;&#1577; &#1605;&#1593; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; -->
    <div class="portfolio-text-bundle" id="textBundle-01">
      <!-- &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1585;&#1574;&#1610;&#1587;&#1610; &#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1608;&#1575;&#1604;&#1605;&#1579;&#1610;&#1585; -->
      <h2 class="portfolio-section-title">AI-Driven Design Concept</h2>
      
      <!-- &#1606;&#1589; &#1575;&#1604;&#1608;&#1589;&#1601; &#1575;&#1604;&#1580;&#1575;&#1607;&#1586; &#1608;&#1575;&#1604;&#1605;&#1603;&#1576;&#1585; -->
      <p class="portfolio-section-description">
        A visionary AI-crafted collection, blending data and futuristic aesthetics into a bold visual experience.
        
      </p>
    </div>
    
    <div class="portfolio-bracket-side right-b"></div>
  </div>

  <!-- &#1575;&#1604;&#1582;&#1591; &#1575;&#1604;&#1587;&#1601;&#1604;&#1610; &#1575;&#1604;&#1605;&#1591;&#1608;&#1585; &#1576;&#1575;&#1604;&#1606;&#1576;&#1590; &#1608;&#1575;&#1604;&#1578;&#1608;&#1607;&#1580; &#1575;&#1604;&#1584;&#1607;&#1576;&#1610; &#1575;&#1604;&#1605;&#1605;&#1578;&#1583; &#1575;&#1604;&#1582;&#1575;&#1589; &#1576;&#1603; -->
  <div class="portfolio-glow-line-wrapper">
    <div class="portfolio-horizontal-glow-line"></div>
  </div>
  
</div>

<style>
/* الجذور اللونية لتوحيد الهوية البصرية */
:root {
  --portfolio-gold: #D4AE78;
  --portfolio-white: #F5F0E8;
  --portfolio-dark-bg: #060606;
}

/* الحاوية الأساسية للفاصل - مهيأة للتفاعل ثلاثي الأبعاد */
.bgd-portfolio-giant-divider {
  width: 100%;
  max-width: 1400px;
  margin: 90px auto 60px auto;
  padding: 0 40px;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', 'Montserrat', sans-serif;
  cursor: default;
  position: relative;
  text-align: center;
  perspective: 1000px; /* تمنح عمقاً بصرياً للحركة التفاعلية */
}

/* 1. خط الهيكل العلوي */
.portfolio-grid-top-line {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

/* علامات التقاطع الهندسية (+) العملاقة */
.grid-cross-marker {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 34px; /* حجم عملاق وواضح جداً */
  font-weight: 200;
  color: var(--portfolio-gold);
  line-height: 0;
  text-shadow: 0 0 12px rgba(212, 174, 120, 0.5);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
.left-cross { transform: translate(-2px, -1px); }
.right-cross { transform: translate(2px, -1px); }

/* شريط الإحداثيات التقني المطور */
.grid-tech-data {
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px; /* تم تكبير الخط */
  letter-spacing: 4px;
  color: rgba(245, 240, 232, 0.4);
  background: var(--portfolio-dark-bg);
  padding: 0 25px;
  transform: translateY(-1px);
}
#portMatrix-01, #portNode-01 {
  color: var(--portfolio-gold);
  font-weight: bold;
}

/* 2. حاوية العنوان المركزي والوصف */
.portfolio-title-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
  margin-bottom: 45px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* الحاوية النصية الداعمة للأنميشن التفاعلي */
.portfolio-text-bundle {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); /* حركة ناعمة جداً مع الماوس */
  will-change: transform;
}

/* الأقواس الجانبية المعمارية الأكثر سماكة */
.portfolio-bracket-side {
  width: 2px; /* خط جانبي أكثر سمكاً وبروزاً */
  height: 60px;
  background: rgba(255, 255, 255, 0.12);
  position: relative;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.portfolio-bracket-side::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background: rgba(255, 255, 255, 0.12);
  transition: all 0.5s ease;
}
.left-b::after { top: 0; left: 0; }
.right-b::after { bottom: 0; right: 0; }

/* العنوان الرئيسي العملاق الفاخر */
.portfolio-section-title {
  color: var(--portfolio-white);
  font-size: 46px; /* تم تضخيم الخط بشكل ملحوظ وقوي */
  font-weight: 800;
  letter-spacing: 10px;
  margin: 0;
  text-transform: uppercase;
  transition: color 0.4s ease, text-shadow 0.4s ease, letter-spacing 0.5s ease;
}

/* الوصف النصي المكبر المجهز */
.portfolio-section-description {
  color: rgba(245, 240, 232, 0.55);
  font-size: 16px; /* خط أكبر وأكثر وضوحاً وقراءة */
  line-height: 1.7;
  max-width: 850px;
  margin: 0 auto;
  font-weight: 400;
  letter-spacing: 0.8px;
  transition: color 0.4s ease;
}

/* 3. الخط السفلي النبضي المتوهج */
.portfolio-glow-line-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.portfolio-horizontal-glow-line {
  width: 100%;
  height: 2px; /* زيادة سماكة خط التوهج ليتوازن مع حجم العنوان */
  background: linear-gradient(
    to right,
    transparent,
    var(--portfolio-gold),
    transparent
  );
  box-shadow: 0 0 100px rgba(212, 174, 120, 0.6),
              0 0 50px rgba(212, 174, 120, 0.3);
  animation: portfolioGlowPulse 2.5s ease-in-out infinite;
}

/* ── تأثيرات الـ Hover الكلاسيكية المكملة للتفاعل ── */
.bgd-portfolio-giant-divider:hover .portfolio-section-title {
  color: #ffffff;
  letter-spacing: 12px;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.35);
}

.bgd-portfolio-giant-divider:hover .portfolio-section-description {
  color: rgba(245, 240, 232, 0.85);
}

.bgd-portfolio-giant-divider:hover .portfolio-bracket-side {
  background: var(--portfolio-gold);
  height: 80px;
  box-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .portfolio-bracket-side::after {
  background: var(--portfolio-gold);
  width: 25px;
}

.bgd-portfolio-giant-divider:hover .left-cross {
  transform: translate(-4px, -1px) rotate(180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .right-cross {
  transform: translate(4px, -1px) rotate(-180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}

/* أنميشن النبض الضوئي للخط */
@keyframes portfolioGlowPulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}

/* التجاوب الذكي مع الشاشات المتنوعة */
@media (max-width: 1024px) {
  .portfolio-section-title { font-size: 34px; letter-spacing: 6px; }
  .portfolio-section-description { font-size: 14px; }
  .grid-cross-marker { font-size: 26px; }
}

@media (max-width: 768px) {
  .portfolio-section-title { font-size: 26px; letter-spacing: 4px; }
  .portfolio-title-flex-container { gap: 20px; }
  .portfolio-bracket-side { display: none; } /* إلغاء الالتفاف في الشاشات اللمسية الصغيرة لراحة التصفح */
}
</style>

<script>
  (function() {
    // 1. تشغيل المحاكاة الرقمية المستمرة في الأعلى
    const matrixEl = document.getElementById('portMatrix-01');
    const nodeEl = document.getElementById('portNode-01');

    function simulatePortfolioMetrics() {
      if (matrixEl && nodeEl) {
        if (Math.random() > 0.5) {
          matrixEl.textContent = (Math.random()).toFixed(3);
        }
        if (Math.random() > 0.7) {
          nodeEl.textContent = (90 + Math.random() * 9).toFixed(1) + '%';
        }
      }
    }
    setInterval(simulatePortfolioMetrics, 400);

    // 2. كود حركة الـ Parallax التفاعلية المتطورة مع حركة الماوس
    const dividerSection = document.getElementById('giantDivider-01');
    const textBundle = document.getElementById('textBundle-01');

    if (dividerSection && textBundle) {
      dividerSection.addEventListener('mousemove', (e) => {
        const rect = dividerSection.getBoundingClientRect();
        
        // حساب موقع الماوس بالنسبة لمركز الفاصل
        const x = e.clientX - rect.left - (rect.width / 2);
        const y = e.clientY - rect.top - (rect.height / 2);
        
        // تحويل الحسابات إلى درجات ميلان خفيفة وراقية (لا تسبب تشتيت بصرى)
        const tiltX = (y / (rect.height / 2)) * -8; // حد أقصى 8 درجات ميل عمودي
        const tiltY = (x / (rect.width / 2)) * 8;   // حد أقصى 8 درجات ميل أفقي
        
        // تطبيق الحركة مباشرة على كتلة العناوين
        textBundle.style.transform = `rotateX(${tiltX}deg) rotateY(${tiltY}deg) translateX(${tiltY * 0.5}px)`;
      });

      // إرجاع العناوين لمكانها الأصلي بنعومة عند خروج الماوس
      dividerSection.addEventListener('mouseleave', () => {
        textBundle.style.transform = 'rotateX(0deg) rotateY(0deg) translateX(0px)';
      });
    }
  })();
</script>				</div>
				<div class="elementor-element elementor-element-83c3d66 elementor-invisible elementor-widget elementor-widget-html" data-id="83c3d66" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1575;&#1604;&#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1579;&#1575;&#1576;&#1578; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583; &#1576;&#1600; CSS &#1601;&#1602;&#1591; &#1608;&#1576;&#1583;&#1608;&#1606; &#1571;&#1610; &#1580;&#1575;&#1601;&#1575;&#1587;&#1603;&#1585;&#1610;&#1576;&#1578; -->
<div class="hero-scroll">
  <!-- &#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; &#1575;&#1604;&#1576;&#1610;&#1590;&#1575;&#1608;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; -->
  <div class="mouse-icon">
    <div class="mouse-wheel"></div>
  </div>
  <!-- &#1575;&#1604;&#1603;&#1604;&#1605;&#1577; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583;&#1577; -->
  <span class="scroll-text">Scroll Down</span>
</div>

<style>
/* الحاوية الرئيسية الطبيعية الخاصة بك */
.hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px; /* زيادة الفراغ قليلاً لتناسق الماوس */
  position: relative;
  margin: 0 auto;
}

/* ── تصميم هيكل الماوس البيضاوي ── */
.mouse-icon {
  width: 24px;
  height: 40px;
  border: 2px solid rgba(212, 174, 120, 0.5); /* لون ذهبي متناسق ومضيء خفيف */
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}

/* ── الدائرة الداخلية (عجلة الماوس) وحركتها للأسفل ── */
.mouse-wheel {
  width: 4px;
  height: 8px;
  background-color: #D4AE78; /* اللون الذهبي المضيء */
  border-radius: 2px;
  position: absolute;
  top: 6px;
  animation: mouseScrollAnim 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* ── تنسيق الكلمة الجديدة ── */
.scroll-text {
  font-size: 15px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #888;
  font-weight: 300;
}

/* ── الخط الطولي المضيء الخاص بك (كما هو تماماً) ── */
.hero-scroll::after {
  content: '';
  display: block;
  width: 3px;
  height: 80px;
  background: linear-gradient(to bottom, #D4AE78, transparent);
  animation: scrollLine 2s ease-in-out infinite;
}

/* ── حركة عجلة الماوس الانسيابية ── */
@keyframes mouseScrollAnim {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  65% {
    transform: translateY(12px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

/* حركة الخط الطولي الخاص بك */
@keyframes scrollLine {
  0%   { opacity: 1; transform: scaleY(1); transform-origin: top; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}
</style>				</div>
				<div class="elementor-element elementor-element-bb20a25 elementor-arrows-position-outside elementor-pagination-position-outside elementor-invisible elementor-widget elementor-widget-image-carousel" data-id="bb20a25" data-element_type="widget" data-e-type="widget" data-settings='{"slides_to_show":"3","slides_to_scroll":"3","autoplay_speed":2000,"slides_to_show_tablet":"2","slides_to_show_mobile":"1","image_spacing_custom":{"unit":"px","size":30,"sizes":[]},"_animation":"fadeInUp","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_widescreen":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_laptop":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]}}' data-widget_type="image-carousel.default">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="AI-Driven Design Concept" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper swiper-image-stretch" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_018.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_018"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_001.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_001"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_019.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_019"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="4 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_005.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_005"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="5 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_017.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_017"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="6 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_003.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_003"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="7 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_015.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_015"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="8 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_006.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_006"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="9 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_016.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_016"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="10 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_008.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_008"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="11 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_010.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_010"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="12 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_012.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_012"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="13 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_013.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_013"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="14 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_014.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_014"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="15 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_020.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_020"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="16 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_021.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_021"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="17 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_027.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_027"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="18 of 18"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/01/Designed-by-Bassem-Mohammed-Nagah-2026_023.jpg" alt="Designed-by-Bassem-Mohammed-Nagah-2026_023"></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
					</div>
		</div>
					</div>
		</section>
		<div class="elementor-element elementor-element-ff092a3 e-flex e-con-boxed elementor-invisible e-con e-parent" data-id="ff092a3" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeInUp"}'>
					<div class="e-con-inner">
				<div class="elementor-element elementor-element-dc90acd elementor-invisible elementor-widget elementor-widget-html" data-id="dc90acd" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1575;&#1604;&#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1579;&#1575;&#1576;&#1578; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583; &#1576;&#1600; CSS &#1601;&#1602;&#1591; &#1608;&#1576;&#1583;&#1608;&#1606; &#1571;&#1610; &#1580;&#1575;&#1601;&#1575;&#1587;&#1603;&#1585;&#1610;&#1576;&#1578; -->
<div class="hero-scroll">
  <!-- &#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; &#1575;&#1604;&#1576;&#1610;&#1590;&#1575;&#1608;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; -->
  <div class="mouse-icon">
    <div class="mouse-wheel"></div>
  </div>
  <!-- &#1575;&#1604;&#1603;&#1604;&#1605;&#1577; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583;&#1577; -->
  <span class="scroll-text">Scroll Down</span>
</div>

<style>
/* الحاوية الرئيسية الطبيعية الخاصة بك */
.hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px; /* زيادة الفراغ قليلاً لتناسق الماوس */
  position: relative;
  margin: 0 auto;
}

/* ── تصميم هيكل الماوس البيضاوي ── */
.mouse-icon {
  width: 24px;
  height: 40px;
  border: 2px solid rgba(212, 174, 120, 0.5); /* لون ذهبي متناسق ومضيء خفيف */
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}

/* ── الدائرة الداخلية (عجلة الماوس) وحركتها للأسفل ── */
.mouse-wheel {
  width: 4px;
  height: 8px;
  background-color: #D4AE78; /* اللون الذهبي المضيء */
  border-radius: 2px;
  position: absolute;
  top: 6px;
  animation: mouseScrollAnim 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* ── تنسيق الكلمة الجديدة ── */
.scroll-text {
  font-size: 15px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #888;
  font-weight: 300;
}

/* ── الخط الطولي المضيء الخاص بك (كما هو تماماً) ── */
.hero-scroll::after {
  content: '';
  display: block;
  width: 3px;
  height: 80px;
  background: linear-gradient(to bottom, #D4AE78, transparent);
  animation: scrollLine 2s ease-in-out infinite;
}

/* ── حركة عجلة الماوس الانسيابية ── */
@keyframes mouseScrollAnim {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  65% {
    transform: translateY(12px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

/* حركة الخط الطولي الخاص بك */
@keyframes scrollLine {
  0%   { opacity: 1; transform: scaleY(1); transform-origin: top; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}
</style>				</div>
					</div>
				</div>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-w9q1trv elementor-section-content-middle elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="w9q1trv" data-element_type="section" data-e-type="section" data-settings='{"background_background":"classic","animation":"fadeIn"}'>
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-98fbfeb" data-id="98fbfeb" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-6e2b378 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="6e2b378" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-far-image" viewbox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm-6 336H54a6 6 0 0 1-6-6V118a6 6 0 0 1 6-6h404a6 6 0 0 1 6 6v276a6 6 0 0 1-6 6zM128 152c-22.091 0-40 17.909-40 40s17.909 40 40 40 40-17.909 40-40-17.909-40-40-40zM96 352h320v-80l-87.515-87.515c-4.686-4.686-12.284-4.686-16.971 0L192 304l-39.515-39.515c-4.686-4.686-12.284-4.686-16.971 0L96 304v48z"></path></svg>				</span>
			</div>
			
			
		</div>
						</div>
				<div class="elementor-element elementor-element-719082a elementor-widget elementor-widget-html" data-id="719082a" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="contact-divider-vertical"></div>

<style>
.contact-divider-vertical {
  width: 2px;
  height: 80px;
  margin: 0 auto;
  background: linear-gradient(
    to bottom,
    transparent,
    #D4AE78,
    transparent
  );
  box-shadow: 0 0 8px rgba(212, 174, 120, 0.6),
              0 0 20px rgba(212, 174, 120, 0.3);
  animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}
</style>				</div>
				<div class="elementor-element elementor-element-587f0b9 elementor-widget elementor-widget-heading" data-id="587f0b9" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h6 class="elementor-heading-title elementor-size-default">Some excerpts from&#8203;</h6>				</div>
				<div class="elementor-element elementor-element-5c1cc53 elementor-widget elementor-widget-heading" data-id="5c1cc53" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">My Exclusive Projects</h1>				</div>
				<div class="elementor-element elementor-element-ffd994a elementor-arrows-position-outside elementor-pagination-position-outside elementor-invisible elementor-widget elementor-widget-image-carousel" data-id="ffd994a" data-element_type="widget" data-e-type="widget" data-settings='{"slides_to_show":"4","slides_to_scroll":"4","autoplay_speed":2000,"slides_to_show_tablet":"3","slides_to_show_mobile":"1","image_spacing_custom":{"unit":"px","size":20,"sizes":[]},"slides_to_scroll_tablet":"3","_animation":"fadeInUp","navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","infinite":"yes","speed":500,"image_spacing_custom_widescreen":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_laptop":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]}}' data-widget_type="image-carousel.default">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="Image Carousel" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper swiper-image-stretch" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 7"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Bassem-Mohammed-Nagah-GD1.jpg" alt="Bassem Mohammed Nagah GD1"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 7"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Bassem-Mohammed-Nagah-GD2.jpg" alt="Bassem Mohammed Nagah GD2"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 7"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Bassem-Mohammed-Nagah-GD3.jpg" alt="Bassem Mohammed Nagah GD3"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="4 of 7"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Bassem-Mohammed-Nagah-GD4.jpg" alt="Bassem Mohammed Nagah GD4"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="5 of 7"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Bassem-Mohammed-Nagah-GD5.jpg" alt="Bassem Mohammed Nagah GD5"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="6 of 7"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Bassem-Mohammed-Nagah-GD6.jpg" alt="Bassem Mohammed Nagah GD6"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="7 of 7"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Bassem-Mohammed-Nagah-GD7.jpg" alt="Bassem Mohammed Nagah GD7"></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
				<div class="elementor-element elementor-element-519240b elementor-widget elementor-widget-spacer" data-id="519240b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-fca5664 elementor-widget elementor-widget-html" data-id="fca5664" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div style="text-align: center;">

<a class="bgd-btn-combo" href="https://www.bassemgd.com/portfolio/">
  <i class="fa fa-chevron-right" aria-hidden="true"></i> FOR MORE DESIGNS</a>

</div>


<style>
.bgd-btn-combo {
  font-family: 'Tahoma', sans-serif;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 30px;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  color: #D4AE78;
  border: 1px solid rgba(212, 174, 120, 0.6);
  background: transparent;
  position: relative;
  overflow: hidden;
  z-index: 0;
  animation: pulseGlow 2s ease-in-out infinite;
  transition: all 0.3s ease;
}

/* Fill Slide */
.bgd-btn-combo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #D4AE78;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: -1;
  border-radius: 50px;
}

/* Pulse Glow Animation */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 8px rgba(212,174,120,0.2),
                0 0 20px rgba(212,174,120,0.1);
  }
  50% {
    box-shadow: 0 0 20px rgba(212,174,120,0.5),
                0 0 50px rgba(212,174,120,0.2);
  }
}

/* Hover — Fill Slide + Stop Glow */
.bgd-btn-combo:hover {
  animation: none;
  color: #000;
  border-color: #D4AE78;
  transform: translateY(-2px);
  box-shadow: 0 0 40px rgba(212,174,120,0.5);
}
.bgd-btn-combo:hover::after {
  transform: scaleX(1);
}
</style>				</div>
					</div>
		</div>
					</div>
		</section>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ex4duwk elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="ex4duwk" data-element_type="section" data-e-type="section" data-settings='{"background_background":"gradient","animation":"fadeIn"}'>
							<div class="elementor-background-overlay"></div>
							<div class="elementor-container elementor-column-gap-default">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-67dd6d7" data-id="67dd6d7" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-42db68b elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="42db68b" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-far-images" viewbox="0 0 576 512" xmlns="http://www.w3.org/2000/svg"><path d="M480 416v16c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V176c0-26.51 21.49-48 48-48h16v48H54a6 6 0 0 0-6 6v244a6 6 0 0 0 6 6h372a6 6 0 0 0 6-6v-10h48zm42-336H150a6 6 0 0 0-6 6v244a6 6 0 0 0 6 6h372a6 6 0 0 0 6-6V86a6 6 0 0 0-6-6zm6-48c26.51 0 48 21.49 48 48v256c0 26.51-21.49 48-48 48H144c-26.51 0-48-21.49-48-48V80c0-26.51 21.49-48 48-48h384zM264 144c0 22.091-17.909 40-40 40s-40-17.909-40-40 17.909-40 40-40 40 17.909 40 40zm-72 96l39.515-39.515c4.686-4.686 12.284-4.686 16.971 0L288 240l103.515-103.515c4.686-4.686 12.284-4.686 16.971 0L480 208v80H192v-48z"></path></svg>				</span>
			</div>
			
			
		</div>
						</div>
				<div class="elementor-element elementor-element-702a1ec elementor-widget elementor-widget-html" data-id="702a1ec" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div class="contact-divider-vertical"></div>

<style>
.contact-divider-vertical {
  width: 2px;
  height: 80px;
  margin: 0 auto;
  background: linear-gradient(
    to bottom,
    transparent,
    #D4AE78,
    transparent
  );
  box-shadow: 0 0 8px rgba(212, 174, 120, 0.6),
              0 0 20px rgba(212, 174, 120, 0.3);
  animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% { opacity: 1; }
  50%       { opacity: 0.4; }
}
</style>				</div>
				<div class="elementor-element elementor-element-2990d64 elementor-invisible elementor-widget elementor-widget-html" data-id="2990d64" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1603;&#1608;&#1583; &#1601;&#1575;&#1589;&#1604; &#1575;&#1604;&#1605;&#1588;&#1575;&#1585;&#1610;&#1593; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604;&#1610; &#1608;&#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1604;&#1589;&#1601;&#1581;&#1577; &#1575;&#1604;&#1576;&#1608;&#1585;&#1578;&#1601;&#1608;&#1604;&#1610;&#1608; - bassemgd.com -->
<div class="bgd-portfolio-giant-divider" id="giantDivider-01">
  
  <!-- &#1582;&#1591; &#1575;&#1604;&#1607;&#1610;&#1603;&#1604; &#1575;&#1604;&#1593;&#1604;&#1608;&#1610; &#1575;&#1604;&#1606;&#1581;&#1610;&#1601; &#1605;&#1593; &#1575;&#1604;&#1593;&#1583;&#1575;&#1583; &#1575;&#1604;&#1585;&#1602;&#1605;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; &#1575;&#1604;&#1605;&#1587;&#1578;&#1605;&#1585; -->
  <div class="portfolio-grid-top-line">
    <div class="grid-cross-marker left-cross">+</div>
    
    <span class="grid-tech-data">
      SYS_MATRIX: <span id="portMatrix-01">0.482</span> &nbsp;//&nbsp; 
      RENDER_NODE: <span id="portNode-01">98.4%</span>
    </span>
    
    <div class="grid-cross-marker right-cross">+</div>
  </div>

  <!-- &#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1607;&#1606;&#1583;&#1587;&#1610; &#1575;&#1604;&#1605;&#1601;&#1578;&#1608;&#1581; &#1608;&#1575;&#1604;&#1571;&#1602;&#1608;&#1575;&#1587; &#1575;&#1604;&#1580;&#1575;&#1606;&#1576;&#1610;&#1577; &#1575;&#1604;&#1603;&#1576;&#1610;&#1585;&#1577; -->
  <div class="portfolio-title-flex-container">
    <div class="portfolio-bracket-side left-b"></div>
    
    <!-- &#1575;&#1604;&#1581;&#1575;&#1608;&#1610;&#1577; &#1575;&#1604;&#1583;&#1575;&#1582;&#1604;&#1610;&#1577; &#1575;&#1604;&#1605;&#1587;&#1572;&#1608;&#1604;&#1577; &#1593;&#1606; &#1581;&#1585;&#1603;&#1577; &#1575;&#1604;&#1575;&#1604;&#1578;&#1601;&#1575;&#1601; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610;&#1577; &#1605;&#1593; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; -->
    <div class="portfolio-text-bundle" id="textBundle-01">
      <!-- &#1575;&#1604;&#1593;&#1606;&#1608;&#1575;&#1606; &#1575;&#1604;&#1585;&#1574;&#1610;&#1587;&#1610; &#1575;&#1604;&#1593;&#1605;&#1604;&#1575;&#1602; &#1608;&#1575;&#1604;&#1605;&#1579;&#1610;&#1585; -->
      <h2 class="portfolio-section-title">Discover My Finest Shots</h2>
      
      <!-- &#1606;&#1589; &#1575;&#1604;&#1608;&#1589;&#1601; &#1575;&#1604;&#1580;&#1575;&#1607;&#1586; &#1608;&#1575;&#1604;&#1605;&#1603;&#1576;&#1585; -->
      <p class="portfolio-section-description">
        Showcasing a collection of photos captured across various landmarks and locations in the UAE, highlighting the beauty and diversity of the country.
        
      </p>
    </div>
    
    <div class="portfolio-bracket-side right-b"></div>
  </div>

  <!-- &#1575;&#1604;&#1582;&#1591; &#1575;&#1604;&#1587;&#1601;&#1604;&#1610; &#1575;&#1604;&#1605;&#1591;&#1608;&#1585; &#1576;&#1575;&#1604;&#1606;&#1576;&#1590; &#1608;&#1575;&#1604;&#1578;&#1608;&#1607;&#1580; &#1575;&#1604;&#1584;&#1607;&#1576;&#1610; &#1575;&#1604;&#1605;&#1605;&#1578;&#1583; &#1575;&#1604;&#1582;&#1575;&#1589; &#1576;&#1603; -->
  <div class="portfolio-glow-line-wrapper">
    <div class="portfolio-horizontal-glow-line"></div>
  </div>
  
</div>

<style>
/* الجذور اللونية لتوحيد الهوية البصرية */
:root {
  --portfolio-gold: #D4AE78;
  --portfolio-white: #F5F0E8;
  --portfolio-dark-bg: #060606;
}

/* الحاوية الأساسية للفاصل - مهيأة للتفاعل ثلاثي الأبعاد */
.bgd-portfolio-giant-divider {
  width: 100%;
  max-width: 1400px;
  margin: 90px auto 60px auto;
  padding: 0 40px;
  box-sizing: border-box;
  font-family: 'Plus Jakarta Sans', 'Montserrat', sans-serif;
  cursor: default;
  position: relative;
  text-align: center;
  perspective: 1000px; /* تمنح عمقاً بصرياً للحركة التفاعلية */
}

/* 1. خط الهيكل العلوي */
.portfolio-grid-top-line {
  position: relative;
  width: 100%;
  height: 1px;
  background: rgba(255, 255, 255, 0.08);
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
}

/* علامات التقاطع الهندسية (+) العملاقة */
.grid-cross-marker {
  font-family: 'Plus Jakarta Sans', sans-serif;
  font-size: 34px; /* حجم عملاق وواضح جداً */
  font-weight: 200;
  color: var(--portfolio-gold);
  line-height: 0;
  text-shadow: 0 0 12px rgba(212, 174, 120, 0.5);
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  user-select: none;
}
.left-cross { transform: translate(-2px, -1px); }
.right-cross { transform: translate(2px, -1px); }

/* شريط الإحداثيات التقني المطور */
.grid-tech-data {
  font-family: 'Courier New', Courier, monospace;
  font-size: 11px; /* تم تكبير الخط */
  letter-spacing: 4px;
  color: rgba(245, 240, 232, 0.4);
  background: var(--portfolio-dark-bg);
  padding: 0 25px;
  transform: translateY(-1px);
}
#portMatrix-01, #portNode-01 {
  color: var(--portfolio-gold);
  font-weight: bold;
}

/* 2. حاوية العنوان المركزي والوصف */
.portfolio-title-flex-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 45px;
  margin-bottom: 45px;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* الحاوية النصية الداعمة للأنميشن التفاعلي */
.portfolio-text-bundle {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  transition: transform 0.2s cubic-bezier(0.25, 1, 0.5, 1); /* حركة ناعمة جداً مع الماوس */
  will-change: transform;
}

/* الأقواس الجانبية المعمارية الأكثر سماكة */
.portfolio-bracket-side {
  width: 2px; /* خط جانبي أكثر سمكاً وبروزاً */
  height: 60px;
  background: rgba(255, 255, 255, 0.12);
  position: relative;
  transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.portfolio-bracket-side::after {
  content: '';
  position: absolute;
  width: 15px;
  height: 2px;
  background: rgba(255, 255, 255, 0.12);
  transition: all 0.5s ease;
}
.left-b::after { top: 0; left: 0; }
.right-b::after { bottom: 0; right: 0; }

/* العنوان الرئيسي العملاق الفاخر */
.portfolio-section-title {
  color: var(--portfolio-white);
  font-size: 46px; /* تم تضخيم الخط بشكل ملحوظ وقوي */
  font-weight: 800;
  letter-spacing: 10px;
  margin: 0;
  text-transform: uppercase;
  transition: color 0.4s ease, text-shadow 0.4s ease, letter-spacing 0.5s ease;
}

/* الوصف النصي المكبر المجهز */
.portfolio-section-description {
  color: rgba(245, 240, 232, 0.55);
  font-size: 16px; /* خط أكبر وأكثر وضوحاً وقراءة */
  line-height: 1.7;
  max-width: 850px;
  margin: 0 auto;
  font-weight: 400;
  letter-spacing: 0.8px;
  transition: color 0.4s ease;
}

/* 3. الخط السفلي النبضي المتوهج */
.portfolio-glow-line-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.portfolio-horizontal-glow-line {
  width: 100%;
  height: 2px; /* زيادة سماكة خط التوهج ليتوازن مع حجم العنوان */
  background: linear-gradient(
    to right,
    transparent,
    var(--portfolio-gold),
    transparent
  );
  box-shadow: 0 0 100px rgba(212, 174, 120, 0.6),
              0 0 50px rgba(212, 174, 120, 0.3);
  animation: portfolioGlowPulse 2.5s ease-in-out infinite;
}

/* ── تأثيرات الـ Hover الكلاسيكية المكملة للتفاعل ── */
.bgd-portfolio-giant-divider:hover .portfolio-section-title {
  color: #ffffff;
  letter-spacing: 12px;
  text-shadow: 0 0 25px rgba(255, 255, 255, 0.35);
}

.bgd-portfolio-giant-divider:hover .portfolio-section-description {
  color: rgba(245, 240, 232, 0.85);
}

.bgd-portfolio-giant-divider:hover .portfolio-bracket-side {
  background: var(--portfolio-gold);
  height: 80px;
  box-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .portfolio-bracket-side::after {
  background: var(--portfolio-gold);
  width: 25px;
}

.bgd-portfolio-giant-divider:hover .left-cross {
  transform: translate(-4px, -1px) rotate(180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}
.bgd-portfolio-giant-divider:hover .right-cross {
  transform: translate(4px, -1px) rotate(-180deg) scale(1.25);
  color: #ffffff;
  text-shadow: 0 0 15px var(--portfolio-gold);
}

/* أنميشن النبض الضوئي للخط */
@keyframes portfolioGlowPulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.4; }
}

/* التجاوب الذكي مع الشاشات المتنوعة */
@media (max-width: 1024px) {
  .portfolio-section-title { font-size: 34px; letter-spacing: 6px; }
  .portfolio-section-description { font-size: 14px; }
  .grid-cross-marker { font-size: 26px; }
}

@media (max-width: 768px) {
  .portfolio-section-title { font-size: 26px; letter-spacing: 4px; }
  .portfolio-title-flex-container { gap: 20px; }
  .portfolio-bracket-side { display: none; } /* إلغاء الالتفاف في الشاشات اللمسية الصغيرة لراحة التصفح */
}
</style>

<script>
  (function() {
    // 1. تشغيل المحاكاة الرقمية المستمرة في الأعلى
    const matrixEl = document.getElementById('portMatrix-01');
    const nodeEl = document.getElementById('portNode-01');

    function simulatePortfolioMetrics() {
      if (matrixEl && nodeEl) {
        if (Math.random() > 0.5) {
          matrixEl.textContent = (Math.random()).toFixed(3);
        }
        if (Math.random() > 0.7) {
          nodeEl.textContent = (90 + Math.random() * 9).toFixed(1) + '%';
        }
      }
    }
    setInterval(simulatePortfolioMetrics, 400);

    // 2. كود حركة الـ Parallax التفاعلية المتطورة مع حركة الماوس
    const dividerSection = document.getElementById('giantDivider-01');
    const textBundle = document.getElementById('textBundle-01');

    if (dividerSection && textBundle) {
      dividerSection.addEventListener('mousemove', (e) => {
        const rect = dividerSection.getBoundingClientRect();
        
        // حساب موقع الماوس بالنسبة لمركز الفاصل
        const x = e.clientX - rect.left - (rect.width / 2);
        const y = e.clientY - rect.top - (rect.height / 2);
        
        // تحويل الحسابات إلى درجات ميلان خفيفة وراقية (لا تسبب تشتيت بصرى)
        const tiltX = (y / (rect.height / 2)) * -8; // حد أقصى 8 درجات ميل عمودي
        const tiltY = (x / (rect.width / 2)) * 8;   // حد أقصى 8 درجات ميل أفقي
        
        // تطبيق الحركة مباشرة على كتلة العناوين
        textBundle.style.transform = `rotateX(${tiltX}deg) rotateY(${tiltY}deg) translateX(${tiltY * 0.5}px)`;
      });

      // إرجاع العناوين لمكانها الأصلي بنعومة عند خروج الماوس
      dividerSection.addEventListener('mouseleave', () => {
        textBundle.style.transform = 'rotateX(0deg) rotateY(0deg) translateX(0px)';
      });
    }
  })();
</script>				</div>
				<div class="elementor-element elementor-element-dd4e6db gallery-spacing-custom elementor-invisible elementor-widget elementor-widget-image-gallery" data-id="dd4e6db" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeInUp"}' data-widget_type="image-gallery.default">
							<div class="elementor-image-gallery">
			<div id="gallery-1" class="gallery galleryid-769 gallery-columns-3 gallery-size-full"><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjEwOCwidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMTU4NS5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585.jpg"><img fetchpriority="high" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2108" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1585-2048x1365.jpg 2048w" sizes="(max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2108">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjE2NywidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMjMwMC5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300.jpg"><img decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2167" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2300-2048x1365.jpg 2048w" sizes="(max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2167">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjEzOSwidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMTk5Ny5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997.jpg"><img loading="lazy" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2139" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1997-2048x1365.jpg 2048w" sizes="auto, (max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2139">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjE2MywidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMjI0Ni5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246.jpg"><img loading="lazy" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2163" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2246-2048x1365.jpg 2048w" sizes="auto, (max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2163">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjE4NSwidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMjUwNS5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505.jpg"><img loading="lazy" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2185" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2505-2048x1365.jpg 2048w" sizes="auto, (max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2185">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjEwOSwidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMTYzNy5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637.jpg"><img loading="lazy" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2109" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1637-2048x1365.jpg 2048w" sizes="auto, (max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2109">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BGD_2708" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjIxMCwidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMjcwOC5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708.jpg"><img loading="lazy" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708.jpg" class="attachment-full size-full" alt="" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_2708-2048x1365.jpg 2048w" sizes="auto, (max-width: 2244px) 100vw, 2244px"></a>
			</div></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjExMSwidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMTc1Ny5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757.jpg"><img loading="lazy" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2111" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1757-2048x1365.jpg 2048w" sizes="auto, (max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2111">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure><figure class="gallery-item">
			<div class="gallery-icon landscape">
				<a data-elementor-open-lightbox="yes" data-elementor-lightbox-slideshow="dd4e6db" data-elementor-lightbox-title="BASSEM MOHAMMED NAGAH" data-e-action-hash="#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjEzMSwidXJsIjoiaHR0cHM6XC9cL3d3dy5iYXNzZW1nZC5jb21cL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjRcLzA4XC9CR0RfMTk2NC5qcGciLCJzbGlkZXNob3ciOiJkZDRlNmRiIn0%3D" href="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964.jpg"><img loading="lazy" decoding="async" width="2244" height="1496" src="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964.jpg" class="attachment-full size-full" alt="" aria-describedby="gallery-1-2131" srcset="https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964.jpg 2244w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964-300x200.jpg 300w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964-1024x683.jpg 1024w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964-768x512.jpg 768w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964-1536x1024.jpg 1536w, https://www.bassemgd.com/wp-content/uploads/2024/08/BGD_1964-2048x1365.jpg 2048w" sizes="auto, (max-width: 2244px) 100vw, 2244px"></a>
			</div>
				<figcaption class="wp-caption-text gallery-caption" id="gallery-1-2131">
				BASSEM MOHAMMED NAGAH
				</figcaption></figure>
		</div>
		</div>
						</div>
				<div class="elementor-element elementor-element-870394b elementor-widget elementor-widget-spacer" data-id="870394b" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
				<div class="elementor-element elementor-element-cb2def1 elementor-invisible elementor-widget elementor-widget-html" data-id="cb2def1" data-element_type="widget" data-e-type="widget" data-settings='{"_animation":"fadeIn"}' data-widget_type="html.default">
					<!-- &#1575;&#1604;&#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1579;&#1575;&#1576;&#1578; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583; &#1576;&#1600; CSS &#1601;&#1602;&#1591; &#1608;&#1576;&#1583;&#1608;&#1606; &#1571;&#1610; &#1580;&#1575;&#1601;&#1575;&#1587;&#1603;&#1585;&#1610;&#1576;&#1578; -->
<div class="hero-scroll">
  <!-- &#1578;&#1589;&#1605;&#1610;&#1605; &#1575;&#1604;&#1605;&#1575;&#1608;&#1587; &#1575;&#1604;&#1576;&#1610;&#1590;&#1575;&#1608;&#1610; &#1575;&#1604;&#1578;&#1601;&#1575;&#1593;&#1604;&#1610; -->
  <div class="mouse-icon">
    <div class="mouse-wheel"></div>
  </div>
  <!-- &#1575;&#1604;&#1603;&#1604;&#1605;&#1577; &#1575;&#1604;&#1580;&#1583;&#1610;&#1583;&#1577; -->
  <span class="scroll-text">Scroll Down</span>
</div>

<style>
/* الحاوية الرئيسية الطبيعية الخاصة بك */
.hero-scroll {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px; /* زيادة الفراغ قليلاً لتناسق الماوس */
  position: relative;
  margin: 0 auto;
}

/* ── تصميم هيكل الماوس البيضاوي ── */
.mouse-icon {
  width: 24px;
  height: 40px;
  border: 2px solid rgba(212, 174, 120, 0.5); /* لون ذهبي متناسق ومضيء خفيف */
  border-radius: 12px;
  position: relative;
  display: flex;
  justify-content: center;
}

/* ── الدائرة الداخلية (عجلة الماوس) وحركتها للأسفل ── */
.mouse-wheel {
  width: 4px;
  height: 8px;
  background-color: #D4AE78; /* اللون الذهبي المضيء */
  border-radius: 2px;
  position: absolute;
  top: 6px;
  animation: mouseScrollAnim 1.6s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

/* ── تنسيق الكلمة الجديدة ── */
.scroll-text {
  font-size: 15px;
  letter-spacing: 5px;
  text-transform: uppercase;
  color: #888;
  font-weight: 300;
}

/* ── الخط الطولي المضيء الخاص بك (كما هو تماماً) ── */
.hero-scroll::after {
  content: '';
  display: block;
  width: 3px;
  height: 80px;
  background: linear-gradient(to bottom, #D4AE78, transparent);
  animation: scrollLine 2s ease-in-out infinite;
}

/* ── حركة عجلة الماوس الانسيابية ── */
@keyframes mouseScrollAnim {
  0% {
    transform: translateY(0);
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  65% {
    transform: translateY(12px);
    opacity: 1;
  }
  100% {
    transform: translateY(12px);
    opacity: 0;
  }
}

/* حركة الخط الطولي الخاص بك */
@keyframes scrollLine {
  0%   { opacity: 1; transform: scaleY(1); transform-origin: top; }
  50%  { opacity: 0.3; }
  100% { opacity: 1; transform: scaleY(1); transform-origin: top; }
}
</style>				</div>
				<div class="elementor-element elementor-element-9e57c8b elementor-widget elementor-widget-html" data-id="9e57c8b" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					<div style="text-align: center;">

<a class="bgd-btn-combo" href="https://www.bassemgd.com/gallery/">
  <i class="fa fa-chevron-right" aria-hidden="true"></i> FOR MORE PICTURES</a>

</div>


<style>
.bgd-btn-combo {
  font-family: 'Tahoma', sans-serif;
  font-size: 13px;
  letter-spacing: 3px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 30px;
  border-radius: 50px;
  cursor: pointer;
  display: inline-block;
  color: #D4AE78;
  border: 1px solid rgba(212, 174, 120, 0.6);
  background: transparent;
  position: relative;
  overflow: hidden;
  z-index: 0;
  animation: pulseGlow 2s ease-in-out infinite;
  transition: all 0.3s ease;
}

/* Fill Slide */
.bgd-btn-combo::after {
  content: '';
  position: absolute;
  inset: 0;
  background: #D4AE78;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
  z-index: -1;
  border-radius: 50px;
}

/* Pulse Glow Animation */
@keyframes pulseGlow {
  0%, 100% {
    box-shadow: 0 0 8px rgba(212,174,120,0.2),
                0 0 20px rgba(212,174,120,0.1);
  }
  50% {
    box-shadow: 0 0 20px rgba(212,174,120,0.5),
                0 0 50px rgba(212,174,120,0.2);
  }
}

/* Hover — Fill Slide + Stop Glow */
.bgd-btn-combo:hover {
  animation: none;
  color: #000;
  border-color: #D4AE78;
  transform: translateY(-2px);
  box-shadow: 0 0 40px rgba(212,174,120,0.5);
}
.bgd-btn-combo:hover::after {
  transform: scaleX(1);
}
</style>				</div>
				<div class="elementor-element elementor-element-914767f elementor-widget elementor-widget-spacer" data-id="914767f" data-element_type="widget" data-e-type="widget" data-widget_type="spacer.default">
							<div class="elementor-spacer">
			<div class="elementor-spacer-inner"></div>
		</div>
						</div>
					</div>
		</div>
					</div>
		</section>
		<div class="elementor-element elementor-element-3133fcb e-con-full e-flex e-con e-parent" data-id="3133fcb" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-7648cbb elementor-widget elementor-widget-html" data-id="7648cbb" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Infinite Marquee</title>

<style>

/* RESET */
*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

/* SECTION */
.marquee-section{
  width:100%;
  overflow:hidden;
  background:#000;
  padding:28px 0;
  border-top:2px solid #D4AE78;
  border-bottom:2px solid #D4AE78;
  position:relative;
}

/* fade edges */
.marquee-section::before,
.marquee-section::after{
  content:'';
  position:absolute;
  top:0;
  width:120px;
  height:100%;
  pointer-events:none;
  z-index:2;
}

.marquee-section::before{
  left:0;
  background:linear-gradient(to right,#000,transparent);
}

.marquee-section::after{
  right:0;
  background:linear-gradient(to left,#000,transparent);
}

/* TRACK */
.marquee-track{
  display:flex;
  white-space:nowrap;
  align-items:center;
  overflow:hidden;
}

/* GROUP */
.marquee-group{
  display:flex;
  align-items:center;
  gap:55px;
  padding-right:55px;
  flex-shrink:0;
}

/* ITEM */
.marquee-item{
  display:flex;
  align-items:center;
  gap:14px;

  font-size:16px;
  letter-spacing:3px;
  text-transform:uppercase;

  color:#A0A0A0;
  font-weight:300;
  font-family:sans-serif;

  white-space:nowrap;
  transition:.3s ease;

  position:relative;
}

/* icon */
.marquee-item img{
  width:24px;
  height:24px;
  object-fit:contain;
}

/* separator */
.marquee-item:not(:last-child)::after{
  content:"|";
  position:absolute;
  right:-30px;
  top:50%;
  transform:translateY(-50%);
  color:#D4AE78;
  font-size:18px;
  opacity:0.8;
}

/* hover */
.marquee-item:hover{
  color:#fff;
  transform:translateY(-2px);
}

/* RESPONSIVE */
@media(max-width:768px){

  .marquee-group{
    gap:35px;
    padding-right:35px;
  }

  .marquee-item{
    font-size:12px;
    letter-spacing:2px;
  }

  .marquee-item img{
    width:18px;
    height:18px;
  }

  .marquee-item:not(:last-child)::after{
    right:-20px;
    font-size:14px;
  }
}

</style>




<div class="marquee-section">
  <div class="marquee-track" id="track">

    <div class="marquee-group">

      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop.svg">Adobe Photoshop</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/illustrator.svg">Adobe Illustrator</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/indesign.svg">Adobe InDesign</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/dimension.svg">Adobe Dimension</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop-lightroom.svg">Adobe Lightroom</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/premiere.svg">Adobe Premiere Pro</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/audition.svg">Adobe Audition</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/after-effects.svg">Adobe After Effects</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/media-encoder.svg">Adobe Media Encoder</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Davinci.svg">DaVinci Resolve</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/blender.svg">Blender</span>
      
         <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop.svg">Adobe Photoshop</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/illustrator.svg">Adobe Illustrator</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/indesign.svg">Adobe InDesign</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/dimension.svg">Adobe Dimension</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop-lightroom.svg">Adobe Lightroom</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/premiere.svg">Adobe Premiere Pro</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/audition.svg">Adobe Audition</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/after-effects.svg">Adobe After Effects</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/media-encoder.svg">Adobe Media Encoder</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Davinci.svg">DaVinci Resolve</span>
      <span class="marquee-item"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/05/blender.svg">Blender</span>

    </div>

  </div>
</div>

<script>

/* ================= FIXED INFINITE LOOP ================= */

const track = document.getElementById("track");
const group = document.querySelector(".marquee-group");

// duplicate content
track.appendChild(group.cloneNode(true));

let speed = 0.8;

function animate(){
  track.scrollLeft += speed;

  // reset exactly when first group ends
  if(track.scrollLeft >= group.scrollWidth){
    track.scrollLeft = 0;
  }

  requestAnimationFrame(animate);
}

animate();

</script>


				</div>
				</div>
		<div class="elementor-element elementor-element-49a1e4b e-con-full e-flex e-con e-parent" data-id="49a1e4b" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-e64bc2e elementor-widget elementor-widget-html" data-id="e64bc2e" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Expertise Section</title>

<style>

:root{
  --gold:#D4AE78;
  --black:#060606;
  --dark:#0E0E0E;
  --dark2:#161616;
  --white:#F5F0E8;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  background:var(--black);
  color:var(--white);
  font-family:Tahoma,sans-serif;
  min-height:100vh;
  overflow-x:hidden;
}

/* DIVIDER */
.divider-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.contact-divider-horizontal{
  width:1900px;
  height:2px;
  background:linear-gradient(to right,transparent,#D4AE78,transparent);
  box-shadow:
  0 0 100px rgba(212,174,120,0.6),
  0 0 100px rgba(212,174,120,0.3);
  animation:glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse{
  0%,100%{opacity:1}
  50%{opacity:.4}
}

/* BG GRID */
.bg-grid{
  position:fixed;
  inset:0;
  background-image:
  linear-gradient(rgba(212,174,120,0.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(212,174,120,0.04) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
  z-index:0;
}

/* SECTION */
.expertise-section{
  position:relative;
  padding:100px 60px 80px;
  max-width:1500px;
  margin:0 auto;
}

/* HEADER */
.section-header{
  position:relative;
  z-index:1;
  margin-bottom:80px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.label-row{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:24px;
}

.label-line{
  width:40px;
  height:1px;
  background:var(--gold);
}

.label-text{
  font-size:15px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:500;
}

.section-title{
  font-size:clamp(70px,9vw,130px);
  font-weight:700;
  line-height:.95;
  color:var(--white);
  text-align:left;
}

.section-title span{
  color:var(--gold);
}

.deco-number{
  position:absolute;
  top:-40px;
  right:0;
  font-size:180px;
  font-weight:700;
  color:transparent;
  -webkit-text-stroke:1px rgba(212,174,120,0.07);
  line-height:1;
  pointer-events:none;
  user-select:none;
}

/* GRID */
.main-grid{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:.8fr 1.8fr;
  gap:70px;
  align-items:start;
}

/* LEFT */
.intro-text{
  font-size:15px;
  line-height:1.9;
  color:rgba(245,240,232,0.55);
  font-weight:400;
  margin-bottom:60px;
}

.intro-text strong{
  color:var(--gold);
  font-weight:700;
}

.tools-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:1px;
  background:rgba(212,174,120,0.15);
  border:1px solid rgba(212,174,120,0.15);
}

.tool-cell{
  background:var(--dark);
  padding:20px 22px;
  display:flex;
  align-items:center;
  gap:12px;
  transition:background .3s;
}

.tool-cell:hover{
  background:rgba(212,174,120,0.08);
}

.tool-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gold);
  flex-shrink:0;
}

.tool-name{
  font-size:12px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:rgba(245,240,232,0.7);
}

/* RIGHT */
.software-header{
  font-size:15px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(212,174,120,0.6);
  margin-bottom:32px;
  display:flex;
  align-items:center;
  gap:12px;
}

.software-header::after{
  content:'';
  flex:1;
  height:1px;
  background:rgba(212,174,120,0.2);
}

/* SOFTWARE GRID */
.software-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:2px;
}

/* CARD */
.sw-card{
  display:grid;
  grid-template-columns:44px 1fr;
  align-items:center;
  gap:20px;
  padding:18px 24px;
  background:var(--dark2);
  border-left:2px solid transparent;
  transition:all .4s cubic-bezier(0.16,1,0.3,1);
  position:relative;
  overflow:hidden;
  opacity:0;
  min-height:80px;
}

.sw-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(212,174,120,0.06),transparent);
  opacity:0;
  transition:opacity .4s;
}

.sw-card:hover{
  border-left-color:var(--gold);
  transform:translateX(6px);
}

.sw-card:hover::before{
  opacity:1;
}

/* ICON */
.sw-icon-img{
  width:38px;
  height:38px;
  object-fit:contain;
  flex-shrink:0;
  opacity:.9;
  transition:all .3s ease;
  filter:
  brightness(0)
  saturate(100%)
  invert(76%)
  sepia(29%)
  saturate(525%)
  hue-rotate(355deg)
  brightness(94%)
  contrast(88%);
}

.sw-card:hover .sw-icon-img{
  opacity:1;
  transform:scale(1.06);
}

.sw-name{
  font-size:15px;
  font-weight:700;
  letter-spacing:1px;
  text-transform:uppercase;
  color:var(--white);
  margin-bottom:6px;
}

.sw-name em{
  font-style:normal;
  color:var(--gold);
  font-weight:400;
}

.sw-category{
  font-size:15px;
  letter-spacing:1px;
  color:rgba(245,240,232,0.3);
  text-transform:uppercase;
}

/* STATS */
.bottom-strip{
  position:relative;
  z-index:1;
  margin-top:80px;
  border-top:1px solid rgba(212,174,120,0.15);
  padding-top:40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.stat-item{
  text-align:center;
}

.stat-num{
  font-size:60px;
  font-weight:700;
  color:var(--gold);
  line-height:1;
}

.stat-label{
  font-size:15px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(245,240,232,0.4);
  margin-top:8px;
}

.stat-divider{
  width:1px;
  height:60px;
  background:rgba(212,174,120,0.2);
}

/* ANIMATIONS */
@keyframes fadeUp{
  from{
    opacity:0;
    transform:translateY(30px);
  }
  to{
    opacity:1;
    transform:translateY(0);
  }
}

.fade-up{
  opacity:0;
  animation:fadeUp .8s cubic-bezier(0.16,1,0.3,1) forwards;
}

.sw-card.visible{
  animation:fadeUp .6s cubic-bezier(0.16,1,0.3,1) forwards;
}

/* RESPONSIVE */
@media(max-width:1100px){

  .software-list{
    grid-template-columns:1fr;
  }

  .main-grid{
    grid-template-columns:1fr;
  }

  .section-title{
    font-size:clamp(60px,10vw,100px);
  }

}

@media(max-width:768px){

  .expertise-section{
    padding:80px 24px 60px;
  }

  .section-title{
    font-size:52px;
  }

  .deco-number{
    font-size:100px;
    top:-20px;
  }

  .tools-grid{
    grid-template-columns:1fr;
  }

  .tool-cell[style]{
    grid-column:auto !important;
  }

  .bottom-strip{
    flex-wrap:wrap;
    gap:30px;
  }

  .stat-divider{
    display:none;
  }

}

</style>




<div class="bg-grid"></div>

<!-- TOP DIVIDER -->
<div style="height:10px"></div>

<div class="divider-wrapper">
  <div class="contact-divider-horizontal"></div>
</div>

<div style="height:10px"></div>

<section class="expertise-section">

  <!-- HEADER -->
  <div class="section-header fade-up" style="animation-delay:.1s">

    <div class="label-row">
      <div class="label-line"></div>
      <span class="label-text">Expertise</span>
    </div>

    <h2 class="section-title">
      My Skills &amp;<br>
      <span>Technologies</span>
    </h2>

    <div class="deco-number">02</div>

  </div>

  <div class="main-grid">

    <!-- LEFT -->
    <div class="fade-up" style="animation-delay:.3s">

      <p class="intro-text">
        <strong>Tools &amp; Expertise</strong><br>
        Proficient in a diverse range of industry-standard tools and technologies, with a passion for creating compelling visual narratives across multiple disciplines.
      </p>

      <div class="tools-grid">

        <div class="tool-cell">
          <div class="tool-dot"></div>
          <span class="tool-name">MacOS</span>
        </div>

        <div class="tool-cell">
          <div class="tool-dot"></div>
          <span class="tool-name">Microsoft Office</span>
        </div>

        <div class="tool-cell">
          <div class="tool-dot"></div>
          <span class="tool-name">Nikon Cameras</span>
        </div>

        <div class="tool-cell">
          <div class="tool-dot"></div>
          <span class="tool-name">Canon Cameras</span>
        </div>

        <div class="tool-cell" style="grid-column:span 2">
          <div class="tool-dot"></div>
          <span class="tool-name">Communication Skills</span>
        </div>

      </div>

    </div>

    <!-- RIGHT -->
    <div>

      <div class="software-header">
        SOFTWARE PROFICIENCY
      </div>

      <div class="software-list">

        <!-- Photoshop -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Photoshop</div>
            <div class="sw-category">Photo Editing &middot; Compositing</div>
          </div>
        </div>

        <!-- Illustrator -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/illustrator.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Illustrator</div>
            <div class="sw-category">Vector &middot; Branding</div>
          </div>
        </div>

        <!-- InDesign -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/indesign.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> InDesign</div>
            <div class="sw-category">Layout &middot; Print Design</div>
          </div>
        </div>

        <!-- Lightroom -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/photoshop-lightroom.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Lightroom</div>
            <div class="sw-category">Photo &middot; Color Grading</div>
          </div>
        </div>

        <!-- Premiere -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/premiere.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Premiere</div>
            <div class="sw-category">Video Editing</div>
          </div>
        </div>

        <!-- Dimension -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/dimension.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Dimension</div>
            <div class="sw-category">3D &middot; Mockups</div>
          </div>
        </div>

        <!-- Audition -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/audition.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Audition</div>
            <div class="sw-category">Audio &middot; Sound Design</div>
          </div>
        </div>

        <!-- After Effects -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/after-effects.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> After Effects</div>
            <div class="sw-category">Motion &middot; VFX</div>
          </div>
        </div>

        <!-- Media Encoder -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/media-encoder.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Media Encoder</div>
            <div class="sw-category">Export &middot; Encoding</div>
          </div>
        </div>

        <!-- Animate -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/animate.svg" alt="">
          <div>
            <div class="sw-name"><em>Adobe</em> Animate</div>
            <div class="sw-category">Animation &middot; Interactive</div>
          </div>
        </div>

        <!-- Davinci -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/Davinci.svg" alt="">
          <div>
            <div class="sw-name">Davinci <em>Resolve</em></div>
            <div class="sw-category">Color Grading &middot; Editing</div>
          </div>
        </div>

        <!-- Blender -->
        <div class="sw-card">
          <img decoding="async" class="sw-icon-img" src="https://www.bassemgd.com/wp-content/uploads/2026/05/blender.svg" alt="">
          <div>
            <div class="sw-name"><em>Blender</em></div>
            <div class="sw-category">3D Modeling &middot; Animation</div>
          </div>
        </div>

      </div>
    </div>

  </div>

  <!-- STATS -->
  <div class="bottom-strip fade-up" style="animation-delay:.5s">

    <div class="stat-item">
      <div class="stat-num">12+</div>
      <div class="stat-label">Software Tools</div>
    </div>

    <div class="stat-divider"></div>

    <div class="stat-item">
      <div class="stat-num">18+</div>
      <div class="stat-label">Years Experience</div>
    </div>

    <div class="stat-divider"></div>

    <div class="stat-item">
      <div class="stat-num">120+</div>
      <div class="stat-label">Projects Delivered</div>
    </div>

    <div class="stat-divider"></div>

    <div class="stat-item">
      <div class="stat-num">4</div>
      <div class="stat-label">Creative Disciplines</div>
    </div>

  </div>

</section>

<!-- BOTTOM DIVIDER -->
<div style="height:10px"></div>

<div class="divider-wrapper">
  <div class="contact-divider-horizontal"></div>
</div>

<div style="height:10px"></div>

<script>

const cards=document.querySelectorAll('.sw-card');

setTimeout(()=>{
  cards.forEach((card,i)=>{
    setTimeout(()=>{
      card.classList.add('visible');
    },i*70);
  });
},400);

</script>


				</div>
				</div>
				<section class="elementor-section elementor-top-section elementor-element elementor-element-ipdryxe elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-invisible" data-id="ipdryxe" data-element_type="section" data-e-type="section" data-settings='{"animation":"fadeIn"}'>
						<div class="elementor-container elementor-column-gap-no">
					<div class="elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4b6017f" data-id="4b6017f" data-element_type="column" data-e-type="column">
			<div class="elementor-widget-wrap elementor-element-populated">
						<div class="elementor-element elementor-element-9ebfe21 elementor-view-default elementor-position-block-start elementor-mobile-position-block-start elementor-widget elementor-widget-icon-box" data-id="9ebfe21" data-element_type="widget" data-e-type="widget" data-widget_type="icon-box.default">
							<div class="elementor-icon-box-wrapper">

						<div class="elementor-icon-box-icon">
				<span class="elementor-icon">
				<svg aria-hidden="true" class="e-font-icon-svg e-far-handshake" viewbox="0 0 640 512" xmlns="http://www.w3.org/2000/svg"><path d="M519.2 127.9l-47.6-47.6A56.252 56.252 0 0 0 432 64H205.2c-14.8 0-29.1 5.9-39.6 16.3L118 127.9H0v255.7h64c17.6 0 31.8-14.2 31.9-31.7h9.1l84.6 76.4c30.9 25.1 73.8 25.7 105.6 3.8 12.5 10.8 26 15.9 41.1 15.9 18.2 0 35.3-7.4 48.8-24 22.1 8.7 48.2 2.6 64-16.8l26.2-32.3c5.6-6.9 9.1-14.8 10.9-23h57.9c.1 17.5 14.4 31.7 31.9 31.7h64V127.9H519.2zM48 351.6c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16zm390-6.9l-26.1 32.2c-2.8 3.4-7.8 4-11.3 1.2l-23.9-19.4-30 36.5c-6 7.3-15 4.8-18 2.4l-36.8-31.5-15.6 19.2c-13.9 17.1-39.2 19.7-55.3 6.6l-97.3-88H96V175.8h41.9l61.7-61.6c2-.8 3.7-1.5 5.7-2.3H262l-38.7 35.5c-29.4 26.9-31.1 72.3-4.4 101.3 14.8 16.2 61.2 41.2 101.5 4.4l8.2-7.5 108.2 87.8c3.4 2.8 3.9 7.9 1.2 11.3zm106-40.8h-69.2c-2.3-2.8-4.9-5.4-7.7-7.7l-102.7-83.4 12.5-11.4c6.5-6 7-16.1 1-22.6L367 167.1c-6-6.5-16.1-6.9-22.6-1l-55.2 50.6c-9.5 8.7-25.7 9.4-34.6 0-9.3-9.9-8.5-25.1 1.2-33.9l65.6-60.1c7.4-6.8 17-10.5 27-10.5l83.7-.2c2.1 0 4.1.8 5.5 2.3l61.7 61.6H544v128zm48 47.7c-8.8 0-16-7.2-16-16s7.2-16 16-16 16 7.2 16 16c0 8.9-7.2 16-16 16z"></path></svg>				</span>
			</div>
			
						<div class="elementor-icon-box-content">

									<h4 class="elementor-icon-box-title">
						<span>
							Trusted By						</span>
					</h4>
				
				
			</div>
			
		</div>
						</div>
				<div class="elementor-element elementor-element-3dbdd0e elementor-widget elementor-widget-heading" data-id="3dbdd0e" data-element_type="widget" data-e-type="widget" data-widget_type="heading.default">
					<h1 class="elementor-heading-title elementor-size-default">Industry-Leading Clients
</h1>				</div>
				<div class="elementor-element elementor-element-212ab0a elementor-widget elementor-widget-text-editor" data-id="212ab0a" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
									<p>Throughout my career, I have had the privilege of partnering with some of the region&rsquo;s most recognized brands and organizations, leading creative projects that deliver lasting visual impact.</p>								</div>
				<div class="elementor-element elementor-element-738e27b elementor-arrows-position-outside elementor-pagination-position-outside elementor-invisible elementor-widget elementor-widget-image-carousel" data-id="738e27b" data-element_type="widget" data-e-type="widget" data-settings='{"slides_to_show":"5","slides_to_scroll":"5","image_spacing_custom":{"unit":"px","size":100,"sizes":[]},"slides_to_show_tablet":"2","slides_to_show_mobile":"2","slides_to_scroll_mobile":"1","_animation":"fadeIn","image_spacing_custom_mobile":{"unit":"px","size":20,"sizes":[]},"navigation":"both","autoplay":"yes","pause_on_hover":"yes","pause_on_interaction":"yes","autoplay_speed":5000,"infinite":"yes","speed":500,"image_spacing_custom_widescreen":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_laptop":{"unit":"px","size":"","sizes":[]},"image_spacing_custom_tablet":{"unit":"px","size":"","sizes":[]}}' data-widget_type="image-carousel.default">
							<div class="elementor-image-carousel-wrapper swiper" role="region" aria-roledescription="carousel" aria-label="Image Carousel" dir="ltr">
			<div class="elementor-image-carousel swiper-wrapper swiper-image-stretch" aria-live="off">
								<div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="1 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-13.svg" alt="Logo-13"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="2 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-12.svg" alt="Logo-12"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="3 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-11.svg" alt="Logo-11"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="4 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-10.svg" alt="Logo-10"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="5 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2026/04/Logo-14.svg" alt="Logo-14"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="6 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-04.svg" alt="Logo-04"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="7 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-05.svg" alt="Logo-05"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="8 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-08.svg" alt="Logo-08"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="9 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-01.svg" alt="Logo-01"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="10 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-02.svg" alt="Logo-02"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="11 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-03.svg" alt="Logo-03"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="12 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-06.svg" alt="Logo-06"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="13 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-07.svg" alt="Logo-07"></figure></div><div class="swiper-slide" role="group" aria-roledescription="slide" aria-label="14 of 14"><figure class="swiper-slide-inner"><img decoding="async" class="swiper-slide-image" src="https://www.bassemgd.com/wp-content/uploads/2024/08/Logo-09.svg" alt="Logo-09"></figure></div>			</div>
												<div class="elementor-swiper-button elementor-swiper-button-prev" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-left" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z"></path></svg>					</div>
					<div class="elementor-swiper-button elementor-swiper-button-next" role="button" tabindex="0">
						<svg aria-hidden="true" class="e-font-icon-svg e-eicon-chevron-right" viewbox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"><path d="M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z"></path></svg>					</div>
				
									<div class="swiper-pagination"></div>
									</div>
						</div>
					</div>
		</div>
					</div>
		</section>
		<div class="elementor-element elementor-element-6f1c5c5 e-con-full e-flex e-con e-parent" data-id="6f1c5c5" data-element_type="container" data-e-type="container">
				<div class="elementor-element elementor-element-4be6cf5 elementor-widget elementor-widget-html" data-id="4be6cf5" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Work Experience | Bassem Nagah</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
<style>

:root{
  --gold:#D4AE78;
  --black:#060606;
  --dark:#0E0E0E;
  --dark2:#161616;
  --white:#F5F0E8;
}

*{margin:0;padding:0;box-sizing:border-box;}

body{
  background:var(--black);
  color:var(--white);
  font-family:Tahoma,sans-serif;
  min-height:100vh;
  overflow-x:hidden;
}

/* BG GRID */
.bg-grid{
  position:fixed;
  inset:0;
  background-image:
    linear-gradient(rgba(212,174,120,0.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(212,174,120,0.04) 1px,transparent 1px);
  background-size:60px 60px;
  pointer-events:none;
  z-index:0;
}

/* DIVIDER */
.divider-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100%;
}

.contact-divider-horizontal{
  width:100%;
  max-width:1900px;
  height:2px;
  background:linear-gradient(to right,transparent,#D4AE78,transparent);
  box-shadow:0 0 100px rgba(212,174,120,0.6),0 0 100px rgba(212,174,120,0.3);
  animation:glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse{
  0%,100%{opacity:1}
  50%{opacity:.4}
}

/* CONTAINER */
.container{
  position:relative;
  z-index:1;
  max-width:1500px;
  margin:0 auto;
  padding:0 60px;
}

/* ── SECTION HEADER ── */
.section-header{
  padding:80px 0 70px;
  position:relative;
}

.label-row{
  display:flex;
  align-items:center;
  gap:16px;
  margin-bottom:24px;
}

.label-line{
  width:40px;
  height:1px;
  background:var(--gold);
}

.label-text{
  font-size:15px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:var(--gold);
  font-weight:500;
}

.section-title{
  font-size:clamp(70px,9vw,130px);
  font-weight:700;
  line-height:.95;
  color:var(--white);
  text-align:left;
}

.section-title span{
  color:var(--gold);
}

.deco-number{
  position:absolute;
  top:60px;
  right:0;
  font-size:180px;
  font-weight:700;
  color:transparent;
  -webkit-text-stroke:1px rgba(212,174,120,0.07);
  line-height:1;
  pointer-events:none;
  user-select:none;
}

/* ── TIMELINE ── */
.timeline-wrapper{
  position:relative;
  padding:0 0 80px 60px;
}

.timeline-line{
  position:absolute;
  left:18px;
  top:0;
  bottom:0;
  width:2px;
  background:linear-gradient(180deg,var(--gold) 0%,rgba(212,174,120,0) 100%);
  box-shadow:0 0 12px rgba(212,174,120,0.5),0 0 30px rgba(212,174,120,0.2);
  animation:glowPulse 2s ease-in-out infinite;
}

/* ITEM */
.timeline-item{
  position:relative;
  margin-bottom:16px;
  opacity:0;
  animation:fadeUp .6s cubic-bezier(0.16,1,0.3,1) forwards;
}

.timeline-item:nth-child(1){animation-delay:.1s}
.timeline-item:nth-child(2){animation-delay:.2s}
.timeline-item:nth-child(3){animation-delay:.3s}
.timeline-item:nth-child(4){animation-delay:.4s}
.timeline-item:nth-child(5){animation-delay:.5s}
.timeline-item:nth-child(6){animation-delay:.6s}

/* DOT */
.timeline-dot{
  position:absolute;
  left:-50px;
  top:50%;
  transform:translateY(-50%);
  width:16px;
  height:16px;
  background:var(--black);
  border:2px solid var(--gold);
  border-radius:50%;
  transition:all .3s ease;
  z-index:10;
}

.timeline-item:hover .timeline-dot{
  width:22px;
  height:22px;
  left:-53px;
  background:var(--gold);
  box-shadow:0 0 20px rgba(212,174,120,0.8),0 0 40px rgba(212,174,120,0.4);
}

/* CARD */
.experience-card{
  background:var(--dark2);
  border-left:2px solid transparent;
  padding:22px 30px;
  display:grid;
  grid-template-columns:160px 1fr auto;
  align-items:center;
  gap:30px;
  position:relative;
  overflow:hidden;
  transition:all .4s cubic-bezier(0.16,1,0.3,1);
  cursor:default;
}

.experience-card::before{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(212,174,120,0.06),transparent);
  opacity:0;
  transition:opacity .4s;
}

.experience-card:hover{
  border-left-color:var(--gold);
  transform:translateX(8px);
  background:rgba(212,174,120,0.04);
}

.experience-card:hover::before{
  opacity:1;
}

/* DATE */
.card-date{
  font-size:13px;
  color:var(--gold);
  font-weight:600;
  letter-spacing:.5px;
  white-space:nowrap;
}

/* CENTER */
.card-center{
  display:flex;
  flex-direction:column;
  gap:5px;
  min-width:0;
}

.card-company{
  font-size:16px;
  font-weight:700;
  color:var(--white);
  letter-spacing:.5px;
  text-transform:uppercase;
}

.card-title{
  font-size:13px;
  color:rgba(245,240,232,0.45);
  letter-spacing:.3px;
}

/* LOCATION */
.card-location{
  display:flex;
  align-items:center;
  gap:8px;
  font-size:13px;
  color:rgba(245,240,232,0.35);
  white-space:nowrap;
  letter-spacing:.3px;
}

.card-location i{
  color:var(--gold);
  font-size:11px;
  opacity:.7;
}

/* CURRENT BADGE */
.card-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-size:10px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  color:var(--gold);
  border:1px solid rgba(212,174,120,0.3);
  padding:3px 10px;
  margin-top:6px;
  background:rgba(212,174,120,0.06);
  width:fit-content;
}

.badge-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gold);
  animation:badgePulse 1.5s ease-in-out infinite;
  flex-shrink:0;
}

@keyframes badgePulse{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.4;transform:scale(1.3)}
}

/* STATS STRIP */
.bottom-strip{
  position:relative;
  z-index:1;
  margin-top:20px;
  border-top:1px solid rgba(212,174,120,0.15);
  padding-top:40px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:80px;
}

.stat-item{text-align:center;}

.stat-num{
  font-size:60px;
  font-weight:700;
  color:var(--gold);
  line-height:1;
}

.stat-label{
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  color:rgba(245,240,232,0.4);
  margin-top:8px;
}

.stat-divider{
  width:1px;
  height:60px;
  background:rgba(212,174,120,0.2);
}

/* ANIMATIONS */
@keyframes fadeUp{
  from{opacity:0;transform:translateY(24px)}
  to{opacity:1;transform:translateY(0)}
}

/* RESPONSIVE */
@media(max-width:1100px){
  .experience-card{
    grid-template-columns:140px 1fr;
  }
  .card-location{
    grid-column:span 2;
    margin-top:4px;
  }
}

@media(max-width:768px){
  .container{padding:0 24px;}
  .section-title{font-size:52px;}
  .deco-number{font-size:100px;top:70px;}
  .timeline-wrapper{padding:0 0 60px 48px;}
  .experience-card{
    grid-template-columns:1fr;
    gap:8px;
    padding:18px 20px;
  }
  .card-location{margin-top:2px;}
  .bottom-strip{flex-wrap:wrap;gap:30px;justify-content:center;}
  .stat-divider{display:none;}
}

</style>



<div class="bg-grid"></div>

<div style="height:10px"></div>
<div class="divider-wrapper"><div class="contact-divider-horizontal"></div></div>
<div style="height:10px"></div>

<div class="container">

  <!-- HEADER -->
  <div class="section-header">

    <div class="label-row">
      <div class="label-line"></div>
      <span class="label-text">Career</span>
    </div>

    <h2 class="section-title">
      Work<br><span>Experience</span>
    </h2>

    <div class="deco-number">03</div>

  </div>

  <!-- TIMELINE -->
  <div class="timeline-wrapper">

    <div class="timeline-line"></div>

    <!-- Item 1 &mdash; Current -->
    <div class="timeline-item">
      <div class="timeline-dot"></div>
      <div class="experience-card">
        <div>
          <div class="card-date">Mar 2025 &ndash; Present</div>
          <div class="card-badge"><span class="badge-dot"></span>Current</div>
        </div>
        <div class="card-center">
          <div class="card-company">Paradox Studios</div>
          <div class="card-title">Senior Graphic Designer / Multimedia Artist &amp; Editor</div>
        </div>
        <div class="card-location">
          <i class="fa-solid fa-location-dot"></i>
          Dubai, UAE
        </div>
      </div>
    </div>

    <!-- Item 2 -->
    <div class="timeline-item">
      <div class="timeline-dot"></div>
      <div class="experience-card">
        <div class="card-date">Mar 2022 &ndash; Feb 2025</div>
        <div class="card-center">
          <div class="card-company">Barajoun Studios</div>
          <div class="card-title">Senior Graphic Designer / Multimedia Artist &amp; Editor</div>
        </div>
        <div class="card-location">
          <i class="fa-solid fa-location-dot"></i>
          Dubai, UAE
        </div>
      </div>
    </div>

    <!-- Item 3 -->
    <div class="timeline-item">
      <div class="timeline-dot"></div>
      <div class="experience-card">
        <div class="card-date">Dec 2019 &ndash; Feb 2022</div>
        <div class="card-center">
          <div class="card-company">Epic Communications</div>
          <div class="card-title">Graphic Designer / Photography &amp; Videography</div>
        </div>
        <div class="card-location">
          <i class="fa-solid fa-location-dot"></i>
          Dubai, UAE
        </div>
      </div>
    </div>

    <!-- Item 4 -->
    <div class="timeline-item">
      <div class="timeline-dot"></div>
      <div class="experience-card">
        <div class="card-date">Dec 2012 &ndash; July 2019</div>
        <div class="card-center">
          <div class="card-company">Sharjah Coop Society</div>
          <div class="card-title">Senior Graphic &amp; Advertising Design &amp; Photography</div>
        </div>
        <div class="card-location">
          <i class="fa-solid fa-location-dot"></i>
          Sharjah, UAE
        </div>
      </div>
    </div>

    <!-- Item 5 -->
    <div class="timeline-item">
      <div class="timeline-dot"></div>
      <div class="experience-card">
        <div class="card-date">June 2007 &ndash; May 2012</div>
        <div class="card-center">
          <div class="card-company">Al Shorouq Printing Press</div>
          <div class="card-title">Graphic Designer</div>
        </div>
        <div class="card-location">
          <i class="fa-solid fa-location-dot"></i>
          Al Ain, UAE
        </div>
      </div>
    </div>

    <!-- Item 6 -->
    <div class="timeline-item">
      <div class="timeline-dot"></div>
      <div class="experience-card">
        <div class="card-date">2004 &ndash; 2006</div>
        <div class="card-center">
          <div class="card-company">Egyptian Armed Forces</div>
          <div class="card-title">Hardware &amp; Software Administrator</div>
        </div>
        <div class="card-location">
          <i class="fa-solid fa-location-dot"></i>
          Alexandria, Egypt
        </div>
      </div>
    </div>

  </div>

  <!-- STATS -->
  <div class="bottom-strip">

    <div class="stat-item">
      <div class="stat-num">6</div>
      <div class="stat-label">Companies</div>
    </div>

    <div class="stat-divider"></div>

    <div class="stat-item">
      <div class="stat-num">18+</div>
      <div class="stat-label">Years Experience</div>
    </div>

    <div class="stat-divider"></div>

    <div class="stat-item">
      <div class="stat-num">3</div>
      <div class="stat-label">Emirates</div>
    </div>

    <div class="stat-divider"></div>

    <div class="stat-item">
      <div class="stat-num">2</div>
      <div class="stat-label">Countries</div>
    </div>

  </div>

</div>

<div style="height:10px"></div>
<div class="divider-wrapper"><div class="contact-divider-horizontal"></div></div>
<div style="height:10px"></div>


				</div>
				</div>
		<div class="elementor-element elementor-element-c0cb123 e-con-full e-flex elementor-invisible e-con e-parent" data-id="c0cb123" data-element_type="container" data-e-type="container" data-settings='{"animation":"fadeIn"}'>
				<div class="elementor-element elementor-element-15efe28 elementor-widget elementor-widget-html" data-id="15efe28" data-element_type="widget" data-e-type="widget" data-widget_type="html.default">
					


<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>BASSEM GD &mdash; Fusion Quote Section</title>

<style>

/* =========================================
   GLOBAL
========================================= */

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body{
  background:#050505;
  overflow-x:hidden;
  font-family:'Inter',sans-serif;
}

/* =========================================
   SECTION
========================================= */

.bgd-fusion-section{
  position:relative;
  width:100%;
  padding:80px 0 100px; 
  overflow:hidden;
  background:#050505; 
}

/* =========================================
   TOP DIVIDER (الخط العمودي)
========================================= */

.bgd-top-divider{
  position:relative;
  width:1px; 
  height:80px; 
  margin:0 auto; 
  background:
  linear-gradient(to bottom,
  transparent,
  rgba(212,174,120,.9),
  transparent);
  overflow:hidden;
  box-shadow:
  0 0 20px rgba(212,174,120,.25),
  0 0 50px rgba(212,174,120,.12);
}

.bgd-top-divider::before{
  content:"";
  position:absolute;
  left:0;
  top:-30%;
  width:100%;
  height:30%;
  background:
  linear-gradient(to bottom,
  transparent,
  rgba(255,255,255,.9),
  transparent);
  animation:dividerVerticalScan 3.5s linear infinite;
}

@keyframes dividerVerticalScan{
  100%{ top:120%; }
}

/* =========================================
   BOTTOM DIVIDER
========================================= */

.bgd-bottom-divider{
  position:relative;
  width:90%; 
  max-width:600px; 
  height:1px;
  margin:0 auto; 
  background:
  linear-gradient(to right,
  transparent,
  rgba(212,174,120,.9),
  transparent);
  overflow:hidden;
  box-shadow:
  0 0 30px rgba(212,174,120,.25),
  0 0 80px rgba(212,174,120,.12);
}

.bgd-bottom-divider::before{
  content:"";
  position:absolute;
  top:0;
  left:-20%;
  width:20%;
  height:100%;
  background:
  linear-gradient(to right,
  transparent,
  rgba(255,255,255,.9),
  transparent);
  animation:dividerHorizontalScan 4s linear infinite;
}

@keyframes dividerHorizontalScan{
  100%{ left:120%; }
}

/* =========================================
   BACKGROUND GRID
========================================= */

.bgd-grid{
  position:absolute;
  inset:0;
  width:100%; 
  background-image:
    linear-gradient(rgba(212,174,120,0.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(212,174,120,0.02) 1px, transparent 1px);
  background-size:70px 70px;
  opacity:.06; 
  animation:gridMove 25s linear infinite;
  pointer-events:none;
}

@keyframes gridMove{
  from{ transform:translateY(0); }
  to{ transform:translateY(70px); }
}

/* =========================================
   GLOW EFFECT UNDER CONTAINER (الجلو المضيء المضاف تحت المستطيل)
========================================= */

.bgd-container-glow{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  width:85%;
  max-width:900px;
  height:400px;
  background:radial-gradient(ellipse at center, rgba(212,174,120,0.06) 0%, rgba(212,174,120,0.01) 50%, transparent 70%);
  filter:blur(50px);
  pointer-events:none;
  z-index:1; /* يقع تحت المستطيل وفوق الخلفية السوداء */
}

/* =========================================
   CONTAINER
========================================= */

.bgd-fusion-container{
  position:relative;
  z-index:5; /* يضمن بقائه فوق الجلو والنقاط المتحركة */
  width:90%; 
  max-width:1000px; 
  margin:40px auto 60px; 
  padding:60px 50px; 
  border-radius:24px; 
  border:1px solid rgba(212,174,120,.15); 
  background:transparent; 
  backdrop-filter:none; 
  box-shadow:0 0 50px rgba(212,174,120,0.01); 
  overflow:hidden;
  opacity:0;
  transform:translateY(40px);
  transition:
  opacity 1.1s cubic-bezier(.16,1,.3,1),
  transform 1.1s cubic-bezier(.16,1,.3,1);
}

.bgd-fusion-container.visible{
  opacity:1;
  transform:translateY(0);
}

/* =========================================
   BIG QUOTE MARK
========================================= */

.bgd-quote-mark{
  position:absolute;
  top:-25px; 
  left:50%;
  transform:translateX(-50%);
  font-size:180px; 
  font-weight:600;
  line-height:1;
  color:rgba(212,174,120,.03);
  pointer-events:none;
}

/* =========================================
   LABEL
========================================= */

.bgd-label{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:16px;
  margin-bottom:35px; 
  text-transform:uppercase;
  letter-spacing:5px;
  font-size:10px; 
  color:#8e7653;
}

.bgd-label::before,
.bgd-label::after{
  content:"";
  width:40px; 
  height:1px;
  background:
  linear-gradient(to right,
  transparent,
  rgba(212,174,120,.5),
  transparent);
}

/* =========================================
   QUOTE TEXT
========================================= */

.bgd-quote-text{
  position:relative;
  max-width:850px;
  margin:auto;
  text-align:center;
  color:#f5f0e8;
  font-size:clamp(24px, 3.8vw, 42px); 
  font-weight:300;
  line-height:1.3;
  letter-spacing:-1px;
}

.bgd-quote-text span{
  color:#D4AE78;
  font-style:italic;
}

/* =========================================
   MINI DIVIDER
========================================= */

.bgd-mini-divider{
  position:relative;
  width:140px; 
  height:1px;
  margin:45px auto 35px; 
  background:
  linear-gradient(to right,
  transparent,
  #D4AE78,
  transparent);
  box-shadow:0 0 20px rgba(212,174,120,.2);
}

.bgd-mini-divider::after{
  content:"";
  position:absolute;
  top:50%;
  left:50%;
  width:8px; 
  height:8px;
  transform:translate(-50%,-50%) rotate(45deg);
  background:#D4AE78;
  box-shadow:0 0 15px rgba(212,174,120,.7);
}

/* =========================================
   AUTHOR
========================================= */

.bgd-author{
  text-align:center;
}

.bgd-author h3{
  color:#D4AE78;
  font-size:14px; 
  font-weight:500;
  letter-spacing:6px;
  text-transform:uppercase;
  margin-bottom:10px;
}

.bgd-author p{
  color:rgba(255,255,255,.35);
  font-size:11px; 
  text-transform:uppercase;
  letter-spacing:2px;
}

/* =========================================
   FLOATING LIGHTS (تكثيف النقاط إلى 16 نقطة مختلفة الأحجام والسرعات)
========================================= */

.bgd-light{
  position:absolute;
  border-radius:50%;
  background:#D4AE78;
  opacity:0;
  animation:floatLight linear infinite;
  pointer-events:none;
}

/* نقاط عادية بحجم 3px */
.bgd-light.n1  { width:3px; height:3px; left:6%;  top:45%;  animation-duration:14s; animation-delay: 0s; }
.bgd-light.n2  { width:2px; height:2px; left:20%; bottom:10%; animation-duration:18s; animation-delay: 2.5s; }
.bgd-light.n3  { width:3px; height:3px; right:12%; top:12%;  animation-duration:15s; animation-delay: 1s; }
.bgd-light.n4  { width:2px; height:2px; right:22%; bottom:30%; animation-duration:20s; animation-delay: 4s; }
.bgd-light.n5  { width:3px; height:3px; left:40%;  top:8%;   animation-duration:12s; animation-delay: 5.2s; }
.bgd-light.n6  { width:2px; height:2px; right:45%; bottom:8%;  animation-duration:16s; animation-delay: 0.8s; }
.bgd-light.n7  { width:3px; height:3px; left:15%;  top:75%;  animation-duration:13s; animation-delay: 6s; }
.bgd-light.n8  { width:2px; height:2px; right:6%;  top:60%;  animation-duration:19s; animation-delay: 1.8s; }

/* نقاط إضافية جديدة لمزيد من الكثافة */
.bgd-light.n9  { width:2px; height:2px; left:30%;  top:35%;  animation-duration:15s; animation-delay: 3.2s; }
.bgd-light.n10 { width:3px; height:3px; right:32%; top:40%;  animation-duration:17s; animation-delay: 0.3s; }
.bgd-light.n11 { width:2px; height:2px; left:52%;  bottom:20%; animation-duration:14s; animation-delay: 7s; }
.bgd-light.n12 { width:3px; height:3px; right:18%; top:78%;  animation-duration:13s; animation-delay: 2.2s; }
.bgd-light.n13 { width:2px; height:2px; left:10%;  top:18%;  animation-duration:16s; animation-delay: 4.5s; }
.bgd-light.n14 { width:3px; height:3px; left:75%;  bottom:15%; animation-duration:18s; animation-delay: 1.1s; }
.bgd-light.n15 { width:2px; height:2px; right:50%; top:28%;  animation-duration:21s; animation-delay: 5.8s; }
.bgd-light.n16 { width:3px; height:3px; left:65%;  top:68%;  animation-duration:12s; animation-delay: 0.1s; }

@keyframes floatLight{
  0%{
    transform:translateY(80px);
    opacity:0;
  }
  30%{
    opacity:0.6;
  }
  70%{
    opacity:0.4;
  }
  100%{
    transform:translateY(-160px);
    opacity:0;
  }
}

/* =========================================
   MOBILE
========================================= */

@media(max-width:768px){
  .bgd-fusion-section{ padding:50px 0; }
  .bgd-top-divider{ height: 60px; } 
  .bgd-bottom-divider{ max-width: 280px; } 
  .bgd-container-glow{ width:90%; height:300px; }
  .bgd-fusion-container{ width:92%; padding:45px 20px; border-radius:16px; margin:30px auto 45px; }
  .bgd-quote-text{ font-size: 22px; line-height:1.4; letter-spacing:0px; }
  .bgd-quote-mark{ font-size:120px; top:-15px; }
  .bgd-author h3{ font-size:12px; letter-spacing:4px; }
  .bgd-author p{ font-size:10px; letter-spacing:1px; }
}

</style>




<section class="bgd-fusion-section">

  <!-- &#1575;&#1604;&#1582;&#1591; &#1575;&#1604;&#1593;&#1604;&#1608;&#1610; &#1575;&#1604;&#1593;&#1605;&#1608;&#1583;&#1610; -->
  <div class="bgd-top-divider"></div>
  
  <!-- &#1588;&#1576;&#1603;&#1577; &#1575;&#1604;&#1582;&#1591;&#1608;&#1591; &#1575;&#1604;&#1585;&#1602;&#1605;&#1610;&#1577; -->
  <div class="bgd-grid"></div>

  <!-- &#1575;&#1604;&#1580;&#1604;&#1608; &#1575;&#1604;&#1605;&#1590;&#1610;&#1569; &#1575;&#1604;&#1582;&#1604;&#1601;&#1610; &#1575;&#1604;&#1605;&#1590;&#1575;&#1601; &#1578;&#1581;&#1578; &#1575;&#1604;&#1605;&#1587;&#1578;&#1591;&#1610;&#1604; &#1605;&#1576;&#1575;&#1588;&#1585;&#1577; -->
  <div class="bgd-container-glow"></div>

  <!-- &#1575;&#1604;&#1606;&#1602;&#1575;&#1591; &#1575;&#1604;&#1605;&#1590;&#1610;&#1574;&#1577; &#1575;&#1604;&#1605;&#1603;&#1579;&#1601;&#1577; (16 &#1606;&#1602;&#1591;&#1577; &#1605;&#1578;&#1581;&#1585;&#1603;&#1577;) -->
  <span class="bgd-light n1"></span>
  <span class="bgd-light n2"></span>
  <span class="bgd-light n3"></span>
  <span class="bgd-light n4"></span>
  <span class="bgd-light n5"></span>
  <span class="bgd-light n6"></span>
  <span class="bgd-light n7"></span>
  <span class="bgd-light n8"></span>
  <span class="bgd-light n9"></span>
  <span class="bgd-light n10"></span>
  <span class="bgd-light n11"></span>
  <span class="bgd-light n12"></span>
  <span class="bgd-light n13"></span>
  <span class="bgd-light n14"></span>
  <span class="bgd-light n15"></span>
  <span class="bgd-light n16"></span>

  <!-- &#1575;&#1604;&#1605;&#1587;&#1578;&#1591;&#1610;&#1604; &#1575;&#1604;&#1585;&#1574;&#1610;&#1587;&#1610; &#1575;&#1604;&#1588;&#1601;&#1575;&#1601; -->
  <div class="bgd-fusion-container" id="fusionQuote">

    <div class="bgd-quote-mark">&ldquo;</div>

    <div class="bgd-label">
      Cinematic Design Philosophy
    </div>

    <div class="bgd-quote-text">
      Design is not just what it looks like &mdash;
      it&rsquo;s how it <span>creates emotion, atmosphere, and story.</span>
    </div>

    <div class="bgd-mini-divider"></div>

    <div class="bgd-author">
      <h3>BASSEM MOHAMMED NAGAH</h3>
      <p>Senior Graphic Designer &middot; Dubai &middot; UAE</p>
    </div>

  </div>

  <!-- &#1575;&#1604;&#1582;&#1591; &#1575;&#1604;&#1587;&#1601;&#1604;&#1610; &#1575;&#1604;&#1571;&#1601;&#1602;&#1610; -->
  <div class="bgd-bottom-divider"></div>

</section>

<script>

/* =========================================
   REVEAL ANIMATION
========================================= */

(function(){
  const section = document.getElementById("fusionQuote");
  if(!section) return;

  const observer = new IntersectionObserver((entries)=>{
    entries.forEach((entry)=>{
      if(entry.isIntersecting){
        entry.target.classList.add("visible");
      }
    });
  },{
    threshold:0.25
  });

  observer.observe(section);
})();

</script>


				</div>
				</div>
				</div>
		
	
	
</div><!-- .entry-content .clear -->

	
	
</article><!-- #post-## -->

			</main><!-- #main -->
			
		
	</div><!-- #primary -->


	</div> <!-- ast-container -->
	</div><!-- #content -->
<footer class="site-footer" id="colophon" itemtype="https://schema.org/WPFooter" itemscope="itemscope" itemid="#colophon">
			<div class="site-primary-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-3-equal ast-builder-grid-row-tablet-3-equal ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-primary-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-primary-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-primary-section-1 site-footer-section site-footer-section-1">
							<aside class="footer-widget-area widget-area site-footer-focus-item footer-widget-area-inner" data-section="sidebar-widgets-footer-widget-3" aria-label="Footer Widget 3" role="region">
			<section id="block-45" class="widget widget_block widget_media_image">
<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://www.bassemgd.com/wp-content/uploads/2026/04/My-Logo_bassem.svg" alt="" class="wp-image-4572" style="aspect-ratio:0.997920997920998;width:45px;height:auto"></figure>
</section>		</aside>
						</div>
											<div class="site-footer-primary-section-2 site-footer-section site-footer-section-2">
								<div class="footer-widget-area widget-area site-footer-focus-item" data-section="section-footer-menu">
				<div class="footer-bar-navigation"><nav class="site-navigation ast-flex-grow-1 navigation-accessibility footer-navigation" id="footer-site-navigation" aria-label="Site Navigation: Main menu" itemtype="https://schema.org/SiteNavigationElement" itemscope="itemscope"><div class="footer-nav-wrap"><ul id="astra-footer-menu" class="ast-nav-menu ast-flex astra-footer-horizontal-menu astra-footer-tablet-horizontal-menu astra-footer-mobile-vertical-menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-769 current_page_item menu-item-771"><a href="https://www.bassemgd.com/" aria-current="page" class="menu-link">Home</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-772"><a href="https://www.bassemgd.com/portfolio/" class="menu-link">Portfolio</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-34"><a href="https://www.bassemgd.com/about-me/" class="menu-link">About Me</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-773"><a href="https://www.bassemgd.com/gallery/" class="menu-link">Gallery</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-35"><a href="https://www.bassemgd.com/contact/" class="menu-link">Contact</a></li>
</ul></div></nav></div>			</div>
							</div>
											<div class="site-footer-primary-section-3 site-footer-section site-footer-section-3">
								<div class="ast-builder-layout-element ast-flex site-footer-focus-item" data-section="section-fb-social-icons-1">
				<div class="ast-footer-social-1-wrap ast-footer-social-wrap"><div class="footer-social-inner-wrap element-social-inner-wrap social-show-label-false ast-social-color-type-custom ast-social-stack-none ast-social-element-style-filled"><a href="https://www.behance.net/bassemmohamme" aria-label="Behance" target="_blank" rel="noopener noreferrer" style="--color: #1B64F6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-behance footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M186.5 293c0 19.3-14 25.4-31.2 25.4h-45.1v-52.9h46c18.6.1 30.3 7.8 30.3 27.5zm-7.7-82.3c0-17.7-13.7-21.9-28.9-21.9h-39.6v44.8H153c15.1 0 25.8-6.6 25.8-22.9zm132.3 23.2c-18.3 0-30.5 11.4-31.7 29.7h62.2c-1.7-18.5-11.3-29.7-30.5-29.7zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zM271.7 185h77.8v-18.9h-77.8V185zm-43 110.3c0-24.1-11.4-44.9-35-51.6 17.2-8.2 26.2-17.7 26.2-37 0-38.2-28.5-47.5-61.4-47.5H68v192h93.1c34.9-.2 67.6-16.9 67.6-55.9zM380 280.5c0-41.1-24.1-75.4-67.6-75.4-42.4 0-71.1 31.8-71.1 73.6 0 43.3 27.3 73 71.1 73 33.2 0 54.7-14.9 65.1-46.8h-33.7c-3.7 11.9-18.6 18.1-30.2 18.1-22.4 0-34.1-13.1-34.1-35.3h100.2c.1-2.3.3-4.8.3-7.2z"></path></svg></span></a><a href="https://www.linkedin.com/in/bassem-mohammed-nagah-33b3a460/" aria-label="Linkedin" target="_blank" rel="noopener noreferrer" style="--color: #1c86c6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-linkedin footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3zM135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5zm282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9V416z"></path></svg></span></a><a href="https://www.imdb.com/name/nm13674561/?ref_=ttfc_fc_cr" aria-label="IMDB" target="_blank" rel="noopener noreferrer" style="--color: #000000; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-imdb footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zM21.3 229.2H21c.1-.1.2-.3.3-.4zM97 319.8H64V192h33zm113.2 0h-28.7v-86.4l-11.6 86.4h-20.6l-12.2-84.5v84.5h-29V192h42.8c3.3 19.8 6 39.9 8.7 59.9l7.6-59.9h43zm11.4 0V192h24.6c17.6 0 44.7-1.6 49 20.9 1.7 7.6 1.4 16.3 1.4 24.4 0 88.5 11.1 82.6-75 82.5zm160.9-29.2c0 15.7-2.4 30.9-22.2 30.9-9 0-15.2-3-20.9-9.8l-1.9 8.1h-29.8V192h31.7v41.7c6-6.5 12-9.2 20.9-9.2 21.4 0 22.2 12.8 22.2 30.1zM265 229.9c0-9.7 1.6-16-10.3-16v83.7c12.2.3 10.3-8.7 10.3-18.4zm85.5 26.1c0-5.4 1.1-12.7-6.2-12.7-6 0-4.9 8.9-4.9 12.7 0 .6-1.1 39.6 1.1 44.7.8 1.6 2.2 2.4 3.8 2.4 7.8 0 6.2-9 6.2-14.4z"></path></svg></span></a><a href="https://www.instagram.com/bassem2015/" aria-label="Instagram" target="_blank" rel="noopener noreferrer" style="--color: #8a3ab9; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-instagram footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z"></path></svg></span></a><a href="https://www.facebook.com/media.graphics.2015" aria-label="Facebook" target="_blank" rel="noopener noreferrer" style="--color: #557dbc; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-facebook footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"></path></svg></span></a><a href="https://www.artstation.com/bassemmohammednagah7" aria-label="Artstation" target="_blank" rel="noopener noreferrer" style="--color: #d77ea6; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-dribbble footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path d="M2 377.4l43 74.3A51.35 51.35 0 0 0 90.9 480h285.4l-59.2-102.6zM501.8 350L335.6 59.3A51.38 51.38 0 0 0 290.2 32h-88.4l257.3 447.6 40.7-70.5c1.9-3.2 21-29.7 2-59.1zM275 304.5l-115.5-200L44 304.5z"></path></svg></span></a><a href="https://www.pinterest.com/bassemGD/" aria-label="Pinterest" target="_blank" rel="noopener noreferrer" style="--color: #ea575a; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-pinterest footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 448 512"><path d="M448 80v352c0 26.5-21.5 48-48 48H154.4c9.8-16.4 22.4-40 27.4-59.3 3-11.5 15.3-58.4 15.3-58.4 8 15.3 31.4 28.2 56.3 28.2 74.1 0 127.4-68.1 127.4-152.7 0-81.1-66.2-141.8-151.4-141.8-106 0-162.2 71.1-162.2 148.6 0 36 19.2 80.8 49.8 95.1 4.7 2.2 7.1 1.2 8.2-3.3.8-3.4 5-20.1 6.8-27.8.6-2.5.3-4.6-1.7-7-10.1-12.3-18.3-34.9-18.3-56 0-54.2 41-106.6 110.9-106.6 60.3 0 102.6 41.1 102.6 99.9 0 66.4-33.5 112.4-77.2 112.4-24.1 0-42.1-19.9-36.4-44.4 6.9-29.2 20.3-60.7 20.3-81.8 0-53-75.5-45.7-75.5 25 0 21.7 7.3 36.5 7.3 36.5-31.4 132.8-36.1 134.5-29.6 192.6l2.2.8H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48z"></path></svg></span></a><a href="https://x.com/Bassem2012Uae" aria-label="Twitter / X" target="_blank" rel="noopener noreferrer" style="--color: #000000; --background-color: transparent;" class="ast-builder-social-element ast-inline-flex ast-twitter-x footer-social-item"><span aria-hidden="true" class="ahfb-svg-iconset ast-inline-flex svg-baseline"><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 24 24"><path d="M18.244 2.25H21.552L14.325 10.51L22.827 21.75H16.17L10.956 14.933L4.99 21.75H1.68L9.41 12.915L1.254 2.25H8.08L12.793 8.481L18.244 2.25ZM17.083 19.77H18.916L7.084 4.126H5.117L17.083 19.77Z"></path></svg></span></a></div></div>			</div>
						</div>
										</div>
			</div>

</div>
<div class="site-below-footer-wrap ast-builder-grid-row-container site-footer-focus-item ast-builder-grid-row-full ast-builder-grid-row-tablet-full ast-builder-grid-row-mobile-full ast-footer-row-stack ast-footer-row-tablet-stack ast-footer-row-mobile-stack" data-section="section-below-footer-builder">
	<div class="ast-builder-grid-row-container-inner">
					<div class="ast-builder-footer-grid-columns site-below-footer-inner-wrap ast-builder-grid-row">
											<div class="site-footer-below-section-1 site-footer-section site-footer-section-1">
								<div class="ast-builder-layout-element ast-flex site-footer-focus-item ast-footer-copyright" data-section="section-footer-builder">
				<div class="ast-footer-copyright"><p style="text-align: center"><span style="font-size: 10pt">&copy; All Rights Reserved.&nbsp;<strong>2026</strong>&nbsp;<span style="color: #d4ae78">|</span> <strong>Bassem</strong> Mohamed Nagah</span></p>
</div>			</div>
						</div>
										</div>
			</div>

</div>
	</footer><!-- #colophon -->
	</div><!-- #page -->
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/astra/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>

<div id="ast-scroll-top" tabindex="0" class="ast-scroll-top-icon ast-scroll-to-top-right" data-on-devices="both">
	<span class="ast-icon icon-arrow"><svg class="ast-arrow-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" width="26px" height="16.043px" viewbox="57 35.171 26 16.043" enable-background="new 57 35.171 26 16.043" xml:space="preserve">
                <path d="M57.5,38.193l12.5,12.5l12.5-12.5l-2.5-2.5l-10,10l-10-10L57.5,38.193z"></path>
                </svg></span>	<span class="screen-reader-text">Scroll to Top</span>
</div>
		<!-- Click to Chat - https://holithemes.com/plugins/click-to-chat/  v4.43 -->
			<style id="ht-ctc-entry-animations">.ht_ctc_entry_animation{animation-duration:1s;animation-fill-mode:both;animation-delay:0s;animation-iteration-count:1;}		@keyframes center{from{transform:scale(0);}to{transform:scale(1);}}.ht_ctc_an_entry_center{animation: center .25s;}
			</style><style id="ht-ctc-animations">.ht_ctc_animation{animation-duration:1s;animation-fill-mode:both;animation-delay:0s;animation-iteration-count:1;}		@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.ht_ctc_an_flash{animation-name:flash}
			</style>						<div class="ht-ctc ht-ctc-chat ctc-analytics ctc_wp_desktop style-7_1  ht_ctc_entry_animation ht_ctc_an_entry_center " id="ht-ctc-chat" style="display: none;  position: fixed; bottom: 15px; left: 15px;">
												<div class="ht_ctc_style ht_ctc_chat_style">
								<style id="ht-ctc-s7_1">
.ht-ctc .ctc_s_7_1:hover .ctc_s_7_icon_padding, .ht-ctc .ctc_s_7_1:hover{background-color:#5e5e5e !important;border-radius: 25px;}.ht-ctc .ctc_s_7_1:hover .ctc_s_7_1_cta{color:#f4f4f4 !important;}.ht-ctc .ctc_s_7_1:hover svg g path{fill:#f4f4f4 !important;}</style>

<div class="ctc_s_7_1 ctc-analytics ctc_nb" style="display:flex;justify-content:center;align-items:center; background-color: #d4ae78; border-radius:25px;" data-nb_top="-7.8px" data-nb_right="-7.8px">
	<p class="ctc_s_7_1_cta ctc-analytics ctc_cta ht-ctc-cta  ht-ctc-cta-hover ctc_cta_stick " style=" display: none; order: 1; color: #ffffff; padding: 0px 21px 0px 0px;  margin:0 10px; border-radius: 25px; ">WhatsApp me</p>
	<div class="ctc_s_7_icon_padding ctc-analytics " style="padding: 12px;background-color: #d4ae78;border-radius: 25px; ">
		<svg style="pointer-events:none; display:block; height:20px; width:20px;" height="20px" version="1.1" viewbox="0 0 509 512" width="20px" role="presentation">
        <g fill="none" fill-rule="evenodd" id="Page-1" stroke="none" stroke-width="1">
            <path style="fill: #ffffff;" d="M259.253137,0.00180389396 C121.502859,0.00180389396 9.83730687,111.662896 9.83730687,249.413175 C9.83730687,296.530232 22.9142299,340.597122 45.6254897,378.191325 L0.613226597,512.001804 L138.700183,467.787757 C174.430395,487.549184 215.522926,498.811168 259.253137,498.811168 C396.994498,498.811168 508.660049,387.154535 508.660049,249.415405 C508.662279,111.662896 396.996727,0.00180389396 259.253137,0.00180389396 L259.253137,0.00180389396 Z M259.253137,459.089875 C216.65782,459.089875 176.998957,446.313956 143.886359,424.41206 L63.3044195,450.21808 L89.4939401,372.345171 C64.3924908,337.776609 49.5608297,295.299463 49.5608297,249.406486 C49.5608297,133.783298 143.627719,39.7186378 259.253137,39.7186378 C374.871867,39.7186378 468.940986,133.783298 468.940986,249.406486 C468.940986,365.025215 374.874096,459.089875 259.253137,459.089875 Z M200.755924,146.247066 C196.715791,136.510165 193.62103,136.180176 187.380228,135.883632 C185.239759,135.781068 182.918689,135.682963 180.379113,135.682963 C172.338979,135.682963 164.002301,138.050856 158.97889,143.19021 C152.865178,149.44439 137.578667,164.09322 137.578667,194.171258 C137.578667,224.253755 159.487251,253.321759 162.539648,257.402027 C165.600963,261.477835 205.268745,324.111057 266.985579,349.682963 C315.157262,369.636141 329.460495,367.859106 340.450462,365.455539 C356.441543,361.9639 376.521811,350.186865 381.616571,335.917077 C386.711331,321.63837 386.711331,309.399797 385.184018,306.857991 C383.654475,304.305037 379.578667,302.782183 373.464955,299.716408 C367.351242,296.659552 337.288812,281.870254 331.68569,279.83458 C326.080339,277.796676 320.898622,278.418749 316.5887,284.378615 C310.639982,292.612729 304.918689,301.074268 300.180674,306.09099 C296.46161,310.02856 290.477218,310.577055 285.331175,308.389764 C278.564174,305.506821 259.516237,298.869139 236.160607,278.048627 C217.988923,261.847958 205.716906,241.83458 202.149458,235.711949 C198.582011,229.598236 201.835077,225.948292 204.584241,222.621648 C207.719135,218.824546 210.610997,216.097679 213.667853,212.532462 C216.724709,208.960555 218.432625,207.05866 220.470529,202.973933 C222.508433,198.898125 221.137195,194.690767 219.607652,191.629452 C218.07588,188.568136 205.835077,158.494558 200.755924,146.247066 Z" fill="#ffffff" id="htwaicon-chat"></path>
        </g>
        </svg>	</div>
</div>
								</div>
							</div>
							<span class="ht_ctc_chat_data" data-settings='{"number":"971581332055","pre_filled":"","dis_m":"show","dis_d":"show","css":"cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 15px; left: 15px;","pos_m":"position: fixed; bottom: 15px; left: 15px;","side_d":"left","side_m":"left","schedule":"no","se":"center","ani":"ht_ctc_an_flash","page_id":769,"url_target_d":"_blank","gtm":"1","fb":"yes","g_init":"default","g_an_event_name":"click to chat","gtm_event_name":"Click to Chat","pixel_event_name":"Click to Chat by HoliThemes"}' data-rest="7aa431616b"></span>
							<script>
				( () => {
					const lazyloadRunObserver = () => {
						const lazyloadBackgrounds = document.querySelectorAll( `.e-con.e-parent:not(.e-lazyloaded)` );
						const lazyloadBackgroundObserver = new IntersectionObserver( ( entries ) => {
							entries.forEach( ( entry ) => {
								if ( entry.isIntersecting ) {
									let lazyloadBackground = entry.target;
									if( lazyloadBackground ) {
										lazyloadBackground.classList.add( 'e-lazyloaded' );
									}
									lazyloadBackgroundObserver.unobserve( entry.target );
								}
							});
						}, { rootMargin: '200px 0px 200px 0px' } );
						lazyloadBackgrounds.forEach( ( lazyloadBackground ) => {
							lazyloadBackgroundObserver.observe( lazyloadBackground );
						} );
					};
					const events = [
						'DOMContentLoaded',
						'elementor/lazyload/observe',
					];
					events.forEach( ( event ) => {
						document.addEventListener( event, lazyloadRunObserver );
					} );
				} )();
			</script>
			<iframe src="https://www.bassemgd.com/assistant/aseel-ai-assistant.html?v=2" title="Aseel AI Assistant" style="position:fixed; left:0; bottom:0; width:100vw; height:480px;
         border:0; background:transparent; z-index:999999;" allow="microphone; autoplay" scrolling="no">
</iframe><link rel="stylesheet" id="astra-galleries-css-css" href="https://www.bassemgd.com/wp-content/themes/astra/assets/css/minified/galleries.min.css?ver=4.13.10" media="all">
<script id="angie-canvas-template-js-before">
angieCanvasTemplateData = {"templateSlug":"angie-canvas"};
//# sourceURL=angie-canvas-template-js-before
</script>
<script id="jquery-ui-core-js-before">
jQuery.uiBackCompat = true;
//# sourceURL=jquery-ui-core-js-before
</script>
<script id="jquery-ui-core-js" src="https://www.bassemgd.com/wp-includes/js/jquery/ui/core.min.js?ver=1.14.2"></script>
<script id="astra-theme-js-js-extra">
var astra = {"break_point":"921","isRtl":"","is_scroll_to_id":"1","is_scroll_to_top":"1","is_header_footer_builder_active":"1","responsive_cart_click":"flyout","is_dark_palette":""};
//# sourceURL=astra-theme-js-js-extra
</script>
<script id="astra-theme-js-js" src="https://www.bassemgd.com/wp-content/themes/astra/assets/js/minified/frontend.min.js?ver=4.13.10"></script>
<script id="astra-sticky-sidebar-js-extra">
var astra_sticky_sidebar = {"sticky_sidebar_on":"1","header_above_height":{"desktop":30,"tablet":"","mobile":""},"header_height":{"desktop":50,"tablet":"","mobile":""},"header_below_height":{"desktop":30,"tablet":"","mobile":""},"header_above_stick":"","header_main_stick":"","header_below_stick":"","sticky_header_addon":"","desktop_breakpoint":"922"};
//# sourceURL=astra-sticky-sidebar-js-extra
</script>
<script id="astra-sticky-sidebar-js" src="https://www.bassemgd.com/wp-content/themes/astra/assets/js/minified/sticky-sidebar.min.js?ver=4.13.10"></script>
<script id="wpo_min-footer-2-js-extra">
var ht_ctc_chat_var = {"number":"971581332055","pre_filled":"","dis_m":"show","dis_d":"show","css":"cursor: pointer; z-index: 99999999;","pos_d":"position: fixed; bottom: 15px; left: 15px;","pos_m":"position: fixed; bottom: 15px; left: 15px;","side_d":"left","side_m":"left","schedule":"no","se":"center","ani":"ht_ctc_an_flash","page_id":"769","url_target_d":"_blank","gtm":"1","fb":"yes","g_init":"default","g_an_event_name":"click to chat","gtm_event_name":"Click to Chat","pixel_event_name":"Click to Chat by HoliThemes"};
var ht_ctc_variables = {"g_an_event_name":"click to chat","gtm_event_name":"Click to Chat","pixel_event_type":"trackCustom","pixel_event_name":"Click to Chat by HoliThemes","g_an_params_v4":[{"key":"number","value":"{number}"},{"key":"title","value":"{title}"},{"key":"url","value":"{url}"}],"g_an_params":["g_an_param_1","g_an_param_2","g_an_param_3"],"g_an_param_1":{"key":"number","value":"{number}"},"g_an_param_2":{"key":"title","value":"{title}"},"g_an_param_3":{"key":"url","value":"{url}"},"pixel_params_v4":[{"key":"Category","value":"Click to Chat for WhatsApp"},{"key":"ID","value":"{number}"},{"key":"Title","value":"{title}"},{"key":"URL","value":"{url}"}],"pixel_params":["pixel_param_1","pixel_param_2","pixel_param_3","pixel_param_4"],"pixel_param_1":{"key":"Category","value":"Click to Chat for WhatsApp"},"pixel_param_2":{"key":"ID","value":"{number}"},"pixel_param_3":{"key":"Title","value":"{title}"},"pixel_param_4":{"key":"URL","value":"{url}"},"gtm_params_v4":[{"key":"type","value":"chat"},{"key":"number","value":"{number}"},{"key":"title","value":"{title}"},{"key":"url","value":"{url}"},{"key":"ref","value":"dataLayer push"}],"gtm_params":["gtm_param_1","gtm_param_2","gtm_param_3","gtm_param_4","gtm_param_5"],"gtm_param_1":{"key":"type","value":"chat"},"gtm_param_2":{"key":"number","value":"{number}"},"gtm_param_3":{"key":"title","value":"{title}"},"gtm_param_4":{"key":"url","value":"{url}"},"gtm_param_5":{"key":"ref","value":"dataLayer push"}};
//# sourceURL=wpo_min-footer-2-js-extra
</script>
<script data-wp-strategy="defer" defer id="wpo_min-footer-2-js" src="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-footer-ht_ctc_app_js1786976508.min.js"></script>
<script id="wp-dom-ready-js" src="https://www.bassemgd.com/wp-includes/js/dist/dom-ready.min.js?ver=3fe927cab37bf38d6a23"></script>
<script id="wpo_min-footer-4-js-extra">
var starter_templates_zip_preview = {"AstColorPaletteVarPrefix":"--ast-global-color-","AstEleColorPaletteVarPrefix":["ast-global-color-0","ast-global-color-1","ast-global-color-2","ast-global-color-3","ast-global-color-4","ast-global-color-5","ast-global-color-6","ast-global-color-7","ast-global-color-8"]};
//# sourceURL=wpo_min-footer-4-js-extra
</script>
<script id="wpo_min-footer-4-js" src="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-footer-starter-templates-zip-preview1787231411.min.js"></script>
<script id="wp-hooks-js" src="https://www.bassemgd.com/wp-includes/js/dist/hooks.min.js?ver=f0f188028580e8dc1255"></script>
<script id="wp-i18n-js" src="https://www.bassemgd.com/wp-includes/js/dist/i18n.min.js?ver=1dfe7db3940c23ea9216"></script>
<script id="wp-i18n-js-after">
wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } );
//# sourceURL=wp-i18n-js-after
</script>
<script id="underscore-js" src="https://www.bassemgd.com/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
<script id="wp-util-js-extra">
var _wpUtilSettings = {"ajax":{"url":"/wp-admin/admin-ajax.php"}};
//# sourceURL=wp-util-js-extra
</script>
<script id="wp-util-js" src="https://www.bassemgd.com/wp-includes/js/wp-util.min.js?ver=7.1"></script>
<script id="wpo_min-footer-9-js-extra">
var cookiezBannerSettings = {"isDevelopment":"","isRTL":"","language":"en","subscription":"A-S03184284","planData":{"plan":{"subscription_id":"A-S03184284","next_cycle_date":"2027-07-05T00:00:00+00:00","status":"ACTIVE","name":"Free","features":{"scans":25,"consents":800,"whitelabel":false,"multilingualbanner":false,"proofofconsentslog":30}},"site_url":"https://www.bassemgd.com/","scopes":["openid","offline_access","share_usage_data"],"public_api_key":"ecookiez-2faf5f8e-de4f-4d7b-9e29-011097d2f41a","user":{"email":"eng.bassem2012.uae@gmail.com","id":"3219282"},"subscription":{"id":"A-S03184284"},"site":{"registered_at":"2026-07-05T17:41:53.000Z"},"quota":{"cookie_consents":{"allowed":800,"used":0},"cookie_scans":{"allowed":25,"used":0}}},"url":"https://www.bassemgd.com","serviceUrl":"https://my.elementor.com/apps/api/v1/cookiez-consent","settings":{"templateType":"opt-in","onboardingCurrentStep":"step_three","bannerType":"box","supportGcm":true,"isOnboardingCompleted":true,"designBannerInfotipDismissed":true},"content":[],"cookies":[{"id":"12","scan_id":"11","name":"_ga","domain":"bassemgd.com","duration":"63071992","category":"analytics","description":"ID used to identify users","type":"scan","created_at":"2026-07-05 13:43:57","updated_at":"2026-07-05 13:43:57"},{"id":"14","scan_id":"11","name":"_ga","domain":".bassemgd.com","duration":"34559992","category":"analytics","description":"ID used to identify users","type":"scan","created_at":"2026-07-05 13:43:57","updated_at":"2026-07-05 13:43:57"},{"id":"11","scan_id":"11","name":"_ga_7VM2PCG6X8","domain":"bassemgd.com","duration":"63071992","category":"analytics","description":"ID used to identify users","type":"scan","created_at":"2026-07-05 13:43:57","updated_at":"2026-07-05 13:43:57"},{"id":"13","scan_id":"11","name":"_ga_7VM2PCG6X8","domain":".bassemgd.com","duration":"34559992","category":"analytics","description":"ID used to identify users","type":"scan","created_at":"2026-07-05 13:43:57","updated_at":"2026-07-05 13:43:57"}],"translations":{"cookiez":"Cookie Consent","cookies":"Cookies","close":"Close","cookie":"Cookie:","duration":"Duration:","description":"Description:","noCookiesInCategory":"No cookies currently in this category.","enableCategoryCookies":"Enable %s cookies","alwaysActive":"Always active"},"integrations":{"wpConsentApiActive":false,"siteKitConsentMode":false,"delegateGcmToSiteKit":false},"cookiesHash":"2c2c453cfd1da39ce2e531400e36546d","geoEndpoint":"https://www.bassemgd.com/wp-json/cookiez/v1/banner/geo","wpRestNonce":"7aa431616b"};
//# sourceURL=wpo_min-footer-9-js-extra
</script>
<script id="wpo_min-footer-9-js" src="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-footer-banner1786033272.min.js"></script>
<script id="elementor-webpack-runtime-js" src="https://www.bassemgd.com/wp-content/plugins/elementor/assets/js/webpack.runtime.min.js?ver=4.2.3"></script>
<script id="elementor-frontend-modules-js" src="https://www.bassemgd.com/wp-content/plugins/elementor/assets/js/frontend-modules.min.js?ver=4.2.3"></script>
<script id="elementor-frontend-js-before">
var elementorFrontendConfig = {"environmentMode":{"edit":false,"wpPreview":false,"isScriptDebug":false},"i18n":{"shareOnFacebook":"Share on Facebook","shareOnX":"Share on X","pinIt":"Pin it","download":"Download","downloadImage":"Download image","fullscreen":"Fullscreen","zoom":"Zoom","share":"Share","playVideo":"Play Video","previous":"Previous","next":"Next","close":"Close","a11yCarouselPrevSlideMessage":"Previous slide","a11yCarouselNextSlideMessage":"Next slide","a11yCarouselFirstSlideMessage":"This is the first slide","a11yCarouselLastSlideMessage":"This is the last slide","a11yCarouselPaginationBulletMessage":"Go to slide"},"is_rtl":false,"breakpoints":{"xs":0,"sm":480,"md":768,"lg":1025,"xl":1440,"xxl":1600},"responsive":{"breakpoints":{"mobile":{"label":"Mobile Portrait","value":767,"default_value":767,"direction":"max","is_enabled":true},"mobile_extra":{"label":"Mobile Landscape","value":880,"default_value":880,"direction":"max","is_enabled":false},"tablet":{"label":"Tablet Portrait","value":1024,"default_value":1024,"direction":"max","is_enabled":true},"tablet_extra":{"label":"Tablet Landscape","value":1200,"default_value":1200,"direction":"max","is_enabled":false},"laptop":{"label":"Laptop","value":1366,"default_value":1366,"direction":"max","is_enabled":true},"widescreen":{"label":"Widescreen","value":2400,"default_value":2400,"direction":"min","is_enabled":true}},"hasCustomBreakpoints":true},"version":"4.2.3","is_static":false,"experimentalFeatures":{"e_font_icon_svg":true,"additional_custom_breakpoints":true,"container":true,"e_optimized_markup":true,"e_panel_promotions":true,"nested-elements":true,"e_atomic_elements":true,"atomic_widgets_should_enforce_capabilities":true,"editor_mcp":true,"e_bc_migrations":true,"e_classes":true,"global_classes_should_enforce_capabilities":true,"e_variables":true,"e_variables_manager":true,"e_opt_in_v4_page":true,"e_opt_in_v4":true,"e_components":true,"e_interactions":true,"e_widget_creation":true,"markdown_rendering":true,"import-export-customization":true},"urls":{"assets":"https:\/\/www.bassemgd.com\/wp-content\/plugins\/elementor\/assets\/","ajaxurl":"https:\/\/www.bassemgd.com\/wp-admin\/admin-ajax.php","uploadUrl":"https:\/\/www.bassemgd.com\/wp-content\/uploads"},"nonces":{"floatingButtonsClickTracking":"2d694533e0","atomicFormsSendForm":"032212322f"},"swiperClass":"swiper","settings":{"page":[],"editorPreferences":[]},"kit":{"active_breakpoints":["viewport_mobile","viewport_tablet","viewport_laptop","viewport_widescreen"],"body_background_background":"classic","global_image_lightbox":"yes","lightbox_enable_counter":"yes","lightbox_enable_fullscreen":"yes","lightbox_enable_zoom":"yes","lightbox_enable_share":"yes","lightbox_title_src":"title","lightbox_description_src":"description"},"post":{"id":769,"title":"Home%20-%20Bassem%20Mohammed%20Nagah%20%7C%20Senior%20Graphic%20Designer%20Multimedia%20Artist%20-","excerpt":"","featuredImage":false}};
//# sourceURL=elementor-frontend-js-before
</script>
<script id="elementor-frontend-js" src="https://www.bassemgd.com/wp-content/plugins/elementor/assets/js/frontend.min.js?ver=4.2.3"></script>
<script id="swiper-js" src="https://www.bassemgd.com/wp-content/plugins/elementor/assets/lib/swiper/v8/swiper.min.js?ver=8.4.5"></script>
<script id="wpo_min-footer-15-js" src="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-footer-ea11y-remediation-module-chunk-lib-postcss1780318578.min.js"></script>
<script id="wpo_min-footer-16-js" src="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-footer-remediation-module1787583876.min.js"></script>
<script id="loftloader-lite-front-main-js" src="https://www.bassemgd.com/wp-content/plugins/loftloader/assets/js/loftloader.min.js?ver=2026051801"></script>
<script id="wpo_min-footer-18-js" src="https://www.bassemgd.com/wp-content/cache/wpo-minify/1787619369/assets/wpo-minify-footer-googlesitekit-events-provider-content-events1787619364.min.js"></script>
			<script>
			/(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1);
			</script>
				</body>
</html>

<!-- Cached by WP-Optimize (gzip) - https://teamupdraft.com/wp-optimize/ - Last modified: 30/08/2026 2:20 PM (Asia/Dubai UTC:4) -->
