.elementor-14548 .elementor-element.elementor-element-d126d6e{--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;--padding-top:5%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-14548 .elementor-element.elementor-element-d126d6e.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-14548 .elementor-element.elementor-element-822485b{--divider-border-style:solid;--divider-color:#000;--divider-border-width:1px;}.elementor-14548 .elementor-element.elementor-element-822485b .elementor-divider-separator{width:100%;}.elementor-14548 .elementor-element.elementor-element-822485b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-14548 .elementor-element.elementor-element-cbe70dd .elementor-heading-title{font-family:"Kanit", Sans-serif;font-size:1.8em;font-weight:600;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.4em;}.elementor-14548 .elementor-element.elementor-element-a6261cd{text-align:justify;font-family:"Kanit", Sans-serif;font-size:1em;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.4em;}.elementor-14548 .elementor-element.elementor-element-b3c1d50{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#ED3338;--border-color:#ED3338;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-14548 .elementor-element.elementor-element-b3c1d50.e-con{--align-self:center;}.elementor-14548 .elementor-element.elementor-element-3ca4c50 img{border-radius:15px 15px 15px 15px;}.elementor-14548 .elementor-element.elementor-element-3f35281{width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--item-text-hover-decoration:underline;}.elementor-14548 .elementor-element.elementor-element-3f35281 .elementor-toc__header-title{text-align:start;}.elementor-14548 .elementor-element.elementor-element-3f35281 .elementor-toc__header{flex-direction:row;}.elementor-14548 .elementor-element.elementor-element-766a154{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#ED3338;--border-color:#ED3338;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-14548 .elementor-element.elementor-element-766a154.e-con{--align-self:center;}.elementor-14548 .elementor-element.elementor-element-761e590 img{border-radius:15px 15px 15px 15px;}.elementor-14548 .elementor-element.elementor-element-fd3aeae{--display:flex;}.elementor-14548 .elementor-element.elementor-element-fddf719{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#ED3338;--border-color:#ED3338;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-14548 .elementor-element.elementor-element-fddf719.e-con{--align-self:center;}.elementor-14548 .elementor-element.elementor-element-f1b0629 img{border-radius:15px 15px 15px 15px;}.elementor-14548 .elementor-element.elementor-element-9e3d945{--display:flex;}.elementor-14548 .elementor-element.elementor-element-49d1a45{--display:flex;}.elementor-14548 .elementor-element.elementor-element-be2dcaa{--display:flex;border-style:solid;--border-style:solid;border-width:2px 2px 2px 2px;--border-top-width:2px;--border-right-width:2px;--border-bottom-width:2px;--border-left-width:2px;border-color:#ED3338;--border-color:#ED3338;--border-radius:15px 15px 15px 15px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-14548 .elementor-element.elementor-element-be2dcaa.e-con{--align-self:center;}.elementor-14548 .elementor-element.elementor-element-0ea155f img{border-radius:15px 15px 15px 15px;}.elementor-14548 .elementor-element.elementor-element-41e6365{--display:flex;}.elementor-14548 .elementor-element.elementor-element-56b154c .elementor-cta .elementor-cta__bg, .elementor-14548 .elementor-element.elementor-element-56b154c .elementor-cta .elementor-cta__bg-overlay{transition-duration:1500ms;}.elementor-14548 .elementor-element.elementor-element-56b154c{width:var( --container-widget-width, 80% );max-width:80%;--container-widget-width:80%;--container-widget-flex-grow:0;}.elementor-14548 .elementor-element.elementor-element-56b154c.elementor-element{--align-self:center;}.elementor-14548 .elementor-element.elementor-element-56b154c .elementor-cta__content{text-align:center;}.elementor-14548 .elementor-element.elementor-element-afc7dac{--display:flex;}.elementor-14548 .elementor-element.elementor-element-c12a83e{--spacer-size:50px;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon{font-size:16px;color:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-accordion-icon{height:16px;width:16px;line-height:16px;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list .eael-accordion_media-icon i{font-size:16px;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list .eael-accordion_media-icon svg{height:16px;width:16px;line-height:16px;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon,
                    .elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-wrapper .eael-accordion_media-lists .eael-accordion_media-list{gap:10px;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .eael-accordion-tab-title{color:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-content .eael-accordion_media-title{color:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-accordion-icon-svg svg{color:#333;fill:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg{fill:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list .eael-accordion_media-icon{color:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .eael-accordion-tab-title,
                    .elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list:not(.active):hover .eael-accordion_media-title{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header:hover svg.fa-accordion-icon{fill:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list:hover .eael-accordion_media-icon i{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list:hover .eael-accordion_media-icon svg{fill:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .eael-accordion-tab-title{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-accordion-icon svg{color:#fff;fill:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-accordion-icon{fill:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list.active .eael-accordion_media-icon i{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list.active .eael-accordion_media-icon svg{fill:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-content{color:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-accordion_media-list .eael-accordion_media-content .eael-accordion_media-description{color:#333;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle, .elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header > .fa-toggle-svg{font-size:16px;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header svg.fa-toggle{height:16px;width:16px;line-height:16px;fill:#444;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle{color:#444;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header .fa-toggle svg{color:#444;fill:#444;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle{color:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active .fa-toggle svg{color:#fff;fill:#fff;}.elementor-14548 .elementor-element.elementor-element-b2f95a5 .eael-adv-accordion .eael-accordion-list .eael-accordion-header.active svg.fa-toggle{fill:#fff;}@media(min-width:768px){.elementor-14548 .elementor-element.elementor-element-d126d6e{--width:95.421%;}.elementor-14548 .elementor-element.elementor-element-b3c1d50{--width:80%;}.elementor-14548 .elementor-element.elementor-element-766a154{--width:80%;}.elementor-14548 .elementor-element.elementor-element-fddf719{--width:80%;}.elementor-14548 .elementor-element.elementor-element-be2dcaa{--width:80%;}.elementor-14548 .elementor-element.elementor-element-afc7dac{--content-width:80%;}}/* Start custom CSS for container, class: .elementor-element-d126d6e *//* ================================
   Apex Blog Article Style
   For AutoSteer / Technical Articles
================================ */

.apex-blog-article {
  font-family: "Kanit" !important;
  max-width: 920px;
  margin: 0 auto;
  padding: 40px 20px;
  color: #1f2933;
  line-height: 1.75;
  font-size: 17px;
}

/* Paragraphs */
.apex-blog-article p {
  margin: 0 0 22px;
  color: #374151;
}

/* Links */
.apex-blog-article a {
  color: #ed3338;
  text-decoration: none;
  font-weight: 600;
  transition: color 0.25s ease;
}

.apex-blog-article a:hover {
  color: #b91c1c;
  text-decoration: underline;
}

/* Bold Text */
.apex-blog-article strong,
.apex-blog-article b {
  color: #111827;
  font-weight: 700;
}

/* Main Title / H1 */
.apex-blog-article h1 {
   font-family: "Kanit" ;
  font-size: 3rem;
  line-height: 1.15;
  font-weight: 800;
  color: #111827;
  margin: 0 0 24px;
  letter-spacing: -0.04em;
}

/* Section Titles / H2 */
.apex-blog-article h2 {
   font-family: "Kanit" ;
  font-size: 2rem;
  line-height: 1.25;
  font-weight: 800;
  color: #111827;
  margin: 56px 0 18px;
  padding-top: 8px;
  position: relative;
}

/* Red Accent Before H2 */
.apex-blog-article h2::before {
  content: "";
  display: block;
  width: 52px;
  height: 4px;
  background-color: #ed3338;
  border-radius: 8px;
  margin-bottom: 14px;
}

/* Subtitles / H3 */
.apex-blog-article h3 {
   font-family: "Kanit" ;
  font-size: 1.35rem;
  line-height: 1.35;
  font-weight: 700;
  color: #1f2933;
  margin: 34px 0 12px;
}

/* H4 if needed */
.apex-blog-article h4 {
   font-family: "Kanit" ;
  font-size: 1.1rem;
  line-height: 1.4;
  font-weight: 700;
  color: #111827;
  margin: 26px 0 10px;
}

/* Lists */
.apex-blog-article ul,
.apex-blog-article ol {
  margin: 0 0 28px 22px;
  padding: 0;
}

.apex-blog-article li {
  margin-bottom: 10px;
  color: #374151;
}

.apex-blog-article li::marker {
  color: #ed3338;
}

/* Images */
.apex-blog-article img {
  box-shadow: 0 12px 30px rgba(17, 24, 39, 0.12);
}

/* Image Caption */
.apex-blog-article figure {
  margin: 34px 0 42px;
}

.apex-blog-article figure img {
  margin: 0 0 12px;
}

.apex-blog-article figcaption {
  font-size: 0.92rem;
  line-height: 1.6;
  color: #6b7280;
  text-align: center;
  margin-top: 10px;
}

/* Table of Contents Box */
.apex-blog-article .table-of-contents,
.apex-blog-article .toc {
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-left: 5px solid #ed3338;
  border-radius: 16px;
  padding: 24px 28px;
  margin: 34px 0 46px;
}

.apex-blog-article .table-of-contents h2,
.apex-blog-article .toc h2,
.apex-blog-article .table-of-contents h3,
.apex-blog-article .toc h3 {
  margin-top: 0;
  padding-top: 0;
  font-size: 1.35rem;
}

.apex-blog-article .table-of-contents h2::before,
.apex-blog-article .toc h2::before {
  display: none;
}

.apex-blog-article .table-of-contents ul,
.apex-blog-article .toc ul {
  margin-bottom: 0;
}

.apex-blog-article .table-of-contents a,
.apex-blog-article .toc a {
  color: #1f2933;
  font-weight: 600;
}

.apex-blog-article .table-of-contents a:hover,
.apex-blog-article .toc a:hover {
  color: #ed3338;
}

/* Highlight Box */
.apex-blog-article .highlight-box {
  background: #fff5f5;
  border: 1px solid rgba(237, 51, 56, 0.22);
  border-left: 5px solid #ed3338;
  border-radius: 16px;
  padding: 24px 28px;
  margin: 34px 0;
}

/* CTA Box at End of Article */
.apex-blog-article .article-cta {
  background:rgba(0,0,0,0.1);
  color: #ffffff;
  border-radius: 22px;
  margin: 56px 0;
  text-align: center;
  box-shadow: 0 16px 40px rgba(17, 24, 39, 0.18);
}

.apex-blog-article .article-cta h2,
.apex-blog-article .article-cta h3 {
  margin-top: 0;
  padding-top: 0;
}

.apex-blog-article .article-cta h2::before {
  display: none;
}

.apex-blog-article .article-cta p {
  color: #e5e7eb;
  max-width: 680px;
  margin: 0 auto 26px;
}

.apex-blog-article .article-cta a,
.apex-blog-article .article-cta .cta-button {
  background: #ed3338;
  color: #ffffff !important;
  border-radius:35px;
  border:none;
  font-weight: 700;
  text-decoration: none;
  transition: 
    background-color 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

.apex-blog-article .article-cta a:hover,
.apex-blog-article .article-cta .cta-button:hover {
  background: #d6282d;
  color: #ffffff;
  transform: translateY(-3px);
  box-shadow: 0 10px 24px rgba(237, 51, 56, 0.35);
  text-decoration: none;
}

/* FAQ Section */
.apex-blog-article .faq-section {
  margin-top: 56px;
}

.apex-blog-article .faq-item {
  border: 1px solid #e5e7eb;
  border-radius: 16px;
  padding: 22px 24px;
  margin-bottom: 16px;
  background: #ffffff;
  box-shadow: 0 8px 22px rgba(17, 24, 39, 0.05);
}

.apex-blog-article .faq-item h3 {
  font-size: 1.1rem;
  margin: 0 0 10px;
  color: #111827;
}

.apex-blog-article .faq-item p {
  margin-bottom: 0;
}

/* Blockquote */
.apex-blog-article blockquote {
  margin: 38px 0;
  padding: 24px 28px;
  border-left: 5px solid #ed3338;
  background: #f9fafb;
  border-radius: 14px;
  color: #374151;
  font-size: 1.1rem;
  font-weight: 500;
}

/* Tables */
.apex-blog-article table {
  width: 100%;
  border-collapse: collapse;
  margin: 34px 0;
  font-size: 0.96rem;
  overflow: hidden;
  border-radius: 14px;
}

.apex-blog-article th,
.apex-blog-article td {
  border: 1px solid #e5e7eb;
  padding: 14px 16px;
  text-align: left;
}

.apex-blog-article th {
  background: #111827;
  color: #ffffff;
  font-weight: 700;
}

.apex-blog-article td {
  color: #374151;
}

/* Responsive */
@media (max-width: 768px) {
  .apex-blog-article {
    padding: 28px 16px;
    font-size: 16px;
    line-height: 1.7;
  }

  .apex-blog-article h1 {
    font-size: 2.2rem;
  }

  .apex-blog-article h2 {
    font-size: 1.65rem;
    margin-top: 44px;
  }

  .apex-blog-article h3 {
    font-size: 1.2rem;
  }

  .apex-blog-article .table-of-contents,
  .apex-blog-article .toc,
  .apex-blog-article .highlight-box {
    padding: 20px;
  }

  .apex-blog-article .article-cta {
    padding: 30px 22px;
  }
}

@media (max-width: 480px) {
  .apex-blog-article h1 {
    font-size: 1.9rem;
  }

  .apex-blog-article h2 {
    font-size: 1.45rem;
  }

  .apex-blog-article img {
    border-radius: 14px;
  }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 900;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Black.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 800;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-ExtraBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 600;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: oblique;
	font-weight: 500;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Kanit';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('http://apexgnss.com/wp-content/uploads/2026/05/Kanit-ExtraLight.ttf') format('truetype');
}
/* End Custom Fonts CSS */