.refer .yellow {
	background: transparent linear-gradient(180deg, #F1BA1B 0%, #FFFFFF 100%) 0% 0% no-repeat padding-box;
	padding-top: 5em;
	margin-bottom: 5em;
}
.refer .yellow .p-text {
	font-size: 38px;
	line-height: 1.2;
	padding: 0 3em;
	font-family: "Museo Slab 500";
}
.refer .yellow h2 {
	border-color: #fff;
}
.refer .yellow .socials i {
	font-size: 32px;
    padding: 0 0.25em;
}
.refer .formula {
	padding: 5em 0;
}
.formula .calc {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
	align-items: center;
	padding: 3em 0;
}
.formula .calc .item {
	font-size: 38px;
	font-family: "Museo Slab 500";
	line-height: 1.2;
	padding: 0 0.5em;
}
.formula .calc .item i {
	font-size: 42px;
	color: #f0f0f0;
}
.formula .calc .item .symbol {
	font-size: 120px;
	color: #f0f0f0;
}
.refer .img-outline {
	margin-top: -140px;
	box-shadow: rgba(0,0,0, .1) 0 -12px 15px 0;
}
#referform form{
	text-align: left;
}
#referform .gform_wrapper input[type="email"], .gform_wrapper input[type="text"]{
	border-radius: 50px;
    padding: 15px;
    border: none;
}
#referform .top_label .gfield_label, #referform .gchoice label{
	color: #fff;
}
#referform .gform_wrapper .gform_footer{
	max-width: 100%;
	text-align: center;
}
#referform{
	    background-image: url(/wp-content/uploads/2022/08/Group-1760.png);
    background-size: cover;
    background-position: center;
    padding: 100px 0;
}

@media (max-width: 767px) {  

	.formula .calc {
		flex-flow: column nowrap;
		padding: 1em 0;
	}
	.formula .calc .item {
		font-size: 28px;
		padding: 0 0 1em 0;
	}
	.formula .calc .item .symbol {
		display: block;
		line-height: 60px;
		transform: rotate(90deg);
		-webkit-transform: rotate(90deg);
		-moz-transform: rotate(90deg);
		-ms-transform: rotate(90deg);
	}
	.refer .yellow .p-text {
		padding: 0 1em;
	}	
}

@media (max-width: 991px) {  
	.refer .img-outline {
		margin-top: 4em;
	}
}