@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .burgericon {
    display: block !important;
    color: white;
  }
}

.closeicon {
  font-size: 25px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .closeicon {
    color: white;
  }
}

.shown {
  display: block !important;
}

.hiden {
  display: none !important;
}

.compact .burgericon {
  color: black;
}
.compact .closeicon {
  color: black;
}

.mobilemenu {
  color: black;
}
.mobilemenu .nav-items {
  gap: 20px;
  display: flex;
  flex-direction: column;
  text-align: center;
  list-style: none;
  padding: 0;
}
.mobilemenu .nav-items a {
  color: inherit;
}

.cookie-consent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000000000;
}
.cookie-consent .cookie-consent-content {
  bottom: 0;
  position: absolute;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 20px;
  text-align: center;
}
.cookie-consent .cookie-consent-content button {
  background-color: #53a4de;
  border-color: #53a4de;
}

.common-loader-hide {
  animation: hideit 0.5s normal forwards ease-in-out !important;
  animation-delay: 0.3s !important;
}

.common-loader-initial {
  animation: fade-in 0.5s normal forwards ease-in-out;
  animation-delay: 0s;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

@keyframes hideit {
  0% {
    opacity: 1;
  }
  90% {
    opacity: 0;
    display: none !important;
    height: 100vh;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body,
html {
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: black;
  box-sizing: border-box;
  user-select: inherit;
  -webkit-touch-callout: inherit;
  -webkit-user-select: inherit;
  -moz-user-select: inherit;
  -ms-user-select: inherit;
  overflow-x: hidden;
  scroll-behavior: smooth;
  font-family: "Montserrat", "Noto Kufi Arabic", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  background-color: #FFFFFF;
  max-width: 100%;
  min-height: 100vh;
}

* {
  font-family: inherit;
  box-sizing: border-box;
}

.inputgroup .label {
  font-size: 0.8rem;
  color: #00214D;
  text-transform: capitalize;
  margin: 5px 0;
}
.inputgroup .input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 10px;
}

.seepswd {
  position: absolute;
  bottom: 15px;
  right: 25px;
  cursor: pointer;
}

a {
  text-decoration: none !important;
}

.pointer {
  cursor: pointer;
}

.disabled {
  cursor: default !important;
  opacity: 0.5;
}

.activelink {
  cursor: default !important;
  opacity: 1;
}

.tag {
  background-color: #00214D;
  border-radius: 5px;
  padding: 5px;
  margin: 5px 0;
  color: white;
}

.important {
  background-color: #D1171E;
}

.success {
  background-color: green;
}

.toBeHidden {
  visibility: hidden;
  opacity: 0;
  height: 0;
}

.processing {
  background-color: #b8b5b5;
}

.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none; /* Firefox */
}
.scrollbar-hidden::-webkit-scrollbar {
  display: none;
}

.notactivelink {
  cursor: pointer !important;
  opacity: 0.5;
}

.sep-30 {
  width: 100%;
  height: 30px;
}

.show {
  opacity: 1;
  display: block !important;
}

.required {
  color: red;
}

.csstooltip {
  position: relative;
  cursor: pointer;
}
.csstooltip:hover::after {
  content: attr(title);
  position: absolute;
  top: -55px;
  left: -54px;
  z-index: 10;
  width: 120px;
  background-color: black;
  color: white;
  border-radius: 15px;
  padding: 5px;
}

#paymentmodal .modal-dialog {
  max-width: 300px;
}
#paymentmodal .modal-dialog .modal-content {
  background-color: #00214D;
  border-radius: 15px;
  color: white;
}
#paymentmodal .modal-dialog .modal-content input {
  background-color: #00214D;
  color: white;
  font-size: 20px;
}
#paymentmodal .modal-dialog .modal-footer .reversecancel {
  border: 1px solid #D1171E;
  background-color: #FFFFFF;
  color: #D1171E;
}
#paymentmodal .modal-dialog .modal-footer .reverserequest {
  border: 1px solid #00214D;
  background-color: #FFFFFF;
  color: #00214D;
}

.footer .links .link a {
  color: unset;
}
.footer .links .link a:hover {
  cursor: pointer;
  color: #00214D;
}

.allcarstotal {
  text-align: center;
  font-size: 20px;
  font-weight: 600;
  color: #00214D;
}

.info {
  display: flex;
  align-items: center;
  gap: 10px;
}
.info .imgdiv {
  position: relative;
  width: 15px;
  aspect-ratio: 1/1;
}
.info .imgdiv img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.content-fluid {
  height: 100%;
  width: 100%;
  max-width: 1440px;
  padding-right: 25px;
  padding-left: 25px;
  margin: auto;
}

@media (min-width: 576px) {
  .content-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media (min-width: 768px) {
  .content-fluid {
    padding-right: 50px;
    padding-left: 50px;
  }
}
@media (min-width: 992px) {
  .content-fluid {
    padding-right: 100px;
    padding-left: 100px;
  }
}
.buttondiv .button {
  text-decoration: none;
}

.someofourinstallations .content-fluid .installationsslider .swiper-wrapper .swiper-slide .imagediv .overlay, .howitworks .content-fluid .imagediv .overlay, .topbanner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(15, 11, 12, 0.2);
}

.full-width {
  width: 100% !important;
}

.center-text {
  text-align: center !important;
}

.left-text {
  text-align: left !important;
}

.white-text {
  color: #FFFFFF;
}

.align-item-center {
  align-items: center !important;
}

.bluebgborder {
  background-color: #00214D !important;
  border-color: #00214D !important;
}

.modal {
  background-color: rgba(0, 0, 0, 0.5) !important;
}

.color-g-b {
  color: #00214D !important;
}

.opacity-5 {
  opacity: 0.5;
}

.uploadModal {
  height: 100%;
  justify-content: center;
  align-items: center;
}
.uploadModal .modal-dialog {
  min-width: 45%;
}
.uploadModal .modal-body {
  margin: 20px 0;
}
.uploadModal #modalfileuploadform {
  width: 75% !important;
}
.uploadModal #editClientForm {
  width: 75% !important;
}

.file-upload-wrapper:before {
  font-weight: unset !important;
  font-size: 14px !important;
  text-transform: unset !important;
}

.message {
  border-radius: 15px;
  background-color: #00214D !important;
  color: white;
  max-width: 500px !important;
}
.message h2 {
  line-height: 50px;
  text-align: center;
}
.message p {
  text-align: center;
}

.fc-content {
  border-radius: 15px;
  background-color: #00214D !important;
  color: white;
}
.fc-content h2 {
  line-height: 50px;
  text-align: center;
}
.fc-content .confirmation {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
.fc-content a {
  width: 40%;
  border: 1px solid white;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  padding: 10px 20px;
  box-sizing: border-box;
  transition: 0.3s;
  cursor: pointer;
}
.fc-content a:hover {
  background-color: white;
  color: #00214D !important;
}
.fc-content button {
  width: 40%;
  background-color: white;
  color: #00214D;
  border: 1px solid white;
  border-radius: 6px;
  display: flex;
  justify-content: center;
  padding: 10px 20px;
  box-sizing: border-box;
  transition: 0.3s;
  cursor: pointer;
}
.fc-content button:hover {
  background-color: #00214D;
  color: white;
}

.weeksselected {
  padding: 20px 10px;
  display: flex;
  gap: 20px;
  justify-content: center;
  flex-wrap: wrap;
}
.weeksselected .card {
  width: 250px;
}
.weeksselected .card .card-header .card-title {
  margin: 0 !important;
}

nav.main {
  overflow-x: hidden;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  z-index: 15;
}
nav.main:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  background-color: #ffffff;
  z-index: -1;
  transition: 0.3s all;
}
nav.main .content-fluid {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
nav.main .content-fluid .left {
  width: 14%;
}
nav.main .content-fluid .left .logodiv {
  width: 100%;
  margin-top: 10px;
  position: relative;
  aspect-ratio: 2/1;
  height: 100px;
}
nav.main .content-fluid .left .logodiv .logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
nav.main .content-fluid .left .logodiv #mutedLogo {
  display: none;
}
nav.main .content-fluid .left .logodiv #logo {
  display: block;
}
nav.main .content-fluid .right {
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
}
nav.main .content-fluid .right .loginbtns {
  display: flex;
  column-gap: 10px;
}
nav.main .content-fluid .right .loginbtns .loginbtndiv .loginbtn {
  width: 100px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #53a4de;
}
nav.main .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn {
  width: 120px;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background-color: #FFFFFF;
  color: #53a4de;
}
nav.main .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.blue {
  background-color: #53a4de;
  color: #FFFFFF;
}
nav.main .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.black {
  background-color: #000;
  color: #FFFFFF;
  border: 1px solid white;
}
nav.main .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.dark-blue {
  background-color: #00214D;
  color: #FFFFFF;
}
nav.main .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.grey {
  background-color: #909497;
  color: white;
}
nav.main .content-fluid .right .nav-items {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  margin-top: 10px;
}
nav.main .content-fluid .right .nav-items .nav-item {
  color: #FFFFFF;
  font-weight: 600;
}
nav.main .content-fluid .right .nav-items .nav-item a {
  text-decoration: none;
  color: #FFFFFF;
}
nav.main .content-fluid .right .nav-items .nav-item a:hover {
  color: #53a4de;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  nav.main .right {
    display: none !important;
  }
}

.compact,
.special {
  position: fixed !important;
  box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;
}
.compact:before,
.special:before {
  height: 100% !important;
}
.compact .content-fluid .left .logodiv,
.special .content-fluid .left .logodiv {
  height: 75px !important;
}
.compact .content-fluid .left .logodiv #mutedLogo,
.special .content-fluid .left .logodiv #mutedLogo {
  display: block !important;
}
.compact .content-fluid .left .logodiv #mutedLogo svg,
.special .content-fluid .left .logodiv #mutedLogo svg {
  width: 101px;
  height: 68px;
}
.compact .content-fluid .left .logodiv #logo,
.special .content-fluid .left .logodiv #logo {
  display: none !important;
}
.compact .content-fluid .left .logodiv .logo,
.special .content-fluid .left .logodiv .logo {
  transform: translate(0, -10px);
}
.compact .content-fluid .right,
.special .content-fluid .right {
  justify-content: center !important;
  height: unset !important;
}
.compact .content-fluid .right .loginbtns .loginbtndiv .loginbtn,
.special .content-fluid .right .loginbtns .loginbtndiv .loginbtn {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.compact .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn,
.special .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn {
  border: 1px solid #53a4de;
}
.compact .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.blue,
.special .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.blue {
  border: unset;
}
.compact .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.black,
.special .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.black {
  border: unset;
}
.compact .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.dark-blue,
.special .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.dark-blue {
  border: unset;
}
.compact .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.grey,
.special .content-fluid .right .loginbtns .pricingbtndiv .pricingbtn.grey {
  border: unset;
}
.compact .content-fluid .right .nav-items,
.special .content-fluid .right .nav-items {
  margin: 0 !important;
}
.compact .content-fluid .right .nav-items .nav-item,
.special .content-fluid .right .nav-items .nav-item {
  font-weight: 600;
}
.compact .content-fluid .right .nav-items .nav-item a,
.special .content-fluid .right .nav-items .nav-item a {
  color: #00214D !important;
}

.mobilemenu {
  position: fixed;
  top: 0;
  left: -100%;
  right: 500%;
  bottom: 0;
  z-index: 9999;
  background: white;
  transition: 0.3s;
  overflow: hidden;
  padding: 10px 20px;
  box-sizing: border-box;
}
.mobilemenu.active {
  right: 30%;
  left: 0;
}
.mobilemenu.active .close-burger {
  transition: 0.3s;
  position: fixed;
  top: 0;
  left: 70%;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(0, 0, 0, 0.1);
  display: block !important;
}
.mobilemenu .loginbtn {
  padding: 10px 45px;
  text-decoration: none;
  color: #FFFFFF !important;
  background-color: #53a4de;
}

.pricingpage {
  padding-top: 100px;
  min-height: calc(100vh - 100px);
}
.pricingpage .content-fluid .pricesdiv {
  display: flex;
  justify-content: space-evenly;
  margin: 50px 0;
  flex-wrap: wrap;
}
.pricingpage .content-fluid .pricesdiv .price {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 156px;
}
.pricingpage .content-fluid .pricesdiv .price .weekdiv {
  width: 100%;
  text-align: center;
  background-color: #00214D;
  border-radius: 15px 15px 0px 0px; /*TL TR BR BL*/
}
.pricingpage .content-fluid .pricesdiv .price .weekdiv .week {
  text-transform: capitalize;
  color: #FFFFFF;
  font-size: 20px;
  padding: 10px 0;
}
.pricingpage .content-fluid .pricesdiv .price .detailsdiv {
  width: 100%;
  border: 3px solid #00214D;
  border-radius: 0px 0px 15px 15px; /*TL TR BR BL*/
  background-color: #FFFFFF;
  text-align: center;
  height: 100%;
  display: flex;
  align-items: center;
}
.pricingpage .content-fluid .pricesdiv .price .detailsdiv .details {
  color: #00214D;
  font-size: 20px;
  padding: 40px 20px;
  font-weight: 700;
}

.topbanner {
  scroll-margin-top: 100px;
  height: 75vh;
  position: relative;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
}
.topbanner .content-fluid {
  display: flex;
  align-items: end;
  position: relative;
}
.topbanner .content-fluid .content {
  margin: 30px 0;
  width: 35%;
}
@media (max-width: 1199px) and (min-width: 992px) {
  .topbanner .content-fluid .content {
    width: 44%;
  }
  .topbanner .content-fluid .content .label {
    font-size: 2rem !important;
  }
}
.topbanner .content-fluid .content .label {
  color: #FFFFFF;
  font-weight: bold;
  font-size: 2.625rem;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .topbanner {
    height: 50vh;
  }
  .topbanner .content {
    width: 100% !important;
  }
  .topbanner .content .label {
    font-size: 1.5rem !important;
    text-align: center;
  }
}

.aboutus {
  scroll-margin-top: 100px;
  margin: 50px;
  height: 25vh;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .aboutus {
    height: 100%;
  }
}
.aboutus .content-fluid {
  display: flex;
  justify-content: center;
  gap: 50px;
}
.aboutus .content-fluid .content {
  display: flex;
  align-items: start;
  gap: 10px;
  width: 40%;
}
.aboutus .content-fluid .content .icondiv {
  position: relative;
  width: 150px;
  aspect-ratio: 1/1;
}
.aboutus .content-fluid .content .icondiv .icon {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.aboutus .content-fluid .content .txtdiv {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.aboutus .content-fluid .content .txtdiv .title {
  font-weight: bold;
  color: #00214D;
}
.aboutus .content-fluid .content .txtdiv .txt {
  opacity: 0.6;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .aboutus .content-fluid {
    flex-wrap: wrap;
  }
  .aboutus .content-fluid .content {
    width: 100% !important;
    flex-wrap: wrap;
    justify-content: center;
  }
  .aboutus .content-fluid .content .txtdiv {
    text-align: center;
  }
}

.howitworks {
  scroll-margin-top: 100px;
  margin: 100px 0;
}
.howitworks .content-fluid {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.howitworks .content-fluid .imagediv {
  position: relative;
  width: 55%;
  aspect-ratio: 2/1.2;
}
.howitworks .content-fluid .imagediv .image {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.howitworks .content-fluid .content {
  width: 30%;
  display: flex;
  flex-direction: column;
  justify-content: end;
  gap: 30px;
  position: relative;
}
.howitworks .content-fluid .content .largelabeldiv {
  position: absolute;
  left: -366px;
  z-index: 10;
  top: -80px;
}
.howitworks .content-fluid .content .label {
  font-size: 100px;
  color: #d3d2d0;
  text-transform: capitalize;
  font-weight: bold;
}
.howitworks .content-fluid .subtitlediv {
  margin-top: 75px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .howitworks .content-fluid .subtitlediv {
    margin-top: 10px;
  }
}
.howitworks .content-fluid .subtitlediv .subtitle {
  font-weight: 600;
  font-size: 1.25rem;
  color: #00214D;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .howitworks .content-fluid {
    flex-wrap: wrap;
  }
  .howitworks .content-fluid .imagediv {
    width: 100%;
  }
  .howitworks .content-fluid .content {
    width: 100%;
  }
  .howitworks .content-fluid .content .largelabeldiv {
    left: unset !important;
    top: -90px !important;
  }
  .howitworks .content-fluid .content .largelabeldiv .label {
    font-size: 50px !important;
  }
}

.iti {
  width: 100%;
}

.iti__arrow {
  border-top: 4px solid black !important;
}

.iti__selected-dial-code {
  color: black !important;
}

.iti--separate-dial-code .iti__selected-flag {
  background-color: transparent !important;
}

.whychooseus {
  scroll-margin-top: 100px;
  margin: 100px 0;
  padding: 50px 0;
  background-color: rgba(15, 11, 12, 0.07);
}
.whychooseus .content-fluid {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.whychooseus .content-fluid .content {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 40%;
}
.whychooseus .content-fluid .content .titlediv .title {
  font-weight: bold;
  font-size: 1.25rem;
  color: #00214D;
}
.whychooseus .content-fluid .content .contentbox {
  display: flex;
  gap: 30px;
}
.whychooseus .content-fluid .content .contentbox .imagediv {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.whychooseus .content-fluid .content .contentbox .textdiv {
  display: flex;
  gap: 10px;
  flex-direction: column;
}
.whychooseus .content-fluid .content .contentbox .textdiv .title {
  font-weight: bold;
  opacity: 0.6;
}
.whychooseus .content-fluid .content .contentbox .imagediv {
  position: relative;
  height: 100px !important;
  width: unset !important;
  aspect-ratio: 1/2 !important;
}
.whychooseus .content-fluid .content .contentbox .imagediv .image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}
.whychooseus .content-fluid .imagediv {
  position: relative;
  width: 50%;
  aspect-ratio: 2/1;
}
.whychooseus .content-fluid .imagediv .image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: contain;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .whychooseus .content-fluid {
    flex-wrap: wrap;
  }
  .whychooseus .content-fluid .content {
    width: 100%;
  }
  .whychooseus .content-fluid .imagediv {
    width: 100%;
  }
}

.someofourinstallations {
  scroll-margin-top: 100px;
}
.someofourinstallations .content-fluid .titlediv .title {
  color: #00214D;
  text-transform: capitalize;
  font-weight: bold;
  font-size: 1.25rem;
}
.someofourinstallations .content-fluid .installationsslider {
  margin: 50px 0;
  display: flex;
  flex-direction: column;
  gap: 30px;
  overflow: hidden;
}
.someofourinstallations .content-fluid .installationsslider .swiper-wrapper .swiper-slide .imagediv {
  position: relative;
  height: 100%;
  aspect-ratio: 2/1.5;
}
.someofourinstallations .content-fluid .installationsslider .swiper-wrapper .swiper-slide .imagediv .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.someofourinstallations .content-fluid .installationsslider .sliderscontrol {
  display: flex;
  gap: 50px;
  justify-content: center;
}
.someofourinstallations .content-fluid .installationsslider .sliderscontrol div:hover {
  cursor: pointer;
}
.someofourinstallations .content-fluid .installationsslider .sliderscontrol div i {
  font-size: 30px;
  font-weight: 400;
  color: #00214D;
}

.contactus {
  scroll-margin-top: 100px;
  margin: 100px 0;
}
.contactus .content-fluid {
  display: flex;
  justify-content: space-between;
  gap: 50px;
}
.contactus .content-fluid .left {
  width: 40%;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.contactus .content-fluid .left .labeldiv .label {
  font-size: 2.625rem;
  color: #00214D;
  font-weight: bold;
  text-transform: capitalize;
}
.contactus .content-fluid .left .txtdiv {
  line-height: 2;
}
.contactus .content-fluid .left .txtdiv .txt {
  color: #0F0B0C;
  opacity: 0.6;
}
.contactus .content-fluid .left .socialmediadiv {
  display: flex;
  gap: 20px;
  margin-left: 1px;
  margin-bottom: 35px;
}
.contactus .content-fluid .left .socialmediadiv .icon {
  color: #00214D;
}
.contactus .content-fluid .right {
  width: 55%;
}
.contactus .content-fluid .right .contactusform {
  display: flex;
  justify-content: center;
  gap: 20px;
  flex-wrap: wrap;
}
.contactus .content-fluid .right .contactusform .inputgroup {
  width: 48%;
  position: relative;
}
.contactus .content-fluid .right .contactusform .inputgroup .label {
  font-size: 0.8rem;
  color: #00214D;
  text-transform: capitalize;
  margin: 5px 0;
}
.contactus .content-fluid .right .contactusform .inputgroup .input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 10px;
}
.contactus .content-fluid .right .contactusform .fullwidth {
  width: 100%;
}
.contactus .content-fluid .right .contactusform .buttondiv .button {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00214D;
  padding: 15px 30px;
  font-size: 0.875rem;
  border: none;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .contactus .content-fluid {
    flex-wrap: wrap;
  }
  .contactus .content-fluid .left {
    width: 100%;
  }
  .contactus .content-fluid .right {
    width: 100%;
  }
  .contactus .content-fluid .right .contactusform .inputgroup {
    width: 100%;
  }
}

.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  padding: 25px 0;
}
.footer .links {
  display: flex;
  gap: 50px;
  list-style: none;
  padding: 0;
}
.footer .links .link {
  font-weight: bold;
  font-size: 0.875rem;
  color: #00214D;
}
.footer .copyright {
  font-size: 0.875rem;
}
.footer .copyright a {
  color: #00214D;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .footer .links {
    padding: 0 !important;
    flex-direction: column;
    text-align: center;
  }
  .footer .copyright {
    text-align: center;
  }
}

@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .burgermenu {
    display: block;
  }
}

.termspage {
  margin: 25px 0;
}
.termspage .content-fluid .titlediv {
  margin: 25px 0;
  text-align: center;
}
.termspage .content-fluid .titlediv .title {
  color: #00214D;
  font-size: 1.25rem;
  text-transform: capitalize;
}

.privacypage {
  padding-top: 80px;
  margin: 25px 0;
}
.privacypage .content-fluid {
  opacity: 0.7;
}
.privacypage .content-fluid .titlediv {
  text-align: center;
  margin: 25px 0;
}
.privacypage .content-fluid .titlediv .title {
  color: #00214D;
  font-size: 1.25rem;
  text-transform: capitalize;
}

.space-between {
  justify-content: space-between;
}

.space-evenly {
  justify-content: space-evenly !important;
}

.heightunset {
  height: unset !important;
}

.fullwidth {
  width: 100% !important;
}

.leftnav {
  background-color: #00214D;
  width: 200px;
  min-width: 200px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.leftnav .logodiv {
  text-align: center;
  padding: 25px 0px;
}
.leftnav .leftnavitems {
  display: flex;
  flex-direction: column;
  gap: 50px;
  justify-content: center;
  align-items: center;
  width: 100%;
  list-style: none;
  padding: 0;
}
.leftnav .leftnavitems .navitem {
  color: #FFFFFF;
  text-decoration: none;
}
.leftnav .leftnavitems .navitem a {
  color: white;
  text-decoration: none;
}

header.navbar {
  position: fixed;
  width: 100%;
  background-color: #00214D !important;
}
header.navbar .leftside {
  display: flex;
  align-items: center;
}
header.navbar .rightside {
  display: flex;
  align-items: center;
  margin-right: 50px;
  justify-content: space-around;
}
header.navbar .rightside .imagediv {
  margin-left: 25px;
  height: 60px;
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 50%;
  overflow: hidden;
}
header.navbar .rightside .imagediv .image {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.blue-button {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00214D;
  padding: 10px 30px;
  border-radius: 7px;
  font-size: 0.875rem;
  border: none;
}

.loginpage {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.loginpage .labeldiv {
  margin: 20px 0;
  width: 90%;
  text-align: center;
  position: relative;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .loginpage .labeldiv {
    width: 100% !important;
  }
}
.loginpage .labeldiv .backarrow {
  position: absolute;
  left: 10px;
  top: 50%;
  width: 25px;
}
.loginpage .labeldiv .backarrow i {
  font-size: 15px;
  color: #00214D;
}
.loginpage .labeldiv .backarrow:hover i {
  animation: arrowhorizontal 0.5s infinite alternate;
}
.loginpage .labeldiv .backword {
  position: absolute;
  left: 10px;
  top: 50%;
  color: #00214D;
}
.loginpage .labeldiv .label {
  font-size: 25px;
  color: #00214D;
}
.loginpage .registerbox {
  width: 90% !important;
}
.loginpage .contentbox {
  width: 40%;
  padding: 30px 38px;
  border-radius: 5px;
  border: solid 1.5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 30px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .loginpage .contentbox {
    width: 95% !important;
  }
}
.loginpage .contentbox .loginform {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.loginpage .contentbox .loginform .inputgroup {
  width: 100%;
  position: relative;
}
.loginpage .contentbox .loginform .inputgroup .label {
  font-size: 0.8rem;
  color: #00214D;
  text-transform: capitalize;
  margin: 5px 0;
}
.loginpage .contentbox .loginform .inputgroup .input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 10px;
}
.loginpage .contentbox .registerform {
  flex-direction: column;
  gap: 10px;
}
.loginpage .contentbox .registerform .whoareyou .title {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.loginpage .contentbox .registerform .subtitlediv {
  display: flex;
  gap: 15px;
  margin-top: 20px;
}
.loginpage .contentbox .registerform .subtitlediv .subtitle {
  font-size: 15px;
  font-weight: 600;
}
.loginpage .contentbox .registerform .inputgroup {
  width: 49%;
  position: relative;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .loginpage .contentbox .registerform .inputgroup {
    width: 100% !important;
  }
}
.loginpage .contentbox .registerform .inputgroup .label {
  font-size: 0.8rem;
  color: #00214D;
  text-transform: capitalize;
  margin: 5px 0;
}
.loginpage .contentbox .registerform .inputgroup .input {
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 10px;
  width: 100%;
}
.loginpage .contentbox .activeform {
  display: flex;
}
.loginpage .contentbox .register a {
  color: #00214D;
  font-weight: 600;
  font-size: 15px;
}
.loginpage .contentbox .register a:hover {
  color: unset;
}
.loginpage .contentbox .forgotpass a {
  color: #00214D;
}
.loginpage .contentbox .forgotpass a:hover {
  color: unset;
}
.loginpage .contentbox .buttondiv {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.loginpage .contentbox .buttondiv .button {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00214D;
  padding: 15px 30px;
  font-size: 0.875rem;
  border: none;
}

.blacklogo svg {
  margin-bottom: 30px;
}
.blacklogo path {
  fill: black;
}

.h2 {
  text-transform: capitalize;
}

main {
  margin-top: 125px !important;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  main {
    margin-top: 260px !important;
  }
}

.pagecontent {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
  margin-bottom: 40px;
}
.pagecontent .contentbox {
  width: 48%;
  padding: 30px 38px;
  border-radius: 5px;
  border: solid 1.5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 30px;
  color: unset;
  text-decoration: none;
}
.pagecontent .contentbox .boxlabel {
  font-size: 20px;
  font-weight: 500;
}
.pagecontent .contentbox .custom-boxcontent {
  width: 100% !important;
  flex-direction: row !important;
  flex-wrap: wrap;
  justify-content: space-between;
}
.pagecontent .contentbox .custom-boxcontent .inputgroup {
  width: 48%;
  position: relative;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contentbox .custom-boxcontent .inputgroup {
    width: 100%;
  }
}
.pagecontent .contentbox .boxcontent {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
  height: 100%;
}
.pagecontent .contentbox .boxcontent .time {
  display: flex;
  justify-content: space-between;
}
.pagecontent .contentbox .boxcontent .sublabel {
  text-align: left;
  font-weight: 700;
}
.pagecontent .contentbox .boxcontent .sublabel .columndiv {
  justify-content: space-between;
}
.pagecontent .contentbox .boxcontent .sublabel .columndiv .columnlabel {
  width: fit-content;
}
.pagecontent .contentbox .boxcontent .driversdiv {
  max-height: 300px;
  overflow: scroll;
  position: relative;
}
.pagecontent .contentbox .boxcontent .driversdiv .drivers {
  display: flex;
  justify-content: space-between;
}
.pagecontent .contentbox .boxcontent .driversdiv .name {
  text-transform: capitalize;
}
.pagecontent .contentbox .boxcontent .row {
  width: 100%;
}
.pagecontent .contentbox .boxcontent .customrow {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.pagecontent .contentbox .boxcontent .customrow .left {
  width: unset;
}
.pagecontent .contentbox .boxcontent .customrow .right {
  width: unset;
}
.pagecontent .contentbox .boxcontent .customrow .paymentbox {
  width: 100px;
  aspect-ratio: 1/1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 15px;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  color: black;
}
.pagecontent .contentbox .boxcontent .customrow .paymentbox:hover {
  border: 1px solid #00214D;
  cursor: pointer;
}
.pagecontent .contentbox .boxcontent .postal-address {
  width: 100%;
}
.pagecontent .contentbox .boxcontent .subtitlediv {
  margin-top: 30px;
}
.pagecontent .contentbox .boxcontent .other {
  text-align: center;
  margin-top: 20px;
}
.pagecontent .contentbox .inputgroup {
  width: 100%;
  position: relative;
}
.pagecontent .contentbox .inputgroup .label {
  font-size: 0.8rem;
  color: #00214D;
  text-transform: capitalize;
  margin: 5px 0;
}
.pagecontent .contentbox .inputgroup .input {
  width: 100%;
  border: 1px solid rgba(0, 0, 0, 0.1019607843);
  padding: 10px;
  font-size: 1rem;
}
.pagecontent .contentbox .buttondiv {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contentbox .buttondiv {
    flex-wrap: wrap;
  }
}
.pagecontent .contentbox .buttondiv .button {
  font-weight: bold;
  color: #FFFFFF;
  background-color: #00214D;
  padding: 15px 30px;
  font-size: 0.875rem;
  border: none;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contentbox .buttondiv .button {
    margin-bottom: 20px;
  }
}
.pagecontent .contentbox .content {
  display: flex;
  justify-content: space-between;
}
.pagecontent .contentbox .content .labels {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.pagecontent .contentbox .content .labelcontent {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contentbox {
    width: 100%;
  }
}
.pagecontent .creatbox {
  transition: 0.4s all;
  width: 100%;
  min-height: 500px;
  border-radius: 5px;
  border: solid 1.5px rgba(0, 0, 0, 0.1);
  color: unset;
  text-decoration: none;
  padding: 30px 38px;
}
.pagecontent .creatbox.noBorder {
  border: unset;
}
.pagecontent .creatbox.no-pad {
  padding: unset !important;
}
.pagecontent .creatbox .map {
  width: 100%;
  height: 100%;
}
.pagecontent .creatbox .creatadform {
  display: flex;
  flex-direction: column;
  gap: 30px;
}
.pagecontent .creatbox .creatdriver {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pagecontent .creatbox .createcar {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.pagecontent .creatbox .row {
  display: flex;
  gap: 2%;
  justify-content: space-between;
  align-items: start;
  margin: 5px 0;
}
.pagecontent .creatbox .row .buttondiv {
  text-align: center;
}
.pagecontent .creatbox .row .buttondiv .button {
  background: none;
  padding: 10px 30px;
  border-radius: 15px;
  border: 1px solid;
}
.pagecontent .creatbox .row .buttondiv .button:hover {
  cursor: pointer;
}
.pagecontent .creatbox .row .filegroup {
  width: 100% !important;
}
.pagecontent .creatbox .row .form-check {
  width: fit-content;
}
.pagecontent .creatbox .row .installeddiv {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.pagecontent .creatbox .row .inputgroup {
  width: 48%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.pagecontent .creatbox .row .inputgroup .label {
  width: 15%;
}
.pagecontent .creatbox .row .inputgroup .input {
  width: 100%;
  height: 40px;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid black;
  font-size: 1rem;
}
.pagecontent .creatbox .row .inputgroup .selectinput {
  text-align: center;
  font-size: 14px;
}
.pagecontent .creatbox .row .inputgroup .inputfilebox i {
  height: 100%;
  align-items: center;
  display: flex;
  font-size: 20px;
  font-weight: 100;
}
.pagecontent .creatbox .row .inputgroup .inputfilebox i:hover {
  cursor: pointer;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .creatbox .row .inputgroup {
    width: 100% !important;
  }
  .pagecontent .creatbox .row .inputgroup .template-info {
    flex-wrap: wrap;
  }
}
.pagecontent .creatbox .row a i {
  font-size: 20px;
  margin: 0 10px;
}
.pagecontent .creatbox .row .buttondiv {
  margin: 20px 0;
}
.pagecontent .creatbox .row .buttondiv .createbtn {
  padding: 10px 20px;
  text-decoration: none;
  color: #FFFFFF;
  background-color: #00214D;
}
.pagecontent .creatbox hr {
  width: 75%;
  margin: 5px 0px 15px 0px !important;
}
.pagecontent .creatbox .invoicerow {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 25px;
}
.pagecontent .creatbox .invoicerow .labeldiv {
  margin: 10px 0;
}
.pagecontent .creatbox .invoicerow .labeldiv .label {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.pagecontent .creatbox .invoicerow .price {
  width: 50%;
  display: flex;
  justify-content: center;
}
.pagecontent .creatbox .invoicerow .price tbody {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.pagecontent .creatbox .invoicerow .price tr {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
.pagecontent .creatbox .invoicerow .price tr td {
  text-align: left;
  width: fit-content;
}
.pagecontent .contenttable {
  width: 100%;
  border-spacing: 0 1em;
  border-collapse: collapse;
}
.pagecontent .contenttable thead tr {
  border-bottom: 20px solid white;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contenttable thead {
    display: none;
  }
}
.pagecontent .contenttable .tableactions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}
.pagecontent .contenttable .active {
  opacity: 1 !important;
}
.pagecontent .contenttable .late {
  background-color: red;
}
.pagecontent .contenttable .trcontent {
  transition: 0.4s all;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contenttable .trcontent {
    opacity: 1;
    margin-bottom: 15px;
  }
  .pagecontent .contenttable .trcontent td {
    padding-top: 15px !important;
  }
}
.pagecontent .contenttable .trcontent .drivers-actions {
  display: flex;
  flex-direction: column;
  margin: 0;
  gap: 10px;
}
.pagecontent .contenttable .trcontent .linkbtn {
  color: #00214D;
  border: 1px solid #00214D;
  background-color: transparent;
  padding: 5px 10px;
  border-radius: 10px;
}
.pagecontent .contenttable .trcontent .linkbtn:hover {
  color: white;
  background-color: #00214D;
}
.pagecontent .contenttable .trcontent:hover {
  background-color: rgba(128, 128, 128, 0.0901960784);
  border: none;
}
.pagecontent .contenttable tr th {
  padding: 0 20px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contenttable tr {
    border-bottom: 0.5px solid rgba(128, 128, 128, 0.4588235294);
  }
}
.pagecontent .contenttable tr td {
  font-size: 14px;
  transition: 1s all;
  padding: 20px;
  height: 110px;
  text-align: left;
  text-transform: capitalize;
  border-bottom: 0.5px solid rgba(128, 128, 128, 0.4588235294);
  position: relative;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contenttable tr td {
    display: block;
    padding-top: unset;
    padding-bottom: unset;
    padding-left: 45%;
    height: 35px;
    border-bottom: unset;
    text-align: left !important;
    margin-bottom: 10px;
  }
  .pagecontent .contenttable tr td::before {
    content: attr(data-title);
    position: absolute;
    left: 12px;
    width: 40%;
    padding-left: 15px;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
  }
  .pagecontent .contenttable tr td .drivers-actions {
    flex-direction: row !important;
    align-items: center;
  }
  .pagecontent .contenttable tr td .tableactions {
    flex-direction: row !important;
    align-items: center;
  }
}
.pagecontent .contenttable tr td .endad {
  color: #ba2121;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
.pagecontent .contenttable tr td .endad:hover {
  opacity: 0.8;
}
.pagecontent .contenttable tr td .endad span {
  font-family: "Montserrat", "Noto Kufi Arabic", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 13px;
}
.pagecontent .contenttable tr td .editad {
  color: #00214D;
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}
.pagecontent .contenttable tr td .editad:hover {
  opacity: 0.8;
}
.pagecontent .contenttable tr td .editad span {
  font-family: "Montserrat", "Noto Kufi Arabic", sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 13px;
}
.pagecontent .contenttable tr .customtd {
  border-bottom: none !important;
}
.pagecontent .contenttable tr .moreinfo {
  padding-top: 0 !important;
}
.pagecontent .contenttable tr .moreinfo ul {
  display: flex;
  gap: 40px;
  list-style-type: none;
}
.pagecontent .contenttable .customtr {
  display: none;
}
.pagecontent .contentboxNew {
  width: 100%;
  padding: 15px 20px;
  border-radius: 5px;
  border: solid 1.5px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 5px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .pagecontent .contentboxNew {
    width: 95% !important;
  }
}
.pagecontent .contentboxNew .client-name-label {
  font-weight: 500;
  color: #666;
  font-size: 12px;
}
.pagecontent .contentboxNew .data-label {
  font-weight: 500;
  color: #666;
  font-size: 12px;
}
.pagecontent .contentboxNew .icon svg {
  width: 15px;
  height: 15px;
}
.pagecontent .contentboxNew .box-label {
  font-weight: 500;
  color: #00214D;
  font-size: 16px;
  margin-bottom: 12px;
}

.feather {
  width: 16px;
  height: 16px;
}

/*
 * Sidebar
 */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.1);
}

@media (max-width: 767.98px) {
  .sidebar {
    top: 5rem;
  }
}
.sidebar-sticky {
  height: calc(100vh - 48px);
  overflow-x: hidden;
  overflow-y: auto;
  margin-top: 125px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .sidebar-sticky {
    margin-top: 190px;
  }
}

.sidebar .nav-link {
  font-weight: 500;
  color: #333;
}
.sidebar .nav-link .feather {
  margin-right: 4px;
  color: #727272;
}

.sidebar .nav-link.active {
  color: #00214D;
}

.deletemodal {
  opacity: 1 !important;
}

.sidebar .nav-link:hover {
  color: #00214D;
}
.sidebar .nav-link:hover .feather {
  color: #00214D;
}
.sidebar .nav-link .active .feather {
  color: #00214D;
}

.sidebar-heading {
  font-size: 0.75rem;
}

/*
 * Navbar
 */
.navbar-brand {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
}

.weatherwidget {
  border-radius: 15px;
  height: 90%;
  max-width: 175px;
  padding: 10px 0;
  border-color: white;
}
.weatherwidget .weathericondiv {
  position: relative;
  aspect-ratio: 1/1;
  height: 100%;
  margin: 0 5px;
}
.weatherwidget .weathericondiv .weathericon {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 15px;
}
.weatherwidget .tempdiv {
  display: flex;
  align-items: center;
  gap: 10px;
}
.weatherwidget .tempdiv .temp {
  color: white;
  font-size: 30px;
}
.weatherwidget .descdiv .desc {
  color: white;
}
.weatherwidget .datetimediv .datetime {
  color: white;
}

.navbar .navbar-toggler {
  top: 0.25rem;
  right: 1rem;
}

.navbar .form-control {
  padding: 0.75rem 1rem;
}

.form-control-dark {
  color: #fff;
  background-color: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}

.form-control-dark:focus {
  border-color: transparent;
  box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}

.select2-container {
  width: unset !important;
}

@keyframes arrowhorizontal {
  0% {
    transform: translateX(-10px);
  }
  100% {
    transform: translateX(10px);
  }
}
.carsSearch {
  background-position: 10px 12px; /* Position the search icon */
  background-repeat: no-repeat; /* Do not repeat the icon image */
  width: 100%; /* Full-width */
  font-size: 16px; /* Increase font-size */
  padding: 12px 20px 12px 40px; /* Add some padding */
  border: 1px solid #ddd; /* Add a grey border */
  margin-bottom: 12px; /* Add some space below the input */
}

.loading {
  background-image: url("/assets/gifs/nhrc_loader.gif");
  background-repeat: no-repeat;
  background-position: center;
}
.loading:after {
  content: "";
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.carsTable {
  position: relative;
  border-collapse: collapse; /* Collapse borders */
  width: 100%; /* Full-width */
  border: 1px solid #ddd; /* Add a grey border */
  font-size: 18px; /* Increase font-size */
  max-height: 450px;
  overflow: auto;
}
.carsTable thead {
  width: 100%;
}
.carsTable .header {
  background-color: #f1f1f1;
  width: 100%;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .carsTable .header {
    display: none;
  }
}
.carsTable tbody {
  width: 100%;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .carsTable tbody {
    display: block;
  }
}
.carsTable.statmentcars tbody {
  display: block;
}
.carsTable tr {
  /* Add a bottom border to all table rows */
  border-bottom: 1px solid #ddd;
  width: 100%;
}
.carsTable tr.redFlag {
  border-bottom: 1px solid red;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .carsTable tr {
    display: block;
    width: 100%;
    padding: 10px 0;
  }
}
.carsTable tr td {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
  max-height: 50px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .carsTable tr td {
    display: block;
    padding-top: unset;
    padding-bottom: unset;
    padding-left: 45%;
    border-bottom: unset;
    text-align: left !important;
    margin-bottom: 10px;
  }
  .carsTable tr td::before {
    content: attr(data-title);
    position: absolute;
    left: 12px;
    width: 40%;
    padding-left: 15px;
    font-size: 15px;
    font-weight: 700;
    text-align: left;
  }
  .carsTable tr td .drivers-actions {
    flex-direction: row !important;
    align-items: center;
  }
  .carsTable tr td .tableactions {
    flex-direction: row !important;
    align-items: center;
  }
}
.carsTable tr th {
  text-align: left; /* Left-align text */
  padding: 12px; /* Add padding */
}
.carsTable tr:hover {
  background-color: #f1f1f1;
}

@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .mc-calendar--modal {
    z-index: 2000 !important;
  }
}
.wallet {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.wallet .statments {
  width: 100%;
}
.wallet .statments .titlediv .title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
}
.wallet .carstatments {
  width: 100%;
}
.wallet .carstatments .titlediv .title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  margin: 20px 0;
}
.wallet .carstatments .cars {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .wallet .carstatments .cars {
    flex-wrap: wrap;
  }
}
.wallet .carstatments .cars .statmentcars {
  width: 48%;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .wallet .carstatments .cars .statmentcars {
    width: 100%;
  }
}
.wallet .carstatments .cars .statmentcars tbody tr:hover {
  cursor: pointer;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .wallet .carstatments .cars .statmentcars tbody tr td {
    padding: unset !important;
  }
}
.wallet .carstatments .cars .everycar {
  width: 48%;
  display: flex;
  justify-content: center;
  border: 1px solid #ddd;
  padding: 25px;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .wallet .carstatments .cars .everycar {
    width: 100%;
  }
}
.wallet .carstatments .cars .everycar .info {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.wallet .carstatments .cars .everycar .info .label {
  font-weight: 600;
  font-size: 16px;
}
.wallet .carstatments .cars .everycar .info .data {
  font-weight: 0;
  font-size: 16px;
}
.wallet .buttondiv {
  display: flex;
  justify-content: center;
  margin: 30px 0 0 0;
}
.wallet .buttondiv .requestbtn {
  border: none;
  color: #FFFFFF;
  background-color: #00214D;
  height: 40px;
  width: 200px;
}
.wallet .underbuttondiv .underbutton {
  text-align: center;
  font-weight: 300;
  font-size: 12px;
}

.file-upload-wrapper {
  position: relative;
  border-radius: 0 5px 5px 0;
  border: solid;
}
.file-upload-wrapper:after {
  content: attr(data-text);
  top: 0;
  left: 0;
  background: #fff;
  display: block;
  width: calc(100% - 40px);
  pointer-events: none;
  z-index: 20;
  color: #999;
  font-weight: 300;
}
.file-upload-wrapper:before {
  height: 100%;
  content: "Upload";
  position: absolute;
  top: 0;
  right: 0;
  background: #00214D;
  color: #fff;
  font-weight: 700;
  z-index: 25;
  font-size: 16px;
  /* line-height: 41px; */
  padding: 0 15px;
  text-transform: uppercase;
  pointer-events: none;
  border-radius: 0 5px 5px 0;
  display: flex;
  align-items: center;
}
.file-upload-wrapper:hover:before {
  background: #000b1a;
}
.file-upload-wrapper input {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 99;
  margin: 0;
  padding: 0;
  display: block;
  cursor: pointer;
  width: 100%;
}

#restrictionModel {
  background-color: rgba(0, 0, 0, 0.5);
}
#restrictionModel .modal-title {
  font-size: 20px;
}
#restrictionModel .modal-title i {
  color: red;
  margin: 0 10px;
  font-size: 25px;
}
#restrictionModel .modal-body {
  margin: 0 10px;
  text-align: justify;
}

.dotsmenutd {
  display: flex;
  justify-content: center;
  align-items: center;
}
.dotsmenutd #menu-wrap {
  position: relative;
  height: 25px;
  width: 25px;
}
.dotsmenutd #menu-wrap .dots {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  z-index: 1;
}
.dotsmenutd #menu-wrap .dots > div {
  height: 6px;
  width: 6px;
  background-color: rgba(49, 49, 49, 0.8);
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  position: relative;
}
.dotsmenutd #menu-wrap .dots > div:after {
  height: 6px;
  width: 6px;
  background-color: rgba(49, 49, 49, 0.8);
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "";
  position: absolute;
  bottom: 9.5px;
  left: 0;
}
.dotsmenutd #menu-wrap .dots > div:before {
  height: 6px;
  width: 6px;
  background-color: rgba(49, 49, 49, 0.8);
  border-radius: 50%;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  content: "";
  position: absolute;
  top: 9.5px;
  left: 0;
}
.dotsmenutd #menu-wrap .menu {
  position: absolute;
  right: -10px;
  top: 38px;
  width: 0;
  height: 0;
  background-color: rgb(255, 255, 255);
  padding: 20px 15px;
  -webkit-box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
  box-shadow: 2px 4px 6px rgba(49, 49, 49, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  opacity: 0;
  z-index: 100;
  visibility: hidden;
}
.dotsmenutd #menu-wrap .menu ul {
  list-style: none;
}
.dotsmenutd #menu-wrap .menu ul li {
  margin: 15px 0;
}
.dotsmenutd #menu-wrap .menu ul li .link {
  text-decoration: none;
  color: rgba(49, 49, 49, 0.85);
  opacity: 0;
  visibility: hidden;
}
.dotsmenutd #menu-wrap .toggler {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  z-index: 2;
}
.dotsmenutd #menu-wrap .toggler:hover + .dots > div {
  background-color: rgba(49, 49, 49, 0.6);
}
.dotsmenutd #menu-wrap .toggler:hover + .dots > div:after {
  background-color: rgba(49, 49, 49, 0.6);
}
.dotsmenutd #menu-wrap .toggler:hover + .dots > div:before {
  background-color: rgba(49, 49, 49, 0.6);
}
.dotsmenutd #menu-wrap .toggler:checked + .dots > div {
  -webkit-transform: translateX(-6.7175144214px) translateY(-6.7175144214px);
  -ms-transform: translateX(-6.7175144214px) translateY(-6.7175144214px);
  transform: translateX(-6.7175144214px) translateY(-6.7175144214px);
}
.dotsmenutd #menu-wrap .toggler:checked + .dots > div:after {
  -webkit-transform: translateX(6.7175144214px) translateY(15.5563491864px);
  -ms-transform: translateX(6.7175144214px) translateY(15.5563491864px);
  transform: translateX(6.7175144214px) translateY(15.5563491864px);
}
.dotsmenutd #menu-wrap .toggler:checked + .dots > div:before {
  -webkit-transform: translateX(13.4350288428px) translateY(2.7824855786px);
  -ms-transform: translateX(13.4350288428px) translateY(2.7824855786px);
  transform: translateX(13.4350288428px) translateY(2.7824855786px);
}
.dotsmenutd #menu-wrap .toggler:checked:hover + .dots > div {
  background-color: rgba(49, 49, 49, 0.6);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dotsmenutd #menu-wrap .toggler:checked:hover + .dots > div:after {
  background-color: rgba(49, 49, 49, 0.6);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dotsmenutd #menu-wrap .toggler:checked:hover + .dots > div:before {
  background-color: rgba(49, 49, 49, 0.6);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dotsmenutd #menu-wrap .toggler:checked ~ .menu {
  opacity: 1;
  visibility: visible;
  width: max-content;
  height: 75px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dotsmenutd #menu-wrap .toggler:checked ~ .menu ul {
  padding: 0;
}
.dotsmenutd #menu-wrap .toggler:checked ~ .menu ul .link {
  opacity: 1;
  visibility: visible;
  -webkit-transition: 0.5s ease 0.3s;
  -o-transition: 0.5s ease 0.3s;
  transition: 0.5s ease 0.3s;
}
.dotsmenutd #menu-wrap .toggler:checked ~ .menu ul .link:hover {
  cursor: pointer;
  color: #2980b9;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.dotsmenutd #menu-wrap .toggler:not(:checked) ~ .menu {
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.dotsmenutd #menu-wrap .toggler:not(:checked) ~ .menu ul .link {
  opacity: 0;
  visibility: hidden;
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

@media (max-width: 600px) {
  #container {
    position: absolute;
    top: 50px;
    width: calc(100% - 40px);
    margin: 0;
  }
}
.custom-select {
  border: unset;
  padding: 10px 20px;
  box-shadow: 0px 10px 10px -3px rgba(0, 0, 0, 0.05);
  width: 100%;
  margin-bottom: 20px;
  outline: unset;
}

.map-detail-card {
  margin-bottom: 20px;
}
.map-detail-card .title {
  font-size: 13px;
  font-weight: 600;
  color: #00214D;
}
.map-detail-card .data {
  margin-top: 8px;
  font-size: 13px;
  opacity: 0.6;
}

.campaign-details-popup h2 {
  color: #3e4095;
}
.campaign-details-popup table {
  border-collapse: separate;
  border-spacing: 0 25px;
  color: #3e4095;
  font-size: 25px;
}
.campaign-details-popup table tr {
  margin-bottom: 50px;
}

.nav-landing {
  background: #00214D 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.0705882353);
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 9999;
}
.nav-landing .content-landing {
  width: 100%;
  max-width: 1250px;
  margin: auto;
}
.nav-landing .content-landing .navs {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-right: 35px;
}
.nav-landing .navs-links {
  gap: 20px;
  letter-spacing: 0px;
  color: #FFFFFF !important;
  text-transform: capitalize;
  font-size: 14px;
  display: flex;
}
.nav-landing .navvs {
  color: white !important;
}

.hamburger-menu {
  background: #00214D 0% 0% no-repeat padding-box;
  box-shadow: 0px 20px 30px rgba(0, 0, 0, 0.0705882353);
  position: fixed;
  top: 0;
  width: 100%;
  padding-top: 5px;
  padding-bottom: 5px;
  z-index: 99999;
}

#menu__toggle {
  opacity: 0;
}

#menu__toggle:checked + .menu__btn > span {
  transform: rotate(45deg);
}

#menu__toggle:checked + .menu__btn > span::before {
  top: 0;
  transform: rotate(0deg);
}

#menu__toggle:checked + .menu__btn > span::after {
  top: 0;
  transform: rotate(90deg);
}

#menu__toggle:checked ~ .menu__box {
  right: 0 !important;
}

.menu__btn {
  position: fixed;
  top: 40px;
  right: 20px;
  width: 26px;
  height: 26px;
  cursor: pointer;
  z-index: 1;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
  display: block;
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: white;
  transition-duration: 0.25s;
}

.menu__btn > span::before {
  content: "";
  top: -8px;
}

.menu__btn > span::after {
  content: "";
  top: 8px;
}

.menu__box {
  display: block;
  position: fixed;
  top: 0;
  right: -100%;
  width: 290px;
  height: 100%;
  margin: 0;
  padding: 80px 0;
  list-style: none;
  background: #00214D 0% 0% no-repeat padding-box;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4);
  transition-duration: 0.25s;
}

.menu__item {
  display: block;
  padding: 12px 24px;
  color: white;
  font-family: "Roboto", sans-serif;
  font-size: 20px;
  font-weight: 600;
  text-decoration: none;
  transition-duration: 0.25s;
}

.menu__item:hover {
  background-color: #00214D;
}

.landing-page .landing-page-section {
  padding-top: 150px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: auto;
  max-width: 1200px;
}
.landing-page .title-1 {
  font-size: 45px;
  letter-spacing: 0px;
  color: #00214D;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 60px;
}
.landing-page .body-1 {
  font-size: 14px;
  letter-spacing: 0px;
  color: #001449;
  line-height: 17px;
}
.landing-page .div-1 {
  flex: 1;
  width: 50%;
}
.landing-page .div-2 {
  flex: 1;
  width: 50%;
  padding-left: 30px;
}
.landing-page .image-1 {
  width: 100%;
}
.landing-page .image-2 {
  width: 85%;
}
.landing-page .btn-apps {
  display: flex;
  margin-top: 20px;
  gap: 1px;
}
.landing-page .landing-page-section2 {
  padding-top: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  max-width: 1200px;
}
.landing-page .title-2 {
  font-size: 30px;
  letter-spacing: 0px;
  color: #00214D;
  font-weight: 600;
}
.landing-page .body-2 {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0px;
  color: #001449;
}
.landing-page .btn-res {
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .landing-page .landing-page-section {
    flex-direction: column-reverse;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 90px;
  }
  .landing-page .div-1 {
    width: 100%;
  }
  .landing-page .div-2 {
    width: 100%;
    padding-left: 0;
  }
  .landing-page .title-1 {
    font-size: 33px;
  }
  .landing-page .landing-page-section2 {
    padding-top: 25px;
  }
  .landing-page .image-2 {
    width: 100%;
  }
  .landing-page .btn-apps {
    gap: 20px;
  }
  .landing-page .btn-res {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 600px) {
  .landing-page .landing-page-section {
    flex-direction: column-reverse;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 90px;
  }
  .landing-page .div-1 {
    width: 100%;
  }
  .landing-page .div-2 {
    width: 100%;
    padding-left: 0;
  }
  .landing-page .title-1 {
    font-size: 33px;
  }
  .landing-page .landing-page-section2 {
    padding-top: 25px;
  }
  .landing-page .image-2 {
    width: 100%;
  }
  .landing-page .btn-apps {
    gap: 20px;
  }
}

.individual-taxi .landing-page-section {
  padding-top: 150px;
  display: flex;
  flex-direction: row;
  margin: auto;
  max-width: 1200px;
}
.individual-taxi .title-1 {
  font-size: 45px;
  letter-spacing: 0px;
  color: #00214D;
  text-transform: capitalize;
  font-weight: 700;
  line-height: 60px;
}
.individual-taxi .body-1 {
  font-size: 14px;
  letter-spacing: 0px;
  color: #001449;
}
.individual-taxi .div-1 {
  flex: 1;
  width: 50%;
}
.individual-taxi .div-2 {
  flex: 1;
  width: 50%;
  padding-top: 50px;
  padding-left: 30px;
}
.individual-taxi .image-1 {
  width: 100%;
}
.individual-taxi .image-2 {
  width: 85%;
}
.individual-taxi .btn-apps {
  background: #00214D 0% 0% no-repeat padding-box;
  border: 2px solid #00214D;
  text-align: center;
  width: 25%;
  font-size: 12px;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 25px;
}
.individual-taxi .landing-page-section2 {
  padding-top: 170px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: auto;
  max-width: 1200px;
}
.individual-taxi .title-2 {
  font-size: 30px;
  letter-spacing: 0px;
  color: #00214D;
  font-weight: 600;
}
.individual-taxi .body-2 {
  text-align: center;
  font-size: 16px;
  letter-spacing: 0px;
  color: #001449;
}
.individual-taxi .btn-res {
  padding-right: 20px;
  padding-left: 20px;
}
@media (max-width: 768px) {
  .individual-taxi .landing-page-section {
    flex-direction: column-reverse;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
  }
  .individual-taxi .div-1 {
    width: 100%;
  }
  .individual-taxi .div-2 {
    width: 100%;
    padding-left: 0;
  }
  .individual-taxi .title-1 {
    font-size: 33px;
  }
  .individual-taxi .btn-apps {
    width: 100% !important;
  }
  .individual-taxi .landing-page-section2 {
    padding-top: 25px;
  }
}
@media (max-width: 600px) {
  .individual-taxi .landing-page-section {
    flex-direction: column-reverse;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 50px;
  }
  .individual-taxi .div-1 {
    width: 100%;
  }
  .individual-taxi .div-2 {
    width: 100%;
    padding-left: 0;
  }
  .individual-taxi .title-1 {
    font-size: 33px;
  }
  .individual-taxi .btn-apps {
    width: 100% !important;
  }
  .individual-taxi .landing-page-section2 {
    padding-top: 25px;
  }
}

.footer-informative hr {
  opacity: 20%;
}
.footer-informative p {
  font-size: 12px;
  color: #000000;
  opacity: 40%;
  text-align: center;
  padding: 5px 0;
}
.footer-informative p a {
  text-decoration: none;
  color: #000000;
}
@media (max-width: 600px) {
  .footer-informative {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.wrap {
  display: flex;
}

.tool {
  display: block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  border-radius: 50%;
  background-color: #00214D;
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.tool .tip-top-tool {
  position: absolute;
  top: -100px;
  left: 30px;
  background-color: #00214D;
  width: 300px;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  font-size: 11px;
  padding: 10px;
  z-index: 100;
  box-sizing: border-box;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}
@media (max-width: 575px), (max-width: 767px) and (min-width: 576px), (max-width: 991px) and (min-width: 768px) {
  .tool .tip-top-tool {
    top: -110px;
    left: -160px;
  }
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.6 !important;
}

/*# sourceMappingURL=app.css.map */