@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap);:root{--primary:#e5a100;--span:#e6b800;--primary-dark:#c98c00;--text-dark:#2b2b2b;--text-light:#555555;--bg-light:#fafafa;--bg-section:#f3f3f3;--bg-footer:#1e1e1e}*{margin:0;padding:0;box-sizing:border-box;text-decoration:none}body{font-family:"Poppins",sans-serif;background:var(--bg-light);line-height:1.6;overflow-x:hidden}.mitra-section{background-image:linear-gradient(to bottom,rgb(255 255 255 / .9),rgb(247 247 247 / .7)),url(../../../img/background_ukiran.jpg);color:var(--bg-light);margin-top:90px;text-align:center;border-top:1px solid var(--bg-light);padding-bottom:3rem}.mitra-header h2{font-size:2.5rem;color:var(--text-dark);margin-bottom:1.2rem;font-weight:700;letter-spacing:.5rem}.mitra-header span{color:var(--span)}.mitra-description{max-width:850px;margin:0 auto 3rem;font-size:1.1rem;line-height:1.7;color:var(--text-light)}.tentang-mitra{display:flex;align-items:flex-start;gap:30px;flex-wrap:nowrap;max-width:1100px;margin:30px auto;padding:30px;background:#fff;border-radius:12px;box-shadow:0 4px 10px rgb(0 0 0 / .1)}.gambar-logo-mitra{flex:0 0 28%;text-align:center}.gambar-logo-mitra img{max-width:240px;width:100%;height:auto}.penjelasan-mitra{flex:1;line-height:1.7;text-align:justify}.penjelasan-mitra h4{margin-bottom:10px}.penjelasan-section{text-align:center;margin:40px 0 20px}.penjelasan-section h2{font-size:28px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#333}.mitra-slide{display:none;flex-wrap:wrap;justify-content:center;gap:20px;max-width:1300px;margin:0 auto}.mitra-slide.active{display:flex}.mitra-card{background-color:var(--bg-light);border:1px solid var(--primary);border-radius:10px;padding:1.2rem;text-align:center;width:calc(25% - 20px);transition:transform 0.3s ease,box-shadow 0.3s ease;animation:fadeIn 0.5s ease-out forwards}.mitra-card:hover{transform:translateY(-8px);box-shadow:0 8px 15px rgb(230 184 0 / .3)}.mitra-card img{aspect-ratio:16/10;object-fit:cover;border-radius:8px;border:3px solid var(--span);margin-bottom:.8rem;height:220px;width:100%}.mitra-card h4{color:var(--text-dark);font-size:1.15rem;margin-bottom:.5rem}.tanggal-mitra{color:var(--text-light);font-size:.9rem;margin-top:.5rem;display:block}.no-program{font-size:1rem;color:#000}.detail-btn{background-color:var(--span);color:var(--bg-light);border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-weight:600;margin-top:10px;transition:background 0.3s ease}.detail-btn:hover{background-color:var(--primary-dark)}.mitra-navigation{margin:3rem auto;display:flex;justify-content:center;gap:1.5rem}.mitra-navigation button{padding:10px 20px;border:none;border-radius:6px;background:var(--primary);color:#fff;font-weight:600;cursor:pointer;transition:all 0.3s ease}.mitra-navigation button:hover{background:var(--primary-dark)}.mitra-navigation button.hidden{visibility:hidden}.mitra-section{margin-top:70px;padding:2rem 1rem 3rem;text-align:center}.mitra-header h2{font-size:2rem;letter-spacing:.1rem}.mitra-description{font-size:1rem;margin-bottom:2rem;padding:0 1rem}.tentang-mitra{flex-direction:column;gap:20px;max-width:100%;padding:20px}.gambar-logo-mitra{text-align:center}.gambar-logo-mitra img{display:block;margin:0 auto;max-width:180px}.mitra-slide{display:none;gap:16px;padding:0 10px}.mitra-slide.active{display:flex;flex-wrap:wrap;justify-content:center}.mitra-card{width:100%;max-width:330px;margin:0 auto}.mitra-navigation{gap:1rem}@media (min-width:768px){.mitra-header h2{font-size:2.3rem}.tentang-mitra{flex-direction:row;max-width:900px;padding:25px}.gambar-logo-mitra img{max-width:200px}.mitra-card{flex:0 0 calc(50% - 16px);max-width:none}}@media (min-width:1024px){.mitra-header h2{font-size:2.5rem;letter-spacing:.3rem}.mitra-description{max-width:750px}.tentang-mitra{max-width:1100px;padding:30px}.gambar-logo-mitra img{max-width:230px}.mitra-card{flex:0 0 calc(25% - 20px)}}@media (min-width:1440px){.mitra-section{padding:4rem 0}.mitra-header h2{font-size:2.8rem;letter-spacing:.5rem}.mitra-description{max-width:900px;font-size:1.1rem}.mitra-card{flex:0 0 calc(25% - 20px)}.mitra-card img{height:240px}}@keyframes fadeIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}