/* Start custom CSS for wpforms, class: .elementor-element-0afb97e *//* =========================================================
   VFORVIEW - ΔΩΡΕΑΝ ΔΟΚΙΜΑΣΤΙΚΟ
   PREMIUM DARK WPFORMS DESIGN
   ========================================================= */


/* =========================================================
   ΒΑΣΙΚΕΣ ΡΥΘΜΙΣΕΙΣ
   ========================================================= */

.vfv-wpforms-test {
  --vfv-question-gap: 20px;
  --vfv-column-gap: 28px;
}


/* =========================================================
   ΚΥΡΙΟ ΠΛΑΙΣΙΟ ΦΟΡΜΑΣ
   ========================================================= */

.vfv-wpforms-test .wpforms-container {

  max-width: 980px;
  margin: 0 auto;

  padding: 46px;

  background:
    radial-gradient(
      circle at top left,
      rgba(215,25,32,0.20),
      transparent 32%
    ),
    linear-gradient(
      135deg,
      #07090c 0%,
      #111827 100%
    );

  border-radius: 28px;

  border:
    1px solid rgba(215,25,32,0.35);

  box-shadow:
    0 35px 90px rgba(0,0,0,0.45);

  position: relative;
  overflow: hidden;
}


/* =========================================================
   VFORVIEW WATERMARK
   ========================================================= */

.vfv-wpforms-test .wpforms-container::after {

  content: "VFORVIEW";

  position: absolute;

  top: 90px;
  left: 20px;

  font-size: 110px;
  font-weight: 900;

  letter-spacing: 4px;

  color:
    rgba(255,255,255,0.035);

  pointer-events: none;

  z-index: 0;
}


.vfv-wpforms-test .wpforms-form {

  position: relative;

  z-index: 1;
}


/* =========================================================
   GRID - 2 ΠΕΔΙΑ ΔΙΠΛΑ ΔΙΠΛΑ
   ========================================================= */

.vfv-wpforms-test .wpforms-field-container {

  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  column-gap:
    var(--vfv-column-gap) !important;

  row-gap:
    var(--vfv-question-gap) !important;
}


/* Καθαρίζουμε τα default margins */

.vfv-wpforms-test .wpforms-field {

  padding: 0 !important;

  margin: 0 !important;

  min-width: 0 !important;
}


/* =========================================================
   ΕΥΘΥΓΡΑΜΜΙΣΗ ΔΙΠΛΑΝΩΝ ΠΕΔΙΩΝ
   ========================================================= */

/*
   Αυτό διορθώνει το πρόβλημα όταν:
   η μία ερώτηση είναι 1 γραμμή
   και η άλλη είναι 2 γραμμές.

   Όλα τα inputs ξεκινούν στο ίδιο ύψος.
*/

.vfv-wpforms-test
.wpforms-field:not(.wpforms-field-divider):not(.wpforms-field-html):not(.wpforms-field-pagebreak) {

  display: flex !important;

  flex-direction: column !important;
}


.vfv-wpforms-test
.wpforms-field:not(.wpforms-field-divider):not(.wpforms-field-html):not(.wpforms-field-pagebreak)
> .wpforms-field-label {

  min-height: 48px !important;

  display: flex !important;

  align-items: flex-end !important;

  margin-bottom: 8px !important;
}


/* =========================================================
   ΠΕΔΙΑ ΠΟΥ ΠΙΑΝΟΥΝ ΟΛΟ ΤΟ ΠΛΑΤΟΣ
   ========================================================= */

.vfv-wpforms-test .wpforms-field-radio,
.vfv-wpforms-test .wpforms-field-checkbox,
.vfv-wpforms-test .wpforms-field-textarea,
.vfv-wpforms-test .wpforms-field-address,
.vfv-wpforms-test .wpforms-field-html,
.vfv-wpforms-test .wpforms-field-divider,
.vfv-wpforms-test .wpforms-field-pagebreak,
.vfv-wpforms-test .wpforms-submit-container {

  grid-column:
    1 / -1 !important;
}


/* =========================================================
   ΤΙΤΛΟΙ
   ========================================================= */

.vfv-wpforms-test .wpforms-title,
.vfv-wpforms-test h2 {

  color:
    #ffffff !important;

  font-weight:
    900 !important;

  letter-spacing:
    -0.4px !important;
}


/* =========================================================
   ΓΚΡΙ SECTION BARS
   ========================================================= */

.vfv-wpforms-test .wpforms-field-divider,
.vfv-wpforms-test .wpforms-field-html {

  grid-column:
    1 / -1 !important;
}


.vfv-wpforms-test .wpforms-field-divider {

  margin-top:
    16px !important;

  margin-bottom:
    10px !important;
}


.vfv-wpforms-test .wpforms-field-divider h3,
.vfv-wpforms-test .wpforms-field-divider .wpforms-field-label,
.vfv-wpforms-test .wpforms-field-html h3 {

  display:
    block !important;

  position:
    relative !important;

  width:
    100% !important;

  min-height:
    0 !important;

  margin:
    0 !important;

  padding:
    17px 55px 17px 60px !important;

  color:
    #111827 !important;

  font-size:
    20px !important;

  font-weight:
    900 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    -0.3px !important;

  background:
    linear-gradient(
      135deg,
      #e6e8ec 0%,
      #d8dbe1 55%,
      #c9cdd5 100%
    ) !important;

  border:
    1px solid rgba(255,255,255,0.55) !important;

  border-radius:
    15px !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,0.26),
    inset 0 1px 0 rgba(255,255,255,0.65) !important;
}


/* =========================================================
   ΚΟΚΚΙΝΟ ΤΕΤΡΑΓΩΝΟ ΑΡΙΣΤΕΡΑ
   ========================================================= */

.vfv-wpforms-test .wpforms-field-divider h3::before,
.vfv-wpforms-test .wpforms-field-divider .wpforms-field-label::before,
.vfv-wpforms-test .wpforms-field-html h3::before {

  content:
    "" !important;

  position:
    absolute !important;

  left:
    20px !important;

  top:
    50% !important;

  transform:
    translateY(-50%) !important;

  width:
    21px !important;

  height:
    21px !important;

  border-radius:
    6px !important;

  background:
    linear-gradient(
      135deg,
      #ff303a 0%,
      #d71920 100%
    ) !important;

  box-shadow:
    0 0 0 5px rgba(215,25,32,0.10),
    0 6px 15px rgba(215,25,32,0.28) !important;
}


/* =========================================================
   ΚΟΚΚΙΝΗ ΓΡΑΜΜΗ ΔΕΞΙΑ
   ========================================================= */

.vfv-wpforms-test .wpforms-field-divider h3::after,
.vfv-wpforms-test .wpforms-field-divider .wpforms-field-label::after,
.vfv-wpforms-test .wpforms-field-html h3::after {

  content:
    "" !important;

  position:
    absolute !important;

  right:
    18px !important;

  top:
    50% !important;

  transform:
    translateY(-50%) !important;

  width:
    38px !important;

  height:
    3px !important;

  border-radius:
    99px !important;

  background:
    #d71920 !important;

  opacity:
    0.85 !important;
}


/* =========================================================
   HTML / ΠΕΡΙΓΡΑΦΕΣ
   ========================================================= */

.vfv-wpforms-test .wpforms-field-html p {

  color:
    rgba(255,255,255,0.72) !important;

  margin:
    0 0 10px 0 !important;

  line-height:
    1.5 !important;
}


/* =========================================================
   LABELS
   ========================================================= */

.vfv-wpforms-test .wpforms-field-label {

  color:
    #ffffff !important;

  font-size:
    15px !important;

  font-weight:
    800 !important;

  line-height:
    1.35 !important;
}


/* Υποχρεωτικό αστεράκι */

.vfv-wpforms-test .wpforms-required-label {

  color:
    #ff2b35 !important;

  font-weight:
    900 !important;
}


/* =========================================================
   ΜΙΚΡΕΣ ΠΕΡΙΓΡΑΦΕΣ ΠΕΔΙΩΝ
   ========================================================= */

.vfv-wpforms-test .wpforms-field-description {

  color:
    rgba(255,255,255,0.62) !important;

  font-size:
    13px !important;

  line-height:
    1.45 !important;

  margin-top:
    6px !important;
}


/* =========================================================
   INPUTS / SELECT / TEXTAREA
   ========================================================= */

.vfv-wpforms-test input[type="text"],
.vfv-wpforms-test input[type="email"],
.vfv-wpforms-test input[type="tel"],
.vfv-wpforms-test input[type="number"],
.vfv-wpforms-test input[type="url"],
.vfv-wpforms-test select,
.vfv-wpforms-test textarea {

  width:
    100% !important;

  max-width:
    100% !important;

  min-height:
    54px !important;

  padding:
    12px 14px !important;

  background:
    rgba(255,255,255,0.055) !important;

  border:
    1px solid rgba(255,255,255,0.16) !important;

  border-radius:
    14px !important;

  color:
    #ffffff !important;

  font-size:
    16px !important;

  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.025),
    0 8px 20px rgba(0,0,0,0.10) !important;

  transition:
    all 0.25s ease !important;

  box-sizing:
    border-box !important;
}


/* =========================================================
   PLACEHOLDER
   ========================================================= */

.vfv-wpforms-test input::placeholder,
.vfv-wpforms-test textarea::placeholder {

  color:
    rgba(255,255,255,0.45) !important;
}


/* =========================================================
   INPUT FOCUS
   ========================================================= */

.vfv-wpforms-test input[type="text"]:focus,
.vfv-wpforms-test input[type="email"]:focus,
.vfv-wpforms-test input[type="tel"]:focus,
.vfv-wpforms-test input[type="number"]:focus,
.vfv-wpforms-test input[type="url"]:focus,
.vfv-wpforms-test select:focus,
.vfv-wpforms-test textarea:focus {

  background:
    rgba(255,255,255,0.075) !important;

  border-color:
    rgba(255,43,53,0.75) !important;

  box-shadow:
    0 0 0 3px rgba(215,25,32,0.08),
    0 10px 28px rgba(0,0,0,0.16) !important;

  outline:
    none !important;
}


/* =========================================================
   SELECT OPTIONS
   ========================================================= */

.vfv-wpforms-test select option {

  background:
    #111827 !important;

  color:
    #ffffff !important;
}


/* =========================================================
   MEDIUM ΠΕΔΙΑ = 100%
   ========================================================= */

.vfv-wpforms-test .wpforms-field input.wpforms-field-medium,
.vfv-wpforms-test .wpforms-field select.wpforms-field-medium,
.vfv-wpforms-test .wpforms-field textarea.wpforms-field-medium,
.vfv-wpforms-test .wpforms-field-row.wpforms-field-medium {

  max-width:
    100% !important;

  width:
    100% !important;
}


/* =========================================================
   ADDRESS FIELD
   ========================================================= */

.vfv-wpforms-test .wpforms-field-address .wpforms-field-row {

  max-width:
    100% !important;

  width:
    100% !important;
}


.vfv-wpforms-test .wpforms-field-address
.wpforms-field-row-block {

  margin-bottom:
    10px !important;
}


.vfv-wpforms-test .wpforms-field-address
.wpforms-field-sublabel {

  color:
    rgba(255,255,255,0.60) !important;
}


/* =========================================================
   RADIO / CHECKBOX
   ========================================================= */

.vfv-wpforms-test .wpforms-field-radio ul,
.vfv-wpforms-test .wpforms-field-checkbox ul {

  display:
    grid !important;

  grid-template-columns:
    repeat(2, minmax(0,1fr)) !important;

  gap:
    5px 22px !important;

  padding:
    0 !important;

  margin:
    0 !important;
}


.vfv-wpforms-test .wpforms-field-radio li,
.vfv-wpforms-test .wpforms-field-checkbox li {

  list-style:
    none !important;

  padding:
    7px 8px !important;

  margin:
    0 !important;

  min-height:
    0 !important;

  line-height:
    1.2 !important;

  border-radius:
    10px !important;

  background:
    transparent !important;

  border:
    1px solid transparent !important;

  box-shadow:
    none !important;

  transition:
    all 0.25s ease !important;
}


/* Hover */

.vfv-wpforms-test .wpforms-field-radio li:hover,
.vfv-wpforms-test .wpforms-field-checkbox li:hover {

  border-color:
    rgba(255,31,42,0.45) !important;

  background:
    rgba(215,25,32,0.10) !important;
}


/* Radio / checkbox labels */

.vfv-wpforms-test .wpforms-field-radio li label,
.vfv-wpforms-test .wpforms-field-checkbox li label {

  color:
    #ffffff !important;

  font-size:
    15px !important;

  font-weight:
    700 !important;

  line-height:
    1.25 !important;

  opacity:
    1 !important;

  cursor:
    pointer !important;
}


/* Radio / checkbox inputs */

.vfv-wpforms-test .wpforms-field-radio input,
.vfv-wpforms-test .wpforms-field-checkbox input {

  width:
    auto !important;

  min-height:
    auto !important;

  padding:
    0 !important;

  margin:
    0 8px 0 0 !important;

  accent-color:
    #d71920 !important;
}


/* =========================================================
   PAGE BREAK / MULTI STEP
   ========================================================= */

.vfv-wpforms-test .wpforms-page-indicator {

  grid-column:
    1 / -1 !important;

  margin:
    5px 0 28px 0 !important;
}


/* =========================================================
   ΑΡΙΘΜΟΙ ΒΗΜΑΤΩΝ
   ========================================================= */

.vfv-wpforms-test .wpforms-page-indicator-page-number {

  display:
    inline-flex !important;

  align-items:
    center !important;

  justify-content:
    center !important;

  width:
    44px !important;

  height:
    44px !important;

  border-radius:
    12px !important;

  background:
    rgba(255,255,255,0.055) !important;

  border:
    1px solid rgba(255,255,255,0.18) !important;

  color:
    rgba(255,255,255,0.65) !important;

  font-weight:
    900 !important;
}


/* Ενεργό βήμα */

.vfv-wpforms-test
.wpforms-page-indicator-page.active
.wpforms-page-indicator-page-number {

  background:
    linear-gradient(
      135deg,
      #ff303a 0%,
      #d71920 100%
    ) !important;

  border-color:
    #ff303a !important;

  color:
    #ffffff !important;

  box-shadow:
    0 0 0 5px rgba(215,25,32,0.10),
    0 8px 20px rgba(215,25,32,0.30) !important;
}


/* =========================================================
   NEXT / PREVIOUS
   ========================================================= */

.vfv-wpforms-test .wpforms-page-next,
.vfv-wpforms-test .wpforms-page-prev {

  min-height:
    56px !important;

  padding:
    0 28px !important;

  border-radius:
    16px !important;

  font-size:
    15px !important;

  font-weight:
    900 !important;

  cursor:
    pointer !important;

  transition:
    all 0.25s ease !important;
}


/* NEXT */

.vfv-wpforms-test .wpforms-page-next {

  background:
    linear-gradient(
      135deg,
      #ff1f2a 0%,
      #d71920 50%,
      #9d0d13 100%
    ) !important;

  color:
    #ffffff !important;

  border:
    1px solid rgba(255,255,255,0.18) !important;

  box-shadow:
    0 16px 35px rgba(215,25,32,0.32) !important;
}


/* PREVIOUS */

.vfv-wpforms-test .wpforms-page-prev {

  background:
    rgba(255,255,255,0.07) !important;

  color:
    #ffffff !important;

  border:
    1px solid rgba(255,255,255,0.16) !important;
}


.vfv-wpforms-test .wpforms-page-next:hover,
.vfv-wpforms-test .wpforms-page-prev:hover {

  transform:
    translateY(-2px);
}


/* =========================================================
   SUBMIT BUTTON
   ========================================================= */

.vfv-wpforms-test .wpforms-submit {

  width:
    100% !important;

  min-height:
    64px !important;

  margin-top:
    10px !important;

  background:
    linear-gradient(
      135deg,
      #ff1f2a 0%,
      #d71920 45%,
      #8f0d12 100%
    ) !important;

  color:
    #ffffff !important;

  border:
    1px solid rgba(255,255,255,0.18) !important;

  border-radius:
    20px !important;

  font-size:
    18px !important;

  font-weight:
    900 !important;

  letter-spacing:
    0.3px !important;

  cursor:
    pointer !important;

  box-shadow:
    0 20px 45px rgba(215,25,32,0.42) !important;

  transition:
    all 0.25s ease !important;
}


/* Submit hover */

.vfv-wpforms-test .wpforms-submit:hover {

  transform:
    translateY(-2px);

  box-shadow:
    0 28px 60px rgba(215,25,32,0.55) !important;

  background:
    linear-gradient(
      135deg,
      #ff3540 0%,
      #e41d27 45%,
      #a90f16 100%
    ) !important;
}


/* =========================================================
   ERRORS
   ========================================================= */

.vfv-wpforms-test label.wpforms-error {

  color:
    #ff4a52 !important;

  font-size:
    13px !important;

  font-weight:
    700 !important;

  margin-top:
    6px !important;
}


/* =========================================================
   CONFIRMATION
   ========================================================= */

.vfv-wpforms-test
.wpforms-confirmation-container-full {

  background:
    rgba(215,25,32,0.14) !important;

  border:
    1px solid rgba(215,25,32,0.35) !important;

  color:
    #ffffff !important;

  border-radius:
    18px !important;

  padding:
    25px !important;
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 767px) {


  /* MAIN CONTAINER */

  .vfv-wpforms-test .wpforms-container {

    padding:
      28px 20px !important;

    border-radius:
      22px !important;
  }


  /* WATERMARK */

  .vfv-wpforms-test .wpforms-container::after {

    font-size:
      58px;

    top:
      80px;

    left:
      10px;
  }


  /* 1 COLUMN */

  .vfv-wpforms-test .wpforms-field-container {

    grid-template-columns:
      1fr !important;

    row-gap:
      17px !important;
  }


  /* ΣΤΟ ΚΙΝΗΤΟ ΔΕΝ ΧΡΕΙΑΖΕΤΑΙ ΙΔΙΟ ΥΨΟΣ LABEL */

  .vfv-wpforms-test
  .wpforms-field:not(.wpforms-field-divider):not(.wpforms-field-html):not(.wpforms-field-pagebreak)
  > .wpforms-field-label {

    min-height:
      0 !important;

    display:
      block !important;

    margin-bottom:
      8px !important;
  }


  /* SECTION BARS */

  .vfv-wpforms-test .wpforms-field-html h3,
  .vfv-wpforms-test .wpforms-field-divider h3,
  .vfv-wpforms-test .wpforms-field-divider .wpforms-field-label {

    font-size:
      18px !important;

    padding:
      14px 46px 14px 50px !important;

    border-radius:
      13px !important;
  }


  /* RED SQUARE */

  .vfv-wpforms-test .wpforms-field-divider h3::before,
  .vfv-wpforms-test .wpforms-field-divider .wpforms-field-label::before,
  .vfv-wpforms-test .wpforms-field-html h3::before {

    left:
      16px !important;

    width:
      18px !important;

    height:
      18px !important;

    border-radius:
      5px !important;
  }


  /* RED LINE */

  .vfv-wpforms-test .wpforms-field-divider h3::after,
  .vfv-wpforms-test .wpforms-field-divider .wpforms-field-label::after,
  .vfv-wpforms-test .wpforms-field-html h3::after {

    right:
      14px !important;

    width:
      25px !important;
  }


  /* INPUTS */

  .vfv-wpforms-test input[type="text"],
  .vfv-wpforms-test input[type="email"],
  .vfv-wpforms-test input[type="tel"],
  .vfv-wpforms-test input[type="number"],
  .vfv-wpforms-test input[type="url"],
  .vfv-wpforms-test select,
  .vfv-wpforms-test textarea {

    min-height:
      52px !important;

    font-size:
      16px !important;

    border-radius:
      13px !important;

    padding:
      11px 13px !important;
  }


  /* RADIO / CHECKBOX */

  .vfv-wpforms-test .wpforms-field-radio ul,
  .vfv-wpforms-test .wpforms-field-checkbox ul {

    grid-template-columns:
      1fr !important;

    gap:
      3px !important;
  }


  /* STEP CIRCLES */

  .vfv-wpforms-test
  .wpforms-page-indicator-page-number {

    width:
      38px !important;

    height:
      38px !important;

    border-radius:
      10px !important;
  }


  /* NEXT / PREVIOUS */

  .vfv-wpforms-test .wpforms-page-next,
  .vfv-wpforms-test .wpforms-page-prev {

    min-height:
      52px !important;

    padding:
      0 20px !important;

    font-size:
      14px !important;

    border-radius:
      14px !important;
  }


  /* SUBMIT */

  .vfv-wpforms-test .wpforms-submit {

    min-height:
      58px !important;

    font-size:
      16px !important;

    border-radius:
      17px !important;
  }

}/* End custom CSS */