/*
** Theme Variables
*/
:root {
    --primary:    #F94314;
    --primary-a:  #d5340c;
    --secondary:  #008344;
    --secondary-a:#086f3e;
    --body: #151515;
    --lightgray: #F9F9F9;

    --formfieldbg: var(--white);
    --formfieldplaceholder: #BCBCBC;
    --formtextcolor: var(--body);
    --formfieldborder: #DADADA;

    --siteradius: 8px;

    --white: #ffffff;
    --black: #000000;

    scroll-behavior: unset;
    scroll-padding-top: 100px;
}

/*
** Fonts
*/
@font-face {
    font-family: 'switzer-lt';
    src: url('../fonts/Switzer-Light.woff') format('woff'),
        url('../fonts/Switzer-Light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: 'switzer';
    src: url('../fonts/Switzer-Regular.woff') format('woff'),
        url('../fonts/Switzer-Regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: 'switzer-md';
    src: url('../fonts/Switzer-Medium.woff') format('woff'),
        url('../fonts/Switzer-Medium.ttf') format('truetype');
        font-weight: 500;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: 'switzer-sb';
    src: url('../fonts/Switzer-Semibold.woff') format('woff'),
        url('../fonts/Switzer-Semibold.ttf') format('truetype');
        font-weight: 600;
        font-style: normal;
        font-display: swap;
}

@font-face {
    font-family: 'switzer-bd';
    src: url('../fonts/Switzer-Bold.woff') format('woff'),
        url('../fonts/Switzer-Bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
}
  
/*
** Font Icons
*/
@font-face {
    font-family: 'gmsw';
    src: url('../fonts/icons/gmsw.ttf') format('truetype'),
    url('../fonts/icons/gmsw.woff') format('woff'),
    url('../fonts/icons/gmsw.svg') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
    font-family: 'gmsw';
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-connectivity:before {
  content: "\e92b";
}
.icon-ease:before {
  content: "\e92c";
}
.icon-scalability:before {
  content: "\e92d";
}
.icon-inhouse-team:before {
  content: "\e929";
}
.icon-inv-manage:before {
  content: "\e92a";
}
.icon-email:before {
  content: "\e927";
}
.icon-whatsapp:before {
  content: "\e928";
}
.icon-globe:before {
  content: "\e922";
}
.icon-item-nos:before {
  content: "\e923";
}
.icon-map-marker:before {
  content: "\e924";
}
.icon-serv-type:before {
  content: "\e925";
}
.icon-shipment-ref:before {
  content: "\e926";
}
.icon-join-equity:before {
  content: "\e91f";
}
.icon-join-growth:before {
  content: "\e920";
}
.icon-join-protection:before {
  content: "\e921";
}
.icon-check-sign:before {
  content: "\e918";
}
.icon-cross-sign:before {
  content: "\e919";
}
.icon-feat-gaurantee:before {
  content: "\e917";
}
.icon-feat-tracking:before {
  content: "\e91a";
}
.icon-feat-pricing:before {
  content: "\e91b";
}
.icon-feat-locations:before {
  content: "\e91c";
}
.icon-feat-quality:before {
  content: "\e91d";
}
.icon-feat-dedicated:before {
  content: "\e91e";
}
.icon-cross:before {
    content: "\e914";
}
.icon-form-success:before {
    content: "\e915";
}
.icon-form-error:before {
    content: "\e916";
}
.icon-proc-docs:before {
    content: "\e909";
}
.icon-proc-register:before {
    content: "\e90a";
}
.icon-except-leadership:before {
    content: "\e90b";
}
.icon-career-growth:before {
    content: "\e90c";
}
.icon-nat-presence:before {
    content: "\e90d";
}
.icon-franch-model:before {
    content: "\e90e";
}
.icon-industry-growth:before {
    content: "\e90f";
}
.icon-steady-demand:before {
    content: "\e910";
}
.icon-proc-onboard:before {
    content: "\e911";
}
.icon-proc-training:before {
    content: "\e912";
}
.icon-proc-back-check:before {
    content: "\e913";
}
.icon-quote:before {
    content: "\e900";
}

.icon-transparency:before {
    content: "\e901";
}

.icon-work-clock:before {
    content: "\e902";
}

.icon-ellipse:before {
    content: "\e903";
}

.icon-eye-detail:before {
    content: "\e904";
}

.icon-fast-secure:before {
    content: "\e905";
}

.icon-angle-down:before {
    content: "\e906";
}

.icon-arrow:before {
    content: "\e907";
}

.icon-cloud-server:before {
    content: "\e908";
}


/*
** Custom Reset
*/
img { max-width: 100%; height: auto; }
a, span, i, label { display: inline-block; }
a { color: var(--primary); text-decoration: none; transition: 0.3s ease-in-out; }
a:hover { color: var(--primary-a); }
a:focus { outline: none; }
strong, b { font-family: 'switzer-bd', sans-serif; font-weight: 700; }

header ul,
footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

p:last-child,
ul:last-child,
ol:last-child,
li:last-child {
  margin-bottom: 0;
}

button,
button:focus {
  outline: 0;
  box-shadow: none;
}

input:focus {
    outline: none;
    box-shadow: none;
}

li {
    margin-bottom: 10px;
}


/*
** Globals
*/

/*Typo*/
body {
    font-family: 'switzer-lt', sans-serif;
    font-size: 16px;
    line-height: 22px;
    color: var(--body);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: 'switzer-sb';
    font-weight: normal;
    font-style: normal;
}

h1, .h1 { font-family: 'switzer-sb'; }
h2, .h2 { font-family: 'switzer'; }

h1, .h1 { font-size: 40px; line-height: 1.278em; margin-bottom: 26px; }
h2, .h2 { font-size: 32px; line-height: 1.25em; margin-bottom: 14px; }
h3, .h3 { font-size: 28px; line-height: 1.32em; margin-bottom: 14px; }
h4, .h4 { font-size: 26px; line-height: 1.38em; margin-bottom: 14px; }
h5, .h5 { font-size: 22px; line-height: 1.4em; margin-bottom: 12px; }
h6, .h6 { font-size: 18px; line-height: 1.42em; margin-bottom: 10px; }

/*Site Image*/
.siteimg, .siteimg img { border-radius: var(--siteradius); overflow: hidden; }

/* Form Fields */
input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
select,
textarea {
    font-family: 'switzer', sans-serif;
    font-size: 14px;
    line-height: 40px;
    color: var(--formtextcolor);
    height: 40px;
    width: 100%;
    padding: 0 16px;
    border-radius: var(--siteradius);
    background-color: var(--formfieldbg);
    border: 1px solid var(--formfieldborder);
    outline: 0 !important;
    vertical-align: top;
}

input::placeholder,
textarea::placeholder {
    font-family: 'switzer-lt', sans-serif;
    color: var(--formfieldplaceholder);
}

textarea {
    padding-top: 11px;
    line-height: 26px;
    min-height: 120px;
    max-height: 200px;
    resize: vertical;
}

select {
    width: 100%;
    padding-right: 30px;
    background-image: url('../images/angle-down.svg');
    background-size: 10px;
    background-position: right 15px center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
}

/* Remove arrows for number input */
input[type="number"] {
    -moz-appearance: textfield; /* Firefox */
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none; /* WebKit browsers */
    margin: 0; /* Removes the inner padding in Chrome/Safari */
}

/*Custom Checkbox*/
.custom-checkbox {
    position: relative;
    display: inline-flex;
    align-items: center;
    padding-left: 22px;
}

.custom-checkbox input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.25rem;
    opacity: 0;
}

.custom-checkbox label {
    cursor: pointer;
}

.custom-checkbox label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0.25rem;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: transparent;
    border: 1px solid var(--secondary);
    outline: 1px solid transparent;
    border-radius: 100%;
}

.custom-checkbox label::after {
    content: "";
    display: block;
    position: absolute;
    top: 0.25rem;
    left: 0;
    width: 14px;
    height: 14px;
    background-color: var(--secondary);
    border: 2px solid var(--white);
    outline: 1px solid var(--secondary);
    border-radius: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.15s ease-in-out;
}

.custom-checkbox input:checked ~ label::after {
    opacity: 1;
    visibility: visible;
}

/*Background Utilities*/
.bg--primary { background-color: var(--primary); color: var(--white); }
.bg--secondary { background-color: var(--secondary); color: var(--white); }
.bg--lightgray { background-color: var(--lightgray); }

/*Text Utilities*/
.text-lt { font-family: 'switzer-lt', sans-serif; }
.text-rg { font-family: 'switzer', sans-serif; }
.text-md { font-family: 'switzer-md', sans-serif; }
.text-sb { font-family: 'switzer-sb', sans-serif; }
.text-bd { font-family: 'switzer-bd', sans-serif; }

.text-italic { font-style: italic; }
.text-justify { text-align: justify; }

.text--primary { color: var(--primary); }
.text--primary-alt { color: var(--primary-a); }
.text--secondary { color: var(--secondary); }
.text--body { color: var(--body); }
.text--white { color: var(--white); }

.text-18 { font-size: 18px; line-height: 28px; }

.text-uppercase { text-transform: uppercase; }

.list-unstyled { padding: 0; margin: 0; list-style: none; }

.bttn {
    font-family: 'switzer-md', sans-serif;
    font-size: 16px;
    line-height: 38px;
    min-width: 130px;
    height: 40px;
    padding: 0 30px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 0;
}

.bttn-primary {
    color: var(--white);
    background-color: var(--primary);
}

.bttn-primary:hover {
    color: var(--white);
    background-color: var(--primary-a);
}

.bttn-primary-inverse {
    color: var(--primary);
    border-color: var(--primary);
    background-color: transparent;
}

.bttn-primary-inverse:hover {
    color: var(--white);
    background-color: var(--primary);
}

.bttn-secondary {
    color: var(--white);
    background-color: var(--secondary);
}

.bttn-secondary:hover {
    color: var(--white);
    background-color: var(--secondary-a);
}

.bttn-secondary-inverse {
    color: var(--secondary);
    border-color: var(--secondary);
    background-color: transparent;
}

.bttn-secondary-inverse:hover {
    color: var(--white);
    background-color: var(--secondary);
}

/*
** Bootstrap Extends & Overrides
*/
.container, .container-fluid, .row>* { padding-left: 22px; padding-right: 22px; }
.row { margin-left: -22px; margin-right: -22px; }
.gx-0.row>* { padding-left: 0; padding-right: 0; }
.gx-0.row { margin-left: 0; margin-right: 0; }

.visually-hidden,
.screen-reader-text {
    position: absolute!important;
    width: 1px!important;
    height: 1px!important;
    padding: 0!important;
    margin: -1px!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    white-space: nowrap!important;
    border: 0!important;
}

.overflow-hidden { overflow: hidden; }

/*
** Slick Slider
*/
.slick-initialized { z-index: 0; position: relative; }
.slide .slick-slide, .slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-initialized .slick-list { position: relative; overflow: hidden; }
.slick-initialized .slick-slide { display: inline-block; width: auto; }
.slick-initialized .slick-slide:focus { outline: none; }

.slick-dots { display: flex; align-items: center; justify-content: center; list-style: none; padding: 0; }
.slick-dots li { margin: 0; }
.slick-dots li + li { margin: 0; margin-left: 8px; }
.slick-dots li button {
    display: block;
    font-size: 0px;
    width: 8px;
    max-width: 8px;
    height: 8px;
    padding:0;
    border: 0px solid transparent;
    border-radius: 4px;
    background-color: #D9F3E7;
    opacity: 1;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}
.slick-dots li.slick-active button {
    width: 18px;
    max-width: 18px;
    background-color: var(--secondary);
    border-color: var(--secondary);
    opacity: 1;
    border-radius: 4px;
}


/*
** Header
*/
.site-header {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 10px 0;
    background: var(--white);
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.06);
    transition: all 0.05s ease;
    z-index: 15;
}

.siteheader-sticky {
    padding: 10px 0;
    backdrop-filter: saturate(180%) blur(20px);
    background-color: rgba(255, 255, 255, 0.86);
    box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.1);
}

.siteheader-sticky .custom-logo { height: 60px; }

.site-header .row { align-items: center; }

.site-menutoggle {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    position: relative;
    margin-bottom: 0;
}

.site-menutoggle span {
    display: block;
    width: 33px;
    height: 5px;
    margin-bottom: 5px;
    position: relative;
    background: var(--secondary);
    border-radius: var(--siteradius);
    z-index: 1;
    transform-origin: 5px 5px;
    transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0), background 0.5s cubic-bezier(0.77,0.2,0.05,1.0), opacity 0.55s ease;
}

.site-menutoggle span:last-child { margin-bottom: 0; }

.site-menutoggle span:nth-last-child(2) { transform-origin: 0% 100%; }

.site-menutoggle input:checked ~ span { opacity: 1; transform: rotate(45deg) translate(-5px, -19px); }

.site-menutoggle input:checked ~ span:nth-last-child(2) { transform: rotate(-45deg) translate(1px, 20px); }

.site-menutoggle input:checked ~ span:nth-last-child(3) { opacity: 0; transform: rotate(0deg) scale(0.2, 0.2); transition: 0s; }

.custom-logo-link img {
    width: auto;
    height: 80px;
    transition: 0.3s ease;
}

.site-navmenu {
    display: inline-flex;
    align-items: center;
    margin-right: 15px;
}

.site-navmenu > li { margin-bottom: 0; }

.site-navmenu a { padding: 15px 5px; color: var(--body); }

.site-navmenu a:hover,
.site-navmenu .current-menu-parent > a,
.site-navmenu .current-menu-item > a {
    color: var(--primary);
}

.headctas { display: flex; align-items: center; }
.headctas a { padding: 0 15px; }
.headctas a + a { margin-left: 10px; }

/*Top Marquee*/
.headmarq {
    font-size: 14px;
    line-height: 18px;
    padding: 4px 0;
    max-width: 100%;
    overflow: hidden;
}

.marqlist {
    display: flex;
    align-items: center;
    width: auto;
}

.marqlist .marqitem {
    display: flex;
    align-items: center;
    transform: translate(100%, 0);
    animation: marquee 14s linear infinite;
}

@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100.05%, 0); }
}

.marqlist span {
    margin-left: 16px;
    margin-right: 16px;
    white-space: nowrap;
}

.marqlist .icon-ellipse {
    font-size: 8px;
    color: var(--primary);
}

/*Footer*/
.site-footer {
    font-size: 14px;
    line-height: 20px;
}
.foo-top {
    padding-bottom: 32px;
}

.foointro img {
    background-color: var(--white);
    padding: 20px 34px;
    border-radius: 0 0 24px 24px;
}

.widget + .widget { margin-top: 30px; }

.foointro.widget_text {
    margin-top: 38px;
}

.foointro.widget_text p:first-child {
    margin-bottom: 10px;
}

.foointro.widget_text a {
    color: var(--white);
}

.foocol-right {
    padding-top: 46px;
}

.foocol .widget-title,
.foocol-left .widget-title {
    font-family: 'switzer-sb', sans-serif;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}

.foocol-left .widget-title { margin-bottom: 15px; }

.foocol .menu a,
.foocol-left .menu a {
    color: var(--white);
}

.foocol .menu a:hover,
.foopages .current-menu-item a,
.foo-bot .current-menu-item a,
.foocol .current-page-item a {
    color: var(--primary);
}

.foo-bot-wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding-top: 20px;
    padding-bottom: 20px;
    border-top: 1px solid var(--white);
}

.foo-copy { padding-right: 15px; }
.foo-sitelinks { padding-left: 15px; }
.foo-sitelinks .menu { display: flex; align-items: center; }
.foo-sitelinks .menu li { margin-bottom: 0; }
.foo-sitelinks .menu li + li { margin-left: 40px; }

/* Edit Link */
.post-edit-link,
.wp-logout {
    position: fixed;
    right: 0;
    bottom: 48vh;
    font-size: 16px;
    line-height: 16px;
    padding: 6px 12px;
    min-width: 70px;
    text-align: center;
    color: var(--white);
    background-color: var(--primary);
    z-index: 9000;
}

.post-edit-link:hover,
.wp-logout:hover {
    background-color: var(--primary-a);
    color: var(--white);
}

/*
** Home
*/

/*Hero*/
.sechero,
section.section.sechero {
    padding-top: 72px;
    padding-bottom: 48px;
}

.subtitle {
    font-size: 16px;
    line-height: 20px;
    font-weight: normal;
}

.sechero .subtitle {
    font-size: 18px;
    line-height: 22px;
}

.home .sechero .subtitle {
    font-size: 28px;
    line-height: 36px;
}

.sechero h1 {
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 18px;
}

.sechero p {
    font-family: 'switzer', sans-serif;
    max-width: 630px;
    margin-left: auto;
    margin-right: auto;
}

.trackging-form {
    position: relative;
    width: 752px;
    max-width: 100%;
    padding: 16px 42px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -71.5px;
    border: 0.5px solid #DADADA;
    border-radius: var(--siteradius);
    background: var(--white);
    transform: translateY(50%);
    z-index: 1;
}

.trackging-form > div:first-child { font-size: 20px; line-height: 30px; text-transform: uppercase; }

.form-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.input-group {
    display: flex;
    align-items: center;
    justify-content: center;
}

.trackging-form label {
    font-family: 'switzer-md', sans-serif;
}

.trackging-form .input-group + .input-group {
    margin-left: 84px;
}

.submit-group {
    display: flex;
    align-items: center;
    width: 100%;
    flex: 1 0 100%;
    margin-top: 12px;
}

.submit-group .input-control {
    flex: 1 0 auto;
    width: auto;
    height: 36px;
    line-height: 36px;
    border-color: var(--secondary);
    border-right: 0;
    border-radius: 0 0 0 0;
}

.tracking-invalid .input-control { border-color: var(--primary); }

.tracking-error {
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    color: var(--primary);
    padding-top: 4px;
}

.submit-group .input-submit {
    height: 36px;
    line-height: 34px;
}

.tracking-media,
.yearsserv-banner {
    max-width: 1156px;
    margin-left: auto;
    margin-right: auto;
}

.yearsserv-banner img { box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10); }

.gms-slider .slider-controls,
.tracking-media .slider-controls {
    margin-top: 24px;
    margin-bottom: 10px;
}

.tracking-slider img {
    border-radius: var(--siteradius);
    overflow: hidden;
}

/*Common Section*/
section.section {
    padding-top: 50px;
    padding-bottom: 50px;
}

section.section h2 {
    margin-bottom: 12px;
}

/*GMS Stats*/
.gmsstats {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    justify-content: space-between;
    max-width: 395px;
    padding-left: 30px;
    margin-left: auto;
}

.statitem {
    font-family: 'switzer', sans-serif;
    flex: 0 0 144px;
    width: auto;
    max-width: calc(50% - 15px);
}

.statfig {
    font-family: 'switzer-sb', sans-serif;
    font-size: 30px;
    line-height: 40px;
    color: var(--primary);
}

.statitem:nth-child(-n+2) {
    margin-bottom: 18px;
}

/*GMS Services*/
section.gmsservices {
    padding-top: 100px;
    padding-bottom: 100px;
}

.gmsservices .section-head {
    width: 706px;
    max-width: 100%;
}

.gmsservices .gmstabs {
    margin-top: 40px;
}

.gmstab-nav {
    display: grid;
    width: 767px;
    max-width: 100%;
    margin: 0 auto 44px;
    grid-template-columns: 1fr 1fr 1fr;
    justify-content: center;
    text-align: center;
    border: 1px solid var(--secondary);
    border-radius: var(--siteradius);
    overflow: hidden;
}

.gmstab-link {
    font-family: 'switzer-md', sans-serif;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    padding: 0;
    border: 1px solid transparent;
    color: var(--secondary);
}

.gmstab-link:first-child {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}

.gmstab-link.active,
.gmstab-link:hover {
    background: var(--secondary);
    color: var(--white);
    border: 1px solid var(--secondary-a);
}

.gmstab-link:last-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}

.gmstab-block { display: none; }
.gmstab-block.active { display: block; }
.gmstab-block .row { align-items: center; row-gap: 30px; }
.gmstab-block h3 { margin-bottom: 10px; }
.gmstab-block p { font-size: 14px; }
.gmstab-block p:last-of-type { margin-bottom: 30px; }

.gmsserv-row {
    display: flex;
    align-items: flex-start;
}

.gmsserv-listitem {
    position: relative;
    flex: 1 0 118px;
    max-width: 118px;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    padding: 0;
}

.gmsserv-listitem + .gmsserv-listitem {
    margin-left: 62px;
}

.gmsserv-listitem + .gmsserv-listitem::before {
    content: "";
    position: absolute;
    left: -30px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 54px;
    margin: auto;
    background-color: rgba(0, 131, 68, 0.18);
}

.gmsserv-listitem img {
    width: auto;
    height: 80px;
}

.gmsserv-title {
    margin: 10px 0;
}

.gmsserv-link {
    display: flex;
    align-items: center;
    justify-content: center;
}

.gmsserv-link i {
    font-size: 8px;
    line-height: 18px;
    margin-top: 2px;
    margin-left: 4px;
    transition: all 0.3s ease-in-out;
    transform: translateX(0);
}

.gmsserv-link:hover i {
    transform: translateX(5px);
}

/*GMS Platforms*/
.gmsplatf-row {
    padding-top: 62px;
    justify-content: center;
}

.gmsplatf-row > div:nth-child(n+4) {
    margin-top: 98px;
}

.gmsplatf-card {
    position: relative;
    text-align: center;
    height: 100%;
    padding: 32px 18px;
    border-radius: var(--siteradius);
    box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.14);
    transition: all 0.3s ease-in-out;
}

.gmsplatf-card:hover {
    box-shadow: 1px 3px 10px 1px rgba(0, 0, 0, 0.14);
}

.gmsplatf-card h3 {
    font-size: 20px;
    line-height: 24px;
    font-weight: 'switzer-md';
    margin-bottom: 14px;
}

.gmsplatf-card i {
    display: block;
    font-size: 45px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: -66px auto 20px;
    border-radius: 100%;
    color: var(--white);
    text-align: center;
    background-color: var(--secondary);
}

.gmsplatf-card i:before {
    line-height: 100px;
}

.gmsplatf-row > div:nth-child(even) .gmsplatf-card i {
    background-color: var(--primary);
}

.gmsplatf-card .icon-fast-secure:before { font-size: 0.8em; }

.gmsplatf-card p span { display: inline; }

/*GMS Customers*/
.gmscustomers .section-head { width: 616px; max-width: 100%; }
.customerslide { padding: 8px; }
.customerslide img {
    display: block;
    margin: 0 auto;
    border-radius: var(--siteradius);
    overflow: hidden;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.customerslider,
.customerslider-control,
.testimonials {
    margin-top: 42px;
}

.testimonials { overflow: hidden; }

.testim-slides,
.testim-slides .slick-track {
    display: flex;
}

.testim-control {
    margin-top: 27px;
}

.testim-slides .slick-list {
    margin: 0 -15px;
}

.slick-initialized .slick-slide.testim-slide {
    display: inline-flex;
    margin: 0 15px;
}

.testim-slide {
    padding-bottom: 15px;
    max-width: 50%;
}

.testim-card {
    display: flex;
    column-gap: 25px;
    padding: 24px 28px;
    border-radius: 6px;
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10);
    overflow: hidden;
}

.testim-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1 0 calc(100% - 190px);
    max-width: calc(100% - 190px);
}

.testim-right { align-self: center; }

.testim-quote p {
    font-size: 16px;
    line-height: 21px;
    margin-bottom: 37px;
}

.testim-name {
    font-family: 'switzer-md', sans-serif;
    color: var(--secondary);
    margin-bottom: 16px;
}

.testim-right a {
    position: relative;
    display: block;
    max-width: 100%;
}

.testim-right img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 227px;
}

.testim-quote::before {
    content: "\e900";
    display: inline-block;
    font-family: 'gmsw';
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 26px;
    color: var(--primary);
}

.testim-click {
    font-size: 18px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(87 87 87 / 68%);
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
}

.testim-card:hover .testim-click {
    opacity: 1;
    visibility: visible;
}

/*GMS News Section*/
.newshero h1 { width: 826px; max-width: 100%; margin-left: auto; margin-right: auto; }
.newslist-card {
    position: relative;
    border-radius: var(--siteradius);
    overflow: hidden;
}

.newslist-card::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60.7%;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #151515 100%);
    z-index: 0;
}

.newslist-card img {
    border-radius: var(--siteradius);
    width: 100%;
    height: 340px;
    object-fit: cover;
}

.newslist-info {
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 32px;
    display: flex;
    align-items: flex-end;
    max-width: calc(100% - 48px);
    margin-left: auto;
    margin-right: auto;
    color: var(--white);
}

.newslist-info:hover {
    color: var(--lightgray);
}

.newsinfo-title {
    font-family: 'switzer-md', sans-serif;
    flex: 1 0 calc(100% - 39px);
    max-width: calc(100% - 39px);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newslist-info .icon-arrow {
    position: relative;
    font-size: 12px;
    margin-left: auto;
    padding-right: 5px;
    margin-bottom: 5px;
    transform: translateX(0);
    transition: all 0.3s ease-in-out;
}

.newslist-info .icon-arrow::before {
    position: relative;
    display: block;
    transform: translateX(0);
    transition: all 0.3s ease-in-out;
    color: var(--white);
    z-index: 1;
}

.newslist-info:hover .icon-arrow {
    transform: translateX(4px);
}

.newslist-info:hover .icon-arrow::before {
    color: var(--white);
    transform: translateX(4px);
}

.newslist-info .icon-arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-color: var(--primary);
    border-radius: 20px;
    z-index: 0;
}

/*GMS App*/
.gmsappcta { position: relative; }
.gmsappcta::before{
    display: block;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    width: 1156px;
    max-width: 100%;
    height: 100%;
    background: var(--lightgray);
    margin: 0 auto;
    border-radius: var(--siteradius) var(--siteradius) 0 0;
}
.gmsappcta-wrap { position: relative; padding-top: 20px; margin-top: 50px; background-color: var(--lightgray); }
.bttn-gmsappcta { margin-top: 26px; margin-bottom: 20px; }
.bttn-gmsappcta + .bttn-gmsappcta { margin-left: 15px; }

/*
** About Us
*/

/*What Different*/
.whatdiff .row {
    row-gap: 56px;
}

.whatdiff {
    margin-top: 42px;
    margin-bottom: 24px;
    text-align: center;
}

.whatdiff i {
    font-size: 50px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin-bottom: 16px;
    color: var(--primary);
    border-radius: 100%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.10);
    transition: all 0.3s ease-in-out;
}

.whatdiff i::before { line-height: 100px; }

.row-whatdiff > div:nth-child(odd) i {
    color: var(--secondary);
}

.wdiffcard:hover i {
    box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.10);
}

.whatdiff i.icon-industry-growth::before { font-size: 0.9em; }
.whatdiff i.icon-nat-presence::before { font-size: 0.88em; }
.whatdiff i.icon-career-growth::before { font-size: 0.9em; }

.whatdiff h3 {
    font-family: 'switzer-md';
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 0;
}

.whatdiff p {
    width: 154px;
    max-width: 100%;
    margin: 4px auto 0;
}

/*
** Board of Directors
*/
.boardimag {
    position: relative;
    display: inline-block;
}

.boardimag::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 56.41%;
    width: 100%;
    background-image: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, rgba(21, 21, 21, 0.70) 100%);
    border-radius: var(--siteradius);
    overflow: hidden;
}

.bdimg-cap {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    padding-bottom: 30px;
    text-align: center;
    color: #fff;
}

.bdimg-cap h3 {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 3px;
}

.bdimg-cap div {
    font-size: 14px;
    line-height: 18px;
}

/*Franchisee*/
.sechero-franchisee h1 {
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
}

.fprocess {
    display: flex;
    justify-content: space-between;
    padding-top: 42px;
    padding-bottom: 26px;
}

.fprocessblock {
    text-align: center;
}

.fprocessblock h3 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 6px;
}

.fprocessblock p {
    font-size: 14px;
    line-height: 18px;
    width: 138px;
    max-width: 100%;
    margin: 0 auto;
}

.fproicon {
    position: relative;
    display: inline-block;
    margin-bottom: 26px;
}

.fprocessblock i {
    font-size: 50px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    color: var(--primary);
    border-radius: 100%;
    box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.10);
    transition: all 0.3s ease-in-out;
}

.fprocessblock i::before { line-height: 100px; }

.fprocess-item:nth-child(odd) i { color: var(--secondary); }

.fprocessblock:hover i { box-shadow: 2px 6px 10px rgba(0, 0, 0, 0.10); }

.fproicon::before {
    content: "1";
    font-family: 'switzer-sb', sans-serif;
    font-size: 18px;
    position: absolute;
    top: -7px;
    right: 0;
    width: 33px;
    height: 33px;
    line-height: 33px;
    border-radius: 100%;
    background: var(--primary);
    color: var(--white);
    z-index: 1;
}

.fprocess-item:nth-child(2) .fproicon::before { content: "2"; }
.fprocess-item:nth-child(3) .fproicon::before { content: "3"; }
.fprocess-item:nth-child(4) .fproicon::before { content: "4"; }
.fprocess-item:last-child .fproicon::before { content: "5"; }

.fproicon::after {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    width: calc(100% + 120px);
    height: calc(100% + 20px);
    background-image: url('../images/franchisee-steps-art.svg');
    background-position: left;
    background-size: auto;
    background-repeat: no-repeat;
    overflow: visible;
}

.fprocess-item:last-child .fproicon::after { background-image: url('../images/franchisee-steps-fullcircle.svg'); }

.appform {
    width: 1018px;
    max-width: 100%;
    margin: 0 auto 74px;
    padding: 32px 40px;
    border-radius: var(--siteradius);
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 10%);
    overflow: hidden;       
}

/*Form*/
.gmsform { margin-top: 42px; }
.gmsform .row { row-gap: 35px; }
.formlabel, .customlabel { display: block; }
.gmsform .wpcf7-form-control-wrap { display: block; width: 100%; }
.customlabel { font-size: 14px; line-height: 18px; margin-bottom: 10px; }
.contact_quiz label { display: flex; width: 100%; align-items: center; }
.contact_quiz .wpcf7-quiz { width: 60px; flex: 0 0 auto; margin-left: 15px; }
.wpcf7-spinner { position: absolute; bottom: -26px; left: 0; right: 0; margin: 0 auto; }

/*Franchisee Form*/
.francapply .wpcf7-form.sent .wpcf7-response-output,
.formblock .wpcf7-form.sent .wpcf7-response-output {
    display: none;
}

/*Popup*/
.popup {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    padding: 30px 16px;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    text-align: center;
    z-index: 1000000000;
    visibility: hidden;
    opacity: 0;
    transform: scale(.9);
    overflow: auto;
    transition: all 0.2s ease-in-out;
}

.popup-open.popup {
    transform: scale(1);
    visibility: visible;
    opacity: 1;
}

.modal-open {
    overflow: hidden;
    padding-right: 17px;
}

.modal-open:before {
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.86);
    z-index: 1000000000;
}

.popup-wrapper {
    display: flex;
    align-items: center;
    margin: auto;
}

.popup-body {
    position: relative;
    width: 645px;
    max-width: 100%;
    padding: 0 0;
    padding: 32px 28px;
    border-radius: var(--siteradius);
    background: #fff;
    overflow: hidden;
}

.popup-alert .popup-body {
    border-top: 8px solid var(--secondary);
}

.popup-error .popup-body {
    border-top-color: var(--primary);
}

.popup-close {
    position: absolute;
    top: 15px;
    right: 15px;
}

.popup-close button {
    width: 32px;
    height: 32px;
    font-size: 12px;
    line-height: 32px;
    background-color: var(--white);
    color: var(--primary);
    border: 1px solid var(--primary);
    outline: none;
    text-align: center;
    border-radius: 100%;
    transition: all 0.3s ease-in-out;
}

.popup-close button:hover {
    background-color: var(--primary);
    color: var(--white);
}

.alert-success {
    padding: 72px 30px;
}

.icon-popup {
    width: 132px;
    height: 132px;
    font-size: 44px;
    line-height: 132px;
    text-align: center;
    margin-bottom: 23px;
    border: 2px solid var(--secondary);
    border-radius: 100%;
}

.popup-error .icon-popup {
    font-size: 65px;
    border-color: var(--primary);
}

.popup-alert h3 {
    font-family: 'switzer-sb', sans-serif;
    font-size: 22px;
    margin-top: 0;
    margin-bottom: 6px;
}

.popup-alert p {
    font-family: 'switzer', sans-serif;
    font-size: 18px;
    line-height: 28px;
    width: 410px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.popup-success h3,
.popup-success .icon-popup,
.popup-success p {
    color: var(--secondary)
}

.popup-error h3,
.popup-error .icon-popup,
.popup-error p {
    color: var(--primary)
}

.popup-servable .popup-body {
    width: 1076px;
}

.popup-noservice p {
    width: 350px;
}

.popup-title {
    font-family: 'switzer-md',sans-serif;
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 0px;
}

.popup-subtitle {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}

.popup-viewimg .popup-body {
    width: auto;
    max-width: 100%;
    padding: 0;
}

.popup-viewcerti .popup-body img {
    padding: 15px;
    border-radius: 10px;
    overflow: hidden;
}

.table-rounded {
    width: 100%;
    border: 1px solid #BDBDBD;
    border-style: hidden;
    box-shadow: 0 0 0 1px #BDBDBD;
    border-radius: var(--siteradius);
    border-collapse: collapse;
    overflow: hidden;
}

.table-rounded th,
.table-rounded td {
    border: 1px solid #BDBDBD;
}

.popup-body table {
    width: 100%;
}

.area-details {
    table-layout: fixed;
    margin-bottom: 10px;
}

.table-rounded th {
    font-size: 14px;
    font-family: 'switzer', sans-serif;
    font-weight: 400;
}

.area-details td {
    font-size: 20px;
    line-height: 1.3em;
}

.table-rounded th,
.table-rounded td {
    padding: 10px 10px;
}

.pack-details {
    margin-top: 8px;
    margin-bottom: 18px;
}

.pack-details td {
    font-size: 20px;
    line-height: 1.3em;
    font-family: 'switzer-sb';
}

.table-responsive {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    padding: 1px;
    white-space: nowrap;
}

/*Services*/
.servicelist .row + .row {
    margin-top: 64px;
}

.servimg {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 200px;
    width: 200px;
    height: 150px;
    border-radius: var(--siteradius);
    box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10);
}

.servimg img {
    display: block;
    width: auto;
    height: 90px;
    margin: 0 auto;
}

section.servicelist .col-servcont  h2 {
    font-family: 'switzer-md', sans-serif;
    font-size: 20px;
    margin-bottom: 5px;
}

.serv-pin-check > div {
    font-size: 14px;
    line-height: 22px;
    margin-bottom: 6px;
}

.serv-pin-check .form-group {
    width: 410px; max-width: 100%;
}

.serv-pin-check .form-group input {
    border-radius: 0;
    flex: 1 0 calc(100% - 119px);
    max-width: calc(100% - 119px);
}

.serv-pin-check br { display: none; }

.serv-pin-check .bttn  { min-width: 119px; height: 40px; }

.featdiff h3 {
    width: 200px;
    margin: 0 auto;
}

.enquirenow {
    width: 1156px;
    max-width: 100%;
    padding: 40px 0;
    margin: 70px auto;
    background-color: var(--lightgray);
}

.enquirenow-title {
    font-family: 'switzer-md', sans-serif;
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px;
}

.enquirebtns { display: flex; flex-wrap: wrap; }
.enquirebtns .bttn + .bttn { margin-left: 8px; }

.gmscontactbtns { padding-top: 32px; margin-top: 20px; border-top: 1px solid var(--formfieldplaceholder); }
.gmscontactbtns .bttn + .bttn { margin-left: 14px; }

.diffservlist {
    margin-top: 36px;
    margin-bottom: 36px;
}

.diftab-head {
    font-size: 22px;
    line-height: 33px;
    height: 42px;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 4px;
}

.dofftab-col .diftab-head { color: var(--white); border-radius: 6px 6px 0 0; line-height: 30px; }
.dofftab-exp .diftab-head { background-color: var(--primary); }
.dofftab-sav .diftab-head { background-color: var(--secondary); }
.difftab-val { display: flex; justify-content: space-between; }
.dofftab-col { max-width: calc(50% - 11px); flex: 1 0 calc(50% - 11px); text-align: center; border-radius: 6px; box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.10); }

.dofftab-exp .diftab-cell { color: var(--primary); }
.dofftab-sav .diftab-cell { color: var(--secondary); }

.diftab-cell {
    font-family: 'switzer-lt', sans-serif;
    font-size: 16px;
    line-height: 20px;
    height: 56px;
    padding-top: 18px;
    padding-bottom: 18px;
}
.diffservlist-wrap { position: relative; }

/* Guidelines */
.guides-head {
    display: flex;
    align-items: center;
    margin-bottom: 38px;
}

.guides-head h2 {
    flex: 1 auto;
    font-size: 32px;
    line-height: 46px;
    margin-bottom: 0 !important;
}

.guides-ctrl {
    display: flex;
    padding-left: 15px;
}

.guides-ctrl span { margin-right: 5px; }

.guides-ctrl i {
    font-size: 9px;
    line-height: 22px;
    margin-left: 10px;
}

.active .guides-ctrl i {
    transform: rotate(180deg);
    display: block;
    transform-origin: center center;
}

.guides-ctrl-hide { display: none; }
.active .guides-ctrl-hide { display: inline-block; }

.guides-ctrl-show { display: inline-block; }
.active .guides-ctrl-show { display: none; }

.guides-blocks + .guides-blocks {
    padding-top: 50px;
}

.guides-blocks h3 {
    font-family: 'switzer', sans-serif;
    font-size: 30px;
    line-height: 46px;
    margin-bottom: 24px;
}

.guides-blocks p:not(:last-child) { margin-bottom: 30px; }

.guides-blocks > ul {
    column-count: 2;
    column-gap: 58px;
    padding-left: 20px;
}

.guides-blocks > ul ol,
.guides-blocks > ul ul {
    margin-top: 10px;
}

/*Inner Pages*/
section.section.gmsinside { padding-bottom: 70px; } 
.gmsinside h2 { padding-top: 40px; }


/*Contact Us*/
/*
.selectoff {
    font-size: 30px;
    padding-left: 0;
    font-family: 'switzer-md', sans-serif;
    color: var(--secondary);
    padding-right: 40px;
    margin-bottom: 16px;
    border:0;
    outline:0;
    background-color: var(--white);
    width: auto;
    background-size: 15px;
    background-position: 51% right;
}
*/

.selectoff, .off-filters {
    font-size: 16px;
    padding-left: 0;
    font-family: 'switzer-md', sans-serif;
    color: var(--secondary);
    padding: 0px 40px 0px 15px;
    margin-bottom: 16px;
    background-color: var(--white);
    background-size: 15px;
    background-position: top 51% right 20px;
}

.selectoff option {
    font-size: 16px;
    color: var(--body);
}

.gmsoffice-type {
    display: none;
}

.gmsofficelist {
    min-height: 50px;
    max-height: 420px;
    overflow: auto;
    background-color: #f4f4f4;
    border-radius: 10px;
}

.gmsofficelist:not(.loadui):empty { display: none; }

.gmsoffice-group {
    font-family: 'switzer', sans-serif;
    padding: 15px 15px;
    border-top: 1px solid rgba(0,0,0,0.2);
}

.gmsoffice-group:first-child {
    border-top: 0;
}

.gmsoffice-group:nth-child(even) {
    background: #f9f9f9;
}

.gmsoffice-group > * + * {
    margin-bottom: 10px;
}

/* .gmsoffice-type .gmsoffice-group:first-of-type:nth-child(n+2) { margin-top: 16px; } */

.off-filters { font-size: 14px; margin-bottom: 16px; color: var(--body); }

.gmsoffice-corp .gmsoffice-group { display: block; }

.off-filtergroup {
    display: flex;
    column-gap: 12px;
    padding: 0;
}

.off-filtergroup > * { 
    flex: 1 0 calc(50% - 6px);
    width: auto;
}

.off-pinfield { position: relative; }

.off-pinfield input {
    padding-right: 45px;
}

.off-pinfield button {
    position: absolute;
    right: 20px;
    top: 0;
    color: var(--primary);
    font-size: 12px;
    width: 24px;
    height: 40px;
    line-height: 42px;
    padding: 0;
    outline: none;
    border: 0;
    background-color: transparent;
}

.gmsofficemap { width: 100%; }

.gmsofficemap iframe {
    max-width: 100%;
    width: 100%;
    height: 360px;
}

/*Careers*/
.careershero h1 {
    width: 850px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.joinus-cont { padding-right: 30px; }

.joinus-list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 42px;
    column-gap: 45px;
}

.joinus-item {
    flex: 1 0 calc(50% - 22.5px);
    max-width: calc(50% - 22.5px);
}

.joinus h3 {
    font-family: 'switzer-md', sans-serif;
    font-size: 16px;
    margin-top: 12px;
    margin-bottom: 4px;
}

.joinus-item i {
    font-size: 34px;
    line-height: 58px;
    width: 58px;
    height: 58px;
    color: var(--primary);
    text-align: center;
    border-radius: 100%;
    background-color: var(--white);
    box-shadow: 1px 2px 4px rgb(0 0 0 / 10%);
    transition: all 0.3s ease-in-out;
}

.joinus-item:nth-child(3n+1) i {
    color: var(--secondary);
}

.gmslife-gal {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    row-gap: 17px;
    margin-top: 50px;
}

.gmslife-pic:nth-child(1),
.gmslife-pic:nth-child(5) {
    width: 32.35%;
}

.gmslife-pic:nth-child(2),
.gmslife-pic:nth-child(6) {
    width: 18.62%;
}

.gmslife-pic:nth-child(3),
.gmslife-pic:nth-child(4) {
    width: 45.49%;
}

.gmslife-pic img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.gmslife .gms-slider {
    margin-top: 50px;
}

/*Job Positions*/
.jobpos {
    margin-top: 50px;
}

.jobcats {
    overflow: auto;
    padding-bottom: 8px;
}

.jobcats::-webkit-scrollbar {
    height: 10px;
}

.jobcats::-webkit-scrollbar-track {
    background-color: #ebebeb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.jobcats::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #A7A7A7; 
}

.jobcat-list {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
    column-gap: 70px;
    white-space: nowrap;
}

.jobcat-item {
    margin-bottom: 0;
}

.jobcat-item a {
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: var(--body);
    padding-bottom: 9px;
}

.jobcat-item a::before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    border-radius: 0;
    background-color: var(--primary);
    transition: all 0.3s ease-in-out;
}

.jobcat-item.active a::before {
    width: 35px;
}

.jobcat-item a:hover,
.jobcat-item.active a {
    color: var(--primary);
}

.jobcat-item.active a {
    font-family: 'switzer-sb', sans-serif;
}

.jobtabs {
    padding-top: 58px;
    padding-bottom: 25px;
}

.jobtab-pane { display: none; }

.jobtab-item,
.jobpg-head {
    display: flex;
    align-items: center;
}

.jobtab-item + .jobtab-item {
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid var(--formfieldborder);
}

.jobtab-title {
    font-family: 'switzer', sans-serif;
    font-size: 20px;
    margin-bottom: 10px;
}

.jobtab-meta {
    display: flex;
    align-items: center;
}

.jobtab-meta span {
    display: flex;
    position: relative;
    align-items: center;
}

.jobtab-meta span::after {
    display: block;
    content: "|";
    padding-left: 7px;
    margin-right: 7px;
}

.jobtab-meta span:last-child::after { display: none; }

.jobtab-txt,
.jobpg-txt {
    flex: 1 0 calc(100% - 156px);
    max-width: calc(100% - 156px);
}

.jobtab-cta,
.jobpg-cta {
    padding-left: 15px;
}

/*Job Sinle*/
.jobpg-head { padding-bottom: 54px; }

.jobpg-head h1 {
    font-family: 'switzer-md', sans-serif;
    font-size: 36px;
    line-height: 46px;
    margin-bottom: 4px;
}

.jobpg-content h3,
.jobpg-content h4,
.jobpg-content h5,
.jobpg-content h6 {
    font-family: 'switzer', sans-serif;
}

.jobpg-content img {
    display: block;
    margin: 15px auto;
    border-radius: var(--siteradius);
}

.jobpg-content p:first-child img { margin-top: 0; }

.formfile { position: relative; }
.formfile .wpcf7-form-control-wrap { position: static; }

.formfile .wpcf7-form-control-wrap input {
    width: 100%;
    height: 40px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}

/*News*/
.featureditem .newsitem-excerpt, .featureditem .newslink-read { display: none; }

.newsitem:not(.featureditem) .newslink-sm { display: none; }


.newslist {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 2fr 2fr;
    gap: 23px;
    height: auto;
}

.newsitem {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 23px;
}

.newsitem + .newsitem { margin-top: 9px; }

.featureditem + .newsitem { margin-top: 31px; }

.featureditem .newsitem-link { padding-bottom: 10px; }

.newsitem .newsitem-media {
    display: flex;
    width: 180px;
    min-width: 180px;
    height: 180px;
}

.newsitem-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: var(--siteradius);
}

.newsitem .newsitem-info h2 {
    font-size: 20px;
    line-height: 26px;
    color: var(--secondary);
    margin-bottom: 12px;
}

.newsitem h2 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: var(--secondary);
}

.newsitem .newsitem-meta {
    font-size: 14px;
    line-height: 20px;
    color: var(--formfieldplaceholder);
    margin-bottom: 12px;
}

.newsitem-excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.newslink-read {
    display: flex;
    align-items: center;
    margin-top: 8px; 
}

.newslink-read .icon-arrow {
    font-size: 9px;
    line-height: 16px;
    margin-left: 5px;
    margin-top: 2px;
}

/*******************/

.featureditem:first-child {
    grid-row: 1 / span 2;
    grid-column: 1;
    height: 486px;
}
.featureditem:nth-child(2) {
    grid-row: 1;
    grid-column: 2;
    width: calc(200% + 23px);
    height: 230px;
}
.featureditem:nth-child(3) {
    grid-row: 2;
    grid-column: 2;
    width: 100%;
}
.featureditem:nth-child(4) {
    grid-row: 2;
    grid-column: 3;
    width: 100%;
}

.newsitem:nth-child(n+5),
.paged .newsitem {
    grid-row: unset;
    grid-column: 1;
    width: calc(200% + 46px);
}

.featureditem {
    display: flex;
    position: relative;
    border-radius: var(--siteradius);
    overflow: hidden;
}

.featureditem img {
    border-radius: var(--siteradius);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.featureditem .newsitem-media { display: flex; width: 100%; max-width: 100%; flex: 1 0 100%; }

.featureditem .newsitem-media a { width: 100%; }

.featureditem .newsitem-media a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 60.7%;
    background: linear-gradient(180deg, rgba(21, 21, 21, 0.00) 0%, #151515 100%);
    z-index: 0;
}

.featureditem .newsitem-wrap {
    font-size: 16px;
    line-height: 24px;
    position: absolute;
    left: 0;
    right: 0;
    /* bottom: 30px; */
    bottom: 20px;
    display: flex;
    align-items: flex-end;
    gap: 8px;
    max-width: calc(100% - 32px);
    margin-left: auto;
    margin-right: auto;
    color: var(--white);
}

.featureditem h2 { margin-bottom: 0; }

.featureditem h2 a {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-family: 'switzer-sb', sans-serif;
    font-size: 28px;
    line-height: 36px;
    color: var(--white);
}

.featureditem + .featureditem h2 a {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 5px;
}

.newsitem-meta {
    font-size: 16px;
    line-height: 21px;
    display: flex;
    align-items: center;
}

.featureditem:nth-child(2) .newsitem-meta { font-size: 14px; line-height: 18px; }

.featureditem:nth-child(n+3) .newsitem-meta { font-size: 12px; line-height: 16px; }

.newsitem-meta span {
    display: flex;
    position: relative;
    align-items: center;
}

.newsitem-meta span::after {
    display: block;
    content: "|";
    padding-left: 7px;
    margin-right: 7px;
}

.featureditem:nth-child(2) .newsitem-meta span::after { padding-left: 5px; margin-right: 5px; }

.newsitem-meta span:last-child::after { display: none; }

.newslink-sm .icon-arrow {
    position: relative;
    font-size: 12px;
    margin-left: auto;
    padding-right: 5px;
    margin-bottom: 5px;
    transform: translateX(0);
    transition: all 0.3s ease-in-out;
}
.newslink-sm .icon-arrow::before {
    position: relative;
    display: block;
    transform: translateX(0);
    transition: all 0.3s ease-in-out;
    color: var(--white);
    z-index: 1;
}
.featureditem:hover .newslink-sm .icon-arrow {
    transform: translateX(4px);
}
.featureditem:hover .newslink-sm .icon-arrow::before {
    color: var(--white);
    transform: translateX(4px);
}
.newslink-sm .icon-arrow::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    transform: translateY(-50%);
    background-color: var(--primary);
    border-radius: 20px;
    z-index: 0;
}
.newsitem-info { flex: 1; }

.featureditem:nth-child(n+3) .newslink-sm .icon-arrow { font-size: 9px; }
.featureditem:nth-child(n+3) .newslink-sm .icon-arrow::after { width: 16px; height: 16px; }

.pagination .nav-links { display: flex; flex-wrap: wrap; margin-top: 50px; justify-content: center; }
.pagination .page-numbers {
    display: inline-flex;
    font-size: 16px;
    line-height: 1.2;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    margin: 0 4px;
    color: var(--body);
    background-color: var(--formfieldborder);
    transition:0.3s all ease-in-out;
}
.pagination .page-numbers:hover { background-color: var(--primary); color: var(--white); }
/* .pagination .page-numbers:not(span):hover{opacity:0.8;} */
.pagination span.page-numbers { background-color: var(--primary); color: var(--white); opacity: 1; }
.pagination .page-numbers.next, .pagination .page-numbers.prev { font-size: 10px; }
.pagination .page-numbers.prev i { display: inline-block; transform: rotate(-180deg); transform-origin: center center; }

/*News Single*/
.newshero .newsitem-meta {
    font-size: 18px;
    line-height: 24px;
    color: var(--formfieldplaceholder);
    margin-top: 10px;
    margin-bottom: -10px;
    justify-content: center;
}

.newsfeatured { margin-bottom: 26px; }
.news-content { padding-bottom: 55px; }
.news-next .newslist { display: flex; flex-wrap: wrap; }
.news-next .newsitem { max-width: 100%; width: 100%; }
.news-next .read-next-title { font-size: 30px; line-height: 36px; margin-bottom: 32px; }
.news-next { padding-bottom: 72px; }

/*Tracking Page*/
section.section.sechero-tracking { padding-top: 50px; }

.ctabtns { display: inline-flex; align-items: center; column-gap: 18px; height: 100%; }
.ctabtns-btn i { font-size: 24px; line-height: 1; }
.ctabtns-email i::before { font-size: 0.9em; }
.ctabtns-wp { color: #20B038; }
.ctabtns-wp:hover { color: #168d29; }

.shiptrack-item {
    width: 1134px;
    max-width: 100%;
    margin: 0 auto;
    border: 1px solid #DADADA;
    border-radius: 16px;
    padding: 32px;
    margin-bottom: 40px;
}

.shiptrack-item:last-child { margin-bottom: 64px; }

.trackdetails {
    display: flex;
    align-items: flex-start;
    margin-bottom: 47px;
}

.trackinfo {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 calc(100% - 638px);
    padding-right: 30px;
    row-gap: 40px;
}

.trackinfo .trackitem {
    flex: 1 0 100%;
}

.tracklist {
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 638px;
    max-width: 638px;
    justify-content: space-between;
    row-gap: 40px;
}

.tracklist .trackitem {
    display: flex;
    align-items: flex-start;
    flex: 0 0 33.33%;
    width: 33.33%;
    padding: 0 10px;
}

.trackitem-l {
    font-size: 14px;
    margin-right: 13px;
    color: var(--primary);
}

.trackitem-r { flex: 1 0 auto; }

.loadui {
    background-color: #e2e5e7;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
    background-size: 40px 100%;
    background-repeat: no-repeat;
    background-position: left -40px top 0;
    animation: shine 1s ease infinite;
    font-size: 0 !important;
}

@keyframes shine {
    to { background-position: right -40px top 0; }
}

.tracklabel {
    font-family: 'switzer-md', sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 2px;
    color: var(--primary);
}

.tracklist .trackitem:last-child {
    margin-right: auto;
}

.track-shipno .trackvalue {
    font-family: 'switzer-md', sans-serif;
    font-size: 24px;
    line-height: 30px;
}

.track-update .trackvalue {
    font-size: 18px;
    line-height: 24px;
}

.history {
    background: #FFF;
    margin-bottom: 56px;
}

.shiptrack-item .history { margin-bottom: 0; }

.histtable {
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.10);
}

.histhead {
    color: var(--black);
    background: #F2F2F2;
}

.histbody {
    font-family: 'switzer-lt', sans-serif;
    font-size: 14px;
}

.histrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 13px 32px;
}

.hide-history {
    font-size: 12px;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 22px;
    height: 45px;
    line-height: 45px;
}

.hide-history i {
    font-size: 6px;
    margin-left: 6px;
    transform: rotate(0deg);
    transition: all 0.3s ease-in-out;
}

.histtable-open .hide-history i { transform: rotate(180deg); }

.histcell-lbl { display: none; }
.histcell:first-child { flex: 1 0 100px; width: 100px; }
.histcell:nth-child(2) { flex: 1 0 140px; width: 140px; }
.histcell:nth-child(3) { flex: 1 0 52%; width: 52%; }
.hist-time { font-size: 12px; line-height: 16px; }
.histbody .histrow:nth-child(even) { background-color: #F8F8F8; }
.hist-media { margin-top: 8px; }
.hist-media a { font-size: 12px; text-decoration: underline; margin-left: 8px; }
.popup-viewimg img { max-height: 80vh; }

.shiptrack-na { display: none; }

/*Warehousing*/
.warehousinghero h1 { width: 1000px; }

.effilist {
    position: relative;
    display: flex;
    gap: 50px;
    padding: 25px 0;
    margin-top: 58px;
    text-align: center;
}

.effilist::before {
    content: "";
    position: absolute;
    width: calc(100% + 28px + 28px);
    height: 100%;
    top: 0;
    left: -28px;
    background-image: url('../images/gms-warehouse-efficiency.svg');
    background-repeat: no-repeat;
}

.efficard {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 306px;
    height: 306px;
    padding: 41px;
    border-radius: 100%;
    box-shadow: 1px 2px 4px 0px rgba(0,0,0,0.14);
}

.efficard h3 {
    font-size: 18px;
    margin-bottom: 6px;
    width: 100%;
}

.efficard p {
    font-size: 14px;
    line-height: 20px;
}

.effiitem { position: relative; }

.effiitem i {
    display: block;
    font-size: 40px;
    line-height: 100px;
    width: 100px;
    height: 100px;
    margin: 0 0 20px;
    border-radius: 100%;
    color: var(--white);
    text-align: center;
    background-color: var(--secondary);
}

.effiitem:nth-child(even) i {
    background-color: var(--primary);
}

.effiitem i.icon-inhouse-team::before { font-size: 0.94em; }
.effiitem i.icon-inv-manage:before { font-size: 1.13em; }
.effiitem i.icon-feat-pricing:before { font-size: 1.09em; }