/* About page css */
.container {
  max-width: 1200px;
  margin: auto;
/*   padding: var(--space-40) var(--space-20); */
}



@media (max-width: 768px) {
	.benefits, .hero{
	padding-block:var(--space-48) !important;
    margin-inline:16px !important;
    
}
	.benefits, .hero .container{
		padding:0 !important;
	}
	.benefits{
		.container{
			padding-bottom:48px !important;
			padding-inline:0 !important;
		}
	}
}


/* Sections */
.section {
  padding: 80px 0;
}
.form-container{
  display:flex;
  text-align:left;
  column-gap:var(--space-32);
  margin-top:var(--space-48);
  align-items: center;
	@media (max-width:767px){
		  margin-top:var(--space-24);
	}
}
.sub-title{
	padding-top:var(--space-32);
}
.title, 
.sub-title {
    text-align: center;
	@media (max-width:767px){
		text-align: left;
	}
}
.col-70{
	width:70%;
}
.col-30{
	width:30%;
/* 	padding:var(--space-24); */
}
.form-part{
	padding: var(--space-40);
	background:#ffffff;
	border-radius: 14px;
	box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.1);
	@media (max-width:767px){
		padding: var(--space-12);
	}
}
.benefits, .hero{
	padding-bottom:var(--space-96);
}
.benefit{
	display:flex;
	flex-wrap:wrap;
	column-gap:var(--space-18);
	justify-content: space-between;
}
.benefit-content {
    width: 48%;
    padding: var(--space-16);
}

/* ================= RESPONSIVE ================= */
@media (max-width: 768px) {
  .form-container, .benefit{
    flex-direction: column;
    padding:unset !important;
    gap:var(--space-16);
  }
 .benefit-content{
	padding:unset !important;
	}
.benefit-content, .col-70, .col-30 {
    width: 100%;
	text-align:left;
}


  .hero h1 {
    font-size: 28px;
  }

  .section {
    padding: var(--space-60) 0;
  }
	.choose-col div {
    width: 100%;
}
	.form-container, .ceo-name{
		    padding-block: 10px;
    text-align: center;
	}
	.contact-map{
	a{
		margin-block:10px;
	}
}
}
.contact-page-form{
	.wpforms-submit-container{
		text-align:right !important;
		@media (max-width:767px){
			text-align:center !important;
		}
	}
}