.elementor-552 .elementor-element.elementor-element-cdd27ad{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.2);}.elementor-552 .elementor-element.elementor-element-cdd27ad:not(.elementor-motion-effects-element-type-background), .elementor-552 .elementor-element.elementor-element-cdd27ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-552 .elementor-element.elementor-element-10604da{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;box-shadow:0px 5px 10px 0px rgba(0, 0, 0, 0.2);}.elementor-552 .elementor-element.elementor-element-10604da:not(.elementor-motion-effects-element-type-background), .elementor-552 .elementor-element.elementor-element-10604da > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-552 .elementor-element.elementor-element-3c7407a{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;text-align:center;font-family:"Roboto Condensed", Sans-serif;font-size:18px;font-weight:400;line-height:1.4em;letter-spacing:1.8px;color:#353535;}.elementor-552 .elementor-element.elementor-element-4b3d439e{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:20px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;}.elementor-552 .elementor-element.elementor-element-2fb490bc{--display:flex;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 0.29);--padding-top:30px;--padding-bottom:30px;--padding-left:200px;--padding-right:200px;}.elementor-552 .elementor-element.elementor-element-2fb490bc:not(.elementor-motion-effects-element-type-background), .elementor-552 .elementor-element.elementor-element-2fb490bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group{padding-right:calc( 0px/2 );padding-left:calc( 0px/2 );margin-bottom:50px;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-form-fields-wrapper{margin-left:calc( -0px/2 );margin-right:calc( -0px/2 );margin-bottom:-50px;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-552 .elementor-element.elementor-element-2334d930 .elementor-labels-inline .elementor-field-group > label{padding-left:25px;}body:not(.rtl) .elementor-552 .elementor-element.elementor-element-2334d930 .elementor-labels-inline .elementor-field-group > label{padding-right:25px;}body .elementor-552 .elementor-element.elementor-element-2334d930 .elementor-labels-above .elementor-field-group > label{padding-bottom:25px;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group > label, .elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-subgroup label{color:#363636;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group > label{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:700;line-height:1.6em;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-type-html{padding-bottom:0px;color:#363636;font-family:"Roboto Condensed", Sans-serif;font-size:22px;font-weight:400;line-height:1.4em;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group .elementor-field{color:#363636;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group .elementor-field, .elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-subgroup label{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;line-height:1.6em;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .e-form__buttons__wrapper__button-next{background-color:#007C85;color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-button[type="submit"]{background-color:#007C85;color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .e-form__buttons__wrapper__button-previous{background-color:#B6DADC;color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-button{padding:6px 20px 6px 20px;}.elementor-552 .elementor-element.elementor-element-2334d930{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-552 .elementor-element.elementor-element-1db42d78{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}body.elementor-page-552:not(.elementor-motion-effects-element-type-background), body.elementor-page-552 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #C6DEFF 0%, #FFFFFF 100%);}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-552 .elementor-element.elementor-element-2fb490bc{--border-radius:10px 10px 10px 10px;}}@media(max-width:767px){.elementor-552 .elementor-element.elementor-element-3c7407a{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 10px) 0px;font-size:16px;line-height:1.4em;letter-spacing:0px;}.elementor-552 .elementor-element.elementor-element-4b3d439e{--margin-top:0px;--margin-bottom:30px;--margin-left:0px;--margin-right:0px;}.elementor-552 .elementor-element.elementor-element-2fb490bc{--border-radius:10px 10px 10px 10px;--padding-top:8px;--padding-bottom:30px;--padding-left:10px;--padding-right:10px;}.elementor-552 .elementor-element.elementor-element-2334d930.elementor-element{--align-self:flex-start;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group > label{font-size:16px;line-height:1.4em;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-type-html{font-size:16px;line-height:1.4em;}.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group .elementor-field, .elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-subgroup label{font-size:16px;line-height:1.4em;}}@media(min-width:768px){.elementor-552 .elementor-element.elementor-element-2fb490bc{--width:100%;}}/* Start custom CSS for form, class: .elementor-element-2334d930 *//* ===== Mindent KÖZÉPRE – kártyás rádió/checkbox ===== */

/* Teljes űrlap és gombok középre */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-form{ text-align:center; }
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-form .e-form__buttons{ text-align:center; }

/* Kérdéscímek (HTML blokkok + mezőcímkék) középre */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group.elementor-field-type-html,
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-form .elementor-field-label{
  text-align:center;
  width:100%;
}

/* Rádió/checkbox csoport – középre rendezett oszlop */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group.elementor-field-type-checkbox .elementor-field-subgroup,
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-group.elementor-field-type-radio .elementor-field-subgroup{
  display:flex;
  flex-direction:column;   /* függőleges lista */
  align-items:center;      /* vízszintesen középre */
  gap:15px;                /* nem margin/padding */
  max-width:720px;         /* szűkített sor, középen */
  margin:0 auto;           /* középre helyezés (nem padding/margin a kártyán) */
  text-align:center;       /* címkék szövege középre */
}

/* Egy opció „kártya” burka – kell az abszolút inputhoz */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option{
  position:relative;
  display:block;
}

/* Láthatatlan input: az egész kártya kattintható */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option input[type="checkbox"],
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option input[type="radio"]{
  position:absolute;
  inset:0;
  opacity:0;
  /*cursor:pointer;*/
  z-index:2;
}

/* Kártya megjelenés – függőlegesen középen */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option label{
  display:flex;
  align-items:center;      /* KÖZÉPEN a kör és a szöveg */
  gap:10px;                /* nem margin/padding */
  border:1px solid black;
  border-radius:24px;
  background:#fff;
  box-shadow:0 1px 0 gray;
  padding:8px 8px;
  transition:border-color .2s ease, box-shadow .2s ease, transform .05s ease;
}

/* Bal oldali “ikon-kör” – középre igazítva 
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option label::before{
  content:"";
  width:16px; height:16px;
  border-radius:20%;
  border:2px solid #007C85;
  flex:0 0 21px;
  background:#fff;
  transition:background-color .2s ease, border-color .2s ease;
  position:relative;
  align-self:center; 
}

/* Pipa – csak kijelölve látszik 
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option label::after{
  content:"";
  width:15px; height:10px;
  border:3px solid transparent;
  border-left-color:#fff;
  border-bottom-color:#fff;
  transform:rotate(-45deg) translate(2px,6px);
  position:absolute;
  left:30px; top:20px;
  opacity:0;
  transition:opacity .2s ease;
}*/




/* Aktív állapot */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option input:checked + label{
  border-color:gray;
  box-shadow:4px 4px 12px gray;
}
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option input:checked + label::before{
  background:#007C85;
  border-color:#007C85;
}
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option input:checked + label::after{
  opacity:1;
}

/* Billentyűzet fókusz */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option input:focus-visible + label{
  outline:3px solid rgba(6,99,186,.35);
  outline-offset:2px;
}











/* Éles, tiszta kártyaszegély – halo nélkül */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option label{
  /* a pill forma mindig tökéletes lesz: */
  border-radius: 15px;

  /* az árnyék ne kenje szét a széleket */
  box-shadow: none;                 /* alapállapotban ne legyen nagy árnyék */
  background-clip: padding-box;     /* ne “folyjon” a szín a border alá */
  overflow: hidden;                 /* a lekerekített sarok tényleg vágjon */

  /* néha segít a recésedés ellen (főleg Chrome) */
  backface-visibility: hidden;
  transform: translateZ(0);
}

/* Kijelölt állapot – egyetlen, tiszta árnyék */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option input:checked + label{
  box-shadow: 5px 5px 10px #838383;  /* egységes, puha árnyék */
  border:2px solid #606060;
  background: #aee3e8;/* marad a Te színed logikája */
  color: #303030;
}

/* Ha túl kontrasztos a fekete kontúr, kicsit puhítsd (opcionális) */
.elementor-552 .elementor-element.elementor-element-2334d930 .elementor-field-option label{
  border-color: #007C85;                    /* #000 helyett enyhébb fekete */
  /* vagy: border: 1.5px solid #2b2b2b;  -> gyakran szebb HiDPI-n */
}














/* 2) A gombok tartója rögzítve a viewport aljára */
.quiz-form .e-form__buttons{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  background: #112851;
  backdrop-filter: saturate(180%) blur(8px);
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -10px 24px rgba(0,0,0,.08);
  padding: 10px 16px;               /* kényelmes kattintási zóna */
}

/* 3) A gombok rendezése középre */
.quiz-form .e-form__buttons .elementor-field-group{
  display: inline-flex;
}

.quiz-form .e-form__buttons .e-form__buttons__wrapper{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
}

/* 4) Gombok kényelmes mérete (opcionális, de esztétikus) */
.quiz-form .e-form__buttons .elementor-button{
  min-width: 320px;
}

/* 5) Mobil finomhangolás */
@media (max-width: 767px){
  .quiz-form .elementor-form-fields-wrapper{ padding-bottom: 96px; } /* picit több hely az alján */
  .quiz-form .e-form__buttons .e-form__buttons__wrapper{
    gap: 12px;
  }
  .quiz-form .e-form__buttons .elementor-button{
    min-width: 44vw;   /* két gomb egymás mellett kényelmesen */
  }
}

/* ===== Gombok fix 100px szélességgel, középre igazítva ===== */

/* a wrapper ne terítse szét 100%-ra, csak középen fogja a gombokat */
.quiz-form .e-form__buttons .e-form__buttons__wrapper{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: auto;
  margin: 0 auto;
}

/* az Elementor "field-group" elemek se nyúljanak */
.quiz-form .e-form__buttons .elementor-field-group{
  flex: 0 0 auto !important;
}

/* maga a gomb: fix 100px, ne nőjön 100%-ra */
.quiz-form .e-form__buttons .elementor-button{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100px !important;
  min-width: 100px !important;
  /* a magasság / belső padding maradhat a témádból */
}

/* mobilon is ugyanez (felülírja az esetleges korábbi 44vw szabályt) */
@media (max-width: 767px){
  .quiz-form .e-form__buttons .elementor-button{
    width: 100px !important;
    min-width: 100px !important;
  }
}

/* Gombsáv: a belső konténerek ne legyenek 50%-osak, ne igazítsák szét */
.quiz-form .e-form__buttons{
  display: flex;
  justify-content: center;
  align-items: center;
}

.quiz-form .e-form__buttons .elementor-field-group{
  width: auto !important;
  flex: 0 0 auto !important;
  text-align: initial !important;   /* ne balra/jobra igazítson */
  margin: 0 !important;
}

/* Két wrapper egymás mellett, középen, kis hézaggal */
.quiz-form .e-form__buttons .e-form__buttons__wrapper{
  display: flex !important;
  justify-content: center;
  align-items: center;
  gap: 12px;
  width: auto !important;
}

/* A gombok fix szélessége */
.quiz-form .e-form__buttons .elementor-button{
  width: 200px !important;
  min-width: 200px !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}

/* (ha csak egy gomb van, az is középen marad) */
.quiz-form .e-form__buttons .elementor-field-type-submit,
.quiz-form .e-form__buttons .elementor-field-type-next,
.quiz-form .e-form__buttons .elementor-field-type-previous{
  width: auto !important;
}

/* ÚJ – MOBILON KÉNYSZERÍTETTAN EGYMÁS MELLÉ (nem törhet sorba) */
@media (max-width: 767px){
  .quiz-form .e-form__buttons .e-form__buttons__wrapper{
    display:flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;          /* ← ne törjön le */
    justify-content: center !important;
    align-items: center !important;
  }
  .quiz-form .e-form__buttons .elementor-field-group{
    width: auto !important;                /* ← ne legyen 100% */
    flex: 0 0 auto !important;             /* ← fix szélességű elem */
  }
}









/* --- MOBIL FIX: Előző + Tovább egymás mellett --- */
@media (max-width: 767px){
  /* A gombsor legyen egy sor, ne törjön */
  .quiz-form .e-form__buttons .e-form__buttons__wrapper{
    display: flex !important;
    flex-wrap: nowrap !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
  }

  /* Két oszlop fél-fél szélességen */
  .quiz-form .e-form__buttons .elementor-field-group{
    width: 50% !important;
    max-width: 50% !important;
    flex: 0 0 50% !important;
    display: flex !important;
  }

  /* A gomb töltse ki a saját 50%-os oszlopát */
  .quiz-form .e-form__buttons .elementor-button{
    width: 100% !important;
    min-width: 0 !important;   /* felülírja a korábbi fix/min-width-eket */
  }
}/* End custom CSS */