@font-face {
	font-family: 'LatoRegular';
	src: url('fonts/Lato-Regular.ttf') format('truetype');
	/* Update the path to your font file */
}

@font-face {
	font-family: 'LatoBold';
	src: url('fonts/Lato-Bold.ttf') format('truetype');
	/* Update the path to your font file */
}

@font-face {
	font-family: 'LatoItalic';
	src: url('fonts/Lato-Italic.ttf') format('truetype');
	/* Update the path to your font file */
}

* {
	font-family: 'LatoRegular', sans-serif;
}

.nav {
	width: 50%;
}

a {
	text-decoration: none;
}

.bg-theme {
	background-color: #380A6C;
	color: white !important
}

.leftContainer {
	padding: 0px 0px 20px 4px;
}

.user {
	/* width: 22px;
	height: 22px; */
	/* align-self: center; */
	/* padding-left: 3px; */
}

.hambrg {
	width: 25ps;
	height: auto;
	align-self: center;
	padding-left: 3px;
}

.img {
	object-fit: cover;
	width: 100%;
	height: 100vh;
	position: relative;
}

.articlesImg {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}

.navMenuBtn {
	display: none;
}

.logo {
	width: 185px;
	height: auto;
}

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

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

.span {
	color: white;
	margin-left: 8%;
	font-size: 16px;
	display: flex;
	padding: 8px;
}

.rowMargins {
	margin-top: -50px;
}

.btn1 {
	color: white;
	background: #380A6C;
	border: 1px solid white;
	border-radius: 5px;
	cursor: pointer;
	margin-top: -4px;
	/* padding: 12px 26px; */
	/* font-size: 12px; */
	/* margin-left: 10%;
    margin-left: 10px; */
}

.navLinks {
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: left; */
	color: white !important;
	font-family: 'LatoRegular';
	font-weight: 500;
	/* padding: 4px 0px; */
	/* align-self: flex-start; */
}

.navLinks:hover {
	cursor: pointer;
	font-weight: 600;
}

.btn2 {
	color: white;
	background: #380A6C;
	border-color: transparent;
	margin-right: 10px;
}

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

.textBold {
	font-weight: bold;
}

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



.removeText {
	margin-bottom: 12px;
}

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

.infoText {
	color: var(--P2, #380A6C);
	font-size: 50px;
	font-style: italic;
	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;
}

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

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

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


.myBtn {
	align-items: center;
	display: flex;
	justify-content: center;
}

.abc {
	background: url("../../assets/icons/user.png") no-repeat;
	height: 20px;
	width: 20px;
	margin-top: -1px;
}

.myBtn:hover .abc {
	background: url("../../assets/icons/malePurple.png") no-repeat;
	height: 20px;
	width: 20px;
}


@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;
	}

	.h1 {

		font-size: 40px !important;
	}
}

@media (max-width: 480px) {
	.navMenuBtn {
		display: block;
		z-index: 1;
		position: absolute;
		/* top: 50px; */
		right: 25px;
	}
}

@media (max-width: 480px) {
	.nav:not(#myTab) {
		display: none;
	}
}

/* .landingPageBox {

} */
.container {
	/* background-color: #380A6C; */
	position: relative;
}

.leftContainer {
	padding: 0px 0px 20px 4px;
}

.navLinks {
	display: flex;
	justify-content: left;
	color: white;
	padding: 4px 0px;
	font-family: 'LatoRegular';
}

.navLinks:hover {
	cursor: pointer;
	font-weight: 600;
}

.img {
	object-fit: cover;
	width: 100%;
	height: 100vh;
	position: relative;
}

.articlesImg {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}

.navMenuBtn {
	display: none;
}

.logo {
	margin-top: 0px;
	width: 300px;
	height: 200px;
}

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

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

.span {
	color: white;
	margin-left: 8%;
	font-size: 16px;
	display: flex;
	padding: 8px;
}

.rowMargins {
	margin-top: -50px;
}

.btn1 {
	background-color: white;
	border: 1px solid white;
	color: #380A6C;
	border-radius: 2px;
	padding: 12px 26px;
	font-size: 12px;
	margin-left: 10%;
	margin-top: 60px;
}

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

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

.textBold {
	font-weight: bold;
}

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


.removeText {
	margin-bottom: 12px;
}

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

.infoText {
	color: var(--P2, #380A6C);
	font-size: 50px;
	font-style: italic;
	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;
}

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

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

.footerText {
	font-family: 'LatoRegular';
	font-size: 20px;
}

.copyRight {
	background-color: black;
	padding: 6px;
	color: white;
	/* justify-content: center; */
	/* text-align: center; */
	word-break: break-word !important;
	white-space: normal !important;
}

@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;
	}
}

@media (max-width: 480px) {
	.navMenuBtn {
		display: block;
		z-index: 1;
		position: absolute;
		top: 50px;
		right: 25px;
	}
}

@media (max-width: 412px) {
	.footer {
		padding: 19px 19px 46px 19px;
	}
}

/**
HEADER LANDING PAGE
*/

.nav {
	width: 50%;
}

.container {
	/* background-color: #380A6C; */
	position: relative;
	padding: 20px;
	padding-right: 20px;
	padding-left: 20px;
}

.leftContainer {
	padding: 0px 0px 20px 4px;
}

.user {
	width: 22px;
	height: 22px;
	align-self: center;
	padding-left: 3px;
}

.img {
	object-fit: cover;
	width: 100%;
	height: 100vh;
	position: relative;
}

.articlesImg {
	object-fit: cover;
	width: 100%;
	height: 100%;
	position: relative;
}

.navMenuBtn {
	display: none;
}

.logo {
	width: 200px;
	height: 130px;
}

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

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

.span {
	color: white;
	margin-left: 8%;
	font-size: 16px;
	display: flex;
	padding: 8px;
}

.rowMargins {
	margin-top: -50px;
}

.btn1 {
	color: white;
	background: #380A6C;
	border: 1px solid white;
	border-radius: 5px;
	cursor: pointer;
	margin-top: -4px;
	/* padding: 12px 26px; */
	/* font-size: 12px; */
	/* margin-left: 10%;
    margin-left: 10px; */
}

.navLinks {
	/* display: flex; */
	/* align-items: center; */
	/* justify-content: left; */
	color: white !important;
	/* padding: 4px 0px; */
	/* align-self: flex-start; */
}

.navLinks:hover {
	cursor: pointer;
	font-weight: 600;
}

.btn2 {
	color: white;
	background: #380A6C;
	border-color: transparent;
	margin-right: 10px;
}

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

.textBold {
	font-weight: bold;
}

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

.removeText {
	margin-bottom: 12px;
}

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

.infoText {
	color: var(--P2, #380A6C);
	font-size: 50px;
	font-style: italic;
	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;
}

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

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

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

.navBtn1 {
	border: 1px solid white;
	color: white;
	border-radius: 2px;
	padding: 6px 20px;
	font-size: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	height: 40px;
}

.navBtn1:hover {
	color: white;
	background: #380A6C;
	cursor: pointer;
	border: 1px solid #380A6C;
}

.navBtn2 {
	background-color: white;
	border: 1px solid white;
	color: #380A6C;
	border-radius: 2px;
	padding: 10px 20px;
	font-size: 12px;
	display: flex;
	justify-content: center;
	height: 40px;
	margin-top: 10px;
}

.navBtn2:hover {
	color: white;
	background: #380A6C;
	cursor: pointer;
	border: 1px solid #380A6C;
}

@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;
	}

	.h1 {

		font-size: 40px !important;
	}
}

@media (max-width: 480px) {
	.navMenuBtn {
		display: block;
		z-index: 1;
		position: absolute;
		/* top: 50px; */
		right: 25px;
	}
}

@media (max-width: 480px) {
	.nav:not(#myTab) {
		display: none;
	}

	.nav#myTab a {
		min-height: 45px;
		padding: 10px 10px !important;
	}

	.nav#myTab img {
		position: sticky;
	}

	.nav#myTab span {
		display: none;
	}
}


@media (max-width: 990px) {
	.container {
		padding: 0;
	}

	.container2 {
		display: block !important;
		padding: 0;
		margin-top: 48px;
		margin-left: 0 !important;
		margin-right: 19px !important;
		max-width: 100% !important;
		padding-left: 0 !important;
	}

	.user {
		width: 25px;
		padding-left: 0;
		height: auto;
	}

	.logo {}

	.menubtn {
		float: right;
		margin-top: 10px;
	}

	.menubtn:focus {
		box-shadow: none;
	}

	.navLinks {
		padding-left: 19px;
	}
}

@media (max-width: 412px) {
	.container {
		padding: 0;
	}

	.container2 {
		display: block !important;
		padding: 0;
		margin-top: 48px;
	}

	.user {
		width: 25px;
		padding-left: 0;
		height: auto;
	}

	.logo {}

	.menubtn {
		float: right;
		margin-top: 10px;
	}

	.menubtn:focus {
		box-shadow: none;
	}

	.navLinks {
		padding-left: 19px;
	}
}

@media (max-width:990px) {
	.navLinks {
		font-size: 16px;
		padding: 16px 0 !important;
	}

	.btn1 {
		padding: 10px;
		font-size: 10px;
	}

	.loginBtn {
		display: flex;
	}

	.loginBtn span {
		margin-top: unset !important;
		margin: auto;
	}

	.navContainer {
		margin-bottom: 52px;
	}
}

.button-2 {
	border-radius: 5px;
	width: 195px;
	height: 50px;
	border: 1px solid #fff;
	color: white;
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	text-transform: uppercase;
	background: transparent;
	white-space: nowrap;
}

.nav-link {
	display: block;
	padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
	font-size: var(--bs-nav-link-font-size);
	font-weight: var(--bs-nav-link-font-weight);
	color: var(--bs-nav-link-color);
	text-decoration: none;
	background: 0 0;
	border: 0;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}


/**
LOGIN MODAL
**/

.loginContainer {
	padding: 12px;
	border-radius: 10px;
	border: 1px solid #FFF;
	background: rgba(255, 255, 255, 0.80);
	width: 100%;
}

.login {
	color: #380A6C;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	margin: 8px 0px;
}

.custom-modal-content {
	/* background-color: #fffc !important; */

}

.checkBoxWrapper {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: flex-start;
	/* height: 40px; */
	padding-top: 20px;
	/* padding-bottom: 10px; */
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	/* border: 1px solid var(--P3, #CCCCCC); */
	margin-bottom: 10px;
	cursor: pointer;

}

.loginText {
	color: #783CB6;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	margin: 12px 0px;
}

.orText {
	color: #380A6C;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	padding-top: 10px;
}

.signUpText {
	color: #380A6C;
	font-size: 12px;
	font-style: normal;
	font-weight: 400;
	margin-top: -10px;
}

.inputStyle {
	border-radius: 5px;
	border: 1px solid var(--P3, #783CB6);
	padding: 10px 8px;
	width: 100%;
	outline: none;
	color: #380A6C;
	margin: 8px 0px;
}

.inputErrorStyle {
	border-radius: 5px;
	border: 1px solid var(--P3, red);
	padding: 10px 8px;
	width: 100%;
	outline: none;
	color: #380A6C;
	margin: 8px 0px;
}

input::placeholder {
	color: #380A6C;
}

input[type="checkbox"]:checked {
	color: #380A6C;
}

input:focus-visible {
  outline: none !important;
  --tw-ring-offset-color: white !important;
  --tw-ring-color: #a1a1aa !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow:
        0 0 0 2px white,
        0 0 0 4px #a1a1aa !important;
    border: 2px solid black !important;
}

select:focus-visible {
  outline: none !important;
  --tw-ring-offset-color: white !important;
  --tw-ring-color: #a1a1aa !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow:
        0 0 0 2px white,
        0 0 0 4px #a1a1aa !important;
    border: 2px solid black !important;
}

.loginBtn {
	border-radius: 5px;
	background: linear-gradient(92deg, #783CB6 0%, #380A6C 100%);
	color: #FFF;
	border: none;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.96px;
	text-transform: uppercase;
	padding: 10px 0px;
	width: 100%;
	cursor: pointer;
}

.signupBtn {
	/* background: linear-gradient(92deg, #783CB6 0%, #380A6C 100%); */
	background-color: transparent;
	color: #380A6C;
	border: none;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0.96px;
	text-transform: uppercase;
	margin-top: -20px;
	cursor: pointer;
}

.loginBtnText {
	font-size: 12px;
	font-style: normal;
	font-weight: 700;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	/* position:absolute; */
	top: 0;
	left: 0;
	height: 20px;
	width: 20px;
	border: 1px solid #380A6C;
	border-radius: 5px;
}


/* When the checkbox is checked, add a blue background */
.container input:checked~.checkmark {
	padding-top: 2px;
	background: linear-gradient(90deg, #783CB6 0%, #380A6C 100%);
	border-radius: 5px;
	border: none
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	/* position: absolute; */
	display: none;
}

/* Show the checkmark when checked */
.container input:checked~.checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	/* left: 7px;
	top: 2px; */
	margin-left: 7px;
	width: 5px;
	height: 12px;
	border: solid white;
	border-width: 0 1px 1px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}



/*
CUSTOM
**/

.m-0 {
	margin: 0 !important;
}

.container {
	margin: 0;
	width: 100%;
	padding: 0;
}

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

.text-white {
	color: #FFF;
}

.container {
	max-width: 100%;
}

.bg-transparent {
	background-color: transparent !important;
	background: transparent !important;
}

.fontNormal {
	font-style: normal !important;
}

.text-theme-dark {
	color: #380A6C !important;
}

.button-1 {
	font-size: 12px;
	font-weight: 700;
	line-height: 14.4px;
	color: #783cb6;
	width: 195px;
	height: 50px;
	border: none;
	border-radius: 5px;
	background-color: white;
	text-transform: uppercase;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span {
	font-family: 'LatoRegular' !important;
}

input::placeholder,
textarea::placeholder {
	font-size: 12px !important;
	font-weight: 500 !important;
	font-family: 'LatoRegular' !important;

	/* Adjust the font size to your preference */
}

input:focus-visible {
  outline: none !important;
  --tw-ring-offset-color: white !important;
  --tw-ring-color: #a1a1aa !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow:
        0 0 0 2px white,
        0 0 0 4px #a1a1aa !important;
    border: 2px solid black !important;
}

select:focus-visible {
  outline: none !important;
  --tw-ring-offset-color: white !important;
  --tw-ring-color: #a1a1aa !important;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
    box-shadow:
        0 0 0 2px white,
        0 0 0 4px #a1a1aa !important;
    border: 2px solid black !important;
}

#category {
	font-size: 12px !important;
	font-weight: 600 !important;
	font-family: 'LatoRegular' !important;
	color: #612b31 !important
}

details {
	border: 1px solid #aaa;
	border-radius: 4px;
	padding: 0.5em 1em;
	margin-bottom: 0.5em;
}

summary {
	font-weight: bold;
	margin: -0.5em -1em;
	padding: 0.5em 1em;
	cursor: pointer;
}

summary::-webkit-details-marker {
	display: none;
}

details[open] {
	padding: 1em;
}

details[open] summary {
	border-bottom: 1px solid #aaa;
	margin-bottom: 1em;
}

.pointer {
	cursor: pointer;
}

.dropdown-toggle::after {
	color: white !important;
	content: '' !important;
}

.loading-spinner-overlay {
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.5);
	/* 50% transparent black */
	z-index: 9999;
	/* Make sure the overlay is on top of other elements */
}

.input-elevated {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'><path fill='%23838D99' d='M13.22 14.63a8 8 0 1 1 1.41-1.41l4.29 4.29a1 1 0 1 1-1.41 1.41l-4.29-4.29zm-.66-2.07a6 6 0 1 0-8.49-8.49 6 6 0 0 0 8.49 8.49z'></path></svg>");
	background-repeat: no-repeat;
	background-position: right 10px center;
	/* Adjust this line */

	background-size: 20px 20px;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);
	border-radius: 5px;
}

.tooltip {
	position: absolute;
	z-index: 999;
	/* Adjust this value as needed */
	background: #333;
	/* Adjust background color as needed */
	color: #fff;
	/* Adjust text color as needed */
	padding: 5px 10px;
	border-radius: 5px;
	word-wrap: break-word !important;
	/* This allows long words to break and wrap */
	white-space: normal !important;
	/* This allows text to wrap to the next line */
	max-width: 300px;
}

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

.blog-btn {
	box-shadow: 0px 8px 5px 0px rgba(0, 0, 0, 0.3);
	padding: 12px 0px;
	cursor: pointer;
	position: absolute;
	bottom: -20px !important;
	left: 50%;
	width: 50%;
	transform: translateX(-50%)
}

.step-btn {
	border-radius: 5px;
	background-color: #380A6C;
	/* background: linear-gradient(90deg, #783CB6 0%, #380A6C 100%); */
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	color: white;
	border: none;
	text-transform: uppercase;
	padding: 10px 45px;
	font-size: 10px;
	font-weight: bold;
	width: 200px;
}

.prev-step {
	background-color: #783CB6;
}

.btn2:hover {
	color: white;
	background: linear-gradient(90deg, #9b64d4 0%, #33095f 100%);
	cursor: pointer;
}

.note-video-clip {
	width: 100%;
}

.helpfulArticles .button-3 {
	display: block;
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
	width: 195px;
	background: linear-gradient(90deg, #783CB6 0%, #380A6C 100%);
	color: white;
	font-size: 12px;
	font-weight: 700;
	line-height: 14.4px;
	height: 50px;
	padding: 17px;
	text-align: center;
	text-decoration: none;
}

/* Star container */
.star-container {
	display: flex;
	justify-content: center;
}

/* Star icon */
.star-icon {
	font-size: 20px;
	/* Adjust the size as needed */
	color: gold;
	/* Adjust the color as needed */
	margin-right: 2px;
	color: white !important;
	/* Adjust the spacing between stars */
}

/* Half-filled star icon */
.star-icon.half-filled::before {
	content: "\2605";
	color: white !important;
	/* Unicode character for a filled star */
}

.button-1 {
	font-size: 12px;
	font-weight: 700;
	line-height: 14.4px;
	color: #783cb6;
	width: 195px;
	height: 50px;
	border: none;
	border-radius: 5px;
	background-color: white;
	text-transform: uppercase;
}

.button-1:hover {
	background: #783cb6;
	color: white;
}

.button-1:active {
	background: #6122a1;
	color: white;
}

.button-2 {
	border-radius: 5px;
	width: 195px;
	height: 50px;
	border: 1px solid #fff;
	color: white;
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	text-transform: uppercase;
	background: transparent;
	white-space: nowrap;
}

.button-2:hover {
	background: white;
	color: #783cb6;
}

.button-2:active {
	background: white;
	color: #6122a1;
}

.button-3 {
	border: none;
	border-radius: 5px;
	text-transform: uppercase;
	width: 195px;
	background: linear-gradient(90deg, #783CB6 0%, #380A6C 100%);
	color: white;
	font-size: 12px;
	font-weight: 700;
	line-height: 14.4px;
	height: 50px;
}

.button-3:hover {
	background: #6122a1;
	color: white;
}

.button-3:active {
	background-color: #380a6c;
	color: white;
}

.button-4 {
	width: 195px;
	height: 50px;
	border-radius: 5px;
	color: white;
	background-color: #783cb6;
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	border: none;
	text-transform: uppercase;
}

.button-4:hover {
	color: white;
	background-color: #6122a1;
}

.button-4::before {
	content: '\0276F';
	position: absolute;
	right: 10px;
	font-size: 16px;
	top: 15px;
}

.button-4:active {
	color: white;
	background-color: #380a6c;
}

.button-7 {
	width: 195px;
	height: 50px;
	border-radius: 5px;
	color: white;
	background-color: #380a6c;
	font-size: 10px;
	font-weight: 700;
	line-height: 12px;
	border: none;
	text-transform: uppercase;
}

.button-7:hover {
	color: white;
	background-color: #6122a1;
}

.button-7::before {
	content: '\0276E';
	position: absolute;
	left: 10px;
	font-size: 16px;
	top: 15px;
}

.button-7:active {
	color: white;
	background-color: #380a6c;
}

.button-5 {
	margin-left: 25px;
	margin-top: 25px;
	text-transform: uppercase;
	width: 195px;
	height: 50px;
	border-radius: 5px;
	color: white;
	font-weight: 700;
	font-size: 12px;
	line-height: 14.4px;
	background: linear-gradient(#46d4b7, #00948c);
}

.button-5:hover {
	background-color: #46d4b7;
	color: white;
}

.button-5:active {
	background-color: #00948c;
	color: white;
}

.button-6 {
	margin-top: 25px;
	text-transform: uppercase;
	width: 195px;
	height: 50px;
	border-radius: 5px;
	background-color: #46d4b7;
	color: white;
	font-size: 12px;
	font-weight: 700;
	line-height: 14.4px;
}

.button-6:hover {
	background-color: #ffffff;
	color: #46d4b7;
}

.button-6:active {
	background-color: #ffffff;
	color: #00948c;
}

.nowrap {
	white-space: nowrap !important;
}


/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
	/* width: 12px; */
	/* Set width of the scrollbar */
}

::-webkit-scrollbar-thumb {
	/* background-color: lightgray; */
	/* Set color of the thumb */
}

::-webkit-scrollbar-track {
	/* background-color: darkgray; */
	/* Set color of the track */
}

.loader-container {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.8);
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 9999999;
	/* Make sure it's on top of other elements */
}

.loader {
	border: 8px solid rgb(120, 60, 182);
	border-top: 8px solid transparent;
	/* Set the top border to be transparent */
	border-radius: 50%;
	width: 50px;
	height: 50px;
	animation: spin 1s linear infinite;
	z-index: 99999;
}

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

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

.btn1 {
	border: 1px solid white;
	color: white;
	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;
}

.modal-dialog button.close {
	position: absolute;
	right: 20px;
	top: 20px;
	background: transparent;
	border: none;
	font-size: 30px;
	z-index: 99;
}

.nav-item .my-account-btn {
	color: white;

}

.nav-item .my-account-btn:hover {
	color: #380A6C;
	background-color: white !important;
	background-image: url('./icons/user.svg') !important;
	background-repeat: no-repeat !important;
	background-position: 12px !important;
	padding-left: 43px;
}

.nav-item .get-started-btn:hover {
	background: #783cb6 !important;
	color: white !important;
	border-color: #783cb6 !important;
}

.nav-item .my-account-btn:hover span {
	color: #783cb6 !important;
}

.nav-item .btn1:hover img {
	display: none;
}


/**
ACCOUNT?PROFILE PAGE STYLES
***/

.accountContainer .welcomeText {
	color: var(--P2, #380A6C);
	font-size: 50px;
	/* font-style: italic; */
	font-weight: 500;
	/* margin-bottom: 20px; */
}

.accountContainer .container {
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
}

.accountContainer .tabsContainer {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	cursor: pointer;
	height: 50px;
}

.accountContainer .journeyContainer {
	box-shadow: 3px 5px 5px rgba(0, 0, 0, 0.1);
}

.accountContainer .accountText {
	color: var(--P2, #783CB6);
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}

.accountContainer .inputFieldTitle {
	color: var(--P2, #380A6C);
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: -12px;
}

.accountContainer .switchContainer {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}

.accountContainer .btnsContainer {
	margin-right: 20px;
	border-radius: 7px;
	height: 50px;
	cursor: pointer;
	align-items: center;
	justify-content: center;
	border: 1px solid;
	background-color: linear-gradient(90deg, #783CB6 0%, #380A6C 100%);
}

.accountContainer .selectedBtnsContainer {
	margin-right: 20px;
	border-radius: 7px;
	height: 50px;
	align-items: center;
	justify-content: center;
	border: 2px solid;
	background-color: linear-gradient(90deg, #783CB6 0%, #380A6C 100%);
}

.accountContainer .switchTitle {
	color: var(--P2, #380A6C);
	font-size: 16px;
}

.accountContainer .btnTitle {
	color: #fff;
	font-size: 15px;
	text-align: center;
	margin-right: 15px;
	margin-top: 12px;
}

.accountContainer .simplerow {
	height: 50px;
	/* align-self: center; */
	display: flex;
	flex-direction: row;
	/* Display the button text in a row */
	align-items: center;
	justify-content: space-between;
	cursor: pointer;
}

.accountContainer .toggleSwitch {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 20px;
}

.accountContainer .toggleSwitch input {
	opacity: 0;
	width: 0;
	height: 0;
}

.accountContainer .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	/* Background color when the switch is off */
	transition: 0.4s;
	border-radius: 34px;
	padding: 0;
}

.accountContainer .slider1 {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	/* Background color when the switch is off */
	transition: 0.4s;
	border-radius: 34px;
}

.accountContainer .slider:before {
	position: absolute;
	content: '';
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2.5px;
	background-color: #fff;
	/* Background color when the switch is on */
	transition: 0.4s;
	border-radius: 50%;
}

.accountContainer .slider1:before {
	position: absolute;
	content: '';
	height: 16px;
	width: 16px;
	left: 2px;
	bottom: 2.5px;
	background-color: #fff;
	/* Background color when the switch is on */
	transition: 0.4s;
	border-radius: 50%;
}

.accountContainer input:checked+.slider {
	background-color: #783CB6;
	/* Background color when the switch is on */
}

.accountContainer input:checked+.slider1 {
	background-color: #46D4B7;
	/* Background color when the switch is on */
}

.accountContainer input:checked+.slider:before {
	transform: translateX(20px);
}

.accountContainer input:checked+.slider1:before {
	transform: translateX(20px);
}

.accountContainer .progresscontainer {
	position: relative;
}

.accountContainer .progressbarContainer {
	position: relative;
	width: 100%;
	height: 30px;
	padding-left: 30px;
	padding-right: 30px;
}

.accountContainer .progressbar {
	position: relative;
	width: 100%;
	height: 20px;
	background-color: #e0e0e0;
	overflow: hidden;
}

.accountContainer .progress {
	position: absolute;
	height: 20px;
	transition: width 0.5s ease-in-out;
}

.accountContainer .indicatorContainer {
	position: absolute;
	top: 90%;
	width: 100px;
}

.accountContainer .indicator {
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 12px solid;
	/* Adjust the color as needed */
}

.accountContainer .minmaxvalues {
	display: flex;
	justify-content: space-between;
	margin-top: 5px;
	color: #666;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
}

.accountContainer .continueContainer {
	background-color: #EEEEEE;
	height: 50px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-left: 20px;
	padding-right: 20px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	cursor: pointer;
}

@media (max-width:630px) {
	.accountContainer .marginResponsive {
		margin: 1.5rem auto !important;
	}
}

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

.buyer_tab_button,
.seller_tab_button,
.builder_tab_button {
	border-top-right-radius: 5px !important;
	border-top-left-radius: 5px !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
	position: relative;
}

.buyer_tab_button img,
.seller_tab_button img,
.builder_tab_button img {
	height: 35px;
	width: 35px;
	position: absolute;
	top: 5px;
	left: 30px;
}

.buyer_tab_button {
	background: rgb(0, 148, 140) !important;
}

.seller_tab_button {
	background: linear-gradient(to right, rgb(255, 198, 102) 0%, rgb(255, 156, 76) 100%) !important;
	color: #fff;
}

.builder_tab_button {
	background: linear-gradient(to right, #75e9ef 0%, #0fc3db 100%) !important;
	color: #fff;
}

.referral-selector-container {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	/* height: 40px; */
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	padding-left: 10px;
	padding-right: 5px;
	border: 1px solid var(--P3, #00948C);
	margin-bottom: 10px;
	cursor: pointer;
}

.referral-selector-container label {
	color: #00948C;
}

.referral-selector-container input[type=checkbox] {
	position: absolute;
	top: -10px;
	left: 0;
	height: 20px;
	width: 20px;
	border: 1px solid #00948C;
	border-radius: 5px;
}

.btn-referral-contact {
	background: linear-gradient(to right, rgb(70, 212, 183) 0%, rgb(0, 137, 140) 100%);
	border-radius: 5px;
	height: 40px;
}

.modal-content {
	background-color: rgba(255, 255, 255, 0.80) !important;
}

.seller_tab_button:hover {
	color: #fff;
}

.builder_tab_button:hover {
	color: #fff;
}

.footer .navLinks:hover {
	cursor: initial;
	font-weight: inherit;
}

@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;
	}

	.btn.btn1.my-account-btn {
		margin: 20px;
	}

	.articleTitle {
		font-size: 30px !important;
	}

	.divCenteredContent {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	/* .articleTitleBlock {
		padding-top: 0 !important;
	}

	.articleTitleBlock .articleTitle {
		font-size: 20px;
	}

	.divCenteredContent {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.sectionImg {
		height: 80vh !important;
	} */
}

.main-page-container {
	max-width: 1320px;
	margin: auto;
}

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

h2 {
	font-size: 24px !important;
	font-weight: 600 !important;
}

h3 {
	font-size: 22px !important;
	font-weight: 600 !important;
}

h4 {
	font-size: 20px !important;
	font-weight: 600 !important;
}

h5 {
	font-size: 18px !important;
	font-weight: 600 !important;
}

h6 {
	font-size: 16px !important;
	font-weight: 600 !important;
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
	font-size: inherit !important;
	font-weight: inherit !important;
}

.pageItem {
	background-color: white;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	border-radius: 5px;
	cursor: pointer;
	padding-top: 0;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1);
}

.pageItem a {
	background: transparent;
	color: rgb(56, 10, 108);
	border: none;
	text-align: center;
	line-height: 36px;
	height: 50px;
}

.pageItem a:hover {
	color: initial;
	border: initial;
	background-color: initial;
}

.pageItem a:focus {
	color: initial;
	border: initial;
	background-color: initial;
	box-shadow: none;
}

.pageItem.pageItemActive a {
	color: #fff;
}

.pagination {
	/* justify-content: center; */
	margin: 0 auto;
	display: flex;
	width: 100%;
	height: 300;
	justify-content: center;
	align-items: center;
}

.pageItemActive {
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2);
	box-shadow: gray;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	border-radius: 5px;
	height: 50px;
	width: 50px;
	background-color: #783CB6;
	cursor: pointer;
	padding-top: 0;
}


/***
SUMMERNOTE STYLES
****/
h1 {
	font-size: 30px !important;
}

h2 {
	font-size: 24px !important;
}

h3 {
	font-size: 22px !important;
}

h4 {
	font-size: 20px !important;
}

h5 {
	font-size: 18px !important;
}

h6 {
	font-size: 16px !important;
}

h1 *,
h2 *,
h3 *,
h4 *,
h5 *,
h6 * {
	font-size: inherit !important;
}

ul:not(.navbar-nav, .dropdown-menu) {
	list-style: inside !important;
	list-style-type: disc !important;
	padding-left: 0 !important;
}

ol {
	list-style: decimal !important;
	list-style-type: decimal !important;
}

img {
	max-width: 100% !important;
	height: auto;
}

blockquote {
	padding: 10px 20px !important;
	margin: 0 0 20px !important;
	font-size: 17.5px !important;
	border-left: 5px solid rgb(170, 120, 238) !important;
}

blockquote * {
	margin: 0 !important;
}

pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #333333;
	word-break: break-all;
	word-wrap: break-word;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	border-radius: 4px;
}

@media (max-width:768px) {
	ul:not(.navbar-nav, .dropdown-menu) {
		margin-bottom: 0;
	}

	.navLinks {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
}

/* Test CSSS */
@media (max-width:426px) {
	/* .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;
	}

	#referral_form .mb-5 {
		margin-bottom: 0 !important;
	}

	.steps-page.mb-5 {
		margin-bottom: 1rem !important;
	} */
}

/* Test CSSS */