/*
 *   @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-tax-return-make-tax-digital.css
 *   @modified    3/27/26, 4:44 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
 *
 */

.utr-make-tax-digital-top-ribbon {
	width: 100%;
	height: 100%;
	max-height: 50px;
	background-color: #fcf0db;
}

.utr-make-tax-digital-top-ribbon-row {
	justify-content: center;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}

.utr-make-tax-digital-top-ribbon-title {
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	letter-spacing: -0.08px;
	text-align: center;
	color: #0f0f0f;
	padding-top: 12px;
	padding-bottom: 12px;
}

/* banner code  */
html .make-tax-digital-hero-banner .container {
	max-width: 1320px;
}

.make-tax-digital-section {
	margin-top: 30px !important;
	margin-bottom: 30px;
}

.module-utr-form-v2-step-1 .phone-label {
	margin-left: 30px;
	position: absolute;
	top: 18px;
	left: 9px;
	font-size: 16px;
	color: #7a757d;
	font-weight: 600;
}

.make-tax-digital-hero-banner-outer {
	background-color: #ddf0ff;
	position: relative;
	overflow: visible;
	min-height: 550px;
}

.make-tax-digital-hero-banner {
	width: 100%;
}

.make-tax-digital-hero-banner-inner {
	padding: 20px 0px 54px 0px;
	justify-content: flex-end;
}

.make-tax-digital-content-outer {
	margin-top: 18px;
}

.make-tax-digital-title {
	font-family: Inter;
	font-weight: 600;
	font-size: 46px;
	line-height: 100%;
	letter-spacing: -0.15px;
	text-align: left;
	color: #1B75BC;
}

.make-tax-digital-title-outer {
	margin-bottom: 20px;
}

.make-tax-digital-sub-title {
	font-family: Inter;
	font-weight: 400;
	font-size: 24px;
	line-height: 34px;
	letter-spacing: -0.12px;
	text-align: left;
	color: #333333;
}

.make-tax-digital-sub-title-outer {
	margin-bottom: 15px;
}

.make-tax-digital-desc {
	font-family: Inter;
	font-weight: 500;
	font-size: 20px;
	line-height: 34px;
	letter-spacing: -0.12px;
	color: #333333;
}

.make-tax-digital-desc-outer {
	margin-bottom: 20px;
}

.make-tax-digital-counter-outer {
	margin-top: 50px;
	align-content: end;
	max-height: 400px;
}

.make-tax-digital-end-in {
	font-family: Inter;
	font-weight: 700;
	font-style: Bold;
	font-size: 28px;
	line-height: 100%;
	letter-spacing: -0.12px;
	text-align: center;
	text-transform: uppercase;
	color: #333333;
}

.make-tax-digital-end-in-outer {
	text-align: center;
	margin-bottom: 25px;
}

.make-tax-digital-time-outer {
	justify-content: center;
	gap: 15px;
}

.make-tax-digital-banner-outer {
	align-content: center;
}

.make-tax-digital-banner-inner {
	display: flex;
}

.make-tax-digital-banner-img-outer {
	text-align: center;
}

.make-tax-digital-banner-img {
	width: 100%;
	max-width: 564.92px;
	max-height: 435px;
}

.make-tax-digital-features-outer {
	margin-top: 5px;
}

.make-tax-digital-features li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -0.08px;
	text-align: left;
	color: #040404;
}

.make-tax-digital-features li img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.make-tax-digital-features {
	margin-bottom: 0px;
	padding: 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.make-tax-digital-banner-btn-outer {
	margin-top: 25px;
}

.make-tax-digital-banner-btn {
	align-content: center;
	display: block;
	height: 56px;
	width: 100%;
	max-height: 56px;
	max-width: 312px;
	font-size: 16px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	align-self: stretch;
	border-radius: 100px;
	border: none;
	box-shadow: none !important;
	background-color: #00aeef;
	margin-top: 8px;
}

.make-tax-digital-banner-btn:hover {
	color: #fff !important;
	background-color: #0298d0;
}

.make-tax-digital-banner-btn.disabled, .make-tax-digital-banner-btn:disabled {
	background-color: #64c9ee;
}

.error {
	color: red;
}

.customErrorFeildsSet {
	margin-top: 5px;
	color: red;
}

.make-tax-digital-step2-continue-btn {
	font-family: Inter;
	font-size: 16px !important;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	text-align: center;
	color: #fff;
	width: 100%; /* max-width: 424px; */
	font-size: 16px;
	margin: 15px 0px 82px 0px;
	padding: 17px 0px;
	border-radius: 100px;
	border: none;
	background-color: #00aeef;
}

.make-tax-digital-step2-continue-btn:disabled {
	background-color: #039ed646 !important;
}

.make-tax-digital-step2-continue-btn:hover {
	background-color: #039ed6;
}

.offer-christmias-fast-tax-return {
	font-family: Inter;
	font-weight: 600;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.15px;
	text-align: center;
	color: #1B75BC;
	margin-top: 15px;
	margin-bottom: 25px;
}

.offer-christmias-back-btn-outer {
	margin-top: -55px;
	z-index: 99999;
}

.offer-christmias-back-btn {
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.15px;
	text-align: center;
	color: #333;
}

.utr-form-general-staged {
	max-width: 1420px !important;
	padding: 0px;
}

.start-your-UTR-application {
	text-align: left !important;
}

.start-your-UTR-application-heading {
	text-align: left !important;
}

.start-your-UTR-application-subheading {
	text-align: left !important;
}

.utr-form-heading {
	margin-bottom: 19px !important;
}

.utr-form-step-title {
	text-align: left !important;
}

.utr-form-step-description {
	text-align: left !important;
}

.file-your-tax-return-in-3-Simple-steps-img {
	max-width: 312px;
	max-height: 210px;
}

.what-is-make-tax-digital {
	width: 100%;
	height: 100%;
	max-width: 466px;
	max-height: 416px;
}

.how-make-tax-digital-works-outer {
	margin-top: 30px;
	margin-bottom: 30px;
}

.how-make-tax-digital-works-title {
	margin-bottom: 30px;
	font-family: Inter;
	font-weight: 600;
	font-size: 36px;
	line-height: 100%;
	letter-spacing: -0.1px;
	text-align: center;
	color: #333333;
}

.how-make-tax-digital-works-sub-title {
	margin-bottom: 30px;
	font-family: Inter;
	font-weight: 400;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.1px;
	text-align: center;
	color: #333333;
}

.how-make-tax-digital-works-img {
	width: 100%;
	max-width: 536px;
	max-height: 401px;
}

.how-make-tax-digital-works-point-outer {
	margin-bottom: 15px;
}

.how-make-tax-digital-works-counts {
	width: 52.543209075927734px;
	height: 56px;
	padding-right: 22px;
	padding-left: 22px;
	border-radius: 16px;
	align-content: center;
	background: #F1F8FE;
	color: #00AEEF;
}

.how-make-tax-digital-works-point {
	font-family: Inter;
	font-weight: 600;
	font-size: 18px;
	line-height: 100%;
	letter-spacing: -0.1px;
	color: #333333;
}

.how-make-tax-digital-works-desc {
	font-family: Inter;
	font-weight: 400;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: -0.1px;
	color: #333333;
}

.make-tax-digital-why-choose-taxDesignApp {
	background-color: #F1F8FE;
	border-radius: 16px;
	padding: 40px;
	align-content: center;
}

.make-tax-digital-why-choose-taxDesignApp-title {
	font-size: 36px;
	font-weight: 600;
	color: #333333;
	line-height: 100%;
	letter-spacing: -0.1px;
	text-align: left;
	margin-bottom: 25px;
}

.make-tax-digital-why-choose-taxDesignApp-sub-title {
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: auto;
	letter-spacing: -0.1px;
	text-align: left;
	margin-bottom: 25px;
}

.make-tax-digital-why-choose-taxDesignApp-features-outer {
	margin-top: 5px;
}

.make-tax-digital-why-choose-taxDesignApp-features li {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.3;
	letter-spacing: -0.08px;
	text-align: left;
	color: #040404;
}

.make-tax-digital-why-choose-taxDesignApp-features li img {
	width: 20px;
	height: 20px;
	margin-right: 10px;
}

.make-tax-digital-why-choose-taxDesignApp-features {
	margin-bottom: 15px;
	padding: 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

.make-tax-digital-card {
	background-color: #F9FAFD;
	min-height: 511px;
	border-radius: 16px;
}

.make-tax-digital-card-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	letter-spacing: -0.1px;
	color: #212529;
}

.make-tax-digital-card-sub-title {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: -0.1px;
	color: #212529;
	min-height: 180px;
}

.make-tax-digital-card-btn {
	width: 100%;
	background-color: transparent;
	border: 1px solid #00AEEF;
	border-radius: 100px;
	max-width: 268px;
	max-height: 38px;
}

.make-tax-digital-news-card-btn {
	width: 100%;
	background-color: transparent;
	border: 1px solid #00AEEF;
	border-radius: 100px;
	max-width: 142px;
	max-height: 38px;
}

.how-to-file-your-mtd-return-digitally-outer {
	text-align: center;
	margin-top: 40px;
	margin-bottom: 30px;
}

.how-to-file-your-mtd-return-digitally-title {
	font-size: 36px;
	font-weight: 600;
	color: #333333;
	line-height: 100%;
	letter-spacing: -0.1px;
	margin-bottom: 30px;
}

.how-to-file-your-mtd-return-digitally-sub-title {
	font-size: 18px;
	font-weight: 400;
	color: #333333;
	line-height: auto;
	letter-spacing: -0.1px;
	margin-bottom: 30px;
}

.how-to-file-your-mtd-returns-digitally {
	width: 100%;
	height: auto;
	max-width: 1097px;
	max-height: 590px;
}

.Ready-to-start-your-UTR-Application-now-image {
	max-width: 605px !important;
	max-height: 416px !important;
}

.utr-form-steps {
	margin-bottom: 0px !important;
}

.book-keeping-step-btn {
	margin-bottom: 20px;
	display: inline-block;
	width: 100%;
	max-width: 350px; /* padding: 17px 25px; */
	height: 56px;
	align-content: center;
	color: #FFFFFF;
	text-align: center;
	background: #00B0F5;
	border: 1px solid #01B0F5;
	box-shadow: none;
	border-radius: 38px;
}

.book-keeping-step-btn:hover {
	color: #FFFFFF !important;
}

.what-make-tax-digital-banner-img-wrapper {
	text-align: right;
}

@media only screen and (max-width: 1200px) {
	.make-tax-digital-hero-banner {
		max-width: 1300px;
	}

	.make-tax-digital-banner-inner {
		margin-top: 32px;
	}

	.make-tax-digital-content-outer {
		text-align: center;
	}

	.make-tax-digital-features {
		padding-top: 20px;
		padding-bottom: 0px;
	}

	.make-tax-digital-why-choose-taxDesignApp-features {
		padding-top: 20px;
		padding-bottom: 0px;
	}
}

@media only screen and (max-width: 992px) {
	.make-tax-digital-section {
		margin-top: 15px !important;
		margin-bottom: 15px;
	}

	.make-tax-digital-content-outer {
		margin-top: 25px;
	}

	.make-tax-digital-counter-outer {
		margin-top: 20px;
	}

	.make-tax-digital-title {
		font-size: 28px;
		line-height: 34px;
		text-align: center;
	}

	.make-tax-digital-title-outer {
		text-align: center;
		margin-bottom: 15px;
	}

	.make-tax-digital-sub-title-outer {
		text-align: center;
		margin-bottom: 0px;
	}

	.make-tax-digital-sub-title {
		font-size: 18px;
		line-height: 100%;
		letter-spacing: 0px;
		text-align: center;
	}

	.make-tax-digital-desc-outer {
		text-align: center;
		margin-bottom: 15px;
	}

	.make-tax-digital-features-outer {
		text-align: center;
	}

	.make-tax-digital-desc {
		font-size: 18px;
		line-height: 24px;
		letter-spacing: -0.12px;
	}

	.make-tax-digital-time-outer {
		justify-content: center;
	}

	.make-tax-digital-features {
		align-items: center;
	}

	.make-tax-digital-features li {
		line-height: 16px;
		letter-spacing: -0.08px;
		display: flex;
		text-align: center;
	}

	.offer-christmias-back-btn-outer {
		margin-top: -45px;
	}

	.signature-completed-title {
		margin-bottom: 5px;
	}

	.signature-completed-desc {
		margin-bottom: 20px;
	}

	.package-card .package-fast-track {
		margin-bottom: 5px;
	}

	.package-full-support {
		margin-top: -15px;
	}

	.package-full-service {
		margin-top: -15px;
	}

	.make-tax-digital-banner-img-outer {
		margin-top: 35px;
	}

	.make-tax-digital-banner-inner {
		margin-top: 0px;
	}

	.how-make-tax-digital-works-title {
		font-size: 22px;
	}

	.how-make-tax-digital-works-sub-title {
		font-size: 16px;
	}

	.how-make-tax-digital-works-img-outer {
		order: 1;
	}

	.make-tax-digital-why-choose-taxDesignApp {
		padding-left: 25px;
		padding-right: 25px;
		margin-bottom: 15px;
	}

	.make-tax-digital-why-choose-taxDesignApp-title {
		font-size: 22px;
		margin-bottom: 5px;
	}

	.make-tax-digital-why-choose-taxDesignApp-sub-title {
		font-size: 16px;
		margin-bottom: 5px;
	}

	.utr-form-steps {
		overflow: auto;
		flex-wrap: nowrap;
	}

	.how-to-file-your-mtd-return-digitally-title {
		font-size: 22px;
		margin-bottom: 15px;
	}

	.how-to-file-your-mtd-return-digitally-sub-title {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.utr-form-heading {
		font-size: 22px !important;
		margin-bottom: 15px !important;
	}

	.utr-form-sub-heading {
		font-size: 16px
	}

	.start-your-UTR-application-text-btn {
		font-size: 16px;
	}

	.how-make-tax-digital-works-counts {
		width: 42.543209px;
		padding-right: 18px;
		padding-left: 18px;
	}

	.make-tax-digital-banner-btn {
		margin-left: auto;
		margin-right: auto;
	}

	.what-make-tax-digital-banner-img-wrapper {
		text-align: center;
	}
}

@media only screen and (max-width: 768px) {
	.make-tax-digital-hero-banner-inner {
		margin-bottom: 20px;
		padding: 30px 0px 54px 0px;
	}

	.make-tax-digital-time-outer {
		gap: 10px;
	}
}

@media only screen and (max-width: 580px) {
	.utr-make-tax-digital-top-ribbon {
		max-height: 70px;
	}

	.tip-card-item {
		width: 80% !important;
	}
}

@media only screen and (max-width: 480px) {
	.tip-card-item {
		width: 100% !important;
	}

	.make-tax-digital-hero-banner-inner {
		padding: 0px 0px 20px 0px;
	}

	.make-tax-digital-features li img {
		margin-right: 18px; /* display: block; */
	}

	.make-tax-digital-banner-img {
		max-width: 376.61px;
		max-height: 290px;
	}

	.make-tax-digital-features {
		align-items: start;
	}
}

@media only screen and (max-width: 420px) {
}

/*include main css here first */