/*
 *   @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        book-keeping-forms-hero-banner.css
 *   @modified    4/20/26, 2:54 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
 *
 */

.book-keeping-form-banner-top-ribbon {
	width: 100%;
	height: 100%;
	max-height: 50px;
	background-color: #fcf0db;
}

.book-keeping-form-banner-top-ribbon-row {
	justify-content: center;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
}

.book-keeping-form-banner-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;
}

html .book-keeping-form-hero-banner .container {
	max-width: 1320px;
}

html .book-keeping-form-hero-banner label.error,
p.error {
	color: #e24646 !important;
	font-weight: 600 !important;
	font-size: 12px !important;
	border: transparent !important;
	margin: 0px !important;
	padding: 0px !important;
}

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

.book-keeping-form-hero-banner {
	background-color: #ddf0ff;
	position: relative;
	padding: 31px 50px 34px;
	height: auto;
	/* ensures the form doesn't get hidden */
}

.book-keeping-form-hero-banner-inner {
	padding: 30px 0px 74px 0px;
}

.book-keeping-features {
	padding: 0px;
	margin-top: 20px;
	margin-bottom: 30px;
}

.book-keeping-features li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	margin-right: 10px;
	font-size: 16px;
	font-weight: 500;
	font-stretch: normal;
	font-style: normal;
	line-height: 1;
	letter-spacing: -0.08px;
	text-align: left;
	color: #040404;
}

.book-keeping-features li img {
	width: 25px;
	height: 25px;
	margin-right: 10px;
}

.book-keeping-form-banner-form {
	display: flex;
	justify-content: end;
	/* position: relative; */
}

.book-keeping-form-box {
	top: -10px;
	min-height: 423px;
	/* Adjust based on your form's content */
	border-radius: 10px;
	padding: 22px 22px 0px 22px;
	width: 100%;
	max-width: 423px;
	border-radius: 16px;
	box-shadow: 0 0 24px 0 #abcfea;
	background-color: #f2f5fb;
}

.lets-get-started {
	text-align: center;
	color: #040404 !important;
	font-size: 18px;
	font-weight: 600;
	letter-spacing: -0.15px;
	margin-left: 20px;
}

html .book-keeping-form-box .form-group {
	margin-bottom: 10px;
}

html .book-keeping-form-box .form-control,
html .book-keeping-form-box .form-select,
html .book-keeping-form-box .campaign-modals div input:not([type='submit']):not([type='radio']),
html .book-keeping-form-box .infusion-form input:not([type=submit]):not([type=radio]),
html .book-keeping-form-box .select2-selection,
html .book-keeping-form-box form select,
html .book-keeping-form-box form select,
html .book-keeping-form-box select.form-control {
	height: 56px !important;
	font-size: 16px !important;
	gap: 10px;
	padding: 10px 20px !important;
	border-radius: 8px !important;
	border: solid 1px #c8d9f1 !important;
	background-color: #fff !important;
	font-weight: 600;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: normal;
	box-shadow: none !important;
	margin-bottom: 0px !important;
}

html form #step-1-form-book-keeping select {
	appearance: none;
	-webkit-appearance: none;
	background: url('../../images/module-utr-form/arrow-down.png') right 10px center !important;
	background-repeat: no-repeat !important;
	padding-right: 30px;
	background-size: 12px;
	background-color: #ffffff !important;
}

html form #step-1-form-book-keeping input:focus,
html form #step-1-form-book-keeping select:focus {
	border: solid 1px #37bbf0 !important;
}

html form #step-1-form-book-keeping select option {
}


.book-keeping-form-banner-form-Phone {
	padding: 0px 0px 0px 49px !important;
}

html .module-book-keeping-form-v2-step-1 .tax2-btn-blue {
	border-radius: 28px;
	border: 1px solid #01b0f5;
	background-color: #00aeef;
	background-image: none;
}


html .module-book-keeping-form-v2-step-1 .text2u-form-btn,
.text2u-form-btn:hover {
	box-shadow: none;
	height: auto;
	padding: 16px 0px;
	width: 100%;
	max-height: 56px;
	max-width: 363px !important;
	font-size: 16px;
	color: white;
}

html .book-keeping-form-hero-banner label.error,
p.error {
	position: relative;
	top: 4px;
	left: 3%;
}

.Bookkeeping-and-Acco {
	display: block;
	margin-top: 0px;
	font-size: 46px;
	font-weight: 700;
	font-stretch: normal;
	font-style: normal;
	line-height: normal;
	letter-spacing: -0.15px;
	text-align: left;
	color: #1b75bc;
	margin-bottom: 15px !important;
}

.Bookkeeping-and-Acco-sub-title { display: block;font-size: 24px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.42;letter-spacing: -0.13px;text-align: left;color: #040404;} .Professional-Account {width: 100%;max-width: 509px;height: 100%;max-height: 170px;margin: 37px 0 0 -15px;font-size: 22px;font-weight: 500;font-stretch: normal;font-style: normal;line-height: 1.32;letter-spacing: -0.92px;color: #040404;} .header-images {display: flex;justify-content: space-between;} .trustpilot-widget-form {margin: 5px 0px 0px 30px;} .trustpilot-widget-form-img {width: 100%;max-width: 270px;} .book-keeping-form-icon {width: 100%;max-width: 85px;}
@media only screen and (max-width: 1200px) {.header-images {justify-content: left !important;flex-wrap: nowrap !important;}.header-button-img-align { margin-top: 20px;} .trustpilot-widget-form-img {max-width: 200px;} .book-keeping-form-icon {max-width: 70px;} .Bookkeeping-and-Acco {margin-top: 10px;font-size: 28px !important;} .Bookkeeping-and-Acco-sub-title {font-size: 18px;}}
@media only screen and (max-width: 992px) { .book-keeping-form-hero-banner { min-height: 80vh; padding: 0px 0px 0px; } .book-keeping-form-hero-banner-inner { margin-bottom: 20px; padding: 0px 0px 54px 0px; max-width: 500px; margin-left: auto; margin-right: auto; } .book-keeping-form-banner-content-outer { max-width: 423px; margin-left: auto; margin-right: auto; } .book-keeping-features { margin-top: 10px; margin-bottom: 30px; } .book-keeping-features li { font-size: 14px;line-height: 1.2;} .trustpilot-widget-form {margin: 5px 0px 0px 60px;} .trustpilot-widget-form-img {max-width: 130px;} .book-keeping-form-banner-form {justify-content: center;} .header-button-img-align {margin-top: 0px;margin-bottom: 30px;} }
@media only screen and (max-width: 768px) {.Bookkeeping-and-Acco-sub-title { margin-bottom: 20px; } .book-keeping-form-box { padding: 22px 22px 0px 22px; } .book-keeping-form-banner-form { padding: 0; } .book-keeping-form-icon { width: 60px; margin-right: 10px; } .header-button-img-align {margin-top: 20px;margin-bottom: 20px;}}
@media only screen and (max-width: 580px) {.book-keeping-form-banner-top-ribbon { max-height: 70px; } .book-keeping-form-hero-banner-inner { padding: 0px 0px 20px 0px;} .book-keeping-form-hero-banner {padding: 31px 0px 0px;} .Bookkeeping-and-Acco {text-align: center;} .Bookkeeping-and-Acco-sub-title {text-align: center;} .header-images {padding-bottom: 20px;display: block;text-align: center;}}
@media only screen and (max-width: 480px) {.book-keeping-features {margin-left: auto;margin-right: auto;max-width: 290px;} .book-keeping-features li img {margin-right: 18px; } html .book-keeping-form-hero-banner label.error, p.error {position: relative !important;top: 4px !important;left: 3% !important;} .book-keeping-form-tip-widget {padding-top: 30px;} .book-keeping-form-icon {width: 55px;} .trustpilot-widget-form-img {max-width: 140px;}}
@media only screen and (max-width: 420px) {}