/* ===========================================================
    Start responsive CSS In All CSS Home Page    <-- Adarsh
=============================================================*/
@media screen and (max-width: 1000px) {
  .gap-5 {
    gap: 1rem !important;
  }

  #navbarSupportedContent {
    margin-left: 10px !important;
  }
  .third {
    color: #018bba;
    font-family: "Poppins";
    /* line-height: 42px; */
    /* font-size: 34px; */
    /* letter-spacing: normal; */
    /* font-weight: 600; */
  }
  .text_dataCrops {
    font-size: 16px;
    color: #000000;
    font-family: sans-serif;
    font-weight: 500;
    line-height: 24px;
    /* text-align: justify !important; */
  }

  .row.vib_flex_img {
    display: flex;
    flex-direction: column-reverse;
  }
  #myBtn {
    /* display: none; */
    position: fixed;
    bottom: 20px;
    right: 16px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #018bba;
    color: white;
    cursor: pointer;
    padding: 13px;
    border-radius: 50%;
    font-size: 24px;
    width: 43px;
    height: 45px;
  }
  .logo_image {
    margin-left: 0;
    width: 200px;
  }
  .footer_icons {
    width: auto;
    gap: 14px;
  }
  .footer_up {
    width: auto;
    margin-left: 0;
  }
  .px-12 {
    padding-left: 0rem;
    padding-right: 0rem;
  }
  .data_btn_mauris {
    margin-top: 0px;
  }
  .Feedback_img_bg {
    display: none;
  }
  .data_slider_button-2 {
    background-color: #b8b5b5;
    margin-top: 67px;
    padding: 7px;
    margin-left: 80px;
  }

  .data_slider_button-1 {
    background-color: #b8b5b5;
    margin-top: 67px;
    width: 15px;
    margin-left: -80;
  }
  .about_top_para {
    margin-top: 50px;
  }
  .about_top_img {
    margin-top: 0px;
  }
  .about_top_heaight {
    margin-top: 30px;
  }
  .price_monitoring_height_top {
    margin-top: 0;
  }
  .Tyre_Pricing_sec_2 {
    margin-right: 0;
    padding: 24px;
    padding-top: 20px;
  }
  .Tyre_Pricing_sec_3 {
    margin-right: 0px;
    padding: 0;
  }

  .DataCrops_flex_img {
    display: flex;
    flex-direction: column-reverse;
  }
  .DataCrops_1_sec_img {
    margin-top: 20px;
  }

  .DataCrops_sec_1_para_1 {
    margin-top: 120px;
  }
  .DataCrops_sec_1_img {
    margin-top: 40px;
  }
  .sec_1_img {
    width: 100%;
  }

  .ty_para_d {
    font-size: 26px;
    line-height: 35px;
  }
  .product_heading_d {
    font-size: 35px;
    line-height: 42px;
  }
  .powerfull_text_para_d {
    max-width: auto;
    margin-left: 0;
    text-align: justify;
  }
  .Quick_Links_d {
    padding: 0px 0px;
  }

  #demo-button_2 {
    background-color: #018bba;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 27px;
    padding-right: 27px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: background-color 0.4s ease;
    margin-left: 20px;
    margin-top: -5px;
  }
  #demo-button {
    background-color: #018bba;
    font-size: 16px;
    font-family: sans-serif;
    color: #ffffff;
    padding-top: 9px !important;
    padding-bottom: 9px !important;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: background-color 0.4s ease;
    margin-top: -5px;
  }
  .main_top_btn {
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 26px;
    padding-right: 26px;
    border-radius: 50px;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    margin-left: 0px;
  }
  .DataCrops_price {
    padding: 2%;
  }
  .Key_Features_heading_para {
    font-size: 20px !important;
    line-height: normal;
  }
  .Web_Data_img {
    width: 100%;
    height: auto;
  }

  .All_heading_datacrosps {
    color: #018bba;
    font-size: 30px;
    font-weight: 500;
    line-height: 34px;
    letter-spacing: normal;
    font-family: "Poppins", sans-serif;
    margin-top: 0;
    margin-bottom: 0;
  }
  .swiper-wrapper {
    position: relative;
    width: 100%;
    height: 110%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(
      --swiper-wrapper-transition-timing-function,
      initial
    );
    box-sizing: content-box;
  }
  .data_as_daas {
    display: inline;
  }
  .Web_Data_Extraction {
    background-image: none;
    margin-top: 70px;
  }
  .grid {
    gap: 1 !important;
  }

  .slidedrs {
    overflow: hidden;
    position: relative;
    padding: 20px 0;
    height: auto !important;
    width: 100%;
  }
}

@media screen and (max-width: 1250px) {
  .banner-bg-img .bg-banner {
    background-size: cover;
    background-position: center;
    position: relative;
    /* height: 100%; */
    width: 100%;
  }
  .text_ak_para {
    margin-left: 0;
    width: auto;
    text-align: center;
  }
  .marter_Price {
    background: url("https://www.transparenttextures.com/patterns/diamond-upholstery.png");
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    height: auto;
    background: linear-gradient(rgb(0, 0, 0), rgba(143, 143, 143, 0.8));
  }
  .product_data_extraction {
    /* background-image: url(img/diamond-upholstery.png); */
    /* background-color: rgb(34, 34, 34); */
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }

  #demo-button_4 {
    background-color: #ff914d;
    font-size: 16px;
    font-family: "Poppins", sans-serif;
    color: #ffffff;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 30px;
    padding-right: 30px;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    transition: background-color 0.4s ease;
  }

  #demo-button_4::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    /* background-color: #302def; */
    background-color: #018bba;
    transition: transform 1s ease;
    transform: translate(-50%, -50%) scale(0);
    border-radius: 50%;
    z-index: 0;
  }
  .web_data_text {
    width: auto !important;
    margin-left: 0 !important;
  }
  .Lead_generation {
    width: auto;
    margin-left: 0px;
  }
  .hero-subtext {
    width: auto !important;
    margin-left: 0 !important;
    font-size: 20px !important;
    line-height: normal;
  }
  .ready_to_text {
    width: auto !important;
    margin-left: 0 !important;
  }
}