:root {
  --font-family: "Roboto", sans-serif;
  --second-family: "Playfair Display", sans-serif;
  --third-family: "PT Serif", sans-serif;
  --backround-color: #012d63;
  --main-backround-color: #021635;
  --main-nav-color: #c7c7c7;
  --main-text-color: #ffffff;
  --my-button-color: #8e32c6;
}

body {
  font-family: var(--font-family);
  color: var(--main-text-color);
  background-color: var(--main-backround-color);
}

html {
  scroll-behavior: smooth;
}

.container {
  width: 1130px;
  padding: 0 15px;
  margin-left: auto;
  margin-right: auto;
 /* outline: 1px solid red;*/
}

.header {
  padding: 15px 0;
  background-color: var(--backround-color);
}

.header_flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.header_list {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  font-weight: 300;
  font-size: 24px;
  color: var(--main-nav-color);
  gap: 29px;
  margin-right: 79px;
}

.header_logo {
  margin-right: 152px;
}

.header_language {
  display: flex;
  gap: 8px;
  font-weight: 300;
  font-size: 24px;
  color: var(--main-nav-color);
}

.current_link {
  font-weight: 400;
  color: var(--main-text-color);
}

.hero {
  padding: 100px 0 183px;
  width: 1440px;
  height: 858px;
  margin-left: auto;
  margin-right: auto;
  background-image: url("../img/background.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.hero_title {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 144px;
  color: var(--main-text-color);
}

.hero_suptitle {
  font-family: var(--second-family);
  font-weight: 400;
  font-size: 72px;
  margin-top: 20px;
  margin-left: 12px;
  margin-bottom: 12px;
}

.hero_text{
    width: 504px;
font-weight: 400;
font-size: 18px;
margin-bottom: 41px;
}

.hero_button{
background-color: var(--my-button-color);
font-weight: 400;
font-size: 24px;
color: var(--main-text-color);
padding: 20px 61px;
border-radius: 10px;
}

.hero_button:hover{
  background-color: indigo;
}

#benefits{
padding-top: 30px;
padding-bottom: 30px;
padding: 105px 0;
background-image: url(../img/gadient.jpg);
background-size: cover;
}

.benefits_list{
   display: flex;
  flex-direction: row;
  border: 3px solid #8e32c6;
  padding: 25px;
}

.benefits_item{
margin-left: 50px;


}

.benefits_item_2{
  display: flex;
  flex-direction: column-reverse;
  padding: 0 95px;
border-right: 1px solid #c7c7c7;
border-left: 1px solid #c7c7c7;
}

.benefits_item_3{
margin-right: 50px;

}



.reviews{
    padding: 25px 0 114px;
background-image: url(../img/gragient_2.jpg);
background-size: cover;

}


#reviews{
background-position: left bottom;
  background-image: url(../img/plants.png);
  background-repeat: no-repeat;
background-size: contain;
}

.reviews_text{
text-align: center;
margin-bottom: 25px;
}


.reviews_item{
  width: 255px;
  margin: 0 93px;
  border-radius: 10px;
  padding: 49px 15px 30px;
  background-image:
  linear-gradient(135deg, #00E5E6 7%, #00A8F7 26%, #9A76F9 63%, #CC5EC2 100%);
}


.reviews_item_2{
   width: 255px;
  margin: 0 93px;
  border-radius: 10px;
  padding: 49px 15px 30px;
 background-image:
  linear-gradient(135deg, #FF68B4 0%, #FF45E1 26%, #CE3AFF 63%, #8961FF 100%);
}
  
  







.reviews_item_3{
   width: 255px;
  margin: 0 93px;
  border-radius: 10px;
  padding: 49px 15px 30px;
 background-image:
  linear-gradient(135deg, #FFE128 0%, #FF9B5C 30%, #FF9B5C 63%, #FF5489 100%);

  

}

.reviews_data{
  margin-bottom: 47px;
}




.reviews_author::after{
  content: "";
  width: 31px;
  height: 31px;
background-image: url(../img/Ellipse\ 17.png);
}

.reviews_author_2::after{
    content: "";
  width: 31px;
  height: 31px;
background-image: url(../img/Ellipse\ 18.png);
}

.reviews_author_3::after{
    content: "";
  width: 31px;
  height: 31px;
background-image: url(../img/Ellipse\ 19.png);
}


.reviews_list{
  display: flex;
  flex-direction: row;
}




#order{
    padding: 21px 0 37px;
    height: 510px;
    background-image: url("../img/gadient_3.jpg");
    background-size: cover;
    background-position: center;
}

.order_title{
  text-align: center;
  margin-bottom: 32px;
}

.order_list{
display: flex;
flex-direction: column;
gap: 20px;
align-items: center;
}
 

.order_email{
  display: flex;
justify-content: space-between;
  background-color: #fff;
  width: 690px;
  border-radius: 10px;
  overflow: hidden;

}

.order_email input{
  width: 433px;
  border: none;
  padding: 14px 30px;
}

.Order_btn{
  width: 250px;
  color: var(--main-nav-color);
  border: none;
}

.order-input{
border-radius: 10px;
width: 580px;
border: none;
 padding: 14px 30px;  
}



.Order_button{
  background-color: #8e32c6;
 color: #ffffff;
 padding: 20px 50px;
 font-weight: 400;
border-radius: 10px;
}

.Order_button:hover{
  background-color: indigo;
}

.order-email-button{
color: #c7c7c7;
}



.footer{
    padding:45px 0 50px ;
    background-color: var(--main-backround-color);
}


.footer_item{
  margin: 0 10px;
}

.footer_item_2{
  display: flex;
  justify-content: end;
}