html,
body {
	margin: 0;
	padding: 0;
	width: 100%;

	font-family: 'Audiowide', sans-serif !important;
	overflow-x: hidden;
}

.page-template-about-tpl {
	overflow: unset;
	background: #000000;
}

body {
	height: 100% !important;
}

/*header {
	width: 100%;
	height: 110vh;
	background: #000 url(../bg-image/sec1-img.png) no-repeat 50% 50%;
	background-size: cover;
	position: relative;
}*/

a:hover{
    text-decoration: none;
}

.home {
	height: 100% !important;
}

.logo {
	position: absolute;
	float: left;
}

nav {
	position: absolute;
	width: 100%;
	line-height: 60px;
	background-color: transparent;
	z-index: 11111111111;
	/*display: flex;*/
	/*	align-items: center;*/
}

nav ul {

	list-style: none;
	background: rgba(0, 0, 0, 0);
	overflow: hidden;
	color: #fff;
	padding: 0;
	text-align: center;
	margin: 0 auto;
	padding-right: 10px;
	transition: 1s;
	width: 100%;
}

nav.black ul {
	background-color: transparent;
}

nav ul li {
	display: inline-block;
	padding: 0px 10px !important;

}


li a.active {
	color: rgb(17, 0, 255) !important;
}

nav ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 18px;
}

nav ul li a:hover {
	text-decoration: none;
	transition: ease-in 0.3s;
	color: #ad0aff;

}

.menu-icon {

	width: 100%;
	background: #000;
	text-align: right;
	box-sizing: border-box;
	padding: 15px 24px;
	cursor: pointer;
	color: #fff;
	display: none;
}

.mob-menu {
	border: 2px solid #414141;
	width: 32rem;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	border-radius: 20px;

}

@media (max-width: 992px) {
	.menu-icon {
		display: block;
	}

	.mob-menu {
		position: fixed;
		top: 0;
		left: -250px;
		/* Initially off-screen */
		width: 250px;
		height: 100vh;
		background-color: #333;
		padding-top: 60px;
		transition: 0.5s;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
	}

	.mob-menu.page {
		animation-name: none;
	}

	.mob-menu.page ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	.mob-menu.page li {
		padding: 15px;
		text-align: left;
	}

	.mob-menu.page a {
		text-decoration: none;
		color: #fff;
		font-size: 18px;
	}

	.menu-icon {
		cursor: pointer;
		padding: 10px;
	}

	.slider_bg_image {
		min-height: 25rem;
		display: flex;
		display: -webkit-box;
	}

}

@media (max-width: 786px) {

	/* Rest of your existing styles */


	.flex_slider {
		display: block !important;
	}

	.projects h1 {
		font-size: 30px;
	}

	.slider_content h1 {
		font-size: 24px;
	}

	.slider_content p {
		font-size: 16px;
	}

	.showing {
		max-height: 34em;
	}


	.choose_Charitoo {
		top: 3rem;

	}

	.choose_Charitoo>:nth-child(1) {
		font-size: 30px;
	}

	.projects {
		padding: 20px 0;
	}

	.projects h1 {
		font-size: 30px;
	}

	.slider_bg_image {
		padding-bottom: 30px;
	}

	.main-review {
		width: 100% !important;
		padding-top: 0;
	}

	/*.zoom {*/
	/*	display: none !important;*/
	/*}*/

	.contact a {
		font-size: 18px !important;
	}

	.contact {
		text-align: center !important;
	}

	.f_content {
		text-align: center;
	}

	.contact {
		position: inherit !important;
	}
}

.active {
	display: block;
}

.connecting {

	left: 0 !important;


}

ul.menu-items {

	width: 100%;
	border-radius: 0;
}

.zoom {
	display: none;
}

/* scale animation on home page  */
@-webkit-keyframes scale {
	0% {
		transform: scale(0.5, 0.5);
	}

	100% {
		transform: scale(1, 1);
	}
}

@-moz-keyframes scale {
	0% {
		transform: scale(0.5, 0.5);
	}

	100% {
		transform: scale(1, 1);
	}
}

@-o-keyframes scale {
	0% {
		transform: scale(0.5, 0.5);
	}

	100% {
		transform: scale(1, 1);
	}
}

@keyframes scale {
	0% {
		transform: scale(0.5, 0.5);
	}

	100% {
		transform: scale(1, 1);
	}
}

.ani-page {
	animation-name: scale;
	animation-duration: 1.5s;
	animation-fill-mode: forwards;
}

/* animation End */
.connecting {
	position: absolute;
	bottom: 14rem;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	z-index: 1;
	right: 0;
}

.connecting p {
	font-size: 25px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
}

.connecting h1 {
	padding-bottom: 0 !important;
}

.zoom img {
	width: 40rem;
}

section.sec2 {
	padding: 80px 0;
	background-color: #000000 !important;
	overflow: hidden;
	padding-top: 200px;
}

.rotate img {
	width: 25%;
	animation: animName 100s linear infinite;
	margin-top: 0;
}

.charitoo {
	text-align: center;
	color: #fff;
	/*position: absolute;*/
	bottom: 0;
	top: 100px;
}

.box {
	position: relative;
}

.rotate {
	position: relative;
}

.rotate:before {
	position: absolute;
	background-image: url(../bg-image/blur.png);
	object-fit: cover;
	content: "";
	left: 50px;
	right: 25px;
	width: 18rem;
	height: 15rem;
	z-index: revert-layer;
	top: 0;
	filter: blur(44px);
	background-position: center;
}

.rotate-2 {
	position: relative;
}

.rotate-2:before {
	position: absolute;
	content: "";
	width: 400px;
	height: 307px;
	background-image: url(../bg-image/blur-2.png);
	object-fit: cover;
	left: 0;
	filter: blur(103px);
	background-position: center;
	left: 117px;
	top: 50px;
	margin: 0 auto;
}

.rotate-3 {
	position: relative;
	z-index: 1;
}

.rotate-3:before {
	position: absolute;
	content: "";
	width: 200px;
	height: 300px;
	background-color: aliceblue;
	object-fit: cover;
	left: 0;
	filter: blur(140px);
	background-position: center;
	/* left: 0; */
	right: -25rem;
	/* top: 50px; */
	margin: 0 auto;
	z-index: -1;
}


img.back_light {
	width: 33% !important;
}

/*.box>.rotate {*/
/*	animation: animName 80s linear infinite;*/
/*}*/

@keyframes animName {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

.charitoo {
	opacity: 0;
	transition: all 1.5s;
	transform: translate(0, 100px);
}

.charitoo p {
	font-size: 20px;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	width: 80%;
	margin: 0 auto;
}

.charitoo.visible {
	opacity: 1;
	transform: translate(0, 0);
	text-align: center;
	/*padding: 0 140px;*/
	width: 100%;
}

.charitoo h1 {
	font-size: 45px;
}

.rotate-2 img {
	width: 17%;
	float: inline-end;
}

.rotate-2 {
	display: flex;
	padding: 0 100px;
	justify-content: center;
	align-items: center;
}

.rotate-2>img,
.rotate-3>img {
	animation: animName 100s linear infinite;
}

@keyframes animName {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(60deg);
	}
}

.hero-section {
	width: 100%;
	height: 70rem;
	overflow: hidden;
	position: relative;
}

@media(max-width: 786px) {
	.charitoo {

		position: inherit !important;

	}

	.charitoo.visible {
		margin: 0px;
	}

	.rotate-2 {
		display: none;
	}

	.web_design {
		font-size: 26px;
	}
}

.hero-section img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%);
	z-index: 11111111111111;
}

.sec3 {
	position: relative;
}

.sec3 img {
	background-position: center;
	background-size: cover;
	width: 100%;
	backdrop-filter: brightness(.95);
	height: 100vh;
	background-repeat: no-repeat;
	filter: brightness(0.2);
}

.sec3__bg {
	background-image: url(../bg-image/sec3-img.png);
	background-size: cover;
	width: 100%;
	background-repeat: no-repeat;
	/* -webkit-filter: brightness(0.8);
	filter: brightness(0.8); */
	padding: 100px 0;
	position: relative;
	background-position: center;
}

.sec3__bg:before {
	position: absolute;
	width: 100%;
	height: 100%;
	background: #00000094;
	content: "";
	top: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
}

.sec-3_bg {
	position: relative;
}

.choose_Charitoo {
	-webkit-filter: brightness(none);
	filter: brightness(none);
}

.choose_Charitoo {
	color: #fff;
	filter: brightness(none);
	text-align: center;
	line-height: 1.4;

}

.choose_Charitoo>:nth-child(1) {
	font-size: 50px;
}

.choose_Charitoo h3 {
	font-size: 35px;
	padding-bottom: 25px;
}


.know_more {
	margin-top: 40px;
	opacity: 0;
	transition: all 1.5s;
	transform: translate(0, 70px);
}

.slider_content,
.know_more.visible {
	opacity: 1;
	transform: translate(0, 0);
	text-align: center;
}

.know_more.btn_left {
	text-align: left;
}

.slider_content {
	text-align: left;
}

/* CSS */
.know_more a {
	background-color: rgb(36, 76, 248);
	color: #fff;
	display: inline-block;
	font-size: 22px;
	padding: 16px 21px;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	text-transform: uppercase;
	border-bottom-width: 1px;
	border-color: rgba(255, 255, 255, 0.15);
	border-radius: 32px;
	opacity: 1;
	box-shadow: 1px 1px 15px rgb(36, 76, 248);
}

.know_more a:hover {
	box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
	background: radial-gradient(65.4% 50% at 50% 50%, rgb(1, 21, 107) 44.58798627250517%, rgb(0, 28, 46) 100%);
	transform: scale(1.05);
	color: #9fa2ba;
}

@media (min-width: 768px) {
	.know_more a {
		padding: 6px 48px;
	}
}

/* banner section start */

.banner_4_bg {
	background: radial-gradient(#ADBBC7, #1364AB);
	/*background-color: #1364ab;*/
	padding: 70px 70px;
}

.projects {
	text-align: center;
	padding: 0px 0px 50px 0px;
}

.projects h1 {
	font-size: 50px;
	color: #fff;
}

.card {
	background-color: transparent !important;
	background-clip: border-box;
	border: none !important;
}

.card-body {
	padding: 0 !important;
}

.slider_bg_image {
	background-image: url(../bg-image/slider-bg.png);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	border-radius: 20px;
}

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


.video_text {
	width: 50%;

}

.video_text>.bg-video {
	width: 100%;

	border-radius: 15px !important;
}

video.bg-video {
	width: 100%;
	border-radius: 20px;
	height: 100%;
}

.video_text>.text {
	position: absolute;
	inset: 0;
	display: grid;
	place-items: center;

	color: #fff;
	font-weight: 900;
	font-size: 40px;

	border-radius: 50px !important;
}

.text>a {
	background-color: #244cf8;
	border: 0;
	border-radius: 56px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 17px;
	padding: 12px 30px;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	letter-spacing: 3.2px;
	text-transform: uppercase;
}

.text a:hover {
	box-shadow: rgba(255, 255, 255, 0.2) 0 3px 15px inset, rgba(0, 0, 0, 0.1) 0 3px 5px, rgba(0, 0, 0, 0.1) 0 10px 13px;
	transform: scale(1.05);
	color: #9fa2ba;
}

.flex_slider {
	display: flex;
}

.slider_content {
	color: #fff;
	padding-left: 40px;
	width: 50%;
}

.slider_content p {
	font-size: 22px;
	padding-right: 100px;
}

@media(max-width: 786px) {
	.video_text {
		width: 100%;
	}

	.slider_content {
		width: 100%;
	}

	a.carousel-control-prev {
		width: 35px !importnt;
		height: 35px !importnt;

	}
}


.slide-2 {
	background-image: url(../bg-image/pencil_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	padding: 80px 0;
	position: relative;
}

.clients_ {
	width: 60px;
	height: 60px;
	border-radius: 50%;
	object-fit: fill;
}

.slide_2_content h1 {
	font-size: 50px;
	padding: 30px 0;
}

.slide_2_content p {
	font-size: 23px;
}

.clients_ img {
	width: 60px;
	border-radius: 50%;
	object-fit: fill;
}

.customer span {
	color: #666666;
}

.customer {
	text-align: left;
	line-height: .5;
}

.main-review {
	display: block;
	text-align: center;
}

.slide_2_content {
	width: 60%;
	margin: 0 auto;
}

.client_flex {
	display: flex;
	align-items: center;
	gap: 15px;
	justify-content: center;
	padding: 40px 0;
}

/* footer start */
/*footer {
	background: rgb(0, 0, 0);
	background-image: linear-gradient(to right, #000000, #10327a);
	padding: 60px 0;
	position: relative;
	padding-bottom: 0;
	z-index: 2;
}*/

.footer_bg>.container {

	border-bottom: 1px solid gray;
}

.f_content {
	color: #fff;
	text-align: left;
	padding-top: 55px;
	line-height: 23.1px;
}

.f_content :last-child {
	font-size: 21px;
	color: #838590;
}

.f_content p:nth-child(2) {
	color: white;
}

.f_content p {
	font-size: 24px;
}

.f_content p a {
	text-decoration: none;
	transition: all 0.4s;
}

.f_content p a:hover {
	text-decoration: none;
	color: #1364ab;
}

.f_logo img {
	width: 84%;
	margin-top: 30px;
}

.contact {
	padding-top: 30px;
	display: inline-block;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 40%;
}

.contact a {
	margin-right: 10px;
	font-size: 20px;
	text-decoration: none;
	color: #fff;
}

.contact a:hover {
	color: #acaddd;
	transition: ease-in .3s;
}

.copyrights {
	text-align: right;
	padding: 20px;
}

.copyrights a {
	color: #9fa2ba;
}

.zoom {
	width: 100%;
	display: grid;
	place-items: center;
	position: absolute;
	left: 0;
	z-index: -1;
	top: 3rem;

}

.carousel-control-next-icon,
.carousel-control-prev-icon {
	display: inline-block;
	width: 2rem !important;
	height: 2rem !important;
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: 100% 100%;
	border-radius: 50%;
}

.launch-projects a {
	border: 0;
	border: 1px solid black;
	border-radius: 10px;
	color: #ffecec;
	margin: 0 auto;
	padding: 15px 50px;
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	background: radial-gradient(65.4% 50% at 50% 50%, rgb(36, 76, 248) 44.588%, rgb(37, 166, 249) 100%);
	text-transform: uppercase;

}

.launch-projects a:hover {
	background: radial-gradient(65.4% 50% at 50% 50%, rgb(1, 21, 107) 44.58798627250517%, rgb(0, 28, 46) 100%);
	/*radial-gradient(65.4% 50% at 50% 50%, rgb(1, 21, 107) 44.58798627250517%, rgb(0, 28, 46)) 100%)*/
	cursor: pointer;
	transition: .4s;
	color: #fff;
	/*box-shadow: 5px 5px 5px 0px #000000, inset 4px 4px 15px 0px #000000, inset 5px 6px 20px 17px rgba(186, 255, 252, 0);*/
}

.footer_bg {
	border-bottom: 1px solid #272C53;
	margin: 0 25px;
}

a.carousel-control-next {
	width: 50px;
	height: 50px;
	/* display: flex; */
	background-color: #2b2723;
	border-radius: 50%;
	padding: 10px;
	color: white;
	position: absolute;
	top: 45%;
	right: 20px;

}

.section__img {
	position: relative;
	display: flex;
}

a.carousel-control-prev {
	width: 50px;
	height: 50px;
	/* display: flex; */
	background-color: #2b2723;
	border-radius: 50%;
	padding: 10px;
	color: white;
	position: absolute;
	top: 45%;
	left: 20px;

}

.carousel-control-next,
.carousel-control-prev {
	display: flex;
}


.section {
	display: flex;
	height: 100vh;
	position: relative;
	z-index: 2;
	align-items: center;
}

.section>* {
	width: 50%;
}

.section__img {
	position: relative;
	display: flex;
	justify-content: flex-end;
}

.scroll-content {
	width: 100%;
	height: 100%;
	background-color: #f0f0f0;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	transition-timing-function: ease-in;
}

/*.rotate {*/
/*	transform: rotate(-30deg);*/
/*}*/

.section__img__inner {
	height: 100vh;
	position: fixed;
	left: 0;
	width: 78%;
	top: 50px;
	mix-blend-mode: multiply;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: transform 2.5s ease;
}

.section__img__inner img {
	width: auto;
}

.section__body {
	display: flex;
	align-items: center;
	position: relative;
	z-index: 100;
	justify-content: flex-start;
}

.section__text {
	padding-top: 60px;
}

.section__img__inner {
	filter: blur(30px);
	opacity: 0;
	background-position: 50% 40%;

}

.section.active .section__img__inner {
	opacity: 1;
	background-position: 50% 50%;
	filter: blur(0);
}

.bg__color {
	background-color: #000000;
}

.side_slide {
	position: relative;
}

.logo__img img {
	width: 14%;
	padding-top: 70px;
}

.logo__img {
	text-align: center;
	z-index: 11;
	position: relative;
}

.section__text {
	color: #fff;
	padding-left: 30px;
}

.section__text h2 {
	display: inline-block;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	background-image: linear-gradient(315deg, rgb(64, 255, 0) 0%, rgb(191, 0, 255) 100%);
	font-size: 30px;
}



/*.section__img__inner:after {*/
/*    position: fixed;*/
/*    left: 0;*/
/*    right: 0;*/
/*    margin: 0 auto;*/
/*    width: 90%;*/
/*    height: 92vh;*/
/*    content: "";*/
/*    background-image: url(../bg-image/services_phn.png);*/
/*    background-size: contain;*/
/*    background-repeat: no-repeat;*/
/*    top: 25px;*/
/*}*/


.star {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: #f3f2eb;
	border-radius: 50%;
	overflow: hidden;
	content: '\2606';
}

/*.about-wrap {*/
/*	width: 100%;*/
/*	height: 100vh;*/
/*	background: #000 url(../about-images/banner-1.png) no-repeat 50% 50%;*/
/*	background-size: cover;*/
/*	background-position: top;*/

/*	position: relative;*/
/*}*/

.abt_zoom .zoom_first_text {
	background: #000 url(../about-images/banner-1.png) no-repeat 50% 50%;
	width: 100%;
	height: 100vh;
	background-size: cover;
	background-repeat: no-repeat;
}

.where_Ideas {
	position: absolute;
	bottom: 13rem;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	z-index: 1;
	right: 0;
	left: 0;
}

.about-logo img {
	width: 16%;
	margin-top: 90px;
}

.about-logo {
	text-align: center;
}

.where_Ideas h1 {
	font-size: 50px;
}

.about_content {
	text-align: center;

}

.about_content_2 {
	text-align: center;
	overflow: hidden;
}

.about-content p {
	font-size: 15px;
	width: 640px;
	padding-top: 40px;
}

.our_vision p {
	padding-top: 40px;
	margin-bottom: 50px;

}

.about-section {
	display: flex;
	align-items: center;
	justify-content: center;
	transition: transform 0.5s ease-in-out;
}

.about_banne-1 {
	overflow: hidden;
	background-color: #000000;
	padding: 100px 0;
	color: #878787;
	padding-top: 50px;
}

.sub-abt-head {
	text-align: center;
	margin-bottom: 50px;
}

.about-content {
	text-align: center;
	padding-bottom: 70px;
}

/* .zoomed {
	transform: scale(1.2);
  } */
.vision_banner {
	overflow: hidden;
	background-color: #000000;
	padding: 100px 0;
}

.our_vision {
	text-align: center;
}

.vision_content {
	display: flex;
	align-items: center;
	justify-content: center;
	/* transition: transform 0.3s ease-in-out; */
}

.our_vision {
	font-size: 11px;
	width: 510px;
}

.launch-projects_2 a {
	border: 0;
	background-color: #0065a7;
	border: 1px solid rgb(0, 0, 0);
	border-radius: 10px;
	color: #ffecec;
	margin: 0 auto;
	padding: 15px 50px;
	font-size: 18px;
	display: inline-block;
	text-decoration: none;
	margin-top: 30px;
	background: radial-gradient(65.4% 50% at 50% 50%, rgb(36, 76, 248) 44.588%, rgb(37, 166, 249) 100%);
	text-transform: uppercase;

}

.launch-projects_2 a:hover {
	background: radial-gradient(65.4% 50% at 50% 50%, rgb(1, 21, 107) 44.58798627250517%, rgb(0, 28, 46) 100%);
	cursor: pointer;
	transition: .4s;
	color: #fff;
	box-shadow: 5px 5px 5px 0px #000000, inset 4px 4px 15px 0px #000000, inset 5px 6px 20px 17px rgba(186, 255, 252, 0);

}

.launch-projects_2 {
	text-align: center;
	padding-bottom: 6rem;
	background: #000;
	position: relative;
}

@media(max-width: 786px) {

	.copy-wrap {
		padding-left: 0 !important;
	}

	.rotate img {
		width: 100%;
	}

	.charitoo p {
		font-size: 17px;
	}

	.charitoo {
		padding: 0 !important;
	}

	.charitoo p {
		font-size: 17px;
	}

	section.sec2 {
		padding: 50px 0;
	}

	.projects h1 {
		font-size: 28px;
		color: #fff;
	}

	.choose_Charitoo>:nth-child(1) {
		font-size: 27px;
	}

	.seo {
		font-size: 22px;
	}

	.video_text>.bg-video {
		border-radius: 11px !important;
	}

	.choose_Charitoo h3 {
		font-size: 22px;
	}

	.know_more a {
		font-size: 15px;
		padding: 14px 30px;
	}

	.slider_content p {
		font-size: 20px;
	}

	.slider_content {
		padding: 40px;
	}

	.main-review {
		padding: 60px 0;
	}

	.slide_2_content p {
		font-size: 21px;
		padding: 0 30px;
	}

	.slide_2_content p {
		font-size: 21px;
		padding: 0 30px;
	}

	.about-logo img {
		width: 40%;
		margin-top: 90px;
	}

	.where_Ideas h1 {
		font-size: 25px;
	}

	.about-content p {
		font-size: 20px !important;
		width: 100%;
	}

	.our_vision {
		font-size: 15px;
		width: 100%;
	}

	.our_vision p {
		padding-top: 50px;
		font-size: 15px !important;
	}

	.about_banne-1 {
		padding: 20px 0;
	}

	.about-bg {
		height: 75vh;
	}

	.where_Ideas {
		top: 15rem;
	}

	.menu {
		margin-top: 0 !important;
	}

	.mb-3 {
		margin-bottom: 4rem !important;
		padding-top: 30px;
	}

	.slide-2 {
		padding: 20px 0;
	}

	.slider_bg_image {
		border-radius: 15px;
	}

	img.left_side,
	img.right_side {
		width: auto;
		height: 230px;
	}

	img.d_zoom {
		width: 100%;

		transform: rotate(0deg) scaleX(1);
		transition: transform 0.5s ease;
	}

	.details_paragraph p {
		padding-left: 0 !important;
		font-size: 20px !important;
	}

	.details_paragraph {
		padding-bottom: 50px;
	}

	.details_left_heading h3 {

		text-align: center;

	}

	.details_paragraph-2 p {

		padding: 0px !important;
	}

	.photobanner img {
		width: 330px !important;
	}

	.slide_2_content {
		width: 90%;
	}

	.about-content {

		padding-bottom: 0px;
	}

	.about-content p {
		padding-top: 40px;
	}
}

@media(max-width: 786px) {
	#particles-js {
		display: none;
	}

	#stats,
	.count-particles {
		display: none;
	}

	#starrySky {
		display: none;
	}

	.banner_4_bg {
		background-color: #1364ab;
		padding: 70px 10px;
	}

}

.section__img__inner img {
	/*width: 100%;*/
	/*height: 100%;*/
	/* width: 496px;*/
	/*height: 96%;*/
	object-fit: contain;
	object-position: center;
	padding-top: 80px;
	/* border-radius: 33% 37% 38% 30%!important; */
	margin: 0 auto;
	left: auto;
	/*padding-right: 5rem;*/
	position: relative;
	/*right: 50px;*/
	margin: 0 auto;
	/*width: 100%;*/
	display: flex;
	height: 85vh;
	/*border-top-left-radius: 38%;*/
	/*border-top-right-radius: 40%;*/
	/*border-bottom-left-radius: 38%;*/
	/*border-bottom-right-radius: 36%;*/
}

/*#particles-js {*/
/*	position: absolute;*/
/*	width: 100%;*/
/*	height: 100%;*/
/*	background-image: url("");*/
/*	background-repeat: no-repeat;*/
/*	background-size: cover;*/
/*	background-position: 50% 50%;*/
/*}*/

#stats {
	border-radius: 3px 3px 0 0;
	overflow: visible;
}

.count-particles {
	border-radius: 0 0 3px 3px;
}

.contact_bg {
	position: relative;

}

.contact_form {
	position: relative;
	bottom: 0;
	left: 0;
	right: 0;
}

.contact_bg {
	width: 100%;
	height: 100%;
	background: url(../bg-image/sec1-img-new.jpg) no-repeat 50% 50%;
	background-size: cover;
	background-position: top;
}

.mb-3 {
	margin-bottom: 1rem !important;
	text-align: center;
	color: #ffff;
}

.form-label {
	margin-bottom: 0.5rem;
	color: #fff;
}

.form-control {
	padding: 20px !important;
	border-radius: 15px !important;
}

.form-select {
	padding: 10px !important;
	color: #6c757d !important;
	border-radius: 15px !important;
}

.form_submit button {
	background-color: #006fff;
	padding: 15px;
	font-size: 20px;
	border-radius: 15px !important;
}

.form_submit button:hover {
	background-color: #355277 !important;

}

.map_location iframe {
	width: 100%;
	border-radius: 30px;

}

.location_bg {
	background-color: #000000;
	padding: 70px 0;
}

.call-connection {
	text-align: center;
	color: #ffff;
	padding: 20px;
	font-family: 'Inter', sans-serif;

}

.call-connection h3 {
	margin-top: 20px;
	font-weight: 600;
}

.call-connection a {
	color: #fff;
	text-decoration: none;

}

/* details_page style start  */
.details_banner {
	background-color: #000;
}

.detail_heading {
	text-align: center;
	padding: 70px 0;
	width: 45%;
	margin: 0 auto;
	color: #ffff;
}

.detail_heading p {
	font-size: 18px;
	padding-top: 15px;
	line-height: 1.4;
}

.detail_images img {
	width: 14%;
	height: auto;
}

.detail_banner-2 {
	background-color: #000;
}

.detail_images {
	display: flex;
	justify-content: space-evenly;
	align-items: center;
}

img.d_zoom {
	width: 150px;
	height: 200px;
	/* rotate: 9deg; */
}

.detail_images {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	overflow: hidden;
}

.detail_images img {
	transition: transform 0.5s ease, opacity 0.5s ease;
}

.detail_images {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100vh;
	justify-content: space-evenly;
}

img.d_zoom {
	width: auto;
	height: 40vh;
	padding: 0 25px;
}

.left_side,
.right_side {
	opacity: 1;
	transform: translateX(0);
	transition: opacity 0.2s ease, transform 0.2s ease;
}

.details_left_heading h3 {
	color: #ffff;
	text-align: right;
	/*padding-right: 100px;*/
}

.details_paragraph {
	padding-bottom: 100px;
}

.details_paragraph-2 p {
	color: #ffff;
	font-size: 22px;
	/*padding: 0px 85px 0px 40px;*/
}

.details_paragraph p {
	color: #ffff;
	font-size: 22px;
	/*padding-left: 40px;*/
}

.wrapper {
	width: 100%;
	overflow: hidden;
	/* Hide overflow to avoid horizontal scrollbar */
}

.photobanner {
	position: relative;
	margin-bottom: 80px;
	display: flex;
	width: 100%;
	padding-top: 80px;
	animation: bannermove 50s linear infinite;
}

.photobanner img {
	margin: 0px 100px;
	width: 40%;
}

.copy-wrap {
	color: #fff;
	text-decoration: underline;
	/*padding-left: 40px;*/
}

@keyframes bannermove {
	from {
		left: 0px;
	}

	to {
		left: -2700px;
	}
}

.d_sliders {
	background: url(../details-img/slider_bg.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: cover;
}

h3.Signature-Developments {
	padding: 0;
	text-align: right;
}

@media(max-width: 786px) {
	.detail_heading {
		padding: 25px 20px;
		width: 100%
	}

	.contact_bg {
		height: auto;
	}

	.detail_images {
		height: 55vh;
	}

	h3.Signature-Developments {

		text-align: left;
		padding-bottom: 15px;
	}

	.details_paragraph-2 p {
		font-size: 20px;
	}

	.section__text h2 {
		font-size: 22px;
		padding-top: 30px;
	}

	.section {
		display: block;
		height: auto;
		padding-bottom: 30px;
	}

	.section__img__inner {
		display: none;
	}

	.section__text h3 {
		font-size: 20px;
		width: 100%;

	}

	.section__img {
		display: none;
	}

	.contact ul {
		padding-left: 0;
	}

	.rotate {
		display: none;
	}

	.sec2 .sec2_content .know_more {
		margin-top: 150px;
	}

}

.starry-sky {
	position: absolute;
	width: 100%;
	height: 100%;
	pointer-events: none;
	top: 0;
	display: none;
}

.home .starry-sky {
	display: block;
}


.star {
	position: absolute;
	width: 3px;
	height: 3px;
	background-color: rgb(255, 255, 247);
	border-radius: 50%;
	pointer-events: none;
	transform-origin: center;
	animation: twinkle 4s infinite;
}

.contact ul {
	display: flex;
}

.contact ul li {
	list-style: none;
}

.top-single {
	background: #000;
}

.custom-slider {
	width: 90%;
	margin: auto;
}

.slick-prev,
.slick-next {
	position: absolute;
	line-height: 0;
	top: 50%;
	width: 30px;
	height: 30px;
	display: block;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	border-radius: 50px;
	background: #043e46;
}

.slick-slider {
	user-select: none;
}

.slick-next {
	right: -30px;
}

.slick-prev {
	left: -30px;
}

.slick-next:before {
	content: '\003e';
	font-size: 1.2em;
	font-weight: 1000;
	padding-left: 12px;
	color: white;
}

.slick-prev:before {
	content: '\003c';
	font-size: 1.2em;
	font-weight: 1000;
	padding-left: 9px;
	color: white;
}

textarea {
	height: 150px !important;
}

.page-template-service-tpl {
	background: #000;
}

.section__img {
	margin-top: 20%;
}

#particles-js {
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: #b61924;*/
	background-image: url("");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
}

/*.details_content {*/
/*	margin-top: -10rem*/
/*}*/

.con-mini {
	padding: 50px;
}



/*.map_location { margin-left: 50px !important; margin-right: 50px !important; } */
.con-mini p {
	margin-bottom: 0;
}

.sticky-header {
	color: #fff;
	/*padding: 1em;*/
}

@supports (position: sticky) {
	.is-sticky {
		position: sticky;
		top: 0;
	}
}


.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
	height: 100vh;
	position: sticky;
	left: 16%;
	width: 50%;
	top: 20px;
	mix-blend-mode: multiply;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	/* transition: transform 0.5s ease; */
	margin-bottom: 150px;
}

/*.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner img {*/
/*	padding-right: 2.5rem;*/
/*}*/


.section.active .section__img__inner {
	opacity: 2;
	background-position: 50% 50%;
	filter: blur(0);
}

.mob-img {
	display: none;
}

.ftp-space {
	height: 100px;
}

/*img.d_zoom {*/
/*	width: 236px;*/
/*	height: 40vh;*/
/*	padding: 0 25px;*/
/*	rotate: 12deg;*/
/*}*/
/*.center_zoom {*/
/*    width: 210px !important;*/
/*}*/


@media (min-width: 1800px) {
	/*.section__img__inner img { width: 95% !important; height: 94vh; }*/

}

@media (min-width: 1600px) {

	/*.section__img__inner img { width: 95%; height: 90vh; }*/
	/*.section__img__inner { left: 19%; }*/
	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		margin-right: 18px;
	}

}

.contact_form {
	padding-top: 100px;
}

@media (max-width: 1200px) {

	.connecting h1,
	.charitoo h1,
	.choose_Charitoo>:nth-child(1),
	.projects h1,
	.slide_2_content h1 {
		font-size: 30px;
	}

	.charitoo p,
	.know_more a,
	.slide_2_content p {
		font-size: 18px;
	}

	.charitoo.visible {
		padding: 0;
	}

	.about-bg {
		height: 60vh
	}

	.where_Ideas {
		bottom: auto;
		top: 18rem;
	}

	.detail_heading {
		width: 65%;
	}

	.details_paragraph p,
	.details_paragraph-2 p {
		font-size: 18px;
		padding: 0
	}

	.detail_heading {
		width: 100%;
	}

	.detail_images img {
		width: auto;
	}

	.section__img__inner:after {
		top: 80px;
	}

	.section__img__inner img {
		height: 75vh;
		/*height: 60vh;*/
		/*padding-right: 90px;*/
	}

	br {
		display: none;
	}

	.about-logo img {
		display: none;
	}

	.contact a {
		font-size: 15px;
	}

	.section__text h3 {
		font-size: 25px;
		display: contents;
	}

	.section__text h2 {
		display: block;
	}

	/*.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner img {*/
	/*   	right: 70px;*/
	/*   }*/

}

.about-logo img {
	display: none;
}

.top-single {
	padding-top: 15rem;
}


@media (max-width: 992px) {
	h1 {
		font-size: 25px !important;
	}

	.connecting {
		padding: 0 25px;
		bottom: 40%;
	}

	.rotate img {
		margin-bottom: 50px;
	}

	.rotate:before {
		width: 10rem;
		height: 10rem;
	}

	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		margin-right: 15px;
		width: 74%;
	}

	.charitoo p {
		width: 70%;
	}

	.menu-icon {
		cursor: pointer;
		padding: 20px 30px;
	}

	.slide_2_content {
		width: 60%;
	}

	.slider_content p,
	.f_content :last-child {
		font-size: 18px;
		padding: 0;
	}

	.section__img__inner {
		width: 70%;
	}

	.section__body {
		padding-left: 30px;
	}

	footer {
		padding-bottom: 3px;
	}

	#section1,
	#section2 {
		transform: scale(1) !important;
	}

	.our_vision {
		width: 100% !important;
		padding-top: 0 !important;
	}

	.about-content {
		padding: 0;
	}

	.about-content p,
	.our_vision p {
		font-size: 20px !important;
		width: 100% !important;
		padding-top: 2rem !important;
	}

	.contact {
		padding-top: 0;
		top: auto;
	}

	.contact ul {
		display: flex;
		flex-direction: column;
		align-items: flex-start;
	}


}






@media (max-width: 786px) {
	.charitoo p {
		width: 70%;
	}

	.copyrights {
		text-align: left;
	}

	/*.content-bottom {*/
	/*	padding-bottom: 20px;*/
	/*}*/

	.details_left_heading h3 {
		text-align: left;
	}

	.section>* {
		width: 100%;
	}

	.contact {
		padding-top: 30px;
	}

	.connecting p {
		font-size: 22px;
	}
}

@media (max-width: 560px) {
	.launch-projects a {
		font-size: 14px;
	}

	.connecting p {
		font-size: 19px;
	}

	.charitoo p {
		width: 100%;
		font-size: 16px;
	}

	.know_more a {
		font-size: 15px;
	}

	h1 {
		font-size: 30px !important;
	}

	.charitoo p {
		width: 90%;
	}

	.choose_Charitoo h2 {
		font-size: 22px;
		line-height: 38px;
		margin-bottom: 0;
	}

	.choose_Charitoo h3 {
		font-size: 22px;
	}

	.slide_2_content {
		width: 100%;
	}

	.about-bg {
		height: 70vh
	}

	.where_Ideas {
		bottom: auto;
		top: 18rem;
	}

	.launch-projects_2 a {
		font-size: 15px;
	}

	.f_logo img {
		width: 80%;
	}

	.mob-img {
		display: block;
		text-align: center;
	}

	.mob-img img {
		width: 100% !important
	}

	.side_slide {
		margin-top: 100px;
	}

	.contact_form {
		padding-top: 50px;
	}

	.section__body {
		display: flex;
		justify-content: flex-start;
		flex-direction: column;
	}

	.section__text {
		padding-top: 10px;
		text-align: center;
	}

	.hid-mob {
		display: none;
	}

	.our_vision,
	.about-content p,
	.our_vision p {
		padding-top: 0 !important;
		width: 100% !important;
	}

	.contact_form .container .row {
		width: 100%;
		margin: 0 auto;
	}

	.f_content p a {
		color: #fff !important;
	}

	.f_content {
		border-bottom: 1px solid #ffffff26;
	}

	.contact ul {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}

	.zoom {
		display: none;
	}

	.connecting {
		bottom: 25%;
	}

	.hid-mob {
		display: none
	}

	.section__text,
	.section__body {
		padding-left: 0
	}

}


.left_side img {
	width: 160px;
	height: 302px;
	margin-right: 5px;
}


.right_side img {
	width: 160px;
	height: 302px;
	margin-right: 5px;
}

.d_zoom img {
	background-color: #000000;
}

.d_zoom img {
	width: 350px;
	height: 12rem;
	object-fit: cover;
}

.details_paragraph {
	padding-bottom: 100px;
	margin-top: -19rem !important;
}

@media(max-width: 786px) {

	.right_side,
	.left_side {
		display: none !important;
	}

	.detail_images {

		margin-top: 6rem;
	}

	.hide-mob {
		display: none;
	}

	.con-mini {
		margin-top: 100px !important;
	}

	.f_logo img {
		width: 50%;
		margin-top: 0;
	}

	.mob-img {
		display: block;
	}

	.mob-img img {
		width: 100%;
	}

	.mob-img-wra {
		text-align: center;
	}

	.hid-mob {
		display: none;
	}

	.section__text {
		padding-top: 0;
		padding-bottom: 60px;
	}

	.know_more {
		margin-top: 10px;
	}

	.side_slide {
		margin-top: 10rem;
	}

	.section__body {
		padding-left: 0px;
	}
}

.detail_banner-2 {
	overflow: hidden;
}

.detail_images {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	height: 100vh;
	overflow: visible;
	margin-top: 15rem;
}

.position-absolute {
	position: absolute !important;
	z-index: 2;
	color: #fff;
	left: 0;
	margin-top: -19rem;

	left: 0;
	font-size: 22px;
}

.imperium-sec {
	background-color: #000;
	color: #fff;
	padding-top: 60px;
}

.Signature-Developments {
	padding-right: 5rem !important;
}

.left_side:first-child {
	margin-right: 20px;
}

.d_zoom img {
	width: 400px;
	object-fit: cover;
	height: 20rem;
}

.ps-0 {
	padding: 0 !important;
}

@media(max-width: 700px) {
	.d_zoom img {
		width: 175px;
		object-fit: cover;
		height: 18rem;
	}
}

@media(max-width: 800px) {

	.left_side,
	.right_side {
		display: none;
	}
}

.left_side,
.right_side {
	display: flex !important;
	gap: 20px;
}


@media (max-width: 960px) and (orientation: landscape) {
	.slider_bg_image {
		min-height: 25rem;
		display: flex;
		display: -webkit-box;
		padding: 0 15px;
	}
}




/*my style*/


@media (max-width: 803px) {
	.section__img {
		justify-content: space-between;
	}

	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		width: 90%;
	}

	.section__img__inner img {
		width: 384px;
		right: 50px;
	}

	.section {
		display: flex;
		/*height: 70vh;*/

	}

	.section__img__inner img {

		object-fit: contain;
		object-position: center;
		padding-top: 80px;

		margin: 0 auto;
		left: auto;

		position: relative;

		margin: 0 auto;

		display: flex;
		height: 85vh;
		/*top: 165px;*/
	}

	.copyrights {
		padding: 15px 29px;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	.section__img__inner {
		width: 70%;
	}

	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		width: 70%;
	}

	.section__img__inner img {
		width: 278px;
		top: 10px;
	}

	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		margin-right: 40px;
	}

	.section__img__inner img {
		height: 91vh;
	}
}



@media only screen and (min-width: 993px) and (max-width: 1399px) {
	.section__img__inner img {
		height: 69vh;
		margin-top: 60px;

		margin-bottom: 0;
	}

	.section__text h3 {
		font-size: 30px;

	}

	/*.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {*/
	/*	width: 87%;*/

	/*}*/
	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		width: 100%;

	}

	.section__img {
		margin-top: 25%;
	}

}



.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output,
.wpcf7 form.sent .wpcf7-response-output {
	color: #ffffff !important;
}





@media only screen and (min-width: 1600px) and (max-width: 1920px) {

	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		width: 55%;
	}

}






.cta-cont {
	text-align: center;
	position: relative;
	z-index: 999;
}


.close-icon {
	display: none;
}

@media (max-width: 992px) {
	.close-icon {
		position: absolute;
		top: 15px;
		left: 200px;
		z-index: 555;
	}

	.close-icon {
		display: block;
		cursor: pointer;
	}

	.fa-2x {
		color: #fff
	}
}

.form_submit button {
	background-color: #006fff;
	padding: 15px;
	font-size: 20px;
	border-radius: 15px !important;
}

/* .contact_form .container .row {
	width: 95%;
	margin: 0 auto;
} */

.section__img__inner {
	height: 100vh;
	position: fixed;
	left: 0;
	width: 66%;
	top: 50px;
	mix-blend-mode: multiply;
	background-size: 50%;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	transition: transform 2.5s ease;
}

@media screen and (min-width: 1399px) {
	.section.sev-sec.sticky-header.is-sticky:last-child .section__img__inner {
		width: 164%;
	}

	.section__img__inner img {
		/* width: 100%; */
		/* height: 100%; */
		width: 1205px;

	}

	.section__img__inner {
		height: 100vh;
		position: fixed;
		left: -206px;

	}

}

.section__text h3 {
	padding-bottom: 40px;
	font-size: 25px;
	width: 560px;
	color: #7a7a7a;
	font-family: 'Inter', sans-serif;
	font-weight: 600;
	line-height: 40px;
}

.zoom_first_text p {
	color: #fff;
	font-size: 21px;
	padding-top: 30px;
}

.about-content h2 {
	font-size: 50px !important;
	font-weight: 500 !important;
}

.our_vision ul li {
	font-size: 30px;
	line-height: 65px;
	font-family: 'Inter';
}

.know-more-btn {
	color: #878787;
}

.know-more-btn .about-content {
	padding-bottom: 30px;
}

.contact_form h3 {
	font-size: 20px;
	font-family: 'Inter';
	padding: 50px;
	width: 700px;
	margin: 0 auto;
}

.icon-fixed ul li {
	line-height: 90px;
}

.icon-fixed {
	position: fixed;
	z-index: 9;
	bottom: 100px;
	right: 20px;
}
.know-more-common {
    background: #006fff;
    color: #fff;
    padding: 10px 40px 10px;
    font-size: 20px;
    margin: 0;
    text-decoration: none;
    border-radius: 10px;
    box-shadow: 3px 0px 27px 9px rgb(26 115 232 / 26%);
    transition: 0.5s;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 2px;
}

.know-more-common:hover {
    background: #355277;
    color: #fff;
}
.know-more-common:hover {
    box-shadow: none;
    transition: 0.5s;
}

.services-hero {
  background: linear-gradient(
      rgba(11, 46, 92, 0.75),
      rgba(11, 46, 92, 0.75)
    ),
    url('/wp-content/uploads/services-banner.jpg') center / cover no-repeat;
  padding: 100px 20px;
  color: #fff;
}

.services-hero-content {
  max-width: 800px;
}

.services-hero h1 {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 20px;
}

.services-hero p {
  font-size: 18px;
  line-height: 1.7;
  margin-bottom: 30px;
  opacity: 0.95;
}

.hero-cta {
  display: inline-block;
  padding: 14px 32px;
  background: #ffffff;
  color: #0b2e5c;
  font-weight: 600;
  border-radius: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
}

.hero-cta:hover {
  background: #f2f2f2;
  transform: translateY(-2px);
}

/* Responsive */
@media (max-width: 768px) {
  .services-hero {
    padding: 70px 20px;
  }

  .services-hero h1 {
    font-size: 30px;
  }

  .services-hero p {
    font-size: 16px;
  }
}