.hero .e2{
  margin-top: 130px;
}
.hero .e2::before {
	position: absolute;
	display: block;
	background: #07423d;
	width: 100%;
	height: 65px;
	content: '';
	top: -65px;
	clip-path: polygon(0 62px, 100% 0, 100% 100%, 0 100%);
	z-index: 3;
}
.hero .e2::after {
	position: absolute;
	display: block;
	background: linear-gradient(90deg, #957A61 0%, #EDCBAD 49%, #957A61 95%);
	width: 100%;
	height: 80px;
	content: '';
	top: -80px;
	clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 100%);
	z-index: 2;
}
.hero .heroimg {
	margin-top: -300px;
	z-index: 4;
}
.heroimg img {
  width: 400px;
}

.info-section {
  background-color: #f8f7f3; 
}

.info-box {
  background-color: #07423d; 
  border-radius: 1rem;
  box-shadow: 0 4px 12px rgba(0,0,0,0.1);
  transition: transform 0.3s ease;
}
.info-box p{
  color:#dfe8e7;
}

.info-box:hover {
  transform: translateY(-5px);
}

.info-number {
	font-family: 'Savoye LET';
	font-size: 4rem;
	display: block;
	line-height: 0.7;
}
.info-section .form {
	right: 40%;
	bottom: -40px;
	width: 300px;
	height: 270px;
}
.ce-phone {
	width: 100%;
	text-align: center;
	margin-top: 10px;
	border: 1px solid #aaa;
	border-radius: 10px;
	height: 35px;
}
.info-section img{
  height: auto;
  width: 80%;
}
.info-section ul{
  list-style: none;
  padding: 0;
}

.info-section li {
  position: relative;
  padding-right: 30px; 
}

.info-section li::before {
  content: '';
  position: absolute;
  right: 0;
  top: 12px;
  transform: translateY(-50%);
  width: 20px; 
  height: 20px;
  background: url("../img/about/info-items.svg") no-repeat center center;
  background-size: contain; 
}

.services{
  background-image: linear-gradient(#ECE6DD 0%,#F8F7F4 100%);
}
.services::before {
	position: absolute;
	display: block;
	background: #ECE6DD;
	width: 100%;
	height: 65px;
	content: '';
	top: -63px;
	clip-path: polygon(0 62px, 100% 0, 100% 100%, 0 100%);
	z-index: 3;
}
.services::after {
	position: absolute;
	display: block;
	background: linear-gradient(90deg, #957A61 0%, #EDCBAD 49%, #957A61 95%);
	width: 100%;
	height: 80px;
	content: '';
	top: -80px;
	clip-path: polygon(0 0, 100% 80px, 100% 100%, 0 100%);
	z-index: 2;
}
@media(max-width:768px){
	.info-section form{
		position: unset !important;
    	margin: 20px;
	}
	.hero .heroimg{
		position: unset !important;
		margin-top: -100px;
	}
}