body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}p{font-size:18px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:inherit;border-radius:10px}::-webkit-scrollbar-thumb{background:#ff7b00;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#e06600}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.head{display:inline-block;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.head h3{font-weight:700;margin-bottom:3px}.head span{background-color:#ff7b00;display:block;height:2px;margin:auto;transition:all .5s ease-out;width:50%}.head:hover span{width:90%}.ltr-trans{opacity:0}#scrollToTopBtn{background-color:#000;border:2px solid #ff7b00;border-radius:50%;bottom:20px;color:#ff7b00;cursor:pointer;display:none;font-size:24px;height:65px;position:fixed;right:20px;transition:all .3s;width:65px;z-index:99}#scrollToTopBtn:hover{transform:scale(1.1)}img{-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;pointer-events:none;-webkit-user-select:none;user-select:none}body{background-color:#f3f3e0;transition:background-color .3s ease,color .3s ease}.bi-list,h1,h2,h3,h4,h5,h6,p{color:#ff7b00}nav{max-height:70px;padding:5px 0;position:fixed;top:15px;width:100%;z-index:20}.nav,nav{border-radius:50px}.nav{background-color:#0a0a0ae6;display:flex;margin:auto;padding:7px;width:80%}.logo{cursor:pointer;height:60px;margin-left:20px;width:10%}.logo img{height:100%;width:100%}.nav-con{height:60px;margin:auto}.span-mohamed{color:#ff7b00;font-size:23px;font-weight:700}.nav-btn{background:none;border:none;display:none;left:50%;outline:none;position:relative;top:50%;transform:translate(-50%,-50%)}.items-nav{color:#ff7b00;display:flex;font-size:20px;gap:20px;justify-content:center;list-style:none;margin:13px;text-decoration:none}.items-nav li{cursor:pointer;font-weight:700;padding:5px;transition:all .3s ease}.items-nav li:hover{border-radius:0 0 20px 20px;height:50px;padding:6px;transform:translateY(-20px)}.active,.items-nav li:hover{background-color:#ff7b00;color:#212529}.active{border-radius:20px;text-decoration:none}.navv{left:60%;position:absolute;transform:translate(-50%,2%);transition:all .5s ease}.nav-items{background-color:#333;border-radius:0 0 25px 25px;color:#ff7300;display:inline-block;height:250px;list-style:none;padding:15px;position:relative;text-align:center;width:300px}.nav-items:before{animation:animate 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#002bff,red);background-size:400%;border-radius:5px;content:"";filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}.nav-items:hover:before{opacity:1}.nav-items:hover:active{background:none}button:hover:active:before{filter:blur(2px)}@keyframes animate{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.nav-items span{cursor:pointer;display:inline-block;font-size:20px;font-weight:700;height:35px;min-width:250px;padding:4px;transition:all .6s ease}.nav-items span:hover{background-color:#9e4903;border-radius:0 0 10px 10px;color:#212529;display:block;font-weight:700;width:100%}.dark-btn{background:none;border:none;color:#ff7b00;outline:none;position:fixed;right:12%;top:38px}.dark-mode{background-color:#212529;color:#f8f9fa}@media (max-width:1200px){.nav-btn{display:block}.items-nav{display:none}}.About{margin:250px 0 210px}.about{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;padding:20px}.my-img{height:250px;margin-right:20px;position:relative;width:350px}.about-me{display:flex;flex-direction:column;justify-content:center;margin-left:30px;margin-right:auto}.chatpot-img{height:100px;margin-left:auto;width:150px}.chatpot-img img{height:100%;width:100%}.chatpot-btn{background:none;border:none;outline:none}.chatpot-btn span{background-color:#333;border-radius:20px;color:#ff7b00;padding:3px 7px}.icons{margin-top:130px;text-align:center}.icons a{list-style:none}.icons a i{border:2px solid #ff7b00;border-radius:50px;color:#ff7b00;padding:5px 10px}.icons a i,.icons a i:hover{transform:rotateY(60deg)}.download-btn{background:none;border:3px solid #ff7b00;border-bottom:none;border-radius:10px;border-top:none;margin:15px;outline:none;transform:skew(20deg)}.download-btn,.download-btn a{color:#ff7b00;font-weight:700;transition:all .5s ease}.download-btn a{font-size:23px;text-decoration:none}.download-btn:hover{background-color:#ff7b00;color:#333}.download-btn a:hover{color:#333}@media (max-width:1200px){.about{align-items:center;flex-direction:column;gap:30px;padding:10px;text-align:center}.about-me{margin:0 auto;order:2;transform:none;width:90%}.about-me h2,.about-me h3,.about-me h4{word-wrap:break-word;font-size:22px}.my-img{height:600px;margin:0 auto;order:1;top:0;transform:none;width:250px}VerticalCarousel{margin:auto 0}.icons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:40px}.icons a i{font-size:28px;margin:5px}.download-btn{display:block;margin:15px auto}}.carousel{cursor:grab;height:60vh;perspective:800px;position:relative;transform:rotateY(-20deg) translateX(70px);transform-style:preserve-3d;-webkit-user-select:none;user-select:none;width:100%}.carousel,.carousel-image{align-items:center;display:flex;justify-content:center}.carousel-image{background:#333;border-radius:20px;color:#fff;font-size:48px;font-weight:700;height:200px;position:absolute;right:40%;top:10%;transform:translateZ(-10px);width:200px}@media (max-width:1200px){.carousel{transform:rotateY(-10deg) scale(1) translateX(160px)}}.about1{display:flex;gap:40px;justify-content:center;margin:40px 0}.my-img2{height:250px;margin-left:auto;transition:all .5s ease-in-out;width:250px}.my-img2:hover{scale:1.1}.my-img2 img{border-radius:125px 125px 125px 0;height:100%;width:100%}.w22{border:4px solid #ff7b00;border-left:none;border-radius:0 145px 145px 0;display:inline-block;margin:20px 0 20px 10%;max-height:284px;padding:13px;width:300px}.my-dis{border:4px solid #ff7b00;border-radius:145px 0 0 145px;border-right:none;margin:20px 30px 20px 0;max-height:700px;padding:25px 0 10px 60px;width:85%}.p2{padding-bottom:15px;width:100%}.w33{text-align:center}@media (max-width:1200px){.about1{display:flex;flex-wrap:wrap;justify-content:center}}.v{display:flex;flex-wrap:wrap;gap:20px;margin:60px 0}.v,.v2{position:relative}.v2{background-color:#000;padding:7px;width:60%}.v1,.v2{border-radius:30px}.v1{height:70%;min-height:50px;position:absolute;transform:translate(-20px,-20px);width:70%;z-index:-1}.v1,.v2 span{background-color:#ff7b00}.v2 span{border-radius:0 60px 60px 0;color:#000;display:inline-block;font-size:25px;margin:15px 0;padding:5px;transform:translateX(-7px)}.v2 p p,.v2 span{font-weight:700}.rov-img{width:35%}.rov-img img{border-radius:30px;width:100%}hr{color:#f89c46}@media (max-width:1200px){.v{display:flex;flex-direction:column}.v2{margin:auto;order:1;width:70%}.rov-img{margin:auto auto 20px;order:2;width:70%}}.intern{margin:70px 0}.v3{margin:auto}.p2{margin-bottom:0}.hee{padding:70px 0}.skills-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.pro-img{border-radius:50%;height:100%;object-fit:contain;width:100%}.rotating-text{fill:#ff7b00;animation:rotate 10s linear infinite;font-size:30px;font-weight:700;height:100%;width:100%}.product{background-color:#000;border-radius:50%;height:150px;position:relative;width:150px}.circle-container{height:200px;left:-27px;pointer-events:none;position:absolute;top:-27px;width:200px}@keyframes rotate{to{transform:rotate(1turn)}}.soft,.tec{text-align:center}.soft{margin:40px 0 20px}.s0{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:50px}.s{background-color:#ff7b00;border-radius:0 0 20px 20px;height:80px;margin:20px;position:relative;width:214px}.s1{background-color:#000;height:120px;left:50%;padding:2px;top:-20px;transform:translateX(-50%);width:170px}.s1,.s2{border-radius:0 0 20px 20px;position:absolute}.s2{background-color:#ff7b00;bottom:0;height:20px;width:214px;z-index:2}@keyframes slideUpDown{0%{bottom:0}50%{bottom:75%}to{bottom:0}}.s:hover .s2{animation:slideUpDown 1s ease}.s1 p{font-size:18px;font-weight:700;margin-top:14px;padding:0 2px;text-align:center}.pro-con{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:60px}.pro{background-color:#000;border:3px solid #ff7b00;border-bottom:none;border-radius:10% 10% 25% 25%;height:380px;margin:40px 0 5px;padding:5px;width:400px}.pro video{border-radius:10% 10% 0 0;height:217px;margin:0;padding:0;width:100%}.pro-btn{display:flex;justify-content:space-between;margin:7px 50px}.pro button{background:none;border:2px solid #ff7b00;border-left:none;border-radius:10px;border-right:none;color:#ff7b00;font-weight:700;outline:none;padding:3px;transition:all .6s ease}.pro-btn button:hover{background-color:#ff7b00;color:#000;font-weight:700}.pro p{margin:5px 0;text-align:center}.cert-con{display:flex;flex-wrap:wrap;gap:30px;justify-content:center;margin-bottom:60px}.cert-img{background-color:#000;border:3px solid #ff7b00;border-bottom:none;border-radius:10% 10% 10% 10%;height:250px;margin:40px 0 5px;padding:5px;width:360px}.cert-img img{border-radius:8% 8% 8% 8%;height:220px;margin:0;padding:3px;width:100%}.cert-img:hover{transform:scale(1.2);transition:transform .3s ease-in-out}.cert{position:relative}.spanl{border-radius:100% 0 100% 0;left:30px}.spanl,.spanr{background-color:#ff7b00;display:inline-block;height:50px;position:absolute;top:275px;width:15px}.spanr{border-radius:0 100% 0 100%;right:30px}.cert-p{background-color:#000;border:3px solid #ff7b00;border-radius:40px 40px 20px 20px;border-top:none;height:100px;margin-top:10px;padding:3px;width:360px}.cert-p p{margin:5px 0;text-align:center}.cert-p h5{margin:0;text-align:center}footer{background-color:#000;border-radius:30px 30px 0 0;display:flex;flex-wrap:wrap;justify-content:center;justify-content:space-between;padding:10px}.contact{width:350px}.con-p{font-weight:700;text-align:center}form{margin:auto}form .mb-3 input,form .mb-3 textarea{background-color:#000;border:2px solid #ff7b00;border-bottom:none;border-radius:10px 10px 15px 15px;color:#ff7b00;display:block;margin:auto auto 15px;outline:none;padding:5px;width:300px}form .mb-3 textarea{height:250px}.div-btnn{display:flex;justify-content:center;margin:10px 0}.btnn{background-color:#ff7b00;border:2px solid #000;border-radius:10px;color:#000;font-weight:700;outline:none;padding:5px 10px}.con-inf{margin:50px auto auto}.con-inf div{display:flex;gap:50px;justify-content:center}.con-inf div i{color:#ff7b00}.i1{border-color:#000 #ff7b00;border-radius:150px;border-style:solid;border-width:2px;height:250px;margin:50px auto auto;padding:7px;transition:all .6s ease;width:250px}.i1:hover{border:2px solid #c25f03}.i2{border:2px solid #ff7b00;padding:7px}.i2,.i2 img{border-radius:50%;height:100%;width:100%}.i2 img{transition:all .6s ease}.i1:hover .i2 img{scale:1.1}.my-name{font-size:25px;font-weight:700}.hr{background-color:#000;padding-bottom:20px}hr{margin:0}.ppp{padding:10px;text-align:center}.form-control::placeholder,textarea.form-control::placeholder{color:#ff7b00;opacity:.5}.chat-toggle-btn{align-items:center;background:#000;border:2px solid #ff7b00;border-radius:50%;bottom:20px;color:#fff;cursor:pointer;display:flex;font-size:24px;height:65px;justify-content:center;left:20px;position:fixed;transition:all .5s ease;width:65px;z-index:1000}.chat-toggle-btn:hover{scale:1.1}.chatbot-img{height:100%;width:100%}.chat-box{background:#fff;border:2px solid #ff7b00;border-radius:10px;bottom:80px;box-shadow:0 0 10px #0003;direction:rtl;display:flex;flex-direction:column;left:20px;position:fixed;width:400px;z-index:1000}.chat-messages{max-height:300px;overflow-y:auto;padding:10px}.chat-message{border-radius:8px;margin:5px 0;max-width:90%;padding:8px}.chat-message.user{align-self:flex-end;background:#333232;color:#ff7b00;font-size:20px;font-weight:500}.chat-message.bot{align-self:flex-start;background:#f0ca9b;color:#000}.chat-message.bot p{color:#000;font-size:20px;font-weight:500}.chat-input{border-top:1px solid #ccc;display:flex}.chat-input input{border:none;border-radius:8px;flex:1 1;font-size:20px;font-weight:500;padding:10px}.chat-input button{background:#ff7b00;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:10px 15px}input{outline:none}
/*# sourceMappingURL=main.31e7bd5b.css.map*/