main{padding-top:var(--header-height);color:var(--title-color);background-color:var(--section-color)}*{-webkit-tap-highlight-color:transparent;outline:none}.slider-card,.filter-btn,.portfolio-card,.portfolio-card a{-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}button:focus,a:focus,s .slider-card:focus{outline:none!important;-webkit-tap-highlight-color:transparent!important;box-shadow:none!important}#hero-portfolio{padding:2rem 2%}@media(max-width:768px){main{padding-top:calc(var(--header-height) - 1rem)}}.section-title{text-align:center;margin:60px 0 20px}.section-title h1{color:var(--title-color);font-size:2.5rem;font-weight:var(--font-semi-bold)}.section-title p{letter-spacing:2px;font-weight:500;color:var(--text-color);font-size:var(--normal-font-size);line-height:1.7}.slider-wrapper{position:relative;height:450px;display:flex;justify-content:center;align-items:center;overflow:hidden}.curved-slider{position:relative;width:250px;height:350px}.slider-card{position:absolute;width:220px;height:320px;border-radius:25px;overflow:hidden;transition:all .6s ease;box-shadow:0 20px 40px #00000026;cursor:pointer;-webkit-transform:translateZ(0);transform:translateZ(0);will-change:transform}.slider-card img{width:100%;height:100%;object-fit:cover}.card-title{text-align:center;margin-top:15px}.card-title h6{font-weight:600}.card-title span{font-size:13px;color:var(--text-color)}.dots{text-align:center;margin-top:20px}.dot{height:10px;width:10px;margin:0 4px;background:var(--title-color);border-radius:50%;display:inline-block}.dot.active{background:#1dc9a9}@media screen and (max-width:1024px){.section-title{margin:50px 0 15px}.section-title h1{font-size:32px}.slider-wrapper{height:400px}.curved-slider{width:220px;height:300px}.slider-card{width:200px;height:290px;border-radius:20px}.card-title h6{font-size:16px}.card-title span{font-size:12px}}@media screen and (max-width:768px){#hero-portfolio{padding:2rem 3%}.section-title{margin:40px 0 10px}.section-title h1{font-size:28px}.slider-wrapper{height:350px}.curved-slider{width:180px;height:250px}.slider-card{width:160px;height:230px;border-radius:15px}.card-title h6{font-size:14px}.card-title span{font-size:11px}.dots{margin-top:15px}.dot{height:8px;width:8px}}@media(max-width:991px){.section-title h1{font-size:2rem}.slider-wrapper{height:400px}.curved-slider{width:220px;height:320px}.slider-card{width:200px;height:280px}}@media(max-width:768px){#hero-portfolio{padding:2rem 3%}.section-title{margin:40px 0 20px}.section-title h1{font-size:1.6rem}.section-title p{font-size:.9rem}.slider-wrapper{height:320px}.curved-slider{width:180px;height:260px}.slider-card{width:160px;height:240px;border-radius:15px}}@media(max-width:576px){.section-title h1{font-size:1.4rem}.slider-wrapper{height:280px}.curved-slider{width:150px;height:220px}.slider-card{width:140px;height:200px}}@media screen and (max-width:480px){.section-title{margin:30px 0 5px}.section-title h1{font-size:24px}.slider-wrapper{height:300px}.curved-slider{width:150px;height:210px}.slider-card{width:130px;height:190px;border-radius:12px}.card-title h6{font-size:13px}.card-title span{font-size:10px}.dots{margin-top:10px}.dot{height:6px;width:6px}}#portfolio-filter{padding:1rem 2%}.section-title{text-align:center;margin:60px 0 20px;display:grid}.section-title h2{color:var(--title-color);font-size:2.5rem;font-weight:var(--font-semi-bold);width:80%;margin-inline:auto;justify-self:center}.paragraph{font-size:1rem;line-height:1.7;max-width:800px;margin:0 auto 3rem;color:var(--text-color)}.portfolio-filter{text-align:center;margin-bottom:3rem}.filter-btn{padding:10px 20px;margin:5px;border:none;background:#ffffff1a;color:var(--text-color);border-radius:30px;cursor:pointer;transition:.3s;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-clip:padding-box}.filter-btn.active,.filter-btn:hover{background:#1dc9a9;color:var(--title-color);-webkit-appearance:none}@media(max-width:1024px){#portfolio-filter{padding:1rem 3%}.section-title{margin:50px 0 15px}.section-title h2{font-size:2.2rem}.paragraph{font-size:.95rem;max-width:700px}.filter-btn{padding:9px 18px;margin:4px;font-size:.95rem}}@media(max-width:768px){#portfolio-filter{padding:1rem 2.5%}.section-title{margin:40px 0 10px}.section-title h2{font-size:2rem}.paragraph{font-size:.9rem;max-width:600px}.filter-btn{padding:8px 16px;margin:3px;font-size:.9rem}}@media(max-width:480px){#portfolio-filter{padding:1rem 2%}.section-title{margin:30px 0 8px}.section-title h2{font-size:1.7rem}.paragraph{font-size:.85rem;max-width:90%}.filter-btn{padding:7px 14px;margin:2px;font-size:.85rem}}@media(max-width:360px){#portfolio-filter{padding:.8rem 2%}.section-title{margin:25px 0 5px}.section-title h2{font-size:1.5rem;line-height:1.3}.paragraph{font-size:.8rem;max-width:95%;line-height:1.5}.filter-btn{padding:6px 12px;margin:2px;font-size:.8rem}}.portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:0 5%}.portfolio-card{perspective:1000px;-webkit-perspective:1000px}.card-inner{position:relative;width:100%;height:350px;transition:transform .8s;transform-style:preserve-3d;-webkit-transform-style:preserve-3d}.portfolio-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;border-radius:20px;background:var(--card-color);border:1px solid rgba(255,255,255,.1);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.card-front{z-index:2}.card-back{z-index:1;transform:rotateY(180deg)}.card-front img{width:100%;height:100%;object-fit:cover;display:block}.card-front .custom-h3{position:absolute;bottom:20px;left:20px;color:var(--text-color);margin:0;font-size:2.5rem;font-weight:700}.card-back{transform:rotateY(180deg);display:flex;flex-direction:column;justify-content:center;align-items:center}.card-back .custom-h4{margin-bottom:.5rem;color:var(--title-color);font-size:2rem;font-weight:700}.card-back p{margin-bottom:1rem;color:var(--text-color);padding:8px 20px}.card-back a{padding:8px 20px;border-radius:25px;background:#1dc9a9;color:#fff;text-decoration:none;transition:.3s}.card-back a:hover{background:#15b297;color:var(--title-color)}.portfolio-card:hover{box-shadow:0 0 20px #1dc9a9}@media(max-width:1024px){.card-back .custom-h4{font-size:1.8rem}.card-back p{font-size:.95rem;padding:6px 15px}.card-back a{padding:6px 15px;font-size:.95rem}}@media(max-width:768px){.card-back .custom-h4{font-size:1.6rem}.card-back p{font-size:.9rem;padding:5px 12px}.card-back a{padding:5px 12px;font-size:.9rem}}@media(max-width:480px){.card-back .custom-h4{font-size:1.3rem}.card-back p{font-size:.85rem;padding:4px 10px}.card-back a{padding:4px 10px;font-size:.85rem}}@media(max-width:992px){.portfolio-container{grid-template-columns:repeat(2,1fr)}.card-inner{height:300px}}@media(max-width:600px){.portfolio-container{grid-template-columns:1fr}.card-inner{height:250px}}@media(max-width:360px){.card-inner{height:220px}.card-back p{font-size:.8rem}.card-back a{padding:6px 14px;font-size:.8rem}}.portfolio-contact-cta{padding:3rem 5% 5%;margin-top:0%;text-align:center;border-radius:20px;margin:.5rem auto;max-width:1000px}.portfolio-contact-cta h3{font-size:2rem;margin-bottom:1rem}.portfolio-contact-cta p{font-size:1rem;margin-bottom:2rem;color:var(--text-color)}.portfolio-contact-cta .btn{padding:12px 30px;font-size:1rem;border-radius:30px;transition:.3s ease;background:#1dc9a9;color:#fff}.portfolio-contact-cta .btn:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 0 20px #1dc9a980;color:var(--title-color)}@media(max-width:991px){.portfolio-contact-cta{padding:2.5rem 4%;max-width:90%}.portfolio-contact-cta h3{font-size:1.8rem}.portfolio-contact-cta p{font-size:.95rem;margin-bottom:1.5rem}.portfolio-contact-cta .btn{padding:11px 28px;font-size:.95rem}}@media(max-width:768px){.portfolio-contact-cta{padding:2rem 3%;max-width:95%}.portfolio-contact-cta h3{font-size:1.6rem}.portfolio-contact-cta p{font-size:.9rem;margin-bottom:1.2rem}.portfolio-contact-cta .btn{padding:10px 26px;font-size:.9rem}}@media(max-width:576px){.portfolio-contact-cta{padding:1.5rem 2%;border-radius:15px}.portfolio-contact-cta h3{font-size:1.4rem}.portfolio-contact-cta p{font-size:.85rem;margin-bottom:1rem}.portfolio-contact-cta .btn{padding:8px 22px;font-size:.85rem}}@media(max-width:375px){.portfolio-contact-cta{padding:1rem 1.5%;border-radius:12px}.portfolio-contact-cta h3{font-size:1.2rem}.portfolio-contact-cta p{font-size:.8rem;margin-bottom:.8rem}.portfolio-contact-cta .btn{padding:7px 18px;font-size:.8rem}}