@import "variables.css";

:root,
[data-bs-theme=light] {
	--bs-body-bg: #ffffff;
	--bs-body-color: #494B5B;
	--bs-primary: var(--app-primary);
	--bs-primary-rgb: var(--app-primary-rgb);
	--bs-primary-hover: var(--app-primary-hover);
	--bs-primary-hover-rgb: 20, 75, 75;
	--bs-secondary: #CCE8C9;
	--bs-secondary-rgb: 204, 232, 201;
	--bs-heading-color: #16181B;
	--inverse-color: #494B5B;
	--inverse-color-rgb: 73, 75, 91;
	--bs-link-color: var(--bs-primary);
	--nav-bg: #ffffff;
	--nav-color: #fff;
	--nav-hover-color: #1f6bff;
	--dropdown-bg: #ffffff;
	--dropdown-color: #1f6bff;
	--dropdown-hover-bg: #f7f7f7;
	--nav-inverse: #000000;
	--nav-inverse-alt: #ffffff;
}

body {
	font: 1rem/1.7 "Inter", sans-serif;
	background-color: var(--bs-body-bg);
	color: var(--bs-body-color);
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.site-wrap {
	position: relative;
}

::-moz-selection {
	background-color: var(--bs-black);
	color: var(--bs-white);
}

::selection {
	background-color: var(--bs-black);
	color: var(--bs-white);
}

a {
	-webkit-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	color: var(--bs-primary);
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color: var(--bs-heading-color);
}

.container {
	max-width: 1140px;
}

.section {
	padding: 70px 0;
	scroll-margin-top: 60px;
}

@media (max-width: 767.98px) {
	.section {
		padding: 40px 0;
	}
}

.section.first-section {
	padding-top: 100px;
}

@media (min-width: 992px) {
	.section.first-section {
		padding-top: 130px;
	}
}

.text-heading-color {
	color: var(--bs-heading-color);
}

.shadow-sm {
	-webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-black-rgb), 0.05) !important;
	box-shadow: 0 0.125rem 0.25rem 0 rgba(var(--bs-black-rgb), 0.05) !important;
}

.shadow {
	-webkit-box-shadow: 0 0.5rem 1rem 0 rgba(var(--bs-black-rgb), 0.05) !important;
	box-shadow: 0 0.5rem 1rem 0 rgba(var(--bs-black-rgb), 0.05) !important;
}

.shadow-lg {
	-webkit-box-shadow: 0 1rem 3rem 0 rgba(var(--bs-black-rgb), 0.05) !important;
	box-shadow: 0 1rem 3rem 0 rgba(var(--bs-black-rgb), 0.05) !important;
}

.list-checked {
	padding: 0;
	margin: 0;
	color: var(--bs-body-color);
}

.list-checked li {
	position: relative;
	margin-bottom: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: start;
	gap: 10px;
}

.list-checked li i {
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	display: inline-block;
	background-color: rgba(var(--bs-primary-rgb), 0.1);
	border-radius: 50%;
	color: var(--bs-primary);
	font-size: 20px;
}

.list-checked li:before {
	position: absolute;
	display: inline-block;
	left: 0;
	content: "";
	vertical-align: -0.125em;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: 1.5625rem 1.5625rem;
	width: 1.5625rem;
	height: 1.5625rem;
}

.btn {
	padding: 8px !important;
	border-radius: 0;
	font-weight: 600;
	position: relative;
}

/* Only .btn-primary uses brand primary; other buttons keep Bootstrap/default styling */
.btn-primary {
	background-color: var(--app-primary);
	border: 1px solid var(--app-primary);
	color: var(--bs-white);
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
	color: var(--bs-white);
	background-color: var(--app-primary-hover) !important;
	border-color: var(--app-primary-hover) !important;
}

.btn.btn-white.hover-outline {
	background-color: var(--bs-white) !important;
	color: var(--bs-black) !important;
	border: 1px solid transparent !important;
}

.btn.btn-white.hover-outline:hover {
	color: var(--bs-white) !important;
	background-color: transparent !important;
	border: 1px solid var(--bs-white) !important;
}

.btn.btn-white-outline {
	border: 1px solid rgba(var(--inverse-color-rgb), 0.2) !important;
	color: var(--inverse-color) !important;
	background-color: transparent;
}

.btn.btn-white-outline:hover,
.btn.btn-white-outline:focus,
.btn.btn-white-outline:active {
	background-color: transparent !important;
	border: 1px solid rgba(var(--inverse-color-rgb), 0.5) !important;
}

.block-squares {
	position: absolute;
	bottom: -12px;
	right: 0;
	z-index: 1;
	width: auto;
}

.form-control {
	padding-top: 10px;
	padding-bottom: 10px;
	border-width: 1px;
	font-size: 16px;
	background-color: transparent;
	border-color: rgba(var(--inverse-color-rgb), 0.1);
}

.form-control:focus {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border-color: var(--bs-primary);
}

.a-link i {
	font-size: 26px;
	margin-left: 10px;
	-webkit-transition: 0.25s all ease-in-out;
	transition: 0.25s all ease-in-out;
}

.a-link:hover i {
	margin-left: 15px;
}

.page-title {
	padding-top: 100px !important;
	padding-bottom: 50px !important;
	background-color: rgba(var(--inverse-color-rgb), 0.03);
}

.special-link .icons {
	display: inline-block;
	width: 38px;
	height: 38px;
	line-height: 38px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	border: 1px solid rgba(var(--inverse-color-rgb), 0.2);
}

.special-link .icons i {
	font-size: 25px;
	position: relative;
	display: inline-block;
	position: absolute;
	-webkit-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.special-link .icons i.icon-1 {
	opacity: 1;
	visibility: visible;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.special-link .icons i.icon-2 {
	opacity: 0;
	visibility: hidden;
	top: 80%;
	left: 20%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.special-link:hover .icons .icon-1 {
	opacity: 0;
	visibility: hidden;
	top: 20%;
	left: 80%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.special-link:hover .icons .icon-2 {
	opacity: 1;
	visibility: visible;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	transform: translate(-50%, -50%) rotate(-45deg);
}

.fbs__net-navbar {
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: 0;
	-webkit-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
	z-index: 99999;
	width: 100%;
	background-color: #ffffff !important;
	border: none;
	box-shadow: 0 0.1875rem 0.375rem rgba(var(--bs-black-rgb), 0.05) !important;
}

body:has(.top-sale-banner) .fbs__net-navbar {
	top: 0;
	margin-top: 0;
}

@media (min-width: 992px) {
	.fbs__net-navbar {
		padding-top: 0;
		padding-bottom: 0;
	}
}

.fbs__net-navbar>.container {
	position: relative;
}

.fbs__net-navbar.relative {
	position: static;
}

.fbs__net-navbar .navbar-brand {
	color: rgba(var(--inverse-color-rgb), 1) !important;
	font-size: 30px;
	font-weight: bold;
}

.fbs__net-navbar .navbar-brand .logo.dark {
	display: none;
}

.fbs__net-navbar .navbar-brand .logo.light {
	display: block;
}

.fbs__net-navbar .navbar-nav>li>.nav-link {
	position: relative;
	padding-top: 22px;
	padding-bottom: 22px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 0.9375rem;
	color: rgba(var(--inverse-color-rgb), 1) !important;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	position: relative;
}

@media (max-width: 991.98px) {
	.fbs__net-navbar .navbar-nav>li>.nav-link {
		color: var(--inverse-color);
	}
}

.fbs__net-navbar .navbar-nav>li>.nav-link:before {
	content: "";
	position: absolute;
	width: calc(100% - 20px);
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	border-radius: 5px;
	height: 1.5px;
	bottom: 0;
	left: 10px;
	background: currentcolor;
	-webkit-transform-origin: bottom right;
	transform-origin: bottom right;
	-webkit-transition: -webkit-transform 0.35s ease-out;
	transition: -webkit-transform 0.35s ease-out;
	transition: transform 0.35s ease-out;
	transition: transform 0.35s ease-out, -webkit-transform 0.35s ease-out;
}

.fbs__net-navbar .navbar-nav>li>.nav-link:hover::before {
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
}

.fbs__net-navbar .navbar-nav>li>.nav-link:hover,
.fbs__net-navbar .navbar-nav>li>.nav-link:focus {
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

@media (max-width: 991.98px) {

	.fbs__net-navbar .navbar-nav>li>.nav-link:hover,
	.fbs__net-navbar .navbar-nav>li>.nav-link:focus {
		color: var(--inverse-color) !important;
	}
}

@media (max-width: 767.98px) {
	.fbs__net-navbar .navbar-nav>li>.nav-link {
		padding-top: 5px;
		padding-bottom: 5px;
	}
}

.fbs__net-navbar .navbar-nav>li>.nav-link.active {
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

@media (max-width: 991.98px) {
	.fbs__net-navbar .navbar-nav>li>.nav-link.active {
		color: var(--inverse-color);
	}
}

.fbs__net-navbar .navbar-nav>li>.nav-link.active:before {
	content: "";
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}

.fbs__net-navbar .navbar-nav>li>.nav-link.dropdown-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.fbs__net-navbar .navbar-nav>li>.nav-link.dropdown-toggle::after {
	display: none;
	content: "";
}

@media (max-width: 991.98px) {
	.fbs__net-navbar .navbar-nav>li>.nav-link {
		padding-top: 10px;
		padding-bottom: 10px;
	}
}

.fbs__net-navbar .navbar-nav .dropdown-menu {
	background-color: var(--nav-bg);
}

.fbs__net-navbar .navbar-nav .dropdown-menu .nav-link:hover {
	background-color: var(--dropdown-hover-bg) !important;
	color: var(--inverse-color);
}

.fbs__net-navbar .navbar-nav .dropdown-toggle::after {
	display: none;
}

.fbs__net-navbar .navbar-nav .dropdown-toggle .bi-chevron-down {
	margin-left: 0.5rem;
}

.fbs__net-navbar .fbs__net-navbar-toggler {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	position: relative;
	background-color: var(--bs-black);
	color: var(--bs-white);
	border: none;
	display: none;
}

@media (max-width: 991.98px) {
	.fbs__net-navbar .fbs__net-navbar-toggler {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.fbs__net-navbar .navbar-brand {
	margin-right: 0 !important;
}

.fbs__net-navbar .navbar-nav .dropdown>.dropdown-menu,
.fbs__net-navbar .navbar-nav .dropend>.dropdown-menu,
.fbs__net-navbar .navbar-nav .dropstart>.dropdown-menu {
	border: none !important;
	padding-left: 10px;
	padding-right: 10px;
	-webkit-box-shadow: 0 0.1875rem 0.375rem rgba(var(--bs-black-rgb), 0.1);
	box-shadow: 0 0.1875rem 0.375rem rgba(var(--bs-black-rgb), 0.1);
}

@media (min-width: 992px) {

	.fbs__net-navbar .navbar-nav .dropdown>.dropdown-menu,
	.fbs__net-navbar .navbar-nav .dropend>.dropdown-menu,
	.fbs__net-navbar .navbar-nav .dropstart>.dropdown-menu {
		padding-left: 10px;
		padding-right: 10px;
		width: 200px;
		border: none;
	}
}

.fbs__net-navbar .navbar-nav .dropdown>.dropdown-menu .dropdown-item,
.fbs__net-navbar .navbar-nav .dropdown>.dropdown-menu .nav-link,
.fbs__net-navbar .navbar-nav .dropend>.dropdown-menu .dropdown-item,
.fbs__net-navbar .navbar-nav .dropend>.dropdown-menu .nav-link,
.fbs__net-navbar .navbar-nav .dropstart>.dropdown-menu .dropdown-item,
.fbs__net-navbar .navbar-nav .dropstart>.dropdown-menu .nav-link {
	font-size: 0.875rem;
	padding: 10px 10px;
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	border-radius: 0.5rem;
}

@media (min-width: 992px) {

	.fbs__net-navbar .navbar-nav .dropdown:hover>.dropdown-menu,
	.fbs__net-navbar .navbar-nav .dropend:hover>.dropdown-menu,
	.fbs__net-navbar .navbar-nav .dropstart:hover>.dropdown-menu {
		display: block;
		-webkit-animation: fadeInUp 0.3s ease;
		animation: fadeInUp 0.3s ease;
	}
}

@media (min-width: 992px) {
	.fbs__net-navbar .navbar-nav .dropend:hover>.dropdown-menu {
		position: absolute;
		top: 0;
		left: 100%;
		-webkit-animation: fadeInRight 0.3s ease;
		animation: fadeInRight 0.3s ease;
	}
}

@media (min-width: 992px) {
	.fbs__net-navbar .navbar-nav .dropstart:hover>.dropdown-menu {
		position: absolute;
		top: 0;
		right: 100%;
		-webkit-animation: fadeInLeft 0.3s ease;
		animation: fadeInLeft 0.3s ease;
	}
}

.fbs__net-navbar .navbar-nav .dropdown-toggle::before {
	display: none;
}

.fbs__net-navbar .navbar-nav .dropdown-toggle::after {
	display: none;
}

.fbs__net-navbar .navbar-nav li.dropend>a,
.fbs__net-navbar .navbar-nav li.dropstart>a {
	position: relative;
}

.fbs__net-navbar .navbar-nav li.dropend>a .bi,
.fbs__net-navbar .navbar-nav li.dropstart>a .bi {
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media (max-width: 991.98px) {

	.fbs__net-navbar .navbar-nav li.dropend>a .bi,
	.fbs__net-navbar .navbar-nav li.dropstart>a .bi {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg);
		margin-top: -10px;
	}
}

.fbs__net-navbar .navbar-nav li.dropend>a::after,
.fbs__net-navbar .navbar-nav li.dropstart>a::after {
	display: none;
}

.fbs__net-navbar .navbar-nav li.dropend>a {
	position: relative;
}

.fbs__net-navbar .navbar-nav li.dropend>a:hover {
	background-color: var(--dropdown-hover-bg) !important;
}

.fbs__net-navbar .navbar-nav li.dropend>a .caret {
	position: absolute;
	right: 10px;
}

.fbs__net-navbar .navbar-nav li.dropstart>a {
	position: relative;
}

.fbs__net-navbar .navbar-nav li.dropstart>a:hover {
	background-color: var(--dropdown-hover-bg) !important;
}

.fbs__net-navbar .navbar-nav li.dropstart>a .caret {
	position: absolute;
	left: 10px;
}

.fbs__net-navbar .navbar-toggler:hover,
.fbs__net-navbar .navbar-toggler:focus,
.fbs__net-navbar .navbar-toggler:active {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.fbs__net-navbar .header-social a {
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	color: rgba(var(--inverse-color-rgb), 1) !important;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	border-radius: 4px;
	display: inline-block;
	background-color: transparent;
}

.fbs__net-navbar .header-social a:hover {
	background-color: rgba(var(--inverse-color-rgb), 0.1);
}

@media (min-width: 992px) {
	.fbs__net-navbar .header-social a {
		color: rgba(var(--inverse-color-rgb), 1) !important;
	}
}

.fbs__net-navbar .header-social .btn {
	width: auto !important;
	height: auto !important;
	background-color: var(--bs-primary) !important;
	color: var(--bs-white) !important;
}

@media (max-width: 575.98px) {
	.fbs__net-navbar .header-social .btn {
		display: none;
	}
}

.fbs__net-navbar.active {
	position: fixed !important;
	top: 0 !important;
	width: 100%;
	background-color: #ffffff !important;
	-webkit-box-shadow: 0 0.1875rem 0.375rem rgba(var(--bs-black-rgb), 0.05) !important;
	box-shadow: 0 0.1875rem 0.375rem rgba(var(--bs-black-rgb), 0.05) !important;
}

.fbs__net-navbar.active .navbar-brand {
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

.fbs__net-navbar.active .navbar-brand .logo.dark {
	display: block;
}

.fbs__net-navbar.active .navbar-brand .logo.light {
	display: none;
}

.fbs__net-navbar.active .nav-link {
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

.fbs__net-navbar.active .nav-link:hover {
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

.fbs__net-navbar.active .header-social a {
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

.fbs__net-navbar.active .header-social a:hover {
	background-color: rgba(var(--inverse-color-rgb), 0.1);
}

@media (min-width: 992px) {
	.fbs__net-navbar.active .header-social a {
		color: rgba(var(--inverse-color-rgb), 1) !important;
	}
}

.fbs__net-navbar.active .header-social .btn {
	width: auto !important;
	height: auto !important;
	background-color: var(--bs-primary) !important;
	color: var(--bs-white) !important;
}

.fbs__net-navbar.active .navbar-nav>li>.dropdown-toggle:hover {
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

.fbs__net-navbar.active .navbar-nav>li>.nav-link.dropdown-toggle::after {
	display: none;
	content: "";
}

.fbs__net-navbar.active .navbar-nav li.dropdown a:hover,
.fbs__net-navbar.active .navbar-nav li.dropend a:hover,
.fbs__net-navbar.active .navbar-nav li.dropstart a:hover {
	color: var(--inverse-color) !important;
}

.fbs__net-navbar .fbs__net-icon-menu {
	display: block;
}

.fbs__net-navbar .fbs__net-icon-close {
	display: none;
}

.offcanvas-active .fbs__net-navbar .fbs__net-icon-menu {
	display: none;
}

.offcanvas-active .fbs__net-navbar .fbs__net-icon-close {
	display: block;
}

.fbs__net-navbar.dark {
	-webkit-box-shadow: 0 0px 2px rgba(var(--inverse-color-rgb), 0.15);
	box-shadow: 0 0px 2px rgba(var(--inverse-color-rgb), 0.15);
}

.fbs__net-navbar.dark .navbar-brand .logo.dark {
	display: block;
}

.fbs__net-navbar.dark .navbar-brand .logo.light {
	display: none;
}

.fbs__net-navbar.dark a {
	color: var(--inverse-color) !important;
}

.fbs__net-navbar.dark a:hover {
	color: var(--inverse-color);
}

.fbs__net-navbar.dark .header-social a:hover {
	background-color: rgba(var(--inverse-color-rgb), 0.05);
}

.fbs__net-navbar.dark ul li a {
	color: rgba(var(--inverse-color-rgb), 1) !important;
}

.fbs__net-navbar.dark ul li a:hover {
	color: var(--inverse-color) !important;
}

.fbs__net-navbar .offcanvas-header .offcanvas-header-logo .logo-link .logo.dark {
	display: block;
}

.fbs__net-navbar .offcanvas-header .offcanvas-header-logo .logo-link .logo.light {
	display: none;
}


@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translateY(10px);
		transform: translateY(10px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translateX(10px);
		transform: translateX(10px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px);
	}

	to {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}

.hero__v6 {
	padding: 10rem 0 !important;
}

.hero__v6 .hero-subtitle {
	background: color-mix(in srgb, var(--bs-secondary), transparent 70%);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.hero__v6 .hero-title {
	font-size: 48px;
}

@media (max-width: 1199.98px) {
	.hero__v6 .hero-title {
		font-size: 40px;
	}
}

@media (max-width: 991.98px) {
	.hero__v6 .hero-title {
		font-size: 30px;
	}
}

.hero__v6 .logos .logos-title {
	font-size: 12px;
	letter-spacing: 1px;
	color: color-mix(in srgb, var(--bs-primary), transparent 10%);
}

.hero__v6 .logos img {
	width: 140px;
}

.hero__v6 .hero-img {
	position: relative;
}

.hero__v6 .hero-img .img-main {
	position: relative;
	z-index: 9;
}

.hero__v6 .hero-img .img-card {
	z-index: 10;
	border-radius: 20px;
	-webkit-box-shadow: 0 15px 40px 0 rgba(var(--bs-black-rgb), 0.1);
	box-shadow: 0 15px 40px 0 rgba(var(--bs-black-rgb), 0.1);
	position: absolute;
	max-width: 280px;
	bottom: -40px;
	left: -60px;
}

@media (max-width: 991.98px) {
	.hero__v6 .hero-img .img-card {
		left: 10px;
		max-width: 380px;
	}
}

@media (max-width: 575.98px) {
	.hero__v6 .hero-img .img-card {
		left: 10px;
		max-width: 280px;
	}
}

.features__v2 .icon {
	width: 60px;
	height: 60px;
	line-height: 60px;
	border-radius: 50%;
	background-color: var(--bs-secondary);
	color: var(--bs-primary);
}

.features__v2 .content {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
}

.features__v2 .btn-play i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	background-color: var(--bs-white);
	color: var(--bs-primary);
}

.about__v4 .subtitle {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.about__v4 .features li .icon {
	display: inline-block;
	width: 20px;
	height: 20px;
	line-height: 20px;
	background-color: var(--bs-primary);
	color: var(--bs-white);
}

.about__v4 .mission-statement {
	background-color: var(--bs-primary);
	position: relative;
	bottom: -20px;
	width: 100%;
}

.about__v4 .mission-statement h3 {
	font-size: 10px;
	color: var(--bs-secondary);
}

.about__v4 .mission-statement p {
	color: var(--bs-white);
}

.about__v4 .mission-icon {
	width: 50px;
	height: 50px;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50px;
	flex: 0 0 50px;
	line-height: 50px;
	display: inline-block;
	background-color: rgba(var(--bs-secondary-rgb), 0.1);
}

.about__v4 .mission-icon i {
	color: var(--bs-secondary);
}

.pricing__v2 .subtitle {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.pricing__v2 .price-table {
	border: 1px solid rgba(var(--inverse-color-rgb), 0.2);
}

.pricing__v2 .price-table .price {
	color: var(--bs-heading-color);
}

.pricing__v2 .price-table .price strong {
	font-size: 40px;
}

.pricing__v2 .price-table .icon {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 20px;
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	border: 1px solid rgba(var(--bs-white-rgb), 0.2);
}

.pricing__v2 .popular {
	background-color: var(--bs-primary);
	color: var(--bs-white);
}

.pricing__v2 .popular .price {
	color: var(--bs-secondary);
}

.pricing__v2 .popular h3 {
	color: var(--bs-white);
}

.pricing__v2 .popular p {
	color: var(--bs-white);
}

.pricing__v2 .popular a {
	background-color: var(--bs-secondary);
	color: #144B4B !important;
	border: 1px solid transparent;
}

.pricing__v2 .popular a:hover {
	background-color: var(--bs-secondary);
	color: #fff !important;
	border: 1px solid transparent;
}

.pricing__v2 .popular .pricing-features h4 {
	font-size: 12px;
	color: var(--bs-secondary);
}

.top-sale-banner {
	background-color: var(--bs-primary);
	border-bottom: 1px solid var(--bs-primary-hover);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1040;
}

body:has(.top-sale-banner) .fbs__net-navbar {
	top: 48px;
}

.top-sale-banner .badge {
	background-color: var(--bs-secondary);
	color: var(--bs-primary);
	font-weight: 600;
}

.top-sale-banner a {
	color: #fff;
	transition: opacity 0.3s ease;
}

.top-sale-banner a:hover {
	opacity: 0.8;
}

.sale-banner {
	background-color: var(--bs-primary);
	border: 1px solid var(--bs-primary-hover);
}

.sale-banner .badge {
	background-color: var(--bs-secondary);
	color: var(--bs-primary);
	font-weight: 600;
}

.countdown-item {
	background-color: rgba(255, 255, 255, 0.15);
	border-radius: 6px;
	padding: 10px 15px;
	min-width: 60px;
	border: 1px solid rgba(255, 255, 255, 0.2);
}

.countdown-value {
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	line-height: 1;
	margin-bottom: 4px;
}

.countdown-label {
	font-size: 0.7rem;
	color: rgba(255, 255, 255, 0.9);
	text-transform: uppercase;
	font-weight: 500;
}

.single-pricing-card {
	background: #fff;
	border: 2px solid var(--bs-primary);
	box-shadow: 0 4px 15px rgba(var(--app-primary-rgb), 0.1);
}

.single-pricing-card .badge {
	background-color: var(--bs-secondary);
	color: var(--bs-primary);
	font-weight: 600;
	margin-top: -12px;
}

.single-pricing-card .bi-check-circle-fill {
	color: var(--bs-primary);
}

@media (min-width: 768px) {
	.single-pricing-card {
		padding: 2rem !important;
	}
}

@media (max-width: 767.98px) {
	.countdown-item {
		padding: 8px 12px;
		min-width: 55px;
	}

	.countdown-value {
		font-size: 1.25rem;
	}

	.countdown-label {
		font-size: 0.65rem;
	}
}

.howitworks__v1 .subtitle {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.howitworks__v1 .step-card {
	position: relative;
}

.howitworks__v1 .step-card .step-number {
	width: 60px;
	height: 60px;
	line-height: 60px;
	display: inline-block;
	color: var(--bs-secondary);
	background-color: var(--bs-primary);
	font-size: 18px;
}

.howitworks__v1 .arch-line {
	position: absolute;
	top: 15px;
	width: 150px;
	right: 0;
	left: calc(100% + 24px);
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}

@media (max-width: 991.98px) {
	.howitworks__v1 .arch-line {
		display: none;
	}
}

.howitworks__v1 .arch-line.reverse {
	top: 20px;
}

.services__v3 .subtitle {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.services__v3 .icon {
	display: inline-block;
	position: relative;
	color: var(--bs-primary) !important;
}

.services__v3 .icon:before {
	content: "";
	position: absolute;
	z-index: -1;
	width: 40px;
	height: 40px;
	right: -10px;
	bottom: 0px;
	border-radius: 50%;
	background-color: rgba(var(--bs-secondary-rgb), 1);
}

.services__v3 .icon svg {
	width: 50px;
}

.services__v3 .service-card {
	border: 1px solid rgba(var(--inverse-color-rgb), 0.2);
}

.faq__v2 {
	background-color: rgba(var(--inverse-color-rgb), 0.02);
}

.faq__v2 .subtitle {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.faq__v2 .custom-accordion {
	--bs-accordion-bg: var(--bs-body-bg);
	--bs-accordion-btn-icon: url("");
	--bs-accordion-btn-active-icon: url("");
}

.faq__v2 .custom-accordion .accordion-button {
	position: relative;
	padding-right: 50px;
}

.faq__v2 .custom-accordion .accordion-button::after {
	content: "\f4fe";
	font-family: "bootstrap-icons" !important;
	font-style: normal;
	font-weight: 400 !important;
	font-variant: normal;
	text-transform: none;
	right: 20px;
	top: 15px;
	width: 18px;
	height: 14px;
	font-size: 30px;
	color: var(--inverse-color);
	-webkit-transform-origin: center center;
	transform-origin: center center;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	line-height: 1;
	position: absolute;
	-webkit-font-smoothing: antialiased;
}

.faq__v2 .custom-accordion .accordion-button:not(.collapsed)::after {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	content: "\f2ea";
}

.faq__v2 .custom-accordion .accordion-item {
	border: none;
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
	-webkit-transition: 0.3s all ease-in-out;
	transition: 0.3s all ease-in-out;
}

.faq__v2 .custom-accordion .accordion-item .accordion-header .accordion-button {
	outline: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-size: 18px;
	font-weight: 500;
	color: var(--bs-heading-color);
	padding-top: 20px;
	padding-bottom: 20px;
	border: none;
}

.faq__v2 .custom-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed) {
	background-color: transparent;
	color: var(--inverse-color);
	-webkit-box-shadow: 0 1px 1px rgba(var(--inverse-color-rgb), 0.05);
	box-shadow: 0 1px 1px rgba(var(--inverse-color-rgb), 0.05);
}

.faq__v2 .custom-accordion .accordion-item .accordion-body {
	border-top: none;
}

.stats__v3 .content {
	padding-top: 70px;
	padding-bottom: 70px;
	background-color: var(--bs-primary);
	color: var(--bs-white);
	overflow: hidden;
	position: relative;
}

.stats__v3 .content h3 {
	color: var(--bs-secondary);
}

.stats__v3 .content .rounded-borders {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 500px;
	height: 500px;
}

.stats__v3 .content .rounded-borders .rounded-border-1,
.stats__v3 .content .rounded-borders .rounded-border-2,
.stats__v3 .content .rounded-borders .rounded-border-3 {
	border: 1px solid var(--bs-secondary);
	width: 500px;
	height: 500px;
	border-radius: 50%;
	position: absolute;
}

.stats__v3 .content .rounded-borders .rounded-border-1 {
	right: 20px;
	top: 20px;
}

.stats__v3 .content .rounded-borders .rounded-border-2 {
	right: 40px;
	top: 40px;
}

.testimonials__v2 .subtitle {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.testimonials__v2 .testimonial {
	border: 1px solid rgba(var(--inverse-color-rgb), 0.2);
}

.testimonials__v2 .testimonial-author .author-img {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50px;
	flex: 0 0 50px;
}

.contact__v2 .subtitle {
	background-color: rgba(var(--bs-secondary-rgb), 0.2);
	color: var(--bs-primary);
	display: inline-block;
	padding: 5px 12px;
	border-radius: 7px;
	font-weight: 600;
	font-size: 0.75rem;
	margin-bottom: 10px;
}

.contact__v2 .icon {
	width: 50px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	border: 1px solid rgba(var(--inverse-color-rgb), 0.2);
	border-radius: 50%;
}

.footer {
	background-color: rgba(var(--inverse-color-rgb), 0.02);
	font-size: 15px;
}

.footer h2,
.footer h3,
.footer h4 {
	font-size: 16px;
}

.footer ul li {
	padding: 0;
	margin: 0 0 10px 0;
}

.footer a {
	color: rgba(var(--inverse-color-rgb), 0.6);
	text-decoration: none;
}

.footer a:hover {
	color: var(--inverse-color);
}

.footer a .badge {
	-webkit-transition: 0.3s all ease;
	transition: 0.3s all ease;
	background-color: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
}

.footer a:hover .badge {
	background-color: rgba(var(--bs-primary-rgb), 1);
	color: var(--bs-white);
}

.footer .quick-contact i {
	color: var(--inverse-color);
}

.footer .credits {
	font-size: 13.5px;
}

#back-to-top {
	position: fixed;
	bottom: 0px;
	right: 20px;
	visibility: hidden;
	opacity: 0;
	background-color: var(--bs-primary);
	color: white;
	border: none;
	border-radius: 50%;
	padding: 10px;
	cursor: pointer;
	-webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	z-index: 1000;
	width: 40px;
	height: 40px;
}

#back-to-top i {
	font-size: 24px;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

#back-to-top.show {
	bottom: 90px;
	opacity: 1;
	visibility: visible;
}

/* Simple responsive table stacking */
@media (max-width: 1024px) {
	.table-stacked {
		display: block;
		width: 100%;
	}

	.table-stacked thead {
		display: none;
	}

	.table-stacked tbody {
		display: block;
		width: 100%;
	}

	.table-stacked tr {
		display: block;
		width: 100%;
		margin-bottom: 12px;
		border: 1px solid #ddd;
		border-radius: 8px;
		padding: 8px;
		background-color: #fff;
	}

	.table-stacked td {
		display: block;
		width: 100%;
		padding: 12px 14px;
		border-bottom: 1px solid #eee;
	}

	.table-stacked td:last-child {
		border-bottom: none;
	}
}

/* Additional mobile improvements for tables */
.mobile-device .table-responsive {
	border: none;
}

.mobile-device .table-stacked {
	font-size: 0.9rem;
}

.mobile-device .table-stacked td {
	padding: 10px 12px;
}

/* Ensure buttons don't overflow */
.mobile-device .table-stacked .btn {
	max-width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	/* Better touch targets */
	min-height: 44px;
	touch-action: manipulation;
}

/* Better handling of long text */
.mobile-device .table-stacked td[data-label="Address"],
.mobile-device .table-stacked td[data-label="Email"] {
	word-break: break-all;
}

/* Ensure badges display properly */
.mobile-device .table-stacked .badge {
	font-size: 0.75rem;
	white-space: normal;
}

/* Improve touch interactions */
.mobile-device .table-stacked .btn-group .btn {
	touch-action: manipulation;
	-webkit-tap-highlight-color: transparent;
}

/* Better spacing for mobile */
.mobile-device .table-stacked tr {
	margin-bottom: 16px;
}

/* Ensure proper spacing for stacked tables */
.mobile-device .table-stacked td:not(:last-child) {
	border-bottom: 1px solid rgba(var(--inverse-color-rgb), 0.1);
}

/* Improve button group layout on mobile */
.mobile-device.small-screen .table-stacked .btn-group {
	flex-direction: column;
	width: 100%;
}

.mobile-device.small-screen .table-stacked .btn-group .btn {
	width: 100%;
	margin-bottom: 4px;
}

.mobile-device.small-screen .table-stacked .btn-group .btn:last-child {
	margin-bottom: 0;
}

@media (max-width: 576px) {
	.table-responsive {
		border: none;
	}

	.table-stacked {
		font-size: 0.9rem;
	}

	.table-stacked td {
		padding: 10px 12px;
	}

	/* Ensure buttons don't overflow */
	.table-stacked .btn {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Better handling of long text */
	.table-stacked td[data-label="Address"],
	.table-stacked td[data-label="Email"] {
		word-break: break-all;
	}

	/* Ensure badges display properly */
	.table-stacked .badge {
		font-size: 0.75rem;
		white-space: normal;
	}
}

/* Ensure proper spacing for stacked tables */
.table-stacked td:not(:last-child) {
	border-bottom: 1px solid rgba(var(--inverse-color-rgb), 0.1);
}

/* Improve button group layout on mobile */
@media (max-width: 480px) {
	.table-stacked .btn-group {
		flex-direction: column;
		width: 100%;
	}

	.table-stacked .btn-group .btn {
		width: 100%;
		margin-bottom: 4px;
	}

	.table-stacked .btn-group .btn:last-child {
		margin-bottom: 0;
	}
}

/* Template Settings Styles */
.template-settings-page {
	background-color: #f8f9fa;
}

.template-settings-page .template-card {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	transition: all 0.2s ease;
	background: white;
}

.template-settings-page .template-card:hover {
	border-color: var(--app-primary);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.template-settings-page .template-card.active {
	border-color: var(--app-primary);
	background: #f8f9fa;
}

.template-settings-page .template-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 20px;
	background: var(--app-primary);
	color: white;
}

/* Modern Customize Card Styles */
.modern-customize-card {
	background: white;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border: 1px solid #f0f0f0;
}

.customize-header {
	background: linear-gradient(135deg, var(--app-primary) 0%, var(--app-primary-light) 100%);
	padding: 2rem;
	color: white;
	position: relative;
}

.customize-header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	transform: translate(30px, -30px);
}

.header-content {
	display: flex;
	align-items: center;
	gap: 1rem;
	position: relative;
	z-index: 2;
}

.header-icon {
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.header-text h4 {
	font-weight: 700;
	margin: 0;
}

.header-text p {
	opacity: 0.9;
	margin: 0;
	font-size: 14px;
}

.customize-content {
	padding: 1.5rem;
}

.modern-section {
	margin-bottom: 1.5rem;
	padding: 1rem;
	background: #fafbfc;
	border-radius: 12px;
	border: 1px solid #e8eaed;
}

.customization-row {
	margin-bottom: 1.5rem;
}

.customization-row:last-child {
	margin-bottom: 0;
}

.section-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.section-icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: white;
}

.color-icon {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.font-icon {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.section-title {
	font-weight: 600;
	margin: 0;
	color: #2c3e50;
}

.section-desc {
	font-size: 13px;
	color: #6c757d;
	margin: 0;
}

.section-controls {
	background: white;
	padding: 1rem;
	border-radius: 10px;
	border: 1px solid #e9ecef;
}

.color-control-group {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.current-color-display {
	width: 80px;
	height: 50px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.color-value {
	color: white;
	font-size: 11px;
	font-weight: 600;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.modern-color-picker {
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.font-control-group {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.font-preview {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	min-width: 80px;
}

.font-sample {
	font-weight: 700;
	color: #2c3e50;
	line-height: 1;
}

.font-size-label {
	font-size: 12px;
	color: #6c757d;
	font-weight: 600;
}

.modern-range {
	flex: 1;
	height: 6px;
	border-radius: 3px;
	background: #e9ecef;
	outline: none;
	-webkit-appearance: none;
}

.modern-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--app-primary);
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(var(--app-primary-rgb), 0.3);
}

.modern-btn {
	width: 45px;
	height: 45px;
	border: none;
	border-radius: 10px;
	background: var(--app-primary);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
}

.modern-btn:hover {
	background: var(--app-primary-hover);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(var(--app-primary-rgb), 0.3);
}

.empty-state-modern {
	text-align: center;
	padding: 3rem 2rem;
	color: #6c757d;
}

.empty-icon {
	width: 80px;
	height: 80px;
	background: #f8f9fa;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
	font-size: 2rem;
	color: #dee2e6;
}

/* Modern Theme Card Styles */
.modern-theme-card {
	background: white;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border: 1px solid #f0f0f0;
}

.theme-header {
	background: linear-gradient(135deg, var(--app-primary) 0%, var(--app-primary-light) 100%);
	padding: 2rem;
	color: white;
	position: relative;
}

.theme-header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	transform: translate(30px, -30px);
}

.theme-content {
	padding: 1.5rem;
}

.theme-intro {
	text-align: center;
	color: #6c757d;
	margin-bottom: 2rem;
	font-size: 14px;
}

.theme-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
}

.theme-card {
	background: #fafbfc;
	border-radius: 12px;
	border: 1px solid #e8eaed;
	cursor: pointer;
	transition: all 0.3s ease;
	overflow: hidden;
}

.theme-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	border-color: var(--app-primary);
}

.theme-card-inner {
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.theme-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: white;
	flex-shrink: 0;
}

.default-icon,
.modern-icon,
.minimal-icon {
	background: linear-gradient(135deg, var(--app-primary) 0%, var(--app-primary-light) 100%);
}

.theme-info {
	flex: 1;
}

.theme-title {
	font-weight: 600;
	margin: 0 0 0.5rem 0;
	color: #2c3e50;
}

.theme-desc {
	font-size: 13px;
	color: #6c757d;
	margin: 0;
	line-height: 1.4;
}

.theme-selected {
	color: #28a745;
	font-size: 24px;
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/* Toast Notification Styles */
.toast-notification {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
	min-width: 300px;
	max-width: 400px;
	padding: 12px 16px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	font-size: 14px;
	font-weight: 500;
}

.toast-notification.show {
	transform: translateX(0);
}

.toast-success {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.toast-error {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.toast-content {
	display: flex;
	align-items: center;
}

.toast-content i {
	font-size: 16px;
}

/* Index Page Modern Enhancements */

.hero_banner_section {
	margin-bottom: 0;
	margin-top: 80px;
}

.hero_banner_section .carousel-item img {
	max-height: 500px;
	object-fit: cover;
}

.hero_subtitle {
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--bs-primary);
}

.hero_title {
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
}

.hero_description {
	font-size: 1.125rem;
	color: var(--bs-body-color);
	line-height: 1.7;
}

.hero_image_wrapper {
	position: relative;
}

.hero_image_overlay {
	background: linear-gradient(135deg, rgba(var(--app-primary-rgb), 0.1) 0%, rgba(204, 232, 201, 0.1) 100%);
	pointer-events: none;
}

.section_subtitle {
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--bs-primary);
}

.section_title {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 700;
	line-height: 1.3;
}

.value_icon {
	width: 40px;
	height: 40px;
	background-color: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
	font-size: 1.125rem;
}

.mission_statement_card {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	bottom: -20px;
	right: -20px;
	max-width: 90%;
	z-index: 2;
}

.mission_icon {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-hover) 100%);
	color: white;
}

.feature_card {
	background: #ffffff;
	border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
	transition: all 0.3s ease;
}

.feature_card:hover {
	transform: translateY(-5px);
	border-color: var(--bs-primary);
	box-shadow: 0 10px 30px rgba(var(--bs-primary-rgb), 0.15);
}

.feature_icon {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1) 0%, rgba(var(--bs-primary-rgb), 0.05) 100%);
	color: var(--bs-primary);
}

.pricing_card {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	border: 2px solid rgba(var(--bs-primary-rgb), 0.1);
}

.pricing_background_pattern {
	background: radial-gradient(circle at 20% 50%, rgba(var(--bs-primary-rgb), 0.05) 0%, transparent 50%),
		radial-gradient(circle at 80% 80%, rgba(var(--bs-primary-rgb), 0.05) 0%, transparent 50%);
	pointer-events: none;
}

.pricing_current_price {
	color: var(--bs-primary);
}

.step_number {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-hover) 100%);
	color: white;
	font-size: 2rem;
	margin: 0 auto;
}

.step_connector {
	display: none;
}

.arch_line {
	display: none;
}

.service_card {
	background: #ffffff;
	border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
	transition: all 0.3s ease;
}

.service_card:hover {
	transform: translateY(-8px);
	border-color: var(--bs-primary);
	box-shadow: 0 15px 40px rgba(var(--bs-primary-rgb), 0.15);
}

.service_icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1) 0%, rgba(var(--bs-primary-rgb), 0.05) 100%);
	color: var(--bs-primary);
}

.contact_icon {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-hover) 100%);
	color: white;
}

@media (max-width: 991.98px) {
	.mission_statement_card {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 1.5rem;
		max-width: 100%;
	}

	.step_connector {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.hero_title {
		font-size: 2rem;
	}

	.section_title {
		font-size: 1.75rem;
	}
}

/* Mobile device detection classes - HIGH PRIORITY */
html.mobile-device .table-stacked thead,
body.mobile-device .table-stacked thead {
	display: none !important;
}

html.mobile-device .table-stacked,
html.mobile-device .table-stacked tbody,
html.mobile-device .table-stacked tr,
html.mobile-device .table-stacked td,
body.mobile-device .table-stacked,
body.mobile-device .table-stacked tbody,
body.mobile-device .table-stacked tr,
body.mobile-device .table-stacked td {
	display: block !important;
	width: 100% !important;
}

.mobile-device .table-stacked tr {
	background-color: #ffffff !important;
	border: none;
	border-radius: 0;
	margin-bottom: 12px;
	overflow: hidden;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

.mobile-device .table-striped .table-stacked tr {
	background-color: #ffffff !important;
}

.mobile-device .table-striped .table-stacked tr:nth-of-type(odd) {
	background-color: #ffffff !important;
}

.mobile-device .table-striped .table-stacked tr:nth-of-type(even) {
	background-color: #ffffff !important;
}

.mobile-device .table-stacked td {
	padding: 12px 14px;
	border: none;
	border-bottom: 1px solid rgba(var(--inverse-color-rgb), 0.1);
	background-color: #ffffff !important;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.mobile-device .table-striped .table-stacked td {
	background-color: #ffffff !important;
}

.mobile-device .table-striped .table-stacked tr:nth-of-type(odd) td {
	background-color: #ffffff !important;
}

.mobile-device .table-striped .table-stacked tr:nth-of-type(even) td {
	background-color: #ffffff !important;
}

.mobile-device .table-stacked td:last-child {
	border-bottom: none;
	padding-bottom: 14px;
}

.mobile-device .table-stacked td::before {
	content: attr(data-label);
	font-weight: 600;
	color: var(--bs-heading-color);
	flex: 0 0 40%;
	text-align: left;
	min-width: 0;
	margin-bottom: 0;
}

.mobile-device .table-stacked td>* {
	flex: 1;
	min-width: 0;
	word-wrap: break-word;
	overflow-wrap: break-word;
}

.mobile-device .table-stacked .btn-group {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	justify-content: flex-end;
	width: 100%;
}

.mobile-device .table-stacked .btn-group .btn {
	font-size: 0.875rem;
	padding: 0.375rem 0.75rem;
	white-space: nowrap;
}

/* Small mobile devices */
.mobile-device.small-screen .table-stacked td {
	flex-direction: row;
	align-items: center;
	gap: 8px;
}

.mobile-device.small-screen .table-stacked td::before {
	flex: 0 0 35%;
	width: auto;
	margin-bottom: 0;
}

.mobile-device.small-screen .table-stacked td>* {
	flex: 1;
	width: auto;
}

.mobile-device.small-screen .table-stacked .btn-group {
	justify-content: flex-end;
}

.mobile-device.small-screen .table-stacked .btn-group .btn {
	font-size: 0.8rem;
	padding: 0.25rem 0.5rem;
}

/* CSS-only mobile detection fallback (for when JS is disabled) - HIGH PRIORITY */
@media (max-width: 1024px),
(pointer: coarse) and (hover: none),
(any-hover: none) and (pointer: coarse),
(max-width: 1024px) and (orientation: portrait),
(max-width: 1024px) and (orientation: landscape) {
	.table-stacked thead {
		display: none;
	}

	.table-stacked,
	.table-stacked tbody,
	.table-stacked tr,
	.table-stacked td {
		display: block;
		width: 100%;
	}

	.table-stacked tr {
		background-color: #ffffff !important;
		border: none;
		border-radius: 0;
		margin-bottom: 12px;
		overflow: hidden;
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	}

	.table-striped .table-stacked tr {
		background-color: #ffffff !important;
	}

	.table-striped .table-stacked tr:nth-of-type(odd) {
		background-color: #ffffff !important;
	}

	.table-striped .table-stacked tr:nth-of-type(even) {
		background-color: #ffffff !important;
	}

	.table-stacked td {
		padding: 12px 14px;
		border: none;
		border-bottom: 1px solid rgba(var(--inverse-color-rgb), 0.1);
		background-color: #ffffff !important;
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.table-striped .table-stacked td {
		background-color: #ffffff !important;
	}

	.table-striped .table-stacked tr:nth-of-type(odd) td {
		background-color: #ffffff !important;
	}

	.table-striped .table-stacked tr:nth-of-type(even) td {
		background-color: #ffffff !important;
	}

	.table-stacked td:last-child {
		border-bottom: none;
		padding-bottom: 14px;
	}

	.table-stacked td::before {
		content: attr(data-label);
		font-weight: 600;
		color: var(--bs-heading-color);
		flex: 0 0 40%;
		text-align: left;
		min-width: 0;
		margin-bottom: 0;
	}

	.table-stacked td>* {
		flex: 1;
		min-width: 0;
		word-wrap: break-word;
		overflow-wrap: break-word;
	}

	.table-stacked .btn-group {
		display: flex;
		flex-wrap: wrap;
		gap: 6px;
		justify-content: flex-end;
		width: 100%;
	}

	.table-stacked .btn-group .btn {
		font-size: 0.875rem;
		padding: 0.375rem 0.75rem;
		white-space: nowrap;
	}

	/* Extra small screens */
	@media (max-width: 480px) {
		.table-stacked td {
			flex-direction: row;
			align-items: center;
			gap: 8px;
		}

		.table-stacked td::before {
			flex: 0 0 35%;
			width: auto;
			margin-bottom: 0;
		}

		.table-stacked td>* {
			flex: 1;
			width: auto;
		}

		.table-stacked .btn-group {
			justify-content: flex-end;
		}

		.table-stacked .btn-group .btn {
			font-size: 0.8rem;
			padding: 0.25rem 0.5rem;
		}
	}
}

/* Additional mobile improvements for tables */
@media (max-width: 1024px) {
	.table-responsive {
		border: none;
	}

	.table-stacked {
		font-size: 0.9rem;
	}

	.table-stacked td {
		padding: 10px 12px;
	}

	/* Ensure buttons don't overflow */
	.table-stacked .btn {
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	/* Better handling of long text */
	.table-stacked td[data-label="Address"],
	.table-stacked td[data-label="Email"] {
		word-break: break-all;
	}

	/* Ensure badges display properly */
	.table-stacked .badge {
		font-size: 0.75rem;
		white-space: normal;
	}
}

/* Ensure proper spacing for stacked tables */
.table-stacked td:not(:last-child) {
	border-bottom: 1px solid rgba(var(--inverse-color-rgb), 0.1);
}

/* Improve button group layout on mobile */
@media (max-width: 480px) {
	.table-stacked .btn-group {
		flex-direction: column;
		width: 100%;
	}

	.table-stacked .btn-group .btn {
		width: 100%;
		margin-bottom: 4px;
	}

	.table-stacked .btn-group .btn:last-child {
		margin-bottom: 0;
	}
}

/* Template Settings Styles */
.template-settings-page {
	background-color: #f8f9fa;
}

.template-settings-page .template-card {
	border: 1px solid #dee2e6;
	border-radius: 8px;
	transition: all 0.2s ease;
	background: white;
}

.template-settings-page .template-card:hover {
	border-color: var(--app-primary);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.template-settings-page .template-card.active {
	border-color: var(--app-primary);
	background: #f8f9fa;
}

.template-settings-page .template-icon {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1rem;
	font-size: 20px;
	background: var(--app-primary);
	color: white;
}

/* Modern Customize Card Styles */
.modern-customize-card {
	background: white;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border: 1px solid #f0f0f0;
}

.customize-header {
	background: linear-gradient(135deg, var(--app-primary) 0%, var(--app-primary-light) 100%);
	padding: 2rem;
	color: white;
	position: relative;
}

.customize-header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	transform: translate(30px, -30px);
}

.header-content {
	display: flex;
	align-items: center;
	gap: 1rem;
	position: relative;
	z-index: 2;
}

.header-icon {
	width: 50px;
	height: 50px;
	background: rgba(255, 255, 255, 0.2);
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
}

.header-text h4 {
	font-weight: 700;
	margin: 0;
}

.header-text p {
	opacity: 0.9;
	margin: 0;
	font-size: 14px;
}

.customize-content {
	padding: 1.5rem;
}

.modern-section {
	margin-bottom: 1.5rem;
	padding: 1rem;
	background: #fafbfc;
	border-radius: 12px;
	border: 1px solid #e8eaed;
}

.customization-row {
	margin-bottom: 1.5rem;
}

.customization-row:last-child {
	margin-bottom: 0;
}

.section-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	margin-bottom: 1rem;
}

.section-icon {
	width: 40px;
	height: 40px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: white;
}

.color-icon {
	background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.font-icon {
	background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
}

.section-title {
	font-weight: 600;
	margin: 0;
	color: #2c3e50;
}

.section-desc {
	font-size: 13px;
	color: #6c757d;
	margin: 0;
}

.section-controls {
	background: white;
	padding: 1rem;
	border-radius: 10px;
	border: 1px solid #e9ecef;
}

.color-control-group {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.current-color-display {
	width: 80px;
	height: 50px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}

.color-value {
	color: white;
	font-size: 11px;
	font-weight: 600;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.modern-color-picker {
	width: 50px;
	height: 50px;
	border: none;
	border-radius: 10px;
	cursor: pointer;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.font-control-group {
	display: flex;
	align-items: center;
	gap: 1rem;
}

.font-preview {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
	min-width: 80px;
}

.font-sample {
	font-weight: 700;
	color: #2c3e50;
	line-height: 1;
}

.font-size-label {
	font-size: 12px;
	color: #6c757d;
	font-weight: 600;
}

.modern-range {
	flex: 1;
	height: 6px;
	border-radius: 3px;
	background: #e9ecef;
	outline: none;
	-webkit-appearance: none;
}

.modern-range::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--app-primary);
	cursor: pointer;
	box-shadow: 0 2px 6px rgba(var(--app-primary-rgb), 0.3);
}

.modern-btn {
	width: 45px;
	height: 45px;
	border: none;
	border-radius: 10px;
	background: var(--app-primary);
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.2s ease;
}

.modern-btn:hover {
	background: var(--app-primary-hover);
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(var(--app-primary-rgb), 0.3);
}

.empty-state-modern {
	text-align: center;
	padding: 3rem 2rem;
	color: #6c757d;
}

.empty-icon {
	width: 80px;
	height: 80px;
	background: #f8f9fa;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 1.5rem;
	font-size: 2rem;
	color: #dee2e6;
}

/* Modern Theme Card Styles */
.modern-theme-card {
	background: white;
	border-radius: 16px;
	box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
	overflow: hidden;
	border: 1px solid #f0f0f0;
}

.theme-header {
	background: linear-gradient(135deg, var(--app-primary) 0%, var(--app-primary-light) 100%);
	padding: 2rem;
	color: white;
	position: relative;
}

.theme-header::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 100px;
	height: 100px;
	background: rgba(255, 255, 255, 0.1);
	border-radius: 50%;
	transform: translate(30px, -30px);
}

.theme-content {
	padding: 1.5rem;
}

.theme-intro {
	text-align: center;
	color: #6c757d;
	margin-bottom: 2rem;
	font-size: 14px;
}

.theme-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
}

.theme-card {
	background: #fafbfc;
	border-radius: 12px;
	border: 1px solid #e8eaed;
	cursor: pointer;
	transition: all 0.3s ease;
	overflow: hidden;
}

.theme-card:hover {
	transform: translateY(-4px);
	box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
	border-color: var(--app-primary);
}

.theme-card-inner {
	padding: 1.5rem;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.theme-icon {
	width: 50px;
	height: 50px;
	border-radius: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: white;
	flex-shrink: 0;
}

.default-icon,
.modern-icon,
.minimal-icon {
	background: linear-gradient(135deg, var(--app-primary) 0%, var(--app-primary-light) 100%);
}

.theme-info {
	flex: 1;
}

.theme-title {
	font-weight: 600;
	margin: 0 0 0.5rem 0;
	color: #2c3e50;
}

.theme-desc {
	font-size: 13px;
	color: #6c757d;
	margin: 0;
	line-height: 1.4;
}

.theme-selected {
	color: #28a745;
	font-size: 24px;
	animation: pulse 2s infinite;
}

@keyframes pulse {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.1);
	}

	100% {
		transform: scale(1);
	}
}

/* Toast Notification Styles */
.toast-notification {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
	min-width: 300px;
	max-width: 400px;
	padding: 12px 16px;
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transform: translateX(100%);
	transition: transform 0.3s ease-in-out;
	font-size: 14px;
	font-weight: 500;
}

.toast-notification.show {
	transform: translateX(0);
}

.toast-success {
	background: #d4edda;
	color: #155724;
	border: 1px solid #c3e6cb;
}

.toast-error {
	background: #f8d7da;
	color: #721c24;
	border: 1px solid #f5c6cb;
}

.toast-content {
	display: flex;
	align-items: center;
}

.toast-content i {
	font-size: 16px;
}

/* Index Page Modern Enhancements */

.hero_banner_section {
	margin-bottom: 0;
	margin-top: 80px;
}

.hero_banner_section .carousel-item img {
	max-height: 500px;
	object-fit: cover;
}

.hero_subtitle {
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--bs-primary);
}

.hero_title {
	font-size: clamp(2rem, 5vw, 3.5rem);
	font-weight: 700;
	line-height: 1.2;
}

.hero_description {
	font-size: 1.125rem;
	color: var(--bs-body-color);
	line-height: 1.7;
}

.hero_image_wrapper {
	position: relative;
}

.hero_image_overlay {
	background: linear-gradient(135deg, rgba(var(--app-primary-rgb), 0.1) 0%, rgba(204, 232, 201, 0.1) 100%);
	pointer-events: none;
}

.section_subtitle {
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 1px;
	color: var(--bs-primary);
}

.section_title {
	font-size: clamp(1.75rem, 4vw, 2.5rem);
	font-weight: 700;
	line-height: 1.3;
}

.value_icon {
	width: 40px;
	height: 40px;
	background-color: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
	font-size: 1.125rem;
}

.mission_statement_card {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	bottom: -20px;
	right: -20px;
	max-width: 90%;
	z-index: 2;
}

.mission_icon {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-hover) 100%);
	color: white;
}

.feature_card {
	background: #ffffff;
	border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
	transition: all 0.3s ease;
}

.feature_card:hover {
	transform: translateY(-5px);
	border-color: var(--bs-primary);
	box-shadow: 0 10px 30px rgba(var(--bs-primary-rgb), 0.15);
}

.feature_icon {
	width: 60px;
	height: 60px;
	background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1) 0%, rgba(var(--bs-primary-rgb), 0.05) 100%);
	color: var(--bs-primary);
}

.pricing_card {
	background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
	border: 2px solid rgba(var(--bs-primary-rgb), 0.1);
}

.pricing_background_pattern {
	background: radial-gradient(circle at 20% 50%, rgba(var(--bs-primary-rgb), 0.05) 0%, transparent 50%),
		radial-gradient(circle at 80% 80%, rgba(var(--bs-primary-rgb), 0.05) 0%, transparent 50%);
	pointer-events: none;
}

.pricing_current_price {
	color: var(--bs-primary);
}

.step_number {
	width: 80px;
	height: 80px;
	background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-hover) 100%);
	color: white;
	font-size: 2rem;
	margin: 0 auto;
}

.step_connector {
	display: none;
}

.arch_line {
	display: none;
}

.service_card {
	background: #ffffff;
	border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
	transition: all 0.3s ease;
}

.service_card:hover {
	transform: translateY(-8px);
	border-color: var(--bs-primary);
	box-shadow: 0 15px 40px rgba(var(--bs-primary-rgb), 0.15);
}

.service_icon {
	width: 70px;
	height: 70px;
	background: linear-gradient(135deg, rgba(var(--bs-primary-rgb), 0.1) 0%, rgba(var(--bs-primary-rgb), 0.05) 100%);
	color: var(--bs-primary);
}

.contact_icon {
	width: 50px;
	height: 50px;
	background: linear-gradient(135deg, var(--bs-primary) 0%, var(--bs-primary-hover) 100%);
	color: white;
}

@media (max-width: 991.98px) {
	.mission_statement_card {
		position: relative;
		bottom: auto;
		right: auto;
		margin-top: 1.5rem;
		max-width: 100%;
	}

	.step_connector {
		display: none;
	}
}

@media (max-width: 767.98px) {
	.hero_title {
		font-size: 2rem;
	}

	.section_title {
		font-size: 1.75rem;
	}
}

/* Flat Design Overrides - Remove all border-radius */
.feature_card,
.service_card,
.pricing_card,
.mission_statement_card,
.features_content_wrapper,
.stats_content_wrapper,
.hero_image_overlay,
.value_icon,
.mission_icon,
.feature_icon,
.step_number,
.service_icon,
.contact_icon {
	border-radius: 0 !important;
}

img.img-fluid,
img[class*='rounded'] {
	border-radius: 0 !important;
}

.badge,
.form-control,
.form-control-lg {
	border-radius: 0 !important;
}

[class*='rounded'] {
	border-radius: 0 !important;
}

/* Modern Navbar Styles */
.main_navbar {
	position: fixed !important;
	top: 0 !important;
	left: 0;
	right: 0;
	z-index: 99999;
	width: 100%;
	background-color: #ffffff !important;
	border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.1);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	padding: 0.75rem 0;
}

.navbar_brand {
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.navbar_brand:hover {
	opacity: 0.8;
}

.navbar_logo {
	display: block;
}

.navbar_brand_text {
	font-size: 1.25rem;
	color: var(--bs-heading-color);
}

.navbar_toggler {
	padding: 0.5rem;
	background: transparent;
	color: var(--bs-heading-color);
	transition: all 0.2s ease;
}

.navbar_toggler:hover,
.navbar_toggler:focus {
	background: rgba(var(--bs-primary-rgb), 0.1);
	color: var(--bs-primary);
	outline: none;
	box-shadow: none;
}

.navbar_toggler_icon {
	display: flex;
	align-items: center;
	justify-content: center;
}

.navbar_nav {
	gap: 0.5rem;
}

.nav_link {
	padding: 0.5rem 1rem;
	color: var(--bs-body-color) !important;
	font-weight: 500;
	font-size: 0.9375rem;
	text-decoration: none;
	transition: all 0.2s ease;
	position: relative;
	border-radius: 0;
}

.nav_link::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 1rem;
	right: 1rem;
	height: 2px;
	background: var(--bs-primary);
	transform: scaleX(0);
	transition: transform 0.2s ease;
}

.nav_link:hover {
	color: var(--bs-primary) !important;
	background: rgba(var(--bs-primary-rgb), 0.05);
}

.nav_link:hover::after {
	transform: scaleX(1);
}

.nav_link.active {
	color: var(--bs-primary) !important;
	background: rgba(var(--bs-primary-rgb), 0.05);
}

.nav_link.active::after {
	transform: scaleX(1);
}

.offcanvas_header {
	padding: 1.25rem;
}

.offcanvas_brand_wrapper {
	flex: 1;
}

.offcanvas_body {
	padding: 1.5rem 1.25rem;
}

.navbar_actions {
	gap: 0.75rem;
}

@media (max-width: 991.98px) {
	.main_navbar {
		padding: 0.625rem 0;
	}

	.navbar_brand_text {
		font-size: 1.125rem;
	}

	.nav_link {
		padding: 0.75rem 1rem;
		border-bottom: 1px solid rgba(var(--bs-primary-rgb), 0.1);
	}

	.nav_link::after {
		display: none;
	}

	.nav_link:hover,
	.nav_link.active {
		background: rgba(var(--bs-primary-rgb), 0.1);
		padding-left: 1.5rem;
	}
}

/* Contact Form Card Styles */
.contact_form_card {
	background: #ffffff;
	border: 1px solid rgba(var(--bs-primary-rgb), 0.1);
	border-radius: 0;
}

.contact_form_card .form-label {
	color: var(--bs-heading-color);
}

.contact_form_card .form-control:focus {
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.15);
}

.h-captcha {
	margin-bottom: 1rem;
}

.contact_form_card .btn-success {
	background-color: #28a745 !important;
	border-color: #28a745 !important;
	cursor: not-allowed;
}

.contact_form_card .btn-success:hover {
	background-color: #218838 !important;
	border-color: #1e7e34 !important;
}

/* Floating WhatsApp Button */
.whatsapp_float_btn {
	position: fixed;
	bottom: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
	background-color: #25D366;
	color: #ffffff;
	border: none;
	display: flex;
	align-items: center;
	justify-content: center;
	text-decoration: none;
	z-index: 9999;
	box-shadow: 0 4px 12px rgba(37, 211, 102, 0.4);
	transition: all 0.3s ease;
	border-radius: 0;
}

.whatsapp_float_btn:hover {
	background-color: #20BA5A;
	color: #ffffff;
	transform: translateY(-5px);
	box-shadow: 0 6px 20px rgba(37, 211, 102, 0.5);
	text-decoration: none;
}

.whatsapp_float_btn i {
	font-size: 28px;
}

.whatsapp_tooltip {
	position: absolute;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
	background: #1f1f1f;
	color: #ffffff;
	padding: 8px 12px;
	font-size: 0.875rem;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity 0.3s ease;
	border-radius: 0;
}

.whatsapp_tooltip::after {
	content: '';
	position: absolute;
	left: 100%;
	top: 50%;
	transform: translateY(-50%);
	border: 6px solid transparent;
	border-left-color: #1f1f1f;
}

.whatsapp_float_btn:hover .whatsapp_tooltip {
	opacity: 1;
}

@media (max-width: 767.98px) {
	.whatsapp_float_btn {
		width: 56px;
		height: 56px;
		bottom: 15px;
		right: 15px;
	}

	.whatsapp_float_btn i {
		font-size: 24px;
	}

	.whatsapp_tooltip {
		display: none;
	}

	#back-to-top.show {
		bottom: 85px;
	}
}