@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600;700;800;900;1000&display=swap");

@import url("https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap");

* {
	padding: 0;

	margin: 0;

	box-sizing: border-box;

	font-family: "Inter", sans-serif;
}

/* 	font-family: 'Inter', sans-serif; */

/* font-family: '-apple-system','BlinkMacSystemFont',"Segoe UI",Roboto,"Helvetica Neue",Arial,'sans-serif',"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol"; */

html ------------------- .floating {
	position: fixed;

	width: 60px;

	height: 60px;

	bottom: 40px;

	right: 40px;

	background-color: #25d366;

	color: #FFF;

	border-radius: 50px;

	text-align: center;

	font-size: 30px;

	box-shadow: 2px 2px 3px #999;

	z-index: 100;
}

.float-button {
	margin-top: 16px;
}

---------------------------------- {
	scroll-behavior: smooth;
}

:root {
	--heading-color: #0F1723;

	--paragraph-color: #222525;

	--main-color: #d9f7fc;

	--smallheading-color: #062984;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Inter", sans-serif;
}

.main_wrapper {
	width: 100%;

	position: relative;
}

.black_shadow {
	position: fixed;

	height: 100vh;

	width: 100%;

	z-index: 5;

	background: rgba(0, 0, 0, 0.6);

	display: none;
}

/* 

*************************

	HEADER & HERO CSS

************************* */

.header_menu {
	width: 100%;

	background: #ffffff;

	padding: 10px 0px;

	display: flex;

	justify-content: space-evenly;

	align-items: center;
}

.logo {
	width: 30%;

/* 	text-align: center; */
}

.logo img {
	width: 15rem;
}

/*.menu*/

/*{*/

/*	width: 60%;*/

/*}*/

.menu ul {
	text-align: center;

	list-style-type: none;
	margin-bottom: 0px !important;
}

.menu ul li {
	display: inline-block;

	padding: 10px 15px;

	margin: 0px 10px;
}

.menu ul li a {
	text-decoration: none;

	color: #000;

	font-size: 18px;

	transition: 0.2s all linear;

	font-family: segoe ui !important;
}

.menu ul li a:hover {
	color: #0345bf;
	font-weight: 500;
}

.hero_section {
	width: 100%;

	height: 85vh;

	position: relative;
}

/* .gr_hero

{

	height: 40rem !important;

} */

.ab_hero #headerimg {
	object-fit: cover !important;
}

.gr_hero #headerimg {
	height: 100% !important;
}

.gr_hero #vector {
	bottom: -1px !important;
}

.gr_hero .heading {
	top: 35% !important;

	left: 12% !important;

	z-index: 3;
}

.hero_section #headerimg {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.hero_section #vector {
	position: absolute;

	width: 100%;

	height: auto;

	bottom: -1px;

	left: 0px;

	z-index: 2;
}

.hero_section #headerlayer {
	position: absolute;

	height: 100%;

	top: 0px;

	left: 0px;

	overflow: hidden;

	z-index: 1;

	width: 50%;
}

.heading {
	position: absolute;

	top: 30%;

	left: 8%;

	z-index: 3;
}

.heading h1 {
	font-size: 80px;
}

.open {
	display: none;
}

.open i {
	font-size: 30px;

	cursor: pointer;
}

.close {
	position: relative;

	left: 5%;

	top: 2%;

	width: 100%;

	display: none;

	cursor: pointer;
}

.close i {
	font-size: 25px;
}

/* 

*************************

	BLOCKS SECTION CSS

************************* */

.blocks_section {
	width: 100%;

	margin: 5% auto;
}

.large_block {
	max-width: 66rem;

	height: 28rem;

	display: flex;

	justify-content: space-around;

	align-items: center;

	border-radius: 10px;

	background: #D9F7FC;

	margin: 0px auto;
}

.image_side,
.content_side {
	overflow: hidden;

	position: relative;

	max-width: 45%;

	overflow: hidden;

	position: relative;

	flex-basis: 50%;
}

.image_side {
	height: 100%;
}

.image_side #cityimg {
	width: 100%;

	height: 100%;

	display: block;

	border-radius: 10px 0px 0px 10px;
}

.image_side #imagelayer {
	position: absolute;

	right: 0px;

	top: 0px;

	display: block;

	height: 100%;
}

.image_side #imagelayertwo {
	position: absolute;

	left: 0px;

	bottom: 0px;

	display: block;

	width: 100%;
}

.content_side h1 {
	margin-bottom: 28px;

	font-size: 35px;

	color: #0F1723;
}

.content_side p {
	font-weight: 500;

	font-size: 16px;

	color: #222525;
}

#block_paragraph {
	line-height: 35px;

	margin-top: 15px;
}

.link {
	margin-top: 25px;
}

.link a {
	font-weight: 700;

	font-size: 24px;

	color: #184A64;
}

.split_blocks {
	max-width: 66rem;

	margin: 30px auto 0px auto;

	flex-wrap: wrap;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;
}

.block {
	width: 32rem;

	height: 44rem;

	border-radius: 10px;

	background: #D9F7FC;

	margin-bottom: 25px;
}

.split_block_img {
	width: 30rem;

	height: 29rem;

	position: relative;

	margin: 0px auto;

	overflow: hidden;

	border-radius: 10px 10px 0px 0px;
}

.split_block_img #blockimg {
	width: 100%;

	height: 100%;

	object-fit: cover;
}

.split_block_img #split_layer {
	position: absolute;

	bottom: 0px;

	left: 0px;

	display: block;

	width: 100%;
}

.split_block_content {
	width: 80%;

	margin: 20px auto 0px auto;
}

.split_block_content h1 {
	color: #0F1723;

	font-size: 35px;

	margin-bottom: 10px;
}

.split_block_content p {
	font-weight: 500;

	color: #222525;

	line-height: 25px;
}

.split_block_content .link {
	margin-top: 10px;
}

/* 

*************************

	FOOTER SECTION CSS

************************* */

.profile_block_one button a {
	text-decoration: none;

	color: ghostwhite;
}

.footer_section {
	width: 100%;

	height: auto;

	position: relative;

	overflow: hidden;
}

.footer_section #footerimg {
	width: 100%;

	height: 100vh;

	display: block;
}

#footervector {
	position: absolute;

	top: -2px;

	left: 0px;

	width: 100%;

	display: block;
}

.profile_block {
	width: 50rem;

	height: 30rem;

	position: absolute;

	right: 14%;

	top: 22%;

	display: flex;

	justify-content: space-between;

	align-items: center;
}

.profile_block_one {
	width: 55%;

	height: 100%;

	background: #fff;

	border-radius: 10px 0px 0px 10px;

	display: flex;

	justify-content: center;

	flex-direction: column;

	align-items: center;

	gap: 8%;

	text-align: center;
}

.profile_block_one p {
	color: #062984;

	font-size: 20px;

	font-weight: 600;
}

.profile_block_one h1 {
	color: #0F1723;

	font-size: 38px;
}

.profile_block_one button {
	width: 50%;

	height: 3rem;

	background: #184A64;

	border-radius: 5px;

	border: none;

	color: #fff;

	font-weight: 700;

	font-size: 16px;

	text-transform: uppercase;

	cursor: pointer;
}

.profile_block_two {
	width: 45%;

	height: 100%;

	text-align: center;

	background: #D9F7FC;

	border-radius: 0px 10px 10px 0px;

	display: flex;

	justify-content: center;

	align-items: center;

	gap: 5%;

	flex-direction: column;
}

.profile_block_two img {
	width: 180px;
}

.profile_block_two h1 {
	font-size: 22px;
}

.profile_block_two p {
	font-weight: 600;
}

.profile_block_two #phone {
	font-weight: 700;

	font-size: 16px;
}

.social {
	width: 40%;

	margin: 0px auto;

	display: flex;

	justify-content: space-around;

	align-items: center;
}

.social i {
	font-size: 28px;
}

.social a {
	text-decoration: none;

	color: black;
}

/* 

*************************

	NEW PAGE CSS

************************* */

.content_wrapper {
	width: 85rem;

	margin: 5% auto 15% auto;

	position: relative;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;
}

.side_bar {
	width: 20rem;
}

.measure p {
	margin-bottom: 15px;
}

.open_contact_link {
	display: none;
}

.closearrow {
	display: none;
}

.content_area {
	width: 55rem;
}

.pop_up {
	left: 50%;

	position: fixed;

	top: 50%;

	transform: translate(-50%, -50%);

	width: 75%;

	margin: 0px auto;

	text-align: center;

	background: #e0f8fc;

	padding: 5%;

	border: none;

	border-radius: 15px;

	z-index: 9;

	display: none;

	transition: 0.5s all linear;
}

.pop_up div {
	margin-bottom: 5%;
}

.pop_up h1 {
	font-size: 21px;

	margin-bottom: 10px;
}

.pop_up p {
	font-weight: 500;

	font-size: 15px;
}

.pop_up .telephone p {
	font-size: 21px !important;

	font-weight: 600;
}

.pop_up .bar {
	width: 60%;

	margin: 0px auto 5% auto;
}

.pop_up .contact_button {
	margin-bottom: 0%;
}

.pop_up .contact_button button {
	width: 40%;

	font-size: 16px;
}

.side_bar {
	transition: 0.5s all linear;
}

.side_bar div {
	margin-bottom: 4rem;
}

.side_bar h1 {
	font-size: 21px;

	margin-bottom: 15px;

	color: #0F1723;
}

.side_bar p {
	font-size: 16px;

	font-weight: 500;

	color: #222525;
}

.telephone p {
	font-size: 21px !important;

	font-weight: 600;
}

.bar {
	width: 100%;

	height: 2px;

	background-color: #c3c3c3;
}

.contact_button {
	width: 100%;
}

.contact_button button {
	width: 80%;

	height: 3.5rem;

	background: #184A64;

	color: #ffffff;

	font-size: 21px;

	font-weight: 600;

	letter-spacing: 1px;

	border-radius: 10px;

	border: none;

	cursor: pointer;

	text-transform: uppercase;
}

.content_area #content_paragraph {
	font-size: 21px;

	font-weight: 500;

	line-height: 2.5rem;

	margin-bottom: 4rem;
}

.content_area h1 {
	font-size: 21px;
}

#content_area_heading {
	font-size: 21px;

	margin-bottom: 6rem;
}

.team {
	display: flex;

	justify-content: space-around;

	align-items: center;

	flex-wrap: wrap;
}

.team_block {
	width: 45%;

	border-radius: 5px;

	border: 1px solid rgba(34, 37, 37, 0.3);

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	height: 10rem;

	padding-top: 2.5%;

	padding-right: 2%;

	margin-bottom: 15px;
}

.team_block .team_img {
	width: 20%;

	text-align: center;
}

.team_block .team_img img {
	width: 50px;
}

.detail {
	width: 75%;
}

.detail h1 {
	margin-bottom: 10px;

	color: var(--heading-color);
}

.detail p {
	font-size: 16px;

	color: var(--paragraph-color);
}

.process {
	margin-top: 10px;

	margin-bottom: 5%;
}

.process h1,
.result h1 {
	margin-bottom: 5%;

	color: var(--header-color);
}

.process p,
.result p {
	color: var(--paragraph-color);

	font-size: 16px;

	font-weight: 500;
}

.album_wrapper {
	width: 100%;

	background: var(--main-color);

	position: relative;

	padding: 15% 0px;
}

#expvector {
	position: absolute;

	top: 0px;

	left: 0px;

	width: 100%;
}

.album_container {
	width: 80rem;

	margin: 0px auto 15% auto;
}

.album_heading {
	width: 100%;

	text-align: center;
}

.album_heading p {
	color: var(--smallheading-color);

	font-size: 21px;

	margin-bottom: 5%;
}

.album_heading h1 {
	color: var(--heading-color);

	font-size: 45px;

	margin-bottom: 5%;
}

.album,
.row {
	width: 100%;
}

.row {
	display: flex;

	justify-content: space-between;

	align-items: flex-start;
}

.wide_img {
	width: 52rem;

	height: 29rem;

	border-radius: 10px;

	border: none;

	overflow: hidden;
}

.wide_img img,
.short_img img {
	width: 100%;

	height: 100%;

	object-fit: cover;

	display: block;
}

.short_img {
	width: 25rem;

	height: 29rem;

	border: none;

	overflow: hidden;

	border-radius: 10px;
}

.testimonials {
	width: 40rem;

	margin: 0px auto;

	text-align: center;
}

.testimonials img {
	width: 132px;

	text-align: center;

	margin-bottom: 5%;
}

#review {
	font-family: "DM Sans", sans-serif;

	font-weight: 400;

	font-size: 35px;

	margin-bottom: 5%;
}

#designation {
	font-size: 21px;

	font-weight: 600;
}

/* ****************

ABOUT US SECTION

**************** */

.about_us {
	width: 100%;

	background: var(--main-color);

	padding: 5% 0px;
}

.about_us p {
	width: 53rem;

	margin: 0px auto 15px auto;

	font-size: 21px;

	font-weight: 700;
}

.our_team {
	width: 85rem;

	margin: 8% auto;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;
}

.our_team .team_content {
	width: 30rem;
}

.our_team .team_content h1 {
	font-size: 45px;

	font-weight: 600;

	margin-bottom: 4%;

	color: var(--heading-color);
}

.our_team .team_content p {
	font-size: 21px;

	font-weight: 500;

	font-family: DM sans;

	color: var(--paragraph-color);
}

.our_team .team_content span {
	margin-bottom: 5px;
}

.our_team .team_img {
	width: 50rem;
}

.our_team .team_img img {
	width: 100%;

	display: block;
}

.counter_section {
	width: 100%;

	background: #184A64;

	padding: 10% 0px;
}

.counter_section_container {
	width: 84rem;

	margin: 0px auto;
}

#counter_p {
	font-size: 21px;

	font-weight: 700;

	color: #fff;
}

#counter_head {
	font-size: 45px;

	font-weight: 600;

	color: #fff;

	margin-top: 5%;
}

.countdown_container {
	width: 100%;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	margin-top: 8%;
}

.countdown {
	width: 25rem;
}

.countdown h1 {
	font-size: 80px;

	font-weight: 700;

	color: rgba(255, 255, 255, 0.3);
}

.countdown p {
	color: #fff;
}

#countdown_p {
	margin-top: 10%;
}

/************************

	FUTURE SECTION 

************************/

.fr_head .heading h1 {
	font-size: 60px;
	color: white;
	text-shadow: 0px 0px 10px black;
}

.future_content_section {
	width: 85rem;

	margin: 10% auto 20% auto;
}

.future_content_section #smallhead {
	color: var(--smallheading-color);

	margin-bottom: 15px;

	font-size: 21px;
}

.future_content_section h1 {
	font-size: 70px;

	color: var(--heading-color);

	margin-bottom: 5%;
}

.future_content_section #blue {
	color: #3E7E9F;
}

.company_plan {
	width: 90%;

	margin: 250px auto 50px auto;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;

	flex-wrap: wrap;
}

.plan {
	width: 30%;

	margin-bottom: 15%;
}

.plan img {
	width: 75px;

	height: 75px;

	margin-bottom: 10%;
}

.plan h3 {
	margin-bottom: 10%;

	font-size: 21px;
}

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

.future_album {
	background: transparent !important;

	padding: 0% 0px;
}

/* 

******************

	CONTACT US 

****************** */
.contact_main_head {
	margin: 5% auto 0px auto;
	text-align: center;
	font-weight: 800;
}
.contact_us {
	width: 85rem;

	margin: 10% auto;

	display: flex;

	justify-content: space-between;
}

.contact_info {
	width: 25rem;

	text-align: center;
}

.contact_info img {
	width: 80px;
	margin-bottom: 15px;
}

.contact_info #contact_info_heading {
	font-size: 21px;

	font-weight: 600;

	text-align: center;
}

.contact_info p {
	font-size: 16px;

	font-family: DM sans;

	font-weight: 500;
}
#email {
	font-weight: 800;
}

.contact_info p a {
	text-transform: lowercase;

	color: #184A64;
}

.form_section {
	width: 100%;

	background: var(--main-color);

	padding: 10% 0%;
}

.form_container {
	width: 70rem;

	margin: 0px auto;

	display: flex;

	justify-content: space-between;

	align-items: flex-start;
}

.form_content_section,
.form {
	width: 32rem;
}

.form {
	height: 41rem;

	background: #fff;

	border-radius: 10px;

	border: none;

	padding: 4%;
}

form {
	width: 90%;

	margin: 0px auto;
}

.field {
	width: 100%;

	margin-bottom: 20px;
}

.field p {
	font-size: 16px;

	font-weight: 700;

	margin-bottom: 10px;

	color: var(--heading-color);
}

.field .inputfield {
	width: 100%;

	border-radius: 5px;

	border: 1px solid rgba(15, 23, 35, 0.3);

	background: #FFF;

	outline: none;

	height: 3rem;

	padding: 0px 20px;
}

.textarea .inputfield {
	height: auto;
}

.form_btn {
	width: 100%;
}

.form_btn button {
	font-size: 16px;

	font-weight: 700;

	width: 100%;

	background: #184A64;

	height: 3.5rem;

	border-radius: 4px;

	border: none;

	color: #fff;

	cursor: pointer;
}

.our_brand {
	display: flex;

	justify-content: space-between;

	align-items: center;

	width: 100%;

	flex-wrap: wrap;
}

.our_brand img {
	width: 150px;

	margin-bottom: 10px;
}

#form_mini_heading {
	color: var(--smallheading-color);

	font-size: 21px;

	margin-bottom: 15px;

	font-weight: 600;
}

.form_content_section h1 {
	font-size: 36px;

	color: var(--heading-color);

	margin-bottom: 5%;
}

.form_content_section p {
	font-size: 21px;
}

#mini_para {
	font-family: DM sans;

	font-weight: 600;

	margin-bottom: 15%;
}

footer {
	background: #171717;

	display: flex;

	justify-content: space-between;

	align-items: center;

	padding: 0px 0px 0px 15rem;

	position: relative;

	height: 5rem;
}

footer p {
	color: ghostwhite;

	font-size: 14px;
}

footer .up_arrow {
	position: fixed;

	right: 25px;

	bottom: 15px;
	z-index: 9;
}

footer .up_arrow i {
	color: ghostwhite;

	padding: 10px;

	background: #333333;

	font-size: 18px;

	cursor: pointer;

	border-radius: 5px;

	border: none;

	box-shadow: 0 0 2px black;
}

.embed_video {
	width: 66rem;
	max-width: 80%;
	margin: 0px auto 5% auto;
	height: 80vh;
}
.embed_video iframe {
	width: 100%;
	height: 100%;
}

.whatsapp-button {
	position: fixed;

	bottom: 350px;

	right: 20px;

	z-index: 99999999999999;

	background-color: #25d366;

	border-radius: 50px;

	color: #ffffff;

	text-decoration: none;

	width: 50px;

	height: 50px;

	font-size: 30px;

	display: flex;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	-webkit-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);

	-moz-box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);

	box-shadow: 0px 0px 25px -6px rgba(0, 0, 0, 1);

	animation: effect 5s infinite ease-in;
}