section {
	float: left;
	width: 100%;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body span,
body ul,
body ol,
body li,
body p,
body a{
	padding: 0px;
	margin: 0px;
	font-family: "inter", sans-serif;
}
body a{
	text-decoration:none;
	outline: none!important;
}

body{
	background-color: var(--bckg);
}
:root {
	--cta: #1D1C25;
	--bckgcta: #FF773D;
	--bckgcta-hover:#FF9B70;
	--bckg:#1B1A24;
	--txt: #fff;
}
.center-text{
	text-align:center;
}
.section-title{
	font-size: 28px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: 0.02em;
	color: var(--txt);
}
.read-more-button:link,
.read-more-button:visited{
	font-size: 16px;
	font-weight: 500;
	line-height: 14.95px;
	color: var(--txt);
	width: 170px;
	height: 54px;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.2) 0%, rgba(234, 234, 234, 0.1) 100%);
	text-transform: capitalize;
	border: 1px solid var(--bckgcta);
	transition:all .3s ease-in-out;
}
.read-more-button:hover{
	background:transparent;
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	border: 0;
}
/* HERO */
img.hero-shadow {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	top: 0;
}
.hero-right-image-holder:before {
	content: url(/wp-content/uploads/2024/11/iza_warriora_senke-min.png);
	position: absolute;
	z-index: -1;
}
section.hero-section {
	background-color: var(--bckg);
	overflow:hidden;
}
.hero-right-image-holder ,.hero-left{
	position: relative;
	z-index: 10;
}
.hero-right-image-holder {
	display: flex;
	justify-content: center;
	align-items: center;
}
.hero-image-cloud-left {
	position: absolute;
	left: 2%;
	top: 100px;
	z-index: -1;
	height: 60px;
}
.hero-image-checkmark {
	position: absolute;
	right: 40px;
	top: 20px;
	height: 60px;
}
.hero-image-cloud-right {
	position: absolute;
	top: 100px;
	right: 3%;
	z-index: -1;
	height: 40px;
}


/* CLOUDS MOVING */
.move-up-down {
	/* Customize as needed */
	animation: move-up-down 3s ease-out infinite;
}
@keyframes move-up-down {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px); /* Adjust -20px to control the upward movement */
	}
	100% {
		transform: translateY(0);
	}
}

.move-up-down.slow {
	animation-duration: 5s; /* Slower animation */
}

.move-up-down.fast {
	animation-duration: 3s; /* Faster animation */
}
/* CLOUDS MOVING END*/


/* HERO WORRIOR LOAD */
@keyframes jumpScale {
	0% {
		transform: scale(0.2); /* Start at 80% size */
	}
	50% {
		transform: scale(1); /* Jump to 110% size */
	}
	100% {
		transform: scale(1); /* Return to 100% size */
	}
}

.jump-animation {
	animation: jumpScale 5s ease-out; /* Adjust duration as needed */
}
/* HERO WORRIOR LOAD END*/


/* ROTATE CHECKMARK */
@keyframes rotateLeftRight {
	0% { transform: rotate(0deg); }
	50% { transform: rotate(-25deg); }
	100% { transform: rotate(5deg); }
}

.rotate {
	animation: rotateLeftRight 2s infinite alternate;
}

/* ROTATE CHECKMARK END*/

section.hero-section {
	position: relative;
	padding: 100px 0 80px;
}
img.hero-pattern {
	position: absolute;
	top: 120px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.hero-all-holder {
	float: left;
	width: 100%;
	position:relative;
}
h1.hero-title {
	font-size:60px;
	font-weight: 500;
	line-height: 60px;
	letter-spacing: 0.02em;
	text-align: left;
	color:var(--txt);
	margin-bottom:20px;
	position:relative;

}
.fade-in-left-element {
	opacity: 0;
	transform: translateX(-100px); /* Initial position (30px to the left) */
	transition: opacity 2s ease-out, transform 2s ease-out; /* Smooth transition */
}

.fade-in-left { /* Class added when in view */
	opacity: 1;
	transform: translateX(0); /* Moves to its final position */
}

h1.hero-title span{
	color: var(--bckgcta);
}
h1.hero-title span.with-txt-indent,h1.hero-title span.with-txt-indent-last{
	font-size: 40px;
	font-weight: 300;
	line-height: 40px;
	color:var(--txt);
	text-align:left;
}
span.with-txt-indent {
	margin-left: 60px;
}
span.with-txt-indent-last{
	position: relative;
	top: -20px;
}
p.hero-subtitle {
	font-size: 16px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--txt);
	margin-bottom:45px;
}
p.hero-subtitle span{
	color: var(--bckgcta);
	font-weight:600;
}
a.main-cta {
	display: flex;
	align-items: center;
	text-decoration: none;
}
a.main-cta .main-cta-text {
	font-size: 18px;
	font-weight: 500;
	line-height: 16.81px;
	color: var(--cta);
	background: var(--bckgcta);   
	width: 205px;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	transition:background .3s ease-in-out;
}
a.main-cta .main-cta-text:hover{
	background: var(--bckgcta-hover);
}

a.main-cta .main-cta-arrow {
	background: var(--txt);
	height: 58px;
	width: 58px;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
img.hero-image-stone-big {
	position: absolute;
	left: 20px;
	bottom: 90px;
	z-index: -1;
	height: 50px;
}


img.hero-image-stone-small {
	position: absolute;
	right: 5%;
	bottom: 80px;
	z-index: -1;
	height: 35px;
}
img.hero-image {
	max-height: 550px;
}
/* EXPERTISE */
section.expertise-section {
	background: var(--bckg);
	padding: 15px 0 30px;
	position:relative;
}
.expertise-holder {
	background: rgba(255 255 255 / 10%);
	border-radius: 20px;
	padding: 65px 15px 45px;
	text-align: center;
	position:relative;
	z-index: 10;
}
img.expretise-badge {
	position: absolute;
	top: -48px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
h2.expertise-title {
	margin-bottom: 15px;
}
p.expertise-subtitle {
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--txt);
	margin-bottom:15px;
}
p.expertise-text {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.02em;
	color: var(--txt);
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
}

.expertise-text-holder {
	margin-bottom: 50px;
}
img.expertise-badge-image {
	height: 40px;
}
.expertise-badge-holder {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	gap: 15px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
section.expertise-section:after {
	content: url(/wp-content/uploads/2024/11/right_shadow_new_2024-min.png);
	position: absolute;
	right: 0;
	top: 0;
	z-index: -0;
	filter: blur(20px);
}
/* SCROLLING SECTION */
.scroll-banner-section {
	overflow: hidden;
	width: 100%;
	background: #1B1A24 url(/wp-content/uploads/2024/11/bacground_image_scrolling_text_webp.webp);
	background-position: center;
	background-repeat: no-repeat;
	background-size:contain;
	padding: 30px 0;
}
.scroll-banner {
	white-space: nowrap;
}
.scroll-banner .animation-text {
	font-size: 55px;
	font-weight: 400;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0.02em;
	color: var(--txt);
	text-transform: capitalize;
	padding-right: 120px;
	position:relative;
}
.scroll-banner .animation-text span {
	color: #9A98A4;
}
.animation-text span {
	color: var(--cta);
}
.animation-inner_banner, .animation-inner_banner:not(:first-of-type) {
	top: 0px;
	z-index: 100;
	animation-name: marquee;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-duration: 30s;
	display: inline-block;
}
p.animation-text:after {
	content: url(/wp-content/uploads/2024/10/scrolling_text_logo_icon.svg);
	right: 0;
	position: absolute;
	top: -10px;
	right: 15px;
}
@keyframes marquee {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}

	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

/* ABOUT */
.about-right-holder {
	background: rgba(255 255 255 / 10%);
	border: 1px solid rgba(255 255 255 / 40%);
	height:100%;
	border-radius:20px;
	padding: 40px 20px;
}
section.about-us-section {
	background: var(--bckg);
	padding: 20px 0 50px;
}
.about-us-all-holder {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;

}
.about-us-left {
	display: flex;
	justify-content: center;
	align-items: center;
}
img.about-image {
	max-height: 576px;
}
h2.about-title {
	font-size: 32px;
	font-weight: 500;
	line-height: 40px;
	letter-spacing: 0.5px;
	text-align: left;
	color: var(--txt);
	margin-bottom: 20px;
}
h2.about-title span {
	color: var(--bckgcta);
}
p.about-subtitle {
	font-size: 18px;
	font-weight: 300;
	line-height: 28px;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--txt);
	margin-bottom: 30px;
}
p.about-text {
	font-size: 13px;
	font-weight: 300;
	line-height: 22px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #fff;
	margin-top:40px;

}
/* SERVICES */
.services-section .service-warrior-image {
	transform: scale(0); /* Start scaled down */
	opacity: 0; /* Start transparent */
	transition: transform 3s ease, opacity 2s ease; /* Smooth scaling and fading */
}

.services-section .service-warrior-image.animate {
	transform: scale(1); /* End at full scale */
	opacity: 1; /* End fully visible */
}

section.services-section{
	background: var(--bckg);
	padding: 20px 0 50px;
}
h2.services-title {
	margin-bottom: 5px;
}
.services-title-holder {
	margin-bottom: 110px;
}
p.service-subtitle {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px;
	letter-spacing: 0.02em;
	color: var(--txt);
}
.services-all-holder {
	float: left;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.services-box {
	background: rgba(255 255 255 / 10%);
	border: 1px solid rgba(255 255 255 / 40%);
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	justify-content: center;
	align-items: center;
	position:relative;
	padding: 85px 30px 40px;
	height:100%;
}
img.service-image {
	height: 120px;
	position: absolute;
	top: -70px;
}
.single-service-title {
	font-size: 24px;
	font-weight: 500;
	line-height: 36px;
	letter-spacing: 0.02em;
	color: var(--txt);
	margin-bottom: 15px;
	text-align: center;
}
p.single-service-text {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.02em;
	text-align: center;
	color: var(--txt);
	margin-bottom: 35px;
}
.services-holder:nth-child(-n+3) {
	margin-bottom: 140px;
}
a.single-service-link {
	border: 1px solid var(--bckgcta)!important;
}

.services-warrior-holder {
	display: flex;
	justify-content: center;
	align-items: center;
}


/* PLATFORMS */
section.platform-seciton{
	background: var(--bckg);
}
.platform-single-holder {
	background: #121118;
	height: 82px;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 30px;
	border-radius: 10px;
}
.platform-all-holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 20px;
}
h2.platform-title {
	margin-bottom: 45px;
}

/* HOW WE WORK */
section.how-we-work-section {
	background: var(--bckg);
	padding: 150px 0 0;
	position:relative;
}
h2.how-we-work-title {
	margin-bottom: 20px;
}
p.how-we-work-subtitle {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--txt);
	max-width:770px;
}
p.how-we-work-subtitle span {
	color: var(--bckgcta);
	font-weight: 500;
}
.how-we-work-all-holder {
	float: left;
	width: 100%;
	background: rgba(255 255 255 / 10%);
	border: 1px solid rgba(255 255 255 / 40%);
	border-radius: 20px;
	padding-top: 100px;
	z-index: 1;
	position: relative;
}
img.how-we-shadow-after {
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	height: 900px;
}
img.how-we-shadow-before {
	position: absolute;
	bottom: -400px;
	left: 0;
	height: 900px;
}
.how-we-work-top-holder {
	float: left;
	width: 100%;
	margin-bottom: 100px;
}
.how-we-work-bottom-holder {
	float: left;
	width: 100%;
	padding-bottom: 100px;
}
.how-we-work-single-bottom-box {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 30px;
}
p.how-we-work-number {
	font-size: 60px;
	font-weight: 400;
	line-height: 1;
	color: var(--bckgcta);
}
p.how-we-work-single-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 28px;
	letter-spacing: 0.02em;
	color: var(--txt);
	min-width: 130px;
}
.how-we-work-single-bottom-right {
	position: relative;
}
.how-we-work-single-bottom-right:after {
	content: "";
	width: 40px;
	height: 2px;
	background: var(--txt);
	position: absolute;
	bottom: -15px;
}
.how-we-work-single-bottom-holder:nth-child(-n+3) {
	margin-bottom: 100px;
}
.how-we-work-link-holder {
	float: left;
	width: 100%;
	border-top: 1px solid rgba(255 255 255 / 40%);
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 30px 0;
}

.img-spinner {
	text-align: center;
	z-index: 150;
	float: left;
	width: fit-content;
	position: absolute;
	will-change: transform;
	transform: translate3d(.009vw, -.0088%, 0) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
	transform-style: preserve-3d;
}
img.spin-in {
	position: relative;
	left: 0;
	margin: 0 auto;
	right: 0;
	transition: .3s ease-in-out;
}
.spin-out {
	animation: rotation 10s infinite linear;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -2;
}
@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
/* WHY US */
section.why-us-section {
	background: var(--bckg);
}
.why-us-left,.why-us-right{
	position:relative;
	z-index:1;
}
.why-us-all-holder {
	float: left;
	width: 100%;
	position:relative;
	padding: 80px 0 100px;
}
h2.why-us-title {
	margin-bottom: 30px;
}
p.why-subtitle {
	font-size: 20px;
	font-weight: 300;
	line-height: 30px;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--txt);
}
img.why-pattern-image {
	position: absolute;
	top: 20px;
	left: 0;
	z-index: 0;
}
.why-text p {
	font-size: 16px;
	font-weight: 300;
	line-height: 26px;
	letter-spacing: 0.02em;
	text-align: left;
	color: var(--txt);
}
.why-text p:nth-child(1) {
	margin-bottom:25px;
}
.why-text p span{
	font-weight:500;
	color:var(--bckgcta);
}
a.why-link.read-more-button {
	border: 1px solid var(--bckgcta);
	margin-top: 45px;
}

/* Contact Us */
section.contact-section {
	background: var(--bckg);
	position: relative;

}
.contact-section-all-holder {
	float: left;
	width: 100%;
	position: relative;
	background: #121118;
	border-radius: 40px;
	padding: 70px 0 100px;
}
img.contact-bottom-arrow {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	bottom: -60px;
	z-index:10;
}

h2.contact-title {
	font-size: 26px;
	font-weight: 500;
	line-height: 38px;
	letter-spacing: 0.02em;
	text-align: left;
	color:#fff;
	max-width: 730px;
	margin-bottom: 45px;
}
h2.contact-title span{
	color:var(--bckgcta);
}
.contact-holder {
	float: left;
	width: 100%;
	background: rgba(255 255 255 / 10%);
	border: 1px solid rgba(255 255 255 / 40%);
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.fade-in-top-element {
	opacity: 0;
	transform: translatey(100px); /* Initial position (30px to the left) */
	transition: opacity 2s ease-out, transform 2s ease-out; /* Smooth transition */
}

.fade-in-top { /* Class added when in view */
	opacity: 1;
	transform: translatey(0); /* Moves to its final position */
	z-index: 100;
	position: relative;
}

/* contact form */
button#wpforms-submit-258 {
	font-size: 18px;
	font-weight: 500;
	line-height: 16.81px;
	color: var(--cta);
	background: var(--bckgcta);
	width: 100%;
	height: 60px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100px;
	transition:background .3s ease-in-out;
}
button#wpforms-submit-258:hover{
	background: var(--bckgcta-hover);
}
input#wpforms-258-field_1:focus,input#wpforms-258-field_2:focus,input#wpforms-258-field_3:focus ,textarea#wpforms-258-field_4:focus {
	border: 1px solid var(--bckgcta); /* Set your desired border color and width */
	outline: none;
	background: rgba(255 255 255 / 10%);
	color: #fff;
}
input#wpforms-258-field_1,input#wpforms-258-field_2,input#wpforms-258-field_3 {
	height: 60px;

}
input#wpforms-258-field_1,input#wpforms-258-field_2,input#wpforms-258-field_3 ,textarea#wpforms-258-field_4{
	background: rgba(255 255 255 / 10%);
	border: 1px solid rgba(255 255 255 / 40%);
	color: #fff;


}
input#wpforms-258-field_1::placeholder,input#wpforms-258-field_2::placeholder,input#wpforms-258-field_3::placeholder,textarea#wpforms-258-field_4::placeholder {
	font-size: 18px;
	font-weight: 400;
	line-height: 32px;
	letter-spacing: 0.02em;
	text-align: left;
	color: #fff;
	font-family: "inter", sans-serif;
}
.contact-right-holder {
	display: flex;
	justify-content: center;
	align-items: center;
}
img.contact-image {
	max-height: 525px;
}
@media screen and (min-width:768px){
	section.services-section {
		padding: 100px 0;
	}
	p.hero-subtitle {
		font-size: 18px;
		line-height: 30px;
	}
	section.hero-section {
		position: relative;
		padding: 80px 0;
	}
	.hero-image-cloud-right {
		right: 20%;
		height:auto;
		top:150px;
	}
	img.hero-image-stone-small{
		right:20%;
		height:auto;
	}
	.hero-image-cloud-left {
		left: 15%;
		height:auto;
		top:130px;
	}
	img.hero-image-stone-big{
		left:20%;
		height:auto;
	}
	.hero-image-checkmark {
		right: 24%;
		top: 20px;
		height:auto;
	}
	.expertise-holder{
		padding:90px 20px;
	}
	.scroll-banner .animation-text{
		font-size:100px;
		padding-right:220px;
	}
	p.animation-text:after{
		top:-40px;
	}
	.scroll-banner-section {
		padding: 90px 0 100px;
	}
	.how-we-work-top-left-holder {
		float: left;
		height: 160px;
	}
	.why-us-all-holder{
		padding:100px 0 120px;
	}
	img.why-pattern-image {
		height: 88%;
		object-fit: cover;
	}
	h1.hero-title {
		font-size:100px;
		line-height: 100px;

	}
	h1.hero-title span.with-txt-indent, h1.hero-title span.with-txt-indent-last{
		font-size:50px;
		line-height:50px;
	}
	span.with-txt-indent-last{
		top: -30px;
	}
	h2.expertise-title {
		font-size: 42px;
	}
	p.expertise-subtitle{
		font-size:22px;
		line-height:34px;
	}
	p.expertise-text {
		font-size: 18px;
		line-height: 30px;
	}
	.expertise-text-holder {
		margin-bottom: 70px;
	}
	.expertise-badge-holder{
		gap:40px;
	}
	img.expertise-badge-image {
		height: 50px;
	}
	h2.about-title {
		font-size: 36px;
		line-height: 48px;
		margin-bottom: 30px;
	}
	.about-right-holder {
		padding: 50px 40px 60px 50px;
	}
	.section-title {
		font-size: 40px;
		line-height: 50px;

	}
	img.service-warrior-image {
		margin-top: -70px;
	}
	.services-title-holder {
		margin-bottom: 150px;
	}
	img.service-image {
		height: 140px;
		top: -70px;
	}
	.services-box {
		padding: 105px 30px 40px;
	}
	.img-spinner {
		left: 0;
		right: 0;
		margin: 0 auto;
	}
	.how-we-work-single-bottom-box {
		justify-content: center;
	}
	.how-we-work-all-holder{
		padding-top:65px;
	}
	p.how-we-work-number {
		font-size: 100px;
		line-height: 75px;
	}
	p.how-we-work-subtitle {
		font-size: 18px;
		line-height: 30px;
	}

	p.why-subtitle {
		font-size: 20px;
		line-height: 34px;
	}
	.why-text p {
		font-size: 16px;
		line-height: 26px;
	}
	button#wpforms-submit-258 {
		width: 205px;
	}
	h2.contact-title {
		font-size: 36px;
		line-height: 54px;
	}
	p.about-subtitle {
		font-size: 20px;
		line-height: 33px;
	}
}
@media screen and (min-width:992px){
	section.hero-section {
		padding: 120px 0 110px;
		margin-top: -80px;
	}
	h1.hero-title span.with-txt-indent, h1.hero-title span.with-txt-indent-last {
		font-size: 46px;
		line-height: 56px;

	}
	h1.hero-title {
		font-size: 80px;
		line-height: 80px;
	}
	span.with-txt-indent {
		margin-left: 50px;
	}
	img.hero-pattern {
		top: 110px;
		height: 600px;
		object-fit: cover;
	}
	.hero-image-checkmark {
		right: 20px;
		top: 40px;
		height: 90px;
	}
	.hero-image-cloud-right {
		right: 30px;
	}
	img.hero-image {
		margin-top: 10px;
	}
	.expertise-holder {
		padding: 90px 0 100px;
	}

	.scroll-banner .animation-text {
		font-size: 100px;
		padding-right: 210px;
	} 

	p.animation-text:after {
		top: -30px;
		right: 15px;
	}
	.scroll-banner-section {
		padding: 56px 0;
		background-size: contain;
	}
	.about-right-holder {
		padding: 50px 30px 50px 40px;
	}
	h2.about-title {
		font-size: 29px;
		line-height: 38px;
	}
	.about-us-left {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	section.about-us-section {
		padding: 50px 0 30px;
	}
	img.service-warrior-image {
		height: 430px;
	}
	.services-title-holder {
		margin-bottom: 130px;
	}
	.platform-single-holder {
		padding: 0 20px;
	}
	section.how-we-work-section {
		padding: 120px 0 0;
	}

	.how-we-work-top-holder {
		margin-bottom: 80px;
	}
	p.how-we-work-single-text {
		min-width: 150px;
	}
	.how-we-work-single-bottom-box{
		gap:20px;
	}
	.how-we-work-bottom-holder {
		padding-left: 15px;
	}
	img.why-pattern-image {
		height: 90%;
		object-fit: cover;
	}
	.hero-image-cloud-left {
		left: 20px;
	}
	.hero-image-checkmark {
		right: 40px;
	}
	.hero-image-cloud-right {
		right: 60px;
	}
	img.hero-image-stone-big {
		left: 20px;
	}
	img.hero-image-stone-small {
		right: 30px;
	}
	img.about-image{
		max-height:auto;
	}
	.contact-holder {
		padding: 50px 30px;
	}
	img.contact-image {
		height: 100%;
		object-fit: contain;
	}
	p.hero-subtitle {
		font-size: 16px;
		line-height: 26px;
	}
	.contact-section-all-holder {

		border-radius: 100px;
	}
}

@media screen and (min-width:1200px){
	h1.hero-title {
		line-height: 90px;
	}
	p.hero-subtitle {
		font-size: 18px;
		line-height: 30px;
	}
	img.hero-image {
		max-height: 600px;
	}
	section.hero-section {
		padding: 155px 0 145px;
		margin-top:-80px;
	}
	section.services-section {
		padding: 110px 0 150px;
	}
	h1.hero-title span.with-txt-indent, h1.hero-title span.with-txt-indent-last{
		font-size: 58px;
		font-weight: 300;
	}
	h1.hero-title {
		font-size: 103.61px;
		line-height: 103.61px;
	}
	span.with-txt-indent {
		margin-left: 60px;
	}
	img.hero-pattern{
		top: 110px;
		height: 700px;
		width: 100%;
		object-fit: cover;
	}
	.hero-image-checkmark {
		right: 40px;
		top: 40px;
		height:auto;
	}
	p.hero-subtitle{
		margin-bottom:30px;
	}
	.hero-image-cloud-right {
		right: 60px;
	}
	img.hero-image {
		margin-top: 0;
	}

	.scroll-banner .animation-text {
		font-size: 160px;
		padding-right: 220px;
	} 
	p.animation-text:after {
		top: -10px;
	}
	.scroll-banner-section {
		background-size:contain;
		padding: 110px 0 130px;
	}
	.about-right-holder {
		padding: 50px 40px 60px 50px;
	}
	h2.about-title {
		font-size: 36px;
		line-height: 48px;
	}
	section.about-us-section {
		padding: 20px 0 50px;
	}
	.services-holder:nth-child(-n+3) {
		margin-bottom: 140px;
	}
	img.service-warrior-image {
		height: auto;
	}
	.services-title-holder {
		margin-bottom: 150px;
	}
	.platform-single-holder {
		padding: 0 30px;
	}
	section.how-we-work-section {
		padding: 150px 0 0;
	}
	.section-title {
		font-size: 44px;
		line-height: 54px;
	}
	.how-we-work-top-holder {
		margin-bottom: 100px;
	}
	p.how-we-work-single-text {
		min-width: 130px;
	}
	.how-we-work-single-bottom-box{
		gap:30px;
	}
	.how-we-work-bottom-holder {
		padding-left: 0px;
	}
	.contact-holder {
		padding: 60px 45px;
	}
	img.contact-image {
		max-height: 450px;
	}
	img.how-we-shadow-after {
		height: 900px;
	}
	img.how-we-shadow-before {
		bottom: -400px;
		height: 900px;
	}
	p.why-subtitle {
		font-size: 22px;
		line-height: 36px;
	}
	.why-text p {
		font-size: 18px;
		line-height: 32px;
	}
}
@media screen and (min-width:1300px){
	img.hero-pattern {
		object-fit: contain;
	}
}
@media screen and (min-width:1500px){
	section.expertise-section:after {
		content: url(/wp-content/uploads/2024/11/right_shadow_new_2024-min.png);
		top: -120px;
	}
	p.hero-subtitle{
		margin-bottom:45px;
	}
}

@media screen and (max-width:1200px){
	.services-holder:nth-child(-n+4) {
		margin-bottom: 110px;
	}
}

@media screen and (max-width:991px){
	img.hero-pattern {
		height: 50%;
		object-fit: cover;
		top: 80px;
	}
	h1.hero-title {
		text-align: center;
	}
	p.hero-subtitle {
		text-align: center;
		max-width: 650px;
		margin-left: auto;
		margin-right: auto;
	}

	span.with-txt-indent {
		position: absolute;
		left: 80px;
		top: 35px;
	}
	.hero-all-holder a.main-cta{
		justify-content:center;
	}
	.hero-left {
		margin-bottom: 60px;
	}
	.about-us-left {
		margin-bottom: 20px;
	}
	.how-we-work-single-bottom-holder:nth-child(-n+4) {
		margin-bottom: 70px;
	}
	img.spin-in{
		height:140px;
		width: 140px;
	}
	.how-we-work-top-holder {
		margin-bottom: 60px;
		padding: 0 15px 0 25px;
	}
	.how-we-work-bottom-holder{
		padding-bottom:80px;
	}
	p.why-subtitle{
		margin-bottom:30px;
	}
	span.with-txt-indent {
		margin-left: 40px; 
	}
	.contact-section-all-holder {
		padding: 70px 0 300px;
	}
	.contact-right-holder {
		position: relative;
		padding-top: 280px;
	}
	img.contact-image {
		position: absolute;
	}
}
@media screen and (max-width:767px){
	.hero-all-holder .hero-left,	.hero-all-holder .hero-right,.about-us-all-holder .about-us-left,.about-us-all-holder .about-us-right,.services-all-holder .services-holder,.why-us-all-holder .why-us-left,.why-us-all-holder .why-us-right,.how-we-work-top-holder .how-we-work-top-right-holder {
		padding-left: 0;
		padding-right: 0;
	}
	span.with-txt-indent {
		margin-left: 0px; 
	}
	span.with-txt-indent {
		position: absolute;
		left: 40px;
		top: 15px;
	}
	.wpforms-container .wpforms-one-half{
		width:100%!important;
		margin-left:0!important;
	}
	p.animation-text:after {
		top: -60px;
		right: -30px;
	}
	h2.about-title,p.about-subtitle,p.about-text{
		text-align:center;
	}
	.about-us-all-holder a.main-cta {
		justify-content: center;
	}
	.services-holder:nth-child(5) {
		margin-bottom: 50px;
	}
	.img-spinner {
		position: absolute;
		top: -170px;
		right: 0;
		z-index: 10;
	}

	p.animation-text:after {

		scale: .5;
	}
	p.how-we-work-single-text br {
		display: none;
	}
	.how-we-work-single-bottom-holder:not(:last-child){
		margin-bottom:38px;
	}
	p.how-we-work-number{
		min-width:74px;
	}
	.how-we-work-bottom-holder{
		padding-bottom:50px;
		        padding-right: 15px;
        padding-left: 15px;
	}
	img.why-pattern-image {
		height: 92%;
		object-fit: cover;
	}
	img.hero-shadow{
		top:100px;
	}
	.platform-all-holder {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
		justify-content: center;
	}
	.platform-single-holder {
		width: 45%;
		text-align: center;
	}
	h1.hero-title {
		max-width: 330px;
		margin-left: auto;
		margin-right: auto;
	}
	.hero-right-image-holder:before {
		bottom: 0;
		height: 580px;
	}
	.hero-right-image-holder {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
		min-height: 422px;
	}
	img.about-image {
		max-width: 75%;
	}
	.expertise-badge-holder{
		height:205px;
		max-width:315px
	}
	p.how-we-work-single-text {
	line-height: 24px;
}
	.list-box-content h3{
		font-size:20px;
	}
	p.hero-subtitle{
		max-width:308px;
	}
}