/** Shopify CDN: Minification failed

Line 19:0 Unexpected "<"
Line 45:0 Unexpected "<"
Line 238:14 Expected identifier but found whitespace
Line 238:16 Unexpected "{"
Line 238:24 Expected ":"
Line 238:47 Expected ":"
Line 421:12 Expected identifier but found whitespace
Line 421:14 Unexpected "{"
Line 421:22 Expected ":"
Line 421:45 Expected ":"
... and 12 more hidden warnings

**/


/* CSS from section stylesheet tags */
<style>
  .comparison-section {
    display: flex;
    justify-content: space-between;
  }

  .comparison-section img {
    padding-right: 50px;
  }

  .comparison-table {
    width: 100%;
  }

  .comparison-table th {
    text-align: left;
  }

  .comparison-table th:nth-child(2) {
    font-size: larger;
  }

  .comparison-table th:nth-child(1),
  .comparison-table th:nth-child(3) {
    font-size: smaller;
  }
</style>
.comparison-section {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .comparison-section h1,
  .comparison-section h2 {
    text-align: center;
  }

  .comparison-section .content {
    display: flex;
    justify-content: space-between;
    width: 100%;

  }

  .comparison-section .image-container {
    width: 25%;
text-align: center;
padding: 50px 50px 0 50px;
display:flex;
  }



  .comparison-section .table-container {
    width: 75%;
    padding: 50px 50px 0 0;
        display: flex;
    
  table-layout: fixed; /* Add this line */
  }

  .comparison-table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    
    border:none;
  }


  .comparison-table th,
  .comparison-table td {
    padding: 0.5rem;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    text-align:center;
    border-right: 1px solid #ddd;
  }

.comparison-table th:nth-of-type(2),
.comparison-table td:nth-of-type(2) {
  position: relative;
  background: #fff;
  color: black;
width: 25%;
}

  .comparison-table th {
    text-align: center;
  }

.comparison-table th:nth-of-type(2) {
  font-size: larger;
  color: black;
  height: 1.2em;
  transform: translate(0px, -10px);
  border: none;
}

.comparison-table th:nth-of-type(1),
.comparison-table th:nth-of-type(3),
.comparison-table th:nth-of-type(4),
.comparison-table th:nth-of-type(5),
.comparison-table th:nth-of-type(6) {
  font-size: smaller;
  width: 15%;
  text-align: center;
  border-right: none;
  border-left: none;
  border-top: none;
}


.comparison-table td:nth-of-type(1),
.comparison-table td:nth-of-type(3),
.comparison-table td:nth-of-type(4),
.comparison-table td:nth-of-type(5),
.comparison-table td:nth-of-type(6)
{width:15%;}

  .comparison-table tr {
    background: black; /* Change this to your preferred color */
    border-bottom: 1px solid #ffffff; /* Change this to your preferred color */

  }

.comparison-table th img,
.comparison-table td img,
.comparison-table tr img {
  width: 80%;
padding-right:0;
  border-right:none;
  border-left:none;
}

.comparison-section img {padding-right:0;}



@media(max-width: 600px) {

.image-container {
display:none;
}
.comparison-section .content { align-items:center; margin-bottom:20px;}

.comparison-section .table-container { width: 100%;
    padding: 20px 0; }
 
.comparison-table th:nth-child(1), .comparison-table th:nth-child(3) {font-size:16px;}

.comparison-section h2 { margin-top:0;}

  .comparison-section .image-container img {
display:none;
  }

.table-container {padding:0;}


 .comparison-section .table-container {
    width: 100%;
    padding: 20px 0;
    overflow-x: auto; /* Add this line */
  }

  .comparison-table {
    table-layout: fixed; /* Add this line */
  }

  .comparison-table th:nth-of-type(1),
  .comparison-table th:nth-of-type(2),
  .comparison-table th:nth-of-type(3),
  .comparison-table td:nth-of-type(1),
  .comparison-table td:nth-of-type(2),
  .comparison-table td:nth-of-type(3) {
    width: 125px; /* Change this to 100% */
  }

  .comparison-table th:nth-of-type(4),
  .comparison-table th:nth-of-type(5),
  .comparison-table th:nth-of-type(6),
  .comparison-table td:nth-of-type(4),
  .comparison-table td:nth-of-type(5),
  .comparison-table td:nth-of-type(6) {
    width: 125px; /* Adjust this value as needed */
  }


.comparison-section .image-container {display:none !important;}



}
.reviewer-outer-wrapper-stars {
width:100%;
margin-top: 30px;
     display:flex;
} 




.reviewer-outer-wrapper {
width:100%;
}


.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

         .image-text-slider {
           /* Add any styles here for the container */
         }
       .logo-size-m{
        width: {{section.settings.logosizex}}px;
       }

       @media(min-width: 601px){
         .slick-carousel {
           /* Add any styles here for the slider */
           display: flex;
           align-items: center;
           justify-content: space-between;
           gap: 30px;
         }
         .logo-size-m{
           margin-right: 10px;
         }
         }

      .slide-main{
           display:flex;
           align-items: center;
            flex-direction:column;
            padding: 30px;
         }
      .slider{
        display:flex;
        align-items:center;
      }

         .slide img {
           /* Add any styles here for the slide images */
           max-width: 100%;
           height: auto;
           width: 100px;
           margin-right: 10px;
           border-radius: 50%;
         }
       /* Arrows */
        .next-one-next svg{
              width: 16px;

        }
         .next-one-next{
             font-size: 0;
          line-height: 0;
          position: absolute;
          top: 50%;
          left: 0px;
          display: block;
          width: 36px;
          height: 36px;
          padding: 10px 10px;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          outline: none;z-index: 999;
        }
          .next-one svg{
              width: 16px;
          }

        .next-one
        {
              font-size: 0;
          line-height: 0;
          position: absolute;
          top: 50%;
          right: 0px;
          display: block;
          width: 36px;
          height: 36px;
          padding: 10px 10px;
          -webkit-transform: translate(0, -50%);
          -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
          cursor: pointer;
          color: transparent;
          outline: none;
        }
         .slide p {
           /* Add any styles here for the slide text */
         }
  .left-align-text .slide{
    align-items: flex-start;
  }
  .left-align-text .slide h3{
    margin:0px !important;
  }


.reviewer-name {
    color: #80807e;
    font-size: 14px;

}

.slide-top-image.left {
  float: left;
}

.slide-top-image.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slide-top-image.right {
  float: right;
}

.image-container-reviews {width:100% !important; height:300px !important; border-radius:0 !important;}

  @media screen and (max-width: 600px) {
   .left-align-text .slide{
    align-items: center;
  }
      .slide{
           display:flex;
           align-items: center;
            justify-content:center;
         }
      /* .flex-mobile{
        display: flex;
           align-items: center;

      } */
    }

    .flex_reviews_container{
      display:flex;
      gap: 40px;
      align-items:center;
    }
    .center-container-main{
      text-align:center;
    }
    .sec__content{
      max-width: 800px;
      margin: auto;
      margin-bottom: 40px;
    }
    .slide img.mt-top{
      margin-top: 20px;
      width: 100px;
    }
    .slide img.slide-top-image{
      position:relative;
        width: 80px;
      height:80px;
    }




  .space-x-top{
    margin-top: 30px;
  }
    svg.text-bourbon {
      fill: #590b77;
      width: 20px;
      margin-bottom: 1rem;
  }
  .main-container .slider p{
    font-size: 14px;
    margin: 5px 0px;
  }



  p.span-reviewer{
    color: #80807e;
    font-size: 14px;
  }

.video-wrapper {
    z-index: 9999;
}
.slick-frame, .responsive {
  display:none;
}

       .image-text-slider {
         /* Add any styles here for the container */
       }
     .logo-size-m{
      width: {{section.settings.logosizex}}px;
     }

     @media(min-width: 601px){
       .slick-carousel {
         /* Add any styles here for the slider */
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 30px;
       }
       .logo-size-m{
         margin-right: 10px;
       }
       }

    .slide{
         display:flex;
         align-items: center;
        justify-content:center;
        width: 100%;

       }
    .slider{
      display:flex;
      align-items:center;
      border:white;
    }

       .slide img {
         /* Add any styles here for the slide images */
         max-width: 100%;
         height: auto;
         width: 50px;
         margin-right: 10px;
       }
     /* Arrows */
      .next-one-next svg{
            width: 16px;

      }
       .next-one-next{
           font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        left: 0px;
        display: block;
        width: 36px;
        height: 36px;
        padding: 10px 10px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        outline: none;z-index: 999;
      }
        .next-one svg{
            width: 16px;
        }

      .next-one
      {
            font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        right: 0px;
        display: block;
        width: 36px;
        height: 36px;
        padding: 10px 10px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        outline: none;
      }
       .slide p {
         /* Add any styles here for the slide text */
       }
  .slide img.logo-size-m{
    width: 25px;
  }
  .font-style-custom{
    font-size:{{section.settings.font_size}}px;
    font-family:"{{section.settings.type_body_font}}";
  }



  @media screen and (max-width: 600px) {
     .slide{
         display:flex;
         align-items: center;
          justify-content:center;
       }
    /* .flex-mobile{
      display: flex;
         align-items: center;

    } */
  }
.slick-frame, .responsive {
  visibility: hidden;

}

       .image-text-slider {
         /* Add any styles here for the container */
       }
     .logo-size-m{
      width: {{section.settings.logosizex}}px;
     }

     @media(min-width: 601px){
       .slick-carousel {
         /* Add any styles here for the slider */
         display: flex;
         align-items: center;
         justify-content: space-between;
         gap: 30px;
       }
       .logo-size-m{
         margin-right: 10px;
       }
       }

    .slide{
         display:flex;
         align-items: center;
        justify-content:center;
       }
    .slider{
      display:flex;
      align-items:center;
      
    }

       .slide img {
         /* Add any styles here for the slide images */
         max-width: 100%;
         height: auto;
         width: 50px;
         margin-right: 10px;
       }
     /* Arrows */
      .next-one-next svg{
            width: 16px;

      }
       .next-one-next{
           font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        left: 0px;
        display: block;
        width: 36px;
        height: 36px;
        padding: 10px 10px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        outline: none;z-index: 999;
      }
        .next-one svg{
            width: 16px;
        }

      .next-one
      {
            font-size: 0;
        line-height: 0;
        position: absolute;
        top: 50%;
        right: 0px;
        display: block;
        width: 36px;
        height: 36px;
        padding: 10px 10px;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        cursor: pointer;
        color: transparent;
        outline: none;
      }
       .slide p {
         /* Add any styles here for the slide text */
       }
  .slide img.logo-size-m{
    width: 25px;
  }
  .font-style-custom{
    font-size:{{section.settings.font_size}}px;
    font-family:"{{section.settings.type_body_font}}";
  }



  @media screen and (max-width: 600px) {
     .slide{
         display:flex;
         align-items: center;
          justify-content:center;
       }
    /* .flex-mobile{
      display: flex;
         align-items: center;

    } */
  }