<div class="rs-about style7 pt-30 pb-30 md-pt-40 md-pb-0 gray-bg text-center">
    <div class="container">
        <div class="row">
            <div class="col-lg-12 pl-50 md-pl-15 col-md-12">
                <div class="sec-title2">
                    <h2 class="title mb-30">Arabic Language and Literature</h2>
                    <div class="sub-title">
                        Document
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<section class="intro-section gray-bg pt-10 pb-10 md-pt-64 md-pb-70 mb-20">
    <div class="container">
        <div class="row clearfix">
            <div class="col-lg-12 md-mb-50">
                <div class="intro-info-tabs"><!-- List Menu Tab Start -->
                    <ul id="myTab" class="nav nav-tabs intro-tabs tabs-box" role="tablist"><!-- Menu Tab Kurikulum -->
                        <li class="nav-item tab-btns" role="presentation" style="width: 30%;"><a
                                id="prod-curriculum-tab" class="nav-link tab-btn active" role="tab" href="#"
                                data-bs-toggle="tab" data-bs-target="#prod-curriculum" aria-controls="prod-curriculum"
                                aria-selected="true">Admission</a></li>
                        <!-- Menu Tab Dosen & Staf -->
                        <li class="nav-item tab-btns" role="presentation" style="width: 40%;"><a id="prod-lecture-tab"
                                class="nav-link tab-btn" role="tab" href="#" data-bs-toggle="tab"
                                data-bs-target="#prod-lecture" aria-controls="prod-lecture"
                                aria-selected="false">Education</a></li>
                        <!-- Menu Tab Prestasi -->
                        <li class="nav-item tab-btns" role="presentation" style="width: 30%;"><a
                                id="prod-achievement-tab" class="nav-link tab-btn" role="tab" href="#"
                                data-bs-toggle="tab" data-bs-target="#prod-achievement" aria-controls="prod-achievement"
                                aria-selected="false">Graduates</a></li>
                    </ul>
                    <!-- List Menu Tab End --> <!-- Konten Tab Start -->
                    <div id="myTabContent" class="tab-content tabs-content"><!-- Isi Konten Tab Kurikulum Start -->
                        <div id="prod-curriculum" class="tab-pane tab fade show active" role="tabpanel"
                            aria-labelledby="prod-curriculum-tab">
                            <div class="content white-bg pt-30">
                                <div class="container">
                                    <div class="course-overview">
                                        <div class="inner-box">
                                            <div class="row">
                                                <div class="col-lg-2">
                                                    <nav id="navbar">
                                                        <header class="border-bottom">
                                                            <h4>Admission</h4>
                                                        </header>
                                                        <ul class="unorder-list mb-20 ps-0 mt-3 border-bottom">
                                                            <li class="mb-2 " aria-current="true"><a
                                                                    href="#kriteria">Admission Criteria</a></li>
                                                        </ul>
                                                    </nav>
                                                </div>
                                                <div class="col-lg-10">
                                                    <main id="main-doc">
                                                        <section id="kriteria" class="main-section mb-5"
                                                            style="scroll-margin-top: 11rem;">
                                                            <header>
                                                                <h5 class="title border-bottom">Admission Criteria</h5>
                                                            </header>
                                                            <div class="isi">
                                                                Your content here
                                                            </div>
                                                        </section>
                                                    </main>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Isi Konten Tab Kurikulum End --> <!-- Isi Konten Tab Dosen & Staf Start -->
                        <div id="prod-lecture" class="tab-pane fade" role="tabpanel" aria-labelledby="prod-lecture-tab">
                            <div class="content white-bg pt-30">
                                <div class="container">
                                    <div class="course-overview">
                                        <div class="inner-box">
                                            <div class="row">
                                                <div class="col-lg-2">
                                                    <nav id="navbar">
                                                        <header class="border-bottom">
                                                            <h4>Education</h4>
                                                        </header>
                                                        <ul class="unorder-list mb-20 ps-0 mt-3 border-bottom">
                                                            <li class="mb-2 " aria-current="true"><a href="#hasil">Study
                                                                    Outcomes</a></li>
                                                            <li class="mb-2 "><a href="#pengajaran">Teaching</a></li>
                                                            <li class="mb-2 "><a href="#prosedur">Study and Assessment
                                                                    Procedures</a></li>
                                                        </ul>
                                                    </nav>
                                                </div>
                                                <div class="col-lg-10">
                                                    <main id="main-doc">
                                                        <section id="hasil" class="main-section mb-5"
                                                            style="scroll-margin-top: 11rem;">
                                                            <header>
                                                                <h5 class="title border-bottom">Study Outcomes</h5>
                                                            </header>
                                                            <div class="isi">
                                                                Your content here
                                                            </div>
                                                        </section>
                                                        <section id="pengajaran" class="main-section mb-5"
                                                            style="scroll-margin-top: 11rem;">
                                                            <header>
                                                                <h5 class="title border-bottom">Teaching</h5>
                                                            </header>
                                                            <div class="isi">
                                                                Your content here
                                                            </div>
                                                        </section>
                                                        <section id="prosedur" class="main-section mb-5"
                                                            style="scroll-margin-top: 11rem;">
                                                            <header>
                                                                <h5 class="title border-bottom">Study and Assessment
                                                                    Procedures</h5>
                                                            </header>
                                                            <div class="isi">
                                                                Your content here
                                                            </div>
                                                        </section>
                                                    </main>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Isi Konten Tab Dosen & Staf End --> <!-- Isi Konten Tab Prestasi Start -->
                        <div id="prod-achievement" class="tab-pane fade" role="tabpanel"
                            aria-labelledby="prod-achievement-tab">
                            <div class="content white-bg pt-30">
                                <div class="container">
                                    <div class="course-overview">
                                        <div class="inner-box">
                                            <div class="row">
                                                <div class="col-lg-2">
                                                    <nav id="navbar">
                                                        <header class="border-bottom">
                                                            <h4>Graduates</h4>
                                                        </header>
                                                        <ul class="unorder-list mb-20 ps-0 mt-3 border-bottom">
                                                            <li class="mb-2">
                                                                <a href="#tingkat">Graduation rates, Study
                                                                    opportunities</a>
                                                            </li>
                                                            <li class="mb-2">
                                                                <a href="#informasi">Graduate Employment Information</a>
                                                            </li>
                                                        </ul>
                                                    </nav>
                                                </div>
                                                <div class="col-lg-10">
                                                    <main id="main-doc">
                                                        <section id="tingkat" class="main-section mb-5"
                                                            style="scroll-margin-top: 11rem;">
                                                            <header>
                                                                <h5 class="title border-bottom">Graduation rates, Study
                                                                    opportunities</h5>
                                                            </header>
                                                            <div class="isi">
                                                                Your content here
                                                            </div>
                                                        </section>
                                                        <section id="informasi" class="main-section mb-5"
                                                            style="scroll-margin-top: 11rem;">
                                                            <header>
                                                                <h5 class="title border-bottom">Graduate Employment
                                                                    Information</h5>
                                                            </header>
                                                            <div class="isi">
                                                                Your content here
                                                            </div>
                                                        </section>
                                                    </main>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Konten Tab End -->
                    </div>
                </div>
            </div>
        </div>
</section>