@font-face {
  font-family: 'FredokaOne';
  src: url('../fonts/FredokaOne-Regular.ttf') format('truetype');
}


* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul {
  list-style-type: none;

}

li {
  font-family: 'FredokaOne';
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #0F0101;
}

a {
  text-decoration: none;
  font-family: 'FredokaOne';
}

/*header*/
.header-container {
  background-color: #fcf2f5;
}

.container-navbar {
  width: 100%;
  max-width: 1125px;
  height: 79px;
  margin: 0 auto;
  background-color: #fcf2f5;

}

.logo {}

.header-list {
  display: inline-block;
}

.header-fonts {}

.header-item {
  display: inline-block;
}

.header-inner {
  display: inline-block;
  align-items: center;
  max-width: 1125px;
  height: 79px;
}

.header-nav {
  display: inline-block;
  padding-left: 266px;
}

.logo-icon {}

.btn-primary {
  font-family: 'FredokaOne';
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0%;
  color: #FFFFFF;
  background-color: #D23166;
  width: 165;
  height: 49;
  top: 25px;
  left: 1205px;
  angle: 0 deg;
  opacity: 1;
  border-radius: 5px;
  padding: 14px 50px 13px 50px;
  margin-left: 17px;
  border: none;
}

.hero-btn {
  margin-top: 50px;
}
.hero-bg-img{
  width: 895px;
  height: 742px;  
  margin-left: 35%; 
  padding-top: 37px;   
}
.header-item+.header-item {
  margin-left: 40px;
}

.hero-text {
  width: 665px;
  height: 365px;
  padding-bottom: 213px;
}

.hero-sub-title {
  font-family: 'FredokaOne';
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 10%;
  color: #0F0101;
}

.hero-title {
  font-family: 'FredokaOne';
  font-weight: 400;
  font-size: 57.33px;
  line-height: 121%;
  letter-spacing: 0%;
  padding-top: 6px;
}

.hero-highlight {
  font-family: 'FredokaOne';
  font-weight: 400;
  font-size: 57.33px;
  line-height: 121%;
  letter-spacing: 0%;
  color: #D23166;
}

.hero-sub-text {
  font-family: 'FredokaOne';
  font-weight: 400;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0%;
  padding-top: 35px;
}


.hero-section {
  padding-top: 196px;
  background-color: #fcf2f5;
}

.container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding-bottom: 213px;
}

.hero-container {}

.hero-text {}

.sub-title {}

.btn {}

.hero-image {}


.features {
  width: 1117px;
  height: 240px;
  margin: 0 auto;
}

.container-features-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}

.features-grid {}

.feature-card {}

.icon {}

.promo-section {}

.promo-container {}

.promo-text {}

.promo-image {}

.products-section {}

.section-title {}

.categories {}

.active {}

.product-row {}

.product-img {}

.product-info {}

.price {}

.btn-secondary {}

.reverse {}

.app-section {}

.app-container {}

.app-image {}

.phone-mockup {}

.app-text {}

.download-buttons {}

.btn-dark {}

.fab {}

.fa-google-play {}

.fa-apple {}

.contact-section {}

.contact-container {}

.contact-form {}

.container-footer-container {}

.footer-about {}

.footer-links {}

.footer-subscribe {}

.subscribe-box {}