* {
 	margin: 0;
 	padding: 0;
 	box-sizing: border-box;
 }

 body {
 	font-family: 'Inter', sans-serif;
 	font-size: 1rem;
 	/* Base font size (16px) */
 	line-height: 1.6;
 	color: #000;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
 	font-family: 'Inter', sans-serif;
 	font-weight: 600;
 }

 p,
 a,
 span,
 button {
 	font-family: 'Inter', sans-serif;
 }

 /* Optional: Responsive font scaling */
 html {
 	font-size: 100%;
 	/* 16px base */

 	/* Responsive font-size with clamp */
 	font-size: clamp(14px, 1.2vw, 16px);
 }



 header .hero-btn {
 	margin: 0 !important;
 }

 .nav-link {
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 15px;
 	line-height: 24px;
 	letter-spacing: -2%;
 	margin-right: 5px;
 	color: #1A1A1A;
 }

 .nav-link:hover {
 	text-decoration: underline;
 }

 .faq-answer img {
 	width: 50px;
 	border-radius: 50px;
 }

 .navbar {
 	padding-top: 20px;
 	padding-bottom: 20px;
 }

 #navbarContent a {
 	text-decoration: none !important;
 }

 html body main a {
 	text-decoration: none !important;
 }


 html body .hero-btn:hover {
 	background: #3c6656;
 }

 .status-text {
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 20px;
 	line-height: 100%;
 	letter-spacing: -2%;
 	text-align: center;
 	text-transform: capitalize;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	gap: 10px;
 	margin-bottom: 0px;
 }

 .status-dot {
 	width: 15px;
 	height: 15px;
 	background: #66BE74;
 	display: block;
 	border-radius: 50px;
 }

 .third-color .testimonial_content>img {
 	margin-bottom: 0 !important;
 }

 .hero-heading {
 	font-family: Inter;
 	font-weight: 800;
 	font-size: 78px;
 	line-height: 100%;
 	letter-spacing: -2%;
 	text-align: center;
 	text-transform: capitalize;
 	margin: 30px 0;
 	margin-top: 14px;
 }

 .green {
 	color: #558A76 !important;
 }

 .subtext {
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 18px;
 	line-height: 150%;
 	letter-spacing: -2%;
 	text-align: center;
 	text-transform: capitalize;
 	margin-bottom: 20px;
 }

 .hero-btn {
 	width: auto;
 	height: 48px;
 	padding-top: 12px;
 	padding-right: 24px;
 	padding-bottom: 12px;
 	padding-left: 24px;
 	gap: 8px;
 	border-radius: 48px;
 	margin: 0 auto;
 	display: flex;
 	text-align: center;
 	justify-content: center;
 	align-items: center;
 	background: #558A76;
 	color: #fff;
 	border: none;
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 24px;
 	line-height: 24px;
 	letter-spacing: -2%;
 	text-align: center;
 	text-transform: capitalize;
 }

 .hero-section {
 	padding: 100px 0;
 	background: url(../images/banner.png);
 	background-size: cover;
 	background-position: center;
 }

 .dropdown-menu {
 	padding: 0;
 }

 .dropdown-menu a:hover {
 	background: transparent !important;
 }

 .dropdown-menu li:hover {
 	background: #558A76;
 }

 .dropdown-menu li:hover a {
 	color: #fff !important;
 }

 .dropdown-menu li {
 	padding: 10px;
 	border-bottom: 1px solid #ccc;
 }

 .right-content {
 	gap: 0 !important;
 	white-space: unset;
 	flex-direction: unset !important;
 	flex-wrap: wrap !important;
 	justify-content: start !important;
 	overflow: hidden;
 }

 .right-content>div {
 	width: 100% !important;
 }


 .dropdown-menu li:last-child {
 	border-bottom: none;
 }

 .videos {
 	border-top: 2px dashed #979797;
 	border-bottom: 2px dashed #979797;
 }

 .videos>div {
 	border-left: 2px dashed #979797;
 	border-right: 2px dashed #979797;
 	padding-top: 50px;
 	padding-bottom: 50px;
 }


 .videos h2 {
 	font-family: Plus Jakarta Sans;
 	font-weight: 800;
 	font-size: 32px;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: center;
 }


 body p {
 	font-family: Inter;
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 150%;
 	letter-spacing: -2%;
 	text-align: center;
 }

 .video-wrapper {
 	position: relative;
 	max-width: 800px;
 	margin: 0 auto;
 	border-radius: 16px;
 	overflow: hidden;
 	background: #f1f1f1;
 }

 .video-thumbnail {
 	width: 100%;
 	display: block;
 }

 .play-button {
 	position: absolute;
 	top: 50%;
 	left: 50%;
 	transform: translate(-50%, -50%);
 	background-color: white;
 	border: none;
 	border-radius: 50%;
 	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
 	z-index: 10;
 	width: 100px;
 	height: 100px;
 }

 .play-button i {
 	font-size: 42px;
 	color: #558A76;
 }


 .play-button i {
 	text-align: center;
 	margin: 0 auto;
 	width: fit-content !important;
 }

 #footer {
 	background-color: #000314;
 }

 #social {
 	align-items: center;
 }



 .testimonial-left {
 	padding: 0 !important;
 }

 .testimonial-card {
 	background: #fff;
 	border-radius: 20px;
 	overflow: hidden;
 	box-shadow: 0px 4px 16px 0px #2552D01F;
 }

 .first-color>div {
 	background: #F7C287;
 	padding: 0 !important;
 }

 .testimonial-img {
 	width: 100%;
 	height: 320px;
 	border-top-left-radius: 1rem;
 	border-bottom-left-radius: 1rem;
 	object-fit: cover;
 }

 .logo-box img {
 	width: 40px;
 	border-radius: 10px;
 }

 .tag {
 	display: inline-block;
 	padding: 8px 11px;
 	border-radius: 999px;
 	font-size: 12px;
 	font-weight: 500;
 	margin-right: 5px;
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 16px;
 	letter-spacing: -2%;
 	text-align: center;
 	vertical-align: middle;
 }

 .right-content>div:last-child span {
 	margin: 5px;
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	width: fit-content;
 	float: left;
 }

 .right-content>div:last-child span.ecommerce>span {
 	background: #2563EB;
 	margin: 0;
 	padding: 2px;
 	height: 5px;
 	width: 5px;
 	display: block;
 	border-radius: 50%;
 }

 .right-content>div:last-child span.shopify>span {
 	background: #cc0000;
 	margin: 0;
 	padding: 2px;
 	height: 5px;
 	width: 5px;
 	display: block;
 	border-radius: 50%;
 }

 .right-content>div:last-child span.startup>span {
 	background: #28a745;
 	margin: 0;
 	padding: 2px;
 	height: 5px;
 	width: 5px;
 	display: block;
 	border-radius: 50%;
 }


 .tag.ecommerce {
 	background: #e6f0ff;
 	color: #007bff;
 }

 .tag.shopify {
 	background: #ffe6e6;
 	color: #cc0000;
 }

 .tag.startup {
 	background: #e6ffee;
 	color: #28a745;
 }

 .testimonial_content {
 	padding: 0 15px;
 	padding-bottom: 15px;
 	text-align: left;
 }


 .testimonial_content p {
 	text-align: left !important;
 }

 .testimonial_content p {
 	text-align: left !important;
 	font-size: 16px;
 }

 .right-content p {
 	text-align: left !important;
 }

 .right-content .text-success img {
 	margin-bottom: 25px;
 }

 .second-color .testimonial-left>div {
 	background: #AAA5E9;
 }

 .swiper {
 	padding-bottom: 40px;
 }

 .swiper-slide {
 	width: 600px;
 }


 .third-color .testimonial-left>div {
 	background: #A5C5E9;
 }
.social-links a {
	width: 40px;
	height: 40px;
	border: 1px solid #5a9b7a;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 26px;
	background: #5a9b7a;
	text-decoration: none;
}


.social-links {
	display: flex;
	align-items: center;
	gap: 10px;
}
 .fourth-color .testimonial-left>div {
 	background: #A5E9B0;
 }


 header .hero-btn {
 	width: auto;
 	height: 43px;
 	padding-top: 12px;
 	gap: 8px;
 	border-radius: 48px;
 	margin: 0 auto;
 	display: flex;
 	/* text-align: center; */
 	justify-content: center;
 	align-items: center;
 	background: #558A76;
 	color: #fff;
 	border: none;
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 19px;
 	line-height: 24px;
 	letter-spacing: -2%;
 	/* text-align: center; */
 	text-transform: capitalize;
 	padding-bottom: 11px;
 	padding-right: 15px;
 	padding-left: 15px;
 	margin-left: 41px !important;
 }

 .testimonial-left>div {
 	margin: 10px !important;
 	border-radius: 10px !important;
 	overflow: hidden !important;
 	height: 100%;
 }

 .great_founds h2 br {
 	display: none;
 }

 .great_founds h2 span {
 	margin-bottom: 5px;
 }

 /* .mySwiper .swiper-wrapper {

	margin-left: 10px;
} */

 .filter-btns button {
 	border: none;
 	margin: 5px;
 	background: #e9ecef;
 	padding: 6px 16px;
 	border-radius: 30px;
 	font-weight: 500;
 	transition: all 0.3s ease;
 }

 .filter-btns .active {
 	background-color: #558a76;
 	color: white;
 }

 .blog-card {
 	background-color: #f7f7f7;
 	border-radius: 50px;
 	position: relative;
 	padding: 20px !important;
 	border: 1px solid #dddddd;
 	margin-bottom: 10px;
 }

 .blog-card:hover {
 	transform: translateY(-5px);
 }


 .filter-btns button {
 	border: none;
 	margin: 5px;
 	background: #e9ecef;
 	padding: 6px 16px;
 	border-radius: 30px;
 	font-weight: 500;
 	transition: all 0.3s ease;
 }

 .filter-btns .active {
 	background-color: #558a76 !important;
 	color: white;
 }

 .blog-img {
 	width: 100%;
 	height: 150px;
 	object-fit: cover;
 	object-position: center;
 	border-radius: 25px;
 	margin-bottom: 35px;
 }

 .blog-tags span {
 	background: #f1f1f1;
 	border-radius: 50px;
 	padding: 3px 12px;
 	font-size: 0.8rem;
 	margin-right: 8px;
 }

 #blog-container h5 {
 	font-size: 27px;
 	font-weight: bold;
 	margin-bottom: 30px;
 }

 #pagination {
 	display: flex;
 	gap: 10px;
 }

 .active>.page-link,
 .page-link.active {
 	z-index: 3;
 	color: var(--bs-pagination-active-color);
 	background-color: #448c73 !important;
 	border-color: #448c73 !important;
 }

 #pagination li button {
 	padding: 10px 25px;
 	border-radius: 50px;
 }

 #blog-container .blog-tags span {
 	border: 3px solid #eeeeee;
 	border-radius: 30px;
 	padding: 6px 30px !important;
 	color: #558a76;
 	font-weight: bold;
 	font-size: 16px !important;
 }

 #blog-container p {
 	color: #000;
 	font-size: 18px;
 	letter-spacing: 0.6px;
 	font-weight: 500;
 	margin-bottom: 20px;
 	text-align: left !important;
 }

 .featured-image .img-fluid {
 	max-width: 100%;
 	height: auto;
 	border-radius: 18px;
 }

 aside.recent-article .recent-posts {
 	position: sticky;
 	top: 15px;
 	height: auto;
 	overflow-y: auto;
 }

 #blog-read ul {
 	padding-left: 18px;
 }

 .blog-card a {
 	color: #000;
 }

 .blog-details a.btn.btn-secondary {
 	padding: 10px 25px;
 	border-radius: 50px;
 	background: #558a76;
 }

 .blog-content p {
 	color: #000;
 	font-size: 16px;
 	letter-spacing: 0.6px;
 	font-weight: 500;
 	margin-bottom: 20px;
 }

 .blog-content li {
 	color: #000;
 	font-size: 16px;
 	letter-spacing: 0.6px;
 	font-weight: 500;
 	margin-bottom: 5px;
 }

 #blog-read p {
 	text-align: left !important;
 }

 .recent-posts ul li a {
 	color: #558a76;
 }

 .recent-posts h4 {
 	font-size: 22px;
 	font-weight: 500;
 	text-transform: uppercase;
 }

 .recent-posts {
 	background-color: #f8f9fa;
 	padding: 20px;
 	border-radius: 8px;
 	height: auto;
 	overflow: auto;
 }

 .study {
 	background: #558A761F;
 	width: fit-content;
 	margin: 10px auto;
 	padding: 5px 16px;
 	border-radius: 50px;
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 16px;
 	line-height: 20px;
 	letter-spacing: -2%;
 	text-align: center;
 	vertical-align: middle;
 	color: #558A76;
 	margin-top: 0;
 }

 .testimonial h2 {
 	font-family: Plus Jakarta Sans;
 	font-weight: 800;
 	font-size: 32px;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: center;
 }

 .blog-tags span {
 	background: #f1f1f1;
 	border-radius: 50px;
 	padding: 8px 36px;
 	margin-right: 8px;
 	font-size: 16px;
 	color: #558a76;
 	font-weight: 500;
 }

 .testimonial>p {
 	font-family: Inter;
 	font-weight: 400;
 	font-size: 16px;
 	line-height: 150%;
 	letter-spacing: -2%;
 	text-align: center;
 	color: #000 !important;
 }

 .testimonial {
 	padding: 80px 0;
 	background: #F9F9F9 !important;
 }

 .swiper-pagination-bullet {
 	background: #ccc;
 	opacity: 1;
 }

 .swiper-pagination-bullet-active {
 	background: #000;
 }


 .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
 	position: relative;
 	top: 31px;
 }


 .testimonial .hero-btn.mt-5 {
 	margin-top: 82px !important;
 }

 .pricing-section .badge {
 	background: linear-gradient(90deg, rgba(176, 31, 57, 0.8) 0%, rgba(255, 255, 255, 0.8) 137.72%) !important;
 	border-radius: 0 !important;
 	font-size: 18px;
 	font-weight: 500;
 	padding: 15px 10px !important;
 }

 .pricing-section .card {
 	width: 100%;
 	max-width: 95%;
 	background: #000314 !important;
 	border-radius: 30px !important;
 	padding: 10px !important;
 }

 .pricing-section .card>div {
 	border: 1px solid #777373;
 	padding: 30px;
 	border-radius: 19px;
 	height: 100%;
 	display: flex;
 	flex-wrap: wrap;
 	flex-direction: column;
 }

 .pricing-section .card h5 {
 	font-family: Inter;
 	font-weight: 700;
 	font-size: 24px;
 	line-height: 32px;
 	letter-spacing: -2%;
 	vertical-align: middle;
 	text-align: left;
 	margin-bottom: 20px !important;
 }

 .pricing-section .card ul {
 	margin-bottom: auto !important;
 }

 #cleanup .btn {
 	border: 1px solid #ccc !important;
 	color: #000 !important;

 }

 #cleanup .btn.btn-light {
 	background: rgb(0, 3, 20) !important;
 	color: rgb(255, 255, 255) !important;
 }

 #cleanup .card>div {
 	border: 1px solid rgb(119, 115, 115);
 	padding: 29px 30px;
 	border-radius: 19px;
 	background: rgba(204, 204, 204, 0.18);
 }

 .border-secondary {
 	margin-bottom: 35px;
 }

 #cleanup>div {
 	background: #fff !important;
 	color: #000 !important;
 }

 .pricing-section .card h2 {
 	font-family: Inter;
 	font-weight: 700;
 	font-size: 29px;
 	line-height: 32px;
 	letter-spacing: -2%;
 	vertical-align: middle;
 	text-align: left;
 }

 .pricing-section .card>div>div:first-child img {
 	margin-left: 0 !important;
 	display: flex;
 }

 .pricing-section .card ul li {
 	font-family: Inter;
 	font-weight: 400;
 	font-size: 18px;
 	line-height: 24px;
 	letter-spacing: -2%;
 	margin-bottom: 20px !important;
 }

 #cleanup h5 {
 	margin-bottom: 0px !important;
 }

 .pricing-section .text-warning {
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 17px;
 	line-height: 0;
 	letter-spacing: -2%;
 	text-align: center;
 	color: #FF1616 !important;
 	margin-bottom: 30px;
 }

 .pricing-section .card li {
 	font-size: 16px !important;
 	display: flex;
 	align-items: start;
 	gap: 10px;
 }

 .pricing-section .container .row .col-md-6:first-child>div .card>div {
 	height: 100%;
 	display: flex;
 	flex-wrap: wrap;
 	flex-direction: column;
 }

 .pricing-section .container .row .col-md-6:first-child>div .card>div {
 	height: 100%;
 }

 .pricing-section .container .row .col-md-6>div {
 	height: 100%;
 }

 .pricing-section .card p.text-left {
 	text-align: left;
 	padding: 5px;
 	background: rgba(204, 204, 204, 0.31);
 }

 .pricing-section div.d-flex .btn {
 	padding: 10px 14px;
 	width: 210px;
 	font-size: 15px !important;
 }

 .pricing-section {
 	background: #FAFAFA;
 	border-bottom: 2px;
 	border-top: 2px;
 	border-style: dashed;
 	border-left: none;
 	border-right: none;
 	border-color: #b3a9a9;
 }


 .pricing-section .container {
 	padding: 70px 0;
 	border: 2px solid #b3a9a9;
 	border-top: none !important;
 	border-bottom: none !important;
 	border-style: dashed;
 }

 .pricing-section .container>p {
 	margin-bottom: 50px !important;
 	padding-bottom: 50px !important;
 	border-bottom: 2px dashed #a6a6a6cc;
 }

 .pricing-section .container>h2 {
 	font-family: Plus Jakarta Sans;
 	font-weight: 800;
 	font-size: 32px;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: center;
 }


 .how-it-works .row>div {
 	position: relative;
 }

 .how-it-works .row>div:first-child:before {
 	content: "";
 	position: absolute;
 	top: 21px;
 	left: 65%;
 	right: 10%;
 	height: 16px;
 	background: url(../image/line.png);
 	z-index: 1;
 	width: 72%;
 	display: block;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }

 .how-it-works .row>div:nth-child(2):before {
 	content: "";
 	position: absolute;
 	top: 21px;
 	left: 65%;
 	right: 10%;
 	height: 16px;
 	background: url(../image/line2.png);
 	z-index: 1;
 	width: 72%;
 	display: block;
 	background-size: cover;
 	background-position: center;
 	background-repeat: no-repeat;
 }


 .how-it-works .row>div:last-child:before {
 	content: "";
 	display: none;
 }

 .how-it-works p {
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 18px;
 	line-height: 28px;
 	letter-spacing: -2%;
 	text-align: center;
 	color: #000;
 }

 .how-it-works h5 {
 	font-family: Inter;
 	font-weight: 700 !important;
 	font-style: Bold;
 	font-size: 20px;
 	line-height: 150%;
 	letter-spacing: -2%;
 	text-align: center;
 }

 .how-it-works img {
 	width: 60px;
 }

 .try-now .badge.bg-light {
 	margin-top: 25px !important;
 	font-family: Inter;
 	font-weight: 500;
 	font-style: Medium;
 	font-size: 16px;
 	leading-trim: NONE;
 	line-height: 20px;
 	letter-spacing: -2%;
 	text-align: center;
 	vertical-align: middle;
 	padding: 8px 25px;
 	border-radius: 50px;
 	background-color: #FFFFFF3D !important;
 	color: #fff !important;
 	margin: 0 auto !important;
 	display: flex;
 	justify-content: center;
 	width: fit-content;
 }

 .try-now .btn.btn-success img {
 	width: 25px;
 }

 .try-now h5 {
 	font-family: Inter;
 	font-weight: 700;
 	font-style: Bold;
 	font-size: 32px;
 	leading-trim: NONE;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: center;
 	margin-bottom: 35px;
 }

 .btn.btn-success {
 	background: #558A76;
 	border-color: #558A76;
 	padding: 10px;
 	font-family: Inter;
 	font-weight: 700;
 	font-size: 20px;
 	line-height: 20px;
 	letter-spacing: -2%;
 	text-align: center;
 	text-transform: capitalize;
 	align-items: center;
 	display: flex;
 	width: fit-content;
 	margin: 0 auto;
 	gap: 10px;
 }

 .try-now {
 	background: url(../images/bg_img1.png);
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center;
 }

 .how-it-works {
 	border-bottom: 2px;
 	border-style: dashed;
 	border-left: none;
 	border-right: none;
 	border-color: #b3a9a9;
 	border-top: none;
 }

 .how-it-works .container {
 	padding: 70px 30px;
 	border: 2px solid #b3a9a9;
 	border-top: none !important;
 	border-bottom: none !important;
 	border-style: dashed;
 }

 .footer_deatails {
 	display: flex;
 	justify-content: space-between;
 }

 .compare-section .compare-row>div:nth-child(2) {
 	background-color: #ccc;
 	z-index: 9;
 	position: relative;
 	border-radius: 10px;
 	overflow: hidden;
 	background: #F3F6F7 !important;
 }

 #Construction .testimonial-img {
 	width: 100%;
 	height: 437px;
 	border-top-left-radius: 1rem;
 	border-bottom-left-radius: 1rem;
 	object-fit: cover;
 	object-position: top center;
 }

 #read_more {
 	display: flex;
 	position: relative;
 	width: 100%;
 	height: auto !important;
 	float: left;
 	justify-content: start;
 	margin-top: 25px;
 }

 #read_more a {
 	margin: 0 !important;
 }

 .compare-col ul {
 	position: relative;
 }

 .compare-section {
 	border-radius: 10px;
 	overflow: hidden;
 	box-shadow: 0px 4px 16px 0px #558A7614;
 }

 /* .compare-col ul:hover::before {
	content: "";
	background: #dfdfdf;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
} */
 .compare-list {
 	margin: 0;
 	padding: 0;
 	list-style: none;
 	border-right: 1px solid #e0e0e0;
 }

 .compare-list:last-child {
 	border-right: none;
 }

 .compare-list li {
 	padding: 16px 20px;
 	border-bottom: 1px solid #eaeaea;
 	font-size: 14.5px;
 	color: #333;
 	height: 73px;
 	line-height: 1.5;
 	display: flex;
 	align-items: center;
 	z-index: 9;
 	position: relative;
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 16px;
 	leading-trim: NONE;
 	line-height: 140%;
 	letter-spacing: -2%;

 }

 .image-wrapper {
 	position: relative;
 	display: inline-block;
 	overflow: hidden;
 	width: 100%;
 }

 .image-wrapper::after {
 	content: "";
 	position: absolute;
 	bottom: 0;
 	left: 0;
 	width: 100%;
 	height: 40%;
 	background: linear-gradient(to bottom, rgba(165, 233, 176, 0.06) 0%, rgb(165, 233, 176) 100%);
 	pointer-events: none;
 }

 .compare-list li:first-child {
 	font-family: Inter;
 	font-weight: 600;
 	font-style: Semi Bold;
 	font-size: 20px;
 	leading-trim: NONE;
 	line-height: 24px;
 	letter-spacing: -2%;

 }

 .compare-row {
 	display: flex;
 	flex-wrap: wrap;
 	padding: 10px;
 	background: #fff;
 }

 .compare-col {
 	flex: 0 0 25%;
 	max-width: 25%;
 }

 .why_founder {
 	border-bottom: 2px;
 	border-style: dashed;
 	border-left: none;
 	border-right: none;
 	border-color: #b3a9a9;
 	border-top: none;
 }

 .why_founder .container {
 	border: 2px solid #b3a9a9;
 	border-top: none !important;
 	border-bottom: none !important;
 	border-style: dashed;
 	padding-bottom: 55px !important;
 }

 .why-choose {
 	padding-top: 51px;
 }

 .why_founder .container>div.table {
 	padding: 20px 30px;
 }

 .why_founder h2 {
 	font-family: Plus Jakarta Sans;
 	font-weight: 800;
 	font-style: ExtraBold;
 	font-size: 32px;
 	leading-trim: NONE;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: center;
 }

 .why_founder .container p {
 	margin-bottom: 55px;
 	padding-bottom: 35px;
 	border-bottom: 2px dashed #ccc;
 }

 #try_now {
 	width: 100%;
 	max-width: 95%;
 	margin: 0 auto;
 }

 #try_now {
 	width: 100%;
 	max-width: 95%;
 	margin: 0 auto;
 	background: url(../images/bg_img2.png);
 	background-size: cover;
 	background-repeat: no-repeat;
 	background-position: center;
 }

 #try_now .btn.btn-success {
 	background: #fff !important;
 	color: #558A76 !important;
 }

 .great_founds h2 span {
 	background: linear-gradient(90deg, rgba(85, 138, 118, 0.4) 0%, rgba(0, 0, 0, 0) 121.47%) !important;
 	font-size: 23px;
 	padding: 15px 28px !important;
 	font-family: Inter;
 	font-weight: 700;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: left !important;
 }


 .great_founds h2 {
 	display: grid;
 	flex-wrap: wrap;
 	width: fit-content;
 	margin: 0 auto;
 	gap: 5px;
 }

 .great_founds h2 span:last-child {
 	background: linear-gradient(90deg, rgba(228, 150, 131, 0.4) 0%, rgba(0, 0, 0, 0) 137.72%) !important;
 	text-align: left;
 }

 html body .great_founds .btn {
 	border-radius: 25px;
 	padding: 10px 25px;
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 20px;
 	line-height: 24px;
 	letter-spacing: -2%;
 	text-align: center;
 	text-transform: capitalize;
 	background: #558A76 !important;
 	color: #fff;
 }

 .great_founds {
 	background: #000314 !important;
 	padding: 0 !important;
 }

 .great_founds>div {
 	border-left: 2px dashed #d5d1d1;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 	border-right: 2px dashed #d5d1d1;
 	padding-top: 100px;
 	padding-bottom: 100px;
 }

 .great_founds .bg-black.p-4.rounded.mb-4.border.border-secondary {
 	border-top: 2px dashed #807c7c !important;
 	border-bottom: 2px dashed #807c7c !important;
 	border-left: none !important;
 	border-right: none !important;

 	background: #111320 !important;
 }

 html body .great_founds .btn.btn-outline-secondary {
 	background: #94784B66 !important;
 	color: #fff;
 }

 .great_founds p {
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 18px;
 	leading-trim: NONE;
 	line-height: 200%;
 	letter-spacing: -2%;
 	text-align: left;
 	margin-bottom: 0;
 }






 .faq-item {
 	padding: 15px 0;
 }



 .faq-answer {
 	display: none;
 	padding-top: 10px;
 	color: #333;
 }

 .faq-answer.show {
 	display: block;
 	animation: fadeIn 0.3s ease-in-out;
 }

 @keyframes fadeIn {
 	from {
 		opacity: 0;
 		transform: translateY(-5px);
 	}

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

 .faq-icon {
 	transition: transform 0.3s ease;
 }

 .faq-icon.rotate {
 	transform: rotate(45deg);
 }

 .faq-answer.show {
 	border-bottom-right-radius: 10px;
 	border-bottom-left-radius: 10px;
 }

 .faq-item .buttons {
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	font-weight: 400;
 	padding: 17px 20px;
 	background: #F3F6F7;
 	color: #000;
 	width: 100%;
 	margin-left: auto;
 	border-radius: .75rem;
 	border: 1px solid #fff;
 	font-size: 21px;
 	font-weight: 500;
 }

 .faq-item h6 {
 	width: 100%;
 	display: flex;
 	align-items: center;
 	justify-content: end;
 	margin-left: auto;
 	cursor: pointer;
 }


 .faq-item h6 .faq-icon {
 	border: none;
 	display: flex;
 	justify-content: center;
 	align-items: center;
 	border-radius: 50px;
 	font-size: 22px;
 	line-height: 0;
 	margin: 0;
 	padding: 0;
 	vertical-align: middle;
 	background: transparent !important;
 	background-color: transparent !important;
 	position: absolute;
 	right: 15px;
 }

 .faq-answer.show {
 	width: 100%;
 	max-width: 50%;
 }

 .faq-answer p {
 	text-align: left;
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 18px;
 	leading-trim: NONE;
 	line-height: 150%;
 	letter-spacing: -2%;
 }

 .faq-answer.show {
 	display: flex;
 	align-items: end;
 	gap: 20px;
 }


 .faq-section h2 {
 	font-family: Plus Jakarta Sans;
 	font-weight: 800;
 	font-style: ExtraBold;
 	font-size: 32px;
 	leading-trim: NONE;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: center;
 }


 .faq-section>div {
 	border-left: 2px dashed #d5d1d1;
 	border-right: 2px dashed #d5d1d1;
 	padding-top: 100px;
 	padding-bottom: 100px;
 	padding-left: 0;
 	padding-right: 0;
 }

 .faq-section>div .row {
 	padding: 0 15px !important;
 	border-bottom: 2px dashed #d5d1d1;
 }

 .faq-section {
 	border-bottom: 0;
 	border-style: dashed;
 	border-left: none;
 	border-right: none;
 	border-color: #b3a9a9;
 	border-top: none;
 }

 .faq-section>div>p {
 	border-bottom: 2px dashed #b3a9a9;
 	padding-bottom: 45px;
 	margin-bottom: 10px !important;
 }



 #still_have #try_now {
 	width: 100%;
 	max-width: 101%;
 	margin: 0 auto;
 	background: #558A76 !important;
 	border-radius: 0 !important;
 }

 .form-container {
 	background-color: white;
 	border-radius: 12px;
 	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
 	padding: 40px;
 	margin: 40px auto;
 	max-width: 85%;
 	box-shadow: 0px 4px 16px 0px #558A7614;
 	border: 1px solid #558A7614
 }

 #countryCode {
 	color: #000 !important;
 }

 #timeDisplay {
 	color: #a0a0a1 !important;
 }

 .form-container label {
 	color: #000 !important;
 	margin-bottom: 6px;
 	font-size: 0.9rem;
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 18px;
 	line-height: 20px;
 	letter-spacing: -2%;
 }

 .form-container input,
 .form-container select,
 .form-container textarea {
 	color: #1A1A1A66;
 }

 .form-title {
 	font-size: 2rem;
 	font-weight: 600;
 	color: #333;
 	text-align: center;
 	margin-bottom: 8px;
 }

 .form-subtitle {
 	color: #666;
 	text-align: center;
 	margin-bottom: 30px;
 	font-size: 0.95rem;
 }

 .form-label {
 	font-weight: 500;
 	color: #333;
 	margin-bottom: 6px;
 	font-size: 0.9rem;
 }

 .form-control,
 .form-select {
 	border: 1px solid #e1e5e9;
 	border-radius: 8px;
 	padding: 12px 16px;
 	font-size: 0.9rem;
 	transition: border-color 0.2s ease;
 	background-color: #fafbfc;
 }

 .form-control:focus,
 .form-select:focus {
 	border-color: #4a90e2;
 	box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.1);
 	background-color: white;
 }

 .form-control::placeholder {
 	color: #adb5bd;
 	font-size: 0.9rem;
 }

 /* Phone Input with Flag Selector */
 .phone-input-container {
 	position: relative;
 	display: flex;
 }

 .country-selector {
 	border-right: none;
 	border-top-right-radius: 0;
 	border-bottom-right-radius: 0;
 	width: 100px;
 	padding: 12px 8px;
 	background-color: #fafbfc;
 	font-size: 0.85rem;
 }

 .country-selector:focus {
 	border-color: #4a90e2;
 	box-shadow: none;
 }

 .phone-input {
 	border-left: none;
 	border-top-left-radius: 0;
 	border-bottom-left-radius: 0;
 	flex: 1;
 }

 .phone-input:focus {
 	border-color: #4a90e2;
 	box-shadow: 0 0 0 0.2rem rgba(74, 144, 226, 0.1);
 }

 /* Time Selector Styling */
 .time-selector-container {
 	display: flex;
 	gap: 8px;
 }

 .time-part {
 	flex: 1;
 }

 .time-display {
 	display: flex;
 	align-items: center;
 	gap: 8px;
 	padding: 12px 16px;
 	border: 1px solid #e1e5e9;
 	border-radius: 8px;
 	background-color: #fafbfc;
 	cursor: pointer;
 	transition: border-color 0.2s ease;
 }

 .time-display:hover {
 	border-color: #4a90e2;
 }

 .time-display.active {
 	border-color: #4a90e2;
 	background-color: white;
 }

 .time-dropdown {
 	position: absolute;
 	top: 100%;
 	left: 0;
 	right: 0;
 	background: white;
 	border: 1px solid #e1e5e9;
 	border-radius: 8px;
 	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
 	z-index: 1000;
 	max-height: 200px;
 	overflow-y: auto;
 	display: none;
 }

 .time-dropdown.show {
 	display: block;
 }

 .time-option {
 	padding: 8px 16px;
 	cursor: pointer;
 	font-size: 0.9rem;
 	transition: background-color 0.2s ease;
 }

 .time-option:hover {
 	background-color: #f8f9fa;
 }

 .time-option.selected {
 	background-color: #4a90e2;
 	color: white;
 }

 .submit-btn {
 	background-color: #5a9b7a;
 	border: none;
 	border-radius: 8px;
 	padding: 14px 24px;
 	font-weight: 600;
 	font-size: 1rem;
 	color: white;
 	width: 100%;
 	transition: background-color 0.2s ease;
 }

 .submit-btn:hover {
 	background-color: #4a8566;
 }

 .required {
 	color: #dc3545;
 }

 .row-gap {
 	margin-bottom: 20px;
 }

 textarea.form-control {
 	resize: vertical;
 	min-height: 100px;
 }

 /* Custom scrollbar for time dropdown */
 .time-dropdown::-webkit-scrollbar {
 	width: 6px;
 }

 .time-dropdown::-webkit-scrollbar-track {
 	background: #f1f1f1;
 	border-radius: 3px;
 }

 .time-dropdown::-webkit-scrollbar-thumb {
 	background: #c1c1c1;
 	border-radius: 3px;
 }

 .time-dropdown::-webkit-scrollbar-thumb:hover {
 	background: #a8a8a8;
 }


 #form_section>div {
 	border-left: 2px dashed #d5d1d1;
 	border-right: 2px dashed #d5d1d1;
 	padding-top: 100px;
 	padding-bottom: 100px;
 	padding-left: 0;
 	padding-right: 0;
 }


 .form-subtitle {
 	border-bottom: 2px dashed #b3a9a9;
 	padding-bottom: 45px;
 	margin-bottom: 10px !important;
 }

 #form_section {
 	background: #FAFAFA !important;
 }

 .why_founder {
 	background: #FAFAFA;
 }

 .testimonial .right-content .text-success {
 	margin-top: 85px;
 }

 #form_section h2 {
 	font-family: Plus Jakarta Sans;
 	font-weight: 800;
 	font-style: ExtraBold;
 	font-size: 32px;
 	line-height: 120%;
 	letter-spacing: -2%;
 	text-align: center;
 }


 .border-bottom {
 	border-bottom: 2px dashed #ccc !important;
 }










 .resources-section {
 	padding: 60px 0;
 	background-color: #f8f9fa;
 }

 /* Navigation Tabs Styling */
 .nav-tabs-container {
 	margin-bottom: 40px;
 	padding: 0 15px;
 }

 .custom-nav-tabs {
 	border: none;
 	gap: 8px;
 	flex-wrap: wrap;
 	justify-content: space-between;
 	background: #fff;
 	align-items: center;
 	padding: 4px 7px;
 	border-radius: 50px;
 	width: 100%;
 	margin: 0 auto;
 }

 .custom-nav-tabs .nav-link {
 	border: none;
 	border-radius: 25px;
 	padding: 10px 20px;
 	background-color: white;
 	color: #666;
 	font-weight: 500;
 	font-size: 0.9rem;
 	transition: all 0.3s ease;
 	white-space: nowrap;
 	margin-bottom: 8px;
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 16px;
 	line-height: 24px;
 	letter-spacing: -2%;
 	vertical-align: middle;
 	margin: 0;
 }

 .custom-nav-tabs .nav-link:hover {
 	background-color: #e8f5e8;
 	color: #5a9b7a;
 }

 .custom-nav-tabs .nav-link.active {
 	background-color: #5a9b7a;
 	color: white;
 	box-shadow: 0 2px 8px rgba(90, 155, 122, 0.3);
 }

 /* Resource Cards */
 .resource-cards {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 	gap: 30px;
 	max-width: 100%;
 	margin: 0 auto;
 }

 .resource-card {
 	background: white;
 	border-radius: 35px;
 	overflow: hidden;
 	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
 	transition: transform 0.3s ease, box-shadow 0.3s ease;
 }

 .resource-card:hover {
 	transform: translateY(-5px);
 	box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12);
 }

 .card-header {
 	height: auto;
 	position: relative;
 	display: flex;
 	align-items: center;
 	justify-content: center;
 	overflow: hidden;
 	padding: 15px 0;
 }

 .ecommerce-header {
 	background: linear-gradient(135deg, #4fc3f7 0%, #81c784 100%);
 }

 .cost-cutting-header {
 	background: linear-gradient(135deg, #4fc3f7 0%, #29b6f6 100%);
 }

 .card-title-overlay {
 	position: absolute;
 	top: 20px;
 	left: 20px;
 	right: 20px;
 	color: white;
 	z-index: 2;
 }

 .card-category {
 	font-size: 0.75rem;
 	font-weight: 600;
 	text-transform: uppercase;
 	letter-spacing: 1px;
 	margin-bottom: 5px;
 	opacity: 0.9;
 }

 .card-main-title {
 	font-size: 1.4rem;
 	font-weight: 700;
 	line-height: 1.2;
 	margin: 0;
 }

 .card-subtitle {
 	font-size: 0.8rem;
 	font-weight: 500;
 	text-transform: uppercase;
 	letter-spacing: 0.5px;
 	margin-top: 5px;
 	opacity: 0.8;
 }

 .card-illustration {
 	position: absolute;
 	bottom: -10px;
 	right: 20px;
 	font-size: 4rem;
 	opacity: 0.3;
 }

 .signpost-illustration {
 	width: 80px;
 	height: 80px;
 	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="45" y="10" width="10" height="80" fill="%23654321"/><rect x="20" y="20" width="40" height="8" rx="4" fill="%23D2691E"/><rect x="25" y="35" width="35" height="8" rx="4" fill="%23CD853F"/><rect x="30" y="50" width="30" height="8" rx="4" fill="%23DEB887"/><rect x="35" y="65" width="25" height="8" rx="4" fill="%23F4A460"/><polygon points="60,24 65,20 65,28" fill="%23654321"/><polygon points="60,39 65,35 65,43" fill="%23654321"/><polygon points="60,54 65,50 65,58" fill="%23654321"/><polygon points="60,69 65,65 65,73" fill="%23654321"/></svg>') no-repeat center;
 	background-size: contain;
 }

 .money-scissors-illustration {
 	width: 80px;
 	height: 80px;
 	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><rect x="20" y="40" width="40" height="20" rx="5" fill="%2381C784"/><text x="40" y="55" text-anchor="middle" fill="white" font-size="12" font-weight="bold">$</text><path d="M65 30 L75 20 L80 25 L70 35 Z" fill="%23FF5722"/><path d="M65 35 L75 45 L80 40 L70 30 Z" fill="%23FF5722"/><circle cx="77" cy="22" r="3" fill="%23424242"/><circle cx="77" cy="43" r="3" fill="%23424242"/></svg>') no-repeat center;
 	background-size: contain;
 }

 .card-body {
 	padding: 25px;
 	padding-top: 0;
 }

 .card-title {
 	color: #333;
 	margin-bottom: 12px;
 	font-family: Inter;
 	font-weight: 600;
 	font-size: 20px;
 	line-height: 150%;
 	letter-spacing: -2%;
 }

 .card-description {
 	color: #666;
 	margin-bottom: 20px;
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 16px;
 	leading-trim: NONE;
 	line-height: 150%;
 	letter-spacing: -2%;
 	text-align: left;
 }

 .expectations-section h6 {
 	color: #03A03E;
 	margin-bottom: 15px;
 	font-family: Inter;
 	font-weight: 500;
 	font-size: 18px;
 	line-height: 20px;
 	letter-spacing: -2%;
 }


 .expectations-list li {
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 16px;
 	line-height: 20px;
 	letter-spacing: -2%;
 }

 .expectations-list {
 	list-style: none;
 	padding: 0;
 	margin: 0;
 }

 .expectations-list li {
 	display: flex;
 	align-items: center;
 	margin-bottom: 8px;
 	font-size: 16px;
 	color: #555;
 }

 .expectations-list li::before {
 	content: "";
 	margin-right: 10px;
 	background: url(../image/lucide_check.png);
 	width: 24px;
 	height: 24px;
 	display: block;
 }

 .download-btn {
 	border: none;
 	border-radius: 50px;
 	padding: 13px 25px;
 	font-weight: 500;
 	font-size: 18px;
 	color: white;
 	width: 100%;
 	transition: background-color 0.3s ease;
 	margin-top: 20px;
 	background: #558A76;
 }

 .download-btn:hover {
 	background-color: #4a8566;
 	color: white;
 }


 .resources-section>div {
 	border-left: 2px dashed #979797;
 	border-right: 2px dashed #979797;
 	padding-top: 50px;
 	padding-bottom: 50px;
 	padding-left: 0 !important;
 	padding-right: 0 !important;
 }


 .resources-section {
 	border-top: 2px dashed #979797;
 	border-bottom: 2px dashed #979797;
 	padding-top: 0;
 	padding-bottom: 0;
 }

 .swiper-slide>div {
 	height: 100%;
 }

 .swiper-slide {
 	height: auto !important;
 }

 #resourceTabContent {
 	padding: 15px;
 }

 .custom-footer {
 	background-color: #131313;
 }

 .footer-link {
 	color: #ffffff;
 	text-decoration: none;
 	display: block;
 	margin-bottom: 8px;
 	font-size: 15px;
 	text-align: left;
 }

 .footer-link:hover {
 	text-decoration: underline;
 }

 .footer-icon {
 	color: #fff;
 	margin-right: 10px;
 	font-size: 18px;
 	text-decoration: none;
 }

 .footer-icon:hover {
 	color: #ccc;
 }

 .finacial h5 {
 	font-weight: 800;
 	font-style: ExtraBold;
 	font-size: 27px;
 	line-height: 150%;
 	letter-spacing: -2%;
 }

 .finacial .mt-2 {
 	width: 100%;
 	display: flex;
 	gap: 10px;
 	justify-content: center;
 }

 .finacial p {
 	font-family: Inter;
 	font-weight: 500;
 	font-style: Medium;
 	font-size: 16px;
 	leading-trim: NONE;
 	line-height: 200%;
 	letter-spacing: -2%;
 	text-align: center;
 	vertical-align: middle;
 }

 .finacial a {
 	font-family: Inter;
 	font-weight: 500;
 	font-style: Medium;
 	font-size: 16px;
 	leading-trim: NONE;
 	line-height: 250%;
 	letter-spacing: -2%;
 	vertical-align: middle;
 }

 .finacial {
 	width: 65%;
 	display: flex;
 	flex-wrap: wrap;
 	text-align: left;
 	justify-content: start;
 	background: #ccc;
 	padding: 15px;
 	border-radius: 10px;
 	margin-left: auto;
 	gap: 0px;
 	angle: 0 deg;
 	opacity: 1;
 	padding-top: 16px;
 	padding-right: 40px;
 	padding-bottom: 16px;
 	padding-left: 40px;
 	border-radius: 32px;
 	border-width: 2px;
 	background: radial-gradient(254.38% 143.37% at -76.18% -24.5%, rgba(143, 143, 143, 0) 0%, rgba(5, 5, 5, 0.64) 56.59%)
 		/* warning: gradient uses a rotation that is not supported by CSS and may not behave as expected */
 	;
 	border: 2px solid;

 	border-image-source: linear-gradient(171.62deg, rgba(255, 255, 255, 0.12) 2.72%, rgba(153, 153, 153, 0.12) 108.44%);


 }

 .custom-footer .btn {
	opacity: 1;
	padding-top: 14px !important;
	padding-right: 8px !important;
	padding-bottom: 14px !important;
	padding-left: 24px !important;
	border-radius: 8px;
	font-family: Inter;
	font-weight: 600;
	font-style: Semi Bold;
	font-size: 20px;
	leading-trim: NONE;
	line-height: 18px;
	letter-spacing: -2%;
	text-align: center;
	vertical-align: middle;
}

.custom-footer .btn i {
	margin-left: 5px;
	padding: 5px;
	background: #131313;
	border-radius: 5px;
	color: #fff;
}

 .custom-footer {
 	background: url(../images/pexels-thepaintedsquare-8459492.png);
 	background-size: cover;
 	background-position: center;
 	position: relative;
 }

 .custom-footer>div {
 	position: relative;
 	z-index: 2;
 }

 .custom-footer::after {
 	content: "";
 	background: #000;
 	opacity: 0.5;
 	position: absolute;
 	left: 0;
 	right: 0;
 	bottom: 0;
 	top: 0;
 	display: block;
 	z-index: 1;
 }

 .custom-footer h2 {
 	font-weight: 700;
 	font-size: 51px !important;
 	letter-spacing: -2%;
 	vertical-align: middle;
 	font-family: 'Inter', sans-serif;
 	line-height: 1.2 !important;
 }

 .custom-footer h3 {
 	font-size: 151px !important;
 	color: #888;
 	text-align: center;
 	line-height: 1;
 }
 .custom-footer .list-unstyled{margin-bottom: 0 !important;}
 .custom-footer .list-unstyled li:last-child a {
 	line-height: 1.2;
 }

 .custom-footer .list-unstyled a {
 	line-height: 2;
	display: flex;
 }

 .custom-footer .list-unstyled p {

 	line-height: 1.5;
 	border-bottom: 1px solid #ccc;
 	width: fit-content;
 }

 .custom-footer .list-unstyled a,
 .custom-footer .list-unstyled p {
 	color: #fff;
 	text-align: left;
 	line-height: 1.3;
 	margin-bottom: 15px;
 }

 .pricing-section .card h2,
 .pricing-section .card h2 span {
 	line-height: 0.8;
 }


 .guide-row {
 	display: flex !important;
 	flex-wrap: wrap;
 	gap: 0px;
 	justify-content: center;
 }

 .popup_custome .modal-content {
 	width: 100%;
 	max-width: 76%;
 	margin: 0 auto;
 	border-radius: 4px !important;
 }

 .popup_custome .position-relative.rounded-4.overflow-hidden {
 	height: 100% !important;
 }

 .popup_custome #anaVideo {
 	height: 100% !important;
 }

 #monthly h5 {
 	margin-bottom: 2px !important;
 }

 .popup_custome p {
 	text-align: left;
 	color: #000;
 }

 .pricing-section .text-warning.small.mt-2 {
 	line-height: 1.5;
 }

 .play_buttons a svg {
 	width: 6px;
 }

 .text-lefts {
 	text-align: left;
 	margin-bottom: 24px;
 }

 .modal-content .btn-close {
 	background: none;
 	font-size: 1.5rem;
 	color: #000;
 	opacity: 1;
 	box-shadow: none;
 }

 .cut_arrow:hover {
 	outline: unset;
 	border: none !important;
 	box-shadow: none !important;
 }

 .cut_arrow {
 	font-size: 22px !important;
 	width: 50px !important;
 	height: 50px !important;
 	background: transparent !important;
 	box-shadow: none !important;
 	position: absolute;
 	right: 0;
 	top: 0;
 	z-index: 999;
 }

 /* Video Button for mute/unmute */
 #anaVideo+button {
 	background-color: rgba(255, 255, 255, 0.8);
 	border: none;
 	font-size: 1rem;
 	z-index: 10;
 }

 .faq-item {
 	background-color: #fff;
 	border-radius: 12px;
 	margin-bottom: 15px;
 	padding: 20px;
 	cursor: pointer;
 	transition: all 0.3s ease;
 	box-shadow: unset;
 	margin-bottom: 0 !important;
 	padding-bottom: 0 !important;
 }

 /* .faq-item:hover {
    background-color: #eef2f8;
} */

 .faq-item h6 {
 	margin: 0;
 	display: flex;
 	justify-content: space-between;
 	align-items: center;
 	font-weight: 500;
 	font-size: 16px;
 	position: relative;
 }

 .faq-section>div .row {
 	padding-bottom: 25px !important;
 }

 .faq-icon {
 	font-size: 20px;
 	transition: transform 0.3s ease;
 }

 /* .faq-item.active .faq-icon {
    transform: rotate(180deg);
} */

 .faq-answer {
 	margin-top: 15px;
 	display: none;
 	font-size: 14px;
 	color: #444;
 	line-height: 1.5;
 }

 .faq-item.active .buttons {
 	border-bottom-left-radius: 0 !important;
 	border-bottom-right-radius: 0 !important;
 	border-bottom: none;
 }

 .faq-answer.show {
 	display: block;
 	width: 100%;
 	background: #f3f6f7;
 	max-width: 100% !important;
 	padding: 20px;
 	margin-top: 0 !important;
 	align-items: start;
 }

 .faq-answer img {
 	max-width: 100%;
 	margin-bottom: 10px;
 	border-radius: 8px;
 }

 /* Badges (style text flags) */
 .flage_text .badge {
 	background-color: #f0f0f0;
 	color: #333;
 	padding: 0.5rem 1rem;
 	font-size: 0.9rem;
 }

 .popup_custome h3 {
 	color: #000;
 }

 .btn-carot.flip {
 	transform: rotate(180deg);
 }

 .d-flex.flex-wrap.gap-2.mb-4.flage_text>span:first-child {
 	background: #b9cc347a !important;
 	color: #000 !important;
 }

 .d-flex.flex-wrap.gap-2.mb-4.flage_text>span:nth-child(2) {
 	background: #6891a278;
 	color: #000 !important;
 }

 .d-flex.flex-wrap.gap-2.mb-4.flage_text>span:nth-child(3) {
 	background: #a4067c59;
 	color: #000 !important;
 }

 .d-flex.flex-wrap.gap-2.mb-4.flage_text>span:nth-child(4) {
 	background: #eeec93eb;
 	color: #000 !important;
 }

 .flage_text span {
 	color: #000 !important;
 	font-weight: 400;
 	background: #91d6dd;
 	padding: 8px 14px;
 }

 .play_buttons {
 	margin-top: 30px;
 }

 .play_buttons a.btn.btn-dark {
 	color: #fff !important;
 	padding: 11px 19px;
 	width: 31%;
 	background: #558a76;
 	border: none;
 }

 .poster-overlay {
 	opacity: 1 !important;
 }

 .play_buttons a {
 	text-decoration: none;
 	color: #000;
 	display: flex;
 	align-items: center;
 	gap: 10px;
 	justify-content: center;
 }

 .guide-card {
 	position: relative;
 	width: 164px;
 	height: 250px;
 	overflow: hidden;
 	border-radius: 10px;
 	cursor: pointer;
 	background-color: #000;
 	margin-left: -36px;
 	box-shadow: 1px 4px 6px 5px #c8bfb4;
 	z-index: 1;
 	margin-right: -17px;
 }

 p .guide-card:hover .tooltip-box {
 	display: block;
 }

 .guide-card:hover {
 	transform: scale(1.1) rotate(-3deg);
 	position: relative;
 	z-index: 9;
 }

 .pl {
 	padding-left: 15px;
 	padding-right: 15px;
 }

 .guide-card video {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .poster-overlay {
 	position: absolute;
 	top: 0;
 	left: 0;
 	width: 100%;
 	height: 100%;
 	background-size: cover;
 	background-position: center;
 	z-index: 2;
 	transition: opacity 0.3s;
 	background-color: #ecdfaa;
 	box-shadow: 1px 4px 6px 5px #ccc;
 }

 .popup_custome .position-relative.rounded-4.overflow-hidden img {
 	width: 100%;
 	height: 100%;
 	object-fit: cover;
 }

 .tooltip-box {
 	position: absolute;
 	bottom: 10px;
 	left: 10px;
 	background: rgb(236, 223, 170);
 	color: #0b0b0b;
 	padding: 6px 8px;
 	font-size: 12px;
 	border-radius: 20px;
 	z-index: 3;
 	display: none;
 	transition: all 0.5s liner;
 }

 /* Modal Content Customization */
 .modal-content {
 	border-radius: 1rem;
 	border: none;
 	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
 	background-color: #fff;
 }

 /* Modal Header */
 .modal-header {
 	border-bottom: 1px solid #dee2e6;
 	background-color: #f9f9f9;
 	padding: 1rem 1.5rem;
 }

 /* Modal Title */
 .modal-title {
 	font-size: 1.25rem;
 	font-weight: 600;
 	color: #333;
 }

 /* Modal Body */
 .modal-body {
 	padding: 10px;
 	font-size: 1rem;
 	color: #555;
 }

 /* Close Button */
 .btn-close {
 	filter: none;
 	background: transparent;
 }

 /* Add some fade effect */
 .modal.fade .modal-dialog {
 	transition: transform 0.3s ease-out;
 	transform: translateY(-10%);
 }

 .modal.show .modal-dialog {
 	transform: translateY(0);
 }

 /* Optional: Dark overlay */
 .modal-backdrop.show {
 	opacity: 0.7;
 }


 .owl-nav {
 	display: none;
 }








<<<<<<< Updated upstream
.faq-answer.show ul li {
	text-align: left;
	font-family: Inter;
	font-weight: 400;
	font-style: Regular;
	font-size: 18px;
	leading-trim: NONE;
	line-height: 150%;
	letter-spacing: -2%;
}
#faqs .faq-answer img {
	display: none !important;
}
.stats-section {
	background: #fff;
	border-radius: 20px;
	padding: 90px 40px;
	border: 1px solid #fff;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
    .stat-item {
      display: flex;
      align-items: center;
      gap: 10px;
    }
    .stat-icon {
      font-size: 20px;
      color: #4b5563;
    }
.stat-icon i {
	font-size: 27px;
}
.stats-section h4 {
	font-size: 32px;
	color: #558a76;
}
	.stats-section p {
	text-align: left;
}
    .stat-value {
      font-size: 27px;
      font-weight: bold;
      color: #000000;
    }
    .stat-label {
      font-size: 14px;
      color: #000000;
      margin-top: -5px;
    }
=======
 .faq-answer.show ul li {
 	text-align: left;
 	font-family: Inter;
 	font-weight: 400;
 	font-style: Regular;
 	font-size: 18px;
 	leading-trim: NONE;
 	line-height: 150%;
 	letter-spacing: -2%;
 }

 .stats-section {
 	background: #fff;
 	border-radius: 20px;
 	padding: 90px 40px;
 	border: 1px solid #fff;
 	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 }
>>>>>>> Stashed changes

 .stat-item {
 	display: flex;
 	align-items: center;
 	gap: 10px;
 }

 .stat-icon {
 	font-size: 20px;
 	color: #4b5563;
 }

 .stat-icon i {
 	font-size: 27px;
 }

 .stats-section h4 {
 	font-size: 32px;
 	color: #558a76;
 }

 .stats-section p {
 	text-align: left;
 }

 .stat-value {
 	font-size: 27px;
 	font-weight: bold;
 	color: #000000;
 }

 .stat-label {
 	font-size: 14px;
 	color: #000000;
 	margin-top: -5px;
 }

 .counters {
 	display: grid;
 	grid-template-columns: 1fr 1fr;
 }

 .counters>div {
 	width: 100%;
 }

 .hero-content h1 {
 	font-size: 4rem;
 	font-weight: 800;
 	margin-bottom: 20px;
 	line-height: 100%;
 	color: var(--white-color);
 	font-family: var(--secondary-font);
 }

 .hero-content h2 {
 	font-size: 2.5rem;
 	color: var(--theme-color);
 	margin-bottom: 25px;
 	font-weight: 800;
 	line-height: 130%;
 	font-family: var(--secondary-font);
 }

 .hero-content p {
 	font-size: 1.125rem;
 	line-height: 1.5em;
 	margin-bottom: 30px;
 	font-family: var(--main-font);
 	color: var(--white-color);
 	max-width: 90%;
 }


 
 /* Responsive Design */
 @media (max-width: 768px) {

 	.stats-section {
 		background: #fff;
 		border-radius: 20px;
 		padding: 26px 15px;
 		border: 1px solid #fff;
 		box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
 	}

 	.counters {
 		display: grid;
 		grid-template-columns: 1fr;
 	}

 	.hero-heading {
 		font-size: 45px;

 	}

 	.team_Section .owl-nav {
 		display: flex;
 		justify-content: space-between;
 		position: absolute;
 		width: 100%;
 		bottom: 40%;
 		left: 0;
 	}

 	.team_Section .owl-nav span {
 		background: #558A76;
 		color: #fff;
 		padding: 6px 14px;
 		border-radius: 50%;
 		cursor: pointer;
 		user-select: none;
 		font-size: 20px;
 	}

 	.guide-card {
 		position: relative;
 		width: 100%;
 		height: 400px;
 		overflow: hidden;
 		border-radius: 10px;
 		cursor: pointer;
 		background-color: #000;
 		margin-left: auto;
 		box-shadow: 1px 4px 6px 5px #1c1b1a14;
 		z-index: 1;
 		margin-right: auto;
 	}

 	#form_section h2 {
 		font-size: 27px;
 		padding: 0 15px;
 	}

 	#form_section .container>p {

 		padding: 0 15px;
 		padding-bottom: 25px !important;
 	}

 	.faq-item .buttons {

 		padding: 17px 25px;

 		font-size: 16px;
 		font-weight: 500;
 	}

 	.faq-section h2 {
 		font-size: 27px;
 		padding: 0 15px;
 	}

 	.popup_custome .modal-content {
 		width: 100%;
 		max-width: 100%;
 		margin: 0 auto;
 		border-radius: 4px !important;
 	}

 	.pricing-section .container>h2 {
 		font-size: 27px;

 	}

 	.team_Section h2 {
 		font-size: 27px;
 		padding: 0 15px;
 	}

 	.testimonial h2 {
 		font-size: 27px;

 	}

 	.why_founder h2 {
 		font-size: 25px;

 	}

 	.videos h2 {
 		font-size: 27px;

 	}

 	.team_Section {
 		padding-bottom: 0 !important;
 	}

 	#case-study>p {
 		padding-left: 15px;
 		padding-right: 15px;
 	}

 	.pricing-section .container>h2,
 	.pricing-section .container>p {
 		padding: 0 15px !important;
 		padding-bottom: 15px !important;
 	}

 	.faq-item {
 		padding: 4px;

 	}

 	.faq-section>div>p {
 		border-bottom: 2px dashed #b3a9a9;
 		padding-bottom: 45px !important;
 		margin-bottom: 10px !important;
 		padding: 15px;
 	}

 	.play_buttons a.btn.btn-dark {
 		color: #fff !important;
 		padding: 5px 7px !important;
 		width: 38%;
 		background: #558a76;
 		border: none;
 	}

 	.guide-card:hover {
 		transform: unset !important;
 		position: relative;
 		z-index: 9;
 	}

 	.play_buttons {
 		margin-top: 30px;
 		/* display: grid !important; */
 		padding: 0 !important;
 	}

 	.how-it-works .container {
 		padding-bottom: 0 !important;
 	}

 	#monthly {
 		margin-top: 60px;
 	}

 	.play_buttons a {
 		text-decoration: none;
 		color: #000;
 		display: flex;
 		align-items: center;
 		gap: 7px;
 		justify-content: center;
 		font-size: 12px;
 		padding: 5px !important;
 	}

 	.modal-body .row .col-md-5 {
 		margin-bottom: 25px;
 	}

 	.guide-row {
 		display: grid;
 		flex-wrap: wrap;
 		gap: 20px;
 		justify-content: center;
 	}

 	.right-content>div:last-child {
 		display: grid;
 	}

 	.custom-footer h2 {
 		font-size: 32px !important;

 	}

 	.custom-footer .btn {
 		padding-top: 13px !important;
 		padding-bottom: 13px !important;

 		font-size: 18px;

 	}

 	.custom-footer h3 {
 		font-size: 85px !important;
 		color: #888;
 	}

 	.finacial {
 		width: 100%;
 		padding-left: 20px;
 		padding-right: 20px;

 	}

 	.testimonial-left>div {
 		height: auto !important;
 	}

 	.btn.btn-success img {
 		width: 17px !important;
 	}

 	#Construction .swiper-wrapper {
 		margin-bottom: 35px;
 	}

 	.faq-item h6 .faq-icon {

 		height: 35px;
 		display: flex;

 		border-radius: 50%;

 	}

 	.swiper-slide {
 		height: auto !important;
 	}

 	.hero-heading br {
 		display: none;
 	}

 	.hero-section {
 		padding: 65px 0;

 	}



 	.pricing-section .card {
 		width: 100%;
 		max-width: 95%;
 	}

 	.how-it-works .row>div:first-child::before {
 		content: "";
 		display: none;
 	}

 	.how-it-works .row>div:nth-child(2)::before {
 		content: "";
 		display: none;
 	}

 	main {
 		overflow: hidden !important;
 	}

 	.try-now h5 {
 		font-size: 26px;

 	}

 	.btn.btn-success {
 		font-size: 13px;

 	}

 	.faq-section>div {

 		padding-top: 47px;
 		padding-bottom: 47px;

 	}

 	.great_founds>div {

 		padding-top: 47px;
 		padding-bottom: 47px;
 	}

 	#form_section>div {
 		padding-top: 47px;
 		padding-bottom: 47px;

 	}

 	.why_founder .container>div.table {
 		padding: 20px 15px;
 		padding-top: 0 !important;
 	}

 	.form-container {
 		padding: 40px 15px;
 		max-width: 95%;

 	}

 	.compare-section {
 		border-radius: 10px;
 		overflow: hidden;
 		box-shadow: 0px 4px 16px 0px #558A7614;
 		width: 100%;
 		overflow: hidden;
 		overflow-x: scroll;
 	}

 	.compare-row {
 		display: flex;
 		flex-wrap: wrap;
 		padding: 10px;
 		background: #fff;
 		width: 1000px;
 		overflow-x: scroll;
 	}

 	.pricing-section .text-warning {

 		text-align: left;

 	}

 	.faq-answer.show {
 		width: 100%;
 		max-width: 100%;
 	}

 	.compare-col {
 		flex: 0 0 25%;
 		max-width: 100%;
 	}

 	.pricing-section .badge {
 		width: 100%;
 		max-width: 90%;
 		text-wrap: wrap;
 		margin-top: 35px;
 	}

 	.play-button i {
 		font-size: 22px;
 	}

 	.play-button {

 		width: 65px;
 		height: 65px;
 	}

 	.hero-btn {

 		font-size: 18px;

 	}

 	header .hero-btn {

 		margin-left: 0px !important;
 	}

 	#footer .mb-2.mb-md-0.small {
 		order: 4;
 	}

 	#cleanup .card>div {
 		border: 1px solid rgb(119, 115, 115);
 		padding: 29px 15px;
 		border-radius: 19px;
 		background: rgba(204, 204, 204, 0.18);
 	}

 	#cleanup {
 		margin-top: 35px !important;
 	}

 	.footer_deatails {
 		display: flex;
 		justify-content: space-between;
 		width: 100%;
 	}

 	.testimonial-left {
 		padding: 0 !important;
 		width: 100%;
 		flex-direction: unset !important;
 	}

 	.right-content {
 		width: 100%;
 	}

 	.testimonial .right-content .text-success {
 		margin-top: 0px;
 	}

 	.faq-answer p {
 		font-size: 16px;

 	}

 	.pricing-section .card>div {
 		padding: 30px 15px;
 	}

 	.compare-list li {
 		padding: 9px 6px;

 	}

 	.pricing-section .card ul li {
 		font-size: 16px;
 		display: flex;
 		align-items: start;
 		gap: 5px;
 	}

 	.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
 		position: relative;
 		top: 10px;
 	}

 	.how-it-works .container {
 		padding: 70px 15px;
 	}

 	.swiper-pagination-bullets {
 		margin-bottom: 25px;
 	}

 	.testimonial {
 		padding-bottom: 10px !important;
 	}

 	.testimonial .hero-btn.mt-5 {
 		margin-top: 0px !important;
 	}

 	.testimonial-card {
 		margin: 0 15px;
 		display: grid !important;
 	}

 	.custom-nav-tabs {
 		justify-content: flex-start;
 		overflow-x: auto;
 		flex-wrap: nowrap;
 		padding-bottom: 10px;
 	}


 	.custom-nav-tabs .nav-link {
 		flex-shrink: 0;
 	}

 	.resource-cards {
 		grid-template-columns: 1fr;
 		gap: 20px;
 	}

 	.card-main-title {
 		font-size: 1.2rem;
 	}

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

 	.hero-content p {
 		font-size: 1rem;
 		max-width: 100%;
 	}

 	.hero-content h1 {
 		font-size: 2.5rem;
 	}

 	.cp-cont .hero-content h1 {
 		font-size: 35px;
 	}
 }

 @media (max-width: 576px) {
 	.resources-section {
 		padding: 0px 10px;
 	}

 	.card-body {
 		padding: 20px;
 	}

 	.hero-content h1 {
 		font-size: 2rem;
 		line-height: 40px;
 	}


 }

 @media (max-width: 420px) {
 	.hero-content h1 {
 		font-size: 1.50rem;
 	}

 	.cp-cont .hero-content h1 {
 		font-size: 25px;
 	}

 	.hero-content h1 {
 		font-size: 1.559rem;
 		line-height: 33px;
 	}
 }

 @media (max-width: 1420px) {
	
 }