.container-title{text-align:center;padding:0!important;margin-bottom:40px;font-size:10px;color:#fff;font-weight:600;line-height:60px;overflow:hidden}#about{font-family:var(--galada_font);font-weight:400;font-style:normal;font-size:70px}#about h3{font-size:30px;margin-bottom:10px;color:var(--sc);margin-top:60px}#about h1{font-size:28px;margin:10px 0;color:var(--color);text-shadow:0 1px 1px #333,2px -1px 1px #333}#about p{max-width:600px;font-size:18px;line-height:1.6;color:var(--sc)}#about b{color:var(--color);text-shadow:0 1px 1px #333,2px -1px 1px #333}.container-card{width:95.8%;height:var(--hieght);margin-top:150px;margin-left:2%;position:relative;border:2px solid transparent;background:linear-gradient(71deg,var(--b3),var(--b2),var(--b1));background-clip:padding-box;border-radius:10px;padding-bottom:40px;img{margin-bottom:32px}}.bg-yellow-box{position:relative}.bg-yellow-box:after{position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;content:"";z-index:-1;border-radius:10px;background:linear-gradient(71deg,var(--b3),var(--color),var(--b3))}.about_pic{opacity:80%;height:350px;width:350px;object-fit:contain;display:block;margin-left:-9px;margin-top:-9px;scroll-behavior:smooth}.about_border,.about_pic{position:absolute;border-radius:50%}.about_border{width:330px;height:330px;box-shadow:2px 2px 20px var(--color),-2px -2px 20px var(--color);margin-left:8%;margin-top:80px;transition:2s ease}.about{margin-top:0;position:absolute;right:50px}.about h3{font-size:50px;margin-top:20px;border-bottom:1px solid var(--color);width:50%}.about p,.about p a{color:var(--sc)}.about a{text-decoration:none;font-size:25px;margin:0;padding:0}.about_btn{margin:0 0 0 -80%}.about_btn:hover{background:transparent;color:var(--color);box-shadow:0 0 25px #068979;text-shadow:0 1px 1px darkblue}.about span{color:var(--color);text-shadow:0 1px 1px darkblue,2px -1px 1px darkblue}.about-journey h4,.about-skills h4{font-size:1.05rem;letter-spacing:.3px;margin:1rem 0 .4rem;color:var(--color);font-family:var(--galada_font);text-align:center;text-shadow:0 1px 1px #333,2px -1px 1px #333}.about-journey h4{text-align:left}.about-skills{margin-top:35%;position:absolute;width:45%}.skill-list{position:relative;list-style:none;padding:0;margin:0;display:grid;grid-gap:.4rem;gap:.4rem;font-size:15px;font-family:var(--galada_font)}.skill-list li{width:400px;margin-left:10%;background:rgba(148,163,184,.08);border:1px solid rgba(148,163,184,.12);border-radius:12px;padding:.65rem .8rem}.skill-list li span3{color:#94a3b8;margin-right:.3rem;font-weight:600}#cv_downloder{position:absolute;margin-left:200px;margin-top:-1px;height:50px}.cv_container{padding:0;margin-left:100px;margin-top:-5px;box-sizing:border-box;font-family:Arial,Helvetica,sans-serif;justify-content:center}.cv_container,.label{display:flex;align-items:center}.label{background-color:transparent;border:2px solid var(--color);border-radius:50px;width:160px;cursor:pointer;padding:5px;position:relative}.label,.label:before{transition:all .4s ease}.label:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-color:var(--sc);width:8px;height:8px;border-radius:100%;margin:auto;opacity:0;visibility:hidden}.label .input{display:none}.label .title{font-size:15px;color:var(--sc);right:10px;transition:all .4s ease;position:absolute;text-align:center;font-family:var(--galada_font)}.label .title:last-child{opacity:0;visibility:hidden}.label .circle{height:45px;width:45px;border-radius:50%;background-color:var(--color);display:flex;justify-content:center;align-items:center;transition:all .4s ease;position:relative;box-shadow:0 0 0 0 rgb(255,255,255);overflow:hidden}.label .circle .icon{color:var(--sc);width:30px}.label .circle .icon,.label .circle .square{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:all .4s ease}.label .circle .square{aspect-ratio:1;width:15px;border-radius:2px;background-color:var(--sc);opacity:0;visibility:hidden}.label .circle:before{content:"";position:absolute;left:0;top:0;background-color:rgb(35,174,35);width:100%;height:0;transition:all .4s ease}.label:has(.input:checked){width:45px;animation:installed .4s ease 3.5s forwards}.label:has(.input:checked):before{animation:rotate 3s ease-in-out .4s forwards}.label .input:checked+.circle{animation:pulse 1s forwards,circleDelete .2s ease 3.5s forwards;rotate:180deg}.label .input:checked+.circle:before{animation:installing 3s ease-in-out forwards}.label .input:checked+.circle .icon{opacity:0;visibility:hidden}.label .input:checked~.circle .square{opacity:1;visibility:visible}.label .input:checked~.title{opacity:0;left:50px;visibility:hidden}.label .input:checked~.title:last-child{animation:showInstalledMessage .4s ease 3.5s forwards}@keyframes pulse{0%{scale:.95;box-shadow:0 0 0 0 rgba(255,255,255,.7)}70%{scale:1;box-shadow:0 0 0 16px rgba(255,255,255,0)}to{scale:.95;box-shadow:0 0 0 0 rgba(255,255,255,0)}}@keyframes installing{0%{height:0}to{height:100%}}@keyframes rotate{0%{transform:rotate(-90deg) translate(27px) rotate(0);opacity:1;visibility:visible}99%{transform:rotate(270deg) translate(27px) rotate(270deg);opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes installed{to{width:150px;border-color:rgb(35,174,35)}}@keyframes circleDelete{to{opacity:0;visibility:hidden}}@keyframes showInstalledMessage{to{opacity:1;visibility:visible;right:56px}}@media (max-width:885px){.container-title{margin-bottom:40px;font-size:1rem}.label .title{right:15px}#about{font-weight:400;font-size:1.2rem}#about h3{font-size:2.5rem}#about p{max-width:400px;font-size:18px;line-height:1.6;color:var(--sc)}#about b{color:var(--color);text-shadow:0 1px 1px #333,2px -1px 1px #333}.container-card{height:1150px}.bg-yellow-box{position:relative}.about_pic{height:250px;width:250px}.about_border{width:230px;height:230px;margin-left:3.5%;margin-top:100px}.about{right:50px}.about_btn{margin-left:-120px;padding:10px}.about-journey h4{font-size:1.5rem}.about-skills{margin-top:55%;width:50%}.about-skills h4{font-size:1.4rem;text-align:left;padding:10px}.skill-list li{width:230px;margin-left:10px}.cv_container{position:relative;margin-left:40px;margin-top:50px}.cv_container button{margin-left:-140%}.label{right:10px}.label .title{right:8px}.label .input:checked~.title{left:50px}}@media (max-width:480px){#about h3{font-size:2rem;text-align:center;margin-left:20px;margin-top:20px}#about p{font-size:1rem;width:100%;padding:15px}.container-card{height:2000px}.about_pic{height:350px;width:350px}.about_border{width:330px;height:330px;margin-left:10%;margin-top:220%}.about{right:50px}.about_btn{position:relative;margin-left:80px;margin-bottom:30px}.about-journey h4{font-size:1.5rem;margin-left:30px;margin-bottom:-20px}.about-skills{margin-top:300%;width:100%}.about-skills h4{font-size:1.5rem;margin-left:50px}.skill-list li{width:88%;margin-left:10px;margin-right:10px}.cv_container{position:relative;display:block;margin-left:90px;margin-top:200%}.cv_container button{margin-left:50px;margin-top:50px}.label{left:46px}.label .title{right:-30px}.label .input:checked~.title{left:-20px}}@media (max-width:431px){.about_border{margin-top:250%}.about-skills{margin-top:340%}}@media (max-width:394px){.about_border{margin-top:320%;margin-left:5%}.about-skills{margin-top:410%}.cv_container{margin-top:240%;margin-left:50px}.container-card{height:2100px}}@media (max-width:361px){#about h3{font-size:1.5rem}.container-card{height:2100px}.about_pic{height:300px;width:300px}.about_border{width:280px;height:280px;margin-left:9%;margin-top:350%}.about_btn{position:relative;margin-left:80px;margin-bottom:30px}.about-skills{margin-top:430%;width:98%}.about-skills h4{font-size:1.5rem;margin-left:20px}.skill-list li{font-size:13px}.cv_container{margin-left:10px}}.card-container{width:auto;height:auto;position:relative;border-radius:10px}#project{font-family:var(--galada_font);font-weight:400;font-style:normal;margin-top:70px;margin-left:30px}#project h1{font-size:30px;margin:10px 0;color:var(--color);text-shadow:0 1px 1px #333,2px -1px 1px #333}#project p{max-width:600px;font-size:18px;line-height:1.6}#project b{color:var(--color);text-shadow:0 1px 1px #333,2px -1px 1px #333}.project{font-family:var(--galada_font);display:grid;margin-top:40px;grid-template-columns:repeat(3,2fr);grid-gap:30px;gap:30px;margin-left:-10px;margin-right:20px}.card-container:before{content:"";z-index:-1;position:absolute;inset:0;background:linear-gradient(-45deg,#fc00ff,#00dbde);transform:translateZ(0) scale(.95);filter:blur(10px)}.card{width:100%;height:100%;border-radius:inherit;overflow:hidden}.card .img-content{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--lm);opacity:90%;transition:all .3s ease}.card .img-content img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.card .content{position:absolute;top:50px;left:0;width:90%;height:100%;display:flex;flex-direction:column;justify-content:center;gap:10px;color:var(--color);padding:20px 24px;line-height:1.5;border-radius:5px;text-shadow:0 1px 5px #333,0 -1px 5px #333;opacity:0;pointer-events:none;transform:translateY(50px);transition:all .6s cubic-bezier(.23,1,.32,1)}.card .content .heading{margin-top:-100px;font-weight:700}.card:hover .content{opacity:1;transform:translateY(0)}.card:hover .img-content{scale:2.5;rotate:30deg;filter:blur(3px)}.card:hover .img-content svg{fill:transparent}.card2{background-image:linear-gradient(163deg,#00ff75,#3700ff);border-radius:20px;transition:all .3s}.card2,.card3{width:390px;height:355px}.card3{background-color:#1a1a1a;transition:all .2s}.card3:hover{transform:scale(.98);border-radius:20px}.card2:hover{transform:translateY(-10px);box-shadow:0 0 30px 1px rgba(0,255,117,.3)}.card2 a{text-align:center;text-decoration:none;margin-top:-30px;border-radius:0 0 10px 10px;text-transform:capitalize;padding:5px 15px;margin-left:40%;font-size:1rem;position:relative;opacity:0}.card2:hover a{opacity:1}.card2 a:hover{z-index:2000}@media (max-width:885px){.project{grid-template-columns:repeat(2,2fr);margin-left:-26px}}@media (max-width:481px){.project{grid-template-columns:repeat(1,2fr);margin-left:15px}}@media (max-width:433px){.project{margin-left:-15px}}@media (max-width:394px){.project{display:block;position:relative;margin-left:-30px}.card2{margin-bottom:50px}}@media (max-width:376px){.project{margin-left:-45px}}.tooltip-container{position:relative;display:flex;justify-content:center;align-items:center;color:#52525b;font-size:14px;font-weight:700;margin-top:-75px}.tooltip-content{font-family:var(--galada_font);text-transform:lowercase;position:absolute;opacity:0;transform:translateY(-300%);transition:all .5s ease;pointer-events:none}.tooltip-container:hover .tooltip-content{opacity:1;transform:translateY(-150%) skewY(0);transition-delay:.5s}.tooltip-box{background:#d9f99d;display:flex;align-items:center;gap:5px;padding:8px;border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.tooltip-icon{stroke:#52525b}.tooltip-arrow{position:absolute;bottom:0;left:50%;transform:translateX(100%) translateY(50%) rotate(45deg);background:#d9f99d;width:10px;height:10px;box-shadow:0 2px 6px rgba(0,0,0,.2)}.tooltip-bg{position:absolute;top:0;left:0;width:100%;height:100%;background:white;border-radius:6px;opacity:0;transform:scale(1);transition:all .5s ease}.tooltip-container:hover .tooltip-bg{opacity:0;transform:scale(1.15);transition-delay:.7s}.tooltip-button{display:flex;align-items:center;background:linear-gradient(to bottom right,#d9f99d,#fef08a);padding:12px;border-radius:9999px;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 6px rgba(0,0,0,.2);gap:0}.tooltip-button span{font-size:0;transition:all .3s ease}.tooltip-container:hover .tooltip-button{gap:8px}.tooltip-container:hover .tooltip-button span{font-size:14px}.tooltip-button-icon{fill:#52525b}.testimonials{padding:60px 20px;background:var(--pc);text-align:center;font-family:Segoe UI,sans-serif}.testimonials h2{font-size:2rem;font-weight:700;margin-bottom:40px;color:var(--sc)}.carousel{gap:20px}.testimonial-card{background:var(--lm);border-radius:20px;padding:25px;box-shadow:0 8px 20px rgba(0,0,0,.08);text-align:left;width:300px;margin-top:20px;min-height:220px;border:2px solid transparent;transition:transform .4s ease,border .3s ease}.testimonial-card:hover{transform:translateY(-18px);border:2px solid #17cab5}.testimonial-card.animate{animation:fadeSlide .6s ease}@keyframes fadeSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile{display:flex;align-items:center;gap:15px;margin-bottom:15px}.profile img{width:60px;height:60px;border-radius:50%;border:2px solid #17cab5;object-fit:cover;transition:transform .3s}.profile img:hover{transform:scale(1.1)}.profile h3{margin:0;font-size:1.1rem;font-weight:600}.profile p{margin:2px 0 4px;font-size:.9rem;color:#666}.stars{font-size:1rem;color:#ffc107}.quote{font-size:.95rem;color:var(--tcard);line-height:1.6;margin-top:10px}.carousel{position:relative;display:flex;align-items:center;justify-content:center}.cards-wrapper{display:flex;gap:20px;overflow:hidden}.nav{position:absolute;top:40%;transform:translateY(-50%);color:var(--sc);border:none;font-size:1.8rem;border-radius:50%;width:20px;height:20px;cursor:pointer;transition:background .3s,transform .2s;display:flex;align-items:center;justify-content:center}.testimonials hr{margin-top:5px}.nav.left{background:none;left:-60px}.nav.right{background:none;z-index:999;right:-10px}.nav:hover{box-shadow:none;transform:scale(1.1) translateY(-50%)}@media (max-width:885px){.carousel{justify-content:flex-start;-webkit-overflow-scrolling:touch}.cards-wrapper,.carousel{overflow-x:auto;scroll-snap-type:x mandatory}.cards-wrapper{display:flex;flex-wrap:nowrap;gap:15px;padding:10px;scrollbar-width:none}.cards-wrapper::-webkit-scrollbar{display:none}.testimonial-card{flex:0 0 40%;scroll-snap-align:start}.nav{display:none}}@media (max-width:480px){.testimonial-card{flex:0 0 80%}}.contact-section{padding:80px 20px;background:var(--pc);margin-top:100px;text-align:center;font-family:var(--galada_font)}.contact-section hr{margin-top:0}.contact-title{font-size:2.5rem;margin-bottom:10px;color:var(--sc)}.contact-subtitle{font-size:1.1rem;color:var(--sc);margin-bottom:40px}.contact-container{display:grid;grid-template-columns:1fr 2fr;grid-gap:40px;gap:40px;max-width:1000px;margin:0 auto;text-align:left}.contact-info{background:var(--lm);padding:30px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.08);display:flex;flex-direction:column;gap:15px}.contact-info h3{margin-bottom:15px;color:var(--hover)}.contact-info p{display:flex;align-items:center;gap:8px;color:var(tcard)}.contact-form{background:var(--lm);padding:30px;border-radius:20px;box-shadow:0 8px 20px rgba(0,0,0,.08)}.form-group{position:relative;margin-bottom:25px}.form-group input,.form-group textarea{width:92%;padding:20px;border:none;border-radius:12px;outline:none;font-size:1rem;transition:border .3s;background-color:var(--pc);border:.5px solid var(--hover);color:var(--sc)}.form-group input:hover,.form-group textarea:hover{border:2px solid var(--hover)}.form-group textarea{height:120px;resize:none}.form-group label{position:absolute;top:14px;left:14px;color:#777;font-size:.9rem;transition:.3s;pointer-events:none}.form-group input:focus+label,.form-group input:not(:placeholder-shown)+label,.form-group textarea:focus+label,.form-group textarea:not(:placeholder-shown)+label{top:-10px;left:10px;background:var(--lm);padding:0 6px;color:#17cab5;font-size:.8rem}.send-btn{position:relative;display:flex;align-items:center;gap:8px;float:right;border:none;padding:14px 20px;border-radius:12px;font-size:1rem;cursor:pointer;transition:transform .3s,background .3s}.send-btn:hover{background:transparent;color:var(--color);border:2px solid var(--color);box-shadow:0 0 25px #068979;text-shadow:0 1px 1px darkblue;transform:scale(1.05)}.social-container{display:flex;gap:20px;margin-top:50px}.social-container a{width:40px;height:40px;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:28px;color:var(--sc);background:var(--lm);text-decoration:none;transition:all .3s ease;position:relative;overflow:hidden}.social-container a:before{content:"";position:absolute;width:100%;height:100%;top:100%;left:0;background:var(--clr);z-index:-1;transition:.4s}.social-container a:hover:before{top:0}.social-container a:hover{transform:translateY(-8px) scale(1.1);box-shadow:0 8px 25px var(--clr)}.facebook{--clr:#1877f2}.whatsapp{--clr:#25d366}.tiktok{--clr:#ff0050}.github{--clr:#333}.github:hover{color:var(--si)}@media (max-width:885px){.contact-container{grid-template-columns:1fr;gap:20px}.contact-section{padding:50px 15px;text-align:center}.contact-form,.contact-info{padding:20px;border-radius:15px}.form-group input,.form-group textarea{width:100%;padding:30px;width:90%}.send-btn{justify-content:center;right:42%;padding:20px}.social-container{justify-content:center;flex-wrap:wrap}}@media (max-width:480px){.contact-title{font-size:1.8rem}.contact-subtitle{font-size:1rem;margin-bottom:25px}.contact-info h3{font-size:1.2rem}.form-group input,.form-group textarea{font-size:.95rem;padding:20px}.send-btn{font-size:.9rem;right:33%}.social-container a{width:35px;height:35px;font-size:22px}}