/** Shopify CDN: Minification failed

Line 191:0 Unexpected "<"
Line 199:0 Unexpected "<"
Line 206:5 Expected ":"
Line 216:0 Unexpected "<"

**/
body, ul, p, h1, h2, h3, h4, h5, h6, ol, figure, a,li {margin: 0;padding: 0;font-weight: 400;}
figure{line-height:0;}
.bottom_line_border { border-bottom: 1px solid #ececec;}
li{list-style: none;}
.page-supcase-blog-redesign .page-width,.blog-new-blog .page-width{padding:0 90px;}
.heading h3 {font-size: 38px;font-weight: 700;line-height: 28PX;text-transform: uppercase;letter-spacing: 0.76px;}


.banner-images-section .mobile-image{display: none;}
.banner-images-section img.img-fluid{width: 100%;object-fit: cover;object-position: center;}
.banner-images-section{position: relative;}
.about-bg-res h1 {text-shadow: 0 0 51px rgb(57 62 48 / 50%);color: #f6f6f6;font-size: 55px;font-weight: bold;line-height: 48px;font-style: italic;
    text-align: center;text-transform: uppercase;letter-spacing: 4px;
}
.banner-images-section .bg-title {position: absolute;top: 50%;left:50%;right: 0;bottom: auto;padding:0 50px;transform: translate(-50%, -50%);width: 100%;}


.business-blog{line-height:0; padding-top: 78px;}
.business-blog .heading {display: flex;align-items: center;justify-content: space-between;margin-bottom: 28px;}
.business-blog .heading a {font-size: 26px;letter-spacing: 0.52px;line-height: 30px;}
.business-blog  .article__date { margin: 20px 0 7px;}
.business-blog  .article__grid-image {margin-bottom: 0;}
.business-blog .article__grid-meta .article__date a,.business-blog .article__grid-meta .article__date time{font-size: 17px;line-height: 22px;letter-spacing: 0.44px;}
.business-blog .article__grid-meta .article__title{font-size: 30px;font-weight: 300;line-height: 38px;letter-spacing: 0.76px;white-space: nowrap;
    text-overflow: ellipsis;display: block;width: 100%;overflow: hidden;}
.business-blog .grid__item {float: inherit;padding-left: 0;}
.business-blog .article-main-sec {display: flex;flex-wrap: wrap;width: auto;padding-bottom: 78px;    margin: 0 -16.5px;}
.business-blog .left-article   {flex: 0 0 61.986%;max-width: 61.986%;padding: 0 16.5px;}
.business-blog .right-article {flex: 0 0 38.014%;max-width: 38.014%;padding: 0 16.5px;}
.right-article .article__grid-image{position: relative;width: 100%;height: 100%;padding-bottom: 39.471%;}
.article-main-sec .article__grid-image img{position: absolute;top: 0;left: 0;right: 0;width: 100%;height: 100%;object-fit: cover;}
.left-article .small--one-third{flex-basis: 100%;}
.article-main-sec .left-article .article__grid-image{position: relative;width: 100%;height: 100%;padding-bottom: 56.473%;}
.business-blog .right-article .grid__item{width:100%;max-width:100%;}
.business-blog .article-left-img ,
.business-blog .article-right-img {display:block;}
.business-blog .article__grid-meta{margin-bottom:9px;text-align: left;}
.article__grid-image img {display: block;width: 100%;height: auto;}
.collection-list-main-sec + .Article-list-main-sec .business-blog .article-main-sec{padding-bottom: 56px;}
.Article-list-main-sec + .Article-list-main-sec .business-blog {padding-top:37px;}
.Article-list-main-sec:last-of-type{padding-bottom:72px;}
.business-blog .article__date {white-space: nowrap;text-overflow: ellipsis;display: block;width: 100%;overflow: hidden; margin: 15px 0 12px;}

ul.main-collection-list {display: flex;width: 100%;height: 100%;column-gap: 9px;}
.main-collection-list li {flex-basis: 25%;width: 100%;height: 100%;}
.main-collection-list figure a {position: relative;width: 100%;height: 100%;padding-bottom: 100%;display: inline-block;}
.main-collection-list img{position: absolute;top: 0;left: 0;right: 0;bottom: 0;width: 100%;height: 100%;object-fit: cover;}
.main-collection-list h3 a{font-size: 32px;letter-spacing: 0.64px;text-align: center;text-transform: uppercase;line-height: 32px;font-family: Roboto,sans-serif;}
.main-collection-list h3 a:hover{text-decoration: underline;}
.main-collection-list h3{text-align: center;margin-top:30px;}
.collection-main-sec{margin-top:36px;margin-bottom:64px;}
.collection-list-main {padding-top: 46px;}

.banner-image-text-main-sec h2{text-shadow: 0 0 51px rgba(57, 62, 48, 0.5);color: #ffffff;font-size: 40px;line-height: 60px;text-align: center;text-transform: uppercase;
  letter-spacing: 0.8px;max-width: 1389px;margin: 0 auto;font-style: italic;
}
.banner-image-text-main .banner-images-section .bg-title{top: 26%;}
.banner-image-text-main-sec .bg-title {top: 50%!important;}
.klaviyo-form-VhgGSb form button {
  padding-left: 30px!important;
  padding-right: 30px!important;
}


.blog-new-blog .breadcrumb {font-size: 16px;margin: 0 0 30px;line-height: 16px;}

.popular-Article-main-sec  .business-blog{line-height: inherit;padding-top: 40px;}
.popular-item {display: inline-block;width: 100%;padding: 0 25px;}
.popular-Article-main-sec a.article__title {font-size: 28px;line-height: 40px;text-transform: uppercase;width: 100%;display: inline-block;margin: 30px 0px;height: 100%;}
.popular-article-content {display: flex;margin: 0 -25px;}
.popular-content-item{background-color: #fbfbfb;border-top: 7px solid #353535;padding: 35px 20px;display: flex;flex-direction: column;height: 100%;}
.popular-content-item h3{font-size: 35px;line-height: 35px;}
.popular-Article-main-sec .business-blog .article-main-sec{margin:0;}
.blog-new-blog .business-blog .article-main-sec{padding-bottom: 40px;}
.popular-Article-main-sec .business-blog .heading ,.new-blog-main-sec .heading{margin-bottom: 35px;}
.new-blog-main-sec{padding:40px 0;}
.new-blog-main-sec .grid__item {padding-left: 30px;}
.new-blog-main-sec .grid{margin: 0 0 0 -30px;}

.blog-new-blog .pagination .next,.blog-new-blog  .pagination .prev {color: #000;background: transparent;margin: 0;}
.blog-new-blog .pagination .page.current {opacity: 1;background-color: #eaeaea;color: #000;padding: 10px 8px;}
.blog-new-blog .pagination .next .icon,.blog-new-blog  .pagination .prev .icon {color: #000;}

.blog-new-blog .new-blog-main-sec .article__grid-image {
    position: relative;
    width: 100%;
    display: inline-block;
    height: 100%;
    padding-bottom: 60%;
    margin-bottom: 10px;
}
.blog-new-blog .new-blog-main-sec .article__grid-image img {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    object-fit: cover;
    height: 100%;
}
.blog-new-blog .new-blog-main-sec .article__grid-meta .article__title{font-weight: 300;font-size: 28px;line-height: 38px;}
.blog-new-blog .new-blog-main-sec .article__grid-meta .article__date time,.blog-new-blog .new-blog-main-sec .article__grid-meta .article__date a {
    font-size: 18px;
    line-height: 18px;
    letter-spacing: .44px;
}

@media only screen and (max-width: 1880px){
   .article-main-sec .left-article .article__grid-image {padding-bottom: 56.9%;}
}

@media only screen and (max-width: 1440px){
  .page-supcase-blog-redesign .page-width,.blog-new-blog .page-width { padding: 0 16px;}
  .business-blog .article__grid-meta .article__title {font-size: 22px;line-height:30px;}
  .business-blog .article__grid-meta .article__date a, .business-blog .article__grid-meta .article__date time {font-size: 18px;line-height: 18px;}
  .popular-item {padding: 0 10px;}
  .popular-article-content {margin: 0 -10px;}
  .popular-Article-main-sec a.article__title {font-size: 16px; line-height: 28px; margin: 20px 0;}
  .blog-new-blog .new-blog-main-sec .article__grid-meta .article__title{font-size: 22px;line-height: 22px;}
  .blog-new-blog .new-blog-main-sec .article__grid-meta .article__date time,.blog-new-blog .new-blog-main-sec .article__grid-meta .article__date a {font-size: 16px;line-height: 16px;}
}
@media only screen and (max-width: 991px){
  .popular-article-content {flex-wrap: wrap;row-gap: 30px;}
  .popular-item {flex: 0 0 50%; max-width: 50%;}
  .about-bg-res h1 {font-size: 60px; line-height: 75px;}
  .banner-images-section .bg-title {padding:0 15px;}
  .business-blog .article-main-sec { margin: 0;padding-bottom: 40px;}
  .business-blog .left-article,.business-blog .right-article{flex: 0 0 100%;max-width: 100%;padding: 0;}
  .article-main-sec .left-article .article__grid-image,.business-blog .article-left-img, .business-blog .article-right-img {padding-bottom:45%;}
  .business-blog .grid__item {margin-top: 30px;}
  .main-collection-list h3 a {font-size: 22px;line-height: 2px;}
  .main-collection-list h3 {margin-top: 20px;}
  .article-main-sec .left-article .small--one-third,.article-main-sec .right-article .small--one-third {width: 100%;}
  .main-collection-list li {flex: 0 0 50%;max-width: 50%;padding: 0 10px;}
  ul.main-collection-list {width: auto;column-gap: 0;row-gap: 30px;margin: 0 -10px;flex-wrap: wrap;}
  .popular-Article-main-sec .business-blog .article-main-sec {display: inline-block;}
  .blog-new-blog .new-blog-main-sec .article__grid-meta .article__title{font-size: 18px;line-height: 18px;}
  .blog-new-blog .new-blog-main-sec .article__grid-meta .article__date time,.blog-new-blog .new-blog-main-sec .article__grid-meta .article__date a {font-size: 14px;line-height: 14px;}
  .blog-new-blog .new-blog-main-sec .article__grid-meta .article__date{margin-bottom: 5px;}
  
}
@media only screen and (max-width: 767px){
  .banner-images-section .desktop-image{display: none;}
  .banner-images-section .mobile-image{display: block;}
  .about-bg-res h1 {  font-size: 30px; line-height: 45px; word-break: break-all; letter-spacing: 2px;}
  .business-blog .article__grid-meta .article__date a, .business-blog .article__grid-meta .article__date time {font-size: 16px;line-height: 16px;}
  
  .banner-image-text-main-sec h2 {font-size: 22px;line-height: 37px;}
  .heading h3 {font-size: 22px;line-height: 22px;}
  .business-blog .heading a {font-size: 18px;line-height: 18px;display: flex;align-items: center;}
  .business-blog .heading a svg{margin-left:15px;}
  .collection-main-sec { margin-bottom: 40px;}
  .business-blog {padding-top: 40px;}
  .Article-list-main-sec:last-of-type {padding-bottom: 22px;}
  .new-blog-main-sec .grid__item {padding-left: 16px;}
  .new-blog-main-sec .grid {margin: 0 0 0 -16px;}
  .new-blog-main-sec  .pagination { padding: 15px 0;}
  .new-blog-main-sec .article__title {font-size: 16px;}
  .new-blog-main-sec .grid__image-ratio--wide:before {padding-bottom: 73.25%;}
  .business-blog .left-article .small--two-thirds {width: 100%;}
  .blog-new-blog .new-blog-main-sec .grid__item .small--two-thirds{padding-left: 17px;}
  .blog-new-blog .new-blog-main-sec .grid__item .small--one-third,.blog-new-blog .new-blog-main-sec .grid__item .small--two-thirds{float: left;}
  
}
@media only screen and (max-width: 575px){
  .business-blog .heading {align-items: baseline;justify-content: start;margin-bottom: 0;flex-direction: column;row-gap: 15px;}
  .article-main-sec .left-article .article__grid-image, .business-blog .article-left-img, .business-blog .article-right-img { padding-bottom: 71%;}
  .main-collection-list li {flex: 0 0 100%;max-width: 100%;padding: 0 10px;}
  .Article-list-main-sec+.Article-list-main-sec .business-blog {padding-top: 0;}
  .banner-image-text-main-sec h2 {font-size: 16px; line-height: 30px;}
  .banner-image-text-main .banner-images-section .bg-title {top: 35%;}
  .banner-image-text-main-sec h2 {font-size: 20px;line-height: 37px;}
  .heading h3 {font-size: 20px;line-height: 20px;}
  .business-blog .article__grid-meta .article__date a, .business-blog .article__grid-meta .article__date time {font-size: 13px;line-height: 13px;}
  .popular-item {flex: 0 0 100%;max-width: 100%;}
  .blog-new-blog .new-blog-main-sec .article__grid-image {padding-bottom: 70%;}
  
}

/* TESTING */

<style>
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
</style>

<script>
var acc = document.getElementsByClassName("accordion");
var i;

for (i = 0; i < acc.length; i++) {
  acc[i].addEventListener("click", function() {
    this.classList.toggle("active");
    var panel = this.nextElementSibling;
    if (panel.style.maxHeight) {
      panel.style.maxHeight = null;
    } else {
      panel.style.maxHeight = panel.scrollHeight + "px";
    }
  });
}
</script>

/* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.active, .accordion:hover {
  background-color: #ccc;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden;
}

.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #777;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}