{
    "version": 3,
    "sources": ["style.scss", "style.css"],
    "names": [],
    "mappings": "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",
    "file": "style.css",
    "sourcesContent": ["/******************\n    Variable css\n********************/\n:root {\n  --theme-color: 25, 150, 117;\n  --title-color: 31, 31, 31;\n  --content-color: 143, 143, 143;\n  --box-bg: 245, 245, 245;\n  --line-color: 232, 232, 233;\n  --secondary-color: 255, 180, 0;\n  --success-color: 32, 177, 73;\n  --error-color: 255, 75, 75;\n  --accent-color: 58, 109, 229;\n  --white: 255, 255, 255;\n  --black: 0, 0, 0;\n}\n\n/************************ \n    Reset css \n***********************/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nsection,\n.section-t-space {\n  padding-top: calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.section-b-space {\n  padding-bottom: calc(30px + (100 - 30) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.custom-container {\n  padding: 0 calc(15px + (180 - 15) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.custom-container-sm {\n  padding: 0 calc(15px + (240 - 15) * ((100vw - 320px) / (1920 - 320)));\n}\n\n.theme-color {\n  color: rgba(var(--theme-color), 1) !important;\n}\n\n.theme-bg {\n  background-color: rgba(var(--theme-color), 1) !important;\n}\n\n.box-background {\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n\n/************************ \n    Typography css \n***********************/\nbody {\n  position: relative;\n  font-family: \"Outfit\", sans-serif;\n  background-blend-mode: screen;\n  background: rgba(var(--white), 1);\n}\n\nh1 {\n  font-size: calc(22px + (50 - 22) * ((100vw - 320px) / (1920 - 320)));\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh2 {\n  font-size: calc(24px + (32 - 24) * ((100vw - 320px) / (1920 - 320)));\n  line-height: 1.2;\n  margin-bottom: 0;\n  display: inline-block;\n}\n\nh3 {\n  font-size: calc(18px + (26 - 18) * ((100vw - 320px) / (1920 - 320)));\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh4 {\n  font-size: calc(16px + (24 - 18) * ((100vw - 320px) / (1920 - 320)));\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh5 {\n  font-size: calc(15px + (22 - 14) * ((100vw - 320px) / (1920 - 320)));\n  margin-bottom: 0;\n}\n\nh6 {\n  font-size: calc(14px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));\n  margin-bottom: 0;\n}\n\np {\n  font-size: calc(14px + (20 - 14) * ((100vw - 320px) / (1920 - 320)));\n  margin-bottom: 0;\n}\n\na {\n  text-decoration: none;\n}\n\nul {\n  padding-left: 0;\n  margin-bottom: 0;\n}\n\nli {\n  list-style: none;\n  display: inline-block;\n  font-size: 14px;\n}\n\n/*********************\n    Button css \n**********************/\n.btn {\n  padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)))\n    calc(15px + (20 - 15) * ((100vw - 320px) / (1920 - 320)));\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  font-weight: 500;\n  font-size: calc(12px + (18 - 12) * ((100vw - 320px) / (1920 - 320)));\n  border-radius: 6px;\n  white-space: nowrap;\n\n  &.outline-btn {\n    color: rgba(var(--theme-color), 1);\n    background-color: transparent;\n    border: 1px solid rgba(var(--theme-color), 1);\n    transition: all 0.5s ease-in-out;\n    &:hover {\n      background-color: rgba(var(--theme-color), 1) !important;\n      color: rgba(var(--white), 1) !important;\n    }\n  }\n  &.theme-btn {\n    background-color: rgba(var(--theme-color), 1);\n    color: rgba(var(--white), 1);\n    &:hover {\n      background-color: rgba(var(--theme-color), 1) !important;\n      color: rgba(var(--white), 1) !important;\n    }\n    &:active {\n      background-color: rgba(var(--theme-color), 1) !important;\n      color: rgba(var(--white), 1) !important;\n      border-color: rgba(var(--theme-color), 1);\n    }\n  }\n\n  &.purchase-btn {\n    background-color: rgba(var(--theme-color), 1);\n    color: rgba(var(--white), 1);\n    border-radius: 6px;\n    transition: all 0.5s ease-in-out;\n    &:hover {\n      background-color: rgba(var(--theme-color), 1) !important;\n      color: rgba(var(--white), 1) !important;\n    }\n    &:active {\n      background-color: rgba(var(--theme-color), 1) !important;\n      color: rgba(var(--white), 1) !important;\n      border-color: rgba(var(--theme-color), 1);\n    }\n  }\n}\n\n/*========================\n    animation CSS start\n==========================*/\n@keyframes mover {\n  0% {\n    transform: translateY(0);\n  }\n\n  100% {\n    transform: translateY(-20px);\n  }\n}\n\n/*========================\n    tap to top CSS start\n==========================*/\n.scroll-to-top {\n  z-index: 4;\n  position: fixed;\n  right: 20px;\n  bottom: 30px;\n  width: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));\n  height: calc(40px + (60 - 40) * ((100vw - 320px) / (1920 - 320)));\n  border-radius: 10px;\n  background-color: rgba(var(--theme-color), 1);\n  border: none;\n  font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1920 - 320)));\n  transition: 0.4s ease;\n  outline: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  .arrow {\n    --Iconsax-Color: rgba(255, 255, 255, 1);\n  }\n}\n\n/***************************\n    Title css \n****************************/\n.title {\n  margin-bottom: calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));\n\n  h2 {\n    font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1920 - 320)));\n    color: rgba(var(--title-color), 1);\n  }\n\n  h3 {\n    margin-bottom: 10px;\n    font-weight: 700;\n    font-size: calc(24px + (36 - 24) * ((100vw - 320px) / (1920 - 320)));\n    color: rgba(var(--title-color), 1);\n  }\n  h5 {\n    margin-bottom: 5px;\n    color: rgba(var(--theme-color), 1);\n  }\n\n  p {\n    width: 60%;\n    font-weight: 400;\n    line-height: 1.5;\n    font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n    margin-left: auto;\n    margin-right: auto;\n    color: rgba(var(--content-color), 1);\n    @media (max-width: 991px) {\n      width: 100%;\n    }\n  }\n}\n\n/************************\n    header section \n ************************/\nheader {\n  position: absolute;\n  width: 100%;\n  padding-block: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n  z-index: 2;\n  &.sticky {\n    position: sticky;\n    top: 0;\n    left: 0;\n    background-color: rgba(var(--white), 1);\n    border: none;\n    &::after {\n      content: \"\";\n      position: absolute;\n      width: 100%;\n      height: 100%;\n      top: 0;\n      z-index: -1;\n      background-color: rgba(var(--white), 1);\n      box-shadow: 0 8px 10px rgba(var(--black), 0.05);\n      transition: all 0.3s ease;\n    }\n    .navbar {\n      .navbar-toggler {\n        .navbar-toggler-icon {\n          .icon {\n            --Iconsax-Color: rgba(var(--theme-color), 1);\n            --Iconsax-Size: 20px;\n          }\n        }\n      }\n    }\n\n    .navbar-nav {\n      .nav-item {\n        .nav-link {\n          &.active {\n            color: rgba(var(--theme-color), 1);\n          }\n          &:active {\n            color: rgba(var(--theme-color), 1);\n          }\n\n          &:hover {\n            color: rgba(var(--theme-color), 1);\n          }\n        }\n      }\n    }\n  }\n}\n\n.navbar {\n  justify-content: unset;\n  align-items: center;\n\n  .btn {\n    margin-left: auto;\n  }\n\n  .logo {\n    height: calc(25px + (40 - 25) * ((100vw - 320px) / (1920 - 320)));\n  }\n\n  .navbar-toggler {\n    padding: 0;\n    border: 0;\n\n    .navbar-toggler-icon {\n      width: auto;\n      height: auto;\n      display: flex;\n      align-items: center;\n      margin-right: calc(10px + (20 - 10) * ((100vw - 320px) / (1920 - 320)));\n      color: rgba(var(--theme-color), 1);\n      border-radius: 6px;\n      background-image: none;\n\n      .icon {\n        --Iconsax-Color: rgba(var(--theme-color), 1);\n      }\n    }\n\n    &:focus {\n      box-shadow: none;\n    }\n  }\n\n  .navbar-collapse {\n    .navbar-nav {\n      gap: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));\n\n      .nav-item {\n        .nav-link {\n          color: rgba(var(--content-color), 1) !important;\n          &.active {\n            color: rgba(var(--theme-color), 1);\n          }\n        }\n      }\n    }\n\n    @media (max-width: 1200px) {\n      background-color: rgba(var(--theme-color), 1);\n      padding: 15px;\n      margin-top: 8px;\n      border-radius: 8px;\n      .navbar-nav {\n        gap: 10px;\n        .nav-item {\n          .nav-link {\n            color: rgba(var(--white), 0.5) !important;\n\n            &.active {\n              color: rgba(var(--white), 1) !important;\n            }\n            &:hover {\n              color: rgba(var(--white), 1) !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .navbar-nav {\n    display: flex;\n    gap: calc(10px + (30 - 10) * ((100vw - 320px) / (1920 - 320)));\n\n    .nav-item {\n      .nav-link {\n        padding: 0;\n        font-weight: 500;\n        font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n        text-transform: capitalize;\n        color: rgba(var(--content-color), 1);\n        &.active {\n          color: rgba(var(--theme-color), 1) !important;\n        }\n      }\n    }\n  }\n}\n\n/***********************\n    home section \n************************/\n.home-wrapper {\n  background-image: url(../images/background/home-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  position: relative;\n  width: 100%;\n  height: 85vh;\n  padding-top: calc(60px + (90 - 60) * ((100vw - 320px) / (1920 - 320)));\n\n  @media (max-width: 1199px) {\n    height: auto;\n    padding-bottom: 30px;\n  }\n  .home-content {\n    display: flex;\n    align-items: center;\n    height: 100%;\n\n    h1 {\n      width: 100%;\n      font-weight: 600;\n      line-height: 1.3;\n      text-transform: capitalize;\n      color: rgba(var(--theme-color), 1);\n      span {\n        color: rgba(var(--secondary-color));\n      }\n      @media (max-width: 991px) {\n        width: 100%;\n      }\n    }\n\n    h5 {\n      line-height: 1.2;\n      font-weight: 400;\n      margin-bottom: calc(5px + (10 - 5) * ((100vw - 320px) / (1920 - 320)));\n      color: rgba(var(--title-color), 1);\n      padding: 6px calc(15px + (25 - 15) * ((100vw - 320px) / (1920 - 320)));\n      border: 2px solid rgba(var(--theme-color), 1);\n      display: inline-block;\n      border-radius: 30px;\n    }\n    .button-part {\n      margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      .google-button {\n        width: 100%;\n        height: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));\n      }\n    }\n\n    p {\n      margin-top: 5px;\n      line-height: 1.5;\n      color: rgba(var(--content-color), 1);\n    }\n  }\n\n  .home-img {\n    position: relative;\n    height: 100%;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 30px;\n\n    @media (max-width: 991px) {\n      display: none;\n    }\n  }\n}\n\n/***********************\n    app section \n************************/\n.app-banner {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  @media (max-width: 425px) {\n    height: calc(80px + (120 - 80) * ((100vw - 320px) / (1920 - 320)));\n  }\n}\n\n/***********************\n    application section \n************************/\n.application-wrapper {\n  position: relative;\n  .application-img {\n    width: calc(250px + (620 - 250) * ((100vw - 320px) / (1920 - 320)));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    .app-img {\n      width: 100%;\n    }\n  }\n\n  .application-content {\n    h2 {\n      font-weight: 600;\n      line-height: 1.3;\n      color: rgba(var(--theme-color), 1);\n      @media (max-width: 767px) {\n        margin-top: 10px;\n      }\n    }\n\n    p {\n      line-height: 1.5;\n      font-weight: 400;\n      font-size: calc(14px + (20 - 12) * ((100vw - 320px) / (1920 - 320)));\n      color: rgba(var(--content-color), 1);\n    }\n    .button-part {\n      display: flex;\n      align-items: center;\n      gap: 20px;\n      .google-button {\n        margin-top: 20px;\n        width: 100%;\n        height: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));\n      }\n      @media (max-width: 767px) {\n        justify-content: center;\n      }\n    }\n\n    @media (max-width: 767px) {\n      text-align: center;\n    }\n  }\n\n  .car {\n    position: absolute;\n    top: 36%;\n    left: 0;\n    width: calc(180px + (230 - 180) * ((100vw - 320px) / (1920 - 320)));\n\n    @media (max-width: 991px) {\n      display: none;\n    }\n  }\n  .location {\n    position: absolute;\n    top: 15%;\n    right: -20px;\n    transform: translateY(-50%);\n    @media (max-width: 1199px) {\n      display: none;\n    }\n  }\n  .running-car {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: calc(350px + (600 - 350) * ((100vw - 767px) / (1920 - 767)));\n    @media (max-width: 1199px) {\n      display: none;\n    }\n  }\n}\n\n/***************************\n   screenshots css\n****************************/\n.screenshots-section {\n  position: relative;\n\n  .screenshots-tab {\n    margin: 30px auto calc(20px + (40 - 20) * ((100vw - 320px) / (1920 - 320)));\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 20px;\n    flex-wrap: nowrap;\n    border-radius: 6px;\n    overflow: hidden;\n\n    .nav-item {\n      border-radius: 10px;\n      background-color: rgba(var(--box-bg), 1);\n\n      .nav-link {\n        width: 100%;\n        padding: calc(8px + (10 - 8) * ((100vw - 320px) / (1920 - 320)))\n          calc(15px + (30 - 15) * ((100vw - 320px) / (1920 - 320)));\n        font-weight: 500;\n        font-size: 14px;\n        font-size: 16px;\n        color: rgba(var(--theme-color), 1);\n        &:hover {\n          color: rgba(var(--theme-color), 1);\n        }\n\n        &.active {\n          background-color: rgba(var(--theme-color), 1);\n          color: rgba(255, 255, 255, 1);\n          &:hover {\n            color: rgba(255, 255, 255, 1);\n          }\n        }\n      }\n    }\n  }\n\n  .screenshots-slider {\n    .screenshots-wrapper {\n      display: flex;\n\n      .screenshots {\n        .screen-img {\n          width: 100%;\n          border-radius: 8px;\n        }\n      }\n    }\n  }\n\n  .car-img1 {\n    position: absolute;\n    top: 10%;\n    left: 30px;\n    width: calc(100px + (150 - 100) * ((100vw - 320px) / (1920 - 320)));\n\n    @media (max-width: 991px) {\n      display: none;\n    }\n  }\n  .group-img {\n    position: absolute;\n    top: 10%;\n    right: 60px;\n    width: calc(80px + (150 - 80) * ((100vw - 320px) / (1920 - 320)));\n\n    @media (max-width: 991px) {\n      display: none;\n    }\n  }\n}\n\n/***************************\n   app-features css\n****************************/\n.inner-page-wrapper {\n  background-color: rgba(var(--box-bg), 1);\n  .inner-page-img {\n    margin-top: calc(20px + (70 - 20) * ((100vw - 320px) / (1920 - 320)));\n    padding-inline: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));\n  }\n}\n\n/***************************\n   faq css\n****************************/\n.faq-section {\n  .faq-img {\n    width: 350px;\n  }\n  .faq-accordion {\n    width: 100%;\n    .accordion-item {\n      margin-bottom: 15px;\n      border-radius: 6px;\n      &:last-child {\n        margin-bottom: 0;\n      }\n      .accordion-header {\n        width: 100%;\n        .accordion-button {\n          font-size: calc(16px + (18 - 16) * ((100vw - 320px) / (1920 - 320)));\n          font-weight: 500;\n          color: rgba(var(--title-color), 1);\n          background-color: rgba(var(--box-bg), 1);\n          &:focus {\n            box-shadow: none;\n            z-index: 1;\n          }\n\n          &:not(.collapsed) {\n            &::after {\n              filter: invert(1) brightness(0);\n            }\n          }\n        }\n      }\n\n      .accordion-collapse {\n        .accordion-body {\n          font-size: 16px;\n          color: rgba(var(--content-color), 1);\n          background-color: rgba(var(--white), 1);\n        }\n      }\n    }\n  }\n}\n\n/***************************\n   blog css\n****************************/\n.blog-wrapper {\n  .blog-box {\n    .blog-img {\n      img {\n        border-radius: 8px;\n      }\n    }\n    .blog-details {\n      margin-top: 15px;\n      h4 {\n        line-height: 1.2;\n        color: rgba(var(--title-color), 1);\n        cursor: pointer;\n      }\n      p {\n        font-size: calc(14px + (18 - 14) * ((100vw - 320px) / (1920 - 320)));\n        line-height: 1.5;\n        margin-top: 5px;\n        color: rgba(var(--content-color), 1);\n      }\n      span {\n        margin-top: 10px;\n        font-size: 16px;\n        display: flex;\n        align-items: center;\n        color: rgba(var(--theme-color), 1);\n        gap: 10px;\n        cursor: pointer;\n\n        .arrow {\n          --Iconsax-Color: rgba(var(--theme-color), 1);\n          --Iocnsax-Size: 20px;\n          line-height: 1;\n        }\n      }\n    }\n  }\n}\n\n/***************************\n   Footer css\n****************************/\n.footer-wrapper {\n  position: relative;\n  padding: calc(20px + (60 - 20) * ((100vw - 320px) / (1920 - 320)));\n  background-image: url(../../assets/images/background/footer-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n  @media (max-width: 576px) {\n    margin-top: 30px;\n  }\n\n  .footer-content {\n    .footer-logo {\n      position: absolute;\n      width: calc(70px + (110 - 70) * ((100vw - 320px) / (1920 - 320)));\n      height: calc(70px + (110 - 70) * ((100vw - 320px) / (1920 - 320)));\n      top: calc(-35px + (-50 - -35) * ((100vw - 320px) / (1920 - 320)));\n      left: 50%;\n      padding: calc(18px + (25 - 18) * ((100vw - 320px) / (1920 - 320)));\n      background-color: rgba(var(--theme-color), 1);\n      border: 2px solid rgba(var(--white), 1);\n      border-radius: 100%;\n      box-shadow: inset 0px 0px 10px 10px rgb(0 0 0 / 5%);\n      transform: translateX(-50%);\n\n      .logo {\n        width: 100%;\n        height: 100%;\n      }\n    }\n    .social-media-list {\n      margin-top: 50px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      li {\n        width: 40px;\n        height: 40px;\n        padding: 8px;\n        border: 1px solid rgba(var(--white), 1);\n        border-radius: 100%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        transition: all 0.5s ease-in-out;\n        cursor: pointer;\n        &:hover {\n          background-color: rgba(var(--white), 1);\n          .icon {\n            filter: brightness(0) invert(0);\n          }\n        }\n        .icon {\n          width: 100%;\n          height: 100%;\n        }\n      }\n    }\n\n    .button-part {\n      margin-top: calc(20px + (50 - 20) * ((100vw - 320px) / (1920 - 320)));\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      gap: 20px;\n      .google-button {\n        width: 100%;\n        height: calc(30px + (50 - 30) * ((100vw - 320px) / (1920 - 320)));\n      }\n    }\n\n    h3 {\n      color: rgba(var(--white), 1);\n      font-size: calc(16px + (35 - 16) * ((100vw - 320px) / (1920 - 320)));\n      width: 50%;\n      line-height: 1.5;\n      margin: 0 auto;\n      margin-top: 10px;\n\n      @media (max-width: 576px) {\n        width: 100%;\n      }\n    }\n  }\n\n  .purchase-btn {\n    color: rgba(var(--theme-color), 1);\n    background-color: rgba(var(--white), 1);\n    &:hover {\n      color: rgba(var(--theme-color), 1) !important;\n      background-color: rgba(var(--white), 1) !important;\n    }\n  }\n}\n", "/******************\n    Variable css\n********************/\n:root {\n  --theme-color: 25, 150, 117;\n  --title-color: 31, 31, 31;\n  --content-color: 143, 143, 143;\n  --box-bg: 245, 245, 245;\n  --line-color: 232, 232, 233;\n  --secondary-color: 255, 180, 0;\n  --success-color: 32, 177, 73;\n  --error-color: 255, 75, 75;\n  --accent-color: 58, 109, 229;\n  --white: 255, 255, 255;\n  --black: 0, 0, 0;\n}\n\n/************************ \n    Reset css \n***********************/\n* {\n  margin: 0;\n  padding: 0;\n  box-sizing: border-box;\n}\n\nsection,\n.section-t-space {\n  padding-top: calc(30px + 70 * (100vw - 320px) / 1600);\n}\n\n.section-b-space {\n  padding-bottom: calc(30px + 70 * (100vw - 320px) / 1600);\n}\n\n.custom-container {\n  padding: 0 calc(15px + 165 * (100vw - 320px) / 1600);\n}\n\n.custom-container-sm {\n  padding: 0 calc(15px + 225 * (100vw - 320px) / 1600);\n}\n\n.theme-color {\n  color: rgba(var(--theme-color), 1) !important;\n}\n\n.theme-bg {\n  background-color: rgba(var(--theme-color), 1) !important;\n}\n\n.box-background {\n  background-color: rgba(var(--box-bg), 1) !important;\n}\n\n/************************ \n    Typography css \n***********************/\nbody {\n  position: relative;\n  font-family: \"Outfit\", sans-serif;\n  background-blend-mode: screen;\n  background: rgba(var(--white), 1);\n}\n\nh1 {\n  font-size: calc(22px + 28 * (100vw - 320px) / 1600);\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh2 {\n  font-size: calc(24px + 8 * (100vw - 320px) / 1600);\n  line-height: 1.2;\n  margin-bottom: 0;\n  display: inline-block;\n}\n\nh3 {\n  font-size: calc(18px + 8 * (100vw - 320px) / 1600);\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh4 {\n  font-size: calc(16px + 6 * (100vw - 320px) / 1600);\n  line-height: 1;\n  margin-bottom: 0;\n}\n\nh5 {\n  font-size: calc(15px + 8 * (100vw - 320px) / 1600);\n  margin-bottom: 0;\n}\n\nh6 {\n  font-size: calc(14px + 8 * (100vw - 320px) / 1600);\n  margin-bottom: 0;\n}\n\np {\n  font-size: calc(14px + 6 * (100vw - 320px) / 1600);\n  margin-bottom: 0;\n}\n\na {\n  text-decoration: none;\n}\n\nul {\n  padding-left: 0;\n  margin-bottom: 0;\n}\n\nli {\n  list-style: none;\n  display: inline-block;\n  font-size: 14px;\n}\n\n/*********************\n    Button css \n**********************/\n.btn {\n  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(15px + 5 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  gap: 5px;\n  font-weight: 500;\n  font-size: calc(12px + 6 * (100vw - 320px) / 1600);\n  border-radius: 6px;\n  white-space: nowrap;\n}\n.btn.outline-btn {\n  color: rgba(var(--theme-color), 1);\n  background-color: transparent;\n  border: 1px solid rgba(var(--theme-color), 1);\n  transition: all 0.5s ease-in-out;\n}\n.btn.outline-btn:hover {\n  background-color: rgba(var(--theme-color), 1) !important;\n  color: rgba(var(--white), 1) !important;\n}\n.btn.theme-btn {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgba(var(--white), 1);\n}\n.btn.theme-btn:hover {\n  background-color: rgba(var(--theme-color), 1) !important;\n  color: rgba(var(--white), 1) !important;\n}\n.btn.theme-btn:active {\n  background-color: rgba(var(--theme-color), 1) !important;\n  color: rgba(var(--white), 1) !important;\n  border-color: rgba(var(--theme-color), 1);\n}\n.btn.purchase-btn {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgba(var(--white), 1);\n  border-radius: 6px;\n  transition: all 0.5s ease-in-out;\n}\n.btn.purchase-btn:hover {\n  background-color: rgba(var(--theme-color), 1) !important;\n  color: rgba(var(--white), 1) !important;\n}\n.btn.purchase-btn:active {\n  background-color: rgba(var(--theme-color), 1) !important;\n  color: rgba(var(--white), 1) !important;\n  border-color: rgba(var(--theme-color), 1);\n}\n\n/*========================\n    animation CSS start\n==========================*/\n@keyframes mover {\n  0% {\n    transform: translateY(0);\n  }\n  100% {\n    transform: translateY(-20px);\n  }\n}\n/*========================\n    tap to top CSS start\n==========================*/\n.scroll-to-top {\n  z-index: 4;\n  position: fixed;\n  right: 20px;\n  bottom: 30px;\n  width: calc(40px + 20 * (100vw - 320px) / 1600);\n  height: calc(40px + 20 * (100vw - 320px) / 1600);\n  border-radius: 10px;\n  background-color: rgba(var(--theme-color), 1);\n  border: none;\n  font-size: calc(20px + 10 * (100vw - 320px) / 1600);\n  transition: 0.4s ease;\n  outline: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.scroll-to-top .arrow {\n  --Iconsax-Color: rgba(255, 255, 255, 1);\n}\n\n/***************************\n    Title css \n****************************/\n.title {\n  margin-bottom: calc(20px + 20 * (100vw - 320px) / 1600);\n}\n.title h2 {\n  font-size: calc(24px + 26 * (100vw - 320px) / 1600);\n  color: rgba(var(--title-color), 1);\n}\n.title h3 {\n  margin-bottom: 10px;\n  font-weight: 700;\n  font-size: calc(24px + 12 * (100vw - 320px) / 1600);\n  color: rgba(var(--title-color), 1);\n}\n.title h5 {\n  margin-bottom: 5px;\n  color: rgba(var(--theme-color), 1);\n}\n.title p {\n  width: 60%;\n  font-weight: 400;\n  line-height: 1.5;\n  font-size: calc(14px + 4 * (100vw - 320px) / 1600);\n  margin-left: auto;\n  margin-right: auto;\n  color: rgba(var(--content-color), 1);\n}\n@media (max-width: 991px) {\n  .title p {\n    width: 100%;\n  }\n}\n\n/************************\n    header section \n ************************/\nheader {\n  position: absolute;\n  width: 100%;\n  padding-block: calc(10px + 10 * (100vw - 320px) / 1600);\n  z-index: 2;\n}\nheader.sticky {\n  position: sticky;\n  top: 0;\n  left: 0;\n  background-color: rgba(var(--white), 1);\n  border: none;\n}\nheader.sticky::after {\n  content: \"\";\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  z-index: -1;\n  background-color: rgba(var(--white), 1);\n  box-shadow: 0 8px 10px rgba(var(--black), 0.05);\n  transition: all 0.3s ease;\n}\nheader.sticky .navbar .navbar-toggler .navbar-toggler-icon .icon {\n  --Iconsax-Color: rgba(var(--theme-color), 1);\n  --Iconsax-Size: 20px;\n}\nheader.sticky .navbar-nav .nav-item .nav-link.active {\n  color: rgba(var(--theme-color), 1);\n}\nheader.sticky .navbar-nav .nav-item .nav-link:active {\n  color: rgba(var(--theme-color), 1);\n}\nheader.sticky .navbar-nav .nav-item .nav-link:hover {\n  color: rgba(var(--theme-color), 1);\n}\n\n.navbar {\n  justify-content: unset;\n  align-items: center;\n}\n.navbar .btn {\n  margin-left: auto;\n}\n.navbar .logo {\n  height: calc(25px + 15 * (100vw - 320px) / 1600);\n}\n.navbar .navbar-toggler {\n  padding: 0;\n  border: 0;\n}\n.navbar .navbar-toggler .navbar-toggler-icon {\n  width: auto;\n  height: auto;\n  display: flex;\n  align-items: center;\n  margin-right: calc(10px + 10 * (100vw - 320px) / 1600);\n  color: rgba(var(--theme-color), 1);\n  border-radius: 6px;\n  background-image: none;\n}\n.navbar .navbar-toggler .navbar-toggler-icon .icon {\n  --Iconsax-Color: rgba(var(--theme-color), 1);\n}\n.navbar .navbar-toggler:focus {\n  box-shadow: none;\n}\n.navbar .navbar-collapse .navbar-nav {\n  gap: calc(10px + 20 * (100vw - 320px) / 1600);\n}\n.navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n  color: rgba(var(--content-color), 1) !important;\n}\n.navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {\n  color: rgba(var(--theme-color), 1);\n}\n@media (max-width: 1200px) {\n  .navbar .navbar-collapse {\n    background-color: rgba(var(--theme-color), 1);\n    padding: 15px;\n    margin-top: 8px;\n    border-radius: 8px;\n  }\n  .navbar .navbar-collapse .navbar-nav {\n    gap: 10px;\n  }\n  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link {\n    color: rgba(var(--white), 0.5) !important;\n  }\n  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link.active {\n    color: rgba(var(--white), 1) !important;\n  }\n  .navbar .navbar-collapse .navbar-nav .nav-item .nav-link:hover {\n    color: rgba(var(--white), 1) !important;\n  }\n}\n.navbar .navbar-nav {\n  display: flex;\n  gap: calc(10px + 20 * (100vw - 320px) / 1600);\n}\n.navbar .navbar-nav .nav-item .nav-link {\n  padding: 0;\n  font-weight: 500;\n  font-size: calc(14px + 4 * (100vw - 320px) / 1600);\n  text-transform: capitalize;\n  color: rgba(var(--content-color), 1);\n}\n.navbar .navbar-nav .nav-item .nav-link.active {\n  color: rgba(var(--theme-color), 1) !important;\n}\n\n/***********************\n    home section \n************************/\n.home-wrapper {\n  background-image: url(../images/background/home-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  position: relative;\n  width: 100%;\n  height: 85vh;\n  padding-top: calc(60px + 30 * (100vw - 320px) / 1600);\n}\n@media (max-width: 1199px) {\n  .home-wrapper {\n    height: auto;\n    padding-bottom: 30px;\n  }\n}\n.home-wrapper .home-content {\n  display: flex;\n  align-items: center;\n  height: 100%;\n}\n.home-wrapper .home-content h1 {\n  width: 100%;\n  font-weight: 600;\n  line-height: 1.3;\n  text-transform: capitalize;\n  color: rgba(var(--theme-color), 1);\n}\n.home-wrapper .home-content h1 span {\n  color: rgba(var(--secondary-color));\n}\n@media (max-width: 991px) {\n  .home-wrapper .home-content h1 {\n    width: 100%;\n  }\n}\n.home-wrapper .home-content h5 {\n  line-height: 1.2;\n  font-weight: 400;\n  margin-bottom: calc(5px + 5 * (100vw - 320px) / 1600);\n  color: rgba(var(--title-color), 1);\n  padding: 6px calc(15px + 10 * (100vw - 320px) / 1600);\n  border: 2px solid rgba(var(--theme-color), 1);\n  display: inline-block;\n  border-radius: 30px;\n}\n.home-wrapper .home-content .button-part {\n  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n.home-wrapper .home-content .button-part .google-button {\n  width: 100%;\n  height: calc(30px + 20 * (100vw - 320px) / 1600);\n}\n.home-wrapper .home-content p {\n  margin-top: 5px;\n  line-height: 1.5;\n  color: rgba(var(--content-color), 1);\n}\n.home-wrapper .home-img {\n  position: relative;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 30px;\n}\n@media (max-width: 991px) {\n  .home-wrapper .home-img {\n    display: none;\n  }\n}\n\n/***********************\n    app section \n************************/\n.app-banner {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n@media (max-width: 425px) {\n  .app-banner {\n    height: calc(80px + 40 * (100vw - 320px) / 1600);\n  }\n}\n\n/***********************\n    application section \n************************/\n.application-wrapper {\n  position: relative;\n}\n.application-wrapper .application-img {\n  width: calc(250px + 370 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.application-wrapper .application-img .app-img {\n  width: 100%;\n}\n.application-wrapper .application-content h2 {\n  font-weight: 600;\n  line-height: 1.3;\n  color: rgba(var(--theme-color), 1);\n}\n@media (max-width: 767px) {\n  .application-wrapper .application-content h2 {\n    margin-top: 10px;\n  }\n}\n.application-wrapper .application-content p {\n  line-height: 1.5;\n  font-weight: 400;\n  font-size: calc(14px + 8 * (100vw - 320px) / 1600);\n  color: rgba(var(--content-color), 1);\n}\n.application-wrapper .application-content .button-part {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n.application-wrapper .application-content .button-part .google-button {\n  margin-top: 20px;\n  width: 100%;\n  height: calc(30px + 20 * (100vw - 320px) / 1600);\n}\n@media (max-width: 767px) {\n  .application-wrapper .application-content .button-part {\n    justify-content: center;\n  }\n}\n@media (max-width: 767px) {\n  .application-wrapper .application-content {\n    text-align: center;\n  }\n}\n.application-wrapper .car {\n  position: absolute;\n  top: 36%;\n  left: 0;\n  width: calc(180px + 50 * (100vw - 320px) / 1600);\n}\n@media (max-width: 991px) {\n  .application-wrapper .car {\n    display: none;\n  }\n}\n.application-wrapper .location {\n  position: absolute;\n  top: 15%;\n  right: -20px;\n  transform: translateY(-50%);\n}\n@media (max-width: 1199px) {\n  .application-wrapper .location {\n    display: none;\n  }\n}\n.application-wrapper .running-car {\n  position: absolute;\n  bottom: 0;\n  right: 0;\n  width: calc(350px + 250 * (100vw - 767px) / 1153);\n}\n@media (max-width: 1199px) {\n  .application-wrapper .running-car {\n    display: none;\n  }\n}\n\n/***************************\n   screenshots css\n****************************/\n.screenshots-section {\n  position: relative;\n}\n.screenshots-section .screenshots-tab {\n  margin: 30px auto calc(20px + 20 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n  flex-wrap: nowrap;\n  border-radius: 6px;\n  overflow: hidden;\n}\n.screenshots-section .screenshots-tab .nav-item {\n  border-radius: 10px;\n  background-color: rgba(var(--box-bg), 1);\n}\n.screenshots-section .screenshots-tab .nav-item .nav-link {\n  width: 100%;\n  padding: calc(8px + 2 * (100vw - 320px) / 1600) calc(15px + 15 * (100vw - 320px) / 1600);\n  font-weight: 500;\n  font-size: 14px;\n  font-size: 16px;\n  color: rgba(var(--theme-color), 1);\n}\n.screenshots-section .screenshots-tab .nav-item .nav-link:hover {\n  color: rgba(var(--theme-color), 1);\n}\n.screenshots-section .screenshots-tab .nav-item .nav-link.active {\n  background-color: rgba(var(--theme-color), 1);\n  color: rgb(255, 255, 255);\n}\n.screenshots-section .screenshots-tab .nav-item .nav-link.active:hover {\n  color: rgb(255, 255, 255);\n}\n.screenshots-section .screenshots-slider .screenshots-wrapper {\n  display: flex;\n}\n.screenshots-section .screenshots-slider .screenshots-wrapper .screenshots .screen-img {\n  width: 100%;\n  border-radius: 8px;\n}\n.screenshots-section .car-img1 {\n  position: absolute;\n  top: 10%;\n  left: 30px;\n  width: calc(100px + 50 * (100vw - 320px) / 1600);\n}\n@media (max-width: 991px) {\n  .screenshots-section .car-img1 {\n    display: none;\n  }\n}\n.screenshots-section .group-img {\n  position: absolute;\n  top: 10%;\n  right: 60px;\n  width: calc(80px + 70 * (100vw - 320px) / 1600);\n}\n@media (max-width: 991px) {\n  .screenshots-section .group-img {\n    display: none;\n  }\n}\n\n/***************************\n   app-features css\n****************************/\n.inner-page-wrapper {\n  background-color: rgba(var(--box-bg), 1);\n}\n.inner-page-wrapper .inner-page-img {\n  margin-top: calc(20px + 50 * (100vw - 320px) / 1600);\n  padding-inline: calc(20px + 40 * (100vw - 320px) / 1600);\n}\n\n/***************************\n   faq css\n****************************/\n.faq-section .faq-img {\n  width: 350px;\n}\n.faq-section .faq-accordion {\n  width: 100%;\n}\n.faq-section .faq-accordion .accordion-item {\n  margin-bottom: 15px;\n  border-radius: 6px;\n}\n.faq-section .faq-accordion .accordion-item:last-child {\n  margin-bottom: 0;\n}\n.faq-section .faq-accordion .accordion-item .accordion-header {\n  width: 100%;\n}\n.faq-section .faq-accordion .accordion-item .accordion-header .accordion-button {\n  font-size: calc(16px + 2 * (100vw - 320px) / 1600);\n  font-weight: 500;\n  color: rgba(var(--title-color), 1);\n  background-color: rgba(var(--box-bg), 1);\n}\n.faq-section .faq-accordion .accordion-item .accordion-header .accordion-button:focus {\n  box-shadow: none;\n  z-index: 1;\n}\n.faq-section .faq-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after {\n  filter: invert(1) brightness(0);\n}\n.faq-section .faq-accordion .accordion-item .accordion-collapse .accordion-body {\n  font-size: 16px;\n  color: rgba(var(--content-color), 1);\n  background-color: rgba(var(--white), 1);\n}\n\n/***************************\n   blog css\n****************************/\n.blog-wrapper .blog-box .blog-img img {\n  border-radius: 8px;\n}\n.blog-wrapper .blog-box .blog-details {\n  margin-top: 15px;\n}\n.blog-wrapper .blog-box .blog-details h4 {\n  line-height: 1.2;\n  color: rgba(var(--title-color), 1);\n  cursor: pointer;\n}\n.blog-wrapper .blog-box .blog-details p {\n  font-size: calc(14px + 4 * (100vw - 320px) / 1600);\n  line-height: 1.5;\n  margin-top: 5px;\n  color: rgba(var(--content-color), 1);\n}\n.blog-wrapper .blog-box .blog-details span {\n  margin-top: 10px;\n  font-size: 16px;\n  display: flex;\n  align-items: center;\n  color: rgba(var(--theme-color), 1);\n  gap: 10px;\n  cursor: pointer;\n}\n.blog-wrapper .blog-box .blog-details span .arrow {\n  --Iconsax-Color: rgba(var(--theme-color), 1);\n  --Iocnsax-Size: 20px;\n  line-height: 1;\n}\n\n/***************************\n   Footer css\n****************************/\n.footer-wrapper {\n  position: relative;\n  padding: calc(20px + 40 * (100vw - 320px) / 1600);\n  background-image: url(../modules/taxido/images/background/footer-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  width: 100%;\n}\n@media (max-width: 576px) {\n  .footer-wrapper {\n    margin-top: 30px;\n  }\n}\n.footer-wrapper .footer-content .footer-logo {\n  position: absolute;\n  width: calc(70px + 40 * (100vw - 320px) / 1600);\n  height: calc(70px + 40 * (100vw - 320px) / 1600);\n  top: calc(-35px + -15 * (100vw - 320px) / 1600);\n  left: 50%;\n  padding: calc(18px + 7 * (100vw - 320px) / 1600);\n  background-color: rgba(var(--theme-color), 1);\n  border: 2px solid rgba(var(--white), 1);\n  border-radius: 100%;\n  box-shadow: inset 0px 0px 10px 10px rgba(0, 0, 0, 0.05);\n  transform: translateX(-50%);\n}\n.footer-wrapper .footer-content .footer-logo .logo {\n  width: 100%;\n  height: 100%;\n}\n.footer-wrapper .footer-content .social-media-list {\n  margin-top: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n}\n.footer-wrapper .footer-content .social-media-list li {\n  width: 40px;\n  height: 40px;\n  padding: 8px;\n  border: 1px solid rgba(var(--white), 1);\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transition: all 0.5s ease-in-out;\n  cursor: pointer;\n}\n.footer-wrapper .footer-content .social-media-list li:hover {\n  background-color: rgba(var(--white), 1);\n}\n.footer-wrapper .footer-content .social-media-list li:hover .icon {\n  filter: brightness(0) invert(0);\n}\n.footer-wrapper .footer-content .social-media-list li .icon {\n  width: 100%;\n  height: 100%;\n}\n.footer-wrapper .footer-content .button-part {\n  margin-top: calc(20px + 30 * (100vw - 320px) / 1600);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 20px;\n}\n.footer-wrapper .footer-content .button-part .google-button {\n  width: 100%;\n  height: calc(30px + 20 * (100vw - 320px) / 1600);\n}\n.footer-wrapper .footer-content h3 {\n  color: rgba(var(--white), 1);\n  font-size: calc(16px + 19 * (100vw - 320px) / 1600);\n  width: 50%;\n  line-height: 1.5;\n  margin: 0 auto;\n  margin-top: 10px;\n}\n@media (max-width: 576px) {\n  .footer-wrapper .footer-content h3 {\n    width: 100%;\n  }\n}\n.footer-wrapper .purchase-btn {\n  color: rgba(var(--theme-color), 1);\n  background-color: rgba(var(--white), 1);\n}\n.footer-wrapper .purchase-btn:hover {\n  color: rgba(var(--theme-color), 1) !important;\n  background-color: rgba(var(--white), 1) !important;\n}"]
}