/**************** NORMALIZE ****************//**************** NORMALIZE ****************//**************** NORMALIZE ****************/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: none; font-size: 100%; font: inherit; vertical-align: baseline;}
article, aside, div, details, fieldset, figcaption, figure, form, footer, h1, h2, h3, h4, h5, h6, header, hgroup, legend, menu, nav, section {display: block; position: relative;}

html {direction: ltr; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; box-sizing: border-box;}
body {direction: ltr; font-family: sans-serif; font-style: normal; font-weight: normal; font-stretch: 100%; font-size: 100%; line-height: 1; text-align: start; letter-spacing: 0px; background-color: hsla(0,0%,100%,1);}
html[dir="rtl"] {direction: rtl;} html[dir="rtl"] body {direction: rtl;}
*, *:before, *:after {box-sizing: inherit;}
a {text-decoration: none; background-color: transparent;}
h1, h2, h3, h4, h5, h6 {font-size: inherit; font-weight: inherit;}
b, i {font-style: inherit; font-weight: inherit;}
ol, ul {display: block; position: relative; list-style: none;} li {display: block; position: relative; list-style-type: none; box-sizing: border-box;}
blockquote, q {quotes: none;} blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
table {border-collapse: collapse; border-spacing: 0;}
video:fullscreen {object-fit: contain !important;}

input, select {vertical-align: middle;} textarea {resize: none;} input[disabled] {cursor: default;} input::-moz-focus-inner {border: 0; padding: 0;}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box; padding: 0;}
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {-webkit-appearance: none;} input[type="number"] {appearance: textfield;}
input[type="number"].arrows::-webkit-outer-spin-button, input[type="number"].arrows::-webkit-inner-spin-button {-webkit-appearance: auto;} input[type="number"].arrows {appearance: auto;}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
html[dir="rtl"] input[type="date"] {text-align: right;} html[dir="rtl"] input[type="tel"] {direction: ltr; text-align: right;} html[dir="rtl"] input[type="tel"]:placeholder-shown {direction: rtl; text-align: right;}



/**************** ISO CLASSES ****************//**************** ISO CLASSES ****************//**************** ISO CLASSES ****************/

.iso-block {display: block !important;} .iso-inline {display: inline !important;} .iso-inblock {display: inline-block !important;}
.iso-overflow {overflow: hidden !important;} .iso-clear:after {content: ""; display: block; width: 0px; height: 0px; clear: both; visibility: hidden;}
.iso-hide {display: none !important; opacity: 0 !important; pointer-events: none !important;} .iso-wait {opacity: 0.5; cursor: default; pointer-events: none;}
.iso-nopoint {pointer-events: none;} .iso-scroll-hide {-ms-overflow-style: none; scrollbar-width: none;} .iso-scroll-hide::-webkit-scrollbar {display: none;}

.iso-text-start {text-align: start !important;} .iso-text-start input, .iso-text-start textarea {text-align: start !important;} 
.iso-text-end {text-align: end !important;} .iso-text-end input, .iso-text-end textarea {text-align: end !important;} 
.iso-text-left {text-align: left !important;} .iso-text-left input, .iso-text-left textarea {text-align: left !important;} 
.iso-text-right {text-align: right !important;} .iso-text-right input, .iso-text-right textarea {text-align: right !important;}
.iso-text-center {text-align: center !important;} .iso-text-center input, .iso-text-center textarea {text-align: center !important;}
.iso-text-uppercase {text-transform: uppercase;} .iso-text-capitalize {text-transform: capitalize;}
.iso-text-break {word-wrap: break-word; word-break: break-word; overflow-wrap: anywhere;}
.iso-text-nowrap {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.iso-text-for-copy {width: 1px; height: 1px; opacity: 0; overflow: hidden;}

@keyframes iso-sync-rotate { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }
@keyframes iso-sync { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);} }



/**************** FLEX CLASSES ****************//**************** FLEX CLASSES ****************//**************** FLEX CLASSES ****************/

[class~="flex"], [class^="flex-"], [class*=" flex-"] {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: flex-start; align-content: flex-start;}
[class~="flex"] > *, [class^="flex-"] > *, [class*=" flex-"] > * {flex: 0 0 auto;}
[class~="flex"] > .nofix, [class^="flex-"] > .nofix, [class*=" flex-"] > .nofix {flex: 1 1 auto;}

.flex-rerow {flex-direction: row-reverse;} .flex-column {flex-direction: column;} .flex-recolumn {flex-direction: column-reverse;}
.flex-nowrap {flex-wrap: nowrap;} .flex-rewrap {flex-wrap: wrap-reverse;} .flex-end {justify-content: flex-end;}
.flex-between {justify-content: space-between;} .flex-around {justify-content: space-around;} .flex-center {justify-content: center;}
.flex-iend {align-items: flex-end;} .flex-icenter {align-items: center;} .flex-ibaseline {align-items: baseline;} .flex-istretch {align-items: stretch;}
.flex-cend {align-content: flex-end;} .flex-ccenter {align-content: center;}  .flex-cbetween {align-content: space-between;} .flex-caround {align-content: space-around;}
.flex-vcenter {align-items: center; align-content: center;} .flex-acenter {justify-content: center; align-items: center; align-content: center;}



/**************** POPUP ****************//**************** POPUP ****************//**************** POPUP ****************/

#noclick {display: none; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 99999999999999999999;}






/**************** SCROLLBAR ****************//**************** SCROLLBAR ****************//**************** SCROLLBAR ****************/

body.noscroll {overflow: hidden !important;}

.scrollbar {width: 100%; height: 100%;}
.scrollfix {width: 100%;}

body > .oscroll-theme-body {
    --os-size: 12px;
    --os-padding-perpendicular: 0px;

    --os-track-border-radius: 0px;
    --os-track-bg: hsla(0,0%,0%,0.18);
    --os-track-bg-hover: hsla(0,0%,0%,0.18);
    --os-track-bg-active: hsla(0,0%,0%,0.18);

    --os-handle-bg: hsla(0,0%,0%,0.36);
    --os-handle-bg-hover: hsla(0,0%,0%,0.36);
    --os-handle-bg-active: hsla(0,0%,0%,0.36);
    --os-handle-border-radius: 0px;
    --os-handle-min-size: 30px;
}

.scrollbar > .oscroll-theme-scrollbar {
    --os-size: 9px;
    --os-padding-perpendicular: 0px;

    --os-track-border-radius: 0px;
    --os-track-bg: hsla(0,0%,0%,0.18);
    --os-track-bg-hover: hsla(0,0%,0%,0.18);
    --os-track-bg-active: hsla(0,0%,0%,0.18);

    --os-handle-bg: hsla(0,0%,0%,0.36);
    --os-handle-bg-hover: hsla(0,0%,0%,0.36);
    --os-handle-bg-active: hsla(0,0%,0%,0.36);
    --os-handle-border-radius: 0px;
    --os-handle-min-size: 30px;
}

.scrollbar > .oscroll-theme-touch {
    --os-size: 9px;
    --os-padding-perpendicular: 0px;

    --os-track-border-radius: 0px;
    --os-track-bg: hsla(0,0%,100%,0.12);
    --os-track-bg-hover: hsla(0,0%,100%,0.12);
    --os-track-bg-active: hsla(0,0%,100%,0.12);

    --os-handle-bg: hsla(0,0%,100%,0.24);
    --os-handle-bg-hover: hsla(0,0%,100%,0.24);
    --os-handle-bg-active: hsla(0,0%,100%,0.24);
    --os-handle-border-radius: 0px;
    --os-handle-min-size: 30px;
}



/**************** BUTTON ****************//**************** BUTTON ****************//**************** BUTTON ****************/

button, input[type="button"], input[type="submit"], input[type="reset"] {all: unset; -webkit-appearance: none; appearance: none; box-sizing: border-box; cursor: pointer;}
:is(button, .button) {
  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center;
  position: relative; font-weight: 700; font-size: 24px; line-height: 1; text-align: center; color: var(--white);
  user-select: none; -webkit-tap-highlight-color: transparent; touch-action: manipulation; box-sizing: border-box; cursor: pointer;
}
:is(button, .button) > i {
  display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center;
  position: relative; aspect-ratio: 1;
}
:is(button, .button) > i > svg {display: block; width: 100%; height: 100%; fill: var(--white);}
:is(button, .button) > b {display: block; flex: 1 1 auto; max-width: 100%; font-weight: inherit; color: inherit;}

:is(button, .button).icon > i {margin: 0 !important;}
:is(button, .button).list {text-align: start;}



/**************** SELECT ****************//**************** SELECT ****************//**************** SELECT ****************/

.select {position: relative;}
.select .head {width: auto;}
.select .drop {display: none; position: absolute; opacity: 0; transform: translateY(-12px); transition: opacity ease 240ms, transform ease 240ms; z-index: 100;}
.select.open .drop {opacity: 1; transform: translateY(0);}



/**************** STARS RATING ****************//**************** STARS RATING ****************//**************** STARS RATING ****************/

.stars-line {height: 100%;}
.stars-line .star {display: block; height: 100%; aspect-ratio: 1 / 1; margin: 0px 0px 0px 3px;}
.stars-line .star img {display: block; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%;}
.stars-line .star img.empty {display: block;}
.stars-line .star img.fill {display: none;}
.stars-line .star img.half {display: none;}

.stars-line[data-rating="1"] .star:nth-child(-n+1) .fill {display: block;}
.stars-line[data-rating="1.5"] .star:nth-child(-n+1) .fill {display: block;}
.stars-line[data-rating="1.5"] .star:nth-child(2) .half {display: block;}
.stars-line[data-rating="2"] .star:nth-child(-n+2) .fill {display: block;}
.stars-line[data-rating="2.5"] .star:nth-child(-n+2) .fill {display: block;}
.stars-line[data-rating="2.5"] .star:nth-child(3) .half {display: block;}
.stars-line[data-rating="3"] .star:nth-child(-n+3) .fill {display: block;}
.stars-line[data-rating="3.5"] .star:nth-child(-n+3) .fill {display: block;}
.stars-line[data-rating="3.5"] .star:nth-child(4) .half {display: block;}
.stars-line[data-rating="4"] .star:nth-child(-n+4) .fill {display: block;}
.stars-line[data-rating="4.5"] .star:nth-child(-n+4) .fill {display: block;}
.stars-line[data-rating="4.5"] .star:nth-child(5) .half {display: block;}
.stars-line[data-rating="5"] .star:nth-child(-n+5) .fill {display: block;}