@media (prefers-reduced-motion: no-preference) {
    :root {
      scroll-behavior: smooth;
    }
  }
  
.d-none{
    display: none;
}

@media (min-width: 576px) {
    
    .d-sm-inline {
        display: inline !important;
    }
    .d-sm-inline-block {
        display: inline-block !important;
    }
    .d-sm-block {
        display: block !important;
    }
    .d-sm-none{
        display: none !important;
    }
}

@media (min-width: 768px) {
    
    .d-md-inline {
        display: inline !important;
    }
    .d-md-inline-block {
        display: inline-block !important;
    }
    .d-md-block {
        display: block !important;
    }
    .d-md-none{
        display: none !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none{
        display: none !important;
    }
    .d-lg-block {
        display: block !important;
    }
    .d-lg-flex {
        display: flex !important;
    }
    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none{
        display: none !important;
    }
    .d-xl-inline {
        display: inline !important;
      }
      .d-xl-inline-block {
        display: inline-block !important;
      }
      .d-xl-block {
        display: block !important;
      }
}
@media (min-width: 1400px) {
    .d-xxl-none{
        display: none !important;
    }
    .d-xxl-inline {
        display: inline !important;
    }
      .d-xxl-inline-block {
        display: inline-block !important;
    }
      .d-xxl-block {
        display: block !important;
    }
}