/* ------------------------------
   Base Styles
------------------------------ */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	list-style: none;
	font-family: "Inter", "Segoe UI", Arial, sans-serif;
}

html {
	scroll-behavior: smooth;
}

a {
	text-decoration: none;
	display: inline-block;
}

img {
	width: 100%;
	display: block;
}

ul {
	padding: 0;
	margin: 0;
}

p,
.blog-content ul li {
	font-size: 18px;
	font-weight: 400;
	line-height: 140%;
	color: var(--c2);
	padding: 0;
	margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Goldman", sans-serif;
	color: var(--c1);
	padding: 0;
	margin: 0;
}

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

.br {
    padding-bottom: 10px;
}

/* ------------------------------
   Theme Colors
------------------------------ */
:root {
	--c1: #1E1E1E;
	--c2: #393939;
	--c3: #ffffff;
	--c4: #0b0b0b;
	--c5: #6b6b6b;
	--c6: #8e8e8e;
}

.aic {
	align-items: center;
}

.spacer {
	padding: 100px 0;
}


.spacer-top {
	padding-top: 100px;
}


.spacer-bottom {
	padding-bottom: 100px;
}

.wrapper {
	overflow: hidden;
}

.heading-3 {
	font-size: 36px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 20px;
}

.heading-4 {
	font-size: 28px;
	font-weight: 400;
	line-height: 100%;
	margin-bottom: 20px;
}

.p-reletive {
	position: relative;
}

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

.section-title p {
	padding-top: 10px;
}

.reveal-heading {
  display: inline-block;
  white-space: normal;
  word-break: normal;
  overflow-wrap: break-word;
}

.reveal-heading span {
  display: inline-block;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.reveal-heading span.visible {
  opacity: 1;
  transform: translateY(0);
}

/* prevent word splitting */
.reveal-heading span.word {
  display: inline-block;
  white-space: nowrap;
}




.heading-3 span {
    font-size: 36px;
    font-weight: 400;
    line-height: 100%;
    font-family: 'Goldman';
}

/* ------------------------------
   Header Styling Start
------------------------------ */

header.header {
	padding: 15px 0;
	position: fixed;
	width: 100%;
	background: #fff;
	z-index: 99;
	box-shadow: 0px 4px 4px 0px #00000012;
}

.nav-logo {
	width: 138px;
}

.nav-bar-btn {
	display: flex;
	justify-content: flex-end;
}

.nav-bar-btn a {
	border-bottom: 1px solid #1BA447;
	padding-bottom: 5px;
	transition: all 0.3s ease-in-out;
}

.nav-bar-btn a:hover {
    color: #1BA447;
}

.nav-bar-btn a.primery-btn {
	margin-top: 0;
}

.nav-bar-menu>ul {
	display: flex;
	justify-content: center;
	gap: 30px;
}

.nav-bar-menu ul li a {
	font-size: 16px;
	font-weight: 400;
	line-height: 141%;
	color: #1E1E1E;
	transition: all 0.3s ease-in-out;
}

.nav-bar-menu ul li a:hover {
	color: #0BA151;
}

.nav-bar-menu ul li {
	position: relative;
}

ul.main-services-sub-ul {
	position: absolute;
	top: 20px;
	left: 0px;
	background: white;
	z-index: 9;
	width: 250px;
	border-radius: 10px;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	visibility: hidden;
	opacity: 0;
	transition: .4s all;
	padding: 10px 15px;
}

ul.main-services-sub-ul li {
	padding: 10px 0;
}

.nav-bar-menu ul li:hover ul.main-services-sub-ul {
	visibility: visible;
	opacity: 1;
	transform: translateY(10px);
}

.nav-bar-btn a {
	border-bottom: 1px solid #1BA447;
	color: var(--c2);
}

.nav-bar-btn a i {
	color: #1BA447;
}

/* ------------------------------
   Header Styling End
------------------------------ */

/* ------------------------------
   Banner Styling Start
------------------------------ */

.banner-content h1 {
	position: relative;
	font-size: 48px;
	font-weight: 400;
	line-height: 114%;
	width: 84%;
	margin-bottom: 10px;
}

span.title-icon {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	transform: translate(-50px, 10px);
}

.banner-btns {
	display: flex;
	gap: 10px;
}

.primery-btn {
	background: linear-gradient(90deg, #1BA447 0%, #049744 51.92%, #00703A 100%);
	padding: 16px 40px;
	border-radius: 43px;
	color: var(--c3);
	font-size: 16px;
	font-weight: 500;
	line-height: 100%;
	letter-spacing: 0;
	text-transform: capitalize;
	display: flex;
	align-items: center;
	gap: 5px;
	width: max-content;
	margin-top: 30px;
	box-shadow:
    0 6px 15px rgba(0, 112, 58, 0.35),   /* darker, concentrated bottom shadow */
    0 12px 25px rgba(27, 164, 71, 0.25); /* soft green spread for realism */
	transition: all 0.3s ease-in-out;
}

.secondery-btn {
	position: relative;
	display: inline-block;
	padding: 16px 40px;
	color: var(--c1);
	font-size: 16px;
	font-weight: 500;
	line-height: 100%;
	text-transform: capitalize;
	border-radius: 43px;
	background:
		linear-gradient(#fff, #fff) padding-box,
		/* inner background */
		linear-gradient(90deg, #1BA447 0%, #049744 51.92%, #00703A 100%) border-box;
	/* gradient border */
	border: 1px solid transparent;
	display: flex;
	align-items: center;
	gap: 5px;
	width: max-content;
	margin-top: 30px;
	box-shadow:
    0 6px 15px rgba(0, 112, 58, 0.35),   /* darker, concentrated bottom shadow */
    0 12px 25px rgba(27, 164, 71, 0.25); /* soft green spread for realism */
	transition: all 0.3s ease-in-out;
}

.primery-btn:hover, .secondery-btn:hover, .footer-social-links ul li a i:hover {
    transform: translateY(-0.25em);
}

.banner-image img {
	height: 441px;
	object-fit: cover;
}

/* ------------------------------
   Banner Styling End
------------------------------ */

/* ------------------------------
   Inner Banner Styling Start
------------------------------ */

section.banner.inner-banner {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
	height: 600px;
	display: flex;
	align-items: center;
	margin-top: 64px;
	overflow: hidden;

}

section.banner.inner-banner::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 45%;
    height: 100%;
    background-color: var(--c1);
    z-index: 0;
}

section.banner.inner-banner::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 55%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Make sure content stays above overlay */
section.banner.inner-banner>* {
	position: relative;
	z-index: 1;
}

section.about-us-banner::after {
	background-image: url(/wp-content/uploads/2025/10/About-Us-Banner-Asset.webp);
}

section.autonationbanner-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Autonation-Banner-Asset.webp);
}

section.bio-imaging-banner::after {
	background-image: url(/wp-content/uploads/2025/10/about_inner_banner_background-scaled.webp);
}

section.cloud-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Cloud-Solutions-Service-Bannet-Asset-Website-scaled.webp);
}

section.coca-cola-and-pepsi-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Coca-Cola-and-Pepsi-Banner-Asset.webp);
}

section.consulting-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Consulting-Banner-Asset.webp);
}

section.contact-us-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Contact-Us-Banner-Asset.webp);
}

section.cybersecurity::after {
	background-image: url(/wp-content/uploads/2025/10/Cybersecurity-Banner-Asset.webp);
}

section.devops-automation-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Devops-Automation-Banner-Asset.webp);
}

section.enterprise-software-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Enterprise-Software-Banner-Asset.webp);
}

section.epic-loan-systems-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Epic-Loan-systems-Banner-Asset.webp);
}

section.houston-astros-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Houston-Astros-Banner-Asset.webp);
}

section.insights-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Insights-Banner-Asset.webp);
}

section.it-infrastructure-banner::after {
	background-image: url(/wp-content/uploads/2025/10/IT-Infrastructure-Banner.webp);
}

section.portfolio-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Portfolio-Banner-Asset.webp);
}

section.privacy-policy-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Privacy-Policy-Banner-Asset.webp);
}

section.saas-solutions-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Saas-Service-Banner-Asset.webp);
}

section.terms-and-conditions-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Terms-and-Conditions-Banner-Asset.webp);
}

section.tokio-marine-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Tokio-Marine-Banner-Asset.webp);
}

section.fogrosa-group-banner::after {
	background-image: url(/wp-content/uploads/2025/10/Fogrosa-Banner-Asset.webp);
}

/* .inner-banner-item {
	display: flex;
	align-items: center;
	flex-direction: column;
} */

/* .inner-banner-content {
	text-align: center;
} */

nav.breadcrumb a,
nav.breadcrumb span.sep,
.breadcrumb a {
	font-weight: 400;
	font-size: 18px;
	line-height: 140%;
	color: #fff;
}

nav.breadcrumb span,
.breadcrumb a.bds {
	color: #0BA151;
}

nav.breadcrumb {
	gap: 5px;
	margin: 0;
}

.inner-banner-content .banner-heading-1 {
	font-size: 48px;
	font-weight: 400;
	line-height: 113%;
	color: #fff;
	padding: 5px 0px 5px 0px;
}

.inner-banner-content p {
/* 	font-size: 32px; */
/* 	font-weight: 400; */
/* 	line-height: 130%; */
/* 	padding: 0 400px; */
	color: #f2f2f2;
}

/* ------------------------------
   Inner Banner Styling End
------------------------------ */

/* ----------------------------------------
   Who We Are Section Styling Start
------------------------------------------- */

.who-we-are-sec-image {
	width: 80%;
}

.who-we-are-sec-content {
	padding-left: 40px;
}

/* ----------------------------------
   Who We Are Section Styling End
------------------------------------- */

/* ----------------------------------
   Our Services Section Styling Start
------------------------------------- */

.services-row {
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #FFFFFF36;
	padding: 14px 0;
	align-items: center;
}

.services-column-1 {
	width: 35%;
}

.services-column-2 {
	width: 60%;
}

.services-column-3 {
	width: 5%;
}

.services-btn {
	text-align: end;
}

section.our-services {
	background: #000;
}

.services-container {
	box-shadow: 0px 2px 7.2px 5px #0000000D;
	backdrop-filter: blur(21.700000762939453px);
	background: #FFFFFF0D;
	padding: 60px;
	border-radius: 25px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	z-index: 1;
}

section.our-services .section-title h2 {
	color: var(--c3);
}

section.our-services .section-title p {
	color: #dcdcdc;
}

.services-title a {
	font-family: 'Goldman';
	font-size: 30px;
	font-weight: 400;
	line-height: 120%;
	color: var(--c3);
}

.services-discription p {
	color: #dcdcdc;
}

.services-row:last-child {
	border-bottom: 0;
}

.services-btn a {
	border: 1px solid var(--c3);
	color: #0BA151;
	border-radius: 100px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	    transition: all 0.3s ease-in-out;
}

.services-btn a:hover {
    background: #0BA151;
    color: #fff;
	border-color: #0BA151;
	transform: translate(5px, 0px);
}


.our-services-sec-bg {
	position: absolute;
	bottom: 100px;
	right: 0;
	width: 500px;
	height: auto;
}

/* ----------------------------------
   Our Services Section Styling End
------------------------------------- */

/* ----------------------------------
   Brang Section Styling Start
------------------------------------- */

section.technologies-used-sec {
    padding: 50px 0;
}

.technologies-img {
    width: 90%;
    margin: 0 auto;
}

section.technologies-used-sec .section-title {
    padding-bottom: 10px;
}

/* ----------------------------------
   Brang Section Styling End
------------------------------------- */

/* ----------------------------------
   Insights Section Styling Start
------------------------------------- */

section.insights-sec {
	background: #F4F4F4;
}

.insights-item {
	margin: 0 10px;
	background: var(--c3);
	border-radius: 25px;
	box-shadow: 0px 4px 4px 0px #00000012;
	height: 100%;
}


.aurtur img {
	width: 40px;
	height: auto;
	border-radius: 100px;
}

.insights-details {
	display: flex;
	justify-content: space-between;
	padding: 20px 30px;
}

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

.aurtur span {
	font-size: 18px;
	font-weight: 500;
	color: var(--c1);
	line-height: 40px;
}

.publised span {
	font-size: 18px;
	font-weight: 400;
	color: #6C757D;
	line-height: 40px;
}

.title a {
	font-size: 18px;
	font-weight: 600;
	line-height: 26px;
	color: #0BA151;
	padding: 0 30px 10px 30px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	/* Limit to 2 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto;
	max-height: calc(1.4em * 2);
	margin-bottom: 20px;
}

.discription p {
	font-size: 16px;
	font-weight: 400;
	line-height: 141%;
	color: #393939;
	padding: 0 30px;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	/* Limit to 3 lines */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto;
	max-height: calc(1.6em * 3);
}

.read-more-btn.text-align-center {
	margin-bottom: -20px;
}

.insights-slider .slick-track {
	padding-bottom: 54px;
}

.thumbnail a {
	height: 260px;
	display: block;
}

.thumbnail a img {
	height: 100%;
	object-fit: cover;
	border-radius: 25px;
	transition: all 0.5s ease-in-out;
}

.thumbnail:hover img {
	transform: scale(1.1);
}

.thumbnail {
	border-radius: 25px;
	overflow: hidden;
}

/* ----------------------------------
   Insights Section Styling End
------------------------------------- */

/* ----------------------------------
   CTA Section Styling Start
------------------------------------- */

.section-title h2 {
	font-size: 36px;
	font-weight: 400;
	line-height: 100%;
	letter-spacing: 0;
}

.section-title {
	text-align: center;
	width: 65%;
	margin: 0 auto;
	padding-bottom: 50px;
}

.cta-icon {
	width: 50px;
}

.cta-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 20px;
}

.cta-con a {
	font-size: 18px;
	font-weight: 400;
	color: var(--c2);
	line-height: 141%;
}

.cta-btn {
	display: flex;
	justify-content: center;
	margin-top: 40px;
}

.cta-bg {
	position: absolute;
	top: -25%;
	left: 0;
	width: 400px;
	height: auto;
	z-index: -1;
}

/* ----------------------------------
   CTA Section Styling End
------------------------------------- */

/* ----------------------------------
   Track Record Styling Start
------------------------------------- */

.track-icon {
	width: 50px;
	margin-bottom: 10px;
}

.track-item.item-border,
.power-item,
.what-we-offer-content,
.industries-we-serve-item {
	border: 1px solid #0BA151;
	height: 100%;
	padding: 30px;
	border-radius: 25px;
	background-color: var(--c3);
	transition: all 0.3s ease-in-out;
}

section.track-record .container .row {
	row-gap: 50px;
}

.track-bg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 400px;
	height: auto;
	z-index: -1;
}

.track-content .heading-3 {
	padding: 30px 80px 0 0;
}

.track-item.item-border:hover {
	transform: translate(0px, -10px);
}

section.track-record .container .row .col-md-4 a {
	display: block;
	height: 100%;
}

/* ----------------------------------
   Track Record Styling End
------------------------------------- */

/* ----------------------------------
   Trust Styling End
------------------------------------- */

.row.aic.p-reletive:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 90%;
	height: 100%;
	box-shadow: 0px 2px 31.8px 0px #9294932E;
	background: #FFFFFF;
	z-index: -1;
	border-radius: 25px;
}

.row.aic.p-reletive {
	padding: 50px 0 50px 50px;
}

.trust-content ul li {
	line-height: 209%;
}

.page-id-7 .trust-content ul {
	padding-top: 10px;
}

/* ----------------------------------
   Trust Section Styling End
------------------------------------- */


/* --------------------------------------------------
   Industries We Power Section Styling Start
----------------------------------------------------- */

section.industries-we-power-sec.spacer .section-title {
	padding-bottom: 80px;
}

.we-power-sec-bg {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
	height: auto;
	z-index: -1;
}

.power-item-icon img {
	width: 100px;
}

.power-item-icon {
	display: flex;
	justify-content: center;
	margin-top: -60px;
	margin-bottom: 50px;
}

.power-item-content {
	text-align: center;
}

.power-item:hover,
.what-we-offer-content:hover,
.industries-we-serve-item:hover {
	transform: translate(0px, -10px);
}

/* --------------------------------------------------
   Industries We Power Section Styling End
----------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   																							About Us Page Styling Start
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/* --------------------------------------------------
   Our mission Section Styling Start
----------------------------------------------------- */
.right-image img,
.left-image img {
	height: 340px;
	object-fit: cover;
	border-radius: 25px;
}

.left-content {
	text-align: end;
	padding-left: 50px;
}

.right-content {
	padding-right: 50px;
}

/* --------------------------------------------------
   Our mission Section Styling End
----------------------------------------------------- */

/* --------------------------------------------------
   Our Vision Section Styling Start
----------------------------------------------------- */
.right-image.p-reletive {
	padding-left: 50px;
}

.left-image.p-reletive {
	padding-right: 50px;
}

/* --------------------------------------------------
   Our Vision Section Styling End
----------------------------------------------------- */


/* --------------------------------------------------
   Who We Are Section Styling Start
----------------------------------------------------- */
.page-id-47 section.who-we-are-sec.spacer {
	background: #F4F4F4C9;
}

/* --------------------------------------------------
   Who We Are Section Styling End
----------------------------------------------------- */

/* --------------------------------------------------
   Certified Section Styling Start
----------------------------------------------------- */
section.certified-sec.spacer.p-reletive {
	background: var(--c4);
}

.certified-disc h2 {
	color: var(--c3);
}

.certified-disc p {
	color: #dcdcdc;
}

.certified-disc {
	width: 74%;
	overflow: hidden;
}

.wich-we-certified ul li {
	color: #dcdcdc;
	border-bottom: 1px solid #0BA151;
	padding: 20px 0;
	font-size: 18px;
	font-weight: 400;
	margin-right: 160px;
}

.wich-we-certified ul li:last-child {
	border-bottom: 0;
}

/* --------------------------------------------------
   Certified Section Styling End
----------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   																							About Us Page Styling End
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   																							Contact Us Page Styling Start
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

section.contact-us-sec .container {
	border: 1px solid #0BA151;
	border-radius: 25px;
	padding: 100px;
	background: #fff;
}

.contacts {
	padding-top: 50px;
}

.contacts-row {
	display: flex;
	flex-direction: column;
}

.contacts-container {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin-top: 40px;
}

.contacts-row span {
	font-size: 16px;
	font-weight: 400;
	line-height: 28%;
	color: #9497A1;
}

.contacts-row a {
	font-size: 16px;
	font-weight: 700;
	line-height: 141%;
	color: #292D33;
	padding-top: 14px;
}

.contact-form {
	background-color: #fff;
	box-shadow: 0px 12px 30px 17px #0000001F;
	border-radius: 6px;
	padding: 60px 50px;
	margin-left: 50px;
}

.with_frm_style .frm_form_fields>fieldset {
	padding-bottom: 0;
}

#frm_field_6_container.frm_form_field {
	margin-bottom: 0;
}

div#frm_field_6_container .frm_style_formidable-style.with_frm_style .form-field {
	margin-bottom: 0;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
	margin: 30px 0 0 0;
	background: linear-gradient(90deg, #1BA447 0%, #049744 51.92%, #00703A 100%);
	border: 1px solid #00703A;
	box-shadow: unset;
	outline: none;
	border-radius: 43px;
	padding: 16px 44px;
	font-size: 16px;
	font-weight: 500;
	line-height: 100%;
}

.contact-form h4 {
	font-size: 30px;
	font-weight: 400;
	line-height: 40px;
	margin-bottom: 40px;
}

.with_frm_style .frm_primary_label {
	font-size: 12px;
	font-family: 'Inter';
	font-weight: 600;
	line-height: 24px;
	color: #9497A1;
	padding-bottom: 0;
}

.with_frm_style input[type=text],
.with_frm_style input[type=email],
.with_frm_style input[type=tel],
.with_frm_style textarea,
.with_frm_style input[type=text]::placeholder,
.with_frm_style input[type=email]::placeholder,
.with_frm_style input[type=tel]::placeholder,
.with_frm_style .frm_form_field textarea::placeholder {
	color: #292D33;
	font-size: 14px;
	line-height: 24px;
	font-weight: 600;
}

#field_9jv0r1 {
	height: 70px;
	min-height: 70px;
	resize: vertical;
}

.frm_submit.frm_flex {
	text-align: center;
}

.contact-sec-bg {
	position: absolute;
	top: 70px;
	left: 0;
	width: 400px;
	height: auto;
	z-index: -1;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   																							Contact Us Page Styling End
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   																							Porfolio Page Styling Start
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.right-content ul li,
.challenges-solutions-delivered-content ul li,
.left-content ul li,
.why-it-sec-content ul li,
.blog-content ul li,
.trust-content ul li {
	list-style-type: disc;
	line-height: 140%;
}

.right-content ul li::marker,
.challenges-solutions-delivered-content ul li::marker,
.left-content ul li::marker,
.why-it-sec-content ul li::marker,
.blog-content ul li::marker,
.trust-content ul li::marker {
	font-size: 24px;
	color: #0BA151;
	line-height: 50%;
}

.right-content ul,
.challenges-solutions-delivered-content ul,
.left-content ul,
.why-it-sec-content ul,
.blog-content ul,
.trust-content ul {
	padding-left: 24px;
}

.right-image.p-reletive.height-100 img {
	height: 100%;
}

section.industries-served-sec .container {
	box-shadow: 0px 2px 31.8px 0px #9294932E;
	background: #fff;
	padding: 100px;
	border-radius: 25px;
}

section.industries-served-sec .container .row {
	row-gap: 60px;
}

section.industries-served-sec .container .row:before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	background: #0BA151;
}

section.industries-served-sec .container .row:after {
	content: '';
	position: absolute;
	top: 0%;
	left: 30%;
	width: 1px;
	height: 100%;
	background: #0BA151;
}

.industries-item {
	padding-right: 60px;
}

.line {
	position: absolute;
	top: 0;
	right: 37%;
	width: 1px;
	height: 100%;
	border-right: 1px solid #0BA151;
}

section.industries-served-sec .container .row .col-md-4 {
	padding: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   																							Porfolio Page Styling End

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * 
   																							Autonation Page Styling Start

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------* 
 * 
   Challenges Solutions Delivered Section Styling Start

----------------------------------------------------- */
section.challenges-solutions-delivered-sec .container {
	box-shadow: 0px 2px 31.8px 0px #9294932E;
	background: #fff;
	padding: 80px 50px;
	border-radius: 8px;
}

section.challenges-solutions-delivered-sec .container .row:before {
	content: '';
	position: absolute;
	top: 0;
	left: 51%;
	width: 1px;
	height: 100%;
	border-left: 1px solid #0BA151;
	z-index: 1;
}

/* ----------------------------------------------------* 
 * 
   Challenges Solutions Delivered Section Styling End

----------------------------------------------------- */

/* ----------------------------------------------------* 
 * 
   Technologies Used Section Styling Start

----------------------------------------------------- */

section.technologies-used-sec,
.services-cta-sec {
	background: #F8F8F8;
}

/* ----------------------------------------------------* 
 * 
   Technologies Used Section Styling End

----------------------------------------------------- */

/* ----------------------------------------------------* 
 * 
   Result Section Styling Start

----------------------------------------------------- */

section.results-secLeft-section .left-content {
	text-align: left;
}

/* ----------------------------------------------------* 
 * 
   Result Section Styling End

----------------------------------------------------- */

/* ----------------------------------------------------* 
 * 
   CTA Section Styling Start

----------------------------------------------------- */

.services-cta-content {
	display: flex;
	flex-direction: column;
	align-items: center;
}

/* ----------------------------------------------------* 
 * 
   CTA Section Styling End

----------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * 
   																							Autonation Page Styling End

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * 
   																							 IT Infrastructure Page Styling Start

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* -----------------------------------------
   Industries We Serve Section Styling Start
----------------------------------------- */
.industries-we-serve-item {
	background-color: #0BA151;
	box-shadow: 0px 2px 7.2px 5px #0000000D;
	backdrop-filter: blur(5.5px);
}

.industries-we-serve-item h3,
.industries-we-serve-item p {
	text-align: center;
	color: #fff;
}

section.industries-we-serve-sec .container .row {
	row-gap: 24px;
	justify-content: center;
}

/* ---------------------------------------
   Industries We Serve Section Styling End
--------------------------------------- */

section.why-choose-vesqor-sec {
	background: #000;
}

section.why-choose-vesqor-sec .heading-3 {
	color: #fff;
}

section.why-choose-vesqor-sec .right-content ul li {
	color: #dcdcdc;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * 
   																							 IT Infrastructure Page Styling End

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * 
   																							 Insights Page Styling End

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body.page-template-insights section.insights-sec .container .row {
	row-gap: 60px;
}

body.page-template-insights section.insights-sec .container .row .insights-item {
	margin: 0;
}

body.page-template-insights section.insights-sec .container .section-title {
	width: 100%;
	padding-bottom: 30px;
}

.form-select:focus {
	border-color: #1BA447;
	box-shadow: unset;
}

select.form-select.cus-sel {
	border: 1px solid #1BA447;
	border-radius: 43px;
	padding: 10px 40px 10px 20px;
	cursor: pointer;
}

a.next.page-numbers {
	position: absolute;
	top: 0;
	right: 0;
	width: unset;
	height: unset;
}

.pagination-wrap.text-center.mt-5 {
	position: relative;
}

a.prev.page-numbers {
	position: absolute;
	top: 0;
	left: 0;
	width: unset;
}

a.page-numbers {
	font-size: 14px;
	font-family: 'Inter';
	font-weight: 500;
	color: #667085;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	display: inline-block;
}

span.page-numbers.current {
	font-size: 14px;
	font-family: 'Inter';
	font-weight: 500;
	color: #fff;
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background: #0BA151;
	display: inline-block;
	border-radius: 100px;
}


/* ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 * 
   																							 Insights Page Styling End

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/* ---------------------------
   Footer Styling Start
------------------------------ */

footer.footer {
	position: relative;
	background: #000;
}

.bg-1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 400px;
	height: auto;
}

.bg-2 {
	position: absolute;
	top: 0;
	right: 0;
	width: 400px;
}

.footer-top,
.footer-bottom {
	position: relative;
	z-index: 1;
}

.footer-logo {
	width: 284px;
}

.footer-top {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.footer-menu ul,
.footer-social-links ul {
	display: flex;
	gap: 30px;
}

.footer-bottom {
	display: flex;
	justify-content: space-between;
	border-top: 1px solid #dfdfdf;
	padding: 20px 0;
	margin-top: 60px;
}

.tp ul {
	display: flex;
	gap: 10px;
}

.footer-menu ul {
	gap: 40px;
	padding: 50px 0;
}

.footer-menu ul li a {
	font-size: 18px;
	font-weight: 400;
	color: #dfdfdf;
	transition: all 0.3s ease-in-out;
}

.footer-menu ul li a:hover {
	color: #0BA151;
}

.footer-social-links ul li a i {
	background: linear-gradient(180deg, #1BA447 0%, #049744 51.92%, #00703A 100%);
	-webkit-background-clip: text;
	/* gradient text ke andar dikhayega */
	-webkit-text-fill-color: transparent;
	/* text ko transparent karega */
	color: transparent;
	/* fallback */
	font-size: 22px;
	transition: all 0.3s ease-in-out;
}

.tp ul li a,
.cr p {
	color: #6e6e6e;
	font-size: 18px;
	font-weight: 400;
	transition: all 0.3s ease-in-out;
}

.tp ul li a:hover {
	color: #0BA151
}

.tp ul li {
	color: #0BA151;
}

/* ------------------------
   Footer Styling End
--------------------------- */


.why-it-sec-image img {
	height: 500px;
	object-fit: contain;
}

section.why-it-sec {
	background: #F4F4F4C9;
}


section.faq-section .container {
	background: #fff;
	box-shadow: 0px 2px 31.8px 0px #92949340;
	padding: 60px 100px;
	border-radius: 25px;
}

.faq-title {
	text-align: center;
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 30px;
	font-family: 'Poppins', sans-serif;
}

.faq-item {
	border-bottom: 1px solid #eaedef;
	padding: 15px 0;
	width: 60%;
	margin: 0 auto;
}

.faq-question {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	cursor: pointer;
	font-weight: 600;
	font-size: 16px;
	color: #000;
}

.faq-question .faq-icon {
	color: #0BA151;
	transition: transform 0.3s ease;
}

.faq-item.active .faq-icon {
	transform: rotate(0deg);
}

.faq-answer {
	display: none;
	padding: 10px 0 0 0;
	color: #777;
	font-size: 14px;
	line-height: 1.6;
}

.faq-answer p {
	color: #3C3C43D9;
	font-size: 16px;
	font-weight: 400;
	line-height: 140%;
	padding-right: 50px;
	padding-bottom: 10px;
}

.faq-question span {
	font-size: 18px;
	font-weight: 700;
	line-height: 120%;
	color: #000000;
}

.empowering-sec-bg {
	position: absolute;
	top: 50px;
	left: 0;
	width: 300px;
}


/* Blog Details */

.blog-featured-img img {
	height: 533px;
	object-fit: cover;
	border-radius: 25px;
	object-position: center;
}

p.blog-date {
	color: #0BA151;
}

p.blog-date {
	color: #0BA151;
	padding-bottom: 20px;
}

.blog-content h5 {
	font-size: 20px;
	font-weight: 600;
	line-height: 40px;
	color: #0BA151;
	font-family: 'Inter';
	padding-bottom: 5px;
}

.blog-content p {
	padding-bottom: 20px;
}

.blog-content ul {
	padding-bottom: 20px;
}

.blog-content h2,
.heading-2 {
	font-size: 32px;
	font-weight: 400;
	line-height: 141%;
}

section.blog-detail.spacer h1.heading-3 {
	padding: 30px 0;
}

.blog-tags,
section.blog-detail.spacer h1.heading-3,
.blog-content {
	width: 80%;
	margin: 0 auto;
}

.blog-tags {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

/* .breadcrumb {
	display: flex;
	justify-content: center;
	gap: 5px;
} */

.blog-featured-img {
	margin: 30px 0;
}

.detail-bg-1 {
	position: absolute;
	top: 300px;
	left: 0;
	width: 400px;
	height: auto;
	z-index: -1;
}

.detail-bg-2 {
	position: absolute;
	bottom: 300px;
	right: 0;
	width: 400px;
	height: auto;
	z-index: -1;
}

.single-post .breadcrumb a {
	color: var(--c2);
}

.single-post .breadcrumb span.pot {
	color: #0ba151;
}

span.blog-tag.secondery-btn:hover {
    background: linear-gradient(#fff, #fff) padding-box, /* inner background */ linear-gradient(90deg, #1BA447 0%, #049744 51.92%, #00703A 100%) border-box;
    border: 2px solid transparent;
    color: var(--c1);
}

span.blog-tag.secondery-btn:hover:before {
	opacity: 0;
}

.bars,
span.movi {
	width: 0;
	height: 0;
	visibility: hidden;
	opacity: 0;
	overflow: hidden;
}

/* Sidebar hidden by default */
.mobile-sidebar {
	position: fixed;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100vh;
	padding: 20px;
	background: #fff;
	box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
	transition: left 0.3s ease;
	z-index: 9999;
	overflow-y: auto; /* Allow vertical scroll */
	overflow-x: hidden; /* Prevent horizontal scroll */
	-webkit-overflow-scrolling: touch; /* Smooth scroll on iOS */
	touch-action: pan-y; /* Only allow vertical scrolling */
}

.mobile-sidebar.active {
	left: 0%;
	overflow: hidden;
}

.sidbar-head {
	display: flex;
}

.sid-bar-logo {
	width: 30%;
}

.sid-bar-close-icon {
	width: 70%;
	text-align: end;
}

.sidebar-content {
	padding-top: 100px;
}

.sidebar-content ul li a {
	font-size: 20px;
	color: var(--c1);
}

/* Submenu hidden by default */
.services-sun-ul {
	display: none;
}

.has-submenu {
	position: relative;
}

.submenu-toggle {
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	cursor: pointer;
	color: #333;
	padding: 23px 0px;
}

.submenu-toggle i {
	transition: transform 0.3s ease;
}

.has-submenu.active .submenu-toggle i {
	transform: rotate(180deg);
}

.has-submenu.active>.submenu-toggle i.fa-plus {
	display: none;
}

.has-submenu.active>.submenu-toggle i.fa-minus {
	display: inline-block;
}

/* hide minus by default */
.submenu-toggle i.fa-minus {
	display: none;
}

ul.services-sun-ul li a {
	font-size: 17px;
}

ul.services-sun-ul li a {
	font-size: 17px;
}

.sidebar-content ul li {
	padding: 20px 0;
	border-bottom: 1px solid #0BA151;
}

ul.services-sun-ul li:last-child {
	border-bottom: 0;
	padding-bottom: 0;
}

.side-bar-bottom a {
	width: 100%;
	justify-content: center;
	padding: 20px 10px;
}

.sidebar-content>ul {
	height: 360px;
	overflow: scroll;
}


/* Privacy Policy Page Styling Start */

.pptc-content-item {
	padding-bottom: 10px;
}


/* 404 Page Styling Start */

section.not-found-sec {
	height: 45.6vh;
	display: flex;
	align-items: center;
}

.not-found-main {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.not-found-main p {
	text-align: center;
	padding-top: 5px;
}

.track-item.item-border a {
    position: absolute;
    bottom: 20px;
    height: 50px !important;
}

.page-id-59 .track-item.item-border p {
    padding-bottom: 60px;
}

.track-item.item-border {
    position: relative;
}

.slider-item img {
    width: 200px;
    height: auto;
	filter: grayscale(1);
	transition: all 0.3s ease-in-out;
}

.slider-item img:hover {
    filter: grayscale(0);
}

section.brand-sec {
    padding-bottom: 30px;
}

.brand-slider.slick-initialized.slick-slider .slick-track .slider-item.slick-slide {
    display: flex;
    justify-content: center;
}

.brand-slider.slick-initialized.slick-slider .slick-track {
    display: flex;
    align-items: center;
}

section.technologies-used-sec.technologies-used-sec-mobile-only.spacer {
	display: none;
}

.blog-content a {
    color: #0BA151;
}

.breadcrumb.db {
    display: flex;
    justify-content: center;
	gap: 5px;
    align-items: center;
}

ul.main-services-sub-ul li a:hover {
    letter-spacing: .5px;
}

.nav-bar-menu a.active {
  color: #0BA151;
}

.blog-content ul li strong {
    color: var(--c2);
}

.right-content ul, .challenges-solutions-delivered-content ul, .left-content ul, .why-it-sec-content ul, .blog-content ul, .trust-content ul {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.right-image.ceo-image.df {
    display: flex;
    justify-content: flex-end;
}

/* CEO Section Paragraph Spacing */
.ceo-content p {
  line-height: 25px;
  margin-bottom: 25px; /* paragraph spacing */
}

/* CEO Image Resize */
.ceo-image img {
  width: 80%;
  height: auto;
}