* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 
}
body {
  position: relative;
 overflow-x: hidden;
 width: 150vw;
 
}
nav {
  display: flex;
  width: 100vw;
  max-width: 100vw;
  position: relative;
  padding: 1rem 0rem 1rem 1rem;
  top: 7em;
 margin-left:7rem;
  
  
}
nav h1 {
  flex-grow: 0.4;
  font-size: 2rem;
}
nav ul {
  display: flex;
  background-color: white;
}
nav ul li {
  list-style-type: none;
  padding: 0.5rem ;
  margin: 0 1rem 0;

}
.section {
  display:flex;
 margin-left:7rem;

}
.section div:nth-of-type(2) img{
  position: relative;
  top:-62rem;
  left:-24rem;
  z-index: -1;
  height: 110em;
}
.section div:nth-of-type(2) img:nth-of-type(2){
  position: relative;
  top:-140em;
  left: 0em;
  transform-origin:50% 50%;
  transform :rotate(20deg);
  border-radius:0 0 1em 1em;
}

.section div {
  min-width:35em;
  position: relative;
  top:40rem;
}
.section div h1 {
  font-size:4rem;
  font-weight: 900;
}
.section div h1 span {
  color:#FBA014;
}
.section div p {
  font-size: 1.3rem;
  
}
.section div button{
  background-color: #EDA511;
  padding:1rem 2rem;
  margin:2rem 0 0 0;
  border-radius:1.4rem;
  font-size:1.3rem;
  color:white;
  border-color:#EDA511;
}
.features {
  display: flex;
 margin-top:-120em;
  width:100vw;
 margin-left:7rem;
  
}
.features div {
 min-width: 40vw;
 max-width: 50vw;
  min-height: 28vh;
  max-height: 30vh;
  padding:0 2rem;
  border-radius:2px;
 box-shadow:10px 10px 10px  10px #e9e9e9;
}
.features div h1 {
  font-size: 8rem;
  color:#FCECE8;
}
.features div img {
  position: relative;
  top: -3rem;
  left: 8rem;
  height:6vh; 
  
}
.features div h4 {
  font-size: 1.6rem;
  text-align: center;
  margin:-2rem 0rem 2rem 0rem;
  
}
.features div p {
  text-align: center;
  font-size: 0.8rem;
}
.features div button {
background-color: #E98443;
  padding:1rem 2rem;
  margin:2rem 0 0 0;
  border-radius:1.4rem;
  font-size:1.3rem;
margin-bottom: 2rem;
color: white;
border-color:#E98443;
 
}
.features div:nth-of-type(1) button ,
.features div:nth-of-type(3) button{
 position:relative;
 left: 6rem;
}
.key_features {
  min-height:60vh;
 flex-wrap: wrap;
 margin-left:7rem;
}
  .key_features .div1 {
  display:flex;
  position:relative;
  top:-30em;
  right:95em;
}
    .key_features .div1 img {
      min-height:130em;
      transform: rotate(349deg);
    }      
.key_features .div1 div {
  height: 30em;
 width:50em;
  border-radius:50%;
  position: relative;
  top: 48em;
  right:35em;
 background-image: linear-gradient(140deg,#EB7B4c,#E76169 60% );
}
  .panel {
   
  transform: perspective(1400px) rotateY(55deg) rotateX(10deg) rotateZ(-10deg);
}
.panel img {
 position: relative;
 top: -6.5em;
    left: 20em;
}
.key_features .div2 {
  float: right;
  display: flex;
  flex-direction: column;
  min-width:20em;
  position: relative;
  top: -110em;
  right:12em;
}
.key_features .div2 div {
  display:flex;
 min-width:53vw;
 max-width: 55vw;
 margin-bottom: 5em;
}
.key_features .div2 div img {
  min-height: 6em;
  max-height:6em ;
  min-width:6em ;
  max-width:7.5em;
margin:0em 2em 2em 0em;
padding: 1em;
  background-image: linear-gradient(140deg,#EB7B4c,#E76169 60% );
  border-radius:1em;
}
.key_features .div2 div p span {
  font-size: 2em;
  font-weight: bold;
  margin-bottom: 2em;
}
.testimonials {
  position:relative;
  top:-100em;
  width: 100vw;
  display: flex;
  flex-direction:column;
  align-items: center;
 margin-left:7rem;

}
.testimonials h5 {
  font-size: 3rem;
  font-weight:500;
  position: relative;
  left:2em;
  margin-bottom: 0.5em;
}
.testimonials p {
  position:relative;
  left: 5em;
  text-align: center;
 width:50vw;
 font-size: 1.2rem;
 
}
.container {
  position:relative:
  left:30em;
  display: flex;
  column-gap: 7em;
  margin-top:5em;
}
.testimonials .container p~div {
  padding:3em;
  position: relative;
  right:15em;
  
  min-height:30vh;
  max-height:35vh ;
  min-width:45vw;
 max-width:50vw;
box-shadow:10px 10px 10px  10px #e9e9e9;
}
.container p~div  blockquote {
  text-align: center;
  width: 20em;
  margin-bottom:1em;
}
.quote {
  position: relative;
  left: 8em;
}
.container div figure img {
  margin-top:5em;
  position: relative;
  left: 7em;
  min-height:6em ;
  max-height:7em;
 min-width:7em;
 max-zoom: 8em;
  border-radius:50%;
}
.star {
  display: flex;
  justify-content: center;
  position: relative;
  right: 1em;
}
figure figcaption h4 {
  text-align: center;
  font-size: 1.5em;
  font-weight:450;
}
.rava {
 
  border-radius:  100% 20% 0 0;
 margin-top: -70em;
  padding: 7em 0em;
 background-image: linear-gradient(140deg,#EB7B4c,#E76169 60% );
/* clip-path:url(#svgPath);*/
 overflow: visible;

}
.rava .about{
  display: flex;
 margin-left:7rem;
}
.rava .about form {
  position: relative;
  top: 1em;
  height: 15vh;
  min-width:50vw;
  border-radius:0.4em;
  padding: 2em;
  background-color: white;
  max-width: 50vw;
}
.rava .about form textarea {
  height: 5vh;
  min-width: 45vw;
  border-radius:0.4em;
  background-color: #fbfbfb;
  border:1px solid #fbfbfb;
}
.rava .about form input {
  height: 3em;
  width: 15em;
  margin:0em 1em 0em 0em;
  border-radius:0.4em;
  margin-bottom: 1em;
  background-color: #fbfbfb;
  border:1px solid #fbfbfb;
}
.rava .about form ::-webkit-input-placeholder {
  padding: 0 1em;
  font-size: 1.5em;
}
.rava .about form button {
  padding: 1em 2em;
  border-radius:0.7em;
  position: relative;
  top:2em ;
  left:9em;
  color:white;
  background-color: #Eb8244;
  border:1px solid #Eb8244;
}
.rava .about div {
  color: white;
  padding: 2em;
  min-width:20vw;
}
.rava .about div  h1 {
  font-size: 3.5em;
  width: 50vw;
  margin:bottom:2em;
  
}
.rava .about div p {
  width: 50vw;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.rava .about div p {
  width: 50vw;
  font-size: 1.2em;
  margin-bottom: 1em;
}
.rava .about div .about_image {
  display:flex;
  position:relative;
  top:-1.5em;
  right:1.5em;
}
.rava .about div .about_image img  {
  border:1px solid white;
  border-radius:50%;
  padding: 1em;
  margin:0em 0.5em;
}
footer {
background-image: linear-gradient(140deg,#EB7B4c,#E76169 60% );
  text-align: center;
  font-size: 1.5em;
  position: relative;
  height 5vh;
}
footer p {
  padding: 1em 0em;
  color:white;
}