/*!**************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js!./src/styles.scss ***!
  \**************************************************************************************************************************************/
@charset "UTF-8";
/* color
***********************************************/
/*************** screen bootstrap 対応済 ***************/
/*************** path ***************/
/*************** size ***************/
/* fonts
***********************************************/
/* ## BREAK POINTS
***********************************************/
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  font-size: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: "游ゴシック体", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;
  color: #000000;
  line-height: 1.6;
  background-color: #fff;
}

img {
  height: auto;
  max-width: 100%;
  display: block;
  object-fit: cover;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  padding: 0;
  margin: 0;
  list-style: none;
}

button, input, select, textarea {
  font: inherit;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* Heading & Paragraph reset */
h1, h2, h3, h4, h5, h6, p {
  margin: 0;
  font-weight: inherit;
  font-size: inherit;
}

/* List items */
li {
  margin: 0;
  padding: 0;
}

/* Strong/Emphasis reset (ブラウザの太字・斜体を統一) */
strong, b {
  font-weight: 700;
}

em, i {
  font-style: normal;
}

/* Form elements (ブラウザのデフォルト余白対策) */
button {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
}

/* ## SPACING
***********************************************/
/* ## MARGIN, PADDING
***********************************************/
.m-0 {
  margin: 0rem !important;
}

.m-1 {
  margin: 0.5rem !important;
}

.m-2 {
  margin: 1rem !important;
}

.m-3 {
  margin: 1.5rem !important;
}

.m-4 {
  margin: 2rem !important;
}

.m-5 {
  margin: 2.5rem !important;
}

.m-6 {
  margin: 3rem !important;
}

.m-7 {
  margin: 3.5rem !important;
}

.m-8 {
  margin: 4rem !important;
}

.m-9 {
  margin: 4.5rem !important;
}

.m-10 {
  margin: 5rem !important;
}

.m-11 {
  margin: 5.5rem !important;
}

.m-12 {
  margin: 6rem !important;
}

.m-13 {
  margin: 6.5rem !important;
}

.m-14 {
  margin: 7rem !important;
}

.m-15 {
  margin: 7.5rem !important;
}

.m-16 {
  margin: 8rem !important;
}

.m-17 {
  margin: 8.5rem !important;
}

.m-18 {
  margin: 9rem !important;
}

.m-19 {
  margin: 9.5rem !important;
}

.m-20 {
  margin: 10rem !important;
}

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0rem !important;
  }
  .m-sm-1 {
    margin: 0.5rem !important;
  }
  .m-sm-2 {
    margin: 1rem !important;
  }
  .m-sm-3 {
    margin: 1.5rem !important;
  }
  .m-sm-4 {
    margin: 2rem !important;
  }
  .m-sm-5 {
    margin: 2.5rem !important;
  }
  .m-sm-6 {
    margin: 3rem !important;
  }
  .m-sm-7 {
    margin: 3.5rem !important;
  }
  .m-sm-8 {
    margin: 4rem !important;
  }
  .m-sm-9 {
    margin: 4.5rem !important;
  }
  .m-sm-10 {
    margin: 5rem !important;
  }
  .m-sm-11 {
    margin: 5.5rem !important;
  }
  .m-sm-12 {
    margin: 6rem !important;
  }
  .m-sm-13 {
    margin: 6.5rem !important;
  }
  .m-sm-14 {
    margin: 7rem !important;
  }
  .m-sm-15 {
    margin: 7.5rem !important;
  }
  .m-sm-16 {
    margin: 8rem !important;
  }
  .m-sm-17 {
    margin: 8.5rem !important;
  }
  .m-sm-18 {
    margin: 9rem !important;
  }
  .m-sm-19 {
    margin: 9.5rem !important;
  }
  .m-sm-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 768px) {
  .m-md-0 {
    margin: 0rem !important;
  }
  .m-md-1 {
    margin: 0.5rem !important;
  }
  .m-md-2 {
    margin: 1rem !important;
  }
  .m-md-3 {
    margin: 1.5rem !important;
  }
  .m-md-4 {
    margin: 2rem !important;
  }
  .m-md-5 {
    margin: 2.5rem !important;
  }
  .m-md-6 {
    margin: 3rem !important;
  }
  .m-md-7 {
    margin: 3.5rem !important;
  }
  .m-md-8 {
    margin: 4rem !important;
  }
  .m-md-9 {
    margin: 4.5rem !important;
  }
  .m-md-10 {
    margin: 5rem !important;
  }
  .m-md-11 {
    margin: 5.5rem !important;
  }
  .m-md-12 {
    margin: 6rem !important;
  }
  .m-md-13 {
    margin: 6.5rem !important;
  }
  .m-md-14 {
    margin: 7rem !important;
  }
  .m-md-15 {
    margin: 7.5rem !important;
  }
  .m-md-16 {
    margin: 8rem !important;
  }
  .m-md-17 {
    margin: 8.5rem !important;
  }
  .m-md-18 {
    margin: 9rem !important;
  }
  .m-md-19 {
    margin: 9.5rem !important;
  }
  .m-md-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0rem !important;
  }
  .m-lg-1 {
    margin: 0.5rem !important;
  }
  .m-lg-2 {
    margin: 1rem !important;
  }
  .m-lg-3 {
    margin: 1.5rem !important;
  }
  .m-lg-4 {
    margin: 2rem !important;
  }
  .m-lg-5 {
    margin: 2.5rem !important;
  }
  .m-lg-6 {
    margin: 3rem !important;
  }
  .m-lg-7 {
    margin: 3.5rem !important;
  }
  .m-lg-8 {
    margin: 4rem !important;
  }
  .m-lg-9 {
    margin: 4.5rem !important;
  }
  .m-lg-10 {
    margin: 5rem !important;
  }
  .m-lg-11 {
    margin: 5.5rem !important;
  }
  .m-lg-12 {
    margin: 6rem !important;
  }
  .m-lg-13 {
    margin: 6.5rem !important;
  }
  .m-lg-14 {
    margin: 7rem !important;
  }
  .m-lg-15 {
    margin: 7.5rem !important;
  }
  .m-lg-16 {
    margin: 8rem !important;
  }
  .m-lg-17 {
    margin: 8.5rem !important;
  }
  .m-lg-18 {
    margin: 9rem !important;
  }
  .m-lg-19 {
    margin: 9.5rem !important;
  }
  .m-lg-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0rem !important;
  }
  .m-xl-1 {
    margin: 0.5rem !important;
  }
  .m-xl-2 {
    margin: 1rem !important;
  }
  .m-xl-3 {
    margin: 1.5rem !important;
  }
  .m-xl-4 {
    margin: 2rem !important;
  }
  .m-xl-5 {
    margin: 2.5rem !important;
  }
  .m-xl-6 {
    margin: 3rem !important;
  }
  .m-xl-7 {
    margin: 3.5rem !important;
  }
  .m-xl-8 {
    margin: 4rem !important;
  }
  .m-xl-9 {
    margin: 4.5rem !important;
  }
  .m-xl-10 {
    margin: 5rem !important;
  }
  .m-xl-11 {
    margin: 5.5rem !important;
  }
  .m-xl-12 {
    margin: 6rem !important;
  }
  .m-xl-13 {
    margin: 6.5rem !important;
  }
  .m-xl-14 {
    margin: 7rem !important;
  }
  .m-xl-15 {
    margin: 7.5rem !important;
  }
  .m-xl-16 {
    margin: 8rem !important;
  }
  .m-xl-17 {
    margin: 8.5rem !important;
  }
  .m-xl-18 {
    margin: 9rem !important;
  }
  .m-xl-19 {
    margin: 9.5rem !important;
  }
  .m-xl-20 {
    margin: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .m-xxl-0 {
    margin: 0rem !important;
  }
  .m-xxl-1 {
    margin: 0.5rem !important;
  }
  .m-xxl-2 {
    margin: 1rem !important;
  }
  .m-xxl-3 {
    margin: 1.5rem !important;
  }
  .m-xxl-4 {
    margin: 2rem !important;
  }
  .m-xxl-5 {
    margin: 2.5rem !important;
  }
  .m-xxl-6 {
    margin: 3rem !important;
  }
  .m-xxl-7 {
    margin: 3.5rem !important;
  }
  .m-xxl-8 {
    margin: 4rem !important;
  }
  .m-xxl-9 {
    margin: 4.5rem !important;
  }
  .m-xxl-10 {
    margin: 5rem !important;
  }
  .m-xxl-11 {
    margin: 5.5rem !important;
  }
  .m-xxl-12 {
    margin: 6rem !important;
  }
  .m-xxl-13 {
    margin: 6.5rem !important;
  }
  .m-xxl-14 {
    margin: 7rem !important;
  }
  .m-xxl-15 {
    margin: 7.5rem !important;
  }
  .m-xxl-16 {
    margin: 8rem !important;
  }
  .m-xxl-17 {
    margin: 8.5rem !important;
  }
  .m-xxl-18 {
    margin: 9rem !important;
  }
  .m-xxl-19 {
    margin: 9.5rem !important;
  }
  .m-xxl-20 {
    margin: 10rem !important;
  }
}
.mt-0 {
  margin-top: 0rem !important;
}

.mt-1 {
  margin-top: 0.5rem !important;
}

.mt-2 {
  margin-top: 1rem !important;
}

.mt-3 {
  margin-top: 1.5rem !important;
}

.mt-4 {
  margin-top: 2rem !important;
}

.mt-5 {
  margin-top: 2.5rem !important;
}

.mt-6 {
  margin-top: 3rem !important;
}

.mt-7 {
  margin-top: 3.5rem !important;
}

.mt-8 {
  margin-top: 4rem !important;
}

.mt-9 {
  margin-top: 4.5rem !important;
}

.mt-10 {
  margin-top: 5rem !important;
}

.mt-11 {
  margin-top: 5.5rem !important;
}

.mt-12 {
  margin-top: 6rem !important;
}

.mt-13 {
  margin-top: 6.5rem !important;
}

.mt-14 {
  margin-top: 7rem !important;
}

.mt-15 {
  margin-top: 7.5rem !important;
}

.mt-16 {
  margin-top: 8rem !important;
}

.mt-17 {
  margin-top: 8.5rem !important;
}

.mt-18 {
  margin-top: 9rem !important;
}

.mt-19 {
  margin-top: 9.5rem !important;
}

.mt-20 {
  margin-top: 10rem !important;
}

@media (min-width: 576px) {
  .mt-sm-0 {
    margin-top: 0rem !important;
  }
  .mt-sm-1 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-2 {
    margin-top: 1rem !important;
  }
  .mt-sm-3 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-4 {
    margin-top: 2rem !important;
  }
  .mt-sm-5 {
    margin-top: 2.5rem !important;
  }
  .mt-sm-6 {
    margin-top: 3rem !important;
  }
  .mt-sm-7 {
    margin-top: 3.5rem !important;
  }
  .mt-sm-8 {
    margin-top: 4rem !important;
  }
  .mt-sm-9 {
    margin-top: 4.5rem !important;
  }
  .mt-sm-10 {
    margin-top: 5rem !important;
  }
  .mt-sm-11 {
    margin-top: 5.5rem !important;
  }
  .mt-sm-12 {
    margin-top: 6rem !important;
  }
  .mt-sm-13 {
    margin-top: 6.5rem !important;
  }
  .mt-sm-14 {
    margin-top: 7rem !important;
  }
  .mt-sm-15 {
    margin-top: 7.5rem !important;
  }
  .mt-sm-16 {
    margin-top: 8rem !important;
  }
  .mt-sm-17 {
    margin-top: 8.5rem !important;
  }
  .mt-sm-18 {
    margin-top: 9rem !important;
  }
  .mt-sm-19 {
    margin-top: 9.5rem !important;
  }
  .mt-sm-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mt-md-0 {
    margin-top: 0rem !important;
  }
  .mt-md-1 {
    margin-top: 0.5rem !important;
  }
  .mt-md-2 {
    margin-top: 1rem !important;
  }
  .mt-md-3 {
    margin-top: 1.5rem !important;
  }
  .mt-md-4 {
    margin-top: 2rem !important;
  }
  .mt-md-5 {
    margin-top: 2.5rem !important;
  }
  .mt-md-6 {
    margin-top: 3rem !important;
  }
  .mt-md-7 {
    margin-top: 3.5rem !important;
  }
  .mt-md-8 {
    margin-top: 4rem !important;
  }
  .mt-md-9 {
    margin-top: 4.5rem !important;
  }
  .mt-md-10 {
    margin-top: 5rem !important;
  }
  .mt-md-11 {
    margin-top: 5.5rem !important;
  }
  .mt-md-12 {
    margin-top: 6rem !important;
  }
  .mt-md-13 {
    margin-top: 6.5rem !important;
  }
  .mt-md-14 {
    margin-top: 7rem !important;
  }
  .mt-md-15 {
    margin-top: 7.5rem !important;
  }
  .mt-md-16 {
    margin-top: 8rem !important;
  }
  .mt-md-17 {
    margin-top: 8.5rem !important;
  }
  .mt-md-18 {
    margin-top: 9rem !important;
  }
  .mt-md-19 {
    margin-top: 9.5rem !important;
  }
  .mt-md-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mt-lg-0 {
    margin-top: 0rem !important;
  }
  .mt-lg-1 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-2 {
    margin-top: 1rem !important;
  }
  .mt-lg-3 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-4 {
    margin-top: 2rem !important;
  }
  .mt-lg-5 {
    margin-top: 2.5rem !important;
  }
  .mt-lg-6 {
    margin-top: 3rem !important;
  }
  .mt-lg-7 {
    margin-top: 3.5rem !important;
  }
  .mt-lg-8 {
    margin-top: 4rem !important;
  }
  .mt-lg-9 {
    margin-top: 4.5rem !important;
  }
  .mt-lg-10 {
    margin-top: 5rem !important;
  }
  .mt-lg-11 {
    margin-top: 5.5rem !important;
  }
  .mt-lg-12 {
    margin-top: 6rem !important;
  }
  .mt-lg-13 {
    margin-top: 6.5rem !important;
  }
  .mt-lg-14 {
    margin-top: 7rem !important;
  }
  .mt-lg-15 {
    margin-top: 7.5rem !important;
  }
  .mt-lg-16 {
    margin-top: 8rem !important;
  }
  .mt-lg-17 {
    margin-top: 8.5rem !important;
  }
  .mt-lg-18 {
    margin-top: 9rem !important;
  }
  .mt-lg-19 {
    margin-top: 9.5rem !important;
  }
  .mt-lg-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-xl-0 {
    margin-top: 0rem !important;
  }
  .mt-xl-1 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-2 {
    margin-top: 1rem !important;
  }
  .mt-xl-3 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-4 {
    margin-top: 2rem !important;
  }
  .mt-xl-5 {
    margin-top: 2.5rem !important;
  }
  .mt-xl-6 {
    margin-top: 3rem !important;
  }
  .mt-xl-7 {
    margin-top: 3.5rem !important;
  }
  .mt-xl-8 {
    margin-top: 4rem !important;
  }
  .mt-xl-9 {
    margin-top: 4.5rem !important;
  }
  .mt-xl-10 {
    margin-top: 5rem !important;
  }
  .mt-xl-11 {
    margin-top: 5.5rem !important;
  }
  .mt-xl-12 {
    margin-top: 6rem !important;
  }
  .mt-xl-13 {
    margin-top: 6.5rem !important;
  }
  .mt-xl-14 {
    margin-top: 7rem !important;
  }
  .mt-xl-15 {
    margin-top: 7.5rem !important;
  }
  .mt-xl-16 {
    margin-top: 8rem !important;
  }
  .mt-xl-17 {
    margin-top: 8.5rem !important;
  }
  .mt-xl-18 {
    margin-top: 9rem !important;
  }
  .mt-xl-19 {
    margin-top: 9.5rem !important;
  }
  .mt-xl-20 {
    margin-top: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mt-xxl-0 {
    margin-top: 0rem !important;
  }
  .mt-xxl-1 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-2 {
    margin-top: 1rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-4 {
    margin-top: 2rem !important;
  }
  .mt-xxl-5 {
    margin-top: 2.5rem !important;
  }
  .mt-xxl-6 {
    margin-top: 3rem !important;
  }
  .mt-xxl-7 {
    margin-top: 3.5rem !important;
  }
  .mt-xxl-8 {
    margin-top: 4rem !important;
  }
  .mt-xxl-9 {
    margin-top: 4.5rem !important;
  }
  .mt-xxl-10 {
    margin-top: 5rem !important;
  }
  .mt-xxl-11 {
    margin-top: 5.5rem !important;
  }
  .mt-xxl-12 {
    margin-top: 6rem !important;
  }
  .mt-xxl-13 {
    margin-top: 6.5rem !important;
  }
  .mt-xxl-14 {
    margin-top: 7rem !important;
  }
  .mt-xxl-15 {
    margin-top: 7.5rem !important;
  }
  .mt-xxl-16 {
    margin-top: 8rem !important;
  }
  .mt-xxl-17 {
    margin-top: 8.5rem !important;
  }
  .mt-xxl-18 {
    margin-top: 9rem !important;
  }
  .mt-xxl-19 {
    margin-top: 9.5rem !important;
  }
  .mt-xxl-20 {
    margin-top: 10rem !important;
  }
}
.mb-0 {
  margin-bottom: 0rem !important;
}

.mb-1 {
  margin-bottom: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 1rem !important;
}

.mb-3 {
  margin-bottom: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 2rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.mb-6 {
  margin-bottom: 3rem !important;
}

.mb-7 {
  margin-bottom: 3.5rem !important;
}

.mb-8 {
  margin-bottom: 4rem !important;
}

.mb-9 {
  margin-bottom: 4.5rem !important;
}

.mb-10 {
  margin-bottom: 5rem !important;
}

.mb-11 {
  margin-bottom: 5.5rem !important;
}

.mb-12 {
  margin-bottom: 6rem !important;
}

.mb-13 {
  margin-bottom: 6.5rem !important;
}

.mb-14 {
  margin-bottom: 7rem !important;
}

.mb-15 {
  margin-bottom: 7.5rem !important;
}

.mb-16 {
  margin-bottom: 8rem !important;
}

.mb-17 {
  margin-bottom: 8.5rem !important;
}

.mb-18 {
  margin-bottom: 9rem !important;
}

.mb-19 {
  margin-bottom: 9.5rem !important;
}

.mb-20 {
  margin-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .mb-sm-0 {
    margin-bottom: 0rem !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 2rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-sm-6 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-sm-8 {
    margin-bottom: 4rem !important;
  }
  .mb-sm-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-sm-10 {
    margin-bottom: 5rem !important;
  }
  .mb-sm-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-sm-12 {
    margin-bottom: 6rem !important;
  }
  .mb-sm-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-sm-14 {
    margin-bottom: 7rem !important;
  }
  .mb-sm-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-sm-16 {
    margin-bottom: 8rem !important;
  }
  .mb-sm-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-sm-18 {
    margin-bottom: 9rem !important;
  }
  .mb-sm-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-sm-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mb-md-0 {
    margin-bottom: 0rem !important;
  }
  .mb-md-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-2 {
    margin-bottom: 1rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-4 {
    margin-bottom: 2rem !important;
  }
  .mb-md-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-md-6 {
    margin-bottom: 3rem !important;
  }
  .mb-md-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-md-8 {
    margin-bottom: 4rem !important;
  }
  .mb-md-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-md-10 {
    margin-bottom: 5rem !important;
  }
  .mb-md-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-md-12 {
    margin-bottom: 6rem !important;
  }
  .mb-md-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-md-14 {
    margin-bottom: 7rem !important;
  }
  .mb-md-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-md-16 {
    margin-bottom: 8rem !important;
  }
  .mb-md-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-md-18 {
    margin-bottom: 9rem !important;
  }
  .mb-md-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-md-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mb-lg-0 {
    margin-bottom: 0rem !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 2rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-lg-6 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-lg-8 {
    margin-bottom: 4rem !important;
  }
  .mb-lg-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-lg-10 {
    margin-bottom: 5rem !important;
  }
  .mb-lg-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-lg-12 {
    margin-bottom: 6rem !important;
  }
  .mb-lg-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-lg-14 {
    margin-bottom: 7rem !important;
  }
  .mb-lg-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-lg-16 {
    margin-bottom: 8rem !important;
  }
  .mb-lg-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-lg-18 {
    margin-bottom: 9rem !important;
  }
  .mb-lg-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-lg-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mb-xl-0 {
    margin-bottom: 0rem !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 2rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-xl-8 {
    margin-bottom: 4rem !important;
  }
  .mb-xl-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xl-10 {
    margin-bottom: 5rem !important;
  }
  .mb-xl-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-xl-12 {
    margin-bottom: 6rem !important;
  }
  .mb-xl-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-xl-14 {
    margin-bottom: 7rem !important;
  }
  .mb-xl-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-xl-16 {
    margin-bottom: 8rem !important;
  }
  .mb-xl-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-xl-18 {
    margin-bottom: 9rem !important;
  }
  .mb-xl-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-xl-20 {
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mb-xxl-0 {
    margin-bottom: 0rem !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 2rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 2.5rem !important;
  }
  .mb-xxl-6 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-7 {
    margin-bottom: 3.5rem !important;
  }
  .mb-xxl-8 {
    margin-bottom: 4rem !important;
  }
  .mb-xxl-9 {
    margin-bottom: 4.5rem !important;
  }
  .mb-xxl-10 {
    margin-bottom: 5rem !important;
  }
  .mb-xxl-11 {
    margin-bottom: 5.5rem !important;
  }
  .mb-xxl-12 {
    margin-bottom: 6rem !important;
  }
  .mb-xxl-13 {
    margin-bottom: 6.5rem !important;
  }
  .mb-xxl-14 {
    margin-bottom: 7rem !important;
  }
  .mb-xxl-15 {
    margin-bottom: 7.5rem !important;
  }
  .mb-xxl-16 {
    margin-bottom: 8rem !important;
  }
  .mb-xxl-17 {
    margin-bottom: 8.5rem !important;
  }
  .mb-xxl-18 {
    margin-bottom: 9rem !important;
  }
  .mb-xxl-19 {
    margin-bottom: 9.5rem !important;
  }
  .mb-xxl-20 {
    margin-bottom: 10rem !important;
  }
}
.ml-0 {
  margin-left: 0rem !important;
}

.ml-1 {
  margin-left: 0.5rem !important;
}

.ml-2 {
  margin-left: 1rem !important;
}

.ml-3 {
  margin-left: 1.5rem !important;
}

.ml-4 {
  margin-left: 2rem !important;
}

.ml-5 {
  margin-left: 2.5rem !important;
}

.ml-6 {
  margin-left: 3rem !important;
}

.ml-7 {
  margin-left: 3.5rem !important;
}

.ml-8 {
  margin-left: 4rem !important;
}

.ml-9 {
  margin-left: 4.5rem !important;
}

.ml-10 {
  margin-left: 5rem !important;
}

.ml-11 {
  margin-left: 5.5rem !important;
}

.ml-12 {
  margin-left: 6rem !important;
}

.ml-13 {
  margin-left: 6.5rem !important;
}

.ml-14 {
  margin-left: 7rem !important;
}

.ml-15 {
  margin-left: 7.5rem !important;
}

.ml-16 {
  margin-left: 8rem !important;
}

.ml-17 {
  margin-left: 8.5rem !important;
}

.ml-18 {
  margin-left: 9rem !important;
}

.ml-19 {
  margin-left: 9.5rem !important;
}

.ml-20 {
  margin-left: 10rem !important;
}

@media (min-width: 576px) {
  .ml-sm-0 {
    margin-left: 0rem !important;
  }
  .ml-sm-1 {
    margin-left: 0.5rem !important;
  }
  .ml-sm-2 {
    margin-left: 1rem !important;
  }
  .ml-sm-3 {
    margin-left: 1.5rem !important;
  }
  .ml-sm-4 {
    margin-left: 2rem !important;
  }
  .ml-sm-5 {
    margin-left: 2.5rem !important;
  }
  .ml-sm-6 {
    margin-left: 3rem !important;
  }
  .ml-sm-7 {
    margin-left: 3.5rem !important;
  }
  .ml-sm-8 {
    margin-left: 4rem !important;
  }
  .ml-sm-9 {
    margin-left: 4.5rem !important;
  }
  .ml-sm-10 {
    margin-left: 5rem !important;
  }
  .ml-sm-11 {
    margin-left: 5.5rem !important;
  }
  .ml-sm-12 {
    margin-left: 6rem !important;
  }
  .ml-sm-13 {
    margin-left: 6.5rem !important;
  }
  .ml-sm-14 {
    margin-left: 7rem !important;
  }
  .ml-sm-15 {
    margin-left: 7.5rem !important;
  }
  .ml-sm-16 {
    margin-left: 8rem !important;
  }
  .ml-sm-17 {
    margin-left: 8.5rem !important;
  }
  .ml-sm-18 {
    margin-left: 9rem !important;
  }
  .ml-sm-19 {
    margin-left: 9.5rem !important;
  }
  .ml-sm-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 768px) {
  .ml-md-0 {
    margin-left: 0rem !important;
  }
  .ml-md-1 {
    margin-left: 0.5rem !important;
  }
  .ml-md-2 {
    margin-left: 1rem !important;
  }
  .ml-md-3 {
    margin-left: 1.5rem !important;
  }
  .ml-md-4 {
    margin-left: 2rem !important;
  }
  .ml-md-5 {
    margin-left: 2.5rem !important;
  }
  .ml-md-6 {
    margin-left: 3rem !important;
  }
  .ml-md-7 {
    margin-left: 3.5rem !important;
  }
  .ml-md-8 {
    margin-left: 4rem !important;
  }
  .ml-md-9 {
    margin-left: 4.5rem !important;
  }
  .ml-md-10 {
    margin-left: 5rem !important;
  }
  .ml-md-11 {
    margin-left: 5.5rem !important;
  }
  .ml-md-12 {
    margin-left: 6rem !important;
  }
  .ml-md-13 {
    margin-left: 6.5rem !important;
  }
  .ml-md-14 {
    margin-left: 7rem !important;
  }
  .ml-md-15 {
    margin-left: 7.5rem !important;
  }
  .ml-md-16 {
    margin-left: 8rem !important;
  }
  .ml-md-17 {
    margin-left: 8.5rem !important;
  }
  .ml-md-18 {
    margin-left: 9rem !important;
  }
  .ml-md-19 {
    margin-left: 9.5rem !important;
  }
  .ml-md-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 992px) {
  .ml-lg-0 {
    margin-left: 0rem !important;
  }
  .ml-lg-1 {
    margin-left: 0.5rem !important;
  }
  .ml-lg-2 {
    margin-left: 1rem !important;
  }
  .ml-lg-3 {
    margin-left: 1.5rem !important;
  }
  .ml-lg-4 {
    margin-left: 2rem !important;
  }
  .ml-lg-5 {
    margin-left: 2.5rem !important;
  }
  .ml-lg-6 {
    margin-left: 3rem !important;
  }
  .ml-lg-7 {
    margin-left: 3.5rem !important;
  }
  .ml-lg-8 {
    margin-left: 4rem !important;
  }
  .ml-lg-9 {
    margin-left: 4.5rem !important;
  }
  .ml-lg-10 {
    margin-left: 5rem !important;
  }
  .ml-lg-11 {
    margin-left: 5.5rem !important;
  }
  .ml-lg-12 {
    margin-left: 6rem !important;
  }
  .ml-lg-13 {
    margin-left: 6.5rem !important;
  }
  .ml-lg-14 {
    margin-left: 7rem !important;
  }
  .ml-lg-15 {
    margin-left: 7.5rem !important;
  }
  .ml-lg-16 {
    margin-left: 8rem !important;
  }
  .ml-lg-17 {
    margin-left: 8.5rem !important;
  }
  .ml-lg-18 {
    margin-left: 9rem !important;
  }
  .ml-lg-19 {
    margin-left: 9.5rem !important;
  }
  .ml-lg-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .ml-xl-0 {
    margin-left: 0rem !important;
  }
  .ml-xl-1 {
    margin-left: 0.5rem !important;
  }
  .ml-xl-2 {
    margin-left: 1rem !important;
  }
  .ml-xl-3 {
    margin-left: 1.5rem !important;
  }
  .ml-xl-4 {
    margin-left: 2rem !important;
  }
  .ml-xl-5 {
    margin-left: 2.5rem !important;
  }
  .ml-xl-6 {
    margin-left: 3rem !important;
  }
  .ml-xl-7 {
    margin-left: 3.5rem !important;
  }
  .ml-xl-8 {
    margin-left: 4rem !important;
  }
  .ml-xl-9 {
    margin-left: 4.5rem !important;
  }
  .ml-xl-10 {
    margin-left: 5rem !important;
  }
  .ml-xl-11 {
    margin-left: 5.5rem !important;
  }
  .ml-xl-12 {
    margin-left: 6rem !important;
  }
  .ml-xl-13 {
    margin-left: 6.5rem !important;
  }
  .ml-xl-14 {
    margin-left: 7rem !important;
  }
  .ml-xl-15 {
    margin-left: 7.5rem !important;
  }
  .ml-xl-16 {
    margin-left: 8rem !important;
  }
  .ml-xl-17 {
    margin-left: 8.5rem !important;
  }
  .ml-xl-18 {
    margin-left: 9rem !important;
  }
  .ml-xl-19 {
    margin-left: 9.5rem !important;
  }
  .ml-xl-20 {
    margin-left: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .ml-xxl-0 {
    margin-left: 0rem !important;
  }
  .ml-xxl-1 {
    margin-left: 0.5rem !important;
  }
  .ml-xxl-2 {
    margin-left: 1rem !important;
  }
  .ml-xxl-3 {
    margin-left: 1.5rem !important;
  }
  .ml-xxl-4 {
    margin-left: 2rem !important;
  }
  .ml-xxl-5 {
    margin-left: 2.5rem !important;
  }
  .ml-xxl-6 {
    margin-left: 3rem !important;
  }
  .ml-xxl-7 {
    margin-left: 3.5rem !important;
  }
  .ml-xxl-8 {
    margin-left: 4rem !important;
  }
  .ml-xxl-9 {
    margin-left: 4.5rem !important;
  }
  .ml-xxl-10 {
    margin-left: 5rem !important;
  }
  .ml-xxl-11 {
    margin-left: 5.5rem !important;
  }
  .ml-xxl-12 {
    margin-left: 6rem !important;
  }
  .ml-xxl-13 {
    margin-left: 6.5rem !important;
  }
  .ml-xxl-14 {
    margin-left: 7rem !important;
  }
  .ml-xxl-15 {
    margin-left: 7.5rem !important;
  }
  .ml-xxl-16 {
    margin-left: 8rem !important;
  }
  .ml-xxl-17 {
    margin-left: 8.5rem !important;
  }
  .ml-xxl-18 {
    margin-left: 9rem !important;
  }
  .ml-xxl-19 {
    margin-left: 9.5rem !important;
  }
  .ml-xxl-20 {
    margin-left: 10rem !important;
  }
}
.mr-0 {
  margin-right: 0rem !important;
}

.mr-1 {
  margin-right: 0.5rem !important;
}

.mr-2 {
  margin-right: 1rem !important;
}

.mr-3 {
  margin-right: 1.5rem !important;
}

.mr-4 {
  margin-right: 2rem !important;
}

.mr-5 {
  margin-right: 2.5rem !important;
}

.mr-6 {
  margin-right: 3rem !important;
}

.mr-7 {
  margin-right: 3.5rem !important;
}

.mr-8 {
  margin-right: 4rem !important;
}

.mr-9 {
  margin-right: 4.5rem !important;
}

.mr-10 {
  margin-right: 5rem !important;
}

.mr-11 {
  margin-right: 5.5rem !important;
}

.mr-12 {
  margin-right: 6rem !important;
}

.mr-13 {
  margin-right: 6.5rem !important;
}

.mr-14 {
  margin-right: 7rem !important;
}

.mr-15 {
  margin-right: 7.5rem !important;
}

.mr-16 {
  margin-right: 8rem !important;
}

.mr-17 {
  margin-right: 8.5rem !important;
}

.mr-18 {
  margin-right: 9rem !important;
}

.mr-19 {
  margin-right: 9.5rem !important;
}

.mr-20 {
  margin-right: 10rem !important;
}

@media (min-width: 576px) {
  .mr-sm-0 {
    margin-right: 0rem !important;
  }
  .mr-sm-1 {
    margin-right: 0.5rem !important;
  }
  .mr-sm-2 {
    margin-right: 1rem !important;
  }
  .mr-sm-3 {
    margin-right: 1.5rem !important;
  }
  .mr-sm-4 {
    margin-right: 2rem !important;
  }
  .mr-sm-5 {
    margin-right: 2.5rem !important;
  }
  .mr-sm-6 {
    margin-right: 3rem !important;
  }
  .mr-sm-7 {
    margin-right: 3.5rem !important;
  }
  .mr-sm-8 {
    margin-right: 4rem !important;
  }
  .mr-sm-9 {
    margin-right: 4.5rem !important;
  }
  .mr-sm-10 {
    margin-right: 5rem !important;
  }
  .mr-sm-11 {
    margin-right: 5.5rem !important;
  }
  .mr-sm-12 {
    margin-right: 6rem !important;
  }
  .mr-sm-13 {
    margin-right: 6.5rem !important;
  }
  .mr-sm-14 {
    margin-right: 7rem !important;
  }
  .mr-sm-15 {
    margin-right: 7.5rem !important;
  }
  .mr-sm-16 {
    margin-right: 8rem !important;
  }
  .mr-sm-17 {
    margin-right: 8.5rem !important;
  }
  .mr-sm-18 {
    margin-right: 9rem !important;
  }
  .mr-sm-19 {
    margin-right: 9.5rem !important;
  }
  .mr-sm-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mr-md-0 {
    margin-right: 0rem !important;
  }
  .mr-md-1 {
    margin-right: 0.5rem !important;
  }
  .mr-md-2 {
    margin-right: 1rem !important;
  }
  .mr-md-3 {
    margin-right: 1.5rem !important;
  }
  .mr-md-4 {
    margin-right: 2rem !important;
  }
  .mr-md-5 {
    margin-right: 2.5rem !important;
  }
  .mr-md-6 {
    margin-right: 3rem !important;
  }
  .mr-md-7 {
    margin-right: 3.5rem !important;
  }
  .mr-md-8 {
    margin-right: 4rem !important;
  }
  .mr-md-9 {
    margin-right: 4.5rem !important;
  }
  .mr-md-10 {
    margin-right: 5rem !important;
  }
  .mr-md-11 {
    margin-right: 5.5rem !important;
  }
  .mr-md-12 {
    margin-right: 6rem !important;
  }
  .mr-md-13 {
    margin-right: 6.5rem !important;
  }
  .mr-md-14 {
    margin-right: 7rem !important;
  }
  .mr-md-15 {
    margin-right: 7.5rem !important;
  }
  .mr-md-16 {
    margin-right: 8rem !important;
  }
  .mr-md-17 {
    margin-right: 8.5rem !important;
  }
  .mr-md-18 {
    margin-right: 9rem !important;
  }
  .mr-md-19 {
    margin-right: 9.5rem !important;
  }
  .mr-md-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mr-lg-0 {
    margin-right: 0rem !important;
  }
  .mr-lg-1 {
    margin-right: 0.5rem !important;
  }
  .mr-lg-2 {
    margin-right: 1rem !important;
  }
  .mr-lg-3 {
    margin-right: 1.5rem !important;
  }
  .mr-lg-4 {
    margin-right: 2rem !important;
  }
  .mr-lg-5 {
    margin-right: 2.5rem !important;
  }
  .mr-lg-6 {
    margin-right: 3rem !important;
  }
  .mr-lg-7 {
    margin-right: 3.5rem !important;
  }
  .mr-lg-8 {
    margin-right: 4rem !important;
  }
  .mr-lg-9 {
    margin-right: 4.5rem !important;
  }
  .mr-lg-10 {
    margin-right: 5rem !important;
  }
  .mr-lg-11 {
    margin-right: 5.5rem !important;
  }
  .mr-lg-12 {
    margin-right: 6rem !important;
  }
  .mr-lg-13 {
    margin-right: 6.5rem !important;
  }
  .mr-lg-14 {
    margin-right: 7rem !important;
  }
  .mr-lg-15 {
    margin-right: 7.5rem !important;
  }
  .mr-lg-16 {
    margin-right: 8rem !important;
  }
  .mr-lg-17 {
    margin-right: 8.5rem !important;
  }
  .mr-lg-18 {
    margin-right: 9rem !important;
  }
  .mr-lg-19 {
    margin-right: 9.5rem !important;
  }
  .mr-lg-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mr-xl-0 {
    margin-right: 0rem !important;
  }
  .mr-xl-1 {
    margin-right: 0.5rem !important;
  }
  .mr-xl-2 {
    margin-right: 1rem !important;
  }
  .mr-xl-3 {
    margin-right: 1.5rem !important;
  }
  .mr-xl-4 {
    margin-right: 2rem !important;
  }
  .mr-xl-5 {
    margin-right: 2.5rem !important;
  }
  .mr-xl-6 {
    margin-right: 3rem !important;
  }
  .mr-xl-7 {
    margin-right: 3.5rem !important;
  }
  .mr-xl-8 {
    margin-right: 4rem !important;
  }
  .mr-xl-9 {
    margin-right: 4.5rem !important;
  }
  .mr-xl-10 {
    margin-right: 5rem !important;
  }
  .mr-xl-11 {
    margin-right: 5.5rem !important;
  }
  .mr-xl-12 {
    margin-right: 6rem !important;
  }
  .mr-xl-13 {
    margin-right: 6.5rem !important;
  }
  .mr-xl-14 {
    margin-right: 7rem !important;
  }
  .mr-xl-15 {
    margin-right: 7.5rem !important;
  }
  .mr-xl-16 {
    margin-right: 8rem !important;
  }
  .mr-xl-17 {
    margin-right: 8.5rem !important;
  }
  .mr-xl-18 {
    margin-right: 9rem !important;
  }
  .mr-xl-19 {
    margin-right: 9.5rem !important;
  }
  .mr-xl-20 {
    margin-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mr-xxl-0 {
    margin-right: 0rem !important;
  }
  .mr-xxl-1 {
    margin-right: 0.5rem !important;
  }
  .mr-xxl-2 {
    margin-right: 1rem !important;
  }
  .mr-xxl-3 {
    margin-right: 1.5rem !important;
  }
  .mr-xxl-4 {
    margin-right: 2rem !important;
  }
  .mr-xxl-5 {
    margin-right: 2.5rem !important;
  }
  .mr-xxl-6 {
    margin-right: 3rem !important;
  }
  .mr-xxl-7 {
    margin-right: 3.5rem !important;
  }
  .mr-xxl-8 {
    margin-right: 4rem !important;
  }
  .mr-xxl-9 {
    margin-right: 4.5rem !important;
  }
  .mr-xxl-10 {
    margin-right: 5rem !important;
  }
  .mr-xxl-11 {
    margin-right: 5.5rem !important;
  }
  .mr-xxl-12 {
    margin-right: 6rem !important;
  }
  .mr-xxl-13 {
    margin-right: 6.5rem !important;
  }
  .mr-xxl-14 {
    margin-right: 7rem !important;
  }
  .mr-xxl-15 {
    margin-right: 7.5rem !important;
  }
  .mr-xxl-16 {
    margin-right: 8rem !important;
  }
  .mr-xxl-17 {
    margin-right: 8.5rem !important;
  }
  .mr-xxl-18 {
    margin-right: 9rem !important;
  }
  .mr-xxl-19 {
    margin-right: 9.5rem !important;
  }
  .mr-xxl-20 {
    margin-right: 10rem !important;
  }
}
.mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}

.mx-1 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.mx-2 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.mx-3 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.mx-4 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}

.mx-5 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}

.mx-6 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.mx-7 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}

.mx-8 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}

.mx-9 {
  margin-left: 4.5rem !important;
  margin-right: 4.5rem !important;
}

.mx-10 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}

.mx-11 {
  margin-left: 5.5rem !important;
  margin-right: 5.5rem !important;
}

.mx-12 {
  margin-left: 6rem !important;
  margin-right: 6rem !important;
}

.mx-13 {
  margin-left: 6.5rem !important;
  margin-right: 6.5rem !important;
}

.mx-14 {
  margin-left: 7rem !important;
  margin-right: 7rem !important;
}

.mx-15 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}

.mx-16 {
  margin-left: 8rem !important;
  margin-right: 8rem !important;
}

.mx-17 {
  margin-left: 8.5rem !important;
  margin-right: 8.5rem !important;
}

.mx-18 {
  margin-left: 9rem !important;
  margin-right: 9rem !important;
}

.mx-19 {
  margin-left: 9.5rem !important;
  margin-right: 9.5rem !important;
}

.mx-20 {
  margin-left: 10rem !important;
  margin-right: 10rem !important;
}

@media (min-width: 576px) {
  .mx-sm-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-sm-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-sm-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-sm-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-sm-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-sm-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-sm-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-sm-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-sm-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-sm-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-sm-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-sm-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-sm-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-sm-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-sm-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-sm-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-sm-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-sm-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-sm-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-sm-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-sm-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .mx-md-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-md-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-md-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-md-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-md-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-md-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-md-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-md-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-md-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-md-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-md-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-md-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-md-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-md-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-md-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-md-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-md-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-md-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-md-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-md-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-md-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .mx-lg-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-lg-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-lg-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-lg-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-lg-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-lg-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-lg-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-lg-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-lg-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-lg-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-lg-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-lg-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-lg-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-lg-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-lg-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-lg-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-lg-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-lg-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-lg-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-lg-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-lg-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .mx-xl-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-xl-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xl-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xl-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xl-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-xl-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-xl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xl-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-xl-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-xl-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-xl-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-xl-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-xl-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-xl-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-xl-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-xl-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-xl-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-xl-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-xl-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-xl-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-xl-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .mx-xxl-0 {
    margin-left: 0rem !important;
    margin-right: 0rem !important;
  }
  .mx-xxl-1 {
    margin-left: 0.5rem !important;
    margin-right: 0.5rem !important;
  }
  .mx-xxl-2 {
    margin-left: 1rem !important;
    margin-right: 1rem !important;
  }
  .mx-xxl-3 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important;
  }
  .mx-xxl-4 {
    margin-left: 2rem !important;
    margin-right: 2rem !important;
  }
  .mx-xxl-5 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important;
  }
  .mx-xxl-6 {
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .mx-xxl-7 {
    margin-left: 3.5rem !important;
    margin-right: 3.5rem !important;
  }
  .mx-xxl-8 {
    margin-left: 4rem !important;
    margin-right: 4rem !important;
  }
  .mx-xxl-9 {
    margin-left: 4.5rem !important;
    margin-right: 4.5rem !important;
  }
  .mx-xxl-10 {
    margin-left: 5rem !important;
    margin-right: 5rem !important;
  }
  .mx-xxl-11 {
    margin-left: 5.5rem !important;
    margin-right: 5.5rem !important;
  }
  .mx-xxl-12 {
    margin-left: 6rem !important;
    margin-right: 6rem !important;
  }
  .mx-xxl-13 {
    margin-left: 6.5rem !important;
    margin-right: 6.5rem !important;
  }
  .mx-xxl-14 {
    margin-left: 7rem !important;
    margin-right: 7rem !important;
  }
  .mx-xxl-15 {
    margin-left: 7.5rem !important;
    margin-right: 7.5rem !important;
  }
  .mx-xxl-16 {
    margin-left: 8rem !important;
    margin-right: 8rem !important;
  }
  .mx-xxl-17 {
    margin-left: 8.5rem !important;
    margin-right: 8.5rem !important;
  }
  .mx-xxl-18 {
    margin-left: 9rem !important;
    margin-right: 9rem !important;
  }
  .mx-xxl-19 {
    margin-left: 9.5rem !important;
    margin-right: 9.5rem !important;
  }
  .mx-xxl-20 {
    margin-left: 10rem !important;
    margin-right: 10rem !important;
  }
}
.my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.my-1 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-2 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-3 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-4 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.my-5 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.my-6 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-7 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}

.my-8 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}

.my-9 {
  margin-top: 4.5rem !important;
  margin-bottom: 4.5rem !important;
}

.my-10 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.my-11 {
  margin-top: 5.5rem !important;
  margin-bottom: 5.5rem !important;
}

.my-12 {
  margin-top: 6rem !important;
  margin-bottom: 6rem !important;
}

.my-13 {
  margin-top: 6.5rem !important;
  margin-bottom: 6.5rem !important;
}

.my-14 {
  margin-top: 7rem !important;
  margin-bottom: 7rem !important;
}

.my-15 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}

.my-16 {
  margin-top: 8rem !important;
  margin-bottom: 8rem !important;
}

.my-17 {
  margin-top: 8.5rem !important;
  margin-bottom: 8.5rem !important;
}

.my-18 {
  margin-top: 9rem !important;
  margin-bottom: 9rem !important;
}

.my-19 {
  margin-top: 9.5rem !important;
  margin-bottom: 9.5rem !important;
}

.my-20 {
  margin-top: 10rem !important;
  margin-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .my-sm-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-sm-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-sm-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-sm-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-sm-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-sm-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-sm-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-sm-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-sm-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-sm-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-sm-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-sm-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-sm-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-sm-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-sm-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-sm-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-sm-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .my-md-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-md-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-md-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-md-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-md-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-md-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-md-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-md-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-md-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-md-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-md-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-md-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-md-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-md-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-md-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-md-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-md-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .my-lg-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-lg-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-lg-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-lg-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-lg-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-lg-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-lg-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-lg-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-lg-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-lg-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-lg-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-lg-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-lg-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-lg-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-lg-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-lg-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-lg-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .my-xl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-xl-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xl-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-xl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-xl-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xl-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-xl-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xl-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-xl-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xl-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-xl-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xl-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-xl-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-xl-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-xl-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-xl-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-xl-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .my-xxl-0 {
    margin-top: 0rem !important;
    margin-bottom: 0rem !important;
  }
  .my-xxl-1 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-2 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-3 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-4 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
  }
  .my-xxl-5 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important;
  }
  .my-xxl-6 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-7 {
    margin-top: 3.5rem !important;
    margin-bottom: 3.5rem !important;
  }
  .my-xxl-8 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important;
  }
  .my-xxl-9 {
    margin-top: 4.5rem !important;
    margin-bottom: 4.5rem !important;
  }
  .my-xxl-10 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important;
  }
  .my-xxl-11 {
    margin-top: 5.5rem !important;
    margin-bottom: 5.5rem !important;
  }
  .my-xxl-12 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important;
  }
  .my-xxl-13 {
    margin-top: 6.5rem !important;
    margin-bottom: 6.5rem !important;
  }
  .my-xxl-14 {
    margin-top: 7rem !important;
    margin-bottom: 7rem !important;
  }
  .my-xxl-15 {
    margin-top: 7.5rem !important;
    margin-bottom: 7.5rem !important;
  }
  .my-xxl-16 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important;
  }
  .my-xxl-17 {
    margin-top: 8.5rem !important;
    margin-bottom: 8.5rem !important;
  }
  .my-xxl-18 {
    margin-top: 9rem !important;
    margin-bottom: 9rem !important;
  }
  .my-xxl-19 {
    margin-top: 9.5rem !important;
    margin-bottom: 9.5rem !important;
  }
  .my-xxl-20 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important;
  }
}
.p-0 {
  padding: 0rem !important;
}

.p-1 {
  padding: 0.5rem !important;
}

.p-2 {
  padding: 1rem !important;
}

.p-3 {
  padding: 1.5rem !important;
}

.p-4 {
  padding: 2rem !important;
}

.p-5 {
  padding: 2.5rem !important;
}

.p-6 {
  padding: 3rem !important;
}

.p-7 {
  padding: 3.5rem !important;
}

.p-8 {
  padding: 4rem !important;
}

.p-9 {
  padding: 4.5rem !important;
}

.p-10 {
  padding: 5rem !important;
}

.p-11 {
  padding: 5.5rem !important;
}

.p-12 {
  padding: 6rem !important;
}

.p-13 {
  padding: 6.5rem !important;
}

.p-14 {
  padding: 7rem !important;
}

.p-15 {
  padding: 7.5rem !important;
}

.p-16 {
  padding: 8rem !important;
}

.p-17 {
  padding: 8.5rem !important;
}

.p-18 {
  padding: 9rem !important;
}

.p-19 {
  padding: 9.5rem !important;
}

.p-20 {
  padding: 10rem !important;
}

@media (min-width: 576px) {
  .p-sm-0 {
    padding: 0rem !important;
  }
  .p-sm-1 {
    padding: 0.5rem !important;
  }
  .p-sm-2 {
    padding: 1rem !important;
  }
  .p-sm-3 {
    padding: 1.5rem !important;
  }
  .p-sm-4 {
    padding: 2rem !important;
  }
  .p-sm-5 {
    padding: 2.5rem !important;
  }
  .p-sm-6 {
    padding: 3rem !important;
  }
  .p-sm-7 {
    padding: 3.5rem !important;
  }
  .p-sm-8 {
    padding: 4rem !important;
  }
  .p-sm-9 {
    padding: 4.5rem !important;
  }
  .p-sm-10 {
    padding: 5rem !important;
  }
  .p-sm-11 {
    padding: 5.5rem !important;
  }
  .p-sm-12 {
    padding: 6rem !important;
  }
  .p-sm-13 {
    padding: 6.5rem !important;
  }
  .p-sm-14 {
    padding: 7rem !important;
  }
  .p-sm-15 {
    padding: 7.5rem !important;
  }
  .p-sm-16 {
    padding: 8rem !important;
  }
  .p-sm-17 {
    padding: 8.5rem !important;
  }
  .p-sm-18 {
    padding: 9rem !important;
  }
  .p-sm-19 {
    padding: 9.5rem !important;
  }
  .p-sm-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 768px) {
  .p-md-0 {
    padding: 0rem !important;
  }
  .p-md-1 {
    padding: 0.5rem !important;
  }
  .p-md-2 {
    padding: 1rem !important;
  }
  .p-md-3 {
    padding: 1.5rem !important;
  }
  .p-md-4 {
    padding: 2rem !important;
  }
  .p-md-5 {
    padding: 2.5rem !important;
  }
  .p-md-6 {
    padding: 3rem !important;
  }
  .p-md-7 {
    padding: 3.5rem !important;
  }
  .p-md-8 {
    padding: 4rem !important;
  }
  .p-md-9 {
    padding: 4.5rem !important;
  }
  .p-md-10 {
    padding: 5rem !important;
  }
  .p-md-11 {
    padding: 5.5rem !important;
  }
  .p-md-12 {
    padding: 6rem !important;
  }
  .p-md-13 {
    padding: 6.5rem !important;
  }
  .p-md-14 {
    padding: 7rem !important;
  }
  .p-md-15 {
    padding: 7.5rem !important;
  }
  .p-md-16 {
    padding: 8rem !important;
  }
  .p-md-17 {
    padding: 8.5rem !important;
  }
  .p-md-18 {
    padding: 9rem !important;
  }
  .p-md-19 {
    padding: 9.5rem !important;
  }
  .p-md-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 992px) {
  .p-lg-0 {
    padding: 0rem !important;
  }
  .p-lg-1 {
    padding: 0.5rem !important;
  }
  .p-lg-2 {
    padding: 1rem !important;
  }
  .p-lg-3 {
    padding: 1.5rem !important;
  }
  .p-lg-4 {
    padding: 2rem !important;
  }
  .p-lg-5 {
    padding: 2.5rem !important;
  }
  .p-lg-6 {
    padding: 3rem !important;
  }
  .p-lg-7 {
    padding: 3.5rem !important;
  }
  .p-lg-8 {
    padding: 4rem !important;
  }
  .p-lg-9 {
    padding: 4.5rem !important;
  }
  .p-lg-10 {
    padding: 5rem !important;
  }
  .p-lg-11 {
    padding: 5.5rem !important;
  }
  .p-lg-12 {
    padding: 6rem !important;
  }
  .p-lg-13 {
    padding: 6.5rem !important;
  }
  .p-lg-14 {
    padding: 7rem !important;
  }
  .p-lg-15 {
    padding: 7.5rem !important;
  }
  .p-lg-16 {
    padding: 8rem !important;
  }
  .p-lg-17 {
    padding: 8.5rem !important;
  }
  .p-lg-18 {
    padding: 9rem !important;
  }
  .p-lg-19 {
    padding: 9.5rem !important;
  }
  .p-lg-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .p-xl-0 {
    padding: 0rem !important;
  }
  .p-xl-1 {
    padding: 0.5rem !important;
  }
  .p-xl-2 {
    padding: 1rem !important;
  }
  .p-xl-3 {
    padding: 1.5rem !important;
  }
  .p-xl-4 {
    padding: 2rem !important;
  }
  .p-xl-5 {
    padding: 2.5rem !important;
  }
  .p-xl-6 {
    padding: 3rem !important;
  }
  .p-xl-7 {
    padding: 3.5rem !important;
  }
  .p-xl-8 {
    padding: 4rem !important;
  }
  .p-xl-9 {
    padding: 4.5rem !important;
  }
  .p-xl-10 {
    padding: 5rem !important;
  }
  .p-xl-11 {
    padding: 5.5rem !important;
  }
  .p-xl-12 {
    padding: 6rem !important;
  }
  .p-xl-13 {
    padding: 6.5rem !important;
  }
  .p-xl-14 {
    padding: 7rem !important;
  }
  .p-xl-15 {
    padding: 7.5rem !important;
  }
  .p-xl-16 {
    padding: 8rem !important;
  }
  .p-xl-17 {
    padding: 8.5rem !important;
  }
  .p-xl-18 {
    padding: 9rem !important;
  }
  .p-xl-19 {
    padding: 9.5rem !important;
  }
  .p-xl-20 {
    padding: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .p-xxl-0 {
    padding: 0rem !important;
  }
  .p-xxl-1 {
    padding: 0.5rem !important;
  }
  .p-xxl-2 {
    padding: 1rem !important;
  }
  .p-xxl-3 {
    padding: 1.5rem !important;
  }
  .p-xxl-4 {
    padding: 2rem !important;
  }
  .p-xxl-5 {
    padding: 2.5rem !important;
  }
  .p-xxl-6 {
    padding: 3rem !important;
  }
  .p-xxl-7 {
    padding: 3.5rem !important;
  }
  .p-xxl-8 {
    padding: 4rem !important;
  }
  .p-xxl-9 {
    padding: 4.5rem !important;
  }
  .p-xxl-10 {
    padding: 5rem !important;
  }
  .p-xxl-11 {
    padding: 5.5rem !important;
  }
  .p-xxl-12 {
    padding: 6rem !important;
  }
  .p-xxl-13 {
    padding: 6.5rem !important;
  }
  .p-xxl-14 {
    padding: 7rem !important;
  }
  .p-xxl-15 {
    padding: 7.5rem !important;
  }
  .p-xxl-16 {
    padding: 8rem !important;
  }
  .p-xxl-17 {
    padding: 8.5rem !important;
  }
  .p-xxl-18 {
    padding: 9rem !important;
  }
  .p-xxl-19 {
    padding: 9.5rem !important;
  }
  .p-xxl-20 {
    padding: 10rem !important;
  }
}
.pt-0 {
  padding-top: 0rem !important;
}

.pt-1 {
  padding-top: 0.5rem !important;
}

.pt-2 {
  padding-top: 1rem !important;
}

.pt-3 {
  padding-top: 1.5rem !important;
}

.pt-4 {
  padding-top: 2rem !important;
}

.pt-5 {
  padding-top: 2.5rem !important;
}

.pt-6 {
  padding-top: 3rem !important;
}

.pt-7 {
  padding-top: 3.5rem !important;
}

.pt-8 {
  padding-top: 4rem !important;
}

.pt-9 {
  padding-top: 4.5rem !important;
}

.pt-10 {
  padding-top: 5rem !important;
}

.pt-11 {
  padding-top: 5.5rem !important;
}

.pt-12 {
  padding-top: 6rem !important;
}

.pt-13 {
  padding-top: 6.5rem !important;
}

.pt-14 {
  padding-top: 7rem !important;
}

.pt-15 {
  padding-top: 7.5rem !important;
}

.pt-16 {
  padding-top: 8rem !important;
}

.pt-17 {
  padding-top: 8.5rem !important;
}

.pt-18 {
  padding-top: 9rem !important;
}

.pt-19 {
  padding-top: 9.5rem !important;
}

.pt-20 {
  padding-top: 10rem !important;
}

@media (min-width: 576px) {
  .pt-sm-0 {
    padding-top: 0rem !important;
  }
  .pt-sm-1 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-2 {
    padding-top: 1rem !important;
  }
  .pt-sm-3 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-4 {
    padding-top: 2rem !important;
  }
  .pt-sm-5 {
    padding-top: 2.5rem !important;
  }
  .pt-sm-6 {
    padding-top: 3rem !important;
  }
  .pt-sm-7 {
    padding-top: 3.5rem !important;
  }
  .pt-sm-8 {
    padding-top: 4rem !important;
  }
  .pt-sm-9 {
    padding-top: 4.5rem !important;
  }
  .pt-sm-10 {
    padding-top: 5rem !important;
  }
  .pt-sm-11 {
    padding-top: 5.5rem !important;
  }
  .pt-sm-12 {
    padding-top: 6rem !important;
  }
  .pt-sm-13 {
    padding-top: 6.5rem !important;
  }
  .pt-sm-14 {
    padding-top: 7rem !important;
  }
  .pt-sm-15 {
    padding-top: 7.5rem !important;
  }
  .pt-sm-16 {
    padding-top: 8rem !important;
  }
  .pt-sm-17 {
    padding-top: 8.5rem !important;
  }
  .pt-sm-18 {
    padding-top: 9rem !important;
  }
  .pt-sm-19 {
    padding-top: 9.5rem !important;
  }
  .pt-sm-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pt-md-0 {
    padding-top: 0rem !important;
  }
  .pt-md-1 {
    padding-top: 0.5rem !important;
  }
  .pt-md-2 {
    padding-top: 1rem !important;
  }
  .pt-md-3 {
    padding-top: 1.5rem !important;
  }
  .pt-md-4 {
    padding-top: 2rem !important;
  }
  .pt-md-5 {
    padding-top: 2.5rem !important;
  }
  .pt-md-6 {
    padding-top: 3rem !important;
  }
  .pt-md-7 {
    padding-top: 3.5rem !important;
  }
  .pt-md-8 {
    padding-top: 4rem !important;
  }
  .pt-md-9 {
    padding-top: 4.5rem !important;
  }
  .pt-md-10 {
    padding-top: 5rem !important;
  }
  .pt-md-11 {
    padding-top: 5.5rem !important;
  }
  .pt-md-12 {
    padding-top: 6rem !important;
  }
  .pt-md-13 {
    padding-top: 6.5rem !important;
  }
  .pt-md-14 {
    padding-top: 7rem !important;
  }
  .pt-md-15 {
    padding-top: 7.5rem !important;
  }
  .pt-md-16 {
    padding-top: 8rem !important;
  }
  .pt-md-17 {
    padding-top: 8.5rem !important;
  }
  .pt-md-18 {
    padding-top: 9rem !important;
  }
  .pt-md-19 {
    padding-top: 9.5rem !important;
  }
  .pt-md-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pt-lg-0 {
    padding-top: 0rem !important;
  }
  .pt-lg-1 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-2 {
    padding-top: 1rem !important;
  }
  .pt-lg-3 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-4 {
    padding-top: 2rem !important;
  }
  .pt-lg-5 {
    padding-top: 2.5rem !important;
  }
  .pt-lg-6 {
    padding-top: 3rem !important;
  }
  .pt-lg-7 {
    padding-top: 3.5rem !important;
  }
  .pt-lg-8 {
    padding-top: 4rem !important;
  }
  .pt-lg-9 {
    padding-top: 4.5rem !important;
  }
  .pt-lg-10 {
    padding-top: 5rem !important;
  }
  .pt-lg-11 {
    padding-top: 5.5rem !important;
  }
  .pt-lg-12 {
    padding-top: 6rem !important;
  }
  .pt-lg-13 {
    padding-top: 6.5rem !important;
  }
  .pt-lg-14 {
    padding-top: 7rem !important;
  }
  .pt-lg-15 {
    padding-top: 7.5rem !important;
  }
  .pt-lg-16 {
    padding-top: 8rem !important;
  }
  .pt-lg-17 {
    padding-top: 8.5rem !important;
  }
  .pt-lg-18 {
    padding-top: 9rem !important;
  }
  .pt-lg-19 {
    padding-top: 9.5rem !important;
  }
  .pt-lg-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pt-xl-0 {
    padding-top: 0rem !important;
  }
  .pt-xl-1 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-2 {
    padding-top: 1rem !important;
  }
  .pt-xl-3 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-4 {
    padding-top: 2rem !important;
  }
  .pt-xl-5 {
    padding-top: 2.5rem !important;
  }
  .pt-xl-6 {
    padding-top: 3rem !important;
  }
  .pt-xl-7 {
    padding-top: 3.5rem !important;
  }
  .pt-xl-8 {
    padding-top: 4rem !important;
  }
  .pt-xl-9 {
    padding-top: 4.5rem !important;
  }
  .pt-xl-10 {
    padding-top: 5rem !important;
  }
  .pt-xl-11 {
    padding-top: 5.5rem !important;
  }
  .pt-xl-12 {
    padding-top: 6rem !important;
  }
  .pt-xl-13 {
    padding-top: 6.5rem !important;
  }
  .pt-xl-14 {
    padding-top: 7rem !important;
  }
  .pt-xl-15 {
    padding-top: 7.5rem !important;
  }
  .pt-xl-16 {
    padding-top: 8rem !important;
  }
  .pt-xl-17 {
    padding-top: 8.5rem !important;
  }
  .pt-xl-18 {
    padding-top: 9rem !important;
  }
  .pt-xl-19 {
    padding-top: 9.5rem !important;
  }
  .pt-xl-20 {
    padding-top: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pt-xxl-0 {
    padding-top: 0rem !important;
  }
  .pt-xxl-1 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-2 {
    padding-top: 1rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-4 {
    padding-top: 2rem !important;
  }
  .pt-xxl-5 {
    padding-top: 2.5rem !important;
  }
  .pt-xxl-6 {
    padding-top: 3rem !important;
  }
  .pt-xxl-7 {
    padding-top: 3.5rem !important;
  }
  .pt-xxl-8 {
    padding-top: 4rem !important;
  }
  .pt-xxl-9 {
    padding-top: 4.5rem !important;
  }
  .pt-xxl-10 {
    padding-top: 5rem !important;
  }
  .pt-xxl-11 {
    padding-top: 5.5rem !important;
  }
  .pt-xxl-12 {
    padding-top: 6rem !important;
  }
  .pt-xxl-13 {
    padding-top: 6.5rem !important;
  }
  .pt-xxl-14 {
    padding-top: 7rem !important;
  }
  .pt-xxl-15 {
    padding-top: 7.5rem !important;
  }
  .pt-xxl-16 {
    padding-top: 8rem !important;
  }
  .pt-xxl-17 {
    padding-top: 8.5rem !important;
  }
  .pt-xxl-18 {
    padding-top: 9rem !important;
  }
  .pt-xxl-19 {
    padding-top: 9.5rem !important;
  }
  .pt-xxl-20 {
    padding-top: 10rem !important;
  }
}
.pb-0 {
  padding-bottom: 0rem !important;
}

.pb-1 {
  padding-bottom: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 1rem !important;
}

.pb-3 {
  padding-bottom: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 2rem !important;
}

.pb-5 {
  padding-bottom: 2.5rem !important;
}

.pb-6 {
  padding-bottom: 3rem !important;
}

.pb-7 {
  padding-bottom: 3.5rem !important;
}

.pb-8 {
  padding-bottom: 4rem !important;
}

.pb-9 {
  padding-bottom: 4.5rem !important;
}

.pb-10 {
  padding-bottom: 5rem !important;
}

.pb-11 {
  padding-bottom: 5.5rem !important;
}

.pb-12 {
  padding-bottom: 6rem !important;
}

.pb-13 {
  padding-bottom: 6.5rem !important;
}

.pb-14 {
  padding-bottom: 7rem !important;
}

.pb-15 {
  padding-bottom: 7.5rem !important;
}

.pb-16 {
  padding-bottom: 8rem !important;
}

.pb-17 {
  padding-bottom: 8.5rem !important;
}

.pb-18 {
  padding-bottom: 9rem !important;
}

.pb-19 {
  padding-bottom: 9.5rem !important;
}

.pb-20 {
  padding-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .pb-sm-0 {
    padding-bottom: 0rem !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 2rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-sm-6 {
    padding-bottom: 3rem !important;
  }
  .pb-sm-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-sm-8 {
    padding-bottom: 4rem !important;
  }
  .pb-sm-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-sm-10 {
    padding-bottom: 5rem !important;
  }
  .pb-sm-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-sm-12 {
    padding-bottom: 6rem !important;
  }
  .pb-sm-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-sm-14 {
    padding-bottom: 7rem !important;
  }
  .pb-sm-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-sm-16 {
    padding-bottom: 8rem !important;
  }
  .pb-sm-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-sm-18 {
    padding-bottom: 9rem !important;
  }
  .pb-sm-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-sm-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pb-md-0 {
    padding-bottom: 0rem !important;
  }
  .pb-md-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-2 {
    padding-bottom: 1rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-4 {
    padding-bottom: 2rem !important;
  }
  .pb-md-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-md-6 {
    padding-bottom: 3rem !important;
  }
  .pb-md-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-md-8 {
    padding-bottom: 4rem !important;
  }
  .pb-md-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-md-10 {
    padding-bottom: 5rem !important;
  }
  .pb-md-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-md-12 {
    padding-bottom: 6rem !important;
  }
  .pb-md-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-md-14 {
    padding-bottom: 7rem !important;
  }
  .pb-md-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-md-16 {
    padding-bottom: 8rem !important;
  }
  .pb-md-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-md-18 {
    padding-bottom: 9rem !important;
  }
  .pb-md-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-md-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pb-lg-0 {
    padding-bottom: 0rem !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 2rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-lg-6 {
    padding-bottom: 3rem !important;
  }
  .pb-lg-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-lg-8 {
    padding-bottom: 4rem !important;
  }
  .pb-lg-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-lg-10 {
    padding-bottom: 5rem !important;
  }
  .pb-lg-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-lg-12 {
    padding-bottom: 6rem !important;
  }
  .pb-lg-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-lg-14 {
    padding-bottom: 7rem !important;
  }
  .pb-lg-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-lg-16 {
    padding-bottom: 8rem !important;
  }
  .pb-lg-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-lg-18 {
    padding-bottom: 9rem !important;
  }
  .pb-lg-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-lg-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pb-xl-0 {
    padding-bottom: 0rem !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 2rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-xl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xl-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-xl-8 {
    padding-bottom: 4rem !important;
  }
  .pb-xl-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-xl-10 {
    padding-bottom: 5rem !important;
  }
  .pb-xl-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-xl-12 {
    padding-bottom: 6rem !important;
  }
  .pb-xl-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-xl-14 {
    padding-bottom: 7rem !important;
  }
  .pb-xl-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-xl-16 {
    padding-bottom: 8rem !important;
  }
  .pb-xl-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-xl-18 {
    padding-bottom: 9rem !important;
  }
  .pb-xl-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-xl-20 {
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pb-xxl-0 {
    padding-bottom: 0rem !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 2rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 2.5rem !important;
  }
  .pb-xxl-6 {
    padding-bottom: 3rem !important;
  }
  .pb-xxl-7 {
    padding-bottom: 3.5rem !important;
  }
  .pb-xxl-8 {
    padding-bottom: 4rem !important;
  }
  .pb-xxl-9 {
    padding-bottom: 4.5rem !important;
  }
  .pb-xxl-10 {
    padding-bottom: 5rem !important;
  }
  .pb-xxl-11 {
    padding-bottom: 5.5rem !important;
  }
  .pb-xxl-12 {
    padding-bottom: 6rem !important;
  }
  .pb-xxl-13 {
    padding-bottom: 6.5rem !important;
  }
  .pb-xxl-14 {
    padding-bottom: 7rem !important;
  }
  .pb-xxl-15 {
    padding-bottom: 7.5rem !important;
  }
  .pb-xxl-16 {
    padding-bottom: 8rem !important;
  }
  .pb-xxl-17 {
    padding-bottom: 8.5rem !important;
  }
  .pb-xxl-18 {
    padding-bottom: 9rem !important;
  }
  .pb-xxl-19 {
    padding-bottom: 9.5rem !important;
  }
  .pb-xxl-20 {
    padding-bottom: 10rem !important;
  }
}
.pl-0 {
  padding-left: 0rem !important;
}

.pl-1 {
  padding-left: 0.5rem !important;
}

.pl-2 {
  padding-left: 1rem !important;
}

.pl-3 {
  padding-left: 1.5rem !important;
}

.pl-4 {
  padding-left: 2rem !important;
}

.pl-5 {
  padding-left: 2.5rem !important;
}

.pl-6 {
  padding-left: 3rem !important;
}

.pl-7 {
  padding-left: 3.5rem !important;
}

.pl-8 {
  padding-left: 4rem !important;
}

.pl-9 {
  padding-left: 4.5rem !important;
}

.pl-10 {
  padding-left: 5rem !important;
}

.pl-11 {
  padding-left: 5.5rem !important;
}

.pl-12 {
  padding-left: 6rem !important;
}

.pl-13 {
  padding-left: 6.5rem !important;
}

.pl-14 {
  padding-left: 7rem !important;
}

.pl-15 {
  padding-left: 7.5rem !important;
}

.pl-16 {
  padding-left: 8rem !important;
}

.pl-17 {
  padding-left: 8.5rem !important;
}

.pl-18 {
  padding-left: 9rem !important;
}

.pl-19 {
  padding-left: 9.5rem !important;
}

.pl-20 {
  padding-left: 10rem !important;
}

@media (min-width: 576px) {
  .pl-sm-0 {
    padding-left: 0rem !important;
  }
  .pl-sm-1 {
    padding-left: 0.5rem !important;
  }
  .pl-sm-2 {
    padding-left: 1rem !important;
  }
  .pl-sm-3 {
    padding-left: 1.5rem !important;
  }
  .pl-sm-4 {
    padding-left: 2rem !important;
  }
  .pl-sm-5 {
    padding-left: 2.5rem !important;
  }
  .pl-sm-6 {
    padding-left: 3rem !important;
  }
  .pl-sm-7 {
    padding-left: 3.5rem !important;
  }
  .pl-sm-8 {
    padding-left: 4rem !important;
  }
  .pl-sm-9 {
    padding-left: 4.5rem !important;
  }
  .pl-sm-10 {
    padding-left: 5rem !important;
  }
  .pl-sm-11 {
    padding-left: 5.5rem !important;
  }
  .pl-sm-12 {
    padding-left: 6rem !important;
  }
  .pl-sm-13 {
    padding-left: 6.5rem !important;
  }
  .pl-sm-14 {
    padding-left: 7rem !important;
  }
  .pl-sm-15 {
    padding-left: 7.5rem !important;
  }
  .pl-sm-16 {
    padding-left: 8rem !important;
  }
  .pl-sm-17 {
    padding-left: 8.5rem !important;
  }
  .pl-sm-18 {
    padding-left: 9rem !important;
  }
  .pl-sm-19 {
    padding-left: 9.5rem !important;
  }
  .pl-sm-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pl-md-0 {
    padding-left: 0rem !important;
  }
  .pl-md-1 {
    padding-left: 0.5rem !important;
  }
  .pl-md-2 {
    padding-left: 1rem !important;
  }
  .pl-md-3 {
    padding-left: 1.5rem !important;
  }
  .pl-md-4 {
    padding-left: 2rem !important;
  }
  .pl-md-5 {
    padding-left: 2.5rem !important;
  }
  .pl-md-6 {
    padding-left: 3rem !important;
  }
  .pl-md-7 {
    padding-left: 3.5rem !important;
  }
  .pl-md-8 {
    padding-left: 4rem !important;
  }
  .pl-md-9 {
    padding-left: 4.5rem !important;
  }
  .pl-md-10 {
    padding-left: 5rem !important;
  }
  .pl-md-11 {
    padding-left: 5.5rem !important;
  }
  .pl-md-12 {
    padding-left: 6rem !important;
  }
  .pl-md-13 {
    padding-left: 6.5rem !important;
  }
  .pl-md-14 {
    padding-left: 7rem !important;
  }
  .pl-md-15 {
    padding-left: 7.5rem !important;
  }
  .pl-md-16 {
    padding-left: 8rem !important;
  }
  .pl-md-17 {
    padding-left: 8.5rem !important;
  }
  .pl-md-18 {
    padding-left: 9rem !important;
  }
  .pl-md-19 {
    padding-left: 9.5rem !important;
  }
  .pl-md-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pl-lg-0 {
    padding-left: 0rem !important;
  }
  .pl-lg-1 {
    padding-left: 0.5rem !important;
  }
  .pl-lg-2 {
    padding-left: 1rem !important;
  }
  .pl-lg-3 {
    padding-left: 1.5rem !important;
  }
  .pl-lg-4 {
    padding-left: 2rem !important;
  }
  .pl-lg-5 {
    padding-left: 2.5rem !important;
  }
  .pl-lg-6 {
    padding-left: 3rem !important;
  }
  .pl-lg-7 {
    padding-left: 3.5rem !important;
  }
  .pl-lg-8 {
    padding-left: 4rem !important;
  }
  .pl-lg-9 {
    padding-left: 4.5rem !important;
  }
  .pl-lg-10 {
    padding-left: 5rem !important;
  }
  .pl-lg-11 {
    padding-left: 5.5rem !important;
  }
  .pl-lg-12 {
    padding-left: 6rem !important;
  }
  .pl-lg-13 {
    padding-left: 6.5rem !important;
  }
  .pl-lg-14 {
    padding-left: 7rem !important;
  }
  .pl-lg-15 {
    padding-left: 7.5rem !important;
  }
  .pl-lg-16 {
    padding-left: 8rem !important;
  }
  .pl-lg-17 {
    padding-left: 8.5rem !important;
  }
  .pl-lg-18 {
    padding-left: 9rem !important;
  }
  .pl-lg-19 {
    padding-left: 9.5rem !important;
  }
  .pl-lg-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pl-xl-0 {
    padding-left: 0rem !important;
  }
  .pl-xl-1 {
    padding-left: 0.5rem !important;
  }
  .pl-xl-2 {
    padding-left: 1rem !important;
  }
  .pl-xl-3 {
    padding-left: 1.5rem !important;
  }
  .pl-xl-4 {
    padding-left: 2rem !important;
  }
  .pl-xl-5 {
    padding-left: 2.5rem !important;
  }
  .pl-xl-6 {
    padding-left: 3rem !important;
  }
  .pl-xl-7 {
    padding-left: 3.5rem !important;
  }
  .pl-xl-8 {
    padding-left: 4rem !important;
  }
  .pl-xl-9 {
    padding-left: 4.5rem !important;
  }
  .pl-xl-10 {
    padding-left: 5rem !important;
  }
  .pl-xl-11 {
    padding-left: 5.5rem !important;
  }
  .pl-xl-12 {
    padding-left: 6rem !important;
  }
  .pl-xl-13 {
    padding-left: 6.5rem !important;
  }
  .pl-xl-14 {
    padding-left: 7rem !important;
  }
  .pl-xl-15 {
    padding-left: 7.5rem !important;
  }
  .pl-xl-16 {
    padding-left: 8rem !important;
  }
  .pl-xl-17 {
    padding-left: 8.5rem !important;
  }
  .pl-xl-18 {
    padding-left: 9rem !important;
  }
  .pl-xl-19 {
    padding-left: 9.5rem !important;
  }
  .pl-xl-20 {
    padding-left: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pl-xxl-0 {
    padding-left: 0rem !important;
  }
  .pl-xxl-1 {
    padding-left: 0.5rem !important;
  }
  .pl-xxl-2 {
    padding-left: 1rem !important;
  }
  .pl-xxl-3 {
    padding-left: 1.5rem !important;
  }
  .pl-xxl-4 {
    padding-left: 2rem !important;
  }
  .pl-xxl-5 {
    padding-left: 2.5rem !important;
  }
  .pl-xxl-6 {
    padding-left: 3rem !important;
  }
  .pl-xxl-7 {
    padding-left: 3.5rem !important;
  }
  .pl-xxl-8 {
    padding-left: 4rem !important;
  }
  .pl-xxl-9 {
    padding-left: 4.5rem !important;
  }
  .pl-xxl-10 {
    padding-left: 5rem !important;
  }
  .pl-xxl-11 {
    padding-left: 5.5rem !important;
  }
  .pl-xxl-12 {
    padding-left: 6rem !important;
  }
  .pl-xxl-13 {
    padding-left: 6.5rem !important;
  }
  .pl-xxl-14 {
    padding-left: 7rem !important;
  }
  .pl-xxl-15 {
    padding-left: 7.5rem !important;
  }
  .pl-xxl-16 {
    padding-left: 8rem !important;
  }
  .pl-xxl-17 {
    padding-left: 8.5rem !important;
  }
  .pl-xxl-18 {
    padding-left: 9rem !important;
  }
  .pl-xxl-19 {
    padding-left: 9.5rem !important;
  }
  .pl-xxl-20 {
    padding-left: 10rem !important;
  }
}
.pr-0 {
  padding-right: 0rem !important;
}

.pr-1 {
  padding-right: 0.5rem !important;
}

.pr-2 {
  padding-right: 1rem !important;
}

.pr-3 {
  padding-right: 1.5rem !important;
}

.pr-4 {
  padding-right: 2rem !important;
}

.pr-5 {
  padding-right: 2.5rem !important;
}

.pr-6 {
  padding-right: 3rem !important;
}

.pr-7 {
  padding-right: 3.5rem !important;
}

.pr-8 {
  padding-right: 4rem !important;
}

.pr-9 {
  padding-right: 4.5rem !important;
}

.pr-10 {
  padding-right: 5rem !important;
}

.pr-11 {
  padding-right: 5.5rem !important;
}

.pr-12 {
  padding-right: 6rem !important;
}

.pr-13 {
  padding-right: 6.5rem !important;
}

.pr-14 {
  padding-right: 7rem !important;
}

.pr-15 {
  padding-right: 7.5rem !important;
}

.pr-16 {
  padding-right: 8rem !important;
}

.pr-17 {
  padding-right: 8.5rem !important;
}

.pr-18 {
  padding-right: 9rem !important;
}

.pr-19 {
  padding-right: 9.5rem !important;
}

.pr-20 {
  padding-right: 10rem !important;
}

@media (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0rem !important;
  }
  .pr-sm-1 {
    padding-right: 0.5rem !important;
  }
  .pr-sm-2 {
    padding-right: 1rem !important;
  }
  .pr-sm-3 {
    padding-right: 1.5rem !important;
  }
  .pr-sm-4 {
    padding-right: 2rem !important;
  }
  .pr-sm-5 {
    padding-right: 2.5rem !important;
  }
  .pr-sm-6 {
    padding-right: 3rem !important;
  }
  .pr-sm-7 {
    padding-right: 3.5rem !important;
  }
  .pr-sm-8 {
    padding-right: 4rem !important;
  }
  .pr-sm-9 {
    padding-right: 4.5rem !important;
  }
  .pr-sm-10 {
    padding-right: 5rem !important;
  }
  .pr-sm-11 {
    padding-right: 5.5rem !important;
  }
  .pr-sm-12 {
    padding-right: 6rem !important;
  }
  .pr-sm-13 {
    padding-right: 6.5rem !important;
  }
  .pr-sm-14 {
    padding-right: 7rem !important;
  }
  .pr-sm-15 {
    padding-right: 7.5rem !important;
  }
  .pr-sm-16 {
    padding-right: 8rem !important;
  }
  .pr-sm-17 {
    padding-right: 8.5rem !important;
  }
  .pr-sm-18 {
    padding-right: 9rem !important;
  }
  .pr-sm-19 {
    padding-right: 9.5rem !important;
  }
  .pr-sm-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0rem !important;
  }
  .pr-md-1 {
    padding-right: 0.5rem !important;
  }
  .pr-md-2 {
    padding-right: 1rem !important;
  }
  .pr-md-3 {
    padding-right: 1.5rem !important;
  }
  .pr-md-4 {
    padding-right: 2rem !important;
  }
  .pr-md-5 {
    padding-right: 2.5rem !important;
  }
  .pr-md-6 {
    padding-right: 3rem !important;
  }
  .pr-md-7 {
    padding-right: 3.5rem !important;
  }
  .pr-md-8 {
    padding-right: 4rem !important;
  }
  .pr-md-9 {
    padding-right: 4.5rem !important;
  }
  .pr-md-10 {
    padding-right: 5rem !important;
  }
  .pr-md-11 {
    padding-right: 5.5rem !important;
  }
  .pr-md-12 {
    padding-right: 6rem !important;
  }
  .pr-md-13 {
    padding-right: 6.5rem !important;
  }
  .pr-md-14 {
    padding-right: 7rem !important;
  }
  .pr-md-15 {
    padding-right: 7.5rem !important;
  }
  .pr-md-16 {
    padding-right: 8rem !important;
  }
  .pr-md-17 {
    padding-right: 8.5rem !important;
  }
  .pr-md-18 {
    padding-right: 9rem !important;
  }
  .pr-md-19 {
    padding-right: 9.5rem !important;
  }
  .pr-md-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0rem !important;
  }
  .pr-lg-1 {
    padding-right: 0.5rem !important;
  }
  .pr-lg-2 {
    padding-right: 1rem !important;
  }
  .pr-lg-3 {
    padding-right: 1.5rem !important;
  }
  .pr-lg-4 {
    padding-right: 2rem !important;
  }
  .pr-lg-5 {
    padding-right: 2.5rem !important;
  }
  .pr-lg-6 {
    padding-right: 3rem !important;
  }
  .pr-lg-7 {
    padding-right: 3.5rem !important;
  }
  .pr-lg-8 {
    padding-right: 4rem !important;
  }
  .pr-lg-9 {
    padding-right: 4.5rem !important;
  }
  .pr-lg-10 {
    padding-right: 5rem !important;
  }
  .pr-lg-11 {
    padding-right: 5.5rem !important;
  }
  .pr-lg-12 {
    padding-right: 6rem !important;
  }
  .pr-lg-13 {
    padding-right: 6.5rem !important;
  }
  .pr-lg-14 {
    padding-right: 7rem !important;
  }
  .pr-lg-15 {
    padding-right: 7.5rem !important;
  }
  .pr-lg-16 {
    padding-right: 8rem !important;
  }
  .pr-lg-17 {
    padding-right: 8.5rem !important;
  }
  .pr-lg-18 {
    padding-right: 9rem !important;
  }
  .pr-lg-19 {
    padding-right: 9.5rem !important;
  }
  .pr-lg-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .pr-xl-0 {
    padding-right: 0rem !important;
  }
  .pr-xl-1 {
    padding-right: 0.5rem !important;
  }
  .pr-xl-2 {
    padding-right: 1rem !important;
  }
  .pr-xl-3 {
    padding-right: 1.5rem !important;
  }
  .pr-xl-4 {
    padding-right: 2rem !important;
  }
  .pr-xl-5 {
    padding-right: 2.5rem !important;
  }
  .pr-xl-6 {
    padding-right: 3rem !important;
  }
  .pr-xl-7 {
    padding-right: 3.5rem !important;
  }
  .pr-xl-8 {
    padding-right: 4rem !important;
  }
  .pr-xl-9 {
    padding-right: 4.5rem !important;
  }
  .pr-xl-10 {
    padding-right: 5rem !important;
  }
  .pr-xl-11 {
    padding-right: 5.5rem !important;
  }
  .pr-xl-12 {
    padding-right: 6rem !important;
  }
  .pr-xl-13 {
    padding-right: 6.5rem !important;
  }
  .pr-xl-14 {
    padding-right: 7rem !important;
  }
  .pr-xl-15 {
    padding-right: 7.5rem !important;
  }
  .pr-xl-16 {
    padding-right: 8rem !important;
  }
  .pr-xl-17 {
    padding-right: 8.5rem !important;
  }
  .pr-xl-18 {
    padding-right: 9rem !important;
  }
  .pr-xl-19 {
    padding-right: 9.5rem !important;
  }
  .pr-xl-20 {
    padding-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .pr-xxl-0 {
    padding-right: 0rem !important;
  }
  .pr-xxl-1 {
    padding-right: 0.5rem !important;
  }
  .pr-xxl-2 {
    padding-right: 1rem !important;
  }
  .pr-xxl-3 {
    padding-right: 1.5rem !important;
  }
  .pr-xxl-4 {
    padding-right: 2rem !important;
  }
  .pr-xxl-5 {
    padding-right: 2.5rem !important;
  }
  .pr-xxl-6 {
    padding-right: 3rem !important;
  }
  .pr-xxl-7 {
    padding-right: 3.5rem !important;
  }
  .pr-xxl-8 {
    padding-right: 4rem !important;
  }
  .pr-xxl-9 {
    padding-right: 4.5rem !important;
  }
  .pr-xxl-10 {
    padding-right: 5rem !important;
  }
  .pr-xxl-11 {
    padding-right: 5.5rem !important;
  }
  .pr-xxl-12 {
    padding-right: 6rem !important;
  }
  .pr-xxl-13 {
    padding-right: 6.5rem !important;
  }
  .pr-xxl-14 {
    padding-right: 7rem !important;
  }
  .pr-xxl-15 {
    padding-right: 7.5rem !important;
  }
  .pr-xxl-16 {
    padding-right: 8rem !important;
  }
  .pr-xxl-17 {
    padding-right: 8.5rem !important;
  }
  .pr-xxl-18 {
    padding-right: 9rem !important;
  }
  .pr-xxl-19 {
    padding-right: 9.5rem !important;
  }
  .pr-xxl-20 {
    padding-right: 10rem !important;
  }
}
.px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}

.px-1 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.px-2 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.px-3 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.px-4 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.px-5 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}

.px-6 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.px-7 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}

.px-8 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}

.px-9 {
  padding-left: 4.5rem !important;
  padding-right: 4.5rem !important;
}

.px-10 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}

.px-11 {
  padding-left: 5.5rem !important;
  padding-right: 5.5rem !important;
}

.px-12 {
  padding-left: 6rem !important;
  padding-right: 6rem !important;
}

.px-13 {
  padding-left: 6.5rem !important;
  padding-right: 6.5rem !important;
}

.px-14 {
  padding-left: 7rem !important;
  padding-right: 7rem !important;
}

.px-15 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}

.px-16 {
  padding-left: 8rem !important;
  padding-right: 8rem !important;
}

.px-17 {
  padding-left: 8.5rem !important;
  padding-right: 8.5rem !important;
}

.px-18 {
  padding-left: 9rem !important;
  padding-right: 9rem !important;
}

.px-19 {
  padding-left: 9.5rem !important;
  padding-right: 9.5rem !important;
}

.px-20 {
  padding-left: 10rem !important;
  padding-right: 10rem !important;
}

@media (min-width: 576px) {
  .px-sm-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-sm-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-sm-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-sm-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-sm-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-sm-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-sm-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-sm-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-sm-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-sm-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-sm-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-sm-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-sm-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-sm-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-sm-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-sm-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-sm-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-sm-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-sm-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-sm-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-sm-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 768px) {
  .px-md-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-md-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-md-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-md-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-md-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-md-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-md-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-md-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-md-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-md-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-md-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-md-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-md-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-md-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-md-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-md-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-md-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-md-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-md-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-md-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-md-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 992px) {
  .px-lg-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-lg-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-lg-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-lg-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-lg-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-lg-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-lg-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-lg-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-lg-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-lg-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-lg-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-lg-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-lg-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-lg-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-lg-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-lg-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-lg-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-lg-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-lg-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-lg-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-lg-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .px-xl-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-xl-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xl-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xl-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xl-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-xl-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-xl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-xl-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-xl-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-xl-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-xl-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-xl-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-xl-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xl-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-xl-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-xl-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-xl-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-xl-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-xl-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-xl-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-xl-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .px-xxl-0 {
    padding-left: 0rem !important;
    padding-right: 0rem !important;
  }
  .px-xxl-1 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .px-xxl-2 {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
  .px-xxl-3 {
    padding-left: 1.5rem !important;
    padding-right: 1.5rem !important;
  }
  .px-xxl-4 {
    padding-left: 2rem !important;
    padding-right: 2rem !important;
  }
  .px-xxl-5 {
    padding-left: 2.5rem !important;
    padding-right: 2.5rem !important;
  }
  .px-xxl-6 {
    padding-left: 3rem !important;
    padding-right: 3rem !important;
  }
  .px-xxl-7 {
    padding-left: 3.5rem !important;
    padding-right: 3.5rem !important;
  }
  .px-xxl-8 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
  }
  .px-xxl-9 {
    padding-left: 4.5rem !important;
    padding-right: 4.5rem !important;
  }
  .px-xxl-10 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
  }
  .px-xxl-11 {
    padding-left: 5.5rem !important;
    padding-right: 5.5rem !important;
  }
  .px-xxl-12 {
    padding-left: 6rem !important;
    padding-right: 6rem !important;
  }
  .px-xxl-13 {
    padding-left: 6.5rem !important;
    padding-right: 6.5rem !important;
  }
  .px-xxl-14 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
  }
  .px-xxl-15 {
    padding-left: 7.5rem !important;
    padding-right: 7.5rem !important;
  }
  .px-xxl-16 {
    padding-left: 8rem !important;
    padding-right: 8rem !important;
  }
  .px-xxl-17 {
    padding-left: 8.5rem !important;
    padding-right: 8.5rem !important;
  }
  .px-xxl-18 {
    padding-left: 9rem !important;
    padding-right: 9rem !important;
  }
  .px-xxl-19 {
    padding-left: 9.5rem !important;
    padding-right: 9.5rem !important;
  }
  .px-xxl-20 {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
  }
}
.py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.py-1 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-2 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-3 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-4 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}

.py-5 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.py-6 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.py-7 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.py-8 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.py-9 {
  padding-top: 4.5rem !important;
  padding-bottom: 4.5rem !important;
}

.py-10 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}

.py-11 {
  padding-top: 5.5rem !important;
  padding-bottom: 5.5rem !important;
}

.py-12 {
  padding-top: 6rem !important;
  padding-bottom: 6rem !important;
}

.py-13 {
  padding-top: 6.5rem !important;
  padding-bottom: 6.5rem !important;
}

.py-14 {
  padding-top: 7rem !important;
  padding-bottom: 7rem !important;
}

.py-15 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}

.py-16 {
  padding-top: 8rem !important;
  padding-bottom: 8rem !important;
}

.py-17 {
  padding-top: 8.5rem !important;
  padding-bottom: 8.5rem !important;
}

.py-18 {
  padding-top: 9rem !important;
  padding-bottom: 9rem !important;
}

.py-19 {
  padding-top: 9.5rem !important;
  padding-bottom: 9.5rem !important;
}

.py-20 {
  padding-top: 10rem !important;
  padding-bottom: 10rem !important;
}

@media (min-width: 576px) {
  .py-sm-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-sm-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-sm-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-sm-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-sm-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-sm-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-sm-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-sm-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-sm-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-sm-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-sm-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-sm-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-sm-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-sm-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-sm-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-sm-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-sm-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-sm-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 768px) {
  .py-md-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-md-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-md-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-md-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-md-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-md-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-md-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-md-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-md-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-md-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-md-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-md-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-md-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-md-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-md-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-md-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-md-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-md-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 992px) {
  .py-lg-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-lg-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-lg-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-lg-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-lg-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-lg-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-lg-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-lg-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-lg-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-lg-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-lg-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-lg-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-lg-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-lg-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-lg-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-lg-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-lg-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-lg-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .py-xl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-xl-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xl-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-xl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xl-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xl-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xl-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xl-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xl-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xl-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xl-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-xl-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xl-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-xl-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-xl-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-xl-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-xl-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-xl-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .py-xxl-0 {
    padding-top: 0rem !important;
    padding-bottom: 0rem !important;
  }
  .py-xxl-1 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-2 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-3 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-4 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .py-xxl-5 {
    padding-top: 2.5rem !important;
    padding-bottom: 2.5rem !important;
  }
  .py-xxl-6 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .py-xxl-7 {
    padding-top: 3.5rem !important;
    padding-bottom: 3.5rem !important;
  }
  .py-xxl-8 {
    padding-top: 4rem !important;
    padding-bottom: 4rem !important;
  }
  .py-xxl-9 {
    padding-top: 4.5rem !important;
    padding-bottom: 4.5rem !important;
  }
  .py-xxl-10 {
    padding-top: 5rem !important;
    padding-bottom: 5rem !important;
  }
  .py-xxl-11 {
    padding-top: 5.5rem !important;
    padding-bottom: 5.5rem !important;
  }
  .py-xxl-12 {
    padding-top: 6rem !important;
    padding-bottom: 6rem !important;
  }
  .py-xxl-13 {
    padding-top: 6.5rem !important;
    padding-bottom: 6.5rem !important;
  }
  .py-xxl-14 {
    padding-top: 7rem !important;
    padding-bottom: 7rem !important;
  }
  .py-xxl-15 {
    padding-top: 7.5rem !important;
    padding-bottom: 7.5rem !important;
  }
  .py-xxl-16 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important;
  }
  .py-xxl-17 {
    padding-top: 8.5rem !important;
    padding-bottom: 8.5rem !important;
  }
  .py-xxl-18 {
    padding-top: 9rem !important;
    padding-bottom: 9rem !important;
  }
  .py-xxl-19 {
    padding-top: 9.5rem !important;
    padding-bottom: 9.5rem !important;
  }
  .py-xxl-20 {
    padding-top: 10rem !important;
    padding-bottom: 10rem !important;
  }
}
/* ## DISPLAY
***********************************************/
.d-none {
  display: none !important;
}

.d-block {
  display: block !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-flex {
  display: flex !important;
}

.d-grid {
  display: grid !important;
}

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
}
@media (min-width: 768px) {
  .d-md-none {
    display: none !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-grid {
    display: grid !important;
  }
}
@media (min-width: 992px) {
  .d-lg-none {
    display: none !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
}
@media (min-width: 1200px) {
  .d-xl-none {
    display: none !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
}
@media (min-width: 1400px) {
  .d-xxl-none {
    display: none !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
}
/* ## DISPLAY FLEX
***********************************************/
.flex-row {
  flex-direction: row !important;
}

.flex-column {
  flex-direction: column !important;
}

.flex-wrap {
  flex-wrap: wrap !important;
}

/* Justify */
.justify-start {
  justify-content: flex-start !important;
}

.justify-center {
  justify-content: center !important;
}

.justify-end {
  justify-content: flex-end !important;
}

.justify-between {
  justify-content: space-between !important;
}

/* Align */
.align-start {
  align-items: flex-start !important;
}

.align-center {
  align-items: center !important;
}

.align-end {
  align-items: flex-end !important;
}

@media (min-width: 576px) {
  .justify-sm-start {
    justify-content: flex-start !important;
  }
  .justify-sm-center {
    justify-content: center !important;
  }
  .justify-sm-end {
    justify-content: flex-end !important;
  }
  .justify-sm-between {
    justify-content: space-between !important;
  }
  .align-sm-start {
    align-items: flex-start !important;
  }
  .align-sm-center {
    align-items: center !important;
  }
  .align-sm-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 768px) {
  .justify-md-start {
    justify-content: flex-start !important;
  }
  .justify-md-center {
    justify-content: center !important;
  }
  .justify-md-end {
    justify-content: flex-end !important;
  }
  .justify-md-between {
    justify-content: space-between !important;
  }
  .align-md-start {
    align-items: flex-start !important;
  }
  .align-md-center {
    align-items: center !important;
  }
  .align-md-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 992px) {
  .justify-lg-start {
    justify-content: flex-start !important;
  }
  .justify-lg-center {
    justify-content: center !important;
  }
  .justify-lg-end {
    justify-content: flex-end !important;
  }
  .justify-lg-between {
    justify-content: space-between !important;
  }
  .align-lg-start {
    align-items: flex-start !important;
  }
  .align-lg-center {
    align-items: center !important;
  }
  .align-lg-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1200px) {
  .justify-xl-start {
    justify-content: flex-start !important;
  }
  .justify-xl-center {
    justify-content: center !important;
  }
  .justify-xl-end {
    justify-content: flex-end !important;
  }
  .justify-xl-between {
    justify-content: space-between !important;
  }
  .align-xl-start {
    align-items: flex-start !important;
  }
  .align-xl-center {
    align-items: center !important;
  }
  .align-xl-end {
    align-items: flex-end !important;
  }
}
@media (min-width: 1400px) {
  .justify-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-xxl-center {
    justify-content: center !important;
  }
  .justify-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-xxl-between {
    justify-content: space-between !important;
  }
  .align-xxl-start {
    align-items: flex-start !important;
  }
  .align-xxl-center {
    align-items: center !important;
  }
  .align-xxl-end {
    align-items: flex-end !important;
  }
}
/* ## GRID SYSTEM (Bootstrap風)
***********************************************/
.row {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}

.col-1 {
  grid-column: span 1;
}

.col-2 {
  grid-column: span 2;
}

.col-3 {
  grid-column: span 3;
}

.col-4 {
  grid-column: span 4;
}

.col-5 {
  grid-column: span 5;
}

.col-6 {
  grid-column: span 6;
}

.col-7 {
  grid-column: span 7;
}

.col-8 {
  grid-column: span 8;
}

.col-9 {
  grid-column: span 9;
}

.col-10 {
  grid-column: span 10;
}

.col-11 {
  grid-column: span 11;
}

.col-12 {
  grid-column: span 12;
}

@media (min-width: 576px) {
  .col-sm-1 {
    grid-column: span 1;
  }
  .col-sm-2 {
    grid-column: span 2;
  }
  .col-sm-3 {
    grid-column: span 3;
  }
  .col-sm-4 {
    grid-column: span 4;
  }
  .col-sm-5 {
    grid-column: span 5;
  }
  .col-sm-6 {
    grid-column: span 6;
  }
  .col-sm-7 {
    grid-column: span 7;
  }
  .col-sm-8 {
    grid-column: span 8;
  }
  .col-sm-9 {
    grid-column: span 9;
  }
  .col-sm-10 {
    grid-column: span 10;
  }
  .col-sm-11 {
    grid-column: span 11;
  }
  .col-sm-12 {
    grid-column: span 12;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    grid-column: span 1;
  }
  .col-md-2 {
    grid-column: span 2;
  }
  .col-md-3 {
    grid-column: span 3;
  }
  .col-md-4 {
    grid-column: span 4;
  }
  .col-md-5 {
    grid-column: span 5;
  }
  .col-md-6 {
    grid-column: span 6;
  }
  .col-md-7 {
    grid-column: span 7;
  }
  .col-md-8 {
    grid-column: span 8;
  }
  .col-md-9 {
    grid-column: span 9;
  }
  .col-md-10 {
    grid-column: span 10;
  }
  .col-md-11 {
    grid-column: span 11;
  }
  .col-md-12 {
    grid-column: span 12;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    grid-column: span 1;
  }
  .col-lg-2 {
    grid-column: span 2;
  }
  .col-lg-3 {
    grid-column: span 3;
  }
  .col-lg-4 {
    grid-column: span 4;
  }
  .col-lg-5 {
    grid-column: span 5;
  }
  .col-lg-6 {
    grid-column: span 6;
  }
  .col-lg-7 {
    grid-column: span 7;
  }
  .col-lg-8 {
    grid-column: span 8;
  }
  .col-lg-9 {
    grid-column: span 9;
  }
  .col-lg-10 {
    grid-column: span 10;
  }
  .col-lg-11 {
    grid-column: span 11;
  }
  .col-lg-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    grid-column: span 1;
  }
  .col-xl-2 {
    grid-column: span 2;
  }
  .col-xl-3 {
    grid-column: span 3;
  }
  .col-xl-4 {
    grid-column: span 4;
  }
  .col-xl-5 {
    grid-column: span 5;
  }
  .col-xl-6 {
    grid-column: span 6;
  }
  .col-xl-7 {
    grid-column: span 7;
  }
  .col-xl-8 {
    grid-column: span 8;
  }
  .col-xl-9 {
    grid-column: span 9;
  }
  .col-xl-10 {
    grid-column: span 10;
  }
  .col-xl-11 {
    grid-column: span 11;
  }
  .col-xl-12 {
    grid-column: span 12;
  }
}
@media (min-width: 1400px) {
  .col-xxl-1 {
    grid-column: span 1;
  }
  .col-xxl-2 {
    grid-column: span 2;
  }
  .col-xxl-3 {
    grid-column: span 3;
  }
  .col-xxl-4 {
    grid-column: span 4;
  }
  .col-xxl-5 {
    grid-column: span 5;
  }
  .col-xxl-6 {
    grid-column: span 6;
  }
  .col-xxl-7 {
    grid-column: span 7;
  }
  .col-xxl-8 {
    grid-column: span 8;
  }
  .col-xxl-9 {
    grid-column: span 9;
  }
  .col-xxl-10 {
    grid-column: span 10;
  }
  .col-xxl-11 {
    grid-column: span 11;
  }
  .col-xxl-12 {
    grid-column: span 12;
  }
}
.col-auto {
  grid-column: auto;
}

@media (min-width: 576px) {
  .col-sm-auto {
    grid-column: auto;
  }
}
@media (min-width: 768px) {
  .col-md-auto {
    grid-column: auto;
  }
}
@media (min-width: 992px) {
  .col-lg-auto {
    grid-column: auto;
  }
}
@media (min-width: 1200px) {
  .col-xl-auto {
    grid-column: auto;
  }
}
@media (min-width: 1400px) {
  .col-xxl-auto {
    grid-column: auto;
  }
}
/* ## OFFSET (grid-column-start)
***********************************************/
.offset-1 {
  grid-column-start: 2;
}

.offset-2 {
  grid-column-start: 3;
}

.offset-3 {
  grid-column-start: 4;
}

.offset-4 {
  grid-column-start: 5;
}

.offset-5 {
  grid-column-start: 6;
}

.offset-6 {
  grid-column-start: 7;
}

.offset-7 {
  grid-column-start: 8;
}

.offset-8 {
  grid-column-start: 9;
}

.offset-9 {
  grid-column-start: 10;
}

.offset-10 {
  grid-column-start: 11;
}

.offset-11 {
  grid-column-start: 12;
}

@media (min-width: 576px) {
  .offset-sm-1 {
    grid-column-start: 2;
  }
  .offset-sm-2 {
    grid-column-start: 3;
  }
  .offset-sm-3 {
    grid-column-start: 4;
  }
  .offset-sm-4 {
    grid-column-start: 5;
  }
  .offset-sm-5 {
    grid-column-start: 6;
  }
  .offset-sm-6 {
    grid-column-start: 7;
  }
  .offset-sm-7 {
    grid-column-start: 8;
  }
  .offset-sm-8 {
    grid-column-start: 9;
  }
  .offset-sm-9 {
    grid-column-start: 10;
  }
  .offset-sm-10 {
    grid-column-start: 11;
  }
  .offset-sm-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 768px) {
  .offset-md-1 {
    grid-column-start: 2;
  }
  .offset-md-2 {
    grid-column-start: 3;
  }
  .offset-md-3 {
    grid-column-start: 4;
  }
  .offset-md-4 {
    grid-column-start: 5;
  }
  .offset-md-5 {
    grid-column-start: 6;
  }
  .offset-md-6 {
    grid-column-start: 7;
  }
  .offset-md-7 {
    grid-column-start: 8;
  }
  .offset-md-8 {
    grid-column-start: 9;
  }
  .offset-md-9 {
    grid-column-start: 10;
  }
  .offset-md-10 {
    grid-column-start: 11;
  }
  .offset-md-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 992px) {
  .offset-lg-1 {
    grid-column-start: 2;
  }
  .offset-lg-2 {
    grid-column-start: 3;
  }
  .offset-lg-3 {
    grid-column-start: 4;
  }
  .offset-lg-4 {
    grid-column-start: 5;
  }
  .offset-lg-5 {
    grid-column-start: 6;
  }
  .offset-lg-6 {
    grid-column-start: 7;
  }
  .offset-lg-7 {
    grid-column-start: 8;
  }
  .offset-lg-8 {
    grid-column-start: 9;
  }
  .offset-lg-9 {
    grid-column-start: 10;
  }
  .offset-lg-10 {
    grid-column-start: 11;
  }
  .offset-lg-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1200px) {
  .offset-xl-1 {
    grid-column-start: 2;
  }
  .offset-xl-2 {
    grid-column-start: 3;
  }
  .offset-xl-3 {
    grid-column-start: 4;
  }
  .offset-xl-4 {
    grid-column-start: 5;
  }
  .offset-xl-5 {
    grid-column-start: 6;
  }
  .offset-xl-6 {
    grid-column-start: 7;
  }
  .offset-xl-7 {
    grid-column-start: 8;
  }
  .offset-xl-8 {
    grid-column-start: 9;
  }
  .offset-xl-9 {
    grid-column-start: 10;
  }
  .offset-xl-10 {
    grid-column-start: 11;
  }
  .offset-xl-11 {
    grid-column-start: 12;
  }
}
@media (min-width: 1400px) {
  .offset-xxl-1 {
    grid-column-start: 2;
  }
  .offset-xxl-2 {
    grid-column-start: 3;
  }
  .offset-xxl-3 {
    grid-column-start: 4;
  }
  .offset-xxl-4 {
    grid-column-start: 5;
  }
  .offset-xxl-5 {
    grid-column-start: 6;
  }
  .offset-xxl-6 {
    grid-column-start: 7;
  }
  .offset-xxl-7 {
    grid-column-start: 8;
  }
  .offset-xxl-8 {
    grid-column-start: 9;
  }
  .offset-xxl-9 {
    grid-column-start: 10;
  }
  .offset-xxl-10 {
    grid-column-start: 11;
  }
  .offset-xxl-11 {
    grid-column-start: 12;
  }
}
/* ## ORDER
***********************************************/
.order-1 {
  order: 1;
}

.order-2 {
  order: 2;
}

.order-3 {
  order: 3;
}

.order-4 {
  order: 4;
}

.order-5 {
  order: 5;
}

.order-6 {
  order: 6;
}

.order-7 {
  order: 7;
}

.order-8 {
  order: 8;
}

.order-9 {
  order: 9;
}

.order-10 {
  order: 10;
}

.order-11 {
  order: 11;
}

.order-12 {
  order: 12;
}

.order-first {
  order: -1;
}

.order-last {
  order: 999;
}

@media (min-width: 576px) {
  .order-sm-1 {
    order: 1;
  }
  .order-sm-2 {
    order: 2;
  }
  .order-sm-3 {
    order: 3;
  }
  .order-sm-4 {
    order: 4;
  }
  .order-sm-5 {
    order: 5;
  }
  .order-sm-6 {
    order: 6;
  }
  .order-sm-7 {
    order: 7;
  }
  .order-sm-8 {
    order: 8;
  }
  .order-sm-9 {
    order: 9;
  }
  .order-sm-10 {
    order: 10;
  }
  .order-sm-11 {
    order: 11;
  }
  .order-sm-12 {
    order: 12;
  }
  .order-sm-first {
    order: -1;
  }
  .order-sm-last {
    order: 999;
  }
}
@media (min-width: 768px) {
  .order-md-1 {
    order: 1;
  }
  .order-md-2 {
    order: 2;
  }
  .order-md-3 {
    order: 3;
  }
  .order-md-4 {
    order: 4;
  }
  .order-md-5 {
    order: 5;
  }
  .order-md-6 {
    order: 6;
  }
  .order-md-7 {
    order: 7;
  }
  .order-md-8 {
    order: 8;
  }
  .order-md-9 {
    order: 9;
  }
  .order-md-10 {
    order: 10;
  }
  .order-md-11 {
    order: 11;
  }
  .order-md-12 {
    order: 12;
  }
  .order-md-first {
    order: -1;
  }
  .order-md-last {
    order: 999;
  }
}
@media (min-width: 992px) {
  .order-lg-1 {
    order: 1;
  }
  .order-lg-2 {
    order: 2;
  }
  .order-lg-3 {
    order: 3;
  }
  .order-lg-4 {
    order: 4;
  }
  .order-lg-5 {
    order: 5;
  }
  .order-lg-6 {
    order: 6;
  }
  .order-lg-7 {
    order: 7;
  }
  .order-lg-8 {
    order: 8;
  }
  .order-lg-9 {
    order: 9;
  }
  .order-lg-10 {
    order: 10;
  }
  .order-lg-11 {
    order: 11;
  }
  .order-lg-12 {
    order: 12;
  }
  .order-lg-first {
    order: -1;
  }
  .order-lg-last {
    order: 999;
  }
}
@media (min-width: 1200px) {
  .order-xl-1 {
    order: 1;
  }
  .order-xl-2 {
    order: 2;
  }
  .order-xl-3 {
    order: 3;
  }
  .order-xl-4 {
    order: 4;
  }
  .order-xl-5 {
    order: 5;
  }
  .order-xl-6 {
    order: 6;
  }
  .order-xl-7 {
    order: 7;
  }
  .order-xl-8 {
    order: 8;
  }
  .order-xl-9 {
    order: 9;
  }
  .order-xl-10 {
    order: 10;
  }
  .order-xl-11 {
    order: 11;
  }
  .order-xl-12 {
    order: 12;
  }
  .order-xl-first {
    order: -1;
  }
  .order-xl-last {
    order: 999;
  }
}
@media (min-width: 1400px) {
  .order-xxl-1 {
    order: 1;
  }
  .order-xxl-2 {
    order: 2;
  }
  .order-xxl-3 {
    order: 3;
  }
  .order-xxl-4 {
    order: 4;
  }
  .order-xxl-5 {
    order: 5;
  }
  .order-xxl-6 {
    order: 6;
  }
  .order-xxl-7 {
    order: 7;
  }
  .order-xxl-8 {
    order: 8;
  }
  .order-xxl-9 {
    order: 9;
  }
  .order-xxl-10 {
    order: 10;
  }
  .order-xxl-11 {
    order: 11;
  }
  .order-xxl-12 {
    order: 12;
  }
  .order-xxl-first {
    order: -1;
  }
  .order-xxl-last {
    order: 999;
  }
}
/* ## GAP UTILITY (for grid & flex)
***********************************************/
.gap-0 {
  gap: 0rem !important;
}

.gap-y-0,
.row-gap-0 {
  row-gap: 0rem !important;
}

.gap-x-0,
.col-gap-0 {
  column-gap: 0rem !important;
}

@media (min-width: 576px) {
  .gap-sm-0 {
    gap: 0rem !important;
  }
  .gap-x-sm-0 {
    column-gap: 0rem !important;
  }
  .gap-y-sm-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-0 {
    gap: 0rem !important;
  }
  .gap-x-md-0 {
    column-gap: 0rem !important;
  }
  .gap-y-md-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-0 {
    gap: 0rem !important;
  }
  .gap-x-lg-0 {
    column-gap: 0rem !important;
  }
  .gap-y-lg-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-0 {
    gap: 0rem !important;
  }
  .gap-x-xl-0 {
    column-gap: 0rem !important;
  }
  .gap-y-xl-0 {
    row-gap: 0rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-0 {
    gap: 0rem !important;
  }
  .gap-x-xxl-0 {
    column-gap: 0rem !important;
  }
  .gap-y-xxl-0 {
    row-gap: 0rem !important;
  }
}
.gap-1 {
  gap: 0.5rem !important;
}

.gap-y-1,
.row-gap-1 {
  row-gap: 0.5rem !important;
}

.gap-x-1,
.col-gap-1 {
  column-gap: 0.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-1 {
    gap: 0.5rem !important;
  }
  .gap-x-sm-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-sm-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-1 {
    gap: 0.5rem !important;
  }
  .gap-x-md-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-md-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-1 {
    gap: 0.5rem !important;
  }
  .gap-x-lg-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-lg-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-1 {
    gap: 0.5rem !important;
  }
  .gap-x-xl-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-xl-1 {
    row-gap: 0.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-1 {
    gap: 0.5rem !important;
  }
  .gap-x-xxl-1 {
    column-gap: 0.5rem !important;
  }
  .gap-y-xxl-1 {
    row-gap: 0.5rem !important;
  }
}
.gap-2 {
  gap: 1rem !important;
}

.gap-y-2,
.row-gap-2 {
  row-gap: 1rem !important;
}

.gap-x-2,
.col-gap-2 {
  column-gap: 1rem !important;
}

@media (min-width: 576px) {
  .gap-sm-2 {
    gap: 1rem !important;
  }
  .gap-x-sm-2 {
    column-gap: 1rem !important;
  }
  .gap-y-sm-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-2 {
    gap: 1rem !important;
  }
  .gap-x-md-2 {
    column-gap: 1rem !important;
  }
  .gap-y-md-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-2 {
    gap: 1rem !important;
  }
  .gap-x-lg-2 {
    column-gap: 1rem !important;
  }
  .gap-y-lg-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-2 {
    gap: 1rem !important;
  }
  .gap-x-xl-2 {
    column-gap: 1rem !important;
  }
  .gap-y-xl-2 {
    row-gap: 1rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-2 {
    gap: 1rem !important;
  }
  .gap-x-xxl-2 {
    column-gap: 1rem !important;
  }
  .gap-y-xxl-2 {
    row-gap: 1rem !important;
  }
}
.gap-3 {
  gap: 1.5rem !important;
}

.gap-y-3,
.row-gap-3 {
  row-gap: 1.5rem !important;
}

.gap-x-3,
.col-gap-3 {
  column-gap: 1.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-3 {
    gap: 1.5rem !important;
  }
  .gap-x-sm-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-sm-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-3 {
    gap: 1.5rem !important;
  }
  .gap-x-md-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-md-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-3 {
    gap: 1.5rem !important;
  }
  .gap-x-lg-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-lg-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-3 {
    gap: 1.5rem !important;
  }
  .gap-x-xl-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-xl-3 {
    row-gap: 1.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-3 {
    gap: 1.5rem !important;
  }
  .gap-x-xxl-3 {
    column-gap: 1.5rem !important;
  }
  .gap-y-xxl-3 {
    row-gap: 1.5rem !important;
  }
}
.gap-4 {
  gap: 2rem !important;
}

.gap-y-4,
.row-gap-4 {
  row-gap: 2rem !important;
}

.gap-x-4,
.col-gap-4 {
  column-gap: 2rem !important;
}

@media (min-width: 576px) {
  .gap-sm-4 {
    gap: 2rem !important;
  }
  .gap-x-sm-4 {
    column-gap: 2rem !important;
  }
  .gap-y-sm-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-4 {
    gap: 2rem !important;
  }
  .gap-x-md-4 {
    column-gap: 2rem !important;
  }
  .gap-y-md-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-4 {
    gap: 2rem !important;
  }
  .gap-x-lg-4 {
    column-gap: 2rem !important;
  }
  .gap-y-lg-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-4 {
    gap: 2rem !important;
  }
  .gap-x-xl-4 {
    column-gap: 2rem !important;
  }
  .gap-y-xl-4 {
    row-gap: 2rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-4 {
    gap: 2rem !important;
  }
  .gap-x-xxl-4 {
    column-gap: 2rem !important;
  }
  .gap-y-xxl-4 {
    row-gap: 2rem !important;
  }
}
.gap-5 {
  gap: 2.5rem !important;
}

.gap-y-5,
.row-gap-5 {
  row-gap: 2.5rem !important;
}

.gap-x-5,
.col-gap-5 {
  column-gap: 2.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-5 {
    gap: 2.5rem !important;
  }
  .gap-x-sm-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-sm-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-5 {
    gap: 2.5rem !important;
  }
  .gap-x-md-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-md-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-5 {
    gap: 2.5rem !important;
  }
  .gap-x-lg-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-lg-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-5 {
    gap: 2.5rem !important;
  }
  .gap-x-xl-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-xl-5 {
    row-gap: 2.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-5 {
    gap: 2.5rem !important;
  }
  .gap-x-xxl-5 {
    column-gap: 2.5rem !important;
  }
  .gap-y-xxl-5 {
    row-gap: 2.5rem !important;
  }
}
.gap-6 {
  gap: 3rem !important;
}

.gap-y-6,
.row-gap-6 {
  row-gap: 3rem !important;
}

.gap-x-6,
.col-gap-6 {
  column-gap: 3rem !important;
}

@media (min-width: 576px) {
  .gap-sm-6 {
    gap: 3rem !important;
  }
  .gap-x-sm-6 {
    column-gap: 3rem !important;
  }
  .gap-y-sm-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-6 {
    gap: 3rem !important;
  }
  .gap-x-md-6 {
    column-gap: 3rem !important;
  }
  .gap-y-md-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-6 {
    gap: 3rem !important;
  }
  .gap-x-lg-6 {
    column-gap: 3rem !important;
  }
  .gap-y-lg-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-6 {
    gap: 3rem !important;
  }
  .gap-x-xl-6 {
    column-gap: 3rem !important;
  }
  .gap-y-xl-6 {
    row-gap: 3rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-6 {
    gap: 3rem !important;
  }
  .gap-x-xxl-6 {
    column-gap: 3rem !important;
  }
  .gap-y-xxl-6 {
    row-gap: 3rem !important;
  }
}
.gap-7 {
  gap: 3.5rem !important;
}

.gap-y-7,
.row-gap-7 {
  row-gap: 3.5rem !important;
}

.gap-x-7,
.col-gap-7 {
  column-gap: 3.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-7 {
    gap: 3.5rem !important;
  }
  .gap-x-sm-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-sm-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-7 {
    gap: 3.5rem !important;
  }
  .gap-x-md-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-md-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-7 {
    gap: 3.5rem !important;
  }
  .gap-x-lg-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-lg-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-7 {
    gap: 3.5rem !important;
  }
  .gap-x-xl-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-xl-7 {
    row-gap: 3.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-7 {
    gap: 3.5rem !important;
  }
  .gap-x-xxl-7 {
    column-gap: 3.5rem !important;
  }
  .gap-y-xxl-7 {
    row-gap: 3.5rem !important;
  }
}
.gap-8 {
  gap: 4rem !important;
}

.gap-y-8,
.row-gap-8 {
  row-gap: 4rem !important;
}

.gap-x-8,
.col-gap-8 {
  column-gap: 4rem !important;
}

@media (min-width: 576px) {
  .gap-sm-8 {
    gap: 4rem !important;
  }
  .gap-x-sm-8 {
    column-gap: 4rem !important;
  }
  .gap-y-sm-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-8 {
    gap: 4rem !important;
  }
  .gap-x-md-8 {
    column-gap: 4rem !important;
  }
  .gap-y-md-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-8 {
    gap: 4rem !important;
  }
  .gap-x-lg-8 {
    column-gap: 4rem !important;
  }
  .gap-y-lg-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-8 {
    gap: 4rem !important;
  }
  .gap-x-xl-8 {
    column-gap: 4rem !important;
  }
  .gap-y-xl-8 {
    row-gap: 4rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-8 {
    gap: 4rem !important;
  }
  .gap-x-xxl-8 {
    column-gap: 4rem !important;
  }
  .gap-y-xxl-8 {
    row-gap: 4rem !important;
  }
}
.gap-9 {
  gap: 4.5rem !important;
}

.gap-y-9,
.row-gap-9 {
  row-gap: 4.5rem !important;
}

.gap-x-9,
.col-gap-9 {
  column-gap: 4.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-9 {
    gap: 4.5rem !important;
  }
  .gap-x-sm-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-sm-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-9 {
    gap: 4.5rem !important;
  }
  .gap-x-md-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-md-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-9 {
    gap: 4.5rem !important;
  }
  .gap-x-lg-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-lg-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-9 {
    gap: 4.5rem !important;
  }
  .gap-x-xl-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-xl-9 {
    row-gap: 4.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-9 {
    gap: 4.5rem !important;
  }
  .gap-x-xxl-9 {
    column-gap: 4.5rem !important;
  }
  .gap-y-xxl-9 {
    row-gap: 4.5rem !important;
  }
}
.gap-10 {
  gap: 5rem !important;
}

.gap-y-10,
.row-gap-10 {
  row-gap: 5rem !important;
}

.gap-x-10,
.col-gap-10 {
  column-gap: 5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-10 {
    gap: 5rem !important;
  }
  .gap-x-sm-10 {
    column-gap: 5rem !important;
  }
  .gap-y-sm-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-10 {
    gap: 5rem !important;
  }
  .gap-x-md-10 {
    column-gap: 5rem !important;
  }
  .gap-y-md-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-10 {
    gap: 5rem !important;
  }
  .gap-x-lg-10 {
    column-gap: 5rem !important;
  }
  .gap-y-lg-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-10 {
    gap: 5rem !important;
  }
  .gap-x-xl-10 {
    column-gap: 5rem !important;
  }
  .gap-y-xl-10 {
    row-gap: 5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-10 {
    gap: 5rem !important;
  }
  .gap-x-xxl-10 {
    column-gap: 5rem !important;
  }
  .gap-y-xxl-10 {
    row-gap: 5rem !important;
  }
}
.gap-11 {
  gap: 5.5rem !important;
}

.gap-y-11,
.row-gap-11 {
  row-gap: 5.5rem !important;
}

.gap-x-11,
.col-gap-11 {
  column-gap: 5.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-11 {
    gap: 5.5rem !important;
  }
  .gap-x-sm-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-sm-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-11 {
    gap: 5.5rem !important;
  }
  .gap-x-md-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-md-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-11 {
    gap: 5.5rem !important;
  }
  .gap-x-lg-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-lg-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-11 {
    gap: 5.5rem !important;
  }
  .gap-x-xl-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-xl-11 {
    row-gap: 5.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-11 {
    gap: 5.5rem !important;
  }
  .gap-x-xxl-11 {
    column-gap: 5.5rem !important;
  }
  .gap-y-xxl-11 {
    row-gap: 5.5rem !important;
  }
}
.gap-12 {
  gap: 6rem !important;
}

.gap-y-12,
.row-gap-12 {
  row-gap: 6rem !important;
}

.gap-x-12,
.col-gap-12 {
  column-gap: 6rem !important;
}

@media (min-width: 576px) {
  .gap-sm-12 {
    gap: 6rem !important;
  }
  .gap-x-sm-12 {
    column-gap: 6rem !important;
  }
  .gap-y-sm-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-12 {
    gap: 6rem !important;
  }
  .gap-x-md-12 {
    column-gap: 6rem !important;
  }
  .gap-y-md-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-12 {
    gap: 6rem !important;
  }
  .gap-x-lg-12 {
    column-gap: 6rem !important;
  }
  .gap-y-lg-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-12 {
    gap: 6rem !important;
  }
  .gap-x-xl-12 {
    column-gap: 6rem !important;
  }
  .gap-y-xl-12 {
    row-gap: 6rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-12 {
    gap: 6rem !important;
  }
  .gap-x-xxl-12 {
    column-gap: 6rem !important;
  }
  .gap-y-xxl-12 {
    row-gap: 6rem !important;
  }
}
.gap-13 {
  gap: 6.5rem !important;
}

.gap-y-13,
.row-gap-13 {
  row-gap: 6.5rem !important;
}

.gap-x-13,
.col-gap-13 {
  column-gap: 6.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-13 {
    gap: 6.5rem !important;
  }
  .gap-x-sm-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-sm-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-13 {
    gap: 6.5rem !important;
  }
  .gap-x-md-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-md-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-13 {
    gap: 6.5rem !important;
  }
  .gap-x-lg-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-lg-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-13 {
    gap: 6.5rem !important;
  }
  .gap-x-xl-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-xl-13 {
    row-gap: 6.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-13 {
    gap: 6.5rem !important;
  }
  .gap-x-xxl-13 {
    column-gap: 6.5rem !important;
  }
  .gap-y-xxl-13 {
    row-gap: 6.5rem !important;
  }
}
.gap-14 {
  gap: 7rem !important;
}

.gap-y-14,
.row-gap-14 {
  row-gap: 7rem !important;
}

.gap-x-14,
.col-gap-14 {
  column-gap: 7rem !important;
}

@media (min-width: 576px) {
  .gap-sm-14 {
    gap: 7rem !important;
  }
  .gap-x-sm-14 {
    column-gap: 7rem !important;
  }
  .gap-y-sm-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-14 {
    gap: 7rem !important;
  }
  .gap-x-md-14 {
    column-gap: 7rem !important;
  }
  .gap-y-md-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-14 {
    gap: 7rem !important;
  }
  .gap-x-lg-14 {
    column-gap: 7rem !important;
  }
  .gap-y-lg-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-14 {
    gap: 7rem !important;
  }
  .gap-x-xl-14 {
    column-gap: 7rem !important;
  }
  .gap-y-xl-14 {
    row-gap: 7rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-14 {
    gap: 7rem !important;
  }
  .gap-x-xxl-14 {
    column-gap: 7rem !important;
  }
  .gap-y-xxl-14 {
    row-gap: 7rem !important;
  }
}
.gap-15 {
  gap: 7.5rem !important;
}

.gap-y-15,
.row-gap-15 {
  row-gap: 7.5rem !important;
}

.gap-x-15,
.col-gap-15 {
  column-gap: 7.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-15 {
    gap: 7.5rem !important;
  }
  .gap-x-sm-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-sm-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-15 {
    gap: 7.5rem !important;
  }
  .gap-x-md-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-md-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-15 {
    gap: 7.5rem !important;
  }
  .gap-x-lg-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-lg-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-15 {
    gap: 7.5rem !important;
  }
  .gap-x-xl-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-xl-15 {
    row-gap: 7.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-15 {
    gap: 7.5rem !important;
  }
  .gap-x-xxl-15 {
    column-gap: 7.5rem !important;
  }
  .gap-y-xxl-15 {
    row-gap: 7.5rem !important;
  }
}
.gap-16 {
  gap: 8rem !important;
}

.gap-y-16,
.row-gap-16 {
  row-gap: 8rem !important;
}

.gap-x-16,
.col-gap-16 {
  column-gap: 8rem !important;
}

@media (min-width: 576px) {
  .gap-sm-16 {
    gap: 8rem !important;
  }
  .gap-x-sm-16 {
    column-gap: 8rem !important;
  }
  .gap-y-sm-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-16 {
    gap: 8rem !important;
  }
  .gap-x-md-16 {
    column-gap: 8rem !important;
  }
  .gap-y-md-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-16 {
    gap: 8rem !important;
  }
  .gap-x-lg-16 {
    column-gap: 8rem !important;
  }
  .gap-y-lg-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-16 {
    gap: 8rem !important;
  }
  .gap-x-xl-16 {
    column-gap: 8rem !important;
  }
  .gap-y-xl-16 {
    row-gap: 8rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-16 {
    gap: 8rem !important;
  }
  .gap-x-xxl-16 {
    column-gap: 8rem !important;
  }
  .gap-y-xxl-16 {
    row-gap: 8rem !important;
  }
}
.gap-17 {
  gap: 8.5rem !important;
}

.gap-y-17,
.row-gap-17 {
  row-gap: 8.5rem !important;
}

.gap-x-17,
.col-gap-17 {
  column-gap: 8.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-17 {
    gap: 8.5rem !important;
  }
  .gap-x-sm-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-sm-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-17 {
    gap: 8.5rem !important;
  }
  .gap-x-md-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-md-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-17 {
    gap: 8.5rem !important;
  }
  .gap-x-lg-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-lg-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-17 {
    gap: 8.5rem !important;
  }
  .gap-x-xl-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-xl-17 {
    row-gap: 8.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-17 {
    gap: 8.5rem !important;
  }
  .gap-x-xxl-17 {
    column-gap: 8.5rem !important;
  }
  .gap-y-xxl-17 {
    row-gap: 8.5rem !important;
  }
}
.gap-18 {
  gap: 9rem !important;
}

.gap-y-18,
.row-gap-18 {
  row-gap: 9rem !important;
}

.gap-x-18,
.col-gap-18 {
  column-gap: 9rem !important;
}

@media (min-width: 576px) {
  .gap-sm-18 {
    gap: 9rem !important;
  }
  .gap-x-sm-18 {
    column-gap: 9rem !important;
  }
  .gap-y-sm-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-18 {
    gap: 9rem !important;
  }
  .gap-x-md-18 {
    column-gap: 9rem !important;
  }
  .gap-y-md-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-18 {
    gap: 9rem !important;
  }
  .gap-x-lg-18 {
    column-gap: 9rem !important;
  }
  .gap-y-lg-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-18 {
    gap: 9rem !important;
  }
  .gap-x-xl-18 {
    column-gap: 9rem !important;
  }
  .gap-y-xl-18 {
    row-gap: 9rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-18 {
    gap: 9rem !important;
  }
  .gap-x-xxl-18 {
    column-gap: 9rem !important;
  }
  .gap-y-xxl-18 {
    row-gap: 9rem !important;
  }
}
.gap-19 {
  gap: 9.5rem !important;
}

.gap-y-19,
.row-gap-19 {
  row-gap: 9.5rem !important;
}

.gap-x-19,
.col-gap-19 {
  column-gap: 9.5rem !important;
}

@media (min-width: 576px) {
  .gap-sm-19 {
    gap: 9.5rem !important;
  }
  .gap-x-sm-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-sm-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-19 {
    gap: 9.5rem !important;
  }
  .gap-x-md-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-md-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-19 {
    gap: 9.5rem !important;
  }
  .gap-x-lg-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-lg-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-19 {
    gap: 9.5rem !important;
  }
  .gap-x-xl-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-xl-19 {
    row-gap: 9.5rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-19 {
    gap: 9.5rem !important;
  }
  .gap-x-xxl-19 {
    column-gap: 9.5rem !important;
  }
  .gap-y-xxl-19 {
    row-gap: 9.5rem !important;
  }
}
.gap-20 {
  gap: 10rem !important;
}

.gap-y-20,
.row-gap-20 {
  row-gap: 10rem !important;
}

.gap-x-20,
.col-gap-20 {
  column-gap: 10rem !important;
}

@media (min-width: 576px) {
  .gap-sm-20 {
    gap: 10rem !important;
  }
  .gap-x-sm-20 {
    column-gap: 10rem !important;
  }
  .gap-y-sm-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 768px) {
  .gap-md-20 {
    gap: 10rem !important;
  }
  .gap-x-md-20 {
    column-gap: 10rem !important;
  }
  .gap-y-md-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 992px) {
  .gap-lg-20 {
    gap: 10rem !important;
  }
  .gap-x-lg-20 {
    column-gap: 10rem !important;
  }
  .gap-y-lg-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 1200px) {
  .gap-xl-20 {
    gap: 10rem !important;
  }
  .gap-x-xl-20 {
    column-gap: 10rem !important;
  }
  .gap-y-xl-20 {
    row-gap: 10rem !important;
  }
}
@media (min-width: 1400px) {
  .gap-xxl-20 {
    gap: 10rem !important;
  }
  .gap-x-xxl-20 {
    column-gap: 10rem !important;
  }
  .gap-y-xxl-20 {
    row-gap: 10rem !important;
  }
}
/* ## TEXT ALIGN
***********************************************/
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
}
/* ## WIDTH, HEGHT
***********************************************/
.w-100 {
  width: 100% !important;
}

.h-100 {
  height: 100% !important;
}

/* ## COLOR
***********************************************/
.white {
  color: #fff !important;
}

.black {
  color: #000000 !important;
}

.blue {
  color: #264898 !important;
}

.pink {
  color: #eb42b2 !important;
}

/* ## BG COLOR
***********************************************/
.bg-blue {
  background-color: #264898 !important;
}

/* ## コメント h2
***********************************************/
/* ### コメント h3
--------------------------------------*/
/**** #### h4 ****/
/* ##### h5 */
html {
  font-size: 62.5%;
}

h1 {
  font-size: clamp(3.6rem, 5vw, 8rem);
  line-height: 1.5;
  font-weight: 700;
}

h2 {
  font-size: clamp(20px, 3vw, 40px);
  line-height: 1.5;
  font-weight: 700;
}

h3 {
  font-size: clamp(2.1rem, 2.5vw, 3.2rem);
  line-height: 1.5;
  font-weight: 700;
}

h4 {
  font-size: clamp(16px, 2vw, 20px);
  line-height: 1.5;
  font-weight: 700;
}

h5 {
  font-size: clamp(15px, 1.7vw, 18px);
  line-height: 1.5;
  font-weight: 700;
}

p,
a {
  font-size: clamp(13px, 1.2vw, 18px);
  line-height: 2;
  font-weight: 500;
}

li {
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 2;
  font-weight: 500;
}

span {
  font-size: clamp(11px, 1vw, 14px);
}

dl dt {
  font-size: clamp(14px, 1.2vw, 18px);
  font-weight: 700;
  line-height: 1.5;
}
dl dd {
  font-size: clamp(13px, 1vw, 18px);
  margin-inline-start: 0;
  font-weight: 500;
  line-height: 1.8;
}

table th,
table td {
  font-size: clamp(14px, 1.2vw, 18px);
  line-height: 2;
  font-weight: 500;
}
table th {
  font-weight: 600;
  color: #264898;
}
table td {
  font-weight: 400;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## HTML
***********************************************/
html {
  height: 100%;
  width: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

/* ## BODY
***********************************************/
body {
  background-color: #f9fcf0;
  height: 100%;
}

/* ## MAIN
***********************************************/
/* ## SECTION
***********************************************/
section {
  position: relative;
  padding: 12rem 0rem;
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  section {
    padding: 5rem 0rem;
  }
}

/* ## FIRST SECTION
***********************************************/
.first-sec {
  padding-top: 109px;
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  .first-sec {
    padding-top: 92px;
  }
}

/* ## BTN SECTION（ボタン用セクション）
***********************************************/
.btn-sec .btn-area {
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
}
@media (max-width: 768px) {
  .btn-sec .btn-area a {
    margin-bottom: 1rem;
  }
  .btn-sec .btn-area a:last-child {
    margin-bottom: 0;
  }
}

/* ## CONTAINER
***********************************************/
/* ### CONTAINER
=====================================*/
.container {
  max-width: 1480px;
  padding: 0 5%;
  margin: 0 auto;
}
.container.sm {
  max-width: 720px;
}
.container.md {
  max-width: 960px;
}
.container.lg {
  max-width: 1200px;
}

@media (max-width: 768px) {
  .container, .container-fluid {
    padding-left: 5%;
    padding-right: 5%;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
header {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 20;
  width: 100%;
  transition: 0.2s;
  padding: 2rem 5%;
  background-color: #f9fcf0;
}
header::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  width: 95%;
  margin: 0 auto;
  height: 1px;
  border-bottom: solid 1px #000000;
}
header.hide {
  top: -200px;
  transition: 0.2s;
}
header {
  /* ### LOGO SIDE
  =====================================*/
}
header .logo-side img {
  width: 100%;
  max-width: 200px;
  height: auto;
}
header {
  /* ### NAV SIDE
  =====================================*/
}
header .nav-side {
  transition: 0.2s;
  /**** #### HEADER MENU ****/
}
header .nav-side .header-menu {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3%;
}
header .nav-side {
  /**** #### NAV ITEM ****/
}
header .nav-side .nav-item {
  position: relative;
  font-weight: bold;
}
header .nav-side .nav-item:hover .submenu {
  display: block;
}
header .nav-side .nav-item a {
  font-weight: 700;
  word-break: keep-all;
}
header .nav-side {
  /**** #### SUBMENU ****/
}
header .nav-side .submenu {
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  padding: 2rem;
  z-index: 1000;
  border-radius: 5px;
}
header .nav-side .submenu li {
  white-space: nowrap;
  border-bottom: dashed 1px #000000;
}
header .nav-side .submenu a {
  font-weight: 700;
  font-size: 14px;
}
header {
  /* ### BTN CONTACT
  =====================================*/
}
header .btn-contact {
  position: absolute;
  right: -2px;
  top: 86px;
  display: flex;
  align-items: center;
  background-color: #264898;
  border-radius: 40px 0 0 40px;
  border: solid 2px #fff;
  color: #fff;
  padding: 5px 20px;
  z-index: 2;
}
header .btn-contact::before {
  display: block;
  content: "";
  background-image: url("../images/common/plane_w.svg");
  background-size: contain;
  width: 25px;
  height: 25px;
  margin-right: 10px;
}
header {
  /* ### HAMBURGER
  =====================================*/
}
header .hamburger {
  pointer-events: all;
  display: block;
  position: absolute;
  z-index: 200;
  right: 10px;
  top: 0px;
  width: 60px;
  height: 72px;
  cursor: pointer;
  text-align: center;
  /* #### 棒の部分 ****/
}
header .hamburger span {
  display: block;
  position: absolute;
  width: 32px;
  height: 2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: #000000;
  -webkit-transition: 0.5s all;
  -moz-transition: 0.5s all;
  transition: 0.5s all;
}
header .hamburger span:nth-child(1) {
  top: 21px;
}
header .hamburger span:nth-child(2) {
  top: 30px;
}
header .hamburger span:nth-child(3) {
  top: 39px;
}
header .hamburger::after {
  position: absolute;
  top: 43px;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: inline-block;
  content: "MENU";
  color: #000000;
  font-size: 8px;
}
header .hamburger {
  /* #### activeクラスが付加した時 ****/
}
header .hamburger.active span:nth-child(1) {
  top: 28px;
  width: 30px;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
header .hamburger.active span:nth-child(2) {
  opacity: 0;
  -webkit-animation: active-btn17-bar02 0.8s forwards;
  animation: active-hamburger-bar02 0.8s forwards;
}
header .hamburger.active span:nth-child(3) {
  top: 28px;
  width: 30px;
  -webkit-transform: rotate(30deg);
  -moz-transform: rotate(30deg);
  transform: rotate(30deg);
}
header .hamburger.active::after {
  content: "CLOSE";
}
header {
  /* ### MENU CONTENTS
  =====================================*/
}
header .menu-contents {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  transition: 0.2s;
  pointer-events: none;
  visibility: hidden;
}
header .menu-contents::after {
  content: "";
  top: 0;
  left: 0;
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(3px);
  opacity: 0;
  visibility: hidden;
  transition: 0.2s;
  background: rgba(255, 255, 255, 0.3);
}
header .menu-contents {
  /* #### ACTIVE
  --------------------------------*/
}
header .menu-contents.active {
  pointer-events: all;
  visibility: visible;
  transition: 0.2s;
}
header .menu-contents.active::after {
  opacity: 1;
  visibility: visible;
}
header .menu-contents.active .menu-list {
  right: 0;
}
header .menu-contents {
  /* #### LOGO
  --------------------------------*/
}
header .menu-contents .logo {
  display: block;
  text-align: center;
  margin-bottom: 3rem;
}
header .menu-contents .logo img {
  width: 160px;
  margin: 0 auto;
}
header .menu-contents {
  /* #### MENU LIST
  --------------------------------*/
}
header .menu-contents .menu-list {
  position: absolute;
  top: 0;
  right: -85%;
  width: 82%;
  height: 100%;
  padding: 10% 5% 0;
  background: #f9fcf0;
  border-radius: 80px 0 0 80px;
  border: solid 1px #000000;
  transition: 0.2s;
  /* ##### MOBILE NAV PRIMARY ****/
}
header .menu-contents .menu-list .mobile-nav-primary a {
  display: block;
  font-weight: bold;
  font-size: 17px;
  line-height: 1.5;
  padding-bottom: 1rem;
  border-bottom: dashed 1px #000000;
  margin-bottom: 1.5rem;
}
header .menu-contents .menu-list {
  /* ##### SUB MENU ****/
}
header .menu-contents .menu-list .submenu {
  padding: 0.7rem 0 0 1rem;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  margin-bottom: 2rem;
  border-left: solid 1px #000000;
}
header .menu-contents .menu-list .submenu a {
  border-bottom: none;
  font-size: 14px;
  margin-bottom: 0;
}
header {
  /* ### MOBILE =====================================*/
}
/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
footer {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 4rem 3rem 1rem 3rem;
  overflow: hidden;
}
footer::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 95%;
  height: 1px;
  background-color: #000000;
  margin: 0 auto;
}
footer {
  /* ### FOOTER LOGO
  -------------------------------------*/
}
footer .footer-logo {
  display: block;
  max-width: 200px;
  margin: 0 auto 3rem;
}
footer {
  /* ### COPYRIGHT
  -------------------------------------*/
}
footer .copyright {
  font-size: clamp(10px, 1vw, 13px);
  font-weight: 400;
}
footer {
  /* ### FOOTER NAV
  -------------------------------------*/
}
footer .footer-nav {
  margin-bottom: 2rem;
}
footer .footer-nav .nav-item {
  border-bottom: dashed 1px #000000;
}
footer .footer-nav .nav-item a {
  font-weight: 700;
}
footer {
  /* ### FOOTER SUBMENU
  -------------------------------------*/
}
footer .footer-submenu {
  padding-left: 1rem;
  margin-left: 1rem;
  border-left: solid 1px #fff;
}
footer .footer-submenu a {
  display: block;
  font-size: 13px;
}
footer {
  /* ### FUKU AND HIDE
  -------------------------------------*/
}
footer .fuku-and-hide {
  position: absolute;
  bottom: -10px;
  right: 3%;
  width: 150px;
}
@media (max-width: 768px) {
  footer {
    padding: 4rem 1rem 1rem 1rem;
    /* ### FUKU AND HIDE
    -------------------------------------*/
  }
  footer .fuku-and-hide {
    right: 0%;
    width: 20%;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
-------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ### BTN VIEW MORE（詳しく見る）
--------------------------------------------*/
.btn-more {
  border-bottom: dashed 1px #000000;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 50px;
}
.btn-more::after {
  content: "";
  background-image: url("../images/common/icon_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
}
.btn-more:hover i {
  transition: 0.2s;
  transform: scale(1.3) rotate(360deg);
}

/* ### BTN BORDER
--------------------------------------------*/
.btn-border {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff;
  border-radius: 10px;
  position: relative;
  padding: 0.5rem 2rem 0.5rem 2rem;
  text-align: left;
  border: solid 1px #000000;
  font-weight: 700;
  letter-spacing: 2px;
  gap: 20px;
}
.btn-border::after {
  content: "";
  background-image: url("../images/common/icon_arrow.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 15px;
}
.btn-border:hover {
  background-color: #000000;
  color: #fff;
  transition: 0.2s;
}
.btn-border.bg-gray {
  background-color: #f7f7f7;
}
.btn-border.bg-gray:hover {
  background-color: #000000;
  color: #fff;
  transition: 0.2s;
}

/* ### BTN AREA
--------------------------------------------*/
.btn-area {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
.btn-area.center {
  justify-content: center;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## RADIUS TITLE
***********************************************/
.radius-title {
  background-color: #fff;
  border-radius: 40px;
  padding: 0 3rem;
  border: solid 1px #000000;
  display: inline-block;
}
.radius-title.tategaki {
  padding: 3rem 0;
  writing-mode: vertical-rl;
  text-orientation: upright;
  letter-spacing: 20px;
}
/* ## BORDER TITLE
***********************************************/
.border-title {
  color: #264898;
  margin-bottom: 1.5rem;
}
.border-title h3 {
  font-size: clamp(1.8rem, 2.5vw, 2.4rem);
  display: flex;
  align-items: center;
  gap: 20px;
}
.border-title h3::after {
  content: "";
  width: 90px;
  height: 1px;
  border-bottom: solid 1px #264898;
}
.border-title h5 {
  font-size: clamp(16px, 2vw, 22px);
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: 700;
}
.border-title h5::after {
  content: "";
  width: 50px;
  height: 1px;
  border-bottom: solid 1px #264898;
}
.border-title.center h3 {
  justify-content: center;
}
.border-title.center h3::before {
  content: "";
  width: 90px;
  height: 1px;
  border-bottom: solid 1px #264898;
}
@media (max-width: 768px) {
  .border-title {
    margin-bottom: 1.5rem;
  }
  .border-title h3 {
    gap: 20px;
  }
  .border-title h3::after {
    content: "";
    width: 30px;
  }
  .border-title h5 {
    gap: 20px;
  }
  .border-title h5::after {
    width: 20px;
  }
  .border-title.center h3::before {
    width: 30px;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## PODCAST BOX
***********************************************/
/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.search-form {
  position: relative;
  width: 100%;
}
.search-form input[type=search] {
  width: 100%;
  padding: 3px 4rem 3px 1.5rem;
  border: solid 1px #000000;
  border-radius: 40px;
  font-size: clamp(13px, 1.4vw, 15px);
  background-color: #fff;
}
.search-form input[type=search]::placeholder {
  color: #969696;
}
.search-form button {
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}
.search-form button img {
  width: clamp(15px, 2vw, 20px);
  height: auto;
  display: block;
}
.search-form {
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  .search-form {
    margin-bottom: 3rem;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## LIGHT BOX GALLERY
********************************************************************/
.light-box-gallery img {
  transition: 0.2s;
}
.light-box-gallery img:hover {
  transition: 0.2s;
  transform: scale(1.05);
  filter: opacity(0.7);
}

.lightbox {
  position: fixed;
  inset: 0;
  display: none;
  place-items: center;
  z-index: 9999;
}
.lightbox .lightbox-bg {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.85);
  backdrop-filter: blur(4px);
}
.lightbox .lightbox-inner {
  position: relative;
  width: clamp(200px, 70%, 760px);
  height: 100%;
  padding: 5%;
}
.lightbox .lightbox-img-wrapper {
  display: grid;
  place-content: center;
  place-items: center;
  height: 100%;
}
.lightbox .lightbox-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
  pointer-events: none;
}
.lightbox .caption {
  position: absolute;
  bottom: -40px;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 14px;
  color: #fff;
  opacity: 0.9;
}
.lightbox .arrow {
  position: absolute;
  top: 50%;
  background: rgba(255, 255, 255, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
  background-size: 56%;
  background-repeat: no-repeat;
  z-index: 999;
  transform: translate(0%, -50%);
}
.lightbox .arrow.prev {
  background-image: url("../images/common/arrow_left_white.svg");
  left: -10%;
  background-position: 46% 50%;
}
.lightbox .arrow.next {
  background-image: url("../images/common/arrow_right_white.svg");
  right: -10%;
  background-position: 54% 53%;
}
.lightbox .arrow:hover {
  opacity: 0.5;
}
@media (max-width: 768px) {
  .lightbox .caption {
    font-size: 12px;
  }
  .lightbox .arrow {
    width: 30px;
    height: 30px;
  }
  .lightbox .arrow.prev {
    left: -15%;
  }
  .lightbox .arrow.next {
    right: -15%;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.news-list {
  padding-left: 3%;
}

.news-item {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 1.3rem;
  background-color: #fff;
  border: solid 1px #000000;
  padding: 8px;
  border-radius: 10px;
  /* ### NEWS THUMB
  --------------------------------------*/
}
.news-item .news-thumb {
  width: 26%;
  aspect-ratio: 8/5;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
.news-item .news-thumb img {
  transition: 0.1s;
  width: 100%;
  height: 100%;
}
.news-item .news-thumb:hover img {
  transition: 0.3s;
  transform: scale(1.1);
  filter: brightness(1.3);
}
.news-item {
  /* ### NEWS BODY
  --------------------------------------*/
}
.news-item .news-body {
  width: 74%;
  padding-left: 2rem;
}
.news-item {
  /* ### NEWS META
  --------------------------------------*/
}
.news-item .news-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.news-item {
  /* ### NEWS TITLE
  --------------------------------------*/
}
.news-item .news-title {
  letter-spacing: 0;
  font-size: clamp(14px, 1.8vw, 17px);
  margin-bottom: 0.5rem;
}
.news-item {
  /* ### NEWS EXCERPT
  --------------------------------------*/
}
.news-item .news-excerpt {
  color: #969696;
  font-size: clamp(11px, 1.2vw, 15px);
  line-height: 1.7;
}
.news-item {
  /* ### NEWS DATE
  --------------------------------------*/
}
.news-item .news-date {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 5px;
  right: 8px;
  bottom: 5px;
  color: #969696;
  font-size: clamp(10px, 1vw, 12px);
}
.news-item .news-date:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("../images/common/icon_time.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media (max-width: 768px) {
  .news-item {
    margin-bottom: 0.7rem;
    /* ### NEWS THUMB
    --------------------------------------*/
  }
  .news-item .news-thumb {
    width: 20%;
    aspect-ratio: 1/1;
  }
  .news-item {
    /* ### NEWS BODY
    --------------------------------------*/
  }
  .news-item .news-body {
    padding-left: 1rem;
  }
  .news-item {
    /* ### NEWS META
    --------------------------------------*/
  }
  .news-item .news-meta {
    gap: 10px;
    margin-bottom: 5px;
  }
  .news-item {
    /* ### NEWS TITLE
    --------------------------------------*/
  }
  .news-item .news-title {
    letter-spacing: 0;
    font-size: clamp(12px, 1.5vw, 16px);
    margin-bottom: 0;
  }
}

.news-cat {
  background-color: #fff;
  border-radius: 30px;
  padding: 5px 10px;
  font-size: clamp(9px, 1vw, 12px);
  font-weight: 700;
  display: block;
  line-height: 1;
  border: solid 1px #000000;
}
@media (max-width: 768px) {
  .news-cat {
    padding: 3px 7px;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.move-x {
  will-change: transform;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.content {
  margin-bottom: 10rem;
  /* ### WP BLOCK IMAGE
  --------------------------------------*/
}
.content .wp-block-image {
  margin: 4rem 0 3rem 0;
  padding: 0 2%;
  width: 100%;
}
.content .wp-block-image img {
  border-radius: 5px;
  overflow: hidden;
}
.content .wp-block-image .wp-element-caption {
  font-size: 12px;
  color: #969696;
}
.content {
  /* ### WP BLOCK BUTTON
  --------------------------------------*/
}
.content .wp-block-button .wp-block-button__link {
  font-weight: bold;
  padding: 1rem 2rem;
  margin-bottom: 3rem;
  background-color: #000000;
}
.content {
  /* ### WP BLOCK TABLE
  --------------------------------------*/
}
.content .wp-block-table td {
  border: none;
  border-bottom: solid 1px #d8d8d8;
  font-size: clamp(12px, 1.4vw, 16px);
  font-weight: 500;
}
.content .wp-block-table td:first-child {
  width: 20%;
  color: #264898;
}
.content {
  /* ### TEXT
  --------------------------------------*/
}
.content p {
  margin-bottom: 3rem;
  line-height: 2;
}
.content p a {
  border-bottom: solid 1px #000000;
  font-weight: 600;
}
.content p strong {
  margin-bottom: 2rem;
  line-height: 2.5;
}
.content h2 {
  border-top: solid 1px #000000;
  border-bottom: solid 1px #000000;
  margin-top: 10rem;
  margin-bottom: 2rem;
  font-size: 22px;
  padding: 12px 16px 12px;
  background-color: #f7f7f7;
}
.content h3 {
  margin-top: 6rem;
  margin-bottom: 2rem;
  font-size: 20px;
  padding: 5px 10px;
  border-bottom: solid 1px #000000;
}
.content h4 {
  display: inline-block;
  font-size: 17px;
  margin-top: 6rem;
  margin-bottom: 1rem;
  border-bottom: solid 1px #000000;
  padding-bottom: 0.5rem;
}
.content .wp-block-list {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 2rem 2rem 2rem 3rem;
  background-color: #f7f7f7;
  border-radius: 10px;
  border: solid 1px #000000;
}
.content .wp-block-list li {
  display: flex;
  align-items: center;
  line-height: 1.7;
  margin-bottom: 15px;
}
.content .wp-block-list li:last-child {
  margin-bottom: 0;
}
.content .wp-block-list li:before {
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  margin-right: 10px;
  background-color: #000000;
  border-radius: 50%;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .content {
    margin-bottom: 3rem;
  }
  .content .wp-block-image .wp-element-caption {
    font-size: 10px;
  }
  .content p {
    line-height: 2;
    font-size: 13px;
  }
  .content p strong {
    line-height: 2;
    font-size: 13px;
  }
  .content h2 {
    border-left: solid 4px #000000;
    margin-top: 6rem;
    font-size: 18px;
    padding: 8px 8px 10px;
  }
  .content h3 {
    margin-top: 4rem;
    margin-bottom: 1rem;
    font-size: 17px;
    padding: 4px 0px 4px 6px;
  }
  .content .wp-block-list {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    padding: 1rem 1rem 1rem 1.5rem;
  }
  .content .wp-block-list li {
    line-height: 1.7;
    margin-bottom: 5px;
    font-size: 13px;
  }
  .content .wp-block-list li:before {
    width: 4px;
    height: 4px;
    margin-right: 6px;
  }
}

blockquote {
  padding: 1rem;
}
blockquote cite {
  font-size: 14px;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.archive-first-sec {
  padding-top: 13rem;
}
.archive-first-sec .radius-title.tategaki {
  letter-spacing: 4px;
}
@media (max-width: 768px) {
  .archive-first-sec {
    padding-top: 9rem;
  }
}

/* ## PAGE NAVIGATION
***********************************************/
.pagenation-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  text-align: center;
}
.pagenation-nav .page-numbers {
  display: inline-block;
  font-size: 16px;
  padding-top: 3px;
  border: solid 1px #000000;
  background-color: #fff;
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.pagenation-nav .page-numbers.current {
  display: inline-block;
  background-color: #000000;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  padding-top: 4px;
  border: solid 1px #000000;
  width: 40px;
  height: 40px;
  line-height: 1.7;
}
.pagenation-nav .page-numbers.next, .pagenation-nav .page-numbers.prev {
  padding: 0;
  border: none;
  border-bottom: solid 1px #000000;
  line-height: 1;
  height: inherit;
}
@media (max-width: 768px) {
  .pagenation-nav .page-numbers {
    padding-top: 2px;
    width: 35px;
    height: 40px;
  }
  .pagenation-nav .page-numbers.current {
    padding-top: 0px;
    width: 35px;
    height: 40px;
  }
}

/* ## コメント中
***********************************************/
/* ### コメント下
------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## SINGLE SECTION
***********************************************/
.single-sec {
  padding-top: 12rem;
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  .single-sec {
    padding-top: 9rem;
  }
}

/* ## SINGLE SECTION MAIN
***********************************************/
.single-sec main {
  background-color: #fff;
  border: solid 1px #000000;
  border-radius: 10px;
  padding: 5%;
  /* ### TITLE AREA
      --------------------------------------*/
}
.single-sec main .title-area {
  margin-bottom: 2rem;
  /**** #### DAY ****/
}
.single-sec main .title-area .day {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #969696;
  font-size: clamp(10px, 1vw, 12px);
}
.single-sec main .title-area .day:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("../images/common/icon_time.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.single-sec main .title-area {
  /**** #### POST CATEGORIES ****/
}
.single-sec main .title-area .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.single-sec main .title-area .post-categories .cat {
  background-color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-size: clamp(9px, 1vw, 12px);
  font-weight: 700;
  display: block;
  line-height: 1;
  border: solid 1px #000000;
}
.single-sec main .title-area {
  /**** #### TITLE ****/
}
.single-sec main .title-area .title {
  font-size: clamp(18px, 2vw, 20px);
}
.single-sec main {
  /* ### THUMBNAIL
      --------------------------------------*/
}
.single-sec main .thumbnail {
  margin: 2% 2% 6rem 2%;
  border-radius: 5px;
  overflow: hidden;
}
.single-sec main {
  /* ### MOBILE =====================================*/
}
@media (max-width: 768px) {
  .single-sec main {
    border-radius: 10px;
    padding: 5% 3%;
    /* ### TITLE AREA
        --------------------------------------*/
  }
  .single-sec main .title-area {
    margin-bottom: 2rem;
    /**** #### DAY ****/
  }
  .single-sec main .title-area .day {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #969696;
    font-size: clamp(10px, 1vw, 12px);
  }
  .single-sec main .title-area .day:before {
    content: "";
    width: 12px;
    height: 12px;
    background-image: url("../images/common/icon_time.svg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  .single-sec main .title-area {
    /**** #### POST CATEGORIES ****/
  }
  .single-sec main .title-area .post-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }
  .single-sec main .title-area .post-categories .cat {
    background-color: #fff;
    border-radius: 30px;
    padding: 4px 10px;
    font-size: clamp(9px, 1vw, 12px);
    font-weight: 700;
    display: block;
    line-height: 1;
    border: solid 1px #000000;
  }
  .single-sec main .title-area {
    /**** #### TITLE ****/
  }
  .single-sec main .title-area .title {
    font-size: clamp(18px, 2vw, 20px);
  }
  .single-sec main {
    /* ### THUMBNAIL
        --------------------------------------*/
  }
  .single-sec main .thumbnail {
    margin: 2% 2% 6rem 2%;
    border-radius: 5px;
    overflow: hidden;
  }
}

/* ## SINGLE SECTION ASIDE
***********************************************/
.single-sec aside {
  /* ### NEW POST AREA
  --------------------------------------*/
}
.single-sec aside .new-post-area {
  position: relative;
  background-color: #fff;
  border: solid 1px #000000;
  border-radius: 10px;
  padding: 3rem 5% 2rem;
  margin-bottom: 4rem;
  /**** #### RADIUS TITLE ****/
}
.single-sec aside .new-post-area .radius-title {
  position: absolute;
  top: -16px;
}
.single-sec aside .new-post-area {
  /**** #### POST ITEM ****/
}
.single-sec aside .new-post-area .post-item {
  margin-bottom: 1rem;
  display: flex;
  align-items: center;
  gap: 3%;
}
.single-sec aside .new-post-area {
  /**** #### POST THUMB ****/
}
.single-sec aside .new-post-area .post-thumb {
  width: 20%;
  aspect-ratio: 1/1;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.single-sec aside .new-post-area .post-thumb img {
  height: 100%;
  object-fit: cover;
}
.single-sec aside .new-post-area {
  /**** #### POST BODY ****/
}
.single-sec aside .new-post-area .post-body {
  width: 80%;
}
.single-sec aside .new-post-area .post-body h5 {
  font-size: clamp(12px, 1.2vw, 17px);
}
.single-sec aside .new-post-area .btn-area {
  padding-top: 2rem;
  margin-bottom: 2rem;
}
.single-sec aside {
  /* ### CATEGORY AREA
  --------------------------------------*/
}
.single-sec aside .category-area {
  position: relative;
  background-color: #fff;
  border: solid 1px #000000;
  border-radius: 10px;
  padding: 3rem 5% 2rem;
  /**** #### RADIUS TITLE ****/
}
.single-sec aside .category-area .radius-title {
  position: absolute;
  top: -16px;
}
.single-sec aside .category-area .category-list {
  display: block;
  margin-bottom: 0;
}
.single-sec aside .category-area .category-item {
  margin-bottom: 1rem;
}
.single-sec aside .category-area .category-item span {
  font-size: clamp(10px, 1vw, 12px);
  font-weight: 700;
}

/* ## コメント中
***********************************************/
/* ### コメント下
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## FIRST SECTION（ファーストセクション）
********************************************************************/
#first-view-sec {
  padding-top: 130px;
  padding-bottom: 5rem;
  position: relative;
  background-color: #fff;
  /* ### TEXT SIDE
  --------------------------------------*/
}
#first-view-sec .text-side {
  text-align: center;
}
#first-view-sec .text-side h1 {
  width: 35%;
  font-weight: 700;
  line-height: 1;
  writing-mode: vertical-rl;
  display: inline-flex;
}
#first-view-sec .text-side h1 img {
  width: 100%;
}
#first-view-sec {
  /* ### SLIDER CONTAINER WRAP
  --------------------------------------*/
}
#first-view-sec .slider-container-wrap {
  padding: 5px;
  background: #fff;
  border-radius: clamp(32px, 11vw, 145px);
  border: solid 1px #000000;
  margin-bottom: 1rem;
}
#first-view-sec {
  /* ### SLIDER CONTAINER
  --------------------------------------*/
}
#first-view-sec .slider-container {
  position: relative;
  border-radius: clamp(30px, 10.7vw, 140px);
  border: solid 1px #000000;
  overflow: hidden;
  height: clamp(200px, 30vw, 460px);
  /* #### SLIDE --------------------*/
}
#first-view-sec .slider-container .slide {
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 0;
  transform: scale(1);
  transition: transform 5s ease;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 0;
}
#first-view-sec .slider-container .slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: 50% 80%;
}
#first-view-sec .slider-container .slide.active {
  z-index: 1;
}
#first-view-sec .slider-container {
  /* #### PROGRESS BAR --------------------*/
}
#first-view-sec .slider-container .progress-bar {
  position: absolute;
  bottom: 10px;
  left: 0;
  width: 100%;
  height: 2px;
  background: rgba(255, 255, 255, 0.1);
  overflow: hidden;
  z-index: 2;
}
#first-view-sec .slider-container .progress-bar .progress {
  height: 100%;
  width: 0;
  background: #fff;
}
#first-view-sec {
  /* ### DOTS
  --------------------------------------*/
}
#first-view-sec .dots {
  display: flex;
  justify-content: center;
  gap: 5px;
  margin-bottom: 3rem;
}
#first-view-sec .dots .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #fff;
  border: solid 1px #000000;
  cursor: pointer;
}
#first-view-sec .dots .dot.active {
  background: #000000;
}
@media (max-width: 768px) {
  #first-view-sec {
    padding-top: 100px;
    padding-bottom: 30px;
    /* ### TEXT SIDE
    --------------------------------------*/
  }
  #first-view-sec .text-side {
    text-align: left;
  }
  #first-view-sec .text-side h1 {
    width: 85%;
  }
  #first-view-sec {
    /* ### SLIDER CONTAINER
    --------------------------------------*/
  }
  #first-view-sec .slider-container {
    height: clamp(200px, 52vw, 460px);
  }
  #first-view-sec {
    /* ### DOTS
    --------------------------------------*/
  }
  #first-view-sec .dots .dot {
    width: 7px;
    height: 7px;
  }
}

/* ## CATEGORY LIST
********************************************************************/
/* ### CATEGORY LIST TITLE
--------------------------------------*/
.category-list-title {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  margin-bottom: 1rem;
}
.category-list-title::before, .category-list-title::after {
  content: "";
  width: 10px;
  height: 10px;
  background-image: url("/wp-content/themes/jindaijisaruku.com/assets/images/common/icon_triangle.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.category-list-title h3 {
  font-size: 16px;
  text-align: center;
}

/* ### CATEGORY LIST
--------------------------------------*/
.category-list {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
  margin-bottom: 2rem;
}
.category-item {
  background-color: #fff;
}
.category-item a {
  display: flex;
  align-items: center;
}
.category-item span {
  font-size: clamp(12px, 1.2vw, 18px);
  display: inline-block;
  font-weight: 700;
}
.category-name {
  border-right: solid 1px #000000;
  border-radius: 30px 0 0 30px;
  border: solid 1px #000000;
  padding: 0 1rem 0 2rem;
}
.category-count {
  border-radius: 0 30px 30px 0;
  border: solid 1px #000000;
  border-left: none;
  padding: 0 1.4rem 0 1rem;
}

/* ## CATEGORY INDEX SECTION（カテゴリーごとの記事一覧）
********************************************************************/
.category-index-sec .radius-title {
  margin-bottom: 3rem;
}

/* ### CATEGORY INDEX 
--------------------------------------*/
.category-index-box {
  margin-bottom: 3rem;
}
.category-index-content {
  background-color: #fff;
  border: solid 1px #000000;
  border-radius: 10px;
  margin-bottom: 1.5rem;
  padding: 10px;
}
.category-index-meta {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.category-index-thumbnail {
  width: 22%;
  aspect-ratio: 8/5;
  display: block;
  overflow: hidden;
  border-radius: 5px;
  transition: 0.1s;
}
.category-index-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 80%;
}
.category-index-thumbnail:hover img {
  transition: 0.3s;
  transform: scale(1.1);
  filter: brightness(1.3);
}
.category-index-time-title {
  width: 68%;
}
.category-index-time-title .date {
  display: flex;
  align-items: center;
  gap: 5px;
  right: 8px;
  bottom: 5px;
  color: #969696;
  font-size: clamp(10px, 1vw, 12px);
}
.category-index-time-title .date:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("../images/common/icon_time.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.category-index-time-title .title {
  display: block;
  font-size: clamp(13px, 1.5vw, 16px);
  font-weight: 700;
  line-height: 1.5;
}
.category-index-excerpt {
  margin-top: 0.5rem;
  font-size: clamp(10px, 1vw, 12px);
  line-height: 1.6;
  color: #969696;
}
@media (max-width: 768px) {
  .category-index-content {
    margin-bottom: 1rem;
    padding: 10px;
  }
  .category-index-thumbnail {
    aspect-ratio: 1/1;
  }
  .category-index-time-title .title {
    font-size: clamp(12px, 1.5vw, 16px);
  }
  .category-index-excerpt {
    margin-top: 0.5rem;
    font-size: clamp(10px, 1vw, 12px);
    line-height: 1.6;
    color: #969696;
  }
}

/* ## コメント中
***********************************************/
/* ### SLIDER CONTAINER
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
/* ## LOWER FIRST SECTION（ファーストセクション）
********************************************************************/
/* ## ABOUT MSG SECTION（メッセージ）
********************************************************************/
.about-msg-sec {
  position: relative;
}
.about-msg-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.13;
  mix-blend-mode: multiply;
  pointer-events: none;
  background-position: 50% 67%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/about/msg_bg.webp");
}

/* ## PHILOSOPHY SECTION（メッセージ）
********************************************************************/
.philosophy-sec {
  position: relative;
  background-color: #264898;
}
.philosophy-sec > div {
  position: relative;
  z-index: 5;
}
.philosophy-sec::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.1;
  pointer-events: none;
  background-position: 50% 67%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/about/philosophy_bg.webp");
}
.philosophy-sec .text-side {
  padding-left: 3%;
}
.philosophy-sec {
  /* ### IMAGE SIDE
  --------------------------------------*/
}
.philosophy-sec {
  /* ### PHILOSOPHY CONTENT
  --------------------------------------*/
}
.philosophy-sec .philosophy-content {
  color: #fff;
  position: relative;
  padding: 6% 10%;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
  margin-bottom: 1.5rem;
}
.philosophy-sec .philosophy-content > div {
  position: relative;
  z-index: 5;
}
.philosophy-sec .philosophy-content > div span {
  display: block;
  font-size: 18px;
  margin-bottom: 2rem;
}
.philosophy-sec .philosophy-content > div h3 {
  font-family: "Anton", sans-serif;
  font-size: clamp(34px, 6vw, 74px);
  line-height: 1;
  font-weight: 400;
  margin-bottom: 1.5rem;
}
.philosophy-sec .philosophy-content > div p {
  font-size: clamp(13px, 1.5vw, 20px);
}
.philosophy-sec .philosophy-content::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.4;
  pointer-events: none;
  mix-blend-mode: multiply;
  background-color: #000000;
}
.philosophy-sec .philosophy-content.vision {
  border-radius: 100px 0 0 0;
}
.philosophy-sec .philosophy-content.concept {
  border-radius: 0 0 0 100px;
}
@media (max-width: 768px) {
  .philosophy-sec > div {
    padding-right: 0;
  }
  .philosophy-sec {
    /* ### PHILOSOPHY CONTENT
    --------------------------------------*/
  }
  .philosophy-sec .philosophy-content {
    margin-bottom: 1rem;
  }
  .philosophy-sec .philosophy-content > div span {
    font-size: 15px;
    margin-bottom: 1.5rem;
  }
  .philosophy-sec .philosophy-content > div h3 {
    margin-bottom: 1rem;
  }
  .philosophy-sec .philosophy-content.vision {
    border-radius: 50px 0 0 0;
  }
  .philosophy-sec .philosophy-content.concept {
    border-radius: 0 0 0 50px;
  }
}

/* ## LOGO CONCEPT SECTION（ロゴコンセプト）
********************************************************************/
.logo-concept-sec {
  margin-top: -8rem;
}
.logo-concept-sec > .container {
  max-width: 1280px;
  padding: 6%;
  background-color: #f7f7f7;
}
@media (max-width: 768px) {
  .logo-concept-sec {
    margin-top: 0;
  }
  .logo-concept-sec > .container {
    padding: 10% 6%;
  }
  .logo-concept-sec .title-template {
    text-align: center;
    margin-bottom: 5rem;
  }
  .logo-concept-sec .logo {
    max-width: 210px;
    margin: 0 auto 5rem;
  }
}

/* ## GREETING SECTION（ごあいさつ）
********************************************************************/
.greeting-sec > .container {
  max-width: 1280px;
}
.greeting-sec {
  /* ### IMAGE SIDE
  --------------------------------------*/
}
.greeting-sec .image-side {
  position: absolute;
  width: clamp(120px, 20%, 260px);
  margin-top: 5rem;
}
.greeting-sec .image-side .ogashira {
  aspect-ratio: 9/18;
  overflow: hidden;
}
.greeting-sec .image-side .ogashira img {
  height: 100%;
}
.greeting-sec .image-side .caption span {
  font-weight: 500;
}
.greeting-sec .image-side .caption h5 {
  font-weight: 500;
}
.greeting-sec {
  /* ### TEXT SIDE
  --------------------------------------*/
}
.greeting-sec .text-side {
  border: solid 1px #264898;
  padding: 8%;
  margin-left: 20%;
}
@media (max-width: 768px) {
  .greeting-sec {
    /* ### IMAGE SIDE
    --------------------------------------*/
  }
  .greeting-sec .image-side {
    position: absolute;
    width: 120px;
    top: -60px;
    right: 11%;
  }
  .greeting-sec .image-side .ogashira {
    aspect-ratio: 1/1;
  }
  .greeting-sec {
    /* ### TEXT SIDE
    --------------------------------------*/
  }
  .greeting-sec .text-side {
    border: solid 1px #264898;
    padding: 8%;
    margin-left: 0;
  }
}

/* ## STAFF SECTION（スタッフ紹介）
********************************************************************/
.staff-sec {
  /* ### STAFF CARD
  --------------------------------------*/
}
.staff-sec .staff-card {
  position: relative;
  background-color: #f7f7f7;
  padding: 5% 5% 5% 9%;
  height: 100%;
  /**** #### NAME ****/
}
.staff-sec .staff-card .name {
  display: flex;
  align-items: baseline;
  gap: 20px;
  font-weight: 600;
}
.staff-sec .staff-card {
  /**** #### DESCRIPTION ****/
}
.staff-sec .staff-card .description {
  font-size: clamp(12px, 1.4vw, 15px);
}
.staff-sec .staff-card::before {
  content: "";
  position: absolute;
  inset: 0;
  top: 0;
  left: 0;
  width: 5%;
  height: 100%;
}
.staff-sec .staff-card::after {
  position: absolute;
  left: -3px;
  top: 10px;
  font-family: "Anton", sans-serif;
  color: #fff;
  font-size: 2vw;
  writing-mode: sideways-rl;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 3px;
}
.staff-sec .staff-card {
  /**** #### MEN ****/
}
.staff-sec .staff-card.men::before {
  background-color: #264898;
}
.staff-sec .staff-card.men::after {
  content: "MEN";
}
.staff-sec .staff-card.men .name h5 {
  color: #264898;
}
.staff-sec .staff-card.woman::before {
  background-color: #eb42b2;
}
.staff-sec .staff-card.woman::after {
  content: "WOMAN";
}
.staff-sec .staff-card.woman .name h5 {
  color: #eb42b2;
}
@media (max-width: 768px) {
  .staff-sec {
    /* ### STAFF CARD
    --------------------------------------*/
  }
  .staff-sec .staff-card {
    padding: 5% 5% 5% 11%;
    /**** #### NAME ****/
  }
  .staff-sec .staff-card .name {
    gap: 10px;
  }
  .staff-sec .staff-card::before {
    width: 7%;
  }
  .staff-sec .staff-card::after {
    position: absolute;
    left: -2px;
    top: 10px;
    font-size: clamp(13px, 5vw, 20px);
  }
}

/* ## FACTORY & ACCESS SECTION（工場紹介・アクセス）
********************************************************************/
.factory-access-sec > .container {
  padding: 10rem 5% 10rem 10%;
  position: relative;
  background-color: #f7f7f7;
}
.factory-access-sec {
  /* ### TITLE TEMPLATE
  --------------------------------------*/
}
.factory-access-sec .title-template {
  position: absolute;
  left: 0;
  top: 8rem;
}
.factory-access-sec .comment {
  max-width: 840px;
  margin: 7rem auto 0;
}
.factory-access-sec .comment .image-side {
  max-width: 150px;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 50%;
}
.factory-access-sec .comment .image-side img {
  width: 140%;
  height: 140%;
  object-position: 50% 60%;
}
@media (max-width: 768px) {
  .factory-access-sec {
    padding-bottom: 0;
  }
  .factory-access-sec > .container {
    padding: 10rem 5% 6rem 14%;
  }
  .factory-access-sec {
    /* ### TITLE TEMPLATE
    --------------------------------------*/
  }
  .factory-access-sec .title-template {
    top: 5rem;
  }
  .factory-access-sec .comment {
    margin: 5rem auto 0;
  }
  .factory-access-sec .comment .image-side {
    max-width: 80px;
  }
}

/* ## COMPANY SECTION（運営会社）
********************************************************************/
.company-sec .text-side .company-logo {
  max-width: 270px;
  margin-bottom: 2rem;
}
.company-sec .text-side .company-info-table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 2rem;
}
.company-sec .text-side .company-info-table tr {
  border-bottom: solid 1px #d8d8d8;
}
.company-sec .text-side .company-info-table tr:first-child {
  border-top: solid 1px #d8d8d8;
}
.company-sec .text-side .company-info-table th {
  padding: 1.5rem 1rem;
  background-color: #f7f7f7;
}
.company-sec .text-side .company-info-table td {
  padding: 1.5rem 1rem;
}
.company-sec .image-side img {
  height: 100%;
}

/* ## コメント中
***********************************************/
/* ### SLIDER CONTAINER
--------------------------------------*/
/**** #### コメント下の下 ****/
/* ##### コメント軽 */
.page-first-sec {
  padding-top: 10rem;
}
.page-first-sec main {
  background-color: #fff;
  border: solid 1px #000000;
  border-radius: 10px;
  padding: 5%;
}
.page-first-sec {
  /* ### TITLE AREA
  --------------------------------------*/
}
.page-first-sec .title-area {
  margin-bottom: 2rem;
  /**** #### DAY ****/
}
.page-first-sec .title-area .day {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #969696;
  font-size: clamp(10px, 1vw, 12px);
}
.page-first-sec .title-area .day:before {
  content: "";
  width: 12px;
  height: 12px;
  background-image: url("../images/common/icon_time.svg");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.page-first-sec .title-area {
  /**** #### POST CATEGORIES ****/
}
.page-first-sec .title-area .post-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.page-first-sec .title-area .post-categories .cat {
  background-color: #fff;
  border-radius: 30px;
  padding: 4px 10px;
  font-size: clamp(9px, 1vw, 12px);
  font-weight: 700;
  display: block;
  line-height: 1;
  border: solid 1px #000000;
}
.page-first-sec .title-area {
  /**** #### TITLE ****/
}
.page-first-sec .title-area .title {
  font-size: clamp(20px, 2.5vw, 28px);
}
.page-first-sec {
  /* ### THUMBNAIL
  --------------------------------------*/
}
.page-first-sec .thumbnail {
  margin: 2% 2% 6rem 2%;
  border-radius: 5px;
  overflow: hidden;
}

.wpcf7-form label {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding-left: 8px;
  margin-bottom: 2px;
}
.wpcf7-form .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  max-width: 370px;
  margin-bottom: 1.5rem;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control {
  width: 100%;
  padding: 3px 10px;
  border: solid 1px #000000;
  border-radius: 20px;
  font-size: clamp(13px, 1.4vw, 15px);
  background-color: #fff;
}
.wpcf7-form .wpcf7-form-control-wrap .wpcf7-form-control::placeholder {
  color: #969696;
}
.wpcf7-form .wpcf7-submit {
  display: inline-block;
  background-color: #f7f7f7;
  border-radius: 5px;
  position: relative;
  padding: 0.5rem 2rem 0.5rem 2rem;
  text-align: left;
  border: solid 1px #000000;
  font-weight: 700;
  letter-spacing: 2px;
  gap: 20px;
  font-size: clamp(13px, 1.6vw, 17px);
  width: 100%;
  max-width: 200px;
}
.wpcf7-form .wpcf7-submit:hover {
  background-color: #000000;
  color: #fff;
  transition: 0.2s;
}

/* ## h2
***********************************************************/
/* ### h3
--------------------------------------*/
/**** #### h4 ****/
/* ##### h5 */