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

html { scroll-behavior: smooth; }


.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.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;
}

.col.full-height > .col-inner {
  height: 100%;
}

.select-resize-ghost, .select2-container .select2-choice, .select2-container .select2-selection, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
  box-shadow: none;
  outline: none;
  width: 100%;
  padding: 0 15px;
  border: 1px solid #cfd8dc;
  border-radius: 6px;
  font-size: 16px;
  font-weight: 400;
  transition: border-color 0.3s;
  height: 45px;
  line-height: initial;
  color: var(--text);
}
textarea {
  padding: 12px 15px;
}
input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, select:focus, textarea:focus {
  box-shadow: none;
  border-color: var(--blue);
}

/* ===== 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; }
}