.contentImg {
  border-radius: 1.5rem;
}

.mb-contentImg {
  display: none;
}

.contentData {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  backdrop-filter: blur(2px);
  /* Note: backdrop-filter has minimal browser support */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 10px;
  padding: 10px 20px 10px 0px;
  border-radius: 0 1.5rem 1.5rem 0;
  /* background: linear-gradient(274.52deg, rgba(12, 12, 14, 0.869) 38.24%, rgba(24, 26, 32, 0.75) 73.16%,rgba(24, 26, 32, 0.75) 83.16%,rgba(0, 0, 0, 0) 95.16%); */
}

.con-padding{
  padding-top: 120px;
}

.subContentData {
  width: 50%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  backdrop-filter: blur(2px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  row-gap: 10px;
  padding: 10px;
  border-radius: 16px 0 0 16px;
  background: linear-gradient(
    -274.52deg,
    rgba(12, 12, 14, 0.8) 38.24%,
    rgba(18, 20, 28, 0) 73.16%
  );
}

.seemore {
  padding: 7px 25px;
  background-color: #fff;
  border-radius: 10px;
  border: none;
  color: #219653;
  margin-top: 50px;
}

.dotted-line {
  position: absolute;
  border: 2px dashed #fff;
  height: 85%;
  left: 50%;
  top: 12%;
}

.dotted-line::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 1;
  background-color: #fff;
}

.padding-t {
  padding-top : 100px;
}

.dotted-line::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  z-index: 1;
  background-color: #fff;
}
.catering-bg {
  /* background-color: #e7b456 !important; */
  background-color: #fff !important;
  border-radius: 20px;
}
.product-service-bg {
  background-color: #bebebe !important;
  border-radius: 20px;
}

@media only screen and (max-width: 992px) {
  .rs-contentText {
    font-size: 11px;
    text-align: justify;
  }
}

@media only screen and (max-width: 768px) {
  /* .contentImg {
        display: none;
    }

    .mb-contentImg {
        display: block;
        border-radius: 1.5rem !important;
    } */

  .contentData,
  .subContentData {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    /* backdrop-filter: blur(2px); */
    /* Note: backdrop-filter has minimal browser support */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    row-gap: 10px;
    /* padding: 10px 20px 0 70px; */
    border-radius: 1.5rem;
    background: rgba(0, 0, 0, 0.623);
  }
  .contentData p,
  .subContentData p {
    font-size: 11px;
  }
}
@media only screen and (max-width: 576px) and (min-width: 250px) {
  .contentImg {
  display:none !important;
    opacity: 0;
  }
  .catering_contentContainer {
    min-height: 65vh;
  }
  .service_contentContainer {
    min-height: 55vh;
  }
  .catering_container {
    padding-top: 60px !important;
  }
  .dotted-line {
    height: 85%;
    left: 50%;
    top: 13%;
  }
  .service-header {
    font-size: 48px !important;
  }
  .con-padding{
  padding-top: 0px !important;
}

}

@media only screen and (max-width: 991px) and (min-width: 601px) {
  .dotted-line {
    margin-top : 10px !important;
  }
}