/* responsive css */
  @media (max-width: 1680px) {
    .container {
      width: 100%;
      padding-left: 6rem;
      padding-right: 6rem;

    }

    :root {
      --font-size-85: 65px;

      --font-size-70: 50px;
      --font-size-40: 35px;
    }
  }

  @media (max-width: 1560px) {

    .banner img {
      height: 700px;
    }

    .counter-right img {

      width: 471px;
    }

    .counter-section {

      margin-bottom: 4rem;
    }
  }

  @media (max-width: 1480px) {

    .counter-right img {
      position: absolute;
      right: 21px;
      top: -160px;
      z-index: 9;
      width: 500px;
    }

    .carousel-caption {

      width: 55%;

    }
  }

  @media (max-width: 1366px) {
    :root {
      --font-size-85: 65px;
      --font-size-65: 55px;
      --font-size-80: 60px;
    }

    .container {
      width: 100%;
      padding-left: 3rem;
      padding-right: 3rem;
    }

    .banner {
      height: 600px;
    }

    .banner img {

      height: 600px;

    }

    .carousel-caption {
      padding: 5rem;
    }




  }

  @media (max-width: 1280px) {
    :root {
      --font-size-45: 35px;
      --font-size-30: 25px;


    }

    .footer-links {
      margin-bottom: 2rem;
      margin-top: 2rem;
    }

    .section-space {
      padding-top: 3rem;
      padding-bottom: 3rem;

    }

    .mt-5 {
      margin-top: 1rem !important;
    }
  }

  @media (max-width: 1199.98px) {
    :root {
      --font-size-85: 55px;
      --font-size-65: 50px;
    }

    .service-section-left {
      text-align: center;
    }

    .why-content li {

      padding: 1rem 0;

    }


    .front {
      padding: 12px 15px;
    }

    .count-area-content {
      margin: 1rem;
      padding-right: 1rem;
    }

    .navbar-dark .navbar-nav .nav-link {

      margin: 0.5rem;

    }

    .about-right-page {
      padding: 2rem;
    }

    .sub-heading-two {
      font-size: var(--font-size-18);
      line-height: 28px !important;
    }

    .carousel-caption {
      padding: 3rem;
    }

    .how-img img {

      padding: 0.8rem;

    }

    .feature-section .row {
      justify-content: flex-start;
    }

    .quality-circle {
      left: 43% !important;
      top: 0;
    }

    .testimonial-items {

      padding: 0 10rem;
    }

    .how-box {
      display: flex;
      flex-direction: column;

      justify-content: center;
    }

    .how-content {
      width: 100%;
    }

    .inner-banner {

      height: 350px;
    }

    .front {
      padding: 12px 16px;
      font-size: 12px;
    }
  }

  @media (max-width:1024px) {
    :root {
      --font-size-16: 14px;
      --font-size-40: 30px;

    }



    .contact-top-footer {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }

    .service-page-box {
      padding: 4rem 3rem;
    }

    .container {
      width: 100%;
      padding-left: 3rem;
      padding-right: 3rem;
    }



    .testimonial-items {
      padding: 2rem;
    }

    .navbar-dark .navbar-nav .nav-link {

      margin-left: 0.5rem;
      margin-right: 0.5rem;
    }

    .carousel-caption {
      width: 51.2%;
      padding: 4rem;
    }

    .banner img {
      height: 500px;
    }

    .about-img {

      width: 50%;

    }

    .count-area-content {

      padding: 0;
      width: 11rem;
      height: 11rem;

    }

    .about-home-section .about-left {
      margin-left: 1rem;
    }

    .count-area-content::after {

      width: 210px;
      height: 210px;

    }

    .why-box {
      padding: 1rem;
      min-height: 0;
    }

    .count-area-content {
      padding-right: 0rem;
    }

    .why-right-content {

      padding-left: 1rem;
    }

    .link-arrow {
      font-size: var(--font-size-15);
    }

    .carousel-caption h1 {
      font-size: var(--font-size-40);
    }

    .carousel-caption p {
      font-size: 15px;
    }

    .front {
      padding: 12px 16px;
    }
  }

  @media (max-width: 991.98px) {
    :root {
      --font-size-85: 45px;
      --font-size-35: 30px;
    }

    .location-map {
      text-align: center;
    }



    .service-page .service-content-right {
      padding-left: 0;
    }

    .contact-home-form .form-contact {
      width: 100%;

    }

    .carousel-caption h1 {
      color: var(--color-ffffff);
    }

    .carousel-caption p {
      color: var(--color-ffffff);

    }

    .why-left {
      padding-right: 0;
    }

    .service-page .grey {
      padding: 0;
    }

    .service-page .blue {
      padding: 0;
    }

    .count-area-content::after {
      width: 200px;
      height: 200px;
    }

    .map-section {
      padding-right: 0;
    }


    .icon-feature .icon-img {
      width: 9%;
    }

    img.rote {
      transform: rotate(90deg);
      padding-right: 1.5rem;
      padding-top: 20px;
    }

    .icon-right {
      width: 100%;
      margin-left: 0rem;
      padding: 0 2rem;
    }

    .navbar-dark .navbar-nav .nav-link {
      padding-right: 0px !important;
      text-transform: uppercase;

    }

    .navbar-dark .navbar-nav .nav-link {
      font-size: var(--font-size-18);
      padding: 0;
      margin: 1rem;
    }

    .banner .swiper-pagination {
      padding-left: 2rem;
      bottom: 0;
      margin-bottom: 0;
      left: 0 !important;
    }

    .process-right {
      margin-left: 0;
      margin-top: 3rem;
    }

    .about-section .row {
      display: flex;
      flex-direction: column-reverse;
    }

    .carousel-caption {
      position: relative;
      left: 0;
      background-color: #004a8bd6;
      ;
      top: 0;
      padding: 2rem;
      justify-content: flex-start;
    }


    .count-line {

      padding-bottom: 1rem;
      margin-bottom: 1rem;
    }

    .mb-5 {
      margin-bottom: 2rem !important;
    }

    .contact-page-left {
      margin-left: 0rem;
      margin-right: 0rem;

    }

    .value-box {

      padding: 0;
    }

    .container {
      width: 100%;
      padding-left: 2rem;
      padding-right: 2rem;

    }

    .banner {
      width: 100%;
      height: auto;
      object-fit: cover;
      display: flex;
      flex-direction: column-reverse;
    }

    .pushable {
      text-align: center;
      margin: 0 auto;
      display: flex;
      align-items: center;
      margin-top: 2rem;
      justify-content: center;
      float: none;
    }

    .carousel-caption {
      width: 100%;
      display: flex;
      height: 50%;
    }

    .banner video {
      height: 50%;
    }

    .about-img.about-img-one img {
      margin-top: 10%;
    }

    .about-right-page {
      padding: 3rem 0;
      padding-bottom: 0;
    }






    .service-page-box .service-content {
      padding: 0;
    }

    #candidate .section-space {
      padding: 3rem 2rem;
    }



    .process-right {
      margin-left: 0;

    }

    .inner-banner {

      height: 100%;
    }



    .contact-page-form {
      padding: 2rem;

    }

    .about-img.about-img-one {
      margin-top: 2rem;
      margin-right: 2rem;
    }

    .menu-btn {
      top: 86px;
      background-color: aliceblue;
    }

    .g_shrink .menu-btn {
      top: 17px;
    }

    .testimonial-items {
      padding: 2rem;

    }

    .why-right-content {
      color: var(--color-ffffff);
      padding-left: 0;
    }

    .about-img {

      width: 50%;
      height: 100%;

    }

    .banner img {
      height: 400px;
    }


    .copyright {

      padding: 1rem 0;
    }

    .industry-list li img {

      width: 2rem;
    }

    .industry-list li .icon {

      padding: 1rem;
    }



    .copy-right {
      position: relative;
      width: 100%;

    }

    .contact-top-footer {
      display: flex;
      flex-direction: row;
    }

    .banner-slider .swiper-slide {
      width: 991px;
      opacity: 1;
      transform: translate3d(-2973px, 0px, 0px);
      transition-duration: 0ms;
      display: flex;
      flex-direction: column-reverse;
    }

    .contact-section hr {
      margin: 2rem 0;
    }

    .about-left {
      position: relative;
      padding-right: 0;
      padding-top: 0;
    }

    .why-right-content {

      margin-top: 3rem;
    }

    .industry-left-content {
      margin-right: 0rem;
    }

    .service-page-box {
      padding: 2rem;
    }

    .service-page-box .service-img-left::after {
      display: none;
    }

    .service-page-box .service-img-right::after {
      display: none;
    }

    .service-img-left img {
      width: 100%;
      left: 0;
      margin-bottom: 2rem;
    }

    .service-img-right img {
      width: 100%;
      right: 0;
      margin-bottom: 2rem;

    }

    .why-box {
      min-height: 0;
    }

    .contact-left {

      padding-top: 0;
    }

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link.active {
      padding: 0;
      color: var(--color-228fe3);
      background-color: transparent;
    }

    .navbar-dark .navbar-nav .nav-link:focus,
    .navbar-dark .navbar-nav .nav-link:hover {
      color: var(--color-228fe3);
      background-color: transparent;
    }

    .mobile-offcanvas .common-btn {
      margin-top: 2rem;
    }

    .service-box .number {
      width: 10%;
    }

    .service-box .content {
      width: 67%;
    }

    .service-box {
      padding: 2rem;

    }

    .inner-banner {
      height: 400px;
    }

    .inner-banner-content {
      width: 100%;
    }

    .inner-banner .container {
      background-color: var(--color-ef7d18);
    }



    .industry-slider .swiper-slide img {
      height: 400px;
    }

    .contact-section.section-space {
      padding-bottom: 0;
    }

    .contact-right {
      padding: 2rem;
      margin-bottom: 3rem;
    }

    /* Aavdesh */

    /* home page */

    .about-home-section .about-left {
      margin-left: 0rem;
    }

    .about-right img {
      margin-bottom: 45px;
    }

    .service-section-right {
      display: flex;
      flex-direction: column-reverse;
    }



    .section-heading {
      font-size: var(--font-size-25);
    }

    .how-section .row {
      justify-content: center;
      display: flex;
      flex-direction: column;
    }

    .how-section .sub-heading-two {
      margin-top: 1.5rem;
    }

    .how-box {
      margin-bottom: 20px;
      align-items: center;
      display: flex;
      flex-direction: column;
      text-align: center;
    }

    .how-img {
      width: 20%;
      margin-right: 1rem;
    }

    .how-img img {
      width: 4rem;
      background-color: var(--color-bfd9ef);
      padding: 0.5rem;
    }

    .how-content {
      width: 90%;
      text-align: center;
    }


    .icon-section .row {
      flex-direction: column;
      align-items: center;
    }

    .feature-section .row {
      justify-content: center;
    }

    .sub-heading {
      font-size: var(--font-size-22);
      line-height: 32px !important;
    }

    .testimonial-right p {
      line-height: 36px !important;
    }

    .swiper-button-next,
    .swiper-container-rtl .swiper-button-prev {
      top: -100px;
    }

    .swiper-button-prev,
    .swiper-container-rtl .swiper-button-next {
      top: -100px;
    }

    /* about page */
    .main-heading {
      font-size: var(--font-size-60);
    }

    .about-page-right {
      padding: 3rem 0 0 0;
    }

    .mt-5 {
      margin-top: 2rem !important;
    }

    .about-page-section .row {
      flex-direction: column-reverse;
    }

    .gallery-img {

      margin-left: 0;
    }

    .vision-img {
      height: 300px;
      width: 100%;
      position: relative;
      top: 0;
      right: 0%;
      margin-bottom: 2rem;
    }

    .mission-img {
      display: none;
      height: 300px;
      width: 54%;
      position: relative;
      top: -30px;
      right: -45%;
    }

    .mission-img img {
      height: 90%;
      width: 100%;
      object-fit: cover;
    }


    .value-content {
      width: 100%;
    }

    .value-feature {
      margin-bottom: 2rem;
    }

    .subcard {

      padding: 0.5em;

    }

    .timeline {

      padding: 0 2rem;

    }

    .card-item {

      margin-bottom: 2rem;
    }

    .why-section .row {
      flex-direction: column-reverse;
    }

    .why-img {
      margin-bottom: 40px;
    }

    .why-content li {
      padding: 1rem 0;
    }

    .why-img {
      height: 400px;
    }

    .why-content li i {
      margin-right: 1.5rem;
      font-size: 1.5rem;
    }


    /* service page */
    .service-page-box .first-row {
      flex-direction: column;
    }

    .service-page-box .alter-row {
      flex-direction: column-reverse;
    }

    .first-row .service-content {
      padding: 3rem 0 1rem 0;
    }

    .alter-row .service-content {
      padding: 3rem 0 1rem 0;
    }

    p.sub-heading-two.pb-5 {
      padding-bottom: 1rem !important;
    }

    .service-page .service-content strong {
      font-size: 18px;
      margin-bottom: 0rem !important;
    }

    .twenty-btn {

      margin-bottom: 0;

    }

    .contact-home-left {
      margin-bottom: 1rem;
    }

    .footer-links {
      margin-bottom: 0;
    }
  }

  @media (max-width: 767px) {
    :root {
      --font-size-60: 35px;

      --font-size-65: 40px;

    }

    .footer .accordion-button {
      color: #ffff;
      background-color: var(--color-004b8b);
      ;
    }

  

    .footer .accordion-button::after {

      filter: invert(1);
    }

    .footer .accordion-body {
      background-color: #d8e9f7;
    }

    .footer-links {
      margin-bottom: 2rem;
    }

    .contact-page-form {
      margin-top: 2rem;
    }

    .contact-home-form .form-contact {

      padding: 2rem;

    }

    .contact-home-form .form-contact .form-control {

      margin-bottom: 0;
    }

    .value-feature {
      margin-bottom: 0;
    }

    .contact-form-left {
      margin-bottom: 2rem;
    }

    .timeline {

      grid-template-columns: repeat(2, 1fr);

    }

    .inner-banner {
      height: 300px;

    }


    .social-links {
      display: flex;
      /* margin: auto; */
      /* text-align: center; */
      justify-content: center;
    }

    .footer-links a {
      margin-right: 2rem;
    }

    .twenty-btn {
      width: fit-content;
    }

    .contact-top-footer img {
      width: 70px;
    }

    .contact-home-left {
      margin-bottom: 2rem;
    }

    .contact-home-form .contact-form {

      padding: 1.5rem;

    }

    .industries-section .row {
      display: flex;
      flex-direction: column-reverse;
    }



    .service-box {

      flex-direction: column;
    }

    .service-box .button {
      width: 100%;
      position: relative;
      /* right: 0; */
      text-align: center;
    }

    .service-box .number {
      width: 100%;
      text-align: center;
    }

    .service-box:hover .number {
      width: 100%;
      text-align: center;
    }

    .copy-right {

      margin-bottom: 0;
    }

    .banner img {
      height: 400px;
    }

    .service-page-box .row.row-reverse {
      display: flex;
      flex-direction: column-reverse;
    }

    .dogras-world-map span {
      padding: 0.8rem;
      font-size: 1rem;
      margin: 0;
    }

    .map-container {

      padding: 0;
    }

    .value-box {
      margin-bottom: 2rem;
    }

    .value-content {
      padding: 1.5rem 0;
      color: var(--color-ffffff) !important;
    }

    .service-box .content {
      width: 100%;
      text-align: center;
    }

    .footer-links.contact-box {
      margin-bottom: 0;
      margin-top: 2rem;
    }

  }

  @media (max-width: 575.98px) {
    :root {
      --font-size-85: 35px;
      --font-size-50: 30px;

      --font-size-35: 25px;
    }
    .vechicle-slider .swiper-pagination {
    margin-top: 0;
}
    .training-section .swiper-pagination {
        margin-top: 2rem;
    }
    .location-map img {
    max-width: 100%;
}
  .contact-box h6::after {

      left: 43%;
    }
    .twenty-btn {
      padding: 1rem;
      width: 100%;
    }

    .text-crusive {
      font-size: 16px;
    }

    footer p {
      text-align: center;
    }

    .brand img {
      width: 85px;

    }

    .service-desc {

      height: 80px;

    }

    .carousel-caption {

      text-align: center;
    }

    .contact-home-form .form-contact {

      padding: 2rem;

    }

    .client-heading::after {
      top: 31px;
      position: absolute;
    }

    .map-section iframe {

      height: 400px;
    }

    .service-page .service-content-right {
      padding-left: 0;
    }

    .why-content li {
      text-align: left;
    }

    .timeline {
      grid-template-columns: repeat(1, 1fr);
    }

    .icon-right {
      padding: 0 2rem;
    }

    .service-section .small-heading.mt-5 {
      margin-top: 0 !important;
    }

    .carousel-caption p {
      width: 100%;
      text-align: center;
    }

    .carousel-caption .common-btn {

      margin: auto;
    }

    .swiper-pagination {
      margin-top: 1rem;
    }

    .carousel-caption {
      width: 100%;
      display: flex;
      height: auto;
    }

    .service-section.section-space {
      padding-bottom: 0;
    }



    .pb-5 {
      padding-bottom: 1rem !important;
    }


    .quality-circle {
      left: 36% !important;
      top: 0;
    }

    img.rote {
      transform: rotate(90deg);
      padding-right: 1.5rem;
      padding-top: 0;
    }

    .service-section-right {

      margin-top: 0;
    }



    .map-section {
      padding-right: 0;
    }

    .main-header.g_shrink.g_header .container {
      text-align: left;

    }

    .feature-box .feature-img img {
      width: 4rem;
    }

    .feature-box p {

      font-size: 18px;
    }

    .feature-box .feature-img {
      width: 20%;
    }

    .twenty-btn {

      padding: 1rem;
    }

    .feature-box {

      text-align: left;
    }

    .p-5 {
      padding: 2rem !important;
    }



    .about-section .about-left {

      padding-top: 2rem;
    }

    .contact-top-footer {

      flex-direction: column;
    }

    .contact-box {
      margin-bottom: 2rem;
    }

    .inner-banner-content p {
      margin-bottom: 0;
      text-align: center;
    }

    .menu-btn {
      top: 69px;
    }


    .contact-section.section-space {
      padding: 2rem 0;
      padding-top: 3rem;
    }

    .service-box .content {
      width: 100%;
      text-align: center;
      display: flex;
      flex-direction: column;
    }

    .quality-circle .arrow-img::after {

      left: 38%;

    }

    .quality-circle .arrow-img img {


      left: 45%;
    }

    .about-section .about-right {
      display: flex;
      position: relative;
      flex-direction: column;
    }

    .quality-circle {
      left: 0;
      position: relative;
    }

    .banner img {
      height: 300px;
    }

    .service-banner img {
      width: 100%;
      height: 300px;
      object-fit: cover;
    }

    .about-banner img {
      width: 100%;
      height: 300px;
      object-fit: cover;
    }

    .testimonial-text {
      font-size: var(--font-size-20);
    }



    .industry-left-content {
      margin-top: 2rem;
    }

    .icon-feature {
      margin-bottom: 1rem;
      display: flex;
      flex-direction: column;
      text-align: center;
      /* margin: auto; */
      align-items: center;
    }

    .icon-feature .icon-content {
      width: 100%;
    }

    .vehicle-box {

      padding: 1em;
    }



    .industry-slider {

      height: 400px;
    }

    .vision-box {
      margin-bottom: 2em;
    }

    .count-area-content {
      margin: auto;
      margin-bottom: 2rem;
    }


    .map-container .point {

      width: 1.1rem;
      height: 1.1rem;

    }

    .how-img {
      width: 20%;
      margin-right: 0;
    }

    .contact-form-left {

      padding-bottom: 2rem;
    }

    .fleet-page .col-6 {
      width: 100%;
    }

    footer {

      text-align: center;
    }


    .small-heading.mt-3 {
      margin-top: 0 !important;
    }

    .about-page-left {
      padding-top: 2rem;
    }

    .service-page-box {
      padding: 0.8rem;
    }

    .footer-links a {
      margin-right: 0;
      text-align: left;
    }
  }

  @media (max-width: 400px) {
    h1, h2, h3, h4, h5, h6 {
      text-transform: normal;
      margin-bottom: 0;
    }

    .about-right img {
      margin-bottom: 25px;
    }

    .section-space {
      padding-top: 2rem;
      padding-bottom: 2rem;
    }

    .service-box {
      padding: 2rem 1rem;
    }

    .carousel-caption .common-btn {
      margin: 0 auto;
    }

    .service-img-right img {
      width: 100%;
      right: 0;
      margin-bottom: 1rem;
    }

    .service-content-left .sub-heading.mb-3 {
      margin-bottom: 0.3rem !important;
    }

    .service-img-left img {
      object-fit: cover;
      width: 96%;
      height: 300px;
      left: 4%;
      position: relative;
    }

    .service-page .service-content-left {
      padding-right: 0;
    }

    .service-page-box {
      padding: 2rem 0.8rem;
    }

    .container {
      width: 100%;
      padding-left: 1rem;
      padding-right: 1rem;
    }

    .menu-btn {
      top: 50px;
      right: 15px;
    }

    .inner-banner {
      height: 250px;
    }

    .value-img {

      margin-right: 0;
    }

    .value-content p {

      text-align: center;
    }

    .value-content {

      padding-bottom: 0;
    }

    .value-feature {
      margin-bottom: 2rem;
      display: flex;
      flex-direction: column;
      text-align: center;
    }

    .quality-circle {
      left: 31% !important;
      top: 0;
    }

    .sub-heading.content img {
      width: 40px;
    }

    .sub-heading.content img {
      margin-right: 0;
    }

    .map-section iframe {

      height: 350px;
    }

    .carousel-caption h1 {
      font-size: var(--font-size-20);
      margin-bottom: 0.5rem;
    }

    .carousel-caption {
      padding: 1rem;
    }



    header {
      padding: 0.5rem 0;
    }

    .brand img {
      width: 65px;
    }

    .main-header.g_shrink.g_header .brand img {
      width: 60px;
    }

    .common-btn {
      padding: 0.75rem 1.5rem !important;
    }

    .carousel-caption p {
      font-size: 16px;
      line-height: 22px !important;
    }

    .booking-link {
      padding: 1rem;
    }

    .collection-link {
      padding: 1rem;
    }

    .contact-home-form .form-contact {

      padding: 1rem;

    }

    .main-header.g_shrink .menu-btn {
      top: 15px;
      right: 15px;
    }

    .main-heading {
      font-size: var(--font-size-40);
    }

    p {
      font-size: var(--font-size-14);
      margin-bottom: 10px;
    }

    .count-area-content {
      width: 10rem;
      height: 10rem;
    }

    .count-area-content {
      margin-bottom: 2rem;
      margin-top: 3rem;
      padding: 0;
    }

    .count-area-content::after {
      width: 210px;
      height: 210px;
    }

    .icon-feature {
      margin-bottom: 1rem;
      display: flex;
      flex-direction: column;
      align-items: center;
    }

    .icon-feature .icon-img {
      width: 20%;
      margin-bottom: 1rem;
      text-align: center;
      margin: 0 auto;
      margin-bottom: 1rem;
    }

    .icon-right {

      text-align: center;
      padding: 0 2rem;
    }

    .icon-feature .icon-content {
      width: 100%;
      text-align: center;
    }



    .feature-box .feature-img {
      width: 25%;
    }

    .feature-box .feature-img img {
      width: 4rem;
    }

    /* services page */
    .service-page-box .service-img img {
      height: 185px;
    }

    .sub-heading-two {
      font-size: var(--font-size-16);
      line-height: 22px !important;
    }

    .service-page-box .service-img {
      width: 95%;
    }

    .location-map {
      text-align: center;
      margin-top: 2rem;
    }

    .contact-box .sub-heading-two {
      margin-bottom: 0.3rem;
      font-size: 22px;
      margin-top: 0.5rem;
    }

  }

  @media (max-width: 375px) {
    .industry-list li {
      flex-direction: column;
    }



    .industry-list li .icon {

      margin-right: 0;
      margin-bottom: 1rem;
    }
  }

  /* responsive css */