/** Shopify CDN: Minification failed

Line 3273:0 Unexpected "}"
Line 5282:2 Unexpected "}"
Line 6801:12 Unexpected "}"

**/


/* CSS from section stylesheet tags */
.compliance-wrap {
    padding: 50px 20px !important;
  }
  .product-disclosure-link {
    text-decoration: underline !important;
    transition: 200ms all ease;
  }

  .product-disclosure-link:hover {
    color: var(--meyer_orange);
    transition: 200ms all ease;
  }
.bf-wrapper {
    width: 950px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  
  .blog-footer {
    background-color: #F6F3ED;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
  }

  .bf-text {
    display: flex;
    flex-direction: column;
  }

  #footer-header {
    font-size: 28px;
    font-weight: 900;
  }

  @media (max-width: 767px) {
    .blog-footer {
      height: auto;
      padding: 20px;
      margin: 0;
    }
    .bf-wrapper {
      flex-direction: column;
      gap: 30px;
    }
    .bf-text {
      align-items: center;
    }
    #footer-header {
      font-size: 24px;
      margin-bottom: 8px;
    }
  }
.custom-blog-content {
  text-align: center;
  max-width: 950px;
  margin: 0 auto;
}
.cb-section-title {
  font-weight: 800;
  font-size: 32px;
  margin: 40px auto 20px;
}
  
.team-video-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
  flex-wrap: wrap;
  gap: 10px;
}

.team-item {
  background-color: #E3DBD0;
  padding: 20px;
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 20px;
  width: 24%;
}
.team-desc {
    height: 100px;
}
p.team-name {
  font-weight: 600;
  font-size: 24px;
}

a.team-cta {
  background: #f3611b;
  color: white;
  font-weight: 600;
  padding: 5px 0;
  text-align: center;
  border-radius: 8px;
  width: 70%;
  margin: 10px auto;
}
p.quote {
  font-size: 18px !important;
  margin: 0 0 8px;
}

.display-pc .team-quote {
  height: 165px !important;;
  font-size: 14px;
}

.display-mob .team-quote {
  height: auto;
}

  
.custom-blog-footer {
    padding: 50px;
}

a.footer-cta {
  color: white;
  background: #f3611b;
  padding: 10px 30px;
  border-radius: 8px;
  font-weight: 900;
}

a.footer-cta:hover, a.team-cta:hover {
  background: #005e57;
  opacity: 1;
}

.media-wrapper.spacer-bottom, img {
    border-radius: 0;
}

.team-video {
  padding: 0 20px;
}

@media (max-width: 991px) {
  .team-item {
    width: 100%;
  }
  .team-video-wrapper {
    gap: 0;
  }
  .team-item:nth-child(even) {
    background-color: white;
  }
  .custom-blog-footer {
    padding: 50px 10px;
    background-color: #E3DBD0;
  }
  .cb-section-title {
    font-size: 28px;
  }
}
  
@media(min-width: 992px) {
  .display-mob {
    display: none;
  }
}

@media (max-width: 767px) {
  .cb-section-title {
    margin: -30px 0 20px 0;
  }
  
  .display-pc {
    display: none;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .bf-wrapper {
    padding: 0 16px;
  }
}

.section-header {
  margin-bottom: 0;
}
@media(max-width:991px){
    .blog_content .section-header{
      padding-bottom: 0px !important;
      margin-bottom: 0px!important;
    }
  }

  .blog_content .page-title-wrapper {
    padding: 30px 0 0 0;
  }
  
  
  .blog_content {
    max-width: 950px;
    margin: 0 auto;
  }

  @media (min-width: 768px) {
    .blog_content .page-title {
      font-size: 30px !important;
    }
  }
  
  .img-cto  {
    font-size: 16px;
  }
  
  @media (max-width: 767px) {
    .blog_content .page-title {
      font-size: 28px !important;
    }
    
    .blog_content {
      padding: 0 16px;
    }
    
    .img-cto  {
      font-size: 13px;
    }
    
    table.blog-pc {
      display: none;
    }

    table.blog-mobile {
      display: block;
    }
    
  }

  @media (min-width: 768px) {
    table.blog-pc {
      display: block;
    }
  
    table.blog-mobile {
      display: none;
    }
  }

  .featured-blog__date {
    padding-bottom: 20px;
  }
.grid--blog {
      margin-bottom: -55px;
      overflow: auto;
  }

  .article__grid-image-container {
      display: block;
      clear: both;
      position: relative;
      margin: 0 auto 27.5px 0;
      min-height: 1px;
      width: 100%;
      height: 100%;
  }

    ul.grid--blog, ul.list--inline {
      list-style: none;
  }

    ul.list--inline{
      margin: 0;
    }

    .article__grid-image-wrapper {
      margin: 0 auto;
      position: relative;
      width: 100%;
  }
    .article__grid-image-container > div {
      display: block;
      border-radius: 20px;
  }



   .grid__item .list--inline > .article__tag, .owl-item .article__tag {
      min-width: 80px;
      text-align: center;
      background: #4C9B8F;
      padding: 1px 10px;
      height: 30px;
      display: inline-block;
  }

  .article__tag.delicious-ideas{
      background: #ffdb83!important;
  }
  .article__tag.kitchen-wisdom{
      background: #ff6118!important;
  }



  .article__tag > a {
      color: #000;
      text-decoration: none;
        line-height: 30px;
  }

  .article__tag.behind-the-designs>a{
      color: #FFF;
  }

    li.article__tag.active a{
      color: #ff6118;
  }

  .article__link > .article__title{
      font-size: 24px;
  }

  .article__link:hover > .article__title {
      color: #ff6118;
      text-decoration: underline;
  }

  .article__grid-excerpt {
      height: 85px;
      margin-bottom: 0;
      font-size: 21px;
      line-height: 28px;
  }

    a.red-more_green{
      font-size: 21px;
      color: #005c56;
      text-decoration: none;
  }

  @media only screen and (min-width: 768px){
      .medium-up--one-third{
        width: 33.33333%;
       margin-bottom: 50px;
       height:550px;
    }
    .grid__item {
        float: left;
        padding: 0 9px;
    }
  }


    .template-blog .section-header>* {
      font-weight: 600!important;
      font-size: 24px!important;
      line-height: 50px!important;
      text-align: center!important;
      margin-bottom: 40px!important;
  }

    .blog-filter .list--inline{
        margin: 0;
        display: flex;
        justify-content: center;

  }

    .blog-filter .list--inline .article__tag{
      padding-left: 25px;
      padding-right: 25px;
      font-weight: 600;
      font-size: 24px;
      line-height: 130%;
    }

    .blog-filter .article__grid-tag:hover{
          color: #ff6118;
      text-decoration: underline;
    }

    @media only screen and (min-width: 768px){
     .template-blog .section-header {
          margin:55px 0;
        }
  }

  /*slider setting*/
  @media (min-width: 768px){
      .template-blog .featured-article .feature-row {
        max-width: 86vw!important;
        height: calc(86vw * 0.5625 / 2);
    }
      #shopify-section-blog-meyer-template #hp_banner_slider {
        padding-top: 0;
        padding-bottom: 0;
    }

      .blog-section .featured-article .feature-row__item{
        display: inline-block;
        float: left;
        width: 60%;

    }
      .blog-section .featured-article .feature-row__text{
        max-width: 50%;
        padding-left: 60px;
        text-align: left;
        display: inline-block;
        float: left;
        position: absolute;
        top: 60%;
        transform: translateY(-50%);
    }


  }
  .blog-section .featured-article .feature-row__text h2{
    font-size: 30px;
    font-weight: 500;
  }
    .blog-section .featured-article {
      background: #eddac5 !important;
  }
      .article__tags {
      margin-bottom: 15px;
  }
  @media (max-width: 767px){
        .feature-row__item.feature-row__text.feature-row__text--left {
          padding: 11px 15px;
      }

      ul.grid--3{
        margin: 0 0 0 0;
      }
      .grid__item {
        padding: 16px 0;
      }

  }


  /*slider setting end*/
[id^="shopify-section-template--"][id*="d100_section"][id$="_YHN3Ah"], #d1BannerWrapper {
    line-height: 0;
  }


  .yotpo-review-border-smooth yotpo-border-margin {
    margin-top: 8px
  }

  .d1Section {
    line-height: normal;
  }

  .d1B-mob {
    display: none;
  }
  @media (max-width: 767px) {
    .d1B-pc {
      display: none;
    }
    .d1B-mob {
      display: block;
    }
  }
.btn__text {
    font-size: 16px;
  }
.item.tes {
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
  }
  
  .item.tes .content {
    display: flex;
    flex-direction: row;
    align-items: center;
    width: 100%;
    justify-content: center;
  }
/* ul.inner-nav-containers > li:first-child > .site-nav__link:not(.site-nav__link--icon){
    color: #fff !important;
    background-color: #ff6118!important;
    padding: 10px 50px;
    border-radius: 5px;
    margin-right: 15px;
  }  */

  #nav-text li {
    min-width: 13%;
    text-align: center;
  }

  #MenuParent-3 {
    width: 450px;
    max-width: unset;
    height: 180px;
    display: flex;
    flex-flow: column wrap;
  }

  .dropdown-item {
    min-width: unset !important;
    width: 250px;
  }

  .stainlessSteelMenu {
    opacity: 0;
    pointer-events: none;
  }
.hero-section .slick-dots li button:before {
    color: transparent;
    background-color: transparent;
    border: 2px solid var(--meyer_orange);
    width: 25px !important;
    height: 25px !important;
  }

  .hero-section .slick-dots li.slick-active button:before {

    color: var(--meyer_orange);
    background-color: var(--meyer_orange);
    width: 15px !important;
    height: 15px !important;
  }

  #heroVidMob {
    display: none;
  }

  @media (max-width: 767px) {
    #heroVidMob {
      display: block;
    }

    #heroVidPc {
      display: none;
    }
  }
.ss-wrap {
  position: absolute;
  top: 0;
  width: 100%;
  padding: 5% 5% 0 5%;
}
.ss-items-cont {
  display: flex;
  justify-content: space-between;
}

.sst-title {
  font-weight: 600;
  font-size: 18px;
  color: black;
  margin: 0 !important;
}
.sst-text {
  font-size: 16px;
  color: black;
}
.brd-left {
  border-left: 1px solid black;
}
.brd-right {
  border-right: 1px solid black;
}

.brd-bottom {
  border-bottom: 1px solid black;
}

.brd-top {
  border-top: 1px solid black;
}
/** text width **/
#ss-left-1 .ss-item-text {
  width: 300px;
}
#ss-left-5 .ss-item-text, #ss-left-6 .ss-item-text {
  width: 350px
}
#ss-left-2 .ss-item-text, #ss-left-3 .ss-item-text, #ss-left-4 .ss-item-text, #ss-left-7 .ss-item-text {
    width: 430px;
}
/** set highlights **/
.ss_item {
  position: absolute;
}
div#ss-left-1 {
  top:100%;
}
div#ss-left-2 {
  top: 150%;
}
div#ss-left-3 {
  top: 200%;
}
div#ss-left-4 {
  top: 255%;
}
div#ss-left-5 {
  right: 4%;
  top: 125%;
}
div#ss-left-6 {
  top: 168%;
  right: 4%;
}  
div#ss-left-7 {
  right: 4%;
  top: 215%;
}

/** line art **/
.ss-item-box {
  position: absolute;
  width: 0;
  height: 0;
}
#sslb-1 {
  top: 60%;
  left: 100.7%;
}
#sslb-1.active {
  /* top: 60%;
  left: 100.7%; */
  animation: lineAnimation-1 3s linear forwards;
}
  
#sslb-2 {
  /* width: 140%;
  height: 10%; */
  left: 5%;
}
  
#sslb-2.active {
  /* left: 5%; */
  animation: lineAnimation-2 3s linear forwards;
  animation-delay: .4s;
}
  
#sslb-3 {
  /* width: 120%;
  height: 20%; */
  left: 28%;
}
  
#sslb-3.active {
  animation: lineAnimation-3 3s linear forwards;
  animation-delay: .7s;
}
  
#sslb-4 {
  /* width: 53%;
  height: 20%; */
  left: 80%;
  top: 75%;
}
#sslb-4.active {
  animation: lineAnimation-4 3s linear forwards;
  animation-delay: 1s;
}
  
#sslb-5 {
  /* width: 104%;
  height: 30%; */
  right: 103%;
  top: 5%;
  transform: translateY(-100%);
}
  
#sslb-5.active {
  animation: lineAnimation-5 3s linear forwards;
  animation-delay: 1.3s;
}
#sslb-6 {
  /* width: 80%;
  height: 10%; */
  right: 104%;
  top: 37%;
}
#sslb-6.active {
  animation: lineAnimation-6 3s linear forwards;
  animation-delay: 1.6s;
}
#sslb-7 {
  right: 104%;
  top: 4%;
  transform: translateY(-100%);
}
#sslb-7.active {
  animation: lineAnimation-7 3s linear forwards;
  animation-delay: 1.9s;
}
/** circle at the end of line **/
.ss-item-box:after {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: white;
  position: absolute;
  border: 1px solid black;
  opacity: 0;
 transform: translate(-50%, -50%);
}
.ss-item-box.active:after {
  opacity: 1;
}
#sslb-1:after {
  top: 100%;
  left: 98.8%;
}
#sslb-2:after {
  top: 100%;
  left: 99.8%;
}
#sslb-3:after {
  top: 100%;
  left: 100%;
}
#sslb-4:after {
  top: 100%;
  left: 100%;
}
#sslb-5:after {
  bottom: 74%;
}
#sslb-6:after {
  /* bottom: 30%;
    right: 97%; */
  
  bottom: unset;
  right: unset;
}
#sslb-7:after {
  bottom: unset;
}

/** line animation **/
  
@keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }
  
    50% {
      width: 0;
      height: 55%;
    }
  
    70% { 
      width: 0;
      height: 55%;
    }

    100% {
        height: 55%;
        width: 105%
    }
}
  
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }

    70% { 
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 140%
    }
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
  
    70% { 
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 120%
    }
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
  
    70% { 
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 53%
    }
}
  

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
  
    70% { 
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 90%;
    }
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 104%;
      height: 10%;
    }
}

  
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%
    }
  
    70% { 
      width: 0;
      height: 30%
    }

    100% {
      height: 30%;
      width: 60%;
    }
}


  

  @media (min-width: 1025px) and (max-width: 1091px) {
    
    span.bb-cta-text {
      font-size: 24px !important;
    }
    #ss-left-1 .ss-item-text {
    width: 280px;
}
    #ss-left-2 .ss-item-text, #ss-left-3 .ss-item-text, #ss-left-4 .ss-item-text {
    width: 300px;
}

    div#ss-left-1 {
    top: 79%;
}
    
    #sslb-1 {
    top: 62%;
    left: 94.7%;
}
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 40%;
    }
    70% {
      width: 0;
      height: 40%;
    }

    100% {
        height: 40%;
        width: 30%
    }
}
    div#ss-left-2 {
    top: 121%;
}
    #sslb-2 {
    left: 42%;
    top: 85%;
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 29%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 65%
    }
}
div#ss-left-3 {
    top: 166%;
}
    #sslb-3 {
    left: 33%;
    top: 75%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 60%
    }
}
div#ss-left-4 {
    top: 214%;
}
    #sslb-4 {
    left: 82%;
    top: 63%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 35%
    }
}

    #ss-left-5 .ss-item-text, #ss-left-6 .ss-item-text {
    width: 280px;
}
    div#ss-left-5 {
    right: 4%;
    top: 90%;
}

    #sslb-5 {
    right: 102%;
}
    #sslb-5:after {
    bottom: unset;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 30%
    }
}
    div#ss-left-6 {
    top: 132%;
    right: 4%;
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0%;
    }

    100% {
      width: 20%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 240px;
    }
div#ss-left-7 {
    right: 4%;
    top: 186%;
}

#sslb-7 {
    right: 102%;
    top: -6%;
}
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 15%;
    }
    70% {
      width: 0;
      height: 15%;
    }

    100% {
      height: 15%;
      width: 60%
    }
}
  }
  @media (min-width: 1092px) and (max-width: 1152px) {
    
    span.bb-cta-text {
      font-size: 24px !important;
    }
    #ss-left-1 .ss-item-text {
    width: 280px;
  }
    #ss-left-2 .ss-item-text, #ss-left-3 .ss-item-text, #ss-left-4 .ss-item-text {
    width: 300px;
  }

    div#ss-left-1 {
    top: 85%;
}
    
    #sslb-1 {
    top: 62%;
    left: 94.7%;
}
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 40%;
    }
    70% {
      width: 0;
      height: 40%;
    }

    100% {
        height: 40%;
        width: 39%
    }
}
    div#ss-left-2 {
    top: 128%;
}
    #sslb-2 {
      top: 90%;
    }
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 25%;
    }
    70% {
      width: 0;
      height: 25%;
    }

    100% {
      height: 25%;
      width: 111%
    }
}
div#ss-left-3 {
    top: 180%;
}
    #sslb-3 {
    left: 33%;
    top: 75%;
}
    #sslb-3:after {
    left: 98.8%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

  
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 70%
    }
}
div#ss-left-4 {
    top: 226%;
}
    #sslb-4 {
    left: 80%;
    top: 64%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

  
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 30%
    }
}

    #ss-left-5 .ss-item-text, #ss-left-6 .ss-item-text {
    width: 320px;
}
    div#ss-left-5 {
    right: 4%;
    top: 106%;
}
    #sslb-5 {
    right: 103%;
    top: 18%;
    transform: translateY(-100%);
}
    #sslb-5:after {
    bottom: unset;
}

    div#ss-left-5 {
    right: 4%;
    top: 91%;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
  
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 23%
    }
}
    div#ss-left-6 {
    top: 152%;
    right: 4%;
}

    div#ss-left-6 {
    top: 144%;
    right: 4%;
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 20%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 250px;
    }
div#ss-left-7 {
    right: 4%;
    top: 195%;
}

#sslb-7 {
    right: 103%;
    top: 6%;
}
   
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

      70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 15%;
      width: 70%
    }
}
  }
  @media (min-width: 1153px) and (max-width: 1204px) {
    span.bb-cta-text {
      font-size: 24px !important;
    }
    #ss-left-2 .ss-item-text, #ss-left-3 .ss-item-text, #ss-left-4 .ss-item-text {
      width: 350px
    }
    
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 40%;
    }

      
    70% {
      width: 0;
      height: 40%;
    }

    100% {
        height: 40%;
        width: 25%
    }
}
    div#ss-left-2 {
    top: 136%;
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }

  
    70% {
      width: 0;
      height: 10%;
    }
  
    100% {
      height: 10%;
      width: 90%
    }
}
div#ss-left-3 {
    top: 180%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

  
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 60%
    }
}
div#ss-left-4 {
    top: 226%;
}
    #sslb-4 {
    left: 82%;
    top: 75%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

  
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 20%
    }
}

    #ss-left-5 .ss-item-text, #ss-left-6 .ss-item-text {
    width: 320px;
}
    div#ss-left-5 {
    right: 4%;
    top: 100%;
}
    #sslb-5:after {
    bottom: unset;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }

  
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 28%
    }
}
    div#ss-left-6 {
    top: 152%;
    right: 4%;
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 20%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 250px;
    }
    div#ss-left-7 {
    right: 4%;
    top: 205%;
}

    #sslb-7 {
    right: 103%;
    top: 0;
}
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 25%;
    }

  
    70% {
      width: 0;
      height: 25%;
    }

    100% {
      height: 25%;
      width: 80%
    }
}
  }
  @media (min-width: 1205px) and (max-width: 1299px) {
    #ss-left-2 .ss-item-text, #ss-left-3 .ss-item-text, #ss-left-4 .ss-item-text {
      width: 350px
    }

    div#ss-left-1 {
    top: 80%;
}
    
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 40%;
    }

      
    70% {
      width: 0;
      height: 40%;
    }

    100% {
        height: 40%;
        width: 30%
    }
}
    div#ss-left-2 {
    top: 120%;
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }

      70% {
      width: 0;
      height: 10%;
    }


    100% {
      height: 10%;
      width: 95%
    }
}
div#ss-left-3 {
    top: 167%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

  
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 65%
    }
}
div#ss-left-4 {
    top: 206%;
}
    #sslb-4 {
    left: 82%;
    top: 75%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

  
    70% {
      width: 0;
      height: 20%;
    }
    100% {
      height: 20%;
      width: 25%
    }
}

    #ss-left-5 .ss-item-text, #ss-left-6 .ss-item-text {
    width: 320px;
}
    div#ss-left-5 {
    right: 4%;
    top: 95%;
}
    #sslb-5:after {
    bottom: unset;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 35%;
    }

  
    70% {
      width: 0;
      height: 35%;
    }

    100% {
      height: 30%;
      width: 35%
    }
}
    div#ss-left-6 {
    top: 139%;
    right: 4%;
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 27%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 260px;
    }
    div#ss-left-7 {
    right: 4%;
    top: 190%;
}

    #sslb-7 {
    right: 104%;
    top: 0;
}
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 25%;
    }

  
    70% {
      width: 0;
      height: 25%;
    }

    100% {
      height: 25%;
      width: 77%
    }
}
  }
  @media (min-width: 1300px) and (max-width: 1369px) {
    #ss-left-2 .ss-item-text, #ss-left-3 .ss-item-text, #ss-left-4 .ss-item-text {
      width: 350px
    }
    #sslb-1 {
    top: 51%;
    left: 107.7%;
}
    
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 40%;
    }
      
    70% {
      width: 0;
      height: 40%;
    }

    100% {
        height: 40%;
        width: 40%
    }
}
    div#ss-left-2 {
    top: 133%;
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 110%
    }
}
    div#ss-left-3 {
    top: 176%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 80%
    }
}
div#ss-left-4 {
  top: 220%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 30%
    }
}
    #sslb-5 {
    right: 102%;
    top: 7%;
    transform: translateY(-100%);
}
    #sslb-5:after {
    bottom: unset;
}
    
    div#ss-left-5 {
    right: 4%;
    top: 92%;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 22%;
    }
    70% {
      width: 0;
      height: 22%;
    }

    100% {
      height: 22%;
      width: 32%
    }
}
    div#ss-left-6 {
    top: 140%;
    right: 4%;
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 25%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 280px;
    }

    #sslb-7 {
    right: 82%;
    top: -13%;
}
    div#ss-left-7 {
    right: 3%;
        top: 200%;

}
#sslb-7:after {
      bottom: unset;
    right: unset;
}
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 80%
    }
}
  }
  @media (min-width: 1370px) and (max-width: 1435px) {
    div#ss-left-1 {
    top: 86%;
}
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 40%;
    }
    70% {
      width: 0;
      height: 40%;
    }

    100% {
        height: 40%;
        width: 50%
    }
}
    div#ss-left-2 {
    top: 132%;
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 90%
    }
}
    div#ss-left-3 {
    top: 182%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 60%
    }
}
    div#ss-left-4 {
    top: 229%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 21%
    }
}
    div#ss-left-5 {
    right: 4%;
    top: 96%;
}
    #sslb-5:after {
    bottom: unset;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 22%;
    }
    70% {
      width: 0;
      height: 22%;
    }

    100% {
      height: 22%;
      width: 35%
    }
}
div#ss-left-6 {
    top: 150%;
    right: 4%;
}
@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 35%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 300px;
    }

    #sslb-7 {
    right: 103%;
    top: 3%;
}
    div#ss-left-7 {
    right: 4%;
    top: 200%;
}
    
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 70%
    }
}
  }
  @media (min-width: 1436px) and (max-width: 1490px) {
    div#ss-left-1 {
    top: 87%;
}
    #sslb-1 {
    top: 42%;
    left: 107.7%;
}
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 55%;
    }
    70% {
      width: 0;
      height: 55%;
    }

    100% {
        height: 55%;
        width: 50%
    }
}
    div#ss-left-2 {
    top: 136%;
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 95%
    }
}
    div#ss-left-3 {
    top: 186%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 70%
    }
}
    div#ss-left-4 {
    top: 230%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 15%
    }
}
    div#ss-left-5 {
    right: 4%;
    top: 103%;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 45%
    }
}
    div#ss-left-6 {
    top: 151%;
    right: 4%;
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }
  
    100% {
      width: 40%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 320px;
    }

    div#ss-left-7 {
    right: 4%;
    top: 197%;
}
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }

    70% {
      width: 0;
      height: 20%;
    }
    100% {
      height: 20%;
      width: 60%
    }
}
    
  }
  @media (min-width: 1491px) and (max-width: 1526px) {
    #ss-left-7 {
      width: 335px;
    }
  }
  @media (min-width: 1491px) and (max-width: 1560px) {
    #sslb-1 {
      top: 47%;
      left: 105.7%;
    }
    div#ss-left-1 {
      top: 90%;
    }
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 55%;
    }
    70% {
      width: 0;
      height: 55%;
    }

    100% {
        height: 55%;
        width: 60%
    }
}

    div#ss-left-2 {
    top: 133%;
}
    
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 97%
    }
}
    div#ss-left-3 {
    top: 183%;
}
    
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 75%
    }
}
    div#ss-left-4 {
    top: 230%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 20%
    }
}

    div#ss-left-5 {
    right: 4%;
    top: 103%;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 50%
    }
}

    div#ss-left-6 {
    top: 157%;
    right: 4%;
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 50%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 350px;
    }

    div#ss-left-7 {
    right: 4%;
    top: 229%;
}
    div#ss-left-7 {
      right: 4%;
      top: 210%;
    }
@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 60%
    }
}
  }
  @media (min-width: 1561px) and (max-width: 1604px) {
    div#ss-left-1 {
    top: 90%;
}
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 55%;
    }
    70% {
      width: 0;
      height: 55%;
    }

    100% {
        height: 55%;
        width: 70%
    }
}
    div#ss-left-2 {
    top: 138%;
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 105%
    }
}
    div#ss-left-3 {
    top: 195%;
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 70%
    }
}
    div#ss-left-4 {
    top: 244%;
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 20%
    }
}
    div#ss-left-5 {
    right: 4%;
    top: 105%;
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 50%
    }
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10;
    }

    100% {
      width: 55%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 350px;
    }

@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 70%
    }
}
  }
  @media (min-width: 1605px) and (max-width: 1663px) {
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 55%;
    }
    70% {
      width: 0;
      height: 55%;
    }

    100% {
        height: 55%;
        width: 75%
    }
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 115%
    }
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 80%
    }
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 25%
    }
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 60%
    }
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }
    100% {
      width: 60%;
      height: 10%;
    }
}

    #ss-left-7 .ss-item-text {
      width: 350px;
    }

    div#ss-left-7 {
    right: 4%;
    top: 215%;
}

@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 70%
    }
}
  }
  @media (min-width: 1664px) and (max-width: 1755px) {
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 55%;
    }
    70% {
      width: 0;
      height: 55%;
    }

    100% {
        height: 55%;
        width: 85%
    }
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 116%
    }
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 95%
    }
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
  
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 30%
    }
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 70%
    }
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 73%;
      height: 10%;
    }
}
    #ss-left-7 .ss-item-text {
      width: 380px;
    }
    div#ss-left-7 {
    right: 4%;
    top: 216%;
}

@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 45%
    }
}
  }
  @media (min-width: 1756px) and (max-width: 1801px) {
    @keyframes lineAnimation-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 55%;
    }
    70% {
      width: 0;
      height: 55%;
    }

    100% {
        height: 55%;
        width: 95%
    }
}
@keyframes lineAnimation-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 10%;
    }
    70% {
      width: 0;
      height: 10%;
    }

    100% {
      height: 10%;
      width: 121%
    }
}
@keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 105%
    }
}
@keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 45%
    }
}

@keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 80%
    }
}

@keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }

    100% {
      width: 70%;
      height: 10%;
    }
}

    div#ss-left-7 {
    right: 4%;
    top: 216%;
}
    #ss-left-7 .ss-item-text {
      width: 380px;
    }

@keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 50%
    }
}
  }
  @media (min-width: 1802px) and (max-width: 1848px) {
    @keyframes lineAnimation-1 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 55%;
      }
      70% {
        width: 0;
        height: 55%;
      }
  
      100% {
          height: 55%;
          width: 100%
      }
    }

    @keyframes lineAnimation-3 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }

    100% {
      height: 20%;
      width: 110%
    }
  }

  @keyframes lineAnimation-4 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 20%;
    }
    70% {
      width: 0;
      height: 20%;
    }


    100% {
      height: 20%;
      width: 45%
    }
}

    @keyframes lineAnimation-5 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }

    100% {
      height: 30%;
      width: 85%
    }
}

    @keyframes lineAnimation-6 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 0;
    }
    100% {
      width: 94%;
      height: 10%;
    }
}
    div#ss-left-7 {
    right: 4%;
    top: 216%;
}

    @keyframes lineAnimation-7 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 30%;
    }
    70% {
      width: 0;
      height: 30%;
    }
    100% {
      height: 30%;
      width: 55%
    }
}
  }

  /***** mobile *****/

 @media (max-width: 1024px) {
   .sst-text {
    line-height: 24px;
     font-size: 20px !important;
  }
   .sst-title {
    font-size: 28px !important;
  }
 }
  
  .spotlight-wrap {
    position: absolute;
  }

  /** spotlight wrapper **/
  .spot-top {
    top: 21%;
    left: 15%;
    right: 15%;
    text-align: right;
  }

  .spot-bot {
    top: 85%;
    left: 15%;
    right: 15%;
    text-align: left !important;
  }

  /** circle **/
   .spot-top > .ss-item-box:after {
    top: 100%;
    left: -1%;
  }

  .spot-bot > .ss-item-box:after {
    /* bottom: 98%;
    left: 94%; */
    
    bottom: 97.8%;
    left: 97%;
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .spot-bot > .ss-item-box:after {
      bottom: 97%;
    }
  }
  
  .ss-item-box:after {
    opacity: 0;
  }
  .ss-item-box.active:after {
    opacity: 1;
  }
}

  /** line **/
  .spot-top > .ss-item-box {
    top: 90%;
    right: 0%;
  }

  .spot-top > .ss-item-box {
    right: 0;
  }
  
  .spot-top > .ss-item-box.active {
    animation: lineAnimation-mob-1 2s linear forwards;
  }
  
  .spot-bot > .ss-item-box {
    bottom: 105%;
  }
  
  .spot-bot > .ss-item-box.active {
    animation: lineAnimation-mob-2 2s linear forwards;
    animation-delay: .3s;
  }
  
  .spot-top, .spot-bot {
    min-height: 130px;
  }

  @keyframes lineAnimation-mob-1 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 180%;
      }
      70% {
        width: 0;
        height: 180%;
      }
  
      100% {
        height: 180%;
        width: 8%
      }
  }
  
  @keyframes lineAnimation-mob-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 280%;
    }
    
    70% {
      width: 0;
      height: 280%;
    }

    100% {
      height: 280%;
      width: 10%
    }
  }


  @media (min-width:884px) and (max-width: 900px) {
    /* .spot-top > .ss-item-box:after {
      top: 95.5%;
      left: 0;
    } */
    @keyframes lineAnimation-mob-1 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 150%;
      }
      70% {
        width: 0;
        height: 150%;
      }
  
      100% {
        height: 150%;
        width: 8%
      }
    }
    @keyframes lineAnimation-mob-2 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 225%;
      }
  
      70% {
        width: 0;
        height: 225%;
      }
  
      100% {
        height: 225%;
        width: 10%
      }
    }
  }
  @media (min-width:820px) and (max-width: 883px) {

    div#set-line-1:after {
      top: 100.5%;
    }
    
    @keyframes lineAnimation-mob-1 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 135%;
      }
  
      70% {
        width: 0;
        height: 135%;
      }
  
      100% {
        height: 135%;
        width: 8%
      }
    }

    @keyframes lineAnimation-mob-2 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 218%;
      }
  
      70% {
        width: 0;
        height: 218%;
      }
  
      100% {
        height: 218%;
        width: 5%
      }
    }
  }
  @media (min-width:800px) and (max-width: 819px) {

    div#set-line-1:after {
    top: 95.3%;
}
    @keyframes lineAnimation-mob-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 135%;
    }

    100% {
      height: 135%;
      width: 8%
    }
}

    div#set-line-2:after {
    bottom: 97.6%;
    left: 69%;
}
  
  @keyframes lineAnimation-mob-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 218%;
    }

    100% {
      height: 218%;
      width: 5%
    }
}
  }
  @media (min-width:768px) and (max-width: 799px) {
    div#set-line-1:after {
      top: 100.3%;
    }
    @keyframes lineAnimation-mob-1 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 120%;
      }
  
      100% {
        height: 120%;
        width: 8%
      }
    }

    div#set-line-2:after {
      bottom: 96.9%;
      left: 94%;
    }
  
    @keyframes lineAnimation-mob-2 {
      0% {
        width: 0;
        height: 0;
      }
  
      50% {
        width: 0;
        height: 195%;
      }
  
      100% {
        height: 195%;
        width: 5%
      }
    }
  }
  @media (min-width:412px) and (max-width: 767px) {

    .sst-title {
      font-size: 18px !important;
    }
    .sst-text {
      line-height: 19px;
      font-size: 15px!important;
    }
    .spot-top {
      top: 20%;
    }
    .spot-top, .spot-bot {
      left: 10%;
      right: 10%
    }

    .spot-top > .ss-item-box {
      top: 67%;
      right: 0;
    }
    
    @keyframes lineAnimation-mob-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 70%;
    }

    70% {
      width: 0;
      height: 70%;
    }

    100% {
      height: 70%;
      width: 15%
    }
}

    .spot-bot > .ss-item-box:after {
      bottom: 94%;
      left: 94%;
    }
  
  @keyframes lineAnimation-mob-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 110%;
    }

    70% {
      width: 0;
      height: 110%;
    }

    100% {
      height: 110%;
      width: 10%
    }
}
  }
  @media (min-width:390px) and (max-width: 411px) {
    
    #bb-section-title {
    font-size: 19px !important;
}
    .sst-title {
    font-size: 18px !important;
}
    .sst-text {
    line-height: 19px;
    font-size: 14px!important;
}
    .spot-top {
    top: 20%;
}
    .spot-bot {
    top: 84%;
}
    
    .spot-top, .spot-bot {
      left: 10%;
      right: 10%
    }

    .spot-top > .ss-item-box {
      top: 67%;
      right: 0;
    }

    

    .bb-wrap .owl-dots {
      bottom: -0.8%;
    }
    /* .spot-top > .ss-item-box:after {
      top: 100%;
    left: -1%;
    } */
    @keyframes lineAnimation-mob-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 58%;
    }

    70% {
      width: 0;
      height: 58%;
    }

    100% {
      height: 58%;
      width: 15%
    }
}

    .spot-bot > .ss-item-box:after {
    bottom: 94%;
    left: 94%;
}
  
  @keyframes lineAnimation-mob-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 95%;
    }

    70% {
      width: 0;
      height: 95%;
    }

    100% {
      height: 95%;
      width: 10%
    }
}
  }
  @media (min-width:319px) and (max-width: 389px) {
    #bb-section-title {
    font-size: 18px !important;
}
    .sst-title {
    font-size: 18px !important;
}
    .sst-text {
    line-height: 19px;
    font-size: 15px!important;
}
    .spot-top {
    top: 20%;
}
    .spot-bot {
    top: 84%;
}

    
    
    .spot-top, .spot-bot {
      left: 5%;
      right: 5%
    }

    .spot-top > .ss-item-box {
      top: 67%;
      right: 0;
    }
    
    /* .spot-top > .ss-item-box:after {
      top: 88.3%;
    } */
    @keyframes lineAnimation-mob-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 50%;
    }

    70% {
      width: 0;
      height: 50%;
    }

    100% {
      height: 50%;
      width: 15%
    }
}

    .spot-bot > .ss-item-box:after {
    bottom: 93%;
    left: 94%;
  }
  
  @keyframes lineAnimation-mob-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 90%;
    }

    70% {
      width: 0;
      height: 90%;
    }

    100% {
      height: 90%;
      width: 10%
    }
}
  }
  @media (max-width: 320px) {
    a#bb-cta {
    width: 40%;
    margin: 0 auto;
    justify-content: center;
    font-size: 16px;
    padding: 4px;
}
    #bb-section-title {
    font-size: 14px !important;
}
    .sst-title {
    font-size: 18px !important;
}
    .sst-text {
    line-height: 15px;
    font-size: 15px!important;
}
    .spot-top {
    top: 20%;
}
    .spot-bot {
      top: 84%;
  }


    .bb-wrap .owl-dots {
      bottom: -0.8% !important;
    }
    
    
    .spot-top, .spot-bot {
      left: 8%;
      right: 8%
    }

    .spot-top > .ss-item-box {
      top: 56%;
      right: 0;
    }
    
    /* .spot-top > .ss-item-box:after {
      top: 88.3%;
    } */
    @keyframes lineAnimation-mob-1 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 50%;
    }

    70% {
      width: 0;
      height: 50%;
    }

    100% {
      height: 50%;
      width: 15%
    }
}

    .spot-bot > .ss-item-box:after {
    bottom: 93%;
    left: 94%;
}
  
  @keyframes lineAnimation-mob-2 {
    0% {
      width: 0;
      height: 0;
    }

    50% {
      width: 0;
      height: 80%;
    }

    70% {
      width: 0;
      height: 80%;
    }

    100% {
      height: 80%;
      width: 10%
    }
}
  
  }


  @media (max-width: 320px) {
    .sst-title {
      font-size: 16px !important;
    }
    .sst-text {
      font-size: 12px !important;
    }
    .spot-top, .spot-bot {
      left: 11%;
    }
    .bb-wrap .owl-dots .owl-dot.active span, .bb-wrap .owl-dots .owl-dot span {
      width: 10px !important;
      height: 10px !important;
    }
    .bb-wrap .owl-dots {
      bottom: -1% !important;
    }
  }

span.bb-cta-text {
  color: black;
  font-size: 35px;
  font-weight: 600;
}
  
/* .bottom-banner-wrapper {
  background-color: #302D2C;
} */
  
#bb-section-title {
  color: black;
  font-size: 28px;
  font-weight: 600;
  text-align: center;
}
  
a#bb-cta {
  color: white;
  background:  #ff6118;
  padding: 8px 20px;
  border-radius: 8px;
  font-weight: 900;
  margin-bottom: 15px;
  font-size: 18px;
  width: 310px;
  text-align: center;
  border: 2px solid #ff6118;
  display: flex;
  justify-content: center;
}
  
a#bb-cta:hover {
  opacity: 1;
  background-color: #f14c00;
  border-color: #e44800;
  color: white;
}
#bb-cta-wrap {
  width: 100%;
  text-align: center;
  /* position: absolute;
  top: 16%; */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 25px;
  padding-bottom: 8%;
} 
.display-banner-mob {
  display: none;
}
.bb-wrap .owl-dots {
  position: absolute;
  width: 100%;
  bottom: 2%;
}
.bb-wrap .owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  background: white;
  border: 1px solid #ff6118;
}
.bb-wrap .owl-dots .owl-dot.active span {
  width: 15px;
  height: 15px;
  background: #ff6118;
  border: 1px solid #ff6118;
}
  
@media (max-width: 1024px) {
  .display-banner-mob {
    display: block; 
    height: max-content;
  }
  .display-banner-pc {
    display: none;
  }
  .display-banner-mob .owl-stage-outer, .display-banner-mob .owl-stage, .display-banner-mob .owl-item {
    height: 100%;
  }
  .display-banner-mob img {
    height: 100%;
    width: 100%;
    position: relative;
  }
   .display-banner-mob .owl-carousel {
     height: 100%;
     position: absolute;
     top: 0;
   }
  .display-banner-mob .set-slide {
    height: 100%;
    width: 100%;
    position: relative;
  }
  
}

@media (max-width: 767px) {
  a#bb-cta {
    width: 70%;
    margin: 0 auto;
    justify-content: center;
  }
  
  #bb-section-title {
    font-size: 20px;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 10px;
  }
}
  
@media (min-width: 768px) and (max-width: 1024px) {
  a#bb-cta {
    width: 300px;
    padding: 10px 50px;
    margin: 0 auto;
    font-size: 20px;
  }
  #bb-section-title {
    font-size: 32px;
    padding-bottom: 20px;
    width: 80%;
    margin: 0 auto;
  }
  .bb-section {
    top: 4% !important;
  }
}

@media (max-width: 1024px) {
  .bb-section {
    position: absolute;
    top: 3%;
    z-index: 2;
    left: 0;
    right: 0;
  }
}
  
.site-footer {
  border-top: none;
} 

  @media (max-width: 320px) {
    #bb-section-title {
      font-size: 16px;
    }
  }

  /* .set-slide {
    height: 1000px;
  } */
.core-values-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: #F7F3EC;
    padding-top: 3%;
    padding-bottom: 3%;
    
  }

  #core-values-content {
    display: flex;
    width: 80%;
    gap: 30px;
    justify-content: center;
    margin: 30px 0 50px 0;
  }

  .cv-item {
    width: 30%;
  }

  #core-values-title {
    font-size: 35px;
    text-align: center;
  }

  .cv-desc-title {
    font-weight: 900;
    font-size: 20px;
    margin: 20px 0;
    text-align: center;
  }

  .corevalues-cta {
    background-color: #f3611b;
    color: #fff;
    padding: 15px 0;
    border-radius: 8px;
    font-weight: 600;
    width: 15%;
    text-align: center;
    font-weight: 900;
    font-size: 20px;
    padding: 8px 20px !important;
  }


  .cv-item img {
    border-radius: 0;
  }

  @media (max-width: 320px) {
    #core-values-title {
      font-size: 23px;
    }
    #core-values-content {
      padding: 0 10px;
    }
  }

  @media (min-width: 360px) {
    #core-values-title {
      font-size: 27px;
    }
    #core-values-content {
      padding: 0 10px;
    }
  }

  @media (min-width: 390px) {
    #core-values-title {
      font-size: 29px;
    }
  }

  @media (min-width: 394px) and (max-width: 425px) {
    #core-values-title {
      font-size: 31px;
    }
    
  }

  @media (min-width: 426px) and (max-width: 766px) {
    #core-values-title {
      font-size: 32px;
    }
  }

  @media (max-width: 767px) {
    .hide-on-mobile {
      display: none;
    }
    #core-values-content {
      flex-direction: column;
      align-items: center;
      /* padding: 20px; */
      margin: 8px 0;
      width: 100%;
    }

    .cv-item {
      width: 100%;
    }

    #core-values-title {
      margin-top: 30px;
      text-align: center;
    }
    
    .cv-desc-title {
      margin: 10px 0;
    }
    
    .core-values-wrapper {
      padding: 3% 30px 10%;
      background-color: #F7F3EC;
    }

    .corevalues-cta {
      width: 80%;
      margin-top: 10%;
    }
    
  }

  @media (min-width: 768px) and (max-width: 1024px) {
    #core-values-content {
      padding: 0 30px !important;
    }
    .corevalues-cta {
      width: 30%;
    }
  }

  @media (max-width: 767px) {
    .cv-desc-text {
      display: none;
    }
  }
.fa-star {
  color: #f9c125!important;
  font-size: 26px !important;
  padding-right: 3px;
}
  
.featured-reviews-wrapper {
  background-color: white;
  display: flex;
  justify-content: center;
  padding: 50px 80px;
  
}
.ft-rev-section:first-child {
  width:25%;
}
.ft-rev-section:last-child {
  width:75%;
}
.rev-title {
  font-size: 26px;
  margin: 0 !important;
  line-height: 1;
}
.rev-text {
  font-size: 22px;
  width: 200px;
}
.rev-stars {
  padding-bottom: 10px;
}
.review-item img {
  border-radius: 0;
  padding-bottom: 20px;
}
.review-main {
  font-size: 22px;
}
.review-main b {
  font-weight: 900 !important;
}
.review-items .owl-prev, .review-items .owl-next {
  animation: none;
}
.rv-nav {
  background-color: #ff6118;
  color: #fff;
  font-size: 30px;
  padding: 3px 17px;
  border-radius: 38px;
  opacity: 1;
  transition: .3s all ease;
  cursor: pointer!important;
  width: 50px;
  height: 50px;
  bottom: 54%;
  position: absolute;
  z-index: 1;
}
.rv-left {
  left: 23.7%
}
.rv-right{
  right: 1%;
}
.rv-nav:hover {
    background-color: #005c56;
}
.rv-nav.hide__nav {
    opacity: 0;
    transition: 300ms all ease;
}
  
@media (max-width:767px) {
  .featured-reviews-wrapper {
    padding: 40px 30px 0 30px;
    flex-direction: column;
  }
  .ft-rev-section {
    width: 100%!important;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .rev-text {
    font-size: 20px;
    width: 100%;
    text-align: center;
  }
  .review_items--nav {
    width: 100%;
    bottom: 10%;
    left: 0;
  }
  .rv-nav {
    background-color: transparent;
    color: #312d2c;
  }
  .rv-nav:hover {
    background-color: transparent;
  }
  .review-item {
    padding: 0 20px;
  }
}

@media(max-width: 360px) {
  .rv-nav {
    bottom: 40%;
  }
  
  .rv-left {
    left: 1%;
    padding: 3px 5px;
  }

  .rv-right {
    right: 1%;
    padding: 3px 0 3px 29px;
  }
}
  

@media(min-width: 375px) and (max-width: 414px){
  .rv-nav {
    bottom: 38%;
  }
  
  .rv-left {
    left: 0;
    padding: 3px 0 3px 9px !important;
  }

  .rv-right {
    right: 0;
    padding: 3px 0 3px 29px !important;
  }
}

@media (min-width: 415px) and (max-width: 425px) {
  .rv-right {
    right: 0;
    padding: 8px 0 8px 29px;
  }

  .rv-left {
    left: 0;
    padding: 8px 5px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .featured-reviews-wrapper {
    padding: 80px 40px 0;
    flex-direction: column;
    
  }
  .ft-rev-section {
    width: 100% !important;
  }
  .rev-text {
    width: 100% !important;
  }
  .review_items--nav {
    left: 0;
    width: 100%;
    bottom: 52%;
    padding: 0 25px;
  }
  
  .rv-left {
    left: 1%
  }
  .rv-right{
    right: 1%;
  }
}

.review-item deliverr {
  display: none;
}

.review-content .fa-star {
  font-size: 20px !important;
}

  
.review-product {
  font-size: 14px;
}
[id^="shopify-section-template--"][id*="io_set_image"][id$="_qHNwEe"] {
    background-color: white;
  }

  .io-mp_text a {
    color: var(--meyer_orange);
    font-weight: 600;
    transition: var(--default_transition);
  }

  .io-mp_text a:hover {
    color: var(--meyer_dorange) !important;
    opacity: 1 !important;
  }
  .ioSet-container {
    height: 1100px;
    width: 100%;
    /* background-color: var(--meyer_wheat); */
    max-width: 1500px;
    margin: 0 auto;
    position: relative
  }

  .ioc-header {
    position: absolute;
    width: 100%;
  }

  .ioc-header p:last-child {
    font-weight: 600;
  }

  .ios-img_cont {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .io-mp_border-bottom {
    border-bottom: 1px dashed black;
  }

  .io-mp_border-top {
    border-top: 1px dashed black;
  }

  .io-mp_border-left {
    border-left: 1px dashed black;
  }

  .io-mp_border-right {
    border-right: 1px dashed black;
  }

  /** circle **/

  .io-mp_box > div:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: white;
    position: absolute;
    border: 1px solid black;
    opacity: 0;
    transform: translate(-50%, -50%);
  }

  .io-mp_box.active > div:after {
    opacity: 1;
  }

  .io-mp_box > div {
    width: 0;
    height: 0;
    position: relative;
  }

  /** end circle **/

  .io-mp_title {
    font-weight: 900;
    font-size: 20px;
    margin-bottom: 4px;
  }

  .io-mp_item {
    position: absolute;
    width: 380px;
  }

  .io-mp_box {
    position: absolute;
  }

  .ioc-visual, .ios-img_cont {
    height: 100%;
    position: relative;
  }

  .io-mp-wrap-mob {
    display: none !important;
  }

  @media (min-width: 768px) and (max-width: 1024px) {
    .ios-img_cont img {
        width: 60% !important;
        top: 30% !important;
    }
  }

  @media (max-width: 767px) {
    .ioSet-container {
      height: 900px;
      padding-bottom: 20% !important;
    }
  }

  @media (max-width: 1024px) {
    .io-mp-wrap-mob {
      display: block !important;
    }

    .io-mp-wrap-mob .owl-dot span {
      width: 15px !important;
      height: 15px !important;
      background-color: transparent !important;
      border-color: var(--io_blue-grey) !important;
    }
    .io-mp-wrap-mob .owl-dot.active span, .io-mp-wrap-mob .owl-dot span:hover {
      background-color: var(--io_blue-grey) !important;
    }
    .io-mp-wrap-mob .owl-dots {
      /* bottom: 3% !important; */
      position: absolute;
      left: 0;
      right: 0;
    }

    .io-mp-wrap-pc {
      display: none;
    }

    .ios-img_cont img {
      position: absolute;
      width: 75%;
      height: auto;
      top: 41%;
    }

    .io-mp-wrap-mob,
    .io-mp-wrap-mob .owl-stage-outer,
    .io-mp-wrap-mob .owl-item,
    .io-mp-wrap-mob .owl-stage,
    .ios_mktg_point  {
      height: 100%;
    }

    .io-mp_item {
      width: 90%;
    }

    .io-mp_item.top {
      top: 15%;
      padding-left: 16px;
    }

    .io-mp_item.bot {
      /* bottom: 0; */
      bottom: 1%;
      right: 0;
      padding-right: 16px;
      text-align: right;
    }
  }

  @media (min-width: 768px) and (max-width: 1024px) {
    .io-mp_item {
      width: 500px;
    }
    .io-mp_item.top {
      padding-left: 50px
    }
    .io-mp_item.bot {
      padding-right: 50px
    }

  }
  /* @media (min-width: 768px) and (max-width: 990px) {
    .io-mp-wrap-mob .owl-dots {
      bottom: -8% !important;
      position: absolute;
      left: 0;
      right: 0;
    }
  } */
  @media (min-width: 991px) and (max-width:1024px) {
    .io-mp_item.top {
      top: 20%;
    }
    .io-mp_item.bot {
      bottom: -2%;
      right: 0;
      text-align: right;
    }
    .io-mp-wrap-mob .owl-dots {
      bottom: -6% !important;
      position: absolute;
      left: 0;
      right: 0;
    }
  }

  .io-disclaimer {
    text-align: right;
    font-size: 12px;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 4%;
  }

  @media (max-width: 1024px) {
    .io-disclaimer {
      text-align: center;
      padding: 0 16px;
      bottom: 3%;
      position: absolute;
      left: 0;
      right: 0;
    }
  }

  @media (min-width: 1025px) and (max-width: 1700px) {
    .io-disclaimer {
      right: 7%;
    }
  }

  @media (max-width: 1024px) {
    .ioSet-container.io-section {
      padding: 12% 0 0 !important;
    }
  }

  .io-mp-wrap-mob .owl-item:not(.active) {
    opacity: 0;
  }
/* .breadcrumbs {
    display: none;
  }
  
  .page-title-wrapper {
    padding-top: 50px;
  } */

  
  input.search-input.input-group-field {
    background-color: white;
  }

  .card-image {
    border-radius: 0 !important;
  }
#cf-cont {
    padding-top: 2% !important;
  }

  #cf-cont h1 {
    margin-top: 40px;
    font-size: 35px;
    text-align: center;
  }

  #cf-wrapper {
    padding: 2% 0;
    width: 75%;
    margin: 0 auto;
    position: relative;
  }


  .cf-row, .white-row {
    position: relative;
    height: 80px;
    display: flex;
    justify-content: flex-end;
    z-index: 1;
  }

  .cf-row:not(.row7) {
    border-bottom: 4px solid #312D2C;
  }


  .cf-row:not(.row1) {
    align-items: center !important;
    justify-content: center !important;
  }

  .white-row {
    border-bottom: 4px solid white;
    z-index: 2;
  }

  .cf-text {
    font-weight: 900;
    line-height: 1;
    font-size: 18px;
  }
  .cf-th {
    font-size: 22px;
    margin-bottom: 2%;
  }

  .cf-text:not(.cf-th) {
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding-left: 16px;
    text-align: left;
  }

  .cf-row > div {
    width: 25%;
    text-align: center;
    color: #312d2c;
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }

  .meyer-col {
    align-items: center !important;
  }

  .ornj-highlight{
    position: absolute;
    height: 92%;
    border: 0;
    border-radius: 5px;
    background: rgb(255, 97, 24);
    width: 19%;
    left: 20.6%;
  }

  .mark-cont {
    height: 37px;
    width: 37px;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }

  .white-check > div {
    background: url(/cdn/shop/files/1715229852-64879197-32x32x32x32x0x0-White-checkmark.png?v=1715844538);
  }

  .ornj-check > div {
    background: url(/cdn/shop/files/1715229853-64879194-32x32x32x32x0x0-Orange-checkmark.png?v=1715843211);
  }

  .black-x > div {
    background: url(/cdn/shop/files/1715229853-64882768-37x37-53917281-37x37-icons8-xb.png?v=1715843211);
  }

  .cwf-disclaimer {
    text-align: center;
    font-size: 14px;
    /* padding: 0 5% 5%; */
  }

  @media (min-width: 768px) and (max-width: 1024px) {
    .cf-text.cf-th {
      font-size: 18px !important;
    }

    .cf-text:not(.cf-th) {
      padding-left: 8px;
      font-size: 15px;
    }

    .cf-row, .white-row {
      border-bottom: none !important;
    }
  }

  @media (max-width: 767px) {

    .cwf-disclaimer {
      font-size: 12px;
      /* margin-bottom: 10%; */
    }

    #cf-wrapper {
      width: 100%;
    }

    .cf-text:not(.cf-th) {
      padding-left: 8px;
      font-size: 12px;
    }

    .cf-th {
      font-size: 12px !important;
    }

    .meyer-col img {
      width: 90%;
      height: auto;
    }

    .mark-cont {
      background-size: contain !important;
      width: 25px;
      height: 25px;
    }
    .ornj-highlight {
      height: 96%;
    }
    .cf-row.row1, .white-row:first-child {
      height: 60px;
    }

    #cf-cont h1 {
      font-size: 28px;
    }

    .cf-th:not(.meyer-col) {
      padding: 0 8px;
    }

    .meyer-col {
      justify-content: flex-end !important;
    }

    .cf-row, .white-row {
      border-bottom: none !important;
      height: 60px;
    }

    .cf-cta {
      margin: 10% auto !important
    }

  }
  .cf-cta {
    /* width: 250px; */
    margin: 3% auto;
  }
.pfaq-wrapper {
    background-color: white;
    padding: 5% 24px;
  }

  .pfaq-cont h1 {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 3%;
    margin-bottom: 0;
    font-size: 35px;
  }


  .pfaq-cont .accordion_title {
      padding-right: 10%;
    }
  @media (max-width: 767px) {

    .pfaq-wrapper {
      padding: 20% 0;
    }
    .pfaq-cont h1 {
      text-align: center;
      font-size: 28px !important;
    }
    .pfaq-cont .accordion_title {
      padding-right: 20%;
    }

    /* .cta-toggle-wrap, .cta-toggle-wrap.collapse {
      padding: 5% 0 !important;
    }

    .yotpo-reviews-carousel-header.reviews-carousel-header-mobile-mode {
      font-size: 28px !important;
      font-weight: 900 !important;
      padding: 3% 0;
    }

    .yotpo-reviews-carousel-widget-container {
      padding-top: 5% !important;
    } */

  }

  /* .cta-toggle-wrap.collapse {
    background-color: #F8F3EC;
  }

  .cta-toggle-wrap {
    background-color: white;
    padding: 3% 0;
    transition: 200ms all ease;
  } */

  .accordion_title {
    transition: 200ms all ease;
  }
  .accordion_item.active > .accordion_title {
    border-bottom: none;
    transition: 200ms all ease;
  }
css_styles[id^="shopify-section-template"][id*="__product_instafeed"] {
      background-color: white;
    }
    #pdp-instafeed {
      padding-top: 40px !important;
      padding-bottom: 60px !important;
      color: #312d2c;
      text-align: center;
      background: white;
    }
    #pdp-instafeed h2 {
      color: #312d2c;
      font-size: 42px!important;
      margin-bottom: 30px;
      display: block;
    }
#kb-container {
    background-color: white;
    padding: 3% 24px;
  }

  div#kb-wrap h1 {
    text-align: center;
    font-size: 35px;
  }

  #kb-sub {
    font-size: 20px;
    text-align: center;
  }

  p.kb-desc {
    font-weight: 600;
    font-size: 28px;
    text-align: center;
    padding-top: 8px;
  }

  div#kb-wrap h2 {
    text-align: center;
    font-size: 28px;
  }

  .seen-logo-wrap {
    background: url(/cdn/shop/files/asseenon-desktop.png?v=1715856235);
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    padding-bottom: calc(200% * 60/1200);
  }

  .kb-items .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    border-color: #ff6118 !important;
    background-color: #ff6118 !important;
  }

  .kb-items .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-color: #cecece !important;
    background-color: #cecece !important;
  }

  .kb-items {
    padding: 3% 0 10%;
  }

  .kb-nav {
    display: none;
  }

  @media (max-width: 767px) {
    div#kb-wrap h1 {
      font-size: 28px;
    }
    .kb-nav {
      display: flex;
      width: 90%;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 60%;
      z-index: 1;

    }

    .kb-nav > div {
      font-size: 32px;
      font-weight: 500;
    }
    .seen-logo-wrap {
      width: 100% !important;
      background: url(/cdn/shop/files/logo_belt_mobilke_1_75a38746-3cc4-4cfa-8e91-3106c000f76b.png?v=1722481804) !important;
      background-size: contain !important;
      background-repeat: no-repeat !important;
      height: 220px;
      background-position: center !important;
    }
    #kb-container {
      padding: 10% 0;
    }
    p.kb-desc {
      font-size: 26px;
      padding-top:7%;
    }
    div#kb-wrap h2 {
      margin: 0;
      font-size: 26px;
    }

    #kb-sub {
      font-size: 18px;
    }
    .kb-item {
      padding: 0 10%;
    }
    .kb-items {
      padding: 3% 0 15%;
    }
  }

  .kb-item img {
    aspect-ratio: 1/1;
    object-fit: cover;
  }
.mkp-wrapper { padding: 5% 24px; }
  .mkp-cont {
    position: relative;
  }
  .mkp-cont h1 {
    font-size: 35px;
    text-align: center;
  }
  .mkp-subtitle {
    font-size: 18px;
    text-align: center;
  }
  .mkp-item-title {
    font-weight: 700;
    font-size: 24px;
    margin-top: 3%;
  }

  .mkp-item-text {
    font-size: 18px;
  }

  .mkp-items .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    border-color: #ff6118 !important;
    background-color: #ff6118 !important;
  }

  .mkp-items .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-color: #cecece !important;
    background-color: #cecece !important;
  }

  .mkp-items {
    padding-top: 3%;
    padding-left: 5%;
    padding-right: 5%;
  }


  .mkp-nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 37%;
    z-index: 1;
  }


  .mkp-nav > div {
    font-size: 32px;
    font-weight: 500;
    cursor: pointer;
  }


  @media (max-width: 767px) {
    #mkp-mobile {
      display: none;
    }
    .mkp-wrapper {
      padding: 17% 0;
    }

    .mkp-cont h1 {
      font-size: 28px;
    }
    .mkp-subtitle {
      font-size: 16px;
    }
    .mkp-item-title {
      font-size: 22px;
      text-align: center;
    }
    .mkp-item-text {
      font-size: 16px;
      display: none;
    }
    .mkp-items {
      padding-top: 5%;
    }
    .mkp-item {
      padding: 0 5%;
    }

    .mkp-nav {
      width: 90%;
    }
  }

  @media (min-width: 768px) and (max-width: 1024px) {

    .mkp-wrapper {
      padding: 10% 0;
    }

  }

  @media (min-width: 768px) and (max-width: 991px) {

    .mkp-nav {
      width: 95%;
    }
  }

  .mkp-item img {
    aspect-ratio: 3/2;
    object-fit: cover;
    width: 100%;
  }
.pmq-wrap {
    width: 100%;
    overflow: hidden;
    height: 70px;
    background-color: var(--meyer_green);
    display: flex;
    white-space: nowrap;
  }

  .pmq-wrap ul {
    animation: marquee 40s linear infinite;
    display: flex;
    margin: unset;
    justify-content: center;
    align-items: center;
  }


  .pmq-wrap li {
    color: white;
    text-transform: uppercase;
    font-size: 20px;
    float: left;
    font-weight: 900;
    list-style: none;
    padding: 8px 50px;
  }

  @keyframes marquee {
    0% {
        transform: translateX(0)
    }

    to {
        transform: translateX(-100%)
    }
  }

  /* @media (max-width: 767px) {
    .pmq-wrap ul {
      animation: marquee 40s linear infinite;
    }
  } */
.rev-carousel-wrap {
    background: white;
    padding: 3% 0;

  }

  .revcar-title {
    text-align: center;
    font-weight: 900;
    font-size: 35px;
    margin: 0;
    padding-bottom: 3%;
  }

  .revcar-item {
    background: var(--meyer_wheat);
    padding: 8% 8% 0;
    text-align:center;
    height: 340px;
  }

  .revcar-stars .fa-star {
    font-size: 20px !important;
  }
  .fa-quote-left, .fa-quote-right {
    color: #A6A6A7;
    font-size: 20px !important;
  }
  .rc-quote-icon.left {
    text-align: left;
  }

  .rc-quote-icon.right {
    text-align: right;
  }
  .rc-quote-icon {
    padding: 8px 0;
  }

  .rc-testi {
    font-weight: 600;
    padding: 0 16px;
    min-height: 130px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .rc-buyer {
    position: absolute;
    bottom: 5%;
    left: 0;
    right: 0;
  }

  .cta-toggle-wrap.collapse {
    background-color: #F8F3EC;
  }

  .cta-toggle-wrap {
    background-color: white;
    padding: 3% 0;
    transition: 200ms all ease;
  }

  @media (max-width: 767px) {


    .cta-toggle-wrap, .cta-toggle-wrap.collapse {
      padding: 5% 0 !important;
    }

    .yotpo-reviews-carousel-header.reviews-carousel-header-mobile-mode {
      font-size: 28px !important;
      font-weight: 900 !important;
      padding: 3% 0;
    }

    .yotpo-reviews-carousel-widget-container {
      padding-top: 5% !important;
    }

    .revcar-title {
      font-size: 28px;
    }

    .rev-carousel-wrap {
      padding: 10% 0;
    }

    .revcar-title {
      padding-bottom: 10%;
    }
  }

   @media (min-width: 768px) and (max-width: 1024px) {
    .revcar-title {
      font-size: 28px;
    }

    .rev-carousel-wrap {
      padding: 7% 0;
    }

    .revcar-title {
      padding-bottom: 7%;
    }
  }

  @media (max-width: 767px) {
    .revcar-nav {
      display: none !important;
    }

    s
  }

  .revcar-nav {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 37%;
    z-index: 1;
  }


  .revcar-nav > div {
    font-size: 32px;
    font-weight: 500;
    cursor: pointer;
    color: white;
    background: var(--meyer_orange);
    border-radius: 50%;
    width: 45px;
    height: 45px;
    text-align: center;
    transition: var(--default_transition);

  }

  @media (min-width: 768px) and (max-width: 1024px) {
     .revcar-nav {
       width: 95%;
     }
  }

  .revcar-nav > div:hover {
    background: var(--meyer_green);
    transition: var(--default_transition);
  }

  .rev-carousel-cont {
    position: relative;
  }

  .revcar-items .owl-dots {
    margin-top: 30px !important;
  }

  .revcar-items .owl-dots .owl-dot.active span {
    width: 10px;
    height: 10px;
    border-color: #ff6118 !important;
    background-color: #ff6118 !important;
  }

  .revcar-items .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border-color: #cecece !important;
    background-color: #cecece !important;
  }

  @media (min-width: 768px) {
    .revcar-items {
      padding: 0 5%;
    }
  }
.psi-wrapper {
      background-image: url(/cdn/shop/files/NEW_Essential_Set_Image_PDP_-_Desktop.jpg?v=1730254229);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center;
      padding-bottom: calc(100% * (1679/2831));
    }

     .psi-section-title {
      text-align: center;
      padding-top: 7%;
      font-size: 35px;
    }

    .psi-cta {
      position: absolute;
      bottom: 5%;
      left: 0;
      right: 0;
    }

    .psi-border-top {
      border-top: 1px solid #ff6118;
    }

    .psi-border-bottom {
      border-bottom: 1px solid #ff6118;
    }
    .psi-border-left {
      border-left: 1px solid #ff6118;
    }
    .psi-border-right {
      border-right: 1px solid #ff6118;
    }

    .psi-item {
      position: absolute;
    }

    .psi-desc {
      width: 270px;
    }

    .psi-title {
      font-weight: 600;
      font-size: 20px;
      color: black;
      margin: 0 !important;
    }

    .psi-text {
      font-size: 18px;
      color: black;
    }

    .psi-box {
      position: absolute;
    }

    .psi-box > div {
      width: 0;
      height: 0;
      position: relative;
    }



    @media (min-width: 1025px) and (max-width: 1100px) {
      .psi-title {
        font-size: 18px;
      }

      .psi-text {
        font-size: 14px;
      }

      #set-item-2 .psi-desc {
        width: 175px !important;
      }

      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 17%;
        right: 5%;
        text-align: right;
      }

      #set-item-2 .psi-desc {
        width: 185px !important;
      }

      #psi-box-1 {
        width: 95px;
        height: 125px;
        top: 14%;
        left: 81%;
      }

      #psi-box-2 {
        width: 100px;
        top: 11%;
        left: 105%;
      }

      #psi-box-3 {
        width: 200px;
        height: 115px;
        top: 12%;
        left: 73%;
      }

      #psi-box-4 {
        width: 130px;
        height: 175px;
        left: 40%;
        top: 10%;
      }

      #psi-box-5 {
        width: 240px;
        top: 12%;
        left: 22%;
      }


    }

    @media (min-width: 1101px) and (max-width: 1200px) {

      .psi-title {
        font-size: 18px;
      }

      .psi-text {
        font-size: 14px;
      }

      #set-item-2 .psi-desc {
        width: 175px !important;
      }

      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 17%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 118px;
        height: 132px;
        top: 14%;
        left: 82%;
      }

      #psi-box-2 {
        width: 100px;
        top: 11%;
        left: 105%;
      }

      #psi-box-3 {
        width: 220px;
        height: 130px;
        top: 12%;
        left: 77%;
      }

      #psi-box-4 {
        width: 130px;
        height: 180px;
        left: 40%;
        top: 10%;
      }

      #psi-box-5 {
        width: 270px;
        top: 12%;
        left: 22%;
      }

    }

    @media (min-width: 1201px) and (max-width: 1300px) {

      .psi-title {
        font-size: 18px;
      }

      .psi-text {
        font-size: 14px;
      }

      #set-item-2 .psi-desc {
        width: 175px !important;
      }

      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 17%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 160px;
        height: 150px;
        top: 14%;
        left: 79%;
      }

      #psi-box-2 {
        width: 140px;
        top: 11%;
        left: 105%;
      }

      #psi-box-3 {
        width: 250px;
        height: 150px;
        top: 12%;
        left: 73%;
      }

      #psi-box-4 {
        width: 128px;
        height: 187px;
        left: 40%;
        top: 10%;
      }

      #psi-box-5 {
        width: 350px;
        top: 12%;
        left: 22%;
      }
      #psi-box-4 > div:after {
        right: 94.3% !important;
      }
    }

    @media (min-width: 1301px) and (max-width: 1400px) {

      .psi-title {
        font-size: 18px;
      }

      .psi-text {
        font-size: 14px;
      }

      #set-item-2 .psi-desc {
        width: 175px !important;
      }

      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 19%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 184px;
        height: 155px;
        top: 12%;
        left: 80%;
      }

      #psi-box-2 {
        width: 170px;
        top: 11%;
        left: 105%;
      }

      #psi-box-3 {
        width: 290px;
        height: 170px;
        top: 12%;
        left: 74%;
      }


      #psi-box-4 {
        width: 150px;
        height: 195px;
        left: 40%;
        top: 9%;
      }

      #psi-box-5 {
        width: 350px;
        top: 17%;
        left: 22%;
      }
    }

    @media (min-width: 1401px) and (max-width: 1500px) {

      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 19%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 190px;
        height: 170px;
        top: 14%;
        left: 90%;
      }

      #psi-box-2 {
        width: 150px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 300px;
        height: 160px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 161px;
        height: 247px;
        left: 35%;
        top: 8%;
      }

      #psi-box-5 {
        width: 330px;
        top: 17%;
        left: 0;
      }

      #psi-box-4 > div:after {
        right: 95% !important;
      }

    }

    @media (min-width: 1501px) and (max-width: 1600px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 19%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 225px;
        height: 185px;
        top: 14%;
        left: 89%;
      }

      #psi-box-2 {
        width: 150px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 350px;
        height: 180px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 186px;
        height: 251px;
        left: 34%;
        top: 9%;
      }

      #psi-box-5 {
        width: 400px;
        top: 17%;
        left: 0;
      }

      #psi-box-4 > div:after {
        right: 96% !important;
      }


    }

    @media (min-width: 1601px) and (max-width: 1700px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 19%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 257px;
        height: 193px;
        top: 13%;
        left: 89%;
      }

      #psi-box-2 {
        width: 200px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 400px;
        height: 200px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 210px;
        height: 265px;
        left: 34%;
        top: 8%;
      }

      #psi-box-5 {
        width: 450px;
        top: 17%;
        left: 0;
      }

      #psi-box-4 > div:after {
        right: 96.4% !important;
      }


    }

    @media (min-width: 1701px) and (max-width: 1800px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 19%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 285px;
        height: 205px;
        top: 14%;
        left: 91%;
      }

      #psi-box-2 {
        width: 200px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 450px;
        height: 220px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 235px;
        height: 261px;
        left: 34%;
        top: 8%;
      }

      #psi-box-5 {
        width: 550px;
        top: 14%;
        left: 14%;
      }

      #psi-box-4 > div:after {
        right: 97% !important;
      }

    }

    @media (min-width: 1801px) and (max-width: 1900px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 19%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 320px;
        height: 220px;
        top: 14%;
        left: 90%;
      }

      #psi-box-2 {
        width: 250px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 480px;
        height: 250px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 256px;
        height: 265px;
        left: 35%;
        top: 8%;
      }

      #psi-box-5 {
        width: 600px;
        top: 14%;
        left: 14%;
      }

      #psi-box-4 > div:after {
        right: 97% !important;
      }

    }

    @media (min-width: 1901px) and (max-width: 2000px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 21%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 350px;
        height: 230px;
        top: 14%;
        left: 90%;
      }

      #psi-box-2 {
        width: 250px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 520px;
        height: 270px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 283px;
        height: 271px;
        left: 34%;
        top: 8%;
      }

      #psi-box-5 {
        width: 590px;
        top: 14%;
        left: 14%;
      }

      #psi-box-4 > div:after {
        right: 97% !important;
      }


    }

    @media (min-width: 2001px) and (max-width: 2100px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 21%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 380px;
        height: 250px;
        top: 14%;
        left: 90%;
      }

      #psi-box-2 {
        width: 300px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 550px;
        height: 290px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 310px;
        height: 285px;
        left: 34%;
        top: 8%;
      }

      #psi-box-5 {
        width: 630px;
        top: 14%;
        left: 13%;
      }

      #psi-box-4 > div:after {
        right: 97.3% !important;
      }

    }

    @media (min-width: 2101px) and (max-width: 2200px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 21%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 408px;
        height: 260px;
        top: 14%;
        left: 91%;
      }

      #psi-box-2 {
        width: 330px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 590px;
        height: 300px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 340px;
        height: 288px;
        left: 36%;
        top: 8%;
      }

      #psi-box-5 {
        width: 690px;
        top: 13%;
        left: 13%;
      }

      #psi-box-4 > div:after {
        right: 98% !important;
      }


    }

    @media (min-width: 2201px) and (max-width: 2300px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 21%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 445px;
        height: 265px;
        top: 14%;
        left: 90%;
      }

      #psi-box-2 {
        width: 350px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 630px;
        height: 330px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 357px;
        height: 300px;
        left: 33%;
        top: 7%;
      }

      #psi-box-5 {
        width: 750px;
        top: 14%;
        left: 13%;
      }

      #psi-box-4 > div:after {
        right: 98% !important;
      }

    }

    @media (min-width: 2301px) and (max-width: 2400px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 21%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 470px;
        height: 280px;
        top: 14%;
        left: 93%;
      }

      #psi-box-2 {
        width: 400px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 680px;
        height: 350px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 384px;
        height: 300px;
        left: 33%;
        top: 7%;
      }

      #psi-box-5 {
        width: 800px;
        top: 18%;
        left: 18%;
      }

      #psi-box-4 > div:after {
        right: 98.3% !important;
      }

      #psi-box-5 > div:after {
        right: 99% !important;
      }

    }

    @media (min-width: 2401px) and (max-width: 2500px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 21%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 490px;
        height: 300px;
        top: 14%;
        left: 96%;
      }

      #psi-box-2 {
        width: 450px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 720px;
        height: 370px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 410px;
        height: 300px;
        left: 33%;
        top: 8%;
      }

      #psi-box-5 {
        width: 850px;
        top: 13%;
        left: 10%;
      }

      #psi-box-4 > div:after {
        right: 98.4% !important;
      }

      #psi-box-5 > div:after {
        right: 99% !important;
      }

    }

    @media (min-width: 2501px) {
      #set-item-1 {
        top: 22%;
        left: 10%;
      }

      #set-item-2 {
        top: 48%;
        left: 5%;
      }

      #set-item-3 {
        bottom: 12%;
        left: 5%;
      }

      #set-item-4 {
        bottom: 57%;
        right: 5%;
        text-align: right;
      }

      #set-item-5 {
        bottom: 21%;
        right: 5%;
        text-align: right;
      }

      #psi-box-1 {
        width: 535px;
        height: 330px;
        top: 14%;
        left: 99%;
      }

      #psi-box-2 {
        width: 450px;
        top: 11%;
        left: 90%;
      }

      #psi-box-3 {
        width: 770px;
        height: 380px;
        top: 12%;
        left: 80%;
      }

      #psi-box-4 {
        width: 455px;
        height: 320px;
        left: 34%;
        top: 8%;
      }

      #psi-box-5 {
        width: 873px;
        top: 14%;
        left: 14%;
      }

      #psi-box-4 > div:after {
        right: 98.4% !important;
      }

      #psi-box-5 > div:after {
        right: 99% !important;
      }

    }




  /** circle at the end of line **/
    .psi-box > div:after {
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background-color: white;
      position: absolute;
      border: 1px solid black;
      opacity: 0;
      transform: translate(-50%, -50%);
    }

    .psi-box.active > div:after {

      opacity: 1;
    }

    #psi-box-1 > div:after {
      left: 100%;
      top: 100%;
    }

    #psi-box-2 > div:after {
      left: 100%;
    }

    #psi-box-3 > div:after {
      left: 100%;
    }

    #psi-box-4 > div:after {
      right: 94%;
      top: 100%;
    }

    #psi-box-5 > div:after {
      right: 98%;
    }

  /** line animations **/


    #psi-box-1.active > div {
      animation: psi-line-1 3s linear forwards;
      animation-delay: .4s;
    }
    #psi-box-2.active > div {
      animation: psi-line-2 3s linear forwards;
      animation-delay: .8s;
    }
    #psi-box-3.active > div {
      animation: psi-line-3 3s linear forwards;
      animation-delay: .12s;
      transform: translateY(-100%);
    }
    #psi-box-4.active > div {
      animation: psi-line-4 3s linear forwards;
      animation-delay: .16s;
      transform: translateX(-100%);
    }
    #psi-box-5.active > div {
      animation: psi-line-5 3s linear forwards;
      animation-delay: .24s;
      transform: translateX(-100%);
    }


    .psi-mobile {
      display: none;
    }

    .psi-mobile-2 {
      display: none;
    }

    @media (min-width: 1025px) {

      #psi-box-1 .psi-border-left {
        border-left: none;
      }

      #psi-box-2 .psi-border-left {
        border-left: none;
      }

      #psi-box-5 .psi-border-bottom {
        border-bottom: none;
      }

      #psi-box-5 .psi-border-left {
        border-left: none;
      }

    }
    @media (max-width: 1024px) {


      .psi-desc{
        width: auto;
      }


      .psi-desktop {
        display: none;
      }

      .psi-wrapper {
        background-image: url(/cdn/shop/files/NEW_Essential_Set_Image_PDP_-_Mobile.jpg?v=1730254229);
        padding-bottom: calc(100%*(1566 / 1494));

      }

      .psi-text {
        display: none;
      }

      .psi-mobile {
        display: block;
      }

      #psi-box-1 .psi-border-right {
        border-right: none;
      }

      #psi-box-2 .psi-border-top {
        border-top: none;
      }

      #psi-box-5 .psi-border-top {
        border-top: none;
      }

      #psi-box-1.active > div {
        transform: translateX(-100%);
      }

      #psi-box-2.active > div {
        animation: psi-line-2-mob 3s linear forwards;
        animation-delay: .8s;
      }

      #psi-box-5.active > div {
        animation: psi-line-5-mob 3s linear forwards;
        animation-delay: .24s;
        transform: translate(-100%, -100%);
      }

      #psi-box-1 > div:after {
        left: 0 !important;
        top: 100%;
      }

      #psi-box-2 > div:after {
        left: 100%;
        top: 100% !important;
      }

      #psi-box-4 > div:after {
        right: 54% !important;
        top: 100%;
      }

      #psi-box-5 > div:after {
        right: 89% !important;
      }
    }

    @media (max-width: 320px) {

      .psi-section-title {
        font-size: 24px !important;
      }
      .psi-mobile-2 {
        display: block;
      }

      .psi-title {
        font-size: 12px;
        line-height: 1;
      }

        #set-item-1 {
          left: 43%;
          top: 17%;
        }

        #set-item-2 {
          left: 5%;
          top: 22%;
        }

        #set-item-3 {
          top: 75%;
          left: 3%;
        }

        #set-item-4 {
          text-align: right;
          top: 26%;
          right: 5%;
        }

        #set-item-5 {
          text-align: right;
          top: 72%;
          right: 7%;
        }

        #psi-box-1 {
          height: 300%;
          top: 50%;
          right: 90%;
          width: 29%;
        }


        #psi-box-2 {
          height: 450%;
          left: 23%;
          top: 115%;
        }

        #psi-box-3 {
          height: 330%;
          width: 17%;
          left: 108%;
          top: 30%;
        }

        #psi-box-4 {
          width: 35%;
          height: 330%;
          right: 41%;
          top: 8%;
        }

        #psi-box-5 {
          width: 76%;
          height: 127%;
          right: 23%;
          top: 72%;
        }

        #psi-box-4 > div:after {
          right: 69% !important;
          top: 100%;
        }

        #psi-box-5 > div:after {
            right: 86% !important;
        }

      hgybkm}

    @media (min-width: 321px) and (max-width: 375px) {

        .psi-mobile-2 {
          display: block;
        }

        .psi-title {
          font-size: 14px;
          line-height: 1;
        }

        #set-item-1 {
          left: 42%;
          top: 18%;
        }

        #set-item-2 {
          left: 5%;
          top: 22%;
          right: 6%;
        }

        #set-item-3 {
          top: 75%;
          left: 2%;
        }

        #set-item-4 {
          text-align: right;
          top: 32%;
          right: 4%;
        }

      #set-item-5 {
        text-align: right;
        top: 73%;
        right: 4%;
      }


      #psi-box-1 {
        height: 300%;
        top: 42%;
        right: 76%;
        width: 34%;
      }

      #psi-box-2 {
        height: 450%;
        left: 7%;
        top: 115%;
      }

      #psi-box-3 {
        height: 300%;
        width: 14%;
        left: 106%;
        top: 28%;
      }

      #psi-box-4 {
        width: 26%;
        height: 300%;
        right: 60%;
        top: 16%;
      }

      #psi-box-5 {
        width: 100%;
        height: 132%;
        left: 8%;
        top: 74%;
      }

      #psi-box-4 > div:after {
        right: 64% !important;
      }

      #psi-box-5 > div:after {
          right: 91% !important;
      }

    }

    @media (min-width: 376px) and (max-width: 767px) {
      .psi-mobile-2 {
        display: block;
      }

      .psi-title {
        font-size: 14px;
        line-height: 1;
      }

      #set-item-1 {
        left: 42%;
        top: 16%;
      }

        #set-item-2 {
          left: 5%;
          top: 27%;
          right: 6%;
        }

        #set-item-3 {
          top: 75%;
          left: 6%;
        }

        #set-item-4 {
          text-align: right;
          top: 29%;
          right: 7%;
        }

        #set-item-5 {
          text-align: right;
          top: 72%;
          right: 10%;
        }


      #psi-box-1 {
        height: 380%;
        top: 41%;
        right: 75%;
        width: 36%;
      }

      #psi-box-2 {
        height: 430%;
        left: 7%;
        top: 115%;
      }

      #psi-box-3 {
        height: 300%;
        width: 15%;
        left: 105%;
        top: 30%;
      }

      #psi-box-4 {

        width: 31%;
        height: 260%;
        right: 47%;
        top: 20%;
      }

      #psi-box-5 {
        width: 111%;
        height: 105%;
        left: 4%;
        top: 74%;
      }

      #psi-box-4 > div:after {
        right: 70% !important;
      }

      #psi-box-5 > div:after {
        right: 92% !important;
      }

    }

    @media (min-width: 768px) and (max-width: 834px) {

      .psi-title {
        line-height: 1;
      }


      .psi-section-title {
        padding-top: 9%;
        font-size: 32px;
      }

      #set-item-1 {
        left: 37%;
        top: 20%;
      }


      #set-item-2 {
        left: 5%;
        top: 22%;
        right: 6%;
      }

      #set-item-3 {
        top: 76%;
        left: 3%;
      }

      #set-item-4 {
        text-align: right;
        top: 29%;
        right: 7%;
      }

      #set-item-5 {
        text-align: right;
        top: 72%;
        right: 11%;
      }


      #psi-box-1 {
        height: 1000%;
        top: 41%;
        right: 98%;
        width: 6%;
      }

      #psi-box-2 {
        height: 700%;
        left: 7%;
        top: 115%;
      }

      #psi-box-3 {
        height: 770%;
        width: 24%;
        left: 105%;
        top: 54%;
      }

      #psi-box-4 {
        width: 30%;
        height: 369%;
        right: 55%;
        top: 20%;
      }

      #psi-box-5 {
        width: 173%;
        height: 105%;
        left: 0%;
        top: 76%;
      }

      #psi-box-4 > div:after {
        right: 80% !important;
      }

      #psi-box-5 > div:after {
        right: 96.6% !important;
      }

    }

    @media (min-width: 835px) and (max-width: 1024px) {

      .psi-title {
        line-height: 1;
      }

      .psi-section-title {
        padding-top: 9%;
        font-size: 32px;
      }


      #set-item-1 {
        left: 41%;
        top: 18%;
      }

      #set-item-2 {
        left: 7%;
        top: 22%;
        right: 6%;
      }

      #set-item-3 {
        top: 75%;
        left: 3%;
      }

      #set-item-4 {
        text-align: right;
        top: 29%;
        right: 7%;
      }

      #set-item-5 {
        text-align: right;
        top: 74%;
        right: 12%;
      }


      #psi-box-1 {
        height: 1200%;
        top: 47%;
        right: 85%;
        width: 20%;
      }

      #psi-box-2 {
        height: 800%;
        left: 5%;
        top: 115%;
      }

      #psi-box-3 {
        height: 900%;
        width: 36%;
        left: 104%;
        top: 54%;
      }

      #psi-box-4 {
        width: 54%;
        height: 474%;
        right: 25%;
        top: 27%;
      }

      #psi-box-5 {
      width: 164%;
          height: 126%;
          left: -9%;
          top: 29%;
      }

      #psi-box-4 > div:after {
        right: 90% !important;
      }

      #psi-box-5 > div:after {
        right: 96.2% !important;
      }

    }


    @keyframes psi-line-1 {
      0% {
        width: 0;
        height: 0;
      }

      50% {
        width: 100%;
        height: 0%;
      }

      100% {
          height: 100%;
          width: 100%
      }
    }

    @keyframes psi-line-2 {
      0% {
        width: 0;
        height: 0;
      }

      50% {
        width: 50%;
        height: 0;
      }

      100% {
        width: 100%;
        height: 0;
      }
    }

    @keyframes psi-line-3 {
      0% {
        width: 0;
        height: 0;
      }

      50% {
        width: 100%;
        height: 0%;
      }

      100% {
          height: 100%;
          width: 100%
      }
    }

    @keyframes psi-line-4 {
      0% {
        width: 0;
        height: 0;
      }

      50% {
        width: 100%;
        height: 0%;
      }

      100% {
        height: 100%;
        width: 100%
      }
    }


    @keyframes psi-line-5 {
      0% {
        width: 0;
        height: 0;
      }

      50% {
        width: 100%;
        height: 0%;
      }

      100% {
        height: 0;
        width: 100%
      }
    }

    @keyframes psi-line-2-mob {
      0% {
        width: 0;
        height: 0;
      }

      50% {
        width: 0;
        height: 0;
      }

      100% {
        height: 100%;
        width: 0;
      }
    }


    @keyframes psi-line-5-mob {
      0% {
        width: 0;
        height: 0;
      }

      50% {
        width: 100%;
        height: 0;
      }

      100% {
        height: 100%;
        width: 100%;
      }
    }

    @media (max-width: 767px) {
      .psi-section-title {
        font-size: 28px;
      }

      .psi-cta {
        bottom: 8%;
        font-size: 18px !important;
      }
    }
[id^="shopify-section-template"][id*="__product_testimonials"] {
    background-color: white;
  }
.selected_review_item{
  	  position:relative;
      margin: 80px 0 20px;
      background: #FFF;
      padding: 20px 50px;
      border-radius: 20px;
  }
  @media(max-width:767px){
  
    .selected_review_item{
        padding: 20px 20px;
        margin: 0px 0 20px;
    }
  
  }

  
  .selected_review_item .image{
  		
  }
  .selected_review_item .image>div{
  	  background-position: center;
      background-size: 100%;
      background-repeat: no-repeat;
      padding-bottom: calc(100%);
      background-image: url('https://via.placeholder.com/1000x1000');
  }
  #selected_review_slides .owl-prev{
	  position: absolute;
      top: 26.5% !important;
  	  left: -3% !important;
  }
  #selected_review_slides .owl-next{
      position: absolute;
  	  top: 26.5% !important;
	  right: -3% !important;
  }
  #selected_review_slides .owl-prev>span{
      font-size: 70px !important;
  }
  #selected_review_slides .owl-next>span{
      font-size: 70px !important;
  }
  #selected_review_slides .owl-prev.disabled, #selected_review_slides .owl-next.disabled {
  	  visibility: hidden;
  }
  #selected_review_slides button.owl-prev:hover, #selected_review_slides button.owl-next:hover {
      color: #000 !important;
      background: none !important;
  }
  .owl-prev {
      -webkit-animation: leftarrow 0.6s infinite alternate ease-in-out;
  }   

  .owl-next {
      -webkit-animation: rightarrow 0.6s infinite alternate ease-in-out;
  }
  @-webkit-keyframes leftarrow {
      0% { -webkit-transform: translateX(0) ; opacity: 0.4 }
      100% { -webkit-transform: translateX(-0.4em) ; opacity: 0.9 }
  }
  
  @-webkit-keyframes rightarrow {
      0% { -webkit-transform: translateX(0) ; opacity: 0.4 }
      100% { -webkit-transform: translateX(0.4em) ; opacity: 0.9 }
  }
  
  .customer_review.arrow_left, .customer_review.arrow_right{
      display: unset !important;
      position: absolute;
      top: 40%;
  }
  
  .customer_review.arrow_left>button:hover, .customer_review.arrow_right>button:hover{
      background-color: transparent !important;
  }
  
  .customer_review.arrow_left{
      left: -3%;
      -webkit-animation: leftarrow 0.6s infinite alternate ease-in-out;
  }
  
  .customer_review.arrow_right{
      right: -3%;
      -webkit-animation: rightarrow 0.6s infinite alternate ease-in-out;
  }
   .customer_review.product_item_container_arrow button{
       width:30px;
  }

  svg.icon:not(.icon--full-color) path {
    fill: inherit;
    stroke: inherit;
}
  
  #selected_review_slides .owl-dot>span {
      background: #fff !important;
  }
  
  @media(min-width:768px){
   
    .selected_review_item .image{
		width:50%;
      	margin-left:50%;
    } 	

    .selected_review_item {
        width: 70%;
        margin-left: auto;
        margin-right: auto;
    }
  }
  
  .selected_review_item .content>div>div{      
        text-align: center;
  } 	
  @media(min-width:768px){
   
    .selected_review_item .content{
        /*width:50%;*/
      	height:100%;
      	/*position:absolute;*/
      	left:0px;
      	top:0px;
    } 	
    .selected_review_item .content>div{
        width:100%;
      	height:100%;
      	display:table;
    } 	
    .selected_review_item .content>div>div{
        width:100%;
      	height:100%;
      	display:table-cell;
      	vertical-align:middle;
    } 	
  }
  
  
  .pdp_review_stars_container img{
        width: 30px !important;
    	display: inline-block !important; 
  }
  
  
  #selected_review_slides.owl-theme .owl-dots .owl-dot.active span{
  	background-color:#FF6618 !important;
  }
  @media(min-width:768px){
    #selected_review_slides.owl-theme .owl-nav.disabled+.owl-dots{
      margin-top:0px !important;
    }
  }
  
  @media(max-width:767px){
    #selected_review_slides{
      padding: 0 24px !important;
    }
    .m.mb-s {
    margin-bottom: 10px;
    }
    .customer_review.arrow_left{
          left: 2%;
    }
    .customer_review.arrow_right{
        right: 2%;
    }
  }

  .pdp_review_stars_container {
    margin-bottom: 20px;
  }

  @media (max-width: 1024px) {
    .cr-star {
      margin: 0 !important;
    }
    .pdp_review_stars_container {
      margin-bottom: 0;
    }
    
  }
.product-features {
        background: #EDDAC5;
        /* padding-bottom: 10px; */
    }



    /* #hp_collection_highlight_beige:before {
        content: "";
        position: absolute;
        width: 100%;
        padding-bottom: 4.5%;
        left: 0%;
        background-size: 100%;
        background-repeat: no-repeat;
        z-index: 1;
    } */

    #hp_collection_highlight_beige:not(.no-curve):before {
      content: "";
      position: absolute;
      width: 100%;
      padding-bottom: 4.5%;
      left: 0%;
      background-size: 100%;
      background-repeat: no-repeat;
      z-index: 1;
      background-image: url(https://cdn.shopify.com/s/files/1/0227/1929/9656/files/meyer_rounded_bg_beige.png?v=1632132376);
    }

    .product-features__list {
      display: -webkit-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      flex-direction: row;
      -webkit-box-align: stretch;
      align-items: stretch;
      -webkit-box-pack: center;
      justify-content: center;
      flex-wrap: wrap;
      margin: 0 -7px;
      list-style-type:none;
    }

    @media (min-width: 768px) {
      .product-features__list {
        margin: 0 -16px; } }
    @media (min-width: 1024px) {
      .product-features__list {
        margin: 0 -8px; } }


    .product-features__item {
      width: 33.333333%;
      /* padding: 0 7px; */
      margin-top: 21px;
      margin-bottom:30px;
      text-align: center; }
      @media (max-width: 767px) {
        .product-features__item {
          width: 50%;
          margin-top: 0; } }

    @media (min-width: 768px) {
      .product-features__item {
        padding: 0 16px;
        margin-top: 38px; } }
    @media (min-width: 1024px) {
      .product-features__item {
        width: 20%;
        padding: 0 8px;
        margin-top: 0; } }
    .product-features__item:nth-child(-n+3) {
      margin-top: 0; }

    .product-features__item-image {
      width: 100px;
      height: 100px;
      padding: 10px;
      margin: 0 auto; }

    @media (min-width: 768px) {
      .product-features__item-image {
        width: 120px;
        height: 120px; } }
    @media (min-width: 1024px) {
      .product-features__item-image {
        width: 140px;
        height: 140px;
        padding: 20px; } }
    .product-features__item-image img {
      vertical-align: top; }

    .product-features__item-descrption {
      margin: 11px 0 0; }

    @media (min-width: 768px) {
      .product-features__item-descrption {
        margin-top: 36px; } }
    @media (min-width: 1024px) {
      .product-features__item-descrption {
        margin-top: 24px; } }



    .product-features__item-image {
      width: 100px;
      height: 100px;
      padding: 10px;
      margin: 0 auto; }

    @media (min-width: 768px) {
      .product-features__item-image {
        width: 120px;
        height: 120px; } }
    @media (min-width: 1024px) {
      .product-features__item-image {
        width: 140px;
        height: 140px;
        padding: 20px; } }
    .product-features__item-image img {
      vertical-align: top; }

    .product-features__item-descrption {
      margin: 11px 0 0;
      font-size:18px;
    }

    @media (min-width: 768px) {
      .product-features__item-descrption {
        margin-top: 36px;
        font-size:20px;
      } }
    @media (min-width: 1024px) {
      .product-features__item-descrption {
        margin-top: 24px; }
    }


    .other_nice_things_title{
        font-weight:600;
        font-size: 30px;
        line-height:36px;
        margin-top:105px;
        margin-bottom:10px;
    }
  @media (max-width: 768px) {
    .other_nice_things_title{
        margin-top:50px;
        margin-bottom: 20px;
    }
  }
#hp_collection_highlight_green {
      position: relative;
      padding-top: 50px!important;
      padding-bottom: 40px!important;
  }

  .collection-grid__title {
      font-weight: 900;
      font-size: 35px;
      line-height: 50px;
      text-align: center;
      margin-bottom: 40px;
  }

  .recom_row {
    display: flex !important;
    flex-wrap: wrap;
    padding: 0 10px;
  }





    @media(max-width: 991px){
      .collection-grid__title {
        font-size: 28px!important;
        line-height: 36px!important;
      }
    }

    .yotpo-reco > .yotpo-reviews-star-ratings-widget > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary {
      flex-direction: column !important;
      align-items: center !important;
    }

    .yotpo-reco > .yotpo-reviews-star-ratings-widget > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary > .yotpo-sr-vertical-border {
      display: none !important;
    }

    .yotpo-reco > .yotpo-reviews-star-ratings-widget > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary > .yotpo-sr-bottom-line-right-panel > div {
      color: white !important;
    }

    .yotpo-reco > .yotpo-reviews-star-ratings-widget > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary > .yotpo-sr-bottom-line-right-panel {
      margin-top: 10px !important;
    }

    .yotpo-reco > .yotpo-reviews-star-ratings-widget > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-summary > div > .yotpo-sr-bottom-line-score {
      margin-bottom: -3px !important;
    }

  .yotpo-reco > .yotpo-reviews-star-ratings-widget > .yotpo-widget-clear > .yotpo-bottom-line-scroll-panel > .yotpo-sr-bottom-line-new-review {
    color: #fff !important;
    margin-top: 12px
  }

  .precom-nav {
    display: none;
  }

  @media (max-width: 767px) {
    /* .precom-nav {
      display: flex;
      width: 95%;
      justify-content: space-between;
      align-items: center;
      position: absolute;
      bottom: 52%;
      z-index: 1;
      left: 3%;
    }

    .precom-nav > div {
      font-size: 32px;
      font-weight: 500;
      color: white;
      cursor: pointer;
    } */
  }
.usp_video{
      margin-bottom:60px;
      font-size:20px;
  }

  .usp_video:last-child {
    margin-bottom: 30px;
  }

  
  @media(max-width:767px){
      .usp_video{
          margin-bottom:40px;
          font-size:18px;
      }
      .usp_video:last-child {
        margin-bottom: 20px;
      }
  }

  
  .usp_video_title{
      font-size:26px;
      line-height:30px;
      font-weight:600;
  }

  @media (min-width: 768px) and (max-width: 991px) {
    .usp_video:nth-child(even) > .usp_video_left{
          margin-left: auto;
          margin-right: 0px;
          width:100% !important;
      }
      
      .usp_video:nth-child(even) > .usp_video_right{
          left: 0;
          width:100% !important;
      }
    
  }

  
  @media(min-width:768px){
      .usp_video:nth-child(even) > .usp_video_left{
          margin-left: auto;
          margin-right: 0px;
          width:60%;
      }
      
      .usp_video:nth-child(even) > .usp_video_right{
          left: 0;
          width:40%;
      }
      
      .wrapper.usp_video{
          position:relative;
      }

      
      .usp_video_title{
          font-size:26px;
          line-height:30px;
          margin-bottom:15px;
          font-weight:600;
      }

    
      .usp_video_left{
        width:60%;
      }
    
      .usp_video_right{
          position:absolute;
          top:0;
          right:0;
          width:40%;
          height:100%;
      } 
    
    
    
      
      .usp_video_right_table{
          display:table;
          height:100%;
          width:100%;
          padding: 30px;
      }
      .usp_video_right_table_cell{
          display:table-cell;
          height:100%;
          width:100%;
          vertical-align:middle;
      }
  }
  


  

  @media screen and (max-width:991px){

      
      .usp_video_title{
          font-size:26px;
          line-height:30px;
          margin-top:10px;
          margin-bottom:10px;
          font-weight:600;
      }

    
      .usp_video_left{
        width:100%;
      }
      .usp_video_right{
        position:relative;
        top:0;
        right:0;
        width:100%;
        height:100%;
  
      } 
  }
.revy-custom-content-section-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 10px;
    max-width: 100%;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}