/*
Theme Name: DeliveryApp
Author: DeliveryApp
Description: DeliveryApp Theme
Version: 1.0
*/


body
{
  overflow-x:hidden!important;
}

img.imageStretch
{
  width:100%;
  height:auto;
}

img.imageStretch90
{
  width:90%!important;
  height:auto;
}

img.imageStretch80
{
  width:80%!important;
  height:auto;
}

a
{
  color:inherit;
  text-decoration:none;
  outline:none; /*remove outline on image links, looks nicer.  If its needed for accessibility we can put it back in later*/
  
  cursor:pointer; /*for when <a doesn't have href, ie onclick="javascript*/
}

a:hover,
a:focus
{
  color:inherit;
  text-decoration:none;
  outline:none; 
}

h1, h2, h3, h4, h5, h6, p
{
  padding:0px;
  margin:0px;
}

p
{
  line-height:156%;
  padding-bottom:25px;
}

p a
{
  font-weight: 600;
  text-decoration: underline;
}
p a:hover
{
  text-decoration: underline;
  text-decoration-color: #00E169;
}

a.text-link {
  font-weight: 600;
  text-decoration: underline;
}
a.text-link:hover {
  text-decoration: underline;
  text-decoration-color: #00E169;
}

strong {
  font-weight: 700;
}

.semi-bold {
  font-weight: 600;
}

.sub-heading {
  line-height:156%;
}

ul li {
  margin-bottom: 10px;
}

.page-links ul {
  list-style-type: none;
  padding-left: 0px;
}
.page-links ul li a {
  text-decoration: underline;
}
.page-links ul li a:hover {
  text-decoration: none;
  color:#00E169;
}

.pagination {
  display: flex;
  justify-content: center;
  font-weight: 600;
}
.pagination a {
  color: #002400;
}
.pagination a:hover {
  color: #00E169;
}

.breadcrumb-item {
  color: #B5FA70;
  font-size: 14px;
  font-weight: 400;
}
.breadcrumb-item.active {
  color: #B5FA70;
  font-weight: 600;
}
.breadcrumb-item+.breadcrumb-item::before {
  color: #B5FA70;
}

.breadcrumb-dark-blue .breadcrumb-item {
  color: #002400;
}
.breadcrumb-dark-blue .breadcrumb-item.active {
  color: #002400;
}
.breadcrumb-dark-blue .breadcrumb-item+.breadcrumb-item::before {
  color: #002400;
}

.container, .container-fluid
{
  -webkit-transition:all 0.15s;
  transition:all 0.15s;
  overflow: hidden;
}

header .header
{
  font-size:16px;
  position:relative;
}

/* header .site-header {
  height: 100px;
} */

header .site-header .ubermenu-nav .ubermenu-submenu {
  border-radius: 0 0 12px 12px;
}

header .site-header .ubermenu-skin-minimal.ubermenu-responsive-toggle {
  position: absolute;
  top: 4px;
  right: 20px;
}
.close-button {
  position: absolute;
  top: 0;
  right: 20px;
  font-size: 30px!important;
  color: #333!important;
  padding: 15px!important;
  z-index: 10;
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: inherit;
}

/* Style adjustments for viewports 320px and over go here, anything smaller than 320 treat it as 320 */
@media all and (min-width: 0px)
{
  html
  {
    scroll-padding-top: 4rem;
  }

  html, body
  {
    margin:0;
    padding:0;
    
    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:15px;
    color:#002400;

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  h1
  {
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size:45px;
    line-height:0.95;
    text-transform:uppercase;

    margin-bottom:30px;
  }

  h2
  {
    font-family: "poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:36px;
    line-height:1.2;

    margin-bottom:25px;
  }

  h3
  {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:28px;

    margin-bottom:15px;
  }

  h4
  {
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:20px;

    margin-bottom:10px;
  }

  h5
  {
    font-family: "poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:18px;

    margin-bottom:10px;
  }

  h6
  {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:15px;

    margin-bottom:10px;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #002400;
  }
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #00E169;
  }

  .bg-white {
    background-color: #FFFFFF!important;
    border-bottom: 1px solid #FFFFFF;
  }

  .bg-img-driver, .bg-img-fleet {
    background-color: #002400;
  }

  /* Carousel base class */
  .carousel {
    margin-bottom: 6rem;
    overflow: hidden;
    position: relative;
    top: 60px;
  }
  .carousel-caption p {
    width: 100%;
  }

  .footer-row-top {
    padding-bottom: 0.5rem;
  }
  .footer-row-top .nav {
    padding-bottom: 2rem;
  }
  .social-links {
    padding-bottom: 1rem;
  }

  .buttonSmall
  {
    display:inline-block;

    padding-top:12px;
    padding-bottom:12px;
    padding-left:40px;
    padding-right:40px;

    font-size:16px;
    font-weight:600;
    border-radius:10px;
    border:1px solid transparent;
    width: 90%;
    text-align: center;
  }
  .buttonLarge
  {
    display:inline-block;

    padding-top:12px;
    padding-bottom:12px;
    padding-left:40px;
    padding-right:40px;

    font-size:18px;
    font-weight:600;
    border-radius:10px;
    border:1px solid transparent;
    width: 100%;
    text-align: center;
  }

  .buttonLogin
  {
    display:inline-block;

    padding:12px 40px;

    font-size:16px;
    font-weight:600;
    border-radius:10px;
    border:1px solid #FF8C4B;
    width: 90%;
    text-align: center;
    order: 1;
  }

  .buttonPill
  {
    width:100%;
  }

  /* to make the navbar open full screen on mobile and nav items styling */
  #navbar-content,
  #navbar-content1 {
    height: auto;
    padding: 10px 20px 30px 20px;
    text-align: left;
  }
  #navbar-content .nav-item,
  #navbar-content1 .nav-item {
    padding: 5px 0px;
    border-bottom: 1px solid #00E169;
  }

  .spacer-small {
    height: 3rem;
  }
  .spacer {
    height: 3rem;
  }
  .spacer-md {
    height: 3rem;
  }
  .spacer-lg {
    height: 6rem;
  }

  .app-cta {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
  .app-cta h3 {
    font-size: 20px;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .overlap-container {
    position: relative;
    z-index: 10;
    margin-top: -25%;
  }

  .content-404 h1 {
    font-size: 50px;
    margin-bottom: 20px;
  }
  .content-404 h2 {
    margin-bottom: 45px;
  }
  .content-404 p {
    font-size: 18px;
  }
  .content-404 img {
    width: 90%;
  }

  .client-logo img {
    width: 60%!important;
  }
  .four-logo img {
    width: 80%!important;
    height: auto;
  }

  .intro-text {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    padding-bottom: 0px;
  }

  .tab-container .tab-content-container {
    padding: 10% 8%;
    border-radius: 0px 10px 10px 10px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  }

  .form-progress {
    width: 80%;
  }

  a.link-large {
    font-size: 18px;
    font-weight: 600;
    text-decoration: underline;
    transition:all 0.4s;
  }
  a.link-large:hover {
    text-decoration: underline;
    text-decoration-color: #00E169;
  }

  .form-box .form-intro {
    border-radius: 10px 10px 0px 0px;
    padding: 5% 10%;
  }
  .form-box .form-content {
    border-radius: 0px 0px 10px 10px;
    padding: 5% 10%;
  }

  .form-content {
    padding: 0px;
  }

  header .header {
    margin-bottom: 0px;
  }

  .content-divider-vertical {
    border-right: none;
    border-bottom: 1px solid #DCE7E8;
  }

  .vertical-line-solid-medium {
    height: 210px;
    border-left: 1px solid #002400;
    margin-left: 6px;
  }
  .vertical-line-dashed-long {
    height: 180px;
    border-left: 1px dashed #002400;
    margin-left: 6px;
  }

  .left-col-radius, .right-col-radius {
    border-radius: 25px;
  }

  .video-overlap {
    position: static;
    top: 0;
    z-index: 10;
  }

  .equal-height-col {
    height: auto;
  }

  /* Style the search form container */
  .search-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /* Style the search input field */
  .search-form input[type="search"] {
    width: 100%;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 10px;
    outline: none;
    transition: border-color 0.3s;
  }
  /* Change border color when focused */
  .search-form input[type="search"]:focus {
    border-color: #002400;
  }
  /* Style the search button */
  .search-form input[type="submit"] {
    width: 100%;
    background-color: #00E169;
    color: #002400;
    padding: 10px 20px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 10px 0px;
  }
}


/*iPhone 6 or iPhone 5 sideways*/
@media all and (min-width: 375px)
{

}


/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
  html
  {
    scroll-padding-top: 4rem;
  }

  html, body
  {
    margin:0;
    padding:0;

    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:15px;
    color:#002400;

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  h1
  {
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size:60px;
    line-height:0.95;
    text-transform:uppercase;

    margin-bottom:35px;
  }

  h2
  {
    font-family: "poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:36px;
    line-height:1.2;

    margin-bottom:25px;
  }

  h3
  {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:28px;

    margin-bottom:15px;
  }

  h4
  {
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:20px;

    margin-bottom:10px;
  }

  h5
  {
    font-family: "poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:18px;

    margin-bottom:10px;
  }

  h6
  {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:15px;

    margin-bottom:10px;
  }

  .bg-img-driver, .bg-img-fleet {
    background-color: #002400;
  }

  /* Carousel base class */
  .carousel {
    margin-bottom: 8rem;
    overflow: hidden;
    position: relative;
    top: 60px;
  }
  .carousel-caption p {
    width: 100%;
  }

  .footer-row-top {
    padding-bottom: 60px;
  }
  .footer-row-top .nav {
    padding-bottom: 0px;
  }
  .social-links {
    padding-bottom: 25px;
  }

  .buttonSmall
  {
    display:inline-block;

    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    padding-right:20px;

    font-size:16px;
    font-weight:600;
    border-radius:10px;
    border:1px solid transparent;
    width: auto;
    text-align: center;
  }
  .buttonLarge
  {
    display:inline-block;

    padding-top:8px;
    padding-bottom:8px;
    padding-left:40px;
    padding-right:40px;

    font-size:18px;
    font-weight:600;
    border-radius:10px;
    border:1px solid transparent;
    width: auto;
    text-align: center;
  }

  .buttonLogin
  {
    display:inline-block;

    padding:8px 20px;

    font-size:16px;
    font-weight:600;
    border-radius:10px;
    border:1px solid #FF8C4B;
    width: auto;
    text-align: center;
    order: 1;
  }

  .buttonPill
  {
    width:auto;
  }

  #navbar-content,
  #navbar-content1 {
    height: auto;
    padding: 50px 20px;
    text-align: left;
  }
  #navbar-content .nav-item,
  #navbar-content1 .nav-item {
    padding: 5px 0px;
    border-bottom: 1px solid #00E169;
  }

  .spacer-small {
    height: 3rem;
  }
  .spacer {
    height: 4rem;
  }
  .spacer-md {
    height: 4rem;
  }
  .spacer-lg {
    height: 8rem;
  }

  .app-cta {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
  .app-cta h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .overlap-container {
    position: relative;
    z-index: 10;
    margin-top: -15%;
  }

  .content-404 h1 {
    font-size: 100px;
    margin-bottom: 20px;
  }
  .content-404 h2 {
    font-weight: 700;
    font-size: 50px;
    margin-bottom: 80px;
  }
  .content-404 p {
    font-size: 25px;
  }
  .content-404 img {
    width: 75%;
  }

  .client-logo img {
    width: 90%!important;
  }
  .four-logo img {
    width: 80%!important;
    height: auto;
  }

  .intro-text {
    font-size: 22px;
    font-weight: 500;
    text-align: left;
    padding-bottom: 0px;
  }

  .tab-container .tab-content-container {
    padding: 8% 10%;
    border-radius: 0px 10px 10px 10px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  }

  .form-progress {
    width: 60%;
  }

  a.link-large {
    font-size: 25px;
    font-weight: 600;
    text-decoration: underline;
    transition:all 0.4s;
  }
  a.link-large:hover {
    text-decoration: underline;
    text-decoration-color: #00E169;
  }

  .form-box .form-intro {
    border-radius: 10px 10px 0px 0px;
    padding: 2% 14%;
  }
  .form-box .form-content {
    border-radius: 0px 0px 10px 10px;
    padding: 3% 15%;
  }

  .form-content {
    padding: 3% 15%;
  }

  header .header {
    margin-bottom: 0px;
  }

  .content-divider-vertical {
    border-right: 1px solid #DCE7E8;
    border-bottom: none;
  }

  .vertical-line-solid-medium {
    height: 100px;
    border-left: 1px solid #002400;
    margin-left: 6px;
  }
  .vertical-line-dashed-long {
    height: 120px;
    border-left: 1px dashed #002400;
    margin-left: 6px;
  }

  .left-col-radius, .right-col-radius {
    border-radius: 25px;
  }

  .video-overlap {
    position: static;
    top: 0;
    z-index: 10;
  }

  .equal-height-col {
    height: auto;
  }

  /* Style the search form container */
  .search-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  /* Style the search input field */
  .search-form input[type="search"] {
    width: 400px;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 10px 0 0 10px;
    outline: none;
    transition: border-color 0.3s;
  }
  /* Change border color when focused */
  .search-form input[type="search"]:focus {
    border-color: #002400;
  }
  /* Style the search button */
  .search-form input[type="submit"] {
    width: auto;
    background-color: #00E169;
    color: #002400;
    padding: 10px 20px;
    border: none;
    border-radius: 0 10px 10px 0;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 0px;
  }
}


/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
  html
  {
    scroll-padding-top: 6.5rem;
  }

  html, body
  {
    margin:0;
    padding:0;

    font-family: "poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size:15px;
    color:#002400;

    -webkit-text-size-adjust: none; /* Prevent font scaling on iOS devices */
  }

  h1
  {
    font-family: "poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size:60px;
    line-height:0.8;
    text-transform:uppercase;

    margin-bottom:35px;
  }

  h2
  {
    font-family: "poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:36px;
    line-height:1.2;

    margin-bottom:25px;
  }

  h3
  {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:28px;

    margin-bottom:15px;
  }

  h4
  {
    font-family: "poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
    font-size:20px;

    margin-bottom:10px;
  }

  h5
  {
    font-family: "poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size:18px;

    margin-bottom:10px;
  }

  h6
  {
    font-family: "poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size:15px;

    margin-bottom:10px;
  }

  .container
  {
    overflow: visible;
  }

  .bg-img-driver, .bg-img-fleet {
    background-color: #002400;
  }

  /* Carousel base class */
  .carousel {
    margin-bottom: 4rem;
    overflow: hidden;
    position: relative;
    top: 0px;
  }
  .carousel-caption p {
    width: 50%;
  }

  .footer-row-top {
    padding-bottom: 60px;
  }
  .footer-row-top .nav {
    padding-bottom: 0px;
  }
  .social-links {
    padding-bottom: 25px;
  }

  .buttonSmall
  {
    display:inline-block;

    padding-top:8px;
    padding-bottom:8px;
    padding-left:20px;
    padding-right:20px;

    font-size:16px;
    font-weight:600;
    border-radius:10px;
    border:1px solid transparent;
    width: auto;
    text-align: center;
  }
  .buttonLarge
  {
    display:inline-block;

    padding-top:8px;
    padding-bottom:8px;
    padding-left:40px;
    padding-right:40px;

    font-size:18px;
    font-weight:600;
    border-radius:10px;
    border:1px solid transparent;
    width: auto;
    text-align: center;
  }

  .buttonLogin
  {
    display:inline-block;

    padding:8px 20px;

    font-size:16px;
    font-weight:500;
    border-radius:10px;
    border:1px solid #FF8C4B;
    width: auto;
    text-align: center;
    order: 1;
  }

  .buttonPill
  {
    width:auto;
  }

  #navbar-content,
  #navbar-content1 {
    height: auto;
    padding: 50px 20px;
    text-align: left;
  }
  #navbar-content .nav-item,
  #navbar-content1 .nav-item {
    padding: 5px 0px;
    border-bottom: 1px solid #00E169;
  }

  .spacer-small {
    height: 3rem;
  }
  .spacer {
    height: 4rem;
  }
  .spacer-md {
    height: 5rem;
  }
  .spacer-lg {
    height: 8rem;
  }

  .app-cta {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    padding: 20px;
  }
  .app-cta h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 30px;
    margin-right: 30px;
  }

  .overlap-container {
    position: relative;
    z-index: 10;
    margin-top: -9%;
  }
	
  .content-404 img {
    width: 50%;
  }

  .client-logo img {
    width: 90%!important;
  }
  .four-logo img {
    width: 65%!important;
    height: auto;
  }

  .intro-text {
    font-size: 26px;
    font-weight: 500;
    text-align: left;
    padding-bottom: 0px;
  }

  .tab-container .tab-content-container {
    padding: 8% 10%;
    border-radius: 0px 10px 10px 10px;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  }

  .form-progress {
    width: 65%;
  }

  a.link-large {
    font-size: 25px;
    font-weight: 600;
    text-decoration: underline;
    transition:all 0.4s;
  }
  a.link-large:hover {
    text-decoration: underline;
    text-decoration-color: #00E169;
  }

  .form-box .form-intro {
    border-radius: 10px 10px 0px 0px;
    padding: 2% 14%;
  }
  .form-box .form-content {
    border-radius: 0px 0px 10px 10px;
    padding: 3% 15%;
  }

  .form-content {
    padding: 3% 15%;
  }

  header .header {
    margin-bottom: 59px;
  }

  .content-divider-vertical {
    border-right: 1px solid #DCE7E8;
    border-bottom: none;
  }

  .vertical-line-solid-medium {
    height: 70px;
    border-left: 1px solid #002400;
    margin-left: 6px;
  }
  .vertical-line-dashed-long {
    height: 70px;
    border-left: 1px dashed #002400;
    margin-left: 6px;
  }

  .left-col-radius {
    border-radius: 25px 0px 0px 25px;
  }
  .right-col-radius {
    border-radius: 0px 25px 25px 0px;
  }

  .video-overlap {
    position: absolute;
    top: -70px;
    z-index: 10;
  }

  .equal-height-col {
    height: 100%;
  }

  /* Style the search form container */
  .search-form {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  /* Style the search input field */
  .search-form input[type="search"] {
    width: 500px;
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 10px 0 0 10px;
    outline: none;
    transition: border-color 0.3s;
  }
  /* Change border color when focused */
  .search-form input[type="search"]:focus {
    border-color: #002400;
  }
  /* Style the search button */
  .search-form input[type="submit"] {
    width: auto;
    background-color: #00E169;
    color: #002400;
    padding: 10px 20px;
    border: none;
    border-radius: 0 10px 10px 0;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.3s;
    margin: 0px;
  }
}


/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
  .fixed-top {
    background-color: transparent!important;
  }

  .navbar-dark .navbar-nav .nav-link {
    color: #002400;
  }
  .navbar-dark .navbar-nav .nav-link:hover {
    color: #002400;
  }

  .bg-nav {
    background-color: #E4E7E2!important;
    border-bottom: 1px solid #EEEEEE;
  }

  .dropdown:hover .dropdown-menu {
    display: block;
  }

  .carousel-caption {
    bottom: 1rem!important;
  }

  .buttonLogin
  {
    display:inline-block;

    padding:8px 20px;

    font-size:16px;
    font-weight:500;
    border-radius:10px;
    border:1px solid transparent;
    width: auto;
    text-align: center;
    order: 0;
  }

  #navbar-content,
  #navbar-content1 {
    height: auto;
    padding: 0px;
    text-align: left;
  }
  #navbar-content .nav-item,
  #navbar-content1 .nav-item {
    padding: 0px 20px;
    border: none;
  }

  header .header {
    margin-bottom: 142px;
  }
}


@media (min-width: 1400px)
{
  .container {
    max-width: 1140px;
  }
}


@media (min-width: 1600px)
{
  .container {
    max-width: 1320px;
  }

  .video-overlap {
    position: absolute;
    top: -130px;
    z-index: 10;
  }
}


@media (min-width: 1900px)
{
  
}



.fixed-top {
  transition: background-color 200ms linear;
}
.fixed-top.scrolled {
  background-color: #FFFFFF!important;
  transition: background-color 200ms linear;
}

.dropdown-item.active,
.dropdown-item:active {
  color: #002400;
  background-color: #00E169;
}

.header-mobile-blog {
  margin: 60px 0;
}

.stat-number,
.stat-number-item {
  font-weight: 500;
  font-size: 100px;
  line-height: 1.2;
}
.stat-number::after,
.stat-number-item::after {
  content: '%';
}

.tab-container .nav-tabs {
  border-bottom: none;
  max-height: 60px!important;
}
.tab-container .nav-tabs .nav-link {
  background-color: #eee;
  font-size: 20px;
  font-weight: 600;
  color: #A7A7A7;
  border: 1px solid transparent;
  border-right: 1px solid #dee2e6;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  padding: 13px 5%;
  max-height: 60px!important;
  white-space: nowrap!important;
}
.tab-container .nav-tabs .nav-link.active {
  color: #002400;
  background-color: #FFFFFF;
  border-color: transparent;
}

.accordion-button {
  color: #002400;
  font-weight: 600;
  font-size: 18px;
}
.accordion-button:not(.collapsed) {
  background-color: #FFFFFF;
  color: #002400;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:focus {
  box-shadow: none;
}

.client-logo {
  margin: 0px auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

p.intro-text-small {
  font-size: 18px;
  font-weight: 400;
  text-align: left;
}

.form-box {
  border-radius: 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
}

.tick-icon {
  font-size: 22px;
}
.cross-icon {
  font-size: 22px;
}

.bullet-icon {
  color: #FF8C4B;
  font-size: 10px;
}

.bullet-icon-green {
  color: #00E169;
  font-size: 10px;
}

.vertical-border-orange {
  height: 85%;
  border-left: 2px solid #FF8C4B;
  margin-left: 4px;
}
.vertical-border-orange-long {
  height: 94%;
  border-left: 2px solid #FF8C4B;
  margin-left: 4px;
}

.vertical-border-green {
  height: 85%;
  border-left: 2px solid #00E169;
  margin-left: 4px;
}

.box-shadow-section-orange {
  border-radius: 10px;
  box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
  padding: 15% 8%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.box-shadow-section-orange:hover {
  box-shadow: 0 3px 10px rgb(255 103 0 / 0.5);
}

.bold-link {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #002400;
  text-decoration-thickness: 2px;
  transition: all 0.4s;
}
.bold-link:hover {
  text-decoration: underline;
  text-decoration-color: #00E169;
  text-decoration-thickness: 2px;
}
.bold-link-dark {
  color: #002400;
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #002400;
  text-decoration-thickness: 2px;
}
.bold-link-dark:hover {
  color: #002400;
  text-decoration: none;
}
.bold-link-orange {
  font-weight: 600;
  text-decoration: underline;
  text-decoration-color: #FF8C4B;
  text-decoration-thickness: 2px;
  transition: all 0.4s;
}
.bold-link-orange:hover {
  text-decoration: underline;
  text-decoration-color: #C5FF6C;
  text-decoration-thickness: 2px;
}

.bold-link-green {
  display: inline-block;
  font-size: 17px;
  font-weight: 700;
  text-decoration: underline;
  text-decoration-color: #00E169;
  text-decoration-thickness: 2px;
  transition: all 0.4s;
}
.bold-link-green:hover {
  text-decoration: underline;
  text-decoration-color: #C5FF6C;
  text-decoration-thickness: 2px;
}

.italic-text {
  font-size: 14px;
  font-weight: 500;
  font-style: italic;
}

.content-divider-horizontal {
  border-bottom: 1px solid #DCE7E8;
}

.bullet-icon-clear {
  color: #002400;
  font-size: 10px;
  margin-left: 2px;
}

.vertical-line-solid {
  height: 30px;
  border-left: 1px solid #002400;
  margin-left: 6px;
}
.vertical-line-solid-long {
  height: 90%;
  border-left: 1px solid #002400;
  margin-left: 6px;
}
.vertical-line-dashed {
  height: 70px;
  border-left: 1px dashed #002400;
  margin-left: 6px;
}

#accordionFlushTrack .accordion-body {
  padding-top: 0px;
}

.star-icon {
  color: #00E169;
  font-size: 13px;
}

/* 5 star rating */
.rate {
  float: left;
  height: 46px;
}
.rate:not(:checked) > input {
  position:absolute;
  visibility: hidden;
}
.rate:not(:checked) > label {
  float:right;
  width:1em;
  overflow:hidden;
  white-space:nowrap;
  cursor:pointer;
  font-size:30px;
  color:#D6D6D6;
}
.rate:not(:checked) > label:before {
  content: '★ ';
}
.rate > input:checked ~ label {
  color: #ffc700;
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
  color: #deb217;
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
  color: #c59b08;
}
#submit-driver-review-form #reviewSubmitBtn:disabled {
  opacity: 0.5;
}


.rank-math-breadcrumb p a {
  font-weight: 400;
  text-decoration: none;
}
.rank-math-breadcrumb p a:hover {
  text-decoration: underline;
  text-decoration-color: #00E169;
}

.number-step {
  display: inline-block;
  color: #00E169;
  font-weight: 700;
  font-style: normal;
  font-size: 30px;
  margin-top: -15px;
}

.intro-p {
  font-size: 18px;
}

.category-heading {
  font-size: 22px;
}

hr {
  height: 2px!important;
  color: #E6E7E8;
  opacity: 1;
  margin-top: 5px;
  margin-bottom: 25px;
}

footer {
  background-color: #F2F6F9;
  padding-top: 70px;
  padding-bottom: 40px;
  position: relative;
  z-index: 20;
}
.footer-row-top {
  font-size: 14px;
}
.footer-row-top .nav .nav-item:first-child {
  font-weight: 600;
}
.footer-row-bottom {
  font-size: 13px;
}
.text-muted {
  color: #002400!important;
}

.navbar-dark .navbar-toggler {
  color: #002400;
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
.fa-ellipsis-h {
  font-size: 2rem;
}

.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 20px;
  margin: 5px 10px;
  background: transparent;
  display: block;
  transition: opacity .2s ease;
  border-radius: 30px;
  border: 2px solid #00E169;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
  background: #00E169;
  border: 2px solid #00E169;
}
.bgEnergyGreen .owl-theme .owl-dots .owl-dot span {
  border: 2px solid #002400;
}
.bgEnergyGreen .owl-theme .owl-dots .owl-dot.active span, .bgEnergyGreen .owl-theme .owl-dots .owl-dot:hover span {
  background: #002400;
  border: 2px solid #002400;
}

.author-info-section {
  padding-top: 40px;
  padding-bottom: 40px;
  border-top: 1px solid #E8E8E8;
  border-bottom: 1px solid #E8E8E8;
}
.author-info {
  display: flex;
}
.author-info p {
  padding: 15px 20px;
  text-align: left;
}



.back-to-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  z-index: 30;
  background-color: #00E169;
  color: #002400;
  -webkit-filter: brightness(1.0);
  filter: brightness(1.0);
  display: none;
}
.back-to-top:hover {
  background-color: #00E169;
  color: #002400;
  -webkit-filter: brightness(1.13);
  filter: brightness(1.13);
}

.buttonPill
{
  display:inline-block;

  padding-top:12px;
  padding-bottom:10px;
  padding-left:35px;
  padding-right:35px;

  font-size:17px;
  font-weight:700;
  border-radius:25px;
  border:1px solid transparent;
  transition:all 0.4s;
  text-align:center;
}
.buttonBorderGreen
{
  border:2px solid #00E169;
}
.buttonBorderGreen:hover
{
  border:2px solid #C5FF6C;
}
.buttonBorderDark
{
  border:2px solid #002400;
}
.buttonBorderDark:hover
{
  border:2px solid #002400;
}

.active-link,
.active-link:hover {
  background-color: #002400;
  color: #FFFFFF;
}

.buttonSmall,
.buttonLarge
{
  transition:all 0.4s!important;
  -webkit-filter: brightness(1.0);
  filter: brightness(1.0);
}
.buttonSmall:hover,
.buttonLarge:hover
{
  -webkit-filter: brightness(1.13);
  filter: brightness(1.13);
}

input[type="submit"]
{
  transition:all 0.4s;
  -webkit-filter: brightness(1.0);
  filter: brightness(1.0);
}
input[type="submit"]:hover
{
  -webkit-filter: brightness(1.13);
  filter: brightness(1.13);
}

.buttonSocial
{
  display:inline-block;
  height:35px;
  width:35px;
  border-radius:50%;
  overflow:hidden;
  text-align:center;
  font-size:18px;
  line-height:35px;
  color:#FFFFFF!important;
  margin-left:5px;
  margin-right:5px;
  margin-bottom:5px;

  transition:all 0.3s;
}
.buttonSocial .fab
{
  position:relative;
  top:1px;
}
.buttonSocial:hover
{
  background-color:#00E169;
  color:#002400!important;
}




.black
{
  color:#000000;
}

.forrestGreen
{
  color:#002400;
}

.green
{
  color:#00E169;
}

.white
{
  color:#FFFFFF;
}

.red
{
  color:#FF0000;
}

.orange
{
  color: #FF8C4B;
}



.bgBlack
{
  background-color:#000000;
  color:#FFFFFF;
}

.bgPaperWhite
{
  /* background-color:#FFF4FF; */
  background-color:#F2F6F9;
}

.bgEcoGrey
{
  background-color:#E4E7E2;
}

.bgGreyEEE
{
  background-color:#EEEEEE;
}

.bgGreyDCE
{
  background-color:#DCE7E8;
  position: relative;
}

.bgForrestGreen
{
  background-color:#002400;
  color:#FFFFFF!important;
  position: relative;
}

.bgForrestGreenBorder
{
  background-color:transparent;
  color:#002400;
  border: 2px solid #002400;
}
.bgForrestGreenBorder:hover
{
  background-color:#002400;
  color:#FFFFFF;
}

.bgGreen
{
  background-color:#00E169;
  color:#002400!important;
}

.bgEnergyGreen {
  background-color:#C5FF6C;
}

.bgWhite
{
  background-color:#FFFFFF;
  color:#002400;
  position: relative;
}

.bgOrange
{
  background-color:#FF8C4B;
}

.bgOrangeBorder
{
  background-color:#FFFFFF;
  color:#002400;
  border: 2px solid #FF8C4B;
}
.bgOrangeBorder:hover
{
  background-color:#FF8C4B;
}
.bgOrangeBorderSmall
{
  background-color:transparent;
  color:#002400;
  border: 1px solid #FF8C4B;
}
.bgOrangeBorderSmall:hover
{
  color:#002400;
}

.bgSkyBlue
{
  background-color:#A3E0FF;
}

.accordion .accordion-item {
  background-color: transparent;
}
.accordion .accordion-button {
  background-color: transparent;
}
.accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.faq-white .accordion-item {
  background-color: transparent;
  color:#FFFFFF;
  border-bottom: 1px solid #969696;
}
.faq-white .accordion-button {
  background-color: transparent;
  color: #FFFFFF;
  font-weight: 600;
}
.faq-white .accordion-button::after {
  background: none;
  content: "\f107";
  font-family: 'Font Awesome 5 Free';
  color: #FFFFFF;
}
.faq-white .accordion-button:not(.collapsed) {
  background-color: transparent;
  color: #FFFFFF;
}



img.center
{
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.no-gutter > [class*='col-']
{
  padding-right:0;
  padding-left:0;
}

.no-padding
{
  padding:0!important;
}

.padding15
{
  padding:15px;
}

.padding10Percent
{
  padding:10%;
}
.padding7Percent
{
  padding:7%;
}
.padding6Percent
{
  padding:6%;
}
.padding4Percent
{
  padding:4% 6%;
}

.radius10
{
  border-radius:10px;
}
.radius25
{
  border-radius:25px!important;
}

.radius-bottom {
  border-radius: 0px 0px 25px 25px;
}

.orange-border {
  border: 1px solid #FF8C4B;
}

.grey-border {
  border-top: 2px solid #E4E7E2;
  border-bottom: 2px solid #E4E7E2;
}
.grey-border-bottom {
  border-bottom: 2px solid #E4E7E2;
}
.grey-border-all {
  border: 2px solid #E4E7E2;
}

.small-text {
  font-size: 11px;
}


iframe
{
  width:100%;
  margin-bottom:30px;
}

.fancybox-skin
{
  background-color: #FFFFFF;
}

.videoStretch
{
  width:100%;
}


/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

/* Since positioning the image, we need to help out the caption */
.carousel-caption {
  bottom: 3rem;
  z-index: 10;
}
.carousel-caption h1 {
  margin-bottom: 30px;
}
.heading-caption {
  bottom: 33%!important;
  z-index: 10;
}
.heading-caption30 {
  bottom: 30%!important;
  z-index: 10;
}
.heading-caption37 {
  bottom: 37%!important;
  z-index: 10;
}

/* Declare heights because of positioning of img element */
.carousel-item {
  height: 40rem;
  background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.4));
}
.carousel-item > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  height: 40rem;
  object-fit: cover;
  z-index: -1;
}


/* RESPONSIVE CSS FOR CAROUSEL
-------------------------------------------------- */

@media (min-width: 40em) {
  /* Declare heights because of positioning of img element */
  .carousel-item {
    height: 40rem;
    background-image: linear-gradient(rgba(0,0,0,0.65), rgba(0,0,0,0.4));
  }
  .carousel-item > img {
    position: absolute;
    top: 0;
    left: 0;
    min-width: 100%;
    height: 40rem;
    object-fit: cover;
    z-index: -1;
  }

  /* Bump up size of carousel content */
  .carousel-caption p {
    margin-bottom: 1rem;
    font-size: 1rem;
    line-height: 1.4;
  }
}


@media (max-width: 545px)
{
  .tab-container .nav-tabs .nav-link {
    min-width: 140px;
  }
}


/* DIV CONTAINER PADDING ON MOBILE
-------------------------------------------------- */

@media (max-width: 575px)
{
  .container {
    padding: 0 30px;
  }

  .padding-small {
    padding: 0 10px;
  }
}


/* CUSTOM CONTACT FORM STYLES 
-------------------------------------------------- */

.contact-form .form-label {
  margin-bottom: 2px;
}
.contact-form .form-control {
  color: #002400;
  background-color: #F2F6F9;
  padding: 1rem;
  border: 1px solid #F2F6F9;
  transition: all 0.1s;
}
.contact-form .form-control:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 230, 64, 1);
}
.contact-form .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #A7A7A7;
  opacity: 1; /* Firefox */
}
.contact-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #A7A7A7;
}
.contact-form .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color: #A7A7A7;
}

.contact-form .input-group-text {
  background-color: #F2F6F9;
  border: 1px solid #F2F6F9;
}

.contact-form .form-select {
  color: #002400;
  background-color: #F2F6F9;
  padding: 1rem;
  border: 1px solid #F2F6F9;
  transition: all 0.1s;
}
.contact-form .form-select:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 230, 64, 1);
}

.contact-form .form-radio-label {
  display: block;
  margin-top: 25px;
  margin-bottom: 10px;
}
.contact-form .info-icon {
  position: relative;
  top: -10px;
  z-index: 10;
}
.contact-form .form-check-input {
  cursor: pointer;
}
.contact-form .form-check-input:checked {
  background-color: #002400;
  border-color: #002400;
}
.contact-form .form-check-input:focus {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(61, 230, 64, 1);
}
.contact-form .form-check-input:active {
  filter: none;
}


/* password strength checker styles */
.js-hidden {
  display: none;
}
.password-strength-visibility {
  padding: 1.1rem 0.75rem;
}
.btn-outline-secondary {
  color: #002400;
  border-color: #002400;
}
.btn-outline-secondary:hover {
  background: #002400;
}


/* VEHICLE SIZES TABLE
-------------------------------------------------- */

.table-sticky {
  padding-bottom: 1rem;
  margin-bottom: 0;
}
.table-sticky thead th {
  font-size: 12px;
}
.table-sticky th:first-child,
.table-sticky td:first-child {
  position: sticky;
  left: 0;
  background-color: #F2F6F9;
}
.table-sticky th {
  vertical-align: middle;
}
.table-sticky td {
  white-space: nowrap;
  vertical-align: middle;
}


/* DELIVERY TRACKING TEMPLATE
-------------------------------------------------- */

#live-tracking-status.on {
  text-transform: uppercase;
  color: #1baa1e;
}
#live-tracking-status.off {
  color: #ff0000;
}
#live-tracking-status.connecting {
  color: #909090;
}