.elementor-103 .elementor-element.elementor-element-aca98ea{--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;--justify-content:flex-start;--align-items:center;--gap:80px 80px;--row-gap:80px;--column-gap:80px;--overflow:hidden;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:3;}.elementor-103 .elementor-element.elementor-element-aca98ea:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-aca98ea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-a403178{--display:flex;--min-height:329px;--justify-content:center;--overlay-opacity:0.5;--border-radius:40px 40px 40px 40px;}.elementor-103 .elementor-element.elementor-element-a403178:not(.elementor-motion-effects-element-type-background), .elementor-103 .elementor-element.elementor-element-a403178 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(62deg, var( --e-global-color-accent ) 44%, #45A9D5 100%);}.elementor-103 .elementor-element.elementor-element-a403178::before, .elementor-103 .elementor-element.elementor-element-a403178 > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-a403178 > .e-con-inner > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-a403178 > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-a403178 > .e-con-inner > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-a403178 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://chemical-logistics.vetroweb.co.za/wp-content/uploads/2026/03/Vector.png");--background-overlay:'';background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-103 .elementor-element.elementor-element-49564af{--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;--justify-content:flex-start;--align-items:flex-start;--gap:28.324522018432617px 28.324522018432617px;--row-gap:28.324522018432617px;--column-gap:28.324522018432617px;--padding-top:0px;--padding-bottom:0px;--padding-left:80px;--padding-right:0px;--z-index:0;}.elementor-103 .elementor-element.elementor-element-49564af.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-103 .elementor-element.elementor-element-393dc54{--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;--justify-content:flex-start;--align-items:flex-start;--gap:21.243391036987305px 21.243391036987305px;--row-gap:21.243391036987305px;--column-gap:21.243391036987305px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:0;}.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-103 .elementor-element.elementor-element-6bc572f{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;z-index:0;}.elementor-103 .elementor-element.elementor-element-6bc572f .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:48px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0em;color:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-7f83850{--display:flex;}.elementor-103 .elementor-element.elementor-element-796184f{--spacer-size:80px;}.elementor-103 .elementor-element.elementor-element-b3ed8bc{--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;}.elementor-103 .elementor-element.elementor-element-1b57768{width:var( --container-widget-width, 47% );max-width:47%;--container-widget-width:47%;--container-widget-flex-grow:0;z-index:0;}.elementor-103 .elementor-element.elementor-element-1b57768 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:32px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:0em;color:#241F1F;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-103 .elementor-element.elementor-element-bbdf143{--display:flex;}.elementor-103 .elementor-element.elementor-element-238bf93{border-radius:30px 30px 30px 30px;}.elementor-103 .elementor-element.elementor-element-238bf93 iframe{height:677px;}.elementor-103 .elementor-element.elementor-element-9b8f786{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-103 .elementor-element.elementor-element-09f94d7{border-radius:30px 30px 30px 30px;}.elementor-103 .elementor-element.elementor-element-09f94d7 iframe{height:677px;}.elementor-103 .elementor-element.elementor-element-8ccd5fe{--display:flex;}.elementor-103 .elementor-element.elementor-element-514baef{border-radius:30px 30px 30px 30px;}.elementor-103 .elementor-element.elementor-element-514baef iframe{height:677px;}.elementor-103 .elementor-element.elementor-element-8ec7b5c{--display:flex;}.elementor-103 .elementor-element.elementor-element-abb6fac{border-radius:30px 30px 30px 30px;}.elementor-103 .elementor-element.elementor-element-abb6fac iframe{height:677px;}.elementor-103 .elementor-element.elementor-element-b65c3fd{--n-tabs-direction:row;--n-tabs-heading-direction:column;--n-tabs-heading-width:30%;--n-tabs-title-flex-basis:auto;--n-tabs-title-flex-shrink:initial;background-color:#F9F9F9;padding:30px 30px 30px 30px;border-radius:30px 30px 30px 30px;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:100%;--n-tabs-title-align-items:flex-start;--n-tabs-heading-wrap:nowrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-border-radius:30px 30px 30px 30px;--n-tabs-title-padding-top:40px;--n-tabs-title-padding-right:40px;--n-tabs-title-padding-bottom:40px;--n-tabs-title-padding-left:40px;--n-tabs-title-font-size:18px;--n-tabs-title-color:var( --e-global-color-accent );--n-tabs-icon-size:14px;--n-tabs-icon-gap:20px;}.elementor-103 .elementor-element.elementor-element-b65c3fd > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF;}.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-element{--align-self:flex-start;}.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Manrope", Sans-serif;font-weight:600;}.elementor-103 .elementor-element.elementor-element-b65c3fd [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-e9c4297 );}.elementor-103 .elementor-element.elementor-element-7e8aac1{--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;--border-radius:30px 30px 30px 30px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-103 .elementor-element.elementor-element-f1f1f11{--display:flex;}.elementor-103 .elementor-element.elementor-element-a5a8ada{--spacer-size:80px;}@media(min-width:768px){.elementor-103 .elementor-element.elementor-element-aca98ea{--content-width:1380px;}.elementor-103 .elementor-element.elementor-element-49564af{--width:50%;}.elementor-103 .elementor-element.elementor-element-393dc54{--width:100%;}.elementor-103 .elementor-element.elementor-element-b3ed8bc{--content-width:1380px;}.elementor-103 .elementor-element.elementor-element-7e8aac1{--content-width:1360px;}}@media(max-width:1200px) and (min-width:768px){.elementor-103 .elementor-element.elementor-element-49564af{--width:53%;}.elementor-103 .elementor-element.elementor-element-393dc54{--width:100%;}}@media(max-width:1400px){.elementor-103 .elementor-element.elementor-element-aca98ea{--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}}@media(max-width:1200px){.elementor-103 .elementor-element.elementor-element-aca98ea{--gap:15px 15px;--row-gap:15px;--column-gap:15px;--padding-top:20px;--padding-bottom:20px;--padding-left:25px;--padding-right:25px;}.elementor-103 .elementor-element.elementor-element-a403178{--min-height:150px;--border-radius:20px 20px 20px 20px;}.elementor-103 .elementor-element.elementor-element-49564af{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-103 .elementor-element.elementor-element-393dc54{--gap:15px 15px;--row-gap:15px;--column-gap:15px;}.elementor-103 .elementor-element.elementor-element-6bc572f{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-103 .elementor-element.elementor-element-6bc572f .elementor-heading-title{font-size:27px;line-height:1.2em;}.elementor-103 .elementor-element.elementor-element-796184f{--spacer-size:40px;}.elementor-103 .elementor-element.elementor-element-1b57768{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-103 .elementor-element.elementor-element-1b57768 .elementor-heading-title{font-size:23px;line-height:1.3em;}.elementor-103 .elementor-element.elementor-element-b65c3fd{--n-tabs-heading-width:265px;}}@media(max-width:767px){.elementor-103 .elementor-element.elementor-element-aca98ea{--gap:32px 32px;--row-gap:32px;--column-gap:32px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-103 .elementor-element.elementor-element-a403178{--min-height:0px;--border-radius:20px 20px 20px 20px;}.elementor-103 .elementor-element.elementor-element-a403178::before, .elementor-103 .elementor-element.elementor-element-a403178 > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-a403178 > .e-con-inner > .elementor-background-video-container::before, .elementor-103 .elementor-element.elementor-element-a403178 > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-a403178 > .e-con-inner > .elementor-background-slideshow::before, .elementor-103 .elementor-element.elementor-element-a403178 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center right;background-repeat:no-repeat;background-size:contain;}.elementor-103 .elementor-element.elementor-element-49564af{--width:548px;--gap:17px 17px;--row-gap:17px;--column-gap:17px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-103 .elementor-element.elementor-element-393dc54{--width:100%;--gap:13px 13px;--row-gap:13px;--column-gap:13px;}.elementor-103 .elementor-element.elementor-element-6bc572f .elementor-heading-title{font-size:24px;line-height:1.2em;}.elementor-103 .elementor-element.elementor-element-796184f{--spacer-size:0px;}.elementor-103 .elementor-element.elementor-element-b3ed8bc{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-103 .elementor-element.elementor-element-1b57768{padding:10px 10px 10px 10px;}.elementor-103 .elementor-element.elementor-element-1b57768 .elementor-heading-title{font-size:20px;line-height:1.2em;}.elementor-103 .elementor-element.elementor-element-238bf93 iframe{height:300px;}.elementor-103 .elementor-element.elementor-element-09f94d7 iframe{height:300px;}.elementor-103 .elementor-element.elementor-element-514baef iframe{height:300px;}.elementor-103 .elementor-element.elementor-element-abb6fac iframe{height:300px;}.elementor-103 .elementor-element.elementor-element-b65c3fd{padding:20px 20px 20px 20px;}.elementor-103 .elementor-element.elementor-element-7e8aac1{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-103 .elementor-element.elementor-element-a5a8ada{--spacer-size:20px;}}
.elementor-103 .elementor-element.elementor-element-393dc54 {
  min-width: 240px;
  max-width: 100%;
}
.elementor-103 .elementor-element.elementor-element-49564af {
  min-width: 240px;
  max-width: 100%;
}

.elementor-103 .elementor-element.elementor-element-aca98ea {
  max-width: 100%;
}











































/* Start custom CSS for nested-tabs, class: .elementor-element-b65c3fd *//* Page 103 · Tabs widget b65c3fd */

/* Scrollable tab headings: 692px threshold, 10px gap, scrollbar on right */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-heading {
  max-height: 692px;
  overflow-y: auto;
  overflow-x: hidden;

  /* keep the 10px gap between tabs and the scrollbar */
  padding-right: 10px;

  /* --- critical: real internal buffer so the first cards are fully visible --- */
  padding-top: 16px !important;      /* bump to 20–24px if you still see clipping */
  box-sizing: border-box;
  background-clip: padding-box;      /* avoids paint clipping at the very top */

  /* stability + browser quirks */
  direction: ltr;
  scrollbar-gutter: stable;
  -webkit-overflow-scrolling: touch;
  transform: translateZ(0);          /* Safari/WebKit rounding fix */
  contain: paint;                    /* isolates painting to prevent edge clipping */

  /* neutralize any fade/mask overlays from skins */
  -webkit-mask-image: none !important;
          mask-image: none !important;
  clip-path: none !important;
}

/* Do NOT pull the first item back up — that reintroduces clipping.
   Just ensure no extra theme margin sits on the first title. */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-heading .e-n-tab-title:first-child {
  margin-top: 0 !important;
}

/* Keep the content column non-scrolling and baseline-aligned */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-content {
  min-height: 692px;
  overflow: visible;
}

/* Firefox scrollbar */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-heading {
  scrollbar-width: thin;
  scrollbar-color: #bfbfbf #f6f6f6;  /* thumb | track */
}

/* WebKit (Chrome/Edge/Safari) scrollbar with 90px radius */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar { width: 12px; }
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar-track {
  background: #f6f6f6;
  border-left: 1px solid #eee;       /* optional inner divider */
}
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar-thumb {
  background: #c7c7c7;
  border-radius: 90px;               /* pill radius */
  border: 3px solid #f6f6f6;         /* spacing from track edge */
}
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  > .e-n-tabs > .e-n-tabs-heading::-webkit-scrollbar-thumb:hover { background: #a9a9a9; }


/* Page 103 / widget b65c3fd — stack lines + phone + pin icons */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title .bl-name,
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title .bl-phone,
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title .bl-address{
  display:block;             /* each on its own row */
}


/* Scope: page 103 / widget b65c3fd — force rows (name → phone → address) */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title{
  display:block !important;            /* kill any flex row on the title */
}

.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title > .e-n-tab-title-text{
  display:grid !important;             /* always stack */
  grid-template-columns: 1fr;
  row-gap: 6px;                         /* space between lines */
  width:100%;
  white-space:normal !important;
}


.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title a[href^="tel:"]{
  position:relative; padding-left:28px; text-decoration:none; color:inherit;
}
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title a[href^="tel:"]::before{
  content:""; position:absolute; left:0; top:0.1em; width:18px; height:18px; background-color:currentColor;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M6.62 10.79a15.05 15.05 0 006.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.56 0 1 .44 1 1V20c0 .55-.45 1-1 1C10.07 21 3 13.93 3 5c0-.55.45-1 1-1h2.5c.55 0 1 .44 1 1 0 1.24.2 2.45.57 3.57.11.35.03.74-.24 1.02l-2.21 2.2z"/></svg>') no-repeat center/contain;
}

/* Address line pin (you likely already have this) */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title .bl-address,
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title a.bl-address{
  position:relative; padding-left:28px; text-decoration:none; color:inherit;
}
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title .bl-address::before,
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs .e-n-tab-title a.bl-address::before{
  content:""; position:absolute; left:0; top:0.1em; width:18px; height:18px; background-color:currentColor;
  -webkit-mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 11a2 2 0 110-4 2 2 0 010 4z"/></svg>') no-repeat center/contain;
          mask:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 2C8.13 2 5 5.13 5 9c0 5.25 7 13 7 13s7-7.75 7-13c0-3.87-3.13-7-7-7zm0 11a2 2 0 110-4 2 2 0 010 4z"/></svg>') no-repeat center/contain;
}


/* === Badge + typography tweaks (append to your CSS) === */

/* Give each tab card a positioning context + room so text doesn't sit under the badge */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  .e-n-tab-title{
  position: relative;
  padding-right: 30px;
  padding-top:50px;
  padding-bottom:50px;
/* adjust if your text gets too close to the badge */
}

/* Yellow "Value Express" pill at top-right */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  .e-n-tab-title::after{
  content: "Chemical Logistics";
  position: absolute;
  top: 20px;
  right: 16px;
  background: #45A9D5;
  color: #fff;
  padding: 8px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .2px;
  line-height: 1;
  pointer-events: none; /* keep clicks passing through */
  z-index: 1;
}

/* Phone + address typography: normal weight, 14px */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  .e-n-tab-title a[href^="tel:"],
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  .e-n-tab-title .bl-phone,
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  .e-n-tab-title .bl-address,
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  .e-n-tab-title a.bl-address{
  font-weight: 400 !important;
  font-size: 14px !important;
}

/* Name: 16px with 20px spacing under it */
.elementor-103 .elementor-element.elementor-element-b65c3fd.elementor-widget-n-tabs
  .e-n-tab-title .bl-name{
  font-size: 24px !important;
  font-weight:700;
  margin-bottom: 20px;       /* space below the name */
}/* End custom CSS */




