@import url(https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Poppins:wght@400;500;600;700&display=swap);.testimoni,.testimoni_card{background-color:var(--white)}.testimoni h1::after,.testimoni_card::before{content:"";background-color:var(--primary-color)}:root{--primary-color:#f6971c;--secondary-color:#e8e8e8;--text-dark:#0f1720;--text-light:#94a3b8;--white:#ffffff}.testimoni{width:100%;margin:auto;padding:2rem 1rem;text-align:center}.testimoni h2{font-size:1.5rem;font-weight:600;color:var(--primary-color)}.testimoni h1{position:relative;margin-bottom:60px;font-size:4rem;font-weight:500;color:var(--text-dark);text-shadow:2px 2px 8px rgba(0,0,0,.3);display:inline-block;font-family:"Brush Script MT",cursive;text-align:center}.testimoni h1::after{position:absolute;left:50%;bottom:-8px;transform:translateX(-50%);height:2px;width:5rem}.testimoni_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.testimoni_card{position:relative;isolation:isolate;overflow:hidden;padding:3rem 2rem 2rem;border-radius:5px;box-shadow:5px 5px 10px rgba(0,0,0,.4);transition:.3s}.testimoni_card::before{position:absolute;top:0;left:0;transform:translate(-50%,-50%);width:75%;aspect-ratio:1;border-radius:100%;z-index:-1;transition:.5s}.testimoni_card span{position:absolute;top:0;left:0;padding:1rem;font-size:3rem;color:var(--white)}.testimoni_card h4{margin-top:4.3rem;margin-bottom:1rem;font-size:1.5rem;font-weight:600;color:var(--primary-color);transition:.3s}.testimoni_card p{margin-bottom:2rem;color:var(--text-light);transition:.3s}.testimoni_card img{margin-bottom:1rem;max-width:100px;border-radius:100%;border:2px solid var(--primary-color);transition:.3s}.testimoni_card h5{font-size:1.25rem;font-weight:600;color:var(--primary-color);transition:.3s}.testimoni_card h6{font-size:1rem;font-weight:400;color:var(--text-light);transition:.3s}.testimoni_card:hover::before{width:400%}.testimoni_card:hover :is(h4,h5){color:var(--white)}.testimoni_card:hover :is(p,h6){color:var(--secondary-color)}.testimoni_card:hover img{border-color:var(--white)}@media screen and (max-width:992px){.testimoni h1{font-size:2rem}.testimoni_grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.testimoni_card{padding:2.5rem 1.5rem 1.5rem}}@media screen and (max-width:600px){.testimoni h1{font-size:1.75rem}.testimoni h2{font-size:1.25rem}.testimoni_grid{grid-template-columns:1fr;gap:1.2rem}.testimoni_card{padding:2rem 1rem 1rem}.testimoni_card h4{font-size:1.25rem;margin-top:3.5rem}.testimoni_card p{font-size:.95rem}.testimoni_card h5{font-size:1.1rem}.testimoni_card h6{font-size:.9rem}.testimoni_card span{font-size:2.5rem;padding:.8rem}.testimoni_card img{max-width:80px}}