/*
Theme Name: Abbey Logistics
Author: Reech Media
Author URI: https://www.reech.media
Description: Abbey Logistics WordPress Theme built by Reech Media.
Version: 1.0
*/
/* ---------------------------------------------------------------------------- */
/*  Grid Breakpoints
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/*  Grid containers
/* ---------------------------------------------------------------------------- */
/* ---------------------------------------------------------------------------- */
/*  Grid Columns
/* ---------------------------------------------------------------------------- */
.wrapper, .wrapper-fluid, .wrapper-sm, .wrapper-md, .wrapper-lg, .wrapper-xl, .wrapper-xxl { --abb-gutter-x: 1rem; --abb-gutter-y: 0; width: 100%; padding-right: calc(var(--abb-gutter-x) * 1.67); padding-left: calc(var(--abb-gutter-x) * 1.67); margin-right: auto; margin-left: auto; }

@media (min-width: 992px) { .wrapper, .wrapper-fluid, .wrapper-sm, .wrapper-md, .wrapper-lg, .wrapper-xl, .wrapper-xxl { padding-left: 0; padding-right: 0; } }

@media (min-width: 576px) { .wrapper, .wrapper-sm { max-width: 540px; } }

@media (min-width: 768px) { .wrapper, .wrapper-sm, .wrapper-md { max-width: 720px; } }

@media (min-width: 992px) { .wrapper, .wrapper-sm, .wrapper-md, .wrapper-lg { max-width: 960px; } }

@media (min-width: 1200px) { .wrapper, .wrapper-sm, .wrapper-md, .wrapper-lg, .wrapper-xl { max-width: 1140px; } }

@media (min-width: 1400px) { .wrapper, .wrapper-sm, .wrapper-md, .wrapper-lg, .wrapper-xl, .wrapper-xxl { max-width: 1340px; } }

*, *::before, *::after { box-sizing: border-box; }

span.green { color: var(--abb-lime); }

span.blue { color: var(--abb-blue); }

span.orange { color: var(--abb-orange); }

.module.split_content.background-diagonal-split:has(+ .column_cards.padding-top-none) { padding-bottom: 275px; }

@media (max-width: 991.98px) { .module.split_content.background-diagonal-split:has(+ .column_cards.padding-top-none) { padding-bottom: 175px; } }

.module.split_content.background-diagonal-split + .column_cards.padding-top-none { margin-top: -100px; }

:root { --abb-white: #ffffff; --abb-grey: #F3F3F3; --abb-lime: #77B810; --abb-orange: #FC4D0F; --abb-blue: #122143; }

.abb-btn { border-radius: 12px; padding: 12px 22px; font-weight: 600; text-decoration: none; display: inline-block; text-align: center; align-items: center; font-size: 16px; line-height: 1.6; height: fit-content; position: relative; overflow: hidden; transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, padding 0.3s var(--abb-btn-spring); --abb-btn-spring: cubic-bezier(.34, 1.56, .64, 1); --abb-btn-padding-hover: 12px 25px; }

.abb-btn:hover { color: var(--abb-blue); }

.abb-btn:not(.abb-btn--tertiary-bg) span { display: flex; align-items: center; justify-content: center; width: 100%; transition: transform 0.45s var(--abb-btn-spring), opacity 0.4s ease; will-change: transform; text-wrap: nowrap; }

.abb-btn:not(.abb-btn--tertiary-bg) span:first-of-type { transform: translateY(0); opacity: 1; }

.abb-btn:not(.abb-btn--tertiary-bg) span:last-of-type { position: absolute; top: 0; left: 0; transform: translateY(200%); opacity: 0; max-width: calc(100% - 4px); }

.abb-btn:not(.abb-btn--tertiary-bg):hover span:first-of-type, .abb-btn:not(.abb-btn--tertiary-bg):focus-visible span:first-of-type { transform: translateY(-150%); opacity: 0; }

.abb-btn:not(.abb-btn--tertiary-bg):hover span:last-of-type, .abb-btn:not(.abb-btn--tertiary-bg):focus-visible span:last-of-type { transform: translateY(50%); opacity: 1; }

.abb-btn--primary { background-color: var(--abb-lime); color: var(--abb-blue); border: 1px solid var(--abb-lime); }

.abb-btn--primary:hover { padding: var(--abb-btn-padding-hover); }

.abb-btn--primary-outline { background-color: transparent; color: var(--abb-blue); border: 1px solid var(--abb-lime); }

.abb-btn--primary-outline:hover { background-color: var(--abb-lime); padding: var(--abb-btn-padding-hover); }

.abb-btn--secondary { background-color: var(--abb-blue); color: var(--abb-white); border: 1px solid var(--abb-blue); }

.abb-btn--secondary:hover { padding: var(--abb-btn-padding-hover); background-color: var(--abb-lime); border-color: var(--abb-lime); }

.abb-btn--secondary:hover span { color: var(--abb-blue); }

.abb-btn--secondary-outline { background-color: transparent; color: var(--abb-white); border: 1px solid var(--abb-white); }

.abb-btn--tertiary { color: var(--abb-blue); }

.abb-btn--tertiary::after { content: "\f061"; font-family: "Font Awesome 6 Pro"; font-weight: 900; margin-left: 8px; color: var(--abb-orange); }

.abb-btn--tertiary-bg { color: var(--abb-blue); }

.abb-btn--tertiary-bg span { transition: padding 0.15s ease-in-out; padding-right: 0; }

.abb-btn--tertiary-bg::after { content: "\f061"; padding: 5px 6px; border-radius: 6px; background: var(--abb-lime); font-family: "Font Awesome 6 Pro"; font-weight: 900; margin-left: 8px; color: var(--abb-white); }

.abb-btn--tertiary-bg:hover { color: var(--abb-lime); }

.abb-btn--tertiary-bg:hover span { padding-right: 6px; }

html body { font-family: 'Poppins', sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; height: unset; }

:root { --h1-font-size: clamp(48px, 6vw, 96px); --h2-font-size: clamp(32px, 4vw, 48px); --h3-font-size: clamp(28px, 2.5vw, 32px); --h4-font-size: clamp(24px, 1.5vw, 24px); }

:root { --padding-none: 0; --padding-small: 125px; --padding-large: 175px; }

@media (max-width: 991.98px) { :root { --padding-small: 100px; --padding-large: 100px; } }

.padding-top-none { padding-top: var(--padding-none); }

.padding-bottom-none { padding-bottom: var(--padding-none); }

.padding-top-small { padding-top: var(--padding-small); }

.padding-bottom-small { padding-bottom: var(--padding-small); }

.padding-top-large { padding-top: var(--padding-large); }

.padding-bottom-large { padding-bottom: var(--padding-large); }

.footer { background-color: var(--abb-grey); box-sizing: border-box; }

.footer__top { min-height: 700px; display: flex; flex-direction: row; margin: auto; }

@media (max-width: 991.98px) { .footer__top { flex-direction: column-reverse; min-height: auto; } }

.footer__top__left, .footer__top__right { flex: 1 0 50%; }

.footer__top__left .wrapper { display: flex; flex-direction: column; justify-content: space-between; height: 100%; max-width: 1400px; }

@media (max-width: 1199.98px) { .footer__top__left .wrapper { padding: 0px; } }

.footer__top__left ul { list-style: none; padding: 48px; margin: 0; display: flex; flex-direction: column; gap: 12px; width: 100%; max-width: 720px; align-items: flex-start; margin-left: auto; }

@media (max-width: 1199.98px) { .footer__top__left ul { padding: 48px 16px; } }

@media (max-width: 991.98px) { .footer__top__left ul { max-width: 100%; margin-left: unset; } }

.footer__top__left ul li a { color: var(--abb-blue); font-size: var(--h3-font-size); line-height: 1.3; font-weight: 600; transition: all 0.3s ease-in-out; }

.footer__top__left ul li a:hover { color: var(--abb-lime); }

.footer__top__left__cta { border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; align-items: center; justify-content: space-between; }

.footer__top__left__cta .inner { display: flex; width: 100%; padding: 48px; max-width: 720px; align-items: flex-start; margin-left: auto; justify-content: flex-end; }

@media (max-width: 1199.98px) { .footer__top__left__cta .inner { padding: 48px 16px; } }

@media (max-width: 991.98px) { .footer__top__left__cta .inner { max-width: 100%; margin-left: unset; } }

@media (max-width: 575.98px) { .footer__top__left__cta .inner { flex-direction: column; align-items: flex-start; gap: 16px; } }

.footer__top__left__cta h4 { margin: 0; font-size: 24px; line-height: 1.3; font-weight: 600; margin-right: auto; }

@media (max-width: 991.98px) { .footer__top__left__cta h4 { max-width: 100%; margin-left: unset; } }

.footer__top__left__cta h4 span { font-size: 24px; line-height: 1.3; font-weight: 600; }

.footer__top__left__cta h4 span.green { color: var(--abb-lime); }

.footer__top__left__cta h4 span.blue { color: var(--abb-blue); }

.footer__top__right { position: relative; }

.footer__top__right img { object-fit: cover; height: 100%; width: 100%; display: block; }

.footer__top__right::before, .footer__top__right::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }

.footer__top__right::before { background: linear-gradient(to bottom, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.15) 100%); z-index: 1; }

.footer__top__right__cta { position: absolute; top: 0; right: 0; background: var(--abb-grey); z-index: 2; }

.footer__top__right__cta__bg { width: 64px; height: 100%; background: linear-gradient(110deg, #ff000000 0%, #ff000000 45%, var(--abb-orange) 40%, var(--abb-orange) 65%, var(--abb-grey) 65%, var(--abb-grey) 100%); position: absolute; top: 0; left: -64px; }

.footer__top__right__cta a { font-size: 24px; padding: 24px 24px 24px 24px; line-height: unset; transition: all 0.15s ease-in-out; display: flex; }

.footer__top__right__cta a:hover { color: var(--abb-orange); }

.footer__top__right__cta a::after { margin-left: 24px; }

.footer__bottom { padding: 16px 0px; border-top: 1px solid rgba(0, 0, 0, 0.1); display: flex; justify-content: space-between; align-items: center; }

.footer__bottom__left { display: flex; align-items: center; gap: 12px; }

@media (max-width: 1399.98px) { .footer__bottom__left { flex-direction: column; } }

.footer__bottom ul { list-style: none; padding: 0; margin: 0; display: flex; gap: 12px; flex-wrap: wrap; justify-content: center; }

.footer__bottom ul li a { color: var(--abb-blue); font-size: 12px; line-height: 1.5; font-weight: 400; transition: all 0.3s ease-in-out; }

.footer__bottom ul li a:hover { color: var(--abb-lime); }

.footer__bottom p { font-size: 12px; color: var(--abb-blue); margin: 0; }

.footer__bottom p a { color: var(--abb-blue); font-weight: 600; text-decoration: none; transition: all 0.3s ease-in-out; }

.footer__bottom p a:hover { color: var(--abb-lime); }

.footer__bottom .wrapper { display: flex; justify-content: space-between; align-items: center; }

@media (max-width: 1399.98px) { .footer__bottom .wrapper { flex-direction: column; gap: 12px; text-align: center; padding-left: 48px; padding-right: 48px; margin: unset; max-width: 100%; } }

@media (max-width: 575.98px) { .footer__bottom .wrapper { padding-left: 16px; padding-right: 16px; } }

.website-navigation { background: linear-gradient(90deg, var(--abb-blue) 0%, var(--abb-blue) 75%, var(--abb-grey) 25%, var(--abb-grey) 100%); }

@media (max-width: 1199.98px) { .website-navigation { background: var(--abb-blue); } }

.website-navigation .wrapper.desktop { display: flex; align-items: center; justify-content: space-between; min-height: 52px; }

@media (max-width: 991.98px) { .website-navigation .wrapper.desktop { display: none; } }

.website-navigation__left { padding: 0; margin: 0; margin-block-start: unset; margin-block-end: unset; padding-inline-start: unset; list-style: none; }

.website-navigation__left ul:not(.dropdown-menu) { display: flex; padding: 0; margin: 0; list-style: none; color: var(--abb-white); font-weight: 600; gap: 24px; width: fit-content; }

.website-navigation__left ul:not(.dropdown-menu) li:hover > .dropdown-menu { display: flex; flex-direction: column; }

.website-navigation__left ul:not(.dropdown-menu) li a { text-decoration: none; color: inherit; transition: all .3s ease-in-out; font-size: 16px; line-height: 1.5; padding-top: 16px; padding-bottom: 12px; border-bottom: 3px solid transparent; }

.website-navigation__left ul:not(.dropdown-menu) li a:hover { border-bottom: 3px solid var(--abb-lime); color: var(--abb-white); }

.website-navigation__left ul:not(.dropdown-menu) li a:focus { color: white; text-decoration: none; }

.website-navigation__left ul:not(.dropdown-menu) li i { color: var(--abb-lime); margin-left: 6px; font-size: 14px; transition: transform 0.3s ease-in-out; }

.website-navigation__left ul:not(.dropdown-menu) li:hover > a.dropdown-toggle i.fa-chevron-down, .website-navigation__left ul:not(.dropdown-menu) li:focus-within > a.dropdown-toggle i.fa-chevron-down { transform: rotate(180deg); }

.website-navigation__left ul:not(.dropdown-menu) li:hover > a.dropdown-toggle, .website-navigation__left ul:not(.dropdown-menu) li:focus-within > a.dropdown-toggle { border-bottom: 3px solid var(--abb-lime); }

.website-navigation__right { font-size: 14px; color: var(--abb-blue); background: var(--abb-grey); align-self: stretch; display: flex; align-items: center; padding-right: 0; position: relative; overflow-y: hidden; }

@media (max-width: 1199.98px) { .website-navigation__right { display: none; } }

.website-navigation__right__bg { width: 36px; height: 100%; background: linear-gradient(110deg, var(--abb-blue) 0%, var(--abb-blue) 33%, var(--abb-orange) 33%, var(--abb-orange) 66%, var(--abb-grey) 66%, var(--abb-grey) 100%); }

.website-navigation__right p { padding-left: 1.5rem; margin-bottom: 0; }

.website-navigation__right a { color: var(--abb-blue); font-size: 14px; }

.website-navigation__right a strong { color: var(--abb-orange); }

@media (max-width: 991.98px) { header { position: sticky; z-index: 9999; top: 0; background: var(--abb-white); } }

html body { /* Base dropdown menu styling */ }

html body .website-navigation__left__menu { position: relative; /* 50% height vertical line on left side of submenus */ /* Items */ /* Icon adjustments */ }

html body .website-navigation__left__menu > li { position: relative; }

html body .website-navigation__left__menu .dropdown-menu { display: none; position: absolute; top: 38px; /* align under main nav height */ left: -48px; z-index: 1000; float: left; min-width: 220px; padding: 32px; margin: 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 0; border-radius: 0; -webkit-box-shadow: 7px 11px 28px 0px rgba(0, 0, 0, 0.1), 26px 43px 51px 0px rgba(0, 0, 0, 0.09), 59px 98px 68px 0px rgba(0, 0, 0, 0.05), 104px 173px 81px 0px rgba(0, 0, 0, 0.01), 163px 271px 89px 0px rgba(0, 0, 0, 0); box-shadow: 7px 11px 28px 0px rgba(0, 0, 0, 0.1), 26px 43px 51px 0px rgba(0, 0, 0, 0.09), 59px 98px 68px 0px rgba(0, 0, 0, 0.05), 104px 173px 81px 0px rgba(0, 0, 0, 0.01), 163px 271px 89px 0px rgba(0, 0, 0, 0); }

html body .website-navigation__left__menu .dropdown-menu.dropdown-submenu { -webkit-box-shadow: 7px 11px 28px 0px rgba(0, 0, 0, 0.1), 26px 43px 51px 0px rgba(0, 0, 0, 0.09), 59px 98px 68px 0px rgba(0, 0, 0, 0.05), 104px 173px 81px 0px rgba(0, 0, 0, 0.01), 163px 271px 89px 0px rgba(0, 0, 0, 0); box-shadow: 7px 11px 28px 0px rgba(0, 0, 0, 0.1), 26px 43px 51px 0px rgba(0, 0, 0, 0.09), 59px 98px 68px 0px rgba(0, 0, 0, 0.05), 104px 173px 81px 0px rgba(0, 0, 0, 0.01), 163px 271px 89px 0px rgba(0, 0, 0, 0); }

html body .website-navigation__left__menu li.dropdown-submenu > .dropdown-menu { top: 0; left: 100%; min-width: 220px; }

html body .website-navigation__left__menu > li.dropdown:hover > .dropdown-menu { display: flex; flex-direction: column; }

html body .website-navigation__left__menu li.dropdown-submenu:hover > .dropdown-menu { display: flex; flex-direction: column; height: 100%; }

html body .website-navigation__left__menu li.dropdown-submenu > .dropdown-menu { position: absolute; /* ensure positioning context */ }

html body .website-navigation__left__menu li.dropdown-submenu > .dropdown-menu::before { content: ''; position: absolute; left: 0; /* inside padding box */ top: 48px; height: calc(100% - 96px); border-left: 1px solid rgba(0, 0, 0, 0.2); pointer-events: none; }

html body .website-navigation__left__menu .dropdown-menu > li { display: flex; align-items: center; justify-content: space-between; }

html body .website-navigation__left__menu .dropdown-menu > li i { margin-left: 24px; }

html body .website-navigation__left__menu .dropdown-menu a { display: flex; align-items: center; justify-content: space-between; width: 100%; padding-top: 16px; color: var(--abb-blue) !important; font-weight: 600; border: 0 !important; background: transparent !important; text-decoration: none; line-height: 1.3; transition: color .25s ease; position: relative; }

html body .website-navigation__left__menu .dropdown-menu a::after { content: ''; position: absolute; right: -64px; top: 0; width: 64px; padding-right: 64px; height: 100%; }

html body .website-navigation__left__menu .dropdown-menu > li:hover > a, html body .website-navigation__left__menu .dropdown-menu > li:focus-within > a { color: var(--abb-lime) !important; }

html body .website-navigation__left__menu .dropdown-menu i { transform: none !important; }

html body .website-navigation__left__menu li.dropdown-submenu > a i.fa-chevron-right { font-size: 12px; }

/* Rotate only the top-level down chevrons when parent open */
.website-navigation__left__menu > li.dropdown:hover > a.dropdown-toggle i.fa-chevron-down, .website-navigation__left__menu > li.dropdown:focus-within > a.dropdown-toggle i.fa-chevron-down { transform: rotate(180deg); }

.website-navigation__mobile.wrapper { display: none; }

@media (max-width: 991.98px) { .website-navigation__mobile.wrapper { display: flex; overflow-y: scroll; } }

header.header { position: relative; z-index: 9; }

@media (max-width: 991.98px) { .website-navigation { display: none; background: var(--abb-grey); }
  .website-navigation.open { display: flex; height: calc(100vh - 85px); }
  .website-navigation__mobile { display: flex; flex-direction: column; justify-content: flex-start; padding-top: 32px; padding-bottom: 64px; }
  .website-navigation__mobile menu { display: flex; flex-direction: column; gap: 48px; padding: 0; margin: 0; list-style: none; width: 100%; }
  .website-navigation__mobile menu ul { display: flex; gap: 16px; flex-direction: column; padding: 0; margin: 0; list-style: none; width: 100%; }
  .website-navigation__mobile menu ul li { width: 100%; }
  .website-navigation__mobile menu ul li.open a i { transform: rotate(180deg); }
  .website-navigation__mobile menu ul li a { width: 100%; color: var(--abb-blue); font-weight: 600; font-size: var(--h4-font-size); line-height: 1.3; display: flex; justify-content: space-between; align-items: center; text-align: start; text-wrap: wrap; text-decoration: none; }
  .website-navigation__mobile menu ul li a i { transition: transform 0.3s ease-in-out; color: var(--abb-lime); position: relative; display: block; cursor: pointer; padding: 10px; }
  .website-navigation__mobile menu ul li a i::before { pointer-events: none; }
  .website-navigation__mobile menu ul li a i:hover { transform: rotate(180deg); }
  .website-navigation__mobile menu ul li .dropdown-menu { display: none; position: relative; top: 0; background-color: var(--abb-grey); border: unset; box-shadow: unset; --webkit-box-shadow: unset; }
  .website-navigation__mobile menu ul li .dropdown-menu li:first-child a { padding-top: 20px; }
  .website-navigation__mobile menu ul li .dropdown-menu li.active { color: var(--abb-blue) !important; }
  .website-navigation__mobile menu ul li .dropdown-menu li:hover { background: var(--abb-grey) !important; }
  .website-navigation__mobile menu ul li .dropdown-menu li.open a i { transform: rotate(270deg); }
  .website-navigation__mobile menu ul li .dropdown-menu li a { font-weight: 600; font-size: 16px; padding-left: 24px; line-height: 1.5; padding: 0px 16px 14px; }
  .website-navigation__mobile menu ul li .dropdown-menu li i.fa-chevron-right { transform: rotate(90deg); }
  .website-navigation__mobile menu ul li .dropdown-menu li i.fa-chevron-right:hover { transform: rotate(270deg); }
  .website-navigation__mobile menu ul li .dropdown-menu li .dropdown-sub-menu { padding-left: 32px; background-color: var(--abb-grey); border: unset; box-shadow: unset; --webkit-box-shadow: unset; }
  .website-navigation__mobile menu ul li .dropdown-menu li .dropdown-sub-menu li.active { color: var(--abb-blue) !important; }
  .website-navigation__mobile menu ul li .dropdown-menu li .dropdown-sub-menu li:hover { background: var(--abb-grey) !important; }
  .website-navigation__mobile menu ul li .dropdown-menu li .dropdown-sub-menu a { font-size: 16px; padding: 0px 16px 14px; }
  .website-navigation__mobile menu .website-navigation__mobile__menu__buttons { display: flex; flex-direction: column; gap: 12px; }
  .website-navigation__mobile menu .number { display: flex; align-items: center; gap: 8px; font-size: var(--h4-font-size); font-weight: 600; color: var(--abb-blue); line-height: 1.3; justify-content: center; }
  .website-navigation__mobile menu .number i { color: var(--abb-lime); } }

.topnav { background-color: var(--abb-white); display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding-top: 6px; padding-bottom: 6px; position: relative; z-index: 1000; }

.topnav__left__logo { max-width: 115px; }

.topnav__left__logo img { max-width: inherit; }

.topnav__right { display: flex; flex-direction: row; align-items: baseline; gap: 1.5rem; }

.topnav__right__phone { display: flex; align-items: baseline; gap: .5rem; font-weight: 600; font-size: 16px; color: var(--abb-blue); transition: all .3s ease-in-out; }

@media (max-width: 991.98px) { .topnav__right__phone { display: none; } }

.topnav__right__phone:hover { color: var(--abb-lime); }

.topnav__right__phone i { color: var(--abb-lime); }

.topnav__right__buttons { display: flex; gap: .75rem; align-items: center; }

.topnav__right__buttons__burger { display: flex; flex-direction: column; gap: 8px; justify-content: center; align-items: center; width: 44px; height: 32px; cursor: pointer; position: relative; overflow: hidden; z-index: 1001; }

@media (min-width: 992px) { .topnav__right__buttons__burger { display: none; } }

.topnav__right__buttons__burger .line { display: block; width: 44px; height: 2px; background-color: black; transition: all 0.2s ease-in-out; transform-origin: center center; border-radius: 3px; }

.topnav__right__buttons__burger .line:last-child { margin-bottom: 0; }

.topnav__right__buttons__burger.open .line { background-color: black; }

.topnav__right__buttons__burger.open span:nth-child(1) { transform: rotate(45deg) translate(6px, 8px); }

.topnav__right__buttons__burger.open span:nth-child(2) { opacity: 0; }

.topnav__right__buttons__burger.open span:nth-child(3) { transform: rotate(-45deg) translate(6px, -8px); }

@media (max-width: 991.98px) { .topnav__right__buttons { gap: 32px; }
  .topnav__right__buttons .abb-btn--primary-outline { display: none; } }

@media screen and (max-width: 415px) { .topnav__right__buttons .abb-btn--primary { padding: 8px 12px; } }

.large_banner { position: relative; overflow: hidden; margin-top: -16px; }

.large_banner .large-banner__image { position: relative; height: 720px; overflow: hidden; }

@media (max-width: 991.98px) { .large_banner .large-banner__image { height: 600px; } }

@media (max-width: 767.98px) { .large_banner .large-banner__image { height: 540px; } }

@media (max-width: 575.98px) { .large_banner .large-banner__image { height: 500px; } }

.large_banner .large-banner__image__underlay { display: block; width: 100%; height: 100%; object-position: bottom; max-height: 720px; z-index: 1; }

.large_banner .large-banner__image__overlay { width: 100%; }

.large_banner .large-banner__image__overlay img { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0%); width: 133%; max-width: 1440px; z-index: 3; }

@media (max-width: 575.98px) { .large_banner .large-banner__image__overlay img { width: 167%; } }

.large_banner .large-banner__content { position: absolute; top: -172px; left: 50%; height: 100%; transform: translate(-50%, 0%); z-index: 2; text-align: center; display: flex; align-items: center; justify-content: center; max-width: 960px; }

@media (max-width: 991.98px) { .large_banner .large-banner__content { top: -144px !important; } }

@media (max-width: 767.98px) { .large_banner .large-banner__content { top: -96px !important; } }

@media (max-width: 575.98px) { .large_banner .large-banner__content { top: -64px !important; } }

.large_banner .large-banner__content h1 { color: var(--abb-white); font-size: var(--h1-font-size); font-weight: 600; line-height: 1.1; margin: 0; }

.split_content { overflow: hidden; }

.split_content.background-diagonal-split { background: linear-gradient(110deg, var(--abb-white) 66%, var(--abb-lime) 34%); }

.split_content.background-grid { background-image: url("./assets/svg/grid-bg.svg"); background-repeat: repeat; background-color: var(--abb-white); position: relative; }

.split_content.background-grid::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: var(--padding-large); background: linear-gradient(180deg, white 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 1; }

.split_content.background-grid::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: 100%; height: var(--padding-large); background: linear-gradient(0deg, white 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; z-index: 1; }

.split_content .wrapper { display: flex; flex-direction: row; gap: 64px; }

.split_content .wrapper:has(.map) { align-items: center; }

.split_content .wrapper:has(.map) .split_content__left { max-width: 552px; }

@media (max-width: 1199.98px) { .split_content .wrapper:has(.map) .split_content__left { max-width: 532px; } }

@media (max-width: 991.98px) { .split_content .wrapper:has(.map) .split_content__left { max-width: 100%; } }

.split_content .wrapper:has(.map) .split_content__right { position: absolute; position: absolute; width: 57.5%; right: -7.5%; top: auto; }

@media (max-width: 1199.98px) { .split_content .wrapper:has(.map) .split_content__right { right: -12.5%; } }

@media screen and (min-width: 1921px) { .split_content .wrapper:has(.map) .split_content__right figure img { width: 100%; } }

@media (max-width: 991.98px) { .split_content .wrapper:has(.map) .split_content__right { position: relative; width: 115%; right: -10%; } }

@media (max-width: 991.98px) { .split_content .wrapper { flex-direction: column; } }

.split_content .wrapper .split_content__left, .split_content .wrapper .split_content__right { flex: 1; }

.column_cards .wrapper .column-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 20px; }

.column_cards .wrapper .column-cards__card { background: var(--abb-white); box-shadow: 8px 12px 64px 0px #0000001F; padding: 32px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 16px; }

.column_cards .wrapper .column-cards__card svg { max-height: 48px; }

.column_cards .wrapper .column-cards__card h4 { margin: 0 0 12px 0; font-weight: 600; font-size: var(--h4-font-size); line-height: 130%; }

.column_cards .wrapper .column-cards__card p { margin: 0; color: var(--abb-dark-grey); }

.logos__title { margin-top: 0; text-align: center; margin-bottom: 48px; font-size: var(--h2-font-size); line-height: 1.2; font-weight: 600; color: var(--abb-blue); }

.logos:has(.logos__slider) h2 { font-size: var(--h3-font-size); line-height: 1.3; margin-bottom: 64px; }

.logos__grid { max-width: 1340px; display: flex; flex-wrap: wrap; gap: 64px 96px; justify-content: center; align-items: center; margin: auto; }

@media (max-width: 575.98px) { .logos__grid { flex-direction: column; } }

.logos__grid img { max-height: 80px; max-width: 200px; object-fit: contain; }

.logos__slider { display: flex; justify-content: center; }

.logos__slider img { max-height: 80px; margin-left: 64px; margin-right: 64px; }

.logos__slider .slick-list .slick-track { display: flex; align-items: center; }

.logos__slider .slick-list .slick-track .slick-slide { margin-left: 64px; margin-right: 64px; display: flex; justify-content: center; }

@media (max-width: 767.98px) { .logos__slider .slick-list .slick-track .slick-slide { margin-left: 40px; margin-right: 40px; } }

.logos__slider .slick-list .slick-track .slick-slide img { max-height: 80px; margin-left: 0; margin-right: 0; }

.latest_news__title { font-weight: 600; font-size: clamp(48px, 6vw, 60px); line-height: 120%; color: var(--abb-blue); margin-bottom: 48px; margin-top: 0; }

.latest_news__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 48px 32px; }

.latest_news__grid .news_card__large { grid-column: span 2; grid-row: span 2; }

.latest_news__grid .news_card__small { grid-column: span 1; grid-row: span 1; }

.latest_news__grid .news_card__large h4, .latest_news__grid .news_card__small h4 { font-weight: 600; font-size: var(--h4-font-size); line-height: 1.3; color: var(--abb-blue); margin-top: 24px; margin-bottom: 12px; transition: all .3s ease-in-out; }

.latest_news__grid .news_card__large h4:hover, .latest_news__grid .news_card__small h4:hover { color: var(--abb-lime); }

.latest_news__grid .news_card__large img, .latest_news__grid .news_card__small img { aspect-ratio: 14 / 9; object-fit: cover; }

.latest_news__grid .news_card__large p, .latest_news__grid .news_card__small p { margin-bottom: 0; color: var(--abb-blue); font-weight: 400; font-size: 14px; line-height: 160%; }

.latest_news__grid .news__cta { background: var(--abb-blue); position: relative; overflow: hidden; }

.latest_news__grid .news__cta__inner { height: 100%; display: flex; flex-direction: column; justify-content: space-between; padding: 40px 24px; color: var(--abb-white); max-width: 256px; }

.latest_news__grid .news__cta__inner a { display: flex; flex-direction: column; justify-content: space-between; color: var(--abb-white); height: 100%; text-decoration: none; transition: all .15s ease-in-out; gap: 16px; }

.latest_news__grid .news__cta__inner a:hover { color: var(--abb-lime); }

.latest_news__grid .news__cta__inner__text__tag { font-size: 16px; line-height: 1.6; font-weight: 600; color: var(--abb-lime); }

.latest_news__grid .news__cta__inner__text__title { font-weight: 600; font-size: var(--h4-font-size); line-height: 130%; margin-top: 8px; margin-bottom: 0; }

.latest_news__grid .news__cta__inner i { width: fit-content; padding: 5px 6px; border-radius: 6px; background: var(--abb-lime); font-weight: 900; color: var(--abb-white); }

.latest_news__grid .news__cta img { position: absolute; max-width: 164px; max-height: 248px; object-fit: cover; transform: rotate(7.5deg) translateX(50%) translateY(50%); bottom: 33%; right: 25%; z-index: 4; }

.latest_news__grid .news__cta .bg1 { position: absolute; width: 164px; height: 248px; object-fit: cover; background: #8890A1; transform: rotate(10deg) translateX(50%) translateY(50%); bottom: 25%; right: 22.5%; z-index: 3; }

.latest_news__grid .news__cta .bg2 { position: absolute; width: 164px; height: 248px; object-fit: cover; background: #ffffff1f; transform: rotate(12.5deg) translateX(50%) translateY(50%); bottom: 20%; right: 20%; z-index: 2; }

@media (max-width: 1199.98px) { .latest_news .news__cta img { right: 17%; bottom: 22.5%; }
  .latest_news .news__cta .bg1 { bottom: 21.5%; right: 13.5%; }
  .latest_news .news__cta .bg2 { bottom: 23%; right: 9.5%; } }

@media (max-width: 991.98px) { .latest_news__grid { grid-template-columns: repeat(2, 1fr); grid-template-rows: auto; gap: 36px 24px; }
  .latest_news__grid .news_card__large { grid-column: span 2; grid-row: span 1; }
  .latest_news__grid .news_card__small { grid-column: span 1; }
  .latest_news__grid .news__cta { grid-column: span 1; }
  .latest_news__grid .news__cta__inner__link { justify-content: flex-start !important; gap: 16px; }
  .latest_news__grid .news__cta img { right: 20%; bottom: 22.5%; }
  .latest_news__grid .news__cta .bg1 { bottom: 21.5%; right: 16.5%; }
  .latest_news__grid .news__cta .bg2 { bottom: 23%; right: 12%; } }

@media (max-width: 767.98px) { .latest_news__grid { grid-template-columns: 1fr; gap: 32px 0; }
  .latest_news__grid .news_card__large, .latest_news__grid .news_card__small { grid-column: span 1; }
  .latest_news__grid .news__cta { grid-column: span 1; }
  .latest_news__grid .news__cta__inner { max-width: 100%; padding: 32px 24px; }
  .latest_news__grid .news__cta img, .latest_news__grid .news__cta .bg1, .latest_news__grid .news__cta .bg2 { right: auto; left: 80%; transform: rotate(7deg) translateX(-50%) translateY(50%); } }

@media (max-width: 575.98px) { .latest_news__grid .news_card__large h4, .latest_news__grid .news_card__small h4 { font-size: 22px; }
  .latest_news__grid .news__cta__inner { padding: 28px 20px; }
  .latest_news__grid .news__cta img, .latest_news__grid .news__cta .bg1, .latest_news__grid .news__cta .bg2 { display: none; } }

.stats_banner { position: relative; overflow: hidden; height: 100%; max-height: 600px; }

@media (max-width: 991.98px) { .stats_banner { max-height: 720px; } }

.stats_banner__background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }

.stats_banner__background img { width: 100%; height: 100%; object-fit: cover; object-position: center; }

.stats_banner__background:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(44, 44, 44, 0.5) 0%, rgba(44, 44, 44, 0.75) 100%); }

.stats_banner__content { height: 100%; }

.stats_banner__content .wrapper { display: flex; gap: 64px; height: 100%; overflow: hidden; }

@media (max-width: 991.98px) { .stats_banner__content .wrapper { flex-direction: column; gap: 32px; } }

.stats_banner__content__left, .stats_banner__content__right { flex: 1; }

.stats_banner__content__left { display: flex; flex-direction: column; justify-content: center; max-height: 600px; }

.stats_banner__content__left__title { font-size: var(--h2-font-size); line-height: 1.3; font-weight: 600; color: var(--abb-white); margin-bottom: 32px; }

@media (max-width: 991.98px) { .stats_banner__content__left__title { margin-top: 32px; } }

.stats_banner__content__left__features { display: flex; flex-direction: column; gap: 16px; }

.stats_banner__content__left__features__feature { display: flex; align-items: flex-start; gap: 16px; }

.stats_banner__content__left__features__feature__icon { height: 24px; width: 24px; display: flex; align-items: center; justify-content: center; }

.stats_banner__content__left__features__feature__icon svg { width: 24px; height: 24px; }

.stats_banner__content__left__features__feature__icon svg path { fill: var(--abb-white); stroke-width: 0 !important; }

.stats_banner__content__left__features__feature__icon i { height: 24px; width: 24px; color: var(--abb-white); font-size: 24px; display: block; }

.stats_banner__content__left__features__feature__text { font-size: 16px; line-height: 1.5; font-weight: 400; color: var(--abb-white); }

.stats_banner__content__right { display: flex; flex-direction: column; justify-content: center; height: 100%; pointer-events: none; }

.stats_banner__content__right__stats { display: flex; flex-direction: column; gap: 32px; height: 100%; }

.stats_banner__content__right__stats .slick-list { height: 100% !important; }

.stats_banner__content__right__stats__stat { display: flex !important; flex-direction: column; height: auto !important; border: none !important; padding-top: 32px; opacity: 0.25; transition: all .3s ease-in-out; }

.stats_banner__content__right__stats__stat.slick-center { opacity: 1; }

.stats_banner__content__right__stats__stat__large h4 { font-weight: 600; font-size: var(--h1-font-size); line-height: 1.1; margin-top: 0; margin-bottom: 0; color: var(--abb-white); }

.stats_banner__content__right__stats__stat__small { font-size: 16px; line-height: 1.5; font-weight: 400; color: var(--abb-white); margin: 0; }

.stats_banner__content__right__stats__stat__small p, .stats_banner__content__right__stats__stat__large p { margin: 0; }

.module .text h2, .module .text .h2 { margin-top: 0; margin-bottom: 24px; font-size: var(--h2-font-size); line-height: 1.3; font-weight: 600; color: var(--abb-blue); }

.module .text p { margin-top: 0; margin-bottom: 24px; font-size: 16px; line-height: 1.6; color: var(--abb-blue); }

.module .text__points { display: flex; padding-top: 64px; gap: 24px; }

.module .text__points h4 { position: relative; font-weight: 600; font-size: 24px; line-height: 130%; }

.module .text__points h4::before { content: ""; display: inline-block; width: 16px; height: 16px; margin-right: 12px; border-radius: 100%; border: 2px solid white; box-shadow: 2px 2px 4px -1px #00000040; background-color: var(--abb-lime); }

.module .text__points h4:nth-child(2)::before { background-color: var(--abb-orange); }

.module .text__points h4:nth-child(3)::before { background-color: var(--abb-blue); }

/*# sourceMappingURL=style.min.css.map */