#oid-second-navbar {
  background-color: #ffffff;
}

#oid-main-page {
  margin: 0px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#loadingSpinner {
  text-align: center;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.9);
  z-index: 9999;
}

.oid-pull-down {
  position: relative !important;
  width: 100% !important;
  z-index: 100 !important;
}

.oid-pull-up {
  position: fixed;
  top: 0;
  width: 100%;
  /* height: 8% !important; */
  z-index: 101;
}

.oid-container {
  position: relative;
  width: 13.3rem;
  height: 100%;
  margin: auto;
  padding: 1em 1em 0.1rem 1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.oid-section-wrapper {
  min-height: 100%;
  min-height: 15vh;
  display: flex;
  align-items: center;
}

.oid-po-nav-btn {
  text-decoration: none !important;
  padding: 0.5em 0.9em;
  text-align: center;
  transition: 0.5s;
  /* color: #000; */
  font-size: 0.9em;
  /* font-weight: bold; */
  border: 0;
  border-radius: 0;
  z-index: 1;
}

.oid-nav-wrapper {
  border-bottom: 1px solid #dadada;
  border-top: 1px solid #dadada;
}

.nav-event a {
  color: rgba(0, 0, 0, 0.55);
  font-family: 'OPPOSans-Ver2-Medium';
  font-size: unset !important;
}

.nav-event > a:hover {
  color: rgba(0, 0, 0, 0.95);
  transition: color 0.2s cubic-bezier(0.4, 0.8, 0.74, 1) 0.05s;
}

.nav-event > a.lineEffect::after {
  position: absolute;
  content: '';
  width: 0%;
  height: 2px;
  background-color: #000;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
  transition: width 0.3s ease 0s;
}

.nav-event > a.lineEffect:hover::after {
  position: absolute;
  content: '';
  width: 100%;
  height: 2px;
  background-color: #000;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 15;
}

.oid-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.oid-secnav-container {
  position: relative;
  width: 1330px;
  height: 100%;
  margin: 0 auto;
  padding: 1em 0.1rem;
  display: flex;
  justify-content: space-between;
}

#oid-form input[type='text'], 
textarea {
  padding: 1em 0 0.34em 0;
  display: inline-block;
  border-bottom: 0.01rem solid #ccc;
  border-top: none;
  border-left: none;
  border-right: none;
  background-color: transparent;
}

textarea {
  border: none;
  width: 100%;
  resize: none;
}

#oid-form select,
input[type='date'],
.select2-container .select2-selection--single .select2-selection__rendered {
  padding: 0 1em 0.2em 0 !important;
  border: 0.01rem solid #ccc !important;
  border-bottom: 0.01rem solid #ccc !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  background-color: transparent !important;
  outline: none !important;
}

::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3) !important;
	border-radius: 0px !important;
	background-color: #F5F5F5 !important;
}

::-webkit-scrollbar
{
	width: 8px !important;
	background-color: #F5F5F5 !important;
}

::-webkit-scrollbar:horizontal
{
	height: 8px !important;
}

::-webkit-scrollbar-thumb
{
	border-radius: 8px !important;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3) !important;
	background-color: #868686 !important;
  /* height: 1px !important; */
}

.select2-results__options::-webkit-scrollbar-track
{
	border-radius: 10px !important;
}

.select2-container--bootstrap-5 .select2-dropdown {
  overflow: unset !important;
  color: #212529;
  background-color: #fff;
  border-color: transparent !important;
  border-radius: .25rem;
}

.select2-dropdown {
  box-shadow: 0px 0px 40px -15px grey;
}

.select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered .select2-selection__placeholder {
  font-weight: 400;
  line-height: 1.5;
  color: gray;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
  max-height: 4rem !important;
}

/* .select2-container--open {
  left: 25vw !important;
} */

span.select2-dropdown--above,
span.select2-dropdown--below {
  /* width: 48vw !important; */
  width: 249.672px !important;
}

.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--above,
.select2-container--bootstrap-5 .select2-dropdown.select2-dropdown--below {
  border-top: 0 solid transparent;
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}

.select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  border-color: unset !important;
  box-shadow: unset !important;
}

.select2-container--bootstrap-5 .select2-selection {
  width: unset !important;
  min-height: unset !important;
  padding: unset !important;
  font-family: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
  line-height: unset !important;
  color: unset !important;
  background-color: unset !important;
  border: unset !important;
  border-radius: unset !important;
  transition: unset !important;
  appearance: unset !important;
}

.select2-container--bootstrap-5 .select2-selection--single {
  padding: .375rem 2.25rem .375rem .75rem;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 0 center !important;
  background-size: 16px 12px;
}

.select2-container--bootstrap-5 .select2-search {
  width: auto;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search {
  padding: 12px;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus {
  border-color: var(--main-color);
  box-shadow: 0 0 0 1px var(--main-color);
}

.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field {
  display: unset !important;
  width: 100%;
  padding: 1px 15px !important;
  font-family: unset !important;
  font-size: unset !important;
  font-weight: unset !important;
  line-height: unset !important;
  color: unset !important;
  background-color: unset !important;
  background-clip: unset !important;
  border: 1px solid #ced4da;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
  padding: 12px;
  font-size: unset !important;
  font-weight: 400;
  line-height: 1.5;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected {
  color: #000000;
  background-color: transparent;
}

.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--highlighted {
  color: var(--text-main-color);
  background-color: var(--main-color);
}

input[type='date'] {
  width: 100%;
  display: inline-block;
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  min-height: 1.2em; 
}

#oid-form input[type='radio'], #oid-form input[type='checkbox'] {
  /* margin-top: 1em; */
  /* -ms-transform: scale(1.3); */
  /* transform: scale(1.3); */
  padding: 0.6em;
  -webkit-appearance: none;
  outline: 0.1em solid black;
  outline-offset: 0.1em;
}

.checkbox {
  display: inline-flex;
  align-items: center;
  margin-top: 1em;
}

/* Start::Popup */
.oid-header-wrapper {
  min-height: 100%;
  display: flex;
  align-items: center;
}

.popup-container {
  position: relative;
  background: #fff;
  padding: 0vw;
  max-width: 41em;
  margin: 0.2em auto;
}

.white-popup {
  position: relative;
  background: #fff;
  padding: 20px;
  width: auto;
  max-width: 900px;
  margin: 20px auto;
  /* font-family: 'oppo-light'; */
}

.modal-tnc {
  list-style: normal !important;
  line-height: 1.8em;
}

.sub-list-tnc {
  margin-left: 1.5vw;
}

.oid-close-tnc {
  text-decoration: none !important;
  /* font-family: oppo-medium; */
  padding: 0.5em 2em;
  text-align: center;
  transition: 0.5s;
  color: #fff;
  font-size: 1em;
  border: 1px solid black;
  border-radius: 1em;
  z-index: 1;
}

.oid-tab-content2.oid-current2 {
  display: inherit;
  width: 100%;
}

.oid-tab-content2 {
  display: none;
  /* padding: 0.15rem; */
}

.oid-accordion-container {
  position: relative;
  max-width: 8rem;
  height: auto;
  margin: 0.1rem auto;
}

.oid-set {
  position: relative;
  width: 100%;
  height: auto;
  background-color: #e6e3f3;
}

.oid-set>a {
  display: block;
  padding: 0.1rem 0.15rem;
  text-decoration: none;
  color: #000;
  font-weight: 600;
  border-bottom: 0.01rem solid #ddd;
  transition: all 0.2s linear;
}

.oid-content {
  background-color: #fff;
  border-bottom: 0.01rem solid #ddd;
  display: none;
}

.oid-content p {
  padding: 0.1rem 0.15rem;
  margin: 0;
  color: #333;
}

ol,
.oid-tab-content2 ol {
  display: block;
  list-style-type: disc;
  margin-block-start: 0.5em;
  margin-block-end: 0.5em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 0.35rem;
}

ol > li,
.oid-tab-content2 ol > li {
  display: list-item;
  text-align: -webkit-match-parent;
  list-style: decimal;
}

ol > ul li,
.oid-tab-content2 ol > ul li {
  list-style: disc !important;
  margin-inline-start: 1vw;
}

ol > ul ol,
.oid-tab-content2 ol > ul ol {
  list-style: decimal !important;
}

ol > ul ol li,
.oid-tab-content2 ol > ul ol li {
  list-style: decimal !important;
  margin-inline-start: 1vw;
}

ol p,
ul p {
  margin-inline-start: 1vw;
  font-size: unset !important;
}

/* Title Text */
.oid-text-title,
.oid-text-title-last {
  font-size: 2.5em;
  /* padding-bottom: 0.5em; */
  /* font-family: oppo-medium; */
  /* font-weight: 900; */
  line-height: 1.3em;
}

.oid-text-title-in {
  font-size: 2.5em;
  padding-bottom: 0.5em;
  /* font-family: oppo-medium; */
  font-weight: 900;
  line-height: 1.3em;
}

ol.next,
.oid-tab-content2 ol.next {
  padding-inline-start: 0;
}

/* End::Popup */

.oid-pos-rel {
  position: relative;
}

.oid-pos-abs {
  position: absolute;
}

.oid-d-flex {
  display: flex;
}

.oid-flex-row {
  flex-direction: row;
}

.oid-flex-column {
  flex-direction: column;
}

.oid-flex-row-reverse {
  flex-direction: row-reverse;
}

.oid-flex-column-reverse {
  flex-direction: column-reverse;
}

.oid-flex-wrap {
  flex-wrap: wrap;
}

.oid-flex-nowrap {
  flex-wrap: nowrap;
}

.oid-justify-start {
  justify-content: start;
}

.oid-justify-end {
  justify-content: end;
}

.oid-justify-center {
  justify-content: center;
}

.oid-justify-space-evenly {
  justify-content: space-evenly;
}

.oid-justify-between {
  justify-content: space-between;
}

.oid-align-items-start {
  align-items: start;
}

.oid-align-items-center {
  align-items: center;
}

.oid-align-items-end {
  align-items: end;
}

.oid-align-content-start {
  align-content: start;
}

.oid-align-content-center {
  align-content: center;
}

.oid-align-content-end {
  align-content: end;
}

.oid-align-self-start {
  align-self: start;
}

.oid-align-self-center {
  align-self: center;
}

.oid-align-self-end {
  align-self: end;
}

.oid-gap-2{
  gap: 2vw;
}
.oid-col-gap-2{
  column-gap: 2vw;
}
.oid-col-gap-3{
  column-gap: 3vw;
}
.oid-row-gap-5{
  row-gap: 5vw;
}

.oid-w-100 {
  width: 100%;
}

.oid-w-90 {
  width: 90%;
}

.oid-w-80 {
  width: 80%;
}

.oid-w-70 {
  width: 70%;
}

.oid-w-60 {
  width: 60%;
}

.oid-w-50 {
  width: 50%;
}

.oid-w-48 {
  width: 48%;
}

.oid-w-40 {
  width: 40%;
}

.oid-w-30 {
  width: 30%;
}

.oid-w-25 {
  width: 25%;
}

.oid-w-20 {
  width: 20%;
}

.oid-w-15 {
  width: 15%;
}

.oid-w-10 {
  width: 10%;
}

.oid-h-100 {
  height: 100%;
}

.oid-h-90 {
  height: 90%;
}

.oid-h-80 {
  height: 80%;
}

.oid-h-70 {
  height: 70%;
}

.oid-h-60 {
  height: 60%;
}

.oid-h-50 {
  height: 50%;
}

.oid-h-48 {
  height: 48%;
}

.oid-h-40 {
  height: 40%;
}

.oid-h-30 {
  height: 30%;
}

.oid-h-25 {
  height: 25%;
}

.oid-h-20 {
  height: 20%;
}

.oid-h-10 {
  height: 10%;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oid-px-15 {
  padding-left: 10em;
  padding-right: 10em;
}

.oid-px-14 {
  padding-left: 9em;
  padding-right: 9em;
}

.oid-px-13 {
  padding-left: 8em;
  padding-right: 8em;
}

.oid-px-12 {
  padding-left: 7em;
  padding-right: 7em;
}

.oid-px-11 {
  padding-left: 6em;
  padding-right: 6em;
}

.oid-px-10 {
  padding-left: 5em;
  padding-right: 5em;
}

.oid-px-9 {
  padding-left: 4.5em;
  padding-right: 4.5em;
}

.oid-px-8 {
  padding-left: 4em;
  padding-right: 4em;
}

.oid-px-7 {
  padding-left: 3.5em;
  padding-right: 3.5em;
}

.oid-px-6 {
  padding-left: 3em;
  padding-right: 3em;
}

.oid-px-5 {
  padding-left: 2.9em;
  padding-right: 2.9em;
}

.oid-px-4 {
  padding-left: 2em;
  padding-right: 2em;
}

.oid-px-3 {
  padding-left: 1.5em;
  padding-right: 1.5em;
}

.oid-px-2 {
  padding-left: 1em;
  padding-right: 1em;
}

.oid-px-1 {
  padding-left: 0.3em;
  padding-right: 0.3em;
}

.oid-pt-15 {
  padding-top: 7.5em;
}

.oid-pt-10 {
  padding-top: 5em;
}

.oid-pt-9 {
  padding-top: 4.5em;
}

.oid-pt-8 {
  padding-top: 4em;
}

.oid-pt-7 {
  padding-top: 3.5em;
}

.oid-pt-6 {
  padding-top: 3em;
}

.oid-pt-5 {
  padding-top: 2.5em;
}

.oid-pt-4 {
  padding-top: 2em;
}

.oid-pt-3 {
  padding-top: 1.5em;
}

.oid-pt-2 {
  padding-top: 1em;
}

.oid-pt-1 {
  padding-top: 0.5em;
}

.oid-pb-15 {
  padding-bottom: 7.5em;
}

.oid-pb-14 {
  padding-bottom: 9em;
}

.oid-pb-13 {
  padding-bottom: 8em;
}

.oid-pb-12 {
  padding-bottom: 7em;
}

.oid-pb-11 {
  padding-bottom: 6em;
}

.oid-pb-10 {
  padding-bottom: 5em;
}

.oid-pb-9 {
  padding-bottom: 4.5em;
}

.oid-pb-8 {
  padding-bottom: 4em;
}

.oid-pb-7 {
  padding-bottom: 3.5em;
}

.oid-pb-6 {
  padding-bottom: 3em;
}

.oid-pb-5 {
  padding-bottom: 2.5em;
}

.oid-pb-4 {
  padding-bottom: 2em;
}

.oid-pb-3 {
  padding-bottom: 1.5em;
}

.oid-pb-2 {
  padding-bottom: 1em;
}

.oid-pb-1 {
  padding-bottom: 0.5em;
}

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

.oid-pl-15 {
  padding-left: 10em;
}

.oid-pl-14 {
  padding-left: 9em;
}

.oid-pl-13 {
  padding-left: 8em;
}

.oid-pl-12 {
  padding-left: 7em;
}

.oid-pl-11 {
  padding-left: 6em;
}

.oid-pl-10 {
  padding-left: 5em;
}

.oid-pl-9 {
  padding-left: 4.5em;
}

.oid-pl-8 {
  padding-left: 4em;
}

.oid-pl-7 {
  padding-left: 3.5em;
}

.oid-pl-6 {
  padding-left: 3em;
}

.oid-pl-5 {
  padding-left: 2.5em;
}

.oid-pl-4 {
  padding-left: 2em;
}

.oid-pl-3 {
  padding-left: 1.5em;
}

.oid-pl-2 {
  padding-left: 1em;
}

.oid-pl-1 {
  padding-left: 0.5em;
}

.oid-pl-0 {
  padding-left: 0;
}

.oid-pr-15 {
  padding-right: 10em;
}

.oid-pr-14 {
  padding-right: 9em;
}

.oid-pr-13 {
  padding-right: 8em;
}

.oid-pr-12 {
  padding-right: 7em;
}

.oid-pr-11 {
  padding-right: 6em;
}

.oid-pr-10 {
  padding-right: 5em;
}

.oid-pr-9 {
  padding-right: 4.5em;
}

.oid-pr-8 {
  padding-right: 4em;
}

.oid-pr-7 {
  padding-right: 3.5em;
}

.oid-pr-6 {
  padding-right: 3em;
}

.oid-pr-5 {
  padding-right: 2.5em;
}

.oid-pr-4 {
  padding-right: 2em;
}

.oid-pr-3 {
  padding-right: 1.5em;
}

.oid-pr-2 {
  padding-right: 1em;
}

.oid-pr-1 {
  padding-right: 0.5em;
}

.oid-pr-0 {
  padding-right: 0;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.oid-mx-15 {
  margin-left: 10em;
  margin-right: 10em;
}

.oid-mx-14 {
  margin-left: 9em;
  margin-right: 9em;
}

.oid-mx-13 {
  margin-left: 8em;
  margin-right: 8em;
}

.oid-mx-12 {
  margin-left: 7em;
  margin-right: 7em;
}

.oid-mx-11 {
  margin-left: 6em;
  margin-right: 6em;
}

.oid-mx-10 {
  margin-left: 5em;
  margin-right: 5em;
}

.oid-mx-9 {
  margin-left: 4.5em;
  margin-right: 4.5em;
}

.oid-mx-8 {
  margin-left: 4em;
  margin-right: 4em;
}

.oid-mx-7 {
  margin-left: 3.5em;
  margin-right: 3.5em;
}

.oid-mx-6 {
  margin-left: 3em;
  margin-right: 3em;
}

.oid-mx-5 {
  margin-left: 2.9em;
  margin-right: 2.9em;
}

.oid-mx-4 {
  margin-left: 2em;
  margin-right: 2em;
}

.oid-mx-3 {
  margin-left: 1.5em;
  margin-right: 1.5em;
}

.oid-mx-2 {
  margin-left: 1em;
  margin-right: 1em;
}

.oid-mx-1 {
  margin-left: 0.3em;
  margin-right: 0.3em;
}

.oid-mx-0 {
  margin-left: 0em;
  margin-right: 0em;
}

.oid-mt-15 {
  margin-top: 7.5em;
}

.oid-mt-10 {
  margin-top: 5em;
}

.oid-mt-9 {
  margin-top: 4.5em;
}

.oid-mt-8 {
  margin-top: 4em;
}

.oid-mt-7 {
  margin-top: 3.5em;
}

.oid-mt-6 {
  margin-top: 3em;
}

.oid-mt-5 {
  margin-top: 2.5em;
}

.oid-mt-4 {
  margin-top: 2em;
}

.oid-mt-3 {
  margin-top: 1.5em;
}

.oid-mt-2 {
  margin-top: 1em;
}

.oid-mt-1 {
  margin-top: 0.5em;
}

.oid-mb-15 {
  margin-bottom: 7.5em;
}

.oid-mb-14 {
  margin-bottom: 9em;
}

.oid-mb-13 {
  margin-bottom: 8em;
}

.oid-mb-12 {
  margin-bottom: 7em;
}

.oid-mb-11 {
  margin-bottom: 6em;
}

.oid-mb-10 {
  margin-bottom: 5em;
}

.oid-mb-9 {
  margin-bottom: 4.5em;
}

.oid-mb-8 {
  margin-bottom: 4em;
}

.oid-mb-7 {
  margin-bottom: 3.5em;
}

.oid-mb-6 {
  margin-bottom: 3em;
}

.oid-mb-5 {
  margin-bottom: 2.5em;
}

.oid-mb-4 {
  margin-bottom: 2em;
}

.oid-mb-3 {
  margin-bottom: 1.5em;
}

.oid-mb-2 {
  margin-bottom: 1em;
}

.oid-mb-1 {
  margin-bottom: 0.5em;
}

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

.oid-ml-15 {
  margin-left: 10em;
}

.oid-ml-14 {
  margin-left: 9em;
}

.oid-ml-13 {
  margin-left: 8em;
}

.oid-ml-12 {
  margin-left: 7em;
}

.oid-ml-11 {
  margin-left: 6em;
}

.oid-ml-10 {
  margin-left: 5em;
}

.oid-ml-9 {
  margin-left: 4.5em;
}

.oid-ml-8 {
  margin-left: 4em;
}

.oid-ml-7 {
  margin-left: 3.5em;
}

.oid-ml-6 {
  margin-left: 3em;
}

.oid-ml-5 {
  margin-left: 2.5em;
}

.oid-ml-4 {
  margin-left: 2em;
}

.oid-ml-3 {
  margin-left: 1.5em;
}

.oid-ml-2 {
  margin-left: 1em;
}

.oid-ml-1 {
  margin-right: 0.5em;
}

.oid-ml-0 {
  margin-right: 0;
}

.oid-mr-15 {
  margin-right: 10em;
}

.oid-mr-14 {
  margin-right: 9em;
}

.oid-mr-13 {
  margin-right: 8em;
}

.oid-mr-12 {
  margin-right: 7em;
}

.oid-mr-11 {
  margin-right: 6em;
}

.oid-mr-10 {
  margin-right: 5em;
}

.oid-mr-9 {
  margin-right: 4.5em;
}

.oid-mr-8 {
  margin-right: 4em;
}

.oid-mr-7 {
  margin-right: 3.5em;
}

.oid-mr-6 {
  margin-right: 3em;
}

.oid-mr-5 {
  margin-right: 2.5em;
}

.oid-mr-4 {
  margin-right: 2em;
}

.oid-mr-3 {
  margin-right: 1.5em;
}

.oid-mr-2 {
  margin-right: 1em;
}

.oid-mr-1 {
  margin-right: 0.5em;
}

.oid-mr-0 {
  margin-right: 0;
}

sub,
sup {
  font-size: 65% !important;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.oid-rounded-btn {
  text-decoration: none !important;
  padding: 0.5em 3em;
  text-align: center;
  transition: 0.5s;
  color: #fff;
  font-size: 1em;
  border: unset;
  border-radius: 5em;
  z-index: 1;
}

.oid-rounded-border-btn {
  text-decoration: none !important;
  padding: 0.5em 3em;
  text-align: center;
  transition: 0.5s;
  color: #000;
  font-size: 1em;
  border: 1px solid #000;
  border-radius: 5em;
  z-index: 1;
}

.oid-bg-transparent {
  background-color: transparent;
}

.oid-bg-black {
  background-color: #000000;
}

.oid-bg-light-green {
  background-color: #2cff73;
}

.oid-white-color {
  color: #ffffff;
}

.oid-black-color {
  color: #000;
}

.oid-text-center {
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
}

.oid-text-left {
  text-align: left;
  text-align: -webkit-left;
  text-align: -moz-left;
}

.oid-text-right {
  text-align: right;
  text-align: -webkit-right;
  text-align: -moz-right;
}

.oid-text-start {
  text-align: start;
  text-align: -webkit-start;
  text-align: -moz-start;
}

.oid-text-end {
  text-align: end;
  text-align: -webkit-end;
  text-align: -moz-end;
}

.oid-text-justify {
  text-align: justify;
  text-align: -webkit-justify;
  text-align: -moz-justify;
}

i {
  font-style: italic !important;
}

.oid-text-normal {
  font-weight: normal;
}

.oid-text-light {
  font-weight: lighter;
}

.oid-text-bold {
  font-weight: bold;
}

.oid-text-italic {
  font-style: italic;
}

.oid-text-underline {
  text-decoration: underline;
}

.noHover {
  pointer-events: none;
}

label.error {
  color: #ff0000;
  font-size: 0.8em;
  margin-top: 1em;
}

.unselect {
  color: #999 !important;
}

.selected {
  color: #000 !important;
}

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

.oid-d-none {
  display: none !important;
}

@media (max-width: 500px) {
  #desktop-size {
    display: none !important;
  }

  #mobile-size {
    display: block !important;
  }

  .oid-container {
    width: 3.3rem;
  }

  .oid-text-title {
    font-size: 6vw;
  }

  .oid-text-title-last {
    font-size: 6.5vw;
  }

  .oid-text-title-in {
    font-size: 5.5vw;
  }

  .oid-section-wrapper {
    min-height: 20vw;
  }

  .modal-tnc {
    font-size: 0.8em !important;
    line-height: 2em !important;
  }

  .sub-list-tnc {
    margin-left: 5vw !important;
  }

  ol > ul li,
  .oid-tab-content2 ol > ul li {
    margin-inline-start: 6vw !important;
  }

  .oid-pos-rel-xs {
    position: relative;
  }

  .oid-pos-abs-xs {
    position: absolute;
  }

  .oid-d-flex-xs {
    display: flex;
  }

  .oid-flex-row-xs {
    flex-direction: row;
  }

  .oid-flex-column-xs {
    flex-direction: column;
  }

  .oid-flex-row-reverse-xs {
    flex-direction: row-reverse;
  }

  .oid-flex-column-reverse-xs {
    flex-direction: column-reverse;
  }

  .oid-flex-wrap-xs {
    flex-wrap: wrap;
  }

  .oid-flex-nowrap-xs {
    flex-wrap: nowrap;
  }

  .oid-justify-start-xs {
    justify-content: start;
  }

  .oid-justify-end-xs {
    justify-content: end;
  }

  .oid-justify-center-xs {
    justify-content: center;
  }

  .oid-justify-space-evenly-xs {
    justify-content: space-evenly;
  }

  .oid-justify-between-xs {
    justify-content: space-between;
  }

  .oid-align-items-start-xs {
    align-items: start;
  }

  .oid-align-items-center-xs {
    align-items: center;
  }

  .oid-align-items-end-xs {
    align-items: end;
  }

  .oid-align-content-start-xs {
    align-content: start;
  }

  .oid-align-content-center-xs {
    align-content: center;
  }

  .oid-align-content-end-xs {
    align-content: end;
  }

  .oid-text-center-xs {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-xs {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-xs {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }
  
  .oid-text-start-xs {
    text-align: start;
    text-align: -webkit-start;
    text-align: -moz-start;
  }
  
  .oid-text-end-xs {
    text-align: end;
    text-align: -webkit-end;
    text-align: -moz-end;
  }
  
  .oid-text-justify-xs {
    text-align: justify;
    text-align: -webkit-justify;
    text-align: -moz-justify;
  }
  
  .oid-text-normal-xs {
    font-weight: normal;
  }
  
  .oid-text-light-xs {
    font-weight: lighter;
  }
  
  .oid-text-bold-xs {
    font-weight: bold;
  }
  
  .oid-text-italic-xs {
    font-style: italic;
  }

  .oid-text-underline-xs {
    text-decoration: underline;
  }

  .oid-col-gap-3-xs{
    column-gap: 3vw;
  }

  .oid-col-gap-0xs {
    column-gap: 0vw;
  }

  .oid-w-unset-xs {
    width: unset;
  }

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

  .oid-w-95xs {
    width: 95% !important;
  }

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

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

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

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

  .oid-w-50xs {
    width: 50% !important;
  }
  .oid-w-49xs {
    width: 48.5% !important;
  }
  .oid-w-48xs {
    width: 48% !important;
  }


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

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

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

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

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

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

  .oid-h-90xs {
    height: 90% !important;
  }

  .oid-h-80xs {
    height: 80% !important;
  }

  .oid-h-70xs {
    height: 70% !important;
  }

  .oid-h-60xs {
    height: 60% !important;
  }

  .oid-h-50xs {
    height: 50% !important;
  }

  .oid-h-48xs {
    height: 48% !important;
  }

  .oid-h-40xs {
    height: 40% !important;
  }

  .oid-h-30xs {
    height: 30% !important;
  }

  .oid-h-25xs {
    height: 25% !important;
  }

  .oid-h-20xs {
    height: 20% !important;
  }

  .oid-h-10xs {
    height: 10% !important;
  }

  .oid-py-15xs {
    padding-top: 10em !important;
    padding-bottom: 10em !important;
  }

  .oid-py-14xs {
    padding-top: 9em !important;
    padding-bottom: 9em !important;
  }

  .oid-py-13xs {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
  }

  .oid-py-12xs {
    padding-top: 7em !important;
    padding-bottom: 7em !important;
  }

  .oid-py-11xs {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }

  .oid-py-10xs {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  .oid-py-9xs {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }

  .oid-py-8xs {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .oid-py-7xs {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
  }

  .oid-py-6xs {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }

  .oid-py-5xs {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }

  .oid-py-4xs {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .oid-py-3xs {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }

  .oid-py-2xs {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .oid-py-1xs {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

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

  .oid-px-15xs {
    padding-left: 10em;
    padding-right: 10em;
  }

  .oid-px-14xs {
    padding-left: 9em;
    padding-right: 9em;
  }

  .oid-px-13xs {
    padding-left: 8em;
    padding-right: 8em;
  }

  .oid-px-12xs {
    padding-left: 7em;
    padding-right: 7em;
  }

  .oid-px-11xs {
    padding-left: 6em;
    padding-right: 6em;
  }

  .oid-px-10xs {
    padding-left: 5em;
    padding-right: 5em;
  }

  .oid-px-9xs {
    padding-left: 4.5em;
    padding-right: 4.5em;
  }

  .oid-px-8xs {
    padding-left: 4em;
    padding-right: 4em;
  }

  .oid-px-7xs {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .oid-px-6xs {
    padding-left: 3em;
    padding-right: 3em;
  }

  .oid-px-5xs {
    padding-left: 2.9em;
    padding-right: 2.9em;
  }

  .oid-px-4xs {
    padding-left: 2em;
    padding-right: 2em;
  }

  .oid-px-3xs {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .oid-px-2xs {
    padding-left: 1em;
    padding-right: 1em;
  }

  .oid-px-1xs {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

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

  .oid-pt-15xs {
    padding-top: 7.5em;
  }

  .oid-pt-10xs {
    padding-top: 5em;
  }

  .oid-pt-9xs {
    padding-top: 4.5em;
  }

  .oid-pt-8xs {
    padding-top: 4em;
  }

  .oid-pt-7xs {
    padding-top: 3.5em;
  }

  .oid-pt-6xs {
    padding-top: 3em !important;
  }

  .oid-pt-5xs {
    padding-top: 2.5em !important;
  }

  .oid-pt-4xs {
    padding-top: 2em !important;
  }

  .oid-pt-3xs {
    padding-top: 1.5em !important;
  }

  .oid-pt-2xs {
    padding-top: 1em !important;
  }

  .oid-pt-1xs {
    padding-top: 0.5em !important;
  }

  .oid-pt-0xs {
    padding-top: 0em !important;
  }

  .oid-pb-15xs {
    padding-bottom: 7.5em;
  }

  .oid-pb-14xs {
    padding-bottom: 9em;
  }

  .oid-pb-13xs {
    padding-bottom: 8em;
  }

  .oid-pb-12xs {
    padding-bottom: 7em;
  }

  .oid-pb-11xs {
    padding-bottom: 6em !important;
  }

  .oid-pb-10xs {
    padding-bottom: 5em !important;
  }

  .oid-pb-9xs {
    padding-bottom: 4.5em !important;
  }

  .oid-pb-8xs {
    padding-bottom: 4em !important;
  }

  .oid-pb-7xs {
    padding-bottom: 3.5em !important;
  }

  .oid-pb-6xs {
    padding-bottom: 3em !important;
  }

  .oid-pb-5xs {
    padding-bottom: 2.5em !important;
  }

  .oid-pb-4xs {
    padding-bottom: 2em !important;
  }

  .oid-pb-3xs {
    padding-bottom: 1.5em !important;
  }

  .oid-pb-2xs {
    padding-bottom: 1em !important;
  }

  .oid-pb-1xs {
    padding-bottom: 0.5em !important;
  }

  .oid-pb-0xs {
    padding-bottom: 0 !important;
  }

  .oid-pl-15xs {
    padding-left: 10em;
  }

  .oid-pl-14xs {
    padding-left: 9em;
  }

  .oid-pl-13xs {
    padding-left: 8em;
  }

  .oid-pl-12xs {
    padding-left: 7em;
  }

  .oid-pl-11xs {
    padding-left: 6em;
  }

  .oid-pl-10xs {
    padding-left: 5em;
  }

  .oid-pl-9xs {
    padding-left: 4.5em;
  }

  .oid-pl-8xs {
    padding-left: 4em;
  }

  .oid-pl-7xs {
    padding-left: 3.5em;
  }

  .oid-pl-6xs {
    padding-left: 3em;
  }

  .oid-pl-5xs {
    padding-left: 2.5em;
  }

  .oid-pl-4xs {
    padding-left: 2em;
  }

  .oid-pl-3xs {
    padding-left: 1.5em;
  }

  .oid-pl-2xs {
    padding-left: 1em;
  }

  .oid-pl-1xs {
    padding-left: 0.5em;
  }

  .oid-pl-0xs {
    padding-left: 0em !important;
  }

  .oid-pr-15xs {
    padding-right: 10em;
  }

  .oid-pr-14xs {
    padding-right: 9em;
  }

  .oid-pr-13xs {
    padding-right: 8em;
  }

  .oid-pr-12xs {
    padding-right: 7em;
  }

  .oid-pr-11xs {
    padding-right: 6em;
  }

  .oid-pr-10xs {
    padding-right: 5em;
  }

  .oid-pr-9xs {
    padding-right: 4.5em;
  }

  .oid-pr-8xs {
    padding-right: 4em;
  }

  .oid-pr-7xs {
    padding-right: 3.5em;
  }

  .oid-pr-6xs {
    padding-right: 3em;
  }

  .oid-pr-5xs {
    padding-right: 2.5em;
  }

  .oid-pr-4xs {
    padding-right: 2em;
  }

  .oid-pr-3xs {
    padding-right: 1.5em;
  }

  .oid-pr-2xs {
    padding-right: 1em;
  }

  .oid-pr-1xs {
    padding-right: 0.5em;
  }

  .oid-pr-0xs {
    padding-right: 0;
  }

  .oid-my-15xs {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .oid-my-14xs {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .oid-my-13xs {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .oid-my-12xs {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .oid-my-11xs {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .oid-my-10xs {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .oid-my-9xs {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .oid-my-8xs {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .oid-my-7xs {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .oid-my-6xs {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .oid-my-5xs {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .oid-my-4xs {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .oid-my-3xs {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .oid-my-2xs {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .oid-my-1xs {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .oid-mx-15xs {
    margin-left: 10em;
    margin-right: 10em;
  }

  .oid-mx-14xs {
    margin-left: 9em;
    margin-right: 9em;
  }

  .oid-mx-13xs {
    margin-left: 8em;
    margin-right: 8em;
  }

  .oid-mx-12xs {
    margin-left: 7em;
    margin-right: 7em;
  }

  .oid-mx-11xs {
    margin-left: 6em;
    margin-right: 6em;
  }

  .oid-mx-10xs {
    margin-left: 5em;
    margin-right: 5em;
  }

  .oid-mx-9xs {
    margin-left: 4.5em;
    margin-right: 4.5em;
  }

  .oid-mx-8xs {
    margin-left: 4em;
    margin-right: 4em;
  }

  .oid-mx-7xs {
    margin-left: 3.5em;
    margin-right: 3.5em;
  }

  .oid-mx-6xs {
    margin-left: 3em;
    margin-right: 3em;
  }

  .oid-mx-5xs {
    margin-left: 2.9em;
    margin-right: 2.9em;
  }

  .oid-mx-4xs {
    margin-left: 2em;
    margin-right: 2em;
  }

  .oid-mx-3xs {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .oid-mx-2xs {
    margin-left: 1em;
    margin-right: 1em;
  }

  .oid-mx-1xs {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }

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

  .oid-mt-15xs {
    margin-top: 7.5em;
  }

  .oid-mt-10xs {
    margin-top: 5em;
  }

  .oid-mt-9xs {
    margin-top: 4.5em;
  }

  .oid-mt-8xs {
    margin-top: 4em;
  }

  .oid-mt-7xs {
    margin-top: 3.5em;
  }

  .oid-mt-6xs {
    margin-top: 3em;
  }

  .oid-mt-5xs {
    margin-top: 2.5em;
  }

  .oid-mt-4xs {
    margin-top: 2em;
  }

  .oid-mt-3xs {
    margin-top: 1.5em;
  }

  .oid-mt-2xs {
    margin-top: 1em;
  }

  .oid-mt-1xs {
    margin-top: 0.5em;
  }

  .oid-mb-15xs {
    margin-bottom: 7.5em;
  }

  .oid-mb-14xs {
    margin-bottom: 9em;
  }

  .oid-mb-13xs {
    margin-bottom: 8em;
  }

  .oid-mb-12xs {
    margin-bottom: 7em;
  }

  .oid-mb-11xs {
    margin-bottom: 6em;
  }

  .oid-mb-10xs {
    margin-bottom: 5em;
  }

  .oid-mb-9xs {
    margin-bottom: 4.5em;
  }

  .oid-mb-8xs {
    margin-bottom: 4em;
  }

  .oid-mb-7xs {
    margin-bottom: 3.5em;
  }

  .oid-mb-6xs {
    margin-bottom: 3em;
  }

  .oid-mb-5xs {
    margin-bottom: 2.5em;
  }

  .oid-mb-4xs {
    margin-bottom: 2em;
  }

  .oid-mb-3xs {
    margin-bottom: 1.5em;
  }

  .oid-mb-2xs {
    margin-bottom: 1em;
  }

  .oid-mb-1xs {
    margin-bottom: 0.5em;
  }

  .oid-mb-0xs {
    margin-bottom: 0 !important;
  }

  .oid-ml-15xs {
    margin-left: 10em;
  }

  .oid-ml-14xs {
    margin-left: 9em;
  }

  .oid-ml-13xs {
    margin-left: 8em;
  }

  .oid-ml-12xs {
    margin-left: 7em;
  }

  .oid-ml-11xs {
    margin-left: 6em;
  }

  .oid-ml-10xs {
    margin-left: 5em;
  }

  .oid-ml-9xs {
    margin-left: 4.5em;
  }

  .oid-ml-8xs {
    margin-left: 4em;
  }

  .oid-ml-7xs {
    margin-left: 3.5em;
  }

  .oid-ml-6xs {
    margin-left: 3em;
  }

  .oid-ml-5xs {
    margin-left: 2.5em;
  }

  .oid-ml-4xs {
    margin-left: 2em;
  }

  .oid-ml-3xs {
    margin-left: 1.5em;
  }

  .oid-ml-2xs {
    margin-left: 1em;
  }

  .oid-ml-1xs {
    margin-right: 0.5em;
  }

  .oid-ml-0xs {
    margin-right: 0;
  }

  .oid-mr-15xs {
    margin-right: 10em;
  }

  .oid-mr-14xs {
    margin-right: 9em;
  }

  .oid-mr-13xs {
    margin-right: 8em;
  }

  .oid-mr-12xs {
    margin-right: 7em;
  }

  .oid-mr-11xs {
    margin-right: 6em;
  }

  .oid-mr-10xs {
    margin-right: 5em;
  }

  .oid-mr-9xs {
    margin-right: 4.5em;
  }

  .oid-mr-8xs {
    margin-right: 4em;
  }

  .oid-mr-7xs {
    margin-right: 3.5em;
  }

  .oid-mr-6xs {
    margin-right: 3em;
  }

  .oid-mr-5xs {
    margin-right: 2.5em;
  }

  .oid-mr-4xs {
    margin-right: 2em;
  }

  .oid-mr-3xs {
    margin-right: 1.5em;
  }

  .oid-mr-2xs {
    margin-right: 1em;
  }

  .oid-mr-1xs {
    margin-right: 0.5em;
  }

  .oid-mr-0xs {
    margin-right: 0;
  }

  .oid-rounded-btn,
  .oid-rounded-border-btn {
    padding: 0.5em 2em;
    border-radius: 2em;
  }

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

  .oid-d-none-xs {
    display: none !important;
  }

  .h-0-xs { height: 0px; }
  .h-px-xs { height: 1px; }
  .h-05-xs { height: 0.125rem; }
  .h-1-xs { height: 0.25rem; }
  .h-1-5-xs { height: 0.375rem; }
  .h-2-xs { height: 0.5rem; }
  .h-2-5-xs { height: 0.625rem; }
  .h-3-xs { height: 0.75rem; }
  .h-3-5-xs { height: 0.875rem; }
  .h-4-xs { height: 1rem; }
  .h-5-xs { height: 1.25rem; }
  .h-6-xs { height: 1.5rem; }
  .h-7-xs { height: 1.75rem; }
  .h-8-xs { height: 2rem; }
  .h-9-xs { height: 2.25rem; }
  .h-10-xs { height: 2.5rem; }
  .h-11-xs { height: 2.75rem; }
  .h-12-xs { height: 3rem; }
  .h-14-xs { height: 3.5rem; }
  .h-16-xs { height: 4rem; }
  .h-20-xs { height: 5rem; }
  .h-24-xs { height: 6rem; }
  .h-28-xs { height: 7rem; }
  .h-32-xs { height: 8rem; }
  .h-36-xs { height: 9rem; }
  .h-40-xs { height: 10rem; }
  .h-44-xs { height: 11rem; }
  .h-48-xs { height: 12rem; }
  .h-52-xs { height: 13rem; }
  .h-56-xs { height: 14rem; }
  .h-60-xs { height: 15rem; }
  .h-64-xs { height: 16rem; }
  .h-72-xs { height: 18rem; }
  .h-80-xs { height: 20rem; }
  .h-96-xs { height: 24rem; }
  .h-auto-xs { height: auto; }
  .h-1-2-xs { height: 50%; }
  .h-1-3-xs { height: 33.333333%; }
  .h-2-3-xs { height: 66.666667%; }
  .h-1-4-xs { height: 25%; }
  .h-2-4-xs { height: 50%; }
  .h-3-4-xs { height: 75%; }
  .h-1-5-xs { height: 20%; }
  .h-2-5-xs { height: 40%; }
  .h-3-5-xs { height: 60%; }
  .h-4-5-xs { height: 80%; }
  .h-1-6-xs { height: 16.666667%; }
  .h-2-6-xs { height: 33.333333%; }
  .h-3-6-xs { height: 50%; }
  .h-4-6-xs { height: 66.666667%; }
  .h-5-6-xs { height: 83.333333%; }
  .h-full-xs { height: 100%; }
  .h-screen-xs { height: 100vh; }
  .h-min-xs { height: min-content; }
  .h-max-xs { height: max-content; }
  .h-fit-xs { height: fit-content; }
}

@media (min-width: 501px) and (max-width: 767.98px) {
  #desktop-size {
    display: none !important;
  }

  #mobile-size {
    display: block !important;
  }
  .oid-d-flex-xs {
    display: flex;
  }

  .oid-flex-row-xs {
    flex-direction: row;
  }

  .oid-flex-column-xs {
    flex-direction: column;
  }

  .oid-flex-row-reverse-xs {
    flex-direction: row-reverse;
  }

  .oid-flex-column-reverse-xs {
    flex-direction: column-reverse;
  }

  .oid-flex-wrap-xs {
    flex-wrap: wrap;
  }

  .oid-flex-nowrap-xs {
    flex-wrap: nowrap;
  }

  .oid-justify-start-xs {
    justify-content: start;
  }

  .oid-justify-end-xs {
    justify-content: end;
  }

  .oid-justify-center-xs {
    justify-content: center;
  }

  .oid-justify-space-evenly-xs {
    justify-content: space-evenly;
  }

  .oid-justify-between-xs {
    justify-content: space-between;
  }

  .oid-align-items-start-xs {
    align-items: start;
  }

  .oid-align-items-center-xs {
    align-items: center;
  }

  .oid-align-items-end-xs {
    align-items: end;
  }

  .oid-align-content-start-xs {
    align-content: start;
  }

  .oid-align-content-center-xs {
    align-content: center;
  }

  .oid-align-content-end-xs {
    align-content: end;
  }
  
  .oid-flex-wrap-s {
    flex-wrap: wrap;
  }

  .oid-flex-nowrap-s {
    flex-wrap: nowrap;
  }

  .oid-text-center-xs {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-xs {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-xs {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }
  
  .oid-text-start-xs {
    text-align: start;
    text-align: -webkit-start;
    text-align: -moz-start;
  }
  
  .oid-text-end-xs {
    text-align: end;
    text-align: -webkit-end;
    text-align: -moz-end;
  }
  
  .oid-text-justify-xs {
    text-align: justify;
    text-align: -webkit-justify;
    text-align: -moz-justify;
  }
  
  .oid-text-normal-xs {
    font-weight: normal;
  }
  
  .oid-text-light-xs {
    font-weight: lighter;
  }
  
  .oid-text-bold-xs {
    font-weight: bold;
  }
  
  .oid-text-italic-xs {
    font-style: italic;
  }

  .oid-text-underline-xs {
    text-decoration: underline;
  }

  .oid-col-gap-3-xs{
    column-gap: 3vw;
  }

  .oid-col-gap-0xs {
    column-gap: 0vw;
  }

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

  .oid-w-95s {
    width: 95% !important;
  }

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

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

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

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

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

  .oid-w-49xs {
    width: 48.5% !important;
  }

  .oid-w-48s {
    width: 48% !important;
  }

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

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

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

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

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

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

  .oid-h-90s {
    height: 90% !important;
  }

  .oid-h-80s {
    height: 80% !important;
  }

  .oid-h-70s {
    height: 70% !important;
  }

  .oid-h-60s {
    height: 60% !important;
  }

  .oid-h-50s {
    height: 50% !important;
  }

  .oid-h-48s {
    height: 48% !important;
  }

  .oid-h-40s {
    height: 40% !important;
  }

  .oid-h-30s {
    height: 30% !important;
  }

  .oid-h-25s {
    height: 25% !important;
  }

  .oid-h-20s {
    height: 20% !important;
  }

  .oid-h-10s {
    height: 10% !important;
  }

  .oid-py-15s {
    padding-top: 10em !important;
    padding-bottom: 10em !important;
  }

  .oid-py-14s {
    padding-top: 9em !important;
    padding-bottom: 9em !important;
  }

  .oid-py-13s {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
  }

  .oid-py-12s {
    padding-top: 7em !important;
    padding-bottom: 7em !important;
  }

  .oid-py-11s {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }

  .oid-py-10s {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  .oid-py-9s {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }

  .oid-py-8s {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .oid-py-7s {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
  }

  .oid-py-6s {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }

  .oid-py-5s {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }

  .oid-py-4s {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .oid-py-3s {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }

  .oid-py-2s {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .oid-py-1s {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .oid-px-15s {
    padding-left: 10em;
    padding-right: 10em;
  }

  .oid-px-14s {
    padding-left: 9em;
    padding-right: 9em;
  }

  .oid-px-13s {
    padding-left: 8em;
    padding-right: 8em;
  }

  .oid-px-12s {
    padding-left: 7em;
    padding-right: 7em;
  }

  .oid-px-11s {
    padding-left: 6em;
    padding-right: 6em;
  }

  .oid-px-10s {
    padding-left: 5em;
    padding-right: 5em;
  }

  .oid-px-9s {
    padding-left: 4.5em;
    padding-right: 4.5em;
  }

  .oid-px-8s {
    padding-left: 4em;
    padding-right: 4em;
  }

  .oid-px-7s {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .oid-px-6s {
    padding-left: 3em;
    padding-right: 3em;
  }

  .oid-px-5s {
    padding-left: 2.9em;
    padding-right: 2.9em;
  }

  .oid-px-4s {
    padding-left: 2em;
    padding-right: 2em;
  }

  .oid-px-3s {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .oid-px-2s {
    padding-left: 1em;
    padding-right: 1em;
  }

  .oid-px-1s {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

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

  .oid-pt-15s {
    padding-top: 7.5em;
  }

  .oid-pt-10s {
    padding-top: 5em;
  }

  .oid-pt-9s {
    padding-top: 4.5em;
  }

  .oid-pt-8s {
    padding-top: 4em;
  }

  .oid-pt-7s {
    padding-top: 3.5em;
  }

  .oid-pt-6s {
    padding-top: 3em;
  }

  .oid-pt-5s {
    padding-top: 2.5em;
  }

  .oid-pt-4s {
    padding-top: 2em !important;
  }

  .oid-pt-3s {
    padding-top: 1.5em;
  }

  .oid-pt-2s {
    padding-top: 1em;
  }

  .oid-pt-1s {
    padding-top: 0.5em;
  }

  .oid-pb-15s {
    padding-bottom: 7.5em;
  }

  .oid-pb-14s {
    padding-bottom: 9em;
  }

  .oid-pb-13s {
    padding-bottom: 8em;
  }

  .oid-pb-12s {
    padding-bottom: 7em;
  }

  .oid-pb-11s {
    padding-bottom: 6em;
  }

  .oid-pb-10s {
    padding-bottom: 5em;
  }

  .oid-pb-9s {
    padding-bottom: 4.5em;
  }

  .oid-pb-8s {
    padding-bottom: 4em;
  }

  .oid-pb-7s {
    padding-bottom: 3.5em;
  }

  .oid-pb-6s {
    padding-bottom: 3em;
  }

  .oid-pb-5s {
    padding-bottom: 2.5em;
  }

  .oid-pb-4s {
    padding-bottom: 2em;
  }

  .oid-pb-3s {
    padding-bottom: 1.5em;
  }

  .oid-pb-2s {
    padding-bottom: 1em !important;
  }

  .oid-pb-1s {
    padding-bottom: 0.5em;
  }

  .oid-pb-0s {
    padding-bottom: 0 !important;
  }

  .oid-pl-15s {
    padding-left: 10em;
  }

  .oid-pl-14s {
    padding-left: 9em;
  }

  .oid-pl-13s {
    padding-left: 8em;
  }

  .oid-pl-12s {
    padding-left: 7em;
  }

  .oid-pl-11s {
    padding-left: 6em;
  }

  .oid-pl-10s {
    padding-left: 5em;
  }

  .oid-pl-9s {
    padding-left: 4.5em;
  }

  .oid-pl-8s {
    padding-left: 4em;
  }

  .oid-pl-7s {
    padding-left: 3.5em;
  }

  .oid-pl-6s {
    padding-left: 3em;
  }

  .oid-pl-5s {
    padding-left: 2.5em;
  }

  .oid-pl-4s {
    padding-left: 2em;
  }

  .oid-pl-3s {
    padding-left: 1.5em;
  }

  .oid-pl-2s {
    padding-left: 1em;
  }

  .oid-pl-1s {
    padding-left: 0.5em;
  }

  .oid-pl-0s {
    padding-left: 0em !important;
  }

  .oid-pr-15s {
    padding-right: 10em;
  }

  .oid-pr-14s {
    padding-right: 9em;
  }

  .oid-pr-13s {
    padding-right: 8em;
  }

  .oid-pr-12s {
    padding-right: 7em;
  }

  .oid-pr-11s {
    padding-right: 6em;
  }

  .oid-pr-10s {
    padding-right: 5em;
  }

  .oid-pr-9s {
    padding-right: 4.5em;
  }

  .oid-pr-8s {
    padding-right: 4em;
  }

  .oid-pr-7s {
    padding-right: 3.5em;
  }

  .oid-pr-6s {
    padding-right: 3em;
  }

  .oid-pr-5s {
    padding-right: 2.5em;
  }

  .oid-pr-4s {
    padding-right: 2em;
  }

  .oid-pr-3s {
    padding-right: 1.5em;
  }

  .oid-pr-2s {
    padding-right: 1em;
  }

  .oid-pr-1s {
    padding-right: 0.5em;
  }

  .oid-pr-0s {
    padding-right: 0;
  }

  .oid-my-15s {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .oid-my-14s {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .oid-my-13s {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .oid-my-12s {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .oid-my-11s {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .oid-my-10s {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .oid-my-9s {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .oid-my-8s {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .oid-my-7s {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .oid-my-6s {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .oid-my-5s {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .oid-my-4s {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .oid-my-3s {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .oid-my-2s {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .oid-my-1s {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .oid-mx-15s {
    margin-left: 10em;
    margin-right: 10em;
  }

  .oid-mx-14s {
    margin-left: 9em;
    margin-right: 9em;
  }

  .oid-mx-13s {
    margin-left: 8em;
    margin-right: 8em;
  }

  .oid-mx-12s {
    margin-left: 7em;
    margin-right: 7em;
  }

  .oid-mx-11s {
    margin-left: 6em;
    margin-right: 6em;
  }

  .oid-mx-10s {
    margin-left: 5em;
    margin-right: 5em;
  }

  .oid-mx-9s {
    margin-left: 4.5em;
    margin-right: 4.5em;
  }

  .oid-mx-8s {
    margin-left: 4em;
    margin-right: 4em;
  }

  .oid-mx-7s {
    margin-left: 3.5em;
    margin-right: 3.5em;
  }

  .oid-mx-6s {
    margin-left: 3em;
    margin-right: 3em;
  }

  .oid-mx-5s {
    margin-left: 2.9em;
    margin-right: 2.9em;
  }

  .oid-mx-4s {
    margin-left: 2em;
    margin-right: 2em;
  }

  .oid-mx-3s {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .oid-mx-2s {
    margin-left: 1em;
    margin-right: 1em;
  }

  .oid-mx-1s {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }

  .oid-mt-15s {
    margin-top: 7.5em;
  }

  .oid-mt-10s {
    margin-top: 5em;
  }

  .oid-mt-9s {
    margin-top: 4.5em;
  }

  .oid-mt-8s {
    margin-top: 4em;
  }

  .oid-mt-7s {
    margin-top: 3.5em;
  }

  .oid-mt-6s {
    margin-top: 3em;
  }

  .oid-mt-5s {
    margin-top: 2.5em;
  }

  .oid-mt-4s {
    margin-top: 2em;
  }

  .oid-mt-3s {
    margin-top: 1.5em;
  }

  .oid-mt-2s {
    margin-top: 1em;
  }

  .oid-mt-1s {
    margin-top: 0.5em;
  }

  .oid-mb-15s {
    margin-bottom: 7.5em;
  }

  .oid-mb-14s {
    margin-bottom: 9em;
  }

  .oid-mb-13s {
    margin-bottom: 8em;
  }

  .oid-mb-12s {
    margin-bottom: 7em;
  }

  .oid-mb-11s {
    margin-bottom: 6em;
  }

  .oid-mb-10s {
    margin-bottom: 5em;
  }

  .oid-mb-9s {
    margin-bottom: 4.5em;
  }

  .oid-mb-8s {
    margin-bottom: 4em;
  }

  .oid-mb-7s {
    margin-bottom: 3.5em;
  }

  .oid-mb-6s {
    margin-bottom: 3em;
  }

  .oid-mb-5s {
    margin-bottom: 2.5em;
  }

  .oid-mb-4s {
    margin-bottom: 2em;
  }

  .oid-mb-3s {
    margin-bottom: 1.5em;
  }

  .oid-mb-2s {
    margin-bottom: 1em;
  }

  .oid-mb-1s {
    margin-bottom: 0.5em;
  }

  .oid-mb-0s {
    margin-bottom: 0 !important;
  }

  .oid-ml-15s {
    margin-left: 10em;
  }

  .oid-ml-14s {
    margin-left: 9em;
  }

  .oid-ml-13s {
    margin-left: 8em;
  }

  .oid-ml-12s {
    margin-left: 7em;
  }

  .oid-ml-11s {
    margin-left: 6em;
  }

  .oid-ml-10s {
    margin-left: 5em;
  }

  .oid-ml-9s {
    margin-left: 4.5em;
  }

  .oid-ml-8s {
    margin-left: 4em;
  }

  .oid-ml-7s {
    margin-left: 3.5em;
  }

  .oid-ml-6s {
    margin-left: 3em;
  }

  .oid-ml-5s {
    margin-left: 2.5em;
  }

  .oid-ml-4s {
    margin-left: 2em;
  }

  .oid-ml-3s {
    margin-left: 1.5em;
  }

  .oid-ml-2s {
    margin-left: 1em;
  }

  .oid-ml-1s {
    margin-right: 0.5em;
  }

  .oid-ml-0s {
    margin-right: 0;
  }

  .oid-mr-15s {
    margin-right: 10em;
  }

  .oid-mr-14s {
    margin-right: 9em;
  }

  .oid-mr-13s {
    margin-right: 8em;
  }

  .oid-mr-12s {
    margin-right: 7em;
  }

  .oid-mr-11s {
    margin-right: 6em;
  }

  .oid-mr-10s {
    margin-right: 5em;
  }

  .oid-mr-9s {
    margin-right: 4.5em;
  }

  .oid-mr-8s {
    margin-right: 4em;
  }

  .oid-mr-7s {
    margin-right: 3.5em;
  }

  .oid-mr-6s {
    margin-right: 3em;
  }

  .oid-mr-5s {
    margin-right: 2.5em;
  }

  .oid-mr-4s {
    margin-right: 2em;
  }

  .oid-mr-3s {
    margin-right: 1.5em;
  }

  .oid-mr-2s {
    margin-right: 1em;
  }

  .oid-mr-1s {
    margin-right: 0.5em;
  }

  .oid-mr-0s {
    margin-right: 0;
  }

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

  .oid-d-none-s {
    display: none !important;
  }

  .oid-text-center-s {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-s {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-s {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }

  .h-0-s { height: 0px; }
  .h-px-s { height: 1px; }
  .h-0-5-s { height: 0.125rem; }
  .h-1-s { height: 0.25rem; }
  .h-1-5-s { height: 0.375rem; }
  .h-2-s { height: 0.5rem; }
  .h-2-5-s { height: 0.625rem; }
  .h-3-s { height: 0.75rem; }
  .h-3-5-s { height: 0.875rem; }
  .h-4-s { height: 1rem; }
  .h-5-s { height: 1.25rem; }
  .h-6-s { height: 1.5rem; }
  .h-7-s { height: 1.75rem; }
  .h-8-s { height: 2rem; }
  .h-9-s { height: 2.25rem; }
  .h-10-s { height: 2.5rem; }
  .h-11-s { height: 2.75rem; }
  .h-12-s { height: 3rem; }
  .h-14-s { height: 3.5rem; }
  .h-16-s { height: 4rem; }
  .h-20-s { height: 5rem; }
  .h-24-s { height: 6rem; }
  .h-28-s { height: 7rem; }
  .h-32-s { height: 8rem; }
  .h-36-s { height: 9rem; }
  .h-40-s { height: 10rem; }
  .h-44-s { height: 11rem; }
  .h-48-s { height: 12rem; }
  .h-52-s { height: 13rem; }
  .h-56-s { height: 14rem; }
  .h-60-s { height: 15rem; }
  .h-64-s { height: 16rem; }
  .h-72-s { height: 18rem; }
  .h-80-s { height: 20rem; }
  .h-96-s { height: 24rem; }
  .h-auto-s { height: auto; }
  .h-1-2-s { height: 50%; }
  .h-1-3-s { height: 33.333333%; }
  .h-2-3-s { height: 66.666667%; }
  .h-1-4-s { height: 25%; }
  .h-2-4-s { height: 50%; }
  .h-3-4-s { height: 75%; }
  .h-1-5-s { height: 20%; }
  .h-2-5-s { height: 40%; }
  .h-3-5-s { height: 60%; }
  .h-4-5-s { height: 80%; }
  .h-1-6-s { height: 16.666667%; }
  .h-2-6-s { height: 33.333333%; }
  .h-3-6-s { height: 50%; }
  .h-4-6-s { height: 66.666667%; }
  .h-5-6-s { height: 83.333333%; }
  .h-full-s { height: 100%; }
  .h-screen-s { height: 100vh; }
  .h-min-s { height: min-content; }
  .h-max-s { height: max-content; }
  .h-fit-s { height: fit-content; }
}

@media (min-width: 768px) and (max-width: 1023.98px) {
  #desktop-size {
    display: block;
  }

  #mobile-size {
    display: none;
  }
  .oid-secnav-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 1em 8.5vw;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .oid-d-flex-m {
    display: flex;
  }

  .oid-flex-row-m {
    flex-direction: row;
  }

  .oid-flex-column-m {
    flex-direction: column;
  }

  .oid-flex-row-reverse-m {
    flex-direction: row-reverse;
  }

  .oid-flex-column-reverse-m {
    flex-direction: column-reverse;
  }

  .oid-flex-wrap-m {
    flex-wrap: wrap;
  }

  .oid-flex-nowrap-m {
    flex-wrap: nowrap;
  }

  .oid-justify-start-m {
    justify-content: start;
  }

  .oid-justify-end-m {
    justify-content: end;
  }

  .oid-justify-center-m {
    justify-content: center;
  }

  .oid-justify-space-evenly-m {
    justify-content: space-evenly;
  }

  .oid-justify-between-m {
    justify-content: space-between;
  }

  .oid-align-items-start-m {
    align-items: start;
  }

  .oid-align-items-center-m {
    align-items: center;
  }

  .oid-align-items-end-m {
    align-items: end;
  }

  .oid-align-content-start-m {
    align-content: start;
  }

  .oid-align-content-center-m {
    align-content: center;
  }

  .oid-align-content-end-m {
    align-content: end;
  }
  
  .oid-flex-wrap-m {
    flex-wrap: wrap;
  }

  .oid-flex-nowrap-m {
    flex-wrap: nowrap;
  }

  .oid-text-center-m {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-m {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-m {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }
  
  .oid-text-start-m {
    text-align: start;
    text-align: -webkit-start;
    text-align: -moz-start;
  }
  
  .oid-text-end-m {
    text-align: end;
    text-align: -webkit-end;
    text-align: -moz-end;
  }
  
  .oid-text-justify-m {
    text-align: justify;
    text-align: -webkit-justify;
    text-align: -moz-justify;
  }
  
  .oid-text-normal-m {
    font-weight: normal;
  }
  
  .oid-text-light-m {
    font-weight: lighter;
  }
  
  .oid-text-bold-m {
    font-weight: bold;
  }
  
  .oid-text-italic-m {
    font-style: italic;
  }

  .oid-text-underline-m {
    text-decoration: underline;
  }

  .oid-col-gap-3-m{
    column-gap: 3vw;
  }

  .oid-col-gap-0m {
    column-gap: 0vw;
  }

  ol > ul li,
  .oid-tab-content2 ol > ul li {
    margin-inline-start: 2vw !important;
  }

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

  .oid-w-95m {
    width: 95% !important;
  }

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

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

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

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

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

  .oid-w-48m {
    width: 48% !important;
  }

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

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

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

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

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

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

  .oid-h-90m {
    height: 90% !important;
  }

  .oid-h-80m {
    height: 80% !important;
  }

  .oid-h-70m {
    height: 70% !important;
  }

  .oid-h-60m {
    height: 60% !important;
  }

  .oid-h-50m {
    height: 50% !important;
  }

  .oid-h-48m {
    height: 48% !important;
  }

  .oid-h-40m {
    height: 40% !important;
  }

  .oid-h-30m {
    height: 30% !important;
  }

  .oid-h-25m {
    height: 25% !important;
  }

  .oid-h-20m {
    height: 20% !important;
  }

  .oid-h-10m {
    height: 10% !important;
  }

  .oid-py-15m {
    padding-top: 10em !important;
    padding-bottom: 10em !important;
  }

  .oid-py-14m {
    padding-top: 9em !important;
    padding-bottom: 9em !important;
  }

  .oid-py-13m {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
  }

  .oid-py-12m {
    padding-top: 7em !important;
    padding-bottom: 7em !important;
  }

  .oid-py-11m {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }

  .oid-py-10m {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  .oid-py-9m {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }

  .oid-py-8m {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .oid-py-7m {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
  }

  .oid-py-6m {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }

  .oid-py-5m {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }

  .oid-py-4m {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .oid-py-3m {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }

  .oid-py-2m {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .oid-py-1m {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

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

  .oid-px-15m {
    padding-left: 10em;
    padding-right: 10em;
  }

  .oid-px-14m {
    padding-left: 9em;
    padding-right: 9em;
  }

  .oid-px-13m {
    padding-left: 8em;
    padding-right: 8em;
  }

  .oid-px-12m {
    padding-left: 7em;
    padding-right: 7em;
  }

  .oid-px-11m {
    padding-left: 6em;
    padding-right: 6em;
  }

  .oid-px-10m {
    padding-left: 5em;
    padding-right: 5em;
  }

  .oid-px-9m {
    padding-left: 4.5em;
    padding-right: 4.5em;
  }

  .oid-px-8m {
    padding-left: 4em;
    padding-right: 4em;
  }

  .oid-px-7m {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .oid-px-6m {
    padding-left: 3em;
    padding-right: 3em;
  }

  .oid-px-5m {
    padding-left: 2.9em;
    padding-right: 2.9em;
  }

  .oid-px-4m {
    padding-left: 2em;
    padding-right: 2em;
  }

  .oid-px-3m {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .oid-px-2m {
    padding-left: 1em;
    padding-right: 1em;
  }

  .oid-px-1m {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

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

  .oid-pt-15m {
    padding-top: 7.5em;
  }

  .oid-pt-10m {
    padding-top: 5em;
  }

  .oid-pt-9m {
    padding-top: 4.5em;
  }

  .oid-pt-8m {
    padding-top: 4em;
  }

  .oid-pt-7m {
    padding-top: 3.5em;
  }

  .oid-pt-6m {
    padding-top: 3em !important;
  }

  .oid-pt-5m {
    padding-top: 2.5em;
  }

  .oid-pt-4m {
    padding-top: 2em;
  }

  .oid-pt-3m {
    padding-top: 1.5em;
  }

  .oid-pt-2m {
    padding-top: 1em !important;
  }

  .oid-pt-1m {
    padding-top: 0.5em !important;
  }

  .oid-pb-15m {
    padding-bottom: 7.5em;
  }

  .oid-pb-14m {
    padding-bottom: 9em;
  }

  .oid-pb-13m {
    padding-bottom: 8em;
  }

  .oid-pb-12m {
    padding-bottom: 7em;
  }

  .oid-pb-11m {
    padding-bottom: 6em;
  }

  .oid-pb-10m {
    padding-bottom: 5em;
  }

  .oid-pb-9m {
    padding-bottom: 4.5em;
  }

  .oid-pb-8m {
    padding-bottom: 4em;
  }

  .oid-pb-7m {
    padding-bottom: 3.5em;
  }

  .oid-pb-6m {
    padding-bottom: 3em;
  }

  .oid-pb-5m {
    padding-bottom: 2.5em;
  }

  .oid-pb-4m {
    padding-bottom: 2em;
  }

  .oid-pb-3m {
    padding-bottom: 1.5em;
  }

  .oid-pb-2m {
    padding-bottom: 1em !important;
  }

  .oid-pb-1m {
    padding-bottom: 0.5em !important;
  }

  .oid-pb-0m {
    padding-bottom: 0 !important;
  }

  .oid-pl-15m {
    padding-left: 10em;
  }

  .oid-pl-14m {
    padding-left: 9em;
  }

  .oid-pl-13m {
    padding-left: 8em;
  }

  .oid-pl-12m {
    padding-left: 7em;
  }

  .oid-pl-11m {
    padding-left: 6em;
  }

  .oid-pl-10m {
    padding-left: 5em;
  }

  .oid-pl-9m {
    padding-left: 4.5em;
  }

  .oid-pl-8m {
    padding-left: 4em;
  }

  .oid-pl-7m {
    padding-left: 3.5em;
  }

  .oid-pl-6m {
    padding-left: 3em;
  }

  .oid-pl-5m {
    padding-left: 2.5em;
  }

  .oid-pl-4m {
    padding-left: 2em;
  }

  .oid-pl-3m {
    padding-left: 1.5em;
  }

  .oid-pl-2m {
    padding-left: 1em;
  }

  .oid-pl-1m {
    padding-left: 0.5em;
  }

  .oid-pl-0m {
    padding-left: 0;
  }

  .oid-pr-15m {
    padding-right: 10em;
  }

  .oid-pr-14m {
    padding-right: 9em;
  }

  .oid-pr-13m {
    padding-right: 8em;
  }

  .oid-pr-12m {
    padding-right: 7em;
  }

  .oid-pr-11m {
    padding-right: 6em;
  }

  .oid-pr-10m {
    padding-right: 5em;
  }

  .oid-pr-9m {
    padding-right: 4.5em;
  }

  .oid-pr-8m {
    padding-right: 4em;
  }

  .oid-pr-7m {
    padding-right: 3.5em;
  }

  .oid-pr-6m {
    padding-right: 3em;
  }

  .oid-pr-5m {
    padding-right: 2.5em;
  }

  .oid-pr-4m {
    padding-right: 2em;
  }

  .oid-pr-3m {
    padding-right: 1.5em;
  }

  .oid-pr-2m {
    padding-right: 1em;
  }

  .oid-pr-1m {
    padding-right: 0.5em;
  }

  .oid-pr-0m {
    padding-right: 0;
  }

  .oid-my-15m {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .oid-my-14m {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .oid-my-13m {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .oid-my-12m {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .oid-my-11m {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .oid-my-10m {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .oid-my-9m {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .oid-my-8m {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .oid-my-7m {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .oid-my-6m {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .oid-my-5m {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .oid-my-4m {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .oid-my-3m {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .oid-my-2m {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .oid-my-1m {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .oid-mx-15m {
    margin-left: 10em;
    margin-right: 10em;
  }

  .oid-mx-14m {
    margin-left: 9em;
    margin-right: 9em;
  }

  .oid-mx-13m {
    margin-left: 8em;
    margin-right: 8em;
  }

  .oid-mx-12m {
    margin-left: 7em;
    margin-right: 7em;
  }

  .oid-mx-11m {
    margin-left: 6em;
    margin-right: 6em;
  }

  .oid-mx-10m {
    margin-left: 5em;
    margin-right: 5em;
  }

  .oid-mx-9m {
    margin-left: 4.5em;
    margin-right: 4.5em;
  }

  .oid-mx-8m {
    margin-left: 4em;
    margin-right: 4em;
  }

  .oid-mx-7m {
    margin-left: 3.5em;
    margin-right: 3.5em;
  }

  .oid-mx-6m {
    margin-left: 3em;
    margin-right: 3em;
  }

  .oid-mx-5m {
    margin-left: 2.9em;
    margin-right: 2.9em;
  }

  .oid-mx-4m {
    margin-left: 2em;
    margin-right: 2em;
  }

  .oid-mx-3m {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .oid-mx-2m {
    margin-left: 1em;
    margin-right: 1em;
  }

  .oid-mx-1m {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }

  .oid-mt-15m {
    margin-top: 7.5em;
  }

  .oid-mt-10m {
    margin-top: 5em;
  }

  .oid-mt-9m {
    margin-top: 4.5em;
  }

  .oid-mt-8m {
    margin-top: 4em;
  }

  .oid-mt-7m {
    margin-top: 3.5em;
  }

  .oid-mt-6m {
    margin-top: 3em;
  }

  .oid-mt-5m {
    margin-top: 2.5em;
  }

  .oid-mt-4m {
    margin-top: 2em;
  }

  .oid-mt-3m {
    margin-top: 1.5em;
  }

  .oid-mt-2m {
    margin-top: 1em;
  }

  .oid-mt-1m {
    margin-top: 0.5em;
  }

  .oid-mb-15m {
    margin-bottom: 7.5em;
  }

  .oid-mb-14m {
    margin-bottom: 9em;
  }

  .oid-mb-13m {
    margin-bottom: 8em;
  }

  .oid-mb-12m {
    margin-bottom: 7em;
  }

  .oid-mb-11m {
    margin-bottom: 6em;
  }

  .oid-mb-10m {
    margin-bottom: 5em;
  }

  .oid-mb-9m {
    margin-bottom: 4.5em;
  }

  .oid-mb-8m {
    margin-bottom: 4em;
  }

  .oid-mb-7m {
    margin-bottom: 3.5em;
  }

  .oid-mb-6m {
    margin-bottom: 3em;
  }

  .oid-mb-5m {
    margin-bottom: 2.5em;
  }

  .oid-mb-4m {
    margin-bottom: 2em;
  }

  .oid-mb-3m {
    margin-bottom: 1.5em;
  }

  .oid-mb-2m {
    margin-bottom: 1em;
  }

  .oid-mb-1m {
    margin-bottom: 0.5em;
  }

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

  .oid-ml-15m {
    margin-left: 10em;
  }

  .oid-ml-14m {
    margin-left: 9em;
  }

  .oid-ml-13m {
    margin-left: 8em;
  }

  .oid-ml-12m {
    margin-left: 7em;
  }

  .oid-ml-11m {
    margin-left: 6em;
  }

  .oid-ml-10m {
    margin-left: 5em;
  }

  .oid-ml-9m {
    margin-left: 4.5em;
  }

  .oid-ml-8m {
    margin-left: 4em;
  }

  .oid-ml-7m {
    margin-left: 3.5em;
  }

  .oid-ml-6m {
    margin-left: 3em;
  }

  .oid-ml-5m {
    margin-left: 2.5em;
  }

  .oid-ml-4m {
    margin-left: 2em;
  }

  .oid-ml-3m {
    margin-left: 1.5em;
  }

  .oid-ml-2m {
    margin-left: 1em;
  }

  .oid-ml-1m {
    margin-right: 0.5em;
  }

  .oid-ml-0m {
    margin-right: 0;
  }

  .oid-mr-15m {
    margin-right: 10em;
  }

  .oid-mr-14m {
    margin-right: 9em;
  }

  .oid-mr-13m {
    margin-right: 8em;
  }

  .oid-mr-12m {
    margin-right: 7em;
  }

  .oid-mr-11m {
    margin-right: 6em;
  }

  .oid-mr-10m {
    margin-right: 5em;
  }

  .oid-mr-9m {
    margin-right: 4.5em;
  }

  .oid-mr-8m {
    margin-right: 4em;
  }

  .oid-mr-7m {
    margin-right: 3.5em;
  }

  .oid-mr-6m {
    margin-right: 3em;
  }

  .oid-mr-5m {
    margin-right: 2.5em;
  }

  .oid-mr-4m {
    margin-right: 2em;
  }

  .oid-mr-3m {
    margin-right: 1.5em;
  }

  .oid-mr-2m {
    margin-right: 1em;
  }

  .oid-mr-1m {
    margin-right: 0.5em;
  }

  .oid-mr-0m {
    margin-right: 0;
  }

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

  .oid-d-none-m {
    display: none !important;
  }

  .oid-text-center-m {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-m {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-m {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }
  
  .h-0-m { height: 0px; }
  .h-px-m { height: 1px; }
  .h-0-5-m { height: 0.125rem; }
  .h-1-m { height: 0.25rem; }
  .h-15-m { height: 0.375rem; }
  .h-2-m { height: 0.5rem; }
  .h-25-m { height: 0.625rem; }
  .h-3-m { height: 0.75rem; }
  .h-35-m { height: 0.875rem; }
  .h-4-m { height: 1rem; }
  .h-5-m { height: 1.25rem; }
  .h-6-m { height: 1.5rem; }
  .h-7-m { height: 1.75rem; }
  .h-8-m { height: 2rem; }
  .h-9-m { height: 2.25rem; }
  .h-10-m { height: 2.5rem; }
  .h-11-m { height: 2.75rem; }
  .h-12-m { height: 3rem; }
  .h-14-m { height: 3.5rem; }
  .h-16-m { height: 4rem; }
  .h-20-m { height: 5rem; }
  .h-24-m { height: 6rem; }
  .h-28-m { height: 7rem; }
  .h-32-m { height: 8rem; }
  .h-36-m { height: 9rem; }
  .h-40-m { height: 10rem; }
  .h-44-m { height: 11rem; }
  .h-48-m { height: 12rem; }
  .h-52-m { height: 13rem; }
  .h-56-m { height: 14rem; }
  .h-60-m { height: 15rem; }
  .h-64-m { height: 16rem; }
  .h-72-m { height: 18rem; }
  .h-80-m { height: 20rem; }
  .h-96-m { height: 24rem; }
  .h-auto-m { height: auto; }
  .h-1-2-m { height: 50%; }
  .h-1-3-m { height: 33.333333%; }
  .h-2-3-m { height: 66.666667%; }
  .h-1-4-m { height: 25%; }
  .h-2-4-m { height: 50%; }
  .h-3-4-m { height: 75%; }
  .h-1-5-m { height: 20%; }
  .h-2-5-m { height: 40%; }
  .h-3-5-m { height: 60%; }
  .h-4-5-m { height: 80%; }
  .h-1-6-m { height: 16.666667%; }
  .h-2-6-m { height: 33.333333%; }
  .h-3-6-m { height: 50%; }
  .h-4-6-m { height: 66.666667%; }
  .h-5-6-m { height: 83.333333%; }
  .h-full-m { height: 100%; }
  .h-screen-m { height: 100vh; }
  .h-min-m { height: min-content; }
  .h-max-m { height: max-content; }
  .h-fit-m { height: fit-content; }
}

@media (min-width: 1024px) and (max-width: 1439.98px) {
  #desktop-size {
    display: block;
  }

  #mobile-size {
    display: none;
  }
  .oid-secnav-container {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 1em 6.2vw;
    display: flex;
    justify-content: space-between;
  }

  .oid-container {
    width: 9.3rem !important;
  }

  .oid-text-title,
  .oid-text-title-last {
    font-size: 2.46em;
    padding-bottom: 0.5em;
  }

  .oid-text-title-in {
    font-size: 1.5em;
    padding-bottom: 0.5em;
  }

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

  .oid-w-95l {
    width: 95% !important;
  }

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

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

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

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

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

  .oid-w-48l {
    width: 48% !important;
  }

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

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

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

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

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

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

  .oid-h-90l {
    height: 90% !important;
  }

  .oid-h-80l {
    height: 80% !important;
  }

  .oid-h-70l {
    height: 70% !important;
  }

  .oid-h-60l {
    height: 60% !important;
  }

  .oid-h-50l {
    height: 50% !important;
  }

  .oid-h-48l {
    height: 48% !important;
  }

  .oid-h-40l {
    height: 40% !important;
  }

  .oid-h-30l {
    height: 30% !important;
  }

  .oid-h-25l {
    height: 25% !important;
  }

  .oid-h-20l {
    height: 20% !important;
  }

  .oid-h-10l {
    height: 10% !important;
  }

  .oid-py-15l {
    padding-top: 10em !important;
    padding-bottom: 10em !important;
  }

  .oid-py-14l {
    padding-top: 9em !important;
    padding-bottom: 9em !important;
  }

  .oid-py-13l {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
  }

  .oid-py-12l {
    padding-top: 7em !important;
    padding-bottom: 7em !important;
  }

  .oid-py-11l {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }

  .oid-py-10l {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  .oid-py-9l {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }

  .oid-py-8l {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .oid-py-7l {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
  }

  .oid-py-6l {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }

  .oid-py-5l {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }

  .oid-py-4l {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .oid-py-3l {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }

  .oid-py-2l {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .oid-py-1l {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .oid-px-15l {
    padding-left: 10em;
    padding-right: 10em;
  }

  .oid-px-14l {
    padding-left: 9em;
    padding-right: 9em;
  }

  .oid-px-13l {
    padding-left: 8em;
    padding-right: 8em;
  }

  .oid-px-12l {
    padding-left: 7em;
    padding-right: 7em;
  }

  .oid-px-11l {
    padding-left: 6em;
    padding-right: 6em;
  }

  .oid-px-10l {
    padding-left: 5em;
    padding-right: 5em;
  }

  .oid-px-9l {
    padding-left: 4.5em;
    padding-right: 4.5em;
  }

  .oid-px-8l {
    padding-left: 4em;
    padding-right: 4em;
  }

  .oid-px-7l {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .oid-px-6l {
    padding-left: 3em;
    padding-right: 3em;
  }

  .oid-px-5l {
    padding-left: 2.9em;
    padding-right: 2.9em;
  }

  .oid-px-4l {
    padding-left: 2em;
    padding-right: 2em;
  }

  .oid-px-3l {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .oid-px-2l {
    padding-left: 1em;
    padding-right: 1em;
  }

  .oid-px-1l {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

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

  .oid-pt-15l {
    padding-top: 7.5em;
  }

  .oid-pt-10l {
    padding-top: 5em;
  }

  .oid-pt-9l {
    padding-top: 4.5em;
  }

  .oid-pt-8l {
    padding-top: 4em;
  }

  .oid-pt-7l {
    padding-top: 3.5em !important;
  }

  .oid-pt-6l {
    padding-top: 3em;
  }

  .oid-pt-5l {
    padding-top: 2.5em !important;
  }

  .oid-pt-4l {
    padding-top: 2em;
  }

  .oid-pt-3l {
    padding-top: 1.5em !important;
  }

  .oid-pt-2l {
    padding-top: 1em !important;
  }

  .oid-pt-1l {
    padding-top: 0.5em;
  }

  .oid-pb-15l {
    padding-bottom: 7.5em;
  }

  .oid-pb-14l {
    padding-bottom: 9em;
  }

  .oid-pb-13l {
    padding-bottom: 8em;
  }

  .oid-pb-12l {
    padding-bottom: 7em;
  }

  .oid-pb-11l {
    padding-bottom: 6em;
  }

  .oid-pb-10l {
    padding-bottom: 5em;
  }

  .oid-pb-9l {
    padding-bottom: 4.5em;
  }

  .oid-pb-8l {
    padding-bottom: 4em;
  }

  .oid-pb-7l {
    padding-bottom: 3.5em;
  }

  .oid-pb-6l {
    padding-bottom: 3em;
  }

  .oid-pb-5l {
    padding-bottom: 2.5em;
  }

  .oid-pb-4l {
    padding-bottom: 2em;
  }

  .oid-pb-3l {
    padding-bottom: 1.5em;
  }

  .oid-pb-2l {
    padding-bottom: 1em;
  }

  .oid-pb-1l {
    padding-bottom: 0.5em;
  }

  .oid-pb-0l {
    padding-bottom: 0 !important;
  }

  .oid-pl-15l {
    padding-left: 10em;
  }

  .oid-pl-14l {
    padding-left: 9em;
  }

  .oid-pl-13l {
    padding-left: 8em;
  }

  .oid-pl-12l {
    padding-left: 7em;
  }

  .oid-pl-11l {
    padding-left: 6em;
  }

  .oid-pl-10l {
    padding-left: 5em;
  }

  .oid-pl-9l {
    padding-left: 4.5em;
  }

  .oid-pl-8l {
    padding-left: 4em;
  }

  .oid-pl-7l {
    padding-left: 3.5em;
  }

  .oid-pl-6l {
    padding-left: 3em;
  }

  .oid-pl-5l {
    padding-left: 2.5em;
  }

  .oid-pl-4l {
    padding-left: 2em;
  }

  .oid-pl-3l {
    padding-left: 1.5em;
  }

  .oid-pl-2l {
    padding-left: 1em;
  }

  .oid-pl-1l {
    padding-left: 0.5em;
  }

  .oid-pl-0l {
    padding-left: 0;
  }

  .oid-pr-15l {
    padding-right: 10em;
  }

  .oid-pr-14l {
    padding-right: 9em;
  }

  .oid-pr-13l {
    padding-right: 8em;
  }

  .oid-pr-12l {
    padding-right: 7em;
  }

  .oid-pr-11l {
    padding-right: 6em;
  }

  .oid-pr-10l {
    padding-right: 5em;
  }

  .oid-pr-9l {
    padding-right: 4.5em;
  }

  .oid-pr-8l {
    padding-right: 4em;
  }

  .oid-pr-7l {
    padding-right: 3.5em;
  }

  .oid-pr-6l {
    padding-right: 3em;
  }

  .oid-pr-5l {
    padding-right: 2.5em;
  }

  .oid-pr-4l {
    padding-right: 2em;
  }

  .oid-pr-3l {
    padding-right: 1.5em;
  }

  .oid-pr-2l {
    padding-right: 1em;
  }

  .oid-pr-1l {
    padding-right: 0.5em;
  }

  .oid-pr-0l {
    padding-right: 0;
  }

  .oid-my-15l {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .oid-my-14l {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .oid-my-13l {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .oid-my-12l {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .oid-my-11l {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .oid-my-10l {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .oid-my-9l {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .oid-my-8l {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .oid-my-7l {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .oid-my-6l {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .oid-my-5l {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .oid-my-4l {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .oid-my-3l {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .oid-my-2l {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .oid-my-1l {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .oid-mx-15l {
    margin-left: 10em;
    margin-right: 10em;
  }

  .oid-mx-14l {
    margin-left: 9em;
    margin-right: 9em;
  }

  .oid-mx-13l {
    margin-left: 8em;
    margin-right: 8em;
  }

  .oid-mx-12l {
    margin-left: 7em;
    margin-right: 7em;
  }

  .oid-mx-11l {
    margin-left: 6em;
    margin-right: 6em;
  }

  .oid-mx-10l {
    margin-left: 5em;
    margin-right: 5em;
  }

  .oid-mx-9l {
    margin-left: 4.5em;
    margin-right: 4.5em;
  }

  .oid-mx-8l {
    margin-left: 4em;
    margin-right: 4em;
  }

  .oid-mx-7l {
    margin-left: 3.5em;
    margin-right: 3.5em;
  }

  .oid-mx-6l {
    margin-left: 3em;
    margin-right: 3em;
  }

  .oid-mx-5l {
    margin-left: 2.9em;
    margin-right: 2.9em;
  }

  .oid-mx-4l {
    margin-left: 2em;
    margin-right: 2em;
  }

  .oid-mx-3l {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .oid-mx-2l {
    margin-left: 1em;
    margin-right: 1em;
  }

  .oid-mx-1l {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }

  .oid-mt-15l {
    margin-top: 7.5em;
  }

  .oid-mt-10l {
    margin-top: 5em;
  }

  .oid-mt-9l {
    margin-top: 4.5em;
  }

  .oid-mt-8l {
    margin-top: 4em;
  }

  .oid-mt-7l {
    margin-top: 3.5em;
  }

  .oid-mt-6l {
    margin-top: 3em;
  }

  .oid-mt-5l {
    margin-top: 2.5em;
  }

  .oid-mt-4l {
    margin-top: 2em;
  }

  .oid-mt-3l {
    margin-top: 1.5em;
  }

  .oid-mt-2l {
    margin-top: 1em;
  }

  .oid-mt-1l {
    margin-top: 0.5em;
  }

  .oid-mb-15l {
    margin-bottom: 7.5em;
  }

  .oid-mb-14l {
    margin-bottom: 9em;
  }

  .oid-mb-13l {
    margin-bottom: 8em;
  }

  .oid-mb-12l {
    margin-bottom: 7em;
  }

  .oid-mb-11l {
    margin-bottom: 6em;
  }

  .oid-mb-10l {
    margin-bottom: 5em;
  }

  .oid-mb-9l {
    margin-bottom: 4.5em;
  }

  .oid-mb-8l {
    margin-bottom: 4em;
  }

  .oid-mb-7l {
    margin-bottom: 3.5em;
  }

  .oid-mb-6l {
    margin-bottom: 3em;
  }

  .oid-mb-5l {
    margin-bottom: 2.5em;
  }

  .oid-mb-4l {
    margin-bottom: 2em;
  }

  .oid-mb-3l {
    margin-bottom: 1.5em;
  }

  .oid-mb-2l {
    margin-bottom: 1em;
  }

  .oid-mb-1l {
    margin-bottom: 0.5em;
  }

  .oid-mb-0l {
    margin-bottom: 0 !important;
  }

  .oid-ml-15l {
    margin-left: 10em;
  }

  .oid-ml-14l {
    margin-left: 9em;
  }

  .oid-ml-13l {
    margin-left: 8em;
  }

  .oid-ml-12l {
    margin-left: 7em;
  }

  .oid-ml-11l {
    margin-left: 6em;
  }

  .oid-ml-10l {
    margin-left: 5em;
  }

  .oid-ml-9l {
    margin-left: 4.5em;
  }

  .oid-ml-8l {
    margin-left: 4em;
  }

  .oid-ml-7l {
    margin-left: 3.5em;
  }

  .oid-ml-6l {
    margin-left: 3em;
  }

  .oid-ml-5l {
    margin-left: 2.5em;
  }

  .oid-ml-4l {
    margin-left: 2em;
  }

  .oid-ml-3l {
    margin-left: 1.5em;
  }

  .oid-ml-2l {
    margin-left: 1em;
  }

  .oid-ml-1l {
    margin-right: 0.5em;
  }

    .oid-ml-0l {
        margin-left: 0;
    }

  .oid-mr-15l {
    margin-right: 10em;
  }

  .oid-mr-14l {
    margin-right: 9em;
  }

  .oid-mr-13l {
    margin-right: 8em;
  }

  .oid-mr-12l {
    margin-right: 7em;
  }

  .oid-mr-11l {
    margin-right: 6em;
  }

  .oid-mr-10l {
    margin-right: 5em;
  }

  .oid-mr-9l {
    margin-right: 4.5em;
  }

  .oid-mr-8l {
    margin-right: 4em;
  }

  .oid-mr-7l {
    margin-right: 3.5em;
  }

  .oid-mr-6l {
    margin-right: 3em;
  }

  .oid-mr-5l {
    margin-right: 2.5em;
  }

  .oid-mr-4l {
    margin-right: 2em;
  }

  .oid-mr-3l {
    margin-right: 1.5em;
  }

  .oid-mr-2l {
    margin-right: 1em;
  }

  .oid-mr-1l {
    margin-right: 0.5em;
  }

  .oid-mr-0l {
    margin-right: 0;
  }

  .oid-rounded-btn {
    padding: 0.3em 1.5em;
  }

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

  .oid-d-none-l {
    display: none !important;
  }

  .oid-text-center-l {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-l {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-l {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }

  
  .h-0-l { height: 0px; }
  .h-px-l { height: 1px; }
  .h-0-5-l { height: 0.125rem; }
  .h-1-l { height: 0.25rem; }
  .h-1-5-l { height: 0.375rem; }
  .h-2-l { height: 0.5rem; }
  .h-2-5-l { height: 0.625rem; }
  .h-3-l { height: 0.75rem; }
  .h-3-5-l { height: 0.875rem; }
  .h-4-l { height: 1rem; }
  .h-5-l { height: 1.25rem; }
  .h-6-l { height: 1.5rem; }
  .h-7-l { height: 1.75rem; }
  .h-8-l { height: 2rem; }
  .h-9-l { height: 2.25rem; }
  .h-10-l { height: 2.5rem; }
  .h-11-l { height: 2.75rem; }
  .h-12-l { height: 3rem; }
  .h-14-l { height: 3.5rem; }
  .h-16-l { height: 4rem; }
  .h-20-l { height: 5rem; }
  .h-24-l { height: 6rem; }
  .h-28-l { height: 7rem; }
  .h-32-l { height: 8rem; }
  .h-36-l { height: 9rem; }
  .h-40-l { height: 10rem; }
  .h-44-l { height: 11rem; }
  .h-48-l { height: 12rem; }
  .h-52-l { height: 13rem; }
  .h-56-l { height: 14rem; }
  .h-60-l { height: 15rem; }
  .h-64-l { height: 16rem; }
  .h-72-l { height: 18rem; }
  .h-80-l { height: 20rem; }
  .h-96-l { height: 24rem; }
  .h-auto-l { height: auto; }
  .h-1-2-l { height: 50%; }
  .h-1-3-l { height: 33.333333%; }
  .h-2-3-l { height: 66.666667%; }
  .h-1-4-l { height: 25%; }
  .h-2-4-l { height: 50%; }
  .h-3-4-l { height: 75%; }
  .h-1-5-l { height: 20%; }
  .h-2-5-l { height: 40%; }
  .h-3-5-l { height: 60%; }
  .h-4-5-l { height: 80%; }
  .h-1-6-l { height: 16.666667%; }
  .h-2-6-l { height: 33.333333%; }
  .h-3-6-l { height: 50%; }
  .h-4-6-l { height: 66.666667%; }
  .h-5-6-l { height: 83.333333%; }
  .h-full-l { height: 100%; }
  .h-screen-l { height: 100vh; }
  .h-min-l { height: min-content; }
  .h-max-l { height: max-content; }
  .h-fit-l { height: fit-content; }
}

@media (min-width: 1440px) and (max-width: 1599.98px) {
  #desktop-size {
    display: block;
  }

  #mobile-size {
    display: none;
  }

  .oid-text-title,
  .oid-text-title-last {
    font-size: 2.45em;
    padding-bottom: 0.5em;
    line-height: 1.3em;
  }

  .oid-text-title-in {
    font-size: 3em;
    padding-bottom: 0.5em;
    line-height: 1.3em;
  }

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

  .oid-w-95xl {
    width: 95% !important;
  }

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

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

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

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

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

  .oid-w-48xl {
    width: 48% !important;
  }

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

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

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

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

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

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

  .oid-h-90xl {
    height: 90% !important;
  }

  .oid-h-80xl {
    height: 80% !important;
  }

  .oid-h-70xl {
    height: 70% !important;
  }

  .oid-h-60xl {
    height: 60% !important;
  }

  .oid-h-50xl {
    height: 50% !important;
  }

  .oid-h-48xl {
    height: 48% !important;
  }

  .oid-h-40xl {
    height: 40% !important;
  }

  .oid-h-30xl {
    height: 30% !important;
  }

  .oid-h-25xl {
    height: 25% !important;
  }

  .oid-h-20xl {
    height: 20% !important;
  }

  .oid-h-10xl {
    height: 10% !important;
  }

  .oid-py-15xl {
    padding-top: 10em !important;
    padding-bottom: 10em !important;
  }

  .oid-py-14xl {
    padding-top: 9em !important;
    padding-bottom: 9em !important;
  }

  .oid-py-13xl {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
  }

  .oid-py-12xl {
    padding-top: 7em !important;
    padding-bottom: 7em !important;
  }

  .oid-py-11xl {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }

  .oid-py-10xl {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  .oid-py-9xl {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }

  .oid-py-8xl {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .oid-py-7xl {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
  }

  .oid-py-6xl {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }

  .oid-py-5xl {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }

  .oid-py-4xl {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .oid-py-3xl {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }

  .oid-py-2xl {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .oid-py-1xl {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .oid-px-15xl {
    padding-left: 10em;
    padding-right: 10em;
  }

  .oid-px-14xl {
    padding-left: 9em;
    padding-right: 9em;
  }

  .oid-px-13xl {
    padding-left: 8em;
    padding-right: 8em;
  }

  .oid-px-12xl {
    padding-left: 7em;
    padding-right: 7em;
  }

  .oid-px-11xl {
    padding-left: 6em;
    padding-right: 6em;
  }

  .oid-px-10xl {
    padding-left: 5em;
    padding-right: 5em;
  }

  .oid-px-9xl {
    padding-left: 4.5em;
    padding-right: 4.5em;
  }

  .oid-px-8xl {
    padding-left: 4em;
    padding-right: 4em;
  }

  .oid-px-7xl {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .oid-px-6xl {
    padding-left: 3em;
    padding-right: 3em;
  }

  .oid-px-5xl {
    padding-left: 2.9em;
    padding-right: 2.9em;
  }

  .oid-px-4xl {
    padding-left: 2em;
    padding-right: 2em;
  }

  .oid-px-3xl {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .oid-px-2xl {
    padding-left: 1em;
    padding-right: 1em;
  }

  .oid-px-1xl {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

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

  .oid-pt-15xl {
    padding-top: 7.5em;
  }

  .oid-pt-10xl {
    padding-top: 5em;
  }

  .oid-pt-9xl {
    padding-top: 4.5em;
  }

  .oid-pt-8xl {
    padding-top: 4em;
  }

  .oid-pt-7xl {
    padding-top: 3.5em;
  }

  .oid-pt-6xl {
    padding-top: 3em;
  }

  .oid-pt-5xl {
    padding-top: 2.5em;
  }

  .oid-pt-4xl {
    padding-top: 2em;
  }

  .oid-pt-3xl {
    padding-top: 1.5em;
  }

  .oid-pt-2xl {
    padding-top: 1em;
  }

  .oid-pt-1xl {
    padding-top: 0.5em;
  }

  .oid-pb-15xl {
    padding-bottom: 7.5em;
  }

  .oid-pb-14xl {
    padding-bottom: 9em;
  }

  .oid-pb-13xl {
    padding-bottom: 8em;
  }

  .oid-pb-12xl {
    padding-bottom: 7em;
  }

  .oid-pb-11xl {
    padding-bottom: 6em;
  }

  .oid-pb-10xl {
    padding-bottom: 5em;
  }

  .oid-pb-9xl {
    padding-bottom: 4.5em;
  }

  .oid-pb-8xl {
    padding-bottom: 4em;
  }

  .oid-pb-7xl {
    padding-bottom: 3.5em;
  }

  .oid-pb-6xl {
    padding-bottom: 3em;
  }

  .oid-pb-5xl {
    padding-bottom: 2.5em;
  }

  .oid-pb-4xl {
    padding-bottom: 2em;
  }

  .oid-pb-3xl {
    padding-bottom: 1.5em;
  }

  .oid-pb-2xl {
    padding-bottom: 1em;
  }

  .oid-pb-1xl {
    padding-bottom: 0.5em;
  }

  .oid-pb-0xl {
    padding-bottom: 0 !important;
  }

  .oid-pl-15xl {
    padding-left: 10em;
  }

  .oid-pl-14xl {
    padding-left: 9em;
  }

  .oid-pl-13xl {
    padding-left: 8em;
  }

  .oid-pl-12xl {
    padding-left: 7em;
  }

  .oid-pl-11xl {
    padding-left: 6em;
  }

  .oid-pl-10xl {
    padding-left: 5em;
  }

  .oid-pl-9xl {
    padding-left: 4.5em;
  }

  .oid-pl-8xl {
    padding-left: 4em;
  }

  .oid-pl-7xl {
    padding-left: 3.5em;
  }

  .oid-pl-6xl {
    padding-left: 3em;
  }

  .oid-pl-5xl {
    padding-left: 2.5em;
  }

  .oid-pl-4xl {
    padding-left: 2em;
  }

  .oid-pl-3xl {
    padding-left: 1.5em;
  }

  .oid-pl-2xl {
    padding-left: 1em;
  }

  .oid-pl-1xl {
    padding-left: 0.5em;
  }

  .oid-pl-0xl {
    padding-left: 0;
  }

  .oid-pr-15xl {
    padding-right: 10em;
  }

  .oid-pr-14xl {
    padding-right: 9em;
  }

  .oid-pr-13xl {
    padding-right: 8em;
  }

  .oid-pr-12xl {
    padding-right: 7em;
  }

  .oid-pr-11xl {
    padding-right: 6em;
  }

  .oid-pr-10xl {
    padding-right: 5em;
  }

  .oid-pr-9xl {
    padding-right: 4.5em;
  }

  .oid-pr-8xl {
    padding-right: 4em;
  }

  .oid-pr-7xl {
    padding-right: 3.5em;
  }

  .oid-pr-6xl {
    padding-right: 3em;
  }

  .oid-pr-5xl {
    padding-right: 2.5em;
  }

  .oid-pr-4xl {
    padding-right: 2em;
  }

  .oid-pr-3xl {
    padding-right: 1.5em;
  }

  .oid-pr-2xl {
    padding-right: 1em;
  }

  .oid-pr-1xl {
    padding-right: 0.5em;
  }

  .oid-pr-0xl {
    padding-right: 0;
  }

  .oid-my-15xl {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .oid-my-14xl {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .oid-my-13xl {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .oid-my-12xl {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .oid-my-11xl {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .oid-my-10xl {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .oid-my-9xl {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .oid-my-8xl {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .oid-my-7xl {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .oid-my-6xl {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .oid-my-5xl {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .oid-my-4xl {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .oid-my-3xl {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .oid-my-2xl {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .oid-my-1xl {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .oid-mx-15xl {
    margin-left: 10em;
    margin-right: 10em;
  }

  .oid-mx-14xl {
    margin-left: 9em;
    margin-right: 9em;
  }

  .oid-mx-13xl {
    margin-left: 8em;
    margin-right: 8em;
  }

  .oid-mx-12xl {
    margin-left: 7em;
    margin-right: 7em;
  }

  .oid-mx-11xl {
    margin-left: 6em;
    margin-right: 6em;
  }

  .oid-mx-10xl {
    margin-left: 5em;
    margin-right: 5em;
  }

  .oid-mx-9xl {
    margin-left: 4.5em;
    margin-right: 4.5em;
  }

  .oid-mx-8xl {
    margin-left: 4em;
    margin-right: 4em;
  }

  .oid-mx-7xl {
    margin-left: 3.5em;
    margin-right: 3.5em;
  }

  .oid-mx-6xl {
    margin-left: 3em;
    margin-right: 3em;
  }

  .oid-mx-5xl {
    margin-left: 2.9em;
    margin-right: 2.9em;
  }

  .oid-mx-4xl {
    margin-left: 2em;
    margin-right: 2em;
  }

  .oid-mx-3xl {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .oid-mx-2xl {
    margin-left: 1em;
    margin-right: 1em;
  }

  .oid-mx-1xl {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }

  .oid-mt-15xl {
    margin-top: 7.5em;
  }

  .oid-mt-10xl {
    margin-top: 5em;
  }

  .oid-mt-9xl {
    margin-top: 4.5em;
  }

  .oid-mt-8xl {
    margin-top: 4em;
  }

  .oid-mt-7xl {
    margin-top: 3.5em;
  }

  .oid-mt-6xl {
    margin-top: 3em;
  }

  .oid-mt-5xl {
    margin-top: 2.5em;
  }

  .oid-mt-4xl {
    margin-top: 2em;
  }

  .oid-mt-3xl {
    margin-top: 1.5em;
  }

  .oid-mt-2xl {
    margin-top: 1em;
  }

  .oid-mt-1xl {
    margin-top: 0.5em;
  }

  .oid-mb-15xl {
    margin-bottom: 7.5em;
  }

  .oid-mb-14xl {
    margin-bottom: 9em;
  }

  .oid-mb-13xl {
    margin-bottom: 8em;
  }

  .oid-mb-12xl {
    margin-bottom: 7em;
  }

  .oid-mb-11xl {
    margin-bottom: 6em;
  }

  .oid-mb-10xl {
    margin-bottom: 5em;
  }

  .oid-mb-9xl {
    margin-bottom: 4.5em;
  }

  .oid-mb-8xl {
    margin-bottom: 4em;
  }

  .oid-mb-7xl {
    margin-bottom: 3.5em;
  }

  .oid-mb-6xl {
    margin-bottom: 3em;
  }

  .oid-mb-5xl {
    margin-bottom: 2.5em;
  }

  .oid-mb-4xl {
    margin-bottom: 2em;
  }

  .oid-mb-3xl {
    margin-bottom: 1.5em;
  }

  .oid-mb-2xl {
    margin-bottom: 1em;
  }

  .oid-mb-1xl {
    margin-bottom: 0.5em;
  }

  .oid-mb-0xl {
    margin-bottom: 0 !important;
  }

  .oid-ml-15xl {
    margin-left: 10em;
  }

  .oid-ml-14xl {
    margin-left: 9em;
  }

  .oid-ml-13xl {
    margin-left: 8em;
  }

  .oid-ml-12xl {
    margin-left: 7em;
  }

  .oid-ml-11xl {
    margin-left: 6em;
  }

  .oid-ml-10xl {
    margin-left: 5em;
  }

  .oid-ml-9xl {
    margin-left: 4.5em;
  }

  .oid-ml-8xl {
    margin-left: 4em;
  }

  .oid-ml-7xl {
    margin-left: 3.5em;
  }

  .oid-ml-6xl {
    margin-left: 3em;
  }

  .oid-ml-5xl {
    margin-left: 2.5em;
  }

  .oid-ml-4xl {
    margin-left: 2em;
  }

  .oid-ml-3xl {
    margin-left: 1.5em;
  }

  .oid-ml-2xl {
    margin-left: 1em;
  }

  .oid-ml-1xl {
    margin-right: 0.5em;
  }

  .oid-ml-0xl {
    margin-right: 0;
  }

  .oid-mr-15xl {
    margin-right: 10em;
  }

  .oid-mr-14xl {
    margin-right: 9em;
  }

  .oid-mr-13xl {
    margin-right: 8em;
  }

  .oid-mr-12xl {
    margin-right: 7em;
  }

  .oid-mr-11xl {
    margin-right: 6em;
  }

  .oid-mr-10xl {
    margin-right: 5em;
  }

  .oid-mr-9xl {
    margin-right: 4.5em;
  }

  .oid-mr-8xl {
    margin-right: 4em;
  }

  .oid-mr-7xl {
    margin-right: 3.5em;
  }

  .oid-mr-6xl {
    margin-right: 3em;
  }

  .oid-mr-5xl {
    margin-right: 2.5em;
  }

  .oid-mr-4xl {
    margin-right: 2em;
  }

  .oid-mr-3xl {
    margin-right: 1.5em;
  }

  .oid-mr-2xl {
    margin-right: 1em;
  }

  .oid-mr-1xl {
    margin-right: 0.5em;
  }

  .oid-mr-0xl {
    margin-right: 0;
  }

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

  .oid-d-none-xl {
    display: none !important;
  }

  .oid-text-center-xl {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-xl {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-xl {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }

  .oid-text-start-xl {
    text-align: start;
    text-align: -webkit-start;
    text-align: -moz-start;
  }
  
  .oid-text-end-xl {
    text-align: end;
    text-align: -webkit-end;
    text-align: -moz-end;
  }
  
  .oid-text-justify-xl {
    text-align: justify;
    text-align: -webkit-justify;
    text-align: -moz-justify;
  }

  .h-0-lg { height: 0px; }
  .h-px-lg { height: 1px; }
  .h-0-5-lg { height: 0.125rem; }
  .h-1-lg { height: 0.25rem; }
  .h-1-5-lg { height: 0.375rem; }
  .h-2-lg { height: 0.5rem; }
  .h-2-5-lg { height: 0.625rem; }
  .h-3-lg { height: 0.75rem; }
  .h-3-5-lg { height: 0.875rem; }
  .h-4-lg { height: 1rem; }
  .h-5-lg { height: 1.25rem; }
  .h-6-lg { height: 1.5rem; }
  .h-7-lg { height: 1.75rem; }
  .h-8-lg { height: 2rem; }
  .h-9-lg { height: 2.25rem; }
  .h-10-lg { height: 2.5rem; }
  .h-11-lg { height: 2.75rem; }
  .h-12-lg { height: 3rem; }
  .h-14-lg { height: 3.5rem; }
  .h-16-lg { height: 4rem; }
  .h-20-lg { height: 5rem; }
  .h-24-lg { height: 6rem; }
  .h-28-lg { height: 7rem; }
  .h-32-lg { height: 8rem; }
  .h-36-lg { height: 9rem; }
  .h-40-lg { height: 10rem; }
  .h-44-lg { height: 11rem; }
  .h-48-lg { height: 12rem; }
  .h-52-lg { height: 13rem; }
  .h-56-lg { height: 14rem; }
  .h-60-lg { height: 15rem; }
  .h-64-lg { height: 16rem; }
  .h-72-lg { height: 18rem; }
  .h-80-lg { height: 20rem; }
  .h-96-lg { height: 24rem; }
  .h-auto-lg { height: auto; }
  .h-1-2-lg { height: 50%; }
  .h-1-3-lg { height: 33.333333%; }
  .h-2-3-lg { height: 66.666667%; }
  .h-1-4-lg { height: 25%; }
  .h-2-4-lg { height: 50%; }
  .h-3-4-lg { height: 75%; }
  .h-1-5-lg { height: 20%; }
  .h-2-5-lg { height: 40%; }
  .h-3-5-lg { height: 60%; }
  .h-4-5-lg { height: 80%; }
  .h-1-6-lg { height: 16.666667%; }
  .h-2-6-lg { height: 33.333333%; }
  .h-3-6-lg { height: 50%; }
  .h-4-6-lg { height: 66.666667%; }
  .h-5-6-lg { height: 83.333333%; }
  .h-full-lg { height: 100%; }
  .h-screen-lg { height: 100vh; }
  .h-min-lg { height: min-content; }
  .h-max-lg { height: max-content; }
  .h-fit-lg { height: fit-content; }
}

@media (min-width: 1600px){
  .oid-w-100xxl {
    width: 100% !important;
  }

  .oid-w-95xxl {
    width: 95% !important;
  }

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

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

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

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

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

  .oid-w-48xxl {
    width: 48% !important;
  }

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

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

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

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

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

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

  .oid-h-90xxl {
    height: 90% !important;
  }

  .oid-h-80xxl {
    height: 80% !important;
  }

  .oid-h-70xxl {
    height: 70% !important;
  }

  .oid-h-60xxl {
    height: 60% !important;
  }

  .oid-h-50xxl {
    height: 50% !important;
  }

  .oid-h-48xxl {
    height: 48% !important;
  }

  .oid-h-40xxl {
    height: 40% !important;
  }

  .oid-h-30xxl {
    height: 30% !important;
  }

  .oid-h-25xxl {
    height: 25% !important;
  }

  .oid-h-20xxl {
    height: 20% !important;
  }

  .oid-h-10xxl {
    height: 10% !important;
  }

  .oid-py-15xxl {
    padding-top: 10em !important;
    padding-bottom: 10em !important;
  }

  .oid-py-14xxl {
    padding-top: 9em !important;
    padding-bottom: 9em !important;
  }

  .oid-py-13xxl {
    padding-top: 8em !important;
    padding-bottom: 8em !important;
  }

  .oid-py-12xxl {
    padding-top: 7em !important;
    padding-bottom: 7em !important;
  }

  .oid-py-11xxl {
    padding-top: 6em !important;
    padding-bottom: 6em !important;
  }

  .oid-py-10xxl {
    padding-top: 5em !important;
    padding-bottom: 5em !important;
  }

  .oid-py-9xxl {
    padding-top: 4.5em !important;
    padding-bottom: 4.5em !important;
  }

  .oid-py-8xxl {
    padding-top: 4em !important;
    padding-bottom: 4em !important;
  }

  .oid-py-7xxl {
    padding-top: 3.5em !important;
    padding-bottom: 3.5em !important;
  }

  .oid-py-6xxl {
    padding-top: 3em !important;
    padding-bottom: 3em !important;
  }

  .oid-py-5xxl {
    padding-top: 2.5em !important;
    padding-bottom: 2.5em !important;
  }

  .oid-py-4xxl {
    padding-top: 2em !important;
    padding-bottom: 2em !important;
  }

  .oid-py-3xxl {
    padding-top: 1.5em !important;
    padding-bottom: 1.5em !important;
  }

  .oid-py-2xxl {
    padding-top: 1em !important;
    padding-bottom: 1em !important;
  }

  .oid-py-1xxl {
    padding-top: 0.5em !important;
    padding-bottom: 0.5em !important;
  }

  .oid-px-15xxl {
    padding-left: 10em;
    padding-right: 10em;
  }

  .oid-px-14xxl {
    padding-left: 9em;
    padding-right: 9em;
  }

  .oid-px-13xxl {
    padding-left: 8em;
    padding-right: 8em;
  }

  .oid-px-12xxl {
    padding-left: 7em;
    padding-right: 7em;
  }

  .oid-px-11xxl {
    padding-left: 6em;
    padding-right: 6em;
  }

  .oid-px-10xxl {
    padding-left: 5em;
    padding-right: 5em;
  }

  .oid-px-9xxl {
    padding-left: 4.5em;
    padding-right: 4.5em;
  }

  .oid-px-8xxl {
    padding-left: 4em;
    padding-right: 4em;
  }

  .oid-px-7xxl {
    padding-left: 3.5em;
    padding-right: 3.5em;
  }

  .oid-px-6xxl {
    padding-left: 3em;
    padding-right: 3em;
  }

  .oid-px-5xxl {
    padding-left: 2.9em;
    padding-right: 2.9em;
  }

  .oid-px-4xxl {
    padding-left: 2em;
    padding-right: 2em;
  }

  .oid-px-3xxl {
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  .oid-px-2xxl {
    padding-left: 1em;
    padding-right: 1em;
  }

  .oid-px-1xxl {
    padding-left: 0.3em;
    padding-right: 0.3em;
  }

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

  .oid-pt-15xxl {
    padding-top: 7.5em;
  }

  .oid-pt-10xxl {
    padding-top: 5em;
  }

  .oid-pt-9xxl {
    padding-top: 4.5em;
  }

  .oid-pt-8xxl {
    padding-top: 4em;
  }

  .oid-pt-7xxl {
    padding-top: 3.5em;
  }

  .oid-pt-6xxl {
    padding-top: 3em;
  }

  .oid-pt-5xxl {
    padding-top: 2.5em;
  }

  .oid-pt-4xxl {
    padding-top: 2em;
  }

  .oid-pt-3xxl {
    padding-top: 1.5em;
  }

  .oid-pt-2xxl {
    padding-top: 1em;
  }

  .oid-pt-1xxl {
    padding-top: 0.5em;
  }

  .oid-pb-15xxl {
    padding-bottom: 7.5em;
  }

  .oid-pb-14xxl {
    padding-bottom: 9em;
  }

  .oid-pb-13xxl {
    padding-bottom: 8em;
  }

  .oid-pb-12xxl {
    padding-bottom: 7em;
  }

  .oid-pb-11xxl {
    padding-bottom: 6em;
  }

  .oid-pb-10xxl {
    padding-bottom: 5em;
  }

  .oid-pb-9xxl {
    padding-bottom: 4.5em;
  }

  .oid-pb-8xxl {
    padding-bottom: 4em;
  }

  .oid-pb-7xxl {
    padding-bottom: 3.5em;
  }

  .oid-pb-6xxl {
    padding-bottom: 3em;
  }

  .oid-pb-5xxl {
    padding-bottom: 2.5em;
  }

  .oid-pb-4xxl {
    padding-bottom: 2em;
  }

  .oid-pb-3xxl {
    padding-bottom: 1.5em;
  }

  .oid-pb-2xxl {
    padding-bottom: 1em;
  }

  .oid-pb-1xxl {
    padding-bottom: 0.5em;
  }

  .oid-pb-0xxl {
    padding-bottom: 0 !important;
  }

  .oid-pl-15xxl {
    padding-left: 10em;
  }

  .oid-pl-14xxl {
    padding-left: 9em;
  }

  .oid-pl-13xxl {
    padding-left: 8em;
  }

  .oid-pl-12xxl {
    padding-left: 7em;
  }

  .oid-pl-11xxl {
    padding-left: 6em;
  }

  .oid-pl-10xxl {
    padding-left: 5em;
  }

  .oid-pl-9xxl {
    padding-left: 4.5em;
  }

  .oid-pl-8xxl {
    padding-left: 4em;
  }

  .oid-pl-7xxl {
    padding-left: 3.5em;
  }

  .oid-pl-6xxl {
    padding-left: 3em;
  }

  .oid-pl-5xxl {
    padding-left: 2.5em;
  }

  .oid-pl-4xxl {
    padding-left: 2em;
  }

  .oid-pl-3xxl {
    padding-left: 1.5em;
  }

  .oid-pl-2xxl {
    padding-left: 1em;
  }

  .oid-pl-1xxl {
    padding-left: 0.5em;
  }

  .oid-pl-0xxl {
    padding-left: 0;
  }

  .oid-pr-15xxl {
    padding-right: 10em;
  }

  .oid-pr-14xxl {
    padding-right: 9em;
  }

  .oid-pr-13xxl {
    padding-right: 8em;
  }

  .oid-pr-12xxl {
    padding-right: 7em;
  }

  .oid-pr-11xxl {
    padding-right: 6em;
  }

  .oid-pr-10xxl {
    padding-right: 5em;
  }

  .oid-pr-9xxl {
    padding-right: 4.5em;
  }

  .oid-pr-8xxl {
    padding-right: 4em;
  }

  .oid-pr-7xxl {
    padding-right: 3.5em;
  }

  .oid-pr-6xxl {
    padding-right: 3em;
  }

  .oid-pr-5xxl {
    padding-right: 2.5em;
  }

  .oid-pr-4xxl {
    padding-right: 2em;
  }

  .oid-pr-3xxl {
    padding-right: 1.5em;
  }

  .oid-pr-2xxl {
    padding-right: 1em;
  }

  .oid-pr-1xxl {
    padding-right: 0.5em;
  }

  .oid-pr-0xxl {
    padding-right: 0;
  }

  .oid-my-15xxl {
    margin-top: 10em !important;
    margin-bottom: 10em !important;
  }

  .oid-my-14xxl {
    margin-top: 9em !important;
    margin-bottom: 9em !important;
  }

  .oid-my-13xxl {
    margin-top: 8em !important;
    margin-bottom: 8em !important;
  }

  .oid-my-12xxl {
    margin-top: 7em !important;
    margin-bottom: 7em !important;
  }

  .oid-my-11xxl {
    margin-top: 6em !important;
    margin-bottom: 6em !important;
  }

  .oid-my-10xxl {
    margin-top: 5em !important;
    margin-bottom: 5em !important;
  }

  .oid-my-9xxl {
    margin-top: 4.5em !important;
    margin-bottom: 4.5em !important;
  }

  .oid-my-8xxl {
    margin-top: 4em !important;
    margin-bottom: 4em !important;
  }

  .oid-my-7xxl {
    margin-top: 3.5em !important;
    margin-bottom: 3.5em !important;
  }

  .oid-my-6xxl {
    margin-top: 3em !important;
    margin-bottom: 3em !important;
  }

  .oid-my-5xxl {
    margin-top: 2.5em !important;
    margin-bottom: 2.5em !important;
  }

  .oid-my-4xxl {
    margin-top: 2em !important;
    margin-bottom: 2em !important;
  }

  .oid-my-3xxl {
    margin-top: 1.5em !important;
    margin-bottom: 1.5em !important;
  }

  .oid-my-2xxl {
    margin-top: 1em !important;
    margin-bottom: 1em !important;
  }

  .oid-my-1xxl {
    margin-top: 0.5em !important;
    margin-bottom: 0.5em !important;
  }

  .oid-mx-15xxl {
    margin-left: 10em;
    margin-right: 10em;
  }

  .oid-mx-14xxl {
    margin-left: 9em;
    margin-right: 9em;
  }

  .oid-mx-13xxl {
    margin-left: 8em;
    margin-right: 8em;
  }

  .oid-mx-12xxl {
    margin-left: 7em;
    margin-right: 7em;
  }

  .oid-mx-11xxl {
    margin-left: 6em;
    margin-right: 6em;
  }

  .oid-mx-10xxl {
    margin-left: 5em;
    margin-right: 5em;
  }

  .oid-mx-9xxl {
    margin-left: 4.5em;
    margin-right: 4.5em;
  }

  .oid-mx-8xxl {
    margin-left: 4em;
    margin-right: 4em;
  }

  .oid-mx-7xxl {
    margin-left: 3.5em;
    margin-right: 3.5em;
  }

  .oid-mx-6xxl {
    margin-left: 3em;
    margin-right: 3em;
  }

  .oid-mx-5xxl {
    margin-left: 2.9em;
    margin-right: 2.9em;
  }

  .oid-mx-4xxl {
    margin-left: 2em;
    margin-right: 2em;
  }

  .oid-mx-3xxl {
    margin-left: 1.5em;
    margin-right: 1.5em;
  }

  .oid-mx-2xxl {
    margin-left: 1em;
    margin-right: 1em;
  }

  .oid-mx-1xxl {
    margin-left: 0.3em;
    margin-right: 0.3em;
  }

  .oid-mt-15xxl {
    margin-top: 7.5em;
  }

  .oid-mt-10xxl {
    margin-top: 5em;
  }

  .oid-mt-9xxl {
    margin-top: 4.5em;
  }

  .oid-mt-8xxl {
    margin-top: 4em;
  }

  .oid-mt-7xxl {
    margin-top: 3.5em;
  }

  .oid-mt-6xxl {
    margin-top: 3em;
  }

  .oid-mt-5xxl {
    margin-top: 2.5em;
  }

  .oid-mt-4xxl {
    margin-top: 2em;
  }

  .oid-mt-3xxl {
    margin-top: 1.5em;
  }

  .oid-mt-2xxl {
    margin-top: 1em;
  }

  .oid-mt-1xxl {
    margin-top: 0.5em;
  }

  .oid-mb-15xxl {
    margin-bottom: 7.5em;
  }

  .oid-mb-14xxl {
    margin-bottom: 9em;
  }

  .oid-mb-13xxl {
    margin-bottom: 8em;
  }

  .oid-mb-12xxl {
    margin-bottom: 7em;
  }

  .oid-mb-11xxl {
    margin-bottom: 6em;
  }

  .oid-mb-10xxl {
    margin-bottom: 5em;
  }

  .oid-mb-9xxl {
    margin-bottom: 4.5em;
  }

  .oid-mb-8xxl {
    margin-bottom: 4em;
  }

  .oid-mb-7xxl {
    margin-bottom: 3.5em;
  }

  .oid-mb-6xxl {
    margin-bottom: 3em;
  }

  .oid-mb-5xxl {
    margin-bottom: 2.5em;
  }

  .oid-mb-4xxl {
    margin-bottom: 2em;
  }

  .oid-mb-3xxl {
    margin-bottom: 1.5em;
  }

  .oid-mb-2xxl {
    margin-bottom: 1em;
  }

  .oid-mb-1xxl {
    margin-bottom: 0.5em;
  }

  .oid-mb-0xxl {
    margin-bottom: 0 !important;
  }

  .oid-ml-15xxl {
    margin-left: 10em;
  }

  .oid-ml-14xxl {
    margin-left: 9em;
  }

  .oid-ml-13xxl {
    margin-left: 8em;
  }

  .oid-ml-12xxl {
    margin-left: 7em;
  }

  .oid-ml-11xxl {
    margin-left: 6em;
  }

  .oid-ml-10xxl {
    margin-left: 5em;
  }

  .oid-ml-9xxl {
    margin-left: 4.5em;
  }

  .oid-ml-8xxl {
    margin-left: 4em;
  }

  .oid-ml-7xxl {
    margin-left: 3.5em;
  }

  .oid-ml-6xxl {
    margin-left: 3em;
  }

  .oid-ml-5xxl {
    margin-left: 2.5em;
  }

  .oid-ml-4xxl {
    margin-left: 2em;
  }

  .oid-ml-3xxl {
    margin-left: 1.5em;
  }

  .oid-ml-2xxl {
    margin-left: 1em;
  }

  .oid-ml-1xxl {
    margin-right: 0.5em;
  }

  .oid-ml-0xxl {
    margin-right: 0;
  }

  .oid-mr-15xxl {
    margin-right: 10em;
  }

  .oid-mr-14xxl {
    margin-right: 9em;
  }

  .oid-mr-13xxl {
    margin-right: 8em;
  }

  .oid-mr-12xxl {
    margin-right: 7em;
  }

  .oid-mr-11xxl {
    margin-right: 6em;
  }

  .oid-mr-10xxl {
    margin-right: 5em;
  }

  .oid-mr-9xxl {
    margin-right: 4.5em;
  }

  .oid-mr-8xxl {
    margin-right: 4em;
  }

  .oid-mr-7xxl {
    margin-right: 3.5em;
  }

  .oid-mr-6xxl {
    margin-right: 3em;
  }

  .oid-mr-5xxl {
    margin-right: 2.5em;
  }

  .oid-mr-4xxl {
    margin-right: 2em;
  }

  .oid-mr-3xxl {
    margin-right: 1.5em;
  }

  .oid-mr-2xxl {
    margin-right: 1em;
  }

  .oid-mr-1xxl {
    margin-right: 0.5em;
  }

  .oid-mr-0xxl {
    margin-right: 0;
  }

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

  .oid-d-none-xxl {
    display: none !important;
  }

  .oid-text-center-xxl {
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
  }

  .oid-text-left-xxl {
    text-align: left;
    text-align: -webkit-left;
    text-align: -moz-left;
  }

  .oid-text-right-xxl {
    text-align: right;
    text-align: -webkit-right;
    text-align: -moz-right;
  }

  .oid-text-start-xxl {
    text-align: start;
    text-align: -webkit-start;
    text-align: -moz-start;
  }
  
  .oid-text-end-xxl {
    text-align: end;
    text-align: -webkit-end;
    text-align: -moz-end;
  }
  
  .oid-text-justify-xxl {
    text-align: justify;
    text-align: -webkit-justify;
    text-align: -moz-justify;
  }

  .xs\:.h-0 { height: 0px; }
  .xs\:.h-px { height: 1px; }
  .xs\:.h-0-5 { height: 0.125rem; }
  .xs\:.h-1 { height: 0.25rem; }
  .xs\:.h-1-5 { height: 0.375rem; }
  .xs\:.h-2 { height: 0.5rem; }
  .xs\:.h-2-5 { height: 0.625rem; }
  .xs\:.h-3 { height: 0.75rem; }
  .xs\:.h-3-5 { height: 0.875rem; }
  .xs\:.h-4 { height: 1rem; }
  .xs\:.h-5 { height: 1.25rem; }
  .xs\:.h-6 { height: 1.5rem; }
  .xs\:.h-7 { height: 1.75rem; }
  .xs\:.h-8 { height: 2rem; }
  .xs\:.h-9 { height: 2.25rem; }
  .xs\:.h-10 { height: 2.5rem; }
  .xs\:.h-11 { height: 2.75rem; }
  .xs\:.h-12 { height: 3rem; }
  .xs\:.h-14 { height: 3.5rem; }
  .xs\:.h-16 { height: 4rem; }
  .xs\:.h-20 { height: 5rem; }
  .xs\:.h-24 { height: 6rem; }
  .xs\:.h-28 { height: 7rem; }
  .xs\:.h-32 { height: 8rem; }
  .xs\:.h-36 { height: 9rem; }
  .xs\:.h-40 { height: 10rem; }
  .xs\:.h-44 { height: 11rem; }
  .xs\:.h-48 { height: 12rem; }
  .xs\:.h-52 { height: 13rem; }
  .xs\:.h-56 { height: 14rem; }
  .xs\:.h-60 { height: 15rem; }
  .xs\:.h-64 { height: 16rem; }
  .xs\:.h-72 { height: 18rem; }
  .xs\:.h-80 { height: 20rem; }
  .xs\:.h-96 { height: 24rem; }
  .xs\:.h-auto { height: auto; }
  .xs\:.h-1-2 { height: 50%; }
  .xs\:.h-1-3 { height: 33.333333%; }
  .xs\:.h-2-3 { height: 66.666667%; }
  .xs\:.h-1-4 { height: 25%; }
  .xs\:.h-2-4 { height: 50%; }
  .xs\:.h-3-4 { height: 75%; }
  .xs\:.h-1-5 { height: 20%; }
  .xs\:.h-2-5 { height: 40%; }
  .xs\:.h-3-5 { height: 60%; }
  .xs\:.h-4-5 { height: 80%; }
  .xs\:.h-1-6 { height: 16.666667%; }
  .xs\:.h-2-6 { height: 33.333333%; }
  .xs\:.h-3-6 { height: 50%; }
  .xs\:.h-4-6 { height: 66.666667%; }
  .xs\:.h-5-6 { height: 83.333333%; }
  .xs\:.h-full { height: 100%; }
  .xs\:.h-screen { height: 100vh; }
  .xs\:.h-min { height: min-content; }
  .xs\:.h-max { height: max-content; }
  .xs\:.h-fit { height: fit-content; }
}

/* Base height classes */
.h-0 { height: 0px; }
.h-px { height: 1px; }
.h-0-5 { height: 0.125rem; }
.h-1 { height: 0.25rem; }
.h-1-5 { height: 0.375rem; }
.h-2 { height: 0.5rem; }
.h-2-5 { height: 0.625rem; }
.h-3 { height: 0.75rem; }
.h-3-5 { height: 0.875rem; }
.h-4 { height: 1rem; }
.h-5 { height: 1.25rem; }
.h-6 { height: 1.5rem; }
.h-7 { height: 1.75rem; }
.h-8 { height: 2rem; }
.h-9 { height: 2.25rem; }
.h-10 { height: 2.5rem; }
.h-11 { height: 2.75rem; }
.h-12 { height: 3rem; }
.h-14 { height: 3.5rem; }
.h-16 { height: 4rem; }
.h-20 { height: 5rem; }
.h-24 { height: 6rem; }
.h-28 { height: 7rem; }
.h-32 { height: 8rem; }
.h-36 { height: 9rem; }
.h-40 { height: 10rem; }
.h-44 { height: 11rem; }
.h-48 { height: 12rem; }
.h-52 { height: 13rem; }
.h-56 { height: 14rem; }
.h-60 { height: 15rem; }
.h-64 { height: 16rem; }
.h-72 { height: 18rem; }
.h-80 { height: 20rem; }
.h-96 { height: 24rem; }
.h-auto { height: auto; }
.h-1-2 { height: 50%; }
.h-1-3 { height: 33.333333%; }
.h-2-3 { height: 66.666667%; }
.h-1-4 { height: 25%; }
.h-2-4 { height: 50%; }
.h-3-4 { height: 75%; }
.h-1-5 { height: 20%; }
.h-2-5 { height: 40%; }
.h-3-5 { height: 60%; }
.h-4-5 { height: 80%; }
.h-1-6 { height: 16.666667%; }
.h-2-6 { height: 33.333333%; }
.h-3-6 { height: 50%; }
.h-4-6 { height: 66.666667%; }
.h-5-6 { height: 83.333333%; }
.h-full { height: 100%; }
.h-screen { height: 100vh; }
.h-min { height: min-content; }
.h-max { height: max-content; }
.h-fit { height: fit-content; }