@import '../../node_modules/swiper/modules/navigation.css';
@import '../../node_modules/swiper/modules/pagination.css';
@import '../../node_modules/swiper/modules/scrollbar.css';
@import '../../node_modules/swiper/modules/free-mode.css';
@import '../../node_modules/swiper/swiper.css';
@import '../../node_modules//swiper/swiper.min.css';
@import '../../node_modules/swiper/modules/grid.css';
@import '../../node_modules/maz-ui/css/main.css';
@import url('https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/flowbite/1.8.0/flowbite.min.css');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@tailwind base;
@tailwind components;
@tailwind utilities;

html {
  background-color: white;
}

body {
  width: 100vw;
  background-color: white;
  overflow-x: hidden;
  font-family: 'Roboto', sans-serif;
  font-size: 0.8rem;
  font-weight: normal;
  font-style: normal;
}



.tabs-component-tabs {
  border-radius: 6px;
  margin-bottom: 5px;
  border-bottom: solid 2px #ddd;
}

@media (min-width: 700px) {
  .tabs-component-tabs {
      border: 0;
      align-items: stretch;
      display: flex;
      justify-content: flex-start;
      margin-bottom: -1px;
      border-bottom: solid 2px #ddd;
  }
}

.tabs-component-tab, .tabs-component-tab--custom {
  color: #999;
  font-size: 14px;
  font-weight: 600;
  margin-right: 0;
  list-style: none;
}

/* .tabs-component-tab:not(:last-child) {
  border-bottom: solid 1px #ddd;
} */
/* .tabs-component-tab {
  border-bottom: solid 1px #ddd;
} */
.tabs-component-tab:hover {
  color: #021017;
}

.tabs-component-tab.is-active {
  color: #021017;
}

.tabs-component-tab.is-disabled *, .tabs-component-tab--custom.is-disabled * {
  color: #cdcdcd;
  cursor: not-allowed !important;
}

@media (min-width: 700px) {
  .tabs-component-tab, .tabs-component-tab--custom {
      background-color: #fff;
      border-radius: 3px 3px 0 0;
      color: #263740;
      transform: translateY(2px);
      transition: transform .3s ease;
      border-bottom: solid 2px #ddd;
  }

  .tabs-component-tab.is-active, .tabs-component-tab--custom.is-active {
      border-bottom: solid 2px #ff7a00;
      transform: translateY(0);
      
      color: #021017;
  }
}

.tabs-component-tab-a, .tabs-component-tab-a--custom {
  align-items: center;
  display: flex;
  padding: .75em 1em;
  text-decoration: none;
  
}

.tabs-component-panels {
  
}

@media (min-width: 700px) {
  .tabs-component-panels {
      background-color: #fff;
      /* border: solid 1px #ddd; */
      border-radius: 0 6px 6px 6px;
      /* box-shadow: 0 0 10px rgba(0, 0, 0, .05); */
      /* padding: 4em 2em; */
  }
}

.tabs-component-btn {
cursor: pointer;
background: #e1ecf4;
border-radius: 3px;
border: 1px solid #7aa7c7;
padding: 4px 8px;
color: #39739d;
}

.tabs-component-btn:hover {
background-color: #b3d3ea;
color: #2c5777;
}

.tabs-component-btn:active {
background-color: #a0c7e4;
box-shadow: none;
color: #2c5777;
}

.tabs-component-tab--custom {
  border-color: #e1ecf4;
  color: #68838d;
}

.tabs-component-tab--custom:hover {
  border-color: #e1ecf4;
  color: #39739d;
}

.tabs-component-tab--custom.is-active {
  color: #39739d;
  border-color: #7aa7c7;
  border-bottom: solid 1px #fff;
}

.m-input[data-v-e9e7fe2d] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.m-input.--xl[data-v-e9e7fe2d] {
    height: 4rem
}

.m-input.--xl .m-input-input[data-v-e9e7fe2d],
.m-input.--xl .m-input-label[data-v-e9e7fe2d] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.m-input.--lg[data-v-e9e7fe2d] {
    height: 3.5rem
}

.m-input.--lg .m-input-input[data-v-e9e7fe2d],
.m-input.--lg .m-input-label[data-v-e9e7fe2d] {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.m-input.--md[data-v-e9e7fe2d] {
    height: 3rem
}

.m-input.--sm[data-v-e9e7fe2d] {
    height: 2.5rem
}

.m-input.--sm .m-input-input[data-v-e9e7fe2d],
.m-input.--sm .m-input-label[data-v-e9e7fe2d] {
    font-size: .875rem;
    line-height: 1.25rem
}

.m-input.--xs[data-v-e9e7fe2d] {
    height: 2rem
}

.m-input.--xs .m-input-input[data-v-e9e7fe2d],
.m-input.--xs .m-input-label[data-v-e9e7fe2d] {
    font-size: .75rem;
    line-height: 1rem
}

.m-input.--mini[data-v-e9e7fe2d] {
    height: 1.5rem
}

.m-input.--mini .m-input-input[data-v-e9e7fe2d],
.m-input.--mini .m-input-label[data-v-e9e7fe2d] {
    font-size: .75rem;
    line-height: 1rem
}

.m-input-wrapper[data-v-e9e7fe2d] {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    overflow: hidden;
    border-width: var(--maz-border-width);
    border-style: solid;
    background-color: var(--maz-color-bg);
    /* background-color: red; */
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s

}

.m-input-wrapper.--default-border[data-v-e9e7fe2d] {
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity))
}

:is([class~=dark] .m-input-wrapper.--default-border[data-v-e9e7fe2d]) {
    border-color: var(--maz-color-bg-lighter)
}

.m-input-wrapper-input[data-v-e9e7fe2d] {
    position: relative;
    display: -webkit-box;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    /* background-color: blue; */
    max-width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-input-wrapper-right[data-v-e9e7fe2d],
.m-input-wrapper-left[data-v-e9e7fe2d] {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.m-input-wrapper-right[data-v-e9e7fe2d]>:not([hidden])~:not([hidden]),
.m-input-wrapper-left[data-v-e9e7fe2d]>:not([hidden])~:not([hidden]) {
    --tw-space-x-reverse: 0;
    margin-right: calc(.25rem * var(--tw-space-x-reverse));
    margin-left: calc(.25rem * calc(1 - var(--tw-space-x-reverse)))
}

.m-input-wrapper-right[data-v-e9e7fe2d],
.m-input-wrapper-left[data-v-e9e7fe2d] {
    padding-top: .25rem;
    padding-bottom: .25rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-input-wrapper-right[data-v-e9e7fe2d] {
    padding-right: .5rem
}

.m-input-wrapper-left[data-v-e9e7fe2d] {
    padding-left: .5rem
}

.m-input-input[data-v-e9e7fe2d] {
    margin: 0;
    display: block;
    height: 100%;
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-style: none;
    background-color: transparent;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0;
    padding-bottom: 0;
    color: var(--maz-color-text);
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    outline: 2px solid transparent;
    outline-offset: 2px
}

.m-input-input[data-v-e9e7fe2d]:-webkit-autofill,
.m-input-input[data-v-e9e7fe2d]:-webkit-autofill:hover,
.m-input-input[data-v-e9e7fe2d]:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--maz-color-text);
    -webkit-box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;
    box-shadow: 0 0 0 1000px var(--maz-color-primary-50) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.m-input-input[data-v-e9e7fe2d]::-webkit-input-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-e9e7fe2d]::-moz-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-e9e7fe2d]:-ms-input-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-e9e7fe2d]::-ms-input-placeholder {
    color: var(--maz-color-muted)
}

.m-input-input[data-v-e9e7fe2d]::placeholder {
    color: var(--maz-color-muted)
}

.m-input-label[data-v-e9e7fe2d] {
    pointer-events: none;
    position: absolute;
    left: .75rem;
    display: block;
    width: 100%;
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    line-height: 1.5rem;
    width: calc(100% + 1.3rem);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: -webkit-transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms;
    transition: transform .2s cubic-bezier(0, 0, .2, 1) 0ms, -webkit-transform .2s cubic-bezier(0, 0, .2, 1) 0ms
}

.m-input:not(.--should-up) .m-input-label[data-v-e9e7fe2d] {
    width: calc(100% - .75rem)
}

.m-input.--should-up .m-input-label[data-v-e9e7fe2d] {
    -webkit-transform: scale(.8) translateY(-.65em);
    transform: scale(.8) translateY(-.65em)
}

.m-input[data-v-e9e7fe2d]:not(.--has-state) {
    color: var(--maz-color-muted)
}

.m-input.--has-z-2 .m-input-wrapper[data-v-e9e7fe2d] {
    z-index: 2
}

.m-input.--is-readonly .m-input-input[data-v-e9e7fe2d] {
    cursor: default
}

.m-input.--is-disabled .m-input-wrapper[data-v-e9e7fe2d] {
    background-color: var(--maz-color-bg-lighter);
    color: var(--maz-color-muted)
}

.m-input.--is-disabled .m-input-input[data-v-e9e7fe2d] {
    cursor: not-allowed;
    color: var(--maz-color-muted)
}

:is([class~=dark] .m-input:not(.--is-disabled) .m-input-wrapper[data-v-e9e7fe2d]) {
    background-color: var(--maz-color-bg-light)
}

.m-input.--is-focused .m-input-wrapper[data-v-e9e7fe2d] {
    z-index: 3
}

.m-input.--has-label .m-input-input[data-v-e9e7fe2d] {
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: 1rem
}

html.dark .m-input-input[data-v-e9e7fe2d]:-webkit-autofill,
html.dark .m-input-input[data-v-e9e7fe2d]:-webkit-autofill:hover,
html.dark .m-input-input[data-v-e9e7fe2d]:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--maz-color-text);
    -webkit-box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;
    box-shadow: 0 0 0 1000px var(--maz-color-bg-lighter) inset;
    -webkit-transition: background-color 5000s ease-in-out 0s;
    transition: background-color 5000s ease-in-out 0s
}

.m-select[data-v-8272b643] {
    position: relative
}

.m-select.--mini[data-v-8272b643],
.m-select.--xs[data-v-8272b643] {
    font-size: .75rem;
    line-height: 1rem
}

.m-select.--sm[data-v-8272b643] {
    font-size: .875rem;
    line-height: 1.25rem
}

.m-select.--md[data-v-8272b643] {
    font-size: 1rem;
    line-height: 1.5rem
}

.m-select.--lg[data-v-8272b643] {
    font-size: 1.125rem;
    line-height: 1.75rem
}

.m-select.--xl[data-v-8272b643] {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.m-select[data-v-8272b643]:not(.--disabled) .m-input-input {
    cursor: pointer
}

.m-select-input[data-v-8272b643] .m-input-input,
.m-select-input.--has-label[data-v-8272b643] .m-input-input {
    padding-right: 0
}

.m-select-input__toggle-button[data-v-8272b643] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    background-color: transparent;
    padding-left: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-select-input[data-v-8272b643] input {
    caret-color: transparent
}

.m-select-chevron[data-v-8272b643] {
    font-size: 1.2em;
    color: var(--maz-color-text);
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(0, 0, .2, 1);
    transition-timing-function: cubic-bezier(0, 0, .2, 1)
}

.m-select.--is-open .m-select-chevron[data-v-8272b643] {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.m-select .m-select-list[data-v-8272b643] {
    position: absolute;
    z-index: 1050;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    overflow: hidden;
    /* border-radius: 50%; */
    border-radius: var(--maz-border-radius);
    background-color: var(--maz-color-bg);
    padding: .5rem;
    -webkit-box-shadow: 0 5px 10px 0 hsla(0, 0%, 0%, .05);
    box-shadow: 0 5px 10px #0000000d
}

:is([class~=dark] .m-select .m-select-list[data-v-8272b643]) {
    border-width: var(--maz-border-width);
    border-color: var(--maz-color-bg-light)
}

.m-select .m-select-list[data-v-8272b643] {
    min-width: 3.5rem
}

.m-select .m-select-list.--top[data-v-8272b643] {
    bottom: 100%
}

.m-select .m-select-list.--left[data-v-8272b643] {
    left: 0
}

.m-select .m-select-list.--right[data-v-8272b643] {
    right: 0
}

.m-select .m-select-list.--bottom[data-v-8272b643] {
    top: 100%
}

.m-select .m-select-list__scroll-wrapper[data-v-8272b643] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 0%;
    flex: 1 1 0%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: .25rem;
    overflow: auto
}

.m-select .m-select-list__no-results[data-v-8272b643] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.m-select .m-select-list-item[data-v-8272b643] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    cursor: pointer;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    /* border-radius: var(--maz-border-radius); */
    background-color: transparent;
    padding-left: .75rem;
    padding-right: .75rem;
    padding-top: .5em;
    padding-bottom: .5em;
    text-align: left;
    font-size: 1em;
    -webkit-transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

.m-select .m-select-list-item[data-v-8272b643]:focus-within {
    background-color: var(--maz-color-bg-light)
}

.m-select .m-select-list-item[data-v-8272b643]:hover {
    background-color: var(--maz-color-bg-light)
}

.m-select .m-select-list-item span[data-v-8272b643] {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.m-select .m-select-list-item.--is-keyboard-selected[data-v-8272b643] {
    background-color: var(--maz-color-bg-light)
}

:is([class~=dark] .m-select .m-select-list-item.--is-keyboard-selected[data-v-8272b643]) {
    background-color: var(--maz-color-bg-lighter)
}

.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-8272b643],
.m-select .m-select-list-item.--is-keyboard-selected.--is-selected[data-v-8272b643]:hover {
    background-color: var(--5e7d1dfe)
}

.m-select .m-select-list-item.--is-none-value[data-v-8272b643] {
    color: var(--maz-color-muted)
}

.m-select .m-select-list-item.--is-selected[data-v-8272b643] {
    color: var(--b3b9ed86);
    background-color: var(--55cb06e5)
}

.m-select .m-select-list-item.--is-selected.--transparent[data-v-8272b643] {
    background-color: var(--maz-color-bg)
}

.m-select button.maz-custom[data-v-8272b643] {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-style: none
}

.m-phone-number-input[data-v-d5e7117a] {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.m-phone-number-input__country-flag[data-v-d5e7117a] {
    position: absolute;
    left: 13px;
    z-index: 4;
    outline: none;
    border: none;
    padding: 0;
    margin: 0;
    cursor: pointer
}

.m-phone-number-input__country-flag.--should-have-bottom-flag[data-v-d5e7117a] {
    bottom: 2px
}

.m-phone-number-input__input.--border-radius[data-v-d5e7117a] .m-input-wrapper {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    margin-left: -2px
}

.m-phone-number-input__select[data-v-d5e7117a] {
    width: 9rem
}

.m-phone-number-input__select__item[data-v-d5e7117a] {
    width: 100%;
    font-size: .875rem;
    line-height: 1.25rem
}

.m-phone-number-input__select[data-v-d5e7117a] .m-select-input .m-input-wrapper {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

.m-phone-number-input:not(.--no-flags) .m-phone-number-input__select[data-v-d5e7117a] .m-select-input input {
    padding-left: 2.25rem !important
}

.m-phone-number-input__input.--error[data-v-d5e7117a],
.m-phone-number-input__input.--focused[data-v-d5e7117a] {
    z-index: 1
}