* {



	margin: 0;



	padding: 0;



	box-sizing: border-box;



}







html {



	overflow-x: hidden;



}







body {



	font-family: 'Lato', sans-serif;



	overflow-x: hidden;



	font-weight: 400;



	color: #282727;



}







a {



	text-decoration: none;



	-moz-transition: all .3s ease-in-out;



	-webkit-transition: all .3s ease-in-out;



	transition: all .3s ease-in-out;



}







a:hover {



	text-decoration: none;



}



.btn-theme {

	display: inline-block;

	padding: 15px 40px;

	border-radius: 200px;

	color: #fff;

	box-shadow: 0px 12px 24px -8px rgb(34, 119, 246);

	background: #2277f6;

	border-color: #2277f6;

	border-width: 1px;

}



.btn-theme:hover {

	color: #fff;

	background: #3988ff;

	border-color: #3988ff;

}



main {

	background-color: #000000;

	position: relative;

}



main .banner-content {

	position: relative;

	padding-block: 35px 155px;

	display: flex;

	flex-direction: column;

	align-items: baseline;

	gap: 70px;

	z-index: 2;

	color: #ffffff;

}





main .banner-content .banner-heading {

	font-size: 50px;

	line-height: 120%;

	padding-block: 10px;

	font-weight: 700;

}



main .banner-content .banner-heading a:hover {

	text-decoration: underline;

	color: #3988ff;

}



main .banner-content .banner-heading a {

	color: #2277f6;

}



main .banner-content .banner-sub-heading {

	font-size: 26px;

	letter-spacing: 0.01rem;

	line-height: 130%;

}



main .banner-content .btn-theme {

	padding: 25px 40px;

}



main .banner-content .logo-img img {

	width: 420px;

	max-width: 100%;

}



main .banner-video {

	position: absolute;

	width: 100%;

	height: 100%;

	left: 0;

	top: 0;

	z-index: 1;

	overflow: hidden;

}



main .banner-video .background-video {

	object-fit: cover;

	width: 100%;

	height: 100%;

	object-position: center;

}



main .banner-video::after {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #00000070;
	z-index: 0;
}



.video-section-one p {

	font-size: 22px;

}



.video-section-one .video-one-text {

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

}



.video-section-one .video-one-text h2 {

	font-size: 2rem;

	font-weight: 700;

}



.video-section-one .video-one-text p {

	font-size: 22px;

}



.video-section-one .frame-outer {

	background-color: #e7e2e2;

	padding: 10px;

}


.video-frame-one .mute-wrapper,
.video-frame-two .mute-wrapper,
.video-frame-three .mute-wrapper {

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	display: flex;

	justify-content: center;

	align-items: center;

	font-size: 2.5rem;

	color: #fff;

	z-index: 222;

}

[class*="video-frame"] {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}


.video-container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}




.video-section-two {

	background-color: #000000;

	color: #fff;

}



.video-section-two .video-two-text {

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 20px 80px;

}



.video-section-two .video-two-text h2 {

	font-size: 30px;

	font-weight: 400;

}



.video-section-two .video-two-text p {

	font-size: 20px;

}



.video-section-two .video-two-text .btn-theme {

	align-self: center;

}



.video-section-two .frame-outer{

	padding: 20px;

}


.card-one-section .card-one-row {

	background-color: #000000;

	color: #fff;

	padding-block: 40px;

}



.card-one-section .card-one {

	text-align: center;

	padding: 15px 25px;

	display: flex;

	flex-direction: column;

	gap: 1.25rem;

}



.card-one-section .card-one .card-one-title {

	font-size: 30px;

	margin-bottom: 0;

}



.card-one-section .card-one .card-one-text {

	margin-bottom: 0;

	font-size: 20px;



}



.card-one-section .card-one .card-one-img img {

	width: 100px;

	max-width: 100%;

}



.section-heading {

	padding-block: 45px 55px;

	text-align: center;

	font-size: 50px;

	font-weight: 700;

}



.step-section .setp-img {

	padding: 20px;

	border-radius: 5px;

	background-color: #fff;

	box-shadow: 0 0 20px 2px #00000024;

}



.step-section .setp-img img {

	width: 100%;

}



.step-section .step-heading {

	font-size: 2.55rem;

	margin-bottom: 0;

	font-weight: 700;

	letter-spacing: 0.02rem;

}



.step-section .step-heading b {

	font-weight: 900;

}



.step-section p {

	font-size: 20px;

}



.step-section .divider-line {

	height: 1px;

	width: 80px;

	background-color: #000000;

	margin-block: 15px 20px;

}





.video-section-three .container {

	background-color: #000000;

	color: #fff;

	padding-block: 20px;

}



.video-section-three .video-three-text {

	height: 100%;

	display: flex;

	flex-direction: column;

	justify-content: center;

	padding: 20px 80px;

}



.video-section-three .video-three-text h2 {

	font-size: 2rem;

	font-weight: 700;

}



.video-section-three .video-three-text p {

	font-size: 22px;

}



.video-section-three .video-three-text .btn-theme {

	align-self: center;

}


.video-section-three .frame-outer {

	background-color: #e7e2e2;

	padding: 10px;

}




.contact-section p {

	font-size: 22px;

}



.contact-section h2 {

	font-size: 2rem;

}



.photo-bg-section {

	background-color: #00000085;

	padding-block: 65px;

	position: relative;

	color: #fff;

}



.photo-bg-section::before {

	content: "";

	position: absolute;

	top: 0;

	left: 0;

	height: 100%;

	width: 100%;

	background: url(../images/bg-footer.webp) center center no-repeat;

	background-size: cover;

	z-index: -1;

}



.photo-bg-section h2 {

	font-size: 3rem;

}



.photo-bg-section p {

	font-size: 1.5rem;

}





.footer {

	padding-block: 65px;

	background-color: #000000;

	color: #fff;

	text-align: center;

}



.modal .modal-header {

	position: relative;

}



.modal .modal-header .close-btn {

	position: absolute;

	right: -25px;

	top: -25px;

	background-color: #ffffff;

	border: none;

	color: #0e0e0e;

	width: 40px;

	height: 40px;

	box-shadow: 0 0 5px 2px #00000024;

	border-radius: 50%;

}



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



	.video-three-text,

	.video-two-text {

		padding: 20px 20px !important;

	}



	main .banner-content {

		padding-block: 35px 45px;

		gap: 40px;

	}

	.section-heading {
		font-size: 30px;
	}

	.step-section .step-heading {
		font-size: 26px;
		letter-spacing: 0;
		line-height: 140%;
	}

	.step-section p {
		font-size: 18px;
	}

	.step-section .setp-img {
		box-shadow: 0 0 10px 1px #0000001a;
	}

	.step-section .row:not(:first-of-type) [class*="col-"]:has(.setp-img) {
		margin-top: 32px;
	}

	.card-one-section .card-one .card-one-title {
		font-size: 26px;
	}

	.card-one-section .card-one .card-one-text {
		font-size: 18px;
	}

	.video-section-one .video-one-text h2 {
		font-size: 26px;
	}

	.video-section-one .video-one-text h2 {
		font-size: 26px;
	}

	main .banner-content .banner-heading {
		font-size: 34px;
	}

	main .banner-content .banner-sub-heading {
		font-size: 22px;
	}
}


.thank-you-section{
	min-height: 100vh;
	background: url(../images/bgfunl.png);
	background-position: bottom center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
}