/* #Website Fonts
================================================== */

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Bold.eot');
    src: url('../webfonts/Gilroy-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Gilroy-Bold.woff2') format('woff2'),
        url('../webfonts/Gilroy-Bold.woff') format('woff'),
        url('../webfonts/Gilroy-Bold.ttf') format('truetype'),
        url('../webfonts/Gilroy-Bold.svg#Gilroy-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../webfonts/Gilroy-Medium.eot');
    src: url('../webfonts/Gilroy-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Gilroy-Medium.woff2') format('woff2'),
        url('../webfonts/Gilroy-Medium.woff') format('woff'),
        url('../webfonts/Gilroy-Medium.ttf') format('truetype'),
        url('../webfonts/Gilroy-Medium.svg#Gilroy-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Prompt';
    src: url('../webfonts/Prompt-Bold.eot');
    src: url('../webfonts/Prompt-Bold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Prompt-Bold.woff2') format('woff2'),
        url('../webfonts/Prompt-Bold.woff') format('woff'),
        url('../webfonts/Prompt-Bold.ttf') format('truetype'),
        url('../webfonts/Prompt-Bold.svg#Prompt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../webfonts/Prompt-ExtraBold.eot');
    src: url('../webfonts/Prompt-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Prompt-ExtraBold.woff2') format('woff2'),
        url('../webfonts/Prompt-ExtraBold.woff') format('woff'),
        url('../webfonts/Prompt-ExtraBold.ttf') format('truetype'),
        url('../webfonts/Prompt-ExtraBold.svg#Prompt-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../webfonts/Prompt-Black.eot');
    src: url('../webfonts/Prompt-Black.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Prompt-Black.woff2') format('woff2'),
        url('../webfonts/Prompt-Black.woff') format('woff'),
        url('../webfonts/Prompt-Black.ttf') format('truetype'),
        url('../webfonts/Prompt-Black.svg#Prompt-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../webfonts/Prompt-SemiBold.eot');
    src: url('../webfonts/Prompt-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Prompt-SemiBold.woff2') format('woff2'),
        url('../webfonts/Prompt-SemiBold.woff') format('woff'),
        url('../webfonts/Prompt-SemiBold.ttf') format('truetype'),
        url('../webfonts/Prompt-SemiBold.svg#Prompt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../webfonts/Prompt-Medium.eot');
    src: url('../webfonts/Prompt-Medium.eot?#iefix') format('embedded-opentype'),
        url('../webfonts/Prompt-Medium.woff2') format('woff2'),
        url('../webfonts/Prompt-Medium.woff') format('woff'),
        url('../webfonts/Prompt-Medium.ttf') format('truetype'),
        url('../webfonts/Prompt-Medium.svg#Prompt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

html {
  scroll-behavior: smooth;
}

body {
	font-family: 'Gilroy';
	transition: all 200ms linear;	
 }

h1,h2,h3,h4,h5,h6{
font-family: 'Prompt';
font-weight: 700;
}



a,a:active,a:focus,a:hover {
outline: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
cursor: pointer !important;
text-decoration: none;
}


a:hover {
text-decoration: none;
}


section {
  transition: all 200ms linear;
}


/* #Defined Colors and Font sizes
================================================== */
:root {
 
  --main-color:#FFAA01;
  --black-color:#000;
  --footer-bg-color:#F5F6FA;
  --text-yellow-clr:#FFAA01;
  --inner-header:#F1F2F6;
  --text-black:#000;
  --text-white:#fff;
}
.main-banner-content {
    margin: auto;
    text-align: center;
    margin-top: 25px;
}
.main-banner-content h1 {
    text-transform: uppercase;
    font-weight: 900;
}
.main-banner-content h1 span{
 color:var(--text-yellow-clr);
}




header#header {
    background-color: var(--inner-header);
}


section#main-banner{
 background: url("../img/main-banner.png") no-repeat;
 min-height: 530px;
 background-position: center;
 background-size: cover;
}


img.img-fluid.img-logo {
    width: 100px;
}

li.nav-item {
    padding: 0 5px;
}

ul.navbar-nav.mx-auto.mb-2.mb-lg-0 {
    background-color: #fff;
    padding: 8px 30px;
    border-radius: 100px;
}
.tollfree-div {
    background-color: #fff;
    padding: 5px 20px 5px 5px;
    border-radius: 100px;
    display: flex;
    border: 1px solid var(--main-color);
}

.main-banner-content ul li {
    list-style: none;
    display: inline-block;
    margin-right: 3px;
}

.main-banner-content ul {
    margin: 0;
    padding: 0;
}
.main-banner-content ul li img {
    width: 160px;
}
.call-icon {
    margin-right: 10px;
}
.call-icon-text p {
    margin-bottom: 0;
    font-weight: 800;
}
.call-icon i {
    background-color: #ffaa01;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    line-height: 50px;
    font-size: 23px;
}
section#aboutus-section {
    margin-top: 60px;
}

.read-more-btn {
    margin-top: 25px;
}
.read-more-btn a {
    font-weight: 500;
    padding: 7px 15px;
}
section#categories {
    margin-top: 60px;
}

.section-title {
    margin: auto;
    text-align: center;
}
.categories-box {
    border: 1px solid #dddd;
    border-radius: 10px;
    min-height: 290px;
    padding: 20px 25px;
    margin-bottom: 20px;
}

section#download-app {
    margin-top: 60px;
}
section#app-features {
    margin-top: 60px;
}
.cat-info img {
    width: 120px;
}

.cat-info {
    margin: auto;
    text-align: center;
}
.cat-info h4 {
    font-weight: 700;
    margin-top: 10px;
    text-transform: uppercase;
}

.user-app-background ul li {
    list-style: none;
    display: inline-block;
    width: 29%;
    margin-right: 3px;
}

.user-app-background ul {
    margin: 0;
    padding: 0;
}


.driver-app-background ul li {
    list-style: none;
    display: inline-block;
    width: 29%;
    margin-right: 3px;
}

.driver-app-background ul {
    margin: 0;
    padding: 0;
}



.user-app-background {
    background: url(../img/user-app-bg.png) no-repeat;
    min-height: 440px;
    background-position: center;
    background-size: cover;
    padding: 100px 40px;
    border-radius: 20px;
}

.driver-app-background{
 background: url("../img/driver-app-bg.png") no-repeat;
 min-height: 440px;
 background-position: center;
 background-size: cover;
     padding: 100px 40px;
    border-radius: 20px;
}

.user-app-background span {
    color: var(--text-white);
}
.user-app-background h2 {
    color: var(--text-white);
    text-transform: uppercase;
}

.user-app-background p {
    color: var(--text-white);
}

.user-app-background h2 span{
   color: var(--text-yellow-clr);
}


.driver-app-background span {
    color: var(--text-white);
}
.driver-app-background h2 {
    color: var(--text-white);
    text-transform: uppercase;
}

.driver-app-background p {
    color: var(--text-white);
}

.driver-app-background h2 span{
   color: var(--text-yellow-clr);
}

.abt-text-list h2 span {
    color: var(--text-yellow-clr);
}

.section-title.mb-4 h2 span {
    color: var(--text-yellow-clr);
}

footer {
    background-color: var(--footer-bg-color);
    margin-top: 50px;
    min-height: 250px;
}
.footer-company-info img {
    width: 100px;
}
.footer-company-info {
    border-right: 1px solid #ddd;
    padding-top: 50px;
    min-height: 320px;
    padding-right: 10px;
}
.footer-company-info p {
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-social ul li {
    list-style: none;
    display: inline-block;
}

.footer-social ul {
    padding: 0;
    margin: 0;
}


.footer-social ul li i {
    height: 41px;
    width: 41px;
    background-color: var(--black-color);
    border-radius: 100px;
    color: var(--text-white);
    font-size: 18px;
    line-height: 40px;
}

.footer-social ul li i:hover{
 background-color: var(--main-color);
}

.footer-section {
    margin-top: 55px;
}

.footer-section h4 {
    font-weight: 600;
}
.footer-section ul li {
    list-style: none;
    padding-bottom: 6px;
}

.footer-section ul {
    margin: 0;
    padding: 0;
    margin-top: 15px;
}
.footer-section ul li a{
 color:var(--text-black);
}

.footer-section ul li a:hover{
 color:var(--text-yellow-clr);
}

.pl-10{
 padding-left:10px;
}

.location-div {
    display: flex;
    gap: 5px;
    margin-bottom: 10px;
}

.contact-icon i {
    font-size: 23px;
    color: var(--text-yellow-clr);
}
.contact-text p {
    margin-bottom: 0;
}
.main-location-div {
    margin-top: 20px;
}
.user-app-footer p {
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 17px;
}

.user-app-footer {
    margin-top: 15px;
}
.user-app-footer ul {
    margin-top: 5px;
    padding: 0;
}
.user-app-footer ul li {
    list-style: none;
    display: inline-block;
    width: 48%;
}
div#copyright {
    border-top: 1px solid #ddd;
}
.copyright-text p {
    margin-bottom: 0;
    padding: 5px 0;
    font-size: 15px;
}

.copyright-link ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #ddd;
    padding: 0 10px;
    margin-top: 7px;
    font-size: 15px;
}

.copyright-link ul li a{
  color:var(--text-black);
}
.copyright-link ul li a:hover{
  color:var(--text-yellow-clr);
}

.copyright-link ul li:last-child{
  border-right:none;
}

.copyright-link ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
.feature-item {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
}

.feature-item img {
    width: 110px;
    margin: auto;
}
.feature-item h4 {
    margin-top: 10px;
    font-family: 'Gilroy';
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 5px;
}
.feature-item p {
    margin-bottom: 0;
}

.owl-theme .owl-dots .owl-dot span {
    margin: 5px 3px !important;
    background: transparent !important;
    border:1px solid var(--main-color) !important;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    border:1px solid var(--main-color) !important;
    background: var(--main-color) !important;
}


header#inner-header {
    background-color: var(--inner-header);
}
section#breadcrumb
 {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
    padding-bottom: 0;
}

.breadcrumb-anchor ul li {
    list-style: none;
    display: inline-block;
    border-right: 1px solid #ddd;
    padding: 0 8px;
}
.breadcrumb-anchor ul li:last-child{
 border-right:none;
}

.breadcrumb-anchor ul li p{
 color:var(--text-yellow-clr);
}

.breadcrumb-anchor ul li a{
 color:var(--text-black);
}

.breadcrumb-anchor ul li p{
 margin-bottom: 0;
}

.breadcrumb-anchor ul {
    margin: 0;
    padding: 0;
}
.breadcrumb-anchor {
    text-align: right;
}

.categories-about {
    border: 1px solid #ddd;
    border-radius: 10px;
    min-height: 270px;
    padding: 20px 20px;
    margin-bottom: 20px;
    text-align: center;
}

.categories-about img {
    width: 100px;
}

.categories-about p {
    margin-bottom: 0;
}
.categories-about h4 {
    font-size: 22px;
    font-family: 'Gilroy';
    margin-bottom: 3px;
    margin-top: 10px;
    font-weight: bold;
}

section#testimonials {
    margin-top: 50px;
}
.review-title h2 span{
 color:var(--text-yellow-clr);
}

div#myCarousel1 {
    margin-top: 10px;
}

.review-item-box {
    border: 1px solid #ddd;
    padding: 20px 10px;
    border-radius: 10px;
    min-height: 220px;
    text-align: center;
}


.client-img img {
    width: 100%;
    border-radius: 100px;
}

.client-img {
    width: 100px;
    height: 100px;
    margin: auto;
}

.list-quote-box i {
    background-color: #ffaa01;
    height: 30px;
    width: 30px;
    border-radius: 100px;
    font-size: 18px;
    line-height: 30px;
}

.list-quote-box {
    position: absolute;
    right: 0px;
    left: 50px;
    top: -20px;
}

.quote-list {
    position: relative;
}

.client-quote {
    margin-top: 15px;
}


.client-quote h5 {
    font-weight: 600;
}

.client-quote ul li {
    list-style: none;
    display: inline-block;
    width:4%;
}

.client-quote ul {
    padding: 0;
    margin: 0;
}

.client-quote ul li i {
    color: var(--text-yellow-clr);
}

section#categories .feature-item {
    margin-bottom: 20px;
}


.app-screen-text {
    margin-top: 100px;
}
.app-screen-text ul li {
    list-style: none;
    display: inline-block;
    width: 25%;
}

.app-screen-text ul {
    margin: 0;
    padding: 0;
}
.app-screen-text h2 {
    font-weight: 900;
    text-transform: uppercase;
}
.app-screen {
    margin: auto;
    text-align: center;
}
.app-screen-text h2 span{
 color:var(--text-yellow-clr);
}

.app-screen-driver img {
    width: 450px;
}

.app-screen-driver {
    margin: auto;
    text-align: left;
}

.section-title.mb-4 p {
    width: 65%;
    margin: auto;
}

.contact-page-info i {
    font-size: 42px;
    color: var(--text-yellow-clr);
    margin-bottom: 5px;
}

.contact-page-info {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 20px 20px 20px 20px;
    text-align: center;
    min-height: 180px;
}

.contact-page-info h4 {
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 5px;
    font-size: 20px;
}

.contact-page-info p{
 margin-bottom: 0;
}

.social-media-contact ul li i {
    font-size: 22px;
    color: var(--text-black);
    border: 1px solid #ddd;
    padding: 10px;
    width: 45px;
    height: 45px;
    border-radius: 5px;
}

.social-media-contact ul li i:hover{
  background-color: var(--text-yellow-clr);
  border:1px solid var(--text-yellow-clr);
  color:var(--text-white);
}

.social-media-contact ul li {
    list-style: none;
    display: inline-block;
}
.social-media-contact ul {
    margin: 0;
    padding: 0;
    margin-top: 10px;
}

.map-location {
    margin-top: 40px;
}

.form-box-contact {
    margin-top: 40px;
}
.form-box-contact input {
    height: 45px;
}
.form-box-contact label{
 font-weight: 600;
}

.app-screen img {
    width: 450px;
}

.categories-list h4 {
    font-weight: 600;
}

.categories-list h5 {
    font-weight: 600;
}
.categories-list ul {
    margin: 0;
    margin-bottom: 20px;
}
.categories-list ul li{
 margin-bottom: 5px;
}


/* #Sticky Header CSS
================================================== */

#mainNavbar {
  transition: all 0.3s ease-in-out;
}

.sticky {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  z-index: 1030;
  border-radius: 0px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  transform: translateY(-10px);
  opacity: 0;
  animation: slideDownFade 0.3s forwards;
  background-color: #fff;
  padding:0;
}


.sticky img.img-fluid.img-logo {
    width: 80px;
}



/* Slide down + fade-in animation */
@keyframes slideDownFade {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.spacer {
    height: 70px; /* Equal to navbar height, prevents layout shift */
}










/* #Back To Top CSS
================================================== */

.scroll-top-wrapper {
    position: fixed;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    text-align: center;
    z-index: 99999999;
    background-color: var(--main-color);
    color: #eeeeee;
    width: 50px;
    height: 48px;
    line-height: 48px;
    right: 30px;
    bottom: 30px;
    padding-top: 2px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
    background-color: #000;
}
.scroll-top-wrapper.show {
    visibility:visible;
    cursor:pointer;
    opacity: 1.0;
}
.scroll-top-wrapper i.fa {
    line-height: inherit;
}



/* Button Effect */

.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  position: relative;
  background: var(--main-color);
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;

}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background:var(--black-color);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  border-radius: 0.375rem;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}