* { font-family: OpenSans_Regular; box-sizing: border-box; }
html { font-family: OpenSans_Regular; font-size: 15px; direction: rtl; }
body { }
.main_wrapper { max-width: 100%; width: 100%; margin: 0 auto; overflow: hidden; }
.auto_margin { max-width: 1220px; width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 10px; }

/*****Buttons*****/
.button { border: none; cursor: pointer; font-family: OpenSans_Regular; transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; line-height: 1; }

.button1 { position: relative; width: 100%; display: block; padding: 18px 5px; box-sizing: border-box; background-color: #FFBC00; color: #0D0A1A; font-size: 1.15em; box-shadow: none; font-weight: 600; text-align: center; border-radius: 16px; border: 1px solid #FFBC00; }
    .button1:hover, .button1:focus, .button1.active { background-color: #EABB33; color: #292442; }

.button2 { position: relative; width: 100%; display: block; padding: 12px 5px; box-sizing: border-box; background-color: #1070BD; color: #fff; font-size: 1.15em; box-shadow: none; font-weight: 600; text-align: center; box-shadow: 0px 3px 6px #00000029; border-radius: 7px; border: 1px solid #1070BD; }
    .button2:hover, .button2:focus { background-color: #3d98e1; color: #fff; }

    .button2 .arrow { border-color: #fff; }

.button3 { position: relative; width: 100%; display: block; padding: 12px 5px; box-sizing: border-box; background-color: transparent; color: #51B2FF; font-size: 1.15em; box-shadow: none; font-weight: 600; text-align: center; border-radius: 7px; border: 1px solid #51B2FF; }
    .button3:hover, .button3:focus { background-color: #51B2FF; color: #fff; }

.button4 { position: relative; width: 100%; display: block; padding: 12px 5px; box-sizing: border-box; background-color: #1CBD10; color: #fff; font-size: 1.2em; box-shadow: none; font-weight: 500; text-align: center; border-radius: 7px; border: 1px solid #1CBD10; }
    .button4:hover, .button4:focus { background-color: #0b9f00; }
    .button4 .arrow { border-color: #fff; }
/*****End Buttons*****/

/***Arrows****/
.arrow { border: solid black; border-width: 0 2px 2px 0; display: inline-block; padding: 4px; }
.arrow_right { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); }
.arrow_left { transform: rotate(135deg); -webkit-transform: rotate(135deg); }
.arrow_up { transform: rotate(-135deg); -webkit-transform: rotate(-135deg); }
.arrow_down { transform: rotate(45deg); -webkit-transform: rotate(45deg); }
/***End Arrows****/

/*****Header*****/
header { margin-bottom: 12px; padding-top: 10px; box-sizing: border-box; }
    header > .flex { align-items: center; justify-content: space-between; }
        header > .flex > img { }
        header > .flex > span { font-size: 2em; font-weight: 300; color: #fff; }
        header > .flex > *:not(:last-child) { margin-left: 20px; }
        header > .flex > *:first-child {max-width:207px; }
/*****End Header*****/

/*****Footer*****/
footer { position: relative; z-index: 3; padding: 15px 0 !important; background-color: #002232; box-sizing: border-box; border-top: 1px solid #FFFFFF; font-size: 0.9em; max-width: 100% !important; }
    footer > .sides_conti { max-width: 1220px; margin: 0 auto; }
.footer_logo { width: 100px; }
footer > .sides_conti { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
    footer > .sides_conti > .side_one { display: flex; align-items: center; }
    footer > .sides_conti > .side_two { }
    footer > .sides_conti > .side_one > ul { display: flex; align-items: center; margin-left: 10px; }
        footer > .sides_conti > .side_one > ul > li { margin-left: 10px; color: #fff; }
            footer > .sides_conti > .side_one > ul > li:last-child { margin-left: 0; }
            footer > .sides_conti > .side_one > ul > li > a { color: #EABB33; }

    footer > .sides_conti > .side_two > ul { display: flex; align-items: center; }
        footer > .sides_conti > .side_two > ul > li { margin-left: 20px; }
            footer > .sides_conti > .side_two > ul > li:last-child { margin-left: 0; }


.captcha_policy { display: block; font-size: 1em; color: #fff; line-height: 120%; }
    .captcha_policy a { color: #EABB33; }
        .captcha_policy a:hover, .captcha_policy a:focus { text-decoration: underline; }
.grecaptcha-badge { visibility: hidden; }
/*****End Footer*****/

/******Popups******/
.popup_conti { position: fixed; width: 100%; height: 100%; background-color: #292442ea; right: 0; top: 0; z-index: 1000000; padding: 30px 10px 10px 10px; box-sizing: border-box; overflow-y: auto; display: none; }
.popup { background-color: #fff; color: #000; margin: 0 auto; padding: 40px 10px; max-width: 1092px; width: 100%; position: relative; box-sizing: border-box; box-shadow: 0px 13px 26px rgba(0, 0, 0, 0.16);border-radius:20px; }
.close_popup { position: absolute; left: 10px; top: 10px; color: #353535; box-sizing: border-box; text-align: center; width: 24px; }
    .close_popup > img { display: block; vertical-align: middle; width: 100%; }
.popup .content { }
    .popup .content .title1 { font-size: 2.05em; font-weight: 400; display: block; text-align: center; padding-bottom: 15px; border-bottom: 1px solid rgba(23, 23, 23, 0.2); margin-bottom: 10px; }
    .popup .content .title2 { display: block; font-size: 2.5em; font-weight: 500; text-align: center; }
        .popup .content .title2 > img { display: inline-block; margin-left: 10px; }
    .popup .content .text1 { font-size: 1.2em; font-weight: 400; display: block; text-align: center; color: #4D4D4D; }
/******End Popups******/

/******Articles******/
.general_article { color: #fff; }
    .general_article.light_color { color: #fff; }
    .general_article p { line-height: 160%; margin-bottom: 15px; font-size: 1.15em; font-weight: 400; }
    .general_article.p_inline p { display: inline; }
    .general_article p ~ h2 { margin-top: 30px; }
    .general_article strong { font-weight: 600; }
    .general_article h2 { font-size: 2.2em; display: block; margin-bottom: 20px; font-weight: 600; }
    .general_article h3 { font-size: 1.7em; display: block; margin-bottom: 15px; font-weight: 600; }
.general_article { }
    .general_article > ul, .general_article > ol { margin-bottom: 20px; padding-right: 20px; box-sizing: border-box; font-size: 1.2em; line-height: 160%; list-style-position: inside; }
    .general_article > ol { padding-right: 15px; }
    .general_article > ul > li { list-style-type: disc; font-weight: 300; }
    .general_article > ol > li { font-weight: 300; }
    .general_article li { margin-bottom: 5px; position: relative; box-sizing: border-box; line-height: 120%; }
        .general_article li > img { width: auto; display: inline; margin: 0; }
    .general_article a { color: #1DB0B5; }
        .general_article a:hover, .general_article a:focus { text-decoration: underline; }
    .general_article p strong { }
    .general_article img { width: 100%; margin-bottom: 10px; }

.general_article_bigger { }
    .general_article_bigger p { font-size: 1.5em; }
/******End Articles******/


/****Lp****/
.top_content { width: 100%; padding: 75px 10px 90px 10px; box-sizing: border-box; background-image: url('../Lp/Insurance/taking.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; }
    .top_content .main_headline { text-align: center; color: #fff; }
        .top_content .main_headline > h1 { display: block; font-size: 3em; font-weight: 700; margin-bottom: 20px; }
        .top_content .main_headline > h2 { display: block; font-size: 2.1em; font-weight: 500; }
            .top_content .main_headline > h2 > strong { display: block; font-weight: 700; margin-top: 10px; }

.contents_conti { padding-top: 26px; background-image: url('../Lp/TakingCareForYourMoney/mainBg.jpg'); background-position: center center; background-repeat: no-repeat; background-size: cover; padding-bottom: 35px; }
    .contents_conti p { font-size: 1.15em; line-height: 140%; }
    .contents_conti .contents { padding: 15px; box-sizing: border-box; border-radius: 8px; background-color: #fff; position: relative; padding-bottom: 47px; }
        .contents_conti .contents .agent { position: absolute; right: 15px; top: -50px; width: 224px; height: 224px; border-radius: 16px; border: 1px solid #68b0a6; }
        .contents_conti .contents .agent > img {width:100%;border-radius:16px; }
        .contents_conti .contents .side_content { width: 100%; padding-right: 258px; box-sizing: border-box; min-height: 160px; padding-left: 70px; }
            .contents_conti .contents .side_content p { }
        .contents_conti .contents .bullets_content { margin-top: 30px; margin-bottom: 25px; }
            .contents_conti .contents .bullets_content ol { list-style: none; counter-reset: item; box-sizing: border-box; position: relative; z-index: 2; }
                .contents_conti .contents .bullets_content ol > li::before { content: counter(item) "."; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); z-index: 2; }
                .contents_conti .contents .bullets_content ol > li { counter-increment: item; position: relative; padding: 10px 30px 10px 5px; box-sizing: border-box; border-radius: 16px; }
                    .contents_conti .contents .bullets_content ol > li > strong { position: relative; z-index: 2; }
                    .contents_conti .contents .bullets_content ol > li::after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 100%; pointer-events: none; border-radius: 16px; z-index: 1; }
                    .contents_conti .contents .bullets_content ol > li:nth-child(odd)::after { background-color: #F2F2F2; }
            .contents_conti .contents .bullets_content h2 { display: block; font-size: 1.3em; font-weight: 600; margin-bottom: 10px; }
            .contents_conti .contents .bullets_content p { margin-bottom: 10px; }

        .contents_conti .contents .end_content { padding-left: 80px; }
            .contents_conti .contents .end_content p { }
.inner_auto_margin { width: 100%; max-width: 1029px; margin: 0 auto; }

.cta_button { margin-bottom: 40px; }
    .cta_button .button { max-width: 290px; }
.cta_image { position: absolute; z-index: 2; width: 518px; left: -300px; bottom: -80px; display: flex; align-items: center; justify-content: center; }
    .cta_image img { width: 100%; }

.mobile_fixed_button { display: none; position: fixed; bottom: 0; right: 0; z-index: 5; width: 100%; padding: 10px; box-sizing: border-box; justify-content: center; background-color: #1c2e54a3; }
    .mobile_fixed_button .button { max-width: 290px; }
/****End Lp****/



/****Taking Care Form****/
.taking_care_form { max-width: 650px; margin: 0 auto; padding: 0; }

.steps_container { position: relative; }

.step { display: none; }
    .step.active { display: block; }

/* Form Header */
.form_header { margin-bottom: 35px; }
    .form_header .form_main_title { font-size: 2.5em; font-weight: 700; color: #292442; text-align: center; margin-bottom: 12px; line-height: 1.3; }
    .form_header .form_subtitle { font-size: 1.05em; font-weight: 400; color: #666; text-align: center; line-height: 1.5; margin-bottom: 8px; }

/* Progress Bar */
.progress_bar_container { margin-bottom: 35px; }
.progress_bar { width: 100%; height: 10px; background-color: rgba(15, 106, 172, 0.25); border-radius: 10px; overflow: hidden; position: relative; }
.progress_bar_fill { height: 100%; background: #0F6AAC; border-radius: 10px; transition: width 0.4s ease; width: 0%; }

/* Question Section */
.question_title { margin-bottom: 22px; }
    .question_title h3 { font-size: 1.05em; font-weight: 400; color: #666; text-align: center; line-height: 1.4; margin: 0; }

.question_content { margin-bottom: 30px; }

/* Form Input */
.form_input { width: 100%; padding: 14px 10px; box-sizing: border-box; border: 1px solid #1070BD; border-radius: 8px; font-size: 1.05em; transition: all 0.3s; background-color: #fff; color: #1a1a1a; }
    .form_input:focus { outline: none; border-color: #0066cc; box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.1); }
    .form_input::placeholder { color: #999; }

/* Radio Options */
.radio_options { display: flex; flex-direction: column; gap: 12px; }

.radio_label { display: flex; align-items: center; padding: 14px 18px; border: 1px solid #d0d0d0; border-radius: 8px; cursor: pointer; transition: all 0.3s; background-color: #fff; }
    .radio_label:hover { border-color: #0066cc; background-color: #f0f7ff; }
    .radio_label input[type="radio"] { margin-left: 12px; width: 18px; height: 18px; cursor: pointer; accent-color: #0066cc; }
    .radio_label span { font-size: 1.05em; font-weight: 400; color: #1a1a1a; }
    .radio_label input[type="radio"]:checked ~ span { font-weight: 500; }
    .radio_label:has(input[type="radio"]:checked) { border-color: #0066cc; background-color: #f0f7ff; }

/* Step Buttons */
.step_buttons { display: flex; gap: 10px; justify-content: center; margin-top: 35px; }

    /* Back Button - Transparent */
    .step_buttons .button3 { border-radius:16px;padding:18px 5px;}
        .step_buttons .button3:hover { background-color: rgba(0, 102, 204, 0.08); color: #0052a3; }

    /* Next/Submit Button - Yellow */
    .step_buttons .button1,
    .step_buttons .submit_form { }
        .step_buttons .button1:hover,
        .step_buttons .submit_form:hover { }
        .step_buttons .button1:active,
        .step_buttons .submit_form:active { transform: translateY(0); }

/* Validation Error */
.text-danger { display: block; color: #d32f2f; font-size: 0.9em; margin-top: 6px; text-align: right; }

/* Thank You Message */
.thanks_popup {display:block; }
.thank_you_message { text-align: center; padding: 50px 20px; }
    .thank_you_message h3 { font-size: 1.8em; color: #1a1a1a; margin-bottom: 15px; font-weight: 600; }
    .thank_you_message p { font-size: 1.15em; color: #28a745; line-height: 1.6; }

/* Mobile Responsive */
@media only screen and (max-width: 768px) {
    .taking_care_form { padding: 0; }
    .form_header .form_main_title { font-size: 1.5em; }
    .form_header .form_subtitle { font-size: 0.95em; }
    .question_title h3 { font-size: 0.95em; }
    .step_buttons { flex-direction: column;  }
        .step_buttons .button1,
        .step_buttons .submit_form { min-width: 100%; max-width: 100%; }
        .step_buttons .button3 { width: 100%; text-align: center; }
}
/****End Taking Care Form****/

@media only screen and (max-width :1250px) {
    /*Footer*/
        footer > .sides_conti > .side_one > ul { flex-wrap: wrap; }
            footer > .sides_conti > .side_one > ul > li { width: 100%; text-align: center; margin: 0 0 20px 0; }
    .footer_logo { width: 94px; }
    footer > .sides_conti { flex-wrap: wrap; }
        footer > .sides_conti > .side_one { width: 100%; flex-wrap: wrap; margin-bottom: 20px; }
            footer > .sides_conti > .side_one > * { width: 100%; }
        footer > .sides_conti > .side_two { width: 100%; }
            footer > .sides_conti > .side_two > ul { justify-content: center; }
    .captcha_policy { text-align: center; }
    /*End Footer*/
}


@media only screen and (max-width :1020px) {
    /*Header*/
    header { padding: 18px 0; box-sizing: border-box;margin-bottom:0;position:relative; }
        header > .flex {justify-content:flex-end; }
        header > .flex > img:first-child { width: 120px;position:absolute;right:10px;top:50%;transform:translateY(-50%); }
        header > .flex > img:last-child { width: 228px; }
        header > .flex > span { font-size: 1.2em; }
    /*End Header*/

    body {padding-bottom:80px;}
    .mobile_fixed_button { display: flex; }

    .top_content {padding:65px 10px 100px 10px; }
    .top_content .main_headline > h1 {font-size:2.3em; }
    .top_content .main_headline > h2 {font-size:1.3em; }

    .contents_conti .contents .side_content {padding:100px 0 0 0; }
    .contents_conti .contents .agent {right:0;left:0;margin:0 auto;width:163px;height:163px; top:-80px;}
    .contents_conti .contents .agent > img {width:100%;}

    .cta_button {display:flex;justify-content:center; }

    .cta_image {position:static; }
    .contents_conti {padding:0; }
    .contents_conti .contents {padding:0; background-color:transparent;}
        .contents_conti .contents .end_content {padding:0; }
}

@media only screen and (max-width :370px) {
    header > .flex > img:last-child {width:190px; }
}