* {







	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;



	background-color: #07051d;







}















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;



	text-shadow: -2px 2px 0 #303030,

		2px 2px 0 #303030,

		2px -2px 0 #303030,

		-2px -2px 0 #303030;



}







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;



	color: #fff;



}



.step-section h2, .step-section h3, .step-section p{

	color: #fff;

}

.contact-section h2, .contact-section p{

	color: #fff;

}







.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: #07051d;



	color: #fff;







}







.card-one-section .card-one {



    text-align: center;

    padding: 45px 25px;

    display: flex;

    height: 100%;

    flex-direction: column; 



}



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

    margin-bottom: 1.25rem;

}





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



    font-size: 22px;

    margin-bottom: 1.25rem;

}







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

    margin-bottom: 0;

    font-size: 17px;

    text-align: left;

}





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



	 width: auto;

    max-width: 100%;

    height: 20px;



}







.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/CAR_BG.jpg) center center no-repeat;



	background-size: cover;



	z-index: -1;



}



.platinum_bg_img {

    background: url(../images/platinum_background.png) center center no-repeat;

    background-size: cover;

}

.gold_bg_img {

    background: url(../images/gold_background.png) center center no-repeat;

    background-size: cover;

}

.silver_bg_img {

    background: url(../images/silver_background.png) center center no-repeat;

    background-size: cover;

}





.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;



}



.footer p {



	margin-bottom: 0;



}



.footer a {



	color: #fff;



}



.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%;



}



.space-button {

	margin-top: 8px;

}



@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-position: center 90px;

    background-size: cover;

    background-repeat: no-repeat;

    display: flex;

    flex-direction: column;

}



.video-thank-you {

	position: relative;

}



.video-thank-you .vid-mute-wrapper {

	position: absolute;

	width: 100%;

	height: 100%;

	top: 0;

	left: 0;

	background-color: #00000063;

}



.video-thank-you .vid-mute-wrapper .unmute-icon {

    font-size: 3rem;

    color: white;

    padding: 15px;

    position: absolute;

    top: 50%;

    left: 50%;

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

    cursor: pointer;

}



.help-section {

	padding-block: 65px 35px;

	position: relative; 

}



.help-section::before {

	position: absolute;

	content: "";

	width: 100%;

	height: 50%;

	top: 0;

	left: 0;

	background-color: #eeeeee;

	z-index: -1;

}



.help-section h2 {

	font-size: 3rem;

}



.help-section p {

	font-size: 1.5rem;

}







.help-section .help-card {

	height: 100%; 

	padding: 10px;

}



.help-section .help-card p {

	font-size: 1.15rem; 

}

.help-section .help-card h6 {

	font-size: 1.25rem;

}



.help-section .help-card .theme-bold-text{

    color: #0057a9;

    font-weight: bold;

    font-size: 1.55rem;

}



.help-section .help-card .qr-image {

	max-width: 240px;

	width: 100%;

}



.help-section .help-card .footer-img {

	max-width: 540px;

	width: 100%;

}



.new_p a{

    color:#0b0b0c;

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {

    .card-one-section .card-one{padding: 45px 15px;}

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

}



@media screen and (min-width: 768px) {

	.thank-you-section {

		background-position: center 200px;

	}



	.help-section .help-card.border-md-right {

		border-right: 2px solid #ededed;

	}

}

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

	.help-section .help-card.border-md-right {

		border-bottom: 2px solid #ededed;

	}

	.help-section .help-card { 

		padding: 16px 10px;

		text-align: center;

	}

    .card-one-section .card-one-row{gap: 20px;}

}







.new_section{

     margin-bottom:15px;

	 padding: 0 15px;

}



/*.new_section .row{

    margin:0px;

}*/



.new_section .row2{

    margin-top: 0px;

}



.new_section .row img{

  width:100%;

}





















/* CSS for the popup */

.popup {

    display: none;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background-color: rgba(0, 0, 0, 0.7);

    z-index: 1;

    text-align: center;

}



.popup img {

    max-width: 80%;

    max-height: 80%;

    margin-top: 4%;

}



.close {

    position: absolute;

    top: 20px;

    right: 280px;

    font-size: 30px;

    cursor: pointer;

    color: white;

}

.insta-image{

    width:10%;

}

























.review-section {

	background-color: #000000;

}







.owl-carousel {

	position: relative;

}

.owl-carousel .owl-stage-outer{
	overflow: visible !important;
}
.owl-carousel .owl-item{
	opacity: 0;
	transition: opacity 0.3s;
}
.owl-carousel .owl-item.active{
	opacity: 1;
}


.owl-nav {

	display: inline-block;

}





.owl-nav button {

	display: flex;

	justify-content: center;

	align-items: center;

	height: 30px;

	width: 30px;

	font-size: 20px !important;

	background-color: #fff !important;

	color: #000000 !important;

	border-radius: 50%;

	position: absolute;

	transform: translateY(-52%);

}



.owl-nav button.owl-prev {

	left: -15px;

	top: 50%;

}



.owl-nav button.owl-next {

	right: -15px;

	top: 50%;

}




/*
	review-card
*/
.review-card {
    padding:25px 25px 15px 25px;
    border-radius: 10px;
	box-shadow: 0 0 25px 0 #2277f6;
	background-color: #000;
}
.review-card .avatar{
	display: inline-block;
	width: 195px;
	height: 195px;
	border-radius: 50%;
	overflow: hidden;
	border: 3px solid #2277f6;
	margin-bottom: 16px;
}
.review-card .avatar img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.review-card .stars{
	display: inline-flex;
	align-items:center;
	gap: 7px;
	margin-bottom: 10px;
}
.review-card .star{
	position: relative;
	padding: 7px 8px;
	display: grid;
	place-items: center;
}

.review-card .star i {
	font-size: 16px;
	color: #000;
	margin-bottom: 0 !important;
	z-index: 2;
	position: relative;
}

.review-card .star::before{
  content: "";
  position: absolute;
  left: 0; top: 0; right: 0; bottom: 0;
  border-radius: 5px;
  background: #2277f6;
  transform: skewX(-18deg);
  transform-origin: center;
  box-shadow: 0 2px 0 rgba(0,0,0,0.06);
}
.review-card p{
	font-weight: 500;
	font-size: 12px;
	line-height: 1.5;
	color: #fff;
	margin-bottom: 30px;
}
.review-card p.small{
	margin-bottom: 0;
}
.review-card p a{
	font-style: italic;
	font-weight: 700;
	font-size: 12px;
	line-height: 1.5;
	text-decoration: underline;
	color: #fff;
	transition: color 0.3s;
}
.review-card p a:hover{
	color: #2277f6;
}
.review-card .label{
	display: block !important;
	margin-left: auto;
}
.review-card h5{
	font-weight: 700;
	font-size: 22px;
	line-height: 0.81818;
	color: #fff;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 2px solid #2277f6;
}

@media screen and (max-width: 992px) {
	.review-card{
		padding: 25px 10px;
	}
    .review-card h5{
		font-size: 18px;
		padding-bottom: 15px;
		margin-bottom: 15px;
	}

	.review-card .star i {
		font-size: 14px;
	}

	.review-card .avatar{
		width: 125px;
		height: 125px;
	}
	.review-card .stars{
		margin-left: -5px;
		gap: 2px;
	}
	.review-card .star {
		padding: 5px;
	}

}