/* * Copyright (C) 2025 Dynamowebs Pvt ltd www.dynamowebs.com , Inc - * Dynamowebs : tax2u-co-uk-new All Rights Reserved : modal-seq-style.css (Last modified : 9/23/25, 5:43 PM ) * modal-seq-style.css Unauthorized copying of this file , via any medium is strictly prohibited * Proprietary and confidential Written by Dynamowebs software & VOIP solutions * / , at 26/ 9/ 2025 * can not be copied and / or distributed without the express permission of Dynamowebs * github :: https://github.com/faisal3956/ * website :: https://www.dynamowebs.com */ @import url("global.css"); @import "https://fonts.googleapis.com/css?family=Inter&display=swap"; input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover { transition: background-color 5000s ease-in-out 0s !important } input:-webkit-autofill { -webkit-animation-delay: 1s; -webkit-animation-name: autofill; -webkit-animation-fill-mode: both } html body .campaign-modals .select2-container .select2-selection--single { height: auto !important } html body div:is(input, select) { border-radius: 10px !important;outline: 0 !important;box-shadow: none !important} html .campaign-modals .select2-container--default .select2-selection--single { padding-top: 9px !important;color: #000;font-size: 14px;font-weight: 600;padding-bottom: 9px } html .campaign-modals .select2-container--default .select2-selection--single .select2-selection__arrow {top: 12px;right: 3px}.modal-backdrop.show {display: none !important} .campaign-modals .modal { background-color: #343a4061 !important } .carmenButton { font-size: 0.22em !important; padding: 15px 10px !important } .campaign-modals p label h1 { /*font-family: 'Inter';*/ } .campaign-modals .customErrorFeildsSet { font-size: 10px !important; font-weight: 600 } .seq-round { border-radius: 35px !important; overflow: hidden } .seq-modal-sm { width: 100%; max-width: 418px; margin-left: auto; margin-right: auto } .seq-modal-sm .modal-body { padding: 0; background: #e2ecfd } .seq-modal-md {width: 100%; max-width: 718px} .seq-modal-md .modal-body { padding: 0; background: #e2ecfd } .seq-modal-md.seq-round { border-radius: 64px !important } .seq-rounder { width: 100%; border-radius: 30px; background-image: linear-gradient(to bottom, #e0eafc, #f4fbff); margin-top: -90px; z-index: 99; position: relative; padding: 0 20px } .seq-modal-md .seq-rounder { margin-top: -235px; } .seq-badge { width: 100%; max-width: 220px; height: 220px; margin: 0 auto; float: none; display: block; position: relative; top: -87px } .seq-1-text { font-size: 16px; font-weight: 700; text-align: center; color: #333; margin-top: 0; margin-bottom: 50px; margin-top: -10px } .btn-green-seq { width: 100%; max-width: 250px; max-height: 56px; border-radius: 28px; box-shadow: 0 5px 12px 0 #b2deff; border: solid 1px #078444; background-image: linear-gradient(to right, #08c185, #078344); color: #fff; font-size: 17px; margin: 0 auto; display: block; padding-top: 15px; padding-bottom: 15px; font-weight: 600 } .btn-green-seq:hover { color: #fff !important } .seq-tp-logo { width: 100%;max-width: 322px;height: 27px;display: block;margin: 37px auto 36px } .seq-top-heading { font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -.14px; text-align: center; color: var(--white); position: absolute; top: 48px; display: block; text-align: center; width: 100% } .seq-piggy { width: 100%; max-width: 80px; margin: 0 auto; float: none; display: block; position: relative; top: -37px } .seq-2-text { font-size: 16px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -.1px; text-align: center; color: #333; margin-bottom: 50px; margin-top: -2px; padding: 0 5%; margin-bottom: 50px } .seq-2-form input { max-width: 342px; width: 100%; height: 56px; border-radius: 8px; border: solid 1px #d0e4f5; background-color: var(--white); display: block; margin-left: auto; margin-right: auto; margin-bottom: 34px; letter-spacing: 1px } .seq-3-links { display: inline-block; width: 100%; margin-top: 36px; margin-bottom: 0 } .seq-3-links .login { float: left; text-align: left } .seq-3-links .register { float: right; text-align: right } .seq-3-links .login, .seq-3-links .register { display: inline-block; width: 50% } .seq-3-links .login a, .seq-3-links .register a { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.43; letter-spacing: -.09px; text-align: center; color: #1b75bc } .seq-register-form input:not([type="radio"]), .seq-register-form select {} #modalSequence-register label.error { border: none !important; color: #e24646 !important; font-weight: 600 !important; font-size: 13px !important; margin-left: 9px !important; margin-bottom: 0px !important; } .select2-results__option { color: #000; font-size: 13px; font-weight: 600 } #modalSequence-questions .seq-register-form { max-width: 604px; margin: 0 auto; padding: 20px; border-radius: 24px } .modal .error { color: red; } .register-m-top { margin-top: 3%; margin-bottom: 6% } .stage-1-outer-box { border-radius: 10px; border: solid 2px rgba(128, 199, 255, 0.32); background-color: #f4fbff; padding: 0 } .stage1-span-innerRound { width: 70px; height: 70px; border-radius: 60px; border: solid 2px #cfeaff; background-color: var(--white); display: block; vertical-align: middle; text-align: center; padding-top: 14px; top: -39PX; color: #1b75bc; font-size: 2em; font-weight: 600; margin: -39px auto 15px } .stage1-p-innertext { font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -.12px; text-align: center; color: #1b75bc; min-height: 40px; vertical-align: middle } .stage1-p-innertext span { color: #333 } .stage1-p-sec { width: 100%; height: 60px; border-radius: 10px; border-top: solid 2px rgba(128, 199, 255, 0.32); background-color: #fff; margin: 0; padding: 0; border-radius: 0; margin-left: 0; text-align: center; padding-top: 17px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } .stage1-p-sec img { max-width: 30px; max-height: 28px } .verification-socialMediaFadeImages img { width: 100%; max-width: 248px; height: auto; display: block; margin-bottom: 10px; margin-left: auto; margin-right: auto } .progress { max-width: 257px; margin: 18px auto 0; height: 9px } .seq-top-heading { font-size: 24px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: -.15px; text-align: center; color: var(--white) } .seq-selectService { font-size: 16px; font-weight: 600 } .seq-lastService-message .one { font-size: 18px; font-weight: 600 } .seq-lastService-message .two { font-size: 46px; font-weight: 800 } .seq-lastService-message .three { font-size: 26px; font-weight: 600 } .topLastSelectionHeading { margin-top: -32px; line-height: 33px } #selectPackage { font-size: 13px; font-weight: 600; letter-spacing: initial } #selectPackage option:disabled { color: #111; font-weight: 700; background: #8080804d } .seq-service-text { font-size: 22px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.27; letter-spacing: -.14px; text-align: center; color: #333; padding-top: 35px } .seq-fiftyPound { font-size: 36px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 0.97; letter-spacing: -.22px; color: #333; text-align: center; padding-top: 18px } .seq-fiftyPound span { font-size: 26px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.35; letter-spacing: -.16px; color: #333; text-align: center; margin-top: 20px } .seq-tax-return { font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: -.11px; text-align: center; color: #333; padding-bottom: 23px } .seq-last-footer { font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.44; letter-spacing: -.1px; text-align: center; color: #333; max-width: 100%; display: block; padding-top: 0; margin: 0 !important } .seq-last-footer a { color: #00aeef } .seq-pricing-div {width: 100%; max-width: 358px; height: auto; padding: 10px 20px; border-radius: 10px; background-color: var(--white); margin: 0 auto 15px } .seq-pricing-div .title { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -.09px; color: #333; margin: 0; padding-left: 10px } .seq-pricing-div .discount { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -.09px; color: #00aeef; margin: -6px 0 0; padding-left: 10px } .seq-pricing-div .price { font-size: 24px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 1.46; letter-spacing: -.15px; color: #00aeef; margin: 9px 0 0 } .seq-pricing-div .price small { font-size: 16px } .seq-question-heading { font-size: 16px; font-weight: 600; color: #000; margin: 0; padding-top: 8px } .checkbox-outer { margin-left: auto; margin-right: auto; display: block; float: none; width: 100%; margin-top: 1px; padding-bottom: 0; height: auto } .seq-form-border-bottom { padding-top: 10px; padding-bottom: 2px; border-bottom: solid 1px rgba(27, 117, 188, 0.24); margin-bottom: 24px } .checkBoxer { background: #fff; border: 1px solid #d1d9e2; font-weight: 600; font-size: 14px; border-radius: 10px; padding: 10px 30px; display: inline-block; width: 100%; max-width: 28px } .checkBoxer.active { background-color: #12a1e9; color: #fff; border: 1px solid #1cb2f1 } .checkBoxer.no { float: left } .checkbox-outer p.yesno { margin: 0; display: inline-block; position: absolute; top: 4px; font-weight: 600; font-size: 15px; left: 52px } .loaderDiv { text-align: center; font-size: 4em; margin-top: -33px; color: #139fe7 } .loaderDiv .seq-loaderSpinner { font-size: 1.5em; margin-top: 9%; margin-bottom: 54px } #modalSequence-questions .seq-rounder { min-height: 292px } .seq-2-text.seq-show-f-part,.seq-2-text.seq-show-s-part { margin-bottom: 10px; font-size: 19px; margin-top: 12px } .seq-show-s-part .f { font-size: 1.5em; font-weight: 700 } .seq-show-s-part .s { max-width: 356px; width: 100%; height: auto; border-radius: 24px; border: solid 1px rgba(128, 199, 255, 0.32); background-color: var(--white); margin-left: auto; margin-right: auto; padding: 30px 10px; text-align: center; padding-bottom: 20px } .seq-show-s-part .s b { font-size: 24px; font-weight: 700; font-stretch: normal; font-style: normal; line-height: 0.83; letter-spacing: -.15px; text-align: center; color: #333; display: block; padding-top: 22px } .seq-show-s-part .s img { width: 100%;display: block;max-width: 190px;height: auto;margin-left: auto;margin-right: auto;border-radius: 50px } .highlight-text { display: block; margin-top: 15px; font-family: Avenir; font-weight: 800; font-size: 16px; line-height: 25px; letter-spacing: -0.1px; text-align: center; text-transform: uppercase; color: #333333; } .modal .label.error { font-weight: 600 } .seq-popupClose { width: 100%; border-radius: 5px; font-size: 12px !important; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; text-align: center; color: #fff; position: absolute; z-index: 9999; padding: 4px 8px !important; top: 11px; max-width: 100%; background: none; border: 1px solid #2994d447; text-decoration: underline; letter-spacing: 2px } .seq-round img { width: 100% } .thanksPaymentHeading { font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 42px; margin-top: -69px } .seq-tp-widget { padding-top: 7px; text-align: center; margin-top: 10px; margin-bottom: 12px; border-radius: 14px; margin-bottom: 30px } .seq-round .modal-body { background-image: linear-gradient(to bottom, #e0eafc, #f4fbff) } .seq-label { margin: 0;font-size: 14px; font-weight: 600} .campaign-modals .modal {overflow: auto !important } #modalSequence-questions .select2-container { width: 100% !important } #blackFriday { background: #31333970 !important } .campaign-modals .modal { padding-top: 65px; padding-left: 10px; padding-right: 10px; } .timer-max-width-center .row>div:first-child,.timer-max-width-center .row>div:last-child { max-width: 50%; float: left; text-align: center } .seq-service-text .blue-heading { font-size: 23px; font-weight: 800; color: #11a5ea } .seq-service-text .red { font-size: 18px; color: #ec2121; text-transform: inherit; font-weight: 800; display: inline-block; padding-right: 2px } .seq-service-text .main-price { font-weight: bolder; font-size: 1.5em } .offer-text { margin-bottom: 0; padding-bottom: 0; font-size: 19px; margin-top: 16px } #modalSequence-verification-selectService .form-group { margin-bottom: 0 } #modalSequence-verification-selectService button { margin-top: 0 } /* ---css fire registration-modal(only)--- */ #modalSequence-register-new .reg-modal { max-width: 718px; } #modalSequence-register-new .reg-modal_banner img { height: 97px; } #modalSequence-register-new .reg-modal_main-wrapper { position: relative; text-align: center; } #modalSequence-register-new .main-wrapper_img { position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 100%; width: 120px !important; height: 120px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } #modalSequence-register-new .main-wrapper_content { padding-top: 84px; background-color: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-top: -11px; background-color: #F2FBFE; } #modalSequence-register-new .main-wrapper_content h4 { color: #333; font-size: 24px; font-weight: 600; color: #333; margin-bottom: 11px; } #modalSequence-register-new .content { padding-left: 20px; padding-right: 20px; } #modalSequence-register-new .content_p { font-size: 18px; font-weight: bold; margin-bottom: 25px; line-height: 22.2px; margin-top: 10px; margin-bottom: 10px; } #modalSequence-register-new .content_p strong { color: #1d9acd; font-size: 20px; } #modalSequence-register-new .content_p span { color: #1bb4f2cf; } #modalSequence-register-new .content_p small { text-decoration: line-through; font-weight: bold; font-size: 13px; color: #1d9acd; } #modalSequence-register-new .main-wrapper_form-wrapper { background-image: linear-gradient(to bottom, #e0eafc, #f4fbff); padding: 40px 37px 20px 40px; border-top-left-radius: 23px; border-top-right-radius: 23px; } #modalSequence-register-new .main-wrapper_form-wrapper input { text-align: left !important; text-transform: initial; } #modalSequence-register-new .main-wrapper_form-wrapper input+label { padding-top: 0 !important; font-size: 12px !important; } #modalSequence-register-new .form_submit-btn { margin-top: 10px; text-transform: initial; } #modalSequence-register-new .reg-modal_footer { text-align: center; display: block; border-top: 0; background-color: #eff7fe; padding-bottom: 16px; } #modalSequence-register-new .reg-modal_footer img { width: 322px; margin-bottom: 11px; margin-top: 0; margin-left: 0; margin-right: 0 !important; } #modalSequence-register-new .footer_review { font-weight: bold; text-align: center; } #modalSequence-register-new input.error { margin-bottom: 0px;padding-bottom: 0px; text-align: left; padding-top: 0px !important; } #modalSequence-register-new label.error { display: inline-block !important; margin: 0px; padding: 10px 0px 0px 5px; border: 0px !important; width: 100%; text-align: left; } /* ---css fire registration-modal(only)---end */ /* ---#modalSequence-social-media-count-down styl start-- */ #modalSequence-social-media-count-down .reg-modal { max-width: 718px; } #modalSequence-social-media-count-down .reg-modal_banner img { height: 97px; } #modalSequence-social-media-count-down .reg-modal_main-wrapper { position: relative; text-align: center; } #modalSequence-social-media-count-down .main-wrapper_img { position: absolute; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); border-radius: 100%; width: 120px !important; height: 120px; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; } #modalSequence-social-media-count-down .main-wrapper_content { padding-top: 84px; background-color: #fff; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-top: -11px; background-color: #F2FBFE; } #modalSequence-social-media-count-down .main-wrapper_content h4 { color: #333; font-size: 24px; font-weight: 600; color: #333; margin-bottom: 11px; line-height: 1.60; } #modalSequence-social-media-count-down .content { padding-left: 20px; padding-right: 20px; margin-bottom: 60px; } #modalSequence-social-media-count-down .content_first-p { font-size: 15px; color: #333; line-height: 1.40; margin-bottom: 14px; font-weight: 600; } #modalSequence-social-media-count-down .content_first-p small { font-weight: 600; } #modalSequence-social-media-count-down .content_p {font-size: 18px; font-weight: bold; line-height: 22.2px; margin-top: 10px; margin-bottom: 10px; } #modalSequence-social-media-count-down .content_p strong { color: #1d9acd; font-size: 20px; } #modalSequence-social-media-count-down .content_p span { color: #1bb4f2cf; } #modalSequence-social-media-count-down .content_p small { text-decoration: line-through; font-weight: bold; font-size: 13px; color: #1d9acd; } #modalSequence-social-media-count-down .content-p_offer-end-text { font-size: 16px; font-weight: bold; color: #333; margin-bottom: 13px; } #modalSequence-social-media-count-down .main-wrapper_light-area { background-image: linear-gradient(to bottom, #e0eafc, #f4fbff); border-top-left-radius: 21px; border-top-right-radius: 21px; position: relative; } #modalSequence-social-media-count-down .light-area_counter { display: flex; gap: 10px; justify-content: center; text-align: center; position: absolute; left: 50%; width: 100%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); padding-left: 10px; padding-right: 10px; } #modalSequence-social-media-count-down .counter_item { width: 100%; height: auto; border-radius: 20px; border: solid 1px #d0e4f5; background-color: #fff; max-width: 66px; padding-top: 15px; padding-bottom: 5px; } #modalSequence-social-media-count-down .counter_item span { display: block; } #modalSequence-social-media-count-down .counter_item span:first-of-type { font-size: 25px; font-weight: 600; color: black; display: inline-block; width: 100%; line-height: 0px; } #modalSequence-social-media-count-down .counter_item span:last-of-type { font-size: 12px; color: #9c9c9c; } #modalSequence-social-media-count-down .main-wrapper_claim-btn-wrapper { padding-top: 30px; } #modalSequence-social-media-count-down .main-wrapper_claim-btn { margin-top: 40px; text-transform: initial; } #modalSequence-social-media-count-down .reg-modal_footer { text-align: center; display: block; border-top: 0; background-color: #eff7fe; padding-top: 64px; padding-bottom: 16px; } #modalSequence-social-media-count-down .reg-modal_footer img { width: 322px; margin-bottom: 11px; margin-top: 0; margin-left: 0; margin-right: 0 !important; } #modalSequence-social-media-count-down .footer_review { font-weight: bold; text-align: center; } .illustration-pay-relax-abs-last { border-radius: 78%; margin-bottom: 5px; } .bg-sec {background-color: #f9fbfd;border: solid 1px #e6ebf1;padding: 30px !important;margin-bottom: 41px; } /*modal sequence for utr payee calculator */ #want_add_this_your_UTR_application {} .payee-modal-seq .seq-rounder { margin-top: -257px !important; } .payee-modal-seq .seq-top-heading { margin-top: -10px; } #want_add_this_your_UTR_application .modalSequence-register-seq-2-text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 2; letter-spacing: -0.12px; text-align: center; color: #333; font-family: 'Inter'; font-weight: 600; margin-top: -15px; } #want_add_this_your_UTR_application .info-card { object-fit: contain; margin: 24px 1px 13px; padding: 20px; border-radius: 25px; background-color: #f2f9ff; border: 2px solid #f2f9ff; } .payee-modal-seq .modal-content { background: transparent !important;} #want_add_this_your_UTR_application .btn-signup-process { font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 900; max-width: 290px !important; /*width: 290px !important; height: 56px !important; padding: 14px 44.9px 0px !important;*/ border-radius: 38px !important;color: white !important;line-height: 2em;} #want_add_this_your_UTR_application .start-seq-title { font-size: 0.8em; } .payee-modal-seq .btn-signup-process1 { font-size: 16px; font-weight: 900; max-width: 240px !important; height: auto; padding: 16px 15px !important; border-radius: 38px !important; color: white !important; margin: 0 0 0 15px; } .btn-info,.btn-info:disabled { font-weight: 900; max-width: 90px !important; max-height: 40px; width: 100% !important; height: 50vh; font-size: 16px; color: #fff; background-color: #50a5f1; border-color: #50a5f1 } .btn-info:hover { color: #fff; background-color: #448ccd; border-color: #4084c1 } .btn-info:focus { color: #fff; background-color: #448ccd; border-color: #4084c1; -webkit-box-shadow: 0 0 0 .15rem rgba(106, 179, 243, .5); box-shadow: 0 0 0 .15rem rgba(106, 179, 243, .5) } .btn-outline-info, .btn-outline-info:disabled { font-size: 16px; font-weight: 900; margin: 0px 17.7px 0 0; padding: 9px 0px 10px 0px; border-radius: 10px; font-stretch: normal; font-style: normal; max-width: 90px !important; max-height: 40px; width: 100% !important; height: 50vh; color: #50a5f1; border: solid 1px #00aeef !important } .btn-outline-info:hover { color: #fff; background-color: #50a5f1; border-color: #50a5f1 !important } .btn-check:focus+.btn-outline-info, .btn-outline-info:focus { -webkit-box-shadow: 0 0 0 .15rem rgba(80, 165, 241, .5); box-shadow: 0 0 0 .15rem rgba(80, 165, 241, .5) } .btn-outline-light, .btn-outline-light:disabled { font-weight: 600; max-width: 90px !important; max-height: 40px; width: 100% !important; height: 50vh; font-size: 16px; color: #333 !important; border-color: #dedfe1; background-color: rgb(255, 255, 255); } .btn-outline-light.active { border: 2px solid #00aeef !important; background-color: #f2fbfe !important; color: #00aeef !important; line-height: 1.2em; } .btn-light-style { padding: 9px 0px 8px 0px; /*margin: 0 0 0 17.7px;*/ border-radius: 10px; } .btn-outline-light:hover { color: #000 !important; border-color: #50a5f1 } .btn-check:focus+.btn-outline-light, .btn-outline-light:focus { -webkit-box-shadow: 0 0 0 .15rem rgba(239, 242, 247, .5); box-shadow: 0 0 0 .15rem rgba(239, 242, 247, .5); } .border-bottom { border-bottom: 1px solid #dee2e6; margin: 7px 0 8px 0; } .text-justify { text-align: justify !important; } .back-btn { max-width: 100px !important; width: 130px !important; height: 56px !important; border-radius: 33px !important; border: solid 1px rgba(255, 168, 0, 0.28) !important; background-color: rgba(255, 168, 0, 0.13) !important; } .Continue-back-top-bottom { /*margin: 56px 0px 48px 0px !important;*/ margin-top: 20px; } .payee-modal-seq .tax2-buttonsHolder-blue { margin-top: 26px;margin-bottom: 10px;} .rebate-question-style { width: 100%;font-weight: 500 !important; font-size: 14px !important; } .start-seq-yes-no {margin: 21px 0px 25px 0px !important;} .start-seq-title { font-family: 'Inter', sans-serif;font-size: 16px;font-weight: bold;text-align: center;color: #333;} .full-right { text-align: end !important;} .full-left { text-align: left !important; } .seq-start-text { font-family: 'Inter', sans-serif; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; text-align: center; color: #333; } .seq-start-content-body { background-image: linear-gradient(to bottom, #ffffff, #ffffff) !important; } .Would-you-like-tax2u { /*margin: 1px 10px 1px 10px !important;*/} .The-average-tax-reba { margin: 1px 0px !important; /*padding: 3px 0px 1px 0px !important;*/ } .If-its-a-free-no-w { margin: 1px 17px 0px !important; } #employment_history_modal {} #employment_history_modal .modal-dialog { width: 95%; max-width: 650px; } #employment_history_modal .seq-rounder { margin-top: -26% !important; } #employment_history_modal .form-horizontal.seq-register-form { padding-top: 0px !important;margin-top: -33px; } .btn-toolbar { border: none !important; background: transparent; margin-bottom: 20px; } .btn-toolbar button { background: transparent; width: 28px !important; height: 28px; border-radius: 69.5px; border: solid 1px #d2d6e7; background-color: #fafbfc; line-height: 0px; text-align: center; padding: 0px; border: 1px solid #a7b7c4; border-radius: 13px !important; margin-left: 9px !important; display: inline-block; color: #6b869c9c !important; } .btn-toolbar button.active { background-color: #1b75bc !important; color: white !important; } .question-box {} .question-box .radio label { font-size: 13px; font-weight: 600; line-height: normal; color: #111; } .question-box .radio label input[type='radio'] { display: inline-block; margin-top: 0px; position: relative; top: 2px; font-size: 2em; } #employment_history_modal .seq-background-banner { margin-top: -50px; } #employment_history_modal #payee-hide01 {} #employment_history_modal #payee-hide01 .tax2-yourtaxreturn.pp12 { margin-top: 5px; font-size: 15px; max-width: 80%; font-weight: 600; } #employment_history_modal #payee-hide01 .tax2-yourtaxreturn.pp13 { margin-top: 5px; font-size: 13px; font-weight: normal; margin-bottom: 15px; } .tax2-buttonWhiteText { border-radius: 10px !important; border: solid 1px rgba(128, 199, 255, 0.31) !important; background-image: linear-gradient(to bottom, #e0eafc, #f4fbff) !important; } #employment_history_modal .tax2-firstheading {} .payee-modal-seq .tax2-yes { display: inline-block; max-width: 329px; font-size: 16px; font-weight: 600; text-align: center; color: #333; margin: 0 auto; margin-top: 18px; float: left; } .last-blue-con { max-width: 80%; margin-left: auto; margin-right: auto; } .poi-1,.poi-2 { font-size: 15px; font-weight: 600; text-align: center; color: #333; max-width: 90%; display: inline-block; margin-top: 5px; margin: 0 auto; } #employment_history_modal .tax2-btn-blue { height: auto; display: inline-block; width: 100%; max-width: 329px; font-size: 13px; } .btn-idontwant { text-decoration: underline !important; display: block !important; width: auto !important; max-width: 329px !important; line-height: 21px !important; font-size: 15px !important; } .payee-modal-seq .tax2-slides .tax2-buttonsHolder-blue {max-width: 80%;margin-left: auto;margin-right: auto;margin-top: 20px;} @media only screen and (max-width: 768px) { .highlight-text { margin-top: 10px; font-size: 14px; } .seq-show-s-part .f { font-size: 1em; font-weight: 700 } .seq-question-heading { font-size: 14px; } .seq-top-heading { font-size: 17px; margin-top: -15px } .seq-modal-md .seq-rounder { margin-top: -36% !important } .seq-2-text { margin-bottom: -20px !important} .seq-form-border-bottom { padding-top: 4px; margin-bottom: 8px } .seq-modal-sm { margin-left: auto; margin-right: auto } #email { margin-top: 35px } .seq-modal-md { width: 95% } .seq-modal-md.seq-round { border-radius: 32px !important; -webkit-border-radius: 32px !important; -moz-border-radius: 32px !important; -ms-border-radius: 32px !important; -o-border-radius: 32px !important; } #modalSequence-register .seq-2-text { margin-bottom: 7px !important; margin-top: -15px } #modalSequence-confirmation .seq-2-text { margin-bottom: 15px !important } .campaign-modals .modal-content { background: transparent !important } .seq-modal-md .modal-body, .seq-round .modal-body { background-image: none !important; background-color: transparent !important } #modalSequence-register .seq-modal-md .seq-rounder { margin-top: -94px !important } #modalSequence-questions { margin-bottom: 0 !important } #modalSequence-verification-selectService .seq-top-heading { margin-top: 0 } .seq-register-form input:not([type="radio"]), .seq-register-form select { height: 39px; margin: 0 7px 15px 0; padding: 10px; font-size: 14px !important } .seq-register-form .form-group { margin-bottom: 3px } .timer-max-width-center .row>div:first-child, .timer-max-width-center .row>div:last-child { max-width: 100%; float: none; text-align: center } .payee-modal-seq .seq-rounder { margin-top: -33% !important; } .payee-modal-seq .seq-top-banner { border-radius: 47px; overflow: hidden; border: 1px solid transparent; } #want_add_this_your_UTR_application .modalSequence-register-seq-2-text { font-size: 14px; max-width: 90%; margin: 0 auto; margin-top: 2%; } #want_add_this_your_UTR_application .modalSequence-register-seq-2-text br { display: none !important; } #employment_history_modal .seq-rounder { margin-top: -28% !important; } #employment_history_modal .seq-top-heading { margin-top: -15px; } .question-box .col-6 { width: 100%; max-width: 100%; text-align: center !important; } .payee-modal-seq .backButtonStyleForResponsive { margin-bottom: 10px !important;padding: 12px 11px !important;display: inline-block !important;width: 100% !important;height: auto !important;max-width: 130px !important;float: left;}.payee-modal-seq .tax2-buttonsHolder-blue .tax2-btn-orange {padding: 12px 13px !important;margin-top: 2px;}.payee-modal-seq .tax2-buttonsHolder-blue {text-align: center;max-width: 80%;margin: 0 auto;}.payee-modal-seq .last-blue-con {max-width: 100% !important;} } @media only screen and (max-width: 550px) { .stage-1-outer-box { max-width: 300px; margin: 0 auto 15px } .stage1-span-innerRound { margin-bottom: 4px; width: 50px; height: 50px; padding-top: 4px; margin-top: 2px } .seq-modal-md .seq-rounder { margin-top: -106px !important } .seq-top-heading { margin-top: 7px } #modalSequence-confirmation .seq-top-heading { margin-top: -5px; font-size: 15px } #modalSequence-register-new .main-wrapper_content h4 { font-size: 18px; margin-bottom: 0; } #modalSequence-register-new .main-wrapper_form-wrapper { padding-left: 17px; padding-right: 17px; } #modalSequence-register-new .form_submit-btn { margin-top: 17px; } #modalSequence-register-new .main-wrapper_img { width: 100px !important; height: 100px; } #modalSequence-register-new .content p { font-size: 16px; margin-bottom: 2px; } #modalSequence-social-media-count-down .main-wrapper_content { padding-top: 69px; } #modalSequence-social-media-count-down .main-wrapper_img { width: 100px !important; height: 100px; } #modalSequence-social-media-count-down .main-wrapper_content h4 { font-size: 18px; } #modalSequence-social-media-count-down .content_p { font-size: 16px; } #employment_history_modal .seq-rounder { margin-top: -20% !important; } .payee-modal-seq .tax2-slides .tax2-buttonsHolder-blue { max-width: 100% !important; } .payee-modal-seq .backButtonStyleForResponsive { padding: 10px 1px !important; max-width: 123px !important; float: left; } .payee-modal-seq .tax2-buttonsHolder-blue .tax2-btn-orange { padding: 10px 13px !important; margin-top: 1px; } .payee-modal-seq .last-blue-con {} .payee-modal-seq .last-blue-con .tax2-no { display: block !important; margin: 0 auto; margin-bottom: 10px; } .payee-modal-seq .last-blue-con .backButtonStyleForResponsive { display: block !important;margin: 0 auto;margin-bottom: 0px !important;float: none; } .payee-modal-seq .last-blue-con .btn-idontwant { margin: 0 auto; display: block !important; float: none; } } @media only screen and (max-width: 480px) { .seq-start-text { /*margin: -10px 52px 1px !important;*/ } .Would-you-like-tax2u { margin: 1px 10px 1px 10px !important; } .The-average-tax-reba { margin: 1px 0px !important; padding: 3px 0px 1px 0px !important; } .If-its-a-free-no-w { margin: 1px 17px 0px !important; } #modalSequence-register #seq-registrationForm #country_code { padding: 0px !important; text-align: center; } #modalSequence-register .seq-rounder { margin-top: -70px !important } #modalSequence-email .seq-rounder { margin-top: -70px !important } .seq-modal-md .seq-rounder { margin-top: -82px !important } .modal .error {} #modalSequence-register label.error { margin-bottom: 0 !important; } #modalSequence-1 .seq-badge { max-width: 152px; height: auto; top: -56px } #modalSequence-1 .seq-1-text { margin-top: -28px } #modalSequence-register .seq-popupClose { margin-top: -11px } #modalSequence-register .seq-top-heading { margin-top: -25px } #modalSequence-questions .seq-top-heading { margin-top: -5px; padding: 0 20px } #modalSequence-questions .seq-modal-md .seq-rounder { margin-top: -57px !important } #modalSequence-questions .seq-2-text { margin-bottom: -5px !important } #modalSequence-questions .hideAfterLoader br { display: none; } .campaign-modals .modal-body { background-color: #f3fafe !important } #modalSequence-social-media-count-down .counter_item span:first-of-type { font-size: 26px; padding-top: 7px; } .payee-modal-seq .seq-rounder { margin-top: -17% !important; } #want_add_this_your_UTR_application .modalSequence-register-seq-2-text { font-size: 14px; max-width: 96%; } .info-card { margin: 20px 0 0px !important; } #employment_history_modal .tax2-slides { padding-top: 0px; } #employment_history_modal .tax2-slides .mb-5 { margin-bottom: 10px !important; } .question-box .border-bottom { padding: 0px !important; } #employment_history_modal .tax2-buttonsHolder-blue { margin-top: 15px; display: block; min-height: 50px; height: auto; margin-bottom: 20px; } #employment_history_modal .tax2-buttonsHolder-blue .back-btn { height: auto; width: auto; padding: 6px 20px; font-size: 12px; color: black; font-weight: 600; } #employment_history_modal .tax2-buttonsHolder-blue .btn-signup-process1 { height: auto; width: auto; padding: 9px 20px; font-size: 13px; color: black; font-weight: 600; } #employment_history_modal .seq-rounder { margin-top: -19% !important; } #employment_history_modal .seq-background-banner { margin-top: -4px; } .poi-1, .poi-2 { font-size: 13px; font-weight: 500; } .payee-modal-seq .tax2-buttonsHolder-blue .tax2-btn-orange { padding: 10px 20px !important; font-size: 15px; width: 100% !important; display: block; margin-left: auto; margin-right: auto; } .payee-modal-seq .last-blue-con { height: auto ! IMPORTANT; } .payee-modal-seq .last-blue-con .backButtonStyleForResponsive { margin-left: auto !important; margin-right: auto !important; float: none !important; margin-top: 15px !important; } .payee-modal-seq .last-blue-con .tax2-no {} .payee-modal-seq .btn-signup-process1 { max-width: 55% !important; } #employment_history_modal #payee-hide01 .tax2-yourtaxreturn.pp13 { font-size: 14px; } } @media only screen and (max-width: 420px) { #employment_history_modal .tax2-buttonsHolder-blue { /*display: flex !important;*/ /*flex-direction: column;*/ } .payee-modal-seq .backButtonStyleForResponsive { float: left; margin: 0 0px !important; max-width: 110px !important; } .payee-modal-seq .tax2-buttonsHolder-blue .tax2-btn-orange { float: inline-end; margin: 0 0px !important; max-width: 55% !important; display: inline-block !important; margin-left: 0px !important; margin-right: 0px !important; vertical-align: initial;} .btn-signup-process1 {margin: 0 auto;display: block;} } /* Custom, iPhone Retina */ @media only screen and (max-width: 320px) { #employment_history_modal .seq-rounder {margin-top: -11% !important;} }