/* line 1, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage {
  display: flex;
  flex-direction: column;
}

/* line 5, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-container {
  display: flex;
  margin: 10px auto 15px;
  width: 1440px;
}

/* line 11, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .heading-and-image-hero-container {
  display: flex;
  width: 1440px;
  padding: 0 7%;
}

/* line 17, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .heading-subheading-container {
  display: flex;
  flex-direction: column;
  padding-left: 5px;
  width: 60%;
}

/* line 24, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .heading-container {
  padding: 0  0 10px 20px;
}

/* line 27, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .heading-container h1 {
  color: #004467;
  font-weight: 600;
  font-size: 45px;
  margin: 0;
}

/* line 35, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .subheading-container {
  display: flex;
  flex-direction: column;
  margin: 10px 0;
  padding: 0 0 0 20px;
}

/* line 42, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .subheading-and-checkmark-container {
  display: flex;
  align-items: center;
  margin: 0 0 25px 0;
}

/* line 47, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .subheading-and-checkmark-container.hide-in-desktop {
  display: none;
}

/* line 52, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .sub-heading {
  margin: 0 0 0 10px;
  color: #00314C;
  font-size: 20px;
}

/* line 58, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .image-hero-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-right: 25px;
  width: 40%;
}

/* line 66, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 10px;
  width: 100%;
  height: 280px;
  background: url(https://assets.pricefox.gr/greece/pricefox.gr/production/gr/images/general/homepage-hero-section-new/wave-small-curve.svg) no-repeat top;
  background-size: cover;
}

/* line 76, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-links-container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  width: 1440px;
  height: 180px;
  margin: 0 auto;
  background-color: #004467;
}

/* line 87, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-link-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 140px;
  height: 140px;
  padding: 0 0 15px;
  background: #ffffff;
  border-radius: 20px;
  text-align: center;
  font-weight: 700;
  cursor: pointer;
}

/* line 100, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-link-box p {
  color: #004467;
  font-size: 14px;
  margin-top: 15px;
}

/* line 106, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-name {
  width: 80px;
}

/* line 110, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-link-box .arrow-container {
  display: flex;
  align-items: center;
  gap: 10px;
  justify-content: center;
  padding: 15px 15px 15px;
  margin-bottom: 13px;
  width: 100%;
  height: 30px;
}

/* line 120, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-link-box .arrow-container .arrow-img {
  width: 15px;
}

/* line 125, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-img {
  width: 60px;
  height: 28px;
}

/* line 130, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-button-mobile {
  display: none;
}

/* line 135, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .hero-section-google-rating {
  display: flex;
  justify-content: center;
  margin: 0 auto;
}

/* line 140, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .hero-section-google-rating .google-rating-container {
  display: flex;
  align-items: center;
  width: 180px;
  gap: 10px;
}

/* line 146, pricefox/pages/hero-section-homepage.scss */
.hero-section-homepage .hero-section-vertical-links .hero-section-google-rating .google-rating-container p {
  color: #FFFFFF;
  font-size: 18px;
}

@media (min-width: 993px) and (max-width: 1440px) {
  /* line 157, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container {
    margin: 10px auto 0;
    width: 100%;
  }
  /* line 162, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .heading-and-image-hero-container {
    width: 1440px;
    padding: 0 3%;
    margin: 0 auto;
  }
  /* line 168, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .heading-subheading-container {
    padding-left: 5%;
  }
  /* line 172, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .heading-container {
    padding: 0  0 10px 20px;
  }
  /* line 175, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .heading-container h1 {
    line-height: 40px;
    font-size: calc(35px + (42 - 35) * ((100vw - 992px) / (1440 - 992)));
  }
  /* line 181, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .subheading-container {
    margin: 10px 0;
    padding: 0 0 0 20px;
  }
  /* line 186, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .subheading-and-checkmark-container {
    margin: 0 0 15px 0;
  }
  /* line 189, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .subheading-and-checkmark-container.hide-in-desktop {
    display: none;
  }
  /* line 194, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .sub-heading {
    margin: 0 0 0 10px;
    font-size: calc(16px + (20 - 16) * ((100vw - 992px) / (1440 - 992)));
  }
  /* line 199, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .image-hero-container {
    padding-right: 9%;
  }
  /* line 203, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links {
    height: 210px;
    width: 100%;
    padding-bottom: 20px;
  }
  /* line 208, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-links-container {
    gap: 15px;
    width: 992px;
    height: 150px;
    margin-bottom: 5px;
  }
  /* line 215, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box {
    width: calc(120px + (140 - 120) * ((100vw - 992px) / (1440 - 992)));
    height: calc(120px + (130 - 120) * ((100vw - 992px) / (1440 - 992)));
    padding: 0 0 15px;
  }
  /* line 220, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box p {
    font-size: 12px;
    margin-top: 7px;
  }
  /* line 226, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .arrow-container {
    gap: 10px;
    padding: 15px 15px 15px;
    margin-bottom: 7px;
    height: 30px;
  }
  /* line 232, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .arrow-container .arrow-img {
    width: 15px;
  }
  /* line 237, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-img {
    width: calc(44px + (60 - 44) * ((100vw - 992px) / (1440 - 992)));
    height: calc(21px + (28 - 21) * ((100vw - 992px) / (1440 - 992)));
  }
  /* line 243, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .hero-section-google-rating {
    align-items: flex-start;
    height: 15px;
  }
  /* line 247, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .hero-section-google-rating .google-rating-container {
    height: 5px;
    gap: 5px;
  }
}

@media (max-width: 992px) {
  /* line 257, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage {
    margin-bottom: 50px;
  }
  /* line 260, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container {
    display: block;
    margin: 0;
    width: unset;
  }
  /* line 265, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .hero-image-container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background: url(https://assets.pricefox.gr/ci/backgroung-cover.webp) no-repeat;
    background-size: cover;
    width: 100%;
    height: 220px;
  }
  /* line 275, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .heading-and-image-hero-container {
    width: 100%;
    padding: 0;
  }
  /* line 280, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .heading-subheading-container {
    flex-direction: column;
    align-items: center;
    margin: 20px 0 5px;
    width: 100%;
  }
  /* line 287, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .heading-container {
    text-align: center;
    font-size: 32px;
    padding: 5px 0;
  }
  /* line 292, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .heading-container h1 {
    font-size: 32px;
  }
  /* line 297, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .subheading-container {
    flex-direction: column;
    align-items: flex-start;
    margin: 10px auto;
    padding: 0;
    width: 310px;
  }
  /* line 305, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .subheading-and-checkmark-container {
    margin: 0 0 15px 10px;
  }
  /* line 308, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .subheading-and-checkmark-container.hide-in-desktop {
    display: flex;
  }
  /* line 313, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-container .sub-heading {
    margin: 0 0 0 10px;
    font-size: 16px;
  }
  /* line 319, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links {
    flex-direction: column-reverse;
    background: url(https://assets.pricefox.gr/greece/pricefox.gr/production/gr/images/general/homepage-hero-section-new/wave-small-curve.svg) no-repeat center;
    background-size: cover;
    padding-bottom: 30px;
    width: inherit;
    height: fit-content;
  }
  /* line 327, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-links-container {
    flex-wrap: wrap;
    gap: 6px;
    width: 320px;
    height: inherit;
    margin: 0 auto;
    padding: 0 5px;
  }
  /* line 336, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-car {
    order: 1;
  }
  /* line 340, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-moto {
    order: 3;
  }
  /* line 344, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-farm-truck {
    order: 4;
  }
  /* line 348, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-truck {
    order: 5;
  }
  /* line 352, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-home {
    order: 6;
  }
  /* line 356, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-energy {
    order: 2;
  }
  /* line 360, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-health {
    order: 7;
  }
  /* line 364, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-car .vertical-link-box {
    width: 303px;
    height: 91px;
  }
  /* line 369, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box {
    width: 97px;
    height: 94px;
    border-radius: 10px;
  }
  /* line 374, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box p {
    font-size: 0.71rem;
    line-height: 14px;
    margin-top: 8px;
  }
  /* line 380, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-name {
    width: 150px;
    font-size: 0.85rem;
  }
  /* line 385, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .arrow-container {
    justify-content: flex-end;
    padding: 10px 10px 0;
    margin-bottom: 5px;
    gap: 5px;
  }
  /* line 391, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .arrow-container .arrow-img {
    width: 11px;
  }
  /* line 395, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .arrow-container .arrow-img-car {
    display: none;
  }
  /* line 400, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-img {
    width: 31px;
    height: 21px;
  }
  /* line 405, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-button-mobile {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 95px;
    height: 20px;
    gap: 6px;
    background-color: #F26E22;
    font-size: 10px;
    margin-top: -5px;
    border-radius: 6px;
  }
  /* line 417, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .vertical-link-box .vertical-button-mobile p {
    color: #FFFFFF;
    margin-top: 8.5px;
  }
  /* line 423, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .hero-section-google-rating {
    width: inherit;
  }
  /* line 426, pricefox/pages/hero-section-homepage.scss */
  .hero-section-homepage .hero-section-vertical-links .hero-section-google-rating .google-rating-container {
    height: 60px;
  }
}