html,
body,
p,
ol,
ul,
li,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

button,
input,
select {
  margin: 0;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

img,
video {
  display: block;
  height: auto;
  max-width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

a {
  text-decoration: none;
  color: currentColor;
}

body {
  font-family: "Roboto";
}

.container {
  max-width: 1140px;
  margin: 0 auto;
  /* padding-left: 15px;
  padding-right: 15px; */
}

.header {
 padding-left: 168px;
  padding-right: 165px;
  background: #012D63;

}
.header-div{
  display: flex;
  align-items: baseline;
  align-items: center;
  justify-content: space-between;
}
.header-logo {
  width: 120px;
}


.nav {
  display: flex;
  justify-content: flex-end;
  color: #C7C7C7;
  font-size: 24px;
  font-weight: 300;
}

.nav-list {
  display: flex;
  align-items: center;
  color: #C7C7C7;
  gap: 29px;

}


.lang-switch a:hover {
  color: #FFF;
}

.nav-list li :hover {
  color: #FFF;
}

.lang-switch {
  padding: 50px 53px;

}

.hero {
  height: 858px;
  background: url('imgs/nike-bg.webp') center / cover no-repeat;
  padding-top: 200px;
}

.hero-img {
  width: 160px;
  height: 120px;

}

.hero-pid-logo {
  color: #FFF;
  font-family: "PT Serif";
  font-size: 48px;
  font-weight: 400;


}

.hero-title {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 144px;
  font-weight: 400;
}
.hero-subtitle {
  color: #FFF;
  font-family: "Playfair Display";
  font-size: 72px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 12px;
}

.hero-description {
  color: #FFF;
  font-family: Roboto;
  font-size: 18px;
  max-width: 600px;
  margin-bottom: 30px;
  font-weight: 400;
  gap: 12px;
}

.hero-btn {
  width: 254px;
  height: 67px;
  background-color: #8E32C6;
  color: white;
  font-size: 20px;
  font-weight: 600;
  border-radius: 10px;

}
.features {
  height: 606px;
  background: url('imgs/bg-features.webp') center / cover no-repeat;
  padding-top: 105px;
  padding-bottom: 105px;
}

.features-list{
display: flex;
flex-shrink: 0;
padding: 0;
margin: 0 auto;
align-items: center;
justify-content: space-between;
border: 5px solid #8E32C6;
padding-top: 15px ;
padding-bottom: 15px ;

}
.features-container{
border: 5px solid #8E32C6;
display: flex;
gap: 145px;
padding-top: 25px ;
padding-bottom: 25px ;
}

.features-title{
color: #FFF;
text-align: center;
font-family: "Playfair Display";
font-size: 36px;
font-weight: 400;
line-height: normal;
}

.features-one{
border-right:5px solid #FFFFFF;
width: 300px;
margin-left: 30px;
}

.features-three{
border-left:5px solid #FFFFFF;
width: 300px;
}


.reviews {
  height: 520px;
  background-position: center;
  background: url('imgs/bg-Reviews.webp') center / cover;
  background-repeat: no-repeat;
}

.one {
  border-radius: 15px;
  background: linear-gradient(137deg, #00E5E6 7.29%, #00A8F7 26.04%, #9A76F9 62.5%, #CC5EC2 100%);
  box-shadow: 0 14px 0 -5px #7B54B2, 0 30px 0 -13px #533978;
  padding: 49px 14px 29px 13px;
}

.two {
  border-radius: 15px;
  background: linear-gradient(137deg, #FF68B4 0%, #FF45E1 26.04%, #CE3AFF 62.84%, #8961FF 100%);
  box-shadow: 0 14px 0 -5px #9159B1, 0 30px 0 -13px #61337C;
  padding: 49px 9px 29px 18px;
}

.three {
  border-radius: 15px;
  background: linear-gradient(143deg, #FFE128 0%, #FF9B5C 30.21%, #FF8381 63.29%, #FF5489 100%);
  box-shadow: 0 14px 0 -5px #B95A4C, 0 30px 0 -13px #732F26;
  padding: 49px 9px 29px 18px;
}

.reviews-list {
  display: flex;
  justify-content: center;
  gap: 93px;
}

.reviews-item {
  width: 255px;
  height: 292px;
}

.reviews-title {
  color: #FFF;
  text-align: center;
  font-family: "Playfair Display";
  font-size: 48px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 24px;
  margin-bottom: 24px;
}

.reviews-subtitle {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}

.date {
  color: #D8D8D8;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 47px;
}

.name {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-left: 54px;
}
.name-div{
  margin-left: -45px;  
}
.reviews-wrapper {
  display: flex;
  align-items: center;

 }
 .reviews-img{
  display: block;         
  margin: 0;
 }

.reviews-text {
  color: #D8D8D8;
  font-size: 14px;
  font-weight: 400;
  line-height: normal;
  margin-left: 54px;
}

.reviews-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.order {
  background-repeat: no-repeat;
  background-position: center;
  background: url('imgs/bg-order.webp') center / cover no-repeat;  
}

.order-title {
color: #FFF;
font-family: "Playfair Display";
font-size: 48px;
font-weight: 400;
line-height: normal;
text-align: center;
margin-bottom: 33px;

}

.order-list{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 33px;
}
.order-input{
color: #959595;
font-size: 28px;
font-weight: 400;
line-height: normal;
border-radius: 50px;
background: #FFF;
width: 580px;
height: 50px;
padding-left: 24px;

}
.order-input-one{
width: 690px;
height: 60px;
}

.order-confirm:hover {
  background-color: #f0f0f0;
}

.order-btn {
color: #FFF;
font-size: 24px;
font-weight: 400;
border-radius: 16px;
background: #8E32C6;
width: 248px;
height: 68px;
margin-top: 19px;
margin-left: 440px;
margin-bottom: 16px;
}

.footer {
  background-color: #021635;
}

.footer-text {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}

.footer-link-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.footer-link {
  color: #FFF;
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
  
}

.footer-adress {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.footer-country {
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: normal;
}

.footer-container {
  display: flex;
  gap: 373px;
  padding-top: 15px;
  padding-bottom: 15px;
  align-items: center;
}

.footer-CR {
  color: #FFF;
  font-family: "PT Serif";
  font-size: 24px;
  font-weight: 400;
  line-height: normal;
}

.logo-container {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: flex-end;
  align-items: center;
  margin-bottom: 30px;
}

.footer-logo {
  width: 108px;
  height: 81px;
}

.footer-adress-container {
  display: flex;
  justify-content: space-between
}

.footer-email-container {
  display: flex;
  flex-direction: column;
  margin-top: 24px;
}