/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./sfra-webpack-builder/node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./sfra-webpack-builder/node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./sfra-webpack-builder/node_modules/css-unicode-loader/index.js!./sfra-webpack-builder/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[4]!./code/app_pothys/cartridge/client/default/scss/experience/blogPage.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
:root {
  --skin-link-color-2: #212121;
}

.blogs-list-heading {
  font-family: "Vollkorn", serif;
  font-weight: 600;
  font-size: 1.5rem;
  line-height: 2.25rem;
  text-transform: capitalize;
  color: #8d201e;
}
@media (min-width: 1024px) {
  .blogs-list-heading {
    font-size: 2.25rem;
    line-height: 3.375rem;
  }
}
.blogs-list-heading .py-line-seperator {
  margin: 0.5rem auto 1rem;
}
@media (min-width: 1024px) {
  .blogs-list-heading .py-line-seperator {
    margin: 0.75rem auto 1.5rem;
  }
}

@media (min-width: 1024px) {
  .bloglisting-container {
    max-width: 68rem;
  }
}
.bloglisting-container .bloglisting-row {
  margin-bottom: 2.5rem;
}
@media (min-width: 1024px) {
  .bloglisting-container .bloglisting-row {
    margin: 0 -1.75rem 5rem;
  }
}
.bloglisting-container .load-more-articles {
  margin: 0 auto;
  max-width: 8.25rem;
  width: 100%;
}
@media (min-width: 1024px) {
  .bloglisting-container .load-more-articles {
    max-width: 13.75rem;
  }
}

.article-tile {
  padding-bottom: 1.5rem;
}
@media (min-width: 1024px) {
  .article-tile {
    padding: 0 1.75rem 3.5rem;
  }
}
.article-tile .article-section {
  padding: 1rem;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(172, 143, 82, 0.2509803922);
  text-decoration: none;
  border-radius: 0.25rem;
  width: 100%;
}
.article-tile .article-image-section {
  margin-bottom: 0.75rem;
  aspect-ratio: 1.54;
}
@media (min-width: 768px) {
  .article-tile .article-image-section {
    aspect-ratio: 1.64;
  }
}
.article-tile .article-image-section .article-image {
  border-radius: 0.25rem;
  aspect-ratio: 1.54;
}
@media (min-width: 768px) {
  .article-tile .article-image-section .article-image {
    aspect-ratio: 1.64;
  }
}
.article-tile .article-content-section .article-intro {
  font-size: 0.625rem;
  line-height: 0.9375rem;
  color: #a58564;
  list-style-type: disc;
  display: flex;
  padding: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
  .article-tile .article-content-section .article-intro {
    font-size: 0.75rem;
    line-height: 1.125rem;
  }
}
.article-tile .article-content-section .article-intro li:first-child {
  list-style-type: none;
}
.article-tile .article-content-section .article-intro li:not(:last-child) {
  padding-right: 1.25rem;
}
.article-tile .article-content-section .article-heading {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 500;
  font-family: "Vollkorn", serif;
  color: #303030;
  margin-bottom: 0.5rem;
}
@media (min-width: 1024px) {
  .article-tile .article-content-section .article-heading {
    font-size: 1.25rem;
    line-height: 1.875rem;
  }
}
.article-tile .article-content-section .article-description {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #777;
  margin-bottom: 1rem;
}
@media (min-width: 1024px) {
  .article-tile .article-content-section .article-description {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}
.article-tile .article-content-section .read-more-link {
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.125rem;
  text-decoration: underline;
  color: #8d201e;
}
@media (min-width: 1024px) {
  .article-tile .article-content-section .read-more-link {
    font-size: 0.875rem;
    line-height: 1.3125rem;
  }
}

.blogs-herocarousel .slide-item {
  max-width: 100%;
  flex: 0 0 100%;
}
.blogs-herocarousel .slick-dots {
  bottom: 0;
  max-width: 8rem;
  display: flex;
  align-items: center;
  transform: translateX(-50%);
  left: 50%;
}
.blogs-herocarousel .slick-dots li {
  content: "";
  height: 1px;
  width: 100%;
  margin: 0;
  background-color: #faf0dc;
  border-radius: 0.0625rem;
  padding: 0;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.blogs-herocarousel .slick-dots li button {
  display: none;
}
.blogs-herocarousel .slick-dots li button::before {
  content: "";
}
.blogs-herocarousel .slick-dots li.slick-active {
  height: 0.1875rem;
  background-color: #8d201e;
  border-radius: 0.125rem;
}
.blogs-herocarousel .slick-arrow {
  padding: 0;
  margin: 0 0.5rem;
  border: none;
  z-index: 1;
}
.blogs-herocarousel .slick-arrow:last-child {
  margin-right: 0;
}
.blogs-herocarousel .slick-arrow.slick-prev, .blogs-herocarousel .slick-arrow.slick-next {
  width: 2.75rem;
  height: 2.75rem;
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent;
}
.blogs-herocarousel .slick-arrow.slick-prev::before, .blogs-herocarousel .slick-arrow.slick-next::before {
  content: "";
}
.blogs-herocarousel .slick-arrow.slick-prev {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_d_6580_36959)%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2222%22%20transform%3D%22matrix(-1%200%200%201%2046%201)%22%20fill%3D%22%23FAF0DC%22%2F%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2221.5%22%20transform%3D%22matrix(-1%200%200%201%2046%201)%22%20stroke%3D%22%23E5CA91%22%2F%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url(%23clip0_6580_36959)%22%3E%3Cpath%20d%3D%22M27.3334%2031.0008C27.4211%2031.0013%2027.5081%2030.9844%2027.5893%2030.9513C27.6705%2030.9181%2027.7444%2030.8692%2027.8067%2030.8074C27.8692%2030.7454%2027.9188%2030.6717%2027.9526%2030.5905C27.9865%2030.5092%2028.0039%2030.4221%2028.0039%2030.3341C28.0039%2030.2461%2027.9865%2030.1589%2027.9526%2030.0777C27.9188%2029.9965%2027.8692%2029.9227%2027.8067%2029.8608L22.36%2024.4141C21.9855%2024.0391%2021.7751%2023.5308%2021.7751%2023.0008C21.7751%2022.4708%2021.9855%2021.9624%2022.36%2021.5874L27.8067%2016.1408C27.9322%2016.0152%2028.0028%2015.845%2028.0028%2015.6674C28.0028%2015.4899%2027.9322%2015.3196%2027.8067%2015.1941C27.6812%2015.0686%2027.5109%2014.998%2027.3334%2014.998C27.1558%2014.998%2026.9856%2015.0686%2026.86%2015.1941L21.4134%2020.6408C21.103%2020.9504%2020.8567%2021.3182%2020.6886%2021.7232C20.5206%2022.1282%2020.4341%2022.5623%2020.4341%2023.0008C20.4341%2023.4392%2020.5206%2023.8734%2020.6886%2024.2783C20.8567%2024.6833%2021.103%2025.0511%2021.4134%2025.3608L26.86%2030.8074C26.9223%2030.8692%2026.9962%2030.9181%2027.0774%2030.9513C27.1587%2030.9844%2027.2456%2031.0013%2027.3334%2031.0008Z%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_6580_36959%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_6580_36959%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_6580_36959%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip0_6580_36959%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22matrix(-1%200%200%201%2032%2015)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.blogs-herocarousel .slick-arrow.slick-prev:hover:not(.slick-disabled) {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_d_897_7879)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2223%22%20r%3D%2222%22%20fill%3D%22%23E5CA91%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(48%2C%200)%20scale(-1%2C%201)%22%20clip-path%3D%22url(%23clip0_897_7879)%22%3E%3Cpath%20d%3D%22M20.2504%2031.9991C20.1517%2031.9997%2020.0539%2031.9808%2019.9625%2031.9435C19.8711%2031.9061%2019.788%2031.8512%2019.7179%2031.7816C19.6476%2031.7119%2019.5919%2031.629%2019.5538%2031.5376C19.5157%2031.4462%2019.4961%2031.3482%2019.4961%2031.2491C19.4961%2031.1501%2019.5157%2031.0521%2019.5538%2030.9607C19.5919%2030.8693%2019.6476%2030.7864%2019.7179%2030.7166L25.8454%2024.5891C26.2668%2024.1673%2026.5035%2023.5954%2026.5035%2022.9992C26.5035%2022.4029%2026.2668%2021.831%2025.8454%2021.4092L19.7179%2015.2817C19.5767%2015.1404%2019.4974%2014.9489%2019.4974%2014.7492C19.4974%2014.5494%2019.5767%2014.3579%2019.7179%2014.2167C19.8592%2014.0754%2020.0507%2013.9961%2020.2504%2013.9961C20.4502%2013.9961%2020.6417%2014.0754%2020.7829%2014.2167L26.9104%2020.3442C27.2597%2020.6925%2027.5367%2021.1063%2027.7258%2021.5619C27.9148%2022.0175%2028.0121%2022.5059%2028.0121%2022.9992C28.0121%2023.4924%2027.9148%2023.9808%2027.7258%2024.4364C27.5367%2024.892%2027.2597%2025.3058%2026.9104%2025.6541L20.7829%2031.7816C20.7129%2031.8512%2020.6298%2031.9061%2020.5384%2031.9435C20.447%2031.9808%2020.3491%2031.9997%2020.2504%2031.9991Z%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_897_7879%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_897_7879%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_897_7879%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip0_897_7879%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%20transform%3D%22translate(15%2014)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.blogs-herocarousel .slick-arrow.slick-next {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_d_897_7880)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2223%22%20r%3D%2222%22%20fill%3D%22%23FAF0DC%22%2F%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2223%22%20r%3D%2221.5%22%20stroke%3D%22%23E5CA91%22%2F%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url(%23clip0_897_7880)%22%3E%3Cpath%20d%3D%22M20.6666%2031.0008C20.5789%2031.0013%2020.4919%2030.9844%2020.4107%2030.9513C20.3295%2030.9181%2020.2556%2030.8692%2020.1933%2030.8074C20.1308%2030.7454%2020.0812%2030.6717%2020.0474%2030.5905C20.0135%2030.5092%2019.9961%2030.4221%2019.9961%2030.3341C19.9961%2030.2461%2020.0135%2030.1589%2020.0474%2030.0777C20.0812%2029.9965%2020.1308%2029.9227%2020.1933%2029.8608L25.64%2024.4141C26.0145%2024.0391%2026.2249%2023.5308%2026.2249%2023.0008C26.2249%2022.4708%2026.0145%2021.9624%2025.64%2021.5874L20.1933%2016.1408C20.0678%2016.0152%2019.9972%2015.845%2019.9972%2015.6674C19.9972%2015.4899%2020.0678%2015.3196%2020.1933%2015.1941C20.3188%2015.0686%2020.4891%2014.998%2020.6666%2014.998C20.8442%2014.998%2021.0144%2015.0686%2021.14%2015.1941L26.5866%2020.6408C26.897%2020.9504%2027.1433%2021.3182%2027.3114%2021.7232C27.4794%2022.1282%2027.5659%2022.5623%2027.5659%2023.0008C27.5659%2023.4392%2027.4794%2023.8734%2027.3114%2024.2783C27.1433%2024.6833%2026.897%2025.0511%2026.5866%2025.3608L21.14%2030.8074C21.0777%2030.8692%2021.0038%2030.9181%2020.9226%2030.9513C20.8413%2030.9844%2020.7544%2031.0013%2020.6666%2031.0008Z%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_897_7880%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.1%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_897_7880%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_897_7880%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip0_897_7880%22%3E%3Crect%20width%3D%2216%22%20height%3D%2216%22%20fill%3D%22white%22%20transform%3D%22translate(16%2015)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
  margin-right: 0.125rem;
}
.blogs-herocarousel .slick-arrow.slick-next:hover:not(.slick-disabled) {
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2248%22%20height%3D%2248%22%20viewBox%3D%220%200%2048%2048%22%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23filter0_d_897_7879)%22%3E%3Ccircle%20cx%3D%2224%22%20cy%3D%2223%22%20r%3D%2222%22%20fill%3D%22%23E5CA91%22%2F%3E%3C%2Fg%3E%3Cg%20clip-path%3D%22url(%23clip0_897_7879)%22%3E%3Cpath%20d%3D%22M20.2504%2031.9991C20.1517%2031.9997%2020.0539%2031.9808%2019.9625%2031.9435C19.8711%2031.9061%2019.788%2031.8512%2019.7179%2031.7816C19.6476%2031.7119%2019.5919%2031.629%2019.5538%2031.5376C19.5157%2031.4462%2019.4961%2031.3482%2019.4961%2031.2491C19.4961%2031.1501%2019.5157%2031.0521%2019.5538%2030.9607C19.5919%2030.8693%2019.6476%2030.7864%2019.7179%2030.7166L25.8454%2024.5891C26.2668%2024.1673%2026.5035%2023.5954%2026.5035%2022.9992C26.5035%2022.4029%2026.2668%2021.831%2025.8454%2021.4092L19.7179%2015.2817C19.5767%2015.1404%2019.4974%2014.9489%2019.4974%2014.7492C19.4974%2014.5494%2019.5767%2014.3579%2019.7179%2014.2167C19.8592%2014.0754%2020.0507%2013.9961%2020.2504%2013.9961C20.4502%2013.9961%2020.6417%2014.0754%2020.7829%2014.2167L26.9104%2020.3442C27.2597%2020.6925%2027.5367%2021.1063%2027.7258%2021.5619C27.9148%2022.0175%2028.0121%2022.5059%2028.0121%2022.9992C28.0121%2023.4924%2027.9148%2023.9808%2027.7258%2024.4364C27.5367%2024.892%2027.2597%2025.3058%2026.9104%2025.6541L20.7829%2031.7816C20.7129%2031.8512%2020.6298%2031.9061%2020.5384%2031.9435C20.447%2031.9808%2020.3491%2031.9997%2020.2504%2031.9991Z%22%20fill%3D%22%23212121%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22filter0_d_897_7879%22%20x%3D%220%22%20y%3D%220%22%20width%3D%2248%22%20height%3D%2248%22%20filterUnits%3D%22userSpaceOnUse%22%20color-interpolation-filters%3D%22sRGB%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result%3D%22hardAlpha%22%2F%3E%3CfeOffset%20dy%3D%221%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20operator%3D%22out%22%2F%3E%3CfeColorMatrix%20type%3D%22matrix%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.2%200%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22effect1_dropShadow_897_7879%22%2F%3E%3CfeBlend%20mode%3D%22normal%22%20in%3D%22SourceGraphic%22%20in2%3D%22effect1_dropShadow_897_7879%22%20result%3D%22shape%22%2F%3E%3C%2Ffilter%3E%3CclipPath%20id%3D%22clip0_897_7879%22%3E%3Crect%20width%3D%2218%22%20height%3D%2218%22%20fill%3D%22white%22%20transform%3D%22translate(15%2014)%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}
.blogs-herocarousel .slick-arrow.slick-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.blogs-herocarousel.hero-banner-layout .slick-dots {
  bottom: 15%;
  left: 85%;
}
.blogs-herocarousel.hero-banner-layout .slick-arrow {
  top: 50%;
  transform: translateY(-50%);
}
.blogs-herocarousel.hero-banner-layout .slick-arrow.slick-next {
  right: 1.25rem;
}
.blogs-herocarousel.hero-banner-layout .slick-arrow.slick-prev {
  left: 1.25rem;
}
@media (min-width: 768px) {
  .blogs-herocarousel {
    margin: 0 0 5rem;
  }
}
.blogs-herocarousel .blog-banner-component {
  border-radius: 0.25rem;
  overflow: hidden;
}
.blogs-herocarousel .blog-banner-component .article-content-hb {
  position: absolute;
  padding: 1.5rem;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  .blogs-herocarousel .blog-banner-component .article-content-hb {
    padding: 0;
    margin-left: 5rem;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 1024px) {
  .blogs-herocarousel .blog-banner-component .article-content-hb {
    padding: 0;
    margin-left: 10rem;
    max-width: 26.6875rem;
    bottom: unset;
    top: 50%;
    transform: translateY(-50%);
  }
}
.blogs-herocarousel .blog-banner-component .article-banner-image {
  aspect-ratio: 0.766;
}
@media (min-width: 768px) {
  .blogs-herocarousel .blog-banner-component .article-banner-image {
    aspect-ratio: 2.91;
  }
}
.blogs-herocarousel .blog-banner-component .article-banner-content {
  background: linear-gradient(22.2deg, #1f0f03 13.78%, rgba(31, 15, 3, 0) 74.27%);
  bottom: 0;
  left: 0;
  width: 100%;
  height: 64%;
}
@media (min-width: 768px) {
  .blogs-herocarousel .blog-banner-component .article-banner-content {
    width: 60.5%;
    height: 100%;
    background: linear-gradient(72.79deg, #1f0f03 2.16%, rgba(31, 15, 3, 0) 70.49%);
  }
}
.blogs-herocarousel .blog-banner-component .article-banner-content .article-head {
  font-size: 0.625rem;
  line-height: 0.9375rem;
  color: #999;
  font-weight: 500;
  list-style-type: disc;
  display: flex;
  padding: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 1280px) {
  .blogs-herocarousel .blog-banner-component .article-banner-content .article-head {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.blogs-herocarousel .blog-banner-component .article-banner-content .article-head li:first-child {
  list-style-type: none;
}
.blogs-herocarousel .blog-banner-component .article-banner-content .article-head li:not(:last-child) {
  padding-right: 1.125rem;
}
@media (min-width: 768px) {
  .blogs-herocarousel .blog-banner-component .article-banner-content .article-head li:not(:last-child) {
    padding-right: 1.625rem;
  }
}
.blogs-herocarousel .blog-banner-component .article-banner-content .article-desc {
  font-size: 1.5rem;
  line-height: 2.25rem;
  font-weight: 500;
  font-family: "Vollkorn", serif;
  color: #eedebc;
  padding-bottom: 1.5rem;
}
@media (min-width: 1280px) {
  .blogs-herocarousel .blog-banner-component .article-banner-content .article-desc {
    font-size: 2.25rem;
    line-height: 3.375rem;
  }
}
.blogs-herocarousel .blog-banner-component .article-banner-content .article-cta {
  max-width: 8.25rem;
  width: 100%;
}
@media (min-width: 768px) {
  .blogs-herocarousel .blog-banner-component .article-banner-content .article-cta {
    max-width: 12rem;
  }
}

.blogs-herocarousel {
  display: flex;
  overflow: hidden;
  overflow-x: auto;
  margin: 1rem 0 2.5rem;
  scrollbar-width: none;
  width: 100%;
}
.blogs-herocarousel.hero-banner-layout {
  aspect-ratio: 0.766;
}
@media (min-width: 768px) {
  .blogs-herocarousel.hero-banner-layout {
    aspect-ratio: 2.91;
  }
}
.blogs-herocarousel.blog-hero-banner {
  margin: 1rem 0 2rem;
}
@media (min-width: 768px) {
  .blogs-herocarousel.blog-hero-banner {
    margin: 0 0 3.5rem;
  }
}
.blogs-herocarousel.blog-hero-banner .article-content-hb .article-desc {
  padding: 0;
}
.blogs-herocarousel.article-tiles-layout {
  padding: 2.625rem 0 2.5rem;
}
@media (min-width: 768px) {
  .blogs-herocarousel.article-tiles-layout {
    margin: 0 0 0 -1rem;
    padding: 4.25rem 0 5rem;
  }
}
.blogs-herocarousel.article-tiles-layout .slick-list {
  width: 100%;
}
.blogs-herocarousel.article-tiles-layout .slick-list .slick-track {
  margin: 0 !important;
}
.blogs-herocarousel.article-tiles-layout .article-tile {
  padding: 0;
}
@media (min-width: 768px) {
  .blogs-herocarousel.article-tiles-layout .article-tile {
    overflow: hidden;
    max-width: 32.25rem;
    padding: 0 1rem;
  }
}
.blogs-herocarousel.article-tiles-layout .slick-arrow {
  top: 1.375rem;
  left: unset;
  right: 0;
}
.blogs-herocarousel.article-tiles-layout .slick-arrow.slick-prev {
  right: 2.75rem;
}
.blogs-herocarousel.article-tiles-layout .slick-dots {
  bottom: 1.5rem;
}

.blogdetail-markup {
  font-size: 1.25rem;
  line-height: 1.875rem;
  font-weight: 600;
  color: #303030;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .blogdetail-markup {
    font-size: 1.75rem;
    line-height: 2.625rem;
  }
}

@media (min-width: 768px) {
  .blogdetail-container {
    max-width: 56rem;
  }
}
.blogdetail-heading {
  font-size: 1rem;
  line-height: 1.5rem;
  font-weight: 600;
  color: #8d201e;
  font-family: "Vollkorn", serif;
  padding: 0 0.5rem;
}
@media (min-width: 768px) {
  .blogdetail-heading {
    padding: 0;
    font-size: 1.25rem;
    line-height: 1.875rem;
    margin-bottom: 1.5rem;
  }
}
.blogdetail-body {
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #777;
  padding: 0 0.5rem 1rem;
}
@media (min-width: 768px) {
  .blogdetail-body {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 0 0 2.5rem;
  }
}
.blogdetail-image {
  padding-bottom: 2rem;
}
@media (min-width: 768px) {
  .blogdetail-image {
    max-width: 37.5rem;
    margin: 0 auto;
    padding-bottom: 3.5rem;
  }
}
.blogdetail-image .hero-image {
  aspect-ratio: 1.69;
  border-radius: 0.25rem;
}
@media (min-width: 768px) {
  .blogdetail-image .hero-image {
    aspect-ratio: 3.09;
  }
}

.imageandtext-section.align-to-right .imageandtext-content {
  order: 1;
}
.imageandtext-section.align-to-right .imageandtext-image {
  order: 2;
}
.imageandtext-section.align-to-left .imageandtext-content {
  order: 2;
}
.imageandtext-section.align-to-left .imageandtext-image {
  order: 1;
}
.imageandtext-content {
  padding: 0 0.5rem;
}
@media (min-width: 768px) {
  .imageandtext-content {
    padding: 0;
    max-width: 70%;
  }
}
.imageandtext-content .heading ul {
  padding-left: 1rem;
  margin-bottom: 0.75rem;
}
@media (min-width: 768px) {
  .imageandtext-content .heading ul {
    padding-left: 1.5rem;
  }
}
.imageandtext-content .heading ul li {
  font-size: 0.75rem;
  line-height: 1.125rem;
  font-weight: 500 !important;
  color: #303030;
}
@media (min-width: 768px) {
  .imageandtext-content .heading ul li {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.imageandtext-content .content {
  padding-left: 1rem;
  font-size: 0.75rem;
  line-height: 1.125rem;
  color: #777;
}
@media (min-width: 768px) {
  .imageandtext-content .content {
    padding-left: 1.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
.imageandtext-content .content p {
  margin-bottom: 0.75rem;
}
.imageandtext-image {
  padding: 0 1.5rem;
}
@media (min-width: 768px) {
  .imageandtext-image {
    padding: 0;
    max-width: 12.5625rem;
    width: 30%;
  }
}
.imageandtext-image img {
  aspect-ratio: 2;
  border-radius: 0.25rem;
}
@media (min-width: 768px) {
  .imageandtext-image img {
    aspect-ratio: 1.43;
  }
}

.blogdetail-iwt > div {
  padding-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .blogdetail-iwt > div {
    padding-bottom: 1.5rem;
  }
}
.blogdetail-iwt > div:last-child {
  padding-bottom: 2.5rem;
}
@media (min-width: 768px) {
  .blogdetail-iwt > div:last-child {
    padding-bottom: 5rem;
  }
}

@media (min-width: 768px) {
  .blogiwt-container {
    max-width: 58.75rem;
  }
}

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