.email-form{
	width: 80%;
	background: #fff;
	border-radius: 6px;
	padding: 30px 60px 40px 40px;
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}


.container .email-content{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.container .email-content .left-side{
	width: 25%;
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin-top: 15px;
	position: relative;
}

.email-content .left-side::before{
	content: '';
	position: absolute;
	height: 70%;
	width: 2px;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	background: #ffd036;
}

.email-content .left-side .details{
	margin: 14px;
	text-align: center;
}

.email-content .left-side .details i{
	font-size: 30px;
	color: #ffd036;
	margin-top: 10px;
}

 .email-content .left-side details .topic{
	font-size: 18px;
	font-weight: 500;
}

.email-content .left-side details .text-one,
.email-content .left-side details .text-two{
	font-size: 14px;
	color: #999;
}

.container .email-content .right-side{
 width: 75%;
 margin-left: 75px;
}

.email-content .right-side .topic-text{
	font-size: 23px;
	font-weight: 500;
	color: #333;
}

.right-side .input-box{
	height: 50px;
	width: 100%;
	margin: 12px 0;
}

.right-side .input-box input,
.right-side .input-box textarea{
	height: 100%;
	width: 100%;
	border: none;
	font-size: 16px;
	background: #f0f1f8;
	border-radius: 6px;
	padding: 0 15px;
}

.right-side .message-box{
	min-height: 110px;
}

.email-btn .btn {
  padding: 0.75rem 1.5rem;
  outline: none;
  border: none;
  font-size: 1rem;
  font-weight: 600;
  color: var(--light);
  background-color: var(--gold);
  border-radius: 5rem;
  transition: 0.3s;
  cursor: pointer;
}

.email-btn .btn:hover {
  color: var(--gold);
  background-color: var(--light);
}

@media (max-width: 950px){
	.email-form{
		width: 90%;
		padding: 30px 35px 40px 35px;
	}
}

@media (max-width: 768px){
	.email-section{
		margin-top: 40px;
		/* margin-left: 35px; */
		height: 100%;
		
	}
	.container .email-content{
		flex-direction: column-reverse;
	}
	.container .email-content .left-side{
		width: 100%;
		flex-direction: row;
		margin-top: 40px;
		justify-content: center;
		flex-wrap: wrap;
	}
	.container .email-content .left-side::before{
		display: none;
	}
	.container .email-content .right-side{
		width: 100%;
		margin-left: 0;
	}
}