https://fti.or.th/_next/static/chunks/7892.987d7a8ba44ee4c1.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7892],{7892:function(l,e,t){"use strict";t.r(e);var i=t(85893);t(86324);var a=t(67294),s=t(98741);e.default=l=>{var e,d,o,r,n;let{widget:c}=l,[x,u]=(0,a.useState)("");return(0,a.useEffect)(()=>{(null==c?void 0:c.content)&&t.e(2424).then(t.bind(t,22424)).then(l=>{let{default:e}=l,t=e.sanitize(c.content.replace(/<ul>/g,'<ul style="list-style-type: disc; margin-left: 20px;">'),{ADD_ATTR:["style","target","rel"]});u(t)})},[null==c?void 0:c.content]),(0,i.jsx)("div",{className:"bg-white py-16 md:mt-20 pb-10 fti-section3-container",children:(0,i.jsx)("div",{className:"container mx-auto flex flex-col md:flex-row",children:(0,i.jsxs)("div",{className:"xl:max-w-[1180px] lg:max-w-[900px] mx-auto flex flex-col md:flex-row xl:flex-row lg:flex-row fti-section3-container-top",children:[(0,i.jsxs)("div",{className:"px-8 md:px-0 md:w-2/5 fti-section3-container-left",children:[(0,i.jsx)("div",{className:"mb-6 text-center",children:(0,i.jsxs)("div",{className:"text-center md:text-left",children:[(0,i.jsx)("div",{className:"text-4xl font-semibold text-[#223E99]",children:null==c?void 0:c.title}),(0,i.jsx)("img",{src:"/assets/images/AboutUs/Underline.png",alt:"",className:"md:mx-0 mx-auto",loading:"lazy"})]})}),(0,i.jsxs)("div",{className:"text-base md:text-[20px]  text-center md:text-left text-bodycolor-400 md:pr-[20px]",children:[x&&(0,i.jsx)("div",{dangerouslySetInnerHTML:{__html:x}}),(0,i.jsx)("img",{src:s.T+(null==c?void 0:null===(o=c.image)||void 0===o?void 0:null===(d=o.data)||void 0===d?void 0:null===(e=d.attributes)||void 0===e?void 0:e.url),alt:"",className:"relative -left-[50px] mt-20 xl:-top-5 xl:h-[213px] lg:-top-10 xl:scale-140 lg:scale-110 scale-140 hidden md:block"})]})]}),(0,i.jsx)("div",{className:"gap-5 p-4 md:w-2/3 block md:hidden",children:(0,i.jsx)("div",{className:"flex flex-wrap",children:null==c?void 0:null===(r=c.boxes)||void 0===r?void 0:r.data.map((l,e)=>{var t;return(0,i.jsx)("div",{className:"group relative w-1/2 p-2 pb-0",children:(0,i.jsx)("div",{className:"fti-home-box relative z-10 h-40  cursor-pointer transition-transform duration-300 ease-in-out group-hover:opacity-80",children:(0,i.jsx)("p",{className:"h-full pl-3 pt-5 pr-6",children:(0,i.jsx)("a",{href:l.attributes.url,className:"text-white text-sm leading-[20px] block",children:null==l?void 0:null===(t=l.attributes)||void 0===t?void 0:t.label})})})},e)})})}),(0,i.jsx)("div",{className:"gap-5 md:w-3/5 hidden md:flex fti-section3-container-right",children:(0,i.jsx)("div",{className:"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-2 xl:grid-cols-3 gap-5",children:null==c?void 0:null===(n=c.boxes)||void 0===n?void 0:n.data.map((l,e)=>{var t,a,d,o,r,n;return(0,i.jsxs)("div",{className:"group relative min-h-[150px] lg:min-h-[110px]",children:[(0,i.jsx)("div",{className:"fti-home-box bg-[100%] relative z-10 xl:h-40  

1cursor-pointer transition-transform duration-300 ease-in-out group-hover:opacity-80",children:(0,i.jsx)("a",{href:null==l?void 0:null===(t=l.attributes)||void 0===t?void 0:t.url,children:(0,i.jsx)("p",{className:"h-full xl:pl-7 pt-8 text-white lg:pl-4 lg:pt-4 xl:text-2xl xl:leading-7 lg:text-sm",children:null==l?void 0:null===(a=l.attributes)||void 0===a?void 0:a.label})})}),(0,i.jsx)("div",{className:"z-0 -mt-[172px] group-hover:lg:-mt-3 h-40 w-full opacity-0 transition-all duration-300 group-hover:relative group-hover:mt-0 group-hover:opacity-100",children:(0,i.jsx)("img",{src:s.T+(null==l?void 0:null===(n=l.attributes)||void 0===n?void 0:null===(r=n.image)||void 0===r?void 0:null===(o=r.data[0])||void 0===o?void 0:null===(d=o.attributes)||void 0===d?void 0:d.url),alt:"Image",className:"h-full w-full object-cover",loading:"lazy"})})]},e)})})})]})})})}},86324:function(){}}]);