*,body{margin:0;padding:0}.page,.topic{position:relative}.topic::after,.topic::before{content:'';position:absolute;background-color:var(--primary-color)}.btn-primary,.topic::after,.topic::before{background-color:var(--primary-color)}:root{--primary-color:#004FA9;--one-color:#57A2FF;--overlay-color:#393d429d;--two-color:#2AB3D9;--background-color:#DDE3E9;--text-two-color:#333333e3;--text-one-color:#000000}body{text-align:center;font-family:Arial,sans-serif}.page{overflow:hidden}.topic{font-family:bold;display:inline-block;padding-bottom:10px}.topic::after,.topic::before{bottom:-10px;width:120%;height:2px}.topic::before{left:-10%}.topic::after{right:0;bottom:-14px;left:50%;transform:translateX(-50%);width:10px;height:10px;border-radius:50%}.cercal,.hero-section,.progress{position:relative}.navbar{padding:1rem}.about-section,.services-section{padding:4rem 2rem}.hero-section{text-align:left}#contact,#testimonials,.service-card,.services-section,.testimonial-card,footer{text-align:center}.hero-section h1{font-size:3rem;font-weight:700}.hero-section p{margin:1rem 0;color:#666}.hero-section a{color:#fff;text-decoration:none}.btn-primary{border:none}.btn-primary:hover{background-color:#0737f7}.hero-section img{width:500px}@media (max-width:992px){.hero-section img{width:400px}}@media (max-width:435px){.hero-section img{width:300px}}.scroll-indicator{margin-bottom:16px;font-size:24px;color:var(--primary-color);animation:1.5s infinite bounce}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(10px)}}.social-icons a{margin:0 10px;color:#000;font-size:1.5rem}.about-section h2,.skill{margin-bottom:1rem}.social-icons a:hover{color:#f60}#lottie-container{width:500px;height:600px}.about-container,.projects-section{background-color:var(--background-color)}.about-section{display:flex;align-items:center;justify-content:space-between}.about-section .text-content{max-width:500px}.about-section h2{font-size:2.5rem}.skills{margin-top:2rem}.skill span{display:block;font-weight:700}.progress{height:10px;background-color:#fff;border-radius:5px;overflow:visible}.progress-bar{background-color:var(--primary-color);border-radius:5px}.cercal{width:20px;height:20px;background-color:#fcfcfc;border-radius:100%;top:-6px;right:13px;border-width:2px;border-style:solid;border-color:var(--primary-color)}.overlay,.svg1{right:0;position:absolute}@media (max-width:992px){#lottie-container{width:400px;height:400px}}@media (max-width:768px){.about-section{flex-wrap:wrap-reverse;justify-content:center}#lottie-container{width:300px;height:300px}}@media (max-width:576px){.about-section{flex-wrap:wrap-reverse;justify-content:center}#lottie-container{width:250px;height:250px}}@media (max-width:425){.about-section{flex-wrap:wrap-reverse;justify-content:center}#lottie-container{width:150px;height:150px}}.overlay,.testimonial{justify-content:center;display:flex}.services-section h2{font-size:2.5rem;margin-bottom:1.5rem}.service-card{background-color:#f9f9f9;border:none;padding:2rem;border-radius:10px;transition:1s ease-in-out}.service-card h3{color:var(--text-one-color);font-family:bold;margin-top:1rem;font-size:1.5rem}.service-card p{color:var(--text-two-color);margin-top:1rem;font-size:1rem}.footer-nav a:hover,.overlay h4,.service-card:hover h3,footer{color:#fff}.service-card .image{width:150px;height:150px;background-color:#fff;border-radius:100%;margin:auto}.serv-img{margin-top:20px;width:100px}.service-card:hover{background-color:var(--two-color);color:#fff}.projects-section .titel,footer p .logo-highlight{color:var(--primary-color)}.projects-section .card-title{color:var(--text-two-color)}.projects-section .img{width:100%;border-radius:20px}.projects-section .work-card{position:relative;overflow:hidden;background-color:#fff;border-radius:20px;margin-bottom:16px}.overlay{top:0;width:100%;height:100%;background:var(--overlay-color);transform:translateX(100%);transition:transform .5s;align-items:center;border-radius:12px}.overlay h4{padding:16px}.projects-section .work-card:hover{transform:scale(1.05);box-shadow:0 4px 15px rgba(0,0,0,.2);transition:transform .3s,box-shadow .3s}.projects-section .work-card:hover .overlay{transform:translateX(0)}#testimonials{padding:50px 20px;background-color:#f8f9fa}#contact h2,#testimonials h2{font-size:2.5rem;margin-bottom:10px}#testimonials p{color:#6c757d;margin-bottom:40px}.testimonial-card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);padding:20px;width:300px;margin:0 15px}.testimonial-image{width:80px;height:80px;border-radius:50%;margin-bottom:15px}.testimonial-quote{font-style:italic;color:#6c757d;margin:15px 0}.testimonial-name{font-weight:700;margin-bottom:5px}#contact{margin-top:32px;display:block;padding:50px 20px}#contact p{color:#6c757d;margin-bottom:30px}.contact-container{background:rgba(255,255,255,.1);padding:30px;border-radius:12px;box-shadow:0 0 15px rgba(255,255,255,.2);max-width:400px;width:100%;text-align:center;margin-left:auto;margin-right:auto}.btn,.form-control{border-radius:8px}.btn{background:var(--primary-color);border:none}.btn:hover{background:var(--one-color)}footer{background-color:#343a40;padding:30px 20px}.footer-logo{font-size:1.5rem;margin-bottom:15px}.footer-logo .logo-highlight{color:var(--primary-color);font-weight:700}.footer-nav ul{list-style:none;padding:0;margin:15px 0;display:flex;justify-content:center;gap:15px}.footer-nav a{color:#adb5bd;text-decoration:none}.footer-social a{margin:0 5px}.footer-social img{width:24px;height:24px}footer p{margin-top:15px;font-size:.9rem}.svg1{overflow:hidden;z-index:-1;bottom:0}.svg2{position:absolute;left:-65px;top:1800px;visibility:var(--background-color)}.wave1{fill:none;stroke:var(--primary-color);stroke-width:4;stroke-dasharray:10;animation:2s linear infinite wave1}@keyframes wave1{0%{stroke-dashoffset:0}100%{stroke-dashoffset:20}}.wave-container{position:absolute;width:200px;height:200px}.wave{position:absolute;width:100%;height:100%;border-radius:50%;border:4px solid var(--primary-color);animation:2s ease-in-out infinite wave-animation}.wave:nth-child(2){animation-delay:.5s;border-color:var(--one-color)}@keyframes wave-animation{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}.fade-in{opacity:0;transform:translateY(50px);transition:opacity .8s ease-out,transform .8s ease-out}.fade-in.show{opacity:1;transform:translateY(0)}