@import url('var.css');
*,::before,::after{

	padding: 0;
	margin: 0;
	transition: 0.5s linear;
	box-sizing: border-box;
	font-family: "Montserrat", sans-serif;
}

.ph-232fsdadfas4333ffas{
background: var(--bg);
}

.ph-232fsdadfas4333ffas .ph33fas3ffaszzy{
	background: var(--bg);
	width: 100%;
/*	height: 80px;*/
}

.f34534fassslgo{
	width: 50px;
	height: 50px;
}

.fxl3i4farrs{
	width: 60%;
    align-items: center;
    justify-content: space-between;
    height: auto;
}

.slxlslrtiidss{
	background: purple !important;
	color: var(--txt-color) !important;
}

.x232tfa5533fz616 ul li a{
	color: var(--txt-color);
}

.x232tfa5533fz616 ul li a:hover,
.x232tfa5533fz616 ul li a:focus{
	color: var(--hover-clr);
}

button.navbar-toggler{
	color: white !important;
	border: 2px solid gainsboro;
}

button.navbar-toggler:focus{
	border-color: var(--hover-clr);
	box-shadow: 0 0 0 .25rem var(--hover-clr);
	/* outline: var(--buzz-sm-box-bg); */
}

.__alxl_fllas{

	width: 100%;
	height: 100vh;
}


/*home*/
.__alxl_fllas .cclfl33azdflsssadd{
	width: 100%;
	height: 100%;
}
.__alxl_fllas .cclfl33azdflsssadd img{
	width: 100%;
	height: 100%;
}


.__alxl_fllas
.cclfl33azdflsssadd
.fxll3oo440sdas043lsskd
{
	background: var(--hover-clr);
	color: var(--txt-color);
	padding: 10px 15px;
	text-decoration: none;
	border-radius: 6px;
}

.to-relative{
	position: relative;
}

.to-absolute{
	position: absolute;
}

.xg-btn{
	bottom: 4rem;
	left: 4.5rem;
}

.__what_is h1{
	font-size: 5rem;
	font-weight: 600;
	color: var(--txt-color);
}

.venom-descri{
	width: 100%;
	height: 400px;
	color: var(--txt-color);
	background: var(--bg2);
	border: 2px solid gray;
	border-radius: 4rem;
	padding: 5rem 4rem;
}
.xslspacer
{
	height: 80px;
	width: 100%;
}

.sm-gap-spacer{
	height: 2rem;
}

.__phe__{
	height: 500px;
	width: 100%;
	border-radius: 4rem;
}

.__phe__ img{
	width: 100%;
	height: 100%;
	border-radius: inherit;
}

.xf-waitlist{
	width: 180px;
	height: 50px;
	border-radius: 10px;
	border: 2px solid gray;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
	margin: auto;
	color: var(--txt-color);
}

.phe__ img{
	border-radius: 20px;
	width: 100%;
	height: 100%;
}

.phe__ .l4lsttfaxxy{
	width: 100%;
	height: 70vh;
}

/*.__how_you{


}*/

.__how_you h2{
	font-size: 3rem;
	color: var(--txt-color);
}

.lsl5f-34099a ol li{
	margin: 1rem 0;
	color: var(--txt-color);
}
.lsl5f-34099a h6{
	color: var(--txt-color);
}

.xlg-btn{
	background: var(--hover-clr);
	color: var(--txt-color);
	text-decoration: none;
	border-radius: 8px;
}

.__img__{
	width: 100%;
	height: 90vh;
}

.__img__ img{
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.xl-large{
	width: 230px !important;
}

.__width__{
	width: 100%;
	height: 85vh;
}

.__width__ img{
	width: 100%;
	height: 100%;
	border-radius: 20px;
}

.sm-width-40{
	width: 180px;
	margin: auto;
	text-align: center;
}

.wrapper{
	width: 250px;
	height: auto;
	margin: 10px auto;
	display: flex;
	align-items: center;
	justify-content: space-evenly;
}

.wrapper a{
	width: 50px;
	height: 50px;
	display: inherit;
	align-items: inherit;
	justify-content: inherit;
	border-radius: 8px;
	background: #242424;
	text-decoration: none;
	border:2px solid dimgray;
}

.phe-logo{
	width: 70px;
	display: block;
	margin: auto;
	height: 70px;
}

.socials p{
	margin:0 auto;
	text-align: center;
	color: var(--txt-color);
}

.socials p a{
	color: var(--txt-color);
}

/*registration*/

.signupWrapper{
	width: 100%;
	height: 100vh;
/*	border: 2px solid white;*/
}

.__logo__ h1{
	color: gray;
	text-align: center;
}

.topStatic{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.fal4laskl{
	width: 60vw;
	height: 600px;
}

.__fixDataforall{

	width: 80%;
	height: 400px;
	margin: 0 auto;
}

.mfafash-wrapper{
	width: 80%;
	height: 80px;
	margin: 10px auto;
}

.mfafash-wrapper label{
	color: gray;
	margin-bottom: 5px;
}

.mfafash-wrapper .xlsl-04-fas{
	width: 100%;
	height: auto;
}

.mfafash-wrapper .xlsl-04-fas input{
	width: 100%;
	background: transparent;
	padding: 5px 10px;
	color: gray;
/*	border: none;*/
	border: 1px solid #242424;
	border-radius: 8px;
	outline: none;
}

.mfafash-wrapper button.btn{
	background: var(--hover-clr);
	width: 100%;
	color: var(--txt-color);
	cursor: pointer;
}

.mfafash-wrapper button.btn:disabled{
	opacity: 0.5;
	cursor: no-drop;
}

.to-two{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.to-two button.btn{
	width: 50%;
}

.to-two button.btn:nth-child(1){
	background: dimgray !important;
}

.pckge{
	width: 100%;
	height: 50px;
	border-radius: 8px;
	background: transparent;
	border: 1px solid gray;
	color:var(--txt-color);
/*	padding: 20px;*/
}


.inherit{
	height: inherit;
}

.err{
	border: .4px solid red !important;
}


.lasliwels option{
	background-color: #333; /* Background color for options */
    color: #fff; /* Text color for options */
}

.lasliwels:hover{
	    background-color: #444; /* Darker background on hover */
}

.__mobile__{
	display: none !important;
}

.__strechi__{
	width: 400px !important;
	display: block;
	margin: 0 auto;
}