nav{height:88px;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 54px;z-index:100;background-color:var(--primary-black-color)}nav.open-drawer+*{overflow:hidden;height:calc(100vh - 90px)}.backdrop{transition:.5s;display:none;opacity:0;right:-100vw;z-index:-1}.drawer{position:absolute;width:60vw;height:100vh;transition:.3s;background-color:#3a445388;background-color:#181b21d5;top:0;right:0;z-index:200;display:flex;flex-direction:column;align-items:flex-start}nav h1{font-family:var(--logo-font);font-style:normal;font-weight:400;font-size:24px;line-height:150%;display:flex;align-items:center;text-align:right;cursor:pointer;color:#fff}nav>ul{display:flex;gap:48px;align-items:center}nav>ul li{display:flex;justify-content:center;cursor:pointer;align-items:center}nav>ul li a{font-family:var(--main-font);font-style:normal;font-weight:400;font-size:16px;display:flex;align-items:center;text-align:right;color:#fff;opacity:.7}nav>ul li.active{border-bottom:3px solid var(--purple-color);height:40px}nav>ul li.active a{opacity:1}nav button{background-color:transparent;border:none;width:50px;height:50px;display:none;padding:0;margin:0;justify-content:center;align-items:center;color:#fff;font-size:24px;border-radius:8px}@media (max-width:821px){nav>div:last-child{display:none}}@media (max-width:660px){nav{padding-right:20px}nav>ul{display:none}nav button{display:flex}.backdrop{position:fixed;display:block;top:0;overflow:hidden;width:100vw;height:100vh;backdrop-filter:blur(5px)}.backdrop.open{opacity:1;right:0;z-index:200}.drawer .drawer-header{height:80px;width:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.drawer .drawer-header h1{color:#fff}.drawer .drawer-header button{background-color:transparent;border:none;width:50px;height:50px;display:flex;padding:0;margin:0;justify-content:center;align-items:center;color:#fff;font-size:24px;border-radius:8px}.drawer ul{display:flex;flex-direction:column;gap:20px;padding-top:40px;padding-left:30px}.drawer ul li{color:#fff;font-weight:600;font-size:22px}.drawer hr{width:100%;height:2px;border:1px solid #fff}.drawer ul{list-style:none}.drawer .links{padding:40px 20px 15px;display:flex;justify-content:center;width:100%;gap:20px}.drawer span{position:absolute;bottom:20px;display:flex;justify-content:center;font-size:16px;font-weight:300;width:100%}.drawer .links a{font-size:28px}}@media (max-width:410px){.drawer{width:75vw}}.link-button:hover{opacity:.9;transform:scale(1.01)}.link-button{outline:none;box-shadow:inset 1px 1px 1px #ffffff40;border:1px solid transparent;border-radius:8px;font-weight:400;min-width:fit-content;font-size:16px;transition:.2s;gap:6px;color:#fff;display:flex;justify-content:center;align-items:center;width:auto}.link-button i{font-size:22px;color:#fff}.link-button.transparent{font-weight:400;font-size:16px;display:flex;background-color:unset;align-items:center;color:#fff;box-shadow:none;width:165px;height:56px;border:1px solid rgba(255,255,255,.2);border-radius:8px}.link-button.purple{background:var(--purple-color)}.link-button.gold{background-color:var(--yellow-color)}.link-button.gold>span{color:var(--primary-black-color)!important}.link-button.medium{height:56px;padding:16px 24px}.project{display:flex;flex-direction:column;gap:18px;text-decoration:none;width:520px}.project .imgContainer{position:relative;width:100%;height:317px;border-radius:20px;background:#8E2DE2;background:-webkit-linear-gradient(to right,#4A00E0,#8E2DE2);background:linear-gradient(to right,#4A00E0,#8E2DE2)}.project .imgContainer.docta{background:#00d2ff;background:-webkit-linear-gradient(to right,#00d2ff,#3a7bd5);background:linear-gradient(to right,#00d2ff,#3a7bd5)}.project .imgContainer.scalexp{background:#232526;background:-webkit-linear-gradient(to right,#414345,#232526);background:linear-gradient(to right,#414345,#232526)}.project .imgContainer.emploipartner{background:#ffd89b;background:-webkit-linear-gradient(to right,#19547b,#ffd89b);background:linear-gradient(to right,#19547b,#ffd89b)}.project .imgContainer.eenar{background:#636363;background:-webkit-linear-gradient(to right,#a2ab58,#636363);background:linear-gradient(to right,#a2ab58,#636363)}.project .imgContainer.pass{background:#00416A;background:-webkit-linear-gradient(to right,#E4E5E6,#00416A);background:linear-gradient(to right,#E4E5E6,#00416A)}.project .imgContainer.khedemni{background:#DAE2F8;background:-webkit-linear-gradient(to right,#D6A4A4,#DAE2F8);background:linear-gradient(to right,#D6A4A4,#DAE2F8)}.project .imgContainer.buileo{background:#0F2027;background:-webkit-linear-gradient(to right,#2C5364,#203A43,#0F2027);background:linear-gradient(to right,#2C5364,#203A43,#0F2027)}.project .imgContainer img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:inherit;width:40%;height:40%;object-fit:contain}.project .imgContainer.buileo img{width:25%;height:25%}.project ul{display:flex;gap:10px;justify-content:flex-start}.project ul li{padding:0 14px;height:28px;background:linear-gradient(180deg,rgba(65,85,114,.15) 0%,rgba(27,27,30,.1) 100%);border:1px solid rgba(65,85,114,.5);border-radius:20px;display:flex;justify-content:center;text-transform:uppercase;align-items:center;font-style:normal;font-weight:400;font-size:12px;text-align:center;color:var(--yellow-color)}.project h3{font-style:normal;font-weight:400;font-size:16px;color:#fff}.project h4{font-style:normal;height:120px;max-height:80px;font-weight:700;line-height:38px;font-size:26px;color:#fff}.project .links{display:flex;gap:20px}@media (max-width:1220px){.project{width:400px}.project .imgContainer{height:245px}.project ul li{font-size:9px}.project h3{font-size:14px}.project h4{max-height:65px;font-size:18px;line-height:32px;color:#fff}.project .links a{font-size:14px;height:45px}.project .links a i{font-size:18px}}@media (max-width:880px){.project{width:350px}.project .imgContainer{height:205px}.project ul li{font-size:7px}.project h3{font-size:12px}.project h4{max-height:55px;font-size:16px;line-height:25px;color:#fff}.project .links a{font-size:14px;height:45px}.project .links a i{font-size:18px}}@media (max-width:400px){.project{width:300px}.project .imgContainer{height:180px}.project ul{gap:6px}.project ul li{font-size:6px}.project h3{font-size:12px}.project h4{max-height:40px;font-size:14px;line-height:20px;color:#fff}.project .links a{padding:8px 12x;height:40px;font-size:12px}.project .links a i{font-size:14px}}.contact{display:flex;padding:100px 40px 62px;justify-content:center;align-items:flex-start;gap:80px;max-width:1400px;width:100%;margin:0 auto}.contact .content{display:flex;flex-direction:column;gap:22px;max-width:530px}.contact .content h2{font-style:normal;font-weight:700;line-height:72px;font-size:60px;color:#fff}.contact .content p{font-family:Sen;font-style:normal;font-weight:400;line-height:28px;font-size:20px;color:#fff}.contact .content .contact-info{display:flex;align-items:center;gap:43px;margin-top:20px}.contact .content .contact-info span{font-style:normal;font-weight:400;font-size:16px;letter-spacing:.416px;color:#fff}.contact .content .contact-info span:nth-child(2){font-style:normal;font-weight:500;font-size:18px;line-height:21px;color:#fff}.contact .content .contact-info>ul{display:flex;list-style:none;gap:20px}.contact .content .contact-info>ul li a i{transition:.3s}.contact .content .contact-info>ul li a{width:60px;height:60px;background-color:#1b1b1b;border-radius:8px;display:flex;justify-content:center;transition:.3s;cursor:pointer;align-items:center;font-size:30px;color:#fff}.contact .content .contact-info>ul li:hover a{transform:scale(1.1)}.contact .content .contact-info>ul li:hover a i.bxl-gmail{color:#ea4335}.contact .content .contact-info>ul li:hover a i.bxl-twitter{color:#1da1f2}.contact .content .contact-info>ul li:hover a i.bxl-linkedin{color:#0a66c2}.contact .content .contact-info>ul li:hover a i.bxl-skype{color:#0a66c2}.contact .content .contact-info>ul li:hover a i.bxl-github{color:var(--gray-color)}.contact .imgBox{width:395px;height:399px;position:relative}.contact .imgBox img{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:10}.contact .imgBox .purple-square{position:absolute;inset:11.72% -1.24% 84.83% 99.86%;width:16px;height:16px;background:var(--purple-color);border-radius:3px;transform:rotate(-174deg)}.contact .imgBox .orange-square{position:absolute;width:16px;height:16px;left:0%;top:45.61%;bottom:50.94%;background:#FF6701;border-radius:3px;transform:rotate(-129deg)}.contact .imgBox .gray-square{position:absolute;left:-45px;bottom:60px;width:90px;height:90px;background:var(--gray-color);mix-blend-mode:normal;opacity:.19;border-radius:14px}.contact .imgBox .red-circle{position:absolute;left:40%;top:23%;transform:translate(-40%,-23%);height:125px;width:250px;background:#F53D6B;mix-blend-mode:normal;opacity:.21;transform:rotate(90deg);border-radius:150px 150px 0 0}@media (max-width:1220px){.contact{display:flex;padding:40px 40px 62px;justify-content:center;align-items:center;gap:60px}.contact .content{display:flex;flex-direction:column;gap:22px;max-width:530px}.contact .content h2{font-style:normal;font-weight:700;line-height:42px;font-size:38px;color:#fff}.contact .content p{font-family:Sen;font-style:normal;font-weight:400;line-height:150%;font-size:16px;color:#fff}.contact .content .contact-info{display:flex;align-items:center;gap:40px;margin-top:20px}.contact .content .contact-info>a:nth-child(1){padding:12px 14px;height:45px;font-size:14px}.contact .content .contact-info span:nth-child(2){font-style:normal;font-weight:500;font-size:16px;line-height:21px;color:#fff}.contact .content .contact-info>ul{display:flex;gap:20px}.contact .content .contact-info>ul li a{width:50px;height:50px;background-color:#1b1b1b;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:30px;color:#fff}.contact .imgBox{width:280px;height:283px;position:relative;top:-50px}.contact .imgBox img{position:absolute;left:0;bottom:0;width:100%;height:100%;z-index:10}.contact .imgBox .purple-square{position:absolute;inset:11.72% -1.24% 84.83% 99.86%;width:16px;height:16px;background:var(--purple-color);border-radius:3px;transform:rotate(-174deg)}.contact .imgBox .orange-square{position:absolute;width:16px;height:16px;left:0%;top:45.61%;bottom:50.94%;background:#FF6701;border-radius:3px;transform:rotate(-129deg)}.contact .imgBox .gray-square{position:absolute;left:-45px;bottom:60px;width:90px;height:90px;background:var(--gray-color);mix-blend-mode:normal;opacity:.19;border-radius:14px}.contact .imgBox .red-circle{position:absolute;left:40%;top:23%;transform:translate(-40%,-23%);height:125px;width:250px;background:#F53D6B;mix-blend-mode:normal;opacity:.21;transform:rotate(90deg);border-radius:150px 150px 0 0}}@media (max-width:897px){.contact{padding:20px}.contact .imgBox{display:none}.contact{justify-content:center;text-align:center}.contact .contact-info{justify-content:center}.contact .content h2{font-style:normal;font-weight:700;line-height:42px;font-size:28px;color:#fff}.contact .content .contact-info{gap:30px}}@media (max-width:570px){.contact .imgBox{display:none}.contact{justify-content:center;text-align:center}.contact .contact-info{justify-content:center}.contact .content .contact-info{gap:20px}.contact .content .contact-info>ul{gap:10px}.contact .content .contact-info>ul li a{width:40px;height:40px;font-size:20px}.contact .content .contact-info{flex-direction:column}}.tech-swiper{width:100%;display:flex;flex-wrap:wrap;gap:20px}.tech-swiper .swiper-wrapper{transition-timing-function:linear}.tech-swiper .swiper-slide{width:230px;height:70px;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff;background-color:#0d0d0d;border-radius:12px}.tech-swiper .swiper-slide img{width:33px}.tech-swiper .swiper-slide span{font-size:22px}@media (max-width:1220px){.tech-swiper .swiper-slide{width:220px;height:50px;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff;background-color:#0d0d0d;border-radius:12px}.tech-swiper .swiper-slide img{width:20px}.tech-swiper .swiper-slide span{font-size:18px}}@media (max-width:800px){.tech-swiper{gap:12px}.tech-swiper .swiper-slide{width:150px;height:40px;display:flex;justify-content:center;align-items:center;gap:8px;color:#fff;background-color:#0d0d0d;border-radius:10px}.tech-swiper .swiper-slide img{width:18px}.tech-swiper .swiper-slide span{font-size:12px}}@media (max-width:450px){.tech-swiper{gap:8px}.tech-swiper .swiper-slide{width:100px;height:32px;display:flex;justify-content:center;align-items:center;gap:4px;color:#fff;background-color:#0d0d0d;border-radius:10px}.tech-swiper .swiper-slide img{width:14px}.tech-swiper .swiper-slide span{font-size:10px}}.div-wave{position:relative;width:500px;height:500px;display:flex;justify-content:center;align-items:center}.div-wave span:nth-child(1){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #5221e685;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;transition:.5s;animation:animateDiveWaves 6s linear infinite}.div-wave span:nth-child(2){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #5221e685;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;transition:.5s;animation:animateDiveWaves2 4s linear infinite}.div-wave span:nth-child(3){position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid #5221e685;border-radius:38% 62% 63% 37%/41% 44% 56% 59%;transition:.5s;animation:animateDiveWaves 10s linear infinite}@keyframes animateDiveWaves{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes animateDiveWaves2{0%{transform:rotate(360deg)}to{transform:rotate(0)}}.div-wave .content{position:relative;padding:40px 60px;color:#fff;text-align:center;transition:.5s;z-index:100}.div-wave .content a.readmore{border-radius:73% 27% 44% 56%/49% 44% 56% 51%}.div-wave .content a.link{position:relative;display:inline-block;margin-top:10px;border:2px solid #5221e685;padding:11px 18px;text-decoration:none;background-color:#07409b;color:#fff;font-weight:600;margin-bottom:5px;margin-right:10px;transition:.5s}.div-wave .content a.getcv{border-radius:44% 56% 73% 27%/56% 51% 49% 44%}.div-wave .content h2,.div-wave .content p{color:#fff}.div-wave .content p i{margin-left:10px;margin-right:10px}@media (max-width:1220px){.div-wave{width:400px;height:400px}}@media (max-width:860px){.div-wave{width:300px;height:300px}}@media (max-width:700px){.div-wave{width:220px;height:220px}}.experience-swiper.card{display:none}.experience-swiper{max-width:1280px;padding-top:50px;padding-bottom:50px}.experience-swiper .swiper-slide{background-position:center;background-size:cover;width:360px;height:370px;border-radius:16.038px;border:1.002px solid rgba(65,85,114,.5);background:#181C22;padding:32px}.experience-swiper .swiper-slide h3{font-family:Sen;text-transform:uppercase;font-size:16.038px;font-style:normal;font-weight:700;line-height:24.057px;margin-bottom:24px}.experience-swiper .swiper-slide:nth-child(1) h3{color:#fcbc1c}.experience-swiper .swiper-slide:nth-child(2) h3{color:#25d1fa}.experience-swiper .swiper-slide:nth-child(3) h3{color:#ecf0f2}.experience-swiper .swiper-slide h2{color:#fff;font-family:Sen;font-size:39px;font-style:normal;font-weight:700;line-height:44.104px;letter-spacing:-.586px;margin-bottom:25px}.experience-swiper .swiper-slide .content{display:flex;justify-content:space-between;align-items:center}.experience-swiper .swiper-slide .content .left{display:flex;flex-direction:column;gap:7px}.experience-swiper .swiper-slide .content .left span:first-child{color:#fff;font-family:Sen;font-size:16.038px;font-style:normal;font-weight:700;line-height:24.057px}.experience-swiper .swiper-slide .content .left span:nth-child(2){color:#fff;font-family:Sen;font-size:16.038px;font-style:normal;font-weight:400;line-height:24.057px}.experience-swiper .swiper-slide .content .left .links{display:flex;font-size:2px}.experience-swiper .swiper-slide .content .right{width:130px;height:130px;position:relative}.experience-swiper .swiper-slide .content .right>div{filter:blur(100.23729705810547px);position:absolute;top:0;left:0;width:100%;height:100%}.experience-swiper .swiper-slide:nth-child(1) .content .right>div{background-color:var(--Blue-Hue, #fcd574)}.experience-swiper .swiper-slide:nth-child(2) .content .right>div{background-color:var(--Blue-Hue, #25d1fa)}.experience-swiper .swiper-slide:nth-child(3) .content .right>div{background-color:var(--Blue-Hue, #8c8ca4)}.experience-swiper .swiper-slide .content .right img{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.experience-swiper .swiper-slide:nth-child(1) .content .right img{padding:20px}.experience-swiper .swiper-slide:nth-child(3) .content .right img{padding:10px}@media (max-width:1220px){.experience-swiper{max-width:800px;padding-top:50px;padding-bottom:50px}.experience-swiper .swiper-button-prev:after,.experience-swiper .swiper-button-next:after{font-size:30px}.experience-swiper .swiper-slide{width:300px;height:308px;padding:24px}.experience-swiper .swiper-slide h3{font-size:14px;margin-bottom:20px}.experience-swiper .swiper-slide h2{color:#fff;font-family:Sen;font-size:30px;font-style:normal;font-weight:700;line-height:35px;margin-bottom:20px}.experience-swiper .swiper-slide .content .left span:first-child{font-size:14px;line-height:22.057px}.experience-swiper .swiper-slide .content .left span:nth-child(2){font-size:14px;line-height:24.057px}.experience-swiper .swiper-slide .content .left .links{display:flex;font-size:2px}.experience-swiper .swiper-slide .content .right{width:100px;height:100px;position:relative}.experience-swiper .swiper-slide .content .right>div{filter:blur(60.23729705810547px);position:absolute;top:0;left:0;width:100%;height:100%}.experience-swiper .swiper-slide:nth-child(1) .content .right>div{background-color:var(--Blue-Hue, #fcd574)}.experience-swiper .swiper-slide:nth-child(2) .content .right>div{background-color:var(--Blue-Hue, #25d1fa)}.experience-swiper .swiper-slide:nth-child(3) .content .right>div{background-color:var(--Blue-Hue, #8c8ca4)}.experience-swiper .swiper-slide .content .right img{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.experience-swiper .swiper-slide:nth-child(1) .content .right img{padding:20px}.experience-swiper .swiper-slide:nth-child(3) .content .right img{padding:10px}}@media (max-width:800px){.experience-swiper{display:none}.experience-swiper.card{display:block;width:280px}.experience-swiper .swiper-button-next:after{position:relative;right:-100px}.experience-swiper .swiper-button-prev:after{position:relative;left:-100px}.experience-swiper.card .swiper-slide{height:308px;padding:24px}.experience-swiper .swiper-slide h3{font-size:12px;margin-bottom:14px}.experience-swiper .swiper-slide h2{color:#fff;font-family:Sen;font-size:24px;font-style:normal;font-weight:700;line-height:35px;margin-bottom:20px}.experience-swiper .swiper-slide .content .left span:first-child{font-size:14px;line-height:22.057px}.experience-swiper .swiper-slide .content .left span:nth-child(2){font-size:14px;line-height:24.057px}.experience-swiper .swiper-slide .content .left .links{display:flex;font-size:2px}.experience-swiper .swiper-slide .content .right{width:100px;height:100px;position:relative}.experience-swiper .swiper-slide .content .right>div{filter:blur(50.23729705810547px);position:absolute;top:0;left:0;width:100%;height:100%}.experience-swiper .swiper-slide:nth-child(1) .content .right>div{background-color:var(--Blue-Hue, #fcd574)}.experience-swiper .swiper-slide:nth-child(2) .content .right>div{background-color:var(--Blue-Hue, #25d1fa)}.experience-swiper .swiper-slide:nth-child(3) .content .right>div{background-color:var(--Blue-Hue, #8c8ca4)}.experience-swiper .swiper-slide .content .right img{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.experience-swiper .swiper-slide:nth-child(1) .content .right img{padding:20px}.experience-swiper .swiper-slide:nth-child(3) .content .right img{padding:10px}}@media (max-width:450px){.experience-swiper.card{width:220px}.experience-swiper .swiper-button-next:after{position:relative;right:-80px}.experience-swiper .swiper-button-prev:after{position:relative;left:-80px}.experience-swiper.card .swiper-slide{height:260px;padding:24px}.experience-swiper .swiper-slide h3{font-size:11px;margin-bottom:8px}.experience-swiper .swiper-slide h2{color:#fff;font-family:Sen;font-size:20px;font-style:normal;font-weight:700;line-height:25px;margin-bottom:14px}.experience-swiper .swiper-slide .content .left span:first-child{font-size:12px;line-height:18.057px}.experience-swiper .swiper-slide .content .left span:nth-child(2){font-size:12px;line-height:24.057px}.experience-swiper .swiper-slide .content .left .links{display:flex;font-size:2px}.experience-swiper .swiper-slide .content .right{width:90px;height:90px;position:relative}.experience-swiper .swiper-slide .content .right>div{filter:blur(40.23729705810547px);position:absolute;top:0;left:0;width:100%;height:100%}.experience-swiper .swiper-slide:nth-child(1) .content .right>div{background-color:var(--Blue-Hue, #fcd574)}.experience-swiper .swiper-slide:nth-child(2) .content .right>div{background-color:var(--Blue-Hue, #25d1fa)}.experience-swiper .swiper-slide:nth-child(3) .content .right>div{background-color:var(--Blue-Hue, #8c8ca4)}.experience-swiper .swiper-slide .content .right img{z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.experience-swiper .swiper-slide:nth-child(1) .content .right img{padding:20px}.experience-swiper .swiper-slide:nth-child(3) .content .right img{padding:10px}}