.elementor-kit-5{--e-global-color-primary:#4DB846;--e-global-color-secondary:#A0E056;--e-global-color-text:#4DB846;--e-global-color-accent:#4DB846;--e-global-color-ea2be62:#052657;--e-global-color-adea595:#FFFFFF;--e-global-typography-primary-font-family:"Segoe ui";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Segoe ui";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Segoe ui";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Segoe ui";--e-global-typography-accent-font-weight:500;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== Sustainabyte blog split (Elementor safe) ===== */
.elementor .sb-split-section{
  display:grid;
  gap:28px;
  margin:28px 0;
  align-items:stretch;
}
@media (min-width:980px){
  .elementor .sb-split-section{
    grid-template-columns: minmax(0,1.5fr) minmax(0,1.5fr);
  }
}
.elementor .sb-split-section > div > .sb-h2:first-child{ margin-top:0; }
.elementor .sb-image-col{ align-self:stretch; display:flex; flex-direction:column; }
.elementor .sb-image-frame{
  flex:1 1 auto;
  border-radius:12px;
  overflow:hidden;
  box-shadow: 0 6px 20px rgba(0,0,0,.06);
}
.elementor .sb-image-frame img{
  width:100% !important;
  height:100% !important;
  object-fit:cover;
  display:block;
}
.elementor .sb-cap{ font-size:13px; color:#666; margin-top:8px; font-style:italic; text-align:center; }
.sb-card h4 { font-weight:700 !important; }

/* ===== Zigzag timeline (CSS only; HTML goes in an Elementor HTML widget) ===== */
@keyframes fadeInUp { from { opacity:0; } to { opacity:1; } }
.timeline-item .content { opacity:0; transition: opacity .6s ease-out, transform .6s ease-out; }
.timeline-item.visible .content { animation: fadeInUp .6s ease forwards; }

.timeline { position:relative; max-width:1200px; margin:10px 10px; padding:50px 0 100px; }
.timeline-row { display:flex; justify-content:space-between; position:relative; border:1.5px dashed #28a745; }
.timeline-item { position:relative; width:23%; text-align:center; }
.timeline-item .dot { width:18px; height:18px; background-color:#003366; border-radius:50%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:2; }
.timeline-item.top .content { position:absolute; bottom:100%; left:50%; transform:translateX(-50%); padding-bottom:40px; width:100%; }
.timeline-item.bottom .content { position:absolute; top:100%; left:50%; transform:translateX(-50%); padding-top:40px; width:100%; }
.timeline-item .content img { width:150px; }
.timeline-item .content p { font-size:18px; color:#003366; line-height:1.5; margin:0; width:100%; }

@media screen and (max-width:768px){
  .timeline-row { flex-direction:column; align-items:center; }
  .timeline-item { width:100%; margin-bottom:100px; }
  .timeline-item.top .content,
  .timeline-item.bottom .content { position:static; transform:none; padding:0; margin-top:20px; }
  .timeline-item .dot { position:relative; top:0; left:50%; transform:translateX(-50%); margin-top:10px; }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Segoe ui';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://sustainabyte.ai/wp-content/uploads/2025/07/Segoe-UI.woff') format('woff'),
		url('https://sustainabyte.ai/wp-content/uploads/2025/07/segoeui.ttf') format('truetype');
}
/* End Custom Fonts CSS */