.half-sections .custom-container {
  max-width: 1320px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}
.half-sections .custom-container .sec-wrapper {
  background-color: white;
  border-radius: 24px;
  padding: clamp(16px, 4vw, 40px);
}

.half-sec:last-child {
  padding-bottom: 0;
}
.half-sec .image-wrapper {
  position: relative;
  max-width: 549px;
  width: 100%;
}
.half-sec .image-wrapper .content-wrapper {
  position: absolute;
  right: 27px;
  bottom: 6%;
}
.half-sec .image-wrapper .content-wrapper .content {
  padding: 24px 30px 40px 30px;
  border-radius: 112px;
  max-width: 300px;
  width: 100%;
}
.half-sec .image-wrapper .content-wrapper .content .title {
  color: #1f1263;
  font-size: clamp(16px, 2vw, 20px);
  font-weight: 600;
}
.half-sec .image-wrapper .content-wrapper .btn {
  padding: 12px 18px;
  transform: translateY(-24px);
}
.half-sec .image-wrapper .custom-buttons {
  position: absolute;
  left: 0;
  top: 0;
  inset: 0;
}
.half-sec .image-wrapper .custom-buttons .custom-secondary-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: #5600d0;
  color: #ffffff;
  font-size: 18px;
  font-weight: 600;
  padding: 16px 20px;
  border-radius: 40px;
  border: 4px solid #ffffff;
  box-shadow: 3px 0 7px 0 rgba(0, 0, 0, 0.0745098039);
  position: absolute;
  white-space: nowrap;
}
.half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn1 {
  top: 10%;
  left: 3px;
}
.half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn1.s1 {
  top: 22px;
}
.half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn2 {
  top: 40%;
  right: 3px;
  left: unset;
}
.half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn2.s2 {
  top: 364px !important;
}
.half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn3 {
  bottom: 10%;
  left: 3px;
}
.half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn3.s3 {
  top: 479px !important;
}
.half-sec .card-wrapper .card {
  background-color: white;
  border-radius: 12px;
  padding: 16px 20px;
  border: 1px solid rgb(224, 224, 224);
}
.half-sec.right .read-more-wrapper .image-wrapper {
  float: right;
  margin-left: 40px;
}
.half-sec.left .read-more-wrapper .image-wrapper {
  float: left;
  margin-right: 40px;
}

/* media query */
@media (min-width: 768px) {
  .half-sec .card-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
  }
}
@media (max-width: 992px) {
  .half-sec.right .read-more-wrapper .image-wrapper {
    float: unset;
    margin: 0 auto 20px;
  }
  .half-sec.left .read-more-wrapper .image-wrapper {
    float: unset;
    margin: 0 auto 20px;
  }
}
@media (max-width: 768px) {
  .half-sec .card-wrapper {
    display: grid;
    gap: 18px;
  }
  .half-sec .image-wrapper .custom-buttons .custom-secondary-btn {
    font-size: 16px;
    padding: 12px 18px;
  }
  .half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn1 {
    top: 50px;
  }
  .half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn1.s1 {
    left: -15px;
  }
  .half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn2 {
    top: 290px;
  }
  .half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn2.s2 {
    right: -15px;
  }
  .half-sec .image-wrapper .custom-buttons .custom-secondary-btn.btn3.s3 {
    left: -15px;
  }
}
@media (max-width: 576px) {
  .half-sections .custom-container .sec-wrapper {
    padding: 14px;
  }
}/*# sourceMappingURL=half-sections.css.map */