/* POP UP Conversational Form */
.popUpForm { place-content:center; inset:0; position:fixed; z-index:600; background:rgb(0,0,0,.7); font-family:var(--priFont); display:none }
.box-container{margin: 27px auto 0; max-width:1375px; width:96vw; background:#fff; border-radius: 0; padding:0;  box-shadow:0 0 15px 5px rgba(0,0,0,.5); position:relative; animation:zoomIn .2s ease;min-height: 0;}
.popUpForm .popUpForm_content {width: 100%;border-radius: 0;display:flex; justify-content:space-between; gap: 0;min-height: 663px;}
.popUpForm .popUpForm_content .popUpForm_close { position: absolute; right: 30px; top: 33px; z-index: 99; border-radius: 50vw; background: var(--gradColor); color: #fff; font-size: 16px; display: grid; place-content: center; padding: 5px; width: 40px; height: 40px; cursor: pointer; border: none; font-weight: 900; font-family: var(--primary-font); }
.popUpForm .popUpForm_content>div { border-radius:0; position:relative }
.popUpForm .contact_info p {   font-size: 18px;   font-family: var(--priFont); }
.popUpForm .contact_info {background: url('../images/pop-up-img.png') center no-repeat; max-width: 339px; width:30%; border-radius:inherit; color:#f7f7f7; display:flex; flex-direction:column; row-gap: 20px;padding: 20px; margin: 0;justify-content: flex-end;padding-bottom: 56px;}
.popUpForm .contact_info .contact_info_box {min-height: 365px; border-radius: 23px; position:relative; z-index:3; padding: 39px 10px 20px; flex:1; display:flex; flex-direction:column; text-align: center; background: url('images/popUp_img.jpg') top center;max-width: 315.6px;}
.popUpForm .contact_info .contact_info_box:before{content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg,rgba(23, 118, 85, 0) 33%, rgba(23, 33, 12, 1) 100%); z-index: -1; border-radius: 23px;}
.popUpForm .contact_info .contact_info_box h2 { font-size: 25.74px; font-weight:400; line-height:28px;  padding-bottom: 0; margin-bottom: 5px;font-family: var(--secFont);}
.popUpForm .contact_info .contact_info_box h2 span { display: block; line-height: 100%; margin-top: 9px; }
.popUpForm .contact_info .contact_info_box figure { position:relative }
.popUpForm .contact_info .contact_info_box figure img { display: block;margin: 0 auto 18px;}
.popUpForm .contact_info .contact_info_box a {position: relative;z-index: 1;display: block; font-family: var(--secondary-font);}
.popUpForm .contact_info .contact_info_box a mark { display:block; font-size:25px; font-weight: normal; font-family: var(--secFont);  }
.popUpForm .contact_info .contact_info_box a mark:hover { text-decoration:underline }
.popUpForm .contact_info .contact_info_box p { display:grid;font-family: var(--roboto);  font-size: 16px; font-weight: normal; margin: 0 auto;max-width: 270px; position: absolute;  left: 0; right: 0;top: 194px;line-height: 22px;padding-inline: 3px;}
.popUpForm .contact_info .contact_bg { position: relative;min-height: 229.8px; background: linear-gradient(86deg, #11549A 3%, #0284C3 101%);text-align: center;border-radius: 13px;}
.contact_bg p span {   display: block; }
.popUpForm .contact_info .contact_bg p{font-size: 16px;max-width: 240px; margin: 40px auto 14px;}
.popUpForm .contact_info .contact_bg a{position: relative; font-size: 25px;font-weight: 600;font-family: var(--secFont);}
.popUpForm .contact_info .contact_bg a:hover{text-decoration: underline;}
.popUpForm .contact_info .contact_bg a:before{content: url('images/popUp-icon1.png') ;position: static; display: block;margin: 0 0 7px;}
.contact_info_box p b {   font-size: 18px; margin-bottom: 9px;display: block;}
.contact_bginfo { position: absolute; left: 0; right: 0; margin: auto; bottom:0; text-align: center; width: 100%; max-width: 302px; }
.contact_bginfo p{font-size: 18px;}
.popUpForm .contact_info .contact_bg figure img { width: 301px; height: 378px; object-fit: cover; object-position: center; border-radius: 20px; }
.popUpForm .contact_info .contact_bg figure{position: relative; border-radius: 20px; overflow: hidden;}
.popUpForm .contact_info .contact_bg figure:before{content:""; position: absolute; background: url(images/popup-overlay.png) no-repeat bottom center; width: 100%; height: 100%; left: 0; bottom:0; pointer-events: none;}
.popUpForm .contact_info h2:after{content: url(images/icons/popUp-icon1.png); background: unset !important; width: auto !important; height: auto !important;right: 0;}
.popUpForm .form_con { width:100%; display:flex; flex:1; overflow:auto; background: #f7f7f7; padding: 20px 20px 20px 0;border-radius: 30px !important; }
.popUpForm .form_con form { display:flex; flex-direction:column; align-items:center; flex:1; width:100%;  border-radius: 13px; background: #f7f7f7;}
.popUpForm .form_con h2 { font-size: 35px; color: #333;  font-weight:500; line-height:100%;  text-align: center;font-family: var(--secFont);display: block;margin-top: 20px;margin-bottom: 34px;}
.form_multi_box.step_2 h2 {   font-size: 35px; }
.popUpForm .form_con p { font-size: 16px; max-width: 660px; margin: 2px auto 10px; color: #333 !important; text-align: center;display: block;line-height: 27px;}
.form_multi_box.step_3 p {   font-size: 18px; }
 .popUpForm .contact_info a {   font-size: 18px;   font-weight: 700;   font-family: var(--priFont);   padding-left: 51px; position: relative;width: fit-content;margin: 0 auto;} 
.popUpForm .contact_info a::before{content: url(../images/pop-up-icon.png);top: 50%;transform: translateY(-50%);position: absolute;left: 0;}
.form_multi_box.step_3 h2 {   margin: 47px 0 17px; }
.popUpForm .form_con form .form_multi_step { display:flex; flex:1; width:100%; flex-direction:column; justify-content:center; align-items: center;}
.popUpForm .form_con form section { width:100%; text-align:left;  animation:fadeIn .2s ease; max-width: 945px;} 
.popUpForm .form_con form .form_multi_step .form_multi_box { display:none }
.popUpForm .form_con form .form_multi_step .form_multi_box.active { display:block }
.popUpForm .form_con form .step_1 ul { max-width:822px; margin: 35px auto 0; display:flex; flex-direction:column; gap:10px }
.popUpForm .form_con form .step_1 ul li { font-size: 16px; padding: 0;  text-align:left; border-radius:10px;  /*! border:1px solid #ddd; */ width: 100%;color: #333;border-radius: 5px;line-height: 50px;height: 50px;padding-left: 31px;background: #ffffff;}
.popUpForm .form_con form .step_1 ul li label{cursor: none;} 
.popUpForm .form_con form .step_1 ul li input[type=radio] { display:none }  
.popUpForm .form_con form .step_1 ul li.active, 
.popUpForm .form_con form .step_1 ul li:hover { color:#fff; background:var(--gradColor);}
.popUpForm .form_con form .step_2 ul {justify-content: center; counter-reset: my-sec-counter; max-width: 920px; margin: 0px auto 0; display:flex; gap: 20px; flex-wrap:wrap; column-count: 2;}
.popUpForm .form_con form .step_2 ul li { font-size:17px; background:#fff; text-align:left;border-radius: 0; max-width: 374px; color: black;position: relative;border-radius: 5px; padding: 10px 61px 10px 50px; width: 48%;  min-height: 73px;font-family: var(--priFont);align-content: center;}
.popUpForm .form_con form .step_2 ul li:hover{color:#fff; background:linear-gradient(86deg, #11549A 3%, #0284C3 101%);}
.popUpForm .form_con form .step_2 ul li:hover::before { color: #fff; }
.popUpForm .form_con form .step_2 ul li:hover label{color: #fff;}
.popUpForm .form_con form .step_2 ul li::before { content: counter(my-sec-counter, decimal-leading-zero); counter-increment: my-sec-counter;  position: absolute; left: 18px; top: 21px; color: #047ebd; font-size: 17px; font-family: var(--secFont); font-weight: 600;opacity: 0.545;display: none;}
.popUpForm .form_con form .step_2 ul li::after { content: url(images/popUp_check.png);  position: absolute; right: 11px; top: 13px; color: #047ebd; font-size: 22px; font-family: var(--secondary-font); }
.popUpForm .form_con form .step_2 ul li label { display: flex; flex-direction: column; justify-content: end; width:100%;flex:1;cursor: pointer;font-size: 17px; font-weight: 400; text-align: left; font-family: var(--priFont); color: #333333; line-height: 21px;}
.form_multi_box.step_2 ul li span {       }
.popUpForm .form_con form .step_2 ul li input:checked { color:var(--white); background:var(--gradColor); }
.popUpForm .form_con form .step_2 p{max-width: 621px;margin: 30px auto 45px;}
/* .popUpForm .form_con form .step_2 ul li input { position:absolute; z-index:2; right:10px; top:10px; width:20px; height:20px; aspect-ratio:1/1; border:1px solid var(--primary-color); accent-color:var(--primary-color) } */
.popUpForm .form_con form .step_2 ul li input { position:absolute; z-index:2; right:27px; top:50%; width:24px;  aspect-ratio:1/1; border:unset; accent-color:var(--priColor); border-radius: 100%;-webkit-appearance: none;-moz-appearance: none;background: #e5e5e5;transform: translateY(-50%);}
.popUpForm .form_con form .step_2 ul li:has(input#step_2_option6:checked) textarea { display:block!important }
.popUpForm .form_con form .step_2 ul li textarea { border:1px solid #dddd; resize:none; height:60px; margin-top:10px;  display:none; padding: 10px;font-size: 16px;font-family: var(--priFont);overflow-y: auto;}
.popUpForm .form_con form .step_3 .form_step3_form_holder { max-width: 920px; margin: 30px auto 0; display:flex; flex-direction:column; gap:20px; width: 100%;}
.popUpForm .form_con form .step_3>div { text-align:left }
.popUpForm .form_con form .step_3 .form_step3_flex { display:flex; justify-content: start;gap: 10px;flex-wrap: wrap;}
.popUpForm .form_con form .step_3 .form_step3_flex>div { width: 32%; max-width: 302.1px;}
.popUpForm .form_con form .step_3 .form_step3_flex>.phone_num{max-width: 426.7px;} 
.popUpForm .form_con form .step_3 .form_step3_flex>.serv_location{max-width: 302.1px;width: 32%;}
.popUpForm .form_con form .step_3 .form_step3_flex label { display:block; margin-bottom:10px; color: #333; font-size: 18px;font-family: var(--roboto);}
.popUpForm .form_con form .step_3 .form_step3_flex input {  height:51px; border-radius:5px; border:1px solid #ddd; width:100% !important; font-size:18px; padding:10px 20px; background: #fafafa;}
.popUpForm .form_con form .step_3 .form_step3_bottom{}
.popUpForm .form_con form .step_3 .form_step3_bottom label{min-height: 20px;}
.popUpForm .form_con form .step_3 .form_step3_flex .choose_date{position: relative;}
/* .popUpForm .form_con form .step_3 .form_step3_flex .choose_date span{position: absolute; top: 69%;right: 20px;transform: translateY(-50%);line-height: 0;pointer-events: none;background: #fff;} */
.popUpForm .form_con form .step_3 .form_step3_flex input[type^=date]{text-transform: uppercase;color:#ddd}
.popUpForm .form_con form .step_3 .form_step3_flex input::placeholder { color:#8e8e8e } 
.popUpForm .form_con form .step_3 .form_step3_flex>div:has(input[type^=date]) { max-width: 302.1px; width: 32%;}
.popUpForm .form_con form .step_3 .form_step3_flex>div:has(.captcha-box) { width:auto; display:grid; place-content:end center; }
.popUpForm .form_con form .step_3 .form_step3_flex .captcha_holder{max-width: 302.1px; width: 32% !important;/*! place-content:unset !important; */ }
.popUpForm .form_con form .step_3 .captcha-box { width:199px; height:50px;margin: 24px 0 0; }
.popUpForm .form_con form .step_3 .captcha-box .g-recaptcha { transform:scale(.66) }  
.popUpForm .form_con form .step_3 .popUp_disclaimer { max-width: 100%; margin:30px auto 0 0; display: flex;width: 100%;align-items: center;}
.popUp_disclaimer p { margin: 0 !important; width: 100% !important; max-width: 855px !important; }
.popUpForm .form_con form .step_3 .popUp_disclaimer p { font-family:inherit; font-size:16px; font-weight:400; display:flex; gap:14px; align-items:start; color: #fff; }
.popUpForm .form_con form .step_3 .popUp_disclaimer p b { font-family: var(--roboto); font-weight:400; text-align: left; font-size: 16px;line-height: 24px;color: #333; max-width: 100%;}
.popUpForm .form_con form .step_3 .popUp_disclaimer p a{color: inherit;font-weight: normal;}   
.popUpForm .form_con form .step_3 .popUp_disclaimer p a:hover { text-decoration:underline } 
.popUpForm .form_con form .step_3 .popUp_disclaimer p input { width:19px!important; height:19px!important; aspect-ratio:1/1; position:relative; top:5px }
.progress_btn_con { display:flex; width:100%; margin: 15px auto 63px; max-width:588px; gap:10px; justify-content: space-between;}
.progress_btn_con button { width:139px; height:61px; border:none; border-radius: 100vh;font-size:16px; font-weight:normal; font-family:inherit; background: var(--gradColor);  padding-right: 0; color: #fff; cursor: none;font-family: var(--priFont);}
.progress_btn_con button.back{background: none; border: none; color: var(--secColor);text-transform: uppercase;outline: 1px solid var(--secColor);}
.progress_btn_con button:hover { background: linear-gradient(86deg, #11549A 3%, #0284C3 101%); color: #fff; box-shadow: rgba(0, 0, 0, 0.09) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px; }
.progress_btn_con .progress_bars { display:flex; align-items:center; /*! flex:1; */gap: 0; width: 265px;justify-content: center;}
.progress_btn_con .progress_bars span { /*! flex:1; */ background:#e6e7e7; height:4px; width: 88px;}
.progress_btn_con .progress_bars span.active { background:var(--gradColor); border-radius: 100vh;}
.progress_btn_con .progress_bars span:not(.active)  {background-color: #e6e7e7 !important;border-radius: 100vh;}
.progress_btn_con button:first-of-type { opacity:0; pointer-events:none }
.popUpForm .form_con #final_step { display:none; width:100%; max-width:760px; margin:0 auto; text-align:center; align-self:center }
.popUpForm .form_con #final_step .final_step_check { background:#fff; max-width:fit-content; margin:0 auto 60px; position:relative; background: rgba(114, 206, 208, 0.1); max-width: 100%; min-height: 53px; place-content: center; border-radius: 5px; overflow: hidden; }
.popUpForm .form_con #final_step .final_step_check figcaption { font-weight:600; color: var(--bodyColor); display:block; font-size: 32px; font-weight: 400; display: inline-block; font-size: 20px; vertical-align: middle; color: #6fcdcf;}
.popUpForm .form_con #final_step h2{font-size: 47px;margin-bottom: 50px;}
.popUpForm .form_con #final_step p { max-width:600px; font-size: 16px;line-height: 38px;}
.popUpForm .form_con #final_step .final_step_check img { vertical-align: middle; margin-right: 10px; display: inline-block; }
.popUpForm .form_con #final_step .final_step_check::before { content: ""; position: absolute; background: #6fcdcf; width: 11px; height: 53px; left: 0; top: 0; pointer-events: none; }
.popUpForm .form_con #final_step .final_step_check::after { content: ""; position: absolute; background: #6fcdcf; width: 11px; height: 53px; right: 0; top: 0; pointer-events: none; }