.elementor-6472 .elementor-element.elementor-element-6689ba2{--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:stretch;--padding-top:30px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-6472 .elementor-element.elementor-element-6689ba2:not(.elementor-motion-effects-element-type-background), .elementor-6472 .elementor-element.elementor-element-6689ba2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-507bf4b );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );color:var( --e-global-color-primary );}.elementor-6472 .elementor-element.elementor-element-77417a8 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-6472 .elementor-element.elementor-element-77417a8{text-align:center;}.elementor-6472 .elementor-element.elementor-element-77417a8 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:44px;font-weight:500;line-height:50px;}.elementor-6472 .elementor-element.elementor-element-a75cde2{--display:flex;--justify-content:center;}.elementor-6472 .elementor-element.elementor-element-a75cde2.e-con{--align-self:center;}.elementor-6472 .elementor-element.elementor-element-7b0d4d3{--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;--justify-content:flex-start;--align-items:stretch;--border-radius:20px 20px 20px 20px;}.elementor-6472 .elementor-element.elementor-element-e06dc41{--display:flex;--min-height:152px;--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:stretch;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-6472 .elementor-element.elementor-element-e06dc41:not(.elementor-motion-effects-element-type-background), .elementor-6472 .elementor-element.elementor-element-e06dc41 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF9CEE6;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box:has(:hover) .elementor-icon-box-title,
					 .elementor-widget-icon-box:has(:focus) .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-6472 .elementor-element.elementor-element-5bf224d.elementor-element{--align-self:stretch;}.elementor-6472 .elementor-element.elementor-element-5bf224d .elementor-icon-box-wrapper{text-align:center;}.elementor-6472 .elementor-element.elementor-element-5bf224d{--icon-box-icon-margin:15px;}.elementor-6472 .elementor-element.elementor-element-5bf224d .elementor-icon-box-title{margin-block-end:0px;}.elementor-6472 .elementor-element.elementor-element-5bf224d .elementor-icon-box-title, .elementor-6472 .elementor-element.elementor-element-5bf224d .elementor-icon-box-title a{font-family:"Mitr", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-5bf224d .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:300;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-b17df02{--display:flex;--min-height:152px;--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:stretch;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-6472 .elementor-element.elementor-element-b17df02:not(.elementor-motion-effects-element-type-background), .elementor-6472 .elementor-element.elementor-element-b17df02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF9CEE6;}.elementor-6472 .elementor-element.elementor-element-bff6e18.elementor-element{--align-self:stretch;}.elementor-6472 .elementor-element.elementor-element-bff6e18 .elementor-icon-box-wrapper{text-align:center;}.elementor-6472 .elementor-element.elementor-element-bff6e18{--icon-box-icon-margin:15px;}.elementor-6472 .elementor-element.elementor-element-bff6e18 .elementor-icon-box-title{margin-block-end:0px;}.elementor-6472 .elementor-element.elementor-element-bff6e18 .elementor-icon-box-title, .elementor-6472 .elementor-element.elementor-element-bff6e18 .elementor-icon-box-title a{font-family:"Mitr", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-bff6e18 .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:300;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-ecad9b4{--display:flex;--min-height:152px;--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:stretch;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-6472 .elementor-element.elementor-element-ecad9b4:not(.elementor-motion-effects-element-type-background), .elementor-6472 .elementor-element.elementor-element-ecad9b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF9CEE6;}.elementor-6472 .elementor-element.elementor-element-04b1082.elementor-element{--align-self:stretch;}.elementor-6472 .elementor-element.elementor-element-04b1082 .elementor-icon-box-wrapper{text-align:center;}.elementor-6472 .elementor-element.elementor-element-04b1082{--icon-box-icon-margin:15px;}.elementor-6472 .elementor-element.elementor-element-04b1082 .elementor-icon-box-title{margin-block-end:0px;}.elementor-6472 .elementor-element.elementor-element-04b1082 .elementor-icon-box-title, .elementor-6472 .elementor-element.elementor-element-04b1082 .elementor-icon-box-title a{font-family:"Mitr", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-04b1082 .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:300;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-368389b{--display:flex;--min-height:152px;--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:stretch;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-6472 .elementor-element.elementor-element-368389b:not(.elementor-motion-effects-element-type-background), .elementor-6472 .elementor-element.elementor-element-368389b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF9CEE6;}.elementor-6472 .elementor-element.elementor-element-34e0da0.elementor-element{--align-self:stretch;}.elementor-6472 .elementor-element.elementor-element-34e0da0 .elementor-icon-box-wrapper{text-align:center;}.elementor-6472 .elementor-element.elementor-element-34e0da0{--icon-box-icon-margin:15px;}.elementor-6472 .elementor-element.elementor-element-34e0da0 .elementor-icon-box-title{margin-block-end:0px;}.elementor-6472 .elementor-element.elementor-element-34e0da0 .elementor-icon-box-title, .elementor-6472 .elementor-element.elementor-element-34e0da0 .elementor-icon-box-title a{font-family:"Mitr", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-34e0da0 .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:300;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-489fc69{--display:flex;--min-height:152px;--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:stretch;--border-radius:20px 20px 20px 20px;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-6472 .elementor-element.elementor-element-489fc69:not(.elementor-motion-effects-element-type-background), .elementor-6472 .elementor-element.elementor-element-489fc69 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#ECF9CEE6;}.elementor-6472 .elementor-element.elementor-element-fb9de61.elementor-element{--align-self:stretch;}.elementor-6472 .elementor-element.elementor-element-fb9de61 .elementor-icon-box-wrapper{text-align:center;}.elementor-6472 .elementor-element.elementor-element-fb9de61{--icon-box-icon-margin:15px;}.elementor-6472 .elementor-element.elementor-element-fb9de61 .elementor-icon-box-title{margin-block-end:0px;}.elementor-6472 .elementor-element.elementor-element-fb9de61 .elementor-icon-box-title, .elementor-6472 .elementor-element.elementor-element-fb9de61 .elementor-icon-box-title a{font-family:"Mitr", Sans-serif;font-size:18px;font-weight:500;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-fb9de61 .elementor-icon-box-description{font-family:"Kanit", Sans-serif;font-size:14px;font-weight:300;line-height:25px;}.elementor-6472 .elementor-element.elementor-element-d7a9f70 > .elementor-widget-container{border-radius:20px 20px 20px 20px;}.elementor-6472 .elementor-element.elementor-element-d7a9f70 iframe{height:400px;}.elementor-6472 .elementor-element.elementor-element-4d4d8ad{--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;--overlay-opacity:1;--margin-top:0px;--margin-bottom:-60px;--margin-left:0px;--margin-right:0px;--padding-top:200px;--padding-bottom:100px;--padding-left:10px;--padding-right:10px;}.elementor-6472 .elementor-element.elementor-element-4d4d8ad:not(.elementor-motion-effects-element-type-background), .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-4610060 ) 0%, var( --e-global-color-507bf4b ) 100%);}.elementor-6472 .elementor-element.elementor-element-4d4d8ad::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-background-video-container::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .e-con-inner > .elementor-background-video-container::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-background-slideshow::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://clickbroker.co.th/wp-content/uploads/2024/03/bg2.svg");--background-overlay:'';background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-6472 .elementor-element.elementor-element-405f1d8{text-align:center;}.elementor-6472 .elementor-element.elementor-element-405f1d8 .elementor-heading-title{font-family:"Mitr", Sans-serif;font-size:32px;font-weight:500;line-height:46px;}@media(min-width:768px){.elementor-6472 .elementor-element.elementor-element-e06dc41{--width:20%;}.elementor-6472 .elementor-element.elementor-element-b17df02{--width:20%;}.elementor-6472 .elementor-element.elementor-element-ecad9b4{--width:20%;}.elementor-6472 .elementor-element.elementor-element-368389b{--width:20%;}.elementor-6472 .elementor-element.elementor-element-489fc69{--width:20%;}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6472 .elementor-element.elementor-element-7b0d4d3{--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--flex-wrap:wrap;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6472 .elementor-element.elementor-element-4d4d8ad::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-background-video-container::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .e-con-inner > .elementor-background-video-container::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-background-slideshow::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:contain;}.elementor-6472 .elementor-element.elementor-element-4d4d8ad{--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-6472 .elementor-element.elementor-element-77417a8 .elementor-heading-title{font-size:32px;line-height:45px;}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-widget-icon-box .elementor-icon-box-description{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-6472 .elementor-element.elementor-element-4d4d8ad::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-background-video-container::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .e-con-inner > .elementor-background-video-container::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-background-slideshow::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .e-con-inner > .elementor-background-slideshow::before, .elementor-6472 .elementor-element.elementor-element-4d4d8ad > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://clickbroker.co.th/wp-content/uploads/2024/03/Frame-10474.svg");background-size:cover;}.elementor-6472 .elementor-element.elementor-element-4d4d8ad{--padding-top:100px;--padding-bottom:200px;--padding-left:0px;--padding-right:0px;}.elementor-6472 .elementor-element.elementor-element-405f1d8 .elementor-heading-title{font-size:32px;line-height:45px;}}@media(max-width:1024px) and (min-width:768px){.elementor-6472 .elementor-element.elementor-element-7b0d4d3{--width:100%;}.elementor-6472 .elementor-element.elementor-element-e06dc41{--width:48%;}.elementor-6472 .elementor-element.elementor-element-b17df02{--width:48%;}.elementor-6472 .elementor-element.elementor-element-ecad9b4{--width:31%;}.elementor-6472 .elementor-element.elementor-element-368389b{--width:31%;}.elementor-6472 .elementor-element.elementor-element-489fc69{--width:31%;}}/* Start custom CSS for heading, class: .elementor-element-77417a8 */.elementor-6472 .elementor-element.elementor-element-77417a8 span {
    color: rgba(138, 197, 36, 1);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1674e70 *//* ============================================== */
/* ==   CSS ฉบับแก้ไขสมบูรณ์สำหรับ Click Broker    == */
/* ============================================== */

/* 
  ย้ายตัวแปรทั้งหมดมาไว้ใน .cib 
  เพื่อให้ทำงานเข้ากับ WordPress ได้ถูกต้อง 100%
*/
.cib {
  --brand-primary: #1e40af;
  --brand-secondary: #3b82f6;
  --ink-primary: #1f2937;
  --ink-secondary: #6b7280;
  --background-light: #f9fafb;
  --background-white: #ffffff;
  --success: #10b981;
  --font-sans: "Prompt", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  
  font-family: var(--font-sans);
  background-color: var(--background-light);
  color: var(--ink-primary);
  line-height: 1.7;
}

/* ตั้งค่าพื้นฐาน */
.cib *, .cib *::before, .cib *::after {
  box-sizing: border-box;
}

/* สไตล์สำหรับส่วนต่างๆ */
.cib .container {
  max-width: 980px;
  margin: 0 auto;
  padding: 32px 20px;
}

.cib .hero {
  position: relative;
  border-radius: 24px;
  padding: 40px 32px;
  background: linear-gradient(135deg, #e0f2fe, #dbeafe);
  overflow: hidden;
  border: 1px solid #e5e7eb;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.05);
}

.cib .hero::before {
  content: "";
  position: absolute;
  right: -120px;
  top: -120px;
  width: 400px;
  height: 400px;
  background: radial-gradient(circle, rgba(59, 130, 246, 0.1), transparent 60%);
  transform: rotate(30deg);
}

.cib .kicker {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--brand-primary);
}

.cib h1 {
  margin: .5rem 0 0;
  font-size: clamp(26px, 4vw, 38px);
  font-weight: 800;
}

.cib .badges {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin: 16px 0 0;
}

.cib .badge {
  background: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(10px);
  border: 1px solid #dbeafe;
  border-radius: 999px;
  padding: 8px 16px;
  font-weight: 600;
  font-size: 14px;
}

.cib .cta {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 24px;
}

.cib .btn {
  display: inline-block;
  text-decoration: none;
  background-color: var(--brand-primary);
  color: #fff;
  padding: 14px 22px;
  border-radius: 12px;
  font-weight: 700;
  transition: all 0.3s ease;
  box-shadow: 0 4px 14px rgba(30, 64, 175, 0.2);
  border: none;
}

.cib .btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 7px 20px rgba(30, 64, 175, 0.3);
}

.cib .btn.secondary {
  background-color: var(--background-white);
  color: var(--brand-primary);
  border: 2px solid var(--brand-primary);
}

.cib .grid {
  display: grid;
  grid-template-columns: 1fr; /* ให้แสดงผล 1 คอลัมน์เสมอ */
  gap: 24px;
  margin-top: 32px;
}

.cib .card {
  background: var(--background-white);
  border: 1px solid #e5e7eb;
  border-radius: 20px;
  padding: 24px;
  box-shadow: 0 8px 30px rgba(15, 23, 42, 0.07);
  transition: all 0.3s ease;
}

.cib .card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 40px rgba(15, 23, 42, 0.1);
}

.cib .card h3 {
  margin: 0 0 16px;
  font-size: 22px;
  color: var(--brand-primary);
}

.cib .card ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.cib .list-bullets li {
  margin-bottom: 12px;
  display: flex;
  align-items: flex-start;
}

.cib .list-bullets li::before {
  content: '✔';
  color: var(--success);
  margin-right: 12px;
  font-weight: 900;
}

.cib .pill {
  display: inline-block;
  background: #e0f2fe;
  color: #0c4a6e;
  border-radius: 999px;
  padding: 4px 12px;
  font-size: 12px;
  font-weight: 700;
  margin-left: 6px;
}

.cib .footer {
  font-size: 14px;
  color: var(--ink-secondary);
  margin-top: 24px;
  text-align: center;
}

.cib .footer a {
  color: var(--brand-secondary);
  text-decoration: none;
  font-weight: 600;
}

.cib a:hover {
    text-decoration: underline;
}

/* ============================================== */
/* ==      ส่วน Responsive สำหรับมือถือ        == */
/* ============================================== */
@media (max-width: 768px) {
  .cib .container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cib .hero {
    padding: 32px 20px;
  }
  .cib h1 {
    font-size: clamp(24px, 6vw, 30px);
  }
  .cib .cta {
    flex-direction: column;
    gap: 12px;
  }
  .cib .cta .btn {
    width: 100%;
    text-align: center;
  }
  .cib .card {
    padding: 20px;
  }
}
/* ============================================== */
/* ==   สไตล์สำหรับ "รูปแบบการทำงาน" แบบใหม่    == */
/* ============================================== */

/* จัดกลุ่มหัวข้อและรายละเอียด */
.cib .work-details-group {
  margin-bottom: 20px;
}

/* สไตล์สำหรับหัวข้อหลัก (เช่น วัน-เวลางาน) */
.cib .work-topic {
  font-weight: 700;
  font-size: 1.1em;
  color: var(--ink-primary);
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px; /* เว้นที่สำหรับไอคอน */
}

/* เพิ่มไอคอนสวยๆ หน้าหัวข้อ */
.cib .work-topic::before {
  font-family: sans-serif; /* ใช้ฟอนต์พื้นฐานเพื่อความแน่นอน */
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 1px;
  color: var(--brand-secondary);
}

/* ไอคอนนาฬิกาสำหรับ วัน-เวลางาน */
.cib .work-details-group:first-of-type .work-topic::before {
  content: '🕒';
  font-size: 15px;
}

/* ไอคอนหมุดสำหรับ สถานที่ */
.cib .work-details-group:nth-of-type(2) .work-topic::before {
  content: '📍';
  font-size: 15px;
}

/* สไตล์สำหรับรายละเอียดปลีกย่อย */
.cib .work-sub-details {
  list-style: none;
  padding-left: 25px; /* ย่อหน้าเข้ามา */
  margin: 0;
}

.cib .work-sub-details li {
  position: relative;
  padding-left: 20px; /* เว้นที่ให้ขีดนำหน้า */
  color: var(--ink-secondary);
  margin-bottom: 6px;
}

/* สร้างขีดนำหน้า (-) */
.cib .work-sub-details li::before {
  content: '-';
  position: absolute;
  left: 0;
  top: 0;
  color: var(--brand-secondary);
  font-weight: bold;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-5bf224d */.elementor-6472 .elementor-element.elementor-element-5bf224d {
    line-break: anywhere;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-bff6e18 */.elementor-6472 .elementor-element.elementor-element-bff6e18 {
    line-break: anywhere;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-04b1082 */.elementor-6472 .elementor-element.elementor-element-04b1082 {
    line-break: anywhere;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-34e0da0 */.elementor-6472 .elementor-element.elementor-element-34e0da0 {
    line-break: anywhere;
}/* End custom CSS */
/* Start custom CSS for icon-box, class: .elementor-element-fb9de61 */.elementor-6472 .elementor-element.elementor-element-fb9de61 {
    line-break: anywhere;
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-405f1d8 */.elementor-6472 .elementor-element.elementor-element-405f1d8 span {
    color: rgba(138, 197, 36, 1);
}/* End custom CSS */