/* hero Css */

/* grid gallery */

/*  hero-left css */
.hero-text-preview {
	gap: 27px;
}

.hero-heading-wrapper {
	height: 120px;
	overflow: hidden;
}

.hero-heading-wrapper h1 {
	position: relative;
	/* animation: 10s heroTextAnimation 2s ease infinite; */
}
.hero-heading-wrapper.start h1 {
	animation: 10s heroTextAnimation 2s ease infinite;
}

.hero-group {
	gap: 24px;
}

.hero-group p {
	font-size: 16px;
	font-weight: 400;
}

@keyframes heroTextAnimation {
	0% {
		top: 0;
	}

	15% {
		top: 0;
	}

	20% {
		top: -125px;
	}

	35% {
		top: -125px;
	}

	40% {
		top: -242px;
	}

	55% {
		top: -242px;
	}

	60% {
		top: -362px;
	}

	75% {
		top: -362px;
	}

	80% {
		top: -500px;
	}

	95% {
		top: -500px;
	}

	99.9% {
		top: -605px;
	}

	100% {
		top: 0;
	}
}

.hero-heading {
	font-size: 40px;
	color: #3c3c3b;
	font-weight: 600;
}

.hero-heading span:nth-of-type(1) {
	font-size: 62px;
	font-weight: 600;
	color: #018f83;
}

.hero-heading span:nth-of-type(2) {
	font-size: 40px;
	font-weight: 600;
	color: #5c5c5c;
}

/*  hero-right css */
/* 
.lazy {
	background-image: none;
	background-color: #F1F1FA;
 } */

.hero-showcase {
	display: flex;
	justify-content: space-between;
	gap: 24px;
	height: 481px;
}

.hero-showcase .column-1 {
	flex-grow: 0.2931323283;
	border-radius: 0 0 0 300px;
	position: relative;
	overflow: hidden;
	background-image: url('https://www.oodlesstudio.com/wp-content/uploads/image-1.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: background-image 0.3s ease-in;
	width: 100%;
	height: 100%;
}

.hero-image-overlay::before {
	content: '';
	position: absolute;
	display: inline-block;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: rgba(0, 0, 0,0.2);

}

.hero-showcase .column-2 {
	flex-grow: 0.31825795644;
	display: flex;
	flex-direction: column;
	gap: 24px;
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.hero-showcase .column-2 .row-1 {
	flex-grow: 1;
	position: relative;
	overflow: hidden;
	background-image: url('https://www.oodlesstudio.com/wp-content/uploads/image-1-1.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: background-image 0.1s ease-in;
	width: 100%;
	height: 100%;
}

.hero-showcase .column-2 .row-2 {
	flex-grow: 1;
	position: relative;
	overflow: hidden;
	border-radius: 0 0 80px 80px;
	background-image: url('https://www.oodlesstudio.com/wp-content/uploads/image-1-2.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: background-image 0.1s ease-in;
	width: 100%;
	height: 100%;
}

.hero-showcase .column-3 {
	position: relative;
	overflow: hidden;
	flex-grow: 0.38860971524;
	border-radius: 0 130px 130px 0;
	background-image: url('https://www.oodlesstudio.com/wp-content/uploads/image-1-3.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: background-image 0.1s ease-in;
	width: 100%;
	height: 100%;
}

/* .hero-showcase .column-1::before {
	content: '';
	position: absolute;
	display: inline-block;
    top: -30px;
    width: 314px;
    height: 600px;
	background-image: url('../images/grid-images/col-1/image-2.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: 2;
} */


/* Global vision css */
.vision-section {
	/* padding-top: 72px; */
	/* padding-bottom: 72px; */
	position: relative;
}

.vision-section::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	background-image: url('../images/logo-transparent.svg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center;
	z-index: -1;
}

.vision-section h2 {
	font-size: 18px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.03em;
	text-align: center;
	color: #2b2c2d;
	text-transform: none;
}

.vision-section p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3;
	letter-spacing: 0.05em;
	text-align: center;
	color: #5c5c5c;
}

.vision-section img {
	height: 100%;
	width: auto;
}

/* elevate section */
#elevate-section {
	min-height: 100vh;
}

#logo-path1,
#logo-path2,
#logo-path3 {
	stroke-dasharray: 1200;
	stroke-dashoffset: 1200;
	/* animation: dash 5s linear forwards, fill 3s 5s forwards; */
	fill: transparent;
}


.elevate-left p {
	color: #5c5c5c;
	letter-spacing: 0.05em;
	font-weight: 400;
	list-style: 1.4;
}

.elevate-left img {
	width: 450px;
	height: auto;
}

.elevate-right {
	gap: 72px;
	/* max-height: 601px;
	overflow-y: auto; */
	-ms-overflow-style: none;
	/* Internet Explorer 10+ */
	scrollbar-width: none;
}

.elevate-right::-webkit-scrollbar {
	display: none;
	/* Safari and Chrome */
}


/* .elevate-content h4 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #2b2c2d;
} */

.elevate-content h2 {
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.05em;
	color: #2b2c2d;
}

.elevate-content p {
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.5px;
	color: #5c5c5c;
	margin-bottom: 20px !important;
}

.elevate-content .para-text {
	color: #5C5C5C;
}

.elevate-content h4 {
	font-weight: 600;
	font-size: 16px;
	line-height: 1.3;
	letter-spacing: 0;
}

.elevate-content span {
	color: #2B2C2D;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.4;
	letter-spacing: 0;
	margin-right: 5px;
}


/* methodology-section */
.methodology-section {
	position: relative;
	/* height: max(calc(100vh - 80px), 500px); */
}

.methodology-section::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fcfcfc;
	z-index: -2;
	/* position: relative; */
}


.methodology-section p,
.our-work-section p {
	font-size: 16px;
	font-weight: 400;
	line-height: 1.4;
	letter-spacing: 0.05em;
	text-align: center;
	color: #2b2c2d;
}

.mehtod-circles {
	margin-top: 48px !important;
	gap: 16px;
}

.method-circle {
	position: relative;
	width: 192px;
	height: 192px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.method-circle h4 {
	font-size: 16px;
	font-weight: 500;
}

.method-circle p {
	font-size: 12px;
	font-weight: 400;
}

.dashed-circle-wrapper {
	position: absolute;
	/* width: 192px;
	height: 192px; */
	width: 100%;
	height: 100%;
}

.solid-circle-wrapper,
.animated-circle-wrapper {
	position: absolute;
	top: 17px;
	left: 0;
}

.method-circle-1 .solid-circle-wrapper svg,
.method-circle-1 .animated-circle-wrapper svg {
	width: 184px;
	height: 184px;
}

.method-circle-2 .solid-circle-wrapper svg,
.method-circle-2 .animated-circle-wrapper svg {
	width: 187px;
	height: 80px;
}

.method-circle-2 .solid-circle-wrapper,
.method-circle-2 .animated-circle-wrapper {
	position: absolute;
	top: 0;
	left: 4px;
}

.method-circle-3 .solid-circle-wrapper svg,
.method-circle-3 .animated-circle-wrapper svg {
	width: 164px;
	height: 53px;
}

.method-circle-3 .solid-circle-wrapper,
.method-circle-3 .animated-circle-wrapper {
	position: absolute;
	top: unset;
	left: 12px;
	bottom: -2px;
}

.method-circle-4 .solid-circle-wrapper svg,
.method-circle-4 .animated-circle-wrapper svg {
	width: 192px;
	height: 92px;
}

.method-circle-4 .solid-circle-wrapper,
.method-circle-4 .animated-circle-wrapper {
	position: absolute;
	top: -2px;
	left: 0;
}

.method-circle-5 .solid-circle-wrapper svg,
.method-circle-5 .animated-circle-wrapper svg {
	width: 186px;
	height: 178px;
}

.method-circle-5 .solid-circle-wrapper,
.method-circle-5 .animated-circle-wrapper {
	position: absolute;
	top: unset;
	left: 6px;
	bottom: 0;
}

.dashed-circle-wrapper svg {
	animation: infinite-rotation 15s linear infinite;
}

.animated-arrow {
	position: absolute;
	right: -22px;
	top: 55%;
	transform: translateY(-50%);
}

.animated-arrow.arrow-2 {
	right: -27px;
}

.animated-arrow.arrow-3 {
	top: 60%;
	right: -18px;
}

.animated-arrow.arrow-4 {
	top: 60%;
	right: -25px;
}

@keyframes infinite-rotation {
	from {
		transform: rotate(0deg);
	}

	to {
		transform: rotate(360deg);
	}
}

/* Reshape Section */

#reshape-section {
	/* padding: 72px 35px 72px 118px; */
}

.reshape-actions {
	position: absolute;
	display: inline-block !important;
	/* width: 50%; */
}

.reshape-section .elevate-content {
	margin-top: 184px;
}

.reshape-image-display {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.reshape-image-display img {
	position: relative;
	z-index: 2;
}

.reshape-image-display .bg-image {
	display: inline-block;
	/* width: 100%; */
	/* height: 100%; */
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	margin: 0 auto;
	border-radius: 30px;
	overflow: hidden;
	position: relative;
	box-shadow: 0px 0px 34px 0px #59595924;
	z-index: 5;
}

.reshape-image-display .bg-image::before {
	content: '';
	display: inline-block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transform: rotate(-18deg) translateY(-30%);
	width: 180%;
	height: 180%;
	transition: all 1s ease;
	animation: reshapeMove 8s ease-in-out infinite;
	animation-fill-mode: backwards;
}

@keyframes reshapeMove {
	0% {
		transform: rotate(-18deg) translateY(-30%);
	}

	50% {
		transform: rotate(-18deg) translateY(-21%);
	}

	100% {
		transform: rotate(-18deg) translateY(-30%);
	}
}

.reshape-image-display::before {
	content: '';
	position: absolute;
	/* left: -20px; */
	/* top: -20px; */
	left: 0px;
	top: 0px;
	display: inline-block;
	width: 83%;
	height: 74%;
	border-radius: 30px;
}

.reshape-image-display::after {
	content: '';
	position: absolute;
	/* right: -20px; */
	/* bottom: -20px; */
	right: 0px;
	bottom: 0px;
	display: inline-block;
	width: 83%;
	height: 74%;
	border-radius: 30px;
}

/* reshape - fintech */

.reshape-image-display.fintech .bg-image {
	background-color: #AEB7D9;
}

.reshape-image-display.fintech .bg-image::before {
	background-image: url('./../images/reshape/fintech-bg.webp');
}

.reshape-image-display.fintech::before {
	background: linear-gradient(180deg, #5C5EC4 0%, #2C2D5E 100%);
}

.reshape-image-display.fintech::after {
	background: linear-gradient(180deg, #5C5EC4 0%, #2C2D5E 100%);
}

/* reshape - health */

.reshape-image-display.health .bg-image {
	background-color: #DBE9FB;
}

.reshape-image-display.health .bg-image::before {
	background-image: url('./../images/reshape/health-bg.webp');
}

.reshape-image-display.health::before {
	background: linear-gradient(180deg, #4B93ED 0%, #2A5A95 100%);
}

.reshape-image-display.health::after {
	background: linear-gradient(180deg, #4B93ED 0%, #2A5A95 100%);
}

/* reshape - edtech */

.reshape-image-display.edtech .bg-image {
	background-color: #B8D4F9;
}

.reshape-image-display.edtech .bg-image::before {
	background-image: url('./../images/reshape/edtech-bg.webp');
}

.reshape-image-display.edtech::before {
	background: linear-gradient(180deg, #1770E3 0%, #81B8FF 100%);

}

.reshape-image-display.edtech::after {
	background: linear-gradient(180deg, #1770E3 0%, #81B8FF 100%);
}

/* reshape - ecomm */

.reshape-image-display.ecomm .bg-image {
	background-color: #FFECCE;
}

.reshape-image-display.ecomm .bg-image::before {
	background-image: url('./../images/reshape/ecomm-bg.webp');
}

.reshape-image-display.ecomm::before {
	background: linear-gradient(180deg, #F5AB35 0%, #D69124 100%);
}

.reshape-image-display.ecomm::after {
	background: linear-gradient(180deg, #F5AB35 0%, #D69124 100%);
}

/* reshape - fitness */

.reshape-image-display.fitness .bg-image {
	background-color: #CDD7FF;
}

.reshape-image-display.fitness .bg-image::before {
	background-image: url('./../images/reshape/fitness-bg.webp');
}

.reshape-image-display.fitness::before {
	background: linear-gradient(180deg, #5C5EC4 0%, #2C2D5E 100%);
}

.reshape-image-display.fitness::after {
	background: linear-gradient(180deg, #5C5EC4 0%, #2C2D5E 100%);
}



.nav-pills.leaf-pills {
	gap: 12px;
}

/* our work */

.ourWorkSwiper {
	padding: 10px 0 !important;
}

.our-work-section {
	padding: 72px 0px;
	box-shadow: 0px 1px 3.7px 0px #d0d0d040 inset, 0px -1px 3.7px 0px #d0d0d040 inset;
}

#ourwork-pills-tabContent {
	width: 100%;
	height: 350px;
	/* height: 230px; */
}

.word-card {
	border: 1px solid #e9e8e8;
	width: 100%;
	height: 350px;
	/* height: 230px; */
	border-radius: 16px;
	cursor: pointer;
	overflow: hidden;
	position: relative;
	transition: all 0.6s ease;
}

.speech-ballon {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 124%;
	transition: all 0.6s ease;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 1%, rgba(0, 0, 0, 0.50) 24%);
	transform: translateY(100%);
	display: flex;
	flex-direction: column;
	align-items: center;
}

.word-speech-ballon {
	position: absolute;
	top: 120%;
	left: 50%;
	transform: translate(-50%, -50%);
	display: inline-block;
	padding: 14px 24px;
	border-radius: 30px;
	border: 1px solid #06d1c0;
	background-color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s ease;
	font-size: 16px;
	font-weight: 500;
	color: #2B2C2D;
	z-index: 5;
}




/* .word-card:hover {
	box-shadow: 0px 4px 4px 0px #00000073;
	transform: translateY(-10px);
} */

.word-card:hover .speech-ballon {
	opacity: 1;
	visibility: visible;
	transform: translateY(0%);
}

.word-card:hover .word-speech-ballon {
	top: 50%;
}

.clientsSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #018F83 !important;
}

/* .clientsSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap,6px) !important;
} */
/* .clientsSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active::before{
	content: '';
	display: inline-block;
	width: 20px !important;
	height: 20px !important;
} */

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

.ourWorkSwiper .swiper-slide {
	/* text-align: center; */
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.ourWorkSwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.ourWorkSwiper .swiper-button-next,
.ourWorkSwiper .swiper-button-prev {
	top: 50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	/* background-color: #fff; */
	/* color: #018f83; */
	background-color: rgba(1, 143, 131, 0.8);
	color: #fff;
	font-size: 16px;
	box-shadow: 0px 4px 4px 15px #d1d1d140;
}

.ourWorkSwiper .swiper-button-next {
	right: 146px;
}

.ourWorkSwiper .swiper-button-prev {
	left: 146px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 18px !important;
}

/* Insights section */

.swiper-slide a {
	text-decoration: none !important;
	width: 100%;
}

.insightsSwiper {
	height: 360px;
}

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

.insightsSwiper .swiper-slide {
	/* text-align: center; */
	background: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.insightsSwiper .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-blog-card {
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 16px;
}

.swiper-blog-image {
	width: 100%;
	height: 207px;
	object-fit: contain;
	box-shadow: 0px 0px 4px 1px #00000026;
	border-radius: 4px;
	/* margin: 2px; */
}

.swiper-blog-date {
	gap: 12px;
}

.swiper-blog-date p {
	font-size: 14px;
	font-weight: 400;
	color: #5c5c5c;
}

.swiper-blog-date svg {
	stroke: #5f6368;
}

.swiper-blog-info h2 {
	font-size: 16px;
	font-weight: 600;
	color: #2b2c2d;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.swiper-blog-info p {
	font-size: 14px;
	font-weight: 400;
	color: #2b2c2d;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.insightsSwiper.swiper {
	position: unset !important;
	padding: 2px;
}

.insightsSwiper .swiper-button-next,
.insightsSwiper .swiper-button-prev {
	top: 50%;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background-color: #fff;
	color: #018f83;
	font-size: 16px;
	box-shadow: 0px 4px 4px 2px #94949440;
}

.insightsSwiper .swiper-button-next {
	right: -25px;
}

.insightsSwiper .swiper-button-prev {
	left: -25px;
}

.swiper-button-next:after,
.swiper-button-prev:after {
	font-size: 18px !important;
}


/* client feedback */

.client-feeback-section {
	overflow: hidden;
	box-shadow: 0px 1px 3.7px 0px #d0d0d040 inset;
}

.client-feedback-left {
	gap: 12px;
}

.client-feedback-left p {
	font-size: 16px;
	font-weight: 400;
	color: #2b2c2d;
}

.clientsSwiper .swiper-slide {
	width: 350px;
	height: 350px;
}

.client-card {
	width: 100%;
	background: #eafffa;
	box-shadow: 0px 0px 16px 0px #00000012;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 16px;
	border-radius: 8px;
}

.client-feedback {
	font-size: 16px;
	font-weight: 400;
	color: #2b2c2d;
}

.client-name {
	color: #0f0f0f;
	font-size: 16px;
	font-weight: 600;
}

.client-company {
	color: #0f0f0f;
	font-size: 14px;
	font-weight: 400;
}

.swiper-left-gradient {
	background: linear-gradient(90deg, #ffffff 27.67%, rgba(255, 255, 255, 0) 100%);
	width: 10%;
	position: absolute;
	top: 0%;
	bottom: 0%;
	left: 0%;
	right: auto;
	z-index: 1;
}

.swiper-right-gradient {
	background: linear-gradient(90deg, #ffffff 27.67%, rgba(255, 255, 255, 0) 100%);
	width: 10%;
	position: absolute;
	top: 0%;
	bottom: 0%;
	right: 0%;
	left: auto;
	z-index: 1;
	transform: rotate(180deg);
}


/* new Css */


.clientsSwiper {
	height: 342px;
	margin-bottom: 72px;
}

.clientsSwiper .swiper-slide {
	width: 530px;
	height: 300px;
}

.client-card {
	width: 100%;
	height: 100%;
	background: #eafffa;
	box-shadow: 0px 0px 16px 0px #00000012;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding: 16px;
	border-radius: 8px;
}


.feedback-playbox {
	width: 100%;
	height: 280px;
	display: flex;
	position: relative;
	overflow: hidden;
}

.feedback-playbox .client-feedback-left {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	touch-action: none;
	pointer-events: none;
	-webkit-user-select: none;
	z-index: 9;
	min-width: 942px;
}


.dm-matter-elem-pill {
	padding: 12px 32px;
	border-radius: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	font-family: Poppins;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.5;
	text-align: center;
	color: #2B2C2D;
	pointer-events: none;
	touch-action: none;
	pointer-events: none;
	-webkit-user-select: none;
	white-space: nowrap;
	cursor: grab;
	position: absolute;

}

.dm-matter-elem-pill:nth-child(1) {
	background-color: #00B80033;
	left: 100px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(2) {
	background-color: #FFEE0033;
	left: 300px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(3) {
	background-color: #FFC40033;
	left: 470px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(4) {
	background-color: #FF000033;
	left: 730px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(5) {
	background-color: #E5009133;
	left: 1000px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(6) {
	background-color: #3649C133;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(7) {
	background-color: #FF540033;
	left: 100px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(8) {
	background-color: #FF9A0033;
	left: 300px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(9) {
	background-color: #5FD50033;
	left: 470px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(10) {
	background-color: #00C6AF33;
	left: 730px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(11) {
	background-color: #0071CA33;
	left: 1000px;
	transform: translateY(-100%);
}

.dm-matter-elem-pill:nth-child(12) {
	background-color: #0071CA33;
	left: 880px;
	transform: translateY(-100%);
}






/*  */



.hovering-curve-circle {
	position: absolute;
	width: 60px;
	height: 60px;
	top: 0;
	right: 0;
}

.hovering-line-circle {
	position: absolute;
	width: 91px;
	height: 91px;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
}

.hovering-square-dottes {
	position: absolute;
	left: -90px;
	top: 50%;
	transform: tourranslateY(-50%);
	width: 184px;
	height: auto;
	z-index: -1;
}

.insights-section {
	overflow: hidden;
}

.insights-section .hovering-square-dottes {
	position: absolute;
	left: -20px;
	top: 35px;
	transform: translateY(-50%);
	width: 184px;
	height: auto;
	z-index: -1;
	opacity: 0.8;
}


/* media queries */

@media (min-width: 1600px) {

	.hero-container,
	.reshape-container,
	.our-work-container {
		max-width: 1280px !important;
	}

	.feedback-container {
		max-width: 1280px !important;
		/* overflow: hidden; */
	}
}

@media (max-width: 1400px) {
	.hero-section {
		padding: 42px 32px 42px 32px;
	}

	.follow-us {
		left: -17px;
	}

	#reshape-section {
		width: 100%;
		padding: 72px 0;
	}
}


@media (min-width: 1400px) {
	.hero-section {
		padding: 42px 32px 42px 125px;
	}

	.hero-container,
	.reshape-container {
		max-width: 1283px;
	}
}

@media (max-width: 1199px) {
	.hero-section {
		padding: 42px 0px 42px 0px;
	}

	/* .follow-us {
		display: none;
	} */

	.methodology-section .main-container {
		max-width: 100%;
	}

	.ourWorkSwiper .swiper-button-next,
	.ourWorkSwiper .swiper-button-prev {
		display: none !important;
	}

	.ourWorkSwiper .swiper-slide {
		width: 525px;
		height: auto;
		aspect-ratio: 3 / 2;
	}

	.word-card {
		width: 100%;
		height: auto;
		aspect-ratio: 3 / 2;
	}

}

@media (min-width: 1300px) {

	.hero-container,
	.reshape-container {
		max-width: 100%;
	}
}

@media (max-width: 1300px) {

	.hero-container,
	.reshape-container {
		max-width: 100%;
	}
}


@media screen and (max-width: 991px) {


	.reshape-actions {
		position: static;
		display: inline-block !important;
	}

	.reshape-section .elevate-content {
		margin-top: 0px;
	}

	.reshape-actions .double-circle-heading br {
		display: none;
	}

	.reshape-image-display {
		height: 400px;
		max-width: 400px;
		margin: 0 auto;
	}

	/* .animated-arrow{
		display: none;
	} */
	/* 
	.method-circle .animated-circle-wrapper path{
		stroke-dashoffset: 0;
	} */

	.mehtod-circles {
		gap: 32px;
	}

	.method-circle {
		transform: rotate(90deg);
	}

	.method-circle .m-circle-text {
		transform: rotate(-90deg);
	}
	.clientsSwiper{
		margin-bottom: 30px;
	}
}


@media screen and (min-width: 575px) {
	.clientsSwiper .swiper-pagination-bullet {
		width: 14px !important;
		height: 14px !important;
	}

	.clientsSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 14px !important;
		height: 14px !important;
		background-color: #018F83 !important;
	}

	.clientsSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px) !important;
	}
}

@media screen and (max-width: 575px) {

	.hero-showcase,
	.hero-showcase .column-2 {
		gap: 12px;
	}

	.vision-text-sections {
		gap: 16px;
	}

	.elevate-left svg {
		width: 320px;
		height: auto;
	}

	.hero-showcase {
		height: 300px;
	}


	#ourwork-pills-tabContent {
		width: 100%;
		height: 264px;
		/* height: 230px; */
	}


	.ourWorkSwiper .swiper-slide {
		width: 400px;
		height: auto;
		aspect-ratio: 3 / 2;
	}

	#reshape-section {
		width: 100%;
		padding: 48px 0;
	}

	.feedback-playbox {
		height: 200px;
		width: inherit;
	}

	.insightsSwiper .swiper-button-next,
	.insightsSwiper .swiper-button-prev {
		display: none !important;
	}

	.hero-heading {
		font-size: 28px;
		color: #3c3c3b;
		font-weight: 600;
		margin-bottom: -1px;
	}


	.hero-heading span:nth-of-type(1) {
		font-size: 28px;
		font-weight: 600;
		color: #018f83;
	}

	.hero-heading span:nth-of-type(2) {
		font-size: 28px;
		font-weight: 600;
		color: #5c5c5c;
	}

	.hero-heading-wrapper {
		height: 67.19px;
		overflow: hidden;
	}

	.hero-heading-wrapper h1 {
		position: relative;
	}

	.hero-heading-wrapper.start h1 {
		animation: 10s heroTextAnimation 2s ease infinite;
	}

	.hero-group {
		gap: 24px;
	}

	.hero-group p {
		font-size: 14px;
		font-weight: 400;
	}

	@keyframes heroTextAnimation {
		0% {
			top: 0;
		}

		15% {
			top: 0;
		}

		20% {
			top: -68px;
		}

		35% {
			top: -68px;
		}

		40% {
			top: -134.38px;
		}

		55% {
			top: -134.38px;
		}

		60% {
			top: -201.57px;
		}

		75% {
			top: -201.57px;
		}

		80% {
			top: -268.76px;
		}

		95% {
			top: -268.76px;
		}

		99.9% {
			top: -350px;
		}

		100% {
			top: 0;
		}
	}

	.vision-section h2 {
		font-size: 16px;
	}

	/* 
	.vision-section p {
		font-size: 14px;
	}


	.elevate-left h6 {
		font-size: 14px;
	}

	.elevate-content h5 {
		font-size: 18px;
	}

	.elevate-content p {
		font-size: 14px;
	}

	.content-list li {
		font-size: 14px;
	} */

	.double-circle-heading {
		font-size: 20px;
	}

	/* .methodology-section h6 {
		font-size: 14px;
	}

	.client-feedback-left p {
		font-size: 14px;
	} */


	.feedback-playbox .dm-matter-elem-pill {
		/* left: unset;  */
		/* transform: unset;  */
		font-size: 18px;
		padding: 10px 18px;
	}

	/* .hovering-line-circle,.hovering-curve-circle,.hovering-square-dottes{
		display: none;
	} */

	.vision-section p {
		font-weight: 500;
	}

	.main-heading br {
		display: none;
	}

	.hovering-square-dottes {
		display: none;
	}


	.clientsSwiper .swiper-pagination-bullet {
		width: 10px !important;
		height: 10px !important;
	}

	.clientsSwiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
		width: 10px !important;
		height: 10px !important;
		background-color: #018F83 !important;
	}

	.clientsSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px) !important;
	}
}

.green-strip h2 {
	color: #018F83 !important;
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 0.03rem;
	margin-bottom: 10px !important;
}

.green-strip h3 {
	color: #0F0F0F;
	font-weight: 400;
	font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05rem;
    text-align: center;
    margin: 0 auto;
}

.green-strip span {
	font-weight: 700;
	color: #018F83;
}

.home-form-banner h2 {
	color: #018F83 !important;
	font-weight: 700;
	font-size: 32px;
	line-height: 1.5;
	letter-spacing: 0.03rem;
}

.home-form-banner span {
	color: #0F0F0F;
}

.home-form-banner h3 {
	color: #0F0F0F;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.05rem;
}

@media screen and (max-width:450px) {
	#ourwork-pills-tabContent {
		width: 100%;
		height: 200px;
	}


	.ourWorkSwiper .swiper-slide {
		width: 300px;
		height: auto;
		aspect-ratio: 3 / 2;
	}
}