{"id":197,"date":"2025-10-22T14:40:26","date_gmt":"2025-10-22T14:40:26","guid":{"rendered":"https:\/\/rsu.edu.so\/?page_id=197"},"modified":"2025-10-28T12:36:53","modified_gmt":"2025-10-28T12:36:53","slug":"banking-and-finance","status":"publish","type":"page","link":"https:\/\/rsu.edu.so\/index.php\/banking-and-finance\/","title":{"rendered":"Banking and Finance"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"197\" class=\"elementor elementor-197\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1bb8adb e-con-full e-flex e-con e-parent\" data-id=\"1bb8adb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3a9bba9 elementor-widget elementor-widget-html\" data-id=\"3a9bba9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Department of Banking and Finance<\/title>\r\n    <style>\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        :root {\r\n            --primary-color: #1a4d8f;\r\n            --accent-color: #ff6b00;\r\n            --dark-text: #1a1a1a;\r\n            --light-bg: #f8f9fa;\r\n            --border-color: #e0e0e0;\r\n            --white: #ffffff;\r\n            --icon-color: #000000;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--dark-text);\r\n            background-color: var(--light-bg);\r\n        }\r\n\r\n        \/* Header Section *\/\r\n        .header {\r\n            background-color: var(--white);\r\n            padding: 40px 20px;\r\n            border-bottom: 3px solid var(--primary-color);\r\n            text-align: center;\r\n            margin-bottom: 40px;\r\n        }\r\n\r\n        .header h1 {\r\n            font-size: 2.5rem;\r\n            color: var(--primary-color);\r\n            margin-bottom: 20px;\r\n            font-weight: 700;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1rem;\r\n            color: var(--dark-text);\r\n            text-align: justify;\r\n            max-width: 900px;\r\n            margin: 0 auto;\r\n            line-height: 1.8;\r\n        }\r\n\r\n        \/* Main Container *\/\r\n        .container {\r\n            display: flex;\r\n            max-width: 1200px;\r\n            margin: 0 auto;\r\n            gap: 30px;\r\n            padding: 0 20px 40px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        \/* Tabs Navigation *\/\r\n        .tabs-nav {\r\n            flex: 0 0 250px;\r\n            display: flex;\r\n            flex-direction: column;\r\n            gap: 10px;\r\n        }\r\n\r\n        .tab-button {\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n            padding: 15px 20px;\r\n            background-color: var(--white);\r\n            border: 2px solid var(--border-color);\r\n            border-left: 4px solid var(--primary-color);\r\n            cursor: pointer;\r\n            font-size: 0.95rem;\r\n            font-weight: 500;\r\n            color: var(--dark-text);\r\n            transition: all 0.3s ease;\r\n            border-radius: 4px;\r\n        }\r\n\r\n        \/* Desktop hover effect - text color changes to black *\/\r\n        @media (hover: hover) and (pointer: fine) {\r\n            .tab-button:hover {\r\n                background-color: var(--light-bg);\r\n                border-left-color: var(--accent-color);\r\n                transform: translateX(5px);\r\n                color: #000000;\r\n            }\r\n        }\r\n\r\n        .tab-button.active {\r\n            background-color: var(--primary-color);\r\n            color: var(--white);\r\n            border-left-color: var(--accent-color);\r\n            box-shadow: 0 4px 12px rgba(26, 77, 143, 0.2);\r\n        }\r\n\r\n        .tab-icon {\r\n            font-size: 1.3rem;\r\n            color: var(--icon-color);\r\n            width: 24px;\r\n            text-align: center;\r\n        }\r\n\r\n        .tab-button.active .tab-icon {\r\n            color: var(--accent-color);\r\n        }\r\n\r\n        \/* Mobile Dropdown *\/\r\n        .mobile-tabs-dropdown {\r\n            display: none;\r\n            width: 100%;\r\n            padding: 12px 15px;\r\n            font-size: 1rem;\r\n            border: 2px solid var(--primary-color);\r\n            border-radius: 4px;\r\n            background-color: var(--white);\r\n            color: var(--dark-text);\r\n            margin-bottom: 20px;\r\n            cursor: pointer;\r\n        }\r\n\r\n        \/* Content Area *\/\r\n        .content-area {\r\n            flex: 1;\r\n            min-width: 300px;\r\n        }\r\n\r\n        .tab-content {\r\n            display: none;\r\n            background-color: var(--white);\r\n            padding: 40px;\r\n            border-radius: 8px;\r\n            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);\r\n            animation: fadeIn 0.3s ease;\r\n        }\r\n\r\n        .tab-content.active {\r\n            display: block;\r\n        }\r\n\r\n        @keyframes fadeIn {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(10px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        .tab-content h2 {\r\n            color: var(--primary-color);\r\n            font-size: 1.8rem;\r\n            margin-bottom: 20px;\r\n            border-bottom: 3px solid var(--accent-color);\r\n            padding-bottom: 10px;\r\n        }\r\n\r\n        .tab-content h3 {\r\n            color: var(--primary-color);\r\n            margin: 25px 0 15px;\r\n            font-size: 1.4rem;\r\n        }\r\n\r\n        .tab-content h4 {\r\n            color: var(--primary-color);\r\n            margin: 20px 0 10px;\r\n            font-size: 1.2rem;\r\n        }\r\n\r\n        .tab-content p {\r\n            text-align: justify;\r\n            margin-bottom: 15px;\r\n            line-height: 1.8;\r\n            color: var(--dark-text);\r\n        }\r\n\r\n        .tab-content ul {\r\n            margin-left: 20px;\r\n            margin-bottom: 15px;\r\n        }\r\n\r\n        .tab-content li {\r\n            margin-bottom: 10px;\r\n            text-align: justify;\r\n        }\r\n\r\n        \/* Table Styles *\/\r\n        .requirements-table, .course-table {\r\n            width: 100%;\r\n            border-collapse: collapse;\r\n            margin-top: 20px;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .requirements-table thead, .course-table thead {\r\n            background-color: var(--primary-color);\r\n            color: var(--white);\r\n        }\r\n\r\n        .requirements-table th, .course-table th {\r\n            padding: 15px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            border: 1px solid var(--border-color);\r\n        }\r\n\r\n        .requirements-table td, .course-table td {\r\n            padding: 12px 15px;\r\n            border: 1px solid var(--border-color);\r\n            text-align: left;\r\n        }\r\n\r\n        .requirements-table tbody tr:nth-child(even), .course-table tbody tr:nth-child(even) {\r\n            background-color: #f0f5ff;\r\n        }\r\n\r\n        .requirements-table tbody tr:hover, .course-table tbody tr:hover {\r\n            background-color: #e8efff;\r\n        }\r\n\r\n        .requirements-table tbody tr:nth-child(odd), .course-table tbody tr:nth-child(odd) {\r\n            background-color: var(--white);\r\n        }\r\n\r\n        .highlight {\r\n            color: var(--primary-color);\r\n            font-weight: 600;\r\n        }\r\n\r\n        .job-opportunities {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));\r\n            gap: 15px;\r\n            margin: 20px 0;\r\n        }\r\n\r\n        .job-card {\r\n            background-color: #f0f5ff;\r\n            padding: 15px;\r\n            border-radius: 8px;\r\n            border-left: 4px solid var(--accent-color);\r\n            box-shadow: 0 2px 5px rgba(0,0,0,0.1);\r\n        }\r\n\r\n        .job-card h3 {\r\n            color: var(--primary-color);\r\n            margin-bottom: 10px;\r\n        }\r\n\r\n        .goals-list {\r\n            counter-reset: goal-counter;\r\n            list-style-type: none;\r\n            margin-left: 0;\r\n        }\r\n\r\n        .goals-list li {\r\n            margin-bottom: 20px;\r\n            padding-left: 40px;\r\n            position: relative;\r\n        }\r\n\r\n        .goals-list li:before {\r\n            counter-increment: goal-counter;\r\n            content: counter(goal-counter);\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            background-color: var(--primary-color);\r\n            color: var(--white);\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 50%;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-weight: bold;\r\n        }\r\n\r\n        .empty-goals {\r\n            text-align: center;\r\n            padding: 40px 20px;\r\n            color: #666;\r\n            font-style: italic;\r\n        }\r\n\r\n        \/* Enhanced Responsive Design *\/\r\n        @media (max-width: 1024px) {\r\n            .container {\r\n                gap: 20px;\r\n            }\r\n            \r\n            .tabs-nav {\r\n                flex: 0 0 220px;\r\n            }\r\n            \r\n            .tab-button {\r\n                padding: 14px 18px;\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .tab-content {\r\n                padding: 30px;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 768px) {\r\n            .header h1 {\r\n                font-size: 1.8rem;\r\n            }\r\n\r\n            .container {\r\n                flex-direction: column;\r\n                gap: 20px;\r\n            }\r\n\r\n            \/* Show mobile dropdown and hide regular tabs *\/\r\n            .mobile-tabs-dropdown {\r\n                display: block;\r\n            }\r\n            \r\n            .tabs-nav {\r\n                display: none;\r\n            }\r\n\r\n            .tab-content {\r\n                padding: 25px;\r\n            }\r\n\r\n            .tab-content h2 {\r\n                font-size: 1.4rem;\r\n            }\r\n\r\n            .requirements-table, .course-table {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .requirements-table th, .requirements-table td,\r\n            .course-table th, .course-table td {\r\n                padding: 10px;\r\n            }\r\n\r\n            .job-opportunities {\r\n                grid-template-columns: 1fr;\r\n            }\r\n        }\r\n\r\n        @media (max-width: 480px) {\r\n            .header {\r\n                padding: 25px 15px;\r\n            }\r\n\r\n            .header h1 {\r\n                font-size: 1.5rem;\r\n            }\r\n\r\n            .header p {\r\n                font-size: 0.9rem;\r\n            }\r\n\r\n            .container {\r\n                padding: 0 15px 30px;\r\n            }\r\n\r\n            .tab-content {\r\n                padding: 20px;\r\n            }\r\n\r\n            .tab-content h2 {\r\n                font-size: 1.2rem;\r\n            }\r\n\r\n            .requirements-table, .course-table {\r\n                font-size: 0.8rem;\r\n            }\r\n\r\n            .requirements-table th, .requirements-table td,\r\n            .course-table th, .course-table td {\r\n                padding: 8px;\r\n            }\r\n            \r\n            \/* Stack table columns on very small screens *\/\r\n            @media (max-width: 360px) {\r\n                .requirements-table, .course-table {\r\n                    display: block;\r\n                    overflow-x: auto;\r\n                    white-space: nowrap;\r\n                }\r\n            }\r\n        }\r\n\r\n        \/* Touch device optimizations *\/\r\n        @media (hover: none) and (pointer: coarse) {\r\n            .tab-button {\r\n                padding: 16px 20px;\r\n            }\r\n            \r\n            .tab-button:active {\r\n                background-color: var(--light-bg);\r\n                border-left-color: var(--accent-color);\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <!-- Header Section -->\r\n    <div class=\"header\">\r\n        <h1>Department of Banking and Finance<\/h1>\r\n        <p>\r\n            The Department of Banking and Finance under the Faculty of Economics and Management Sciences offers a thorough and up-to-date education in financial disciplines to prepare students for lucrative jobs in banking, investment, and financial management. The curriculum covers topics including risk management, investing strategies, and financial markets, giving equal weight to theoretical foundations and practical abilities. Its faculty members have a strong commitment to research, as seen by their extensive involvement in cutting-edge projects that have an impact on academic and industry standards.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <!-- Main Container -->\r\n    <div class=\"container\">\r\n        <!-- Mobile Dropdown -->\r\n        <select class=\"mobile-tabs-dropdown\" id=\"mobileTabsDropdown\">\r\n            <option value=\"about\">About Department<\/option>\r\n            <option value=\"goals\">Goals of Department<\/option>\r\n            <option value=\"structure\">Structure<\/option>\r\n        <\/select>\r\n\r\n        <!-- Tabs Navigation -->\r\n        <div class=\"tabs-nav\">\r\n            <button class=\"tab-button active\" data-tab=\"about\">\r\n                <span class=\"tab-icon\">\u2139\ufe0f<\/span>\r\n                <span>About Department<\/span>\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"goals\">\r\n                <span class=\"tab-icon\">\ud83c\udfaf<\/span>\r\n                <span>Goals of Department<\/span>\r\n            <\/button>\r\n            <button class=\"tab-button\" data-tab=\"structure\">\r\n                <span class=\"tab-icon\">\ud83c\udfd7\ufe0f<\/span>\r\n                <span>Structure<\/span>\r\n            <\/button>\r\n        <\/div>\r\n\r\n        <!-- Content Area -->\r\n        <div class=\"content-area\">\r\n            <!-- About Department Tab -->\r\n            <div class=\"tab-content active\" id=\"about\">\r\n                <h2>About Department<\/h2>\r\n                <p>\r\n                    The Department of Banking and Finance under the Faculty of Economics and Management Sciences offers a thorough and up-to-date education in financial disciplines to prepare students for lucrative jobs in banking, investment, and financial management.\r\n                <\/p>\r\n                <p>\r\n                    The curriculum covers topics including risk management, investing strategies, and financial markets, giving equal weight to theoretical foundations and practical abilities. Its faculty members have a strong commitment to research, as seen by their extensive involvement in cutting-edge projects that have an impact on academic and industry standards.\r\n                <\/p>\r\n                <p>\r\n                    Strong industry linkages enhance the educational experience by giving students access to essential networking opportunities and a practical understanding of financial processes. The department aims to promote students' analytical and critical thinking skills, ethical financial behavior, and a global perspective on economic issues.\r\n                <\/p>\r\n                <p>\r\n                    The Department of Banking and Finance aspires to be a leader in financial education, acknowledged for its noteworthy contributions to the sector through its research activities and graduates, while upholding the ideals of ethics, excellence, and innovation.\r\n                <\/p>\r\n                \r\n                <h3>Career Opportunities<\/h3>\r\n                <p>Graduates of our program will be prepared for the following career paths:<\/p>\r\n                <div class=\"job-opportunities\">\r\n                    <div class=\"job-card\">\r\n                        <h3>Banking Professional<\/h3>\r\n                        <p>Work in retail, commercial, or investment banking institutions<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Financial Analyst<\/h3>\r\n                        <p>Analyze financial data to guide investment decisions<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Risk Manager<\/h3>\r\n                        <p>Identify and mitigate financial risks for organizations<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Investment Advisor<\/h3>\r\n                        <p>Provide guidance on investment strategies and portfolio management<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Financial Planner<\/h3>\r\n                        <p>Help individuals and organizations plan their financial futures<\/p>\r\n                    <\/div>\r\n                    <div class=\"job-card\">\r\n                        <h3>Corporate Finance Specialist<\/h3>\r\n                        <p>Manage financial activities and strategies for corporations<\/p>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Goals of Department Tab -->\r\n            <div class=\"tab-content\" id=\"goals\">\r\n                <h2>Goals of the Department<\/h2>\r\n                <div class=\"empty-goals\">\r\n                    <p>Goals for the Banking and Finance Department are currently being developed.<\/p>\r\n                    <p>Please check back later for updates.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n\r\n            <!-- Structure Tab -->\r\n            <div class=\"tab-content\" id=\"structure\">\r\n                <h2>Program Structure<\/h2>\r\n                <p>\r\n                    The Banking and Finance program is structured to provide comprehensive training in both theoretical knowledge and practical application. The curriculum includes the following components:\r\n                <\/p>\r\n                <table class=\"requirements-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>No.<\/th>\r\n                            <th>Types of Requirements<\/th>\r\n                            <th>No. of Courses<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td>1<\/td>\r\n                            <td>University Requirements<\/td>\r\n                            <td>7<\/td>\r\n                            <td>21 hours<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>2<\/td>\r\n                            <td>Faculty Requirements<\/td>\r\n                            <td>26<\/td>\r\n                            <td>78 hours<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>3<\/td>\r\n                            <td>Department Requirements<\/td>\r\n                            <td>16<\/td>\r\n                            <td>48 hours<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td>4<\/td>\r\n                            <td>Thesis<\/td>\r\n                            <td>1<\/td>\r\n                            <td>3 hours<\/td>\r\n                        <\/tr>\r\n                        <tr>\r\n                            <td colspan=\"2\"><strong>Total<\/strong><\/td>\r\n                            <td><strong>50<\/strong><\/td>\r\n                            <td><strong>150 hours<\/strong><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <h3>Course List<\/h3>\r\n                <p>The students in this department will take the following courses:<\/p>\r\n                \r\n                <!-- Table 1: Based on 1.png -->\r\n                <h4>Table 1<\/h4>\r\n                <table class=\"course-table\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>SN<\/th>\r\n                            <th>Course code<\/th>\r\n                            <th>Course name<\/th>\r\n                            <th>Creditions<\/th>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course name<\/th>\r\n                            <th>Creditions<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <!-- Table 2: Based on 2.png -->\r\n                <h4>Table 2<\/h4>\r\n                <table class=\"course-table\" style=\"margin-top: 20px;\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>SN<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                            <th>SN<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <!-- Table 3: Based on 3.png -->\r\n                <h4>Table 3<\/h4>\r\n                <table class=\"course-table\" style=\"margin-top: 20px;\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <!-- Table 4: Based on 4.png -->\r\n                <h4>Table 4<\/h4>\r\n                <table class=\"course-table\" style=\"margin-top: 20px;\">\r\n                    <thead>\r\n                        <tr>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                            <th>S\/N<\/th>\r\n                            <th>Course Code<\/th>\r\n                            <th>Course Name<\/th>\r\n                            <th>Credit Hours<\/th>\r\n                        <\/tr>\r\n                    <\/thead>\r\n                    <tbody>\r\n                        <tr>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                            <td><\/td>\r\n                        <\/tr>\r\n                    <\/tbody>\r\n                <\/table>\r\n                \r\n                <p style=\"margin-top: 20px;\">\r\n                    <span class=\"highlight\">Note:<\/span> The program emphasizes both theoretical knowledge and practical application, with courses designed to develop strong analytical and critical thinking skills in banking and finance.\r\n                <\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Tab functionality\r\n        const tabButtons = document.querySelectorAll('.tab-button');\r\n        const tabContents = document.querySelectorAll('.tab-content');\r\n        const mobileDropdown = document.getElementById('mobileTabsDropdown');\r\n\r\n        function activateTab(tabName) {\r\n            \/\/ Remove active class from all buttons and contents\r\n            tabButtons.forEach(btn => btn.classList.remove('active'));\r\n            tabContents.forEach(content => content.classList.remove('active'));\r\n\r\n            \/\/ Add active class to clicked button and corresponding content\r\n            document.querySelector(`.tab-button[data-tab=\"${tabName}\"]`).classList.add('active');\r\n            document.getElementById(tabName).classList.add('active');\r\n            \r\n            \/\/ Update mobile dropdown value\r\n            if (mobileDropdown) {\r\n                mobileDropdown.value = tabName;\r\n            }\r\n        }\r\n\r\n        \/\/ Desktop tab button functionality\r\n        tabButtons.forEach(button => {\r\n            button.addEventListener('click', () => {\r\n                const tabName = button.getAttribute('data-tab');\r\n                activateTab(tabName);\r\n            });\r\n        });\r\n\r\n        \/\/ Mobile dropdown functionality\r\n        if (mobileDropdown) {\r\n            mobileDropdown.addEventListener('change', () => {\r\n                const tabName = mobileDropdown.value;\r\n                activateTab(tabName);\r\n                \r\n                \/\/ Scroll to content on mobile\r\n                if (window.innerWidth <= 768) {\r\n                    document.querySelector('.content-area').scrollIntoView({ \r\n                        behavior: 'smooth',\r\n                        block: 'start'\r\n                    });\r\n                }\r\n            });\r\n        }\r\n\r\n        \/\/ Keyboard navigation for desktop\r\n        tabButtons.forEach((button, index) => {\r\n            button.addEventListener('keydown', (e) => {\r\n                let nextIndex;\r\n                if (e.key === 'ArrowDown' || e.key === 'ArrowRight') {\r\n                    nextIndex = (index + 1) % tabButtons.length;\r\n                    tabButtons[nextIndex].focus();\r\n                    tabButtons[nextIndex].click();\r\n                } else if (e.key === 'ArrowUp' || e.key === 'ArrowLeft') {\r\n                    nextIndex = (index - 1 + tabButtons.length) % tabButtons.length;\r\n                    tabButtons[nextIndex].focus();\r\n                    tabButtons[nextIndex].click();\r\n                }\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Department of Banking and Finance Department of Banking and Finance The Department of Banking and Finance under the Faculty of Economics and Management Sciences offers a thorough and up-to-date education in financial disciplines to prepare students for lucrative jobs in banking, investment, and financial management. The curriculum covers topics including risk management, investing strategies, and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-197","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/197","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/comments?post=197"}],"version-history":[{"count":4,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions"}],"predecessor-version":[{"id":395,"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/pages\/197\/revisions\/395"}],"wp:attachment":[{"href":"https:\/\/rsu.edu.so\/index.php\/wp-json\/wp\/v2\/media?parent=197"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}