/*
Theme Name: Archbold
Description: Child theme for Avada theme
Author: HERRON
Author URI: https://herron.agency/
Template: Avada
Version: 4.2.044
Text Domain:  archbold
*/

/*
####################################################################################################
# GLOBAL
####################################################################################################
*/

.responsive-iframe {
    position: relative;
    padding-top: 16%;
    padding-bottom: 16%;
    height: 0;
    overflow: hidden;
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.responsive-map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.responsive-map { position: relative; overflow: hidden; aspect-ratio: 2/1; height: auto; }
.responsive-map .map-iframe { position: absolute; inset: 0; width: 100% !important; height: 100% !important; }

/* disable interaction by default */
.responsive-map .map-iframe { pointer-events: none; }
.responsive-map.active .map-iframe { pointer-events: auto; }

/* clickable cover */
.map-cover {
  position: absolute; inset: 0;
  display: grid; place-items: center;
  background: rgba(245,245,245,.6);
  backdrop-filter: blur(2px);
  font: 500 14px/1.2 system-ui, sans-serif;
  cursor: pointer;
  user-select: none;
  z-index: 1;
}
.responsive-map.active .map-cover { display: none; }

.responsive-map::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 50px; /* adjust to cover the grey header */
  background: #fff; /* or match your page background */
  z-index: 2;
}

#wrapper #main .max-width.fusion-imageframe,
#wrapper #main .max-width.fusion-imageframe img {
    max-width: 100%;
    width: 100%;
    height: auto;
}

#wrapper #main .nobr {
white-space: nowrap !important;
}

@media all and (max-width:800px){
    .reverse-cols .fusion-row {
        display: flex;
        flex-flow: wrap;
        flex-direction: column-reverse;
    }
}

/*
####################################################################################################
# BANNERS
####################################################################################################
*/

#wrapper #main .explore-icon {
    position: absolute;
    bottom: -130px;
    width: auto;
    left: 50%;
    transform: translateX(-50%);
}

/*
####################################################################################################
# MAIN NAV
####################################################################################################
*/

.header-nav-col .main-nav-home-icon a span {
    color: var(--awb-color5) !important;
}

.header-nav-col .main-nav-home-icon a:hover span {
    color: var(--awb-color2) !important;
}

.header-nav-col .main-nav-home-icon a:hover span,
#wrapper .awb-menu .awb-menu__main-ul li:hover .awb-menu__main-a,
#wrapper .awb-menu__main-li_regular.current-menu-item .awb-menu__main-a_regular {
    color: var(--awb-color2) !important;
}

html body #wrapper .fusion-tb-header .fusion-container-stuck {
    left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
    margin-left: 0 !important;
}

/* Express */
/* .page-id-2292 .header-nav-col .main-nav-home-icon a:hover span {
    color: var(--awb-color4) !important;
}
.page-id-2292 .header-nav-col li.current-menu-item a,
.page-id-2292 .header-nav-col li a:hover,
.page-id-2292 .header-nav-col li a:active,
.page-id-2292 .header-nav-col li a:focus,
.page-id-2292 .header-nav-col li a:focus-within,
.page-id-2292 .header-nav-col li a:focus-visible {
    color: var(--awb-color4) !important;
} */

/* UK Logistics */
/* .page-id-2294 .header-nav-col .main-nav-home-icon a:hover span {
    color: var(--awb-custom_color_1) !important;
}
.page-id-2294 .header-nav-col li.current-menu-item a,
.page-id-2294 .header-nav-col li a:hover,
.page-id-2294 .header-nav-col li a:active,
.page-id-2294 .header-nav-col li a:focus,
.page-id-2294 .header-nav-col li a:focus-within,
.page-id-2294 .header-nav-col li a:focus-visible {
    color: var(--awb-custom_color_1) !important;
} */

/* Global */
/* .page-id-2296 .header-nav-col .main-nav-home-icon a:hover span {
    color: var(--awb-color3) !important;
}
.page-id-2296 .header-nav-col li.current-menu-item a,
.page-id-2296 .header-nav-col li a:hover,
.page-id-2296 .header-nav-col li a:active,
.page-id-2296 .header-nav-col li a:focus,
.page-id-2296 .header-nav-col li a:focus-within,
.page-id-2296 .header-nav-col li a:focus-visible {
    color: var(--awb-color3) !important;
} */

/* Warehouse */
/* .page-id-2299 .header-nav-col .main-nav-home-icon a:hover span {
    color: var(--awb-color6) !important;
}
.page-id-2299 .header-nav-col li.current-menu-item a,
.page-id-2299 .header-nav-col li a:hover,
.page-id-2299 .header-nav-col li a:active,
.page-id-2299 .header-nav-col li a:focus,
.page-id-2299 .header-nav-col li a:focus-within,
.page-id-2299 .header-nav-col li a:focus-visible {
    color: var(--awb-color6) !important;
} */

/*
####################################################################################################
# HOMEPAGE
####################################################################################################
*/

.custom-slant-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100%;
    background-color: var(--awb-color5);
    clip-path: polygon(0 0, 60% 0, 35% 100%, 0% 100%);
    z-index: 2;
    pointer-events: none;
}


@media(max-width: 767px) {
    .custom-slant-overlay {
        clip-path: polygon(0 0, 90% 0, 60% 100%, 0% 100%);
    }
}


.slant-overlay-parent {
    position: relative;
    overflow: hidden;
}

#wrapper #main .content-box-counter .display-counter {
    font-size: 150px;
    padding-left: 1rem;
    font-weight:600;
}

#wrapper #main .content-box-counter .unit {
    font-size: 88px;
}
  
/*
####################################################################################################
# CAPABILITIES
####################################################################################################
*/

/* #wrapper #main #content .service-capability-col-express > .fusion-column-wrapper {
    border-left: solid 4px var(--awb-color4);
}

#wrapper #main #content .service-capability-col-uk-logistics > .fusion-column-wrapper {
    border-left: solid 4px var(--awb-custom_color_2);
}

#wrapper #main #content .service-capability-col-global > .fusion-column-wrapper {
    border-left: solid 4px var(--awb-color3);
}

#wrapper #main #content .service-capability-col-warehouse > .fusion-column-wrapper {
    border-left: solid 4px var(--awb-color6);
} */

.service-capabilities-col-image > div .service-capability-col {
	margin: 0;
}

.service-capabilities-col-image > div .service-capability-col > div {
	/* box-shadow: 0 3px 2px #00000030; */
}

.border-right::after { content: ''; width: 4px; height: 73%; background: #004899; position: absolute; right: 0; top: 75px; }

/*
####################################################################################################
# CONTACT FORMS
####################################################################################################
*/

#wrapper #main .frm-fluent-form input[type="text"],
#wrapper #main .frm-fluent-form input[type="email"],
#wrapper #main .frm-fluent-form textarea {
    border-radius: 0 !important;
    color: #000;
    font-size: 12px;
}

#wrapper #main .frm-fluent-form input[type="text"]::placeholder,
#wrapper #main .frm-fluent-form input[type="email"]::placeholder,
#wrapper #main .frm-fluent-form textarea::placeholder {
    color: #000;
}

.service-contact-express-row .frm-fluent-form input[type="text"],
.service-contact-express-row .frm-fluent-form input[type="email"],
.service-contact-express-row .frm-fluent-form textarea {
    background-color: transparent;
    border: 0.5px solid #004899;
	padding: 14px;
}

#wrapper #main .service-contact-express-row .frm-fluent-form button[type="submit"] {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    line-height: 1.5;
    background-color: var(--awb-color5);
    border-radius: 0 !important;
    text-transform: uppercase;
    color: #fff;
    border: solid 1px var(--awb-color5);
    font-size: 16px;
    font-weight: 600;
}

#wrapper #main .service-contact-express-row .frm-fluent-form button[type="submit"]:hover {
    background-color: #fff;
    color: var(--awb-color5);
    border: solid 1px #fff;
}

#wrapper #main .hero-cta-col .frm-fluent-form button[type="submit"] {
    font-family: "Poppins", Arial, Helvetica, sans-serif;
    line-height: 1.5;
    background-color: var(--awb-color2);
    border-radius: 0 !important;
    text-transform: uppercase;
    color: var(--awb-color5);
    border: solid 1px var(--awb-color2);
    font-size: 16px;
    font-weight: 600;
}

#wrapper #main .hero-cta-col .frm-fluent-form button[type="submit"]:hover {
    background-color: var(--awb-color5);
    color: var(--awb-color2);
    border: solid 1px var(--awb-color5);
    opacity: 1;
}



/*
####################################################################################################
# TIMELINE
####################################################################################################
*/

#wrapper #main .timeline-row .timeline-content-col .timeline-content-title {
    margin: 0px 0px 20px 0px;
}

#wrapper #main .timeline-row .timeline-content-col .timeline-content-title h4 {
    color: #004899;
    font-size: 32px;
    line-height: 1.4;
    margin: 0;
}

#wrapper #main .timeline-row .timeline-image-col .timeline-image {
    margin-top: 6px;
}

/* Ensure the row can host an absolutely-positioned pin */
.timeline-row {
  position: relative;
  overflow: visible; /* just in case masks/overflow hide the pin */
}

/* Right marker */
.timeline-row::after {
  content: "";
  position: absolute;
  top: 20px;                /* offset down from top */
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 12px solid #004899; /* black arrowhead */
  z-index: 3;
}

/* Left marker */
.timeline-row::after {
    content: "";
    position: absolute;
    top: 20px;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 12px solid #004899;
    z-index: 3;
}

.timeline-row:nth-child(odd)::after {
  border-right: 12px solid #004899;  /* arrow into left content */
  border-left: none;
  left: 49.7%;
}
.timeline-row:nth-child(even)::after {
  border-left: 12px solid #004899;   /* arrow into right content */
  border-right: none;
  left: 50.35%;
}



/* If your spine is inside the middle column, make sure it sits under the pin */
.timeline-spine-col {
  position: relative;
  z-index: 1;
  min-height: 100%;
  background: linear-gradient(#004899, #004899) center/2px 100% no-repeat; /* 2px black line */
}

/* Optional: smaller pin on mobiles, or move/hide it when columns stack */
@media (max-width: 800px) {

  .timeline-spine-col {
    display: none !important;
  }
  .timeline-row::after {
    display: none !important;
  }

}


/*
####################################################################################################
# MISC
####################################################################################################
*/

.twenty-four-seven-divider {
    color: var(--awb-color5);
}

.awb-off-canvas .awb-menu .awb-menu__main-ul li:hover .awb-menu__main-a,
.awb-off-canvas .awb-menu__main-li_regular.current-menu-item .awb-menu__main-a_regular {
    color: var(--awb-color2) !important;
}

/* HH Rubico CSS Starts here */

/* Globals */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

html, body {
	overflow-x: hidden;
	scroll-behavior: smooth;
}

.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 8px !important;}
.mb-2 {margin-bottom: 12px !important;}
.mb-3 {margin-bottom: 16px !important;}
.my-3 {margin: 16px 0 !important;}

.fw-400 {font-weight: 400;}

.bg-white { background: #fff !important;}

.text-yellow {color: #ffdf43;}
.text-white {color: #ffffff;}
.text-sm {font-size: 14px !important;}

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

.position-relative { position: relative !important;}
.position-static { position: static !important;}
.position-absolute { position: absolute !important;}

textarea {resize: none;}

.img-wrapper span, .img-wrapper img { width: 100%; height: 100%; display: block;}
.img-wrapper img { object-fit: cover;}
.img-wrapper .fusion-image-element { height: 100%; }

.indented-list ul li {
  position: relative; /* Needed for absolute positioning in ::after */
  list-style: none; /* Remove default bullets */
  padding-left: 20px; /* Make space for the icon */
}

.indented-list ul li::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="white" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
  background-size: contain;
  background-repeat: no-repeat;
  width: 14px;
  height : 14px;
	transition: all .3s ease-in-out;
}

/* Hover (yellow arrow) */
.indented-list ul li:hover::after, .indented-list ul li.awb-menu__main-li_regular.current-menu-item::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="%23ffdf43" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
}

span.menu-text {transition: all .3s ease-in-out;}

#wrapper .indented-list .awb-menu__main-li_regular:hover .awb-menu__main-a_regular,
#wrapper .indented-list .awb-menu__main-li_regular:hover span.menu-text,
#wrapper .indented-list .awb-menu__main-li_regular.current-menu-item .awb-menu__main-a_regular{
	color: #ffdf43 !important;
}

/* Header */
/* .fusion-tb-header:has(.blue-head) {background: var(--awb-color5) !important; } */
.fusion-tb-header {padding: 0 15px;}
/* .fusion-tb-header > div { max-width: 1112px; margin: 0 auto; padding: 0; } */
.homepage-header .menu-text { font-size: 16px; }

.homepage-header .menu-item.awb-menu__main-li {margin: 0 25px 0 0;}
/* 
Global css */
h1{margin-bottom:39px;}
/* =============== By Philip P. =============== */
body {width: 100vw;}
.homepage-header {
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.homepage-header > div > .fusion-layout-column {width: auto;}
.homepage-header > div > .fusion-layout-column:first-child {margin-right: auto;}
.homepage-header #menu-secondary-top-nav li {margin: 0 10px 0 20px;}

#wrapper {margin-inline-start: 0 !important;}
.awb-off-canvas-inner {background: #ffdf43 !important;}
.awb-off-canvas-inner .fusion-fullwidth {border: 0;}
.awb-off-canvas-inner .fusion-column-wrapper *, .awb-off-canvas-inner a {color: #004899 !important;}
.off-canvas-close {width: 35px; height: 35px; border: 1px solid #004899 !important; border-radius: 50%; color: #004899 !important;} 
.homepage-header .main-nav-home-icon.current-menu-item a span,
.homepage-header .side-nav ul li.main-nav-home-icon a{color: #ffdf43 !important;}
html:has(.awb-off-canvas-wrap.awb-show) { overflow: hidden; }
.side-nav ul li a {display: inline-block; font-size: 25px; text-decoration: underline; border: 0 !important; padding: 0 !important;}
.side-nav ul {display: flex; flex-direction: column;}
.side-nav ul li a:hover {text-decoration: none;}
.side-nav ul li:hover a,
.side-nav ul li span.awb-menu__main-background-active {border: 0 !important;}
.side-nav ul li.main-nav-home-icon a .fusion-megamenu-icon {display: none !important;}
.side-nav ul li.main-nav-home-icon a span.menu-text span {display: block !important;}
.side-nav ul li.main-nav-home-icon {order: -1;}
.side-nav .fusion-social-networks-wrapper a {font-size: 30px !important;}
/* Header */

/* -- Home Page Inner Sections -- */
.service-stats-row .counter-box-content {max-width: 260px; margin: auto; text-align: left; padding-left: 25px;}
.service-stats-row .fusion-layout-column:nth-child(3) .counter-box-content {
    max-width: 300px;
    padding-left: 0;
}
.meet-team-section > div {min-height: 90vh; display: flex; justify-content: end;}
.meet-team-section .img-meet-team {position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1;}
.meet-team-section .img-meet-team * {width: 100% !important; height: 100% !important; object-fit: cover;}
.meet-team-section .content-wrapper {position: relative; z-index: 2; top: initial; right: initial; padding: 75px 100px ; transform: none; height: 100%; align-items: center; max-width: 100%; text-align: left !important; left: initial; justify-content: flex-end; background: linear-gradient(to right,  rgba(0,0,0,0) 40%,rgba(0,0,0,1) 100%);}
.meet-team-section .content-wrapper > div {max-width: 515px;}
.meet-team-section .content-wrapper .sm-text-align-center {text-align: left !important;}
.service-contact-row > div {background: transparent !important;}
.wrap-get-touch > div {box-shadow: 0 3px 4px #00000040;}
p:empty {display: none;}
.service-testimonials-row {background-blend-mode: multiply !important;}


/* -- Express Page -- */
.service-contact-express-row .fusion-column-wrapper {background-blend-mode: multiply !important;}

/* ============== Footer Styling ==============  */
.fusion-tb-footer {-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
#menu-bottom-footer {align-content: center;}
#menu-bottom-footer li:not(:first-child) {border-left: 1px solid #fff;}
#menu-bottom-footer li { margin: 5px 0; padding: 0 6px;}
#menu-bottom-footer li a {text-decoration: underline;}

/* Career Page CSS */
.banner-right-image-wrap, .banner-right-image-wrap > div, .banner-right-image-wrap .fusion-image-element { position: static !important; }
.banner-right-image-wrap .right-image-wrap {right: 0; bottom: 0; max-width: 754px;}
.banner-right-image-wrap .right-image-wrap img {width: 100%; object-fit: cover;}


.job-card-wrapper { background: #004899; padding: 23px 32px; border-left: 4px solid #ffdf43;}

.fusion-tb-header:has(.header-custom) { position: fixed; top: 0; left: 0; width: 100%; z-index: 9999; transition: all .3s ease-in-out; }

/* employee stories slider */
.employee-stories-slider .swiper-slide {box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); margin-bottom: 15px; display: flex; flex-direction: column; height: auto;}
.employee-stories-slider .swiper-slide .card-content {border-left: 4px solid rgba(255, 223, 67, 1); padding: 32px; display: flex; flex-direction: column; flex-grow: 1;}
.employee-stories-slider .swiper-slide .card-body {display: flex; align-items: flex-start; flex-grow: 1;}
.employee-stories-slider .swiper-slide .video-thumbnail {display: block;}
.employee-stories-slider .swiper-slide .video-thumbnail .play-icon {}
.employee-stories-slider .swiper-slide h2 {margin: 0; color: #004899; line-height: 1.2;}
.employee-stories-slider .swiper-slide .card-body h2 {font-size: 20px; font-weight: 400;}
.employee-stories-slider .swiper-slide .icon-wrapper {width: 100%; height: 100%; position: absolute; top:0; left: 0; background: linear-gradient(to right,  rgba(0,0,0,0) 68%,rgba(0,0,0,1) 100%); display: flex; justify-content: end; align-items: center; padding-right: 15px; }

.employee-stories-slider .swiper-slide span.play-icon {
    border: 2px solid white;
    color: white;
    padding: 28px 32px;
    font-size: 36px;
    border-radius: 50%;
}
.employee-stories-slider .swiper {
  position: relative;
  overflow: hidden;
  padding: 0 30px; /* half of the 50px spacing */
}

.employee-stories-slider .swiper-button-prev,
.employee-stories-slider .swiper-button-next {
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  position: absolute;
}

.employee-stories-slider .swiper-button-prev {
  left: 0;
}

.employee-stories-slider .swiper-button-next {
  right: 0;
}

.employee-stories-slider .swiper-wrapper {
  margin: 0 auto;
}


.employee-stories-slider .swiper-button-next:after, 
.employee-stories-slider .swiper-button-prev:after { color: #004899; font-size: 38px;}


.contact-section {max-width: 1128px; margin: 80px auto !important; box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25) !important; width: 100%; background-size: contain !important; background-position: top right !important;}

/* -----------By Henry ------------------ */
.service-contact-col-image .fusion-image-element ,
.service-contact-col-image .fusion-imageframe ,
.service-contact-col-image img{height:100%;}
.service-contact-col-image img {max-width: 500px; width: 100%; object-fit: cover;}


/* =========== Media Breakpoints =============  */
@media (max-width: 1256px) {
	.head-footer h4 {font-size: 6vw !important;}
	.logo-footer {text-align: center;}
	.wrap-news h2 {font-size: 26px !important;}
}

@media (max-width: 700px) {
	.footer-bottom .fusion-layout-column:first-child .fusion-column-wrapper {justify-content: center; margin: 25px 0 35px;}
	#menu-bottom-footer {justify-content: center;}
	
	/* -- Order Change Responsive Footer -- */
	.fusion-footer {background-color: #004899; padding: 0 0 0 5px;}
	.fusion-footer .fusion-footer-widget-area {display: flex; flex-wrap: wrap;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth,
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth > div {display: contents;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(1) > div > div:nth-child(1) {display: none;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(1) > div > div:nth-child(2) {order: 1; margin-top: 50px;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(1) > div > div:nth-child(3) {order: 2;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(1) > div > div:nth-child(4) {order: 3;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(1) > div > div:nth-child(5) {order: 4; padding: 25px 0;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(2) > div > div:nth-child(2) {order: 5; width: 50%;         padding: 25px 0;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(2) > div > div:nth-child(1) {order: 6;}
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(3) > div > div:nth-child(2) {order: 7;}	
	.fusion-footer .fusion-footer-widget-area .fusion-fullwidth:nth-child(3) > div > div:nth-child(1) {order: 8;}
	.fusion-social-networks-wrapper a {font-size: 16px !important;}
	.meet-team-section .content-wrapper {padding: 50px;}
	.wrap-get-touch .fusion-layout-column .fusion-column-wrapper {margin: 0;}
	.wrap-news .fusion-imageframe {display: block;}
	.wrap-news .fusion-imageframe img {width: 100%;}
	.wrap-news .fusion-layout-column {margin-bottom: 0;}
}

@media(max-width: 575px) {
	h1 {font-size: 28px !important;}
	h2, h3, h4 {font-size: 24px !important;}
	h5, h6 {font-size: 16px !important;}
	.content-wrapper {text-align: center; right: unset; left: 50%; width: 100%;transform: translate(-50%, -50%);}
	.awb-mt-section .fusion-row {flex-direction:column-reverse;}
}
@media (min-width: 768px) {
	.connect-footer {justify-content: flex-end;}
	.connect-footer > div {width: auto !important;}
	.single-banner > div {padding-bottom: 200px;}
	.single-banner-title {max-width: 624px;}
	.single-banner-body {max-width: 508px;}
}

@media(min-width: 1200px) {
	.neg-margin { margin-left: -75px;}
}




.service-stats-col .content-box-percentage {display:flex;align-items:center;justify-content:center;}
.service-stats-col .content-box-percentage  .fontawesome-icon{ padding:14px;height:auto;}
.counter-col  .counter-box-icon{ position:relative; }
.counter-col  .counter-box-icon::after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background-color: #4ce0d2;
    z-index: 0;
    border-radius: 50%;
}
.counter-col  .counter-box-icon::before{ z-index:2; position:relative; color:#ffffff; }

.counter-col .counter-box-content{text-align:center; padding:0; max-width:100%;}
.service-capabilities-image{width:100%; max-width:100%}
.service-capabilities-image img{width:100%; max-width:100%}
.service-case-study-content-blurb{max-width:600px;}
.awb-ul-list-container ul{padding-left:20px;}
/* .awb-card{ flex-direction: column;} */


#wrapper #main .service-stats-row .counter-box-content {
    text-align: center;
}

#wrapper #main .service-checklist .fusion-li-item-content strong {
    color: #004899;
    font-size: 24px;
}

#wrapper #main .service-checklist .fusion-li-item .icon-wrapper {
    font-size: 24px;
}

#wrapper #main .service-video-col-content .service-2-col-content-text a:hover {
    color: #000;
}



.fluentform .hero-cta-phone p {
    font-size: 20px;
    margin: 15px 0 0 0;
    text-align: right;
    color: #fff;
    line-height: 1;
}

#wrapper #main .service-testimonials .swiper-pagination-bullet {
    border: 1px solid var(--awb-dots-active-color);
    background: transparent;
}

#wrapper #main .service-testimonials .swiper-pagination-bullet-active {
    background: var(--awb-dots-active-color);
}

#wrapper #main .service-testimonials-row-warehousing .swiper-wrapper .fusion-text p,
#wrapper #main .service-testimonials-row-uk-logistics .swiper-wrapper .fusion-text p {
    line-height: 1.4;
    font-size: 20px;
}

.fusion-alert:not(.error):not(.success):not(.notice) {
  display: none !important;
}

#wrapper #main .fusion-text ul,
#wrapper #main .panel-body ul {
    margin: 0 0 20px 25px;
}

#wrapper #main .wpcf7-captchar,
#wrapper #main .wpcf7-form .wpcf7-date,
#wrapper #main .wpcf7-form .wpcf7-number,
#wrapper #main .wpcf7-form .wpcf7-quiz,
#wrapper #main .wpcf7-form .wpcf7-select,
#wrapper #main .wpcf7-form .wpcf7-text,
#wrapper #main .wpcf7-form textarea {
    border-color: #004899;
    border-radius: var(--form_border_radius);
}