@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";nav{width:100%;position:fixed;top:0;left:0;display:flex;color:#fff;align-items:center;justify-content:space-around;padding:5px;margin:0 auto;z-index:100}nav ul li{display:inline-block;list-style:none;margin:4px 20px;font-size:17px;cursor:pointer}nav ul li:hover{color:#daa520!important}.logo{display:flex;align-items:center;cursor:pointer}.logo span{margin-left:10px}.logo .logo_img{width:45px;border-radius:50%;border:4px solid #0c5891}.verified-tick{width:45px}.dark-nav{background-color:#161513;border-bottom:1px solid white}.menu-icon{display:none}@media (max-width:900px){nav{padding:15px 0}nav ul{position:fixed;top:0;right:0;bottom:0;background:#383838;z-index:-1;width:200px;padding-top:70px;transition:.5s}nav ul li{display:block;margin:25px 40px}.menu-icon{display:block;width:30px;cursor:pointer}.hide-mobile{right:-200px}}.hero{width:100%;display:flex;align-items:center;flex-direction:column;gap:5px;margin-top:70px}.my_pic{width:200px;border-radius:50%;transition:all .3s ease-in-out}.my_pic:hover{transform:scale(1.4);margin-bottom:25px}.hero h1{color:#fff;text-align:center}.hero .multi-h1{text-transform:capitalize;background:linear-gradient(311deg,#6198d8 10%,#73ead3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{width:60%;line-height:30px;text-align:center;color:#fff;font-size:18px}@media (max-width:800px){.hero p{width:100%}}.about{width:100%;margin-top:50px}.about-row1{display:flex}.about-left{flex-basis:40%}.about-left img{width:330px;border-radius:20px;transition:all 1.3s ease}.about-left img:hover{transform:scale(1.1)}.about-right{flex-basis:60%;color:#fff;padding:40px;font-size:23px}.about-p{font-size:20px;margin-bottom:20px}.about-skills{display:flex;flex-direction:column;gap:15px;display:none}.about-skill{display:flex;gap:20px;align-items:center;transition:all .3s ease}.about-skill:hover{transform:scale(1.05);transition:.3s}.about-skill p{min-width:130px;font-size:20px;font-weight:500}.about-skill hr{outline:none;border:none;height:8px;border-radius:50px;background:linear-gradient(264deg,#df8908 -5.09%,#b415ff 106.28%)}.about-row2{width:100%;height:auto;display:flex;align-items:center;justify-content:center;flex-direction:column}.box-about{margin:20px;display:flex;overflow:hidden;gap:20px}.about-row2 h2{font-size:40px;color:#fff}.box-about img{width:70px;animation:slideInOut 5s linear infinite}@keyframes slideInOut{0%{opacity:0;transform:translate(-100px)}50%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100px)}}.box-about img:hover{transform:scale(2.05)}@media (max-width:850px){.about-row1{flex-direction:column}.about-left{flex-basis:100%;margin:0 auto}.about-right{flex-basis:100%}.box-about{margin:10px;display:grid;max-width:60%;grid-template-columns:18% 18% 18%;align-items:center;gap:50px}.box-about img{width:70px}}.title h1{font-size:50px;color:#fff;text-align:center;margin:30px 0}.services{width:100%;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;color:#fff}.service{width:250px;min-width:30%;border:2px solid white;border-radius:10px;padding:30px}.service:before{content:"";position:absolute;width:350px;min-width:130%;border-radius:10px;background:tomato;transition:.3s;animation:servyt 2s linear infinite}.service h1{background:linear-gradient(311deg,#6198d8 10%,#73ead3);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.service p{line-height:30px;font-size:20px}.service-btn{padding:2px}.service-btn img{margin-left:10px;width:20px}@media (max-width:900px){.services{display:flex;flex-wrap:wrap}.service{width:100%}}.contact{margin:80px auto;max-width:90%;display:flex;justify-content:space-between}.contact-col{flex-basis:48%;color:#fff}.contact-col h3{color:#fff;font-weight:500;font-size:25px;display:flex;align-items:center;margin-bottom:20px}.contact-col h3 img{width:35px;margin-left:10px}.contact-col p{max-width:450px;list-style:.3}.contact-col ul li{display:flex;align-items:center;margin:20px 0}.contact-col ul li img{width:25px;margin-right:10px;color:#fff}.contact form input,.contact form textarea{display:block;width:100%;background:#32323c;color:#fff;padding:15px;border:0;outline:0;margin-bottom:15px;margin-top:5px;resize:none}.contact form input:focus{background-color:azure;color:#000;border:2px solid blue;border-radius:13px}.contact-col span{display:block;margin:20px 0}@media (max-width: 700px){.contact{display:block}.contact-col{margin-bottom:50px}}.footer{width:100%;color:#fff}.footer ul li{display:inline-block;padding:30px}.portfolio{width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px}.box-p{width:32%;min-width:300px;border:2px solid white;border-radius:20px;padding:20px;transition:all .3s ease}.box-p:hover{transform:scale(1.1);border:2px dashed rgb(14,169,230)}.box-p h1{font-size:20px;margin-bottom:10px}.box-p h1 a{color:#0585c0;text-decoration:none}.box-p p{color:#fff;line-height:25px}.visited{text-decoration:none;color:#fff;display:flex;justify-content:center;gap:10px;margin-top:10px;background-color:#0ea9e6;padding:10px;border-radius:9px}.visited img{width:20px}.visited:hover{background-color:#2a2a2b}@media (max-width: 850px){.portfolio{flex-direction:column}.box-p{width:90%}}.navigater{position:absolute}.navigater-box{position:fixed;bottom:0;right:5px;background:#fff;border-radius:20px;cursor:pointer;transition:.4s}.navigater-box:hover img{width:50px}.navigater-box img{width:30px}*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}body{background-color:#161513}.container{margin-left:10%;margin-right:10%}.btn{padding:10px 22px;border-radius:20px;border:0;outline:none;cursor:pointer;color:#fff;font-size:16px;margin-top:20px;display:flex;align-items:center;background:linear-gradient(311deg,#6198d8 10%,#319783)}.next-icon{width:20px;margin-left:10px}.a-tag-h{text-decoration:none;color:#fff}.a-tag-h:hover{color:#319783}@media (max-width:900px){.container{margin-left:5%;margin-right:5%}}