<div class="md:h-[827px] h-auto flex flex-col items-center md:flex-row justify-center md:gap-x-[100px] py-[100px] md:py-[100px] px-4 md:px-0 bg-cover bg-no-repeat bg-right md:bg-center"
    style="background-image: url('{{ asset('./images/background/bg-sambutan.png') }}');">
    <div class="flex justify-center md:justify-start w-full md:w-auto flex-col items-center">
        <img src="{{ asset('./images/sambutan/sambutan.png') }}" data-aos="fade-right"
            class="h-auto md:w-[1000px] w-[300px] md:h-[500px] max-w-[450px] img-hover-animate"
            style="border-radius:25px;" alt="{{ $settings['nama kampus'] ?? 'Nama tidak tersedia' }}">
        <p
            style="padding-top: 20px; font-size: 14px; color: #fff; text-align: center; font-family: 'Poppins', sans-serif;">
            <!-- <b>Dendi Afrizal, S.AB., M.Ak, </b> -->
        </p>
    </div>
    <div class="flex flex-col md:items-start justify-center items-center w-full md:w-[40%] w-[100%] mt-4 md:mt-0"
        data-aos="fade-left">
        <x-header-section subtext=" SAMBUTAN KETUA {{ $settings['nama kampus'] ?? 'Nama tidak tersedia' }}"
            subtext-color="#fff" title="" title-color="#fff" />
        <p class="text-justify font-dmsans mb-4 font-inter text-sm md:text-base  normal-case w-[80%]"
            style="color:#fff">
            KHARISMA College atau STMIK KHARISMA Makassar saat ini sedang dalam proses untuk melakukan perubahan bentuk
            institusi menjadi perguruan tinggi yang dapat menyelenggarakan pendidikan dalam scope bidang atau rumpun
            ilmu yang lebih luas, mungkin sebagai Institut Teknologi dan Bisnis KHARISMA atau Universitas KHARISMA
            <br><br>
            tergantung izin penyelenggaraan yang didapatkan setelah perubahan bentuk. Semoga proses perubahan ini dapat
            berlangsung lancar dan selesai dengan cepat, sehingga KHARISMA segera dapat memberi manfaat kepada
            masayarakat secara lebih luas.
        </p>

        <x-button url="/sejarah-singkat">BACA SELENGKAPNYA</x-button>
    </div>
</div>
