/*************************************** Base Styles  ***************************************/  /* Clear Elements */    .group:before, .group:after {content: ""; display: table;}     .group:after {clear: both;}    .group {zoom: 1;}    /* Set up REM style */  /*  html { font-size: 62.5%; }     body { font-size: 14px; font-size: 1.4rem; background: #fff;}     h1   { font-size: 24px; font-size: 2.4rem; } */    /* Older browsers */    html { font-size: 12px; background: #ffffff; scroll-behavior: smooth;}      @media screen and (min-width: 320px){      html { font-size: calc( 12px + (16 - 12) * (100vw - 320px) / (1200 - 320) ); }  }      @media screen and (min-width: 800px){        html { font-size: 16px; }  }    /* Border Box */    *, *:before, *:after {        -webkit-box-sizing: border-box;        -moz-box-sizing: border-box;        box-sizing: border-box;    }body {font-family: "Rubik", sans-serif; font-optical-sizing: auto;}body.pushy-open-right {overflow: hidden;}/************************ * Colors  *  * *********************/:root {--purple-light: #714ed9;--purple-light-transparent: rgba(113,78,217,0.9);--purple-light-seethrough: rgba(113,78,217,0.5);--purple-med: #6042b6;--purple-dark: #4c358e;--purple-bright: #6b22eb;--green: #6cf1c2;--blue: #2028a4;--grey-light: #f2f2f2;--grey-med: #c7c7c7;--grey-dark: #353535;--grey-darkest:  #1d1d1d;--white:  #fff;--white-transparent: rgba(255,255,255,0.15);--alert-red: #f8d7da;--alert-red-darker: #721c24;--alert-green: #c3e6cb;--alert-green-darker: #155724;--animate-duration-1sec: 1s;  --animate-duration-2sec: 2s;  --animate-durationslow: 6s;}/*************************************** Fonts  ***************************************/  /* font-family: "Space Grotesk", system-ui;font-family: "Rubik", system-ui;  font-optical-sizing: auto;  font-weight: <weight>;  font-style: normal;light = 300reg = 400med = 500semi-bold = 600bold = 700extra-bold = 700black = 900  */h1 {font-family: "Space Grotesk", system-ui; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 60px; font-size: 3.75em; line-height: 1.1; margin: 0px; color: var(--blue); margin-bottom: 15px;}h2 {font-family: "Space Grotesk", system-ui; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 45px; font-size: 2.8125em; line-height: 1.1; margin: 0px;  color: var(--blue); margin-bottom: 15px;}h3 {font-family: "Space Grotesk", system-ui; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 30px; font-size: 1.875em; line-height: 1.1; margin: 0px; color: var(--blue); margin-bottom: 15px;}h4 {font-family: "Space Grotesk", system-ui; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 18px; font-size: 1.125em; line-height: 1.1; margin: 0px;  color: var(--blue); margin-bottom: 15px;}h5 {font-family: "Space Grotesk", system-ui; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 16px; font-size: 1.0em; line-height: 1.1; margin: 0px; color: var(--blue); margin-bottom: 15px;}h6 {font-family: "Space Grotesk", system-ui; font-optical-sizing: auto; font-weight: 700; font-style: normal; font-size: 14px; font-size: 0.875em; line-height: 1.1; margin: 0px; color: var(--blue); margin-bottom: 15px;}p {color: var(--grey-dark); font-family: "Rubik", system-ui; font-optical-sizing: auto; font-size: 16px; font-size: 1em; line-height: 1.5;font-weight: 400; font-style: normal; margin-top: 0px; margin-bottom: 15px;} p strong {font-weight: 600;}a {font-family: "Rubik", system-ui; font-optical-sizing: auto; color: var(--grey-dark);  font-optical-sizing: auto; text-decoration: none; font-style: normal; }ul li, ol li, li {color: var(--grey-dark); font-family: "Rubik", system-ui; font-optical-sizing: auto; font-style: normal; }em {color: var(--grey-dark); font-family: "Rubik", system-ui; font-optical-sizing: auto; font-style: italic; }/***************************************Buttons ***************************************//*.menu-btn {border-radius: 30px; display:  none; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--orange); font-size: 16px; font-size: 1em; color: var(--white);}.menu-btn:hover {background: var(--dark-grey); color: var(--white);}*/.mobile-nav {display:  none;}.green-btn {background-clip: padding-box; outline: 1px solid var(--blue);    border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--blue);}.green-btn:hover {background-clip: padding-box; outline: 1px solid var(--blue);    background: var(--blue); color: var(--white);}/*************************************** Navigation ***************************************/.pushy {padding: 20px 0 0 0;  overflow: auto;}.pushy-inner {    display: block;width: 100%;height:  100%;min-height:  480px;position:  relative;background: var(--dark-grey);border-top-left-radius: 30px;padding:  25px;  }.pushy-bar-logo {margin-bottom: 20px; text-align: center;}.pushy-bar-logo img {width:  200px; visibility: hidden;}.mobile-logo img {width: 200px; vertical-align: middle; }.mobile-logo a {padding: 0px !important;}.pushy-content {position:  relative; padding-bottom:  30px;}.pushy {position: fixed;}.pushy-navigation h3 {color: var(--light-grey); text-align: center; font-size: 35px; font-size:  2.1875em ; margin-bottom:  0px;}.pushy-navigation ul {margin: 0px; padding: 0px; }.pushy-navigation ul li {border-bottom: 1px solid var(--light-grey); transition: all 0.5s ease 0s; padding: 5px 0px;}.pushy-navigation ul li a {font-family: "Space Grotesk", system-ui; text-align: center; padding:15px 0px;position:  relative; text-transform: none; border-left: 3px solid transparent;  font-size: 24px; font-size: 1.5em; line-height: 1.3;font-weight: 700; font-style: normal; color: var(--white); transition: all 0.5s ease 0s; }.pushy-navigation ul li a:hover { color: var(--green); padding-left: 15px;}.pushy-navigation ul li ul {/*background: #eeeeee;*/ display: none; }.pushy-navigation ul li ul li a {font-family: "Rubik", sans-serif; font-size: 18px; font-size: 1.125em; line-height: 1.3;font-weight: normal; font-style: normal; color: var(--green); transition: all 0.5s ease 0s; text-transform: none;}.pushy-navigation ul li ul li a:hover {}.pushy-navigation ul li ul li:last-of-type {border-bottom: 0px;}.pushy a {  display: block;}.pushy-navigation .has-dropdown > a:after {content:"→"; display:  inline-block; margin-left: 10px; font-size: 30px; line-height: 0.5; vertical-align: -2px;}.pushy-navigation .has-dropdown.active > a:after {transform: rotate(90deg);}/*.pushy-contact p a {padding: 5px 30px; color: #fff;}*/.inner-position {width: 100%; display: table-cell; vertical-align: middle;}.pushy-extra-buttons {padding:  25px;display:  flex;}.pushy-extra-buttons a {width:  49%; margin-right: 1%;color: #fff;}.pushy {z-index: 999999;}.mobile-login {padding: 20px; background: var(--white-transparent); border: 1px solid var(--white); border-radius: 20px; margin-top: 25px;}.mobile-login h3 {text-align: center; color: var(--white); font-size: 20px; font-size: 1.25em;}.mobile-login #displayLoginMobile {margin-top:  20px;}#displayLoginMobile .ajaxItems {display: flex; align-items: center; justify-content: center;}#displayLoginMobile .ajaxItems .ajaxRegister a {margin-right: 10px;text-transform: initial; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--blue); font-size: 16px; font-size: 1em; color: var(--white); padding: 15px 30px; border-radius:  30px;}#displayLoginMobile .ajaxItems .ajaxRegister a:hover {background: var(--purple-light); color: var(--white);}#displayLoginMobile .ajaxItems .ajaxLogin a {text-transform: initial; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--purple-bright); padding: 15px 30px; border-radius:  30px;}#displayLoginMobile .ajaxItems .ajaxLogin a:hover {background: var(--purple-light); color: var(--white);}/*************************************** Header Bar ***************************************/.nav-bar {width: 100%; height:  100px; padding: 0 20px; background: var(--white-transparent); display:  flex; align-items: center; position: absolute; top: 0; left: 0;}.nav-bar-logo {width: 20%; }.nav-bar-logo img {width: 250px; transition: all 0.5s ease 0s;}.nav-bar-logo img:hover {scale: 1.05;}.nav-bar-menu {width: 60%; height: 100%;}.nav-bar-login {width: 20%;}#displayLogin .ajaxItems {display: flex; align-items: center; justify-content: flex-end;}#displayLogin .ajaxItems .ajaxRegister a {margin-right: 10px;text-transform: initial; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--blue); font-size: 16px; font-size: 1em; color: var(--white); padding: 15px 30px; border-radius:  30px;}#displayLogin .ajaxItems .ajaxRegister a:hover {background: var(--purple-light); color: var(--white);}#displayLogin .ajaxItems .ajaxLogin a {display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--purple-bright); padding: 15px 30px; border-radius:  30px;}#displayLogin .ajaxItems .ajaxLogin a:hover {background: var(--purple-light); color: var(--white);}.menu-btn {display:  none;}.hamburger {            cursor: pointer;            width: 70px;            height: 70px;            position: relative;            display: inline-block;        }        .hamburger .line {            fill: none;            stroke: var(--white);            stroke-width: 3;            transition: all 0.3s ease-in-out;        }        .line1, .line3 {            transform-origin: 50% 50%;            transition: transform 0.3s ease-in-out;        }        .line2 {            transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;        }        .hamburger.active .line1 {            transform: translateY(11px) rotate(45deg);        }        .hamburger.active .line2 {            opacity: 0;        }        .hamburger.active .line3 {            transform: translateY(-18px) rotate(-45deg);        }/* NAVIGATION */.nav-box {position: relative;}.nav {height: 100%;}#navInsprimary {display:  inline-block; text-align: right; width:  100%;}#primary {width:  100%; height:  100%; margin: 0px 0px 0px 0px; padding-left: 0px;  display: flex; justify-content: center; align-items: center;}#primary>li {height:  100%; min-width: 150px; padding: 0 0px; display: inline-block; vertical-align: middle;  list-style-type: none; position: relative; text-align: center; }#primary>li:hover { }#primary>li>a { border-bottom: 8px solid transparent; height: 100%;  align-items: center;  text-align: center;  justify-content: center; padding:  10px 15px;display: flex;  transition: all 0.5s ease 0s; margin: 0 0px;   transition: all 0.5s ease 0s; font-family: "Rubik", sans-serif; font-optical-sizing: auto; font-size: 18px; font-size: 1.125em; font-weight: 400; font-style: normal; color: var(--white); position: relative;  text-decoration: none; }#primary>li>a:hover, #primary>li.hover>a {border-bottom: 8px solid var(--green); background: var(--white-transparent);}#primary>li>a.linkActive {border-bottom: 8px solid var(--green); background: var(--white-transparent);}/* Dropdown LV1 */#primary>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}#primary>li:hover>ul {display: block; min-width: 150px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); z-index: 9999; background: var(--purple-dark); padding: 0px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;overflow: hidden;}#primary>li>ul>li { text-align:  left; border-bottom: 1px solid #fff;}#primary>li>ul>li:last-of-type {border-bottom: 0px;}#primary>li>ul>li:hover {background: var(--green); }#primary>li>ul>li>a {padding: 10px 15px !important; font-family: "Rubik", system-ui; font-size: 16px; font-size: 1em; font-weight: normal; font-style: normal; color: var(--white); height: auto;  display: block; border: none; text-decoration:none; }#primary>li>ul>li>a:hover {text-decoration: none; color: var(--blue);}#primary li>ul>li {position: relative;}  /* Dropdown LV2 */#primary>li>ul>li>ul {display: none; white-space:nowrap; list-style: none; text-decoration:none; margin: 0px;}/*************************************** Home  Page***************************************/.home-main-banner {position: relative; background: linear-gradient(45deg,  rgba(107,34,235,1) 0%,rgba(32,40,164,1) 100%); }.home-main-banner-overlay {background: url('/despatchable-com/_img/img/main-banner-map.png'); background-size: cover; background-position: top center; padding: 100px 0 250px 0;}.home-banner-intro-text {padding: 5% 0 0 0; margin-bottom: 5%;}.home-banner-intro-text .row {display:  flex; align-items: center;}.home-banner-text h1 {color: var(--white);}.home-banner-text h1 a {color: var(--green);}.home-banner-text p {color: var(--white); font-size: 18px; font-size: 1.125em;}.home-form-wrapper {margin-top: -250px; position: relative;}.form-tabs {display:  flex; justify-content: space-around;}.form-tab-item {width: 49.5%; background: var(--purple-light); padding: 20px; text-align: center; border-top-left-radius: 20px; border-top-right-radius: 20px; color: var(--white);}.form-tab-item.middle {margin: 0 0% 0 2%;}.form-tab-item.link {font-family: "Rubik", system-ui; transition: all 0.5s ease 0s; background: var(--green); color: var(--blue);}.form-tab-item.link:hover {background: var(--purple-light); color: var(--white);}.home-how-it-works-wrapper {position: relative;}.home-how-it-works-wrapper h2 {text-align: center; margin-bottom: 35px;}.carrier-logos-outer {padding: 85px 0;}.carrier-logo-item {padding: 10px;}.carrier-logos-item-inner {border-radius: 10px; height: 90px; background: var(--grey-light); display:  flex; align-items: center; justify-content: center;}.slick-arrow {position: absolute; top: 50%; transform: translateY(-50%);}.slick-prev {position: absolute; left: -25px; width: 25px; height: 25px; background: url('/despatchable-com/_img/img/arrow-left.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat;}.slick-next {position: absolute; right: -25px; width: 25px; height: 25px; background: url('/despatchable-com/_img/img/arrow-right.svg'); background-size: contain; background-position: center center; background-repeat: no-repeat;}.slick-track {margin: auto;}.carrier-logos-outer-btn {text-align: center; margin-top: 35px;}.how-it-works-outer {margin-bottom: 85px;}.how-it-works-items-outer-items {display:  flex; flex-wrap: wrap;}.how-it-works-item {width: 24%; margin-right: 1%; position: relative; border: 1px solid var(--blue); border-radius: 10px;}.how-it-works-item:last-of-type {margin-right:  0px;}.how-it-works-number {background: var(--blue); color: var(--white); font-weight: 700; border-top-left-radius: 7px; display:  inline-block; padding: 5px 10px; font-size:  30px; font-size: 1.875em;}.how-it-works-text {padding: 25px 20px;}.how-it-works-text h3 {text-align: center; font-size: 18px; font-size: 1.125em; color: var(--grey-dark); margin-bottom: 0px;}.how-it-works-image {margin-top:  20px;}.how-it-works-items-outer-btn {text-align: center; margin-top: 35px;}.carrier-logos-outer-btn .green-btn {width: 100%;}.how-it-works-items-outer-btn .green-btn {width: 100%;}.faq-wrapper {background: linear-gradient(40deg, rgba(108,124,222,1) 0%,rgba(107,34,235,1) 30%,rgba(32,40,164,1) 100%);}.faq-wrapper-inner {background: url('/despatchable-com/_img/img/faq-map.png'); background-size: cover; background-position: center center; background-repeat: no-repeat; padding: 85px 0;}.faq-wrapper-inner h2 {color: var(--white); margin-bottom:  35px;}.accordion {margin: 0px; display: block; width:100%;}.accordion dt {width:  100%; padding: 0px; background: var(--purple-light); margin-bottom:  20px; border-radius: 10px;}.accordion a {border-radius: 10px; text-decoration: none !important; display:  block; padding: 25px 20px; position: relative; color: var(--white) !important; font-size: 20px; font-size:  1.25em;}.accordion a:hover {background: var(--purple-med); color: var(--white) !important;}.accordion a:after {transition: all 0.5s ease 0s; content: url("/despatchable-com/_img/img/white-arrow.svg"); width: 15px; display:  block; position: absolute; top: 50%; right:  15px; transform: translateY(-50%);}.accordion a.open:after {transform: translateY(-50%) rotate(90deg);}.accordion dd {margin-left:0px;border: 0px; padding: 20px; background: var(--white); margin-bottom: 20px; border-radius: 10px;}.accordion dd p {color: var(--grey-dark); font-size:  18px; font-size: 1.125em;}.accordion dd p:last-of-type {margin-bottom: 0px;}.faq-side-box {width: 100%; padding: 25px; background: var(--white-transparent); border-radius: 20px; border: 1px solid var(--white); margin-bottom: 20px;}.faq-side-box:last-of-type {margin-bottom: 0px;}.faq-side-box img {width: 80%; margin-bottom: 15px;}.faq-side-box p {color: var(--white);}.faq-outer-btn {margin-top:  35px;}.faq-outer-btn .green-btn {width: 100%; text-align: center;}.faq-side-box a.green-btn {width: 100%; text-align: center;}.footer-top {padding: 40px 0px; background: var(--blue); text-align: center;}.footer-top .row {display: flex; align-items: center; justify-content: center;}.footer-top h2 {font-size:  36px; font-size:  2.25em; color: var(--white);  margin-right: 20px; margin-bottom: 0px;}.footer-middle {width: 100%; background: var(--grey-light); padding: 85px 0px; }.card-icons {display: flex; margin-top:  20px;}.card-icons img {width: 50px; margin-right: 5px;}.card-icons-mobile {display: none; margin-top:  20px;}.card-icons-mobile img {width: 50px; margin-right: 5px;}.footer-links {display:  flex;}.footer-links-box {width:  33.33%;}.footer-links-box h3 {font-size: 20px; font-size: 1.25em; color: var(--grey-dark); margin-bottom: 35px;}.footer-links-box ul {padding: 0px; list-style-type: none;}.footer-links-box ul li {margin-bottom: 20px;}.footer-links-box ul li a {transition: all 0.5s ease 0s;}.footer-links-box ul li a:hover {color: var(--purple-light);}.footer-bottom {width: 100%; padding: 35px 0px; background: var(--grey-med); }.footer-bottom p {text-align: center; margin-bottom: 0px;}.footer-bottom p a {font-family: "Rubik", system-ui; transition: all 0.5s ease 0s;}.footer-bottom p a:hover {color: var(--purple-light);}/***************************************Inner Pages***************************************/.inner-main-banner-overlay {background: url('/despatchable-com/_img/img/main-banner-map.png'); background-size: cover; background-position: top center; height: 290px;}.home-main-banner-overlay {position: relative;}.innerPageTitleWrap {text-align: center; position: absolute; top: 70%; left: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1400px; margin: 0 auto;}.innerPageTitleWrap h1 {color: var(--white);}.innerPageTitle {  display: inline-block;}.mini-main-banner-overlay .miniPageTitleWrap {text-align: right;}.mini-main-banner-overlay .miniPageTitleWrap h1 {margin-bottom: 0px; text-align: right; color: #fff;}.inner-content-wrapper {padding: 75px 0px;}.inner-content-wrapper #parcelForm .parcel-search .parcel-search-form {border-radius: 15px;}.inner-content-wrapper #results.has-content {border-radius: 15px;}.inner-content-wrapper .main-column dl.accordion dd {background: var(--grey-light);}.inner-content-wrapper form#parcelForm div.address-form-container {border-radius: 15px; overflow: hidden;}.inner-content-wrapper form#parcelForm div.address-form-container div#postcodeFormWrap div.form-container-variant-wrap {}/* Login Bits */.inner-content-wrapper .form-container {box-shadow: none; background: var(--purple-light); border-radius: 15px; min-width: initial;}.inner-content-wrapper .form-container .form-field-container input {width: 100%; padding: 15px; border: 5px solid var(--white); background: var(--white);}.inner-content-wrapper .form-container .form-submit-container {text-align: center;}.inner-content-wrapper .form-container .btn_form {border: 0px; background-clip: padding-box; outline: 1px solid var(--blue);    border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 35px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--blue); font-weight: 400; text-transform: none;}.inner-content-wrapper .form-container .btn_form:hover {background-clip: padding-box; outline: 1px solid var(--blue);    background: var(--blue); color: var(--white);}.inner-content-wrapper .form-container .form-submit-container a:not(.btn_form) {color: var(--white);}.inner-content-wrapper .form-container .form-submit-container a:not(.btn_form):hover {color: var(--blue);}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type {width: 100%; color: #fff; text-align: left;}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type h2 {text-align: center; color: #fff;}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type h2:after {width: 100px; height: 2px; margin:  20px auto; background: var(--white); content:""; display: block; }.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type p {color: #fff;}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type ul {padding: 0px;}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type ul li {color: #fff; margin-bottom: 10px; list-style-type: none; padding-left:  40px;}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type ul li:before {width: 20px; height: 20px;background:url('/despatchable-com/_img/email/main-logo-icon-only.png'); background-size: contain; background-position: center center; content:"";}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type ol li {color: #fff; margin-bottom: 10px;}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant:first-of-type h3 {text-align: left;}.inner-content-wrapper .form-container #pnlOnLoad .form-container-variant {width: 100%; border-radius: 5px;}.inner-content-wrapper ul {padding:  0px;}.inner-content-wrapper ul li {margin-bottom: 10px; list-style-type: none; line-height: 1.5; position: relative; padding-left: 30px;}.inner-content-wrapper ul li:before {position: absolute; left: 0; margin-top: 5px; display:  inline-block; width: 20px; height: 20px;background:url('/despatchable-com/_img/email/main-logo-icon-only.png'); background-size: contain; background-position: center center; content:""; margin-right: 10px;}.inner-content-wrapper ol li {margin-bottom: 10px; line-height: 1.5;}.service-items-outer-items {display:  flex; flex-wrap: wrap;}.service-item-item {transition: all 0.5s ease 0s; width: 32.33%; margin-right: 1%; position: relative; border: 1px solid var(--blue); border-radius: 10px;}.service-item-item:hover {scale: 1.05;}.service-item-number {background: var(--blue); color: var(--white); font-weight: 700; border-top-left-radius: 7px; display:  inline-block; padding: 5px 10px; font-size:  30px; font-size: 1.875em;}.service-item-text {padding: 25px 20px; text-align: center;}.service-item-text h3 {text-align: center; font-size: 18px; font-size: 1.125em; color: var(--grey-dark); margin-bottom: 0px;}.service-item-image {margin-top:  20px;}.service-item-text img {height: 40px;}.side-column {padding: 0px; background: none; min-width: initial; max-width: initial;}.side-column-box {width: 90%; margin-right: 10%;overflow: hidden; border-radius: 5px; border: 1px solid var(--purple-dark); margin-bottom: 20px; }.side-column-box-title {width: 100%; padding: 20px; background: var(--purple-dark);}.side-column-box-title h2 {color: var(--white); font-size: 25px; font-size: 1.5625em; margin-bottom: 0px; text-align: center;}.side-column-box-content {padding: 20px; background: var(--grey-light);}.side-column-box-content .green-btn {width: 100%; text-align: center;}.side-column-box .slick-next {right: 0px;}.side-column-box .slick-prev {left:  0;}/* Booking */#pnlBookStepTwo .form-container-variant-wrap .form-container-variant .alert.alert-info:first-of-type {margin-bottom: 20px;}#pnlBookStepTwo select {width: 100%;  padding: 15px;  border: 5px solid var(--white);  background: var(--white);}#pnlBookStepTwo .checkbox { margin-top:20px; display: block;}#pnlBookStepTwo .checkbox input#chk_Agree {width: 30px; display:  inline-block;}#pnlBookStepTwo .checkbox label {display: inline-block;}.form-container-book #pnlBookStepExpress .form-submit-container {padding: 20px;  background: var(--purple-med);}#pnlBookStepExpressPay {padding: 20px;}#pnlBookStepExpressPay h3 {color: var(--white);}#pnlBookStepExpressPay .alert {margin-bottom: 20px;}/* New Stripe Styling */#stripePaymentFormIntro p {padding: 15px; background-color: #d9edf7; border:1px solid #31708f; color: #31708f;}#pnlStepSuccess #stripeWrap #stripePaymentForm #stripePaymentFormWrap input#cardholder-name {border: 1px solid #929292 !important;}#cardholder-name {border-radius: 5px !important; border: 0px solid #929292 !important; padding: 15px; width: 100%; background: #fff !important; border: 0px !important; margin-bottom: 10px; color: #333 !important; font-family: arial, helvetica, sans-serif !important; text-transform: none !important; font-weight: normal !important;}#cardholder-name:hover {opacity: 1 !important;}#cardholder-name::-webkit-input-placeholder {color: #646464; font-family: "Rubik", system-ui !important; text-transform: none !important; font-weight: normal !important; font-size: 14px; }#cardholder-name::-moz-placeholder {color: #646464; font-family: "Rubik", system-ui !important; text-transform: none !important; font-weight: normal !important; font-size: 14px; }#cardholder-name::-ms-placeholder {color: #646464; font-family: "Rubik", system-ui !important; text-transform: none !important; font-weight: normal !important; font-size: 14px; }#cardholder-name::placeholder {color: #000; font-family: "Rubik", system-ui !important; text-transform: none !important; font-weight: normal !important; font-size: 14px; }.CardField-number input.InputElement {width: 100% !important; display: block !important; padding: 15px 25px 15px 25px !important; background: #fff !important; border:  0px; border-radius: 5px;}.CardField-expiry input {width: 100%; display: block; padding: 15px 25px 15px 25px; background: #fff;}/*#card-button {color: #fff; transition: all 0.5s ease 0s;  display: inline-block; padding: 15px 25px; font-size: 19px; font-size: 1.1875em; font-family: 'Barlow', sans-serif; font-weight: 700; border: 0px; background: rgba(27,194,30, 1); border: 2px solid #028f05; text-transform: uppercase;}*//*.btnPayPal:after {content:url("/psdesignsglobal-com/_img/img/btn-arrows.svg"); width: 20px; height: 20px; display: inline-block; vertical-align: -1px; margin-left: 30px;}*/#card-button {background-clip: padding-box; outline: 1px solid var(--blue);    border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--blue);}#card-button:hover {background-clip: padding-box; outline: 1px solid var(--blue);    background: var(--blue); color: var(--white);}#card-element {width: 100%; display: block; padding: 15px 25px; background: #fff; border: 0px solid #929292; border-radius: 5px;}#card-button {margin-top: 25px; }#stripePaymentFormError {padding: 20px; background-color: #f8d7da; border: 1px solid #f5c6cb; color: #721c24; border-radius: 10px; text-align: center;}#stripePaymentFormError h2 {font-family:font-family: "Rubik", system-ui;color: #721c24;}#stripePaymentFormError p {font-family:font-family: "Rubik", system-ui;color: #721c24;}#stripePaymentFormError p a {font-family: "Rubik", system-ui; color: #721c24; text-decoration: underline;}#stripePaymentFormError p:last-of-type {margin-bottom: 0px;}#stripePaymentFormSuccess {padding: 20px; background-color: #d4edda; border: 1px solid #c3e6cb; color: #155724; border-radius: 10px; text-align: center;}#stripePaymentFormSuccess  h2 {font-family: 'Instrument Sans', sans-serif; color: #155724;}#stripePaymentFormSuccess  p {font-family: 'Instrument Sans', sans-serif; color: #155724;}#stripePaymentFormSuccess  p:last-of-type {margin-bottom: 0px;}#card-errors.show {padding: 20px; background-color: #f2dede; border: 1px solid #a94442; color: #a94442; margin-bottom: 20px; display: block !important;}#stripeWrap {width: 50%; display: block; margin: 0 auto; border: 1px solid #bdbdbd; background: #f5f5f5; padding: 20px;}#stripeWrap h2 {width: 100%; text-align: center; margin-bottom: 15px; font-size: 25px;}#stripeWrap #pnlStepSuccess form , #stripePaymentForm {width: 100% !important;}#pnlStepSuccess #stripeWrap #stripePaymentFormError p {padding: 0px !important; margin: 0px !important;  border: 0px; background: 0px; width: 100% !important;}#payPalWrap {width: 49%; float: left; border: 1px solid #bdbdbd; background: #f5f5f5; padding: 20px; text-align: center;}#payPalWrap h2 {width: 100%; text-align: center; margin-bottom: 15px; font-size: 25px;}#payPalWrap form {width: 100%;}#payPalWrap .btnPayPal {display: inline-block;}#pnlStepSuccess div#stripeWrap div#stripePaymentFormSuccess p {padding: 0px !important; margin: 0px !important;  border: 0px; background: 0px; width: 100% !important;}/* END New Stripe Styling */.txt--hlght--1 {padding: 15px;color: #155724;  background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: 3px; display:  block; text-align: center;}.txt--hlght--2 {padding: 15px;color: #004085;  background-color: #cce5ff; border: 1px solid #b8daff; border-radius: 3px; display:  block; text-align: center;}.txt--hlght--3 {padding: 15px;color: #721c24;  background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 3px; display:  block; text-align: center;}   .txt--hlght--1 a {color: #155724;}.txt--hlght--2 a {color: #004085;}.txt--hlght--3 a {color: #721c24;}/***************************************Mini Pages***************************************/.mini-main-banner-overlay {background: url('/despatchable-com/_img/img/main-banner-map.png'); background-size: cover; background-position: top center; padding: 100px 0 0 0;}.miniPageTitleWrap {  text-align: center;  width: 85%}.miniPageTitle {  display: inline-block;}/* Add space above the service points list */#service-points-container {  margin-top: 30px;  display: flex;  flex-wrap: wrap; /* Allows boxes to wrap onto the next line */  gap: 20px; /* Space between each box */  justify-content: center; /* Center the items on the page */}/* Style for the container of each service point */.service-point {  border: 1px solid #ccc;  padding: 15px;  width: 300px; /* Set the width to 300px */  background-color: #f9f9f9;  border-radius: 8px;  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);  margin-bottom: 20px; /* Margin between boxes when wrapping */}/* Style for the company name, address, and distance */.info h3 {  margin: 0 0 5px;  font-size: 18px;}.info p {  margin: 0;  color: #666;}/* Style for the distance label moved below the address */.distance {  font-size: 14px;  font-weight: bold;  background-color: #e2f0d9;  padding: 5px 10px;  border-radius: 5px;  margin-top: 10px; /* Space above the distance text */  display: inline-block;}/***********************************Search Forms***********************************/.home-form-wrapper .twelve.columns {padding: 0 8.50694%;}/* Alerts */.alert {color: #3b3b3b; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-size: 16px; font-size: 1em; line-height: 1.7;font-weight: 400; font-style: normal; margin-top: 0px; margin-bottom: 15px;}.alert-success {padding: 15px;color: #155724;  background-color: #d4edda; border: 1px solid #c3e6cb; border-radius: 0px; display:  block; margin-bottom: 20px;}.alert-info {padding: 15px;color: #004085;  background-color: #cce5ff; border: 1px solid #b8daff; border-radius: 0px; display:  block; margin-bottom: 20px;}.alert-error {padding: 15px;color: #721c24;  background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 0px; display:  block; margin-bottom: 20px;}.alert-success a {color: #155724;font-family: "Rubik", system-ui; font-optical-sizing: auto; text-decoration: underline;}.alert-info a {color: #004085;font-family: "Rubik", system-ui; font-optical-sizing: auto; text-decoration: underline;}.alert-error a {color: #721c24;font-family: "Rubik", system-ui; font-optical-sizing: auto; text-decoration: underline;}form#parcelForm .alert {margin-bottom: 0px;}form#parcelForm .alert a {text-decoration: underline; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-size: 16px; font-size: 1em;}/* Form Numbers */.formNumber {width: 100px; min-height:  70px;}.rowSize .formNumber {background:url('/despatchable-com/_img/img/1-arrow.png'); background-size: 85%; background-repeat: no-repeat; background-position: center center;}.rowWeight .formNumber {background:url('/despatchable-com/_img/img/2-arrow.png'); background-size: 85%; background-repeat: no-repeat; background-position: center center;}.rowAddress .formNumber {background:url('/despatchable-com/_img/img/3-arrow.png'); background-size: 85%; background-repeat: no-repeat; background-position: center center;}.formNumberWrap {width: calc(100% - 100px); display:  flex; position: relative; flex-wrap: wrap;}.formNumberWrap>label {position: absolute; top: 0px; left: 0px; margin-bottom: 0px; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: calc(100% - 40px); color: var(--white); }/* Form Styles */form#parcelForm {}form#parcelForm .parcel-search {padding: 0px; background: none;}form#parcelForm .parcel-search .parcel-search-form {width: 100%; max-width: 100%; border-radius: 0px; padding: 0px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; overflow: hidden;}form#parcelForm .parcel-search .parcel-search-form button#parcelCompareButton.btn_form {border: 0px; background-clip: padding-box; outline: 1px solid var(--blue); border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; transition: all 0.5s ease 0s;  padding: 14px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--blue); text-transform: capitalize;}form#parcelForm .parcel-search .parcel-search-form button#parcelCompareButton.btn_form:hover {background-clip: padding-box; outline: 1px solid var(--blue);  background: var(--blue); color: var(--white);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize {position: relative; display: flex; flex-wrap: wrap; align-items: center; background: var(--purple-light); padding: 20px; margin-bottom: 0px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize .formNumberWrap {align-items: flex-start;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize>label {position: absolute; top: 20px; left: 20px; margin-bottom: 0px; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: calc(100% - 40px); color: var(--white); }form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize .option-box {cursor: pointer; overflow: hidden; padding: 10px; width: calc(20% - 10px); border-radius: 5px; margin-right: 10px; margin-bottom: 0px; margin-top: 35px; border: 5px solid var(--white); background: var(--white);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize .option-box strong {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; font-size: 16px; font-size: 1em;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize .option-box.selected {border: 5px solid var(--green);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields.hidden {display: none;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields {display:  flex; width:  60%;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields label {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: calc(100% - 40px); color: var(--white); margin-bottom: 8px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields .form-group {width: calc(33.33% - 10px); margin-right: 10px; margin-bottom: 0px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields .form-group input {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; font-size: 16px; font-size: 1em; width: 100%; padding: 10px; border-radius: 5px; border: 5px solid var(--white);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight {position: relative; display: flex; align-items: center; background: var(--purple-med); padding: 20px; margin-bottom: 0px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .formNumberWrap {align-items: flex-start;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight>label {position: absolute; top: 20px; left: 20px; margin-bottom: 0px; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: calc(100% - 40px); color: var(--white); } form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box {cursor: pointer; padding: 10px; width: calc(20% - 10px); border-radius: 5px; margin-right: 10px; margin-bottom: 0px; margin-top: 35px; border: 5px solid var(--white); background: var(--white);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box strong {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; font-size: 16px; font-size: 1em;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box.selected {border: 5px solid var(--green);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight #accurateWeightField {width: calc(20% - 10px); margin-bottom: 0px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight #accurateWeightField label {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: calc(100% - 40px); color: var(--white); margin-bottom: 8px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight #accurateWeightField input {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; font-size: 16px; font-size: 1em; width: 100%; padding: 10px; border-radius: 5px; border: 5px solid var(--white);}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress {display: flex; align-items: center; background: var(--purple-dark); padding: 20px;}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .field-group {width: calc(40% - 10px); margin-right: 10px; margin-bottom: 0px;}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .field-group label {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: calc(100% - 40px); color: var(--white); margin-bottom: 8px;}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .field-group input {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; font-size: 16px; font-size: 1em; width: 100%; padding: 10px; border-radius: 5px; border: 5px solid var(--white);}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress #parcelCompareButton {width: calc(20% - 10px);}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .formNumberWrap {align-items: flex-end;}/* Address Forms */.address-form-container {background:  var(--purple-light);}.form-container-variant-wrap { display:  flex; }.form-container-variant {width: 50%; float: none;background: none;  padding: 20px;  border-radius: 0px;  box-shadow: none;  min-width: initial;  text-align: left;  color: #3b3b3b;  font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400;  font-size: 16px;  font-size: 1em;  line-height: 1.7;  font-style: normal;}.form-container-variant h3 {text-align: center; color: var(--white);}.form-container-variant-pay h3 {text-align: left; color: var(--white);}.form-container-variant h2 {text-align: center; color: var(--white); font-size: 30px;  font-size: 1.875em;}.form-container-variant:first-of-type {  background: var(--purple-light);}.form-container-variant:last-of-type { background: var(--purple-dark);}.parcelCompareButtonWrap {padding: 20px; background: var(--purple-med);}.address-form-container #postcodeFormWrap button#addressCompareButton {display:  inline-block; margin: 0 auto; border: 0px; border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--purple-bright); text-transform: capitalize;}.address-form-container #postcodeFormWrap button#addressCompareButton:hover {background: var(--blue); color: var(--white);}.selectpicker {    width: 100%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    font-size: 20px;    background: var(--white);   font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; font-size: 16px; font-size: 1em;}.selectpickerSmall {    width: 46%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    font-size: 20px;}.selectpickerDate {    width: 33%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    font-size: 20px;}.form-field-container label {    display: block;    font-weight: 400;    margin-bottom: 10px;    color: var(--white);}.form-field-container input[type="text"],.form-field-container input[type="email"],.form-field-container input[type="password"],.form-field-container textarea {    width: 100%;    padding: 10px;    border: 1px solid #ccc;    border-radius: 4px;    box-sizing: border-box;    font-size: 20px;     font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; font-size: 16px; font-size: 1em;}.form-field-container .radio {    display: flex;    align-items: center;}.form-container-bulk {margin-bottom: 20px;}.form-container-pay {margin-bottom: 20px;}/* Results */#results, #results.has-content {width: 100%; border-radius: 0px; background: var(--purple-light); border: 0px; box-shadow: none; max-width: 100%;}#results #serviceCountSummary {text-align: center; color: var(--white); font-size: 25px; font-size: 1.5625em; padding: 25px 0px; margin-bottom: 0px;}#results .filter-buttons {border-radius:  5px;display:  flex; flex-wrap: nowrap; justify-content: initial; align-items: flex-end; padding: 20px; margin:  0px; background: var(--purple-dark); margin-bottom: 20px;}#results .filter-buttons span {width: 100%; display:  block; color: var(--white); margin-bottom: 10px;}#results .filter-buttons button {width: initial; display:  inline-block; margin: 0 auto; border: 0px; border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; transition: all 0.5s ease 0s;  padding: 5px 15px; background: var(--white); font-size: 14px; font-size: 0.875em; color: var(--purple-bright); text-transform: capitalize;}#results .filter-buttons button:hover, #results .filter-buttons button.active {background: var(--blue); color: var(--white);}#results .filter-buttons .edit-search {flex-grow: 1;}#results .filter-buttons .arrange-services-sort {flex-grow: 1;}#results .filter-buttons .arrange-services-filter {flex-grow: 2;}#results .filter-buttons .vat-toggle {flex-grow: 1; text-align: right;}#results .filter-buttons .vat-toggle button {width: 165px; display:  inline-block; margin: 0 auto; border: 0px; border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; transition: all 0.5s ease 0s;  padding: 4px 15px; background: var(--white); font-size: 14px; font-size: 0.875em; color: var(--purple-bright); text-transform: capitalize;}#results .filter-buttons .vat-toggle button:hover {background: var(--white); color: var(--blue);}#results .filter-buttons .vat-toggle button:hover .vat-icon {color: var(--blue);}#results .filter-buttons .vat-toggle button .vat-icon {display:  inline-block; width: initial; margin-right: 10px; margin-bottom:0px; color: var(--purple-bright); }.parcel-summary-single {display:none;}.compareRow {width: 100%; background: var(--white); padding: 20px; border-radius: 5px; margin-bottom: 20px; display:  block;}.compareRow:nth-child(2n) {background: var(--white);}.compareRow:last-of-type {margin-bottom: 0px;}.compare-top {display:  flex; align-items: center; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid var(--purple-dark);}#compareFilterResults .compare-top .compareLogo {width: 15%; height:  45px; display:  flex; align-items: center; margin-right: 1%; flex:  initial; margin-left: 0px;}#compareFilterResults .compare-top .compareLogo img {margin: 0px; max-width: 100px; height:  auto; display:  block;}.compareDesc {width: 42%; flex:  initial; font-weight: 700; margin-left: 0px;}.compareDesc .extraInfo {display:  inline-block; margin-left: 5px;}.compareDesc .extraInfo a {position: relative; margin-left: 25px; transition: all 0.5s ease 0s; border-bottom: 1px dotted var(--purple-bright); font-size: 14px; font-size: 0.875em; font-family: "Rubik", system-ui; font-weight: 400; color: var(--purple-bright);}.compareDesc .extraInfo a:hover {color: var(--grey-dark);border-bottom: 1px dotted var(--grey-dark);}.compareDesc .extraInfo a:before {position: absolute; left: -25px; border: 0px; content:"i"; padding: 2px 7px; background: var(--purple-bright); color: var(--white); border-radius: 5px; margin-right: 5px;}.compareInfo {width: 42%; flex:  initial; text-align: right;}.compareInfoDropTitle {font-weight: 700; display: inline-block;}.compareInfoDropLink {display:  inline-block; margin-left:  5px;}.compareInfoDropLink a {transition: all 0.5s ease 0s; text-decoration: underline; font-size: 14px; font-size: 0.875em; font-family: "Rubik", system-ui; font-weight: 400; color: var(--purple-bright);}.compareInfoDropLink a:hover {color: var(--grey-dark);}.compare-bottom {display:  flex; /*align-items: center;*/}.comparePrice {width: 15%; min-width: 150px; margin: 0 1% 0 0; padding: 10px; border: 1px solid var(--grey-dark); border-radius: 5px; background: var(--grey-light); flex: initial; }.creditCost {font-size: 18px; font-size: 1.125em; color: var(--purple-light); font-weight: 700; margin-top:  5px; flex: initial;}.compareIncVat {color: var(--grey-dark); margin-top: 5px; flex: initial;}.compareExcVat {font-size: 18px; font-size: 1.125em; color: var(--purple-light); font-weight: 700; margin-top:  5px; flex: initial;}.compareIncVatToggleOff {font-size: 18px; font-size: 1.125em; color: var(--purple-light); font-weight: 700; margin-top:  5px; flex: initial;}.compareDays {width: 29%; flex:  initial;}.compareDaysLabel {font-weight: 700; color: var(--grey-darkest); margin-bottom: 5px; }.compareDaysRange {font-size: 14px; font-size:  0.875em; color: var(--grey-dark); margin-bottom: 5px; }.compareDaysBadge {font-size: 14px; font-size:  0.875em; color: var(--purple-dark); padding: 5px; border: 1px solid var(--purple-dark); background: var(--purple-light-seethrough); border-radius: 5px; display: inline-block;}.status-icons {width: 30%; flex:  initial; display:  flex; flex-direction: column;}.status-icon {margin-bottom: 10px;}.status-icon.cross {display:  inline-block; font-size: 14px; font-size:  0.875em; color: var(--alert-red-darker); padding: 5px; border: 1px solid var(--alert-red-darker); background: var(--alert-red); border-radius: 5px; }.status-icon.tick {display:  inline-block; font-size: 14px; font-size:  0.875em; color: var(--alert-green-darker); padding: 5px; border: 1px solid var(--alert-green-darker); background: var(--alert-green); border-radius: 5px; }.compareBookNowInsurance {width:26%;flex: initial; text-align: right;}.compareBookNowInsurance button.book-now.book-now-yes {border: 0px; background-clip: padding-box; outline: 1px solid var(--blue); width: 100%; height: 100%; display: flex; align-items: center;  margin: 0 auto;  border-radius: 20px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--blue); text-transform: capitalize;}.compareBookNowInsurance button.book-now.book-now-yes:hover {border: 0px; background-clip: padding-box; outline: 1px solid var(--blue); background: var(--blue); color: var(--white);}        .tooltip {            position: absolute;            padding: 5px 10px;            font-size: 12px;            background: var(--white);max-width: 200px;            color: var(--grey-darkest);            border-radius: 3px;            display: none;            z-index: 1000;            border: 2px solid var(--purple-dark);        }.has-tooltip {display:  inline-block; cursor: pointer; position: relative;}/* Multiple Form */.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form {border-radius: 15px; overflow: hidden; box-shadow: none;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .header-row {width: 100%; max-width: 100%; border-radius: 0px; padding: 0px; display: flex; align-items: center; background: var(--purple-light); padding: 20px;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .header-row .field-group {position: relative; margin-bottom: 0px; margin-right: 10px; width: calc(50% - 5px);}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .header-row .field-group:last-of-type {margin-right: 0px;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .header-row .field-group label {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: 100%; color: var(--white);}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .header-row .field-group input {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; padding: 10px; width: 100%; border-radius: 5px;  margin-bottom: 0px; border: 5px solid var(--white); background: var(--white);}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form #parcelRows {}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row {border-top: 1px solid var(--purple-light);position: relative; width: 100%; max-width: 100%; border-radius: 0px; padding: 0px;  background: var(--purple-med); padding: 20px; display:  flex;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group {width: calc(20% - 10px); margin-bottom: 0px;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group:last-of-type {width: 20%; margin-right: 0px;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group label {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: 100%; color: var(--white);}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group input {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; padding: 10px; width: 100%; border-radius: 5px;  margin-bottom: 0px; border: 5px solid var(--white); background: var(--white);}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row button.remove-button {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .form-actions {margin-top: 0px; width: 100%; max-width: 100%; border-radius: 0px; padding: 0px;  background: var(--purple-med); padding: 0 20px 20px 20px; text-align: right;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .form-actions button {width: initial; display:  inline-block; margin: 0 auto; border: 0px; border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; transition: all 0.5s ease 0s;  padding: 5px 15px; background: var(--white); font-size: 14px; font-size: 0.875em; color: var(--purple-bright); text-transform: capitalize;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .form-actions button:hover {background: var(--blue); color: var(--white);}.d19787Multiple .multi-get-quotes-button {padding: 20px; background: var(--purple-dark); text-align: center;}.service-item-text {font-size:  20px; font-size: 1.25em; font-family: "Space Grotesk", system-ui; color: var(--blue); font-weight: 700;}.form-submit-container.book-button {background: var(--purple-med); padding: 20px; margin-top: 0px;}.form-container-book {padding:  0px; border-radius: 15px; overflow: hidden;}.form-container-book .alert {margin-bottom: 0px;}.has-dropdown > a {cursor: default;}#pnlBookStepLogin .form-container-book-wrap {padding: 20px;}#pnlBookStepLogin .form-submit-container {padding: 20px;}#pnlBookStepRegister .form-submit-container {padding: 20px;}#pnlBookStepRegister .form-container-book-wrap {padding: 20px;}#pnlBookStepLoggedIn {padding: 20px;}#pnlBookStepLoggedIn h3 {color: var(--white);}#pnlBookStepLoggedIn .alert {margin-bottom: 20px;}#pnlBookStepLoggedIn .btn_form {margin-bottom: 20px;}.form-container h3 {color: var(--white);}.third-pl-calc {width: 100%; padding: 20px; background: var(--grey-light); border-radius: 10px; margin-bottom: 20px;}.third-pl-form {padding: 20px; background: var(--purple-med); border-radius: 10px; padding: 20px;}.third-pl-form h3 {color: var(--white)}.third-pl-form .defaultForm {padding: initial; }.sub-nav {display:  flex; flex-wrap: wrap; justify-content: center;}.sub-nav a.btn_form {width: 32.66%; margin-right: 1%; margin-bottom: 20px; border-radius: 10px; outline: 1px solid var(--blue);background: var(--green);color: var(--blue); font-family: "Rubik", system-ui;  font-optical-sizing: auto; font-weight: 400; text-transform: initial;  transition: all 0.5s ease 0s;  padding: 15px 15px;}.sub-nav a.btn_form:hover {background: var(--blue); color: var(--white);}.sub-nav a.btn_form:nth-of-type(3n) {margin-right: 0px;}.sub-nav a.btn_form:last-of-type {margin-right: 0px;}.welcome-screen {width:100%; display: flex; flex-wrap: wrap;}.welcome-screen-message {width: 32.66%; margin-right: 1%;   background: var(--purple-light); border-radius: 10px; padding:20px;}.welcome-screen-message .alert {height: 100%; margin-bottom: 0px;}.welcome-screen-message .alert h2 {font-size: 18px;  font-size: 1.125em;}.welcome-screen-link-box {width:32.66%; margin-right: 1%;}.welcome-screen-link-box:last-of-type {margin-right:0px;}.welcome-screen-link-box-inner {border: 1px solid var(--blue);  border-radius: 10px; padding:20px; margin-bottom: 20px;}.welcome-screen-link-box-image {text-align:center;}.welcome-screen-link-box-image img {max-height: 200px;}.welcome-screen-link-box-text {text-align:center; margin-top: 15px;}.welcome-screen-link-box-text h3 {text-align: center;  font-size: 18px;  font-size: 1.125em;  color: var(--grey-dark);  margin-bottom: 0px;}.welcome-screen-link-box .green-btn {width: 100%; text-align: center;}.welcome-screen.four-box .welcome-screen-message {width: 100%; margin-bottom: 20px; margin-right: 0px; }.welcome-screen.four-box .welcome-screen-message .alert {height: initial;}/* Account - Shipments */table.table {background: var(--white); border: 1px solid var(--blue);}table.table th {text-align: left; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 700; color: var(--white); background: var(--purple-dark); }table.table th a {color: var(--white); font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 700;}table.table td {vertical-align: middle; text-align: left; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; color: var(--grey-dark); border: 1px solid var(--blue);}table.table td a {text-align: center; background-clip: padding-box; outline: 1px solid var(--blue);  border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 5px 15px !important; background: var(--green); font-size: 16px; font-size: 1em; font-weight: 400; color: var(--blue);}table.table td a:hover {background-clip: padding-box; outline: 1px solid var(--blue);    background: var(--blue); color: var(--white);}table.table td.centerBtn {text-align: center; }table#gvData {background: var(--white); border: 1px solid var(--blue);}table#gvData th {text-align: left; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 700; color: var(--white); background: var(--purple-dark); }table#gvData th a {color: var(--white); font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 700;}table#gvData td {vertical-align: middle; text-align: left; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; color: var(--grey-dark); border: 1px solid var(--blue);}table#gvData td a {text-align: center; background-clip: padding-box; outline: 1px solid var(--blue);  border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 5px 15px !important; background: var(--green); font-size: 16px; font-size: 1em; font-weight: 400; color: var(--blue);}table#gvData td a:hover {background-clip: padding-box; outline: 1px solid var(--blue);    background: var(--blue); color: var(--white);}table#gvData td.centerBtn {text-align: center; }table#gvData .colHidden {display:  none;}table#gvData tr.editing td input {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; border: 1px solid var(--grey-dark);padding: 10px; border-radius: 5px; background: var(--grey-light);}table#gvData td.double-btn {min-width: 230px;}#pnlBulkStepOne input#FileUpload1 {width: 100%;  padding: 15px;  border: 5px solid var(--white);  background: var(--white); margin-bottom: 20px; margin-right: 20px;}#pnlBulkStepOne input#btnProcess.btn_form {margin: 20px 0;}.form-container-variant-pay {display: flex; padding: 0px !important;}.form-container-variant-pay #pnlGridVisibility {width: 49%; margin-right: 2%;}.form-container-variant-pay #pnlGridVisibility table {margin-top: 0px;}.form-container-variant-pay #pnlFund {width: 49%;}.form-container h2 {color: var(--white); font-size: 30px;  font-size: 1.875em;}.container {display:  initial; }.form-container-variant-pay #pnlGridVisibility .swipe-icon, .accountShipments1 .swipe-icon,#pnlGridVisibilityPhotos .swipe-icon,.adminUsers .swipe-icon,.adminShipments1 .swipe-icon,.adminServices .swipe-icon,.adminBilling .swipe-icon,.adminEmails .swipe-icon,.adminSystem .swipe-icon {display:  none;}table.table td.centerBtn {min-width: 150px;}.adminServices table td.centerBtn {min-width: 170px;}/* Calc */.third-pl-calc {background: var(--blue);}.main-calc-heading {color: var(--white)}.calc-item-outer {width:calc(100% - 100px);  margin-bottom: 15px; position: relative; margin-left: 100px; padding: 20px; border: 1px solid var(--white); border-radius: 10px;}.calc-item-outer:first-of-type:before {position: absolute; left: -100px; top: -15px; background: url('/despatchable-com/_img/img/1-arrow.png');    background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;    background-size: auto;  background-size: 75%;  background-repeat: no-repeat;  background-position: center center; content:""; width: 100px; height: 100px; display:  inline-block;}.calc-item-outer:nth-of-type(2):before {position: absolute; left: -100px; top: -15px; background: url('/despatchable-com/_img/img/2-arrow.png');    background-position-x: 0%;    background-position-y: 0%;    background-repeat: repeat;    background-size: auto;  background-size: 75%;  background-repeat: no-repeat;  background-position: center center; content:""; width: 100px; height: 100px; display:  inline-block;}.calc-item-outer-heading {margin-bottom: 20px;}.calc-item-outer-heading h3 {color: var(--white); margin: 0px; font-size: 20px; font-size: 1.25em;}.calc-item-fields-wrap {/*padding: 20px;*/}.calc-size {display:  flex; }.calc-size .calc-field {width: 32.66%; margin-right: 1%;} .calc-size .calc-field:last-of-type {margin-right:  0px;}.calc-field {margin-bottom: 15px;}.calc-field label {margin-bottom: 10px; display:  block; color: var(--white)}.calc-field input {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400;width: 100%; padding: 15px; border-radius: 5px; background: var(--white); border: 0px;}.calc-field select {font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; width: 100%; padding: 15px; border-radius: 5px; background: var(--white); border: 0px;}.calc-field label input#selfPacking {width: 30px; display:  inline-block;}.calc-btn .green-btn, .edit-btn .green-btn {border: 0px; width: 100%; text-align: center;}.calc-result h3 {color: var(--white);}.results-items-wrapper {width: 100%; display:  flex; flex-wrap: wrap; }.result-item {width: 49%; margin-right: 2%; padding: 20px; border-radius: 5px; margin-bottom: 15px; background: var(--white);}.result-item:nth-of-type(even) {margin-right: 0px;}.result-item h4 {margin-bottom: 5px;}.result-item p {font-size: 24px; font-size: 1.5em; margin-bottom: 0px;}.result-item p span {font-size: 16px;}.shipping-result-total {width: 100%; margin-right: 0px; margin-bottom: 0px;}#error-message {text-align: center; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-size: 16px; font-size: 1em; line-height: 1.7;font-weight: 400; font-style: normal;padding: 15px;color: #721c24;  background-color: #f8d7da; border: 1px solid #f5c6cb; border-radius: 0px; display:  block; margin-bottom: 20px;}#restart-btn, #edit-btn {margin-top: 20px;}.calc-btn .green-btn:hover, .edit-btn .green-btn:hover {background: var(--grey-light); color: var(--blue); }#addressCompareButtonInt {display:  inline-block; margin: 0 auto; border: 0px; border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; font-weight: 400; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--purple-bright); text-transform: capitalize;}#addressCompareButtonInt:hover {background: var(--blue); color: var(--white);}.formNumberWrap .addressStartLine {width: 100% !important;}.formNumberWrap select, .select2 {width: 100% !important; padding: 10px !important; border-radius: 5px !important; border: 0px !important; height: 49px !important; background: var(--white);}.formNumberWrap .select2-container--default .select2-selection--single .select2-selection__arrow {top: 10px; right: 10px;}.formNumberWrap .select2-container--default .select2-selection--single {border: 0px !important; font-family: "Rubik", system-ui; font-size: 16px;  font-size: 1em;}/***************************************Footer***************************************//***************************************Form***************************************/.defaultForm {  width: 100%;  *zoom: 1;  background: var(--purple-med);  padding: 30px; border-radius: 10px;}.defaultForm:before, .defaultForm:after {  content: " ";  display: table;}.defaultForm:after {  clear: both;}.defaultForm .inputset {float: left;  width: 100%; margin-right:  0%;  position: relative;  margin-bottom: 20px; }.defaultForm .inputset .form_error_specific {  position: absolute;  top: 0;  right: 0;  color: Tomato;  display: none;}.defaultForm .inputset label {  display: block;  width: 100%;font-family: "Rubik", system-ui; font-size: 16px; font-size: 1em; color: var(--white);}.defaultForm .inputset label.label {  display: inline-block;}.defaultForm .inputset label.label input {  width: initial;  display: inline-block;  margin-left: 0.625em;  border-radius: 10px;}.defaultForm .inputset input, .defaultForm .inputset select {  width: 100%;   background: #fff; padding: 15px; border: 0px;font-family: "Rubik", system-ui;  font-size: 16px; font-size: 1em;border-radius: 10px;}.defaultForm .inputset textarea {width: 100%;  height: 10.625em;  background: #fff; padding: 15px; border: 0px; border-radius: 10px;font-family: "Rubik", system-ui;  font-size: 16px; font-size: 1em;}.inputset.inputsetcheck label:first-of-type {  margin-bottom: 0.3125em;  padding-bottom: 0.3125em;  border-bottom: 1px solid #cccccc;}.inputset label.form_header {  font-weight: bold;  font-size: 18px;}.defaultForm .form_submit {/*  text-align: right;*/}.defaultForm .form_submit {float: left;}.defaultForm .form_submit .fbElementButton {border: 0px; background-clip: padding-box; outline: 1px solid var(--blue);    border-radius: 30px; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--green); font-size: 16px; font-size: 1em; color: var(--blue);}.defaultForm .form_submit .fbElementButton:hover {background-clip: padding-box; outline: 1px solid var(--blue);    background: var(--blue); color: var(--white);}.form_error {font-family: 'Epilogue', sans-serif;  font-size: 16px; font-size: 1em; font-style: normal; padding: 10px; background: #ff0000; color: #fff; margin-bottom: 10px;}/*************************************** Editable Data Grid***************************************//*.table-responsive {    max-width: 1220px;     overflow-x: auto;     overflow-y: hidden; }.table-responsive table {    width: 100%;     border-collapse: collapse; }*/.responsive-table {max-width: 1300px ;}.responsive-table-inner {            overflow-x: auto;            -webkit-overflow-scrolling: touch;            position: relative;        }.responsive-table-inner table {width: 100%;     border-collapse: collapse; } .swipe-icon {display:  block; width: 40px; height: 50px; background: red; margin:  20px auto 0 auto; background: url('/despatchable-com/_img/img/scroll-icon.svg'); background-size: contain; background-repeat: no-repeat; background-position: center center;}.swipe-icon {    -webkit-animation-duration: var(--animate-durationslow);  animation-duration: var(--animate-durationslow);  -webkit-animation-fill-mode: both;  animation-fill-mode: both;animation-iteration-count: infinite;}@-webkit-keyframes shakeX {  from,  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%,  30%,  50%,  70%,  90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%,  40%,  60%,  80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}@keyframes shakeX {  from,  to {    -webkit-transform: translate3d(0, 0, 0);    transform: translate3d(0, 0, 0);  }  10%,  30%,  50%,  70%,  90% {    -webkit-transform: translate3d(-10px, 0, 0);    transform: translate3d(-10px, 0, 0);  }  20%,  40%,  60%,  80% {    -webkit-transform: translate3d(10px, 0, 0);    transform: translate3d(10px, 0, 0);  }}.animate__shakeX {  -webkit-animation-name: shakeX;  animation-name: shakeX;}/***************************************Modal***************************************/    .modal {        display: none;        position: fixed;        z-index: 1;        left: 0;        top: 0;        width: 100%;        height: 100%;        overflow: auto;        background-color: rgb(0,0,0);        background-color: rgba(0,0,0,0.4);        padding-top: 60px;    }    .modal-content {        background-color: #fefefe;        margin: 5% auto;        padding: 20px;        border: 1px solid #888;        width: 80%;    }    .close {        color: #aaa;        float: right;        font-size: 28px;        font-weight: bold;    }    .close:hover,    .close:focus {        color: black;        text-decoration: none;        cursor: pointer;    }    .status-icon {        display: inline-block;        margin-right: 10px;        font-size: 14px;    display: block;    }    .tick {        color: green;    }    .cross {        color: red;    }/* Tracking page */.tracking-carrier-logos {display:  flex; flex-wrap: wrap;}.tracking-carrier-logos .tracking-carrier-logo-item {width: 32.33%; margin-right: 1%; margin-bottom: 15px; }.tracking-carrier-logos .tracking-carrier-logo-item a {display:  block; width: 100%; text-align: center; padding: 20px;}.tracking-carrier-logos .carrier-logos-item-inner { }.tracking-steps {display:  flex; flex-wrap: wrap;}.tracking-steps-item {width: 32.33%; margin-right: 1%; position: relative; border: 1px solid var(--blue); border-radius: 10px;}.tracking-steps-item:last-of-type {margin-right:  0px;}.tracking-steps-number {background: var(--blue); color: var(--white); font-weight: 700; border-top-left-radius: 7px; display:  inline-block; padding: 5px 10px; font-size:  30px; font-size: 1.875em;}.tracking-steps-text {padding: 25px 20px;}.tracking-steps-text h3 {text-align: center; font-size: 18px; font-size: 1.125em; color: var(--grey-dark); margin-bottom: 0px;}.tracking-steps-image {margin-top:  20px;} /* Styles for the popup overlay */        #popupOverlay {            display: block;            position: fixed;            top: 0;            left: 0;            width: 100%;            height: 100%;            background: rgba(0, 0, 0, 0.6); /* Dark transparent overlay */            z-index: 999; /* Ensure it appears behind the popup */        }        /* Basic styles for the popup */        #popupMessage {            display: block;            position: fixed;            top: 50%;            left: 50%;            transform: translate(-50%, -50%);            max-width: 450px;            width: 90%;            padding: 20px;            background: var(--white);            color: white;            border-radius: 8px;            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);            z-index: 1000; /* Ensure it appears above the overlay */        }        #popupMessage i {color: var(--purple-med); }         #popupMessage ul {padding-left: 0px; margin-bottom: 20px;}                #popupMessage ul li {margin-bottom: 10px; list-style-type: none;}    /*        #popupMessage button {            margin-top: 10px;            padding: 5px 10px;            background-color: #ff5e57;            color: white;            border: none;            border-radius: 5px;            cursor: pointer;        }*/        /* Disable scroll */        body.no-scroll {            overflow: hidden;        }.popup-message-top {width: 100%; display:  flex; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid var(--grey-med);}.popup-message-top i {margin-right: 10px;}.popup-message-top h2 {font-size: 25px; font-size: 1.5625em; margin-bottom: 0px;}#popupMessage .green-btn {width: 100%; text-align: center;}#popupMessage #closePopup {margin-left: 10px;text-transform: initial; display:  inline-block; font-family: "Rubik", system-ui; font-optical-sizing: auto; transition: all 0.5s ease 0s;  padding: 15px 15px; background: var(--blue); font-size: 16px; font-size: 1em; color: var(--white); padding: 15px 30px; border-radius:  30px;}#popupMessage #closePopup:hover {background: var(--purple-light); color: var(--white);}/* New Dashboard*/.sub-nav {width: 25%; margin-right: 2%; float: left;}.welcome-screen {width: 73%; float:  right;}.main-column form#Form1 .form-container {width: 73%; float:  right;}.main-column form#Form1 .form-container.full-width{width: 100%; float:  none;}.side-navigation-box {overflow: hidden; border-radius: 10px; width: 100%; margin-bottom: 25px;}.side-navigation-box .title-bar, .side-credits-box .title-bar {text-align: center; }.title-bar {width: 100%; background: var(--blue); padding: 25px;}.title-bar h3 {color: var(--white); font-size: 28px; font-size: 1.75em; margin: 0px;}.account-navigation {background: var(--green);}.account-navigation a.btn_form {width: 100%; display:  block; margin: 0px;  border: 0px; border-bottom: 1px solid var(--blue); border-radius: 0px; outline: 0px; text-align: left;}.account-navigation a.btn_form:last-of-type {border-bottom: 0px;}.account-navigation a.btn_form.icon1:before {content: "\f084"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon2:before {content: "\f007"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon3:before {content: "\f574"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon4:before {content: "\f0d6"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon5:before {content: "\f0d1"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon6:before {content: "\f07c"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon7:before {content: "\f0c0"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon8:before {content: "\f0d1"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon9:before {content: "\f03a"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon10:before {content: "\f570"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon11:before {content: "\f01c"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon12:before {content: "\f013"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon13:before {content: "\f07c"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon-dash:before {content: "\f015"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon-track:before {content: "\f601"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon-packing:before {content: "\f466"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon-help:before {content: "\f05a"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.account-navigation a.btn_form.icon-contact:before {content: "\f075"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px;}.side-credits-box {width: 100%; overflow: hidden; border-radius: 10px;}.side-credits-box .title-bar img {width: 140px;}.credits-text-box {background: var(--grey-med); padding: 20px; text-align: center;}.credits-text-box #creditBalance {margin-bottom: 20px;}.credits-text-box #creditBalance a {font-size: 24px; font-size: 1.5em; color: var(--blue); margin-bottom: 20px;}.search-link-box {width: 100%; overflow: hidden; border-radius: 10px; margin-bottom: 25px;}.search-link-box-content {background: var(--grey-med); padding: 20px; display:  flex; align-items: center;}.search-link-box-content-img { margin-right: 4%;}.search-link-box-content-img img {width: 200px;}.search-link-box-content-text p {font-size: 24px; font-size: 1.5em;}.form-container-variant-pay {flex-direction: column;}.form-container-variant-pay #pnlGridVisibility {width: 100% !important;}.form-container-variant-pay #pnlFund {width: 100% !important;}/* New Home Page */.home-main-banner.new-home-banner .home-main-banner-overlay {padding: 100px 0 42px 0;}.perks-wrapper {width: 100%; background: var(--grey-light); padding:  75px 0px;}.perks-wrapper h2 {font-size: 36px; font-size: 2.25em;}.perks-wrapper ul {padding: 0px;}.perks-wrapper ul li {font-size: 24px; font-size: 1.5em; margin-bottom: 10px; list-style-type: none; position: relative; padding-left: 30px;}.perks-wrapper ul li:before {position: absolute; left: 0; top: 0; content: "\f14a"; font-family: 'FontAwesome'; display:  inline-block; margin-right: 10px; color: var(--green)}.perks-wrapper .row {display: flex; align-items: center;}.new-home-banner-wrapper {width: 100%; padding: 75px 0px;}.new-home-banner-wrapper .row {display:  flex; align-items: center;}.new-home-banner-wrapper:nth-of-type(even) {background: var(--grey-light);}.new-home-banner-wrapper:nth-of-type(even) .row {flex-direction: row-reverse;}.new-home-banner-text h2 {font-size: 36px; font-size: 2.25em;}.new-home-banner-image-inner {border-radius: 15px; overflow: hidden; background: var(--green); padding: 20px 0px;}.new-home-banner-wrapper:nth-of-type(even) .new-home-banner-image-inner {background: var(--blue);}.new-home-banner-image-inner img {width: 100%;}.new-home-banner-image-inner p {margin-bottom: 0px;}.side-column .side-navigation-box {width: 90%; margin-right:  10%;}.side-column .side-navigation-box .account-navigation a {background: none !important; width: 100%; display:  block; margin: 0px;  border: 0px; border-bottom: 1px solid var(--blue); color:  var(--blue); border-radius: 0px; outline: 0px; text-align: left; font-weight: 400; padding: 15px; text-transform: none;}.side-column .side-navigation-box .account-navigation a:last-of-type {border-bottom: 0px;}.side-column .side-navigation-box .account-navigation a:hover {background: var(--blue) !important; color: var(--white);}.form-container-register-cols {display:  flex; flex-wrap: wrap;}.form-container-register-one {width: 49% !important; margin-right: 2%;}.form-container-register-two {width: 49% !important;}.form-submit-container-register {width: 100%; text-align: center; margin-top: 25px;}.form-submit-container-register .btn_form {border:0px;  background-clip: padding-box;  outline: 1px solid var(--blue);  border-radius:30px;  display: inline-block;  font-family: "Rubik", system-ui;  font-optical-sizing: auto;  transition: all 0.5s ease 0s;  padding: 15px 35px;  background: var(--green);  font-size: 16px;  font-size: 1em;  color: var(--blue);  font-weight: 400;  text-transform: none;}  .form-submit-container-register .btn_form:hover {background-clip: padding-box;  outline: 1px solid var(--blue);  background: var(--blue);  color: var(--white);}.form-container-register-one .selectpicker {height: 59px;}.nav-bar {    position: fixed;    top: 0;    left: 0;    width: 100%;    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);    transition: all 0.3s ease-in-out;    z-index: 999999999999;    padding: 15px 20px;}.nav-bar.scrolled {    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);    padding: 10px 20px;    background: var(--purple-dark);}@media all and (max-width: 750px) and (min-width: 0px) {.perks-wrapper .row {flex-direction: column;}.five.columns.push_one.new-banner-text {width: 100%;}.five.columns.new-banner-image {width: 100%;}.new-home-banner-wrapper .row, .new-home-banner-wrapper:nth-of-type(even) .row {flex-direction: column;}.six.columns.new-home-banner-image {width: 100% !important; margin-bottom: 25px;  }.six.columns.new-home-banner-text {width: 100%;}.form-container-register-one {width: 100% !important; margin-right: 0%; margin-bottom: 20px;}.form-container-register-two {width: 100% !important;}}@media all and (max-width: 800px) and (min-width: 0px) {.sub-nav {width: 100%; margin-right: 0px; margin-bottom: 25px;}.welcome-screen {width: 100%;}.main-column form#Form1 .form-container {width: 100%;}}@media all and (max-width: 650px) and (min-width: 0px) {.side-column .side-navigation-box {width: 100%; margin-right:  0%;}}/***************************************Media Queries***************************************/@media all and (max-width: 1870px) and (min-width: 0px) {#primary>li {min-width: 130px;}#primary>li:hover>ul {min-width: 130px;}}@media all and (max-width: 1820px) and (min-width: 0px) {.nav-bar-logo {width: 15%;}.nav-bar-menu {width:  70%;}#primary>li {min-width: 130px;}#primary>li:hover>ul {min-width: 130px;}}@media all and (max-width: 1660px) and (min-width: 0px) {#primary>li {min-width: 115px;}#primary>li:hover>ul {min-width: 115px;}}@media all and (max-width: 1585px) and (min-width: 0px) {.nav-bar-logo {width: 60%;}.nav-bar-menu {width: 40%;}.nav-bar-menu ul#primary {display:  none;}.nav-bar-login {display:  none;}#navInsprimary {display:  none;}.mobile-nav {height: 100%; display:  flex; align-items: center; justify-content: flex-end; z-index: 9999999999; position: relative;}}@media all and (max-width: 1320px) and (min-width: 0px) {.adminUsers .swipe-icon {display:  block;}}@media all and (max-width: 1245px) and (min-width: 0px) {.home-form-wrapper .twelve.columns {padding: 0 5%;}}@media all and (max-width: 1155px) and (min-width: 0px) {.home-form-wrapper .twelve.columns {padding: 0 0%;}}@media all and (max-width: 1100px) and (min-width: 0px) {.adminBilling .swipe-icon {display:  block;}}@media all and (max-width: 1028px) and (min-width: 0px) {#primary > li > a {font-size: 14px; font-size: 0.875em;}}@media all and (max-width: 1045px) and (min-width: 0px) {form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize .option-box strong {font-size: 14px; font-size: 0.875em;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields .form-group input {font-size: 14px; font-size: 0.875em;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .formNumberWrap .option-box strong {font-size: 14px; font-size: 0.875em;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight #accurateWeightField input {font-size: 14px; font-size: 0.875em;}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .field-group input {font-size: 14px; font-size: 0.875em;}}@media all and (max-width: 1000px) and (min-width: 0px) {.how-it-works-item {width: 48%; margin-right: 2%; margin-bottom: 20px;}}@media all and (max-width: 980px) and (min-width: 0px) {.splitHistory tbody tr.tableheading th a {font-size: 14px; font-size: 0.875em;}.splitHistory tbody tr td {font-size: 14px; font-size: 0.875em;}.calc-size {width: 100%; flex-direction: column;}.calc-size .calc-field {width: 100%; margin-right: 0px;}}@media all and (max-width: 958px) and (min-width: 0px) {form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize .option-box {width: calc(50% - 10px);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields {width:  100%; margin-top: 20px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight {flex-wrap: wrap;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box {width: calc(50% - 10px);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box:nth-of-type(3),form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box:nth-of-type(4) {margin-top:  10px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight #accurateWeightField {width: calc(100% - 10px); margin-top:  20px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize,form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight,form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress {align-items: flex-start;}.faq-wrapper .seven.columns.push_one {width: 82.98611%; margin-bottom: 25px;}.faq-wrapper .three.columns.faq-side {width: 82.98611%; margin-left: 8.50694%;}.faq-side-box {text-align: center;}.faq-side-box img {width: 200px;}.adminServices .swipe-icon {display:  block;}}@media all and (max-width: 935px) and (min-width: 0px) {.footer-logo.two.columns.push_one {width: 100%; margin-left: 0px;margin-bottom: 50px; text-align: center;}.footer-logo img {width:  200px; }.card-icons {display:  none;}.footer-links.seven.columns.push_one {margin-left:  8.50694%; width:  86%;}.footer-middle {padding: 50px 0px;}.card-icons-mobile {margin-left: 0%; width: 100%; display:  flex; padding-top:  35px; justify-content: center;  padding: 0px;}.card-icons-mobile img {width: 40px;}.compareDesc .extraInfo {display:  block;}.compareInfo .compareInfoDropLink {display:  block;}}@media all and (max-width: 900px) and (min-width: 0px) {.accordion a {font-size:  16px; font-size: 1em;}}@media all and (max-width: 880px) and (min-width: 0px) {#results .filter-buttons {flex-wrap: wrap; align-items: initial;}#results .filter-buttons span {font-size:  14px; font-size:  0.875em;}#results .filter-buttons .edit-search {width: 20%; margin-bottom: 10px; flex-grow: initial;}#results .filter-buttons .arrange-services-sort {width: 30%; flex-grow: initial;}#results .filter-buttons .arrange-services-filter {width:  50%; flex-grow: initial;}#results .filter-buttons .vat-toggle {width: 100%; flex-grow: initial; text-align: left;}#results .filter-buttons .vat-toggle:before {font-family: "Rubik", system-ui; font-weight: 400; content:"Display VAT:"; display:  block; color: var(--white); font-size:  14px; font-size:  0.875em; margin-bottom: 10px;}.compare-bottom {flex-wrap: wrap;}.comparePrice {width: 49%; margin-right: 2%; margin-bottom: 25px;}.compareDays {width: 49%; margin-bottom: 25px;}.status-icons {width: 49%; margin-right: 2%;}.compareBookNowInsurance {width: 49%;}#compareFilterResults .compare-top .compareLogo {height:  60px;}.result-item h4 {font-size: 16px; font-size:  1em;}.result-item p span {font-size: 14px; display:  block;}.tracking-steps-item {width: 100%; margin-right: 0%; margin-bottom: 20px;}}@media all and (max-width: 768px) and (min-width: 0px) {.form-container-variant-pay {flex-direction: column;}.form-container-variant-pay #pnlGridVisibility {width: 100%; margin-right: 0px;}.form-container-variant-pay #pnlFund {width: 100%;}table.table th {font-size: 14px; font-size: 0.875em;}table.table td {font-size: 14px; font-size: 0.875em;}table#gvData th {font-size: 14px; font-size: 0.875em;}table#gvData td {font-size: 14px; font-size: 0.875em;}.calc-item-outer {  width: calc(100% - 50px);  margin-left: 50px;}.calc-item-outer:first-of-type:before {width: 50px; left: -50px;}.calc-item-outer:nth-of-type(2):before {width: 50px; left: -50px;}.tracking-carrier-logos .tracking-carrier-logo-item {width: 49%; margin-right: 1%;}}@media all and (max-width: 750px) and (min-width: 0px) {.compare-top {flex-wrap: wrap;}#compareFilterResults .compare-top .compareLogo {width: 100%; margin-bottom: 15px;}.compareDesc {width: 50%; margin-right: 0px;}.compareInfo {width: 50%;}.welcome-screen {width: 100%; flex-wrap: wrap;}.welcome-screen-message {width: 100%; margin-bottom: 20px; margin-right: 0px; }.welcome-screen-link-box {width: 49%;}}@media all and (max-width: 750px) and (min-width: 0px) {form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress {flex-wrap: wrap;}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .field-group {width: calc(50% - 10px);}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress #parcelCompareButton {width:  initial; margin-top:  20px;}}@media all and (max-width: 680px) and (min-width: 0px) {#results .filter-buttons .edit-search {width: 30%;}#results .filter-buttons .arrange-services-sort {width:  70%;}#results .filter-buttons .arrange-services-filter {width: 100%; margin-top: 10px;}#results .filter-buttons .vat-toggle {width: 100%; margin-top: 10px;}}@media all and (max-width: 670px) and (min-width: 0px) {.home-banner-text h1 {font-size: 45px; font-size: 2.8125em;}}@media all and (max-width: 650px) and (min-width: 0px) {.home-banner-intro-text .row {flex-direction: column;}.home-banner-image {width: 100% !important; text-align: center;}.home-banner-image img {width: 70%;}.home-banner-text {width: 100%; text-align: center;}.faq-side {margin-top: 20px; display:  flex;}.faq-side-box {width: 49%; margin-right: 2%; margin-bottom: 0px;}.faq-side-box:last-of-type {margin-right: 0px;}.faq-side-box img {max-height: 30px; width: auto;}.card-icons-mobile {margin-left: 0px;}.faq-wrapper .three.columns.faq-side {margin-left: 0%;}/* Multiple form */.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group {width: calc(50% - 5px); margin-right: 10px;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group:nth-of-type(even) {margin-right: 0px;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row {flex-wrap: wrap;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group:last-of-type {width: 100%;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row button.remove-button {margin-left: 0px; width: 100%; margin-top: 10px; padding: 15px 0;}.service-item-item {width: 100%; margin-right: 0px; margin-bottom: 20px;}.side-column-box {width: 100%; margin-left: 0%;}.side-column {margin-top: 20px;}.sub-nav a.btn_form {width: 100%; margin-right: 0;}.sub-nav a.btn_form:nth-of-type(even) {}.sub-nav a.btn_form:nth-of-type(3n) {margin-right: 0;}.result-item p span {font-size: 14px; display:  initial;}.calc-item-outer {  width: calc(100% - 100px);  margin-left: 100px;}.calc-item-outer:first-of-type:before {width: 100px; left: -100px;}.calc-item-outer:nth-of-type(2):before {width: 100px; left: -100px;}}@media all and (max-width: 620px) and (min-width: 0px) {.adminEmails .swipe-icon {display: block;}}@media all and (max-width: 600px) and (min-width: 0px) {.form-container-variant-wrap {flex-direction: column;}.form-container-variant {width: 100%;}.accountShipments1 table {min-width: 600px;}.accountShipments1 .swipe-icon {display:  block;}}@media all and (max-width: 580px) and (min-width: 0px) {.pnlGridVisibilityPhotos .swipe-icon {display:  block;}#pnlGridVisibilityPhotos.adminFiles .swipe-icon {display:  block;}}@media all and (max-width: 530px) and (min-width: 0px) {.footer-top .row {flex-direction: column;}.footer-top .row h2 {margin-bottom: 20px; margin-right: 0px;}.adminShipments1 .swipe-icon {display: block;}.tracking-carrier-logos .tracking-carrier-logo-item {width: 100%; margin-right: 0%;}}@media all and (max-width: 500px) and (min-width: 0px) {.formNumber {width: 65px; height:  50px;}.formNumberWrap > label {position: relative;}.formNumberWrap {width: calc(100% - 65px);}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize .option-box {width: 100%; margin-top:  10px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields {width:  100%; margin-top: 20px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight {flex-wrap: wrap;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box {width:100%; margin-top:  10px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box:nth-of-type(3),form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight .option-box:nth-of-type(4) {margin-top:  10px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowWeight #accurateWeightField {width: calc(100% - 10px); margin-top:  20px;}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .field-group {width: 100%;}form#parcelForm .parcel-search .parcel-search-form .header-row.rowAddress .field-group:first-of-type {margin-bottom: 10px;}.compare-bottom {flex-wrap: wrap;}.comparePrice {width: 100%; margin-right: 0%; margin-bottom: 25px;}.compareDays {width: 100%; margin-bottom: 25px;}.status-icons {width: 100%; margin-right: 0%; margin-bottom: 25px;}.compareBookNowInsurance {width: 100%;}.footer-links.seven.columns.push_one {flex-wrap: wrap;}.footer-links-box {width: 100%; margin-bottom: 20px; text-align: center;}.footer-links-box h3 {text-align: center;}.footer-links-box ul li {text-align: center;}.footer-links-box:nth-of-type(2) {display:  none;}.welcome-screen-link-box {width: 100%; margin-right: 0px; margin-bottom: 20px;}.sub-nav a.btn_form {width: 100%; margin-right: 0;}.sub-nav a.btn_form:nth-of-type(even) {margin-left: 0%;}}@media all and (max-width: 490px) and (min-width: 0px) {.how-it-works-item {width: 100%; margin-right: 0%; margin-bottom: 20px;}.faq-side {flex-direction: column;}.faq-side-box {width: 100%; margin-right: 0%; margin-bottom: 20px;}#displayLoginMobile .ajaxItems {flex-direction: column;}#displayLoginMobile .ajaxItems .ajaxRegister {width: 100%;}#displayLoginMobile .ajaxItems .ajaxRegister a {width: 100%; margin-right: 0px; margin-bottom: 20px; text-align: center;}#displayLoginMobile .ajaxItems .ajaxLogin {width: 100%;}#displayLoginMobile .ajaxItems .ajaxLogin a {width: 100%; margin-right: 0px; margin-bottom: 0px; text-align: center; }.compareDesc {width: 100%; margin-right: 0px; margin-bottom: 20px;}.compareInfo {width: 100%; text-align: left;}/* Multiple form */.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .header-row {flex-wrap: wrap;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .header-row .field-group {width: 100%; margin-right: 0px;}.d19787Multiple .inner-content-wrapper form#parcelForm .parcel-search .parcel-search-form .parcel-row .field-group {width: 100%; margin-right: 0px;}#pnlGridVisibilityPhotos .swipe-icon {display:  block;}}@media all and (max-width: 420px) and (min-width: 0px) {.accountShipments1 .swipe-icon {display:  block;}.calc-item-outer {  width: calc(100% - 50px);  margin-left: 50px;}.calc-item-outer:first-of-type:before {width: 50px; left: -50px;}.calc-item-outer:nth-of-type(2):before {width: 50px; left: -50px;}}@media all and (max-width: 400px) and (min-width: 0px) {.footer-links.seven.columns.push_one {flex-wrap: wrap;}.footer-links-box {width: 100%; margin-bottom: 20px;}.footer-logo {text-align:  center;}.footer-links-box h3 {text-align: center;}.footer-links-box ul li {text-align: center;}.card-icons-mobile {justify-content: center; width: 100%;padding-top: 0px;}.card-icons-mobile img:last-of-type {margin-right:  0px;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields {flex-wrap: wrap;}form#parcelForm .parcel-search .parcel-search-form .form-group.rowSize #dimensionFields .form-group {width: calc(100% - 10px);}#results .filter-buttons .edit-search {width: 100%;}#results .filter-buttons .arrange-services-sort {width: 100%;}#results .filter-buttons button {width: 100%; display:  block; margin-bottom: 5px;}#results .filter-buttons .vat-toggle button {width: 100%;}.form-container-variant-pay #pnlGridVisibility .swipe-icon {display:  block; margin-bottom: 20px;}.adminSystem .swipe-icon {display: block;}.result-item {width: 100%; margin-right: 0px;}}    /* Overlay styling */    #popupOverlay {      display: none;      position: fixed;      top: 0;      left: 0;      width: 100%;      height: 100%;      background: rgba(0, 0, 0, 0.7); /* Semi-transparent background */      z-index: 9999;    }    /* Popup styling */    #popupContent {      position: absolute;      top: 50%;      left: 50%;      transform: translate(-50%, -50%);      background: white;      padding: 20px;      border-radius: 8px;      box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);      width: 300px;      text-align: center;    }    #popupContent h2 {      margin-bottom: 15px;    }    #closePopup {      background-color: #3498db;      color: white;      padding: 10px 15px;       border: none;      border-radius: 5px;      cursor: pointer;    }    #closePopup:hover {      background-color: #2980b9;    }
.parcel-summary {display:none;}