.in-abt {
    margin-bottom: 12rem;
    position: relative;
  }
  #free-access-btn1 {
    padding: 10px 5px;
    position: absolute;
    right: 60%;
    z-index: 99;
    top: 13%;
  }
  .position-set {
    position: absolute;
    top: 21px;
    left: 146px;
    padding: 8px 10px;
  }
  .thelauncdreamresp{
    display: grid; grid-template-columns: 4fr 5fr;
    padding-top: 10px;

    }



.responsiveitemone{
  max-width: 300px;
}

.pricingcontainer{
  display: grid;
  row-gap: 50px;
  grid-template-columns: 1fr 1fr 1fr ;
  column-gap: 25px;
}
  @media only screen and (max-width: 991px) {
    #free-access-btn1 {
      right: 48%;
      top: 30%;
    }
    #free-access-btn1 {
      top: 32%;
    }
    .thelauncdreamresp{
      
      display: grid; grid-template-columns:  1fr;
      }
      .pricingcontainer{
        display: grid;
        grid-template-columns: 1fr ;
        justify-content: center;
        margin-left: 25%;

      }
      .platinum{
        margin-bottom: 250px;
      }
  }
  @media only screen and (max-width: 679px) {
    #free-access-btn1 {
      top: 32%;
    }
    .thelauncdreamresp{
      display: grid; grid-template-columns:  1fr;
      }
      .pricingcontainer{
        display: grid;
        grid-template-columns: 1fr ;
      }
      .platinum{
        margin-bottom: 250px;
      }
  }
  @media only screen and (max-width: 500px) {
    #free-access-btn1 {
      right: 47%;
      top: 33%;
    }
    .thelauncdreamresp{
      display: grid; grid-template-columns:  1fr;
      }
      .pricingcontainer{
        display: grid;
        grid-template-columns: 1fr ;
      }
      .responsiveitemone{
        max-width: 250px;
      }
      .platinum{
        margin-bottom: 250px;
      }
      
  }
  @media only screen and (max-width: 365px) {
    #free-access-btn1 {
      right: 47%;
      top: 46%;
    }
    .pricingcontainer{
      display: grid;
      grid-template-columns: 1fr ;
    }
    .platinum{
      margin-bottom: 250px;
    }
  }
  @media only screen and (max-width: 375px) {
    #free-access-btn1 {
      top: 49%;
    }
    .pricingcontainer{
      display: grid;
      grid-template-columns: 1fr ;
    }
    .platinum{
      margin-bottom: 250px;
    }
  }
  @media only screen and (max-width: 362px) {
    #free-access-btn1 {
      width: 144px;
      top: 49%;
    }
    .thelauncdreamresp{
      display: grid; grid-template-columns:  1fr;
      }
      .pricingcontainer{
        display: grid;
        grid-template-columns: 1fr ;
      }
      .platinum{
        margin-bottom: 250px;
      }
  }
  @media only screen and (max-width: 320px) {
    #free-access-btn1 {
      width: 144px;
      top: 54%;
    }

    .thelauncdreamresp{
      display: grid; grid-template-columns:  1fr;
      }
      .pricingcontainer{
        display: grid;
        grid-template-columns: 1fr ;
      }
      .platinum{
        margin-bottom: 250px;
      }
  }
  .in-about {
    background: url("/website_rental_extend/static/src/img/inflatable/aboutbanner.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 100%;
    padding-top: 6%;
    padding-bottom: 9%;
  }
  .in-about h2 {
    color: #f2f2f2;
    font-size: 27px;
    font-weight: 700;
    font-family: "Poppins";
  }
  .about-sub {
    color: #b3b3b3;
    font-size: 18px;
    font-weight: 400;
    font-family: "Poppins";
  }
  .card {
    flex: 0 0 auto;
  }
  .in-abt .card-group {
    gap: 1rem;
    position: absolute;
    bottom: -35%;
    display: flex;
    overflow: hidden;
  }
  .abt-card .no {
    color: #ffd51d;
    font-size: 20px;
    font-weight: 700;
    font-family: "Poppins" !important;
  }
  .abt-card .card-content {
    color: #333333;
    font-size: 16px;
    font-weight: 400;
    font-family: "Poppins" !important;
  }
  .abt-card .card-bottom {
    color: #333333;
    font-size: 14px;
    font-weight: 400;
    font-family: "Poppins" !important;
  } /* Mixin */ /* .slider::before, .slider::after { background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); } */ /* Variables */
  :root {
    --animationSpeed: 40s;
  } /* Animation */
  @keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-250px * 7));
    }
  } /* Styling */
  .slider {
    /* box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125); */
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    position: absolute;
    bottom: -10rem;
    transition: transform 0.3s ease-in-out;
    margin-top: 3rem;
  }
  .slider::before,
  .slider::after {
    /* background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); */
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
  }
  .slider::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
  }
  .slider::before {
    left: 0;
    top: 0;
  }
  .slide-track {
    animation: scroll var(--animationSpeed) linear infinite;
    display: flex;
    width: calc(250px * 14);
    gap: 28px;
  }
  .slide-track:hover {
    animation-play-state: paused;
  }
  @media (max-width: 500px) {
    /* .slider {
      top: 0rem !important;
    }
    #slider {
      top: 1rem !important;
    } */
    .firstcaro{
      position: absolute;
      top: 300px;
    }
    .secondcaro{
      position: absolute;
      top:550px;
    }
  }