@font-face {
    font-family: "tajawal";
    src: url("../../../../public/fonts/Tajawal-Regular.ttf");
  }

  * {
    font-family: "tajawal";
  }

  body {
    overflow-x: hidden !important;
  }
  .for-web-logo {
    width: 10.9125rem !important;
    display: block !important;
  }
  .for-seller-logo {
    width: 3rem !important;
    height: 2rem !important;
    display: block !important;
  }
  .code-example {
    position: relative;
  }

  .SumoSelect .hidden {
    display: none !important;
  }

  #location_map_canvas,
  .location_map_canvas {
    min-height: 300px;
  }

  .code-example .btn-clipboard {
    outline: none;
    background: transparent;
    border: 0;
    font-size: 12px;
    color: rgba(0, 0, 0, 0.6);
    cursor: pointer;
  }

  .code-example .btn-clipboard:hover {
    color: rgba(0, 0, 0, 0.9);
  }

  .color-palette .color-entry {
    position: relative;
    display: block;
    height: 170px;
    color: #fff;
    border-radius: 0.25rem;
  }

  .color-palette a > .color-entry {
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 200ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1);
    transition: all 200ms ease-in;
    transform: scale(1);
  }

  .color-palette a:hover > .color-entry {
    box-shadow: 0px 0px 80px rgba(0, 0, 0, 0.5);
    z-index: 2;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -moz-transform: scale(1.3);
    transform: scale(1.3);
  }

  .color-palette a.active > .color-entry,
  .color-palette a.active:hover > .color-entry {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    transform: scale(1.1);
  }

  .color-palette .color-entry .color-code {
    position: absolute;
    bottom: 12px;
    right: 12px;
  }

  .color-code-preview {
    border: 1px solid 0.25rem;
    padding: 6px;
  }

  .color-code-preview .color-preview {
    height: 150px;
    position: relative;
  }

  .rounded-top {
    border-top-left-radius: 11px !important;
    border-top-right-radius: 11px !important;
  }
  .rounded-right {
    border-top-right-radius: 11px !important;
    border-bottom-right-radius: 11px !important;
  }
  .rounded-bottom {
    border-bottom-right-radius: 11px !important;
    border-bottom-left-radius: 11px !important;
  }
  .rounded-left {
    border-top-left-radius: 11px !important;
    border-bottom-left-radius: 11px !important;
  }

  .color-code-preview .color-code-rgb {
    display: block;
    padding: 0 0 5px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
  }

  .color-code-preview .color-code-hex {
    display: block;
    padding: 10px 0 5px;
    text-align: center;
    font-weight: 500;
    font-size: 13px;
    text-transform: uppercase;
  }

  .color-code-preview .color-text {
    position: absolute;
    width: 100%;
    top: 50%;
    margin-top: -10px;
    display: block;
    text-align: center;
  }

  .color-code-preview .color-class {
    position: absolute;
    top: 10px;
    left: 10px;
  }
  .select2-container--default
    .select2-selection--multiple
    .select2-selection__choice {
    background-color: black;
    margin-top: 4px;
    color: white;
  }
  .select2-container--default .select2-selection--multiple {
    height: auto;
  }
  .select2-container--default .color-preview {
    height: 12px;
    width: 12px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 3px;
    margin-top: 2px;
  }
  .sortSelectCustom .select2-selection--single {
    border-color: #ccc;
    height: auto;
    padding: 0 10px;
  }

  .sortSelectCustom .select2-selection--single .select2-selection__rendered {
    padding: 8px 0;
    color: #777;
    font-size: 13px;
  }
  ol.breadcrumb {
    padding: 1px;
  }

  .timeline-steps {
    max-inline-size: 400px;
    margin: 0 auto;
  }
  .timeline-step {
    display: flex;
    position: relative;
  }
  .timeline-step:after {
    content: "";
    position: absolute;
    inset-inline-start: 15px;
    inset-block-start: 32px;
    block-size: 0;
    inline-size: 2px;
    background-color: #dcdcdc;
  }
  .timeline-step:not(:last-child):after {
    block-size: 100%;
  }
  .timeline-info {
    margin: 5px 0 20px;
  }
  .timeline-title {
    font-size: 16px;
    color: #dcdcdc;
    margin: 0 0 8px;
  }
  .timeline-text {
    margin-block-end: 5px;
    color: #dcdcdc;
  }
  .timeline-number {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background-color: #dcdcdc;
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    font-weight: 600;
    margin-inline-end: 14px;
  }
  .timeline-number svg {
    inline-size: 16px;
    block-size: 16px;
    object-fit: contain;
    opacity: 0;
  }
  .timeline-number svg path {
    fill: #fff;
  }
  .timeline-step.completed .timeline-number {
    background-color: green;
  }
  .timeline-step.completed .timeline-number svg,
  .timeline-step.failed .timeline-number svg {
    opacity: 1;
  }
  .timeline-step.completed .timeline-title,
  .timeline-step.failed .timeline-title {
    color: #212b36;
  }
  .timeline-step.completed .timeline-text,
  .timeline-step.failed .timeline-text {
    color: #666;
    opacity: 0.5;
  }
  .timeline-step.completed:after {
    background-color: green;
  }

  /*<!-- Failed -->*/
  .timeline-step.failed .timeline-number {
    background-color: red;
  }

  .timeline-step.failed:after {
    background-color: red;
  }

  .btn-sm-status-custom {
    top: 12px;
    right: 20px;
    line-height: 18px;
    font-size: 8px;
  }

  .table-striped tbody tr:nth-child(odd) {
    background-color: #ecefff !important;
  }

  .dtsb-value {
    width: 100px;
    height: 45px;
    margin: 0px !important;
  }

  .dtsb-value.dtsb-input {
    width: 100% !important;
  }

  .dtsb-inputCont {
    margin-left: 5px;
    margin-right: 5px;
    flex: inherit !important;
    height: 45px;
    width: 100px;
  }

  .dtsb-delete {
    height: 100%;
  }

  .dt-buttons {
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
  }

  .dropdown-toggle:not(.dropdown-toggle-empty)::after {
    margin: 0px;
  }

  .dt-buttons > button:not(.dt-buttons .buttons-colvis),
  .dt-buttons {
    display: none;
  }

  div.dt-button-collection button.dt-button,
  div.dt-button-collection div.dt-button,
  div.dt-button-collection a.dt-button {
    background: white !important;
    box-shadow: none !important;
    text-shadow: none !important;
    color: black;
    border: 0;
    border-bottom: solid gray thin;
    margin: 0px;
    width: 100%;
    display: block;
    float: none;
  }

  div.dt-button-collection button.dt-button.active,
  div.dt-button-collection div.dt-button.active,
  div.dt-button-collection a.dt-button.active {
    background: #c2ccff !important;
  }

  .dataTables_paginate.paging_simple_numbers {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
    font-size: 1em;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
    box-sizing: inherit;
    float: right;
    text-align: right;
    padding-top: 0.25em;
    color: #333;
  }

  .pagination {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
    color: #333;
    box-sizing: inherit;
    padding-left: 0;
    list-style: none;
    border-radius: 0.3125rem;
    font-size: 1rem;
    margin: -0.25rem;
    align-items: center;
    display: flex;
    text-align: center;
    justify-content: space-between;
    margin-bottom: 0;
    margin-top: 0;
  }

  .pagination-list {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
    color: #333;
    font-size: 1rem;
    box-sizing: inherit;
    padding: 0;
    align-items: center;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    flex-grow: 1;
    flex-shrink: 1;
    order: 1;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
  }

  .dataTable_previous {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
    font-weight: 400;
    line-height: 1.5;
    word-wrap: break-word;
    color: #333;
    font-size: 1rem;
    box-sizing: inherit;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  .pagination-link[disabled],
  .pagination-next[disabled],
  .pagination-previous[disabled] {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    list-style: none;
    box-sizing: inherit;
    text-decoration: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-flex;
    height: 2.5em;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top;
    user-select: none;
    font-size: 1em;
    justify-content: center;
    margin: 0.25rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    min-width: 2.5em;
    margin-bottom: 0;
    margin-top: 0;
    cursor: not-allowed;
    background-color: #dbdbdb;
    border-color: #dbdbdb;
    box-shadow: none;
    color: #7a7a7a;
    opacity: 0.5;
  }

  .pagination-link.is-current {
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    list-style: none;
    box-sizing: inherit;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    height: 2.5em;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top;
    user-select: none;
    font-size: 1em;
    justify-content: center;
    margin: 0.25rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    min-width: 2.5em;
    margin-bottom: 0;
    margin-top: 0;
    background-color: #673ab7;
    border-color: #673ab7;
    color: #fff;
  }

  .pagination-link {
    text-rendering: optimizeLegibility;
    text-size-adjust: 100%;
    font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen,
      Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Helvetica,
      Arial, sans-serif;
    font-weight: 400;
    word-wrap: break-word;
    list-style: none;
    box-sizing: inherit;
    background-color: transparent;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    height: 2.5em;
    line-height: 1.5;
    padding-bottom: calc(0.5em - 1px);
    padding-top: calc(0.5em - 1px);
    position: relative;
    vertical-align: top;
    user-select: none;
    font-size: 1em;
    justify-content: center;
    margin: 0.25rem;
    padding-left: 0.5em;
    padding-right: 0.5em;
    text-align: center;
    border-color: #dbdbdb;
    color: #363636;
    min-width: 2.5em;
    margin-bottom: 0;
    margin-top: 0;
  }

  .btn-primary {
    background-color: #673ab7;
    border-color: #673ab7;
  }

  .border-primary {
    border-color: #673ab7 !important;
  }

  .border-xl {
    border-width: 10px !important;
  }

  .with-transitions {
    transition: 0.3s;
  }

  .showIntries div label {
    display: flex;
  }

  .dataTable * th,
  .dataTable * td {
    text-align: center !important;
  }

  .datatable * th:first,
  .datatable * td:first {
    width: 50px !important;
  }

  .w-storeProfile {
    width: 260px !important;
    min-width: 260px !important;
    max-width: 260px !important;
  }

  select[name="dataTable_length"] {
    margin-top: -5px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .table.dataTable tr.selected td.select-checkbox:after,
  table.dataTable tr.selected th.select-checkbox:after {
    font-size: 13px !important;
    margin-top: -5px !important;
  }

  * {
    font-size: 16px;
  }
  @media (max-width: 1024px){
    * {
      font-size: 10px !important;
    }
  }
  .SumoSelect {
    width: 100% !important;
    height: 100% !important;
  }

  .SumoSelect .select-all > span,
  .SumoSelect > .optWrapper.multiple > .options li.opt span {
    margin-left: 0px !important;
  }

  html[dir="ltr"] * li.opt span,
  html[dir="ltr"] * .select-all span {
    right: 0;
  }

  html[dir="rtl"] * li.opt span,
  html[dir="rtl"] * .select-all span {
    left: 0;
  }

  .SumoSelect .select-all {
    height: auto;
  }

  .SumoSelect .select-all > label,
  .SumoSelect > .CaptionCont,
  .SumoSelect > .optWrapper > .options li.opt label {
    padding: 3px;
  }

  .SumoSelect > .optWrapper.multiple > .options li.opt {
    height: 45px;
  }

  .SumoSelect .select-all > label,
  .SumoSelect > .CaptionCont,
  .SumoSelect > .optWrapper > .options li.opt label {
    height: 100%;
  }

  .deco-none {
    color: inherit;
    text-decoration: inherit;
  }

  .qcont:first-letter {
    text-transform: capitalize;
  }

  .navbar-brand-logo-mini.for-web-logo {
    width: 100% !important;
    height: 100% !important;
  }

  .table * .editValue {
    display: none;
  }

  .table * .spanValue {
    display: block;
  }

  .table.editMode * .editValue {
    display: block !important;
  }

  .table.editMode * .spanValue {
    display: none !important;
  }

  .lSNext,
  .lSPrev {
    opacity: 1 !important;
  }

  .label-w-btn {
    position: relative;
    width: 100%;
    height: 30px;
  }

  .label-w-btn .btn {
    position: absolute;
    top: -10px;
  }

  html[dir="rtl"] * .label-w-btn .btn {
    left: 0;
  }

  html[dir="ltr"] * .label-w-btn .btn {
    right: 0;
  }

  html[dir="rtl"] * .btn i.fa-angle-left,
  html[dir="rtl"] * .btn i.fa-angle-right {
    position: relative;
    left: 5px;
  }

  html[dir="ltr"] * .btn i.fa-angle-left,
  html[dir="ltr"] * .btn i.fa-angle-right {
    position: relative;
    right: 5px;
  }

  .footer-logos {
    width: 49px;
    height: 30px;
    object-fit: contain;
    background: #fff;
    border-radius: 4px;
    padding: 4px;
  }

  .select_box {
    overflow: hidden;
    position: relative;
  }
  .select_box:after {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid transparent;
    position: absolute;
    right: 5px;
    content: "";
    z-index: 98;
  }
  .select_box select {
    border: 0;
    position: relative;
    z-index: 99;
    background: none !important;
    color: black;
    font-weight: bold;
  }

  *[class*="btn-"],
  .nav-link.active {
    box-sizing: border-box;
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px 0;
    height: auto;
    border-radius: 8px;
  }

  .btn-primary,
  .btn-primary * {
    color: white;
  }

  .btn-primary.disabled,
  .btn-primary:disabled {
    background-color: #5a409b !important;
  }

  .packs-services {
    max-height: 470px;
    overflow: auto;
  }

  .package-box {
    border: thin #e7e7e7 solid;
  }

  body {
    width: 100%;

    background: #ffffff;
  }

  header {
    width: 100%;
    left: 62px;
    top: 1837px;
  }

  #navbarCollapse {
    width: 100%;
    right: 0px;
    top: 0px;
    background: #1a191d;
  }

  #about-us-section,
  #features-section1,
  #features-section,
  #packages-section {
  }

  .btn-primary {
    box-sizing: border-box;

    /* Auto layout */

    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 8px;
    gap: 4px;

    height: auto;

    /* main */

    background: #5a409b;
    border-radius: 8px;
  }

  .btn-light {
    box-sizing: border-box;

    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 9px 8px;
    gap: 4px;

    width: 104px;
    height: 52px;

    background: #f1f1f1;
    border-radius: 8px;
  }

  #features-section1 * img {
    width: 110px;
    margin-bottom: 25px;
  }

  .li-i-icon {
    position: absolute;
    width: 64px;
    height: 64px;
    right: 33px;
    top: 50px;
    background: #fdcd05;
    border-radius: 21px 0px 21px 21px;
  }

  .features-title {
    position: absolute;
    width: 460px;
    height: 38px;
    top: 55px;
    right: 62px;
    font-family: "Tajawal";
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 38px;
    text-align: right;
    color: #ffffff;
  }

  .features-list {
    position: absolute;
    top: 200px;
  }

  #registerNow-section {
    width: 100%;
    text-align: center;
    justify-content: center;
  }

  .registerSq-div {
    width: 646px;
    height: 286px;
    border-radius: 16px;
    padding: 100px;
    text-align: center;
    margin: 50px;
  }

  .plans-tab {
    width: 100%;
    height: 90px;
    background: #f1f1f1;
    border-radius: 12px;
    padding-top: 20px;
  }
  .plans-tab * .orders-tab {
    width: 90% !important;
    max-width: 90% !important;
    border-radius: 12px !important;
    border: none !important;
  }
  body {
    position: relative;
  }

  .footer-logo {
    width: 137px;
  }

  .wd-1 {
    width: 1px;
  }

  .wd-2 {
    width: 2px;
  }

  .wd-3 {
    width: 3px;
  }

  .wd-4 {
    width: 4px;
  }

  .wd-6 {
    width: 6px;
  }

  .wd-7 {
    width: 7px;
  }

  .wd-8 {
    width: 8px;
  }

  .wd-9 {
    width: 9px;
  }

  .wd-280 {
    width: 280px;
  }

  .wd-5 {
    width: 5px;
  }

  .wd-5p {
    width: 5%;
  }

  .mx-wd-5p {
    max-width: 5%;
  }

  .mn-wd-5p {
    min-width: 5%;
  }

  .wd-10 {
    width: 10px;
  }

  .wd-10p {
    width: 10%;
  }

  .mx-wd-10p {
    max-width: 10%;
  }

  .mn-wd-10p {
    min-width: 10%;
  }

  .wd-15 {
    width: 15px;
  }

  .wd-15p {
    width: 15%;
  }

  .mx-wd-15p {
    max-width: 15%;
  }

  .mn-wd-15p {
    min-width: 15%;
  }

  .wd-20 {
    width: 20px;
  }

  .wd-20p {
    width: 20%;
  }

  .mx-wd-20p {
    max-width: 20%;
  }

  .mn-wd-20p {
    min-width: 20%;
  }

  .wd-25 {
    width: 25px;
  }

  .wd-25p {
    width: 25%;
  }

  .mx-wd-25p {
    max-width: 25%;
  }

  .mn-wd-25p {
    min-width: 25%;
  }

  .wd-30 {
    width: 30px !important;
  }

  .wd-30p {
    width: 30% !important;
  }

  .mx-wd-30p {
    max-width: 30%;
  }

  .mn-wd-30p {
    min-width: 30%;
  }

  .wd-35 {
    width: 35px;
  }

  .wd-35p {
    width: 35%;
  }

  .mx-wd-35p {
    max-width: 35%;
  }

  .mn-wd-35p {
    min-width: 35%;
  }

  .wd-40 {
    width: 40px;
  }

  .wd-40p {
    width: 40%;
  }

  .mx-wd-40p {
    max-width: 40%;
  }

  .mn-wd-40p {
    min-width: 40%;
  }

  .wd-45 {
    width: 45px;
  }

  .wd-45p {
    width: 45%;
  }

  .mx-wd-45p {
    max-width: 45%;
  }

  .mn-wd-45p {
    min-width: 45%;
  }

  .wd-50 {
    width: 50px;
  }

  .wd-50p {
    width: 50%;
  }

  .mx-wd-50p {
    max-width: 50%;
  }

  .mn-wd-50p {
    min-width: 50%;
  }

  .wd-55 {
    width: 55px;
  }

  .wd-55p {
    width: 55%;
  }

  .mx-wd-55p {
    max-width: 55%;
  }

  .mn-wd-55p {
    min-width: 55%;
  }

  .wd-60 {
    width: 60px;
  }

  .wd-60p {
    width: 60%;
  }

  .mx-wd-60p {
    max-width: 60%;
  }

  .mn-wd-60p {
    min-width: 60%;
  }

  .wd-65 {
    width: 65px;
  }

  .wd-65p {
    width: 65%;
  }

  .mx-wd-65p {
    max-width: 65%;
  }

  .mn-wd-65p {
    min-width: 65%;
  }

  .wd-70 {
    width: 70px;
  }

  .wd-70p {
    width: 70%;
  }

  .mx-wd-70p {
    max-width: 70%;
  }

  .mn-wd-70p {
    min-width: 70%;
  }

  .wd-75 {
    width: 75px;
  }

  .wd-75p {
    width: 75%;
  }

  .mx-wd-75p {
    max-width: 75%;
  }

  .mn-wd-75p {
    min-width: 75%;
  }

  .wd-80 {
    width: 80px;
  }

  .wd-80p {
    width: 80%;
  }

  .mx-wd-80p {
    max-width: 80%;
  }

  .mn-wd-80p {
    min-width: 80%;
  }

  .wd-85 {
    width: 85px;
  }

  .wd-85p {
    width: 85%;
  }

  .mx-wd-85p {
    max-width: 85%;
  }

  .mn-wd-85p {
    min-width: 85%;
  }

  .wd-90 {
    width: 90px;
  }

  .wd-90p {
    width: 90%;
  }

  .mx-wd-90p {
    max-width: 90%;
  }

  .mn-wd-90p {
    min-width: 90%;
  }

  .wd-95 {
    width: 95px;
  }

  .wd-95p {
    width: 95%;
  }

  .mx-wd-95p {
    max-width: 95%;
  }

  .mn-wd-95p {
    min-width: 95%;
  }

  .wd-100 {
    width: 100px;
  }

  .wd-100p {
    width: 100%;
  }

  .mx-wd-100p {
    max-width: 100%;
  }

  .mn-wd-100p {
    min-width: 100%;
  }

  .wd-150 {
    width: 150px;
  }

  .wd-200 {
    width: 200px;
  }

  .wd-250 {
    width: 250px;
  }

  .wd-276 {
    width: 276px;
  }

  .wd-300 {
    width: 300px;
  }

  .wd-350 {
    width: 350px;
  }

  .wd-400 {
    width: 400px;
  }

  .wd-450 {
    width: 450px;
  }

  .wd-500 {
    width: 500px;
  }

  .wd-550 {
    width: 550px;
  }

  .wd-600 {
    width: 600px;
  }

  .wd-650 {
    width: 650px;
  }

  .wd-700 {
    width: 700px;
  }

  .wd-750 {
    width: 750px;
  }

  .wd-800 {
    width: 800px;
  }

  .wd-850 {
    width: 850px;
  }

  .wd-900 {
    width: 900px;
  }

  .wd-950 {
    width: 950px;
  }

  .wd-1000 {
    width: 1000px;
  }

  @media (min-width: 480px) {
    .wd-xs-5 {
      width: 5px;
    }

    .wd-xs-5p {
      width: 5%;
    }

    .mx-wd-xs-5p {
      max-width: 5%;
    }

    .mn-wd-xs-5p {
      min-width: 5%;
    }

    .wd-xs-10 {
      width: 10px;
    }

    .wd-xs-10p {
      width: 10%;
    }

    .mx-wd-xs-10p {
      max-width: 10%;
    }

    .mn-wd-xs-10p {
      min-width: 10%;
    }

    .wd-xs-15 {
      width: 15px;
    }

    .wd-xs-15p {
      width: 15%;
    }

    .mx-wd-xs-15p {
      max-width: 15%;
    }

    .mn-wd-xs-15p {
      min-width: 15%;
    }

    .wd-xs-20 {
      width: 20px;
    }

    .wd-xs-20p {
      width: 20%;
    }

    .mx-wd-xs-20p {
      max-width: 20%;
    }

    .mn-wd-xs-20p {
      min-width: 20%;
    }

    .wd-xs-25 {
      width: 25px;
    }

    .wd-xs-25p {
      width: 25%;
    }

    .mx-wd-xs-25p {
      max-width: 25%;
    }

    .mn-wd-xs-25p {
      min-width: 25%;
    }

    .wd-xs-30 {
      width: 30px;
    }

    .wd-xs-30p {
      width: 30%;
    }

    .mx-wd-xs-30p {
      max-width: 30%;
    }

    .mn-wd-xs-30p {
      min-width: 30%;
    }

    .wd-xs-35 {
      width: 35px;
    }

    .wd-xs-35p {
      width: 35%;
    }

    .mx-wd-xs-35p {
      max-width: 35%;
    }

    .mn-wd-xs-35p {
      min-width: 35%;
    }

    .wd-xs-40 {
      width: 40px;
    }

    .wd-xs-40p {
      width: 40%;
    }

    .mx-wd-xs-40p {
      max-width: 40%;
    }

    .mn-wd-xs-40p {
      min-width: 40%;
    }

    .wd-xs-45 {
      width: 45px;
    }

    .wd-xs-45p {
      width: 45%;
    }

    .mx-wd-xs-45p {
      max-width: 45%;
    }

    .mn-wd-xs-45p {
      min-width: 45%;
    }

    .wd-xs-50 {
      width: 50px;
    }

    .wd-xs-50p {
      width: 50%;
    }

    .mx-wd-xs-50p {
      max-width: 50%;
    }

    .mn-wd-xs-50p {
      min-width: 50%;
    }

    .wd-xs-55 {
      width: 55px;
    }

    .wd-xs-55p {
      width: 55%;
    }

    .mx-wd-xs-55p {
      max-width: 55%;
    }

    .mn-wd-xs-55p {
      min-width: 55%;
    }

    .wd-xs-60 {
      width: 60px;
    }

    .wd-xs-60p {
      width: 60%;
    }

    .mx-wd-xs-60p {
      max-width: 60%;
    }

    .mn-wd-xs-60p {
      min-width: 60%;
    }

    .wd-xs-65 {
      width: 65px;
    }

    .wd-xs-65p {
      width: 65%;
    }

    .mx-wd-xs-65p {
      max-width: 65%;
    }

    .mn-wd-xs-65p {
      min-width: 65%;
    }

    .wd-xs-70 {
      width: 70px;
    }

    .wd-xs-70p {
      width: 70%;
    }

    .mx-wd-xs-70p {
      max-width: 70%;
    }

    .mn-wd-xs-70p {
      min-width: 70%;
    }

    .wd-xs-75 {
      width: 75px;
    }

    .wd-xs-75p {
      width: 75%;
    }

    .mx-wd-xs-75p {
      max-width: 75%;
    }

    .mn-wd-xs-75p {
      min-width: 75%;
    }

    .wd-xs-80 {
      width: 80px;
    }

    .wd-xs-80p {
      width: 80%;
    }

    .mx-wd-xs-80p {
      max-width: 80%;
    }

    .mn-wd-xs-80p {
      min-width: 80%;
    }

    .wd-xs-85 {
      width: 85px;
    }

    .wd-xs-85p {
      width: 85%;
    }

    .mx-wd-xs-85p {
      max-width: 85%;
    }

    .mn-wd-xs-85p {
      min-width: 85%;
    }

    .wd-xs-90 {
      width: 90px;
    }

    .wd-xs-90p {
      width: 90%;
    }

    .mx-wd-xs-90p {
      max-width: 90%;
    }

    .mn-wd-xs-90p {
      min-width: 90%;
    }

    .wd-xs-95 {
      width: 95px;
    }

    .wd-xs-95p {
      width: 95%;
    }

    .mx-wd-xs-95p {
      max-width: 95%;
    }

    .mn-wd-xs-95p {
      min-width: 95%;
    }

    .wd-xs-100 {
      width: 100px;
    }

    .wd-xs-100p {
      width: 100%;
    }

    .mx-wd-xs-100p {
      max-width: 100%;
    }

    .mn-wd-xs-100p {
      min-width: 100%;
    }

    .wd-xs-150 {
      width: 150px;
    }

    .wd-xs-150p {
      width: 150%;
    }

    .mx-wd-xs-150p {
      max-width: 150%;
    }

    .mn-wd-xs-150p {
      min-width: 150%;
    }

    .wd-xs-200 {
      width: 200px;
    }

    .wd-xs-200p {
      width: 200%;
    }

    .mx-wd-xs-200p {
      max-width: 200%;
    }

    .mn-wd-xs-200p {
      min-width: 200%;
    }

    .wd-xs-250 {
      width: 250px;
    }

    .wd-xs-250p {
      width: 250%;
    }

    .mx-wd-xs-250p {
      max-width: 250%;
    }

    .mn-wd-xs-250p {
      min-width: 250%;
    }

    .wd-xs-300 {
      width: 300px;
    }

    .wd-xs-300p {
      width: 300%;
    }

    .mx-wd-xs-300p {
      max-width: 300%;
    }

    .mn-wd-xs-300p {
      min-width: 300%;
    }

    .wd-xs-350 {
      width: 350px;
    }

    .wd-xs-350p {
      width: 350%;
    }

    .mx-wd-xs-350p {
      max-width: 350%;
    }

    .mn-wd-xs-350p {
      min-width: 350%;
    }

    .wd-xs-400 {
      width: 400px;
    }

    .wd-xs-400p {
      width: 400%;
    }

    .mx-wd-xs-400p {
      max-width: 400%;
    }

    .mn-wd-xs-400p {
      min-width: 400%;
    }

    .wd-xs-450 {
      width: 450px;
    }

    .wd-xs-450p {
      width: 450%;
    }

    .mx-wd-xs-450p {
      max-width: 450%;
    }

    .mn-wd-xs-450p {
      min-width: 450%;
    }

    .wd-xs-500 {
      width: 500px;
    }

    .wd-xs-500p {
      width: 500%;
    }

    .mx-wd-xs-500p {
      max-width: 500%;
    }

    .mn-wd-xs-500p {
      min-width: 500%;
    }

    .wd-xs-550 {
      width: 550px;
    }

    .wd-xs-550p {
      width: 550%;
    }

    .mx-wd-xs-550p {
      max-width: 550%;
    }

    .mn-wd-xs-550p {
      min-width: 550%;
    }

    .wd-xs-600 {
      width: 600px;
    }

    .wd-xs-600p {
      width: 600%;
    }

    .mx-wd-xs-600p {
      max-width: 600%;
    }

    .mn-wd-xs-600p {
      min-width: 600%;
    }

    .wd-xs-650 {
      width: 650px;
    }

    .wd-xs-650p {
      width: 650%;
    }

    .mx-wd-xs-650p {
      max-width: 650%;
    }

    .mn-wd-xs-650p {
      min-width: 650%;
    }

    .wd-xs-700 {
      width: 700px;
    }

    .wd-xs-700p {
      width: 700%;
    }

    .mx-wd-xs-700p {
      max-width: 700%;
    }

    .mn-wd-xs-700p {
      min-width: 700%;
    }

    .wd-xs-750 {
      width: 750px;
    }

    .wd-xs-750p {
      width: 750%;
    }

    .mx-wd-xs-750p {
      max-width: 750%;
    }

    .mn-wd-xs-750p {
      min-width: 750%;
    }

    .wd-xs-800 {
      width: 800px;
    }

    .wd-xs-800p {
      width: 800%;
    }

    .mx-wd-xs-800p {
      max-width: 800%;
    }

    .mn-wd-xs-800p {
      min-width: 800%;
    }

    .wd-xs-850 {
      width: 850px;
    }

    .wd-xs-850p {
      width: 850%;
    }

    .mx-wd-xs-850p {
      max-width: 850%;
    }

    .mn-wd-xs-850p {
      min-width: 850%;
    }

    .wd-xs-900 {
      width: 900px;
    }

    .wd-xs-900p {
      width: 900%;
    }

    .mx-wd-xs-900p {
      max-width: 900%;
    }

    .mn-wd-xs-900p {
      min-width: 900%;
    }

    .wd-xs-950 {
      width: 950px;
    }

    .wd-xs-950p {
      width: 950%;
    }

    .mx-wd-xs-950p {
      max-width: 950%;
    }

    .mn-wd-xs-950p {
      min-width: 950%;
    }

    .wd-xs-1000 {
      width: 1000px;
    }

    .wd-xs-1000p {
      width: 1000%;
    }

    .mx-wd-xs-1000p {
      max-width: 1000%;
    }

    .mn-wd-xs-1000p {
      min-width: 1000%;
    }

    .wd-xs-auto {
      width: auto;
    }
  }

  /* mobile */
  @media (max-width: 576px) {
    html[dir="rtl"] * .owl-prev {
      right: 0px;
      position: absolute;
    }

    html[dir="rtl"] * .owl-next {
      left: 10px;
      position: absolute;
    }

    html[dir="ltr"] * .owl-prev {
      left: 0px;
      position: absolute;
    }

    html[dir="ltr"] * .owl-next {
      right: 10px;
      position: absolute;
    }
  }
  @media (min-width: 576px) {
    html[dir="rtl"] * #main {
      margin-right: 0px;
      transition: margin-right 0.5s;
    }

    html[dir="ltr"] * #main {
      margin-left: 0px;
      transition: margin-left 0.5s;
    }

    .wd-sm-5 {
      width: 5px;
    }

    .wd-sm-5p {
      width: 5%;
    }

    .mx-wd-sm-5p {
      max-width: 5%;
    }

    .mn-wd-sm-5p {
      min-width: 5%;
    }

    .wd-sm-10 {
      width: 10px;
    }

    .wd-sm-10p {
      width: 10%;
    }

    .mx-wd-sm-10p {
      max-width: 10%;
    }

    .mn-wd-sm-10p {
      min-width: 10%;
    }

    .wd-sm-15 {
      width: 15px;
    }

    .wd-sm-15p {
      width: 15%;
    }

    .mx-wd-sm-15p {
      max-width: 15%;
    }

    .mn-wd-sm-15p {
      min-width: 15%;
    }

    .wd-sm-20 {
      width: 20px;
    }

    .wd-sm-20p {
      width: 20%;
    }

    .mx-wd-sm-20p {
      max-width: 20%;
    }

    .mn-wd-sm-20p {
      min-width: 20%;
    }

    .wd-sm-25 {
      width: 25px;
    }

    .wd-sm-25p {
      width: 25%;
    }

    .mx-wd-sm-25p {
      max-width: 25%;
    }

    .mn-wd-sm-25p {
      min-width: 25%;
    }

    .wd-sm-30 {
      width: 30px;
    }

    .wd-sm-30p {
      width: 30%;
    }

    .mx-wd-sm-30p {
      max-width: 30%;
    }

    .mn-wd-sm-30p {
      min-width: 30%;
    }

    .wd-sm-35 {
      width: 35px;
    }

    .wd-sm-35p {
      width: 35%;
    }

    .mx-wd-sm-35p {
      max-width: 35%;
    }

    .mn-wd-sm-35p {
      min-width: 35%;
    }

    .wd-sm-40 {
      width: 40px;
    }

    .wd-sm-40p {
      width: 40%;
    }

    .mx-wd-sm-40p {
      max-width: 40%;
    }

    .mn-wd-sm-40p {
      min-width: 40%;
    }

    .wd-sm-45 {
      width: 45px;
    }

    .wd-sm-45p {
      width: 45%;
    }

    .mx-wd-sm-45p {
      max-width: 45%;
    }

    .mn-wd-sm-45p {
      min-width: 45%;
    }

    .wd-sm-50 {
      width: 50px;
    }

    .wd-sm-50p {
      width: 50%;
    }

    .mx-wd-sm-50p {
      max-width: 50%;
    }

    .mn-wd-sm-50p {
      min-width: 50%;
    }

    .wd-sm-55 {
      width: 55px;
    }

    .wd-sm-55p {
      width: 55%;
    }

    .mx-wd-sm-55p {
      max-width: 55%;
    }

    .mn-wd-sm-55p {
      min-width: 55%;
    }

    .wd-sm-60 {
      width: 60px;
    }

    .wd-sm-60p {
      width: 60%;
    }

    .mx-wd-sm-60p {
      max-width: 60%;
    }

    .mn-wd-sm-60p {
      min-width: 60%;
    }

    .wd-sm-65 {
      width: 65px;
    }

    .wd-sm-65p {
      width: 65%;
    }

    .mx-wd-sm-65p {
      max-width: 65%;
    }

    .mn-wd-sm-65p {
      min-width: 65%;
    }

    .wd-sm-70 {
      width: 70px;
    }

    .wd-sm-70p {
      width: 70%;
    }

    .mx-wd-sm-70p {
      max-width: 70%;
    }

    .mn-wd-sm-70p {
      min-width: 70%;
    }

    .wd-sm-75 {
      width: 75px;
    }

    .wd-sm-75p {
      width: 75%;
    }

    .mx-wd-sm-75p {
      max-width: 75%;
    }

    .mn-wd-sm-75p {
      min-width: 75%;
    }

    .wd-sm-80 {
      width: 80px;
    }

    .wd-sm-80p {
      width: 80%;
    }

    .mx-wd-sm-80p {
      max-width: 80%;
    }

    .mn-wd-sm-80p {
      min-width: 80%;
    }

    .wd-sm-85 {
      width: 85px;
    }

    .wd-sm-85p {
      width: 85%;
    }

    .mx-wd-sm-85p {
      max-width: 85%;
    }

    .mn-wd-sm-85p {
      min-width: 85%;
    }

    .wd-sm-90 {
      width: 90px;
    }

    .wd-sm-90p {
      width: 90%;
    }

    .mx-wd-sm-90p {
      max-width: 90%;
    }

    .mn-wd-sm-90p {
      min-width: 90%;
    }

    .wd-sm-95 {
      width: 95px;
    }

    .wd-sm-95p {
      width: 95%;
    }

    .mx-wd-sm-95p {
      max-width: 95%;
    }

    .mn-wd-sm-95p {
      min-width: 95%;
    }

    .wd-sm-100 {
      width: 100px;
    }

    .wd-sm-100p {
      width: 100%;
    }

    .mx-wd-sm-100p {
      max-width: 100%;
    }

    .mn-wd-sm-100p {
      min-width: 100%;
    }

    .wd-sm-150 {
      width: 150px;
    }

    .wd-sm-150p {
      width: 150%;
    }

    .mx-wd-sm-150p {
      max-width: 150%;
    }

    .mn-wd-sm-150p {
      min-width: 150%;
    }

    .wd-sm-200 {
      width: 200px;
    }

    .wd-sm-200p {
      width: 200%;
    }

    .mx-wd-sm-200p {
      max-width: 200%;
    }

    .mn-wd-sm-200p {
      min-width: 200%;
    }

    .wd-sm-250 {
      width: 250px;
    }

    .wd-sm-250p {
      width: 250%;
    }

    .mx-wd-sm-250p {
      max-width: 250%;
    }

    .mn-wd-sm-250p {
      min-width: 250%;
    }

    .wd-sm-300 {
      width: 300px;
    }

    .wd-sm-300p {
      width: 300%;
    }

    .mx-wd-sm-300p {
      max-width: 300%;
    }

    .mn-wd-sm-300p {
      min-width: 300%;
    }

    .wd-sm-350 {
      width: 350px;
    }

    .wd-sm-350p {
      width: 350%;
    }

    .mx-wd-sm-350p {
      max-width: 350%;
    }

    .mn-wd-sm-350p {
      min-width: 350%;
    }

    .wd-sm-400 {
      width: 400px;
    }

    .wd-sm-400p {
      width: 400%;
    }

    .mx-wd-sm-400p {
      max-width: 400%;
    }

    .mn-wd-sm-400p {
      min-width: 400%;
    }

    .wd-sm-450 {
      width: 450px;
    }

    .wd-sm-450p {
      width: 450%;
    }

    .mx-wd-sm-450p {
      max-width: 450%;
    }

    .mn-wd-sm-450p {
      min-width: 450%;
    }

    .wd-sm-500 {
      width: 500px;
    }

    .wd-sm-500p {
      width: 500%;
    }

    .mx-wd-sm-500p {
      max-width: 500%;
    }

    .mn-wd-sm-500p {
      min-width: 500%;
    }

    .wd-sm-550 {
      width: 550px;
    }

    .wd-sm-550p {
      width: 550%;
    }

    .mx-wd-sm-550p {
      max-width: 550%;
    }

    .mn-wd-sm-550p {
      min-width: 550%;
    }

    .wd-sm-600 {
      width: 600px;
    }

    .wd-sm-600p {
      width: 600%;
    }

    .mx-wd-sm-600p {
      max-width: 600%;
    }

    .mn-wd-sm-600p {
      min-width: 600%;
    }

    .wd-sm-650 {
      width: 650px;
    }

    .wd-sm-650p {
      width: 650%;
    }

    .mx-wd-sm-650p {
      max-width: 650%;
    }

    .mn-wd-sm-650p {
      min-width: 650%;
    }

    .wd-sm-700 {
      width: 700px;
    }

    .wd-sm-700p {
      width: 700%;
    }

    .mx-wd-sm-700p {
      max-width: 700%;
    }

    .mn-wd-sm-700p {
      min-width: 700%;
    }

    .wd-sm-750 {
      width: 750px;
    }

    .wd-sm-750p {
      width: 750%;
    }

    .mx-wd-sm-750p {
      max-width: 750%;
    }

    .mn-wd-sm-750p {
      min-width: 750%;
    }

    .wd-sm-800 {
      width: 800px;
    }

    .wd-sm-800p {
      width: 800%;
    }

    .mx-wd-sm-800p {
      max-width: 800%;
    }

    .mn-wd-sm-800p {
      min-width: 800%;
    }

    .wd-sm-850 {
      width: 850px;
    }

    .wd-sm-850p {
      width: 850%;
    }

    .mx-wd-sm-850p {
      max-width: 850%;
    }

    .mn-wd-sm-850p {
      min-width: 850%;
    }

    .wd-sm-900 {
      width: 900px;
    }

    .wd-sm-900p {
      width: 900%;
    }

    .mx-wd-sm-900p {
      max-width: 900%;
    }

    .mn-wd-sm-900p {
      min-width: 900%;
    }

    .wd-sm-950 {
      width: 950px;
    }

    .wd-sm-950p {
      width: 950%;
    }

    .mx-wd-sm-950p {
      max-width: 950%;
    }

    .mn-wd-sm-950p {
      min-width: 950%;
    }

    .wd-sm-1000 {
      width: 1000px;
    }

    .wd-sm-1000p {
      width: 1000%;
    }

    .mx-wd-sm-1000p {
      max-width: 1000%;
    }

    .mn-wd-sm-1000p {
      min-width: 1000%;
    }

    .wd-sm-auto {
      width: auto;
    }
  }

  @media (min-width: 768px) {
    html[dir="rtl"] * .owl-prev {
      right: -35px;
      position: absolute;
    }

    html[dir="rtl"] * .owl-next {
      left: -25px;
      position: absolute;
    }

    html[dir="ltr"] * .owl-prev {
      left: -35px;
      position: absolute;
    }

    html[dir="ltr"] * .owl-next {
      right: -25px;
      position: absolute;
    }

    .wd-md-5 {
      width: 5px;
    }

    .wd-md-5p {
      width: 5%;
    }

    .mx-wd-md-5p {
      max-width: 5%;
    }

    .mn-wd-md-5p {
      min-width: 5%;
    }

    .wd-md-10 {
      width: 10px;
    }

    .wd-md-10p {
      width: 10%;
    }

    .mx-wd-md-10p {
      max-width: 10%;
    }

    .mn-wd-md-10p {
      min-width: 10%;
    }

    .wd-md-15 {
      width: 15px;
    }

    .wd-md-15p {
      width: 15%;
    }

    .mx-wd-md-15p {
      max-width: 15%;
    }

    .mn-wd-md-15p {
      min-width: 15%;
    }

    .wd-md-20 {
      width: 20px;
    }

    .wd-md-20p {
      width: 20%;
    }

    .mx-wd-md-20p {
      max-width: 20%;
    }

    .mn-wd-md-20p {
      min-width: 20%;
    }

    .wd-md-25 {
      width: 25px;
    }

    .wd-md-25p {
      width: 25%;
    }

    .mx-wd-md-25p {
      max-width: 25%;
    }

    .mn-wd-md-25p {
      min-width: 25%;
    }

    .wd-md-30 {
      width: 30px;
    }

    .wd-md-30p {
      width: 30%;
    }

    .mx-wd-md-30p {
      max-width: 30%;
    }

    .mn-wd-md-30p {
      min-width: 30%;
    }

    .wd-md-35 {
      width: 35px;
    }

    .wd-md-35p {
      width: 35%;
    }

    .mx-wd-md-35p {
      max-width: 35%;
    }

    .mn-wd-md-35p {
      min-width: 35%;
    }

    .wd-md-40 {
      width: 40px;
    }

    .wd-md-40p {
      width: 40%;
    }

    .mx-wd-md-40p {
      max-width: 40%;
    }

    .mn-wd-md-40p {
      min-width: 40%;
    }

    .wd-md-45 {
      width: 45px;
    }

    .wd-md-45p {
      width: 45%;
    }

    .mx-wd-md-45p {
      max-width: 45%;
    }

    .mn-wd-md-45p {
      min-width: 45%;
    }

    .wd-md-50 {
      width: 50px;
    }

    .wd-md-50p {
      width: 50%;
    }

    .mx-wd-md-50p {
      max-width: 50%;
    }

    .mn-wd-md-50p {
      min-width: 50%;
    }

    .wd-md-55 {
      width: 55px;
    }

    .wd-md-55p {
      width: 55%;
    }

    .mx-wd-md-55p {
      max-width: 55%;
    }

    .mn-wd-md-55p {
      min-width: 55%;
    }

    .wd-md-60 {
      width: 60px;
    }

    .wd-md-60p {
      width: 60%;
    }

    .mx-wd-md-60p {
      max-width: 60%;
    }

    .mn-wd-md-60p {
      min-width: 60%;
    }

    .wd-md-65 {
      width: 65px;
    }

    .wd-md-65p {
      width: 65%;
    }

    .mx-wd-md-65p {
      max-width: 65%;
    }

    .mn-wd-md-65p {
      min-width: 65%;
    }

    .wd-md-70 {
      width: 70px;
    }

    .wd-md-70p {
      width: 70%;
    }

    .mx-wd-md-70p {
      max-width: 70%;
    }

    .mn-wd-md-70p {
      min-width: 70%;
    }

    .wd-md-75 {
      width: 75px;
    }

    .wd-md-75p {
      width: 75%;
    }

    .mx-wd-md-75p {
      max-width: 75%;
    }

    .mn-wd-md-75p {
      min-width: 75%;
    }

    .wd-md-80 {
      width: 80px;
    }

    .wd-md-80p {
      width: 80%;
    }

    .mx-wd-md-80p {
      max-width: 80%;
    }

    .mn-wd-md-80p {
      min-width: 80%;
    }

    .wd-md-85 {
      width: 85px;
    }

    .wd-md-85p {
      width: 85%;
    }

    .mx-wd-md-85p {
      max-width: 85%;
    }

    .mn-wd-md-85p {
      min-width: 85%;
    }

    .wd-md-90 {
      width: 90px;
    }

    .wd-md-90p {
      width: 90%;
    }

    .mx-wd-md-90p {
      max-width: 90%;
    }

    .mn-wd-md-90p {
      min-width: 90%;
    }

    .wd-md-95 {
      width: 95px;
    }

    .wd-md-95p {
      width: 95%;
    }

    .mx-wd-md-95p {
      max-width: 95%;
    }

    .mn-wd-md-95p {
      min-width: 95%;
    }

    .wd-md-100 {
      width: 100px;
    }

    .wd-md-100p {
      width: 100%;
    }

    .mx-wd-md-100p {
      max-width: 100%;
    }

    .mn-wd-md-100p {
      min-width: 100%;
    }

    .wd-md-150 {
      width: 150px;
    }

    .wd-md-150p {
      width: 150%;
    }

    .mx-wd-md-150p {
      max-width: 150%;
    }

    .mn-wd-md-150p {
      min-width: 150%;
    }

    .wd-md-200 {
      width: 200px;
    }

    .wd-md-200p {
      width: 200%;
    }

    .mx-wd-md-200p {
      max-width: 200%;
    }

    .mn-wd-md-200p {
      min-width: 200%;
    }

    .wd-md-250 {
      width: 250px;
    }

    .wd-md-250p {
      width: 250%;
    }

    .mx-wd-md-250p {
      max-width: 250%;
    }

    .mn-wd-md-250p {
      min-width: 250%;
    }

    .wd-md-300 {
      width: 300px;
    }

    .wd-md-300p {
      width: 300%;
    }

    .mx-wd-md-300p {
      max-width: 300%;
    }

    .mn-wd-md-300p {
      min-width: 300%;
    }

    .wd-md-350 {
      width: 350px;
    }

    .wd-md-350p {
      width: 350%;
    }

    .mx-wd-md-350p {
      max-width: 350%;
    }

    .mn-wd-md-350p {
      min-width: 350%;
    }

    .wd-md-400 {
      width: 400px;
    }

    .wd-md-400p {
      width: 400%;
    }

    .mx-wd-md-400p {
      max-width: 400%;
    }

    .mn-wd-md-400p {
      min-width: 400%;
    }

    .wd-md-450 {
      width: 450px;
    }

    .wd-md-450p {
      width: 450%;
    }

    .mx-wd-md-450p {
      max-width: 450%;
    }

    .mn-wd-md-450p {
      min-width: 450%;
    }

    .wd-md-500 {
      width: 500px;
    }

    .wd-md-500p {
      width: 500%;
    }

    .mx-wd-md-500p {
      max-width: 500%;
    }

    .mn-wd-md-500p {
      min-width: 500%;
    }

    .wd-md-550 {
      width: 550px;
    }

    .wd-md-550p {
      width: 550%;
    }

    .mx-wd-md-550p {
      max-width: 550%;
    }

    .mn-wd-md-550p {
      min-width: 550%;
    }

    .wd-md-600 {
      width: 600px;
    }

    .wd-md-600p {
      width: 600%;
    }

    .mx-wd-md-600p {
      max-width: 600%;
    }

    .mn-wd-md-600p {
      min-width: 600%;
    }

    .wd-md-650 {
      width: 650px;
    }

    .wd-md-650p {
      width: 650%;
    }

    .mx-wd-md-650p {
      max-width: 650%;
    }

    .mn-wd-md-650p {
      min-width: 650%;
    }

    .wd-md-700 {
      width: 700px;
    }

    .wd-md-700p {
      width: 700%;
    }

    .mx-wd-md-700p {
      max-width: 700%;
    }

    .mn-wd-md-700p {
      min-width: 700%;
    }

    .wd-md-750 {
      width: 750px;
    }

    .wd-md-750p {
      width: 750%;
    }

    .mx-wd-md-750p {
      max-width: 750%;
    }

    .mn-wd-md-750p {
      min-width: 750%;
    }

    .wd-md-800 {
      width: 800px;
    }

    .wd-md-800p {
      width: 800%;
    }

    .mx-wd-md-800p {
      max-width: 800%;
    }

    .mn-wd-md-800p {
      min-width: 800%;
    }

    .wd-md-850 {
      width: 850px;
    }

    .wd-md-850p {
      width: 850%;
    }

    .mx-wd-md-850p {
      max-width: 850%;
    }

    .mn-wd-md-850p {
      min-width: 850%;
    }

    .wd-md-900 {
      width: 900px;
    }

    .wd-md-900p {
      width: 900%;
    }

    .mx-wd-md-900p {
      max-width: 900%;
    }

    .mn-wd-md-900p {
      min-width: 900%;
    }

    .wd-md-950 {
      width: 950px;
    }

    .wd-md-950p {
      width: 950%;
    }

    .mx-wd-md-950p {
      max-width: 950%;
    }

    .mn-wd-md-950p {
      min-width: 950%;
    }

    .wd-md-1000 {
      width: 1000px;
    }

    .wd-md-1000p {
      width: 1000%;
    }

    .mx-wd-md-1000p {
      max-width: 1000%;
    }

    .mn-wd-md-1000p {
      min-width: 1000%;
    }

    .wd-md-auto {
      width: auto;
    }

    .wd-md-120 {
      width: 120px;
    }
  }

  .owl-next *,
  .owl-prev * {
    font-size: 25px !important;
  }

  @media (min-width: 992px) {
    html[dir="rtl"] * #main {
      margin-right: 85px;
      transition: margin-right 0.5s;
    }

    html[dir="ltr"] * #main {
      margin-left: 85px;
      transition: margin-left 0.5s;
    }

    .wd-lg-5 {
      width: 5px;
    }

    .wd-lg-5p {
      width: 5%;
    }

    .mx-wd-lg-5p {
      max-width: 5%;
    }

    .mn-wd-lg-5p {
      min-width: 5%;
    }

    .wd-lg-10 {
      width: 10px;
    }

    .wd-lg-10p {
      width: 10%;
    }

    .mx-wd-lg-10p {
      max-width: 10%;
    }

    .mn-wd-lg-10p {
      min-width: 10%;
    }

    .wd-lg-15 {
      width: 15px;
    }

    .wd-lg-15p {
      width: 15%;
    }

    .mx-wd-lg-15p {
      max-width: 15%;
    }

    .mn-wd-lg-15p {
      min-width: 15%;
    }

    .wd-lg-20 {
      width: 20px;
    }

    .wd-lg-20p {
      width: 20%;
    }

    .mx-wd-lg-20p {
      max-width: 20%;
    }

    .mn-wd-lg-20p {
      min-width: 20%;
    }

    .wd-lg-25 {
      width: 25px;
    }

    .wd-lg-25p {
      width: 25%;
    }

    .mx-wd-lg-25p {
      max-width: 25%;
    }

    .mn-wd-lg-25p {
      min-width: 25%;
    }

    .wd-lg-30 {
      width: 30px;
    }

    .wd-lg-30p {
      width: 30%;
    }

    .mx-wd-lg-30p {
      max-width: 30%;
    }

    .mn-wd-lg-30p {
      min-width: 30%;
    }

    .wd-lg-35 {
      width: 35px;
    }

    .wd-lg-35p {
      width: 35%;
    }

    .mx-wd-lg-35p {
      max-width: 35%;
    }

    .mn-wd-lg-35p {
      min-width: 35%;
    }

    .wd-lg-40 {
      width: 40px;
    }

    .wd-lg-40p {
      width: 40%;
    }

    .mx-wd-lg-40p {
      max-width: 40%;
    }

    .mn-wd-lg-40p {
      min-width: 40%;
    }

    .wd-lg-45 {
      width: 45px;
    }

    .wd-lg-45p {
      width: 45%;
    }

    .mx-wd-lg-45p {
      max-width: 45%;
    }

    .mn-wd-lg-45p {
      min-width: 45%;
    }

    .wd-lg-50 {
      width: 50px;
    }

    .wd-lg-50p {
      width: 50%;
    }

    .mx-wd-lg-50p {
      max-width: 50%;
    }

    .mn-wd-lg-50p {
      min-width: 50%;
    }

    .wd-lg-55 {
      width: 55px;
    }

    .wd-lg-55p {
      width: 55%;
    }

    .mx-wd-lg-55p {
      max-width: 55%;
    }

    .mn-wd-lg-55p {
      min-width: 55%;
    }

    .wd-lg-60 {
      width: 60px;
    }

    .wd-lg-60p {
      width: 60%;
    }

    .mx-wd-lg-60p {
      max-width: 60%;
    }

    .mn-wd-lg-60p {
      min-width: 60%;
    }

    .wd-lg-65 {
      width: 65px;
    }

    .wd-lg-65p {
      width: 65%;
    }

    .mx-wd-lg-65p {
      max-width: 65%;
    }

    .mn-wd-lg-65p {
      min-width: 65%;
    }

    .wd-lg-70 {
      width: 70px;
    }

    .wd-lg-70p {
      width: 70%;
    }

    .mx-wd-lg-70p {
      max-width: 70%;
    }

    .mn-wd-lg-70p {
      min-width: 70%;
    }

    .wd-lg-75 {
      width: 75px;
    }

    .wd-lg-75p {
      width: 75%;
    }

    .mx-wd-lg-75p {
      max-width: 75%;
    }

    .mn-wd-lg-75p {
      min-width: 75%;
    }

    .wd-lg-80 {
      width: 80px;
    }

    .wd-lg-80p {
      width: 80%;
    }

    .mx-wd-lg-80p {
      max-width: 80%;
    }

    .mn-wd-lg-80p {
      min-width: 80%;
    }

    .wd-lg-85 {
      width: 85px;
    }

    .wd-lg-85p {
      width: 85%;
    }

    .mx-wd-lg-85p {
      max-width: 85%;
    }

    .mn-wd-lg-85p {
      min-width: 85%;
    }

    .wd-lg-90 {
      width: 90px;
    }

    .wd-lg-90p {
      width: 90%;
    }

    .mx-wd-lg-90p {
      max-width: 90%;
    }

    .mn-wd-lg-90p {
      min-width: 90%;
    }

    .wd-lg-95 {
      width: 95px;
    }

    .wd-lg-95p {
      width: 95%;
    }

    .mx-wd-lg-95p {
      max-width: 95%;
    }

    .mn-wd-lg-95p {
      min-width: 95%;
    }

    .wd-lg-100 {
      width: 100px;
    }

    .wd-lg-100p {
      width: 100%;
    }

    .mx-wd-lg-100p {
      max-width: 100%;
    }

    .mn-wd-lg-100p {
      min-width: 100%;
    }

    .wd-lg-150 {
      width: 150px;
    }

    .wd-lg-150p {
      width: 150%;
    }

    .mx-wd-lg-150p {
      max-width: 150%;
    }

    .mn-wd-lg-150p {
      min-width: 150%;
    }

    .wd-lg-200 {
      width: 200px;
    }

    .wd-lg-200p {
      width: 200%;
    }

    .mx-wd-lg-200p {
      max-width: 200%;
    }

    .mn-wd-lg-200p {
      min-width: 200%;
    }

    .wd-lg-250 {
      width: 250px;
    }

    .wd-lg-250p {
      width: 250%;
    }

    .mx-wd-lg-250p {
      max-width: 250%;
    }

    .mn-wd-lg-250p {
      min-width: 250%;
    }

    .wd-lg-280 {
      width: 280px;
    }

    .wd-lg-300 {
      width: 300px;
    }

    .wd-lg-300p {
      width: 300%;
    }

    .mx-wd-lg-300p {
      max-width: 300%;
    }

    .mn-wd-lg-300p {
      min-width: 300%;
    }

    .wd-lg-350 {
      width: 350px;
    }

    .wd-lg-350p {
      width: 350%;
    }

    .mx-wd-lg-350p {
      max-width: 350%;
    }

    .mn-wd-lg-350p {
      min-width: 350%;
    }

    .wd-lg-400 {
      width: 400px;
    }

    .wd-lg-400p {
      width: 400%;
    }

    .mx-wd-lg-400p {
      max-width: 400%;
    }

    .mn-wd-lg-400p {
      min-width: 400%;
    }

    .wd-lg-450 {
      width: 450px;
    }

    .wd-lg-450p {
      width: 450%;
    }

    .mx-wd-lg-450p {
      max-width: 450%;
    }

    .mn-wd-lg-450p {
      min-width: 450%;
    }

    .wd-lg-500 {
      width: 500px;
    }

    .wd-lg-500p {
      width: 500%;
    }

    .mx-wd-lg-500p {
      max-width: 500%;
    }

    .mn-wd-lg-500p {
      min-width: 500%;
    }

    .wd-lg-550 {
      width: 550px;
    }

    .wd-lg-550p {
      width: 550%;
    }

    .mx-wd-lg-550p {
      max-width: 550%;
    }

    .mn-wd-lg-550p {
      min-width: 550%;
    }

    .wd-lg-600 {
      width: 600px;
    }

    .wd-lg-600p {
      width: 600%;
    }

    .mx-wd-lg-600p {
      max-width: 600%;
    }

    .mn-wd-lg-600p {
      min-width: 600%;
    }

    .wd-lg-650 {
      width: 650px;
    }

    .wd-lg-650p {
      width: 650%;
    }

    .mx-wd-lg-650p {
      max-width: 650%;
    }

    .mn-wd-lg-650p {
      min-width: 650%;
    }

    .wd-lg-700 {
      width: 700px;
    }

    .wd-lg-700p {
      width: 700%;
    }

    .mx-wd-lg-700p {
      max-width: 700%;
    }

    .mn-wd-lg-700p {
      min-width: 700%;
    }

    .wd-lg-750 {
      width: 750px;
    }

    .wd-lg-750p {
      width: 750%;
    }

    .mx-wd-lg-750p {
      max-width: 750%;
    }

    .mn-wd-lg-750p {
      min-width: 750%;
    }

    .wd-lg-800 {
      width: 800px;
    }

    .wd-lg-800p {
      width: 800%;
    }

    .mx-wd-lg-800p {
      max-width: 800%;
    }

    .mn-wd-lg-800p {
      min-width: 800%;
    }

    .wd-lg-850 {
      width: 850px;
    }

    .wd-lg-850p {
      width: 850%;
    }

    .mx-wd-lg-850p {
      max-width: 850%;
    }

    .mn-wd-lg-850p {
      min-width: 850%;
    }

    .wd-lg-900 {
      width: 900px;
    }

    .wd-lg-900p {
      width: 900%;
    }

    .mx-wd-lg-900p {
      max-width: 900%;
    }

    .mn-wd-lg-900p {
      min-width: 900%;
    }

    .wd-lg-950 {
      width: 950px;
    }

    .wd-lg-950p {
      width: 950%;
    }

    .mx-wd-lg-950p {
      max-width: 950%;
    }

    .mn-wd-lg-950p {
      min-width: 950%;
    }

    .wd-lg-1000 {
      width: 1000px;
    }

    .wd-lg-1000p {
      width: 1000%;
    }

    .mx-wd-lg-1000p {
      max-width: 1000%;
    }

    .mn-wd-lg-1000p {
      min-width: 1000%;
    }

    .wd-lg-auto {
      width: auto;
    }
  }

  @media (min-width: 1200px) {
    .wd-xl-5 {
      width: 5px;
    }

    .wd-xl-5p {
      width: 5%;
    }

    .mx-wd-xl-5p {
      max-width: 5%;
    }

    .mn-wd-xl-5p {
      min-width: 5%;
    }

    .wd-xl-10 {
      width: 10px;
    }

    .wd-xl-10p {
      width: 10%;
    }

    .mx-wd-xl-10p {
      max-width: 10%;
    }

    .mn-wd-xl-10p {
      min-width: 10%;
    }

    .wd-xl-15 {
      width: 15px;
    }

    .wd-xl-15p {
      width: 15%;
    }

    .mx-wd-xl-15p {
      max-width: 15%;
    }

    .mn-wd-xl-15p {
      min-width: 15%;
    }

    .wd-xl-20 {
      width: 20px;
    }

    .wd-xl-20p {
      width: 20%;
    }

    .mx-wd-xl-20p {
      max-width: 20%;
    }

    .mn-wd-xl-20p {
      min-width: 20%;
    }

    .wd-xl-25 {
      width: 25px;
    }

    .wd-xl-25p {
      width: 25%;
    }

    .mx-wd-xl-25p {
      max-width: 25%;
    }

    .mn-wd-xl-25p {
      min-width: 25%;
    }

    .wd-xl-30 {
      width: 30px;
    }

    .wd-xl-30p {
      width: 30%;
    }

    .mx-wd-xl-30p {
      max-width: 30%;
    }

    .mn-wd-xl-30p {
      min-width: 30%;
    }

    .wd-xl-35 {
      width: 35px;
    }

    .wd-xl-35p {
      width: 35%;
    }

    .mx-wd-xl-35p {
      max-width: 35%;
    }

    .mn-wd-xl-35p {
      min-width: 35%;
    }

    .wd-xl-40 {
      width: 40px;
    }

    .wd-xl-40p {
      width: 40%;
    }

    .mx-wd-xl-40p {
      max-width: 40%;
    }

    .mn-wd-xl-40p {
      min-width: 40%;
    }

    .wd-xl-45 {
      width: 45px;
    }

    .wd-xl-45p {
      width: 45%;
    }

    .mx-wd-xl-45p {
      max-width: 45%;
    }

    .mn-wd-xl-45p {
      min-width: 45%;
    }

    .wd-xl-50 {
      width: 50px;
    }

    .wd-xl-50p {
      width: 50%;
    }

    .mx-wd-xl-50p {
      max-width: 50%;
    }

    .mn-wd-xl-50p {
      min-width: 50%;
    }

    .wd-xl-55 {
      width: 55px;
    }

    .wd-xl-55p {
      width: 55%;
    }

    .mx-wd-xl-55p {
      max-width: 55%;
    }

    .mn-wd-xl-55p {
      min-width: 55%;
    }

    .wd-xl-60 {
      width: 60px;
    }

    .wd-xl-60p {
      width: 60%;
    }

    .mx-wd-xl-60p {
      max-width: 60%;
    }

    .mn-wd-xl-60p {
      min-width: 60%;
    }

    .wd-xl-65 {
      width: 65px;
    }

    .wd-xl-65p {
      width: 65%;
    }

    .mx-wd-xl-65p {
      max-width: 65%;
    }

    .mn-wd-xl-65p {
      min-width: 65%;
    }

    .wd-xl-70 {
      width: 70px;
    }

    .wd-xl-70p {
      width: 70%;
    }

    .mx-wd-xl-70p {
      max-width: 70%;
    }

    .mn-wd-xl-70p {
      min-width: 70%;
    }

    .wd-xl-75 {
      width: 75px;
    }

    .wd-xl-75p {
      width: 75%;
    }

    .mx-wd-xl-75p {
      max-width: 75%;
    }

    .mn-wd-xl-75p {
      min-width: 75%;
    }

    .wd-xl-80 {
      width: 80px;
    }

    .wd-xl-80p {
      width: 80%;
    }

    .mx-wd-xl-80p {
      max-width: 80%;
    }

    .mn-wd-xl-80p {
      min-width: 80%;
    }

    .wd-xl-85 {
      width: 85px;
    }

    .wd-xl-85p {
      width: 85%;
    }

    .mx-wd-xl-85p {
      max-width: 85%;
    }

    .mn-wd-xl-85p {
      min-width: 85%;
    }

    .wd-xl-90 {
      width: 90px;
    }

    .wd-xl-90p {
      width: 90%;
    }

    .mx-wd-xl-90p {
      max-width: 90%;
    }

    .mn-wd-xl-90p {
      min-width: 90%;
    }

    .wd-xl-95 {
      width: 95px;
    }

    .wd-xl-95p {
      width: 95%;
    }

    .mx-wd-xl-95p {
      max-width: 95%;
    }

    .mn-wd-xl-95p {
      min-width: 95%;
    }

    .wd-xl-100 {
      width: 100px;
    }

    .wd-xl-100p {
      width: 100%;
    }

    .mx-wd-xl-100p {
      max-width: 100%;
    }

    .mn-wd-xl-100p {
      min-width: 100%;
    }

    .wd-xl-150 {
      width: 150px;
    }

    .wd-xl-150p {
      width: 150%;
    }

    .mx-wd-xl-150p {
      max-width: 150%;
    }

    .mn-wd-xl-150p {
      min-width: 150%;
    }

    .wd-xl-200 {
      width: 200px;
    }

    .wd-xl-200p {
      width: 200%;
    }

    .mx-wd-xl-200p {
      max-width: 200%;
    }

    .mn-wd-xl-200p {
      min-width: 200%;
    }

    .wd-xl-250 {
      width: 250px;
    }

    .wd-xl-250p {
      width: 250%;
    }

    .mx-wd-xl-250p {
      max-width: 250%;
    }

    .mn-wd-xl-250p {
      min-width: 250%;
    }

    .wd-xl-300 {
      width: 300px;
    }

    .wd-xl-300p {
      width: 300%;
    }

    .mx-wd-xl-300p {
      max-width: 300%;
    }

    .mn-wd-xl-300p {
      min-width: 300%;
    }

    .wd-xl-350 {
      width: 350px;
    }

    .wd-xl-350p {
      width: 350%;
    }

    .mx-wd-xl-350p {
      max-width: 350%;
    }

    .mn-wd-xl-350p {
      min-width: 350%;
    }

    .wd-xl-400 {
      width: 400px;
    }

    .wd-xl-400p {
      width: 400%;
    }

    .mx-wd-xl-400p {
      max-width: 400%;
    }

    .mn-wd-xl-400p {
      min-width: 400%;
    }

    .wd-xl-450 {
      width: 450px;
    }

    .wd-xl-450p {
      width: 450%;
    }

    .mx-wd-xl-450p {
      max-width: 450%;
    }

    .mn-wd-xl-450p {
      min-width: 450%;
    }

    .wd-xl-500 {
      width: 500px;
    }

    .wd-xl-500p {
      width: 500%;
    }

    .mx-wd-xl-500p {
      max-width: 500%;
    }

    .mn-wd-xl-500p {
      min-width: 500%;
    }

    .wd-xl-550 {
      width: 550px;
    }

    .wd-xl-550p {
      width: 550%;
    }

    .mx-wd-xl-550p {
      max-width: 550%;
    }

    .mn-wd-xl-550p {
      min-width: 550%;
    }

    .wd-xl-600 {
      width: 600px;
    }

    .wd-xl-600p {
      width: 600%;
    }

    .mx-wd-xl-600p {
      max-width: 600%;
    }

    .mn-wd-xl-600p {
      min-width: 600%;
    }

    .wd-xl-650 {
      width: 650px;
    }

    .wd-xl-650p {
      width: 650%;
    }

    .mx-wd-xl-650p {
      max-width: 650%;
    }

    .mn-wd-xl-650p {
      min-width: 650%;
    }

    .wd-xl-700 {
      width: 700px;
    }

    .wd-xl-700p {
      width: 700%;
    }

    .mx-wd-xl-700p {
      max-width: 700%;
    }

    .mn-wd-xl-700p {
      min-width: 700%;
    }

    .wd-xl-750 {
      width: 750px;
    }

    .wd-xl-750p {
      width: 750%;
    }

    .mx-wd-xl-750p {
      max-width: 750%;
    }

    .mn-wd-xl-750p {
      min-width: 750%;
    }

    .wd-xl-800 {
      width: 800px;
    }

    .wd-xl-800p {
      width: 800%;
    }

    .mx-wd-xl-800p {
      max-width: 800%;
    }

    .mn-wd-xl-800p {
      min-width: 800%;
    }

    .wd-xl-850 {
      width: 850px;
    }

    .wd-xl-850p {
      width: 850%;
    }

    .mx-wd-xl-850p {
      max-width: 850%;
    }

    .mn-wd-xl-850p {
      min-width: 850%;
    }

    .wd-xl-900 {
      width: 900px;
    }

    .wd-xl-900p {
      width: 900%;
    }

    .mx-wd-xl-900p {
      max-width: 900%;
    }

    .mn-wd-xl-900p {
      min-width: 900%;
    }

    .wd-xl-950 {
      width: 950px;
    }

    .wd-xl-950p {
      width: 950%;
    }

    .mx-wd-xl-950p {
      max-width: 950%;
    }

    .mn-wd-xl-950p {
      min-width: 950%;
    }

    .wd-xl-1000 {
      width: 1000px;
    }

    .wd-xl-1000p {
      width: 1000%;
    }

    .mx-wd-xl-1000p {
      max-width: 1000%;
    }

    .mn-wd-xl-1000p {
      min-width: 1000%;
    }

    .wd-xl-auto {
      width: auto;
      width: auto !important;
    }
  }

  .wd-100v {
    width: 100vw;
  }

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

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

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

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

  .mw-100 {
    max-width: 100% !important;
  }

  .min-vw-100 {
    min-width: 100vw !important;
  }

  .vw-100 {
    width: 100vw !important;
  }

  /*  */

  .font-weight-light {
    font-weight: 300 !important;
  }

  .font-weight-lighter {
    font-weight: lighter !important;
  }

  .font-weight-normal {
    font-weight: 400 !important;
  }

  .font-weight-semibold {
    font-weight: 500 !important;
  }

  .font-weight-bold {
    font-weight: 700 !important;
  }

  .font-weight-bolder {
    font-weight: bolder !important;
  }

  .iti__arrow {
    margin-left: 6px;
    margin-right: 6px;
  }

  /* ###### Height ###### */
  .ht-5 {
    height: 5px;
  }

  .ht-5p {
    height: 5%;
  }

  .mx-ht-5p {
    max-height: 5%;
  }

  .mn-ht-5p {
    min-height: 5%;
  }

  .ht-10 {
    height: 10px;
  }

  .ht-10p {
    height: 10%;
  }

  .mx-ht-10p {
    max-height: 10%;
  }

  .mn-ht-10p {
    min-height: 10%;
  }

  .ht-15 {
    height: 15px;
  }

  .ht-15p {
    height: 15%;
  }

  .mx-ht-15p {
    max-height: 15%;
  }

  .mn-ht-15p {
    min-height: 15%;
  }

  .ht-20 {
    height: 20px;
  }

  .ht-20p {
    height: 20%;
  }

  .mx-ht-20p {
    max-height: 20%;
  }

  .mn-ht-20p {
    min-height: 20%;
  }

  .ht-25 {
    height: 25px;
  }

  .ht-25p {
    height: 25%;
  }

  .mx-ht-25p {
    max-height: 25%;
  }

  .mn-ht-25p {
    min-height: 25%;
  }

  .ht-30 {
    height: 30px;
  }

  .ht-30p {
    height: 30%;
  }

  .mx-ht-30p {
    max-height: 30%;
  }

  .mn-ht-30p {
    min-height: 30%;
  }

  .ht-35 {
    height: 35px;
  }

  .ht-35p {
    height: 35%;
  }

  .mx-ht-35p {
    max-height: 35%;
  }

  .mn-ht-35p {
    min-height: 35%;
  }

  .ht-40 {
    height: 40px;
  }

  .ht-40p {
    height: 40%;
  }

  .mx-ht-40p {
    max-height: 40%;
  }

  .mn-ht-40p {
    min-height: 40%;
  }

  .ht-45 {
    height: 45px;
  }

  .ht-45p {
    height: 45%;
  }

  .mx-ht-45p {
    max-height: 45%;
  }

  .mn-ht-45p {
    min-height: 45%;
  }

  .ht-50 {
    height: 50px;
  }

  .ht-50p {
    height: 50%;
  }

  .mx-ht-50p {
    max-height: 50%;
  }

  .mn-ht-50p {
    min-height: 50%;
  }

  .ht-55 {
    height: 55px;
  }

  .ht-55p {
    height: 55%;
  }

  .mx-ht-55p {
    max-height: 55%;
  }

  .mn-ht-55p {
    min-height: 55%;
  }

  .ht-60 {
    height: 60px;
  }

  .ht-60p {
    height: 60%;
  }

  .mx-ht-60p {
    max-height: 60%;
  }

  .mn-ht-60p {
    min-height: 60%;
  }

  .ht-65 {
    height: 65px;
  }

  .ht-65p {
    height: 65%;
  }

  .mx-ht-65p {
    max-height: 65%;
  }

  .mn-ht-65p {
    min-height: 65%;
  }

  .ht-70 {
    height: 70px;
  }

  .ht-70p {
    height: 70%;
  }

  .mx-ht-70p {
    max-height: 70%;
  }

  .mn-ht-70p {
    min-height: 70%;
  }

  .ht-75 {
    height: 75px;
  }

  .ht-75p {
    height: 75%;
  }

  .mx-ht-75p {
    max-height: 75%;
  }

  .mn-ht-75p {
    min-height: 75%;
  }

  .ht-80 {
    height: 80px;
  }

  .ht-80p {
    height: 80%;
  }

  .mx-ht-80p {
    max-height: 80%;
  }

  .mn-ht-80p {
    min-height: 80%;
  }

  .ht-85 {
    height: 85px;
  }

  .ht-85p {
    height: 85%;
  }

  .mx-ht-85p {
    max-height: 85%;
  }

  .mn-ht-85p {
    min-height: 85%;
  }

  .ht-90 {
    height: 90px;
  }

  .ht-90p {
    height: 90%;
  }

  .mx-ht-90p {
    max-height: 90%;
  }

  .mn-ht-90p {
    min-height: 90%;
  }

  .ht-95 {
    height: 95px;
  }

  .ht-95p {
    height: 95%;
  }

  .mx-ht-95p {
    max-height: 95%;
  }

  .mn-ht-95p {
    min-height: 95%;
  }

  .ht-100 {
    height: 100px !important;
  }

  .ht-100p {
    height: 100%;
  }

  .mx-ht-100p {
    max-height: 100%;
  }

  .mn-ht-100p {
    min-height: 100%;
  }

  .ht-150 {
    height: 150px;
  }

  .ht-200 {
    height: 200px !important;
  }

  .ht-250 {
    height: 250px !important;
  }

  .ht-300 {
    height: 300px;
  }

  .ht-350 {
    height: 350px;
  }

  .ht-400 {
    height: 400px;
  }

  .ht-450 {
    height: 450px;
  }

  .ht-500 {
    height: 500px;
  }

  .ht-550 {
    height: 550px;
  }

  .ht-600 {
    height: 600px;
  }

  .ht-650 {
    height: 650px;
  }

  .ht-700 {
    height: 700px;
  }

  .ht-750 {
    height: 750px;
  }

  .ht-800 {
    height: 800px;
  }

  .ht-100v {
    height: 100vh;
  }

  .ht-1 {
    height: 1px;
  }

  .ht-2 {
    height: 2px;
  }

  .ht-3 {
    height: 3px;
  }

  .ht-4 {
    height: 4px;
  }

  .ht-6 {
    height: 6px;
  }

  .ht-7 {
    height: 7px;
  }

  .ht-8 {
    height: 8px;
  }

  .ht-9 {
    height: 9px;
  }

  .ht-auto {
    height: auto;
  }

  .ht-16 {
    height: 16px;
  }

  .ht-32 {
    height: 32px;
  }

  .ht-36 {
    height: 36px;
  }

  .ht-48 {
    height: 48px;
  }

  .ht-64 {
    height: 64px;
  }

  .ht-72 {
    height: 72px;
  }

  .ht-115 {
    height: 115px;
  }

  .ht-120 {
    height: 120px;
  }

  .ht-160 {
    height: 160px;
  }

  @media (min-width: 480px) {
    .ht-xs-5 {
      height: 5px;
    }

    .ht-xs-5p {
      height: 5%;
    }

    .mx-ht-xs-5p {
      max-height: 5%;
    }

    .mn-ht-xs-5p {
      min-height: 5%;
    }

    .ht-xs-10 {
      height: 10px;
    }

    .ht-xs-10p {
      height: 10%;
    }

    .mx-ht-xs-10p {
      max-height: 10%;
    }

    .mn-ht-xs-10p {
      min-height: 10%;
    }

    .ht-xs-15 {
      height: 15px;
    }

    .ht-xs-15p {
      height: 15%;
    }

    .mx-ht-xs-15p {
      max-height: 15%;
    }

    .mn-ht-xs-15p {
      min-height: 15%;
    }

    .ht-xs-20 {
      height: 20px;
    }

    .ht-xs-20p {
      height: 20%;
    }

    .mx-ht-xs-20p {
      max-height: 20%;
    }

    .mn-ht-xs-20p {
      min-height: 20%;
    }

    .ht-xs-25 {
      height: 25px;
    }

    .ht-xs-25p {
      height: 25%;
    }

    .mx-ht-xs-25p {
      max-height: 25%;
    }

    .mn-ht-xs-25p {
      min-height: 25%;
    }

    .ht-xs-30 {
      height: 30px;
    }

    .ht-xs-30p {
      height: 30%;
    }

    .mx-ht-xs-30p {
      max-height: 30%;
    }

    .mn-ht-xs-30p {
      min-height: 30%;
    }

    .ht-xs-35 {
      height: 35px;
    }

    .ht-xs-35p {
      height: 35%;
    }

    .mx-ht-xs-35p {
      max-height: 35%;
    }

    .mn-ht-xs-35p {
      min-height: 35%;
    }

    .ht-xs-40 {
      height: 40px;
    }

    .ht-xs-40p {
      height: 40%;
    }

    .mx-ht-xs-40p {
      max-height: 40%;
    }

    .mn-ht-xs-40p {
      min-height: 40%;
    }

    .ht-xs-45 {
      height: 45px;
    }

    .ht-xs-45p {
      height: 45%;
    }

    .mx-ht-xs-45p {
      max-height: 45%;
    }

    .mn-ht-xs-45p {
      min-height: 45%;
    }

    .ht-xs-50 {
      height: 50px;
    }

    .ht-xs-50p {
      height: 50%;
    }

    .mx-ht-xs-50p {
      max-height: 50%;
    }

    .mn-ht-xs-50p {
      min-height: 50%;
    }

    .ht-xs-55 {
      height: 55px;
    }

    .ht-xs-55p {
      height: 55%;
    }

    .mx-ht-xs-55p {
      max-height: 55%;
    }

    .mn-ht-xs-55p {
      min-height: 55%;
    }

    .ht-xs-60 {
      height: 60px;
    }

    .ht-xs-60p {
      height: 60%;
    }

    .mx-ht-xs-60p {
      max-height: 60%;
    }

    .mn-ht-xs-60p {
      min-height: 60%;
    }

    .ht-xs-65 {
      height: 65px;
    }

    .ht-xs-65p {
      height: 65%;
    }

    .mx-ht-xs-65p {
      max-height: 65%;
    }

    .mn-ht-xs-65p {
      min-height: 65%;
    }

    .ht-xs-70 {
      height: 70px;
    }

    .ht-xs-70p {
      height: 70%;
    }

    .mx-ht-xs-70p {
      max-height: 70%;
    }

    .mn-ht-xs-70p {
      min-height: 70%;
    }

    .ht-xs-75 {
      height: 75px;
    }

    .ht-xs-75p {
      height: 75%;
    }

    .mx-ht-xs-75p {
      max-height: 75%;
    }

    .mn-ht-xs-75p {
      min-height: 75%;
    }

    .ht-xs-80 {
      height: 80px;
    }

    .ht-xs-80p {
      height: 80%;
    }

    .mx-ht-xs-80p {
      max-height: 80%;
    }

    .mn-ht-xs-80p {
      min-height: 80%;
    }

    .ht-xs-85 {
      height: 85px;
    }

    .ht-xs-85p {
      height: 85%;
    }

    .mx-ht-xs-85p {
      max-height: 85%;
    }

    .mn-ht-xs-85p {
      min-height: 85%;
    }

    .ht-xs-90 {
      height: 90px;
    }

    .ht-xs-90p {
      height: 90%;
    }

    .mx-ht-xs-90p {
      max-height: 90%;
    }

    .mn-ht-xs-90p {
      min-height: 90%;
    }

    .ht-xs-95 {
      height: 95px;
    }

    .ht-xs-95p {
      height: 95%;
    }

    .mx-ht-xs-95p {
      max-height: 95%;
    }

    .mn-ht-xs-95p {
      min-height: 95%;
    }

    .ht-xs-100 {
      height: 100px;
    }

    .ht-xs-100p {
      height: 100%;
    }

    .mx-ht-xs-100p {
      max-height: 100%;
    }

    .mn-ht-xs-100p {
      min-height: 100%;
    }

    .ht-xs-150 {
      height: 150px;
    }

    .ht-xs-150p {
      height: 150%;
    }

    .mx-ht-xs-150p {
      max-height: 150%;
    }

    .mn-ht-xs-150p {
      min-height: 150%;
    }

    .ht-xs-200 {
      height: 200px;
    }

    .ht-xs-200p {
      height: 200%;
    }

    .mx-ht-xs-200p {
      max-height: 200%;
    }

    .mn-ht-xs-200p {
      min-height: 200%;
    }

    .ht-xs-250 {
      height: 250px;
    }

    .ht-xs-250p {
      height: 250%;
    }

    .mx-ht-xs-250p {
      max-height: 250%;
    }

    .mn-ht-xs-250p {
      min-height: 250%;
    }

    .ht-xs-300 {
      height: 300px;
    }

    .ht-xs-300p {
      height: 300%;
    }

    .mx-ht-xs-300p {
      max-height: 300%;
    }

    .mn-ht-xs-300p {
      min-height: 300%;
    }

    .ht-xs-350 {
      height: 350px;
    }

    .ht-xs-350p {
      height: 350%;
    }

    .mx-ht-xs-350p {
      max-height: 350%;
    }

    .mn-ht-xs-350p {
      min-height: 350%;
    }

    .ht-xs-400 {
      height: 400px;
    }

    .ht-xs-400p {
      height: 400%;
    }

    .mx-ht-xs-400p {
      max-height: 400%;
    }

    .mn-ht-xs-400p {
      min-height: 400%;
    }

    .ht-xs-450 {
      height: 450px;
    }

    .ht-xs-450p {
      height: 450%;
    }

    .mx-ht-xs-450p {
      max-height: 450%;
    }

    .mn-ht-xs-450p {
      min-height: 450%;
    }

    .ht-xs-500 {
      height: 500px;
    }

    .ht-xs-500p {
      height: 500%;
    }

    .mx-ht-xs-500p {
      max-height: 500%;
    }

    .mn-ht-xs-500p {
      min-height: 500%;
    }

    .ht-xs-550 {
      height: 550px;
    }

    .ht-xs-550p {
      height: 550%;
    }

    .mx-ht-xs-550p {
      max-height: 550%;
    }

    .mn-ht-xs-550p {
      min-height: 550%;
    }

    .ht-xs-600 {
      height: 600px;
    }

    .ht-xs-600p {
      height: 600%;
    }

    .mx-ht-xs-600p {
      max-height: 600%;
    }

    .mn-ht-xs-600p {
      min-height: 600%;
    }

    .ht-xs-650 {
      height: 650px;
    }

    .ht-xs-650p {
      height: 650%;
    }

    .mx-ht-xs-650p {
      max-height: 650%;
    }

    .mn-ht-xs-650p {
      min-height: 650%;
    }

    .ht-xs-700 {
      height: 700px;
    }

    .ht-xs-700p {
      height: 700%;
    }

    .mx-ht-xs-700p {
      max-height: 700%;
    }

    .mn-ht-xs-700p {
      min-height: 700%;
    }

    .ht-xs-750 {
      height: 750px;
    }

    .ht-xs-750p {
      height: 750%;
    }

    .mx-ht-xs-750p {
      max-height: 750%;
    }

    .mn-ht-xs-750p {
      min-height: 750%;
    }

    .ht-xs-800 {
      height: 800px;
    }

    .ht-xs-800p {
      height: 800%;
    }

    .mx-ht-xs-800p {
      max-height: 800%;
    }

    .mn-ht-xs-800p {
      min-height: 800%;
    }

    .ht-xs-850 {
      height: 850px;
    }

    .ht-xs-850p {
      height: 850%;
    }

    .mx-ht-xs-850p {
      max-height: 850%;
    }

    .mn-ht-xs-850p {
      min-height: 850%;
    }

    .ht-xs-100v {
      height: 100vh;
    }
  }

  @media (min-width: 576px) {
    .ht-sm-5 {
      height: 5px;
    }

    .ht-sm-5p {
      height: 5%;
    }

    .mx-ht-sm-5p {
      max-height: 5%;
    }

    .mn-ht-sm-5p {
      min-height: 5%;
    }

    .ht-sm-10 {
      height: 10px;
    }

    .ht-sm-10p {
      height: 10%;
    }

    .mx-ht-sm-10p {
      max-height: 10%;
    }

    .mn-ht-sm-10p {
      min-height: 10%;
    }

    .ht-sm-15 {
      height: 15px;
    }

    .ht-sm-15p {
      height: 15%;
    }

    .mx-ht-sm-15p {
      max-height: 15%;
    }

    .mn-ht-sm-15p {
      min-height: 15%;
    }

    .ht-sm-20 {
      height: 20px;
    }

    .ht-sm-20p {
      height: 20%;
    }

    .mx-ht-sm-20p {
      max-height: 20%;
    }

    .mn-ht-sm-20p {
      min-height: 20%;
    }

    .ht-sm-25 {
      height: 25px;
    }

    .ht-sm-25p {
      height: 25%;
    }

    .mx-ht-sm-25p {
      max-height: 25%;
    }

    .mn-ht-sm-25p {
      min-height: 25%;
    }

    .ht-sm-30 {
      height: 30px;
    }

    .ht-sm-30p {
      height: 30%;
    }

    .mx-ht-sm-30p {
      max-height: 30%;
    }

    .mn-ht-sm-30p {
      min-height: 30%;
    }

    .ht-sm-35 {
      height: 35px;
    }

    .ht-sm-35p {
      height: 35%;
    }

    .mx-ht-sm-35p {
      max-height: 35%;
    }

    .mn-ht-sm-35p {
      min-height: 35%;
    }

    .ht-sm-40 {
      height: 40px;
    }

    .ht-sm-40p {
      height: 40%;
    }

    .mx-ht-sm-40p {
      max-height: 40%;
    }

    .mn-ht-sm-40p {
      min-height: 40%;
    }

    .ht-sm-45 {
      height: 45px;
    }

    .ht-sm-45p {
      height: 45%;
    }

    .mx-ht-sm-45p {
      max-height: 45%;
    }

    .mn-ht-sm-45p {
      min-height: 45%;
    }

    .ht-sm-50 {
      height: 50px;
    }

    .ht-sm-50p {
      height: 50%;
    }

    .mx-ht-sm-50p {
      max-height: 50%;
    }

    .mn-ht-sm-50p {
      min-height: 50%;
    }

    .ht-sm-55 {
      height: 55px;
    }

    .ht-sm-55p {
      height: 55%;
    }

    .mx-ht-sm-55p {
      max-height: 55%;
    }

    .mn-ht-sm-55p {
      min-height: 55%;
    }

    .ht-sm-60 {
      height: 60px;
    }

    .ht-sm-60p {
      height: 60%;
    }

    .mx-ht-sm-60p {
      max-height: 60%;
    }

    .mn-ht-sm-60p {
      min-height: 60%;
    }

    .ht-sm-65 {
      height: 65px;
    }

    .ht-sm-65p {
      height: 65%;
    }

    .mx-ht-sm-65p {
      max-height: 65%;
    }

    .mn-ht-sm-65p {
      min-height: 65%;
    }

    .ht-sm-70 {
      height: 70px;
    }

    .ht-sm-70p {
      height: 70%;
    }

    .mx-ht-sm-70p {
      max-height: 70%;
    }

    .mn-ht-sm-70p {
      min-height: 70%;
    }

    .ht-sm-75 {
      height: 75px;
    }

    .ht-sm-75p {
      height: 75%;
    }

    .mx-ht-sm-75p {
      max-height: 75%;
    }

    .mn-ht-sm-75p {
      min-height: 75%;
    }

    .ht-sm-80 {
      height: 80px;
    }

    .ht-sm-80p {
      height: 80%;
    }

    .mx-ht-sm-80p {
      max-height: 80%;
    }

    .mn-ht-sm-80p {
      min-height: 80%;
    }

    .ht-sm-85 {
      height: 85px;
    }

    .ht-sm-85p {
      height: 85%;
    }

    .mx-ht-sm-85p {
      max-height: 85%;
    }

    .mn-ht-sm-85p {
      min-height: 85%;
    }

    .ht-sm-90 {
      height: 90px;
    }

    .ht-sm-90p {
      height: 90%;
    }

    .mx-ht-sm-90p {
      max-height: 90%;
    }

    .mn-ht-sm-90p {
      min-height: 90%;
    }

    .ht-sm-95 {
      height: 95px;
    }

    .ht-sm-95p {
      height: 95%;
    }

    .mx-ht-sm-95p {
      max-height: 95%;
    }

    .mn-ht-sm-95p {
      min-height: 95%;
    }

    .ht-sm-100 {
      height: 100px;
    }

    .ht-sm-100p {
      height: 100%;
    }

    .mx-ht-sm-100p {
      max-height: 100%;
    }

    .mn-ht-sm-100p {
      min-height: 100%;
    }

    .ht-sm-150 {
      height: 150px;
    }

    .ht-sm-150p {
      height: 150%;
    }

    .mx-ht-sm-150p {
      max-height: 150%;
    }

    .mn-ht-sm-150p {
      min-height: 150%;
    }

    .ht-sm-200 {
      height: 200px;
    }

    .ht-sm-200p {
      height: 200%;
    }

    .mx-ht-sm-200p {
      max-height: 200%;
    }

    .mn-ht-sm-200p {
      min-height: 200%;
    }

    .ht-sm-250 {
      height: 250px;
    }

    .ht-sm-250p {
      height: 250%;
    }

    .mx-ht-sm-250p {
      max-height: 250%;
    }

    .mn-ht-sm-250p {
      min-height: 250%;
    }

    .ht-sm-300 {
      height: 300px;
    }

    .ht-sm-300p {
      height: 300%;
    }

    .mx-ht-sm-300p {
      max-height: 300%;
    }

    .mn-ht-sm-300p {
      min-height: 300%;
    }

    .ht-sm-350 {
      height: 350px;
    }

    .ht-sm-350p {
      height: 350%;
    }

    .mx-ht-sm-350p {
      max-height: 350%;
    }

    .mn-ht-sm-350p {
      min-height: 350%;
    }

    .ht-sm-400 {
      height: 400px;
    }

    .ht-sm-400p {
      height: 400%;
    }

    .mx-ht-sm-400p {
      max-height: 400%;
    }

    .mn-ht-sm-400p {
      min-height: 400%;
    }

    .ht-sm-450 {
      height: 450px;
    }

    .ht-sm-450p {
      height: 450%;
    }

    .mx-ht-sm-450p {
      max-height: 450%;
    }

    .mn-ht-sm-450p {
      min-height: 450%;
    }

    .ht-sm-500 {
      height: 500px;
    }

    .ht-sm-500p {
      height: 500%;
    }

    .mx-ht-sm-500p {
      max-height: 500%;
    }

    .mn-ht-sm-500p {
      min-height: 500%;
    }

    .ht-sm-550 {
      height: 550px;
    }

    .ht-sm-550p {
      height: 550%;
    }

    .mx-ht-sm-550p {
      max-height: 550%;
    }

    .mn-ht-sm-550p {
      min-height: 550%;
    }

    .ht-sm-600 {
      height: 600px;
    }

    .ht-sm-600p {
      height: 600%;
    }

    .mx-ht-sm-600p {
      max-height: 600%;
    }

    .mn-ht-sm-600p {
      min-height: 600%;
    }

    .ht-sm-650 {
      height: 650px;
    }

    .ht-sm-650p {
      height: 650%;
    }

    .mx-ht-sm-650p {
      max-height: 650%;
    }

    .mn-ht-sm-650p {
      min-height: 650%;
    }

    .ht-sm-700 {
      height: 700px;
    }

    .ht-sm-700p {
      height: 700%;
    }

    .mx-ht-sm-700p {
      max-height: 700%;
    }

    .mn-ht-sm-700p {
      min-height: 700%;
    }

    .ht-sm-750 {
      height: 750px;
    }

    .ht-sm-750p {
      height: 750%;
    }

    .mx-ht-sm-750p {
      max-height: 750%;
    }

    .mn-ht-sm-750p {
      min-height: 750%;
    }

    .ht-sm-800 {
      height: 800px;
    }

    .ht-sm-800p {
      height: 800%;
    }

    .mx-ht-sm-800p {
      max-height: 800%;
    }

    .mn-ht-sm-800p {
      min-height: 800%;
    }

    .ht-sm-850 {
      height: 850px;
    }

    .ht-sm-850p {
      height: 850%;
    }

    .mx-ht-sm-850p {
      max-height: 850%;
    }

    .mn-ht-sm-850p {
      min-height: 850%;
    }

    .ht-sm-100v {
      height: 100vh;
    }
  }

  @media (min-width: 768px) {
    .ht-md-5 {
      height: 5px;
    }

    .ht-md-5p {
      height: 5%;
    }

    .mx-ht-md-5p {
      max-height: 5%;
    }

    .mn-ht-md-5p {
      min-height: 5%;
    }

    .ht-md-10 {
      height: 10px;
    }

    .ht-md-10p {
      height: 10%;
    }

    .mx-ht-md-10p {
      max-height: 10%;
    }

    .mn-ht-md-10p {
      min-height: 10%;
    }

    .ht-md-15 {
      height: 15px;
    }

    .ht-md-15p {
      height: 15%;
    }

    .mx-ht-md-15p {
      max-height: 15%;
    }

    .mn-ht-md-15p {
      min-height: 15%;
    }

    .ht-md-20 {
      height: 20px;
    }

    .ht-md-20p {
      height: 20%;
    }

    .mx-ht-md-20p {
      max-height: 20%;
    }

    .mn-ht-md-20p {
      min-height: 20%;
    }

    .ht-md-25 {
      height: 25px;
    }

    .ht-md-25p {
      height: 25%;
    }

    .mx-ht-md-25p {
      max-height: 25%;
    }

    .mn-ht-md-25p {
      min-height: 25%;
    }

    .ht-md-30 {
      height: 30px;
    }

    .ht-md-30p {
      height: 30%;
    }

    .mx-ht-md-30p {
      max-height: 30%;
    }

    .mn-ht-md-30p {
      min-height: 30%;
    }

    .ht-md-35 {
      height: 35px;
    }

    .ht-md-35p {
      height: 35%;
    }

    .mx-ht-md-35p {
      max-height: 35%;
    }

    .mn-ht-md-35p {
      min-height: 35%;
    }

    .ht-md-40 {
      height: 40px;
    }

    .ht-md-40p {
      height: 40%;
    }

    .mx-ht-md-40p {
      max-height: 40%;
    }

    .mn-ht-md-40p {
      min-height: 40%;
    }

    .ht-md-45 {
      height: 45px;
    }

    .ht-md-45p {
      height: 45%;
    }

    .mx-ht-md-45p {
      max-height: 45%;
    }

    .mn-ht-md-45p {
      min-height: 45%;
    }

    .ht-md-50 {
      height: 50px;
    }

    .ht-md-50p {
      height: 50%;
    }

    .mx-ht-md-50p {
      max-height: 50%;
    }

    .mn-ht-md-50p {
      min-height: 50%;
    }

    .ht-md-55 {
      height: 55px;
    }

    .ht-md-55p {
      height: 55%;
    }

    .mx-ht-md-55p {
      max-height: 55%;
    }

    .mn-ht-md-55p {
      min-height: 55%;
    }

    .ht-md-60 {
      height: 60px;
    }

    .ht-md-60p {
      height: 60%;
    }

    .mx-ht-md-60p {
      max-height: 60%;
    }

    .mn-ht-md-60p {
      min-height: 60%;
    }

    .ht-md-65 {
      height: 65px;
    }

    .ht-md-65p {
      height: 65%;
    }

    .mx-ht-md-65p {
      max-height: 65%;
    }

    .mn-ht-md-65p {
      min-height: 65%;
    }

    .ht-md-70 {
      height: 70px;
    }

    .ht-md-70p {
      height: 70%;
    }

    .mx-ht-md-70p {
      max-height: 70%;
    }

    .mn-ht-md-70p {
      min-height: 70%;
    }

    .ht-md-75 {
      height: 75px;
    }

    .ht-md-75p {
      height: 75%;
    }

    .mx-ht-md-75p {
      max-height: 75%;
    }

    .mn-ht-md-75p {
      min-height: 75%;
    }

    .ht-md-80 {
      height: 80px;
    }

    .ht-md-80p {
      height: 80%;
    }

    .mx-ht-md-80p {
      max-height: 80%;
    }

    .mn-ht-md-80p {
      min-height: 80%;
    }

    .ht-md-85 {
      height: 85px;
    }

    .ht-md-85p {
      height: 85%;
    }

    .mx-ht-md-85p {
      max-height: 85%;
    }

    .mn-ht-md-85p {
      min-height: 85%;
    }

    .ht-md-90 {
      height: 90px;
    }

    .ht-md-90p {
      height: 90%;
    }

    .mx-ht-md-90p {
      max-height: 90%;
    }

    .mn-ht-md-90p {
      min-height: 90%;
    }

    .ht-md-95 {
      height: 95px;
    }

    .ht-md-95p {
      height: 95%;
    }

    .mx-ht-md-95p {
      max-height: 95%;
    }

    .mn-ht-md-95p {
      min-height: 95%;
    }

    .ht-md-100 {
      height: 100px;
    }

    .ht-md-100p {
      height: 100%;
    }

    .mx-ht-md-100p {
      max-height: 100%;
    }

    .mn-ht-md-100p {
      min-height: 100%;
    }

    .ht-md-150 {
      height: 150px;
    }

    .ht-md-150p {
      height: 150%;
    }

    .mx-ht-md-150p {
      max-height: 150%;
    }

    .mn-ht-md-150p {
      min-height: 150%;
    }

    .ht-md-200 {
      height: 200px;
    }

    .ht-md-200p {
      height: 200%;
    }

    .mx-ht-md-200p {
      max-height: 200%;
    }

    .mn-ht-md-200p {
      min-height: 200%;
    }

    .ht-md-250 {
      height: 250px;
    }

    .ht-md-250p {
      height: 250%;
    }

    .mx-ht-md-250p {
      max-height: 250%;
    }

    .mn-ht-md-250p {
      min-height: 250%;
    }

    .ht-md-300 {
      height: 300px;
    }

    .ht-md-300p {
      height: 300%;
    }

    .mx-ht-md-300p {
      max-height: 300%;
    }

    .mn-ht-md-300p {
      min-height: 300%;
    }

    .ht-md-350 {
      height: 350px;
    }

    .ht-md-350p {
      height: 350%;
    }

    .mx-ht-md-350p {
      max-height: 350%;
    }

    .mn-ht-md-350p {
      min-height: 350%;
    }

    .ht-md-400 {
      height: 400px;
    }

    .ht-md-400p {
      height: 400%;
    }

    .mx-ht-md-400p {
      max-height: 400%;
    }

    .mn-ht-md-400p {
      min-height: 400%;
    }

    .ht-md-450 {
      height: 450px;
    }

    .ht-md-450p {
      height: 450%;
    }

    .mx-ht-md-450p {
      max-height: 450%;
    }

    .mn-ht-md-450p {
      min-height: 450%;
    }

    .ht-md-500 {
      height: 500px;
    }

    .ht-md-500p {
      height: 500%;
    }

    .mx-ht-md-500p {
      max-height: 500%;
    }

    .mn-ht-md-500p {
      min-height: 500%;
    }

    .ht-md-550 {
      height: 550px;
    }

    .ht-md-550p {
      height: 550%;
    }

    .mx-ht-md-550p {
      max-height: 550%;
    }

    .mn-ht-md-550p {
      min-height: 550%;
    }

    .ht-md-600 {
      height: 600px;
    }

    .ht-md-600p {
      height: 600%;
    }

    .mx-ht-md-600p {
      max-height: 600%;
    }

    .mn-ht-md-600p {
      min-height: 600%;
    }

    .ht-md-650 {
      height: 650px;
    }

    .ht-md-650p {
      height: 650%;
    }

    .mx-ht-md-650p {
      max-height: 650%;
    }

    .mn-ht-md-650p {
      min-height: 650%;
    }

    .ht-md-700 {
      height: 700px;
    }

    .ht-md-700p {
      height: 700%;
    }

    .mx-ht-md-700p {
      max-height: 700%;
    }

    .mn-ht-md-700p {
      min-height: 700%;
    }

    .ht-md-750 {
      height: 750px;
    }

    .ht-md-750p {
      height: 750%;
    }

    .mx-ht-md-750p {
      max-height: 750%;
    }

    .mn-ht-md-750p {
      min-height: 750%;
    }

    .ht-md-800 {
      height: 800px;
    }

    .ht-md-800p {
      height: 800%;
    }

    .mx-ht-md-800p {
      max-height: 800%;
    }

    .mn-ht-md-800p {
      min-height: 800%;
    }

    .ht-md-850 {
      height: 850px;
    }

    .ht-md-850p {
      height: 850%;
    }

    .mx-ht-md-850p {
      max-height: 850%;
    }

    .mn-ht-md-850p {
      min-height: 850%;
    }

    .ht-md-100v {
      height: 100vh;
    }
  }

  @media (min-width: 992px) {
    .ht-lg-5 {
      height: 5px;
    }

    .ht-lg-5p {
      height: 5%;
    }

    .mx-ht-lg-5p {
      max-height: 5%;
    }

    .mn-ht-lg-5p {
      min-height: 5%;
    }

    .ht-lg-10 {
      height: 10px;
    }

    .ht-lg-10p {
      height: 10%;
    }

    .mx-ht-lg-10p {
      max-height: 10%;
    }

    .mn-ht-lg-10p {
      min-height: 10%;
    }

    .ht-lg-15 {
      height: 15px;
    }

    .ht-lg-15p {
      height: 15%;
    }

    .mx-ht-lg-15p {
      max-height: 15%;
    }

    .mn-ht-lg-15p {
      min-height: 15%;
    }

    .ht-lg-20 {
      height: 20px;
    }

    .ht-lg-20p {
      height: 20%;
    }

    .mx-ht-lg-20p {
      max-height: 20%;
    }

    .mn-ht-lg-20p {
      min-height: 20%;
    }

    .ht-lg-25 {
      height: 25px;
    }

    .ht-lg-25p {
      height: 25%;
    }

    .mx-ht-lg-25p {
      max-height: 25%;
    }

    .mn-ht-lg-25p {
      min-height: 25%;
    }

    .ht-lg-30 {
      height: 30px;
    }

    .ht-lg-30p {
      height: 30%;
    }

    .mx-ht-lg-30p {
      max-height: 30%;
    }

    .mn-ht-lg-30p {
      min-height: 30%;
    }

    .ht-lg-35 {
      height: 35px;
    }

    .ht-lg-35p {
      height: 35%;
    }

    .mx-ht-lg-35p {
      max-height: 35%;
    }

    .mn-ht-lg-35p {
      min-height: 35%;
    }

    .ht-lg-40 {
      height: 40px;
    }

    .ht-lg-40p {
      height: 40%;
    }

    .mx-ht-lg-40p {
      max-height: 40%;
    }

    .mn-ht-lg-40p {
      min-height: 40%;
    }

    .ht-lg-45 {
      height: 45px;
    }

    .ht-lg-45p {
      height: 45%;
    }

    .mx-ht-lg-45p {
      max-height: 45%;
    }

    .mn-ht-lg-45p {
      min-height: 45%;
    }

    .ht-lg-50 {
      height: 50px;
    }

    .ht-lg-50p {
      height: 50%;
    }

    .mx-ht-lg-50p {
      max-height: 50%;
    }

    .mn-ht-lg-50p {
      min-height: 50%;
    }

    .ht-lg-55 {
      height: 55px;
    }

    .ht-lg-55p {
      height: 55%;
    }

    .mx-ht-lg-55p {
      max-height: 55%;
    }

    .mn-ht-lg-55p {
      min-height: 55%;
    }

    .ht-lg-60 {
      height: 60px;
    }

    .ht-lg-60p {
      height: 60%;
    }

    .mx-ht-lg-60p {
      max-height: 60%;
    }

    .mn-ht-lg-60p {
      min-height: 60%;
    }

    .ht-lg-65 {
      height: 65px;
    }

    .ht-lg-65p {
      height: 65%;
    }

    .mx-ht-lg-65p {
      max-height: 65%;
    }

    .mn-ht-lg-65p {
      min-height: 65%;
    }

    .ht-lg-70 {
      height: 70px;
    }

    .ht-lg-70p {
      height: 70%;
    }

    .mx-ht-lg-70p {
      max-height: 70%;
    }

    .mn-ht-lg-70p {
      min-height: 70%;
    }

    .ht-lg-75 {
      height: 75px;
    }

    .ht-lg-75p {
      height: 75%;
    }

    .mx-ht-lg-75p {
      max-height: 75%;
    }

    .mn-ht-lg-75p {
      min-height: 75%;
    }

    .ht-lg-80 {
      height: 80px;
    }

    .ht-lg-80p {
      height: 80%;
    }

    .mx-ht-lg-80p {
      max-height: 80%;
    }

    .mn-ht-lg-80p {
      min-height: 80%;
    }

    .ht-lg-85 {
      height: 85px;
    }

    .ht-lg-85p {
      height: 85%;
    }

    .mx-ht-lg-85p {
      max-height: 85%;
    }

    .mn-ht-lg-85p {
      min-height: 85%;
    }

    .ht-lg-90 {
      height: 90px;
    }

    .ht-lg-90p {
      height: 90%;
    }

    .mx-ht-lg-90p {
      max-height: 90%;
    }

    .mn-ht-lg-90p {
      min-height: 90%;
    }

    .ht-lg-95 {
      height: 95px;
    }

    .ht-lg-95p {
      height: 95%;
    }

    .mx-ht-lg-95p {
      max-height: 95%;
    }

    .mn-ht-lg-95p {
      min-height: 95%;
    }

    .ht-lg-100 {
      height: 100px;
    }

    .ht-lg-100p {
      height: 100%;
    }

    .mx-ht-lg-100p {
      max-height: 100%;
    }

    .mn-ht-lg-100p {
      min-height: 100%;
    }

    .ht-lg-150 {
      height: 150px;
    }

    .ht-lg-150p {
      height: 150%;
    }

    .mx-ht-lg-150p {
      max-height: 150%;
    }

    .mn-ht-lg-150p {
      min-height: 150%;
    }

    .ht-lg-200 {
      height: 200px;
    }

    .ht-lg-200p {
      height: 200%;
    }

    .mx-ht-lg-200p {
      max-height: 200%;
    }

    .mn-ht-lg-200p {
      min-height: 200%;
    }

    .ht-lg-250 {
      height: 250px;
    }

    .ht-lg-250p {
      height: 250%;
    }

    .mx-ht-lg-250p {
      max-height: 250%;
    }

    .mn-ht-lg-250p {
      min-height: 250%;
    }

    .ht-lg-300 {
      height: 300px;
    }

    .ht-lg-300p {
      height: 300%;
    }

    .mx-ht-lg-300p {
      max-height: 300%;
    }

    .mn-ht-lg-300p {
      min-height: 300%;
    }

    .ht-lg-350 {
      height: 350px;
    }

    .ht-lg-350p {
      height: 350%;
    }

    .mx-ht-lg-350p {
      max-height: 350%;
    }

    .mn-ht-lg-350p {
      min-height: 350%;
    }

    .ht-lg-400 {
      height: 400px;
    }

    .ht-lg-400p {
      height: 400%;
    }

    .mx-ht-lg-400p {
      max-height: 400%;
    }

    .mn-ht-lg-400p {
      min-height: 400%;
    }

    .ht-lg-450 {
      height: 450px;
    }

    .ht-lg-450p {
      height: 450%;
    }

    .mx-ht-lg-450p {
      max-height: 450%;
    }

    .mn-ht-lg-450p {
      min-height: 450%;
    }

    .ht-lg-500 {
      height: 500px;
    }

    .ht-lg-500p {
      height: 500%;
    }

    .mx-ht-lg-500p {
      max-height: 500%;
    }

    .mn-ht-lg-500p {
      min-height: 500%;
    }

    .ht-lg-550 {
      height: 550px;
    }

    .ht-lg-550p {
      height: 550%;
    }

    .mx-ht-lg-550p {
      max-height: 550%;
    }

    .mn-ht-lg-550p {
      min-height: 550%;
    }

    .ht-lg-600 {
      height: 600px;
    }

    .ht-lg-600p {
      height: 600%;
    }

    .mx-ht-lg-600p {
      max-height: 600%;
    }

    .mn-ht-lg-600p {
      min-height: 600%;
    }

    .ht-lg-650 {
      height: 650px;
    }

    .ht-lg-650p {
      height: 650%;
    }

    .mx-ht-lg-650p {
      max-height: 650%;
    }

    .mn-ht-lg-650p {
      min-height: 650%;
    }

    .ht-lg-700 {
      height: 700px;
    }

    .ht-lg-700p {
      height: 700%;
    }

    .mx-ht-lg-700p {
      max-height: 700%;
    }

    .mn-ht-lg-700p {
      min-height: 700%;
    }

    .ht-lg-750 {
      height: 750px;
    }

    .ht-lg-750p {
      height: 750%;
    }

    .mx-ht-lg-750p {
      max-height: 750%;
    }

    .mn-ht-lg-750p {
      min-height: 750%;
    }

    .ht-lg-800 {
      height: 800px;
    }

    .ht-lg-800p {
      height: 800%;
    }

    .mx-ht-lg-800p {
      max-height: 800%;
    }

    .mn-ht-lg-800p {
      min-height: 800%;
    }

    .ht-lg-850 {
      height: 850px;
    }

    .ht-lg-850p {
      height: 850%;
    }

    .mx-ht-lg-850p {
      max-height: 850%;
    }

    .mn-ht-lg-850p {
      min-height: 850%;
    }

    .ht-lg-100v {
      height: 100vh;
    }
  }

  @media (min-width: 1200px) {
    .ht-xl-5 {
      height: 5px;
    }

    .ht-xl-5p {
      height: 5%;
    }

    .mx-ht-xl-5p {
      max-height: 5%;
    }

    .mn-ht-xl-5p {
      min-height: 5%;
    }

    .ht-xl-10 {
      height: 10px;
    }

    .ht-xl-10p {
      height: 10%;
    }

    .mx-ht-xl-10p {
      max-height: 10%;
    }

    .mn-ht-xl-10p {
      min-height: 10%;
    }

    .ht-xl-15 {
      height: 15px;
    }

    .ht-xl-15p {
      height: 15%;
    }

    .mx-ht-xl-15p {
      max-height: 15%;
    }

    .mn-ht-xl-15p {
      min-height: 15%;
    }

    .ht-xl-20 {
      height: 20px;
    }

    .ht-xl-20p {
      height: 20%;
    }

    .mx-ht-xl-20p {
      max-height: 20%;
    }

    .mn-ht-xl-20p {
      min-height: 20%;
    }

    .ht-xl-25 {
      height: 25px;
    }

    .ht-xl-25p {
      height: 25%;
    }

    .mx-ht-xl-25p {
      max-height: 25%;
    }

    .mn-ht-xl-25p {
      min-height: 25%;
    }

    .ht-xl-30 {
      height: 30px;
    }

    .ht-xl-30p {
      height: 30%;
    }

    .mx-ht-xl-30p {
      max-height: 30%;
    }

    .mn-ht-xl-30p {
      min-height: 30%;
    }

    .ht-xl-35 {
      height: 35px;
    }

    .ht-xl-35p {
      height: 35%;
    }

    .mx-ht-xl-35p {
      max-height: 35%;
    }

    .mn-ht-xl-35p {
      min-height: 35%;
    }

    .ht-xl-40 {
      height: 40px;
    }

    .ht-xl-40p {
      height: 40%;
    }

    .mx-ht-xl-40p {
      max-height: 40%;
    }

    .mn-ht-xl-40p {
      min-height: 40%;
    }

    .ht-xl-45 {
      height: 45px;
    }

    .ht-xl-45p {
      height: 45%;
    }

    .mx-ht-xl-45p {
      max-height: 45%;
    }

    .mn-ht-xl-45p {
      min-height: 45%;
    }

    .ht-xl-50 {
      height: 50px;
    }

    .ht-xl-50p {
      height: 50%;
    }

    .mx-ht-xl-50p {
      max-height: 50%;
    }

    .mn-ht-xl-50p {
      min-height: 50%;
    }

    .ht-xl-55 {
      height: 55px;
    }

    .ht-xl-55p {
      height: 55%;
    }

    .mx-ht-xl-55p {
      max-height: 55%;
    }

    .mn-ht-xl-55p {
      min-height: 55%;
    }

    .ht-xl-60 {
      height: 60px;
    }

    .ht-xl-60p {
      height: 60%;
    }

    .mx-ht-xl-60p {
      max-height: 60%;
    }

    .mn-ht-xl-60p {
      min-height: 60%;
    }

    .ht-xl-65 {
      height: 65px;
    }

    .ht-xl-65p {
      height: 65%;
    }

    .mx-ht-xl-65p {
      max-height: 65%;
    }

    .mn-ht-xl-65p {
      min-height: 65%;
    }

    .ht-xl-70 {
      height: 70px;
    }

    .ht-xl-70p {
      height: 70%;
    }

    .mx-ht-xl-70p {
      max-height: 70%;
    }

    .mn-ht-xl-70p {
      min-height: 70%;
    }

    .ht-xl-75 {
      height: 75px;
    }

    .ht-xl-75p {
      height: 75%;
    }

    .mx-ht-xl-75p {
      max-height: 75%;
    }

    .mn-ht-xl-75p {
      min-height: 75%;
    }

    .ht-xl-80 {
      height: 80px;
    }

    .ht-xl-80p {
      height: 80%;
    }

    .mx-ht-xl-80p {
      max-height: 80%;
    }

    .mn-ht-xl-80p {
      min-height: 80%;
    }

    .ht-xl-85 {
      height: 85px;
    }

    .ht-xl-85p {
      height: 85%;
    }

    .mx-ht-xl-85p {
      max-height: 85%;
    }

    .mn-ht-xl-85p {
      min-height: 85%;
    }

    .ht-xl-90 {
      height: 90px;
    }

    .ht-xl-90p {
      height: 90%;
    }

    .mx-ht-xl-90p {
      max-height: 90%;
    }

    .mn-ht-xl-90p {
      min-height: 90%;
    }

    .ht-xl-95 {
      height: 95px;
    }

    .ht-xl-95p {
      height: 95%;
    }

    .mx-ht-xl-95p {
      max-height: 95%;
    }

    .mn-ht-xl-95p {
      min-height: 95%;
    }

    .ht-xl-100 {
      height: 100px;
    }

    .ht-xl-100p {
      height: 100%;
    }

    .mx-ht-xl-100p {
      max-height: 100%;
    }

    .mn-ht-xl-100p {
      min-height: 100%;
    }

    .ht-xl-150 {
      height: 150px;
    }

    .ht-xl-150p {
      height: 150%;
    }

    .mx-ht-xl-150p {
      max-height: 150%;
    }

    .mn-ht-xl-150p {
      min-height: 150%;
    }

    .ht-xl-200 {
      height: 200px;
    }

    .ht-xl-200p {
      height: 200%;
    }

    .mx-ht-xl-200p {
      max-height: 200%;
    }

    .mn-ht-xl-200p {
      min-height: 200%;
    }

    .ht-xl-250 {
      height: 250px;
    }

    .ht-xl-250p {
      height: 250%;
    }

    .mx-ht-xl-250p {
      max-height: 250%;
    }

    .mn-ht-xl-250p {
      min-height: 250%;
    }

    .ht-xl-300 {
      height: 300px;
    }

    .ht-xl-300p {
      height: 300%;
    }

    .mx-ht-xl-300p {
      max-height: 300%;
    }

    .mn-ht-xl-300p {
      min-height: 300%;
    }

    .ht-xl-350 {
      height: 350px;
    }

    .ht-xl-350p {
      height: 350%;
    }

    .mx-ht-xl-350p {
      max-height: 350%;
    }

    .mn-ht-xl-350p {
      min-height: 350%;
    }

    .ht-xl-400 {
      height: 400px;
    }

    .ht-xl-400p {
      height: 400%;
    }

    .mx-ht-xl-400p {
      max-height: 400%;
    }

    .mn-ht-xl-400p {
      min-height: 400%;
    }

    .ht-xl-450 {
      height: 450px;
    }

    .ht-xl-450p {
      height: 450%;
    }

    .mx-ht-xl-450p {
      max-height: 450%;
    }

    .mn-ht-xl-450p {
      min-height: 450%;
    }

    .ht-xl-500 {
      height: 500px;
    }

    .ht-xl-500p {
      height: 500%;
    }

    .mx-ht-xl-500p {
      max-height: 500%;
    }

    .mn-ht-xl-500p {
      min-height: 500%;
    }

    .ht-xl-550 {
      height: 550px;
    }

    .ht-xl-550p {
      height: 550%;
    }

    .mx-ht-xl-550p {
      max-height: 550%;
    }

    .mn-ht-xl-550p {
      min-height: 550%;
    }

    .ht-xl-600 {
      height: 600px;
    }

    .ht-xl-600p {
      height: 600%;
    }

    .mx-ht-xl-600p {
      max-height: 600%;
    }

    .mn-ht-xl-600p {
      min-height: 600%;
    }

    .ht-xl-650 {
      height: 650px;
    }

    .ht-xl-650p {
      height: 650%;
    }

    .mx-ht-xl-650p {
      max-height: 650%;
    }

    .mn-ht-xl-650p {
      min-height: 650%;
    }

    .ht-xl-700 {
      height: 700px;
    }

    .ht-xl-700p {
      height: 700%;
    }

    .mx-ht-xl-700p {
      max-height: 700%;
    }

    .mn-ht-xl-700p {
      min-height: 700%;
    }

    .ht-xl-750 {
      height: 750px;
    }

    .ht-xl-750p {
      height: 750%;
    }

    .mx-ht-xl-750p {
      max-height: 750%;
    }

    .mn-ht-xl-750p {
      min-height: 750%;
    }

    .ht-xl-800 {
      height: 800px;
    }

    .ht-xl-800p {
      height: 800%;
    }

    .mx-ht-xl-800p {
      max-height: 800%;
    }

    .mn-ht-xl-800p {
      min-height: 800%;
    }

    .ht-xl-850 {
      height: 850px;
    }

    .ht-xl-850p {
      height: 850%;
    }

    .mx-ht-xl-850p {
      max-height: 850%;
    }

    .mn-ht-xl-850p {
      min-height: 850%;
    }

    .ht-xl-100v {
      height: 100vh;
    }
  }

  .lh-50 {
    line-height: 50px;
  }

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

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

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

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

  .h-auto {
    height: auto !important;
  }

  .mh-100 {
    max-height: 100% !important;
  }

  .min-vh-100 {
    min-height: 100vh !important;
  }

  .vh-100 {
    height: 100vh !important;
  }

  .h-330 {
    height: 330px !important;
  }

  .h-270 {
    height: 270px !important;
  }

  .h-300 {
    height: 300px !important;
  }

  /* ###### Height ###### */

  html[dir="rtl"] * .carousel-item {
    float: left !important;
    margin-left: 0 !important;
  }

  html[dir="ltr"] * .carousel-item {
    float: right !important;
    margin-left: 0 !important;
  }

  .material-icons,
  .icon-text {
    vertical-align: middle;
  }

  .material-icons {
    padding-bottom: 3px;
    margin-right: 30px;
  }

  @media screen and (max-height: 450px) {
    .sidebar {
      padding-top: 15px;
    }

    .sidebar a {
      font-size: 18px;
    }
  }

  .container {
    /* margin-left: auto !important; */
    /* margin-right: auto !important; */
  }

  .dash-20 {
    font-size: 20px;
  }

  .dash-25 {
    font-size: 25px;
  }

  .dash-30 {
    font-size: 30px;
  }

  .fs-10 {
    font-size: 10px;
  }

  .fs-11 {
    font-size: 11px;
  }

  .fs-12 {
    font-size: 12px;
  }

  .fs-13 {
    font-size: 13px;
  }

  .fs-14 {
    font-size: 14px;
  }

  .fs-15 {
    font-size: 15px;
  }

  .fs-16 {
    font-size: 16px;
  }

  .fs-17 {
    font-size: 17px;
  }

  .fs-18 {
    font-size: 18px;
  }

  .fs-19 {
    font-size: 19px;
  }

  .fs-20 {
    font-size: 20px;
  }

  .fs-25 {
    font-size: 25px !important;
  }

  .fs-30 {
    font-size: 30px;
  }

  .fs-40 {
    font-size: 40px;
  }

  .fs-50 {
    font-size: 50px;
  }

  .pos-absolute {
    position: absolute;
  }

  .pos-relative {
    position: relative !important;
  }

  .pos-fixed {
    position: fixed;
  }

  .pos-static {
    position: static;
  }

  .rounded-sm {
    border-radius: 0.2rem !important;
  }

  .rounded {
    border-radius: 11px !important;
  }

  .rounded-top {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
  }

  .rounded-end {
    border-top-right-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
  }

  .rounded-bottom {
    border-bottom-right-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  .rounded-start {
    border-top-left-radius: 3px !important;
    border-bottom-left-radius: 3px !important;
  }

  html[dir="rtl"] * .rounded-end-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }

  html[dir="ltr"] * .rounded-end-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  .rounded-bottom-0 {
    border-bottom-right-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }

  html[dir="ltr"] * .rounded-start-0 {
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
  }

  html[dir="rtl"] * .rounded-start-0 {
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  .rounded-top-11 {
    border-top-left-radius: 11px !important;
    border-top-right-radius: 11px !important;
  }

  .rounded-top-0 {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
  }

  .rounded-bottom-11 {
    border-bottom-left-radius: 11px !important;
    border-bottom-right-radius: 11px !important;
  }

  .rounded-bottom-0 {
    border-bottom-left-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
  }

  html[dir="rtl"] * .rounded-end-11 {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px !important;
  }

  html[dir="ltr"] * .rounded-end-11 {
    border-top-right-radius: 11px !important;
    border-bottom-right-radius: 11px !important;
  }

  html[dir="rtl"] * .rounded-start-11 {
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px !important;
  }

  html[dir="ltr"] * .rounded-start-11 {
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px !important;
  }

  .owl-nav {
    top: 30% !important;
  }

  .text-black {
    color: black;
  }

  i.text-danger {
    color: red !important;
    font-size: 25px;
  }

  .form-check-input:checked {
    background-color: #34c759;
    border-color: #34c759;
  }

  .optWrapper * li.group ul {
    padding-right: 15px;
    padding-left: 15px;
  }