.about-us { padding: 60px 0; }
.about-wrapper { display: flex; gap: 60px; }
.about-details { width: 50%; }
.about-form-block { width: 50%; position: relative; }
.sub-title { font-size: 22px; font-weight: 500; }
.title { padding-bottom: 80px; position: relative; }
.title span { color: #1f6c51; text-transform: uppercase; }
.title::before { content: ''; width: 150px; height: 40px; background-image: url(../../assets/images/title-icon.png); background-repeat: no-repeat; background-size: contain; position: absolute; bottom: 20px; }
.title.title-center { text-align: center; }
.title.title-center::before { width: 250px; left: 50%; transform: translateX(-50%); background-image: url(../../assets/images/center-title-icon.png); }
.about-rating { background: #1f6c51; padding: 0 20px 0 20px; border-radius: 50px; margin: 20px 0; display: inline-flex; color: #fff; font-size: 16px; position: relative; align-items: center; gap: 20px; }
.about-rating .rating-img { display: block; }
.about-rating .money-icon { width: 80px; }
.about-form-block::after { content: ''; width: 400px; height: 350px; border-radius: 30px; background: #b1dda0; position: absolute; right: -16px; top: -16px; z-index: 0; }
.about-form-block::before { content: ''; width: 80px; height: 150px; background-image: url(../../assets/images/rupees-icon.svg); background-repeat: no-repeat; position: absolute; right: -40px; top: -40px; z-index: 2; }
.about-from-wrapper { padding: 65px 40px; background: #fff; border-radius: 30px; filter: drop-shadow(-37.598px 62.573px 35px rgba(0, 0, 0, 0.07)); z-index: 1; position: relative; }
.form-sub-title { font-size: 28px; line-height: 50px; font-weight: 600; position: relative; }
.form-sub-title::after { content: ''; width: 105px; height: 3px; background: #e3e3e3; position: absolute; top: 50%; transform: translateY(-50%); margin-left: 10px; }
.about-form input.wpcf7-text { padding: 15px 25px; border-radius: 10px; background-color: #ffffff; border: 2px solid #e3e3e3; width: 100%; font-size: 20px; line-height: 32px; color: #000000; }
.about-form label { font-size: 18px; line-height: 32px; color: #000000; font-weight: 400; display: block; }
.about-form .input-group { margin-bottom: 30px; }
.about-form { margin-top: 30px; }
.about-form input::placeholder { opacity: 0.302; font-size: 20px; line-height: 32px; color: #000000; font-weight: 400; }
.checkbox-group { display: inline-flex; border: 2px solid #b1dda0; padding: 10px 20px; border-radius: 30px; margin-bottom: 10px; position: relative; }
.checkbox-group input { position: absolute; opacity: 0; z-index: 1; width: 30px; height: 30px; right: 10px; }
.checkbox-group label { position: relative; cursor: pointer; padding: 0; flex-direction: row-reverse; display: flex; align-items: center;}
.checkbox-group label:before { content: ''; margin-left: 10px; display: inline-block; vertical-align: text-top; width: 30px; height: 30px; background: transparent; border-radius: 50%; border: 2px solid #b1dda0; }
.checkbox-group:has(input:checked) label::before { border-color: #1f6c51; }
.checkbox-group:has(input:checked) label::after { content: ''; position: absolute; right: 7px; top: 7px; background: #1f6c51; width: 20px; height: 20px; border-radius: 30px; }
.checkbox-group:has(input:checked) { background: #b1dda0; }
.about-form .submit-button.btn-green input {
	width: 100%;
	background: transparent;
	border: 0;
	padding: 0;
	font-size: 20px;
	color: #ffffff;
	font-weight: bold;
	font-family: "Century Gothic";
	height: 60px;
	padding: 0 30px;
	cursor: pointer;
  }
  
  .about-form .wpcf7-spinner {
	position: absolute;
	right: -30px;
	margin: 0;
  }
  
  .about-form .submit-button.btn-green {
	position: relative;
	gap: 0;
	padding: 0;
	margin-top: 20px;
	cursor: pointer;
  }
@media (max-width:1400px) {
	.about-form-block::before { right: -10px; }
	.about-form-block::after { right: -10px; top: -12px; }
	.form-sub-title { font-size: 24px; line-height: 46px; }
	.sub-title { font-size: 20px; }
}
@media (max-width:1200px) {
	.form-sub-title::after { width: 45px; }
	.about-from-wrapper { padding: 30px; }
	.form-sub-title { font-size: 20px; line-height: 32px; }
	.about-form .input-group { margin-bottom: 20px; }
	.about-form input.wpcf7-text { padding: 10px 20px; }
	.checkbox-group { padding: 5px 15px; }
	.checkbox-group input { right: 14px; }
	.about-wrapper { gap: 30px; }
}
@media (max-width:992px) {
	.about-wrapper { flex-direction: column; }
	.about-details { width: 100%; }
	.about-form-block { width: 100%; }
}

@media (max-width:767px) {
	.about-form-block::before { width: 60px; height: 100px; background-size: contain; }
	.about-rating .money-icon { width: 60px; }
	.about-form .submit-button.btn-green input{
		height: 42px;
    padding: 0 20px;
	}
}



@media (max-width:575px) {
	.about-rating { gap: 10px; padding: 0 20px 0 0; font-size: 13px; }
	.about-from-wrapper { padding: 15px; }
	.form-sub-title::after { top: auto; bottom: -15px; left: 0; margin: 0; }
	.about-form label { font-size: 16px; }
	.title.title-center::before { width: 150px; }
	.sub-title { font-size: 18px; }
	.title::before { width: 100px; }
	.about-form-block::after { width: 150px; height: 150px; }
	.checkbox-group:has(input:checked) label::after { right: 4px; top: 8px; width: 16px; height: 16px; }
	.checkbox-group label:before { width: 20px; height: 20px; }
	.checkbox-group input { width: 20px; height: 20px; }
}