@font-face {
    font-family: 'Satoshi';
    src: url('../fonts/Fonts/TTF/Satoshi-Variable.ttf') format('truetype');
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: Satoshi;
    overflow-x: hidden;
}
/* Kita buat scope agar tidak merusak bagian website lain */
.artikel-body h1 {
    @apply text-3xl font-bold mb-4 mt-6;
}
.artikel-body h2 {
    @apply text-2xl font-bold mb-3 mt-5;
}
.artikel-body p {
    @apply mb-4 leading-relaxed text-gray-700;
}
.artikel-body ul {
    @apply list-disc list-inside mb-4 pl-4;
}
.artikel-body ol {
    @apply list-decimal list-inside mb-4 pl-4;
}
.artikel-body blockquote {
    @apply border-l-4 border-gray-300 pl-4 italic text-gray-600 my-4;
}
.artikel-body a {
    @apply text-blue-600 underline hover:text-blue-800;
}
.artikel-body img {
    @apply rounded-lg shadow-md my-4 max-w-full h-auto;
}
.about-our-team-subtitle{
    background-image: linear-gradient(to right, #4084C1, #2F618E, #1E3E5B);
    background-clip: text;
    color: transparent;
    line-height: 1.2 !important;
}
.about-us-quotes{
    background-image: linear-gradient(to right, #123F6D, #0089CF);
    background-clip: text;
    color: transparent;
}