{"id":20705,"date":"2026-05-13T14:02:28","date_gmt":"2026-05-13T07:02:28","guid":{"rendered":"https:\/\/agr.rmutsv.ac.th\/ruts\/?page_id=20705"},"modified":"2026-07-26T20:38:10","modified_gmt":"2026-07-26T13:38:10","slug":"mission","status":"publish","type":"page","link":"https:\/\/agr.rmutsv.ac.th\/ruts\/mission\/","title":{"rendered":"\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c \u0e1b\u0e23\u0e31\u0e0a\u0e0d\u0e32 \u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08"},"content":{"rendered":"\n<!-- Load Tailwind CSS & Libraries (WP-Compatible Mode) -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.css\" rel=\"stylesheet\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,400&#038;display=swap\" rel=\"stylesheet\">\n\n<style type=\"text\/css\">\n    \/* Fix Full-Width Background & Scope Conflicts *\/\n    .ruts-wp-app {\n        font-family: 'Sarabun', sans-serif !important;\n        line-height: 1.75 !important;\n        background-color: #f8fafc !important;\n        background-image: radial-gradient(rgba(148, 163, 184, 0.18) 1px, transparent 1px) !important;\n        background-size: 28px 28px !important;\n        color: #1e293b !important;\n        position: relative !important;\n        overflow-x: hidden !important;\n        \n        \/* \ud83c\udf1f Force Full Width Background Across Any Page Layout *\/\n        width: 100vw !important;\n        max-width: 100vw !important;\n        margin-left: calc(-50vw + 50%) !important;\n        margin-right: calc(-50vw + 50%) !important;\n        left: 0 !important;\n        right: 0 !important;\n        padding: 0 !important;\n        scroll-behavior: smooth !important;\n    }\n\n    .ruts-wp-app * {\n        box-sizing: border-box !important;\n    }\n\n    \/* Ambient Glow Blobs Animation *\/\n    .ruts-ambient-glow {\n        position: absolute !important;\n        width: 650px !important;\n        height: 650px !important;\n        border-radius: 50% !important;\n        filter: blur(120px) !important;\n        opacity: 0.4 !important;\n        pointer-events: none !important;\n        z-index: 1 !important;\n        animation: rutsFloat 14s ease-in-out infinite alternate !important;\n    }\n\n    @keyframes rutsFloat {\n        0% { transform: translate(0px, 0px) scale(1); }\n        100% { transform: translate(60px, -35px) scale(1.15); }\n    }\n\n    \/* Floating Glass Navigation Bar *\/\n    .ruts-glass-nav {\n        background: rgba(255, 255, 255, 0.8) !important;\n        backdrop-filter: blur(20px) !important;\n        -webkit-backdrop-filter: blur(20px) !important;\n        border: 1px solid rgba(255, 255, 255, 0.9) !important;\n        box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.08) !important;\n    }\n\n    \/* Glassmorphism Cards with Mouse Glow Effect *\/\n    .ruts-glass-card {\n        background: rgba(255, 255, 255, 0.78) !important;\n        backdrop-filter: blur(20px) !important;\n        -webkit-backdrop-filter: blur(20px) !important;\n        border: 1px solid rgba(255, 255, 255, 0.9) !important;\n        box-shadow: 0 10px 30px -5px rgba(0, 0, 0, 0.04) !important;\n        position: relative !important;\n        overflow: hidden !important;\n        transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease !important;\n    }\n\n    \/* Interactive Mouse Spotlight Glow *\/\n    .ruts-glass-card::before {\n        content: '' !important;\n        position: absolute !important;\n        top: var(--mouse-y, -100px) !important;\n        left: var(--mouse-x, -100px) !important;\n        transform: translate(-50%, -50%) !important;\n        width: 280px !important;\n        height: 280px !important;\n        background: radial-gradient(circle, rgba(16, 185, 129, 0.22) 0%, transparent 70%) !important;\n        opacity: 0 !important;\n        transition: opacity 0.3s ease !important;\n        pointer-events: none !important;\n    }\n\n    .ruts-glass-card:hover::before {\n        opacity: 1 !important;\n    }\n\n    .ruts-glass-card:hover {\n        transform: translateY(-6px) scale(1.01) !important;\n        background: rgba(255, 255, 255, 0.94) !important;\n        border-color: rgba(16, 185, 129, 0.35) !important;\n        box-shadow: 0 20px 35px -10px rgba(16, 185, 129, 0.18) !important;\n    }\n\n    .ruts-text-gradient {\n        background: linear-gradient(135deg, #059669 0%, #0284c7 100%) !important;\n        -webkit-background-clip: text !important;\n        -webkit-text-fill-color: transparent !important;\n    }\n<\/style>\n\n<div class=\"ruts-wp-app selection:bg-emerald-500 selection:text-white\">\n    \n    <!-- Full-Width Ambient Glow Blobs -->\n    <div class=\"ruts-ambient-glow -top-10 -left-20 bg-emerald-300\"><\/div>\n    <div class=\"ruts-ambient-glow top-1\/3 -right-20 bg-sky-300\"><\/div>\n    <div class=\"ruts-ambient-glow bottom-20 left-1\/4 bg-teal-300\"><\/div>\n\n    <!-- Floating Glass Navbar -->\n\n\n    <!-- SECTION 1: Vision (Hero Section) -->\n    <section id=\"ruts-vision\" class=\"relative pt-32 pb-16 z-10 px-4 sm:px-6 max-w-7xl mx-auto\">\n        <div class=\"grid lg:grid-cols-12 gap-10 items-center\">\n            \n            <div class=\"lg:col-span-7 space-y-6\" data-aos=\"fade-right\">\n                <div class=\"inline-block px-3.5 py-1.5 rounded-full bg-emerald-50 border border-emerald-200 text-emerald-800 text-xs font-bold tracking-wider uppercase\">\n                    \u2728 Faculty of Agriculture \u2014 RUTS\n                <\/div>\n                \n                <h1 class=\"text-3xl sm:text-5xl font-black text-slate-900 leading-tight m-0\">\n                    \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 <br>\n                    <span class=\"ruts-text-gradient\">\u0e14\u0e49\u0e27\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/span> <br>\n                    \u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21\n                <\/h1>\n\n                <!-- Interactive Cards Grid -->\n                <div class=\"grid gap-4\">\n                    <div class=\"ruts-glass-card p-5 rounded-2xl border-l-4 border-l-emerald-500 flex items-start gap-4\">\n                        <div class=\"p-2.5 bg-emerald-100 text-emerald-700 rounded-xl mt-0.5\">\ud83d\udca1<\/div>\n                        <div>\n                            <h3 class=\"font-bold text-slate-900 text-base m-0\">\u0e1b\u0e23\u0e31\u0e0a\u0e0d\u0e32<\/h3>\n                            <p class=\"text-slate-600 text-sm mt-0.5 mb-0\">\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e41\u0e2b\u0e48\u0e07\u0e2d\u0e19\u0e32\u0e04\u0e15<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ruts-glass-card p-5 rounded-2xl border-l-4 border-l-sky-500 flex items-start gap-4\">\n                        <div class=\"p-2.5 bg-sky-100 text-sky-700 rounded-xl mt-0.5\">\ud83c\udf93<\/div>\n                        <div>\n                            <h3 class=\"font-bold text-slate-900 text-base m-0\">\u0e1b\u0e23\u0e31\u0e0a\u0e0d\u0e32\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/h3>\n                            <p class=\"text-slate-600 text-sm mt-0.5 mb-0\">\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e19\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e27\u0e07\u0e27\u0e31\u0e22\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07<\/p>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"ruts-glass-card p-5 rounded-2xl border-l-4 border-l-teal-500 flex items-start gap-4\">\n                        <div class=\"p-2.5 bg-teal-100 text-teal-700 rounded-xl mt-0.5\">\ud83c\udfaf<\/div>\n                        <div>\n                            <h3 class=\"font-bold text-slate-900 text-base m-0\">\u0e1b\u0e13\u0e34\u0e18\u0e32\u0e19<\/h3>\n                            <p class=\"text-slate-600 text-sm mt-0.5 mb-0\">\u0e21\u0e38\u0e48\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21<\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n            <!-- Showcase Box -->\n            <div class=\"lg:col-span-5 relative\" data-aos=\"zoom-in\" data-aos-delay=\"150\">\n                <div class=\"absolute -inset-1 bg-gradient-to-r from-emerald-500 to-sky-500 rounded-[2.5rem] blur-xl opacity-20\"><\/div>\n                <div class=\"relative bg-gradient-to-br from-emerald-900 via-slate-900 to-teal-950 p-8 sm:p-12 rounded-[2.5rem] shadow-2xl border border-white\/20 text-white space-y-8 overflow-hidden\">\n                    <div class=\"flex justify-between items-center\">\n                        <span class=\"text-xs font-bold text-emerald-300 tracking-widest uppercase\">Highlight Quote<\/span>\n                        <span class=\"flex gap-1.5\">\n                            <span class=\"w-2.5 h-2.5 rounded-full bg-emerald-400\"><\/span>\n                            <span class=\"w-2.5 h-2.5 rounded-full bg-sky-400\"><\/span>\n                        <\/span>\n                    <\/div>\n                    <p class=\"text-2xl sm:text-3xl font-light leading-relaxed italic text-emerald-50 m-0\">\n                        &#8220;\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07 \u0e14\u0e49\u0e27\u0e22\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21&#8221;\n                    <\/p>\n                    <div class=\"pt-6 border-t border-white\/15 text-slate-400 text-xs font-semibold tracking-wider uppercase\">\n                        Rajamangala University of Technology Srivijaya\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- Animated Counter Statistics Section -->\n    <section id=\"ruts-stats\" class=\"py-12 bg-white\/70 backdrop-blur-md relative z-10 border-y border-slate-200\/80 my-8 w-full\">\n        <div class=\"max-w-6xl mx-auto px-4 grid grid-cols-2 md:grid-cols-4 gap-6 text-center\">\n            <div data-aos=\"fade-up\">\n                <div class=\"text-4xl sm:text-5xl font-black text-emerald-600 ruts-counter\" data-target=\"100\">0<\/div>\n                <div class=\"text-xs text-slate-500 mt-1 uppercase font-bold tracking-wider\">\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e08\u0e23\u0e34\u0e07 (%)<\/div>\n            <\/div>\n            <div data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div class=\"text-4xl sm:text-5xl font-black text-sky-600 ruts-counter\" data-target=\"4\">0<\/div>\n                <div class=\"text-xs text-slate-500 mt-1 uppercase font-bold tracking-wider\">\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08\u0e2b\u0e25\u0e31\u0e01<\/div>\n            <\/div>\n            <div data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"text-4xl sm:text-5xl font-black text-teal-600 ruts-counter\" data-target=\"100\">0<\/div>\n                <div class=\"text-xs text-slate-500 mt-1 uppercase font-bold tracking-wider\">\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21 (%)<\/div>\n            <\/div>\n            <div data-aos=\"fade-up\" data-aos-delay=\"300\">\n                <div class=\"text-4xl sm:text-5xl font-black text-amber-600 ruts-counter\" data-target=\"5\">0<\/div>\n                <div class=\"text-xs text-slate-500 mt-1 uppercase font-bold tracking-wider\">\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 2: Mission -->\n    <section id=\"ruts-mission\" class=\"py-12 max-w-5xl mx-auto px-4\">\n        <div class=\"text-center mb-10\" data-aos=\"fade-up\">\n            <h2 class=\"text-3xl font-extrabold text-slate-900 m-0\">\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08 (Mission)<\/h2>\n            <div class=\"mt-2 w-16 h-1.5 bg-gradient-to-r from-emerald-500 to-sky-500 mx-auto rounded-full\"><\/div>\n        <\/div>\n\n        <div class=\"grid gap-4\">\n            <div class=\"ruts-glass-card p-6 rounded-3xl flex items-center gap-6\" data-aos=\"fade-up\">\n                <span class=\"text-4xl font-black text-emerald-600\">01<\/span>\n                <p class=\"text-base text-slate-700 font-medium m-0\">\u0e1c\u0e25\u0e34\u0e15\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e15\u0e25\u0e32\u0e14\u0e41\u0e23\u0e07\u0e07\u0e32\u0e19\u0e20\u0e32\u0e04\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-6 rounded-3xl flex items-center gap-6\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <span class=\"text-4xl font-black text-sky-600\">02<\/span>\n                <p class=\"text-base text-slate-700 font-medium m-0\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e2a\u0e34\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e34\u0e29\u0e10\u0e4c\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e19\u0e33\u0e44\u0e1b\u0e43\u0e0a\u0e49\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e15\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2b\u0e23\u0e37\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-6 rounded-3xl flex items-center gap-6\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <span class=\"text-4xl font-black text-amber-600\">03<\/span>\n                <p class=\"text-base text-slate-700 font-medium m-0\">\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e41\u0e01\u0e48\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e40\u0e01\u0e29\u0e15\u0e23\u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-6 rounded-3xl flex items-center gap-6\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                <span class=\"text-4xl font-black text-teal-600\">04<\/span>\n                <p class=\"text-base text-slate-700 font-medium m-0\">\u0e2a\u0e37\u0e1a\u0e17\u0e2d\u0e14\u0e28\u0e34\u0e25\u0e1b\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e14\u0e49\u0e32\u0e19\u0e40\u0e01\u0e29\u0e15\u0e23\u0e14\u0e49\u0e27\u0e22\u0e20\u0e39\u0e21\u0e34\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e17\u0e49\u0e2d\u0e07\u0e16\u0e34\u0e48\u0e19\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2d\u0e19\u0e38\u0e23\u0e31\u0e01\u0e29\u0e4c\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 3: Identity & Culture -->\n    <section class=\"py-16 bg-slate-900\/5 backdrop-blur-3xl border-y border-slate-200\/60 my-10 w-full\">\n        <div class=\"max-w-7xl mx-auto px-4\">\n            <div class=\"grid md:grid-cols-3 gap-6\">\n                <div class=\"ruts-glass-card p-8 rounded-3xl space-y-4\" data-aos=\"fade-up\">\n                    <span class=\"px-3.5 py-1 bg-emerald-100 text-emerald-800 text-xs font-extrabold rounded-full tracking-wider uppercase inline-block\">Location Identity<\/span>\n                    <h3 class=\"text-2xl font-bold text-slate-900 m-0\">\u0e2d\u0e31\u0e15\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48<\/h3>\n                    <p class=\"text-slate-600 leading-relaxed text-sm m-0\">\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a \u0e17\u0e38\u0e48\u0e07\u0e43\u0e2b\u0e0d\u0e48 \u0e44\u0e2a\u0e43\u0e2b\u0e0d\u0e48 \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 (\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e01\u0e29\u0e15\u0e23)<\/p>\n                <\/div>\n\n                <div class=\"space-y-4\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                    <div class=\"p-6 bg-gradient-to-r from-emerald-600 to-teal-600 text-white rounded-2xl shadow-md\">\n                        <span class=\"text-xs uppercase font-bold text-emerald-100 tracking-wider block\">\u0e2d\u0e31\u0e15\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c<\/span>\n                        <p class=\"text-xl font-bold mt-1 m-0\">\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23 \u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34<\/p>\n                    <\/div>\n                    <div class=\"p-6 bg-gradient-to-r from-sky-600 to-blue-600 text-white rounded-2xl shadow-md\">\n                        <span class=\"text-xs uppercase font-bold text-sky-100 tracking-wider block\">\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c<\/span>\n                        <p class=\"text-xl font-bold mt-1 m-0\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e<\/p>\n                    <\/div>\n                <\/div>\n\n                <div class=\"p-8 bg-slate-900 text-white rounded-3xl shadow-xl space-y-6 border border-slate-800\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                    <div>\n                        <span class=\"text-xs text-emerald-400 font-bold uppercase tracking-widest block mb-1\">Corporate Culture<\/span>\n                        <h4 class=\"text-lg font-bold text-white m-0\">\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/h4>\n                        <p class=\"text-slate-300 italic text-sm mt-1 m-0\">&#8220;\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34 \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e19\u0e33\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19&#8221;<\/p>\n                    <\/div>\n                    <div class=\"pt-4 border-t border-slate-800\">\n                        <span class=\"text-xs text-sky-400 font-bold uppercase tracking-widest block mb-1\">Core Competency<\/span>\n                        <h4 class=\"text-lg font-bold text-white m-0\">\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2b\u0e25\u0e31\u0e01<\/h4>\n                        <p class=\"text-slate-400 text-sm mt-1 m-0\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48<\/p>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 4: Desired Graduate Attributes -->\n    <section id=\"ruts-attributes\" class=\"py-12 max-w-5xl mx-auto px-4\">\n        <div class=\"text-center mb-10\" data-aos=\"fade-up\">\n            <h2 class=\"text-3xl font-extrabold text-slate-900 m-0\">\u0e04\u0e38\u0e13\u0e25\u0e31\u0e01\u0e29\u0e13\u0e30\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e2d\u0e31\u0e19\u0e1e\u0e36\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/h2>\n            <div class=\"mt-2 w-16 h-1.5 bg-gradient-to-r from-emerald-500 to-sky-500 mx-auto rounded-full\"><\/div>\n        <\/div>\n        \n        <div class=\"grid gap-3\">\n            <div class=\"ruts-glass-card p-5 rounded-2xl flex items-center gap-5\" data-aos=\"fade-up\">\n                <div class=\"w-10 h-10 rounded-xl bg-emerald-100 text-emerald-700 flex items-center justify-center font-bold text-lg flex-shrink-0\">1<\/div>\n                <p class=\"text-slate-700 font-medium text-base m-0\">\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e41\u0e25\u0e30\u0e17\u0e31\u0e01\u0e29\u0e30\u0e17\u0e32\u0e07\u0e27\u0e34\u0e0a\u0e32\u0e0a\u0e35\u0e1e \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d \u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35 \u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e2b\u0e21\u0e32\u0e30\u0e2a\u0e21\u0e41\u0e25\u0e30\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-5 rounded-2xl flex items-center gap-5\" data-aos=\"fade-up\" data-aos-delay=\"50\">\n                <div class=\"w-10 h-10 rounded-xl bg-sky-100 text-sky-700 flex items-center justify-center font-bold text-lg flex-shrink-0\">2<\/div>\n                <p class=\"text-slate-700 font-medium text-base m-0\">\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e17\u0e35\u0e48\u0e0a\u0e48\u0e27\u0e22\u0e43\u0e2b\u0e49\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e41\u0e01\u0e49\u0e1b\u0e31\u0e0d\u0e2b\u0e32\u0e41\u0e25\u0e30\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-5 rounded-2xl flex items-center gap-5\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div class=\"w-10 h-10 rounded-xl bg-amber-100 text-amber-700 flex items-center justify-center font-bold text-lg flex-shrink-0\">3<\/div>\n                <p class=\"text-slate-700 font-medium text-base m-0\">\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e43\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e37\u0e48\u0e2d\u0e2a\u0e32\u0e23\u0e17\u0e35\u0e48\u0e14\u0e35 \u0e19\u0e33\u0e40\u0e2a\u0e19\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e40\u0e2b\u0e47\u0e19\u0e41\u0e25\u0e30\u0e02\u0e49\u0e2d\u0e40\u0e2a\u0e19\u0e2d\u0e41\u0e19\u0e30\u0e44\u0e14\u0e49\u0e0a\u0e31\u0e14\u0e40\u0e08\u0e19 \u0e41\u0e25\u0e30\u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e2d\u0e37\u0e48\u0e19\u0e44\u0e14\u0e49\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e21\u0e35\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-5 rounded-2xl flex items-center gap-5\" data-aos=\"fade-up\" data-aos-delay=\"150\">\n                <div class=\"w-10 h-10 rounded-xl bg-teal-100 text-teal-700 flex items-center justify-center font-bold text-lg flex-shrink-0\">4<\/div>\n                <p class=\"text-slate-700 font-medium text-base m-0\">\u0e21\u0e35\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 \u0e04\u0e27\u0e32\u0e21\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e15\u0e48\u0e2d\u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e2a\u0e31\u0e07\u0e04\u0e21 \u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-5 rounded-2xl flex items-center gap-5\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"w-10 h-10 rounded-xl bg-indigo-100 text-indigo-700 flex items-center justify-center font-bold text-lg flex-shrink-0\">5<\/div>\n                <p class=\"text-slate-700 font-medium text-base m-0\">\u0e21\u0e35\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07 \u0e41\u0e25\u0e30\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e15\u0e25\u0e2d\u0e14\u0e0a\u0e35\u0e27\u0e34\u0e15 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e23\u0e31\u0e1a\u0e15\u0e31\u0e27\u0e43\u0e2b\u0e49\u0e17\u0e31\u0e19\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 5, 6, 7: Goals, Strategy & Objectives -->\n    <section id=\"ruts-strategy\" class=\"py-16 max-w-7xl mx-auto px-4 relative z-10\">\n        <div class=\"text-center mb-14\" data-aos=\"fade-up\">\n            <span class=\"px-4 py-1.5 rounded-full bg-emerald-100\/80 text-emerald-800 text-xs font-black tracking-widest uppercase inline-block mb-3 border border-emerald-200\">\n                Strategic Direction\n            <\/span>\n            <h2 class=\"text-3xl sm:text-4xl font-black text-slate-900 m-0\">\n                \u0e17\u0e34\u0e28\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\n            <\/h2>\n            <p class=\"text-slate-500 text-xs sm:text-sm mt-2 m-0\">\u0e01\u0e23\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e13\u0e30\u0e41\u0e25\u0e30\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2a\u0e39\u0e48\u0e04\u0e27\u0e32\u0e21\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/p>\n            <div class=\"mt-3 w-20 h-1.5 bg-gradient-to-r from-emerald-500 via-sky-500 to-teal-500 mx-auto rounded-full\"><\/div>\n        <\/div>\n\n        <div class=\"grid lg:grid-cols-3 gap-8\">\n            \n            <!-- Pillar 1: \u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e13\u0e30 -->\n            <div class=\"ruts-glass-card p-7 rounded-3xl border-t-4 border-t-emerald-500 flex flex-col justify-between space-y-6 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div>\n                    <div class=\"flex items-center justify-between border-b border-slate-200\/80 pb-4 mb-6\">\n                        <div>\n                            <span class=\"text-[10px] font-black text-emerald-600 uppercase tracking-widest block\">Column 01<\/span>\n                            <h3 class=\"text-2xl font-black text-slate-900 m-0\">\u0e40\u0e1b\u0e49\u0e32\u0e2b\u0e21\u0e32\u0e22\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e13\u0e30<\/h3>\n                        <\/div>\n                        <div class=\"w-12 h-12 rounded-2xl bg-emerald-500\/10 text-emerald-600 font-bold text-2xl flex items-center justify-center group-hover:bg-emerald-500 group-hover:text-white transition-all shadow-sm\">\n                            \ud83c\udfdb\ufe0f\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"space-y-3.5\">\n                        <div class=\"p-4 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-emerald-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">1<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e1c\u0e25\u0e34\u0e15\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e2b\u0e48\u0e07\u0e2d\u0e19\u0e32\u0e04\u0e15\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-4 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-emerald-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">2<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e40\u0e1b\u0e47\u0e19\u0e41\u0e2b\u0e25\u0e48\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e20\u0e32\u0e04\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e02\u0e2d\u0e07\u0e20\u0e39\u0e21\u0e34\u0e20\u0e32\u0e04 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e10\u0e32\u0e19\u0e23\u0e32\u0e01\u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-4 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-emerald-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">3<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e40\u0e1b\u0e47\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48\u0e14\u0e49\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e20\u0e32\u0e04\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23\u0e2a\u0e39\u0e48\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pt-2 text-right\">\n                    <span class=\"text-[11px] font-bold text-emerald-600 bg-emerald-50 px-3 py-1 rounded-full\">Faculty Goals<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Pillar 2: \u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22 -->\n            <div class=\"ruts-glass-card p-7 rounded-3xl border-t-4 border-t-sky-500 flex flex-col justify-between space-y-6 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div>\n                    <div class=\"flex items-center justify-between border-b border-slate-200\/80 pb-4 mb-6\">\n                        <div>\n                            <span class=\"text-[10px] font-black text-sky-600 uppercase tracking-widest block\">Column 02<\/span>\n                            <h3 class=\"text-2xl font-black text-slate-900 m-0\">\u0e22\u0e38\u0e17\u0e18\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e1e\u0e31\u0e12\u0e19\u0e32 \u0e21\u0e17\u0e23.<\/h3>\n                        <\/div>\n                        <div class=\"w-12 h-12 rounded-2xl bg-sky-500\/10 text-sky-600 font-bold text-2xl flex items-center justify-center group-hover:bg-sky-500 group-hover:text-white transition-all shadow-sm\">\n                            \ud83d\ude80\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"space-y-3.5\">\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-sky-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">1<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e42\u0e14\u0e14\u0e40\u0e14\u0e48\u0e19\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e2a\u0e39\u0e48\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e41\u0e2b\u0e48\u0e07\u0e42\u0e2d\u0e01\u0e32\u0e2a\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-sky-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">2<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e02\u0e35\u0e14\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e43\u0e19\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-sky-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">3<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2a\u0e39\u0e07\u0e23\u0e2d\u0e07\u0e23\u0e31\u0e1a\u0e01\u0e23\u0e30\u0e41\u0e2a\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-sky-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">4<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e\u0e0a\u0e35\u0e27\u0e34\u0e15\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pt-2 text-right\">\n                    <span class=\"text-[11px] font-bold text-sky-600 bg-sky-50 px-3 py-1 rounded-full\">University Strategy<\/span>\n                <\/div>\n            <\/div>\n\n            <!-- Pillar 3: \u0e40\u0e1b\u0e49\u0e32\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c -->\n            <div class=\"ruts-glass-card p-7 rounded-3xl border-t-4 border-t-teal-500 flex flex-col justify-between space-y-6 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                <div>\n                    <div class=\"flex items-center justify-between border-b border-slate-200\/80 pb-4 mb-6\">\n                        <div>\n                            <span class=\"text-[10px] font-black text-teal-600 uppercase tracking-widest block\">Column 03<\/span>\n                            <h3 class=\"text-2xl font-black text-slate-900 m-0\">\u0e40\u0e1b\u0e49\u0e32\u0e1b\u0e23\u0e30\u0e2a\u0e07\u0e04\u0e4c<\/h3>\n                        <\/div>\n                        <div class=\"w-12 h-12 rounded-2xl bg-teal-500\/10 text-teal-600 font-bold text-2xl flex items-center justify-center group-hover:bg-teal-500 group-hover:text-white transition-all shadow-sm\">\n                            \ud83c\udfaf\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"space-y-3.5\">\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-teal-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">1<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-teal-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">2<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e27\u0e34\u0e08\u0e31\u0e22 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e27\u0e31\u0e12\u0e19\u0e18\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e1a\u0e19\u0e10\u0e32\u0e19 BCG Model\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-teal-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">3<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e1e\u0e25\u0e34\u0e01\u0e42\u0e09\u0e21\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e44\u0e1b\u0e2a\u0e39\u0e48\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25\n                            <\/p>\n                        <\/div>\n                        <div class=\"p-3.5 bg-white\/60 rounded-2xl border border-white\/80 hover:bg-white hover:shadow-md transition-all flex items-start gap-3.5\">\n                            <span class=\"w-6 h-6 rounded-lg bg-teal-500 text-white font-bold text-xs flex items-center justify-center flex-shrink-0 mt-0.5\">4<\/span>\n                            <p class=\"text-slate-700 text-xs sm:text-sm font-semibold leading-relaxed m-0\">\n                                \u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23\u0e14\u0e49\u0e27\u0e22\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e1a\u0e48\u0e21\u0e40\u0e1e\u0e32\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e10\u0e32\u0e19\u0e19\u0e31\u0e01\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\n                            <\/p>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"pt-2 text-right\">\n                    <span class=\"text-[11px] font-bold text-teal-600 bg-teal-50 px-3 py-1 rounded-full\">Key Objectives<\/span>\n                <\/div>\n            <\/div>\n\n        <\/div>\n    <\/section>\n\n    <!-- SECTION 8: Core Values (AGRI) -->\n    <section id=\"ruts-agri\" class=\"py-16 max-w-6xl mx-auto px-4\">\n        <div class=\"text-center mb-12\" data-aos=\"fade-up\">\n            <h2 class=\"text-3xl sm:text-4xl font-extrabold text-slate-900 m-0\">\u0e04\u0e48\u0e32\u0e19\u0e34\u0e22\u0e21\u0e2b\u0e25\u0e31\u0e01 (AGRI)<\/h2>\n            <p class=\"text-slate-500 text-xs mt-1\">Core Values of Faculty of Agriculture<\/p>\n            <div class=\"mt-2 w-16 h-1.5 bg-gradient-to-r from-emerald-500 to-sky-500 mx-auto rounded-full\"><\/div>\n        <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-4 gap-6\">\n            <div class=\"ruts-glass-card p-8 rounded-3xl border-t-4 border-t-emerald-500 group\" data-aos=\"fade-up\">\n                <div class=\"w-14 h-14 rounded-2xl bg-emerald-500 text-white font-black text-3xl flex items-center justify-center mb-6 shadow-lg shadow-emerald-500\/30 group-hover:scale-110 transition-transform\">A<\/div>\n                <h4 class=\"font-bold text-slate-900 text-xl m-0\">Agritech<\/h4>\n                <span class=\"text-xs text-emerald-600 font-semibold block mb-2\">\u0e40\u0e01\u0e29\u0e15\u0e23\u0e41\u0e21\u0e48\u0e19\u0e22\u0e33<\/span>\n                <p class=\"text-slate-600 text-sm leading-relaxed m-0\">\u0e21\u0e38\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e22\u0e38\u0e01\u0e15\u0e4c\u0e43\u0e0a\u0e49\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2a\u0e21\u0e31\u0e22\u0e43\u0e2b\u0e21\u0e48 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e \u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19 \u0e41\u0e25\u0e30\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-8 rounded-3xl border-t-4 border-t-sky-500 group\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n                <div class=\"w-14 h-14 rounded-2xl bg-sky-500 text-white font-black text-3xl flex items-center justify-center mb-6 shadow-lg shadow-sky-500\/30 group-hover:scale-110 transition-transform\">G<\/div>\n                <h4 class=\"font-bold text-slate-900 text-xl m-0\">Growth<\/h4>\n                <span class=\"text-xs text-sky-600 font-semibold block mb-2\">\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19<\/span>\n                <p class=\"text-slate-600 text-sm leading-relaxed m-0\">\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e42\u0e14\u0e22\u0e04\u0e33\u0e19\u0e36\u0e07\u0e16\u0e36\u0e07\u0e2a\u0e21\u0e14\u0e38\u0e25\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e41\u0e25\u0e30\u0e2a\u0e31\u0e07\u0e04\u0e21 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e23\u0e30\u0e1a\u0e1a\u0e40\u0e01\u0e29\u0e15\u0e23\u0e1e\u0e36\u0e48\u0e07\u0e1e\u0e32\u0e15\u0e19\u0e40\u0e2d\u0e07\u0e44\u0e14\u0e49<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-8 rounded-3xl border-t-4 border-t-amber-500 group\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n                <div class=\"w-14 h-14 rounded-2xl bg-amber-500 text-white font-black text-3xl flex items-center justify-center mb-6 shadow-lg shadow-amber-500\/30 group-hover:scale-110 transition-transform\">R<\/div>\n                <h4 class=\"font-bold text-slate-900 text-xl m-0\">Responsibility<\/h4>\n                <span class=\"text-xs text-amber-600 font-semibold block mb-2\">\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e15\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21<\/span>\n                <p class=\"text-slate-600 text-sm leading-relaxed m-0\">\u0e22\u0e36\u0e14\u0e21\u0e31\u0e48\u0e19\u0e43\u0e19\u0e04\u0e38\u0e13\u0e18\u0e23\u0e23\u0e21 \u0e08\u0e23\u0e34\u0e22\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30\u0e21\u0e38\u0e48\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e17\u0e35\u0e48\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\u0e41\u0e01\u0e48\u0e0a\u0e38\u0e21\u0e0a\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14\u0e25\u0e49\u0e2d\u0e21<\/p>\n            <\/div>\n            <div class=\"ruts-glass-card p-8 rounded-3xl border-t-4 border-t-teal-500 group\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n                <div class=\"w-14 h-14 rounded-2xl bg-teal-500 text-white font-black text-3xl flex items-center justify-center mb-6 shadow-lg shadow-teal-500\/30 group-hover:scale-110 transition-transform\">I<\/div>\n                <h4 class=\"font-bold text-slate-900 text-xl m-0\">Innovation<\/h4>\n                <span class=\"text-xs text-teal-600 font-semibold block mb-2\">\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/span>\n                <p class=\"text-slate-600 text-sm leading-relaxed m-0\">\u0e04\u0e34\u0e14\u0e04\u0e49\u0e19\u0e41\u0e19\u0e27\u0e17\u0e32\u0e07\u0e43\u0e2b\u0e21\u0e48\u0e46 \u0e17\u0e32\u0e07\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e01\u0e32\u0e23\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e02\u0e2d\u0e07\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e22\u0e38\u0e04\u0e43\u0e2b\u0e21\u0e48<\/p>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<!-- Load Scripts for Scroll Animations and Interactive Effects -->\n<script src=\"https:\/\/unpkg.com\/aos@2.3.1\/dist\/aos.js\"><\/script>\n<script>\n    document.addEventListener('DOMContentLoaded', () => {\n        AOS.init({\n            duration: 800,\n            once: true,\n            easing: 'ease-out-cubic'\n        });\n\n        \/\/ Interactive Mouse Spotlight Tracking for Glass Cards\n        const cards = document.querySelectorAll('.ruts-glass-card');\n        cards.forEach(card => {\n            card.addEventListener('mousemove', (e) => {\n                const rect = card.getBoundingClientRect();\n                const x = e.clientX - rect.left;\n                const y = e.clientY - rect.top;\n                card.style.setProperty('--mouse-x', `${x}px`);\n                card.style.setProperty('--mouse-y', `${y}px`);\n            });\n        });\n\n        \/\/ Animated Counters System using IntersectionObserver\n        const counters = document.querySelectorAll('.ruts-counter');\n        const observerOptions = { threshold: 0.5 };\n\n        const counterObserver = new IntersectionObserver((entries, observer) => {\n            entries.forEach(entry => {\n                if (entry.isIntersecting) {\n                    const counter = entry.target;\n                    const target = +counter.getAttribute('data-target');\n                    let count = 0;\n                    const speed = target \/ 30;\n\n                    const updateCount = () => {\n                        count += speed;\n                        if (count < target) {\n                            counter.innerText = Math.ceil(count);\n                            setTimeout(updateCount, 40);\n                        } else {\n                            counter.innerText = target;\n                        }\n                    };\n\n                    updateCount();\n                    observer.unobserve(counter);\n                }\n            });\n        }, observerOptions);\n\n        counters.forEach(counter => counterObserver.observe(counter));\n    });\n<\/script>\n\n\n\n<div class=\"ruts-eco-footer-premium\">\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.0.0\/css\/all.min.css\">\n    \n    <style>\n        @import url('https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;600;700&display=swap');\n\n        .ruts-eco-footer-premium {\n            background: linear-gradient(135deg, #f3f8f4 0%, #ffffff 100%);\n            color: #333;\n            font-family: 'Sarabun', sans-serif;\n            padding: 60px 0 0 0;\n            border-top: 6px solid #27ae60;\n            \n            \/* \u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e40\u0e15\u0e47\u0e21\u0e08\u0e2d\u0e02\u0e2d\u0e1a\u0e0a\u0e19\u0e02\u0e2d\u0e1a *\/\n            width: 100vw;\n            position: relative;\n            left: 50%;\n            right: 50%;\n            margin-left: -50vw;\n            margin-right: -50vw;\n            box-sizing: border-box;\n            overflow: hidden;\n        }\n\n        .footer-inner-content {\n            max-width: 1200px;\n            margin: 0 auto;\n            display: flex;\n            flex-wrap: wrap;\n            gap: 40px;\n            padding: 0 20px 60px 20px;\n            box-sizing: border-box;\n        }\n\n        \/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48 1: \u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e04\u0e13\u0e30 *\/\n        .footer-info-col { flex: 1; min-width: 300px; }\n        .footer-logo-main { \n            max-width: 120px; \n            margin-bottom: 20px;\n            transition: transform 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);\n        }\n        .footer-info-col:hover .footer-logo-main {\n            transform: scale(1.05) rotate(2deg);\n        }\n        .footer-info-col h2 { color: #1b5e20; font-size: 25px; margin: 10px 0; font-weight: 700; }\n        .contact-box { margin-top: 20px; font-size: 15px; line-height: 1.8; }\n        .contact-item { display: flex; align-items: flex-start; gap: 12px; margin-bottom: 12px; }\n        .contact-item i { color: #27ae60; margin-top: 5px; width: 20px; text-align: center; }\n\n        \/* \u0e2a\u0e48\u0e27\u0e19\u0e02\u0e2d\u0e07 Social Links \u0e17\u0e35\u0e48\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e02\u0e49\u0e32\u0e21\u0e32\u0e43\u0e2b\u0e21\u0e48 *\/\n        .footer-social-wrapper {\n            margin-top: 25px;\n            display: flex;\n            gap: 12px;\n            align-items: center;\n        }\n        .footer-social-title {\n            font-size: 14px;\n            font-weight: 600;\n            color: #1b5e20;\n        }\n        .footer-social-btn {\n            display: inline-flex;\n            align-items: center;\n            justify-content: center;\n            width: 38px;\n            height: 38px;\n            border-radius: 50%;\n            background-color: #e8f4ec;\n            color: #27ae60;\n            text-decoration: none;\n            font-size: 16px;\n            transition: all 0.3s ease;\n            box-shadow: 0 2px 5px rgba(0,0,0,0.05);\n        }\n        .footer-social-btn:hover {\n            color: #fff;\n            transform: translateY(-3px) scale(1.08);\n            box-shadow: 0 5px 15px rgba(0,0,0,0.1);\n        }\n        \/* \u0e2a\u0e35\u0e1b\u0e23\u0e30\u0e08\u0e33\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e40\u0e21\u0e37\u0e48\u0e2d\u0e40\u0e2d\u0e32\u0e40\u0e21\u0e32\u0e2a\u0e4c\u0e44\u0e1b\u0e0a\u0e35\u0e49 (Hover) *\/\n        .footer-social-btn.facebook:hover { background-color: #1877F2; border-color: #1877F2; }\n        .footer-social-btn.messenger:hover { background-color: #00B2FF; border-color: #00B2FF; }\n        .footer-social-btn.tiktok:hover { background-color: #010101; border-color: #010101; }\n\n        \/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48 2: \u0e23\u0e32\u0e22\u0e0a\u0e37\u0e48\u0e2d\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\/\u0e04\u0e13\u0e30 *\/\n        .footer-campus-col { \n            flex: 1.8; \n            min-width: 350px; \n            border-left: 1px dashed #cedad0; \n            border-right: 1px dashed #cedad0; \n            padding: 0 30px; \n        }\n        .footer-campus-col h3 { color: #1b5e20; font-size: 22px; margin-bottom: 25px; font-weight: 700; }\n        .campus-badge { background: #1e8449; color: white; padding: 6px 16px; border-radius: 20px; font-size: 13px; display: inline-block; margin-bottom: 15px; font-weight: 600; box-shadow: 0 4px 10px rgba(30,132,73,0.15); }\n        .campus-grid-fixed { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }\n        \n        \/* \u0e2a\u0e44\u0e15\u0e25\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e04\u0e13\u0e30 *\/\n        .campus-list-fixed { list-style: none; padding: 0; margin: 0; }\n        .campus-list-fixed li { \n            font-size: 13.5px; \n            margin-bottom: 8px; \n            position: relative; \n            padding-left: 18px; \n            line-height: 1.4;\n            transition: all 0.3s ease;\n        }\n        .campus-list-fixed li a {\n            color: #555;\n            text-decoration: none;\n            transition: all 0.3s ease;\n            display: inline-block;\n        }\n        .campus-list-fixed li::before { \n            content: \"\u2022\"; \n            position: absolute; \n            left: 0; \n            color: #27ae60; \n            font-weight: bold;\n            transition: all 0.3s ease;\n        }\n        .campus-list-fixed li:hover {\n            transform: translateX(6px);\n        }\n        .campus-list-fixed li:hover a {\n            color: #1b5e20;\n            font-weight: 600;\n        }\n        .campus-list-fixed li:hover::before {\n            content: \"\ud83c\udf43\"; \n            left: -4px;\n            font-size: 12px;\n        }\n\n        \/* \u0e04\u0e2d\u0e25\u0e31\u0e21\u0e19\u0e4c\u0e17\u0e35\u0e48 3: \u0e42\u0e25\u0e42\u0e01\u0e49\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23 *\/\n        .footer-partner-col { flex: 0.9; min-width: 250px; }\n        .footer-partner-col h3 { color: #1b5e20; font-size: 22px; margin-bottom: 25px; font-weight: 700; }\n        .partner-logo-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; }\n        \n        .partner-card { \n            background: #ffffff;\n            border: 1px solid #e2ebe4; \n            border-radius: 12px; \n            padding: 12px; \n            display: flex; \n            flex-direction: column; \n            align-items: center; \n            justify-content: center; \n            text-align: center; \n            transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);\n            box-shadow: 0 2px 5px rgba(0,0,0,0.02);\n            text-decoration: none;\n        }\n        .partner-card img { \n            max-width: 100%; \n            height: auto; \n            max-height: 45px; \n            margin-bottom: 8px; \n            filter: grayscale(100%);\n            opacity: 0.6;\n            transition: all 0.3s ease;\n        }\n        .partner-card span { font-size: 11px; font-weight: 600; color: #777; text-transform: uppercase; transition: color 0.3s; }\n\n        .partner-card:hover { \n            border-color: #2ecc71; \n            box-shadow: 0 10px 20px rgba(39, 174, 96, 0.12); \n            transform: translateY(-5px);\n        }\n        .partner-card:hover img {\n            filter: grayscale(0%);\n            opacity: 1;\n            transform: scale(1.05);\n        }\n        .partner-card:hover span {\n            color: #1e8449;\n        }\n\n        \/* \u0e41\u0e16\u0e1a\u0e25\u0e48\u0e32\u0e07\u0e2a\u0e38\u0e14 (Copyright) *\/\n        .footer-bottom-fixed { \n            background: #1b5e20; \n            color: rgba(255,255,255,0.85);\n            padding: 22px 0; \n            text-align: center; \n            font-size: 13px; \n            width: 100%;\n            letter-spacing: 0.5px;\n        }\n\n        @media (max-width: 992px) {\n            .footer-campus-col { border-left: none; border-right: none; padding: 30px 0; border-top: 1px dashed #cedad0; border-bottom: 1px dashed #cedad0; }\n        }\n\n        @media (max-width: 768px) {\n            .footer-inner-content { flex-direction: column; gap: 30px; }\n            .campus-grid-fixed { grid-template-columns: 1fr; }\n            .partner-logo-grid { grid-template-columns: repeat(2, 1fr); }\n            .footer-social-wrapper { justify-content: flex-start; }\n        }\n    <\/style>\n\n    <div class=\"footer-inner-content\">\n        <div class=\"footer-info-col\">\n            <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/02\/logo-2-2-150x150.png\" class=\"footer-logo-main\" alt=\"RUTS Agriculture\">\n            <h2>\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/h2>\n            <div class=\"contact-box\">\n                <div class=\"contact-item\">\n                    <i class=\"fas fa-map-marker-alt\"><\/i>\n                    <span><strong>\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e23\u0e32\u0e0a\u0e21\u0e07\u0e04\u0e25\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e27\u0e34\u0e17\u0e22\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a<\/strong><br>109 \u0e21.2 \u0e15.\u0e16\u0e49\u0e33\u0e43\u0e2b\u0e0d\u0e48 \u0e2d.\u0e17\u0e38\u0e48\u0e07\u0e2a\u0e07 \u0e08.\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a 80110<\/span>\n                <\/div>\n                <div class=\"contact-item\">\n                    <i class=\"fas fa-phone-alt\"><\/i>\n                    <span>075-329-936, 063-343-0551<\/span>\n                <\/div>\n                <div class=\"contact-item\">\n                    <i class=\"fas fa-envelope\"><\/i>\n                    <span>agr@rmutsv.ac.th<\/span>\n                <\/div>\n            <\/div>\n            \n            <div class=\"footer-social-wrapper\">\n\n                <a href=\"https:\/\/www.facebook.com\/agr.rmutsv\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn facebook\" title=\"Facebook \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\">\n                    <i class=\"fab fa-facebook-f\"><\/i>\n                <\/a>\n                <a href=\"https:\/\/m.me\/agr.rmutsv\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn messenger\" title=\"\u0e2a\u0e48\u0e07\u0e02\u0e49\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e17\u0e32\u0e07 Messenger\">\n                    <i class=\"fab fa-facebook-messenger\"><\/i>\n                <\/a>\n                <a href=\"https:\/\/www.tiktok.com\/@YOUR_TIKTOK_ID\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"footer-social-btn tiktok\" title=\"TikTok \u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\">\n                    <i class=\"fab fa-tiktok\"><\/i>\n                <\/a>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-campus-col\">\n            <h3>\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15 \/ \u0e04\u0e13\u0e30\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19<\/h3>\n            <div class=\"campus-grid-fixed\">\n                <div>\n                    <span class=\"campus-badge\">\u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e2a\u0e07\u0e02\u0e25\u0e32<\/span>\n                    <ul class=\"campus-list-fixed\">\n                        <li><a href=\"https:\/\/www.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e2a\u0e07\u0e02\u0e25\u0e32<\/a><\/li>\n                        <li><a href=\"https:\/\/inded.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e04\u0e23\u0e38\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/a><\/li>\n                        <li><a href=\"https:\/\/bba.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/a><\/li>\n                        <li><a href=\"https:\/\/eng.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n                        <li><a href=\"https:\/\/libarts.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e28\u0e34\u0e25\u0e1b\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n                        <li><a href=\"https:\/\/arch.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e2a\u0e16\u0e32\u0e1b\u0e31\u0e15\u0e22\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n                        <li><a href=\"https:\/\/rpc.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e23\u0e31\u0e15\u0e20\u0e39\u0e21\u0e34<\/a><\/li>\n                    <\/ul>\n                <\/div>\n                <div>\n                    <span class=\"campus-badge\">\u0e21\u0e17\u0e23.\u0e28\u0e23\u0e35\u0e27\u0e34\u0e0a\u0e31\u0e22 \u0e15\u0e23\u0e31\u0e07<\/span>\n                    <ul class=\"campus-list-fixed\">\n                        <li><a href=\"https:\/\/fishtech.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e30\u0e21\u0e07<\/a><\/li>\n                        <li><a href=\"https:\/\/cht.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e01\u0e32\u0e23\u0e42\u0e23\u0e07\u0e41\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e17\u0e48\u0e2d\u0e07\u0e40\u0e17\u0e35\u0e48\u0e22\u0e27<\/a><\/li>\n                        <li><a href=\"https:\/\/engtech.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n            \n            <div style=\"margin-top:25px;\">\n                <span class=\"campus-badge\" style=\"background:#27ae60;\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e40\u0e02\u0e15\u0e19\u0e04\u0e23\u0e28\u0e23\u0e35\u0e18\u0e23\u0e23\u0e21\u0e23\u0e32\u0e0a<\/span>\n                <div class=\"campus-grid-fixed\">\n                    <ul class=\"campus-list-fixed\">\n                        <li><a href=\"https:\/\/nakhon.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e17\u0e38\u0e48\u0e07\u0e43\u0e2b\u0e0d\u0e48<\/a><\/li>\n                        <li><a href=\"https:\/\/nakhon.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e44\u0e2a\u0e43\u0e2b\u0e0d\u0e48<\/a><\/li>\n                        <li><a href=\"https:\/\/cim.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/a><\/li>\n                        <li><a href=\"https:\/\/agr.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e40\u0e01\u0e29\u0e15\u0e23\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n                    <\/ul>\n                    <ul class=\"campus-list-fixed\">\n                        <li><a href=\"https:\/\/vet.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e2a\u0e31\u0e15\u0e27\u0e41\u0e1e\u0e17\u0e22\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c<\/a><\/li>\n                        <li><a href=\"https:\/\/agro-industry.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e40\u0e01\u0e29\u0e15\u0e23<\/a><\/li>\n                        <li><a href=\"https:\/\/scitech.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e41\u0e25\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35<\/a><\/li>\n                        <li><a href=\"https:\/\/mt.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e04\u0e13\u0e30\u0e40\u0e17\u0e04\u0e42\u0e19\u0e42\u0e25\u0e22\u0e35\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23<\/a><\/li>\n                    <\/ul>\n                <\/div>\n            <\/div>\n        <\/div>\n\n        <div class=\"footer-partner-col\">\n            <h3>\u0e2b\u0e19\u0e48\u0e27\u0e22\u0e07\u0e32\u0e19\u0e17\u0e35\u0e48\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07<\/h3>\n            <div class=\"partner-logo-grid\">\n                <a href=\"https:\/\/www.rmutsv.ac.th\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n                    <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/image-45-150x150.png\" alt=\"RUTS\">\n                    <span>RUTS<\/span>\n                <\/a>\n                <a href=\"https:\/\/www.onesqa.or.th\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n                    <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/image-51-150x150.png\" alt=\"\u0e2a\u0e21\u0e28.\">\n                    <span>\u0e2a\u0e21\u0e28.<\/span>\n                <\/a>\n                <a href=\"https:\/\/www.cpfworldwide.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n                    <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/%E0%B8%94%E0%B8%B2%E0%B8%A7%E0%B8%99%E0%B9%8C%E0%B9%82%E0%B8%AB%E0%B8%A5%E0%B8%94.png\" alt=\"CPF\">\n                    <span>CPF<\/span>\n                <\/a>\n                <a href=\"https:\/\/www.betagro.com\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n                    <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2024\/11\/Logo-BTG-COP-440x440_px-150x150.png\" alt=\"BETAGRO\">\n                    <span>BETAGRO<\/span>\n                <\/a>\n                <a href=\"https:\/\/rinmp.com\/\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"partner-card\">\n                    <img decoding=\"async\" src=\"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-content\/uploads\/2025\/10\/LINE_ALBUM_%E0%B9%82%E0%B8%A5%E0%B9%82%E0%B8%81%E0%B9%89-RinMP_251023_1-300x212.png\" alt=\"Rin MP\">\n                    <span>Rin MP<\/span>\n                <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u2728 Faculty of Agriculture \u2014 RUTS \u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e40\u0e01\u0e29\u0e15\u0e23 \u0e14\u0e49\u0e27\u0e22\u0e40\u0e17\u0e04\u0e42 [&hellip;]<\/p>\n","protected":false},"author":10,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-20705","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/20705","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/users\/10"}],"replies":[{"embeddable":true,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/comments?post=20705"}],"version-history":[{"count":58,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/20705\/revisions"}],"predecessor-version":[{"id":22641,"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/pages\/20705\/revisions\/22641"}],"wp:attachment":[{"href":"https:\/\/agr.rmutsv.ac.th\/ruts\/wp-json\/wp\/v2\/media?parent=20705"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}