/*===  Spacing top ===*/
.st-0 {
    padding-top: 0px !important;
  }
  .st-1 {
    padding-top: 15px !important;
  }
  .st-2 {
    padding-top: 15px !important;
  }
  .st-3 {
    padding-top: 20px !important;
  }
  .st-4 {
    padding-top: 25px !important;
  }
  .st-5 {
    padding-top: 30px !important;
  }
  
  /*===  Spacing bottom ===*/
  .sb-0 {
    padding-bottom: 0px !important;
  }
  .sb-1 {
    padding-bottom: 15px !important;
  }
  .sb-2 {
    padding-bottom: 15px !important;
  }
  .sb-3 {
    padding-bottom: 20px !important;
  }
  .sb-4 {
    padding-bottom: 25px !important;
  }
  .sb-5 {
    padding-bottom: 30px !important;
  }
  
  /*=== Backoffice settings  ===*/
  .align-settings-left,
  .align-settings-center,
  .align-settings-right {
    display: flex;
    flex-direction: column;
  }
  
  .align-settings-left {
    align-items: flex-start;
  }
  .align-settings-center {
    align-items: center;
  }
  .align-settings-right {
    align-items: flex-end;
  }
  
  .spacing-settings-small {
    padding: 15px;
  }
  .spacing-settings-medium {
    padding: 30px;
  }
  .spacing-settings-large {
    padding: 50px;
  }
  
  /*=== Breakpoint (Large Mobile) ===*/
  @media (min-width: 576px) {
    /*===  Spacing top ===*/
    .st-2 {
      padding-top: 15px !important;
    }
    .st-3 {
      padding-top: 25px !important;
    }
    .st-4 {
      padding-top: 50px !important;
    }
    .st-5 {
      padding-top: 60px !important;
    }
  
    /*===  Spacing bottom ===*/
    .sb-2 {
      padding-bottom: 15px !important;
    }
    .sb-3 {
      padding-bottom: 25px !important;
    }
    .sb-4 {
      padding-bottom: 50px !important;
    }
    .sb-5 {
      padding-bottom: 60px !important;
    }
  }
  
  /*=== Breakpoint (Small Tablet) ===*/
  @media (min-width: 768px) {
  }
  
  /*=== Breakpoint (Large Tablet) ===*/
  @media (min-width: 992px) {
    /*===  Spacing top ===*/
    .st-2 {
      padding-top: 20px !important;
    }
    .st-3 {
      padding-top: 40px !important;
    }
    .st-4 {
      padding-top: 65px !important;
    }
    .st-5 {
      padding-top: 80px !important;
    }
  
    /*===  Spacing bottom ===*/
    .sb-2 {
      padding-bottom: 20px !important;
    }
    .sb-3 {
      padding-bottom: 40px !important;
    }
    .sb-4 {
      padding-bottom: 65px !important;
    }
    .sb-5 {
      padding-bottom: 80px !important;
    }
  }
  
  /*=== Breakpoint (Small Desktop) ===*/
  @media (min-width: 1200px) {
    /*===  Spacing top ===*/
    .st-2 {
      padding-top: 30px !important;
    }
    .st-3 {
      padding-top: 50px !important;
    }
    .st-4 {
      padding-top: 75px !important;
    }
    .st-5 {
      padding-top: 100px !important;
    }
  
    /*===  Spacing bottom ===*/
    .sb-2 {
      padding-bottom: 30px !important;
    }
    .sb-3 {
      padding-bottom: 50px !important;
    }
    .sb-4 {
      padding-bottom: 75px !important;
    }
    .sb-5 {
      padding-bottom: 100px !important;
    }
  }
  
  /*=== Breakpoint (Large Desktop) ===*/
  @media (min-width: 1400px) {
    .setting-spacing-large,
    .panel-size-large {
      padding: 60px;
    }
  }