@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";:root{--header-height: 3.5rem;--hue: 152;--first-color: rgba(33, 37, 41, .5);--title-color: hsl(152, 4%, 15%);--text-color: hsl(152, 4%, 35%);--text-color-light: hsl(152, 4%, 55%);--body-color: #F3F0EC;--text-color-light: hsl(152, 4%, 45%);--body-color-light: #FDFCFB;--container-color: #FFF;--body-font: "Poppins", sans-serif;--big-font-size: 2rem;--h1-font-size: 1.5rem;--h2-font-size: 1.25rem;--h3-font-size: 1rem;--normal-font-size: .938rem;--small-font-size: .813rem;--smaller-font-size: .75rem;--font-medium: 500;--font-semi-bold: 600;--mb-0-5: .5rem;--mb-0-75: .75rem;--mb-1: 1rem;--mb-1-5: 1.5rem;--mb-2: 2rem;--mb-2-5: 2.5rem;--z-tooltip: 10;--z-fixed: 100}@media screen and (min-width: 968px){:root{--big-font-size: 3.5rem;--h1-font-size: 2.25rem;--h2-font-size: 1.5rem;--h3-font-size: 1.25rem;--normal-font-size: 1rem;--small-font-size: .875rem;--smaller-font-size: .813rem}}*{box-sizing:border-box;padding:0;margin:0;scroll-behavior:smooth}html{scroll-behavior:smooth}body,button,input,textarea{font-family:var(--body-font);font-size:var(--normal-font-size)}body{margin:var(--header-height) 0 0 0;background-color:var(--body-color)!important;color:var(--text-color)!important;transition:.4s}button{cursor:pointer;border:none;outline:none}h1,h2,h3{color:var(--title-color);font-weight:var(--font-semi-bold)}ul{list-style:none}a{text-decoration:none}img{max-width:100%;height:auto}body.dark-theme{--first-color-dark: hsl(152, 8%, 20%);--title-color: hsl(152, 4%, 95%);--text-color: hsl(152, 4%, 75%);--body-color: hsl(152, 8%, 12%);--container-color: hsl(152, 8%, 16%);--text-color-light: hsl(152, 4%, 55%);--body-color-light: hsl(152, 8%, 6%)}.waves-color{color:var(--text-color-light);background:var(--body-color-light)}.change-theme{color:var(--title-color);font-size:1.15rem;cursor:pointer}.nav__btns{display:inline-flex;align-items:center;column-gap:1rem}.dark-theme .steps__bg,.dark-theme .questions{background-color:var(--first-color-dark)}.dark-theme .product__circle,.dark-theme .footer__subscribe{background-color:var(--container-color)}.dark-theme .scroll-header{box-shadow:0 1px 4px #0a0b0a4d}.grid{display:grid}.main{overflow:hidden}.header{width:100%;background-color:var(--body-color);position:fixed;top:0;left:0;z-index:var(--z-fixed);transition:.4s;z-index:101}.navigation{height:var(--header-height);display:flex;justify-content:space-between;align-items:center}.nav__logo,.nav__toggle,.nav__close{color:var(--title-color)!important}.nav__logo{text-transform:uppercase;font-weight:700;letter-spacing:-1px;display:inline-flex;align-items:center;column-gap:.5rem;transition:all .4s ease}.nav__logo-icon{font-size:1.15rem;color:var(--first-color)}a{color:var(--title-color)!important}@media screen and (max-width: 1100px){.nav__menu{position:fixed;background-color:var(--container-color);width:70%;height:100%;top:0;right:-100%;padding:4rem 0 0 3rem;transition:1s ease;z-index:var(--z-fixed)}.section,section{padding-top:calc(var(--header-height) + 1.5rem);overflow:hidden}.section:first-of-type,section:first-of-type{padding-top:0}.header-height{height:var(--header-height)}.testm-card{max-height:350px!important;min-height:350px!important}}.nav__close{position:absolute;top:1rem;right:1.25rem}.nav__list{display:flex;flex-direction:column;row-gap:1.5rem}.nav__link{color:rgba(var(--title-color),.5);font-weight:var(--font-medium);position:relative;transition:color .4s ease-in-out}.nav__link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2.5px;background-color:var(--text-color);transition:width .4s ease-in-out}.active__link:after{width:15px}.active__link{transition:color .4s ease-in-out;color:var(--title-color)}.nav__link:hover:after{width:15px}.nav__link:hover{color:var(--title-color)}.show-menu{right:0}.scroll-header{box-shadow:#0000000d 0 1px 2px}@media screen and (min-width: 1100px){body{margin:0}.navigation{height:calc(var(--header-height) + 1.5rem);column-gap:1rem}.nav__toggle,.nav__close{display:none}.nav__list{flex-direction:row;column-gap:2rem}.section,section{padding-top:calc(var(--header-height) + 1.5rem);overflow:hidden}.testm-card{height:100%!important;min-height:300px!important}}.border-theme{border-color:var(--text-color)!important;transition:.4s}.border-theme-reverse{border-color:var(--text-color-light)!important;transition:.4s}.bg-theme-reverse{background-color:var(--text-color)!important;transition:.4s}.bg-theme{background-color:var(--body-color)!important;transition:.4s}.text-theme-reverse{color:var(--container-color)!important;transition:.4s}.animated-bg-2{background:url(/yassir-portfolio/assets/animated-bg-2-Ds6agCDv.gif);background-size:cover;background-position:center}.animated-bg-3{background:url(/yassir-portfolio/assets/animated-bg-3-Bzuiprxy.gif);background-size:cover;background-position:center}.bg-1{background:url(/yassir-portfolio/assets/bg-1-B9ps-L8e.jpg);background-size:cover;background-position:center}.bg-clickme{background:url(/yassir-portfolio/assets/clickme-C9Ioc7vj.jpg);background-size:cover;background-position:center}.modal.fade.show{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.text-gold{color:#ffd93d}.z-index100{z-index:100}.text-dark{color:var(--text-color)}body.dark-theme footer,footer{transition:color .4s ease-in-out}::selection{background-color:var(--text-color)!important;color:var(--body-color);width:0px}::-webkit-scrollbar{width:.1rem!important;background:transparent!important;position:absolute!important}::-webkit-scrollbar-thumb{background:var(--text-color);border-radius:.5rem}.me1{display:inline-block;position:relative;z-index:10}.me1:before{position:absolute;top:-5%;right:-5%;width:100%;height:100%;border:4px solid var(--text-color);content:"";z-index:-1;transition:top .5s ease-in-out,right .5s ease-in-out}.me1:hover:before{top:0%;right:0%}.me1 img{width:100%;height:auto;transition:transform .5s ease-in-out}.me1 img:hover{transform:scale(.95)}.animated-bg-1{background:url(/yassir-portfolio/assets/animated-bg-1-Df4Q0n2t.gif)!important;background-size:cover;background-position:center}.glass-effect{position:relative;z-index:1;background:#0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.urltogit{color:var(--text-color)!important;position:relative}.urltogit:after{content:"";position:absolute;bottom:0;left:0;width:50%;height:.5px;background-color:var(--text-color);transition:width .4s ease-in-out}.urltogit:hover:after{width:100%}.home-card-1{border-top-right-radius:0!important;border-bottom-left-radius:0!important}.home-card-2{border-top-left-radius:0!important;border-bottom-right-radius:0!important}.home-card-3{border-top-left-radius:0!important;border-bottom-left-radius:0!important}.home-card-4{border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-left-radius:0!important}.home-card-5{border-top-left-radius:0!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.home-card-6{border-bottom-left-radius:0!important}.home-card-7{border-top-right-radius:0!important}.home-card-8{border-top-left-radius:0!important;border-top-right-radius:0!important}.home-card-9{border-bottom-right-radius:0!important}.bg-glass-1{background:#fff3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);height:100%}.bg-glass-2{background:#0009;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);height:100%}.custom-btn-width{display:inline-block}.spacing-2{letter-spacing:-32px}.cursor-pointer{cursor:pointer}.sidebar-project-description{position:absolute;top:0;right:0;width:100%;height:100%;background:#0009;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:20px;overflow-y:auto;opacity:0;z-index:-1;transition:all .5s ease-in-out}.sidebar-project-description.open{opacity:1;z-index:99}.btn-close-white{filter:invert(1)}.text-justify{text-align:justify}.dot{position:relative;display:block;width:30px;height:30px;background-color:var(--text-color)}.line{width:4px;height:103%;background-color:var(--text-color);transform:translate(13px)}.underline-theme{text-decoration:underline var(--text-color)}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.truncated-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.swiper-slide{background:transparent!important;display:block!important}.swiper{height:100%!important}.mySwiper{width:100%;height:100%}.mySwiper .swiper-slide{display:flex;justify-content:center;align-items:center}.underline-none{text-decoration:none!important}@keyframes react-loading-skeleton{to{transform:translate(100%)}}.react-loading-skeleton{--base-color: #ebebeb;--highlight-color: #f5f5f5;--animation-duration: 1.5s;--animation-direction: normal;--pseudo-element-display: block;background-color:var(--base-color);width:100%;border-radius:.25rem;display:inline-flex;line-height:1;position:relative;-webkit-user-select:none;user-select:none;overflow:hidden}.react-loading-skeleton:after{content:" ";display:var(--pseudo-element-display);position:absolute;top:0;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:var( --custom-highlight-background, linear-gradient( 90deg, var(--base-color) 0%, var(--highlight-color) 50%, var(--base-color) 100% ) );transform:translate(-100%);animation-name:react-loading-skeleton;animation-direction:var(--animation-direction);animation-duration:var(--animation-duration);animation-timing-function:ease-in-out;animation-iteration-count:infinite}@media (prefers-reduced-motion){.react-loading-skeleton{--pseudo-element-display: none}}.truncated-title-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.truncated-title-5{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;overflow-y:auto;text-overflow:ellipsis;white-space:normal}.z-index{z-index:1000}.show-modal-toggler{transition:transform .5s ease-in-out;transform:translateY(0)}.hide-modal-toggler{transition:transform .5s ease-in-out;transform:translateY(100%)}.animated-bg-2-text{background:url(/yassir-portfolio/assets/animated-bg-2-Ds6agCDv.gif);background-size:cover;background-position:center;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.animated-bg-87-text{background:url(/yassir-portfolio/assets/bg_87-CM7Zgqzh.gif);background-size:cover;background-position:center;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.animated-bg-87{background:url(/yassir-portfolio/assets/bg_87-CM7Zgqzh.gif)!important;background-size:cover!important;background-position:center!important}.waves{position:relative;width:100vw;height:105px;overflow:hidden}.parallax>use{animation:move 25s cubic-bezier(.55,.5,.45,1) infinite}@keyframes move{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}.parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}