/* .acf-layout-claim-request-form {
  padding: 50px 0;
} */

.claim-request-varient {
  position: relative;
}

.claim-request-varient-1 {
  background: #ef4129;
  color: #fff;
  padding: 50px 0;
}

.claim-request-varient-1 .text-with-icon {
  background-color: #e0432d;
}

.claim-request-varient-2 {
  background: #ffeeea;
  color: #000;
  padding: 50px 0;
}

.claim-request-varient-2 .text-with-icon {
  background-color: #f7dfd8;
}

.claim-request-varient-2 .text-with-icon .icon svg path {
  fill: #ef4129 !important;
}

.claim-request-varient .row {
  position: relative;
  z-index: 2;
}

.claim-request-varient .absoulte-top-right,
.claim-request-varient .absoulte-top-left {
  position: absolute;
  top: 0;
  width: auto;
  pointer-events: none;
  z-index: 1;
}

.claim-request-varient .absoulte-top-right {
  right: 0;
}

.claim-request-varient .absoulte-top-left {
  left: 0;
}

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

.acf-layout-claim-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-claim-request-form .tab-btn.active {
  background: #ef4129;
  color: #ffffff;
}

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

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

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

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

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

.acf-layout-claim-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;
}

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

.pill-row {
  padding-bottom: 50px;
}

.form-wrapper-tab {
  background: #fff;
  color: #504d50;
  padding: 46px;

  border-radius: 20px;
  height: 100%;
}

/* Input, textarea & select */
.form-wrapper-tab .wpcf7 input:not([type="submit"]),
.form-wrapper-tab .wpcf7 textarea,
.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 */
.cf7-row {
  display: flex;
  gap: 18px;
  margin-bottom: 24px;
}

.cf7-col {
  flex: 1;
}

.cf7-col-full {
  width: 100%;
}

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

/* Inputs */
.cf7-row input,
.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;
}

.cf7-row textarea {
  min-height: 120px;
  padding: 14px 16px;
  resize: vertical;
}

.cf7-row input:focus,
.cf7-row textarea:focus {
  border-color: #ef4129;
}

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

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

.form-wrapper-tab .wpcf7 br {
  display: none;
}

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

.form-wrapper-tab button br {
  display: none;
}

.acf-layout-claim-request-form .row-l {
  margin-top: 60px;
}

.acf-layout-claim-request-form .heading-two {
  font-weight: 700;
  font-size: clamp(1.25rem, 0.8786rem + 1.5238vw, 2.25rem);
  line-height: 120%;
  letter-spacing: 0%;
}

.acf-layout-claim-request-form .conent-block {
  font-weight: 400;
  font-size: clamp(0.875rem, 0.8286rem + 0.1905vw, 1rem);
  line-height: 150%;
  letter-spacing: 0%;
}

@media (min-width: 992px) and (max-width: 1439px) {
  .acf-layout-claim-request-form .heading,
  .acf-layout-claim-request-form .heading-two {
    font-size: 32px;
  }
  .acf-layout-claim-request-form .content {
    font-size: 22px;
  }
  .acf-layout-claim-request-form .tab-btn {
    font-size: 18px;
  }
  .acf-layout-claim-request-form .conent-block {
    font-size: 15px;
  }
}

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

  .claim-request-varient .absoulte-top-right,
  .claim-request-varient .absoulte-top-left {
    display: none;
  }

  .claim-request-varient-1 .text-with-icon,
  .claim-request-varient-2 .text-with-icon {
    margin-left: 5%;
  }

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

@media (max-width: 564px) {
  .acf-layout-claim-request-form .tab-btn {
    padding: 10px;
  }
}