.elementor-25985 .elementor-element.elementor-element-6cb45fd{margin-top:37px;margin-bottom:37px;}.elementor-25985 .elementor-element.elementor-element-64b72cb{--spacer-size:3.6em;}.elementor-25985 .elementor-element.elementor-element-f7e93eb{column-gap:3px;font-family:"Inter", Sans-serif;font-size:40px;}.elementor-25985 .elementor-element.elementor-element-4cbcce5{width:var( --container-widget-width, 94.735% );max-width:94.735%;--container-widget-width:94.735%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:16px;color:#FFFFFF;}.elementor-25985 .elementor-element.elementor-element-4cbcce5 > .elementor-widget-container{padding:0% 0% 0% 0%;}.elementor-25985 .elementor-element.elementor-element-36d4516{width:var( --container-widget-width, 100.909% );max-width:100.909%;--container-widget-width:100.909%;--container-widget-flex-grow:0;}.elementor-25985 .elementor-element.elementor-element-36d4516 > .elementor-widget-container{margin:0px 0px 0px -16px;}.elementor-25985 .elementor-element.elementor-element-4e3d74d .elementor-button{background-color:#00E5FF;font-family:"Inter", Sans-serif;fill:#000000;color:#000000;border-style:solid;}.elementor-25985 .elementor-element.elementor-element-4e3d74d{width:var( --container-widget-width, 37.449% );max-width:37.449%;--container-widget-width:37.449%;--container-widget-flex-grow:0;}.elementor-25985 .elementor-element.elementor-element-4e3d74d > .elementor-widget-container{margin:4px 5px 4px 0px;}.elementor-25985 .elementor-element.elementor-element-9d0dd5b .elementor-button{background-color:#02010100;font-family:"Inter", Sans-serif;font-weight:700;font-style:normal;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:1px 1px 1px 1px;border-color:#00E5FF;}.elementor-25985 .elementor-element.elementor-element-9d0dd5b{width:var( --container-widget-width, 50.545% );max-width:50.545%;--container-widget-width:50.545%;--container-widget-flex-grow:0;}.elementor-25985 .elementor-element.elementor-element-9d0dd5b > .elementor-widget-container{margin:4px 5px 4px 0px;}.elementor-25985 .elementor-element.elementor-element-c01a987{width:var( --container-widget-width, 75.271% );max-width:75.271%;--container-widget-width:75.271%;--container-widget-flex-grow:0;}.elementor-25985 .elementor-element.elementor-element-c01a987 > .elementor-widget-container{margin:-140px -169px -137px 4px;}.elementor-25985 .elementor-element.elementor-element-3ff9ffe{--spacer-size:50px;}/* Start custom CSS for html, class: .elementor-element-0725b08 */.survey-number-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;

  padding: 8px 20px;
  min-height: 38px;

  background: rgba(20, 70, 190, 0.35);
  border: 2px solid rgba(0, 220, 255, 0.55);
  border-radius: 999px;

  color: #14e6ff;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 4px;
  line-height: 1;
}

.survey-dot {
  width: 8px;
  height: 8px;
  background: #14e6ff;
  border-radius: 50%;
  display: inline-block;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-36d4516 */.survey-pills {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  flex-wrap: wrap;
  width: 100%;
  padding: 12px 8px;
  background: transparent;
}

.survey-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;

  padding: 5px 11px;
  min-height: 26px;

  background: rgba(55, 70, 200, 0.45);
  border: 1.5px solid rgba(150, 160, 255, 0.35);
  border-radius: 999px;

  color: #dce2ff;
  font-size: 12px;
  font-weight: 400;
  line-height: 1;
  white-space: nowrap;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c01a987 */.survey-page-static {
  min-height: 100vh;
  background: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  font-family: Arial, Helvetica, sans-serif;
}

.survey-card-static {
  width: 438px;
  max-width: 100%;
  background: #5d6376;
  border-radius: 26px;
  overflow: hidden;
  border: 1px solid rgba(22, 225, 241, 0.35);
}

/* Top section */
.survey-card-header {
  height: 65px;
  background: #607887;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Small 30 sec pill */
.survey-time-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;

  padding: 6px 14px;
  border-radius: 999px;

  border: 1.5px solid rgba(20, 230, 255, 0.45);
  color: #14e6ff;
  background: rgba(20, 70, 190, 0.18);

  font-size: 14px;
  font-weight: 800;
  line-height: 1;
}

.survey-time-dot {
  width: 6px;
  height: 6px;
  background: #14e6ff;
  border-radius: 50%;
  display: inline-block;
}

/* Main card content */
.survey-card-body {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 28px 28px 0;
}

/* Clipboard circle */
.survey-icon-circle {
  width: 70px;
  height: 70px;
  background: #4654c6;
  border-radius: 50%;

  display: flex;
  align-items: center;
  justify-content: center;

  font-size: 30px;
  margin-bottom: 16px;
}

/* Title */
.survey-card-title {
  color: #ffffff !important;
  font-size: 23px !important;
  font-weight: 700;
  text-align: center;
  margin: 0 0 38px;
}

/* QR code box */
.survey-qr-box {
  background: #ffffff;
  border-radius: 14px;
  padding: 14px;
  box-shadow: 0 8px 14px rgba(0, 0, 0, 0.35);
  margin-bottom: 48px;
}

.survey-qr-box img {
  width: 255px;
  max-width: 100%;
  display: block;
}

/* Divider */
.survey-card-divider {
  width: 125%;
  height: 1px;
  background: rgba(255, 255, 255, 0.12);
}

/* Button area */
.survey-button-wrap {
  padding: 18px 28px;
}

/* Start button */
.survey-start-button {
  display: block;
  width: 100%;

  background: #18dff1;
  color: #000000;

  text-align: center;
  text-decoration: none !important;

  font-size: 17px;
  font-weight: 800;
  letter-spacing: 0.5px;

  padding: 11px 20px;
  border-radius: 999px;

  transition: 0.2s ease;
}

.survey-start-button:hover {
  background: #00cfe5;
  color: #000000;
  transform: translateY(-1px);
}

/* Mobile */
@media (max-width: 480px) {
  .survey-page-static {
    padding: 16px;
  }

  .survey-card-static {
    width: 100%;
    border-radius: 24px;
  }

  .survey-card-header {
    height: 60px;
  }

  .survey-card-body {
    padding: 24px 22px 0;
  }

  .survey-icon-circle {
    width: 76px;
    height: 76px;
    font-size: 28px;
    margin-bottom: 14px;
  }

  .survey-card-title {
    color: #ffffff !important;
    font-size: 17px;
    margin-bottom: 30px;
  }

  .survey-qr-box {
    padding: 12px;
    margin-bottom: 36px;
  }

  .survey-qr-box img {
    width: 235px;
  }

  .survey-button-wrap {
    padding: 16px 24px;
  }

  .survey-start-button {
    font-size: 16px;
    padding: 14px 18px;
  }
}/* End custom CSS */