/* WaterRescue landing – projekt specifikus stílusok. Az alap utility classok az hb-lp-main.css-ből jönnek. */

/* #hb_lp_main_cont #hb_WaterRescue_lp .hb_fs_72 {
    font-size: 72px;
    line-height: 80px;
} */

/* ============================================================
   Globális utility – minden blokkra érvényes
   ============================================================ */
/* #hb_lp_main_cont {
    overflow: clip;
} */



#hb_lp_main_cont #hb_WaterRescue_lp .hb_lap {
    overflow:hidden;
    padding: 0px 24px;
    max-width: 1292px;
}

#hb_lp_main_cont #hb_WaterRescue_lp .hb_m_s_20 {
    margin-left: 20px;
}

#hb_lp_main_cont #hb_WaterRescue_lp * {
    box-sizing:border-box;
}

#hb_lp_main_cont #hb_WaterRescue_lp button {
    font-family: Arial, sans-serif;
    cursor:pointer;
}

#hb_lp_main_cont #hb_WaterRescue_lp .hb_fs_42 {
    font-size: 42px;
    line-height: 48px;
}
#hb_lp_main_cont #hb_WaterRescue_lp .hb_fs_72 {
    font-size: 72px;
    line-height: 78px;
}
#hb_lp_main_cont #hb_WaterRescue_lp .hb_m_b_28 {
    margin-bottom: 28px;
}
/* ============================================================
   BLOCK 01 – Hero szekció
   ============================================================ */
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01.WaterRescue_hero {
    overflow:hidden;
    min-height:760px;
    background:#dff5ff;
    position:sticky;
    top:0;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_hero_wave {
    position:absolute;
    top:-100px;
    left:0;
    right:0;
    line-height:0;
    pointer-events:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_hero_wave svg {
    display:block;
    width:100%;
    height:100px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .hb_section {
    min-height:760px;
    padding:42px 0 120px;
    display:flex;
    align-items:center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_gif {
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:0;
    filter:blur(3px) contrast(0.96);
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_gif_overlay {
    position:absolute;
    inset:0;
    z-index:1;
    background:rgba(223,245,255,.22);
    pointer-events:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_overlay {
    position:absolute;
    inset:0;
    z-index:1;
    background:linear-gradient(90deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.88) 35%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0) 100%);
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_people {
    position:absolute;
    right:0;
    bottom:0;
    z-index:2;
    width:58%;
    max-width:860px;
    max-height:90%;
    object-fit:contain;
    object-position:right bottom;
    pointer-events:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_content {
    position:relative;
    z-index:4;
    max-width:622px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_content button {
    border-radius: 14px;
    padding: 13px 58px 11px 24px;
    font-size: 22px;
    text-transform: unset;
    font-weight: 800;
    background-image: url(../img/icons/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: 94% center;
    background-size: 24px 24px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_content button:hover {
    background-image: url(../img/icons/icon-arrow-hovered.svg);
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_logos {
    display:flex;
    align-items:center;
    gap:10px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_logo_t {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#E20074;
    font-weight:900;
    font-size:24px;
    line-height:24px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_logo_mark {
    display:inline-block;
    color:#18214D;
    font-size:24px;
    line-height:24px;
    font-weight:400;
    opacity:.65;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_logo_img {
    width: 100%;
    max-height: 56px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_logo_text {
    font-size:17px;
    line-height:22px;
    font-weight:900;
    color:#18214D;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_note {
    gap:12px;
    max-width:420px;
    padding:24px;
    border-radius:14px;
    background:rgba(255,255,255,.6);
    box-shadow:0 10px 32px rgba(24,33,77,.13);
}


/* ============================================================
   BLOCK 02 – Kvíz szekció
   ============================================================ */
/* #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .hb_lap {
    padding: 0px 0px 64px;
} */
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_container {
    padding: 0px 32px 64px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02.WaterRescue_quiz_section {
    background:#fff;
    position:relative;
    z-index:1;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .mi_a_WaterRescue_cont {
    border-bottom: 1px solid #d1d3d8;
    margin: 0px auto 48px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .thanks_icon {
    background-color: #facde5;
    min-width: 100px;
    min-height: 100px;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .hb_section {
    padding:64px 0 48px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_col {
    max-width:622px;
    width: 100%;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_icon_list {
    display:flex;
    flex-direction:column;
    gap:13px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_icon_item {
    display:flex;
    align-items:center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_icon_item .icon_inner_container {
    border: 1px solid #e20074;
    border-radius: 16px;
    padding: 14px;
    max-width: fit-content;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_container {
    max-width: 622px;
    min-width: 622px;
    width: 100%;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card {
    width: 100%;
    max-width: 564px;
    background:#fff;
    border:2px solid #E20074;
    border-radius:18px;
    padding:26px;
    box-shadow:0 18px 46px rgba(24,33,77,.12);
    display:flex;
    flex-direction:column;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_state {
    width: 100%;
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_icon {
    margin: 0 auto 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_icon img {
    width: 82px;
    height: 82px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_text {
    max-width: 610px;
    margin: 0 auto 36px;
    line-height: 1.45;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta {
    width: 100%;
    max-width: 620px;
    min-height: 88px;
    margin: 0 auto 38px;
    padding: 12px 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #e2e2e2;
    border-radius: 28px;
    background: #fff;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta_item {
    flex: 1;
    min-height: 54px;
    padding: 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 500;
    color: #222;
    width: 33%;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta_item:not(:last-child):after {
    content: "";
    width: 2px;
    height: 58px;
    background: #e2e2e2;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta_item img {
    width: 34px;
    height: 34px;
    object-fit: contain;
    flex: 0 0 auto;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_btn {
    border-radius: 14px;
    padding: 13px 24px 11px;
    font-size: 19px;
    text-transform: unset;
    font-weight: 800;
    width: 100%;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card.is-intro .WaterRescue_quiz_topline,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card.is-intro .WaterRescue_quiz_bar {
    display:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card.is-intro {
    padding:0;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card.is-intro .WaterRescue_quiz_center {
    padding:32px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_topline {
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:12px;
    font-size:20px;
    line-height:26px;
    font-weight:800;
    color:#18214D;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_timer {
    padding:5px 10px;
    border-radius:999px;
    background:#000000;
    color:#fff;
    min-width:58px;
    text-align:center;
    font-size:18px;
    line-height:24px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_timer.is-paused {
    background:#000000;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_timer.is-danger {
    background:#E20074;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_bar {
    width:100%;
    height:6px;
    border-radius:999px;
    background:#F3F5F7;
    overflow:hidden;
    margin-bottom:22px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_bar span {
    display:block;
    width:0;
    height:100%;
    background:#E20074;
    border-radius:999px;
    transition:width .25s ease;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_body {
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_center {
    text-align:center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card:not(.is-intro) .WaterRescue_quiz_center {
    min-height:250px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_icon {
    margin:0 auto 18px;
    display:flex;
    align-items:center;
    justify-content:center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_icon img {
     width:82px;
    height:82px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_list {
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:18px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn {
    width:100%;
    padding:24px 20px;
    text-align:left;
    border:2px solid #d0d0d0;
    border-radius:20px;
    background:#fff;
    color:#18214D;
    font-size:15px;
    line-height:18px;
    font-weight:600;
    display:flex;
    align-items:flex-start;
    gap:14px;
    transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:hover {
    border-color:#E20074;
    outline:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:focus,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:active {
    border-color:#E20074;
    background:#f9cce3;
    /* box-shadow:0 0 0 3px rgba(226,0,116,.12); */
    outline:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_text {
    padding-top:2px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_dot {
    position:relative;
    flex:0 0 auto;
    width:20px;
    height:20px;
    margin-top:1px;
    border-radius:50%;
    border:2px solid #DDE3EA;
    background:#fff;
    transition:border-color .2s ease;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_dot:after {
    content:'';
    position:absolute;
    top:50%;
    left:50%;
    width:12px;
    height:12px;
    border-radius:50%;
    background:#E20074;
    transform:translate(-50%,-50%) scale(0);
    transition:transform .2s ease;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:hover .WaterRescue_answer_dot,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:focus .WaterRescue_answer_dot,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:active .WaterRescue_answer_dot {
    border-color:#E20074;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:focus .WaterRescue_answer_dot:after,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_answer_btn:active .WaterRescue_answer_dot:after {
    transform:translate(-50%,-50%) scale(1);
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_response {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    min-height:250px;
}



/* ============================================================
   BLOCK 03 + BLOCK 04 – zárolás
   ============================================================ */

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .hb_section,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .hb_section {
    padding:50px 0px 100px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .hb_lap,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .hb_lap {
    overflow: unset;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_gate_wrap,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_gate_wrap {
    position:relative;
    min-height:174px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_gate_real,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_gate_real {
    position:relative;
    transition:filter .2s ease,opacity .2s ease;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03.is-locked .WaterRescue_gate_real,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04.is-locked .WaterRescue_gate_real {
    filter:blur(6px);
    opacity:.75;
    pointer-events:none;
    user-select:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_lock_overlay,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_lock_overlay {
    display:none;
    position:absolute;
    inset:0;
    z-index:3;
    align-items:flex-start;
    justify-content:center;
    padding:18px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03.is-locked .WaterRescue_lock_overlay,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04.is-locked .WaterRescue_lock_overlay {
    display:flex;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_lock_card,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_lock_card {
    display:none;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    width:min(910px,100%);
    padding:27px 32px;
    border-radius:24px;
    background:rgba(255,255,255,.95);
    box-shadow:0 14px 40px rgba(24,33,77,.17);
    top: -50px;
    border: 1px solid #d0d0d0;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_lock_icon,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_lock_icon {
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03.is-quiz-locked .WaterRescue_lock_card_quiz,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04.is-quiz-locked .WaterRescue_lock_card_quiz {
    display:flex;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03.is-app-locked .WaterRescue_lock_card_app,
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04.is-app-locked .WaterRescue_lock_card_app {
    display:flex;
}


/* ============================================================
   BLOCK 03 – App beállítás szekció
   ============================================================ */

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_app_box {
    position: relative;
    border-radius:24px;
    background:#dff4ff;
    padding:24px 24px 34px;
    overflow:hidden;
    background-image:radial-gradient(circle at 20% 120%,rgba(226,0,116,.08) 0,rgba(226,0,116,0) 30%),radial-gradient(circle at 85% -20%,rgba(0,178,255,.12) 0,rgba(0,178,255,0) 32%);
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_app_box .wave_decor_01 {
    position: absolute;
    width: 100%;
    max-width: 440px;
    opacity: 0.05;
    bottom: 0;
    left: -100px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_steps_carousel {
    margin:0 -10px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_step_card {
    position:relative;
    width:544px;
    margin:0 10px;
    padding:24px;
    border-radius:36px;
    background:#fff;
    box-shadow:0 10px 28px rgba(24,33,77,.10);
    overflow:hidden;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_step_num {
    display:flex;
    align-items:center;
    justify-content:center;
    width:36px;
    height:36px;
    border-radius:50%;
    background:#E20074;
    color:#fff;
    font-size:24px;
    line-height:24px;
    font-weight:800;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_step_text {
    position:relative;
    z-index:2;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_phone_mock {
    width:100%;
    min-width: 173px;
    height:auto;
    z-index:1;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_store_buttons {
    display:flex;
    gap:8px;
    flex-wrap:wrap;
    align-items:center;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_store_btn {
    display:inline-flex;
    align-items:center;
    gap:6px;
    padding:6px 8px;
    border-radius:8px;
    background:#111;
    color:#fff;
    text-decoration:none;
    min-width: 130px;
    max-width: 130px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_store_btn:hover {
    text-decoration:none;
    background:#333;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_store_btn_icon {
    width:22px;
    height:22px;
    flex:0 0 auto;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_store_btn_text {
    display:flex;
    flex-direction:column;
    color:#fff;
    font-weight:700;

}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_store_btn_text small {
    font-weight:400;
    font-size:8px;
    line-height:10px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .slick-dots {
    margin-top: 36px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .slick-dots li button {
    width: 32px;
    height: 6px;
    background: #969696;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .slick-dots li.slick-active button {
    background: #E20074;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_lock_overlay button {
    border-radius: 14px;
    font-size: 19px;
    text-transform: unset;
    font-weight: 800;
    padding: 13px 58px 11px 24px;
    background-image: url(../img/icons/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 24px 24px;
}

/* ============================================================
   BLOCK 04 – Záró szekció
   ============================================================ */

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_lock_overlay button {
    border-radius: 14px;
    font-size: 19px;
    text-transform: unset;
    font-weight: 600;
    padding: 13px 58px 11px 24px;
    background-image: url(../img/icons/icon-arrow.svg);
    background-repeat: no-repeat;
    background-position: 90% center;
    background-size: 24px 24px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 {
    background:#fff;
    position:relative;
    z-index:1;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04.WaterRescue_finish_section {
    background:#fff;
    position:relative;
    z-index:1;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_box {
    border:1px solid #caedff;
    border-radius:24px;
    background-color:transparent;
    overflow:hidden;
    padding: 32px 44px;
    position: relative;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_box .wave_decors {
    position: absolute;
    width: 100%;
    max-width: 440px;
    opacity: 0.05;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_box .wave_decors.wave_decor_01 {
    top: -130px;
    right: 300px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_box .wave_decors.wave_decor_02 {
    bottom: -110px;
    left: -30px;
    max-width: 590px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_box .wave_decors.wave_decor_03 {
    bottom: -50px;
    right: -30px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_main {
    gap: 24px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_main > div {
    width: 50%;
}


#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_check_list {
    display:flex;
    flex-direction:column;
    gap:12px;
    max-width:364px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_check_item {
    width: 100%;
    padding:12px 24px;
    border-radius:12px;
    background:transparent;
    border:1px solid #000000;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_check_item .WaterRescue_check_dot {
    max-height: 32px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation {
    position:relative;
    padding:24px 32px;
    border-radius:18px;
    background-color:#FFF1F8;
    border:1px solid #F3A4CD;
    overflow:hidden;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation::before {
    content:'';
    position:absolute;
    inset:0;
    background:url(../img/icons/icon-care.svg) no-repeat 350px center / 45%;
    opacity:0.05;
    pointer-events:none;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_main .thanks_icon {
    min-width: 64px;
    min-height: 64px;
    background-color: #fef1f7;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation .thanks_icon {
    background-color: #facde5;
    min-width: 100px;
    min-height: 100px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_thanks .thanks_icon {
    background-color: #e8f2fb;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials {
    background-color: #ffffff;
    width: 100%;
    max-width: 800px;
    margin: 40px auto 0px;
    border-radius: 24px;
    border: 1px solid #d1d3d8;
    padding: 24px;
    gap:10px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials .share_icon {
    min-width: 64px;
    min-height: 64px;
    background-color: transparent;
    border: 1px solid #d9dadf;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}



#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials .share_icon.social_share_icon {
    border: 1px solid #d1d3d8;
    background-color: transparent;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials > div {
    width: 50%;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials > div:nth-child(1) {
    border-right: 1px solid #d1d3d8;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_social_btn {
    width:32px;
    height:32px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    background:#F3F5F7;
    color:#18214D;
    text-decoration:none;
    font-weight:800;
    font-size:12px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_social_btn:hover {
    text-decoration:none;
    background:#E8EBEE;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card {
    display:flex;
    align-items:center;
    margin-top:28px;
    padding:52px;
    border-radius:24px;
    background:#fef1f7;
    position:relative;
    overflow: hidden;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card .WaterRescue_health_decor {
    position:absolute;
    border-radius:24px;
    overflow:hidden;
    z-index:0;
    pointer-events:none;
    width:1080px;
    height:654px;
    border-radius:50%;
    background:#facde5;
    bottom: -540px;
    left: -400px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card .hb_btn {
    border-radius: 14px;
    padding: 13px 24px 11px;
    font-size: 19px;
    text-transform: unset;
    font-weight: 800;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card > div:nth-child(2) {
    position: relative;
    width:25%;
    min-width: 285px;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card >div:nth-child(3) {
    width: 75%;
}
#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card .WaterRescue_doctor_img {
    position: absolute;
    min-width: 173px;
    max-width: 173px;
    width: 100%;
    height: auto;
    left: 38px;
    top: -135px;
}

#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .border_line {
    display: block;
    margin: 12px auto;
    width: 100%;
    height: 1px;
    border-top: 1px solid #e20074;
}



/* ============================================================
   Megosztás visszajelzés (toast)
   ============================================================ */

#hb_lp_main_cont #hb_WaterRescue_lp .WaterRescue_share_feedback {
    position:fixed;
    left:50%;
    bottom:32px;
    z-index:9999;
    max-width:90%;
    padding:14px 22px;
    border-radius:14px;
    background:#18214D;
    color:#fff;
    font-size:15px;
    line-height:1.4;
    text-align:center;
    box-shadow:0 14px 36px rgba(24,33,77,.25);
    transform:translate(-50%,16px);
    opacity:0;
    pointer-events:none;
    transition:opacity .25s ease,transform .25s ease;
}

#hb_lp_main_cont #hb_WaterRescue_lp .WaterRescue_share_feedback.is-visible {
    opacity:1;
    transform:translate(-50%,0);
}


#hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_footer{
	background:#fff;
}



/* 1200+ - XL */
@media only screen and (min-width: 1200px) {
	
}
/* 960-1199 - L */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
	
}
/* 768-959 - M */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	
}
/* 576-767 - S */
@media only screen and (min-width: 576px) and (max-width: 767px) {
	
}
/* 360-575 -XS */
@media only screen and (max-width: 575px) {	

}

@media (max-width:1024px) {
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_people {
        opacity:.55;
        width:72%;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_col {
        max-width:720px;
    }
    /* #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_container {
        max-width: unset;
    } */
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card {
        max-width:520px;
        width:100%;
        margin:0px auto;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials {
        justify-content:flex-start;
    }
}

@media (max-width:960px) {

    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_flex {
        flex-direction: column;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_col {
        max-width: unset;
        width: 100%;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_container {
        padding: 0px 0px 64px;
        max-width: unset;
        min-width: unset;
        width: 100%;
        margin-top: 48px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card {
        max-width: unset;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_main {
        flex-direction: column;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_main > div {
            width: 100%;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_main .WaterRescue_thanks {
        justify-content: center;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_check_list {
        margin: 32px auto;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_main .WaterRescue_finish_text {
        text-align: center;
    }
}


@media (max-width:768px) {
    #hb_lp_main_cont #hb_WaterRescue_lp .hb_fs_72 {
        font-size: 56px;
        line-height: 62px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01.WaterRescue_hero {
        min-height:620px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .hb_section {
        min-height:620px;
        padding:88px 0 86px;
        align-items:flex-start;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_overlay {
        background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.87) 58%,rgba(255,255,255,.18) 100%);
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_people {
        width:100%;
        opacity:.38;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .hb_section {
        padding:48px 0 34px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card {
        padding:22px;
        min-height:390px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_card.is-intro {
        padding:0;
        min-height:0;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_state {
        min-height: auto;
        padding: 36px 22px 30px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_text {
        font-size: 18px;
        margin-bottom: 30px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta {
        max-width: 100%;
        padding: 10px 14px;
        border-radius: 22px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta_item {
        padding: 0 10px;
        gap: 8px;
        font-size: 15px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta_item img {
        width: 26px;
        height: 26px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_btn {
        min-height: 58px;
        font-size: 20px;
    }

    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_app_box {
        padding:32px 16px;
    }
  
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_phone_mock {
        width:86px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card {
        flex-direction:column-reverse;
        padding: 32px 32px 200px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card > div:nth-child(2) {
        position: relative;
        width:100%;
        min-width: 285px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card >div:nth-child(3) {
        width: 100%;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card .WaterRescue_doctor_img {
        bottom: -300px;
        top: unset;
        left: unset;
        right: 50px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials {
        flex-direction:column;
        align-items:flex-start;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials > div {
        width: 100%;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials > div:nth-child(1) {
        border-right: unset;
        border-bottom: 1px solid #d1d3d8;
        justify-content: center;
    }
}

@media (max-width:640px) {
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .hb_lap{
        padding: 0px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_lock_overlay {
        left: -24px;
        right: -24px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_step_card {
      flex-direction: column;
      width: 340px;
      justify-content: space-between;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_app_box {
        border-radius: 0px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_step_card > div:last-child {
      margin: 24px auto 0px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card {
        padding: 32px 32px 300px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card .WaterRescue_doctor_img {
        bottom: -400px;
        top: unset;
        left: unset;
        right: 50px;
    }
}

@media (max-width:575px) {
     #hb_lp_main_cont #hb_WaterRescue_lp .hb_fs_72 {
        font-size: 40px;
        line-height: 46px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_01 .WaterRescue_hero_content button {
        font-size: 16px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .thanks_icon {
        display: none;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .mi_a_WaterRescue_cont {
        flex-direction: column;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta {
        flex-direction: column;
        padding: 0px 24px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta_item {
        width: 100%;
        padding: 24px 0px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_02 .WaterRescue_quiz_intro_meta_item:not(:last-child):after {
        width: 100%;
        height: 2px;
        top: auto;
        right: 0;
        bottom: 0;
        left: 0;
        transform: none;
        margin: 0px auto;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_03 .WaterRescue_lock_card,
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_lock_card {
        flex-direction:column;
        align-items:flex-start;
    }   
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials .share_icon {
        min-width: 48px;
        min-height: 48px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_finish_box {
        padding: 24px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_socials .share_icon img {
        width: 24px;
        height: 24px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation .thanks_icon {
        min-width: 72px;
        min-height: 72px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation {
        padding: 16px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation .thanks_icon img {
        width: 36px;
        height: 36px;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation::before {
            background: url(../img/icons/icon-care.svg) no-repeat 250px center / 45%;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_health_card .WaterRescue_doctor_img {
        bottom: -400px;
        left: 0;
        right: 0;
        margin: 0px auto;
    }
}

@media (max-width:420px) {
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation>div:nth-child(1) {
        display: none;
    }
    #hb_lp_main_cont #hb_WaterRescue_lp #WaterRescue_block_04 .WaterRescue_donation::before {
        background: url(../img/icons/icon-care.svg) no-repeat 100px center / 100%;
    }
}