/** Shopify CDN: Minification failed

Line 16:0 Unexpected "@media"

**/
.article-template > *:first-child:not(.article-template__hero-container) {
  margin-top: 5rem;
}

 .article-template-right .article-template__content p,  .article-template-right .article-template__content ul {
   margin-bottom:20px;
 }

 .article-template-right .article-template__content

@media screen and (min-width: 750px) {
  .article-template > *:first-child:not(.article-template__hero-container) {
    margin-top: calc(5rem + var(--page-width-margin));
  }
}

.article-template__hero-container {
  max-width: 100%;
  margin: 0 auto;
}

.article-template__hero-small {
  height: 11rem;
}

.article-template__hero-medium {
  height: 22rem;
}

.article-template__hero-large {
  height: 33rem;
}

@media screen and (min-width: 750px) and (max-width: 989px) {
  .article-template__hero-small {
    height: 22rem;
  }

  .article-template__hero-medium {
    height: 44rem;
  }

  .article-template__hero-large {
    height: 66rem;
  }
}

@media screen and (min-width: 990px) {
  .article-template__hero-small {
    height: 27.5rem;
  }

  .article-template__hero-medium {
    height: 55rem;
  }

  .article-template__hero-large {
    height: 82.5rem;
  }
}

.article-template header {
  /* margin-top: 4.4rem; */
  margin-bottom: 2rem;
  line-height: calc(0.8 / var(--font-body-scale));
}

@media screen and (min-width: 750px) {
  .article-template header {
    /* margin-top: 5rem; */
  }
}

.article-template__title {
  margin: 0;
}

.article-template__title:not(:only-child) {
  margin-bottom: 1rem;
}

.article-template__link {
  font-size: 1.8rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}

.article-template__link .icon-wrap {
  display: flex;
  margin-right: 1rem;
  transform: rotate(180deg);
}

.article-template__content {
  margin-top: 3rem;
  margin-bottom: 3rem;
}

.article-template__social-sharing {
  margin-top: 3rem;
}

.article-template__social-sharing + header,
.article-template__social-sharing + .article-template__content {
  margin-top: 1.5rem;
}

.article-template__comment-wrapper {
  margin-top: 5rem;
  padding: 2.7rem 0;
}

@media screen and (min-width: 750px) {
  .article-template__comment-wrapper {
    margin-top: 6rem;
    padding: 3.6rem 0;
  }
}

.article-template__comment-wrapper h2 {
  margin-top: 0;
}

.article-template__comments {
  margin-bottom: 5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments {
    margin-bottom: 7rem;
  }
}

.article-template__comments-fields {
  margin-bottom: 4rem;
}

.article-template__comments-comment {
  color: rgba(var(--color-foreground), 0.75);
  background-color: rgb(var(--color-background));
  margin-bottom: 1.5rem;
  padding: 2rem 2rem 1.5rem;
}

@media screen and (min-width: 750px) {
  .article-template__comments-comment {
    padding: 2rem 2.5rem;
  }
}

.article-template__comments-comment p {
  margin: 0 0 1rem;
}

.article-template__comment-fields > * {
  margin-bottom: 3rem;
}

@media screen and (min-width: 750px) {
  .article-template__comment-fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 4rem;
  }
}

.article-template__comment-warning {
  margin: 2rem 0 2.5rem;
}

@media screen and (min-width: 990px) {
  .article-template__comments .pagination-wrapper {
    margin: 5rem 0 8rem;
  }
}

.article-template__back:last-child {
  margin-bottom: 3.2rem;
}


/* =============================================
                Custom Css
============================================= */
.article-template-wrapper {display: flex;width: 100%;flex-wrap: wrap;gap: 20px;}
.article-template-left {width: 100%;flex: 0 0 calc(40% - 10px);}
.article-template-right {width: 100%;flex: 0 0 calc(60% - 10px);}
.article-template-right .media img {border-radius: 15px;}
.article-template-left .article-template__title {max-width: 513px;margin-bottom: 46px;font-size: 90px;line-height: 90px;}
.article-template-left .time {font-size: 19px;font-style: normal;font-weight: 600;line-height: 25px;opacity: 0.6;}
.article-template-left .article-template__content {font-size: 19px;font-style: normal;font-weight: 400;line-height: 25px;max-width: 388px;letter-spacing: normal;}
.article__button {display: flex;align-items: center;flex-wrap: wrap;width: 100%;justify-content: space-between;border-top: 1px solid;}
.article__button > a {font-size: 19px;font-style: normal;font-weight: 400;line-height: 25px;text-transform: uppercase;text-decoration: none;color: #DF633A;    padding: 24px 29px 21px 39px;}
a.article_pre_btn {border-right: 1px solid;}
a.article_next_btn {border-left: 1px solid;}
.article-template__back {display: none;}
.article-template-wrapper {padding-bottom: 100px;}
.article footer {padding-top: 0;}
.article-template-right .article-template__content {font-size: 19px;font-style: normal;font-weight: 400;line-height: 25px;max-width: 794px;letter-spacing: normal;}
.article-template-left-wrapper {position: sticky;top: 100px;}
.article-template-right .article-template__content a,
.article-template-right .article-template__content li,
.article-template-right .article-template__content span,
.article-template-right .article-template__content p{color: #df633a;}
.article-template__content.rte h1,.article-template__content.rte h1 b,
.article-template__content.rte h2,.article-template__content.rte h2 b,
.article-template__content.rte h3,.article-template__content.rte h3 b,
.article-template__content.rte h4,.article-template__content.rte h4 b,
.article-template__content.rte h5,.article-template__content.rte h5 b,
.article-template__content.rte h6, .article-template__content.rte h6 b{font-family:"family";}

.article-template__content.rte h1,.article-template__content.rte h1 b {
  font-size: 50px;
}

.article-template__content.rte h2,.article-template__content.rte h2 b {
  font-size: 40px;
}

.article-template__content.rte h3,.article-template__content.rte h3 b {
  font-size: 30px;
}

.article-template__content.rte h4,.article-template__content.rte h4 b {
  font-size: 25px;
}

.article-template__content.rte h5,.article-template__content.rte h5 b {
  font-size: 20px;
}

.article-template__content.rte h6,.article-template__content.rte h6 b {
  font-size: 18px;
}


.article-template__content.rte ul {list-style: disc;}

@media screen and (max-width: 768px) {
  .article-template-left , .article-template-right {width: 100%;flex: 0 0 100%;}.article-template-left .article-template__title {max-width: 100%;margin-bottom: 39px;}
  .article-template-left .article-template__content {text-align: center;max-width: 100%;margin-bottom: 0;}
  .article-template-left header {text-align: center;}
  .article-template-wrapper {padding-bottom: 50px;}
  .article-template-left .time {letter-spacing: normal;}
  .article-template-left {margin-bottom: 20px;} 
}
@media(max-width: 575px){
  .article-template-left .article-template__title{font-size: 60px;line-height: 64px;}
}
@media screen and (max-width: 374px) {
  .article__button>a {padding: 24px 20px 21px 20px;}
}