/* Start custom CSS for wpforms, class: .elementor-element-88f3623 *//* =========================================================
   VforView Dark Premium WPForms Design
   Grey Premium Section Bars
   ========================================================= */


/* =========================================================
   ΡΥΘΜΙΣΤΙΚΑ
   ========================================================= */

.vfv-wpforms-offer {
  --vfv-question-gap: 18px;
  --vfv-option-row-gap: 0px;
  --vfv-option-column-gap: 24px;
  --vfv-option-padding-y: 2px;
  --vfv-option-padding-x: 6px;
}


/* =========================================================
   MAIN CONTAINER
   ========================================================= */

.vfv-wpforms-offer .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;
}


/* Background VFORVIEW */

.vfv-wpforms-offer .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-offer .wpforms-form {
  position: relative;
  z-index: 1;
}


/* =========================================================
   FORM GRID
   ========================================================= */

.vfv-wpforms-offer .wpforms-field-container {
  display: grid !important;

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

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


/* Remove default spacing */

.vfv-wpforms-offer .wpforms-field {
  padding: 0 !important;
  margin: 0 !important;
}


/* Full width fields */

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

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


/* =========================================================
   GENERAL TITLES
   ========================================================= */

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

  color:
    #ffffff !important;

  font-weight:
    900 !important;

  letter-spacing:
    -0.4px;
}


/* =========================================================
   GREY PREMIUM SECTION BARS
   ========================================================= */

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

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


.vfv-wpforms-offer .wpforms-field-divider {

  margin-top:
    16px !important;

  margin-bottom:
    10px !important;
}


/*
   Βασικές Πληροφορίες
   Στοιχεία Επιχείρησης
   Στοιχεία Επικοινωνίας
*/

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

  display:
    block !important;

  position:
    relative !important;

  width:
    100% !important;

  margin:
    0 !important;

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


  /* DARK TEXT */

  color:
    #111827 !important;


  font-size:
    20px !important;

  font-weight:
    900 !important;

  line-height:
    1.2 !important;

  letter-spacing:
    -0.3px !important;


  /* PREMIUM GREY BACKGROUND */

  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;
}


/* =========================================================
   RED ACCENT INSIDE GREY BAR
   ========================================================= */

.vfv-wpforms-offer .wpforms-field-divider h3::before,
.vfv-wpforms-offer .wpforms-field-divider .wpforms-field-label::before,
.vfv-wpforms-offer .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;
}


/* Small red accent line */

.vfv-wpforms-offer .wpforms-field-divider h3::after,
.vfv-wpforms-offer .wpforms-field-divider .wpforms-field-label::after,
.vfv-wpforms-offer .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;
}


/* =========================================================
   INTRO PARAGRAPH
   ========================================================= */

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

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

  margin:
    0 0 10px 0 !important;

  line-height:
    1.45 !important;
}


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

.vfv-wpforms-offer .wpforms-field-label {

  color:
    #ffffff !important;

  font-size:
    15px !important;

  font-weight:
    800 !important;

  margin-bottom:
    8px !important;
}


/* Required star */

.vfv-wpforms-offer .wpforms-required-label {

  color:
    #ff2b35 !important;

  font-weight:
    900 !important;
}


/* Descriptions */

.vfv-wpforms-offer .wpforms-field-description {

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

  font-size:
    13px !important;

  line-height:
    1.35 !important;

  margin-top:
    5px !important;
}


/* =========================================================
   PREMIUM BOXED INPUTS
   ========================================================= */

.vfv-wpforms-offer input[type="text"],
.vfv-wpforms-offer input[type="email"],
.vfv-wpforms-offer input[type="tel"],
.vfv-wpforms-offer input[type="number"],
.vfv-wpforms-offer select,
.vfv-wpforms-offer 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;
}


/* Placeholder */

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

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


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

.vfv-wpforms-offer input[type="text"]:focus,
.vfv-wpforms-offer input[type="email"]:focus,
.vfv-wpforms-offer input[type="tel"]:focus,
.vfv-wpforms-offer input[type="number"]:focus,
.vfv-wpforms-offer select:focus,
.vfv-wpforms-offer 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-offer select option {

  background:
    #111827 !important;

  color:
    #ffffff !important;
}


/* Full width medium fields */

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

  max-width:
    100% !important;

  width:
    100% !important;
}


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

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

  display:
    grid !important;


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


  row-gap:
    var(--vfv-option-row-gap) !important;


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


  padding:
    0 !important;

  margin:
    0 !important;
}


/* Radio / checkbox items */

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

  list-style:
    none !important;


  padding:
    var(--vfv-option-padding-y)
    var(--vfv-option-padding-x) !important;


  margin:
    0 !important;


  min-height:
    0 !important;


  line-height:
    1.15 !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-offer .wpforms-field-radio li:hover,
.vfv-wpforms-offer .wpforms-field-checkbox li:hover {

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


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


/* Labels */

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

  color:
    #ffffff !important;


  font-size:
    15px !important;


  font-weight:
    700 !important;


  line-height:
    1.15 !important;


  opacity:
    1 !important;


  cursor:
    pointer !important;
}


/* Inputs */

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

  width:
    auto !important;


  min-height:
    auto !important;


  padding:
    0 !important;


  margin:
    0 8px 0 0 !important;


  accent-color:
    #d71920 !important;
}


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

.vfv-wpforms-offer .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-offer .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-offer label.wpforms-error {

  color:
    #ff4a52 !important;


  font-size:
    13px !important;


  font-weight:
    700 !important;


  margin-top:
    6px !important;
}


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

.vfv-wpforms-offer .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;
}


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

@media (max-width: 767px) {

  .vfv-wpforms-offer {

    --vfv-question-gap:
      16px;

    --vfv-option-row-gap:
      0px;

    --vfv-option-column-gap:
      0px;

    --vfv-option-padding-y:
      2px;

    --vfv-option-padding-x:
      4px;
  }


  .vfv-wpforms-offer .wpforms-container {

    padding:
      28px 20px !important;


    border-radius:
      22px !important;
  }


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

    font-size:
      58px;


    top:
      80px;


    left:
      10px;
  }


  .vfv-wpforms-offer .wpforms-field-container {

    grid-template-columns:
      1fr !important;
  }


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

    grid-template-columns:
      1fr !important;
  }


  /* GREY SECTION BARS MOBILE */

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

    font-size:
      18px !important;


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


    border-radius:
      13px !important;
  }


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

    left:
      16px !important;


    width:
      18px !important;


    height:
      18px !important;


    border-radius:
      5px !important;
  }


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

    right:
      14px !important;


    width:
      25px !important;
  }


  /* INPUTS MOBILE */

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

    min-height:
      52px !important;


    font-size:
      16px !important;


    border-radius:
      13px !important;


    padding:
      11px 13px !important;
  }


  /* BUTTON MOBILE */

  .vfv-wpforms-offer .wpforms-submit {

    min-height:
      58px !important;


    font-size:
      16px !important;


    border-radius:
      17px !important;
  }
}/* End custom CSS */