.elementor-6368 .elementor-element.elementor-element-581c42a{--display:flex;--min-height:55vh;--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:center;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-6368 .elementor-element.elementor-element-581c42a:not(.elementor-motion-effects-element-type-background), .elementor-6368 .elementor-element.elementor-element-581c42a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://duravending.com.my/wp-content/uploads/2026/08/Steelbyte-global-blog-post-hero-background.webp");background-position:center center;background-size:cover;}.elementor-6368 .elementor-element.elementor-element-581c42a::before, .elementor-6368 .elementor-element.elementor-element-581c42a > .elementor-background-video-container::before, .elementor-6368 .elementor-element.elementor-element-581c42a > .e-con-inner > .elementor-background-video-container::before, .elementor-6368 .elementor-element.elementor-element-581c42a > .elementor-background-slideshow::before, .elementor-6368 .elementor-element.elementor-element-581c42a > .e-con-inner > .elementor-background-slideshow::before, .elementor-6368 .elementor-element.elementor-element-581c42a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-6368 .elementor-element.elementor-element-b7dbf38{padding:0px 0px 0px 0px;}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(0px/2);}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(0px/2);}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(0px/2);margin-left:calc(0px/2);}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-0px/2);margin-left:calc(-0px/2);}body.rtl .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-0px/2);}body:not(.rtl) .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-0px/2);}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-icon{width:14px;}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-icon i{font-size:14px;}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-icon svg{--e-icon-list-icon-size:14px;}.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-item{font-family:"Montserrat", Sans-serif;font-size:16px;font-weight:400;}.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-6368 .elementor-element.elementor-element-fb32c7c{text-align:start;}.elementor-6368 .elementor-element.elementor-element-fb32c7c .elementor-heading-title{font-family:"Plus Jakarta Sans", Sans-serif;font-size:50px;font-weight:700;color:#000000;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-6368 .elementor-element.elementor-element-8e926c3{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-6368 .elementor-element.elementor-element-74a0872{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:50px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-6368 .elementor-element.elementor-element-74a0872:not(.elementor-motion-effects-element-type-background), .elementor-6368 .elementor-element.elementor-element-74a0872 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-gallery .elementor-gallery-item__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-gallery .elementor-gallery-item__description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-gallery{--galleries-title-color-normal:var( --e-global-color-primary );--galleries-title-color-hover:var( --e-global-color-secondary );--galleries-pointer-bg-color-hover:var( --e-global-color-accent );--gallery-title-color-active:var( --e-global-color-secondary );--galleries-pointer-bg-color-active:var( --e-global-color-accent );}.elementor-widget-gallery .elementor-gallery-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-6368 .elementor-element.elementor-element-81ff042 .e-gallery-item:hover .elementor-gallery-item__overlay, .elementor-6368 .elementor-element.elementor-element-81ff042 .e-gallery-item:focus .elementor-gallery-item__overlay{background-color:rgba(0,0,0,0.5);}.elementor-6368 .elementor-element.elementor-element-81ff042{--image-border-radius:10px;--image-transition-duration:800ms;--overlay-transition-duration:800ms;--content-text-align:center;--content-padding:20px;--content-transition-duration:800ms;--content-transition-delay:800ms;}@media(max-width:1366px){.elementor-6368 .elementor-element.elementor-element-581c42a{--min-height:60vh;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}.elementor-6368 .elementor-element.elementor-element-fb32c7c .elementor-heading-title{font-size:40px;}.elementor-6368 .elementor-element.elementor-element-8e926c3{--container-widget-width:60%;--container-widget-flex-grow:0;width:var( --container-widget-width, 60% );max-width:60%;font-size:15px;}.elementor-6368 .elementor-element.elementor-element-74a0872{--min-height:0px;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:100px;--padding-bottom:100px;--padding-left:50px;--padding-right:50px;}}@media(max-width:1024px){.elementor-6368 .elementor-element.elementor-element-581c42a{--padding-top:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}.elementor-6368 .elementor-element.elementor-element-fb32c7c .elementor-heading-title{font-size:32px;}.elementor-6368 .elementor-element.elementor-element-8e926c3{--container-widget-width:65%;--container-widget-flex-grow:0;width:var( --container-widget-width, 65% );max-width:65%;font-size:14px;}.elementor-6368 .elementor-element.elementor-element-74a0872{--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:50px;--padding-bottom:50px;--padding-left:25px;--padding-right:25px;}}@media(max-width:650px){.elementor-6368 .elementor-element.elementor-element-581c42a{--min-height:45vh;--justify-content:center;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-6368 .elementor-element.elementor-element-fb32c7c .elementor-heading-title{font-size:34px;}.elementor-6368 .elementor-element.elementor-element-8e926c3{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:14px;}.elementor-6368 .elementor-element.elementor-element-74a0872{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for post-info, class: .elementor-element-b7dbf38 *//* =====================================================
   STEELBYTE SINGLE POST CATEGORY BADGE
   Clean Desktop + Responsive Mobile
===================================================== */

.elementor-6368 .elementor-element.elementor-element-b7dbf38,
.elementor-6368 .elementor-element.elementor-element-b7dbf38 * {
  box-sizing: border-box;
}

/* Main Post Info */
.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info {
  margin: 0 !important;
  padding: 0 !important;

  width: auto;
  max-width: 100%;
}

/* Terms item */
.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__item,
.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__item--type-terms {
  display: inline-flex !important;
  align-items: center;

  width: auto !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

/* =====================================================
   CATEGORY BADGE
===================================================== */

.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list {
  display: inline-flex !important;
  align-items: center;
  flex-wrap: nowrap;

  width: fit-content !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 6px 18px !important;

  background: transparent;

  border: 1px solid #4797E6;
  border-radius: 999px;

  box-shadow:
    0 4px 14px rgba(71, 151, 230, 0.10);

  /*
   Hide Elementor's comma text.
   Individual links restore their own font size below.
  */
  font-size: 0 !important;

  line-height: 1;
}

/* =====================================================
   SMALL DOT AT START
===================================================== */

.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list::before {
  content: "";

  display: inline-block;
  flex: 0 0 7px;

  width: 7px;
  height: 7px;

  margin-right: 10px;

  background-image:
    url("http://steelbyteglobal.com/wp-content/uploads/2026/04/dot.svg");

  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/* =====================================================
   CATEGORY LINKS
===================================================== */

.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a {
  display: inline-flex !important;
  align-items: center;

  margin: 0 !important;
  padding: 0 !important;

  font-family: "Roboto", sans-serif;
  font-size: 13px !important;
  line-height: 1.3 !important;
  font-weight: 400;

  letter-spacing: 0.18em;
  text-transform: uppercase;

  color: #4797E6 !important;
  text-decoration: none !important;

  white-space: nowrap !important;
  word-break: normal !important;
  overflow-wrap: normal !important;

  transition: none !important;
}

/* =====================================================
   | SEPARATOR
   No JavaScript required
===================================================== */

.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:not(:last-child)::after {
  content: "|";

  display: inline-block;

  margin: 0 10px;

  font-family: "Roboto", sans-serif;
  font-size: 13px;
  line-height: 1;
  font-weight: 400;

  letter-spacing: 0;

  color: rgba(71, 151, 230, 0.75);
}

/* No hover change */
.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:hover,
.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:focus,
.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:active {
  color: #4797E6 !important;
  text-decoration: none !important;
}

/* Hide Elementor default icon */
.elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-icon-list-icon {
  display: none !important;
}

/* =====================================================
   LAPTOP
===================================================== */

@media (max-width: 1366px) {

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list {
    padding: 6px 15px !important;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a {
    font-size: 12px !important;
    letter-spacing: 0.16em;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:not(:last-child)::after {
    margin: 0 9px;
    font-size: 12px;
  }
}

/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list {
    padding: 6px 13px !important;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list::before {
    width: 6px;
    height: 6px;
    flex-basis: 6px;

    margin-right: 8px;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a {
    font-size: 11px !important;
    letter-spacing: 0.13em;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:not(:last-child)::after {
    margin: 0 8px;
    font-size: 11px;
  }
}

/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

  /* Make Elementor wrapper fully responsive */
  .elementor-6368 .elementor-element.elementor-element-b7dbf38 {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    overflow: visible !important;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__item,
  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__item--type-terms {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }

  /* Mobile badge */
  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list {
    display: flex !important;

    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: fit-content !important;
    max-width: 100% !important;
    min-width: 0 !important;

    padding: 10px 14px !important;

    row-gap: 7px !important;

    border-radius: 24px;

    line-height: 1.4 !important;

    overflow: visible !important;
  }

  /* Smaller starting dot */
  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list::before {
    width: 5px;
    height: 5px;

    flex: 0 0 5px;

    margin-right: 7px;
  }

  /* Category stays together */
  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a {
    display: inline-flex !important;
    align-items: center;

    width: auto !important;
    max-width: 100% !important;

    font-size: 9px !important;
    line-height: 1.4 !important;
    letter-spacing: 0.09em;

    white-space: nowrap !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
  }

  /* Cleaner separators */
  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:not(:last-child)::after {
    margin-left: 7px;
    margin-right: 7px;

    font-size: 9px;
    line-height: 1;

    color: rgba(71, 151, 230, 0.65);
  }
}

/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 480px) {

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list {
    padding: 9px 12px !important;

    row-gap: 6px !important;

    border-radius: 22px;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a {
    font-size: 8.5px !important;
    letter-spacing: 0.07em;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:not(:last-child)::after {
    margin-left: 6px;
    margin-right: 6px;

    font-size: 8.5px;
  }
}

/* =====================================================
   EXTRA SMALL MOBILE
===================================================== */

@media (max-width: 390px) {

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list {
    padding: 9px 11px !important;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a {
    font-size: 8px !important;
    letter-spacing: 0.055em;
  }

  .elementor-6368 .elementor-element.elementor-element-b7dbf38 .elementor-post-info__terms-list a:not(:last-child)::after {
    margin-left: 5px;
    margin-right: 5px;

    font-size: 8px;
  }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-fb32c7c *//* Gradient 1 */
.sbg-gradient-text {
  background: linear-gradient(90deg, #4797E6, #3BB4C9);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/* Gradient 2 */
.sbg-gradient-text-2 {
  background: linear-gradient(90deg, #3BB4C9, #7EC671);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-74a0872 */.sbg-asset-approach {
  background:
    radial-gradient(circle at 80% 20%, rgba(59, 180, 201, 0.14) 0%, rgba(59, 180, 201, 0) 34%),
    #ffffff;
}/* End custom CSS */