.bg-pattern{background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat;min-height:100vh;width:100%}.fade-on-scroll{opacity:0;transform:translateY(20px);will-change:opacity,transform}@keyframes gradientMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media (max-width:639px){.timeline{max-height:none}}@media (prefers-reduced-motion:reduce){.fade-on-scroll{opacity:1!important;transform:none!important}}.timeline{scrollbar-width:none}.timeline::-webkit-scrollbar{display:none}:root{--vh:100vh}@media (max-width:768px){.mobile-screen{height:calc(var(--vh, 1vh) * 100);overflow:hidden}}.hero{position:relative;width:100%;height:100vh;overflow:hidden;background-size:cover;background-position:50%;background-attachment:fixed;background-repeat:no-repeat}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-primary);z-index:1}.hero-text-container{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;color:white;text-align:center}@media (max-width:768px){.hero{height:70vh;background-size:cover;background-position:top;background-attachment:scroll}}@media (max-width:480px){.hero{height:60vh;background-size:cover;background-position:50%}.hero-text-container{top:45%}}.text-effect-container{display:flex;justify-content:center;align-items:center;height:100vh;text-align:center;position:relative}.text-effect{font-size:5rem;font-weight:700;color:var(--text-color);background:none!important;z-index:2}.highlight{color:var(--highlight-color)}@media (max-width:768px){.text-effect{font-size:2rem}}.wrap{display:flex;align-items:center;justify-content:center;min-height:90vh;clip-path:polygon(0 0,100% 0,100% 90%,50% 100%,0 90%)}.info,.wrap{position:relative;text-align:center}.info{z-index:2}.title{font-size:7rem;font-weight:700;text-shadow:2px 2px 5px rgba(0,0,0,.7);color:white}@media (max-width:768px){.water-effect-container{background-size:contain;background-position:top}}@media (max-width:480px){.wrap{display:flex;align-items:center;justify-content:center;min-height:70vh}.title{font-size:25px}}.hero-section{margin-top:60vh}.paragraph{display:flex;line-height:1;padding:40px;max-width:1280px;flex-wrap:wrap}.word{position:relative;margin-right:12px;margin-top:12px}.shadow{position:absolute;opacity:20%}@media (max-width:768px){.hero-section{height:70px;padding-bottom:10px;margin-bottom:20px}.paragraph{font-size:40px;padding:20px;text-align:right;direction:rtl}.word{margin-right:8px;margin-top:8px}}@media (max-width:480px){.paragraph{font-size:20px;padding:10px;text-align:right;direction:rtl}.word{margin-right:5px;margin-top:5px}}.hero-section{position:relative;width:100%;height:100vh;color:var(--text-color);display:flex;align-items:right;justify-content:right;text-align:right;direction:rtl}.content-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:flex-start;padding:20px}.paragraph{font-size:40px;line-height:1.5;color:var(--text-color);text-align:right;direction:rtl;font-weight:400;margin-bottom:20px}.highlight{font-weight:700;color:#FFD700}@media (max-width:768px){.hero-section{height:auto;padding-bottom:20px}.content-container{max-width:90%;padding:15px}.paragraph{font-size:30px;padding:10px}}@media (max-width:480px){.content-container{max-width:95%;padding:10px}.paragraph{font-size:20px;line-height:1.4;text-align:right;direction:rtl}}.styles_container__LUZrQ{height:300vh;position:relative}.styles_container__LUZrQ .styles_sticky__VF8hE{position:sticky;overflow:hidden;top:0;height:100vh}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ{width:100%;height:100%;top:0;position:absolute;display:flex;align-items:center;justify-content:center}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ .styles_imageContainer__3tc3Z{position:relative;width:25vw;height:25vh}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ .styles_imageContainer__3tc3Z img{-o-object-fit:cover;object-fit:cover}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ:nth-of-type(2) .styles_imageContainer__3tc3Z{top:-30vh;left:5vw;width:35vw;height:30vh}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ:nth-of-type(3) .styles_imageContainer__3tc3Z{top:-10vh;left:-25vw;width:20vw;height:45vh}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ:nth-of-type(4) .styles_imageContainer__3tc3Z{left:27.5vw;width:25vw;height:25vh}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ:nth-of-type(5) .styles_imageContainer__3tc3Z{top:27.5vh;left:5vw;width:20vw;height:25vh}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ:nth-of-type(6) .styles_imageContainer__3tc3Z{top:27.5vh;left:-22.5vw;width:30vw;height:25vh}.styles_container__LUZrQ .styles_sticky__VF8hE .styles_el__x_xIJ:nth-of-type(7) .styles_imageContainer__3tc3Z{top:22.5vh;left:25vw;width:15vw;height:15vh}.vertical-timeline *{-webkit-box-sizing:border-box;box-sizing:border-box}.vertical-timeline{width:95%;max-width:1170px;margin:0 auto;position:relative;padding:2em 0}.vertical-timeline:after{content:"";display:table;clear:both}.vertical-timeline:before{content:"";position:absolute;top:0;left:18px;height:100%;width:4px;background:var(--line-color)}.vertical-timeline.vertical-timeline--one-column-right:before{right:18px;left:unset}@media only screen and (min-width:1170px){.vertical-timeline.vertical-timeline--two-columns{width:90%}.vertical-timeline.vertical-timeline--two-columns:before{left:50%;margin-left:-2px}}.vertical-timeline-element{position:relative;margin:2em 0}.vertical-timeline-element>div{min-height:1px}.vertical-timeline-element:after{content:"";display:table;clear:both}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}@media only screen and (min-width:1170px){.vertical-timeline-element{margin:4em 0}.vertical-timeline-element:first-child{margin-top:0}.vertical-timeline-element:last-child{margin-bottom:0}}.vertical-timeline-element-icon{position:absolute;top:0;left:0;width:40px;height:40px;border-radius:50%;-webkit-box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05)}.vertical-timeline--one-column-right .vertical-timeline-element-icon{right:0;left:unset}.vertical-timeline-element-icon svg{display:block;width:24px;height:24px;position:relative;left:50%;top:50%;margin-left:-12px;margin-top:-12px}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-icon{width:60px;height:60px;left:50%;margin-left:-30px}}.vertical-timeline-element-icon{-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in{visibility:visible;-webkit-animation:cd-bounce-1 .6s;animation:cd-bounce-1 .6s}@-webkit-keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2)}to{-webkit-transform:scale(1)}}@keyframes cd-bounce-1{0%{opacity:0;-webkit-transform:scale(.5);transform:scale(.5)}60%{opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.vertical-timeline-element-content{position:relative;margin-left:60px;background:#fff;border-radius:.25em;padding:1em;-webkit-box-shadow:0 3px 0 #ddd;box-shadow:0 3px 0 #ddd}.vertical-timeline--one-column-right .vertical-timeline-element-content{margin-right:60px;margin-left:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content{background:0 0;-webkit-box-shadow:none;box-shadow:none}.vertical-timeline-element-content:after{content:"";display:table;clear:both}.vertical-timeline-element-content h2{color:#303e49}.vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline-element-content p{font-size:13px;font-size:.8125rem;font-weight:500}.vertical-timeline-element-content .vertical-timeline-element-date{display:inline-block}.vertical-timeline-element-content p{margin:1em 0 0;line-height:1.6}.vertical-timeline-element-subtitle,.vertical-timeline-element-title{margin:0}.vertical-timeline-element-content .vertical-timeline-element-date{float:left;padding:.8em 0;opacity:.7}.vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:100%;height:0;width:0;border:7px solid transparent;border-right-color:#fff}.vertical-timeline--one-column-right .vertical-timeline-element-content-arrow{content:"";position:absolute;top:16px;right:unset;left:100%;height:0;width:0;border:7px solid transparent;border-left-color:#fff}.vertical-timeline--one-column-right .vertical-timeline-element-content:before{left:100%;border-left:7px solid #fff;border-right:unset}.vertical-timeline-element--no-children .vertical-timeline-element-content-arrow,.vertical-timeline-element--no-children .vertical-timeline-element-content:before{display:none}@media only screen and (min-width:768px){.vertical-timeline-element-content h2{font-size:20px;font-size:1.25rem}.vertical-timeline-element-content p{font-size:16px;font-size:1rem}.vertical-timeline-element-content .vertical-timeline-element-date{font-size:14px;font-size:.875rem}}@media only screen and (min-width:1170px){.vertical-timeline--two-columns .vertical-timeline-element-content{margin-left:0;padding:1.5em;width:44%}.vertical-timeline--two-columns .vertical-timeline-element-content-arrow{top:24px;left:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.vertical-timeline--two-columns .vertical-timeline-element-content .vertical-timeline-element-date{position:absolute;width:100%;left:124%;top:6px;font-size:16px;font-size:1rem}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content{float:right}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:auto;right:100%;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--one-column-right .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content-arrow,.vertical-timeline--one-column-right .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content-arrow{top:24px;left:100%;right:auto;-webkit-transform:rotate(0);transform:rotate(0)}.vertical-timeline--two-columns .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content .vertical-timeline-element-date,.vertical-timeline--two-columns .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content .vertical-timeline-element-date{left:auto;right:124%;text-align:right}}.vertical-timeline--animate .vertical-timeline-element-content.is-hidden{visibility:hidden}.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2 .6s;animation:cd-bounce-2 .6s}@media only screen and (min-width:1170px){.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element.vertical-timeline-element--right .vertical-timeline-element-content.bounce-in,.vertical-timeline--two-columns.vertical-timeline--animate .vertical-timeline-element:nth-child(2n):not(.vertical-timeline-element--left) .vertical-timeline-element-content.bounce-in{-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@media only screen and (max-width:1169px){.vertical-timeline--animate .vertical-timeline-element-content.bounce-in{visibility:visible;-webkit-animation:cd-bounce-2-inverse .6s;animation:cd-bounce-2-inverse .6s}}@-webkit-keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2{0%{opacity:0;-webkit-transform:translateX(-100px);transform:translateX(-100px)}60%{opacity:1;-webkit-transform:translateX(20px);transform:translateX(20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px)}to{-webkit-transform:translateX(0)}}@keyframes cd-bounce-2-inverse{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}60%{opacity:1;-webkit-transform:translateX(-20px);transform:translateX(-20px)}to{-webkit-transform:translateX(0);transform:translateX(0)}}.portfolio__categories{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap}.btn.cat__btn{text-transform:capitalize;transition:var(--bg-primary)}.btn.cat__btn:hover{transform:translateY(0)}.portfolio__projects{margin-top:3rem;display:grid;grid-template-columns:repeat(3,1fr);gap:3rem;align-items:stretch}.card.portfolio__project{animation:animateProject .8s ease-in forwards;display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:500px;background:var(--color-bg-variant);padding:1.5rem;border-radius:16px;box-shadow:var(--shadow);border:2px solid var(--color-border);transition:border-color .3s ease}:root[data-theme=dark]{--color-border:#ffffff}:root[data-theme=light]{--color-border:#000000}@keyframes animateProject{0%{opacity:0}to{opacity:1}}.portfolio__project-image{width:100%;max-height:15rem;overflow:hidden;position:relative}.portfolio__project-image img{width:100%;height:auto;transition:transform 10s ease}.portfolio__project:hover .portfolio__project-image img{transform:translateY(-100%)}.portfolio__project p{margin:.5rem 0 2rem}.portfolio__project-cta{width:100%;margin-top:1rem}.portfolio__project-cta,.portfolio__project-cta .btn{display:flex;justify-content:center;align-items:center}.portfolio__project-cta .btn{width:80%;max-width:200px;padding:.7rem 1rem;text-align:center}.portfolio__project:hover .btn.sm.primary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.border-gradient{border:2px solid transparent;background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#3490dc,#f472b6,#38b2ac);background-origin:border-box;background-clip:padding-box,border-box;animation:gradient-border 3s linear infinite}@keyframes gradient-border{0%{background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#3490dc,#f472b6,#38b2ac)}50%{background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#38b2ac,#3490dc,#f472b6)}to{background-image:linear-gradient(var(--color-bg-variant),var(--color-bg-variant)),linear-gradient(to right,#3490dc,#f472b6,#38b2ac)}}@media screen and (max-width:1024px){.portfolio__projects{grid-template-columns:1fr 1fr;gap:2rem}}@media screen and (max-width:600px){.portfolio__projects{display:flex!important;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:1.5rem;padding:0 1rem 1rem}.portfolio__project{flex:0 0 85%;min-width:280px;scroll-snap-align:start;border-radius:16px}.portfolio__projects::-webkit-scrollbar{height:5px}.portfolio__projects::-webkit-scrollbar-thumb{background:var(--color-primary);border-radius:10px}}.scroll-buttons{display:none;justify-content:space-between;margin:1rem 0}@media screen and (max-width:600px){.scroll-buttons{display:flex}.scroll-btn{background:var(--color-primary);color:white;border:none;padding:.5rem 1rem;border-radius:6px;font-size:1.5rem;cursor:pointer}}