@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');

:root {
	/* ===================================================
     Base Colors
  =================================================== */
	--color-primary: #55abdf;
	--color-dark: #191919;
	--color-light: #ffffff;

	/* Secondary Supporting */
	--color-secondary: #2a425d;

	/* Semantic Tokens */
	--color-bg: var(--color-light);
	--color-text: var(--color-dark);
	--color-accent: var(--color-primary);
	--color-border: var(--gray-300);
	--color-muted: var(--gray-500);

	/* ===================================================
     Blue Tints & Shades (Primary)
  =================================================== */
	--blue-50: #e1ebf1;
	--blue-100: #d3e4ef;
	--blue-200: #c5dded;
	--blue-300: #b6d4ea;
	--blue-400: #a8cee9;
	--blue-500: #99c6e6;
	--blue-600: #8dc0e3;
	--blue-700: #7fb7e1;
	--blue-800: #71afdf;
	--blue-900: #64a9de;

	/* ===================================================
     Grayscale (Based on #181818)
  =================================================== */
	--gray-50: #d7dcdf;
	--gray-100: #c2c5c9;
	--gray-200: #adb0b4;
	--gray-300: #979b9e;
	--gray-400: #838587;
	--gray-500: #6c6f70;
	--gray-600: #575a5b;
	--gray-700: #434445;
	--gray-800: #2d2e2e;
	--gray-900: #181818;

	/* ===================================================
     Secondary Color Shades (#2E415C)
  =================================================== */
	--secondary-50: #64A9DE;
	--secondary-100: #5F9ED0;
	--secondary-200: #5792C1;
	--secondary-300: #5286B3;
	--secondary-400: #4C7AA3;
	--secondary-500: #456F95;
	--secondary-600: #406386;
	--secondary-700: #3A5778;
	--secondary-800: #344D6A;
	--secondary-900: #2E415C;
}

/* ==========================================================================
   GLOBAL TYPOGRAPHY
   ========================================================================== */

html,
body {
	font-family: "Open Sans", sans-serif;
	overflow-x: hidden;
	overscroll-behavior: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Poppins";
	font-weight: 600;
}

main {
	/* padding-top: 70px; */
}
/*--------------------------------------------------------------
# Utility Classes
--------------------------------------------------------------*/
.hidden {
	display: none;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.hide-selector {
	display: none;
}
.text--navy {
	color: #13254a;
}
.fs-1rem {
	font-size: 1.1rem;
}
.font-size-15 {
	font-size: 15px !important;
}
.font-size-14 {
	font-size: 14px;
}
.font-w-700 {
	font-weight: 700;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/

.header {
	transition: all 0.5s;
	z-index: 200;
	background: #fff;
}

.header.header-scrolled {
	background: #fff;
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}
.font {
	font-family: 'Poppins';
}
.heading {
	font-size: 42px;
	font-weight: 700;
	color: #2e4057;
	font-family: 'Poppins';
}
.b-clr {
	color: #0e99e5;
}
.bl-colr {
	color: #0f358e;
}
.top {
	margin-top: 20%;
}
.bordr {
	border-bottom: 2px solid #434c83;
}
.bordr-4 {
	border-bottom: 7px solid #434c83;
}
.bordr-1 {
	border-bottom: 7px solid #434c83;
}
.bordr-2 {
	border-bottom: 7px solid #434c83;
}
.sub-text {
	font-size: 19px;
	font-weight: regular;
	color: rgb(49 51 60 / 70%);
	font-family: 'Poppins';
}
.navbar-brand {
	color: #31333c;
	font-style: italic;
	font-size: 24px;
	font-weight: 700;
}
.navbar-expand-lg .navbar-nav .nav-link {
	padding-right: 0rem;
	padding-left: 0rem;
}
.btn-n {
	background-color: #31333c;
	color: #fff;
	border-radius: 1.5em;
	font-family: 'Poppins';
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
	/* Tighter shadow for definition */
	transition: all 0.2s ease-in-out;
	/* font-size: 14px; */
	/* padding: 0px 30px; */
	/* height: 40px; */
	/* line-height: 37px; */
	padding-inline: 2em;
}
.btn-n:hover {
	color: #fff;
	background-color: #169bd6;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
}
.btn-n:focus {
	box-shadow: 0 0 0 0.25rem rgb(14 153 229 / 15%);
}
.btn-nn {
	background-color: #169bd6 !important;
	color: #fff !important;
	border-radius: 1.5em;
	font-family: 'Poppins';
	font-size: 14px;
	padding-inline: 2em;
	padding: 0px 30px;
	height: 40px;
	line-height: 37px;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
	/* Tighter shadow for definition */
	transition: all 0.2s ease-in-out;
}
.btn-nn:hover {
	color: #fff;
	background-color: #31333c;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
}
.btn-nn:focus {
	box-shadow: 0 0 0 0.25rem rgb(14 153 229 / 15%);
}
.navbar-nav .nav-item .nav-link {
	color: #31333c;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Poppins';
}
.active {
	color: #434c83;
	font-weight: 600;
	font-family: 'Poppins';
	font-size: 14px;
}
.navbar-toggler:focus {
	box-shadow: none;
}
.banner-image {
	width: 75%;
	float: right;
}
.detail-h {
	color: #0f358e;
	font-family: 'Poppins';
}
.detail {
	padding: 40px 10px;
	background-color: #e3e8e8;
	border-radius: 10px;
	border: 4px solid rgb(255 255 255 / 55%);
}
.equal-height-row {
	display: flex;
}
.equal-height-col {
	flex: 1;
}
.bg {
	background-image: url('../images/bg.jpg');
	background-position: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
.owl-carousel .item {
	background: #fff;
	padding: 1rem;
}
.owl-carousel .item:hover {
	box-shadow: 0 6px 30px rgba(0, 0, 0, 0.1);
}

.det {
	width: 100%;
	float: left;
	background-color: #fff;
	padding: 12px;
	border-radius: 10px;
	border: 4px solid transparent;
}
.det1 {
	width: 100%;
	display: flex;
	float: left;
	background-color: #e3e8e8;
	padding: 12px;
	border-radius: 10px;
	border: 4px solid transparent;
}
/* .det:hover {
	background-color: #e3e8e8;
	border-radius: 10px;
	border: 4px solid rgb(255 255 255 / 55%);
} */
.card {
	border: none;
	margin-bottom: 20px;
	border-radius: 10px;
}
.card-body {
	padding: 0px;
}

.img img {
	width: 65px;
}

.name {
	font-size: 24px;
	font-weight: 600;
	color: #292929;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.footer-bg {
	background-image: url('../images/footer-bg.jpg');
	background-position: fixed;
	background-repeat: no-repeat;
	background-size: cover;
}
.footer {
	padding: 0 0 30px 0;
	font-size: 14px;
}
.footer .footer-top {
	background-size: contain;
	padding: 60px 0 30px 0;
}
.logo {
	width: 200px;
}
.footer-p {
	color: #fff;
	font-size: 16px;
	font-family: 'Poppins';
}
.footer-links ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.footer-links ul li {
	padding: 0;
	display: flex;
	align-items: center;
}
.footer-links ul li a {
	color: #fff;
	font-size: 16px;
	font-family: 'Poppins';
	text-decoration: none;
}
.footer-links ul li a:hover {
	text-decoration: underline;
}
.footer .footer-top h4 {
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-family: 'Poppins';
	position: relative;
	padding-bottom: 12px;
}
.footer .copyright {
	text-align: center;
	padding-top: 30px;
	color: #fff;
	font-family: 'Poppins';
}
.contact-div {
	width: 80%;
	margin: auto;
	background-color: #43b3ec;
	border-radius: 34px;
	padding: 10px;
}
.con-d {
	float: left;
	text-align: center;
}
.footer .fa-phone {
	color: #fff;
	font-size: 20px;
}
.footer span {
	color: #fff;
	font-size: 16px;
	margin-left: 5px;
}
.footer .fass {
	color: #fff;
	font-size: 20px;
	margin-left: 10px;
}
.footer .fass:hover {
	color: #434c83;
}
/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/

@media (max-width: 1399.98px) {
	.crd-h {
		font-size: 1rem;
	}
	.onboarding .call-now-section.dnamic {
		position: initial;
	}
}
@media (max-width: 1199.98px) {
	.banner-image {
		margin-top: 40px;
	}
	.navbar-nav .nav-item .nav-link {
		font-size: 13px;
	}
	.btn-n {
		font-size: 13px;
	}
	.bordr-4 {
		border: none;
	}
	.bordr-5 {
		border-bottom: 7px solid #434c83;
	}
}
@media (max-width: 991.98px) {
	.navbar-toggler {
		border: 1px solid #31333c;
	}
	.navbar-toggler-icon .fa {
		color: #31333c;
	}
	.active {
		border: none;
	}
	.heading {
		font-size: 32px;
	}
	.sub-text {
		font-size: 16px;
	}
	.banner-image {
		margin-top: 60px;
		width: 90%;
	}
	.col-md-3 {
		width: 50%;
	}
	.img {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.img img {
		width: auto;
	}
	.txt {
		width: 100%;
		text-align: center;
	}
	.txt p {
		margin-left: 0px !important;
	}
	.txt h5 {
		margin-left: 0px !important;
	}
	.footer .footer-top {
		background-position: center bottom;
	}
	.contact-div {
		width: 100%;
	}
	.txt-centr {
		text-align: center;
	}
	.det {
		display: inline-block !important;
	}
}
@media (max-width: 767.98px) {
	.nav-item {
		margin-left: 0px !important;
	}
	.col-md-3 {
		width: 100%;
	}
	.col-md-3.equal-height-row:not(:first-child),
	.col-md-4.equal-height-row:not(:first-child) {
		margin-top: 10px;
	}
	.heading {
		text-align: center;
	}
	.sub-text {
		text-align: center;
	}
	.bnr-btns {
		justify-content: center;
	}
	.bnr-btns button {
		margin: auto;
	}
	.bnr-btns .btn-n {
		margin-left: 10px !important;
	}
	.banner-image {
		margin-top: 20px;
		width: 80%;
		float: none !important;
	}
	.img-side {
		text-align: center;
	}
	.top {
		margin-top: 10%;
	}
	.img {
		width: 20%;
		text-align: left;
	}
	.img img {
		width: auto;
	}
	.txt {
		width: 80%;
		text-align: left;
		margin-top: 15px;
	}
	.col-sm-6 {
		width: 100%;
	}
	.footer-p {
		padding-right: 5px !important;
	}
	.con-d {
		width: 100%;
	}
	.cd-1 {
		margin-top: 15px;
	}
	.mb-section {
		margin-top: 0px !important;
	}
	.mt-section {
		margin-top: 0px !important;
	}
	.detail-h {
		margin-top: 20px !important;
		padding-top: 0px !important;
	}
	.bordr-2 {
		border-bottom: none;
	}
	.txt p {
		margin-left: 5px !important;
	}
	.txt h5 {
		margin-left: 5px !important;
	}
	.txt {
		margin-top: 5px;
	}
	.bordr-3 {
		border-bottom: 7px solid #434c83;
	}
	.txt-center {
		text-align: center;
	}
}
@media (max-width: 575.98px) {
	.heading {
		font-size: 26px;
	}
	.sub-text {
		font-size: 14px;
	}
	.txt {
		margin-top: 10px;
	}
	.img {
		width: 100%;
		text-align: center;
		margin-bottom: 5px;
	}
	.img img {
		width: auto;
	}
	.txt {
		width: 100%;
		text-align: center;
	}
	.txt p {
		margin-left: 0px !important;
	}
	.txt h5 {
		margin-left: 0px !important;
	}
	.txt {
		margin-top: 15px;
	}
}

/*--------------------------------------------------------------
# partners-page
--------------------------------------------------------------*/

.col3 {
	width: 33%;
	-webkit-column-gap: 10px;
	-moz-column-gap: 10px;
	column-gap: 10px;
}
.detail-padding {
	padding: 20px 10px !important;
}
.mt-10 {
	margin-top: 10rem;
}
.mt-185 {
	margin-top: 1.85rem;
}
.bg-bg {
	background-image: url('../images/accept-credit-card/A-bg.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.t-bg-bg {
	margin-top: -110px;
}
.t-bg-bg1 {
	margin-top: -100px;
}
.btn-nr {
	border-radius: 10px;
}
.mb-bg-5 {
	margin-bottom: 6rem;
}
.w-90-m {
	width: 90% !important;
}
.dec-none {
	text-decoration: none;
}
/*--------------------------------------------------------------
# form
--------------------------------------------------------------*/
.form-f input,
textarea {
	border: none !important;
}
.form-f input:focus {
	box-shadow: none !important;
}
.form-f textarea:focus {
	box-shadow: none !important;
}
.btn-nnn {
	background-color: #169bd6;
	color: #fff;
	border-radius: 10px;
	font-family: 'Poppins';
	font-size: 14px;
	padding: 0px 30px;
	width: 100%;
	height: 40px;
	border: none;
	letter-spacing: 0.7px;
}
.btn-nnn:hover {
	color: #fff;
	background-color: #31333c;
}
.btn-nnn:focus {
	box-shadow: 0 0 0 0.25rem rgb(14 153 229 / 15%);
}
/*--------------------------------------------------------------
# form
--------------------------------------------------------------*/
@media (max-width: 991.98px) {
	.w-100w {
		max-width: 100%;
		width: 100%;
	}
	.mt-10 {
		margin-top: 4rem;
	}
	.mt-0m {
		margin-top: 0px !important;
	}
}
@media (max-width: 767.98px) {
	.pr-0 {
		padding-right: calc(var(--bs-gutter-x) / 2) !important;
	}
}
@media (max-width: 575.98px) {
	.col3 {
		width: 49%;
	}
	.w-100-m {
		width: 100% !important;
	}
	.padding-0 {
		padding: 0px !important;
	}
}
@media (max-width: 420px) {
	.col3 {
		width: 100%;
	}
}

/*--------------------------------------------------------------
# contactus-page
--------------------------------------------------------------*/
.ft-p {
	font-size: 15px !important;
}
/*--------------------------------------------------------------
# socail-icons
--------------------------------------------------------------*/
.fasss {
	color: #169bd6;
	font-size: 26px;
	margin-left: 10px;
}
.fasss:hover {
	color: #434c83;
}
.fassss {
	color: #169bd6;
	font-size: 22px;
	margin-left: 10px;
}
.fassss:hover {
	color: #434c83;
}

/*--------------------------------------------------------------
# socail-icons
--------------------------------------------------------------*/

@media (max-width: 1199.98px) {
	.d-blk {
		display: block !important;
		text-align: center;
	}
	.d-blk img {
		float: none !important;
	}
	.ms-1200 {
		margin-left: 0px !important;
	}
	.f-none {
		float: none !important;
	}
	.mt-1200 {
		margin-top: 10px !important;
	}
	.h5f {
		font-size: 1rem !important;
	}
}
@media (max-width: 991.98px) {
	.icon-w {
		width: 50px;
	}
	.ft-h5 {
		font-size: 1rem !important;
	}
	.ft-p {
		font-size: 13px !important;
	}
}
@media (max-width: 767.98px) {
	.ff-none {
		float: none !important;
	}
	.text-center-768 {
		text-align: center;
	}
	.first {
		order: 1;
	}
	.second {
		order: 2;
	}
	.pt-m0 {
		padding-top: 0px !important;
	}
	.fs3 {
		font-size: 1.2rem !important;
	}
	.btn-nn,
	.btn-n {
		padding: 0px 20px;
		font-size: 12px;
		height: 40px;
		line-height: 37px;
	}
	.onboarding .call-now-section {
		text-align: center;
	}
}
@media (max-width: 575.98px) {
	.mb-10m {
		margin-bottom: 10px !important;
	}
	.px-10 {
		padding-left: 5rem;
		padding-right: 5rem;
	}
	.ff-none {
		float: none !important;
	}
	.t-cntr {
		text-align: center;
	}
	.ms-575 {
		margin-left: 0px !important;
	}
	.det1 {
		display: inline-block;
	}
	.icnn {
		width: auto;
	}
	.mt-575 {
		margin-top: 15px !important;
	}
	.pdtop-0 {
		padding-top: 0px !important;
	}
}
@media (max-width: 332px) {
	.logo {
		width: 130px;
	}
	.navbar-toggler {
		padding: 0.2rem 0.25rem;
	}
}
/*--------------------------------------------------------------
# contactus-page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# accept-page
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# video
--------------------------------------------------------------*/
.bg-video {
	border-radius: 8px;
	background-image: url('../images/accept-credit-card/v-bg.png');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 480px;
	width: 100%;
	margin-top: 80px;
}
.video-play {
	width: 60%;
	margin: 0 auto;
	left: 20%;
	margin-top: -60px;
	height: 380px;
	border-radius: 12px;
	position: absolute;
	background: #fff;
	justify-content: center;
	overflow: hidden;
}

@media (max-width: 1199.98px) {
	.video-play {
		width: 70%;
		left: 15%;
	}
	.icnn {
		width: 70px;
	}
}
@media (max-width: 991.98px) {
	.bg-video {
		height: 380px;
	}
	.video-play {
		height: 285px;
	}
}
@media (max-width: 767.98px) {
	.bg-video {
		height: 250px;
	}
	.video-play {
		height: 220px;
	}
	.p-bb-0 {
		padding-bottom: 0px !important;
	}
}
@media (max-width: 400px) {
	.video-play {
		height: 170px;
	}
	.bg-video {
		height: 250px;
	}
}
/*--------------------------------------------------------------
# video
--------------------------------------------------------------*/
.box-s {
	box-shadow: 0px 2px 20px rgba(1, 41, 112, 0.1);
}
/*--------------------------------------------------------------
# accept-page
--------------------------------------------------------------*/

.show {
	display: block;
	opacity: 1;
	transition: opacity 0.3s ease;
}

/* .onboarding .list-group-item.active {
	color: #fff;
	background-color: #43b3ec;
	border-color: #43b3ec;
	font-size: inherit;
}

.onboarding .side-panel-template .list-group-item {
	cursor: pointer;
	color: #31333c;
	font-size: 14px;
	font-family: 'Poppins';
} */

.step-number {
	display: inline-block;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	line-height: 30px;
	background-color: #444; /* Replace with your desired background color */
	color: white;
	margin-right: 5px;
}

/* .onboarding .sidePanel {
	background-image: url(/images/get-started-side-v1.png);
	height: 440px;
	background-position: center bottom;
	background-size: cover;
	background-repeat: no-repeat;
	display: block;
	border-radius: 20px;
	max-width: 960px;
	margin: 0 auto;
} */

/* .onboarding .force-two-columns {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

.onboarding .force-two-columns > div {
	max-width: 400px; 
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px; 
} */

/* .onboarding .step-icon {
	margin-right: 10px;
} */

/* .onboarding .step-completed .step-icon {
	color: green;
} */

footer .contact-div a {
	text-decoration: none;
}

.onboarding .heading.top {
	max-width: 450px;
}

.onboarding .onboarding-ccadd {
	background: #fff;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	padding: 20px;
	margin-top: 30px;
}
.onboarding .onboarding-step {
	background: #fff;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	padding: 20px;
	margin-top: 30px;
	border-radius: 5px;
}

.onboarding .onboarding-ccadd {
	margin-top: 0;
}

.header-bold {
	color: #5f7775;
}

.btn-group-toggle .btn input[type='checkbox'] {
	position: absolute;
	clip: rect(0, 0, 0, 0);
	pointer-events: none;
	border-color: #01447c;
	font-family: 'Poppins';
}

.btn-group-toggle .btn.active {
	background-color: #01447c;
	color: #fff;
	border-color: #01447c;
	font-weight: inherit;
	font-size: 16px;
}

.btn-group-toggle .btn:not(.active):hover {
	background-color: #01447c;
	color: #fff;
	border-color: #01447c;
	font-family: 'Poppins';
}

.btn-group-toggle .btn:not(.active) {
	border-color: #01447c;
	color: #01447c;
	font-family: 'Poppins';
}

.onboarding .btn-outline-primary {
	margin-right: 5px;
}

.onboarding .btn-group-toggle.flex-wrap .btn {
	margin-right: 10px;
	margin-bottom: 10px;
}

.onboarding .banner-image {
	float: none;
}

.onboarding h2.text-center.pb-5 {
	max-width: 550px;
	margin: 0 auto;
}

.onboarding .call-now-section {
	max-width: 590px;
}

.referral-partner-image img {
	max-width: 100%;
}

.onboarding-epype {
	display: inherit;
}

.bg-feature-gray {
	background-color: #edf2f2;
}
/* .onboarding .btn-nn,
.onboarding .btn-primary {
	background-color: #058ed9;
	border-color: #43b3ec;
} */

.onboarding .btn-n {
	background-color: #2e4057;
}

.secure-container {
	background-color: #edf2f2;
	border: 1px solid #2e4057;
	box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.2);
	line-height: 14px;
	margin: 0 auto;
}

.secure-container span.text-muted {
	font-size: 14px;
}

.input-group .input-group-prepend .phone-icon,
.input-group .input-group-prepend .business-icon {
	font-size: 1rem; /* Adjust the font size as needed */
	line-height: 1.5; /* Adjust the line height as needed */
	height: 38px;
}

.crm-button {
	width: 80px; /* Adjust as needed */
}

.select-wrapper {
	position: relative;
}

.select-wrapper select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding-right: 30px; /* Adjust padding as needed */
}

.select-wrapper .select-icon {
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
	pointer-events: none;
}

#loading-spinner {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.section-loading {
	height: 100vh;
}

.segment {
	position: relative;
}

.segment::before {
	content: attr(data-segment) ' of ' attr(data-total); /* Modified line */
	position: absolute;
	width: 100px; /* Increased width to accommodate the new text */
	font-size: 14px;
	right: 20px;
	text-align: right;
}

.epype-container {
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.responsive-iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.onboarding .call-now-section.dnamic {
	/* position: fixed; */
}
.feature .heading {
	text-align: center;
	max-width: 860px;
	margin: 0 auto; /* To center horizontally within the container */
}
.feature .sub-text {
	text-align: center;
}
a.detail.d-block.dec-none.text-center.detail-padding.mt-3 {
	cursor: default;
}

@media (max-width: 1399.98px) {
	.onboarding .call-now-section.dnamic {
		position: initial;
	}
}

@media (max-width: 1399.98px) {
	.sub-heading-mobile {
		text-align: center;
	}
}

@media (max-width: 767.98px) {
	.sub-heading-mobile {
		text-align: center;
	}

	.navbar-brand {
		margin-right: 0;
	}
}

.footer-logo img {
	width: 240px;
}

/*--------------------------------------------------------------
  # Modals
  --------------------------------------------------------------*/
.w-header {
	background-color: #169cd6;
}

.w-body {
	background-color: #169cd644;
}

.modal-box {
	border: none;
}
.w-cta-btn {
	background: #169cd6 !important;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
	transition: box-shadow 0.3s ease-in-out;
}

.w-cta-btn:hover {
	background: #169cd6cc !important;
	color: #31333c;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
}

.widget-card {
	width: 100%;
	max-width: 360px;
}

/*--------------------------------------------------------------
  # Payout reports
  --------------------------------------------------------------*/
/* General Table Styles */
.table {
	margin-top: 20px;
}

.table th,
.table td {
	vertical-align: middle;
}

/* Header Styles */
.card-title {
	font-weight: bold;
}

.table-secondary {
	font-weight: bold;
	background-color: #f8f9fa;
}

/* Align totals to the right */
.table-secondary td.text-end {
	text-align: right;
}

.payout-partner-name {
	font-weight: 300;
	color: #bb2d3b;
}

.preview-merchant-info {
	padding: 5px 10px;
}

.payout-report-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.007);
	color: rgb(83, 83, 83);
	display: flex;
	align-items: start;
	justify-content: center;
	z-index: 10;
	pointer-events: none;
}

.time-period-btn {
	background-color: #6c757d;
	color: white;
	border: 1px solid #6c757d;
}

.time-period-btn:hover {
	background-color: #5a6268;
	border-color: #545b62;
}

.time-period-btn:active,
.time-period-btn:focus {
	background-color: #545b62;
	border-color: #4e555b;
	box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
}
.time-period-btn:first-child {
	border-radius: 0.25rem 0 0 0.25rem; /* Rounded corners on the left side only */
}

#legend-container {
	max-height: 100px;
	overflow-y: auto;
	margin-top: 10px;
}

#legend-container ul {
	list-style: none;
	padding-left: 0;
}

#legend-container ul li {
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}

#legend-container ul li span {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin-right: 10px;
}

/*--------------------------------------------------------------
  # stripes-new-policy-change
  --------------------------------------------------------------*/
.btn-group-toggle.is-invalid .btn {
	border-color: #dc3545; /* change border color to red */
}

.onboarding-step.onboarding-complete {
	margin: 100px 0;
	padding: 50px;
}

.number-input-container {
	display: flex;
	align-items: center;
	margin-bottom: 20px;
}

.bold-number-input {
	font-size: 24px; /* Big bold font size */
	font-weight: bold;
	width: 60px; /* Adjust width as per design requirements */
	text-align: center;
	margin: 0 10px;
}

.adjust-btn {
	background: none;
	border: none;
	font-size: 20px;
	cursor: pointer;
}

.adjust-btn:focus {
	outline: none;
}

/* Hide spinner for number input in most browsers */
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

input[type='number'] {
	-moz-appearance: textfield; /* Hide spinner in Firefox */
}

.total-display {
	font-size: 18px;
	margin-top: 20px;
}

/* If you want to highlight the total when it's not 100 */
#total-value:not(:contains('100')) {
	color: red;
	font-weight: bold;
}

.next-legal {
	font-size: 11px;
	display: block;
}

.more-info-section p {
	color: #dc3545;
}

.more-info-section li {
	color: #555761;
}

.more-info-section li strong {
	color: #31333c;
}

/* .heading.segment-title {
	font-size: 42px;
	font-weight: 700;
	font-family: 'Poppins';
	color: white;
	background-color: #2e4057;
	padding: 10px 15px;
	border: 1px solid #555;
	display: inline-block;
} */

.btn-warning {
	background-color: #ffe347;
	color: #31333c;
	box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.3);
	border: none;
}

.btn-warning:hover {
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
	.onboarding-step.onboarding-complete {
		margin: 30px 0;
		padding: 50px;
	}

	.heading.segment-title {
		font-size: 1rem;
		margin-top: 10px;
	}
}

.onboarding input[type='radio'] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

/*--------------------------------------------------------------
# Not used
--------------------------------------------------------------*/
.btns {
	display: table;
	margin: 30px auto;
}
.customNextBtn,
.customPreviousBtn {
	float: right;
	background: #2d9070;
	color: #fff;
	padding: 10px;
	margin-left: 5px;
	cursor: pointer;
}
.maintxt {
	font-size: 16px;
	font-weight: 400;
	color: #646464;
}
.stars {
	margin-top: 10px;
}
.stars .fa-star {
	color: #ffc83d;
	font-size: 20px;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
	background: #0e99e5;
	width: 15px;
	height: 15px;
}
.owl-theme .owl-dots .owl-dot span {
	margin: 5px 10px;
	background: #dcfaff;
}

.industries-section {
	background-color: #1d2b44; /* example dark blue */
}
.industries-grid {
	display: flex;
	flex-wrap: wrap;
	max-width: 980px;
}

.industry-tile-wrapper {
	padding: 0;
	/* max-width: 150px;
	max-height: 150px; */
	aspect-ratio: 1 / 1;
	border-right: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.industry-tile {
	height: 100%;
	width: 100%;
	transition: background-color 0.3s ease, transform 0.3s ease;
	cursor: pointer;
}

.industry-tile:hover {
	background-color: rgba(255, 255, 255, 0.05);
	transform: translateY(-2px);
}

.industry-label {
	font-size: 0.95rem;
	font-weight: 500;
}

/* 3 columns for small screens */
@media (max-width: 768.98px) {
  .industries-grid > .industry-tile-wrapper:nth-child(3n) {
    border-right: none;
  }

  .industries-grid > .industry-tile-wrapper:nth-last-child(-n + 3) {
    border-bottom: none;
  }
}

/* 6 columns for large screens */
@media (min-width: 769px) {
  .industries-grid > .industry-tile-wrapper:nth-child(6n) {
    border-right: none;
  }

  .industries-grid > .industry-tile-wrapper:nth-last-child(-n + 6) {
    border-bottom: none;
  }
}

/* ============================================================================
   Additional classes from main branch merge
   ============================================================================ */

/* Not sure button functionality */
.not-sure-wrapper {
	position: relative;
}
.not-sure-btn {
	display: none;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 0.75rem;
}
.not-sure-wrapper:hover .not-sure-btn,
.not-sure-wrapper:focus-within .not-sure-btn {
	display: inline-block;
}
.not-sure-btn.active {
	color: #0d6efd;
}