/* CSS for Renewal Request Form */
.acf-layout-renewal-request-form {
  /* Layout-specific padding if needed */
}

.acf-layout-renewal-request-form .renewal-request {
  position: relative;
}

.acf-layout-renewal-request-form .renewal-request-1 {
  background: #ef4129;
  color: #fff;
  padding: 50px 0;
}

.acf-layout-renewal-request-form .renewal-request-1 .text-with-icon {
  background-color: #e0432d;
}

.acf-layout-renewal-request-form .renewal-request-2 {
  background: #ffeeea;
  color: #000;
  padding: 50px 0;
}

.acf-layout-renewal-request-form .renewal-request-2 .text-with-icon {
  background-color: #f7dfd8;
}

.acf-layout-renewal-request-form
  .renewal-request-2
  .text-with-icon
  .icon
  svg
  path {
  fill: #ef4129 !important;
}

.acf-layout-renewal-request-form .renewal-request .row {
  position: relative;
  z-index: 2;
}

.acf-layout-renewal-request-form .renewal-request .absoulte-top-right,
.acf-layout-renewal-request-form .renewal-request .absoulte-top-left {
  position: absolute;
  top: 0;
  width: auto;
  pointer-events: none;
  z-index: 1;
}

.acf-layout-renewal-request-form .renewal-request .absoulte-top-right {
  right: 0;
}

.acf-layout-renewal-request-form .renewal-request .absoulte-top-left {
  left: 0;
}

.acf-layout-renewal-request-form .tab-buttons-pill {
  display: flex;
  background: #ffffff;
  border-radius: 100px;
  padding: 6px;
  gap: 4px;
  width: 100%;
}

.acf-layout-renewal-request-form .tab-btn {
  flex: 1;
  text-align: center;
  background: transparent;
  border: none;
  outline: none;
  padding: 12px 28px;
  font-weight: 700;
  font-size: 20px;
  color: #ef4129;
  border-radius: 100px;
  cursor: pointer;
  white-space: nowrap;
  transition: all 0.3s ease;
}

.acf-layout-renewal-request-form .tab-btn.active {
  background: #ef4129;
  color: #ffffff;
}

.acf-layout-renewal-request-form .tab-panel {
  display: none;
}

.acf-layout-renewal-request-form .tab-panel.active {
  display: block;
}

.acf-layout-renewal-request-form .tab-img-panel {
  display: none;
}

.acf-layout-renewal-request-form .tab-img-panel.active {
  display: block;
}

.acf-layout-renewal-request-form .heading {
  font-weight: 700;
  font-size: clamp(1.5rem, 1.2214rem + 1.1429vw, 2.25rem);
  line-height: 120%;
  letter-spacing: 0%;
  padding-bottom: 30px;
}

.acf-layout-renewal-request-form .content {
  font-weight: 400;
  font-size: clamp(1.25rem, 1.1571rem + 0.381vw, 1.5rem);
  line-height: 120%;
  letter-spacing: 0%;
  padding: 10px 0 30px 0;
  margin: 0;
}

.acf-layout-renewal-request-form .form-img {
  border-radius: 10px;
  height: 566px;
  width: 100%;
  object-fit: cover;
}

.acf-layout-renewal-request-form .pill-row {
  padding-bottom: 50px;
}

.acf-layout-renewal-request-form .form-wrapper-tab {
  background: #fff;
  color: #504d50;
  padding: 46px;
  border-radius: 20px;
  height: 100%;
}

/* Input, textarea & select */
.acf-layout-renewal-request-form
  .form-wrapper-tab
  .wpcf7
  input:not([type="submit"]),
.acf-layout-renewal-request-form .form-wrapper-tab .wpcf7 textarea,
.acf-layout-renewal-request-form .form-wrapper-tab .wpcf7 select {
  width: 100%;
  padding: 15px 10px;
  border: 1px solid #b4bbbf;
  font-weight: 400;
  font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
  line-height: 150%;
  letter-spacing: 0%;
  color: #000;
  border-radius: 5px;
  margin-top: 10px;
}

/* Layout */
.acf-layout-renewal-request-form .cf7-row {
  display: flex;
  gap: 18px;
  margin-bottom: 24px;
}

.acf-layout-renewal-request-form .cf7-col {
  flex: 1;
}

.acf-layout-renewal-request-form .cf7-col-full {
  width: 100%;
}

/* Labels */
.acf-layout-renewal-request-form .cf7-row label {
  display: block;
  width: 100%;
  font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
  font-weight: 500;
  color: #333333;
}

/* Inputs */
.acf-layout-renewal-request-form .cf7-row input,
.acf-layout-renewal-request-form .cf7-row textarea {
  width: 100%;
  height: 52px;
  border: 1px solid #d9dde3;
  border-radius: 6px;
  padding: 0 16px;
  font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
  outline: none;
  transition: 0.3s ease;
  background: #fff;
  margin-top: 8px;
}

.acf-layout-renewal-request-form .cf7-row textarea {
  min-height: 120px;
  padding: 14px 16px;
  resize: vertical;
}

.acf-layout-renewal-request-form .cf7-row input:focus,
.acf-layout-renewal-request-form .cf7-row textarea:focus {
  border-color: #ef4129;
}

/* CF7 wrappers */
.acf-layout-renewal-request-form .wpcf7-form-control-wrap {
  display: block;
}

/* Submit */
.acf-layout-renewal-request-form .form-submit {
  margin-top: 30px;
  display: flex;
  align-items: center;
}

.acf-layout-renewal-request-form .form-wrapper-tab .wpcf7 br {
  display: none;
}

.acf-layout-renewal-request-form .form-wrapper-tab button {
  background-color: transparent;
  border: none;
  border-radius: 100px;
  height: 47px;
}

.acf-layout-renewal-request-form .form-wrapper-tab button br {
  display: none;
}

@media (min-width: 992px) and (max-width: 1439px) {
  .acf-layout-renewal-request-form .heading {
    font-size: 32px;
  }
  .acf-layout-renewal-request-form .tab-btn.active {
    font-size: 18px;
  }
}

@media (max-width: 767px) {
  .acf-layout-renewal-request-form .renewal-request-1,
  .acf-layout-renewal-request-form .renewal-request-2 {
    padding: 0 5%;
    padding-top: 30px;
  }

  .acf-layout-renewal-request-form .renewal-request .absoulte-top-right,
  .acf-layout-renewal-request-form .renewal-request .absoulte-top-left {
    display: none;
  }

  .acf-layout-renewal-request-form .renewal-request-1 .text-with-icon,
  .acf-layout-renewal-request-form .renewal-request-2 .text-with-icon {
    margin-left: 5%;
  }

  .acf-layout-renewal-request-form .tab-buttons-pill {
    flex-wrap: wrap;
    border-radius: 20px;
    padding: 8px;
  }
  .acf-layout-renewal-request-form .tab-btn {
    flex: 1 1 auto;
    padding: 10px 20px;
  }
  .acf-layout-renewal-request-form .acf-layout-tab-section .img-wrapper {
    height: 300px;
  }

  .acf-layout-renewal-request-form .cf7-row {
    flex-direction: column;
  }
  .acf-layout-renewal-request-form .form-wrapper-tab {
    padding: 16px;
  }
  .acf-layout-renewal-request-form .form-img {
    height: 300px;
  }
}