.comment-section{
	display: flex;
    justify-content: center;
    align-items: left;
    flex-direction: column;
	margin-top: 92px;
	padding: 17px 25px;
}

.comment-section .comment-wrapper{
	margin-bottom: 24px;
}

.comment-section .name{
	margin-left: 16px;
	font-family: Inter;
	font-style: normal;
	font-weight: bold;
	font-size: 14px;
	line-height: 150%;
	/* identical to box height, or 21px */

	letter-spacing: 0.5px;

	/* Neutral/Dark */

	color: #223263;
}

.comment-section .comment{
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 180%;
	/* identical to box height, or 22px */

	letter-spacing: 0.5px;

	/* Neutral/Grey */

	color: #9098B1;


	/* Inside Auto Layout */

	flex: none;
	order: 1;
	align-self: center;
	flex-grow: 0;
	margin: 16px 0px;
}

.comment-section .date{
	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 10px;
	line-height: 150%;
	/* identical to box height, or 15px */

	letter-spacing: 0.5px;

	/* Neutral/Grey */

	color: #9098B1;


	/* Inside Auto Layout */

	flex: none;
	order: 3;
	align-self: center;
	flex-grow: 0;
	margin: 16px 0px;
}

.comment-form{
	padding: 17px 25px;
}

.comment-form label{
	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 14px;
	line-height: 150%;
	/* identical to box height, or 21px */

	letter-spacing: 0.5px;

	color: var(--primary);
}

.comment-form input{
	width: 100%;
	height: 160px;

	/* Neutral/Light */

	border: 1px solid #EBF0FF;
	box-sizing: border-box;
	border-radius: 5px;
}

::placeholder{
	position: absolute;
	left: 4.66%;
	right: 4.66%;
	top: 10%;
	bottom: 76.25%;

	font-family: Inter;
	font-style: normal;
	font-weight: normal;
	font-size: 12px;
	line-height: 180%;
	/* identical to box height, or 22px */

	letter-spacing: 0.5px;

	/* Neutral/Grey */

	color: #9098B1;
}

.btn-wrapper{
	width: 100%;
	height: 79px;
	padding: 15px 20px 14px 19px;
	margin-top: 46px;
}

.btn-wrapper .btn-comment{
	width: 100%;
	height: 50px;
	left: 18px;
	bottom: 14px;

	background: linear-gradient(90.34deg, var(--primary) 21.28%, var(--secondary) 84.33%);
	border-radius: 6px;
	border: none;

	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-align: center;

	color: #FFFFFF;
}

.btn-wrapper .btn-comment:hover{
	width: 100%;
	height: 50px;
	left: 18px;
	bottom: 14px;

	background: #FFFFFF;
	border-radius: 6px;
	border: 1px solid #00178F;

	font-family: Inter;
	font-style: normal;
	font-weight: 600;
	font-size: 16px;
	line-height: 19px;
	text-align: center;

	color: #00178F;
}