.elementor-10368 .elementor-element.elementor-element-04daecd{--display:flex;--min-height:841px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-10368 .elementor-element.elementor-element-04daecd:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-04daecd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.onelink.co.th/wp-content/uploads/2026/07/หน้าเเรก.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-10368 .elementor-element.elementor-element-6242692 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-6242692{text-align:center;}.elementor-10368 .elementor-element.elementor-element-6242692 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:54px;font-weight:600;line-height:60px;color:#091419;}.elementor-10368 .elementor-element.elementor-element-eba1827 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-eba1827{text-align:center;}.elementor-10368 .elementor-element.elementor-element-eba1827 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;line-height:23px;color:#088237;}.elementor-10368 .elementor-element.elementor-element-ba5fd98 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-ba5fd98{text-align:center;}.elementor-10368 .elementor-element.elementor-element-ba5fd98 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:400;color:#585858;}.elementor-10368 .elementor-element.elementor-element-1d5f167{--display:flex;--min-height:841px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;}.elementor-10368 .elementor-element.elementor-element-1d5f167:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-1d5f167 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.onelink.co.th/wp-content/uploads/2026/07/หน้าเเรก.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10368 .elementor-element.elementor-element-e2ba043 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-e2ba043{text-align:center;}.elementor-10368 .elementor-element.elementor-element-e2ba043 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:54px;font-weight:600;line-height:60px;color:#091419;}.elementor-10368 .elementor-element.elementor-element-b3af831 > .elementor-widget-container{margin:50px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-b3af831{text-align:center;}.elementor-10368 .elementor-element.elementor-element-b3af831 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:54px;font-weight:600;line-height:60px;color:#091419;}.elementor-10368 .elementor-element.elementor-element-12a1da8 > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-12a1da8{text-align:center;}.elementor-10368 .elementor-element.elementor-element-12a1da8 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:500;line-height:23px;color:#088237;}.elementor-10368 .elementor-element.elementor-element-4de1b5a > .elementor-widget-container{margin:-22px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-4de1b5a{text-align:center;}.elementor-10368 .elementor-element.elementor-element-4de1b5a .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:400;color:#585858;}.elementor-10368 .elementor-element.elementor-element-9439f21{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-5c3fd5a{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-10368 .elementor-element.elementor-element-102f55a{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:23px 23px 23px 23px;}.elementor-10368 .elementor-element.elementor-element-102f55a:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-102f55a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D7FFE7;}.elementor-10368 .elementor-element.elementor-element-04f2354{text-align:center;}.elementor-10368 .elementor-element.elementor-element-04f2354 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:58px;font-weight:600;color:#868C8F;}.elementor-10368 .elementor-element.elementor-element-19b4d11{text-align:center;}.elementor-10368 .elementor-element.elementor-element-19b4d11 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:28px;font-weight:600;color:#868C8F;}.elementor-widget-fluent-form-widget .fluentform-widget-description{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-10368 .elementor-element.elementor-element-b5765ff .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-10368 .elementor-element.elementor-element-247df00{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-980b62d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-7e9b453{--display:flex;--min-height:869px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-10368 .elementor-element.elementor-element-e917157{text-align:center;}.elementor-10368 .elementor-element.elementor-element-e917157 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;color:#747474;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-10368 .elementor-element.elementor-element-0bd1f96 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-0bd1f96 img{width:60%;}.elementor-10368 .elementor-element.elementor-element-7874fff{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-a0b38fb{--display:flex;--min-height:869px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-10368 .elementor-element.elementor-element-d13c6ca{text-align:center;}.elementor-10368 .elementor-element.elementor-element-d13c6ca .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:45px;font-weight:600;color:#747474;}.elementor-10368 .elementor-element.elementor-element-39c35d9{text-align:center;}.elementor-10368 .elementor-element.elementor-element-39c35d9 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:30px;font-weight:600;color:#747474;}.elementor-10368 .elementor-element.elementor-element-19f77e4 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-19f77e4 .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center;}.elementor-10368 .elementor-element.elementor-element-19f77e4 img{width:60%;}.elementor-10368 .elementor-element.elementor-element-4bcdc93{--display:flex;--min-height:1002px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.5;}.elementor-10368 .elementor-element.elementor-element-4bcdc93:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.onelink.co.th/wp-content/uploads/2026/05/onelink-DLT-2.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-10368 .elementor-element.elementor-element-4bcdc93::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-background-video-container::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .e-con-inner > .elementor-background-video-container::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-background-slideshow::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #FFFFFF00 0%, #FFFFFF 100%);}.elementor-10368 .elementor-element.elementor-element-9b33b95{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-f139a3c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-368c47f > .elementor-widget-container{margin:-15px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-368c47f{text-align:center;}.elementor-10368 .elementor-element.elementor-element-368c47f .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-10368 .elementor-element.elementor-element-f20b6ec > .elementor-widget-container{margin:-38px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-f20b6ec{text-align:center;}.elementor-10368 .elementor-element.elementor-element-f20b6ec .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:72px;font-weight:600;font-style:italic;color:#00BE31;}.elementor-10368 .elementor-element.elementor-element-bbe4f17 > .elementor-widget-container{margin:-39px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-bbe4f17{text-align:center;}.elementor-10368 .elementor-element.elementor-element-bbe4f17 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:73px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-10368 .elementor-element.elementor-element-7338ab7 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-7338ab7{text-align:center;}.elementor-10368 .elementor-element.elementor-element-7338ab7 img{width:22%;}.elementor-10368 .elementor-element.elementor-element-beed4a7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10368 .elementor-element.elementor-element-beed4a7:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-beed4a7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor6 );}.elementor-10368 .elementor-element.elementor-element-7f390d5{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-52f172b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-41e94a6 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-41e94a6{text-align:left;}.elementor-10368 .elementor-element.elementor-element-41e94a6 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-10368 .elementor-element.elementor-element-1a40240 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-1a40240{text-align:left;}.elementor-10368 .elementor-element.elementor-element-1a40240 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:61px;font-weight:600;font-style:italic;color:var( --e-global-color-dc39aff );}.elementor-10368 .elementor-element.elementor-element-6e9defb > .elementor-widget-container{margin:-26px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-6e9defb .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-10368 .elementor-element.elementor-element-72ad726{--display:flex;--min-height:698px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-10368 .elementor-element.elementor-element-72ad726:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-72ad726 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-10368 .elementor-element.elementor-element-2a78eac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-0bec902{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-3cec1f2 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-3cec1f2{text-align:left;}.elementor-10368 .elementor-element.elementor-element-3cec1f2 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:45px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-10368 .elementor-element.elementor-element-25eebf1 > .elementor-widget-container{margin:-25px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-25eebf1{text-align:left;}.elementor-10368 .elementor-element.elementor-element-25eebf1 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:61px;font-weight:600;font-style:normal;color:#747474;}.elementor-10368 .elementor-element.elementor-element-50b2292 > .elementor-widget-container{margin:-21px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-50b2292 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:20px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-10368 .elementor-element.elementor-element-2b61e9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-5ff9666{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-339278d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-87152dd{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-10368 .elementor-element.elementor-element-44ed7ce{--display:flex;--justify-content:center;border-style:solid;--border-style:solid;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:23px 23px 23px 23px;}.elementor-10368 .elementor-element.elementor-element-44ed7ce:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-44ed7ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#D7FFE7;}.elementor-10368 .elementor-element.elementor-element-678a16d{text-align:center;}.elementor-10368 .elementor-element.elementor-element-678a16d .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:58px;font-weight:600;color:#868C8F;}.elementor-10368 .elementor-element.elementor-element-10c4803{text-align:center;}.elementor-10368 .elementor-element.elementor-element-10c4803 .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:28px;font-weight:600;color:#868C8F;}.elementor-10368 .elementor-element.elementor-element-3e43720 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:#1a7efb !important;color:#ffffff !important;}.elementor-10368 .elementor-element.elementor-element-2a2ccde{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}@media(min-width:768px){.elementor-10368 .elementor-element.elementor-element-102f55a{--width:76%;}.elementor-10368 .elementor-element.elementor-element-9b33b95{--width:51%;}.elementor-10368 .elementor-element.elementor-element-f139a3c{--width:80%;}.elementor-10368 .elementor-element.elementor-element-7f390d5{--width:50%;}.elementor-10368 .elementor-element.elementor-element-52f172b{--width:50%;}.elementor-10368 .elementor-element.elementor-element-2a78eac{--width:50%;}.elementor-10368 .elementor-element.elementor-element-0bec902{--width:50%;}.elementor-10368 .elementor-element.elementor-element-44ed7ce{--width:76%;}}@media(max-width:767px){.elementor-10368 .elementor-element.elementor-element-1d5f167:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-1d5f167 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.onelink.co.th/wp-content/uploads/2026/07/phone.png");}.elementor-10368 .elementor-element.elementor-element-1d5f167{--min-height:624px;}.elementor-10368 .elementor-element.elementor-element-e2ba043 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-e2ba043 .elementor-heading-title{font-size:34px;}.elementor-10368 .elementor-element.elementor-element-b3af831 > .elementor-widget-container{margin:-39px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-b3af831 .elementor-heading-title{font-size:32px;line-height:1.4em;letter-spacing:0px;}.elementor-10368 .elementor-element.elementor-element-12a1da8 .elementor-heading-title{font-size:13px;line-height:1.4em;}.elementor-10368 .elementor-element.elementor-element-4de1b5a > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-4de1b5a{text-align:left;}.elementor-10368 .elementor-element.elementor-element-4de1b5a .elementor-heading-title{font-size:12px;}.elementor-10368 .elementor-element.elementor-element-5c3fd5a{--min-height:764px;}.elementor-10368 .elementor-element.elementor-element-04f2354 .elementor-heading-title{font-size:39px;}.elementor-10368 .elementor-element.elementor-element-19b4d11 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-19b4d11 .elementor-heading-title{font-size:14px;}.elementor-10368 .elementor-element.elementor-element-7e9b453{--min-height:457px;--justify-content:flex-end;}.elementor-10368 .elementor-element.elementor-element-0bd1f96 > .elementor-widget-container{margin:-4px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-0bd1f96 img{width:100%;}.elementor-10368 .elementor-element.elementor-element-4bcdc93:not(.elementor-motion-effects-element-type-background), .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.onelink.co.th/wp-content/uploads/2026/05/onelink-DLT-4-scaled.png");}.elementor-10368 .elementor-element.elementor-element-4bcdc93{--min-height:1038px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-start;--overlay-opacity:1;}.elementor-10368 .elementor-element.elementor-element-4bcdc93::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-background-video-container::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .e-con-inner > .elementor-background-video-container::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-background-slideshow::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-10368 .elementor-element.elementor-element-4bcdc93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #FFFFFF00 62%, #FFFFFF 100%);}.elementor-10368 .elementor-element.elementor-element-03f2417 > .elementor-widget-container{margin:-60px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-368c47f .elementor-heading-title{font-size:23px;}.elementor-10368 .elementor-element.elementor-element-f20b6ec > .elementor-widget-container{margin:-19px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-f20b6ec .elementor-heading-title{font-size:31px;}.elementor-10368 .elementor-element.elementor-element-bbe4f17 > .elementor-widget-container{margin:-16px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-bbe4f17 .elementor-heading-title{font-size:32px;}.elementor-10368 .elementor-element.elementor-element-beed4a7{--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-7f390d5{--margin-top:-49px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-10368 .elementor-element.elementor-element-41e94a6 .elementor-heading-title{font-size:30px;}.elementor-10368 .elementor-element.elementor-element-1a40240 .elementor-heading-title{font-size:35px;}.elementor-10368 .elementor-element.elementor-element-6e9defb > .elementor-widget-container{margin:-14px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-6e9defb{text-align:left;}.elementor-10368 .elementor-element.elementor-element-6e9defb .elementor-heading-title{font-size:14px;}.elementor-10368 .elementor-element.elementor-element-72ad726{--min-height:439px;--flex-direction:column-reverse;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-10368 .elementor-element.elementor-element-e08b941 > .elementor-widget-container{margin:-33px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-3cec1f2 .elementor-heading-title{font-size:30px;}.elementor-10368 .elementor-element.elementor-element-25eebf1 .elementor-heading-title{font-size:35px;}.elementor-10368 .elementor-element.elementor-element-50b2292{text-align:left;}.elementor-10368 .elementor-element.elementor-element-50b2292 .elementor-heading-title{font-size:14px;}.elementor-10368 .elementor-element.elementor-element-87152dd{--min-height:764px;}.elementor-10368 .elementor-element.elementor-element-678a16d .elementor-heading-title{font-size:39px;}.elementor-10368 .elementor-element.elementor-element-10c4803 > .elementor-widget-container{margin:-20px 0px 0px 0px;}.elementor-10368 .elementor-element.elementor-element-10c4803 .elementor-heading-title{font-size:14px;}}/* Start custom CSS *//* ==========================================================================
Onelink Landing Page — Shared CSS (CSS+HTML ONLY — ไม่มี JS)
วิธีใช้ใน Elementor Pro:
วางไฟล์นี้ทั้งหมดใน Elementor > Site Settings > Custom CSS
(หรือ Custom Code > Custom CSS ต่อหน้า) — ไม่ต้องใช้ Custom Code แบบ JS เลย
อย่าลืมเพิ่ม Google Font ในแท็ก head:
========================================================================== */
:root{
--olp-white:#FFFFFF;
--olp-mist:#F3FBF7;
--olp-mist-2:#EAF7F0;
--olp-ink:#07231A;
--olp-ink-soft:#164B34;
--olp-accent:#0EA968;
--olp-accent-2:#22C55E;
--olp-accent-deep:#066B3E;
--olp-accent-glow:rgba(14,169,104,.35);
--olp-muted:#5D6F66;
--olp-line:rgba(7,35,26,.09);
--olp-radius:1.75rem;
--olp-ease:cubic-bezier(.32,.72,0,1);
--olp-font:'Kanit','Sarabun',sans-serif;
}
/* ---------- base ---------- */
.olp-section{font-family:var(--olp-font);color:var(--olp-ink);line-height:1.7;box-sizing:border-box;-webkit-font-smoothing:antialiased;background:var(--olp-white);position:relative}
.olp-section *,.olp-section *::before,.olp-section *::after{box-sizing:border-box}
.olp-section img{max-width:100%;display:block}
.olp-section a{color:inherit;text-decoration:none}
.olp-section a:hover{color:var(--olp-accent-deep)}
.olp-wrap{max-width:1160px;margin:0 auto;padding:0 24px;position:relative}
.olp-alt{background:var(--olp-mist)}
/* ---------- entrance animation on load (CSS-only, no scroll-trigger JS) ---------- */
@keyframes olp-fade-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
.olp-reveal{animation:olp-fade-up .9s var(--olp-ease) both}
.olp-reveal:nth-of-type(1){animation-delay:.05s}
.olp-reveal:nth-of-type(2){animation-delay:.15s}
.olp-reveal:nth-of-type(3){animation-delay:.25s}
.olp-reveal:nth-of-type(4){animation-delay:.35s}
.olp-reveal:nth-of-type(5){animation-delay:.45s}
@media (prefers-reduced-motion:reduce){.olp-reveal{animation:none}}
/* ---------- buttons ---------- */
.olp-btn{
display:inline-flex;align-items:center;gap:.6rem;font-family:var(--olp-font);font-weight:600;font-size:.95rem;
padding:.8rem 1.4rem;border-radius:999px;cursor:pointer;border:none;position:relative;
transition:transform .4s var(--olp-ease),box-shadow .4s var(--olp-ease),background .4s var(--olp-ease);
}
.olp-btn:active{transform:scale(.97)}
.olp-btn .olp-ic{width:1.7rem;height:1.7rem;border-radius:999px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.22);font-size:.85rem;transition:transform .4s var(--olp-ease)}
.olp-btn:hover .olp-ic{transform:translate(3px,-1px)}
a.olp-btn-accent{background:linear-gradient(135deg,var(--olp-accent),var(--olp-accent-deep));color:#fff;box-shadow:0 10px 34px -10px var(--olp-accent-glow),0 0 0 0 rgba(14,169,104,.5);animation:olp-btn-glow 2.8s ease-in-out infinite}
button.olp-btn-accent{background:linear-gradient(135deg,var(--olp-accent),var(--olp-accent-deep));color:#fff;box-shadow:0 10px 34px -10px var(--olp-accent-glow),0 0 0 0 rgba(14,169,104,.5);animation:olp-btn-glow 2.8s ease-in-out infinite}
.olp-btn-accent:hover{box-shadow:0 16px 44px -10px var(--olp-accent-glow)}
a.olp-btn-ghost{background:var(--olp-white);color:var(--olp-ink);border:1.5px solid var(--olp-line)}
a.olp-btn-ghost:hover{border-color:var(--olp-accent);color:var(--olp-accent-deep)}
@keyframes olp-btn-glow{
0%,100%{box-shadow:0 10px 34px -10px var(--olp-accent-glow),0 0 0 0 rgba(14,169,104,.35)}
50%{box-shadow:0 10px 34px -10px var(--olp-accent-glow),0 0 0 10px rgba(14,169,104,0)}
}
/* ---------- kicker / section head ---------- */
.olp-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--olp-accent-deep);font-weight:600}
.olp-kicker::before{content:"";width:.45rem;height:.45rem;border-radius:99px;background:var(--olp-accent);box-shadow:0 0 10px var(--olp-accent)}
.olp-sec-head{max-width:44rem;margin-bottom:56px;position:relative;padding-left:34px}
.olp-sec-head::before{content:"";position:absolute;left:9px;top:1.5rem;bottom:-2rem;width:0;border-left:2px dashed rgba(14,169,104,.5)}
.olp-sec-head::after{content:"";position:absolute;left:2px;top:1.45rem;width:16px;height:16px;border-radius:99px;background:var(--olp-accent);border:4px solid var(--olp-mist-2);box-shadow:0 0 0 4px rgba(14,169,104,.12)}
.olp-sec-head h2{font-size:clamp(1.6rem,3.2vw,2.3rem);margin:.6rem 0 .7rem;font-weight:700;line-height:1.3}
.olp-sec-head p{color:var(--olp-muted);font-size:1.02rem}
/* ==========================================================================
1) HERO — background drifts on its own via CSS keyframes (ไม่พึ่ง scroll JS)
========================================================================== */
.olp-hero{
overflow:hidden;padding:88px 0 104px;
background:
radial-gradient(760px 420px at 88% -6%,rgba(14,169,104,.12),transparent 62%),
radial-gradient(620px 360px at 6% 108%,rgba(34,197,94,.08),transparent 60%),
var(--olp-white);
}
.olp-hero::before{
content:"";position:absolute;inset:-40px 0 0 0;pointer-events:none;opacity:.6;
background-image:linear-gradient(rgba(7,35,26,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(7,35,26,.035) 1px,transparent 1px);
background-size:56px 56px;
animation:olp-grid-drift 16s linear infinite;
}
@keyframes olp-grid-drift{0%{background-position:0 0,0 0}100%{background-position:0 56px,56px 0}}
.olp-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.55;z-index:0}
.olp-blob-a{width:420px;height:420px;top:-140px;right:-100px;background:radial-gradient(circle,rgba(34,197,94,.35),transparent 70%);animation:olp-float 9s ease-in-out infinite}
.olp-blob-b{width:320px;height:320px;bottom:-120px;left:-80px;background:radial-gradient(circle,rgba(14,169,104,.25),transparent 70%);animation:olp-float 11s ease-in-out infinite reverse}
@keyframes olp-float{0%,100%{transform:translate(0,0)}50%{transform:translate(-18px,22px)}}
.olp-hero-grid{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center;z-index:1}
.olp-eyebrow{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--olp-line);border-radius:999px;padding:.4rem 1.1rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--olp-accent-deep);font-weight:600;background:var(--olp-mist)}
.olp-eyebrow::before{content:"";width:.5rem;height:.5rem;border-radius:99px;background:var(--olp-accent);box-shadow:0 0 12px var(--olp-accent)}
.olp-hero h1{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:700;margin:22px 0 18px;line-height:1.22}
.olp-hero h1 em{font-style:normal;background:linear-gradient(120deg,var(--olp-accent-deep),var(--olp-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.olp-hero .olp-lead{color:var(--olp-muted);font-size:1.1rem;max-width:34rem}
.olp-hero-points{list-style:none;margin:26px 0 34px;display:grid;gap:12px;padding:0}
.olp-hero-points li{display:flex;gap:.7rem;align-items:flex-start;color:var(--olp-ink-soft)}
.olp-chk{flex:none;width:1.4rem;height:1.4rem;margin-top:.2rem;border-radius:.5rem;background:rgba(14,169,104,.14);color:var(--olp-accent-deep);display:flex;align-items:center;justify-content:center;font-size:.8rem}
.olp-hero-ctas{display:flex;gap:14px;flex-wrap:wrap}
/* lead form */
.olp-form-shell{position:relative;background:linear-gradient(160deg,var(--olp-mist),var(--olp-white));border:1px solid var(--olp-line);padding:.55rem;border-radius:var(--olp-radius);box-shadow:0 40px 80px -44px rgba(7,35,26,.28)}
.olp-form-core{background:#fff;border-radius:calc(var(--olp-radius) - .5rem);padding:30px 28px;box-shadow:inset 0 1px 1px rgba(255,255,255,.7),0 1px 2px rgba(7,35,26,.04)}
.olp-form-core h3{font-size:1.3rem;margin-bottom:4px;font-weight:700}
.olp-form-core .olp-sub{color:var(--olp-muted);font-size:.9rem;margin-bottom:20px}
.olp-field{margin-bottom:14px}
.olp-field label{display:block;font-size:.82rem;font-weight:600;margin-bottom:6px;color:var(--olp-ink-soft)}
.olp-field input,.olp-field select{width:100%;padding:.75rem 1rem;border-radius:.9rem;border:1px solid var(--olp-line);font-family:inherit;font-size:.95rem;background:var(--olp-mist);transition:border .3s var(--olp-ease),box-shadow .3s var(--olp-ease),background .3s var(--olp-ease)}
.olp-field input:focus,.olp-field select:focus{outline:none;border-color:var(--olp-accent);box-shadow:0 0 0 4px rgba(14,169,104,.16);background:#fff}
.olp-form-core .olp-btn{width:100%;justify-content:center;margin-top:6px;font-size:1rem;padding:.9rem 1.3rem}
.olp-form-note{font-size:.78rem;color:var(--olp-muted);text-align:center;margin-top:12px}
@media(max-width:920px){.olp-hero-grid{grid-template-columns:1fr}}
/* ==========================================================================
2) TRUST BAR (ตัวเลขนิ่ง — ไม่มีนับวิ่งเพราะไม่ใช้ JS)
========================================================================== */
.olp-trust{padding:40px 0;border-top:1px solid var(--olp-line);border-bottom:1px solid var(--olp-line)}
.olp-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.olp-trust-item{text-align:center;padding:18px 12px;border-radius:1.2rem;transition:box-shadow .4s var(--olp-ease),transform .4s var(--olp-ease)}
.olp-trust-item:hover{transform:translateY(-4px);box-shadow:0 20px 40px -28px rgba(14,169,104,.35)}
.olp-trust-num{font-weight:700;font-size:1.9rem;background:linear-gradient(120deg,var(--olp-accent-deep),var(--olp-accent));-webkit-background-clip:text;background-clip:text;color:transparent}
.olp-trust-lbl{font-size:.85rem;color:var(--olp-muted);margin-top:4px}
@media(max-width:720px){.olp-trust-grid{grid-template-columns:repeat(2,1fr)}}
/* ==========================================================================
3) COMPARE TABLE
========================================================================== */
.olp-compare{padding:104px 0}
.olp-cmp-legend{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}
.olp-cmp-legend .olp-lg{display:inline-flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--olp-ink-soft);background:var(--olp-mist);border:1px solid var(--olp-line);border-radius:999px;padding:.4rem .9rem .4rem .5rem}
.olp-badge{display:inline-flex;align-items:center;justify-content:center;width:1.9rem;height:1.9rem;border-radius:999px;font-weight:700;font-size:1rem;flex:none;transition:transform .3s var(--olp-ease)}
.olp-badge-yes{background:rgba(14,169,104,.14);color:var(--olp-accent-deep)}
.olp-badge-no{background:#F1F3F5;color:#B6BEC6}
.olp-badge-some{background:rgba(180,83,9,.12);color:#B45309;width:auto;height:auto;border-radius:999px;padding:.32rem .7rem;font-size:.78rem;font-weight:600}
.olp-badge-yes-wide{background:rgba(14,169,104,.14);color:var(--olp-accent-deep);width:auto;height:auto;border-radius:999px;padding:.32rem .8rem;font-size:.78rem;font-weight:700;white-space:nowrap}
.olp-cmp-shell{background:var(--olp-mist);border:1px solid var(--olp-line);border-radius:var(--olp-radius);padding:.5rem;overflow:hidden}
.olp-cmp-scroll{overflow-x:auto}
.olp-cmp{width:100%;min-width:560px;border-collapse:separate;border-spacing:0;background:#fff;border-radius:calc(var(--olp-radius) - .5rem);overflow:hidden}
.olp-cmp th,.olp-cmp td{padding:1.05rem 1.2rem;text-align:center;font-size:.95rem;border-bottom:1px solid var(--olp-line)}
.olp-cmp thead th{font-size:1rem;padding:1.2rem;font-weight:700;background:var(--olp-white)}
.olp-cmp td:first-child,.olp-cmp th:first-child{text-align:left;font-weight:500;color:var(--olp-ink-soft)}
.olp-cmp .olp-col-one{background:linear-gradient(180deg,rgba(14,169,104,.1),rgba(14,169,104,.02));border-left:1px solid rgba(14,169,104,.28);border-right:1px solid rgba(14,169,104,.28)}
.olp-cmp thead .olp-col-one{color:var(--olp-accent-deep)}
.olp-cmp-star{display:inline-flex;align-items:center;gap:.4rem;justify-content:center}
.olp-cmp-star .olp-star-pill{font-size:.66rem;letter-spacing:.06em;background:var(--olp-accent-deep);color:#fff;border-radius:999px;padding:.18rem .55rem;font-weight:700}
.olp-cmp tbody tr{transition:background .3s var(--olp-ease)}
.olp-cmp tbody tr:nth-child(even){background:rgba(14,169,104,.025)}
.olp-cmp tbody tr:hover{background:rgba(14,169,104,.07)}
.olp-cmp tbody tr:last-child td{border-bottom:none}
.olp-cmp tbody tr:hover .olp-badge{transform:scale(1.15)}
.olp-cmp-foot{font-size:.8rem;color:var(--olp-muted);margin-top:14px;padding-left:4px}
@media(max-width:720px){
.olp-cmp th,.olp-cmp td{padding:.85rem .7rem;font-size:.86rem}
.olp-cmp{min-width:520px}
}
/* ==========================================================================
4) STATS BAND
========================================================================== */
.olp-statsband{padding:0 0 104px}
.olp-stats{
position:relative;overflow:hidden;background:linear-gradient(120deg,var(--olp-accent-deep),var(--olp-accent-2));color:#fff;
border-radius:var(--olp-radius);padding:48px 40px;display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:26px;align-items:center;
box-shadow:0 40px 80px -40px rgba(6,107,62,.5);
}
.olp-stats::after{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 90% 0%,rgba(255,255,255,.18),transparent 65%);pointer-events:none}
.olp-stats h3{font-size:1.4rem;line-height:1.45;font-weight:700;position:relative}
.olp-stats .olp-s{position:relative}
.olp-stats .olp-s .olp-n{font-weight:700;font-size:2.1rem}
.olp-stats .olp-s .olp-l{font-size:.85rem;opacity:.92}
.olp-stats-src{font-size:.78rem;opacity:.85;grid-column:1/-1;position:relative}
@media(max-width:920px){.olp-stats{grid-template-columns:repeat(2,1fr)}.olp-stats h3{grid-column:1/-1}}
/* ==========================================================================
5) SOLUTIONS GRID
========================================================================== */
.olp-solutions{padding:104px 0}
.olp-grid-sol{display:grid;grid-template-columns:repeat(12,1fr);gap:20px}
.olp-sol{background:#fff;border:1px solid var(--olp-line);border-radius:var(--olp-radius);padding:.5rem;transition:transform .5s var(--olp-ease),box-shadow .5s var(--olp-ease),border-color .5s var(--olp-ease)}
.olp-sol:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px rgba(14,169,104,.32);border-color:rgba(14,169,104,.35)}
.olp-sol .olp-core{background:linear-gradient(180deg,#FBFDFC,var(--olp-mist));border-radius:calc(var(--olp-radius) - .5rem);padding:26px;height:100%}
.olp-sol-icon{width:2.6rem;height:2.6rem;border-radius:.9rem;background:rgba(14,169,104,.12);color:var(--olp-accent-deep);display:flex;align-items:center;justify-content:center;margin-bottom:14px;transition:transform .5s var(--olp-ease)}
.olp-sol:hover .olp-sol-icon{transform:rotate(-8deg) scale(1.08)}
.olp-sol-icon svg{width:1.4rem;height:1.4rem}
.olp-tag{display:inline-block;font-size:.72rem;letter-spacing:.12em;color:var(--olp-accent-deep);background:rgba(14,169,104,.12);border-radius:999px;padding:.25rem .8rem;margin-bottom:12px;font-weight:600}
.olp-sol h3{font-size:1.15rem;margin-bottom:8px;font-weight:700}
.olp-sol p{color:var(--olp-muted);font-size:.92rem}
.olp-s-a{grid-column:span 7}.olp-s-b{grid-column:span 5}.olp-s-c{grid-column:span 4}
@media(max-width:920px){.olp-s-a,.olp-s-b,.olp-s-c{grid-column:1/-1}}
/* ==========================================================================
6) SWITCH STEPS
========================================================================== */
.olp-switch{padding:104px 0}
.olp-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:olp-st}
.olp-steps::before{content:"";position:absolute;top:38px;left:8%;right:8%;height:2px;background:repeating-linear-gradient(90deg,rgba(14,169,104,.4) 0 10px,transparent 10px 20px);z-index:0}
.olp-step{position:relative;background:#fff;border:1px solid var(--olp-line);border-radius:var(--olp-radius);padding:30px;z-index:1}
.olp-step::before{
counter-increment:olp-st;content:counter(olp-st,decimal-leading-zero);
font-weight:700;font-size:.85rem;color:#fff;background:linear-gradient(135deg,var(--olp-accent),var(--olp-accent-deep));
border-radius:999px;padding:.3rem .9rem;display:inline-block;margin-bottom:14px;box-shadow:0 0 0 5px rgba(14,169,104,.14)
}
.olp-step h3{font-size:1.05rem;margin-bottom:6px;font-weight:700}
.olp-step p{color:var(--olp-muted);font-size:.92rem}
@media(max-width:840px){.olp-steps{grid-template-columns:1fr}.olp-steps::before{display:none}}
/* ==========================================================================
7) PARTNERS (marquee — CSS animation ล้วน ไม่ต้องพึ่ง JS)
========================================================================== */
.olp-partners-sec{padding:104px 0}
.olp-marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.olp-marquee-track{display:flex;gap:14px;width:max-content;animation:olp-marquee 22s linear infinite}
.olp-marquee:hover .olp-marquee-track{animation-play-state:paused}
.olp-pl{font-weight:600;color:var(--olp-ink-soft);background:#fff;border:1px solid var(--olp-line);border-radius:999px;padding:.6rem 1.4rem;font-size:.95rem;white-space:nowrap;transition:box-shadow .3s var(--olp-ease),border-color .3s var(--olp-ease)}
.olp-pl:hover{box-shadow:0 0 0 4px rgba(14,169,104,.14);border-color:var(--olp-accent)}
@keyframes olp-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.olp-partners-note{font-size:.85rem;color:var(--olp-muted);margin-top:18px}
/* ==========================================================================
8) FAQ — ใช้ / ของ HTML ล้วน (เปิด-ปิดได้โดยไม่มี JS)
========================================================================== */
.olp-faq-sec{padding:104px 0}
.olp-faq{max-width:52rem}
.olp-q{background:#fff;border:1px solid var(--olp-line);border-radius:1.2rem;margin-bottom:12px;overflow:hidden;transition:border-color .3s var(--olp-ease)}
.olp-q[open]{border-color:rgba(14,169,104,.35)}
.olp-q summary{list-style:none;display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.1rem 1.4rem;font-weight:600;cursor:pointer;font-size:.98rem}
.olp-q summary::-webkit-details-marker{display:none}
.olp-q summary:focus-visible{outline:3px solid rgba(14,169,104,.5);outline-offset:-3px;border-radius:1.2rem}
.olp-q .olp-ans p{padding:0 1.4rem 1.2rem;margin:0;color:var(--olp-muted);font-size:.93rem}
.olp-pm{color:var(--olp-accent);transition:transform .4s var(--olp-ease);font-size:1.1rem;flex:none}
.olp-q[open] .olp-pm{transform:rotate(45deg)}
@keyframes olp-ans-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}
.olp-q[open] .olp-ans{animation:olp-ans-in .35s var(--olp-ease) both}
/* ==========================================================================
9) FINAL CTA
========================================================================== */
.olp-final-sec{padding:0 0 104px}
.olp-final{position:relative;overflow:hidden;background:var(--olp-ink);color:#FFFFFF;border-radius:var(--olp-radius);padding:64px 48px;text-align:center}
.olp-final::before{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 50% -1%,rgba(1,169,104,.4),transparent 50000%);pointer-events:none;animation:olp-pulse-glow 5s ease-in-out infinite}
@keyframes olp-pulse-glow{0%,100%{opacity:.7}50%{opacity:1}}
.olp-final h2{font-size:clamp(1.6rem,3vw,2.2rem);margin-bottom:12px;position:relative;font-weight:700}
.olp-final p{color:rgba(255,255,255,.75);max-width:36rem;margin:0 auto 30px;position:relative}
.olp-final .olp-hero-ctas{justify-content:center;position:relative}
@media(max-width:720px){.olp-final{padding:48px 24px}}
/* ==========================================================================
10) FOOTER
========================================================================== */
.olp-footer{padding:44px 0 60px;color:var(--olp-muted);font-size:.85rem;border-top:1px solid var(--olp-line)}
.olp-footer-grid{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}
.olp-footer b{color:var(--olp-ink)}/* End custom CSS */