.desktop-nav .menu-search-form svg {
  fill: #ffffff !important;
}


input.navbar-tracking-input {
 margin: 0 auto !important;
 height:  30px !important;
 display: flex;
 flex-direction: row;
 width: 100%;
 font-size: 1rem !important;
  border-radius: 3px !important;
  border: none !important;
  padding: 5px 5px !important;
}
.input-wrap-right .input-wrap-left {
 padding: 0;
}

* {
    font-family: IBM Plex Sans, sans-serif
}

.site-container {
    margin: 0 auto;
    max-width: 1920px;
    width: 100%
}

.menu--menu {
    background-color: red
}

form {
    background-color: none !important;
    background: none !important
}

.form-title, .submitted-message, form {
    BACKGROUND: NONE !important
}

div#hs_cos_wrapper_widget_1690822259873 {
    margin: 0 auto;
    text-align: right;
    width: 100%
}

#hs_cos_wrapper_widget_1690822312332 .social-links {
    justify-content: flex-end !important;
}

#hs_cos_wrapper_widget_1690822397518 {
    text-align: right !important;
}

header {
    background-color: #fff !important
}

@media (max-width: 767px) {
    .header__container {
        align-items: center !important;
        flex-direction: column;
        padding: 1rem 0 0
    }
}

.site-header {
    max-width: 1920px;
    position: fixed;
    top: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    z-index: 10
}

.admin-bar .site-header {
    top: 46px
}

@media (min-width: 783px) {
    .admin-bar .site-header {
        top: 32px
    }
}

.site-header.header-not-scroll-top {
    -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2);
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2)
}

.site-header.header-not-scroll-top .desktop-nav {
    background: #fff
}

.site-header + * > section:first-child > :last-child {
    margin-top: 90px
}

@media (max-width: 1199px) {
    .site-header + * > section:first-child > :last-child {
        margin-top: 60px
    }
}

.site-header ul {
    list-style: none;
    margin: 0
}

.site-header ul li {
    margin: 0
}

.site-header .menu-item a, .site-header .menu-item input, .site-header .menu-item label {
    color: #231f20;
    font-size: 15px;
    text-decoration: none
}

.site-header .logo {
    padding: 0 20px
}

.site-header .mobile-nav {
    display: block
}

.site-header .desktop-nav {
    display: none
}

@media (min-width: 1200px) {
    .site-header .mobile-nav {
        display: none
    }

    .site-header .desktop-nav {
        display: block
    }
}

.desktop-nav {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    height: 90px;
    justify-content: space-between;
    -webkit-transition: background .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background .3s ease-in-out, -webkit-box-shadow .3s ease-in-out;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out;
    transition: background .3s ease-in-out, box-shadow .3s ease-in-out, -webkit-box-shadow .3s ease-in-out
}

.light-header .site-header.header-scroll-top .desktop-nav .header-primary .menu > .menu-item > a {
    color: #fff
}

.light-header .site-header.header-scroll-top .desktop-nav .logo svg .logo-text {
    fill: #fff
}

.desktop-nav .container-full {
    padding: 0 30px
}

.desktop-nav .logo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 60px;
    margin-top: 30px;
    padding-right: 0
}

.desktop-nav .logo svg {
    width: 110px
}

.desktop-nav .logo svg path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.desktop-nav .menu-container {
    -webkit-box-flex: 1;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 1 0px;
    flex: 1 1 0;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    justify-content: flex-end;
    max-width: 100%;
    padding-left: 20px;
    padding-right: 20px
}

.desktop-nav .header-menu {
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.desktop-nav .header-secondary {
    background: #003831;
    height: 30px;
    left: 0;
    margin: 0 auto;
    max-width: 1920px;
    padding: 0 30px;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.admin-bar .desktop-nav .header-secondary {
    top: 46px
}

@media (min-width: 783px) {
    .admin-bar .desktop-nav .header-secondary {
        top: 32px
    }
}

.desktop-nav .header-secondary .menu {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    height: 100%;
    justify-content: flex-end
}

.desktop-nav .header-secondary .menu .menu-item .sub-menu {
    min-height: 0;
    padding: 15px 0;
    width: 200px
}

.desktop-nav .header-secondary .menu .menu-item .sub-menu .menu-item.hover a, .desktop-nav .header-secondary .menu .menu-item .sub-menu .menu-item:hover a {
    background: #bfffbf;
    color: #003831
}

.desktop-nav .header-secondary .menu .menu-item .sub-menu a {
    color: #003831;
    font-size: 14px;
    font-weight: 400;
    padding: 10px 20px
}

.desktop-nav .header-secondary a, .desktop-nav .header-secondary label {
    color: #fff;
    font-size: 13px;
    font-weight: 300
}

.desktop-nav .header-primary {
    height: 60px;
    margin-top: 30px
}

.desktop-nav .header-primary .menu {
    height: 100%
}

.desktop-nav .header-primary .menu > .menu-item {
    position: relative
}

.desktop-nav .header-primary .menu > .menu-item.menu-item-has-children:before {
    background: transparent;
    bottom: 0;
    content: "";
    left: 0;
    pointer-events: none;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    z-index: -1
}

.desktop-nav .header-primary .menu > .menu-item.menu-item-has-children.hover:before, .desktop-nav .header-primary .menu > .menu-item.menu-item-has-children:hover:before {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .2)
}

.desktop-nav .header-primary .menu > .menu-item:after {
    border: 10px solid transparent;
    border-bottom-color: #edf1f3;
    bottom: 0;
    content: "";
    height: 0;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    width: 0
}

.desktop-nav .header-primary .menu > .menu-item.current-menu-ancestor > a:before, .desktop-nav .header-primary .menu > .menu-item.current-menu-item > a:before {
    background: #bfffbf;
    content: "";
    display: block;
    height: 4px;
    position: absolute;
    top: 65%;
    width: calc(100% - 30px)
}

.desktop-nav .header-primary .menu > .menu-item.hover:after, .desktop-nav .header-primary .menu > .menu-item:hover:after {
    opacity: 1
}

.desktop-nav .header-primary .menu > .menu-item > a {
    font-weight: 600;
    text-transform: uppercase
}

.desktop-nav .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -15px
}

.desktop-nav .menu > .menu-item > .sub-menu {
    background: #edf1f3;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 260px
}

.desktop-nav .menu > .menu-item > .sub-menu > .menu-item.menu-item-has-children > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.desktop-nav .menu > .menu-item > .sub-menu > .menu-item.menu-item-has-children > a:after {
    -webkit-box-flex: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23028353' viewBox='0 0 20 20'%3E%3Cpath d='m7.47 17.11-1.1-1.02L12.06 10 6.37 3.91l1.1-1.03L14.11 10l-6.64 7.11z'/%3E%3C/svg%3E");
    display: block;
    -ms-flex: none;
    flex: none;
    height: 20px;
    margin-left: 5px;
    margin-right: -5px;
    width: 20px
}

.desktop-nav .menu > .menu-item > .sub-menu > .menu-item > .sub-menu {
    left: 260px;
    width: 360px
}

.desktop-nav .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item.hover a, .desktop-nav .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item:hover a {
    color: #028353
}

.desktop-nav .menu > .menu-item > .sub-menu > .menu-item.hover > a, .desktop-nav .menu > .menu-item > .sub-menu > .menu-item:hover > a {
    background: #bfffbf;
    color: #003831
}

.desktop-nav .menu > .menu-item > .sub-menu > .menu-item.hover > .sub-menu, .desktop-nav .menu > .menu-item > .sub-menu > .menu-item:hover > .sub-menu {
    top: 0
}

.desktop-nav .menu > .menu-item:last-child > .sub-menu > .menu-item > .sub-menu, .desktop-nav .menu > .menu-item:nth-last-child(2) > .sub-menu > .menu-item > .sub-menu, .desktop-nav .menu > .menu-item:nth-last-child(3) > .sub-menu > .menu-item > .sub-menu {
    left: auto;
    right: 250px
}

.desktop-nav .menu > .menu-item.two-columns > .sub-menu {
    grid-column-gap: 0;
    -webkit-columns: 2;
    -moz-columns: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    width: 500px
}

.desktop-nav .menu > .menu-item.two-columns > .sub-menu > .menu-item {
    display: inline-block;
    width: 100%
}

.desktop-nav .menu-item {
    margin: 0;
    padding: 0
}

.desktop-nav .menu-item.hover > .sub-menu, .desktop-nav .menu-item:hover > .sub-menu {
    opacity: 1;
    top: 100%;
    -webkit-transition: opacity .2s ease-in-out, top 0s;
    transition: opacity .2s ease-in-out, top 0s
}

.desktop-nav .menu-item:last-child .sub-menu {
    left: auto;
    right: 0;
    -webkit-transform: none;
    transform: none
}

.desktop-nav .menu-item a, .desktop-nav .menu-item label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    padding: 0 15px
}

.desktop-nav .sub-menu {
    background: #fff;
    left: -5px;
    opacity: 0;
    padding: 25px 0;
    position: absolute;
    top: -9999em;
    -webkit-transition: opacity .2s ease-in-out, top 0s .2s;
    transition: opacity .2s ease-in-out, top 0s .2s;
    width: 100%
}

.desktop-nav .sub-menu a, .desktop-nav .sub-menu p {
    font-size: 16px;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 8px 30px
}

.desktop-nav .sub-menu p {
    font-size: 12px
}

.desktop-nav .menu-search-form {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    justify-content: center;
    margin: 0;
    position: relative
}

.desktop-nav .menu-search-form label {
    cursor: pointer;
    margin: 0
}

.desktop-nav .menu-search-form svg {
    display: block;
    height: 100%;
    margin-right: 8px;
    width: 14px
}

.desktop-nav .menu-search-form input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #fff;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    font-weight: 300;
    margin: 0;
    outline: none;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 0
}

.desktop-nav .menu-search-form input:focus {
    margin-right: 15px;
    pointer-events: all;
    width: 160px
}

.desktop-nav .menu-search-form input:placeholder {
    color: hsla(0, 0%, 100%, .5)
}

.desktop-nav .menu-search-form button {
    position: absolute
}

.desktop-nav .login > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #bfffbf;
    color: #003831;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 600;
    margin-right: -15px;
    padding: 0 30px
}

.desktop-nav .login > a:before {
    -webkit-box-flex: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23003831' viewBox='0 0 20 20'%3E%3Cpath d='M11.51 11a5.35 5.35 0 1 0-3 0l-8 3.38v5.46h1.24v-4.66L10 11.66l8.24 3.81v4.34h1.26v-5.13zM5.9 5.87A4.1 4.1 0 1 1 10 10a4.1 4.1 0 0 1-4.1-4.13z'/%3E%3C/svg%3E");
    display: block;
    -ms-flex: none;
    flex: none;
    height: 1.5em;
    margin-right: 8px;
    width: 12px
}

.mobile-nav {
    height: 60px;
    overflow-x: hidden;
    -webkit-transition: background .3s ease-in-out, height .3s ease-in-out;
    transition: background .3s ease-in-out, height .3s ease-in-out
}

.light-header .site-header.header-scroll-top .mobile-nav .hamburger:not(.opened) {
    color: #fff
}

.light-header .site-header.header-scroll-top .mobile-nav .logo svg .logo-text {
    fill: #fff
}

.header-not-scroll-top .mobile-nav {
    background: #fff;
    height: 50px
}

.mobile-nav .container-fluid, .mobile-nav .row {
    height: 100%;
}

.mobile-nav .logo svg {
    width: 90px;
  align-self:center;
  vertical-align: center !important;
}

.mobile-nav .logo svg path {
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mobile-nav:before {
    content: "";
    left: 0;
    pointer-events: none;
    top: 0;
    z-index: -1
}

.mobile-nav .menu-container, .mobile-nav:before {
    bottom: 0;
    position: fixed;
    right: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mobile-nav .menu-container {
    background: #fff;
    max-width: 350px;
    overflow-y: auto;
    padding: 10px 0;
    top: 60px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    width: 100%
}

.admin-bar .mobile-nav .menu-container {
    top: 106px
}

@media (min-width: 783px) {
    .admin-bar .mobile-nav .menu-container {
        top: 92px
    }
}

.header-not-scroll-top .mobile-nav .menu-container {
    top: 50px
}

.admin-bar .header-not-scroll-top .mobile-nav .menu-container {
    top: 96px
}

@media (min-width: 783px) {
    .admin-bar .header-not-scroll-top .mobile-nav .menu-container {
        top: 82px
    }
}

.mobile-nav.opened {
    background: #fff
}

.mobile-nav.opened:before {
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    background: rgba(0, 0, 0, .2);
    pointer-events: all
}

.mobile-nav.opened .menu-container {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mobile-nav .hamburger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: none;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 15px 0 0;
    padding: 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

.mobile-nav .hamburger:focus, .mobile-nav .hamburger:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none
}

.mobile-nav .hamburger span {
    display: block;
    margin-right: 6px
}

.mobile-nav .hamburger svg {
    height: 40px;
    padding: 5px;
    width: 40px
}

.mobile-nav .hamburger path {
    stroke-width: 5
}

.mobile-nav .hamburger.opened .opened {
    stroke: currentColor
}

.mobile-nav .hamburger.closed .opened, .mobile-nav .hamburger.opened .closed {
    stroke: transparent
}

.mobile-nav .hamburger.closed .closed {
    stroke: currentColor
}

.mobile-nav .menu > .menu-item > .sub-menu {
    background: #edf1f3
}

.mobile-nav .menu > .menu-item > .sub-menu > .menu-item > a {
    font-size: 15px
}

.mobile-nav .menu > .menu-item > .sub-menu > .menu-item > .sub-menu > .menu-item > a {
    font-size: 14px;
    padding-bottom: 8px;
    padding-top: 8px
}

.mobile-nav .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mobile-nav .menu-item a, .mobile-nav .menu-item p {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 10px 20px;
    width: 160px
}

.mobile-nav .menu-item p {
    font-size: 12px
}

.mobile-nav .dropdown {
    background: none;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #231f20;
    cursor: pointer;
    margin: 0;
    padding: 10px 20px 10px 10px
}

.mobile-nav .dropdown:focus, .mobile-nav .dropdown:hover {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none
}

.mobile-nav .dropdown svg {
    height: 20px;
    width: 20px
}

.mobile-nav .dropdown[aria-expanded=true] svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-nav .dropdown[aria-expanded=true] ~ .sub-menu {
    height: auto;
    overflow-y: auto;
    top: 0
}

.mobile-nav .sub-menu {
    -webkit-box-flex: 1;
    display: block;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 0;
    overflow-y: hidden;
    padding-left: 20px
}

.mobile-nav .menu-search-form {
    background: none;
    margin: 0;
    width: 100%
}

.mobile-nav .menu-search-form label {
    left: -9999em;
    position: absolute
}

.mobile-nav .menu-search-form input {
    border: 0;
    border-radius: 0;
    font-weight: 400;
    margin: 0;
    padding: 10px 20px;
    width: 100%
}

.mobile-nav .login > a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.mobile-nav .login > a:before {
    -webkit-box-flex: 0;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23003831' viewBox='0 0 20 20'%3E%3Cpath d='M11.51 11a5.35 5.35 0 1 0-3 0l-8 3.38v5.46h1.24v-4.66L10 11.66l8.24 3.81v4.34h1.26v-5.13zM5.9 5.87A4.1 4.1 0 1 1 10 10a4.1 4.1 0 0 1-4.1-4.13z'/%3E%3C/svg%3E");
    display: block;
    -ms-flex: none;
    flex: none;
    height: 1.5em;
    margin-right: 8px;
    width: 12px
}

body.hide-header .hamburger, body.hide-header .menu-container {
    display: none
}

::-moz-selection {
    background-color: #bfffbf;
    color: #00503a
}

::selection {
    background-color: #bfffbf;
    color: #00503a
}

input::-webkit-inner-spin-button, input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

input {
    -moz-appearance: textfield
}

a.wp-block-button__link.has-evergreen-background-color.has-background.wp-element-button {
    background-color: #028353 !important;
    color: #fff
}

@media (max-width: 767px) {
    .menu-footer-container {
        margin-bottom: 25px !important
    }

    .serviceAdvisoryAlert {
        text-align: left !important
    }

    #slider-submit-btn {
        margin-top: 10px !important
    }

    .tracking-input {
        border: none;
        border-radius: 0 !important;
        padding: 2rem 0
    }

    #slider-tracking-chat {
        display: inline-block;
        width: 100%
    }

    .home-delivery-tracker-data {
        gap: 15px
    }

    h3.home-delivery-tracker-title {
        font-size: 27px !important
    }
}

@media (max-width: 1200px) {
    #tracking-module-nav-wrap {
        display: none !important
    }

    #navbar-tracking {
        font-size: 15px !important;
        text-decoration: none !important
    }

    #navbar-tracking, #navbar-tracking:active, #navbar-tracking:focus, #navbar-tracking:hover {
        color: #231f20 !important
    }

    #navbar-tracking:focus-visible {
        color: #231f20 !important
    }
}

#navbar-tracking:focus-visible #navbar-tracking:active #navbar-tracking:hover {
    color: #bfffbf !important
}

#tracking-module-nav-wrap {
    background-color: #00503a;
    border: 3px solid #00503a;
    border-top: 0;
    left: auto;
    margin: 0;
    padding: 1.5rem;
    position: absolute !important;
    right: 20px;
    transform: none;
    width: 30%;
}

#tracking-module-nav-wrap input {
    background-color: #fff;
    border-bottom: 1px solid #fff !important;
    border-radius: 0 !important;
    color: #00503a !important;
    font-size: 1em !important;
    margin-bottom: 10px !important;
    padding: 15px 30px;
    font-size: 14px !important;
    border-radius: 3px !important;
}

#tracking-module-nav-wrap input:focus {
    border-color: #bfffbf;
    border-radius: 0 !important
}

.need-help {
    display: inline-block
}

#navbar-tracking-title {
    color: #fff !important;
    font-family: ff-good-headline-web-pro, sans-serif !important;
    font-size: 28px !important;
    font-weight: 600 !important;
    margin: 10px 0 15px !important
}

.navbar-tracking-module-text-help {
    color: #fff !important;
    cursor: pointer !important;
    font-size: 1em !important;
    font-weight: 400 !important;
    text-align: center !important
}

#navbar-tracking-chat:hover {
    text-decoration: underline
}

.slider-tracking-wrap {
    align-items: center;
    display: flex;
    margin: 0;
    padding: 30px 15px 30px 30px;
    width: 90%
}

.slider-tracking-wrap input {
    border-bottom: 1px solid #fff;
    border-radius: 0;
    color: #fff !important;
    margin: 0 !important;
    outline: none !important
}

.slider-tracking-wrap input:focus-within::-moz-placeholder {
    color: #edf1f3
}

.slider-tracking-wrap input:focus-within::placeholder {
    color: #edf1f3
}

.slider-tracking-wrap input:enabled {
    -moz-outline-radius: 0;
    border-color: #fff;
    border-radius: 0 !important;
    color: #fff;
    outline-color: #bfffbf;
    outline-offset: 0;
    outline-style: none !important;
    outline-width: 1px
}

.actionsrow {
    align-content: center;
    align-items: baseline
}

.homepageTrackerSubmit {
    width: 100% !important
}

.home-delivery-tracker-title {
    font-family: ff-good-headline-web-pro, sans-serif !important;
    font-size: 2rem !important;
    margin: 0;
    padding-bottom: 5px
}

.home-delivery-tracker-data {
    align-items: baseline;
    padding-bottom: 10px
}

#slider-tracking-chat {
    cursor: pointer;
    font-weight: 700 !important;
    text-decoration: none !important
}

#slider-tracking-chat:hover {
    text-decoration: underline !important
}

.serviceAdvisoryAlert {
    text-align: right
}

.serviceAdvisoryLink {
    margin-bottom: 10px;
    text-decoration: none !important
}

.serviceAdvisoryLink:hover {
    text-decoration: underline !important
}

#navbar-tracking-submit {
    width: 100% !important;
    background-color: #bfffbf !important;
    height: auto !important;
    color: #00503a;
    text-transform: uppercase;
    font-weight: 600;
    padding: 10px 30px;
}

.desktop-nav .login > a:hover {
    color: #028353
}

.desktop-nav .login > a:hover .desktop-nav .login > a:before, .desktop-nav .login > a:hover .desktop-nav .login > a:before:hover {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%ffffff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.51 11a5.35 5.35 0 10-3 0l-8 3.38v5.46h1.24v-4.66L10 11.66l8.24 3.81v4.34h1.26v-5.13zM5.9 5.87A4.1 4.1 0 1110 10a4.1 4.1 0 01-4.1-4.13z'/%3E%3C/svg%3E") !important
}

.contact-page-meta-heading {
    margin: 0 0 5px !important;
    padding: 0 !important
}

.contact-page-meta-content {
    line-height: 27.5px !important
}

.contact-meta-col {
    padding: 0 !important
}

.contact-meta {
    padding-left: 0 !important
}

.contact-meta-col h4.wp-block-heading {
    font-size: 1rem;
    margin-bottom: 0 !important
}

.contact-info {
    font-family: IBM Plex Sans, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 27.2px !important
}

h3.contact-info-title {
    color: #101010;
    font-size: 17px;
    font-weight: 600;
    margin: 0;
    padding: 0
}

span.contact-info-details a {
    color: #231f20 !important;
    font-size: 16px;
    margin: 0;
    padding: 0;
    text-decoration: none
}

.contact-info-details:hover, .tel {
    color: #028353 !important
}

.tel {
    text-decoration: none !important
}

.tel:hover {
    text-decoration: underline !important
}

.wp-block-ws-tabbed-panels .panels {
    margin-top: 0 !important
}

.wp-block-ws-tabbed-panels .panels .h2 {
    margin: 0 !important
}

.gfield_required .gfield_required_text {
    color: #bfffbf !important
}

.how-can-we-help-dropdown .gform-field-label {
    font-family: IBM Plex Sans, Arial, Helvetica, sans-serif;
    font-size: 24px !important;
    line-height: 39px !important
}

legend {
    font-size: 15px !important;
    font-weight: 600 !important
}

h3.gsection_title {
    margin-bottom: 0 !important;
    margin-top: 0 !important
}

.gform_fields {
    grid-row-gap: 20px !important
}

.gform-button--width-full, .gform_button button {
    background-color: #bfffbf !important;
    color: #00503a !important;
    margin-bottom: 20px !important;
    width: 100% !important
}

.gsection {
    border-bottom-color: #fff !important
}

.validation_message .gfield_validation_message {
    color: #bfffbf !important
}

.panels h2 {
    margin-bottom: 20px !important
}

.gform-icon, .gform_validation_errors {
    border-color: #bfffbf !important
}

.gfield_validation_message, .gform-icon {
    color: #bfffbf !important
}

.gfield_error input[type]:where(:not(.gform-text-input-reset)) {
    border-color: red !important
}

.form-helper-wrap {
    background-color: #fff;
    height: auto;
    padding: 10%;
    width: 100%
}

.form-helper-base {
    color: #000
}

.form-helper-title {
    color: #000;
    font-size: 24px !important;
    font-weight: 800
}

.how-can-we-help-dropdown .gform-field-label {
    font-family: ff-good-headline-web-pro, sans-serif !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 50.6px !important
}

.form-helper-content {
    font-size: 17px !important
}

.form-helper-button {
    background-color: #bfffbf;
    color: #00503a
}

#contactClickChat .wp-block-button__link, #contactClickClaim .wp-block-button__link, #trackingBlockTrackButton {
    background-color: #028353 !important;
    color: #fff !important
}

.wp-block-ws-tabbed-panels .panel .card, .wp-block-ws-tabbed-panels .panel > * {
    height: auto !important
}

.contact-form-container .card-body {
    padding: 30px !important
}

.wp-block-heading .contact-panel-heading {
    padding-bottom: 20px !important
}

.card-body h2 {
    padding-bottom: 10px !important
}

.contact-block-final-mile h2 {
    margin-bottom: 10px !important
}

.contact-block-form {
    padding-bottom: 10px;
    padding-top: 50px
}

.service-advisory-widget-wrapper {
    background-color: #fff !important;
    background-image: none !important;
    border-top: 12px solid #dc6358 !important;
    color: #00503a !important
}

.service-advisory-content p {
    color: #000 !important
}

.service-advisory-widget-title {
    color: #dc6358 !important
}

.service-advisory-link-anchor {
    color: #00503a !important
}

div#service-advisory-widget-icon:before {
    color: #dc6358;
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 236.09 272.31'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:%23dc6358}%3C/style%3E%3C/defs%3E%3Cg id='Layer_2' data-name='Layer 2'%3E%3Cpath d='M0 136.08V69.64a2 2 0 0 1 1.22-2c5.1-2.92 10.16-5.92 15.25-8.87s9.92-5.7 14.86-8.58 9.79-5.75 14.7-8.6c4.27-2.49 8.56-4.92 12.83-7.4 5.58-3.25 11.14-6.54 16.73-9.79C82 20.68 88.42 17 94.82 13.28s12.93-7.56 19.39-11.34c.92-.54 1.88-1 2.77-1.61a1.55 1.55 0 0 1 1.82-.06c3.4 2 6.82 4 10.23 6L140.66 13l13 7.55q5.92 3.42 11.85 6.86c3.91 2.28 7.81 4.59 11.72 6.86l13 7.54 11.53 6.7c3.91 2.28 7.81 4.58 11.72 6.85 4.34 2.53 8.69 5 13 7.55 2.88 1.68 5.73 3.4 8.65 5a1.36 1.36 0 0 1 .85 1.41v133.14a2.25 2.25 0 0 1-1.32 2.22c-6.59 3.81-13.15 7.68-19.73 11.5-5.55 3.22-11.13 6.4-16.68 9.63-5.87 3.4-11.71 6.86-17.58 10.27-4.94 2.87-9.91 5.7-14.86 8.57s-9.79 5.75-14.7 8.61c-4.33 2.53-8.7 5-13 7.53q-8.85 5.16-17.68 10.35a14.1 14.1 0 0 1-1.94 1.06 1.54 1.54 0 0 1-1.21-.08c-2.87-1.62-5.7-3.3-8.54-5l-11.63-6.76-13-7.56-11.69-6.8-11.74-6.82q-5.82-3.37-11.63-6.78l-11.31-6.57-10.46-6.06-13-7.58-11.75-6.8a13.37 13.37 0 0 1-1.81-1.05 2.72 2.72 0 0 1-.66-1.23 2.53 2.53 0 0 1 0-.87ZM219.42 78c-.52-.25-1-.44-1.4-.69-5.55-3.24-11.08-6.5-16.63-9.73-5.3-3.08-10.62-6.11-15.92-9.19-5.87-3.42-11.71-6.87-17.58-10.28s-12-6.91-17.95-10.38c-5.55-3.23-11.07-6.5-16.62-9.73-4.73-2.75-9.51-5.42-14.18-8.26a1.89 1.89 0 0 0-2.3 0c-4.26 2.5-8.51 5-12.78 7.49-5.55 3.22-11.12 6.4-16.67 9.62-5.3 3.09-10.57 6.22-15.87 9.3-5.55 3.23-11.13 6.4-16.68 9.63C49 59.13 43.14 62.58 37.27 66c-6.55 3.8-13.12 7.56-19.67 11.35a1.72 1.72 0 0 0-1 1.67c.05 9.07 0 18.15 0 27.23v86.74a2.06 2.06 0 0 0 1.15 2.09q8.85 5 17.65 10.15c5.3 3.08 10.57 6.21 15.87 9.29 6.54 3.81 13.12 7.57 19.66 11.37 5.59 3.24 11.15 6.54 16.73 9.78 4.27 2.49 8.57 4.92 12.83 7.4q8.33 4.85 16.6 9.76a1.61 1.61 0 0 0 1.86-.07q4.29-2.56 8.61-5.07c5-2.87 9.92-5.71 14.86-8.58 4.3-2.5 8.57-5.06 12.88-7.56 4.52-2.62 9.07-5.19 13.59-7.82 5.3-3.08 10.56-6.21 15.86-9.29 4.94-2.88 9.92-5.71 14.86-8.58 6.12-3.56 12.21-7.16 18.35-10.68a2.41 2.41 0 0 0 1.44-2.4q-.06-56.67 0-113.35Z' class='cls-1'/%3E%3Cpath d='M110.85 70.85h14.4v87.25h-14.4zM110.85 177.03h14.4v13.66h-14.4z' class='cls-1'/%3E%3C/g%3E%3C/svg%3E");
    display: block;
    height: 35px;
    margin: 0 25px 0 0;
    width: 35px
}

.contact-info-meta {
    display: inline-flex !important;
    justify-content: center !important
}

.contact-address-meta {
    margin: 0 20px 0 0 !important
}

.contact-address-meta, .contact-phones-meta {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.contact-phones-meta {
    margin: 0 !important
}

.ws-block-icon.contact-info .side-text {
    margin-left: 4px !important;
    padding-right: 0 !important;
    width: 100% !important
}

.contact-us-page-card .card-body {
    padding-bottom: 20px !important
}

.portal-access-card {
    background-color: #d6d2d2
}

.portal-card-col, .wp-block-column {
    padding-left: 0 !important;
    padding-right: 0 !important
}

.login-cards-wrapper svg {
    color: #028353 !important
}

.login-cards-wrapper .ws-block-icon-button {
    padding: 20px 5px 10px !important
}

.ws-block-icon-button:focus, .ws-block-icon-button:hover {
    background-color: #fff !important
}

.ws-block-icon-button:focus, .ws-block-icon-button:hover a {
    -webkit-box-shadow: inset 0 -10px 0 #bfffbf;
    box-shadow: inset 0 -10px 0 #bfffbf
}

.ws-block-icon-button .h4 {
    font-size: 24px !important;
    font-weight: 400 !important
}

.primary-footer .footer-widgets #menu-legal .menu-item {
    margin-right: 4px !important
}

.primary-footer .footer-widgets .widget {
    padding: 30px !important
}

.wp-block-finalmile-serviceadvisory-shipnsd-serviceadvisory {
    background-color: #21759b;
    color: #fff;
    padding: 2px
}

section#service-advisory-widget {
    display: none;
    height: auto;
    margin: 0 !important;
    padding: 0 !important
}

.service-advisory-widget-wrapper {
    background-color: #00503a;
    background-image: url(https://wahubgroup.dev.onpressidium.com/wp-content/themes/HUBG-23/assets/green_blur.jpg);
    background-position: 50%;
    background-repeat: repeat;
    background-size: cover;
    color: #fff;
    filter: drop-shadow(3px 6px 6px rgba(0, 0, 0, .25));
    float: right;
    max-width: 800px;
    position: relative
}

.service-advisory-widget-base {
    margin: 0;
    padding: 30px
}

.service-advisory-widget-header {
    align-items: center;
    display: flex;
    justify-content: flex-start;
    padding: .5em 0
}

.service-advisory-widget-icon {
    height: auto;
    margin-right: 1rem;
    max-width: 35px
}

.service-advisory-widget-title span {
    font-size: 30px;
    font-weight: 600;
    line-height: 1.6em
}

.service-advisory-content {
    padding: 1em 0
}

.service-advisory-content p {
    color: #fff;
    font-size: 17px;
    font-weight: 300;
    line-height: 1.6em;
    margin-bottom: 0
}

.service-advisory-bottom {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: space-between;
    padding: 5px 0
}

.service-advisory-link-anchor {
    color: #fff;
    text-decoration: underline
}

.service-advisory-link-anchor:hover {
    color: #ccfcc5
}

.service-advisory-button button {
    background-color: #028353;
    color: #fff;
    margin: 0;
    padding: 10px
}

.tablepress > :where(thead,tfoot) > * > th {
    background-color: #edf1f3 !important;
    color: #003831
}

.service_advisory_list {
    border: 1px solid #e2e8f0;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important
}

.service_advisory_list * {
    clear: both;
    margin: 0 !important;
    padding: 0
}

.type-service-advisory h2 {
    color: #221f1f;
    margin: 0
}

h2.sa_entry_title.wp-block-post-title {
    padding-bottom: 0 !important
}

.type-service-advisory:hover {
    background-color: #e2e8f0
}

.type-service-advisory {
    align-content: center;
    background-color: #fff;
    border: 1px solid #e2e8f0;
    border-radius: 0;
    color: #221f1f;
    display: flex;
    flex-direction: column;
    height: 100%;
    margin: 0 0 20px;
    padding: 1rem
}

.sa_grid_headings {
    background-color: #005740 !important;
    color: #fff;
    display: inline-flex;
    margin: 0;
    padding: 1rem
}

.sa_grid_headings h4 {
    color: #fff;
    font-size: 17px;
    font-weight: 700;
    margin: 0
}

.sa_grid_noresults p {
    padding: 2rem;
    text-align: center
}

.sa_entry_date {
    border-radius: 5px;
    font-weight: 400 !important;
    margin: 0 auto;
    width: fit-content
}

.sa_entry_content p {
    font-weight: 500 !important
}

.navbar-tracking-module-inputs {
    display: flex !important;
    overflow: hidden !important
}

#navbar-tracking-chat, input[type=text] {
    font-size: 17px !important
}

input[type=text] {
    margin: 0 !important;
    padding: 0 !important;
}

.mobile-nav.opened {
    background: #fff
}

.mobile-nav.opened:before {
    background: rgba(0, 0, 0, .2);
    -webkit-backdrop-filter: blur(2px);
    backdrop-filter: blur(2px);
    pointer-events: all
}

.mobile-nav.opened .menu-container {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.mobile-nav .hamburger {
    background: none;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    margin: 0 15px 0 0;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
  color:#000;
  border:0;
}

.mobile-nav .hamburger:focus,
.mobile-nav .hamburger:hover {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none
}

.mobile-nav .hamburger span {
    display: block;
    margin-right: 6px
}

.mobile-nav .hamburger svg {
    height: 40px;
    width: 40px;
    padding: 5px
}

.mobile-nav .hamburger path {
    stroke-width: 5
}

.mobile-nav .hamburger.opened .opened {
    stroke: currentColor
}

.mobile-nav .hamburger.closed .opened,
.mobile-nav .hamburger.opened .closed {
    stroke: transparent
}

.mobile-nav .hamburger.closed .closed {
    stroke: currentColor
}

.mobile-nav .menu>.menu-item>.sub-menu {
    background: #edf1f3
}

.mobile-nav .menu>.menu-item>.sub-menu>.menu-item>a {
    font-size: 15px
}

.mobile-nav .menu>.menu-item>.sub-menu>.menu-item>.sub-menu>.menu-item>a {
    font-size: 14px;
    padding-top: 8px;
    padding-bottom: 8px
}

.mobile-nav .menu-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.mobile-nav .menu-item a,
.mobile-nav .menu-item p {
    width: 160px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 10px 20px;
    margin: 0
}

.mobile-nav .menu-item p {
    font-size: 12px
}

.mobile-nav .dropdown {
    cursor: pointer;
    margin: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #231f20;
    padding: 10px 20px 10px 10px;
    border: 0
}

.mobile-nav .dropdown:focus,
.mobile-nav .dropdown:hover {
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    transform: none
}

.mobile-nav .dropdown svg {
    width: 20px;
    height: 20px
}

.mobile-nav .dropdown[aria-expanded=true] svg {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.mobile-nav .dropdown[aria-expanded=true]~.sub-menu {
    height: auto;
    overflow-y: auto;
    top: 0
}

.mobile-nav .sub-menu {
    padding-left: 20px;
    display: block;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    height: 0;
    overflow-y: hidden
}

.mobile-nav .menu-search-form {
    width: 100%;
    margin: 0;
    background: none
}

.mobile-nav .menu-search-form label {
    position: absolute;
    left: -9999em
}

.mobile-nav .menu-search-form input {
    width: 100%;
    margin: 0;
    padding: 10px 20px;
    font-weight: 400;
    border: 0;
    border-radius: 0
}

.mobile-nav .login>a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.mobile-nav .login>a:before {
    content: url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%23003831' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M11.51 11a5.35 5.35 0 10-3 0l-8 3.38v5.46h1.24v-4.66L10 11.66l8.24 3.81v4.34h1.26v-5.13zM5.9 5.87A4.1 4.1 0 1110 10a4.1 4.1 0 01-4.1-4.13z'/%3E%3C/svg%3E");
    margin-right: 8px;
    display: block;
    width: 12px;star
    height: 1.5em;
    -webkit-box-flex: 0;
    -ms-flex: none;
    flex: none
}

body.hide-header .hamburger,
body.hide-header .menu-container {
    display: none
}
ul.menu {
  padding-inline-start: 0 !important;
}
.subhead {
  font-family: "IBM Plex Sans", Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 600; 
  text-transform: uppercase;
  line-height: 24px;
  letter-spacing: 1px;
  color: #003831 !important;
  text-decoration: none;
}