.banner-main{
   /* background-image: url(images/Hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat;
  display: block; */

}
.body{
  /* margin-right: 150px;
  margin-left: 150px;
    background-image: url(images/Hero-bg.png);
  background-size: cover;
  background-repeat: no-repeat; */
  /* margin: auto; */
  font-family:Arial, Helvetica, sans-serif;
  background-color: #F5F8FF;
}

.banner-only{
background-image: url(images/Hero-bg.png);

}
.nav-banner{
  justify-content: space-around;
  background-repeat: no-repeat;
  
}



.nav{
  justify-content: space-between;
  display: flex;
  
  align-items: center;
  margin-right: 150px;
  margin-left: 150px;
}
.nav >h2{
  font-size:34px;
  color: #4E47FF;
  text-align: center;
  
}
.btn-1{
  font-size: 16px;
  color: white;
  padding: 12px 36px;
  background-color:#4E47FF ;
  border: 2px solid #4E47FF;
  border-radius: 10px;
  transition-duration: 0.3s;
  
}
.btn-1:hover{
  color: #4E47FF;
  background-color: white;
  border: 2px solid #4E47FF;
}

.banner{
  text-align: center;
  margin-top: 130px;
  justify-content: center;}

.banner >h1{
  font-size: 65px;
  font-weight: 700;
  margin-right: 150px;
  margin-left: 150px;
}
.btn-2{
  font-size: 16px;
  color: white;
  padding: 12px 36px;
  background-color:#4E47FF ;
  border: 2px solid #4E47FF;
  border-radius: 10px;
  transition-duration: 0.3s;
}

.btn-2:hover{
  color: #4E47FF;
  background-color: white;
  border: 2px solid #4E47FF;
  transition-duration: 0.3s;
}


/* main  */

main{
  margin-right: 150px;
  margin-left: 150px;
}




/* action-section */

.action-section{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 70px;
  margin-right: 150px;
  margin-left: 150px;
}

.action-title{
  font-size: 42px;
}
.action-subtitle{
  font-size:24px ;
  color:#3f3e4f ;
}
.btn-4{
  font-size: 16px;
  color: white;
  padding: 12px 36px;
  background-color:#4E47FF ;
  border: 2px solid #4E47FF;
  border-radius: 10px;
  transition-duration: 0.3s;
}
.btn-4:hover{
  color: #4E47FF;
  background-color: white;
  border: 2px solid #4E47FF;
  transition-duration: 0.3s;
}
.section-image{
  border-radius:48px ;
}

/* section-3 */

.section-3{
  margin-right: 150px;
  margin-left: 150px;
  margin-top: 70px;
 background-image: linear-gradient(#d9d8ff, #dddbee);
 background-size: auto;
 border-radius: 24px;
 padding: 50px 142px 50px 142px ;
 justify-content: space-around;
 background-attachment: fixed;
}

.section-3 >h2{
  font-size: 38px;
  font-weight: 600;
  text-align: center;
}
.section-3-element >h3{
  font-size: 80px;
  color: #4E47FF;
  margin-top: 20px;
}
.section-3-element >p{
  font-size: 20px;
  color: #3f3e4f;
  margin-top: -80px;
}
.section-3-elements{
  display: flex;
  gap: 0 auto;
  justify-content: space-around;
  background-attachment: fixed;
  
}

/* section-4 */

.section-4{
  margin-right: 150px;
  margin-left: 150px;
  margin-top: 137px;
  justify-content: space-around;
 
}

.section-4 >h2{
  font-size: 42px;
  font-weight: 600;
  text-align: center;
}
.section-4-1{
  background-color: white;
  height: 243px;
  width:366px ;
  padding: 24px;
  border: 1px solid #F2EDED ;
  border-radius: 14px;
}
.sections-rating{
  display: flex;
  gap: 20px;
   justify-content: space-between;
}

.rating-title{
  font-size: 24px;
  font-weight: 550;
}
.rating-subtitle{
  font-size: 16px;
  color: rgb(113, 113, 113);
  font-weight: 400;
}

.rating-profile{
  display: flex;
  gap: 12px;
}
.rating-profile > img{
  height: 40px;
  border-radius: 20px;
  margin-top: 24px;
}
.rating-profile >h4{
  font-size: 16px;
  color: #888888;
  margin-top:29px ;
}
.rating-profile-date{
  color: rgb(176, 176, 176);
  font-weight: 400;
  line-height: 2;
  
}

/* section-5 */
.section-5{
  text-align: center;
  background-color:#ffffff ;
  border-radius: 14px;
  padding:150px ;

}
.section-5 >h2{
  font-size: 50px ;
  font-weight: 650px;
  margin-bottom: 20px;
}
.section-5 >p{
  font-size: 16px;
  color: rgb(108, 108, 108);
  margin-top: 20px;
}
.section-5-image{
  border-radius:48px ;
  margin-top: 30px;
}
.btn-5{
  margin-top:10px ;
   font-size: 16px;
  color: white;
  padding: 12px 36px;
  background-color:#4E47FF ;
  border: 2px solid #4E47FF;
  border-radius: 10px;
}
.btn-5:hover{
  color: #4E47FF;
  background-color: white;
  border: 2px solid #4E47FF;
  transition-duration: 0.3s;
}

/* section-6 */
.section-6{
  display: flex;
  align-items: center;
  margin-top: 150px;
  gap: 115px ;
  justify-content: space-around;
  

}
.section-6 >h2{
  font-size: 80px;
  font-weight: 600px;
}
.form-section > form >input, textarea{
  font-size: 20px;
  background-color: white; 
  border:1px #D6DDED solid ;
  border: 1px solid #D6DDED;
  padding: 20px 379px 20px 32px;
  border-radius:10px ;
  margin-top: 10px;
  margin-bottom: 20px;
}
.btn-6{
   font-size: 16px;
  color: white;
  padding: 20px 36px;
  background-color:#4E47FF ;
  border: 2px solid #4E47FF;
  width: 100%;
  border-radius: 10px;
  transition-duration: 0.3s;
}

.btn-6:hover{
  color: #4E47FF;
  background-color: white;
  border: 2px solid #4E47FF;
  transition-duration: 0.3s;
}



/* footer section */


footer >h2{
  font-size: 90px;
  color: #4E47FF;
  font-weight: 1000;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  margin-bottom:10px;
}
footer >p{
 color: #8987A1;
 justify-content: center;
}

footer{
  /* margin-right: 150px;
  margin-left: 150px; */
  text-align: center;
  background-color: white;
  padding: 104px 400px;
  margin-top: 70px;
  
}
.footer-contents >ul{
 display: flex;
 gap: 48px;
 justify-content: center;
 /* justify-content: space-around; */
 /* margin-right: 250px;
  margin-left: 200px; */
}
.footer-contents >ul >li,a{
  text-decoration: none;
  list-style: none;
  color: #8987A1;
}