{"id":3582,"date":"2023-07-25T09:28:20","date_gmt":"2023-07-25T02:28:20","guid":{"rendered":"https:\/\/cci.swu.ac.th\/?page_id=3582"},"modified":"2026-02-23T13:44:58","modified_gmt":"2026-02-23T06:44:58","slug":"front-page","status":"publish","type":"page","link":"https:\/\/cci.swu.ac.th\/en\/front-page\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"gb-container gb-container-59fed8bf\">\n\n<figure class=\"gb-block-image gb-block-image-1ae295c7\"><a href=\"https:\/\/kithai.cci.swu.ac.th\/cn\" target=\"_blank\" rel=\"noopener noreferrer\"><img loading=\"lazy\" decoding=\"async\" width=\"1536\" height=\"455\" class=\"gb-image gb-image-1ae295c7\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/Frame-19-4-1536x455-1.png\" alt=\"\" title=\"Frame-19-4-1536x455\" srcset=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/Frame-19-4-1536x455-1.png 1536w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/Frame-19-4-1536x455-1-300x89.png 300w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/Frame-19-4-1536x455-1-1024x303.png 1024w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/Frame-19-4-1536x455-1-768x228.png 768w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/Frame-19-4-1536x455-1-18x5.png 18w\" sizes=\"auto, (max-width: 1536px) 100vw, 1536px\" \/><\/a><\/figure>\n\n<\/div>\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@800&#038;family=Prompt:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"py-16 md:py-20 bg-slate-50 relative font-['Prompt'] overflow-hidden flex items-center justify-center border-y border-slate-200\">\n  \n  <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-full max-w-2xl h-[200px] bg-[#ff7a00] opacity-[0.08] blur-[80px] rounded-full pointer-events-none z-0\"><\/div>\n  \n  <div class=\"absolute inset-0 z-0 opacity-[0.03]\" style=\"background-image: linear-gradient(#000 1px, transparent 1px), linear-gradient(90deg, #000 1px, transparent 1px); background-size: 30px 30px;\"><\/div>\n\n  <div class=\"relative z-10 w-full max-w-5xl mx-auto px-5 text-center\">\n    \n    <div class=\"inline-flex items-center justify-center px-4 py-1.5 mb-5 rounded-full bg-white border border-[#ff7a00]\/30 shadow-sm\">\n      <span class=\"text-[#ff7a00] font-bold text-xs tracking-wider uppercase flex items-center gap-2\">\n        <span class=\"relative flex h-2.5 w-2.5\">\n          <span class=\"animate-ping absolute inline-flex h-full w-full rounded-full bg-[#ff7a00] opacity-75\"><\/span>\n          <span class=\"relative inline-flex rounded-full h-2.5 w-2.5 bg-[#ff7a00]\"><\/span>\n        <\/span>\n        \u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e49\u0e27\n      <\/span>\n    <\/div>\n\n    <h2 class=\"text-2xl md:text-3xl lg:text-4xl font-extrabold text-slate-900 leading-tight mb-4 tracking-tight\">\n      \u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e34\u0e2a\u0e34\u0e15\u0e43\u0e2b\u0e21\u0e48<br>\n      <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-[#ff7a00] to-[#ffaa5c]\">\n        \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569\n      <\/span>\n    <\/h2>\n\n    <p class=\"text-slate-600 text-sm md:text-base leading-relaxed mb-10 max-w-2xl mx-auto font-medium\">\n      \u0e23\u0e48\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e01\u0e31\u0e1a \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e27\u0e34\u0e42\u0e23\u0e12 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48\n    <\/p>\n\n    <div class=\"mb-10 text-left\">\n      <div class=\"flex items-center gap-3 mb-5\">\n        <div class=\"w-2 h-6 bg-[#ff7a00] rounded-full\"><\/div>\n        <h3 class=\"text-xl font-bold text-slate-800\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 (\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a TCAS)<\/h3>\n      <\/div>\n      \n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6\">\n        \n        <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-[0_4px_20px_-10px_rgba(0,0,0,0.05)] hover:border-[#ff7a00]\/40 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1\">\n          <div class=\"flex items-center gap-3 mb-3\">\n            <div class=\"w-10 h-10 rounded-full bg-[#ff7a00]\/10 text-[#ff7a00] flex items-center justify-center font-extrabold text-lg\">1<\/div>\n            <h4 class=\"font-bold text-slate-900 text-lg\">Portfolio<\/h4>\n          <\/div>\n          <div class=\"pl-13 flex items-start gap-2 text-slate-600 font-medium\">\n            <svg class=\"w-5 h-5 text-[#ff7a00] shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n            <span>11 \u0e1e.\u0e22. 68 &#8211; 8 \u0e21.\u0e04. 69<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-[0_4px_20px_-10px_rgba(0,0,0,0.05)] hover:border-[#ff7a00]\/40 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1\">\n          <div class=\"flex items-center gap-3 mb-3\">\n            <div class=\"w-10 h-10 rounded-full bg-[#ff7a00]\/10 text-[#ff7a00] flex items-center justify-center font-extrabold text-lg\">2<\/div>\n            <h4 class=\"font-bold text-slate-900 text-lg\">\u0e23\u0e2d\u0e1a\u0e17\u0e35\u0e48 2<\/h4>\n          <\/div>\n          <div class=\"flex flex-col gap-3 text-slate-600 font-medium\">\n            <div class=\"flex items-start gap-2\">\n              <svg class=\"w-5 h-5 text-[#ff7a00] shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n              <div>\n                <span class=\"block\">6 \u0e21\u0e35.\u0e04. 69 &#8211; 16 \u0e21\u0e35.\u0e04. 69<\/span>\n                <span class=\"block text-xs text-slate-400 mt-0.5\">(\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e32\u0e02\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e40\u0e02\u0e35\u0e22\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30)<\/span>\n              <\/div>\n            <\/div>\n            <div class=\"flex items-start gap-2 pt-2 border-t border-slate-100\">\n              <svg class=\"w-5 h-5 text-transparent shrink-0\" viewBox=\"0 0 24 24\"><\/svg> <div class=\"-ml-7\">\n                <span class=\"block\">6 \u0e21\u0e35.\u0e04. 69 &#8211; 31 \u0e21\u0e35.\u0e04. 69<\/span>\n                <span class=\"block text-xs text-slate-400 mt-0.5\">(\u0e2a\u0e32\u0e02\u0e32\u0e2d\u0e37\u0e48\u0e19\u0e46)<\/span>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"bg-white p-6 rounded-2xl border border-slate-200 shadow-[0_4px_20px_-10px_rgba(0,0,0,0.05)] hover:border-[#ff7a00]\/40 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1\">\n          <div class=\"flex items-center gap-3 mb-3\">\n            <div class=\"w-10 h-10 rounded-full bg-[#ff7a00]\/10 text-[#ff7a00] flex items-center justify-center font-extrabold text-lg\">3<\/div>\n            <h4 class=\"font-bold text-slate-900 text-lg\">Admission<\/h4>\n          <\/div>\n          <div class=\"pl-13 flex items-start gap-2 text-slate-600 font-medium\">\n            <svg class=\"w-5 h-5 text-[#ff7a00] shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n            <span>6 \u0e1e.\u0e04. 69 &#8211; 12 \u0e1e.\u0e04. 69<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n\n    <div class=\"mb-10 text-left\">\n      <div class=\"flex items-center gap-3 mb-5\">\n        <div class=\"w-2 h-6 bg-slate-800 rounded-full\"><\/div>\n        <h3 class=\"text-xl font-bold text-slate-800\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e42\u0e17 (\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e28\u0e36\u0e01\u0e29\u0e32)<\/h3>\n      <\/div>\n      \n      <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 md:gap-6\">\n        <a href=\"https:\/\/admission.swu.ac.th\/admissions2\/graduate_detail.php?JTI2Z2lkJTNEMiUyNnRpZCUzRDIwJTI2c2NoJTNEMzM2OCUyNnN1YiUzRDElMjZjdXJyaV90eXBlJTNEMSUyNmxldmVsJTNEMg==\" target=\"_blank\" rel=\"noopener noreferrer\" \n           class=\"group block bg-white p-6 rounded-2xl border border-slate-200 shadow-[0_4px_20px_-10px_rgba(0,0,0,0.05)] hover:border-slate-500 hover:shadow-lg transition-all duration-300 transform hover:-translate-y-1\">\n          <div class=\"flex items-center justify-between mb-3\">\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-10 h-10 rounded-full bg-slate-100 text-slate-700 flex items-center justify-center font-extrabold text-lg group-hover:bg-slate-800 group-hover:text-white transition-colors duration-300\">1<\/div>\n              <h4 class=\"font-bold text-slate-900 text-lg group-hover:text-slate-700 transition-colors\">\u0e23\u0e2d\u0e1a\u0e17\u0e35\u0e48 1<\/h4>\n            <\/div>\n            <div class=\"w-8 h-8 rounded-full bg-slate-50 flex items-center justify-center group-hover:bg-slate-100 transition-colors\">\n              <svg class=\"w-4 h-4 text-slate-400 transform group-hover:translate-x-1 group-hover:text-slate-600 transition-all duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M9 5l7 7-7 7\"><\/path><\/svg>\n            <\/div>\n          <\/div>\n          <div class=\"pl-13 flex items-start gap-2 text-slate-600 font-medium\">\n            <svg class=\"w-5 h-5 text-slate-500 shrink-0 mt-0.5\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 7V3m8 4V3m-9 8h10M5 21h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z\"><\/path><\/svg>\n            <span>15 \u0e18.\u0e04. 68 &#8211; 31 \u0e21\u0e35.\u0e04. 69<\/span>\n          <\/div>\n        <\/a>\n      <\/div>\n    <\/div>\n\n    <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mt-8\">\n      <a href=\"https:\/\/admission.swu.ac.th\/admissions2\/\" target=\"_blank\" rel=\"noopener noreferrer\" \n         class=\"w-full sm:w-auto group relative inline-flex items-center justify-center gap-3 px-8 py-3.5 bg-[#ff7a00] text-white font-semibold rounded-full text-base md:text-lg overflow-hidden transition-all duration-300 transform hover:-translate-y-1 hover:scale-105 shadow-[0_10px_20px_-10px_rgba(255,122,0,0.5)] hover:shadow-[0_20px_30px_-10px_rgba(255,122,0,0.7)]\">\n        <span class=\"relative z-10\">\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e1b.\u0e15\u0e23\u0e35 (TCAS)<\/span>\n        <svg class=\"w-5 h-5 relative z-10 transform group-hover:translate-x-1.5 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n        <div class=\"absolute top-0 -left-[100%] w-full h-full bg-gradient-to-r from-transparent via-white\/30 to-transparent transform -skew-x-12 transition-all duration-700 group-hover:left-[100%] z-0\"><\/div>\n      <\/a>\n\n      <a href=\"https:\/\/admission.swu.ac.th\/admissions2\/graduate_detail.php?JTI2Z2lkJTNEMiUyNnRpZCUzRDIwJTI2c2NoJTNEMzM2OCUyNnN1YiUzRDElMjZjdXJyaV90eXBlJTNEMSUyNmxldmVsJTNEMg==\" target=\"_blank\" rel=\"noopener noreferrer\" \n         class=\"w-full sm:w-auto group relative inline-flex items-center justify-center gap-3 px-8 py-3.5 bg-slate-800 text-white font-semibold rounded-full text-base md:text-lg overflow-hidden transition-all duration-300 transform hover:-translate-y-1 hover:scale-105 shadow-[0_10px_20px_-10px_rgba(30,41,59,0.5)] hover:shadow-[0_20px_30px_-10px_rgba(30,41,59,0.7)]\">\n        <span class=\"relative z-10\">\u0e2a\u0e21\u0e31\u0e04\u0e23 \u0e1b.\u0e42\u0e17<\/span>\n        <svg class=\"w-5 h-5 relative z-10 transform group-hover:translate-x-1.5 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2.5\" d=\"M14 5l7 7m0 0l-7 7m7-7H3\"><\/path><\/svg>\n        <div class=\"absolute top-0 -left-[100%] w-full h-full bg-gradient-to-r from-transparent via-white\/20 to-transparent transform -skew-x-12 transition-all duration-700 group-hover:left-[100%] z-0\"><\/div>\n      <\/a>\n    <\/div>\n\n    <p class=\"mt-6 text-xs text-slate-400 font-medium\">\n      * \u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e32\u0e08\u0e21\u0e35\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07 \u0e01\u0e23\u0e38\u0e13\u0e32\u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2d\u0e31\u0e1b\u0e40\u0e14\u0e15\u0e17\u0e35\u0e48\u0e40\u0e27\u0e47\u0e1a\u0e44\u0e0b\u0e15\u0e4c\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e02\u0e2d\u0e07\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e35\u0e01\u0e04\u0e23\u0e31\u0e49\u0e07\n    <\/p>\n\n  <\/div>\n<\/section>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n\n<section class=\"py-16 md:py-24 bg-white relative overflow-hidden\">\n  \n  <div class=\"max-w-7xl mx-auto px-5 relative z-10\">\n    \n    <div class=\"w-full relative rounded-[2rem] md:rounded-[3rem] overflow-hidden shadow-2xl shadow-slate-200\/60 border-[6px] md:border-8 border-white transform hover:scale-[1.01] transition-transform duration-700\">\n      \n      <img decoding=\"async\" \n        src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/GroupPhoto-20-scaled.jpg\" \n        alt=\"CCI Group Photo\" \n        class=\"w-full h-auto object-cover\"\n      >\n      \n      <div class=\"absolute inset-0 bg-gradient-to-t from-black\/10 to-transparent pointer-events-none\"><\/div>\n    <\/div>\n\n  <\/div>\n  \n<\/section>\n\n\n<div class=\"gb-container gb-container-420c00bd\">\n<div class=\"gb-container gb-container-ceff09d5\">\n<div class=\"gb-container gb-container-2530618b\">\n<div class=\"gb-container gb-container-71c00b14\">\n<div class=\"gb-container gb-container-9e28b034\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Prompt:wght@500;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<div class=\"w-full bg-white py-12 px-2 text-center font-['Prompt'] overflow-hidden\">\n  \n  <h3 class=\"text-[#ff7a00] text-[clamp(1rem,4vw,3.5rem)] font-extrabold mb-2 tracking-wide uppercase whitespace-nowrap\">\n    CREATIVE PEOPLE <span class=\"mx-1 md:mx-4 text-[#ff7a00]\">\u2022<\/span> INNOVATIVE VALUE\n  <\/h3>\n  \n  <p class=\"text-gray-800 text-[clamp(0.875rem,2vw,1.5rem)] font-bold tracking-wide mt-2\">\n    \u0e04\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e38\u0e13\u0e04\u0e48\u0e32\n  <\/p>\n\n<\/div>\n\n\n<div class=\"gb-container gb-container-5d7df07e\">\n<div class=\"gb-container gb-container-1bea3634\">\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<div class=\"nv-iframe-embed\"><iframe loading=\"lazy\" title=\"About U. \u0e23\u0e39\u0e49\u0e2b\u0e23\u0e37\u0e2d\u0e40\u0e1b\u0e25\u0e48\u0e32? Ep.13 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\" width=\"1200\" height=\"675\" src=\"https:\/\/www.youtube.com\/embed\/Pj_P3IZJeos?start=47&#038;feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<\/div><\/figure>\n\n<\/div>\n<\/div>\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@800&#038;family=Playfair+Display:ital,wght@1,700&#038;family=Prompt:wght@300;400;500;600;700&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"py-20 md:py-28 bg-white relative font-['Prompt'] overflow-hidden\">\n  \n  <div class=\"absolute top-0 right-0 -mr-20 -mt-20 w-96 h-96 bg-[#ff7a00] opacity-[0.03] rounded-full blur-[80px] pointer-events-none z-0\"><\/div>\n  <div class=\"absolute bottom-0 left-0 -ml-20 -mb-20 w-96 h-96 bg-[#ff7a00] opacity-[0.03] rounded-full blur-[80px] pointer-events-none z-0\"><\/div>\n\n  <div class=\"max-w-7xl mx-auto px-5 relative z-10\">\n    \n    <div class=\"text-center mb-16\">\n      <div class=\"inline-flex items-center justify-center px-4 py-2 mb-4 rounded-full bg-orange-50 border border-orange-100\">\n        <span class=\"text-[#ff7a00] font-bold text-xs tracking-widest uppercase flex items-center gap-2\">\n          <span class=\"w-2 h-2 rounded-full bg-[#ff7a00] animate-pulse\"><\/span>\n          Our Philosophy\n        <\/span>\n      <\/div>\n      <h2 class=\"text-[clamp(32px,4vw,42px)] font-extrabold text-slate-900 leading-tight uppercase font-['Outfit'] mb-4\">\n        Driving the <span class=\"text-[#ff7a00] font-['Playfair_Display'] italic lowercase\">future<\/span>\n      <\/h2>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8 lg:gap-12\">\n\n      <div class=\"relative bg-white border border-slate-100 rounded-[2.5rem] p-8 md:p-12 shadow-[0_10px_40px_-15px_rgba(0,0,0,0.05)] hover:shadow-[0_20px_50px_-15px_rgba(255,122,0,0.15)] hover:-translate-y-2 transition-all duration-500 group overflow-hidden flex flex-col\">\n        \n        <div class=\"absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-[#ff7a00] to-[#ffaa5c]\"><\/div>\n\n        <div class=\"absolute -top-4 -left-2 text-[180px] font-['Playfair_Display'] italic text-slate-50 leading-none select-none pointer-events-none group-hover:text-[#ff7a00]\/5 transition-colors duration-500\">\n          \u201c\n        <\/div>\n\n        <div class=\"relative z-10 flex flex-col h-full\">\n          <div class=\"flex items-center gap-4 mb-8\">\n            <div class=\"w-12 h-12 rounded-2xl bg-orange-50 flex items-center justify-center text-[#ff7a00] group-hover:scale-110 transition-transform duration-300\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-6 h-6\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M2.036 12.322a1.012 1.012 0 010-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178z\" \/>\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15 12a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3 class=\"text-2xl font-bold text-slate-900 tracking-wide\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22<\/h3>\n              <p class=\"text-sm text-[#ff7a00] uppercase tracking-widest font-['Outfit'] font-bold\">Vision<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"pl-6 border-l-4 border-[#ff7a00] mb-8\">\n            <p class=\"text-xl md:text-2xl font-bold text-slate-800 leading-snug\">\n              \u201c\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e17\u0e35\u0e48\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e01\u0e27\u0e48\u0e32\u0e0a\u0e31\u0e49\u0e19\u0e41\u0e19\u0e27\u0e2b\u0e19\u0e49\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e44\u0e21\u0e48\u0e2b\u0e22\u0e38\u0e14\u0e22\u0e31\u0e49\u0e07 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u201d\n            <\/p>\n          <\/div>\n\n          <div class=\"text-slate-600 text-base md:text-lg leading-relaxed font-light space-y-4 flex-grow\">\n            <p>\n              \u0e08\u0e32\u0e01\u0e22\u0e38\u0e04\u0e41\u0e2b\u0e48\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c \u0e2a\u0e39\u0e48\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c \u0e08\u0e19\u0e21\u0e32\u0e16\u0e36\u0e07\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e14\u0e49\u0e27\u0e22 <strong class=\"text-slate-900 font-semibold\">\u201c\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u201d<\/strong> \u0e16\u0e37\u0e2d\u0e40\u0e1b\u0e47\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e01\u0e32\u0e23\u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e43\u0e19\u0e22\u0e38\u0e04\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 \n            <\/p>\n            <p>\n              \u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e08\u0e36\u0e07\u0e21\u0e34\u0e43\u0e0a\u0e48\u0e40\u0e1e\u0e35\u0e22\u0e07\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e21\u0e37\u0e2d\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2d\u0e35\u0e01\u0e15\u0e48\u0e2d\u0e44\u0e1b \u0e2b\u0e32\u0e01\u0e41\u0e15\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e31\u0e27\u0e43\u0e08\u0e17\u0e35\u0e48\u0e21\u0e35\u0e1c\u0e25\u0e15\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e10\u0e32\u0e19\u0e27\u0e34\u0e18\u0e35\u0e04\u0e34\u0e14 \u0e27\u0e34\u0e40\u0e04\u0e23\u0e32\u0e30\u0e2b\u0e4c \u0e41\u0e22\u0e01\u0e41\u0e22\u0e30 \u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e40\u0e01\u0e34\u0e14\u0e01\u0e32\u0e23\u0e1b\u0e23\u0e31\u0e1a\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e23\u0e39\u0e1b\u0e41\u0e1a\u0e1a \u0e2b\u0e23\u0e37\u0e2d\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e04\u0e34\u0e14\u0e17\u0e35\u0e48\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e1c\u0e2a\u0e21\u0e1c\u0e2a\u0e32\u0e19\u0e20\u0e39\u0e21\u0e34\u0e1b\u0e31\u0e0d\u0e0d\u0e32\u0e41\u0e25\u0e30\u0e17\u0e23\u0e31\u0e1e\u0e22\u0e32\u0e01\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e2d\u0e22\u0e39\u0e48\u0e43\u0e2b\u0e49\u0e09\u0e32\u0e22\u0e40\u0e2d\u0e01\u0e25\u0e31\u0e01\u0e29\u0e13\u0e4c\u0e2a\u0e39\u0e48\u0e2a\u0e32\u0e01\u0e25\u0e44\u0e14\u0e49 \u0e2a\u0e21\u0e01\u0e31\u0e1a\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"relative bg-white border border-slate-100 rounded-[2.5rem] p-8 md:p-12 shadow-[0_10px_40px_-15px_rgba(0,0,0,0.05)] hover:shadow-[0_20px_50px_-15px_rgba(255,122,0,0.15)] hover:-translate-y-2 transition-all duration-500 group overflow-hidden flex flex-col\">\n        \n        <div class=\"absolute top-0 left-0 w-full h-2 bg-gradient-to-r from-slate-800 to-slate-600 group-hover:from-[#ff7a00] group-hover:to-[#ffaa5c] transition-all duration-500\"><\/div>\n\n        <div class=\"absolute -top-4 -left-2 text-[180px] font-['Playfair_Display'] italic text-slate-50 leading-none select-none pointer-events-none group-hover:text-[#ff7a00]\/5 transition-colors duration-500\">\n          \u201c\n        <\/div>\n\n        <div class=\"relative z-10 flex flex-col h-full\">\n          <div class=\"flex items-center gap-4 mb-8\">\n            <div class=\"w-12 h-12 rounded-2xl bg-slate-50 flex items-center justify-center text-slate-800 group-hover:bg-orange-50 group-hover:text-[#ff7a00] group-hover:scale-110 transition-all duration-300\">\n              <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" fill=\"none\" viewBox=\"0 0 24 24\" stroke-width=\"2\" stroke=\"currentColor\" class=\"w-6 h-6\">\n                <path stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M15.59 14.37a6 6 0 01-5.84 7.38v-4.8m5.84-2.58a14.98 14.98 0 006.16-12.12A14.98 14.98 0 009.631 8.41m5.96 5.96a14.926 14.926 0 01-5.841 2.58m-.119-8.54a6 6 0 00-7.381 5.84h4.8m2.581-5.84a14.927 14.927 0 00-2.58 5.84m2.699 2.7c-.103.021-.207.041-.311.06a15.09 15.09 0 01-2.448-2.448 14.9 14.9 0 01.06-.312m-2.24 2.39a4.493 4.493 0 00-1.757 4.306 4.438 4.438 0 002.946 2.946 4.493 4.493 0 004.306-1.758q.18-.27.315-.56a5.98 5.98 0 00-1.41-1.412 5.98 5.98 0 00-.56.315l1.153-1.152m-3.396 3.396L8.12 16.88a1.5 1.5 0 01-2.12-2.12l2.12-2.12m0 0l-2.12-2.12m2.12 2.12l2.12 2.12\" \/>\n              <\/svg>\n            <\/div>\n            <div>\n              <h3 class=\"text-2xl font-bold text-slate-900 tracking-wide\">\u0e2a\u0e21\u0e23\u0e23\u0e16\u0e19\u0e30\u0e2b\u0e25\u0e31\u0e01\u0e02\u0e2d\u0e07\u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23<\/h3>\n              <p class=\"text-sm text-slate-500 group-hover:text-[#ff7a00] uppercase tracking-widest font-['Outfit'] font-bold transition-colors\">Core Competency<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"pl-6 border-l-4 border-slate-800 group-hover:border-[#ff7a00] transition-colors duration-500 mb-8\">\n            <p class=\"text-xl md:text-2xl font-bold text-slate-800 leading-snug\">\n              \u201c\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c \u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u201d\n            <\/p>\n          <\/div>\n\n          <div class=\"text-slate-600 text-base md:text-lg leading-relaxed font-light space-y-4 flex-grow\">\n            <p>\n              \u0e1e\u0e31\u0e12\u0e19\u0e32\u0e01\u0e33\u0e25\u0e31\u0e07\u0e04\u0e19\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e21\u0e48\u0e17\u0e35\u0e48\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e14\u0e49\u0e27\u0e22\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \n            <\/p>\n            <p>\n              \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e1c\u0e25\u0e34\u0e15\u0e19\u0e34\u0e2a\u0e34\u0e15\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e17\u0e31\u0e01\u0e29\u0e30\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19 <strong class=\"text-slate-900 font-semibold\">\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e43\u0e2b\u0e21\u0e48\u0e41\u0e25\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/strong> \u0e1c\u0e48\u0e32\u0e19\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23 \u0e41\u0e25\u0e30 <strong class=\"text-slate-900 font-semibold\">\u0e28\u0e39\u0e19\u0e22\u0e4c\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22<\/strong> \u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e01\u0e35\u0e48\u0e22\u0e27\u0e02\u0e49\u0e2d\u0e07\u0e17\u0e31\u0e49\u0e07\u0e01\u0e32\u0e23\u0e1c\u0e25\u0e34\u0e15\u0e19\u0e34\u0e2a\u0e34\u0e15 \u0e0a\u0e38\u0e21\u0e0a\u0e19 \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e1c\u0e48\u0e32\u0e19\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21 \u0e07\u0e32\u0e19\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e41\u0e25\u0e30\u0e07\u0e32\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<h1 class=\"wp-block-heading\"><strong>6 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c<\/strong><\/h1>\n\n\n\n<p class=\"gb-headline gb-headline-22805212 gb-headline-text\">CCI \u0e21\u0e38\u0e48\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e2b\u0e31\u0e27\u0e43\u0e08\u0e19\u0e31\u0e01\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e43\u0e2b\u0e49\u0e21\u0e35\u0e04\u0e38\u0e13\u0e20\u0e32\u0e1e \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e39\u0e1b\u0e18\u0e23\u0e23\u0e21 \u0e41\u0e25\u0e30 \u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19 \u0e1c\u0e48\u0e32\u0e19 3 \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e42\u0e25\u0e01\u0e43\u0e19\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e41\u0e25\u0e30\u0e17\u0e33\u0e23\u0e32\u0e22\u0e44\u0e14\u0e49\u0e43\u0e2b\u0e49 \u0e41\u0e01\u0e48\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22 \u0e19\u0e31\u0e48\u0e19\u0e04\u0e37\u0e2d \u0e01\u0e25\u0e38\u0e48\u0e21\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a \u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e41\u0e25\u0e30\u0e02\u0e2d\u0e07\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e1a\u0e49\u0e32\u0e19 \u0e1c\u0e48\u0e32\u0e19\u0e01\u0e32\u0e23\u0e1a\u0e39\u0e23\u0e13\u0e32\u0e01\u0e32\u0e23\u0e2d\u0e07\u0e04\u0e4c\u0e04\u0e27\u0e32\u0e21\u0e23\u0e39\u0e49\u0e14\u0e49\u0e32\u0e19\u0e28\u0e34\u0e25\u0e1b\u0e30 \u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c \u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e21\u0e2d\u0e1a\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e43\u0e19\u0e2a\u0e34\u0e48\u0e07\u0e41\u0e27\u0e14 \u0e25\u0e49\u0e2d\u0e21\u0e07\u0e32\u0e19\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e08\u0e23\u0e34\u0e07\u0e08\u0e32\u0e01\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23\u0e01\u0e27\u0e48\u0e32 100 \u0e2d\u0e07\u0e04\u0e4c\u0e01\u0e23 \u0e23\u0e27\u0e21\u0e16\u0e36\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e42\u0e2d\u0e01\u0e32\u0e2a\u0e43\u0e19 \u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e23\u0e48\u0e27\u0e21 International Trade Fair<\/p>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@800&#038;family=Prompt:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"py-20 md:py-28 bg-slate-50 relative font-['Prompt']\">\n  \n  <div class=\"absolute top-0 right-0 w-[500px] h-[500px] bg-[#ff7a00] opacity-[0.03] blur-[120px] rounded-full pointer-events-none z-0\"><\/div>\n  <div class=\"absolute bottom-0 left-0 w-[300px] h-[300px] bg-[#ff7a00] opacity-[0.03] blur-[100px] rounded-full pointer-events-none z-0\"><\/div>\n\n  <div class=\"relative z-10 w-full max-w-7xl mx-auto px-5\">\n    \n    <div class=\"text-center mb-16 md:mb-20\">\n      <span class=\"text-[#ff7a00] font-bold text-sm tracking-wider uppercase mb-3 block\">\n        Academic Programs\n      <\/span>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold text-slate-900 tracking-tight\">\n        \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e2a\u0e2d\u0e19\n      <\/h2>\n      <div class=\"w-20 h-1.5 bg-gradient-to-r from-[#ff7a00] to-[#ffaa5c] mx-auto mt-6 rounded-full\"><\/div>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8\">\n      \n      <a href=\"#\" class=\"group flex flex-col bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl border border-slate-200 hover:border-[#ff7a00]\/40 transition-all duration-500 transform hover:-translate-y-2 h-full\">\n        <div class=\"relative h-64 md:h-72 shrink-0 overflow-hidden bg-slate-100\">\n          <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/01\/Frame-52.png\" alt=\"\u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\" class=\"w-full h-full object-cover object-top transform transition-transform duration-700 group-hover:scale-110\">\n          <div class=\"absolute inset-0 bg-[#ff7a00] opacity-0 group-hover:opacity-20 transition-opacity duration-500\"><\/div>\n        <\/div>\n        <div class=\"p-6 md:p-8 flex flex-col flex-1\">\n          <span class=\"text-xs font-semibold text-slate-500 mb-2\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35<\/span>\n          <h3 class=\"text-lg md:text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n            \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<br>\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\n          <\/h3>\n          <p class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-2 flex-1\">\n            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.\n          <\/p>\n          <div class=\"flex items-center text-sm font-bold text-[#ff7a00] uppercase tracking-wider mt-auto pt-2 border-t border-slate-100\">\n            \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\n            <svg class=\"w-5 h-5 ml-2 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"group flex flex-col bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl border border-slate-200 hover:border-[#ff7a00]\/40 transition-all duration-500 transform hover:-translate-y-2 h-full\">\n        <div class=\"relative h-64 md:h-72 shrink-0 overflow-hidden bg-slate-100\">\n          <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/01\/S__75866124_0.jpg\" alt=\"\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d \u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\" class=\"w-full h-full object-cover object-top transform transition-transform duration-700 group-hover:scale-110\">\n          <div class=\"absolute inset-0 bg-[#ff7a00] opacity-0 group-hover:opacity-20 transition-opacity duration-500\"><\/div>\n        <\/div>\n        <div class=\"p-6 md:p-8 flex flex-col flex-1\">\n          <span class=\"text-xs font-semibold text-slate-500 mb-2\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35<\/span>\n          <h3 class=\"text-lg md:text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n            \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e28\u0e34\u0e25\u0e1b\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<br>\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d \u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\n          <\/h3>\n          <p class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-2 flex-1\">\n            Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.\n          <\/p>\n          <div class=\"flex items-center text-sm font-bold text-[#ff7a00] uppercase tracking-wider mt-auto pt-2 border-t border-slate-100\">\n            \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\n            <svg class=\"w-5 h-5 ml-2 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"group flex flex-col bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl border border-slate-200 hover:border-[#ff7a00]\/40 transition-all duration-500 transform hover:-translate-y-2 h-full\">\n        <div class=\"relative h-64 md:h-72 shrink-0 overflow-hidden bg-slate-100\">\n          <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/01\/Frame-63.png\" alt=\"\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\" class=\"w-full h-full object-cover object-top transform transition-transform duration-700 group-hover:scale-110\">\n          <div class=\"absolute inset-0 bg-[#ff7a00] opacity-0 group-hover:opacity-20 transition-opacity duration-500\"><\/div>\n        <\/div>\n        <div class=\"p-6 md:p-8 flex flex-col flex-1\">\n          <span class=\"text-xs font-semibold text-slate-500 mb-2\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35<\/span>\n          <h3 class=\"text-lg md:text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n            \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e28\u0e34\u0e25\u0e1b\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<br>\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\n          <\/h3>\n          <p class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-2 flex-1\">\n            Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.\n          <\/p>\n          <div class=\"flex items-center text-sm font-bold text-[#ff7a00] uppercase tracking-wider mt-auto pt-2 border-t border-slate-100\">\n            \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\n            <svg class=\"w-5 h-5 ml-2 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"group flex flex-col bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl border border-slate-200 hover:border-[#ff7a00]\/40 transition-all duration-500 transform hover:-translate-y-2 h-full\">\n        <div class=\"relative h-64 md:h-72 shrink-0 overflow-hidden bg-slate-100\">\n          <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/01\/LINE_ALBUM_Fashion_231031_7.jpg\" alt=\"\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19\" class=\"w-full h-full object-cover object-top transform transition-transform duration-700 group-hover:scale-110\">\n          <div class=\"absolute inset-0 bg-[#ff7a00] opacity-0 group-hover:opacity-20 transition-opacity duration-500\"><\/div>\n        <\/div>\n        <div class=\"p-6 md:p-8 flex flex-col flex-1\">\n          <span class=\"text-xs font-semibold text-[#ff7a00] mb-2\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e42\u0e17<\/span>\n          <h3 class=\"text-lg md:text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n            \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e28\u0e34\u0e25\u0e1b\u0e01\u0e23\u0e23\u0e21\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e21\u0e2b\u0e32\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<br>\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19\n          <\/h3>\n          <p class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-2 flex-1\">\n            Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\n          <\/p>\n          <div class=\"flex items-center text-sm font-bold text-[#ff7a00] uppercase tracking-wider mt-auto pt-2 border-t border-slate-100\">\n            \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\n            <svg class=\"w-5 h-5 ml-2 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"group flex flex-col bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl border border-slate-200 hover:border-[#ff7a00]\/40 transition-all duration-500 transform hover:-translate-y-2 h-full\">\n        <div class=\"relative h-64 md:h-72 shrink-0 overflow-hidden bg-slate-100\">\n          <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/01\/48196257.7b4f1de971da0f4d6ce05278ea8821a4.20021707-2-1-1.jpg\" alt=\"\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\" class=\"w-full h-full object-cover object-top transform transition-transform duration-700 group-hover:scale-110\">\n          <div class=\"absolute inset-0 bg-[#ff7a00] opacity-0 group-hover:opacity-20 transition-opacity duration-500\"><\/div>\n        <\/div>\n        <div class=\"p-6 md:p-8 flex flex-col flex-1\">\n          <span class=\"text-xs font-semibold text-[#ff7a00] mb-2\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e42\u0e17<\/span>\n          <h3 class=\"text-lg md:text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n            \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e21\u0e2b\u0e32\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<br>\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\n          <\/h3>\n          <p class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-2 flex-1\">\n            Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni.\n          <\/p>\n          <div class=\"flex items-center text-sm font-bold text-[#ff7a00] uppercase tracking-wider mt-auto pt-2 border-t border-slate-100\">\n            \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\n            <svg class=\"w-5 h-5 ml-2 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <a href=\"#\" class=\"group flex flex-col bg-white rounded-3xl overflow-hidden shadow-md hover:shadow-2xl border border-slate-200 hover:border-[#ff7a00]\/40 transition-all duration-500 transform hover:-translate-y-2 h-full\">\n        <div class=\"relative h-64 md:h-72 shrink-0 overflow-hidden bg-slate-100\">\n          <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/01\/IMG_1967-2-scaled.jpg\" alt=\"\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\" class=\"w-full h-full object-cover object-top transform transition-transform duration-700 group-hover:scale-110\">\n          <div class=\"absolute inset-0 bg-[#ff7a00] opacity-0 group-hover:opacity-20 transition-opacity duration-500\"><\/div>\n        <\/div>\n        <div class=\"p-6 md:p-8 flex flex-col flex-1\">\n          <span class=\"text-xs font-semibold text-[#ff7a00] mb-2\">\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e42\u0e17<\/span>\n          <h3 class=\"text-lg md:text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n            \u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e27\u0e34\u0e17\u0e22\u0e32\u0e28\u0e32\u0e2a\u0e15\u0e23\u0e4c\u0e21\u0e2b\u0e32\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15<br>\u0e2a\u0e32\u0e02\u0e32\u0e27\u0e34\u0e0a\u0e32\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\n          <\/h3>\n          <p class=\"text-slate-500 text-sm leading-relaxed mb-6 line-clamp-2 flex-1\">\n            Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit.\n          <\/p>\n          <div class=\"flex items-center text-sm font-bold text-[#ff7a00] uppercase tracking-wider mt-auto pt-2 border-t border-slate-100\">\n            \u0e14\u0e39\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\n            <svg class=\"w-5 h-5 ml-2 transform group-hover:translate-x-2 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n          <\/div>\n        <\/div>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@800&#038;family=Prompt:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"py-20 md:py-28 bg-white relative font-['Prompt'] overflow-hidden\">\n  \n  <div class=\"absolute top-0 right-0 w-[600px] h-[600px] bg-[#ff7a00] opacity-[0.02] blur-[150px] rounded-full pointer-events-none z-0\"><\/div>\n  <div class=\"absolute bottom-0 left-0 w-[400px] h-[400px] bg-[#ff7a00] opacity-[0.02] blur-[100px] rounded-full pointer-events-none z-0\"><\/div>\n\n  <div class=\"relative z-10 w-full max-w-7xl mx-auto px-5\">\n    \n    <div class=\"text-center mb-16 md:mb-20\">\n      <span class=\"text-[#ff7a00] font-bold text-sm tracking-wider uppercase mb-3 block\">\n        Our Strengths\n      <\/span>\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold text-slate-900 tracking-tight\">\n        \u0e08\u0e38\u0e14\u0e40\u0e14\u0e48\u0e19\u0e02\u0e2d\u0e07\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\n      <\/h2>\n      <div class=\"w-20 h-1.5 bg-gradient-to-r from-[#ff7a00] to-[#ffaa5c] mx-auto mt-6 rounded-full\"><\/div>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8\">\n      \n      <div class=\"group bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:bg-white hover:border-[#ff7a00]\/40 hover:shadow-[0_20px_40px_-15px_rgba(255,122,0,0.15)] transition-all duration-500 transform hover:-translate-y-2\">\n        <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-100 flex items-center justify-center mb-6 group-hover:bg-[#ff7a00] group-hover:border-[#ff7a00] transition-colors duration-500\">\n          <svg class=\"w-8 h-8 text-[#ff7a00] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 6.253v13m0-13C10.832 5.477 9.246 5 7.5 5S4.168 5.477 3 6.253v13C4.168 18.477 5.754 18 7.5 18s3.332.477 4.5 1.253m0-13C13.168 5.477 14.754 5 16.5 5c1.747 0 3.332.477 4.5 1.253v13C19.832 18.477 18.247 18 16.5 18c-1.746 0-3.332.477-4.5 1.253\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n          \u0e40\u0e23\u0e35\u0e22\u0e19\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c<br>\u0e40\u0e19\u0e49\u0e19\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e08\u0e23\u0e34\u0e07\n        <\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">\n          \u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e1a\u0e1a\u0e42\u0e21\u0e14\u0e39\u0e25 \u0e17\u0e35\u0e48\u0e40\u0e1b\u0e34\u0e14\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23 \u0e17\u0e35\u0e48\u0e21\u0e35\u0e0a\u0e37\u0e48\u0e2d\u0e40\u0e2a\u0e35\u0e22\u0e07\u0e0a\u0e31\u0e49\u0e19\u0e19\u0e33\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28 \u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e1c\u0e25\u0e31\u0e01\u0e14\u0e31\u0e19\u0e43\u0e2b\u0e49\u0e1c\u0e39\u0e49\u0e40\u0e23\u0e35\u0e22\u0e19\u0e44\u0e14\u0e49\u0e1b\u0e23\u0e30\u0e2a\u0e1a\u0e01\u0e32\u0e23\u0e13\u0e4c\u0e01\u0e32\u0e23 \u0e17\u0e33\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01 \u0e41\u0e1a\u0e1a\u0e17\u0e31\u0e19\u0e2a\u0e21\u0e31\u0e22\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e0a\u0e35\u0e27\u0e34\u0e15\u0e22\u0e38\u0e04\u0e14\u0e34\u0e08\u0e34\u0e17\u0e31\u0e25 \u0e20\u0e32\u0e22\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19 4 \u0e0a\u0e31\u0e49\u0e19\u0e1b\u0e35\n        <\/p>\n      <\/div>\n\n      <div class=\"group bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:bg-white hover:border-[#ff7a00]\/40 hover:shadow-[0_20px_40px_-15px_rgba(255,122,0,0.15)] transition-all duration-500 transform hover:-translate-y-2\">\n        <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-100 flex items-center justify-center mb-6 group-hover:bg-[#ff7a00] group-hover:border-[#ff7a00] transition-colors duration-500\">\n          <svg class=\"w-8 h-8 text-[#ff7a00] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M21 12a9 9 0 01-9 9m9-9a9 9 0 00-9-9m9 9H3m9 9a9 9 0 01-9-9m9 9c1.657 0 3-4.03 3-9s-1.343-9-3-9m0 18c-1.657 0-3-4.03-3-9s1.343-9 3-9m-9 9a9 9 0 019-9\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n          \u0e1c\u0e39\u0e49\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c<br>\u0e2a\u0e39\u0e48\u0e15\u0e25\u0e32\u0e14\u0e2a\u0e32\u0e01\u0e25\n        <\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">\n          \u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e31\u0e01\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35 \u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e41\u0e25\u0e30\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e02\u0e2d\u0e07\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07\u0e1a\u0e49\u0e32\u0e19 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e2d\u0e1a\u0e42\u0e08\u0e17\u0e22\u0e4c\u0e01\u0e32\u0e23\u0e41\u0e02\u0e48\u0e07\u0e02\u0e31\u0e19\u0e43\u0e19\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2a\u0e32\u0e01\u0e25 \u0e04\u0e37\u0e2d\u0e2b\u0e31\u0e27\u0e43\u0e08\u0e02\u0e2d\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\n        <\/p>\n      <\/div>\n\n      <div class=\"group bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:bg-white hover:border-[#ff7a00]\/40 hover:shadow-[0_20px_40px_-15px_rgba(255,122,0,0.15)] transition-all duration-500 transform hover:-translate-y-2\">\n        <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-100 flex items-center justify-center mb-6 group-hover:bg-[#ff7a00] group-hover:border-[#ff7a00] transition-colors duration-500\">\n          <svg class=\"w-8 h-8 text-[#ff7a00] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n          \u0e15\u0e48\u0e2d\u0e22\u0e2d\u0e14\u0e04\u0e27\u0e32\u0e21\u0e04\u0e34\u0e14<br>\u0e2a\u0e39\u0e48\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e2a\u0e39\u0e07\n        <\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">\n          \u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e19\u0e33\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e21\u0e32\u0e43\u0e0a\u0e49\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e21\u0e39\u0e25\u0e04\u0e48\u0e32\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e1c\u0e48\u0e32\u0e19\u0e01\u0e34\u0e08\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e01\u0e32\u0e23\u0e2a\u0e2d\u0e19\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e27\u0e34\u0e08\u0e31\u0e22 \u0e42\u0e14\u0e22\u0e21\u0e35\u0e04\u0e13\u0e32\u0e08\u0e32\u0e23\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e1c\u0e39\u0e49\u0e40\u0e0a\u0e35\u0e48\u0e22\u0e27\u0e0a\u0e32\u0e0d \u0e43\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e43\u0e01\u0e25\u0e49\u0e0a\u0e34\u0e14 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e43\u0e2b\u0e49\u0e19\u0e33\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e40\u0e02\u0e49\u0e32\u0e2a\u0e39\u0e48\u0e01\u0e23\u0e30\u0e1a\u0e27\u0e19\u0e01\u0e32\u0e23\u0e40\u0e0a\u0e34\u0e07\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c \u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\n        <\/p>\n      <\/div>\n\n      <div class=\"group bg-slate-50 rounded-3xl p-8 border border-slate-100 hover:bg-white hover:border-[#ff7a00]\/40 hover:shadow-[0_20px_40px_-15px_rgba(255,122,0,0.15)] transition-all duration-500 transform hover:-translate-y-2\">\n        <div class=\"w-16 h-16 bg-white rounded-2xl shadow-sm border border-slate-100 flex items-center justify-center mb-6 group-hover:bg-[#ff7a00] group-hover:border-[#ff7a00] transition-colors duration-500\">\n          <svg class=\"w-8 h-8 text-[#ff7a00] group-hover:text-white transition-colors duration-500\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"><\/path><\/svg>\n        <\/div>\n        <h3 class=\"text-xl font-bold text-slate-900 mb-4 group-hover:text-[#ff7a00] transition-colors duration-300 leading-snug\">\n          \u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23<br>\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\n        <\/h3>\n        <p class=\"text-slate-600 text-sm leading-relaxed\">\n          \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e24\u0e29\u0e0e\u0e35 Triple Helix \u0e0b\u0e36\u0e48\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22 \u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07 \u0e2a\u0e39\u0e48\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10 \u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e41\u0e2b\u0e48\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e32\u0e07\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\n        <\/p>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Outfit:wght@800&#038;family=Prompt:wght@400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n\n<section class=\"py-20 md:py-28 bg-slate-50 relative font-['Prompt'] overflow-hidden border-y border-slate-200\">\n  \n  <div class=\"absolute top-1\/2 left-0 w-[400px] h-[400px] bg-[#ff7a00] opacity-[0.03] blur-[100px] rounded-full pointer-events-none z-0 transform -translate-y-1\/2 -translate-x-1\/2\"><\/div>\n  <div class=\"absolute top-1\/2 right-0 w-[400px] h-[400px] bg-[#ffaa5c] opacity-[0.03] blur-[100px] rounded-full pointer-events-none z-0 transform -translate-y-1\/2 translate-x-1\/2\"><\/div>\n\n  <div class=\"relative z-10 w-full max-w-7xl mx-auto px-5\">\n    \n    <div class=\"max-w-4xl mx-auto text-center mb-16\">\n      <div class=\"inline-flex items-center justify-center px-4 py-1.5 mb-6 rounded-full bg-white border border-[#ff7a00]\/30 shadow-sm\">\n        <span class=\"text-[#ff7a00] font-bold text-xs tracking-wider uppercase flex items-center gap-2\">\n          <svg class=\"w-4 h-4\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1\"><\/path><\/svg>\n          Our Partners\n        <\/span>\n      <\/div>\n\n      <h2 class=\"text-3xl md:text-4xl lg:text-5xl font-extrabold text-slate-900 tracking-tight mb-6 leading-tight\">\n        \u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e1e\u0e31\u0e19\u0e18\u0e21\u0e34\u0e15\u0e23<br>\n        <span class=\"text-transparent bg-clip-text bg-gradient-to-r from-[#ff7a00] to-[#ffaa5c]\">\n          \u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\n        <\/span>\n      <\/h2>\n\n      <p class=\"text-slate-600 text-base md:text-lg leading-relaxed font-medium\">\n        \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e02\u0e36\u0e49\u0e19\u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e17\u0e24\u0e29\u0e0e\u0e35 <span class=\"text-[#ff7a00] font-bold\">Triple Helix<\/span> \u0e0b\u0e36\u0e48\u0e07\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e02\u0e31\u0e1a\u0e40\u0e04\u0e25\u0e37\u0e48\u0e2d\u0e19\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22 \u0e17\u0e33\u0e07\u0e32\u0e19\u0e23\u0e48\u0e27\u0e21\u0e01\u0e31\u0e1a\u0e20\u0e32\u0e04\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08 \u0e40\u0e0a\u0e37\u0e48\u0e2d\u0e21\u0e42\u0e22\u0e07\u0e2a\u0e39\u0e48\u0e20\u0e32\u0e04\u0e23\u0e31\u0e10 \u0e1a\u0e19\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e2a\u0e31\u0e07\u0e04\u0e21\u0e41\u0e2b\u0e48\u0e07\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49 \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e22\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e21\u0e32\u0e15\u0e23\u0e10\u0e32\u0e19\u0e17\u0e32\u0e07\u0e40\u0e28\u0e23\u0e29\u0e10\u0e01\u0e34\u0e08\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e22\u0e31\u0e48\u0e07\u0e22\u0e37\u0e19\n      <\/p>\n    <\/div>\n\n    <div class=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-4 md:gap-6\">\n      \n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e2d\u0e34\u0e19-\u0e40\u0e14\u0e2d\u0e30-\u0e25\u0e35\u0e14-\u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21-\u0e08\u0e33\u0e01\u0e31\u0e14.png\" alt=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e2d\u0e34\u0e19 \u0e40\u0e14\u0e2d\u0e30 \u0e25\u0e35\u0e14 \u0e27\u0e34\u0e2a\u0e32\u0e2b\u0e01\u0e34\u0e08\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e07\u0e04\u0e21 \u0e08\u0e33\u0e01\u0e31\u0e14\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e32\u0e40\u0e0b\u0e35\u0e22\u0e19.png\" alt=\"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e01\u0e32\u0e23\u0e04\u0e49\u0e32\u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e2d\u0e32\u0e40\u0e0b\u0e35\u0e22\u0e19\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e01\u0e23\u0e21\u0e2b\u0e21\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e21-\u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07\u0e40\u0e01\u0e29\u0e15\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c.jpg\" alt=\"\u0e01\u0e23\u0e21\u0e2b\u0e21\u0e48\u0e2d\u0e19\u0e44\u0e2b\u0e21 \u0e01\u0e23\u0e30\u0e17\u0e23\u0e27\u0e07\u0e40\u0e01\u0e29\u0e15\u0e23\u0e41\u0e25\u0e30\u0e2a\u0e2b\u0e01\u0e23\u0e13\u0e4c\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e40\u0e2d\u0e2a.\u0e1a\u0e35.\u0e40\u0e1f\u0e2d\u0e23\u0e4c\u0e19\u0e34\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e40\u0e2e\u0e49\u0e32\u0e2a\u0e4c-\u0e08\u0e33\u0e01\u0e31\u0e14.jpg\" alt=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e2d\u0e2a.\u0e1a\u0e35.\u0e40\u0e1f\u0e2d\u0e23\u0e4c\u0e19\u0e34\u0e40\u0e08\u0e2d\u0e23\u0e4c\u0e40\u0e2e\u0e49\u0e32\u0e2a\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e08\u0e38\u0e07\u0e2b\u0e27\u0e48\u0e32\u0e07-\u0e1a\u0e23\u0e32\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e2a-\u0e08\u0e33\u0e01\u0e31\u0e14.webp\" alt=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e08\u0e38\u0e07\u0e2b\u0e27\u0e48\u0e32\u0e07 \u0e1a\u0e23\u0e32\u0e40\u0e14\u0e2d\u0e23\u0e4c\u0e2a \u0e08\u0e33\u0e01\u0e31\u0e14\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e44\u0e17\u0e22-\u0e1a\u0e38\u0e19\u0e01\u0e30\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19-\u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e38\u0e19\u0e01\u0e30\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19.png\" alt=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e44\u0e17\u0e22 \u0e1a\u0e38\u0e19\u0e01\u0e30\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e42\u0e23\u0e07\u0e40\u0e23\u0e35\u0e22\u0e19\u0e1a\u0e38\u0e19\u0e01\u0e30\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/SEPR-GROUPE.png\" alt=\"SEPR GROUPE\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17-\u0e2d\u0e2d\u0e2a\u0e2a\u0e34\u0e23\u0e34\u0e2a-\u0e08\u0e33\u0e01\u0e31\u0e14.png\" alt=\"\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e2d\u0e2d\u0e2a\u0e2a\u0e34\u0e23\u0e34\u0e2a \u0e08\u0e33\u0e01\u0e31\u0e14\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <div class=\"bg-white aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex items-center justify-center p-6 grayscale opacity-60 hover:grayscale-0 hover:opacity-100 hover:border-[#ff7a00]\/40 hover:shadow-md transition-all duration-300 group cursor-pointer\">\n        <img decoding=\"async\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2026\/02\/\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e41\u0e25\u0e30\u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22.jpg\" alt=\"\u0e18\u0e19\u0e32\u0e04\u0e32\u0e23\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e2a\u0e48\u0e07\u0e2d\u0e2d\u0e01\u0e41\u0e25\u0e30\u0e19\u0e33\u0e40\u0e02\u0e49\u0e32\u0e41\u0e2b\u0e48\u0e07\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22\" class=\"max-w-full max-h-full object-contain transform group-hover:scale-105 transition-transform duration-300\">\n      <\/div>\n\n      <a href=\"https:\/\/script.google.com\/macros\/s\/AKfycbz1hOmqfa_CfzfzZQQF6yWMn2VbSIvvcVoYm7hNfkXgShkWVBYuroLs4JlFji3dX84s4A\/exec\" class=\"bg-slate-100 aspect-[3\/2] rounded-2xl border border-slate-200 shadow-sm flex flex-col items-center justify-center p-6 hover:bg-[#ff7a00] hover:text-white hover:border-[#ff7a00] hover:shadow-md transition-all duration-300 group cursor-pointer text-slate-500\">\n        <svg class=\"w-8 h-8 mb-2 transform group-hover:scale-110 transition-transform duration-300\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\"><path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17 8l4 4m0 0l-4 4m4-4H3\"><\/path><\/svg>\n        <span class=\"font-bold text-sm\">\u0e14\u0e39\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14<\/span>\n      <\/a>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section id=\"location\" class=\"py-16 bg-gray-50\">\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n    \n    <div class=\"text-center mb-12\">\n      <h2 class=\"text-3xl font-extrabold text-gray-900 sm:text-4xl\">\n        \u0e2a\u0e16\u0e32\u0e19\u0e17\u0e35\u0e48\u0e15\u0e31\u0e49\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d\n      <\/h2>\n      <p class=\"mt-4 text-lg text-gray-500\">\n        \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e27\u0e34\u0e42\u0e23\u0e12 (CCI)\n      <\/p>\n    <\/div>\n\n    <div class=\"grid grid-cols-1 lg:grid-cols-2 gap-8\">\n      \n      <div class=\"bg-white rounded-2xl shadow-sm border border-gray-100 p-8 flex flex-col justify-center\">\n        <h3 class=\"text-2xl font-bold text-gray-900 mb-6\">\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e01\u0e32\u0e23\u0e15\u0e34\u0e14\u0e15\u0e48\u0e2d<\/h3>\n        \n        <ul class=\"space-y-6 text-gray-600\">\n          \n          <li class=\"flex items-start\">\n            <svg class=\"h-6 w-6 text-blue-600 mr-4 flex-shrink-0 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z\" \/>\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M15 11a3 3 0 11-6 0 3 3 0 016 0z\" \/>\n            <\/svg>\n            <div>\n              <p class=\"font-semibold text-gray-900\">\u0e17\u0e35\u0e48\u0e2d\u0e22\u0e39\u0e48<\/p>\n              <p class=\"mt-1\">\u0e2d\u0e32\u0e04\u0e32\u0e23 6 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c<br>114, \u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17 23 \u0e41\u0e02\u0e27\u0e07\u0e04\u0e25\u0e2d\u0e07\u0e40\u0e15\u0e22\u0e40\u0e2b\u0e19\u0e37\u0e2d<br>\u0e40\u0e02\u0e15\u0e27\u0e31\u0e12\u0e19\u0e32 \u0e01\u0e17\u0e21 10110<\/p>\n            <\/div>\n          <\/li>\n\n          <li class=\"flex items-start\">\n            <svg class=\"h-6 w-6 text-blue-600 mr-4 flex-shrink-0 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z\" \/>\n            <\/svg>\n            <div>\n              <p class=\"font-semibold text-gray-900\">\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e41\u0e25\u0e30 \u0e42\u0e17\u0e23\u0e2a\u0e32\u0e23<\/p>\n              <p class=\"mt-1\">+66 (2) 258 5686<\/p>\n            <\/div>\n          <\/li>\n\n          <li class=\"flex items-start\">\n            <svg class=\"h-6 w-6 text-blue-600 mr-4 flex-shrink-0 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z\" \/>\n            <\/svg>\n            <div>\n              <p class=\"font-semibold text-gray-900\">\u0e2d\u0e35\u0e40\u0e21\u0e25<\/p>\n              <p class=\"mt-1\"><a href=\"mailto:cci@g.swu.ac.th\" class=\"hover:text-blue-600 transition-colors\">cci@g.swu.ac.th<\/a><\/p>\n            <\/div>\n          <\/li>\n\n          <li class=\"flex items-start\">\n            <svg class=\"h-6 w-6 text-blue-600 mr-4 flex-shrink-0 mt-1\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v4l3 3m6-3a9 9 0 11-18 0 9 9 0 0118 0z\" \/>\n            <\/svg>\n            <div>\n              <p class=\"font-semibold text-gray-900\">\u0e40\u0e27\u0e25\u0e32\u0e17\u0e33\u0e01\u0e32\u0e23<\/p>\n              <p class=\"mt-1\">\u0e27\u0e31\u0e19\u0e08\u0e31\u0e19\u0e17\u0e23\u0e4c &#8211; \u0e27\u0e31\u0e19\u0e28\u0e38\u0e01\u0e23\u0e4c: 08:30 &#8211; 16:30 \u0e19.<br><span class=\"text-sm text-gray-500\">(\u0e1b\u0e34\u0e14\u0e17\u0e33\u0e01\u0e32\u0e23\u0e27\u0e31\u0e19\u0e40\u0e2a\u0e32\u0e23\u0e4c \u0e27\u0e31\u0e19\u0e2d\u0e32\u0e17\u0e34\u0e15\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e27\u0e31\u0e19\u0e2b\u0e22\u0e38\u0e14\u0e19\u0e31\u0e01\u0e02\u0e31\u0e15\u0e24\u0e01\u0e29\u0e4c)<\/span><\/p>\n            <\/div>\n          <\/li>\n        <\/ul>\n\n        <div class=\"mt-8\">\n          <a href=\"https:\/\/www.google.com\/maps\/dir\/College+of+Creative+Industry,+114+Soi+Sukhumvit+23,+Khlong+Toei+Nuea,+Watthana,+Bangkok+10110\/College+of+Creative+Industry,+114+Soi+Sukhumvit+23,+Khlong+Toei+Nuea,+Watthana,+Bangkok+10110\/@13.746016,100.5640821,17z\/data=!4m13!4m12!1m5!1m1!1s0x30e29f5e6f20d767:0x3003607ab2e68b35!2m2!1d100.566657!2d13.746016!1m5!1m1!1s0x30e29f5e6f20d767:0x3003607ab2e68b35!2m2!1d100.566657!2d13.746016?entry=ttu&#038;g_ep=EgoyMDI2MDIxOC4wIKXMDSoASAFQAw%3D%3D\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"inline-flex items-center justify-center px-6 py-3 border border-transparent text-base font-medium rounded-lg text-white bg-blue-600 hover:bg-blue-700 transition duration-150 ease-in-out w-full sm:w-auto shadow-sm\">\n            <svg class=\"w-5 h-5 mr-2\" fill=\"none\" stroke=\"currentColor\" viewBox=\"0 0 24 24\">\n              <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7\" \/>\n            <\/svg>\n            \u0e02\u0e2d\u0e40\u0e2a\u0e49\u0e19\u0e17\u0e32\u0e07\u0e1c\u0e48\u0e32\u0e19 Google Maps\n          <\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"bg-gray-200 rounded-2xl overflow-hidden shadow-sm h-96 lg:h-auto min-h-[400px] relative border border-gray-100\">\n        <iframe \n          src=\"https:\/\/maps.google.com\/maps?q=\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c%20\u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e27\u0e34\u0e42\u0e23\u0e12&#038;t=&#038;z=16&#038;ie=UTF8&#038;iwloc=&#038;output=embed\" \n          width=\"100%\" \n          height=\"100%\" \n          style=\"border:0;\" \n          allowfullscreen=\"\" \n          loading=\"lazy\" \n          referrerpolicy=\"no-referrer-when-downgrade\"\n          class=\"absolute inset-0 w-full h-full object-cover\">\n        <\/iframe>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n\n\n<footer class=\"gb-container gb-container-8952fc45 alignfull\">\n<div class=\"gb-container gb-container-89db1822\">\n<div class=\"gb-grid-wrapper gb-grid-wrapper-3ce4d60c ticss-a9aaee75\">\n<div class=\"gb-grid-column gb-grid-column-bbee049c\"><div class=\"gb-container gb-container-bbee049c\">\n<div class=\"gb-container gb-container-92a2d519\">\n<div class=\"is-style-default wp-block-site-logo\"><a href=\"https:\/\/cci.swu.ac.th\/en\/\" class=\"custom-logo-link\" rel=\"home\"><img loading=\"lazy\" decoding=\"async\" width=\"350\" height=\"69\" src=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2023\/10\/CCI-Logo_Create-03-1.png\" class=\"custom-logo\" alt=\"CCI : COLLEGE OF CREATIVE INDUSTRY\" srcset=\"https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2023\/10\/CCI-Logo_Create-03-1.png 1200w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2023\/10\/CCI-Logo_Create-03-1-300x59.png 300w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2023\/10\/CCI-Logo_Create-03-1-1024x202.png 1024w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2023\/10\/CCI-Logo_Create-03-1-768x152.png 768w, https:\/\/cci.swu.ac.th\/wp-content\/uploads\/2023\/10\/CCI-Logo_Create-03-1-18x4.png 18w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/a><\/div>\n<\/div>\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-left is-layout-flex wp-container-core-group-is-layout-c0ca7d81 wp-block-group-is-layout-flex\">\n<p class=\"has-nv-site-bg-color has-text-color\">\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e27\u0e34\u0e42\u0e23\u0e12<\/p>\n\n\n\n<p class=\"has-custom-2-color has-text-color\" style=\"font-size:14px\">\u0e2d\u0e32\u0e04\u0e32\u0e23 6 \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c <br>114, \u0e2a\u0e38\u0e02\u0e38\u0e21\u0e27\u0e34\u0e17 23 \u0e41\u0e02\u0e27\u0e07\u0e04\u0e25\u0e2d\u0e07\u0e40\u0e15\u0e22\u0e40\u0e2b\u0e19\u0e37\u0e2d \u0e40\u0e02\u0e15\u0e27\u0e31\u0e12\u0e19\u0e32 \u0e01\u0e17\u0e21 10110 <br>\u0e42\u0e17\u0e23\u0e28\u0e31\u0e1e\u0e17\u0e4c \u0e41\u0e25\u0e30 \u0e42\u0e17\u0e23\u0e2a\u0e32\u0e23: +66 (2) 258 5686 <br>\u0e2d\u0e35\u0e40\u0e21\u0e25: cci@g.swu.ac.th<\/p>\n<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-35fca9c7\"><div class=\"gb-container gb-container-35fca9c7\"><\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-1e5e8821\"><div class=\"gb-container gb-container-1e5e8821\">\n\n<div class=\"wp-block-group ticss-29f54284 is-vertical is-content-justification-left is-nowrap is-layout-flex wp-container-core-group-is-layout-e811a78e wp-block-group-is-layout-flex\">\n<p class=\"has-nv-site-bg-color has-text-color\"><strong>\u0e02\u0e49\u0e2d\u0e21\u0e39\u0e25\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32<\/strong><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-fa9f750f gb-headline-text\"><a href=\"https:\/\/admission.swu.ac.th\/admissions2\/apply_bachelor.php\">\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35<\/a><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-b47b5413 gb-headline-text\"><a href=\"https:\/\/admission.swu.ac.th\/admissions2\/apply_graduate.php\">\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e28\u0e36\u0e01\u0e29\u0e32<\/a><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-43909a3a gb-headline-text\"><a href=\"https:\/\/admission.swu.ac.th\/admissions2\/apply_choice.php\">International Student<\/a><\/p>\n\n\n\n<a class=\"gb-button gb-button-a8207aea gb-button-text\" href=\"https:\/\/admission.swu.ac.th\/admissions2\/\" target=\"_blank\" rel=\"noopener noreferrer\">\u0e2a\u0e21\u0e31\u0e04\u0e23 TCAS<\/a>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-8cf370e7 wp-block-group-is-layout-flex\">\n<p class=\"has-nv-site-bg-color has-text-color\"><strong>\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23<\/strong><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-ef23a1dc gb-headline-text\"><a href=\"https:\/\/cci.swu.ac.th\/academic\/gems-and-jewelry\/\" data-type=\"page\" data-id=\"5378\">\u0e2d\u0e31\u0e0d\u0e21\u0e13\u0e35\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e1b\u0e23\u0e30\u0e14\u0e31\u0e1a<\/a><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-3f6409b8 gb-headline-text\"><a href=\"https:\/\/cci.swu.ac.th\/academic\/fashion-textiles-and-accessories\/\" data-type=\"link\" data-id=\"https:\/\/cci.swu.ac.th\/all-curriculum\/course-bachlor-gems-and-jewelry\/\">\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19 \u0e2a\u0e34\u0e48\u0e07\u0e17\u0e2d\u0e41\u0e25\u0e30\u0e40\u0e04\u0e23\u0e37\u0e48\u0e2d\u0e07\u0e15\u0e01\u0e41\u0e15\u0e48\u0e07<\/a><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-44678a07 gb-headline-text\"><a href=\"https:\/\/cci.swu.ac.th\/academic\/creative-products\/\" data-type=\"link\" data-id=\"https:\/\/cci.swu.ac.th\/all-curriculum\/course-creative-product\/\">\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c<\/a><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-afc0c531 gb-headline-text\"><a href=\"https:\/\/cci.swu.ac.th\/academic\/fashion-design-innovation\/\" data-type=\"link\" data-id=\"https:\/\/cci.swu.ac.th\/all-curriculum\/course-creative-innovation\/\">\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e01\u0e32\u0e23\u0e2d\u0e2d\u0e01\u0e41\u0e1a\u0e1a\u0e41\u0e1f\u0e0a\u0e31\u0e48\u0e19<\/a><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-40bf207a gb-headline-text\"><a href=\"https:\/\/cci.swu.ac.th\/academic\/creative-brand-management\/\" data-type=\"link\" data-id=\"https:\/\/cci.swu.ac.th\/all-curriculum\/course-master-of-science-program-in-innovation-and-industrial-management\/\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e41\u0e1a\u0e23\u0e19\u0e14\u0e4c\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c <br>(\u0e2b\u0e25\u0e31\u0e01\u0e2a\u0e39\u0e15\u0e23\u0e19\u0e32\u0e19\u0e32\u0e0a\u0e32\u0e15\u0e34)<\/a><\/p>\n\n\n\n<p class=\"gb-headline gb-headline-2ff27afc gb-headline-text\"><a href=\"https:\/\/cci.swu.ac.th\/academic\/innovation-and-industrial-management\/\" data-type=\"link\" data-id=\"https:\/\/cci.swu.ac.th\/all-curriculum\/course-innovation-and-industrial-management\/\">\u0e01\u0e32\u0e23\u0e08\u0e31\u0e14\u0e01\u0e32\u0e23\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e41\u0e25\u0e30\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21<\/a><\/p>\n<\/div>\n\n<\/div><\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-d225bf95\">\n<div class=\"gb-grid-wrapper gb-grid-wrapper-f0402030\">\n<div class=\"gb-grid-column gb-grid-column-f7df2e4e\"><div class=\"gb-container gb-container-f7df2e4e\">\n\n<p class=\"has-nv-site-bg-color has-text-color has-small-font-size\"><strong>\u00a9 2026 College of Creative Industry, Srinakharinwirot University.<\/strong><\/p>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-698c4be5\"><div class=\"gb-container gb-container-698c4be5\"><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/footer>\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0e40\u0e1b\u0e34\u0e14\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e49\u0e27 \u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e19\u0e34\u0e2a\u0e34\u0e15\u0e43\u0e2b\u0e21\u0e48 \u0e1b\u0e23\u0e30\u0e08\u0e33\u0e1b\u0e35\u0e01\u0e32\u0e23\u0e28\u0e36\u0e01\u0e29\u0e32 2569 \u0e23\u0e48\u0e27\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e2a\u0e48\u0e27\u0e19\u0e2b\u0e19\u0e36\u0e48\u0e07\u0e01\u0e31\u0e1a \u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e2a\u0e23\u0e23\u0e04\u0e4c \u0e21\u0e2b\u0e32\u0e27\u0e34\u0e17\u0e22\u0e32\u0e25\u0e31\u0e22\u0e28\u0e23\u0e35\u0e19\u0e04\u0e23\u0e34\u0e19\u0e17\u0e23\u0e27\u0e34\u0e42\u0e23\u0e12 \u0e15\u0e23\u0e27\u0e08\u0e2a\u0e2d\u0e1a\u0e01\u0e33\u0e2b\u0e19\u0e14\u0e01\u0e32\u0e23\u0e23\u0e31\u0e1a\u0e2a\u0e21\u0e31\u0e04\u0e23\u0e41\u0e25\u0e30\u0e23\u0e32\u0e22\u0e25\u0e30\u0e40\u0e2d\u0e35\u0e22\u0e14\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e44\u0e14\u0e49\u0e17\u0e35\u0e48\u0e19\u0e35\u0e48 \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e15\u0e23\u0e35 (\u0e1c\u0e48\u0e32\u0e19\u0e23\u0e30\u0e1a\u0e1a TCAS) 1 Portfolio 11 \u0e1e.\u0e22. 68 &#8211; 8 \u0e21.\u0e04. 69 2 \u0e23\u0e2d\u0e1a\u0e17\u0e35\u0e48 2 6 \u0e21\u0e35.\u0e04. 69 &#8211; 16 \u0e21\u0e35.\u0e04. 69 (\u0e40\u0e09\u0e1e\u0e32\u0e30\u0e2a\u0e32\u0e02\u0e32\u0e17\u0e35\u0e48\u0e2a\u0e2d\u0e1a\u0e02\u0e49\u0e2d\u0e40\u0e02\u0e35\u0e22\u0e19\u0e27\u0e34\u0e0a\u0e32\u0e40\u0e09\u0e1e\u0e32\u0e30) 6 \u0e21\u0e35.\u0e04. 69 &#8211; 31 \u0e21\u0e35.\u0e04. 69 (\u0e2a\u0e32\u0e02\u0e32\u0e2d\u0e37\u0e48\u0e19\u0e46) 3 Admission 6 \u0e1e.\u0e04. 69 &#8211; 12 \u0e1e.\u0e04. 69 \u0e23\u0e30\u0e14\u0e31\u0e1a\u0e1b\u0e23\u0e34\u0e0d\u0e0d\u0e32\u0e42\u0e17 (\u0e1a\u0e31\u0e13\u0e11\u0e34\u0e15\u0e28\u0e36\u0e01\u0e29\u0e32) 1 \u0e23\u0e2d\u0e1a\u0e17\u0e35\u0e48 1 15 \u0e18.\u0e04.&hellip;&nbsp;<a href=\"https:\/\/cci.swu.ac.th\/en\/front-page\/\" rel=\"bookmark\">Read More &raquo;<span class=\"screen-reader-text\">Home<\/span><\/a><\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"full-width","neve_meta_container":"contained","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"off","neve_meta_disable_footer":"off","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-3582","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/pages\/3582","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/comments?post=3582"}],"version-history":[{"count":67,"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/pages\/3582\/revisions"}],"predecessor-version":[{"id":14799,"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/pages\/3582\/revisions\/14799"}],"wp:attachment":[{"href":"https:\/\/cci.swu.ac.th\/en\/wp-json\/wp\/v2\/media?parent=3582"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}