@charset "UTF-8";
:root { --bs-font-sans-serif: "Noto Sans JP", sans-serif; --bs-body-font-weight: 700; --bs-body-line-height: 1.75; --ff-en-title: "Bungee", sans-serif; --ff-fontawesome: "Font Awesome 6 Pro"; --ff-rocknroll-one: "RocknRoll One", sans-serif; --ff-montserrat: "montserrat", sans-serif; --ff-roboto-condensed: "Roboto Condensed", sans-serif; --fs-rem06250: 0.625rem; --fs-rem06875: 0.6875rem; --fs-rem07500: 0.75rem; --fs-rem08750: 0.875rem; --fs-rem10000: 1rem; --fs-rem11250: 1.125rem; --fs-rem12500: 1.25rem; --fs-rem13750: 1.375rem; --fs-rem15000: 1.5rem; --fs-rem17500: 1.75rem; --fs-rem20000: 2rem; --fs-rem22500: 2.25rem; --fs-rem25000: 2.5rem; --fs-rem30000: 3rem; --fs-rem35000: 3.5rem; --color-bg-secondary01: #FCF9F6; --color-bg-secondary02: #F6F3F0; --color-agencia: #222426; --color-home: #0E68C2; --color-aboutus: #FC9300; --color-members: #D8399E; --color-workplace: #11A014; --color-recruit: #56C7EC; --color-entry: #984FD7; --color-recruit-message: #F06464; --color-recruit-description: #C9B535; --color-recruit-interview: #4D58F2; --color-recruit-entry: #E760BD; --color-job-ai-engineer: #F48701; --color-job-backend-engineer: #B09604; --color-job-frontend-engineer: #AF52CF; --color-job-ios-engineer: #2B8BD5; --color-job-android-engineer: #38A63D; --color-job-aws-engineer: #FFB412; --color-job-planning-sales: #4D58CB; --color-job-marketing: #E15D5D; --color-job-designer: #2BB7B7; --color-personalities16-1: rgba(147,71,223,0.7); --color-personalities16-2: rgba(38,170,168,.7); --color-personalities16-3: rgba(91,169,35,.7); --color-personalities16-4: rgba(228,174,58,.9); --color-orange1: #F48701; --color-green1: #11A014; --color-blue1: #096AB0; --color-pink1: #D54FA8; --color-member-1: #1582DC; --color-member-2: #D54FA8; --color-member-3: #F28900; --color-member-4: #90D041; --color-member-5: #B5A95F; --color-member-6: #34C2D2; --color-member-7: #F26D41; --color-member-8: #49B127; --color-member-9: #6071EF; --color-member-10: #C4228E; --color-member-11: #F28900; --color-member-12: #49B127; --bs-black-rgb: var(--bs-body-color-rgb); }

.m-0, .mt-0 { margin-top: 0 !important; }

.p-0, .pt-0 { padding-top: 0 !important; }

.m-0, .me-0 { margin-right: 0 !important; }

.p-0, .pe-0 { padding-right: 0 !important; }

.m-0, .mb-0 { margin-bottom: 0 !important; }

.p-0, .pb-0 { padding-bottom: 0 !important; }

.m-0, .ms-0 { margin-left: 0 !important; }

.p-0, .ps-0 { padding-left: 0 !important; }

.mx-0 { margin-left: 0 !important; margin-right: 0 !important; }

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

.px-0 { padding-left: 0 !important; padding-right: 0 !important; }

.py-0 { padding-top: 0 !important; padding-bottom: 0 !important; }

.m-1, .mt-1 { margin-top: 0.25rem !important; }

.p-1, .pt-1 { padding-top: 0.25rem !important; }

.m-1, .me-1 { margin-right: 0.25rem !important; }

.p-1, .pe-1 { padding-right: 0.25rem !important; }

.m-1, .mb-1 { margin-bottom: 0.25rem !important; }

.p-1, .pb-1 { padding-bottom: 0.25rem !important; }

.m-1, .ms-1 { margin-left: 0.25rem !important; }

.p-1, .ps-1 { padding-left: 0.25rem !important; }

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

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

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

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

.m-2, .mt-2 { margin-top: 0.5rem !important; }

.p-2, .pt-2 { padding-top: 0.5rem !important; }

.m-2, .me-2 { margin-right: 0.5rem !important; }

.p-2, .pe-2 { padding-right: 0.5rem !important; }

.m-2, .mb-2 { margin-bottom: 0.5rem !important; }

.p-2, .pb-2 { padding-bottom: 0.5rem !important; }

.m-2, .ms-2 { margin-left: 0.5rem !important; }

.p-2, .ps-2 { padding-left: 0.5rem !important; }

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

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

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

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

.m-3, .mt-3 { margin-top: 0.75rem !important; }

.p-3, .pt-3 { padding-top: 0.75rem !important; }

.m-3, .me-3 { margin-right: 0.75rem !important; }

.p-3, .pe-3 { padding-right: 0.75rem !important; }

.m-3, .mb-3 { margin-bottom: 0.75rem !important; }

.p-3, .pb-3 { padding-bottom: 0.75rem !important; }

.m-3, .ms-3 { margin-left: 0.75rem !important; }

.p-3, .ps-3 { padding-left: 0.75rem !important; }

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

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

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

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

.m-4, .mt-4 { margin-top: 1rem !important; }

.p-4, .pt-4 { padding-top: 1rem !important; }

.m-4, .me-4 { margin-right: 1rem !important; }

.p-4, .pe-4 { padding-right: 1rem !important; }

.m-4, .mb-4 { margin-bottom: 1rem !important; }

.p-4, .pb-4 { padding-bottom: 1rem !important; }

.m-4, .ms-4 { margin-left: 1rem !important; }

.p-4, .ps-4 { padding-left: 1rem !important; }

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

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

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

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

.m-5, .mt-5 { margin-top: 1.5rem !important; }

.p-5, .pt-5 { padding-top: 1.5rem !important; }

.m-5, .me-5 { margin-right: 1.5rem !important; }

.p-5, .pe-5 { padding-right: 1.5rem !important; }

.m-5, .mb-5 { margin-bottom: 1.5rem !important; }

.p-5, .pb-5 { padding-bottom: 1.5rem !important; }

.m-5, .ms-5 { margin-left: 1.5rem !important; }

.p-5, .ps-5 { padding-left: 1.5rem !important; }

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

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

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

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

.m-6, .mt-6 { margin-top: 2rem !important; }

.p-6, .pt-6 { padding-top: 2rem !important; }

.m-6, .me-6 { margin-right: 2rem !important; }

.p-6, .pe-6 { padding-right: 2rem !important; }

.m-6, .mb-6 { margin-bottom: 2rem !important; }

.p-6, .pb-6 { padding-bottom: 2rem !important; }

.m-6, .ms-6 { margin-left: 2rem !important; }

.p-6, .ps-6 { padding-left: 2rem !important; }

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

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

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

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

.m-7, .mt-7 { margin-top: 2.5rem !important; }

.p-7, .pt-7 { padding-top: 2.5rem !important; }

.m-7, .me-7 { margin-right: 2.5rem !important; }

.p-7, .pe-7 { padding-right: 2.5rem !important; }

.m-7, .mb-7 { margin-bottom: 2.5rem !important; }

.p-7, .pb-7 { padding-bottom: 2.5rem !important; }

.m-7, .ms-7 { margin-left: 2.5rem !important; }

.p-7, .ps-7 { padding-left: 2.5rem !important; }

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

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

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

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

.m-8, .mt-8 { margin-top: 3rem !important; }

.p-8, .pt-8 { padding-top: 3rem !important; }

.m-8, .me-8 { margin-right: 3rem !important; }

.p-8, .pe-8 { padding-right: 3rem !important; }

.m-8, .mb-8 { margin-bottom: 3rem !important; }

.p-8, .pb-8 { padding-bottom: 3rem !important; }

.m-8, .ms-8 { margin-left: 3rem !important; }

.p-8, .ps-8 { padding-left: 3rem !important; }

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

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

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

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

.m-9, .mt-9 { margin-top: 4rem !important; }

.p-9, .pt-9 { padding-top: 4rem !important; }

.m-9, .me-9 { margin-right: 4rem !important; }

.p-9, .pe-9 { padding-right: 4rem !important; }

.m-9, .mb-9 { margin-bottom: 4rem !important; }

.p-9, .pb-9 { padding-bottom: 4rem !important; }

.m-9, .ms-9 { margin-left: 4rem !important; }

.p-9, .ps-9 { padding-left: 4rem !important; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.m-11, .mt-11 { margin-top: 6rem !important; }

.p-11, .pt-11 { padding-top: 6rem !important; }

.m-11, .me-11 { margin-right: 6rem !important; }

.p-11, .pe-11 { padding-right: 6rem !important; }

.m-11, .mb-11 { margin-bottom: 6rem !important; }

.p-11, .pb-11 { padding-bottom: 6rem !important; }

.m-11, .ms-11 { margin-left: 6rem !important; }

.p-11, .ps-11 { padding-left: 6rem !important; }

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

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

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

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

.m-12, .mt-12 { margin-top: 7rem !important; }

.p-12, .pt-12 { padding-top: 7rem !important; }

.m-12, .me-12 { margin-right: 7rem !important; }

.p-12, .pe-12 { padding-right: 7rem !important; }

.m-12, .mb-12 { margin-bottom: 7rem !important; }

.p-12, .pb-12 { padding-bottom: 7rem !important; }

.m-12, .ms-12 { margin-left: 7rem !important; }

.p-12, .ps-12 { padding-left: 7rem !important; }

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

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

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

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

.m-13, .mt-13 { margin-top: 8rem !important; }

.p-13, .pt-13 { padding-top: 8rem !important; }

.m-13, .me-13 { margin-right: 8rem !important; }

.p-13, .pe-13 { padding-right: 8rem !important; }

.m-13, .mb-13 { margin-bottom: 8rem !important; }

.p-13, .pb-13 { padding-bottom: 8rem !important; }

.m-13, .ms-13 { margin-left: 8rem !important; }

.p-13, .ps-13 { padding-left: 8rem !important; }

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

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

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

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

.m-14, .mt-14 { margin-top: 9rem !important; }

.p-14, .pt-14 { padding-top: 9rem !important; }

.m-14, .me-14 { margin-right: 9rem !important; }

.p-14, .pe-14 { padding-right: 9rem !important; }

.m-14, .mb-14 { margin-bottom: 9rem !important; }

.p-14, .pb-14 { padding-bottom: 9rem !important; }

.m-14, .ms-14 { margin-left: 9rem !important; }

.p-14, .ps-14 { padding-left: 9rem !important; }

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

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

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

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

.m-15, .mt-15 { margin-top: 10rem !important; }

.p-15, .pt-15 { padding-top: 10rem !important; }

.m-15, .me-15 { margin-right: 10rem !important; }

.p-15, .pe-15 { padding-right: 10rem !important; }

.m-15, .mb-15 { margin-bottom: 10rem !important; }

.p-15, .pb-15 { padding-bottom: 10rem !important; }

.m-15, .ms-15 { margin-left: 10rem !important; }

.p-15, .ps-15 { padding-left: 10rem !important; }

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

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

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

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

@media screen and (min-width: 576px) { .m-sm-0, .mt-sm-0 { margin-top: 0 !important; }
  .p-sm-0, .pt-sm-0 { padding-top: 0 !important; }
  .m-sm-0, .me-sm-0 { margin-right: 0 !important; }
  .p-sm-0, .pe-sm-0 { padding-right: 0 !important; }
  .m-sm-0, .mb-sm-0 { margin-bottom: 0 !important; }
  .p-sm-0, .pb-sm-0 { padding-bottom: 0 !important; }
  .m-sm-0, .ms-sm-0 { margin-left: 0 !important; }
  .p-sm-0, .ps-sm-0 { padding-left: 0 !important; }
  .mx-sm-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .px-sm-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
@media screen and (min-width: 576px) { .m-sm-1, .mt-sm-1 { margin-top: 0.25rem !important; }
  .p-sm-1, .pt-sm-1 { padding-top: 0.25rem !important; }
  .m-sm-1, .me-sm-1 { margin-right: 0.25rem !important; }
  .p-sm-1, .pe-sm-1 { padding-right: 0.25rem !important; }
  .m-sm-1, .mb-sm-1 { margin-bottom: 0.25rem !important; }
  .p-sm-1, .pb-sm-1 { padding-bottom: 0.25rem !important; }
  .m-sm-1, .ms-sm-1 { margin-left: 0.25rem !important; }
  .p-sm-1, .ps-sm-1 { padding-left: 0.25rem !important; }
  .mx-sm-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .px-sm-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } }
@media screen and (min-width: 576px) { .m-sm-2, .mt-sm-2 { margin-top: 0.5rem !important; }
  .p-sm-2, .pt-sm-2 { padding-top: 0.5rem !important; }
  .m-sm-2, .me-sm-2 { margin-right: 0.5rem !important; }
  .p-sm-2, .pe-sm-2 { padding-right: 0.5rem !important; }
  .m-sm-2, .mb-sm-2 { margin-bottom: 0.5rem !important; }
  .p-sm-2, .pb-sm-2 { padding-bottom: 0.5rem !important; }
  .m-sm-2, .ms-sm-2 { margin-left: 0.5rem !important; }
  .p-sm-2, .ps-sm-2 { padding-left: 0.5rem !important; }
  .mx-sm-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .px-sm-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } }
@media screen and (min-width: 576px) { .m-sm-3, .mt-sm-3 { margin-top: 0.75rem !important; }
  .p-sm-3, .pt-sm-3 { padding-top: 0.75rem !important; }
  .m-sm-3, .me-sm-3 { margin-right: 0.75rem !important; }
  .p-sm-3, .pe-sm-3 { padding-right: 0.75rem !important; }
  .m-sm-3, .mb-sm-3 { margin-bottom: 0.75rem !important; }
  .p-sm-3, .pb-sm-3 { padding-bottom: 0.75rem !important; }
  .m-sm-3, .ms-sm-3 { margin-left: 0.75rem !important; }
  .p-sm-3, .ps-sm-3 { padding-left: 0.75rem !important; }
  .mx-sm-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .my-sm-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .px-sm-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .py-sm-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } }
@media screen and (min-width: 576px) { .m-sm-4, .mt-sm-4 { margin-top: 1rem !important; }
  .p-sm-4, .pt-sm-4 { padding-top: 1rem !important; }
  .m-sm-4, .me-sm-4 { margin-right: 1rem !important; }
  .p-sm-4, .pe-sm-4 { padding-right: 1rem !important; }
  .m-sm-4, .mb-sm-4 { margin-bottom: 1rem !important; }
  .p-sm-4, .pb-sm-4 { padding-bottom: 1rem !important; }
  .m-sm-4, .ms-sm-4 { margin-left: 1rem !important; }
  .p-sm-4, .ps-sm-4 { padding-left: 1rem !important; }
  .mx-sm-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .my-sm-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .px-sm-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .py-sm-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } }
@media screen and (min-width: 576px) { .m-sm-5, .mt-sm-5 { margin-top: 1.5rem !important; }
  .p-sm-5, .pt-sm-5 { padding-top: 1.5rem !important; }
  .m-sm-5, .me-sm-5 { margin-right: 1.5rem !important; }
  .p-sm-5, .pe-sm-5 { padding-right: 1.5rem !important; }
  .m-sm-5, .mb-sm-5 { margin-bottom: 1.5rem !important; }
  .p-sm-5, .pb-sm-5 { padding-bottom: 1.5rem !important; }
  .m-sm-5, .ms-sm-5 { margin-left: 1.5rem !important; }
  .p-sm-5, .ps-sm-5 { padding-left: 1.5rem !important; }
  .mx-sm-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .my-sm-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .px-sm-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .py-sm-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } }
@media screen and (min-width: 576px) { .m-sm-6, .mt-sm-6 { margin-top: 2rem !important; }
  .p-sm-6, .pt-sm-6 { padding-top: 2rem !important; }
  .m-sm-6, .me-sm-6 { margin-right: 2rem !important; }
  .p-sm-6, .pe-sm-6 { padding-right: 2rem !important; }
  .m-sm-6, .mb-sm-6 { margin-bottom: 2rem !important; }
  .p-sm-6, .pb-sm-6 { padding-bottom: 2rem !important; }
  .m-sm-6, .ms-sm-6 { margin-left: 2rem !important; }
  .p-sm-6, .ps-sm-6 { padding-left: 2rem !important; }
  .mx-sm-6 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .my-sm-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .px-sm-6 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .py-sm-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; } }
@media screen and (min-width: 576px) { .m-sm-7, .mt-sm-7 { margin-top: 2.5rem !important; }
  .p-sm-7, .pt-sm-7 { padding-top: 2.5rem !important; }
  .m-sm-7, .me-sm-7 { margin-right: 2.5rem !important; }
  .p-sm-7, .pe-sm-7 { padding-right: 2.5rem !important; }
  .m-sm-7, .mb-sm-7 { margin-bottom: 2.5rem !important; }
  .p-sm-7, .pb-sm-7 { padding-bottom: 2.5rem !important; }
  .m-sm-7, .ms-sm-7 { margin-left: 2.5rem !important; }
  .p-sm-7, .ps-sm-7 { padding-left: 2.5rem !important; }
  .mx-sm-7 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .my-sm-7 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .px-sm-7 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .py-sm-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } }
@media screen and (min-width: 576px) { .m-sm-8, .mt-sm-8 { margin-top: 3rem !important; }
  .p-sm-8, .pt-sm-8 { padding-top: 3rem !important; }
  .m-sm-8, .me-sm-8 { margin-right: 3rem !important; }
  .p-sm-8, .pe-sm-8 { padding-right: 3rem !important; }
  .m-sm-8, .mb-sm-8 { margin-bottom: 3rem !important; }
  .p-sm-8, .pb-sm-8 { padding-bottom: 3rem !important; }
  .m-sm-8, .ms-sm-8 { margin-left: 3rem !important; }
  .p-sm-8, .ps-sm-8 { padding-left: 3rem !important; }
  .mx-sm-8 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-sm-8 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .px-sm-8 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-sm-8 { padding-top: 3rem !important; padding-bottom: 3rem !important; } }
@media screen and (min-width: 576px) { .m-sm-9, .mt-sm-9 { margin-top: 4rem !important; }
  .p-sm-9, .pt-sm-9 { padding-top: 4rem !important; }
  .m-sm-9, .me-sm-9 { margin-right: 4rem !important; }
  .p-sm-9, .pe-sm-9 { padding-right: 4rem !important; }
  .m-sm-9, .mb-sm-9 { margin-bottom: 4rem !important; }
  .p-sm-9, .pb-sm-9 { padding-bottom: 4rem !important; }
  .m-sm-9, .ms-sm-9 { margin-left: 4rem !important; }
  .p-sm-9, .ps-sm-9 { padding-left: 4rem !important; }
  .mx-sm-9 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .my-sm-9 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .px-sm-9 { padding-left: 4rem !important; padding-right: 4rem !important; }
  .py-sm-9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } }
@media screen and (min-width: 576px) { .m-sm-10, .mt-sm-10 { margin-top: 5rem !important; }
  .p-sm-10, .pt-sm-10 { padding-top: 5rem !important; }
  .m-sm-10, .me-sm-10 { margin-right: 5rem !important; }
  .p-sm-10, .pe-sm-10 { padding-right: 5rem !important; }
  .m-sm-10, .mb-sm-10 { margin-bottom: 5rem !important; }
  .p-sm-10, .pb-sm-10 { padding-bottom: 5rem !important; }
  .m-sm-10, .ms-sm-10 { margin-left: 5rem !important; }
  .p-sm-10, .ps-sm-10 { padding-left: 5rem !important; }
  .mx-sm-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .my-sm-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .px-sm-10 { padding-left: 5rem !important; padding-right: 5rem !important; }
  .py-sm-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } }
@media screen and (min-width: 576px) { .m-sm-11, .mt-sm-11 { margin-top: 6rem !important; }
  .p-sm-11, .pt-sm-11 { padding-top: 6rem !important; }
  .m-sm-11, .me-sm-11 { margin-right: 6rem !important; }
  .p-sm-11, .pe-sm-11 { padding-right: 6rem !important; }
  .m-sm-11, .mb-sm-11 { margin-bottom: 6rem !important; }
  .p-sm-11, .pb-sm-11 { padding-bottom: 6rem !important; }
  .m-sm-11, .ms-sm-11 { margin-left: 6rem !important; }
  .p-sm-11, .ps-sm-11 { padding-left: 6rem !important; }
  .mx-sm-11 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-sm-11 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .px-sm-11 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-sm-11 { padding-top: 6rem !important; padding-bottom: 6rem !important; } }
@media screen and (min-width: 576px) { .m-sm-12, .mt-sm-12 { margin-top: 7rem !important; }
  .p-sm-12, .pt-sm-12 { padding-top: 7rem !important; }
  .m-sm-12, .me-sm-12 { margin-right: 7rem !important; }
  .p-sm-12, .pe-sm-12 { padding-right: 7rem !important; }
  .m-sm-12, .mb-sm-12 { margin-bottom: 7rem !important; }
  .p-sm-12, .pb-sm-12 { padding-bottom: 7rem !important; }
  .m-sm-12, .ms-sm-12 { margin-left: 7rem !important; }
  .p-sm-12, .ps-sm-12 { padding-left: 7rem !important; }
  .mx-sm-12 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-sm-12 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .px-sm-12 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-sm-12 { padding-top: 7rem !important; padding-bottom: 7rem !important; } }
@media screen and (min-width: 576px) { .m-sm-13, .mt-sm-13 { margin-top: 8rem !important; }
  .p-sm-13, .pt-sm-13 { padding-top: 8rem !important; }
  .m-sm-13, .me-sm-13 { margin-right: 8rem !important; }
  .p-sm-13, .pe-sm-13 { padding-right: 8rem !important; }
  .m-sm-13, .mb-sm-13 { margin-bottom: 8rem !important; }
  .p-sm-13, .pb-sm-13 { padding-bottom: 8rem !important; }
  .m-sm-13, .ms-sm-13 { margin-left: 8rem !important; }
  .p-sm-13, .ps-sm-13 { padding-left: 8rem !important; }
  .mx-sm-13 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-sm-13 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .px-sm-13 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-sm-13 { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
@media screen and (min-width: 576px) { .m-sm-14, .mt-sm-14 { margin-top: 9rem !important; }
  .p-sm-14, .pt-sm-14 { padding-top: 9rem !important; }
  .m-sm-14, .me-sm-14 { margin-right: 9rem !important; }
  .p-sm-14, .pe-sm-14 { padding-right: 9rem !important; }
  .m-sm-14, .mb-sm-14 { margin-bottom: 9rem !important; }
  .p-sm-14, .pb-sm-14 { padding-bottom: 9rem !important; }
  .m-sm-14, .ms-sm-14 { margin-left: 9rem !important; }
  .p-sm-14, .ps-sm-14 { padding-left: 9rem !important; }
  .mx-sm-14 { margin-left: 9rem !important; margin-right: 9rem !important; }
  .my-sm-14 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .px-sm-14 { padding-left: 9rem !important; padding-right: 9rem !important; }
  .py-sm-14 { padding-top: 9rem !important; padding-bottom: 9rem !important; } }
@media screen and (min-width: 576px) { .m-sm-15, .mt-sm-15 { margin-top: 10rem !important; }
  .p-sm-15, .pt-sm-15 { padding-top: 10rem !important; }
  .m-sm-15, .me-sm-15 { margin-right: 10rem !important; }
  .p-sm-15, .pe-sm-15 { padding-right: 10rem !important; }
  .m-sm-15, .mb-sm-15 { margin-bottom: 10rem !important; }
  .p-sm-15, .pb-sm-15 { padding-bottom: 10rem !important; }
  .m-sm-15, .ms-sm-15 { margin-left: 10rem !important; }
  .p-sm-15, .ps-sm-15 { padding-left: 10rem !important; }
  .mx-sm-15 { margin-left: 10rem !important; margin-right: 10rem !important; }
  .my-sm-15 { margin-top: 10rem !important; margin-bottom: 10rem !important; }
  .px-sm-15 { padding-left: 10rem !important; padding-right: 10rem !important; }
  .py-sm-15 { padding-top: 10rem !important; padding-bottom: 10rem !important; } }
@media screen and (min-width: 768px) { .m-md-0, .mt-md-0 { margin-top: 0 !important; }
  .p-md-0, .pt-md-0 { padding-top: 0 !important; }
  .m-md-0, .me-md-0 { margin-right: 0 !important; }
  .p-md-0, .pe-md-0 { padding-right: 0 !important; }
  .m-md-0, .mb-md-0 { margin-bottom: 0 !important; }
  .p-md-0, .pb-md-0 { padding-bottom: 0 !important; }
  .m-md-0, .ms-md-0 { margin-left: 0 !important; }
  .p-md-0, .ps-md-0 { padding-left: 0 !important; }
  .mx-md-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .px-md-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
@media screen and (min-width: 768px) { .m-md-1, .mt-md-1 { margin-top: 0.25rem !important; }
  .p-md-1, .pt-md-1 { padding-top: 0.25rem !important; }
  .m-md-1, .me-md-1 { margin-right: 0.25rem !important; }
  .p-md-1, .pe-md-1 { padding-right: 0.25rem !important; }
  .m-md-1, .mb-md-1 { margin-bottom: 0.25rem !important; }
  .p-md-1, .pb-md-1 { padding-bottom: 0.25rem !important; }
  .m-md-1, .ms-md-1 { margin-left: 0.25rem !important; }
  .p-md-1, .ps-md-1 { padding-left: 0.25rem !important; }
  .mx-md-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .px-md-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } }
@media screen and (min-width: 768px) { .m-md-2, .mt-md-2 { margin-top: 0.5rem !important; }
  .p-md-2, .pt-md-2 { padding-top: 0.5rem !important; }
  .m-md-2, .me-md-2 { margin-right: 0.5rem !important; }
  .p-md-2, .pe-md-2 { padding-right: 0.5rem !important; }
  .m-md-2, .mb-md-2 { margin-bottom: 0.5rem !important; }
  .p-md-2, .pb-md-2 { padding-bottom: 0.5rem !important; }
  .m-md-2, .ms-md-2 { margin-left: 0.5rem !important; }
  .p-md-2, .ps-md-2 { padding-left: 0.5rem !important; }
  .mx-md-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .px-md-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } }
@media screen and (min-width: 768px) { .m-md-3, .mt-md-3 { margin-top: 0.75rem !important; }
  .p-md-3, .pt-md-3 { padding-top: 0.75rem !important; }
  .m-md-3, .me-md-3 { margin-right: 0.75rem !important; }
  .p-md-3, .pe-md-3 { padding-right: 0.75rem !important; }
  .m-md-3, .mb-md-3 { margin-bottom: 0.75rem !important; }
  .p-md-3, .pb-md-3 { padding-bottom: 0.75rem !important; }
  .m-md-3, .ms-md-3 { margin-left: 0.75rem !important; }
  .p-md-3, .ps-md-3 { padding-left: 0.75rem !important; }
  .mx-md-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .my-md-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .px-md-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .py-md-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } }
@media screen and (min-width: 768px) { .m-md-4, .mt-md-4 { margin-top: 1rem !important; }
  .p-md-4, .pt-md-4 { padding-top: 1rem !important; }
  .m-md-4, .me-md-4 { margin-right: 1rem !important; }
  .p-md-4, .pe-md-4 { padding-right: 1rem !important; }
  .m-md-4, .mb-md-4 { margin-bottom: 1rem !important; }
  .p-md-4, .pb-md-4 { padding-bottom: 1rem !important; }
  .m-md-4, .ms-md-4 { margin-left: 1rem !important; }
  .p-md-4, .ps-md-4 { padding-left: 1rem !important; }
  .mx-md-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .my-md-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .px-md-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .py-md-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } }
@media screen and (min-width: 768px) { .m-md-5, .mt-md-5 { margin-top: 1.5rem !important; }
  .p-md-5, .pt-md-5 { padding-top: 1.5rem !important; }
  .m-md-5, .me-md-5 { margin-right: 1.5rem !important; }
  .p-md-5, .pe-md-5 { padding-right: 1.5rem !important; }
  .m-md-5, .mb-md-5 { margin-bottom: 1.5rem !important; }
  .p-md-5, .pb-md-5 { padding-bottom: 1.5rem !important; }
  .m-md-5, .ms-md-5 { margin-left: 1.5rem !important; }
  .p-md-5, .ps-md-5 { padding-left: 1.5rem !important; }
  .mx-md-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .my-md-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .px-md-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .py-md-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } }
@media screen and (min-width: 768px) { .m-md-6, .mt-md-6 { margin-top: 2rem !important; }
  .p-md-6, .pt-md-6 { padding-top: 2rem !important; }
  .m-md-6, .me-md-6 { margin-right: 2rem !important; }
  .p-md-6, .pe-md-6 { padding-right: 2rem !important; }
  .m-md-6, .mb-md-6 { margin-bottom: 2rem !important; }
  .p-md-6, .pb-md-6 { padding-bottom: 2rem !important; }
  .m-md-6, .ms-md-6 { margin-left: 2rem !important; }
  .p-md-6, .ps-md-6 { padding-left: 2rem !important; }
  .mx-md-6 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .my-md-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .px-md-6 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .py-md-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; } }
@media screen and (min-width: 768px) { .m-md-7, .mt-md-7 { margin-top: 2.5rem !important; }
  .p-md-7, .pt-md-7 { padding-top: 2.5rem !important; }
  .m-md-7, .me-md-7 { margin-right: 2.5rem !important; }
  .p-md-7, .pe-md-7 { padding-right: 2.5rem !important; }
  .m-md-7, .mb-md-7 { margin-bottom: 2.5rem !important; }
  .p-md-7, .pb-md-7 { padding-bottom: 2.5rem !important; }
  .m-md-7, .ms-md-7 { margin-left: 2.5rem !important; }
  .p-md-7, .ps-md-7 { padding-left: 2.5rem !important; }
  .mx-md-7 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .my-md-7 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .px-md-7 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .py-md-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } }
@media screen and (min-width: 768px) { .m-md-8, .mt-md-8 { margin-top: 3rem !important; }
  .p-md-8, .pt-md-8 { padding-top: 3rem !important; }
  .m-md-8, .me-md-8 { margin-right: 3rem !important; }
  .p-md-8, .pe-md-8 { padding-right: 3rem !important; }
  .m-md-8, .mb-md-8 { margin-bottom: 3rem !important; }
  .p-md-8, .pb-md-8 { padding-bottom: 3rem !important; }
  .m-md-8, .ms-md-8 { margin-left: 3rem !important; }
  .p-md-8, .ps-md-8 { padding-left: 3rem !important; }
  .mx-md-8 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-md-8 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .px-md-8 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-md-8 { padding-top: 3rem !important; padding-bottom: 3rem !important; } }
@media screen and (min-width: 768px) { .m-md-9, .mt-md-9 { margin-top: 4rem !important; }
  .p-md-9, .pt-md-9 { padding-top: 4rem !important; }
  .m-md-9, .me-md-9 { margin-right: 4rem !important; }
  .p-md-9, .pe-md-9 { padding-right: 4rem !important; }
  .m-md-9, .mb-md-9 { margin-bottom: 4rem !important; }
  .p-md-9, .pb-md-9 { padding-bottom: 4rem !important; }
  .m-md-9, .ms-md-9 { margin-left: 4rem !important; }
  .p-md-9, .ps-md-9 { padding-left: 4rem !important; }
  .mx-md-9 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .my-md-9 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .px-md-9 { padding-left: 4rem !important; padding-right: 4rem !important; }
  .py-md-9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } }
@media screen and (min-width: 768px) { .m-md-10, .mt-md-10 { margin-top: 5rem !important; }
  .p-md-10, .pt-md-10 { padding-top: 5rem !important; }
  .m-md-10, .me-md-10 { margin-right: 5rem !important; }
  .p-md-10, .pe-md-10 { padding-right: 5rem !important; }
  .m-md-10, .mb-md-10 { margin-bottom: 5rem !important; }
  .p-md-10, .pb-md-10 { padding-bottom: 5rem !important; }
  .m-md-10, .ms-md-10 { margin-left: 5rem !important; }
  .p-md-10, .ps-md-10 { padding-left: 5rem !important; }
  .mx-md-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .my-md-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .px-md-10 { padding-left: 5rem !important; padding-right: 5rem !important; }
  .py-md-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } }
@media screen and (min-width: 768px) { .m-md-11, .mt-md-11 { margin-top: 6rem !important; }
  .p-md-11, .pt-md-11 { padding-top: 6rem !important; }
  .m-md-11, .me-md-11 { margin-right: 6rem !important; }
  .p-md-11, .pe-md-11 { padding-right: 6rem !important; }
  .m-md-11, .mb-md-11 { margin-bottom: 6rem !important; }
  .p-md-11, .pb-md-11 { padding-bottom: 6rem !important; }
  .m-md-11, .ms-md-11 { margin-left: 6rem !important; }
  .p-md-11, .ps-md-11 { padding-left: 6rem !important; }
  .mx-md-11 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-md-11 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .px-md-11 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-md-11 { padding-top: 6rem !important; padding-bottom: 6rem !important; } }
@media screen and (min-width: 768px) { .m-md-12, .mt-md-12 { margin-top: 7rem !important; }
  .p-md-12, .pt-md-12 { padding-top: 7rem !important; }
  .m-md-12, .me-md-12 { margin-right: 7rem !important; }
  .p-md-12, .pe-md-12 { padding-right: 7rem !important; }
  .m-md-12, .mb-md-12 { margin-bottom: 7rem !important; }
  .p-md-12, .pb-md-12 { padding-bottom: 7rem !important; }
  .m-md-12, .ms-md-12 { margin-left: 7rem !important; }
  .p-md-12, .ps-md-12 { padding-left: 7rem !important; }
  .mx-md-12 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-md-12 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .px-md-12 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-md-12 { padding-top: 7rem !important; padding-bottom: 7rem !important; } }
@media screen and (min-width: 768px) { .m-md-13, .mt-md-13 { margin-top: 8rem !important; }
  .p-md-13, .pt-md-13 { padding-top: 8rem !important; }
  .m-md-13, .me-md-13 { margin-right: 8rem !important; }
  .p-md-13, .pe-md-13 { padding-right: 8rem !important; }
  .m-md-13, .mb-md-13 { margin-bottom: 8rem !important; }
  .p-md-13, .pb-md-13 { padding-bottom: 8rem !important; }
  .m-md-13, .ms-md-13 { margin-left: 8rem !important; }
  .p-md-13, .ps-md-13 { padding-left: 8rem !important; }
  .mx-md-13 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-md-13 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .px-md-13 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-md-13 { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
@media screen and (min-width: 768px) { .m-md-14, .mt-md-14 { margin-top: 9rem !important; }
  .p-md-14, .pt-md-14 { padding-top: 9rem !important; }
  .m-md-14, .me-md-14 { margin-right: 9rem !important; }
  .p-md-14, .pe-md-14 { padding-right: 9rem !important; }
  .m-md-14, .mb-md-14 { margin-bottom: 9rem !important; }
  .p-md-14, .pb-md-14 { padding-bottom: 9rem !important; }
  .m-md-14, .ms-md-14 { margin-left: 9rem !important; }
  .p-md-14, .ps-md-14 { padding-left: 9rem !important; }
  .mx-md-14 { margin-left: 9rem !important; margin-right: 9rem !important; }
  .my-md-14 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .px-md-14 { padding-left: 9rem !important; padding-right: 9rem !important; }
  .py-md-14 { padding-top: 9rem !important; padding-bottom: 9rem !important; } }
@media screen and (min-width: 768px) { .m-md-15, .mt-md-15 { margin-top: 10rem !important; }
  .p-md-15, .pt-md-15 { padding-top: 10rem !important; }
  .m-md-15, .me-md-15 { margin-right: 10rem !important; }
  .p-md-15, .pe-md-15 { padding-right: 10rem !important; }
  .m-md-15, .mb-md-15 { margin-bottom: 10rem !important; }
  .p-md-15, .pb-md-15 { padding-bottom: 10rem !important; }
  .m-md-15, .ms-md-15 { margin-left: 10rem !important; }
  .p-md-15, .ps-md-15 { padding-left: 10rem !important; }
  .mx-md-15 { margin-left: 10rem !important; margin-right: 10rem !important; }
  .my-md-15 { margin-top: 10rem !important; margin-bottom: 10rem !important; }
  .px-md-15 { padding-left: 10rem !important; padding-right: 10rem !important; }
  .py-md-15 { padding-top: 10rem !important; padding-bottom: 10rem !important; } }
@media screen and (min-width: 992px) { .m-lg-0, .mt-lg-0 { margin-top: 0 !important; }
  .p-lg-0, .pt-lg-0 { padding-top: 0 !important; }
  .m-lg-0, .me-lg-0 { margin-right: 0 !important; }
  .p-lg-0, .pe-lg-0 { padding-right: 0 !important; }
  .m-lg-0, .mb-lg-0 { margin-bottom: 0 !important; }
  .p-lg-0, .pb-lg-0 { padding-bottom: 0 !important; }
  .m-lg-0, .ms-lg-0 { margin-left: 0 !important; }
  .p-lg-0, .ps-lg-0 { padding-left: 0 !important; }
  .mx-lg-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .px-lg-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
@media screen and (min-width: 992px) { .m-lg-1, .mt-lg-1 { margin-top: 0.25rem !important; }
  .p-lg-1, .pt-lg-1 { padding-top: 0.25rem !important; }
  .m-lg-1, .me-lg-1 { margin-right: 0.25rem !important; }
  .p-lg-1, .pe-lg-1 { padding-right: 0.25rem !important; }
  .m-lg-1, .mb-lg-1 { margin-bottom: 0.25rem !important; }
  .p-lg-1, .pb-lg-1 { padding-bottom: 0.25rem !important; }
  .m-lg-1, .ms-lg-1 { margin-left: 0.25rem !important; }
  .p-lg-1, .ps-lg-1 { padding-left: 0.25rem !important; }
  .mx-lg-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .px-lg-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } }
@media screen and (min-width: 992px) { .m-lg-2, .mt-lg-2 { margin-top: 0.5rem !important; }
  .p-lg-2, .pt-lg-2 { padding-top: 0.5rem !important; }
  .m-lg-2, .me-lg-2 { margin-right: 0.5rem !important; }
  .p-lg-2, .pe-lg-2 { padding-right: 0.5rem !important; }
  .m-lg-2, .mb-lg-2 { margin-bottom: 0.5rem !important; }
  .p-lg-2, .pb-lg-2 { padding-bottom: 0.5rem !important; }
  .m-lg-2, .ms-lg-2 { margin-left: 0.5rem !important; }
  .p-lg-2, .ps-lg-2 { padding-left: 0.5rem !important; }
  .mx-lg-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .px-lg-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } }
@media screen and (min-width: 992px) { .m-lg-3, .mt-lg-3 { margin-top: 0.75rem !important; }
  .p-lg-3, .pt-lg-3 { padding-top: 0.75rem !important; }
  .m-lg-3, .me-lg-3 { margin-right: 0.75rem !important; }
  .p-lg-3, .pe-lg-3 { padding-right: 0.75rem !important; }
  .m-lg-3, .mb-lg-3 { margin-bottom: 0.75rem !important; }
  .p-lg-3, .pb-lg-3 { padding-bottom: 0.75rem !important; }
  .m-lg-3, .ms-lg-3 { margin-left: 0.75rem !important; }
  .p-lg-3, .ps-lg-3 { padding-left: 0.75rem !important; }
  .mx-lg-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .my-lg-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .px-lg-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .py-lg-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } }
@media screen and (min-width: 992px) { .m-lg-4, .mt-lg-4 { margin-top: 1rem !important; }
  .p-lg-4, .pt-lg-4 { padding-top: 1rem !important; }
  .m-lg-4, .me-lg-4 { margin-right: 1rem !important; }
  .p-lg-4, .pe-lg-4 { padding-right: 1rem !important; }
  .m-lg-4, .mb-lg-4 { margin-bottom: 1rem !important; }
  .p-lg-4, .pb-lg-4 { padding-bottom: 1rem !important; }
  .m-lg-4, .ms-lg-4 { margin-left: 1rem !important; }
  .p-lg-4, .ps-lg-4 { padding-left: 1rem !important; }
  .mx-lg-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .my-lg-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .px-lg-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .py-lg-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } }
@media screen and (min-width: 992px) { .m-lg-5, .mt-lg-5 { margin-top: 1.5rem !important; }
  .p-lg-5, .pt-lg-5 { padding-top: 1.5rem !important; }
  .m-lg-5, .me-lg-5 { margin-right: 1.5rem !important; }
  .p-lg-5, .pe-lg-5 { padding-right: 1.5rem !important; }
  .m-lg-5, .mb-lg-5 { margin-bottom: 1.5rem !important; }
  .p-lg-5, .pb-lg-5 { padding-bottom: 1.5rem !important; }
  .m-lg-5, .ms-lg-5 { margin-left: 1.5rem !important; }
  .p-lg-5, .ps-lg-5 { padding-left: 1.5rem !important; }
  .mx-lg-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .my-lg-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .px-lg-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .py-lg-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } }
@media screen and (min-width: 992px) { .m-lg-6, .mt-lg-6 { margin-top: 2rem !important; }
  .p-lg-6, .pt-lg-6 { padding-top: 2rem !important; }
  .m-lg-6, .me-lg-6 { margin-right: 2rem !important; }
  .p-lg-6, .pe-lg-6 { padding-right: 2rem !important; }
  .m-lg-6, .mb-lg-6 { margin-bottom: 2rem !important; }
  .p-lg-6, .pb-lg-6 { padding-bottom: 2rem !important; }
  .m-lg-6, .ms-lg-6 { margin-left: 2rem !important; }
  .p-lg-6, .ps-lg-6 { padding-left: 2rem !important; }
  .mx-lg-6 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .my-lg-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .px-lg-6 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .py-lg-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; } }
@media screen and (min-width: 992px) { .m-lg-7, .mt-lg-7 { margin-top: 2.5rem !important; }
  .p-lg-7, .pt-lg-7 { padding-top: 2.5rem !important; }
  .m-lg-7, .me-lg-7 { margin-right: 2.5rem !important; }
  .p-lg-7, .pe-lg-7 { padding-right: 2.5rem !important; }
  .m-lg-7, .mb-lg-7 { margin-bottom: 2.5rem !important; }
  .p-lg-7, .pb-lg-7 { padding-bottom: 2.5rem !important; }
  .m-lg-7, .ms-lg-7 { margin-left: 2.5rem !important; }
  .p-lg-7, .ps-lg-7 { padding-left: 2.5rem !important; }
  .mx-lg-7 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .my-lg-7 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .px-lg-7 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .py-lg-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } }
@media screen and (min-width: 992px) { .m-lg-8, .mt-lg-8 { margin-top: 3rem !important; }
  .p-lg-8, .pt-lg-8 { padding-top: 3rem !important; }
  .m-lg-8, .me-lg-8 { margin-right: 3rem !important; }
  .p-lg-8, .pe-lg-8 { padding-right: 3rem !important; }
  .m-lg-8, .mb-lg-8 { margin-bottom: 3rem !important; }
  .p-lg-8, .pb-lg-8 { padding-bottom: 3rem !important; }
  .m-lg-8, .ms-lg-8 { margin-left: 3rem !important; }
  .p-lg-8, .ps-lg-8 { padding-left: 3rem !important; }
  .mx-lg-8 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-lg-8 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .px-lg-8 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-lg-8 { padding-top: 3rem !important; padding-bottom: 3rem !important; } }
@media screen and (min-width: 992px) { .m-lg-9, .mt-lg-9 { margin-top: 4rem !important; }
  .p-lg-9, .pt-lg-9 { padding-top: 4rem !important; }
  .m-lg-9, .me-lg-9 { margin-right: 4rem !important; }
  .p-lg-9, .pe-lg-9 { padding-right: 4rem !important; }
  .m-lg-9, .mb-lg-9 { margin-bottom: 4rem !important; }
  .p-lg-9, .pb-lg-9 { padding-bottom: 4rem !important; }
  .m-lg-9, .ms-lg-9 { margin-left: 4rem !important; }
  .p-lg-9, .ps-lg-9 { padding-left: 4rem !important; }
  .mx-lg-9 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .my-lg-9 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .px-lg-9 { padding-left: 4rem !important; padding-right: 4rem !important; }
  .py-lg-9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } }
@media screen and (min-width: 992px) { .m-lg-10, .mt-lg-10 { margin-top: 5rem !important; }
  .p-lg-10, .pt-lg-10 { padding-top: 5rem !important; }
  .m-lg-10, .me-lg-10 { margin-right: 5rem !important; }
  .p-lg-10, .pe-lg-10 { padding-right: 5rem !important; }
  .m-lg-10, .mb-lg-10 { margin-bottom: 5rem !important; }
  .p-lg-10, .pb-lg-10 { padding-bottom: 5rem !important; }
  .m-lg-10, .ms-lg-10 { margin-left: 5rem !important; }
  .p-lg-10, .ps-lg-10 { padding-left: 5rem !important; }
  .mx-lg-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .my-lg-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .px-lg-10 { padding-left: 5rem !important; padding-right: 5rem !important; }
  .py-lg-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } }
@media screen and (min-width: 992px) { .m-lg-11, .mt-lg-11 { margin-top: 6rem !important; }
  .p-lg-11, .pt-lg-11 { padding-top: 6rem !important; }
  .m-lg-11, .me-lg-11 { margin-right: 6rem !important; }
  .p-lg-11, .pe-lg-11 { padding-right: 6rem !important; }
  .m-lg-11, .mb-lg-11 { margin-bottom: 6rem !important; }
  .p-lg-11, .pb-lg-11 { padding-bottom: 6rem !important; }
  .m-lg-11, .ms-lg-11 { margin-left: 6rem !important; }
  .p-lg-11, .ps-lg-11 { padding-left: 6rem !important; }
  .mx-lg-11 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-lg-11 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .px-lg-11 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-lg-11 { padding-top: 6rem !important; padding-bottom: 6rem !important; } }
@media screen and (min-width: 992px) { .m-lg-12, .mt-lg-12 { margin-top: 7rem !important; }
  .p-lg-12, .pt-lg-12 { padding-top: 7rem !important; }
  .m-lg-12, .me-lg-12 { margin-right: 7rem !important; }
  .p-lg-12, .pe-lg-12 { padding-right: 7rem !important; }
  .m-lg-12, .mb-lg-12 { margin-bottom: 7rem !important; }
  .p-lg-12, .pb-lg-12 { padding-bottom: 7rem !important; }
  .m-lg-12, .ms-lg-12 { margin-left: 7rem !important; }
  .p-lg-12, .ps-lg-12 { padding-left: 7rem !important; }
  .mx-lg-12 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-lg-12 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .px-lg-12 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-lg-12 { padding-top: 7rem !important; padding-bottom: 7rem !important; } }
@media screen and (min-width: 992px) { .m-lg-13, .mt-lg-13 { margin-top: 8rem !important; }
  .p-lg-13, .pt-lg-13 { padding-top: 8rem !important; }
  .m-lg-13, .me-lg-13 { margin-right: 8rem !important; }
  .p-lg-13, .pe-lg-13 { padding-right: 8rem !important; }
  .m-lg-13, .mb-lg-13 { margin-bottom: 8rem !important; }
  .p-lg-13, .pb-lg-13 { padding-bottom: 8rem !important; }
  .m-lg-13, .ms-lg-13 { margin-left: 8rem !important; }
  .p-lg-13, .ps-lg-13 { padding-left: 8rem !important; }
  .mx-lg-13 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-lg-13 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .px-lg-13 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-lg-13 { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
@media screen and (min-width: 992px) { .m-lg-14, .mt-lg-14 { margin-top: 9rem !important; }
  .p-lg-14, .pt-lg-14 { padding-top: 9rem !important; }
  .m-lg-14, .me-lg-14 { margin-right: 9rem !important; }
  .p-lg-14, .pe-lg-14 { padding-right: 9rem !important; }
  .m-lg-14, .mb-lg-14 { margin-bottom: 9rem !important; }
  .p-lg-14, .pb-lg-14 { padding-bottom: 9rem !important; }
  .m-lg-14, .ms-lg-14 { margin-left: 9rem !important; }
  .p-lg-14, .ps-lg-14 { padding-left: 9rem !important; }
  .mx-lg-14 { margin-left: 9rem !important; margin-right: 9rem !important; }
  .my-lg-14 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .px-lg-14 { padding-left: 9rem !important; padding-right: 9rem !important; }
  .py-lg-14 { padding-top: 9rem !important; padding-bottom: 9rem !important; } }
@media screen and (min-width: 992px) { .m-lg-15, .mt-lg-15 { margin-top: 10rem !important; }
  .p-lg-15, .pt-lg-15 { padding-top: 10rem !important; }
  .m-lg-15, .me-lg-15 { margin-right: 10rem !important; }
  .p-lg-15, .pe-lg-15 { padding-right: 10rem !important; }
  .m-lg-15, .mb-lg-15 { margin-bottom: 10rem !important; }
  .p-lg-15, .pb-lg-15 { padding-bottom: 10rem !important; }
  .m-lg-15, .ms-lg-15 { margin-left: 10rem !important; }
  .p-lg-15, .ps-lg-15 { padding-left: 10rem !important; }
  .mx-lg-15 { margin-left: 10rem !important; margin-right: 10rem !important; }
  .my-lg-15 { margin-top: 10rem !important; margin-bottom: 10rem !important; }
  .px-lg-15 { padding-left: 10rem !important; padding-right: 10rem !important; }
  .py-lg-15 { padding-top: 10rem !important; padding-bottom: 10rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-0, .mt-xl-0 { margin-top: 0 !important; }
  .p-xl-0, .pt-xl-0 { padding-top: 0 !important; }
  .m-xl-0, .me-xl-0 { margin-right: 0 !important; }
  .p-xl-0, .pe-xl-0 { padding-right: 0 !important; }
  .m-xl-0, .mb-xl-0 { margin-bottom: 0 !important; }
  .p-xl-0, .pb-xl-0 { padding-bottom: 0 !important; }
  .m-xl-0, .ms-xl-0 { margin-left: 0 !important; }
  .p-xl-0, .ps-xl-0 { padding-left: 0 !important; }
  .mx-xl-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .px-xl-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
@media screen and (min-width: 1200px) { .m-xl-1, .mt-xl-1 { margin-top: 0.25rem !important; }
  .p-xl-1, .pt-xl-1 { padding-top: 0.25rem !important; }
  .m-xl-1, .me-xl-1 { margin-right: 0.25rem !important; }
  .p-xl-1, .pe-xl-1 { padding-right: 0.25rem !important; }
  .m-xl-1, .mb-xl-1 { margin-bottom: 0.25rem !important; }
  .p-xl-1, .pb-xl-1 { padding-bottom: 0.25rem !important; }
  .m-xl-1, .ms-xl-1 { margin-left: 0.25rem !important; }
  .p-xl-1, .ps-xl-1 { padding-left: 0.25rem !important; }
  .mx-xl-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .px-xl-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-2, .mt-xl-2 { margin-top: 0.5rem !important; }
  .p-xl-2, .pt-xl-2 { padding-top: 0.5rem !important; }
  .m-xl-2, .me-xl-2 { margin-right: 0.5rem !important; }
  .p-xl-2, .pe-xl-2 { padding-right: 0.5rem !important; }
  .m-xl-2, .mb-xl-2 { margin-bottom: 0.5rem !important; }
  .p-xl-2, .pb-xl-2 { padding-bottom: 0.5rem !important; }
  .m-xl-2, .ms-xl-2 { margin-left: 0.5rem !important; }
  .p-xl-2, .ps-xl-2 { padding-left: 0.5rem !important; }
  .mx-xl-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .px-xl-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-3, .mt-xl-3 { margin-top: 0.75rem !important; }
  .p-xl-3, .pt-xl-3 { padding-top: 0.75rem !important; }
  .m-xl-3, .me-xl-3 { margin-right: 0.75rem !important; }
  .p-xl-3, .pe-xl-3 { padding-right: 0.75rem !important; }
  .m-xl-3, .mb-xl-3 { margin-bottom: 0.75rem !important; }
  .p-xl-3, .pb-xl-3 { padding-bottom: 0.75rem !important; }
  .m-xl-3, .ms-xl-3 { margin-left: 0.75rem !important; }
  .p-xl-3, .ps-xl-3 { padding-left: 0.75rem !important; }
  .mx-xl-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .my-xl-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .px-xl-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .py-xl-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-4, .mt-xl-4 { margin-top: 1rem !important; }
  .p-xl-4, .pt-xl-4 { padding-top: 1rem !important; }
  .m-xl-4, .me-xl-4 { margin-right: 1rem !important; }
  .p-xl-4, .pe-xl-4 { padding-right: 1rem !important; }
  .m-xl-4, .mb-xl-4 { margin-bottom: 1rem !important; }
  .p-xl-4, .pb-xl-4 { padding-bottom: 1rem !important; }
  .m-xl-4, .ms-xl-4 { margin-left: 1rem !important; }
  .p-xl-4, .ps-xl-4 { padding-left: 1rem !important; }
  .mx-xl-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .my-xl-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .px-xl-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .py-xl-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-5, .mt-xl-5 { margin-top: 1.5rem !important; }
  .p-xl-5, .pt-xl-5 { padding-top: 1.5rem !important; }
  .m-xl-5, .me-xl-5 { margin-right: 1.5rem !important; }
  .p-xl-5, .pe-xl-5 { padding-right: 1.5rem !important; }
  .m-xl-5, .mb-xl-5 { margin-bottom: 1.5rem !important; }
  .p-xl-5, .pb-xl-5 { padding-bottom: 1.5rem !important; }
  .m-xl-5, .ms-xl-5 { margin-left: 1.5rem !important; }
  .p-xl-5, .ps-xl-5 { padding-left: 1.5rem !important; }
  .mx-xl-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .my-xl-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .px-xl-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .py-xl-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-6, .mt-xl-6 { margin-top: 2rem !important; }
  .p-xl-6, .pt-xl-6 { padding-top: 2rem !important; }
  .m-xl-6, .me-xl-6 { margin-right: 2rem !important; }
  .p-xl-6, .pe-xl-6 { padding-right: 2rem !important; }
  .m-xl-6, .mb-xl-6 { margin-bottom: 2rem !important; }
  .p-xl-6, .pb-xl-6 { padding-bottom: 2rem !important; }
  .m-xl-6, .ms-xl-6 { margin-left: 2rem !important; }
  .p-xl-6, .ps-xl-6 { padding-left: 2rem !important; }
  .mx-xl-6 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .my-xl-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .px-xl-6 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .py-xl-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-7, .mt-xl-7 { margin-top: 2.5rem !important; }
  .p-xl-7, .pt-xl-7 { padding-top: 2.5rem !important; }
  .m-xl-7, .me-xl-7 { margin-right: 2.5rem !important; }
  .p-xl-7, .pe-xl-7 { padding-right: 2.5rem !important; }
  .m-xl-7, .mb-xl-7 { margin-bottom: 2.5rem !important; }
  .p-xl-7, .pb-xl-7 { padding-bottom: 2.5rem !important; }
  .m-xl-7, .ms-xl-7 { margin-left: 2.5rem !important; }
  .p-xl-7, .ps-xl-7 { padding-left: 2.5rem !important; }
  .mx-xl-7 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .my-xl-7 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .px-xl-7 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .py-xl-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-8, .mt-xl-8 { margin-top: 3rem !important; }
  .p-xl-8, .pt-xl-8 { padding-top: 3rem !important; }
  .m-xl-8, .me-xl-8 { margin-right: 3rem !important; }
  .p-xl-8, .pe-xl-8 { padding-right: 3rem !important; }
  .m-xl-8, .mb-xl-8 { margin-bottom: 3rem !important; }
  .p-xl-8, .pb-xl-8 { padding-bottom: 3rem !important; }
  .m-xl-8, .ms-xl-8 { margin-left: 3rem !important; }
  .p-xl-8, .ps-xl-8 { padding-left: 3rem !important; }
  .mx-xl-8 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-xl-8 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .px-xl-8 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-xl-8 { padding-top: 3rem !important; padding-bottom: 3rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-9, .mt-xl-9 { margin-top: 4rem !important; }
  .p-xl-9, .pt-xl-9 { padding-top: 4rem !important; }
  .m-xl-9, .me-xl-9 { margin-right: 4rem !important; }
  .p-xl-9, .pe-xl-9 { padding-right: 4rem !important; }
  .m-xl-9, .mb-xl-9 { margin-bottom: 4rem !important; }
  .p-xl-9, .pb-xl-9 { padding-bottom: 4rem !important; }
  .m-xl-9, .ms-xl-9 { margin-left: 4rem !important; }
  .p-xl-9, .ps-xl-9 { padding-left: 4rem !important; }
  .mx-xl-9 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .my-xl-9 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .px-xl-9 { padding-left: 4rem !important; padding-right: 4rem !important; }
  .py-xl-9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-10, .mt-xl-10 { margin-top: 5rem !important; }
  .p-xl-10, .pt-xl-10 { padding-top: 5rem !important; }
  .m-xl-10, .me-xl-10 { margin-right: 5rem !important; }
  .p-xl-10, .pe-xl-10 { padding-right: 5rem !important; }
  .m-xl-10, .mb-xl-10 { margin-bottom: 5rem !important; }
  .p-xl-10, .pb-xl-10 { padding-bottom: 5rem !important; }
  .m-xl-10, .ms-xl-10 { margin-left: 5rem !important; }
  .p-xl-10, .ps-xl-10 { padding-left: 5rem !important; }
  .mx-xl-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .my-xl-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .px-xl-10 { padding-left: 5rem !important; padding-right: 5rem !important; }
  .py-xl-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-11, .mt-xl-11 { margin-top: 6rem !important; }
  .p-xl-11, .pt-xl-11 { padding-top: 6rem !important; }
  .m-xl-11, .me-xl-11 { margin-right: 6rem !important; }
  .p-xl-11, .pe-xl-11 { padding-right: 6rem !important; }
  .m-xl-11, .mb-xl-11 { margin-bottom: 6rem !important; }
  .p-xl-11, .pb-xl-11 { padding-bottom: 6rem !important; }
  .m-xl-11, .ms-xl-11 { margin-left: 6rem !important; }
  .p-xl-11, .ps-xl-11 { padding-left: 6rem !important; }
  .mx-xl-11 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-xl-11 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .px-xl-11 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-xl-11 { padding-top: 6rem !important; padding-bottom: 6rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-12, .mt-xl-12 { margin-top: 7rem !important; }
  .p-xl-12, .pt-xl-12 { padding-top: 7rem !important; }
  .m-xl-12, .me-xl-12 { margin-right: 7rem !important; }
  .p-xl-12, .pe-xl-12 { padding-right: 7rem !important; }
  .m-xl-12, .mb-xl-12 { margin-bottom: 7rem !important; }
  .p-xl-12, .pb-xl-12 { padding-bottom: 7rem !important; }
  .m-xl-12, .ms-xl-12 { margin-left: 7rem !important; }
  .p-xl-12, .ps-xl-12 { padding-left: 7rem !important; }
  .mx-xl-12 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-xl-12 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .px-xl-12 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-xl-12 { padding-top: 7rem !important; padding-bottom: 7rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-13, .mt-xl-13 { margin-top: 8rem !important; }
  .p-xl-13, .pt-xl-13 { padding-top: 8rem !important; }
  .m-xl-13, .me-xl-13 { margin-right: 8rem !important; }
  .p-xl-13, .pe-xl-13 { padding-right: 8rem !important; }
  .m-xl-13, .mb-xl-13 { margin-bottom: 8rem !important; }
  .p-xl-13, .pb-xl-13 { padding-bottom: 8rem !important; }
  .m-xl-13, .ms-xl-13 { margin-left: 8rem !important; }
  .p-xl-13, .ps-xl-13 { padding-left: 8rem !important; }
  .mx-xl-13 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-xl-13 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .px-xl-13 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-xl-13 { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-14, .mt-xl-14 { margin-top: 9rem !important; }
  .p-xl-14, .pt-xl-14 { padding-top: 9rem !important; }
  .m-xl-14, .me-xl-14 { margin-right: 9rem !important; }
  .p-xl-14, .pe-xl-14 { padding-right: 9rem !important; }
  .m-xl-14, .mb-xl-14 { margin-bottom: 9rem !important; }
  .p-xl-14, .pb-xl-14 { padding-bottom: 9rem !important; }
  .m-xl-14, .ms-xl-14 { margin-left: 9rem !important; }
  .p-xl-14, .ps-xl-14 { padding-left: 9rem !important; }
  .mx-xl-14 { margin-left: 9rem !important; margin-right: 9rem !important; }
  .my-xl-14 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .px-xl-14 { padding-left: 9rem !important; padding-right: 9rem !important; }
  .py-xl-14 { padding-top: 9rem !important; padding-bottom: 9rem !important; } }
@media screen and (min-width: 1200px) { .m-xl-15, .mt-xl-15 { margin-top: 10rem !important; }
  .p-xl-15, .pt-xl-15 { padding-top: 10rem !important; }
  .m-xl-15, .me-xl-15 { margin-right: 10rem !important; }
  .p-xl-15, .pe-xl-15 { padding-right: 10rem !important; }
  .m-xl-15, .mb-xl-15 { margin-bottom: 10rem !important; }
  .p-xl-15, .pb-xl-15 { padding-bottom: 10rem !important; }
  .m-xl-15, .ms-xl-15 { margin-left: 10rem !important; }
  .p-xl-15, .ps-xl-15 { padding-left: 10rem !important; }
  .mx-xl-15 { margin-left: 10rem !important; margin-right: 10rem !important; }
  .my-xl-15 { margin-top: 10rem !important; margin-bottom: 10rem !important; }
  .px-xl-15 { padding-left: 10rem !important; padding-right: 10rem !important; }
  .py-xl-15 { padding-top: 10rem !important; padding-bottom: 10rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-0, .mt-xxl-0 { margin-top: 0 !important; }
  .p-xxl-0, .pt-xxl-0 { padding-top: 0 !important; }
  .m-xxl-0, .me-xxl-0 { margin-right: 0 !important; }
  .p-xxl-0, .pe-xxl-0 { padding-right: 0 !important; }
  .m-xxl-0, .mb-xxl-0 { margin-bottom: 0 !important; }
  .p-xxl-0, .pb-xxl-0 { padding-bottom: 0 !important; }
  .m-xxl-0, .ms-xxl-0 { margin-left: 0 !important; }
  .p-xxl-0, .ps-xxl-0 { padding-left: 0 !important; }
  .mx-xxl-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .my-xxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .px-xxl-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .py-xxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
@media screen and (min-width: 1400px) { .m-xxl-1, .mt-xxl-1 { margin-top: 0.25rem !important; }
  .p-xxl-1, .pt-xxl-1 { padding-top: 0.25rem !important; }
  .m-xxl-1, .me-xxl-1 { margin-right: 0.25rem !important; }
  .p-xxl-1, .pe-xxl-1 { padding-right: 0.25rem !important; }
  .m-xxl-1, .mb-xxl-1 { margin-bottom: 0.25rem !important; }
  .p-xxl-1, .pb-xxl-1 { padding-bottom: 0.25rem !important; }
  .m-xxl-1, .ms-xxl-1 { margin-left: 0.25rem !important; }
  .p-xxl-1, .ps-xxl-1 { padding-left: 0.25rem !important; }
  .mx-xxl-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .my-xxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .px-xxl-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .py-xxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-2, .mt-xxl-2 { margin-top: 0.5rem !important; }
  .p-xxl-2, .pt-xxl-2 { padding-top: 0.5rem !important; }
  .m-xxl-2, .me-xxl-2 { margin-right: 0.5rem !important; }
  .p-xxl-2, .pe-xxl-2 { padding-right: 0.5rem !important; }
  .m-xxl-2, .mb-xxl-2 { margin-bottom: 0.5rem !important; }
  .p-xxl-2, .pb-xxl-2 { padding-bottom: 0.5rem !important; }
  .m-xxl-2, .ms-xxl-2 { margin-left: 0.5rem !important; }
  .p-xxl-2, .ps-xxl-2 { padding-left: 0.5rem !important; }
  .mx-xxl-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .my-xxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .px-xxl-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .py-xxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-3, .mt-xxl-3 { margin-top: 0.75rem !important; }
  .p-xxl-3, .pt-xxl-3 { padding-top: 0.75rem !important; }
  .m-xxl-3, .me-xxl-3 { margin-right: 0.75rem !important; }
  .p-xxl-3, .pe-xxl-3 { padding-right: 0.75rem !important; }
  .m-xxl-3, .mb-xxl-3 { margin-bottom: 0.75rem !important; }
  .p-xxl-3, .pb-xxl-3 { padding-bottom: 0.75rem !important; }
  .m-xxl-3, .ms-xxl-3 { margin-left: 0.75rem !important; }
  .p-xxl-3, .ps-xxl-3 { padding-left: 0.75rem !important; }
  .mx-xxl-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .my-xxl-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .px-xxl-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .py-xxl-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-4, .mt-xxl-4 { margin-top: 1rem !important; }
  .p-xxl-4, .pt-xxl-4 { padding-top: 1rem !important; }
  .m-xxl-4, .me-xxl-4 { margin-right: 1rem !important; }
  .p-xxl-4, .pe-xxl-4 { padding-right: 1rem !important; }
  .m-xxl-4, .mb-xxl-4 { margin-bottom: 1rem !important; }
  .p-xxl-4, .pb-xxl-4 { padding-bottom: 1rem !important; }
  .m-xxl-4, .ms-xxl-4 { margin-left: 1rem !important; }
  .p-xxl-4, .ps-xxl-4 { padding-left: 1rem !important; }
  .mx-xxl-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .my-xxl-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .px-xxl-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .py-xxl-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-5, .mt-xxl-5 { margin-top: 1.5rem !important; }
  .p-xxl-5, .pt-xxl-5 { padding-top: 1.5rem !important; }
  .m-xxl-5, .me-xxl-5 { margin-right: 1.5rem !important; }
  .p-xxl-5, .pe-xxl-5 { padding-right: 1.5rem !important; }
  .m-xxl-5, .mb-xxl-5 { margin-bottom: 1.5rem !important; }
  .p-xxl-5, .pb-xxl-5 { padding-bottom: 1.5rem !important; }
  .m-xxl-5, .ms-xxl-5 { margin-left: 1.5rem !important; }
  .p-xxl-5, .ps-xxl-5 { padding-left: 1.5rem !important; }
  .mx-xxl-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .my-xxl-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .px-xxl-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .py-xxl-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-6, .mt-xxl-6 { margin-top: 2rem !important; }
  .p-xxl-6, .pt-xxl-6 { padding-top: 2rem !important; }
  .m-xxl-6, .me-xxl-6 { margin-right: 2rem !important; }
  .p-xxl-6, .pe-xxl-6 { padding-right: 2rem !important; }
  .m-xxl-6, .mb-xxl-6 { margin-bottom: 2rem !important; }
  .p-xxl-6, .pb-xxl-6 { padding-bottom: 2rem !important; }
  .m-xxl-6, .ms-xxl-6 { margin-left: 2rem !important; }
  .p-xxl-6, .ps-xxl-6 { padding-left: 2rem !important; }
  .mx-xxl-6 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .my-xxl-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .px-xxl-6 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .py-xxl-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-7, .mt-xxl-7 { margin-top: 2.5rem !important; }
  .p-xxl-7, .pt-xxl-7 { padding-top: 2.5rem !important; }
  .m-xxl-7, .me-xxl-7 { margin-right: 2.5rem !important; }
  .p-xxl-7, .pe-xxl-7 { padding-right: 2.5rem !important; }
  .m-xxl-7, .mb-xxl-7 { margin-bottom: 2.5rem !important; }
  .p-xxl-7, .pb-xxl-7 { padding-bottom: 2.5rem !important; }
  .m-xxl-7, .ms-xxl-7 { margin-left: 2.5rem !important; }
  .p-xxl-7, .ps-xxl-7 { padding-left: 2.5rem !important; }
  .mx-xxl-7 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .my-xxl-7 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .px-xxl-7 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .py-xxl-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-8, .mt-xxl-8 { margin-top: 3rem !important; }
  .p-xxl-8, .pt-xxl-8 { padding-top: 3rem !important; }
  .m-xxl-8, .me-xxl-8 { margin-right: 3rem !important; }
  .p-xxl-8, .pe-xxl-8 { padding-right: 3rem !important; }
  .m-xxl-8, .mb-xxl-8 { margin-bottom: 3rem !important; }
  .p-xxl-8, .pb-xxl-8 { padding-bottom: 3rem !important; }
  .m-xxl-8, .ms-xxl-8 { margin-left: 3rem !important; }
  .p-xxl-8, .ps-xxl-8 { padding-left: 3rem !important; }
  .mx-xxl-8 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-xxl-8 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .px-xxl-8 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-xxl-8 { padding-top: 3rem !important; padding-bottom: 3rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-9, .mt-xxl-9 { margin-top: 4rem !important; }
  .p-xxl-9, .pt-xxl-9 { padding-top: 4rem !important; }
  .m-xxl-9, .me-xxl-9 { margin-right: 4rem !important; }
  .p-xxl-9, .pe-xxl-9 { padding-right: 4rem !important; }
  .m-xxl-9, .mb-xxl-9 { margin-bottom: 4rem !important; }
  .p-xxl-9, .pb-xxl-9 { padding-bottom: 4rem !important; }
  .m-xxl-9, .ms-xxl-9 { margin-left: 4rem !important; }
  .p-xxl-9, .ps-xxl-9 { padding-left: 4rem !important; }
  .mx-xxl-9 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .my-xxl-9 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .px-xxl-9 { padding-left: 4rem !important; padding-right: 4rem !important; }
  .py-xxl-9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-10, .mt-xxl-10 { margin-top: 5rem !important; }
  .p-xxl-10, .pt-xxl-10 { padding-top: 5rem !important; }
  .m-xxl-10, .me-xxl-10 { margin-right: 5rem !important; }
  .p-xxl-10, .pe-xxl-10 { padding-right: 5rem !important; }
  .m-xxl-10, .mb-xxl-10 { margin-bottom: 5rem !important; }
  .p-xxl-10, .pb-xxl-10 { padding-bottom: 5rem !important; }
  .m-xxl-10, .ms-xxl-10 { margin-left: 5rem !important; }
  .p-xxl-10, .ps-xxl-10 { padding-left: 5rem !important; }
  .mx-xxl-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .my-xxl-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .px-xxl-10 { padding-left: 5rem !important; padding-right: 5rem !important; }
  .py-xxl-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-11, .mt-xxl-11 { margin-top: 6rem !important; }
  .p-xxl-11, .pt-xxl-11 { padding-top: 6rem !important; }
  .m-xxl-11, .me-xxl-11 { margin-right: 6rem !important; }
  .p-xxl-11, .pe-xxl-11 { padding-right: 6rem !important; }
  .m-xxl-11, .mb-xxl-11 { margin-bottom: 6rem !important; }
  .p-xxl-11, .pb-xxl-11 { padding-bottom: 6rem !important; }
  .m-xxl-11, .ms-xxl-11 { margin-left: 6rem !important; }
  .p-xxl-11, .ps-xxl-11 { padding-left: 6rem !important; }
  .mx-xxl-11 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-xxl-11 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .px-xxl-11 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-xxl-11 { padding-top: 6rem !important; padding-bottom: 6rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-12, .mt-xxl-12 { margin-top: 7rem !important; }
  .p-xxl-12, .pt-xxl-12 { padding-top: 7rem !important; }
  .m-xxl-12, .me-xxl-12 { margin-right: 7rem !important; }
  .p-xxl-12, .pe-xxl-12 { padding-right: 7rem !important; }
  .m-xxl-12, .mb-xxl-12 { margin-bottom: 7rem !important; }
  .p-xxl-12, .pb-xxl-12 { padding-bottom: 7rem !important; }
  .m-xxl-12, .ms-xxl-12 { margin-left: 7rem !important; }
  .p-xxl-12, .ps-xxl-12 { padding-left: 7rem !important; }
  .mx-xxl-12 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-xxl-12 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .px-xxl-12 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-xxl-12 { padding-top: 7rem !important; padding-bottom: 7rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-13, .mt-xxl-13 { margin-top: 8rem !important; }
  .p-xxl-13, .pt-xxl-13 { padding-top: 8rem !important; }
  .m-xxl-13, .me-xxl-13 { margin-right: 8rem !important; }
  .p-xxl-13, .pe-xxl-13 { padding-right: 8rem !important; }
  .m-xxl-13, .mb-xxl-13 { margin-bottom: 8rem !important; }
  .p-xxl-13, .pb-xxl-13 { padding-bottom: 8rem !important; }
  .m-xxl-13, .ms-xxl-13 { margin-left: 8rem !important; }
  .p-xxl-13, .ps-xxl-13 { padding-left: 8rem !important; }
  .mx-xxl-13 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-xxl-13 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .px-xxl-13 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-xxl-13 { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-14, .mt-xxl-14 { margin-top: 9rem !important; }
  .p-xxl-14, .pt-xxl-14 { padding-top: 9rem !important; }
  .m-xxl-14, .me-xxl-14 { margin-right: 9rem !important; }
  .p-xxl-14, .pe-xxl-14 { padding-right: 9rem !important; }
  .m-xxl-14, .mb-xxl-14 { margin-bottom: 9rem !important; }
  .p-xxl-14, .pb-xxl-14 { padding-bottom: 9rem !important; }
  .m-xxl-14, .ms-xxl-14 { margin-left: 9rem !important; }
  .p-xxl-14, .ps-xxl-14 { padding-left: 9rem !important; }
  .mx-xxl-14 { margin-left: 9rem !important; margin-right: 9rem !important; }
  .my-xxl-14 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .px-xxl-14 { padding-left: 9rem !important; padding-right: 9rem !important; }
  .py-xxl-14 { padding-top: 9rem !important; padding-bottom: 9rem !important; } }
@media screen and (min-width: 1400px) { .m-xxl-15, .mt-xxl-15 { margin-top: 10rem !important; }
  .p-xxl-15, .pt-xxl-15 { padding-top: 10rem !important; }
  .m-xxl-15, .me-xxl-15 { margin-right: 10rem !important; }
  .p-xxl-15, .pe-xxl-15 { padding-right: 10rem !important; }
  .m-xxl-15, .mb-xxl-15 { margin-bottom: 10rem !important; }
  .p-xxl-15, .pb-xxl-15 { padding-bottom: 10rem !important; }
  .m-xxl-15, .ms-xxl-15 { margin-left: 10rem !important; }
  .p-xxl-15, .ps-xxl-15 { padding-left: 10rem !important; }
  .mx-xxl-15 { margin-left: 10rem !important; margin-right: 10rem !important; }
  .my-xxl-15 { margin-top: 10rem !important; margin-bottom: 10rem !important; }
  .px-xxl-15 { padding-left: 10rem !important; padding-right: 10rem !important; }
  .py-xxl-15 { padding-top: 10rem !important; padding-bottom: 10rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-0, .mt-xxxl-0 { margin-top: 0 !important; }
  .p-xxxl-0, .pt-xxxl-0 { padding-top: 0 !important; }
  .m-xxxl-0, .me-xxxl-0 { margin-right: 0 !important; }
  .p-xxxl-0, .pe-xxxl-0 { padding-right: 0 !important; }
  .m-xxxl-0, .mb-xxxl-0 { margin-bottom: 0 !important; }
  .p-xxxl-0, .pb-xxxl-0 { padding-bottom: 0 !important; }
  .m-xxxl-0, .ms-xxxl-0 { margin-left: 0 !important; }
  .p-xxxl-0, .ps-xxxl-0 { padding-left: 0 !important; }
  .mx-xxxl-0 { margin-left: 0 !important; margin-right: 0 !important; }
  .my-xxxl-0 { margin-top: 0 !important; margin-bottom: 0 !important; }
  .px-xxxl-0 { padding-left: 0 !important; padding-right: 0 !important; }
  .py-xxxl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-1, .mt-xxxl-1 { margin-top: 0.25rem !important; }
  .p-xxxl-1, .pt-xxxl-1 { padding-top: 0.25rem !important; }
  .m-xxxl-1, .me-xxxl-1 { margin-right: 0.25rem !important; }
  .p-xxxl-1, .pe-xxxl-1 { padding-right: 0.25rem !important; }
  .m-xxxl-1, .mb-xxxl-1 { margin-bottom: 0.25rem !important; }
  .p-xxxl-1, .pb-xxxl-1 { padding-bottom: 0.25rem !important; }
  .m-xxxl-1, .ms-xxxl-1 { margin-left: 0.25rem !important; }
  .p-xxxl-1, .ps-xxxl-1 { padding-left: 0.25rem !important; }
  .mx-xxxl-1 { margin-left: 0.25rem !important; margin-right: 0.25rem !important; }
  .my-xxxl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; }
  .px-xxxl-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; }
  .py-xxxl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-2, .mt-xxxl-2 { margin-top: 0.5rem !important; }
  .p-xxxl-2, .pt-xxxl-2 { padding-top: 0.5rem !important; }
  .m-xxxl-2, .me-xxxl-2 { margin-right: 0.5rem !important; }
  .p-xxxl-2, .pe-xxxl-2 { padding-right: 0.5rem !important; }
  .m-xxxl-2, .mb-xxxl-2 { margin-bottom: 0.5rem !important; }
  .p-xxxl-2, .pb-xxxl-2 { padding-bottom: 0.5rem !important; }
  .m-xxxl-2, .ms-xxxl-2 { margin-left: 0.5rem !important; }
  .p-xxxl-2, .ps-xxxl-2 { padding-left: 0.5rem !important; }
  .mx-xxxl-2 { margin-left: 0.5rem !important; margin-right: 0.5rem !important; }
  .my-xxxl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; }
  .px-xxxl-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; }
  .py-xxxl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-3, .mt-xxxl-3 { margin-top: 0.75rem !important; }
  .p-xxxl-3, .pt-xxxl-3 { padding-top: 0.75rem !important; }
  .m-xxxl-3, .me-xxxl-3 { margin-right: 0.75rem !important; }
  .p-xxxl-3, .pe-xxxl-3 { padding-right: 0.75rem !important; }
  .m-xxxl-3, .mb-xxxl-3 { margin-bottom: 0.75rem !important; }
  .p-xxxl-3, .pb-xxxl-3 { padding-bottom: 0.75rem !important; }
  .m-xxxl-3, .ms-xxxl-3 { margin-left: 0.75rem !important; }
  .p-xxxl-3, .ps-xxxl-3 { padding-left: 0.75rem !important; }
  .mx-xxxl-3 { margin-left: 0.75rem !important; margin-right: 0.75rem !important; }
  .my-xxxl-3 { margin-top: 0.75rem !important; margin-bottom: 0.75rem !important; }
  .px-xxxl-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; }
  .py-xxxl-3 { padding-top: 0.75rem !important; padding-bottom: 0.75rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-4, .mt-xxxl-4 { margin-top: 1rem !important; }
  .p-xxxl-4, .pt-xxxl-4 { padding-top: 1rem !important; }
  .m-xxxl-4, .me-xxxl-4 { margin-right: 1rem !important; }
  .p-xxxl-4, .pe-xxxl-4 { padding-right: 1rem !important; }
  .m-xxxl-4, .mb-xxxl-4 { margin-bottom: 1rem !important; }
  .p-xxxl-4, .pb-xxxl-4 { padding-bottom: 1rem !important; }
  .m-xxxl-4, .ms-xxxl-4 { margin-left: 1rem !important; }
  .p-xxxl-4, .ps-xxxl-4 { padding-left: 1rem !important; }
  .mx-xxxl-4 { margin-left: 1rem !important; margin-right: 1rem !important; }
  .my-xxxl-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; }
  .px-xxxl-4 { padding-left: 1rem !important; padding-right: 1rem !important; }
  .py-xxxl-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-5, .mt-xxxl-5 { margin-top: 1.5rem !important; }
  .p-xxxl-5, .pt-xxxl-5 { padding-top: 1.5rem !important; }
  .m-xxxl-5, .me-xxxl-5 { margin-right: 1.5rem !important; }
  .p-xxxl-5, .pe-xxxl-5 { padding-right: 1.5rem !important; }
  .m-xxxl-5, .mb-xxxl-5 { margin-bottom: 1.5rem !important; }
  .p-xxxl-5, .pb-xxxl-5 { padding-bottom: 1.5rem !important; }
  .m-xxxl-5, .ms-xxxl-5 { margin-left: 1.5rem !important; }
  .p-xxxl-5, .ps-xxxl-5 { padding-left: 1.5rem !important; }
  .mx-xxxl-5 { margin-left: 1.5rem !important; margin-right: 1.5rem !important; }
  .my-xxxl-5 { margin-top: 1.5rem !important; margin-bottom: 1.5rem !important; }
  .px-xxxl-5 { padding-left: 1.5rem !important; padding-right: 1.5rem !important; }
  .py-xxxl-5 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-6, .mt-xxxl-6 { margin-top: 2rem !important; }
  .p-xxxl-6, .pt-xxxl-6 { padding-top: 2rem !important; }
  .m-xxxl-6, .me-xxxl-6 { margin-right: 2rem !important; }
  .p-xxxl-6, .pe-xxxl-6 { padding-right: 2rem !important; }
  .m-xxxl-6, .mb-xxxl-6 { margin-bottom: 2rem !important; }
  .p-xxxl-6, .pb-xxxl-6 { padding-bottom: 2rem !important; }
  .m-xxxl-6, .ms-xxxl-6 { margin-left: 2rem !important; }
  .p-xxxl-6, .ps-xxxl-6 { padding-left: 2rem !important; }
  .mx-xxxl-6 { margin-left: 2rem !important; margin-right: 2rem !important; }
  .my-xxxl-6 { margin-top: 2rem !important; margin-bottom: 2rem !important; }
  .px-xxxl-6 { padding-left: 2rem !important; padding-right: 2rem !important; }
  .py-xxxl-6 { padding-top: 2rem !important; padding-bottom: 2rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-7, .mt-xxxl-7 { margin-top: 2.5rem !important; }
  .p-xxxl-7, .pt-xxxl-7 { padding-top: 2.5rem !important; }
  .m-xxxl-7, .me-xxxl-7 { margin-right: 2.5rem !important; }
  .p-xxxl-7, .pe-xxxl-7 { padding-right: 2.5rem !important; }
  .m-xxxl-7, .mb-xxxl-7 { margin-bottom: 2.5rem !important; }
  .p-xxxl-7, .pb-xxxl-7 { padding-bottom: 2.5rem !important; }
  .m-xxxl-7, .ms-xxxl-7 { margin-left: 2.5rem !important; }
  .p-xxxl-7, .ps-xxxl-7 { padding-left: 2.5rem !important; }
  .mx-xxxl-7 { margin-left: 2.5rem !important; margin-right: 2.5rem !important; }
  .my-xxxl-7 { margin-top: 2.5rem !important; margin-bottom: 2.5rem !important; }
  .px-xxxl-7 { padding-left: 2.5rem !important; padding-right: 2.5rem !important; }
  .py-xxxl-7 { padding-top: 2.5rem !important; padding-bottom: 2.5rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-8, .mt-xxxl-8 { margin-top: 3rem !important; }
  .p-xxxl-8, .pt-xxxl-8 { padding-top: 3rem !important; }
  .m-xxxl-8, .me-xxxl-8 { margin-right: 3rem !important; }
  .p-xxxl-8, .pe-xxxl-8 { padding-right: 3rem !important; }
  .m-xxxl-8, .mb-xxxl-8 { margin-bottom: 3rem !important; }
  .p-xxxl-8, .pb-xxxl-8 { padding-bottom: 3rem !important; }
  .m-xxxl-8, .ms-xxxl-8 { margin-left: 3rem !important; }
  .p-xxxl-8, .ps-xxxl-8 { padding-left: 3rem !important; }
  .mx-xxxl-8 { margin-left: 3rem !important; margin-right: 3rem !important; }
  .my-xxxl-8 { margin-top: 3rem !important; margin-bottom: 3rem !important; }
  .px-xxxl-8 { padding-left: 3rem !important; padding-right: 3rem !important; }
  .py-xxxl-8 { padding-top: 3rem !important; padding-bottom: 3rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-9, .mt-xxxl-9 { margin-top: 4rem !important; }
  .p-xxxl-9, .pt-xxxl-9 { padding-top: 4rem !important; }
  .m-xxxl-9, .me-xxxl-9 { margin-right: 4rem !important; }
  .p-xxxl-9, .pe-xxxl-9 { padding-right: 4rem !important; }
  .m-xxxl-9, .mb-xxxl-9 { margin-bottom: 4rem !important; }
  .p-xxxl-9, .pb-xxxl-9 { padding-bottom: 4rem !important; }
  .m-xxxl-9, .ms-xxxl-9 { margin-left: 4rem !important; }
  .p-xxxl-9, .ps-xxxl-9 { padding-left: 4rem !important; }
  .mx-xxxl-9 { margin-left: 4rem !important; margin-right: 4rem !important; }
  .my-xxxl-9 { margin-top: 4rem !important; margin-bottom: 4rem !important; }
  .px-xxxl-9 { padding-left: 4rem !important; padding-right: 4rem !important; }
  .py-xxxl-9 { padding-top: 4rem !important; padding-bottom: 4rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-10, .mt-xxxl-10 { margin-top: 5rem !important; }
  .p-xxxl-10, .pt-xxxl-10 { padding-top: 5rem !important; }
  .m-xxxl-10, .me-xxxl-10 { margin-right: 5rem !important; }
  .p-xxxl-10, .pe-xxxl-10 { padding-right: 5rem !important; }
  .m-xxxl-10, .mb-xxxl-10 { margin-bottom: 5rem !important; }
  .p-xxxl-10, .pb-xxxl-10 { padding-bottom: 5rem !important; }
  .m-xxxl-10, .ms-xxxl-10 { margin-left: 5rem !important; }
  .p-xxxl-10, .ps-xxxl-10 { padding-left: 5rem !important; }
  .mx-xxxl-10 { margin-left: 5rem !important; margin-right: 5rem !important; }
  .my-xxxl-10 { margin-top: 5rem !important; margin-bottom: 5rem !important; }
  .px-xxxl-10 { padding-left: 5rem !important; padding-right: 5rem !important; }
  .py-xxxl-10 { padding-top: 5rem !important; padding-bottom: 5rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-11, .mt-xxxl-11 { margin-top: 6rem !important; }
  .p-xxxl-11, .pt-xxxl-11 { padding-top: 6rem !important; }
  .m-xxxl-11, .me-xxxl-11 { margin-right: 6rem !important; }
  .p-xxxl-11, .pe-xxxl-11 { padding-right: 6rem !important; }
  .m-xxxl-11, .mb-xxxl-11 { margin-bottom: 6rem !important; }
  .p-xxxl-11, .pb-xxxl-11 { padding-bottom: 6rem !important; }
  .m-xxxl-11, .ms-xxxl-11 { margin-left: 6rem !important; }
  .p-xxxl-11, .ps-xxxl-11 { padding-left: 6rem !important; }
  .mx-xxxl-11 { margin-left: 6rem !important; margin-right: 6rem !important; }
  .my-xxxl-11 { margin-top: 6rem !important; margin-bottom: 6rem !important; }
  .px-xxxl-11 { padding-left: 6rem !important; padding-right: 6rem !important; }
  .py-xxxl-11 { padding-top: 6rem !important; padding-bottom: 6rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-12, .mt-xxxl-12 { margin-top: 7rem !important; }
  .p-xxxl-12, .pt-xxxl-12 { padding-top: 7rem !important; }
  .m-xxxl-12, .me-xxxl-12 { margin-right: 7rem !important; }
  .p-xxxl-12, .pe-xxxl-12 { padding-right: 7rem !important; }
  .m-xxxl-12, .mb-xxxl-12 { margin-bottom: 7rem !important; }
  .p-xxxl-12, .pb-xxxl-12 { padding-bottom: 7rem !important; }
  .m-xxxl-12, .ms-xxxl-12 { margin-left: 7rem !important; }
  .p-xxxl-12, .ps-xxxl-12 { padding-left: 7rem !important; }
  .mx-xxxl-12 { margin-left: 7rem !important; margin-right: 7rem !important; }
  .my-xxxl-12 { margin-top: 7rem !important; margin-bottom: 7rem !important; }
  .px-xxxl-12 { padding-left: 7rem !important; padding-right: 7rem !important; }
  .py-xxxl-12 { padding-top: 7rem !important; padding-bottom: 7rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-13, .mt-xxxl-13 { margin-top: 8rem !important; }
  .p-xxxl-13, .pt-xxxl-13 { padding-top: 8rem !important; }
  .m-xxxl-13, .me-xxxl-13 { margin-right: 8rem !important; }
  .p-xxxl-13, .pe-xxxl-13 { padding-right: 8rem !important; }
  .m-xxxl-13, .mb-xxxl-13 { margin-bottom: 8rem !important; }
  .p-xxxl-13, .pb-xxxl-13 { padding-bottom: 8rem !important; }
  .m-xxxl-13, .ms-xxxl-13 { margin-left: 8rem !important; }
  .p-xxxl-13, .ps-xxxl-13 { padding-left: 8rem !important; }
  .mx-xxxl-13 { margin-left: 8rem !important; margin-right: 8rem !important; }
  .my-xxxl-13 { margin-top: 8rem !important; margin-bottom: 8rem !important; }
  .px-xxxl-13 { padding-left: 8rem !important; padding-right: 8rem !important; }
  .py-xxxl-13 { padding-top: 8rem !important; padding-bottom: 8rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-14, .mt-xxxl-14 { margin-top: 9rem !important; }
  .p-xxxl-14, .pt-xxxl-14 { padding-top: 9rem !important; }
  .m-xxxl-14, .me-xxxl-14 { margin-right: 9rem !important; }
  .p-xxxl-14, .pe-xxxl-14 { padding-right: 9rem !important; }
  .m-xxxl-14, .mb-xxxl-14 { margin-bottom: 9rem !important; }
  .p-xxxl-14, .pb-xxxl-14 { padding-bottom: 9rem !important; }
  .m-xxxl-14, .ms-xxxl-14 { margin-left: 9rem !important; }
  .p-xxxl-14, .ps-xxxl-14 { padding-left: 9rem !important; }
  .mx-xxxl-14 { margin-left: 9rem !important; margin-right: 9rem !important; }
  .my-xxxl-14 { margin-top: 9rem !important; margin-bottom: 9rem !important; }
  .px-xxxl-14 { padding-left: 9rem !important; padding-right: 9rem !important; }
  .py-xxxl-14 { padding-top: 9rem !important; padding-bottom: 9rem !important; } }
@media screen and (min-width: 1600px) { .m-xxxl-15, .mt-xxxl-15 { margin-top: 10rem !important; }
  .p-xxxl-15, .pt-xxxl-15 { padding-top: 10rem !important; }
  .m-xxxl-15, .me-xxxl-15 { margin-right: 10rem !important; }
  .p-xxxl-15, .pe-xxxl-15 { padding-right: 10rem !important; }
  .m-xxxl-15, .mb-xxxl-15 { margin-bottom: 10rem !important; }
  .p-xxxl-15, .pb-xxxl-15 { padding-bottom: 10rem !important; }
  .m-xxxl-15, .ms-xxxl-15 { margin-left: 10rem !important; }
  .p-xxxl-15, .ps-xxxl-15 { padding-left: 10rem !important; }
  .mx-xxxl-15 { margin-left: 10rem !important; margin-right: 10rem !important; }
  .my-xxxl-15 { margin-top: 10rem !important; margin-bottom: 10rem !important; }
  .px-xxxl-15 { padding-left: 10rem !important; padding-right: 10rem !important; }
  .py-xxxl-15 { padding-top: 10rem !important; padding-bottom: 10rem !important; } }
.g-0, .gx-0 { --bs-gutter-x: 0; }

.g-0, .gy-0 { --bs-gutter-y: 0; }

.gap-0, .column-gap-0 { column-gap: 0; }

.row-gap-0 { row-gap: 0; }

.g-1, .gx-1 { --bs-gutter-x: 0.25rem; }

.g-1, .gy-1 { --bs-gutter-y: 0.25rem; }

.gap-1, .column-gap-1 { column-gap: 0.25rem; }

.row-gap-1 { row-gap: 0.25rem; }

.g-2, .gx-2 { --bs-gutter-x: 0.5rem; }

.g-2, .gy-2 { --bs-gutter-y: 0.5rem; }

.gap-2, .column-gap-2 { column-gap: 0.5rem; }

.row-gap-2 { row-gap: 0.5rem; }

.g-3, .gx-3 { --bs-gutter-x: 0.75rem; }

.g-3, .gy-3 { --bs-gutter-y: 0.75rem; }

.gap-3, .column-gap-3 { column-gap: 0.75rem; }

.row-gap-3 { row-gap: 0.75rem; }

.g-4, .gx-4 { --bs-gutter-x: 1rem; }

.g-4, .gy-4 { --bs-gutter-y: 1rem; }

.gap-4, .column-gap-4 { column-gap: 1rem; }

.row-gap-4 { row-gap: 1rem; }

.g-5, .gx-5 { --bs-gutter-x: 1.5rem; }

.g-5, .gy-5 { --bs-gutter-y: 1.5rem; }

.gap-5, .column-gap-5 { column-gap: 1.5rem; }

.row-gap-5 { row-gap: 1.5rem; }

.g-6, .gx-6 { --bs-gutter-x: 2rem; }

.g-6, .gy-6 { --bs-gutter-y: 2rem; }

.gap-6, .column-gap-6 { column-gap: 2rem; }

.row-gap-6 { row-gap: 2rem; }

.g-7, .gx-7 { --bs-gutter-x: 2.5rem; }

.g-7, .gy-7 { --bs-gutter-y: 2.5rem; }

.gap-7, .column-gap-7 { column-gap: 2.5rem; }

.row-gap-7 { row-gap: 2.5rem; }

.g-8, .gx-8 { --bs-gutter-x: 3rem; }

.g-8, .gy-8 { --bs-gutter-y: 3rem; }

.gap-8, .column-gap-8 { column-gap: 3rem; }

.row-gap-8 { row-gap: 3rem; }

.g-9, .gx-9 { --bs-gutter-x: 4rem; }

.g-9, .gy-9 { --bs-gutter-y: 4rem; }

.gap-9, .column-gap-9 { column-gap: 4rem; }

.row-gap-9 { row-gap: 4rem; }

.g-10, .gx-10 { --bs-gutter-x: 5rem; }

.g-10, .gy-10 { --bs-gutter-y: 5rem; }

.gap-10, .column-gap-10 { column-gap: 5rem; }

.row-gap-10 { row-gap: 5rem; }

.g-11, .gx-11 { --bs-gutter-x: 6rem; }

.g-11, .gy-11 { --bs-gutter-y: 6rem; }

.gap-11, .column-gap-11 { column-gap: 6rem; }

.row-gap-11 { row-gap: 6rem; }

.g-12, .gx-12 { --bs-gutter-x: 7rem; }

.g-12, .gy-12 { --bs-gutter-y: 7rem; }

.gap-12, .column-gap-12 { column-gap: 7rem; }

.row-gap-12 { row-gap: 7rem; }

.g-13, .gx-13 { --bs-gutter-x: 8rem; }

.g-13, .gy-13 { --bs-gutter-y: 8rem; }

.gap-13, .column-gap-13 { column-gap: 8rem; }

.row-gap-13 { row-gap: 8rem; }

.g-14, .gx-14 { --bs-gutter-x: 9rem; }

.g-14, .gy-14 { --bs-gutter-y: 9rem; }

.gap-14, .column-gap-14 { column-gap: 9rem; }

.row-gap-14 { row-gap: 9rem; }

.g-15, .gx-15 { --bs-gutter-x: 10rem; }

.g-15, .gy-15 { --bs-gutter-y: 10rem; }

.gap-15, .column-gap-15 { column-gap: 10rem; }

.row-gap-15 { row-gap: 10rem; }

@media screen and (min-width: 576px) { .g-sm-0, .gx-sm-0 { --bs-gutter-x: 0; }
  .g-sm-0, .gy-sm-0 { --bs-gutter-y: 0; }
  .gap-sm-0, .column-gap-sm-0 { column-gap: 0; }
  .row-gap-sm-0 { row-gap: 0; } }
@media screen and (min-width: 576px) { .g-sm-1, .gx-sm-1 { --bs-gutter-x: 0.25rem; }
  .g-sm-1, .gy-sm-1 { --bs-gutter-y: 0.25rem; }
  .gap-sm-1, .column-gap-sm-1 { column-gap: 0.25rem; }
  .row-gap-sm-1 { row-gap: 0.25rem; } }
@media screen and (min-width: 576px) { .g-sm-2, .gx-sm-2 { --bs-gutter-x: 0.5rem; }
  .g-sm-2, .gy-sm-2 { --bs-gutter-y: 0.5rem; }
  .gap-sm-2, .column-gap-sm-2 { column-gap: 0.5rem; }
  .row-gap-sm-2 { row-gap: 0.5rem; } }
@media screen and (min-width: 576px) { .g-sm-3, .gx-sm-3 { --bs-gutter-x: 0.75rem; }
  .g-sm-3, .gy-sm-3 { --bs-gutter-y: 0.75rem; }
  .gap-sm-3, .column-gap-sm-3 { column-gap: 0.75rem; }
  .row-gap-sm-3 { row-gap: 0.75rem; } }
@media screen and (min-width: 576px) { .g-sm-4, .gx-sm-4 { --bs-gutter-x: 1rem; }
  .g-sm-4, .gy-sm-4 { --bs-gutter-y: 1rem; }
  .gap-sm-4, .column-gap-sm-4 { column-gap: 1rem; }
  .row-gap-sm-4 { row-gap: 1rem; } }
@media screen and (min-width: 576px) { .g-sm-5, .gx-sm-5 { --bs-gutter-x: 1.5rem; }
  .g-sm-5, .gy-sm-5 { --bs-gutter-y: 1.5rem; }
  .gap-sm-5, .column-gap-sm-5 { column-gap: 1.5rem; }
  .row-gap-sm-5 { row-gap: 1.5rem; } }
@media screen and (min-width: 576px) { .g-sm-6, .gx-sm-6 { --bs-gutter-x: 2rem; }
  .g-sm-6, .gy-sm-6 { --bs-gutter-y: 2rem; }
  .gap-sm-6, .column-gap-sm-6 { column-gap: 2rem; }
  .row-gap-sm-6 { row-gap: 2rem; } }
@media screen and (min-width: 576px) { .g-sm-7, .gx-sm-7 { --bs-gutter-x: 2.5rem; }
  .g-sm-7, .gy-sm-7 { --bs-gutter-y: 2.5rem; }
  .gap-sm-7, .column-gap-sm-7 { column-gap: 2.5rem; }
  .row-gap-sm-7 { row-gap: 2.5rem; } }
@media screen and (min-width: 576px) { .g-sm-8, .gx-sm-8 { --bs-gutter-x: 3rem; }
  .g-sm-8, .gy-sm-8 { --bs-gutter-y: 3rem; }
  .gap-sm-8, .column-gap-sm-8 { column-gap: 3rem; }
  .row-gap-sm-8 { row-gap: 3rem; } }
@media screen and (min-width: 576px) { .g-sm-9, .gx-sm-9 { --bs-gutter-x: 4rem; }
  .g-sm-9, .gy-sm-9 { --bs-gutter-y: 4rem; }
  .gap-sm-9, .column-gap-sm-9 { column-gap: 4rem; }
  .row-gap-sm-9 { row-gap: 4rem; } }
@media screen and (min-width: 576px) { .g-sm-10, .gx-sm-10 { --bs-gutter-x: 5rem; }
  .g-sm-10, .gy-sm-10 { --bs-gutter-y: 5rem; }
  .gap-sm-10, .column-gap-sm-10 { column-gap: 5rem; }
  .row-gap-sm-10 { row-gap: 5rem; } }
@media screen and (min-width: 576px) { .g-sm-11, .gx-sm-11 { --bs-gutter-x: 6rem; }
  .g-sm-11, .gy-sm-11 { --bs-gutter-y: 6rem; }
  .gap-sm-11, .column-gap-sm-11 { column-gap: 6rem; }
  .row-gap-sm-11 { row-gap: 6rem; } }
@media screen and (min-width: 576px) { .g-sm-12, .gx-sm-12 { --bs-gutter-x: 7rem; }
  .g-sm-12, .gy-sm-12 { --bs-gutter-y: 7rem; }
  .gap-sm-12, .column-gap-sm-12 { column-gap: 7rem; }
  .row-gap-sm-12 { row-gap: 7rem; } }
@media screen and (min-width: 576px) { .g-sm-13, .gx-sm-13 { --bs-gutter-x: 8rem; }
  .g-sm-13, .gy-sm-13 { --bs-gutter-y: 8rem; }
  .gap-sm-13, .column-gap-sm-13 { column-gap: 8rem; }
  .row-gap-sm-13 { row-gap: 8rem; } }
@media screen and (min-width: 576px) { .g-sm-14, .gx-sm-14 { --bs-gutter-x: 9rem; }
  .g-sm-14, .gy-sm-14 { --bs-gutter-y: 9rem; }
  .gap-sm-14, .column-gap-sm-14 { column-gap: 9rem; }
  .row-gap-sm-14 { row-gap: 9rem; } }
@media screen and (min-width: 576px) { .g-sm-15, .gx-sm-15 { --bs-gutter-x: 10rem; }
  .g-sm-15, .gy-sm-15 { --bs-gutter-y: 10rem; }
  .gap-sm-15, .column-gap-sm-15 { column-gap: 10rem; }
  .row-gap-sm-15 { row-gap: 10rem; } }
@media screen and (min-width: 768px) { .g-md-0, .gx-md-0 { --bs-gutter-x: 0; }
  .g-md-0, .gy-md-0 { --bs-gutter-y: 0; }
  .gap-md-0, .column-gap-md-0 { column-gap: 0; }
  .row-gap-md-0 { row-gap: 0; } }
@media screen and (min-width: 768px) { .g-md-1, .gx-md-1 { --bs-gutter-x: 0.25rem; }
  .g-md-1, .gy-md-1 { --bs-gutter-y: 0.25rem; }
  .gap-md-1, .column-gap-md-1 { column-gap: 0.25rem; }
  .row-gap-md-1 { row-gap: 0.25rem; } }
@media screen and (min-width: 768px) { .g-md-2, .gx-md-2 { --bs-gutter-x: 0.5rem; }
  .g-md-2, .gy-md-2 { --bs-gutter-y: 0.5rem; }
  .gap-md-2, .column-gap-md-2 { column-gap: 0.5rem; }
  .row-gap-md-2 { row-gap: 0.5rem; } }
@media screen and (min-width: 768px) { .g-md-3, .gx-md-3 { --bs-gutter-x: 0.75rem; }
  .g-md-3, .gy-md-3 { --bs-gutter-y: 0.75rem; }
  .gap-md-3, .column-gap-md-3 { column-gap: 0.75rem; }
  .row-gap-md-3 { row-gap: 0.75rem; } }
@media screen and (min-width: 768px) { .g-md-4, .gx-md-4 { --bs-gutter-x: 1rem; }
  .g-md-4, .gy-md-4 { --bs-gutter-y: 1rem; }
  .gap-md-4, .column-gap-md-4 { column-gap: 1rem; }
  .row-gap-md-4 { row-gap: 1rem; } }
@media screen and (min-width: 768px) { .g-md-5, .gx-md-5 { --bs-gutter-x: 1.5rem; }
  .g-md-5, .gy-md-5 { --bs-gutter-y: 1.5rem; }
  .gap-md-5, .column-gap-md-5 { column-gap: 1.5rem; }
  .row-gap-md-5 { row-gap: 1.5rem; } }
@media screen and (min-width: 768px) { .g-md-6, .gx-md-6 { --bs-gutter-x: 2rem; }
  .g-md-6, .gy-md-6 { --bs-gutter-y: 2rem; }
  .gap-md-6, .column-gap-md-6 { column-gap: 2rem; }
  .row-gap-md-6 { row-gap: 2rem; } }
@media screen and (min-width: 768px) { .g-md-7, .gx-md-7 { --bs-gutter-x: 2.5rem; }
  .g-md-7, .gy-md-7 { --bs-gutter-y: 2.5rem; }
  .gap-md-7, .column-gap-md-7 { column-gap: 2.5rem; }
  .row-gap-md-7 { row-gap: 2.5rem; } }
@media screen and (min-width: 768px) { .g-md-8, .gx-md-8 { --bs-gutter-x: 3rem; }
  .g-md-8, .gy-md-8 { --bs-gutter-y: 3rem; }
  .gap-md-8, .column-gap-md-8 { column-gap: 3rem; }
  .row-gap-md-8 { row-gap: 3rem; } }
@media screen and (min-width: 768px) { .g-md-9, .gx-md-9 { --bs-gutter-x: 4rem; }
  .g-md-9, .gy-md-9 { --bs-gutter-y: 4rem; }
  .gap-md-9, .column-gap-md-9 { column-gap: 4rem; }
  .row-gap-md-9 { row-gap: 4rem; } }
@media screen and (min-width: 768px) { .g-md-10, .gx-md-10 { --bs-gutter-x: 5rem; }
  .g-md-10, .gy-md-10 { --bs-gutter-y: 5rem; }
  .gap-md-10, .column-gap-md-10 { column-gap: 5rem; }
  .row-gap-md-10 { row-gap: 5rem; } }
@media screen and (min-width: 768px) { .g-md-11, .gx-md-11 { --bs-gutter-x: 6rem; }
  .g-md-11, .gy-md-11 { --bs-gutter-y: 6rem; }
  .gap-md-11, .column-gap-md-11 { column-gap: 6rem; }
  .row-gap-md-11 { row-gap: 6rem; } }
@media screen and (min-width: 768px) { .g-md-12, .gx-md-12 { --bs-gutter-x: 7rem; }
  .g-md-12, .gy-md-12 { --bs-gutter-y: 7rem; }
  .gap-md-12, .column-gap-md-12 { column-gap: 7rem; }
  .row-gap-md-12 { row-gap: 7rem; } }
@media screen and (min-width: 768px) { .g-md-13, .gx-md-13 { --bs-gutter-x: 8rem; }
  .g-md-13, .gy-md-13 { --bs-gutter-y: 8rem; }
  .gap-md-13, .column-gap-md-13 { column-gap: 8rem; }
  .row-gap-md-13 { row-gap: 8rem; } }
@media screen and (min-width: 768px) { .g-md-14, .gx-md-14 { --bs-gutter-x: 9rem; }
  .g-md-14, .gy-md-14 { --bs-gutter-y: 9rem; }
  .gap-md-14, .column-gap-md-14 { column-gap: 9rem; }
  .row-gap-md-14 { row-gap: 9rem; } }
@media screen and (min-width: 768px) { .g-md-15, .gx-md-15 { --bs-gutter-x: 10rem; }
  .g-md-15, .gy-md-15 { --bs-gutter-y: 10rem; }
  .gap-md-15, .column-gap-md-15 { column-gap: 10rem; }
  .row-gap-md-15 { row-gap: 10rem; } }
@media screen and (min-width: 992px) { .g-lg-0, .gx-lg-0 { --bs-gutter-x: 0; }
  .g-lg-0, .gy-lg-0 { --bs-gutter-y: 0; }
  .gap-lg-0, .column-gap-lg-0 { column-gap: 0; }
  .row-gap-lg-0 { row-gap: 0; } }
@media screen and (min-width: 992px) { .g-lg-1, .gx-lg-1 { --bs-gutter-x: 0.25rem; }
  .g-lg-1, .gy-lg-1 { --bs-gutter-y: 0.25rem; }
  .gap-lg-1, .column-gap-lg-1 { column-gap: 0.25rem; }
  .row-gap-lg-1 { row-gap: 0.25rem; } }
@media screen and (min-width: 992px) { .g-lg-2, .gx-lg-2 { --bs-gutter-x: 0.5rem; }
  .g-lg-2, .gy-lg-2 { --bs-gutter-y: 0.5rem; }
  .gap-lg-2, .column-gap-lg-2 { column-gap: 0.5rem; }
  .row-gap-lg-2 { row-gap: 0.5rem; } }
@media screen and (min-width: 992px) { .g-lg-3, .gx-lg-3 { --bs-gutter-x: 0.75rem; }
  .g-lg-3, .gy-lg-3 { --bs-gutter-y: 0.75rem; }
  .gap-lg-3, .column-gap-lg-3 { column-gap: 0.75rem; }
  .row-gap-lg-3 { row-gap: 0.75rem; } }
@media screen and (min-width: 992px) { .g-lg-4, .gx-lg-4 { --bs-gutter-x: 1rem; }
  .g-lg-4, .gy-lg-4 { --bs-gutter-y: 1rem; }
  .gap-lg-4, .column-gap-lg-4 { column-gap: 1rem; }
  .row-gap-lg-4 { row-gap: 1rem; } }
@media screen and (min-width: 992px) { .g-lg-5, .gx-lg-5 { --bs-gutter-x: 1.5rem; }
  .g-lg-5, .gy-lg-5 { --bs-gutter-y: 1.5rem; }
  .gap-lg-5, .column-gap-lg-5 { column-gap: 1.5rem; }
  .row-gap-lg-5 { row-gap: 1.5rem; } }
@media screen and (min-width: 992px) { .g-lg-6, .gx-lg-6 { --bs-gutter-x: 2rem; }
  .g-lg-6, .gy-lg-6 { --bs-gutter-y: 2rem; }
  .gap-lg-6, .column-gap-lg-6 { column-gap: 2rem; }
  .row-gap-lg-6 { row-gap: 2rem; } }
@media screen and (min-width: 992px) { .g-lg-7, .gx-lg-7 { --bs-gutter-x: 2.5rem; }
  .g-lg-7, .gy-lg-7 { --bs-gutter-y: 2.5rem; }
  .gap-lg-7, .column-gap-lg-7 { column-gap: 2.5rem; }
  .row-gap-lg-7 { row-gap: 2.5rem; } }
@media screen and (min-width: 992px) { .g-lg-8, .gx-lg-8 { --bs-gutter-x: 3rem; }
  .g-lg-8, .gy-lg-8 { --bs-gutter-y: 3rem; }
  .gap-lg-8, .column-gap-lg-8 { column-gap: 3rem; }
  .row-gap-lg-8 { row-gap: 3rem; } }
@media screen and (min-width: 992px) { .g-lg-9, .gx-lg-9 { --bs-gutter-x: 4rem; }
  .g-lg-9, .gy-lg-9 { --bs-gutter-y: 4rem; }
  .gap-lg-9, .column-gap-lg-9 { column-gap: 4rem; }
  .row-gap-lg-9 { row-gap: 4rem; } }
@media screen and (min-width: 992px) { .g-lg-10, .gx-lg-10 { --bs-gutter-x: 5rem; }
  .g-lg-10, .gy-lg-10 { --bs-gutter-y: 5rem; }
  .gap-lg-10, .column-gap-lg-10 { column-gap: 5rem; }
  .row-gap-lg-10 { row-gap: 5rem; } }
@media screen and (min-width: 992px) { .g-lg-11, .gx-lg-11 { --bs-gutter-x: 6rem; }
  .g-lg-11, .gy-lg-11 { --bs-gutter-y: 6rem; }
  .gap-lg-11, .column-gap-lg-11 { column-gap: 6rem; }
  .row-gap-lg-11 { row-gap: 6rem; } }
@media screen and (min-width: 992px) { .g-lg-12, .gx-lg-12 { --bs-gutter-x: 7rem; }
  .g-lg-12, .gy-lg-12 { --bs-gutter-y: 7rem; }
  .gap-lg-12, .column-gap-lg-12 { column-gap: 7rem; }
  .row-gap-lg-12 { row-gap: 7rem; } }
@media screen and (min-width: 992px) { .g-lg-13, .gx-lg-13 { --bs-gutter-x: 8rem; }
  .g-lg-13, .gy-lg-13 { --bs-gutter-y: 8rem; }
  .gap-lg-13, .column-gap-lg-13 { column-gap: 8rem; }
  .row-gap-lg-13 { row-gap: 8rem; } }
@media screen and (min-width: 992px) { .g-lg-14, .gx-lg-14 { --bs-gutter-x: 9rem; }
  .g-lg-14, .gy-lg-14 { --bs-gutter-y: 9rem; }
  .gap-lg-14, .column-gap-lg-14 { column-gap: 9rem; }
  .row-gap-lg-14 { row-gap: 9rem; } }
@media screen and (min-width: 992px) { .g-lg-15, .gx-lg-15 { --bs-gutter-x: 10rem; }
  .g-lg-15, .gy-lg-15 { --bs-gutter-y: 10rem; }
  .gap-lg-15, .column-gap-lg-15 { column-gap: 10rem; }
  .row-gap-lg-15 { row-gap: 10rem; } }
@media screen and (min-width: 1200px) { .g-xl-0, .gx-xl-0 { --bs-gutter-x: 0; }
  .g-xl-0, .gy-xl-0 { --bs-gutter-y: 0; }
  .gap-xl-0, .column-gap-xl-0 { column-gap: 0; }
  .row-gap-xl-0 { row-gap: 0; } }
@media screen and (min-width: 1200px) { .g-xl-1, .gx-xl-1 { --bs-gutter-x: 0.25rem; }
  .g-xl-1, .gy-xl-1 { --bs-gutter-y: 0.25rem; }
  .gap-xl-1, .column-gap-xl-1 { column-gap: 0.25rem; }
  .row-gap-xl-1 { row-gap: 0.25rem; } }
@media screen and (min-width: 1200px) { .g-xl-2, .gx-xl-2 { --bs-gutter-x: 0.5rem; }
  .g-xl-2, .gy-xl-2 { --bs-gutter-y: 0.5rem; }
  .gap-xl-2, .column-gap-xl-2 { column-gap: 0.5rem; }
  .row-gap-xl-2 { row-gap: 0.5rem; } }
@media screen and (min-width: 1200px) { .g-xl-3, .gx-xl-3 { --bs-gutter-x: 0.75rem; }
  .g-xl-3, .gy-xl-3 { --bs-gutter-y: 0.75rem; }
  .gap-xl-3, .column-gap-xl-3 { column-gap: 0.75rem; }
  .row-gap-xl-3 { row-gap: 0.75rem; } }
@media screen and (min-width: 1200px) { .g-xl-4, .gx-xl-4 { --bs-gutter-x: 1rem; }
  .g-xl-4, .gy-xl-4 { --bs-gutter-y: 1rem; }
  .gap-xl-4, .column-gap-xl-4 { column-gap: 1rem; }
  .row-gap-xl-4 { row-gap: 1rem; } }
@media screen and (min-width: 1200px) { .g-xl-5, .gx-xl-5 { --bs-gutter-x: 1.5rem; }
  .g-xl-5, .gy-xl-5 { --bs-gutter-y: 1.5rem; }
  .gap-xl-5, .column-gap-xl-5 { column-gap: 1.5rem; }
  .row-gap-xl-5 { row-gap: 1.5rem; } }
@media screen and (min-width: 1200px) { .g-xl-6, .gx-xl-6 { --bs-gutter-x: 2rem; }
  .g-xl-6, .gy-xl-6 { --bs-gutter-y: 2rem; }
  .gap-xl-6, .column-gap-xl-6 { column-gap: 2rem; }
  .row-gap-xl-6 { row-gap: 2rem; } }
@media screen and (min-width: 1200px) { .g-xl-7, .gx-xl-7 { --bs-gutter-x: 2.5rem; }
  .g-xl-7, .gy-xl-7 { --bs-gutter-y: 2.5rem; }
  .gap-xl-7, .column-gap-xl-7 { column-gap: 2.5rem; }
  .row-gap-xl-7 { row-gap: 2.5rem; } }
@media screen and (min-width: 1200px) { .g-xl-8, .gx-xl-8 { --bs-gutter-x: 3rem; }
  .g-xl-8, .gy-xl-8 { --bs-gutter-y: 3rem; }
  .gap-xl-8, .column-gap-xl-8 { column-gap: 3rem; }
  .row-gap-xl-8 { row-gap: 3rem; } }
@media screen and (min-width: 1200px) { .g-xl-9, .gx-xl-9 { --bs-gutter-x: 4rem; }
  .g-xl-9, .gy-xl-9 { --bs-gutter-y: 4rem; }
  .gap-xl-9, .column-gap-xl-9 { column-gap: 4rem; }
  .row-gap-xl-9 { row-gap: 4rem; } }
@media screen and (min-width: 1200px) { .g-xl-10, .gx-xl-10 { --bs-gutter-x: 5rem; }
  .g-xl-10, .gy-xl-10 { --bs-gutter-y: 5rem; }
  .gap-xl-10, .column-gap-xl-10 { column-gap: 5rem; }
  .row-gap-xl-10 { row-gap: 5rem; } }
@media screen and (min-width: 1200px) { .g-xl-11, .gx-xl-11 { --bs-gutter-x: 6rem; }
  .g-xl-11, .gy-xl-11 { --bs-gutter-y: 6rem; }
  .gap-xl-11, .column-gap-xl-11 { column-gap: 6rem; }
  .row-gap-xl-11 { row-gap: 6rem; } }
@media screen and (min-width: 1200px) { .g-xl-12, .gx-xl-12 { --bs-gutter-x: 7rem; }
  .g-xl-12, .gy-xl-12 { --bs-gutter-y: 7rem; }
  .gap-xl-12, .column-gap-xl-12 { column-gap: 7rem; }
  .row-gap-xl-12 { row-gap: 7rem; } }
@media screen and (min-width: 1200px) { .g-xl-13, .gx-xl-13 { --bs-gutter-x: 8rem; }
  .g-xl-13, .gy-xl-13 { --bs-gutter-y: 8rem; }
  .gap-xl-13, .column-gap-xl-13 { column-gap: 8rem; }
  .row-gap-xl-13 { row-gap: 8rem; } }
@media screen and (min-width: 1200px) { .g-xl-14, .gx-xl-14 { --bs-gutter-x: 9rem; }
  .g-xl-14, .gy-xl-14 { --bs-gutter-y: 9rem; }
  .gap-xl-14, .column-gap-xl-14 { column-gap: 9rem; }
  .row-gap-xl-14 { row-gap: 9rem; } }
@media screen and (min-width: 1200px) { .g-xl-15, .gx-xl-15 { --bs-gutter-x: 10rem; }
  .g-xl-15, .gy-xl-15 { --bs-gutter-y: 10rem; }
  .gap-xl-15, .column-gap-xl-15 { column-gap: 10rem; }
  .row-gap-xl-15 { row-gap: 10rem; } }
@media screen and (min-width: 1400px) { .g-xxl-0, .gx-xxl-0 { --bs-gutter-x: 0; }
  .g-xxl-0, .gy-xxl-0 { --bs-gutter-y: 0; }
  .gap-xxl-0, .column-gap-xxl-0 { column-gap: 0; }
  .row-gap-xxl-0 { row-gap: 0; } }
@media screen and (min-width: 1400px) { .g-xxl-1, .gx-xxl-1 { --bs-gutter-x: 0.25rem; }
  .g-xxl-1, .gy-xxl-1 { --bs-gutter-y: 0.25rem; }
  .gap-xxl-1, .column-gap-xxl-1 { column-gap: 0.25rem; }
  .row-gap-xxl-1 { row-gap: 0.25rem; } }
@media screen and (min-width: 1400px) { .g-xxl-2, .gx-xxl-2 { --bs-gutter-x: 0.5rem; }
  .g-xxl-2, .gy-xxl-2 { --bs-gutter-y: 0.5rem; }
  .gap-xxl-2, .column-gap-xxl-2 { column-gap: 0.5rem; }
  .row-gap-xxl-2 { row-gap: 0.5rem; } }
@media screen and (min-width: 1400px) { .g-xxl-3, .gx-xxl-3 { --bs-gutter-x: 0.75rem; }
  .g-xxl-3, .gy-xxl-3 { --bs-gutter-y: 0.75rem; }
  .gap-xxl-3, .column-gap-xxl-3 { column-gap: 0.75rem; }
  .row-gap-xxl-3 { row-gap: 0.75rem; } }
@media screen and (min-width: 1400px) { .g-xxl-4, .gx-xxl-4 { --bs-gutter-x: 1rem; }
  .g-xxl-4, .gy-xxl-4 { --bs-gutter-y: 1rem; }
  .gap-xxl-4, .column-gap-xxl-4 { column-gap: 1rem; }
  .row-gap-xxl-4 { row-gap: 1rem; } }
@media screen and (min-width: 1400px) { .g-xxl-5, .gx-xxl-5 { --bs-gutter-x: 1.5rem; }
  .g-xxl-5, .gy-xxl-5 { --bs-gutter-y: 1.5rem; }
  .gap-xxl-5, .column-gap-xxl-5 { column-gap: 1.5rem; }
  .row-gap-xxl-5 { row-gap: 1.5rem; } }
@media screen and (min-width: 1400px) { .g-xxl-6, .gx-xxl-6 { --bs-gutter-x: 2rem; }
  .g-xxl-6, .gy-xxl-6 { --bs-gutter-y: 2rem; }
  .gap-xxl-6, .column-gap-xxl-6 { column-gap: 2rem; }
  .row-gap-xxl-6 { row-gap: 2rem; } }
@media screen and (min-width: 1400px) { .g-xxl-7, .gx-xxl-7 { --bs-gutter-x: 2.5rem; }
  .g-xxl-7, .gy-xxl-7 { --bs-gutter-y: 2.5rem; }
  .gap-xxl-7, .column-gap-xxl-7 { column-gap: 2.5rem; }
  .row-gap-xxl-7 { row-gap: 2.5rem; } }
@media screen and (min-width: 1400px) { .g-xxl-8, .gx-xxl-8 { --bs-gutter-x: 3rem; }
  .g-xxl-8, .gy-xxl-8 { --bs-gutter-y: 3rem; }
  .gap-xxl-8, .column-gap-xxl-8 { column-gap: 3rem; }
  .row-gap-xxl-8 { row-gap: 3rem; } }
@media screen and (min-width: 1400px) { .g-xxl-9, .gx-xxl-9 { --bs-gutter-x: 4rem; }
  .g-xxl-9, .gy-xxl-9 { --bs-gutter-y: 4rem; }
  .gap-xxl-9, .column-gap-xxl-9 { column-gap: 4rem; }
  .row-gap-xxl-9 { row-gap: 4rem; } }
@media screen and (min-width: 1400px) { .g-xxl-10, .gx-xxl-10 { --bs-gutter-x: 5rem; }
  .g-xxl-10, .gy-xxl-10 { --bs-gutter-y: 5rem; }
  .gap-xxl-10, .column-gap-xxl-10 { column-gap: 5rem; }
  .row-gap-xxl-10 { row-gap: 5rem; } }
@media screen and (min-width: 1400px) { .g-xxl-11, .gx-xxl-11 { --bs-gutter-x: 6rem; }
  .g-xxl-11, .gy-xxl-11 { --bs-gutter-y: 6rem; }
  .gap-xxl-11, .column-gap-xxl-11 { column-gap: 6rem; }
  .row-gap-xxl-11 { row-gap: 6rem; } }
@media screen and (min-width: 1400px) { .g-xxl-12, .gx-xxl-12 { --bs-gutter-x: 7rem; }
  .g-xxl-12, .gy-xxl-12 { --bs-gutter-y: 7rem; }
  .gap-xxl-12, .column-gap-xxl-12 { column-gap: 7rem; }
  .row-gap-xxl-12 { row-gap: 7rem; } }
@media screen and (min-width: 1400px) { .g-xxl-13, .gx-xxl-13 { --bs-gutter-x: 8rem; }
  .g-xxl-13, .gy-xxl-13 { --bs-gutter-y: 8rem; }
  .gap-xxl-13, .column-gap-xxl-13 { column-gap: 8rem; }
  .row-gap-xxl-13 { row-gap: 8rem; } }
@media screen and (min-width: 1400px) { .g-xxl-14, .gx-xxl-14 { --bs-gutter-x: 9rem; }
  .g-xxl-14, .gy-xxl-14 { --bs-gutter-y: 9rem; }
  .gap-xxl-14, .column-gap-xxl-14 { column-gap: 9rem; }
  .row-gap-xxl-14 { row-gap: 9rem; } }
@media screen and (min-width: 1400px) { .g-xxl-15, .gx-xxl-15 { --bs-gutter-x: 10rem; }
  .g-xxl-15, .gy-xxl-15 { --bs-gutter-y: 10rem; }
  .gap-xxl-15, .column-gap-xxl-15 { column-gap: 10rem; }
  .row-gap-xxl-15 { row-gap: 10rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-0, .gx-xxxl-0 { --bs-gutter-x: 0; }
  .g-xxxl-0, .gy-xxxl-0 { --bs-gutter-y: 0; }
  .gap-xxxl-0, .column-gap-xxxl-0 { column-gap: 0; }
  .row-gap-xxxl-0 { row-gap: 0; } }
@media screen and (min-width: 1600px) { .g-xxxl-1, .gx-xxxl-1 { --bs-gutter-x: 0.25rem; }
  .g-xxxl-1, .gy-xxxl-1 { --bs-gutter-y: 0.25rem; }
  .gap-xxxl-1, .column-gap-xxxl-1 { column-gap: 0.25rem; }
  .row-gap-xxxl-1 { row-gap: 0.25rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-2, .gx-xxxl-2 { --bs-gutter-x: 0.5rem; }
  .g-xxxl-2, .gy-xxxl-2 { --bs-gutter-y: 0.5rem; }
  .gap-xxxl-2, .column-gap-xxxl-2 { column-gap: 0.5rem; }
  .row-gap-xxxl-2 { row-gap: 0.5rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-3, .gx-xxxl-3 { --bs-gutter-x: 0.75rem; }
  .g-xxxl-3, .gy-xxxl-3 { --bs-gutter-y: 0.75rem; }
  .gap-xxxl-3, .column-gap-xxxl-3 { column-gap: 0.75rem; }
  .row-gap-xxxl-3 { row-gap: 0.75rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-4, .gx-xxxl-4 { --bs-gutter-x: 1rem; }
  .g-xxxl-4, .gy-xxxl-4 { --bs-gutter-y: 1rem; }
  .gap-xxxl-4, .column-gap-xxxl-4 { column-gap: 1rem; }
  .row-gap-xxxl-4 { row-gap: 1rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-5, .gx-xxxl-5 { --bs-gutter-x: 1.5rem; }
  .g-xxxl-5, .gy-xxxl-5 { --bs-gutter-y: 1.5rem; }
  .gap-xxxl-5, .column-gap-xxxl-5 { column-gap: 1.5rem; }
  .row-gap-xxxl-5 { row-gap: 1.5rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-6, .gx-xxxl-6 { --bs-gutter-x: 2rem; }
  .g-xxxl-6, .gy-xxxl-6 { --bs-gutter-y: 2rem; }
  .gap-xxxl-6, .column-gap-xxxl-6 { column-gap: 2rem; }
  .row-gap-xxxl-6 { row-gap: 2rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-7, .gx-xxxl-7 { --bs-gutter-x: 2.5rem; }
  .g-xxxl-7, .gy-xxxl-7 { --bs-gutter-y: 2.5rem; }
  .gap-xxxl-7, .column-gap-xxxl-7 { column-gap: 2.5rem; }
  .row-gap-xxxl-7 { row-gap: 2.5rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-8, .gx-xxxl-8 { --bs-gutter-x: 3rem; }
  .g-xxxl-8, .gy-xxxl-8 { --bs-gutter-y: 3rem; }
  .gap-xxxl-8, .column-gap-xxxl-8 { column-gap: 3rem; }
  .row-gap-xxxl-8 { row-gap: 3rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-9, .gx-xxxl-9 { --bs-gutter-x: 4rem; }
  .g-xxxl-9, .gy-xxxl-9 { --bs-gutter-y: 4rem; }
  .gap-xxxl-9, .column-gap-xxxl-9 { column-gap: 4rem; }
  .row-gap-xxxl-9 { row-gap: 4rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-10, .gx-xxxl-10 { --bs-gutter-x: 5rem; }
  .g-xxxl-10, .gy-xxxl-10 { --bs-gutter-y: 5rem; }
  .gap-xxxl-10, .column-gap-xxxl-10 { column-gap: 5rem; }
  .row-gap-xxxl-10 { row-gap: 5rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-11, .gx-xxxl-11 { --bs-gutter-x: 6rem; }
  .g-xxxl-11, .gy-xxxl-11 { --bs-gutter-y: 6rem; }
  .gap-xxxl-11, .column-gap-xxxl-11 { column-gap: 6rem; }
  .row-gap-xxxl-11 { row-gap: 6rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-12, .gx-xxxl-12 { --bs-gutter-x: 7rem; }
  .g-xxxl-12, .gy-xxxl-12 { --bs-gutter-y: 7rem; }
  .gap-xxxl-12, .column-gap-xxxl-12 { column-gap: 7rem; }
  .row-gap-xxxl-12 { row-gap: 7rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-13, .gx-xxxl-13 { --bs-gutter-x: 8rem; }
  .g-xxxl-13, .gy-xxxl-13 { --bs-gutter-y: 8rem; }
  .gap-xxxl-13, .column-gap-xxxl-13 { column-gap: 8rem; }
  .row-gap-xxxl-13 { row-gap: 8rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-14, .gx-xxxl-14 { --bs-gutter-x: 9rem; }
  .g-xxxl-14, .gy-xxxl-14 { --bs-gutter-y: 9rem; }
  .gap-xxxl-14, .column-gap-xxxl-14 { column-gap: 9rem; }
  .row-gap-xxxl-14 { row-gap: 9rem; } }
@media screen and (min-width: 1600px) { .g-xxxl-15, .gx-xxxl-15 { --bs-gutter-x: 10rem; }
  .g-xxxl-15, .gy-xxxl-15 { --bs-gutter-y: 10rem; }
  .gap-xxxl-15, .column-gap-xxxl-15 { column-gap: 10rem; }
  .row-gap-xxxl-15 { row-gap: 10rem; } }
.fs-rem06250 { font-size: var(--fs-rem06250) !important; }

.fs-rem06875 { font-size: var(--fs-rem06875) !important; }

.fs-rem07500 { font-size: var(--fs-rem07500) !important; }

.fs-rem08750 { font-size: var(--fs-rem08750) !important; }

.fs-rem10000 { font-size: var(--fs-rem10000) !important; }

.fs-rem11250 { font-size: var(--fs-rem11250) !important; }

.fs-rem12500 { font-size: var(--fs-rem12500) !important; }

.fs-rem13750 { font-size: var(--fs-rem13750) !important; }

.fs-rem15000 { font-size: var(--fs-rem15000) !important; }

.fs-rem17500 { font-size: var(--fs-rem17500) !important; }

.fs-rem20000 { font-size: var(--fs-rem20000) !important; }

.fs-rem25000 { font-size: var(--fs-rem25000) !important; }

.fs-rem30000 { font-size: var(--fs-rem30000) !important; }

.fs-rem35000 { font-size: var(--fs-rem35000) !important; }

@media screen and (min-width: 576px) { .fs-rem06250-sm { font-size: var(--fs-rem06250) !important; } }
@media screen and (min-width: 576px) { .fs-rem06875-sm { font-size: var(--fs-rem06875) !important; } }
@media screen and (min-width: 576px) { .fs-rem07500-sm { font-size: var(--fs-rem07500) !important; } }
@media screen and (min-width: 576px) { .fs-rem08750-sm { font-size: var(--fs-rem08750) !important; } }
@media screen and (min-width: 576px) { .fs-rem10000-sm { font-size: var(--fs-rem10000) !important; } }
@media screen and (min-width: 576px) { .fs-rem11250-sm { font-size: var(--fs-rem11250) !important; } }
@media screen and (min-width: 576px) { .fs-rem12500-sm { font-size: var(--fs-rem12500) !important; } }
@media screen and (min-width: 576px) { .fs-rem13750-sm { font-size: var(--fs-rem13750) !important; } }
@media screen and (min-width: 576px) { .fs-rem15000-sm { font-size: var(--fs-rem15000) !important; } }
@media screen and (min-width: 576px) { .fs-rem17500-sm { font-size: var(--fs-rem17500) !important; } }
@media screen and (min-width: 576px) { .fs-rem20000-sm { font-size: var(--fs-rem20000) !important; } }
@media screen and (min-width: 576px) { .fs-rem25000-sm { font-size: var(--fs-rem25000) !important; } }
@media screen and (min-width: 576px) { .fs-rem30000-sm { font-size: var(--fs-rem30000) !important; } }
@media screen and (min-width: 576px) { .fs-rem35000-sm { font-size: var(--fs-rem35000) !important; } }
@media screen and (min-width: 768px) { .fs-rem06250-md { font-size: var(--fs-rem06250) !important; } }
@media screen and (min-width: 768px) { .fs-rem06875-md { font-size: var(--fs-rem06875) !important; } }
@media screen and (min-width: 768px) { .fs-rem07500-md { font-size: var(--fs-rem07500) !important; } }
@media screen and (min-width: 768px) { .fs-rem08750-md { font-size: var(--fs-rem08750) !important; } }
@media screen and (min-width: 768px) { .fs-rem10000-md { font-size: var(--fs-rem10000) !important; } }
@media screen and (min-width: 768px) { .fs-rem11250-md { font-size: var(--fs-rem11250) !important; } }
@media screen and (min-width: 768px) { .fs-rem12500-md { font-size: var(--fs-rem12500) !important; } }
@media screen and (min-width: 768px) { .fs-rem13750-md { font-size: var(--fs-rem13750) !important; } }
@media screen and (min-width: 768px) { .fs-rem15000-md { font-size: var(--fs-rem15000) !important; } }
@media screen and (min-width: 768px) { .fs-rem17500-md { font-size: var(--fs-rem17500) !important; } }
@media screen and (min-width: 768px) { .fs-rem20000-md { font-size: var(--fs-rem20000) !important; } }
@media screen and (min-width: 768px) { .fs-rem25000-md { font-size: var(--fs-rem25000) !important; } }
@media screen and (min-width: 768px) { .fs-rem30000-md { font-size: var(--fs-rem30000) !important; } }
@media screen and (min-width: 768px) { .fs-rem35000-md { font-size: var(--fs-rem35000) !important; } }
@media screen and (min-width: 992px) { .fs-rem06250-lg { font-size: var(--fs-rem06250) !important; } }
@media screen and (min-width: 992px) { .fs-rem06875-lg { font-size: var(--fs-rem06875) !important; } }
@media screen and (min-width: 992px) { .fs-rem07500-lg { font-size: var(--fs-rem07500) !important; } }
@media screen and (min-width: 992px) { .fs-rem08750-lg { font-size: var(--fs-rem08750) !important; } }
@media screen and (min-width: 992px) { .fs-rem10000-lg { font-size: var(--fs-rem10000) !important; } }
@media screen and (min-width: 992px) { .fs-rem11250-lg { font-size: var(--fs-rem11250) !important; } }
@media screen and (min-width: 992px) { .fs-rem12500-lg { font-size: var(--fs-rem12500) !important; } }
@media screen and (min-width: 992px) { .fs-rem13750-lg { font-size: var(--fs-rem13750) !important; } }
@media screen and (min-width: 992px) { .fs-rem15000-lg { font-size: var(--fs-rem15000) !important; } }
@media screen and (min-width: 992px) { .fs-rem17500-lg { font-size: var(--fs-rem17500) !important; } }
@media screen and (min-width: 992px) { .fs-rem20000-lg { font-size: var(--fs-rem20000) !important; } }
@media screen and (min-width: 992px) { .fs-rem25000-lg { font-size: var(--fs-rem25000) !important; } }
@media screen and (min-width: 992px) { .fs-rem30000-lg { font-size: var(--fs-rem30000) !important; } }
@media screen and (min-width: 992px) { .fs-rem35000-lg { font-size: var(--fs-rem35000) !important; } }
@media screen and (min-width: 1200px) { .fs-rem06250-xl { font-size: var(--fs-rem06250) !important; } }
@media screen and (min-width: 1200px) { .fs-rem06875-xl { font-size: var(--fs-rem06875) !important; } }
@media screen and (min-width: 1200px) { .fs-rem07500-xl { font-size: var(--fs-rem07500) !important; } }
@media screen and (min-width: 1200px) { .fs-rem08750-xl { font-size: var(--fs-rem08750) !important; } }
@media screen and (min-width: 1200px) { .fs-rem10000-xl { font-size: var(--fs-rem10000) !important; } }
@media screen and (min-width: 1200px) { .fs-rem11250-xl { font-size: var(--fs-rem11250) !important; } }
@media screen and (min-width: 1200px) { .fs-rem12500-xl { font-size: var(--fs-rem12500) !important; } }
@media screen and (min-width: 1200px) { .fs-rem13750-xl { font-size: var(--fs-rem13750) !important; } }
@media screen and (min-width: 1200px) { .fs-rem15000-xl { font-size: var(--fs-rem15000) !important; } }
@media screen and (min-width: 1200px) { .fs-rem17500-xl { font-size: var(--fs-rem17500) !important; } }
@media screen and (min-width: 1200px) { .fs-rem20000-xl { font-size: var(--fs-rem20000) !important; } }
@media screen and (min-width: 1200px) { .fs-rem25000-xl { font-size: var(--fs-rem25000) !important; } }
@media screen and (min-width: 1200px) { .fs-rem30000-xl { font-size: var(--fs-rem30000) !important; } }
@media screen and (min-width: 1200px) { .fs-rem35000-xl { font-size: var(--fs-rem35000) !important; } }
@media screen and (min-width: 1400px) { .fs-rem06250-xxl { font-size: var(--fs-rem06250) !important; } }
@media screen and (min-width: 1400px) { .fs-rem06875-xxl { font-size: var(--fs-rem06875) !important; } }
@media screen and (min-width: 1400px) { .fs-rem07500-xxl { font-size: var(--fs-rem07500) !important; } }
@media screen and (min-width: 1400px) { .fs-rem08750-xxl { font-size: var(--fs-rem08750) !important; } }
@media screen and (min-width: 1400px) { .fs-rem10000-xxl { font-size: var(--fs-rem10000) !important; } }
@media screen and (min-width: 1400px) { .fs-rem11250-xxl { font-size: var(--fs-rem11250) !important; } }
@media screen and (min-width: 1400px) { .fs-rem12500-xxl { font-size: var(--fs-rem12500) !important; } }
@media screen and (min-width: 1400px) { .fs-rem13750-xxl { font-size: var(--fs-rem13750) !important; } }
@media screen and (min-width: 1400px) { .fs-rem15000-xxl { font-size: var(--fs-rem15000) !important; } }
@media screen and (min-width: 1400px) { .fs-rem17500-xxl { font-size: var(--fs-rem17500) !important; } }
@media screen and (min-width: 1400px) { .fs-rem20000-xxl { font-size: var(--fs-rem20000) !important; } }
@media screen and (min-width: 1400px) { .fs-rem25000-xxl { font-size: var(--fs-rem25000) !important; } }
@media screen and (min-width: 1400px) { .fs-rem30000-xxl { font-size: var(--fs-rem30000) !important; } }
@media screen and (min-width: 1400px) { .fs-rem35000-xxl { font-size: var(--fs-rem35000) !important; } }
@media screen and (min-width: 1600px) { .fs-rem06250-xxxl { font-size: var(--fs-rem06250) !important; } }
@media screen and (min-width: 1600px) { .fs-rem06875-xxxl { font-size: var(--fs-rem06875) !important; } }
@media screen and (min-width: 1600px) { .fs-rem07500-xxxl { font-size: var(--fs-rem07500) !important; } }
@media screen and (min-width: 1600px) { .fs-rem08750-xxxl { font-size: var(--fs-rem08750) !important; } }
@media screen and (min-width: 1600px) { .fs-rem10000-xxxl { font-size: var(--fs-rem10000) !important; } }
@media screen and (min-width: 1600px) { .fs-rem11250-xxxl { font-size: var(--fs-rem11250) !important; } }
@media screen and (min-width: 1600px) { .fs-rem12500-xxxl { font-size: var(--fs-rem12500) !important; } }
@media screen and (min-width: 1600px) { .fs-rem13750-xxxl { font-size: var(--fs-rem13750) !important; } }
@media screen and (min-width: 1600px) { .fs-rem15000-xxxl { font-size: var(--fs-rem15000) !important; } }
@media screen and (min-width: 1600px) { .fs-rem17500-xxxl { font-size: var(--fs-rem17500) !important; } }
@media screen and (min-width: 1600px) { .fs-rem20000-xxxl { font-size: var(--fs-rem20000) !important; } }
@media screen and (min-width: 1600px) { .fs-rem25000-xxxl { font-size: var(--fs-rem25000) !important; } }
@media screen and (min-width: 1600px) { .fs-rem30000-xxxl { font-size: var(--fs-rem30000) !important; } }
@media screen and (min-width: 1600px) { .fs-rem35000-xxxl { font-size: var(--fs-rem35000) !important; } }
.lh-90 { line-height: 0.9 !important; }

.lh-100 { line-height: 1 !important; }

.lh-125 { line-height: 1.25 !important; }

.lh-150 { line-height: 1.5 !important; }

.lh-175 { line-height: 1.75 !important; }

.lh-200 { line-height: 2 !important; }

.w-1px { width: 1px !important; }

.w-10 { width: 10% !important; }

.w-20 { width: 20% !important; }

.w-25 { width: 25% !important; }

.w-30 { width: 30% !important; }

.w-40 { width: 40% !important; }

.w-50 { width: 50% !important; }

.w-60 { width: 60% !important; }

.w-70 { width: 70% !important; }

.w-75 { width: 75% !important; }

.w-80 { width: 80% !important; }

.w-90 { width: 90% !important; }

.w-100 { width: 100% !important; }

.w-auto { width: auto !important; }

@media screen and (min-width: 576px) { .w-sm-1px { width: 1px !important; } }
@media screen and (min-width: 576px) { .w-sm-10 { width: 10% !important; } }
@media screen and (min-width: 576px) { .w-sm-20 { width: 20% !important; } }
@media screen and (min-width: 576px) { .w-sm-25 { width: 25% !important; } }
@media screen and (min-width: 576px) { .w-sm-30 { width: 30% !important; } }
@media screen and (min-width: 576px) { .w-sm-40 { width: 40% !important; } }
@media screen and (min-width: 576px) { .w-sm-50 { width: 50% !important; } }
@media screen and (min-width: 576px) { .w-sm-60 { width: 60% !important; } }
@media screen and (min-width: 576px) { .w-sm-70 { width: 70% !important; } }
@media screen and (min-width: 576px) { .w-sm-75 { width: 75% !important; } }
@media screen and (min-width: 576px) { .w-sm-80 { width: 80% !important; } }
@media screen and (min-width: 576px) { .w-sm-90 { width: 90% !important; } }
@media screen and (min-width: 576px) { .w-sm-100 { width: 100% !important; } }
@media screen and (min-width: 576px) { .w-sm-auto { width: auto !important; } }
@media screen and (min-width: 768px) { .w-md-1px { width: 1px !important; } }
@media screen and (min-width: 768px) { .w-md-10 { width: 10% !important; } }
@media screen and (min-width: 768px) { .w-md-20 { width: 20% !important; } }
@media screen and (min-width: 768px) { .w-md-25 { width: 25% !important; } }
@media screen and (min-width: 768px) { .w-md-30 { width: 30% !important; } }
@media screen and (min-width: 768px) { .w-md-40 { width: 40% !important; } }
@media screen and (min-width: 768px) { .w-md-50 { width: 50% !important; } }
@media screen and (min-width: 768px) { .w-md-60 { width: 60% !important; } }
@media screen and (min-width: 768px) { .w-md-70 { width: 70% !important; } }
@media screen and (min-width: 768px) { .w-md-75 { width: 75% !important; } }
@media screen and (min-width: 768px) { .w-md-80 { width: 80% !important; } }
@media screen and (min-width: 768px) { .w-md-90 { width: 90% !important; } }
@media screen and (min-width: 768px) { .w-md-100 { width: 100% !important; } }
@media screen and (min-width: 768px) { .w-md-auto { width: auto !important; } }
@media screen and (min-width: 992px) { .w-lg-1px { width: 1px !important; } }
@media screen and (min-width: 992px) { .w-lg-10 { width: 10% !important; } }
@media screen and (min-width: 992px) { .w-lg-20 { width: 20% !important; } }
@media screen and (min-width: 992px) { .w-lg-25 { width: 25% !important; } }
@media screen and (min-width: 992px) { .w-lg-30 { width: 30% !important; } }
@media screen and (min-width: 992px) { .w-lg-40 { width: 40% !important; } }
@media screen and (min-width: 992px) { .w-lg-50 { width: 50% !important; } }
@media screen and (min-width: 992px) { .w-lg-60 { width: 60% !important; } }
@media screen and (min-width: 992px) { .w-lg-70 { width: 70% !important; } }
@media screen and (min-width: 992px) { .w-lg-75 { width: 75% !important; } }
@media screen and (min-width: 992px) { .w-lg-80 { width: 80% !important; } }
@media screen and (min-width: 992px) { .w-lg-90 { width: 90% !important; } }
@media screen and (min-width: 992px) { .w-lg-100 { width: 100% !important; } }
@media screen and (min-width: 992px) { .w-lg-auto { width: auto !important; } }
@media screen and (min-width: 1200px) { .w-xl-1px { width: 1px !important; } }
@media screen and (min-width: 1200px) { .w-xl-10 { width: 10% !important; } }
@media screen and (min-width: 1200px) { .w-xl-20 { width: 20% !important; } }
@media screen and (min-width: 1200px) { .w-xl-25 { width: 25% !important; } }
@media screen and (min-width: 1200px) { .w-xl-30 { width: 30% !important; } }
@media screen and (min-width: 1200px) { .w-xl-40 { width: 40% !important; } }
@media screen and (min-width: 1200px) { .w-xl-50 { width: 50% !important; } }
@media screen and (min-width: 1200px) { .w-xl-60 { width: 60% !important; } }
@media screen and (min-width: 1200px) { .w-xl-70 { width: 70% !important; } }
@media screen and (min-width: 1200px) { .w-xl-75 { width: 75% !important; } }
@media screen and (min-width: 1200px) { .w-xl-80 { width: 80% !important; } }
@media screen and (min-width: 1200px) { .w-xl-90 { width: 90% !important; } }
@media screen and (min-width: 1200px) { .w-xl-100 { width: 100% !important; } }
@media screen and (min-width: 1200px) { .w-xl-auto { width: auto !important; } }
@media screen and (min-width: 1400px) { .w-xxl-1px { width: 1px !important; } }
@media screen and (min-width: 1400px) { .w-xxl-10 { width: 10% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-20 { width: 20% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-25 { width: 25% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-30 { width: 30% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-40 { width: 40% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-50 { width: 50% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-60 { width: 60% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-70 { width: 70% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-75 { width: 75% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-80 { width: 80% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-90 { width: 90% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-100 { width: 100% !important; } }
@media screen and (min-width: 1400px) { .w-xxl-auto { width: auto !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-1px { width: 1px !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-10 { width: 10% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-20 { width: 20% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-25 { width: 25% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-30 { width: 30% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-40 { width: 40% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-50 { width: 50% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-60 { width: 60% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-70 { width: 70% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-75 { width: 75% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-80 { width: 80% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-90 { width: 90% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-100 { width: 100% !important; } }
@media screen and (min-width: 1600px) { .w-xxxl-auto { width: auto !important; } }
.ls-0 { letter-spacing: 0 !important; }

.ls-20 { letter-spacing: 0.2em !important; }

.ls-25 { letter-spacing: 0.25em !important; }

.ls-50 { letter-spacing: 0.5em !important; }

@media screen and (min-width: 576px) { .ls-sm-0 { letter-spacing: 0 !important; } }
@media screen and (min-width: 576px) { .ls-sm-20 { letter-spacing: 0.2em !important; } }
@media screen and (min-width: 576px) { .ls-sm-25 { letter-spacing: 0.25em !important; } }
@media screen and (min-width: 576px) { .ls-sm-50 { letter-spacing: 0.5em !important; } }
@media screen and (min-width: 768px) { .ls-md-0 { letter-spacing: 0 !important; } }
@media screen and (min-width: 768px) { .ls-md-20 { letter-spacing: 0.2em !important; } }
@media screen and (min-width: 768px) { .ls-md-25 { letter-spacing: 0.25em !important; } }
@media screen and (min-width: 768px) { .ls-md-50 { letter-spacing: 0.5em !important; } }
@media screen and (min-width: 992px) { .ls-lg-0 { letter-spacing: 0 !important; } }
@media screen and (min-width: 992px) { .ls-lg-20 { letter-spacing: 0.2em !important; } }
@media screen and (min-width: 992px) { .ls-lg-25 { letter-spacing: 0.25em !important; } }
@media screen and (min-width: 992px) { .ls-lg-50 { letter-spacing: 0.5em !important; } }
@media screen and (min-width: 1200px) { .ls-xl-0 { letter-spacing: 0 !important; } }
@media screen and (min-width: 1200px) { .ls-xl-20 { letter-spacing: 0.2em !important; } }
@media screen and (min-width: 1200px) { .ls-xl-25 { letter-spacing: 0.25em !important; } }
@media screen and (min-width: 1200px) { .ls-xl-50 { letter-spacing: 0.5em !important; } }
@media screen and (min-width: 1400px) { .ls-xxl-0 { letter-spacing: 0 !important; } }
@media screen and (min-width: 1400px) { .ls-xxl-20 { letter-spacing: 0.2em !important; } }
@media screen and (min-width: 1400px) { .ls-xxl-25 { letter-spacing: 0.25em !important; } }
@media screen and (min-width: 1400px) { .ls-xxl-50 { letter-spacing: 0.5em !important; } }
@media screen and (min-width: 1600px) { .ls-xxxl-0 { letter-spacing: 0 !important; } }
@media screen and (min-width: 1600px) { .ls-xxxl-20 { letter-spacing: 0.2em !important; } }
@media screen and (min-width: 1600px) { .ls-xxxl-25 { letter-spacing: 0.25em !important; } }
@media screen and (min-width: 1600px) { .ls-xxxl-50 { letter-spacing: 0.5em !important; } }
.ti-0 { text-indent: 0; }

.ti-025 { text-indent: 0.25em; }

.ti-050 { text-indent: 0.5em; }

.border-0 { border: 0 !important; }

.border { border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.boreder-dotted-3 { border: 3px dotted var(--bs-border-color) !important; }

.border-top-0 { border-top: 0 !important; }

.border-top { border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-top-dotted-3 { border-top: 3px dotted var(--bs-border-color) !important; }

.border-end-0 { border-right: 0 !important; }

.border-end { border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-end-dotted-3 { border-right: 3px dotted var(--bs-border-color) !important; }

.border-bottom-0 { border-bottom: 0 !important; }

.border-bottom { border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-bottom-dotted-3 { border-bottom: 3px dotted var(--bs-border-color) !important; }

.border-start-0 { border-left: 0 !important; }

.border-start { border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; }

.border-start-dotted-3 { border-left: 3px dotted var(--bs-border-color) !important; }

@media screen and (min-width: 576px) { .border-sm-0 { border: 0 !important; }
  .border-sm { border-width: var(--bs-border-width); border-style: var(--bs-border-style); border-color: var(--bs-border-color) !important; }
  .border-sm-dotted-3 { border: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 576px) { .border-sm-top-0 { border-top: 0 !important; }
  .border-sm-top { border-top-width: var(--bs-border-width); border-top-style: var(--bs-border-style); border-top-color: --bs-border-color !important; }
  .border-sm-top-botted-3 { border-top: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 576px) { .border-sm-end-0 { border-right: 0 !important; }
  .border-sm-end { border-right-width: var(--bs-border-width); border-right-style: var(--bs-border-style); border-right-color: --bs-border-color !important; }
  .border-sm-end-botted-3 { border-right: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 576px) { .border-sm-bottom-0 { border-bottom: 0 !important; }
  .border-sm-bottom { border-bottom-width: var(--bs-border-width); border-bottom-style: var(--bs-border-style); border-bottom-color: --bs-border-color !important; }
  .border-sm-bottom-botted-3 { border-bottom: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 576px) { .border-sm-start-0 { border-left: 0 !important; }
  .border-sm-start { border-left-width: var(--bs-border-width); border-left-style: var(--bs-border-style); border-left-color: --bs-border-color !important; }
  .border-sm-start-botted-3 { border-left: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 768px) { .border-md-0 { border: 0 !important; }
  .border-md { border-width: var(--bs-border-width); border-style: var(--bs-border-style); border-color: var(--bs-border-color) !important; }
  .border-md-dotted-3 { border: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 768px) { .border-md-top-0 { border-top: 0 !important; }
  .border-md-top { border-top-width: var(--bs-border-width); border-top-style: var(--bs-border-style); border-top-color: --bs-border-color !important; }
  .border-md-top-botted-3 { border-top: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 768px) { .border-md-end-0 { border-right: 0 !important; }
  .border-md-end { border-right-width: var(--bs-border-width); border-right-style: var(--bs-border-style); border-right-color: --bs-border-color !important; }
  .border-md-end-botted-3 { border-right: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 768px) { .border-md-bottom-0 { border-bottom: 0 !important; }
  .border-md-bottom { border-bottom-width: var(--bs-border-width); border-bottom-style: var(--bs-border-style); border-bottom-color: --bs-border-color !important; }
  .border-md-bottom-botted-3 { border-bottom: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 768px) { .border-md-start-0 { border-left: 0 !important; }
  .border-md-start { border-left-width: var(--bs-border-width); border-left-style: var(--bs-border-style); border-left-color: --bs-border-color !important; }
  .border-md-start-botted-3 { border-left: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 992px) { .border-lg-0 { border: 0 !important; }
  .border-lg { border-width: var(--bs-border-width); border-style: var(--bs-border-style); border-color: var(--bs-border-color) !important; }
  .border-lg-dotted-3 { border: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 992px) { .border-lg-top-0 { border-top: 0 !important; }
  .border-lg-top { border-top-width: var(--bs-border-width); border-top-style: var(--bs-border-style); border-top-color: --bs-border-color !important; }
  .border-lg-top-botted-3 { border-top: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 992px) { .border-lg-end-0 { border-right: 0 !important; }
  .border-lg-end { border-right-width: var(--bs-border-width); border-right-style: var(--bs-border-style); border-right-color: --bs-border-color !important; }
  .border-lg-end-botted-3 { border-right: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 992px) { .border-lg-bottom-0 { border-bottom: 0 !important; }
  .border-lg-bottom { border-bottom-width: var(--bs-border-width); border-bottom-style: var(--bs-border-style); border-bottom-color: --bs-border-color !important; }
  .border-lg-bottom-botted-3 { border-bottom: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 992px) { .border-lg-start-0 { border-left: 0 !important; }
  .border-lg-start { border-left-width: var(--bs-border-width); border-left-style: var(--bs-border-style); border-left-color: --bs-border-color !important; }
  .border-lg-start-botted-3 { border-left: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1200px) { .border-xl-0 { border: 0 !important; }
  .border-xl { border-width: var(--bs-border-width); border-style: var(--bs-border-style); border-color: var(--bs-border-color) !important; }
  .border-xl-dotted-3 { border: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1200px) { .border-xl-top-0 { border-top: 0 !important; }
  .border-xl-top { border-top-width: var(--bs-border-width); border-top-style: var(--bs-border-style); border-top-color: --bs-border-color !important; }
  .border-xl-top-botted-3 { border-top: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1200px) { .border-xl-end-0 { border-right: 0 !important; }
  .border-xl-end { border-right-width: var(--bs-border-width); border-right-style: var(--bs-border-style); border-right-color: --bs-border-color !important; }
  .border-xl-end-botted-3 { border-right: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1200px) { .border-xl-bottom-0 { border-bottom: 0 !important; }
  .border-xl-bottom { border-bottom-width: var(--bs-border-width); border-bottom-style: var(--bs-border-style); border-bottom-color: --bs-border-color !important; }
  .border-xl-bottom-botted-3 { border-bottom: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1200px) { .border-xl-start-0 { border-left: 0 !important; }
  .border-xl-start { border-left-width: var(--bs-border-width); border-left-style: var(--bs-border-style); border-left-color: --bs-border-color !important; }
  .border-xl-start-botted-3 { border-left: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1400px) { .border-xxl-0 { border: 0 !important; }
  .border-xxl { border-width: var(--bs-border-width); border-style: var(--bs-border-style); border-color: var(--bs-border-color) !important; }
  .border-xxl-dotted-3 { border: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1400px) { .border-xxl-top-0 { border-top: 0 !important; }
  .border-xxl-top { border-top-width: var(--bs-border-width); border-top-style: var(--bs-border-style); border-top-color: --bs-border-color !important; }
  .border-xxl-top-botted-3 { border-top: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1400px) { .border-xxl-end-0 { border-right: 0 !important; }
  .border-xxl-end { border-right-width: var(--bs-border-width); border-right-style: var(--bs-border-style); border-right-color: --bs-border-color !important; }
  .border-xxl-end-botted-3 { border-right: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1400px) { .border-xxl-bottom-0 { border-bottom: 0 !important; }
  .border-xxl-bottom { border-bottom-width: var(--bs-border-width); border-bottom-style: var(--bs-border-style); border-bottom-color: --bs-border-color !important; }
  .border-xxl-bottom-botted-3 { border-bottom: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1400px) { .border-xxl-start-0 { border-left: 0 !important; }
  .border-xxl-start { border-left-width: var(--bs-border-width); border-left-style: var(--bs-border-style); border-left-color: --bs-border-color !important; }
  .border-xxl-start-botted-3 { border-left: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1600px) { .border-xxxl-0 { border: 0 !important; }
  .border-xxxl { border-width: var(--bs-border-width); border-style: var(--bs-border-style); border-color: var(--bs-border-color) !important; }
  .border-xxxl-dotted-3 { border: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1600px) { .border-xxxl-top-0 { border-top: 0 !important; }
  .border-xxxl-top { border-top-width: var(--bs-border-width); border-top-style: var(--bs-border-style); border-top-color: --bs-border-color !important; }
  .border-xxxl-top-botted-3 { border-top: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1600px) { .border-xxxl-end-0 { border-right: 0 !important; }
  .border-xxxl-end { border-right-width: var(--bs-border-width); border-right-style: var(--bs-border-style); border-right-color: --bs-border-color !important; }
  .border-xxxl-end-botted-3 { border-right: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1600px) { .border-xxxl-bottom-0 { border-bottom: 0 !important; }
  .border-xxxl-bottom { border-bottom-width: var(--bs-border-width); border-bottom-style: var(--bs-border-style); border-bottom-color: --bs-border-color !important; }
  .border-xxxl-bottom-botted-3 { border-bottom: 3px dotted var(--bs-border-color) !important; } }
@media screen and (min-width: 1600px) { .border-xxxl-start-0 { border-left: 0 !important; }
  .border-xxxl-start { border-left-width: var(--bs-border-width); border-left-style: var(--bs-border-style); border-left-color: --bs-border-color !important; }
  .border-xxxl-start-botted-3 { border-left: 3px dotted var(--bs-border-color) !important; } }
.order-first { order: -1 !important; }

.order-1 { order: 1 !important; }

.order-2 { order: 2 !important; }

.order-3 { order: 3 !important; }

.order-4 { order: 4 !important; }

.order-5 { order: 5 !important; }

.order-6 { order: 6 !important; }

.order-7 { order: 7 !important; }

.order-8 { order: 8 !important; }

.order-9 { order: 9 !important; }

.order-10 { order: 10 !important; }

.order-last { order: 100 !important; }

@media screen and (min-width: 576px) { .order-sm-first { order: -1 !important; } }
@media screen and (min-width: 576px) { .order-sm-1 { order: 1 !important; } }
@media screen and (min-width: 576px) { .order-sm-2 { order: 2 !important; } }
@media screen and (min-width: 576px) { .order-sm-3 { order: 3 !important; } }
@media screen and (min-width: 576px) { .order-sm-4 { order: 4 !important; } }
@media screen and (min-width: 576px) { .order-sm-5 { order: 5 !important; } }
@media screen and (min-width: 576px) { .order-sm-6 { order: 6 !important; } }
@media screen and (min-width: 576px) { .order-sm-7 { order: 7 !important; } }
@media screen and (min-width: 576px) { .order-sm-8 { order: 8 !important; } }
@media screen and (min-width: 576px) { .order-sm-9 { order: 9 !important; } }
@media screen and (min-width: 576px) { .order-sm-10 { order: 10 !important; } }
@media screen and (min-width: 576px) { .order-sm-last { order: 100 !important; } }
@media screen and (min-width: 768px) { .order-md-first { order: -1 !important; } }
@media screen and (min-width: 768px) { .order-md-1 { order: 1 !important; } }
@media screen and (min-width: 768px) { .order-md-2 { order: 2 !important; } }
@media screen and (min-width: 768px) { .order-md-3 { order: 3 !important; } }
@media screen and (min-width: 768px) { .order-md-4 { order: 4 !important; } }
@media screen and (min-width: 768px) { .order-md-5 { order: 5 !important; } }
@media screen and (min-width: 768px) { .order-md-6 { order: 6 !important; } }
@media screen and (min-width: 768px) { .order-md-7 { order: 7 !important; } }
@media screen and (min-width: 768px) { .order-md-8 { order: 8 !important; } }
@media screen and (min-width: 768px) { .order-md-9 { order: 9 !important; } }
@media screen and (min-width: 768px) { .order-md-10 { order: 10 !important; } }
@media screen and (min-width: 768px) { .order-md-last { order: 100 !important; } }
@media screen and (min-width: 992px) { .order-lg-first { order: -1 !important; } }
@media screen and (min-width: 992px) { .order-lg-1 { order: 1 !important; } }
@media screen and (min-width: 992px) { .order-lg-2 { order: 2 !important; } }
@media screen and (min-width: 992px) { .order-lg-3 { order: 3 !important; } }
@media screen and (min-width: 992px) { .order-lg-4 { order: 4 !important; } }
@media screen and (min-width: 992px) { .order-lg-5 { order: 5 !important; } }
@media screen and (min-width: 992px) { .order-lg-6 { order: 6 !important; } }
@media screen and (min-width: 992px) { .order-lg-7 { order: 7 !important; } }
@media screen and (min-width: 992px) { .order-lg-8 { order: 8 !important; } }
@media screen and (min-width: 992px) { .order-lg-9 { order: 9 !important; } }
@media screen and (min-width: 992px) { .order-lg-10 { order: 10 !important; } }
@media screen and (min-width: 992px) { .order-lg-last { order: 100 !important; } }
@media screen and (min-width: 1200px) { .order-xl-first { order: -1 !important; } }
@media screen and (min-width: 1200px) { .order-xl-1 { order: 1 !important; } }
@media screen and (min-width: 1200px) { .order-xl-2 { order: 2 !important; } }
@media screen and (min-width: 1200px) { .order-xl-3 { order: 3 !important; } }
@media screen and (min-width: 1200px) { .order-xl-4 { order: 4 !important; } }
@media screen and (min-width: 1200px) { .order-xl-5 { order: 5 !important; } }
@media screen and (min-width: 1200px) { .order-xl-6 { order: 6 !important; } }
@media screen and (min-width: 1200px) { .order-xl-7 { order: 7 !important; } }
@media screen and (min-width: 1200px) { .order-xl-8 { order: 8 !important; } }
@media screen and (min-width: 1200px) { .order-xl-9 { order: 9 !important; } }
@media screen and (min-width: 1200px) { .order-xl-10 { order: 10 !important; } }
@media screen and (min-width: 1200px) { .order-xl-last { order: 100 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-first { order: -1 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-1 { order: 1 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-2 { order: 2 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-3 { order: 3 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-4 { order: 4 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-5 { order: 5 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-6 { order: 6 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-7 { order: 7 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-8 { order: 8 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-9 { order: 9 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-10 { order: 10 !important; } }
@media screen and (min-width: 1400px) { .order-xxl-last { order: 100 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-first { order: -1 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-1 { order: 1 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-2 { order: 2 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-3 { order: 3 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-4 { order: 4 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-5 { order: 5 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-6 { order: 6 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-7 { order: 7 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-8 { order: 8 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-9 { order: 9 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-10 { order: 10 !important; } }
@media screen and (min-width: 1600px) { .order-xxxl-last { order: 100 !important; } }
.text-nowrap { white-space: nowrap !important; }

@media screen and (min-width: 576px) { .text-sm-nowrap { white-space: nowrap !important; } }
@media screen and (min-width: 768px) { .text-md-nowrap { white-space: nowrap !important; } }
@media screen and (min-width: 992px) { .text-lg-nowrap { white-space: nowrap !important; } }
@media screen and (min-width: 1200px) { .text-xl-nowrap { white-space: nowrap !important; } }
@media screen and (min-width: 1400px) { .text-xxl-nowrap { white-space: nowrap !important; } }
@media screen and (min-width: 1600px) { .text-xxxl-nowrap { white-space: nowrap !important; } }
html { height: 100%; }
@media screen and (max-width: 1199.98px) { html { font-size: 14px; } }

body { height: 100%; background-color: var(--bs-body-bg); margin: 0; font-feature-settings: "palt" 1; }

body .weglot-container { display: none !important; }

address { display: block; font-size: var(--fs-rem08750); line-height: 1.25; }

@media screen and (min-width: 375px) { .container-ss-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } }
@media screen and (min-width: 576px) { .container-sm-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } }
@media screen and (min-width: 768px) { .container-md-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } }
@media screen and (min-width: 992px) { .container-lg-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } }
@media screen and (min-width: 1200px) { .container-xl-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } }
@media screen and (min-width: 1400px) { .container-xxl-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } }
@media screen and (min-width: 1600px) { .container-xxxl-fluid { --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * 0.5); padding-left: calc(var(--bs-gutter-x) * 0.5); margin-right: auto; margin-left: auto; } }
.color-orange1 { color: var(--color-orange1) !important; }

.color-green1 { color: var(--color-green1) !important; }

.color-blue1 { color: var(--color-blue1); }

.color-pink1 { color: var(--color-pink1); }

.text-color-aboutus { color: var(--color-aboutus); }

.text-color-recruit { color: var(--color-recruit); }

.text-color-workplace { color: var(--color-workplace); }

.text-color-members { color: var(--color-members); }

.text-color-entry { color: var(--color-entry); }

.bg-black { background-color: var(--bs-body-color); }

.border-collapse-separate { border-collapse: separate; }

.border-spacing-y6 { border-spacing: 0 2rem; margin-top: -2rem; margin-bottom: -2rem; }

.border-black { border-color: var(--bs-body-color) !important; }

.h2 { font-size: var(--fs-rem20000) !important; line-height: 1.25 !important; }
@media screen and (min-width: 768px) { .h2 { font-size: var(--fs-rem25000); } }
@media screen and (min-width: 992px) { .h2 { font-size: var(--fs-rem30000) !important; } }

.h3 { font-size: var(--fs-rem15000) !important; line-height: 1.25 !important; }
@media screen and (min-width: 768px) { .h3 { font-size: var(--fs-rem25000) !important; } }

.h4 { font-size: var(--fs-rem15000) !important; line-height: 1.25 !important; }
@media screen and (min-width: 768px) { .h4 { font-size: var(--fs-rem20000) !important; } }

.h5 { font-size: var(--fs-rem12500) !important; line-height: 1.25 !important; }

.fw-700 { font-weight: 700; }

.fw-800 { font-weight: 800; }

.fw-900 { font-weight: 900; }

.ff-ja-rocknroll-one { font-family: var(--ff-rocknroll-one); }

.ff-en-bungee { font-family: var(--ff-en-title); }

.btn { --bs-btn-font-size: 1rem; --bs-btn-font-weight: 700; --bs-btn-line-height: 1; --bs-btn-border-width: 0; --bs-btn-padding-x: 2rem; --bs-btn-padding-y: 1rem; --bs-btn-border-radius: var(--bs-border-radius); }
@media screen and (min-width: 1200px) { .btn { --bs-btn-font-size: 1.125rem; } }

.btn-primary { --bs-btn-bg: var(--bs-body-color); }

.btn-primary.disabled { --bs-btn-disabled-bg: var(--bs-body-color); }

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

.flex-width-22 { flex: 0 0 22% !important; }

@media screen and (min-width: 576px) { .flex-width-sm-22 { flex: 0 0 22% !important; } }
@media screen and (min-width: 768px) { .flex-width-md-22 { flex: 0 0 22% !important; } }
@media screen and (min-width: 992px) { .flex-width-lg-22 { flex: 0 0 22% !important; } }
@media screen and (min-width: 1200px) { .flex-width-xl-22 { flex: 0 0 22% !important; } }
@media screen and (min-width: 1400px) { .flex-width-xxl-22 { flex: 0 0 22% !important; } }
@media screen and (min-width: 1600px) { .flex-width-xxxl-22 { flex: 0 0 22% !important; } }
.flex-width-24 { flex: 0 0 24% !important; }

@media screen and (min-width: 576px) { .flex-width-sm-24 { flex: 0 0 24% !important; } }
@media screen and (min-width: 768px) { .flex-width-md-24 { flex: 0 0 24% !important; } }
@media screen and (min-width: 992px) { .flex-width-lg-24 { flex: 0 0 24% !important; } }
@media screen and (min-width: 1200px) { .flex-width-xl-24 { flex: 0 0 24% !important; } }
@media screen and (min-width: 1400px) { .flex-width-xxl-24 { flex: 0 0 24% !important; } }
@media screen and (min-width: 1600px) { .flex-width-xxxl-24 { flex: 0 0 24% !important; } }
.flex-width-25 { flex: 0 0 25% !important; }

@media screen and (min-width: 576px) { .flex-width-sm-25 { flex: 0 0 25% !important; } }
@media screen and (min-width: 768px) { .flex-width-md-25 { flex: 0 0 25% !important; } }
@media screen and (min-width: 992px) { .flex-width-lg-25 { flex: 0 0 25% !important; } }
@media screen and (min-width: 1200px) { .flex-width-xl-25 { flex: 0 0 25% !important; } }
@media screen and (min-width: 1400px) { .flex-width-xxl-25 { flex: 0 0 25% !important; } }
@media screen and (min-width: 1600px) { .flex-width-xxxl-25 { flex: 0 0 25% !important; } }
.flex-width-30 { flex: 0 0 30% !important; }

@media screen and (min-width: 576px) { .flex-width-sm-30 { flex: 0 0 30% !important; } }
@media screen and (min-width: 768px) { .flex-width-md-30 { flex: 0 0 30% !important; } }
@media screen and (min-width: 992px) { .flex-width-lg-30 { flex: 0 0 30% !important; } }
@media screen and (min-width: 1200px) { .flex-width-xl-30 { flex: 0 0 30% !important; } }
@media screen and (min-width: 1400px) { .flex-width-xxl-30 { flex: 0 0 30% !important; } }
@media screen and (min-width: 1600px) { .flex-width-xxxl-30 { flex: 0 0 30% !important; } }
.flex-width-34 { flex: 0 0 34% !important; }

@media screen and (min-width: 576px) { .flex-width-sm-34 { flex: 0 0 34% !important; } }
@media screen and (min-width: 768px) { .flex-width-md-34 { flex: 0 0 34% !important; } }
@media screen and (min-width: 992px) { .flex-width-lg-34 { flex: 0 0 34% !important; } }
@media screen and (min-width: 1200px) { .flex-width-xl-34 { flex: 0 0 34% !important; } }
@media screen and (min-width: 1400px) { .flex-width-xxl-34 { flex: 0 0 34% !important; } }
@media screen and (min-width: 1600px) { .flex-width-xxxl-34 { flex: 0 0 34% !important; } }
.flex-width-38 { flex: 0 0 38% !important; }

@media screen and (min-width: 576px) { .flex-width-sm-38 { flex: 0 0 38% !important; } }
@media screen and (min-width: 768px) { .flex-width-md-38 { flex: 0 0 38% !important; } }
@media screen and (min-width: 992px) { .flex-width-lg-38 { flex: 0 0 38% !important; } }
@media screen and (min-width: 1200px) { .flex-width-xl-38 { flex: 0 0 38% !important; } }
@media screen and (min-width: 1400px) { .flex-width-xxl-38 { flex: 0 0 38% !important; } }
@media screen and (min-width: 1600px) { .flex-width-xxxl-38 { flex: 0 0 38% !important; } }
.flex-022 { flex: 0 0 22%; }

.list-group.list-group-nonstyle { border: none; padding: 0; border-radius: 0; list-style: none; }
.list-group.list-group-nonstyle .list-group-item { padding: 0; border: 0; border-radius: 0; background: none; }
.list-group.list-group-header100 .list-group-item { position: relative; padding-left: 1em; background: none; }
.list-group.list-group-header100 .list-group-item .h { position: absolute; top: 0; left: 0; }

.fs-flex { display: inline-flex; align-items: center; }
.fs-flex .fs-en { display: inline-block; font-size: 1.115em; white-space: nowrap; }

body.globalmenu-open .body-wrapper::before { display: block; content: ''; width: 100%; height: 100%; position: fixed; z-index: 98; background-color: rgba(0, 0, 0, 0.8); }

body.members-fixed { overflow: hidden; }

.loading { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 50px; line-height: 1; text-align: center; position: fixed; top: 0; left: 0; background-color: var(--bs-white); z-index: 99999; pointer-events: none; }

#ag-recruit-header { display: block; position: fixed; width: 100%; top: 0; left: 0; z-index: 99; padding: 5px 0.75rem 16px; background-color: #fcf9f6; }
@media screen and (min-width: 992px) { #ag-recruit-header { display: flex; justify-content: space-between; align-items: end; padding: 20px 2rem 38px; } }
#ag-recruit-header .brand { display: block; width: 150px; height: 28px; background-image: url("../images/brand.svg"); background-repeat: no-repeat; background-position: left top; background-size: contain; text-indent: 100%; white-space: nowrap; overflow: hidden; position: relative; top: 4px; z-index: 100; }
@media screen and (min-width: 992px) { #ag-recruit-header .brand { width: 150px; height: 40px; top: 0; } }
#ag-recruit-header a { text-decoration: none; }

#ag-recruit-globalmenu { display: block; width: 100%; position: absolute; top: 0; left: 0; background-color: var(--color-bg-secondary01); padding: 1.85rem 0; box-shadow: 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.05); }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu { position: static; background: none; padding: 0; box-shadow: none; } }
#ag-recruit-globalmenu .menu-group { display: none; padding: 3rem 5rem; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group { display: block; padding: 0; } }
#ag-recruit-globalmenu .menu-group ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; column-gap: 2rem; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul { flex-direction: row; justify-content: flex-end; align-items: center; } }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li { position: relative; } }
#ag-recruit-globalmenu .menu-group ul li:last-child a { border-bottom: 1px solid var(--bs-body-color); }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li:last-child a { border-bottom: none; } }
#ag-recruit-globalmenu .menu-group ul li a { font-size: 1rem; line-height: 1; color: var(--bs-body-color); display: flex; justify-content: flex-start; align-items: center; column-gap: 1rem; border-top: 1px solid var(--bs-body-color); padding: 1rem; position: relative; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li a { justify-content: center; column-gap: 0.75rem; border-top: none; padding: 0; } }
#ag-recruit-globalmenu .menu-group ul li a::before { display: flex; justify-content: center; align-items: center; font-family: 'Font Awesome 6 Pro'; font-weight: 900; font-size: 1.4em; animation-name: kf-gm-icon; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: both; }
#ag-recruit-globalmenu .menu-group ul li a:hover::before { animation-play-state: paused; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li a:hover .t { display: block; position: relative; }
  #ag-recruit-globalmenu .menu-group ul li a:hover .t::before { display: block; content: ''; width: 100%; height: 3px; position: absolute; z-index: -1; bottom: -6px; left: 0; animation-name: kf-gi-line; animation-duration: .3s; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; } }
#ag-recruit-globalmenu .menu-group ul li a::after { display: flex; justify-content: center; align-items: center; font-family: 'Font Awesome 6 Pro'; font-weight: 900; font-size: 1.4em; width: 28px; height: 28px; position: absolute; right: .5rem; top: calc(50% -14px); content: '\f0da'; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li a::after { display: none; } }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li ul { display: block; position: absolute; top: 28px; left: 0; } }
#ag-recruit-globalmenu .menu-group ul li ul li:last-child a { border-bottom: none; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li ul li:last-child a { border-bottom: 2px dotted var(--bs-body-color); } }
#ag-recruit-globalmenu .menu-group ul li ul li a { padding-left: 3rem; border-top: 2px dotted var(--bs-body-color); white-space: nowrap; justify-content: flex-start; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu .menu-group ul li ul li a { padding: 1rem 0; } }
#ag-recruit-globalmenu #ul-recruit { display: none; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu #ul-recruit { padding: 20px 1.5rem 1.5rem 1.5rem; margin-left: -1.5rem; background-color: var(--color-bg-secondary01); border-radius: 0 0 6px 6px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.1); } }
#ag-recruit-globalmenu #globalmenu-buttons-sp { display: flex; justify-content: end; column-gap: 6px; position: absolute; top: 10px; right: 0.75rem; }
@media screen and (min-width: 992px) { #ag-recruit-globalmenu #globalmenu-buttons-sp { display: none; } }
#ag-recruit-globalmenu #globalmenu-buttons-sp .wantedly { display: flex; background-color: #21bddb; width: 110px; justify-content: center; align-items: center; height: 26px; margin-top: 2px; border-radius: 4px; position: relative; text-decoration: none; }
#ag-recruit-globalmenu #globalmenu-buttons-sp .wantedly::after { display: block; content: "\f08e"; font-family: var(--ff-fontawesome); font-size: 8px; font-weight: 400; line-height: 1; color: var(--bs-white); position: absolute; top: 3px; right: 3px; }
#ag-recruit-globalmenu #globalmenu-buttons-sp .wantedly img { width: 70%; margin-top: 2px; }
#ag-recruit-globalmenu #globalmenu-buttons-sp #globalmenu-switcher { display: block; }
#ag-recruit-globalmenu #globalmenu-buttons-sp #globalmenu-switcher i { font-size: 30px; line-height: 1; text-align: right; cursor: pointer; transition: color 0.15s ease-in-out; }
#ag-recruit-globalmenu #globalmenu-buttons-sp #globalmenu-switcher i:hover { color: var(--color-agencia); }

@keyframes kf-gm-icon { 0% { transform: scale(1); }
  100% { transform: scale(1.2); } }
@keyframes kf-gi-line { 0% { width: 0; }
  100% { width: 100%; } }
#gm-home::before { content: '\e0de'; color: var(--color-home); width: 28px; height: 28px; animation-duration: 1s; }
@media screen and (min-width: 992px) { #gm-home:hover .t::before { background-color: var(--color-home); } }
#gm-home::after { color: var(--color-home); }

#gm-aboutus::before { content: '\e0cc'; width: 28px; height: 23px; color: var(--color-aboutus); animation-duration: .8s; }
@media screen and (min-width: 992px) { #gm-aboutus::before { width: 23px; } }
@media screen and (min-width: 992px) { #gm-aboutus:hover .t::before { background-color: var(--color-aboutus); } }
#gm-aboutus::after { color: var(--color-aboutus); }

#gm-members::before { content: '\f544'; width: 28px; height: 28px; color: var(--color-members); animation-duration: .6s; }
@media screen and (min-width: 992px) { #gm-members:hover .t::before { background-color: var(--color-members); } }
#gm-members::after { color: var(--color-members); }

#gm-workplace::before { content: '\e014'; width: 28px; height: 23px; color: var(--color-workplace); animation-duration: .9s; }
@media screen and (min-width: 992px) { #gm-workplace::before { width: 23px; } }
@media screen and (min-width: 992px) { #gm-workplace:hover .t::before { background-color: var(--color-workplace); } }
#gm-workplace::after { color: var(--color-workplace); }

#gm-recruit::before { content: '\f15c'; width: 28px; height: 23px; color: var(--color-recruit); animation-duration: .7s; }
@media screen and (min-width: 992px) { #gm-recruit::before { width: 17px; } }
@media screen and (min-width: 992px) { #gm-recruit:hover .t::before { background-color: var(--color-recruit); } }
#gm-recruit::after { content: '\f0d7' !important; color: var(--color-recruit); }
#gm-recruit.close::after { content: '\f0d8' !important; }

#gm-entry::before { content: '\f4ff'; width: 28px; height: 28px; color: var(--color-entry); animation-duration: .9s; }
@media screen and (min-width: 992px) { #gm-entry:hover .t::before { background-color: var(--color-entry); } }
#gm-entry::after { color: var(--color-entry); }

#gm-recruit-message::before { content: '\f4a6'; width: 28px; height: 20px; color: var(--color-recruit-message); animation-duration: .6s; }
@media screen and (min-width: 992px) { #gm-recruit-message::before { width: 20px; } }
@media screen and (min-width: 992px) { #gm-recruit-message:hover .t::before { background-color: var(--color-recruit-message); } }
#gm-recruit-message::after { color: var(--color-recruit-message); }

#gm-recruit-description::before { content: '\e489'; font-size: 1.4em; width: 28px; height: 20px; color: var(--color-recruit-description); animation-duration: .85s; }
@media screen and (min-width: 992px) { #gm-recruit-description::before { width: 17.2px; } }
@media screen and (min-width: 992px) { #gm-recruit-description:hover .t::before { background-color: var(--color-recruit-description); } }
#gm-recruit-description::after { color: var(--color-recruit-description); }

.page-content.content-1 { background-color: var(--color-bg-secondary01); }
.page-content.content-2 { background-color: var(--color-bg-secondary02); }

.content-wave { background-position: center top; background-repeat: repeat-x; background-size: 50px auto; }
@media screen and (min-width: 992px) { .content-wave { background-size: 100px auto; } }
.content-wave.wave-wh { background-image: url(../images/content-bgwave-wh.webp); }
.content-wave.wave-cc1 { background-image: url(../images/content-image-bgwave-cc1.webp); }
.content-wave.wave-cc2 { background-image: url(../images/content-image-bgwave-cc2.webp); }

.number-box { display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1 !important; width: 1.25em; background-color: var(--bs-body-color); color: var(--bs-white); border-radius: 6px; font-family: var(--ff-en-title); line-height: 1; text-align: center; font-size: var(--fs-rem25000); }

.number-list-ogn1 { list-style: none; margin: 0; padding: 0; }
.number-list-ogn1 li { display: flex; align-items: flex-start; }
@media screen and (min-width: 992px) { .number-list-ogn1 li { align-items: center; } }
.number-list-ogn1 li .list-body { margin-left: 1rem; padding-left: 1rem; border-left: 3px dotted var(--bs-body-color); width: 100%; }
@media screen and (min-width: 768px) { .number-list-ogn1 li .list-body { margin-left: 2rem; padding-left: 2rem; } }
@media screen and (min-width: 992px) { .number-list-ogn1 li .list-body { display: flex; align-items: stretch; border: 0; padding-left: 0; margin-left: 1rem; }
  .number-list-ogn1 li .list-body .box-lg-border-left { border-left: 3px dotted var(--bs-body-color); padding: 0 2rem; } }
.number-list-ogn1 h1 { margin: 0; }
.number-list-ogn1 h2 { margin: 0; }
.number-list-ogn1 h3 { margin: 0; }
.number-list-ogn1 h4 { margin: 0; }
.number-list-ogn1 h5 { margin: 0; }
.number-list-ogn1 h6 { margin: 0; }
.number-list-ogn1 p { margin: 0; }

@keyframes cf-en-animate { 0% { transform: scaleY(100%); }
  100% { transform: scaleY(110%); } }
.content-header { position: relative; text-align: center; background-color: #FCF9F6; background-image: url("../images/content-header-bgwave.webp"); background-repeat: repeat-x; background-position: center bottom; background-size: 50px auto; padding: 6rem 0 4rem; }
@media screen and (min-width: 768px) { .content-header { padding: 7rem 0 5rem; } }
@media screen and (min-width: 992px) { .content-header { background-size: 100px auto; padding: 10rem 0 8rem; } }
@media screen and (min-width: 1200px) { .content-header { padding: 10rem 0 9rem; } }
.content-header h1 { display: inline-flex; flex-direction: column-reverse; justify-content: center; align-items: center; font-size: var(--fs-rem15000); line-height: 1; font-weight: 900; white-space: nowrap; margin-bottom: 1.5rem; position: relative; }
@media screen and (min-width: 992px) { .content-header h1 { font-size: var(--fs-rem30000); margin-bottom: 4rem; } }
.content-header h1 .en { font-size: 4rem; font-family: var(--ff-en-title); letter-spacing: -0.05em; font-weight: normal; line-height: 1; }
@media screen and (min-width: 768px) { .content-header h1 .en { font-size: 6rem; line-height: 0.9; } }
@media screen and (min-width: 992px) { .content-header h1 .en { font-size: 10rem; line-height: 0.9; } }
.content-header h1 .en .en-w { display: inline-block; animation-name: cf-en-animate; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: both; transform-origin: 50% 90%; }
.content-header h1 .en .en-w.en-w-01 { animation-duration: .7s; }
.content-header h1 .en .en-w.en-w-02 { animation-duration: 1s; }
.content-header h1 .en .en-w.en-w-03 { animation-duration: .6s; }
.content-header h1 .en .en-w.en-w-04 { animation-duration: .8s; }
.content-header h1 .en .en-w.en-w-05 { animation-duration: .7s; }
.content-header h1 .en .en-w.en-w-06 { animation-duration: .9s; }
.content-header h1 .en .en-w.en-w-07 { animation-duration: .85s; }
.content-header h1 .en .en-w.en-w-08 { animation-duration: 1.25s; }
.content-header h1 .en .en-w.en-w-09 { animation-duration: .75s; }
.content-header h1 .chara01 { display: block; position: absolute; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../images/chara-broken01.png); width: 120px; height: 120px; bottom: -40px; right: -82px; }
@media screen and (min-width: 768px) { .content-header h1 .chara01 { width: 180px; height: 180px; bottom: -70px; right: -125px; } }
@media screen and (min-width: 992px) { .content-header h1 .chara01 { width: 240px; height: 240px; bottom: -105px; right: -140px; } }
@media screen and (min-width: 1400px) { .content-header h1 .chara01 { width: 260px; height: 260px; bottom: -110px; right: -150px; } }
.content-header h2 { font-family: var(--ff-rocknroll-one); font-size: 18px; line-height: 1.25; }
@media screen and (min-width: 768px) { .content-header h2 { font-size: var(--fs-rem13750); } }
@media screen and (min-width: 992px) { .content-header h2 { font-size: var(--fs-rem25000); } }
.content-header p.read { font-size: var(--fs-rem11250); line-height: 1.75; margin: 0; }
@media screen and (min-width: 992px) { .content-header p.read { font-size: var(--fs-rem15000); line-height: 2; } }

#ag-recruit-footer { position: relative; background-color: var(--color-bg-secondary01); padding: 2rem 0.75rem 1rem; }
@media screen and (min-width: 992px) { #ag-recruit-footer { padding: 4rem 2rem 1.5rem; } }
#ag-recruit-footer address a { text-decoration: none; color: var(--bs-body-color); }

#ag-recruit-footer-brand { height: 36px; width: auto; margin-bottom: 0.75rem; }
@media screen and (min-width: 992px) { #ag-recruit-footer-brand { height: 50px; margin-bottom: 1rem; } }

#ag-recruit-footer-nav { display: flex; justify-content: start; align-items: flex-start; width: 100%; }
@media screen and (min-width: 576px) { #ag-recruit-footer-nav { justify-content: end; } }
@media screen and (min-width: 992px) { #ag-recruit-footer-nav { column-gap: 1.5rem; } }
@media screen and (min-width: 1600px) { #ag-recruit-footer-nav { column-gap: 0; } }
@media screen and (min-width: 992px) { #ag-recruit-footer-nav .list-group { display: flex; flex-direction: row; } }
#ag-recruit-footer-nav ul { list-style: none; padding: 0; margin: 0; }
#ag-recruit-footer-nav ul li .item { text-decoration: none; display: flex; align-items: center; color: var(--bs-body-color); font-size: var(--fs-rem10000); line-height: 1; padding: 0.5rem 1.5rem 0.5rem 1rem; }
@media screen and (min-width: 1600px) { #ag-recruit-footer-nav ul li .item { padding: 1rem 1.5rem 1rem 1rem; } }
#ag-recruit-footer-nav ul li .item::before { display: flex; justify-content: center; align-items: center; font-family: var(--ff-fontawesome); font-weight: 900; content: "\f0da"; margin-right: 0.5rem; margin-top: 0.1em; }
#ag-recruit-footer-nav ul li .item.external::before { content: "\f08e"; font-size: var(--fs-rem07500); }
#ag-recruit-footer-nav ul li .item.category-top::before { content: "\f0d7"; }
#ag-recruit-footer-nav ul.list-type1 { display: none; flex-direction: column; align-items: flex-start; }
@media screen and (min-width: 992px) { #ag-recruit-footer-nav ul.list-type1 { display: flex; } }
@media screen and (min-width: 1600px) { #ag-recruit-footer-nav ul.list-type1 { flex-direction: row; } }
#ag-recruit-footer-nav ul.list-type1 li { border-left: 1px solid var(--bs-body-color); }
#ag-recruit-footer-nav ul.list-type1 li .item { white-space: nowrap; transition: color 0.15s ease-in-out; }
#ag-recruit-footer-nav ul.list-type1 li .item:not(.category-top):hover { color: var(--color-agencia); }
#ag-recruit-footer-nav ul.list-type1 li ul li { border: none; }
#ag-recruit-footer-nav ul.list-type1 li ul li .item { padding: 0.25rem 1.5rem 0.25rem 1rem; }
#ag-recruit-footer-nav ul.list-type2 { display: flex; flex-direction: row; column-gap: 0.75rem; white-space: nowrap; width: 100%; }
@media screen and (min-width: 576px) { #ag-recruit-footer-nav ul.list-type2 { flex-direction: column; row-gap: 0.5rem; } }
@media screen and (min-width: 768px) { #ag-recruit-footer-nav ul.list-type2 { flex-direction: row; padding-top: 12px; } }
@media screen and (min-width: 992px) { #ag-recruit-footer-nav ul.list-type2 { flex-direction: column; padding-top: 0; } }
#ag-recruit-footer-nav ul.list-type2 li { width: 100%; }
#ag-recruit-footer-nav ul.list-type2 li .item { background-color: var(--bs-body-color); color: var(--bs-white); border-radius: 6px; padding-top: 1rem; padding-bottom: 1rem; }
#ag-recruit-footer-nav ul.list-type2 li .item.item-recruit-interview { background-color: var(--color-recruit-interview); }
#ag-recruit-footer-nav ul.list-type2 li .item.item-recruit-interview::before { content: "\f4aa"; font-size: 1.3em; width: 26px; height: 1rem; margin-top: 0; }
#ag-recruit-footer-nav ul.list-type2 li .item.item-recruit-entry { background-color: var(--color-recruit-entry); }
#ag-recruit-footer-nav ul.list-type2 li .item.item-recruit-entry::before { content: "\f4ff"; font-size: 1.3em; width: 26px; height: 1rem; margin-top: 0; }
#ag-recruit-footer-nav ul.list-type3 { margin-top: 1rem; }
#ag-recruit-footer-nav ul.list-type3 li .item { padding: 0; }

#copyright { font-family: "Montserrat", sans-serif; white-space: nowrap; font-size: var(--fs-rem08750); font-weight: 400; list-style: 1; margin: 0; }

#pagetop { display: flex; justify-content: center; align-items: center; width: 32px; height: 32px; background-color: var(--bs-body-color); border-radius: 32px; color: var(--bs-white); font-size: 14px; padding-bottom: 0.15em; cursor: pointer; transition: background-color 0.15s ease-in-out; position: fixed; right: 0.75rem; bottom: 0.75rem; z-index: 100; }
@media screen and (min-width: 992px) { #pagetop { right: 32px; bottom: 32px; } }
#pagetop:hover { background-color: var(--color-agencia); }

#ag-recruit-aside-recruit { background-image: url(../images/p-recruit-bg-sp.webp); background-repeat: no-repeat; background-position: center; background-size: cover; color: var(--bs-white); padding: 64px 0 64px; position: relative; }
@media screen and (min-width: 768px) { #ag-recruit-aside-recruit { padding: 96px 0 96px; } }
@media screen and (min-width: 992px) { #ag-recruit-aside-recruit { background-image: url(../images/p-recruit-bg-pc.webp); } }
@media screen and (min-width: 1200px) { #ag-recruit-aside-recruit { padding: 144px 0 128px; } }
#ag-recruit-aside-recruit .content-wrapper { display: flex; flex-direction: column; justify-content: space-between; align-items: stretch; }
@media screen and (min-width: 992px) { #ag-recruit-aside-recruit .content-wrapper { flex-direction: row; } }
#ag-recruit-aside-recruit h2 { font-size: calc(var(--fs-rem20000) * .85); line-height: 1.25; font-weight: 900; margin-bottom: 0.75rem; }
@media screen and (min-width: 768px) { #ag-recruit-aside-recruit h2 { font-size: var(--fs-rem20000); } }
@media screen and (min-width: 992px) { #ag-recruit-aside-recruit h2 { font-size: calc(var(--fs-rem20000) * .85); } }
@media screen and (min-width: 1400px) { #ag-recruit-aside-recruit h2 { font-size: var(--fs-rem20000); } }
#ag-recruit-aside-recruit p { font-size: var(--fs-rem12500); margin: 0; }
@media screen and (min-width: 992px) { #ag-recruit-aside-recruit p { font-size: calc(var(--fs-rem12500) * .9); } }
@media screen and (min-width: 1400px) { #ag-recruit-aside-recruit p { font-size: var(--fs-rem12500); } }
#ag-recruit-aside-recruit::before { display: block; content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background-repeat: repeat-x; background-position: top center; background-size: 50px auto; }
@media screen and (min-width: 992px) { #ag-recruit-aside-recruit::before { background-size: 100px auto; } }
#ag-recruit-aside-recruit.wh::before { background-image: url(../images/content-image-bgwave-wh.webp); }
#ag-recruit-aside-recruit.cc1::before { background-image: url(../images/content-image-bgwave-cc1.webp); }
#ag-recruit-aside-recruit.cc2::before { background-image: url(../images/content-image-bgwave-cc2.webp); }

#ag-recruit-aside-nav ul { list-style: none; padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; column-gap: 1rem; height: 100%; }
@media screen and (min-width: 992px) { #ag-recruit-aside-nav ul { justify-content: end; } }
#ag-recruit-aside-nav ul li { aspect-ratio: 1 / 1; height: calc(100% - 1rem); }
#ag-recruit-aside-nav ul li .item { display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100px; height: 100%; font-size: var(--fs-rem11250); text-decoration: none; line-height: 1.25; font-weight: 900; background-color: var(--bs-body-color); color: var(--bs-white); border-radius: 0.5rem; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.5); position: relative; }
@media screen and (min-width: 576px) { #ag-recruit-aside-nav ul li .item { font-size: var(--fs-rem15000); width: 140px; } }
@media screen and (min-width: 992px) { #ag-recruit-aside-nav ul li .item { width: 100%; } }
@media screen and (min-width: 1200px) { #ag-recruit-aside-nav ul li .item { font-size: var(--fs-rem11250); } }
#ag-recruit-aside-nav ul li .item.item-recruit-description { background-color: var(--color-recruit-description); }
#ag-recruit-aside-nav ul li .item.item-recruit-message { background-color: var(--color-recruit-message); }
#ag-recruit-aside-nav ul li .item.item-recruit-interview { background-color: var(--color-recruit-interview); }
#ag-recruit-aside-nav ul li .item.item-recruit-entry { background-color: var(--color-recruit-entry); }
#ag-recruit-aside-nav ul li .item .bubble { display: flex; justify-content: center; align-items: center; aspect-ratio: 1 / 1; position: absolute; z-index: 2; top: -44%; right: -26%; background-color: var(--bs-white); color: var(--bs-body-color); border-radius: 100%; font-size: var(--fs-rem08750); line-height: 1; padding: 0.75rem; text-shadow: none; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2); }
@media screen and (min-width: 576px) { #ag-recruit-aside-nav ul li .item .bubble { font-size: var(--fs-rem11250); top: -30%; right: -40%; } }
@media screen and (min-width: 992px) { #ag-recruit-aside-nav ul li .item .bubble { top: -50%; right: -30%; } }
@media screen and (min-width: 1200px) { #ag-recruit-aside-nav ul li .item .bubble { font-size: var(--fs-rem08750); } }
@media screen and (min-width: 1400px) { #ag-recruit-aside-nav ul li .item .bubble { font-size: var(--fs-rem11250); } }
#ag-recruit-aside-nav ul li .item .bubble::after { display: block; content: ''; background-color: var(--bs-white); width: 20px; height: 20px; position: absolute; left: 0; bottom: 7px; clip-path: polygon(66% 0, 0% 100%, 100% 37%); }
@media screen and (min-width: 576px) { #ag-recruit-aside-nav ul li .item .bubble::after { left: 0; bottom: 0; } }

.jd-field { padding-top: 2.5rem; }
@media screen and (min-width: 768px) { .jd-field { padding-top: 3rem; } }
@media screen and (min-width: 992px) { .jd-field { padding-top: 4rem; } }
.jd-field:first-child { padding-top: 0; }
.jd-field .heading { font-size: var(--fs-rem12500); line-height: 1.25; font-weight: 900; background: linear-gradient(90deg, #F6F6F6 0%, #FFF 20%); padding: 1rem 2rem; border-radius: 6px; box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.1); margin-bottom: 2rem; position: relative; }
.jd-field .field-body { padding: 0 2rem; }
@media screen and (min-width: 992px) { .jd-field .field-flex-box-lg-6 { position: relative; }
  .jd-field .field-flex-box-lg-6::before { display: block; content: ''; width: 100%; height: 1px; background-color: var(--bs-body-color); position: absolute; top: -2rem; left: 0; } }

.header-panel-h4 { display: flex; flex-direction: column; justify-content: center; align-items: center; border-width: 0.25rem 0.25rem 0; border-style: solid; border-color: var(--bs-body-color); border-radius: 1rem 1rem 0 0; height: 70px; padding-top: 1rem; position: relative; }
@media screen and (min-width: 768px) { .header-panel-h4 { height: 100px; } }
@media screen and (min-width: 1200px) { .header-panel-h4 { height: 120px; } }
.header-panel-h4 .hanging-tab { display: block; width: 238px; height: 30px; position: absolute; left: calc(50% - 119px); top: -30px; overflow: hidden; }
.header-panel-h4 .hanging-tab::before { display: block; content: ''; width: 238px; height: 238px; border-radius: 100%; background-color: var(--bs-body-color); }
.header-panel-h4 .hanging-tab .hanging-hole { display: block; width: 60px; height: 14px; border-radius: 14px; background-color: var(--bs-white); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2) inset; position: absolute; left: calc(50% - 30px); top: 10px; }
.header-panel-h4::before { display: block; content: ''; width: 14px; height: 14px; border-radius: 100%; background-color: var(--bs-body-color); position: absolute; left: calc(50% - 7px); top: -22px; z-index: 2; box-shadow: 2px 2px 4px 0 rgba(255, 255, 255, 0.5) inset; }
.header-panel-h4::after { display: block; content: ''; width: 14px; height: 50px; border-radius: 7px; background-color: var(--bs-body-color); transform: rotate(-45deg); position: absolute; top: calc(-22px - 3.5px); left: calc(50% + 7px); opacity: 0.1; filter: blur(2px); }

@keyframes hanging-card-mov1 { 0% { transform: rotate(3deg); }
  100% { transform: rotate(-3deg); } }
.hanging-card-list { list-style: none; padding: 0; }
.hanging-card-list .hc-item .hc-card { position: relative; height: 100%; z-index: 1; }
.hanging-card-list .hc-item .hc-card .hc-tab { display: block; width: 14px; height: 14px; border-radius: 100%; background-color: var(--bs-body-color); position: absolute; left: calc(50% - 7px); top: calc(22px - 3.5px); z-index: 2; box-shadow: 2px 2px 4px 0 rgba(255, 255, 255, 0.5) inset; pointer-events: none; }
.hanging-card-list .hc-item .hc-card .hc-tab::before { display: block; content: ''; width: 14px; height: 36px; border-radius: 7px; background-color: var(--bs-body-color); transform: rotate(-45deg); position: absolute; top: -3.5px; left: 7px; opacity: 0.1; filter: blur(2px); }
.hanging-card-list .hc-item .hc-card a { text-decoration: none; color: var(--bs-body-color); }
.hanging-card-list .hc-item .hc-card .inner { display: block; padding: 3rem 2rem 2.5rem; background-color: var(--bs-white); border-radius: 0.5rem; box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.1); position: relative; height: 100%; transform-origin: center 22px; animation-name: hanging-card-mov1; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: both; }
.hanging-card-list .hc-item .hc-card .inner:not(.comingsoon):hover { animation-play-state: paused; }
.hanging-card-list .hc-item .hc-card .inner::before { display: block; content: ''; width: 70px; height: 14px; border-radius: 14px; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2) inset; position: absolute; left: calc(50% - 35px); top: 20px; }
.hanging-card-list .hc-item .hc-card .inner .ill { text-align: center; padding: 0.75rem 0; }
.hanging-card-list .hc-item .hc-card .inner .ill img { width: 120px; height: 120px; }
.hanging-card-list .hc-item .hc-card .inner.comingsoon .btn { opacity: .2; }
.hanging-card-list .hc-item .hc-card .inner.job-ai-engineer, .hanging-card-list .hc-item .hc-card .inner.item1 { animation-duration: 2s; }
.hanging-card-list .hc-item .hc-card .inner.job-ai-engineer:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item1:not(.comingsoon):hover .btn { background-color: var(--color-job-ai-engineer); }
.hanging-card-list .hc-item .hc-card .inner.job-backend-engineer, .hanging-card-list .hc-item .hc-card .inner.item2 { animation-duration: 1.7s; }
.hanging-card-list .hc-item .hc-card .inner.job-backend-engineer:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item2:not(.comingsoon):hover .btn { background-color: var(--color-job-backend-engineer); }
.hanging-card-list .hc-item .hc-card .inner.job-frontend-engineer, .hanging-card-list .hc-item .hc-card .inner.item3 { animation-duration: 2.2s; }
.hanging-card-list .hc-item .hc-card .inner.job-frontend-engineer:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item3:not(.comingsoon):hover .btn { background-color: var(--color-job-frontend-engineer); }
.hanging-card-list .hc-item .hc-card .inner.job-ios-engineer, .hanging-card-list .hc-item .hc-card .inner.item4 { animation-duration: 1.8s; }
.hanging-card-list .hc-item .hc-card .inner.job-ios-engineer:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item4:not(.comingsoon):hover .btn { background-color: var(--color-job-ios-engineer); }
.hanging-card-list .hc-item .hc-card .inner.job-android-engineer, .hanging-card-list .hc-item .hc-card .inner.item5 { animation-duration: 1.9s; }
.hanging-card-list .hc-item .hc-card .inner.job-android-engineer:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item5:not(.comingsoon):hover .btn { background-color: var(--color-job-android-engineer); }
.hanging-card-list .hc-item .hc-card .inner.job-aws-engineer, .hanging-card-list .hc-item .hc-card .inner.item6 { animation-duration: 2.1s; }
.hanging-card-list .hc-item .hc-card .inner.job-aws-engineer:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item6:not(.comingsoon):hover .btn { background-color: var(--color-job-aws-engineer); }
.hanging-card-list .hc-item .hc-card .inner.job-planning-sales, .hanging-card-list .hc-item .hc-card .inner.item7 { animation-duration: 1.7s; }
.hanging-card-list .hc-item .hc-card .inner.job-planning-sales:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item7:not(.comingsoon):hover .btn { background-color: var(--color-job-planning-sales); }
.hanging-card-list .hc-item .hc-card .inner.job-marketing, .hanging-card-list .hc-item .hc-card .inner.item8 { animation-duration: 2s; }
.hanging-card-list .hc-item .hc-card .inner.job-marketing:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item8:not(.comingsoon):hover .btn { background-color: var(--color-job-marketing); }
.hanging-card-list .hc-item .hc-card .inner.job-designer, .hanging-card-list .hc-item .hc-card .inner.item9 { animation-duration: 1.85s; }
.hanging-card-list .hc-item .hc-card .inner.job-designer:not(.comingsoon):hover .btn, .hanging-card-list .hc-item .hc-card .inner.item9:not(.comingsoon):hover .btn { background-color: var(--color-job-designer); }
.hanging-card-list h5 { font-size: var(--fs-rem12500); line-height: 1.25; font-weight: 900; }

.content-about-us-details .heading { display: flex; justify-content: center; align-items: center; }
@media screen and (min-width: 992px) { .content-about-us-details .heading { container-type: size; aspect-ratio: auto; } }
.content-about-us-details .heading header { display: block; position: relative; width: 100%; }
@media screen and (min-width: 992px) { .content-about-us-details .heading header { aspect-ratio: 1 / 1; max-width: 100%; max-height: 100%; }
  @container (aspect-ratio > 1) { .content-about-us-details .heading header { height: 100%; width: auto; } }
  @container (aspect-ratio < 1) { .content-about-us-details .heading header { width: 100%; height: auto; } } }
.content-about-us-details .heading header .hc-tab { display: block; width: 14px; height: 14px; border-radius: 100%; background-color: var(--bs-body-color); position: absolute; left: calc(50% - 7px); top: -22px; z-index: 2; box-shadow: 2px 2px 4px 0 rgba(255, 255, 255, 0.5) inset; pointer-events: none; }
@media screen and (min-width: 992px) { .content-about-us-details .heading header .hc-tab { top: calc(22px - 3.5px); } }
.content-about-us-details .heading header .hc-tab::before { display: block; content: ''; width: 14px; height: 36px; border-radius: 7px; background-color: var(--bs-body-color); transform: rotate(-45deg); position: absolute; top: -3.5px; left: 7px; opacity: 0.1; filter: blur(2px); }
.content-about-us-details .heading header .hanging-tab { display: block; width: 238px; height: 30px; position: absolute; left: calc(50% - 119px); top: -30px; overflow: hidden; }
@media screen and (min-width: 992px) { .content-about-us-details .heading header .hanging-tab { display: none; } }
.content-about-us-details .heading header .hanging-tab::before { display: block; content: ''; width: 238px; height: 238px; border-radius: 100%; background-color: var(--bs-body-color); }
.content-about-us-details .heading header .hanging-tab .hanging-hole { display: block; width: 60px; height: 14px; border-radius: 14px; background-color: var(--bs-white); box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2) inset; position: absolute; left: calc(50% - 30px); top: 10px; }
.content-about-us-details .heading header .inner { display: block; width: 100%; height: 100%; position: relative; animation-timing-function: ease-in-out; animation-delay: 0s; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: both; animation-duration: 2.3s; transform-origin: center 14px; }
@media screen and (min-width: 992px) { .content-about-us-details .heading header .inner { animation-name: hanging-card-mov1; } }
.content-about-us-details .heading header .inner .box { display: flex; justify-content: center; align-items: center; width: 100%; background-color: var(--bs-white); border-width: 4px 4px 0; border-style: solid; border-color: --bs-body-color; border-radius: 1rem 1rem 0 0; position: relative; padding: 2rem 0 1rem; z-index: 1; }
@media screen and (min-width: 992px) { .content-about-us-details .heading header .inner .box { border: 10px solid var(--bs-body-color); border-radius: 100%; width: 110%; height: 110%; top: -5%; left: -5%; padding: 0; box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.1); } }
.content-about-us-details .heading header .inner .box .character { display: block; width: 30px; margin: 0 0.25rem; position: relative; }
@media screen and (min-width: 992px) { .content-about-us-details .heading header .inner .box .character { width: 48px; } }
.content-about-us-details .heading header .inner .box .character img { width: 100%; height: auto; display: block; position: absolute; left: 0; bottom: 0; filter: drop-shadow(4px 2px 6px rgba(0, 0, 0, 0.3)); }
@media screen and (min-width: 992px) { .content-about-us-details .heading header .inner .box::before { display: block; content: ''; width: 70px; height: 14px; border-radius: 14px; box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.2) inset; position: absolute; left: calc(50% - 35px); top: calc((10% / 2) + 12px); } }

@keyframes member-list-chara-bounce { 0%, 20%, 50%, 80%, 100% { transform: translateY(0);
    /* 元の位置 */ }
  40% { transform: translateY(-20px);
    /* 上に跳ねる */ }
  60% { transform: translateY(-10px);
    /* 少しだけ上に */ } }
.member-list { position: relative; text-decoration: none; color: inherit; cursor: pointer; }
.member-list:hover .chara { animation: member-list-chara-bounce 1s infinite; }
.member-list .chara { display: block; position: relative; z-index: -1; }
.member-list .chara.chara-bounce { animation: member-list-chara-bounce 1s; animation-iteration-count: 10; /* 10回だけ繰り返す */ }
.member-list .chara .inner { display: block; width: 100%; padding-top: 60%; position: relative; }
.member-list .chara .inner img { width: 100%; height: auto; filter: drop-shadow(30px 30px 10px rgba(0, 0, 0, 0.1)) drop-shadow(0 3px 3px rgba(0, 0, 0, 0.2)); position: absolute; top: 0; left: 0; }
.member-list .chara .personalities { display: block; position: absolute; top: 0; left: 0; background-color: var(--bs-body-color); color: var(--bs-white); padding: 0.5rem; margin: 0; border-radius: 6px; }
.member-list .chara .personalities.personalities-color1 { background-color: var(--color-personalities16-1) !important; }
.member-list .chara .personalities.personalities-color2 { background-color: var(--color-personalities16-2) !important; }
.member-list .chara .personalities.personalities-color3 { background-color: var(--color-personalities16-3) !important; }
.member-list .chara .personalities.personalities-color4 { background-color: var(--color-personalities16-4) !important; }
.member-list .chara .personalities dt { font-size: var(--fs-rem06250); line-height: 1.25; font-family: var(--ff-roboto-condensed); font-weight: 600; margin: 0; }
.member-list .chara .personalities dd { font-size: var(--fs-rem08750); line-height: 1; font-family: var(--ff-rocknroll-one); font-weight: 400; margin: 0; }
.member-list .member-list-item { display: flex; align-items: stretch; column-gap: 1rem; background-color: var(--bs-white); box-shadow: 20px 20px 40px 0 rgba(0, 0, 0, 0.1); border-radius: 8px; padding: 1rem; position: relative; }
@media screen and (min-width: 1400px) { .member-list .member-list-item { padding: 1.5rem 2rem; } }
.member-list .member-list-item figure { display: block; aspect-ratio: 1 / 1; width: 64px; overflow: hidden; margin: 0; }
@media screen and (min-width: 992px) { .member-list .member-list-item figure { width: 44px; } }
@media screen and (min-width: 1200px) { .member-list .member-list-item figure { width: 64px; } }
@media screen and (min-width: 1400px) { .member-list .member-list-item figure { width: 74px; } }
.member-list .member-list-item figure img { display: block; width: 100%; height: auto; border-radius: 4px; }
.member-list .member-list-item .prof-body { display: flex; flex-direction: column; justify-content: space-between; position: relative; }
.member-list .member-list-item .prof-body .heading { font-family: var(--ff-rocknroll-one); font-size: var(--fs-rem11250); line-height: 1.25; margin: 0 0 0.5rem; }
.member-list .member-list-item .prof-body p { margin: 0; line-height: 1.25; }
.member-list .member-list-item .prof-body p.position { font-size: var(--fs-rem08750); font-weight: 600; }
.member-list .member-list-item .prof-body p.name { font-size: var(--fs-rem12500); font-weight: 900; }
.member-list .light { display: block; width: 100%; height: 100px; position: relative; }
.member-list .light .more { display: flex; justify-content: center; align-items: center; width: 50px; aspect-ratio: 1 / 1; border-radius: 100%; font-family: var(--ff-roboto-condensed); font-weight: 700; line-height: 1; color: var(--bs-white); position: absolute; left: calc(50% - 25px); animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: both; }
.member-list .light .more::before { display: block; content: ''; width: 1px; height: 25px; background-color: var(--bs-body-color); position: absolute; left: calc(50% - 0.5px); top: -25px; animation-name: more-string-025; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: infinite; animation-direction: alternate; animation-fill-mode: both; }

#member-list-1 .personalities { transform: rotate(-13.342deg); left: 63%; top: 39%; }

#member-list-2 .personalities { transform: rotate(12.298deg); left: 10%; top: 57%; }

#member-list-3 .personalities { transform: rotate(9.371deg); left: 22%; top: 28%; }

#member-list-4 .personalities { transform: rotate(4.024deg); left: 20%; top: 34%; }

#member-list-5 .personalities { transform: rotate(-12.113deg); left: 64%; top: 68%; }

#member-list-6 .personalities { transform: rotate(-13.342deg); left: 62%; top: 40%; }

#member-list-7 .personalities { transform: rotate(-12.113deg); left: 63%; top: 68%; }

#member-list-8 .personalities { transform: rotate(14.146deg); left: 20%; top: 30%; }

#member-list-9 .personalities { transform: rotate(4.541deg); left: 20%; top: 71%; }

#member-list-10 .personalities { transform: rotate(4.541deg); left: 20%; top: 75%; }

#member-list-11 .personalities { transform: rotate(-12.113deg); left: 62%; top: 62%; }

#member-list-12 .personalities { transform: rotate(14.146deg); left: 19%; top: 31%; }

#member-list-1 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(0, 153, 255, 0.3) 0%, rgba(0, 153, 255, 0) 100%); }
#member-list-1 .light .more { background: var(--color-member-1); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #00D0FF inset, -4px -4px 20px 0 #000 inset; top: 25px; animation-name: more-position-1; animation-duration: 1s; }
#member-list-1 .light .more::before { animation-name: more-string-1; animation-duration: 1s; }

@keyframes more-position-1 { 0% { top: calc(25px - 10px); }
  100% { top: 25px; } }
@keyframes more-string-1 { 0% { top: calc(-25px + 10px); height: calc(25px - 10px); }
  100% { top: calc(-25px); height: 25px; } }
#member-list-2 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(255, 0, 174, 0.2) 0%, rgba(255, 0, 174, 0) 100%); }
#member-list-2 .light .more { background: var(--color-member-2); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #FF87DF inset, -4px -4px 20px 0 #3C002A inset; top: 40px; animation-name: more-position-2; animation-duration: 0.8s; }
#member-list-2 .light .more::before { animation-name: more-string-2; animation-duration: 0.8s; }

@keyframes more-position-2 { 0% { top: calc(40px - 10px); }
  100% { top: 40px; } }
@keyframes more-string-2 { 0% { top: calc(-40px + 10px); height: calc(40px - 10px); }
  100% { top: calc(-40px); height: 40px; } }
#member-list-3 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(242, 137, 0, 0.3) 0%, rgba(242, 137, 0, 0) 100%); }
#member-list-3 .light .more { background: var(--color-member-3); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #FFE83A inset, -4px -4px 20px 0 #9B0000 inset; top: 15px; animation-name: more-position-3; animation-duration: 1.1s; }
#member-list-3 .light .more::before { animation-name: more-string-3; animation-duration: 1.1s; }

@keyframes more-position-3 { 0% { top: calc(15px - 10px); }
  100% { top: 15px; } }
@keyframes more-string-3 { 0% { top: calc(-15px + 10px); height: calc(15px - 10px); }
  100% { top: calc(-15px); height: 15px; } }
#member-list-4 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(144, 208, 65, 0.4) 0%, rgba(144, 208, 65, 0) 100%); }
#member-list-4 .light .more { background: var(--color-member-4); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #D5FF00 inset, -4px -4px 20px 0 #004C13 inset; top: 35px; animation-name: more-position-4; animation-duration: 0.7s; }
#member-list-4 .light .more::before { animation-name: more-string-4; animation-duration: 0.7s; }

@keyframes more-position-4 { 0% { top: calc(35px - 10px); }
  100% { top: 35px; } }
@keyframes more-string-4 { 0% { top: calc(-35px + 10px); height: calc(35px - 10px); }
  100% { top: calc(-35px); height: 35px; } }
#member-list-5 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(181, 169, 95, 0.5) 0%, rgba(181, 169, 95, 0) 100%); }
#member-list-5 .light .more { background: var(--color-member-5); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #FFFC61 inset, -4px -4px 20px 0 #484010 inset; top: 20px; animation-name: more-position-5; animation-duration: 0.9s; }
#member-list-5 .light .more::before { animation-name: more-string-5; animation-duration: 0.9s; }

@keyframes more-position-5 { 0% { top: calc(20px - 10px); }
  100% { top: 20px; } }
@keyframes more-string-5 { 0% { top: calc(-20px + 10px); height: calc(20px - 10px); }
  100% { top: calc(-20px); height: 20px; } }
#member-list-6 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(52, 194, 210, 0.4) 0%, rgba(52, 194, 210, 0) 100%); }
#member-list-6 .light .more { background: var(--color-member-6); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #2EF5FF inset, -4px -4px 20px 0 #10385B inset; top: 25px; animation-name: more-position-6; animation-duration: 1s; }
#member-list-6 .light .more::before { animation-name: more-string-6; animation-duration: 1s; }

@keyframes more-position-6 { 0% { top: calc(25px - 10px); }
  100% { top: 25px; } }
@keyframes more-string-6 { 0% { top: calc(-25px + 10px); height: calc(25px - 10px); }
  100% { top: calc(-25px); height: 25px; } }
#member-list-7 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(242, 109, 65, 0.4) 0%, rgba(242, 109, 65, 0) 100%); }
#member-list-7 .light .more { background: var(--color-member-7); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #F2A841 inset, -4px -4px 20px 0 #932400 inset; top: 22px; animation-name: more-position-7; animation-duration: 1.2s; }
#member-list-7 .light .more::before { animation-name: more-string-7; animation-duration: 1.2s; }

@keyframes more-position-7 { 0% { top: calc(22px - 10px); }
  100% { top: 22px; } }
@keyframes more-string-7 { 0% { top: calc(-22px + 10px); height: calc(22px - 10px); }
  100% { top: calc(-22px); height: 22px; } }
#member-list-8 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(73, 177, 39, 0.3) 0%, rgba(73, 177, 39, 0) 100%); }
#member-list-8 .light .more { background: var(--color-member-8); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #59F227 inset, -4px -4px 20px 0 #071B00 inset; top: 17px; animation-name: more-position-8; animation-duration: 0.7s; }
#member-list-8 .light .more::before { animation-name: more-string-8; animation-duration: 0.7s; }

@keyframes more-position-8 { 0% { top: calc(17px - 10px); }
  100% { top: 17px; } }
@keyframes more-string-8 { 0% { top: calc(-17px + 10px); height: calc(17px - 10px); }
  100% { top: calc(-17px); height: 17px; } }
#member-list-9 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(96, 113, 239, 0.4) 0%, rgba(96, 113, 239, 0) 100%); }
#member-list-9 .light .more { background: var(--color-member-9); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #54B2FF inset, -4px -4px 20px 0 #010A49 inset; top: 34px; animation-name: more-position-9; animation-duration: 0.6s; }
#member-list-9 .light .more::before { animation-name: more-string-9; animation-duration: 0.6s; }

@keyframes more-position-9 { 0% { top: calc(34px - 10px); }
  100% { top: 34px; } }
@keyframes more-string-9 { 0% { top: calc(-34px + 10px); height: calc(34px - 10px); }
  100% { top: calc(-34px); height: 34px; } }
#member-list-10 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(255, 0, 174, 0.2) 0%, rgba(255, 0, 174, 0) 100%); }
#member-list-10 .light .more { background: var(--color-member-10); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #FF87DF inset, -4px -4px 20px 0 #3C002A inset; top: 24px; animation-name: more-position-10; animation-duration: 1.2s; }
#member-list-10 .light .more::before { animation-name: more-string-10; animation-duration: 1.2s; }

@keyframes more-position-10 { 0% { top: calc(24px - 10px); }
  100% { top: 24px; } }
@keyframes more-string-10 { 0% { top: calc(-24px + 10px); height: calc(24px - 10px); }
  100% { top: calc(-24px); height: 24px; } }
#member-list-11 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(242, 137, 0, 0.3) 0%, rgba(242, 137, 0, 0) 100%); }
#member-list-11 .light .more { background: var(--color-member-11); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #FFE83A inset, -4px -4px 20px 0 #9B0000 inset; top: 36px; animation-name: more-position-11; animation-duration: 1s; }
#member-list-11 .light .more::before { animation-name: more-string-11; animation-duration: 1s; }

@keyframes more-position-11 { 0% { top: calc(36px - 10px); }
  100% { top: 36px; } }
@keyframes more-string-11 { 0% { top: calc(-36px + 10px); height: calc(36px - 10px); }
  100% { top: calc(-36px); height: 36px; } }
#member-list-12 .light.on { background: radial-gradient(42.06% 42.06% at 50% -11.82%, rgba(73, 177, 39, 0.3) 0%, rgba(73, 177, 39, 0) 100%); }
#member-list-12 .light .more { background: var(--color-member-12); box-shadow: 20px 20px 10px 0 rgba(0, 0, 0, 0.1), 4px 4px 25px 0 #59F227 inset, -4px -4px 20px 0 #071B00 inset; top: 30px; animation-name: more-position-12; animation-duration: 0.8s; }
#member-list-12 .light .more::before { animation-name: more-string-12; animation-duration: 0.8s; }

@keyframes more-position-12 { 0% { top: calc(30px - 10px); }
  100% { top: 30px; } }
@keyframes more-string-12 { 0% { top: calc(-30px + 10px); height: calc(30px - 10px); }
  100% { top: calc(-30px); height: 30px; } }
@keyframes modal-member-open { 0% { left: 100%; }
  100% { left: 0; } }
@keyframes modal-member-close { 0% { left: 0; }
  100% { left: 100%; } }
#members-personal-article { display: flex; justify-content: center; width: 100%; height: 100%; position: fixed; top: 0; left: 100%; z-index: 9999; overflow: auto; cursor: pointer; transition: all 0.15s ease-in-out; }
@media screen and (min-width: 768px) { #members-personal-article { align-items: center; top: 0; } }
#members-personal-article::before { display: block; content: ''; background-color: rgba(0, 0, 0, 0.9); width: 100%; height: 100%; position: fixed; top: 0; left: 100%; }
#members-personal-article.modal-open { animation-name: modal-member-open; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: both; }
#members-personal-article.modal-open::before { animation-name: modal-member-open; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: both; }
#members-personal-article.modal-close { animation-name: modal-member-close; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: both; }
#members-personal-article.modal-close::before { animation-name: modal-member-close; animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-delay: 0; animation-iteration-count: 1; animation-direction: alternate; animation-fill-mode: both; }
#members-personal-article article .container { padding-top: 2rem; padding-bottom: 2rem; }
@media screen and (min-width: 1200px) { #members-personal-article article .container { max-width: 960px; } }
#members-personal-article article .container .wrapper { display: none; }
#members-personal-article article .container .wrapper .content-wrapper { display: block; width: 100%; background-color: var(--bs-white); border-radius: 1rem; padding: 4rem 1.5rem 2.5rem; position: relative; overflow: hidden; cursor: auto; }
@media screen and (min-width: 576px) { #members-personal-article article .container .wrapper .content-wrapper { padding: 4rem 3rem; } }
@media screen and (min-width: 768px) { #members-personal-article article .container .wrapper .content-wrapper { display: flex; justify-content: stretch; column-gap: 2rem; padding: 5rem 3rem; } }
@media screen and (min-width: 992px) { #members-personal-article article .container .wrapper .content-wrapper { column-gap: 3rem; padding: 5rem 7rem; } }
#members-personal-article article .container .wrapper .content-wrapper figure { display: block; width: 100%; flex: 0 0 304px; margin-top: 2px; margin-bottom: 0; }
@media screen and (min-width: 768px) { #members-personal-article article .container .wrapper .content-wrapper figure { flex: 0 0 266px; } }
@media screen and (min-width: 992px) { #members-personal-article article .container .wrapper .content-wrapper figure { flex: 0 0 304px; } }
#members-personal-article article .container .wrapper .content-wrapper figure img { display: block; aspect-ratio: 1 / 1; width: 100%; height: auto; border-radius: 6px; }
#members-personal-article article .container .wrapper .content-wrapper h1 { font-family: var(--ff-rocknroll-one); font-size: var(--fs-rem15000); line-height: 1.25; margin-bottom: 1rem; margin-top: 0.75rem; }
@media screen and (min-width: 768px) { #members-personal-article article .container .wrapper .content-wrapper h1 { margin-top: 0; } }
#members-personal-article article .container .wrapper .content-wrapper p { margin: 0; }
#members-personal-article article .container .wrapper .content-wrapper .position { margin: 0; line-height: 1.25; font-weight: 600; }
#members-personal-article article .container .wrapper .content-wrapper .name { margin: 0; font-size: var(--fs-rem12500); line-height: 1.25; font-weight: 900; }
#members-personal-article article .container .wrapper .content-wrapper .personalities16 { display: inline-block; width: auto; background-color: var(--bs-body-color); color: var(--bs-white); font-size: var(--fs-rem08750); line-height: 1.25; font-weight: 600; padding: 0.25rem 1rem; margin-top: 0.5rem; margin-bottom: 1rem; border-radius: 4px; }
#members-personal-article article .container .wrapper .content-wrapper .personalities16.personalities-color1 { background-color: var(--color-personalities16-1); }
#members-personal-article article .container .wrapper .content-wrapper .personalities16.personalities-color2 { background-color: var(--color-personalities16-2); }
#members-personal-article article .container .wrapper .content-wrapper .personalities16.personalities-color3 { background-color: var(--color-personalities16-3); }
#members-personal-article article .container .wrapper .content-wrapper .personalities16.personalities-color4 { background-color: var(--color-personalities16-4); }
#members-personal-article article .container .wrapper .content-wrapper .w-close { font-size: var(--fs-rem20000); line-height: 1; text-align: right; position: absolute; top: .5rem; right: .5rem; }
@media screen and (min-width: 768px) { #members-personal-article article .container .wrapper .content-wrapper .w-close { top: 1rem; right: 1rem; } }
#members-personal-article article .container .wrapper .content-wrapper .w-close i { transition: all 0.15s ease-in-out; }
#members-personal-article article .container .wrapper .content-wrapper .w-close i:hover { color: var(--color-blue1); }
#members-personal-article article .container .wrapper .content-wrapper .team-category { font-family: var(--ff-en-title); font-size: 1rem; line-height: 1; display: block; position: absolute; top: 1rem; left: 1.5rem; margin: 0; }
@media screen and (min-width: 768px) { #members-personal-article article .container .wrapper .content-wrapper .team-category { top: auto; bottom: 1rem; left: 1rem; } }

.recruiting-job-list ul { list-style: none; padding: 0; }
.recruiting-job-list ul li .label-name { display: flex; justify-content: center; align-items: center; text-decoration: none; background-color: var(--bs-body-color); color: var(--bs-white); text-align: center; font-size: var(--fs-rem07500); line-height: 1.2; padding: 0.5rem 1rem; border-radius: 6px; transition: all 0.15s ease-in-out; }
@media screen and (min-width: 1200px) { .recruiting-job-list ul li .label-name { font-size: var(--fs-rem08750); justify-content: flex-start; text-align: left; padding: 1rem; } }
.recruiting-job-list ul li .label-name.comingsoon { opacity: .3; cursor: auto; }
.recruiting-job-list ul li .label-name.disabled { pointer-events: none; }
.recruiting-job-list ul li .label-name.disabled.bg-ai-engineer { background-color: var(--color-job-ai-engineer); }
.recruiting-job-list ul li .label-name.disabled.bg-backend-engineer { background-color: var(--color-job-backend-engineer); }
.recruiting-job-list ul li .label-name.disabled.bg-frontend-engineer { background-color: var(--color-job-frontend-engineer); }
.recruiting-job-list ul li .label-name.disabled.bg-ios-engineer { background-color: var(--color-job-ios-engineer); }
.recruiting-job-list ul li .label-name.disabled.bg-android-engineer { background-color: var(--color-job-android-engineer); }
.recruiting-job-list ul li .label-name.disabled.bg-aws-engineer { background-color: var(--color-job-aws-engineer); }
.recruiting-job-list ul li .label-name.disabled.bg-planning-sales { background-color: var(--color-job-planning-sales); }
.recruiting-job-list ul li .label-name.disabled.bg-marketing { background-color: var(--color-job-marketing); }
.recruiting-job-list ul li .label-name.disabled.bg-designer { background-color: var(--color-job-designer); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-ai-engineer { background-color: var(--color-job-ai-engineer); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-backend-engineer { background-color: var(--color-job-backend-engineer); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-frontend-engineer { background-color: var(--color-job-frontend-engineer); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-ios-engineer { background-color: var(--color-job-ios-engineer); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-android-engineer { background-color: var(--color-job-android-engineer); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-aws-engineer { background-color: var(--color-job-aws-engineer); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-planning-sales { background-color: var(--color-job-planning-sales); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-marketing { background-color: var(--color-job-marketing); }
.recruiting-job-list ul li .label-name:not(.comingsoon):hover.bg-designer { background-color: var(--color-job-designer); }

@media screen and (min-width: 992px) { .container-entry { padding-left: 10%; padding-right: 10%; } }
@media screen and (min-width: 1200px) { .container-entry { width: 800px; padding-left: 0; padding-right: 0; } }

.eyecatching-area { pointer-events: none; display: block; width: 68%; aspect-ratio: 1 / 1; position: absolute; top: 35%; right: -5%; z-index: 8; }
@media screen and (min-width: 576px) { .eyecatching-area { width: 30%; top: calc(50% / 2); right: 0; } }

@keyframes eyecatching-outerring { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }
.eyecatching-label { display: block; position: absolute; width: 45%; aspect-ratio: 1 / 1; top: -17%; right: 30%; }
@media screen and (min-width: 1200px) { .eyecatching-label { top: -20%; right: 33%; } }
.eyecatching-label .outerring { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url(../images/wantedly-circle.svg); background-repeat: no-repeat; background-size: 100%; background-position: center; animation-name: eyecatching-outerring; animation-duration: 30s; animation-timing-function: linear; animation-delay: 0; animation-iteration-count: infinite; animation-direction: normal; animation-fill-mode: none; }
.eyecatching-label .wrapper { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.eyecatching-label .wrapper .inner-content { display: block; width: 78%; height: 78%; background-color: #21bddb; border-radius: 100%; position: relative; text-decoration: none; color: inherit; box-sizing: content-box; border: 3px solid var(--color-bg-secondary01); pointer-events: all; }
.eyecatching-label .wrapper .inner-content .link { display: block; width: 100%; position: absolute; bottom: 14%; left: 0; }
.eyecatching-label .wrapper .inner-content .link .inner { display: block; width: 50%; margin: 0 auto; font-size: 1.8vw; line-height: 1; background-color: var(--bs-white); border-radius: 50px; box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2); text-align: center; padding: 0.25em 1em; transition: all 0.15s ease-in-out; }
@media screen and (min-width: 576px) { .eyecatching-label .wrapper .inner-content .link .inner { font-size: 0.8vw; } }
.eyecatching-label .wrapper .inner-content:hover .inner { background-color: var(--bs-body-color); color: var(--bs-white); }

.notice-tokyo-office { display: block; position: absolute; top: 4%; right: 10%; width: 30%; z-index: 9; }
@media screen and (min-width: 1200px) { .notice-tokyo-office { top: 0; right: 13%; } }

.eyecatching-headerarea { display: block; width: 100%; height: 500px; overflow: hidden; pointer-events: none; position: absolute; top: 98px; right: 0; }
.eyecatching-headerarea .eyecatching-label { display: none; }
@media screen and (min-width: 992px) { .eyecatching-headerarea .eyecatching-label { display: block; width: 140px; top: -70px; right: -70px; transition: width .3s ease-in-out, top .3s ease-in-out, right .3s ease-in-out; }
  .eyecatching-headerarea .eyecatching-label.open { width: 15vw; top: 0; right: 30px; }
  .eyecatching-headerarea .eyecatching-label.open .inner-default { display: none; }
  .eyecatching-headerarea .eyecatching-label.open .inner-content { display: block; }
  .eyecatching-headerarea .eyecatching-label .inner-default { display: block; width: 78%; height: 78%; background-color: #21bddb; border-radius: 100%; pointer-events: all; cursor: pointer; transition: opacity 0.3s ease-in-out; }
  .eyecatching-headerarea .eyecatching-label .inner-default img { position: absolute; bottom: 37px; left: 30px; width: 22%; }
  .eyecatching-headerarea .eyecatching-label .inner-content { display: none; }
  .eyecatching-headerarea .eyecatching-label .inner-content .link { text-decoration: none; color: var(--bs-body-color); }
  .eyecatching-headerarea .eyecatching-label .inner-content .link:hover .inner { background-color: var(--bs-body-color) !important; color: var(--bs-white) !important; }
  .eyecatching-headerarea .eyecatching-label .inner-content:hover .link .inner { background-color: var(--bs-white); color: var(--bs-body-color); } }

body.page-toppage .eyecatching-headerarea { display: none !important; }

.content360 { width: 100%; aspect-ratio: 1 / 1; }
@media screen and (min-width: 576px) { .content360 { aspect-ratio: 3 / 1; } }
.content360 iframe { width: 100%; height: 100%; }