.faq-page .ctrl-wraper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
}
.faq-page .faq-left-side {
	background-color: #fff;
	padding: 30px;
	width: 100%;
	border-right: 3px solid #f8f8f8;
	margin-bottom: 20px;
	float: left;
}
.faq-page .faq-left-side h4 {
	font-size: 20px;
	color: #333f4b;
	font-weight: 400;
	margin-bottom: 25px;
	margin-top: 0px;
}
.faq-page .faq-left-side .cat-list {
	display: flex;
	flex-direction: column;
	width: 100%;
}
.faq-page .faqs-wraper {
	background-color: #fff;
	padding: 20px;
	width: 100%;
	margin-bottom: 20px;
	float: left;
}
.faq-page .faqs-wraper h5 {
    text-align: center;
    padding-bottom: 50px;
}
.faq-page .faq-form-box {
	background-color: #0c3e6a;
	padding: 20px;
	overflow: hidden;
}
.faq-page .faq-form-box h4 {
	font-size: 20px;
	line-height: 20px;
	color: #fff;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 0px;
}
.faq-page .faq-form-box .form-container {
	max-width: 255px;
	margin: auto;
}

.faq-page .faq-form-box .faq-form input,.faq-page .faq-form-box .faq-form .faqs-input {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 20px;
	padding: 10px 0px;
	color: rgba(255, 255, 255, 0.7);
	font-weight: 300;
	display: block;
	width: 100%;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1)!important;
	resize: none;
}
.faq-page .faq-form-box .faq-form input::placeholder,.faq-page .faq-form-box .faq-form .faqs-input::placeholder {
	color: #fff;
}

.faq-page .faq-form-box .faq-form input:focus,.faq-page .faq-form-box .faq-form .faqs-input:focus {
	box-shadow: none!important;
	outline: none!important;
}
.faq-form-box svg {
	position: absolute;
	width: 320px;
	height: 320px;
	overflow: visible!important;
}

.faq-form-box svg path {
	fill: none;
	stroke: #fff;
	stroke-width: 2;
	stroke-dasharray: 240 1386;
}

.faq-form-box .faq-form input {
	background: transparent;
	border: 0;
	color: #f2f2f2;
	font-size: 20px;
	height: 62px;
	line-height: 30px;
	outline: none!important;
	width: 100%;
	margin-bottom: 26px;
}

.btn-cmnts-submit {
	background-color: transparent;
	border: 1px solid rgba(255, 255, 255, 0.1)!important;
	padding: 20px;
	font-size: 14px;
	line-height: 14px;
	color: #fff!important;
	text-transform: capitalize;
	font-weight: 400;
	border: none;
	border-radius: 30px;
	max-width: 250px;
	width: 100%;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-cmnts-submit:hover {
    background-color: #ff8601;
    border: 1px solid #ff8601;
}
@media screen and (-ms-high-contract: active) {
	svg {
		fill: ButtonText;
	}
}







@media (max-width: 1920px) {
	.faq-page .faq-left-side {
		max-width: 20%;
		width: 20%;
		padding: 30px;
	}
	.faq-page .faqs-wraper {
        padding: 25px 40px 10px 40px;
        max-width: 55%;
        width: 55%;
        margin-top: 0px;
    }
	.faq-page .faq-form-box {
		padding: 25px 20px;
		max-width: 25%;
		width: 25%;
		order: unset;
	}
}
@media (max-width: 1440px) {
	.faq-page .faq-left-side {
		order: unset;
		padding: 20px;
		max-width: 25%;
		width: 25%;
	}
	.faq-page .faqs-wraper {
		padding: 30px;
		max-width: 75%;
		width: 75%;
		order: unset;
		margin-top: 0px;
	}
	.faq-page .faq-form-box {
		display:none;
	}
	.btn-cmnts-submit {
		padding: 17px 30px;
	}
}
@media (max-width: 1200px) {
	.faq-page .faq-left-side {
		margin-bottom: 0px;
		width: 25%;
	}
	.faq-page .faq-left-side h4 {
		margin-bottom: 50px;
	}
	.faq-page .faqs-wraper {
		max-width: 75%;
		width: 75%;
		margin-bottom: 0px;
	}
	.faq-page .faq-form-box {
		display:none;
	}
	.faq-page .faq-form-box h4 {
		line-height: 30px;
	}
	.faq-page .faq-form-box .faq-form input,.faq-page .faq-form-box .faq-form .faqs-input {
		line-height: 26px;
		padding: 20px 0px;
	}
	.btn-cmnts-submit {
		padding: 20px 30px;
		font-size: 18px;
		line-height: 16px;
	}
}
@media (max-width: 768px) {
	.faq-page .faq-left-side {
		display:none;
	}
	.faq-page .faqs-wraper {
        max-width: 100%;
        width: 100%;
		padding: 40px;
	}
}
@media (max-width: 480px) {
	.faq-page .faq-left-side {
		margin-bottom: 30px;
	}
	.faq-page .faq-left-side h4 {
		margin-bottom: 35px;
	}
	.faq-page .faq-left-side .cat-list {
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.faq-page .faqs-wraper {
		padding: 30px;
		margin-bottom: 30px;
	}
	.faq-page .faq-form-box {
		width: 100%;
		padding: 30px;
	}
	.faq-page .faq-form-box h4 {
		line-height: 24px;
		margin-bottom: 30px;
	}
	.faq-page .faq-form-box .faq-form input,.faq-page .faq-form-box .faq-form .faqs-input {
		font-size: 16px;
		line-height: 20px;
		padding: 10px 0px;
	}
	
	.btn-cmnts-submit {
		padding: 20px 22px;
		font-size: 15px;
		line-height: 15px;
	}
	
}