/* ========================================= QUOTE SECTION - GLOBAL (DESKTOP) ========================================= */ .quote-section { padding: 100px 0; /* Jarak yang lega dan elegan di Desktop */ text-align: center; background-color: #ffffff; } .quote-text { font-size: 2.2rem; font-weight: 700; color: #a0a0a0; /* Abu-abu soft */ line-height: 1.4; max-width: 900px; /* Batasi lebar agar tidak terlalu panjang ke samping */ margin: 0 auto 25px; /* Tengahkan blok teks */ } .quote-author { /* Pastikan font Dancing Script sudah diload di */ font-family: 'Dancing Script', cursive; font-size: 1.8rem; color: var(--primary-color); margin-top: 15px; } /* ========================================= TABLET VIEW (Max-width: 768px) ========================================= */ @media screen and (max-width: 768px) { .quote-section { padding: 80px 0; /* Kurangi sedikit padding */ } .quote-text { font-size: 1.8rem; /* Font mengecil */ max-width: 90%; /* Lebar menyesuaikan container tablet */ margin-bottom: 20px; } .quote-author { font-size: 1.6rem; } } /* ========================================= MOBILE VIEW (Max-width: 480px) ========================================= */ @media screen and (max-width: 480px) { .quote-section { padding: 60px 0; /* Di HP padding lebih rapat agar konten lain cepat terlihat */ } .quote-text { font-size: 1.35rem; /* Ukuran pas untuk layar kecil */ line-height: 1.5; /* Spasi antar baris sedikit dilonggarkan */ } .quote-author { font-size: 1.4rem; margin-top: 10px; } }