﻿/*
 *   @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        global.css
 *   @modified    6/3/26, 11:50 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
 *
 */
/* Apply globally */
body {
	font-family: "Inter", sans-serif;
}

.taxDesignApp-wrapper {
	width: 100%;
	max-width: 1200px;
}

.modal-open .modal {
	background-color: #2125297d !important;
}

/*=====================*/
input:disabled, textarea:disabled, select:disabled {
	background-color: #f5f5f5 !important;
	color: #a0a0a0 !important;
	cursor: not-allowed !important;
	opacity: 0.8 !important;
	border-color: #e0e0e0 !important;
}

/* Readonly input fields */
input:read-only, textarea:read-only {
	background-color: #f9f9f9 !important;
	color: #555 !important;
	cursor: default !important;
	border-color: #eee !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) !important;
}

/* Focus state for readonly fields for better accessibility */
input:read-only:focus, textarea:read-only:focus {
	outline: 2px solid #ddd !important;
	outline-offset: -2px !important;
}

/* Additional style for checkbox/radio disabled states */
input[type="checkbox"]:disabled, input[type="radio"]:disabled {
	opacity: 0.6 !important;
	cursor: not-allowed !important;
}

/*=====================*/
.form-control.error {
	border: 1px solid #e46e71 !important;
}

.form-group input, .form-group select {
	background: #f8fdfe;
	border-radius: 10px;
}

.form-group .form-control {
	background: #f9feff !important;
	background-color: #ffffff !important;
}

footer .offer-page p {
	color: rgb(102, 102, 102) !important;
	display: block !important;
	font-family: Inter, sans-serif !important;
	font-feature-settings: normal !important;
	font-kerning: auto !important;
	font-optical-sizing: auto !important;
	font-size: 13.2px !important;
	font-stretch: 100% !important;
	font-style: normal !important;
	font-variant-alternates: normal !important;
	font-variant-caps: normal !important;
	font-variant-east-asian: normal !important;
	font-variant-ligatures: normal !important;
	font-variant-numeric: normal !important;
	font-variation-settings: normal !important;
	font-weight: 400 !important;
	line-height: 23.76px !important;
}

.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 {
	background-color: transparent !important;
	min-height: fit-content;
	background: white !important;
	outline: 0 !important;
	display: block;
	width: 100%;
	height: calc(2em + 0.75rem + 4px) !important;
	font-size: 0.9rem;
	line-height: 1.5;
	color: #191919;
	background-color: #fff;
	background-clip: padding-box;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	margin-bottom: 5px !important;
	letter-spacing: 0.5px !important;
	text-transform: inherit;
	border-radius: 9px !important;
	border: 1px solid #607d8b61 !important;
	padding: 8px !important;
	box-shadow: 2px 0px 3px rgba(0, 0, 0, 0.1) !important;
	font-weight: 600;
}

.btn-review {
	padding: 15px 40px;
	border: none;
	border-radius: 30px !important;
	box-shadow: 0 9px 18px 0 #B2DEFF;
	text-align: center !important;
	background-color: #00B0F5 !important;
	background-image: none;
	color: white;
	font-weight: 800 !important;
	letter-spacing: 1px;
	font-size: 17px !important;
	max-width: fit-content;
	margin: 0 auto;
	float: none;
	display: block;
}

.review-edit {
}

.review-success-heading {
	text-align: center;
	color: #ffffff;
	font-weight: 900;
	font-size: 3em;
	border: 1px solid #31bbff;
	background: linear-gradient(45deg, #00aeef, #33bbff);
	border-radius: 10px;
	padding: 20px 5%;
}

body.modal-open .icon-top-holder {
	display: none !important;
}

.img-fluid {
	width: 100%;
}

.nav-max {
	max-width: 1200px;
}

html .home-header {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	height: auto !important;
}

.links.home-header { /*border-bottom: 4px solid #30a7e0;*/
}

/* custom btn for tax2u  */
/* Base TU Button */
.btn-tu {
	width: 100%;
	display: inline-block;
	font-weight: 500;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	border: 1px solid transparent;
	padding: 0.375rem 0.75rem;
	font-size: 1rem !important;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;;
	cursor: pointer;
	min-height: 56px;
	border-radius: 28px;
	align-content: center;
	box-shadow: none;
}

.btn-tu.disabled, .btn-tu:disabled {
	opacity: 0.6;
}

/* Sizes */
.btn-tiny-tu {
	max-width: 80px;
	padding: 0.25rem 0.5rem;
	font-size: 16px;
}

.btn-sm-tu {
	max-width: 230px;
	padding: 0.25rem 0.5rem;
	font-size: 16px;
}

.btn-md-tu {
	max-width: 290px;
	padding: 0.375rem 0.75rem;
	font-size: 18px;
}

.btn-lg-tu {
	max-width: 390px;
	padding: 0.5rem 1rem;
	font-size: 18px;
}

/* Color Variants */
.btn-info-tu {
	background-color: rgba(0, 174, 239, 1);
	border-color: rgb(1, 154, 209);
	color: #fff;
}

.btn-info-tu:hover {
	background-color: rgb(41 165 212);
	border-color: rgb(1, 154, 209);
	color: #fff !important;
}

.btn-info-tu:disabled {
	background-color: rgb(41 165 212 / 50%);
	border-color: rgb(1 154 209 / 21%);
}

.btn-info-light-tu {
	background-color: rgb(250, 252, 253);
	border-color: rgb(1, 154, 209);
	color: #000000;
}

.btn-info-light-tu:disabled {
	background-color: rgba(218, 220, 221, 0.5);
	border-color: rgb(1 154 209 / 21%);
}

.btn-primary-tu {
	background-color: #007bff;
	border-color: #007bff;
	color: #fff;
}

.btn-primary-tu:hover {
	background-color: #0056b3;
	border-color: #0056b3;
	color: white !important;
}

.btn-primary-tu:disabled {
	background-color: #0e75e49e;
	border-color: #0056b33d;
}

/* New secondary button */
.btn-secondary-tu {
	background-color: transparent;
	border-color: #00AEEF;
	color: #00AEEF;
}

.btn-secondary-tu:hover {
	background-color: #d2f0fa;
	border-color: #00AEEF;
}

.btn-secondary-tu:disabled {
	background-color: transparent;
	border-color: #00AEEF;
	color: #8F929C;
	cursor: not-allowed;
	opacity: 0.65;
}

.btn-danger-tu {
	background-color: #dc3545;
	border-color: #dc3545;
	color: #fff;
}

.btn-danger-tu:hover {
	background-color: #a71d2a;
	border-color: #a71d2a;
}

.btn-danger-tu:disabled {
	background-color: #a71d2a9c;
	border-color: #a71d2a6e;
}

.btn-success-tu {
	background-color: #28a745;
	border-color: #28a745;
	color: #fff;
}

.btn-success-tu:hover {
	background-color: #1c7430;
	border-color: #1c7430;
}

.btn-success-tu:disabled {
	background-color: #1c74308f;
	border-color: #1c743040;
}

.btn-warning-tu {
	background-color: #ffc350;
	border-color: #ffc107;
	color: #212529;
}

.btn-warning-tu:hover {
	background-color: #eca00e;
	border-color: #d39e00;
}

.btn-warning-tu:disabled {
	background-color: #eca00e69;
	border-color: #d39e0029;
}

a {
	text-decoration: none;
}

.taxDesignApp-primary-button {
	width: 100%;
	max-width: 290px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #01B0F5;
	box-shadow: 0px 9px 18px 0px #B2DEFF;
	background: linear-gradient(125.89deg, #86DDFF 2.12%, #00B0F5 91.74%);
}

.taxDesignApp-primary-button:Disabled {
	text-align: center;
	color: #A3A3A3;
	box-shadow: none;
	border: none;
	background: #D4D2D5 !important;
}

.taxDesignApp-primary-back-button {
	display: inline-block;
	width: 100%;
	max-width: 180px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #01B0F5;
	box-shadow: 0px 9px 18px 0px #B2DEFF;
	background: linear-gradient(125.89deg, #86DDFF 2.12%, #00B0F5 91.74%);
}

.taxDesignApp-primary-back-button .taxDesignApp-primary-back-button-icon {
	margin-right: 5px;
	font-size: 18px;
}

.taxDesignApp-primary-upload-button {
	display: inline-block;
	width: 100%;
	max-width: 180px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 14px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #01B0F5;
	box-shadow: 0px 9px 18px 0px #B2DEFF;
	background: linear-gradient(125.89deg, #86DDFF 2.12%, #00B0F5 91.74%);
}

.taxDesignApp-primary-upload-button .taxDesignApp-primary-upload-button-icon {
	margin-right: 5px;
	width: 14px;
	height: 14px;
}

.taxDesignApp-secondary-button {
	width: 100%;
	max-width: 290px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #ECA00E;
	box-shadow: 0px 9px 18px 0px #F7D8A5;
	background: linear-gradient(125.89deg, #FFC350 2.12%, #FFA800 91.74%);
}

.taxDesignApp-secondary-button:disabled {
	color: #A3A3A3;
	border: none;
	box-shadow: none;
	background: #D4D2D5;
}

.taxDesignApp-secondary-tax-return-button {
	width: 100%;
	max-width: 290px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #ECA00E;
	box-shadow: 0px 9px 18px 0px #F7D8A5;
	background: linear-gradient(125.89deg, #FFC350 2.12%, #FFA800 91.74%);
}

.taxDesignApp-secondary-tax-return-button .taxDesignApp-secondary-tax-return-button-icon {
	margin-right: 5px;
	width: 29.98px;
	height: 29.98px;
	border: none;
}

.taxDesignApp-secondary-submit-button {
	width: 100%;
	max-width: 290px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #ECA00E;
	box-shadow: 0px 9px 18px 0px #F7D8A5;
	background: linear-gradient(125.89deg, #FFC350 2.12%, #FFA800 91.74%);
}

.taxDesignApp-secondary-submit-button .taxDesignApp-secondary-submit-button-icon {
	margin-right: 5px;
	font-size: 18px;
	border: none;
}

.taxDesignApp-secondary-next-button {
	display: inline-block;
	width: 100%;
	max-width: 180px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #ECA00E;
	box-shadow: 0px 9px 18px 0px #F7D8A5;
	background: linear-gradient(125.89deg, #FFC350 2.12%, #FFA800 91.74%);
}

.taxDesignApp-secondary-next-button .taxDesignApp-secondary-submit-next-icon {
	margin-left: 10px;
	font-size: 18px;
	border: none;
}

.taxDesignApp-secondary-download-green-button {
	width: 100%;
	max-width: 290px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #078444;
	box-shadow: 0px 5px 12px 0px #B2DEFF;
	background: linear-gradient(90deg, #08C185 0%, #078344 100%);
}

.taxDesignApp-secondary-download-green-button .taxDesignApp-secondary-download-green-button-icon {
	margin-right: 5px;
	font-size: 18px;
	border: none;
}

.taxDesignApp-secondary-green-button {
	width: 100%;
	max-width: 290px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #078444;
	box-shadow: 0px 5px 12px 0px #B2DEFF;
	background: linear-gradient(90deg, #08C185 0%, #078344 100%);
}

.taxDesignApp-secondary-green-button:disabled {
	color: #A3A3A3;
	border: none;
	box-shadow: none;
	background: #D4D2D5;
}

.taxDesignApp-secondary-green-button-md {
	width: 100%;
	max-width: 180px;
	height: 56px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 700;
	font-size: 18px;
	line-height: 100%;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #078444;
	box-shadow: 0px 5px 12px 0px #B2DEFF;
	background: linear-gradient(90deg, #08C185 0%, #078344 100%);
}

.taxDesignApp-secondary-green-button-md:disabled {
	color: #A3A3A3;
	border: none;
	box-shadow: none;
	background: #D4D2D5;
}

.taxDesignApp-supporting-my-account-button {
	width: 100%;
	max-width: 190px;
	height: 46px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.12px;
	text-align: center;
	color: #00AEEF;
	border: 1px solid #00AEEF;
	background: #FFFFFF;
}

.taxDesignApp-supporting-back-button {
	width: 100%;
	max-width: 190px;
	height: 46px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.12px;
	text-align: center;
	color: #FFFFFF;
	border: 1px solid #00AEEF;
	background: #00AEEF;
}

.taxDesignApp-supporting-clear-pad-button {
	width: 100%;
	max-width: 190px;
	height: 46px;
	opacity: 1;
	border-radius: 38px;
	border-width: 1px;
	align-content: center;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
	line-height: 19px;
	letter-spacing: -0.12px;
	text-align: center;
	color: #333333;
	border: 1px solid #333333;
	background: transparent;
}

.taxDesignApp-signature-pad-button-outter {
	display: flex;
}

.taxDesignApp-signature-pad-button-draw {
	width: 100%;
	max-width: 130px;
	height: 46px;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.12px;
	color: #FFFFFF;
	border: none;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	background: #1B75BC;
}

.taxDesignApp-signature-pad-button-type {
	width: 100%;
	max-width: 130px;
	height: 46px;
	font-family: Inter;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: -0.12px;
	color: #333333;
	border: none;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	background: #E2E2E2;
}

.taxDesignApp-signature-pad-button-draw-icon {
	margin-right: 5px;
	width: 25.9906px;
	height: 24px;
}

.taxDesignApp-signature-pad-button-type-icon {
	margin-right: 5px;
	width: 25.9906px;
	height: 24px;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):active {
	background-color: #00aeef !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
	padding-left: 45px !important;
	padding-right: 45px !important;
	border-radius: 30px !important;
	height: 56px !important;
	background-color: #00aeef !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):hover {
	background-color: #0095cb !important;
}

div:where(.swal2-icon).swal2-success {
	border-color: #00AEEF;
	color: #00AEEF;
}

div:where(.swal2-icon).swal2-success [class^=swal2-success-line] {
	background-color: #57d0fd !important;
}

div:where(.swal2-icon).swal2-success .swal2-success-ring {
	border: .25em solid rgb(87 208 253) !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):active {
	background-color: #6e7881 !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-cancel {
	padding-left: 45px !important;
	padding-right: 45px !important;
	border-radius: 30px !important;
	height: 56px !important;
	background-color: #6e7881 !important;
}

div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):hover {
	background-color: #6e7881 !important;
}

.I-have-read-agree-row {
	margin-top: 10px;
	margin-bottom: 10px;
}

.I-have-read-and-agree {
	margin: auto auto;
	font-size: 13px;
	font-weight: 600;
}

.terms-error {
	color: #e24646 !important;
}

.app-design-mtd-pill {
	display: inline-block;
	margin-top: 8px;
	background: rgba(255, 255, 255, 0.2);
	color: rgba(255, 255, 255, 0.9);
	font-size: 11px;
	font-weight: 600;
	padding: 3px 14px;
	border-radius: 100px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

@media only screen and (max-width: 1200px) {
	/* Sizes */
	.btn-tiny-tu {
		font-size: 16px;
	}

	.btn-sm-tu {
		font-size: 16px;
	}

	.btn-md-tu {
		font-size: 18px;
	}

	.btn-lg-tu {
		font-size: 18px;
	}
}

@media only screen and (max-width: 992px) {
	.btn-tu {
		height: 36px;
	}

	/*home screen navigation*/
	html .home-header {
		padding-top: 10px !important;
	}

	/*sub pages navigation*/
	.navigation-utr {
		text-align: left;
		padding-left: 0px;
		padding-right: 0px;
	}

	.navigation-utr .navbar-nav .navbar-collapse {
		background: grey;
	}
}

@media only screen and (max-width: 768px) {
	.links {
		height: auto !important;
		max-height: fit-content !important;
		padding-bottom: 25px !important;
	}
}

@media only screen and (max-width: 560px) {
	.navigation-utr .navbar-nav li a {
		max-width: 100%;
		line-height: 15px;
		margin-bottom: 0px;
	}

	.navbar-nav > li {
		padding-left: 5px;
	}
}

@media only screen and (max-width: 480px) {
	.col-3.footer-img-sec {
		width: 100%;
		max-width: 100%;
		text-align: center
	}

	.col-3.footer-img-sec p {
		margin-bottom: 0;
	}

	.review-success-heading {
		font-size: 2em;
		padding: 10px 5%;
	}

	.I-have-read-and-agree {
		font-size: 12px;
		padding-left: 10px;
	}

	html .links {
		padding-bottom: 0px !important;
	}
}

@media only screen and (max-width: 320px) {
}