@media only screen and (max-width: 1200px) {
  html,
body {
    font-size: 9px;
  }
}
@media only screen and (max-width: 800px) {
  .future-div-inner {
    width: 20rem;
    height: 19rem;
    /* future css end */
  }
  .future-div-inner .row .myswiper .swiper-slide p.future-desc {
    font-size: 2.16rem;
    line-height: 2.8rem;
    margin-top: 2rem;
  }
  .future-div-inner .row .myswiper .button-area .Prev,
.future-div-inner .row .myswiper .button-area .Next {
    padding: 1rem;
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 992px) {
  html,
body {
    font-size: 8.5px;
  }
  .navbar.navbar-wrapper {
    height: auto;
    padding: 1rem 0rem !important;
  }
  .experience .card .card-body h2 {
    font-size: 1.4rem;
  }
  .experience .card .card-body h2::after {
    top: 0rem;
    left: -1rem;
    height: 70%;
  }
  .consultation h3 {
    font-weight: 700;
    font-size: 2.7rem;
    margin-bottom: 4rem;
  }
  .consultation p {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .consultation a {
    font-weight: 500;
    font-size: 1.2rem;
    line-height: 2rem;
  }
}
@media (max-width: 991px) and (min-width: 768px) {
  /* about us section start */
  .about-us {
    margin-top: 18rem;
  }
  .about-us .about-us-card-outer {
    left: -7rem;
    top: 7rem;
  }
  /* scroll to top section start */
}
@media (max-width: 767px) and (min-width: 0px) {
  /* about us section start */
  .about-us {
    margin-top: 18rem;
  }
  .about-us .about-us-card-outer {
    left: 5rem;
    top: 7rem;
  }
  /* scroll to top section start */
  /* consultation section end */
  .project .navigation-link {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    margin: 6rem 0rem 4rem 0rem;
  }
  .project h3.hero-section-heading {
    margin-left: 2.5rem;
  }
  /* consultation section end */
}
@media (max-width: 992px) and (min-width: 0px) {
  /* services section start */
  .experience .card-1 {
    position: relative;
    top: 8rem;
    left: 8rem;
    z-index: 5;
  }
  .experience .card-1 .card-icon img {
    position: absolute;
    left: 18rem;
    top: -4rem;
  }
  .experience .card-3 {
    position: relative;
    bottom: 2rem;
    left: 8rem;
    z-index: 5;
  }
  .experience .card-3 .card-icon img {
    position: absolute;
    left: 12rem;
    top: -4rem;
  }
  .experience .card-4 {
    position: relative;
    bottom: 8rem;
    right: 7rem;
    z-index: 4;
  }
  .experience .card-4 .card-icon img {
    position: absolute;
    left: 16rem;
    top: 8rem;
  }
  /* services us section end */
}
@media only screen and (max-width: 768px) {
  html, body {
    font-size: 8.7px;
  }
  .consultation h3 {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 3rem;
  }
  .consultation p {
    font-size: 1.7rem;
    line-height: 2.8rem;
  }
  .consultation a {
    font-weight: 500;
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 575px) {
  html, body {
    font-size: 8px;
  }
  .hero-section h1 {
    margin-left: 2rem;
    margin-right: 2rem;
    font-size: 6.27rem;
  }
  .consultation h3 {
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 2.5rem;
  }
  .consultation p {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .consultation a {
    font-weight: 500;
    font-size: 1rem;
    line-height: 2rem;
  }
}
@media only screen and (max-width: 446px) {
  html,
body {
    font-size: 7.6px;
  }
}
@media only screen and (max-width: 389px) {
  html,
body {
    font-size: 6px;
  }
  .hero-section h1 {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 376px) {
  html,
body {
    font-size: 5.8px;
  }
}
@media only screen and (max-width: 307px) {
  html,
body {
    font-size: 5.5px;
  }
  .hero-section h1 {
    font-size: 6rem;
  }
}
@media only screen and (max-width: 271px) {
  html,
body {
    font-size: 5px;
  }
}
@media only screen and (max-width: 246px) {
  html,
body {
    font-size: 4px;
  }
}
@media only screen and (max-width: 197px) {
  html,
body {
    font-size: 2px;
  }
}/*# sourceMappingURL=responsive.css.map */