.bestsellers {
  max-width: 1920px;
  width: 100%;
  margin-inline: auto;
  padding-block: 60px;
  padding-inline: 1em;
}
.bestsellers .h2 {
  text-align: center;
  width: 100%;
}
.bestsellers .products__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.bestsellers .products__grid .product {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  align-items: flex-start;
  gap: 15px;
}
.bestsellers .products__grid .product .image {
  position: relative;
  max-height: 274px;
  width: auto;
  outline: 1px solid #e2e2db;
}
.bestsellers .products__grid .product .image .pills {
  position: absolute;
  top: 10px;
  left: 10px;
}
.bestsellers .products__grid .product .image .pills .sale {
  padding: 5px 10px;
  min-width: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background-color: #f2782f;
}
.bestsellers .products__grid .product .image img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.bestsellers .products__grid .product .text {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.bestsellers .products__grid .product .text .head {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  color: #333333;
}
.bestsellers .products__grid .product .text .price {
  display: flex;
  gap: 5px;
  align-items: center;
}
.bestsellers .products__grid .product .text .price .old {
  font-size: 14px;
  text-decoration: line-through;
  color: #424242;
}
.bestsellers .products__grid .product .text .price .current {
  font-size: 16px;
  color: #f2782f;
}
.bestsellers .products__grid .product:hover .text .head {
  color: #f2782f;
}
@media screen and (max-width: 768px) {
  .bestsellers .products__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 567px) {
  .bestsellers .products__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

.bricks {
  max-width: 1920px;
  width: 100%;
  margin-inline: auto;
  padding-block: 60px;
  padding-top: 0;
  padding-inline: 1em;
}
.bricks .wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.bricks .wrapper .split {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.bricks .wrapper .box {
  position: relative;
  isolation: isolate;
  max-height: 277px;
  min-height: 277px;
  width: 100%;
  display: flex;
  align-items: flex-end;
}
.bricks .wrapper .box img {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.bricks .wrapper .box p {
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-inline: 30px;
  margin: 0;
  padding-bottom: 30px;
  font-size: 32px;
  font-weight: 600;
  color: #fff;
  line-height: 38px;
}
@media screen and (max-width: 769px) {
  .bricks .wrapper {
    grid-template-columns: 1fr;
    max-width: 585px;
  }
}
@media screen and (max-width: 567px) {
  .bricks .wrapper .split {
    grid-template-columns: 1fr;
  }
}

.latest__products {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: 1em;
  padding-block: 60px;
  padding-top: 0;
}
.latest__products .heading__text {
  width: 100%;
  margin-bottom: 30px;
}
.latest__products .heading__text > *:last-child {
  margin: 0;
}
.latest__products .heading__text .h2,
.latest__products .heading__text p {
  text-align: center;
  width: 100%;
}
.latest__products .products__grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.latest__products .products__grid .product {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  align-items: flex-start;
  gap: 15px;
}
.latest__products .products__grid .product .image {
  position: relative;
  max-height: 274px;
  width: auto;
  outline: 1px solid #e2e2db;
}
.latest__products .products__grid .product .image .pills {
  position: absolute;
  top: 10px;
  left: 10px;
}
.latest__products .products__grid .product .image .pills .sale {
  padding: 5px 10px;
  min-width: 60px;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  background-color: #f2782f;
}
.latest__products .products__grid .product .image img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.latest__products .products__grid .product .text {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  gap: 0;
}
.latest__products .products__grid .product .text .head {
  font-weight: 600;
  font-size: 16px;
  margin: 0;
  color: #333333;
}
.latest__products .products__grid .product .text .price {
  display: flex;
  gap: 5px;
  align-items: center;
}
.latest__products .products__grid .product .text .price .old {
  font-size: 14px;
  text-decoration: line-through;
  color: #424242;
}
.latest__products .products__grid .product .text .price .current {
  font-size: 16px;
  color: #f2782f;
}
.latest__products .products__grid .product:hover .text .head {
  color: #f2782f;
}
@media screen and (max-width: 768px) {
  .latest__products .products__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media screen and (max-width: 567px) {
  .latest__products .products__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
.latest__products .button {
  width: 100%;
  margin-top: 30px;
  display: flex;
  justify-content: center;
}
.latest__products .button a {
  display: block;
}

.main {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: 1em;
  padding-block: 60px;
  background-color: #f7f7f7;
}
.main .wrapper {
  display: grid;
  grid-template-columns: 587px 1fr;
  gap: 30px;
}
.main .image img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.main .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-block: 30px;
}
@media screen and (max-width: 1025px) {
  .main .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 769px) {
  .main .wrapper {
    grid-template-columns: 1fr 1fr;
  }
  .main .text {
    padding-top: 0;
  }
}
@media screen and (max-width: 567px) {
  .main .wrapper {
    grid-template-columns: 1fr;
  }
  .main .text {
    padding-top: 0;
  }
}

.newsevents {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: 1em;
  padding-block: 60px;
}
.newsevents .wrapper {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
.newsevents .events {
  display: grid;
  align-items: flex-start;
  gap: 30px;
}
.newsevents .events .h2 {
  margin: 0;
}
.newsevents .events .event {
  border: 1px solid #333333;
  padding: 30px;
  color: #333333;
}
.newsevents .events .event .title {
  font-size: 21px;
  line-height: 27px;
  color: #333333;
  font-weight: 600;
}
.newsevents .events .event .sub {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #333333;
}
.newsevents .events .event:hover {
  border-color: #f2782f;
}
.newsevents .events .eventcontent {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  margin-top: 15px;
}
.newsevents .events .eventcontent p {
  font-size: 14px;
  line-height: 22px;
}
@media screen and (max-width: 1025px) {
  .newsevents .events .eventcontent {
    grid-template-columns: 1fr;
    gap: 15px;
  }
}
.newsevents .news .h2 {
  margin-bottom: 30px;
}
.newsevents .news .newsblocks {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
  align-items: flex-start;
}
.newsevents .news .newsblocks .block {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  align-items: flex-start;
  gap: 0;
}
.newsevents .news .newsblocks .block .image img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.newsevents .news .newsblocks .block .text {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
  gap: 15px;
  margin-top: 15px;
}
.newsevents .news .newsblocks .block .text .newsheading {
  font-weight: 600;
  line-height: 25.2px;
  font-size: 21px;
  color: #333333;
}
.newsevents .news .newsblocks .block .text .date {
  font-size: 14px;
  line-height: 24px;
  font-weight: 400;
  color: #333333;
}
.newsevents .news .newsblocks .block .text p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 8;
  /* Truncates text after 3 lines */
  color: #333333;
  line-height: 22px;
  margin: 0;
}
.newsevents .news .newsblocks .block:hover .text .newsheading {
  color: #f2782f;
}
.newsevents .news .socialsblock {
  background-color: #f2782f;
  color: #ffffff;
  padding: 30px;
  display: flex;
  align-items: center;
  gap: 30px;
  margin-top: 30px;
}
.newsevents .news .socialsblock p {
  margin: 0;
  font-weight: 600;
  font-size: 21px;
  line-height: 25.2px;
}
.newsevents .news .socialsblock a {
  display: block;
}
.newsevents .news .socialsblock a svg {
  width: auto;
  height: 25px;
}
.newsevents .news .socialsblock a:hover svg .cls-1 {
  fill: #333333;
}
.newsevents .news .socialsblock .links {
  display: flex;
  gap: 15px;
  align-items: center;
}
@media screen and (max-width: 567px) {
  .newsevents .news .socialsblock {
    flex-direction: column;
  }
}
@media screen and (max-width: 1025px) {
  .newsevents .news .newsblocks {
    grid-template-columns: 1fr;
  }
}
@media screen and (max-width: 567px) {
  .newsevents .wrapper {
    grid-template-columns: 1fr;
  }
}

.bottomfeatures {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
  padding-inline: 1em;
  padding-block: 60px;
  padding-top: 0;
}
.bottomfeatures .wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px;
}
.bottomfeatures .box {
  display: grid;
  gap: 15px;
  align-items: flex-start;
}
.bottomfeatures .box .image {
  display: flex;
  justify-content: center;
}
.bottomfeatures .box .image img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.bottomfeatures .box p {
  font-size: 18px;
  line-height: 21.6px;
  font-weight: 600;
  color: #333333;
  text-align: center;
}
.bottomfeatures .box:hover p {
  color: #f2782f;
}
@media screen and (max-width: 567px) {
  .bottomfeatures .wrapper {
    grid-template-columns: repeat(2, 1fr);
  }
}

/*# sourceMappingURL=default.css.map */