/**
 * Product Section Styles
 * Featured product (left) + Slider (right)
 */

.rd-section {
  display: flex;
  flex-direction: column;
  max-width: 1200px;
  margin: 0 auto;
  padding: 64px 0px 64px 0px;
  gap: 100px;
}

.development-process-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 40px;
}

.rd-title {
  font-weight: 700;
  font-size: 25px;
  line-height: 140%;
  letter-spacing: 0%;
  text-transform: uppercase;
  align-self: flex-start !important;
  white-space: nowrap;
}

.rd-section-container {
  display: flex;
  flex-direction: column;
  gap: 40px;
}

.rd-section-container_1 {
  display: flex;
  flex-direction: column;
  gap: 32px;
}

.card-container {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

.rd-card-conten {
  font-size: 16px;
  line-height: 150%;
}
 
.process-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  gap: 100px;
}

.process-card-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.process-card-content img{
  width: 100%;
  height: 387.57px;
  object-fit: cover;
  display: block;
}

@media (max-width: 1439px) {
  .rd-section {
    max-width: 896px;
    padding: 56px 0px 56px 0px;
  }

  .rd-title {
    font-size: 21px;
  }

  .rd-section-container {
    gap: 24px;
  }

  .rd-section-container_1 {
    gap: 40px;
  }
}

@media (max-width: 1023px) {
  .rd-section {
    max-width: 688px;
    padding: 56px 0px 56px 0px;
    gap: 80px;
  }

  .process-card {
    gap: 80px;
  }
}


@media (max-width: 767px) {
  .rd-section {
    max-width: 343px;
    padding: 48px 0px 48px 0px;
    gap: 64px;
  }

  .rd-title {
    font-size: 19px;
    height: 27px;
  }

  .rd-section-container {
    gap: 20px;
  }

  .rd-section-container_1 {
    gap: 24px;
  }

  .process-card {
    gap: 56px;
  }
}