/*
 *   @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        utr-form-style.css
 *   @modified    4/17/26, 10:47 AM
 *   @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("global.css");
#myModal, #myModal_1 { background-color: rgba(50, 50, 50, 0.67); } .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 { 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; }
@media only screen and (max-width: 992px) { .bg_main .You_will_be_on_30 h5 { text-align: center; } .bg_main .You_will_be_on_30 h5 { margin-top: 17px;  } }
@media only screen and (max-width: 480px) { .modal-content .modal-body {padding: 25px 20px !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: 12px; } .standard_service, .yearly_accounting, .card_popular, .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_popular .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;} }