@media (max-width: 1599.98px) {
  .carousel-caption {
    left: 6%;
  }
}

@media (max-width: 1399.98px) {
  .cont_info_left::before {
    width: 200px;
    height: 200px;
  }

  .cont_info_left::after {
    width: 100px;
    height: 100px;
    bottom: 60px;
    right: 60px;
  }

  .form-check-inline {
    margin-bottom: 10px;
  }

  .cont_info_sec .black_btn {
    font-size: 14px;
    line-height: 26px;
    padding: 10px 20px;
    border-radius: 10px;
  }
}

@media (max-width: 1199.98px) {
  .test_cnt p {
    font-size: 16px !important;
  }
  .testimonial_box {
    padding: 18px;
    margin: 25px 18px;
    gap: 20px;
    min-height: 450px;
  }
  .navbar-brand img {
    width: 90%;
  }
  .navbar-nav {
    gap: 20px;
  }
  a.nav-link {
    font-size: 14px;
  }
  .info h1 {
    font-size: 50px;
  }
  .info h2.heading {
    font-size: 40px;
    line-height: 52px;
  }
  .info p {
    font-size: 18px;
    line-height: 28px;
    padding: 8px 0px;
  }
  .black_btn {
    padding: 10px 40px;
  }
  .margin_50 {
    margin: 40px 20px;
  }
  .service_box.info h2.heading {
    line-height: 60px;
  }
  .service_box.info p {
    padding: 15px 0px;
  }
  h4.card-title {
    font-size: 20px;
    line-height: 30px;
  }
  .experience_box p.ftr_para {
    color: var(--white);
    font-size: 16px;
    line-height: 22px;
  }
  .btn_Box {
    gap: 20px;
  }
  .info h3.sub_heading {
    font-size: 20px;
    line-height: 30px;
  }
  .ftr_logo img {
    width: 90%;
  }
  .ftr_icons i {
    font-size: 16px;
  }
  .ftr_icons {
    gap: 14px;
  }
  a.nav-link:hover {
    font-size: 16px;
  }
  p.ftr_para {
    font-size: 14px;
    line-height: 24px;
  }
  .ftr_cnt a {
    font-size: 14px;
  }
  .ftr_box li {
    padding-bottom: 8px;
  }
}

@media (max-width: 991.98px) {
  .journey_box {
    gap: 10px;
    padding: 15px;
    min-height: 295px;
  }
  h2.heading_Color {
    font-size: 48px;
  }
  h4.card-title {
    font-size: 16px;
    line-height: 24px;
  }
  .testimonial_box {
    min-height: 350px;
  }
  .home_bnr .info p {
    font-size: 14px;
    line-height: 16px;
    font-family: var(--poppins);
    padding: 6px 0px;
  }
  .carousel-indicators {
    bottom: 8%;
  }
  .carousel-indicators li.active {
    width: 22px !important;
  }
  .carousel-indicators li {
    width: 10px !important;
    height: 10px !important;
  }
  .navbar-nav {
    gap: 10px;
    margin-top: 12px !important;
  }
  .navbar-toggler {
    background-color: var(--white) !important;
  }
  .navbar-brand img {
    width: 100%;
    max-width: 80%;
  }
  .carousel-caption {
    max-width: 482px;
  }
  .info h1 {
    font-size: 32px;
  }
  .cstm_border.right {
    border-right: none;
  }
  .info p {
    font-size: 14px;
    line-height: 24px;
  }
  .info h3.sub_heading {
    font-size: 16px;
    line-height: 28px;
  }
  .portfolio_box {
    width: 100%;
    min-height: 307px;
  }
  .info h2.heading {
    font-size: 28px;
    line-height: 40px;
  }
  .black_btn {
    font-size: 16px;
    line-height: 24px;
    padding: 10px 20px;
  }
  .service_box.info h2.heading {
    line-height: 42px;
  }

  .cont_info_sec h2 {
    font-size: 26px;
  }
}

@media (max-width: 767.98px) {
}

@media (max-width: 575.98px) {
  .whtsapp-img {
    width: 30px;
  }
  span.sticky-chat-btn {
    padding: 6px;
    font-size: 14px;
  }
  .home_bnr .info p {
    font-size: 12px;
    line-height: 12px;
    padding: 5px 0px;
  }
  .services_box .tab-content p {
    font-size: 16px;
  }
  .wb_dvp.info h2.heading {
    font-size: 28px;
    line-height: 40px;
  }
  .journey_box {
    padding: 15px;
    gap: 5px;
    width: 100%;
    min-height: 220px;
  }
  h4.card-title {
    font-size: 18px;
    line-height: 26px;
  }
  h2.heading_Color {
    font-size: 40px;
  }
  .carousel-indicators {
    bottom: 0%;
  }
  .carousel-indicators li {
    width: 9px !important;
    height: 9px !important;
  }
  .carousel-indicators li.active {
    width: 22px !important;
  }
  .services_box .nav-tabs .nav-link {
    font-size: 14px;
    line-height: 26px;
  }
  .services_box .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-item .nav-link.active,
  .nav-tabs .nav-item .nav-link:hover {
    gap: 10px;
  }
  .services_box .nav-tabs {
    width: 94%;
  }
  .ftr_logo img {
    width: 65%;
  }
  .head_bnr {
    left: 15px;
  }
  .services_box {
    height: 700px;
  }
  .services_box .tab-content {
    left: 7%;
    top: 47%;
    width: 93%;
    height: 321px;
    padding: 30px;
  }
  .navbar-brand img {
    width: 100%;
    max-width: 200px;
  }
  .margin_50 {
    margin: 20px;
  }
  .carousel-caption {
    max-width: 317px;
  }
  .info h1 {
    font-size: 26px;
    margin-bottom: 15px;
  }
  .padding_70 {
    padding: 45px 0px;
  }
  .service_box.info h2.heading {
    line-height: 37px;
  }
  .service_box.info p {
    padding: 10px 0px;
  }
  .btn_Box {
    gap: 15px;
  }
  .ftr_descrp.info p {
    padding: 10px;
  }

  .blog_cnt h1 {
    font-size: 24px;
    line-height: 34px;
    font-weight: 500;
  }

  .blog_info {
    gap: 10px;
  }

  .cont_info_sec .ps-0 {
    padding: 0 !important;
  }
}