h1,h2,h3,h4,h5,h6{font-family:"IBM Plex Mono",serif;font-weight:600;margin-bottom:0}p{margin-bottom:0}.announcements{background-color:#b4e2ff;position:relative;z-index:3}.announcements h6{font-size:.8rem;padding:.4rem}.announcements h6 span{font-family:"IBM Plex Sans Arabic",serif;font-weight:500}.navbar--custom{position:relative;z-index:3}.navbar--custom .navbar-brand img{height:55px}@media screen and (min-width: 992px){.navbar--custom .navbar-brand img{height:62px}}.navbar--custom .navbar-nav .nav-link{font-family:"IBM Plex Mono",serif !important;font-weight:600;font-size:.9rem;margin-right:3rem}.navbar--custom .contact{background-color:#b4ffe0;text-decoration:none;color:#000;font-weight:600;padding:.7rem 2rem;border-radius:29px}.footer{background-color:#fef6f1;background-image:url("../assets/images/footer-bg.png");background-repeat:no-repeat;background-position:center;background-size:cover;padding:3rem 0}@media screen and (min-width: 992px){.footer{padding:4.3rem 0}}.footer span{border-bottom:1px solid #000;font-family:"IBM Plex Mono",serif;font-weight:600;padding-bottom:6px;display:inline-block}.footer ul{font-family:"IBM Plex Mono",serif;font-weight:600;list-style:none;padding-left:0}.footer ul li{font-family:"IBM Plex Sans Arabic",serif;margin-top:10px}.footer ul li a{color:#000;text-decoration:none;font-weight:400}.footer ul li a img{margin-right:10px}body{margin:0;padding:0;height:100%;scroll-behavior:smooth;overflow-x:hidden;background-color:#fef6f1}main{margin-top:-45px;position:relative}@media screen and (min-width: 992px){main{margin-top:-7rem}}.section{height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-size:2rem;scroll-snap-align:start}@media screen and (min-width: 992px){.section{padding-left:6rem}}.hero{height:80vh;position:relative}@media screen and (min-width: 992px){.hero{margin-top:0;height:50vh}}.hero::before{content:"";position:absolute;top:-3rem;left:0;height:80vh;width:100%;background-image:url("../assets/images/hero-portfolio--mobile.png");background-size:cover;background-position:top;background-repeat:no-repeat;z-index:1}@media screen and (min-width: 992px){.hero::before{background-image:url("../assets/images/hero-portfolio--desktop.png");top:0rem;height:50vh}}.hero .text-container{position:relative;z-index:2;padding:0 1rem}@media screen and (min-width: 992px){.hero .text-container{margin-top:-2rem}}.hero h2{font-family:"IBM Plex Sans Arabic",serif;margin:0 auto;font-size:5rem;line-height:1.2;width:100%}@media screen and (min-width: 992px){.hero h2{font-size:3rem}}@media screen and (min-width: 1336px){.hero h2{font-size:4rem}}.hero p{font-size:1.5rem}.projects{height:auto;background-image:linear-gradient(173deg, #f7efdd 3%, #f9f2ee 53%);margin-top:-3rem;padding:3rem 0}@media screen and (min-width: 1336px){.projects{margin-top:-0.6rem;padding:6rem 0;background-color:#fcf4e3}}.projects h2{font-family:"IBM Plex Sans Arabic",serif;font-size:3rem}.projects__filters{overflow:hidden}.projects__filters__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:1rem;overflow-x:auto;padding:1rem 0;-ms-flex-wrap:nowrap;flex-wrap:nowrap}.projects__filters__list__item{border-radius:27px;background:#eae1dc;padding:.8rem .9rem;text-align:center;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;min-width:100px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.projects__filters__list__item h1{font-size:1.2rem}@media screen and (min-width: 992px){.projects__filters__list__item h1{font-size:1rem}}.projects__filters__list__item.active{background:#ffde7c}@media screen and (min-width: 992px){.projects__filters__list__item:hover{background:#9262aa;color:#fff;cursor:pointer}}.projects__list{padding-top:1rem}@media screen and (min-width: 992px){.projects__list{padding-top:0;display:grid;grid-template-columns:repeat(2, 1fr);gap:1rem}}.projects__list__item{position:relative;overflow:hidden;border-top-right-radius:16px;border-top-left-radius:16px}@media screen and (min-width: 992px){.projects__list__item{min-height:400px}}.projects__list__item:not(:first-child){margin-top:1rem}@media screen and (min-width: 992px){.projects__list__item:not(:first-child){margin-top:0}}@media screen and (min-width: 1336px){.projects__list__item:hover img.figure{opacity:1}.projects__list__item:hover a::before{opacity:.48}}.projects__list__item a{display:block}.projects__list__item a::before{border-bottom-left-radius:16px;border-bottom-right-radius:16px;content:"";position:absolute;top:0;left:0;background-color:#9262aa;height:91%;width:100%;opacity:0;z-index:1}@media screen and (min-width: 1336px){.projects__list__item a::before{height:92%}}.projects__list__item a img{border-radius:16px;overflow:hidden;width:100% !important}.projects__list__item img.figure{opacity:0;position:absolute;top:50%;right:33%;-webkit-transform:translateX(-33%) translateY(-50%);transform:translateX(-33%) translateY(-50%);-webkit-transition:all .2s ease-in;transition:all .2s ease-in;z-index:2}.projects__list__item img.figure:hover{cursor:pointer}@media screen and (min-width: 1336px){.projects__list__item img.figure{right:35%;-webkit-transform:translateX(-35%) translateY(-50%);transform:translateX(-35%) translateY(-50%)}}.projects__list__item h5{margin-top:10px}.projects__list__item__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;gap:5px;position:absolute;bottom:3rem;right:1rem}.projects__list__item__tags h1{background-color:#e7d6f0;border-radius:20px;font-size:.9rem;padding:.45rem .55rem}.workflow{background-image:url("../assets/images/workflow-bg--mobile.png");background-repeat:no-repeat;background-size:cover;background-position:center;padding:6rem 0}@media screen and (min-width: 992px){.workflow{background-image:url("../assets/images/workflow-bg.png");padding:5.6rem 0}}.workflow h2,.workflow h5{font-family:"IBM Plex Sans Arabic",serif}.workflow h2{font-weight:600;font-size:3.5rem}@media screen and (min-width: 992px){.workflow h2{font-size:3.75rem;width:70%}}.workflow__list{padding-top:1rem}@media screen and (min-width: 992px){.workflow__list{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;padding-top:4rem}}.workflow__list__item{margin-top:1rem}.workflow__list__item .figure{width:14px;height:14px;border-radius:50%}.workflow__list__item h5{margin:.8rem 0}@media screen and (min-width: 992px){.workflow__list__item p{width:95%}}.workflow__list__item .dotted-line{border-bottom:2px dotted #b6b6b6;margin-left:10px;width:80%;opacity:0}@media screen and (min-width: 992px){.workflow__list__item .dotted-line{opacity:1}}.workflow__list__item:first-child .figure{background-color:#ea7673}.workflow__list__item:nth-child(2) .figure{background-color:#f1d86f}.workflow__list__item:nth-child(3) .figure{background-color:#14c5c0}.workflow__list__item:last-child .figure{background-color:#8f69ac}@media screen and (min-width: 992px){.portfolio__banner{margin-top:4rem}}.portfolio__banner__container{background:#e7d3c8;border:4px solid #000;border-radius:34px;padding:5rem 1rem 2rem 1rem;display:grid}@media screen and (min-width: 992px){.portfolio__banner__container{grid-template-columns:80% 1fr;padding:6rem 2rem 2rem 2rem}}.portfolio__banner__container>div{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media screen and (min-width: 992px){.portfolio__banner__container>div{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}.portfolio__banner__container>div:nth-child(2){-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;justify-self:end;position:relative;top:-3rem}@media screen and (min-width: 992px){.portfolio__banner__container>div:nth-child(2){-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.portfolio__banner__container p{text-align:justify}.plugins__list{margin-top:1.5rem}@media screen and (min-width: 992px){.plugins__list{margin-top:0;display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;padding:5.6rem 0}}.plugins__list__item{background-color:#fff;margin-top:1rem;overflow:hidden;border-radius:10px}@media screen and (min-width: 992px){.plugins__list__item{border-radius:20px}}@media screen and (min-width: 992px){.plugins__list__item__header{max-height:400px;overflow:hidden}}.plugins__list__item__header img{height:auto;width:100%}.plugins__list__item__body{padding:1rem}@media screen and (min-width: 992px){.plugins__list__item__body h3{margin-bottom:1.5rem}}@-webkit-keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes fadeInScale{0%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}100%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes fadeOutScale{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}@keyframes fadeOutScale{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}100%{opacity:0;-webkit-transform:scale(0.9);transform:scale(0.9)}}.projects__list__item{-webkit-transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease;transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;opacity:1;-webkit-transform:scale(1);transform:scale(1)}.projects__list__item.hidden{display:none !important}.projects__list__item.anim-in{-webkit-animation:fadeInScale .3s ease forwards;animation:fadeInScale .3s ease forwards}.projects__list__item.anim-out{-webkit-animation:fadeOutScale .3s ease forwards;animation:fadeOutScale .3s ease forwards}@media screen and (max-width: 991px){.navbar-custom{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:fixed;width:100%;z-index:1050;-webkit-transition:top .3s ease-in-out;transition:top .3s ease-in-out}.navbar-brand{font-weight:700;font-size:1.5rem;color:#fff !important;text-shadow:0 2px 4px rgba(0,0,0,.3)}.navbar-brand img{height:30px}.hamburger{width:30px;height:24px;position:relative;cursor:pointer;background:none;border:none;padding:0;z-index:1060}.hamburger span{display:block;position:absolute;height:3px;width:100%;background:#000;border-radius:3px;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all .3s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.hamburger span:nth-child(1){top:0px}.hamburger span:nth-child(2){top:10px}.hamburger span:nth-child(3){top:20px}.hamburger.active span:nth-child(1){top:10px;-webkit-transform:rotate(135deg);transform:rotate(135deg)}.hamburger.active span:nth-child(2){opacity:0;left:-60px}.hamburger.active span:nth-child(3){top:10px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fullscreen-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg, #b4e2ff 0%, #5ac4d0 50%, #9262aa 100%);z-index:1055;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .6s cubic-bezier(0.77, 0, 0.175, 1);transition:-webkit-transform .6s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .6s cubic-bezier(0.77, 0, 0.175, 1);transition:transform .6s cubic-bezier(0.77, 0, 0.175, 1), -webkit-transform .6s cubic-bezier(0.77, 0, 0.175, 1)}.fullscreen-overlay.active{-webkit-transform:translateY(0);transform:translateY(0)}.fullscreen-overlay::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="0.5" fill="rgba(255,255,255,0.1)"/><circle cx="75" cy="75" r="0.3" fill="rgba(255,255,255,0.05)"/><circle cx="50" cy="10" r="0.4" fill="rgba(255,255,255,0.08)"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.nav-menu{list-style:none;padding:0;margin:0;text-align:center;position:relative;margin-top:6rem}.nav-item{margin:2rem 0;-webkit-transform:translateY(50px);transform:translateY(50px);opacity:0;-webkit-transition:all .6s cubic-bezier(0.68, -0.55, 0.265, 1.55);transition:all .6s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.fullscreen-overlay.active .nav-item{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}.fullscreen-overlay.active .nav-item:nth-child(1){-webkit-transition-delay:.1s;transition-delay:.1s}.fullscreen-overlay.active .nav-item:nth-child(2){-webkit-transition-delay:.2s;transition-delay:.2s}.fullscreen-overlay.active .nav-item:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}.fullscreen-overlay.active .nav-item:nth-child(4){-webkit-transition-delay:.4s;transition-delay:.4s}.fullscreen-overlay.active .nav-item:nth-child(5){-webkit-transition-delay:.5s;transition-delay:.5s}.nav-link{color:#fff;text-decoration:none;font-size:2.5rem;font-weight:300;display:block;padding:1rem 2rem;position:relative;-webkit-transition:all .3s ease;transition:all .3s ease;text-shadow:0 2px 10px rgba(0,0,0,.3)}.nav-link::before{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:#fff;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.nav-link:hover{color:#fff;-webkit-transform:translateY(-5px);transform:translateY(-5px);text-shadow:0 4px 20px rgba(0,0,0,.5)}.nav-link:hover::before{width:60px}.close-btn{position:absolute;top:2rem;right:2rem;width:40px;height:40px;background-color:unset;border:0;border-radius:50%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1060;opacity:0;-webkit-transform:scale(0.8) rotate(90deg);transform:scale(0.8) rotate(90deg)}.fullscreen-overlay.active .close-btn{opacity:1;-webkit-transform:scale(1) rotate(0deg);transform:scale(1) rotate(0deg);-webkit-transition-delay:.3s;transition-delay:.3s}.close-btn:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.5);-webkit-transform:scale(1.1) rotate(90deg);transform:scale(1.1) rotate(90deg)}.close-btn i{color:#fff;font-size:1.2rem;-webkit-transition:all .3s ease;transition:all .3s ease}.close-btn:hover i{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.social-icons{position:absolute;bottom:2rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:-webkit-box;display:-ms-flexbox;display:flex;gap:2rem}.social-icon{color:#fff;font-size:1.5rem;-webkit-transition:all .3s ease;transition:all .3s ease;opacity:0;-webkit-transform:translateY(30px);transform:translateY(30px)}.fullscreen-overlay.active .social-icon{opacity:.8;-webkit-transform:translateY(0);transform:translateY(0)}.fullscreen-overlay.active .social-icon:nth-child(1){-webkit-transition-delay:.6s;transition-delay:.6s}.fullscreen-overlay.active .social-icon:nth-child(2){-webkit-transition-delay:.7s;transition-delay:.7s}.fullscreen-overlay.active .social-icon:nth-child(3){-webkit-transition-delay:.8s;transition-delay:.8s}.social-icon:hover{opacity:1;-webkit-transform:translateY(-5px) scale(1.2);transform:translateY(-5px) scale(1.2)}}/*# sourceMappingURL=portfolio.css.map */