@import url(components.css);
:root {
  /* Primary */
  --primary: #FF9B0F;
  --primary-shade1: #f8a563;
  --primary-shade2: #fabf8f;
  --primary-shade3: #fcd9bc;
  --primary-shade4: #fef2e9;

  /* Secondary */
  --secondary: #0b0f1b;
  --secondary-shade1: #6b4d7c;
  --secondary-shade2: #90799d;
  --secondary-shade3: #b5a6bd;
  --secondary-shade4: #e3dee6;

  /* alert */
  --success: #198754;
  --info: #2b80fd;
  --warning: #ffc107;
  --error: #dc3545;
  --disabled: #d8d8d8;

  /* gry */
  --gry-900: #212121;
  --gry-800: #424242;
  --gry-700: #616161;
  --gry-600: #757575;
  --gry-500: #9e9e9e;
  --gry-400: #bdbdbd;
  --gry-300: #e0e0e0;
  --gry-200: #eeeeee;
  --gry-100: #f5f5f5;
  --gry-50: #fafafa;

  /* genral-color */
  --balck: #000000;
  --white: #ffffff;

  /* dark color */
  --dark-1: #181a20;
  --dark-2: #1f222a;
  --dark-3: #35383f;
}

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-BlackItalic.eot");
  src: url("../../fonts/Aeonik-BlackItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Aeonik-BlackItalic.woff2") format("woff2"),
    url("../../fonts/Aeonik-BlackItalic.woff") format("woff"),
    url("../../fonts/Aeonik-BlackItalic.ttf") format("truetype"),
    url("../../fonts/Aeonik-BlackItalic.svg#Aeonik-BlackItalic") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-BoldItalic.eot");
  src: url("../../fonts/Aeonik-BoldItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Aeonik-BoldItalic.woff2") format("woff2"),
    url("../../fonts/Aeonik-BoldItalic.woff") format("woff"),
    url("../../fonts/Aeonik-BoldItalic.ttf") format("truetype"),
    url("../../fonts/Aeonik-BoldItalic.svg#Aeonik-BoldItalic") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-Light.eot");
  src: url("../../fonts/Aeonik-Light.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Aeonik-Light.woff2") format("woff2"),
    url("../../fonts/Aeonik-Light.woff") format("woff"),
    url("../../fonts/Aeonik-Light.ttf") format("truetype"),
    url("../../fonts/Aeonik-Light.svg#Aeonik-Light") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-MediumItalic.eot");
  src: url("../../fonts/Aeonik-MediumItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Aeonik-MediumItalic.woff2") format("woff2"),
    url("../../fonts/Aeonik-MediumItalic.woff") format("woff"),
    url("../../fonts/Aeonik-MediumItalic.ttf") format("truetype"),
    url("../../fonts/Aeonik-MediumItalic.svg#Aeonik-MediumItalic") format("svg");
  font-weight: 501;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-Regular.eot");
  src: url("../../fonts/Aeonik-Regular.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Aeonik-Regular.woff2") format("woff2"),
    url("../../fonts/Aeonik-Regular.woff") format("woff"),
    url("../../fonts/Aeonik-Regular.ttf") format("truetype"),
    url("../../fonts/Aeonik-Regular.svg#Aeonik-Regular") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-LightItalic.eot");
  src: url("../../fonts/Aeonik-LightItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Aeonik-LightItalic.woff2") format("woff2"),
    url("../../fonts/Aeonik-LightItalic.woff") format("woff"),
    url("../../fonts/Aeonik-LightItalic.ttf") format("truetype"),
    url("../../fonts/Aeonik-LightItalic.svg#Aeonik-LightItalic") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-RegularItalic.eot");
  src: url("../../fonts/Aeonik-RegularItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Aeonik-RegularItalic.woff2") format("woff2"),
    url("../../fonts/Aeonik-RegularItalic.woff") format("woff"),
    url("../../fonts/Aeonik-RegularItalic.ttf") format("truetype"),
    url("../../fonts/Aeonik-RegularItalic.svg#Aeonik-RegularItalic")
      format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-Thin.eot");
  src: url("../../fonts/Aeonik-Thin.eot?#iefix") format("embedded-opentype"),
    url("../../fonts/Aeonik-Thin.woff2") format("woff2"),
    url("../../fonts/Aeonik-Thin.woff") format("woff"),
    url("../../fonts/Aeonik-Thin.ttf") format("truetype"),
    url("../../fonts/Aeonik-Thin.svg#Aeonik-Thin") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Aeonik";
  src: url("../../fonts/Aeonik-ThinItalic.eot");
  src: url("../../fonts/Aeonik-ThinItalic.eot?#iefix")
      format("embedded-opentype"),
    url("../../fonts/Aeonik-ThinItalic.woff2") format("woff2"),
    url("../../fonts/Aeonik-ThinItalic.woff") format("woff"),
    url("../../fonts/Aeonik-ThinItalic.ttf") format("truetype"),
    url("../../fonts/Aeonik-ThinItalic.svg#Aeonik-ThinItalic") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

* {
  padding: 0px;
  margin: 0px;
}
html,
body {
  padding: 0px;
  margin: 0px;
  font-family: "Aeonik";
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 14px;
  font-weight: normal;
}
a {
  text-decoration: none !important;
}
img {
  max-width: 100%;
}
header .navbar {
  padding: 15px 0;
}
header .navbar-nav {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
header .navbar-nav .nav-item {
  pointer-events: initial;
  margin: 0px 10px;
}
header .navbar-nav .nav-item a {
  color: var(--gry-800);
  font-size: 16px;
  font-weight: 501;
}
header .navbar-nav .nav-item a:hover {
  color: var(--primary);
}
.container-fluid {
  padding: 0px 30px;
}
body.fixed header {
  position: sticky;
  top: 0;
  z-index: 999;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(30px);
  backdrop-filter: blur(30px);
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}
.hero-section {
  position: relative;
  padding: 0 30px;
}
.hero-section-in {
  display: flex;
  align-items: center;
  height: calc(100vh - 110px);
  background: url(../../images/banner.png) no-repeat;
  background-position: center;
  background-size: cover;
  border-radius: 20px;
}
.hero-section-text h1 {
  font-size: 56px;
  font-weight: 700;
  color: var(--white);
}
.hero-section-text p {
  font-size: 24px;
  color: var(--white);
  font-weight: 400;
  line-height: 31.2px;
}
.hero-section-text {
  max-width: 570px;
}
.hero-section-text .btn {
  margin-top: 50px;
}
.section-headings h3 {
  font-size: 22px;
  font-weight: 501;
  color: var(--primary);
}
.section-headings h4 {
  font-size: 40px;
  font-weight: 501;
  color: var(--gry-800);
}
.section-padding {
  padding: 120px 0;
}
.features-col article {
  border-radius: 20px;
  transition: 0.3s ease-in-out;
  padding: 30px 20px;
  text-align: center;
}
.features-col article figure {
  background: var(--primary);
  width: 80px;
  height: 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 80px;
  margin: auto;
}
.features-col article figcaption {
  margin-top: 30px;
}
.features-col article figcaption h4 {
  color: var(--balck);
  font-size: 24px;
  font-weight: 501;
}
.features-col article figcaption p {
  font-size: 16px;
  color: var(--gry-600);
}
.features-col article:hover {
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.09);
}
.about-sec {
  background-color: var(--primary-shade4);
}
.section-headings p {
  font-size: 16px;
  color: var(--gry-600);
}
.app-screenshot .owl-item {
  transition: 0.3s ease-in-out;
  transform: scale(0.8);
}
.app-screenshot .owl-item.center {
  transform: scale(1);
}
.who-we-inner {
  background: url(../../images/r-trans.png) var(--gry-50) no-repeat;
  background-position: 30px 30px;
  border-radius: 20px;
}
.who-we-text {
  background: var(--white);
  border-radius: 10px;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.who-we-img {
  border-radius: 20px;
  overflow: hidden;
}
.who-we-img img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.who-we-inner .row > * {
  display: flex;
}
.who-we-inner .row > * > * {
  width: 100%;
}
.list-bullet {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 16px;
  color: var(--gry-600);
}
.help-box.row a {
  padding: 50px 30px;
  border: 1px solid var(--gry-300);
  display: block;
  border-radius: 20px;
  text-align: center;
}
.help-box.row h4 {
  font-size: 15px;
  text-decoration: none;
  color: var(--gry-800);
  font-size: 24px;
  font-weight: 501;
  margin-top: 20px;
}
.get-in-touch-in {
  padding: 70px;
  background-color: var(--secondary);
  border-radius: 20px;
}
.contact-right-info span {
  font-size: 22px;
  color: var(--primary-shade4);
}
.contact-right-info h4 {
  font-size: 68px;
  color: var(--white);
  max-width: 400px;
  line-height: 67px;
}
.contact-right-info {
  padding-right: 70px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.contact-form-ui {
  padding: 40px;
  background: var(--secondary-shade4);
  border-radius: 20px;
}
.get-in-touch-in .col-md-7 {
  display: flex;
}
.career-sec .section-headings h4 {
  font-size: 30px;
}
.career-sec figure {
  border-radius: 20px;
  overflow: hidden;
}
.career-sec figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.partner-sec figure {
  border-radius: 20px;
  overflow: hidden;
}
.partner-sec figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.partner-header {
    background-color: #FF9B0F;
}
.download-app-sec .container-fluid {
  background: var(--gry-50) no-repeat;
  background-position: right bottom 30px;
}
.download-app-sec .tab-content {
  box-shadow: 0px -4px 18px rgba(0, 0, 0, 0.06);
  border-radius: 30px 30px 0px 0px;
  background: var(--white);
  padding: 50px 60px 0;
}
.download-sec-in {
  display: flex;
  justify-content: space-between;
}
.download-sec-text {
  max-width: 600px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 20px;
}
.download-head h4 {
  font-size: 40px;
  font-weight: 501;
  color: var(--gry-800);
}
.download-head p {
  font-size: 20px;
  font-weight: 501;
  color: var(--gry-600);
}
.download-app-btns img {
  width: 192px;
}
.download-app-btns {
  display: flex;
  gap: 10px;
}
.main-footer {
  background: var(--dark-1);
  padding: 150px 0;
  background-position: 40px 40px;
}
.foot-content {
  display: flex;
  gap: 60px;
  justify-content: end;
}
.footer-heading {
  font-size: 20px;
  font-weight: 501;
  color: var(--white);
  margin-bottom: 40px;
}
.foot-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.foot-links a {
  color: var(--white);
  font-size: 16px;
}
.foot-links a:hover {
  color: var(--primary);
}
.foot-menu-are {
  min-width: 210px;
}
.social-btns {
  display: flex;
  gap: 10px;
}
.social-btns a {
  background: var(--primary);
  height: 42px;
  width: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.social-btns a:hover {
  background: var(--secondary);
}
.footer-copyright {
  background: var(--primary);
  color: var(--white);
  padding: 15px 10px;
  text-align: center;
}
.heading-banner {
  background-color: var(--primary-shade4);
  height: 280px;
}
.heading-banner-text h4 {
  font-size: 50px;
  font-weight: 700;
  color: var(--gry-800);
}
.breadcrumb-item a {
  color: var(--primary);
  font-weight: 501;
}
.breadcrumb-item.active a {
  color: var(--gry-700);
}
.inner-page-wraper {
  padding: 100px 0;
}
.terms-content h4 {
  color: var(--gry-800);
  font-size: 24px;
  font-weight: 501;
  margin-bottom: 15px;
}
.terms-content p {
  font-size: 16px;
  color: var(--gry-600);
  margin-bottom: 20px;
}
.services-inner-page .career-sec {
  padding: 100px 0;
}
.services-inner-page .career-sec:first-child {
  padding-top: 0;
}
.services-inner-page .career-sec:last-child {
  padding-bottom: 0;
}
.services-inner-page .career-sec:nth-child(even) {
  background-color: var(--gry-50);
}
.service-banner-img figure {
  height: 500px;
  overflow: hidden;
  border-radius: 20px;
}
.service-banner-img figure img {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.terms-content h2 {
  font-weight: 700;
  font-size: 52px;
}
.hero-section-help .hero-section-in {
  height: 600px;
  background: url(../../images/help.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.career-jobs-box article {
  padding: 40px 30px;
  border-radius: 10px;
  border: 1px solid var(--gry-300);
}
.career-jobs-box article h4 a {
  font-size: 24px;
  font-weight: 501;
  color: var(--gry-900);
}
.career-jobs-box article span {
  font-size: 16px;
  font-weight: 501;
}
.career-jobs-box article p {
  color: var(--gry-600);
}
.career-form {
  padding: 50px;
  background: var(--gry-50);
  border-radius: 20px;
}
input.form-control[type="file"]::file-selector-button {
  display: none;
}
input.form-control[type="file"]::-ms-browse {
  display: none;
}
input.form-control[type="file"] {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 17V19C4 19.5304 4.21071 20.0391 4.58579 20.4142C4.96086 20.7893 5.46957 21 6 21H18C18.5304 21 19.0391 20.7893 19.4142 20.4142C19.7893 20.0391 20 19.5304 20 19V17M7 9L12 4M12 4L17 9M12 4V16' stroke='%23354052' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: right 15px center;
}
.section-headings h2 {
  font-size: 55px;
  font-weight: 700;
  color: var(--gry-800);
}
.help-banner {
  background-color: var(--gry-50);
}
.accordion-button {
  font-size: 24px;
  font-weight: 501;
  padding: 15px;
  box-shadow: none !important;
  background: none !important;
}
.accordion-body {
  padding: 15px;
  padding-top: 0;
  font-size: 16px;
  color: var(--gry-700);
}
.accordion-button:not(.collapsed) {
  color: var(--primary);
}
.accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='43' height='43' rx='21.5' fill='white'/%3E%3Crect x='0.5' y='0.5' width='43' height='43' rx='21.5' stroke='%23F57F20'/%3E%3Cpath d='M22 15V29M15 22H29' stroke='%23F57F20' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  width: 40px;
  height: 40px;
  background-size: 100%;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg width='44' height='44' viewBox='0 0 44 44' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0.5' y='0.5' width='43' height='43' rx='21.5' fill='%23F57F20'/%3E%3Crect x='0.5' y='0.5' width='43' height='43' rx='21.5' stroke='%23F57F20'/%3E%3Cpath d='M28 16L16 28M16 16L28 28' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.heading-banner-career .heading-banner-text {
  max-width: 750px;
  margin: auto;
}
.heading-banner-career.heading-banner {
  height: auto;
  padding: 80px 0;
  padding-bottom: 150px;
}
.career-details-view-in {
  box-shadow: 0px 4px 17.8px rgba(0, 0, 0, 0.09);
  border-radius: 20px;
  padding: 40px;
  max-width: 850px;
  margin: auto;
  margin-top: -180px;
  background: var(--white);
  margin-bottom: 100px;
}
.heading-big h1 {
  font-size: 50px;
  font-weight: 700;
}
.heading-big p {
  font-size: 16px;
  color: var(--gry-600);
}
.heading-big {
  margin-bottom: 60px;
}
.about-banner-img img {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.about-main {
  margin-bottom: 100px;
}
.how-it-sec-row article {
  color: var(--white);
  text-align: center;
  background-color: var(--gry-900);
  border-radius: 10px;
  padding: 30px;
}
.how-it-sec-row article figure {
  background: var(--primary);
  border-radius: 10px;
  height: 65px;
  width: 65px;
  margin: auto;
  margin-bottom: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--white);
  font-size: 35px;
}
.how-it-sec-row article p {
  margin-bottom: 0;
}
.error {
  color: red !important;
}

.goog-te-gadget-simple {
  padding: 5px;
  border-radius: 4px;
  border: 1px solid #ccc !important;
}
.goog-te-gadget img {
  display: none;
}
.goog-te-gadget-simple span {
  font-size: 14px;
}
.breadcrumb-item + .breadcrumb-item::before {
  content: "->";
  color: #FF9B0F; /* Replace with your desired color */
}

.select-phone {
  position: relative;
}
.select-phone #country {
  position: absolute;
  left: 1px;
  top: 27px;
  height: 46px;
  padding: 0px 15px;
  border-radius: 10px 0px 0px 10px;
  background: var(--white);
  border: none;
  border-right: 1px solid var(--gry-300);
}
.select-phone input {
  padding-left: 115px;
}
.safety-inner-page .career-sec:nth-child(1n) {
  background-color: var(--gry-50);
}
.safety-inner-page .career-sec:nth-child(2n) {
  background-color: var(--white);
}
.safety-inner-page .career-sec:nth-child(3n) {
  background-color: var(--gry-50);
}
.safety-inner-page .career-sec:first-child {
  padding-top: 100px;
}
.safety-inner-page .career-sec:last-child {
  padding-bottom: 100px;
}
.bg-content {
  position: relative;
  background: var(--dark-1);
}
.bg-content img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  opacity: 0.4;
}
.bg-content h4 {
  text-align: center;
  font-size: 34px;
  font-weight: 500;
  line-height: 50px;
  color: var(--white);
  position: relative;
  z-index: 1;
}
.banner-passenger-text h4 {
  font-size: 56px;
  color: #424242;
  font-weight: 600;
}
.banner-passenger-text p {
  font-size: 16px;
  color: #757575;
}
.banner-passenger-img {
  border-radius: 150px 10px 10px 10px;
}
.driver-inner-page figure {
  aspect-ratio: 16/11;
  overflow: hidden;
  border-radius: 15px;
}
.driver-inner-page figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}