/*
 *   @copyright   Copyright (C) 2026 Dynamowebs Private Limited. All rights reserved.
 *   @license     Proprietary and Confidential. Unauthorized copying, distribution, or modification
 *                via any medium is strictly prohibited.
 *   @author      Faisal mehmood awan <faisal.aqurz@gmail.com> | Imran Khan <imran@dynamowebs.com>
 *   @file        module-vat-registration.css
 *   @modified    4/17/26, 5:29 PM
 *   @package     Dynamowebs
 *
 *   This file contains proprietary information of Dynamowebs Private Limited.
 *   No part of this file may be reproduced, distributed, or transmitted in any
 *   form or by any means without the express written permission of Dynamowebs.
 *
 *   @link        https://www.dynamowebs.com
 *   @github      https://github.com/FaisalCloudEngineer
 *
 */
@import url('https://fonts.googleapis.com/css?family=Inter&display=swap');

#myModal,#myModal_1 {background-color: rgba(50, 50, 50, 0.67);} form > div > div div > p, form > div > div div > p, form .form-group label {font-size:15px;font-weight:800;}.modal-content { border-radius: 25px; } .modal-content .modal-body { padding: 25px 30px !important; } .modal_head h5 {font-weight:600;text-align:center;color: #00aeef; }.modal_head h3 {font-weight:900;font-size:27px;text-align:center;color: #1b75bc;font-stretch:normal;font-style:normal;line-height:1.29;letter-spacing: -0.15px; }.modal_head h6 {font-weight:bold;font-stretch:normal;font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #333; } .modal_head p, .modal_head a { font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #00aeef; text-decoration: none; } .bg-tag { background-repeat: no-repeat; background-position: center; background-size: contain; } .bg-tag p { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal;line-height: 1.81; letter-spacing: normal; text-align: center; color: var(--white); padding: 13px 0; margin: 0; } .modal_head_1 h5 { font-size: 24px; font-weight: 600; text-align: center; color: #1b75bc; } .modal_head_1 h5.self_emp { color: #1b75bc; font-size: 21px; line-height: 1.55; } .modal_head_1 h5.utr_app { color: #00aeef; font-size: 28px; font-weight: 600; line-height: 1.55; } .bg_main { background-color: #fff2d9; border-radius: 20px; margin-top: 60px; } .bg_main .flash_sale { margin-top: -57px; text-align: center; } .bg_main .To_continue_your_app p { font-size: 17px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #333; margin-bottom: 4px; } .bg_main .You_will_be_on_30 { background-image: linear-gradient(to bottom, #ffd686 -71%, #fff2d9); border-radius: 20px; padding: 15px 50px 32px; } .bg_main .You_will_be_on_30 h5 { font-size: 26px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.21; letter-spacing: normal; text-align: left; color: #333; margin-top: 41px; } .flash_sale_expired { width: 100%; max-width: 435px; border: solid 7px #967128; background-color: #333; border-radius: 10px; margin: 7px auto 17px; text-align: center; } .flash_sale_expired h5 { color: #ffc249; margin: 0; font-size: 36px; padding: 7px 0; border-radius: 10px; } .flash_sale_expired h5 span { font-weight: 700; } .bg_main .You_will_be_on_30 .d-flex { flex-direction: column; text-align: center; } .bg_main .You_will_be_on_30 span { font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.07; letter-spacing: normal; text-align: center; color: #333; } .bg_main .You_will_be_on_30 .mins, .bg_main .You_will_be_on_30 .sec { background-color: #333; border-radius: 10px; padding: 14px 23px; }
.bg_main .You_will_be_on_30 .mins h3,.bg_main .You_will_be_on_30 .sec h3 { font-size: 40px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 0.78; letter-spacing: -0.25px; text-align: center; color: var(--white); margin: 0; } .tip-resposive { display: none; } .Rectangle-Copy-171 { background-color: #f2fbfe; padding-left: 0; margin-right: 0; margin-left: 0; text-align: center; justify-content: center; padding-top: 15px; padding: 35px; } .img.Rectangle-Copy-18 { /* text-align: center;  */ justify-content: center; padding: 35px 20px; background-image: linear-gradient(to bottom, #f2f5fb, #f7fbfe 100%); } .Register-for-your-Pa { font-family: Inter, sans-serif; font-size: 28px; font-weight: bold; line-height: 1.54; letter-spacing: -0.17px; color: #1b75bc; } .Weve-easy-for-you-t { width: 100%; max-width: 578px; height: 43px; margin: 38px 28px 0; font-family: Inter, sans-serif; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.69; letter-spacing: -0.1px; text-align: center; color: #00aeef; } .Your-UTR-number-will { width: 100%; max-width: 420px; height: 44px; margin-bottom: 22px; font-family: Inter, sans-serif; font-size: 17px; font-weight: 600; line-height: 2.59; letter-spacing: -0.11px; text-align: center; color: #110; } .Everything-you-want { margin: 50px 40px 22px -9px; font-size: 18px; font-weight: bold; line-height: 2.39; letter-spacing: -0.11px; color: #333; } .text2u-partner-form-btn { max-width: 250px !important; max-height: 56px !important; border: none; margin-top: 25px; margin-bottom: 15px; } img.trsutpilot-taxDesignApp-copy { width: 100%; max-width: 290px; height: 106px; margin: 0 70px 30px 0; object-fit: contain; } .bg-white { padding: 0 !important;margin-bottom: -9px;} .tip-bg-dark-fradient { padding-right: 40px; padding-left: 70px; padding-top: 20px; padding-bottom: 78px; } .tip-paracontainercustom { padding-right: inherit; } .Rectangle-Copy-2 { margin: 0 0 5px; padding: 21px 30px 11px; border-radius: 5px; border: solid 1px #e6ebf1; background-color: #f9fbfd; } .Rectangle { padding: 144px 0 78px; border-radius: 20px; box-shadow: 0 3px 6px 0 rgba(171, 171, 171, 0.37); background-color: var(--white);}
/* Accordion */
*,*:after, *:before { box-sizing: border-box; } :root { font-size: 16px; } *:focus { outline: none; } details div { padding: 1.5em; border-radius: 5px; border: solid 1px #e2e8ec; background-color: #f9fcff; width: 100%; max-width: 684px; } details div > * + * { margin-top: 1.5em; } details + details { margin-top: .5rem; } summary::-webkit-details-marker { display: none; } summary { list-style: none; padding: .75em 1em; cursor: pointer; position: relative; padding-left: calc(1.75rem + .75rem + .75rem); color: #1b75bc; border-radius: 5px; border: solid 1px #ceeafb; background-color: #f1f8fe !important; width: 100%; max-width: 684px; } summary:before { position: absolute; top: 50%; transform: translateY(-50%); left: .75rem; content: "↓"; width: 1.75rem; height: 1.75rem; background-color: #1b77be; color: #FFF; display: inline-flex; justify-content: center; align-items: center; flex-shrink: 0; border-radius: 14px; } details[open] summary:before { content: "↑"; } code { font-family: Inter, sans-serif; font-weight: 600; } .faq-card-samll-screen { width: 100% !important; max-width: 350px; } .step-2-main .congratulation { color: #000; font-size: 24px; } .step-2-main .step-2 { color: #3374AB; } .step-2-main .step-2-main-header { background-color: #2196f330; padding-top: 32px; padding-bottom: 32px; text-align: center; } .step-2-main .step-2-main-form { padding: 42px 100px 56px; } .step-2-main .form-name { font-size: 22px; font-weight: bold; color: #000; margin-bottom: 40px; text-align: center; } .step-2-main .step-2-form-group { width: 100% !important; margin-bottom: 15px; }
.step-2-main .step-2-address { margin-top: 33px; margin-top: 26px; font-weight: 600; } .step-2-main .step-2-cont-btn { margin-bottom: 56px; padding-top: 10px; text-align: center; } .verify-email-modal .modal-dialog { max-width: 560px; } .verify-email-modal .modal-body { padding: 0 !important; } .verify-email-modal p { margin-bottom: 17px; line-height: 1.57; } .verify-email-modal .verificationHeading { font-size: 24px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.29; letter-spacing: -.15px; color: #1b75bc; margin-bottom: 10px; margin-top: 10px; } .verify-email-modal .RectangleTop { background-color: #f2f9ff; margin: 0 0 23px; padding: 24px 25px 36px; border-radius: 25px !important; } .verify-email-modal .verify-email-content { padding-left: 37px; margin-bottom: 46px; } .verify-email-modal .verify-email-content ul { padding: 0; margin-bottom: 0; } .verify-email-modal .update-email-para { font-weight: 600; margin-left: -8px; } .verify-email-modal .verify-email-trustpilot { text-align: center; padding-bottom: 46px; } .verify-email-modal { padding-top: 27px; } .verify-email-modal .verify-email-trustpilot img { width: 100%; scale: 0.7; } .banner-background { /* background-image: url('./images/banner/banner1@3x.webp'); */ background-image: linear-gradient(to bottom, #e4e6ec, var(--white) 100%); } .infusion-field .info-con { display: block !important; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #ffac0d !important; background-color: #ffac0d !important;}
.col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 16%; } .Authorisation { color: #1b75bc; letter-spacing: -0.17px; width: 482px; height: 43px; font-size: 28px; } .js-signature canvas { /* height: 100%; max-height: 243px; width: 100% !important; max-width: 790px; */ border: solid 1px #d6e9f4 !important; border-radius: 20px; } .google { width: -webkit-fill-available; } .facebook { width: -webkit-fill-available; } .bg-white { max-width: 1170px; border-radius: 14px 14px 20px 20px; box-shadow: 0 0 24px 0 rgba(171, 171, 171, .5); padding: 0 60px 60px; } .container-bg-white { max-width: 1170px; border-radius: 0px 0px 20px 20px; margin-top: 0px !important; padding: 37px 60px 60px; } .tip-bg-dark-fradient { background-color: transparent !important; } .footer-common-forms { background-color: #f1f7fb; padding-top: 0.1rem; margin-top: 3.1rem; } .footer-common-forms a { text-decoration: none; } .footer-common-forms .footer-icons { margin-top: 10px; } .footer-common-forms .footer-icons a { margin: 5px; background: white; display: inline-flex; width: 40px; height: 40px; border-radius: 100%; align-items: center; justify-content: center; border: thin solid #13b5f133; transition: all 0.5ms ease-in-out; -webkit-transition: all 0.5ms ease-in-out; -moz-transition: all 0.5ms ease-in-out; -ms-transition: all 0.5ms ease-in-out; -o-transition: all 0.5ms ease-in-out; } .footer-common-forms .footer-icons a:hover { color: #2078be } .footer-common-forms .footer-icons a:hover { border-color: #00aeef; } .footer-common-forms h5 { margin-bottom: 12px; font-weight: 600; position: relative; color: #000; } .footer-common-forms .review-img-wrapper { text-align: right; } .footer-common-forms .review-img-wrapper i { color: #2078be; } .footer-common-forms .ft-update-last { font-size: 13px; } .footer-common-forms .ft-update-last .container { display: flex; justify-content: center; } .footer-common-forms .ft-update-last a { color: #000; } .footer-common-forms p { margin: 0; } .footer-common-forms .review-img-wrapper img { width: 205px; } .footer-common-forms .review-img-wrapper p { margin-top: 10px; } .footer-common-forms .review-img-wrapper p a { color: #000; font-weight: 600; font-size: 14px; } .text2u-btn-warning, .text2u-btn-warning:hover { width: 100%; color: white; background-image: linear-gradient(99deg, #ffc350 -4%, #ffa800 97%) !important; box-shadow: 0 5px 12px 0 #ffbc3aa6; height: auto; border-radius: 28px; padding-top: 0.6em; padding-bottom: 0.6em; }
.campaign-modals div input:not([type='submit']):not([type='radio']), .infusion-form input:not([type=submit]):not([type=radio]), .select2-selection, form select, html form select, select.form-control { min-height: 46px; border: 1px solid #607d8b96 !important; background: rgb(255 255 255) !important; background: linear-gradient(62deg, rgb(255 255 255) 0%, rgb(250 255 254) 100%) !important; outline: 0 !important; box-shadow: none !important; display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 0.9rem; line-height: 1.5; color: #495057; background-color: #fff !important; background-clip: padding-box; border-radius: 0.7rem; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; margin-bottom: 5px !important; letter-spacing: 0.5px !important; text-transform: inherit; font-family: 'Inter'; } #select2-select2-container { margin-top: 1px !important; } .vat-title { color: #1b75bc; } .vat-text { text-align: justify; } .Thank-You { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.09; letter-spacing: normal; text-align: center; color: #333; } .Congratulations-for {margin: 22px 0 42px;font-family: Inter, sans-serif;font-size: 24px;font-weight: bold;font-stretch: normal;font-style: normal;line-height: 1.79;letter-spacing: -0.15px;text-align: center; color: #1b75bc;} .Your-application-wil {font-family: Inter, sans-serif;font-size: 18px;font-weight: 600;font-stretch: normal;font-style: normal;line-height: 1.89;letter-spacing: -0.11px;text-align: center;color: #110;}
.Please-agree-followi { /*margin: 56px 33px 33px 80px;*/ /*font-family: Inter, sans-serif;*/ font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.09; letter-spacing: normal; color: #333; text-align: center; margin-top: 20px; } .The-information-I-ha {text-align: justify;/*font-family: Inter, sans-serif;*/font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 2;letter-spacing: normal;color: #333;} .I-have-read-and-agre {margin: 0px 20px 5px 0px;text-align: justify;font-family: Inter, sans-serif;font-size: 16px;font-weight: normal;font-stretch: normal;font-style: normal;line-height: 1.5;letter-spacing: normal;color: #333;} .termsError {margin: 0px 0px 0px 90px;color: red;font-weight: 600;} .term-checkbox-row {margin-top: 20px;/*margin-left: 80px;*/padding-left: 15px;padding-right: 15px;max-width: 900px;margin-left: auto;margin-right: auto;} .step-2-main .congratulation { color: #000; font-size: 20px; line-height: 2.2; letter-spacing: -0.12px; } .step-2-main .step-2 { color: #3374AB; } .error.termsError { margin-top: 10px; font-size: 15px; border: none !important; color: #dc0202 !important; font-weight: 600; display: block; text-align: center !important; }
/*popup page code start*/
.step-2-main .congratulation { color: #000; font-size: 24px; } .step-2-main .form-name {font-size:16px;font-weight:600;color:#000;margin-bottom:25px; }.Payment-step5 { font-size: 24px !important; font-weight: bold; margin-bottom: 25px; line-height: 1.29; letter-spacing: -0.15px;text-align: center !important; color: #1b75bc !important; } .partnership-registration-sm { display: none; } .modal-p { font-size: 15px !important; font-weight: 600; color: #000; margin-bottom: 25px; text-align: center !important; } .Payment { font-size: 24px; font-weight: bold; margin-bottom: -40px; line-height: 1.29; letter-spacing: -0.15px; text-align: center !important; color: #1b75bc !important; } .orange-card { margin: 0 0 0px; padding: 38px 45px 33px 17.4px; object-fit: contain; border-radius: 10px; border: solid 2px #ffe4b2; background-color: #fff9ee; } .info-card { margin: 0px 0 10px; padding: 25px 30px; object-fit: contain; border-radius: 10px; border: solid 2px #aad9fe; background-color: #f7fbfe; } .info-card p { margin-bottom: 0px; } .btn-banner-info { width: 100%; max-width: 297px; max-height: 56px; height: 100vh; padding: 15px 0 !important; border-radius: 33px; box-shadow: 0 5px 12px 0 #b2deff; border: solid 1px #01b0f5; background-image: linear-gradient(97deg, #86ddff -4%, #00b0f5 97%); font-size: 18px !important; font-weight: 700; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: -.11px; text-align: center; color: #fff } .btn-banner-info:hover { color: #fff } .card-body .btn-banner-info { margin: 0 0 10px 6.6px; } .list-check-icon li::marker { color: #00aeef; } .See-pricing-after-3 { margin-top: 10px; color: #15b7f7; text-align: center; } .Check-our-terms-for {margin: 10px 0 0;}
.special-offer-copy { width: 120px !important; margin: 37px 0px 0px -70px; } .bookkeeping-service { position: absolute; top: 1.8em;left: 33em; } .Accounting-fee-Mont { margin: 0 208px 8px 0; font-family: Inter, sans-serif; font-size: 18px; font-weight: 800; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #333; } .First-10-transaction { font-size: 16px; font-weight: 600; letter-spacing: normal; color: #333; margin-bottom: 0px; } .Included-30VAT- { /*margin: 8px 0 0 41px;*/ font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.06; letter-spacing: normal; text-align: right; color: #333; } .Addons { font-size: 18px; font-weight: 800; color: #333; } .Addons-card { margin: 15px 0 0; padding: 22px 15px 11px 15px; object-fit: contain; border-radius: 20px; border: solid 1px #aad9fe; background-color: #ddf0ff; margin-bottom: 30px; } .Addons-card table { margin-top: 20px; } .Addons-card table * { font-weight: 600; } .below-charges-will-b { margin: 2px 174px 0px 0; font-size: 14px; font-weight: 600; font-style: italic; color: #333; } .CIS-Filing-Monthly { /*margin: 20px 10px 0px 0;*/ font-size: 14px; font-weight: 600; color: #333; } .up-to-5-Subcontracto { margin: 0px 10px 0px 39px; font-family: Inter, sans-serif; font-size: 14px; color: #333; } .after-5-subcontract {margin: 2px 58px 9px 0px;font-family: Inter, sans-serif;font-size: 13px;font-weight: normal;font-stretch: normal;font-style: italic;line-height: 1.23;letter-spacing: normal;text-align: right;color: #1b75bc;}
/*popup page code end*/
#myModal-vat-1 { } #myModal-vat-2 .modal-content,#myModal-vat-2 .modal-body,#myModal-vat-2 .modal-dialog,#myModal-vat-1 .modal-content, #myModal-vat-1 .modal-body, #myModal-vat-1 .modal-dialog { border: none; background: transparent !important; background-image: none; } #myModal-vat-2 .seq-background-banner, #myModal-vat-1 .seq-background-banner { border-radius: 60px 60px 0px 0px; overflow: hidden; } #myModal-vat-2 .modalSequence-register-seq-top-heading { margin-top: 15px; } #myModal-vat-2 .seq-popupClose { top: 30px; } .modalSequence-register-seq-2-text { margin-bottom: 15px !important; margin-top: -20px !important; } #myModal-vat .modal-p {margin-top: 37px;margin-bottom: 0px;}
/* new code  */
.thank-you-v-email-card { /* width: 1170px; */ width: 100%; height: auto; margin: 0 0 60px; padding: 70px 0px 46px 0px; background-color: #dff0fd; } img.ico-email-verified { width: 85.3px; height: 80px; margin: 0 0px 40px 0px; object-fit: contain; } .Thank-You-for-Verify { margin: 0px 0px 10px 0px; font-size: 28px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.54; letter-spacing: -0.17px; text-align: center; color: #1b75bc; } .Your-email-has-been { font-size: 20px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 2.2; letter-spacing: -0.12px; text-align: center; color: #110; } .Click-the-button-bel { margin: 54px 0 53px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: -0.1px; text-align: center; color: #110; } .lets-get-started { display: none; margin: 10px 0 0px; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.69; letter-spacing: -0.1px; text-align: center; color: #110; } .Join-1000s-of-othe { margin: 60px 0px 0px 0px; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.09; letter-spacing: normal; text-align: center; color: #333; } img.Trustpilot-logo { width: 320.3px; height: 30.3px; margin: 40px 0px 82px 0px; object-fit: contain; } .If-you-register-for { margin: 20px 0px; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.94; letter-spacing: -0.11px; color: #110; display: block; } .button-estimate { width: 450px !important; height: 56px !important; max-width: 100% !important; } .Responsibilities-of-vat-card { width: 100%; margin: 10px 0px 0px 0; padding: 10px 30px; object-fit: contain; border-radius: 10px; border: solid 2px #aad9fe; background-color: #f7fbfe; vertical-align: middle; } .Responsibilities-of-vat-card-counts { width: 38px; height: 38px; margin: 10px 25px 8px 0; padding: 6px 12.2px 6px 13.8px; border-radius: 30px; color: white; background-color: #00aeef; } .Responsibilities-of-vat-card-title { margin: 17px 0px 17px 0px; font-size: 16px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.38; letter-spacing: -0.1px; color: #110;}
.Responsibilities-of-vat-card-ul { font-size: 15px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.75; letter-spacing: -0.1px; color: #110; margin-bottom: 0px; } .package-card { background-color: #F7A800; background: linear-gradient(185deg, rgba(247, 168, 0, 1) 24%, rgba(247, 186, 0, 1) 49%, rgba(247, 199, 0, 1) 74%); border: 8px solid #be871d; border-radius: 15px; padding: 15px; color: #2F2F2F; position: relative; margin: 20px 0; } .package-card-title { font-weight: bold; font-size: 22px; font-stretch: normal; font-style: normal; line-height: 1.38; } .First-VAT-return-submitted-for-FREE { font-weight: bold; font-size: 20px; font-stretch: normal; font-style: normal; line-height: 1.38; } .months-FREE-bookkeeping { font-weight: bold; font-size: 20px; font-stretch: normal; font-style: normal; line-height: 1.38; } .most-popular-badge { border-radius: 10px; color: white; font-size: 14px; } .price-badge, .price-badge:hover { background-color: #1d8f56; color: white; padding: 9px 16px; border-radius: 33px; font-size: 18px; font-weight: bold; width: 100% !important; display: inline-block; max-width: 210px; } .timer-box { font-weight: bold; font-size: 20px; background-color: #cf8b08; color: #030202; padding: 5px 10px; border-radius: 5px; display: inline-block; margin: 0 5px; } .strikethrough { font-size: 20px; text-decoration: line-through; color: #3f3f00; } .text-decoration-underline { font-weight: bold;text-decoration: underline; } .package-card-counter { margin: 15px 0px 30px 0px; } .terms-and-conditions-offer { font-family: Inter; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #000; } .vat-fee-after-three-month { font-family: Inter; font-size: 14px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; color: #000; } .Type-of-Business { margin: 0 0px 19px 0; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; color: #333; } .seq-top-banner {position: relative; /* Make the container position relative */ display: inline-block;}
.Business-Address { margin: 0px 0px 20px 0; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.22; letter-spacing: normal; color: #333; } .Personal-Information { margin: 0px; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333; } .Personal-Address { margin: 0% 0px 20px 0; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #333; } .What-are-the-VAT-cos { width: 422px; position: absolute; top: 36%; left: 50%; z-index: 2; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.45; letter-spacing: -0.14px; text-align: center; color: #fff; transform: translateX(-50%); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); } .modalSequence-register-seq-piggy { position: sticky; margin-top: -40px; object-fit: contain; } .modalSequence-register-content { width: 100%; margin: -10px 0px 0px 0px; padding: 0px 43px 26px; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px; background-image: linear-gradient(to bottom, #e0eafc, #f4fbff); } .VAT-Quarterly-filing-addons { padding: 72px 43px 26px; border-radius: 30px; object-fit: contain; border-radius: 20px; border: solid 1px #aad9fe; background-color: #f7fbfe; } .VAT-Quarterly-filing { font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #333; } .VAT-Filing-Fee { margin: 8px 37px 4px 0; font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #333; } .Bookkeeping-Fee { font-size: 18px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.39; letter-spacing: normal; color: #333; } table th { border: none !important; /* Remove borders from table cells (if needed) */ } .step-6-continue-btn-outer { display: block; text-align: center !important; width: 100%; padding: 40px 0 55px; } #step-1-form-utr { width: 100%; max-width: 900px; margin-left: auto; margin-right: auto; } #step-1-form-utr-button { display: block; width: 100%; padding: 40px 0 55px; } .dynamowebs-steps-listing {} .seq-popupClose { position: absolute; top: 3%; left: 45%; background: transparent; border: none; color: white; } .dynamowebs-confirmation-button { display: block; width: 100%; padding: 40px 0px; }
.dynamowebs-vat-step-3-outer { padding-bottom: 21px; margin-top: 5%; } .vat-p-modal-12 { margin-top: 20px } #myModal-vat-3 .modal-content { border-radius: 35px; overflow: hidden; position: relative; } #myModal-vat-3 .modal-dialog { width: 100%; max-width: 800px; margin: 3.75rem auto; } #myModal-vat-3 .seq-top-banner { width: 100%; background-image: url('./../images/banner/banner-bg.png'); background-repeat: no-repeat; background-size: cover; /* Ensures it covers full width */ background-position: center; height: 186px; /* You can increase/decrease, piggy will adjust */ position: relative; text-align: center; display: flex; flex-direction: column; justify-content: center; color: #fff; margin-top: -30px; } #myModal-vat-3 .seq-top-banner button.seq-popupClose { position: unset; background: transparent; border: none; color: white; font-weight: bold; cursor: pointer; } #myModal-vat-3 .What-are-the-VAT-cos { position: unset; font-size: 22px; font-weight: bold; color: #fff; margin-top: 10px; } #myModal-vat-3 .seq-piggy { width: 80px; height: 80px; margin-top: -40px; /* Half the height to overlap */ border-radius: 50%; background: white; padding: 8px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); } #myModal-vat-3 .VAT-Quarterly-filing-addons {padding: 15px;max-width: 604px;justify-content: center;margin: auto;} #myModal-vat-3 .modalSequence-register-content {padding: 0 15px 20px 15px;}.months-FREE-points li {font-family: Inter;font-size: 16px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.56;letter-spacing: normal;color: #333;}.package-card-counter-title {justify-content: center;}.counter-title {font-weight: bold;font-size: 20px;color: #0303035c;padding: 0px;margin: 15px 5px 0px 5px;line-height: 5px;}
@media only screen and (max-width: 992px) {
    .package-card-counter-title { margin: 0px; } .counter-title { margin: 15px 0px 15px 0px; } .What-are-the-VAT-cos { top: 26%; } .seq-popupClose { position: absolute; top: 0%; } .continue-with-vat-applicatoOm {font-size: 11px !important; font-weight: 600; } .Click-the-button-bel { font-size: 14px; display: none; } .lets-get-started { font-size: 14px; display: block; } .package-card { background: linear-gradient(308deg, rgba(247, 168, 0, 1) 24%, rgba(247, 186, 0, 1) 49%, rgba(247, 199, 0, 1) 74%) !important; }
	/* new code  */
	img.ico-email-verified { width: 66.3px; height: 70px; margin: 0 0px 25px 0px; object-fit: contain; } .Thank-You-for-Verify { font-size: 24px; line-height: 1.50; } .Your-email-has-been { font-size: 18px; } .Join-1000s-of-othe { margin: 50px 0px 0px 0px; font-size: 18px; }
	/* new code end */
	.ft-update-last .container { flex-direction: column; text-align: center; } .termsError { margin: 0px; } .footer-common-forms div:has(>.footer-logo), .footer-common-forms .review-img-wrapper :is(img, h5) { display: none; } .footer-common-forms h5 { display: inline-block; } .footer-common-forms h5::after { width: 100%; } .footer-common-forms .review-img-wrapper { text-align: center; } .footer-common-forms { text-align: center; } .footer-common-forms .col-md-4 { max-width: 100%; flex-basis: 100%; flex-grow: 1; } .footerimage { margin-top: 33px; } .bg_main .You_will_be_on_30 h5 { text-align: center; } .bg_main .You_will_be_on_30 h5 { margin-top: 17px; } .bookkeeping-service { top: 1em; left: 20em; }
}
@media only screen and (min-width: 992px) { .footer-common-forms .comp_info { margin-right: 29px; } #myModal-vat-3 .seq-popupClose { position: absolute; top: 10%; } }
@media only screen and (max-width: 768px) { .term-checkbox-row { /*margin-left: 55px;*/ } .The-information-I-ha { /*margin: 8px 50px 5px 0px !important;*/ text-align: justify; } .I-have-read-and-agre { margin: 8px 50px 0px 0px; text-align: justify; } .banner-background { background-image: none; } .bg-footericons { display: none; } .footer-last .container { float: none; text-align: center; } .partnership-registration-sm { display: block !important; margin: auto; } .partnership-registration-lg { display: none !important; } .img-col { text-align: center; width: 50px !important; } .bookkeeping-service { top: 0.8em !important; left: 20em !important; } .special-offer-copy { width: 120px !important; margin: -36px 0px 0px 0px; } .Responsibilities-of-vat-card-ul { margin-top: 5px; } .Rectangle-Copy-171 { padding: 10px 10px; } #step-1-form-utr-button { padding: 10px 0 10px; } .step-2-main .step-2-main-form { padding: 20px 15px; } .step-2-main .step-2-main-form { padding: 5px 15px;} .Responsibilities-of-vat-card { padding-top: 15px; } .Responsibilities-of-vat-card-counts { padding: 5px 12px; margin-left: -19px; } .Responsibilities-of-vat-card-title { font-size: 16px; line-height: 0.38; letter-spacing: -0.1px; display: inline-block; margin-left: -25px !important; } .container-bg-white { padding: 10px 10px; } .Type-of-Business { color: #333; margin-top: 13px; font-size: 20px; } .step-2-main .step-2-cont-btn { padding-top: 10px; } main .step-2-cont-btn { margin-bottom: 30px; } .dynamowebs-vat-step-3-outer { padding-bottom: 5px; margin-top: 0%; } }
@media only screen and (max-width: 580px) { #myModal-vat-3 .seq-background-banner { display: none; } #myModal-vat-3 .seq-background-banner-sm { display: block; width: 100%; max-width: 100%; } #myModal-vat-3 .modal-dialog { max-width: 95%; } #myModal-vat-3 .modal-content { border-radius: 20px; height: 95vh; /* 95% of viewport height */ display: flex; flex-direction: column; } #myModal-vat-3 .modal-body { flex: 1; overflow-y: auto; } #myModal-vat-3 .seq-top-banner { height: 160px; /* Reduce for mobile */ background-size: cover; } #myModal-vat-3 .seq-piggy { width: 70px; height: 70px; margin-top: -35px; } .seq-top-banner { position: static; display: block; } .What-are-the-VAT-cos { position: absolute; top: 15%; left: 50%; font-size: 18px; line-height: 1.42; } .VAT-Quarterly-filing { font-size: 16px; } .VAT-Filing-Fee { font-size: 16px; } .Bookkeeping-Fee { font-size: 16px; } .seo-page-content { } .seo-page-content detail { } .seo-page-content summary { } .seo-page-content p, .seo-page-content li { font-size: 14px; margin: 0px; line-height: 18px; } .Responsibilities-of-vat-card-title { margin-left: -0px !important;}}
@media only screen and (max-width: 480px) {
    .counter-title { margin: 15px 5px 15px 5px; } #myModal-vat-3 .What-are-the-VAT-cos { font-size: 16px; margin-top: 35px; } .container-bg-white { padding: 15px 15px; } .Responsibilities-of-vat-card-counts { margin: 10px 20px 8px 0; padding: 5px 11px; border-radius: 30px; } .modal-content .modal-body { padding: 10px 15px !important; } .popupImagewrapper.newPopupHeaderWithLogo { margin-top: 0px !important; } .modal_head h5 { font-size: 16px; margin: 0; } .modal_head h3 { font-size: 20px; } .modal_head h6 { font-size: 13px; } .modal_head p, .modal_head a { font-size: 13px; } .bg-tag p { padding: 7px 25px; font-size: 11px !important; } .standard_service, .yearly_accounting, .card_popular1, .card_full_service { margin-top: 10px !important; padding: 0 !important; }	.standard_service .img_lg, .yearly_accounting .img_lg, .card_popular .img_lg, .card_full_service .img_lg { display: none; } .standard_service .img_sm, .yearly_accounting .img_sm, .card_popular1 .img_sm, .card_full_service .img_sm { display: block !important; } .modal_head.delete_applicationLink { padding: 0px 30px; } .modal_head_1 h5 { font-size: 18px; } .bg_main { padding-left: 15px !important; padding-right: 15px !important; margin-top: 30px; } .bg_main .flash_sale { margin-top: -33px; } .flash_sale .img_lg, .utr_2_weeks .img_lg { display: none; } .flash_sale .img_sm { display: block !important; width: 100%; max-width: 155px; margin: auto; } .utr_2_weeks .img_sm { display: block !important; width: 100%; margin: auto; } .bg_main .To_continue_your_app p { font-size: 13px; } .bg_main .You_will_be_on_30 h5 { font-size: 17px; margin-top: 13px; text-align: center; } .bg_main .You_will_be_on_30 span { font-size: 11px; } .bg_main .You_will_be_on_30 .mins, .bg_main .You_will_be_on_30 .sec { padding: 13px 20px; }
	.bg_main .You_will_be_on_30 .mins h3, .bg_main .You_will_be_on_30 .sec h3 { font-size: 30px; } .flash_sale_expired h5 { font-size: 28px; } .img.Rectangle-Copy-18 { padding: 0px 15px 0px !important; } .Your-UTR-number-will { margin-bottom: 20px !important; font-size: 13px !important; } .Everything-you-want { margin: 17px 0px 19px -12px !important; text-align: -webkit-center; } .Register-for-your-Pa { line-height: 1.33; font-size: 26px; } .If-you-register-for { margin: 10px 15px; font-size: 18px; font-weight: 600; font-stretch: normal; font-style: normal; line-height: 1.56; letter-spacing: -0.11px; color: #110; } #vat-submitstep6 { width: 259px !important; height: 56px !important; max-width: 400px !important; font-size: 12px; margin-top: -5px; } .Responsibilities-of-vat-card-title { font-size: 14px; font-weight: 600; line-height: 1.38; letter-spacing: -0.1px; margin-left: -0px !important; margin-top: 0px; margin-bottom: 0px; } .Weve-easy-for-you-t { font-size: 14px !important; margin: 0 !important; } .tip-bg-dark-fradient { text-align: justify; padding-right: 30px; padding-left: 20px !important; padding-bottom: 5px !important; } .tip-paracontainercustom {padding-right: 0px !important;}
	.Rectangle-Copy-2 { margin-right: 12px !important; } .Rectangle { margin-right: 21px !important; } .faq-card-samll-screen { margin-top: 15px; margin-right: -8px; width: 100% !important; max-width: 350px; } summary { width: inherit !important; } details div { width: inherit !important; } .banner-background { background-image: none; } .step-2-main .step-2-main-form { padding: 42px 30px 56px; } .step-2-main .step-2-cont-btn { padding-top: 0px; } .verify-email-modal .verify-email-trustpilot img { scale: 0.9; } .bg-footericons { display: none; } .footer-last .container { float: none; text-align: center; } .verify-email-modal { padding-top: 10px; padding-right: 18px !important; } .footer-common-forms { /*padding-bottom: 12rem;*/ } .bg-white { margin-right: 9px; } .infusion-field .info-con {padding-bottom: 15px; } .tip-resposive {display: block !important; } .tip-desktop { display: none !important; }	.bookkeeping-service {position: absolute;top: 1.8em !important;left: 37em !important;font-size: 8px !important;} .after-5-subcontract { margin: 2px 22px 9px 0px; } .CIS-Filing-Monthly { margin: 20px 0px 0px 0 !important; font-size: 12px !important; } .up-to-5-Subcontracto { margin: 0px 0px 0px 0.7px !important; font-size: 12px !important; } .Accounting-fee-Mont { margin: 0 !important; font-size: 13px; font-weight: 800; font-stretch: normal; font-style: normal; letter-spacing: normal; color: #333; } .First-10-transaction { margin: 10px -25px 0px -27px; font-size: 12px; } .Included-30VAT- { margin: 60px 0px 0 20px; font-size: 12px; font-weight: 600; line-height: 1.06; } .below-charges-will-b { margin: 2px 0px 0px 0; font-size: 12px; } .special-offer-copy { width: 40% !important; margin: -35px 0 0px 0px; } .bookkeeping-charges { text-align: center; } .Check-our-terms-for { margin: 30px 0 0; } .See-pricing-after-3 { margin: 15px 0 15px 0 !important; } .orange-card { margin: 0 0 0px !important; }
	.info-card { margin: 25px 0 0px !important; } .btn-banner-orange,.btn-banner-info { margin-top: 20px !important; font-size: 13px !important; max-height: 45px !important; padding: 0px !important; max-width: 90% !important; padding-top: 10px !important; } #myModal-vat-2 .Addons-card { margin-bottom: 20px !important; } #myModal-vat-2 .seq-background-banner { border-radius: 30px 30px 0px 0px; } .partnership-registration-sm { max-width: 330px !important; margin-bottom: 15px; } .info-con p { margin-top: 0px !important; font-size: 15px !important; } .dynamowebs-confirmation-button { } .step-2-main { } .step-2-main .step-2-main-header { } img.ico-email-verified { margin-bottom: 20px; } .Thank-You-for-Verify {font-size: 1.2em; line-height: 0px; } .text2u-partner-form-btn {margin-top: 15px;margin-bottom: 0px;} .vat-p-modal-12 {} .package-card-title { font-size: 18px;}	.First-VAT-return-submitted-for-FREE, .months-FREE-bookkeeping { font-size: 15px; margin-bottom: 2px; } .terms-and-conditions-offer { display: block; text-align: center; } .vat-fee-after-three-month { display: block; text-align: center; } .months-FREE-description { font-size: 14px; font-weight: 600; padding-left: 4px; margin-bottom: 5px; } #myModal-vat .text-dark { font-size: 11px; } .package-card-counter { margin: 0px 0px 20px; } .If-you-register-for { font-size: 14px; margin: 0px !important; } .Responsibilities-of-vat-card span {} .Responsibilities-of-vat-card ul {} .Responsibilities-of-vat-card ul li {font-size: 12px;line-height: 15px;}.VAT-Quarterly-filing {font-size: 15px;} .VAT-Quarterly-filing-addons { padding: 10px; } .VAT-Quarterly-filing-addons table {} .VAT-Quarterly-filing-addons table td {font-size: 13px;padding-top: 8px;padding-bottom: 8px; } #myModal-vat-3 .modalSequence-register-content {padding-left: 20px;padding-right: 20px;}
}
@media only screen and (max-width: 460px) {.bookkeeping-service {top: 1.8em !important;left: 36.5em !important;}}
@media only screen and (max-width: 445px) {.bookkeeping-service {top: 1.8em !important;left: 35em !important;}}
@media only screen and (max-width: 420px) {.bookkeeping-service {top: 1.8em !important;left: 33em !important;}}
@media only screen and (max-width: 400px) {.bookkeeping-service {top: 1.8em !important;left: 31em !important;}}
@media only screen and (max-width: 350px) {.bookkeeping-service {top: 1em !important;left: 27em !important;}}