@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&family=Great+Vibes&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@700&family=Poppins:wght@300;500;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600&family=Poppins:wght@300;500;700&display=swap";.navbar{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#e5e7e9;padding:15px 8%;position:fixed;top:0;left:0;z-index:10}.logo{font-size:30px;font-family:Great Vibes,cursive;color:#17202a;text-transform:capitalize;font-style:italic;transition:.3s;cursor:pointer}.logo:hover{transform:scale(1.1);color:#ff758c}.nav-links{display:flex;list-style:none;gap:20px}.nav-links li a{text-decoration:none;font-size:18px;color:#17202a;font-weight:500;padding:8px 12px;border-radius:5px;transition:.3s;cursor:pointer}.nav-links a:hover,.nav-links .active{background:#ff758c;color:#17202a}.hamburger{display:none;cursor:pointer;color:#17202a;font-size:30px}@media (max-width: 900px){.hamburger{display:block;z-index:1100;font-size:35px}.nav-links{position:fixed;top:0;right:-100%;background:#f0eff7;width:280px;height:auto;display:flex;flex-direction:column;align-items:center;padding-top:100px;box-shadow:-5px 0 10px #0000004d;transition:right .4s ease-in-out}.nav-links.open{right:0}.nav-links li{margin:15px 0}.overlay{position:fixed;top:0;left:0;width:100%;z-index:10}}.herosection{display:flex;align-items:center;justify-content:space-between;padding:60px 8%;margin-top:40px;background-color:#ecf0f1;color:#17202a;flex-wrap:wrap;min-height:100vh;overflow:hidden;animation:fadeIn 1s ease-in-out}.intro{flex:1;max-width:50%;animation:slideInLeft 1s ease-in-out}.intro h1{font-size:42px;font-family:Playfair Display,serif;color:#07275ee2;margin-bottom:10px;animation:fadeUp 1.2s ease-in-out}.animated-text{font-size:28px;font-weight:700;font-family:Poppins,sans-serif;color:#2c3e50;white-space:nowrap;overflow:hidden;border-right:3px solid #373635;display:inline-block;padding-right:5px;animation:typing 3s steps(30) infinite alternate,blink .7s infinite}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink{50%{border-color:transparent}}.intro h4{font-size:18px;font-family:Poppins,sans-serif;color:#17202ab4;margin:8px 0;opacity:0;transform:translateY(20px);animation:fadeUp 1s ease-in-out forwards .5s}.button-container{display:flex;gap:12px;margin-top:20px}.btn-primary{background:linear-gradient(135deg,#f8a8b5,#f297bd);border:none;padding:10px 20px;font-size:16px;font-weight:700;color:#fff;border-radius:50px;cursor:pointer;transition:.3s;text-decoration:none;display:inline-block}.btn-primary:hover{transform:scale(1.05);box-shadow:0 5px 15px #f1cfd780}.profile{width:320px;max-width:100%;border-radius:50%;box-shadow:0 6px 12px #88c2df4d;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out;animation:zoomIn 1s ease-in-out}.profile:hover{transform:scale(1.05);box-shadow:0 10px 15px #2c2d2dc1}.social-icons{display:flex;gap:12px;animation:fadeIn 1s ease-in-out}.social-icons a{font-size:22px;color:#ff758c;transition:.3s}.social-icons a:hover{color:#fff;transform:scale(1.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (max-width: 1024px){.herosection{flex-direction:column-reverse;text-align:center;padding:50px 5%;margin-top:100px}.intro{max-width:100%}.profile{width:280px}.button-container{justify-content:center}}@media (max-width: 768px){.herosection{padding:40px 5%}.intro h1{font-size:36px}.animated-text{font-size:24px}.profile{width:240px;margin-bottom:20px}}@media (max-width: 480px){.herosection{padding:30px 5%}.intro h1{font-size:30px}.animated-text{font-size:20px}.profile{width:200px}}.butt{background-color:#fff;height:55px;width:150px;border:none;box-shadow:5px 5px 2px #644131;color:#000;position:relative;font-size:larger;z-index:1;margin-bottom:20px;cursor:pointer;transition:.3s ease-in-out}.butt:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;transform:scaleX(0);transform-origin:0 100%;font-size:larger;background-color:#530df886;transition:all 1s;z-index:-1}.butt:hover:before{transform:scaleX(1);color:#fff}@media screen and (max-width:767px){.butt{height:30px;width:100px;font-size:small}}.socialicon{display:flex;gap:10px;padding-top:25px;margin:20px 0 0;justify-content:center;align-items:center}.socialicon button{color:#f0f8ff;transition:all 1s;background-color:#041d39;border:1px solid rgb(254,218,205)}.socialicon button:hover{transform:translateY(-10px);cursor:pointer}@media screen and (max-width:767px){.socialicon{padding-top:40px}}.about{display:flex;align-items:center;justify-content:space-between;padding:60px 10%;background-color:#e7f0f3fb;color:#1f1d1d;flex-wrap:wrap}.aboutleft{flex:1;max-width:50%;opacity:0;transform:translate(-50px);animation:fadeInLeft 1s ease-in-out forwards}.headingabout{font-family:Playfair Display,serif;font-size:40px;font-weight:600;color:#1f1d1d;text-transform:uppercase;margin-bottom:20px;position:relative}.headingabout:after{content:"";position:absolute;left:0;bottom:-5px;width:80px;height:4px;background:#ff758c}.aboutleft p{font-family:Poppins,sans-serif;font-size:16px;line-height:1.5;color:#1f1d1d;text-align:justify}.aboutright{flex:1;max-width:50%;display:flex;justify-content:center;align-items:center;opacity:0;transform:translate(50px);animation:fadeInRight 1s ease-in-out forwards}.aboutright img{width:80%;height:400px;max-width:400px;border-radius:15px;box-shadow:0 8px 15px #000117d8;transition:transform .3s ease-in-out,box-shadow .3s ease-in-out}.aboutright img:hover{transform:scale(1.05);box-shadow:0 12px 20px #1c010ad8}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}@media (max-width: 1024px){.about{flex-direction:column;text-align:center}.aboutleft,.aboutright{max-width:100%;transform:translate(0);opacity:1;animation:none}.aboutright img{width:70%;height:auto}}@media (max-width: 768px){.about{padding:40px 5%}.headingabout{font-size:32px}.aboutleft p{font-size:16px}.aboutright img{width:90%}}@media (max-width: 480px){.about{padding:30px 5%}.headingabout{font-size:28px}.aboutleft p{font-size:15px}.aboutright img{width:100%}}h1{text-align:center;font-size:2.5rem;font-weight:700;color:#272928;margin-bottom:30px;text-transform:uppercase;letter-spacing:2px;animation:fadeIn 1.2s ease-in-out}.skillwraper{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;justify-content:center;align-items:center;padding:20px}.skillbox{background:linear-gradient(135deg,#597fe7,#6c96ee);padding:20px;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 15px #011e324d;transition:all .4s ease-in-out;position:relative;overflow:hidden;animation:floatAnimation 4s infinite ease-in-out}.skillbox:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:radial-gradient(circle,rgba(255,255,255,.15) 20%,transparent 80%);opacity:0;z-index:-1;transition:opacity .4s ease-in-out}.skillbox:hover{transform:translateY(-8px) scale(1.1);box-shadow:0 10px 25px #0d3250c5}.skillbox:hover:before{opacity:.5}.pic{width:70px!important;height:70px!important;object-fit:contain;margin-top:10px;transition:transform .4s ease-in-out}.skillbox:hover .pic{transform:rotateY(360deg)}h5{color:#e0e0e0;font-size:1rem;font-weight:700;margin-top:10px;opacity:0;transform:translateY(10px);transition:opacity .4s ease-in-out,transform .4s ease-in-out}.skillbox:hover h5{opacity:1;transform:translateY(0)}@keyframes floatAnimation{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1024px){.skillwraper{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:15px}h1{font-size:2rem}.pic{width:60px!important;height:60px!important}}@media (max-width: 768px){.skillwraper{grid-template-columns:repeat(auto-fit,minmax(80px,1fr))}.skillbox{padding:15px}.pic{width:65px!important;height:65px!important}h5{font-size:.9rem}}@media (max-width: 480px){.skillwraper{grid-template-columns:repeat(2,1fr);gap:10px}.skillbox{padding:12px}.pic{width:40px!important;height:40px!important}h5{font-size:.8rem}}.servicecont{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;place-items:center;row-gap:20px;background:linear-gradient(#6734e9,#5de0e7);padding-top:20px;padding-bottom:20px}.show-btn{padding:10px 20px;font-size:16px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s;margin-bottom:20px}@media screen and (max-width:767px){.servicecont{display:grid;grid-template-columns:1fr;place-items:center;gap:10px}}@media (max-width:1260px){.servicecont{flex-wrap:wrap}}.serviceCard{width:280px;height:230px;background-color:#011e32;border-radius:12px;z-index:1;padding:12px;position:relative;transition:all .4s ease-in-out;box-shadow:0 5px 15px #011e324d;overflow:hidden}.serviceCard:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px;background:linear-gradient(135deg,#00ca4e,#ffbd44,#ff605c);opacity:0;z-index:-1;transition:opacity .4s ease-in-out}.serviceCard:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 10px 25px #ffbd4466}.serviceCard:hover:before{opacity:.5}.tools{display:flex;align-items:center;padding:9px}.circle{padding:0 4px}.box{display:inline-block;align-items:center;width:12px;height:12px;padding:1px;border-radius:50%}.red{background-color:#ff605c}.yellow{background-color:#ffbd44}.green{background-color:#00ca4e}.card__content{text-align:center;padding:15px}.card__content h3{color:#b7eaf8;font-size:1.4rem;font-weight:700;transition:color .4s ease-in-out}.card__content p{color:#e0e0e0;font-size:1rem;margin-top:10px;opacity:.85;transition:opacity .4s ease-in-out}.serviceCard:hover .card__content h3{color:#ffbd44}.serviceCard:hover .card__content p{opacity:1}@media (max-width: 768px){.serviceCard{width:100%;height:auto;padding:15px}.card__content h3{font-size:1.2rem}.card__content p{font-size:.9rem}}@media (max-width: 480px){.serviceCard{width:100%;padding:12px}.card__content h3{font-size:1.1rem}.card__content p{font-size:.85rem}}.procont{display:flex;gap:10px;row-gap:20px;flex-wrap:wrap;justify-content:center;align-items:center}h1{text-align:center;margin-bottom:30px}.show-btn{padding:10px 20px;font-size:16px;background-color:#4f46e5;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.show-btn:hover{background-color:#4338ca}@media screen and (max-width:767px){.procont{display:flex;flex-wrap:wrap}h1{font-size:1.2rem}}.card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;justify-content:center;padding:40px}.card{width:100%;max-width:350px;background:#ffffff26;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:16px;overflow:hidden;padding:20px;box-shadow:0 10px 30px #0000004d;display:flex;flex-direction:column;align-items:center;text-align:center;border:2px solid rgba(255,255,255,.2);transition:transform .4s ease,box-shadow .4s ease,border .4s ease;position:relative}.card:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 15px 40px #ff6ec480;border-color:#fff6}.card:before{content:"";position:absolute;top:-10px;left:-10px;width:100%;height:100%;background:linear-gradient(45deg,#ff6ec4,#7873f5);opacity:.3;z-index:-1;filter:blur(40px);transition:opacity .4s ease-in-out}.card:hover:before{opacity:.6}.card img{width:100%;height:220px;object-fit:cover;border-radius:12px;transition:transform .4s ease-in-out}.card:hover img{transform:scale(1.1)}.cardtitle{font-size:1.6rem;font-weight:700;margin:12px 0;color:#111111b0;text-shadow:0px 2px 5px rgba(0,0,0,.3)}.smalldesc{font-size:1rem;color:#1c2833;margin-bottom:16px;opacity:.9}.cardbutt{background:linear-gradient(135deg,#ff6ec4,#7873f5);color:#fff;padding:12px 24px;font-size:1rem;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:all .4s ease-in-out;box-shadow:0 5px 15px #ff6ec466}.cardbutt:hover{background:linear-gradient(135deg,#7873f5,#ff6ec4);transform:translateY(-3px) scale(1.05);box-shadow:0 10px 20px #ff6ec480}@media (max-width: 768px){.card-container{grid-template-columns:1fr}.card{width:90%;margin:auto}}@media (max-width: 480px){.card{width:100%;padding:16px}.cardtitle{font-size:1.3rem}.smalldesc{font-size:.9rem}.cardbutt{width:100%;padding:14px}}.contact{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#f2f3f4;min-height:100vh;padding:40px 0}.form{text-align:center}.form h1{color:#212121;margin-bottom:15px}.form-container{width:350px;background:linear-gradient(#262424fa,#1c1a1af3) padding-box,linear-gradient(145deg,transparent 35%,#2a012fc3,#40c9ff) border-box;border:2px solid transparent;padding:28px 20px;font-size:14px;color:#fff;display:flex;flex-direction:column;gap:15px;border-radius:12px;margin-bottom:20px;animation:fadeIn .8s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.form-container .form-group input,.form-container .form-group textarea{width:100%;padding:10px 14px;border-radius:6px;background-color:transparent;border:1px solid #414141;color:#fff;transition:.3s}.form-container .form-group input:focus,.form-container .form-group textarea:focus{outline:none;border-color:#e81cff;box-shadow:0 0 8px #e81cff}.form-container .form-submit-btn{width:100%;padding:10px;font-size:14px;cursor:pointer;border-radius:6px;background:#313131;border:1px solid #414141;color:#717171;transition:all .3s ease-in-out}.form-container .form-submit-btn:hover{background-color:#fff;border-color:#fff;color:#000;transform:scale(1.05)}.fullfoter{border-top:2px solid rgb(20,20,20);width:auto;color:#414141;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px;padding-top:20px;padding-bottom:20px;text-align:center;list-style:none;margin-top:10px}@media (max-width: 768px){.form-container{width:90%}}@media (max-width: 480px){.form-container{padding:16px;border-radius:10px}.form-container .form-group input,.form-container .form-group textarea{font-size:12px;padding:8px}.form-container .form-submit-btn{padding:10px;font-size:14px}.fullfoter{flex-direction:column;gap:10px;list-style:disc;padding-left:1rem}}*{margin:0;padding:0;box-sizing:border-box;background:transparent}body{background-color:#f2f3f4;color:#fff;overflow:hidden;overflow-y:scroll;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.active{color:#b8860b}