.guten-qdsHhp.layout-boxed > .guten-container { max-width: 1290px; } .guten-qdsHhp > .guten-background-overlay { background: rgba(5, 5, 5, 1); opacity: 0.2; } .guten-qdsHhp:not(.background-animated), .guten-qdsHhp.background-animated > .guten-background-animated .animated-layer { background-image: url(https://www.iste-training.com/wp-content/uploads/2025/03/safety-health-worker-engineer-construction-industry-1575605-pxhere.com_.webp); background-position: center right; background-repeat: no-repeat; background-size: cover;  } .guten-element.guten-qdsHhp { padding-top: 200px; padding-right: 0px; padding-bottom: 120px; padding-left: 0px; } @media only screen and (max-width: 1024px) { .guten-qdsHhp:not(.background-animated), .guten-qdsHhp.background-animated > .guten-background-animated .animated-layer { background-position: center left; background-repeat: no-repeat; background-size: cover; } .guten-element.guten-qdsHhp { padding-top: 100px; padding-right: 20px; padding-bottom: 100px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-qdsHhp > .guten-container { flex-wrap: wrap; } .guten-qdsHhp > .guten-container > .guten-column { width: 100%; } .guten-element.guten-qdsHhp { padding-top: 80px; padding-right: 10px; padding-bottom: 50px; padding-left: 10px; } }.guten-WdgHEj.layout-boxed > .guten-container { max-width: 1170px; } .guten-element.guten-WdgHEj { padding-top: 30px; padding-bottom: 30px; } @media only screen and (max-width: 1024px) { .guten-element.guten-WdgHEj { padding-top: 40px; padding-right: 20px; padding-bottom: 40px; padding-left: 20px; } } @media only screen and (max-width: 767px) { .guten-WdgHEj > .guten-container { flex-wrap: wrap; } .guten-WdgHEj > .guten-container > .guten-column { width: 100%; } .guten-element.guten-WdgHEj { padding-bottom: 0px; } }.guten-Z22kgo { width: 100%; order: 1;  } .guten-Z22kgo > .sticky-wrapper > .guten-column-wrapper, .guten-Z22kgo > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media only screen and (max-width: 1024px) { .guten-Z22kgo { width: 100%; } }.guten-2aGZ1C { width: 100%; order: 1;  animation-name: none; } @media only screen and (max-width: 1024px) { .guten-2aGZ1C { width: 100%; } }.guten-element.guten-suzzAu { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }.guten-ZUkkBx.guten-button-wrapper .guten-button { padding-top: 20px; padding-right: 40px; padding-bottom: 20px; padding-left: 40px; background: rgba(252, 194, 54, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } .guten-ZUkkBx.guten-button-wrapper .guten-button span { color: rgba(51, 51, 51, 1); font-family: "Roboto"; font-size: 18px; font-weight: 500; } .guten-ZUkkBx.guten-button-wrapper .guten-button:hover span { color: rgba(255, 255, 255, 1); } .guten-ZUkkBx.guten-button-wrapper .guten-button:hover { background: rgba(51, 51, 51, 1); } .guten-ZUkkBx .guten-button { animation-delay: 0.5s; } .guten-element.guten-ZUkkBx { margin-top: -30px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 60px; } @media only screen and (max-width: 1024px) { .guten-element.guten-ZUkkBx { padding-left: 40px; } } @media only screen and (max-width: 767px) { .guten-ZUkkBx.guten-button-wrapper .guten-button { padding-top: 15px; padding-right: 30px; padding-bottom: 15px; padding-left: 30px; } .guten-ZUkkBx.guten-button-wrapper .guten-button span { font-size: 14px; } .guten-element.guten-ZUkkBx { padding-left: 20px; } }.guten-FnoOfB .guten-postblock .guten-posts { grid-template-columns: repeat(1, minmax(0, 1fr)); } .guten-FnoOfB .guten-postblock .guten-post { background: rgba(255, 238, 88, 0.25); border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } .guten-FnoOfB .guten-postblock .guten-overlay { opacity: 0; } .guten-FnoOfB .guten-postblock .guten-thumb { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; } .guten-FnoOfB .guten-postblock .guten-postblock-content { margin-bottom: 10px; } .guten-FnoOfB .guten-postblock .guten-post-category a { font-family: "Kanit"; font-size: 1px; font-weight: normal; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-title { margin-top: 5px; margin-right: 5px; margin-bottom: 5px; margin-left: 5px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { color: rgba(18, 18, 34, 1); font-family: "Kanit"; font-size: 24px; font-weight: normal; line-height: 48px; } .guten-FnoOfB .guten-postblock .guten-post:hover .guten-postblock-content .guten-post-title a { color: rgba(41, 41, 68, 1); } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt { margin-top: 5px; margin-right: 10px; margin-bottom: 5px; margin-left: 0px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { color: var(--wp--preset--color--black); font-family: "Kanit"; font-size: 15px; font-weight: 400; line-height: 24px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-readmore { font-family: "Kanit"; font-size: 14px; font-weight: 600; text-transform: Uppercase; line-height: 14px; letter-spacing: 0.0625em; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore a { color: var(--wp--preset--color--vivid-cyan-blue); background: rgba(0, 0, 0, 0); } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-meta-readmore:hover a { color: rgba(78, 69, 217, 1); background: rgba(0, 0, 0, 0); } .guten-FnoOfB .guten-postblock .guten-postblock-content .guten-post-meta { color: rgba(102, 102, 102, 1); } .guten-FnoOfB .guten-postblock .guten-postblock-content .guten-post-meta .guten-meta-author a { color: rgba(102, 102, 102, 1); } .guten-FnoOfB .guten-postblock .guten-block-pagination .guten-block-loadmore span, .guten-FnoOfB .guten-postblock .guten_block_nav .btn-pagination { font-family: "Kanit"; } .guten-FnoOfB.guten-element {   margin-top: 2px; margin-right: 2px; margin-bottom: 2px; margin-left: 2px; } @media only screen and (max-width: 1024px) { .guten-FnoOfB .guten-postblock .guten-postblock-content { margin-left: 0px; padding-left: 0px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { font-size: 30px; line-height: 42px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { font-size: 13px; line-height: 23px; } } @media only screen and (max-width: 767px) { .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-title a { font-size: 24px; line-height: 28px; } .guten-FnoOfB .guten-postblock .guten-post .guten-postblock-content .guten-post-excerpt p { font-size: 13px; line-height: 23px; } }.guten-PMXVar { width: 50%; order: 1; animation-delay: 0s; } .guten-PMXVar:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-PMXVar.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-PMXVar:not(.background-animated) > .guten-column-wrapper, .guten-PMXVar.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: rgba(255, 255, 255, 1);  } .guten-PMXVar > .sticky-wrapper > .guten-column-wrapper, .guten-PMXVar > .guten-column-wrapper { margin-top: 0px; margin-right: 20px; margin-bottom: 0px; margin-left: 0px; padding-top: 60px; padding-right: 60px; padding-bottom: 70px; padding-left: 60px; } @media only screen and (max-width: 1024px) { .guten-PMXVar { width: 65%; } .guten-PMXVar > .sticky-wrapper > .guten-column-wrapper, .guten-PMXVar > .guten-column-wrapper { margin-top: 0px; margin-right: 25px; margin-bottom: 0px; margin-left: 0px; padding-top: 40px; padding-right: 40px; padding-bottom: 50px; padding-left: 40px; } } @media only screen and (max-width: 767px) { .guten-PMXVar > .sticky-wrapper > .guten-column-wrapper, .guten-PMXVar > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 40px; padding-left: 20px; } }.guten-BfvXaU { width: 50%; order: 1;  } @media only screen and (max-width: 1024px) { .guten-BfvXaU { width: 35%; } }h1.guten-element.guten-5W5BBc, h2.guten-element.guten-5W5BBc, h3.guten-element.guten-5W5BBc, h4.guten-element.guten-5W5BBc, h5.guten-element.guten-5W5BBc, h6.guten-element.guten-5W5BBc { color: rgba(252, 194, 54, 1); font-family: "Kanit"; font-size: 56px; font-weight: 700;  overflow-wrap: break-word; word-break: break-word; } .guten-5W5BBc {   } .guten-element.guten-5W5BBc { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-5W5BBc, h2.guten-element.guten-5W5BBc, h3.guten-element.guten-5W5BBc, h4.guten-element.guten-5W5BBc, h5.guten-element.guten-5W5BBc, h6.guten-element.guten-5W5BBc { font-size: 42px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-5W5BBc, h2.guten-element.guten-5W5BBc, h3.guten-element.guten-5W5BBc, h4.guten-element.guten-5W5BBc, h5.guten-element.guten-5W5BBc, h6.guten-element.guten-5W5BBc { font-size: 28px; } .guten-element.guten-5W5BBc { padding-bottom: 5px; } }h1.guten-element.guten-ifz5NC, h2.guten-element.guten-ifz5NC, h3.guten-element.guten-ifz5NC, h4.guten-element.guten-ifz5NC, h5.guten-element.guten-ifz5NC, h6.guten-element.guten-ifz5NC { color: rgba(51, 51, 51, 1); font-family: "Kanit"; font-size: 56px; font-weight: 700;  overflow-wrap: break-word; word-break: break-word; } .guten-ifz5NC {   } .guten-element.guten-ifz5NC { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; } @media only screen and (max-width: 1024px) { h1.guten-element.guten-ifz5NC, h2.guten-element.guten-ifz5NC, h3.guten-element.guten-ifz5NC, h4.guten-element.guten-ifz5NC, h5.guten-element.guten-ifz5NC, h6.guten-element.guten-ifz5NC { font-size: 42px; } } @media only screen and (max-width: 767px) { h1.guten-element.guten-ifz5NC, h2.guten-element.guten-ifz5NC, h3.guten-element.guten-ifz5NC, h4.guten-element.guten-ifz5NC, h5.guten-element.guten-ifz5NC, h6.guten-element.guten-ifz5NC { font-size: 28px; } .guten-element.guten-ifz5NC { padding-bottom: 0px; } }.guten-9bZ2lw { columns: 1; color: rgba(68, 68, 68, 1); font-family: "IBM Plex Sans"; font-size: 16px; font-weight: 300;   } @media only screen and (max-width: 1024px) { .guten-element.guten-9bZ2lw { padding-right: 40px; } }