{"id":1362,"date":"2024-07-17T18:37:22","date_gmt":"2024-07-17T11:37:22","guid":{"rendered":"https:\/\/caoil.co.th\/web\/?page_id=1362"},"modified":"2025-03-04T01:37:09","modified_gmt":"2025-03-03T18:37:09","slug":"about-us-1","status":"publish","type":"page","link":"https:\/\/caoil.co.th\/web\/homepage-2\/about-us-1\/","title":{"rendered":"About us 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1362\" class=\"elementor elementor-1362\" data-elementor-settings=\"[]\">\n\t\t\t<div class=\"elementor-inner\">\n\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"elementor-element elementor-element-f18ce28 elementor-hidden-desktop elementor-hidden-tablet elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"f18ce28\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3777e21 elementor-column elementor-col-33 elementor-top-column\" data-id=\"3777e21\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3798a7e elementor-view-framed elementor-shape-circle elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"3798a7e\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon elementor-animation-\" >\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-eye\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\t\t\t\t<h6 class=\"elementor-icon-box-title\">\n\t\t\t\t\t<span >\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c (Vision)<\/span>\n\t\t\t\t<\/h6>\n\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">We are committed to develop continuously along with our promise and focus on excellent services \n<br>\"\u0e40\u0e23\u0e32\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e15\u0e48\u0e2d\u0e40\u0e19\u0e37\u0e48\u0e2d\u0e07\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e17\u0e33\u0e15\u0e32\u0e21\u0e04\u0e33\u0e21\u0e31\u0e48\u0e19\u0e2a\u0e31\u0e0d\u0e0d\u0e32\u0e41\u0e25\u0e30\u0e40\u0e19\u0e49\u0e19\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e35\u0e48\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\"<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-43496f0 elementor-column elementor-col-33 elementor-top-column\" data-id=\"43496f0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-482a38b elementor-view-framed elementor-shape-circle elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"482a38b\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon elementor-animation-\" >\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-flag\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t<span >\u0e1e\u0e31\u0e19\u0e18\u0e01\u0e34\u0e08 (Mission)<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">1. \u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e21\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e23\u0e30\u0e22\u0e30\u0e22\u0e32\u0e27\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e01\u0e31\u0e1a\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e31\u0e21\u0e1e\u0e31\u0e19\u0e18\u0e4c\u0e17\u0e38\u0e01\u0e23\u0e30\u0e14\u0e31\u0e1a\u0e0a\u0e31\u0e49\u0e19 2. \u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e2a\u0e19\u0e31\u0e1a\u0e2a\u0e19\u0e38\u0e19\u0e43\u0e19\u0e01\u0e32\u0e23\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e41\u0e1b\u0e25\u0e07\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e19\u0e27\u0e31\u0e15\u0e01\u0e23\u0e23\u0e21\u0e43\u0e2b\u0e21\u0e48\u0e46\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e02\u0e49\u0e32\u0e16\u0e36\u0e07\u0e17\u0e38\u0e01\u0e0a\u0e48\u0e2d\u0e07\u0e17\u0e32\u0e07\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22 3.\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e02\u0e2d\u0e07\u0e1a\u0e38\u0e04\u0e04\u0e32\u0e01\u0e23\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e40\u0e19\u0e49\u0e19\u0e01\u0e32\u0e23\u0e17\u0e33\u0e07\u0e32\u0e19\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e35\u0e21 4.\u0e40\u0e2a\u0e23\u0e34\u0e21\u0e2a\u0e23\u0e49\u0e32\u0e07\u0e41\u0e25\u0e30\u0e02\u0e22\u0e32\u0e22\u0e40\u0e04\u0e23\u0e37\u0e2d\u0e02\u0e48\u0e32\u0e22\u0e17\u0e32\u0e07\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e0a\u0e48\u0e27\u0e07\u0e1b\u0e23\u0e31\u0e1a\u0e1b\u0e23\u0e38\u0e07\u0e1b\u0e23\u0e30\u0e2a\u0e34\u0e17\u0e18\u0e34\u0e20\u0e32\u0e1e\u0e01\u0e32\u0e23\u0e1b\u0e0f\u0e34\u0e1a\u0e31\u0e15\u0e34\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e2a\u0e32\u0e21\u0e32\u0e23\u0e16\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e1c\u0e25\u0e1c\u0e25\u0e34\u0e15\u0e1e\u0e23\u0e49\u0e2d\u0e21\u0e25\u0e14\u0e15\u0e49\u0e19\u0e17\u0e38\u0e19\u0e43\u0e2b\u0e49\u0e01\u0e31\u0e1a\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-705ff58 elementor-column elementor-col-33 elementor-top-column\" data-id=\"705ff58\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4ec44ff elementor-view-framed elementor-shape-circle elementor-position-top elementor-vertical-align-top elementor-widget elementor-widget-icon-box\" data-id=\"4ec44ff\" data-element_type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\t\t\t\t\t\t<div class=\"elementor-icon-box-icon\">\n\t\t\t\t<span class=\"elementor-icon elementor-animation-\" >\n\t\t\t\t<i aria-hidden=\"true\" class=\"fas fa-handshake\"><\/i>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t<span >\u0e04\u0e48\u0e32\u0e19\u0e34\u0e22\u0e21 (Value)<\/span>\n\t\t\t\t<\/h3>\n\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\u0e40\u0e23\u0e32\u0e40\u0e19\u0e49\u0e19\u0e04\u0e27\u0e32\u0e21\u0e0b\u0e37\u0e48\u0e2d\u0e2a\u0e31\u0e15\u0e22\u0e4c\u0e41\u0e25\u0e30\u0e22\u0e36\u0e14\u0e21\u0e31\u0e48\u0e19\u0e04\u0e27\u0e32\u0e21\u0e2a\u0e33\u0e40\u0e23\u0e47\u0e08\u0e02\u0e2d\u0e07\u0e07\u0e32\u0e19\u0e42\u0e14\u0e22\u0e04\u0e33\u0e19\u0e36\u0e07\u0e16\u0e36\u0e07\u0e1c\u0e25\u0e1b\u0e23\u0e30\u0e42\u0e22\u0e0a\u0e19\u0e4c\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32<\/p>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-element elementor-element-fd92fb2 elementor-hidden-phone elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"fd92fb2\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b23755e elementor-column elementor-col-100 elementor-top-column\" data-id=\"b23755e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-efe50d4 elementor-widget elementor-widget-html\" data-id=\"efe50d4\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<head>\r\n     <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/3.4.2\/css\/swiper.min.css\">\r\n     <style>\r\n         html,\r\nbody,\r\n.container {\r\n  height: 100%;\r\n}\r\n\r\nbody {\r\n  font-family: \"DB Heavent\", sans-serif;\r\n}\r\n\r\n.container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: #fff;\r\n  flex-direction: column;\r\n}\r\n\r\n.title {\r\n  font-size: 38px;\r\n  color: #0693e3;\r\n  font-style: italic;\r\n  font-weight: 800;\r\n}\r\n\r\n.timeline {\r\n  width: 100%;\r\n  background-color: #fff;\r\n\r\n}\r\n\r\n.timeline-text {\r\n    font-size: 16px;\r\n}\r\n.timeline .swiper-container {\r\n  height: 600px;\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n.timeline .swiper-wrapper {\r\n  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;\r\n}\r\n.timeline .swiper-slide {\r\n  position: relative;\r\n  color: #fff;\r\n  overflow: hidden;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n}\r\n.timeline .swiper-slide::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 1;\r\n  right: -115%;\r\n  bottom: -10%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);\r\n  border-radius: 100%;\r\n}\r\n.timeline .swiper-slide-content {\r\n  position: absolute;\r\n  text-align: center;\r\n  width: 80%;\r\n  max-width: 310px;\r\n  right: 50%;\r\n  top: 13%;\r\n  transform: translate(50%, 0);\r\n  font-size: 30px;\r\n  z-index: 2;\r\n}\r\n.timeline .swiper-slide .timeline-year {\r\n  display: block;\r\n  font-style: italic;\r\n  font-size: 42px;\r\n  margin-bottom: 50px;\r\n  transform: translate3d(20px, 0, 0);\r\n  color: #0693e3;\r\n  font-weight: 300;\r\n  opacity: 0;\r\n  transition: 0.2s ease 0.4s;\r\n}\r\n.timeline .swiper-slide .timeline-title {\r\n  font-weight: 800;\r\n  font-size: 34px;\r\n  margin: 0 0 30px;\r\n  opacity: 0;\r\n  transform: translate3d(20px, 0, 0);\r\n  transition: 0.2s ease 0.5s;\r\n}\r\n.timeline .swiper-slide .timeline-text {\r\n  line-height: 1.5;\r\n  opacity: 0;\r\n  transform: translate3d(20px, 0, 0);\r\n  transition: 0.2s ease 0.6s;\r\n}\r\n.timeline .swiper-slide-active .timeline-year {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n  transition: 0.4s ease 1.6s;\r\n}\r\n.timeline .swiper-slide-active .timeline-title {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n  transition: 0.4s ease 1.7s;\r\n}\r\n.timeline .swiper-slide-active .timeline-text {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n  transition: 0.4s ease 1.8s;\r\n}\r\n.timeline .swiper-pagination {\r\n  right: 15% !important;\r\n  height: 100%;\r\n  display: none;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  font-size: 18px;\r\n  z-index: 1;\r\n}\r\n.timeline .swiper-pagination::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -30px;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 1px;\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n}\r\n.timeline .swiper-pagination-bullet {\r\n  width: auto;\r\n  height: auto;\r\n  text-align: center;\r\n  opacity: 1;\r\n  background: transparent;\r\n  color: #0693e3;\r\n  margin: 15px 0 !important;\r\n  position: relative;\r\n}\r\n.timeline .swiper-pagination-bullet::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 8px;\r\n  left: -32.5px;\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 100%;\r\n  background-color: #0693e3;\r\n  transform: scale(0);\r\n  transition: 0.2s;\r\n}\r\n.timeline .swiper-pagination-bullet-active {\r\n  color: #8ed1fc;\r\n}\r\n.timeline .swiper-pagination-bullet-active::before {\r\n  transform: scale(1);\r\n}\r\n.timeline .swiper-button-next,\r\n.timeline .swiper-button-prev {\r\n  background-size: 20px 20px;\r\n  top: 15%;\r\n  width: 20px;\r\n  height: 20px;\r\n  margin-top: 0;\r\n  z-index: 2;\r\n  transition: 0.2s;\r\n}\r\n.timeline .swiper-button-prev {\r\n  left: 8%;\r\n}\r\n.timeline .swiper-button-prev:hover {\r\n  transform: translateX(-3px);\r\n}\r\n.timeline .swiper-button-next {\r\n  right: 8%;\r\n\r\n}\r\n.timeline .swiper-button-next:hover {\r\n  transform: translateX(3px);\r\n}\r\n@media screen and (min-width: 768px) {\r\n  .timeline .swiper-slide::after {\r\n    right: -30%;\r\n    bottom: -8%;\r\n    width: 240px;\r\n    height: 50%;\r\n    box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);\r\n  }\r\n  .timeline .swiper-slide-content {\r\n    right: 30%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 310px;\r\n    font-size: 11px;\r\n    text-align: right;\r\n  }\r\n  .timeline .swiper-slide .timeline-year {\r\n    margin-bottom: 0;\r\n    font-size: 32px;\r\n  }\r\n  .timeline .swiper-slide .timeline-title {\r\n    font-size: 46px;\r\n    margin: 0;\r\n  }\r\n  .timeline .swiper-pagination {\r\n    display: flex;\r\n  }\r\n  .timeline .swiper-button-prev {\r\n    top: 15%;\r\n    left: auto;\r\n    right: 15%;\r\n    transform: rotate(90deg) translate(0, 10px);\r\n  }\r\n  .timeline .swiper-button-prev:hover {\r\n    transform: rotate(90deg) translate(-3px, 10px);\r\n  }\r\n  .timeline .swiper-button-next {\r\n    top: auto;\r\n    bottom: 15%;\r\n    right: 15%;\r\n    transform: rotate(90deg) translate(0, 10px);\r\n  }\r\n  .timeline .swiper-button-next:hover {\r\n    transform: rotate(90deg) translate(3px, 10px);\r\n  }\r\n}\r\n@media screen and (min-width: 1024px) {\r\n  .timeline .swiper-slide::after {\r\n    right: -20%;\r\n    bottom: -12%;\r\n    width: 240px;\r\n    height: 50%;\r\n    box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);\r\n  }\r\n  .timeline .swiper-slide-content {\r\n    right: 25%;\r\n  }\r\n}\r\n     <\/style>\r\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/3.4.2\/js\/swiper.min.js\"><\/script>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"container\">\r\n  <div class=\"timeline\">\r\n    <div class=\"swiper-container\">\r\n      <div class=\"swiper-wrapper\">\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/1.png\" data-year=\"2535\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2535<\/span>\r\n            <h4 class=\"timeline-title\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/h4>\r\n            <p class=\"timeline-text\">\u0e04\u0e38\u0e13\u0e2d\u0e23\u0e38\u0e13\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e2a\u0e38\u0e1b\u0e23\u0e32\u0e13\u0e35 \u0e19\u0e31\u0e19\u0e17\u0e04\u0e38\u0e1b\u0e15\u0e4c\u0e18\u0e33\u0e23\u0e07 (\u0e1c\u0e39\u0e49\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07 ) \u0e44\u0e14\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e49\u0e32\u0e1b\u0e25\u0e35\u0e01\u0e41\u0e25\u0e30\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07 \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e43\u0e19\u0e40\u0e02\u0e15\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e15\u0e2d\u0e19\u0e25\u0e48\u0e32\u0e07\u0e42\u0e14\u0e22\u0e21\u0e35\u0e22\u0e2d\u0e14\u0e02\u0e32\u0e22\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30\u0e01\u0e27\u0e48\u0e32 3 \u0e41\u0e2a\u0e19\u0e25\u0e34\u0e15\u0e23<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/2.png\" data-year=\"2546\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2546<\/span>\r\n            <h4 class=\"timeline-title\">\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17<\/h4>\r\n            <p class=\"timeline-text\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e42\u0e21\u0e1a\u0e34\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (Mobil) \u0e42\u0e14\u0e22 \u0e44\u0e14\u0e49\u0e08\u0e31\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e0b\u0e36\u0e48\u0e07\u0e43\u0e0a\u0e49\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e0a\u0e04\u0e2d\u0e19\u0e31\u0e19\u0e15\u0e4c\u0e2d\u0e34\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e2d\u0e2d\u0e22\u0e25\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e22\u0e48\u0e2d\u0e27\u0e48\u0e32\u201cCA\u201d \u0e42\u0e14\u0e22\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e1b\u0e35 2546- 2554 \u0e17\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e14\u0e39\u0e41\u0e25\u0e40\u0e02\u0e15\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e15\u0e2d\u0e19\u0e25\u0e48\u0e32\u0e07 8 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/3.png\" data-year=\"2550\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2550<\/span>\r\n            <h4 class=\"timeline-title\">\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25<\/h4>\r\n            <p class=\"timeline-text\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25 CIRCLE OF EXCELLENCE 2006 WINNER \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e17\u0e35\u0e21\u0e22\u0e2d\u0e14\u0e02\u0e32\u0e22\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e2d\u0e2a\u0e42\u0e0b\u0e48(\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22) \u0e08\u0e33\u0e01\u0e31\u0e14(\u0e21\u0e2b\u0e32\u0e0a\u0e19)<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/4.png\" data-year=\"2555\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2555<\/span>\r\n            <h4 class=\"timeline-title\">\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22<\/h4>\r\n            <p class=\"timeline-text\">\u0e17\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e42\u0e21\u0e1a\u0e34\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e19\r\n\u0e40\u0e02\u0e15\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e15\u0e2d\u0e19\u0e1a\u0e19\u0e2d\u0e35\u0e01 8 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/5.png\" data-year=\"2559\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2559<\/span>\r\n            <h4 class=\"timeline-title\">CA OIL<\/h4>\r\n            <p class=\"timeline-text\">\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e1b\u0e47\u0e19 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e0b\u0e35\u0e40\u0e2d\u0e2d\u0e2d\u0e22\u0e25\u0e4c \u0e04\u0e2d\u0e23\u0e4c\u0e1b\u0e2d\u0e40\u0e23\u0e0a\u0e31\u0e48\u0e19 (\u0e44\u0e17\u0e22\u0e41\u0e25\u0e19\u0e14\u0e4c) \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e22\u0e48\u0e2d\u0e27\u0e48\u0e32 \"CA OIL\" \u0e42\u0e14\u0e22\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e15\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 16 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e40\u0e02\u0e15\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d \u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\u0e19\u0e31\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25, \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e40\u0e23\u0e32\u0e21\u0e35\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e42\u0e14\u0e22\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/6.png\" data-year=\"\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2559-\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19<\/span>\r\n            <h4 class=\"timeline-title\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32<\/h4>\r\n            <p class=\"timeline-text\">\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e21\u0e35\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 40 \u0e17\u0e48\u0e32\u0e19 \u0e2d\u0e32\u0e17\u0e34\u0e40\u0e0a\u0e48\u0e19 \u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22 \u0e1d\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14 \u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23 \u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e1d\u0e48\u0e32\u0e22\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e42\u0e14\u0e22\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 <p\/><p class=\"timeline-text\">\u0e40\u0e23\u0e32\u0e21\u0e35\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e41\u0e25\u0e30\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1e\u0e34\u0e29\u0e13\u0e38\u0e42\u0e25\u0e01 \u0e21\u0e35\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e08\u0e38\u0e14\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\r\n\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1e\u0e34\u0e08\u0e34\u0e15\u0e23\u0e41\u0e25\u0e30\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e21\u0e48<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"swiper-button-prev\"><\/div>\r\n      <div class=\"swiper-button-next\"><\/div>\r\n      <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    var timelineSwiper = new Swiper(\".timeline .swiper-container\", {\r\n  direction: \"vertical\",\r\n  loop: false,\r\n  speed: 1600,\r\n  pagination: \".swiper-pagination\",\r\n  paginationBulletRender: function (swiper, index, className) {\r\n    var year = document\r\n      .querySelectorAll(\".swiper-slide\")\r\n      [index].getAttribute(\"data-year\");\r\n    return '<span class=\"' + className + '\">' + year + \"<\/span>\";\r\n  },\r\n  paginationClickable: true,\r\n  nextButton: \".swiper-button-next\",\r\n  prevButton: \".swiper-button-prev\",\r\n  breakpoints: {\r\n    768: {\r\n      direction: \"horizontal\"\r\n    }\r\n  }\r\n});\r\n<\/script>\r\n\r\n<\/body>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-element elementor-element-3921732 elementor-section-boxed elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"3921732\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a0c76ba elementor-column elementor-col-100 elementor-top-column\" data-id=\"a0c76ba\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3d126f elementor-hidden-desktop elementor-hidden-tablet elementor-widget elementor-widget-html\" data-id=\"e3d126f\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<head>\r\n     <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/3.4.2\/css\/swiper.min.css\">\r\n     <style>\r\n         html,\r\nbody,\r\n.container {\r\n  height: 100%;\r\n}\r\n\r\nbody {\r\n  font-family: \"DB Heavent\", sans-serif;\r\n}\r\n\r\n.container {\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  background-color: #fff;\r\n  flex-direction: column;\r\n}\r\n\r\n.title {\r\n  font-size: 38px;\r\n  color: #0693e3;\r\n  font-style: italic;\r\n  font-weight: 800;\r\n}\r\n\r\n.timeline {\r\n  width: 100%;\r\n  background-color: #fff;\r\n\r\n}\r\n\r\n.timeline-text {\r\n    font-size: 16px;\r\n}\r\n.timeline .swiper-container {\r\n  height: 600px;\r\n  width: 100%;\r\n  position: relative;\r\n}\r\n.timeline .swiper-wrapper {\r\n  transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;\r\n}\r\n.timeline .swiper-slide {\r\n  position: relative;\r\n  color: #fff;\r\n  overflow: hidden;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n}\r\n.timeline .swiper-slide::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  z-index: 1;\r\n  right: -115%;\r\n  bottom: -10%;\r\n  width: 100%;\r\n  height: 100%;\r\n  background-color: rgba(0, 0, 0, 0.7);\r\n  box-shadow: -230px 0 150px 60vw rgba(0, 0, 0, 0.7);\r\n  border-radius: 100%;\r\n}\r\n.timeline .swiper-slide-content {\r\n  position: absolute;\r\n  text-align: center;\r\n  width: 80%;\r\n  max-width: 310px;\r\n  right: 50%;\r\n  top: 13%;\r\n  transform: translate(50%, 0);\r\n  font-size: 30px;\r\n  z-index: 2;\r\n}\r\n.timeline .swiper-slide .timeline-year {\r\n  display: block;\r\n  font-style: italic;\r\n  font-size: 42px;\r\n  margin-bottom: 50px;\r\n  transform: translate3d(20px, 0, 0);\r\n  color: #0693e3;\r\n  font-weight: 300;\r\n  opacity: 0;\r\n  transition: 0.2s ease 0.4s;\r\n}\r\n.timeline .swiper-slide .timeline-title {\r\n  font-weight: 800;\r\n  font-size: 34px;\r\n  margin: 0 0 30px;\r\n  opacity: 0;\r\n  transform: translate3d(20px, 0, 0);\r\n  transition: 0.2s ease 0.5s;\r\n}\r\n.timeline .swiper-slide .timeline-text {\r\n  line-height: 1.5;\r\n  opacity: 0;\r\n  transform: translate3d(20px, 0, 0);\r\n  transition: 0.2s ease 0.6s;\r\n}\r\n.timeline .swiper-slide-active .timeline-year {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n  transition: 0.4s ease 1.6s;\r\n}\r\n.timeline .swiper-slide-active .timeline-title {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n  transition: 0.4s ease 1.7s;\r\n}\r\n.timeline .swiper-slide-active .timeline-text {\r\n  opacity: 1;\r\n  transform: translate3d(0, 0, 0);\r\n  transition: 0.4s ease 1.8s;\r\n}\r\n.timeline .swiper-pagination {\r\n  right: 15% !important;\r\n  height: 100%;\r\n  display: none;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n  font-style: italic;\r\n  font-weight: 300;\r\n  font-size: 18px;\r\n  z-index: 1;\r\n}\r\n.timeline .swiper-pagination::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: -30px;\r\n  top: 0;\r\n  height: 100%;\r\n  width: 1px;\r\n  background-color: rgba(255, 255, 255, 0.2);\r\n}\r\n.timeline .swiper-pagination-bullet {\r\n  width: auto;\r\n  height: auto;\r\n  text-align: center;\r\n  opacity: 1;\r\n  background: transparent;\r\n  color: #0693e3;\r\n  margin: 15px 0 !important;\r\n  position: relative;\r\n}\r\n.timeline .swiper-pagination-bullet::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  top: 8px;\r\n  left: -32.5px;\r\n  width: 6px;\r\n  height: 6px;\r\n  border-radius: 100%;\r\n  background-color: #0693e3;\r\n  transform: scale(0);\r\n  transition: 0.2s;\r\n}\r\n.timeline .swiper-pagination-bullet-active {\r\n  color: #8ed1fc;\r\n}\r\n.timeline .swiper-pagination-bullet-active::before {\r\n  transform: scale(1);\r\n}\r\n.timeline .swiper-button-next,\r\n.timeline .swiper-button-prev {\r\n  background-size: 20px 20px;\r\n  top: 15%;\r\n  width: 20px;\r\n  height: 20px;\r\n  margin-top: 0;\r\n  z-index: 2;\r\n  transition: 0.2s;\r\n}\r\n.timeline .swiper-button-prev {\r\n  left: 8%;\r\n}\r\n.timeline .swiper-button-prev:hover {\r\n  transform: translateX(-3px);\r\n}\r\n.timeline .swiper-button-next {\r\n  right: 8%;\r\n\r\n}\r\n.timeline .swiper-button-next:hover {\r\n  transform: translateX(3px);\r\n}\r\n@media screen and (min-width: 768px) {\r\n  .timeline .swiper-slide::after {\r\n    right: -30%;\r\n    bottom: -8%;\r\n    width: 240px;\r\n    height: 50%;\r\n    box-shadow: -230px 0 150px 50vw rgba(0, 0, 0, 0.7);\r\n  }\r\n  .timeline .swiper-slide-content {\r\n    right: 30%;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    width: 310px;\r\n    font-size: 11px;\r\n    text-align: right;\r\n  }\r\n  .timeline .swiper-slide .timeline-year {\r\n    margin-bottom: 0;\r\n    font-size: 32px;\r\n  }\r\n  .timeline .swiper-slide .timeline-title {\r\n    font-size: 46px;\r\n    margin: 0;\r\n  }\r\n  .timeline .swiper-pagination {\r\n    display: flex;\r\n  }\r\n  .timeline .swiper-button-prev {\r\n    top: 15%;\r\n    left: auto;\r\n    right: 15%;\r\n    transform: rotate(90deg) translate(0, 10px);\r\n  }\r\n  .timeline .swiper-button-prev:hover {\r\n    transform: rotate(90deg) translate(-3px, 10px);\r\n  }\r\n  .timeline .swiper-button-next {\r\n    top: auto;\r\n    bottom: 15%;\r\n    right: 15%;\r\n    transform: rotate(90deg) translate(0, 10px);\r\n  }\r\n  .timeline .swiper-button-next:hover {\r\n    transform: rotate(90deg) translate(3px, 10px);\r\n  }\r\n}\r\n@media screen and (min-width: 1024px) {\r\n  .timeline .swiper-slide::after {\r\n    right: -20%;\r\n    bottom: -12%;\r\n    width: 240px;\r\n    height: 50%;\r\n    box-shadow: -230px 0 150px 39vw rgba(0, 0, 0, 0.7);\r\n  }\r\n  .timeline .swiper-slide-content {\r\n    right: 25%;\r\n  }\r\n}\r\n     <\/style>\r\n     <script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/Swiper\/3.4.2\/js\/swiper.min.js\"><\/script>\r\n<\/head>\r\n\r\n<body>\r\n<div class=\"container\">\r\n  <div class=\"timeline\">\r\n    <div class=\"swiper-container\">\r\n      <div class=\"swiper-wrapper\">\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/bg1.png\" data-year=\"2535\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2535<\/span>\r\n            <h4 class=\"timeline-title\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08<\/h4>\r\n            <p class=\"timeline-text\">\u0e04\u0e38\u0e13\u0e2d\u0e23\u0e38\u0e13\u0e41\u0e25\u0e30\u0e04\u0e38\u0e13\u0e2a\u0e38\u0e1b\u0e23\u0e32\u0e13\u0e35 \u0e19\u0e31\u0e19\u0e17\u0e04\u0e38\u0e1b\u0e15\u0e4c\u0e18\u0e33\u0e23\u0e07 (\u0e1c\u0e39\u0e49\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07 ) \u0e44\u0e14\u0e49\u0e40\u0e23\u0e34\u0e48\u0e21\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e18\u0e38\u0e23\u0e01\u0e34\u0e08\u0e04\u0e49\u0e32\u0e1b\u0e25\u0e35\u0e01\u0e41\u0e25\u0e30\u0e04\u0e49\u0e32\u0e2a\u0e48\u0e07 \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e43\u0e19\u0e40\u0e02\u0e15\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e15\u0e2d\u0e19\u0e25\u0e48\u0e32\u0e07\u0e42\u0e14\u0e22\u0e21\u0e35\u0e22\u0e2d\u0e14\u0e02\u0e32\u0e22\u0e40\u0e09\u0e25\u0e35\u0e48\u0e22\u0e40\u0e14\u0e37\u0e2d\u0e19\u0e25\u0e30\u0e01\u0e27\u0e48\u0e32 3 \u0e41\u0e2a\u0e19\u0e25\u0e34\u0e15\u0e23<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/bg2.png\" data-year=\"2546\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2546<\/span>\r\n            <h4 class=\"timeline-title\">\u0e01\u0e48\u0e2d\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17<\/h4>\r\n            <p class=\"timeline-text\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e42\u0e21\u0e1a\u0e34\u0e25\u0e2d\u0e22\u0e48\u0e32\u0e07\u0e40\u0e1b\u0e47\u0e19\u0e17\u0e32\u0e07\u0e01\u0e32\u0e23 (Mobil) \u0e42\u0e14\u0e22 \u0e44\u0e14\u0e49\u0e08\u0e31\u0e14\u0e15\u0e31\u0e49\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e0b\u0e36\u0e48\u0e07\u0e43\u0e0a\u0e49\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e42\u0e0a\u0e04\u0e2d\u0e19\u0e31\u0e19\u0e15\u0e4c\u0e2d\u0e34\u0e19\u0e40\u0e15\u0e2d\u0e23\u0e4c\u0e2d\u0e2d\u0e22\u0e25\u0e4c \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e22\u0e48\u0e2d\u0e27\u0e48\u0e32\u201cCA\u201d \u0e42\u0e14\u0e22\u0e43\u0e19\u0e0a\u0e48\u0e27\u0e07\u0e1b\u0e35 2546- 2554 \u0e17\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e14\u0e39\u0e41\u0e25\u0e40\u0e02\u0e15\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e15\u0e2d\u0e19\u0e25\u0e48\u0e32\u0e07 8 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/bg3.png\" data-year=\"2550\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2550<\/span>\r\n            <h4 class=\"timeline-title\">\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25<\/h4>\r\n            <p class=\"timeline-text\">\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25 CIRCLE OF EXCELLENCE 2006 WINNER \u0e40\u0e1b\u0e47\u0e19\u0e23\u0e32\u0e07\u0e27\u0e31\u0e25\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e17\u0e35\u0e21\u0e22\u0e2d\u0e14\u0e02\u0e32\u0e22\u0e40\u0e15\u0e34\u0e1a\u0e42\u0e15\u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14\u0e08\u0e32\u0e01\u0e1c\u0e39\u0e49\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e40\u0e2d\u0e2a\u0e42\u0e0b\u0e48(\u0e1b\u0e23\u0e30\u0e40\u0e17\u0e28\u0e44\u0e17\u0e22) \u0e08\u0e33\u0e01\u0e31\u0e14(\u0e21\u0e2b\u0e32\u0e0a\u0e19)<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/bg4.png\" data-year=\"2555\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2555<\/span>\r\n            <h4 class=\"timeline-title\">\u0e15\u0e31\u0e27\u0e41\u0e17\u0e19\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22<\/h4>\r\n            <p class=\"timeline-text\">\u0e17\u0e32\u0e07\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e44\u0e14\u0e49\u0e23\u0e31\u0e1a\u0e01\u0e32\u0e23\u0e41\u0e15\u0e48\u0e07\u0e15\u0e31\u0e07\u0e43\u0e2b\u0e49\u0e40\u0e1b\u0e47\u0e19\u0e1c\u0e39\u0e49\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e42\u0e21\u0e1a\u0e34\u0e25\u0e40\u0e1e\u0e34\u0e48\u0e21\u0e40\u0e15\u0e34\u0e21\u0e43\u0e19\r\n\u0e40\u0e02\u0e15\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d\u0e15\u0e2d\u0e19\u0e1a\u0e19\u0e2d\u0e35\u0e01 8 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/bg5.png\" data-year=\"2559\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2559<\/span>\r\n            <h4 class=\"timeline-title\">CA OIL<\/h4>\r\n            <p class=\"timeline-text\">\u0e44\u0e14\u0e49\u0e40\u0e1b\u0e25\u0e35\u0e48\u0e22\u0e19\u0e0a\u0e37\u0e48\u0e2d\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e40\u0e1b\u0e47\u0e19 \u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17 \u0e0b\u0e35\u0e40\u0e2d\u0e2d\u0e2d\u0e22\u0e25\u0e4c \u0e04\u0e2d\u0e23\u0e4c\u0e1b\u0e2d\u0e40\u0e23\u0e0a\u0e31\u0e48\u0e19 (\u0e44\u0e17\u0e22\u0e41\u0e25\u0e19\u0e14\u0e4c) \u0e08\u0e33\u0e01\u0e31\u0e14 \u0e2b\u0e23\u0e37\u0e2d\u0e0a\u0e37\u0e48\u0e2d\u0e22\u0e48\u0e2d\u0e27\u0e48\u0e32 \"CA OIL\" \u0e42\u0e14\u0e22\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e23\u0e31\u0e1a\u0e1c\u0e34\u0e14\u0e0a\u0e2d\u0e1a\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e02\u0e15\u0e01\u0e32\u0e23\u0e02\u0e32\u0e22\u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e2b\u0e21\u0e14 16 \u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e40\u0e02\u0e15\u0e20\u0e32\u0e04\u0e40\u0e2b\u0e19\u0e37\u0e2d \u0e1c\u0e25\u0e34\u0e15\u0e20\u0e31\u0e13\u0e11\u0e4c \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e17\u0e35\u0e48\u0e40\u0e23\u0e32\u0e08\u0e31\u0e14\u0e08\u0e33\u0e2b\u0e19\u0e48\u0e32\u0e22\u0e1b\u0e23\u0e30\u0e01\u0e2d\u0e1a\u0e14\u0e49\u0e27\u0e22 \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e23\u0e16\u0e22\u0e19\u0e15\u0e4c\u0e19\u0e31\u0e48\u0e07\u0e2a\u0e48\u0e27\u0e19\u0e1a\u0e38\u0e04\u0e04\u0e25, \u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19 \u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e1e\u0e32\u0e13\u0e34\u0e0a\u0e22\u0e4c \u0e41\u0e25\u0e30\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e23\u0e27\u0e21\u0e17\u0e31\u0e49\u0e07\u0e40\u0e23\u0e32\u0e21\u0e35\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e17\u0e32\u0e07\u0e14\u0e49\u0e32\u0e19\u0e40\u0e17\u0e04\u0e19\u0e34\u0e04\u0e42\u0e14\u0e22\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23 \u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e04\u0e33\u0e1b\u0e23\u0e36\u0e01\u0e29\u0e32\u0e01\u0e32\u0e23\u0e43\u0e0a\u0e49\u0e19\u0e49\u0e33\u0e21\u0e31\u0e19\u0e2b\u0e25\u0e48\u0e2d\u0e25\u0e37\u0e48\u0e19<\/p>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"swiper-slide\" style=\"background-image: url(https:\/\/caoil.co.th\/web\/wp-content\/uploads\/2025\/03\/bg6.png\" data-year=\"\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\">\r\n          <div class=\"swiper-slide-content\"><span class=\"timeline-year\">2559-\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19<\/span>\r\n            <h4 class=\"timeline-title\">\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c\u0e41\u0e25\u0e30\u0e01\u0e32\u0e23\u0e1e\u0e31\u0e12\u0e19\u0e32<\/h4>\r\n            <p class=\"timeline-text\">\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e2f\u0e21\u0e35\u0e1a\u0e38\u0e04\u0e25\u0e32\u0e01\u0e23\u0e21\u0e32\u0e01\u0e01\u0e27\u0e48\u0e32 40 \u0e17\u0e48\u0e32\u0e19 \u0e2d\u0e32\u0e17\u0e34\u0e40\u0e0a\u0e48\u0e19 \u0e1d\u0e48\u0e32\u0e22\u0e02\u0e32\u0e22 \u0e1d\u0e48\u0e32\u0e22\u0e01\u0e32\u0e23\u0e15\u0e25\u0e32\u0e14 \u0e1d\u0e48\u0e32\u0e22\u0e27\u0e34\u0e28\u0e27\u0e01\u0e23 \u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23 \u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 \u0e1d\u0e48\u0e32\u0e22\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e08\u0e31\u0e14\u0e2a\u0e48\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e41\u0e25\u0e30\u0e17\u0e35\u0e21\u0e07\u0e32\u0e19\u0e1d\u0e48\u0e32\u0e22\u0e1a\u0e23\u0e34\u0e2b\u0e32\u0e23\u0e17\u0e35\u0e48\u0e21\u0e35\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e21\u0e37\u0e2d\u0e2d\u0e32\u0e0a\u0e35\u0e1e\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e15\u0e2d\u0e1a\u0e2a\u0e19\u0e2d\u0e07\u0e04\u0e27\u0e32\u0e21\u0e15\u0e49\u0e2d\u0e07\u0e01\u0e32\u0e23\u0e02\u0e2d\u0e07\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e43\u0e19\u0e2b\u0e25\u0e32\u0e01\u0e2b\u0e25\u0e32\u0e22\u0e2d\u0e38\u0e15\u0e2a\u0e32\u0e2b\u0e01\u0e23\u0e23\u0e21 \u0e42\u0e14\u0e22\u0e1a\u0e23\u0e34\u0e29\u0e31\u0e17\u0e02\u0e2d\u0e07\u0e40\u0e23\u0e32\u0e21\u0e38\u0e48\u0e07\u0e21\u0e31\u0e48\u0e19\u0e17\u0e35\u0e48\u0e08\u0e30\u0e1e\u0e31\u0e12\u0e19\u0e32\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e04\u0e27\u0e32\u0e21\u0e40\u0e1b\u0e47\u0e19\u0e40\u0e25\u0e34\u0e28\u0e43\u0e19\u0e01\u0e32\u0e23\u0e43\u0e2b\u0e49\u0e1a\u0e23\u0e34\u0e01\u0e32\u0e23\u0e25\u0e39\u0e01\u0e04\u0e49\u0e32 <p\/><p class=\"timeline-text\">\u0e40\u0e23\u0e32\u0e21\u0e35\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e43\u0e2b\u0e0d\u0e48\u0e41\u0e25\u0e30\u0e04\u0e25\u0e31\u0e07\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1e\u0e34\u0e29\u0e13\u0e38\u0e42\u0e25\u0e01 \u0e21\u0e35\u0e2a\u0e33\u0e19\u0e31\u0e01\u0e07\u0e32\u0e19\u0e41\u0e25\u0e30\u0e08\u0e38\u0e14\u0e01\u0e23\u0e30\u0e08\u0e32\u0e22\u0e2a\u0e34\u0e19\u0e04\u0e49\u0e32\u0e17\u0e35\u0e48\r\n\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e1e\u0e34\u0e08\u0e34\u0e15\u0e23\u0e41\u0e25\u0e30\u0e08\u0e31\u0e07\u0e2b\u0e27\u0e31\u0e14\u0e40\u0e0a\u0e35\u0e22\u0e07\u0e43\u0e2b\u0e21\u0e48<\/p>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"swiper-button-prev\"><\/div>\r\n      <div class=\"swiper-button-next\"><\/div>\r\n      <div class=\"swiper-pagination\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n    var timelineSwiper = new Swiper(\".timeline .swiper-container\", {\r\n  direction: \"vertical\",\r\n  loop: false,\r\n  speed: 1600,\r\n  pagination: \".swiper-pagination\",\r\n  paginationBulletRender: function (swiper, index, className) {\r\n    var year = document\r\n      .querySelectorAll(\".swiper-slide\")\r\n      [index].getAttribute(\"data-year\");\r\n    return '<span class=\"' + className + '\">' + year + \"<\/span>\";\r\n  },\r\n  paginationClickable: true,\r\n  nextButton: \".swiper-button-next\",\r\n  prevButton: \".swiper-button-prev\",\r\n  breakpoints: {\r\n    768: {\r\n      direction: \"horizontal\"\r\n    }\r\n  }\r\n});\r\n<\/script>\r\n\r\n<\/body>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-element elementor-element-f940069 elementor-section-full_width elementor-section-height-default elementor-section-height-default elementor-section elementor-top-section\" data-id=\"f940069\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t<div class=\"elementor-row\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1b65f99 elementor-column elementor-col-100 elementor-top-column\" data-id=\"1b65f99\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-column-wrap  elementor-element-populated\">\n\t\t\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1ce2eff elementor-widget elementor-widget-spacer\" data-id=\"1ce2eff\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0e27\u0e34\u0e2a\u0e31\u0e22\u0e17\u0e31\u0e28\u0e19\u0e4c (Vision) We are committed to develop continu [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":1482,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-1362","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/pages\/1362","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/comments?post=1362"}],"version-history":[{"count":14,"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/pages\/1362\/revisions"}],"predecessor-version":[{"id":2332,"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/pages\/1362\/revisions\/2332"}],"up":[{"embeddable":true,"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/pages\/1482"}],"wp:attachment":[{"href":"https:\/\/caoil.co.th\/web\/wp-json\/wp\/v2\/media?parent=1362"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}