@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Elms+Sans:ital,wght@0,100..900;1,100..900&display=swap");

html,
body {
	width: 100%;
	overflow-x: hidden;
	font-family: "DM Sans", sans-serif !important;
	/* height: 100vh !important; */
}

a {
	text-decoration: none !important;
}

b {
	font-weight: 500 !important;
}

.heading {
	h4 {
		font-size: 18px;
	}

	h2 {
		font-size: 40px;
		margin: 17px 0;
		line-height: 50px;
	}

	p {
		font-size: 16px;
		font-weight: 300;
		line-height: 27px;
		margin: 14px 0px;
		color: #000;
	}

	h5 {
		font-size: 30px;
	}
}

.colorred {
	color: #b00606;
}

.light-color {
	color: #a7aabb;
}

img {
	max-width: 100%;
}

button.btn.btn-light {
	color: #fff;
	display: flex;
	align-items: center;
	padding: 9px 11px 9px 30px;
	font-weight: 400;
	border-radius: 50px;
	border: 0;
	background: linear-gradient(140deg, #d12129, #661c1c);
}

button.btn.btn-light i {
	background-color: #ffffff;
	width: 39px;
	height: 39px;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e50909;
	border-radius: 50px;
	margin-left: 40px;
}

#smooth-wrapper {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	overflow: hidden;
	pointer-events: none;
}

#smooth-content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	will-change: transform;
	pointer-events: all;
}

.section {
	font-size: 3rem;
	color: #000;
}

@keyframes bounce {
	0%,
	100% {
		transform: translateY(0) scale(1);
	}

	50% {
		transform: translateY(-15px) scale(1.05);
	}
}

.icon:hover {
	filter: drop-shadow(0 0 15px rgba(255, 0, 0, 0.5));
	transform: scale(1.08);
}

.oriol-ai {
	/* background-color: #1e0204; */
	padding: 90px 0;
	background:
		radial-gradient(
			circle at bottom right,
			rgba(237, 64, 58, 0.45),
			transparent 55%
		),
		radial-gradient(
			circle at bottom left,
			rgba(135, 28, 28, 0.35),
			transparent 60%
		),
		linear-gradient(180deg, #0b0b0f 0%, #12091c 45%, #1b0d2f 100%);

	ul {
		padding: 0;
		margin: 0;
		li {
			margin: 15px 0;
			list-style: none;
			color: #fff;
			font-size: 18px;

			i {
				margin-right: 10px;
			}
		}
	}
}

.btn-close {
	box-sizing: content-box;
	width: 1px !important;
	height: 1px !important;
	padding: 0.25em 0.25em;
	color: #000;
	background-color: none !important;
	border: 0;
	border-radius: 0.375rem;
	opacity: 0.5;
}

.hero-section {
	/* background-color: #fff; */
	background:
		radial-gradient(
			circle at bottom right,
			rgba(237, 64, 58, 0.45),
			transparent 55%
		),
		radial-gradient(
			circle at bottom left,
			rgba(135, 28, 28, 0.35),
			transparent 60%
		),
		linear-gradient(180deg, #0b0b0f 0%, #12091c 45%, #1b0d2f 100%);
	height: 100vh;
	position: relative;
	/* background: url(../images/banner/banner-1.png) no-repeat; */
	box-shadow: 0px 30px 30px -43px;

	.h-img {
		position: absolute;
		right: 0;
		max-width: 42%;
		top: 416px;
	}

	.e-img {
		right: 259px;
		position: absolute;
		max-width: 283px;
		top: 138px;
		animation: spin 20s linear infinite;
	}

	.b-img {
		opacity: 0.2;
		position: absolute;
		left: 0;
		max-width: 33%;
		top: 104px;
	}

	.icons {
		position: absolute;
		left: 370px;
		top: 200px;
		padding: 15px;
		height: 60px;
		width: 60px;
		border-radius: 18px;

		/* .i-inner {
      width: 50px;
      opacity: 1;
      animation: bounce 2.8s ease-in-out infinite;
      transition: transform 0.3s ease;
      background-color: #c52626;
      border: 1px solid #eec4c4;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 13px;
      border-radius: 54px;
      position: absolute;
    }

    .bounce1 {
      animation-delay: 0s;
    }

    .bounce2 {
      animation-delay: 0.4s;
    }

    .bounce3 {
      animation-delay: 0.8s;
    }

    .bounce4 {
      animation-delay: 1.2s;
    } */
	}

	.banner-content {
		margin-top: 35%;
		position: relative;

		button.btn-2,
		a.btn-2 {
			background: transparent;
			margin: auto;
			color: #c52626;
			border: 1px solid #c52626;
			border-radius: 62px;
			padding: 16px 36px;
			font-size: 16px;
		}

		button.btn-1 {
			background: linear-gradient(140deg, #e50909, #661c1c);
			margin: auto;
			color: #fffdfd;
			border: 0;
			border-radius: 62px;
			padding: 16px 36px;
			font-size: 16px;
		}

		h6 {
			border-radius: 25px;
			font-size: 14px;
			display: inline-block;
			padding: 12px 30px;
			background: #c52626;
			color: #fff;
			border: 1px solid #c52626;
		}

		h3 {
			font-size: 50px;
			color: #d4d4d4;
			font-weight: 600;
			margin-top: 32px;
			margin-bottom: 0;
		}

		p {
			color: #d4d4d4;
			font-size: 18px;
			font-weight: 400;
			line-height: 27px;
			margin-bottom: 0px;
			margin-top: 16px;
		}
	}
}

.nav-section {
	display: flex;
	justify-content: space-between;
	padding: 8px 30px !important;
	align-items: center;
	position: absolute;
	/* border-bottom: 1px solid #ffffff17; */
	background: transparent !important;
	top: 0;
	z-index: 999;
	left: 0;
	right: 0;
	margin: auto;

	.navbar {
		display: flex;
		align-items: center;
	}

	.nav-link {
		font-weight: 400;
		font-size: 14px;
		text-decoration: none;
		color: #c2c2c2 !important;
		padding: 16px 0;
		margin: 0 14px;
		align-items: center;
		gap: 5px;
		position: relative;
		transition: color 0.3s ease;

		&:hover {
			color: #e50909;
		}

		&::before {
			transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
			height: 3px;
			content: "";
			position: absolute;
			background-color: #e50909;
			width: 0%;
			bottom: 10px;
			left: 0;
		}

		&:hover::before {
			width: 100%;
		}
	}

	.dropdown {
		position: relative;

		&:hover .dropdown-content {
			opacity: 1;
			visibility: visible;
			transform: translateY(0);
			pointer-events: all;
		}

		&:hover .dropdown-icon {
			transform: rotate(180deg);
			color: #e50909;
		}
	}

	.dropdown-icon {
		font-size: 10px;
		transition:
			transform 0.35s ease,
			color 0.3s ease;
	}

	.dropdown-content {
		position: absolute;
		top: 48px;
		left: -260px;
		background: #fff;
		box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
		padding: 28px;
		border-radius: 10px;
		z-index: 99;
		display: flex;
		flex-direction: row;
		gap: 60px;
		min-width: 1000px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(20px);
		pointer-events: none;
		transition: all 0.4s cubic-bezier(0.25, 0.1, 0.25, 1);
	}

	h4 {
		color: #e50909;
		font-size: 17px;
		margin-bottom: 12px;
		font-weight: 600;
	}

	a {
		color: #000;
		text-decoration: none;
		margin-bottom: 12px;
		font-size: 14px;
		transition: all 0.25s ease;
		display: block;

		&:hover {
			color: #e50909;
			/* transform: translateX(3px); */
		}
	}
	a.logo_img {
		margin: 9px 0;
	}
}

.inner-dropdown a.inner-trigger {
	position: relative;
}

.inner-dropdown a.inner-trigger i {
	position: absolute;
	right: 10px;
	top: 5px;
}

.inner-dropdown:hover a.inner-trigger i {
	top: 2px;
}

/* INNER DROPDOWN */
.inner-dropdown {
	position: relative;
}

.inner-trigger {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

/* RIGHT SIDE SUB MENU */
.inner-dropdown-content {
	position: absolute;
	top: 0;
	left: 100%;
	background: #fff;
	min-width: 384px;
	padding: 28px;
	border-radius: 8px;
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
	opacity: 0;
	visibility: hidden;
	transform: translateX(10px);
	transition: all 0.3s ease;
	z-index: 999;
}

.dropdown-content.new {
	min-width: 360px !important;
	left: -130px !important;
}

/* HOVER EFFECT */
.inner-dropdown:hover .inner-dropdown-content {
	opacity: 1;
	visibility: visible;
	transform: translateX(0);
}

/* ICON ROTATE */
.inner-dropdown i {
	font-size: 10px;
	transition: transform 0.3s ease;
	padding-left: 6px;
}

.inner-dropdown:hover i {
	transform: rotate(90deg);
}

.nav-section .dropdown-column {
	padding-bottom: 8px;
}

.who-we-are-section {
	padding: 45px 0 90px;
	background: #fff;
}

.black-shadoww {
	text-shadow:
		-1px -1px #000000,
		1px -1px #000000,
		-1px 1px #000000,
		1px 1px #000000;
	font-size: 60px !important;
}

.white-shadoww {
	text-shadow:
		-1px -1px #ffffff,
		1px -1px #ffffff,
		-1px 1px #ffffff,
		1px 1px #ffffff;
	font-size: 60px !important;
}

.red-shadoww {
	text-shadow:
		-1px -1px #ac0404,
		1px -1px #ac0404,
		-1px 1px #ac0404,
		1px 1px #ac0404;
	font-size: 60px !important;
}

.container,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
	max-width: 1376px !important;
}

.service-one {
	padding: 90px 0;
	background: #1e0204;
	position: relative;

	img.earth {
		right: 9px;
		position: absolute;
		max-width: 211px;
		top: 38px;
		animation: spin 20s linear infinite;
	}

	.service-box-one {
		background-color: #190204;
		padding: 40px;
		border-radius: 20px;
		border: 1px solid #ffffff1c;
		height: 625px;
		position: relative;

		.s-icons {
			bottom: 12px;
			right: 12px;
			position: absolute;

			img {
				max-width: 85px;
				border-radius: 16px;
			}
		}

		h5 {
			font-size: 29px;
			color: #fff;
			font-weight: 500;
		}

		p {
			font-weight: 200;
			color: #ffffffc7;
			font-size: 16px;
			margin: 17px 0;
		}
	}

	.s-icons-main {
		position: absolute;
		bottom: 25px;
		left: 25px;
		right: 25px;
	}

	.three {
		background: url(../images/Service-one/image2.png) no-repeat;
		height: 100%;
		background-size: cover;
	}
}

.our-service-section {
	background: url(../images/bg2.png) no-repeat;
	background-size: cover;
	padding: 60px 0;

	.our-service-section-inner {
		border-radius: 35px;
		padding: 62px;
		background-color: #0e0c0c;
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}

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

.cursor {
	position: fixed;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
	background: rgba(255, 1, 1, 0.7);
	border-radius: 50%;
	pointer-events: none;
	transform: translate(-50%, -50%);
	transition:
		width 0.2s ease,
		height 0.2s ease,
		background 0.2s ease;
	z-index: 999999999;
}

.text:hover ~ .cursor {
	width: 60px;
	height: 60px;
	background: rgba(255, 255, 255, 0.2);
	z-index: 999999999;
}

.service-section {
	background: #fff;
	padding: 90px 0;
	position: relative;

	img.bgred22 {
		bottom: -60px;
		position: absolute;
		left: 0;
		z-index: revert-layer;
	}

	.s-inner-section {
		background-color: red;
	}

	.containernew {
		display: flex;
		height: 80vh;
		gap: 10px;
	}

	.panel {
		flex: 0.9;
		border-radius: 40px;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		position: relative;
		color: white;
		cursor: pointer;
		transition: all 0.7s cubic-bezier(0.25, 0.8, 0.25, 1);
		overflow: hidden;
	}

	/* ✅ Content Box */
	.panel .paneldata {
		position: absolute;
		bottom: 40px;
		left: 40px;
		right: 40px;
		opacity: 0;
		visibility: hidden;
		transform: translateY(40px);
		transition:
			opacity 0.6s ease,
			transform 0.6s cubic-bezier(0.22, 1, 0.36, 1),
			visibility 0s linear 0.4s;
	}

	.panel .paneldata h3 {
		font-size: 35px;
		margin-bottom: 10px;
		font-weight: 500;
	}

	.panel .paneldata p {
		font-size: 16px;
		font-weight: 300;
		line-height: 1.5;
		max-width: 700px;
	}

	.containernew:not(:hover) .panel.active {
		flex: 5;
	}

	.containernew:not(:hover) .panel.active .paneldata {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0.1s;
	}

	.containernew:hover .panel {
		flex: 0.5;
	}

	.containernew:hover .panel:hover {
		flex: 5;
	}

	.containernew:hover .panel:hover .paneldata {
		opacity: 1;
		visibility: visible;
		transform: translateY(0);
		transition-delay: 0.1s;
	}

	.containernew:hover .panel:not(:hover) .paneldata {
		opacity: 0;
		visibility: hidden;
		transform: translateY(40px);
		transition-delay: 0s;
	}

	.panel1 {
		background-image: url("../images/Service-img/web-development.jpg");
	}

	.panel2 {
		background-image: url("../images/Service-img/mobile-app.jpg");
	}

	.panel3 {
		background-image: url("../images/Service-img/custom.jpg");
	}

	.panel4 {
		background-image: url("../images/Service-img/api.jpg");
	}

	.panel5 {
		background-image: url("../images/Service-img/graphics.jpg");
	}

	.panel6 {
		background-image: url("../images/Service-img/digital-marketing.jpg");
	}

	.panel7 {
		background-image: url("../images/Service-img/web-main.jpg");
	}

	.panel8 {
		background-image: url("../images/Service-img/developer.jpg");
	}
}

.custom-section {
	padding: 60px 0;
	position: relative;
	background: #0a0a0a;

	.bg22 {
		position: absolute;
		right: 0;
	}
}

.custom-section .square {
	position: relative;
	width: 400px;
	height: 400px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.custom-section .square span {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 2px solid white;
	border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
	transition: 0.5s;
}

.custom-section .square span:nth-child(1) {
	animation: animation-spin 6s linear infinite;
}

.custom-section .square span:nth-child(2) {
	animation: animation-spin 4s linear infinite;
}

.custom-section .square span:nth-child(3) {
	animation: animation-spin-reverse 10s linear infinite;
}

.custom-section .square:hover span:nth-child(1),
.custom-section .square:hover span:nth-child(2),
.custom-section .square:hover span:nth-child(3) {
	border: none;
	background: rgba(229, 9, 9, 0.8);
}

@keyframes animation-spin {
	from {
		transform: rotate(0deg);
	}

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

@keyframes animation-spin-reverse {
	from {
		transform: rotate(360deg);
	}

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

.custom-section .content {
	position: relative;
	padding: 40px 60px;
	color: white;
	text-align: center;
	transition: 0.5s;
	z-index: 1;
}

.custom-section .content a {
	position: relative;
	display: inline-block;
	margin-top: 25px;
	border: 2px solid white;
	padding: 6px 18px;
	text-decoration: none;
	color: white;
	font-weight: 600;
	border-radius: 73% 27% 44% 56% / 49% 44% 56% 51%;
}

.custom-section .content a:hover {
	background: white;
	color: #333;
}

.custom-section {
	.slider {
		margin: auto;
		overflow: hidden;
		position: relative;
		width: auto;
		padding-bottom: 10px;

		.slide-track {
			animation: scroll 40s linear infinite;
			display: flex;
			width: calc(250px * 14);
		}

		.slide {
			width: 250px;
			margin: 0 20px;
			text-align: center;
			/* border: 1px solid #ffffff1c; */
			height: auto !important;
			border-radius: 23px;
			background: #21212142;
			overflow: hidden;

			img {
				border-radius: 22px 22px 0 0;
				height: auto !important;
			}

			h3 {
				font-size: 16px;
				color: #fff4f4;
				font-weight: 400;
				padding: 23px;
				margin-bottom: 0;
				background-color: #000000;
			}
		}
	}
}

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

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

.product-section-new {
	text-align: center;
	padding-bottom: 90px;
	padding-top: 90px;

	.product_inner_section {
		background-color: rgb(247 247 247 / 62%);
		padding: 28px;
		margin-bottom: 20px;
		border-radius: 19px;
		display: flex;
		align-items: center;
		/* box-shadow:
      0 12px 30px rgba(0,0,0,0.08); */

		&:hover {
			cursor: pointer;
		}

		img {
			max-width: 50px;
			margin-right: 20px;
		}

		h6 {
			margin: 0;
			color: #000;
		}
	}
}

.faq-section {
	position: relative;
	background: #1e0204;

	img.bgss {
		opacity: 0.4;
		position: absolute;
		max-width: 37%;
		right: -67px;
		top: 147px;
	}

	.faq-inner {
		border-radius: 35px;
		padding: 60px 0;
		position: relative;

		.faq-left {
			padding: 10px 0px 10px 70px;

			.faq-item {
				color: #fff !important;
				margin: 25px 0;
				border-radius: 15px;
				padding: 13px 23px 13px 39px;
				position: relative;
				background-color: #190204;
				border: 1px solid #ffffff1c;

				.faq-icns {
					background: #e50909;
					font-size: 13px;
					display: inline;
					padding: 4px 11px;
					border-radius: 7px;
					left: -17px;
					position: absolute;
					top: 25px;
				}
			}

			.faq-question {
				width: 100%;
				background: none;
				border: none;
				outline: none;
				text-align: left;
				font-size: 1.1rem;
				font-weight: 400;
				cursor: pointer;
				display: flex;
				justify-content: space-between;
				align-items: center;
				padding: 10px 0;
				color: #ffffff !important;
			}

			.faq-question .icon {
				transition: transform 0.3s ease;
				font-weight: bold;
				font-size: 1.2rem;
			}

			.faq-answer {
				max-height: 0;
				overflow: hidden;
				transition:
					max-height 0.4s ease,
					padding 0.3s ease;
				padding: 0 0;
			}

			.faq-answer p {
				color: #fff;
				font-size: 15px;
				font-weight: 200;
				line-height: 26px;
			}

			.faq-item.active .faq-answer {
				max-height: 200px;
				padding: 10px 0;
			}

			.faq-item.active .faq-question .icon {
				transform: rotate(180deg);
				content: "–";
			}
		}

		.robot {
			position: absolute;
			max-width: 35%;
			right: 0;
			bottom: 1px;
		}
	}
}

.job-section {
	margin-bottom: 50px;

	.job-inner-box {
		border: 1px solid #00000029;
		padding: 34px;
		background: #00000005;
		border-radius: 20px;
		margin-bottom: 25px;
		text-align: center;
		height: 335px;

		.chair-icn {
			padding: 5px;
			background: #d12129;
			width: 70px;
			height: 70px;
			display: flex;
			align-items: center;
			justify-content: center;
			color: #fff;
			font-size: 24px;
			border-radius: 18px;
			margin-bottom: 18px;
			margin: 0 auto;
		}

		.space {
			margin: 20px 0 25px 0;
		}

		h3 {
			font-size: 23px;
			margin-top: 25px;
			font-weight: 600;
		}

		h6 {
			margin-bottom: 0;
		}

		p {
			font-size: 15px;
			margin-bottom: 0;
		}
	}
}

.testimonial-section {
	background: #ffffff;
	padding: 50px 0 0px;
	margin-top: 30px;
}

.testimonial-section .t-inner {
	border-radius: 35px;
	/* margin-top: 75px; */
	position: relative;

	.c-bg {
		margin: auto;
		top: 460px;
		position: absolute;
		max-width: 36%;
		left: 0;
		right: 0;
	}
}

.testimonial-section .t-inner .t-layer {
	z-index: 9999;
	background: linear-gradient(to top, #fff 11%, rgb(0 0 -524 / -372%) 100%);
	width: 101%;
	height: 130px;
	position: absolute;
	bottom: -1px;
}

.testimonial-section .t-inner .t-layer2 {
	z-index: 9999;
	background: linear-gradient(to bottom, #fff 11%, rgb(0 0 -524 / -372%) 100%);
	width: 101%;
	height: 130px;
	position: absolute;
	top: -10px;
}

.testimonial-section .testimonial-wrapper {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 20px;
	position: relative;
}

.testimonial-section .column {
	height: 673px;
	overflow: hidden;
	border-radius: 16px;
	padding: 10px;
	width: 676px;
}

.testimonial-section .scroll-track {
	display: flex;
	flex-direction: column;
	gap: 43px;
	animation: scroll-up 18s linear infinite;
}

.testimonial-section .column:nth-child(odd) .scroll-track {
	animation: scroll-down 18s linear infinite;
}

.testimonial-section .card {
	border-radius: 12px;
	padding: 55px;
	font-size: 14px;
	background: rgb(255 255 255 / 30%);
	backdrop-filter: blur(8px);
	box-shadow: 0px 0px 20px -17px #000;
	border: 1px solid #00000021;
}

.testimonial-section .card h6 {
	font-size: 23px;
	color: #000;
}

.testimonial-section .card p {
	color: #1f1f1f;
}

.testimonial-section .card img {
	max-width: 70px;
	margin: 4px 0 13px 0;
}

.testimonial-section .scroll-track > * {
	flex-shrink: 0;
}

@keyframes scroll-up {
	0% {
		transform: translateY(0);
	}

	100% {
		transform: translateY(-50%);
	}
}

@keyframes scroll-down {
	0% {
		transform: translateY(-50%);
	}

	100% {
		transform: translateY(0);
	}
}

.testimonial-section .column:hover .scroll-track {
	animation-play-state: paused;
}

.api-section {
	padding: 60px 0;
	margin-top: 60px;
	position: relative;

	.shadow-img {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		z-index: -99999999;
		top: 283px;
	}

	.api-inner {
		margin-bottom: 26px;
		text-align: center;
		padding: 30px;
		border-radius: 10px;
		border: 1px dashed #0a0a0a;
		background: rgb(255 255 255 / 40%);
		backdrop-filter: blur(13px);
		-webkit-backdrop-filter: blur(8px);

		h5 {
			font-size: 16px;
			color: #000000;
			font-weight: 500;
			margin-bottom: 0;
			margin-top: 12px;
		}

		img {
			max-width: 50px;
		}
	}
}

.blog-detail {
	.blog-detail-img {
		position: relative;

		span {
			background: #d12129;
			left: 0;
			font-size: 21px;
			position: absolute;
			padding: 20px;
			color: #fff;
			border-radius: 0 0 50px 0;
		}
	}

	h6 {
		font-weight: 500;
		font-size: 23px;
		margin-top: 23px;
		margin-bottom: 15px;
	}

	p {
		font-size: 16px;
		line-height: 28px;
	}
}

.news-sections {
	.blog-box {
		height: 100%;
		transition: transform 0.5s;
		flex-shrink: 0;
		width: 25vw;
		border-radius: 2rem;

		img {
			border-radius: 20px 20px 0 0;
		}

		.blog-content {
			background: #0a0a0a;
			border-radius: 0 0 20px 20px;
			padding: 25px;

			h5 {
				color: #fff;
				font-size: 19px;
				font-weight: 400;
			}

			p {
				font-size: 14px;
				color: #ffffffbd;
				font-weight: 300;
			}

			span {
				font-weight: 600;
				font-size: 16px;
				color: #ffffff;
				text-align: end;
				display: block;
			}
		}
	}
}

.blog-section {
	position: relative;
	padding-top: 120px;
	padding-bottom: 90px;

	.marquee {
		overflow-x: clip;
		position: relative;
		width: 100%;
	}

	.marquee-inner {
		display: flex;
		align-items: center;
		gap: 2vw;
		will-change: transform;
		padding: 25px 0;
	}

	.blog-box {
		height: 100%;
		transition: transform 0.5s;
		flex-shrink: 0;
		width: 25vw;
		border-radius: 2rem;

		.blog-content {
			background: #0a0a0a;
			border-radius: 0 0 20px 20px;
			padding: 25px;

			h5 {
				color: #fff;
				font-size: 19px;
				font-weight: 400;
			}

			p {
				font-size: 14px;
				color: #ffffffbd;
				font-weight: 300;
			}

			span {
				font-weight: 600;
				font-size: 16px;
				color: #ffffff;
				text-align: end;
				display: block;
			}
		}
	}

	.blog-box img {
		border-radius: 20px 20px 0 0;
	}
}

.footer-section {
	background: #1e0204;
	width: 90%;
	margin: auto;
	border-radius: 20px;

	.footerbox {
		padding: 70px 80px;

		.footer-inner {
			h5 {
				font-size: 23px;
			}

			ul {
				li {
					font-size: 18px;
					font-weight: 200;
					margin: 21px 0;
				}
			}
		}
	}

	p {
		background-color: #fff;
		width: max-content;
		font-size: 15px;
		font-weight: 400;
		position: absolute;
		bottom: -5px;
		left: 0px;
		right: 0px;
		border-radius: 20px 20px 0px 0px;
		margin: auto;
		padding: 18px 74px;
		color: #000;
	}

	.social-icons-container ul {
		display: flex;
		width: 100%;
		align-items: center;
		padding: 0;
	}

	.social-icons-container li {
		list-style: none;
	}

	.social-icons-container a {
		width: 40px;
		height: 40px;
		color: white;
		text-align: center;
		line-height: 36px;
		font-size: 20px;
		margin: 0 10px;
		display: block;
		position: relative;
		border-radius: 50%;
		overflow: hidden;
		border: 2px solid #ffffff;
	}

	.social-icons-container a i {
		transition: 0.5s;
		z-index: 1;
	}

	.social-icons-container a:hover i {
		transform: rotateY(360deg);
	}

	.social-icons-container ul > li > a::before {
		content: "";
		position: absolute;
		top: 100%;
		left: 0;
		width: 100%;
		height: 100%;
		transition: top 0.5s;
	}

	.social-icons-container ul > li > a:hover::before {
		top: 0;
	}

	.footer-chip1 {
		background-color: rgba(255, 255, 255, 0);
		border-bottom-right-radius: 19px;
		width: 27px;
		height: 38px;
		position: absolute;
		bottom: 0px;
		left: 395px;
		box-shadow: rgb(255, 255, 255) 0px 23px;
		z-index: 99999;
	}

	.footer-chip2 {
		background-color: rgba(255, 255, 255, 0);
		border-bottom-left-radius: 19px;
		width: 27px;
		height: 38px;
		position: absolute;
		bottom: 0px;
		right: 395px;
		box-shadow: rgb(255, 255, 255) 0px 23px;
		z-index: 99999;
	}
}

/************************* ABOUT PAGE CSS ************************/

.inner-page-banner {
	/* background: url(../images/banner/Inner-hero-banner.jpg) no-repeat; */
	/* background-size: cover; */
	position: relative;
	height: auto !important;
	background:
		radial-gradient(
			circle at bottom right,
			rgba(237, 64, 58, 0.45),
			transparent 55%
		),
		radial-gradient(
			circle at bottom left,
			rgba(135, 28, 28, 0.35),
			transparent 60%
		),
		linear-gradient(180deg, #0b0b0f 0%, #12091c 45%, #1b0d2f 100%);

	.inner-banner-content {
		text-align: center;
		padding-top: 40px;
		padding-bottom: 100px;

		h3 {
			font-size: 50px;
			color: #cfcfcf;
			font-weight: 500;
			margin-top: 76px;
			margin-bottom: 0;
		}

		.hero-link {
			display: flex;
			justify-content: center;
			align-items: center;
			margin-top: 10px;

			a {
				text-decoration: none;
				font-weight: 400;
				color: #fff;
				font-size: 16px;
			}

			span {
				border-radius: 8px 0 8px 0;
				width: 13px;
				height: 13px;
				background: #c53a3a;
				margin-left: 15px;
				margin-right: 10px;
			}

			p {
				font-weight: 400;
				color: #bb1212;
				margin: 0;
				font-size: 16px;
			}
		}
	}
}

.brand-slider {
	.slide {
		background-color: transparent !important;
		border: 0 !important;
		border-radius: 0 !important;
		margin: 0 26px !important;

		img {
			border-radius: 0 !important;
		}
	}
}

.about-section {
	padding: 40px 0;
	width: 90%;
	margin: auto;

	.flow {
		p {
			font-size: 16px;
			font-weight: 500;
			color: #000000;
		}

		h5 {
			font-size: 28px;
		}
	}
}

.new-text {
	font-weight: 300;
	color: #ffffff;
	background: #d12129;
	display: inline;
	padding: 7px 28px;
	border-radius: 50px;
	border: 1px solid #ffffff47;
}

.mission-section {
	width: 90%;
	margin: auto;

	.mission-inner {
		background: #1e0204;
		border-radius: 30px;
		border: 1px solid #ffffff0d;
		margin: 0 10px;

		.mission-inner-body {
			padding: 45px;

			.mission-box {
				padding: 35px;
				/* background: url(../images/Service-one/bg.png) no-repeat; */
				border-radius: 25px;
				border: 1px solid #ffffff14;
				height: 100%;
				background: #d0252d;

				h5 {
					font-size: 22px;
				}

				p {
					font-size: 13px;
					line-height: 21px;
				}
			}
		}
	}
}

.exp-section {
	padding: 90px 170px;
}

.Oriol-section {
	padding: 90px 0;
	width: 90%;
	margin: auto;

	h6 {
		background-color: #d12129;
		width: 50px;
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
		color: #fff;
		font-size: 20px;
		border-bottom: 10px;
		margin-right: 19px;
		border: 1px solid #ffffff12;
		border-radius: 12px;
	}

	.oriol-right-section {
		background-color: #1e0204 !important;
		border-radius: 30px;
		border: 1px solid #ffffff0d;
		padding: 45px;
		background: url(../images/Service-one/bg.png) no-repeat;

		.s-box {
			background-color: #2d2223;
			border-radius: 30px;
			border: 1px solid #ffffff0d;
			padding: 33px;
			text-align: center;
			height: 139px;
			display: flex;
			justify-content: center;
			align-items: center;

			h4 {
				font-size: 18px;
				color: #fff;
			}
		}
	}
}

.Commitment-section {
	.Commitment-inner {
		width: 91.6%;
		margin: auto;
		padding-bottom: 35px;

		.Commitment-body {
			background-color: #d12129;
			border-radius: 30px;
			border: 1px solid #ffffff0d;
			padding: 45px;

			h3 {
				font-size: 22px !important;
			}

			ul {
				padding-left: 0;

				li {
					list-style: none;
					font-size: 15px;

					color: #fff;
					padding-top: 12px;

					i {
						margin-right: 20px;
						color: #fff;
					}
				}
			}
		}
	}
}

.contact-section {
	padding: 90px 100px;

	.contact-left {
		padding-right: 50px;

		.contact-detail {
			display: flex;
			margin-top: 50px;

			h6 {
				font-size: 20px;
			}

			i {
				color: #fff;
			}

			a {
				display: block;
				color: #666666;
				font-size: 17px;
				text-decoration: none;
				font-weight: 300;
			}

			.icn {
				background: linear-gradient(140deg, #e50909, #661c1c);
				width: 60px;
				height: 60px;
				border-radius: 53px;
				display: flex;
				justify-content: center;
				align-items: center;
				margin-right: 15px;

				i {
					color: #fff;
					font-size: 25px;
				}
			}
		}
	}

	.contact-right {
		padding: 35px;
		background: url(../images/Service-one/bg.png) no-repeat;
		border-radius: 25px;
		border: 1px solid #ffffff17;
		background: #1e0204;

		form {
			textarea {
				width: 100%;
				background: #190204;
				border: 0;
				font-size: 15px;
				padding: 20px 20px;
				border-radius: 13px;
				border: 1px solid #ffffff12;
				color: #a7aabb;
				height: 150px;
			}

			.form-select {
				background: #190204;
				border: 0;
				font-size: 15px;
				padding: 20px 20px;
				border-radius: 13px;
				border: 1px solid #ffffff12;
				color: #a7aabb;
			}

			.form-control {
				background: #190204;
				border: 0;
				font-size: 15px;
				padding: 20px 20px;
				border-radius: 13px;
				border: 1px solid #ffffff12;
				color: #a7aabb;
			}

			input::placeholder {
				color: #a7aabb;
			}
		}
	}
}

.my-clients-section {
	.logo-inner {
		height: 120px;
		background-color: rgb(255, 255, 255);
		padding: 35px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 18px;
		border: 1px dashed #5b5b5b;
	}
}

.service-inner-section {
	/* padding: 40px 115px; */
	padding: 40px 0;

	.service-inner-box {
		background-color: #030001;
		border-radius: 25px;
		cursor: pointer;

		img {
			border-radius: 20px 20px 0 0;
		}

		.servicess-content {
			height: 215px;
			padding: 0 26px 26px 26px;
			position: relative;

			a {
				position: absolute;
				font-size: 15px;
				color: #d12129;
				text-decoration: none;
				display: flex;
				align-items: center;
				right: 30px;
				bottom: 30px;

				i {
					margin-left: 5px;
					font-size: 12px;
				}
			}

			h4 {
				font-size: 20px;
				font-weight: 300;
			}

			p {
				font-size: 14px;
				font-weight: 300;
				line-height: 20px;
				margin-top: 15px;
				color: #ffffff91 !important;
			}
		}
	}
}

.mobile-nav {
	border-bottom: 1px solid #ffffff21;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 19px;
	padding-bottom: 16px;

	.mobile-nav-container {
		position: relative;
	}

	.open-btn {
		font-size: 30px;
		background: transparent;
		color: #fff2f2;
		border: none;
	}

	.side-nav {
		width: 85%;
		height: 100%;
		background: #111;
		position: fixed;
		top: 0;
		left: -410px;
		transition: 0.3s ease;
		/* padding: 20px; */
		z-index: 9999;
	}

	.side-nav.active {
		left: 0;
	}

	.side-nav ul {
		margin-top: 0px;
		list-style: none;
		padding: 0;
	}

	.side-nav ul li {
		margin-bottom: 22px;
		/* display: flex; */
	}

	.side-nav ul li a {
		text-decoration: none;
		color: #ffffffe0;
		font-size: 15px;
		font-weight: 300;
		padding-left: 24px;
		padding-right: 25px;
	}

	.close-btn {
		font-size: 30px;
		background: none;
		color: white;
		border: none;
		position: absolute;
		top: 20px;
		right: 14px;
	}
}

.main-mobile-nav {
	display: none;
}

.service-inner-content-secton {
	padding-top: 90px;
	padding-left: 100px;
	padding-right: 100px;

	h4 {
		font-size: 23px;
		font-weight: 500;
	}
}

ul.inner-list {
	padding-left: 0;

	li {
		list-style: none;
		display: flex;
		/* align-items: center; */
		font-size: 16px;
		font-weight: 300;
		margin-top: 11px;
		color: #000;

		i {
			margin-right: 10px;
			color: #d12129;
			position: relative;
			top: 5px;
		}
	}
}

.linkss {
	a {
		font-size: 16px;
		text-decoration: none;
		display: block;
		color: #000;
		margin: 10px 0;

		&:hover {
			color: #d12129;
		}
	}
}

.mobile-dropdown > a,
.mobile-inner-dropdown > a {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 10px 0;
}

.mobile-dropdown i,
.mobile-inner-dropdown i {
	font-size: 12px;
	transition: transform 0.3s ease;
}

.mobile-dropdown.active i,
.mobile-inner-dropdown.active i {
	transform: rotate(180deg);
}

.mobile-submenu,
.mobile-inner-submenu {
	height: 0;
	overflow: hidden;
	transition: height 0.35s ease;
}

.mobile-dropdown.active > .mobile-submenu {
	max-height: fit-content;
	margin-bottom: 15px;
}

.mobile-inner-dropdown.active > .mobile-inner-submenu {
	max-height: fit-content;
}

.mobile-submenu a,
.mobile-inner-submenu a {
	font-size: 14px;
	color: #ffffffc7;
}

.mobile-submenu li,
.mobile-inner-submenu li {
	margin: 10px 0;
}

.side-nav ul li {
	display: grid;
}

li.mobile-inner-dropdown {
	background: #1d1c1c;
	padding: 2px 0px;
	margin: 0 !important;
	border-bottom: 1px solid #ffffff0a;
}

.mobile-inner-submenu {
	li {
		a {
			color: #ffffff75 !important;
			font-size: 14px !important;
			padding-left: 41px !important;
		}
	}
}

li.mobile-inner-dropdown.active a.mobile-inner-trigger {
	color: red !important;
}

li.mobile-inner-dropdown.active a.mobile-inner-trigger i {
	transform: rotate(270deg) !important;
}

ul.side-height {
	height: 100vh;
	overflow-x: scroll;
}

a.footer-whatsapp {
	left: 30px;
	position: fixed !important;
	bottom: 0;
	z-index: 99999999999;
	bottom: 30px;

	img {
		max-width: 50px;
	}
}

.banner-clients {
	padding-top: 40px;
	padding-bottom: 50px;
}

@keyframes slide {
	from {
		transform: translateX(0);
	}
	to {
		transform: translateX(-100%);
	}
}

.logosss {
	overflow: hidden;
	padding: 20px 0;
	background: white;
	white-space: nowrap;
	position: relative;
}

.logosss:before,
.logosss:after {
	position: absolute;
	top: 0;
	width: 250px;
	height: 100%;
	content: "";
	z-index: 2;
}

.logosss:before {
	left: 0;
	background: linear-gradient(to left, rgba(255, 255, 255, 0), white);
}

.logosss:after {
	right: 0;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), white);
}

/* .logosss:hover .logosss-slide {
  animation-play-state: paused;
} */

.logosss-slide {
	display: inline-block;
	animation: 60s slide infinite linear;
}

.logosss-slide img {
	height: 109px;
	margin: 0 17px;
	max-width: 216px;
	padding: 24px;
	border-radius: 18px;
	border: 1px dashed #5b5b5b;
}
/* .modal-content

 {
    top: 1439px !important;
} */

.modal-backdrop.show {
	display: none;
}

.media-section {
	img {
		border: 2px solid #ac1e23;
		margin-bottom: 10px;
	}
}

div#serviceModal {
	background:
		radial-gradient(
			circle at bottom right,
			rgba(237, 64, 58, 0.45),
			transparent 55%
		),
		radial-gradient(
			circle at bottom left,
			rgba(135, 28, 28, 0.35),
			transparent 60%
		),
		linear-gradient(180deg, #0b0b0f 0%, #12091c 45%, #1b0d2f 100%) !important;
	height: 900px !important;
	bottom: 100px;
	position: absolute;
	top: 64%;
	overflow: hidden;
}

.modal.show .modal-dialog {
	transform: none !important;
	position: absolute !important;
	left: 0 !important;
	right: 0 !important;
	margin: auto !important;

	h2 {
		font-size: 23px !important;
	}

	form {
		padding: 0 0px 17px 0px;

		.form-control {
			font-size: 14px;
			padding: 10px 10px 10px 15px;
			border-radius: 8px;
			width: 100%;
		}

		textarea {
			font-size: 14px;
			padding: 10px 10px 10px 15px;
			border-radius: 8px;
			width: 100%;
		}
	}
}

.modal-header .btn-close {
	font-size: 12px !important;
}

@media screen and (min-device-width: 350px) and (max-device-width: 768px) {
	.main-mobile-nav {
		display: block;
	}

	.nav-section {
		display: none;
	}

	.hero-section {
		/* background: url(../images/banner/banner.jpg) no-repeat; */
		height: auto !important;
		padding-bottom: 70px;

		& .banner-content {
			margin-top: 0 !important;
			text-align: center;
			padding-top: 130px;

			button.btn.btn-light {
				margin: auto;
			}

			h3 {
				font-size: 40px;
				margin-top: 15px;
			}

			h6 {
				font-size: 11px;
				padding: 11px 22px;
			}

			p {
				font-size: 13px;
				line-height: 21px;
			}

			.width-35 {
				width: 100% !important;
			}

			button.btn-2,
			a.btn-2 {
				padding: 13px 29px;
				font-size: 12px;
			}
		}
	}

	div#serviceModal {
		background: rgba(0, 0, 0, 0.8);
		height: 845px !important;
	}

	.modal-content {
		top: 9px !important;
	}

	.oriol-ai {
		padding: 30px 8px;
	}

	.hero-section {
		.e-img {
			display: none;
		}
		.h-img {
			display: none;
		}

		.b-img {
			max-width: 81%;
		}
	}

	a.footer-whatsapp {
		left: 18px;
		bottom: 15px;
	}

	.black-shadoww {
		font-size: 31px !important;
	}

	.who-we-are-section {
		img {
			max-width: 100% !important;
		}

		.who-inner-section {
			margin-top: 30px;
		}
	}

	.logosss:after {
		display: none;
	}
	.logosss:before {
		display: none;
	}

	.banner-clients {
		padding-top: 20px;
		padding-bottom: 0px;
	}

	.logosss {
		padding: 14px 0;
	}

	.logosss-slide img {
		height: 76px;
		margin: 0 7px;
		max-width: 126px;
		padding: 12px;
		border-radius: 18px;
		border: 1px dashed #5b5b5b;
		margin-bottom: 0px;
	}

	.heading {
		h2 {
			font-size: 24px;
			line-height: 35px;
		}
	}

	.service-one {
		padding-bottom: 30px;

		.col-md-4 {
			margin-bottom: 26px !important;
		}

		img.earth {
			right: 90px;
			top: 10px;
		}

		.service-box-one {
			padding: 27px 27px;
			height: auto !important;

			p {
				font-size: 14px;
				margin: 10px 0;
			}

			h5 {
				font-size: 21px;
			}

			.s-icons-main {
				position: static !important;
			}
		}
	}

	.product-section-new {
		padding-bottom: 40px !important;
	}

	.testimonial-section {
		margin-top: 0px !important;
	}

	.social-icons-container {
		margin-bottom: 35px;
	}

	.new-ss-section.heading.d-flex.justify-content-between {
		display: block !important;
	}

	.api-section {
		.shadow-img {
			top: 496px;
		}
	}

	.blog-section {
		padding-bottom: 30px !important;
	}

	.mobile-logo {
		img {
			padding-top: 10px;
			max-width: 160px !important;
		}
	}

	.chat-boat-banner {
		padding: 22px 10px !important;

		& .chat-boat-inner {
			h3 {
				font-size: 20px !important;
				line-height: 30px !important;
				/* padding-top: 60px !important; */

				span {
					font-size: 25px !important;
				}
			}
		}
	}

	[data-aos] {
		opacity: 1 !important;
		transform: none !important;
	}

	h3.pt-105 {
		padding-top: 70px !important;
	}

	#smooth-wrapper {
		position: relative !important;
		height: auto !important;

		pointer-events: auto !important;
	}

	#smooth-content {
		position: relative !important;
		transform: none !important;
		will-change: auto !important;
	}

	body {
		overflow: auto !important;
	}

	.chat-boat-banner {
		& .chat-boat-inner {
			padding-top: 60px;
			p {
				font-size: 14px !important;
			}
		}
	}

  .cursor{
    display: none !important;
  }

	.chat-boat-banner {
		.banner-form {
			padding-left: 0px !important;
		}
	}

	ul.ai-list {
		li {
			font-size: 14px !important;
			margin: 9px 0px !important;

			i {
				width: 28px !important;
				height: 28px !important;
				border-radius: 6px !important;
				font-size: 11px !important;
			}
		}
	}

	.chat-boat-section2 {
		padding: 30px 20px 0px 20px !important;

		.wh-section {
			flex-direction: column-reverse !important;
		}

		.line {
			display: none;
		}

		.right-content {
			padding: 0 !important;
		}

		.col-md-6 {
			padding: 0 !important;
		}

		h6 {
			display: none !important;
		}

		.pt-5 {
			padding-top: 0rem !important;
		}

		img {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.heading {
			h5 {
				font-size: 22px !important;
			}
		}

		.mt-5 {
			margin-top: 2rem !important;
		}
	}

	.chat-boat-section3 {
		padding: 50px 0px 10px 0px !important;
		width: 90% !important;

		.chat-boat-service-inner {
			padding: 35px 13px !important;
			margin-bottom: 25px !important;

			.s-icnss {
				width: 60px !important;
				height: 60px !important;
				padding: 13px !important;
			}

			h5 {
				margin-top: 13px !important;
				font-size: 15px !important;
				line-height: 18px !important;
			}
		}

		.mt-5 {
			margin-top: 2rem !important;
		}
	}

	.chat-boat-section4 {
		padding: 40px 0 !important;

		.men {
			display: none !important;
		}

		.sections4-inner {
			padding-left: 16px !important;
		}

		h2 {
			font-size: 24px !important;
			margin-top: 0 !important;
		}
	}

	.service-section {
		padding-top: 50px;
		padding-bottom: 50px;

		.containernew {
			height: 40vh;
			gap: 10px;
		}

		.panel .paneldata {
			bottom: 21px;
			left: 21px;

			p {
				display: none;
			}

			h3 {
				font-size: 18px;
			}
		}
	}

	.white-shadoww {
		font-size: 31px !important;
	}

	.custom-section {
		padding: 0;

		& .slider {
			.slide {
				width: 124px;
				margin: 0 10px;

				h3 {
					font-size: 14px;
					padding: 10px 10px;
					height: 100%;
				}
			}
		}
	}

	.faq-section {
		& .faq-inner {
			.faq-left {
				padding: 0px 40px 10px 40px;

				.faq-item.active .faq-answer {
					max-height: fit-content !important;
				}

				.faq-item {
					padding: 13px 23px 13px 28px;
				}
			}
		}
	}

	.testimonial-section .scroll-track {
		animation: scroll-up 50s linear infinite;
	}

	.testimonial-section .column:nth-child(odd) .scroll-track {
		animation: scroll-down 50s linear infinite;
	}

	.m-d-n {
		display: none !important;
	}

	.testimonial-section .testimonial-wrapper {
		display: flex !important;
	}

	.blog-section {
		padding-top: 0px;

		.shadow-img {
			top: -416px;
		}
	}

	button.btn.btn-light {
		font-size: 12px;

		i {
			width: 23px;
			height: 22px;
			margin-left: 12px;
		}
	}

	.blog-section {
		.blog-box {
			width: 80vw;
			margin-right: 20px;
		}
	}

	.footer-section {
		margin-top: 15px !important;

		.footerbox {
			padding: 25px 10px 90px 10px;

			.footer-inner {
				h5 {
					font-size: 18px;
				}

				ul {
					li {
						font-size: 14px;
						margin: 9px 0;
					}
				}
			}
		}

		p {
			background-color: #020000;
			font-size: 15px;
			position: absolute;
			bottom: 13px;
			left: 0px;
			right: 0px;
			border-radius: 0px 0px 20px 20px;
			padding: 18px 25px;
			color: #fff;
			width: 83%;
		}

		.footer-chip2 {
			display: none;
		}

		.footer-chip1 {
			display: none;
		}
	}

	.hero-section {
		.icons {
			display: none;
		}
	}

	.api-section {
		margin-top: 0;
	}

	.inner-page-banner {
		.inner-banner-content {
			padding-top: 0px;
			padding-bottom: 0px;
		}
	}

	.about-section {
		width: 100%;
		padding: 40px 0;

		.flow {
			justify-content: center;
			text-align: center;
		}
	}

	.inner-page-banner {
		padding-top: 50px !important;
		& .inner-banner-content {
			padding-top: 100px;
			h3 {
				font-size: 30px;
				font-weight: 600;
				margin-top: 0px;
			}
		}
	}

	.mission-section {
		.mission-inner {
			width: 93%;

			.mission-inner-body {
				padding: 16px !important;
			}
		}
	}

	.mission-section {
		& .mission-inner {
			& .mission-inner-body {
				.mission-box {
					padding: 24px;
				}

				img {
					margin-top: 15px;
				}
			}
		}

		.mmb {
			margin-bottom: 10px;
		}
	}

	.exp-section {
		padding: 20px 10px;
	}

	.Oriol-section {
		padding: 20px 10px;

		.oriol-pading {
			padding-right: 10px !important;
		}

		h6 {
			margin-right: 12px;
		}

		.oriol-right-section {
			padding: 25px;
		}
	}

	.Commitment-section {
		& .Commitment-inner {
			padding-bottom: 0 !important;
			padding: 0;

			.Commitment-body {
				padding: 25px;
				margin-bottom: 15px;
			}

			.mt-5 {
				margin-top: 1.5rem !important;
			}
		}
	}

	.service-inner-section {
		padding: 10px 10px;

		.mb-4 {
			margin-bottom: 0 !important;
		}

		.service-inner-box {
			margin-bottom: 25px;
		}
	}

	.my-clients-section {
		.logo-inner {
			padding: 22px;
		}
	}

	.my-clients-section.mt-5.pt-5 {
		margin-top: 0 !important;
	}

	.chat-boat-banner {
		padding: 0px 10px 51px 10px !important;

		& .banner-form {
			form {
				padding: 15px 20px 20px 20px !important;

				h2 {
					font-size: 20px !important;
					margin-bottom: 6px !important;
				}
			}
		}
	}

	.chat-boat-content {
		padding: 40px 0 !important;

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

	.chat-boat-banner {
		& .banner-form {
			& form {
				margin-top: 10px !important;

				.form-control {
					font-size: 13px !important;
					padding: 13px 13px !important;
				}

				.form-select {
					font-size: 13px !important;
					padding: 13px 13px !important;
				}

				.mb-4 {
					margin-bottom: 0.6rem !important;
				}
			}
		}
	}

	.contact-section {
		padding: 20px 10px;

		.contact-left {
			padding-right: 0 !important;

			.contact-detail {
				display: flow;
				margin-top: 20px;
			}

			.ml-l {
				margin-left: 0 !important;
				margin-top: 20px;
				margin-bottom: 30px;
			}
		}

		.contact-right {
			.heading {
				h2 {
					margin: 1px 0 !important;
				}
			}

			.mt-5 {
				margin-top: 1rem !important;
			}
		}
	}

	.mmmm {
		width: 95% !important;

		.mt-5 {
			margin-top: 1.5rem !important;
		}
	}

	.service-inner-content-secton {
		padding-top: 40px;
		padding-left: 10px;
		padding-right: 10px;

		.heading {
			text-align: left !important;
		}

		.pt-5 {
			padding-top: 1rem !important;
		}
	}

	.inner-page-banner {
		& .inner-banner-content {
			& .hero-link {
				padding-bottom: 50px;
				a {
					display: none !important;
				}

				span {
					display: none;
				}
			}
		}
	}

	.heading {
		h5 {
			font-size: 21px !important;
		}
	}

	ul.inner-list {
		li {
			/* display: block; */
			margin-top: 24px;

			i {
				margin-bottom: 4px;
				display: block;
			}
		}
	}

	.mobile-nav {
		position: absolute;
		top: 0;
		z-index: 999999;
		width: 100%;
	}

	.service-inner-content-secton {
		h4 {
			font-size: 21px;
			line-height: 30px;
		}
	}

	.about-section {
		& .flow {
			h5 {
				font-weight: 600;
				font-size: 22px;
			}
		}
	}

	.news-sections {
		.blog-box {
			width: 89vw;
			margin-bottom: 19px;
		}
	}
}

.chat-boat-banner {
	/* background-color: #1e0204; */
	padding: 120px 0;
	position: relative;
	background:
		radial-gradient(
			circle at bottom right,
			rgba(237, 64, 58, 0.45),
			transparent 55%
		),
		radial-gradient(
			circle at bottom left,
			rgba(135, 28, 28, 0.35),
			transparent 60%
		),
		linear-gradient(180deg, #0b0b0f 0%, #12091c 45%, #1b0d2f 100%);

	.chatboat-spot {
		position: absolute;
		max-width: 242px;
		right: 500px;
		top: -25px;
		opacity: 0.4;
	}

	.chatboat-spot2 {
		position: absolute;
		max-width: 382px;
		right: -88px;
		bottom: -32px;
		opacity: 0.3;
	}

	/* .chatboat-spot3 {
    position: absolute;
    max-width: 382px;
    right: -88px;
    bottom: -32px;
    opacity: .3;
  } */

	.chat-boat-inner {
		h3 {
			margin-bottom: 15px;
			color: #fff;
			font-size: 39px;
			line-height: 48px;
		}

		p {
			color: #ffffffd1;
			font-size: 17px;
			font-weight: 300;
		}
	}

	.banner-form {
		padding-left: 10px;

		form {
			padding: 30px 35px 50px 35px;
			border-radius: 20px;
			position: relative;
			background-color: rgba(255, 255, 255, 0.85);
			-webkit-backdrop-filter: blur(50px);
			backdrop-filter: blur(10px);

			.form-control {
				font-size: 14px;
				padding: 10px 10px 10px 15px;
				border-radius: 8px;
			}

			.form-select {
				font-size: 14px;
				padding: 10px 10px 10px 15px;
				border-radius: 8px;
				color: #0000008c;
			}

			textarea {
				font-size: 14px;
				padding: 20px 20px;
				border-radius: 13px;
				width: 100%;
				border: 1px solid #00000036;
				color: #00000091;
			}
		}
	}
}

.chat-boat-content {
	padding: 90px 0;
}

.banner-form .heading h2 {
	margin-bottom: 5px;
	line-height: initial;
}

.banner-form .heading p {
	margin-top: 0 !important;
	margin-bottom: 20px !important;
}

ul.ai-list {
	padding: 0;
	margin: 0;

	li {
		font-size: 15px;
		list-style: none;
		font-size: 16px;
		margin: 13px 0px;
		display: flex;
		align-items: center;

		i {
			margin-right: 13px;
			color: green;
			background: #00800021;
			width: 35px;
			height: 35px;
			display: flex;
			align-items: center;
			justify-content: center;
			border-radius: 10px;
			font-size: 14px;
		}
	}
}

.chat-boat-section2 {
	border-radius: 20px;
	background-color: #e5deee66;
	width: 90%;
	margin: auto;
	padding: 70px 160px 110px 160px;
	position: relative;

	img {
		border-radius: 20px;
	}

	.line {
		width: 1px;
		height: 2510px;
		position: absolute;
		background: #970909;
		top: 236px;
		left: 0;
		right: 0;
		margin: auto;
	}

	h6 {
		border: 7px solid #f5f2f8;
		width: 80px;
		height: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 50px;
		color: #fff;
		background: linear-gradient(140deg, #d12129, #661c1c);
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
}

.chat-boat-section3 {
	padding: 90px 0;
	text-align: center;
	width: 80%;
	margin: auto;

	.chat-boat-service-inner {
		border-radius: 15px;
		padding: 43px 13px;
		background: #ff63582e;

		.s-icnss {
			display: flex;
			background: red;
			width: 70px;
			height: 70px;
			padding: 19px;
			align-items: center;
			justify-content: center;
			border-radius: 14px;
			margin: auto;
		}

		h5 {
			margin-top: 14px;
			font-size: 19px;
			line-height: 23px;
		}
	}
}

.chat-boat-section4 {
	background-color: #1e0204;
	padding: 90px 0;
	position: relative;

	.sections4-inner {
		padding-left: 110px;
	}

	.men {
		right: 131px;
		position: absolute;
		max-width: 626px;
		bottom: 0;
	}
}