/** Shopify CDN: Minification failed

Line 204:4 Unexpected "{"
Line 204:5 Expected identifier but found "%"
Line 206:4 Unexpected "{"
Line 206:5 Expected identifier but found "%"
Line 208:4 Unexpected "{"
Line 208:5 Expected identifier but found "%"

**/


/* CSS from section stylesheet tags */
section.percentage-block-section {
    background: #29311A;
    padding: 60px 0;
  }
  .percentage-block-section h3.main-heading {
    color: #FFF;
    text-align: center;
    font-family: Scandia;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: lowercase;
  }
  .percentage-block-section span.textareas {
    color: #FFF;
    text-align: center;
    font-family: FinalSix;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.18px;
  }
  .percentage-block-section .section-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
    width: 25%;
  }
  .percentage-block-section .block-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 70%;
  }
  .percentage-block-section .common-text {
    color: #FFF;
    text-align: center;
    font-family: Scada;
    font-size: 64px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    letter-spacing: -2.56px;
    text-transform: capitalize;
  }
  .percentage-block-section span.top-text {
    color: #FFF;
    text-align: center;
    font-family: FinalSix;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    letter-spacing: -0.18px;
    text-transform: capitalize;
  }
  .percentage-block-section .percent-desc {
    color: #FFF;
    text-align: center;
    font-family: FinalSix;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.18px;
    max-width: 290px;
  }
  .percentage-block-section .percentage-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
  .percentage-block-section .inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  @media(max-width: 1200px){
    .percentage-block-section .inner-container {
      flex-direction: column;
      gap: 40px;
    }
    .percentage-block-section .section-wrapper {
      width: 100%;
      gap: 10px;
    }
    .percentage-block-section .block-wrapper {
      width: 100%;
    }
  }
  @media(max-width: 989px){
    .percentage-block-section h3.main-heading {
      font-size: 35px;
    }
    .percentage-block-section span.textareas {
      font-size: 14px;
    }
    .percentage-block-section span.top-text {
      font-size: 14px;
    }
    .percentage-block-section .common-text {
      font-size: 40px;
      letter-spacing: -1px;
    }
    .percentage-block-section .percent-desc {
      font-size: 14px;
      letter-spacing: 0;
      max-width: 240px;
    }
  }
  @media(max-width: 600px){
    .percentage-block-section .block-wrapper {
      grid-template-columns: 1fr;
      gap: 40px;
    }
    .percentage-block-section .percentage-box {
      gap: 5px;
    }
    section.percentage-block-section {
      padding: 20px 0;
    }
  }
.preformace-section h2.main-heading {
    color: #29311A;
    font-family: Scandia;
    font-size: 50px;
    font-style: normal;
    font-weight: 400;
    line-height: 110%;
    text-transform: lowercase;
    max-width: 700px;
  }
  .preformace-section span.textareas {
    color: #29311A;
    font-family: FinalSix;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.18px;
    max-width: 640px;
    display: block;
  }
  .preformace-section .check-text {
    color: #29311A;
    text-align: left;
    font-family: Cabin;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: -0.2px;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
  }
  .preformace-section a.common-btn {
    color: #FFF;
    font-family: Scandia;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 100%;
    letter-spacing: -0.6px;
    text-transform: capitalize;
    border-radius: 8px;
    background: #29311A;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
    max-width: 800px;
    transition: 0.4s;
  }
  .preformace-section a.common-btn:hover {
    opacity: 0.8;
    transform: translateY(-5px);
  }
  .preformace-section .content-wrapper {
    width: 55%;
    display: flex;
    flex-direction: column;
    gap: 12px;
  }
  .preformace-section img.main-image {
    width: 45%;
    {% if section.settings.image_size == 'cover' %}
      object-fit: cover;
    {% elsif section.settings.image_size == 'contain' %}
      object-fit: contain;
    {% endif %}
    height: auto;
    align-self: normal;
  }
  section.preformace-section {
    background: #FEFCF6;
    padding: 30px 0;
  }
  .preformace-section .page-width{
    padding-right: 0;
  }
  .preformace-section .inner-container {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  @media(max-width: 989px){
    .preformace-section .inner-container {
      flex-direction: column;
    }
    .preformace-section img.main-image {
      margin-left: auto;
    }
    .preformace-section .content-wrapper {
      width: 100%;
    }
  }
  @media(max-width: 550px){
    .preformace-section img.main-image {
      width: 100%;
    }
    .preformace-section .content-wrapper {
      padding-right: 15px;
    }
    .preformace-section h2.main-heading {
      font-size: 35px;
    }
    .preformace-section span.textareas {
      font-size: 14px;
    }
    .preformace-section .check-text {
      font-size: 14px;
      gap: 6px;
    }
    .preformace-section .check-text svg{
      width: 20px;
      height: 20px;
    }
    .preformace-section span.inner-text {
    max-width: 290px;
    }
    .preformace-section a.common-btn {
      font-size: 16px;
    }
    .preformace-section .page-width {
      padding-right: 0 !important;
    }
    section.preformace-section {
      padding: 20px 0 0;
    }
  }