/*
 *  Copyright (C) 2025 Dynamowebs Pvt  ltd  www.dynamowebs.com , Inc -
 *  Dynamowebs : tax2u-co-uk-new All Rights Reserved :  general-stages.css (Last modified : 7/5/25, 4:12 PM )
 *  general-stages.css  Unauthorized copying of this file , via any medium is strictly prohibited
 *  Proprietary and confidential Written by Dynamowebs software & VOIP solutions
 *  <faisal.aqurz@gmail.com> / <imran@dynamowebs.com>, at  7/ 7/ 2025
 *  can not be copied and / or distributed without the express  permission of Dynamowebs
 *  github  :: https://github.com/faisal3956/
 *  website :: https://www.dynamowebs.com
 */

.utr-form-general-staged {
	max-width: 1170px;
	border-radius: 14px 14px 20px 20px;
	padding: 0 60px 60px;
	margin-top: 72px;
}

.utr-form-heading {
	font-size: 36px;
	font-weight: 700;
	margin-bottom: 60px;
}

.utr-form-step-item {
	position: relative;
	text-align: center;
}

.utr-form-illus-image {
	width: 187.6px;
	height: auto;
	margin-bottom: 30px;
}

.utr-form-step-title {
	font-size: 18px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.1px;
	text-align: center;
	color: #333;
	margin-bottom: 10px;
}

.utr-form-step-description {
	align-self: stretch;
	flex-grow: 0;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -0.1px;
	text-align: center;
	color: #333;
}

.utr-form-cta-btn {
	padding: 0.6rem 2rem;
	font-weight: 600;
	border-radius: 30px;
}

.position-relative {
	position: relative;
}

.utr-form-steps {
	margin-bottom: 40px;
	align-items: center;
}

.utr-form-section-tip-widget {
	padding-top: 176px;
	padding-bottom: 65px;
}

/* start-your-UTR-application */

.start-your-UTR-application {
	text-align: center;
	padding-top: 55px;
	padding-bottom: 55px;
	border-radius: 16px;
	background-color: #f1f8fe;
}

.start-your-UTR-application-heading {
	height: 36px;
	align-self: stretch;
	flex-grow: 0;
	font-size: 24px;
	font-weight: bold;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -0.2px;
	text-align: center;
	color: #212529;
	margin-bottom: 15px;

}

.start-your-UTR-application-subheading {
	align-self: stretch;
	flex-grow: 0;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.56;
	letter-spacing: -0.12px;
	text-align: center;
	color: #212529;
}

/* utr-form-section-what-clients-say */

.utr-form-section-what-clients-say {
	margin-top: 30px;
	margin-bottom: 30px;
	max-width: 1320px !important;
}

.utr-form-section-what-clients-say-body {
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
}

.utr-form-section-what-clients-say .quote-testimonial {
	height: 27px;
	max-width: 28.7px;
	max-height: 27px;
	object-fit: contain;
}

.what-clients-say-title-outer-col {
	text-align: center;
}

.what-clients-say-title {
	font-size: 36px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.1px;
	text-align: center;
	color: #333;
}

.utr-form-section-comment-card {
	align-items: stretch;
	gap: 40px;
	padding: 40px 30px;
	border-radius: 16px;
	background-color: #f1f8fe;
}

.utr-form-section-comment {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.5;
	letter-spacing: -0.08px;
	text-align: left;
	color: #333;
}

.utr-form-section-comment-user {
	display: flex;
	align-items: flex-end;
	gap: 2px;
}

.utr-form-section-comment-avatar {
	width: 46px;
	height: 46px;
	flex-grow: 0;
	border-radius: 30px;
	object-fit: contain;
}

.utr-form-section-comment-username {
	font-size: 14px;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: 1.71;
	letter-spacing: -0.09px;
	text-align: left;
	color: #292d32;
}

.modal-body-inner {
	margin: 0 0 23px;
	padding: 24px 25px;
	border-radius: 25px;
}

.checkMail {
	margin-top: 30px;
	font-size: 16px;
}

.check-Email {
	height: 56px;
	gap: 10px;
	font-size: 16px;
	align-items: center;
	margin: 25px 0px 25px 0px;
	padding: 8px 90px;
	color: white !important;
	border-radius: 100px;
	background-color: #00aeef;
}

html body div input.input-with-icon {
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="%23999" viewBox="0 0 512 512"><path d="M497.9 142.1L369.9 14.1c-18.8-18.8-49.2-18.8-68 0L56.6 259.3c-6 6-10.6 13.3-13.4 21.3L0 480l199.4-43.2c8-2.7 15.3-7.3 21.3-13.3l245.3-245.3c18.8-18.8 18.8-49.2 0-68zM130.9 403.1l-22.1-22.1 217.1-217.1 22.1 22.1-217.1 217.1zm-45.1-45.1l-22.1-22.1 217.1-217.1 22.1 22.1-217.1 217.1zM46.5 465.5l41.3-125.5 84.2 84.2L46.5 465.5z"/></svg>');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px 16px;
	padding-right: 35px;
}

.verify-email-note {
	font-family: Inter;
	font-size: 14px;
	line-height: 21px;
	color: rgba(51, 51, 51, 1);
	letter-spacing: -0.12px;

}

.verify-email-trustpilot-logo-outer {
	margin-top: 30px;
	margin-bottom: 30px;
	text-align: center;
}

.verify-email-trustpilot-logo {

	width: 100%;
	max-width: 322px;
	max-height: 31px;
}

@media only screen and (max-width: 1200px) {
	.utr-form-section-what-clients-say-scroll {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		padding-bottom: 15px;
	}

}

@media only screen and (max-width: 992px) {
	.get-your-utr-in-3-steps {
		padding-left: 30px;
		padding-right: 30px;
	}

	.utr-form-step-description {
		font-size: 14px;
		padding-bottom: 20px;
	}

	.start-your-UTR-application-heading {
		font-size: 20px;
		margin-bottom: 15px;
	}

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

	.start-your-UTR-application-text-btn {
		margin-top: 10px;
	}

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

	.utr-form-step-item {
		background: #fff;
		z-index: 1;
		text-align: left;
		text-align: center;
	}

	.what-clients-say-title {
		font-size: 24px;
	}

	.Frequently-Asked-Question-title {
		font-size: 24px !important;
	}

	.utr-form-section-comment-card {
		margin-bottom: 15px;
	}

	.verify-email-trustpilot-logo-outer {
		margin-top: 10px;
		margin-bottom: 10px;
	}
}

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

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

@media only screen and (max-width: 480px) {
	.utr-form-general-staged {
		padding: 0 20px 20px;
	}
}

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