/* =====================================================
   Flatsome Extend Utilities (compact version)
   Breakpoints:
   - small:  0–549px
   - medium: 550–849px
   - large:  ≥850px
   ===================================================== */

html { scroll-behavior: smooth; }
:where(p:last-of-type) {
  margin-bottom: 0;
}
button {
  letter-spacing: 0;
}

.icon-box-img img, .icon-box-img svg {
  padding-top: 0;
}
.icon-box-img svg {
  display: block;
}

.pb-10 {
    padding-bottom: 10px !important;
}
.pb-20 {
    padding-bottom: 20px !important;
}
.pb-30 {
    padding-bottom: 30px !important;
}
.pb-40 {
    padding-bottom: 40px !important;
}
.fw-500 {
  font-weight: 500 !important;
}
.order-1 {
  order: 1;
}
.order-2 {
  order: 2;
}
.order-3 {
  order: 3;
}

/* ===== SMALL (MOBILE) ===== */
@media (max-width: 549px) {
  /* Display */
  .hide-sm { display: none !important; }
  .block-sm { display: block !important; }
  .flex-sm { display: flex !important; }

  /* Spacing */
  .pt-sm-0 { padding-top: 0 !important; }
  .pb-sm-0 { padding-bottom: 0 !important; }
  .mt-sm-0 { margin-top: 0 !important; }
  .mb-sm-0 { margin-bottom: 0 !important; }

  /* Text */
  .text-sm-left { text-align: left !important; }
  .text-sm-center { text-align: center !important; }
  .text-sm-right { text-align: right !important; }
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
}

/* ===== MEDIUM (TABLET) ===== */
@media (min-width: 550px) and (max-width: 849px) {
  .hide-md { display: none !important; }
  .block-md { display: block !important; }
  .flex-md { display: flex !important; }

  .pt-md-0 { padding-top: 0 !important; }
  .pb-md-0 { padding-bottom: 0 !important; }
  .mt-md-0 { margin-top: 0 !important; }
  .mb-md-0 { margin-bottom: 0 !important; }

  .text-md-left { text-align: left !important; }
  .text-md-center { text-align: center !important; }
  .text-md-right { text-align: right !important; }
  
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
}

/* ===== LARGE (DESKTOP) ===== */
@media (min-width: 850px) {
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .hide-lg { display: none !important; }
  .block-lg { display: block !important; }
  .flex-lg { display: flex !important; }

  .pt-lg-0 { padding-top: 0 !important; }
  .pb-lg-0 { padding-bottom: 0 !important; }  
  .mt-lg-0 { margin-top: 0 !important; }
  .mb-lg-0 { margin-bottom: 0 !important; }

  .text-lg-left { text-align: left !important; }
  .text-lg-center { text-align: center !important; }
  .text-lg-right { text-align: right !important; }
}