@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&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);

:root {
	--bs-white: #ffffff;
	--bs-black: #000000;
	--bs-nav: #526373;
	--bg-theme-1: #1d6bb5;
	--bg-theme-2: #36a2da;
	--bs-light-black: #332f30;
	--bs-light-pera: #585c7b;
	--bs-sub-title: #9bacbc;
	--bs-nav-link: #465562;
	--bs-font-Inter: "Inter", sans-serif;
	--section-bg-color: #dfe6ed;
	--sectin-bg-card: #d2e1f0;
	--theme-shadow: 0px 0px 20px 0px rgba(30, 22, 22, 0.08);
	--btn-bg-theme: #f0f1f1;
	--box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	--section-bg-card-hover: #d2e1f0;
	--facebook: #1769ff;
	--twitter: #000;
	--pintrest: #c8232c;
	--linkedin: #0a66c2;
	--instagram: linear-gradient(45deg,
			#f09433 0%,
			#e6683c 25%,
			#dc2743 50%,
			#cc2366 75%,
			#bc1888 100%);
	--medium: #000
}

html {
	scroll-behavior: smooth;
	scroll-margin-top: 3rem; 
	scroll-padding-top: 3rem;
}

body {
	color: var(--bs-light-black);
	line-height: 1.75;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	margin: 0;
	padding: 0;
	text-decoration: none
}

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

*,
::after,
::before {
	box-sizing: border-box
}

html {
	scroll-behavior: smooth
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-family: var(--bs-font-Inter)
}

a {
	text-decoration: none !important;
	font-family: var(--bs-font-Inter)
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: var(--bs-font-Inter) !important
}

span {
	font-family: var(--bs-font-Inter) !important
}

p {
	font-family: var(--bs-font-Inter) !important
}

div {
	--bs-font-Inter: "Inter", sans-serif;
	font-family: var(--bs-font-Inter)
}

@media screen and (min-width:1400px) {
	.container {
		max-width: 1400px !important
	}
}

.btn-bg-theme {
	background-color: var(--btn-bg-theme);
	color: gray;
	text-decoration: none;
	padding: .8rem 1rem;
	border-radius: 1rem
}

.btn-bg-theme.active {
	background-color: var(--bg-theme-1);
	color: #fff
}

.px-2rem {
	padding: 2rem 0
}

.px-3rem {
	padding: 3rem 0
}

.px-4rem {
	padding: 4rem 0
}

.px-5rem {
	padding: 5rem 0
}

.mx-2rem {
	margin: 2rem 0
}
@media screen and (max-width:768px) {
	.mx-2rem {
		margin: 1rem 0
	}
}

.mx-3rem {
	margin: 3rem 0
}

.mx-4rem {
	margin: 4rem 0
}

.mx-5rem {
	margin: 5rem 0
}

.mx-6rem {
	margin: 5rem 0
}

.gap-2rem {
	gap: 2rem
}

.gap-3rem {
	gap: 3rem
}

.gap-4rem {
	gap: 4rem
}
@media screen and (max-width:768px){
	.gap-4rem {
		gap: 1rem
	}
}

.gap-5rem {
	gap: 5rem
}

.gap-6rem {
	gap: 5rem
}

.company-logo-icons-gap {
	gap: 4rem
}



@media screen and (max-width:768px) {
	.company-logo-icons-gap {
		gap: 2rem
	}
}

.card-image-logo {
	width: 3rem
}

.section-bg-color {
	background-color: var(--section-bg-color) !important
}

.section-bg-card:hover {
	background-color: var(--section-bg-card-hover);
	box-shadow: var(--box-shadow)
}

.section-margin {
	margin: 0rem 0 !important;
	padding: 6px 0px;
}

@media screen and (max-width:992px) {
	.section-margin {
		
	}
}

.overflow-x-scroll {
	overflow-x: scroll
}

.overflow-x-auto {
	overflow-x: auto
}

.primery-btn-2,
.submit-button {
	position: relative;
	transition: .3s ease-in-out;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
	padding-block: .5rem;
	padding-inline: 1.25rem;
	border-radius: 9999px;
	justify-content: center;
	color: #ffff;
	gap: 10px;
	border: 3px solid #ffffff4d;
	font-size: 15px;
	letter-spacing: .6px;
	width: max-content
}

.container {
	max-width: 100%;
	/* overflow: hidden; */
	position: relative
}



.slider {
	display: flex;
	align-items: center;
	overflow: hidden;
	width: 100%;
	position: relative
}

.slide-track {
	display: flex;
	gap: 0;
	animation: scroll 20s linear infinite;
	width: calc(250px * 12);
	justify-content: center;
	align-items: center
}

.slide {
	min-width: 250px;
	flex: 0 0 auto
}

@media screen and (max-width:1000px) {
	.slide {
		min-width: 100px
	}
}

.slider-img {
	width: 8rem;
	max-width: 100%;
	object-fit: cover;
	border-radius: 10px
}

@keyframes scroll {
	0% {
		transform: translateX(0)
	}

	100% {
		transform: translateX(calc(-250px * 6))
	}
}

@media screen and (max-width:992px) {
	.slide-track {
		gap: 4rem
	}

	.slider-img {
		width: 6rem
	}
}

@media screen and (max-width:500px) {
	.slide-track {
		gap: 2rem
	}

	.slider-img {
		width: 7rem
	}
}

.heading-span-color {
	color: var(--bg-theme-1)
}

.overflow-hidden {
	overflow: hidden !important
}

.position-relative {
	position: relative !important
}

.mb-3 {
	margin-bottom: 1rem !important
}

.py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important
}

.px-0 {
	padding-right: 0 !important;
	padding-left: 0 !important
}

@media (min-width:992px) {
	.flex-lg-nowrap {
		flex-wrap: nowrap !important
	}

	.pt-lg-3 {
		padding-top: 1rem !important
	}
}

.elementor-section .elementor-container {
	display: flex;
	margin-right: auto;
	margin-left: auto;
	position: relative
}

.elementor-column {
	position: relative;
	min-height: 1px;
	display: flex
}

.elementor-widget-wrap {
	position: relative;
	width: 100%;
	flex-wrap: wrap;
	align-content: flex-start
}

.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
	display: flex
}

.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
	padding: 10px
}

.elementor-widget:not(:last-child) {
	margin-block-end: 20px
}

.elementor-element.elementor-element-63239ad9>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
	margin-bottom: 0
}

.elementor-element .elementor-widget-container {
	transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, transform var(--e-transform-transition-duration, .4s)
}

@media screen and (min-width:1200px) and (max-width:1550px) {
	.elementor-widget-container img {
		width: 780px;
		height: 500px
	}

	.elementor-section {
		overflow: hidden !important
	}
}

.col-auto {
	flex: 0 0 auto;
	width: auto !important
}

.p-0 {
	padding: 0 !important
}

@media (min-width:992px) {
	.mt-4 {
		margin-top: 1.5rem !important
	}

	.ms-4 {
		margin-left: 1.5rem !important
	}

	.me-lg-0 {
		margin-right: 0 !important
	}

	.ms-lg-n5 {
		margin-left: -3rem !important
	}

	.ms-xl-n3 {
		margin-left: -1rem !important
	}
}

.parallax {
	position: relative
}

.elementor-widget-image {
	text-align: center
}

.elementor-widget-wrap>.elementor-element {
	width: 100%
}

.elementor-widget:not(:last-child) {
	margin-block-end: 20px
}

.parallax-layer:first-child {
	position: relative
}

.elementor-3604 .elementor-element.elementor-element-3e821a9f>.elementor-widget-wrap>.elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute) {
	margin-bottom: 0
}

.elementor img {
	height: auto;
	max-width: 100%;
	border: none;
	border-radius: 0;
	box-shadow: none
}

.elementor-widget-image img {
	vertical-align: middle;
	display: inline-block
}

.elementor-3604 .elementor-element.elementor-element-751e9700 img {
	width: 1416px
}

@media (min-width:1200px) {
	.mx-xl-n2 {
		margin-right: -.5rem !important;
		margin-left: -.5rem !important
	}
}

.elementor-widget:not(:last-child).elementor-absolute,
.elementor-widget:not(:last-child).elementor-widget__width-auto,
.elementor-widget:not(:last-child).elementor-widget__width-initial {
	margin-bottom: 0;
}

.elementor-element.elementor-element-4be867ad img {
	width: 127.5px;
	max-width: 127.5px;
}

.new-elementor-section {
	padding: 50px 0 0;
}

.elementor-widget-wrap {
	position: relative;
	padding: 5px
}

.elementor-widget-header {
	padding-top: 0;
	padding-bottom: 30px
}

.elementor-grid-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	margin-top: 15px
}

.elementor-grid-items {
	padding: 10px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: start
}
.elementor-grid-container-dummy .elementor-grid-items{
	border: 2px solid #2e7bbe;
    /* border: 1px; */
    border-radius: 13px;

}
.elementor-icon-box-icon {
	margin-bottom: var(17px, 15px);
	margin-right: auto;
	margin-left: auto;
	text-align: center
}

.elementor-icon {
	display: inline-block;
	line-height: 1;
	transition: all .3s;
	text-align: center;
	border-radius: 50% !important;
	--bs-bg-opacity: 1;
	background-color: #f3f6ff !important;
	font-size: 32px;
	fill: #f3f6ff;
	color: #f3f6ff;
	border: 0 !important;
	padding: 1rem !important
}

.elementor-icon img {
	width: 1em;
	height: 1em;
	position: relative;
	display: block;
	max-width: 100%;
	box-sizing: border-box;
	vertical-align: middle
}

.elementor-icon-box-content {
	text-align: center;
	margin-top: 10px
}

.elementor-icon-box-title {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black)
}

.elementor-icon-box-description {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-pera)
}

.elementor-element-2 {
	padding: 60px 0;
	background-color: #f7f9ff
}

.grid-work-container {
	display: grid;
	grid-template-columns: 60% 40%;
	gap: 80px;
	align-items: center
}

.work-items-1 {
	max-width: 100%;
	width: auto
}

.work-items-image {
	max-width: 100%;
	width: auto;
	display: flex;
	align-items: center;
	justify-content: center
}

.work-items-image img {
	max-width: 81%;
	width: auto;
	height: auto
}

.work-items-content {
	padding: 5px
}

.work-head {
	display: block;
	width: 100%;
	margin-bottom: 20px
}

.work-head h2 {
	font-size: 28px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black)
}

.work-head p {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black)
}

.ticked {
	padding: 0;
	list-style: none
}

.ticked li {
	margin: 0;
	padding: 12px 8px 12px 35px;
	position: relative;
	text-align: left;
	font-family: var(--bs-font-Inter);
	font-size: 16px;
	letter-spacing: .5px;
	color: var(--bg-theme-1);
	font-weight: 500;
	line-height: 24px
}

.ticked li:before {
	content: "";
	border-radius: 50%;
	display: block;
	background-size: 12px;
	height: 22px;
	width: 22px;
	background-color: var(--bs-white);
	border: 2px solid var(--bg-theme-1);
	background-image: url(../image/index/landing/check.svg);
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-position: 50%;
	background-repeat: no-repeat
}

.elementor-element-3 {
	padding: 50px 0
}

.logo-slider-header {
	margin-bottom: 20px;
	text-align: center
}

.logo-slider-header h2 {
	font-size: 42px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: center
}

.logo-slider-header p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	max-width: 800px;
	margin: 0 auto
}

.logo-slider-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 20px;
	margin: 20px 0;
	row-gap: 20px
}

.logo-slide-items {
	padding: 1rem;
	transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out;
	box-shadow: 0 .275rem .75rem -.0625rem rgba(19, 16, 34, .06), 0 .125rem .4rem -.0625rem rgba(19, 16, 34, .03) !important;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border-radius: .5rem
}

.logo-slide-blody {
	flex: 1 1 auto;
	padding: 1.5rem
}

.logo-slide-blody img {
	height: auto;
	max-width: 100%;
	width: 60px;
	border: none;
	border-radius: 0;
	box-shadow: none
}

.logo-slide-items:hover {
	box-shadow: 0 .275rem 1.25rem rgba(19, 16, 34, .05), 0 .25rem .5625rem rgba(19, 16, 34, .03) !important;
	transform: translateY(-.25rem);
	transition: transform .2s ease-in-out, border-color .2s ease-in-out, background-color .2s ease-in-out, box-shadow .2s ease-in-out
}

.elementor-element-4 {
	padding: 80px 0;
	background-color: #fbfcff
}

.elementor-dark-box {
	background-color: #131022;
	padding: 1.5rem;
	background-clip: border-box;
	border: 1px solid #e2e5f1;
	border-radius: .5rem;
	min-width: 0;
	word-wrap: break-word;
	position: relative;
	height: 100%
}

.dark-box-container {
	padding: 20px
}

.dark-title {
	margin-bottom: 20px
}

.dark-title h2 {
	font-size: 68px;
	line-height: 78px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-white);
	text-align: start
}

.dark-decription p {
	font-size: 20px;
	line-height: 34px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .3px;
	color: #ced7df;
	max-width: 800px;
	margin: 0 auto
}

.testimonial-section {
	position: relative;
	height: 100%
}

.testimonial-container {
	padding: 3rem;
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	height: 100%;
	background: rgba(255, 255, 255, .1);
	backdrop-filter: blur(2.5px);
	-webkit-backdrop-filter: blur(2.5px);
	border-radius: 10px
}

.swiper {
	width: 100%;
	height: 100%
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	display: flex;
	justify-content: center;
	align-items: center
}

.testimonial-top-flex {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.blockquote {
	width: 3.25rem;
	height: 3.25rem;
	color: #fff;
	flex-shrink: 0;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	pointer-events: none !important;
	background-color: var(--bg-theme-1);
	border-color: var(--bg-theme-1);
	border-radius: 5px;
	margin: 0 !important;
	box-shadow: 0 .5rem 1.125rem -.5rem rgba(99, 102, 241, .9) !important
}

.blockquote i {
	font-size: 1.4375rem
}

.testimonial-arrow-flex {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	column-gap: 15px
}

.swipe-button-next,
.swipe-button-prev {
	width: 2.25rem;
	height: 2.25rem;
	cursor: pointer;
	transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out, opacity .2s ease-in-out;
	border-radius: 50%;
	background-color: #fff;
	color: #3e4265 !important;
	box-shadow: 0 .275rem .75rem -.0625rem rgba(19, 16, 34, .06), 0 .125rem .4rem -.0625rem rgba(19, 16, 34, .03);
	display: inline-flex;
	align-items: center;
	justify-content: center
}

.swipe-button-next i,
.swipe-button-prev i {
	font-size: 18px
}

.swipe-button-next:hover,
.swipe-button-prev:hover {
	background-color: var(--bg-theme-1) !important;
	color: #fff !important;
	box-shadow: 0 .5rem 1.125rem -.5rem rgba(99, 102, 241, .9) !important
}

.swiper-wrapper {
	padding-top: 30px
}

.swiper-content .swiper-disk {
	padding-bottom: 20px
}

.swiper-content .swiper-disk p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	display: block;
	text-align: start
}

.swiper-info-flex {
	display: flex;
	align-items: center
}

.swiper-icon {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	overflow: hidden
}

.swiper-icon img {
	width: 100%;
	height: auto;
	object-fit: cover
}

.swiper-about {
	padding-left: 20px;
	text-align: start
}

.swiper-name {
	font-size: 16px;
	line-height: 26px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black)
}

.swiper-subname {
	font-size: 12px;
	line-height: 26px;
	font-weight: 300;
	font-style: normal;
	letter-spacing: .5px;
	color: var(--bs-sub-title)
}

.footer {
	padding: 50px 0 20px;
	background-image: url(../image/index/landing/bbblurry.svg);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	position: relative
}

.footer::before {
	content: "";
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 60%;
	background-image: url(../image/shape/banner-shape.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	opacity: .03
}

.footer-grid-container {
	display: grid;
	grid-template-columns: 40% 20% 20% 20%;
	gap: 0;
	align-items: center;
	position: relative;
	width: 100%;
	height: 100%;
	padding-bottom: 30px
}

.footer-grid-content {
	padding: 20px;
	width: 100%;
	height: 100%
}

.footer-logo {
	max-width: 200px;
	width: 100%;
	height: auto
}

.footer-logo img {
	width: 100%;
	height: auto
}

.footer-disc {
	padding-top: 25px
}

.footer-disc p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-pera);
	max-width: 400px
}

.footer-links-items {
	display: flex;
	flex-direction: column;
	row-gap: 12px;
	padding: 0;
	margin: 0
}

.footer-links-items li {
	position: relative;
	transition: .3s ease;
	padding-left: 15px;
	display: inline-block;
	width: max-content
}

.footer-links-items li a {
	text-decoration: none;
	font-size: 14px;
	line-height: 26px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	transition: .3s ease
}

.footer-links-items li:hover a {
	color: var(--bg-theme-1)
}

.footer-links-items li:hover:before {
	content: "";
	position: absolute;
	height: 6px;
	width: 6px;
	transition: .3s ease;
	border-radius: 50%;
	background-color: var(--bg-theme-1);
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	opacity: .6
}

.copyright-section {
	padding: 30px 0 0;
	border-top: 1px solid #d8ebfd
}

.copyright-section p {
	font-size: 14px;
	line-height: 24px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-pera);
	display: block;
	text-align: center
}

.footer-icons {
	padding-top: 20px
}

.footer-icons>div {
	display: flex;
	column-gap: 20px
}

.footer-icons>div div {
	width: 45px;
	height: 45px;
	background: #fff;
	font-size: 40px;
	display: grid;
	place-items: center;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	transition: 1s;
	box-shadow: 0 0 10px #ddd
}

.footer-icons>div div a {
	height: 100%;
	width: 100%;
	display: grid;
	place-items: center
}

.footer-icons>div div:hover:after {
	background: red;
	transform: rotatez(40deg) translate(0, 0)
}

.footer-icons>div div:after {
	transition: 1s;
	content: "";
	background: green;
	width: 140px;
	height: 115px;
	transform: rotatez(40deg) translate(0, 120px);
	position: absolute
}

.footer-icons>div div:nth-child(1) a {
	color: var(--facebook)
}

.footer-icons>div div:nth-child(1):after {
	background: var(--facebook)
}

.footer-icons>div div:nth-child(2) a {
	color: var(--twitter)
}

.footer-icons>div div:nth-child(2):after {
	background: var(--twitter)
}

.footer-icons>div div:nth-child(3) a {
	color: var(--pintrest)
}

.footer-icons>div div:nth-child(3):after {
	background: var(--pintrest)
}

.footer-icons>div div:nth-child(4) a {
	color: var(--linkedin)
}

.footer-icons>div div:nth-child(4):after {
	background: var(--linkedin)
}
	
.footer-icons>div div:nth-child(5) a {
	color: var(--instagram)
}

.footer-icons>div div:nth-child(5):after {
	background: var(--instagram)
}

.footer-icons>div div:nth-child(6) a {
	color: var(--medium)
}

.footer-icons>div div:nth-child(6):after {
	background: var(--medium)
}

.footer-icons>div div:hover i {
	color: #fff
}

.footer-icons>div div i {
	position: absolute;
	z-index: 10;
	transition: 1s;
	font-size: 18px
}

.elementor-element-5 {
	padding: 50px 0
}

.module-top-sticky {
	margin: 30px 0
}

.module-top-sticky h2 {
	font-size: 26px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: center
}
@media screen and (min-width: 767px){
	.module-top-sticky h2{
		font-size: 42px;
	}
}

.module-top-sticky p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	max-width: 800px;
	margin: 0 auto;
	text-align: center
}

.module-list-1 {
	padding: 3rem 3rem;
	border-radius: 30px;
	background-color: #f7f8ff
}

.module-list-2 {
	padding: 3rem 3rem;
	border-radius: 30px;
	background-color: #eef2ff
}

.module-list-3 {
	padding: 3rem 3rem;
	border-radius: 30px;
	background-color: #eef2ff
}

.module-list-10,
.module-list-11,
.module-list-12,
.module-list-13,
.module-list-14,
.module-list-15,
.module-list-4,
.module-list-5,
.module-list-6,
.module-list-7,
.module-list-8,
.module-list-9 {
	padding: 3rem 3rem;
	border-radius: 30px
}

.module-list-4 {
	background-color: #eef2ff
}

.module-list-5 {
	background-color: #eef2ff
}

.module-list-6 {
	background-color: #dadeff
}

.module-list-7 {
	background-color: #d4d8ff
}

.module-list-8 {
	background-color: #cfd4ff
}

.module-list-9 {
	background-color: #c8cdff
}

.module-list-10 {
	background-color: #c2c8ff
}

.module-list-11 {
	background-color: #bdc3ff
}

.module-list-12 {
	background-color: #b9c0ff
}

.module-list-13 {
	background-color: #b7bdff
}

.module-list-14 {
	background-color: #b4baff
}

.module-list-15 {
	background-color: #aeb4ff
}

.module-card-list {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	column-gap: 50px
}

.module-card-1 {
	width: calc(100% / 2)
}

.module-card-2 {
	width: calc(100% / 2)
}

.module-card-content {
	padding: 20px
}

.module-card-content h2 {
	font-size: 42px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bg-theme-1);
	text-align: start
}

.module-card-content p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	max-width: 800px;
	text-align: start
}

.module-card-image {
	display: flex;
	align-items: center;
	justify-content: center
}

.module-card-image img {
	max-width: 500px;
	width: auto;
	height: auto
}

.module-sticky-container {
	position: relative;
	width: 100%
}

.module-top-sticky {
	position: relative;
	height: auto
}

.sticky {
	min-height: 100%;
	max-height: 100%;
	height: 100%;
	position: -webkit-sticky;
	position: sticky;
	top: 20px
}

.section--s1 {
	top: 5%;
	max-height: calc(50% - 5%);
	padding-bottom: 60px
}

.section--s2 {
	top: 10%;
	max-height: calc(100% - 10%);
	padding-bottom: 60px
}

.section--s3 {
	top: 12%;
	max-height: calc(100% - 12%);
	padding-bottom: 60px
}

.section--s4 {
	top: 14%;
	max-height: calc(100% - 14%);
	padding-bottom: 60px
}

.section--s5 {
	top: 16%;
	max-height: calc(100% - 16%);
	padding-bottom: 60px
}

.section--s6 {
	top: 18%;
	max-height: calc(100% - 18%);
	padding-bottom: 60px
}

.section--s7 {
	top: 20%;
	max-height: calc(100% - 20%);
	padding-bottom: 60px
}

.section--s8 {
	top: 22%;
	max-height: calc(100% - 22%);
	padding-bottom: 60px
}

.section--s9 {
	top: 24%;
	max-height: calc(100% - 24%);
	padding-bottom: 60px
}

.section--s10 {
	top: 26%;
	max-height: calc(100% - 26%);
	padding-bottom: 60px
}

.section--s11 {
	top: 28%;
	max-height: calc(100% - 28%);
	padding-bottom: 60px
}

.section--s12 {
	top: 30%;
	max-height: calc(100% - 30%);
	padding-bottom: 60px
}

.section--s13 {
	top: 32%;
	max-height: calc(100% - 32%);
	padding-bottom: 60px
}

.section--s14 {
	top: 34%;
	max-height: calc(100% -34%);
	padding-bottom: 60px
}

.section--s15 {
	top: 36%;
	max-height: calc(100% - 36%);
	padding-bottom: 60px
}

.model-contact-section {
	width: 100%;
	padding: 100px 0 0;
	position: relative
}

.contact-grid-container {
	display: grid;
	grid-template-columns: 45% 55%;
	gap: 20px
}

.heroform-continer {
	padding: 0;
	background: 0 0;
	position: relative
}

.heroform-continer form {
	display: flex;
	flex-wrap: wrap;
	column-gap: 20px
}

fieldset {
	width: calc(50% - 10px)
}

fieldset.form-column-5 {
	width: 100%
}

.heroform-continer .this-form-field {
	margin-bottom: 1.3rem
}

.this-form-field label {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .5px;
	line-height: 30px;
	font-family: var(--bs-font-Inter);
	color: #2e344c;
	display: inline-block
}

.this-form-field .input {
	/* margin-top: 8px */
}

input:not([type=submit]),
select,
textarea {
	padding: .2rem 0;
	width: 100%;
	border: none;
	border-radius: 0;
	font-size: 18px !important;
	letter-spacing: 1px !important;
	font-weight: 500 !important;
	line-height: 2rem !important;
	color: #000;
	outline: 0;
	box-shadow: none !important;
	border-bottom: 2px solid rgba(214, 208, 221, .4);
	background: 0 0
}

.form-control:focus {
	border-color: var(--bg-theme-1) !important;
	background-color: transparent !important
}

.form-select {
	border: none !important;
	border-radius: 0 !important;
	border-bottom: 2px solid rgba(214, 208, 221, .4) !important;
	background-color: transparent !important
}

.input textarea {
	border: none !important;
	border-radius: 0 !important;
	border-bottom: 2px solid rgba(214, 208, 221, .4) !important;
	background-color: transparent !important
}

input#attachment:not([type=submit]) {
	padding: 0 !important;
	border: none !important;
	font-size: 14px;
	line-height: 1.2rem;
	color: #33525f;
	font-weight: 500;
	display: inline-block;
	width: max-content;
	margin-bottom: 1.3rem
}

input::file-selector-button {
	background: var(--bs-black) !important;
	outline: 0 !important;
	border: none !important;
	border-radius: 6px;
	padding: 8px 13px !important;
	border-bottom: 2px solid var(--font-bold) !important;
	font-family: var(--font-first) !important;
	font-size: 15px !important;
	color: var(--bs-light) !important;
	font-weight: 600 !important;
	letter-spacing: .5px !important;
	line-height: 1.5rem;
	cursor: pointer
}

.form-action {
	margin-top: 25px
}

.form-submited {
	display: inline-block
}

.services-form-field .input input::placeholder {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .5px;
	line-height: 30px;
	font-family: var(--bs-font-Inter);
	color: #687093
}

.services-form-field label {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .5px;
	line-height: 30px;
	font-family: var(--bs-font-Inter);
	color: #2e344c;
	display: inline-block
}

.dial-code-input {
	position: relative;
	display: flex;
	align-items: flex-end;
	width: 100%;
	margin-top: 8px
}

.selected-country {
	display: inline-block;
	line-height: 2rem;
	white-space: nowrap
}

.selected-country-display {
	cursor: pointer;
	padding: .5rem 1rem;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	background-color: rgb(0 0 0 / 3%);
	line-height: 1.7rem;
	border-bottom: 2px solid rgb(0 0 0 / 3%);
	color: #000;
	font-weight: 500;
	font-size: 1rem;
	font-family: var(--bs-font-Inter);
	display: flex;
	align-items: center;
	justify-content: center
}

.services-form-field .dial-code-input input:not([type=submit]) {
	display: block
}

.flag-icon {
	margin-right: 10px !important
}

.error {
	font-size: 16px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .5px;
	font-family: var(--bs-font-Inter);
	color: red;
	margin-top: 10px;
	display: block
}

.select-options {
	display: none;
	position: absolute;
	z-index: 1;
	width: 100%;
	max-height: 200px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: rgb(247 247 247);
	border: 2px solid rgba(214, 208, 221, .4);
	border-top: none;
	border-radius: 0 0 4px 4px;
	padding-left: 0;
	margin: 0
}

.select-options li {
	padding: 6px 15px;
	cursor: pointer
}

.select-options li:hover {
	background-color: #e1e1e1
}

.select-options li .country-code {
	margin-left: 5px;
	color: #687093
}

.select-options li span {
	font-size: 16px;
	font-weight: 500;
	font-style: normal;
	letter-spacing: .5px;
	font-family: var(--bs-font-Inter);
	color: #060c23
}

.select-options.open {
	display: block
}

.arrow-down {
	position: relative;
	width: 1em;
	display: inline-flex !important;
	margin-left: 7px;
	align-items: center;
	justify-content: center
}

.arrow-down::after {
	content: "\f077";
	font-family: FontAwesome;
	font-size: .8rem;
	transform: rotate(180deg)
}

.selected-country-display.downIcon .arrow-down::after {
	transform: rotate(0)
}

.trusted-client {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: start;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 20px
}

.trusted-client .partner {
	width: 100%;
	max-width: 150px;
	margin-bottom: 15px;
	margin-top: 15px
}

.trusted-client .partner img {
	display: block;
	max-width: 130px;
	width: 100%;
	filter: invert(100);
	margin: 0 auto;
	opacity: 1
}

.contact-grid-pad {
	padding: 20px
}

.contact-content {
	padding: 10px
}

.contact-top h2 {
	font-size: 42px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: start
}

.pt-30 {
	padding-top: 30px
}

.trusted-client {
	display: flex;
	-webkit-box-pack: justify;
	justify-content: start;
	-webkit-box-align: center;
	align-items: center;
	flex-wrap: wrap;
	column-gap: 20px
}

.trusted-client .partner {
	width: 100%;
	max-width: 150px;
	margin-bottom: 15px;
	margin-top: 15px
}

.trusted-client .partner img {
	display: block;
	max-width: 130px;
	width: 100%;
	filter: invert(100);
	margin: 0 auto;
	opacity: 1
}

.model-contact-section .map-bg {
	position: absolute;
	z-index: -1;
	top: 120px;
	left: 0;
	right: 0;
	text-align: center;
	margin: 0 auto
}

.model-contact-section .map-bg img {
	max-width: 100%;
	height: auto
}

.footer-contact {
	display: flex;
	flex-direction: column;
	row-gap: 25px
}

.footer-contact-flex {
	display: flex;
	align-items: center;
	justify-content: start;
	gap: 8px
}

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

.footer-icon img {
	height: 22px;
	width: 22px
}

.footer-contact-info address {
	margin-bottom: 0;
	font-size: 14px;
	color: var(--bs-black);
	font-weight: 500;
	font-style: normal;
	letter-spacing: .4px;
	line-height: 22px
}

.footer-contact-info a {
	margin-bottom: 0;
	font-size: 14px;
	color: var(--bs-black);
	font-weight: 500;
	font-style: normal;
	letter-spacing: .4px;
	line-height: 22px;
	text-decoration: none
}

.elementor-element-7 {
	padding: 50px 0
}

.process-head {
	margin: 30px 0
}

.process-head h2 {
	font-size: 42px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: center
}
@media (max-width: 767px){
	.process-head h2 {
		font-size: 26px;
	}
}

.process-head p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	max-width: 800px;
	margin: 0 auto;
	text-align: center
}

.process-content {
	position: relative;
	padding: 35px 0
}

.process-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 80px;
	align-items: center;
	max-width: 800px;
	margin: 0 auto;
	z-index: 5;
	position: relative
}

.process-image {
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center
}

.process-image img {
	width: 100%
}
@media screen and (max-width: 767px) {
	.process-image img {
		width: 50%
	}
}

.process-info {
	padding: 20px
}

.process-info h4 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black)
}

.process-info p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	margin-bottom: 0
}

.process-count {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 30%);
	height: 100%
}

.process-count::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -40%);
	height: 66%;
	width: 2px;
	background-color: #7bd2ff
}

.process-count span {
	height: 45px;
	width: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background-color: #fff;
	z-index: 1;
	position: relative;
	border: 2px solid #b5daed;
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bg-theme-2)
}

.process-content:nth-last-of-type(1) .process-count:after {
	display: none
}

.elementor-element-8 {
	padding: 50px 0
}

.elementor-content-image {
	max-width: 100%;
	text-align: center;
	width: auto;
	height: auto;
	border-radius: 12px 12px 12px 12px;
	-webkit-backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(10px) hue-rotate(0);
	backdrop-filter: brightness(100%) contrast(100%) saturate(100%) blur(10px) hue-rotate(0);
	transition: transform .2s ease-out
}

.elementor-content-image img {
	max-width: 100%;
	width: auto;
	height: auto;
	object-fit: contain
}
@media (max-width: 767px) {
	.elementor-content-image img{
		max-width: 75%;
	}
}

.elementor-content-content {
	padding: 0;
}

.elementor-content-content h2 {
	font-size: 36px;
	line-height: 50px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: start;
}

.elementor-content-content .ele-highlight {
	font-size: 22px;
	line-height: 38px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .2px;
	color: var(--bg-theme-1);
	text-align: start;
	display: block;
	margin-bottom: 10px
}

.elementor-content-content p {
	font-size: 17px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black)
}

.element-8-pad {
	padding: 40px 0;
}

.main-contact-section {
	padding: 0;
	position: relative;
	padding-bottom: 100px
}

.main-contact-form-title h1 {
	font-size: 52px;
	line-height: 78px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .5px;
	color: var(--bg-theme-1);
	text-align: start
}

.main-contact-flex {
	display: flex;
	align-items: start;
	justify-content: start;
	flex-wrap: wrap
}

.flex-contact-1,
.flex-contact-2 {
	width: 50%
}

.flex-main-contact-form {
	padding-top: 150px;
	padding-left: 80px
}

.main-contact-form-title {
	padding-bottom: 40px;
	display: block
}

.flex-main-contact-form fieldset {
	width: 100%;
	margin-bottom: 15px
}

.landing-after-shape::before {
	content: "";
	position: absolute;
	left: -58px;
	top: 0;
	height: 85%;
	width: 35%;
	background-image: url(../image/shape/banner-shape.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	opacity: .05
}

.process-shape {
	position: relative;
	width: 100%;
	overflow: hidden
}

.process-shape::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	height: 70%;
	width: 33%;
	background-image: url(../image/shape/banner-shape.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	opacity: .03
}

.process-shape::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	height: 70%;
	width: 33%;
	background-image: url(../image/shape/banner-shape.svg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top;
	opacity: .03
}

.wc-hero-section {
	padding: 6rem 0;
	min-height: 100vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity .5s ease;
	overflow: hidden;
	background: #fff;
	background-image: radial-gradient(at 3.4% 12.4%, #e6f6ff 0, transparent 50%), radial-gradient(at 95.2% 12.4%, #e6f6ff 0, transparent 50%), radial-gradient(at 95.6% 91.3%, #f0faff 0, transparent 50%), radial-gradient(at 2.5% 92.4%, #f0faff 0, transparent 50%)
}

.animated {
	animation-duration: 1s;
	animation-fill-mode: both
}

.subtitle-wrapper {
	background: #fff;
	color: #fff;
	padding: 10px 20px;
	width: fit-content;
	border-radius: 40px
}

.text-left .section-subtitle {
	text-align: left !important;
	margin: 0
}

.section-subtitle {
	color: #222 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	font-family: var(--bs-font-Inter);
	letter-spacing: 1px
}

.text-left .section-border {
	background-position: left !important
}

.section-border.left,
.section-border.right {
	width: 5px;
	height: 15px;
	display: inline-flex;
	margin-left: 5px;
	margin-bottom: -2px;
	margin-top: 0;
	animation: fadeIn .7s infinite;
	border-radius: 10px
}

.section-border {
	margin: 5px 0 25px
}

.orange-border {
	background: var(--bg-theme-1)
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.button-holder,
.discription-holder,
.title-holder {
	margin-top: 30px
}

h1.section-title {
	font-size: 52px;
	line-height: 78px;
	font-weight: 700;
	font-style: normal;
	letter-spacing: .5px;
	color: var(--bs-black)
}

p.section-disk {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-black)
}

.wc-wrape-section {
	padding: 100px 0
}

.wc-wrapper {
	background: #f7f7f8;
	color: #fff;
	padding: 10px 20px;
	width: fit-content;
	border-radius: 40px
}

.text-left .wc-subtitle {
	text-align: left !important;
	margin: 0
}

.wc-subtitle {
	color: #222 !important;
	font-size: 14px;
	font-weight: 600;
	line-height: 1;
	font-family: var(--bs-font-Inter);
	letter-spacing: 1px
}

.text-left .wc-border {
	background-position: left !important
}

.wc-border.left,
.wc-border.right {
	width: 5px;
	height: 15px;
	display: inline-flex;
	margin-left: 5px;
	margin-bottom: -2px;
	margin-top: 0;
	animation: fadeIn .7s infinite;
	border-radius: 10px
}

.wc-border {
	margin: 5px 0 25px
}

.orange-border {
	background: var(--bg-theme-1)
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}

	100% {
		opacity: 1
	}
}

.button-holder,
.discription-holder,
.listout-holder,
.title-holder {
	margin-top: 15px
}

h2.wc-title {
	font-size: 42px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: start
}

p.wc-disk {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-black)
}

p.wc-disk:nth-last-child(1) {
	margin-bottom: 0
}

.wc-wrape-image {
	max-width: 100%;
	width: 100%;
	height: 100%;
	object-fit: contain;
	display: flex;
	align-items: center;
	justify-content: center
}

.wc-wrape-image img {
	max-width: 100%;
	width: auto;
	height: auto
}

.list-unstyle {
	list-style: none;
	padding: 0
}

.list-unstyle li {
	position: relative;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-black);
	padding: 4px 2px 4px 20px
}

.list-unstyle li::before {
	content: "\f061";
	font-family: fontawesome;
	font-size: 15px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	color: var(--bg-theme-1)
}

.wc-wrape-boxes {
	padding: 100px 0
}

.vc-column-inner {
	box-sizing: border-box;
	width: 100%
}

.mt-icon-listgroup-holder {
	border-radius: 5px;
	border: 1.5px solid #e9e9e9;
	padding: 30px 28px 30px;
	-moz-transition: all 250ms ease;
	-ms-transition: all 250ms ease;
	-webkit-transition: all 250ms ease;
	transition: all 250ms ease
}

.mt-icon-listgroup-icon-holder-inner {
	text-align: center
}

.mt-icon-listgroup-holder a {
	text-decoration: none
}

.mt-icon-listgroup-holder .mt-icon-listgroup-icon-holder-inner {
	transition: box-shadow .3s ease, background .3s ease;
	-moz-transition: all 550ms ease;
	-ms-transition: all 550ms ease;
	-webkit-transition: all 550ms ease;
	transition: all 550ms ease
}

.mt-icon-listgroup-item .mt-icon-listgroup-holder .mt-icon-listgroup-content-holder-inner {
	overflow: hidden;
	text-align: center;
	-moz-transition: all 550ms ease;
	-ms-transition: all 550ms ease;
	-webkit-transition: all 550ms ease;
	transition: all 550ms ease
}

.mt-icon-listgroup-item .mt-icon-listgroup-title {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black)
}

.mt-icon-listgroup-item .mt-icon-listgroup-holder p.mt-icon-listgroup-text {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-pera);
	margin: 0
}

.mt-icon-listgroup-holder:hover {
	box-shadow: rgb(17 12 46/13%) 0 48px 100px 0;
	border-color: #fff;
	background: #fff
}

.mt-icon-listgroup-holder:hover .mt-icon-listgroup-icon-holder-inner {
	opacity: 0;
	transform: translate(0, -43.7px)
}

.mt-icon-listgroup-holder:hover .mt-icon-listgroup-content-holder-inner {
	transform: translate(0, -56.7px)
}

.wcp-margin {
	margin-top: 24px !important
}

.wc-wrape-touch-section {
	background: #e5e4fd url(../image/services-page/bg.jpg) !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	transition: opacity .5s ease;
	overflow: hidden;
	padding: 100px 0
}

.orange-white {
	background: #fff
}

.wc-wrape-flex-touch {
	display: flex;
	justify-content: center;
	height: 100%;
	width: 100%
}

.touch-wc-50 {
	width: 50%;
	margin: 0 15px
}

#messanger {
	padding: 28px 10px;
	border-radius: 10px;
	background-color: #fff;
	width: 100%;
	margin: 15px 0 auto auto;
	box-shadow: rgb(17 12 46/13%) 0 48px 100px 0;
	height: 100%
}

#messanger .inner {
	margin-left: 50px;
	width: calc(100% - 60px);
	position: relative
}

#messanger .incoming,
.send {
	position: relative;
	margin-bottom: 1.5em
}

#messanger p {
	font-family: var(--bs-font-Inter);
	line-height: 25px;
	font-weight: 400;
	color: #4c4c4c;
	font-size: 16px;
	margin: 4px 0;
	position: relative
}

#messanger .send p {
	text-align: right
}

.bubble {
	display: flex;
	background-color: #fff;
	color: #1163fa;
	border: 1px solid #1163fa;
	padding: 5px 10px;
	border-radius: 5px;
	font-weight: 600;
	display: inline-flex;
	font-size: 16px;
	gap: 10px;
	align-items: center;
	transition: all .5s;
	cursor: pointer;
	text-decoration: none
}

#messanger .bubble {
	background-color: #eee;
	padding: 6px 12px;
	border-radius: 16px;
	display: inline-block;
	max-width: 70%;
	border-radius: 4px 16px 16px 4px;
	-webkit-border-radius: 4px 16px 16px 4px;
	-moz-border-radius: 4px 16px 16px 4px
}

#messanger .send .bubble {
	background-color: #e3e0ff;
	text-align: left;
	border-radius: 16px 4px 4px 16px;
	-webkit-border-radius: 16px 4px 4px 16px;
	-moz-border-radius: 16px 4px 4px 16px
}

#messanger .send p:last-child .bubble {
	border-radius: 16px 4px 16px 16px;
	-webkit-border-radius: 16px 4px 16px 16px;
	-moz-border-radius: 16px 4px 16px 16px
}

#messanger .icon-wrap {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	width: 32px;
	height: 32px;
	overflow: hidden;
	position: absolute
}

#messanger .incoming .icon-wrap {
	left: -45px;
	bottom: -2px
}

#messanger .icon-wrap img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%
}

#wave {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2px
}

#messanger p:only-child .bubble {
	border-radius: 16px !important;
	-webkit-border-radius: 16px !important;
	-moz-border-radius: 16px !important
}

#messanger .incoming p:first-child .bubble {
	border-radius: 16px 16px 16px 4px;
	-webkit-border-radius: 16px 16px 16px 4px;
	-moz-border-radius: 16px 16px 16px 4px
}

#messanger .incoming p:last-child .bubble {
	border-radius: 4px 16px 16px 16px;
	-webkit-border-radius: 4px 16px 16px 16px;
	-moz-border-radius: 4px 16px 16px 16px
}

#messanger .dot {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	margin-right: 3px;
	background: rgba(0, 0, 0, .6);
	animation: wave 2s linear infinite
}

#messanger .dot:nth-child(2) {
	animation-delay: -1.8s
}

#messanger .dot:nth-child(3) {
	animation-delay: -1.6s
}

@keyframes wave {

	0%,
	100%,
	40% {
		transform: initial;
		background: rgba(0, 0, 0, .6)
	}

	20% {
		transform: translateY(-8px);
		background: rgba(0, 0, 0, .3)
	}
}

.wc-wrape-form .wc-form-content {
	padding: 28px 30px;
	border-radius: 10px;
	background-color: var(--bg-theme-1);
	width: 100%;
	margin: 15px 0 auto auto;
	box-shadow: rgb(17 12 46/13%) 0 48px 100px 0;
	height: 100%
}

.wc-wrape-contact {
	height: 100%
}

.wpb_raw_code.wpb_content_element.wpb_raw_html {
	height: 100%
}

.wpb_wrapper {
	height: 100%
}

.wc-wrape-form {
	height: 100%
}

.form-title {
	font-size: 26px;
	line-height: 46px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: 1px;
	color: var(--bs-white)
}

.wc-form-content form {
	margin-top: 20px
}

.services-control-form {
	margin-bottom: 25px;
	width: 100%
}

.services-control-form input:not([type=submit]),
.services-control-form textarea {
	padding: .2rem 0;
	width: 100%;
	border: none;
	border-radius: 0;
	font-size: 16px !important;
	letter-spacing: 1px !important;
	font-weight: 400 !important;
	line-height: 2rem !important;
	color: var(--bs-white);
	outline: 0;
	box-shadow: none !important;
	border-bottom: 1px solid rgba(214, 208, 221, .4) !important;
	background: 0 0;
	transition: all 250ms ease;
	-webkit-transition: all 250ms ease
}

.services-control-form .form-control:focus {
	border-color: var(--bs-white) !important;
	background-color: transparent !important;
	padding-left: 20px !important;
	color: var(--bs-white) !important
}

.services-control-form input::placeholder,
.services-control-form textarea::placeholder {
	padding: .2rem 0;
	width: 100%;
	border: none;
	border-radius: 0;
	font-size: 15px !important;
	letter-spacing: 1px !important;
	font-weight: 300 !important;
	line-height: 2rem !important;
	color: var(--bs-white);
	outline: 0;
	box-shadow: none !important;
	background: 0 0
}

.thankyoucontent {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	background-color: var(--bg-theme-1)
}
.thankyoucontent1{
    height: 971px !important;
}

    /* .skiiii {
  margin-top: 300px !important; 
} */

@media (max-width: 600px) {
  /* .skiiii {
    margin-top: 500px !important;
  } */
  .thankyoucontent1{
    height: 880px !important;
}
}
.thank-wrapper-1 {
	width: 100%;
	height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.thank-wrapper-2 {
	padding: 30px;
	text-align: center
}

.thankyoucontent h1 {
	font-family: var(--bs-font-Inter);
	font-size: 4em;
	font-weight: 900;
	letter-spacing: 3px;
	color: #fafafa;
	margin: 0;
	margin-top: 40px;
	margin-bottom: 40px
}

.thank-wrapper-2 p {
	margin: 0;
	font-size: 1.3em;
	color: #fafafa;
	font-family: var(--bs-font-Inter);
	letter-spacing: 1px;
	line-height: 1.5
}

.go-home {
	background: #fff;
	border: none;
	padding: 20px 30px;
	margin: 30px 0;
	border-radius: 9999px;
	cursor: pointer
}

.go-home:hover {
	opacity: .9
}

.go-home a {
	font-family: var(--bs-font-Inter);
	font-size: 1rem;
	font-weight: 700 !important;
	text-transform: uppercase;
	letter-spacing: 2px;
	text-decoration: none;
	color: #000
}

@media (min-width:360px) {
	.thankyoucontent h1 {
		font-size: 4.5em
	}

	.go-home {
		margin-bottom: 20px
	}
}

@media (min-width:600px) {
	.thank-wrapper-1 {
		height: initial;
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 50px
	}
}

.main-contact-image {
	padding-top: 5rem
}

.main-contact-image img {
	width: 100%
}

.cta-two {
	padding: 50px 0
}

.cta-two .cto-wrapper {
	max-width: 1350px;
	padding: 80px 65px;
	background-position: 50%;
	background-size: cover;
	background-color: transparent;
	border-radius: 20px;
	background-repeat: no-repeat;
	background-image: url(../image/action/cta-bg.webp)
}

.gaper {
	row-gap: 30px
}

.title-anim {
	font-size: 42px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-white);
	text-align: start
}

.btn--tertiary {
	z-index: 1;
	color: #fff;
	background-color: transparent;
	border: 2px solid var(--bg-theme-1) !important;
	gap: 20px;
	display: inline-flex;
	align-items: center;
	text-transform: capitalize;
	padding: 16px 32px;
	font-weight: 600;
	position: relative;
	overflow: hidden;
	border-radius: 50px;
	text-decoration: none;
	letter-spacing: 1px
}

.btn--tertiary:before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 0;
	height: 100%;
	background-color: var(--bg-theme-1);
	transition: all .6s ease;
	z-index: -1
}

.btn--tertiary:hover {
	color: var(--bs-white)
}

.btn--tertiary:hover:before {
	width: 100%;
	left: 0
}

.btn--tertiary i {
	transform: rotate(-45deg)
}

.cta-find h4 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: center;
	margin-bottom: 20px
}

.cta-find a {
	margin: 0 auto
}

.cta-find a svg {
	fill: #fff
}

@media (max-width:992px) {
	.title-anim {
		text-align: center
	}
}

@media (max-width:500px) {
	.cta-two{
		padding: 0px;
	}
	
	.cto-wrapper {
		padding: 50px 35px;
	}

	.gaper {
		row-gap: 15px
	}

	.title-anim {
		text-align: center
	}

	.title-anim {
		font-size: 24px;
		line-height: 38px
	}

	.btn--tertiary {
		padding: 12px 24px
	}
}

.elementor-dark-box-image img {
	width: 100%;
	height: auto
}

.testimonial-container {
	padding: 0
}

.testimonial-container .swiper-slide {
	width: 50%
}

.testimonial-container .swiper-slide .swiper-content {
	padding: 2rem
}

.swiper-content-flex {
	display: flex;
	align-items: flex-start;
	justify-content: flex-start
}

.swiper-content-1 {
	width: 40%
}

.swiper-content-2 {
	width: 60%;
	padding-left: 15px
}

.swiper-content-image img {
	max-width: 100%;
	width: auto;
	height: auto
}

.swiper-content .swiper-disk p {
	margin-bottom: 0
}

.swiper-about {
	padding-left: 0
}

.testimonial-head-title {
	padding: 50px 0
}

.testimonial-head-title h2 {
	font-size: 42px;
	line-height: 54px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: center
}

.testimonial-head-title p {
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: center
}

.new-testimonial-slider {
	border-top: 1px solid #e3dfe8;
	position: relative
}

.new-testimonial-slider::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	margin: 0 auto;
	background: #e3dfe8;
	content: "";
	z-index: -1
}

.my-new-swiper-wrapper {
	position: relative
}

.my-new-swiper-wrapper::before {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	margin: 0 auto;
	background: #e3dfe8;
	content: "";
	z-index: -1
}

.new-swiper-content {
	padding: 10px 110px;
	text-align: start
}

.new-swiper-quite {
	display: block;
	text-align: start;
	margin-bottom: 20px
}

.new-swiper-quite img {
	height: 55px
}

.new-swiper-disk p {
	text-align: start;
	display: block;
	font-size: 16px;
	line-height: 26px;
	font-weight: 400;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-light-pera)
}

.new-swiper-name {
	display: block;
	text-align: start;
	margin-bottom: 20px
}

.new-swiper-name h3 {
	font-size: 20px;
	line-height: 26px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	text-align: start;
	display: block
}

.new-swiper-img {
	text-align: start;
	margin: 0;
	position: relative;
	display: inline-block;
	overflow: hidden;
	border-radius: 10px
}

.new-swiper-img img {
	width: 100%;
	display: block;
	height: auto;
	max-width: 100%;
	border: none;
	box-shadow: none;
	overflow: hidden;
	border-radius: 10px
}

@media screen and (max-width:1400px) {
	.new-swiper-content {
		padding: 10px 60px
	}
}

@media screen and (max-width:992px) {
	.new-swiper-content {
		padding: 10px 35px
	}

	.new-swiper-quite img {
		height: 40px
	}

	.my-new-swiper-wrapper::before {
		width: 0
	}

	.new-swiper-img img {
		max-width: 50%
	}
}

@media screen and (max-width:768px) {
	.new-swiper-quite img {
		height: 40px
	}

	.my-new-swiper-wrapper::before {
		width: 0
	}

	.new-swiper-img img {
		max-width: 50%
	}
}

@media screen and (max-width:500px) {
	.new-swiper-content {
		padding: 10px 15px
	}

	.new-swiper-disk p {
		font-size: 14px
	}

	.new-swiper-name h3 {
		font-size: 16px
	}

	.testimonial-head-title {
		padding: 20px 0
	}

	.testimonial-head-title h2 {
		font-size: 24px;
		line-height: 30px
	}

	.testimonial-head-title p {
		font-size: 15px;
		line-height: 24px
	}
}

.new-index-page {
	padding: 4rem 0;
	text-align: center
}
.new-index-page h1{
	margin-top: 0px !important;
}

@media screen and (max-width:768px) {
	.new-index-page {
		padding: 1rem 0
	}
}

.new-page-p-size {
	font-size: 18px;
	line-height: 24px
}

@media (max-width:768px) {
	.new-page-p-size {
		font-size: 17px;
		line-height: 24px
	}
}

.new-index-page .hero-section-para {
	max-width: 60rem;
	margin: 2rem auto
}

.new-index-page .hero-btn {
	position: relative;
	transition: all .3s ease-in-out;
	box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
	padding-block: .5rem;
	padding-inline: 1.25rem;
	background-color: var(--bg-theme-1);
	border-radius: 9999px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	color: #ffff;
	gap: 10px;
	font-weight: 600;
	border: 3px solid #ffffff4d;
	outline: 0;
	overflow: hidden;
	font-size: 15px;
	text-decoration: none;
	letter-spacing: .6px;
	font-family: var(--bs-font-Inter);
	width: max-content
}

.new-index-btn {
	background-color: var(--bg-theme-1)
}

.card-section {
	background-color: #dfe6ed3d;
	padding: 3rem 0
}

.main-page-card-title {
	color: #2a67b0
}

.card-section .card-item {
	padding-bottom: 1rem;
	border-radius: 1rem;
	border: none
}

.card-item h3 {
	margin-top: 5%;
	font-weight: 700;
	font-size: 2rem
}

.card-item-img {
	width: 8rem;
	height: 4rem
}

.scraping-container {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5rem 0;
}

@media screen and (max-width: 768px) {
	.scraping-container{
		padding: 0px;
	}
}

.scraping-content {
	max-width: 600px;
	display: flex;
	flex-direction: column;
	gap: 1rem;
	align-content: space-evenly
}

.scraping-content p {
	text-align: justify
}

.new-page-list-icon {
	color: var(--bg-theme-1)
}

.scraping-img {
	max-width: 100%;
	height: auto;
}

.cta-button {
	background-color: #007bff;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	text-decoration: none
}

.Web-Scraping-Solutions-img {
	max-width: 656px
}



.benefits-section {
	background-color: #e9ecef;
	background-color: var(--sectin-bg-card);
	padding: 29px 0
}

.benefit-card {
	background-color: #fff;
	padding: 20px;
	border-radius: 10px;
	height: 100%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.cta-button {
	background-color: #007bff;
	color: #fff;
	border-radius: 5px;
	padding: 10px 20px;
	text-decoration: none
}

.benefit-title {
	font-size: 1.1rem;
	font-weight: 600;
	color: #007bff
}

.benefit-text {
	font-size: .9rem;
	color: #6c757d
}

.benefit-card-img,
.new-page-icon-size {
	width: 1.5rem;
	height: 1.5rem
}

.card-hover {
	border: 1px solid #fff;
	width: 305px;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, .16) 0 1px 4px
}

.card-hover:hover {
	border: 1px solid var(--bg-theme-1);
	box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
	transform: scale(1.1);
	transition: transform .3s cubic-bezier(.4, 0, .2, 1), box-shadow .3s cubic-bezier(.4, 0, .2, 1), border-color .3s cubic-bezier(.4, 0, .2, 1);
	cursor: pointer
}

.card-hover-solution:hover {
	border: 1px solid var(--bg-theme-1);
	box-shadow: rgba(100, 100, 111, .2) 0 7px 29px 0;
	transform: scale(1.1);
	transition: transform .3s ease-in-out;
	background-color: var(--section-bg-card-hover);
	cursor: pointer
}

.card-hover:hover .arrow-icon-hover {
	padding: 10px;
	border-radius: .5rem;
	background-color: var(--bg-theme-1);
	color: #fff
}

.new-page-arrow-icon {
	transform: rotate(-30deg)
}

.arrow-icon-hover {
	border-radius: .5rem
}

.new-page-icon-grid {
	display: grid;
	justify-content: center;
	align-items: center;
	grid-template-columns: repeat(1, 1fr);
	grid-gap: 20px;
	justify-items: center;
	grid-auto-rows: min-content; /* Row height based on content */
	padding-bottom: 2rem;
}

.new-page-icon-grid-item {
	text-align: center;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1)
}

.new-page-pupular-category {
	padding: 5rem 0;
}
@media  (max-width: 768px) {
	.new-page-pupular-category {
		padding: 2rem 0 !important;
	}
}

.new-main-page-sec-1 {
	background: url(../image/main-page/banner.svg);
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain
}

.new-index-icons-size {
	width: 2.5rem;
	margin: 1rem auto 0 auto
}

.web-scraping-services-text-size h3{
	font-size: large;
}

@media (max-width: 992px) {
	.scraper-page-left-img-container{
		max-width: 25rem !important;
		margin-bottom: 0px !important;
		text-align: center;
	}
}
@media (min-width: 768px) {
	.scraper-page-left-img-container{
		width: 50%;
	}
}

@media (min-width:576px) {
	.new-page-icon-grid {
		grid-template-columns: repeat(2, 1fr)
	}

	.scraping-content {
		gap: .7rem
	}

	.Web-Scraping-Solutions-img {
		margin-right: 4rem;
	}
}
@media (max-width: 768px) {
	.Web-Scraping-Solutions-img {
		display: none !important;
	}
}

@media (min-width:992px) {
	.new-page-icon-grid {
		grid-template-columns: repeat(4, 1fr)
	}
}

.stat-box {
	border: 1px solid #eee;
	padding: 30px;
	text-align: center;
	border-radius: 8px;
	background-color: #f8f9fa;
	position: relative
}

.stat-box h2 {
	font-size: 2.5rem;
	margin: 0;
	font-weight: 700
}

.stat-box p {
	font-size: 1.2rem;
	margin-top: 10px;
	color: #6c757d
}

.highlight-green {
	color: #38b249
}

.highlight-purple {
	color: #6f42c1
}

.highlight-orange {
	color: #ff9f43
}

.highlight-pink {
	color: #fc5c7d
}

.scroll-container {
	/* height: 80vh; */
	height: auto;
	overflow-y: scroll;
	padding-right: 15px;
	padding-left: 15px
}

.scroll-container::-webkit-scrollbar {
	width: 5px
}

.scroll-container::-webkit-scrollbar-track {
	background: #f1f1f1
}

.scroll-container::-webkit-scrollbar-thumb {
	background: var(--bg-theme-1)
}

.scraper-card {
	padding: 30px;
	padding: 30px 30px;
	background-color: #f3f3fd;
	border-radius: 25px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	max-width: 25rem;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between
}



.scraper-card img {
	width: 3rem;
	height: 3rem
}

.search-theme {
	padding: .4rem;
	max-width: 40rem;
	background-color: var(--bg-theme-1);
	margin: 0 auto;
	border-radius: .5rem
}

.search-btn {
	margin-left: 1rem;
	margin: 0 auto;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 700;
	cursor: pointer;
	border-color: var(--bg-theme-1);
	background-color: #fff;
	padding: .4rem 1rem;
	border-radius: .6rem !important;
	border: none
}

.card-des {
	margin: 0;
	margin-top: .5rem
}

.ecommerce-page-left-right-image {
	height: 30rem !important;
	width: 30rem !important;
	border-radius: 50%
}
@media (max-width: 768px) {
	.ecommerce-page-left-right-image{
		height: 20rem !important;
		width: 20rem !important;
	}
	
}

.ecommerce-card-icon {
	width: 2rem;
}

.ecommerce-page-company-logo {
	width: 4rem;
	height: 5rem
}

.ecommerce-page-company-logo img {
	width: 100%;
	height: 100%
}

.food-page-company-logo {
	width: 63px;
	height: 58px
}

.card-width-24rem {
	width: 22rem
}

.blog-card {
	border-radius: 1rem;
	padding: 0 !important;
	overflow: hidden;
	max-width: 20rem !important;
	padding-bottom: 1rem !important;
	margin-right: 1rem;
}
@media screen and (min-width: 992px) {	
	.list-group-item {
		text-wrap: auto;
	}
}
.blog-card a{
	color: var(--bs-black) ;
}

.blog-card div:nth-child(2) {
	padding: 1rem 2rem
}

.blog-card:hover {
	box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
	cursor: pointer
}

.list-group-active-color button.active {
	background-color: var(--bg-theme-1)
}

.blog-section img {
	width: 100%;
	margin: 1rem 0
}

.blog-section h2 {
	font-size: 26px;
	margin: 1rem 0
}

.blog-section h3 {
	font-size: 24px
}

.blog-section ul li {
	list-style-type: circle;
	color: #000
}

.blog-section ul {
	list-style-type: disc
}

.blog-section ul li::marker {
	color: #000;
	background-color: #000
}

pre {
	background-color: #272c3d;
	padding: 1rem 10px;
	border-radius: 5px;
	color: #fff
}

.blog-section pre code {
	color: #fff
}

.sticky-form{
	position: sticky;
	top: 165px;
}

/* @media (min-width:992px) {
	.sticky-form {
		position: sticky;
		top: 11rem;
		transition: top .3s ease-in-out, position .3s ease-in-out
	}

	.sticky-form {
		max-width: 20rem;
		margin-right: .5rem
	}
} */

.blog-card-title {
	font-size: 20px;
	font-weight: 700;
	color: #333;
	display: -webkit-box;
	/* -webkit-line-clamp: 2; */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	
	font-weight: 600
}

.fs-14px {
	font-size: 14px
}

.at-bottom {
	top: -16rem !important
}

.blog-form textarea,
input::placeholder {
	font-size: 13px
}

.static {
	position: static !important;
	top: auto
}

.blog-from-background {
	background-color: var(--bg-theme-1) !important
}

.blog-form input:focus {
	background-color: #fff !important
}

.blog-form textarea:focus {
	background-color: #fff !important
}

.blog-image {
	width: 14rem
}

@media screen and (max-width:767px) {
	.blog-card {
		margin-right: 0rem;
	}
}

.row.gap-4 {
	row-gap: 20px;
	column-gap: 20px
}

.pagination-controls {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px 0;
	gap: 10px
}

.pagination-controls button {
	padding: 10px 20px;
	font-size: 16px;
	cursor: pointer;
	border: none;
	background-color: #007bff;
	color: #fff;
	border-radius: 5px
}

.pagination-controls button:disabled {
	background-color: #ccc;
	cursor: not-allowed
}

.pagination-controls span {
	font-size: 16px
}

.blog-card:hover {
	box-shadow: rgba(0, 0, 0, .35) 0 5px 15px;
	cursor: pointer
}

.blog-card-image {
	width: 100%;
	height: 15rem
}

.tab-section {
	max-width: 200px
}

.blog-card {
	display: none
}
.popular-page-card-container .blog-card{
 height: fit-content;
}
 /* Categories  */
.new-scarper-category-btn {
	display: inline-block;
	padding: 10px 40px;
	
	border-radius: 9px;
	border: 1px solid #e0e0e0;
	background: white;
	cursor: pointer;
	transition: all 0.3s ease;
	
  }
  
  .new-scarper-category-btn.active {
	background: #1d6bb5;
	color: white;
	font-weight: 500;
	border-color: #1d6bb5;
  }

  .new-scarper-categories-scroll {
    width: 100%; 
    height: auto; 
    overflow-x: scroll;  
    padding-right: 15px;
    padding-left: 15px;
    white-space: nowrap; 
	margin-bottom: 20px;
	display: flex;
	gap: 15px;
	padding: 15px 0;
  }

.new-scarper-categories-scroll::-webkit-scrollbar {
    height: 5px; /* Set the height of the horizontal scrollbar */
}

.new-scarper-categories-scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}

.new-scarper-categories-scroll::-webkit-scrollbar-thumb {
    background: var(--bg-theme-1);
}


  /* Categories  */

/* solutions-page-image-section */
  .img-size img{
	width: 340px !important;
  }

  @media (min-width: 320px) and (max-width: 991px ) {
	.img-size img{
		/* width: 340px !important; */
		margin-bottom: -66px !important;
	  }

	  /* .benefits-section{
		margin-top: 42px;
	  } */

	  .display-font{
		font-size: 26px !important;
	  }
  }

  .content-div{
	margin-bottom: -3rem !important;
  }

 @media (min-width: 320px) and (max-width:480px ) {
	  .img-size img{													
		margin-left: -93px;
	  }
  }
  /* solutions-page-image-section */


  

  
/* Solutions-page-category-card */


 
  .card-design h5:hover{
	color: #1c6bb5	;
  }

  .mt-4{

	margin-left: 10px;
  }

 

  @media (max-width: 991px) {

	.card-design h5{
		font-size: 18px !important;
	}
	  
	.card-design{
		width: 45% !important;
	}

	.mt-4{
		margin-left: -9px !important;
		font-size: 14px;
	}
	
  }

  @media (max-width: 767px) {

	.card-design h5{
		font-size: 18px !important;
	}
	  
	.card-design{
		width: 45% !important;
	}

	.mt-4{
		margin-left: 11rem !important;
		font-size: 14px;
	}

	.new-height{
		height: 105% !important;
	}

  }

 

@media (min-width: 320px) and (max-width:447px) {
	
	.mt-4{
		margin-left: 70px !important;
		font-size: 14px;
	}
} 

  
  /* Solutions-page-category-card */

  /* -----------------New Page---------------------- */

  .ecommerce-card-icon{
	display: flex;
	margin-left: 1rem !important;
  }


  .card-text h4{
	text-align: left !important;
	font-size: 18px !important;
	
  }

 .card-position{
	flex-direction: row !important;
	height: 87px !important;
	align-items: center;
	justify-content: center;
	box-shadow: 2px 2px 2px 2px rgba(200, 200, 200, 0.5);
	
 }
 .small-arrow img{
	margin-right: 30px;
	/* margin-top: 5px !important; */
	height: 12px !important;
	width: 12px !important;
 }
 .learn-arrow img{
	margin-right: 30px;
	margin-top: 5px !important;
	height: 13px !important;
	width: 13px !important;
	
 }
 .learn-arrow a{
	color: black;
	text-decoration: none;
	margin-right: 9px;

 }
 .new-content-main{
	text-align: center;
 }
 .new-content-sub{
	text-align: center;
 }
 .new-margin{
	margin-top: 20px !important;
 }
 .new-content-margin{
	margin-top: -1rem !important;
 }
 .other-card-icon{
	width: 2rem
 }
 .other-margin{
	margin-top: 7rem;
	margin-bottom: 10px;
 }
 .other-section-margin{
	margin-top: 1rem;
	margin-bottom: 4rem;
 }
 .cards-margin{
	margin-bottom: 5rem;
	margin-top: -3rem !important;
 }

 .new-fonts h2{
	font-size: 36px !important;
	
	

 }
 .shadow-for-box1{
	box-shadow: 2px 2px 2px 2px rgb(221 221 221 / 80%);
}
 .new-fonts h3{
	font-size: 22px !important;
	font-weight: 700 !important;
	margin-bottom: 34px !important;

 }

 .new-card-width{
        flex: 0 0 auto;
        width: 19.666667% !important;
		margin-bottom: 2rem;
    }

.card-effect:hover{
	background-color: var(--section-bg-card-hover);
	box-shadow: var(--box-shadow)

	}

	.new-height{
		height: 109% !important;
	}

	.card-link a{
		text-decoration: none;

	}
	.card-link a h5{
		color: black;

	}

	.solution-head{
		text-align: center !important;
		margin-bottom: -1rem !important;
		margin-top: 5rem !important;
	}
	.solution-head-search{
		margin-top: -2rem !important;
		margin-bottom: 5rem !important;
	}

	.cards-height{
		gap: 0 !important;
	}

	@media (min-width: 768px) and (max-width:1400px ) {

		.new-height{
			height: 100% !important;
		}
		
	}

	@media (min-width: 768px) and (max-width:991px ) {
		.new-card-width{
			flex: 0 0 auto;
			width: 49.666667% !important;
			margin-bottom: 2rem;
		}	
	}

	@media (max-width: 767px) {
		.new-card-width{
			flex: 0 0 auto;
			width: 100.666667% !important;
			margin-bottom: 0rem;
		}	

		.new-height{
			height: 99% !important;
		}

		
		.new-fonts h2{
			font-size: 32px !important;
		
	}
	.new-fonts h3 {
    font-size: 19px !important;
	}

	.other-margin{
		margin-top: 3rem;
		margin-bottom: -5px;
	}

	.cards-margin{
		margin-bottom: 2rem;
		margin-top: -3rem !important;
	 }

	 .other-section-margin{
		margin-top: 1rem;
		margin-bottom: 2rem;
	 }
	}

	@media (min-width: 458px) and (max-width: 533px) {

		.card-content-size img
		{
			width:34px !important;
			
			

		}
		.card-content-size h5
		{
			font-size: 17px !important;

		}

	}

	@media (min-width: 320px) and (max-width: 457px) {

		.card-content-size 
		{
			
			display: flex !important;
			flex-direction: column;
			align-items: start !important;
		
	}
	.card-content-size h5
		{
			font-size: 16px !important;

		}

		.card-text h4{
			
			font-size: 14px !important;
			
		  }

	
	
}


@media   (max-width:450px ) {
	.cards-height{
		gap: 0rem !important;
	}
	.popular-page-card-container .card-design.blog-card{
 margin-right: 0 !important; 
	}
}
/* old */

.scraping-hero-container {
	
	background-image: url(../image/cta-img/cta-mobile.png);
	padding: 0 auto;
	border-radius: 24px;
	display: flex;
	justify-content: space-around;
	align-items: center;
	max-width: 1330px;
	margin: 0 auto;
	gap: 40px;
	background-repeat: no-repeat;

	
	background-size: 100% 100%;
  }

  .scraping-hero-description{
	text-align: center;
	margin-bottom: 0rem;
  }
  /* .scraping-hero-inner{
	display: flex;
	flex-direction: column;

  } */
  .mobile-hero-logo-container{
	display: flex;
	flex-direction: row;
	padding: 18px 17px;
	gap: 10px;
  }
  .mobile-hero-logo{
	display: flex;
	align-items: center;
	justify-content: center;

  }
  .mobile-hero-logo img{
	width: 200px;
  }
  .scraping-hero-content{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: white;

  }

  .button-design{
	text-decoration: none;
	display: flex;
	color: white;
	font-weight: 600;
	justify-content: center;
	text-align: center;
	background: transparent;
	border-radius: 40px;
	padding: 10px;
	width: auto;
	margin-top: 30px;
	border: 1px solid white;
	transition: 0.3s ease-in-out;
    }

.button-design:hover{
	color: #051739;
	background-color: white !important;
}
 
  .line-design{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
	width: 33rem;
	height: 2px;
	margin-top: 14px;
	border-radius: 30px;
	

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

  }

  .scraping-hero-sub{
	width: 160px;
	height: 150px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.scraping-hero-sub img{
	border-radius: 10px;
}
@media (max-width: 1080px) {
	.line-design{
		display: none;
}
}

@media (max-width: 991px) {
	.scraping-hero{
		display: none;
	}
	.mobile-hero-logo-container{
		flex-direction: column;
	}
	.scraping-hero-description{
		margin: 0 10px;
	}
	.scraping-hero-content{
		width: 100%;
	}
	.scraping-hero-container{
		background-size: cover;
	}
}

.usecase-text{
text-align: center;
}
/* 
.scraping-hero-sub img{
	width: 100%;
	height: 100%;
}

.line-design{
	background-color: white;
	width: 33rem;
	height: 2px;
	margin-right: 16px;
	border-radius: 30px;
	margin-top: -8rem;
}

.scraping-hero-content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 50px 0;
}

.scraping-hero{
	display: flex;
	gap: 23px;
}

.scraping-hero-description {
	color: white;
	font-size: 17px;
	line-height: 1.5;
	margin-bottom: 24px;
	margin-left: 5rem;
	margin-right: 2px;
  }
  
	
.button-design {
	text-decoration: none;
	display: flex;
	color: white;
	font-weight: 600;
	justify-content: center;
	text-align: center;
	background: transparent;
	border-radius: 40px;
	padding: 10px;
	width: auto;
	margin-left: -5rem;
	margin-left: 18rem;
	border: 1px solid white;
	transition: 0.3s ease-in-out;
    }
.button-design:hover{
	color: #051739;
	background-color: white !important;
}
.cta-btn{
	display: flex;
		
	}
.mobile-hero-logo-container{
	display: flex;
	flex-direction: row;
	}
	.mobile-hero-logo{
		display: flex;
		justify-content: center;
		align-items: center;
		
	}
	.mobile-hero-logo img {
		height: 50px;
	}

	@media (max-width: 1050px) {
		.line-design{
			display: none;
		}
		
	}

	@media (max-width: 1150px) {
		
		.scraping-hero-description {
			margin-left: 14rem !important;
		}
	}

	@media (max-width: 1330px) {
		.button-design{
			justify-content: center;
		}
		
	}

	@media (min-width: 992px) {
		.mobile-hero-container{
			display: none;
		}
		.scraping-hero-container {
			display: flex;
		}
	
	}
	

	@media (max-width: 991px) {
		.scraping-hero{
			display: none;
		}
		.scraping-hero-container {
			display: none;
		}
		.scraping-hero-container {
	
			background-image: url(../image/cta-img/cta-mobile.png);
			padding: 0 auto;
			border-radius: 24px;
			display: flex;
			justify-content: space-between;
			align-items: center;
			max-width: 1330px;
			margin: 0 auto;
			gap: 40px;
			background-repeat: no-repeat;	
			height: 20%;
			background-size: 100% 100%;
		  }

		  .scraping-hero-description {
			margin-left: 0 !important;
			margin-right: 12rem;
		}
		.mobile-hero-logo{
			display: flex;
			margin: 63px 15px;
			height: 60px;
			width: auto;
		
			}
			.scraping-hero-content{
				padding: 28px 0;

			}
		
		
	}

	@media (max-width: 813px) {
		.mobile-hero-logo-container{
			flex-direction: column;
		}
		.mobile-hero-logo{
			margin: 10px 15px;
			height:66px;
			justify-content: center;
			width: 37rem;
		}
		.scraping-hero-description {
			margin-left: 14px !important;
			margin-right: 24rem;
		}
	}

	@media (max-width: 700px) {
		.mobile-hero-logo{
			margin: 10px 15px;
			height:66px;
			justify-content: left;
			width: 37rem;
		}
		
	} */


	/* end */
  /* @media (max-width: 1130px) {
	.scraping-hero-description {
		margin-left: 10rem !important;
	}
	  
  }



  @media (min-width: 1130px) {
	.line-design{

	}
	
	  
  }
  

  @media (max-width: 1200px) {
	.scraping-hero-container{
	  margin-bottom: 50px !important;
	}
  }
  
  @media (max-width: 500px) {
	.scraping-hero-container{
	  margin-bottom: 30px !important;
	}
  }

  
@media (max-width: 968px) {
	.scraping-hero-container {
		flex-direction: column;
		padding: 30px;
		gap: 30px;
	}
}

@media (max-width: 768px) {
	.scraping-hero-container {
	  margin: 0 auto;
	}
  }
  
  @media (max-width: 480px) {
	.scraping-hero-container {
		padding: 20px;
	}
  }
  @media screen and (max-width:568px) {
  .scraping-hero-container{
	margin: 0 12px !important;
  }
} */



/* @media (min-width: 1400px) {
	.scraping-hero{
		display: flex;
		gap: 16px !important;
	}
  }

  @media (min-width: 1238px) and (max-width:1399px) {

	.scraping-hero{
		display: flex;
		gap: 15px !important;
	}

	.scraping-hero-sub{
		width: 122px !important;
		height: 120px;
	}
	.line-design{
		width: 35rem !important;
		height: 2px;
	} */
	
	  
 

  /* @media (max-width: 1237px) {
	.scraping-hero{
		flex-direction: column !important;
	}	

	.line-design{
		width: 42rem !important;
		height: 2px;
	}
}	

@media (min-width: 1200px) and (max-width:1220px) {
	.line-design{
		width: 41rem !important;
		height: 2px;
	}
	
} */






	
  /* -----------------New Page---------------------- */

 /* Popular pages changes */
 #categoryTabs {
	height: 500px;
	overflow-y: scroll;
	scrollbar-width: thin; 
	scrollbar-color: #1d6bb5 #f1f1f1; 
 }
 #categoryTabs::-webkit-scrollbar {
	width: 5px; 
}
 #categoryTabs a .list-group-item-action {
	width: 95%;
}

@media (max-width: 991px) {
	#categoryTabs {
		height: auto !important;
		overflow-x: scroll;
		display: flex;
		flex-direction: row;
		padding: 10px;
	}
	#categoryTabs a .list-group-item-action {
		padding: 5px 20px !important;
	}
}
 /* Popular pages changes End */

.service-page-margin-p-tag{
	margin: 1rem 0px !important;
}


/* Responsive */
@media (max-width: 767px) {
	.new-common-every-page h1 {
		margin-left: 0 !important;
		font-size: 30px;
	}
	    .element-8-pad {
        padding: 0px 0;
    }
	.new-margin11
 {
    margin-top: -20px !important;
}


}

@media (min-width: 768px) and (max-width: 991px) {
	/* .new-common-every-page #categoryTabs {
		height: auto;
		padding: 10px;
	} */
}
@media (max-width: 991px) {
	.new-common-every-page .list-group-item+.list-group-item {
		border-top-width: 1px;
	}
}

/* ------------------------------------------------case-study-------------------------------------------------------------- */

.case-boxes{
	padding-left: 0px !important;
	}


.case-testimonial{
	border-radius: 10px;
	border: 1px solid black;
	background-image: linear-gradient(#1c6bb5,white);
	padding: 2rem;
	width: 900px;
	}

	.testimonial-content{
		display: flex;
		flex-direction: row;
	}
	.testimonial-img img{
		width: 134px;
		height: 134px;
		margin-right: 33px;
		background-color: white;
		border-radius: 50%;
		
	}

	.main-case-testimonial{
		
		display: flex;
		flex-direction: column;
		justify-content: start;
		
	}
	.new-h2{
		font-size: 29px !important;
		font-weight: 600;

	}
	.testimonial-para{
		font-weight: 500;
	}

	
	@media (min-width: 1200px) and (max-width:1399px) {
		.case-testimonial{
		
			width: 710px;
			}	
	}

	@media (max-width: 1199px) {
		.testimonial-content{
			display: flex;
			flex-direction: column;
			align-items: center;
		}

		.case-testimonial{
		
			width: auto;
		}

	}

	/* ------------------------------------------------case-study-------------------------------------------------------------- */

	
/* Contact Us Page Changes */
.main-contact-form-title h2 {
	font-size: 48px;
	line-height: 78px;
	font-weight: 700;
	text-align: center  !important;
	font-style: normal;
	letter-spacing: .5px;
	color: var(--bg-theme-1);
	text-align: start;
}
.new-common-every-page.contact-us .main-contact-section {
	padding-bottom: 50px;
}
.new-common-every-page.contact-us .main-contact-form-title {
	padding-bottom: 20px;
}
.new-common-every-page.contact-us .flex-main-contact-form {
	padding-top: 20px;
}
.new-common-every-page.contact-us .this-form-field label {
	font-size: 18px;
	font-weight: 600;
}
.new-common-every-page.contact-us .main-contact-flex .this-form-field .input input {
	font-size: 17px !important;
}
@media (max-width: 1200px) {
	.new-common-every-page.contact-us .main-contact-flex {
		flex-direction: column-reverse;
	}
}
@media (max-width: 767px) {
	.new-common-every-page.contact-us .main-contact-form-title {
		padding-bottom: 10px;
	}
	.main-contact-form-title h2 {
		font-size: 38px;
	}
}
@media (max-width: 375px) {
	.main-contact-form-title h2 {
		font-size: 34px;
	}
}
/* Contact Us Page Changes End */
.solutions-main-title h1{
font-weight: 600;
}

.solutions-sub-title{
	padding: 0px !important;
}

@media (max-width: 991px) {
	.solutions-sub-title{
		padding-inline: 12px !important;
	}
}

.section-new-margin{
	margin-top: 0 !important;
	margin-bottom: 15px !important;
	margin-inline: 0 !important;
}


/* New Contact Form Design */
.new-contact-us-page-banner-section {
	padding: 50px 0;
	height: 30vh;
	position: relative;
	background-image: url(https://plus.unsplash.com/premium_photo-1676139292936-a2958a0d7177?q=80&w=2218&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	border: 2px solid red;
}
.new-contact-us-page-banner-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .4);
}
.new-contact-us-page-banner-section h1 {
	/* display: block; */
	color: #fff !important;
	position: absolute;
	top: 50%;
	left: 15%;
	transform: translate(-15%,-50%);
	margin-bottom: 0;
	padding-left: 20px;
}
.new-contact-us-page-banner-section h1::before {
    content: "";
	top: 0;
	left: 0;
	position: absolute;
    width: 5px;
    height: 50px;
    background-color: #007bff;
    display: inline-block; 
}

@media (max-width: 767px) {
	.new-contact-us-page-banner-section {
		padding: 50px 0;
		height: 30vh;
		position: relative;
		background-image: url(https://plus.unsplash.com/premium_photo-1676139292936-a2958a0d7177?q=80&w=2218&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D);
		background-position: center;
		background-size: cover;
		background-repeat: no-repeat;
		border: 2px solid red;
	}
	.new-contact-us-page-banner-section h1::before {
		height: 40px;
	}
}
@media (max-width: 600px) {
	.new-contact-us-page-banner-section h1::before {
		height: 35px;
	}
	.new-contact-us-page-banner-section h1 {
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}
@media (max-width: 550px) {
	.new-contact-us-page-banner-section h1 {
		width: 80%;
	}
	.new-contact-us-page-banner-section h1 {
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
}

/* New Contact Form Design End */


/* New contact form - Jaybeer  */

/* .msize {
	margin-top: 0;
  } */
  
  /* @media (min-width: 1030px) {
	.msize {
	  margin-top: 50px;
	}
  } */
  
  
  
  @media (max-width: 600px) {
	/* Force slider container to full width */
	.scraper-inner-page-slider-container.container {
	  max-width: 100% !important;
	  width: 100% !important;
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	  margin-left: -30px !important;
	  margin-right: 0px !important;
	}
   
	/* Adjust image slider width */
	.scraper-inner-page-slider-images-slider,
	.scraper-inner-page-slider-content-slider {
	  width: 100% !important;
	  margin-left: 0 !important;
	  margin-right: 0 !important;
	}
  
	/* Maintain image aspect ratio */
	.scraper-inner-page-slider-images-slider-image-slide {
	  height: 300px !important; /* Adjust based on your needs */
	}
  
	/* Keep navigation buttons in original position */
	.scraper-inner-page-slider-navigation-box {
	  left: 50% !important;
	  transform: translateX(-50%) !important;
	}
  }
  
  
  
  
	.scraper-inner-page-slider-content-slider {
	  background-color: #ced8f3;
  }
 
  
  
  @media (max-width: 991.98px) {
	.scraper-inner-page-how-it-works {
	  margin-left: 60px;
	}
  }
  @media (max-width: 991.98px) {
	.scraper-inner-page-how-it-works .col-12 h2 {
	  margin-top: 19px;
	  margin-left: -61px;
	}
  }
  
  
  @media (min-width: 1024px) {
	.iti-mobile .iti__country-list{
		width: 250px !important; 
	  } 
	}
	  .iti input {
	  padding-left: 52px !important;
	}
	  .formheight {
		height: 470px;
		margin-bottom: 57px;
	 
	  }
	 .formdt {
		width: 40%;
		margin-right: 60px;
	 }
	  .contactMl {
		margin-left: 185px;
	 }
	  .input-bg {
	   background-color: #bae0fa; 
	 }
	   
	 .faqMT {
		margin-top: 43px;
	 }
	  .formMB {
		margin-bottom: 160px;
	  }
	 .scraper-inner-page-how-it-works {
	   padding: 40px 0;
	 }
	 .scraper-inner-page-slider-container {
	   
	   position: relative;
	   overflow: hidden;
	   /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); */
	   background-color: #fff;
	   display: flex;
	   padding: 0 !important;
	   
	 }
	 
	 .scraper-inner-page-slider-images-slider, .scraper-inner-page-slider-content-slider {
	   width: 50%;
	   position: relative;
	   overflow: hidden;
	 }
	 
	 .scraper-inner-page-slider-images-slider-image-track, .scraper-inner-page-slider-content-slider-content-track {
	   display: flex;
	   transition: transform 0.5s ease-in-out;
	   width: 100%;
	 }
	 
	 .scraper-inner-page-slider-images-slider-image-slide {
	   min-width: 100%;
	   height: 450px;
	   background-size: cover;
	   background-position: center;
	 }
	 
	 .scraper-inner-page-slider-content-slider-content-slide {
	   box-sizing: border-box;
	   min-width: 100%;
	   height: 450px;
	   padding: 40px;
	   padding-left: 100px;
	   display: flex;
	   flex-direction: column;
	   justify-content: center;
	 }
	 
	 .scraper-inner-page-slider-content-slider-content-slide .numbering {
	   color: #000;
	   font-size: 24px;
	   font-weight: bold;
	   margin-bottom: 10px;
	 }
	 
	 .scraper-inner-page-slider-content-slider-content-slide h3 {
	   font-size: 32px;
	   font-weight: 700;
	   margin-bottom: 20px;
	 }
	 
	 
	 
	 .scraper-inner-page-slider-content-btn {
	   display: inline-block;
	   background-color: #3b82f6;
	   color: white;
	   padding: 12px 24px;
	   text-decoration: none;
	   border-radius: 50px;
	   font-weight: bold;
	   max-width: fit-content;
	   transition: background-color 0.3s;
	 }
	 
	 .scraper-inner-page-slider-content-btn:hover {
	   background-color: #3b82f6;
	 }
	 
	 .scraper-inner-page-slider-navigation-box {
	   position: absolute;
	   bottom: 50%;
	   left: 50%;
	   transform: translate(-50%, 50%);
	   display: flex;
	   gap: 10px;
	   z-index: 10;
	   padding: 12px;
	   background-color: #3b82f6;
	   border-radius: 10px;
	 }
	 
	 .scraper-inner-page-slider-navigation-slider-btn {
	   background-color: #3b82f6;
	   color: white;
	   border: none;
	   width: 40px;
	   height: 35px;
	   cursor: pointer;
	   font-size: 26px;
	   display: flex;
	   align-items: center;
	   justify-content: center;
	   padding-bottom: 5px;
	   transition: background-color 0.3s;
	 }
	 
	 .scraper-inner-page-slider-navigation-slider-btn:hover {
	   background-color: #3b82f6;
	 }
	 
	 .clone {
	   position: relative;
	 }
	 
	 @media (max-width: 991px) {
	   .scraper-inner-page-slider-container {
		 flex-direction: column;
	   }
	   .scraper-inner-page-slider-images-slider,
	   .scraper-inner-page-slider-content-slider {
		 width: 80%;
	   }
	   .scraper-inner-page-slider-content-slider-content-slide {
		 padding: 20px;
		 height: auto;
	   }
	   .scraper-inner-page-slider-images-slider-image-slide {
		 height: 400px;
	   }
	   
	   .scraper-inner-page-how-it-works {
		 padding: 5px 0;
	   }
	 }
	 @media (max-width: 767px) {
	   .scraper-inner-page-slider-container {
		 margin-top: 30px;
		 margin-bottom: 18px;
	   }
	   
	 }
	 @media (max-width: 575px) {
	   .scraper-inner-page-slider-container {
		 padding: 0 15px !important;
	   }
	 }
	
	 @media (max-width: 405px) {
	  
	   .scraper-inner-page-slider-content-slider-content-slide {
		 padding: 30px 15px 15px;
	   }
	 }
	
	 .scraper-inner-page-slider-content-btn {
	margin-top: 13px;
  }
  
  
  
  
  @media (min-width: 505px) and (max-width: 991px) {
	  .scraper-inner-page-slider-images-slider, .scraper-inner-page-slider-content-slider {
		  width: 80%;
		  left: 57px;
	  }
  }
  
  @media (min-width: 540px) and (max-width: 720px) {
	  .scraper-inner-page-slider-images-slider, .scraper-inner-page-slider-content-slider {
		bottom: 46%;
		left:5%;
	  }
  }
  
  
  
  /* Updated phone input styles */
  .iti {
	width: 100% !important;
  }
  
  .iti--separate-dial-code .iti__selected-flag {
	background-color: transparent;
	border-right: 1px solid #ccc;
	width: 90px; /* Fixed width for dial code container */
  }
  
  .iti__selected-dial-code {
	margin-left: 6px;
  }
  
  .iti--separate-dial-code input {
	padding-left: 100px !important; /* Increased padding for phone number input */
  }
  
  /* Updated search box styles */
  .iti__search-container {
	position: relative;
	padding: 8px 10px;
  }
  
  .iti__search-icon {
	position: absolute;
	left: 10px;
	top: 50%;
	transform: translateY(-50%);
	width: 16px;
	height: 16px;
	z-index: 1;
  }
  
  .iti__search-input {
	padding-left: 0px !important;
	background: transparent;
  }
  
  /* Responsive adjustments */
  @media (max-width: 640px) {
	.iti--separate-dial-code .iti__selected-flag {
	  width: 80px;
	}
	
	.iti--separate-dial-code input {
	  padding-left: 85px !important;
	}
	
	.iti__search-icon {
	  left: 15px;
	}
	
	.iti__search-input {
	  padding-left: 32px !important;
	}
  }
  
  
  
  
  /* Navigation Box Positioning */
  .scraper-inner-page-slider-navigation-box {
	  position: absolute;
	  bottom: 50%;
	  left: 50%;
	  transform: translate(-50%, 50%);
	  display: flex;
	  gap: 10px;
	  z-index: 10;
	  padding: 12px;
	  background-color: #3b82f6;
	  border-radius: 10px;
  }
  
  /* Responsive Adjustments */
  @media (max-width: 991px) {
	  .scraper-inner-page-slider-navigation-box {
		  bottom: 41% ; /* Adjust for tablet vertical centering */
	  }
  }
  
  @media (max-width: 767px) {
	  .scraper-inner-page-slider-navigation-box {
		  bottom: 42% !important; /* Medium mobile adjustment */
	  }
  }
  
  @media (max-width: 600px) {
	  .scraper-inner-page-slider-navigation-box {
		  bottom: 49% !important; /* Small mobile adjustment */
		  transform: translate(-50%, 45% );  /* Fine-tune vertical position */
	  }
  }
  
  @media (min-width: 540px) and (max-width: 720px){
	  .scraper-inner-page-slider-navigation-box {
		  bottom: 44% !important; /* Extra small devices */
		  transform: translate(-50%, 47%);
	  }
  }
  
  @media (max-width: 400px) {
	  .scraper-inner-page-slider-navigation-box {
		  bottom: 50% !important; /* Extra small devices */
		  transform: translate(-50%, 47%);
	  }
  }
  






  
/* New contact form - Jaybeer end */

/* Final Contact-Us.php CSS */
/* Set global input, textarea, and select styles */
#entry-content1 input[type="text"],
input[type="tel"],
textarea,
select {
  font-family: inherit; /* Use same font as body or set explicitly */
  font-size: 16px !important;       /* Adjust this to match the textarea placeholder */
  color: #666;           /* Adjust to match the placeholder color */
}

/* Placeholder styles */
#entry-content1 input::placeholder,
textarea::placeholder,
select::placeholder {
  font-family: inherit;
  font-size: 16px;       /* Match above */
  color: #666;           /* Match above */
  opacity: 1;            /* Ensure placeholder isn't faded */
}

/* For consistency across browsers */
#entry-content1 input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  font-family: inherit;
  font-size: 16px;
  color: #666;
}

#entry-content1 input::-ms-input-placeholder,
textarea::-ms-input-placeholder,
select::-ms-input-placeholder {
  font-family: inherit;
  font-size: 16px;
  color: #666;
}



/* Samsung Galaxy Z Fold (unfolded) */
@media (min-width: 840px) and (max-width: 920px) and (max-height: 926px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 42% !important;
	}
}

/* Surface Pro 7 (landscape) */
@media (min-width: 900px) and (max-width: 1380px) and (min-height: 700px) and (max-height: 950px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 41% ;
	}
}

/* Surface Duo (landscape folded mode is ~540px wide) */
@media (device-width: 540px) and (device-height: 720px), 
	   (min-width: 520px) and (max-width: 560px) and (orientation: landscape) {
		#entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 46% ;
	}
}

/* Asus Zenbook Fold (estimated folded viewport sizes) */
@media (min-width: 900px) and (max-width: 1050px) and (min-height: 1200px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 42% !important;
	}
}

/* General Rule */
@media (max-width: 991px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 44% ;
	}
}

/* Other existing queries */
@media (max-width: 767px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 42% !important;
	}
}

@media (max-width: 600px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 49% !important;
		transform: translate(-50%, 45%);
	}
}

@media (min-width: 540px) and (max-width: 720px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 44% ;
		transform: translate(-50%, 47%);
	}
}

@media (max-width: 400px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 53% !important;
		transform: translate(-50%, 47%);
	}
}

@media screen and (width: 390px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom:51% !important;
	}
}
/* Exact 540px width rule */
@media screen and (width: 540px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 46% !important;
	}
}
/* Exact 853px width rule */
@media screen and (width: 853px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
		bottom: 42% !important;
	}
}




  

@media (max-width: 768px) {
  #entry-content1 .submit-button {
	width: 100% !important;
	padding: 0.5rem 1rem; /* Optional: make it a bit taller too */
	font-size: 1rem;        /* Optional: increase font size for better tap targets */
  }
}
#entry-content1 .submit-button{
  width: 117% ;
}


#entry-content1 .newyork-pin {
	left: 22%;
	top: 30%;
}
#entry-content1 .py-5 {
	padding-top: 0rem !important;
	padding-bottom: 0rem !important;
}
#entry-content1 .scraper-inner-page-how-it-works {
	padding: 0px 0;
}
#entry-content1 .new-index-page {
	padding: 0rem 0;
	text-align: center;
}

#entry-content1 .scraper-inner-page-slider-content-slider {
	background-color: #ebf1ff;
}

#entry-content1 .container {
	  max-width: 1200px;
	  margin: auto;
	  padding: 1rem 1rem;
	}

	#entry-content1 .row {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 2rem;
	}

	#entry-content1 .col-12 {
	  width: 100%;
	}

	#entry-content1 .col-md-6 {
	  width: 100%;
	}

	@media (min-width: 768px) {
	  #entry-content1 .col-md-6 {
		width: 48%;
	  }
	}

	#entry-content1 .mb-4 {
	  margin-bottom: 1.5rem;
	}

	#entry-content1 .d-flex {
	  display: flex;
	}

	#entry-content1 .justify-content-between {
	  justify-content: space-between;
	}

	#entry-content1 .align-items-center {
	  align-items: center;
	}

	#entry-content1 a {
	  text-decoration: none;
	}

	#entry-content1 .custom-card-grid {
	  display: grid;
	  grid-template-columns: 1fr 2fr;
	  gap: 16px;
	  background-color: #fff;
	  border-radius: 12px;
	  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
	  overflow: hidden;
	  transition: transform 0.3s ease;
	}

	@media screen and (max-width:500px) {
		#entry-content1 .custom-card-grid{ 
			grid-template-columns: 1fr ;
		} 
	}

	#entry-content1 .custom-card-grid:hover {
	  transform: translateY(-4px);
	}

	#entry-content1 .card-img-wrapper img {
	  width: 100%;
	  height: 100%;
	  
	  display: block;
	}

	#entry-content1 .card-content {
	  display: grid;
	  grid-template-rows: auto auto;
	  padding: 1rem;
	  background-color: rgb(210, 228, 255);
	}

	#entry-content1 .custom-title {
  font-size: 1.16rem;
  font-weight: bold;
  margin-bottom: 0;
  color: #1b2e7b;
  display: -webkit-box; /* This MUST come last */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  line-clamp: 2; /* Optional for future */
}
#entry-content1 .custom-text {
  font-size: 0.95rem;
  color: #404041;
  line-height: 1.5;
  display: -webkit-box; 
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2; /* 2 lines max */
  line-clamp: 2; /* Optional for future */
  max-height: calc(1.5em * 2); /* This ensures 2 lines of text */
}
#entry-content1 h6 {
	  margin: 0;
	}

	/* Responsive layout for small screens */
	@media (max-width: 600px) {
	  .custom-card-grid {
		grid-template-columns: 1fr;
	  }
	}
  #entry-content1 .custom-container1 {
  width: 80%;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  #entry-content1 .custom-container1 {
	width: 90%;
	font-size: 13px; 
  }
}

#entry-content1 .boxess {
	max-width: 100%;
  }

  #entry-content1 .boxess .position-relative {
	padding-left: 0px; /* tighter padding */
	margin-left: -5px;
  }

  #entry-content1 .boxess .bg-primary {
	width: 2px;
  }

  #entry-content1 .boxess .rounded-circle {
	width: 32px;
	height: 32px;
	padding: 0.5rem;
	font-size: 0.85rem;
	display: flex;
	align-items: center;
	justify-content: center;
  }

  #entry-content1 .boxess h5 {
	font-size: 0.95rem;
	margin-bottom: 0.2rem;
  }

  #entry-content1 .boxess p {
	font-size: 0.75rem;
	margin-bottom: 0;
  }

  #entry-content1 .boxess .mb-4 {
	margin-bottom: 0.75rem !important;
  }

  #entry-content1 .boxess .position-absolute > .bg-primary {
	margin-top: 1.2rem;
  }

  @media (max-width: 768px) {
	#entry-content1 .boxess .rounded-circle {
	  width: 28px;
	  height: 28px;
	  padding: 0.4rem;
	  font-size: 0.8rem;
	}

	#entry-content1 .boxess h5 {
	  font-size: 0.9rem;
	}

	#entry-content1 .boxess p {
	  font-size: 0.7rem;
	}
  }

  #entry-content1 address {
  font-style: normal;
  font-size: 1rem;
  line-height: 1.5;
  word-wrap: break-word;
  white-space: normal;
}


/* When a real option is selected (i.e., not disabled), change color */
#entry-content1 .form-select {
	font-size: 1rem !important;
	font-weight: 300 !important;
	padding-top: 1rem !important;
	padding-bottom: 0.3rem !important;
	line-height: 1.1 !important;
}
@media (max-width: 991px) {
	#entry-content1 .contact-grid-1 {
		order: 1;
	}
	#entry-content1 .contact-grid-2 {
		order: 2;
	}
	#entry-content1 .heroform-continer {
		margin-bottom: 40px;
	}
}

/* Surface Pro 7 - Portrait (Exact Match) */
@media (width: 912px) and (height: 1368px) {
  #entry-content1 .scraper-inner-page-slider-navigation-box {
	bottom: 39% !important;
  }
}


/* Reduce gap for iPad Mini and iPad Air (768px to 834px) */
@media (min-width: 768px) and (max-width: 834px) {
  #entry-content1 .az {
	gap: 1rem;
	margin: 0 auto; /* Center cards */
	max-width: 90%; /* Slightly larger cards */
  }
}

@media only screen 
  and (device-width: 414px) 
  and (device-height: 896px) 
  and (-webkit-device-pixel-ratio: 2) 
  and (orientation: portrait) {
  
  #entry-content1 .scraper-inner-page-slider-navigation-box {
	bottom: 52% !important;
  }
}
/* Pixel 7 Portrait */
@media only screen 
  and (device-width: 412px) 
  and (device-height: 915px) 
  and (-webkit-device-pixel-ratio: 2.625) 
  and (orientation: portrait) {

  #entry-content1 .scraper-inner-page-slider-navigation-box {
	bottom: 52% !important;
  }
}
/* Samsung Galaxy S8+ Portrait */
@media only screen 
  and (device-width: 412px) 
  and (device-height: 846px) 
  and (-webkit-device-pixel-ratio: 4) 
  and (orientation: portrait) {

 #entry-content1 .scraper-inner-page-slider-navigation-box {
	bottom: 54% !important;
  }
}
/* Samsung Galaxy S20 Ultra Portrait */
@media only screen 
  and (device-width: 412px) 
  and (device-height: 915px) 
  and (-webkit-device-pixel-ratio: 3.5) 
  and (orientation: portrait) {

  #entry-content1 .scraper-inner-page-slider-navigation-box {
	bottom: 52% !important;
  }
}
/* Samsung Galaxy A51 / A71 Portrait */
@media only screen 
  and (device-width: 412px) 
  and (device-height: 914px) 
  and (-webkit-device-pixel-ratio: 2.625) 
  and (orientation: portrait),
only screen 
  and (device-width: 412px) 
  and (device-height: 915px) 
  and (-webkit-device-pixel-ratio: 2.625) 
  and (orientation: portrait) {

  #entry-content1 .scraper-inner-page-slider-navigation-box {
	bottom: 51% !important;
  }
}

/* Final Contact-Us.php CSS END */

   /* New Country code update by jaybeer */
.form-control1 {
    font-family: Arial, sans-serif; /* Example: match this to your form's font */
    color: #dfdfdf; /* Example: match this to your form's text color */
    
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; /* Match form-control transitions */
	
}


    /* Container for phone input and country selector */
.unique-phone-container {
    width: 100%;
	margin-top: -4px;
    margin-bottom: 15px;
}

.unique-phone-wrapper {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

/* Country selector button */
.unique-country-selector {
    position: relative;
}

.selected-country-option {
    display: flex;
    align-items: center;
    background-color: #f8f9fa;
    border: 1px solid #ced4da;
    border-radius: 4px;
    padding: 8px 12px;
    cursor: pointer;
    font-size: 14px;
    min-width: 80px;
}

.flag-icon {
    width: 20px;
    height: 15px;
    margin-right: 5px;
}

.country-code-text {
    margin-right: 5px;
}

.dropdown-toggle-arrow {
    margin-left: auto;
    font-size: 12px;
}

/* Dropdown menu */
.unique-country-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 250px;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: 4px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    max-height: 300px;
    overflow-y: auto;
}

/* Search box */
.unique-country-search {
    width: 100%;
    padding: 8px;
    border: none;
    border-bottom: 1px solid #ced4da;
    font-size: 14px;
    box-sizing: border-box;
}

/* Country list */
.unique-country-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.unique-country-list li {
    display: flex;
    align-items: center;
    padding: 8px 12px;
    cursor: pointer;
}

.unique-country-list li:hover {
    background-color: #f1f1f1;
}

/* Responsive design */
@media (max-width: 767px) {
    .unique-phone-wrapper {
        
        align-items: stretch;
    }
	.selected-country-option{
		width: 97px;
	}
	

    .unique-country-selector {
        
        margin-bottom: 0px;
    }

    .unique-country-dropdown {
        width: 100%;
    }
	.unique-country-dropdown {
        width: 300%;
	}

    
}

.search-country1 {
    padding: 2px 15px !important;
}

.form-control2{
    color: #595c5f !important;
    font-size: 13px !important;
    margin-left: -9px;
}

 /* New Country code update by jaybeer END */
  


 /* New footer style */
 
 .invertlogoimg{
    filter: invert(1);
    
  }
  .text-linkzzz {
  color: inherit;
  text-decoration: none;
}

.contcolor {
  background-image: url('../image/index/landing/bbblurry.svg');
  background-repeat: no-repeat;
  background-size: cover; 
  background-position: center;
}

.project-container-css-v{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  justify-content: flex-start;
}
.tpclasscolor{
  color: rgb(0, 0, 0);
  display: flex
;
    justify-content: space-between;
    align-items: center;
}
.titlesizze {
  font-size: 19px;
}
 .sect1 {
            font-family: "Montserrat", sans-serif;
            margin-top: 20px;
        }
        
        .rs-bg-dark {
            background-color: #1d6bb5 !important;
        }
        .rs-hr {
            border-top: 1px solid #292929;
        }
        .rs-text-xs {
            font-size: 0.85rem;
            color: #000000;
            font-weight: 500;
        }
        .rs-text-10 {
            font-size: 0.625rem;
        }
        .rs-text-white-90 {
            color: rgba(0, 0, 0, 0.9);
        }
        .rs-text-white-70 {
            color: rgba(0, 0, 0, 0.7);
        }

  @media (min-width: 1400px) {
    .azzzz {
        max-width: 97% !important;
    }
} 
@media (min-width: 1200px) {
    .fs-4 {
        font-size: 1.0rem !important;
    }
	
}
@media (max-width: 767px) {
    .tpclasscolor {
      display: flex;
    flex-direction: column-reverse;
    .vvvvv {
      margin-left: 0rem !important;
    }
    .project-container-css-v{
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
    }
	.thirdboxx{
		display: flex
		;
			justify-content: left;
	}
  }
    .immmm{
      height: 20px;
      
    }
    .custom-order-1 {
        order: 3;
        margin-top:20px;
    }
    .custom-order-2 {
        order: 2;
    }
    .custom-order-3 {
        order: 1;
    }
    
}
@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 870px;
    }
	.flefingtheimage{
		margin-left: 25px;
	}
    .socialmediaicons{
		row-gap: 10px;
	}
}

.thirdboxx{
  display: flex
;
    justify-content: center;
}


.flefingtheimage{
  display: flex !important
;
    flex-wrap: wrap;
}
.socialmediaicons{
  display: flex !important
;
    flex-wrap: wrap;
}
@media (max-width: 700px) {
  .Disclaimerfontsize{
    font-size: 10px;
  }
    
}

 .bulletpoint1 {
  color: #2C7DD4;
  font-size: 0.9rem;
}

.hoveronviewmore{
  color: inherit; 
  text-decoration: none;
  transition: color 0.3s ease;
}
.hoveronviewmore:hover {
  color: #2C7DD4;
}


.viewmorebutton {
	font-size: 12px !important;
	width: auto !important; 
	height: auto !important;
	white-space: nowrap !important; 
	padding-inline: 12px !important; 
	box-shadow: 0px 4px 13px rgba(0, 0, 0, 0.2) !important;
  }
.viewmorebutton .icon {
	width: 16px !important; 
	height: 16px !important;
  }


.list-unstyled .text-linkzzz {
	font-size: 16px;
}
.new-footer-list-items-center-class {
	display: flex;
	justify-content: center;
	align-items: center;
}
.new-footer-list-items-center-class-for-btn {
	display: flex;
	justify-content: start;
	align-items: center;
}
.new-footer-list-items-center-class i {
	font-size: 16px;
}

.viewmore-text {
  font-size: 16px;
  font-weight: 700;
  color: #1d6bb5;
  position: relative;
  text-decoration: none;
  padding-right: 22px;
  transition: color 0.3s ease;
}

.viewmore-text::after {
  content: '→';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  transition: transform 0.3s ease;
  color: #1d6bb5;
}

.viewmore-text:hover {
  color: #000;
}

.viewmore-text:hover::after {
  transform: translateY(-50%) translateX(4px);
  color: #000;
}


/* New footer design ends  --------------------------------------------------------------*/

/* Latest Case Studies - Homepage */
.cs-slider-main-container {
        margin: 10px auto;
        padding: 0 15px;
    }
    .cs-slider-main-container .slider-for {
        margin-bottom: 20px;
    }
    .cs-slider-main-container .slider-for .slide {
        background-color: white;
        border-radius: 8px;
        overflow: hidden;
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    }
    .cs-slider-main-container .slider-for .slick-list {
        overflow: unset;
    }
    .cs-slider-main-container .split-slide {
        display: flex;
        min-height: 400px;
    }
    .cs-slider-main-container .content-half {
        flex: 1;
        padding: 40px 50px 40px 100px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .cs-slider-main-container .image-half {
        flex: 1;
    }
    .cs-slider-main-container .image-half img {
        height: 100%;
        width: 100%;
    }
    .cs-slider-main-container .content-slide {
        padding: 60px;
        text-align: center;
        min-height: 400px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .cs-slider-main-container h3 {
        color: #333;
        margin-top: 0;
        margin-bottom: 20px;
        font-size: 28px;
    }
    .cs-slider-main-container p {
        color: #666;
        line-height: 1.6;
        margin-bottom: 25px;
        font-size: 16px;
    }
    .cs-slider-main-container .btn {
        display: inline-block;
        width: max-content;
        background-color: #1D6BB5;
        color: white;
        padding: 12px 25px;
        border-radius: 4px;
        text-decoration: none;
        font-weight: bold;
        transition: background-color 0.3s;
        border: none;
        cursor: pointer;
        font-size: 16px;
    }
    .cs-slider-main-container .btn:hover {
        background-color: #0b7dda;
    }
    .cs-slider-main-container .slick-prev,
    .cs-slider-main-container .slick-next {
        width: 50px;
        height: 50px;
        z-index: 1;
        background: #fff !important;
        border-radius: 50%;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    }
    .cs-slider-main-container .slick-prev:hover,
    .cs-slider-main-container .slick-next:hover {
        background: #fff !important;
    }

    .cs-slider-main-container .slick-prev:focus,
    .cs-slider-main-container .slick-next:focus {
        background: #fff !important;
    }
    .cs-slider-main-container .slick-prev:before,
    .cs-slider-main-container .slick-next:before {
        color: #1D6BB5 !important;
        font-size: 26px !important;
    }
    .cs-slider-main-container .slick-prev {
        left: 10px;
    }

    .cs-slider-main-container .slick-next {
        right: 10px;
    }
    .cs-slider-main-container .slick-dots {
        bottom: -30px;
    }
    .cs-slider-main-container .slick-dots li.slick-active button:before {
        opacity: 1;
    }
    @media (max-width: 1200px) {
        .cs-slider-main-container .image-half img {
            object-fit: cover;
        }
    }
    @media (max-width: 992px) {
        .cs-slider-main-container .content-half {
            flex: unset;
            width: 50%;
            padding: 30px 30px 30px 70px;
        }
        .cs-slider-main-container h3 {
            font-size: 24px;
            margin-bottom: 10px;
        }
        .cs-slider-main-container .image-half {
            flex: unset;
            width: 50%;
        }
        .cs-slider-main-container .slick-prev,
		.cs-slider-main-container .slick-next {
            width: 40px;
            height: 40px;
        }
        .cs-slider-main-container .slick-prev:before,
		.cs-slider-main-container .slick-next:before {
            font-size: 22px;
        }
    }
    @media (max-width: 768px) {
        .cs-slider-main-container .split-slide {
            flex-direction: column;
        }
        .cs-slider-main-container .content-half,
        .image-half {
            width: 100% !important;
            height: 50%;
        }
        .cs-slider-main-container .content-half {
            padding: 30px 50px 30px 70px;
        }
        .cs-slider-main-container .image-half {
            order: -1;
        }
        .cs-slider-main-container .image-half img {
            max-height: 300px;
        }
    }
    @media (max-width: 575px) {
        .cs-slider-main-container .content-half {
            padding-block: 25px;
        }
        .cs-slider-main-container h3 {
            font-size: 22px;
        }
        .cs-slider-main-container p {
            font-size: 15px;
        }
        .cs-slider-main-container .slick-prev:before,
		.cs-slider-main-container .slick-next:before {
            font-size: 20px;
        }
    }
    @media (max-width: 375px) {
        .cs-slider-main-container h3 {
            font-size: 20px;
        }
        .cs-slider-main-container .slick-prev:before,
		.cs-slider-main-container .slick-next:before {
            font-size: 20px;
        }
    }
/* Latest Case Studies - Homepage End */




/* New Progress Section Starts */

 .progresssectionbefore-pos-r {
      position: relative;
    }

    .progresssectionbefore-section {
      padding: 80px 0;
    }

    .progresssectionbefore-section-title {
      margin-bottom: 50px;
      position: relative;
      display: flex
;
    flex-direction: column;
    align-items: center;
    }

    .progresssectionbefore-section-title p {
      font-size: 16px;
    }

    .progresssectionbefore-title-effect {
      width: 100%;
      height: 100%;
      top: 0;
      position: absolute;
      left: 0;
      opacity: 0.7;
      z-index: -1;
    }

    .progresssectionbefore-text-center .progresssectionbefore-title-effect {
      left: 0;
      margin-left: 0;
    }

    .progresssectionbefore-text-center .progresssectionbefore-section-title h6 {
      padding: 10px 15px;
      position: relative;
      display: inline-block;
      margin-bottom: 8px;
    }

    .progresssectionbefore-title-effect .progresssectionbefore-bar {
      background: #2575fc;
    }

    .progresssectionbefore-title-effect .progresssectionbefore-bar-top {
      width: 100%;
      height: 2px;
      position: absolute;
      top: 0;
      left: 0;
      transform-origin: left top;
      transform: scale(0, 1);
      animation: progresssectionbefore-bar-top 3.2s linear 0s infinite;
    }

    .progresssectionbefore-title-effect .progresssectionbefore-bar-right {
      width: 2px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      transform-origin: left top;
      transform: scale(1, 0);
      animation: progresssectionbefore-bar-right 3.2s linear 0s infinite;
    }

    .progresssectionbefore-title-effect .progresssectionbefore-bar-bottom {
      width: 100%;
      height: 2px;
      position: absolute;
      right: 0;
      bottom: 0;
      transform-origin: right top;
      transform: scale(0, 1);
      animation: progresssectionbefore-bar-bottom 3.2s linear 0s infinite;
    }

    .progresssectionbefore-title-effect .progresssectionbefore-bar-left {
      width: 2px;
      height: 100%;
      position: absolute;
      left: 0;
      bottom: 0;
      transform-origin: left bottom;
      transform: scale(1, 0);
      animation: progresssectionbefore-bar-left 3.2s linear 0s infinite;
    }

    .progresssectionbefore-title {
      position: relative;
      color: #1c1d3e;
      margin-bottom: 0;
    }

    .progresssectionbefore-section-title h2 {
      margin-bottom: 15px;
	      font-size: 36px;
    line-height: 54px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .3px;
    color: var(--bs-black);
    text-align: center;
    }

   
    .progresssectionbefore-work-process {
      position: relative;
    }

    .progresssectionbefore-step-num {
      background: #fff;
      border-radius: 50%;
      box-shadow: 0 12px 20px 0 rgba(117, 178, 240, 0.4);
      color: #005bea;
      display: inline-block;
      font-size: 18px;
      font-weight: 600;
      height: 50px;
      right: 0;
      line-height: 55px;
      position: absolute;
      text-align: center;
      top: 0;
      width: 50px;
      z-index: 2;
    }

    .progresssectionbefore-theme-bg .progresssectionbefore-work-process h4,
    .progresssectionbefore-theme-bg .progresssectionbefore-work-process p {
      color: #ffffff;
    }

    .progresssectionbefore-step-icon {
      background: #ffffff;
      width: 140px;
      height: 140px;
      position: relative;
      border: 3px solid #fafaff;
      border-radius: 50%;
      line-height: 140px;
      font-size: 40px;
      text-align: center;
      color: #1c1d3e;
      overflow: hidden;
    }

    .icon-imageofprogresssection{
      position: absolute;
    top: 37px;
    left: 30px;
    width: 70px;
    height: 70px;
    object-fit: cover;
    z-index: 0;
    }

    .icon-overlay {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(255, 255, 255, 0.7);
      z-index: 1;
    }

    .progresssectionbefore-step-icon span {
      position: relative;
      z-index: 1;
    }

    .progresssectionbefore-step-icon span::after,
    .progresssectionbefore-step-icon span::before {
      border-radius: 50%;
      content: "";
      height: 40px;
      position: absolute;
      width: 40px;
      z-index: -1;
    }

    .progresssectionbefore-step-icon span::after {
      background: #cdf3f6;
      height: 25px;
      left: -10px;
      top: 5px;
      width: 25px;
    }

    .progresssectionbefore-step-icon span::before {
      background: #d4f8e6;
      bottom: 0;
      right: -10px;
    }

    .progresssectionbefore-dark-bg .progresssectionbefore-step-icon {
      color: rgba(255, 255, 255, 0.9);
      background: none;
    }

    .progresssectionbefore-dark-bg .progresssectionbefore-step-desc h4 {
      color: #2575fc;
    }

    .progresssectionbefore-dark-bg .progresssectionbefore-step-icon {
      border-color: rgba(255, 255, 255, 0.1);
    }

    .progresssectionbefore-dark-bg .progresssectionbefore-step-desc p {
      color: rgba(0, 0, 0, 0.7);
    }

    .progresssectionbefore-step-num-box {
      position: relative;
      display: inline-block;
      margin-bottom: 20px;
    }

    .progresssectionbefore-work-process .progresssectionbefore-box-loader {
      position: absolute;
      top: 30%;
      right: 0;
      left: inherit;
    }

    .progresssectionbefore-work-process.style-2 {
      padding: 0;
      display: flex;
      align-items: center;
    }

    .progresssectionbefore-work-process.style-2:before {
      display: none;
    }

    .progresssectionbefore-work-process.style-2 .progresssectionbefore-step-num-box {
      margin-bottom: 0;
      margin-right: 30px;
    }

    .progresssectionbefore-work-process.style-3 {
      padding: 70px 30px 0;
    }

    .progresssectionbefore-work-process.style-3 .progresssectionbefore-step-num {
      background: none;
      box-shadow: none;
      color: rgba(255, 255, 255, 0.1);
      font-size: 120px;
      height: auto;
      left: 50%;
      line-height: 120px;
      margin-bottom: 0;
      position: absolute;
      top: 0;
      transform: translateX(-50%);
      width: auto;
    }

    .progresssectionbefore-svg-container {
      position: absolute;
      width: 93% !important;
      left: 47.5%;
	  /* top: 156px; */
      z-index: -1;
      transform: translateX(-50%);
      
    }

    .progresssectionbefore-svgC {
      margin: 0 auto;
      width: 100%;
    }

    
    .progresssectionbefore-box-loader {
      border-radius: 100%;
      margin: 0 auto;
      position: absolute;
      top: 15px;
      left: 15px;
    }

    .progresssectionbefore-box-loader span {
      display: inline-block;
      width: 10px;
      height: 10px;
      border-radius: 100%;
      background: #2575fc;
      margin: 0 5px;
      opacity: 0;
    }

    .progresssectionbefore-box-loader span:nth-child(1) {
      animation: progresssectionbefore-opacitychange 1s ease-in-out infinite;
    }

    .progresssectionbefore-box-loader span:nth-child(2) {
      animation: progresssectionbefore-opacitychange 1s ease-in-out 0.33s infinite;
    }

    .progresssectionbefore-box-loader span:nth-child(3) {
      animation: progresssectionbefore-opacitychange 1s ease-in-out 0.66s infinite;
    }

    /*--rotation--*/
    @keyframes progresssectionbefore-rotation {
      0% {
        transform: rotate(0deg);
      }
      25% {
        transform: rotate(90deg);
      }
      50% {
        transform: rotate(180deg);
      }
      75% {
        transform: rotate(270deg);
      }
      100% {
        transform: rotate(360deg);
      }
    }

    @keyframes progresssectionbefore-bar-top {
      0% {
        transform: scale(0, 1);
      }
      12.5% {
        transform: scale(1, 1);
      }
      87.5% {
        transform: scale(1, 1);
      }
      100% {
        transform: scale(0, 1);
      }
    }

    @keyframes progresssectionbefore-bar-right {
      0% {
        transform: scale(1, 0);
      }
      12.5% {
        transform: scale(1, 0);
      }
      25% {
        transform: scale(1, 1);
      }
      75% {
        transform: scale(1, 1);
      }
      87.5% {
        transform: scale(1, 0);
      }
      100% {
        transform: scale(1, 0);
      }
    }

    @keyframes progresssectionbefore-bar-bottom {
      0% {
        transform: scale(0, 1);
      }
      25% {
        transform: scale(0, 1);
      }
      37.5% {
        transform: scale(1, 1);
      }
      62.5% {
        transform: scale(1, 1);
      }
      75% {
        transform: scale(0, 1);
      }
      100% {
        transform: scale(0, 1);
      }
    }

    @keyframes progresssectionbefore-bar-left {
      0% {
        transform: scale(1, 0);
      }
      37.5% {
        transform: scale(1, 0);
      }
      50% {
        transform: scale(1, 1);
      }
      62.5% {
        transform: scale(1, 0);
      }
      100% {
        transform: scale(1, 0);
      }
    }

   
    @keyframes progresssectionbefore-opacitychange {
      0%,
      100% {
        opacity: 0;
      }
      60% {
        opacity: 1;
      }
    }

    
    @media (max-width: 1200px) {
      .progresssectionbefore-svg-container {
        width: 85%;
      }
    }

    @media (max-width: 992px) {
      .progresssectionbefore-md-mt-5 {
        margin-top: 50px !important;
      }
     
      .progresssectionbefore-work-process .progresssectionbefore-box-loader {
        display: none;
      }
      .progresssectionbefore-step-desc p {
        max-width: 300px;
        margin: 0 auto;
      }
      
      
      .progresssectionbefore-svg-container {
        width: 10px;
        transform: none;
        left: 50%;
        margin-left: -5px;
        top: 0;
        height: 100%;
        position: absolute;
		display: none;
      }
      
     
      .row > .progresssectionbefore-svg-container {
        z-index: -1;
      }
      
      
      .colMd6class {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        margin-bottom: 30px;
      }
      
      
      .colMd6class:nth-child(1),
      .colMd6class:nth-child(2) {
        margin-top: 0 !important;
      }
      
     
      .colMd6class:nth-child(3),
      .colMd6class:nth-child(4) {
        margin-top: 30px !important;
      }
      
      
      .progresssectionbefore-work-process {
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
      
      .progresssectionbefore-step-desc {
        text-align: center;
      }
      
      .progresssectionbefore-step-num-box {
        display: flex;
        justify-content: center;
        position: relative;
        margin: 0 auto;
      }
      
      .progresssectionbefore-step-icon {
        margin: 0 auto;
      }
      
      .progresssectionbefore-step-num {
        right: -15px;
      }
    }

   
    @media (max-width: 768px) {
      .progresssectionbefore-section-title h2 {
        font-size: 24px;
      }
      
      
      .progresssectionbefore-svg-container {
        width: 2px;
        left: 50%;
        margin-left: -1px;
        height: 100%;
        top: 0;
        z-index: -1;
        position: absolute;
		display: none;
      }
      
      
      #progresssectionbefore-svgC {
        height: 100%;
      }
      
      
      .colMd6class{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 30px;
        display: flex;
        justify-content: center;
      }
      
   
      .progresssectionbefore-md-mt-5 {
        margin-top: 30px !important;
      }
      
    
      .colMd6class:first-child {
        margin-top: 0 !important;
      }
      
     
      .progresssectionbefore-work-process {
        margin-left: auto;
        margin-right: auto;
        max-width: 320px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        width: 100%;
      }
      
      
      .progresssectionbefore-step-num-box {
        margin: 0 auto;
        position: relative;
        display: flex;
        justify-content: center;
        width: 100%;
      }
      
      .progresssectionbefore-step-icon {
        margin: 0 auto;
      }
      
      .progresssectionbefore-step-num {
        right: 66px;
      }
      
      .progresssectionbefore-step-desc {
        text-align: center;
        width: 100%;
      }
      
      .progresssectionbefore-step-desc h4 {
        text-align: center;
      }
      
      .progresssectionbefore-step-desc p {
        text-align: center;
        margin: 0 auto;
      }
    }
    .progresscardflexforcenter{
        display: flex;
    align-items: center;
    justify-content: center;
    }

/* New progress section ends */



/* New Testimonial Section Starts */
.logosizee .logo-slide-blody img {
    height: 55px;
}


.sectiontestinomial {
    height: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #eef2ff;
    font-family: sans-serif;
    overflow-x: hidden;
    border-radius: 30px;
}

.clienttestimonial-container {
    width: 100%;
    max-width: 56rem;
    padding: 4rem 1rem;
    /* Added top/bottom spacing */
    box-sizing: border-box;
    /* Include padding in width calculation */
    /* margin: 2rem 0; */
    /* Additional margin top/bottom */
}

.clienttestimonial-grid {
    display: grid;
    gap: 3rem;
    max-width: 100%;
    
    /* Ensure it doesn't exceed viewport */
}

.clienttestimonial-image-container {
    position: relative;
    width: 100%;
    padding-bottom: 100%;
    /* 1:1 aspect ratio (square) */
    perspective: 1000px;
    background-color: transparent;
    max-width: 500px;
    /* Maximum width */
    margin: 0 auto;
    /* Center the container */
}

.clienttestimonial-image-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    /* Allow overflow for 3D effects */
}

.clienttestimonial-image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.5rem;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
    transform-origin: center;
    backface-visibility: hidden;
    /* Prevent flickering */
}

.clienttestimonial-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0 1rem;
    /* Add padding to prevent text from touching edges */
}

.clienttestimonial-name {
    font-size: 1.5rem;
    font-weight: bold;
    color: #000;
    margin-bottom: 0.25rem;
}

.clienttestimonial-designation {
    font-size: 0.875rem;
    color: #6b7280;
    margin-bottom: 2rem;
}

.clienttestimonial-quote {
    font-size: 1.125rem;
    color: #4b5563;
    line-height: 1.75;
    overflow-wrap: break-word;
    /* Ensure text wraps properly */
}

.clienttestimonial-word {
    display: inline-block;
    opacity: 0;
    transform: translateY(10px);
    filter: blur(10px);
    transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, filter 0.2s ease-in-out;
}

.clienttestimonial-arrow-buttons {
    display: flex;
    gap: 1rem;
    padding-top: 3rem;
	z-index: 99;
}

.clienttestimonial-arrow-button {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 50%;
    background-color: #141414;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s;
    border: none;
}

.clienttestimonial-arrow-button:hover {
    background-color: #00a6fb;
}

.clienttestimonial-arrow-button svg {
    width: 1.25rem;
    height: 1.25rem;
    fill: #f1f1f7;
    transition: transform 0.3s;
}

.clienttestimonial-prev-button:hover svg {
    transform: rotate(-12deg);
}

.clienttestimonial-next-button:hover svg {
    transform: rotate(12deg);
}

/* Responsive styles */
@media (min-width: 768px) {
    .clienttestimonial-grid {
        grid-template-columns: 1fr 1fr;
                gap: 115px;
    }

    .clienttestimonial-arrow-buttons {
        padding-top: 0;
		z-index: 99;
    }

    .clienttestimonial-container {
        padding: 4rem 2rem;
       
    }
}

/* Small screen adjustments */
@media (max-width: 767px) {
    .clienttestimonial-image-container {
        max-width: 320px;
        /* Smaller maximum width on mobile */
    }

    .clienttestimonial-container {
        padding: 0rem 1rem;
         margin: 1rem 0 !important;
    }

    .clienttestimonial-name {
        font-size: 1.25rem;
    }
	.clientheading{
		font-size: 28px !important;
    line-height: 35px !important;
	}

    .clienttestimonial-quote {
        font-size: 1rem;
    }
    .clienttestimonial-grid{
        gap: 1rem;
    }
    .clienttestimonial-designation{
        margin-bottom: 1rem;
    }
    .clienttestimonial-arrow-buttons{
        padding-top: 1rem;
		z-index: 99;

    }
    
}
.clienttestimonial-header{
    text-align: center;
    padding: 16px 0px;
    display: flex;
    flex-direction: column;
    align-items: center;
    
}
.clientheading{
    
	    font-size: 42px;
    line-height: 54px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .3px;
    color: var(--bs-black);
    text-align: center;
}
 .horizontal-line {
        height: 1px;
    background-color: #c1c7ff;
    width: 100%;
    margin: 0em 0;
    margin-bottom: 16px;            
  }
  .elementor-widget-container.sectiontestinomial-imgg img{
    height:100%;
    width:100%;
  }

  /* New Testimonial Section Ends */



  @media (max-width: 360px) {
    #blogContainer {
       padding-inline: 10px;
        
    }
}

@media (min-width: 1400px) {
.blogsearchbarplacemnt{
	margin-left: 278px;
}
}

@media (min-width: 1201px) and (max-width: 1399px) {
	.blogsearchbarplacemnt{
		margin-left: 303px !important;
	}
}


@media (min-width: 992px) and (max-width: 1200px) {
	.blogsearchbarplacemnt{
		margin-left: 198px !important;
	}
}



 #stickyForm {
   
    transition: all 0.3s ease;
  }

  @media (max-width: 991px) {
    #stickyForm {
      position: static !important;
      width: 100%;
    }
  }


  /* Table  */

    tbody, td, tfoot, th, thead, tr {
    border-color: inherit;
    border-style: solid;
    border-width: 0;
}

    table th,
table td,
table tr {
  font-size: 1rem;
  line-height: 1.56;
  vertical-align: top;
  color: rgb(36, 39, 54);
  border: 1px solid rgb(0 0 0);
  padding: 0.8rem 1.6rem;
}

table tr{
  border: 1px solid rgb(0 0 0);
}

td {
  display: table-cell;
  vertical-align: inherit;
}

table {
  display: block;
  overflow: auto;
  border-collapse: collapse;
  margin-bottom: 10px;
}
.myntra-th {
  background-color: #256cb6;
  color: white !important;
  font-weight: 600;
  /* text-align: center !important; */
  padding: 12px 15px;
  border: 2px solid black;
}


.myntra-td {
  padding: 10px 15px;
  border: 2px solid black !important;
  color: black;
}

.new-common-every-page.e-commerce-data-scraping-trends .table-sample {
  max-width: 500px;
}
.new-common-every-page.e-commerce-data-scraping-trends .table-sample .myntra-th.th-1 {
  padding: 12px 40px;
}
  /* responsive adjustments */
@media screen and (max-width: 768px) {
  .table-sample {
      overflow-x: scroll;
  }
  
  .myntra-th,
  .myntra-td {
      padding: 8px 10px;
      font-size: 14px;
  }
}

.WebdataCrawlerdata-table-bg-cs {
  display: inline-table;
  width: 100%;
  text-align: center;
}

/* Table end */



/* ===========================================Datasets design============================================= */
.zy-webdatacrawler-dataset-inner-page-hero-section-container {
      background-color: #fff;
    position: relative;
    overflow: hidden;
    padding: 16px 60px 38px 60px;
    /* box-shadow: 0 40px 60px -20px rgb(0 0 0 / 40%); */
	/* box-shadow: rgba(0, 0, 0, 0.08) 0px 10px 10px -10px; */
	
}
.zy-webdatacrawler-dataset-inner-page-hero-section-container::before{
    content: "";
    position: absolute;
    left: 18%;
    top: 20px;
    height: 85%;
    width: 35%;
    background-image: url(../image/shape/banner-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    opacity: .05;
}

.zy-webdatacrawler-dataset-inner-page-hero-section-heading {
  font-size: 2rem;
  line-height: 1.4;
  color: #000;
}

.zy-webdatacrawler-dataset-inner-page-hero-section-description {
  font-size: 1rem;
  color: #444;
  max-width: 100%;
}

.zy-webdatacrawler-dataset-inner-page-hero-section-button {
  font-weight: 500;
  border-radius: 8px;
}

.zy-webdatacrawler-dataset-inner-page-hero-section-image {
  max-width: 100%;
  height: auto;
  object-fit: contain;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab.active img {
    filter: brightness(0) invert(1);
}

/* =========================================Datasets card section====================================================== */

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-wrapper {
  background-color: #fff;
}

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-heading {
  font-size: 2rem;
  color: #2a66b0;
}

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-card {
  position: relative;
  background-color: #2a66b0;
  border-radius: 12px;
  color: #fff;
  text-align: left;
  transition: color 0.3s ease;
  overflow: hidden;
  padding: 16px;
  z-index: 0;
}

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-card::before {
     content: "";
    position: absolute;
    top: -100%;
    left: -100%;
    width: 240%;
    height: 200%;
    background-color: #fff;
    transform: rotate(45deg) translate(-100%, -100%);
    transition: transform 0.4s ease;
    z-index: 1;
    overflow: hidden;

	
}


/* On hover: slide in overlay */
.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-card:hover::before {
  transform: rotate(45deg) translate(0%, 0%);
  
}

/* Ensure text appears above pseudo-element initially */
.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-card * {
  position: relative;
  z-index: 2;
  transition: color 0.4s ease;
}

/* Change text color to blue on hover */
.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-card:hover {
  color: #2a66b0;
}
.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-card:hover .zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-description {
	color: #2a66b0;
}

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-card:hover {
  transform: translateY(-5px);
  border: 1px solid #1d6bb5;
}

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-icon-box {
  background-color: #fff;
  border-radius: 6px;
  padding: 10px;
  display: inline-block;
  border: 1px solid #2a66b0;
}

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-title {
  font-size: 21px;
  margin-bottom: 8px;
}

.zy-webdatacrawler-dataset-inner-page-cardzz-sectionnz-description {
  font-size: 15px;
  line-height: 1.4;
  font-weight: 300;
      color: white;
}


 /* ============================================================Tab section======================================================== */
.zy-webdatacrawler-dataset-inner-page-tab-sectionz-main {
            padding: 60px 0;
            background-color: white;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-heading {
            font-size: 2rem;
            font-weight: 500;
            color: #2a66b0;
            margin-bottom: 1rem;
            text-align: left;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-description {
            font-size: 1.1rem;
            color: #6c757d;
            margin-bottom: 3rem;
            text-align: left;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-container {
            margin-bottom: 2rem;
            display: flex;
            overflow-x: auto;
            white-space: nowrap;
            -webkit-overflow-scrolling: touch;
            scrollbar-width: thin;
            scrollbar-color: #2a66b0 #f1f1f1;
			    max-width: 1200px;
    column-gap: 40px;
	    padding: 10px;
		margin: 0 auto;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-container::-webkit-scrollbar {
            height: 8px;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-container::-webkit-scrollbar-track {
            background: #f1f1f1;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-container::-webkit-scrollbar-thumb {
            background: #2a66b0;
            border-radius: 4px;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab {
            background: white;
            border: 2px solid #2a66b0;
            border-radius: 0px;
            padding: 20px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            min-width: 80px;
            min-height: 80px;
            box-shadow: 0 8px 20px rgb(20 20 20 / 43%);
            margin-right: 10px;
            flex: 0 0 auto;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab:hover {
            border-color: #2a66b0;
            transform: translateY(-2px);
            box-shadow: 0 4px 12px rgba(74, 144, 226, 0.15);
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab.active {
            background: #2a66b0;
            border-color: #2a66b0;
            color: white;
            position: relative;
            z-index: 1;
            overflow: hidden;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab.active::before {
            content: '';
            position: absolute;
            inset: 2px;
            border: 1px solid white;
            border-radius: 0px;
            z-index: -1;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
            width: 84px;
            height: 50px;
            fill: #2a66b0;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab.active .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
            fill: white;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content {
            background: white;
            border-radius: 12px;
            padding: 40px;
            margin-top: 2rem;
            display: none;
            max-width: 1200px;
            width: 100%;
        }

        .class-for-center-alignement-ofdatasets-tabsection {
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content.active {
            display: block;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content-title {
            font-size: 1.8rem;
            font-weight: 600;
            color: #333;
            margin-bottom: 1rem;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content-text {
            color: #000000;
            line-height: 1.6;
            margin-bottom: 2rem;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-btn {
            background: #4a90e2;
            color: white;
            border: none;
            padding: 12px 30px;
            border-radius: 6px;
            font-weight: 500;
            transition: all 0.3s ease;
            text-decoration: none;
            display: inline-block;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-btn:hover {
            background: #357abd;
            transform: translateY(-1px);
            color: white;
            text-decoration: none;
        }

        .zy-webdatacrawler-dataset-inner-page-tab-sectionz-image {
            width: 100%;
            height: auto;
            border-radius: 0px;
            box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
        }

        @media (max-width: 768px) {
            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-heading {
                font-size: 2rem;
            }

			.datasetsbanner-design{
				display: flex
;
    flex-direction: column;
    align-items: center;
			}

			.zy-webdatacrawler-dataset-inner-page-hero-section-container{
				    padding: 13px 14px 29px 7px;
			}

            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-container {
                text-align: center;
            }

            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab {
                margin: 5px;
                min-width: 70px;
                min-height: 70px;
                padding: 15px;
            }

            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
                width: 35px;
                height: 35px;
            }

            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content {
                padding: 30px 20px;
            }

            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content-title {
                font-size: 1.5rem;
            }
        }

        @media (max-width: 576px) {
            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab {
                min-width: 60px;
                min-height: 60px;
                padding: 12px;
                margin: 3px;
            }

            .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
                width: 30px;
                height: 30px;
            }
        }

        .simple-section-color-23 {
            background: white;
            padding: 0px;
			max-width: 1440px;
			margin:0 auto;
        }



		.zy-webdatacrawler-dataset-inner-page-tab-sectionz-main {
    padding: 60px 0;
    background-color: white;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-heading {
    font-size: 2rem;
    font-weight: 500;
    color: #2a66b0;
    margin-bottom: 1rem;
    text-align: left;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-description {
    font-size: 1.1rem;
    color: #6c757d;
    margin-bottom: 3rem;
    text-align: left;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-wrapper {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-container {
    display: flex;
    overflow-x: hidden;
    white-space: nowrap;
    max-width: 100%;
    column-gap: 30px;
    padding: 30px;
    scroll-behavior: smooth;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-nav-btn {
    background: #2a66b0;
    color: white;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: absolute;
    z-index: 2;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-nav-btn:hover {
    background: #357abd;
}

.zy-webdatacrawler-nav-left {
    left: 0px;
}

.zy-webdatacrawler-nav-right {
    right: 0px;
}

.zy-webdatacrawler-nav-icon {
    width: 24px;
    height: 24px;
    fill: white;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab {
    background: white;
    border: 2px solid #2a66b0;
    border-radius: 0px;
    padding: 10px;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    min-height: 80px;
    box-shadow: 0 8px 20px rgb(20 20 20 / 43%);
    margin-right: 10px;
    flex: 0 0 auto;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab:hover {
    border-color: #2a66b0;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(74, 144, 226, 0.15);
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab.active {
    background: #2a66b0;
    border-color: #2a66b0;
    color: white;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab.active::before {
    content: '';
    position: absolute;
    inset: 2px;
    border: 1px solid white;
    border-radius: 0px;
    z-index: -1;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
    width: 84px;
    height: 50px;
    fill: #2a66b0;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab.active .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
    fill: white;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-content {
    background: white;
    border-radius: 12px;
    padding: 40px;
    margin-top: 2rem;
    display: none;
    max-width: 1200px;
    width: 100%;
}

.class-for-center-alignement-ofdatasets-tabsection {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-content.active {
    display: block;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-content-title {
    font-size: 1.8rem;
    font-weight: 600;
    color: #333;
    margin-bottom: 1rem;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-content-text {
    color: #000000;
    line-height: 1.6;
    margin-bottom: 2rem;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-btn {
    background: #4a90e2;
    color: white;
    border: none;
    padding: 12px 30px;
    border-radius: 6px;
    font-weight: 500;
    transition: all 0.3s ease;
    text-decoration: none;
    display: inline-block;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-btn:hover {
    background: #357abd;
    transform: translateY(-1px);
    color: white;
    text-decoration: none;
}

.zy-webdatacrawler-dataset-inner-page-tab-sectionz-image {
    width: 100%;
    height: auto;
    border-radius: 0px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
	    border-radius: 60px 0px;
}

@media (max-width: 768px) {
    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-heading {
        font-size: 2rem;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tabs-container {
        text-align: center;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab {
        margin: 5px;
        min-width: 70px;
        min-height: 70px;
        padding: 15px;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
        width: 35px;
        height: 35px;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content {
        padding: 30px 20px;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-content-title {
        font-size: 1.5rem;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-nav-btn {
        width: 36px;
        height: 36px;
    }

    .zy-webdatacrawler-nav-left {
        left: -15px;
    }

    .zy-webdatacrawler-nav-right {
        right: -15px;
    }
}

@media (max-width: 576px) {
    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab {
        min-width: 60px;
        min-height: 60px;
        padding: 12px;
        margin: 3px;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-tab-icon {
        width: 30px;
        height: 30px;
    }

    .zy-webdatacrawler-dataset-inner-page-tab-sectionz-nav-btn {
        width: 32px;
        height: 32px;
    }
}

 .simple-section-color-23 {
            background: white;
            padding: 0px;
			max-width: 1440px;
			margin:0 auto;
        }
.simple-section-color-23-postining{
position: relative
}

.simple-section-color-23-postining::before{
	    content: "";
    position: absolute;
    left: 70px;
    top: 0;
    height: 85%;
    width: 35%;
    background-image: url(../image/shape/banner-shape.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    opacity: .05;
}

/* =========================================================simple section modification==================================================== */
.datasets-module-card-image-size{
	    max-width: 602px;
}






/* =========================================FAQ SECTION=========================================================== */
/* General Container */
  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-container {
    background-color: #fff;
    color: #000;
  }

  /* Title */
  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-title {
    font-size: 2rem;
    font-weight: 600;
  }

  /* Accordion Item */
  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-item.accordion-item {
    border: none;
    border-radius: 0px;
    overflow: hidden;
    margin-bottom: 10px;
    background: #f9f9f9;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.04);
  }

  /* Accordion Button */
  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-button.accordion-button {
    background: none;
    font-weight: 500;
    font-size: 1rem;
    color: #000;
    box-shadow: none;
    transition: none;
  }

  /* Remove blue bg on open */
  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-button.accordion-button:not(.collapsed) {
       background-color: #cfe2ff;
    color: #141414;
    box-shadow: none;
    border: 1px solid #cce6ff;
  }

  /* Accordion Body */
  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-body.accordion-body {
    background: white;
        color: #333333;
    font-size: 0.95rem;
   
    padding: 15px 20px;
	border: 1px solid #cce6ff;
  }

  /* Override default Bootstrap arrow */
  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-button.accordion-button::after {
    background-image: none !important;
    content: '+';
    font-size: 1.25rem;
    margin-left: auto;
    transition: transform 0.3s ease;
  }

  .zy-webdatacrawler-dataset-inner-page-FAQQ-section-button.accordion-button:not(.collapsed)::after {
    content: '×';
    transform: rotate(0deg);
  }

  @media (max-width: 576px) {
    .zy-webdatacrawler-dataset-inner-page-FAQQ-section-title {
      font-size: 1.5rem;
    }

    .zy-webdatacrawler-dataset-inner-page-FAQQ-section-button.accordion-button {
      font-size: 0.95rem;
    }
  }



  /* =================================================card-section 6================================================================ */

  .zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-heading {
  font-size: 2rem;
  font-weight: 600;
  color: #1d6bb5
}

.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-card {
  background-color: #1d6dbc;
  border-radius: 0px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.05);
  transition: transform 0.2s ease;
}

.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-card:hover {
  transform: translateY(-4px);
  background: white;
  color: #1d6bb5;
  border: 1px solid #1d6bb5;
}

/* Target text elements inside the card */
.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-card:hover 
.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-title,
.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-card:hover 
.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-description {
  color: #1d6bb5;
}

/* Target the image inside the card on hover */
.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-card:hover img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(528%) hue-rotate(183deg) brightness(90%) contrast(93%);
}


.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-icon {
  font-size: 2.5rem;
  color: #2a66b0;
}

.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-title {
  font-size: 1.1rem;
  font-weight: 600;
  color: #ffffff;
}

.zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-description {
  font-size: 0.95rem;
  color: #ffffff;
}



/* ===========================================Steps section=============================================================== */
.zy-webdatacrawler-dataset-inner-page-stepszz-design-icon {
  width: 70px;
  height: 70px;
  background-color: #2a66b0;
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  border-radius: 50%;
}

.zy-webdatacrawler-dataset-inner-page-stepszz-design-step {
  position: relative;
}

.zy-webdatacrawler-dataset-inner-page-stepszz-design-step.up {
  margin-top: 0;
}
.zy-webdatacrawler-dataset-inner-page-stepszz-design-step.down {
  margin-top: 80px;
}

/* Diagonal lines */
@media (min-width: 992px) {
  .zy-webdatacrawler-dataset-inner-page-stepszz-design-icon::after {
           content: "";
        position: absolute;
        width: 300px;
        height: 2px;
        background-color: #000000;
        top: 50%;
        left: 100%;
        transform-origin: left center;
        z-index: 1;
  }

  /* \ */
  .zy-webdatacrawler-dataset-inner-page-stepszz-design-step.up .zy-webdatacrawler-dataset-inner-page-stepszz-design-icon::after {
    transform: rotate(17deg);
  }

  /* / */
  .zy-webdatacrawler-dataset-inner-page-stepszz-design-step.down .zy-webdatacrawler-dataset-inner-page-stepszz-design-icon::after {
    transform: rotate(346deg);
    top: 35%;
  }

  /* Remove last line */
  .zy-webdatacrawler-dataset-inner-page-stepszz-design-step:last-child .zy-webdatacrawler-dataset-inner-page-stepszz-design-icon::after {
    /* display: none; */
  }
}
.zy-webdatacrawler-dataset-inner-page-stepszz-design-icon.no-line::after {
    display: none !important;
  }


  .module-card-image-webdata-dt img{
      height: auto;
	  width: auto;
	  max-width: 100%;
	  border-radius: 60px 0px;
  }

  .module-card-2-module-card-image-webdata-dt{
	display: flex;
	justify-content: center;
  }
  
  .dt-molecule-card-list-hn{
	background-color: white;
	padding: 20px;
  }

  .dataset-box-contnet h2{
	font-size: 30px;

  }


  @media (max-width: 991px) and (min-width: 776px) {
  .zy-webdatacrawler-dataset-inner-page-Use-casess-card-section-section .col-12.col-md-3 {
    flex: 0 0 48%;
    max-width: 48%;
	
  }
}
.webdatacrawler-webdataset-proces-icon-bg{
	padding: 20px;
	background-color: #1d6dbc;
	border-radius: 50%;
	position: relative;
	z-index: 2;
	margin-bottom: 40px;
    margin-top: 20px;
}

/* Hover state */
.webdatacrawler-webdataset-proces-icon-bg:hover {
  background-color: white;
  border: 1px solid #1d6dbc;
}

/* Make icon blue on hover */
.webdatacrawler-webdataset-proces-icon-bg:hover img {
  filter: brightness(0) saturate(100%) invert(25%) sepia(97%) saturate(528%) hue-rotate(183deg) brightness(90%) contrast(93%);
}
	/* .webdatacrawler-webdataset-proces-icon-bg::before {
		content: "";
		position: absolute;
		width: 2px;
		height: 200px;
		background-color: red;
		left: 0;
		top: 20px;
	
	} */

.webdatasets-process-card:nth-child(odd) .webdatacrawler-webdataset-proces-icon-bg::before {
         transform: rotate(120deg);
    content: "";
    position: absolute;
    width: 2px;
    height: 344px;
    background-color: black;
    left: 214px;
    top: -25px;
    z-index: -1;
}

.webdatasets-process-card:nth-child(even) .webdatacrawler-webdataset-proces-icon-bg::before {
  transform: rotate(60deg);
    content: "";
    position: absolute;
    width: 2px;
    height: 341px;
    background-color: black;
    left: 220px;
    bottom: -36px;
    z-index: -1;
}

.webdatasets-process-card:nth-child(4) .webdatacrawler-webdataset-proces-icon-bg::before {
  display: none;
}

.webdatacrawler-webdataset-proces-icon-bg img{
	width: 35px;
	height: 35px;
	filter: brightness(0) invert(1);
}

.webdatasets-process-card{
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
	position: relative;
	background: white;
    /* width: min-content !important; */
}


  
.webdatasets-process-card p {
	text-align: center;
}

@media screen and (max-width: 1400px) {
 .webdatasets-process-card:nth-child(odd) .webdatacrawler-webdataset-proces-icon-bg::before{
	    transform: rotate(129deg);
    content: "";
    position: absolute;
    width: 2px;
    height: 300px;
    background-color: black;
    left: 187px;
    top: -2px;
    z-index: -1;
 }
 .webdatasets-process-card:nth-child(even) .webdatacrawler-webdataset-proces-icon-bg::before {
    transform: rotate(48deg);
    content: "";
    position: absolute;
    width: 2px;
    height: 295px;
    background-color: black;
    left: 180px;
    bottom: 2px;
    z-index: -1;
}
}

@media screen and (max-width: 1200px) {
 .webdatasets-process-card:nth-child(odd) .webdatacrawler-webdataset-proces-icon-bg::before{
	         transform: rotate(139deg);
        content: "";
        position: absolute;
        width: 2px;
        height: 317px;
        background-color: black;
        left: 168px;
        top: 21px;
        z-index: -1;
 }
 .webdatasets-process-card:nth-child(even) .webdatacrawler-webdataset-proces-icon-bg::before {
            transform: rotate(38deg);
        content: "";
        position: absolute;
        width: 2px;
        height: 318px;
        background-color: black;
        left: 166px;
        bottom: 22px;
        z-index: -1;
}
}


@media screen and (max-width: 991px) {
 .webdatasets-process-card:nth-child(odd) .webdatacrawler-webdataset-proces-icon-bg::before{
	         display: none;
 }
 .webdatasets-process-card:nth-child(even) .webdatacrawler-webdataset-proces-icon-bg::before {
           display: none;
}
}

.webdatasets-process-card:nth-child(even) {
	display: flex;

}












/* ========================================================================================================================= */



     .cards-hover-descrption-section-wfd-container {
            padding: 0px 0;
            /* background-color: #f8f9fa; */
        }

        .cards-hover-descrption-section-wfd-card {
            background: white;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
            padding: 30px 20px;
            text-align: center;
            transition: all 0.3s ease;
            position: relative;
            overflow: hidden;
            cursor: pointer;
            height: auto;
                border: 1px solid #1d6bb5;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .cards-hover-descrption-section-wfd-card::before {
            content: '';
            position: absolute;
            top: -116%;
            right: -203%;
            width: 200%;
            height: 200%;
            background: linear-gradient(135deg, #5d51c1 0%, #3285b9 100%);
            transform: rotate(45deg);
            transition: all 0.6s ease;
            z-index: 1;
        }

        .gradient-icon{
             background: linear-gradient(45deg, #6547c3, #2c8cb8);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
        }

        .cards-hover-descrption-section-wfd-card:hover .gradient-icon {
  background: none;
  -webkit-text-fill-color: white;
}


        .cards-hover-descrption-section-wfd-card:hover::before {
            top: -50%;
            right: -50%;
        }

        .cards-hover-descrption-section-wfd-icon {
            font-size: 2rem;
    color: #667eea;
    margin-bottom: 13px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
        }
		.cards-hover-descrption-section-wfd-icon img{
			 /* mix-blend-mode: multiply;
  filter: brightness(0) invert(1); */
		}

        .cards-hover-descrption-section-wfd-card:hover .cards-hover-descrption-section-wfd-icon {
            color: white;
            transform: scale(1.1);
        }

        .cards-hover-descrption-section-wfd-title {
           font-size: 1.5rem;
    font-weight: 600;
    display: inline-block;
        background: linear-gradient(90deg, #1d6bb5, #5089c0);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    transition: all 0.3s ease;
    position: relative;
    z-index: 2;
        }

        .cards-hover-descrption-section-wfd-card:hover .cards-hover-descrption-section-wfd-title {
           background: none;
    -webkit-background-clip: initial;
    background-clip: initial;
    -webkit-text-fill-color: white;
    color: white;
        }

        .cards-hover-descrption-section-wfd-description {
            color: #666;
            font-size: 0.95rem;
            line-height: 1.6;
            opacity: 1;
            font-weight: 400;
            min-height: 120px;
            transform: translateY(20px);
            transition: all 0.4s ease;
            position: relative;
            z-index: 2;
            max-width: 100%;
        }

        .cards-hover-descrption-section-wfd-card:hover .cards-hover-descrption-section-wfd-description {
            
            transform: translateY(0);
            color: white;
        }

        .cards-hover-descrption-section-wfd-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
        }

        @media (max-width: 768px) {
            .cards-hover-descrption-section-wfd-card {
                margin-bottom: 20px;
                height: auto;
                padding: 25px 15px;
            }
            
            .cards-hover-descrption-section-wfd-icon {
                font-size: 2.5rem;
                margin-bottom: 15px;
            }
            
            .cards-hover-descrption-section-wfd-title {
                font-size: 1.3rem;
                margin-bottom: 10px;
            }
            
            .cards-hover-descrption-section-wfd-description {
                font-size: 0.9rem;
            }
        }

        @media (max-width: 576px) {
            .cards-hover-descrption-section-wfd-container {
                padding: 6px 0;
            }
            
            .cards-hover-descrption-section-wfd-card {
                height: auto;
                padding: 20px 15px;
            }
            
            .cards-hover-descrption-section-wfd-icon {
                font-size: 2rem;
                margin-bottom: 12px;
            }
            
            .cards-hover-descrption-section-wfd-title {
                font-size: 1.2rem;
                margin-bottom: 8px;
            }
        }


		.cards-hover-descrption-section-wfd-icon img {
      filter: invert(65%) sepia(96%) saturate(694%) hue-rotate(181deg) brightness(90%) contrast(93%) !important;
  /* transition: filter 0.3s ease; */
}

.cards-hover-descrption-section-wfd-card:hover .cards-hover-descrption-section-wfd-icon img {
  filter: none !important;
}


.elementor-grid-container-dummy .elementor-grid-items{
	margin-bottom: 10px;
}









/* ===================================================Store location css======================================================================= */



/* ============================================================================================================================================ */


.webdatacrawler-store-location-outer-page-design-01-section {
    background-color: #f8f9ff;
    padding: 40px 0;
    font-family: Arial, sans-serif;
}

.webdatacrawler-store-location-outer-page-design-01-title {
 
    font-weight: 600;
    color: #1d6bb5;
    margin-bottom: 25px;
}

.webdatacrawler-store-location-outer-page-design-01-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.webdatacrawler-store-location-outer-page-design-01-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-size: 0.95rem;
}

.webdatacrawler-store-location-outer-page-design-01-list li::before {
    content: "✔";
    color: #1d6bb5;
    margin-right: 8px;
    font-size: 1rem;
}

/* .webdatacrawler-store-location-outer-page-design-01-btn {
    background-color: #2d3e96;
    color: white;
    border-radius: 4px;
    padding: 10px 20px;
    font-weight: 500;
    border: none;
    transition: background 0.3s ease;
}

.webdatacrawler-store-location-outer-page-design-01-btn:hover {
    background-color: #1b2760;
} */

/* ====== Right Column Numbers ====== */
.webdatacrawler-store-location-outer-page-design-01-stats {
    display: flex
;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}

.webdatacrawler-store-location-outer-page-design-01-stat-number {
    font-size: 1.5rem;
    font-weight: 700;
    color: #1d6bb5;
	text-align: right;
}

.webdatacrawler-store-location-outer-page-design-01-stat-label {
    color: #6c757d;
    font-size: 0.9rem;
	text-align: end;
}

@media (max-width: 991px) {
.webdatacrawler-store-location-outer-page-design-01-list{
	display: flex;
	        flex-direction: column;
	align-items: flex-start;
    text-align: start;
}
.webdatacrawler-store-location-outer-page-design-01-stats{
	display: flex;
	flex-direction: row;
    justify-content: space-between;
	align-items: normal;
	margin-top: 30px !important;
}
}
/* ====== Responsive ====== */
@media (max-width: 768px) {
    .webdatacrawler-store-location-outer-page-design-01-section {
        text-align: center;
    }
    .webdatacrawler-store-location-outer-page-design-01-list li {
        justify-content: center;
    }
    .webdatacrawler-store-location-outer-page-design-01-stats {
        margin-top: 30px;
    }
	.webdatacrawler-store-location-outer-page-design-01-stat-number{
		font-size: 0.94rem;
	}
}



/* ========================================================================================================================== */

    .webdatacralwer-discover-our-exisitence-section-2-container {
           padding: 25px 20px;
            text-align: center;
        }
        .webdatacralwer-discover-our-exisitence-section-2-heading {
       
          font-size: 36px;
	line-height: 50px;
	font-weight: 600;
	font-style: normal;
	letter-spacing: .3px;
	color: var(--bs-black);
	
            margin-bottom: 15px;
        }
        .webdatacralwer-discover-our-exisitence-section-2-description {
            max-width: 800px;
            margin: 0 auto 40px;
            color: #000000;
        }
        .webdatacralwer-discover-our-exisitence-section-2-card {
            border: 1px solid #eee;
            border-radius: 10px;
            padding: 25px 20px;
            height: 100%;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            text-align: left;
            transition: all 0.3s ease;
			    max-width: 500px;
    width: 100%;
        }
        .webdatacralwer-discover-our-exisitence-section-2-card:hover {
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            transform: translateY(-5px);
        }
        .webdatacralwer-discover-our-exisitence-section-2-icon {
            font-size: 2rem;
            color: #1a73e8;
            margin-bottom: 15px;
        }
        .webdatacralwer-discover-our-exisitence-section-2-title {
            font-size: 1.25rem;
            font-weight: bold;
            margin-bottom: 10px;
        }
        .webdatacralwer-discover-our-exisitence-section-2-text {
            flex-grow: 1;
            color: #666;
            font-size: 0.95rem;
            margin-bottom: 20px;
        }
        .webdatacralwer-discover-our-exisitence-section-2-learnmore {
            color: #1a73e8;
            font-weight: 500;
            text-decoration: none;
            display: inline-flex;
            align-items: center;
        }
        .webdatacralwer-discover-our-exisitence-section-2-learnmore i {
            margin-left: 5px;
        }
        .webdatacralwer-discover-our-exisitence-section-2-button {
            margin-top: 40px;
        }

		.webdatacralwer-discover-our-exisitence-section-2-card-alignment{
			display: flex;
			justify-content: flex-end;
			
		}
@media screen and (max-width: 768px) {
    .webdatacralwer-discover-our-exisitence-section-2-heading {
        font-size: 26px;
        line-height: 32px;
    }
}
		@media screen and (max-width: 576px) {
  .webdatacralwer-discover-our-exisitence-section-2-heading {
        font-size: 24px;
        line-height: 30px;
    }
}













/* ========================================================================================================================= */
 .storelocation-inner-pagetwice-design-main-section {
            padding: 40px 0;
            background-color: #f8f9fa;
            font-family: Arial, sans-serif;
        }

        .storelocation-inner-pagetwice-design-logo {
            max-width: 120px;
            height: auto;
        }

        .storelocation-inner-pagetwice-design-title {
            color: #333;
            font-weight: bold;
            margin-bottom: 10px;
        }

        .storelocation-inner-pagetwice-design-subtitle {
            color: #666;
            margin-bottom: 20px;
        }

        .storelocation-inner-pagetwice-design-description {
            color: black;
            line-height: 1.6;
            margin-bottom: 20px;
        }

        .storelocation-inner-pagetwice-design-update-info {
            color: black;
            margin-bottom: 20px;
        }

        .storelocation-inner-pagetwice-design-buttons {
            display: flex;
            gap: 15px;
            margin-bottom: 30px;
        }

        .storelocation-inner-pagetwice-design-btn-sample {
            position: relative;
            transition: all 0.3s ease-in-out;
            box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
            padding-block: 0.5rem;
            padding-inline: 1.25rem;
            background-color: #ffffff;
            border-radius: 9999px;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            color: #1d6bb4;
            gap: 10px;
            font-weight: 600;
            border: 3px solid #3a7cbe;
            outline: none;
            overflow: hidden;
            font-size: 15px;
            text-decoration: none;
            letter-spacing: 0.6px;
            font-family: var(--bs-font-Inter);
            width: max-content;
        }

        .storelocation-inner-pagetwice-design-btn-touch {
            background-color: #6f42c1;
            color: white;
            border: none;
            padding: 10px 20px;
            border-radius: 5px;
            text-decoration: none;
            display: inline-block;
        }

        .storelocation-inner-pagetwice-design-category-text {
            color: #666;
            margin-bottom: 10px;
        }

        .storelocation-inner-pagetwice-design-data-fields-section {
            padding: 30px;
            border-radius: 8px;
            margin: 40px 0;
        }

        .storelocation-inner-pagetwice-design-data-fields-title {
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
        }

        .storelocation-inner-pagetwice-design-data-field {
            display: flex;
            align-items: center;
            margin-bottom: 15px;
        }

        .storelocation-inner-pagetwice-design-purple-dot {
            width: 10px;
            height: 10px;
            background-color: #1d6bb5;
            border-radius: 50%;
            margin-right: 10px;
            flex-shrink: 0;
        }

        .storelocation-inner-pagetwice-design-sidebar {
            padding: 25px;
            border-radius: 8px;
            height: fit-content;
        }

        .storelocation-inner-pagetwice-design-sidebar-title {
            font-weight: bold;
            color: #333;
            margin-bottom: 20px;
        }

        .storelocation-inner-pagetwice-design-country-list {
            list-style: none;
            padding: 0;
            margin: 0 0 40px 0;
        }

        .storelocation-inner-pagetwice-design-country-item {
            color: #000000;
            margin-bottom: 8px;
            cursor: pointer;
        }

        .storelocation-inner-pagetwice-design-country-item:hover {
            color: #1d6bb5;
        }

        .storelocation-inner-pagetwice-design-category-list {
            list-style: none;
            padding: 0;
            margin: 0;
        }

        .storelocation-inner-pagetwice-design-category-item {
            display: flex;
            justify-content: space-between;
            color: #666;
            margin-bottom: 6px;
            cursor: pointer;
        }

        .storelocation-inner-pagetwice-design-category-item:hover {
            color: #1d6bb5;
        }

        .storelocation-inner-pagetwice-design-category-count {
            color: #999;
        }

        .storelocation-inner-pagetwice-design-related-section {
            margin-top: 50px;
        }

        .storelocation-inner-pagetwice-design-related-title {
            font-weight: bold;
            color: #333;
            margin-bottom: 30px;
        }

        .storelocation-inner-pagetwice-design-card {
            display: flex;
            flex-direction: column;
            align-items: center;
            border-radius: 8px;
            overflow: hidden;
            margin-bottom: 20px;
            transition: transform 0.2s;
        }

        .storelocation-inner-pagetwice-design-card:hover {
            transform: translateY(-2px);
        }

        .storelocation-inner-pagetwice-design-card-image {
            width: 150px;
            height: 100px;
            display: flex;
            justify-content: center;
        }

        .storelocation-inner-pagetwice-design-card-image img {
            height: 100%;
            width: 100%;
        }

        .storelocation-inner-pagetwice-design-card-content {
            padding: 20px;
            text-align: center;
            display: flex;
            flex-direction: column;
            align-items: center;
        }

        .storelocation-inner-pagetwice-design-card-title {
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
            line-height: 1.4;
        }

        .storelocation-inner-pagetwice-design-card-price {
            font-weight: bold;
            color: #333;
            margin-bottom: 15px;
        }

        .storelocation-inner-pagetwice-design-card-button {
            background-color: #6f42c1;
            color: white;
            border: none;
            padding: 8px 20px;
            border-radius: 5px;
            cursor: pointer;
            text-decoration: none;
            display: inline-block;
        }

        .storelocation-inner-pagetwice-design-card-button:hover {
            background-color: #5a3596;
            color: white;
        }

        .storelocation-inner-pagetwice-design-logo-placeholder {
            border-radius: 4px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .storelocation-inner-pagetwice-design-logo-placeholder img {
            max-width: 330px;
            width: 100%;
        }

        /* Custom responsive behavior for logo and sidebar */
        @media (max-width: 1199px) {
            /* Logo section moves to top on smaller screens */
            .storelocation-inner-pagetwice-design-logo-section {
                order: -1;
                margin-bottom: 30px;
                text-align: center;
            }
            
            /* Content section adjusts */
            .storelocation-inner-pagetwice-design-content-section {
                order: 1;
            }
            
            /* Sidebar moves below main content */
            .storelocation-inner-pagetwice-design-sidebar-wrapper {
                order: 2;
                margin-top: 40px;
            }
            
            .storelocation-inner-pagetwice-design-logo-placeholder {
                justify-content: center;
                margin: 0 auto;
            }
            
            .storelocation-inner-pagetwice-design-logo-placeholder img {
                max-width: 250px;
            }
        }

        @media (max-width: 768px) {
            .storelocation-inner-pagetwice-design-buttons {
                flex-direction: column;
            }
            
            .storelocation-inner-pagetwice-design-data-fields-section {
                padding: 20px;
            }
            
            .storelocation-inner-pagetwice-design-sidebar {
                margin-top: 30px;
            }
            
            .storelocation-inner-pagetwice-design-logo-placeholder img {
                max-width: 200px;
            }
        }

/* =================================================================================================================================== */
 
		/* ======================================================================================================================================== */



		 .fourway-cta-slider-02-section {
      background-color: #1d6bb5;
      text-align: center;
         padding: 20px 20px;
	      margin-top: 60px;
		  position: relative;
  overflow: visible;  
    }
    .fourway-cta-slider-02-heading {
    
      font-weight: 600;
      margin-bottom: 15px;
      color: #ffffff;
    }
    .fourway-cta-slider-02-text {
     
      color: #ffffff;
      max-width: 700px;
     
      line-height: 1.6;
    }

	.fourway-cta-slider-02-section-buttonn{
		display: flex;
		justify-content: center;
	}

	.fourway-cta-slider-02-section-02{
		    display: flex
;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
	text-align: left;
	}

	.fourway-cta-slider-02-section img {
      transform: translateY(-8px) scale(1.15); /* moves up & enlarges */
  transition: transform 0.4s ease; /* smooth effect */
      height: auto;
	  max-width: 400px;
    width: 100%;
}

.fourway-cta-slider-02-section img:hover {
  transform: translateY(-10px) scale(1.20); /* more pop on hover */
}
    @media (max-width: 768px) {
    
	  .fourway-cta-slider-02-section{
		margin-top: 30px;
	  }
	}

	/* ====================================================================================================== */

	  .multicolor-card-design-for-innerdataset-page-02-section {
      padding: 60px 20px;
      text-align: center;
    }

    .multicolor-card-design-for-innerdataset-page-02-heading {
   
      font-weight: 600;
      color: #1d6bb5;
    }

    .multicolor-card-design-for-innerdataset-page-02-desc {

      color: #555;
      margin-bottom: 40px;
    }

    .multicolor-card-design-for-innerdataset-page-02-card {
      border-radius: 15px;
      padding: 25px;
      color: #000000;
      background: #fff;
	  border: 1px solid #1d6bb5;
      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
      transition: all 0.4s ease;
      text-align: left;
      height: 100%;
    }

    .multicolor-card-design-for-innerdataset-page-02-card:hover {
      transform: translateY(-8px) scale(1.03);
      box-shadow: 0 8px 20px rgba(0,0,0,0.15);
    }

    /* Card Icon */
    .multicolor-card-design-for-innerdataset-page-02-icon {
   
      margin-bottom: 15px;
      display: inline-block;
      padding: 10px;
      border-radius: 10px;
    }
	.multicolor-card-design-for-innerdataset-page-02-icon img{
		    height: 40px;
	}

    /* Colors */
    .multicolor-card-design-for-innerdataset-page-02-green {
      background: #e7f1fd;
    }
    .multicolor-card-design-for-innerdataset-page-02-blue {
      background: #e7f1fd;
    }
    .multicolor-card-design-for-innerdataset-page-02-purple {
      background: #e7f1fd;
    }
    .multicolor-card-design-for-innerdataset-page-02-orange {
      background: #e7f1fd;
    }

    .multicolor-card-design-for-innerdataset-page-02-title {
  
      font-weight: 600;
      margin-bottom: 10px;
    }

    .multicolor-card-design-for-innerdataset-page-02-text {
 
      color: #555;
    }

	/* ========================================================================================================== */


	    .fourrwayysection-icon-lists03-item {
      display: flex;
      align-items: center;
      gap: 12px;
      margin-bottom: 20px;
    }
    .fourrwayysection-icon-lists03-icon {
      width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #1d6bb5;
    display: flex
;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 8px;
    flex-shrink: 0;
    }
    .fourrwayysection-icon-lists03-text {
      font-size: 14px;
      font-weight: 500;
      color: black;
    }

	@media (max-width: 768px) {
 .fourway-cta-slider-02-section img {
    transform: translateY(-50px) scale(1.15);
 }
}

	/* ================================================================================================================= */


	 .your-partner-in-webdata-design-03-section {
      padding: 60px 20px;
    }
    .your-partner-in-webdata-design-03-box {
      background-color: #cce0f9;
      border-radius: 15px;
      padding: 30px;
    }
    .your-partner-in-webdata-design-03-heading {
      font-weight: 600;
      color: #1d6bb5;
	  text-align: left;
    }
    .your-partner-in-webdata-design-03-subheading {
      
      color: #000000;
      margin-bottom: 40px;
	  text-align: left;
    }
    .your-partner-in-webdata-design-03-img {
     height: 410px;
    width: auto;
    }

@media (max-width: 1400px) {
	.your-partner-in-webdata-design-03-img{
		height: 282px;
	}
}
	/* ================================================================================================================================== */
  .readytobegin-withcards-section {
      text-align: center;
      padding: 20px 20px;
    }

    .readytobegin-withcards-section-title {
  
      font-weight: 600;
        
    color: #1d6bb5;
      margin-bottom: 10px;
    }

    .readytobegin-withcards-section-subtitle {
      font-size: 1rem;
      color: #555;
      max-width: 700px;
      margin: 0 auto 20px;
    }

    /* Card Styling */
    .readytobegin-withcards-section-card {
      background: #fff;
      border-radius: 15px;
      
      padding: 30px 20px;
      margin-bottom: 30px;
      transition: all 0.3s ease-in-out;
      position: relative;
    }

    .readytobegin-withcards-section-card:hover {
      transform: translateY(-8px);
 
    }

    .readytobegin-withcards-section-icon {
      
      margin: 0 auto 20px;
 
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background: white;
    }

	.readytobegin-withcards-section-card p{
		margin-left: 0px;
	}
	


    .readytobegin-withcards-section-icon img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    /* Different background glows */
    /* .readytobegin-withcards-section-card-1 .readytobegin-withcards-section-icon {
      background: linear-gradient(135deg, #00c6ff, #0072ff);
    }
    .readytobegin-withcards-section-card-2 .readytobegin-withcards-section-icon {
      background: linear-gradient(135deg, #ff6ec4, #7873f5);
    }
    .readytobegin-withcards-section-card-3 .readytobegin-withcards-section-icon {
      background: linear-gradient(135deg, #f7971e, #ffd200);
    }
    .readytobegin-withcards-section-card-4 .readytobegin-withcards-section-icon {
      background: linear-gradient(135deg, #56ab2f, #a8e063);
    } */

    .readytobegin-withcards-section-step {
      font-weight: 700;
      color: #333;
      margin-bottom: 10px;
      font-size: 1.1rem;
	  position: relative;
    }

	.readytobegin-withcards-section-card-2,
.readytobegin-withcards-section-card-4 {

 margin-top: 70px;
}

 @media (max-width: 768px) {
		.readytobegin-withcards-section-card-2,
.readytobegin-withcards-section-card-4 {

 margin-top: 0px;
}
.readytobegin-withcards-section-card{
	margin-bottom: 0px;
}
 }


	/* ============================================================================================================== */

	 .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-cards-container {
               display: grid
;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 62px;
    max-width: 1400px;
    margin: 0 auto;
        }

        /* Glass card effect */
        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card {
            background: rgba(255, 255, 255, 0.1);
            backdrop-filter: blur(20px);
            border: 1px solid rgb(78 137 193);
            border-radius: 24px;
                padding: 30px 30px 17px 30px;
            position: relative;
            overflow: hidden;
            transition: all 0.4s ease;
            animation: Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-slideUp 0.8s ease-out both;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:nth-child(1) { animation-delay: 0.1s; }
        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:nth-child(2) { animation-delay: 0.2s; }
        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:nth-child(3) { animation-delay: 0.3s; }

        @keyframes Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-slideUp {
            0% { opacity: 0; transform: translateY(50px); }
            100% { opacity: 1; transform: translateY(0); }
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.1), transparent);
            transition: left 0.8s ease;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:hover::before {
            left: 100%;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:hover {
            transform: translateY(-15px) scale(1.02);
            box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);
               border-color: rgb(47 118 185);
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-icon {
            width: 80px;
            height: 80px;
            margin: 0 auto 20px;
            background: linear-gradient(135deg, #1d6bb5, #73a0ca);
            border-radius: 20px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 2rem;
            animation: Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-bounce 3s ease-in-out infinite;
          
        }
		.Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-icon img{
			width: 40px;
            height: 40px;
		}

        @keyframes Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-bounce {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-8px); }
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:hover .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-icon {
            animation: Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-glow 2s ease-in-out infinite;
        }

        @keyframes Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-glow {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.1); }
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-title {
            font-size: 1.4rem;
            font-weight: 700;
          color: #1d6bb5;
            margin-bottom: 15px;
            text-align: center;
            position: relative;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-title::after {
            content: '';
            position: absolute;
            bottom: -8px;
            left: 50%;
            transform: translateX(-50%);
            width: 0;
            height: 2px;
               background: linear-gradient(90deg, #1d6bb5, #5fb1ff);
            transition: width 0.4s ease;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:hover .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-title::after {
                width: 205px;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list {
            list-style: none;
            margin-top: 20px;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li {
            padding: 12px 16px;
            margin: 8px 0;
            background: rgba(255, 255, 255, 0.05);
            border-radius: 12px;
            border-left: 3px solid transparent;
            transition: all 0.3s ease;
            color: black;
            animation: Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-optionSlide 0.6s ease-out both;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li:nth-child(1) { animation-delay: 0.4s; }
        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li:nth-child(2) { animation-delay: 0.5s; }
        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li:nth-child(3) { animation-delay: 0.6s; }
        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li:nth-child(4) { animation-delay: 0.7s; }

        @keyframes Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-optionSlide {
            0% { opacity: 0; transform: translateX(-30px); }
            100% { opacity: 1; transform: translateX(0); }
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li::before {
            content: '➔';
            color: #1d6bb5;
            margin-right: 12px;
            font-size: 0.9rem;
            transition: all 0.3s ease;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:hover .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li {
            background: rgba(255, 255, 255, 0.1);
            border-left-color: #1d6bb5;
            transform: translateX(8px);
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card:hover .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-options-list li::before {
            color: #1d6bb5;
            transform: translateX(5px) scale(1.2);
        }

        /* Contact Card */
        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-contact-card {
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(25px);
            border: 2px solid rgba(255, 255, 255, 0.3);
            border-radius: 30px;
            padding: 50px 40px;
            position: relative;
            overflow: hidden;
            text-align: center;
            animation: Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-slideUp 0.8s ease-out 0.8s both;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-contact-card::before {
            content: '';
            position: absolute;
            top: -2px;
            left: -2px;
            right: -2px;
            bottom: -2px;
            background: conic-gradient(from 0deg, #ff6b6b, #ffd93d, #ff6b6b, #ffd93d, #ff6b6b);
            z-index: -1;
            animation: Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-rotateBorder 4s linear infinite;
            border-radius: 32px;
        }

        @keyframes Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-rotateBorder {
            0% { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-contact-card::after {
            content: '';
            position: absolute;
            inset: 2px;
            background: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(25px);
            border-radius: 28px;
            z-index: -1;
        }

        .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-contact-title {
            font-size: 2.2rem;
            font-weight: 800;
            color: white;
            margin-bottom: 30px;
            position: relative;
            z-index: 1;
        }

       

        @keyframes Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-btnGradient {
            0%, 100% { background-position: 0% 50%; }
            50% { background-position: 100% 50%; }
        }

        

        /* Responsive */
        @media (max-width: 768px) {
            .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-cards-container {
                grid-template-columns: 1fr;
                gap: 20px;
            }
            
            .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card {
                padding: 30px 20px;
            }
        }

		/* =========================================================================================================================== */
.Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-slider-container-main-section{
	position: relative;
}
  .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-slider-container {
      position: relative;
      overflow: hidden;
      width: 100%;

    }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-slider-track {
      display: flex;
      transition: transform 0.6s ease-in-out;
    }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-slide {
      min-width: 100%;
      box-sizing: border-box;
    }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-card {
         border: 1px solid #1d6bb54a;
      border-radius: 8px;
      padding: 15px;
      margin-bottom: 15px;
      background: #fff;
      text-align: center;
      font-weight: 600;
      transition: 0.3s;
    }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-card:hover {
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	      background: #1d6bb5;
		  color: white;
    }
    /* Nav buttons */
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-nav {
      position: absolute;
      top: 60%;
      transform: translateY(-50%);
          background: rgb(29 107 181);
		      color: white;
      border: none;
      font-size: 24px;
      padding: 8px 21px;
      cursor: pointer;
      z-index: 2;
      border-radius: 50%;
    }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-prev { left: 10%; }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-next { right: 10%; }
    /* Dots */
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-dots {
      text-align: center;
      margin-top: 15px;
    }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-dot {
      display: inline-block;
      width: 10px;
      height: 10px;
      margin: 5px;
      background: #bbb;
      border-radius: 50%;
      cursor: pointer;
    }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-dot.active {
    background: #1d6bb5;
    }

	    @media (max-width: 768px) {
			.Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-prev { left: 0%; }
    .Seamless-Delivery-of-E-Commerce-Datasets-wdc-03-card-04-next { right: 0%; }
		}



		#datasetSearch {
    padding: 12px 18px;
    border: 2px solid #1d6bb5;   /* blue border */
        border-radius: 18px;         /* rounded pill style */
    outline: none;
    font-size: 16px;
    width: 100%;
    max-width: 520px;          /* keep it centered and neat */
    transition: all 0.3s ease;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}

#datasetSearch:focus {
    border-color: #0056b3;       /* darker blue on focus */
    box-shadow: 0 4px 12px rgba(0,123,255,0.3);
}

#datasetSearch::placeholder {
    color: #999;
    font-style: italic;
}


/* ========================================================Datasets Inner page ========================================================================== */
 .wdc-datasets-inner-page-hero-section-zen-hero-section {


        color: black;

    }

    .wdc-datasets-inner-page-hero-section-zen-hero-sectionzzzzzzzzzzzz {
        background-image: url('../image/Datasets-inner/datasets-inner-main/background.svg');
        background-size: cover;
        background-position: center;
        position: relative;
        padding: 60px 0px 130px 0px;
    }

    .wdc-datasets-inner-page-hero-section-zen-stat-item {
        padding: 2rem;
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }

    .wdc-datasets-inner-page-hero-section-zen-stat-number-section-main {
        z-index: 1;
        margin-top: -126px;
    }

    .wdc-datasets-inner-page-hero-section-zen-stat-number-section {
        border-radius: 30px;
        background: #1d6bb5;
        border: 5px solid #6097c9;
    }

    .wdc-datasets-inner-page-hero-section-zen-stat-number {
        font-size: 40px;
        font-weight: 700;
        transition: all 1s ease-out;
    }

    .wdc-datasets-inner-page-hero-section-zen-cta-button {
        padding: 12px 30px;
        border-radius: 30px;
        transition: transform 0.3s ease;
    }

    .wdc-datasets-inner-page-hero-section-zen-primary-btn {
        background: #1a1a1a;
        ;
        color: #ffffff;
    }

    .wdc-datasets-inner-page-hero-section-zen-primary-btn:hover {
        transform: translateY(-2px);
    }

    @media (max-width: 768px) {
        .wdc-datasets-inner-page-hero-section-zen-stat-item {
            border-right: none;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            padding: 13px;
        }

        .wdc-datasets-inner-page-hero-section-zen-stat-number {
            font-size: 20px;
        }

    }








	.rotating-animatedkeyframe-wdc-zztwo-section {

        margin: 0 auto;
        padding: 50px 0px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-sectioncontainer {
        padding: 40px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-card {
        background: white;
        border-radius: 20px;
        padding: 40px 30px;
        text-align: center;
        box-shadow: 0 20px 50px 5px #e9eef7;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        height: 100%;
        margin-bottom: 30px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 10px 30px 3px rgba(99, 119, 238, 0.4);
    }

    .rotating-animatedkeyframe-wdc-zztwo-icon-wrapper {
        position: relative;
        width: 120px;
        height: 120px;
        margin: 0 auto 50px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-icon-container {
        position: relative;
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .rotating-animatedkeyframe-wdc-zztwo-icon-circle {
        width: 130px;
        height: 130px;
        background: #dde8ff;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
        z-index: 1;
        position: relative;
    }



    .rotating-animatedkeyframe-wdc-zztwo-icon-circle svg {
        width: 60px;
        height: 60px;
        stroke: #1d6bb5;
        stroke-width: 2;
        fill: none;
    }

	.rotating-animatedkeyframe-wdc-zztwo-icon-circle img{
		  width: 60px;
        height: 60px;
           filter: brightness(0) saturate(100%) 
          invert(22%) sepia(77%) saturate(4300%) 
          hue-rotate(192deg) brightness(95%) contrast(95%);
        stroke-width: 2;
        fill: none;
	}
	.rotating-animatedkeyframe-wdc-zztwo-card:hover .rotating-animatedkeyframe-wdc-zztwo-icon-circle img{
		filter:none;
	}

    .rotating-animatedkeyframe-wdc-zztwo-card:hover .rotating-animatedkeyframe-wdc-zztwo-icon-circle {
        background: #1D6BB5;
    }

    .rotating-animatedkeyframe-wdc-zztwo-card:hover .rotating-animatedkeyframe-wdc-zztwo-icon-circle svg {
        stroke: white;
    }

    .rotating-animatedkeyframe-wdc-zztwo-dots-container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    .rotating-animatedkeyframe-wdc-zztwo-heading {
        color: #1d6bb5;
        font-weight: 600;

    }

    .rotating-animatedkeyframe-wdc-zztwo-card:hover .rotating-animatedkeyframe-wdc-zztwo-dots-container {
        animation: rotating-animatedkeyframe-wdc-zztwo-rotate 3s linear infinite;
    }

    @keyframes rotating-animatedkeyframe-wdc-zztwo-rotate {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }

    .rotating-animatedkeyframe-wdc-zztwo-dot {
        position: absolute;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #0179eb;
        box-shadow: 0 2px 8px rgba(108, 127, 242, 0.4);
        z-index: 3;
    }

    .rotating-animatedkeyframe-wdc-zztwo-dot:nth-child(1) {
        bottom: -11px;
        left: 8%;
        transform: translateX(-50%);
        width: 16px;
        height: 16px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-dot:nth-child(2) {

        bottom: 2%;
        right: -24%;
        width: 29px;
        height: 29px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-dot:nth-child(3) {
        bottom: 70%;
        left: 98%;
        width: 26px;
        height: 26px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-content {
        margin-bottom: 25px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-title {
        font-size: 24px;
        font-weight: 600;
        color: #2d3748;
        margin-bottom: 15px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-description {
        font-size: 15px;
        color: #718096;
        line-height: 1.6;
        margin-bottom: 0;
    }

    .rotating-animatedkeyframe-wdc-zztwo-button-wrapper {
        margin-top: 25px;
    }

    .rotating-animatedkeyframe-wdc-zztwo-btn {
        display: inline-block;
        padding: 12px 35px;
        border: 2px solid #1d6bb5;
        border-radius: 50px;
        color: #1d6bb5;
        font-weight: 600;
        text-decoration: none;
        transition: all 0.3s ease;
        background: transparent;
        cursor: pointer;
    }

    .rotating-animatedkeyframe-wdc-zztwo-btn:hover {
        background: #6c7ff2;
        color: white;
        transform: scale(1.05);
    }

    @keyframes rotating-animatedkeyframe-wdc-zztwo-pulse {

        0%,
        100% {
            transform: scale(1);
            opacity: 1;
        }

        50% {
            transform: scale(1.2);
            opacity: 0.7;
        }
    }

    /* Apply the animation to all dots */
    .rotating-animatedkeyframe-wdc-zztwo-dot {
        animation: rotating-animatedkeyframe-wdc-zztwo-pulse 2.5s ease-in-out infinite;
    }

    /* Optional: vary timing slightly for a more natural, non-synchronized pulse */
    .rotating-animatedkeyframe-wdc-zztwo-dot:nth-child(1) {
        animation-delay: 0s;
    }

    .rotating-animatedkeyframe-wdc-zztwo-dot:nth-child(2) {
        animation-delay: 0.5s;
    }

    .rotating-animatedkeyframe-wdc-zztwo-dot:nth-child(3) {
        animation-delay: 1s;
    }

    /* Add perspective to the container */
    .rotating-animatedkeyframe-wdc-zztwo-sectioncontainer {
        perspective: 1000px;
    }

    /* Smooth tilt transition on the card */
    .rotating-animatedkeyframe-wdc-zztwo-card {
        transform-style: preserve-3d;
        transition: transform 0.2s ease, box-shadow 0.3s ease;
    }

    /* Add a soft “reset” animation when the mouse leaves */
    .rotating-animatedkeyframe-wdc-zztwo-card.reset {
        transition: transform 0.6s ease;
        transform: rotateX(0deg) rotateY(0deg);
    }
.rotating-animatedkeyframe-wdc-zztwo-sectioncontainer {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* optional, to keep spacing consistent */
}

/* Reset Bootstrap row spacing */
.rotating-animatedkeyframe-wdc-zztwo-sectioncontainer .row {
  display: contents; /* removes the row's visual grouping */
}

/* Make each card responsive */
.rotating-animatedkeyframe-wdc-zztwo-sectioncontainer .col-lg-4.col-md-6 {
  flex: 1 1 calc(33.333% - 20px); /* 3 per row by default */
  max-width: calc(33.333% - 20px);
}

@media (max-width: 991px) {
  .rotating-animatedkeyframe-wdc-zztwo-sectioncontainer .col-lg-4.col-md-6 {
    flex: 1 1 calc(50% - 20px); /* 2 per row */
    max-width: calc(50% - 20px);
  }
}

@media (max-width: 767px) {
  .rotating-animatedkeyframe-wdc-zztwo-sectioncontainer .col-lg-4.col-md-6 {
    flex: 1 1 100%; /* 1 per row */
    max-width: 100%;
  }
}







	.tab-section-for-inner-dataset-page-wdc-wrapper {
        padding: 30px 0;
        background: white;
    }

    .tab-section-for-inner-dataset-page-wdc-miniwrapper {
        background: #F3F6FD;
        border-radius: 30px;
        padding-bottom: 10px;

    }

    .tab-section-for-inner-dataset-page-wdc-heading {
        text-align: center;
        margin-bottom: 113px;
    }

    .tab-section-for-inner-dataset-page-wdc-subheading {
        color: #666;
        font-size: 14px;
        text-transform: uppercase;
        letter-spacing: 1px;
        margin-bottom: 10px;
    }

    .tab-section-for-inner-dataset-page-wdc-title {
        color: #2c5cc5;
        font-size: 42px;
        font-weight: 700;
    }

    .tab-section-for-inner-dataset-page-wdc-tabs {
        display: flex;
        justify-content: center;
        gap: 20px;
        margin-bottom: 50px;
        flex-wrap: wrap;
		height: max-content;

    }
	.mini-wraper-for-the-tab-section{
		display: flex;
		gap:25px;
	}

    .tab-section-for-inner-dataset-page-wdc-tab {
        background: white;
        border: 2px solid #e8ecf4;
        border-radius: 15px;
        padding: 30px 40px;
        cursor: pointer;
        transition: all 0.3s ease;
        text-align: center;
        min-width: 200px;
        margin-top: -52px;
    }

    .tab-section-for-inner-dataset-page-wdc-tab:hover {
        border-color: #1d6bb5;
        transform: translateY(-5px);
    }

    .tab-section-for-inner-dataset-page-wdc-tab.active {
        background: #1d6bb5;
        border: 4px solid #6198cb;
        color: white;
    }

    .tab-section-for-inner-dataset-page-wdc-tab-icon {
        width: 70px;
        height: 70px;
        margin: 0 auto 15px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: white;
        margin-bottom: 25px;
        margin-top: -66px;
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.06);
    }

    .tab-section-for-inner-dataset-page-wdc-tab-icon svg {
        width: 40px;
        height: 40px;
        stroke: #1d6bb5;
        transition: stroke 0.3s ease;
    }
	 .tab-section-for-inner-dataset-page-wdc-tab-icon img {
        width: 30px;
        height: 30px;
        filter: brightness(0) saturate(100%) 
          invert(22%) sepia(77%) saturate(4300%) 
          hue-rotate(192deg) brightness(95%) contrast(95%);
        transition: stroke 0.3s ease;
    }

    /* .tab-section-for-inner-dataset-page-wdc-tab.active .tab-section-for-inner-dataset-page-wdc-tab-icon svg {
            stroke: white;
        } */



    .tab-section-for-inner-dataset-page-wdc-tab.active .tab-section-for-inner-dataset-page-wdc-tab-title {
        color: white;
    }

    .tab-section-for-inner-dataset-page-wdc-content {
        display: none;
    }

    .tab-section-for-inner-dataset-page-wdc-content.active {
        display: block;
        animation: fadeIn 0.5s ease;
    }

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

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

    .tab-section-for-inner-dataset-page-wdc-image {
        border-radius: 20px;
        overflow: hidden;

        display: flex;
        justify-content: center;
    }

    .tab-section-for-inner-dataset-page-wdc-image img {
        width: 100%;
        height: auto;
        display: block;
        max-width: 500px;
    }

    .tab-section-for-inner-dataset-page-wdc-details h3 {
        font-size: 32px;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 20px;
    }

    .tab-section-for-inner-dataset-page-wdc-description {
        color: #666;
        line-height: 1.8;
        margin-bottom: 30px;
    }

    .tab-section-for-inner-dataset-page-wdc-features {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .tab-section-for-inner-dataset-page-wdc-feature {
        display: flex;
        align-items: center;
        gap: 15px;
    }

    .tab-section-for-inner-dataset-page-wdc-feature-icon {
        width: 50px;
        height: 50px;
        background: #e8ecf4;
        border-radius: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .tab-section-for-inner-dataset-page-wdc-feature-icon svg {
        width: 25px;
        height: 25px;
        stroke: #4d5fff;
    }
	.tab-section-for-inner-dataset-page-wdc-feature-icon img{
		 width: 25px;
        height: 25px;
        filter: brightness(0) saturate(100%) 
          invert(22%) sepia(77%) saturate(4300%) 
          hue-rotate(192deg) brightness(95%) contrast(95%);
	}

    .tab-section-for-inner-dataset-page-wdc-feature-text h4 {
        font-size: 16px;
        font-weight: 600;
        color: #1a1a1a;
        margin-bottom: 5px;
    }

    .tab-section-for-inner-dataset-page-wdc-feature-text p {
        font-size: 14px;
        color: #666;
        margin: 0;
    }

	 @media (max-width: 1200px) {
       .mini-wraper-for-the-tab-section {
            overflow-x: scroll;
        }
		 .tab-section-for-inner-dataset-page-wdc-tab {
           
			 margin-top: 60px;
			
        }
		.tab-section-for-inner-dataset-page-wdc-content{
			padding-inline: 30px;
		}
	}



	
    @media (max-width: 768px) {
        .tab-section-for-inner-dataset-page-wdc-title {
            font-size: 28px;
        }

        .tab-section-for-inner-dataset-page-wdc-tabs {
            gap: 10px;
			flex-wrap: nowrap;
			display: flex;
			flex-direction: column;
        }
		.mini-wraper-for-the-tab-section{
			display: flex;
overflow-x: scroll;
		}

        .tab-section-for-inner-dataset-page-wdc-tab {
            padding: 20px;
            min-width: 150px;
			height: auto;
			 margin-top: 60px;
			
        }

        .tab-section-for-inner-dataset-page-wdc-features {
            grid-template-columns: -1fr;
        }
		.tab-section-for-inner-dataset-page-wdc-content{
			padding-inline: 30px;
		}
		.tab-section-for-inner-dataset-page-wdc-feature-text h4{
			    font-size: 12px;
		}
    }















	  .dataset-inner-page-table-frame-structure-zb-section {
            padding: 20px;
        }

        .dataset-inner-page-table-frame-structure-zb-frame {
            max-height: 500px;
            overflow: auto;
            border: 1px solid #dee2e6;
            border-radius: 8px;
            background: #fff;
            margin-bottom: 20px;
        }

        .dataset-inner-page-table-frame-structure-zb-table-parent {
            width: max-content;
    min-width: 100%;
        }

        .dataset-inner-page-table-frame-structure-zb-table-parent table {
            width: 100%;
            margin: 0;
        }
        .dataset-inner-page-table-frame-structure-zb-table-parent thead {
        background: #1d6bb5;
        
        }

         .dataset-inner-page-table-frame-structure-zb-table-parent table th{
            color:white;
         }

        .dataset-inner-page-table-frame-structure-zb-button-container {
            text-align: center;
        }

        .dataset-inner-page-table-frame-structure-zb-download-btn {
            background: #7c3aed;
            color: white;
            padding: 10px 30px;
            border: none;
            border-radius: 6px;
            cursor: pointer;
            font-size: 16px;
        }

        .dataset-inner-page-table-frame-structure-zb-download-btn:hover {
            background: #6d28d9;
        }











		  .simple-minisection-wdc-zm-section {
  background-color: #ffffff;
  color: #1a1a1a;
}

.simple-minisection-wdc-zm-heading {
 
  color: #2b4eff;
}

.simple-minisection-wdc-zm-subheading {
  font-size: 1.5rem;
  color: #0f172a;
}

.simple-minisection-wdc-zm-description {
  color: #475569;
  line-height: 1.6;
}

.simple-minisection-wdc-zm-list svg{
    height: 30px;
    color: #1d6bb5;
}

.simple-minisection-wdc-zm-list li {
  margin-bottom: 10px;
  font-weight: 500;
  color: #1e293b;
}

.simple-minisection-wdc-zm-image {
  max-width: 90%;
  border-radius: 10px;
  transition: transform 0.3s ease;
}

.simple-minisection-wdc-zm-image:hover {
  transform: scale(1.03);
}





 .hoverable-simple-grid-card-za-section {
  background: white;
}

/* Remove spacing between cards */
.hoverable-simple-grid-card-za-section .row.g-0 > [class*="col-"] {
  padding: 0;
}

/* Card styling */
.hoverable-simple-grid-card-za-card {
  position: relative;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  transition: all 0.4s ease;
  min-height: 280px;
  padding: 40px;
  min-height: -webkit-fill-available;
}

.hoverable-simple-grid-card-za-number {
position: absolute;
    top: 6px;
    left: 23%;
    transform: translateX(-50%);
    font-size: 108px;
    font-weight: 700;
    color: transparent;
    -webkit-text-stroke: 1px rgb(0 0 0 / 11%);
    pointer-events: none;
    z-index: 0;
}

.hoverable-simple-grid-card-za-title {
position: relative;
    z-index: 1;
    font-size: 30px;
    font-weight: 700;
    color: #0d1b2a;
    margin-top: 30px;
    margin-bottom: 30px;
    transition: color 0.4s 
ease;
}

.hoverable-simple-grid-card-za-desc {
  position: relative;
  z-index: 1;
  color: #555;
  font-size: 0.95rem;
  margin: 15px 0 20px;
  transition: color 0.4s ease;
}

.hoverable-simple-grid-card-za-btn {
     position: relative;
    z-index: 1;
    background: transparent;
    border: none;
    color: #007bff;
    /* padding: 8px 18px; */
    /* border-radius: 6px; */
    transition: all 0.3s 
ease;
}

.hoverable-simple-grid-card-za-btn:hover {
  
  color: #fff;
}
.hoverable-simple-grid-card-za-btn {
  position: relative;
  background: transparent;
  color: #007bff;
  border: none;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}

.hoverable-simple-grid-card-za-btn::after {
  content: "➜"; /* Unicode arrow */
  margin-left: 4px;
  transition: transform 0.3s ease;
}

.hoverable-simple-grid-card-za-btn:hover::after {
  transform: translateX(5px); /* subtle slide on hover */
}


/* Hover Effects */
.hoverable-simple-grid-card-za-card:hover {
 background: -webkit-linear-gradient(21deg, #336DB6 0, #8CBAF3 100%);
  transform: translateY(-3px);
  box-shadow: 0 6px 18px rgba(0, 123, 255, 0.2);
}

.hoverable-simple-grid-card-za-card:hover .hoverable-simple-grid-card-za-title,
.hoverable-simple-grid-card-za-card:hover .hoverable-simple-grid-card-za-desc {
  color: #ffffff;
}

.hoverable-simple-grid-card-za-card:hover .hoverable-simple-grid-card-za-btn {
  border-color: #ffffff;
  color: #ffffff;
}

.hoverable-simple-grid-card-za-card:hover .hoverable-simple-grid-card-za-number{
    display:none;
}

/* Responsive Tweaks */
@media (max-width: 767px) {
  .hoverable-simple-grid-card-za-number {
    font-size: 50px;
  }
  .hoverable-simple-grid-card-za-title {
    font-size: 1.1rem;
    margin-top: 45px;
  }
}

.section-bg-color-fix-section{
	padding: 30px;
}

.section-bg-color-fix-section .card{
	    min-height: -webkit-fill-available;
}





  .Webdatacrawler-hero-section-webby {
        overflow: hidden;
        position: relative;
        color: #0f172a;
        padding: 200px 0;
    }

    /* ===== Text Styles ===== */
    .Webdatacrawler-hero-section-webby-heading {

        line-height: 1.3;
        color: #0f172a;
    }

    .Webdatacrawler-hero-section-webby-description {
        color: #334155;
        font-size: 1.1rem;
        line-height: 1.6;
    }

    .Webdatacrawler-hero-section-webby-btn-primary {
        background-color: #c6f3ff;
        color: #001a3d;
        font-weight: 600;
        border: none;
    }

    .Webdatacrawler-hero-section-webby-btn-primary:hover {
        background-color: #a7e7ff;
    }

    .Webdatacrawler-hero-section-webby-btn-secondary:hover {
        background-color: #001a3d;
        color: #fff;
    }

    /* ===== Icon/Image Groups ===== */
    .Webdatacrawler-hero-section-webby-icons-box {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);

        z-index: 1;
    }

    .Webdatacrawler-hero-section-webby-icons-box-left {
        left: 3%;
    }

    .Webdatacrawler-hero-section-webby-icons-box-right {
        right: 3%;
    }

    .Webdatacrawler-hero-section-webby-icons-row {
        height: 100%;
        justify-content: space-between;
    }

    .Webdatacrawler-hero-section-webby-icons-col {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .Webdatacrawler-hero-section-webby-icons-col-single {
        justify-content: center;
    }

    .Webdatacrawler-hero-section-webby-icons-col-triple {
        justify-content: space-between;

        gap: 60px;
    }

    .Webdatacrawler-hero-section-webby-icons-col-five {
        justify-content: space-between;
        height: 100%;
        gap: 60px;
    }

    .Webdatacrawler-hero-section-webby-icons-img {
        width: 40px;
        height: 40px;
        object-fit: contain;
    }

    .Webdatacrawler-hero-section-webby-icons-row {
        animation: Webdatacrawler-hero-section-webby-icons-float 4s ease-in-out infinite;
    }

    /* Keyframes for smooth floating effect */
    @keyframes Webdatacrawler-hero-section-webby-icons-float {
        0% {
            transform: translateY(0);
        }

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

        100% {
            transform: translateY(0);
        }
    }

    @media (max-width: 1200px) {
        .Webdatacrawler-hero-section-webby-icons-box {
            display: none;
        }
    }

    @media (max-width: 991px) {
        .Webdatacrawler-hero-section-webby{
            padding: 40px 0;
        }
    }



	 .reatil-scrape-amazinfcardhover-wc-section {
        background: white;
    }

    /* Container-level grid border */
    .reatil-scrape-amazinfcardhover-wc-section .row.g-0 {
        border-top: 1px solid rgba(255, 255, 255, 0.2);
        border-left: 1px solid rgba(255, 255, 255, 0.2);
    }

    /* Card styling */
    .reatil-scrape-amazinfcardhover-wc-card {
        background: #1d6bb5;
        text-align: left;
        overflow: hidden;
        transition: 0.3s;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
        border-right: 1px solid rgba(255, 255, 255, 0.2);
        position: relative;
        height: 100%;
        padding: 48px;
        border: 2px solid #1d6bb5;
        border-radius: 10px;
    }

    /* Ensure full column height alignment */


    .reatil-scrape-amazinfcardhover-wc-card p,
    .reatil-scrape-amazinfcardhover-wc-card h5 {
        color: white;
        margin-bottom: 25px;
    }

    .reatil-scrape-amazinfcardhover-wc-icon {
        filter: brightness(0) invert(1);
        transition: 0.3s;
    }

    .reatil-scrape-amazinfcardhover-wc-link {
        color: #fff;
        font-weight: 500;
        font-size: 0.9rem;
        text-decoration: none;
    }

    .reatil-scrape-amazinfcardhover-wc-bgimg {
        background: url('../image/api/tripadvisor-travel-data-api/img/W1.png') no-repeat top right / 130px;
        opacity: 0;
        position: absolute;
        top: 0;
        right: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

    .reatil-scrape-amazinfcardhover-wc-card:hover {
        background: #fff;
        color: #4a2fd3;
        border-radius: 0px 40px 0px 40px;

    }

    .reatil-scrape-amazinfcardhover-wc-card:hover p,
    .reatil-scrape-amazinfcardhover-wc-card:hover h5 {
        color: #0b0a33;

    }

    .reatil-scrape-amazinfcardhover-wc-card:hover .reatil-scrape-amazinfcardhover-wc-link {
        color: #4a2fd3;
    }

    .reatil-scrape-amazinfcardhover-wc-card:hover .reatil-scrape-amazinfcardhover-wc-icon {
       filter: brightness(0) saturate(100%) invert(22%) sepia(77%) saturate(4300%) hue-rotate(192deg) brightness(95%) contrast(95%);
    }

    .reatil-scrape-amazinfcardhover-wc-card:hover .reatil-scrape-amazinfcardhover-wc-bgimg {
        opacity: 1;
        animation: moveLeft 2s linear forwards;
    }

    @keyframes moveLeft {
        0% {
            -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
        }

        100% {
            -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
        }
    }






	 .wdc-api-integration-sec-container {
        max-width: 1400px;
        margin: 0 auto;
        background: white;
        border-radius: 12px;
        padding: 60px 40px;
        /* box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); */
    }

    .wdc-api-integration-sec-header {
        text-align: center;
        margin-bottom: 50px;
    }

    .wdc-api-integration-sec-title {
        font-size: 48px;
        font-weight: 700;
        color: #1a1a1a;
        margin-bottom: 16px;
    }

    .wdc-api-integration-sec-description {
        font-size: 18px;
        color: #666;
        line-height: 1.6;
    }

    .wdc-api-integration-sec-content-wrapper {
        display: flex;
        gap: 30px;
        align-items: flex-start;
    }

    .wdc-api-integration-sec-tabs-container {
        display: flex;
        flex-direction: column;
        gap: 12px;
        min-width: 210px;
    }

    .wdc-api-integration-sec-tab-button {
        display: flex;
        align-items: center;
        gap: 12px;
        padding: 16px 24px;
        background: #ffffff;
        border: none;
        border-radius: 16px 0px 16px 0px;
        font-size: 16px;
        font-weight: 500;
        color: #333;
        cursor: pointer;
        transition: all 0.3s ease;
        text-align: left;
        border: 5px solid #6198cb;
    }

    .wdc-api-integration-sec-tab-button:hover {
        background: #1d6bb5;
        color: white;
    }

    .wdc-api-integration-sec-tab-button.current-tab {
        background: #1d6bb5;
        color: white;
        border: 5px solid #6198cb;
    }

    .wdc-api-integration-sec-tab-icon {
        width: 28px;
        height: 28px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-style: italic;
        font-weight: bold;
    }

    .wdc-api-integration-sec-code-container {
        flex: 1;
        background: #1e1e1e;
        border-radius: 12px;
        padding: 30px;
        min-height: 400px;
        border: 3px solid #1d6bb5;

        border-radius: 40px 0px 40px 0px;
    }

    .wdc-api-integration-sec-code-content {
        display: none;
        color: #fff;
    }

    .wdc-api-integration-sec-code-content pre {
        background-color: #1e1e1e;
    }

    .wdc-api-integration-sec-code-content.current-tab {
        display: block;
    }

    @media (max-width: 1400px) {
        .wdc-api-integration-sec-code-container {
            overflow-x: scroll;
        }
    }

    @media (max-width: 1024px) {
        .wdc-api-integration-sec-container {
            padding: 40px 30px;
        }

        .wdc-api-integration-sec-title {
            font-size: 36px;
        }

        .wdc-api-integration-sec-content-wrapper {
            gap: 20px;
        }
    }

    @media (max-width: 768px) {
        .wdc-api-integration-sec-container {
            padding: 30px 20px;
        }

        .wdc-api-integration-sec-title {
            font-size: 32px;
        }

        .wdc-api-integration-sec-description {
            font-size: 16px;
        }

        .wdc-api-integration-sec-content-wrapper {
            flex-direction: column-reverse;
        }

        .wdc-api-integration-sec-tabs-container {
            flex-direction: row;
            width: 100%;
            overflow-x: auto;
            min-width: auto;
        }

        .wdc-api-integration-sec-tab-button {
            white-space: nowrap;
            min-width: 120px;
        }

        .wdc-api-integration-sec-code-container {
            width: 100%;
            min-height: 315px;
        }

        .wdc-api-integration-sec-code-block {
            font-size: 12px;
        }
    }

    @media (max-width: 480px) {
        .wdc-api-integration-sec-title {
            font-size: 28px;
        }

        .wdc-api-integration-sec-description {
            font-size: 14px;
        }

        .wdc-api-integration-sec-tab-button {
            padding: 16px 12px;
            font-size: 14px;
        }

        .wdc-api-integration-sec-code-container {
            padding: 20px;
        }

        .wdc-api-integration-sec-code-block {
            font-size: 11px;
        }
    }







	.linear-steps-section-snake-design-za-section {
        padding: 0px 0;
        /* background: #f8f9fa; */
        overflow: hidden;
    }

    .linear-steps-section-snake-design-za-heading-row {
        text-align: center;
        margin-bottom: 60px;
    }



    .linear-steps-section-snake-design-za-title {
        color: #1e293b;
        font-size: 42px;
        font-weight: 700;
        margin: 0;
    }

    .linear-steps-section-snake-design-za-circles-row {
        position: relative;
        height: 120px;
        margin-bottom: 36px;
    }

    .linear-steps-section-snake-design-za-dashed-line {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        height: 200px;
        background-image: url('../image/api/tripadvisor-travel-data-api/img/New folder/work-process-line.png');
        background-repeat: repeat-x;
        transform: translateY(-50%);
        z-index: 1;
    }

    .linear-steps-section-snake-design-za-circles-container {
        position: relative;
        z-index: 2;
        height: 100%;
    }

    .linear-steps-section-snake-design-za-circle {
        position: absolute;
        width: 70px;
        height: 70px;
        background: linear-gradient(135deg, #1d6bb5 0%, #1d6bb5 100%);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        border: 5px solid white;
        font-size: 24px;
        font-weight: 700;
           box-shadow: 0 8px 20px rgb(184 221 255);
        transition: all 0.3s ease;
        top: 50%;
        transform: translateY(-50%);
    }

    .linear-steps-section-snake-design-za-circle:hover {
        transform: translateY(-50%) scale(1.15);
           box-shadow: 0 12px 30px rgb(99 161 241 / 50%);
    }

    .linear-steps-section-snake-design-za-circle:nth-child(1) {
        left: 5%;
        animation: linear-steps-section-snake-design-za-float 3s ease-in-out infinite;
    }

    .linear-steps-section-snake-design-za-circle:nth-child(2) {
        left: 25%;
        top: 38%;
        animation: linear-steps-section-snake-design-za-float 3s ease-in-out infinite 0.5s;
    }

    .linear-steps-section-snake-design-za-circle:nth-child(3) {
        left: 45%;
        animation: linear-steps-section-snake-design-za-float 3s ease-in-out infinite 1s;
    }

    .linear-steps-section-snake-design-za-circle:nth-child(4) {
        left: 65%;
        top: 20%;
        animation: linear-steps-section-snake-design-za-float 3s ease-in-out infinite 1.5s;
    }

    .linear-steps-section-snake-design-za-circle:nth-child(5) {
        left: 85%;
        animation: linear-steps-section-snake-design-za-float 3s ease-in-out infinite 2s;
    }

    @keyframes linear-steps-section-snake-design-za-float {

        0%,
        100% {
            transform: translateY(-50%) translateX(0);
        }

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

    .linear-steps-section-snake-design-za-cards-row {
        position: relative;
        column-gap: 50px;
        justify-content: center;
    }

    .linear-steps-section-snake-design-za-card {
        background: #1d6bb5;
        border-radius: 0px 0px 16px 0px;
        padding: 25px 15px;
        margin-bottom: 30px;
        position: relative;
        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
        transition: all 0.4s ease;
        min-height: -webkit-fill-available;
    }

    .linear-steps-section-snake-design-za-card::before {
        position: absolute;
        content: '';
        left: 33px;
        top: -7%;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        transition: 0.5s;
        border-right: 22px solid #ff000000;
        border-bottom: 15px solid #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15);
    }

    .linear-steps-section-snake-design-za-card:nth-child(1) {
        border-top: 4px solid #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(1)::before {
        border-bottom-color: #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(2) {
        border-top: 4px solid #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(2)::before {
        border-bottom-color: #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(3) {
        border-top: 4px solid #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(3)::before {
        border-bottom-color: #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(4) {
        border-top: 4px solid #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(4)::before {
        border-bottom-color: #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(5) {
        border-top: 4px solid #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card:nth-child(5)::before {
        border-bottom-color: #1d6bb5;
    }

    .linear-steps-section-snake-design-za-card-title {
        font-size: 22px;
        font-weight: 700;
        color: #fff;
        margin-bottom: 15px;
    }

    .linear-steps-section-snake-design-za-card-description {
        font-size: 15px;
        color: #fff;
        line-height: 1.7;
        margin: 0;
    }

    /* Responsive Design */
    @media (max-width: 1200px) {
        .linear-steps-section-snake-design-za-circle {
            width: 60px;
            height: 60px;
            font-size: 20px;
        }
    }

    @media (max-width: 992px) {
        .linear-steps-section-snake-design-za-title {
            font-size: 36px;
        }

        .linear-steps-section-snake-design-za-circle {
            width: 55px;
            height: 55px;
            font-size: 18px;
        }

        .linear-steps-section-snake-design-za-circles-row {
            margin-bottom: 60px;
        }
    }

    @media (max-width: 768px) {
        .linear-steps-section-snake-design-za-section {
            padding: 60px 0;
        }
        .linear-steps-section-snake-design-za-circles-row{
            display:none;
        }

        .linear-steps-section-snake-design-za-title {
            font-size: 28px;
        }

        .linear-steps-section-snake-design-za-circles-row {
            height: 200px;
            margin-bottom: 40px;
        }

        .linear-steps-section-snake-design-za-dashed-line {
            display: none;
        }

        .linear-steps-section-snake-design-za-circle {
            width: 50px;
            height: 50px;
            font-size: 16px;
            position: relative !important;
            display: inline-flex;
            margin: 10px 15px;
            left: auto !important;
            top: auto !important;
            transform: none !important;
        }

        .linear-steps-section-snake-design-za-circles-container {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            align-items: center;
        }

        .linear-steps-section-snake-design-za-circle:hover {
            transform: scale(1.15) !important;
        }

        .linear-steps-section-snake-design-za-card {
            padding: 25px 20px;
            min-height: auto;
        }

        .linear-steps-section-snake-design-za-card-title {
            font-size: 20px;
        }

        .linear-steps-section-snake-design-za-card-description {
            font-size: 14px;
        }
    }

    @media (max-width: 576px) {
        .linear-steps-section-snake-design-za-title {
            font-size: 24px;
        }



        .linear-steps-section-snake-design-za-card {
            padding: 20px 15px;
        }

        .linear-steps-section-snake-design-za-card-title {
            font-size: 18px;
        }
    }



	
    .wdc-int-solutions-section {
        padding: 70px 0;
        background: #eef2ff;
    }

    /* Make the left column sticky */
    .wdc-int-solutions-section .sticky-column {
        position: sticky;
        top: 170px;
        align-self: flex-start;
        height: fit-content;
    }

    .wdc-int-solutions-main-content {
        display: flex;
        flex-direction: column;
        gap: 20px;
        padding-bottom: 25px;
    }

    .wdc-int-solutions-cards-parent {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }

    .wdc-int-solutions-cards {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding: 20px;
        border-radius: 0px 40px 0px 40px;
        color: #fff;
        background-color: #1d6bb5;
        box-shadow: 0 0 10px #ddd;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        border: 2px solid #1d6bb5;
    }

    .wdc-int-solutions-cards:hover {
        transform: translateY(-5px);
        box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
        background-color: white;
        color: #1d6bb5;

    }

    .wdc-int-solutions-cards:hover img {
        filter: brightness(0) saturate(100%) invert(22%) sepia(77%) saturate(4300%) hue-rotate(192deg) brightness(95%) contrast(95%);
    }

    .wdc-int-solutions-section h2 {
        /* font-size: 56px; */
        max-width: 90%;
        color: #1d6bb5;
    }

    /* .wdc-int-solutions-points {
        display: flex;
        flex-direction: column;
        gap: 10px;
        padding-left: 20px;
        position: relative;
    }

    .wdc-int-solutions-points::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 4px;
        background-color: #1d6bb5;
    } */

    .wdc-int-solutions-cards img {
        height: 40px;
        width: 40px;
        margin-bottom: 25px;
    }

    /* Responsive */
    @media (max-width: 992px) {
        .sticky-column {
            position: static;
            /* Disable sticky on smaller screens */
        }

        .wdc-int-solutions-section .sticky-column{
            position:static;
        }

        .wdc-int-solutions-main-content {
            gap: 25px;
        }

        .wdc-int-solutions-cards-parent {
            margin-top: 25px;
        }

        .wdc-int-solutions-section h2 {
            font-size: 32px;
        }
    }

    @media (max-width: 475px) {
        .wdc-int-solutions-cards-parent {
            grid-template-columns: repeat(1, 1fr);
        }
    }










	
    /* Base card styles */
    .webdata-api-api-vox-des-intro-card {
        background: #fff;
        border-radius: 1rem;
        padding: 1.5rem;
        box-shadow: 0 2px 8px rgb(0 0 0 / 24%);
        position: relative;
        overflow: hidden;
        transition: all 0.4s ease-in-out;
        z-index: 1;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border: 3px solid #6198cb;
    }

    .webdata-api-api-vox-des-intro-card-dark {
        background: #1d6bb5;
        color: #fff;
        border-radius: 1rem;
        padding: 1.5rem;
        border: 4px solid #6198cb;
        position: relative;
        overflow: hidden;
        transition: all 0.4s ease-in-out;
        z-index: 1;
        display: flex;
        align-items: center;
    }

    /* Hover Background Effect (uses inline variable) */
    .webdata-api-api-vox-des-intro-card::before,
    .webdata-api-api-vox-des-intro-card-dark::before {
        content: "";
        position: absolute;
        inset: 0;
        background: var(--hover-bg) center/cover no-repeat;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        z-index: 0;
    }

    .webdata-api-api-vox-des-intro-card:hover::before,
    .webdata-api-api-vox-des-intro-card-dark:hover::before {
        opacity: 0.35;
    }

    /* Keep text above background */
    .webdata-api-api-vox-des-intro-card *,
    .webdata-api-api-vox-des-intro-card-dark * {
        position: relative;
        z-index: 1;
    }

    .webdata-api-api-vox-des-rounded-img {
        border-radius: 1rem;
        width: 100%;
        height: 100% !important;
        height: auto;
        display: block;
        transition: opacity 0.5s ease-in-out;
    }

    .webdata-api-api-vox-des-intro-card-dark .webdata-api-api-vox-des-card-icon {
        filter: none;
    }

    /* Inner content structure */
    .webdata-api-api-vox-des-card-icon {
        width: 50px;
        height: 50px;
        object-fit: contain;
        margin-bottom: 1rem;
        filter: brightness(0) saturate(100%) invert(22%) sepia(77%) saturate(4300%) hue-rotate(192deg) brightness(95%) contrast(95%);
    }

    .webdata-api-api-vox-des-card-desc {
        font-size: 1rem;
        line-height: 1.6;
        margin-bottom: 0;
        text-align: left;
        font-weight: 500;
    }

    .webdata-api-api-vox-des-intro-card .simple-minisection-wdc-zm-list li {
        text-align: start;
    }

    .webdata-api-api-vox-des-intro-card-miniature {
        display: flex;
        align-items: center;
        column-gap: 10px;
    }

    /* Hover Overlay for AI Illustration */
    .webdata-api-api-vox-des-hover-wrapper {
        position: relative;
        width: 100%;
        display: inline-block;
    }

    .webdata-api-api-vox-des-hover-wrapper .webdata-api-api-vox-des-hover-card {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #1d6bb5;
        color: #fff;
        border-radius: 1rem;
        border: 4px solid #6198cb;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.5rem;
        text-align: start;
        opacity: 0;
        transition: opacity 0.5s ease-in-out;
        z-index: 2;
    }

    .webdata-api-api-vox-des-hover-wrapper:hover .webdata-api-api-vox-des-rounded-img {
        opacity: 0;
    }

    .webdata-api-api-vox-des-hover-wrapper:hover .webdata-api-api-vox-des-hover-card {
        opacity: 1;
    }

    .webdata-api-api-vox-des-intro-card-dark-miniaturez:hover .webdata-api-api-vox-des-hover-card{
        opacity: 1;
    }

    .webdata-api-api-vox-des-hover-wrapper:hover .webdata-api-api-vox-des-hover-card img {
        filter: none;
    }

    /* ================= Rolling Title Effect ================= */
    .webdata-api-api-vox-des-card-title-wrapper {
        position: relative;
        overflow: hidden;
        display: inline-block;
        height: 1.5em;
        font-weight: 700;
        font-size: 1.25rem;
        margin-bottom: 0.75rem;
    }

    .webdata-api-api-vox-des-card-title-wrapper .top__text,
    .webdata-api-api-vox-des-card-title-wrapper .bottom__text {
        display: block;
        transition: transform 0.3s ease-in-out;
    }

    .webdata-api-api-vox-des-intro-card:hover .webdata-api-api-vox-des-card-title-wrapper .top__text {
        transform: translateY(-100%);
    }

    .webdata-api-api-vox-des-intro-card:hover .webdata-api-api-vox-des-card-title-wrapper .bottom__text {
        transform: translateY(-100%);
    }

    @media screen and (min-width: 1440px) {
        .webdata-api-api-vox-des-card-title-wrapper .bottom__text {
            position: absolute;
            bottom: -100%;
        }
    }

    /* ============================= */
/*  Hover Effect for Left Image  */
/* ============================= */
.webdata-api-api-vox-des-hover-dark-imagee-wrapper {
    position: relative;
    width: 100%;
    display: inline-block;
    overflow: hidden;
    border-radius: 1rem;
    height:100%;
}

/* Base Image */
.webdata-api-api-vox-des-hover-dark-imagee-wrapper .webdata-api-api-vox-des-rounded-img {
    border-radius: 1rem;
    width: 100%;
    height: auto;
    display: block;
    transition: opacity 0.5s ease-in-out;
}

/* Hover Overlay Card */
.webdata-api-api-vox-des-hover-dark-imagee-card {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(29, 107, 181, 0.95); /* subtle transparency */
    color: #fff;
    border-radius: 1rem;
    border: 4px solid #6198cb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1.5rem;
    text-align: start;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 2;
}

/* Hover Effect */
.webdata-api-api-vox-des-hover-dark-imagee-wrapper:hover .webdata-api-api-vox-des-rounded-img {
    opacity: 0;
}

.webdata-api-api-vox-des-hover-dark-imagee-wrapper:hover .webdata-api-api-vox-des-hover-dark-imagee-card {
    opacity: 1;
}

/* Icon Style */
.webdata-api-api-vox-des-hover-dark-imagee-icon {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 1rem;
    filter: brightness(0) saturate(100%) invert(22%) sepia(77%) saturate(4300%) hue-rotate(192deg) brightness(95%) contrast(95%);
}

.webdata-api-api-vox-des-hover-dark-imagee-wrapper:hover .webdata-api-api-vox-des-hover-dark-imagee-card img {
    filter: none;
}

/* Rolling Title Animation */
.webdata-api-api-vox-des-hover-dark-imagee-title-wrapper {
    position: relative;
    overflow: hidden;
    display: inline-block;
    height: 1.5em;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.75rem;
}

.webdata-api-api-vox-des-hover-dark-imagee-title-wrapper .top__text,
.webdata-api-api-vox-des-hover-dark-imagee-title-wrapper .bottom__text {
    display: block;
    transition: transform 0.3s ease-in-out;
}

.webdata-api-api-vox-des-hover-dark-imagee-wrapper:hover 
.webdata-api-api-vox-des-hover-dark-imagee-title-wrapper .top__text {
    transform: translateY(-100%);
}

.webdata-api-api-vox-des-hover-dark-imagee-wrapper:hover 
.webdata-api-api-vox-des-hover-dark-imagee-title-wrapper .bottom__text {
    transform: translateY(-100%);
}

@media screen and (min-width: 1440px) {
    .webdata-api-api-vox-des-hover-dark-imagee-title-wrapper .bottom__text {
        position: absolute;
        bottom: -100%;
    }
}

/* Description */
.webdata-api-api-vox-des-hover-dark-imagee-desc {
    font-size: 1rem;
    line-height: 1.6;
    margin-bottom: 0;
    text-align: left;
    font-weight: 500;
}
	


/* ================================================== blog cs rr Tab section home page ================================================= */

.latest-scraper-info-index-section {
      padding: 55px 0;
  background-color: #eef2ff;
}

.latest-scraper-info-index-section a{
	text-decoration: none;
}

.latest-scraper-info-index-section h2{
font-size: 42px;
line-height: 54px;
    font-weight: 600;
    font-style: normal;
    letter-spacing: .3px;
    color: #1d6bb5;
    text-align: center;
}


.latest-scraper-info-tabs-container {
     display: grid
;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
}
.latest-scraper-info-tab-cards-main {
  margin-top: 30px !important;
}
.latest-scraper-info-tab {
  padding: 10px 20px;
   border: 3px solid #6198cb;
  color: #1d6bb5;
  font-weight: 500;
  font-size: 18px;
  background-color: #f5f5f5;
      border-radius: 26px;
  cursor: pointer;

}
.latest-scraper-info-tab.active_tab {
  background-color: #1d6bb5;
   
  color: white;
}
.latest-scraper-info-tab-cards-container {
  display: none;
}
.latest-scraper-info-tab-cards-container.active_tab {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.latest-scraper-info-tab-card {
  width: 30%;
  padding: 20px;
  margin: 10px 0;
     border-radius: 26px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.latest-scraper-info-tab-card.latest-infography-card {
  padding: 0 0 20px;
  overflow: hidden;
  min-height: 440px !important;
  background: white;
}
.latest-scraper-info-tab-card.latest-infography-card .latest-scraper-index-heading-text,
.latest-scraper-info-tab-card.latest-infography-card .latest-scraper-index-desc {
  padding-inline: 20px;
}
.latest-scraper-info-tab-card-anchor {
  color: #000;
}
.latest-scraper-info-tab-card-anchor:hover {
  color: #000;
}
.latest-scraper-index-btn {
  color: #1d6bb5;
}
.latest-scraper-index-btn:hover {
  color: #1d6bb5;
  font-weight: 500;
}
.latest-scraper-index-heading img {
  width: 75px;
}
.latest-infography-index-heading img {
  width: 100%;
}
.latest-scraper-index-heading-text h5 {
  margin-top: 15px;
}
.latest-scraper-info-tab-card.latest-store-location-card img {
  width: 100px;
}
@media (max-width: 1399px) {
  .latest-scraper-info-tab-card.latest-infography-card {
    min-height: 465px !important;
  }
  .latest-store-location-card.latest-scraper-info-tab-card {
    min-height: 310px !important;
  }
}
@media (max-width: 1199px) {
  .latest-store-location-card.latest-scraper-info-tab-card {
    min-height: 320px !important;
  }
}
@media (max-width: 991px) {
  .latest-scraper-info-tab-cards-container {
    flex-wrap: wrap;
    gap: 15px;
  }
  .latest-scraper-info-tabs-container{
	    display: grid
;
    grid-template-columns: repeat(2, 1fr);
  }
  .latest-scraper-info-tab-card {
    width: 47%;
  }
  .latest-scraper-info-tab-card.latest-infography-card {
    min-height: 435px !important;
  }
}
@media (max-width: 767px) {
  .latest-scraper-info-tab-cards-container {
    gap: 10px;
  }
  .latest-scraper-info-index-section h2{
	font-size: 26px;
  }
  .latest-scraper-info-tab-card {
    width: 100%;
  }
  .latest-scraper-info-tab-card.latest-infography-card {
    min-height: unset !important;
    height: auto;
  }
  .latest-store-location-card.latest-scraper-info-tab-card {
    min-height: unset !important;
    height: auto;
  }
}
@media (max-width: 525px) {
  .latest-scraper-info-tab {
    font-size: 14px;
  }
}
@media (max-width: 500px) {
  .latest-scraper-info-index-section {
    padding-bottom: 0;
  }
  .latest-scraper-info-tabs-container {
    gap: 15px;
  }
  .latest-scraper-info-tab-cards-main {
    margin-top: 10px !important;
  }
}
@media (max-width: 450px) {
  .latest-scraper-info-tabs-container {
    flex-direction: column;
    align-items: center;
  }
 
}
/* ================================================================== */


.nolink-no-color{
	color:black;
	text-decoration: none;
}


.rr-tab-container .blog-card{
	max-width: 21rem !important;
}