.left-form-wrap{display:grid;}

.calendly-badge-widget{z-index:-1 !important;}

.sign-up .headline.headline-friend {
	margin: 107px 0 22px;
	text-align: center;
}

.friend-content-wrap{
	text-align:center;

	margin-bottom:20px;
}

.contact-page-form-friends{
	text-align:left;

}


.friend-content-wrap h2{
	text-align:center;
	font-size: 1.5em;
}
.friend-content-wrap h2,
.friend-content-wrap h3,
.contact-page-form-friends h3
{
	color: var(--palette-matisse);
	font-size: 1.4em;
}


.friend-content-wrap strong{ 
	color: #fc9924;
font-size: 1.8rem;
}

.contact-page-form-friends ul {
	list-style: none; /* Remove default bullets */
	margin: 0 0px 20px 20px;
	font-size: 1.2em;
}

.contact-page-form-friends ul li::before {
	content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
	color: var(--palette-matisse); /* Change the color */
	font-weight: bold; /* If you want it to be bold */
	display: inline-block; /* Needed to add space between the bullet and the text */
	width: 1em; /* Also needed for space (tweak if needed) */
	margin-left: -1em; /* Also needed for space (tweak if needed) */
}


.sign-up.sign-up-friend form {
	grid-gap: 5px 42px;
}

.friend-title{
	color: var(--palette-matisse);
	font-size: 1.4em;
	font-weight: 600;
}

.contact-page-form form label{
	display:block;
}

.submit-wrapper{
	width: 100%;
	display: grid;
	grid-area: 2 / 1 / 3 / 3;
	font-size: 1.2em;
	font-weight: 600;
}

.bubble.friend-bubble{
	/* 	background:#fff; */
	border-radius: 20px;
	justify-content: center;
	margin: 10px auto;
	font-size: 1.5em;
	width: 58%;
	justify-content: space-between;
	height: 40px;
}

.bubble.friend-bubble span.wpcf7-list-item{
		height: 40px !important;
}

.contact-page-form .submit-wrapper input[type="submit"]{
	width:100%;
}


#crmWebToEntityForm{display:none !important;}

@media (min-width: 1023px){
	.tooltip{
		display:none;
		position: absolute;
		color: #fff;
		padding: 5px;
		border-radius: 5px;
		bottom: -12%;
		left: 50%;
		transform: translateX(-50%);
		white-space: nowrap;
		opacity: 0.8;
		z-index: 1;
	}
}

@media (max-width: 1023px){

	.friend-content-wrap{
		padding:0 15px;
	}
	.sign-up .headline.headline-friend {
		margin: 8vw 0 0vw;
		text-align: center;
	}

	.friend-content-wrap h2, .friend-content-wrap h3 {
		font-size: 5.4vw;
		line-height: 6.4vw;
	}

	.sign-up .headline.headline-friend h1{font-size: 10vw;}

	.sign-up .headline.headline-friend h1:after{margin-top: 6vw}

	.sign-up form {grid-gap: 0 56px;}

	.sign-up.sign-up-friend form{display:block;}
	
		.submit-friend p{margin-bottom:0;}
	
	.tooltip{
		display:block;
		position: relative;
		color: #fff;
		padding: 5px;
		border-radius: 5px;
		opacity: 0.8;
		z-index: 1;
	}
}