@import '@/styles/responsive.scss';

.orderInput {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #81c98d;
  border-radius: 40px;
  background: #21582b;
  padding-top: 8px;
  padding-bottom: 6px;
  width: 100%;
  height: auto;

  p {
    font-size: 12px;
  }
}

.GetEstimateCard {
  background: linear-gradient(264deg, #387c44 21.95%, #296832 52.95%);
}

.GetEstimate {
  position: relative;

  &::before {
    position: absolute;
    top: -250px;
    left: 0px;
    background-image: url('/images/website/getEstimateVector.svg');
    background-repeat: no-repeat;
    width: 1014.568px;
    height: 972.314px;
    content: '';

    @include laptop {
      top: -44px;
      width: 500px;
      height: 500px;
    }

    @media (max-width: 992px) {
      width: 0px;
      height: 0px;
    }
  }

  & > * {
    position: relative;
    z-index: 10;
  }
}