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

html,body {
	overflow-x: hidden;
}

* {
	margin: 0;
	padding: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 16px;
	/* font-family: "Roboto", serif; */
	/* color: #212529; */
    /* font-family: "Montserrat", serif;
    font-family: "Poppins", serif; */
	;
}

body {
	margin: 0;
	font-family: "Open Sans", sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	/* color: #212529; */
	background-color: #fff;
}
/* ======= COMMON ======== */
:root {
	--primary-color: #2d3e50;
	--secondary-color: #81007f;
	--bg-first: #4b0081;
	--bg-second: #1e1161;
	--bg-third: #218ecf;
}

a {
	text-decoration: none;
	color: var(--primary-color);
}

::-webkit-scrollbar {
	width: 5px;
}

::-webkit-scrollbar-track {
	background-color: #eee;
}

::-webkit-scrollbar-thumb {
	background-color: var(--bg-first);
	border-radius: 2px;
}

ol, ul {
	padding-left: 0;
}

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

.web-heading {
	font-weight: 800;
	color: #000;
	font-size: 38px;
	text-align: center;
	margin-top: 0px;
	text-transform: capitalize;
	font-family: "Poppins", serif;
}

li {
	list-style: none;
}

.display-4 span {
	font-weight: 700 !important;
	font-size: 3.5rem;
}

/* .shadow_b {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	border-bottom: 1px solid #ccc;
} */

.d_shadow {
	box-shadow: 0 .3rem 5rem rgba(0, 0, 0, .15);
}

.p-20 {
	padding: 20px;
}

.btn-close:focus {
	outline: 0;
	box-shadow: none;
}

.navigation_margin {
	margin-top: 75px;
}

b {
	color: var(--primary-color);
	font-weight: 800;
}

p {
	color: #777;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	font-family: "Open Sans", sans-serif;
}

.container_gutter {
	padding: 0 60px;
}
/* ======== Form Popup ========= */
.modal-content {
	border: none;
	border-radius: 0;
	overflow: hidden;
}

.form_popup_content {
	position: relative;
	border: 5px solid #fafaf0;
}

.btn-close.btn_close {
	position: absolute;
	right: 5px;
	top: 0px;
	background: none;
}

.btn-close.btn_close i {
	font-size: 30px;
	color: var(--bg-first);
}

.form-side {
	padding: 30px;
	background: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.form-side h5 {
	margin-bottom: 20px;
}

.btn.btn_submit {
	background: var(--primary-color);
	padding: 10px;
	border-radius: 0;
	color: #fff;
	font-weight: 800;
}

.btn.btn_submit:hover {
	background: var(--bg-first);
	color: #fff;
}

.btn-whatsapp {
	background-color: #25D366;
	color: white;
	font-weight: 600;
	padding: 10px;
}

.btn-whatsapp i {
	margin-right: 6px;
}

.img-side img {
	/* height: 500px; */
	width: 100%;
	object-fit: cover;
}

@media (max-width: 768px) {
	.img-side {
		display: none;
	}
}

/* ======= New Header ======== */
.menu-icons {
	width: 55px;
	padding-right: 15px;
}

.cosmos_logo {
	height: 80px;
	border-radius: 10px;
	position: absolute;
	top: 5px;
}

.header_menu {
	padding: 20px 0;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	/* background: #35055B; */
	border-bottom: 1px solid #cccccc78;
    /* background: linear-gradient(90deg, rgba(53, 5, 91, 1) 15%, rgba(255, 255, 255, 1) 100%, rgba(255, 255, 255, 1) 100%); */
	;
}

.btn-purple.btn_bg {
	background: #000;
	color: #fff;
	border-radius: 25px;
}

.navbar-dark .navbar-nav .nav-link {
	color: #000;
	font-weight: 500;
	padding-right: 20px;
	text-transform: capitalize;
}

.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: var(--secondary-color);
}

.navbar-dark .navbar-nav .nav-link:hover {
	color: var(--secondary-color);
}

.navbar-nav .dropdown-menu {
	position: static;
	top: 0px;
	border-top: 1px solid #81007f;
	border-radius: 0;
}

.main_header {
	color: #fff;
	/* background-image: url(../images/header-bg.jpg); */
	background-color: #fff;
	background-size: cover;
	background-position: bottom;
	background-repeat: no-repeat;
	position: relative;
	z-index: 1024;
}

/* .main_header:before {
	background-color: var(--bg-second);
	position: absolute;
	width: 100%;
	height: 100%;
	content: "";
	opacity: .5;
} */
/* Dropdown animation setup */
.dropdown-menu {
	display: block;
 /* override Bootstrap default to allow animation */
	max-height: 0;
	opacity: 0;
	overflow: hidden;
	transition: max-height 0.4s ease, opacity 0.4s ease;
	pointer-events: none;
}

/* Desktop: show dropdown on hover */
@media (hover: hover) {
	.nav-item.dropdown:hover .dropdown-menu {
		max-height: 500px;
		opacity: 1;
		pointer-events: auto;
	}
}

/* Mobile: show dropdown when Bootstrap adds .show class */
.nav-item.dropdown.show .dropdown-menu {
	max-height: 500px;
	opacity: 1;
	pointer-events: auto;
}

.hero-section .container-fluid {
	position: relative;
}

.gradient-text {
	/* background: linear-gradient(to right, #f9c80e, #f86624, #ea3546, #662e9b, #43bccd); */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-weight: bold;
	background-color: #cb6be6;
}

.hero-section {
	padding: 100px 0;
    /* background-color: rgba(0, 0, 0, 0.7); */
	background-image: url(../images/header-bg.jpg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.hero-section:before {
	background: linear-gradient(90deg, #000 -50%, #000 50%, transparent 100%);
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: "";
	opacity: .8;
}

.btn-purple {
	/* background: linear-gradient(to right, #2d3e50, #cb6be6); */
	background: #fff;
	border: none;
	color: #000;
	padding: 10px 30px;
	border-radius: 0;
	font-weight: 600;
}

.btn.btn-purple.v_ser {
	background: #cb6be6;
	color: #fff;
}

a.btn.btn-purple:hover {
	background: var(--bg-second);
	color: #fff;
}

button.btn.btn-purple:hover {
	background: #ffa500;
	color: #000;
}

.btn:hover {
	background-color: #fff;
	color: #000;
}

.card-custom {
	background-color: rgba(255, 255, 255, 0.1);
	border-radius: 15px;
	padding: 20px;
}

.progress {
	display: flex;
	height: .5rem;
	overflow: hidden;
	font-size: .75rem;
	background-color: #e9ecef;
	border-radius: .25rem;
}

.progress-bar {
	border-radius: 5px;
}

.tr-diffrence {
	display: flex;
	justify-content: space-between;
	margin-bottom: 5px;
}

.text-success {
	color: #19d57e !important;
}

.card-custom h5 {
	font-weight: 800;
}

.card-custom h4 {
	font-size: 15px;
	color: #ccc;
}

.card-custom strong {
	font-weight: 800;
	font-size: 20px;
	color: #fff;
}

.footer-info {
	font-size: 0.9rem;
	color: #ccc;
	margin-top: 20px;
}

@keyframes floatUpDown {
	0%, 100% {
		transform: translateY(0);
	}

	50% {
		transform: translateY(-20px);
	}
}

.animate-up-down {
	animation: floatUpDown 3s ease-in-out infinite;
}
/* ==== case studies === */
.case-card {
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	padding: 20px;
	height: 100%;
	transition: all 0.3s;
}

.case-card:hover {
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
}

.case-card img {
	width: 100%;
	border-radius: 0px;
	margin-bottom: 15px;
	object-fit: cover;
	height: 165px;
}

.case-meta {
	font-size: 0.875rem;
	color: #888;
}

.case-title {
	font-size: 1.1rem;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
}

.case-description {
	font-size: 0.95rem;
	margin-bottom: 10px;
}

.case-stats {
	font-size: 0.85rem;
	color: #555;
	margin-bottom: 10px;
}

.read-link {
	font-weight: 500;
	font-size: 0.9rem;
	color: #5e3bee;
	text-decoration: none;
}

.feature-icon {
	color: #7b2cbf;
	margin-right: 10px;
}

.section-content h2 {
	font-weight: 700;
}

.section-content span {
	color: #6c757d;
}

.feature-list {
	display: flex;
	flex-wrap: wrap;
	/* gap: 10px 40px; */
	;
}

.feature-item {
	flex: 0 0 48%;
	display: flex;
	align-items: start;
	margin-top: 15px;
}

.feature-item i {
	font-size: 1.1rem;
}

.service-card {
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 25px;
	background: #fff;
	height: 100%;
	transition: 0.3s;
	margin-top: 10px;
}

.service-card p, .benefit-box p {
	font-size: 14px;
	line-height: 1.7;
}

.service-card h5, .benefit-box h5 {
	color: var(--primary-color);
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
}

.service-card:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.service-icon {
	font-size: 2rem;
	color: #7b2cbf;
	margin-bottom: 15px;
}

.section-title span {
	color: #000;
	font-size: 40px;
}

.process-step {
	text-align: center;
	padding: 30px 20px;
	border: 1px solid #eeeeee7a;
}

.step-number {
	width: 60px;
	height: 60px;
	background-color: #3b4d63;
	color: #ff6f00;
	font-weight: bold;
	font-size: 1.25rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 15px;
}

/* .section-title span {
	color: #ff6f00;
	font-size: 2.5rem;
} */

.process-title {
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
}

.process-desc {
	font-size: 0.95rem;
	color: #d6d6d6;
}

.serices_processs {
	background: #2c3e50;
}

.stats-box {
	background-color: #ffffff;
	border-radius: 12px;
	box-shadow: 0 0 12px rgba(0,0,0,0.05);
	padding: 30px 20px;
	text-align: center;
}

.stats-icon {
	font-size: 24px;
	color: #7b2cbf;
	margin-bottom: 10px;
}

.stats-number {
	font-size: 25px;
	font-weight: 800;
	color: var(--primary-color);
}

.stats-label {
	color: #666;
	font-size: 0.95rem;
}

.section-heading span {
	color: #7b2cbf;
}
  /* ===== Servies ========== */
.inner_services {
	/* background: linear-gradient(90deg, #6a11cb 0%, #972877 100%); */
	background-color: var(--primary-color);
	color: #fff;
	padding: 60px 0;
}

.inner_services p {
	color: #ddd;
}

.card-boxes {
	border: 1px solid #eee;
	border-radius: 10px;
	transition: 0.3s;
	padding: 25px;
	background: #fefeff;
	margin-top: 20px;
}

.card-boxes p {
	font-size: 14px;
}

.card-boxes h5 {
	font-weight: 800;
	font-size: 20px;
	color: var(--primary-color);
}

.s_list {
	padding-left: 0px;
}

.s_list li {
	line-height: 1.9;
	font-size: 14px;
}

.s_list i {
	color: var(--bg-first);
	padding-right: 5px;
}

.card-boxes:hover {
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
}

.inner_services h1 {
	font-size: 2.75rem;
	font-weight: 700;
}

.inner_services p {
	font-size: 1.1rem;
	margin-top: 15px;
}

.stats-box p {
	font-size: 13px;
}

.service-buttons .btn {
	margin-right: 15px;
	margin-top: 25px;
}

.service-buttons .btn {
	background: #fff;
	color: var(--primary-color);
	font-weight: 600;
}

.bg-light.v_partner img {
	height: 500px;
	width: 100%;
	object-fit: cover;
}

.service_rgt-image img {
	max-width: 100%;
	object-fit: cover;
	height: 400px;
	border-radius: 12px;
	box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
}

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

	.service-buttons {
		justify-content: center;
	}
}
/* ======= Auto Type Slider ======= */
.typed-hero {
	height: 100vh;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	position: relative;
	color: #fff;
}

.overlay {
	position: absolute;
	inset: 0;
	background: rgb(0 0 0 / 83%);
	z-index: 1;
}

.typed-content {
	position: relative;
	z-index: 2;
	animation: fadeInUp 1.2s ease-out;
}

.typed-content h1 {
	font-size: 3.8rem;
	font-weight: bold;
	color: #fff;
}

.typed-content .typed-text {
	font-size: 2.8rem;
	color: var(--secondary-color);
	margin-top: 20px;
	min-height: 40px;
}

#typed {
	color: var(--secondary-color);
	font-size: 2.8rem;
	font-weight: 800;
	text-transform: uppercase;
}

.typed-content .btn {
	margin-top: 25px;
	padding: 10px 25px;
	border-radius: 50px;
}

.form-box {
	background: rgba(255,255,255,0.9);
	padding: 25px;
	border-radius: 10px;
	max-width: 400px;
	width: 100%;
	position: relative;
}

.form-box input, .form-box textarea {
	width: 100%;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid #ccc;
	border-radius: 6px;
}

.form-box button {
	width: 100%;
	padding: 10px;
	background-color: #007BFF;
	border: none;
	color: #fff;
	font-size: 1rem;
	border-radius: 6px;
	cursor: pointer;
}

.form-box button:hover {
	background-color: #0056b3;
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(40px);
	}

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

@media (max-width: 768px) {
	.typed-content h1 {
		font-size: 2rem;
	}

	.typed-content .typed-text {
		font-size: 1.2rem;
	}
}

.banner_clients_list {
	list-style: none;
	display: flex;
	justify-content: space-between;
	margin-top: 30px;
}

.banner_clients_list li {
	list-style: none;
	margin-right: 10px;
}

.righ_img {
	position: relative;
}

.img_first {
	position: absolute;
	right: 0;
	width: 230px;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.img_second {
	position: absolute;
	left: 60px;
	top: 90px;
	width: 230px;
	border: 1px solid #ddd;
	border-radius: 10px;
}

.img_third {
	position: absolute;
	right: 0;
	bottom: -550px;
	width: 230px;
	border: 1px solid #ddd;
	border-radius: 10px;
}

/* Banner Poligon Abstract */
#polygon-section {
	height: 70vh;
	width: 100%;
	position: relative;
	color: white;
	display: flex;
	align-items: center;
	justify-content: center;
      /* text-align: center; */
	;
}

.cosmos_slider:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	content: "";
	background: #000;
}

.content {
	z-index: 1;
	position: relative;
	/* background: #00000030; */
	padding: 20px;
	/* border: 1px solid #9e47e9; */
	border-radius: 50px;
}

.content h1 {
	font-size: 2rem;
	font-weight: 700;
	text-shadow: 0 0 15px rgba(0, 0, 0, 0.4);
}

/* .content p {
	font-size: 1.2rem;
	color: #ccc;
} */

#polygon-section canvas {
	z-index: 0 !important;
}

/* ======== Button ========  */
.prop_box:hover .button {
	color: #eee;
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	background: #0f172b;
	letter-spacing: 1px;
	font-weight: 400;
	width: 100%;
	border-radius: 0;
}

.button span {
	cursor: pointer;
	display: inline-block;
	position: relative;
	transition: 0.5s;
	color: #eee;
}

.button span:after {
	content: '\00bb';
	position: absolute;
	opacity: 0;
	top: 0;
	right: -20px;
	transition: 0.5s;
	color: var(--secondary-color);
}

.button:hover span {
	padding-right: 25px;
}

.button:hover span:after {
	opacity: 1;
	right: 0;
}

/* ========== Updated Services ========= */

.service-icon {
	font-size: 1.5rem;
	color: #7e3ff2;
	display: none;
}

.service-icon i {
	font-size: 20px;
	color: #8b5cf6;
}

.card {
	margin-top: 10px;
	padding: 1px;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 8px;
	background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #7900FF, #FF2377);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.card h5 {
	color: var(--primary-color);
}

.card-title {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.6;
	margin-bottom: 10px;
	color: var(--primary-color);
}

.card-text {
	font-size: 14px;
	line-height: 1.6;
	color: #777;
	font-weight: 500;
}

/* .section-title span {
	background: linear-gradient(to right, #2d3e50, #cb6be6);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
} */

.card:hover {
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
	transition: 0.3s;
}

.learn-more {
	color: #7e3ff2;
	text-decoration: none;
}

.learn-more:hover {
	text-decoration: underline;
}

.section-title {
	font-weight: 800;
	/* font-size: 40px; */
	color: #000;
	text-transform: capitalize;
}

.fa-arrow-right {
	font-size: 25px;
}

/* ======== update mesarable result ======== */
.cosmos_result {
	background: #f4f8fd;
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
	padding: 60px 0;
	background-image: url(../images/driving-measurable.jpg);
	position: relative;
}

.cosmos_result:before {
	background: #000;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	content: "";
	opacity: .7;
}
/* .highlight-text span {
      background: linear-gradient(to right, #2d3e50, #cb6be6);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    } */
.stat-box {
	background: #fff;
	border-radius: 12px;
	padding: 20px;
	text-align: center;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.stat-box h3 {
	font-weight: 700;
	color: var(--primary-color);
}

.chart-container {
	background: #fff;
	padding: 30px;
	border-radius: 16px;
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

/* ======== updated case study ======= */
.cosmos_study {
	background: #f9f8fc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.card-tag {
	font-size: 0.75rem;
	background-color: #e6e6fa;
	color: #6b21a8;
	font-weight: 600;
	padding: 4px 10px;
	border-radius: 12px;
	display: inline-block;
	margin-bottom: 8px;
}

.card-body a {
	font-weight: 600;
	color: var(--primary-color);
	text-decoration: none;
	font-family: "Poppins", sans-serif;
}

.card-body a:hover {
	text-decoration: underline;
}

.btn-gradient {
	background: #000;
	color: #fff;
	font-weight: 600;
	border: none;
	display: inline-block;
	padding: 15px 20px;
	border-radius: 0;
	border: 1px solid #000;
}

.btn-gradient:hover {
	background: #fff;
	color: #000;
	border: 1px solid #ddd;
}

.case-card {
	transition: all 0.3s ease-in-out;
	border: 0;
	border-radius: 0;
	background-image: none;
}

.case-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}

.card-img-top {
	border-top-left-radius: 0.5rem;
	border-top-right-radius: 0.5rem;
	border-bottom: 1px solid #ddd;
	height: 200px;
	object-fit: cover;
}

	/* ========= Updated Caurosel Client Says ======== */
	
.star-rating {
	color: #fbbf24;
	margin-bottom: 10px;
}

.testimonial-img {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	object-fit: cover;
	margin-right: 10px;
}
/* ====== updated Footer Contact ========= */
.cosmos_ffoter_contact {
	background: #f8fafc;
}

.gradient-text {
	/* background: linear-gradient(to right, #2d3e50, #cb6be6); */
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.contact-info i {
	font-size: 1.5rem;
	color: #fff;
	background-color: #7e3ff2;
	border-radius: 50%;
	padding: 10px;
	margin-right: 15px;
}

.form-label {
	margin-bottom: .5rem;
	font-size: 14px;
	color: var(--primary-color);
	font-weight: 600;
}

.form-section {
	background: #fff;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.05);
}

.gradient-btn {
	background: linear-gradient(to right, #2d3e50, #cb6be6);
	border: none;
	color: #fff;
	font-weight: 600;
	padding: 12px;
	border-radius: 6px;
	width: 100%;
}

.form-control,
    textarea {
	border-radius: 6px;
}

	
  /* ======= about ========== */
.section {
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #ddd;
}

.cosmos_about {
	position: relative;
}

.rqst-main-div {
	transform: rotate(270deg);
	position: absolute;
	right: -135px;
	bottom: 245px;
}

.rqst-call-div {
	position: relative;
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e9f3fd;
	border-radius: 30px;
	text-align: center;
	overflow: hidden;
	padding-bottom: 40px;
}

.rqst-call-div a:hover {
	box-shadow: inset -11em 0 0 0 var(--hover), inset 5em 0 0 0 var(--hover);
	color: #fff;
	transition: 0.75s;
}

.mid_about {
	position: relative;
}

.rqst-call-div a {
	background: #222;
	color: #fff;
	position: relative;
	border-radius: 30px;
	padding: 6px 23px;
	z-index: +99;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	top: 8px;
	transition: 0.75s;
}

.rqst-call-div .click {
	font-size: 26px;
	color: #164586;
	text-transform: uppercase;
	margin: 0;
}

.about_img {
	padding-right: 45px;
	position: relative;
}

.about_imgs {
	margin-left: -45px;
	border-radius: 10px;
}

.rqst-call-div span {
	font-weight: 700;
}

.rqst-call-div a {
	--color: #3498db;
	--hover: #000000;
}

.rqst-call-div:after {
	background: #ee592d;
	position: absolute;
	content: '';
	bottom: 0;
	overflow: hidden;
	z-index: 0;
	left: 0;
	height: 44px;
	width: 100%;
}

.ser_img {
	width: 100px;
	display: block;
	margin: auto;
	margin-top: 15px;
}

/* .card:hover .ser_img {
    filter: opacity(0.5);
} */
.card:hover .card-body a {
	color: var(--secondary-color);
}

/* .services_sec .card-body:before {
	position: absolute;
	background: #f4f4f4;
	content: "";
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .9;
}

.card-body.snd:before {
	background: var(--bg-third);
	opacity: 1;
}

.card-body.snd .sb_title, .card-body.snd .card-title.s_hds, .card-body.snd .card-text {
	color: #fff;
}

.card-body.third .sb_title, .card-body.third .card-title.s_hds, .card-body.third .card-text {
	color: #fff;
}

.card-body.third:before {
	background: #000;
}

.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0;
	border-radius: .25rem;
}

.card-body.fourth:before {
	background: #d4d4d4;
}

.card-body.fifth:before {
	background: #f2f2f2;
}

.card-body.six:before {
	background: #efe0c1;
}

.card-title.s_hds {
	font-size: 35px;
} */

.numb {
	position: absolute;
	bottom: -54px;
	right: 0px;
	font-size: 150px;
	color: #ffffff7d;
	opacity: .9;
}

.box-area {
	border: 1px solid #eee;
	overflow: hidden;
	border-radius: 15px;
	text-align: center;
	margin-bottom: 30px;
	box-shadow: #fff0 0 8px 24px;
	background-color: #fff;
}

.box-area p {
	background-color: #eee;
	color: #000;
	font-size: 16px;
	padding: 5px 0;
	width: 80%;
	margin: 0 auto;
	border-radius: 0 0 15px 15px;
}

.box-area h5 {
	font-weight: 800;
	font-size: 89px;
	line-height: 65px;
	color: #222;
	padding: 20px 0;
	font-family: "Rubik", sans-serif;
}

.box-area span {
	background-color: #ee592d;
	color: #fff;
	font-size: 16px;
	padding: 5px 0;
	display: block;
	width: 90%;
	margin: 0 auto;
	border-radius: 15px 15px 0 0;
	font-family: 'Poppins';
}

/* Globe */
.p_shape {
	position: absolute;
	left: -50px;
	top: 10px;
	width: 200px;
	height: 200px;
	opacity: .2;
	background: repeating-linear-gradient(#3b2f97, #a0338c 50px);
	clip-path: polygon(
    50% 0%,
    60% 40%,
    100% 50%,
    60% 60%,
    50% 100%,
    40% 60%,
    0% 50%,
    40% 40%
  );
	animation: 4s poly infinite alternate ease-in-out;
	margin: 10px auto;
}

@keyframes poly {
	from {
		clip-path: polygon(
      50% 0%,
      60% 40%,
      100% 50%,
      60% 60%,
      50% 100%,
      40% 60%,
      0% 50%,
      40% 40%
    );
	}

	to {
		clip-path: polygon(
      50% 30%,
      100% 0%,
      70% 50%,
      100% 100%,
      50% 70%,
      0% 100%,
      30% 50%,
      0% 0%
    );
	}
}

/* ======= Services ======== */
.secion004 {
	background-image: url(../images/bg003.png);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: bottom right;
	background-attachment: fixed;
}

.servicebox0001 {
	float: left;
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	min-height: 230px;
	margin-bottom: 20px;
}

.servicebox0001 h3 {
	font-size: 22px;
	color: #25373f;
	line-height: 27px;
	margin-top: 12px;
}

.servicebox0001 p {
	color: #000;
	font-size: 14px;
	margin-bottom: 0px;
	font-weight: 400;
}

.servicebox0001 p span {
	font-weight: 600;
	color: #ff541e;
}

.servicebox0001hed {
	float: left;
	width: 100%;
	height: auto;
	min-height: 230px;
	margin-bottom: 20px;
}

.servicebox0001hed h3 {
	font-size: 40px;
	font-weight: 700;
	color: #fff;
	margin-bottom: 10px;
}

.servicebox0001hed p {
	color: #fff;
	font-size: 20px;
}

.btnhover {
	float: left;
	width: 100%;
	margin-top: 20px;
	text-align: center;
}

.btnhover a {
	background-color: #ff541e;
	color: #fff;
	border: 0px;
	padding: 12px 25px;
	border-radius: 5px;
	font-weight: 500;
}

/* Process */
.process {
	background: #fafaf0;
}

.process-box {
	cursor: pointer;
    /* box-shadow: rgb(23 43 99 / 11%) 0 5px 2px; */
	;
}

.process-box .card {
	padding: 5px 15px;
}
/* .card {
    border: none !important;
    padding: 10px !important;
} */
.icon-bar {
	position: relative;
	color: #9c9c9c;
	font-size: 60px;
}

.bi-volume-up::before {
	content: "\f611";
}

.arrow-img {
	height: 115px;
	position: absolute;
	left: 75px;
	top: 0;
}

.process-box .card i {
	color: #414141;
	font-size: 30px;
}

.list-icon li {
	padding: 10px 0px 10px 0;
}

.list-icon i {
	color: #0088cc;
	padding-right: 10px;
}

.card-body h4 {
	padding-top: 30px;
	font-size: 26px;
}


/* Portfolio */
.project_portfolio {
	background: #f3f4f6;
}

.project_portfolio .card {
	padding: 0;
	border: 0;
}

.portfolio-item {
	cursor: pointer;
	transition: transform 0.2s ease-in-out;
}
/* .portfolio-item:hover {
transform: scale(1.03);
} */
.filter-btn.active {
	background-color: var(--secondary-color);
	color: #fff;
	border: 1px solid var(--secondary-color);
}

.btn-outline-primary {
	color: #000;
	background: #fff;
	border-color: transparent;
    /* border: none; */
	;
}

.btn-outline-primary:hover {
	color: #000;
	background-color: var(--secondary-color);
	border-color: var(--secondary-color);
}

.project_portfolio .card-body {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	width: 70%;
	text-align: center;
	/* opacity: 0; */
	;
}

.btn-check:active+.btn-outline-primary:focus, .btn-check:checked+.btn-outline-primary:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus, .btn-outline-primary:active:focus {
	box-shadow: none;
}

.project_portfolio .card .card-body {
	opacity: 0;
	transition: all ease .5s;
}

.project_portfolio .card:hover .card-body {
	opacity: 1;
	transition: all ease .5s;
}

.project_portfolio img {
	filter: brightness(0.5);
}

.project_portfolio img:hover {
	filter: brightness(0.2);
}

/* ======= Testimonials ======== */
.testimonial-section {
	padding: 60px 0;
}

.testimonial-card {
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	padding: 2rem;
	text-align: center;
	margin: 5px;
}

.testimonial-img {
	width: 70px;
	height: 70px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #0d6efd;
	margin-bottom: 1rem;
}

.testimonial-name {
	font-weight: 600;
	margin-top: 0.5rem;
}

.testimonial-text {
	font-style: italic;
	color: #555;
	font-size: 0.95rem;
}

.carousel-control-prev-icon,
    .carousel-control-next-icon {
	background-color: rgba(0, 0, 0, 0.6);
	border-radius: 50%;
	padding: 10px;
}

@media (max-width: 767px) {
	.carousel-item .col-md-6 {
		flex: 0 0 100%;
		max-width: 100%;
	}
}
/* ====== Reach Engaging ====== */
.secton_reach {
	padding-top: 50px;
	padding-bottom: 50px;
	/* border-bottom: 1px solid #ddd; */
}

.sub_hds {
	font-size: 20px;
	font-weight: 800;
	color: #414141;
}

.btn-industry {
	/* background: linear-gradient(135deg, #cb6be6, #FF2377); */
	background-color: #ddd;
    color: #000;
    font-weight: 500;
    text-transform: capitalize;
    margin: 8px;
    padding: 10px 20px;
    border-radius: 6px;
    border: none;
}

.btn-industry:hover {
	background-color: #000;
	color: #fff;
}

/* ======= Boost ======== */
.boost-section {
	background-color: #fafaf0;
    padding: 60px 20px;
    position: relative;
    margin-top: 50px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.boost_img {
	position: absolute;
	left: 0;
	top: -50px;
}

.boost-content h6 {
	text-transform: uppercase;
	color: #2e1b5f;
	font-weight: 600;
	letter-spacing: 1px;
}

.boost-content h1 {
	color: #2e1b5f;
	font-size: 2.5rem;
	font-weight: 800;
	margin: 15px 0;
}

.boost-content p {
	color: #555;
	font-size: 16px;
	max-width: 500px;
}

.btn-cta {
	background-color: #000;
	color: #fff;
	border: none;
	padding: 12px 30px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-radius: 6px;
}

.btn-cta:hover {
	background-color: var(--secondary-color);
	color: #fff;;
}

/* ========== FAQ ========= */
.faq-section {
   padding-top: 2rem;
    border-bottom: 1px solid #ddd;
    background: #f9f8fc;
    margin-top: 0;
}

/* #accordionExample {
    padding-left: 140px;
} */

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fafaf0;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
    font-weight: 600;
    font-size: 16px;
}

.accordion-button {
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.accordion-body {
    padding: 1rem 1.25rem;
    line-height: 1.9;
}

/* ======= about ========== */
.cosmos_about {
	background-color: #feeee9;
}

.aboutt_img {
	height: auto;
	object-fit: cover;
}

.lead {
	font-size: 16px;
	font-weight: 400;
	color: #fff;
}

.read_more {
	font-weight: 600;
	color: var(--primary-color);
	text-decoration: none;
	font-family: "Poppins", sans-serif;
	text-align: start;
	display: inline-block;
	margin-top: 25px;
	margin-left: 20px;
}

.rqst-main-div {
	transform: rotate(270deg);
	position: absolute;
	right: -135px;
	bottom: 245px;
}

.rqst-call-div {
	position: relative;
	width: 100%;
	padding: 20px;
	margin: 0 auto;
	background: #fff;
	border: 1px solid #e9f3fd;
	border-radius: 30px;
	text-align: center;
	overflow: hidden;
	padding-bottom: 40px;
}

.rqst-call-div a:hover {
	box-shadow: inset -11em 0 0 0 var(--hover), inset 5em 0 0 0 var(--hover);
	color: #fff;
	transition: 0.75s;
}

.mid_about {
	position: relative;
}

.rqst-call-div a {
	background: #222;
	color: #fff;
	position: relative;
	border-radius: 30px;
	padding: 6px 23px;
	z-index: +99;
	font-weight: 500;
	font-size: 20px;
	text-transform: uppercase;
	top: 8px;
	transition: 0.75s;
}

.rqst-call-div .click {
	font-size: 26px;
	color: #164586;
	text-transform: uppercase;
	margin: 0;
}

/* ====== PROPERTY LIST ======== */
.view_property a {
	color: var(--c-white-color);
}

/* .prop_box:hover .prop_image {
    filter: grayscale(1);
} */

.prop_box {
	border: 1px solid #ddd;
	position: relative;
	margin-top: 25px;
	overflow: visible;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	background: #fff;
	transition: all ease .5s;
}

.prop_box:hover {
	transform: translate(0, -5px);
	-webkit-box-shadow: 0 8px 6px -6px #aba6a6;
	-moz-box-shadow: 0 8px 6px -6px #aba6a6;
	box-shadow: 0 8px 6px -6px #aba6a6;
}

.prop_image img {
	height: 250px;
	width: 100%;
	object-fit: fill;
	filter: brightness(0.8);
}

.prop_content i {
	color: var(--primary-color);
	margin-right: 5px;
}

.prop_box p {
	padding: 0 0 10px;
	color: #525151;
	font-weight: 500;
	border-bottom: 1px solid #f3f3f3;
	font-size: 14px;
}

/* .demn_enq {
	display: flex;
	justify-content: space-between;
} */

.dm_btn {
	padding: 10px 15px;
	cursor: pointer;
	font-weight: 700;
}

.prop_type {
	position: absolute;
	top: 5px;
	left: -6px;
	background: #fff;
	padding: 5px 10px;
	text-align: center;
	color: var(--primary-color);
	font-weight: 600;
	font-size: 14px;
	border-right: 5px solid var(--secondary-color);
}

a:hover {
	color: var(--primary-color);
}

.prop_ttl {
	font-size: 20px;
	font-weight: 800;
	color: #0d263c;
	margin-bottom: 15px;
	display: block;
	font-family: "Montserrat", serif;
}

.property_list .owl-carousel .owl-item img {
	display: block;
	width: 100%;
	filter: brightness(0.5);
}

.prop_content {
	padding: 20px 15px;
}

.demn_enq a {
	color: var(--primary-color);
	text-transform: uppercase;
	font-size: 15px;
	display: none;
}

.dm_btn.Enq_color {
	color: #eee;
	display: block;
	text-align: center;
	border: 1px solid #ccc;
	background: #0f172b;
	letter-spacing: 1px;
	font-weight: 400;
	width: 100%;
	border-radius: 0;
}

/* background animation */
@keyframes backgroundgradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}


/* ========= ABOUT US ======== */
.about-section {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
	max-width: 1200px;
	margin: auto;
}

.about-image {
	flex: 1 1 500px;
	padding: 20px;
	text-align: center;
}

.about-image img {
	width: 100%;
	max-width: 500px;
	border-radius: 12px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.about-text {
	flex: 1 1 500px;
	padding: 20px;
}

.about-text h2 {
	font-size: 2.2rem;
	color: #0066ff;
	margin-bottom: 20px;
}

.about-text p {
	font-size: 1.1rem;
	line-height: 1.7;
}

@media (max-width: 768px) {
	.about-section {
		flex-direction: column;
		text-align: center;
	}

	.about-text h2 {
		font-size: 1.8rem;
	}
}



/* ======= Start Query Popup Form ========== */
.form-control.update_field {
	margin-bottom: 10px;
	border-radius: 0;
	padding: 10px 20px;
}

.proj_img img {
	width: 100%;
}

.f_close {
	width: 20px;
}

.ph_message {
	text-align: center;
}

.dropdown-item.active, .dropdown-item:active {
	color: #fff;
	text-decoration: none;
	background-color: transparent;
}

.ph_message h2 {
	color: #615151;
	font-size: 18px;
	font-weight: 400;
	display: block;
	margin-bottom: 20px;
	line-height: 1.4;
	margin-top: 10px;
}

.e_call {
	font-weight: 800;
	color: var(--secondary-color);
}

.ph_message h3 {
	color: #414141;
	font-size: 16px;
	margin-bottom: 20px;
	line-height: 1.4;
	text-transform: capitalize;
}

.form-messages {
	color: var(--bg-primary-color);
	text-align: center;
	margin-bottom: 20px;
	font-weight: 600;
}

.q_form_img img {
	width: 100%;
	height: 380px;
	object-fit: cover;
}

.modal-content.form_design {
	background: #fff;
	border: 5px solid #fff;
	border-radius: 0;
}

.v_mores {
	position: absolute;
	display: flex;
	bottom: 0;
	left: 6px;
	background: #be9f68;
	border: 5px;
	font-size: 15px;
	text-align: center;
	padding: 15px 30px;
    /* transform: translate(-50%, -50%); */
	cursor: pointer;
	color: #fff;
	width: 90%;
	text-transform: uppercase;
	justify-content: center;
}

.form-control.tpfrm {
	margin-bottom: 10px;
	border-radius: 0;
	padding: 10px 20px;
}

.query_popup .btn-close {
	position: absolute;
	right: 0;
	top: 0px;
	z-index: 9;
	opacity: 1;
	background: transparent;
}

.q_form button.close {
	position: absolute;
	right: 6px;
	top: -3px;
	color: #fff;
	text-shadow: none;
	font-size: 35px;
	opacity: 1;
	border: 0;
	width: 30px;
	height: 30px;
	background: transparent;
}

.q_form button.close {
	font-size: 15px;
}

.form_tags {
	text-align: center;
	color: #495057;
	line-height: 1.7;
	font-size: 17px;
	margin-bottom: 20px;
}

.frm-btn {
	color: #fff;
	background: #FF9800;
	border-radius: 0px;
	border: 0;
	padding: 10px 30px;
	text-transform: uppercase;
	margin-top: 10px;
	text-align: center;
	margin: auto;
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
}

.form-control.input_fields {
	height: calc(2em + 0.75rem + 2px);
	border-radius: 0;
	margin-bottom: 10px;
}

textarea.form-control {
	height: auto;
	border-radius: 0;
}

.close_one {
	z-index: 99;
	position: absolute;
	top: -27px;
	background: #fff;
	opacity: 1;
	right: 0;
	border-radius: 50%;
	padding: 5px;
}

.query_popup .modal-content {
	border-radius: 0px;
}

.query_message small {
	padding: 10px 0;
	display: block;
	font-size: 17px;
	color: var(--text-secondry-color);
	text-align: center;
	letter-spacing: 1.2px;
}

.btn.submit_btn.frm-btn {
	background-color: var(--bg-black-color);
	color: var(--text-white-color);
	border-radius: 0;
	padding: 10px 30px;
}

.btn-close:focus {
	outline: 0;
	box-shadow: none;
	opacity: 1;
}

.error-msg {
	color: red;
	margin-bottom: 10px;
	display: block;
}

.form-list {
	list-style: none;
}

.form-list li {
	margin-top: 10px;
}

.form-list li span img {
	height: 35px;
}

.sp-call {
	border: 1px solid #fff;
	color: #fff;
	margin-top: 10px !important;
	padding: 10px 25px;
	border-radius: 25px;
	background: #c75925;
	display: block;
	margin: auto;
	width: 55%;
	font-weight: 800;
	text-align: center;
}

.sp-call:hover {
	color: #fff;
}

.sp-sub-form {
	padding: 10px 30px;
	border: none;
	background: linear-gradient(135deg, #0066ff, #00ccff);
	box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 5px 0px;
	/* background: #0f172b; */
	/* background: linear-gradient(-45deg, #024b9f, #f58220, #15273c, #fea116);
	animation: backgroundgradient 15s ease infinite; */
	background-size: 400% 400%;
	margin-bottom: 20px;
	border-radius: 25px;
	color: #fff;
	width: 250px;
	font-size: 18px;
	text-transform: capitalize;
	display: block;
	margin: auto;
	font-weight: 600;
	margin-top: 20px;
}

/* ======== Footer Form ======== */
.footer-contact {
	background: url('https://images.unsplash.com/photo-1521791136064-7986c2920216?auto=format&fit=crop&w=1600&q=80') no-repeat center center/cover;
	position: relative;
	color: #fff;
	padding: 60px 20px;
}

.form-control.f_fields {
	padding: 15px 20px;
	border-radius: 0;
}

.form-side h5 {
	font-family: "Roboto", serif;
	text-align: center;
	font-size: 17px;
}

.footer-overlay {
	position: absolute;
	inset: 0;
      /* background-color: rgba(0, 0, 0, 0.7); */
	background: linear-gradient(to right, #bc378a 50%, #387ce1 13%);
	background-image: linear-gradient(to right, #322d94, #bc378a);
}

.footer-content {
	position: relative;
	z-index: 1;
}

.footer_social i {
	font-size: 30px;
	color: #eee;
}

.footer-contact h2 {
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 30px;
}

.footer-contact input,
.footer-contact textarea {
	border-radius: 0;
	background-color: rgba(255, 255, 255, 0.9);
}

.footer-contact .btn {
	border-radius: 50px;
}

.social-icons a {
	color: #0dcaf0;
	font-size: 1.2rem;
	margin-right: 15px;
	transition: color 0.3s ease;
}

.social-icons a:hover {
	color: #fff;
}

/* ========= seo Service process ====== */
.seo_serices_processs {
	background: var(--primary-color);
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.step-box {
	background-color: #4b4b82;
	border-radius: 8px;
	padding: 15px 20px;
	margin-bottom: 30px;
	color: #fff;
}

/* .step-number {
	background-color: #ff6600;
	color: #fff;
	font-weight: bold;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 10px auto;
} */
    /* .section-title {
      color: #ffa500;
    } */
.step-row {
	align-items: center;
}

.step-text {
	max-width: 100%;
}
/* ======== Benifits SEO ======== */
.section-heading {
	font-weight: bold;
}

.section-heading span {
	color: #7e5bef;
}

.benefit-box {
	background-color: #fff;
	border-radius: 8px;
	padding: 25px;
	box-shadow: 0 0 15px rgba(0,0,0,0.05);
	transition: transform 0.3s;
	height: 100%;
}

.benefit-box:hover {
	transform: translateY(-5px);
}

.benefit-icon {
	font-size: 24px;
	color: #7e5bef;
	margin-bottom: 10px;
}	

/* Start New Banner */
.cos_banner {
	background: #f8f8f8;
	border-bottom: 1px solid #ddd;
}

.b_img {
	width: 100%;
	border-radius: 20px;
	height: 400px;
	object-fit: cover;
	position: relative;
}

.metric-box h3 {
	color: #000;
	font-weight: 800;
	font-size: 50px;
}

.metric-box p {
	color: #6a6a6a;
    /* font-weight: 800; */
	font-size: 16px;
}

.main-heading {
	font-size: 50px;
	font-weight: 800;
	color: #000;
    /* text-transform: capitalize; */
    /* line-height: 1.4; */
	font-family: "Poppins", serif;
}

.sub-heading {
	font-size: 2.5rem;
	font-weight: bold;
	color: #000;
}

.description {
	color: #777;
	font-size: 1rem;
	margin: 20px 0;
}

.btn-black {
	background-color: black;
	color: #fff;
	padding: 10px 30px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	font-weight: 600;
	border: 1px solid transparent;
}

.btn_colr.btn-black {
	background: #fff;
	color: #000;
	border: 1px solid #000;
}

.btn-black:hover {
	background-color: black;
	color: #fff;
	padding: 10px 30px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	border: 1px solid transparent;
}

.metric-box {
	background: #f0f0f0;
	padding: 20px;
	border-radius: 10px;
	margin: 10px;
}

.chart-bar {
	width: 20%;
	background-color: #8bd66b;
	height: 60px;
	margin: 5px;
	border-radius: 5px;
}

.chart-bar:nth-child(2) {
	height: 80px;
}

.chart-bar:nth-child(3) {
	height: 110px;
}

.chart-bar:nth-child(4) {
	height: 140px;
}

.logo-bar img {
	max-height: 30px;
	margin-right: 20px;
	filter: contrast(0.5);
}

.right-img {
	max-width: 100%;
	border-radius: 10px;
}

/* ======= Start Inner Page ========= */
.inner_banner {
	background-color: var(--primary-color);
	/* background: linear-gradient(to right, #492d97, #972877); */
	color: #fff;
	padding: 100px 20px;
	text-align: center;
}

.inner_banner h1, .inner_banner p {
	color: #fff;
}

.form-control.input_field {
	border-radius: 0;
	padding: 15px 20px;
	margin-bottom: 15px;
}

.form-control.input_field {
	border-radius: 0;
	padding: 10px 20px;
	margin-bottom: 15px;
}

.form-select {
	border-radius: 0;
	padding: 15px 20px;
	margin-bottom: 15px;
}
/* .navbar-brand img {
	height: 50px;
}
.btn-orange {
	background-color: #ff7b00;
	color:#fff;
	border: none;
}
.btn-orange:hover {
	background-color: #e06700;
} */

/* ===== PPC Services ====== */
.highlight {
	color: #ffb347;
	font-size: 2.75rem;
	font-weight: 700;
}

.highlight-2 {
	color: #ff6b6b;
	font-size: 2.75rem;
	font-weight: 700;
}

.stats-box {
	background: white;
	color: black;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
	position: relative;
}

.badge-custom {
	position: absolute;
	top: -15px;
	right: -15px;
	background: orange;
	color: #fff;
	padding: 5px 10px;
	border-radius: 20px;
	font-size: 0.8rem;
}

.btn-started {
	background-color: #8e44ad;
	color: #fff;
	border: none;
}

.btn-started:hover {
	background-color: #732d91;
}

.section-title {
	text-align: center;
	margin-bottom: 1.5rem;
}

.section-title h2 span {
	color: #a933e3;
}

.card-box {
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 25px;
	box-shadow: 0 5px 15px rgba(0,0,0,0.05);
	height: 100%;
	transition: all 0.3s ease-in-out;
}

.card-box:hover {
	box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.card-box h5 {
	font-weight: 600;
	margin-bottom: 15px;
}

.card-box ul {
	padding-left: 1rem;
}

.card-box ul li {
	list-style-type: disc;
	margin-bottom: 5px;
      /* color: #6c63ff; */
	;
}

.icon-box {
	font-size: 24px;
	color: #6c63ff;
	margin-bottom: 10px;
}

/* .process-step {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin: 2rem 0;
} */

.process-box {
	background-color: #fff;
	border-radius: 10px;
	padding: 20px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	width: 100%;
}

.step-badge {
	width: 40px;
	height: 40px;
	background-color: #a933e3;
	color: #fff;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	margin: 0 20px;
	flex-shrink: 0;
}

.ppc_serices_processs {
	border-top: 1px solid #ddd;
}

.reverse {
	flex-direction: row-reverse;
}

@media (max-width: 768px) {
	.process-step {
		flex-direction: column !important;
		text-align: center;
	}

	.step-badge {
		margin: 10px auto;
	}
}

.platform-card {
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 0 8px 16px rgba(0,0,0,0.05);
	transition: transform 0.2s;
	height: 100%;
	margin-top: 20px;
}

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

.platform-img {
	width: 100%;
	height: 220px;
	object-fit: cover;
}

.platform-body {
	padding: 15px 20px;
}

.platform-body p {
	margin: 0;
}

.platform-body h6 {
	font-size: 20px;
	font-weight: 800;
}

.platform-links {
	padding: 0 20px 20px;
}

.platform-links a {
	display: inline-block;
	margin: 5px 8px 0 0;
	font-size: 0.875rem;
	background-color: #f3f3f3;
	padding: 6px 10px;
	border-radius: 5px;
	text-decoration: none;
	color: #333;
	transition: background-color 0.2s;
}

.platform-links a:hover {
	background-color: #e0e0e0;
}

.feature-item {
	margin-bottom: 1.5rem;
}

.feature-item i {
	color: #a933e3;
	margin-right: 10px;
	margin-top: 5px;
}

.performance-box {
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
	padding: 25px;
}

.performance-box h6 {
	font-weight: 800;
	text-align: center;
}

.metric-label span {
	font-size: 14px;
	margin-bottom: 10px;
	color: var(--primary-color);
}

.progress-bar {
	background-color: #a933e3;
}

.metric-label {
	font-size: 0.875rem;
	display: flex;
	justify-content: space-between;
	margin-top: 15px;
}
/* ======= social media services ========== */
.social_media_ser {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.platform-box {
	border: 1px solid #ddd;
	padding: 10px;
	border-radius: 20px;
}

.content-box h5 {
	color: var(--primary-color);
}

.content-box p {
	color: #6c757d;
}

.hero-content {
	padding: 60px 0;
}

.hero-title span {
	color: #fecd3b;
}

.hero-btn {
	background-color: #fff;
	color: var(--primary-color);
	border: none;
	padding: 10px 20px;
	font-weight: 500;
}

.hero-btn:hover {
	background-color: #f3f3f3;
}

.btn-outline-light-custom {
	border: 1px solid #fff;
	color: #fff;
	background: transparent;
	padding: 10px 20px;
	font-weight: 500;
}

.btn-outline-light-custom:hover {
	background-color: #fff;
	color: var(--primary-color);
}

.stats-box {
	background: #fff;
	color: #000;
	border-radius: 12px;
	padding: 25px;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
	border: 2px solid var(--secondary-color);
}

.stat {
	padding: 15px;
	border-radius: 10px;
	margin-bottom: 15px;
	text-align: center;
}

.stat h5 {
	font-weight: bold;
	margin-bottom: 5px;
}

.stat p {
	margin: 0;
	font-size: 0.875rem;
}

.bg-blue {
	background-color: #e7f0ff;
}

.bg-purple {
	background-color: #f1eaff;
}

.bg-yellow {
	background-color: #fff5e6;
}

.bg-green {
	background-color: #ebfff3;
}

.service-box {
	background-color: #f8f9fa;
	padding: 20px;
	border-radius: 10px;
	height: 100%;
	text-align: left;
	border: 1px solid #ddd;
}

.service-box h5, .platform-box h5, .reason-box h5, .icon-box h5 {
	color: var(--primary-color);
}

.service-box p, .platform-box p, .reason-box p, .icon-box p {
	color: #6c757d;
	font-size: 14px;
}

.icon-box p {
	margin-bottom: 0;
}

.icon {
	font-size: 1.5rem;
	color: #6c63ff;
	margin-bottom: 10px;
}

.reason-box {
	background-color: #f8f9fa;
	padding: 20px;
	border-radius: 10px;
	text-align: center;
	height: 100%;
	border: 1px solid #ddd;
}

.icon {
	font-size: 1.5rem;
	color: #6c63ff;
	margin-bottom: 10px;
}

.timeline {
	position: relative;
	margin: 2rem auto;
	padding: 2rem 0;
	max-width: 900px;
}

.timeline::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 50%;
	width: 2px;
	background: #6c63ff;
	transform: translateX(-50%);
}

.timeline-step {
	position: relative;
	margin: 2rem 0;
}

.timeline-step .circle {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 20px;
	height: 20px;
	background-color: #6c63ff;
	border-radius: 50%;
	z-index: 1;
}

.timeline-step .content-box {
	background: #f8f9fa;
	padding: 1.5rem;
	border-radius: 10px;
	width: 100%;
}

.left {
	text-align: right;
}

@media (min-width: 768px) {
	.timeline-step {
		display: flex;
		align-items: center;
	}

	.timeline-step.left .content-box {
		margin-right: auto;
		text-align: right;
		max-width: 45%;
	}

	.timeline-step.right .content-box {
		margin-left: auto;
		text-align: left;
		max-width: 45%;
	}

	.timeline-step .circle {
		top: 50%;
		transform: translate(-50%, -50%);
	}
}

/* ========= Website Page =========== */
.icon-box {
	border: 1px solid #e5e5e5;
	border-radius: 12px;
	padding: 20px 15px;
	text-align: center;
	transition: all 0.3s ease;
	height: 100%;
}

.card-boxes .icon-box {
	border: none;
	padding: 0;
	text-align: start;
}

.step-box {
	border: 2px solid var(--secondary-color);
	border-radius: 12px;
	padding: 2rem;
	text-align: center;
	height: 100%;
	position: relative;
	transition: all 0.3s ease;
}

.invest_in_ppc {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.invest_in_ppc p {
	font-size: 14px;
	color: #ddd;
}

.step-box p {
	font-size: 14px;
	line-height: 1.7;
	font-weight: 400;
	margin-bottom: 0;
	color: #ddd;
}

.step-box:hover {
	box-shadow: 0 10px 20px rgba(0,0,0,0.05);
	transform: translateY(-5px);
}

.step-box i {
	font-size: 2rem;
	color: #8e44ec;
	margin-bottom: 1rem;
}

.step-number {
      /* position: absolute; */
	top: -15px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #8e44ec;
	color: #fff;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 50%;
	font-size: 0.9rem;
	font-weight: bold;
}

  

	
/* ====== contact page ======= */
.contact-section {
	padding: 60px 0;
}

.contact-box {
	background-color: #f9f9f9;
	padding: 30px;
	border-radius: 10px;
}

.contact-box i {
	font-size: 15px;
	background-color: #8b5cf61a;
	padding: 18px;
}

.social-icons a {
	margin-right: 15px;
	color: #555;
	font-size: 1.2rem;
}

.social-icons a:hover {
	color: #6c63ff;
}

.btn-send {
	background-color: var(--primary-color);
	color: #fff;
	font-weight: 500;
	padding: 15px;
	border-radius: 0;
}

.fa-phone-alt {
	transform: rotate(90deg);
}

.btn-send:hover {
	background-color: var(--primary-color);
	color: #fff;
}

/* About Us Page */
.our-story {
	padding: 60px 0;
	position: relative;
	background: #fafaf0;
}

.our-story img {
	width: 100%;
    /* padding-right: 20px; */
	height: 325px;
	object-fit: cover;
	display: block;
	border-radius: 10px;
}

/* .our-story h2 {
	color: var(--primary-color);
	font-weight: bold;
} */

.stats {
	color: var(--primary-color);
	font-weight: 700;
	font-size: 1.5rem;
}

.ab_box {
	border: 1px solid transparent;
	border-radius: 8px;
	background-image: linear-gradient(#fff, #fff), linear-gradient(45deg, #7900FF, #FF2377);
	background-origin: border-box;
	background-clip: content-box, border-box;
}

.box_pad {
	padding: 10px;
	background: #fafaf0;
}

.stat-label {
	font-size: 0.95rem;
	color: #666;
}

.rounded-shadow {
	border-radius: 12px;
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
/* ====== Core Value ======== */
.core-values {
	padding: 60px 0;
	background-color: #f8f9fc;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.core-values h2 {
	font-weight: 800;
	font-size: 40px;
	color: var(--primary-color);
}

.value-card {
	background: #fff;
	border: 1px solid #eee;
	border-radius: 10px;
	padding: 25px;
	margin-bottom: 20px;
	height: 100%;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
	transition: transform 0.3s ease;
}

.value-card p {
	font-size: 14px;
	line-height: 1.7;
}

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

.value-card i {
	font-size: 1.8rem;
	color: #8e24aa;
	margin-bottom: 10px;
}

.value-title {
	font-weight: 700;
	color: var(--primary-color);
	margin-bottom: 10px;
	font-size: 25px;
}
/* ========= START FOOTER ======== */

.pr_footer {
	background-color: rgb(43 61 79);
	color: rgb(209 213 219);
}

.pr_footer p, .pr_footer a {
	line-height: 1.8;
	font-size: 15px;
	font-weight: 400;
}

.pr_footer h5 {
	color: #fff;
	margin-bottom: 20px;
}

.pr_footer h5 span {
	font-weight: 700 !important;
	font-size: 1.25rem;
}

.list-unstyled li a {
	color: rgb(209 213 219);
}

.pr_footer p {
	color: rgb(209 213 219);
}

/* Footer Whatsapp */
.whatsapp-float {
	position: fixed;
	bottom: 20px;
	width: 80px;
	height: 80px;
	right: 20px;
	background-color: #25D366;
	color: white;
	border-radius: 50%;
	padding: 18px;
	font-size: 28px;
	z-index: 1000;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
	cursor: pointer;
	animation: bounce 2s infinite;
	transition: all 0.3s ease-in-out;
}

.whatsapp-float:hover {
	transform: scale(1.1);
	box-shadow: 0 0 20px #25D366;
}

.whatsapp-float i {
	font-size: 40px;
	text-align: center;
	display: block;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
		transform: translateY(0);
	}

	40% {
		transform: translateY(-8px);
	}

	60% {
		transform: translateY(-4px);
	}
}

/* logo */