.landingPageBox {
	background-color: #380A6C;
	/* position: relative; */
	/* height: 780px; */
}

.landingPageBox .col-lg-6 {
	padding: 0;
}

.row {
	/* width: 100%;
	margin: auto; */
}

.leftContainer {
	padding: 0px 0px 20px 4px;
	background-color: #380A6C;
}

.img {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
	height: 780px;

}

.navMenuBtn {
	display: none;
}

.logo {
	margin-top: 0px;
	width: auto;
	height: 200px;
	/* margin-left: 40px; */
}

.logo2 {
	width: 100px;
	height: 100px;
}

.bannerLogo {
	margin-top: 60px;
	width: 300px;
	height: 200px;
	margin-left: 40px;
}

.h1 {
	color: white;
	margin-left: 8%;
	font-size: 60px !important;
	padding: 8px;
	line-height: 60px;
}

.span {
	color: white;
	margin-left: 8%;
	margin-right: 15%;
	font-size: 20px;
	display: flex;
	padding: 8px;
	font-family: 'LatoRegular';
}

.btn1 {
	background-color: white;
	border: 1px solid white;
	color: #380A6C;
	border-radius: 2px;
	padding: 12px 26px;
	font-size: 12px;
	margin-left: 10%;
	border: 1px solid white;
	color: #380A6C;
	border-radius: 2px;
	padding: 6px 20px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
	margin-right: 10px;
	white-space: nowrap !important;
}

.loginBtn,
.loginBtn span {
	background-color: transparent;
	color: #FFF;
}

.btn1:hover {
	color: white;
	background: #380A6C;
	cursor: pointer;
}

.btn2 {
	border-radius: 5px;
	background: linear-gradient(90deg, #783CB6 0%, #380A6C 100%);
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	color: white;
	border: none;
	border-radius: 2px;
	padding: 12px 26px;
	font-size: 12px;
	margin: 70px 0px 24px 0px;
}

.btn2:hover {
	color: #783CB6;
	background: white;
	cursor: pointer;
}

.nav-link {
	color: #FFF;
}

.infoContainer {
	padding: 50px;
	background-color: #F3F2F7
}

.journeyContainer {
	padding: 10px 8px 40px 8px;
}

.removeText {
	margin-bottom: 12px;
}

.logIn {
	font-style: italic;
	color: var(--P2, #380A6C);
	font-weight: 500;
}

.house1 {
	border-radius: 5px;
	border: 2px solid var(--380-a-6-c, #00948C);
	background: #FFF;
	padding: 24px;
	position: relative
}

.house2 {
	border-radius: 5px;
	border: 2px solid var(--380-a-6-c, #FFC666);
	background: #FFF;
	padding: 24px;
	position: relative
}

.houseText1 {
	color: var(--380-a-6-c, #00948C);
	padding: 6px 4px;
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
}

.houseText2 {
	color: var(--ee-536-e, #FF9C4C);
	padding: 6px 4px;
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
}

.houseBtn1 {
	border-radius: 5px;
	border: none;
	padding: 14px;
	width: 230px;
	background: linear-gradient(270deg, #00948C 0.09%, #46D4B7 103.91%);
	color: white;
	box-shadow: 1px 5px 8px 2px rgba(0, 0, 0, 0.24);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.96px;
	text-transform: uppercase;
	position: absolute;
	bottom: -20px;
}

.houseBtn1:hover {
	cursor: pointer;
	background: #00948C;
}

.houseBtn2 {
	border-radius: 5px;
	border: none;
	padding: 14px;
	width: 230px;
	background: linear-gradient(90deg, #FFC666 0%, #FF9C4C 100.19%);
	color: white;
	box-shadow: 1px 5px 8px 2px rgba(0, 0, 0, 0.24);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.96px;
	text-transform: uppercase;
	position: absolute;
	bottom: -20px;
}

.houseBtn2:hover {
	cursor: pointer;
	background: #FF9C4C;
}

.footer {
	background-color: #380A6C;
	padding: 45px;
	color: white;
}

.copyRight {
	background-color: black;
	padding: 6px;
	color: white;
}

.hide {
	display: none;
}

.marginTopCustom {
	margin-top: 10px;
	justify-content: center;
}

.button1 {
	margin-top: 1rem;
}



@media (max-width: 990px) {
	.hide {
		display: block;
	}

	/* .show {
        display: none;
    } */

	.marginTopCustom {
		margin-top: 650px;
	}
}

@media (max-width: 790px) {

	.marginTopCustom {
		margin-top: 750px;
	}
}

@media (max-width: 670px) {

	.marginTopCustom {
		margin-top: 850px;
	}
}

@media (max-width: 400px) {
	.footer {
		padding: 16px;
	}

	.journeyHeading {
		font-size: 30px;
	}

	.removeText {
		display: none;
	}
}

@media (min-width: 400px) and (max-width: 600px) {
	.houseBtn1 {
		width: 150px;
	}

	.houseBtn2 {
		width: 150px;
	}

	.houseText1 {
		padding: 6px 1px;
		font-size: 18px;
	}

	.houseText2 {
		padding: 6px 1px;
		font-size: 18px;
	}
}

@media (max-width: 399px) {
	.houseBtn1 {
		width: 110px;
		padding: 12px;
	}

	.houseBtn2 {
		width: 110px;
		padding: 12px;
	}

	.houseText1 {
		padding: 6px 1px;
		font-size: 16px;
	}

	.houseText2 {
		padding: 6px 1px;
		font-size: 16px;
	}

	.journeyContainer {
		padding-left: 4px;
		padding-right: 4px;
	}

	.logo {
		width: 200px;
	}

	.h1 {
		font-size: 40px !important;

	}
}

.social-btn.loginBtn {
	background: linear-gradient(92deg, #380A6C 0%, #160030 100%);
	display: block;
}

@media (max-width: 991px) {
	.container {
		height: auto;
	}

	/* .logo {
        display: none;
    } */
	.landingPageBox .button-1 {
		/* margin-bottom: 30px; */
		/* margin-left: 30px !important; */
	}

	.navMenuBtn {
		display: block;
	}

	.bannerLogo {
		margin-left: 0 !important;
	}

	.h1 {
		margin-top: 38px;
		margin-left: 30px;
		margin-right: 19px;
		font-size: 42px !important;
		font-weight: 500 !important;
		line-height: 48px;
		padding: 0;
	}

	.span {
		padding: 0;
		margin-left: 30px;
		margin-right: 19px;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;
	}

	.button1 {
		margin-left: 19px !important;
		margin-top: 36px !important;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.96px;
		text-transform: uppercase;
	}

	.leftContainer {
		padding-bottom: 55px;
		padding-left: 0;
	}

	.img {
		height: auto;
		display: block;
	}

	.marginTopCustom {
		margin-top: 0;
	}
}

@media (max-width: 412px) {
	.container {
		height: auto;
	}

	.logo {
		/* display: none; */
	}

	.h1 {
		margin-top: 38px;
		margin-left: 19px;
		margin-right: 19px;
		font-size: 42px !important;
		font-weight: 500 !important;
		line-height: 48px;
		padding: 0;
	}

	.span {
		padding: 0;
		margin-left: 19px;
		margin-right: 19px;
		font-size: 20px;
		font-style: normal;
		font-weight: 400;
		line-height: 26px;
	}

	.button1 {
		margin-left: 19px !important;
		margin-top: 36px !important;
		font-size: 12px;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: 0.96px;
		text-transform: uppercase;
	}

	.leftContainer {
		padding-bottom: 55px;
		padding-left: 0;
	}

	.img {
		height: auto;
		display: block;
	}

	.marginTopCustom {
		margin-top: 0;
	}
}

.landingPageHeader {
	position: absolute;
	text-align: right;
	width: 100%;
	top: 0;
	z-index: 99;
	padding: 50px;
}

/*
START YOUR JOURNEY
*/

.journeyContainer {
	padding: 50px 8px 100px 8px;
	text-align: center;
}

.journeyHeading {
	color: var(--P2, #380A6C);
	font-size: 50px;
	font-weight: 500;
	font-family: 'LatoRegular';
}

.removeText {
	margin-bottom: 12px;
	font-size: 16px;
	font-family: 'LatoRegular';
}

.house1 {
	border-radius: 5px;
	border: 2px solid var(--380-a-6-c, #00948C);
	background: #FFF;
	padding: 24px;
	position: relative
}

.houseText1 {
	color: var(--380-a-6-c, #00948C);
	padding: 6px 4px;
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
}

.houseBtn1 {
	border-radius: 5px;
	border: none;
	padding: 14px;
	width: 230px;
	background: linear-gradient(270deg, #00948C 0.09%, #46D4B7 103.91%);
	color: white;
	box-shadow: 1px 5px 8px 2px rgba(0, 0, 0, 0.24);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.96px;
	text-transform: uppercase;
	position: absolute;
	bottom: -20px;
}

.houseBtn1:hover {
	cursor: pointer;
	background: #00948C;
}

.house2 {
	border-radius: 5px;
	border: 2px solid var(--380-a-6-c, #FFC666);
	background: #FFF;
	padding: 24px;
	position: relative
}

.houseText2 {
	color: var(--ee-536-e, #FF9C4C);
	padding: 6px 4px;
	font-size: 24px;
	font-style: italic;
	font-weight: 600;
}

.houseBtn2 {
	border-radius: 5px;
	border: none;
	padding: 14px;
	width: 230px;
	background: linear-gradient(90deg, #FFC666 0%, #FF9C4C 100.19%);
	color: white;
	box-shadow: 1px 5px 8px 2px rgba(0, 0, 0, 0.24);
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.96px;
	text-transform: uppercase;
	position: absolute;
	bottom: -20px;
}

.houseBtn2:hover {
	cursor: pointer;
	background: #FF9C4C;
}

.imageContainer {
	flex-wrap: wrap;
}

/* index.module.css */
.imageWrapper {
	overflow: hidden;
	transition: transform 0.3s;
	display: inline-block;
}

.houseImage {
	width: 200px;
	height: auto;
	transition: transform 0.3s;
	cursor: pointer;
}

.imageWrapper:hover .houseImage {
	transform: scale(0.8);
}

/**
REVIEWS
*/

.carroselContainer {
	position: relative;
}

.sliderText,
.sliderText2 {
	color: white;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	text-align: center;
	font-family: 'LatoRegular';
}

.sliderbtns {
	color: white;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}

.star {
	display: inline - block;
	margin: 0 2px;
	width: 14px;
	height: 14px;
	background: white;
	clip-path: polygon(50% 0%, 61.8% 38.2%, 100% 45.1%, 70.9% 70.1%, 79.1% 100%, 50% 81.8%, 20.9% 100%, 29.1% 70.1%, 0% 45.1%, 38.2% 38.2%);
}

.btnContainer {
	width: 95%;
	position: absolute;
	top: 45%;
	z-index: 1
}


.slider {
	background-color: #783CB6;
	padding: 45px 0px;
}

iframe {
	max-width: 100% !important;
}

@media (max-width: 412px) {
	.sliderText {
		font-size: 24px;
		font-style: normal;
		font-weight: 400;
		line-height: 32px;
	}

	.sliderText2 {
		font-size: 14px;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
}

@media (max-width: 992px) {

	.landingPageHeader {
		display: none;
	}

	#small-screen-menu {
		display: block !important;
	}

	#big-screen-menu {
		display: none !important;
	}

	.bannerLogo {
		display: none;
	}

	.other-header {
		display: block !important;
	}
}

.star-container {
	text-align: center;
	color: white;
}

.review-message {
	max-width: 500px;
}

/* Test CSSS */

@media (max-width:1024px) {
	iframe.video_link {
		height: 300px;
	}
}

@media (max-width:769px) {
	iframe.video_link {
		height: 225px;
	}
}

@media (max-width:426px) {
	iframe.video_link {
		height: 225px;
	}

	/* .journeyContainer {
		padding: 30px 8px;
	}

	.infoContainer {
		padding: 30px 8px
	}

	.footer {
		padding: 30px 8px;
	}

	.container-fluid {
		padding: 30px 8px !important;
	}

	.still-need-help .fontNormal,
	.still-need-help p,
	.still-need-help .description {
		text-align: left;
	} */
}

/* Test CSSS */

@media (max-width:376px) {
	iframe.video_link {
		height: 190px;
	}
}

@media (max-width:376px) {
	iframe.video_link {
		height: 165px;
	}
}