.elementor-kit-6{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --ink:#0E0E0E; --lime:#C6F135; --lime-dark:#6E9900; --paper:#FFFFFF; --cream:#F4F4F1; --line:#E2E2E2; --text-body:#3A3A3A; --text-muted:#555555; --dark-2:#171717; --dark-3:#262626; --dark-line:#3A3A3A; --on-dark:#D0D0D0; --font-th:Anuphan; --font-en:Sora; }
/* Start custom CSS */body{background:#FFFFFF;font-family:'Anuphan',sans-serif;}
.elementor-location-header{position:relative;z-index:50;}
.elementor-widget-html{margin:0 !important;}
.elementor-widget-html:has(script[type='application/ld+json']){display:none !important;}
body.blog .site-main,body.archive .site-main,body.search .site-main,body.error404 .site-main,body.single-post .site-main{padding-top:150px;}
@media (max-width:767px){body.blog .site-main,body.archive .site-main,body.search .site-main,body.error404 .site-main,body.single-post .site-main{padding-top:110px;}}
@keyframes rr-spin{to{transform:rotate(360deg);}}
@keyframes rr-mq{from{transform:translateX(0);}to{transform:translateX(-25%);}}
@keyframes rr-up{from{opacity:0;translate:0 24px;}to{opacity:1;translate:0 0;}}
@keyframes rr-pop{0%{scale:.6;}60%{scale:1.06;}100%{scale:1;}}
h1.rr-pills span{animation:rr-pop .7s cubic-bezier(.2,.8,.2,1) .15s both;}
h1.rr-pills span:last-of-type{animation-delay:.3s;}
.rr-hero-in{animation:rr-up .7s cubic-bezier(.2,.8,.2,1) .2s both;}
[data-id='5578d842'].rr-hero-in{animation-delay:.35s;}
[data-id='df2c007'].rr-hero-in{animation-delay:.45s;}
.rr-ring--hero{animation:rr-up .7s cubic-bezier(.2,.8,.2,1) .3s both;}
@supports (animation-timeline: view()){.rr-reveal,.rr-h2,.rr-card,.rr-card-white,.rr-steps li,.rr-table,.rr-list li{animation:rr-up linear both;animation-timeline:view();animation-range:entry 0% entry 40%;}}
.rr-btn-lime,.rr-btn-dark,.rr-btn-ghost-light,.rr-btn-ghost-dark{transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,background-color .25s,color .25s;}
.rr-btn-lime:hover,.rr-btn-dark:hover,.rr-btn-ghost-light:hover,.rr-btn-ghost-dark:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(14,14,14,.18);}
.rr-btn-lime:hover{box-shadow:0 10px 28px rgba(198,241,53,.35);}
.rr-card,.rr-card-white,.rr-lift,.rr-steps li{transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s;}
.rr-card:hover,.rr-card-white:hover,.rr-lift:hover,.rr-steps li:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(14,14,14,.10);}
.rr-lift-x{transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s;}
.rr-lift-x:hover{transform:translateX(6px);}
.rr-ring{position:relative;width:160px;height:160px;flex:none;}
.rr-ring--s4{width:140px;height:140px;}
.rr-ring .rr-spin{position:absolute;inset:0;width:100%;height:100%;animation:rr-spin 22s linear infinite;}
.rr-ring__btn{position:absolute;inset:27.5%;border-radius:50%;background:#C6F135;color:#0E0E0E;display:flex;align-items:center;justify-content:center;transition:transform .2s;}
.rr-ring--s4 .rr-ring__btn{inset:28.5%;}
.rr-ring__btn:hover{transform:scale(1.08) rotate(45deg);color:#0E0E0E;}
@media (max-width:767px){.rr-ring{width:112px;height:112px;}.rr-ring--s4{width:104px;height:104px;}.rr-ring__btn svg{width:22px;height:22px;}}
.rr-mq,.rr-mq-tilt{display:inline-block !important;width:max-content !important;max-width:none !important;white-space:pre !important;text-align:left !important;word-spacing:.35em;animation:rr-mq 76s linear infinite;will-change:transform;}
.rr-mq-tilt{animation-duration:60s;}
.rr-mq::after{content:'  \2733  ออกแบบเว็บไซต์ \2733 WordPress \2733 SEO \2733 AI SEO \2733 Landing Page \2733 แก้ไขเองได้  \2733  ออกแบบเว็บไซต์ \2733 WordPress \2733 SEO \2733 AI SEO \2733 Landing Page \2733 แก้ไขเองได้  \2733  ออกแบบเว็บไซต์ \2733 WordPress \2733 SEO \2733 AI SEO \2733 Landing Page \2733 แก้ไขเองได้  \2733  ';}
.rr-mq-tilt::after{content:'  \2022  Landing Page \2022 เว็บไซต์บริษัท \2022 WordPress \2022 Elementor \2022 SEO \2022 AI SEO  \2022  Landing Page \2022 เว็บไซต์บริษัท \2022 WordPress \2022 Elementor \2022 SEO \2022 AI SEO  \2022  Landing Page \2022 เว็บไซต์บริษัท \2022 WordPress \2022 Elementor \2022 SEO \2022 AI SEO  \2022  ';color:inherit;}
.rr-mq-band:hover .rr-mq,.rr-mq-band:hover .rr-mq-tilt{animation-play-state:paused;}
.rr-pills span{display:inline-block;background:#C6F135;color:#0E0E0E;border-radius:999px;padding:0 .32em;line-height:1.12;}
.rr-logo span{color:#C6F135;}
.rr-hide{display:none !important;}
.rr-mm summary{list-style:none;transition:background-color .2s;}
.rr-mm summary::-webkit-details-marker{display:none;}
.rr-mm summary > .e-accordion-item-icon-base{display:none !important;}
.rr-mm summary > .e-accordion-item-title-base{display:flex !important;align-items:center;justify-content:center;width:auto !important;padding:0 !important;}
.rr-mm .rr-mm-ico{display:block;font-size:20px;line-height:1;color:#FFFFFF;}
.rr-mm details[open] summary{background:#C6F135 !important;border-color:#C6F135 !important;}
.rr-mm details[open] .rr-mm-ico{font-size:0 !important;}
.rr-mm details[open] .rr-mm-ico::after{content:'\2715';font-size:18px;font-weight:700;color:#0E0E0E;}
.rr-mm details:not([open]) .rr-mm-content{display:none !important;}
.rr-mm details[open] .rr-mm-content{animation:rr-up .3s cubic-bezier(.2,.8,.2,1) both;}
.rr-mm-content{position:absolute !important;right:-6px;top:calc(100% + 16px);width:calc(100vw - 32px);background:#171717;border:1px solid #2A2A2A;border-radius:28px;z-index:60;box-shadow:0 16px 40px rgba(0,0,0,.45);}
.rr-navmenu .elementor-menu-toggle,.rr-navmenu-mobile .elementor-menu-toggle,.rr-navmenu-foot .elementor-menu-toggle,.rr-navmenu nav.elementor-nav-menu--dropdown,.rr-navmenu-mobile nav.elementor-nav-menu--dropdown,.rr-navmenu-foot nav.elementor-nav-menu--dropdown{display:none !important;}
.rr-navmenu-mobile .elementor-nav-menu--main,.rr-navmenu-foot .elementor-nav-menu--main{display:block !important;}
.rr-navmenu .elementor-nav-menu{display:flex;gap:32px;}
.rr-navmenu .elementor-nav-menu a.elementor-item{padding:0 !important;font-family:'Anuphan',sans-serif;font-size:15px;font-weight:400;color:#E6E6E6 !important;transition:color .2s;}
.rr-navmenu a.elementor-item:hover,.rr-navmenu a.elementor-item.elementor-item-active{color:#C6F135 !important;}
.rr-navmenu-mobile .elementor-nav-menu{display:flex;flex-direction:column;}
.rr-navmenu-mobile a.elementor-item{display:flex !important;justify-content:space-between;align-items:center;padding:14px !important;border-bottom:1px solid #2A2A2A;font-family:'Anuphan',sans-serif;font-size:16px;font-weight:400;color:#D0D0D0 !important;}
.rr-navmenu-mobile li:nth-child(-n+4) a.elementor-item{padding:16px 14px !important;font-size:20px;font-weight:600;color:#FFFFFF !important;}
.rr-navmenu-mobile li:nth-child(-n+4) a.elementor-item::after{content:'\2197';position:static !important;opacity:1 !important;width:auto !important;height:auto !important;background:none !important;color:#C6F135;font-weight:700;}
.rr-navmenu-mobile li:last-child a.elementor-item{border-bottom:0;}
.rr-navmenu-mobile li a.elementor-item.elementor-item-active{color:#C6F135 !important;}
.rr-navmenu-foot .elementor-nav-menu{display:flex;flex-direction:column;gap:10px;}
.rr-navmenu-foot a.elementor-item{padding:0 !important;font-family:'Anuphan',sans-serif;font-size:15px;font-weight:400;color:#0E0E0E !important;}
.rr-navmenu-foot a.elementor-item:hover{text-decoration:underline;}
@media (max-width:767px){.rr-navmenu-foot a.elementor-item{padding:6px 0 !important;}.rr-navmenu-foot .elementor-nav-menu{gap:2px;}}
.rr-list ul,.rr-list ol{margin:0;padding-left:1.4em;display:flex;flex-direction:column;gap:12px;}
.rr-list li::marker{color:#6E9900;font-weight:700;}
.rr-steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:rrs;}
.rr-steps li{background:#F4F4F1;border-radius:32px;padding:32px;counter-increment:rrs;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;line-height:1.6;}
.rr-steps li::before{content:'0' counter(rrs);align-self:flex-start;background:#C6F135;color:#0E0E0E;border-radius:999px;padding:6px 16px;font-family:'Sora',sans-serif;font-weight:700;font-size:16px;}
.rr-steps li:nth-child(4){background:#0E0E0E;color:#FFFFFF;}
@media (max-width:1024px){.rr-steps ol{grid-template-columns:repeat(2,1fr);}}
@media (max-width:767px){.rr-steps ol{grid-template-columns:1fr;gap:14px;}.rr-steps li{min-height:0;padding:24px;border-radius:24px;gap:16px;}}
.rr-body a{text-decoration:underline;text-underline-offset:4px;font-weight:600;}
@media (max-width:767px){.rr-body a{display:inline-block;padding-block:6px;}}
.rr-table{overflow-x:auto;}
.rr-table table{width:100%;border-collapse:collapse;font-family:'Anuphan',sans-serif;font-size:16px;line-height:1.7;background:#FFFFFF;border-radius:24px;overflow:hidden;border:1px solid #E2E2E2;}
.rr-table th,.rr-table td{padding:16px 20px;border-bottom:1px solid #E2E2E2;text-align:left;vertical-align:middle;}
.rr-table thead th{background:#0E0E0E;color:#FFFFFF;font-weight:700;}
.rr-table tbody th{font-weight:600;}
.rr-table tbody tr:last-child th,.rr-table tbody tr:last-child td{border-bottom:0;}
.rr-table tbody tr{transition:background-color .2s;}
.rr-table tbody tr:hover{background:#F9FBEF;}
@media (max-width:767px){.rr-table th,.rr-table td{padding:12px 14px;font-size:15px;}.rr-table--stack table{border:0;background:transparent;}.rr-table--stack thead{display:none;}.rr-table--stack tr{display:block;background:#FFFFFF;border:1px solid #E2E2E2;border-radius:18px;margin-bottom:12px;overflow:hidden;}.rr-table--stack tbody th{display:block;background:#F4F4F1;}.rr-table--stack td{display:flex;justify-content:space-between;gap:12px;}.rr-table--stack td::before{content:attr(data-label);font-weight:600;color:#555;}}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none !important;transition:none !important;}}/* End custom CSS */