#contact.atf-section-padding {
  padding: clamp(30px, calc( (80 / 1920) * 100vw ), 80px) 0;
}

#contact .atf-section-title h5 {
  margin-top: 0.5rem;
  font-size: clamp(14px, 0.85vw, 16px);
  color: var(--color-primary);
  letter-spacing: 1.8px;
}

#contact .atf-section-title h2 {
  font-size: clamp(24px, 2.1vw, 40px);
  line-height: 1.2;
  text-shadow: 3px 4px 10px rgba(0, 0, 0, 0.2);
  font-weight: 700;
  text-transform: capitalize;
}

.contact-desc {
  border-left: 2px solid var(--color-primary);
}
.contact-desc p
{
	font-size: clamp(16px, 0.95vw, 18px);
}
#contact .form-group {
  position: relative;
	margin-bottom: 30px;
}

.crm_inquiry_form_boxcustom_inquiry_form_1768490632676247 .inqury_title_box .inqury_title_text{
	font-size: clamp(22px, 1.7vw, 32px);
}

.atf-contact-area form input:focus,
.atf-contact-area form textarea:focus,
.atf-contact-area form input:hover,
.atf-contact-area form textarea:hover {
	border: 1px solid var(--color-primary);
}
.atf-contact-area form input,
.atf-contact-area form textarea {
	width: 100%;
	padding: 10px 20px;
	border: 0;
	font-weight: 400;
	color: var(--title-text-color);
	border: 1px solid #ddd;
	transition: all 0.3s ease-in-out 0s;
}
.atf-contact-area form textarea {
  max-height: 120px;
}

.atf-contact-area ::-webkit-input-placeholder {
	color: inherit;
}
.atf-contact-area ::-moz-input-placeholder {
	color: inherit;
}
.atf-contact-area ::-ms-input-placeholder {
	color: inherit;
}

.atf-contact-area .crmFormVali-error {
  top: calc(100% + 5px);
  left: 0;
  right: inherit;
}

.atf-contact-form .button {
  margin: 0;
}

#contact .atf-themes-btn {
  width: 100%;
	color: #fff;
	background: var(--color-primary);
	border-radius: var(--button-radius);
	font-size: 15px;
	padding: 14px 23px;
	font-weight: 700;
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
	display: inline-block;
	-moz-transition: all 0.5s ease-in-out 0s;
	-ms-transition: all 0.5s ease-in-out 0s;
	-o-transition: all 0.5s ease-in-out 0s;
	-webkit-transition: all 0.5s ease-in-out 0s;
	transition: all 0.5s ease-in-out 0s;
	letter-spacing: 0.08em;
}
#contact .atf-themes-btn:hover{
	background: var(--btn-hover, --color-second);
	color: #fff;
}

#contact #atf-map-area {
  height: 100%;
  min-height: 350px;
}

@media only screen and (max-width: 991px) {
  .contact-desc {
    margin-top: 20px !important;
    padding-left: 20px !important;
  }
  #contact.atf-section-padding .pt-4 {
    padding-top: 20px !important;
    margin-top: 20px !important;
  }
}