* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

:root {
	--font-poppins: "Poppins", sans-serif;
	--black-color: #030303;
	--white-color: #ffffff;
	--light-grey: #4d575d;
	--light-bg: #eef4fb;
	--dark-bg: #e0eaef;
	--light-blue: #0069f2;
	--dark-blue: #0f3f75;
	--border-color: #d4d4d4;
}

body {
	font-family: var(--font-poppins);
	background-color: var(--white-color);
	color: var(--black-color);
	font-size: 14px;
	font-weight: 400;
	margin: 0px;
	line-height: 26px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

p {
	margin: 0 0 10px;
}

a {
	text-decoration: none;
}

ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
}

.container {
	width: 100%;
	max-width: 1302px;
	padding: 0 15px;
	margin: auto;
	position: relative;
}

.justify-end {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.justify-center {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}


.main-wrapper {
	padding: 40px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	/* position: relative; */
}

.main-wrapper.pb-180 {
	padding-bottom: 180px;
}

.main-bg {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100vw;
	height: 100%;
}

.main-bg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center bottom;
}

.dropdown-item:hover {
	cursor: default;
}

.singleSelected span::before {
	background-color: var(--light-blue) !important;
}

.logo {
	position: absolute;
	left: 40px;
	top: 14px;
}

.logo img {
	max-width: 100%;
	height: auto;
}

.pd-10px #google_translate_element select {
	color: black !important;
}

.pd-10px {
	justify-content: space-evenly;
	/* Ensures equal spacing between elements */
	align-items: center;
	width: 100%;
	gap: 20px;
	/* Ensures equal space between elements */
}

.logo-wrapper {
	flex: 0 0 5%;
	/* Fixed 10% width */
}

.scheduled-header {
	box-shadow: 0 2px 4px rgba(0, 0, 0, .4) !important;
	margin-bottom: 5px;
	background-color: #fff;
	height: 74px;
	padding: 12px 46px 12px 56px;
	justify-content: space-between;
	align-items: center;
}

.nav-header {
	flex: 0 0 40%;
	/* Fixed 40% width */
	text-align: center;
}

.book-demo-head-ejs {
	flex: 0 0 18%;
	/* Fixed 30% width */
	text-align: center;
}

.pd-10px {
	padding: 10px;
}

#google_translate_element {
	flex: 0 0 20%;
	/* Fixed 20% width */
	text-align: right;
}

input,
select {
	height: 32px;
	border: 0;
	padding: 0px;
	margin: 0;
	line-height: 1;
	color: var(--light-grey);
	font-family: var(--font-poppins);
}

input:active,
input:focus,
input:focus-visible,
select:active,
select:focus,
select:focus-visible {
	outline: none;
}

textarea {
	border: 1px solid var(--border-color);
	padding: 8px 12px;
	background: var(--light-bg);
	border-radius: 6px;
	line-height: 1.25;
}

input,
select,
textarea {
	width: 100%;
	font-size: 12px;
	font-weight: 400;
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: var(--light-grey);
	font-family: var(--font-poppins);
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
	/* Firefox 19+ */
	color: var(--light-grey);
	font-family: var(--font-poppins);
}

input:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	/* IE 10+ */
	color: var(--light-grey);
	font-family: var(--font-poppins);
}

input:-moz-placeholder,
select:-moz-placeholder,
textarea:-moz-placeholder {
	/* Firefox 18- */
	color: var(--light-grey);
	font-family: var(--font-poppins);
}

.personalisedTranslate {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

#google_translate_element select {
	background-color: transparent !important;
	color: white !important;
}

#google_translate_element select option {
	color: black !important;
}

/* SHORTCUT */
.mr-30px {
	margin-right: 30px !important;
}

.bg-transparent {
	background-color: transparent !important;
}

.p-r {
	position: relative !important;
}

.display-none {
	display: none;
}

.ml-40px {
	margin-left: 40px !important;
}

.flexColumn {
	flex-direction: column;
}

.cursor-pointer {
	cursor: pointer;
}

.gap-1px {
	gap: 1px !important;
}

.gap-10px {
	gap: 10px !important;
}

.sm-heading {
	font-size: 14px !important;
	font-weight: 300 !important;
}

.error-msg {
	color: #E62F2F;
	font-size: 10px;
	font-weight: 400;
	line-height: 16.4px;
	display: flex;
	gap: 12px;
	margin-top: 6px;
}

.error-msg span {
	position: relative;
	padding-left: 10px;
}

.error-msg span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background: #E62F2F;
}

.btn {
	padding: 10px !important;
	font-size: 14px !important;
	font-weight: 600;
	line-height: 22.96px !important;
	background: var(--dark-blue) !important;
	color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-transform: capitalize;
	width: 100%;
	border-radius: 6px;
	border: 0;
}

.btn:hover {
	background: var(--light-blue) !important;
	color: var(--white-color) !important;
}

.btn--light {
	background: var(--light-blue);
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
}

.btn--light:hover {
	background: var(--dark-blue);
}

.btn--arrow {
	background: var(--light-blue);
	padding: 4px 4px 4px 16px;
	width: -webkit-max-content;
	width: -moz-max-content;
	width: max-content;
	border-radius: 30px;
}

.btn--arrow span {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background: var(--white-color);
	border-radius: 50%;
}

.icon {
	position: relative;
	display: inline-flex;
}

.icon::before {
	content: '';
	position: absolute;
	left: 0;
}

.icon-user {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/user-black.svg") center center no-repeat;
	background-size: 100%;
}

.icon-call {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/call.svg") center center no-repeat;
	background-size: 100%;
}

.icon-email {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/mail.svg") center center no-repeat;
	background-size: 100%;
}

.icon-company {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/company.svg") center center no-repeat;
	background-size: 100%;
}

.icon-arrow {
	width: 15px;
	height: 22px;
	background: url("https://www.volza.com/img/icons/arrow.svg") center center no-repeat;
	background-size: 100%;
}

.icon-close {
	width: 15px;
	height: 22px;
	background: url("https://www.volza.com/img/icons/close.svg") center center no-repeat !important;
	background-size: 100%;
}

.icon-key {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/key.svg") center center no-repeat;
	background-size: 100%;
}

.icon-edit {
    width: 22px;
    height: 22px;
    background: url("https://www.volza.com/img/icons/pencil_icon.webp") center center no-repeat;
    background-size: 100%;
}

.icon-search {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/searchLight.svg") center center no-repeat;
	background-size: 100%;
}

input {
	border: none !important;
}

form {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

form .form-item {
	display: flex;
	align-items: center;
	column-gap: 4px;
	border-bottom: 1px solid var(--border-color);
}

.options.radio-option .form-item:hover {
	cursor: pointer;
}

form .form-item.no-border {
	border-bottom: 0;
}

form .phone {
	flex-direction: column;
	border-bottom: 0;
	align-items: flex-start;
}

form .phone .label {
	display: flex;
	align-items: center;
	column-gap: 4px;
	color: var(--light-grey);
	margin-bottom: 8px;
}

form .phone select,
form .phone input {
	border: 1px solid var(--border-color) !important;
	border-radius: 4px !important;
	padding: 4px 12px;
}

form .phone input {
	width: 100%;
}

form .phone .input-wrapper {
	display: flex;
	gap: 8px;
	width: 100%;
}

form .term-condition {
	column-gap: 8px;
	align-items: flex-start;
	margin-top: 12px;
}

form .term-condition input {
	position: relative;
	top: 1px;
	width: 14px;
	height: 14px;
}

form .term-condition label {
	font-size: 10px;
	font-weight: 400;
	line-height: 16.4px;
	color: var(--light-grey);
}

.mt-24 {
	margin-top: 24px;
}

.mt-16 {
	margin-top: 16px;
}

.exportimport-box {
	padding-left: 200px;
	padding-right: 200px;
	margin: 0 auto;
	width: 100%;
}

.exportimport-box .inner-wrapper {
	background: var(--white-color);
	border-radius: 6px;
	overflow: hidden;
	padding-bottom: 195px;
	position: relative;
	-webkit-box-shadow: 0px 4px 24px 0px #bac1cf40;
	box-shadow: 0px 4px 24px 0px #bac1cf40;
}

.exportimport-box .inner-wrapper::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 486px;
	height: 165px;
	background: url("https://www.volza.com/img/importexport-bg.svg") bottom right no-repeat;
	background-size: 100%;
}

.exportimport-box .top-wrapper {
	background: linear-gradient(68.53deg, #e3edff 0%, #c1dcff 100.7%);
	padding: 40px 30px 30px;
	position: relative;
}

.exportimport-box .top-wrapper .icon-close {
	position: absolute;
	top: 24px;
	right: 30px;
	cursor: pointer;
}

.exportimport-box .top-wrapper .heading {
	font-size: 26px;
	font-weight: 600;
	line-height: 42.64px;
	color: var(--black-color);
}

.exportimport-box .top-wrapper p {
	font-size: 16px;
	font-weight: 500;
	line-height: 27.88px;
	color: var(--light-grey);
	margin-top: 6px;
	margin-bottom: 0;
}

.final-page-section {
	padding: 47px;
}

.exportimport-box .question-answers {
	padding: 13px 18px 15px;
	display: flex;
	flex-direction: column;
	row-gap: 32px;
}

.exportimport-box .question-answers .qa-item {
	display: flex;
	gap: 10px;
}

.exportimport-box .question-answers .qa-item.active .q-heading {
	color: var(--grey-color);
}

.exportimport-box .question-answers .qa-item.active .num {
	background: var(--border-color);
	color: var(--light-grey);
}

.exportimport-box .question-answers .num {
	width: 30px;
	height: 30px;
	min-width: 30px;
	background: var(--light-grey);
	color: var(--white-color);
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	font-weight: 500;
	line-height: 4;
	border-radius: 50%;
	position: relative;
	top: 0px;
}

.country-with-flag {
	display: flex;
	align-items: center;
	gap: 4px;
}

.exportimport-box .question-answers .content {
	width: 100%;
}


.exportimport-box .question-answers .q-heading {
	font-size: 16px;
	font-weight: 500;
	line-height: 26.24px;
	color: var(--black-color);
}

.exportimport-box .question-answers .q-heading span {
	font-weight: 400;
	color: var(--light-grey);
}

.exportimport-box .question-answers .options {
	gap: 12px;
	flex-wrap: wrap;
}

.exportimport-box .question-answers .options .form-item {
	display: flex;
	align-items: center;
	gap: 6px;
	padding: 8px 12px;
	background: var(--light-bg);
	border: 1px solid var(--light-blue);
	border-radius: 6px;
}

.exportimport-box .question-answers .options .form-item>:nth-child(1),
.exportimport-box .selected-options span>:nth-child(1){
	min-width: 35px;
}

.exportimport-box .selected-options i {
	min-width: 20px !important;
	max-width: 20px !important;
}

div.df-btn-text {
	display: none !important;
}

.exportimport-box .question-answers .options .form-item.active span::before {
	background: var(--light-blue);
}

.exportimport-box .question-answers .options span {
	position: relative;
	font-weight: 600;
	line-height: 24.6px;
	font-size: 14px;
	color: var(--light-blue);
	display: flex;
	align-items: center;
	gap: 6px;
}

/* Ensure the country name (second span after flag) is bold inside option boxes */
.exportimport-box .question-answers .options .form-item span + span {
    font-weight: 600 !important;
}

/* Bold styling for selected options */
.exportimport-box .question-answers .options .form-item.singleSelected > span,
.exportimport-box .question-answers .options .form-item.multiSelected > span,
.exportimport-box .question-answers .options .form-item.selected > span,
.ques1 span.selected {
    font-weight: 600 !important;
}

/* Bold styling for the chips shown in the selected answers summary */
.exportimport-box .selected-options span {
    font-weight: 600 !important;
}

.exportimport-box .question-answers .options.radio-option span {
	padding-left: 22px;
}

.exportimport-box .question-answers .options.radio-option span::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 3px;
	left: 0;
	border: 1px solid var(--light-blue);
	border-color: var(--light-blue);
	background: var(--white-color);
	border-radius: 50%;
}

.ques1 span.selected::before {
	background-color: var(--light-blue) !important;
}

.selected>span::before {
	background-color: var(--light-blue) !important;
}

.multiSelected {
	background-color: var(--light-blue) !important;
}

.multiSelected>span {
	color: var(--white-color) !important;
}

.options.radio-option .others {
	color: var(--light-blue);
}

#country-input {
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
}

.dropdown {
	position: absolute !important;
	top: 100%;
	width: 100%;
	left: 0;
	right: 0;
	max-height: 200px;
	overflow-y: auto;
	background: #fff;
	border-radius: 4px;
	z-index: 1000;
}

/* Make country/typeahead dropdown items bold */
.dropdown .dropdown-item {
    font-weight: 600 !important;
}

.dropdown-item:hover,
.highlighted {
	background-color: var(--grey-color) !important;
	color: var(--white-color) !important;
}

div .options.multipleSelect {
	margin-bottom: 20px;
}

.exportimport-box .question-answers .form-wrapper {
	max-width: 420px;
}

.exportimport-box .question-answers .form-wrapper select {
	border: 1px solid var(--border-color);
	border-radius: 6px;
	min-height: 40px;
	padding: 5px 10px;
}

.exportimport-box .question-answers .search-wrapper {
	display: flex;
	align-items: center;
	border: 1px solid var(--border-color);
	padding: 5px 10px;
	border-radius: 6px;
}

.exportimport-box .selected-options {
	gap: 18px;
	font-weight: 500;
	color: var(--light-blue);
}

.exportimport-box .selected-options span {
	min-width: -webkit-max-content;
	min-width: -moz-max-content;
	min-width: max-content;
	display: inline-flex;
	align-items: center;
	gap: 7px !important;
}

.exportimport-box .selected-options img {
	margin-right: 8px;
}

.exportimport-box .selected-options i {
	position: relative;
	top: -2px;
}

.exportimport-box .selected-countries {
	gap: 16px;
	align-items: center;
}

/* Bold country name text in the ip based country chip */
.exportimport-box .selected-countries .country-with-flag span:not([class^="bg-"]) {
    font-weight: 600 !important;
}

/* Also target the second span after the flag explicitly */
.exportimport-box .selected-countries .country-with-flag span + span {
    font-weight: 600 !important;
}

/* Extra specificity for country chip text in the question content */
.exportimport-box .question-answers .content .selected-countries .country-with-flag span + span {
    font-weight: 600 !important;
}

/* Bold the "Other" options opened in question 1 */
.exportimport-box #other-business .options .form-item,
.exportimport-box #other-business .options .form-item > span {
    font-weight: 600 !important;
}

.exportimport-box .selected-countries div {
	padding: 8px 10px;
	border-radius: 6px;
	border: 1px solid var(--light-blue);
	background: var(--light-bg);
	display: flex;
	column-gap: 6px;
	align-items: center;
	color: var(--light-blue);
	position: relative;
}

.exportimport-box .selected-countries div img {
	min-width: 25px;
}

.exportimport-box .selected-countries div .close {
	width: 16px;
	height: 16px;
	background: var(--light-blue);
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	top: -8px;
	right: -8px;
}

.exportimport-box .selected-countries div .close i {
	width: 5px;
	height: 6px;
	-webkit-filter: brightness(0) invert(1);
	filter: brightness(0) invert(1);
}

.whatsapp-float-enquiry {
	position: absolute;
	bottom: 50px;
	background-color: #4caf50;
	color: #fff;
	display: flex !important;
	gap: 5px;
	align-items: center;
	justify-content: center;
	box-shadow: 0 2px 10px rgba(0, 0, 0, .1);
	cursor: pointer;
	transition: background-color .3s;
	padding: 6px;
	z-index: 999;
	border-radius: 25px;
}

.whatsapp-float-enquiry .whatsAppLine {
    width: 25px !important;
    height: 26px;
}

.whatsapp-float-enquiry span {
	font-size: 15px;
	font-weight: 500;
}

@media only screen and (max-width: 1199.5px) {
	.exportimport-box {
		padding-left: 190px;
		padding-right: 0px;
	}
}

@media only screen and (max-width: 992.5px) {
	.logo-main {
		position: static;
		margin-bottom: 24px;
	}

	.whatsapp-float-enquiry {
		right: 20px;
		gap: 0 !important;
	}

	.exportimport-box {
		padding-left: 0px;
	}

	.details-content-item .details-data {
		flex: 1;
	} 
	
}

@media only screen and (max-width: 767.5px) {
	.main-wrapper {
		padding: 8px !important;
		min-height: 90vh;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.logo-main {
		margin-bottom: 15px;
	}

	.mt-24 {
		margin-top: 16px;
	}

	.mt-16 {
		margin-top: 12px;
	}

	.btn {
		padding: 8px 20px;
		font-size: 12px;
	}

	.exportimport-box .top-wrapper {
		padding: 25px 15px 15px;
	}

	.exportimport-box .top-wrapper .heading {
		font-size: 22px;
		line-height: 1.65;
	}

	.exportimport-box .inner-wrapper {
		padding-bottom: 120px;
	}

	.exportimport-box .inner-wrapper::before {
		width: 282px;
		height: 100px;
	}

	.exportimport-box .question-answers {
		padding: 15px;
	}

	.exportimport-box .question-answers .num {
		width: 24px;
		height: 24px;
		min-width: 24px;
		font-size: 12px;
	}

	.exportimport-box .question-answers .form-item {
		padding: 6px 10px;
	}

	.exportimport-box .question-answers .q-heading {
		font-size: 14px;
	}

	.exportimport-box .question-answers .options .form-item {
		padding: 6px 10px;
	}

	.exportimport-box .question-answers .options.radio-option span::before {
		width: 14px;
		height: 14px;
	}

	.exportimport-box .selected-options {
		gap: 12px;
		flex-wrap: wrap;
	}

	.exportimport-box .selected-options span {
		font-size: 14px;
		min-width: unset;
		max-width: unset;
		word-break: break-word;
	}
	
	.exportimport-box .selected-options .icon-edit {
		margin-left: 13px !important;
	}
	
	.signup-popup{
		min-width: 95% !important;
		width: 95% !important;
	}
	.margin-checkbox{
		margin-top:5px !important;
	}
	div .padding-left-44px {
		padding: 0px 44px !important;
	}
	

	.step-button {
		padding: 0 13px 0 16px !important;
		font-size: 12px !important;
	}

	.stepper-main-container {
		padding: 15px 0 !important;
	}

	.step-container {
		width: 100% !important;
	}

	.step-1::after {
    	border-left-color: #1a73e8 !important;
	}

}

.padding-left-35px {
	padding-left: 35px !important;
}

.exportimport-box .question-answers .options.radio-option span.otherlist::before {
	content: "";
	position: absolute;
	width: 16px;
	height: 16px;
	top: 10px !important;
	left: 10px !important;
	border: 1px solid var(--light-blue);
	border-color: var(--light-blue);
	background: var(--white-color);
	border-radius: 50%;
}

.enquiry-input {
	border: none !important;
	width: 100%;
	padding: 10px 11px 7px 3px;
	;
}

.enquiry-select {
	appearance: none;
	/* Removes default dropdown arrow */
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 100%;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
	position: absolute;
	padding-right: 40px;
	z-index: 1;
}

.select-wrapper::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 15px;
	width: 0;
	height: 0;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-top: 6px solid #333;
	/* Arrow color */
	transform: translateY(-50%);
	transition: transform 0.3s ease;
	pointer-events: none;
	z-index: 2;
}

/* Rotate caret when the select is focused */
.select-wrapper:focus::after {
	transform: translateY(-50%) rotate(180deg);
}


.error-msg {
	color: #E62F2F;
	font-size: 10px;
	font-weight: 400;
	line-height: 16.4px;
	display: flex;
	gap: 12px;
	margin-top: 6px;
}

.error-msg span {
	position: relative;
	padding-left: 10px;
}

.error-msg span::before {
	content: '';
	position: absolute;
	left: 0;
	top: 6px;
	border-radius: 50%;
	width: 4px;
	height: 4px;
	background: #E62F2F;
}

.form-row .form-item .label span {
	font-size: 12px;
}


.select-wrapper {
	position: relative;
	margin-bottom: 10px;
	background: var(--white-color);
	border-radius: 6px;
}

.select-wrapper select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 0;
	width: 100%;
	color: var(--grey-color);
	padding-right: 30px;
	background: transparent;
	z-index: 1;
	position: relative;
}


.select-wrapper.phone {
	min-width: 150px;
}

.select-wrapper.phone .selected-val {
	font-size: 14px;
	line-height: 1.5;
	font-weight: 500;
	padding: 10px;
	/* color: var(--grey-color); */
	height: 41px;
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}


.hidden {
	display: none !important;
	padding: 10px;
    background: white;
}

.country-select-input-box-padding::placeholder {
	font-size: 12px;
	color: #828383;
}

.flag-icon {
    width: 24px;
    height: 16px;
    display: inline-block;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
}

.select-wrapper.phone select {
	font-size: 0;
}

.select-wrapper.phone select option {
	font-size: 12px;
}

footer .footer-wrapper .form-wrapper .phone {
	-webkit-column-gap: 10px;
	column-gap: 10px;
}


.phone input {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.btn {
	padding: 10px !important;

	font-size: 14px !important;
	font-weight: 600;
	line-height: 22.96px !important;
	background: var(--dark-blue) !important;
	color: var(--white-color);
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	text-transform: capitalize;
	width: 100%;
	border-radius: 6px;
	border: 0;
}

.btn:hover {
	background: var(--light-blue) !important;
	color: var(--white-color) !important;
}

.btn--light {
	background: var(--light-blue);
	width: max-content;
}

.btn--light:hover {
	background: var(--dark-blue);
}

.btn--arrow {
	background: var(--light-blue);
	padding: 4px 4px 4px 16px;
	width: max-content;
	border-radius: 30px;
}

.btn--arrow span {
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 32px;
	height: 32px;
	background: var(--white-color);
	border-radius: 50%;
}

.icon {
	position: relative;
	display: inline-flex;
}

.icon::before {
	content: '';
	position: absolute;
	left: 0;
}

.icon-user {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/user-black.svg") center center no-repeat;
	background-size: 100%;
}

.icon-call {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/call-black.svg") center center no-repeat;
	background-size: 100%;
}

.icon-email {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/mail-black.svg") center center no-repeat;
	background-size: 100%;
}

.icon-company {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/company.svg") center center no-repeat;
	background-size: 100%;
}

.icon-arrow {
	width: 15px;
	height: 22px;
	background: url("https://www.volza.com/img/icons/arrow.svg") center center no-repeat;
	background-size: 100%;
}

.icon-close {
	width: 15px;
	height: 22px;
	background: url("https://www.volza.com/img/icons/close.svg") center center no-repeat;
	background-size: 100%;
}

.icon-key {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/key.svg") center center no-repeat;
	background-size: 100%;
}


.icon-search {
	width: 20px;
	height: 20px;
	background: url("https://www.volza.com/img/icons/search.svg") center center no-repeat;
	background-size: 100%;
}

form {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
}

form .form-item {
	display: flex;
	align-items: center;
	column-gap: 4px;
	border-bottom: 1px solid var(--border-color);
}

form .form-item.no-border {
	border-bottom: 0;
}

form .phone {
	flex-direction: column;
	border-bottom: 0;
	align-items: flex-start;
}

form .phone .label {
	display: flex;
	align-items: center;
	column-gap: 4px;
	color: var(--light-grey);
	margin-bottom: 8px;
}

form .phone select {
	width: 145px;
}

form .phone .input-wrapper {
	display: flex;
	gap: 8px;
	width: 100%;
}

form .term-condition {
	column-gap: 8px;
	align-items: flex-start;
	margin-top: 12px;
}

form .term-condition input {
	position: relative;
	top: 1px;
	width: 14px;
	height: 14px;
}

form .term-condition label {
	font-size: 10px;
	font-weight: 400;
	line-height: 16.4px;
	color: var(--light-grey);
}

.enquiry {
	padding-left: 200px;
	padding-right: 200px;
	max-width: 872px;
	margin: 0 auto;
	z-index: 1;
}

.enquiry .inner-wrapper {
	padding: 20px;
	background: var(--white-color);
	border-radius: 6px;
	box-shadow: 0px 4px 24px 0px #BAC1CF40;
}

.enquiry .heading {
	font-size: 30px;
	font-weight: 600;
	line-height: 1.25;
}

.enquiry .sm-heading {
	font-size: 14px;
	font-weight: 400;
	line-height: 22.96px;
	margin-top: 8px;
}

.enquiry .sm-heading a {
	font-weight: 600;
	color: var(--light-blue);
}

.enquiry p {
	font-size: 18px;
	font-weight: 500;
	line-height: 1.65;
	margin-top: 16px;
	margin-bottom: 16px;
}

.enquiry .social-icons {
	column-gap: 8px;
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid var(--border-color);
}

.enquiry .social-icons .social-auto-fill {
	display: inline-flex;
	justify-content: center;
	padding: 8px;
	border: 1px solid var(--light-blue);
	width: 100%;
	border-radius: 20px;
	cursor: pointer;
}

.enquiry .social-icons img {
	max-width: 100%;
	height: auto;
}

@media only screen and (max-width: 992.5px) {
	.logo {
		position: static;
		margin-bottom: 24px;
	}
}

@media only screen and (max-width: 767.5px) {
	.main-wrapper {
		padding: 15px;
		min-height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.logo {
		margin-bottom: 15px;
	}

	.enquiry {
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	div .enquiry .inner-wrapper {
		padding: 15px;
		width: 100% !important;
	}

	.enquiry .heading {
		font-size: 22px;
	}

	.enquiry p {
		font-size: 16px;
		font-weight: 500;
		margin-top: 12px;
	}

	.enquiry .social-icons {
		margin-bottom: 12px;
		padding-bottom: 12px;
	}

	.enquiry .social-icons .social-auto-fill {
		padding: 6px;
	}

	form {
		row-gap: 12px;
	}
	form .phone .label {
		margin-bottom: 6px;
	}
	.exportimport-box .selected-options span {
    	gap: 0px !important;
    }
    .exportimport-box .selected-options .icon-edit{
		margin-left: 5px !important;
	}
	
  }
  /* Header Section */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 10px 20px;
	width: 70%;
}

.logo {
	display: flex;
	align-items: center;
}

.logo img {
	margin-right: 10px;
}

.logo .brand {
	font-size: 1.5rem;
	font-weight: bold;
}

.demo-btn {
	background: #007bff;
	color: #fff;
	border: none;
	padding: 8px 15px;
	font-size: 1rem;
	border-radius: 4px;
	cursor: pointer;
}

.main-btn {
	margin: 20px 0;
}

.section-main {
	height: 100%;
	font-family: "Poppins" !important;
	display: grid !important;
	flex-direction: column;
	align-items: center;
}

.demo-btn:hover {
	background: #0056b3;
}

.details-content-item {
	font-size: 16px !important;
	font-weight: 400;
	color: #4d575d;
	font-family: "Poppins";
	display: flex;
	gap: 10px;
}

.details-question {
	display: flex;
	flex-direction: column;
	margin-top: 18px;
}

.details-data {
	color: #000 !important;
	font-weight: 600;
}

.second-div {
	display: flex;
	width: 50%;
	justify-content: space-between;
	align-items: center;
}

/* Enquiry Success Title */
.success-title {
	text-align: center;
	margin: 3px 0;
	font-size: 1.5rem;
	font-family: "Poppins";
	font-weight: 500;
	line-height: 24px;
}

/* Card Section */
.details-card {
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	margin: 20px auto;
	padding: 20px;
	width: 70%;
	position: relative;
}

.details-content {
	margin-top: 50px;
	display: flex;
	justify-content: space-between;
	gap: 2rem;
}

.details-column {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.nav-header {
	width: 100%;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.section-title {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px;
	width: 100%;
	background-color: #E3EDFF;
}


.details-content p {
	margin: 8px 0;
}

.details-content .highlight {
	font-weight: bold;
	color: #000;
}

.questionnaire {
	margin-top: 40px;
}

/* Questionnaire */
.questionnaire .question {
	display: flex;
	align-items: center;
	margin-bottom: 15px;
	width: auto !important;
	background: unset !important;
	height: auto !important;
}

.q-num {
	background: #cad6dc;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	font-weight: bold;
	color: #6d757e !important;
	margin-right: 15px;
	margin-top: -8px;
}

.question p {
	font-size: 1rem;
	margin: 0;
}

.question strong {
	color: #000;
}

/* Responsive Design */
@media (max-width: 768px) {
	.header {
		flex-direction: column;
		text-align: center;
	}

	.cursor-pointer {
		cursor: unset !important;
	}

	.details-content {
		flex-direction: column;
		gap: 1rem;
	}

	.demo-btn {
		margin-top: 10px;
	}

	.second-div {
		width: 100%;
		justify-content: center;
	}

	.success-title {
		margin-top: 10px;
		font-size: 12px;
		text-align: center;
	}

	.details-card {
		width: 100%;
	}
}

@media (max-width: 480px) {
	.logo .brand {
		font-size: 1.2rem;
	}

	.demo-btn {
		font-size: 0.9rem;
		padding: 6px 12px;
	}

	.section-title {
		font-size: 1.1rem;
	}

	.q-num {
		width: 25px;
		height: 25px;
		font-size: 0.9rem;
		margin-right: 10px;
		min-width: 25px;
        max-width: 25px;
        max-height: 25px;
		min-height: 25px;
	}

	.dis-content-enq .header {
		padding: 0px 20px !important;
	}

	div .country-select-input-box-padding {
		padding: 0 !important;
	}
	.country-selector::after {
		background: unset !important;
	}

	div .country-select-input-box-padding {
		padding: 0 !important;
	}
	.country-selector::after {
		background: unset !important;
	}

	div .country-select-input-box-padding {
		padding: 0 !important;
	}
	.country-selector::after {
		background: unset !important;
	}
}

.country-selector::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 21px;
	background: url('https://www.volza.com/images/completeSprite/globalSearch-Company-images/globalSearchCompanySprite.webp') 27px -352px;
	margin: auto;
}

.country-selector::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	width: 20px;
	height: 21px;
	background: url('https://www.volza.com/images/completeSprite/globalSearch-Company-images/globalSearchCompanySprite.webp') 27px -352px;
	margin: auto;
}
.book-demo-head-btn-mobile {
	padding: 10px 30px;
	font-size: 14px;
	font-weight: 600;
	line-height: 22.96px;
	background: var(--dark-blue);
	color: var(--white-color);
	display: flex;
	align-items: center;
	gap: 8px;
	text-transform: capitalize;
	width: 300px;
	justify-content: center;
	border-radius: 6px;
	justify-self: center !important;
	border: 0;
	cursor: pointer;
}

/*# sourceMappingURL=style.css.map */

.stepper-main-container {
	display: flex;
    justify-content: center;
    padding: 15px;
}

.step-container {
	display: flex;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
	height: 40px;
}

.step-back-arrow {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 40px;
	height: 40px;
	background: #f1f3f4;
	color: #5f6368;
	font-size: 16px;
	cursor: pointer;
	border: 1px solid #dadce0;
	border-radius: 4px 0 0 4px;
	border-right: none;
}

.back-arrow:hover {
	background-color: #e8eaed;
}

.steps-wrapper {
	display: flex;
	align-items: center;
	height: 40px;
	flex: 1;
	justify-content: center;
}

.steper-step {
	position: relative;
	height: 35px;
	display: flex;
	align-items: center;
	background: white;
	border-top: 1px solid #dadce0;
	border-bottom: 1px solid #dadce0;
	margin-left: -1px;
}

.step-completed {
	background-color: #0073F2;
	color: #FFFFFF;
}

.step-completed .step-button {
	color: #FFFFFF !important;
}

.step-completed::after,
.step-completed::before {
	z-index: 4 !important;
}

.step-completed::after {
	border-left: 10px solid #0073F2 !important;
}

.steper-step:last-child {
	border-radius: 0 4px 4px 0;
	border-right: 1px solid #dadce0;
}

.step-button {
	height: 100%;
	border: none;
	background: transparent;
	color: #5f6368;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	padding: 0 16px 0 20px;
	display: flex;
	align-items: center;
	position: relative;
	transition: all 0.2s ease;
	white-space: nowrap;
}

/* Chevron arrow pointing right for each step */
.steper-step::after {
	content: '';
	position: absolute;
	right: -10px;
	top: 0;
	width: 0;
	height: 0;
	border-left: 10px solid white;
	border-top: 17px solid transparent;
	border-bottom: 17px solid transparent;
	z-index: 3;
}

/* Chevron border for each step */
.steper-step::before {
	content: '';
	position: absolute;
	right: -11px;
	top: -1px;
	width: 0;
	height: 0;
	border-left: 11px solid #dadce0;
	border-top: 18px solid transparent;
	border-bottom: 18px solid transparent;
	z-index: 1;
}

/* Active step styling */
.step-1 {
	background: #1a73e8;
	z-index: 3;
	border: none;
}

.step-1 .step-button {
	background: #1a73e8;
	color: white;
}

.step-1::after {
	border-left-color: #1a73e8;
}

/* Adjust spacing for step after active */
.step-1+.steper-step .step-button {
	padding-left: 20px;
}

.step-inactive .step-button:hover {
	background: #f8f9fa;
	color: #202124;
}

.step-inactive:hover::after {
	border-left-color: #f8f9fa;
}

.steps-wrapper > :nth-child(1) {
	border-left: 1px solid #dadce0;
}

@media screen and (max-width: 429px) {
	
	.step-button {
		padding: 0 10px 0 13px !important;
		font-size: 12px !important;
	}

	.steper-step {
		margin-left: 0px !important;
	}

	/* .steper-step::before {
		right: -5px !important;
		border-left: 5px solid #dadce0 !important;
		border-top: 18px solid transparent !important;
		border-bottom: 18px solid transparent !important;
	}

	.steper-step::after {
		right: -4px !important;
		top: 0 !important;
		border-left: 4px solid white !important;
		border-top: 17px solid transparent !important;
		border-bottom: 17px solid transparent !important;
	} */

	.step-1+.steper-step .step-button {
		padding-left: 10px !important;
	}
	
}
.signup-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999; /* ensure it stays on top */
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.2);
	min-width: 500px;
}
.otp-pop-up-signup {
    background-color: #2c3e5d !important;
    height: 50px !important;
    width: 100% !important;
    color: #fff;
    text-align: center;
    padding-top: 11px;
    font-size: 20px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.z-index-1000{
	z-index: 1000 !important;
}