/** Shopify CDN: Minification failed

Line 372:0 Unexpected "}"

**/
.contact img {
  max-width: 100%;
}
.g-10{
  gap: 1rem !important;
}
.g-28{
  gap: 2.8rem !important;
}
.mb-0{
  margin-bottom: 0rem !important;
}
.mb-5{
  margin-bottom: 5rem !important;;
}
.mt-24{
  margin-top: 2.4rem !important;
}
.contact .form__message {
  align-items: flex-start;
}

.contact .icon-success {
  margin-top: 0.2rem;
}

.contact .field {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 750px) {
  .contact .field {
    margin-bottom: 2rem;
  }
}

.contact__button {
  margin-top: 3rem;
}

@media screen and (min-width: 750px) {
  .contact__button {
    margin-top: 4rem;
  }
}

@media screen and (min-width: 750px) {
  .contact__fields {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 2rem;
  }
}
.section_contact_page{
  h2{
    font-size: 3.5rem;
    margin: 0;
    color: var(--black-color);
    line-height: 4rem;
    font-weight: var(--font-weight-400);
    letter-spacing: 0;
    font-family: var(--font-family-Fugaz-one);
    color: var(--black-color-700);
    margin-bottom: 2.5rem;
    display: flex;
    align-items: center;
    gap: 2.4rem;
  }
  padding: 75px 0px 55px 0px;
  .contact_tabs {
    display: grid;
    grid-template-columns: 3fr 9fr;
    gap: 5.8rem;
   @media (max-width: 749px){
     grid-template-columns: 12fr;
     gap: 2.8rem;
   }
.tab__links {
  display: flex;
  flex-direction: column;
  gap: 10px;
  cursor: pointer;
   @media (max-width: 749px){
   display: none;
      gap: 0px;
   }
  
}

.tab {
  padding: 1.8rem 2.5rem;
  background: var(--black-color-100);
  border-radius: 2px;
  font-size: 1.6rem;
  color: var(--black-color);
  line-height: 1.8rem;
  font-weight: var(--font-weight-400);
  letter-spacing: 0;
  font-family: var(--font-family-inter);
  width: 322px;
  a{
     color: var(--black-color);
    text-decoration: none;
  }
  @media (max-width: 767px){
    width: 100%;
    padding: 1.5rem 2rem;
  }
}

.tab.active {
  background: var(--black-color);
  a{
      color: #fff;
  }
}
.contact_tab_contact{
      max-width: 890px;
   @media (max-width: 1300px){
      overflow-x: auto;
    }
  .faq_headings{
    display: flex;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    margin-bottom: 4rem;
    justify-content: space-between;
    @media (max-width: 1300px){
      flex-wrap: nowrap;
      overflow-x: auto;
      padding-bottom: 1rem;
    }
    a{
      text-decoration: none;
    }
    span{
      cursor: pointer;
      padding: 1.35rem 1.69rem;
      border: 1px solid #000;
      border-radius: 2px;
      display: flex;
      align-items: center;
      gap: 1rem;
      font-size: 1.6rem;
      color: var(--black-color);
      line-height: 1.6rem;
      letter-spacing: 0;
      font-family: var(--font-family-inter);
      justify-content: space-between;
      @media (max-width: 749px){
        padding: 1rem;
      }
    }
  }
 .tabs_content{ 
   h3{
    font-size: 2.2rem;
    line-height: 2.4rem;
    font-weight: var(--font-weight-400);
    letter-spacing: 0;
    font-family: var(--font-family-Fugaz-one);
    margin: 0;
    margin-bottom: 2rem;
     margin-top: 4.8rem;
  }
   .accordion {
       margin-bottom: 1rem;
     .accordion__title{
       padding: 15px 28px;
        border: 1px solid #A2A2A2;
        border-radius: 2px;
        background: #fff;
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-size: 1.744rem;
        line-height: 2.4rem;
        font-weight: var(--font-weight-400);
        letter-spacing: 0;
        font-family: var(--font-family-Fugaz-one);
        color: var(--black-color);
       transition: all .5s;
       svg{
         transform: rotate(180deg);
       }
     }
     .accordion__content{
        background: var(--black-color-100);
        padding: 18px 28px 27px;
       p{
        margin: 0;
        font-size: 1.323rem;
        color: var(--black-color);
        line-height: 1.8rem;
        font-weight: var(--font-weight-400);
        letter-spacing: 0;
        font-family: var(--font-family-inter);
       }
     }
   }
   .accordion[open] svg{
     transform: rotate(0deg);
   }
   .text_grid{
     margin-bottom: 3rem;
     span{
        font-size: 1.7rem;
        color: var(--black-color);
        line-height: 1.8rem;
        letter-spacing: 0;
        font-weight: var(--font-weight-600);
        font-family: var(--font-family-inter);
        padding-bottom: .8rem;
        display: block;
     }
     p{
        font-size: 1.334rem;
        color: var(--black-color);
        line-height: 1.8rem;
        letter-spacing: 0;
        margin: 0;
        font-weight: var(--font-weight-400);
        font-family: var(--font-family-inter);
     }
   }
   .image_head{
      margin-bottom: 2.5rem;
      display: flex;
      align-items: center;
      gap: 1.3rem;
     img{
       max-width: 100%;
     }
     span{
       color: var(--black-color-700);
       font-size: 2rem;
       font-weight: var(--font-weight-600);
       line-height: 3.2rem;
       letter-spacing: 0;
     }
   }
    .order_summery_grid{
      margin-top: 4rem;
      margin-bottom: 4rem;
      @media (min-width: 750px){
         display: grid;
         grid-template-columns: 4fr 4fr 4fr;
         gap: 3rem;
        }
      .order_summery_grid_items{
        background-color: var(--black-color-100);
        transition: all ease-out .5s;
        border-radius: 2px;
        padding: 3rem;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        img{
          width: 50px;
          height: 50px;
        }
        h3{
          margin: 1rem;
          font-size: 1.74rem;
          color: var(--black-color-700);
          line-height: 2.4rem;
          font-weight: var(--font-weight-400);
          letter-spacing: 0;
          font-family: var(--font-family-Fugaz-one);
        }
        p{
          margin: 0;
          font-size: 1.323rem;
          color: var(--black-color);
          line-height: 1.8rem;
          font-weight: var(--font-weight-400);
          letter-spacing: 0;
          font-family: var(--font-family-inter);
        }
        &:hover{
           background-color: var(--black-color);
           h3, p{
              color: var(--white-color);
           }
        }
      }
  }
    .help_center_grid_items{
      text-align: center;
      padding: 35px 15px;
      background-color: var(--black-color-100);
      border-radius: 2px;
      margin-bottom: 2rem;
      .help_center_contact{
        margin-bottom: 1.7rem;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 20px;
        span{
          font-size: 1.73rem;
          color: var(--black-color);
          line-height: 2.4rem;
          font-weight: var(--font-weight-400);
          letter-spacing: 0;
          text-transform: var(--text-transform-uppercase);
          font-family: var(--font-family-Fugaz-one);
        }
      }
      a{
         font-weight: var(--font-weight-700) !important;
         text-decoration: underline;
      }
      strong{
        font-weight: var(--font-weight-700)
      }
      a, p{
        margin: 0;
        font-size: 1.29rem;
        color: var(--black-color);
        line-height: 1.8rem;
        font-weight: var(--font-weight-400);
        letter-spacing: 0;
        font-family: var(--font-family-inter);
      }
      .help_center_call{
        margin-top: 2rem;
      }
    }
  }
 }
}
  .faq_section:not(:last-child){
    margin-bottom: 4.2rem;
  }
.tab-content {
     .contact_me{
       margin-bottom: 2.6rem;
     @media (min-width: 750px){
       display: grid;
       grid-template-columns: 6fr 6fr;
      gap: 2rem;
   }
       p{
         font-size: 1.334rem;
          color: var(--black-color);
          line-height: 1.8rem;
          letter-spacing: 0;
          margin: 0;
          font-weight: var(--font-weight-400);
          font-family: var(--font-family-inter);
       }
   }
  .contact__form {
    .submit-btn {
   width: 382px;
    }
  }
}

.tab-content.active {
  display: block;
}
  }
}
.tab-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
  padding: 10px 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.arrow {
  transition: transform 0.3s ease;
}

.tab__links {
  display: block;
}
.tab-toggle{
  display: none;
}


@media (max-width: 767px) {
  .tab-toggle {
    display: flex;
    width: 100%;
    justify-content: space-between;
    padding: 1.5rem 2rem;
    font-size: 1.8rem;
    font-family: var(--font-family-inter);
    background: var(--black-color-100);
    border: 0;
  }

  .tab__links.open {
    display: flex !important;
  }

  .tab-toggle[aria-expanded="true"] .arrow {
    transform: rotate(180deg);
  }
}