
.dts-turnstile-wrap{
  margin: 28px 0 18px;
  padding: 0 18px;
  box-sizing: border-box;
}

.dts-turnstile-card{
  position: relative;
  overflow: visible;
  border: 1px solid rgba(15, 23, 42, 0.08);
  border-radius: 22px;
  background: #ffffff;
  box-shadow: 0 12px 30px rgba(15, 23, 42, 0.08);
  padding: 20px 22px;
}

.dts-turnstile-card__content{
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(320px, 360px);
  align-items: center;
  gap: 22px;
}

.dts-turnstile-copy{
  display: flex;
  align-items: center;
  gap: 16px;
  min-width: 0;
}

.dts-turnstile-copy::before{
  content: '';
  display: inline-flex;
  width: 54px;
  height: 54px;
  flex: 0 0 54px;
  border-radius: 16px;
  background-color: #eef7f1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' viewBox='0 0 54 54' fill='none'%3E%3Cpath d='M27 8.5C21.7 12.6 15.7 14.7 9.2 14.9C8.9 17 8.8 19.1 8.8 21.3C8.8 35.4 16 44.4 27 48.8C38 44.4 45.2 35.4 45.2 21.3C45.2 19.1 45.1 17 44.8 14.9C38.3 14.7 32.3 12.6 27 8.5Z' stroke='%23288B45' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M20.3 27.5L24.7 31.9L34.1 22.5' stroke='%23288B45' stroke-width='2.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 54px 54px;
}

.dts-turnstile-copy h4{
  margin: 0 0 6px;
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
}

.dts-turnstile-copy p{
  margin: 0;
  color: #334155;
  font-size: 14px;
  line-height: 1.5;
  max-width: 420px;
}

.dts-turnstile-widget-host{
  min-width: 320px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-left: 18px;
  border-left: 1px solid rgba(15, 23, 42, 0.12);
  overflow: visible !important;
}

.dts-turnstile-widget{
  min-height: 66px;
  width: 100%;
  max-width: 320px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  overflow: visible !important;
}

.dts-turnstile-widget iframe{
  display: block !important;
  width: 100% !important;
  max-width: 320px !important;
  visibility: visible !important;
  opacity: 1 !important;
}

.dts-turnstile-legal{
  margin: 12px 22px 0;
  color: #94a3b8;
  font-size: 12px;
  line-height: 1.45;
}

.dts-inline-error{
  margin: 14px 18px 0;
  padding: 13px 15px;
  border-radius: 14px;
  border: 1px solid rgba(220, 38, 38, 0.14);
  background: #fff1f2;
  color: #b91c1c;
  font-size: 14px;
  line-height: 1.45;
}

.et_pb_contact_form .dts-turnstile-wrap + .et_contact_bottom_container,
.et_pb_contact_form .dts-turnstile-wrap + .et_pb_button_module_wrapper{
  margin-top: 12px;
  padding-left: 18px;
  padding-right: 18px;
  box-sizing: border-box;
}

@media (max-width: 980px){
  .dts-turnstile-card__content{
    grid-template-columns: 1fr;
  }

  .dts-turnstile-widget-host{
    min-width: 0;
    justify-content: flex-start;
    padding-left: 0;
    border-left: 0;
    padding-top: 4px;
  }

  .dts-turnstile-widget{
    max-width: 100%;
    justify-content: flex-start;
  }

  .dts-turnstile-widget iframe{
    max-width: 100% !important;
  }
}

@media (max-width: 767px){
  .dts-turnstile-wrap{
    padding: 0 14px;
    margin-top: 22px;
  }

  .dts-turnstile-card{
    padding: 18px;
    border-radius: 18px;
  }

  .dts-turnstile-copy{
    gap: 14px;
    align-items: flex-start;
  }

  .dts-turnstile-copy::before{
    width: 48px;
    height: 48px;
    flex-basis: 48px;
    border-radius: 14px;
    background-size: 48px 48px;
  }

  .dts-turnstile-copy h4{
    font-size: 17px;
  }

  .dts-turnstile-copy p{
    font-size: 13px;
  }

  .dts-turnstile-widget{
    max-width: 100%;
  }

  .dts-turnstile-legal,
  .dts-inline-error,
  .et_pb_contact_form .dts-turnstile-wrap + .et_contact_bottom_container,
  .et_pb_contact_form .dts-turnstile-wrap + .et_pb_button_module_wrapper{
    margin-left: 14px;
    margin-right: 14px;
    padding-left: 0;
    padding-right: 0;
  }
}
